@charset "utf-8";

/* @font-face
{font-family: HarmonyOSMedium;
src: url('HarmonyOS_SansSC_Medium.ttf')}

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

@font-face
{font-family: HarmonyOSBold;
src: url('HarmonyOS_SansSC_Bold.ttf')} */
@font-face
{font-family: HarmonyOSMedium;
src: url('Lexend-Medium.ttf')}

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

@font-face
{font-family: HarmonyOSBold;
src: url('Lexend-SemiBold.ttf')}
/* @font-face
{font-family: PoppinsBold;
src: url('Poppins-Bold.ttf')} */
/*
@font-face
{font-family: PoppinsLight;
src: url('Poppins-Light.ttf')}
@font-face
{font-family: PoppinsSemiBold;
src: url('Poppins-SemiBold.ttf')}
@font-face
{font-family: PoppinsExtraBold;
src: url('Poppins-ExtraBold.otf')}
@font-face
{font-family: PoppinsMedium;
src: url('Poppins-Medium.otf')} */


@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;color:#000;}
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:'HarmonyOSMedium', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */ }
img{border:0;display: inline-block;vertical-align: middle;height: auto;max-width: 100%;}
.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;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: 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:#a9a9a9;}
:-moz-placeholder{color:#a9a9a9;}
::-moz-placeholder{color:#a9a9a9;}
:-ms-input-placeholder{color:#a9a9a9;}

.btn{font-size: 0.17rem;color:#fff;line-height: 0.5rem;background-color: #0054a6;border-radius:.25rem;cursor: pointer;border:0;display: inline-block;vertical-align: middle;padding:0 0.3rem;text-align: center;}
.btn.arr::after{content:'';display: inline-block;vertical-align: middle;width: 0.13rem;height: 0.13rem;background:url(../images/icon_01-1.png) no-repeat center;background-size:contain;margin-left: 0.08rem;margin-top: -0.02rem;}
.btn:hover{background-color: #2662d0;}

.btn.white{background-color: #fff;color:#0054a6;}
.btn.white.arr::after{background-image:url(../images/icon_01.png);}
.btn.white:hover{color:#fff;background-color: #2662d0;}
.btn.white.arr:hover::after{background-image:url(../images/icon_01-1.png);}

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

.hd-lang{margin-left: .5rem;display: flex;align-items: center;}
.hd-lang a {padding: 0 .02rem;margin-left: .2rem;}
.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.17rem;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_02.png) no-repeat center;background-size:.26rem;margin-right: 0.05rem;}

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

.hd-nav{}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 0.45rem;position: relative;}
.hd-nav li:first-child{margin-left: 0;}
.hd-nav li>a{display: block;font-size: 0.18rem;color:#000000;line-height: .34rem;position: relative;padding:0 0.1rem;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#0054a6;font-weight: bold;}


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

.hd-nav .drop{width: 3.4rem;position: absolute;left:50%;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color: #fff;margin-left: -0.7rem;margin-top: -1px;border-radius:.06rem;box-shadow:0 0 .1rem #ddd;padding:0.12rem 0;margin-top: 0.15rem;}
.hd-nav .drop .lk{font-size: 0.15rem;color:#000;line-height: 0.22rem;display: block;text-align: center;padding:.06rem 0;}
.hd-nav .drop .lk:hover{color:#192480;}
.hd-nav .drop .lk:last-child{border-bottom:none;}


.head .r{display: flex;align-items: center;}
.hd-lx{margin-left: 0.75rem;}





.foot{background:url(../images/ft_01.jpg) no-repeat center;background-size:cover;}
.ft-t *{color: #fff;}
.ft-t{padding:1rem 0 0.7rem;}
.ft-t .wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.ft-t .col1{max-width: 5.15rem;width: 35%;}
.ft-t .col2{max-width: 3.9rem;width: 28%;}

.ft-t .smlogo{width: 95%;display: block;margin-bottom: 0.3rem;max-width: 5.1rem;}
.ft-t .txt{font-size: 0.18rem;line-height: 1.6;max-width: 4.5rem;font-family: 'HarmonyOSRegular';}

.ft-t .tit{font-size: 0.24rem;margin-bottom: 0.12rem;}
.ft-t .fz{font-size: 0.18rem;line-height: 0.26rem;opacity: 0.8;font-family: 'HarmonyOSRegular';display: flex;align-items: center;padding:0.05rem 0;}
.ft-t .fz .ico{width: 0.18rem;margin-right: 0.05rem;}
.ft-t .fz span{flex:1;overflow: hidden;}
.ft-t .code{width: 1.5rem;}
.ft-t .lks{}
.ft-t .lk{display: block;font-size: 0.17rem;line-height: 0.32rem;opacity: 0.7;font-family: 'HarmonyOSRegular';}
.ft-t .lk:hover{opacity: 1;}


.ft-t .social{margin-top: 0.36rem;display: flex;}
.ft-t .social a{margin-right: 0.15rem;font-size: 0.18rem;color:#fff;}
.ft-t .social a:hover{opacity: 0.85;}



.ft-b{padding:0.25rem 0;background-color: rgba(0,0,0,.1);text-align: center;}
.ft-b .txt{font-size: 0.17rem;color:rgba(255,255,255,.43);line-height: 0.25rem;}
.ft-b .txt a:hover{color:rgba(255,255,255,.6);}

/* news */
.inner-ban{height: 5.2rem;position: relative;text-align: center;}
.inner-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.inner-ban .title{font-size: 0.48rem;color:#fff;line-height: 1.2;}

.inner-ban.blue .title{color:#0054a6;}
.inner-ban.blue .crumb{color:#0054a6;}


.crumb{font-size: 0.17rem;color:#fff;line-height: 0.26rem;margin: 0.1rem 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.crumb *{font-size: inherit;font-family: 'HarmonyOSRegular';}
.crumb a:hover{opacity: 0.85!important;}


.main{padding:0.45rem 0 0.7rem;}


.xw-main .wrap{padding:0 0.35rem;}
.xw-menu{text-align: center;margin-bottom: 0.5rem;}
.xw-menu .box{border-radius:0.34rem;background-color: #ededed;display: inline-block;vertical-align: middle;}
.xw-menu .lk{font-size: 0.18rem;min-width: 1.6rem;line-height: 0.7rem;border-radius:0.34rem;display: inline-block;vertical-align: middle;padding:0 0.2rem;}
.xw-menu .lk.cur,.xw-menu .lk:hover{color:#fff;background-color: #0054a6;}

.xw-hot{box-shadow:0 0 0.2rem rgba(0,0,0,.1);border-radius:0.12rem;display: flex;align-items: center;overflow: hidden;}
.xw-hot .imgbox{width: 53%;height: 5.2rem;}
.xw-hot .info{flex:1;overflow: hidden;padding:0 6%;}
.xw-hot .date{font-size: 0.17rem;color:#0054a6;}
.xw-hot .title{font-size: 0.26rem;line-height: 0.4rem;margin-top: 0.15rem;}
.xw-hot .more{font-size: 0.18rem;color:#0054a6;margin-top: 0.8rem;display: inline-block;vertical-align: middle;}
.xw-hot .title:hover{color:#2662d0;}
.xw-hot .more:hover{color:#2662d0;text-decoration: underline;}

.xw-list{display: flex;flex-wrap: wrap;margin:0 0 0 -3%;}
.xw-list .item{width: 30.3%;margin:3% 0 0 3%;box-shadow:0 0 0.2rem rgba(0,0,0,.1);border-radius:0.06rem;overflow: hidden;}

.xw-list .imgbox{height: 3.25rem;}
.xw-list .info{padding:0.4rem 0.38rem 0.25rem;position: relative;}
.xw-list .date{font-size: 0.17rem;color:#0054a6;}
.xw-list .title{font-size: 0.18rem;line-height: .26rem;-webkit-line-clamp: 2;height: 0.52rem;margin-top: 0.1rem;}
.xw-list .arrow{width: 0.62rem;height: 0.62rem;background:url(../images/xw_05.png) no-repeat center;background-size:cover;position: absolute;right: 0.75rem;top: -0.31rem;display: none;}
.xw-list .item:hover .title{color:#0054a6;}
.xw-list .item:hover .arrow{display: block;}


.pagelist{margin-top: 0.8rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.17rem;width: 0.3rem;height: 0.3rem;background-color: #fff;margin:0 .05rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:50%;line-height: 0.3rem;color:#969696;}

.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.3rem;line-height: 0.3rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;color:#fff;background-color: #0054a6;}



/* 解決方案 */
.solu-menu{background-color: #f6f6f6;margin-bottom: 0.3rem;text-align: center;}
.solu-menu .lk{font-size: 0.16rem;color:#353636;line-height: 1rem;display: inline-block;vertical-align: middle;margin:0 1.2%;position: relative;}
.solu-menu .lk::after{content:'';height: 0.06rem;background-color: #0054a6;border-radius:0.03rem;width: 0;left: 50%;position: absolute;bottom: 0;transition: all 0.3s;}
.solu-menu .lk.cur,.solu-menu .lk:hover{color: #0054a6;}
.solu-menu .lk.cur::after,.solu-menu .lk:hover::after{width: 0.86rem;margin-left: -0.43rem;}

.solu-main .wrap{padding:0 0.35rem;}

.solu-list{}
.solu-list .item{background-color: #f8f8f8;margin-bottom: 0.45rem;border-radius:0.1rem;overflow: hidden;}
.solu-list .box{display: flex;align-items: center;}
.solu-list .imgbox{width: 50%;max-width: 7.35rem;height: 4.7rem;}
.solu-list .info{flex:1;overflow: hidden;padding:0 3.5%;}
.solu-list .title{font-size: 0.35rem;font-family: 'HarmonyOSBold';}
.solu-list .txt{font-size: 0.17rem;color:#313131;line-height: 0.28rem;-webkit-line-clamp: 6;height: 1.68rem;margin-top: 0.35rem;font-family: 'HarmonyOSRegular';text-align: justify;}
.solu-list .more{font-size: 0.17rem;color:#0054a6;margin-top: 0.45rem;display: inline-block;vertical-align: middle;font-family: 'HarmonyOSRegular';}
.solu-list .more::after{content:'';display: inline-block;vertical-align: middle;width: 0.14rem;height: 0.14rem;background:url(../images/icon_01.png) no-repeat center;background-size:contain;margin-left: 0.1rem;}
.solu-list a.box:hover{background-color: #0054a6;}
.solu-list a.box:hover *{color:#fff;}
.solu-list a.box:hover .more::after{background-image:url(../images/icon_01-1.png)}


/* 聯絡我們 */
.lx-sec{padding:0.85rem 0;background-color: #f0f3f6;}
.lx-sec .detail{max-width: 14.1rem;margin:0 auto;display: flex;background-color: #fff;}
.lx-sec .t-tit{font-size: 0.34rem;line-height: 1.2;margin-bottom: 0.18rem;color:#000000;}

.lx-sec .rec{background-color: transparent;display: block;}
.lx-sec .rec .t-tit{text-align: center;}
.lx-sec .detail .list li{margin-top: .5rem;background-color: #fff;border-radius: .3rem;padding: .3rem;font-size: .18rem;line-height: 2;}
.lx-sec .detail .list li p,.lx-sec .detail .list li span,.lx-sec .detail .list li strong{font-size: inherit;}


.lx-infor{width: 43.5%;min-height: 6rem;background:url(../images/lx_02.jpg) no-repeat center;background-size:cover;padding:0.7rem 5%;}
.lx-infor .t-tit{color:#fff;}
.lx-infor .row{padding:0.2rem 0;}
.lx-infor .fz{font-size: 0.17rem;color:#fff;font-family: 'HarmonyOSRegular';line-height: 1.6;}
.lx-infor .ico{width: 0.22rem;margin-right: 0.06rem;display: inline-block;vertical-align: middle;}


.lx-form{flex:1;overflow: hidden;padding:0.7rem 4%;}
.lx-form .row{justify-content: space-between;}
.lx-form .row .item{width: 49%;margin-bottom: 2%;}
.lx-form .row .ipt{border-radius:0.06rem;width: 100%;font-size: 0.17rem;color:#000;border:1px solid #c4c4c4;}
.lx-form .row .ipt-txt{height: 0.46rem;line-height: 0.46rem;padding:0 0.15rem;}
.lx-form .row .con{height: 1.6rem;padding:0.15rem 0.15rem;line-height: 1.4;resize:none;}
.lx-form .submit{width: 1.5rem;margin:0.45rem 0 0;}


.lx-map{padding:0.6rem 0;}
.lx-map .map{height: 5rem;}

/* 關於我們 */
.us-sec{background:url(../images/us_02.jpg) no-repeat center top;background-size:100% auto;}

.us-tt{margin-bottom: 0.26rem;}
.us-tt .bt{font-size: 0.48rem;font-family: 'HarmonyOSBold';line-height: 1.2;}
.us-tt .smwz{font-size: 0.24rem;color:#313131;font-family: 'HarmonyOSRegular';margin-top: 0.1rem;}

.us-intro{margin-top: 0.8rem;padding:0 0.35rem;}
.us-intro .txt{font-size: 0.17rem;color:#313131;line-height: 0.24rem;font-family: 'HarmonyOSRegular';}
.us-intro .list{display: flex;justify-content: space-around;margin-top: 0.8rem;}
.us-intro .list li{min-width: 1.3rem;text-align: center;}
.us-intro .list .fz{font-size: 0.48rem;color:#0054a6;font-family: 'HarmonyOSBold';line-height: 1.2;}
.us-intro .list .fz i{font-family: inherit;}
.us-intro .list .wz{font-size: 0.18rem;font-family: 'HarmonyOSRegular';margin-top: 0.25rem;}



.us-ln{margin-top: 1.4rem;}
.us-ln .list{border-radius:0.1rem;background:url(../images/us_03.jpg) no-repeat center top;background-size:cover;padding:0.45rem 0;display: flex;max-width: 12.3rem;margin:0 auto;}
.us-ln .list .item{padding:0.5rem 5%;flex:1;overflow: hidden;text-align: center;}

.us-ln .list .title{font-size: 0.24rem;color:#fff;}
.us-ln .list .txt{font-size: 0.17rem;color:#fff;line-height: 0.24rem;font-family: 'HarmonyOSRegular';margin-top: 0.15rem;}
.us-ln .list .line{width: 1px;height: 2rem;background-color: rgba(255,255,255,.4);}

.us-lc{padding:1rem 0 0.7rem;}
.us-lc .detail{margin:0 0 0 calc(50% - 8.1rem);}
.us-lc .item{padding:0.3rem 0.4rem;border-right:2px solid #f2f2f2;/* height: 4.5rem; */}
.us-lc .item .year{font-size: 0.48rem;color:#0054a6;font-family: 'HarmonyOSBold';line-height: 1.2;}
.us-lc .item .txt{margin-top: 0.4rem;-webkit-line-clamp: 9;}
.us-lc .item .fz{font-size: 0.17rem;color:#313131;line-height: 0.22rem;margin-bottom: 0.2rem;position: relative;padding-left: 0.2rem;}
.us-lc .item .fz:last-child{margin-bottom: 0;}
.us-lc .item .fz:before{content:'';width: 0.08rem;height: 0.08rem;background-color: #001eb4;border-radius:50%;position: absolute;left: 0;top: 0.07rem;}

.us-lc .swiper-slide{width: 4.1rem;}
.us-lc .swiper-pagination-progressbar{position: static;margin-top: 0.35rem;background-color: #f2f2f2;}
.us-lc .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #001eb4;}

.us-honor{padding:0.6rem 0 0.8rem;background-color: #f1f2f4;}
.us-honor .list{display: flex;flex-wrap: wrap;margin:-4% 0 0 -4%;padding-top: 0.25rem;}
.us-honor .list .item{width: 16%;margin:4% 0 0 4%;transition: all 0.3s;}
.us-honor .list .img{width: 100%;height: 100%;}
.us-honor .list .item:hover{transform: translate(0,-0.1rem);}


/* 典型案例 */
.case-list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.case-list .item{background-color: #f5f5f5;width: 31.3%;margin:0 0 2% 2%;position: relative;border-radius:0.06rem;overflow: hidden;display: block;}
.case-list .imgbox{height: 3.1rem;}
.case-list .info{padding:0.4rem 0.25rem;}
.case-list .title{font-size: 0.18rem;-webkit-line-clamp: 1;}
.case-list .txt{font-size: 0.17rem;color:#5b5b5b;line-height: 0.24rem;-webkit-line-clamp: 2;height: 0.48rem;margin-top: 0.15rem;font-family: 'HarmonyOSRegular';}
.case-list .item::after{content:'';position: absolute;left: 0;bottom: 0;height: 2px;width:0;background-color: #0054a6;transition: all 0.3s;}
.case-list .item:hover::after{width: 100%;}
.case-list .item:hover .title{color: #0054a6;}
.case-list .hot+.item .info{height: 2rem;}

.case-list .hot{position: relative;width: 64.6%;margin-left: 2%;margin-bottom: 2%;border-radius:0.06rem;overflow: hidden;height: 5.1rem;}
.case-list .hot .bot{display: flex;align-items: center;justify-content: space-between;position: absolute;width: 100%;padding:0 12% 0 4%;bottom: 0.5rem;}
.case-list .hot .title{font-size: 0.35rem;color:#fff;font-family: 'HarmonyOSBold';width: 75%;}
.case-list .hot .more{font-size: 0.17rem;color:#fff;font-family: 'HarmonyOSRegular';}
.case-list .hot .more::after{content:'';display: inline-block;vertical-align: middle;width: 0.14rem;height: 0.14rem;background:url(../images/icon_01-1.png) no-repeat center;background-size:contain;margin-left: 0.06rem;}
.case-list .hot .more:hover{opacity: 0.75;}
.case-list .hot:hover .img{transform: scale(1.1,1.1);}
.case-list .hot .img{transition: all 1s;}



/* 解決方案详情 */
div.solu-list .item{background:#fff;}
div.solu-list .txt{text-indent: 2em;}
div.solu-list .imgbox{border-radius:0.1rem;}

.det-tit{border-bottom:1px solid #e3e3e3;margin-bottom: 0.25rem;position: relative;}
.det-tit span{font-size: 0.35rem;color:#0054a6;line-height: 0.6rem;display: flex;align-items: center;}
.det-tit span:before{content:'';width: 0.12rem;height: 0.12rem;background-color: #0054a6;border-radius:50%;margin-right: 0.13rem;}
.det-tit span::after{content:'';width: 0.52rem;height: 0.03rem;background-color: #0054a6;position: absolute;left: 0;bottom: -0.02rem;}

.solu-mod{margin-bottom: 0.6rem;}
.solu-mod .txt{font-size: 0.17rem;color:#313131;line-height: 2;text-align: justify;}
.solu-mod .txt,.solu-mod .txt *{font-family: 'HarmonyOSRegular';}
.solu-mod .link{color: #0054a6;text-decoration: underline;}
.solu-mod .link:hover{color: #2662d0;}

.solu-recom{padding:0.3rem 0 0;}
.solu-recom .t-tit{font-size: 0.32rem;font-family: 'HarmonyOSBold';margin-bottom: 0.3rem;}
.solu-recom .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.solu-recom .list .item{width: 23%;margin:0 0 2% 2%;border-radius:0.08rem;overflow: hidden;background-color: #f8f9fa;}
.solu-recom .list .imgbox{height: 2.4rem;}
.solu-recom .list .info{padding:0.23rem 0.2rem;}
.solu-recom .list .title{font-size: 0.17rem;line-height: 1.2;-webkit-line-clamp: 1;}
.solu-recom .list .txt{font-size: 0.17rem;color:#313131;line-height: 0.22rem;-webkit-line-clamp: 2;height: 0.44rem;margin-top: 0.1rem;font-family: 'HarmonyOSRegular';}
.solu-recom .list .item:hover{background-color: #0054a6;}
.solu-recom .list .item:hover *{color:#fff;}


/* 產品中心 */
.cp-main{padding:0.65rem 0 0.75rem;}
.cp-main .wrap{display: flex;align-items: flex-start;}


.cp-l{width: 3.25rem;}
.cp-r{width: calc(100% - 3.25rem);padding-left: 0.55rem;}

.cp-menu{background-color: #f3f3f3;padding:0.4rem 0.25rem;background-color: #f3f3f3;}
.cp-menu .t-tit{font-size: 0.35rem;margin-bottom: 0.25rem;font-family: 'HarmonyOSBold';}
.cp-menu .list{padding-left: 0.08rem;}
.cp-menu .list li{margin-bottom: 0.13rem;}
.cp-menu .list li:last-child{margin-bottom: 0;}
.cp-menu .list .tit{font-size: 0.18rem;line-height: 0.3rem;cursor: pointer;position: relative;padding-right: 0.15rem;}
.cp-menu .list .tit::after{content:'';position: absolute;right: 0;top: 50%;width: 0.06rem;height: 0.06rem;background-color: #8f8f8f;border-radius:50%;transform: translate(0,-50%);}
.cp-menu .list .drop{padding-left: 0.1rem;display: none;}
.cp-menu .list .lk{display: block;font-size: 0.17rem;color:#313131;line-height: 0.32rem;margin-top: 0.02rem;transition: all 0.3s;}
.cp-menu .list .lk:hover,.cp-menu .list .lk.this{color: #0054a6;}
.cp-menu .list .lk:hover:before,.cp-menu .list .lk.this:before{content:'';width: 0.06rem;height: 0.06rem;background-color: #0054a6;border-radius:50%;margin-right: 0.07rem;display: inline-block;vertical-align: middle;}
.cp-menu .list li.cur .tit,.cp-menu .list li:hover .tit{color: #0054a6;}
.cp-menu .list li.cur .tit::after,.cp-menu .list li:hover .tit::after{width: 0.08rem;height: 0.08rem;background-color: #fff;border:0.02rem solid #0054a6;}
.cp-menu .list li.cur .drop{display: block;}


.cp-list{display: flex;flex-wrap: wrap;margin:-3.3% 0 0 -3.3%;}
.cp-list .item{width: 30%;margin:3.3% 0 0 3.3%;}
.cp-list .imgbox{height: 3.6rem;display: flex;align-items: center;justify-content: center;}
.cp-list .img{width: 100%;height: 100%;object-fit: contain;}
.cp-list .title{font-size: 0.18rem;font-family: 'HarmonyOSBold';margin-top: 0.18rem;}
.cp-list .txt{font-size: 0.17rem;color:#313131;font-family: 'HarmonyOSRegular';margin-top: 0.06rem;}
.cp-list .more{font-size: 0.17rem;color:#0054a6;display: inline-block;vertical-align: middle;margin-top: 0.15rem;}
.cp-list .more:hover{text-decoration: underline;}
.cp-list .item:hover .title{color:#0054a6;}


/* 產品中心详情 */
.cp-det{padding: 1px 0 1.2rem;}
.cp-det .wrap{padding:0 0.35rem;}

.cp-intro{border-radius:0.1rem;background-color: #fff;margin-top: -0.7rem;padding:0.3rem 0.75rem;box-shadow:0 0 0.2rem rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: space-between;position: relative;z-index:10;}
.cp-intro .imgbox{width: 46%;max-width: 6.2rem;height: 5.2rem;display: flex;align-items: center;justify-content: center;}
.cp-intro .imgbox .img{width: 90%;height: 90%;object-fit: contain;}
.cp-intro .info{width: 50%;}
.cp-intro .title{font-size: 0.35rem;font-family: 'HarmonyOSBold';}
.cp-intro .smtit{font-size: 0.17rem;color:#707070;line-height: 1.4;margin-top: 0.3rem;font-family: 'HarmonyOSRegular';}

.cp-intro .txt{font-size: 0.17rem;color:#313131;line-height: 1.6;font-family: 'HarmonyOSRegular';margin-top: 0.1rem;-webkit-line-clamp: 16;}
.cp-intro .anniu{margin-top: 0.6rem;}



.cp-mod{margin-top: 0.6rem;}
.cp-mod .txt{font-size: 0.17rem;color:#313131;line-height: 2;}
.cp-mod .txt,.cp-mod .txt *{font-family: 'HarmonyOSRegular';}

.cp-mod .piclist{display: flex;flex-wrap: wrap;margin-left: -2%;}
.cp-mod .piclist .item{width: 23%;margin:2% 0 0 2%;}
.cp-mod .piclist .imgbox{height: 2.8rem;border-radius:0.06rem;}


.lx-di{padding:0.8rem 0;background:url(../images/cp_07.jpg) no-repeat center;background-size:cover;}
.lx-di .t-tit{font-size: 0.46rem;font-family: 'HarmonyOSRegular';margin-bottom: 0.45rem;line-height: 1.4;}
.lx-di .form{max-width: 11.8rem;margin:0 auto;}
.lx-di .row{justify-content: space-between;}
.lx-di .item{margin-bottom: 0.2rem;width: 49%;}
.lx-di .ipt{border-radius:0.06rem;width: 100%;font-size: 0.17rem;}
.lx-di .ipt-txt{padding:0 0.2rem;line-height: 0.52rem;height: 0.52rem;}
.lx-di .con{height: 1.8rem;padding:0.18rem 0.2rem;line-height: 1.4;resize:none;}
.lx-di .submit{margin: 0.4rem auto 0;width: 1.5rem;display: block;}



/* 新闻详情 */
.xw-det{padding:.9rem 0 1.1rem;}
.xw-det .auto{max-width: 13.4rem;width: 50%;}

.xw-det .edit{font-size: 0.18rem;color:#3a3a3a;line-height: 1.8;text-align: justify;}
.xw-det .edit span,.xw-det .edit p,.xw-det .edit strong{font-size: inherit;line-height: inherit;}
.xw-det .t-tit{font-size: 0.35rem;display: flex;align-items: center;margin-bottom: 0.12rem;}
.xw-det .t-tit:before{content:'';width: 0.1rem;height: 0.38rem;background-color: #0054a6;margin-right: 0.15rem;}
.xw-det .mod,.xw-det .mod{margin-top: 0.7rem;}
.xw-det .mod .txt,.xw-det .mod .txt{padding-left: 0.25rem;}
.xw-det .ys-box .txt p{margin-bottom: 0.12rem;}

.xw-det .piclist{display: flex;flex-wrap: wrap;margin-top: 0.5rem;justify-content: center;}
.xw-det .piclist li{margin:0 0.25rem;}
.xw-det .piclist .imgbox{width: 2.26rem;height: 2.26rem;padding: 0.1rem;background:url(../images/xw_08.png) no-repeat center;background-size:cover;}
.xw-det .piclist .img{width: 100%;height: 100%;border-radius:50%;display: block;}
.xw-det .piclist .title{font-size: 0.24rem;text-align: center;margin-top: 0.15rem;}


.pagenav{background-color: #f7f8fa;padding:0.3rem 0;}
.pagenav .box{max-width: 13.4rem;display: flex;justify-content: space-between;margin:0 auto;}
.pagenav .lk{font-size: 0.17rem;color:#626262;line-height: 0.5rem;max-width: 45%;}
.pagenav .lk:hover{color: #0054a6;}



/* index */
.idx-ban{position: relative;}
.idx-ban .item{height: calc(100vh - 1rem);overflow: hidden;}


/* .idx-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;z-index:50;} */
.idx-ban .box{position: absolute;/* width: 100%; */right: 10%;bottom: 5%;/* transform: translate(0,-50%); */text-align: center;z-index:50;}
.idx-ban .title{font-size: 0.78rem;color:#fff;font-family: 'HarmonyOSBold';line-height: 1.2;text-shadow:0 2px 2px rgba(0,0,0,.34);}
.idx-ban .more{margin-top: 0.9rem;}

.idx-ban .swiper-pagination{font-size: 0;height:auto;bottom: 0.4rem;}
.idx-ban .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background-color: #fff;opacity: 1;margin:0 0.08rem!important;}
.idx-ban .swiper-pagination-bullet-active{width: 0.3rem;border-radius:0.06rem;}



.idx-tt{margin-bottom: 0.3rem;position: relative;}
.idx-tt .en{font-size: 0.2rem;color:#0054a6;text-transform: uppercase;line-height: 1.1;}
.idx-tt .bt{font-size: 0.54rem;line-height: 1.2;margin-top: 0.1rem;}
.idx-tt .more{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}

.idx-solu{background:url(../images/idx_03.jpg) no-repeat center;background-size:cover;padding:0.7rem 0;}
.idx-solu .pic{width: 100%;display: block;}

.idx-us{padding:0.85rem 0 0.7rem;background-color: #fafafa;}
.idx-us .detail{display: flex;align-items: center;justify-content: space-between;}
.idx-us .info{width: 45%;}
.idx-us .txt{font-size: 0.18rem;color:#3d3d3d;-webkit-line-clamp:7;font-family: 'HarmonyOSRegular';line-height: 1.6;text-align: justify;}
.idx-us .more{margin-top: 0.8rem;}
.idx-us .imgbox{width: 50%;border-radius:1.4rem 0 1.4rem 0;overflow: hidden;height: 5.5rem;}


.idx-us .list{display: flex;justify-content: space-between;margin-top: 0.8rem;}
.idx-us .list li{min-width: 1.3rem;}
.idx-us .list .fz{font-size: 0.39rem;color:#0054a6;line-height: 1;font-family: 'HarmonyOSRegular';}
.idx-us .list .fz i{display: inline-block;vertical-align: text-top;font-size: 0.9rem;/* margin-left: 0.04rem; */}
.idx-us .list .wz{font-size: 0.2rem;color:#3d3d3d;font-family: 'HarmonyOSRegular';margin-top: 0.05rem;text-align: center;}

.idx-xw{padding:0.8rem 0;}
.idx-xw .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-xw .list .item{height: 2.9rem;position: relative;width: 31.3%;margin:0 0 2% 2%;}
.idx-xw .list .imgbox{height: 100%;}
.idx-xw .list .box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding:0 0.3rem 0.4rem;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;background-color: rgba(51,51,51,.15);}
.idx-xw .list .title{font-size: 0.24rem;color:#fff;line-height: 0.34rem;-webkit-line-clamp: 2;height: 0.68rem;}
.idx-xw .list .more{margin-top: 0.45rem;display: inline-block;vertical-align: middle;font-size: 0.18rem;color:#fff;position: relative;padding-bottom: 0.06rem;}
.idx-xw .list .more::after{content:'';display: inline-block;vertical-align: middle;width: 0.12rem;height: 0.12rem;background:url(../images/icon_01-1.png) no-repeat center;background-size:contain;margin-left: 0.08rem;}
.idx-xw .list .more:before{content:'';position: absolute;left: 0;bottom: 0;height: 0.02rem;background-color: #fff;width: 100%;}
.idx-xw .list .more:hover{opacity: 0.85;}




@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 10.5rem;}
	html{font-size: 5.5rem!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.34rem;color:#000;}
	.sj-menu.close::after{content:'\eca0';}



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

	.hd-nav{position: fixed;width: 100%;left: 0;top: 1rem;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;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;}
	.hd-nav li.cur>a, .hd-nav li:hover>a{color:#000;background:transparent;}

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


	/* 解決方案 */
	.solu-main .wrap{padding: 0;}

	/* 關於我們 */
	.us-intro{padding: 0;}

	.us-lc .detail{margin-left: 4%;}



	/* 產品中心 */
	.cp-list{margin:-6% 0 0;justify-content: space-between;}
	.cp-list .item{width: 47%;margin:6% 0 0;}
	.cp-list .imgbox{height: 3.2rem;}


	/* 新闻详情 */
	.xw-det .piclist li{margin:0 0.1rem;}


	/* index */
	.idx-ban .title{font-size: 0.68rem;}



}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{padding:0 3%!important;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.35rem;color:#000;}
	.sj-menu.close::after{content:'\eca0';}



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

	.hd-lx{margin-left: 0;line-height: 0.44rem;padding:0 0.2rem;}

	.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;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.7rem;padding:0 4%;}
	.hd-nav li.cur>a, .hd-nav li:hover>a{color:#000;background-color: transparent;}


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


	.ft-t{padding:0.7rem 0;}
	.ft-t .wrap{display: block;}
	.ft-t .col{width: 100%;max-width: 100%!important;margin-bottom: 0.4rem;}
	.ft-t .col:last-child{margin-bottom: 0;}
	.ft-t .smlogo{width: auto;height: 0.5rem;margin:0 auto 0.25rem;}
	.ft-t .txt{max-width: 100%;text-align: center;}
	.ft-t .social{text-align: center;justify-content: center;}
	.ft-t .social a{font-size: 0.24rem;margin:0 0.15rem;}
	.ft-t .fz{font-size: 0.17rem;}
	.ft-t .lks{margin-left: -0.2rem;}
	.ft-t .lk{display: inline-block;vertical-align: middle;margin:0 0 0 0.2rem;}
	.ft-b .txt{font-size: 0.17rem;}




	/* 新聞 */
	.inner-ban{height: 3.2rem;}
	.inner-ban .title{font-size: 0.38rem;}

	.xw-hot .imgbox{height: 3.6rem;}
	.xw-hot .title{font-size: 0.24rem;-webkit-line-clamp: 4;}

	.xw-list .item{width: 47%;}
	.xw-list .imgbox{height: 2.6rem;}
	.xw-list .info{padding:0.25rem 0.3rem;}

	.pagelist{margin-top: 0.5rem;}


	/* 解決方案 */
	.solu-menu{overflow-x: scroll;white-space: nowrap;padding:0 0.1rem;margin-bottom: 0;}
	.solu-menu::-webkit-scrollbar{ display: none;}
	.solu-menu .lk{font-size: 0.18rem;margin:0 0.2rem;line-height: 0.8rem;}
	.solu-menu .lk.cur::after, .solu-menu .lk:hover::after{width: 100%;margin-left: 0;left: 0;}
	.solu-menu .lk::after{height: 0.04rem;}


	.solu-list .imgbox{height: 4rem;}
	.solu-list .title{font-size: 0.24rem;}
	.solu-list .txt{margin-top: 0.15rem;font-size: 0.15rem;-webkit-line-clamp: 8;height: auto;}
	.solu-list .more{margin-top: 0.25rem;}


	/* 聯絡我們 */
	.lx-sec .detail{display: block;}
	.lx-infor{width: 100%;min-height: auto;padding: 0.5rem 5%;}


	/* 關於我們 */
	.us-tt .bt{font-size: 0.34rem;}

	.us-sec{background-position:center;background-size:cover;}
	.us-intro{padding: 0;}
	.us-intro .list{flex-wrap: wrap;margin-top: 0.5rem;}
	.us-intro .list li{width: 33.3%;min-width: auto;margin-top: 0.4rem;}
	.us-intro .list .wz{margin-top: 0.1rem;}

	.us-lc .detail{margin-left: 4%;}


	/* 典型案例 */
	.case-list{justify-content: space-between;margin: -3% 0 0;}
	.case-list .hot{width: 100%;margin-top: 3%;height: 4rem;margin-left: 0;}
	.case-list .hot .bot{padding:0 4%;bottom: 0.3rem;}
	.case-list .hot .title{font-size: 0.22rem;}

	.case-list .item{width: 48.5%;margin: 3% 0 0;}
	.case-list .imgbox{height: 2.6rem;}
	.case-list .info{padding:0.2rem 0.25rem;}
	.case-list .hot+.item .info{height: auto;}
	.case-list .title{-webkit-line-clamp: 2;}
	.case-list .txt{font-size: 0.15rem;}


	/* 解決方案详情 */
	.det-tit span{font-size: 0.26rem;}
	.det-tit span:before{width: 0.1rem;height: 0.1rem;}

	.solu-recom .list .item{width: 47%;}



	/* 產品中心 */
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;margin-bottom: 0.4rem;position: relative;}
	.cp-r{width: 100%;padding: 0;}


	.cp-menu{padding: 0;}
	.cp-menu .t-tit{font-size: 0.28rem;margin-bottom: 0;line-height: 0.8rem;padding:0 0.2rem;}
	.cp-menu .t-tit::after{content:'\e772';position: absolute;right: 0.25rem;top: 50%;font-family: 'iconfont';line-height: 0.3rem;margin-top: -0.15rem;}
	.cp-menu .t-tit.this::after{transform: rotate(180deg);}
	.cp-menu .list{position: absolute;width: 100%;left: 0;z-index:50;background-color: #fff;display: none;max-height: 4rem;overflow-y: scroll;box-shadow:0 0.1rem 0.2rem #e5e5e5;border-radius:0 0 0.1rem 0.1rem;padding: 0.25rem;}


	.cp-list{margin:-6% 0 0;justify-content: space-between;}
	.cp-list .item{width: 47%;margin:6% 0 0;}
	.cp-list .imgbox{height: 3rem;}


	/* 產品中心详情 */
	.cp-det{padding:1px 0 0.8rem;}

	.cp-intro{margin-top: 0;padding:0.3rem 0;box-shadow:none;}
	.cp-intro .imgbox{max-width: 100%;width: 50%;height: 4.8rem;}
	.cp-intro .info{width: 48%;}
	.cp-intro .title{font-size: 0.24rem;line-height: 1.5;}

	.cp-mod .piclist{justify-content: space-between;margin: 0;}
	.cp-mod .piclist .item{width: 48.5%;margin:3% 0 0;}

	.lx-di .t-tit{font-size: 0.36rem;margin-bottom: 0.2rem;}


	/* 新闻详情 */
	.xw-det{padding:0.8rem 0 0.5rem;}
	.xw-det .auto{width: 94%;}
	.xw-det .edit{font-size: 0.17rem;}

	.xw-det .t-tit{font-size: 0.26rem;}
	.xw-det .t-tit:before{width: 0.06rem;height: 0.28rem;}

	.xw-det .piclist{justify-content: space-between;}
	.xw-det .piclist li{margin:0 0 0.4rem;width: 48%;}
	.xw-det .piclist .imgbox{margin:0 auto;}
	.xw-det .piclist .title{font-size: 0.2rem;}

	.pagenav .box{display: block;}
	.pagenav .lk{display: block;max-width: 100%;line-height: 0.4rem;}



	/* index */
	.idx-ban .item{height: 5rem;}
	.idx-ban .title{font-size: 0.42rem;}
	.idx-ban .more{margin-top: 0.5rem;}
	.idx-ban .swiper-pagination{bottom: 0.3rem;}

	.idx-tt .bt{font-size: 0.44rem;}

	.idx-us .detail{display: block;}
	.idx-us .info{width: 100%;}
	.idx-us .imgbox{width: 100%;border-radius:0.1rem;margin-top: 0.4rem;height: 4rem;}

	.idx-us .list .fz i{font-size: 0.35rem;}


	.idx-xw .list{justify-content: space-between;margin: 0;}
	.idx-xw .list .item{width: 48%;margin:0 0 4%;}
	.idx-xw .list .title{font-size: 0.2rem;line-height: 0.3rem;height: 0.6rem;}
	.idx-xw .list .more{font-size: 0.17rem;}


}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{padding:0 4%!important;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.45rem;}
	.head .r{margin-right: 0.45rem;}
	.hd-lang{margin-left: 0;}
	.hd-lx{margin-left: 0;line-height: 0.4rem;padding:0 0.08rem;font-size: 0.15rem;display: block;}
	.hd-lx.arr::after{width: 0.1rem;height: 0.1rem;}



	.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;padding:0;}
	.hd-nav li>a{font-size: 0.18rem;line-height: 0.65rem;padding:0 4%;font-weight: normal;}
	.hd-nav li.cur>a, .hd-nav li:hover>a{color:#000;background-color: transparent;}

	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 0.65rem;height: 0.65rem;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;box-shadow:none;margin: 0;}
	.hd-nav .drop .lk{color:#000;line-height: 0.6rem;border-top:1px solid #efefef;padding:0 5% 0 7%;text-align: left;font-size: 0.17rem;}


	.ft-t{padding:0.5rem 0;}
	.ft-t .wrap{display: block;}
	.ft-t .col{width: 100%;max-width: 100%!important;margin-bottom: 0.4rem;}
	.ft-t .col:last-child{margin-bottom: 0;}
	.ft-t .smlogo{width: 80%;display: block;margin:0 auto 0.2rem;max-width: 2.8rem;}
	.ft-t .txt{max-width: 100%;text-align: center;font-size: 0.17rem;}
	.ft-t .social{text-align: center;justify-content: center;}
	.ft-t .social a{font-size: 0.22rem;margin:0 0.12rem;}
	.ft-t .tit{font-size: 0.2rem;}
	.ft-t .fz{font-size: 0.17rem;}
	.ft-t .lks{margin-left: -0.2rem;}
	.ft-t .lk{display: inline-block;vertical-align: middle;margin:0 0 0 0.2rem;}
	.ft-b{padding: 0.15rem 0;}
	.ft-b .txt{font-size: 0.13rem;}




	/* 新聞 */
	.inner-ban{height: 2.6rem;}
	.inner-ban .title{font-size: 0.35rem;}
	.crumb{font-size: 0.17rem;}

	.main{padding:0.45rem 0 0.5rem;}
	.xw-menu .box{background:transparent;border-radius:0;display: flex;justify-content: space-between;}
	.xw-menu .lk{min-width: auto;padding:0 0.2rem;line-height: 0.46rem;font-size: 0.17rem;}



	.xw-hot{display: block;}
	.xw-hot .imgbox{height: 3.6rem;width: 100%;}
	.xw-hot .title{font-size: 0.2rem;-webkit-line-clamp: 2;line-height: 1.4;}
	.xw-hot .info{padding:0.25rem 0.25rem;}
	.xw-hot .more{font-size: 0.17rem;margin-top: 0.3rem;}

	.xw-list{}
	.xw-list .item{width: 100%;margin-top: 4%;}
	.xw-list .imgbox{height: 2.2rem;}
	.xw-list .info{padding:0.25rem 0.25rem;}
	.xw-list .title{height: auto;}


	.pagelist{margin-top: 0.5rem;}


	/* 解決方案 */
	.solu-menu{overflow-x: scroll;white-space: nowrap;padding:0 0.1rem;margin-bottom: 0;}
	.solu-menu::-webkit-scrollbar{ display: none;}
	.solu-menu .lk{font-size: 0.18rem;margin:0 0.15rem;line-height: 0.7rem;}
	.solu-menu .lk.cur::after, .solu-menu .lk:hover::after{width: 100%;margin-left: 0;left: 0;}
	.solu-menu .lk::after{height: 0.04rem;}

	.solu-list .item{margin-bottom: 0.3rem;}
	.solu-list .box{display: block;}
	.solu-list .imgbox{height: 2.3rem;width: 100%;}
	.solu-list .info{padding:0.25rem 0.25rem;}
	.solu-list .title{font-size: 0.2rem;line-height: 1.2;}
	.solu-list .txt{margin-top: 0.12rem;font-size: 0.15rem;-webkit-line-clamp: 4;height: auto;line-height: 1.6;}
	.solu-list .more{margin-top: 0.25rem;}


	/* 聯絡我們 */
	.lx-sec{padding: 0;}
	.lx-sec .auto{padding: 0!important;}
	.lx-sec .detail{display: block;}
	.lx-sec .t-tit{font-size: 0.24rem;}
	.lx-infor{width: 100%;min-height: auto;padding: 0.5rem 5%;}
	.lx-infor .row{padding:0.1rem 0;}

	.lx-form{padding: 0.5rem 5%;}
	.lx-form .row{display: block;}
	.lx-form .row .item{width: 100%;margin-bottom: 0.15rem;}
	.lx-form .submit{margin-left: 50%;transform: translate(-50%,0);}

	.lx-map{padding: 0;}
	.lx-map .auto{padding: 0!important;}
	.lx-map .map{height: 3rem;}



	/* 關於我們 */
	.us-tt{margin-bottom: 0.15rem;}
	.us-tt .bt{font-size: 0.24rem;}
	.us-tt .smwz{font-size: 0.17rem;}


	.us-sec{background-position:center;background-size:cover;padding-bottom: 0.4rem;}
	.us-intro{padding: 0;margin-top: 0.5rem;}
	.us-intro .txt{line-height: 1.6;font-size: 0.15rem;}
	.us-intro .list{flex-wrap: wrap;margin-top: 0;}
	.us-intro .list li{width: 33.3%;min-width: auto;margin-top: 0.4rem;}
	.us-intro .list .fz{font-size: 0.35rem;}
	.us-intro .list .wz{margin-top: 0.1rem;font-size: 0.17rem;}

	.us-ln{margin-top: 0.6rem;}
	.us-ln .list{display: block;padding: 0;}
	.us-ln .list .line{display: none;}
	.us-ln .list .item{width: 100%;border-bottom:1px solid rgba(255,255,255,.2);}
	.us-ln .list .title{font-size: 0.22rem;}


	.us-lc{padding:0.6rem 0 0.05rem;}
	.us-lc .detail{margin-left: 0;}
	.us-lc .item{border:0;padding:0.2rem 0.3rem;height: auto;}
	.us-lc .item .year{font-size: 0.35rem;}
	.us-lc .item .txt{margin-top: 0.2rem;-webkit-line-clamp: 9;height: 2.7rem;}
	.us-lc .item .fz{margin-bottom: 0;font-size: 0.15rem;line-height: 0.3rem;}
	.us-lc .item .fz:before{width: 0.06rem;height: 0.06rem;}
	.us-lc .swiper-slide{width: auto;}

	.us-lc .swiper-pagination{margin-top: 0;}

	.us-honor{padding:0.5rem 0;}
	.us-honor .list{margin: -5% 0 0 -5%;padding: 0.15rem 0 0;}
	.us-honor .list .item{width: 28.3%;margin:5% 0 0 5%;}


	/* 典型案例 */
	.case-list{justify-content: space-between;margin: -3% 0 0;}
	.case-list .hot{width: 100%;margin-top: 3%;height: 3rem;margin-left: 0;}
	.case-list .hot .bot{padding:0 4%;bottom: 0.3rem;}
	.case-list .hot .title{font-size: 0.18rem;width: 100%;}
	.case-list .hot .more{display: none;}

	.case-list .item{width: 100%;margin: 3% 0 0;}
	.case-list .imgbox{height: 2.4rem;}
	.case-list .info{padding:0.23rem 0.25rem;}
	.case-list .hot+.item .info{height: auto;}
	.case-list .title{-webkit-line-clamp: 2;}
	.case-list .txt{font-size: 0.15rem;height: auto;}


	/* 解決方案详情 */
	.det-tit span{font-size: 0.22rem;}
	.det-tit span:before{width: 0.08rem;height: 0.08rem;}
	.det-tit span::after{width: 0.42rem;}

	div.solu-list .info{padding-left: 0;padding-right: 0;}

	.solu-mod{margin-bottom: 0.4rem;}

	.solu-recom .t-tit{font-size: 0.26rem;margin-bottom: 0.15rem;}
	.solu-recom .list{margin: 0;}
	.solu-recom .list .item{width: 100%;margin:0 0 4%;}
	.solu-recom .list .title{font-size: 0.18rem;}
	.solu-recom .list .txt{font-size: 0.15rem;height: auto;line-height: 1.6;}



	/* 產品中心 */
	.cp-main{padding:0.5rem 0;}
	.cp-main .wrap{display: block;}
	.cp-l{width: 100%;margin-bottom: 0.4rem;position: relative;}
	.cp-r{width: 100%;padding: 0;}


	.cp-menu{padding: 0;}
	.cp-menu .t-tit{font-size: 0.22rem;margin-bottom: 0;line-height: 0.7rem;padding:0 0.2rem;}
	.cp-menu .t-tit::after{content:'\e772';position: absolute;right: 0.25rem;top: 50%;font-family: 'iconfont';line-height: 0.3rem;margin-top: -0.15rem;font-size: 0.18rem;}
	.cp-menu .t-tit.this::after{transform: rotate(180deg);}
	.cp-menu .list{position: absolute;width: 100%;left: 0;z-index:50;background-color: #fff;display: none;max-height: 3.5rem;overflow-y: scroll;box-shadow:0 0.1rem 0.2rem #e5e5e5;border-radius:0 0 0.1rem 0.1rem;padding: 0.25rem;}


	.cp-list{margin:-0.5rem 0 0;justify-content: space-between;}
	.cp-list .item{width: 100%;margin:0.5rem 0 0;text-align: center;}
	.cp-list .imgbox{height: 2.6rem;}



	/* 產品中心详情 */
	.cp-det{padding:1px 0 0.8rem;}

	.cp-intro{margin-top: 0;padding:0.5rem 0 0;box-shadow:none;display: block;}
	.cp-intro .imgbox{max-width: 100%;width: 90%;height: auto;margin:0 auto;}
	.cp-intro .info{width: 100%;margin-top: 0.3rem;}
	.cp-intro .title{font-size: 0.22rem;line-height: 1.4;}
	.cp-intro .anniu{margin-top: 0.35rem;}

	.cp-mod{margin-top: 0.35rem;}
	.cp-mod .piclist{justify-content: space-between;margin: 0;}
	.cp-mod .piclist .item{width: 48.5%;margin:3% 0 0;}
	.cp-mod .piclist .imgbox{height: 2rem;}


	.lx-di{padding:0.5rem 0;}
	.lx-di .t-tit{font-size: 0.35rem;margin-bottom: 0.25rem;line-height: 1.3;}
	.lx-di .row{display: block;}
	.lx-di .item{width: 100%;margin-bottom: 0.13rem;}
	.lx-di .submit{margin-left: 50%;transform: translate(-50%,0);}


	/* 新闻详情 */
	.xw-det{padding:0.6rem 0 0.2rem;}
	.xw-det .edit{font-size: 0.17rem;}

	.xw-det .t-tit{font-size: 0.22rem;}
	.xw-det .t-tit:before{width: 0.05rem;height: 0.2rem;}

	.xw-det .mod, .xw-det .mod{margin-top: 0.4rem;}
	.xw-det .mod .txt, .xw-det .mod .txt{padding-left: 0;}
	.xw-det .piclist{justify-content: space-between;}
	.xw-det .piclist li{margin:0 0 0.4rem;width: 48%;}
	.xw-det .piclist .imgbox{margin:0 auto;width: 1.4rem;height: 1.4rem;padding: 0.07rem;}
	.xw-det .piclist .title{font-size: 0.18rem;}

	.pagenav{padding:0.2rem 0;}
	.pagenav .box{display: block;}
	.pagenav .lk{display: block;max-width: 100%;line-height: 0.35rem;font-size: 0.15rem;}



	.btn{line-height: 0.45rem;}
	/* index */
	.idx-ban .item{height: 4rem;}
	.idx-ban .title{font-size: 0.35rem;line-height: 1.4;}
	.idx-ban .more{margin-top: 0.5rem;}
	.idx-ban .swiper-pagination{bottom: 0.3rem;}

	.idx-tt .en{font-size: 0.18rem;}
	.idx-tt .bt{font-size: 0.28rem;}
	.idx-tt .more{font-size: 0.15rem;padding:0 0.18rem;}
	.idx-tt .more::after{width: 0.1rem;height: 0.1rem;}

	.idx-solu{padding:0.5rem 0;}

	.idx-us{padding:0.5rem 0;}
	.idx-us .detail{display: block;}
	.idx-us .info{width: 100%;}
	.idx-us .txt{font-size: 0.17rem;line-height: 1.8;}
	.idx-us .imgbox{width: 100%;border-radius:0.1rem;margin-top: 0.4rem;height: 3rem;}
	.idx-us .more{margin-top: 0.4rem;}

	.idx-us .list{flex-wrap: wrap;margin-top: 0.3rem;}
	.idx-us .list li{width: 50%;padding:0.2rem 0;}
	.idx-us .list .fz i{font-size: 0.35rem;}
	.idx-us .list .wz{font-size: 0.17rem;}

	.idx-xw{padding:0.5rem 0;}
	.idx-xw .list{justify-content: space-between;margin: 0;}
	.idx-xw .list .item{width: 100%;margin:0 0 4%;height: 2.5rem;}
	.idx-xw .list .title{font-size: 0.18rem;line-height: 0.3rem;height: 0.6rem;}
	.idx-xw .list .more{font-size: 0.15rem;}


}