@charset "utf-8";

@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

@font-face
{font-family: SimplonNorm;
src: url('SimplonNorm-Regular.otf')}

@font-face
{font-family: SimplonN1ormMedium;
src: url('SimplonNorm-Medium.otf')}

@font-face
{font-family: SimplonN1ormBold;
src: url('SimplonNorm-Bold.otf')}

@font-face
{font-family: IstokWeb-Bold;
src: url('IstokWeb-Bold.ttf')}

@font-face
{font-family: IstokWeb-Regular;
src: url('IstokWeb-Regular.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:'IstokWeb-Regular', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;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: 15rem; */width: 94%;max-width: 16.2rem;}
: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: 101%;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{display: flex;align-items: center;justify-content: center;font-size: 0.18rem;color:#fff;width: 2.4rem;height: 0.7rem;background-color: #000;border-radius:.36rem;cursor: pointer;border:0;}
.btn:hover{background-color: #000;box-shadow:0 .06rem .08rem rgba(4,28,25,.56);}

/* 公共部分 */
.head{height: 0.95rem;background-color: #FEFCEF;position: sticky;width: 100%;left: 0;top: 0;z-index:100;box-shadow:0 .02rem .08rem rgba(0,0,0,.06);}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}

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


.hd-nav{}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 0.35rem;position: relative;}
.hd-nav li:first-child{margin-left: 0;}
.hd-nav li>a{display: block;font-family: 'IstokWeb-Bold';font-size: 0.18rem;color:#000000;line-height: .6rem;position: relative;padding:0 .1rem;text-transform: uppercase;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#000;font-weight: bold;}
.hd-nav li.has>a:after{content:'\e772';font-family:'iconfont';margin-left: .05rem;}

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

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

.head .r{display: flex;align-items: center;}

.hd-sear{}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;cursor: pointer;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.hd-sear .icon::after{content:'\e651';font-size: 0.2rem;color:#070707;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;margin-left: 0.3rem;}
.hd-lang .font{display: flex;align-items: center;cursor: pointer;font-size: 0.16rem;color:#000;}
.hd-lang .font i{font-size: 0.2rem;color:#070707;margin-right: 0.08rem;}
.hd-lang .font::after{content:'\e775';font-family: 'iconfont';margin-left: 0.07rem;font-size: 0.14rem;transform: rotate(90deg);font-weight: bold;}

.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.2rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{font-weight: bold;}
.hd-lang:hover .drop{display: block;}


.foot{background-color: #313016;}
.ft-t{border-bottom:1px solid #2d2d2d;padding:.6rem 0 .3rem;display: flex;align-items: center;justify-content: space-between;}
.ft-t .smlogo{height: 0.9rem;width: auto;}
.ft-t .menu{}
.ft-t .menu .lk{font-size: 0.18rem;color:#ffffff;display: inline-block;vertical-align: middle;margin-left: 0.65rem;font-family: 'IstokWeb-Regular';line-height: 1.6;}
.ft-t .menu .lk:hover{text-decoration: underline;}

.ft-b{display: flex;align-items: flex-start;justify-content: space-between;padding:.47rem 0;}
.ft-b .txt{font-size: 0.2rem;color:#fff;line-height: 1.8;font-family: 'IstokWeb-Regular';max-width: 5.4rem;margin-right: 0.4rem;}
.ft-b .info{flex:1;overflow: hidden;max-width: 7.7rem;}
.ft-b .fz{font-size: 0.2rem;color:#fff;font-family: 'IstokWeb-Regular';line-height: 1.4;margin-bottom: 0.26rem;}


.foot .social{margin-top: 0.25rem;display: flex;}
.foot .social a{margin-right: 0.25rem;font-size: 0.28rem;color:#fff;}

.foot .social a:hover{opacity: .87;}


/* news */
.crumb{font-size: 0.18rem;color:#484848;line-height: 0.3rem;margin: 0.3rem 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb *{font-size: inherit;font-weight: bold;}
.crumb a:hover{color:#000;}


.main{padding:0 0 0.5rem;}

.pub-tt{margin-bottom: 0.3rem;text-align: center;}
.pub-tt .bt{font-size: 0.68rem;font-family: 'IstokWeb-Bold';line-height: 1.2;text-transform: uppercase;}
/* .pub-tt .smwz{font-size: 0.16rem;color:#000000;margin-top: 0.15rem;line-height: 1.3;}
.pub-tt.white .bt{color:#fff;} */
.pub-tt.flex{display: flex;justify-content: space-between;align-items: center;}
.pub-tt .more{font-size: 0.2rem;color:#fff;width: 1.8rem;line-height: 0.65rem;background-color: #1a1a1a;border-radius:.32rem;text-align: center;}
.pub-tt .more:hover{background-color: #000;box-shadow:0 .06rem .08rem rgba(4,28,25,.56);}



.xw-list{}
.xw-list .item{padding:0.4rem;display: flex;align-items: center;position: relative;margin-bottom: 0.2rem;}
.xw-list .imgbox{/* width:5.35rem; */height: 3.6rem;margin-right: 0.5rem;width: 39%;}
.xw-list .info{flex:1;overflow: hidden;}
.xw-list .title{font-size: 0.26rem;color:#000000;line-height: .3rem;-webkit-line-clamp: 2;font-family: 'IstokWeb-Bold';}
.xw-list .date{font-size: 0.16rem;color:#898888;margin-top: 0.25rem;}
.xw-list .txt{font-size: 0.16rem;color:#4a4a4a;-webkit-line-clamp: 2;line-height: 0.24rem;margin-top: 0.25rem;height: 0.48rem;max-width: 6.7rem;}
.xw-list .more{font-size: 0.18rem;color:#1e3f36;display: flex;align-items: center;margin-top: 0.55rem;}
.xw-list .more::after{content:'\e8f5';font-family: 'iconfont';margin-left: 0.1rem;margin-top: 0.04rem;}
.xw-list .item::after{content:'';position: absolute;left: 0;bottom: 0;height: 1px;background-color: #fb8750;width: 0;transition: all .5s;}
.xw-list .item:hover{box-shadow:0 0 .16rem rgba(0,0,0,.12);}
.xw-list .item:hover .title{color:#1e3f36;}
.xw-list .item .more:hover{font-weight: bold;}

.pagelist{margin-top: 0.6rem;text-align: center;}
.layui-laypage{margin: 0;}

.layui-laypage a, .layui-laypage span{font-size: 0.2rem;width: 0.26rem;height: 0.26rem;background-color: transparent;margin:0 .03rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:.04rem;line-height: 0.26rem;color:#b2b2b2;}

.layui-laypage>a:last-child, .layui-laypage>a:last-child em{border-radius:.04rem;}
.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 ;border-radius:.04rem;}
.layui-laypage .layui-laypage-prev em,.layui-laypage .layui-laypage-next em{line-height: 1;}
.layui-laypage .layui-laypage-prev{border-radius:.04rem!important;background:#fff!important;color:#333;}
.layui-laypage .layui-laypage-next{background-color: #fff;color:#333;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: transparent;}
.layui-laypage a:hover{color:#000;}
.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;color:#000;}



.lx-form{padding:0.68rem 0;background-color: #f8f8f8;}
.lx-form .form{max-width: 11.2rem;margin:0 auto;}
.lx-form .row{display: flex;justify-content: space-between;}
.lx-form .item{width: 49.3%;margin-bottom: 1.5%;}
.lx-form .ipt{font-size: 0.16rem;color:#000;width: 100%;background-color: #fff;border-radius:.04rem;border:1px solid #d5d5d5;}
.lx-form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .15rem;}
.lx-form .con{height: 1.8rem;line-height: 1.4;padding:.16rem .15rem;resize:none;}
.lx-form .submit{margin: 0.35rem auto 0;}


/* newsDetail */
.xw-det{padding:.3rem 0 .8rem;}
.xw-det .auto{max-width: 11.4rem;}
.xw-det .topbox{text-align: center;margin-bottom: 0.45rem;}
.xw-det .title{font-size: 0.36rem;font-family: 'IstokWeb-Bold';line-height: 1.1;}
.xw-det .date{font-size: 0.2rem;color:#898888;margin-top: 0.15rem;}
.xw-det .edit{font-size: 0.2rem;color:#373737;line-height: 1.6;}

.pagenav{border-top:1px solid #dcdcdc;display: flex;justify-content: space-between;padding:.25rem 0;align-items: center;margin-top: 1rem;}
.pagenav .next{font-size: 0.2rem;color:#000000;}
.pagenav .next::after{content:'\e611';font-family: 'iconfont';margin-left: 0.13rem;display: inline-block;vertical-align: middle;}
.pagenav .next:hover{color:#000;}

.pagenav .social{display: flex;}
.pagenav .social a{width: 0.3rem;height: 0.3rem;border-radius:50%;margin-left: 0.12rem;font-size: 0.16rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.pagenav .social .facebook{background-color: #3b5998;}
.pagenav .social .twitter{background-color: #55acee;}
.pagenav .social .email{background-color: #f04f23;}
.pagenav .social a:hover{opacity: .85;}


/* contact */
.lx-sec{padding:0.2rem 0 0;}
.lx-sec .detail{display: flex;justify-content: space-between;align-items: center;padding:.4rem 0 0;}
.lx-sec .lbox{width: 49%;box-shadow:0 0 .24rem rgba(0,0,0,.1);background-color: #fff;padding:.25rem .2rem;}
.lx-sec .rbox{width: 42%;}

.lx-sec .list{}
.lx-sec .list li{margin-bottom: 0.75rem;display: flex;align-items: flex-start;}
.lx-sec .list .icon{width: 0.28rem;margin-right: 0.1rem;}
.lx-sec .list .tit{font-size: 0.18rem;color:#3c3c3c;line-height: 0.28rem;}
.lx-sec .list .txt{font-size: 0.3rem;color:#000000;line-height: 1.2;font-family: 'IstokWeb-Regular';margin-top: 0.05rem;}
.lx-sec .list li:last-child{margin-bottom: 0;}


/* .lx-sec .form{}
.lx-sec .form .row{display: flex;justify-content: space-between;}
.lx-sec .form .item{width: 49%;margin-bottom: 2%;}
.lx-sec .form .ipt{font-size: 0.16rem;color:#000;width: 100%;border-radius:.04rem;border:1px solid #bfbfbf;}
.lx-sec .form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .2rem;}
.lx-sec .form .con{height: 1.8rem;line-height: 1.4;padding:.16rem .2rem;resize:none;}
.lx-sec .form .submit{margin: 0.4rem 0 0;width: 1.8rem;height: 0.6rem;min-width: auto;} */
.lx-map{height: 7.9rem;margin-top: 1.2rem;}


/* application */
.pub-menu{margin-bottom: 0.5rem;text-align: center;display: none;}
.pub-menu .lk{font-size: 0.18rem;min-width: 2.4rem;text-align: center;line-height: 0.7rem;border:1px solid #000;border-radius:.36rem;margin:0 .13rem;display: inline-block;vertical-align: middle;font-family: 'IstokWeb-Regular';}
.pub-menu .lk.cur,.pub-menu .lk:hover{color:#fff;background-color: #1a1a1a;}

.app-mod{padding:0 0 .8rem;}
.app-mod:last-child{padding-bottom: 0.3rem;}
.app-mod .t-tit{font-size: 0.48rem;margin-bottom: 0.32rem;font-family: 'IstokWeb-Bold';}
.app-mod .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.app-mod .list .item{border:1px solid #000000;border-radius:.11rem;text-align: center;width: 23%;margin:0 0 2% 2%;padding:.36rem .45rem .25rem;min-height: 4.25rem;}
.app-mod .list .ico{height: 1.7rem;width: auto;display: block;margin:0 auto;}
.app-mod .list .ico-h{display: none;}
.app-mod .list .title{font-size: 0.26rem;font-family: 'IstokWeb-Bold';margin-top: 0.26rem;}
.app-mod .list .txt{font-size: 0.18rem;color:#3e3e3e;line-height: 0.24rem;-webkit-line-clamp: 2;height: 0.48rem;margin-top: 0.12rem;}
.app-mod .list .more{font-size: 0.18rem;width: 1.4rem;line-height: 0.4rem;border:1px solid #000;border-radius:.21rem;text-align: center;margin:.3rem auto 0;display: block;}
.app-mod .list .item:hover{background:url(../images/app_16.jpg) no-repeat center;background-size:100% 100%;border:0;box-shadow:0 0 .18rem rgba(0,0,0,.26);}
.app-mod .list .item:hover .ico-h{display: block;}
.app-mod .list .item:hover .ico-s{display: none;}
.app-mod .list .item:hover .title,.app-mod .list .item:hover .txt{color:#fff;}
.app-mod .list .item:hover .more{background-color: #fff;border-color:#fff;}



/* about */
.us-intro{}
.us-intro .list{padding:.4rem 0 1px;}
.us-intro .list .item{margin-bottom: 1rem;}
.us-intro .list .topbox{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.55rem;}
.us-intro .list .titbox{}
.us-intro .list .num{font-size: 0.28rem;color:#000;font-family: 'IstokWeb-Bold';}
.us-intro .list .bt{font-size: 0.57rem;font-family: 'IstokWeb-Bold';line-height: 1;margin-top: 0.08rem;text-transform: uppercase;}
.us-intro .list .txt{font-size: 0.2rem;color:#000000;line-height: 0.32rem;max-width: 9.1rem;flex:1;overflow: hidden;margin-left: 0.6rem;}
.us-intro .list .botbox{display: flex;}
.us-intro .list .imgbox{/* max-width: 13.15rem; */height: 5.45rem;width: 100%;}
.us-intro .list .item:nth-child(even) .botbox{justify-content: flex-end;}

.us-xz{padding:1rem 0 .9rem;background-color: #FCEDDB;/* background:url(../images/us_03.jpg) no-repeat center;background-size:cover; */}
.us-xz .pub-tt{text-align: left;}
.us-xz .detail{display: flex;align-items: flex-start;}
.us-xz .l{max-width: 7.5rem;width: 40%;}
.us-xz .r{flex:1;overflow: hidden;margin-left: 5%;}
.us-xz .row{margin-bottom: 0.75rem;padding:0 0 0 .16rem;border-left:1px solid #e7e7e7;}
.us-xz .row .title{font-size: 0.34rem;line-height: .3rem;font-family: 'IstokWeb-Bold';text-transform: uppercase;position: relative;}
.us-xz .row .title::before{content:'';position: absolute;left: -.16rem
;top: 0;width: 2px;height: 0.3rem;background-color: #000;}
.us-xz .row .txt{font-size: 0.16rem;line-height: 0.24rem;margin-top: 0.15rem;}
.us-xz .row:last-child{margin-bottom: 0;}
.us-xz .row:nth-child(1){max-width: 7.2rem;}
.us-xz .row:nth-child(2){max-width: 6.7rem;margin-left: 1.75rem;}
.us-xz .row:nth-child(3){max-width: 6.9rem;}

.us-lx{padding:.9rem 0;background-color: #726F3C;}
.us-lx .pub-tt .bt{margin: 0; color: #fff;}
.us-lx .txt{font-size: 0.22rem;color:#fff;line-height: 0.34rem;max-width: 9.8rem;margin:.15rem auto 0;text-align: center;}
.us-lx .anniu{margin:.55rem auto 0;}

.w-foot{display: none;}

/* solution */
.solu-main{padding:0 0 1.2rem;}
.solu-main .c-item-box{margin-top: 1rem;}
.solu-main .c-tit{    font-size: 0.48rem;
font-family: 'IstokWeb-Bold';
line-height: 1.2;
text-transform: uppercase;}
.solu-main .txt{font-size: .26rem;margin-top: .1rem;line-height: 1.5;max-width: 80%;}
.solu-list{display: flex;flex-wrap: wrap;margin:-3% 0 0 -3%;}
.solu-main .solu-list{margin-top: .1rem;}
.solu-list .item{padding:.3rem .15rem .25rem;border-radius:.32rem;border:1px solid #000;width: 30.3%;margin:3% 0 0 3%;}
.solu-list .imgbox{display: flex;align-items: center;justify-content: center;height: 4.3rem;}
.solu-list .imgbox img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.solu-list .title{font-size: 0.18rem;font-family: 'IstokWeb-Regular';text-align: center;margin-top: 0.3rem;-webkit-line-clamp: 1;}
.solu-list .more{font-size: 0.18rem;font-family: 'IstokWeb-Regular';display: inline-block;vertical-align: middle;margin-top: 0.2rem;position: relative;line-height: 0.25rem;}
.solu-list .more::after{content:'\e60e';font-family: 'iconfont';margin-left: 0.07rem;transition: all .3s;display: inline-block;vertical-align: middle;}
.solu-list .more::before{content:'';position: absolute;height: 1px;width: 100%;left: 0;bottom: .02rem;background-color: #000;}
.solu-list .item:hover{box-shadow:0 0 .18rem rgba(0,0,0,.26);}
.solu-list .item:hover .more::after{transform: rotate(-30deg);}
.solu-list .title:hover{color:#000;}


/* solutionDetail */
.solu-top{padding:.5rem 0;}
.solu-top .titbox{text-align: center;margin-bottom: 0.4rem;}
.solu-top .titbox .bt{font-size: 0.48rem;font-family: 'IstokWeb-Bold';line-height: 1;text-transform: uppercase;}
.solu-top .titbox .smwz{font-size: 0.22rem;font-family: 'IstokWeb-Bold';margin: 0.3rem auto;width: 65%;}
.solu-top .titbox .smwz p{text-align: left;line-height: 1.5;}
.solu-top .titbox .smwz span,.solu-top .titbox .smwz strong{font-size: inherit;}

.solu-top .detail{display: flex;justify-content: space-between;align-items: flex-start;}
.solu-top .imgbox{width: 38%;max-width: 7.5rem;margin-right: 0.3rem;}
.solu-top .imgbox img{aspect-ratio: 1;}
.solu-top .info{flex:1;overflow: hidden;padding:0.7rem 0 0;}
.solu-top .txt{font-size: 0.2rem;line-height: 0.3rem;}
.solu-top .txt *{/* font-family: 'IstokWeb-Bold'; */}
.solu-top .txt p{/* margin-bottom: 0.08rem; */position: relative;padding-left: 0.2rem;line-height: 1.2;}
.solu-top .txt p::before{content:'';width: 0.08rem;height: 0.08rem;background-color: #000;position: absolute;left: 0;top: 0.09rem;display: none;}
.solu-top .grps{display: flex;flex-wrap: wrap;padding:.3rem 0 0;}
.solu-top .grps .grp{width: 14.2%;text-align: center;}
.solu-top .grps .icon{height: 0.5rem;width: auto;display: block;margin:0 auto;}
.solu-top .grps .fz{font-size: 0.14rem;margin-top: 0.08rem;font-family: 'IstokWeb-Regular';}


.solu-det{padding:0.3rem 0 1rem;}

.solu-table{overflow: hidden;margin-bottom: 0.85rem;font-size: .16rem;/* border-radius:.28rem; */}
.solu-table p{line-height: 1.5;}
.solu-table table{background-color: #f6f6f6;border:1px solid #d3d3d3;border-radius:.28rem;}
.solu-table th,.solu-table td{text-align: center;}
.solu-table th{font-size: 0.24rem;color:#fff;font-weight: bold;line-height: 0.3rem;padding:0.27rem 0;background-color: #000;text-transform: uppercase;}
.solu-table td{font-size: 0.16rem;line-height: 0.24rem;padding:.1rem .1rem;border:1px solid #d3d3d3;text-align: center;}

.solu-table th:first-child{text-align: center;padding-left: 0.27rem;}
.solu-table .tit{display: block;text-align: left;padding-left: 0.27rem;font-size: 0.24rem;font-family: 'IstokWeb-Bold';}



.solu-sp{margin-bottom: 0.9rem;}
.solu-sp .videobox{height: 7.15rem;position:relative;overflow: hidden;}
.solu-sp .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.solu-sp .videobox .playicon{width: 1.4rem;height: 1.4rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.solu-sp .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.solu-sp .videobox .mask{position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:5;/* background-color:rgba(0,0,0,.5); */}
.solu-sp .videobox .video{width: 100%;height: 100%;object-fit: fill;}



.solu-sample{}
.solu-sample .t-tit{font-size: 0.38rem;font-family: 'IstokWeb-Bold';margin-bottom: 0.22rem;text-transform: uppercase;}
.solu-sample .list{margin-left: -0.25rem;display: flex;flex-wrap: wrap;}
.solu-sample .list li{margin:0 0 .25rem .25rem;}
.solu-sample .list .img{height: 2.3rem;width: auto;}




/* index */
.idx-ban{position: relative;}
.idx-ban .item{/* height: calc(100vh - 0.95rem); */overflow: hidden;}
.idx-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);z-index:70;}
.idx-ban .title{font-size: 0.9rem;color:#fff;font-family: 'IstokWeb-Bold';line-height: 1.2;text-shadow:0 .02rem 0 rgba(0,0,0,.54);max-width: 6.95rem;text-transform: uppercase;}

.idx-ban .swiper-pagination{font-size: 0;bottom: 0.35rem;}
.idx-ban .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;opacity: 1;border-radius:50%;background-color: #fff;margin:0 .09rem!important;}
.idx-ban .swiper-pagination-bullet-active{background-color: #000;}

.idx-cp{padding:.9rem 0 .2rem;}
.idx-cp .item{display: flex;align-items: flex-start;justify-content: space-between;}
.idx-cp .imgbox{width: 55%;}
.idx-cp .imgbox .pic{width: 100%;display: block;}
.idx-cp .info{width: 43%;padding:1.4rem 0 0;}
.idx-cp .title{font-size: 0.44rem;line-height: 1.2;text-transform: uppercase;font-family: 'IstokWeb-Bold';}
.idx-cp .txt{font-size: 0.16rem;line-height: 0.26rem;-webkit-line-clamp: 5;height: 1.3rem;margin-top: 0.3rem;}
.idx-cp .more{margin-top: 0.6rem;font-size: 0.18rem;color:#fff;width: 2.4rem;line-height: 0.7rem;border-radius:.35rem;background-color: #000;display: block;text-align: center;}
.idx-cp .more:hover{background-color: #000;box-shadow:0 .06rem .08rem rgba(4,28,25,.56);}

.idx-cp .bot{display: flex;align-items: center;width: 43%;position: absolute;right: 0;bottom: 2rem;padding: 0.1rem 0.1rem 0.1rem 0;}
.idx-cp .swiper-button{position: static;margin:0 0 0 .35rem;width: 0.42rem;height: 0.42rem;background-color: #858585;opacity: 1;background-size:.1rem;border-radius:50%;}
.idx-cp .swiper-button:hover{background-color: #000;box-shadow:0 .03rem .06rem rgba(10,42,38,.48);}

.idx-cp .swiper-pagination{position: static;margin: 0;flex:1;overflow: hidden;height: 1px;background-color: #bfbfbf;display: flex;}
.idx-cp .swiper-pagination-bullet{height: 1px;background-color: #bfbfbf;opacity: 1;border-radius:0;flex:1;overflow: hidden;}
.idx-cp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}


.idx-app{padding:1rem 0;}
.idx-app .titbox{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 0.65rem;}
.idx-app .titbox .bt{font-size: 1rem;line-height: 1.2;font-family: 'IstokWeb-Bold';text-transform: uppercase;}
.idx-app .titbox .r{flex:1;overflow: hidden;max-width: 7.55rem;padding-right: 0.7rem;margin-left: 0.4rem;}
.idx-app .titbox .txt{font-size: 0.28rem;line-height: 0.4rem;font-family: 'IstokWeb-Bold';}
.idx-app .titbox .more{font-size: 0.2rem;color:#000;display: inline-block;vertical-align: middle;margin-top: 0.5rem;text-transform: uppercase;position: relative;font-family: 'IstokWeb-Regular';line-height: 0.25rem;}
.idx-app .titbox .more::after{content:'\e60e';font-family: 'iconfont';margin-left: 0.07rem;transition: all .3s;transform: rotate(-35deg) scale(0.85);display: inline-block;vertical-align: middle;}
.idx-app .titbox .more::before{content:'';position: absolute;height: .02rem;width: 0;left: 0;bottom: 0;background-color: #000;transition: all .3s;}
/* .idx-app .titbox:hover .more::after{transform: rotate(0) scale(0.85);} */
.idx-app .titbox:hover .more::before{width: 100%;}


.idx-app .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.idx-app .imgbox{max-width: 8rem;width: 50%;}
.idx-app .list{width: 47%;border-top:1px solid #000;}
.idx-app .list .item{padding:.3rem 0;border-bottom:1px solid #000;}
.idx-app .list .top{font-size: 0.3rem;display: flex;align-items: center;cursor: pointer;line-height: 0.4rem;}
.idx-app .list .top .icon{width: 0.46rem;display: flex;align-items: center;margin-right: 0.2rem;}
.idx-app .list .top span{font-family: 'IstokWeb-Bold';}
.idx-app .list .top::after{content:'\e60e';font-family: iconfont;transform: rotate(90deg);line-height: 1;font-size: 0.24rem;}
.idx-app .list .bot{padding:.2rem 0 0;display: none;}
.idx-app .list .txt{font-size: 0.16rem;line-height: 0.24rem;}
.idx-app .list .item.cur .bot{display: block;}
.idx-app .list .item.cur .top::after{transform: rotate(270deg);}



.idx-us{display: flex;align-items: center;position: relative;background-color: #FFF9ED;}
.idx-us .info{width:51%;padding:0 1.3rem 0 1.5rem; }
.idx-us .pub-tt{text-align: left;margin-bottom: 0;}
.idx-us .smtit{font-size: 0.28rem;color:#000;font-family: 'IstokWeb-Bold';text-transform: uppercase;margin-top: 0.15rem;}
.idx-us .txt{font-size: 16px;line-height: 1.5;-webkit-line-clamp: 6;margin-top: 0.3rem;}
.idx-us .more{margin-top: 0.85rem;}
.idx-us .tp{position: absolute;left: 0;top: 0;height: 100%;display: none;}
.idx-us .videobox{height: 7.8rem;width: 49%;position:relative;overflow: hidden;}
.idx-us .videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.idx-us .videobox .playicon{width: 1.76rem;height: 1.76rem;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.idx-us .videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.idx-us .videobox .mask{position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:5;/* background-color:rgba(0,0,0,.5); */}
.idx-us .videobox .video{width: 100%;height: 100%;object-fit: fill;}

.idx-xw{padding:1rem 0;background-color: #FEF8EC;}
.idx-xw .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-xw .list .item{width: 31.3%;margin:0 0 2% 2%;}
.idx-xw .list .imgbox{height: 3.6rem;display: block;}
.idx-xw .info{padding:0 .2rem;}
.idx-xw .list .title{font-size: 0.24rem;line-height: 0.3rem;-webkit-line-clamp: 2;height: 0.6rem;margin-top: 0.25rem;font-family: 'IstokWeb-Bold';}
.idx-xw .list .date{font-size: 0.16rem;color:#898888;margin-top: 0.28rem;}
.idx-xw .list .item:hover .title{color:#000;}

.kf-sec{position: fixed;right: 0.1rem;bottom: 30vh;z-index:100;display: none;}
.kf-sec .item{margin-bottom: 0.1rem;}
.kf-sec .box{display: flex;width: 0.4rem;height: 0.4rem;border-radius:50%;align-items: center;justify-content: center;}
.kf-sec .box .ico{width: 0.2rem;}
.kf-sec .tel .box{background-color: #0b9e45;}
.kf-sec .email .box{background-color: #ffc000;}
.kf-sec .gotop .box{background-color: #939393;}

.kf-sec .item .box:hover{background-color: #e93940!important;}

.lx-msg{padding:.65rem 0;background:#E7E3D8;}
.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.2rem;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.2rem;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;}


.touch-sec{padding:0.75rem 0 1rem;background-color: #f6f6f8;}
.touch-sec .wrap{display: flex;align-items: center;justify-content: space-between;padding:0 0.7rem 0 0.35rem;}
.touch-sec .lbox{max-width: 5.6rem;}
.touch-sec .bt{font-size: 0.52rem;font-family: 'IstokWeb-Bold';line-height: 1.2;}
.touch-sec .smwz{font-size: 0.16rem;color:#4f4f4f;margin:0.1rem 0 0.65rem;}
.touch-sec .phone{display: flex;align-items: center;}
.touch-sec .phone .icon{width: 0.6rem;margin-right: 0.2rem;}
.touch-sec .phone .title{font-size: 0.2rem;font-family: 'IstokWeb-Bold';}
.touch-sec .phone .font{font-size: 0.18rem;margin-top: 0.05rem;}

.touch-sec .form{flex:1;overflow: hidden;max-width: 7.4rem;}
.touch-sec .form .row{margin-bottom: 0.25rem;justify-content: space-between;}
.touch-sec .form .item{width: 48%;}
.touch-sec .form .tit{font-size: 0.16rem;margin-bottom: 0.08rem;}
.touch-sec .form .info{position: relative;}
.touch-sec .form .ipt{width: 100%;font-size: 0.16rem;font-family: 'IstokWeb-Regular';background:transparent;border-bottom:1px solid #000;}
.touch-sec .form .ipt-txt{height: 0.46rem;line-height: 0.46rem;}
.touch-sec .form .con{height: 0.75rem;padding:0.1rem 0;resize:none;}
.touch-sec .form .icon{font-size: 0.22rem;color:#c3c3c3;position: absolute;right: 0;top: 0.1rem;}
.touch-sec .form .bot{display: flex;justify-content: space-between;align-items: center;padding:0.15rem 0 0;}
.touch-sec .form .tip{font-size: 0.14rem;color:#3e3e3e;width: 50%;max-width: 2.4rem;font-family: 'IstokWeb-Regular';}
.touch-sec .form .ipt:focus{border-color:#0066cc;}
.touch-sec .form .ipt:focus+.icon{color:#0066cc;}
.touch-sec .form ::-webkit-input-placeholder{color:#a4a4a4;}
.touch-sec .form :-moz-placeholder{color:#a4a4a4;}
.touch-sec .form ::-moz-placeholder{color:#a4a4a4;}
.touch-sec .form :-ms-input-placeholder{color:#a4a4a4;}

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

	.hd-logo .img{height: 0.6rem;}

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


	.ft-t .smlogo{height: 0.7rem;}
	.ft-t .menu .lk{margin-left: 0.4rem;}
	.ft-b .txt{height: 0.4rem;}



	/* news */
	.xw-list .item{padding:0.3rem;}
	.xw-list .imgbox{height: 3.2rem;}


	/* contact */
	.lx-sec .lbox{padding: 0;box-shadow:none;}

	.lx-sec .list li{margin-bottom: 0.5rem;}


	/* application */
	.pub-menu .lk{min-width: 2.2rem;}

	.app-mod .list .item{width: 31.3%;}
	.app-mod .list .ico{height: 1.5rem;}


	/* solution */
	.solu-list .imgbox{height: 3rem;}
	.solu-list .title{-webkit-line-clamp: 2;line-height: 0.3rem;height: 0.6rem;}



	/* index */
	.idx-cp .info{padding:0.5rem 0 0;}
	.idx-cp .title{font-size: 0.34rem;}
	.idx-cp .bot{bottom: 0;}


	.idx-app .titbox .bt{font-size: 0.8rem;}
	.idx-app .titbox .r{padding: 0;}

	.idx-us{display: block;}
	.idx-us .info{padding:.8rem 4%;position: relative;width: 100%;}
	.idx-us .videobox{width: 100%;height: 7rem;}

	/* .touch-sec .wrap{padding: 0;} */
	.touch-sec .form{margin-left: 0.4rem;}

}

@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:#000;}
	.sj-menu.close::after{content:'\eca0';}




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

	.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-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;margin: 0;}
	.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.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:#000;line-height: 0.7rem;border-top:1px solid #efefef;padding:0 4% 0 6%;text-align: left;font-size: 0.16rem;}



	.ft-t{display: block;text-align: center;}
	.ft-t .smlogo{height: 0.55rem;marign:0 auto;width: auto;}
	.ft-t .menu{margin-top: 0.3rem;}
	.ft-t .menu .lk{margin:0 0.2rem;}

	.ft-b{display: block;padding:.4rem 0;}
	.ft-b .txt{max-width: 90%;margin:0 auto .3rem;text-align: center;font-size: 0.34rem;}
	.ft-b .info{max-width: 100%;text-align: center;}
	.ft-b .fz{margin:0 0 .1rem;}
	.foot .social{justify-content: center;}
	.foot .social a{margin:0 .12rem;}


	/* news */
	.crumb{font-size: 0.16rem;}

	.pub-tt .bt{font-size: 0.58rem;line-height: 1;}

	.xw-list .item{padding:0.15rem;}
	.xw-list .imgbox{height: 2.5rem;width: 45%;margin-right: 0.3rem;}
	.xw-list .title{font-size: 0.24rem;}
	.xw-list .date{margin-top: 0.2rem;}
	.xw-list .more{margin-top: 0.3rem;}

	.pagelist{margin-top: 0.45rem;}





	/* newsDetail */
	.xw-det .title{font-size: 0.42rem;}
	.xw-det .edit{font-size: 0.18rem;}


	/* contact */
	.lx-sec .detail{display: block;padding: 0;}
	.lx-sec .lbox{padding: 0;box-shadow:none;width: 100%;}
	.lx-sec .rbox{width: 100%;}

	.lx-sec .form .submit{margin:0.4rem auto 0;}

	.lx-sec .list{margin-top: 0.5rem;}
	.lx-sec .list li{margin-bottom: 0.3rem;}
	.lx-sec .list .txt{font-size: 0.26rem;}

	.lx-map{height: 5rem;margin-top: 0.6rem;}



	/* application */
	.pub-menu{font-size: 0;}
	.pub-menu .lk{min-width: 23%;line-height: 0.55rem;margin:0 1%;padding:0 0.2rem;}

	.app-mod .t-tit{font-size: 0.4rem;margin-bottom: 0.25rem;}
	.app-mod .list{margin: 0;justify-content: space-between;}
	.app-mod .list .item{width: 48%;margin:0 0 2%;padding:.3rem .3rem .35rem;min-height: auto;}
	.app-mod .list .ico{height: 1.2rem;}
	.app-mod .list .title{margin-top: 0.2rem;}


	/* about */
	.us-intro .list .topbox{display: block;margin-bottom: 0.35rem;}
	.us-intro .list .bt{font-size: 0.48rem;}
	.us-intro .list .txt{margin:.2rem 0 0;max-width: 100%;}
	.us-intro .list .item:last-child{margin-bottom: 0;}
	.us-intro .list .imgbox{height: auto;max-width: 100%;}

	.us-xz{padding:0.9rem 0;}
	.us-xz .pub-tt{text-align: center;margin-bottom: 0.5rem;}
	.us-xz .pub-tt .bt br{display: none;}
	.us-xz .detail{display: block;}
	.us-xz .l{max-width: 100%;width: 100%;}
	.us-xz .r{max-width: 100%;width: 100%;margin:.3rem 0 0;}
	.us-xz .row{max-width: 100%!important;margin:0 0 0.6rem;}


	/* solution */
	.solu-list .item{width: 47%;}
	.solu-list .imgbox{height: 3rem;}
	.solu-list .title{-webkit-line-clamp: 2;line-height: 0.3rem;height: 0.6rem;}


	/* solutionDetail */
	.solu-top .titbox .bt{font-size: 0.56rem;}
	.solu-top .titbox .smwz{font-size: 0.2rem;}

	.solu-top .detail{display: block;}
	.solu-top .imgbox{width: 80%;margin:0 auto .3rem;}
	.solu-top .info{padding: 0;}

	.solu-det{padding:0.3rem 0 0.6rem;}
	.solu-table{overflow-x: scroll;width: 103%;border-radius:0;margin-bottom: 0.6rem;}
	.solu-table table{min-width: 8.9rem;margin-right: .25rem;}
	.solu-table th{font-size: 0.18rem;padding:0.2rem 0 0.2rem 0.2rem;}
	.solu-table .tit{padding-left: 0.2rem;}

	.solu-sp{margin-bottom: 0.6rem;}
	.solu-sp .videobox{height: 5rem;}
	.solu-sp .videobox .playicon{width: 1rem;height: 1rem;}

	.solu-sample .list{margin-left: -2%;}
	.solu-sample .list li{width: 31.3%;margin:0 0 2% 2%;height: 2rem;}
	.solu-sample .list .img{object-fit: cover;width: 100%;height: 100%;}


	/* index */
	.idx-ban .item{height: 5rem;}
	.idx-ban .title{font-size: 0.5rem;}

	.idx-cp .item{display: block;}
	.idx-cp .imgbox{width: 65%;margin:0 auto 0.25rem}
	.idx-cp .info{padding:0 0 0.3rem;width: 100%;}
	.idx-cp .title{font-size: 0.34rem;}
	.idx-cp .txt{height: auto;margin-top: 0.2rem;}


	.idx-cp .bot{bottom: 0;position: static;width: 100%;}

	.idx-app{padding:0.7rem 0 0.5rem;}
	.idx-app .titbox{display: block;}
	.idx-app .titbox .bt{font-size: 0.5rem;}
	.idx-app .titbox .r{padding: 0;margin:0.15rem 0 0;}
	.idx-app .titbox .txt{font-size: 0.25rem;line-height: 1.5;}
	.idx-app .detail{flex-direction: column-reverse;}
	.idx-app .imgbox{width: 90%;max-width: 100%;margin:0.25rem auto 0;}
	.idx-app .list{width: 100%;}
	.idx-app .list .top{font-size: 0.28rem;}
	.idx-app .list .txt{font-size: 0.18rem;}


	.idx-us{display: block;}
	.idx-us .info{padding:.8rem 4%;position: relative;width: 100%;}
	.idx-us .videobox{width: 100%;height: 5rem;}
	.idx-us .videobox .playicon{width: 1.2rem;height: 1.2rem;}

	.idx-xw{padding:0.8rem 0;}
	.idx-xw .list{display: block;margin: 0;white-space: nowrap;overflow-x: scroll;width: 104%;}
	.idx-xw .list::-webkit-scrollbar{ display: none;}
	.idx-xw .list .item{width: 3.3rem;margin:0 0.3rem 0 0;display: inline-block;vertical-align: text-top;}
	.idx-xw .list .imgbox{height: 2.6rem;}
	.idx-xw .info{padding: 0;}
	.idx-xw .list .title{white-space: initial;}

	.touch-sec .wrap{padding: 0;display: block;}
	.touch-sec .lbox{max-width: 100%;}
	.touch-sec .bt{font-size: 0.42rem;text-align: center;}
	.touch-sec .smwz{text-align: center;}
	.touch-sec .form{margin:0.5rem 0 0;}
	.touch-sec .form .item{width: 47%;}
	.touch-sec .form .tit{font-size: 0.18rem;margin-bottom: 0.05rem;}




}

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



	/* 公共部分 */
	.head{height: .7rem;}
	.hd-logo .img{height: 0.4rem;}
	.head .r{margin: 0 0.42rem 0 0;}

	.hd-sear{margin-right: 0.18rem;}
	.hd-sear .icon{width: 0.28rem;height: 0.28rem;background-size: .24rem;}
	.hd-sear .icon::after{font-size: 0.2rem;}
	.hd-sear-box .box{line-height: 0.5rem;border-radius:.08rem;}
	.hd-sear-box .submit{width: 0.5rem;height: 0.5rem;}

	.hd-lang{margin-left: 0;}
	.hd-lang .font{font-size: 0.15rem;}
	.hd-lang .font .icon{width: 0.26rem;margin-right: 0.04rem;}
	.hd-lang .font::after{margin-left: 0.08rem;}
	.hd-lang .drop{width: 1rem;}
	.hd-lang .lk{font-size: 0.14rem;}

	.hd-lang .font::after{font-size: .14rem;}

	.hd-nav{position: fixed;width: 100%;left: 0;top: 0.7rem;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;}
	.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.has>a::after{display: none;}


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



	.ft-t{display: block;text-align: center;padding:0.45rem 0 0.3rem;}
	.ft-t .smlogo{height: 0.4rem;marign:0 auto;width: auto;}
	.ft-t .menu{margin-top: 0.2rem;}
	.ft-t .menu .lk{margin:0 0.1rem;font-size: 0.16rem;line-height: 1.8;}

	.ft-b{display: block;padding:.4rem 0;}
	.ft-b .txt{max-width: 100%;margin:0 auto .3rem;text-align: center;font-size: 0.26rem;}
	.ft-b .info{max-width: 100%;text-align: center;}
	.ft-b .fz{margin:0 0 .13rem;font-size: 0.18rem;}
	.foot .social{justify-content: center;}
	.foot .social a{margin:0 .1rem;}


	/* news */
	.crumb{font-size: 0.16rem;margin:0.2rem 0;}

	.main{padding:.2rem 0 .5rem;}

	.xw-list .item{padding:0;display: block;margin-bottom: 0.5rem;}
	.xw-list .imgbox{height: 2.5rem;width: 100%;margin:0 0 0.2rem;}
	.xw-list .title{font-size: 0.22rem;line-height: 1.2;}
	.xw-list .date{margin-top: 0.1rem;}
	.xw-list .txt{height: auto;margin-top: 0.1rem;max-width: 100%;}
	.xw-list .more{margin-top: 0.2rem;}
	.xw-list .item:hover{box-shadow:none;}
	.xw-list .item:last-child{margin-bottom: 0;}

	.pagelist{margin-top: 0.35rem;}
	.layui-laypage .layui-laypage-curr em{line-height: 0.24rem;}
	.layui-laypage a, .layui-laypage span{font-size: 0.16rem;width: 0.24rem;height: 0.24rem;line-height: 0.24rem;}

	.lx-form{padding:.5rem 0;}
	.lx-form .row{display: block;}
	.lx-form .item{width: 100%;margin-bottom: 0.12rem;}
	.lx-form .con{height: 1.4rem;}
	.lx-form .submit{margin:0.35rem auto 0;}

	.btn{width: 1.9rem;height: 0.56rem;}

	/* newsDetail */
	.xw-det{padding:0.2rem 0 0.4rem;}
	.xw-det .topbox{margin-bottom: 0.25rem;}
	.xw-det .title{font-size: 0.26rem;}

	.pagenav{margin:.4rem 0 0;padding:.15rem 0;}


	.pub-tt{margin-bottom: 0.25rem;}
	.pub-tt .bt{font-size: 0.3rem;}
	.solu-main .c-tit{font-size: 0.22rem;}
	.pub-tt .more{font-size: 0.16rem;width: 1.3rem;line-height: 0.48rem;}

	/* contact */
	.lx-sec .detail{display: block;padding: 0;}
	.lx-sec .lbox{padding: 0;box-shadow:none;width: 100%;}
	.lx-sec .rbox{width: 100%;}

	.lx-sec .form .row{display: block;}
	.lx-sec .form .item{width: 100%;margin-bottom: 0.14rem;}
	.lx-sec .form .ipt-txt{height: 0.46rem;line-height: 0.46rem;padding:0 .15rem;}
	.lx-sec .form .con{height: 1.5rem;padding:0.12rem 0.15rem;}
	.lx-sec .form .submit{margin:0.4rem auto 0;}

	.lx-sec .list{margin-top: 0.5rem;}
	.lx-sec .list li{margin-bottom: 0.3rem;}
	.lx-sec .list .txt{font-size: 0.22rem;}

	.lx-map{height: 3.2rem;margin-top: 0;}


	/* application */
	.pub-menu{font-size: 0;display: block;white-space: nowrap;overflow-x: scroll;width: 108%;margin-left: -4%;padding:0 0 0 .1rem;}
	.pub-menu .lk{min-width: auto;line-height: 0.44rem;margin:0 .1rem;display: inline-block;vertical-align: middle;padding:0 0.2rem;}

	.app-mod{padding:0 0 0.3rem;}
	.app-mod:last-child{padding-bottom: 0;}
	.app-mod .t-tit{font-size: 0.28rem;margin-bottom: 0.2rem;}
	.app-mod .list{margin: 0;justify-content: space-between;}
	.app-mod .list .item{width: 100%;margin:0 0 .25rem;padding:.3rem .3rem .35rem;min-height: auto;}
	.app-mod .list .ico{height: 1.1rem;}
	.app-mod .list .title{margin-top: 0.15rem;}



	/* about */
	.us-intro{padding:0.3rem 0 0;}
	.us-intro .list{padding: 0.15rem 0 1px;}
	.us-intro .list .topbox{display: block;margin-bottom: 0.3rem;}
	.us-intro .list .num{font-size: 0.22rem;}
	.us-intro .list .bt{font-size: 0.28rem;}
	.us-intro .list .txt{margin:.1rem 0 0;max-width: 100%;font-size: 0.18rem;line-height: 1.4;}
	.us-intro .list .item{margin-bottom: 0.6rem;}
	.us-intro .list .item:last-child{margin-bottom: 0;}
	.us-intro .list .imgbox{height: auto;max-width: 100%;}

	.us-xz{padding:0.7rem 0 0.3rem;}
	.us-xz .pub-tt{text-align: center;margin-bottom: 0.3rem;}
	.us-xz .pub-tt .bt br{display: none;}
	.us-xz .detail{display: block;}
	.us-xz .l{max-width: 100%;width: 100%;}
	.us-xz .r{max-width: 100%;width: 100%;margin:.3rem 0 0;}
	.us-xz .row{max-width: 100%!important;margin:0 0 0.3rem!important;}
	.us-xz .row .title{font-size: 0.24rem;}
	.us-xz .row .txt{margin-top: 0.05rem;}

	.us-lx{padding:0.4rem 0;}
	.us-lx .txt{font-size: 0.18rem;line-height: 1.5;}
	.us-lx .anniu{margin:0.35rem auto 0;}



	/* solution */
	.solu-main{padding:0 0 0.5rem;}
	.solu-list{margin:0;}
	.solu-list .item{width: 100%;margin:0 0 0.25rem;border-radius:.14rem;}
	.solu-list .imgbox{height: 2.5rem;}
	.solu-list .title{-webkit-line-clamp: 3;line-height: 1.5;margin-top: 0.18rem;}


	/* solutionDetail */
	.solu-top{padding:0.3rem 0;}
	.solu-top .titbox .bt{font-size: 0.3rem;}
	.solu-top .titbox .smwz{font-size: 0.16rem;width: 100%;}

	.solu-top .detail{display: block;}
	.solu-top .imgbox{width: 100%;margin:0 auto .3rem;}
	.solu-top .info{padding: 0;}
	.solu-top .txt{font-size: 0.16rem;line-height: 1.5;}
	.solu-top .txt p{margin-bottom: 0.15rem;padding-left: 0.17rem;}
	.solu-top .txt p::before{width: 0.06rem;height: 0.06rem;top: 0.07rem;}
	.solu-top .grps{padding:0.1rem 0 0;}
	.solu-top .grps .grp{width: 25%;padding:0.1rem 0.1rem;}
	.solu-top .grps .icon{height: 0.4rem;}


	.solu-det{padding:0.1rem 0 0.6rem;}
	.solu-table{overflow-x: scroll;width: 103%;border-radius:0;margin-bottom: 0.5rem;}
	.solu-table table{min-width: 7.6rem;margin-right: .25rem;}
	.solu-table th{font-size: 0.16rem;padding:0.1rem 0 0.1rem 0.15rem;line-height: 1.4;}
	.solu-table td{font-size: 0.15rem;line-height: 1.4;}
	.solu-table .tit{padding-left: 0.15rem;font-size: 0.16rem;}

	.solu-sp{margin-bottom: 0.5rem;}
	.solu-sp .videobox{height: 2.6rem;}
	.solu-sp .videobox .playicon{width: 0.6rem;height: 0.6rem;}

	.solu-sample .t-tit{font-size: 0.26rem;margin-bottom: 0.15rem;}
	.solu-sample .list{margin-left: -3%;}
	.solu-sample .list li{width: 47%;margin:0 0 3% 3%;height: 2rem;}
	.solu-sample .list .img{object-fit: cover;width: 100%;height: 100%;}





	/* index */
	/* .idx-ban .item{height: 2rem;} */
	.idx-ban .title{font-size: 0.3rem;}
	.idx-ban .swiper-pagination{bottom: 0.2rem;}
	.idx-ban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin:0 0.05rem!important;}

	.idx-cp{padding:0.5rem 0;}
	.idx-cp .item{display: block;}
	.idx-cp .imgbox{width: 90%;margin:0 auto 0.25rem}
	.idx-cp .info{padding:0 0.1rem 0.3rem;width: 100%;}
	.idx-cp .title{font-size: 0.24rem;}
	.idx-cp .txt{height: auto;margin-top: 0.2rem;}
	.idx-cp .more{width: auto;padding:0 0.3rem;line-height: 0.58rem;display: inline-block;vertical-align: middle;margin-top: 0.35rem;}

	.idx-cp .bot{bottom: 0;position: static;width: 100%;}
	.idx-cp .swiper-button{width: 0.36rem;height: 0.36rem;margin-left: 0.2rem;}



	.idx-app{padding:0.2rem 0 0.3rem;}
	.idx-app .titbox{display: block;}
	.idx-app .titbox .bt{font-size: 0.36rem;}
	.idx-app .titbox .r{padding: 0;margin:0.1rem 0 0;}
	.idx-app .titbox .txt{font-size: 0.2rem;line-height: 1.4;}
	.idx-app .titbox .more{margin-top: 0.3rem;}

	.idx-app .detail{flex-direction: column-reverse;}
	.idx-app .imgbox{width: 90%;max-width: 100%;margin:0.35rem auto 0;}
	.idx-app .list{width: 100%;}
	.idx-app .list .item{padding:0.2rem 0;}
	.idx-app .list .top{font-size: 0.24rem;}
	.idx-app .list .top .icon{width: 0.36rem;margin-right: 0.1rem;}
	.idx-app .list .top::after{font-size: 0.18rem;}
	.idx-app .list .txt{font-size: 0.18rem;}


	.idx-us{display: block;}
	.idx-us .smtit{font-size: 0.2rem;}
	.idx-us .info{padding:.6rem 4%;position: relative;width: 100%;}
	.idx-us .txt{font-size: 0.17rem;margin-top: 0.2rem;}
	.idx-us .more{width: 2.2rem;margin-top: 0.4rem;}
	.idx-us .videobox{width: 100%;height: 3rem;}
	.idx-us .videobox .playicon{width: 0.8rem;height: 0.8rem;}

	.idx-xw{padding:0.6rem 0;}
	.idx-xw .list{display: block;margin: 0;white-space: nowrap;overflow-x: scroll;width: 104%;}
	.idx-xw .list::-webkit-scrollbar{ display: none;}
	.idx-xw .list .item{width: 3rem;margin:0 0.2rem 0 0;display: inline-block;vertical-align: text-top;}
	.idx-xw .list .imgbox{height: 2.3rem;}
	.idx-xw .info{padding: 0;}
	.idx-xw .list .title{white-space: initial;margin-top: 0.15rem;font-size: 0.22rem;}

	.kf-sec{bottom: 0.15rem;right: 0.07rem;}
	.kf-sec .item{margin-bottom: 0.05rem;}
	.kf-sec .box{width: 0.3rem;height: 0.3rem;}
	.kf-sec .box .ico{width: 0.16rem;}

	.touch-sec{padding:0.5rem 0;}
	.touch-sec .wrap{padding: 0;display: block;}
	.touch-sec .lbox{max-width: 100%;}
	.touch-sec .bt{font-size: 0.28rem;text-align: center;}
	.touch-sec .smwz{text-align: center;font-size: 0.15rem;margin-bottom: 0.4rem;}
	.touch-sec .phone{}
	.touch-sec .phone .icon{width: 0.44rem;}
	.touch-sec .phone .font{font-size: 0.16rem;margin-top: 0;}


	.touch-sec .form{margin:0.35rem 0 0;}
	.touch-sec .form .row{display: block;margin: 0;}
	.touch-sec .form .item{width: 100%;margin-bottom: 0.3rem;}
	.touch-sec .form .tit{font-size: 0.18rem;margin-bottom: 0;}
	.touch-sec .form .bot{display: block;text-align: center;}
	.touch-sec .form .submit{margin-top: 0.3rem;}
	.touch-sec .form .tip{width: 100%;text-align: center;max-width: 100%;margin-top: 0.2rem;}
}