*{font-family: Microsoft Yahei; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}
html{width:100%; height:100%;}
body{width:100%; height:100%; margin:0; font-size:14px; line-height:1.75; color:#282828; background:#fff;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0; font-weight:normal;}
ul,ol,li,p,dl,dt,dd{margin:0; padding:0; list-style:none;}
img{border:none; vertical-align:middle;}
a{text-decoration:none; color:#282828;
transition:color .2s; -moz-transition:color .2s; -ms-transition:color .2s; -o-transition:color .2s; -webkit-transition:color .2s;}
a:hover{color:#00c1de;}
@media(max-width:767px){
body{font-size:12px; line-height:1.5;}
}


.banner-box{overflow:hidden; width:100%; background:#1d1d1d;}
.banner-box ul{width:1000%;}
.banner-box ul:after{display:block; clear:both; content:'';}
.banner-box ul li{width:10%; float:left;}
.banner-box ul li a{display:block;}
.banner-box ul li img{display:block; margin:0 auto; max-width:100%;}



.news-box{padding:40px 0;background:#f5f5f5}
.news-head{margin:0 auto;width:1400px;max-width:100%}
.news-primary{float:left;padding:10px;width:75%}
.news-primary>div{padding:10px;background:#fff}
.news-banner{float:left;padding:10px;width:40%}
.news-banner>div{overflow:hidden;background:#fff}
.news-banner ul{display:block;width:10000%}
.news-banner ul li{position:relative;float:left;width:1%}
.news-banner ul li a{display:block}
.news-banner ul li a img{display:block;width:100%}
.news-banner ul li a span{position:absolute;right:0;bottom:0;left:0;display:block;padding:10px 20px;background:rgba(0,0,0,.5);color:#fff;font-size:16px}
.news-line{float:left;padding:10px;width:60%}
.news-line>div{border:1px solid #e5e5e5;background:#fff}
.news-line dl{position:relative;overflow:hidden;padding:10px 20px;background:#f6f8f7}
.news-line dl dt{display:block}
.news-line dl strong{position:absolute;top:20px;left:20px;margin:-15px 0 0 -100px;width:200px;background:#707a93;color:#fff;text-align:center;font-weight:400;font-size:18px;line-height:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.news-line dl dt h3{display:block;overflow:hidden;padding:0 0 0 40px;text-overflow:ellipsis;white-space:nowrap;font-size:22px}
.news-line dl dd{margin:5px 0;color:#555}
.news-line ul{padding:15px 20px}
.news-line ul li{position:relative;display:block;margin:5px 0 0 0;padding:0 0 0 24px}
.news-line ul li:first-child{margin:0}
.news-line ul li:after{clear:both;display:block;content:''}
.news-line ul li:before{position:absolute;top:50%;left:0;margin:-8px 0 0 0;width:16px;height:16px;background:#bac1d1;color:#fff;content:'';text-align:center;letter-spacing:-1px;font-size:12px;font-family:Helvetica;line-height:16px}
.news-line ul li:nth-child(1):before{background:#70788d;content:'1'}
.news-line ul li:nth-child(2):before{background:#70788d;content:'2'}
.news-line ul li:nth-child(3):before{background:#70788d;content:'3'}
.news-line ul li:nth-child(4):before{content:'4'}
.news-line ul li:nth-child(5):before{content:'5'}
.news-line ul li:nth-child(6):before{content:'6'}
.news-line ul li:nth-child(7):before{content:'7'}
.news-line ul li:nth-child(8):before{content:'8'}
.news-line ul li:nth-child(9):before{content:'9'}
.news-line ul li:nth-child(10):before{content:'10'}
.news-line ul li:nth-child(11):before{content:'11'}
.news-line ul li:nth-child(12):before{content:'12'}
.news-line ul li a{display:block;overflow:hidden;margin-right:120px;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.news-line ul li b{float:right;color:#666;font-weight:400}
.news-advert{float:right;padding:10px;width:25%}
.news-advert>div{padding:20px;background:#fff}
.news-advert dl{padding:10px 20px;background:#f6f8f7}
.news-advert dl dt{font-size:17px}
.news-advert dl dd{overflow:hidden;margin:5px 0;height:48px;color:#555}
.news-advert img{width:100%}
.news-content{margin:0 auto;width:1400px}
.news-list{float:left;padding:10px;width:75%}
.news-page{background:#fff}
.news-page ol{padding:15px 20px;border-bottom:1px solid #e5e5e5}
.news-page ol li{position:relative;float:left}
.news-page ol li:before{float:left;margin:8px 20px 0 20px;width:1px;height:12px;background:#e5e5e5;content:''}
.news-page ol li:first-child:before{display:none}
.news-page ol li a{position:relative;float:left;font-size:16px}
.news-page ol li a:after{position:absolute;right:0;bottom:-16px;left:0;display:none;height:2px;background:#00c1de;content:''}
.news-page ol li.active a:after{display:block}
.news-page ul{display:block}
.news-page ul li{display:none}
.news-page ul li.active{display:block}
.news-page ul li dl{padding:20px;border-bottom:1px solid #e5e5e5}
.news-page ul li dl:after{clear:both;display:block;content:''}
.news-page ul li dl dt{float:left;width:24%}
.news-page ul li dl dt img{width:100%}
.news-page ul li dl dd{float:left;display:block;padding-left:20px;width:76%}
.news-page ul li dl dd h3{font-size:22px}
.news-page ul li dl dd b{display:block;margin:5px 0 10px 0;color:#555;font-weight:400}
.news-page ul li dl dd b i{padding:0 5px 0 10px}
.news-page ul li dl dd b i:first-child{padding-left:0}
.news-page ul li dl dd p{display:block}
.news-page ul li dl dd strong{float:right;color:#00c1de;font-weight:400}
.news-page ul li dl dd strong:hover{color:#000}
.news-sidebar{float:right;padding:10px;width:25%}
.news-image{margin:0 0 20px 0}
.news-image img{display:block;width:100%}
.news-city{margin:0 0 20px 0;background:#fff}
.news-city h2{position:relative;padding:10px 10px 10px 34px;border-bottom:1px solid #e5e5e5;font-size:18px}
.news-city h2:before{position:absolute;top:50%;left:20px;margin:-10px 5px 0 0;width:4px;height:20px;background:#00c1de;content:''}
.news-city ul{padding:15px 10px}
.news-city ul:after{clear:both;display:block;content:''}
.news-city ul li{float:left;padding:5px 10px;min-width:50%;text-align:center}
.news-city ul li a{display:block;border:1px solid #e5e5e5;border-radius:1px;background:#f6f8f7;color:#666;line-height:28px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-ms-transition:.2s}
.news-city ul li a:hover{border-color:#00c1de;background-color:#00c1de;color:#fff}
.news-recommend{margin:0 0 20px 0;background:#fff}
.news-recommend h2{position:relative;padding:10px 10px 10px 34px;border-bottom:1px solid #e5e5e5;font-size:18px}
.news-recommend h2:before{position:absolute;top:50%;left:20px;margin:-10px 5px 0 0;width:4px;height:20px;background:#00c1de;content:''}
.news-recommend ul{padding:20px}
.news-recommend ul li{position:relative;display:block;margin:10px 0 0 0;padding:0 0 0 14px}
.news-recommend ul li:first-child{margin:0}
.news-recommend ul li:after{clear:both;display:block;content:''}
.news-recommend ul li:before{position:absolute;top:50%;left:0;margin:-3px 0 0 0;border-color:transparent transparent transparent #555;border-style:solid;border-width:4px 0 4px 4px;content:''}
.news-recommend ul li a{float:left;display:block;overflow:hidden;max-width:100%;color:#555;text-overflow:ellipsis;white-space:nowrap}
.news-recommend ul li a:hover{color:#00c1de}
.news-hots{margin:0 0 20px 0;background:#fff}
.news-hots h2{position:relative;padding:10px 10px 10px 34px;border-bottom:1px solid #e5e5e5;font-size:18px}
.news-hots h2:before{position:absolute;top:50%;left:20px;margin:-10px 5px 0 0;width:4px;height:20px;background:#00c1de;content:''}
.news-hots ul{padding:20px}
.news-hots ul li{position:relative;display:block;margin:10px 0 0 0;padding:0 0 0 24px}
.news-hots ul li:first-child{margin:0}
.news-hots ul li:after{clear:both;display:block;content:''}
.news-hots ul li:before{position:absolute;top:50%;left:0;margin:-8px 0 0 0;width:16px;height:16px;background:#fe6601;color:#fff;content:'';text-align:center;letter-spacing:-1px;font-size:12px;font-family:Helvetica;line-height:16px}
.news-hots ul li:nth-child(1):before{content:'1'}
.news-hots ul li:nth-child(2):before{content:'2'}
.news-hots ul li:nth-child(3):before{content:'3'}
.news-hots ul li:nth-child(4):before{content:'4'}
.news-hots ul li:nth-child(5):before{content:'5'}
.news-hots ul li:nth-child(6):before{content:'6'}
.news-hots ul li:nth-child(7):before{content:'7'}
.news-hots ul li:nth-child(8):before{content:'8'}
.news-hots ul li:nth-child(9):before{content:'9'}
.news-hots ul li:nth-child(10):before{content:'10'}
.news-hots ul li:nth-child(11):before{content:'11'}
.news-hots ul li:nth-child(12):before{content:'12'}
.news-hots ul li a{float:left;display:block;overflow:hidden;max-width:100%;color:#555;text-overflow:ellipsis;white-space:nowrap}
.news-hots ul li a:hover{color:#00c1de}
.newshow-shenming{margin:50px auto 0 auto;padding:30px;width:1400px;max-width:100%;border:1px solid #e5e5e5;border-radius:5px}
@media(max-width:1440px){.news-head{width:1200px}
.news-primary>div{padding:7px}
.news-banner{padding:7px}
.news-line{padding:7px}
.news-line dl{padding:7px 14px}
.news-line dl dd{margin:4px 0}
.news-line dl dt h3{font-size:20px}
.news-line ul{padding:10px 14px}
.news-line ul li a{font-size:14px}
.news-advert>div{padding:14px}
.news-advert dl{padding:7px 14px}
.news-advert dl dt{font-size:16px}
.news-advert dl dd{margin:3px 0}
.news-content{width:1200px;max-width:100%}
.news-page ol{padding:10px 14px}
.news-page ol li a:after{bottom:-12px}
.news-page ul li dl{padding:14px}
.news-page ul li dl dd{padding-left:14px}
.news-page ul li dl dd b{margin:0 0 4px 0}
.news-page ul li dl dd h3{font-size:20px}
.news-city h2{padding:7px 7px 7px 30px}
.news-city h2:before{left:14px}
.news-city ul{padding:10px 7px}
.news-city ul li{padding:4px 7px}
.news-recommend h2{padding:7px 7px 7px 30px}
.news-recommend h2:before{left:14px}
.news-recommend ul{padding:14px}
.news-hots h2{padding:7px 7px 7px 30px}
.news-hots ul{padding:14px}
.news-hots ul li{margin:7px 0 0 0}
.news-hots h2:before{left:14px}
.newshow-shenming{width:1200px}
}
@media(max-width:767px){.news-box{padding:0}
.news-primary{float:none;padding:10px 0;width:100%}
.news-primary>div{padding:7px;background:#fff}
.news-banner{float:none;width:100%}
.news-line{float:none;width:100%}
.news-line ul li a{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
.news-line ul li b{display:none}
.news-advert{float:none;padding:0;width:100%}
.news-advert dl dd{height:auto}
.news-list{float:none;padding:10px 0;width:100%}
.news-page ul li dl dt{float:none;width:100%}
.news-page ul li dl dd{float:none;padding:10px 0 0 0;width:100%}
.news-sidebar{padding:0;width:100%}
.news-city,.news-image,.news-recommend{margin-bottom:10px}
.news-hots{margin-bottom:0}
.newshow-shenming{margin:30px 10px 0 10px;padding:10px;width:auto}
}
.newshow-box{margin:0 auto;width:1400px;max-width:100%}
.newshow-title{display:block;margin:20px 0 0 0;padding:0 15px;text-align:center;font-size:26px}
.newshow-time{padding:10px 0;border-bottom:1px solid #e5e5e5;text-align:center}
.newshow-content{position:relative;padding:60px}
.newshow-content *{max-width:100%}
.newshow-content p{margin-bottom:10px}
.newshow-content img,.newshow-content video{height:auto!important}
@media(max-width:1440px){.newshow-box{width:1200px}
}
@media(max-width:1440px){.newshow-content{padding:15px}
}
.newshow-divide{overflow:hidden;margin:60px auto 30px auto;width:1400px;max-width:100%;color:#2e98d6;text-align:center;line-height:1.45}
.newshow-divide>div{position:relative;display:inline-block;padding:0 40px}
.newshow-divide>div:before{position:absolute;top:50%;right:100%;display:block;width:700px;height:2px;background:#2e98d6;content:''}
.newshow-divide>div:after{position:absolute;top:50%;left:100%;display:block;width:700px;height:2px;background:#2e98d6;content:''}
@media(max-width:1440px){.newshow-divide{width:1200px}
}
@media(max-width:767px){.newshow-title{font-size:18px}
.newshow-divide{margin:15px;width:auto}
.newshow-content{overflow:hidden;height:800px}
.newshow-content .more{position:absolute;right:0;bottom:0;left:0;display:block;background:-moz-linear-gradient(top,rgba(255,255,255,.8),#fff);background:-webkit-gradient(linear,0 0,0 bottom,from(rgba(255,255,255,.8)),to(#fff));color:#2e98d6;text-align:center;font-size:18px;line-height:80px}
}
.newshow-divide strong{display:block;font-weight:400;font-size:22px}
.newshow-divide span{display:block;font-size:18px}
.newsshow-correlation{margin:0 auto;width:1400px;max-width:100%}
.newsshow-correlation ul:after{clear:both;display:block;content:''}
.newsshow-correlation ul li{float:left;margin:0 0 10px 0;padding:0 0 0 30px;width:33.3333%}
.newsshow-correlation ul li a:before{position:relative;top:-2px;display:inline-block;margin-right:10px;width:4px;height:4px;border-radius:50%;background:#888;content:''}
@media(max-width:1440px){.newsshow-correlation{width:1200px}
}
@media(max-width:767px){.newsshow-correlation ul li{float:none;padding:0 0 0 15px;width:100%}
}
.newshow-product{text-align:center}
.newshow-product ul li{display:inline-block;padding:0 20px;border-left:2px solid #888;line-height:1.25}
.newshow-product ul li:first-child{border:none}
.newshow-product ul li a{font-size:16px}
@media(max-width:767px){.newshow-product ul li{margin-bottom:10px}
}
.newshow-hot{margin:0 auto 60px auto;width:1000px;max-width:100%}
.newshow-hot:after{clear:both;display:block;content:''}
.newshow-hotleft{float:left;margin-right:60px;width:500px}
.newshow-hotleft a{position:relative;display:block}
.newshow-hotleft a img{display:block;width:100%}
.newshow-hotleft a span{position:absolute;right:0;bottom:0;left:0;padding:10px 20px;background:rgba(0,0,0,.5);color:#fff;font-size:16px;line-height:30px}
.newshow-hotright{float:left}
.newshow-hotright ul li{margin:0 0 10px 0}
.newshow-hotright ul li a:before{position:relative;top:-2px;display:inline-block;margin-right:10px;width:4px;height:4px;border-radius:50%;background:#888;content:''}
@media(max-width:767px){.news-line dl dt h3{overflow:hidden;text-overflow:clip;white-space:pre-wrap}
.newshow-hot{margin-bottom:0}
.newshow-hotleft{float:none;margin:0 auto;width:auto}
.newshow-hotright{float:none;padding:15px}
}
.solution-box ul{margin:0 auto;width:1400px;max-width:100%}
.solution-box ul li{position:relative;float:left;width:20%;color:#fff;text-align:center}
.solution-box ul li span{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:rgba(0,0,0,.5);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
.solution-box ul li:nth-child(2) span,.solution-box ul li:nth-child(4) span{background:rgba(0,0,0,.75);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
.solution-box ul li i{position:absolute;bottom:53%;left:0;width:100%;font-size:50px;opacity:.85;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
.solution-box ul li hr{position:absolute;top:50%;left:50%;margin:0 0 0 -15px;padding:0;width:30px;height:2px;border:none;background:#fff;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
.solution-box ul li h3{position:absolute;top:53%;left:0;width:100%;font-size:24px;transition:.3s}
.solution-box ul li p{position:absolute;top:70%;left:10%;width:80%;font-size:16px;opacity:0;transition:.3s}
.solution-box ul li a{position:absolute;top:85%;margin:0 0 0 -60px;width:120px;border:2px solid #fff;color:#fff;font-size:16px;line-height:32px;opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
.solution-box ul li a:hover{background:#fff;color:#373d41}
.solution-box ul li img{display:block;width:100%}
.solution-box ul li:hover span{background:rgba(48,113,255,.85)}
.solution-box ul li:hover i{bottom:63%}
.solution-box ul li:hover hr{top:40%;opacity:0}
.solution-box ul li:hover h3{top:38%}
.solution-box ul li:hover p{top:50%;opacity:1}
.solution-box ul li:hover a{top:75%;opacity:1}
@media(max-width:2000px){.solution-box ul{width:1400px}
.solution-box ul li i{font-size:46px}
.solution-box ul li h3{font-size:22px}
.solution-box ul li p{font-size:14px}
.solution-box ul li a{margin:0 0 0 -50px;width:100px;font-size:14px;line-height:28px}
}
@media(max-width:1440px){.solution-box ul{width:1200px}
.solution-box ul li i{font-size:40px}
.solution-box ul li h3{font-size:18px}
.solution-box ul li p{font-size:12px}
}
@media(max-width:767px){.newshow-product+.newshow-divide,.solution-box{display:none}
.solution-box ul li{width:50%}
.solution-box ul li i{font-size:30px}
.solution-box ul li h3{font-size:14px}
.solution-box ul li img{margin:0 auto;height:125px;object-fit:cover}
}
.page-box{padding:20px;background:#fff}
.page-box ul{display:block;margin:0 -5px;text-align:center;font-size:0}
.page-box ul a{display:inline-block;padding:5px}
.page-box ul a,.page-box .active{display:inline-block;padding:0 15px;border:1px solid #eee;background:#f8f8f8;color:#666;text-align:center;font-size:16px;font-family:Microsoft Yahei;line-height:38px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-ms-transition:.2s}
.page-box ul .active{cursor:not-allowed}
.page-box ul a:hover,.page-box ul .active{border-color:#0166ce;background:#0166ce;color:#fff}
.product-cut+.page-box{padding:30px 20px 40px 20px}
@media(max-width:1440px){.page-box ul li a{padding:0 12px;font-size:14px;line-height:32px}
}
@media(max-width:767px){.page-box{padding:10px}
.page-box ul li a,.page-box ul li span{padding:0 10px;font-size:14px;line-height:28px}
}