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;}
label{ max-width: none; }
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
/*--- header ---*/
.xs{ background: #000; overflow: hidden;}
.sk{ width: 170px; margin: 0 auto;  padding: 8px 0; overflow: hidden;}
.sk .wz{ width: 80px; color: #fff; float: left;}
.sk .cl{ width: 90px; float: right;}
.sk ul li{ width: 33.3%; float: left;}
.sk ul li a{ display: block; width: 20px; margin: 0 auto; height: 20px; border: 4px solid #dedede;}
.sk ul li a:hover{ width:22px; height: 22px; border: 6px solid #dedede;}
.se1{ background: #043592;}
.se2{ background: #043592;}
.se3{ background: #fea407;}
.header-box{ width: 100%; overflow:visible; position:relative;}
.header{ width: 100%; height: auto;  position: absolute; left:0; top:0; z-index:999}
.top{ width: 100%; height: 38px; line-height: 38px; background: #efefef; overflow: hidden;}
.welcomne{ width: 49%; float: left; text-indent: 10px;}
.fav{ width: 49%; float: right; text-align: right;}
.fav span{ color: #043592; font-size: 20px; font-weight: 700;}
.head{ width: 100%;}
.logo{ text-align: center;}

.swiper-pagination-bullet-active{ background:#043592!important;}


.f-top{ width: 100%; height: 38px; line-height: 38px; background: #efefef; overflow: hidden;}
.f-fav{ text-indent: 15px;}
.f-fav span{ color: #043592; font-size: 20px; font-weight: 700;}
.wap-logo{ padding: 10px 0; overflow: hidden;}
.f-logo{ width: 30%; padding-left: 1%; float: left; padding-top: 10px;}
.f-logo img{ width: 100%;}
.f-nav{ width: 70%; float: right; padding-right: 1%;}
.f-nav li{ width: 25%; float: left; text-align: center; overflow: hidden;}
.f-nav li a{ display: block; width: 100%; line-height: 20px; height: 65px; padding-top: 15px;  font-size: 12px;}
.f-nav li a span{ font-size: 12px;}
.f-nav li a:hover{ background: #043592; color: #fff;}

@media (min-width:500px){ 
  .f-logo{ width: 25%; padding-top: 20px;}
  .f-nav{ width: 73%;  padding-top: 15px;}
  .f-nav li{ width: 25%; float: left; text-align: center; overflow: hidden;}
  .f-nav li a{ display: block; width: 100%; line-height: 20px; height: 75px; padding-top: 20px;  font-size: 14px;}
  .f-nav li a span{ font-size: 14px;}

}

@media (min-width:600px){ 
  .f-logo{ width: 20%; padding-top: 20px;}
  .f-nav{ width: 78%;  padding-top: 15px;}
  .f-nav li{ width: 25%; float: left; text-align: center; overflow: hidden;}
  .f-nav li a{ display: block; width: 100%; line-height: 20px; height: 75px; padding-top: 20px;  font-size: 16px;}
  .f-nav li a span{ font-size: 16px;}

}

@media (max-width:576px){
  .layui-layer{ width: 100%!important; left: 0!important; }
}

@media (min-width:960px){ 
  .f-logo{ width: 20%; padding-left: 1%; float: left; padding-top: 20px;}
  .f-logo img{ width: 100%;}
  .f-nav{ width: 78%; float: right; padding-top: 35px; padding-right: 1%;}
  .f-nav li{ width: 25%; float: left; text-align: center; overflow: hidden;}
  .f-nav li a{ display: block; width: 100%; line-height: 20px; height: 80px; padding-top: 25px;  font-size: 16px;}
  .f-nav li a span{ font-size: 16px;}
  .f-nav li a:hover{ background: #043592; color: #fff;}
}
@media(max-width: 375px){
  .f-nav li a{height: auto;}
}
/*--- nav ---*/
.nav{ height: auto; }
.nav li{ width: 25%; float: left; text-align: center;}
.nav li a{ display: block; width: 100%; line-height: 20px; height: 134px; padding-top: 50px; font-size: 18px; position: relative;}
.nav li a span{ font-size: 12px;}
.nav li a:hover{ background: #043592; color: #fff; }



@media (min-width:992px){ 
  .nav li a{  font-size: 16px;}
}


@media (min-width:1200px){ 
  .nav li a{ font-size: 16px; }
}



#nav li .navson{display: none;  position: absolute; /*left: 0; top:100%;*/ z-index: 99999; width: 660px;}
#nav li .navson .navson_nr .hei{ background:rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.2); padding: 3%;}
#nav li .navson dl{ float: left; width: 25%; }
#nav li .navson dl dt{ font-weight: normal; font-size: 14px; height: 43px; line-height: 43px!important; text-align: left; position: relative; }
#nav li .navson dl dt a{ color: rgba(0,0,0,0.8) !important; background: none!important; border-left: none; line-height: 30px; text-align: left; padding-top: 10px!important; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#nav li .navson dl dt:before{ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; background: rgba(179,179,179,0.9); transition: 0.3s;}
#nav li .navson dl dt:hover:before{ width: 80%;}
#nav li .navson .pic{ float: right; text-align: left!important; width: 70%; padding-bottom: 30%; position: relative;  }
#nav li .navson .pic img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
#nav li .navson .pic:before{ position: absolute; left: -10%; top: 0; content: ''; width: 1px; height: 100%; background: rgba(179,179,179);}
@media only screen and (max-width: 1200px){
  #nav li .navson dl dt a{ font-size: 14px; }
}
@media only screen and (max-width: 1200px){
  #nav li .navson{ width: 546px; }
  #nav li .navson dl dt{ height: 36px; line-height: 36px; }
}
@media only screen and (max-width: 992px){
  #nav li .navson .pic{ display: none; }
  #nav li .navson{ width: 100%; }
  #nav li .navson dl{ width: 100%; }
  #nav li .navson dl dt{ padding-left: 0; text-align: center; height: 42px; line-height: 42px; }
  #nav li .navson dl dt:hover:before{ width: 100%;}
}

@media only screen and (max-width: 640px){
  .h_menu{ height: 85px; }
  .h_menu .nav li::before{ left: 2px; }
  .h_menu .nav li a{ line-height: 42px; font-size: 14px; }
}



/*--- banner ---*/
.flash{padding-top: 172px; overflow: hidden;}

/*--- main ---*/
.main{ overflow: hidden;}
.m-company{padding: 58px 0; background: url(../images/m-company.jpg) no-repeat top center; overflow: hidden; }
.m-company .ctxt{ padding-top: 16px; overflow: hidden;padding-left: 2px; padding-right: 2px;}
.m-company .ctxt .bittle{ width: 35%; float: left;}
.m-company .ctxt .txt{ width: 64%;float: right;}
.m-company .ctxt .txt .hd{ overflow: hidden; width: 82%; line-height: 35px;  font-size: 16px; height: 350px; float: left; writing-mode: vertical-rl;  writing-mode: tb-rl; color: #888; }
.m-company .ctxt .txt .bd{ width: 15%; background: url(../images/hb.jpg) no-repeat left top; font-size: 18px; font-weight: 700; letter-spacing:5px; height: 350px; float: right;  writing-mode: vertical-rl;  writing-mode: tb-rl; line-height: 30px; color: #333;}

@media (min-width:992px){ 
.m-company .ctxt .txt .bd{ width: 12%;}
}
@media (min-width:1200px){ 
.m-company .ctxt .txt .bd{ width: 12%;}
}



.m-plist{ background: url(../images/m-product.jpg) no-repeat top center; padding: 20px 0; overflow: hidden;}

.pidbox{ width: 100%;}
.pidbox li{ width: 100%; height: 100%; overflow: hidden;}

.view { width: 100%; height: 100%;  position: relative; border: 6px solid #222; border-radius: 50%; overflow: hidden;}
.view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { width: 100%; height: 100%; object-fit: cover; }

.view a.info { display: inline-block; text-decoration: none;  color: #fff;  width: 100px; height:100px;  }
.third-effect .mask { opacity: 0; overflow: visible; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; text-align: center;}
.third-effect a.info { margin-top: 6px; margin-left: -6px; position: relative; left: 50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 16px; padding-top: 35px; background: url(../images/link.png) no-repeat top center; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }

.third-effect:hover .mask { opacity: 1; border: 85px solid rgba(34, 34, 34, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
@media (min-width:400px){ 
  .third-effect .mask { border: 95px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 95px solid rgba(34, 34, 34, 0.7); }

}

@media (min-width:500px){ 
  .third-effect .mask { border: 120px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 120px solid rgba(34, 34, 34, 0.7); }

}
@media (min-width:550px){ 
  .third-effect .mask { border: 132px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 132px solid rgba(34, 34, 34, 0.7); }

}
@media (min-width:600px){ 
  .third-effect .mask { border: 150px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 150px solid rgba(34, 34, 34, 0.7); }
}

@media (min-width:650px){ 
  .third-effect .mask { border: 165px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 165px solid rgba(34, 34, 34, 0.7); }
}



@media (min-width:900px){ 
  .third-effect .mask { border: 160px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 180px solid rgba(34, 34, 34, 0.7); }
}




@media (min-width:1000px){ 
  .third-effect .mask { border: 160px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 160px solid rgba(34, 34, 34, 0.7); }
}

@media (min-width:1050px){ 
  .third-effect .mask { border: 100px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 100px solid rgba(34, 34, 34, 0.7); }
}


@media (min-width:1100px){ 
  .third-effect .mask { border: 100px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 100px solid rgba(34, 34, 34, 0.7); }
}



@media (min-width:1200px){ 
  .third-effect .mask { border: 135px solid rgba(34, 34, 34, 0.7);}
  .third-effect:hover .mask {  border: 135px solid rgba(34, 34, 34, 0.7); }
}




.pmore{ width: 100px; height: 37px; float: right; margin-top: 20px; overflow: hidden;}
.pmore .pl{ top: 0!important; width: 50px!important; margin-top: 0!important; float: left;  height: 37px; background: url(../images/prev.png);position: static!important;}
.pmore .pl:after{display: none;}
.pmore .pr{ top: 0!important; width: 50px!important; margin-top: 0!important; float: right;  height: 37px; background: url(../images/next.png);position: static!important;}
.pmore .pr:after{display: none;}


.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1!important;

}



.pidname{ display: none; width: 270px; float: right;}
.pidname .c1{ width: 143px; float: left;letter-spacing:2px; writing-mode: vertical-rl;  writing-mode: tb-rl; line-height: 30px; color: #afafaf;}
.pidname .c2{ width: 45px;margin-left: 5px; float: left;background: url(../images/hb.jpg) no-repeat left top;letter-spacing:2px; writing-mode: vertical-rl;  writing-mode: tb-rl; line-height: 40px; color: #a8a8a8; font-size: 20px; font-weight: 700;}
.pidname .c3{ width: 48px; float: right; overflow: hidden; background: url(../images/plist-bd.png) no-repeat top; padding-top: 180px;}
.pidname .c3 li{ width: 30px; height: 30px; display: block; float: right; text-align: center;}
.pidname .c3 li a{ display: block; width: 100%; height: 30px; background: #043592; color: #fff; font-size: 35px; line-height: 25px;}
.pidname .c3 li a:hover{ background: #262626;}


@media (min-width:992px){ 
  .pidbox{ width: calc(100% - 280px); float: left;}
  .pidname{ display: block;}
}
@media (min-width:1200px){ 
  .pidbox{ width: calc(100% - 280px); float: left;}
  .pidname{ display: block;}
}



.m-center{ background:#f0edec url(../images/m-center-bg.jpg) no-repeat top center;overflow: hidden;}
.m-product{ padding-top: 35px; overflow: hidden;}
#honor{ padding:0}

@media (min-width:992px){ 
  #honor{ padding:0 40px;}
}
@media (min-width:1200px){ 
  #honor{ padding:0 40px;}
}

.m-product li{ width: 100%; background: #000; border-radius: 15px; overflow: hidden;}
.m-product li .img{ width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;transition: all .5s;}
.m-product li .img img{width: 100%;height: 100%; object-fit: cover;position: absolute;transition: all .5s}
/*.m-product li .img:after{width:0;height: 0;content:'';position: absolute;top:0;left:0;background: rgba(0,0,0,.8);transition: all .5s;border-radius: 50%;}*/
.m-product li .txt{ width: 100%; height: 35px; line-height: 35px; text-align: center;}
.m-product li:hover{ background: #043592;}
.m-product li:hover .img img{ transform: scale(1.05);  transition: all 0.3s;}
.m-product li a{ color: #fff;}
.m-product li:hover a{ color: #fff;}

.hmore .pll{background: url(../images/prev1.png) no-repeat center; right:-1px!important;}
.hmore .pll:after{display: none;}
.hmore .prr{background: url(../images/next-p.png) no-repeat center; left:-1px!important;}
.hmore .prr:after{display: none;}



.m-ys{ padding: 15px 0; overflow: hidden;}
.ysbox{ background: #fff; padding-top: 15px; margin-bottom: 10px; text-align: center;}
.ys{ text-align: center;}
.ysbox .txt{ width: 80%; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.ysbox:hover .txt{ color: #043592;}
.ysbox .line{ width: 30px; height: 3px; margin: 0 auto; background: #333333; transition: all .5s}
.ysbox:hover .line{ width: 50px; background: #043592; transition: 0.4s;}
.ysbox .img{ margin-top: 25px;}

.m-message{ padding-top: 15px; padding-bottom: 30px; overflow: hidden;}
.ms{ width: 41.6%; float: left;}
.mss1{ color: #000; font-size: 26px; line-height: 35px;}
.mss1 span{ font-weight: 700;}
.mss2{width: 80%; line-height: 35px; font-size: 18px;}
.mss3{ width: 80%; margin: 15px 0; overflow: hidden;  text-align: right;}
.mss4{ height: 69px;margin-top: 15px; padding-left: 75px; background: url(../images/mss4.png) no-repeat left center; font-size: 28px; font-weight: 700; color: #333;}
.mss4 span{ font-size: 16px; color: #555; font-weight: 100;}
button:active, button:focus, input:active, input:focus, textarea:active, textarea:focus{ outline:0; }
.message-box{ width: 98%; margin: 0 auto; overflow: hidden;}
.message-box li{ margin-bottom: 20px;}
.ms1{ width: 100%; background: #fff; border: 1px solid #b5b5b5; padding-left: 20px;  height: 55px; line-height: 55px; overflow: hidden; }
.ms2{ width: 150px; background: #fff; border: 1px solid #b5b5b5; padding-left: 20px;  height: 55px; line-height: 55px;}
.ms3{ width: 130px; height: 55px; vertical-align: top; border: none;}
.ms5{ display: block; width: 100%; height: 57px; background: #1e1e1e; line-height: 57px; font-size: 16px; text-align: center; color: #fff;}
.ms5:hover{ color: #ff0000;}
@media(max-width: 576px){
  .ms3{width:100px;}
}
.m-case{ background: url(../images/m-product.jpg) no-repeat top center; padding: 40px 0; overflow: hidden;background-size: cover;}
.m-case .hdd{overflow: hidden; padding-bottom: 20px;}
.m-case .hdd .img{ text-align: center; margin-bottom: 25px; color: #fff; font-size: 20px; font-weight: 700;}
@media (min-width:992px){ 
  .m-case .hdd .img{  font-size: 30px;}
}
@media (min-width:1200px){ 
  .m-case .hdd .img{font-size: 30px; }
}
.m-case .hdd .cline{ width: 100px; height: 4px; margin: 0 auto;  margin-top: 10px; background: #043592; overflow: hidden;}
.m-case .hdd:hover .cline{ width: 120px; transition: 0.4s;}

.case-left{ width: 100%; overflow: hidden;}
.case-left .bd{}
.case-left .bd ul{}
.case-left .bd ul li{ width: 25%;float: left; overflow: hidden;}
.case-left .bd ul li .pic{ margin-bottom: 15px; text-align: center; }
.case-left .bd ul li .pic img{ width: 90%;transition: all .5s}
.case-left .bd ul li .title{ width: 90%; margin: 0 auto;  height: 38px; line-height: 38px; text-align: center; box-sizing: border-box; padding: 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 700; font-size: 16px; border-radius: 30px; background:#fff;transition: all .5s}
.case-left .bd ul li a:hover .title{ border-radius: 30px; background:#043592; color: #fff;}
.case-left .bd ul li a:hover .pic img{transform: scale(1.05);  transition: all 0.3s;}


.wcase-left{ width: 100%; overflow: hidden;}
.wcase-left .bd{}
.wcase-left .bd ul{}
.wcase-left .bd ul li{ width: 100%;float: left; overflow: hidden;}
.wcase-left .bd ul li .pic{ margin-bottom: 15px; text-align: center; }
.wcase-left .bd ul li .pic img{ max-width: 100%;}
.wcase-left .bd ul li .title{ width: 90%; margin: 0 auto;  height: 58px; line-height: 58px; box-sizing: border-box; padding: 0 15px; text-align: center; font-weight: 700; font-size: 16px; border-radius: 30px; background:#fff;}
.wcase-left .bd ul li a:hover .title{ border-radius: 30px; background:#f00; color: #fff;}
.wcase-left .bd ul li a:hover .pic img{transform: scale(1.05);  transition: all 0.3s;}

.m-news{ background:#fff url(../images/m-news.png) no-repeat bottom center; padding: 45px 0; overflow: hidden;}

.join .hd{ height: auto; overflow: hidden; border-bottom: 2px solid #a7a7a7; line-height: 45px;}
.join .hd p{ width: 50%; float: left; font-size: 18px; margin-bottom: 0;}
.join .hd p span{ font-weight: 700;}
.join .hd a{ float: right; text-align: right; font-size: 18px;}
.join .bd{ padding-top: 50px; overflow: hidden;}
.join .bd li{padding-left: 80px; color: #8c8c8c; font-size: 14px; background: url(../images/qa.png) no-repeat left center;margin-bottom: 30px; overflow: hidden;transition: all .5s}
.join .bd li a{ color: #000; font-size: 16px;transition: all .5s;width:calc(100% - 10px);display: block;}
.join .bd li a:hover{padding-left: 10px; color: #730711; font-weight: 700;}
.join .bd li:hover{ color: #043592;}


.news .hd{ height: auto; overflow: hidden; border-bottom: 2px solid #a7a7a7; line-height: 45px;}
.news .hd p{ width: 50%; float: left; font-size: 18px; margin-bottom: 0; }
.news .hd p span{ font-weight: 700;}
.news .hd a{ float: right; text-align: right; font-size: 18px;}
.news .bd{ padding-top: 50px; overflow: hidden;}
.n1{ width: 100%;  background: #043592; overflow: hidden;}
.n1 .img{ width: 194px; float: left;transition: all 0.3s;}
.n1 .img img{width:100%;object-fit: cover;}
.n1 .txt{ width: calc(100% - 194px);  float: right; font-size: 12px; color: #fff; padding:10px;;padding-top: 5px; transition: all 0.3s;}
.n1-t{ padding-bottom: 5px; height: 28px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n1-q{ line-height: 28px; padding-bottom: 5px; font-size: 14px;-webkit-line-clamp:2;}
.n1-a{ text-align: right;}
.n1 a:hover .img{transform: scale(1.05);  }
.n1 a:hover .txt{ padding-left: 20px;}
.n2{ padding-top: 18px; overflow: hidden;}
.n2 li{ line-height: 35px;padding-right: 3px;transition: all 0.3s;display: flex;justify-content: space-between;height: 35px;}
.n2 li a{width:calc(100% - 80px);display: block;overflow: hidden;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.n2 li span{ float: right;width:95px;}
.n2 li:hover{ background: #043592; color: #fff; text-indent: 15px;   transition: all 0.3s;}
.n2 li:hover a{color: #fff;  }
@media(max-width: 576px){
  .n1 .img{width:100%;}
  .n1 .txt{width:100%;padding:10px;}
  ./*n2 li a{width:60%;}*/
}
/*--- sidebar ---*/ 

/*--- company ---*/


/*--- footer ---*/
.footer{ width: 100%; padding: 50px 0; background: url(../images/footer.png);}
.f-logog{ padding-top: 1px;}
.f-logo1{ margin-bottom: 20px;}
.f-logo2{color: #cbcbcb; font-size: 14px; line-height: 40px;}

.ff-nav .hd{ padding-left: 30px; font-size: 16px; color: #fff;}
.ff-nav .bd{ padding-left: 30px; padding-top: 10px; overflow: hidden;}
.ff-nav .bd li{ width: 50%; float: left; line-height: 35px;}
.ff-nav .bd li a{ color: #fff;}
.ff-nav .bd li a:hover{ color: #f00;}

.f-txt .hd{ font-size: 16px; color: #fff;}
.f-txt .bd{ padding-top: 10px; overflow: hidden;}
.f-txt .bd li{ line-height: 35px;  color: #fff; font-size: 13px; }
.f-txt .bd li a{color: #fff;}
/*.ft1{ background: url(../images/f1.png) no-repeat left center;}
.ft2{ background: url(../images/f2.png) no-repeat left center;}
.ft3{ background: url(../images/f3.png) no-repeat left center;}*/
.f-ewm{ text-align: center; padding-top: 15px;}
.f-ewm img{ width: 136px;}
.wf1{ padding-bottom: 25px; overflow: hidden;}
.end{ background: #043592; height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 6rem;}
@media (min-width:992px){ 
  .end{ margin-bottom: 0;}
}
@media (min-width:1200px){ 
  .end{margin-bottom: 0;}
}
@media(max-width: 576px){
  .ff-nav .hd{padding-left: 0}
  .ff-nav .bd{padding-left:0;}
}
.end .hd{ float: left;}
.end .bd{ float: left; padding-left: 10px;}
.end .bd a{ color: #fff; margin-right: 25px;}

#end{ width:100%; background: #043592; height: 6rem; 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: 25%;}
/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
  #end li img{ max-width: 15%;}
}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}


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




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

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.m-plist{  padding: 70px 0;}
	.m-message{ padding-top: 15px;padding-bottom: 80px; background: url(../images/m2.png) no-repeat bottom center; overflow: hidden;}
	.message-box{ width: 33.3%; float: right;}
	.n1 .img{ float: left;}
	.n1 .txt{  padding-right: 15px; float: right; font-size: 16px; color: #fff; padding-top: 10px;}
	.n1 .txt a{ color: #fff; font-size: 16px;}
	.n1-t{ padding-bottom: 5px;}
	.n1-q{ line-height: 28px; padding-bottom: 5px;}
	.n1-a{ text-align: right;}
	.footer{  margin-bottom: 0;}
	.c-c-left .home{ width: 10%; }
    .c-c-right{ width: 30%;}
    .company-line li{ width: 13%;}
    .inside .bd{ padding: 35px;}
	.team-box .t-img{ width: 25%; float: left; overflow: hidden;}
	.team-box .t-ctt{ width: 73%; float: right; overflow: hidden;}
  .m-company .ctxt{ padding-top: 66px; overflow: hidden;}
  .m-ys{ padding: 111px 0 45px 0; overflow: hidden;}
}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.m-plist{  padding: 80px 0 45px 0;}
	.m-message{ padding-top: 15px;padding-bottom: 80px; background: url(../images/m2.png) no-repeat center; overflow: hidden;}
	.message-box{ width: 33.3%; float: right;}
	.n1 .img{ float: left;}
	.n1 .txt{ padding-right:15px; float: right; font-size: 16px; color: #fff; padding-top: 10px;}
	.n1 .txt a{ color: #fff; font-size: 16px;}
	.n1-t{ padding-bottom: 5px;}
	.n1-q{ line-height: 28px; padding-bottom: 5px;}
	.n1-a{ text-align: right;}
	.footer{  margin-bottom: 0;}
	.c-c-left .home{ width: 10%; }
    .c-c-right{ width: 30%;}
    .company-line li{ width: 13%;}
    .inside .bd{ padding: 35px;}
	.team-box .t-img{ width: 25%; float: left; overflow: hidden;}
	.team-box .t-ctt{ width: 73%; float: right; overflow: hidden;}
  .m-company .ctxt{ padding-top: 66px; overflow: hidden;}
  .m-ys{ padding: 50px 0 45px 0; overflow: hidden;}
}
@media (max-width:1400px){
  .m-company{ padding:50px 0; }
}
@media (max-width:1200px){
  .news .bd{ padding-top: 40px; }
  .m-company{ padding:45px 0; }
  .third-effect a.info { margin-top: 20px; margin-left: 0; }
}
@media (max-width:992px){
  .news .bd{ padding-top: 35px; }
  .m-company{ padding:40px 0; }
  .m-company .ctxt .bittle{ width: 18%; }
  .m-plist{ background-size: cover; }
  
}
@media (max-width:768px){
  .news .bd{ padding-top: 30px; }
  .m-company{ padding:35px 0; }
  .m-company .ctxt .bittle{ width: 30%; }
  .m-company .ctxt .bittle img{ height: 340px; }
  .n2 li span{ text-align: right; }
}
@media (max-width:640px){
  .news .bd{ padding-top: 25px; }
  .m-company{ padding:30px 0; }
  .m-company .ctxt .bittle{ width: 20%; height: 100%; }
  .m-company .ctxt .txt{ width: 80%; }
  .m-company .ctxt .bittle img{ height: auto; object-fit: contain; }
}
@media (max-width:576px){
  .news .bd{ padding-top: 20px; }
  .m-company{ padding:25px 0; }
  .f-txt{ margin-top: 20px; }
}
@media (max-width:414px){
  .news .bd{ padding-top: 15px; }
  .m-company{ padding:20px 0; }
  .m-company .ctxt{ padding-top: 0; }
  .m-company .ctxt .bittle{ display: none; }
  .m-company .ctxt .txt{ width: 100%; display: flex; flex-direction: column-reverse; }
  .m-company .ctxt .txt .hd{ width: 100%; line-height: 1.8; height: auto; writing-mode: inherit; }
  .m-company .ctxt .txt .bd{ width: 100%; writing-mode: inherit; height: auto; padding-left: 15px; letter-spacing: 0; margin-bottom: 12px; }
  .f-nav li a span{ display: none; }
  .f-nav li a{ height: auto; padding:10px 0; }
  .f-logo{ width: 20%; padding-top: 0; }
  .f-nav{ width: 80%; }
  .third-effect a.info{ margin-top:0; margin-left:-20px; }
  .pidbox li{ height: 100%; }
  .f-logo2{ font-size: 12px; line-height: 1.5; }
}