body { background:#fff; font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;  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; transition: 0.4s;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
/*--- header ---*/
.pc-header{ width:100%; overflow:visible; position:relative;}
.top{ width: 100%; overflow:hidden; position: absolute; left:0; top:30px; z-index:999}
.ntop{ width: 100%; background: #0b86d3; overflow: hidden;}


@media (min-width:992px){ 
  .logo{ width: 35%;  padding: 15px 0 0 15px; float: left;}
  .clogo{ width: 35%;  padding: 15px 0 0 15px; float: left;}
}

@media (min-width:1200px){ 
  .logo{ width: 30%; padding: 15px 0 0 15px; float: left;}
  .clogo{ width: 30%;  padding: 15px 0 0 15px; float: left;}
}


.logo img{ max-width: 100%;}
@media (min-width:992px){ 
  .t-hd{ width: 64%;float: right; height: 105px; background: url(../images/nav.png); overflow: hidden; }
  .ct-hd{ width: 64%;float: right; height: 105px; background: url(../images/nav.png); overflow: hidden; }
}
@media (min-width:1200px){ 
  .t-hd{ width: 69%; float: right; height: 105px; background: url(../images/nav.png); overflow: hidden;}
  .ct-hd{ width: 69%; float: right; height: 105px; background: url(../images/nav.png); overflow: hidden;}
}



.tel{ width: 22%; padding-top: 30px; float: right;}
.tel img{ max-width: 100%;}
.mt{ line-height: 10px;}
/*--- nav ---*/
@media (min-width:992px){ .
  .nav{ width: 95%;float: left;}
  .menuDl dd span a {  padding: 0 12px;}
}
@media (min-width:1200px){ 
  .nav{ width: 75%; float: left;}
  .menuDl dd span a { padding: 0 5px;}
}





.menuBox {
    z-index: 9;
    position: relative;
}

.menuDl {
    position: relative;
}

.menuDl:after {
    display: block;
    content: "";
    clear: both;
}

.menuDl dd {
    display: inline;
    float: left;
    margin: 0 20px;
    position: relative;
    z-index: 3;
}

@media screen and (max-width:1680px) {

    .menuDl dd {
        margin: 0 6px;
    }
}

.menuDl dd span a {
    display: block;
    height: 100px;
    overflow: hidden;
    line-height: 100px;
    color: #fff;
    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: #fcab1e;
}

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

.menuDl dd .div_a a.hover {
    background: #fff
}

.menuDl dd .div_a a:hover {
    background: #fff
}

.subMenuDiv {
    display: none;
    width: 100%;
    position: absolute;
    /*left: 0px;*/
    top: 100px;
    /*opacity: 0;*/
    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;
}
/*--- banner ---*/
.js{ width: 100%; overflow: hidden;}
.w-n-banner img{ max-width: 100%;}
/*--- wap-header ---*/
.wap-top{padding: 10px 0; background: #0b86d3; overflow: hidden;}
.w-logo{ width: 80%; padding:5px 0 0 10px; float: left;}
.w-logo img{ max-width: 100%;}

.h-right{width: 3rem;height:2.35rem;float: right; margin: 1rem 1.5rem 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;}







/*--- index ---*/
.m-product{  overflow: hidden;}
.m-product .hd{ text-align: center; padding: 50px 0 25px 0; line-height: 36px; background: url(../images/product-bd.jpg) no-repeat bottom center; font-size: 36px; font-weight: 700; color: #0b86d3;}
.m-product .hd span{ font-size: 12px; color: #b1b1b1; font-weight: 100;}
.m-product .md{ width: 78%; padding: 15px 0; overflow: hidden;}
.m-product .md .list{ width: 90%; float: left;}
.m-product .md .list li{ width: 20%; float: left; text-align: center; margin-bottom: 10px;}
.m-product .md .list li a{ display: block; width: 95%; margin: 0 auto; height: 35px; text-align: center; line-height: 35px; border: 1px solid #dedede;}
.m-product .md .list li a:hover{border: 1px solid #1ea1f3; color: #555;}
.m-product .md .more{ width: 10%; float: right; text-align: center; line-height: 35px;}

.m-product .cmd{ width: 100%; padding: 15px 0; overflow: hidden;}
.m-product .cmd .clist{ width: 98%; margin: 0 auto;}
.m-product .cmd .clist li{ width: 33.3%; float: left; text-align: center; margin-bottom: 10px;}
.m-product .cmd .clist li a{ display: block; width: 95%; margin: 0 auto; height: 35px; text-align: center; line-height: 35px; border: 1px solid #dedede;}
.m-product .cmd .clist li a:hover{border: 1px solid #1ea1f3; color: #555;}


.view { width: 23%; margin: 0 1%; margin-bottom: 15px; background: #fff; float: left; height: 393px; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .ctxt{ width: 100%; height: 393px; overflow: hidden;}
.view .ctxt .cimg{ width: 100%; height: 320px; background: #f1f1f1;}
.view .ctxt .cimg img{ max-width: 100%; height: 320px; object-fit: cover;}
.view .ctxt .cctitle{ width: 100%; height: 40px; line-height: 40px; color: #000; font-weight: 700;}
.view .ctxt .ckink{ width: 60%; margin: 0 auto; height: 26px; overflow: hidden;}
.view .ctxt .ckink li{ width: 46%; float: left; text-align: center; height: 26px; margin: 0 2%;}
.ck1{ background: #0b86d3; color: #fff;}
.ck2{ border: 1px solid #0b86d3;}
.view .mask, .view .content { width: 100%; height: 393px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(83,189,255,0.8);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position:relative;
	top:-10px;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   opacity: 1;
   border:132px solid rgba(83,189,255,0.8);
}
.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
.view a.info { margin-left: -35px; background: url(../images/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 73px; height: 116px; }



.view1 { width: 48%; margin: 0 1%; margin-bottom: 10px; background: #fff; float: left; height: 283px; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view1 .ctxt1{ width: 100%; height: 283px; overflow: hidden;}
.view1 .ctxt1 .cimg1{ width: 100%; height: 200px; background: #f1f1f1;}
.view1 .ctxt1 .cimg1 img{ max-width: 100%; height: 200px; object-fit: cover;}
.view1 .ctxt1 .cctitle1{ width: 100%; height: 40px; line-height: 40px; color: #000; font-weight: 700;}
.view1 .ctxt1 .ckink1{ width: 80%; margin: 0 auto; height: 26px; overflow: hidden;}
.view1 .ctxt1 .ckink1 li{ width: 46%; float: left; text-align: center; height: 26px; margin: 0 2%;}
.ck11{ background: #0b86d3; color: #fff;}
.ck21{ border: 1px solid #0b86d3;}
.view1 .mask1, .view1 .content { width: 100%; height: 393px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view1 img { display: block; position: relative; }
.second-effect1 .mask1 {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(83,189,255,0.8);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.second-effect1 a.info1 {
	position:relative;
	top:-10px;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect1:hover .mask1 {
   opacity: 1;
   border:92px solid rgba(83,189,255,0.8);
}
.second-effect1:hover a.info1 {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
.view1 a.info1 { margin-left: -35px; background: url(../images/link.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 73px; height: 116px; }
.why{ width: 100%; padding: 45px 0; overflow: hidden;}
.w-hd{text-align: center; margin: 15px 0; width: 100%; overflow:visible; position:relative;}
.wyh1{ font-size: 36px; color: #ececec;}
.why2{ overflow:hidden; position: absolute; width: 100%; height: 30px; line-height: 30px; text-align: center; left:0; top:8px; color: #000; font-size: 24px; z-index:999}
.why2 span{ color: #0b86d3;}
.why3{ font-size: 18px; color: #000; padding-top: 25px;}

@media (min-width:992px){ .
  .wyh1{ font-size: 72px;}
  .why2{  height: 50px; line-height: 50px;  left:0; top:8px;  font-size: 48px; }
  .why3{  padding-top: 45px;}
}
@media (min-width:1200px){ 
  .wyh1{ font-size: 72px;}
  .why2{  height: 50px; line-height: 50px;  left:0; top:8px;  font-size: 48px; }
  .why3{  padding-top: 45px;}
}






.w-box{ width: 100%; overflow:visible; position:relative;}
.w-list{ padding-bottom: 30px; overflow: hidden;}
.picFocus{ width: 100%; overflow: hidden;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; overflow:hidden; }
.picFocus .hd ul{ overflow:hidden; zoom:1; }
.picFocus .hd ul li {width: 14.6%; margin: 0 1%; padding-bottom: 20px; float:left;}
.picFocus .hd ul li .pic-cc{ width: 100%; border: 1px solid #ececec; line-height: 30px; padding: 15px 0; font-size: 20px;  text-align:center; cursor:pointer; }
.picFocus .hd ul li .pic-cc span{ font-size: 30px;}
.picFocus .hd ul li.on{background:url(../images/jt.png) no-repeat bottom center; color: #fff; }
.picFocus .bdd { position: relative; top:-18px; z-index: -1;}
.picFocus .bdd li{ vertical-align:middle; }
.picFocus .bdd img{max-width: 100%; display:block;  }
.way-more{ width: 170px; float: right; margin-top: 50px; height: 50px; overflow: hidden;}
.way-more a{ display: block; width: 100%; height: 46px; border: 2px solid #585858; background: url(../images/why-icon.jpg) no-repeat right center; line-height: 46px; text-indent: 30px; font-weight: 700;}
.way-more a:hover{ text-indent: 40px;}
.w-ct{ width: 480px; padding: 35px;  box-shadow: 0px 0px 5px #dedede; background: #fff; overflow:hidden; position: absolute; left:37px; bottom:0; z-index:999}
.xf1{ font-size: 30px; color: #666666; line-height: 40px;padding-bottom: 20px;}
.xf2{ padding-left: 11px; background: url(../images/xf2.jpg) no-repeat left top; line-height: 26px; color: #999;}
.xf3{ padding: 20px 0 0 0; overflow: hidden;}
.xf3 li{ width: 33.3%; float: left; text-align: center; line-height: 35px;}
.numCX{ font-size: 28px; color: #0b86d3;}
.numCount li .numU sup{vertical-align: top;}
.unitC{padding: 3px; border-radius: 12px; line-height: 23px; background: #75caff; text-align: center; font-size: 12px; color: #fff;}
.wap-picFocus{ width: 100%; overflow: hidden;  overflow:hidden;  zoom:1;   }
.wap-picFocus .hd{ width:100%; overflow:hidden; }
.wap-picFocus .hd ul{ overflow:hidden; zoom:1; }
.wap-picFocus .hd ul li{ width: 31.3%; margin: 0 1%; padding-bottom: 20px; float:left; }
.wap-picFocus .hd ul li .pic-cc{ width: 100%; border: 1px solid #ececec; line-height: 30px; padding: 15px 0; font-size: 15px;  text-align:center; cursor:pointer; }
.wap-picFocus .hd ul li .pic-cc span{ font-size: 25px;}
.wap-picFocus .hd ul li.on{background:url(../images/jt.png) no-repeat bottom center; color: #fff;}
.wap-picFocus .bdd li{ vertical-align:middle; }
.wap-picFocus .bdd img{max-width: 100%; display:block;  }
.xft{ width: 100%; padding: 25px 10px;  background: #fff; overflow:hidden;}
.numCX1{ font-size: 36px; color: #0b86d3;}
.numCount1 li .numU sup{vertical-align: top;}

.pc-company{ padding: 40px 0; overflow: hidden; overflow:visible; position:relative;}
.pc-img{ width: 25%;float: left; }
.pc-img .p1{ height: 330px; background: #353535; text-align: right; padding:120px 40px;}
.pc-img .p1 img{ max-width: 100%; text-align: center;}
.pc-img .p2{ height: 400px; overflow: hidden;}
.pc-txt{ width: 75%; float: right; background: #f7f7f7;}

#particles-js{ width: 100%; height: 330px; background-color: #0b86d3;  background-size: cover;  background-repeat: no-repeat; overflow:visible; position:relative;}
.pc-item{ width: 100%; position: absolute; left:0; top:100px; z-index:999;  overflow: hidden;}
.pc-item ul{ width: 25%; color: #fff; text-align: center; float: left; line-height: 35px;}
.item1{ font-size:30px; font-weight: 700; }
.item1 span{vertical-align: baseline; font-size: 12px; font-weight: 100;}
.item2{ font-size: 16px;}

.pc-ctxt{ width: 100%; overflow: hidden; margin-bottom: 55px; position: absolute; left:0; top:235px; z-index:999}
.pc-ctxt .content{ width: 50%; float: left; background: #fff; padding: 50px}
.pc-ctxt .content .name{ font-size: 18px; line-height: 30px; padding-bottom: 45px;}
.pc-ctxt .content .txt{ line-height: 30px; padding: 10px 0 40px 0;}
.pc-ctxt .content .more{ width: 150px; height: 35px; text-align: center; overflow: hidden;}
.pc-ctxt .content .more a{ display: block; width: 100%; height: 35px; line-height: 35px; background: #0b86d3; color: #fff;}
.pc-ctxt .content .more a:hover{background: #14335b; border-radius: 20px;}
.pc-ctxt .imb{ width: 50%; float: right;}
.pc-ctxt .imb img{ max-width: 100%;}

.wap-company{ padding: 15px 0; overflow: hidden;}
.cpc-txt{ width: 100%;padding: 35px 0; background: #0b86d3; overflow: hidden;}
.cpc-hd{ width: 95%; margin: 0 auto; }
.cpc-item ul{ width: 25%;color: #fff; text-align: center; float: left; line-height: 35px;}
.citem1{ font-size:20px; font-weight: 700; }
.citem1 span{vertical-align: baseline; font-size: 12px; font-weight: 100;}
.citem2{ font-size: 14px;}
.ccpc-ctxt{ width: 100%; overflow: hidden;}
.ccpc-ctxt .content{padding: 20px; overflow: hidden;}
.ccpc-ctxt .content .name{ font-size: 18px; line-height: 30px; padding-bottom: 15px;}
.ccpc-ctxt .content .txt{ line-height: 30px; padding: 10px 0;}
.ccpc-ctxt .content .more{ width: 150px; height: 35px; text-align: center; overflow: hidden;}
.ccpc-ctxt .content .more a{ display: block; width: 100%; height: 35px; line-height: 35px; background: #0b86d3; color: #fff;}
.ccpc-ctxt .content .more a:hover{background: #14335b; border-radius: 20px;}
.ccpc-ctxt .imb img{ max-width: 100%;}

.ys{ width: 100%; background: url(../images/ys-bd.jpg) no-repeat bottom center; padding: 10px 0; overflow: hidden;}
.ys .y-hd{ text-align: center; padding: 50px 0 25px 0; line-height: 36px; background: url(../images/product-bd.jpg) no-repeat bottom center; font-size: 36px; font-weight: 700; color: #0b86d3;}
.ys .y-hd span{ font-size: 12px; color: #b1b1b1; font-weight: 100;}
.ys .y-md{ padding-top: 40px;}

.ysFocus{ width: 100%; overflow: hidden;  zoom:1;   }
.ysFocus .bdd li{ vertical-align:middle; }
.ysFocus .bdd li .ys-title{ width: 100%;}
.ysFocus .bdd li .ys-title .ys-t1 img{ max-width: 100%;}
.ysFocus .bdd li .ys-title .ys-t2{ padding-top: 300px; font-size: 14px; text-align: right;}

.ysFocus .bdd li .ys-img{ width: 100%; padding-top: 30px;}
.ysFocus .bdd li .ys-img img{ max-width: 100%;}

.ysFocus .hd{padding-left:1px; padding-top: 30px; overflow:hidden; }
.ysFocus .hd ul{ overflow:hidden; zoom:1; }
.ysFocus .hd ul li{display: block; width: 31.3%; margin: 0 1%; margin-bottom: 10px; float: left; height: 20px; border-right: 1px solid #5d5d5d; overflow: hidden;text-indent: 20px;}
.ysFocus .hd ul li.on{background: url(../images/ys-icon.jpg) no-repeat left center; color: #0b86d3; transition: 0.4s; text-indent: 30px;}

.news{margin-top: 35px; overflow: hidden; background: url(../images/news-bg.jpg) repeat-x; overflow: hidden;}
.news .hd{ text-align: center; padding: 50px 0 25px 0; line-height: 36px; background: url(../images/news-icon.jpg) no-repeat bottom center; font-size: 36px; font-weight: 700; color: #fff;}
.news .hd span{ font-size: 12px;  font-weight: 100;}
.news-box{ background: #fff; padding: 35px 0; overflow: hidden;}
.news .bd{ width: 100%; overflow: hidden;}
.news .bd ul{ width: 90%; margin: 0 auto; height: 40px;}
.news .bd ul li{ width: 33.3%; float: left; height: 40px; overflow: hidden;}
.news .bd ul li a{ display: block; width: 80%; margin: 0 auto; text-align: center; line-height: 40px; height: 40px; background: #333; color: #fff;}
.news .bd ul li a:hover{ background: #0b86d3; border-radius: 15px;}
.news .md{ width: 98%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.three-news{ padding-bottom: 15px; overflow: hidden;}
.three-news li{ width: 31.3%; float: left; margin: 0 1%; float: left;}
.three-news li .img{ padding-bottom: 15px; text-align: center; overflow: hidden;}
.three-news li .img img{ max-width: 100%;}
.three-news li .news-t{ padding: 8px 0; overflow: hidden;}
.three-news li .news-t .time{ width: 20%; float: left; text-align: center; color: #262626; font-size: 16px;}
.three-news li .news-t .time span{ font-size: 12px;}
.three-news li .news-t .name{ width: 75%; float: right;}
.three-news li .news-t .name .title{ line-height: 35px; color:#262626;}
.three-news li .news-t .name .cccc{ width: 30px; height: 3px; background: #262626;}
.three-news li .content{ line-height: 28px; color: #707070;}
.three-news li .more{ width: 100%; height: 44px; background: url(../images/news-icon.png) no-repeat right center; line-height: 44px; color: #fff; text-indent: 15px;}
.three-news li a:hover .content{  color: #0b86d3;}
.three-news li a:hover .news-t .name .cccc{ width: 50px; height: 3px; background: #0b86d3; transition: 0.4s;}
.three-news li a:hover .more{background:#0b86d3 url(../images/news-icon.png) no-repeat right center; color: #fff; transition: 0.4s;}
.six-news{ padding: 15px 0; overflow: hidden;}
.six-news li{ width: 31.3%; float: left; margin: 0 1%; float: left; margin-bottom: 15px;}
.six-news li .s-time{ width: 22%; float: left; padding-top: 55px; font-size: 48px; text-align: center; font-weight: 700; color: #262626;}
.six-news li .s-time span{ font-size: 14px; font-weight: 100;}
.six-news li .s-txt{ width: 75%; float: right;}
.six-news li .s-txt .s-title{ font-size: 14px; color: #262626}
.six-news li .s-txt .s-content{ font-size: 13px; color: #707070; line-height: 25px; padding: 10px 0 15px 0;}
.six-news li .s-txt .s-more{ width: 100%; height: 44px; background: url(../images/news-icon.png) no-repeat right center; line-height: 44px; color: #717171; border-top: 1px solid #cdcdcd; text-indent: 15px;}
.six-news li a:hover .s-txt .s-more{background:#0b86d3 url(../images/news-icon.png) no-repeat right center; border-top: 1px solid #0b86d3; color: #fff; transition: 0.4s;}
.six-news li a:hover .s-time{ color: #0b86d3;}
.news-link{ width:175px; height: 84px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.news-link a{ display: block; width: 100%; height: 44px; background:#0b86d3 url(../images/news-link.png) no-repeat center center;}
.news-link a:hover{ background:#363636 url(../images/news-link.png) no-repeat center center; border-radius: 15px;}
.news .w-md{ width: 98%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.news .w-md{ padding: 15px; overflow: hidden;}
.news .w-md li{ width: 98%; float: left; margin: 15px 1%;}
.news .w-md li .w-time{ width: 20%; float: left; padding-top: 55px; font-size: 38px; text-align: center; font-weight: 700; color: #262626;}
.news .w-md li .w-time span{ font-size: 14px; font-weight: 100;}
.news .w-md li .w-txt{ width: 78%; float: right;}
.news .w-md li .w-txt .w-title{ font-size: 14px; color: #262626}
.news .w-md li .w-txt .w-content{ font-size: 13px; color: #707070; line-height: 25px; padding: 10px 0 15px 0;}
.news .w-md li .w-txt .w-more{ width: 100%; height: 44px; background: url(../images/news-icon.png) no-repeat right center; line-height: 44px; color: #717171; border-top: 1px solid #cdcdcd; text-indent: 15px;}
.news .w-md li a:hover .w-txt .w-more{background:#0b86d3 url(../images/news-icon.png) no-repeat right center; border-top: 1px solid #0b86d3; color: #fff; transition: 0.4s;}
.news .w-md li a:hover .w-time{ color: #0b86d3;}
/*--- sidebar ---*/ 
.sidebar{ padding-bottom: 15px; overflow: hidden;}
.s-a .hd{ height: 50px; overflow: hidden;  line-height: 50px; background: #004ba8; text-align: center; font-size: 20px; color: #fff;}
.s-a .bd{ border: 1px solid #dedede; padding: 20px 0; overflow: hidden; border-top: none;}
.s-a .bd ul{ width: 92%; margin: 0 auto; overflow: hidden;}
.s-a .bd ul li{ width: 100%; height: 35px; margin-bottom: 8px; height: 35px; overflow: hidden;}
.s-a .bd ul li a{ display: block; width: 100%; height: 35px; text-indent: 25px; line-height: 35px; background: #eee;}
.s-a .bd ul li a:hover{ background: #174eb9; color: #fff; text-indent: 35px;}
.s-c{ margin-top: 15px; overflow: hidden;}
.s-c .hd{ height: 50px; overflow: hidden; line-height: 50px; background: #004ba8; text-align: center; font-size: 20px; color: #fff;}
.s-c .bd{border: 1px solid #dedede; padding: 20px 0; overflow: hidden; border-top: none;}
.s-c .bd ul{ width: 92%; line-height: 35px; margin: 0 auto; overflow: hidden;}
.s-hot .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-hot .bd{ width: 100%; background: #fff; padding: 15px 0; overflow: hidden;}
.product-left{ width: 100%; height: 315px; overflow: hidden;}
.product-left .bdd{}
.product-left .bdd ul{}
.product-left .bdd ul li{ width: 100%; height: 315px;  float: left; overflow: hidden;}
.product-left .bdd ul li .pic{ width: 100%; height: 212px; padding-bottom: 13px; overflow: hidden;}
.product-left .bdd ul li .pic img{ width: 289px; height: 212px;}
.product-left .bdd ul li .title{ width: 246px; margin: 0 auto; height: 22px; line-height: 22px;}
.product-left .bdd ul li .title a{ font-size: 16px; color: #333; font-weight: 700;}
.product-left .bdd ul li .content{ width: 252px; margin: 0 auto; padding-top: 10px; overflow: hidden;}
.s-order{ width: 100%; padding: 35px 0; background: #004ba8; 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;}

/*--- company ---*/
.company-list{ height: 60px; line-height: 60px; border-bottom: 1px solid #eeeded; overflow: hidden;}
.a-top-left{ width: 100%;}
.a-top-left li{ width: 25%; float: left; text-align: center; height: 60px;}
.a-top-left li a{ display: block; width: 100%; height: 60px; font-size: 15px;}
.a-top-left li a:hover{ background: #0b86d3; color: #fff;}
.a-top-r{ width: 15%; float: right; text-align: right;}

.about-box{ padding: 25px 0; overflow: hidden;}
.about-box{ padding-bottom: 30px; overflow: hidden;}
.about-txt .a-t-box{ width: 100%; height: 290px; overflow: hidden; line-height: 40px; font-size: 18px;overflow-y: scroll; /*滚动条样式*/}
.alink{ width: 130px; height: 40px;}
.alink a{ display: block; width: 100%; font-size: 16px; height: 40px; background: #064592; color: #fff; text-align: center; line-height: 40px;}
.alink a:hover{ background: #ff7b28;}
*::-webkit-scrollbar {
    width:8px;
    height:8px;
}
*::-webkit-scrollbar-thumb {
  border-radius:5px;

  background:rgba(11,134,211,0.9)
}
*::-webkit-scrollbar-track {

  border-radius:0;
  background:rgba(0,0,0,0.1);
}
.about-advantage{ padding: 20px 0; overflow: hidden;}
.about-advantage .hdd{ text-align: center; overflow: hidden;}
.about-advantage .hdd img{ max-width: 60%;}
.about-advantage .bd{ padding-top: 30px; overflow: hidden;}

.pc-advantage{ width: 100%; height: 528px; overflow:visible; position:relative;}
.pc-advantage .hd{ width: 44%; overflow:hidden; position: absolute; left:0; top:0; z-index:999}
.pc-advantage .hd ul{ width: 100%; height: 528px;}
.pc-advantage .hd ul li{ width: 90%; height: 88px; background: #0b86d3; color: #fff; padding: 15px;}
.pc-advantage .hd ul li .tp{ width: 15%; float: left; padding-top: 8px; text-align: center;}
.pc-advantage .hd ul li .tp span{ font-size: 35px;}
.pc-advantage .hd ul li .wz{ width: 85%; float: right;}
.pc-advantage .hd ul li .wz span{ font-size: 18px; font-weight: 700;}
.pc-advantage .hd ul li.on{ width: 100%; background: #fff; color: #333; transition: 0.4s;}
.pc-advantage .hd ul li.on .wz{background: url(../images/jia.png) no-repeat right center;}
.pc-advantage .bdd{ width: 55%; overflow:hidden; position: absolute; right:0; top:0; z-index:998}
.pc-advantage .bdd li{ width: 100%; height: 528px; text-align: right;}
.pc-advantage .bdd li img{ width: 100%; object-fit:cover; height: 528px;}

.wap-advantage{ width: 100%; height: 480px; overflow:visible; position:relative;}
.wap-advantage .hd{ width: 100%; overflow:hidden; position: absolute; left:0; top:0; z-index:999}
.wap-advantage .hd ul{ width: 100%; background: url(../images/w-jia.png); height: 480px;}
.wap-advantage .hd ul li{ width: 90%; height: 80px;  color: #fff; padding: 15px;}
.wap-advantage .hd ul li .tp{ width: 15%; float: left; padding-top: 8px; text-align: center;}
.wap-advantage .hd ul li .tp span{ font-size: 35px;}
.wap-advantage .hd ul li .wz{ width: 85%; float: right;}
.wap-advantage .hd ul li .wz span{ font-size: 18px; font-weight: 700;}
.wap-advantage .hd ul li.on{ width: 100%; background: #fff; color: #333; transition: 0.4s;}
.wap-advantage .hd ul li.on .wz{background: url(../images/jia1.png) no-repeat right center;}
.wap-advantage .bdd{ width: 100%; overflow:hidden;}
.wap-advantage .bdd li{ width: 100%; height: 480px; text-align: right;}
.wap-advantage .bdd li img{ width: 100%; object-fit:cover; height: 480px;}


.about-honor{ padding-top: 30px; overflow: hidden;}
.about-honor .hd{ text-align: center;}
.about-honor .bd{ padding-top: 15px; overflow: hidden;}
#indexPro1{ width:98%; margin:0 auto; height:375px; padding-top: 20px; overflow:hidden;}
#indexPro1 li{width:400px;padding:5px; border: 1px solid #dedede; margin-right: 10px; height:340px; line-height: 40px; float:left; text-align:center;}
#indexPro1 li:hover{background: #0b86d3;}
#indexPro1 li img{ width: 390px; height: 290px;}
#indexPro1 li a:hover{ color: #fff;}


/*--- nav ---*/
.warp{ padding: 20px 0; overflow: hidden;}
.catname{ width: 95%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.catname li{ width: 25%; 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: #016bbf; 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: #016bbf; color: #fff;}
.catname1 li a:hover{ background: #faa701;}
.crumbs{ border-bottom: 1px solid #dedede; line-height: 36px; overflow: hidden;}
.crumbs .hd{ text-indent: 10px; font-size: 18px; float: left; color: #085da0; font-weight: 700;}
.crumbs .bd{ float: right; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; line-height: 2.6; padding: 30px 0; overflow: hidden;}

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

/*--- footer ---*/
.footer{ width: 100%; background: #363636; margin-bottom: 7rem;}
.f-top{ padding: 30px 0 10px 0; overflow: hidden;}
.footer .fhd{ font-size: 18px; color: #d3d3d3;}
.footer .fbd{padding: 20px 0 0 5px; overflow: hidden;}
.footer .fbd li{ line-height: 25px; color: #979797;}
.footer .fbd li a{ color: #979797;}
.footer .fbd li a:hover{ color: #ff0;}

.w-f-top{ padding-bottom: 15px; overflow: hidden;}
.w-f-list{ width: 24%; float: left; overflow: hidden;}
.w-f-clist{ width: 50%; float: right;}
.w-f-product{ padding: 15px 0;}
.footer .fbdd{ overflow: hidden;}
.footer .fbdd li{ width: 33.3%; float: left; line-height: 35px;}
.footer .fbdd li a{ color: #979797;}
.footer .fbdd li a:hover{ color: #ff0;}

.f-bot{ border-top: 1px solid #000; line-height: 45px; text-align: center; color: #979797;}
.f-bot a{ color: #979797;}
.f-bot a:hover{ color: #ff0;}

#end{ width:100%; background: #3b98d1; height: 7rem; position: fixed; bottom:0; z-index: 9999999; 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: #f00;}

/*--- news ---*/
.newsname{ width: 100%;}
.news-box{ padding: 35px 0; overflow: hidden;}
.newsname dd{ width: 25%; background: #0b86d3; text-align: center;line-height: 60px; color: #fff;}
.th-news{ padding-bottom: 25px; overflow: hidden;}
.news-cc{ width: 100%; margin-bottom: 10px; overflow: hidden;}
.n-top{ width: 100%; overflow:visible; position:relative;}
.n-top .img{ width: 100%; overflow: hidden;}
.n-top .img img{ width: 100%; height: 330px; object-fit:cover;}
.n-top .time{ width: 100px; height: 82px; padding-top: 15px; color: #fff; text-align: center; background: #0b86d3;overflow:hidden; position: absolute; left:0; top:0; z-index:999;}
.n-top .time span{ font-size: 24px; font-weight: 700;}
.news-cc a:hover .time{ width: 120px; background: #c43f44;transition: all 0.4s;}
.news-cc .title{ padding: 15px 0; overflow: hidden; color: #333; font-weight: 700; font-size: 16px;}
.news-cc a:hover .title{ color: #0b86d3;}
.news-cc .content{ line-height: 25px; color: #747474; font-size: 14px;}
.more-news{overflow: hidden;}
.news-cc-more{ padding: 10px 0; border-bottom: 1px dashed #dedede; overflow: hidden;}
.news-cc-more .time{ width: 25%; float: left; height: 106px; border: 1px solid #ccc; text-align: center;}
.news-cc-more .time .day{ width: 100%; height: 70px; background: #ccc; line-height: 70px; font-size: 40px; font-weight: 700; color: #fff;}
.news-cc-more .time .yue{ height: 30px; line-height: 30px; color: #555;}
.news-cc-more .txt{ width: 72%; padding: 8px 0; height: 106px; overflow: hidden; float: right; color: #999; line-height: 30px;}
.news-cc-more .txt span{ font-size: 18px; color: #555; font-weight: 700;}
.news-cc-more a:hover .time .day{ background:#064592; transition: all 0.4s; }
.news-cc-more a:hover .time .yue{ color: #064592;}
.news-cc-more a:hover .txt span{ color: #064592; font-size: 20px; transition: all 0.4s;  }
/*--- product ---*/
.pplist{ padding: 15px 0; overflow: hidden;}
.pplist li{ height: 37px;margin-bottom: 10px; overflow: hidden;}
.pplist li a{ display: block; width: 100%;line-height: 35px; border: 1px solid #0b86d3; height: 35px;  text-align: center;}
.pplist li a:hover{ background: #0b86d3; color: #fff;}

.pid-list{ padding: 15px 0;   overflow: hidden;}

.cview {height: 190px; overflow: hidden; position: relative; text-align: center; cursor: default; }
.cview .cmask, .cview .content { width: 100%; height: 150px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.cview img { display: block; position: relative; }
.cview .cccimg{ width: 100%; height: 150px; text-align: center;}

.csecond-effect .cmask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.csecond-effect a.cinfo {
  position:relative;
  top:-10px;
  opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.csecond-effect:hover .cmask {
   opacity: 1;
   border:80px solid rgba(11,134,211,0.4);
}
.csecond-effect:hover a.cinfo {
  opacity:1;
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -o-transform:scale(1,1);
  -ms-transform:scale(1,1);
  transform:scale(1,1);
  -moz-transition-delay:0.3s;
  -webkit-transition-delay:0.3s;
  -o-transition-delay:0.3s;
  -ms-transition-delay:0.3s;
  transition-delay:0.3s;
}

.cview a.cinfo { background: url(../images/cclink.png) no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px;  width: 42px; height: 66px; position: relative; top: -50px;}

.cctime{ line-height: 35px;}

.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%; overflow: hidden;}
.img-txt-title1{padding: 0 6px;  font-size: 14px;}
.img-txt-title1 span{ color: #2660ba;}

.ptt{ padding: 10px 0; overflow: hidden;}
.ptel{ color: #f00; clear: both;}
.order-btn{ width: 100%; }
.t10{ display: block; width: 150px; height: 35px; background: #016bbf; line-height: 35px; text-align: center; color: #fff;}
.t10:hover{ color: #ff0;}
.p-content{ width: 98%; margin: 15px auto; box-shadow: 1px 1px 5px 1px #cdcdcd; padding: 20px 10px; overflow: hidden; }
.p-content .hd{ font-size: 20px; font-weight: bold; margin: 0 0 10px; color: #333; line-height: 2;}
#indexPro{ width: 98%; padding: 8px 0; margin: 0 auto; overflow: hidden;}
#indexPro ul li{ width: 220px; float: left;height: 190px; text-align: center; line-height: 35px;}
#indexPro ul li img{ width: 200px; height: 150px;}


/*--- Universal ---*/
#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px; 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{ max-width: 100%; transition: all 0.3s;height: 250px;object-fit: cover;}
#picULs a .pics_02{ height: 36px; line-height: 36px; overflow: hidden; background: #f5f5f5; }
#picULs li a:hover .pics_01 img{ transform: scale(1.05); }
#picULs li a:hover .pics_02{ background:#016bbf; color: #fff;  }
#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;}
label{ max-width: none; }
#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{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; 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; }

.newslist{ padding-bottom: 40px; overflow: hidden;}
.newslist ul{ width: 100%; height: 35px;}
.newslist ul li{ width: 31.3%; float: left; margin: 0 1%; height: 35px; overflow: hidden;}
.newslist ul li a{ display: block; width: 100%; text-align: center; height: 35px; background: #357dcd; color: #fff; line-height: 35px; font-size: 14px;}
.newslist ul li a:hover{ background: #bf4148;}
.a-top-ss{text-indent: 5px;}

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

	
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.m-product .hd span{ font-size: 16px;}
   .pc-ctxt .content{ padding: 20px}
   .pc-ctxt .content .name{ padding-bottom: 15px;}
   .pc-ctxt .content .txt{ padding: 10px 0;}
   .ysFocus .bdd li .ys-title{ width: 40%; float: left;}
   .ysFocus .bdd li .ys-img{ width: 59%; float: right; padding-bot: 100px;}
   .ysFocus .hd{padding-left:50px; padding-bottom: 80px;}
   .ysFocus .hd ul li{display: block; margin-right: 10px;  width: 110px;  height: 20px; overflow: hidden;text-indent: 20px;}
   .news .bd ul{ width: 60%;}
   .footer{ margin-bottom: 0rem;}
   .cc-pc-ctxt{ background: #f1f1f1; width: 100%; padding: 35px; overflow: hidden;}
   .cc-pc-ctxt .content{ width: 50%; float: left; padding: 50px; overflow: hidden;}
   .cc-pc-ctxt .content .name{ font-size: 18px; line-height: 30px; padding-bottom: 45px;}
   .cc-pc-ctxt .content .txt{ line-height: 30px; padding: 10px 0 40px 0;}
   .cc-pc-ctxt .imb{ width: 50%; float: right;}
   .company-list li{ width: 12%; }
   #dituContent{  height:400px; overflow:hidden;}
   .m-product{ background: none; overflow: hidden;}
   .m-product .md{ width: 85%; padding: 15px 0; overflow: hidden;}
   .numCX{ font-size: 36px; color: #0b86d3;}
   .news .hd span{ font-size: 15px;  font-weight: 700;}
   .ys .y-hd span{ font-size: 15px;  font-weight: 700;}
   .a-top-left{ width: 80%; float: left;}
   .a-top-left li{ width: 12%;}
   .pc-advantage .hd{ width: 50%; overflow:hidden; position: absolute; left:0; top:0; z-index:999}
   .newsname{  width: 80%; float: left;}
   .news-cc{ width: 31.3%; float: left; margin: 0 1%;}
   .newsname dd{ width: 15%;}
   .news-cc-more .time{ width: 10%; }
   .news-cc-more{ padding: 40px 0 60px 0;}
   .news-cc-more .txt{ width: 88%;}
  .cview {height: 320px;}
  .cview .cmask, .cview .content {height: 280px;}
  .cview .cccimg{ height: 280px;}
  .csecond-effect:hover .cmask {border:140px solid rgba(11,134,211,0.4);}
 .newslist ul{ width: 45%;}
 .xf1{ font-size: 40px;}
 .numCX{ font-size: 32px; color: #0b86d3;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.m-product .hd span{ font-size: 16px;}
   .pc-ctxt .content{  padding: 50px}
   .pc-ctxt .content .name{  padding-bottom: 45px;}
   .pc-ctxt .content .txt{  padding: 10px 0 40px 0;}
   .ysFocus .bdd li .ys-title{ width: 40%; float: left;}
   .ysFocus .bdd li .ys-img{ width: 59%; float: right; padding-top: 100px;}
   .ysFocus .hd{padding-left:50px; padding-bottom: 80px;}
   .ysFocus .hd ul li{display: block; margin-right: 10px;  width: 110px;  height: 20px; overflow: hidden;text-indent: 20px;}
   .news .bd ul{ width: 40%;}
   .footer{ margin-bottom: 0rem;}
   .cc-pc-ctxt{ background: #f1f1f1; width: 100%; padding: 35px; overflow: hidden;}
   .cc-pc-ctxt .content{ width: 50%; float: left; padding: 50px; overflow: hidden;}
   .cc-pc-ctxt .content .name{ font-size: 18px; line-height: 30px; padding-bottom: 45px;}
   .cc-pc-ctxt .content .txt{ line-height: 30px; padding: 10px 0 40px 0;}
   .cc-pc-ctxt .imb{ width: 50%; float: right;}
   .company-list li{ width: 10%; }
   #dituContent{  height:400px; overflow:hidden;}
   .m-product{ background: url(../images/product-bg.jpg) no-repeat top center; overflow: hidden;}
   .m-product .md{ width: 78%; padding: 15px 0; overflow: hidden;}
   .numCX{ font-size: 36px; color: #0b86d3;}
   .news .hd span{ font-size: 15px;  font-weight: 700;}
   .ys .y-hd span{ font-size: 15px;  font-weight: 700;}
   .a-top-left{ width: 80%; float: left;}
   .a-top-left li{ width: 12%;}
   .newsname{  width: 80%; float: left;}
   .news-cc{ width: 31.3%; float: left; margin: 0 1%;}
   .newsname dd{ width: 15%;}
   .news-cc-more .time{ width: 10%; }
   .news-cc-more{ padding: 40px 0 60px 0;}
   .news-cc-more .txt{ width: 88%;}
  .cview {height: 320px;}
  .cview .cmask, .cview .content {height: 280px;}
  .cview .cccimg{ height: 280px;}
  .csecond-effect:hover .cmask {border:140px solid rgba(11,134,211,0.4);}
  .newslist ul{ width: 35%;}
  .xf1{ font-size: 40px;}
  .numCX{ font-size: 32px; color: #0b86d3;}
}