body { width: 100%; background:#f7fbfe; font-family: "Helvetica Neue";  font-size: 1rem; line-height: 2rem;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
/*--- header ---*/
.top{ width: 100%; height: 40px; background: #2e87e5; line-height: 40px; color: #fff;}
.welcome{ width: 30%; float: left; text-indent: 3px;}
.fav{ width: 30%; float: right;}
.fav ul li{ width: 20%; float: left; text-align: center;}
.fav ul li a{ color: #fff; font-size: 12px;}
.fav ul li a:hover{ color: #ff0; text-decoration: underline;}
.f1{ background: url(../images/f1.jpg) no-repeat right center;}
.f2{ background: url(../images/f2.jpg) no-repeat right center;}
.f3{ background: url(../images/f3.jpg) no-repeat right center;}
.f4{ background: url(../images/f4.jpg) no-repeat right center;}
.f5{ background: url(../images/f5.jpg) no-repeat right center;}
.header{ padding: 25px 0;}
.header h1{ width: 70%; float: left; margin: 0;}
.tel{ width: 30%; float: right; text-align: right;}

.w-welcome{ width: 70%; float: left;}
.w-lag{ width: 29%; float: right;}
#lag{ width: 100%; border: 1px solid #dedede; text-align: center; color: #000;}

.w-header{ padding: 20px 0; overflow: hidden;}
.w-logo{ width: 80%; float: left;}
.h-right{width: 3rem;height:2.35rem;float: right; margin-top: 8px;}
.h-right span{width: 3rem;height: 2.35rem;background: url(../images/nav-btn.png) no-repeat;background-size: 3rem 2.35rem;display: block;}
.h-right ul{display: none;}
.fancynav-mainnav{position: fixed!important;}



.com_banner{padding: 60px 0px 10px 0;}

.com_banmt{ text-align: center; color: #fff; font-size: 25px; padding-bottom: 10px;}
.com_banft{text-align: center; font-size: 12px; color: #fff;}

@media (min-width:992px){ 
	.com_banmt{  font-size: 48px;padding-bottom: 20px;}
	.com_banft{ font-size: 16px; }
}
@media (min-width:1400px){ 
	.com_banmt{  font-size: 48px;padding-bottom: 20px;}
	.com_banft{ font-size: 16px; }
}


.tbb{ width: 100%; overflow:hidden;   text-align: center;  }
.tbb > span{ display: block; margin:0 auto;  line-height: 1; color: #e8090e; font-weight: 200; }
.tbb small{ overflow: hidden; position: relative; display: block; width: 100%; animation:title_font_img_down 1.5s linear 0s infinite running; -webkit-animation:title_font_img_down 1.5s linear 0s infinite running; margin: 5px 0 1px; }
.tbb small span{ display: block; clear: both;  height: 82px;  }
.tbb small span + span{ position: relative; top:-7px; }
@keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}
@-webkit-keyframes title_font_img_down{
  0%{ bottom:10px; opacity: 0.5;}
  30%{ bottom:5px; opacity: 1;}
    100%{ bottom:0px;  opacity: 0;}
}


#com_banner1{background: url(../images/banner.jpg) no-repeat top center; background-size:auto 100%; background-attachment: fixed;}
#pmenu{ border-bottom: solid 1px #DFDFDF; }
.pmenu{ overflow: hidden; }
.pmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 30px 0px 0px; }
.pmenu a{ position: relative; height: 50px; line-height: 50px; width: 100%; float: left; font-size: 15px;}
.pmenu a i{ width: 0px; height: 3px; background: #af0808; transition: all 0.3s; position: absolute; bottom: -1px; left: 0px;}
.pmenu a:hover i{ width: 100%; }
.pmenu a.on i{ width: 100%; }
.pmenu a.on{ color:#af0808;}
.pmenu a:hover{ color:#af0808;}
.pagebm{ height: 30px; overflow: hidden; clear: both; }
#wrap{ overflow: hidden; margin-top: 25px; margin-bottom: 30px;}
@media (min-width:992px) {
    .com_banner{ padding: 100px 0px; }
    .pmenu .swiper-slide{ margin: 0px 50px 0px 0px; }
}
@media (min-width:1200px) {
    .com_banner{ padding: 140px 0px 100px 0px; }
    .com_bant{ font-size: 32px; }
    .com_banft{ font-size: 16px;}
    .pmenu .swiper-slide{ margin: 0px 60px 0px 0px; }
    .pmenu a{ height: 60px; line-height: 60px; font-size: 16px; }
    .pagebm{ height: 50px; }
    #wrap{ margin-top:50px; margin-bottom: 60px;}
    .com_banmt a{ width: 45px; height: 45px; line-height: 40px; }
}
@media (min-width:1601px) {
    .com_banner{ padding: 180px 0px 90px 0px; background-size:auto auto;}
    .com_bant{ font-size: 32px; }
    .com_banft{ font-size: 16px;}

    .pmenu .swiper-slide{ margin: 0px 80px 0px 0px; }
    .pmenu a{ height: 70px; line-height: 70px; font-size: 17px;}
    .pagebm{ height: 80px; }
    #wrap{ margin-top:70px; margin-bottom: 80px;}
    .com_banmt a{ width: 60px; height: 60px; line-height: 55px; }
}

/*--- nav ---*/
.nav{ background: #0075e2; overflow: hidden;}
.nav-list{ width: 80%; float: left;}
.nav-list ul li{ width: 10%; float: left;  text-align: center; line-height: 60px;}
.nav-list ul li a{ display: block; width: 100%; height: 60px; color: #fff; font-size: 14px;}
.nav-list ul li a:hover{ background: #eb6100; color: #fff;}

.serch{ width: 19%; float: right;}
.serch-box{ width: 80%; padding: 0 15px; margin: 0 auto; background: #fff; border-radius: 20px; height: 30px; margin-top: 17px; overflow: hidden;}
.search-text{ width: 75%; float: left; height: 30px; line-height: 30px; border: none; background: none; outline: none;}
.go{ width: 18px; float: right; height: 30px; background: url(../images/go.jpg) no-repeat right center; border: none; outline: none;}

/*--- banner ---*/
.rongqi{position: relative;height:auto;overflow: hidden;}
.index-banner{position: absolute; left:0; top:0; z-index:-1}
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.m-top-bg{overflow: hidden; margin-top: 210px;}
.index-footer{overflow: hidden;}
.m-top-box{ background:none; overflow: hidden;}

@media (min-width:768px){ 

}
@media (min-width:992px){ 
	.m-top-box{ background: url(../images/m-company.png) no-repeat top center; overflow: hidden;}
    .video{width: 100%;height: 50%;}
}
@media (min-width:1400px){ 
	.m-top-box{ background: url(../images/m-company.png) no-repeat top center; overflow: hidden;}
    .video{width: 640px;height: 420px;}
}




.m-product{ overflow:hidden;}
.m-product .hd{ padding-top: 29px; overflow: hidden; text-align: center;}
.m-product .bd{ text-align: center; font-size: 12px; padding-top: 15px; overflow: hidden;}

.i-plist{ overflow: hidden; padding: 50px 0; }
.i-plist li{ margin-top: 40px;  outline: none;}
.i-plist a{ display: block; width: 100%; border-radius: 15px; text-align: center;}
.i-plist a .tt1{ overflow: hidden; position: relative;}
.i-plist a .tt1 img{ max-width: 100%; transition: all 0.3s;border-radius: 25px 25px 0 0px}
.i-plist a .tt2{ height: 56px; line-height: 56px; overflow: hidden; background: #fff; color: #eb6100; font-size: 15px; border-radius: 0 0 25px 25px}
.i-plist li a:hover .tt1 img{ transform: scale(1.05); }
.i-plist li a:hover .tt2{ background:#2f98e4; color: #fff;  }


.w-index-plist{ margin-top: 40px;  outline: none;}
.w-index-plist a{ display: block; width: 100%; border-radius: 15px; text-align: center;}
.w-index-plist a .tt1{ overflow: hidden; position: relative;}
.w-index-plist a .tt1 img{ max-width: 100%; transition: all 0.3s;border-radius: 25px 25px 0 0px}
.w-index-plist a .tt2{ height: 56px; line-height: 56px; overflow: hidden; background: #fff; color: #eb6100; font-size: 15px; border-radius: 0 0 25px 25px}
.w-index-plist a:hover .tt1 img{ transform: scale(1.05); }
.w-index-plist a:hover .tt2{ background:#2f98e4; color: #fff;  }


.m-company{ width: 100%;  padding: 35px 0; background: url(../images/m-company.jpg) no-repeat top center;background-attachment: fixed; overflow: hidden;}
.m-company .hd{ text-align: center; padding-top: 35px;}
.m-company .bd{ width: 100%; padding-top: 25px;}
.m-company .bd ul{ width: 95%; margin: 0 auto; padding-top: 35px;}

.m-scsl{ background: #f7fbfe; padding: 50px 0 30px 0; overflow: hidden;}
.m-scsl .hd{ text-align: center;}
.m-scsl .md{ text-align: center; font-size: 14px; color: #000; padding: 15px 0 45px 0;}


.picScroll-left{ width: 100%; position:relative;  border:10px solid #abd0f0;  border-radius: 10px; }
.picScroll-left .hdd{ width: 100%;  height:90px; overflow:hidden; position: absolute; left:0; top:45px; z-index:999}
.picScroll-left .hdd .prev{ display:block;  width:49px; height:90px; float:left; overflow:hidden; cursor:pointer; background:url(../images/scsl-left.png);}
.picScroll-left .hdd .next{ display:block;  width:49px; height:90px; float:right; overflow:hidden; cursor:pointer; background:url(../images/scsl-right.png);}
.picScroll-left .bdd{ width: 100%;}
.picScroll-left .bdd ul{}
.picScroll-left .bdd ul li{ width: 100%; float:left;  overflow:hidden; text-align:center;  }
.picScroll-left .bdd ul li img{ width: 100%; height: 180px;}

.m-video{ background: #f7fbfe; padding: 30px 0; overflow: hidden;}
.m-video .hd{ width: 100%; height: 71px; background: url(../images/m-video-hd.jpg) no-repeat top center; line-height: 65px; padding: 0 10px; overflow: hidden; border-radius: 10px 10px 0 0;}
.m-video .hd p{ width: 50%; float: left; text-indent: 15px; color: #fff; font-size: 18px;}
.m-video .hd a{ float: right; text-align: right; color: #fff; }
.m-video .bd{ padding:10px 0 30px 0; background: #f0f5fe; overflow: hidden; border-radius: 0 0 30px 30px;}
.videobox .o1{ width: 45%; margin: 45px 2.5% 0; height: auto; float: left; border: 1px solid #dedede; background: #f0f5fe;}
.videobox .o1 .img{ width: 100%; margin-top: 5px;}
.videobox .o1 .img img{ max-width: 100%; transition: all 0.3s;}
.videobox .o1 .img img:hover{ transform: scale(1.05) }
.videobox .o1 .title{ width: 90%; margin: 0 auto; padding: 15px 0; text-align: center;}
.videobox .o1 .title a{ font-size: 16px;}
.videobox .o1 .more{ width: 70%; margin: 20px auto; height: 40px; text-align: center;  line-height: 40px;}
@media (min-width:992px){ 
	.videobox .o1 .more{ width: 50%;}
}
@media (min-width:1400px){ 
	.videobox .o1 .more{ width: 50%;}
}



.videobox .o1 .more a{display: block; background: #fff; width: 100%; height: 40px; font-size: 16px; border: 1px solid #cdcdcd;border-radius: 35px;}
.videobox .o1 .more a:hover{  background: #3284d0; border: 1px solid #3284d0; color: #fff;}
.videobox .o2{ width: 42%; margin: 0 4%; height: auto; float: right; border: 1px solid #dedede; border-bottom: none; background: #fff;}
.videobox .o2 li{ border-bottom: 1px solid #dedede; text-align: center; line-height: 45px; padding-bottom: 10px;}
.videobox .o2 li a{ font-size: 16px;}
.videobox .o2 li img{ max-width: 100%;  margin-top: 5px; transition: all 0.3s;}
.videobox .o2 li img:hover{ transform: scale(1.05) }

.m-honor{ width: 100%; padding: 55px 0 60px 0; background: url(../images/m-honor.jpg) no-repeat top center;overflow: hidden;}
.m-honor .hd{ text-align: center;}
.m-honor .md{ text-align: center; font-size: 18px; font-weight: 700; color: #000; padding: 15px 0;}
@media (min-width:992px){ 
	.m-honor .md{font-size: 24px; padding: 15px 0;}
}
@media (min-width:1400px){ 
	.m-honor .md{font-size: 24px; padding: 15px 0;}
}


.m-honor .bd{ background: url(../images/m-honor-bd.png) no-repeat bottom center; overflow: hidden; padding: 20px 0 58px 0;}

@media (min-width:992px){ 
	.m-honor .bd{  padding: 62px 0 58px 0;}
}
@media (min-width:1400px){ 
	.m-honor .bd{  padding: 62px 0 58px 0;}
}



#indexPro{ width: 95%; height: 290px; margin: 0 auto; overflow: hidden;}
#indexPro li{ width: 270px; height: 290px; margin-right: 20px; text-align: center; float: left; line-height: 35px; overflow: hidden;}
#indexPro li img{ width: 250px; height: 250px; border: 5px solid #eec591;}

#indexPro2{ width: 90%; height: 290px; margin: 0 auto; overflow: hidden;}
#indexPro2 li{ width: 220px; height: 290px; margin-right: 20px; text-align: center; float: left; overflow: hidden;}
#indexPro2 li img{ width: 200px; height: 270px; border: 6px solid #eec591;}

.m-case{ background: url(../images/m-case.jpg) no-repeat top center; margin-top: 35px; padding: 55px 0; overflow: hidden;}
.m-case-box{ background: #fff; padding-top: 35px; overflow: hidden;}
.m-case-box .hd{ text-align: center;}
.m-case-box .md{ text-align: center; font-size: 14px; color: #000; padding: 15px 0;}
.m-case-box .bd{ width: 90%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.m-case-list{ width: 100%;}
.m-case-list .cc{ margin-bottom: 15px; overflow:visible; position:relative;}
.m-case-list .cc .img{ width: 100%; overflow: hidden;}
.m-case-list .cc .img img{ width: 100%;}
.m-case-list .cc .img:hover img{ transform: scale(1.05); transition: all 0.3s;}


.m-case-list .cc .txt{ width: 100%; height: 40px; background: url(../images/case-bg.png) repeat-x; text-align: center; line-height: 40px;overflow:hidden; position: absolute; left:0; bottom:0; z-index:99999}
.m-case-list .cc .txt a{ color: #fff;}
.m-case-list .cc .txt a:hover{ text-decoration: underline; color: #ff0}

.m-case-box .cbd{ width: 90%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.ccc{margin-bottom: 15px; overflow:visible; position:relative;}
.ccc .img{ width: 100%; height: 250px; overflow: hidden;}
.ccc .img img{ width: 100%; height: 250px; object-fit:cover}
.ccc .txt{ width: 100%; height: 40px; background: url(../images/case-bg.png) repeat-x; text-align: center; line-height: 40px;overflow:hidden; position: absolute; left:0; bottom:0; z-index:99999}
.ccc .txt a{ color: #fff;}
.ccc .txt a:hover{ text-decoration: underline; color: #ff0}


.sx{ width: 100%; padding: 15px 0; overflow: hidden;}
@media (min-width:992px){ 
    .sx{ width: 90%; padding: 15px 0; overflow: hidden;}
}
@media (min-width:1400px){ 
    .sx{ width: 90%; padding: 15px 0; overflow: hidden;}
}


.sx li{ width: 32.3%;  height: 152px; line-height: 30px; float: left; text-align: center; padding-bottom: 5px; margin: 0 0.5%; overflow: hidden; color: #666; font-size: 12px;}

@media (min-width:992px){ 
    .sx li{ width: 15.6%;}
}
@media (min-width:1400px){ 
    .sx li{ width: 15.6%;}
}


.sx li .sscc{ display: block; width: 67px; height: 67px; margin: 0 auto; background: #0075e2; border-radius: 33px; color: #fff; font-size: 30px; line-height: 67px;}
.sx100{ font-weight: 700; font-size: 16px; color: #666;}


.m-products{ padding: 35px 0 0 0; overflow: hidden;}
@media (min-width:992px){ 
	.m-products{ padding: 35px 0; overflow: hidden;}
}
@media (min-width:1400px){ 
	.m-products{ padding: 35px 0; overflow: hidden;}
}



.m-products .hd{padding-bottom: 45px; overflow: hidden;}
.p1{ width: 100%;}
.p2{ width: 50%; float: left;}
.p-serch-box{ width: 80%; height: 38px; margin: 0 auto;  border: 3px solid #d0d0d0; margin-top: 27px; overflow: hidden;}
.p-search-text{ width: 75%; float: left; color: #000; line-height: 30px; text-indent: 10px; border: none; background: none;outline: none;}
.p-go{ width: 53px; float: right; height: 30px;margin-top: 1px; background: url(../images/gogo.jpg) no-repeat center center; border: none;}
.serch2{width: 80%;  margin: 0 auto; padding-top: 5px; font-size: 14px;}
.serch2 a{ margin-right: 8px;}


.p3{ width: 30%; float: right; text-align: right; padding-top: 20px;}
.m-products .bd{ overflow: hidden;}
.mplist{ overflow: hidden;}
.mplist li{width: 48%; float: left; margin: 0 1%; height:52px; line-height: 52px; text-align: center; margin-bottom: 5px;}
.mplist li a{ display: block; width: 100%; height: 52px; border: 1px solid #d2d2d2; background: #eeeeee; font-size: 16px;}
.mplist li a:hover{ background: #0268ba; border: 1px solid #0268ba; color: #fff;}
.ewm{ text-align: center;}

.m-p-more ul{ width: 47%; float: left; background: #fff; margin: 0 1.5%; padding: 1px; border: 1px solid #dedede; margin-bottom: 25px; overflow: hidden;}
.m-p-more ul .img{ width: 100%;height: 300px;}
.m-p-more ul .img img{ width: 100%;}
.m-p-more ul:hover .img img{ transform: scale(1.05); transition: all 0.3s;}
.m-p-more ul .title{ width: 90%; margin: 0 auto; padding: 15px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-p-more ul .title a{ font-size: 16px;}
.m-p-more ul .more{ width: 90%; margin: 0 auto; margin-bottom: 15px; height: 36px; overflow: hidden;}
.m-p-more ul .more a{ display: block; width: 104px; text-align: center; line-height: 36px; height: 36px; background: #0268ba; border-radius: 30px; color: #fff;}
.m-p-more ul .more a:hover{ width: 155px; transition: all 0.3s;}

.w-hd1 { padding-bottom: 5px; text-align: center;}
.w-hd1 img{ max-width: 50%;}
.w-hd2{  width: 65%; margin: 0 auto; font-size: 13px; text-align: center; background: #7f7f7f; padding: 5px; color: #fff;}
.w-md{ padding: 15px 0; overflow: hidden;}
.w-md li{ width:48%;padding: 0 1%; float: left; margin-bottom: 5px;}
.w-md li a{ display: block; text-align: center; width: 100%; height: 32px; border: 1px solid #d2d2d2; background: #eeeeee; font-size: 14px; line-height: 32px;}
.w-md li a:hover{ background: #0268ba; border: 1px solid #0268ba; color: #fff;}

.w-bd{ padding: 5px 0;}
.w-bd ul{ width: 97%; background: #fff; margin: 0 1.5%; padding: 1px; border: 1px solid #dedede; overflow: hidden;}
.w-bd ul .img{ width: 100%;}
.w-bd ul .img img{ width: 100%;}
.w-bd .title{ width: 90%; margin: 0 auto; padding: 15px 0;}
.w-bd .title a{ font-size: 16px;}
.w-bd .more{ width: 90%; margin: 0 auto; margin-bottom: 15px; height: 36px; overflow: hidden;}
.w-bd .more a{ display: block; width: 104px; text-align: center; line-height: 36px; height: 36px; background: #0268ba; border-radius: 30px; color: #fff;}
.w-bd .more a:hover{ color: #ff0; text-decoration: underline;}



.m-news{ padding: 0 0 15px 0; overflow: hidden;}

@media (min-width:992px){ 
	.m-news{ padding: 0 0 35px 0; overflow: hidden;}
}
@media (min-width:1400px){ 
	.m-news{ padding: 0 0 35px 0; overflow: hidden;}
}


.m-news .hd{ width: 100%; height: 44px; background:#5d9cf7 url(../images/news-p.jpg) no-repeat left center; overflow: hidden; line-height: 44px; color: #fff; text-indent: 30px; font-size: 16px;}
.m-news .bd{ padding-top: 35px;}
.m-news .bd li{ text-align: center; line-height: 30px; margin-bottom: 15px;}
.m-news .bd li img{ max-width: 100%; margin-bottom: 6px;}
.m-news .bd li:hover img{ transform: scale(1.05); transition: all 0.3s;}


/*--- sidebar ---*/ 
.s-p .hd{ text-align: center; background: #0075e2; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-p .bd{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.s-p .bd ul{ width: 90%; margin: 0 auto;}
.s-p .bd ul li{ width: 100%; text-indent: 10px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bd ul li a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bd ul li a:hover{background: #0075e2; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.s-p .bdd ul{ width: 90%; margin: 0 auto;}
.s-p .bdd ul .p1{ width: 100%; text-indent: 10px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p1 a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p1 a:hover{background: #0075e2; color: #fff; opacity: 1;transition: 0.4s; text-indent: 25px;}
.s-p .bdd ul .p2{ width: 100%; text-indent: 30px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s-p .bdd ul .p2 a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.s-p .bdd ul .p2 a:hover{background: #0075e2; color: #fff; opacity: 1;transition: 0.4s; text-indent: 45px;}

.sy_lx_cont_cp{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.proclass{ width: 90%; margin: 0 auto;}
.big{ width: 100%; text-indent: 20px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.big a{ display: block;  width: 100%; height: 45px; line-height: 45px;}
.big a:hover{background: #0075e2; color: #fff; opacity: 1; transition: 0.4s; text-indent: 35px;}
.smallclass{ display: none;}
.s{ width: 100%; text-indent: 40px; margin-bottom: 5px; border-bottom: 1px dashed #cdcdcd;}
.s a{ display: block;  width: 100%; height: 35px; line-height: 35px;}
.s a:hover{background: #0075e2; color: #fff;}

.s-a{ padding-top: 15px;}
.s-a .hd{ text-align: center; background: #0075e2; font-size: 20px; color: #fff; font-weight: 700; padding: 15px 0; overflow: hidden;}
.s-a .bd{ border: 1px solid #dedede; padding: 25px 0; overflow: hidden;}
.s-a .bd ul{ width: 90%; margin: 0 auto; line-height: 35px;}
/*--- nav ---*/
.warp{ padding-top: 15px; overflow: hidden; background: #fff;}
.catname{ width: 98%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.catname li{ width: 50%; float: left; text-align: center; overflow: hidden; margin-bottom: 5px;}
.catname li a{ display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; background: #0075e2; color: #fff;}
.catname li a:hover{ background: #faa701;}

.catname1{ width: 95%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.catname1 li{ width: 33.3%; float: left; text-align: center; overflow: hidden; margin-bottom: 5px;}
.catname1 li a{ display: block; width: 95%; margin: 0 auto; height: 35px; line-height: 35px; background: #0075e2; color: #fff;}
.catname1 li a:hover{ background: #faa701;}
.crumbs{ border-bottom: 1px solid #dedede; line-height: 36px; overflow: hidden;}
.crumbs .hd{ font-size: 18px; float: left; color: #085da0; font-weight: 700;}
.crumbs .bd{ float: right; text-align: right;}

.p-crumbs{ height: 66px; overflow: hidden; line-height: 66px; border-bottom: 1px solid #e0dfdf;}
.p-crumbs .bd{ background: url(../images/home.jpg)no-repeat left center; text-indent: 30px;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 30px 0 0 0; overflow: hidden;}
/*--- company ---*/

.nbanner{ width: 100%;overflow:visible; position:relative;overflow: hidden;}

.nbanner .bd{ width: 100%; height: 60px;  position: absolute; left:0; bottom:0; z-index:999}
.nbanner .bd ul{ width: 100%; height:60px; background: url(../images/ff-nav.png) repeat-x; overflow: hidden;}
.nbanner .bd li{ width: 20%; text-align: center; line-height: 60px; float: left;}
.nbanner .bd li a{display: block; width: 100%; height: 60px; color: #fff;}
.nbanner .bd li a:hover{ color: #ff0; background: #eb6100;}
.nbanner .bd li .sss{ background: #eb6100;}

.company-bd{ width: 100%; height:40px; border-bottom: 1px solid #dedede; overflow: hidden;}
.company-bd li{ width: 20%; text-align: center; line-height: 40px; float: left;}
.company-bd li a{display: block; width: 100%; height: 40px; color: #000;}
.company-bd li a:hover{ color: #ff0; background: #eb6100;}
.company-bd li .sss{ background: #eb6100; color: #fff;}


.company-banner .img{ width: 100%; overflow: hidden;}
.company-box{ padding-top: 10px; overflow: hidden;}

@media (min-width:992px){ 
	.company-box{ padding-top: 30px; overflow: hidden;}
}
@media (min-width:1400px){ 
	.company-box{ padding-top: 30px; overflow: hidden;}
}



.c-b-top{padding: 5px 0 0 0;overflow: hidden;}

@media (min-width:992px){ 
	.c-b-top{padding: 25px 0;overflow: hidden;}
}
@media (min-width:1400px){ 
	.c-b-top{padding: 25px 0;overflow: hidden;}
}

.c-b-top .hd{ text-align: center; font-size: 25px;}
.c-b-top .bd{ padding-top: 55px; overflow: hidden;}


.c-b-top .bd li{ width: 48%; margin: 0 1%; text-align: center; float: left;}
.c-b-top .bd li .numCX{ color: #0075e2; font-size: 40px; border-bottom: 1px solid #dedede; padding-bottom: 15px;}
.c-b-top .bd li .unitC{ color: #333; font-size: 12px;}
.c-b-top .bd li .indc{ padding: 10px 0 20px 0;  font-size: 14px;}
.c-b-top .bd li .indc span{  font-size: .6rem;}

.c-b-top .md{padding: 5px 0 0 0 ; overflow: hidden;}
@media (min-width:992px){ 
	.c-b-top .md{padding: 35px 0; overflow: hidden;}
}
@media (min-width:1400px){ 
	.c-b-top .md{padding: 35px 0; overflow: hidden;}
}

.c-b-top .md .img{ text-align: center;}
.c-b-top .md .img img{ max-width: 95%;}
.c-b-top .txt{ padding-top: 10px; overflow: hidden;}
.c-b-top .txt .title{ font-size: 24px; color: #000; text-align: center; line-height: 35px; padding-bottom: 5px;}
@media (min-width:992px){ 
	.c-b-top .txt .title{ text-align: left; padding-bottom: 30px;}
}
@media (min-width:1400px){ 
	.c-b-top .txt .title{ text-align: left; padding-bottom: 30px;}
}

.c-b-top .txt .title span{ color: #999; font-size: 22px;}
.c-b-top .txt .content{ line-height: 30px;}

@media (min-width:992px){ 
	.c-b-top .txt .content{ line-height: 35px;}
}
@media (min-width:1400px){ 
	.c-b-top .txt .content{ line-height: 35px;}
}

.c-b-top .txt .more{ width: 214px;margin-top: 15px; height: 65px; clear: both;}
.c-b-top .txt .more a{ color: #fff; font-size: 16px; display: block; width: 100%; height: 65px;  font-size: 16px; text-indent: 55px; line-height: 65px;  background:#0075e2 url(../images/jt.png) no-repeat right center;}
.c-b-top .txt .more a:hover{text-indent: 65px; transition: 0.4s; background:#eb6100 url(../images/jt.png) no-repeat right center;}
.c-b-center{ padding: 10px 0; overflow: hidden;}
@media (min-width:992px){ 
	.c-b-center{ padding: 45px 0; overflow: hidden;}
}
@media (min-width:1400px){ 
	.c-b-center{ padding: 45px 0 30px 0; overflow: hidden;}
}
.c-b-c-box{ padding-bottom: 35px; overflow: hidden;}
.c-b-c-box .img{ padding: 15px 0;}
.c-b-c-box .img:hover img{ transform: scale(1.05); transition: all 0.3s;}


.c-b-c-box .txt .hd{ font-size: 28px; text-align: center; color: #333; padding-top: 15px; line-height: 35px;}
@media (min-width:992px){ 
	.c-b-c-box .txt .hd{ font-size: 48px; padding-top: 15px; text-align: left;}
}
@media (min-width:1400px){ 
	.c-b-c-box .txt .hd{ font-size: 48px; padding-top: 15px; text-align: left; }
}

.c-b-c-box .txt .bd{padding: 5px 0; line-height: 30px; color: #666;}
@media (min-width:992px){ 
	.c-b-c-box .txt .bd{padding: 35px 0; line-height: 30px; color: #666;}
}
@media (min-width:1400px){ 
	.c-b-c-box .txt .bd{padding: 35px 0; line-height: 30px; color: #666;}
}




.c-b-c-box .txt .md a{display: block;width: 120px;background: #0075e2; height: 45px; text-align: center; line-height: 45px; color: #fff;}
.c-b-c-box .txt .md a:hover{width: 150px; background: #ee4255; color: #ff0;transition: all 0.3s;}
.layui-layer-wrap{ display: none;}

/*--- product ---*/
.p-banner{ width: 100%;  overflow:visible; position:relative;}
.p-banner .hd{ width: 100%; overflow:hidden; position: absolute; left:0; top:20px; z-index:999; color: #fff; font-size: 20px; height: 80px; line-height: 24px}
.p-banner .hd span{ font-size: 13px;}
.p-banner .img{ width: 100%;}
.p-catnamer{ height: 68px; border-bottom: 1px solid #ddd; overflow: hidden; line-height: 68px;}
.p-catnamer .hd{ width: 5%; float: left; border-left: 1px solid #ddd; height: 68px; background: url(../images/p-home.jpg) no-repeat center center;}
.p-catnamer .bd{ width: 12%; float: left; height: 68px; text-indent: 20px; border-left: 1px solid #ddd;}
.p-catnamer .md{ width: 82%; float: right;}
.p-catnamer .md li{float: left;}
.p-catnamer .md li a{ display: block; padding: 0 10px; height: 68px; color: #000;}
.p-catnamer .md li a:hover{ background: #0075e2; color: #fff;}


.p-cat{ width: 100%; overflow: hidden;}
.p-cat .cdd{ height: 45px; border-bottom: 1px solid #ddd; overflow: hidden; line-height: 45px;}
.p-cat .cdd .hdd{ width: 15%; float: left; border-left: 1px solid #ddd; height: 45px; background: url(../images/p-home.jpg) no-repeat center center;}
.p-cat .cdd .bdd{ width: 85%; float: left; height: 45px; text-indent: 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.p-cat .mdd{ margin-top: 5px; overflow: hidden;}
.p-cat .mdd li{ width: 25%; margin-bottom: 5px; float: left; text-align: center;}
.p-cat .mdd li a{ display: block; width: 98%; margin: 0 auto; background: #0075e2; color: #fff; height: 34px;  line-height: 34px;}
.p-cat .mdd li a:hover{ color: #ff0; text-decoration: underline;}

.c-plist{ padding: 15px 0; overflow: hidden;}
.ccimg{ text-align: center;}
.ccimg img{ max-width: 98%;}
.ccplist{padding: 15px 0 35px 0; overflow: hidden;}
.ccplist li{ width:48%; margin: 5px 1%; float: left; text-align: center; border: 1px solid #dedede;padding: 5px; line-height: 35px;}
.ccplist li img{ width: 100%;}

/*--- honor ---*/

#picUL{ overflow: hidden; }
#picUL li{ margin-top: 10px; outline: none;}
#picUL li a{ outline: none; }
#picUL .pic_01{ text-align: center; outline: none; border: solid 1px #e5e5e5; position: relative;}
#picUL .pic_02{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}
#picUL .pic_01 i{ transition: all 0.3s; z-index: 66; text-align: center; color:rgba(255,255,255,0.6); width: 80px; height: 80px; line-height: 71px; position: absolute; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px; }
#picUL .pic_01 i.iconfont{ font-size: 25px; }
@media (min-width:1200px) {
    #picUL .pic_02{ font-size: 15px; }
    #picUL .pic_01 i.iconfont{ font-size: 35px; }
}
@media (min-width:1601px) {
    #picUL li{ margin-top: 15px; }
    #picUL .pic_02{ font-size: 16px; height: 45px; line-height: 45px; }
    #picUL .pic_01 i.iconfont{ font-size: 45px; }
}
#picUL li a:hover .pic_01:before{ position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11 }
#picUL li a:hover .pic_01 i{ color: rgba(255,255,255,1); transform:rotate(30deg);}

#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px;padding-right: 2px; padding-left: 2px;  outline: none;}


@media (min-width:992px){ 
	#picULs li{ padding-right: 15px; padding-left: 15px;}
}
@media (min-width:1400px){ 
	#picULs li{ padding-right: 15px; padding-left: 15px;}
}

#picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#picULs a .pics_01 img{ max-width: 100%; transition: all 0.3s;height: 220px;object-fit: contain;}
#picULs a .pics_02{ height: 36px; line-height: 36px;  background: #f5f5f5;  margin: 0 auto; outline: none; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#0075e2; color: #fff;  }


#c-picULs{ overflow: hidden; }
#c-picULs li{ margin-top: 10px; outline: none;}
#c-picULs a{ outline: none; width: 100%; float: left; border: solid 1px #dedede; text-align: center;}
#c-picULs a .pics_01{ overflow: hidden; position: relative; margin: 10px;}
#c-picULs a .pics_01 img{ max-width: 100%; height: 180px; transition: all 0.3s;}
#c-picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; }
#c-picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#c-picULs li a:hover .pics_02{ background:#0075e2; color: #fff;  }


/*--- footer ---*/
.end{ width: 100%; background:#2776db; padding-top: 50px; margin-bottom: 6rem;}
.footer{ width: 100%; background:#2776db url(../images/footer.jpg) no-repeat top center; padding-top: 100px; margin-bottom: 6rem;}
.f-hd{ padding: 15px 0; overflow: hidden;}
.f-logo .img{text-align: center; overflow: hidden;}
.f-logo .txt{ width: 98%; margin: 30px auto; background: url(../images/f-tel.jpg) no-repeat left center; padding-left: 45px; color: #fff; font-size: 20px; line-height: 30px;}
.f-nav{ overflow: hidden;}
.f-nav .hd{ font-size: 18px; background: url(../images/ddddd.jpg) bottom repeat-x; line-height: 50px; color: #fff;}
.f-nav .bd{ width: 75%; padding-top: 18px;}
.f-nav .bd li{ width: 50%; float: left; line-height: 35px;font-size: 15px;}
.f-nav .bd li a{ color: #fff;font-size: 15px;}
.f-nav .bd li a:hover{ color: #ff0;}
.f-nav .bdd{ padding-top: 18px; line-height: 35px;font-size: 15px; color: #fff;}
.f-nav .bdd a{ color: #fff;}
.f-nav .bdd a:hover{ color: #ff0;}
.ewm{ padding-top: 15px;}
.ewm li{ width: 50%; float: left; text-align: center; color: #fff; line-height: 35px;}
.ewm li img{ width: 90%;}
.f-bd{border-top: 1px solid #72a6e8; padding: 25px 0 45px 0; overflow: hidden;}
.f-ctxt{ width: 100%; float: left; color: #fff; font-size: 12px;}
.f-ctxt a{ color: #fff;font-size: 12px;}
.f-ctxt a:hover{ color: #ff0;}
.f-link{ display: none; width: 30%; float: right; text-align: right; color: #fff;font-size: 12px;}
.f-link a{ color: #fff;font-size: 12px;}
.f-link a:hover{ color: #ff0;}

@media (min-width:992px){ 
	.f-ctxt{font-size: 16px;}
	.f-ctxt a{font-size: 16px;}
	.f-link{font-size: 16px;}
	.f-link a{font-size: 16px;}
}
@media (min-width:1400px){ 
	.f-ctxt{ width: 70%; }
	.f-link{ display: block; }
	.f-ctxt{font-size: 16px;}
	.f-ctxt a{font-size: 16px;}
	.f-link{font-size: 16px;}
	.f-link a{font-size: 16px;}
}



#end{ width:100%; background: #043677; height: 6rem; position: fixed; bottom:0; z-index: 9999999; overflow: hidden;}
#end li{ width: 25%; height: 6rem; padding-top: .8rem;  float: left; text-align: center; overflow: hidden;}
#end li img{ max-width: 35%;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}


/*--- product ---*/
.pid{ padding: 35px 0; overflow: hidden;}
.plist{ text-align: center; line-height: 35px;}
.plist img{ width: 95%; height:135px; object-fit:cover}
.pid-list{ padding: 15px 0;  border-bottom: 1px solid #dedede; overflow: hidden;}
.pid-list .img{text-align: center;}
.pid-list .img img{ width: 98%; padding: 5px; border: 1px solid #dedede;}
.pid-list .title a{ font-weight: 700; color: #000; font-size: 14px;}
.pid-list .title a:hover{ color: #f00;}
.pid-list .time{ font-size: 12px; color: #cdcdcd;}
.pid-list .content{ font-size: 13px;}
.pid-list .content a{ color: #0075e2;}
.pid-list .content a:hover{ text-decoration: underline; color: #f00;}
.p-top{padding-top: 15px; overflow: hidden;}
.p-img{ margin-bottom: 10px;}
.p-img img{ width: 100%; border: 1px solid #dedede;}
.p-txt {margin-bottom: 10px;}
.p-txt li{margin-bottom: 10px; color: #333; line-height: 2;}
.img-txt-title{ font-size: 20px; font-weight: bold;  width: 100%; margin-top: 35px; overflow: hidden;}
.img-txt-title1{padding: 0 6px;  font-size: 14px;}
.img-txt-title1 span{ color: #2660ba;}
.ptt{ padding: 10px 0; overflow: hidden;}
.ptel{ float: left; color: #666; background: url(../images/p-tel.jpg) no-repeat left center; padding: 8px 0px 8px 50px; line-height: 25px; margin-left: 20px;}
.ptel span{ color: #fc9106; font-size: 24px; font-weight: 700;}



.order-btn{}
.t10{ display: block; float: left; width: 80%; height: 50px;margin-top: 10px; background: #454647; border-radius: 6px; line-height: 50px; text-align: center; color: #fff;}

@media (min-width:992px){ 
   .t10{ width: 50%;}
}
@media (min-width:1400px){ 
   .t10{ width: 50%;}
}


.t10:hover{ background: #0075e2; color: #ff0;}
.p-content{ width: 98%; border: 1px solid #dedede;  overflow: hidden; }
.p-content .hd{ width: 100%; overflow: hidden; background: #eee; overflow: hidden;}
.p-content .hd li{ width: 25%; float: left; height: 50px; text-align: center;}

@media (min-width:992px){ 
  .p-content .hd li{ width: 16.7%;}
}
@media (min-width:1400px){ 
  .p-content .hd li{ width: 16.7%;}
}

.p-content .hd li a{ display: block; width: 100%; height: 50px; font-size: 16px; line-height: 50px; color: #555;}
.p-content .hd li a:hover{ background: #0074e1;  color: #fff;}

.p-content .hd .dxd a{  background: #0074e1;  color: #fff;}


.cp-content{ width: 98%; margin-top: 15px; border: 1px solid #dedede; padding: 20px 10px; overflow: hidden; }
.cp-content .chd{ font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #333; line-height: 2;}

#indexPro{ width: 98%; padding: 8px 0; height: 240px;  margin: 0 auto; overflow: hidden;}
#indexPro ul li{ width: 220px; float: left;height: 240px; text-align: center; line-height: 35px;}
#indexPro ul li img{ width: 200px; height: 200px;}
/*--- order ---*/
.order{ padding: 20px; overflow: hidden;}
.order li{ margin-bottom: 5px; overflow: hidden;}
.order li em{ color: #237afb; font-weight: 700;padding-right: 5px;  font-size: 16px; line-height: 45px;}
.order li span{ color: #237afb; font-weight: 700;}
.o1{ width: 220px; height: 35px; border: 1px solid #dedede; background: #fff; padding: 0 5px;}
.o2{ width: 400px; height: 70px; border: 1px solid #dedede; background: #fff; padding: 0 5px}
.o3{ width: 120px; height: 35px; border: 1px solid #dedede; background: #fff; padding: 0 5px}
.o4{ width: 90px; height: 35px; border: 1px solid #dedede; vertical-align: middle;}
.o5{ width: 150px; height: 35px; text-align: center; background: #237afb; line-height: 35px; color: #fff; border: none;}


/*--- contact ---*/
.companyt{ padding-top: 35px; line-height: 2;}
.company1t{ font-size: 30px; text-align: center;}
.company1ft{ text-align: center; }
.company1ft i{ width: 24px; height: 3px; background: #237afb; display: inline-block; transition: all 0.3s;}
.companyt:hover .company1ft i{ width: 60px; }
.tips{padding-bottom: 20px; text-align: center; font-size: 14px; font-weight: 700;}
.c-message-box{ width: 99%; margin: 0 auto; overflow: hidden;}
.c-message-box ul{  overflow: hidden;}
.c-message-box li{ margin-bottom: 10px; overflow: hidden;}
.mm1{ width: 80%; height: 35px; border: 1px solid #dedede; text-indent: 10px;}
.mm5{ width: 80%; height: 100px; border: 1px solid #dedede; text-indent: 10px;}
.mm4{ padding: 0 15px; overflow: hidden;}
.mm2{ width: 160px; height: 35px; border: 1px solid #dedede; text-indent: 5px;}
.mm3{ width: 80px; height: 35px;}
.mm6{ width: 150px; padding-left: 15px; overflow: hidden;}
.mm6 a{ display: block; width: 100%; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; background: #237afb; color: #fff;}
.mm6 a:hover{ color: #ff0; text-align: center;}
label{max-width: none;}
.lyxt .txt{  overflow: hidden;}
.lyxt .txt li{ height: 52px; margin-bottom: 5px; line-height: 52px; overflow: hidden; text-indent: 10px; background: #f2f3f8; color: #000;}
.lyxt .txt li:hover{background: #237afb; color: #fff; text-indent: 20px;  transition: all 0.5s;}


/*--- Universal ---*/



.fwzxlist li{ overflow: hidden; margin-bottom: 20px;}
.c_img{ width: 100%;padding: 15px;  overflow: hidden; text-align: center;}
.c_img img{width: 100%; border: 1px solid #dedede;}
.c_txt{ width: 100%; padding: 15px;}
.c_t{ font-size: 28px; line-height: 35px; color: #333; padding-top: 5px;}
.c_i{ padding: 15px 0;line-height: 30px;color: #666;}
.c_c{ width: 120px;background: #0075e2;height: 45px;text-align: center;line-height: 45px; color: #fff;}
.fwzxlist li a:hover .c_img img{transform: scale(1.02);transition: all 0.5s;}
.fwzxlist li a:hover .c_c{ width: 150px; background: #ee4255; transition: all 0.5s;}


@media (min-width:992px){ 
    .c_img{ width: 50%;}
    .c_img img{width: 100%;}
    .c_txt{ width: 50%;}
    .fwzxlist li:nth-child(odd) .c_img{ float: left;}
    .fwzxlist li:nth-child(odd) .c_txt{ float: right;}
    .fwzxlist li:nth-child(even) .c_img{ float: right;}
    .fwzxlist li:nth-child(even) .c_txt{ float: left;} 
    .c_t{ font-size: 48px; padding-top: 45px; }
    .c_i{ padding: 35px 0;}
}
@media (min-width:1400px){ 
    .c_img{ width: 50%;}
    .c_img img{width: 100%;}
    .c_txt{ width: 50%;}
    .fwzxlist li:nth-child(odd) .c_img{ float: left;}
    .fwzxlist li:nth-child(odd) .c_txt{ float: right;}
    .fwzxlist li:nth-child(even) .c_img{ float: right;}
    .fwzxlist li:nth-child(even) .c_txt{ float: left;}
    .c_t{ font-size: 48px; padding-top: 45px; }
    .c_i{ padding: 35px 0;}
}




.n-n-n{ overflow: hidden;}
.news-list3 {padding-bottom: 2rem;}
.news-list3 .item {padding: 3rem 4rem 3rem; box-sizing: border-box; border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}
.news-list3 .con-box .date {font-size: 0;}
.news-list3 .con-box a { display: block;}
.news-list3 .con-box .d, .news-list .con-box .ym {display: inline-block;*display: inline;zoom: 1;}
.news-list3 .con-box .d {font-size: 6rem;   line-height: 4.25rem;   color: #999;    transition: all .2s;}
.news-list3 .con-box .ym {  font-size: 2rem;line-height: 1.75rem;margin-left: .625rem;color: #999;}
.news-list3 .con-box .img {margin-top: .9375rem;}
.news-list3 .con-box .text {
    margin-top: 2rem;
}
.news-list3 .con-box .tit {
    font-size: 2rem;
    line-height: 2rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s;
}
.news-list3 .con-box .con {
    font-size: 1rem;
    line-height: 2.4rem;
    color: #999;
    margin-top: .825rem;
    height: 5rem;
    overflow: hidden;
}
.news-list3 .con-box .detail {
    width: 15rem;
    height: 4rem;
    font-size: 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2rem;
    margin-top: 1.875rem;
    transition: all .2s;
}

.news-list3 .con-box .detail span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3125rem;
    line-height: 4rem;
    color: #ccc;
    padding-right: 2.75rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("../images/news-detail.png");
    transition: all .2s;
}
@media (min-width: 1200px){
    .news-list3 .con-box:hover .date .d{
        color:#0175e2;
    }
    .news-list3 .con-box:hover .tit{
        color:#0175e2;
    }
    .news-list3 .con-box .detail:hover {
        border-color:#0175e2;
        background-color:#0175e2;
    }
    .news-list3 .con-box .detail:hover span {
        color: #fff;
        background-image: url("../images/news-detail2.png");
    }
}

.news-detail .news-content{background-color: #f7f8fa;line-height: 2;}
.news-detail .news-content:not(.embed-responsive) img{ max-width:100%; height:auto !important;}

.news li{border-bottom: 2px dotted #eeeeee;padding: 30px 0;position: relative;}
.news li a{display: block;overflow: hidden;}
.news li:after{content: "";height: 2px;display: inline-block;width: 0;position: absolute;left: 0;top: 158px;background: #085da0;transition: all .3s;}
.news li:hover:after{width: 100%;transition: all .3s;}
.news li:hover .left h3{color: #085da0;padding-left: 28px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li:hover .right h4,.news li:hover .right p{font-style: italic;color: #9ea7ae;transition: all .3s;}
.news li .left{overflow: hidden;padding:0 20px;}
.news li .right{overflow: hidden;border-left: 2px solid #f1f1f1;}
.news li .left h3{font-size: 20px;color: #404646;margin-bottom: 10px;transition: all .3s;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news li .left p{font-size: 14px;line-height: 28px;color: #9ea7ae;}
.news li .right h4{font-size: 50px;color: #085da0; margin: 0;text-align: center;font-weight: 200;transition: all .3s;}
.news li .right p{font-size: 16px;color: #9ea7ae;margin: 0;margin-left: 60px;font-weight: 200;transition: all .3s;}


#newTitle{color:#333;font-size:24px;text-align:center; padding: 25px 0 5px 0; overflow: hidden;}
#newsContent{margin-bottom:16px;}
#newsInfo{ text-align: center; color: #999; font-size: 12px; margin-bottom:26px;}
#prev_next{ width: 95%; margin: 0 auto; padding: 35px 0 20px 0; overflow: hidden;}
#prev_next li{ width: 50%; float: left;}

.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 20px 0;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;margin-left: 5px;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{ display: none; font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}
label{ max-width: none; }


.cont{ width: 100%; padding: 15px 0; overflow: hidden;}
.cont .hd{ width: 100%; height: 58px; margin: 10px 0;  font-size: 22px;  font-weight: 700; color: #202739; overflow: hidden;}
.cont .md{ border: 1px solid #dedede; padding: 10px 20px;}
.cont .bd{ height: auto; padding: 10px; border-bottom: 1px solid #dedede; overflow: hidden;}
.cont .bd .img{ width: 30%; float: left; padding-top: 20px; text-align: center; }
.cont .bd .txt{ width: 69%; float: right; padding-top: 20px; }
.cont .bd .txt li{width: 100%;height: 31px;color: #555;line-height: 31px; background: #f1f1f1;margin-bottom: 3px;padding-left: 20px;transition: 0.4s all;}
.cont .bd .txt li a{ color: #898989; }
.cont .bd .txt li:hover{background: #f47b00; color: #fff; padding-left: 25px; }
.cont .bd .txt li:hover a{ color: #fff; }



video{width: 80%;height: 600px}




/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
    body{ font-size: 12px; line-height: 20px;}
    #dituContent{ height:300px; }
    .m-top-bg{overflow: hidden; margin-top: 500px;}

    
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
    video{width: 800px;height: 600px;text-align: center;}
    body{ font-size: 14px; line-height: 22px;}
    .footer{  margin-bottom: 0;}
    .end{  margin-bottom: 0;}

    .m-product .hd{ padding-top: 209px;}
    .m-product .bd{ padding-top: 55px;}
    .m-company{  height: 947px; padding: 35px 0; }
	.m-company .bd ul{ width: 500px; float: left; margin: 300px 0 0 30px;}
    .m-scsl .md{ font-size: 18px;}
    .picScroll-left .hdd{top:195px;}
    .picScroll-left .bdd ul li img{ height: 500px;}
    .videobox .o2 li{ padding-bottom: 30px;}
    .m-case-list{ width: 30.3%; float: left; margin:0 1%;}
    .m-case-box .md{  font-size: 18px;}
    .p1{ width: 20%; float: left;}
    .mplist li{ width: 100%;margin: 0 0 5px 0;}
    .m-p-more ul{ width: 30.3%;}
    .m-news .hd .nw1{ width: 30%; float: left;}
    .m-news .md .img{ width: 38%;}
    .m-news .md .txt{ width: 37%; float: left; padding-left: 3%;}
    .m-news .md .txt .title{ font-size: 18px;  padding: 30px 0 5px 0;}
    .m-news .md .txt .time{ padding: 15px 0; font-size: 14px;}
    .m-news .md .txt .content{ padding: 35px 0; line-height: 32px;}
    #indexPro1{ height: 460px;}
    #indexPro1 li{ width: 328px; height: 458px;}
    #indexPro1 li .img img{ width: 320px; height: 210px;}
    #indexPro1 li .title{padding-top: 20px;}
    #indexPro1 li .title a{  font-size: 16px;}
    #indexPro1 li .time{ font-size: 16px;}
    #indexPro1 li .content{ width: 80%; margin: 0 auto; height: 100px; padding-top: 20px; line-height: 26px;}
    #indexPro1 li .more{ width: 127px; height: 42px;line-height: 42px; }
    .f-ctxt{ width: 50%;}
    .f-link{ width: 50%;}
    .f-hd{ padding: 15px 0 40px 0; overflow: hidden;}
    .plist img{ height: 200px;}
    #dituContent{ height:400px; }
    .company-banner .hd{  top:150px; font-size: 35px; height: 80px; line-height: 35px}
    .company-banner .hd span{ font-size: 14px;}
    .ff-nav{height:50px;}
    .ff-nav li{ width: 15%; line-height: 50px;}
    .ff-nav li a{ height: 50px; }
    .c-b-top{padding: 35px 0;overflow: hidden;}
    .c-b-top .hd{  font-size: 45px;}
    .c-b-top .bd{ padding-top: 75px;}
    .c-b-top .bd li{ width: 22%; margin: 0 1%;}
    .c-b-top .bd li .numCX{font-size: 40px; padding-bottom: 15px;}
    .c-b-top .bd li .unitC{font-size: 14px;}
    .c-b-top .bd li .indc{ padding: 15px 0;  font-size: 16px;}
    .c-b-top .bd li .indc span{  font-size: 12px;}
    .c-b-c-box .txt .hd{ padding-top: 45px;}
    .p-banner .hd{ top:120px; font-size: 40px; height: 80px; line-height: 35px}
    .p-banner .hd span{ font-size: 14px;}
    .ccplist li{ width: 23%;}
    .i-plist a .tt2{ font-size: 20px;}
    #c-picULs a .pics_01 img{ height: 200px; }
	.m-top-bg{margin-top: 315px;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1400px){ 
    body{ font-size: 14px; line-height: 24px;}
    .footer{  margin-bottom: 0;}
    .end{  margin-bottom: 0;}

    .m-product .hd{ padding-top: 258px;}
    .m-product .bd{ padding-top: 55px;}
    .m-company{  height: 947px; padding: 35px 0; }
	.m-company .bd ul{ width: 500px; float: left; margin: 300px 0 0 30px;}
    .m-scsl .md{ font-size: 18px;}
    .picScroll-left .hdd{top:195px;}
    .picScroll-left .bdd ul li img{ height: 500px;}
    .videobox .o2 li{ padding-bottom: 30px;}
    .m-case-list{ width: 31.3%; float: left; margin:0 1%; }
    .m-case-box .md{  font-size: 18px;}
    .p1{ width: 20%; float: left;}
    .mplist li{ width: 100%; margin: 0 0 5px 0;}
    .m-p-more ul{ width: 30.3%;}
    .m-news .hd .nw1{ width: 30%; float: left;}
    .m-news .md .img{ width: 38%;}
    .m-news .md .txt{ width: 37%; float: left; padding-left: 3%;}
    .m-news .md .txt .title{ font-size: 18px;  padding: 30px 0 5px 0;}
    .m-news .md .txt .time{ padding: 15px 0; font-size: 14px;}
    .m-news .md .txt .content{ padding: 35px 0; line-height: 32px;}
    #indexPro1{ height: 460px;}
    #indexPro1 li{ width: 328px; height: 458px;}
    #indexPro1 li .img img{ width: 320px; height: 210px;}
    #indexPro1 li .title{padding-top: 20px;}
    #indexPro1 li .title a{  font-size: 16px;}
    #indexPro1 li .time{ font-size: 16px;}
    #indexPro1 li .content{ width: 80%; margin: 0 auto; height: 100px; padding-top: 20px; line-height: 26px;}
    #indexPro1 li .more{ width: 127px; height: 42px;line-height: 42px; }
    .f-ctxt{ width: 50%;}
    .f-link{ width: 50%;}
    .f-hd{ padding: 15px 0 40px 0; overflow: hidden;}
    .plist img{ height: 200px;}
    #dituContent{ height:600px; }
    .company-banner .hd{  top:200px; font-size: 40px; height: 80px; line-height: 35px}
    .company-banner .hd span{ font-size: 14px;}
    .ff-nav{height:60px;}
    .ff-nav li{ width: 15%; line-height: 60px;}
    .ff-nav li a{ height: 60px; }
    .c-b-top{padding: 35px 0;overflow: hidden;}
    .c-b-top .hd{  font-size: 45px;}
    .c-b-top .bd{ padding-top: 75px;}
    .c-b-top .bd li{ width: 22%; margin: 0 1%;}
    .c-b-top .bd li .numCX{font-size: 40px; padding-bottom: 15px;}
    .c-b-top .bd li .unitC{font-size: 14px;}
    .c-b-top .bd li .indc{ padding: 15px 0;  font-size: 16px;}
    .c-b-top .bd li .indc span{  font-size: 12px;}
    .c-b-c-box .txt .hd{ padding-top: 45px;}
    .p-banner .hd{ top:150px; font-size: 40px; height: 80px; line-height: 35px}
    .p-banner .hd span{ font-size: 14px;}
    .ccplist li{ width: 23%;}
	.i-plist a .tt2{ font-size: 20px;}
	#c-picULs a .pics_01 img{ height: 220px; }
	.m-top-bg{margin-top: 505px;}
}