@charset "utf-8";

@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

@font-face
{font-family: HarmonyOS;
src: url('HARMONYOS.TTF')}

@font-face
{font-family: HarmonyOSBlack;
src: url('HARMONYOS-Black.ttf')}



@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


*{box-sizing:border-box;color:#000;font-size: .16rem;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'HarmonyOS', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;max-width: 15.3rem;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
html{font-size: 5.2083vw;}
body{overflow-x: hidden;}
/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */

.btn{display: flex;align-items: center;justify-content: center;color:#fff;background-color: #91b721;border:none;cursor: pointer;width: 2rem;height: 0.5rem;border-radius:.24rem;font-size: 0.18rem;text-transform: uppercase;}
.btn:hover{background-color: #83ae05;}
.c-main{color: #91b721!important;}


/* 公共部分 */
.head{height: 1rem;background-color: #fff;position: sticky;width: 100%;left: 0;top: 0;z-index:100;border-bottom:1px solid #efefef; transition: all 0.3s ease;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.head .r{display: flex;align-items: center;}

.hd-logo .img{height: 0.8rem;width: auto;}
.hd-logo .img2{display: none;}


.hd-nav li{display: inline-block;vertical-align: middle;margin:0 0.35rem;position: relative;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#333;line-height: 1rem;position: relative;text-transform: uppercase;font-weight: bold;}
.hd-nav li:hover>a,.hd-nav li.cur>a{color:#91b721!important;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
.hd-nav.show{display: block;}

.hd-nav .drop{width: 2rem;position: absolute;left:50%;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color:#91b721;margin-left: -1rem;}
.hd-nav .drop .lk{font-size: 0.16rem;color:#fff;line-height: 0.44rem;display: block;min-width: 25%;text-align: center;border-bottom:1px dashed rgba(255,255,255,.2)}
.hd-nav .drop .lk:hover{color:#000;}
.hd-nav .drop .lk:last-child{border-bottom:none;}


.hd-sear{}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.21rem;font-weight: bold;}
.hd-sear .icon::after{content:'\e651';font-family: 'iconfont';}


.hd-sear-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.7);z-index:110;display: none;}
.hd-sear-box .box{max-width: 8rem;line-height: 0.6rem;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:.1rem;display: flex;overflow: hidden;}
.hd-sear-box .ipt-txt{font-size: 0.16rem;color:#000;flex:1;overflow: hidden;padding:0 .2rem;}
.hd-sear-box .submit{width: 0.6rem;height: 0.6rem;border:none;cursor: pointer;background:url(../images/icon_01.png) no-repeat center;background-size:.26rem;margin-right: 0.05rem;}

.hd-lang{position: relative;}
.hd-lang .font{font-size: 0.16rem;color:#333;cursor: pointer;display: flex;align-items: center;}
.hd-lang .font i{font-size: 0.21rem;color: #333;margin-right: 0.08rem;}
.hd-lang .font::after{content:'\e772';display: inline-block;vertical-align: middle;margin-left: 0.08rem;font-family: 'iconfont';}
.hd-lang .drop{position: absolute;width: .8rem;left: 50%;transform: translate(-50%,0);padding-top: 0.15rem;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:.18rem 0 .08rem .15rem;position: relative;box-shadow:rgba(0, 0, 0, 0.25) 0 0 .1rem;}
.hd-lang .lk{font-size: 0.15rem;margin-bottom: 0.12rem;display: flex;align-items: center;}
.hd-lang .ic{width: 0.22rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{color:#245e8c;}
.hd-lang:hover .drop{display: block;}

.head .line{width: 1px;height: 0.16rem;margin:0 0.2rem;background-color: #555;}


.float-head{position: fixed;background-color: rgba(255,255,255,.1);border:0;}
.float-head .hd-logo .img1{display: none;}
.float-head .hd-logo .img2{display: block;}

.float-head .hd-nav li>a{color:#fff;}
.float-head .hd-sear .icon{color:#fff;}
.float-head .hd-lang .font{color:#fff;}
.float-head .hd-lang .font i{color:#fff;}
.float-head.head .line{background-color: #fff;}

.foot{background-color: #2a2d37;}
.ft-t .wrap{display: flex;align-items: flex-start;padding:.55rem 0 0.35rem;justify-content: space-between;}
.ft-t .tit{font-size: 0.36rem;color:#fff;margin-bottom: 0.15rem;line-height: 1;}

.ft-t .txt{font-size: 0.16rem;color:#fff;line-height: 0.35rem;}
.ft-t .txt .font{margin-bottom: 0.2rem;}

.ft-t .social{display: flex;margin-top: 0.3rem;margin-left: 0;}
.ft-t .social a{margin-right: 0.11rem;font-size: 0.16rem;color:#54565d;width: 0.38rem;height: 0.38rem;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius:50%;}
.ft-t .social a:last-child{margin-right: 0;}
.ft-t .social a:hover{color:#fff;background-color: #91b721;}

.ft-t .website{width: 3.4rem;margin-top: 0.5rem;position: relative;}
.ft-t .website .font{font-size: 0.18rem;color:#fff;height: 0.5rem;display: flex;background-color: rgba(255,255,255,.1);line-height: 0.5rem;}
.ft-t .website span{flex:1;overflow: hidden;padding:0 .2rem;}
.ft-t .website .arrow{display: flex;align-items: center;justify-content: center;width: 0.6rem;height: 0.5rem;background-color: #66686f;display: flex;align-items: center;justify-content: center;}
.ft-t .website .arrow::after{content:'\e772';font-family: 'iconfont';font-size: 0.2rem;color:#fff;transform: rotate(-90deg);transition: all .3s;}

.ft-t .website .drop{background-color: #fff;width:calc(100% - 0.6rem);position: absolute;left: 0;top: 0;padding:.12rem .2rem;transform:translate(0,-100%) scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center bottom;}
.ft-t .website .lk{display: block;font-size: 0.16rem;color:#333;line-height: 0.36rem;}
.ft-t .website .lk:hover{color:#91b721;}
.ft-t .website:hover .drop{opacity: 1;visibility: visible;transform: translate(0,-100%) scaleY(1);}
.ft-t .website:hover .arrow::after{transform: rotate(0);}

.ft-t .lk{display: block;font-size: 0.16rem;color:#fff;line-height: 0.46rem;}
.ft-t .lk:hover{color:#91b721;}

.ft-t .form{}
.ft-t .form .smwz{font-size: 0.18rem;color:#fff;margin: 0 0 0.25rem;}
.ft-t .form .row{margin-top: 0.15rem;}
.ft-t .form .ipt{font-size: 0.14rem;color:#fff;width: 100%;border-radius:.06rem;background-color: transparent;border:1px solid #b4b4b4;}
.ft-t .form .ipt-txt{height: 0.44rem;line-height: 0.44rem;padding:0 .15rem;}
.ft-t .form .con{height: 1.1rem;line-height: 1.3;padding:.1rem .15rem;resize:none;}
.ft-t .form .submit{margin-top: 0.2rem;}
.ft-t .col1{max-width: 2.65rem;}
.ft-t .col4{width: 4rem;}

.ft-b{text-align: center;font-size: 0.18rem;color:#555555;line-height:.2rem;padding:.25rem 0;border-top:1px solid #3e414c;}
.ft-b *{font-size: inherit;}





/* contact */
.inner-ban{/* height: 5.2rem; */ }

.crumb{font-size: 0.16rem;color:#666666;line-height: 0.35rem;text-transform: uppercase;margin-top: 0.15rem;}
.crumb *{font-size: inherit;}
.crumb a:hover{color:#91b721;}

.pub-tt{margin-bottom: 0.5rem;text-align: center;font-size: 0;}
.pub-tt .bt{font-size: 0.5rem;font-weight: bold;line-height: 1;color:#000;text-transform: uppercase;font-family: 'HarmonyOSBlack';}
.pub-tt .smwz{font-size: 0.16rem;color:#010101;margin:.2rem auto 0;max-width: 9.5rem;}
.pub-tt .x{width: 0.82rem;height: 0.05rem;background-color: #91b721;display: inline-block;margin-top: 0.25rem;}
.pub-tt.white .bt{color:#fff;}
.pub-tt.white .smwz{color:#fff;}

.lx-xx{padding:.4rem 0 0.65rem;}
.lx-xx .list{display: flex;justify-content: space-between;padding-top: 0.25rem;}
.lx-xx .list .item{display: flex;align-items: center;}
.lx-xx .list .icon{height: 0.4rem;width: auto;display: block;margin:0 .15rem 0 0;}
.lx-xx .list .fz{font-size: 0.24rem;color:#000;line-height: 0.28rem;font-weight: bold;}
.lx-xx .map{margin-top: 0.6rem;height: 5.4rem;}

.lx-msg{padding:.6rem 0;background-color: #f4f4f4;}
.lx-msg .form{max-width: 12.6rem;margin:0 auto;}
.lx-msg .form .row{display: flex;justify-content: space-between;}
.lx-msg .form .item{width: 49%;margin-bottom: 2%;}
.lx-msg .form .box{background-color: #fff;display: flex;align-items: flex-start;width: 100%;}
.lx-msg .form .tit{font-size: 0.18rem;color:#414141;line-height: 0.5rem;margin-left: 0.25rem;position: relative;}
.lx-msg .form .tit i{color:#ff0000;position: absolute;left: -0.1rem;top: 50%;transform: translate(0,-50%);}
.lx-msg .form .info{flex:1;overflow: hidden;}
.lx-msg .form .ipt{font-size: 0.18rem;color:#555;width: 100%;}
.lx-msg .form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .13rem;}
.lx-msg .form .con{height: 1.75rem;line-height: 1.3;padding:.13rem .13rem;resize:none;}
.lx-msg .form .submit{margin: 0.35rem auto 0;font-size: 0.22rem;font-weight: bold;}




/* insights */
.xw-main{padding:.6rem 0 .7rem;}

.xw-menu{margin-bottom: 0.5rem;display: flex;justify-content: center;}
.xw-menu .lk{font-size: 0.2rem;color:#91b721;min-width: 2rem;text-align: center;line-height: 0.48rem;display: inline-block;vertical-align: middle;padding:0 .2rem;margin:0 .1rem;border:1px solid #91b721;border-radius:.24rem;}
.xw-menu .lk.cur,.xw-menu .lk:hover{font-weight: bold;color:#fff;background-color: #91b721;}


.xw-list{display: flex;flex-wrap: wrap;margin:-2% 0 0 -2%;}
.xw-list .item{width: 31.3%;margin:2% 0 0 2%;background-color: #fff;}
.xw-list .imgbox{height: 3.5rem;}
.xw-list .info{padding:0.2rem .15rem;}
.xw-list .title{font-size: 0.22rem;font-weight: bold;line-height: 1.4;-webkit-line-clamp: 2;}
.xw-list .more{font-size: 0.16rem;color:#bebebe;display: inline-block;vertical-align: middle;margin-top: 0.3rem;}
.xw-list .more::after{content:'\e623';display: inline-block;vertical-align: middle;font-family: 'iconfont';margin-left: 0.15rem;font-size: 0.22rem;}
.xw-list .item:hover .title{color:#91b721;}
.xw-list .item .more:hover{color:#91b721;}


.pagelist{margin-top: 0.7rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.16rem;min-width: 0.34rem;height: 0.34rem;background-color: transparent;margin:0 .03rem;line-height: 0.34rem;text-align: center;padding: 0;overflow: hidden;border:none!important;}

.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 .1rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #91b721;}
.layui-laypage a:hover{color:#91b721;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 0.34rem;line-height: 0.34rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;line-height: 0.34rem;}

/* .quote-sec{}
.quote-sec .box{display: flex;align-items: center;height: 3.2rem;}
.quote-sec .info{flex:1;overflow: hidden;}
.quote-sec .title{font-size: 0.4rem;color:#fff;font-weight: bold;line-height: 1.4;}
.quote-sec .txt{font-size: 0.24rem;color:#fff;margin-top: 0.07rem;}
.quote-sec .button{font-size: 0.2rem;margin-left: 0.3rem;}
 */


/* insightsDetail */
.xw-det{padding:.6rem 0 .6rem;}
.xw-det .auto{max-width: 11.15rem;}
.xw-det .topbox{text-align: center;margin-bottom: 0.3rem;}
.xw-det .title{font-size: 0.32rem;font-weight: bold;line-height: 1.3;}
.xw-det .date{font-size: 0.16rem;color:#666666;margin-top: 0.1rem;}
.xw-det .edit{font-size: 0.16rem;color:#000000;line-height: .3rem;}


.xw-bot{display: flex;justify-content: space-between;align-items: center;padding:0.3rem 0;border-top:1px solid #e5e5e5;margin-top: 0.65rem;}
.xw-social{display: flex;align-items: center;}
.xw-social .smtit{font-size: 0.18rem;color:#000;font-weight: bold;margin-right: 0.15rem;}
.xw-social .lks a{font-size: 0.24rem;margin-right: 0.09rem;}


/* .pagenav{padding:0.25rem 0;border-top:1px solid #e5e5e5;margin-top: 0.35rem;}
.pagenav li{font-size: 0.18rem;line-height: 0.3rem;}
.pagenav li a{color:#393939;font-size: 0.16rem;}
.pagenav li:hover,.pagenav li:hover a{color:#91b721;} */





/* product */
.cp-main{padding:.3rem 0 .55rem;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-main .l{width: 3.4rem;margin-right: 0.5rem;}
.cp-main .r{flex:1;overflow: hidden;}

.cp-menu{}
.cp-menu li{margin-bottom: 0.08rem;background-color: #fff;}
.cp-menu li>a{font-size: 0.18rem;display: block;padding:0.15rem 0.2rem;line-height: 0.2rem;transition: all 0s;}
.cp-menu li.cur>a,.cp-menu li:hover>a{color:#fff;background-color: #91b721;}



.cp-list{display: flex;flex-wrap: wrap;margin:-3.5% 0 0 -3%;}
.cp-list .item{width: 30.3%;margin:3.5% 0 0 3%;}
.cp-list .imgbox{height: 3.54rem;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.cp-list .img{width: 100%;height: 100%;object-fit: contain;}
.cp-list .title{text-align: center;font-size: 0.18rem;margin-top: 0.15rem;line-height: 1.3;-webkit-line-clamp: 2;}
.cp-list .item:hover .title{color:#91b721;}


/* productDetail */
.cp-intro{display: flex;align-items: flex-start;padding: 0.2rem 0 0.6rem;}
.cp-intro .imgbox{width: 46%;height:6rem;overflow: hidden;max-width: 6rem;margin-right: 0.6rem;box-shadow:0 0 0.12rem rgba(11,27,35,.14);background-color: #fff;}
.cp-intro .imgbox .img{width: 100%;height: 100%;object-fit: contain;}

.cp-intro .info{flex:1;overflow: hidden;}
.cp-intro .title{font-size: 0.32rem;color:#91b721;line-height: 1.3;font-weight: bold;margin-top: 0.5rem;}
.cp-intro .smtit{font-size: 0.2rem;font-weight: bold;margin-top: 0.35rem;}
.cp-intro .txt{font-size: 0.16rem;line-height: 1.8;margin-top: 0.1rem;}
.cp-intro .txt p{margin-bottom: 0.08rem;}
.cp-intro .button{margin-top: 0.6rem;}


.cp-xq{margin-bottom: 0.6rem;}
.cp-xq .t-tit{border-bottom:1px solid #c8c8c8;margin-bottom: 0.2rem;display: flex;}
.cp-xq .t-tit span{font-size: 0.26rem;font-weight: bold;line-height: 0.6rem;border-bottom:4px solid #91b721;padding:0 0.1rem 0 0;}
.cp-xq .txt{font-size: 0.16rem;line-height: 1.6;}

.cp-xq table{margin-top: 0.9rem;background-color: #fff;padding:0.2rem;}
.cp-xq table{border:1px solid #efefef;}
.cp-xq table th,.cp-xq table td{font-size: 0.16rem;line-height: 0.2rem;padding:0.1rem 0.15rem 0.1rem 5%;text-align: left;}
.cp-xq table th{}
.cp-xq table td{color:#666;border-right:1px solid #fff;}
.cp-xq table td:last-child{border-right:0;}
.cp-xq table tbody tr:nth-child(odd){background-color: #f0f0f0;}


/* customerGuide */
.cust-lc{padding:0.4rem 0 1rem;overflow: hidden;}
.cust-lc .list{padding:0.5rem 0 0;display: flex;justify-content: space-between;align-items: flex-start;}
.cust-lc .list .item{}
.cust-lc .list .icon{width: 2rem;display: block;margin:0 auto;height: auto;}
.cust-lc .list .txt{font-size: 0.18rem;margin-top: 0.3rem;text-align: center;}
.cust-lc .list .arrow{width: 0.6rem;margin-top: 0.69rem;}
.cust-lc .readmore{margin:1.3rem auto 0;padding:0 0.28rem;width: auto;}


.cust-faq{padding:0.65rem 0 0.7rem;background-color: #fff;overflow: hidden;}
.cust-faq .list{}
.cust-faq .list .item{border-top:1px solid #d0d0d0;padding:0.08rem 0;transition: all 0s;}
.cust-faq .list .title{font-size: 0.26rem;color:#333;padding:0.25rem 0.2rem 0.25rem 0.7rem;position: relative;cursor: pointer;font-weight: bold;}
.cust-faq .list .title:before{content:'\e673';width: 0.24rem;height: 0.24rem;position: absolute;left: 0.22rem;top: 0.32rem;border-radius:50%;color:#c0c0c0;font-family: 'iconfont';}
.cust-faq .list .drop{display: none;padding:0 0 0.35rem 0.7rem;}
.cust-faq .list .txt{font-size: 0.18rem;line-height: 1.5;}
.cust-faq .list .item:first-child{border-top:0;}
.cust-faq .list .item:last-child{border-bottom:1px solid #d0d0d0;}

.cust-faq .list .item.cur{background-color: #f8f8f8;border-color:#f8f8f8;}
.cust-faq .list .item.cur .drop{display: block;}
.cust-faq .list .item.cur .title,.cust-faq .list .item:hover .title{color:#91b721;}
.cust-faq .list .item:hover .title:before{color:#91b721;}
.cust-faq .list .item.cur .title:before{content:'\e8c5';color:#91b721;}
.cust-faq .list .item.cur+.item{border:0;}


.cust-xz{padding:0.5rem 0 0.85rem;background-color: #91b721;overflow: hidden;}
.cust-xz .list{}
.cust-xz .list .item{border-bottom:1px solid rgba(255,255,255,.5);display: flex;align-items: center;padding:0.25rem 0;justify-content: space-between;}
.cust-xz .list .title{font-size: 0.2rem;color:#fff;flex:1;overflow: hidden;max-width: 80%;line-height: 0.3rem;word-break: break-all;position: relative;padding-left: 0.4rem;}
.cust-xz .list .title:before{content:'\e664';display: inline-block;font-family: 'iconfont';position: absolute;left: 0;top: 0;}
.cust-xz .list .icon{width: 0.35rem;height:0.35rem;display: block;font-size: 0.26rem;color:#fff;}
.cust-xz .list .icon::after{content:'\e622';font-family: 'iconfont';}
.cust-xz .list .icon:hover,.cust-xz .list .title:hover{opacity: 0.85;}



/* about */
.us-intro{padding:.5rem 0 1rem;background:url(../images/us_10.jpg) no-repeat center;background-size:cover;}
.us-intro .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.us-intro .info{flex:1;overflow: hidden;padding-top: 0.3rem;}
.us-intro .txt{font-size: 0.18rem;color:#555555;line-height: 1.55;}

.us-intro .videobox{height: 6.7rem;width: 54%;margin-left: 0.5rem;position:relative;overflow: hidden;background-color: #000;}
.us-intro .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.us-intro .videobox .playicon{width: 1.04rem;height: 1.04rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.us-intro .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.us-intro .videobox .video{width: 100%;height: 100%;object-fit: contain;}



.us-group{background:url(../images/us_03.jpg) no-repeat center;background-size:cover;padding:1.2rem 0;}
.us-group .txt{font-size: 0.18rem;line-height: 1.5;}
.us-group .txt p{margin-bottom: 0.25rem;}

.us-group .list{margin-top: 1rem;display: flex;justify-content: space-between;text-align: center;}
.us-group .list .fz{font-size: 0.24rem;color:#91b721;font-family: 'Medium';line-height: 1;display: inline-block;vertical-align: middle;position: relative;}
.us-group .list .fz i{font-size: 0.6rem;font-weight: bold;vertical-align: text-top;}
.us-group .list .fz em{position: absolute;right: 0;top: 0;transform: translate(105%,0);white-space: nowrap;}
.us-group .list .wz{font-size: 0.24rem;margin-top: 0.05rem;}


.us-why{padding:0.6rem 0 0.7rem;background-color: #fff;}
.us-why .list{display: flex;justify-content: space-between;}
.us-why .list .item{text-align: center;background-color: #f7f7f7;margin-bottom: 0.15rem;}
.us-why .list .title{font-size: 0.24rem;font-weight: bold;}
.us-why .list .line{width: 0.36rem;height: 0.03rem;background-color: #000;display: block;margin:0.1rem auto 0;}
.us-why .list .txt{font-size: 0.16rem;color:#333;-webkit-line-clamp: 3;line-height: 0.24rem;height: 0.72rem;margin: 0.15rem auto 0;max-width: 2.8rem;}
.us-why .list .ico{height: 0.7rem;width: auto;display: block;margin:0.3rem auto 0;}
.us-why .list .ico-h{display: none;}
.us-why .list .item:hover{background-color: #91b721;}
.us-why .list .item:hover *{color:#fff;}
.us-why .list .item:hover .line{background-color: #fff;}
.us-why .list .item:hover .ico-s{display: none;}
.us-why .list .item:hover .ico-h{display: block;}


.us-why .list1 .item{width: calc(25% - 0.11rem);padding:0.5rem 0.15rem 0.3rem;}


.us-why .list2 .item{width: calc(50% - 0.07rem);padding:0.5rem;display: flex;align-items: center;}
.us-why .list2 .info{flex:1;overflow: hidden;}
.us-why .list2 .imgbox{width: 2.9rem;margin-left: 0.3rem;}
.us-why .list2 .txt{-webkit-line-clamp: 4;height: 0.96rem;max-width: 100%;}




.us-cul{background:url(../images/us_04.jpg) no-repeat center;background-size:cover;padding:0.75rem 0 0.85rem;overflow: hidden;}
.us-cul .detail{display: flex;}
.us-cul .lbox{max-width: 6.5rem;height: 6.9rem;width: 45%;}
.us-cul .imgbox{width: 100%;height: 100%;}
.us-cul .rbox{flex:1;width:0;background:url(../images/us_06.jpg) no-repeat center;background-size:cover;display: flex;align-items: center;}
.us-cul .list{margin-left: -0.44rem;}
.us-cul .list .item{display: flex;align-items: flex-start;margin-bottom: 0.9rem;}
.us-cul .list .icon{width: 0.88rem;margin-right: 0.45rem;border-radius:50%;box-shadow:0 0 0.16rem rgba(11,27,35,.22);}
.us-cul .list .title{font-size: 0.38rem;color:#fff;margin-top: 0.1rem;text-transform: uppercase;font-weight: bold;line-height: 1.2;}
.us-cul .list .txt{font-size: 0.18rem;color:#fff;max-width: 94%;margin-top: 0.06rem;line-height: 1.4;}
.us-cul .list .item:last-child{margin-bottom: 0;}



/* index */
.idx-ban{position: relative;height: 100vh;overflow: hidden;}
.idx-ban .tp{width: 100%;display: block;position: absolute;left: 0;bottom: 0;z-index:60;}
.idx-ban .item{height: 100vh;position: relative;overflow: hidden;text-align: center;}
.idx-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.idx-ban .title{font-size: 0.58rem;color:#fff;line-height: 1.2;text-transform: uppercase;font-weight: bold;font-family: 'HarmonyOSBlack';}
.idx-ban .txt{font-size: 0.3rem;color:#fff;line-height: 1.4;margin-top: 0.2rem;font-weight: bold;}
.idx-ban .button{margin:0.55rem auto 0;}
.idx-ban .button::after{content:'\e60e';font-family: 'iconfont';font-size: 0.14rem;margin-left: 0.05rem;}


.idx-ban .bot{position: absolute;width: 100%;left: 0;bottom: 0.8rem;z-index:50;}
.idx-ban .bot>div{display: flex;align-items: flex-end;justify-content: space-between;}

.idx-ban .arrs{display: flex;}
.idx-ban .swiper-button{position: static;margin: 0;width: 0.64rem;height: 0.64rem;display: flex;align-items: center;justify-content: center;font-size: 0.26rem;color:#fff;background:none;border:1px solid #fff;opacity: 1;}
.idx-ban .swiper-button::after{content:'\e779';font-family: 'iconfont';}
.idx-ban .swiper-button-next{transform: rotate(180deg);border-right:0;}

.idx-ban .pages{display: flex;align-items: center;}
.idx-ban .swiper-pagination{font-size: 0;position: static;width: 2.55rem;height: 3px;margin:0 0.15rem;}
.idx-ban .swiper-pagination-progressbar{background-color: rgba(255,255,255,.4);}
.idx-ban .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff;}
.idx-ban .wz{font-size: 0.2rem;color:#fff;}


.idx-intro{padding:1.1rem 0;}
.idx-intro .readmore{margin-top: 0.7rem;}




.idx-cp{padding:1.1rem 0 0.9rem;/* background:url(../images/idx_02.jpg) no-repeat center;background-size:cover; */overflow: hidden;position: relative;}
.idx-cp .top-box{margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between;}
.idx-cp .pub-tt{text-align: left;margin-bottom: 0;}
.idx-cp .menu{display: flex;}
.idx-cp .menu .lk{font-size: 0.18rem;color:#333;margin-left: 0.45rem;line-height: 0.4rem;position: relative;cursor: pointer;}
.idx-cp .menu .lk::after{content:'';width: 0;height: 2px;background-color: #91b721;transition: all 0.3s;position: absolute;left: 0;bottom: 0;}
.idx-cp .menu .lk.cur,.idx-cp .menu .lk:hover{color:#91b721;}
.idx-cp .menu .lk.cur::after{width: 100%;}



.idx-cp .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-cp .list li{width: 23%;margin:0 0 2% 2%;}
.idx-cp .list .imgbox{height: 3.55rem;display: flex;/* background-color: #fff; */align-items: center;justify-content: center;}
.idx-cp .list .imgbox .img{width: 100%;height: 100%;object-fit: contain;}
.idx-cp .list .title{font-size: 0.18rem;text-align: center;margin-top: 0.2rem;line-height: 1.4;}
.idx-cp .list .item:hover .title{color:#91b721;}
.idx-cp .more{margin:0.7rem auto 0;}


.idx-cp .top-box,.idx-cp .detail{position: relative;z-index:2;}
.idx-cp .bgtab{position: absolute;width: 100%;left: 0;top: 0;bottom: 0;z-index:1;}
.idx-cp .bgtab .module,.idx-cp .bgtab .imgbox{height: 100%;}






.idx-lc{background:url(../images/idx_03.jpg) no-repeat center;background-size:cover;padding:1rem 0;overflow: hidden;}
.idx-lc .list .txt{color:#fff;}
.idx-lc .readmore{color:#91b721;background-color: #fff;}
.idx-lc .readmore:hover{font-weight: bold;}


.idx-fb{background:url(../images/idx_04.jpg) no-repeat center;background-size:cover;padding:0.9rem 0;overflow: hidden;}
.idx-fb .detail{}

.idx-fb .item{padding:0.35rem;box-shadow:0 0 0.16rem rgba(11,27,35,.22);background-color: #fff;}
.idx-fb .item .top{display: flex;align-items: center;}
.idx-fb .item .hdpic{width: 0.8rem;height: 0.8rem;object-fit: cover;margin-right: 0.2rem;}
.idx-fb .item .name{font-size: 0.22rem;text-transform: uppercase;}
.idx-fb .item .font{font-size: 0.14rem;color:#333333;-webkit-line-clamp: 1;margin-top: 0.06rem;}
.idx-fb .item .line{width: 0.48rem;height: 2px;background-color: #999;margin-top: 0.15rem;display: block;}
.idx-fb .item .bot{margin-top: 0.28rem;display: flex;align-items: flex-start;}
.idx-fb .item .bot-l{width: 1rem;}
.idx-fb .item .bot-r{flex:1;overflow:hidden;}
.idx-fb .item .icon{width: 0.44rem;height: 0.44rem;background:url(../images/idx_06.png) no-repeat center;background-size:contain;display: block;}
.idx-fb .item .txt{font-size: 0.16rem;color:#4a4a4a;line-height: 0.24rem;-webkit-line-clamp: 6;height: 1.5rem;}
.idx-fb .item .stars{display: flex;font-size: 0.12rem;color:#f4b620;margin-top: 0.35rem;}
.idx-fb .item .stars i{font-size: inherit;margin-right: 1px;}

.idx-fb .swiper-slide{padding:0.16rem;}
.idx-fb .swiper-pagination{position: static;margin-top: 0.7rem;}
.idx-fb .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background-color: #d9d9d9;opacity: 1;margin:0 0.07rem!important;}
.idx-fb .swiper-pagination-bullet-active{background-color: #91b721;}






.pop-quote{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:110;background-color: rgba(0,0,0,.6);}
.pop-quote .wrap{padding: 0;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 10rem;border-radius:.08rem;width: 90%;}
.pop-quote .bt{font-size: 0.3rem;line-height: 0.8rem;border-bottom:1px solid #efefef;padding:0 .3rem;text-transform: uppercase;font-weight: bold;}
.pop-quote .form{padding:.3rem .3rem;width: 100%;}
.pop-quote .close{width: 0.3rem;height: 0.3rem;background:url(../images/close.png) no-repeat center;background-size:contain;cursor: pointer;position: absolute;right: 0.15rem;top: 0.15rem;}

.pop-quote .lx-msg .form .box{border:1px solid #e5e5e5;border-radius:6px;overflow: hidden;}


@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 10.5rem;}
	html{font-size: 5.5rem!important;}

	/* 公共部分 */
	.head .line{margin:0 0.15rem;}
	.hd-nav li{margin:0 0.13rem;}



	.ft-t .tit{font-size: 0.28rem;}


	/* contact */
	.inner-ban{height: 3.5rem;}

	.lx-xx .list .item{display: block;}
	.lx-xx .list .icon{margin:0 auto 0.15rem;}
	.lx-xx .list .fz{font-size: 0.22rem;}
	.lx-xx .map{height: 5rem;}

	/* insights */
	.xw-list .imgbox{height: 3rem;}

	/* newsDetail */
	.xw-det .edit{font-size: 0.18rem;}

	/* product */
	.cp-main .l{width: 3.1rem;margin-right: 0.4rem;}

	.cp-list{justify-content: space-between;margin:-6% 0 0;}
	.cp-list .item{width: 48%;margin:6% 0 0;}
	.cp-list .title{font-size: 0.2rem;}

	/* productDetail */
	.cp-intro .txt{font-size: 0.18rem;}

	.cp-xq .txt{font-size: 0.18rem;}


	/* customerguide */
	.cust-lc .list{padding:0.2rem 0 0;}
	.cust-lc .list .item{width: 1.4rem;text-align: center;}
	.cust-lc .list .icon{width: 1.3rem;}
	.cust-lc .list .arrow{width: 0.5rem;margin-top: 0.44rem;}
	.cust-lc .readmore{margin-top: 0.8rem;}

	/* about */
	.us-intro .txt{font-size: 0.17rem;}

	.us-why .list2 .item{display: block;}
	.us-why .list2 .imgbox{width: 80%;margin:0.3rem auto 0;}


	/* index */
	.idx-cp .top-box{display: block;margin-bottom: 0.5rem;}
	.idx-cp .pub-tt{text-align: center;}
	.idx-cp .menu{margin:0.4rem 0 0 0;justify-content: center;}
	.idx-cp .menu .lk{margin:0 0.25rem;font-size: 0.22rem;}

	.idx-cp .list .imgbox{height: 2.5rem;}
	.idx-cp .list .title{font-size: 0.18rem;}








}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{width: 92%;}
	html{font-size: 6.2rem!important;}


	.sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;margin-top: -0.2rem;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;color:#000;}
	.sj-menu::after{content:'\e790';font-family: 'iconfont';}
	.sj-menu.close::after{content:'\eca0';}

	/* 公共部分 */
	.head{height: .85rem;position: sticky!important;}
	.hd-logo .img{height: 0.55rem;}
	.head .r{margin-right: 0.5rem;}

	.hd-sear{}
	.hd-sear .icon{width: 0.28rem;height: 0.28rem;background-size: .24rem;}

	.hd-lang .font{font-size: 0.16rem;}
	.hd-lang .font .ico{width: 0.3rem;}
	.hd-lang .font::before{width: 0.24rem;height: 0.24rem;margin-right: 0.05rem;}


	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.85rem;bottom: 0;overflow-y: scroll;background-color: #fff;overflow-x: hidden;display: none;}
	.hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li:hover>a{color:#333;}

	.hd-nav li:hover .drop{opacity: 0;visibility: hidden;transform: scaleY(0);}
	.hd-nav .drop{width: 100%;background-color: transparent;padding: 0;margin: 0;transition: all 0s;}
	.hd-nav .drop.show{opacity: 1!important;visibility: visible!important;transform: translate(0)  scaleY(1)!important;position: static!important;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.7rem;height: 0.7rem;background:url(../images/arrow.png) no-repeat center;background-size:.24rem;}
	.hd-nav .arrow.this{transform: rotate(180deg);}

	.hd-nav .drop .lk{color:#000;line-height: 0.5rem;border-top:1px solid #efefef;padding:0 4% 0 6%;text-align: left;}
	.hd-nav .drop .lk:hover{background:#fff;}


	.ft-t{}
	.ft-t .wrap{display: block;padding:0.4rem 0;}
	.ft-t .col{margin-bottom: 0.3rem;position: relative;}
	.ft-t .col1{max-width: 100%;margin-bottom: 0.45rem;}
	.ft-t .col4{width: 60%;margin-bottom: 0;}

	.ft-t .tit{font-size: 0.24rem;}
	.ft-t .lks{display: flex;flex-wrap: wrap;margin-left: -0.25rem;}
	.ft-t .lk{line-height: 0.32rem;margin:0 0 0.1rem 0.25rem;}

	.ft-t .website{margin-top: 0;position: absolute;right: 0;bottom: 0;}
	.ft-t .website span{font-size: 0.15rem;}

	.ft-b{padding:0.2rem 0;}



	/* .btn{font-size: 0.16rem;width: 1.6rem;} */

	/* contact */
	.inner-ban{height: 2.8rem;}

	.pub-tt{margin-bottom: 0.4rem;}
	.pub-tt .bt{font-size: 0.34rem;}

	.lx-xx .list{flex-wrap: wrap;}
	.lx-xx .list .item{width: 33.3%;padding:0 0.1rem;display: block;text-align: center;}
	.lx-xx .list .icon{height: 0.5rem;margin:0 auto 0.1rem;}
	.lx-xx .list .fz{font-size: 0.2rem;}

	.lx-xx .map{height: 3.5rem;margin-top: 0.4rem;}


	.btn{width: 1.8rem;}

	/* insights */
	.xw-main{padding:0.35rem 0 0.7rem;}

	.xw-list{margin: -5% 0 0 0;justify-content: space-between;}
	.xw-list .item{width: 48.2%; margin: 5% 0 0 0;}
	.xw-list .imgbox{height: 2.6rem;}
	.xw-list .info{padding: 0.15rem 0.15rem;}
	.xw-list .title{font-size: 0.2rem;}
	.xw-list .more{margin-top: 0.2rem;}

	.pagelist{margin-top: 0.5rem;}

	.quote-sec .box{display: block;height: auto;padding:.7rem 0;text-align: center;}
	.quote-sec .title{font-size: 0.34rem;}
	.quote-sec .txt{font-size: 0.2rem;}
	.quote-sec .button{font-size: 0.16rem;margin:.6rem auto 0;}

	/* insightsdetail */
	.xw-det .title{font-size: 0.28rem;}
	.xw-det .date{font-size: 0.16rem;}
	.xw-det .edit{font-size: 0.17rem;}



	/* product */
	.cp-main .wrap{display: block;}
	.cp-main .l{width: 100%;margin:0 0 0.3rem;}

	.cp-menu{overflow-x: scroll;white-space: nowrap;width: 108%;margin-left: -4%;padding:0 4%;}
	.cp-menu li{display: inline-block;vertical-align: middle;margin:0 0.06rem 0 0;}
	.cp-menu li:last-child{margin-right:0;}

	.cp-list{justify-content: space-between;margin:-4% 0 0;}
	.cp-list .item{width: 48%;margin:4% 0 0;}
	.cp-list .imgbox{height: 3.1rem;}
	.cp-list .title{font-size: 0.19rem;}



	/* productDetail */
	.cp-intro{display: block;}
	.cp-intro .imgbox{width: 100%;height: 4rem;max-width: 100%;box-shadow:none;border:1px solid #efefef;border-radius:0.1rem;}
	.cp-intro .title{font-size: 0.26rem;margin-top: 0.3rem;}
	.cp-intro .txt{font-size: 0.18rem;}
	.cp-intro .txt p{margin-bottom: 0.05rem;}
	.cp-intro .button{margin:0.4rem 0 0;}


	.cp-xq{margin-bottom: 0.35rem;}
	.cp-xq .txt{font-size: 0.17rem;line-height: 1.5;}
	.cp-xq table{margin-top: 0.5rem;}
	.cp-xq table th, .cp-xq table td{padding-left: 3%;}


	/* customerguide */
	.cust-lc{padding:0.4rem 0 0.7rem;}
	.cust-lc .list{padding:0.2rem 0 0;justify-content: center;flex-wrap: wrap;}
	.cust-lc .list .item{text-align: center;width: 33.3%;padding:0.15rem 0.1rem 0.35rem;}
	.cust-lc .list .icon{width: 1.3rem;}
	.cust-lc .list .txt{font-size: 0.19rem;margin-top: 0.15rem;}
	.cust-lc .list .arrow{display: none;}
	.cust-lc .readmore{margin-top: 0.5rem;}


	.cust-faq .list .title{font-size: 0.2rem;padding:0.2rem 0.2rem 0.2rem 0.55rem;}
	.cust-faq .list .title:before{top: 0.24rem;}
	.cust-faq .list .drop{padding:0 0 0.2rem 0.55rem;}
	.cust-faq .list .txt{font-size: 0.17rem;}


	/* about */
	.us-intro{padding:0.4rem 0 0.8rem;}
	.us-intro .detail{display: block;}
	.us-intro .videobox{width: 100%;margin:.3rem auto 0;height: auto;}
	.us-intro .videobox .playicon{width: 0.8rem;height: 0.8rem;}



	.us-group{padding:0.8rem 0;}
	.us-group .list{margin-top: 0.1rem;flex-wrap: wrap;}
	.us-group .list li{width: 50%;margin-top: 0.5rem;}
	.us-group .list .fz i{font-size: 0.5rem;}
	.us-group .list .wz{font-size: 0.2rem;}

	.us-why .list .item{padding:0.5rem 0.25rem 0.4rem!important;}
	.us-why .list .txt{max-width: 100%;}
	.us-why .list .ico{height: 0.55rem;}

	.us-why .list1{flex-wrap: wrap;}
	.us-why .list1 .item{width:calc(50% - 0.07rem);}

	.us-why .list2 .item{display: block;}
	.us-why .list2 .imgbox{width: 100%;margin:0.3rem auto 0;}



	.us-cul .detail{display: block;}
	.us-cul .lbox{width: 100%;max-width: 100%;height: 4.5rem;display: none;}
	.us-cul .rbox{width: 100%;padding:0.5rem 0.3rem;display: block;}
	.us-cul .list{margin: 0;}
	.us-cul .list .item{margin-bottom: 0.4rem;}
	.us-cul .list .icon{width: 0.78rem;margin-right: 0.3rem;}
	.us-cul .list .title{font-size: 0.28rem;}




	/* index */
	.idx-ban{height: auto;}
	.idx-ban .item{height: calc(100vh - 0.85rem);}
	.idx-ban .title{font-size: 0.5rem;}
	.idx-ban .txt{font-size: 0.26rem;}
	.idx-ban .bot{bottom: 0.3rem;}
	.idx-ban .bot>div{justify-content: center;}
	.idx-ban .arrs{display: none;}
	.idx-ban .swiper-pagination{width: 1.4rem;}


	.idx-cp{padding:0.8rem 0;}
	.idx-cp .top-box{display: block;margin-bottom: 0.5rem;}
	.idx-cp .pub-tt{text-align: center;}
	.idx-cp .menu{margin:0.4rem 0 0 0;justify-content: space-between;}
	.idx-cp .menu .lk{margin:0 0.05rem;font-size: 0.2rem;}

	.idx-cp .list{flex-wrap: wrap;justify-content: space-between;margin:-5% 0 0;}
	.idx-cp .list li{width: 47.5%;margin:5% 0 0;}
	.idx-cp .list .imgbox{height: 2.8rem;}
	.idx-cp .list .title{font-size: 0.19rem;}


	.idx-lc{padding:0.8rem 0;}

	.idx-fb .swiper-pagination{margin-top: 0.35rem;}


}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{width: 90%;}
	html{font-size: 6.2rem!important;}


	.sj-menu{position:absolute;right: 3%;top: 50%;width: .3rem;height: .3rem;margin-top: -0.15rem;display: flex;align-items: center;justify-content: center;font-size: 0.28rem;}
	.sj-menu::after{content:'\e790';font-family: 'iconfont';}
	.sj-menu.close::after{content:'\eca0';}




	/* 公共部分 */
	.head{height: .7rem;}
	.hd-logo .img{height: 0.44rem;}
	.head .r{margin-right: 0.4rem;}

	.hd-sear{}
	.hd-sear .icon{width: 0.28rem;height: 0.28rem;background-size: .24rem;}
	.hd-sear-box .box{line-height: 0.5rem;border-radius:.08rem;}
	.hd-sear-box .submit{width: 0.5rem;height: 0.5rem;}

	.head .line{display: none;}
	.hd-lang{margin-left: 0.18rem;}
	.hd-lang .font{font-size: 0.15rem;}
	.hd-lang .font .ico{width: 0.22rem;margin-right: 0.05rem;}
	.hd-lang .font::after{margin-left: 0.06rem;}
	.hd-lang .drop{width: 1rem;}
	.hd-lang .dropbox{padding:.13rem 0 .04rem .15rem;}
	.hd-lang .lk{font-size: 0.14rem;}

	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.7rem;bottom: 0;overflow-y: scroll;background-color: #fff;overflow-x: hidden;display: none;}
	.hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative;}
	.hd-nav li>a{font-size: 0.17rem;line-height: 0.6rem;padding:0 4%;font-weight: normal;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li:hover>a{color:#333;}

	.hd-nav li:hover .drop{opacity: 0;visibility: hidden;transform: scaleY(0);}
	.hd-nav .drop{width: 100%;background-color: transparent;padding: 0;margin: 0;transition: all 0s;}
	.hd-nav .drop.show{opacity: 1!important;visibility: visible!important;transform: translate(0)  scaleY(1)!important;position: static!important;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.6rem;height: 0.6rem;background:url(../images/arrow.png) no-repeat center;background-size:.22rem;}
	.hd-nav .arrow.this{transform: rotate(180deg);}

	/* .hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;display: none;margin: 0;} */
	.hd-nav .drop .lk{color:#000;line-height: 0.5rem;border-top:1px solid #efefef;padding:0 5% 0 8%;text-align: left;}
	.hd-nav .drop .lk:hover{background:#fff;}


	.ft-t{}
	.ft-t .wrap{display: block;padding:0.4rem 0 0.2rem;}
	.ft-t .col{margin-bottom: 0.25rem;}
	.ft-t .col1{max-width: 100%;margin-bottom: 0.4rem;}
	.ft-t .col4{width: 100%;margin-bottom: 0;}

	.ft-t .tit{font-size: 0.22rem;}
	.ft-t .lks{display: flex;flex-wrap: wrap;margin-left: -0.25rem;}
	.ft-t .lk{line-height: 0.3rem;margin:0 0 0.05rem 0.25rem;}
	.ft-t .txt{line-height: 2;}


	.ft-t .website{margin-top: 0.3rem;width: 100%;}
	.ft-t .website span{font-size: 0.15rem;}

	.ft-b{padding:0.16rem 0;font-size: 0.15rem;}


	.btn{font-size: 0.17rem;width: 1.5rem;height: 0.46rem;font-weight: normal;}

	/* contact */
	.inner-ban{height: 2rem;}

	.crumb{margin: .14rem 0 0.1rem;font-size: 0.14rem;line-height: 0.22rem;}

	.pub-tt{margin-bottom: 0.3rem;}
	.pub-tt .bt{font-size: 0.25rem;}
	.pub-tt .smwz{font-size: 0.16rem;margin-top: 0.1rem;}
	.pub-tt .x{width: 0.5rem;height: 0.03rem;margin-top: 0.12rem;}

	.lx-xx .list{flex-wrap: wrap;padding-top: 0.1rem;}
	.lx-xx .list .item{width: 100%;padding:0 0 .2rem;}
	.lx-xx .list .line{display: none;}
	.lx-xx .list .icon{height: auto;width: 0.3rem;}
	.lx-xx .list .fz{font-size: 0.17rem;line-height: 1.6;}


	.lx-xx .map{height: 2.2rem;margin-top: 0.2rem;}

	.lx-msg .form .row{display: block;}
	.lx-msg .form .item{width: 100%;}
	.lx-msg .form .tit{font-size: 0.16rem;line-height: 0.44rem;margin-left: 0.2rem;}
	.lx-msg .form .ipt-txt{font-size: 0.16rem;height: 0.44rem;line-height: 0.44rem;}
	.lx-msg .form .con{height: 1.4rem;}
	.lx-msg .form .submit{font-size: 0.18rem;font-weight: normal;}


	/* insights */
	.xw-main{padding:.3rem 0 .5rem;}
	.xw-menu{justify-content: space-between;margin-bottom: 0.3rem;flex-wrap: wrap;}
	.xw-menu .lk{font-size: 0.18rem;min-width: auto;padding:0.05rem;margin: 0 0 0.15rem;line-height: 0.4rem;border-radius:0.08rem;width: 48%;}


	.xw-list{margin: -7% 0 0 0;justify-content: space-between;}
	.xw-list .item{width: 100%; margin: 7% 0 0 0;border:1px solid #efefef;border-radius:0.08rem;overflow: hidden;}
	.xw-list .imgbox{height: 2.2rem;}
	.xw-list .info{padding: 0.15rem 0.18rem 0.2rem;}
	.xw-list .title{font-size: 0.18rem;}
	.xw-list .more{margin-top: 0.2rem;}
	.xw-list .more::after{font-size: 0.18rem;margin-left: 0.06rem;}


	.pagelist{margin-top: 0.5rem;}
	.layui-laypage .layui-laypage-curr em{line-height: 0.3rem;}
	.layui-laypage a, .layui-laypage span{font-size: 0.16rem;min-width: 0.3rem;height: 0.3rem;line-height: 0.3rem;}

	.quote-sec .box{display: block;height: auto;padding:.6rem 0;text-align: center;}
	.quote-sec .title{font-size: 0.25rem;}
	.quote-sec .txt{font-size: 0.18rem;margin-top: 0.12rem;}
	.quote-sec .button{font-size: 0.16rem;margin:.3rem auto 0;width: 1.6rem;}


	/* insightsdetail */
	.xw-det{padding:0.3rem 0 0.4rem;}
	.xw-det .title{font-size: 0.22rem;}
	.xw-det .date{font-size: 0.16rem;}
	.xw-det .edit{font-size: 0.17rem;line-height: 1.5;}

	.xw-bot{padding:0.3rem 0 0.2rem;margin-top: 0.35rem;display: block;}
	.xw-bot .newslist{margin:0.35rem auto 0;}
	.xw-social .lks a{font-size: 0.22rem;margin-right: 0.05rem;}



	/* product */
	.cp-main{padding:0.2rem 0 .4rem;}
	.cp-main .wrap{display: block;}
	.cp-main .l{width: 100%;margin:0 0 0.3rem;}

	.cp-menu{overflow-x: scroll;white-space: nowrap;width: 110%;margin-left: -5%;padding:0 5%;font-size: 0;}
	.cp-menu li{display: inline-block;vertical-align: middle;margin:0;border-right:1px solid #efefef;}
	.cp-menu li>a{padding:0.13rem 0.18rem;}

	.cp-menu li:last-child{border:0;}


	.cp-list{justify-content: space-between;margin: -8% 0 0;}
	.cp-list .item{width: 100%;margin:8% 0 0;}
	.cp-list .imgbox{height: 2.6rem;}
	.cp-list .title{margin-top: 0.13rem;font-size: 0.18rem;}



	/* productDetail */
	.cp-intro{display: block;padding:0.2rem 0 0.4rem;}
	.cp-intro .imgbox{width: 100%;height: 3rem;max-width: 100%;box-shadow:none;border:1px solid #efefef;border-radius:0.1rem;}
	.cp-intro .title{font-size: 0.2rem;margin-top: 0.2rem;line-height: 1.5;color:#000;}
	.cp-intro .txt{font-size: 0.16rem;line-height: 1.6;}
	.cp-intro .txt p{margin-bottom: 0;}
	.cp-intro .button{margin:0.3rem 0 0;width: 100%;}


	.cp-xq{margin-bottom: 0.1rem;}
	.cp-xq .t-tit span{font-size: 0.24rem;line-height: 0.5rem;}
	.cp-xq .txt{font-size: 0.16rem;line-height: 1.5;}
	.cp-xq table{margin-top: 0.3rem;width: 105%;padding:0.1rem;
		overflow-x: auto; /* 开启水平方向滚动 */
		display: block; /* 让表格能够滚动 */
		white-space: nowrap;}
	.cp-xq table{min-width: 5rem;margin-right: 0.15rem;}
	.cp-xq table th, .cp-xq table td{padding-left: 3%;}


	/* customerguide */
	.cust-lc{padding:0.4rem 0 0.6rem;}
	.cust-lc .list{padding:0.2rem 0 0;justify-content: center;flex-wrap: wrap;}
	.cust-lc .list .item{text-align: center;width: 48%;padding:0.15rem 0.1rem 0.25rem;}
	.cust-lc .list .icon{width: 1rem;}
	.cust-lc .list .txt{font-size: 0.18rem;margin-top: 0.13rem;}
	.cust-lc .list .arrow{display: none;}
	.cust-lc .readmore{margin-top: 0.4rem;}

	.cust-faq{padding:0.5rem 0;}
	.cust-faq .list .title{font-size: 0.19rem;padding:0.15rem 0.2rem 0.15rem 0.55rem;}
	.cust-faq .list .title:before{top: 0.2rem;}
	.cust-faq .list .drop{padding:0 0 0.2rem 0.55rem;}
	.cust-faq .list .txt{font-size: 0.16rem;line-height: 1.4;}

	.cust-xz{padding:0.5rem 0;}
	.cust-xz .list .item{display: block;}
	.cust-xz .list .title{font-size: 0.18rem;max-width: 100%;padding-left: 0.3rem;}
	.cust-xz .list .icon{margin:0.1rem 0 0 0.3rem;}
	.cust-xz .list .item:last-child{border:0;}


	/* about */
	.us-intro{padding:0.1rem 0 0.6rem;}
	.us-intro .detail{display: block;}
	.us-intro .txt{font-size: 0.17rem;}
	.us-intro .videobox{width: 100%;margin:.3rem auto 0;height: 2.4rem;}
	.us-intro .videobox .playicon{width: 0.5rem;height: 0.5rem;}



	.us-group{padding:0.6rem 0;}
	.us-group .txt{font-size: 0.17rem;}
	.us-group .list{margin-top: -0.15rem;flex-wrap: wrap;}
	.us-group .list li{width: 50%;margin-top: 0.5rem;text-align: left;}
	.us-group .list .fz{font-size: 0.2rem;}
	.us-group .list .fz i{font-size: 0.4rem;}
	.us-group .list .wz{font-size: 0.16rem;}



	.us-why{padding:0.6rem 0;}
	.us-why .list .item{padding:0.35rem 0.25rem 0.3rem!important;width: 100%!important;}
	.us-why .list .txt{max-width: 100%;-webkit-line-clamp: 5!important;height: auto!important;}
	.us-why .list .ico{height: 0.55rem;}

	.us-why .list1,.us-why .list2{flex-wrap: wrap;}

	.us-why .list2 .item{display: block;}
	.us-why .list2 .imgbox{width: 100%;margin:0.3rem auto 0;}



	.us-cul{padding:0.6rem 0;}
	.us-cul .detail{flex-direction: column-reverse;}
	.us-cul .lbox{width: 100%;max-width: 100%;height: 3rem;}
	.us-cul .rbox{width: 100%;padding:0.5rem 0.3rem;display: block;}
	.us-cul .list{margin: 0;}
	.us-cul .list .item{margin-bottom: 0.4rem;display: block;text-align: center;}
	.us-cul .list .icon{width: 0.66rem;margin: 0 auto 0.05rem;display: block;}
	.us-cul .list .title{font-size: 0.22rem;}
	.us-cul .list .txt{font-size: 0.17rem;}


	/* index */
	.idx-ban{height: auto;}
	.idx-ban .item{height: 3rem;}
	.idx-ban .title{font-size: 0.26rem;}
	.idx-ban .txt{font-size: 0.2rem;font-weight: normal;margin-top: 0.12rem;}
	.idx-ban .button{display: none;}
	.idx-ban .bot{bottom: 0.18rem;}
	.idx-ban .bot>div{justify-content: center;}
	.idx-ban .arrs{display: none;}
	.idx-ban .swiper-pagination{width: 0.9rem;}
	.idx-ban .wz{display: none;}

	.idx-intro .readmore{margin-top: 0.5rem;}

	.idx-cp{padding:0.55rem 0;}
	.idx-cp .top-box{display: block;margin-bottom: 0.5rem;}
	.idx-cp .pub-tt{text-align: center;}
	.idx-cp .menu{margin:0.3rem 0 0.1rem -5%;display: block;overflow-x: scroll;white-space: nowrap;width: 110%;padding:0 5%;}
	.idx-cp .menu .lk{margin:0 0.25rem 0 0;font-size: 0.2rem;display: inline-block;vertical-align: middle;}
	.idx-cp .menu .lk:last-child{margin-right: 0;}


	.idx-cp .list{margin:-8% 0 0;display: block;}
	.idx-cp .list li{width: 100%;margin:8% 0 0;}
	.idx-cp .list .imgbox{height: 2.6rem;}
	.idx-cp .list .title{font-size: 0.2rem;}


	.idx-lc{padding:0.6rem 0;}

	.idx-fb{padding:0.6rem 0;}
	.idx-fb .item{box-shadow:none;}
	.idx-fb .item .bot-l{display: none;}
	.idx-fb .swiper-slide{padding: 0;}
	.idx-fb .swiper-pagination{margin-top: 0.25rem;}
	.idx-fb .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;}



	.pop-quote .bt{font-size: 0.24rem;line-height: 0.6rem;padding: 0 .2rem;}
	.pop-quote .close{background-size:0.26rem;}
	.pop-quote .form{padding:0.2rem 0.2rem;}
	.pop-quote .lx-msg .form .row{margin-bottom: 0.15rem;}


}