@charset "utf-8";

@media screen and (min-width: 1560px){
.header ,.content , .footer { width:1420px!important;}
.menu li a{padding:0 48px!important;}
}

/*banner*/
.banner{position: relative; height:auto;clear: both;max-height: 738px;overflow: hidden;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom:5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 39px;height: 2px;border-radius:0;margin-right:9px; display: inline-block;background: #fff;outline: none;position: relative;}
.slick-dots li button:before{content: "";position: absolute;width:0;height:4px;bottom:0;left:0;background: #ff7800;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.slick-dots .slick-active button:before{width: 100%;}
.banner .slick-arrow{width: 0;height: 0;background: none;position: absolute;display: none!important;}


.til01{text-align: center;color: #333;font-size:56px;line-height:75px;font-family: "Microsoft Yahei";clear: both;display: block;height:140px;white-space: nowrap;}
.til01 p{display: block;font-size:20px;line-height:36px;font-weight: normal;}
.til01 a{color: #333;}
.til02,.til02 a{color: #fff;}
.til02 p{color: #fff;opacity: 0.5;}


/*数据*/
.record{font-family:"Microsoft Yahei";height:186px;position: relative;padding:57px 0 0;color: #444;font-size: 20px;line-height: 42px;}
.record_c li{float: left;border-radius:8px;margin: 0 178px 0 0;}
.record_c li:last-child{margin: 0;}
.record_c li span{display: block;height:73px;color: #1946ac;}
.record_c li span b{line-height:73px;font-size: 74px;}
.record_c li:hover span{border-bottom: 4px solid #ff7800;}

/*产品中心*/
.probox{clear: both;padding:85px 0;line-height:62px;font-family:"Microsoft Yahei";position: relative;font-size:16px;z-index: 1;background: #f7f7f7;}
.pro_cla{border-top: 1px solid #e3e3e3;height: 160px;line-height: 60px;font-size: 18px;}
.pro_c1{height: 60px;position: relative;overflow: hidden;}
.pro_c1:before{content: "";position: absolute;width:100%;height:1px;bottom:0;left: 0;background: #e3e3e3;z-index: -1;}
.pro_c1 h3{width: 16.4%;float: left;font-size: 20px;}
.pro_c1 h3 em{width: 22px;height: 25px;display: block;overflow: hidden;float: left;margin: 18px 18px 0 0;}
.pro_c1 h3 em img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;display:block;}
.pro_c1 h3 a{color: #444;display: block;}
.pro_c1:hover h3 a{color: #1946ac;}
.pro_c1:hover h3 img{margin-left: -50px;}
.pro_c1 ul{width: 83.6%;float: left;}
.pro_c1 li{float: left;width: 13%;float: left;}
.pro_c1 li:nth-child(8){width: 9%;}
.pro_c1 li a{display: inline-block;padding-left: 14px;position: relative;height: 57px;color: #444;}
.pro_c1 li a:before{content: "";position: absolute;width:2px;height:6px;top:28px;left: 0;background: #999;}
.pro_c1 li a:hover{color: #ff7800;border-bottom: 4px solid #ff7800;font-weight: bold;}
.pro_c1 li a:hover:before{background: #ff7800;}

.prod1{position: relative;margin-bottom: 16px;}
.prev1,.next1{width:36px;height:38px;cursor: pointer;z-index: 22;bottom:36px;left:70px;position:absolute;overflow: hidden;display:block;}
.next1{margin-left:60px;opacity: 0.9;}
.next1:hover{opacity: 1;}
.prod1,.prod1 p,.prod1 p img{width: 100%;display: block;}
.prod1 p{position: relative;}
.prod1 p span{position: absolute;width: 447px;height: 158px;left: 0;bottom: 0;background: rgba(255, 120, 0 , 0.9);padding:25px 0 0 70px;font-weight: bold;font-size: 24px;}
.prod1 p span:before{content: "";position: absolute;width:29px;height:3px;top:86px;left: 68px;background:rgba(255, 255, 255 , 0.6);}
.prod1 p span a{color: #fff;}

.prod2{height: 500px;overflow: hidden;}
.prod2 li{width:286px;float: left;margin-left:-1px;position: relative;background: #fff;border: solid 1px #f0f0f0;padding: 10px 35px;}
.prod2 li p,.prod2 li p img{display: block;width:283px;height:378px;display: block;overflow: hidden;}
.prod2 li span{display: block;text-align: center;}
.prod2 li span a{display: inline-block;color: #333;background:url(../images/ico01.png) no-repeat right center;font-weight: bold;padding-right: 45px;}
.prod2 li:hover span a{background:url(../images/ico02.png) no-repeat right center;color: #ff7800;}

/* 定义 */
.defin{font-family:"Microsoft Yahei";font-size: 16px;line-height: 27px;color: #fff;}
.defin_p,.defin_p img,.chara_p,.chara_p img{width: 100%;max-width: 1920px;margin: 0 auto;}
.defin_l{width: 530px;left: 50%;margin-left: -710px;top: 14.6%;z-index: 2;}
.defin_l h2{position: relative;height:154px;font-size: 56px;line-height: 70px;}
.defin_l h2 span{display: block;font-size: 28px;font-weight: normal;line-height:44px;}
.defin_l h2:before{content: "";position: absolute;width:18px;height:4px;bottom:0;left:0;background:#fff;}
.defin_l li{padding: 20px 0 0;}
.defin_l li b{display: block;color: #ff7800;font-size: 22px;line-height: 44px;}
.defin_l li p{opacity: 0.8;}
.defin_c{background: #fff;width: 1420px;bottom:-90px;left: 50%;margin-left: -710px;height: 182px;border-radius: 9px;z-index: 2;overflow: hidden;color: #444;}
.defin_c li{width: 16.667%;float: left;box-sizing:border-box;height: 182px;padding: 35px 0 0 60px;font-size: 18px;line-height: 36px;font-weight: bold;}
.defin_c li:last-child{padding-left: 0;text-align: center;}
.defin_c li:last-child span{margin: 10px auto;}
.defin_c li span{display: block;height:73px;color: #1946ac;}
.defin_c li span b{line-height:73px;font-size: 74px;}
.defin_c li span em{width: 28px;line-height: 28px;background: #1946ac;color: #fff;text-align: center;border-radius: 28px;display: inline-block;font-size: 16px;font-weight: normal;}
.defin_c li:hover{background: #ff7800;color: #fff;}
.defin_c li:hover span{color: #fff;}
.defin_c li:hover span em{color: #ff7800;background:#fff}


/* 细节品质 */
.chara{font-family:"Microsoft Yahei";font-size: 18px;line-height: 22px;color: #333;}
.chara_l{height: 674px;position: absolute;left: 50%;margin-left: -710px;bottom: 0;}
.chara_l h3{height: 257px;font-size: 28px;line-height: 36px;color: #333;font-weight: normal;}
.chara_l h3 span{display: block;height: 115px;position: relative;font-size:56px;font-weight: bold;line-height: 90px;color: #1946ac;margin-bottom: 18px;}
.chara_l h3 span:before{content: "";position: absolute;width:18px;height:4px;bottom:0;left:0;background:#1946ac;}
.chara_l ul{width: 503px;height: 232px;background: #fff;border-radius:12px 0 0 0;overflow: hidden;margin-bottom: 24px;}
.chara_l li {width: 163px;float: left;text-align: center;padding: 4px 0 0 4px;}
.chara_l li img{width: 163px;height: 157px;display: block;border-radius:9px 0 0 0;}
.chara_l li span{display: block;padding: 20px 0 0;}
.chara_l li span em{display: block;font-size: 12px;line-height:16px;color: #acacac;}

.chara_ico{display: block;text-align: center;font-size: 16px;line-height: 44px;height: 44px;}
.chara_ico a{background: #ff7800;color: #fff;display: block;width: 165px;float: left;}
.chara_ico a:nth-child(1){background: #1946ac;margin-right: 5px;}

/* 设备 */
.equip{font-family:"Microsoft Yahei";clear: both;line-height:32px;font-size: 18px;color: #666;padding: 70px 0 0;}
.equip_c{width: 73.7%;overflow: hidden;}
.equip_c1,.equip_c2{position: relative;}
.equip_ct{position: absolute;left:0;bottom: 0;width: 214px;height: 40px;text-align: center;z-index: 1;}
.equip_ct em{width: 10px;height: 10px;border-radius: 10px;display: inline-block;background: #1946ac;margin-left: 10px;}
.equip_ct em:first-child{margin: 0;}
.equip_ct em.cur{background: #ff7800;}
.equip_t{width: 26%;}
.equip_t li:first-child{margin-bottom: 2px;}
.equip_t li{height: 293px;background: #ff7800;text-align: center;color: #fff;font-size: 24px;line-height: 34px;}
.equip_t li a{color: #fff;}
.equip_t li span{display: block;padding: 30.7% 0 18px;}
.equip_t li em{display: block;text-transform: uppercase;font-size: 12px;line-height: 20px;}
.equip_t li.cur{background: #1946ac;}
.equip_cl,.equip_cl img{width: 100%;display: block;}
.equip2{height: 264px;position: relative;z-index: 2;}
.equip_w{width: 52%;padding: 32px 0 0;}
.equip_w b{color: #1946ac;}
.equip_p{width:562px;margin-top: -66px;}
.equip_p li{float: left;background:url(../images/honlbg.gif) no-repeat center bottom;padding: 0 10px 7px;}
.equip_p li p{background: #bcbcbc;padding: 6px;}
.equip_p li p,.equip_p li p img{width:155px;height: 222px;display:block;overflow: hidden;}

/* 案例 */
.casebox{font-family:"Microsoft Yahei";clear: both;line-height: 32px;font-size: 16px;color: #dde0e3;position: relative;padding: 82px 0 0;background:#eff0f1;}
.case_t{height:62px;text-align: center;font-size: 20px;margin-bottom: 30px!important;}
.case_t li{display: inline-block;width:14.28%;line-height: 62px;background: #1946ac;color: #fff;float: left;position: relative;z-index: 1;}
.case_t li:before{content: "";position: absolute;width:1px;height:21px;top:21px;left: 0;background:rgba(255, 255, 255 , 0.1);z-index: -1;}
.case_t li a{color: #fff;}
.case_t li:hover,.case_t li:first-child{background: #ff7800;}
.case_t li span{display: inline-block;padding-left: 40px;}

.case_l,.case_r{width: 50%;overflow: hidden;}
.case_l dl{overflow: hidden;position: relative;z-index: 1;}
.case_l dl:before{content: "";position: absolute;width:100%;height:130px;bottom:0;left: 0;background:rgba(25, 70, 172 , 0.8);z-index: 1;}
.case_l dl,.case_l dt,.case_l dt img,.case_r li img{width: 100%;display: block;}
.case_c dd{width:710px;position: absolute;bottom: 0;right:0;height: 108px;z-index: 2;}
.case_c dd h4{display: block;font-size:24px;line-height:42px;}
.case_c dd h4 a{color: #fff;}
.case_r li{width: 50%;float: left;position: relative;text-align: center;}
.case_r li span{position: absolute;width: 100%;height: 0;left: 0;bottom: 0;background: rgba(255, 122, 0 , 0.8);text-align: center;font-size: 24px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_r li span a{display: none;color: #fff;}
.case_r li:hover span{height: 100%;}
.case_r li:hover span a{display: block;padding: 30% 0 0;line-height: 50px;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size: 18px;line-height:32px;color: #555;padding:120px 0 0;position: relative;}
.prev2,.next2{width:90px;height:62px;cursor: pointer;z-index: 22;bottom:34px;left:50%;margin-left:504px;position:absolute;overflow: hidden;opacity: 0.4;}
.next2{bottom:94px;}
.prev2:hover,.next2:hover{opacity: 1;}

.edge_t{width:574px;height: 145px;background: #fff;overflow: hidden;z-index: 9;left: 50%;margin-left:20px;bottom: 24px;position: absolute;}
.edge_t li{width:119px;float: left;height: 145px;text-align: center;font-size:16px;line-height: 24px;color: #1946ac;border-right: solid 2px #d8d8d8;}
.edge_t li.cur{color: #ff7800;}
.edge_t li p{padding:17px 0 0;line-height: 24px;}
.edge_t li p em{display: block;font-size: 12px;line-height: 14px;opacity: 0.6;}

.edge1{background: #f6f6f6;}
.edge_w{width: 45.94%;padding: 80px 0 0;}
.edge_wc{width: 528px;padding: 40px 104px 0 0;position: relative;}
.edge_wc:before{content: "";position: absolute;width:130%;height:2px;top:0;left: 0;background:#858585;}
.edge_wc:after{content: "";position: absolute;width:42px;height:42px;top:55px;right: 0;background:url(../images/ico03.png) no-repeat 0 0;}
.edge_wc h3{font-size: 30px;line-height: 56px;color: #222;padding: 0 0 28px;}
.edge_wc h3 span{display: block;font-size:46px;color: #ff7800;}
.edge_w1 li{padding: 0 0 12px;}
.edge_w1 li b{color: #1946ac;}
.edge_w2{padding: 25px 0;height: 148px;font-size: 18px;line-height: 38px;}
.edge_w2 li{width:156px;height: 148px;float: left;margin: 0 18px 0 0;box-sizing:border-box;border: solid 3px #1946ac;color: #1946ac;padding: 16px 0 0 32px;}
.edge3 .edge_w2 li:nth-child(1){padding-left: 20px;}
.edge_w2 li:nth-child(2){color: #fff;background: #ff7800;border-color: #ff7800;}
.edge_w2 li b{display: block;font-size: 54px;line-height: 54px;float:left;}
.edge_w2 li.edge-zt b{font-size: 24px;}
.edge_w2 li em{font-size: 16px;line-height: 22px;padding:0 0 0 8px;float:left;}
.edge_w2 li span{display: block;clear:both;}
.edge_p{width: 50%;}
.edge_p img{width:100%;display: block;max-width: 960px;}
.edge_we{font-size: 16px;line-height: 26px;color: #d6d6d6;}

/*资讯*/
.newbox{padding:115px 0 0;color: #444;font-size: 16px;line-height:30px;height: 790px;}
/* .newbox .til01{height: 132px;} */
.faqs,.news{height:499px;overflow: hidden;}
.faqs{width:34.44%;}
.news{width: 61%;}
.new_t{height:66px;font-size: 24px;line-height:46px;overflow: hidden;color: #444;}
.new_t a{color: #444;}

.new_c dl{position: relative;height:429px;width: 43.42%;float: left;background: #f0f0f0;}
.new_c dt,.new_c dt img{width:100%;display: block;overflow: hidden;}
.new_c dd{padding:16px 32px 0;}
.new_c dd h4 a{display: block;color: #ff7800;}
.new_c dd h4{font-size: 16px;line-height: 36px;}
.new_c dd p{height: 40px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c dd span{display: block;font-size: 14px;}
.new_l{width: 52.4%;}
.new_l ul{height:394px;}
.new_l li{height:66px;line-height:36px;overflow: hidden;border-bottom: 1px solid #ececec;margin-bottom: 28px;}
.new_l li em{display: block;font-size: 14px;line-height: 16px;}
.new_l li a{color: #444;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background:url(../images/ico04.gif) no-repeat right center;padding-right:40px;}
.new_l li:hover a,.new_l li a:hover{color: #ff7800;font-weight: bold;background:url(../images/ico05.gif) no-repeat right center;}
.new_more{display: block;width: 128px;line-height: 34px;background: #ff7800;color: #fff;text-align: center;}

.faqs_g{height: 169px;margin-bottom: 10px;background: #1946ac;color: #fff;text-align: center;}
.faqs_g dt,.faqs_g dt img{width: 338px;height: 169px;float: left;}
.faqs_g dd{float: left;width: 151px;}
.faqs_g dd a{color: #fff;padding:43px 0 0;font-size: 16px;text-transform: uppercase;line-height: 42px;position: relative;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.faqs_g dd a:before{content: "";position: absolute;width:20px;height:1px;top:86px;background: #fff;right:50%;margin-right:-10px;}
.faqs_l dl{height:84px;border-bottom: 1px solid #ececec;margin-bottom: 16px;color: #666;}
.faqs_l dd{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.faqs_l dt{height:34px;color: #444;padding-left:18px;position: relative;line-height: 34px;}
.faqs_l dt:before{content: "";position: absolute;width:4px;height:13px;top:12px;background: #1946ac;left: 0;}
.faqs_l dt a{display: block;color: #444;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.faqs_l dl:hover dt a,.faqs_l dt a:hover{font-weight: bold;color: #1946ac;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";overflow: hidden;}
.about_p,.about_p img{width: 100%;max-width: 1920px;margin: 0 auto;}
.about{height: 172px;background: #f6f6f6;margin-top: -46px!important;z-index: 9;position: relative;}
.about h2{width: 337px;text-align: center;color: #fff;background: #ff7800;height: 137px;font-size: 50px;line-height: 64px;padding: 35px 0 0;float: left;}
.about h2 a{display: block;color: #fff;}
.about h2 span{display: block;font-weight: normal;font-size:20px;line-height: 32px;}
.about_l{width: 922px;padding: 44px 0 0 68px;font-size: 16px;line-height: 30px;}
.about_l a{color: #1946ac;}

.show{clear: both;height:388px;padding:72px 0 0;}
.show_t{height:64px;font-size:20px;line-height:27px;font-weight: bold;padding-left: 525px;}
.show_t a{display: block;color: #1946ac;}
.show_t span{float: left;width: 165px;position: relative;padding-left: 16px;}
.show_t span em{display: block;font-size: 10px;line-height: 16px;opacity: 0.5;}
.show_t span:before{content: "";position: absolute;width:1px;height:36px;top:4px;background: #999;left: 0;}
.show_t span:after{content: "";position: absolute;width:3px;height:19px;top:4px;background: #1946ac;left: 0;}
.show_t span.cur a,.show_t span:hover a{color: #ff7800;}
.show_t span.cur:after{background: #ff7800;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c1 li{width:336px;float: left;margin:0 25px 0 0;position: relative;overflow: hidden;}
.show_c1 li:last-child{margin: 0;}
.show_c1 li p,.show_c1 li p img{width:336px;height:252px;display: block;overflow: hidden;}
.show_c li span{position: absolute;left: 0; top: 0;background: rgba(0, 97, 191 , 0.8);width:336px;height:0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;font-size: 18px;font-weight: bold;}
.show_c .show_c2 li span{width:215px;}
.show_c li span a{display: none;line-height:36px;margin-top: 20%;color: #fff;}
.show_c .show_c2 li,.show_c .show_c2 li p,.show_c .show_c2 li p img{width:215px;height:252px;}
.show_c .show_c2 li span a{margin-top: 40%;}
.show_c li:hover span{height:100%;text-align: center;}
.show_c li:hover a{display: block;}
.show_c li:hover span a,.show_c li span a:hover{color: #fff;}
.show_c2 li p,.show_c2 li p img{height:252px;}


/*友情链接*/
.link{height:56px;line-height:56px;position: relative;z-index: 9;font-size: 14px;color: #fff;background: #e87311;text-align: center;}
.link a{display: inline-block;color: #fff;padding: 0 14px;opacity: 0.75;}


.pro_r li p img, .prod2 dt img, .case_c dt img, .new_c1 dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_r li:hover p img, .prod2 dl:hover dt img,.case_c dl:hover dt img, .new_c1 dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@media screen and (max-width: 1560px) {
    .header ,.content , .footer { width:1200px!important;}
    .record_c li{margin: 0 122px 0 0;}
    .defin_c{width: 1200px;margin-left: -600px;}
    .defin_l{margin-left:-600px;top: 8%;}
    .defin_l h2{height: 130px;font-size: 50px;line-height: 60px;}
    .defin_l li{padding: 10px 0 0;}
    .chara_l{margin-left: -600px;height: 528px;}
    .chara_l h3{height: 210px;}
    .chara_l h3 span{height: 90px;font-size: 48px;line-height: 80px;}
    .equip_t li{height: 248px;}
    .equip_t li span{padding-top: 24.7%;}
    .case_c dd{width: 600px;}
    .edge_wc{padding-right: 30px;}
    .edge_w2{display: none;}
    .edge_we{padding: 20px 0 0;}
    .faqs_g dd{width: 75px;}
    .show{height:510px;}
    .show_t{padding-left: 374px;}
    .show_c1 li{width: 285px;margin-right: 20px;}
    .show_c1 li p,.show_c1 li p img{width:285px;height:214px;}
    .show_c .show_c2 li,.show_c2 li p,.show_c2 li p img{width:183px!important;height:214px!important;}
    .show_c li span{width: 285px;}
    .show_c .show_c2 li span{width: 183px!important;}
    .show_c li:hover span{height: 214px;}
    .about h2{width: 300px;}
    .about_l{width:800px;padding: 44px 0 0 50px;}
}
@media screen and (max-width: 1680px) {
    .chara_l{height: 600px;}
    .edge_w{padding: 50px 0 0;}
    .edge_wc h3{padding: 0 0 10px;}
    .edge_w2{padding: 10px 0;}

}
@media screen and (max-width: 1460px) {
    .chara_l{height: 530px;}
}