@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;font-size: 0;line-height: 0;}
.tit b{display:block;font-size: 40px;color: #333;height: 40px;line-height: 40px;padding-bottom: 18px;}
.tit span{display:inline-block;font-size: 24px;color: #333;line-height: 24px;position: relative;}
.tit span:before{position: absolute;width: 174px;height: 5px;background: url(../images/tit1.png) no-repeat;content: "";left: -210px;top: 9px;}
.tit span:after{position: absolute;width: 174px;height: 5px;background: url(../images/tit2.png) no-repeat;content: "";right: -210px;top: 9px;}
.tit em{color: #004098;}
/*banner*/
.banner{height: 660px;overflow: hidden;}
.banner .bd li{height: 660px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 660px;}
/*search*/
.search{height: 74px;border-bottom:2px solid #f3f3f3;display:none}
.search p{float: left;height: 74px;line-height: 74px;font-size: 12px;color: #171717;}
.search p a{margin-right:10px;color: #474747;font-size: 12px;}
.s_box{float: right;margin-top: 21px;width: 270px;height: 32px;background: #f3f3f3;border-radius: 16px;}
.s_box .input1{float:left;width:220px;padding-left: 20px;height:32px;line-height: 32px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:20px;height: 32px;border: 0;background: url(../images/sou.png) no-repeat center;outline: 0;cursor: pointer;}
/*pro*/
.pro{padding: 78px 0 30px;}
.pro h2{margin-bottom: 60px;}
.pro1{padding-bottom: 45px;}
.pro_l{width: 745px;}
.pro1_pic{height: 560px;position: relative;}
.pro1_pic p{position: absolute;width: 150px;left: 60px;top: 60px;}
.pro1_pic p b{display: block;font-size: 30px;color: #004098;line-height: 60px;padding-left: 28px;background: url(../images/gou.png) no-repeat left center;position: relative;z-index: 1;}
.pro1_pic p b:after{position: absolute;width: 100%;height: 5px;background: #1a60c1;content: "";left: 0;bottom: 12px;z-index: -1;}
.pro_fea{height: 62px;padding-top: 50px;}
.pro_fea p{float: left;width: 240px;font-size: 16px;color: #333;line-height: 31px;height: 62px;}
.pro_fea p img{float: left;width: 62px;height: 62px;border-radius: 100%;margin-right: 14px;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.05);}
.pro_fea p b{display: block;font-size: 18px;}
.pro_r{width: 395px;}
.pro_r h3{height: 75px;line-height: 75px;}
.pro_r h3 a{font-size: 36px;color: #333;}
.pro_r h3 i{float: left;width: 38px;height: 75px;text-align: center;font-size: 28px;color: #fff;font-family: Arial;background: #004098;margin-right: 40px;position: relative;}
.pro_r h3 i:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;content: "";background: #1a60c1;}
.pro_erji{width: 476px;margin: 22px 0 20px;}
.pro_erji a{float: left;width: 214px;font-size: 24px;color: #333;line-height: 60px;font-weight: bold;padding-left: 24px;background: url(../images/san1.png) no-repeat left center;}
.pro_erji a:hover{color: #004098;background: url(../images/san2.png) no-repeat left center;}
.pro_r .more{display: block;width: 158px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #333;border: 1px solid #333;margin-bottom: 40px;}
.pro_r .more:hover{color: #004098;border-color: #004098;}
.pro_tj{width: 390px;height: 292px;border: 1px solid #d1d3e0;position: relative;overflow: hidden;}
.pro_tj img{width: 390px;height: 292px;transition: all 0.3s;}
.pro_tj span{position: absolute;left: 0;bottom: 0;width: 100%;height: 42px;line-height: 42px;text-align: center;font-size: 15px;color: #555;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_tj:hover img{transform: scale(1.05);}
.pro_tj:hover span{color: #004098;}
.pro2{padding-top: 74px;height: 734px;background: url(../images/pro_bg.jpg) no-repeat center 0;}
.pro2 h4{height: 50px;line-height: 50px;margin: 48px 0 0;position: relative;}
.pro2 h4:after{position: absolute;width: 344px;height: 1px;background: #e5e5e5;left: 24px;bottom: 0;content: "";}
.pro2 h4 a{float: left;font-size: 24px;color: #333;line-height: 50px;font-weight: bold;padding-left: 24px;background: url(../images/san1.png) no-repeat left center;}
.pro2 h4 a:first-child{margin-right: 30px;}
.pro2 h4 a:hover,.pro2 h4 a.on{color: #004098;background: url(../images/san2.png) no-repeat left center;}
.pro_sj{margin: 18px 0 0 24px ;height:158px !important;}
.pro_sj a{display: block;font-size: 18px;color: #666;line-height: 36px;}
.pro_sj a:hover{color: #004098;}
.pro2_pic{position: relative;}
.pro2_pic p{position: relative;height: 560px;}
.pro2_pic p img{width: 745px;height: 560px;}
.pro2_pic p span{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 18px;color: #333;text-align: center;height: 50px;line-height: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_pg{position: absolute;right: 50px;bottom: 30px;height: 10px;}
.pro_pg i{display: inline-block;width: 10px;height: 10px;border-radius: 100%;border: 1px solid #004098;margin-left: 10px;box-sizing: border-box;}
.pro_pg i.on{background: #004098;}
.pro2 .pro_fea p{text-align: right;margin-left: 50px;}
.pro2 .pro_fea p img{margin-right: 0;}
/*case*/
/* .case{padding: 70px 0 0;background: url(../images/case_bg.jpg) no-repeat bottom center;} */
.case{padding: 70px 0 0;background:#e8e8e8;}
.case h2{margin-bottom:30px;}
.case h3{margin: 45px 0 27px;height: 42px;background: #f2f2f2;font-weight: normal;padding: 0 30px;}
.case h3 a{float: left;font-size: 15px;color: #333;line-height: 39px;height: 39px;margin: 0 24px;position: relative;}
.case h3 a:hover{color: #ffc600;border-bottom: 3px solid #ffc600;font-weight: bold;}
.case h3 a:last-child{float: right;}

.zs-s{width:1200px; height:420px; margin:0 auto; position:relative; overflow:hidden;}
.zs-s .zs-x,.zs-s .zs-y{position:absolute; top:170px; width:37px; height:72px;}
.zs-s .zs-x{left:0;}
.zs-s .zs-y{right:0;}
.zs-s .zs-x img,.zs-s .zs-y img{width:37px; height:72px;}
.zs{width:1000px; height:400px; margin:0 auto; background:#fff; overflow:hidden;}
.zs span{display:block; float:left; width:600px; height:400px;}
.zs span.aaaa1 img { width:600px; height:400px;}
.zs dl{float:right; width:370px; height:370px; margin-top:26px; overflow:hidden;}
.zs dl dt{width:340px; height:150px; text-align:center; margin-bottom:12px;}
.zs dl dt img{width:253px; height:150px;}
.zs dl dd h3{width:340px; height:60px; text-align:center; margin-bottom:14px; border-bottom:1px solid #ccc; font:16px/24px "Microsoft Yahei"; color:#333;}
.zs dl dd h3 b{display:block; color:#dd3229;}
.zs dl dd p{width:333px; margin:0 auto 18px; font:14px/20px "Microsoft Yahei"; color:#666;}
.zs dl dd em a{margin-left:210px; font:14px/20px "Microsoft Yahei"; color:#333;}
.ccbb{ margin-left:110px; width:1000px; overflow:hidden;}
/*coop*/
.coop{padding: 0 0 25px;position:relative;}
.coop ul{}
.coop li{float: left;width: 226px;text-align: center;border: 1px solid #e4e4e4;margin-right: 15px;font-size:0;line-height:0;background:#fff;}
.coop li img{height: 115px;}
.coop .prev{position:absolute;left:-60px;top:36px;width:45px;}
.coop .next{position:absolute;right:-60px;top:36px;width:45px;}
/*ys*/
.ys{padding: 90px 0 20px;background: url(../images/content_bj.png) repeat-y;}
.ys h2{margin-bottom: 55px;}


/*ys*/
.yl-bj{  overflow: hidden;
    padding: 30px 0;}
.s4 .a2 {
    padding-top: 90px;
}
.s4 .a2 li {
    width: 100%;
}
.s4 .a2 .left {
    float: left;
}
.s4 .a2 .b1 {
    width: 600px;
    margin-bottom: 50px;
}
.s4 .a2 .b1 .c1 .tit {
    width: 100%;    overflow: hidden;
}
.s4 .a2 .b1 .c1 .tit .d1 {
    width: 67px;
    height: 67px;
    background: #dd3229;
    border-radius: 50%;
    text-align: center;
    line-height: 67px;
   font-size: 34px;
    color: #fff;
    font-family: thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-weight: bold;
    float: left;
}
.s4 .a2 .b1 .c1 .tit .d1 i {
    position: relative;
    left: -3px;
}
.s4 .a2 .b1 .c1 .tit .d2 {
    float: left;
    margin-left: 10px;
}
.s4 .a2 .b1 .c1 .tit .d2 .e1 {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.75);
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding-top: 7px;text-align:left;
}
.s4 .a2 .b1 .c1 .tit .d2 .e2 {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 12px;
    color: #9f9f9f;
    font-weight: lighter;
    text-transform: uppercase;
    padding-top: 4px;line-height: 22px;
}
.s4 .a2 .b1 .c1 .d3 {
    width: 523px;
    margin-left: 77px;
    position: relative;
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 14px;
    color: #707070;
    font-weight: lighter;
    line-height: 28px;
    margin-top: 12px;
}
.s4 .a2 .b1 .c1 .d3:before {
    content: '';
    width: 13px;
    height: 14px;
    background: url("../Image/s4_shape.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: -24px;
    top: 8px;
}
.s4 .a2 .right {
    float: right;
}
/*ser*/
.ser{padding: 80px 0 30px;}
.ser h2{margin-bottom: 50px;}
.ser_l{float: left;width: 520px;height: 382px;}
.ser_r{float: left;width: 678px;height: 380px;border-top: 1px solid #d8d8d8;border-left: 0;}
.ser_r li{float: left;width: 165px;padding:0 30px;height: 190px;border-bottom: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;background: #f5f5f5;}
.ser_r li b{display: block;font-size: 24px;color: #333;line-height: 24px;padding: 40px 0 24px;}
.ser_r li p{font-size: 14px;color: #666;line-height: 20px;}
.ser_r li .zx{display: block;width: 120px;height: 28px;text-align: center;line-height: 28px;font-size: 16px;color: #004098;border: 1px solid #004098;margin: 80px auto 0;font-weight: bold;}
/*cus*/
.cus{padding: 60px 0 60px;background: #f9f9f9;}
.cus h2{margin-bottom: 50px;}
.cus_list{position: relative;}
.cus_bd dl{float: left;width: 363px;margin-right: 55.5px;}
.cus_bd dt{border: 4px solid #a6a6a6;height: 264px;overflow: hidden;}
.cus_bd dt img{width: 355px;height: 264px;transition: all 0.5s;}
.cus_bd dt:hover img{transform: scale(1.05);}
.cus_bd dd{height: 165px;background: #fff;padding: 0 30px;border: 1px solid #e8e8e8;}
.cus_bd dd h3{height: 64px;line-height: 64px;border-bottom: 1px solid #d9d9d9;margin-bottom: 12px;}
.cus_bd dd h3 a{font-size: 18px;color: #333;}
.cus_bd dd h3 i{float: right;font-size: 14px;color: #333;font-weight: normal;}
.cus_bd dd p{font-size: 14px;color: #666;line-height: 22px;}
.cus_bd dl:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cus_bd dl:hover dd{border-color: #fff;}
.cus_list .prev{position: absolute;width: 50px;height: 50px;background: url(../images/prev2.png) no-repeat;left: -25px;top: 128px;z-index: 10;}
.cus_list .next{position: absolute;width: 50px;height: 50px;background: url(../images/next2.png) no-repeat;right: -25px;top: 128px;z-index: 10;}
.cus_list .prev:hover{background: url(../images/prev1.png) no-repeat;}
.cus_list .next:hover{background: url(../images/next1.png) no-repeat;}
.cus_bd{padding: 0 0 20px !important;}
/*cess*/
.cess{padding: 0 0 100px;}
.cess h2{margin-bottom: 35px;}
.cess h2 span{font-size: 40px;line-height: 40px;font-weight: bold;}
.cess h2 span:before,.cess h2 span:after{top: 18px;}
.cess li{float: left;width: 102px;height: 102px;background: #ffc600;border-radius: 50%;margin-right: 54px;transition:all 0.3s linear;position: relative;}
.cess li:after{position: absolute;width: 11px;height: 17px;background:url(../images/jt2.png) no-repeat;content: "";top: 44px;right: -32px;}
.cess li:last-child{margin-right: 0;}
.cess li:last-child:after{display:none;}
.cess li i{display:block;width: 35px;height: 35px;overflow: hidden;margin:23px auto 0;}
.cess li img{transition:all 0.3s linear;transform:translateY(-35px);}
.cess li b{display:block;font-size: 15px;color: #333;line-height: 25px;text-align: center;transition:all 0.3s linear;}
.cess li:hover{background: #e8e8e8;}
.cess li:hover img{transform:translateY(0);}
/*xban*/
.xban{height: 280px;background: url(../images/xban.jpg) no-repeat center 0;}
.xban .content{height: 280px;position:relative;}
.xban .tel{position:absolute;left:65px;bottom:45px;padding-top: 12px;width: 494px;}
.xban .tel i{display: block;padding-left: 28px;font-size: 15px;color: #333;line-height: 20px;background: url(../images/tel2.png) no-repeat left center;}
.xban .tel em{display: block;font-size: 30px;color: #333;line-height: 50px;font-family: Arial;}
/*news*/
.news{padding: 30px 0 40px;}
.news h2{margin-bottom: 50px;}
.news h2 span{color: #666;font-size: 20px;}
.new_l{float: left;width: 600px;}
.new_l dl{height: 146px;margin-bottom: 60px;}
.new_l dt img{display: block;width: 258px;height: 146px;}
.new_l dd{float: right;width: 280px;}
.new_l dd h4{font-size: 16px;line-height: 16px;margin-bottom: 15px;}
.new_l dd p{font-size: 14px;color: #666;line-height: 20px;}
.new_l dd .xq{display: block;width: 92px;height: 25px;line-height: 25px;text-align: center;color: #fff;background: #004098;margin-top: 30px;}
.new_r{float: right;width: 510px;padding-left: 50px;height: 352px;border-left: 1px solid #e5e5e5;}
.new_r h3{font-weight: normal;height: 16px;line-height: 16px;margin-left: -30px;margin-bottom: 6px;}
.new_r h3 a{float: left;font-size: 16px;padding: 0 30px;color: #000;}
.new_r h3 a.on{font-weight: bold;}
.new_r h3 span a{border-right: 1px solid #898989;}
.new_r li{padding: 22px 0 0;height: 98px;border-bottom: 1px dashed #dcdcdc;}
.new_r li h4{font-size: 16px;font-weight: normal;line-height: 16px;margin-bottom: 12px;}
.new_r li p{font-size: 14px;color: #333;line-height: 22px;opacity: 0.6;margin-left: 8px;}
.new_r li:last-child{border: 0;}
.new_r li h4:hover a,.new_l dd h4:hover a{color: #004098;}
/*abt*/
.abt{background: url(../images/abt_bg.jpg) no-repeat center 0;padding: 377px 0 80px;}
.abt_con{background: #fff;padding: 40px 0 0;}
.abt_con h2{margin-bottom: 30px;}
.abt_con h2 span{color: #666;font-size: 20px;}
.abt_con p{font-size: 14px;color: #666;line-height: 27px;text-align: center;padding: 0 80px;}
.abt_con h3{height: 40px;text-align: center;margin-top: 30px;font-weight: normal;}
.abt_con h3 a{display: inline-block;width: 160px;height: 40px;line-height: 40px;font-size: 14px;color: #333;background: #e8e8e8;border-radius: 20px;margin: 0 10px;}
.abt_con h3 a i{display: inline-block;width: 20px;height: 20px;vertical-align: top;margin: 10px 6px 0 0;overflow: hidden;}
.abt_con h3 a img{transition:all 0.3s linear;transform:translateY(-20px);}
.abt_con h3 a:hover{background: #004098;color: #fff;}
.abt_con h3 a:hover img{transform:translateY(0);}