@charset "utf-8"

@font-face
{font-family: LexendLight;
src: url('Lexend-Light.ttf')}

@font-face
{font-family: LexendMedium;
src: url('Lexend-Medium.ttf')}

@font-face
{font-family: LexendRegular;
src: url('Lexend-Regular.ttf')}

@font-face
{font-family: LexendSemiBold;
src: url('Lexend-SemiBold.ttf')}

@font-face
{font-family: LexendExtraLight;
src: url('Lexend-ExtraLight.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;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:'LexendRegular', "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: 14.3rem;width: 94%;}
: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;}

/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */

.btn{font-size: 0.18rem;color:#fff;background-color: #222222;border:none;cursor: pointer;line-height: 0.6rem;border-radius:.3rem;min-width: 1.75rem;padding:0 .28rem;border:1px solid #222222;display: inline-block;vertical-align: middle;text-align: center;transition: all .3s;}
.btn:hover{/* background-color: #fff;border-color:#222222;color:#222; */min-width:2rem;}



/* 公共部分 */
.head{height: .95rem;background-color: #222222;position: sticky;width: 100%;left: 0;top: 0;z-index:100;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;max-width: 17.6rem;}
.head .r{display: flex;align-items: center;}

.hd-logo .img{height: .75rem;width: auto;}


.hd-nav li{display: inline-block;vertical-align: middle;position: relative;margin:0 .35rem;height: 0.95rem;padding:.3rem 0;}
.hd-nav li>a{display: block;font-size: 0.16rem;color:#fff;line-height: .35rem;position: relative;}
.hd-nav li>a::after{content:'';height: 1px;width: 0;background-color: #fff;position: absolute;left: 50%;bottom: 0;transition: all .3s;}
.hd-nav li.cur>a::after,.hd-nav li:hover>a::after{width: 100%;left: 0;}


.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}

.hd-nav .drop{width: 2rem;position: absolute;top: 0.95rem;left:50%;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: #222222;margin-left: -1rem;}
.hd-nav .drop .lk{font-size: 0.15rem;color:#fff;line-height: 0.44rem;display: block;min-width: 25%;text-align: center;border-bottom:1px solid rgba(255,255,255,.15)}
.hd-nav .drop .lk:hover{opacity: .85;}
.hd-nav .drop .lk:last-child{border-bottom:none;}


.hd-sear{margin-left: 0.2rem;}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.hd-sear .icon::after{content:'\e651';font-size: 0.2rem;color:#fff;font-family: 'iconfont';}


.hd-sear-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);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{}
.hd-lang .font i{font-size: 0.2rem;color:#fff;}

.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 .dropbox::before{content:'';width: 0;height: 0;border-style: solid;border-width: 0 .09rem .1rem .09rem;border-color: transparent transparent #fff transparent;position: absolute;left: 50%;top: -0.09rem;margin-left: -0.05rem;} */
.hd-lang .lk{font-size: 0.15rem;margin-bottom: 0.12rem;display: flex;align-items: center;}
.hd-lang .ic{width: 0.2rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{font-weight: bold;}
.hd-lang:hover .drop{display: block;}

.head .line{width: 1px;height: 0.18rem;background-color: #000;margin:0 .2rem;}

.head.white{background-color: rgba(255,255,255,.1);position: fixed;border-color:transparent;}
.head.white .hd-nav li>a{color:#fff;}
.head.white .hd-nav li>a::after{background-color: #fff;}
.head.white .hd-sear .icon::after{color:#fff;}
.head.white .line{background-color: #fff;}
.head.white .hd-lang .font{color:#fff;}
.head.white .hd-lang .font::before{}
.head.white .hd-nav li.cur>a,.head.white .hd-nav li:hover>a{color:#00b0d4;}
.head.white.scroll{background-color: rgba(0,0,0,.5)}





.foot{background-color: #222222;}
.foot .auto{max-width: 15.6rem;}
.foot .wrap{display: flex;align-items: center;justify-content: space-between;}

.ft-t{padding:.5rem 0 .2rem;}
.ft-t .lbox{width: 55%;max-width: 6.35rem;}
.ft-t .rbox{width: 40%;max-width: 5.6rem;}
.ft-t .smlogo{height: 0.75rem;width: auto;}
.ft-t .txt{font-size: 0.16rem;color:#fff;line-height: 0.24rem;margin-top: 0.15rem;}
.ft-t .txt p{margin-bottom: 0.1rem;}
.ft-t .txt .p3{font-family: 'LexendExtraLight';}
.ft-t .social{margin-top: 0.25rem;}
.ft-t .social a{display: inline-block;vertical-align: middle;margin-right: 0.15rem;font-size: 0.17rem;color:#fff;}
.ft-t .social a:hover{opacity: .85;}

.ft-t .form{}
.ft-t .form .title{font-size: 0.32rem;color:#fff;font-weight: bold;}
.ft-t .form .font{font-size: 0.16rem;color:#fff;margin-top: 0.1rem;}
.ft-t .form .box{display: flex;border:1px solid #fff;border-radius:.31rem;display: flex;margin-top: 0.25rem;}
.ft-t .form .ipt-txt{height: 0.6rem;line-height: 0.6rem;flex:1;overflow: hidden;font-size: 0.16rem;color:#fff;padding:0 .25rem;background-color: transparent;}
.ft-t .form .submit{width: 0.6rem;height: 0.6rem;background:url(../images/ft_01.png) no-repeat center;background-size:.4rem;cursor: pointer;border:none;margin-right: 0.15rem;}
.ft-t .form ::-webkit-input-placeholder{color:rgba(255,255,255,.7);}
.ft-t .form :-moz-placeholder{color:rgba(255,255,255,.7);}
.ft-t .form ::-moz-placeholder{color:rgba(255,255,255,.7);}
.ft-t .form :-ms-input-placeholder{color:rgba(255,255,255,.7);}

.ft-b{padding:.3rem 0;border-top:1px solid #4f4f4f;}
.ft-b *{font-size: 0.16rem;color:rgba(255,255,255,.6);font-family: 'LexendLight';line-height: 0.3rem;}
.ft-b .txt{}
.ft-b .lks{}
.ft-b .lk{display: inline-block;vertical-align: middle;margin-left: 0.55rem;}
.ft-b .lk:hover{color:#fff;}




/* blogs */
.inner-ban{/* height: 5.8rem; */}

.crumb{font-size: 0.14rem;color:#3e3d3d;line-height: 0.3rem;margin-top: 0.1rem;}
.crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb *{font-size: inherit;}
.crumb a:hover{font-weight: bold;}


.blog-main{padding:.3rem 0 .8rem;}

.blog-list{}
.blog-list .item{margin-bottom: 0.85rem;display: flex;align-items: center;}
.blog-list .item:last-child{margin-bottom: 0;}
.blog-list .imgbox{width: 45%;max-width: 6rem;height: 4.1rem;}
.blog-list .info{flex:1;overflow: hidden;padding:0 .5rem;}
.blog-list .title{font-size: 0.26rem;color:#000;font-family: 'LexendSemiBold';}
.blog-list .date{font-size: 0.14rem;color:#262626;font-family: 'LexendLight';margin-top: 0.2rem;background:url(../images/blog_04.png) no-repeat left center;background-size:.16rem;padding-left: 0.25rem;}
.blog-list .txt{font-size: 0.16rem;color:#303030;line-height: 0.3rem;-webkit-line-clamp: 3;font-family: 'LexendLight';margin-top: 0.3rem;}
.blog-list .more{font-size: 0.18rem;color:#000000;display: inline-block;vertical-align: middle;margin-top: 0.55rem;line-height: 0.33rem;position: relative;}
.blog-list .more::after{content:'';position: absolute;left: 0;bottom: 0;height: 1px;background-color: #000;width: 0;transition: all .3s;}
.blog-list .item:hover{box-shadow:0 0 .08rem rgba(4,0,0,.1);}
.blog-list .item:hover .more::after{width: 100%;}

.pagelist{margin-top: 0.9rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.16rem;color:#9a9a9a;min-width: 0.32rem;height: 0.32rem;background-color: transparent;margin:0 .05rem;line-height: 0.32rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:.14rem;}

.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 .1rem;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #000000;}
.layui-laypage a:hover{color:#000000;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 0.32rem;line-height: 0.32rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;line-height: 0.32rem;}



/* blogDetail */
.blog-det{padding:.4rem 0 .6rem;}
.blog-det .auto{max-width: 11.2rem;}
.blog-det .topbox{text-align: center;margin-bottom: 0.3rem;}
.blog-det .title{font-size: 0.32rem;line-height: 1.4;font-family: 'LexendSemiBold';}
.blog-det .date{font-size: 0.14rem;color:#262626;margin-top: 0.2rem;font-family: 'Myriad Pro';background:url(../images/blog_04.png) no-repeat left center;background-size:.14rem;padding-left: 0.21rem;display: inline-block;vertical-align: middle;}
.blog-det .edit{font-size: 0.16rem;color:#303030;line-height: .24rem;}


.blog-bot{display: flex;justify-content: space-between;border-top:1px solid #dcdcdc;align-items: center;position: relative;padding:.25rem 0;line-height: 0.3rem;margin-top: 0.55rem;}
.blog-bot *{font-size: 0.16rem;color:#080808;}
.blog-bot .fz{width: 45%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}

.blog-bot .lk{display: flex;align-items: center;position: relative;}
.blog-bot .lk i{font-size: 0.14rem;display: inline-block;vertical-align: middle;}
.blog-bot .prev i{transform: rotate(180deg);margin-right: 0.05rem;}
.blog-bot .next i{margin-left: 0.05rem;}
.blog-bot .lk::after{content:'';position: absolute;left: 0;bottom: 0;width: 0;transition: all .3s;height: 1px;background-color: #080808;}
.blog-bot .lk:hover::after{width: 100%;}



/* contact */
.pub-tt{margin-bottom: 0.4rem;text-align: center;}
.pub-tt .bt{font-size: 0.5rem;line-height: 1;color:#000000;font-weight: bold;}
.pub-tt .smwz{font-size: 0.16rem;margin:.16rem auto 0;/* max-width: 10.4rem; */line-height: 0.24rem;color:#333333;}
.pub-tt.white .bt{color:#fff;}

.lx-sec{padding:.3rem 0 .9rem;}
.lx-sec .list{display: flex;justify-content: space-between;padding-top: 0.15rem;}
.lx-sec .list li{padding:.3rem .15rem .2rem .4rem;min-height: 1.6rem;border:1px solid #ebebeb;display: flex;align-items: flex-start;width: 31.5%;}
.lx-sec .list .icon{width: 0.6rem;margin-right: 0.2rem;}
.lx-sec .list .info{flex:1;overflow: hidden;}
.lx-sec .list .title{font-size: 0.26rem;color:#101010;font-family: 'LexendSemiBold';}
.lx-sec .list .txt{font-size: 0.14rem;color:#333333;line-height: 0.2rem;margin-top: 0.05rem;}


.lx-msg{padding:.65rem 0;background:#fafafa;}
.lx-msg .form{max-width: 12.55rem;margin:0 auto;}
.lx-msg .form .row{display: flex;justify-content: space-between;}
.lx-msg .form .item{width: 49.2%;margin-bottom: 1.6%;}
.lx-msg .form .box{background-color: #fff;border:1px solid #e5e5e5;display: flex;align-items: flex-start;width: 100%;}
.lx-msg .form .tit{font-size: 0.16rem;color:#414141;line-height: 0.5rem;margin-left: 0.25rem;}
.lx-msg .form .info{flex:1;overflow: hidden;}
.lx-msg .form .ipt{font-size: 0.16rem;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;line-height: 0.55rem;min-width: 1.9rem;display: block;}
.lx-msg .form .submit:hover{min-width: 2.1rem;}



/* about */
.us-intro{padding:.6rem 0 .9rem;}
.us-intro .detail{display: flex;align-items: center;justify-content: space-between;}
.us-intro .bt{font-size: 0.4rem;color:#000;font-weight: bold;margin-bottom: 0.35rem;}
.us-intro .info{width: 46%;}
.us-intro .txt{font-size: 0.16rem;color:#303030;line-height: 0.24rem;}
.us-intro .imgbox{width: 49%;height: 480px;}


.us-team{padding:.6rem 0;background-color: #f8f8f8;}
.us-team .detail{}
.us-team .item{text-align: center;}
.us-team .item .imgbox{height: 3.1rem;}
.us-team .item .title{font-size: 0.24rem;color:#000;margin-top: 0.2rem;font-weight: bold;}
.us-team .item .txt{font-size: 0.16rem;color:#2f2f2f;line-height: 0.24rem;margin: 0.13rem auto 0;max-width: 3.4rem;-webkit-line-clamp: 2;}


.swiper-pagination{font-size: 0;position: static;margin-top: 0.6rem;}
.swiper-pagination-bullet{margin:0 .06rem!important;width: 0.1rem;height: 0.1rem;background-color: transparent;opacity: 1;border:1px solid #000000;}
.swiper-pagination-bullet-active{background-color: #000000;border-color:#000000;}


.us-sales{padding:.65rem 0 1rem;}
.us-sales .item{text-align: center;}
.us-sales .item .imgbox{height: 2.6rem;}
.us-sales .item .title{font-size: 0.16rem;color:#000000;margin-top: 0.15rem;}

/* Bestsellers */
.bests-main{padding:.4rem 0 .75rem;}

.bests-list{display: flex;flex-wrap: wrap;margin:-.5rem 0 0 -2%;}
.bests-list .item{width: 31.3%;margin:.5rem 0 0 2%;}
.bests-list .imgbox{border-radius:.1rem;overflow: hidden;}
.bests-list .imgbox .tu{width: 100%;padding-bottom: 100%;height: auto;position: relative;}
.bests-list .imgbox .img{position: absolute;left: 0;top: 0;}
.bests-list .title{font-size: 0.21rem;color:#000000;font-family: 'LexendSemiBold';margin-top: 0.2rem;text-align: center;display: block;}


/* Products */
.cp-main{padding:.4rem 0 .75rem;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-l{width: 2.3rem;margin-right: 0.9rem;}
.cp-r{flex:1;overflow: hidden;}

.cp-smtit{font-size: 0.26rem;color:#000000;line-height: 0.55rem;border-bottom:1px solid #e2e2e2;font-weight: bold;}

.cp-menu{padding-top: 0.05rem;}
.cp-menu li{margin-top: 0.13rem;}
.cp-menu li>a{display: inline-block;font-size: 0.16rem;color:#363535;line-height: 0.35rem;position: relative;}
.cp-menu li>a::after{content:'';position: absolute;left: 0;bottom: 0;height: .01rem;background-color: #363535;transition: all .3s;width: 0;}
.cp-menu li:hover>a::after{width: 100%;}
.cp-menu li:hover>a{font-weight: bold;}

.cp-list{display: flex;flex-wrap: wrap;margin:-.5rem 0 0 -3%;padding-top: 0.35rem;}
.cp-list .item{width: 30.3%;margin:.5rem 0 0 3%;}
.cp-list .imgbox{border-radius:.1rem;overflow: hidden;}
.cp-list .imgbox .tu{width: 100%;padding-bottom: 100%;height: auto;position: relative;}
.cp-list .imgbox .img{position: absolute;left: 0;top: 0;}
.cp-list .title{font-size: 0.16rem;color:#000000;font-family: 'LexendSemiBold';margin-top: 0.15rem;text-align: center;display: block;}



/* productDetail */

.cp-top{padding:.4rem 0 .9rem;}
.cp-top .detail{display: flex;justify-content: space-between;align-items: center;}
.cp-top .slide{width: 48%;padding:0 .3rem;}

.cp-top .slide1{position: relative;margin-top: 0.15rem;}
.cp-top .slide1 .item{/* height: 0.8rem; */border:1px solid #efefef;border-radius:.06rem;overflow: hidden;height: 100%;height: 0.88rem;position: relative;}
.cp-top .slide1 .item::after{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(255,255,255,.55);}
.cp-top .slide1 .swiper-slide-thumb-active .item{border-color:#000;}
.cp-top .slide1 .swiper-slide-thumb-active .item::after{display: none;}


.cp-top .slide2{flex:1;overflow: hidden;position: relative;}
.cp-top .slide2 .item{height: 5.6rem;display: flex;align-items: center;justify-content: center;}

.cp-top .slide2 .item .img{max-width: 100%;max-height: 100%;}


.cp-top .swiper-button{width: 0.48rem;height: 0.48rem;background-size:.12rem;border-radius:50%;margin-top: -0.22rem;background-color: #eaeaea;}
.cp-top .swiper-button:hover{background-color: #222;}


.cp-top .info{width: 45%;padding-bottom: 0.4rem;}
.cp-top .title{font-size: 0.28rem;color:#000000;font-weight: bold;line-height: 1.4;}
.cp-top .txt{font-size: 0.16rem;color:#2c2c2c;line-height: 0.3rem;margin-top: 0.2rem;-webkit-line-clamp: 5;min-height: 1.2rem;}
.cp-top .txt .p1{margin-top: 0.15rem;}
.cp-top .anniu{margin-top: 0.6rem;}




.cp-det{padding:0 0 1rem;}
.cp-xq .t-tit{font-size: 0.22rem;color:#191919;line-height: 0.55rem;background-color: #f0f0f0;font-family: 'LexendSemiBold';display: flex;align-items: center;margin-bottom: 0.6rem;}
.cp-xq .t-tit::before{content:'';display: block;width: 0.1rem;height: 0.34rem;background-color: #191919;margin-right: 0.15rem;}
.cp-xq .edit{font-size: 0.16rem;color:#191919;line-height: 1.5;}



.cp-video{height: 6.65rem;overflow: hidden;position:relative;background: #000;margin-top: 0.65rem;}
.cp-video .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.cp-video .playicon{width: 1.3rem;height: 1.3rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.cp-video .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.cp-video .video{width: 100%;height: 100%;}



/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: calc(100vh - .95rem);overflow: hidden;}
.idx-ban .box{text-align: center;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:80;}
.idx-ban .title{font-size: 0.8rem;color:#fff;font-weight: bold;line-height: 1.2;}
.idx-ban .anniu{margin:.55rem auto 0;color:#000;background-color: #fff;width: 2.2rem;transition: all .3s;padding: 0;}
.idx-ban .anniu:hover{width: 2.35rem;}


.idx-ban .swiper-pagination{display: none;}
.idx-ban .arrs{position: absolute;right: .9rem;bottom: 0.4rem;z-index:80;display: flex;}
.idx-ban .swiper-button{position: static;margin:0 0 0 .2rem;width: 0.3rem;height: 0.3rem;color:#fff;background:none;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.idx-ban .swiper-button i{display: block;font-size: 0.2rem;line-height: 1;}
.idx-ban .swiper-button-next{transform: rotate(180deg);}


.idx-cp{padding:.7rem 0;}
.idx-cp .list{margin-left: -5%;display: flex;flex-wrap: wrap;}
.idx-cp .list .item{width: 28.3%;margin:0 0 5% 5%;text-align: center;}
.idx-cp .list .imgbox{border-radius:.1rem;}
.idx-cp .list .title{font-size: 0.22rem;color:#000000;font-family: 'LexendSemiBold';line-height: 1.4;margin-top: 0.2rem;}
.idx-cp .list .txt{font-size: 0.16rem;color:#424141;line-height: 0.25rem;-webkit-line-clamp: 2;margin: 0.1rem auto 0;max-width: 2.85rem;}
.idx-cp .list .item:hover .title{opacity: .8;}

.idx-camp{padding:.7rem 0 1rem;}
.idx-camp .detail{display: flex;align-items: center;}
.idx-camp .info{flex:1;overflow: hidden;}
.idx-camp .title{font-size: 0.4rem;color:#000000;line-height: 1.4;font-family: 'LexendSemiBold';}
.idx-camp .txt{font-size: 0.16rem;color:#000000;line-height: 0.26rem;font-family: 'LexendLight';margin-top: 0.2rem;}
.idx-camp .more{margin-top: 0.35rem;}
.idx-camp .imgbox{width: 60%;max-width: 8.45rem;margin-left: 0.6rem;}


.idx-sp{padding:.6rem 0 1.2rem;background-color: #222222;}
.idx-sp .videobox{height: 6.2rem;overflow: hidden;position:relative;}
.idx-sp .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.idx-sp .videobox .playicon{width: 1.3rem;height: 1.3rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.idx-sp .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-sp .videobox .video{width: 100%;height: 100%;}


.idx-case{padding:.85rem 0;}
.idx-case .detail{display: flex;}
.idx-case .col{}
.idx-case .col1{flex:1;overflow: hidden;}
.idx-case .col2{margin:0 .2rem;width: 50%;max-width: 4.66rem;}
.idx-case .item1{height: 3.1rem;margin-bottom: 0.2rem;}
.idx-case .item2{height: 3.66rem;}
.idx-case .item3{height: 7rem;}
.idx-case .item{overflow: hidden;}
.idx-case .item:hover .img{transform: scale(1.1,1.1);}

.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%);width: 10rem;border-radius:.08rem;}
.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;}

.gotop{width: 0.6rem;height: 0.6rem;border-radius:50%;position: fixed;right: 0.2rem;bottom: 5%;z-index:99;transform: rotate(-90deg);font-size: 0.24rem;color:#fff;font-weight: bold;display: none;text-align: center;line-height: 0.6rem;}
.gotop::before{content:'\e8f5';font-family: 'iconfont';}






@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 10.5rem;}
	html{font-size: 5.5rem!important;}

	/* 公共部分 */
	.head .wrap{width: 100%;padding:0 2%;}
	.hd-logo .img{height: 0.55rem;}

	.hd-nav li{margin-right: 0.2rem;}



	.ft-b .lk{margin-left: 0.28rem;}


	/* blogs */
	.inner-ban{height: 4.8rem;}

	/* productDetail */
	.cp-top .slide{padding: 0;width: 50%;}




}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{padding:0 3%;width: 100%;}
	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;}
	.sj-menu::after{content:'\e790';font-family: 'iconfont';font-size: 0.3rem;color:#fff;}
	.sj-menu.close::after{content:'\eca0';}

	.head.white .sj-menu::after{color:#fff;}

	/* 公共部分 */
	.head{height: .9rem;}
	.hd-logo .img{height: 0.5rem;}
	.head .r{margin-right: 0.55rem;}

	.hd-sear{}
	.hd-sear .icon{width: 0.28rem;height: 0.28rem;background-size: .24rem;}
	.hd-sear .icon::after{font-size: 0.22rem;}


	.hd-lang .font{font-size: 0.16rem;}
	.hd-lang .font .ico{width: 0.3rem;}
	.hd-lang .font i{font-size: 0.22rem;}
	.hd-lang .drop{width: .9rem;}

	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.9rem;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;}
	.hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative;padding: 0;height: auto;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;color:#222;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li.has>a::after{display: none;}


	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.7rem;height: 0.7rem;display: flex;align-items: center;justify-content: center;}
	.hd-nav .arrow::after{content:'\e772';font-family: 'iconfont';font-size: 0.26rem;color:#000;}
	.hd-nav .arrow.this::after{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-left: 0;}
	.hd-nav .drop .lk{color:#222;line-height: 0.5rem;border-top:1px solid #efefef;padding:0 4% 0 6%;text-align: left;font-size: 0.16rem;}


	.foot .wrap{display: block;}
	.ft-t .lbox{width: 100%;max-width: 100%;text-align: center;}
	.ft-t .smlogo{height: 0.6rem;}
	.ft-t .rbox{width: 100%;max-width: 100%;text-align: center;margin-top: 0.35rem;}
	.ft-t .form .title{font-size: 0.24rem;}
	.ft-t .form .box{width: 80%;margin:.25rem auto 0;}
	.ft-t .form .ipt-txt{height: 0.46rem;line-height: 0.46rem;}
	.ft-t .form .submit{width: 0.46rem;height: 0.46rem;background-size:.28rem;}

	.ft-b{text-align: center;}
	.ft-b .txt{margin-bottom: 0.1rem;}
	.ft-b .lk{margin:0 .2rem;}



	/* blogs */
	.inner-ban{height: 3rem;}

	.crumb{font-size: 0.17rem;}

	.blog-list .item{margin-bottom: 0.5rem;}
	.blog-list .imgbox{height: 2.6rem;width: 43%;}
	.blog-list .info{padding:0 0 0 .4rem;}
	.blog-list .title{font-size: 0.24rem;-webkit-line-clamp: 2;}
	.blog-list .txt{line-height: 0.26rem;margin-top: 0.15rem;font-size: .15rem;}
	.blog-list .more{margin-top: 0.2rem;}
	.blog-list .item:hover{box-shadow:none;}

	.pagelist{margin-top: 0.5rem;}


	/* blogDetail */
	.blog-det .title{font-size: 0.27rem;}


	/* contact */
	.pub-tt{margin-bottom: 0.3rem;}
	.pub-tt .bt{font-size: 0.4rem;}

	.lx-sec{padding:.5rem 0 .4rem;}
	.lx-sec .list{flex-wrap: wrap;}
	.lx-sec .list li{width: 48%;margin-bottom: 4%;min-height: auto;padding:.35rem .2rem .35rem .35rem;}
	.lx-sec .list li:last-child{width: 100%;}
	.lx-sec .list .icon{width: 0.5rem;}
	.lx-sec .list .title{font-size: 0.24rem;}

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


	/* about */
	.us-intro{padding:.5rem 0 .3rem;}
	.us-intro .detail{display: block;}
	.us-intro .info{width: 100%;}
	.us-intro .bt{font-size: 0.32rem;margin-bottom: 0.2rem;}
	.us-intro .imgbox{width: 100%;height: auto;margin-top: 0.25rem;}

	.us-team .item .title{font-size: 0.22rem;}

	.us-sales{padding:.65rem 0;}
	.us-sales .item .imgbox{height: 2rem;}


	.swiper-pagination{margin-top: 0.45rem;}


	/* Bestsellers */
	.bests-list{margin: -4% 0 0;justify-content: space-between;}
	.bests-list .item{width: 48%;margin:4% 0 0;}
	.bests-list .title{font-size: 0.2rem;}



	/* product */
	.cp-main{padding:.4rem 0 .6rem;}
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;margin:0 0 .2rem;}
	.cp-smtit{font-size: 0.24rem;}


	.cp-menu{text-align: center;white-space: nowrap;overflow-x: scroll;}
	.cp-menu::-webkit-scrollbar{ display: none;}
	.cp-menu li{display: inline-block;vertical-align: middle;margin: 0 .25rem 0 0;}
	.cp-menu li>a{font-size: 0.18rem;line-height: 0.4rem;}


	.cp-list{margin: -4% 0 0;justify-content: space-between;}
	.cp-list .item{width: 48%;margin:4% 0 0;}




	/* productDetail */
	.cp-top{padding:.4rem 0 .6rem;}
	.cp-top .detail{display: block;}
	.cp-top .slide{width: 100%;display: flex;flex-direction: row-reverse;}
	.cp-top .slide1{width: 1rem;margin: 0 0.3rem 0 0;}
	.cp-top .slide1 .swiper-container{height: 5rem;}

	.cp-top .slide2 .item{height: 5rem;}

	.cp-top .info{width: 100%;margin-top: 0.3rem;}
	.cp-top .title{font-size: 0.25rem;}
	.cp-top .txt{font-size: 0.18rem;min-height: auto;margin-top: 0.1rem;}
	.cp-top .anniu{margin-top: 0.4rem;min-width: 2rem;}

	.cp-video{height: 4.6rem;}
	.cp-video .playicon{width: 0.8rem;height: 0.8rem;}



	/* index */
	.idx-ban .item{height: 5rem;}
	.idx-ban .title{font-size: 0.48rem;}
	.idx-ban .anniu{margin-top: 0.35rem;}

	.idx-cp{padding:.7rem 0 .4rem;}
	.idx-cp .list{margin: 0;justify-content: space-between;}
	.idx-cp .list .item{width: 48%;margin:0 0 4%;}

	.idx-camp{padding:.7rem 0;}
	.idx-camp .title{font-size: 0.3rem;line-height: 1.3;}
	.idx-camp .imgbox{width: 50%;margin-left: 0.3rem;}

	.idx-sp{padding:.7rem 0;}
	.idx-sp .videobox{height: 4.6rem;}
	.idx-sp .videobox .playicon{width: 1rem;height: 1rem;}

	.idx-case{padding:.7rem 0;}
	.idx-case .col2{margin:0 .1rem;width: 42%;max-width: 4.66rem;}
	.idx-case .item1{height: 2rem;margin-bottom: 0.1rem;}
	.idx-case .item2{height: 2.3rem;}
	.idx-case .item3{height: 4.4rem;}



	.gotop{width: 0.46rem;height: 0.46rem;font-size: 0.2rem;line-height: 0.46rem;bottom: 0.2rem;}



}