body { background:#fff; font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; font-size: 1rem; line-height: 2rem;color: #555;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
a:hover{color:#f00;  text-decoration:none; transition: 0.4s;font-family: "SourceHanSansCN-Regular",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{
    font-family: "SourceHanSansCN-Regular";
    src:url(../fonts/SourceHanSansCN-Regular.otf);
 }
label{ max-width: none; }
/*--- header ---*/

.welcome{ height: 30px; line-height: 30px; background: #f4f2f2; overflow: hidden;}
.welcome .txt{ width: 100%; text-indent: 15px; font-size: 13px; color: #999;}
h1{width: 100%; text-indent: 15px; font-size: 13px; color: #999; line-height: 30px;}
.fav{ width: 35%; float: right; overflow: hidden;}
.fav li{ width: 33.3%; float: left;}
.fav li span{ font-size: 20px;}
.ff1 span{ position: relative; top: 4px;}


.header{ padding: 13px 0;}
.header .logo{ width: 35%; float: left; padding-top: 9px; overflow: hidden;}
.header .nav{ width: 64%; float: right;}
dl{margin-bottom: 0;}
.menuBox {z-index: 9;position: relative;}
.menuDl { position: relative;}
.menuDl:after { display: block; content: ""; clear: both;}
.menuDl dd { display: inline; float: left;width: 12.5%;position: relative;text-align: center;z-index: 3;}
.menuDl dd span a {display: block;height: 76px;overflow: hidden;line-height: 76px;color: #202020;font-size: 15px; position: relative;-webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;}
.menuDl dd span a:hover {color: #0066cc;}
.menuDl dd.hover span a { color: #07913a;}
.menuDl dd span a i { display: none; width: 100%;height: 2px;overflow: hidden;background: #d6000f;position: absolute;left: 0px;bottom: 0px;}
.menuDl dd.hover span a i { display: block;}
.menuDl dd .div_a {width: 100%; overflow: hidden; position: absolute;top: 102px;left: 0;z-index: 99;background: #fff;display: none;}
.menuDl dd .div_a a {display: block; height: 35px; overflow: hidden; text-align: center; line-height: 35px; text-align: center; color: #333333; font-size: 14px;}
.subMenuDiv { display: none; width: 100%; position: absolute;top: 100px;z-index: 1;}
.menuDl dd.hover .subMenuDiv {z-index: 3;}
.menuDl dt {width: 100%;height: 100%; overflow: hidden; position: absolute;left: 0px;bottom: 0px;z-index: 2;}
.menuDl dd span.yj a:after {display: block; content: "";  position: absolute;width: 5px;height: 14px;left: 50%;top: -14px;margin-left: 3px;margin-top: -25px;background: url(../images/em1.png) center center;transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.menuDl dd span.yj a:before {display: block;content: ""; position: absolute;  width: 5px;height: 14px;left: 50%;bottom: -14px; margin-left: -5px; margin-bottom: -25px;background: url(../images/em1.png) center center;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.menuDl dd:hover span.yj a:after { left: 50%; top: 50%; margin-left: 3px; margin-top: -25px;}
.menuDl dd:hover span.yj a:before { left: 50%; bottom: 50%; margin-left: -2px;margin-bottom: -25px;}
.menuDl dd.hover span.yj a:after {left: 50%;top: 50%; margin-left: 3px;margin-top: -25px;}
.menuDl dd.hover span.yj a:before {left: 50%;bottom: 50%; margin-left: -2px; margin-bottom: -25px;}
.line{ height: 35px; background: #f6ab00; line-height: 35px; overflow: hidden;}

.keywords{ width: 100%; color: #fff;}
.keywords span{ font-weight: 700;}
.serch{ width: 215px; height: 34px; border: 1px solid #fff; float: right; margin-top: 8px;}
.search-text{ width: 170px;float: left; height: 34px; text-indent: 10px; line-height: 35px; background: none; border: none;outline: none;}
.go{ width: 34px;height: 34px; float: right; padding: 0; background: url(../images/go.png) no-repeat center center; border: none;}
.serch input::-webkit-input-placeholder {
  color: #fff;
}
.serch input::-moz-input-placeholder {
  color: #fff;
}
.serch input::-ms-input-placeholder {
  color: #fff;
}

.companybanner{ width: 100%; height: 450px; background: url(../images/nbanner.jpg) no-repeat top center;}
.cm1{ width: 70px; height: 2px; background: #fff; margin-top: 62px;}
.cm2{ margin-top: 22px;}
.cm3{ color: #fff; margin: 10px 0; font-weight: 700; font-size: 50px; line-height: 75px;}
.cm4{ color: #fff; font-size: 16px;}


#menu dl dd ul {left: -999em; width: 92px; position: absolute; background: #fff;}
#menu dl dd ul li{width: 92px;  line-height: 35px; height:35px;}
#menu dl dd ul li a{display: block; width: 92px;w\idth: 92px; font-size: 13px; text-align:center; color:#000; text-indent:0; height:35px;}
#menu dl dd ul li a:hover{color:#fff; background: #0066cc; height:35px;}
#menu dl dd:hover ul {left: auto;}
#menu dl dd.sfhover ul {left: auto;}

/*--- wap-header ---*/
.w-wap{ padding: 20px 0; overflow: hidden;}
.w-logo{ width: 80%; float: left;}
.w-logo img{max-width: 100%;}
.h-right{width: 3rem;height:2.35rem;float: right;margin: 2rem 0 0 0;}
.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;}
/*--- banner ---*/
.com_banner{padding: 30px 0px;}
.com_bant{ font-size: 24px; color: #fff;  font-weight: 700; margin: 20px 0;}
.com_banft{ font-size: 12px; color: #fff; margin: 20px 0;}
.com_banmt{ margin: 25px 0; width: 70px; height: 2px; background: #fff;}
#com_banner1{background: url(../images/banner1.jpg) no-repeat top center; background-size:auto 100%; background-attachment: fixed;}
#com_banner2{background: url(../images/productbanner.jpg) no-repeat top center; /*background-size:auto 100%;*/ background-attachment: fixed;}
#com_banner3{background: url(../images/slysbanner.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: 160px 0px 100px 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; }
}

/*--- main ---*/
.ys{ background: #0066cc; overflow: hidden;}
.yslist{ width: 20%; float: left; padding: 35px 0 35px 25px; color: #fff; font-size: 14px; line-height: 35px; overflow: hidden;}
.yslist1{font-size: 18px; margin-bottom: 15px;}
.yslist1 span{ font-size: 28px;}
.yslist:hover{ background: #f6ab00; transition: 0.4s;}
.yslist:hover .yslist1{text-indent: 10px; transition: 0.4s;}
.yslist:hover .yslist2{text-indent: 10px; transition: 0.4s;}

.w-ys{ background: #0066cc; overflow: hidden;}
.w-yslist1{ width: 90%; margin: 0 auto; padding: 10px 0; color: #fff; font-size: 14px; line-height: 30px; overflow: hidden;}
.yslist3{ font-size: 16px; margin-bottom: 8px;}
.yslist3 span{ font-size: 18px;}


.m-product{ background: #eee; padding: 15px 0; overflow: hidden;}
.m-product .hd{text-align: center; padding-bottom: 30px; overflow: hidden;}
.hd1{ font-size: 22px; line-height: 40px; color: #1b1b1b;}
.hd2{ font-size: 14px; line-height: 30px; padding: 8px 0; color: #1b1b1b;}
.hd3{ height: 3px; overflow: hidden; background: url(../images/m-p-hd-bg.jpg) repeat-x; overflow: hidden;}
.hd4{ width: 50px; height: 3px; background: #0066cc; margin: 0 auto;}
.m-product .hd:hover .hd4{ width: 100px;  transition: 0.6s;}
.m-product .md{overflow: hidden;}
.m-product .md ul{ width: 100%; margin: 0 auto; padding-bottom: 10px; overflow: hidden;}
.m-product .md ul li{ width: 33.3%; float: left; height: 40px; line-height: 40px; overflow: hidden; text-align: center; margin-bottom: 5px;}
.m-product .md ul li a{ display: block; width: 90%; margin: 0 auto; height: 40px; background: #fff; font-size: 13px; color: #292929;}
.m-product .md ul li a:hover{ background: #0066cc; color: #fff; }

.m-product .bd{ padding: 14px 0; overflow: hidden;}

.m-p-list{ margin-bottom: 10px;}
.mpbox{ background: #fff; padding: 10px; overflow: hidden;}
.mpbox .img{ width: 45%; float: left; text-align: center;}

.mpbox .img img{ max-width: 100%;}
.mpbox .txt{ width: 52%; float: right; padding-top: 1px;}

.mpbox .txt .title{ font-size: 16px; color: #222;margin-bottom: 5px;}
.mpbox .txt .content{ background: url(../images/dian.png) no-repeat left center; text-indent: 10px; line-height: 20px; font-size: 13px; color: #6e6e6e;}
.mpbox:hover{ background: #0066cc;}
.mpbox:hover .img img{ transform: scale(1.05); transition: all 0.3s;}
.mpbox:hover .txt{  transition: all 0.3s;}
.mpbox:hover .txt .title{ color: #fff;}
.mpbox:hover .txt .content{background: url(../images/dian1.png) no-repeat left center;color: #fff;}
.m-product .more{ width: 250px;  margin: 0 auto;}
.m-product .more a{ display: block; width: 234px; height:49px;  font-size: 16px; line-height: 40px; text-align: center; background: #0066cc; border: 6px solid #99c2eb; color: #fff; border-radius: 30px;}
.m-product .more a:hover{ background: #f6ab00; border: 6px solid #ffd983;}
.m-company{ background: url(../images/m-company.jpg) no-repeat top center; overflow: hidden;}
.m-about{ margin: 25px 0; overflow: hidden;}
.cmlist1{ padding-bottom: 20px; overflow: hidden;}
.cmlist11{ color: #fff; font-size: 24px; margin-bottom: 14px; line-height: 25px;}
.cmlist22{ color: #fff; line-height: 26px; font-size: 14px;}
.numCount{padding: 20px 0; border-top: 2px solid #5f9fdf; border-bottom: 2px solid #5f9fdf; overflow: hidden;}
.numCount li{ float: left; width: 33.3%; text-align: center;}
.numCount .cc{ border-right: 1px solid #fff;}
.numCount li .item{}
.numCount li .numU{  color: #fff; line-height:1.3;}
.numCount li .numCX{ font-size: 30px; color:#fff;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3;}
.numCount li .indc{ color: #fff; font-size: 12px;}
.cmlist3{ width: 140px; height: 40px; overflow: hidden; margin-top: 15px;}
.cmlist3 a{ display: block; width: 100%; height: 40px; padding: 5px 10px; text-align: center; line-height: 30px; color: #fff; background: #f6ab00;}
.cmlist3 a:hover{ background: #0066cc;  border: 1px solid #fff;}
.m-c-img{ margin-top: 10px; text-align: center; overflow: hidden;}

.m-honor{ background: #fff; padding: 20px; overflow: hidden;}
#indexPro{ width: 100%; height:180px; overflow:hidden;}
#indexPro li{width:240px; border: 1px solid #dedede; height:180px; margin-right: 20px; float:left; text-align:center;}
#indexPro li img{width:230px; height:170px; object-fit:cover; padding: 5px;}
#indexPro li a:hover img{ transform: scale(1.10); transition: all 0.3s;}

.m-case{ padding: 15px 0; overflow: hidden;}
.m-case .hd{ text-align: center;}
.m-case .bd{ margin-top: 20px; overflow: hidden;}
.m-case .bd ul .img{ width: 100%; text-align: center; overflow: hidden;}
.m-case .bd ul .img img{ max-width: 100%;}
.m-case .bd ul a:hover .img img{ transform: scale(1.05); transition: all 0.3s;/* animation: swing 1s;*/}
.m-case .bd ul .txt{ height: 238px; padding: 15px; background: #eee; color: #737373; font-size: 12px;}
.m-case .bd ul .txt p{ color: #0066cc; font-size: 14px; margin-bottom: 8px;}
.m-case .bd ul a:hover .txt{ background: #0066cc; color: #fff;transition: all 0.3s;}
.m-case .bd ul a:hover .txt p{ color: #fff;transition: all 0.3s;}

.m-network{ background: #0066cc; padding: 15px 0; overflow: hidden;}
.m-network .hdd{ text-align: center; padding-bottom: 5px; overflow: hidden;}

.hd5{ font-size: 22px; line-height: 40px; color: #fff;}
.hd6{ font-size: 14px; line-height: 30px; padding: 8px 0; color: #fff;}
.hd7{ height: 3px; overflow: hidden; background: url(../images/three.png) repeat-x; overflow: hidden;}
.hd8{ width: 50px; height: 3px; background: #f6ab00; margin: 0 auto;}
.m-network .hdd:hover .hd8{ width: 100px;  transition: 0.6s;}
.m-network .bdd{ padding-top: 22px; overflow: hidden;}

.picMarquee-left{ width:100%; height: 223px;}
.picMarquee-left .hd{width: 5%; text-align: center; float: left; margin-top: 100px;}
.picMarquee-left .hd span{ font-size: 35px; color: #fff;}
.picMarquee-left .hd .prev{}
.picMarquee-left .hd .next{}
.picMarquee-left .bd{ width: 90%; float: left; overflow: hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width: 33.3%; overflow: hidden; height: 223px; float: left;}
.wap-left{ width:100%; height: 223px;}
.wap-left .hd{width: 10%; text-align: center; float: left; margin-top: 100px;}
.wap-left .hd span{ font-size: 32px; color: #fff;}
.wap-left .hd .prev{}
.wap-left .hd .next{}
.wap-left .bd{ width: 80%;float: left; overflow: hidden;}
.wap-left .bd ul{ overflow:hidden; zoom:1; }
.wap-left .bd ul li{ width: 100%; overflow: hidden; height: 223px; float: left; text-align: center;}
.view { width: 280px; margin: 0 auto; height: 223px; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask, .view .content { width: 280px; height: 223px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { width: 100%; height: 223px; display: block; position: relative; }
.view a.info { background: url(../images/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 41px; height: 41px; }

.third-effect .mask { opacity: 0; overflow: visible; border: 120px solid rgba(246, 171, 0, 0.6); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative; top: -25px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border: 120px solid rgba(246, 171, 0, 0.6); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }

.m-news{ padding: 25px 0; overflow: hidden;}
.m-news .hd{ text-align: center; padding-bottom: 30px; overflow: hidden;}
.m-news .hd:hover .hd4{ width: 100px;  transition: 0.6s;}
.m-news .bd{ padding-top: 20px; overflow: hidden;}
.newsbox{ margin-bottom: 15px; overflow: hidden;}

.newsbox .img{ width: 130px; float: left;}
.newsbox .img img{ width: 130px; height: 97px;}
.newsbox a:hover .img img{  transform: scale(1.05); transition: all 0.3s;}

.newsbox .txt{ width: calc(100% - 140px);  height: 97px; float: right; padding-bottom: 10px;}

.newxbox1{ padding-top: 1px; height: 21px; overflow: hidden; font-size: 13px; color: #121212;}
.newxbox2{ width: 90%; margin: 8px 0; color: #414141; line-height: 20px;}
.newxbox3{ color: #7a7a7a;}
.newxbox3 span{ color: #f6b111; font-size: 20px;}
.newsbox a:hover .txt{ padding-left: 10px; background: #0066cc; transition: all 0.3s;}
.newsbox a:hover .newxbox1{ color: #fff;}
.newsbox a:hover .newxbox2{color: #fff;}
.newsbox a:hover .newxbox3{ color: #fff;}
.newsbox a:hover .newxbox3 span{ color: #fff;}
.m-news .more{ width: 250px; height: 65px; margin: 0 auto; padding: 20px 0;}
.m-news .more a{ display: block; width: 234px; height:49px;  font-size: 16px; line-height: 40px; text-align: center; background: #0066cc; border: 6px solid #99c2eb; color: #fff; border-radius: 30px;}
.m-news .more a:hover{ background: #f6ab00; border: 6px solid #ffd983;}
/*--- about ---*/ 
.cline{ border-bottom: 1px solid #e9e9e9; height: 60px; line-height: 60px; overflow: hidden;}
.c-l-list{ width: 100%; float: left;}
.c-l-list li{ width: 33.3%; float: left; text-align: center;}
.c-l-list li a{ display: block; width: 100%; height: 60px; color: #000; font-size: 16px;}
.c-l-list li a:hover{ background: #0066cc; color: #fff;}
.cccname{ width: 120px; height: 60px; float: left; text-align: center; line-height: 60px; background: #0066cc; color: #fff; font-size: 16px;}
.catname{ width: 50%; float: right; text-align: right; }
.catname span{ margin-right: 8px; position: relative; top:-2px;}

.catname2{text-indent: 10px; }
.catname2 span{ margin-right: 8px; position: relative; top:-2px;}

.gsjj{ padding-top: 45px; overflow: hidden;}
.gsjj .hd{ width: 100%; overflow:visible; position:relative; padding: 25px 0; overflow: hidden;}
.gsjj1{ width: 100%; height: 50px; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:999; color: #0066cc; font-weight: 700; font-size: 20px;}
.gsjj2{ width: 100%; height: 50px; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:998; color: #f2f2f2; font-weight: 700; font-size: 35px;}
.gsjj .hd{padding: 25px 0; overflow: hidden;}
.g1{ font-size: 16px; line-height: 35px; overflow: hidden;}
.gg{ width: 95%; margin:0 auto; overflow: hidden;}
.ggg{ width: 100%; height: 94px;  margin-bottom: 30px; overflow: hidden;}
.gggt{ width: 100%; height: 92px; overflow: hidden;}
.gggt .wz{ width: 45%; float: left; padding-top: 10px; font-size: 14px; color: #000; line-height: 30px;}
.gggt .wz span{ font-size: 40px; color: #0066cc; font-weight: 700;}
.ggg:hover .gggt .wz span{ font-size: 40px; color: #000; font-weight: 700;  transition: all 0.3s;}
.gggt .ct{ width: 50%; float: right; padding-top: 25px; text-align: right;}
.gggt .ct span{ font-size: 72px; color: #707070}
.ggg:hover .gggt .ct span{ color: #000;}
.gggb{ width: 100%; height: 2px; overflow:visible; position:relative;}
.gggb .l1{ width: 20%; height: 2px; background: #0066cc; overflow:hidden; position: absolute; left:0; top:0; z-index:999}
.gggb .l2{ width: 100%; height: 1px; background: #8e8d8d; overflow: hidden; position: absolute; left:0; top:1px; z-index:999}
.ggg:hover .gggb .l1{ width: 100%;  transition: all 0.3s;}
.qywh{ padding: 35px 0; overflow: hidden;}
.qywh .hd{ width: 100%; overflow:visible; position:relative; padding: 25px 0; overflow: hidden;}
.qy1{ width: 100%; height: 50px; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:999; color: #0066cc; font-weight: 700; font-size: 20px;}
.qy2{ width: 100%; height: 50px; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:998; color: #f2f2f2; font-weight: 700; font-size: 35px;}
.qywh .bd{ width: 100%; margin-top: 35px; overflow: hidden; background: url(../images/qywh.jpg) no-repeat top center; padding: 35px 0; color: #fff; line-height: 32px; font-size: 18px;}
.qyc{ font-size: 20px; font-weight: 700;}

.honor{padding: 35px 0; overflow: hidden;}
.honor .hd{ width: 100%; overflow:visible; position:relative; padding: 35px 0; overflow: hidden;}
.ho1{ width: 100%; text-align: center; height: 50px; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:999; color: #0066cc; font-weight: 700; font-size: 20px;}
.ho2{ width: 100%; height: 50px; text-align: center; line-height: 50px; overflow:hidden; position: absolute; left:0; top:0; z-index:998; color: #f2f2f2; font-weight: 700; font-size: 35px;}
.honor .bd{ padding-top: 15px; overflow: hidden;}
.hlist{overflow: hidden;}
.hlist ul{ margin-bottom: 20px; border: 1px solid #e9e9e9; overflow: hidden;}
.hlist ul .img{ width: 100%;overflow: hidden;}
.hlist ul .img img{ width: 100%; height: 150px;}
.hlist ul .txt{ width: 100%; height: 60px; line-height: 60px; text-align: center; color: #000; background: #e9e9e9;}
.hlist ul:hover{ border: 1px solid #0066cc;}
.hlist ul:hover .img img{  transform: scale(1.05); transition: all 0.3s;}
.hlist ul:hover .txt{ background: #0066cc; color: #fff;}

.btn_gold{
  font-size: 16px;
  color: #585858;
  border:1px solid #585858;
  width: 184px;
  height: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0 auto;
}
.btn_gold span{
  text-align: left;
  line-height: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

.btn_gold:hover span{
  color: #fff;

  -webkit-transition: 350ms 350ms all ease;
  -moz-transition: 350ms 350ms all ease;
  -ms-transition: 350ms 350ms all ease;
  -o-transition: 350ms 350ms all ease;
  transition: 350ms 350ms all ease;
}
.btn{
  cursor: pointer;
  display:block;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  position: relative;
  overflow: hidden;
}
.btn span{
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width:100%;
  display: block;
  text-align: center;
  z-index: 10;

}
.btn_black{
  background: #585858;
  margin-right: 5px;
}
.btn:before,.btn:after{
  display:block;
  content: '';
  position: absolute;
  width:20px;
  height: 20px;
  top:50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
@keyframes btnleft{
  0%{
    left:-20px;
    border-radius: 50%;
  }
  60%{
    width:20px;
    height: 20px;
    border-radius: 50%;
    left:calc(50% - 20px);
  }
  66%{
    width:0px;
    height: 100%;
    border-radius: 0;
    left:initial;
    right:50%;
  }
  100%{
    width:50%;
    height: 100%;
    border-radius: 0;
    left:initial;
    right:50%;
  }
}

@keyframes btnright{
  0%{
    left:100%;
    border-radius: 50%;
  }
  60%{
    width:20px;
    height: 20px;
    border-radius: 50%;
    left:50%;
  }
  66%{
    width:0px;
    height: 100%;
    border-radius: 0;
    left:50%;
  }
  100%{
    width:50%;
    height: 100%;
    border-radius: 0;
    left:50%;
  }
}
.btn:before{
  left:-20px;
}
.btn:after{
  left:100%;
}
.btn:hover:before{
  -webkit-animation: btnleft 800ms linear 0s 1 normal;
  -o-animation: btnleft 800ms linear 0s 1 normal;
  animation: btnleft 800ms linear 0s 1 normal;
  animation-fill-mode: forwards;
}
.btn:hover:after{
  -webkit-animation: btnright 800ms linear 0s 1 normal;
  -o-animation: btnright 800ms linear 0s 1 normal;
  animation: btnright 800ms linear 0s 1 normal;
  animation-fill-mode: forwards;
}
.btn:before,.btn:after{
  background: #585858;
}
.btn_black:before,.btn_black:after{
  background: #585858;
}
/*--- sidebar ---*/ 
.product{ padding: 15px 0; overflow: hidden;}
.plist{overflow: hidden;}
.plist li{ height: 44px; line-height: 42px; color: #0066cc;  font-size: 22px; margin-bottom: 15px; overflow: hidden;}
.plist li a {
  display: block;
  width: 90%;
  height: 42px;
  background: #0066cc;
  text-align: center;
  line-height: 42px;
  position: relative;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}
.plist a span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  z-index: 2;
  position: relative;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}
.plist li a:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  width: 100%;
  height: 100%;
  background: #ffae00;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}
.plist li a:hover {
  background: #ffae00;
}
.plist li a:hover span {
  color: #fff;
}
.plist li a:hover:before {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}


/*--- productbox ---*/ 
.s2 {
    overflow: hidden;
    background-attachment: fixed;
}

.s2 .s2_1_dot .swiper-pagination-bullet {
    margin-right: 5px;
}

.s2 .s2_pro_banner {
    display: none;
}

.s2 .s2_main {
    margin-top: 8px;
}

.s2 .s2_main .s2_swiper {
    height: 250px;
    width: 100%;
    margin-bottom: 15px;
}

.s2 .s2_main .s2_swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a .cat {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
              /* Firefox */
    -webkit-box-sizing: border-box;
              /* Safari*/
    padding-left: 15px;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a .cat img {
    width: 120px;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a .cat span {
    display: block;
    font-family: "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 16px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a .pic {
    width: 100%;
    height: 100%;
}

.s2 .s2_main .s2_swiper .swiper-wrapper .swiper-slide a .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

.s2 .s2_main:after {
    content: '';
    clear: both;
    overflow: hidden;
    display: block;
    width: 0;
    height: 0;
}

.s2 .s2_main li {
    width: 32.3%;
    float: left;
    margin-right: 1%;
    height: 300px;
    margin-bottom: 25px;
    position: relative;
}

.s2 .s2_main li:hover .cat {
    right: 0%;
    bottom: 50%;
    display: block;
    width: 100%;
    text-align: center;
}

.s2 .s2_main li:hover .pic img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.s2 .s2_main li:hover .mask {
    opacity: 1;
}

.s2 .s2_main li:hover .mask .more {
    opacity: 1;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.s2 .s2_main li:hover .mask:after {
    width: 90%;
    height: 90%;
    opacity: 1;
}

.s2 .s2_main li a {
    width: 100%;
    height: 100%;
    display: block;
}

.s2 .s2_main li a .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.s2 .s2_main li a .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
            /* Firefox 4 */
    -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
            /* Opera */
}

.s2 .s2_main li a .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 102, 204, 0.8);
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
          /* Firefox 4 */
    -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
          /* Opera */
}

.s2 .s2_main li a .mask .more {
    position: absolute;
    top: 50%;
    left: 0%;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    font-weight: lighter;
    opacity: 0;
    transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
            /* Firefox 4 */
    -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
            /* Opera */
}

.s2 .s2_main li a .mask:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 99%;
    height: 99%;
    border: 1px solid #fff;
    z-index: 2;
    background: none;
    opacity: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
            /* Firefox 4 */
    -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
            /* Opera */
}

.s2 .s2_main li a .cat {
    height: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 5;
    right: 20px;
    bottom: 20px;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
          /* Firefox 4 */
    -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
          /* Opera */
}


.s2 .s2_main li:nth-child(2n) {
    margin-right: 1%;
}

.s2_pro_banner .swiper-slide {
    float: left;
    overflow: hidden;
    margin-bottom: 3px !important;
}

.s2_pro_banner .swiper-slide .cat {
    padding-left: 0 !important;
    line-height: 0 !important;
    height: 30px !important;
}



.s2_pro_banner .swiper-slide .cat .my_span {
    display: inline-block !important;
    font-size: 14px !important;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.s2_pro_banner .add_swiper1 {
    width: 49.5% !important;
    height: 120px !important;
    margin-right: 1%;
}

.s2_pro_banner .add_swiper1 .cat {
    bottom: auto !important;
    top: 0 !important;
}

.s2_pro_banner .add_swiper2 {
    width: 49.5% !important;
    height: 180px !important;
}

.s2_pro_banner .add_swiper2 .cat {
    bottom: auto !important;
    top: 0 !important;
}

.s2_pro_banner .add_swiper3 {
    width: 49.5% !important;
    height: 180px !important;
    transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    margin-right: 10%;
}

.s2_pro_banner .add_swiper4 {
    width: 49.5% !important;
    height: 120px !important;
}



.s2 .s2_main li a .cat1 {
    height: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 5;
    left: 20px;
    top: 20px;
    font-size: 24px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
          /* Firefox 4 */
    -webkit-transition-timing-function: ease;
          /* Safari 和 Chrome */
    -o-transition-timing-function: ease;
          /* Opera */
}

.s2 .s2_main li a .cat1 img {
    margin-top: -11px;
}


.s2 .s2_main li:hover .cat1 {
    left: 40px;
    top: 40px;
}


.sss{ width: 100%; margin: 0 auto;  text-align: center;}
.sss .sssimg{ width: 100%; text-align: center; overflow: hidden;}
.sss .sssimg img{ width: 100%;}
.sss a:hover .sssimg img{ transform: scale(1.05); transition: all 0.3s;/* animation: swing 1s;*/}
.sss .ssstxt{ height: 205px; line-height: 30px; padding: 15px; background: #eee; color: #737373; font-size: 14px;}
.sss .ssstxt p{ color: #0066cc; font-size: 18px; font-weight: 700; margin-bottom: 8px;}
.sss a:hover .txt{ background: #0066cc; color: #fff;transition: all 0.3s;}
.sss a:hover .txt p{ color: #fff;transition: all 0.3s;}


.Upid{ width: 100%;overflow: hidden;}
.Upid li{ text-align: center; line-height: 35px;}
.Upid li img{ padding: 3px; border: 1px solid #dedede;}


.article{ padding: 10px 0; overflow: hidden;}
.article li{ width: 33.3%; float: left; border-right: 1px solid #fff; height: 52px;margin-bottom: 5px; line-height: 52px; overflow: hidden;}
.article li a{ display: block; width: 100%; height: 52px;background: #213655; text-align: center;  color: #fff;}
.article li a:hover{ background: #f00;}

/*--- pinfo ---*/ 
.fh{ padding: 10px 0; overflow: hidden;}
.fh a{ font-size: 16px;}
.p-hot{ overflow: hidden;}
.p-hot .img{ overflow: hidden;}
.p-hot .txt{ padding-top: 25px; overflow: hidden;}
.p-hot .txt .txt1{ font-size: 30px; font-weight: 700; color: #161616;}
.p-hot .txt .txt2{ font-size: 18px; padding-top: 5px;}
.imglist{ padding: 30px 0 10px 0; overflow: hidden;}

.txt5{ width: 100%; height: 46px; margin-top: 15px; overflow: hidden;}
.txt10{ width: 100%;padding: 15px 0; font-size: 24px; color: #e8e8e8; line-height: 24px; font-weight: 700;}

.p-hot .txt .txt3{ width: 50%; float: left; height: 46px; padding-left: 50px; overflow: hidden; background: url(../images/p-t.jpg) no-repeat left center; line-height: 23px;}
.p-hot .txt .txt3 span{ color: #0066cc; font-size: 20px; font-weight: 700;}
.txt4{ width: 50%; float: right; padding-left: 5%; height: 46px; overflow: hidden;}
.txt4 a{ display: block; width: 80%; height: 46px; background: #0066cc; font-size: 20px; color: #fff; text-align: center; line-height: 46px;}
.txt4 a:hover{ background: #e9e9e9; color: #0066cc;}

.p-content{ padding-top: 30px; overflow: hidden;}
.pc1-hd{ width: 100%; height: 60px; background: #e9e9e9; overflow: hidden;}
.pc1-hd p{ width: 185px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #0066cc; overflow: hidden; font-size: 18px;}
/*--- right ---*/ 
.s-right{ background: #e9e9e9; overflow: hidden;}
.s-right .hd{ margin: 10px 0; height: 30px; border-left: 4px solid #0066cc; text-indent: 10px; line-height: 30px; color: #333; font-weight: 700; font-size: 20px;}
.s-right .bd{ background: #fff; width: 96%; margin: 0 auto; padding: 25px 0; margin-bottom: 30px;}
.s-right .bd li{ text-align: center; line-height: 30px;}
.s-right .bd li img{width: 90%;}
.s-right .bd li a{ color: #000;}
.s-right .bd li a:hover{color: #337ab7;}
/*--- sidebar ---*/ 
.sidebar{ overflow: hidden;}
.s-p{ width: 100%; overflow: hidden; }
.s-p .hd{ background: #0066cc; line-height: 80px; color: #fff; font-weight: 700; font-size: 25px; text-align: center;}
.s-p .bd{ padding: 10px; background: #fff; overflow: hidden;}
.s-p .bd ul li{ width: 100%; height: 45px; line-height: 45px; overflow: hidden; margin-bottom: 10px;}
.s-p .bd ul li a{ background:url(../images/plist.png) no-repeat left center; text-indent:30px; display: block; width: 100%; height: 45px;}
.s-p .bd ul li a:hover{background:#0066cc url(../images/plist.png) no-repeat left center; text-indent: 45px; color: #fff; }
.s-order{ width: 100%; padding: 35px 0; background: #0066cc; overflow: hidden; color: #fff; text-align: center;}
.s-order .hd{ font-size: 30px; font-weight: 700; line-height: 32px; margin-bottom: 15px;}
.s-order .hd span{ font-size: 20px; font-weight: 100;}
.s-order .bd{ width: 145px; height: 42px; border: 1px solid #fff; border-radius: 5px; margin: 0 auto; line-height: 42px;}
.s-order .bd a{ color: #fff; font-size: 16px;}
.s-order .bd a:hover{  color: #ff0; text-decoration: underline;}
.s-c .hd{ border-left: 3px solid #2679ba; height: 30px; margin: 15px 0; overflow: hidden; text-indent: 15px; color: #333; font-size: 18px; line-height: 30px;}
.s-c .bd{ padding: 10px; background: #fff; overflow: hidden;}
.s-c .bd li{ line-height: 30px; overflow: hidden;}



/*--- inside ---*/
.warp{padding: 35px 0; overflow: hidden;}
.ctname{ border-bottom: 1px solid #0066cc; padding-bottom: 10px; overflow: hidden;}
.cname{ float: left; font-size: 22px; font-weight: 700; color: #0066cc; line-height: 35px;}
.ccnate{ float: right; float: right;line-height: 35px;}
.ins-p{ width: 90%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.ins-p li{ width: 33.3%; float: left; height: 35px; margin-bottom: 8px; overflow: hidden;}
.ins-p li a{ display: block; width: 90%; margin: 0 auto; height: 35px; text-align: center; color: #fff; line-height: 35px; background: #0066cc;}
.ins-p li a:hover{ background: #00a4f9;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 15px 0;}
.n-n .cp{ width: 100%; background: url(../images/cp.png) no-repeat center center;}
/*--- product ---*/
#picULs{ overflow: hidden; }
#picULs li{ margin-bottom: 15px; outline: none;}
#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{ width: 100%; height: 120px; object-fit: cover;  transition: all 0.3s;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden;  }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#0064ff; color: #fff;  }

/*--- footer ---*/
.footer{ background:#0066cc; overflow: hidden; /*url(../image/footer.jpg) no-repeat top center;*/}
.f-hd{ padding: 20px 0; overflow: hidden; border-bottom: 1px solid #3385d6; overflow: hidden;}
.f-l-1{ width: 10%;}
.f-l-2{ width: 15%; padding-left: 2%;}
.f-l-3{ width: 15%; padding-left: 2%;}
.f-l-4{ width: 12.5%; padding-left: 1%;}
.f-l-5{ width: 12.5%; padding-left: 1%;}
.f-l-6{ width: 25%; padding: 0 1% 0 2%;}
.f-l-7{ width: 10%;}
.f-l-8{ width: 60%;}
.f-l-9{ width: 38%; padding-top: 40px;}
.ffhd{ font-size: 18px; color: #fff; margin-bottom: 18px;}
.ffhd a{font-size: 18px; color: #fff;}
.ffbd{ overflow: hidden;}
.ffbd li{ color: #fff; line-height: 24px;}
.ffbd li a{ color: #fff;}
.ffbd li a:hover{ color: #f3ad00;}
.ffbd li span{ font-size: 15px; font-weight: 700;}

.f-bd{ padding: 20px 0; overflow: hidden;}
.f-bd .hd{ width: 18%; float: left; color: #fff; line-height: 30px; font-size: 14px;}
.f-bd .bd{ width: 80%; float: right;}
.f-bd .bd li{ width: 25%; float: left; line-height: 30px; height: 30px;color: #fff; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.f-bd .bd li a{ color: #fff;}
.f-bd .bd li a:hover{ color: #f3ad00;}

.end{ background: #188cff; line-height: 45px; overflow: hidden; margin-bottom: 7rem; color: #fff; text-align: center;}
.end a{ color: #fff;}
.end a:hover{ color: #0066cc;}

#end{ width:100%; background: #188cff; height: 7rem; position: fixed; bottom:0; z-index: 9999; overflow: hidden;}
#end li{ width: 25%; height: 7rem; 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: #0066cc;}

/*--- Universal ---*/

.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: #555;transition: all .3s;}
.news li .left{overflow: hidden;padding:0 20px;}
.news li .right{overflow: hidden; background: none; 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: #555;}
.news li .right h4{font-size: 50px;color: #085da0; margin: 0;text-align: center; transition: all .3s;}
.news li .right p{font-size: 16px;color: #555;margin: 0;margin-left: 60px; 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;}


#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;}

#dituContent{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.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;}
.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;}



.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; }
.lyxt .txt{  overflow: hidden;}
.lyxt .txt li{ height: 45px; margin-bottom: 5px; line-height: 45px; overflow: hidden;height: 45px; text-indent: 10px; background: #f2f3f8; color: #000;}
.lyxt .txt li:hover{background: #0066cc; color: #fff; text-indent: 20px;  transition: all 0.5s;}
.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: #0066cc; display: inline-block; transition: all 0.3s;}
.companyt:hover .company1ft i{ width: 60px; }

.nlink{ padding: 15px 0; overflow: hidden;}
.nlink li{ text-align: center; line-height: 30px; margin-bottom: 10px;}
.nlink li img{ width: 100%; border: 1px solid #dedede;}
.nlink li a:hover img{ border: 1px solid #0066cc;}


/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
    body{ font-size: 12px; line-height: 20px;}

    
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
    body{ font-size: 14px; line-height: 22px;}
    #picULs a .pics_01 img{ height: 226px;}
    .welcome .txt{ width: 45%; float: left; text-indent: 15px; font-size: 16px; color: #999;}
    h1{ width: 45%; float: left; text-indent: 15px; font-size: 16px; color: #999; line-height: 50px}
    .fav{ width: 45%; float: right; overflow: hidden;}
    .keywords{ width: 60%; float: left;}
    .hd1{ font-size: 33px;}
    .hd2{ font-size: 16px;}
    .hd5{ font-size: 33px;}
    .hd6{ font-size: 16px;}
    .m-product .md ul{ width: 100%;}
    .m-product .md ul li{ width: 12.5%;}
    .m-product .md ul li a{ font-size: 16px;}
    .m-product .bd{ padding: 34px 0; overflow: hidden;}
    .mpbox{ padding: 20px;}
    .mpbox .img{ width: 60%; float: left;text-align: center;}
    .mpbox .txt{ width: 39%; padding: 20px 0 0 10px; float: right;}
    .mpbox .txt .content{  line-height: 30px;}
    .m-about{ margin: 75px 0 50px 0; overflow: hidden;}
    .cmlist1{ padding-bottom: 40px; overflow: hidden;}
    .cmlist11{ font-size: 38px; margin-bottom: 34px; line-height: 38px;}
    .cmlist22{font-size: 15px;}
    .numCount li .numCX{ font-size: 48px;}
    .numCount li .indc{font-size: 15px;}
    .m-case .bd ul .txt{height: 214px; padding: 38px 10px 20px 20px;font-size: 14px;}
    .m-case .bd ul .txt p{  font-size: 18px; margin-bottom: 12px;}
    .newsbox .img{ width: 45%;}
    .newsbox .img img{ width: 235px; height:197px;}
    .newsbox .txt{ width: 54%;height:197px;}
    .newxbox1{ padding-top: 15px; font-size: 18px;  height: auto; }
    .newxbox2{ margin: 18px 0;}
    .newxbox3 span{  font-size: 25px;}
    .end{  margin-bottom: 0;}
    .f-bd .bd{ width: 60%; float: left;}
    .f-bd .hd{width: 13%;  font-size: 18px;}
    .f-hd{ padding: 50px 0 30px 0;}
    .ffhd{ margin-bottom: 38px;}
    .f-bd{ padding: 40px 0;}
    .c-l-list{ width: 30%; float: left;}
    .gsjj1{ height: 60px; font-size: 35px;}
    .gsjj2{ height: 60px; font-size: 65px;}
    .gsjj .hd{padding: 45px 0; overflow: hidden;}
    .qy1{ height: 60px; font-size: 35px;}
    .qy2{ height: 60px; font-size: 65px;}
    .qywh .bd{ line-height: 40px; font-size: 20px;}
    .qyc{ font-size: 22px;}
    .ho1{ height: 60px; font-size: 35px;}
    .ho2{ height: 60px; font-size: 65px;}
    .p-hot .txt{ padding-top: 5px;}
    .p-hot .txt .txt2{ padding-top: 10px;}
    .article li{ width: 16.66%;}
     #dituContent{ height: 400px;}
     .txt10{ font-size: 44px; line-height: 44px;}
     .hlist ul .img img{ width: 100%; height: 320px;}
    .welcome{ height: 50px; line-height: 50px; background: #f4f2f2; overflow: hidden;}
    .line{ height: 50px; background: #f6ab00; line-height: 50px; overflow: hidden;}
    .m-product{ background: #eee; padding: 35px 0; overflow: hidden;}
    .m-product .md ul{ width: 100%; margin: 0 auto; padding-bottom: 34px; overflow: hidden;}
    .mpbox .img{ width: 49%;}
    .mpbox .txt{ width: 49%;}
    .mpbox .txt .title{ font-size: 20px;}
    .mpbox .txt .content{  font-size: 15px; }
    .m-product .more{padding: 20px 0;}
    .m-case{ padding: 45px 0; overflow: hidden;}
    .m-network{ padding: 35px 0;}
    .m-network .hdd{  padding-bottom: 30px;}
    .f-bd .bd{ width: 72%; float: right;}
    .mpbox:hover .txt{ padding-left: 15px;}
    .view { width: 270px;  height: 215px; }
    .view .mask, .view .content { width: 270px; height: 215px; }
    .view img {  height: 215px;}
    .de-page-mian .page-inner span{ display: block; }
    .de-page-mian .page-inner input{display: block; }
    .de-page-mian .page-inner a.page-btn{display: block; }
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
    body{ font-size: 14px; line-height: 24px;}
    #dituContent{ height: 400px;}
    #picULs a .pics_01 img{ height: 226px;}
    .welcome .txt{ width: 45%; float: left; text-indent: 15px; font-size: 16px; color: #999;}
    h1{ width: 45%; float: left; text-indent: 15px; font-size: 16px; color: #999; line-height: 50px}
    .fav{ width: 35%; float: right; overflow: hidden;}
    .keywords{ width: 60%; float: left;}
    .hd1{ font-size: 33px;}
    .hd2{ font-size: 16px;}
    .hd5{ font-size: 33px;}
    .hd6{ font-size: 16px;}
    .m-product .md ul{ width: 100%;}
    .m-product .md ul li{ width: 12.5%;}
    .m-product .md ul li a{ font-size: 16px;}
    .m-product .bd{ padding: 34px 0; overflow: hidden;}
    .mpbox{ padding: 20px;}
    .mpbox .img{ width: 60%; float: left;text-align: center;}
    .mpbox .txt{ width: 39%; padding: 20px 0 0 10px; float: right;}
    .mpbox .txt .content{  line-height: 30px;}
    .m-about{ margin: 75px 0 50px 0; overflow: hidden;}
    .cmlist1{ padding-bottom: 40px; overflow: hidden;}
    .cmlist11{ font-size: 38px; margin-bottom: 34px; line-height: 38px;}
    .cmlist22{font-size: 15px;}
    .numCount li .numCX{ font-size: 48px;}
    .numCount li .indc{font-size: 15px;}
    .m-case .bd ul .txt{height: 214px; padding: 38px 10px 20px 20px;font-size: 14px;}
    .m-case .bd ul .txt p{  font-size: 18px; margin-bottom: 12px;}
    .newsbox .img{ width: 45%;}
    .newsbox .img img{ width: 235px; height:197px;}
    .newsbox .txt{ width: 54%; height:197px; }
    .newxbox1{ padding-top: 15px; font-size: 18px;}
    .newxbox2{ margin: 18px 0;}
    .newxbox3 span{  font-size: 25px;}
    .end{  margin-bottom: 0;}
    .f-bd .bd{ width: 40%; float: left;}
    .f-bd .hd{width: 10%; font-size: 18px;}
    .f-hd{ padding: 50px 0 30px 0;}
    .ffhd{ margin-bottom: 38px;}
    .f-bd{ padding: 40px 0;}
    .c-l-list{ width: 30%; float: left;}
    .gsjj1{ height: 60px;  font-size: 35px;}
    .gsjj2{ height: 60px; font-size: 65px;}
    .gsjj .hd{padding: 45px 0; overflow: hidden;}
    .qy1{ height: 60px; font-size: 35px;}
    .qy2{ height: 60px; font-size: 65px;}
    .qywh .bd{ line-height: 45px; font-size: 22px;}
    .qyc{ font-size: 25px;}
    .ho1{ height: 60px; font-size: 35px;}
    .ho2{ height: 60px; font-size: 65px;}
    .p-hot .txt{ padding-top: 5px;}
    .p-hot .txt .txt2{ padding-top: 10px;}
    .article li{ width: 16.66%;}
    .txt10{ font-size: 44px; line-height: 44px;}
    .hlist ul .img img{ width: 100%; height: 320px;}
    .welcome{ height: 50px; line-height: 50px; background: #f4f2f2; overflow: hidden;}
    .line{ height: 50px; background: #f6ab00; line-height: 50px; overflow: hidden;}
    .m-product{ background: #eee; padding: 35px 0; overflow: hidden;}
    .m-product .md ul{ width: 100%; margin: 0 auto; padding-bottom: 34px; overflow: hidden;}
    .mpbox .img{ width: 49%;}
    .mpbox .txt{ width: 49%;}
    .mpbox .txt .title{ font-size: 20px;}
    .mpbox .txt .content{  font-size: 15px; }
    .m-product .more{padding: 20px 0;}
    .m-case{ padding: 45px 0; overflow: hidden;}
    .m-network{ padding: 35px 0;}
    .m-network .hdd{  padding-bottom: 30px;}
    .f-bd .bd{ width: 85%; float: right; padding-right: 13%;}
    .mpbox:hover .txt{ padding-left: 15px;}
    .view { width: 270px;  height: 215px; }
    .view .mask, .view .content { width: 270px; height: 215px; }
    .view img {  height: 215px;}
    .de-page-mian .page-inner span{ display: block; }
    .de-page-mian .page-inner input{display: block; }
    .de-page-mian .page-inner a.page-btn{display: block; }
}