@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.tit{text-align: center;font-weight:normal;}
.tit span{display:block;font-size: 36px;color: #000;line-height: 36px;}
.tit i{display:block;font-size: 22px;line-height: 22px;color: #313131;padding-top: 10px;}
/*banner*/
.banner{height: 710px;position: relative;}
.banner .bd li{height: 710px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 710px;}
.banner .content{position: relative;}
.ban_pg{position: absolute;width: 134px;text-align: center;top: 50px;right: 57px;font-size: 0;z-index: 10;}
.ban_pg i{display:inline-block;width: 8px;height: 8px;background: #bfbfbf;border-radius:50%;margin:0 10px;}
.ban_pg i.on{background: #e60012;}
.banner .prev{position: absolute;top: 44px;right: 179px;z-index: 10;}
.banner .next{position: absolute;top: 44px;right: 57px;z-index: 10;}
/*search*/
.search{height: 108px;background: #f3f3f3;}
.search h2{float: left;height:55px;padding-left:10px;border-left:2px solid #313131;margin-top:28px;font-weight: normal;}
.search h2 span{display:block;font-size: 30px;color: #313131;line-height: 30px;}
.search h2 i{display:block;font-size: 18px;color: #313131;line-height: 18px;padding-top: 8px;}
.s_box{float: right;height: 22px;margin-right:224px;padding:43px 32px;background: #fff;}
.s_box .input1{float:left;width:235px;padding-left:15px;height:22px;line-height: 22px;font-size:14px;color:#333;border:0;border-left:2px solid #e5e5e5;border-right:2px solid #e5e5e5;background: none;outline: 0;}
.s_box .input2{float: left;width:22px;height: 22px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-left: 10px;}
/*intro*/
.intro{height: 676px;background:url(../images/intro_bg.jpg) no-repeat center 0;}
.intro_l{float: left;margin-top: 203px;}
.intro_l h3{font-size: 32px;color: #313131;font-weight: normal;line-height: 32px;padding-top: 24px;position: relative;margin-bottom: 90px;}
.intro_l h3:after{position:absolute;width: 42px;height: 4px;background: #313131;content: "";left: 0;top: 0;}
.intro_r{float: right;margin-top: 203px;padding-top: 46px;background:url(../images/yin.png) no-repeat left top;}
.intro_r p{font-size: 16px;color: #434343;line-height: 24px;margin-bottom: 24px;}
.intro_r .xq{display:block;width: 88px;padding-left:30px;height: 38px;border:1px solid #6c6e77;border-radius: 4px;line-height: 38px;font-size: 14px;color: #6c6e77;font-weight:bold;margin-top: 35px;background:url(../images/jt1.png) no-repeat 70px center;transition:all 0.3s;}
.intro_r .xq:hover{background:url(../images/jt2.png) no-repeat 70px center #e60012;border-color: #e60012;color: #fff;}
/*ser*/
.ser{height: 780px;background:url(../images/ser_bg.jpg) no-repeat center 0;}
.ser h2{padding:62px 0 0;height: 175px;}
.ser ul{position: relative;}
.ser li{position: absolute;}
.ser li h3{margin-bottom: 6px;height: 20px;line-height: 20px;font-size: 20px;color: #313131;}
.ser li h3 i{color: #e60012;font-weight: normal;margin-right: 5px;}
.ser li p{font-size: 16px;color: #434343;line-height: 24px;padding-left: 29px;width: 180px;}
.ser .l1{position: absolute;top: 89px;left: 0;}
.ser .l2{position: absolute;top: 392px;left: 162px;}
.ser .l3{position: absolute;top: 0;left: 328px;}
.ser .l4{position: absolute;top: 326px;left: 495px;}
.ser .l5{position: absolute;top: 2px;left: 663px;}
.ser .l6{position: absolute;top: 360px;left: 831px;}
.ser .l7{position: absolute;top: 20px;left: 995px;}
/*case*/
.case{padding:120px 0 0;}
.case h3{text-align: center;font-weight: normal;font-size: 14px;color: #bfbfbf;height: 20px;line-height: 20px;margin:48px 0 94px;}
.case h3 a{display:inline-block;font-size: 18px;color: #535353;vertical-align: top;margin:0 38px;transition:all 0.3s;}
.case h3 a:hover,.case h3 a.cur{color: #e60012;}
.case h3 i:last-child{display:none;}
.case li{float: left;width: 367px;margin-right: 49px;}
.case li:nth-child(3n){margin-right: 0;}
.case li .pic{height: 276px;overflow: hidden;position: relative;}
.case li a img{display:block;width: 367px;height: 276px;transition:all 0.5s;}
.case li .bo{position:absolute;top: 50%;left: 50%;margin-top: -37px;margin-left: -37px;z-index: 10;}
@-webkit-keyframes bounce-circle {
    0% {
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20% {
        opacity:1;
        filter:alpha(opacity=100)
    }
    80%,100% {
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
}
.case li .bo:before{
    content:"";
    position: absolute;
    display: block;
    width: 120px;
    height:120px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
    -webkit-animation: bounce-circle 1.8s infinite;
    animation: bounce-circle 1.8s infinite;
    animation-delay: 0s;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
}
.case li .text{display:block;height: 68px;padding-top:12px;}
.case li .text p{line-height: 26px;text-align:center;}
.case li .text p span{display:block;font-size: 18px;color: #1b1b1b;transition:all 0.3s;}
.case li .text p i{display:block;font-size: 16px;color: #6c6e77;}
.case li .det{float: right;height: 26px;line-height: 26px;}
.case li .det i{font-size: 14px;color: #6c6e77;font-style: italic;font-weight:bold;transition:all 0.3s;}
.case li .det .more{display:inline-block;position: relative;top: 12px;vertical-align: top;}
.case li .det .more::before{display: block; content: ""; margin-right: 1px; margin-left: 10px; width: 18px; height: 2px; background: #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}
.case li .det .more::after{position: absolute; display: block; content: ""; right: 0; top: 0; margin-top: -3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #6d6d6d; -webkit-transition: all .3s; transition: all .3s;}
.case li .pic:hover a img{transform:scale(1.05);}
.case li .text:hover p span{color: #e60012;}
.case li .text:hover .det i{color: #e60012;}
.case li .text:hover .more::before{width: 8px; background: #e60012;}
.case li .text:hover .more::after{border-left-color: #e60012;}
.modal-backdrop{
    display:none;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color:rgba(0,0,0,0.5);
}
.modal-backdrop .vd{padding:50px;background: #fff;position:absolute;left:50%;top:0;margin-left:-450px;margin-top:-275px;border:1px solid #ccc;}
.modal-backdrop .vd .close{position:absolute;top:20px;right: 20px;}
.shipin iframe{width:800px;height:450px;}
/*ys*/
.ys{ height: 878px;background: url(../images/ys_bg.jpg) no-repeat center; background-size: contain;
    -webkit-background-size: contain;}
.ys .tit span{ padding-top: 190px;}
.ys .ys_con{ margin-top: 94px;}
.ys li{ float: left; width: 285px; height: 350px; margin-left: 20px; background: #fff;transition:all 0.5s;position: relative;}
.ys li.first{ margin-left: 0;}
.ys li img{ display: block; height: 70px; width: 70px; margin: 48px auto 0;}
.ys li em{ font-size: 22px; line-height: 22px;font-weight:bold;color: #434343; margin: 15px 0 30px; text-align: center; display: block;}
.ys li span{ display: block; padding: 0 38px 0 32px; font-size: 16px; color: #434343; line-height: 28px;}
.ys li:after{position:absolute;width: 0;height: 2px;background: #e60012;content: "";left: 0;bottom: 0;transition:all 0.5s;}
.ys li:hover{ margin-top: -20px;transform: scale(1.05);box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.ys li:hover:after{width: 100%;}
@media screen and (max-width:1480px) {
    .ys .tit span{ padding-top: 220px;}
    .ys .ys_con{ margin-top: 50px;}
}
/*gs*/
.gs .tit span{ padding-top: 140px;}
.gs_con{ height: 408px; margin-top: 36px;}
.gs_l{ width:300px;height: 408px; float: left; background: #f3f3f3;}
.gs_l ul{ margin-top: 90px;}
.gs_l li{ float: left; margin-left:40px; width: 80px; height: 20px;line-height: 20px;padding-left: 42px; padding-right: 102px; text-align: center; font-size: 18px; color: #1b1b1b; margin-bottom: 42px;position: relative;}
.gs_l li:after{position: absolute;width: 0;height: 2px;background: #e60012;content: "";left: 0;top: 9px;transition:all 0.3s;}
.gs_l li a{display:block;background: #f3f3f3;position: relative;z-index: 2;color: #1b1b1b;}
.gs_l li.cur:after{width: 100%;}
.gs_l .more{ margin-right: 190px; float: right;  height: 20px;line-height: 20px; margin-top: 30px;}
.gs_l .more i{font-size: 14px;color: #bfbfbf;font-style: italic;font-weight:bold;transition:all 0.3s;}
.gs_l .more span{display:inline-block;position: relative;top: 9px;vertical-align: top;}
.gs_l .more span::before{display: block; content: ""; margin-right: 1px; margin-left: 10px; width: 18px; height: 2px; background: #bfbfbf; -webkit-transition: all .3s; transition: all .3s;}
.gs_l .more span::after{position: absolute; display: block; content: ""; right: 0; top: 0; margin-top: -3px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #bfbfbf; -webkit-transition: all .3s; transition: all .3s;}
.gs_l .more:hover i{color: #e60012;}
.gs_l .more:hover span::before{width: 8px; background: #e60012;}
.gs_l .more:hover span::after{border-left-color: #e60012;}
.gs_r{ width: 900px;height: 408px; float: right; background:#f7f7f7;}
.gs_r dl{height: 408px; }
.gs_r dt img{ display: block; width: 306px; height: 408px;}
.gs_r dd{ padding-left: 40px; padding-top: 90px;width:470px;}
.gs_r dd h3{ font-weight: normal; font-size: 18px; color: #1b1b1b; line-height: 28px;padding-bottom: 20px;}
.gs_r dd h3 span{ display: block; padding-bottom: 20px;}
.gs_r dd p{ width: 470px; font-size: 16px; line-height: 28px; color: #434343;}
/*news*/
.news{padding:150px 0 0;}
.news h3{text-align: center;font-weight: normal;font-size: 14px;color: #bfbfbf;height: 20px;line-height: 20px;margin:48px 0 0px;}
.news h3 a{display:inline-block;font-size: 18px;color: #535353;vertical-align: top;margin:0 38px;transition:all 0.3s;}
.news h3 a:hover,.news h3 a.cur{color: #e60012;}
.new_con dl{float: left;width: 569px;}
.new_con dt img{display:block;width: 569px;height: 320px;}
.new_con dd{padding-top:22px;height: 78px;}
.new_con dd i{float: left;width: 113px;height: 78px;border-right:1px solid #d9dbde;font-size: 16px;color: #707070;line-height: 20px;text-align:center;}
.new_con dd i b{display:block;font-size: 54px;line-height: 50px;font-weight: normal;margin-bottom: 10px;}
.new_con dd p{float: left;width: 410px;margin-left: 38px;}
.new_con dd p a{display:block;font-size: 18px;color: #333;line-height: 20px;margin-bottom:10px;}
.new_con dd p span{display:block;font-size: 16px;color: #666;line-height: 24px;}
.new_con dd p a:hover{color: #e60012;}
.new_con ul{float: right;width: 569px;}
.new_con li{height: 100px;border:1px solid #cecfd1;padding-top:26px;margin-bottom:20px;transition:all 0.3s;}
.new_con li i{float: left;width: 119px;height: 78px;border-right:1px solid #cecfd1;font-size: 16px;color: #707070;line-height: 20px;text-align:center;}
.new_con li i b{display:block;font-size: 54px;line-height: 50px;font-weight: normal;margin-bottom: 10px;}
.new_con li p{float: left;width: 405px;margin-left: 30px;}
.new_con li p a{display:block;font-size: 18px;color: #333;line-height: 20px;margin-bottom:10px;}
.new_con li p span{display:block;font-size: 16px;color: #666;line-height: 24px;}
.new_con li:hover{box-shadow:0 14px 50px -8px rgba(0,0,0,.12);}
.new_con li:hover a{color: #e60012;}
.new_con li:last-child{margin-bottom: 0;}
/*abt*/
.abt{height: 715px;padding:190px 0 0;background:url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{height: 144px;}
.abt_l{float: left;width: 714px;height: 357px;position: relative;}
.abt_pic img{width: 714px;height: 357px;}
.abt_l .prev{position: absolute;bottom: 0;right: 0;width: 36px;height: 22px;background:url(../images/prev2.png) no-repeat center #fff;z-index: 10;}
.abt_l .next{position: absolute;bottom: 0;right: -36px;width: 36px;height: 22px;background:url(../images/next2.png) no-repeat center #fff;z-index: 10;}
.abt_l .prev:hover{background:url(../images/prev2h.png) no-repeat center #e60012;}
.abt_l .next:hover{background:url(../images/next2h.png) no-repeat center #e60012;}
.abt_r{float: right;width: 410px;margin-top: 32px;}
.abt_r em{display:block;font-size: 20px;color: #313131;line-height: 20px;margin-bottom: 14px;}
.abt_r p{font-size: 16px;color: #434343;line-height: 28px;}
.abt_r .xq{display:block;width: 88px;padding-left:30px;height: 38px;border:1px solid #6c6e77;border-radius: 4px;line-height: 38px;font-size: 14px;color: #6c6e77;font-weight:bold;font-style: italic;font-family: Verdana;margin-top: 60px;background:url(../images/jt1.png) no-repeat 70px center;transition:all 0.3s;}
.abt_r .xq:hover{background:url(../images/jt2.png) no-repeat 70px center #e60012;border-color: #e60012;color: #fff;}
.year {
    margin: 0 auto;
    margin-top: 76px;
    text-align: center;
    font-size: 0;
    width: 1300px;
    margin-left: -73px;
}
.year i{display:inline-block;font-size: 18px;color: #959595;height: 27px;line-height: 18px;position: relative;margin: 0 18px;font-family: Verdana;}
.year i:after{position: absolute;width: 5px;height: 5px;background: #959595;border-radius: 100%;content: "";left: 50%;bottom: 0;margin-left: -2.5px;}
.year i.cur{color: #e60012;}
.year i.cur:after{background: #e60012;}
.year i:first-child{margin-left:0;}
.year i:last-child{margin-right:0;}