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; }
/*--- 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: #32b16c;}
.se2{ background: #32b16c;}
.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: #32b16c; font-size: 20px; font-weight: 700;}
.head{ width: 100%;}
.logo{ text-align: center;}

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


.f-top{ width: 100%; height: 38px; line-height: 38px; background: #efefef; overflow: hidden;}
.f-fav{ text-indent: 15px;}
.f-fav span{ color: #32b16c; 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: #32b16c; 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 (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: #32b16c; color: #fff;}
}

/*--- 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: #32b16c; color: #fff; text-indent: 10px;}



@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; padding-left: 10px;}
#nav li .navson dl dt a{ color: rgba(0,0,0,0.8) !important; background: none!important; border-left: none; line-height: 30px; text-indent: 10px; text-align: left; padding-top: 10px!important; font-size: 16px;}
#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{ 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: 120%; 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: 140px; 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; border: 85px solid 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 { position: relative; left: -60px; font-size: 16px; padding-top: 35px; background: url(../images/link.png) no-repeat top center; top:-30px; 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){ 
  .view img {height: 180px;}
  .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){ 
  .view img {height: 200px;}
  .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){ 
  .view img {height: 250px;}
  .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){ 
  .view img {height: 260px;}
  .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){ 
  .view img {height: 290px;}
  .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){ 
  .view img {height: 280px;}
  .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:1000px){ 
  .view img {height: 280px;}
  .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){ 
  .view img {height: 190px;}
  .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){ 
  .view img {height: 190px;}
  .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){ 
  .view img {height: 240px; }
  .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: #32b16c; color: #fff; font-size: 35px; line-height: 25px;}
.pidname .c3 li a:hover{ background: #66cd99;}


@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: 70%;position: relative;overflow: hidden;transition: all .5s;}
.m-product li .img img{width: 100%;height: 100%; object-fit: cover;position: absolute;}
/*.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: #32b16c;}
.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: #32b16c;}
.ysbox .line{ width: 30px; height: 3px; margin: 0 auto; background: #333333; }
.ysbox:hover .line{ width: 50px; background: #32b16c; 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;}

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

.m-case{ background: url(../images/m-product.jpg) no-repeat top center; padding: 40px 0; overflow: hidden;}
.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: #32b16c; 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%;}
.case-left .bd ul li .title{ width: 90%; margin: 0 auto;  height: 38px; line-height: 38px; text-indent: 70px;  font-weight: 700; font-size: 16px; border-radius: 30px; background:#fff url(../images/case-icon.png) no-repeat left center;}
.case-left .bd ul li a:hover .title{ border-radius: 30px; background:#32b16c url(../images/case-icon.png) no-repeat left center; 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; text-indent: 70px;  font-weight: 700; font-size: 16px; border-radius: 30px; background:#fff url(../images/case-icon.png) no-repeat left center;}
.wcase-left .bd ul li a:hover .title{ border-radius: 30px; background:#f00 url(../images/case-icon.png) no-repeat left center; 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: 62px; border-bottom: 2px solid #a7a7a7; line-height: 45px;}
.join .hd p{ width: 50%; float: left; font-size: 18px;}
.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;}
.join .bd li a{ color: #000; font-size: 16px;}
.join .bd li a:hover{padding-left: 10px; color: #730711; font-weight: 700;}
.join .bd li:hover{ color: #32b16c;}


.news .hd{ height: 62px; border-bottom: 2px solid #a7a7a7; line-height: 45px;}
.news .hd p{ width: 50%; float: left; font-size: 18px;}
.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: #32b16c; overflow: hidden;}
.n1 .img{ width: 45%; float: left;}
.n1 .txt{ width: 53%; padding-right: 1%; float: right; font-size: 12px; color: #fff; padding-top: 5px;}
.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;}
.n1-a{ text-align: right;}
.n1 a:hover .img{transform: scale(1.05);  transition: all 0.3s;}
.n1 a:hover .txt{ padding-left: 20px; transition: all 0.3s;}
.n2{ padding-top: 18px; overflow: hidden;}
.n2 li{ line-height: 35px;padding-right: 3px;}
.n2 li span{ float: right;}
.n2 li:hover{ background: #32b16c; color: #fff; text-indent: 15px;   transition: all 0.3s;}
.n2 li:hover a{color: #fff;  transition: all 0.3s;}
/*--- 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{ padding-left: 30px; font-size: 16px; color: #fff;}
.f-txt .bd{ padding-left: 30px; padding-top: 10px; overflow: hidden;}
.f-txt .bd li{ line-height: 35px;  color: #fff;}
.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: #32b16c; 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;}
}
.end .hd{ float: left;}
.end .bd{ float: left; padding-left: 10px;}
.end .bd a{ color: #fff; margin-right: 25px;}

#end{ width:100%; background: #32b16c; 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: 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{ width: 35%; float: left;}
	.n1 .txt{ width: 60%; padding-right: 1%; 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 bottom center; overflow: hidden;}
	.message-box{ width: 33.3%; float: right;}
	.n1 .img{ width: 35%; float: left;}
	.n1 .txt{ width: 60%; padding-right: 1%; 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;}
}