@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1249px){
.wp{ width:94%;}
.header{ padding: 0px 0;}
.loarea .wp{ width: 96%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; height: 50px;}
.logo .tp{ height:32px;}
/* 小屏无 PC 导航时：电话+语言靠右 */
.loarea .wp.loarea-bar > .header-utils{ margin-left:auto; margin-right:40px;}
.header-utils{ align-items:center; white-space:nowrap;}
.header-utils .topTel{ font-size: 12px; margin:0; margin-top:4px; white-space:nowrap;}
.header-utils .lang-switch{ margin-left:10px; font-size:12px; white-space:nowrap; display:inline-flex; flex-wrap:nowrap; align-items:center;}
.header-utils .lang-switch a{ white-space:nowrap; padding:0 2px;}
.topTel::before{ font-size: 16px;}
.inav{ display: block;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}
.f_t{ display: block;}
.flogo{ text-align: center; width: 100%; margin-right: 0;}
.fnavItem{ display: none;}
.fnav{ justify-content: space-between; margin-top: 20px;}
.fcode,.fadd{ display: block; width: auto; max-width: none; min-width: 0; flex: none; padding-right: 0;}
.fadd{ flex: 1; min-width: 0; }
.fcode{ flex: none; }
.floatPart{ display: none;}

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
/* 不再隐藏 body：窄视口（如打开开发者工具）会命中本媒体查询，若 JS 未执行则整页透明不可见 */
body{ background-color:#fff;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
  .banIntro .inner {
        width: 100%;
    }
    .banIntro .tit {
        font-size: .44rem;
    }
    .banIntro .nr {
        font-size: .26rem;
        margin-top: .1rem;
    }
.banner .swiper-pagination{ bottom:0.1rem !important;}
.banner .swiper-pagination-bullet{ width:0.15rem; height:0.15rem; border-radius:50% ; margin:0 0.05rem !important; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.banner .swiper-button-prev,
.banner .swiper-button-next{ display: none; }
.h_tit{ padding:0.8rem 0 ;}
.h_tit .tit{ font-size: .46rem;}
.h_tit .tit::after{ width: .34rem; height: .05rem;margin-left: .15rem; }
.h_tit .subtit{ font-size: .24rem; }
.h_advan{padding:0.6rem 0 ;  }
.hadvanItem{ width: 50%;  margin-bottom: .4rem;}
.hadvanItem .tparea{ width: 2.2rem; height: 2.2rem; }
.hadvanItem .tparea .icon{ width: 0.9rem; height: 0.9rem;}
.hadvanItem .des{  margin: .3rem auto 0; width: 90%; }
.hadvanItem .des .tit{ font-size: .36rem; }
.hadvanItem .des .nr{  margin-top: .08rem;}

.h_pro{ padding: 0.6rem 0 1.4rem;}
.hProTit{
  position: static;
  left: auto;
  margin-bottom: 0.3rem;
  justify-content: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: .1rem;
  padding-bottom: .06rem;
}
.hProTit .list{
  font-size: .24rem;
  padding: 0.4em .8em;
  max-width: 4.2rem;
  height: calc(1.35em * 2 + .8em);
}
html[lang^="en"] .hProTit .list{
  font-size: .22rem;
  max-width: 4.6rem;
  height: calc(1.35em * 2 + .8em);
}
.hProbox .des .tit{ font-size: .4rem;}
.hProbox .des .nr{ font-size: .26rem; margin-top: .14rem;}
.hProbox .des .mandiv{ margin-top: .8rem;}
.morea{ font-size: .24rem;}
.morea .val{ font-size: .24rem;}
.morea:hover .arr{ margin-left: .08rem;}
.h_solu{ padding: 1rem 0; }
.h_solu .wp{ width:94%;}
.h_solu .tit{ font-size: .4rem ;}
.h_solu .nr{ font-size: .3rem; margin-top: .32rem;}

.h_apply{  padding-top: .4rem;}
.h_apply::after{ height: 1.5rem; }
.hApplyTit .wp{ width: 100%;}
.hApplyTit .list{ width: 25%; padding: .1rem 0;font-size: .2rem; }
.hApplyTit .list .icon{ width: .32rem; height: .32rem; margin-right: .06rem;}
.hApplyTit .list:nth-child(4n){ margin-right: 0;}
.hApplybox{ padding-bottom: 1rem; }
.hApplybox .des .tit{ font-size: .36rem;}
.hApplybox .des .nr{ font-size: .24rem; margin-top: .2rem; min-height: 0; max-height: 2.8rem; line-height: 1.7; }

.h_new{ padding: .4rem 0;}
.h_new .h_tit{ padding: .4rem 0;} 
.hNewTit{ position: static; text-align: center; margin-bottom: 0.3rem;}
.hNewTit .list{  font-size: .28rem;  padding: 0.4em 1.4em; }
.hnewList .hnewItem:nth-child(n){border-right: 0;}
.hnewItem{ width:100%; padding: 0rem; margin-bottom: .4rem;}
.hnewItem .des .time{ font-size: .36rem;}
.hnewItem .des .tit{ font-size: .24rem; margin-top: .13rem; }
.hnewItem .des .nr{ font-size: .22rem; margin-top: .14rem;}
.hnewItem .des .mandiv{ margin-top: .2rem;}
.hnewItem .tparea{ margin-top: .4rem;}
.hnewItem .mandiv{ margin-top: .2rem;}

.h_partner{ padding: .4rem 0 .7rem;}
.h_partner .h_partnerTitRow{
    padding: .35rem 0;
    gap: .2rem .24rem;
    align-items: flex-start;
}
.h_partner .h_partnerTitInner{ min-width: 0;}
.h_partner .h_partnerMore.morea{ font-size: .24rem;}
.h_partner.page_partner > .wp > .h_tit{ padding: .35rem 0;}
.h_partner .wrap{
    gap: 20px;
    justify-content: flex-start;
}
.h_partner .hPartnerCell{
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    padding: 0;
}
.h_partner .hPartnerImgWrap{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
}
.h_partner .hPartnerImgWrap .tp{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.h_partner .hPartnerTit{ font-size: .2rem; padding: .06rem .06rem;}

.h_contact{ padding: 1rem 0 1.3rem; min-height: 2.8rem; background-color: #2c3c6f; background-image: url('../images/h_contact_bg.png');}
.h_contact .intro .tit{ font-size: .34rem;}
.h_contact .intro .info{ font-size: .26rem; margin-top: .1rem;}
.h_contact .intro .mandiv{ margin-top: .6rem;}
.h_contact .intro .mandiv .sbtn{ font-size: .22rem;}

.f_t{ padding: .6rem 0 .2rem; }
.flogo .tp{ height: .52rem;}
.fnav .tit{ font-size: 0.26rem;}
.fadd .list{ display: flex; align-items: flex-start; gap: .1rem; padding: .1rem 0; font-size: .22rem; line-height: 1.6; word-break: break-word;}
.fadd .list .icon{ position: static; height: .24rem; margin: .04rem 0 0; flex: 0 0 auto;}
.fcode{ width: 1.8rem; margin-left: 0.4rem; text-align: center;}
.fcode .nr{ display: inline-block; padding: .08rem; background: #fff; border-radius: .08rem; line-height: 0;}
.fcode .nr .tp{ width: 1.2rem; display: block;}
.f_b{  padding: .2rem 0; }

}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1248px){
	.soludelA{ min-height: 0px; padding-top: 60px; padding-bottom: 60px;}
}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.i_banIntro .tit{ font-size: 36px;}
.i_banIntro .nr{ font-size: 24px; }
.n_l{ min-width: 100%;}
.n_r{ width: 100%; margin-left: 0px; margin-top: 20px; }

}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.i_ban{ height: 3.2rem; }
.i_ban .tp{ height: 3.2rem; object-fit: cover; }
.i_banIntro .tit{ font-size: .36rem;}
.i_banIntro .nr{ font-size: .24rem; }
.lm{   padding: .66rem 0;}
.lm a{  font-size: .24rem; margin: 0 0.1rem 0.2rem; padding: 0.4em 1em; }
 .lm3 {
        margin-top: -0.8rem;
        margin-bottom: .3rem;
    }
    .lm3 a {
        margin: 0 1em .2rem 0;
        padding: 1em .05rem;
        font-size: .24rem;
    }
    .lm3 a::after {
        height: 2px;
    }
.turnpage a,.turnpage .span{ display: none;}
.turnpage .point{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}

.news{ padding-bottom: .6rem;}
.news .turnpage{ margin-top: .6rem;}
.news-no-lm .wrap{ margin-top: .4rem;}
.news-has-lm .wrap{ margin-top: -0.45rem;}
.newsItem a{ padding: .45rem .22rem;  }
.newsItem .time{ margin-right: .38rem;  width: .8rem; padding: .1rem 0; display: none; }
.newsItem .time .day{font-size: .4rem; }
.newsItem .time .month{ font-size: .12rem; margin-top: .05rem;}
.newsItem .tparea{ width: 3rem; margin-right: .4rem;}
.newsItem .des{ padding: .15rem 0; }
.newsItem .des .tit{ font-size: .28rem; margin-top: .1rem;  }
.newsItem .des .nr{ font-size: .22rem; margin-top: .1rem; }


.n_main{ padding: .2rem 0 .7rem;}
.n_r{ margin-top: 0.2rem;}
.in_sh .in_tit{  padding:0px 0 0.38rem;}
.in_sh .in_tit h4{ font-size:0.38rem; margin-bottom:0.14rem;}
.in_sh .in_tit .pub_del{ margin-top: 0.08rem; font-size:0.22rem;   }
.in_sh .in_tit .pub_del span{ margin: 0 0.3rem 0 0;}
.in_sh .in_tit .pub_del span .iconfont{margin-right: 0.14rem; font-size: 0.22rem;}
.in_sh .sh_con{ padding:0.38rem 0px;  }
.in_sh .sh_con .wz{ font-size: 0.24rem}
.pnpage{padding:0.4rem 0px;}
.pnpage .item{ font-size: 0.22rem; margin-bottom: 0.2rem; width: 48%; padding: 0.2rem 0.3rem; }
.pnpage .item a{  font-size: 0.24rem; }
.i_tit3 .mc{font-size: 0.32rem; }
.i_tit3 .mc::after{  width: 100%; height: 0.08rem; bottom: 0.04rem; }
.tNew{ margin-top:0.5rem; margin-bottom: 0.6rem;}
.tNew .i_tit3{ top: -0.5rem}
.tNewul1 li{ margin-bottom: 0.04rem;}
.tNewul1 li a{  padding: 0.2rem 0; }
.tNewul1 .tparea{ width: 1rem; margin-right: 0.14rem;}
.tNewul1 .tparea .tp{  height: 0.68rem;}
.tNewul1 .des .tit{ font-size: 0.24rem; }
.tNewul1 .des .time{ margin-top: 0.08rem; font-size: 0.2rem; }

.pro{ padding-bottom: .6rem;}
.pro .wrap{  padding-bottom: .4rem;}
.proItem{ width: 48.5%; margin:  0 3% 3% 0;}
.proItem:nth-child(3n){ margin-right: 3%;}
.proItem:nth-child(2n){ margin-right: 0;}
.proItem .des{ padding: .3rem .28rem .15rem;}
.proItem .des .tit{ font-size: .28rem; padding: 0 .1rem;}
.proItem .des .nr{ font-size: .22rem; padding: 0 .1rem;margin-top: .14rem;}
.proItem .des .mandiv{ margin-top: .2rem; padding: 0 .1rem; font-size: .22rem; padding: .18rem 0;}
.proItem .des .mandiv .arr{ font-size: .24rem; }


.solu{ padding: .5rem 0;}
.soluItem .des{  margin-top: 0.4rem;}
.soluItem .des .tit{ font-size: .38rem;}
.soluItem .des .nr{ font-size: .24rem; margin-top: .3rem;}
.soluItem .des .mandiv{ margin-top: .5rem;}
.soluItem .des .mandiv .sbtn{ font-size: .24rem;}

.soludelA{ min-height:0px; padding-top: .6rem; padding-bottom: 0.4rem;}
.soludelA .intro{  margin-top: .5rem;}
.soludelA .intro .tit{ font-size: .5rem;}
.soludelA .intro .nr{ margin-top: .25rem; font-size: .24rem;}

.soludelB{ padding: .2rem 0 1.2rem; display: block;}
.soludelB .h_tit{ padding: .5rem 0;}
.soludelB .intro{ width: 100%; min-width: 100%;}
.soludelB .intro .item{ padding: .2rem 0;}
.soludelB .intro .item .tit{ font-size: .28rem;}
.soludelB .tparea{ width: 100%;margin-left: 0%;}
.soludelB .tparea .tp{height: auto; }

.soludelC{ padding: 1.5rem 0 2rem;}
.soludelC .h_tit{ padding: .4rem 0;}
.soludelC .wrap{ font-size: .18rem;}

.prodelA{ height: auto; min-height:0px; padding-top: .6rem; padding-bottom: 0.4rem; overflow: visible;}
.prodelA .intro{  margin-top: .4rem;}
.prodelA .intro .tit{ font-size: .5rem; text-shadow: 0 .02rem .08rem rgba(0,0,0,.45);}
.prodelA .intro .nr{ margin-top: .25rem; font-size: .24rem; text-shadow: 0 .01rem .06rem rgba(0,0,0,.5);}
.prodelA .intro .mandiv{
	margin-top: .4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .14rem .22rem;
}
.prodelA .intro .mandiv .sbtn{
	font-size: .22rem;
	margin-right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: .44rem;
	padding: .12em .28em;
	box-sizing: border-box;
	white-space: nowrap;
}
.prodelA .intro .mandiv .sbtn::before{ font-size: .24rem; margin-right: .08rem;}

.proFeature{ padding: .36rem 0 .8rem;}
.proFeature .hadvanItem .tparea{ width: 2.5rem; height: 2.5rem; background: none; }
.proFeature .hadvanItem .tparea .icon{ width: 2.5rem; height: 2.5rem; object-fit: contain;}
.proFeature .hadvanItem .des{ margin: .28rem auto 0; width: 90%; max-width: 2.5rem; }
.proFeature .hadvanItem .des .nr{ margin-top: .08rem; line-height: 1.6; min-height: calc(1.6em * 6);}

.prodelC{ padding: 1.5rem 0 2rem;}
.prodelC .h_tit{ padding: .4rem 0;}
.prodelC .wrap{ margin-top: 1rem;}
.prodelC .wrap .tit{ font-size: .36rem;}
.prodelC .wrap .nr{ font-size: .18rem; margin-top: .3rem;}

.proParams{ padding: .8rem 0 1.2rem;}
.proParams .h_tit{ padding: .4rem 0;}
.ppItem{ width: 45%; margin: 0 10% 6% 0; padding: .2rem 0;}
.ppItem:nth-child(2n){ margin-right: 0;}
.ppItem .val{ font-size: .24rem;}
.contact{ padding: 0.6rem 0;}
.contact .wrap{ padding: .3rem .24rem; gap: .3rem; }
.cont{ width: 100%; flex: none; min-width: 0; padding: .1rem 0rem;}
.cont .nr{margin-top: .2rem;}
.cont .list{ font-size: .24rem; padding: .22rem 0; align-items: flex-start;}
.cont .list .iconfont{ width: .5rem; height: .5rem; flex: 0 0 .5rem; font-size: .3rem; margin-right: .2rem; margin-top: .02rem; }
.cont .list .mc{ font-size: .22rem; margin-bottom: .06rem; }
.cont .list .attrval{ font-size: .26rem; line-height: 1.7; }
.cont .list .tp{ width: 1.8rem;}
.map{ flex: none; width: 100%; max-width: none; height: 4.5rem;}
.map iframe{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: none; }

.mess{ padding: .4rem 0 .8rem;}
.mess .h_tit{ padding: .5rem 0;}
.messForm .row.col3 .messItem{ width: 100%;}
.messItem{ margin-bottom: .3rem; }
.messItem .attrmc{width: 1.2rem; font-size: .24rem; line-height: .6rem; margin-right:.14rem;}
.messItem .attrval .required{ right: .2rem;  }
.messItem .text{ height:.6rem; line-height:.6rem; padding-left:.24rem;}
.messItem .textarea{height:1.5rem;padding:.24rem;  }
.formConfirm{ padding:0rem 0 0 .4rem;}
.formConfirm .sbtn{ padding:0.6em 3em; font-size:.26rem;}

.profile{ padding: 1rem 0;}
.profile .h_tit{ padding: 0 0 .4rem;}
.profile .tparea{ width: 100%; margin-left: 0%; margin-top: 0.4rem;}
.profile .intro{ min-width: 100%;}
.profile .intro .nr{ font-size: .24rem;}

.cul{ padding-top: .2rem;}
.cul .h_tit{ padding: .3rem 0;}
.culItem{ width: 100%; }
.culItem:nth-child(n){ border: none;}
.culItem .shade{  padding: .5rem .4rem; }
.culItem .shade .tit .icon{ width: .5rem; height: .5rem; margin-right: .14rem;}
.culItem .shade .tit .val{ font-size: .3rem;}
.culItem .shade .tit .arr{ width: .4rem; height: .4rem;}
.culItem .shade .nr{ font-size: .3rem; margin-top: .2rem;}
.culItem:hover .shade .nr{ max-height: 1.4rem;}

.team{ padding: .2rem 0 .6rem;}
.team .h_tit{ padding: .3rem 0;}
.teamItem{ width: 33.33%; }

.history {  padding-bottom: .8rem;}
.historySlideWrap{  margin: 0 .6rem;}
.historySlideWrap .swiper-button-prev{ left:-0.6rem;}
.historySlideWrap .swiper-button-next{ right:-0.6rem;} 
.historySlideWrap .swiper-button-prev,.historySlideWrap .swiper-button-next{ width:.4rem; height:.4rem; line-height: .4rem; top:50%; margin-top:-0.2rem; }
.historySlideWrap .swiper-button-prev .iconfont,.historySlideWrap .swiper-button-next .iconfont{ font-size: .26rem; }
.hisItem{height: 2rem; }
.hisItem .tit{ font-size: .24rem; }
.hisItem .nr{ font-size: .2rem;padding: .05rem 0rem;}
.hisItem .arr{  width: .02rem; height: 1.2rem; }
.hisItem .arr .icon{ width: .22rem; height: .22rem; left: -0.11rem; max-width: .22rem;}
.historySlide .swiper-slide .year{width: 100%; height: .54rem; line-height: .54rem; font-size: .18rem;  }
.historySlide .swiper-slide{ height: 7rem; }
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr{bottom: -1.2rem; }
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr .icon{ bottom: -0.43rem;}
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr{top: -1.2rem;  }
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr .icon{ top: -0.43rem;}


}
/*******************************************************************/

/* 中英文切换（白底顶栏：黑色字） */
.lang-switch{ position: relative; z-index: 200; margin: 0; font-size: 13px; line-height: 1.2; }
.lang-switch a{ color: #333; text-decoration: none; padding: 4px 6px; display: inline-block; cursor: pointer; }
.lang-switch a.act,.lang-switch a:hover{ color: #000; font-weight: 600; }
.lang-switch .lang-sep{ color: #999; padding: 0 2px; user-select: none; }
.topTel{ position: relative; z-index: 199; color: #333; }