@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  font-family: helvetica,"PingFangSC","microsoft yahei","微软雅黑",Arial,sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: lighter;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul,li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
	color: #000000;
  text-decoration: none;
}
html{font-size:625%}
body{font-size:0.16rem;}
.header{position: fixed;display: block;top: 0.45rem;height: 0.70rem;width: 100%;z-index: 10;font-size: 0;transition: all 0.5s;}
.header img{height: 0.70rem;margin-left: 1.60rem;display: inline-block;}
.header-small{top: 0rem;background: rgba(0,0,0,0.5);}
.header-small img{height: 0.50rem;margin-top: 0.010rem;transition: all 0.5s;}
.header-small .nav li a{font-size: 0.22rem;}
.header .nav{display: inline-block;float: right;margin-right: 1.00rem;}
.header .nav li{float:left;transition: all 0.5s;position: relative;display:inline;}
.header .nav li a{font-size: 0.26rem;color: #ffffff;line-height: 0.70rem;font-weight: lighter;padding: 0 0.20rem;padding-bottom: 0.05rem;transition: all 0.5s;}
.nav:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.nav{position:relative; z-index:1; display: inline-block; }
.nav .nli{ float:left;  position:relative; display:inline;}
.nav .sub{ display:none;width:5.60rem; left:50%;margin-left:-2.80rem;padding: 0.25rem 0;top:0.70rem;position:absolute; background:rgba(0,0,0,0.5);z-index: 99;}
.nav .suben{width:8.80rem;margin-left:-4.4rem;}
.header .nav .sub li{ zoom:1;float: left;}
.nav .sub li a{font-size: 0.18rem;line-height: 0.36rem;width: 0.9rem;padding: 0rem 0.25rem;display: block;}
.nav .suben li a{width: 1.9rem;padding: 0rem 0.15rem;font-size: 0.18rem;}
.nav .on .sub a{border: none;}
.nav .on{/* background:#606060; */border-bottom: 0.05rem solid #fff;transition: all 0.3s;height: 0.65rem;}
/*.header ul li a:hover{border-bottom: 0.05rem solid #ffffff;transition: all 0.5s;}*/
.header .header-product .sub{width: 5.4rem;margin-left: -2.7rem;text-align: center;padding-bottom: 0;}
.header .header-product .suben{width: 7.8rem;margin-left: -3.9rem;}
.header .header-product .sub li{width: 33.33%;float: left;font-size: 0.18rem;line-height: 0.4rem;color: #FFFFFF;display: inline-block;}
.header .header-product .sub a{font-size: 0.18rem;line-height: 0.4rem;width: auto;padding: 0;}
.header .header-product .sub li ul li{width: 100%;margin: 0;}
.header .header-product .sub li ul li:first-child a{font-size: 0.22rem;}
.header .header-product .sub .product-more{width: 100%;}
.header .header-product .sub .product-more a{font-size: 0.22rem;line-height: 0.5rem;}
.rightNav{ position:fixed; right:-0.75rem; top:50%;margin-top:-1.1rem;text-align:center; cursor:pointer;z-index: 11;transition: all 0.5s;}
.rightNav:hover{ right:0;}
.rightNav div{box-shadow: 0 0 0.2rem rgba(0,0,0,.2);background-color: #ffffff;float: left;transition: all 0.5s 0.5s; }
.rightNav div p{color:#000;
  width:0.18rem;font-size: 0.18rem;
  line-height:0.25rem;
  margin: 0 auto;
  padding:0.15rem 0;}
.rightNaven div p{word-wrap:break-word;
  width:0.12rem;font-size: 0.18rem;line-height:0.2rem;}
.rightNav div div{background-color: #048348;padding:0.1rem;}
.rightNav ul{ float: right; width:0.75rem;background-color: #ffffff;transition: all 0.5s;z-index: 11;}
.rightNav ul:hover{box-shadow: 0 0 0.2rem rgba(0,0,0,.2);;}
.rightNav ul:hover + div{opacity: 0;;transition: all 0.5s ;}
.rightNav ul li{text-align: center;display: block;height:0.75rem;position: relative;box-sizing: border-box;padding-top: 0.15rem;border-bottom:0.01rem solid #c2c2c2;border-left:0.01rem solid #ffffff;transition: all 0.5s;}
.rightNav ul li i{  margin:0 auto;font-size: 0.25rem;color: #2c2c2c;}
.rightNav ul li p{  line-height: 0.30rem;  font-size:0.12rem;}
.rightNav ul li div{  line-height: 0.75rem;font-size: 0.20rem;background-color: #048348;  color: #ffffff;  padding:0 0.15rem;position: absolute;  right:-2.10rem;  top:0;  z-index:-1;  transition: right 1s}
.rightNav ul li a{color: #ffffff;}
.rightNav ul li img{height:1.75rem;width:1.75rem;display: block;}
.rightNav ul li:last-child div{  padding:0.15rem;background-color: #ffffff;border:0.01rem solid #c2c2c2;top: -0.65rem}
.rightNav ul li:last-child{border-bottom:none}
.rightNav ul li:hover{background-color: #048348;}
.rightNav ul li:hover p{ color: #ffffff;}
.rightNav ul li:hover i{ color: #ffffff;}
.rightNav ul li:hover div{ right:0.75rem;}
.header .m-header{display: none;}
.header .m-nav{display: none;}
.icon-contact{height: 0.4rem;width: 0.4rem;display: block;background: url("../img/icon-contact.png") no-repeat;background-size: 100% 100%;}
.banner{width: 100%;height:9.80rem;overflow:hidden; position:relative;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; vertical-align:middle;position: relative;}
.banner .bd li img{width:19.20rem; height:9.80rem; display:block;}
.banner .hd{position: absolute;left: 0;bottom: 1.15rem;z-index: 1;width: 100%;overflow: hidden}
.banner .hd ul{text-align: center}
.banner .hd ul li{cursor: pointer;display: inline-block;zoom: 1;width: 0.55rem;height: 0.16rem;margin-right:0.15rem;overflow: hidden;font-size: 0;background-color: #ffffff;border-radius: 0.08rem;transition: all 0.5s;}
.banner .hd ul .on{height: 0.16rem;width: 0.16rem;border-radius: 50%;}
.warp-title{width: 100%;height: 2.40rem;text-align: center;}
.warp-title::before{content:'';width: 100%;height: 2.40rem;position: absolute;left: 0;background: rgba(0,143,58,0.61);}
.warp-title p{top: 0.60rem;font-size: 0.50rem;color: #ffffff;position: relative;z-index: 9;font-weight: lighter;letter-spacing:0.05rem;}
.warp-title p:last-child{margin-top: 0.15rem;letter-spacing:0.10rem;}
.warp1{width: 100%;height: 12.10rem;}
.warp1-content{width: 14.05rem;padding-top: 0.90rem;margin:0 auto;}
.warp1-content{position: relative;}
.warp1-content .advantage{text-align: center;color: #009644;}
.warp1-content .advantage img{display:block;height: 0.60rem;margin: 0 auto;margin-bottom: 0.20rem;}
.warp1-content .unit{font-size: 0.26rem;position: absolute;top: 1.05rem;}
.advantage span{font-size: 0.80rem;}
.advantage p{font-size: 0.32rem;font-weight: lighter;margin-top: 0.25rem;}
.advantage p:last-child{font-size: 0.16rem;margin-top: 0.05rem;}
.advantage1{position: absolute;left: 0;top: 0.90rem;}
.advantage1 .unit{left: 1.90rem;}
.advantage2{margin: 0 auto;}
.advantage2 .unit{top:1.95rem;left: 8.10rem;}
.advantage3{width: 2.00rem;position: absolute;right: 0.80rem;top: 0.90rem;}
.advantage3 .unit{right: -0.80rem;}
.advantage3 .uniten{right: -0.70rem;}
.map{width: 14.05rem;height: 7.20rem;position: relative;margin-top:1.25rem;background: url("../img/map.png") no-repeat;background-size: 100% 100%;}
.map i{border-radius: 50%;background: rgba(0,143,58,0.27);position: absolute;transition: all ease 1s 0.5s;}
.map i:hover{transform:scale(0);transition: all 1s;}
.circle1{height: 1.01rem;width: 1.01rem;left: 1.70rem;top: 3.00rem;}
.circle2{height: 0.74rem;width: 0.74rem;left: 3.75rem;top: 1.80rem;}
.circle3{height: 1.74rem;width: 1.74rem;left: 4.05rem;top: 2.55rem;}
.circle4{height: 0.49rem;width: 0.49rem;left: 5.45rem;top: 2.55rem;}
.circle5{height: 0.71rem;width: 0.71rem;left: 9.75rem;top: 3.20rem;}
.circle6{height: 1.11rem;width: 1.11rem;left: 10.40rem;top: 2.30rem;}
.warp2{width: 15.60rem;height: 9.10rem;margin: 0 auto;position: relative;}
.warp2 .warp-title {height: 2.00rem;}
.warp2 .warp-title p{color: #009644;top:0.30rem; }
.warp2 .warp-title::before{display: none;}
.warp2 .more{position: absolute;bottom: -1rem;letter-spacing: 0.05rem;left: 50%;margin-left: -0.80rem;color: #ffffff;height:0.45rem;line-height:0.45rem;width:1.60rem;background: #009644;text-align: center;border-radius: 0.10rem;font-size: 0.26rem;font-weight: lighter;}
.warp2 .more a{color:#ffffff;}
.warp2-category{height: 0.60rem;line-height: 0.60rem;}
.warp2-category li{float: left;width: 2.10rem;height: 0.60rem;text-align: center;transition: all 0.5s;}
.warp2-category li:first-child{background:#009644;}
.warp2-category li a{color:#231815;font-size: 0.24rem;font-weight: lighter;transition: all 0.5s;}
.warp2-category li .active{color:#ffffff;}
.warp2-category li:nth-child(1){margin-left: 1.25rem;}
.warp2-category li:nth-child(2){margin-left: 0.75rem;}
.warp2-category li:nth-child(3){margin-left: 0.55rem;}
.warp2-category li:nth-child(4){margin-left: 0.55rem;}
.warp2-category li:nth-child(5){margin-left: 0.75rem;}
.warp2-list-container{margin-top: 0.50rem;width: 100%;}
.warp2-list-container li{width: 100%;}
.warp2-listbd ul{height: 4.35rem;}
.warp2-listbd li{position: relative;width: 4.5rem!important;height: 100%;margin: 0 0.35rem;float: left;background: #f5f5f5;}
.warp2-listbd p{display: inline-block;}
.warp2-listbd a{display: block;height: 100%;}
.warp2-listbd .no{color: #DBDBDB;font-size:0.90rem;opacity: 0;width: 2.00rem;margin-left: 0.15rem;letter-spacing: 0.15rem;font-weight:lighter;}
.warp2-listbd .title{font-size:0.22rem;margin-left: 0.625rem;margin-top:0.5rem;}
.warp2-listbd .recommend{position: absolute;font-size: 0.14rem;right: 0.4rem;bottom: 0.4rem;line-height: 0.25rem;background: #009644;padding: 0.04rem 0.10rem;border-radius: 0.10rem;color: #ffffff;}
.warp2-listbd li img{width: 100%;height: 2.55rem;display: block}
.warp2-list{ width:15.6rem;position:relative;margin: 0 auto;}
.warp2-list .warp2-listhd .warp2-list-prev,.warp2-list .warp2-listhd .warp2-list-next{ top: 50%;display:block;position:absolute;width:0.30rem; height:0.40rem; float:right;
  cursor:pointer; background:url("../img/about/arrow.png") no-repeat;background-size: 100%,100%;}
.warp2-list .warp2-listhd .warp2-list-next{right: -0.90rem;transform:rotate(180deg);z-index: 9;}
.warp2-list .warp2-listhd .warp2-list-prev{left: -0.90rem; }
.warp3{width: 100%;}
.warp3 .warp-title{background: url("../img/warp-title-1.png") no-repeat;background-size: 100% 100%;}
.warp3 ul{width: 12.30rem;height:13.75rem;background: #f4f4f4;margin: 0.85rem auto 1.00rem auto;}
.warp3 ul li{width: 50%;height: 2.75rem;float: left;position: relative;}
.warp3 ul li .no{color: #e6e6e6;display: inline-block;font-size:1.60rem;letter-spacing: 0.05rem;font-weight:lighter;margin-top: 1.05rem;margin-left: 0.20rem;}
.warp3 ul li:nth-child(4n+2) .no{float: right;margin-right: 0.20rem;}
.warp3 ul li img{width: 100%;height: 100%;}
.warp3 .content{position: absolute;top: 0.45rem;color: #009644;font-weight: lighter;font-size: 0.20rem;}
.warp3 .content p:nth-child(1){font-size: 0.40rem;margin-bottom: 0.15rem;}
.warp3 .content p:nth-child(2){margin-bottom: 0.20rem;}
.warp3 .content p:nth-child(3){letter-spacing: 0.04rem;}
.warp3 ul li:nth-child(4n+2) .content{left: 0.35rem;text-align: left;}
.warp3 ul li:nth-child(4n+3) .content{right: 0.35rem;text-align: right;}
.warp4{width: 100%;}
.warp4 .warp-title{background: url("../img/warp-title-2.png") no-repeat;background-size: 100% 100%;}
.warp4 ul{width: 15.90rem;height: 11.05rem;margin: 0.75rem auto 2.15rem auto;}
.warp4 ul li{width: 7.25rem;height: 2.20rem;margin-bottom: 0.90rem;position: relative;}
.warp4 ul li:hover{transition: all 0.5s;}
.warp4 ul li:hover .date{background: #008e38;color: #ffffff;transition: all 0.5s;}
.warp4 ul li:hover .content{background: #b0b0b0;color: #ffffff;transition: all 0.5s;}
.warp4 ul li:first-child:hover .date{background:#b0b0b0;transition: all 0.5s;}
.warp4 ul li:first-child{width: 100%;height: 4.60rem;margin-bottom: 1.15rem;}
.warp4 ul li:nth-child(2n+1){float: right;}
.warp4 ul li:nth-child(2n+2){float: left;}
.warp4 ul li .content{height: 100%;width:6.15rem;background: #eaeaea;display: inline-block;float: right;transition: all 0.5s;padding: 0.30rem 0.40rem 0 0.40rem;box-sizing: border-box;}
.warp4 ul li .content p{text-align: justify;font-size: 0.21rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.warp4 ul li .content h2{font-size: 0.28rem;margin-bottom: 0.20rem;}
.warp4 ul li .content h3{font-size: 0.15rem;margin-bottom: 0.35rem;}
.warp4 ul li .content a{font-size: 0.15rem;padding: 0.05rem 0.15rem;float:right;margin-top: 0.40rem;background: #ffffff;line-height:1;color: #000000!important;border-radius: 0.05rem;display:inline-block;}
.warp4 ul li .date{height: 1.10rem;width:1.10rem;background: #d9d9d9;display: inline-block;float: left;transition: all 0.5s;}
.warp4 ul li .date p{text-align: right;margin-right: 0.20rem;}
.warp4 ul li .date p:first-child{font-size: 0.30rem;margin-top: 0.25rem;}
.warp4 ul li .date p:last-child{font-size: 0.20rem;margin-top: 0.15rem;}
.warp4 ul li:first-child img{width: 5.40rem;height: 3.60rem;position: absolute;top:0.50rem;}
.warp4 ul li:first-child .content{width: 11.10rem;padding: 0.95rem 1.85rem 0 1.85rem;}
.warp4 ul li:first-child .content a{float: left}
.warp4 ul li:first-child .content p{font-size: 0.15rem;line-height: 0.35rem;display: -webkit-box;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.warp4 ul li:first-child .content h2{font-size: 0.25rem;}
.warp4 ul li:first-child .content h3{font-size: 0.14rem;}
.warp4 ul li:first-child .date{background:#eaeaea;position: absolute;right: 0;width: auto;}
.warp4 ul li:first-child .date p{margin-right: 0.60rem;}
.warp4 ul li:first-child .date p:first-child{font-size: 0.48rem;margin-top: 0.50rem;}
.warp4 ul li:first-child .date p:last-child{font-size: 0.24rem;}
.m-footer{display: none;}
.footer{height: 3.65rem;position: relative;background: #048348;color:#ECECED;font-weight: lighter;font-size: 0.16rem;}
.footer-left{height: 100%;float: left;}
.footer-left-1{width: 1.30rem;float: left;margin: 0.65rem 0 0 1.75rem;font-size:0.16rem;}
.footer-left-1 img{height: 1.30rem;width: 1.30rem;margin-bottom: 0.10rem;}
.footer-left-2{width: 2.65rem;float: left;margin: 0.65rem 0 0 0.30rem;text-align: justify;word-break: break-all;}
.footer-left-2 p:first-child{font-size: 0.28rem;}
.footer-left-2 a{margin-top: 0.20rem;color: #ffffff;display: block;}
.footer-left-2 p:nth-child(2){font-size: 0.20rem;margin-top: 0.30rem;margin-bottom: 0.05rem;text-align-last:justify;}
.footer-left-2 p:nth-child(3){line-height: 0.20rem;}
.footer-left-2 .en{text-align-last:left!important;}
.footer-right{width: auto;height: 100%;float: right;margin-right: 1.75rem}
.footer-right dl a{color: #ffffff}
.footer-right dl{float: left;margin-left: 0.5rem;margin-top: 0.85rem;}
.footer-right dl:first-child{margin-left: 0rem;}
.footer-right dl dd{margin-bottom: 0.15rem;height: auto;}
.footer-right dl dt{margin-bottom: 0.20rem;padding-bottom: 0.25rem;border-bottom: 0.02rem solid #ECECED;}
.footer-bottom{position: absolute;top: 3.25rem;width: 100%;}
.footer-bottom p{padding-left: 1.75rem;display: inline-block;}
/*.footer-bottom ul{margin-top: 0.15rem;padding-left:1.75rem;display: block;}*/
/*.footer-bottom ul li{float: left;width: 20%;}*/
.back2top{position: fixed;right: 1.00rem;bottom: 1.00rem;height: 0.40rem;width: 0.40rem;display: block;background: url(../img/back2top.png) no-repeat;background-size: 100% 100%;}

.about{position: relative;}
.about-banner{width: 100%;height: 7.50rem;}
.about-content{width: 100%;position: relative;text-align: center;color:#ffffff;height:2.40rem;margin-top: -2.40rem;background: rgba(0,143,58,0.61);}
.about-content h1{font-size: 0.43rem;padding-top: 0.40rem;letter-spacing: 0.10rem;}
.about-contenten h1{letter-spacing: 0;}
.about-content .hd{font-size: 0.26rem;margin-top: 0.35rem;}
.about-content .hd li{height: 0.60rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.about-content .hd .on{background: rgba(255,255,255,0.42);}
.about .hd li:nth-child(2){margin: 0 0.70rem;}
.about .bd li:nth-child(1){height: auto;padding-bottom: 1rem;}
.about .bd li:nth-child(2){height: 9.95rem;background: #efefef;position: relative;}
.about .bd li:nth-child(3){height: 14.10rem;}
.about-content1,.about-content2{width: 15.60rem;height: auto;overflow: hidden;margin: 0 auto;position: relative;}
.about-content1{margin-top: 1.00rem;}
.about-content1-text,.about-content2-text{width: 11.50rem;height:100%;background: #efefef;padding-bottom: 0.5rem;min-height: 4.5rem;}
.about-content1-text{float: right;}
.about-content1-text h2,.about-content1-text p{padding-left:3.40rem;padding-right:0.90rem;}
.about-content1-text h2{padding-top: 0.55rem;font-size: 0.28rem;}
.about-content1-text p{padding-top: 0.40rem;text-indent: 2em;text-align:justify;font-size: 0.14rem;line-height: 0.24rem;}
.about-content2-text h2,.about-content2-text p{padding-right: 3.40rem;padding-left:0.90rem;}
.about-content2-text h2{padding-top: 0.55rem;font-size: 0.28rem;text-align: right;}
.about-content2-text p{padding-top: 0.40rem;text-indent: 2em;text-align:justify;font-size: 0.14rem;line-height: 0.24rem;}
.about-content2{margin-top: 1.10rem;}
.about-content1 img,.about-content2 img{width: 6.60rem;height: 3.90rem;position: absolute;top: 0.50rem;}
.about-content2 img{right: 0;}
.about .circle2,.about .circle3,.about .circle4,.about .circle5{height: 3.60rem;width: 3.60rem;border: 0.01rem #009644 dashed;border-radius: 50%;position: absolute;left: 50%;top: 50%;}
.about .circle{height: 3.30rem;width: 3.30rem;margin:0.15rem;border-radius: 50%;background: #ffffff;text-align: center;letter-spacing: 0.03rem;}
.about .circle1{height: 4.90rem;width: 4.90rem;border: 0.01rem #009644 dashed;border-radius: 50%;position: absolute;left: 50%;top: 50%;}
.about .circle1 .circle{height: 4.40rem;width: 4.40rem;margin:0.25rem;border-radius: 50%;background: #ffffff;}
.about .circle1{margin-top: -2.45rem;margin-left: -2.45rem;}
.about .circle2{margin-top: -4.00rem;margin-left: -6.40rem;}
.about .circle2::before{content: '';position: absolute;border: 0.01rem dashed #009644;width: 0.80rem;transform: rotate(30deg);top:2.60rem;right: -0.70rem;}
.about .circle3{margin-top: 0.40rem;margin-left: -6.40rem;}
.about .circle3::before{content: '';position: absolute;border: 0.01rem dashed #009644;width: 0.80rem;transform: rotate(-30deg);top:0.80rem;right: -0.60rem;}
.about .circle4{margin-top: -4.00rem;margin-left: 2.80rem;}
.about .circle4::before{content: '';position: absolute;border: 0.01rem dashed #009644;width: 0.80rem;transform: rotate(-30deg);top:2.60rem;left: -0.70rem;}
.about .circle5{margin-top: 0.40rem;margin-left: 2.80rem;}
.about .circle5::before{content: '';position: absolute;border: 0.01rem dashed #009644;width: 0.80rem;transform: rotate(30deg);top:0.80rem;left: -0.60rem;}
.circle h3{font-size: 0.24rem;color: #009644;padding-top: 0.40rem;margin-bottom: 0.55rem;}
.circle p{font-size: 0.18rem;margin-bottom: 0.15rem;}
.circleen p{letter-spacing: 0;}
.circle5 h3{margin-bottom: 0.70rem;margin-bottom: 0.40rem;}
.circle1 h3{padding-top: 0.60rem;margin-bottom: 0.90rem;}
.icon{display: block;position: absolute;width: 0.86rem;height:auto;left:50%;margin-left:-0.43rem;bottom: 0.60rem;}
.circle1 .icon{bottom: 0.70rem;}
.about-title{height: 3.00rem;text-align: center;}
.about-title h2{font-size: 0.52rem;letter-spacing: 0.05rem;color: #009644;}
.about-title h2:first-child{padding-top: 1.00rem;}
.about-title h2:last-child{padding-top: 0.15rem;}
.honor{ width:12.40rem;height:4.10rem;position:relative;margin: 0 auto;}
.honor .honorhd .honor-prev,.honor .honorhd .honor-next{ top: 50%;display:block;position:absolute;width:0.30rem; height:0.40rem; float:right;
  cursor:pointer; background:url("../img/about/arrow.png") no-repeat;background-size: 100%,100%;}
.honor .honorhd .honor-next{right: -0.90rem;transform:rotate(180deg);z-index: 10;}
.honor .honorhd .honor-prev{left: -0.90rem; }
.honor .honorhd ul{display: none;}
.honor .honorbd{overflow:hidden;}
.honor .honorbd ul{ overflow:hidden; zoom:1;height:4.00rem;}
.about .honor .honorbd ul li{margin-right: 0.60rem;height:100%;width:2.65rem;float:left; _display:inline; overflow:hidden; text-align:center;background: none!important;}
.honor .honorbd ul li .pic{ text-align:center;height: 3.70rem;display: block;background:#efefef;}
.honor .honorbd ul li .pic img{ width:auto; height:3.20rem; display:block;margin: 0 auto;padding-top: 0.25rem;}
.honor .honorbd ul li .title{ line-height:0.40rem;}
.honor .honorbd ul li .title a{color: #009644;font-size: 0.14rem;}
.about .customer{display: flex;width: 10.50rem;margin:0 auto;flex-wrap: wrap;justify-content:space-between;}
.about .customer li{height: auto !important;margin-bottom: 0.70rem;padding:0!important;}
.about .customer li img{display: block;height: 1.10rem;}

.technology{position: relative;}
.technology-banner{width: 100%;height: 7.50rem;}
.technology-title{height: 4.70rem;text-align: center;letter-spacing: 0.05rem;}
.technology-title h3{color: #009644;font-size: 0.54rem;padding: 1.10rem 0;}
.technology-title p{font-size: 0.22rem;padding-bottom: 0.20rem;}
.technology-titleen h3,.technology-titleen p{letter-spacing: 0;}
.technology-content{width: 100%;position: relative;text-align: center;color:#ffffff;height:2.40rem;margin-top: -2.42rem;background: rgba(0,143,58,0.61);}
.technology-content h1{font-size: 0.43rem;padding-top: 0.40rem;letter-spacing: 0.10rem;}
.technology-content .hd{font-size: 0.26rem;margin-top: 0.35rem;}
.technology-content .hd li{height: 0.60rem;margin: 0 0.25rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.technology-content .hd .on{background: rgba(255,255,255,0.42);}
.technology .bd li:first-child .warp-title{background: url("https://outin-efe48ecca9f011eaba4100163e024c6a.oss-cn-shanghai.aliyuncs.com/image/default/C691412A1EE04C759E08D102D6F5B24C-6-2.png") no-repeat;background-size: 100% 100%;}
.technology .bd li:last-child .warp-title{background: url("https://outin-efe48ecca9f011eaba4100163e024c6a.oss-cn-shanghai.aliyuncs.com/image/default/55066BFC495A4D958E9547FC831F3F98-6-2.png") no-repeat;background-size: 100% 100%;}
.technology-content1,.technology-content2{width: 15.60rem;height: 4.90rem;margin: 1.00rem auto;position: relative;}
.technology-content1-text,.technology-content2-text{width: 11.50rem;height:100%;background: #efefef;}
.technology-content1-text{float: right;}
.technology-content1-text h2,.technology-content1-text p{padding-left:3.40rem;padding-right:0.90rem;}
.technology-content1-text h2{padding-top: 0.55rem;font-size: 0.28rem;}
.technology-content1-text p{padding-top: 1.00rem;text-indent: 2em;text-align:justify;font-size: 0.18rem;line-height: 0.24rem;}
.technology-content2-text h2,.technology-content2-text p{padding-right: 3.40rem;padding-left:0.90rem;}
.technology-content2-text h2{padding-top: 0.55rem;font-size: 0.28rem;text-align: right;letter-spacing: 0.05rem;}
.technology-content2-texten h2{letter-spacing: 0;}
.technology-content2-text p{padding-top: 1.00rem;text-indent: 2em;text-align:justify;font-size: 0.18rem;line-height: 0.24rem;}
.technology-content1 img,.technology-content2 img{width: 6.60rem;height: 3.90rem;position: absolute;top: 0.50rem;}
.technology-content2 img{right: 0;}

.contact{position: relative;}
.contact form{width:12rem; margin:0 auto;overflow: hidden;padding-bottom: 0.5rem}
.contact h3{font-size: 0.44rem; color: #008E38;text-align: center;margin-bottom: 0.5rem}
.contact input{padding-left:0.1rem;line-height: 0.4rem;margin-bottom: 0.25rem ;border:0.01rem solid #e2e2e2;border-radius: 0.10rem;font-size:0.14rem;width:5rem;}
.contact form input:nth-child(2n+1){float: left;}
.contact form input:nth-child(2n){float: right;}
.contact textarea{border:0.01rem solid #e2e2e2;line-height: 0.4rem; border-radius: 0.10rem; width:12rem;padding-left: 0.1rem;font-size:0.14rem; box-sizing: border-box; display: block; margin:0 auto 0.25rem auto;}
.contact form img{height:0.4rem;margin-left:0.2rem;}
.contact button{margin-left: 0.5rem;height:0.4rem;padding: 0 0.5rem;cursor: pointer;float: right;color: #fff;background-color: #048348;border:none;border-radius: 0.1rem}
.contact-banner{width: 100%;height: 7.50rem;}
.contact-content{width: 100%;position: relative;text-align: center;color:#ffffff;height:2.40rem;margin-top: -2.42rem;background: rgba(0,143,58,0.61);}
.contact-content h1{font-size: 0.43rem;padding-top: 0.40rem;letter-spacing: 0.10rem;}
.contact-contenten h1{letter-spacing: 0;}
.contact-content .hd{font-size: 0.26rem;margin-top: 0.35rem;}
.contact-content .hd li{height: 0.60rem;margin: 0 0.25rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.contact-content .hd .on{background: rgba(255,255,255,0.42);}
.contact .bd li .warp-title{background:none;}
.contact .bd li .warp-title p{color: #008E38;}
.contact .bd li .warp-title::before{display:none;}
.contact-content1{width: 15.60rem;height: auto;overflow: hidden;margin: 1.00rem auto;position: relative;}
.contact-content1-text{width: 11.50rem;padding-bottom:1rem;background: #efefef;}
.contact-content1-text{float: right;}
.contact-content1-text h2,.contact-content1-text p{padding-left:3.40rem;padding-right:0.90rem;}
.contact-content1-text h2{padding-top: 0.55rem;font-size: 0.28rem;}
.contact-content1-text h3{color: #ffffff;background: #009644;font-size: 0.16rem;margin: 0.60rem 0 0 3.40rem;display: inline-block;padding:0 0.15rem;height: 0.26rem;border-radius: 0.13rem;text-align: center;line-height: 0.26rem;}
.contact-content1-text p{padding-left:3.50rem;font-size: 0.14rem;line-height: 0.28rem;text-align: justify;}
.contact-content1 img{width: 6.60rem;height: 3.90rem;position: absolute;top:0.50rem;}
.contact-container{margin: 0 auto;padding: 0.90rem 0 0.4rem 0;width: 15.80rem;height: 4.00rem;}
.contact-container .content{height: 4.00rem;padding-right:1.5rem;background: #efefef;max-width: 5.5rem;}
.contact-container .content h2{padding: 0.40rem 0 0 0.45rem;font-size: 0.30rem;}
.contact-container .contact-bar{margin-top: 0.25rem;padding-left: 1.5rem;align-items: center;font-size: 0.18rem;}
.contact-container .contact-bar li{margin-bottom: 0.15rem;}
.contact-container .contact-bar li a{color: #000000;}
.contact-container .contact-bar img{width: 0.35rem;display: inline-block;margin-right: 0.10rem;vertical-align: middle;}
.contact-container .contact-bar p{font-size: 0.18rem;padding-left: 0.10rem;display: inline-block;}
.contact-container .content:first-child{float: left;}
.contact-container .content:last-child{float: right;}

.news{position: relative;}
.news-banner{width: 100%;height: 7.50rem;}
.news-content{width: 100%;position: relative;text-align: center;color:#ffffff;height:2.40rem;margin-top: -2.42rem;background: rgba(0,143,58,0.61);}
.news-content h1{font-size: 0.43rem;padding-top: 0.40rem;letter-spacing: 0.10rem;}
.news-contenten h1{letter-spacing: 0;}
.news-content .hd{font-size: 0.26rem;margin-top: 0.35rem;}
.news-content .hd li{height: 0.60rem;margin: 0 0.25rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.news-content .hd .on{background: rgba(255,255,255,0.42);}
.news .bd li .warp-title{background: none;}
.news .bd li .warp-title p{color: #008E38;}
.news .bd li .warp-title::before{display: none;}
.news .bd ul{width: 15.90rem;position: relative;margin: 0 auto;}
.news .bd ul li:hover{transition: all 0.5s;}
.news .bd ul li:hover .date{background: #008e38;color: #ffffff;transition: all 0.5s;}
.news .bd ul li:hover .content{background: #b0b0b0;color: #ffffff;transition: all 0.5s;}
.news .bd li:first-child ul{padding: 1rem 0;}
.news .bd li:first-child ul li{width: 100%;height: 4.60rem;margin-bottom: 0.70rem;position: relative;}
.news .bd li:first-child ul li:hover .date{background:#b0b0b0;}
.news .bd li:first-child ul li:hover .content{background:#b0b0b0!important;}
.news .bd li:first-child ul li img{width: 5.40rem;height: 3.60rem;position: absolute;top: 0.50rem;}
.news .bd li:first-child ul li .content{width: 11.10rem;background: #eaeaea;padding: 0.95rem 1.85rem 0 1.85rem;height: 100%;float: right;box-sizing: border-box;}
.news .bd li:first-child ul li .content a{font-size: 0.20rem;float: left;position: absolute;bottom: 0.8rem;padding: 0.05rem 0.15rem;background: #ffffff;border-radius: 0.05rem;color: #000000!important;}
.news .bd li:first-child ul li .content p{font-size: 0.15rem;line-height: 0.35rem;display: -webkit-box;white-space: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news .bd li:first-child ul li .content h2{font-size: 0.25rem;  margin-bottom:0.35rem;}
.news .bd li:first-child ul li .date{background:#eaeaea;position: absolute;right: 0;width: auto;}
.news .bd li:first-child ul li .date p{margin-right: 0.60rem;}
.news .bd li:first-child ul li .date p:first-child{font-size: 0.48rem;margin-top: 0.50rem;}
.news .bd li:first-child ul li .date p:last-child{font-size: 0.24rem;}
.news .bd li:last-child ul li{width: 7.25rem;height: 2.20rem;margin-top: 0.90rem;position: relative;}
.news .bd li:last-child ul{display: block;  padding-bottom:1rem;overflow: hidden;}
.news .bd li:last-child ul li:nth-child(2n+1){float: right;}
.news .bd li:last-child ul li:nth-child(2n){float: left;}
.news .bd li:last-child ul li .content{height: 100%;width:6.15rem;background: #eaeaea;display: inline-block;float: right;transition: all 0.5s;padding: 0.30rem 0.40rem 0 0.40rem;box-sizing: border-box;}
.news .bd li:last-child ul li .content p{text-align: justify;font-size: 0.21rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .bd li:last-child ul li .content h2{font-size: 0.30rem;margin-bottom: 0.10rem;}
.news .bd li:last-child ul li .content h3{font-size: 0.15rem;margin-bottom: 0.35rem;}
.news .bd li:last-child ul li .content a{font-size: 0.15rem;padding: 0.05rem 0.15rem;float:right;margin-top: 0.30rem;background: #ffffff;line-height:1;color: #000000!important;border-radius: 0.05rem;display:inline-block;}
.news .bd li:last-child ul li .date{height: 1.10rem;width:1.10rem;background: #d9d9d9;display: inline-block;float: left;transition: all 0.5s;}
.news .bd li:last-child ul li .date p{text-align: right;margin-right: 0.20rem;}
.news .bd li:last-child ul li .date p:first-child{font-size: 0.30rem;margin-top: 0.25rem;}
.news .bd li:last-child ul li .date p:last-child{font-size: 0.15rem;margin-top: 0.05rem;}
.news .bd li:last-child ul li:hover .date{background:#008e38;}
.news .bd li:last-child ul li:hover .content{background:#b0b0b0!important;}

.product{position: relative;width: 100%;}
.product-banner{width: 100%;height: 7.50rem;}
.product-content{width: 100%;position: relative;text-align: center;color:#ffffff;height:2.40rem;margin-top: -2.40rem;background: rgba(0,143,58,0.61);}
.product-content h1{font-size: 0.3rem;padding-top: 0.40rem;letter-spacing: 0.10rem;}
.product-contenten h1{letter-spacing: 0;}
.product-content .hd{font-size: 0.26rem;margin-top: 0.35rem;}
.product-content .hd li{height: 0.60rem;margin: 0 0.25rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.product-content .hd .on{background: rgba(255,255,255,0.42);}
.product-container4 .warp-title{background: url("https://outin-efe48ecca9f011eaba4100163e024c6a.oss-cn-shanghai.aliyuncs.com/image/default/963C57710907437A980F860F604B0444-6-2.png") no-repeat;background-size: 100% 100%;}
.product-title{height: 5.60rem;text-align: center;letter-spacing: 0.05rem;background: #e4e4e4;}
.product-title h3{color: #009644;font-size: 0.54rem;padding-top: 1.20rem;letter-spacing: 0.10rem;}
.product-title p{font-size: 0.22rem;padding-top: 0.90rem;line-height: 0.45rem;}
.product-titleen h3,.product-title p{letter-spacing: 0;}
.product-container1{width: 12.30rem;height:13.75rem;background: #f4f4f4;margin: 0.85rem auto 1.00rem auto;}
.product-container1 li{width: 50%;height: 2.75rem;float: left;position: relative;}
.product-container1 li .no{color: #e6e6e6;display: inline-block;font-size:1.60rem;letter-spacing: 0.05rem;font-weight:lighter;margin-top: 1.05rem;margin-left: 0.20rem;}
.product-container1 li:nth-child(4n+2) .no{float: right;margin-right: 0.20rem;}
.product-container1 li img{width: 100%;height: 100%;}
.product-container1 .content{position: absolute;top: 0.45rem;color: #009644;font-weight: lighter;font-size: 0.20rem;}
.product-container1 .content p:nth-child(1){font-size: 0.40rem;margin-bottom: 0.15rem;}
.product-container1 .content p:nth-child(2){margin-bottom: 0.20rem;}
.product-container1 .content p:nth-child(3){letter-spacing: 0.04rem;}
.product-container1 li:nth-child(4n+2) .content{left: 0.35rem;text-align: left;}
.product-container1 li:nth-child(4n+3) .content{right: 0.35rem;text-align: right;}
.product-container2{height: 9.85rem;background: #e4e4e4;}
.product-container2 p{font-size: 0.50rem;color: #009644;text-align: center;letter-spacing:0.10rem;}
.product-container2 p:first-child{letter-spacing:0.05rem;padding-top:1.3rem;padding-bottom: 0.10rem;}
.product-container2 ul{width: 15.40rem;margin: 0 auto;height: 5.70rem;margin-top: 0.50rem;}
.product-container2 li{width: 3.85rem;height: 1.90rem;float: left;position: relative;}
.product-container2 li img{width:100%;height: 100%;display: block;}
.product-container2 li div{opacity: 0;width:100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);color:#ffffff!important;transition: all 0.5s;}
.product-container2 li:hover div{opacity: 1;}
.product-container2 li div p{color:#ffffff;padding: 0;font-size: 0.14rem;letter-spacing:0.01rem;}
.product-container2 li div p:first-child{padding-top: 0.80rem;font-size: 0.18rem;}
.product-container3 .warp-title{height: 3.80rem;background: url("https://outin-efe48ecca9f011eaba4100163e024c6a.oss-cn-shanghai.aliyuncs.com/image/default/963C57710907437A980F860F604B0444-6-2.png") no-repeat;background-size: 100% 100%;}
.product-container3 .warp-title::before{height: 3.80rem;}
.product-container3 .warp-title p{top: 1.00rem;}
.product-container3 {position: relative;overflow: hidden;}
.product-container3 .category{text-align: center;position: absolute;top: 2.50rem;width: 100%;}
.product-container3 .category li{height: 0.60rem;margin: 0 0.25rem;line-height: 0.60rem;display: inline-block;width:2.10rem;text-align: center;border: 0.01rem rgba(255,255,255,0.42) solid;transition: all 0.5s;}
.product-container3 .category li a{font-size:0.26rem;color: #FFFFFF;display: block;}
.product-container3 .list{ margin: 0 auto;margin-top: 1.00rem;width: 15.61rem;}
.product-container3 .list li{position: relative;width: 4.50rem;height: 4.35rem;margin: 0 0.35rem;margin-bottom: 1.10rem;float: left;background: #f5f5f5;}
.product-container3 .list p{display: inline-block;}
.product-container3 .list a{display: block;height: 100%;}
.product-container3 .list .no{color: #DBDBDB;font-size:0.90rem;opacity: 0;width: 2.00rem;margin-left: 0.15rem;letter-spacing: 0.15rem;font-weight:lighter;}
.product-container3 .list .title{font-size:0.22rem;margin-left: 0.625rem;margin-top:0.5rem;}
.product-container3 .list .recommend{font-size: 0.14rem;margin-left: 3rem;margin-top: 0.40rem;line-height: 0.25rem;display: inline-block;background: #009644;padding: 0 0.10rem;border-radius: 0.10rem;color: #ffffff;}
.product-container3 .list li img{width: 100%;height: 2.55rem;}
.product-container3 .list .item:hover div{opacity: 1;}
.product-container3 .list .item div{opacity: 0;transition: all 0.5s;height: 2.55rem;width: 100%;position: absolute;top:0;left: 0;background:rgba(0,0,0,0.6);color:#ffffff}
.product-container3 .list .item div p{padding: 0.30rem 0.40rem 0 0.40rem;font-size: 0.20rem;line-height: 0.25rem;letter-spacing: 0.01rem;}
.product-container3 .list .item div ul{width: 100%;height:auto;position: absolute;bottom:0;left: 0;font-size: 0.18rem;}
.product-container3 .list .item div ul li{min-width: 50%;width: auto;height:auto; line-height: 0.25rem;margin: 0;padding:0.05rem 0.05rem 0.05rem 0.10rem;box-sizing: border-box;background: rgba(0,0,0,0);color:#ffffff;list-style: disc;list-style-position: inside;}
/* .product-container3 .list .item div ul li:nth-child(2n+2){text-align: right;} */
.product-container4 .warp-title{background: none;}
.product-container4 .warp-title p{color: #008E38;}
.product-container4 .warp-title::before{display: none;}
.product-container4 .content1{width: 14rem;margin: 0 auto;overflow: hidden;text-align: center;}
.product-container4 .content1 p{font-size: 0.28rem;color: #FFFFFF;line-height: 0.40rem;margin-bottom: 0.15rem;padding: 0rem 0.25rem;background: #009644;border-radius: 0.15rem;display: inline-block;}
.product-container4 .content1 li{float: left;margin-top: 0.90rem;width: 50%;}
.product-container4 .content1 li:nth-child(2n){float: right}
.product-container4 .content1 img{width: 4.80rem;height:3.40rem;display: block;margin: auto}
.product-container4 .content2{width: 15.90rem;margin: 0.75rem auto 0.55rem auto;overflow: hidden;}
.product-container4 .content2 img{padding-top:0.40rem;height: 1.10rem;display: block;margin: 0 auto;}
.product-container4 .content2 li{width: 50%;height:2.85rem;float: left;background: #e7e7e7;text-align: center;}
.product-container4 .content2 li div{display: inline-block;padding-top: 0.30rem;}
.product-container4 .content2 li .no{font-size: 0.90rem;color:#d4d4d4;letter-spacing: 0.10rem;float: left;}
.product-container4 .content2 li .text{padding-left: 0.15rem;padding-top: 0.15rem;color:#009644;float: left;font-size: 0.12rem;text-align: justify;line-height: 0.20rem;}
.product-container4 .content2 li .text p:first-child{font-size: 0.16rem;letter-spacing: 0.03rem;}
.product-container4 .content2 li:nth-child(2n+1){background: #dedede;}
.product-container4 .content2 li:nth-child(-n+3){width: 33.33%;}
.product-container4 .content2 li:nth-child(-n+3){width: 33.33%;}
.product-container4 .content2 li:nth-child(4) img{padding-top:0.60rem;height: 0.85rem;padding-bottom: 0.05rem;}

.details-header{height: 1.6rem;background: #048348;}
.details-container{width: 12rem;margin:1rem auto;background: #ffffff;}
.details-container h2{font-size: 0.30rem;}
.details-container a{color: #317ef3;}
.details-container img{width: 7.00rem;margin: 0.40rem auto;display: block;}
.details-container p{font-size: 0.20rem;line-height: 0.25rem;text-indent: 2em;}
.details-container b{font-weight:bold;}
.details-container i{font-style:italic;}
.details-container h3{font-size: 0.20rem;margin:0.50rem auto 0.25rem auto;}
/*.details-container table{display: block;text-align: center;}*/
/*.details-container td,th{border: 0.01rem solid #000;padding: 0.10rem 0.1rem; vertical-align: middle;}*/
/*.details-container th:nth-child(1){width: 12%}*/
/*.details-container th:nth-child(2){width: 8%}*/
/*.details-container th:nth-child(3){width: 30%}*/
/*.details-container th:nth-child(4){width: 30%}*/
/*.details-container th:nth-child(5){width: 10%}*/
/*.details-container th:nth-child(6){width: 10%;}*/
/*.details-container tr{width: 100%;height: 100%;}*/
/*.details-container tr:nth-child(2n+1){background: #eeeeee;}*/
/*.details-container tr:first-child{background: #55ac84;}*/

.news-read-header{height: 1.6rem;background: #048348;}
.news-read{width: 12rem;margin: 0 auto;padding: 1rem 0;text-align: center;}
.news-read h2{font-size: 0.36rem;}
.news-read h3{font-size: 0.26rem;padding: 0.25rem 0;}
.news-read .date{font-size: 0.26rem;margin: 0.25rem auto;}
.news-read .content p{text-align: left;  font-size:0.18rem;text-indent: 2em;padding: 0.1rem 0;line-height: 0.25rem;}
.news-read img{width: 6rem;margin: 0.2rem auto;display: block;}

@font-face {font-family: "iconfont";
  src: url('icon/iconfont.eot'); /* IE9 */
  src: url('icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('icon/iconfont.woff2') format('woff2'),
  url('icon/iconfont.woff') format('woff'),
  url('icon/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width:48em){
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    font-family: helvetica,"PingFangSC","microsoft yahei","微软雅黑",Arial,sans-serif;font-weight: normal!important; }
  .banner{height:auto;}
  .banner .bd li img{width:100%;height:auto;}
  .banner .hd {bottom: 0.25rem;}
  .warp1{height:auto;}
  .warp1-content{width: 100%;padding-top: 0.35rem;}
  .warp1-content .advantage img{height:0.5rem;margin-bottom: 0;}
  .advantage span {font-size:0.55rem;}
  .advantage p {font-size:0.22rem;margin-top:0;}
  .warp1-content .unit {top:0.75rem;font-size:0.22rem;}
  .advantage1 {left:0.2rem;top:0.35rem;}
  .advantage1 .unit{left:1.8rem;}
  .advantage2 .unit{left: 4.55rem;top:1.1rem;}
  .advantage3{right:0.5rem;top:0.35rem;width: 2.10rem;}
  .advantage3 .unit{right:-0.15rem;}
  .advantage3 .uniten{right:-0.15rem;}
  .map{width: 100%;height:3.9rem;margin-top: 0.2rem;}
  .circle1{height: 0.54rem;width: 0.54rem;left: 0.90rem;top: 1.60rem;}
  .circle2{height: 0.39rem;width: 0.39rem;left:1.95rem;top: 1.1rem;}
  .circle3{height: 0.92rem;width: 0.92rem;left: 2.25rem;top: 1.35rem;}
  .circle4{height: 0.26rem;width: 0.26rem;left: 2.90rem;top: 1.35rem;}
  .circle5{height: 0.38rem;width: 0.38rem;left: 5.35rem;top: 1.80rem;}
  .circle6{height: 0.54rem;width: 0.54rem;left: 5.75rem;top: 1.25rem;}
  .warp2{width: 100%;}
  .warp2-category li{ width:1.48rem;}
  .warp2-category li:nth-child(1){margin-left: 0.14rem;}
  .warp2-category li:nth-child(2){margin-left: 0rem;}
  .warp2-category li:nth-child(3){margin-left: 0rem;}
  .warp2-category li:nth-child(4){margin-left: 0rem;}
  .warp2-category li:nth-child(5){margin-left: 0rem;}
  .warp2-listbd ul{height: 4.35rem;}
  .warp2-listbd li img{height:3.55rem;}
  .warp2-listbd .title{margin-top: 0;line-height: 0.8rem;font-size: 0.3rem;color: #000;}
  .warp2-listbd li{width: 6.3rem!important;margin:0 0.69rem;height:auto;}
  .warp2-listbd .recommend {font-size: 0.22rem;padding: 0.08rem 0.15rem;bottom:0.2rem;}
  .warp2-list{ width:100%;}
  .warp2-list .warp2-listhd .warp2-list-next{right: 1.90rem;top: 4.89rem;}
  .warp2-list .warp2-listhd .warp2-list-prev{left: 1.90rem;top: 4.95rem;}
  .warp2-list-container{height:4.35rem!important;}
  .warp2-list-containeren{height:4.85rem!important;}
  .warp2-list-containeren  .warp2-listbd ul{height:4.85rem;}
  .warp2-list-containeren  .warp2-listbd ul li{height:100%;}
  .warp2-list-containeren  .warp2-list .warp2-listhd .warp2-list-next{top: 5.09rem;}
  .warp2-list-containeren  .warp2-list .warp2-listhd .warp2-list-prev{top:5.15rem;}
  .warp2 .warp2-list-containeren .more{bottom:-0.7rem;}
  .warp3 ul{width: 100%;height:8.55rem;margin:0.3rem auto 0.5rem auto;}
  .warp3 ul li {height:1.71rem;}
  .warp3 ul li .no {font-size: 0.90rem;margin-top:0.75rem;}
  .warp3 .content{top:0.25rem;}
  .warp3 .content p:nth-child(1) {font-size: 0.3rem;}
  .warp3 .content p:nth-child(2) {font-size: 0.14rem;}
  .warp3 .content p:nth-child(3) {letter-spacing: 0.02rem;}
  .warp3 ul li:nth-child(4n+2) .content{left:0.2rem;}
  .warp3 ul li:nth-child(4n+3) .content{right:0.2rem;}
  .warp4 ul{width: 100%;overflow: hidden;
    height:auto;margin:0.25rem auto 0 auto}
  .warp4 ul li{width: 100%;height:auto;box-sizing: border-box; padding:0 0.8rem;margin-bottom: 0.3rem;}
  .warp4 ul li:first-child{padding:0 0.3rem;height:3.2rem;margin-bottom: 0.35rem;}
  .warp4 ul li:first-child .date{right:0.3rem;}
  .warp4 ul li:first-child .date p{margin-right:0.2rem;}
  .warp4 ul li:first-child .date p:first-child{font-size: 0.32rem;margin-top:0.30rem;  }
  .warp4 ul li:first-child .content p{ font-size: 0.18rem;  }
  .warp4 ul li .content{padding:0.20rem 0.30rem 0.2rem 0.30rem;}
  .warp4 ul li:first-child .content a{float: right;}
  .warp4 ul li:first-child .content{width: 6rem; padding:0.35rem 1.05rem 0 1.70rem;}
  .warp4 ul li:first-child img{width:2.7rem; height:1.8rem;}
  .warp4 ul li .content{width:4.98rem;}
  .warp4 ul li .content a {margin-top:0.25rem;font-size:0.22rem;padding:0.10rem 0.25rem;border-radius: 0.1rem;}
  .warp-title{height:1.44rem;}
  .warp-title::before{height:1.44rem;}
  .warp-title p{top:0.15rem;}
  .warp-title p:last-child {margin-top:0;}
  .footer{display: none;}
  .header{top:0.2rem;}
  .header img{margin-left:0.2rem;height:0.5rem;}
  .header-small{top:0;}
  .header-small img{margin-top:0.1rem;}
  .header .m-header{height: 0.7rem;display: block;float: right;margin:0 0.3rem 0 0; }
  .header .nav{display: none;}
  .rightNav{display: none;}
  .m-nav{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(62, 58, 57, 0.85);display: block;margin: 0 auto;}
  .m-nav ul{width: 100%;text-align: center;position: absolute;top: 50%;margin-top:-3.5rem;}
  .m-nav ul li{height: 0.4rem;margin-bottom: 0.6rem;}
  .m-nav ul li a{font-size: 0.4rem;color: #FCFAFB;}
  .m-nav .close{position: absolute;height: 0.8rem;width: 0.8rem;top: 0.8rem;right: 0.5rem;}
  .m-nav .icons{position: absolute;text-align: center;bottom: 0.7rem;left: 50%;margin-left: -1.15rem;}
  .m-nav .icons a{float: left;margin-right: 0.3rem;border-radius: 50%;width: 1rem;height: 1rem;background:rgba(0,0,0,0.2);}
  .m-nav .icons a i{font-size: 0.7rem;line-height: 1rem;color: #fff;}
  .m-nav .icons a p{font-size: 0.24rem;margin-top:0.1rem;color: #fff;}

  .about-banner {height:3rem;}
  .about-content {height:1.2rem;margin-top: -1.2rem;}
  .about-content h1 {padding-top:0.05rem;font-size: 0.34rem}
  .about-content .hd{margin-top:0.1rem;}
  .about-content .hd li{height:0.4rem;line-height: 0.4rem;width:2rem;}
  .about .hd li:nth-child(2) {margin:0 0.4rem;}
  .about-content1, .about-content2{width:auto;}
  .about-content1 img, .about-content2 img{display: block;position: relative;margin: 0 auto;}
  .about-content1-text, .about-content2-text{width:auto;margin-top:-1.5rem;}
  .about-content1-text h2, .about-content1-text p, .about-content2-text h2, .about-content2-text p{padding-left: 0.6rem;padding-right: 0.6rem;}
  .about-content1-text h2, .about-content2-text h2{text-align: left;padding-top:2.05rem;}
  .about-content1,.about-content2{margin-top:0;}
  .about-content1 img, .about-content2 img {top:0.3rem;width: 5.28rem;height: 3.12rem;}
  .about-content1-text p,.about-content2-text p{padding-top: 0.3rem;font-size: 0.18rem;}
  .about .bd li:nth-child(1){padding: 0;}
  .about .bd li:nth-child(2){height:8.25rem;}
  .about .circle2,.about .circle3,.about .circle4,.about .circle5{height: 2.2rem;width: 2.2rem}
  .about .circle{height: 2rem;width:2rem;margin:0.1rem;letter-spacing: 0.03rem;}
  .about .circle1{height: 2.8rem;width: 2.8rem;}
  .about .circle1 .circle{height: 2.6rem;width:2.6rem;margin:0.1rem;}
  .about .circle1{margin-top: -1.4rem;margin-left: -1.4rem;}
  .about .circle2{margin-top: -2.5rem;margin-left: -3.5rem;}
  .about .circle2::before{width: 0.24rem;transform: rotate(30deg);top:1.65rem;right: -0.14rem;}
  .about .circle3{margin-top: 0.3rem;margin-left: -3.5rem;}
  .about .circle3::before{width: 0.24rem;transform: rotate(-30deg);top:0.55rem;right: -0.14rem;}
  .about .circle4{margin-top: -2.5rem;margin-left: 1.3rem;}
  .about .circle4::before{width: 0.24rem;transform: rotate(-30deg);top:1.65rem;left: -0.14rem;}
  .about .circle5{margin-top: 0.3rem;margin-left: 1.3rem;}
  .about .circle5::before{width: 0.24rem;transform: rotate(30deg);top:0.55rem;left: -0.14rem;}
  .circle h3{font-size: 0.22rem;padding-top: 0.15rem;margin-bottom: 0.15rem;}
  .circle p{font-size: 0.16rem;line-height: 0.25rem;margin-bottom: 0rem;padding: 0 0.1rem;}
  .circle5 h3{margin-bottom: 0.150rem;}
  .circle1 h3{padding-top: 0.15rem;margin-bottom: 0.15rem;}
  .circle4 .circleen p,.circle5 .circleen p{padding:0;font-size: 0.12rem;}
  .icon{width: 0.6rem;margin-left:-0.3rem;bottom: 0.30rem;}
  .circle1 .icon{bottom: 0.3rem;}
  .about .bd li:nth-child(3){height:11.6rem;padding-bottom: 0.3rem;}
  .about-title{height:auto;padding-bottom: 0.3rem;}
  .about-title h2{font-size:0.36rem;}
  .about-title h2:first-child{font-size:0.42rem;padding-top:0.3rem;}
  .honor{ width:4.4rem;height:6.2rem;position: relative;}
  .honor .honorbd{height: 6.2rem;width:4.4rem;
    margin:0 auto;}
  .honor .honorbd .tempWarp{width:4.4rem!important;}
  .honor .honorhd .honor-next{right: -0.5rem;margin-top: -0.26rem;z-index:9;}
  .honor .honorhd .honor-prev{left: -0.5rem;margin-top: -0.2rem;z-index:9;}
  .about .honor .honorbd ul li a{display: block;}
  .about .honor .honorbd ul li{margin:0 0.2rem; width: 4rem!important;}
  .honor .honorbd ul{height:6.2rem;}
  .honor .honorbd ul li .pic{height:5.4rem;}
  .honor .honorbd ul li .title a{
    font-size:0.22rem;
    margin-top:0.1rem;}
  .honor .honorbd ul li .pic img{max-height:5rem;max-width: 4rem;
    height:auto;padding-top: 0.15rem;}
  .about .customer{width: 6.9rem;}
  .about .customer li{margin-bottom: 0.15rem;}
  .about .customer li img{height:0.8rem;}

  .news-banner {height:3rem;}
  .news-content {height:1.2rem;margin-top: -1.2rem;}
  .news-content h1 {padding-top:0.05rem;font-size: 0.34rem}
  .news-content .hd{margin-top:0.1rem;}
  .news-content .hd li{height:0.4rem;line-height: 0.4rem;width:2.4rem;}
  .news .bd li:first-child ul{padding:0.5rem 0;}
  .news .bd ul{width:100%;}
  .news .bd li:first-child ul li img{left:0.4rem;width:2.7rem;height:1.8rem;}
  .news .bd li:first-child ul li{position: relative;height:auto;overflow: hidden;width:100%;box-sizing: border-box;padding:0 0.4rem 0 1.5rem;}
  .news .bd li:first-child ul li .content{padding:0.35rem 1rem 0.7rem 1.85rem;width:100%;}
  .news .bd li:first-child ul li .content h2{font-size: 0.32rem;}
  .news .bd li:first-child ul li .date{right:0.55rem;}
  .news .bd li:first-child ul li .date p{ margin-right: 0;  }
  .news .bd li:first-child ul li .date p:first-child{font-size:0.32rem;margin-top:0.2rem;}
  .news .bd li:first-child ul li .content a{font-size:0.26rem;bottom:0.2rem;right:1.4rem;padding:0.08rem 0.15rem;border-radius: 0.1rem;}
  .news .bd li:first-child ul li .content p{ height: 1.35rem;font-size:0.25rem;line-height: 0.45rem;text-indent:2em;text-overflow:ellipsis;-webkit-line-clamp:3;}
  .news .layui-laypage a, .layui-laypage span {font-size: 0.32rem!important;}
  .news .layui-laypage span, .layui-laypage a {height: 0.32rem!important;line-height: 0.32rem!important;}
  .news .layui-laypage-next em, .layui-laypage-prev em {font-size: 0.32rem!important;  }
  .news .warp-title{height:auto;padding-bottom: 0.3rem;}
  .news .warp-title p{font-size:0.36rem;}
  .news .warp-title p:first-child{font-size:0.42rem;padding-top:0.3rem;}
  .news .bd li:last-child ul li{overflow: hidden;height:auto;float: unset!important;margin:0 auto;margin-top:0.3rem;width:7rem;}
  .news .bd li:last-child ul li .content{ padding:0.15rem 0.20rem 0.3rem 0.20rem; width:5.9rem;}
  .news .bd li:last-child ul li .content a{font-size: 0.26rem;padding: 0.08rem 0.15rem;border-radius: 0.10rem;}

  .contact-banner {height:3rem;}
  .contact-content {height:1.2rem;margin-top: -1.2rem;}
  .contact-content h1 {padding-top:0.05rem;font-size: 0.34rem}
  .contact-content .hd{margin-top:0.1rem;}
  .contact-content .hd li{height:0.4rem;line-height: 0.4rem;width:2.4rem;}
  .contact-container .contact-bar li a{  font-size:0.2rem;}
  .contact-container{ width:100%;padding: 0.25rem 0 0.25rem 0; height:auto;}
  .contact form{  padding:0 0.25rem;box-sizing: border-box;  width:100%;}
  .contact-container .content{float:unset!important;margin:0.15rem auto;padding-bottom: 0.3rem;padding-right: 1rem;height:auto;}
  .contact input{font-size: 0.22rem;line-height: 0.5rem;width:2.8rem;}
  .contact textarea{font-size: 0.22rem;width:100%;}
  .contact button{height:0.5rem;float: unset!important;margin-left:0.1rem;}
  .contacten button{padding:0 0.38rem;}
  .contact-content1{  overflow: visible; width:100%;  }
  .contact-container .contact-bar{padding-left:1rem;  }
  .contact-content1 img{left:50%;margin-left:-2.5rem;top:-0.8rem;width:5rem;height:3rem;}
  .contact-content1-text{width:100%;}
  .contact-content1-text h2{margin-top: 2.4rem;font-size: 0.4rem;}
  .contact-content1-text h2, .contact-content1-text p{padding:0 0.3rem;}
  .contact .contact-content1-text h3{color: #ffffff;font-size: 0.28rem;margin: 0.30rem 0 0.2rem 0.3rem;padding:0 0.2rem;height: 0.45rem;border-radius: 0.18rem;line-height: 0.45rem;}
  .contact-content1-text p{font-size: 0.22rem;line-height: 0.38rem;text-indent: 2em;}

  .technology-banner {height:3rem;}
  .technology-content {height:1.2rem;margin-top: -1.2rem;}
  .technology-content h1 {padding-top:0.05rem;font-size: 0.34rem;line-height: normal;}
  .technology-contenten h1 {letter-spacing:0;}
  .technology-content .hd{margin-top:0.1rem;}
  .technology-content .hd li{height:0.4rem;line-height: 0.4rem;width:2.4rem;}
  .technology-title h3{font-size:0.32rem;padding:0.4rem 0;}
  .technology-title{height:auto;padding-bottom: 0.3rem;}
  .technology-content1 img, .technology-content2 img{left:50%;margin-left:-2.5rem;top:-0.8rem;width:5rem;height:3rem;}
  .technology-content1, .technology-content2{margin-bottom: 0;height:auto;width:100%;}
  .technology-content1-text, .technology-content2-text{height:auto;padding-bottom: 0.3rem;width:100%;}
  .technology-content1-text h2, .technology-content1-text p,.technology-content2-text h2, .technology-content2-text p{padding-left: 0.6rem; padding-right: 0.6rem;}
  .technology-content1-text h2,.technology-content2-text h2{font-size:0.34rem;padding-top:2.45rem;
    line-height:0.45rem;}
  .technology-content1-text p,.technology-content2-text p{font-size:0.22rem;line-height: 0.28rem;padding-top:0.4rem;  }
  .technology-content2-text h2{text-align: left;}

  .product-banner {height:3rem;}
  .product-content {height:1.2rem;margin-top: -1.2rem;}
  .product-content h1 {padding-top:0.05rem;font-size: 0.34rem ;}
  .product-content .hd{margin-top:0.1rem;}
  .product-content .hd li{height:0.4rem;line-height: 0.4rem;width:1.8rem;margin:0;}
  .product-container3 .warp-title{height:1.55rem;}
  .product-container3 .warp-title::before{height:1.55rem;}
  .product-container3 .warp-title p{display: none;}
  .product-container3 .category{top:0.15rem;z-index:1;}
  .product-container3 .category li{max-width: 2.3rem;height:0.55rem;line-height: 0.55rem;margin:0 0.13rem 0.15rem 0.13rem;}
  .product-container3 .list{width:100%;margin-top:0.3rem;}
  .product-container3 .list li{width:3.5rem;margin:0.17rem;height:auto;}
  .product-container3 .list li a{padding-bottom: 0.6rem;}
  .product-container3 .list li img{height: 1.9rem;}
  .product-container3 .list div{display: none;}
  .product-container3 .list .item div p{padding: 0.20rem 0.20rem 0 0.20rem;}
  .product-container3 .list .title {font-size: 0.26rem;margin-left: 0.25rem;margin-top: 0.25rem;}
  .product-container3 .list .recommend {font-size: 0.2rem;position: absolute;bottom:0.2rem;right:0.25rem;margin:0;float: right;line-height: 0.3rem;}
  .product-container2{height:auto;}
  .product-container2 p:first-child{padding-top: 0.3rem}
  .product-container2 ul{overflow: hidden;padding: 0.3rem 0;box-sizing: border-box;margin:0;width:100%;height:auto;}
  .product-container2 li{width:3.5rem;margin:0.17rem;}
  .product-container2 li div{opacity: 1;}
  .product-container2 li div p{font-size:0.2rem;}
  .product-container2 li div p:first-child{font-size: 0.24rem;padding-top:0.65rem;}
  .product-container4 .content1{width:100%;}
  .product-container4 .content1 li{width:3.5rem;margin:0.17rem;}
  .product-container4 .content2 li .text p br{display:none;}
  .product-container4 .content1 img{width:3.5rem;height:2.45rem;}
  .product-container4 .content2{width:100%;margin:0;margin-top:0.3rem;box-sizing: border-box;padding:0 0.3rem;}
  .product-container4 .content2 li:last-child{height:3.5rem;}
  .product-container4 .content2 li:nth-child(n){position: relative;width:100%;}
  .product-container4 .content2 li .no{position: absolute;top:0.3rem;left:0.3rem;}
  .product-container4 .content2 li:nth-child(2n+1) .no{color: #eee;}
  .product-container4 .content2 li div{padding-top:0.1rem;}
  .product-container4 .content2 li .text{text-align: left;padding:0 0.4rem;line-height:0.25rem;font-size: 0.18rem;}
  .product-container4 .content2 li .text p:first-child{font-size:0.24rem;line-height: 0.5rem;}
  .product-container1{width:100%;}
  .product-container1 {width: 100%;height:8.55rem;margin:0;}
  .product-container1 li {height:1.71rem;}
  .product-container1 li .no {font-size: 0.90rem;margin-top:0.75rem;}
  .product-container1 .content{top:0.25rem;}
  .product-container1 .content p:nth-child(1) {font-size: 0.3rem;}
  .product-container1 .content p:nth-child(2) {font-size: 0.14rem;}
  .product-container1 .content p:nth-child(3) {letter-spacing: 0.02rem;}
  .product-container1 li:nth-child(4n+2) .content{left:0.2rem;}
  .product-container1 li:nth-child(4n+3) .content{right:0.2rem;}
  .product-title{height:auto;padding-bottom:0.3rem;}
  .product-title p{ padding-top:0.3rem;}
  .product-title h3{padding-top: 0.3rem}
  .product-titleen h3{font-size:0.46rem;}

  .details-header{height:0.9rem;}
  .details-container{width:100%;padding:0.2rem;margin:0;box-sizing: border-box;}
  .details-container img{width:5rem;margin:0.2rem auto;}
  .details-container img{width: 5.00rem;margin: 0.10rem auto;}
  .details-container p{font-size: 0.22rem;line-height:0.28rem;}
  .details-container h3{font-size:0.26rem; margin:0.2rem auto;}
  .layui-table-cell {padding: 0 !important;}

  .news-read{ padding:0.25rem 0.25rem;box-sizing: border-box;width:100%;margin-top:0.9rem;}
  .news-read-header{height:0.9rem;}
  .news-read .date{margin:0.15rem 0;}
  .news-read .content p{font-size:0.2rem;}
  .news-read img{width: 5.00rem;margin: 0.10rem auto;}

  .m-footer {display: block;padding-bottom: 0.3rem;}
  .m-footer p{ color: #009644;font-size:0.36rem;line-height: 1.3rem;text-align: center;}
  .m-footer ul {overflow: hidden;}
  .m-footer ul li a {display: block;}
  .m-footer ul li i {color: #bbb;font-size: 0.7rem;}
  .m-footer img{margin:0 auto;height:0.70rem;width:0.70rem;margin-bottom:0.06rem;display: block;}
  .m-footer ul li {text-align: center;float: left;border-radius: 0.05rem;width: 33.33333333%;}
  .m-footer ul li p{font-size: 0.24rem;line-height: 0.26rem;color: #222;}
}