@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.1rem;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:hover{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: #0054ff;border:none;cursor: pointer;line-height: 0.6rem;border-radius:.1rem;min-width: 1.85rem;padding:0 .25rem;display: inline-block;vertical-align: middle;text-align: center;transition: all .3s;}
.btn:hover{background-color: #1850c2;}

.c-main{color:#0054ff!important;}

/* 公共部分 */
.head{height: 1rem;background-color: #fff;position: sticky;width: 100%;left: 0;top: 0;z-index:100;border-bottom:1px solid #efefef;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;max-width: 14.9rem;}
.head .r{display: flex;align-items: center;}

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

.hd-nav{margin-right: .9rem;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 0.6rem;position: relative;}
.hd-nav li:first-child{margin-left: 0;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#2e2e2e;line-height: 1rem;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#0054ff;}

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

.hd-nav .drop{width: 2.45rem;position: absolute;left:0;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: #fff;margin-top: -1px;padding:.25rem .15rem .25rem .3rem;box-shadow:0 0 .05rem rgba(4,0,0,.17);}
.hd-nav .drop .lk{font-size: 0.16rem;color:#2e2e2e;line-height: 0.24rem;display: block;padding:.1rem 0;}
.hd-nav .drop .lk:hover{color: #0054ff;}


.hd-lang{position: relative;}
.hd-lang .font{font-size: 0.16rem;color:#010101;cursor: pointer;display: flex;align-items: center;}
.hd-lang .font::after{content:'\e775';font-family: 'iconfont';display: inline-block;vertical-align: middle;margin-left: 0.05rem;font-size: 0.14rem;font-weight: bold;transform: rotate(90deg);}
.hd-lang .font .ic{width: 0.35rem;margin-right: 0.1rem;}
.hd-lang .drop{position: absolute;width: 100%;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 .lk .ic{width: 0.22rem;margin-right: 0.08rem;}
.hd-lang .lk:hover{color:#0054ff;}
.hd-lang:hover .drop{display: block;}





.foot{padding:1.1rem 0 .8rem;background-color: #1850c2;}
.foot .wrap{display: flex;justify-content: space-between;}
.foot .info{width: 45%;padding-right: 5%;max-width: 6rem;}
.foot .tit{font-size: 0.3rem;color:#fff;font-family: 'LexendSemiBold';line-height: 1.4;margin-bottom: 0.15rem;}
.foot .tel{font-size: 0.26rem;color:#f8d320;font-family: 'LexendSemiBold';}
.foot .fz{font-size: 0.16rem;color:#fff;line-height: 0.24rem;margin-top: 0.15rem;}
.foot .social{margin-top: 0.5rem;}
.foot .social a{display: inline-block;vertical-align: middle;margin-right: 0.06rem;font-size: 0.2rem;color:#fff;}
.foot .social a:hover{color:#f8d320;}

.foot .menus{flex:1;overflow: hidden;display: flex;justify-content: space-between;}
.foot .col{max-width: 31%;}
.foot .lks{}
.foot .lk{font-size: 0.16rem;color:#fff;line-height: 0.2rem;display: block;padding:.1rem 0;}
.foot .lk:hover{color:#f8d320;}


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

.crumb{font-size: 0.16rem;color:#3e3d3d;line-height: 0.3rem;margin-top: 0.15rem;}
.crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb *{font-size: inherit;font-family: 'LexendMedium';}
.crumb a:hover{color:#0054ff;}


.blog-main{padding:.45rem 0 1rem;}

.blog-menu{margin-bottom: 0.55rem;text-align: center;}
.blog-menu .lk{display: inline-block;vertical-align: middle;font-size: 0.18rem;color:#616161;min-width: 2.1rem;line-height: 0.5rem;border-radius:.1rem;background-color: #dcdcdc;padding:0 .2rem;margin:0 .05rem;}
.blog-menu .lk.cur,.blog-menu .lk:hover{background-color: #0054ff;color:#fff;}


.blog-list{display: flex;flex-wrap: wrap;margin:-.7rem 0 0 -3%;}
.blog-list .item{width: 30.3%;margin:.7rem 0 0 3%;}
.blog-list .imgbox{height: 3rem;border-radius:.1rem;}
.blog-list .date{font-size: 0.16rem;color:#0054ff;margin-top: 0.15rem;}
.blog-list .title{font-size: 0.18rem;color:#323232;line-height: 0.24rem;-webkit-line-clamp: 3;margin-top: 0.1rem;}
.blog-list .arrow{width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;font-size: 0.28rem;color:#555555;margin-top: 0.2rem;}
.blog-list .arrow::after{content:'\e60e';font-family: 'iconfont';}
.blog-list .title:hover{color:#0054ff;}
.blog-list .arrow:hover{color:#0054ff;}


.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: #eeeeee;margin:0 .06rem;line-height: 0.32rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:.08rem;}

.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 .1rem;background:transparent;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #0054ff;}
.layui-laypage a:hover{color:#0054ff;}
.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:.25rem 0 .6rem;}
.blog-det .auto{max-width: 11.1rem;}
.blog-det .topbox{text-align: center;padding:.3rem 0;border-bottom:1px solid #d1d1d1;margin-bottom: 0.6rem;}
.blog-det .title{font-size: 0.3rem;color:#151515;line-height: 1.4;font-family: 'LexendSemiBold';}
.blog-det .date{font-size: 0.16rem;color:#434344;margin-top: 0.2rem;background:url(../images/blog_05.png) no-repeat left center;background-size:.22rem;padding-left: 0.32rem;display: inline-block;vertical-align: middle;}
.blog-det .edit{font-size: 0.16rem;color:#151515;line-height: .26rem;max-width: 10.6rem;margin:0 auto;}


.blog-bot{display: flex;justify-content: space-between;border-top:1px solid #dcdcdc;align-items: center;position: relative;padding:.2rem 0;line-height: 0.3rem;margin-top: 0.8rem;}
.blog-bot .lk{display: flex;align-items: center;position: relative;font-size: 0.16rem;color:#080808;}
.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:hover{color:#0054ff;}



/* contact */
.pub-tt{margin-bottom: 0.5rem;text-align: center;font-size: 0;}
.pub-tt .bt{font-size: 0.48rem;line-height: 1;color:#2e2e2e;font-weight: bold;}
.pub-tt .smwz{font-size: 0.18rem;margin:.25rem auto 0;line-height: 0.28rem;color:#525252;}
.pub-tt .x{width: 0.46rem;height: 0.06rem;background-color: #000000;display: inline-block;vertical-align: middle;margin-top: 0.2rem;}
.pub-tt .en{font-size: 0.24rem;color:#0054ff;line-height: 1;margin-bottom: 0.1rem;}

.lx-sec{padding:.8rem 0 1.2rem;}
.lx-sec .detail{display: flex;justify-content: space-between;padding:.6rem 0 0;border-top:1px dashed #bebebe;}
.lx-sec .list{width: 47%;}
.lx-sec .list li{margin-bottom: 0.5rem;}
.lx-sec .list .fz{font-size: 0.16rem;color:#6e6e6e;line-height: 0.3rem;display: flex;align-items: center;}
.lx-sec .list .icon{width: 0.22rem;margin-right: 0.1rem;}
.lx-sec .list .wz{margin-left: 0.32rem;font-family: 'LexendMedium';line-height: 0.24rem;}


.lx-sec .form{width: 50%;}
.lx-sec .form .row{display: flex;justify-content: space-between;}
.lx-sec .form .item{width: 49%;margin-bottom: 2%;}
.lx-sec .form .box{background-color: #fff;border:1px solid #bfbfbf;display: flex;align-items: flex-start;width: 100%;border-radius:.04rem;overflow: hidden;}
.lx-sec .form .tit{font-size: 0.16rem;color:#4b4b4b;line-height: 0.5rem;margin-left: 0.2rem;}
.lx-sec .form .info{flex:1;overflow: hidden;}
.lx-sec .form .ipt{font-size: 0.16rem;color:#555;width: 100%;}
.lx-sec .form .ipt-txt{height: 0.5rem;line-height: 0.5rem;padding:0 .15rem;}
.lx-sec .form .con{height: 1.75rem;line-height: 1.3;padding:.15rem .15rem;resize:none;}
.lx-sec .form .submit{margin: 0.45rem 0 0;}

/* download */
.xz-sec{padding:.9rem 0 .5rem;}
.xz-sec .list{max-width: 8.4rem;margin:0 auto;}
.xz-sec .list li{font-size: 0.18rem;color:#272727;height: 0.65rem;display: flex;align-items: center;background-color: #f8f8f8;border-radius:.1rem;padding:0 .2rem;margin-bottom: 0.25rem;}
.xz-sec .list .icon{width: 0.4rem;margin-right: 0.15rem;}
.xz-sec .list .down{width: 0.4rem;height: 0.4rem;background:url(../images/xz_03.png) no-repeat center;background-size:.3rem;margin-left: 0.2rem;}
.xz-sec .list li:hover{color:#0054ff;}


/* solution */
.solu-main{padding:.5rem 0 1.2rem;}

.solu-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -4%;}
.solu-list .item{height: 4.4rem;width: 48%;margin-top: 4%;}
.solu-list .imgbox{position: relative;height: 100%;}
.solu-list .title{font-size: 0.3rem;color:#fff;font-family: 'LexendMedium';padding:0 .4rem;position: absolute;width: 100%;left: 0;bottom: 0.2rem;}

.solu-faq{margin-top: 1rem;}
.faq-list{border-top:1px solid #e6e6e6;}
.faq-list .item{padding:.3rem .1rem;border-bottom:1px solid #e6e6e6;}
.faq-list .title{font-size: 0.22rem;color:#2e2e2e;font-family: 'LexendMedium';line-height: .36rem;cursor: pointer;position: relative;padding-right: 0.5rem;}
.faq-list .title::after{content:'\eaf3';position: absolute;right: 0;top: 50%;font-family: 'iconfont';transform: translate(0,-50%);font-size: 0.28rem;}
.faq-list .drop{padding:.15rem .15rem 0 .3rem;display: none;}
.faq-list .txt{font-size: 0.16rem;color:#5d5d5d;line-height: 0.26rem;}
.faq-list .item.cur .title{color:#0054ff;}
.faq-list .item.cur .title::after{content:'\e870';font-size: 0.24rem;}
.faq-list .item.cur .drop{display: block;}


/* service */
.fw-oem{padding:.4rem 0 0;}
.fw-oem .list{display: flex;justify-content: space-between;padding:.25rem 0 0;}
.fw-oem .list li{width: 24%;}
.fw-oem .list .icon{height: 0.62rem;width: auto;display: block;transition: all .3s;}
.fw-oem .list .title{font-size: 0.24rem;color:#000000;line-height: 1.3;margin-top: 0.14rem;font-family: 'LexendSemiBold';max-width: 2.5rem;}
.fw-oem .list .txt{font-size: 0.18rem;color:#525252;line-height: 0.28rem;margin-top: 0.1rem;max-width: 2.35rem;}
.fw-oem .list li:first-child .txt{max-width: 2.5rem;}
.fw-oem .list li:hover .icon{transform: scale(1.1,1.1);}

.fw-qua{margin-top: 0.8rem;}
.fw-qua .list{display: flex;flex-wrap: wrap;margin-left: -1.66%;}
.fw-qua .list li{width: 15%;margin:0 0 1.66% 1.66%;transition: all .3s;}
.fw-qua .list .img{width: 100%;}
.fw-qua .list li:hover{transform: translate(0,-5px);}

.fw-touy{padding:1rem 0;}
.fw-touy .list{display: flex;justify-content: space-between;}
.fw-touy .list li{transition: all .3s;}
.fw-touy .list .img{}
.fw-touy .list li:hover{transform: translate(0,-5px);}


/* about */
.us-profile{padding:.4rem 0 .75rem;}
.us-profile .detail{display: flex;align-items: flex-start;}
.us-profile .info{flex:1;overflow: hidden;}
.us-profile .txt{font-size: 0.16rem;color:#525252;line-height: 0.24rem;padding-top: 0.08rem;}
.us-profile .txt p{margin-bottom: 0.2rem;}
.us-profile .imgbox{max-width: 7.28rem;width: 55%;border-radius:.3rem;margin-left: 0.65rem;overflow: hidden;}

.us-profile .list{margin-top: 0.85rem;}
.us-list{text-align: center;display: flex;justify-content: space-between;}
.us-list li{max-width: 25%;}
.us-list .num{font-size: 0.28rem;color:#0054ff;line-height: 1;}
.us-list .num i{font-size: 0.47rem;font-family: 'LexendSemiBold';line-height: 1;display: inline-block;vertical-align: top;}
.us-list .num em{font-family: 'LexendMedium';display: inline-block;vertical-align: top;margin-top: -0.03rem;margin-left: 0.05rem;}
.us-list .fz{font-size: 0.18rem;color:#5c5c5c;margin-top: 0.2rem;}

.us-profile .slide{margin-top: 0.6rem;}
.us-profile .slide .item{height: 4.65rem;border-radius:.14rem;overflow: hidden;transition: all .3s;}
.us-profile .slide .item:hover .img{transform: scale(1.06,1.06);}


.swiper-pagination{font-size: 0;position: static;margin-top: 0.4rem;}
.swiper-pagination-bullet{margin:0 .11rem!important;width: 0.12rem;height: 0.12rem;background-color: transparent;opacity: 1;border:1px solid #0054ff;}
.swiper-pagination-bullet-active{background-color: #0054ff;}


.us-cert{padding:.75rem 0;background-color: #f8f8f8;}
.us-cert .swiper-pagination{margin-top: 0.85rem;}

.us-coop{padding:.75rem 0;}
.us-coop .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.us-coop .list .item{width: 18%;margin:0 0 2% 2%;height: 1.25rem;display: flex;align-items: center;justify-content: center;border-radius:.12rem;border:1px solid #dcdcdc;overflow: hidden;transition: all .3s;}
.us-coop .list .img{max-width: 100%;max-height: 100%;height: auto;width: auto;}
.us-coop .list li:hover{transform: translate(0,-5px);}

.us-team{padding:.9rem 0 .8rem;background:url(../images/us_22.jpg) no-repeat center left;background-size:cover;}
.us-team .pub-tt{text-align: left;}
.us-team .wrap{margin-left:calc(50% - 7.05rem);display: flex;align-items: center;}
.us-team .lbox{max-width: 5.6rem;width: 40%;}
.us-team .rbox{flex:1;overflow: hidden;}
.us-team .txt{font-size: 0.18rem;color:#2e2e2e;line-height: 0.4rem;max-width: 4.5rem;}
.us-team .item{height: 5.2rem;overflow: hidden;}
.us-team .swiper-slide{width: 7.8rem;}
.us-team .swiper-pagination{width: 7.8rem;margin-top: 0.6rem;}
.us-team .arrs{margin-top: 0.7rem;display: flex;}
.us-team .arr{width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;color:#b6b6b6;cursor: pointer;margin-right: 0.2rem;}
.us-team .arr::before{content:'\e779';font-family: 'iconfont';}
.us-team .arr.next{transform: rotate(180deg);}
.us-team .arr:hover{color:#0054ff;}


/* product */
.cp-main{padding:.4rem 0 1rem;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-l{width: 3.25rem;}
.cp-r{padding-left: 0.4rem;width:calc(100% - 3.25rem);}

.cp-sear{display: flex;margin-bottom: 0.2rem;border-radius:.08rem;border:1px solid #d8d8d8;overflow: hidden;}
.cp-sear .ipt-txt{flex:1;overflow: hidden;font-size: 0.16rem;color:#333;padding:0 .15rem;}
.cp-sear .submit{width: 0.44rem;height: 0.44rem;font-size: 0.2rem;color:#333;cursor: pointer;border:none;background-color: transparent;margin-right: 0.03rem;}
.cp-sear .submit::after{content:'\e651';font-family: 'iconfont';}


.cp-menu{background-color: #f8f9fa;}
.cp-menu .t-tit{font-size: 0.2rem;color:#000000;background-color: #e0e4eb;line-height: 0.6rem;border-left:.04rem solid #0054ff;padding-left: 0.3rem;font-weight: bold;}



.cp-menu .list{padding:0 .2rem;}
.cp-menu .list li{border-bottom:1px solid #e0e4eb;padding:.18rem 0 .18rem .1rem;;}
.cp-menu .list .tit{font-size: 0.18rem;line-height: 0.26rem;padding:.07rem 0;position: relative;cursor: pointer;}
.cp-menu .list .tit::before{content:'';width: 0.06rem;height: 0.06rem;background-color: #333333;border-radius:50%;display: inline-block;vertical-align: middle;margin-right: 0.12rem;margin-top: -0.02rem;}
.cp-menu .list .drop{padding-left: 0.25rem;display: none;padding-top: 0.03rem;}
.cp-menu .list .lk{display: block;font-size: 0.16rem;line-height: 0.22rem;padding:.08rem 0;color:#333;}
.cp-menu .list li.has .tit::after{content:'\e772';position: absolute;right: 0;top: 50%;line-height: 0.24rem;margin-top: -0.12rem;font-family: 'iconfont';}
.cp-menu .list li:last-child{border:0;}
.cp-menu .list li.cur{color: #0054ff;}
.cp-menu .list li.cur .tit::before{background-color: #0054ff;}
.cp-menu .list li.cur .tit::after{transform: rotate(180deg);}
.cp-menu .list li.cur .drop{display: block;}
.cp-menu .list .lk.this,.cp-menu .list .lk:hover{color: #0054ff;}

.cp-list{display: flex;flex-wrap: wrap;margin:-.5rem 0 0 -3%;}
.cp-list .item{width: 30.3%;margin:.5rem 0 0 3%;}
.cp-list .imgbox{border-radius:.08rem;overflow: hidden;height: 3rem;box-shadow:0 0 .06rem rgba(4,0,0,.1);}
.cp-list .title{font-size: 0.16rem;color:#000000;margin-top: 0.18rem;text-align: center;display: block;}
.cp-list .item:hover .title{color:#0054ff;}



/* productDetail */
.cp-det{padding:.5rem 0;}
.cp-det .wrap{display: flex;align-items: flex-start;position: relative;}
.cp-det .wrap-l{width:calc(100% - 4.7rem);padding:0 .4rem 0 .1rem;}
/* .cp-det .wrap-r{width: 4.7rem;margin-left: 0.4rem;height: 1px;} */


.cp-top .title{font-size: 0.36rem;color:#000000;line-height: 1.5;font-family: 'LexendSemiBold';margin-bottom: 0.1rem;}

.cp-top .txt{font-size: 0.16rem;color:#313131;line-height: 0.26rem;margin-bottom: 0.25rem;}


.cp-top .slide1{position: relative;margin-top: 0.15rem;}
.cp-top .slide1 .item{border-radius:.06rem;overflow: hidden;height: 1.7rem;position: relative;}
.cp-top .slide1 .item::after{content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.4);}

.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: 6.6rem;overflow: hidden;border-radius:.1rem;}


.cp-top .swiper-button{background-size:.2rem;width: 0.4rem;height: 0.4rem;top:auto;bottom: 3.1rem;margin: 0;}
.cp-top .swiper-button-prev{left: 0.3rem;}
.cp-top .swiper-button-next{right: 0.3rem;}


.cp-smtt{font-size: 0.26rem;color:#1850c2;font-family: 'LexendSemiBold';line-height: 1.3;margin-bottom: 0.14rem;}

.cp-chi{margin-top: 0.5rem;}
.cp-chi .title{font-size: 0.2rem;color:#000000;line-height: 1.4;margin-bottom: 0.1rem;font-weight: bold;}
.cp-chi .txt{font-size: 0.16rem;color:#313131;line-height: 0.37rem;margin-bottom: 0.15rem;}

.cp-memc{margin-top: 0.5rem;}
.cp-memc .txt{font-size: 0.16rem;line-height: 0.26rem;}

.pagenav{display: flex;justify-content: space-between;margin-top: 0.8rem;padding:.22rem 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.pagenav .lk{display: block;max-width: 45%;}
.pagenav .fz{font-size: 0.16rem;color:#777777;padding:0 .18rem;}
.pagenav .title{font-size: 0.18rem;color:#010101;line-height: 1.6;margin-top: 0.05rem;}
.pagenav .lk.next{text-align: right;}
.pagenav .lk:hover .title{color:#0054ff;}
.pagenav .lk.prev .title::before,.pagenav .lk.next .title::after{content:'\e779';display: inline-block;vertical-align: middle;font-family: 'iconfont';font-size: 0.14rem;}
.pagenav .title::before{margin-right: 0.05rem;}
.pagenav .title::after{margin-left: 0.05rem;transform: rotate(180deg);}

.cp-rela{margin-top: 0.75rem;}
.cp-rela .topbt{margin-bottom: 0.2rem;display: flex;align-items: center;justify-content: space-between;}
.cp-rela .bt{font-size: 0.4rem;color:#000000;font-weight: bold;}
.cp-rela .more{font-size: 0.18rem;color:#0054ff;}
.cp-rela .more:hover{text-decoration: underline;}
.cp-rela .detail{}
.cp-rela .item{display: block;}
.cp-rela .item .imgbox{height: 2.55rem;border-radius:.08rem;box-shadow:0 0 .06rem rgba(4,0,0,.06);}
.cp-rela .item .title{font-size: 0.14rem;color:#000000;text-align: center;margin-top: 0.15rem;}
.cp-rela .item:hover .title{color:#0054ff;}

.cp-rela .swiper-container{padding: .06rem;}

.cp-quote{border-radius:.12rem;border:1px solid #e4e4e4;padding:.3rem .4rem;background-color: #fff;position: sticky;top: 0;position: absolute;right: 0;top: 0;width: 4.7rem;margin-top: 0.35rem;}
.cp-quote.fixed{position: sticky;}
.cp-quote .t-tit{font-size: 0.32rem;color:#000;font-family: 'LexendSemiBold';margin-bottom: 0.25rem;}
.cp-quote .row{margin-bottom: 0.2rem;}
.cp-quote .ipt{border-radius:.06rem;border:1px solid #ececec;width: 100%;}
.cp-quote .ipt-txt{height: 0.55rem;line-height: 0.55rem;padding:0 .15rem;}
.cp-quote .con{height: 2.2rem;padding:.1rem .15rem;line-height: 1.4;resize:none;}
.cp-quote .anniu{font-size: 0.16rem;color:#fff;width: 100%;border-radius:.12rem;line-height: 0.6rem;text-align: center;border:none;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.cp-quote .submit{background-color: #0054ff;margin-bottom: 0.2rem;}
.cp-quote .submit:hover{background-color: #1850c2;}
.cp-quote .chat{background-color: #28a745;}
.cp-quote .chat::before{content:'';display: block;width: 0.22rem;height: 0.22rem;background:url(../images/cp_13.png) no-repeat center;background-size:contain;margin-right: 0.1rem;}
.cp-quote .chat:hover{background-color: #0f922d;}


/* 0054ff */


/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: calc(100vh - 1rem);overflow: hidden;}
.idx-ban .box{text-align: center;position: absolute;width: 100%;left: 50%;z-index:80;bottom: 2.8rem;transform: translate(-50%,0);}
.idx-ban .title{font-size: 0.64rem;color:#fff;font-weight: bold;line-height: 1.3;}

.idx-ban .swiper-pagination{position: absolute;bottom: 0.35rem;margin: 0;}
.idx-ban .swiper-pagination-bullet{border-color:#fff;}
.idx-ban .swiper-pagination-bullet-active{border-color:#0054ff;}



.idx-cp{padding:.7rem 0 .9rem;background-color: #f4f4f4;}
.idx-cp .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.45rem;}
.idx-cp .pub-tt{margin-bottom: 0;}

.idx-cp .detail{display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
.idx-cp .item{}
.idx-cp .item .imgbox{border-radius:.25rem;display: block;height: 6rem;}
.idx-cp .item .title{font-size: 0.18rem;color:#000000;text-align: center;margin-top: 0.18rem;-webkit-line-clamp: 1;}
.idx-cp .item:hover .title{color:#0054ff;}

.idx-cp .slide1{max-width: 8.1rem;width: 60%;}

.idx-cp .slide2{max-width: 4.9rem;width: 38%;}
.idx-cp .slide2 .imgbox{height: 3.8rem;}
.idx-cp .swiper-pagination{display: none;}


.idx-cp .bot{display: flex;align-items: center;max-width: 4.9rem;width: 38%;position: absolute;right: 0;bottom: .2rem;padding:0 .4rem;}
.idx-cp .pages{font-size: 0.22rem;color:#626262;margin-right: 0.9rem;}
.idx-cp .pages span{font-size: .34rem;color:#0054ff;}
.idx-cp .pages i{font-family: 'LexendRegular';}
.idx-cp .arr{width: 0.8rem;height: 0.8rem;display: flex;align-items: center;justify-content: center;font-size: 0.4rem;cursor: pointer;color:#c7c7c7;}
.idx-cp .arr.prev::before{content:'\e8f4';font-family: 'iconfont';}
.idx-cp .arr.next::before{content:'\e8f5';font-family: 'iconfont';}
.idx-cp .arr:hover{color:#000;}




.idx-us{padding:.5rem 0 .7rem;}
.idx-us .pub-tt{text-align: left;}
.idx-us .top{display: flex;align-items: center;justify-content: space-between;}
.idx-us .top .lbox{width: 45%;}
.idx-us .top .rbox{width: 46%;}
.idx-us .top .txt{font-size: 0.18rem;color:#525252;line-height: 0.26rem;}
.idx-us .top .more{margin-top: 0.4rem;}
.idx-us .pic{width: 100%;margin-top: 0.35rem;display: block;}
.idx-us .list{margin-top: 0.75rem;}


.idx-choose{background:url(../images/idx_10.jpg) no-repeat center;background-size:cover;padding:.7rem 0 .8rem;}
.idx-choose .detail{}
.idx-choose .item{text-align: center;}
.idx-choose .item .icon{width: 1.2rem;height: 1.2rem;background:url(../images/idx_06.png) no-repeat center;background-size:cover;position: relative;margin:0 auto;}
.idx-choose .item .ico{height: 0.8rem;width: 0.8rem;position: absolute;left: 50%;top: 50%;margin-left: -0.4rem;margin-top: 0.08rem;transition: all .3s;}
.idx-choose .item .title{font-size: 0.22rem;color:#000000;line-height: 1.3;font-family: 'LexendSemiBold';margin-top: 0.6rem;}
.idx-choose .item .txt{font-size: 0.16rem;color:#5d5d5d;line-height: 0.26rem;font-family: 'LexendExtraLight';margin: 0.15rem auto 0;max-width: 3.6rem;}
.idx-choose .item:hover .ico{margin-top: -0.37rem;}

.idx-faq{position: relative;padding:.6rem 0 .65rem;}
.idx-faq .pub-tt{text-align: left;}
.idx-faq::before{content:'';position: absolute;left: 0;top: 0;bottom: 0;width: 80%;max-width: 13rem;border-radius:0 .34rem .34rem 0;background-color: #f4f4f4;z-index:1;}
.idx-faq .wrap{margin-left:calc(50% - 7.05rem);position: relative;z-index:2;}
.idx-faq .detail{display: flex;align-items: flex-start;}
.idx-faq .lbox{flex:1;overflow: hidden;}
.idx-faq .imgbox{width: 45%;max-width: 7.65rem;border-radius:.28rem 0 0 .28rem;margin-left: 0.8rem;overflow: hidden;}
.idx-faq .more{margin-top: 0.6rem;}
.idx-faq .faq-list{border-top:0;}


.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;background-color: #0054ff;}
.gotop::before{content:'\e8f5';font-family: 'iconfont';}
.gotop:hover{background-color: #1850c2;}

.kf-sec{position: fixed;right: 0;bottom: 30%;z-index:100;width: 0.6rem;display: none;}
.kf-sec .item{margin-bottom: 1px;position: relative;}
.kf-sec .smb{height: 0.6rem;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,.2);cursor: pointer;transition: all 0s;}
.kf-sec .drop{width: 1.5rem;background-color: #0054ff;position: absolute;left: -1.5rem;top: 0;bottom: 0;display: none;}

.kf-sec .drop .txt{font-size: 0.18rem;color:#fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.kf-sec .item:hover .drop{display: block;}
.kf-sec .item:hover .smb{background-color: #0054ff;}



@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{margin-right: 0.3rem;}
	.hd-nav li{margin-left: 0.25rem;}


	/* about */
	.us-team .wrap{margin-left: 3%;}
	.us-team .lbox{padding-right: 0.3rem;width: 45%;}

	.us-team .item{height: 3.33rem;}
	.us-team .swiper-slide{width: 5rem;}
	.us-team .swiper-pagination{width: 5rem;margin-top: 0.4rem;}


	/* product */
	.cp-list .item{width: 47%;}

	/* productDetail */
	.cp-det .wrap-l{width: calc(100% - 4rem);}

	.cp-top .slide2 .item{height: 5.1rem;}
	.cp-top .slide1 .item{height: 1.2rem;}
	.cp-top .swiper-button{bottom: 2.35rem;}

	.cp-quote{width: 4rem;}


	/* index */
	.idx-faq .wrap{margin-left: 3%;}



}

@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.5rem;}
	.head .r{margin-right: 0.55rem;}

	.hd-lang .font{font-size: 0.18rem;}
	.hd-lang .font .ic{width: 0.28rem;}
	.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;padding: 0;height: auto;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;}


	.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;box-shadow:none;}
	.hd-nav .drop .lk{color:#222;line-height: 0.55rem;border-top:1px solid #efefef;padding:0 4% 0 6%;text-align: left;font-size: 0.16rem;}


	.foot{padding:.7rem 0 .5rem;}
	.foot .wrap{display: block;}
	.foot .tit{font-size: 0.26rem;}
	.foot .info{width: 100%;margin:0 0 .4rem;text-align: center;max-width: 100%;}
	.foot .tel{font-size: 0.22rem;}
	.foot .social{margin-top: 0.35rem;}
	.foot .social a{font-size: 0.24rem;margin:0 .08rem;}
	.foot .col{max-width: 30%;}
	.foot .lk{padding:0;line-height: 0.36rem;}


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

	.crumb{font-size: 0.17rem;}

	.blog-main{padding:.45rem 0 .8rem;}
	.blog-menu{display: flex;justify-content: space-between;}
	.blog-menu .lk{min-width: 1.6rem;margin:0;}

	.blog-list{margin:-.4rem 0 0;justify-content: space-between;}
	.blog-list .item{width: 48%;margin:.4rem 0 0 0;}
	.blog-list .imgbox{height: 2.5rem;}
	.blog-list .arrow{width: 0.3rem;height: 0.3rem;margin-top: 0.15rem;font-size: 0.26rem;}

	.pagelist{margin-top: 0.5rem;}


	/* blogDetail */
	.blog-det .title{font-size: 0.26rem;line-height: 1.3;}

	.blog-bot{margin-top: 0.5rem;}

	/* contact */
	.pub-tt{margin-bottom: 0.35rem;}
	.pub-tt .bt{font-size: 0.38rem;}
	.pub-tt .smwz{margin-top: 0.15rem;font-size: 0.17rem;line-height: 1.5;}
	.pub-tt .en{font-size: 0.22rem;}

	.lx-sec{padding:.6rem 0 1rem;}
	.lx-sec .list li{margin-bottom: 0.35rem;}

	/* download */
	.xz-sec{padding:.6rem 0;}
	.xz-sec .list .icon{width: 0.3rem;}


	/* solution */
	.solu-list .item{height: 3.1rem;}
	.solu-list .title{font-size: 0.24rem;padding:0 .2rem;bottom: 0.15rem;}

	.faq-list .item{padding:.22rem .1rem;}
	.faq-list .title{font-size: 0.2rem;}


	/* service */
	.fw-oem .list{flex-wrap: wrap;padding: 0;}
	.fw-oem .list li{width: 45%;text-align: center;padding:0 .15rem;padding:.25rem 0;}
	.fw-oem .list .icon{height: 0.5rem;margin:0 auto;}
	.fw-oem .list .title{font-size: 0.22rem;max-width: 100%;}
	.fw-oem .list .txt{max-width: 100%!important;}

	.fw-qua{margin-top: 0.6rem;}
	.fw-qua .list{margin-left: -2%;}
	.fw-qua .list li{width: 23%;margin:0 0 2% 2%;}

	.fw-touy{padding:.6rem 0 .6rem;}
	.fw-touy .list{flex-wrap: wrap;margin-left: -.15rem;justify-content: flex-start;}
	.fw-touy .list li{margin-left: .15rem;margin-bottom: 0.15rem;}
	.fw-touy .list .img{height: 2.2rem;}

	/* about */
	.us-profile .detail{display: block;}
	.us-profile .imgbox{width: 100%;max-width: 100%;margin:.3rem 0 0;border-radius:.12rem;}
	.us-profile .txt{padding-top: 0;}

	.us-list .num i{font-size: 0.44rem;}

	.us-profile .slide .item{height: 3.5rem;}

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

	.us-coop .list .item{height: .8rem;}

	.us-team{padding:.75rem 0;}
	.us-team .wrap{margin-left: 3%;display: block;}
	.us-team .lbox{padding-right: 0;width: 100%;margin-bottom: 0.3rem;}
	.us-team .txt{max-width: 100%;line-height: 1.6;}
	.us-team .arrs{display: none;}

	.us-team .item{height: 3.33rem;}
	.us-team .swiper-slide{width: 5rem;}
	.us-team .swiper-pagination{width: 100%;margin-top: 0.4rem;}



	/* product */
	.cp-main{padding:.4rem 0 .6rem;}
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;margin:0 0 .3rem;}
	.cp-r{width: 100%;margin: 0;padding: 0;}
	.cp-menu .t-tit{display: none;}


	.cp-menu{position: relative;}
	.cp-menu .t-tit{font-size: 0.18rem;line-height: 0.55rem;display: flex;align-items: center;justify-content: space-between;}
	.cp-menu .t-tit::after{content:'\e772';font-family: 'iconfont';margin-right: 0.2rem;}
	.cp-menu .t-tit.this::after{transform: rotate(180deg);}
	.cp-menu .list{position: absolute;width: 100%;background-color: #fff;display: none;box-shadow:0 0 .1rem #ddd;max-height: 45vh;overflow-y: scroll;background-color: rgba(249,249,249,1);}
	.cp-menu .list li{padding:.14rem 0 .14rem .1rem;}
	.cp-menu .list .tit{padding: 0;line-height: 0.3rem;}
	.cp-menu .list .drop{padding-top: 0.06rem;}
	.cp-menu .list .lk{font-size: 0.15rem;padding: 0;line-height: 0.32rem;}


	.cp-list{margin:-.3rem 0 0 -3%;}
	.cp-list .item{width: 47%;margin:.3rem 0 0 3%;}
	.cp-list .imgbox{height: 2.6rem;}
	.cp-list .title{font-size: 0.18rem;}



	/* productDetail */
	.cp-det .wrap{display: block;}
	.cp-det .wrap-l{width: 100%;padding: 0;}

	.cp-top .title{font-size: 0.32rem;}
	.cp-top .slide2 .item{height: 4.5rem;}
	.cp-top .slide1 .item{height: 1.2rem;}
	.cp-top .swiper-button{bottom: 2.05rem;}

	.cp-quote{width: 100%;position: static!important;}




	/* index */
	.idx-ban .item{height: 5rem;}
	.idx-ban .box{bottom:auto;top: 50%;transform: translate(-50%,-55%);}
	.idx-ban .title{font-size: 0.4rem;}


	.idx-cp .item .imgbox{height: 4rem;border-radius:.12rem;}
	.idx-cp .slide2 .imgbox{height: 2rem;}

	.idx-cp .bot{padding:0 .2rem;}
	.idx-cp .pages{margin-right: 0.25rem;}
	.idx-cp .arr{margin-left: 0.2rem;}


	.idx-us .top{display: block;}
	.idx-us .top .lbox,.idx-us .top .rbox{width: 100%;}

	.idx-choose .item .icon{width: 1rem;height: 1rem;}
	.idx-choose .item .ico{height: 0.6rem;width:0.6rem;margin-left: -0.3rem;margin-top: -0.3rem;}
	.idx-choose .item .title{margin-top: 0.23rem;}


	.idx-faq{background-color: #f4f4f4;}
	.idx-faq::before{display: none;}
	.idx-faq .detail{display: block;}
	.idx-faq .wrap{margin-left: 0;padding:0 3%;}
	.idx-faq .more{margin-top: 0.4rem;margin-left: 50%;transform: translate(-50%,0);}
	.idx-faq .imgbox{width: 100%;border-radius:.1rem;margin:.25rem 0 0;}

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



}