@font-face{font-family:'HarmonyOS_Sans_SC_Bold';src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Light';src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Medium';src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);display:swap;}
@font-face{font-family:'HarmonyOS_Sans_SC_Regular';src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);display:swap;}
@font-face{font-family:'Barlow';src:url(../fonts/Roboto-Bold-3.ttf);display:swap;font-weight:bold;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;}
.font-l{font-family:"HarmonyOS_Sans_SC_Light";}
.font-r{font-family:"HarmonyOS_Sans_SC_Regular";}
.font-m{font-family:"HarmonyOS_Sans_SC_Medium";}
.font-b{font-family:"HarmonyOS_Sans_SC_Bold";}
.font-en{font-family:'Barlow';font-weight:600;}
html{-webkit-text-size-adjust:none;font-size:calc(100vw/19.2);scroll-behavior:initial;}
@media only screen and (max-width:1280px){

  /*1280px*/
  html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

  /*750px*/
  html{font-size:calc(150vw/7.5);}
}
body{padding:0;margin:0 auto;color:#000;background-color:#fff;font-family:'HarmonyOS_Sans_SC_Light',sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;font-size:0.16rem;line-height:1.6;}
ul,ol,li{list-style:none;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
table td{border-collapse:collapse;font-size:0.14rem;}
img{border:none;max-width:100%;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:'HarmonyOS_Sans_SC_Medium';}
a,a:link,a:visited{text-decoration:none;color:inherit;}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:0.04rem;height:0.04rem;}
.overscroll::-webkit-scrollbar-thumb{border-radius:0.04rem;-webkit-box-shadow:inset 0 0 0.05rem rgba(0,0,0,0.1);background:#ff8200;}
.overscroll::-webkit-scrollbar-track{border-radius:0.1rem;background:#dbdbdb;}
.gradient-text{background-image:linear-gradient(45deg,#0cb2ba,#1bcdaa);background-clip:text;-webkit-background-clip:text;color:transparent;}

/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
input,select{transition:background-color 66666s;}
[class*='flex']{display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap: wrap;}
[class*='-jl']{justify-content:flex-start;}
[class*='-jc']{justify-content:center;}
[class*='-jr']{justify-content:flex-end;}
[class*='-at']{align-items:flex-start;}
[class*='-ac']{align-items:center;}
[class*='-ab']{align-items:flex-end;}

[class*=img-] .pic{position: relative}
[class*=img-] figure{ position: relative; overflow: hidden; z-index: 2}
[class*=-mid] figure{ padding-bottom: 100%;}
[class*=-mid] figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
[class*=-zoom] figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
[class*=-zoom] .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

:root{
	--color-000:#000000;
	--color-222:#222222;
	--color-333:#333333;
	--color-555:#555555;
	--color-999:#999999;
	--color-fff:#ffffff;
	--color-e5:#e5e5e5;
	--color-e6:#e6e6e6;
	--color-f7:#f7f7f7;
	--color-red:#ff0000;
	--color-blue:#00519a;
	--color-skyblue:#00b0f0;
	--br10:.1rem;
	--br20:.2rem;
	--br30:.3rem;
	--hm-Light: HarmonyOS_Sans_SC_Light;
	--hm-Regular: HarmonyOS_Sans_SC_Regular;
	--hm-Medium: HarmonyOS_Sans_SC_Medium;
	--hm-Bold: HarmonyOS_Sans_SC_Bold;
	--f12:.12rem;
	--f14:.14rem;
	--f16:.16rem;
	--f18:.18rem;
	--f20:.20rem;
	--f24:.24rem;
	--f26:.26rem;
	--f32:.32rem;
	--f36:.36rem;
	--f40:.40rem;
	--f44:.44rem;
	--f50:.50rem;
}
.f14{font-size:14px;}
.f16{font-size:0.16rem;}
.f18{font-size:0.18rem;}
.f20{font-size:0.2rem;}
.f22{font-size:0.22rem;}
.f24{font-size:0.24rem;}
.f26{font-size:0.26rem;}
.f28{font-size:0.28rem;}
.f30{font-size:0.3rem;}
.f32{font-size:0.32rem;}
.f34{font-size:0.34rem;}
.f36{font-size:0.36rem;}
.f38{font-size:0.38rem;}
.f40{font-size:0.4rem;}
.f42{font-size:0.42rem;}
.f46{font-size:0.46rem;}
.f48{font-size:0.48rem;}
.f50{font-size:0.5rem;}
.f52{font-size:0.52rem;}
.f60{font-size:0.6rem;}
.pt90{padding-top:0.9rem;}
.pb70{padding-bottom:0.7rem;}
@media(max-width:750px){
    .pb70{padding-bottom:0.35rem;}
}
.max1280{max-width:12.8rem;margin:auto;}
.iconfont{font-size:inherit!important;}
.hovimg{overflow:hidden;}
.hovimg img{display:block;width:100%;transition:.8s;transform:scale(1);}
.hovimg .pic{display:block;width:100%;transition:.8s;transform:scale(1);background-position:center;background-repeat:no-repeat;background-size:cover;}
.item:hover .hovimg img,.hovimg:hover img,.item:hover .hovimg .pic,.hovimg:hover .pic{transform:scale(1.05);}
.pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center;visibility:hidden;}
.pop .popmsk{position:absolute;left:0;top:0;width:100%;z-index:10;height:100%;background:#000;opacity:0.5;}
.pop .popbox{position:relative;z-index:20;background:#fff;padding:0.5rem;border-radius:0.3rem;width:915px;max-width:90%;flex:0 0 auto;top:50px;opacity:0;}
.pop .popbox .tit{text-align:center;line-height:1.1;margin-bottom:0.4rem;}
.baseForm .line{margin-bottom:0.15rem;}
.baseForm .line .li{flex:0 0 auto;width:49%;}
.baseForm .input{width:100%;height:0.5rem;padding:0 1.2em;font-size:inherit;font-family:inherit;background:#f6f8fa;border-radius:6px;border:none;outline:none;min-height:40px;color:#666;}
.baseForm .textarea{width:100%;border:none;outline:none;font-size:inherit;font-family:inherit;padding:0.5em 1.2em;background:#f6f8fa;border-radius:6px;line-height:1.5;resize:none;height:1.2rem;min-height:7em;}
.baseBtns{margin-top:0.3rem;}
.baseBtns .btn{flex:0 0 auto;margin:0 0.1rem;line-height:0.6rem;padding:0 1.5em;text-align:center;min-width:1.5rem;background:#f6f8fa;color:#999;cursor:pointer;border-radius:0.6rem;position:relative;z-index:2;overflow:hidden;}
.baseBtns .btn.ok{background:#b6004f;color:#fff;}
.baseBtns .btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:-1;opacity:0;transition:.3s;}
.baseBtns .btn:hover:before{opacity:0.1;}
.pop.act{visibility:visible;}
.pop.act .popbox{top:0;opacity:1;transition:.3s;}
.inner{width:93.75%;max-width:16rem;margin:0 auto;}
header{position:fixed;z-index:1050;width:100%;left:0;top:0;transition:.3s;}
/*header.toper{transform:translate(0,-100%);}*/
.header .in{border-bottom:1px solid rgba(255,255,255,0.1);}
@media(max-width:1024px){
    .header .in {
        padding:0.2rem 0;
    }
}
.logo .i1{display:none;}
.logo{flex:0 0 auto;width:1.7rem;}
.logo a{display:block;}
.logo img{width:100%;height:auto;}
@media(max-width:1024px){
    .logo {width: 1.3rem;}
}
/*nav*/
.nav{padding:0 2%;transition:.3s;margin-bottom:-0.01rem;flex:1 1 auto;width:calc(100% - 5.2rem);}
.nav li{position:relative;flex:0 0 auto;padding:0 0.25rem;}
.nav li>a{display:block;line-height:0.9rem;position:relative;}
.nav li>a:after{content:"";position:absolute;left:50%;bottom:0;width:0%;transform:translate(-50%);transition:.3s;height:0.02rem;background:#00b0f0;}
.nav li.on>a:after,.nav li:hover>a:after{width:100%;}
.nav li .sub{position:absolute;left:50%;top:100%;min-width:100%;transform:translate(-50%);white-space:nowrap;text-align:center;line-height:2;background:#fff;border-radius:0 0 0.08rem 0.08rem;padding:0;color:#000;overflow:hidden;max-height:0;font-size:0.9em;box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1);}
.nav li .sub a{display:block;padding:0 0.2rem;}
.nav li .sub a:hover{color:#00b0f0;transition:.3s;}
.nav li em {display: none;}
@media(min-width:1024px) and (max-width:1200px){
    .nav li{padding:0 0.15rem}
}
@media(min-width:1024px){
.nav li:hover .sub{max-height:max-content;padding:0.1rem 0;transition:.3s;}

.nav li.nav3{position:initial;}
.nav li .sub-full{left:0;width:100vw; transform:translate(0);text-align:left;border-radius:0;}
.nav li .sub-full a{padding:0;}
.nav li .sub-full:before{position:absolute;content:'';width:100%;top:0;left:0;height:20%;background:linear-gradient(to bottom ,rgba(0,0,0,0.05),transparent);}
.nav li .sub-full .auto{display:flex;justify-content:space-between;padding:0.67rem 0 0.8rem 0;}
.nav li .sub-full .tit{border-bottom: solid 1px #efefef;font-size: var(--f20);font-family: 'HarmonyOS_Sans_SC_Medium';padding-bottom:1em;margin-bottom:0.5em;line-height:1;}
.nav li .sub-full .tit a{color: #222222;}
.nav li .sub-full .sub-item{min-width:1.68rem;max-width:2rem;}
.nav li .sub-full dl dd{line-height:2;padding:0.05rem 0;}
}
@media(max-width:1280px){
    .nav li {padding:0 0.2rem;}
}
@media(max-width:1024px){
    .nav {
        position: fixed;
        right: 0;
        top:0.82537rem;
        height:calc(100vh - 0.82537rem);
        background-color: #fff;
        width: 3.5rem;
        max-width: 80%;
        padding:0.5rem 0;
        margin:0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 0.09rem 0.36rem rgba(0,0,0,0.1);
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    .nav li .sub-full dl{display:none;}
    .nav > ul {
        display: block;
    }
    .nav li  {padding:0.5em 1.5em;}
    .nav li a {line-height: 2em; color:#222;}
    .nav li a:after {display: none;}
    .nav li .sub {position: static; display: none; transform: none; min-width: 0; max-height: none; box-shadow: none; background: none; border-radius: 0; text-align: left; white-space: normal;}
    .nav li dl {padding-top: 0.25em;}
    .nav li dd {padding:0.25em 0;}
    .nav li em {display: block; position: absolute; right: 0; top:0; height: 3em; width: 3em; cursor: pointer; z-index: 5;}
    .nav li em:after {width: 0.5em; height: 0.5em; border-right: 0.01rem solid #666; border-bottom: 0.01rem solid #666; display: block; content: ''; position: absolute; left:50%; top:50%; transform: translate(-50%,-60%) rotate(45deg);}

    .showMenu .nav {opacity: 1; visibility: visible; transform: translateX(0);}
    .toper {
        opacity: 0;
        visibility: hidden;}
}

/*search*/
.search{position:relative; z-index:5}
.search .icon{width:0.3rem;text-align:center;line-height:0.3rem;cursor:pointer;}
.search .icon .iconfont{vertical-align:middle;}
.search .searchbox{position:absolute;right:0;top:50%;margin-top:-0.25rem;padding:0.05rem 0;background:#fff;width:0;overflow:hidden;}
.search .searchbox input{width:100%;border:none;outline:none;background:#f5f5f5;height:0.4rem;padding:0 0.5rem 0 0.2rem;}
.search .searchbox .btn{position:absolute;right:0.1rem;top:0.05rem;line-height:0.4rem;cursor:pointer;width:0.4rem;text-align:center;z-index:2;color:#333;}
.showSearch .search .searchbox{width:4.2rem;padding:0.05rem 0.1rem;transition:.3s;}
.showSearch .nav{top:-1rem;}

body:not(.body-gray) .topH{display: none}
.header{color:#fff;}
.header .logo .i1{display:block;}
.header .logo .i2{display:none;}
.header .logo{position:relative;z-index:1; width:3.7rem; display:flex; justify-content:space-between; align-items:center;}
.header .logo a {display:block; width:1.7rem;}
.header .logo .code{ font-family:'HarmonyOS_Sans_SC_Medium';width:max-content;line-height:1.8em; font-size:0.22rem; width:calc(100% - 1.8rem); margin-top:0.15rem;}
.header.white,
.header:hover,
.wh .header,
.body-gray .header{background:#fff;box-shadow:0 0 0 1px var(--color-e5);color:#000!important;}
.header.white .logo .i1,.header:hover .logo .i1,.body-gray .header .logo .i1{display:none;}
.header.white .logo .i2,.header:hover .logo .i2,.body-gray .header .logo .i2{display:inline;}
.header:hover .openMenu i,
.header:hover .openMenu i:before,
.header:hover .openMenu i:after,
.header.white .openMenu i,
.header.white .openMenu i:before,
.header.white .openMenu i:after {background-color: #222;}
.header.showMenu:hover .openMenu i,
.header.white.showMenu .openMenu i {background-color: transparent;}
.slide_banner{position:relative;}
.slide_banner img{display:block;width:100%;height:100vh;object-fit:cover;}
.bannerVideo{position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;}
.bannerVideo video{width:100%;height:100%;object-fit:cover;}
.banText{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;text-align:center;color:#fff;padding-bottom:15%;}
.banText .t1{position:relative;top:0.5rem;font-size:2.5em;opacity:0;}
.banText .t2{position:relative;top:0.5rem;opacity:0;margin-top:0.1rem;}
@media(max-width:1024px){
    .header .logo {width:3rem;}
    .header .logo a {width:1.3rem;}
    .header .logo .code {font-size:0.175rem;width: calc(100% - 1.4rem); margin-top:0.1rem;}
}
@media(max-width:750px){
    .banText .t1 {font-size: 1.75em;}
    .banText .t2 {font-size: 0.875em;}
}
.swiper-slide-active .banText .t1{top:0;opacity:1;transition:.3s 1s;}
.swiper-slide-active .banText .t2{top:0;opacity:1;transition:.3s 1.1s;}
.lang{position:relative;cursor:pointer;}
.lang .cur{line-height:90px;padding:0 0.25rem;}
.lang .cur .iconfont{flex:0 0 auto;margin-left:5px;}
.lang .drop{position:absolute;left:50%;top:110%;min-width:100%;transform:translate(-50%);white-space:nowrap;text-align:center;line-height:2;background:#fff;border-radius:0 0 8px 8px;padding:0;color:#000;overflow:hidden;visibility:hidden;opacity:0;}
.lang .drop a{display:block;padding:0 20px;}
.lang .drop a:hover{color:#00b0f0;transition:.3s;}
.lang:hover .drop dl{padding:10px 0;}
.lang:hover .drop{visibility:visible;opacity:1;top:100%;transition:.3s;}
.top-lang{position:relative;margin-right:.5rem;font-size:0.14rem;}
.top-lang span{display:block;padding-left:0.28rem;padding-right:.2rem;color:var(--white);cursor:pointer;position:relative;background:url(../images/top-lang.png)no-repeat center left;background-size:.2rem auto;}
.header.white .top-lang span,.header:hover .top-lang span{background:url(../images/top-lang2.png)no-repeat center left;background-size:.2rem auto;color:#333}
.top-lang span::after{content:'';position:absolute;width:.14rem;height:.14rem;right:0;top:50%;transform:translateY(-50%);background:url(../images/top-lang-jt2.png)no-repeat center;background-size:.12rem auto;filter:grayscale(100) brightness(100);}
.header.white .top-lang span::after,.header:hover .top-lang span::after{filter:grayscale(0) brightness(0);}
.top-lang .hover{position:absolute;top:100%;left:50%;width:max-content;background-color:#fff;padding:1em 1.5em;visibility:hidden;opacity:0;transform:translate(-50%,0.3rem);transition:0.3s;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);}
.top-lang .hover a:not(:hover){color:#333}
.top-lang .hover li + li{margin-top:0.5em}
.top-lang.active .hover{visibility:visible;opacity:1;transform:translate(-50%,0)}
@media(max-width:1024px){
    .top-lang {margin-right: 0.2rem;}
}

.bantxt{position:absolute;left:0;top:0;width:100%;height:100%;z-index:50;text-align:center;justify-content:center;align-items:center;color:#fff;line-height:1.5;background:rgba(0,0,0,0.3);}
.swiperCtr{position:absolute;bottom:0.5rem;z-index:5;color:#fff;left:0;width:100%;justify-content:center;}
.swiperCtr .btn{flex:0 0 auto;text-align:center;width:0.4rem;line-height:0.4rem;cursor:pointer;}
.swiperCtr .pgs{color:rgba(255,255,255,0.5);line-height:1;align-items:flex-end;}
.swiperCtr .pgs span{padding:0 5px;}
.swiperCtr .pgs .cur{color:#fff;font-size:2.3em;}
.swiperCtr .cl{flex:0 0 auto;justify-content:flex-end;}
.swiperCtr .dots{width: auto}
.swiperCtr .dots span{width:10px;height:10px;background:transparent;border:2px solid #fff;margin:0 0.06rem!important;border-radius:10px;transition:.3s;opacity:1;}
.swiperCtr .dots span.swiper-pagination-bullet-active{background:#fff;width:30px;}
.x-index-xg{height:200vh;position:relative}
.x-index-xg .x-con{position:sticky;position:-webkit-sticky;top:0;height:100vh;width:100%;z-index:14}
.x-index-xg .x-con .x-dxx{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12;pointer-events:none}
.x-index-xg .x-con .x-img1{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;overflow:hidden;pointer-events:none}
.x-index-xg .x-con .x-img1 p{position:absolute;left:0;bottom:2.8rem;width:100%;text-align:center;color:#333;opacity:0;transition:all .4s ease;transform:scale(1.08);z-index:15;}
.x-index-xg .x-con .x-img1 .icons{display:flex;justify-content:center;position:absolute;left:0;bottom:1.45rem;width:100%;opacity:0;transition:.4s ease-in-out;z-index:5;}
.x-index-xg .x-con .x-img1 .icons.on{opacity:0!important;transition-delay:0s!important}
.x-index-xg .x-con .x-img1 .icons .x-pp{width:0.4rem;height:0.4rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.x-index-xg .x-con .x-img1 .icons .x-pp span{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
.x-index-xg .x-con .x-img1 img.x-d2{opacity:0;object-fit:contain;transform:translate(-50%,-50.15%) scale(1.06);transition:all .2s ease;top:40%;width:7.67rem; max-width: 70%;}
.x-index-xg .x-con .x-img1 img.x-d3{opacity:0;object-fit:contain;transform:translate(-50%,10%) scale(1.06);transition:all .2s ease;top:auto;bottom:0;}
.x-index-xg .x-con .x-img1 .scale{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.x-index-xg .x-con .x-img1.on{background:#fff;}
.x-index-xg .x-con .x-img1.on p{opacity:1;transform:scale(1);transition-delay:.8s;}
.x-index-xg .x-con .x-img1.on .icons{opacity:1;transition-delay:.88s}
.x-index-xg .x-con .x-img1.on img.x-d1{opacity:0;}
.x-index-xg .x-con .x-img1.on img.x-d2{transform:translate(-50%,-50%) scale(1.04);z-index:5;}
.x-index-xg .x-con .x-img1.on img.x-d3{opacity:1;transform:translate(-50%,0) scale(1.04);object-fit:cover;z-index:2;}
.x-index-xg .x-con .x-img1 img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.x-index-xg .x-con .x-img1 img.x-d1{-webkit-backface-visibility:hidden;-webkit-perspective:1000;width:100%;height:100%;z-index:1;}
.x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,430%) scale(30)}
@media (max-width:1440px){
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,700%) scale(40)}
}
@media (max-width:1100px){
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,700%) scale(52)}
}
@media (max-width:900px){
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,430%) scale(62)}
}
@media (max-width:760px){
    .x-index-xg .x-con {overflow: hidden;}
    .x-index-xg .x-con .x-dxx {width: 110%; margin:0 -5%;}
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,430%) scale(72)}
}
@media (max-width:660px){
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,430%) scale(82)}
}
@media (max-width:430px){
  .x-index-xg .x-con .x-img1 img.x-d1{transform:translate(20%,430%) scale(108)}
}

.title .t2{color:#00519a;}
.title.center{text-align:center;}
@media(max-width:750px){
    .index2 .t1 {font-size: 0.38rem;}
}
.cards{align-items:stretch;}
.cards .card{position:relative;cursor:pointer;flex:1 1 auto;}
.cards .card .img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;transition:.3s;}
.cards .card:before{content:"";display:block;width:100%;padding-bottom:193.75%;}
.cards .card .img img{display:block;width:100%;height:100%;object-fit:cover;}
.cards .card .txt{position:absolute;left:50%;top:0;z-index:10;color:#fff;padding:0.8rem 0.5rem;transform:translate(-50%);transition:.3s;width:100%;}
.cards .card .txt .it{line-height:1.2;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-bottom:0.1rem;}
.cards .card .txt .it:after{width:1em;left:0;bottom:0;height:2px;background:#00b0f0;content:"";position:absolute;}
.cards .card .txt .ico{height:0.4rem;line-height:0.4rem;font-size:0;margin-bottom:0.4rem;}
.cards .card .txt .ico img{max-height:100%;}
.inner60{width:93.75%; max-width:18rem; margin:0 auto;}
@media(min-width:1024px){
  .cards .card:hover .img{width:143.75%;height:112.9%;z-index:5;transition:.3s;}
  .cards .card:hover .img:after{content:"";position:absolute;left:0.2rem;right:0.2rem;top:0.2rem;background:#00519a;z-index:-1;box-shadow:0 0.1rem 0.2rem #00519a;bottom:0;border-radius:0.2rem;opacity:0.6;}
  .cards .card:hover .img img{border-radius:0.08rem;}
  .cards .card:first-child .img{transform-origin:left center;left:0;transform:translate(0,-50%);}
  .cards .card:last-child .img{transform-origin:right center;left:auto;right:0;transform:translate(0,-50%);}
  .cards .card:first-child .txt{left:0;transform:translate(0);}
  .cards .card:last-child .txt{left:auto;right:0;transform:translate(0);}
  .cards .card:hover .txt{width:143.75%;}
  .cards .card:hover{z-index:20;}
}
@media(max-width:750px){
    .cards {flex-direction: column;}
    .cards .card {width: 100%;}
    .cards .card:before {padding-bottom: 75%;}
}
.index3 {overflow: hidden;background:#eaf2f8;}
.index3 .inner{padding-top:8.3%;padding-bottom:6%;}
@media(max-width:750px){
    .index3 .inner {
        padding:0.6rem 0;
    }
}
.sectionHd .t2{color:#00519a;margin-bottom:0.2rem;}
.sectionHd .hdbox{align-items:stretch;}
.sectionHd .hdbox .hl{flex:0 0 auto;width:7.1rem;}
.sectionHd .t1{line-height:1.2;}
.sectionHd .hdbox .cd{margin-top:0.4rem;color:#00519a;text-decoration:underline;}
.sectionHd .hdbox .hr{flex:0 0 auto;max-width:50%;}
.sectionHd .hdbox .hr .hr-b{display:flex;justify-content:flex-end;padding-top:.5rem; flex-wrap: wrap; align-items: center;}
.sectionHd .hdbox .hr .hr-b .hr-video{position:relative;width:35.234%;border-radius:.1rem;overflow:hidden;display:none;}
.sectionHd .hdbox .hr .hr-b .hr-video .play{position:absolute;width:.44rem;height:.44rem;background:url(../images/play.svg)no-repeat center;background-size:.44rem auto;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.sectionHd .hdbox .hr .hr-b .hr-video figure{padding-bottom:62.25%;}
.sectionHd .hdbox .hr .hr-b .hr-video .files{position:absolute;background-color:#000;z-index:10;top:0;width:100%;height:100%;display:none;}
.sectionHd .hdbox .hr .hr-b .hr-video .files video{width:100%;height:100%;}
.sectionHd .hdbox .p{line-height:2;color:#555;text-indent: 2em;}
@media(max-width:1024px){
    .sectionHd .hdbox {flex-wrap: wrap;}
    .sectionHd .hdbox .hl {width: 100%; margin-bottom:0.3rem;}
    .sectionHd .hdbox .hr {width: 100%; max-width: none;}
}
@media(max-width:750px){
    .sectionHd .t1 {font-size:0.32rem;}
    .sectionHd .hdbox .cd {margin-top: 0.25rem;}
    .sectionHd .hdbox .hr .hr-b {flex-direction: column;}
    .sectionHd .hdbox .hr .hr-b .hr-video {width:100%; margin-bottom:0.3rem;}
    
}
.more .btn{width:1.94rem;height:0.83rem;background:url(../images/more.png) no-repeat center;background-size:contain;color:#00519a;justify-content:center;padding-right:0.5rem;padding-bottom:0.1rem;}
.more .btn .iconfont{flex:0 0 auto;margin-left:0.1rem;}
.data{position:relative;border-radius:0.2rem; overflow: hidden}
.data .play{position:absolute;width:1rem;height:1rem;background:url(../images/play.svg)no-repeat center;background-size:1rem auto;top:30%;left:50%;transform:translateX(-50%);cursor:pointer}
.data .company{z-index: 10; display: flex;padding-top: 4%; padding-right: 2%; align-items: center; justify-content: flex-end; position: relative; z-index:20}
.data .company img{width:36%; border-radius: 10% 0 0 10%}
.data .yuan,
.data .yuan:before,
.data .yuan:after{position: absolute;border-radius:100%; z-index: 5; }
.data .yuan{width: 60%; height: 156%;top: 50%; right:-18%; transform: translateY(-50%);background: rgba(1,81,154,1) }
.data .yuan:before,
.data .yuan:after{content: ''; width: 100%;height: 100%;-webkit-animation: scale 2s linear infinite;}
.data .yuan:before{background: rgba(1,81,154,0.7); right: 5%;-webkit-animation-delay: .5s;}
.data .yuan:after{background: rgba(1,81,154,0.5); right:10%;}

.data .img img{width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
.data .items{position: relative; color:#fff;width:80%;padding:.2rem 0 0.6rem 0;  margin: auto; flex-wrap: wrap; z-index: 20}
.data .items .i{/*flex:0 0 auto;padding-right:1rem;*/}
.data .items .i .ico{margin-bottom:0.1rem; width:0.3rem; height:0.3rem;}
.data .items .i .ico img {display: block; width: 100%; height: 100%; object-fit: contain;}
.data .items .i .ip{margin-top:0.1rem;opacity:0.9;font-weight: 600;}
.data .items .i .it{align-items:stretch;line-height:1; justify-content: center;}
.data .items .i .num{font-size:0.72rem;}
.data .items .i .tr{flex:0 0 auto;margin-left:0.1rem;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0.1rem 0;}
@-webkit-keyframes scale {
  0% {-webkit-transform: scale(1); opacity: 0;}
  50% {-webkit-transform: scale(1.05); opacity: 0.35;}
  100% {-webkit-transform: scale(1.1);opacity: 0;}
}

@media(max-width:1024px){
    .data .group{position: relative; overflow: hidden;border-radius:0.2rem; }
	.data .company{padding: 8% 4%;}
	.data .items {width: 100%; position: static;color: #00519a; padding:0; margin-top: 0.35rem;}
    .data .items .i {padding-right: 0; text-align: center;}
    .data .items .i .ico {background-color: #00519a; padding:0.1rem; width: 0.4rem; height: 0.4rem; border-radius: 0.1rem; margin-left: auto; margin-right: auto;}
}
@media(max-width:750px){
    .data .items {justify-content: center;}
    .data .items .i {width: 25%; padding:0.2rem 0;}
    .data .items .i:nth-child(n+4){width: 25%;}
    .data .items .i .num {font-size: 0.3rem;}
    .data .items .i .ip{min-height:3.2em;font-size:0.13rem}
}


.data_video{position:fixed;z-index:999;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5);}
.data_video .close{cursor:pointer;position:absolute;right:5%;top:15%;width:40px;height:40px;}
.data_video .close::before,.data_video .close::after{position:absolute;content:'';transform:rotate(-45deg);width:100%;height:3px;background:#fff;}
.data_video .close::after{transform:rotate(45deg);}
.data_video .ytable{height:100%;display:flex;justify-content:center;align-items:center}
.data_video .files{margin:0 auto;width:96%;max-width:14rem;max-height:80%;}
.data_video .files video{background:#000;}
.index4{padding-bottom:1rem;overflow: hidden;}
.index4 .inner{padding-top:8.3%;padding-bottom:0.7rem;}
.index4 .box{align-items:stretch;overflow:hidden;counter-reset:od;flex-wrap: nowrap}
.index4 .box .item{flex:1 1 50%;position:relative;cursor:pointer;height:7.45rem;transition:.3s;}
.index4 .box .item .img{height:100%;background-repeat:no-repeat;background-size:cover;width:115%;position:absolute;top:0;}
.index4 .box .item:nth-child(1) .img{background-position:right center;left:0;}
.index4 .box .item:nth-child(2) .img{background-position:left center;right:0;}
.index4 .box .item:hover{flex:1 1 70%;}

.index4 .item .text{position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;color:#fff;padding:0.5rem 16%;}
.index4 .item:nth-child(2) .text{padding-left:25%;}
.index4 .item .con{flex:0 0 auto;width:100%;}
.index4 .item .t1{position:relative;z-index:10;line-height:1;margin-bottom:0.4rem;}
.index4 .item .t1:after{counter-increment:od;content:"0"counter(od);position:absolute;color:#00b0f0;left:0;bottom:0;font-size:2.17em;line-height:1;z-index:-1;font-family:'Barlow';opacity:0.2;}
.index4 .item .ip{white-space:nowrap;overflow:hidden;max-width:20em;text-overflow:ellipsis;position:relative;top:0;margin-top:0.2rem;transition:.3s;opacity:1;}
.index4 .item .content{max-height:0;overflow:hidden;transition:.3s;position:relative;top:0.5rem;opacity:0;}
.index4 .item .more2{margin-top:0.4rem;opacity:0;top:0.5rem;transition:.3s;position:relative;}
.index4 .item:hover .more2{top:0;opacity:1;transition-delay:.4s;}
.index4 .item:hover .ip{top:0.5rem;opacity:0;height:0;margin-top:0;}
.index4 .item:hover .content{max-height:3rem;opacity:1;top:0;transition-delay:.3s;}
.index4 .item li{justify-content:flex-start;margin:20px 0;}
.index4 .item li .ico{flex:0 0 auto;width:30px;margin-right:0.1rem;}
.index4 .item li .lp{flex:1 1 auto;max-width:20em;}
.index4 .item li .li{position:relative;padding-left:1em;max-width:28em;}
.index4 .item li .li:before{content:"";position:absolute;left:0;top:0.8em;margin-top:-2px;width:4px;height:4px;background:#fff;border-radius:50%;}
.more2 .btn{background:url(../images/more2.png) no-repeat center;width:1.45rem;height:0.63rem;justify-content:center;background-size:contain;}
.more2 .btn .iconfont{flex:0 0 auto;margin-left:0.1rem;}

@media(max-width:1024px){
    .index4 .box .item {height: 5rem;}
    .index4 .item .con{position:relative;}
    .index4 .item .more2{right:0;position: absolute;  right: 0;  top: 0;  margin-top: 0;}

}
@media(max-width:750px){
    .index4 {padding-bottom: 0.6rem;}
    .index4 .inner {padding-bottom: 0.35rem;}
    .index4 .box {flex-direction: column;}
    .index4 .box .item {width: 100%; padding-bottom:0; margin-top: 0.1rem;}
    .index4 .box .item .img {width: 100%; height: 100%; background-position: center center!important; background-size: 200%;}
	.index4 .item .text{position: relative; padding:7% 5%!important}
	.index4 .item .content{max-height: initial; opacity: 1; top: initial;}
    .index4 .item .t1 {font-size: 0.36rem; margin-bottom: 0.2rem;}
	.index4 .item .more2{position: initial; opacity: 1}
}

.index5{padding:1.2rem 0 1rem;width:100%;overflow:hidden;background:url(../images/boxbg.png) no-repeat bottom right;background-size:cover;background:#eaf2f8;position:relative;z-index:10;flex-wrap: nowrap}
.index5 .lz{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:80%;overflow:hidden;opacity:0.1;}
.index5 .lz canvas{width:100%;height:100%;}
.index5 .hd{flex:0 0 auto;width:39.0625%;padding-left:8.33%;padding-right:8.33%;}
.index5 .hd .t1{color:#00519a;margin-bottom:0.2rem;}
.index5 .hd .t2{line-height:1.2;margin-bottom:0.6rem;max-width:7.5em;}
.index5 .hd .tbs{margin-bottom:0.7rem;max-width:2rem;}
.index5 .tbs .i{padding:0.1rem 0;cursor:pointer;}
.index5 .tbs .i .ico{flex:0 0 auto;color:#00519a;opacity:0;}
.index5 .tbs .i .il{flex:0 0 auto;position:relative;z-index:2;line-height:1;}
.index5 .tbs .i .il:after{content:"";position:absolute;left:0;bottom:0;width:100%;z-index:-1;height:0.05rem;background:#8cb2d2;opacity:0;}
.index5 .tbs .i.cur .il:after,.index5 .tbs .i.cur .ico{opacity:1;}
.index5 .bd{flex:1 1 auto;overflow:hidden;}
.index5 .item{background:#fff;overflow:hidden;border-radius:0.15rem;}
.index5 .item .img{overflow:hidden;position:relative;padding-bottom:55.75%;}
.index5 .item .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.index5 .item .txt{padding:0.4rem 0.2rem;}
.index5 .item .txt .date{color:#999;margin-bottom:0.1rem;background:url(/upload/image/2026-03/1774319412687.png) no-repeat left center;line-height:36px;padding-left:15px;background-size:contain;}
.index5 .item .txt .it{line-height:1.5;height:3em;overflow:hidden;}
.index5 .item .txt .tag{color:#00519a;margin-top:0.3rem;}
.index5 .first:not(.swiper-slide-active) .sslider{opacity: 0}
.index5 .first:last-child .item .img {display:none;}
.index5 .first:last-child .item {background:#fff url(//jkyqgf202505149453.test.shwhir.com/upload/image/2026-03/1772588872340.jpg) no-repeat center center; background-size:cover;}
.index5 .swiper-wrapper {align-items:center;}
@media only screen and (max-width:1024px) {
    .index5 {flex-wrap: wrap;}
    .index5 .hd {width: 100%; padding:0 3.125%; position: relative; margin-bottom: 0.35rem;}
    .index5 .hd .t2 {max-width: none; margin-bottom: 0.35rem;}
    .index5 .hd .tbs {max-width: none; margin-bottom: 0; display: flex; flex-wrap: wrap;}
    .index5 .tbs .i {margin-right: 0.2rem;}
    .index5 .more {position: absolute; right: 3.125%; bottom:0;}
    .index5 .bd {padding-left: 3.125%;}
}
@media only screen and (max-width:750px) {
    .index5 {padding:0.6rem 0;}
    .index5 .hd .t2 {font-size: 0.4rem; margin-right: 4em;}
}
.swiperCtr2{margin-top:0.6rem;padding-right:15%;}
.swiperCtr2 .btns{flex:0 0 auto;margin-right:0.2rem;font-size:0.24rem;}
.swiperCtr2 .btns .btn{flex:0 0 auto;width:0.4rem;cursor:pointer;color:#999;transition:.3s;}
.swiperCtr2 .btns .btn.next{text-align:right;}
.swiperCtr2 .btns .btn:hover{color:#00519a;}
.swiperCtr2 .bar{flex:1 1 auto;position:relative;height:2px;background:#c5cbd5;border-radius:2px;}
.swiperCtr2 .bar .cur{height: 1px}
.swiperCtr2 .bar .cur span{bottom: 0;margin: auto; height:4px;border-radius:4px;background:#00519a;transition:.3s;}
.index6{padding:1rem 0;background-position:center;background-repeat:no-repeat;background-size:cover;overflow: hidden;}
.index6 .tit{color:#fff;text-align:center;margin-bottom:0.5rem;}
.index6 .items {padding:0 0.8rem;}
.index6 .list {align-items:stretch;flex-wrap:wrap;justify-content:flex-start; width:calc(100% + 0.3rem);}
.index6 .item {flex:0 0 auto;width:33.333%;padding-right:0.3rem;padding-bottom:0.3rem;}
.index6 .item .i{background:#e6eef5;padding:0.35rem 0.4rem;border-radius:0.12rem;transition:.3s;cursor:pointer;position:relative;height: 100%; top:0;}
.index6 .item .i:hover{box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.3);top:-0.1rem;}
.index6 .item .i:nth-child(3n){margin-right:0;}
.index6 .item .i .ico{flex:0 0 auto;width:0.6rem;}
.index6 .item .i .ip{flex:1 1 auto;overflow:hidden;padding-left:1em;}
@media only screen and (max-width:1024px) {
    .index6 .items {padding:0;}
}
@media only screen and (max-width:750px) {
    .index6 {padding:0.6rem 0;}
    .index6 .tit {margin-bottom: 0.35rem; font-size: 0.38rem;}
    .index6 .item {width: 100%;}
}
.index7{padding:1.2rem 0;background-position:bottom right;background-size:cover;overflow: hidden;}
.index7 .tit{text-align:center;margin-bottom:0.5rem;color:#00519a;}
.index7 .btn{background:#00b0f0;border-radius:0.12rem;color:#fff;cursor:pointer;padding:0 3em 0 2em;height:3.4em;transition:.3s;font-weight:bold;}
.index7 .btn .iconfont{flex:0 0 auto;margin-right:1.5em;}
.index7 .btn:hover{background:#0394c9;}
@media only screen and (max-width:750px) {
    .index7 .tit {margin-bottom: 0.35rem; font-size: 0.38rem;}
}

.footer{background:no-repeat top center;background-size:cover;padding-top:1.2rem;overflow: hidden;}
@media(max-width:750px){
    .footer {padding-top: 0.6rem;}
}
.ftop .footr{flex:0 0 auto;width:3.54rem;text-align:right;color:#fff;}
.ftop .footr .tit{margin-bottom:0.7rem;opacity:0.9;padding-top:0.2rem;}
.ftop .footr .code{text-align:center;padding-bottom: .4rem}
.ftop .footr .code .box{width:31.32%}
.ftop .footr .code .p{margin-top:0.1rem;font-size:0.14rem;opacity:0.4;}
.ftop .footr .ul{padding-bottom:0.4rem;}
.ftop .footr .lb{font-size:0.14rem;opacity:0.4;}
.ftop .footr li{padding:0.15rem 0;}
@media(max-width:1024px){
    .ftop {flex-wrap: wrap;}
    .ftop .footl {width: 100%;}
    .ftop .footr {width: 100%; flex-grow: 1; display: flex;flex-wrap: wrap; align-items: flex-end; justify-content: center;}
	.ftop .footr .info{text-align: left; flex: 1}
	.ftop .footr .tit{margin-bottom: .2rem}
    .ftop .footr .code {padding:0 0.1rem;}
    .ftop .footr .ul { padding:0 0.1rem;}
    .ftop .footr li {padding:0; margin-bottom: 0.1rem;}
}
@media(max-width:750px){
    .ftop .footr .tit {padding-top: 0; margin-bottom: 0.4rem; text-align: center}
    .ftop .footr .code {margin-bottom: 0.3rem;}
    .ftop .footr .ul {text-align: center; width: 100%;}
}
.socails{justify-content:flex-end;}
.socails .i{flex:0 0 auto;margin-left:0.2rem;cursor:pointer;position:relative;}
.socails .i .ico{width:0.4rem;height:0.4rem;background:#1d3a55;border-radius:50%;color:#8d9ba8;font-size:0.16rem;transition:.3s;}
.socails .box{position: absolute; left:50%; transform: translateX(-50%);  bottom: 100%; background: var(--color-fff); padding: .1rem; width: 140px; visibility: hidden;transition: 0.5s; border-radius: var(--br10)}
.socails .box img{width: 100%}
.socails .i:hover .ico{background:#fff;color:#00519a;}
.socails .i:hover .box{opacity: 1;visibility: inherit; bottom: 140%; }
@media(max-width:1024px){
    .socails {width: 100%; justify-content: center; margin-top: 0.3rem;}
}
.ftop .footl{flex:1 1 auto;color:#fff;}
.ftop .footl .ft{padding-bottom:0.7rem;border-bottom:0.01rem solid rgba(255,255,255,0.06);line-height:1.2;margin-bottom:0.6rem;}
@media(max-width:750px){
    .ftop .footl .ft {padding-bottom: 0.4rem; margin-bottom: 0.35rem; font-size: 0.24rem;}
}
.fnavs{align-items:stretch;justify-content:flex-start;flex-wrap:wrap;}
.fnavs dl{flex:0 0 auto;width:25%;padding-right:0.3rem;margin-bottom:0.4rem;}
.fnavs dl dt{margin-bottom:0.2rem;}
.fnavs dl dd a{display:block;color:rgba(255,255,255,0.8);padding:5px 0;transition:0.3s;}
.fnavs dl dd a:hover{color:#fff;}
@media(max-width:750px){
    .fnavs {display: none;}
}
.fbot{padding:0.4rem 0;font-size:0.14rem;color:rgba(255,255,255,0.4);}
.fbot a{transition:.3s;}
.fbot a:hover{color:#fff;}
@media(max-width:1024px){
    .fbot {flex-direction: column;}
}

.flinks{flex:0 0 auto;}
.flinks a{padding:0 0.05rem;}

.sider{position:fixed; font-size:0.16rem; right:1.40625%;z-index:99;width:3.75em;top:50%;}
.sider ul{padding:0.625em 1.0625em;background:#fff;border-radius:3.75em;box-shadow:0 0 1.125em rgba(0,81,154,0.16);}
.sider li{padding:1.0625em 0;border-bottom:0.01rem solid #f3f3f3;cursor:pointer; position: relative}
.sider li:last-child{border:none;}
.sider li .box{width: 140px; right: 100%; top: 50%; transform: translateY(-50%); background: var(--color-fff); padding: .1rem; border-radius: var(--br10); visibility: hidden; opacity: 0; transition: 0.5s; position: absolute}
.sider li .box img{width: 100%}
.sider li:hover .box{right: 140%; visibility: inherit; opacity: 1}
.sider .gotop{height:3.75em;margin-top:0.625em;background:#00519a;cursor:pointer;border-radius:50%;}

@media(max-width:750px){
    .sider {font-size: 0.14rem;}
}
@media(max-width:1024px){
  .openMenu{width:0.3rem;height:0.3rem;cursor:pointer;position:relative;margin-left:0.1rem;flex:0 0 auto;}
  .openMenu i{position:absolute;right:0;top:50%;width:70%;height:0.02rem;background:#fff;}
  .openMenu i:before,.openMenu i:after{content:"";position:absolute;right:0;width:115%;background:#fff;transition:.3s;height:0.02rem;}
  .openMenu i:before{top:-0.08rem;}
  .openMenu i:after{top:0.08rem;}
  .showMenu .openMenu i{background:none;}
  .showMenu .openMenu i:before{top:0;transform:rotate(45deg);}
  .showMenu .openMenu i:after{top:0;transform:rotate(-45deg);}
}


.index8{overflow:hidden;padding:1rem 0;}
.index8 .tit{text-align:center;margin-bottom:0.4rem;}
.index8 .gallery .list{display:flex;}
.index8 .gallery ul{width:max-content;display:flex;}
.index8 .gallery li{width:2.5rem;padding:0.1rem;}
.index8 .gallery a{padding-bottom:40%;border-radius:0.1rem;box-shadow:0px 0px 0.1rem rgba(0,0,0,0.1);position:relative;overflow:hidden;display:block;}
.index8 .gallery img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0;}
@media only screen and (max-width:750px){
    .index8 {padding:0.6rem 0;}
    .index8 .tit {font-size:0.38rem; margin-bottom:0.35rem;}
  .index8 .gallery li{width:2rem;}
}


.index3_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);}
.index3_video .close{ cursor:pointer; position:absolute; right:5%; top:15%; width:40px; height:40px;}
.index3_video .close::before,
.index3_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;top: .2rem}
.index3_video .close::after{ transform:rotate(45deg);}
.index3_video .con{height: 100%;display: flex;justify-content: center;align-items: center}
.index3_video .files{ margin:0 auto; width:96%; max-width:1000px; max-height:70%;}
.index3_video .files video{ background:#000;}

/*index end*/
.main{padding: 4.166666666666667% 0}
.auto{width: 93.75%; max-width: 14rem; margin: auto;}

.in-banner{position: relative}
.in-banner .column{position: absolute; text-align: center;width: 100%; top: 50%; transform: translateY(-50%); z-index: 2}
.in-banner .column .cn{ color: var(--color-fff); font-size: var(--f50)}
.in-banner figure img{width: 100%}
.in-banner .wapimg{display: none}
@media(max-width:1200px){
.in-banner .pcimg{display: none}
.in-banner .wapimg{display: block}
}
.in-banner .location{justify-content: center; padding-top: .1rem}
.in-banner .location,
.in-banner .location a{color: var(--color-fff)}
.in-banner .location a:first-child:before{filter: brightness(0) invert(1);}

.location{display: flex}
.location a:first-child:before{content: '';padding-left: 35px; background: url("../images/location.svg") no-repeat left; background-size: 18px;}
.location em{padding: 0 .05rem}
.location .dot{max-width: 6rem}
.in-menu{background: var(--color-f7); line-height: .5rem; padding: .2rem 0}
.in-menu .wapnav{display: none}
.in-menu li{font-size: var(--f18)}
.in-menu li a{display: block;}
.body-gray .in-menu .wapnav,
.body-gray .in-menu .side-menu{display: none}
@media(min-width:1024px){
.in-menu li:not(:last-child){padding-right: 2vw}
.in-menu li a{position: relative}
.in-menu li a:after{content: '';position: absolute; width: 0; height: 4px; left: 0; right: 0; bottom: -.2rem; margin: auto; background: var(--color-blue)}
.in-menu li.aon a{color: var(--color-blue)}
.in-menu li.aon a:after{width: 100%;}
.location{order: 2}
}


.about_overview{padding: 5% 0}
.about_overview .info{width:47.14285714285714%;max-width: 4rem; line-height: 2 }
.about_overview .info h1{font-size: var(--f44); padding-bottom: .2rem}
.about_overview .info p{font-size: var(--f24); font-family: var(--hm-Medium)}
.about_overview .article{font-size: var(--f18); line-height: .3rem; color: var(--color-555); text-align: justify}
.about_overview .article p{text-indent: 2em;padding: inherit; margin: revert}
.about_overview .photo{width:47.14285714285714%;}
.about_overview .photo img{width: 100%; border-radius: var(--br10)}
.about_overview.one .article{width: 55%}
.about_overview.two .article{width:48%;}
@media(max-width:1024px){
.about_overview .info,
.about_overview .article,
.about_overview .photo{width:100%!important;}
}

.about_history{position: relative;padding-top:6%; padding-bottom:6%;overflow: hidden}
.about_history .column_title{text-align: left;}
.about_history .photo img{position: absolute; width: 100%; height: 100%; top: 0;object-fit: cover; -o-object-fit: cover; z-index: -1}
.about_history .list{position: relative; padding: .4rem 0}
.about_history .list:after{content: '';left: 0; top:50%; position: absolute; width: 100%; height: 1px; background: #d8e1eb;}
.about_history .item{height: 5.5rem; width: 95%; max-width:310px; margin: auto; display: flex; flex-wrap: wrap}
.about_history .item *{transition: 0.5s}
.about_history .pic{width: 100%; height: 50%; display: flex; flex-wrap: wrap;align-content: flex-start}
.about_history .pic:after{content: '';display: block; width: 1px; height: 15%; margin: auto;background: #d8e1eb; transition: 0.5s }
.about_history .pic figure{width: 100%; padding-bottom: 0; height:73.305%; border-radius: var(--br10)}
.about_history .info{width: 100%; height: 50%; display: flex; justify-content: center}
.about_history .txt{width: 80%; font-size: var(--f18); justify-content: center; text-align: center; color: var(---color-555); display: flex; flex-wrap: wrap;align-content: flex-start; position: relative; padding: .1rem}
.about_history .txt:after{content: ''; width: .09rem; height: .09rem; position: absolute; left:0; right: 0; margin: auto;  background: var(--color-blue); border-radius: var(--br30); box-shadow: 0 0 0 5px rgba(255,255,255,1); }
.about_history .tit{ font-size: var(--f36);line-height: .9rem; width: 100%;}
.about_history .swiper-slide:nth-child(even) .pic{order: 2}
.about_history .swiper-slide:nth-child(even) .info{align-items: flex-end}
.about_history .swiper-slide:nth-child(even) .tit{order: 2}
.about_history .swiper-slide:nth-child(even) .pic{align-content: flex-end}
.about_history .swiper-slide:nth-child(even) .pic figure{order: 2}
.about_history .swiper-slide:nth-child(even) .txt:after{bottom: -.04rem}
.about_history .swiper-slide:nth-child(odd) .txt:after{top: -.04rem}
.about_history .swiper{overflow: inherit; padding-left: .8rem; padding-right: .8rem}
.about_history .swiper-slide:not(.slide-visible) .pic,
.about_history .swiper-slide:not(.slide-visible) .desc{opacity: 0}
.about_history .swiper-slide:not(.slide-visible) .info{opacity: 0.2}
.about_history .swiper-slide:hover .tit{ color: var(--color-blue);transform: scale(1.5)}
.about_history .swiper-slide:hover .txt:after{box-shadow: 0 0 0 5px rgba(0,81,154,0.3); transform: scale(1.3)}
.about_history .swiper-slide:hover .pic:after{height:26.695%; background: var(--color-blue)}
@media(max-width:768px){
.about_history .item{max-width: inherit}
.about_history .swiper-slide-active .tit{ color: var(--color-blue);transform: scale(1.5)}
.about_history .swiper-slide-active .txt:after{box-shadow: 0 0 0 5px rgba(0,81,154,0.3); transform: scale(1.3)}
.about_history .swiper-slide-active .pic:after{height:26.695%; background: var(--color-blue)}
}

.about_honor{position: relative;padding-top:5.2%; padding-bottom:5.2%;overflow: hidden}
.about_honor .column_title{text-align: left; color: var(--color-fff)}
.about_honor .photo img{position: absolute; width: 100%; height: 100%; top: 0;object-fit: cover; -o-object-fit: cover; z-index: -1}
.about_honor .item{padding: .24rem; background: url("../images/honor_imgbg.png") no-repeat center center; background-size: 100% 100%; display: block; position:relative;}
.about_honor .item:nth-child(2){margin-top:0.5rem;}
.about_honor .item:after{content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - .3rem); height: calc(100% - .3rem);background: url("../images/honor_imgbg_in.png") no-repeat center center; background-size: 100% 100%;}
.about_honor .item figure{position:relative;}
.about_honor .item figure.horizontal{padding-bottom: 70%} 
.about_honor .item figure.vertical{padding-bottom: 142%} 
.about_honor .item figure img{position: absolute; width:100%; height:100%; object-fit:cover; -o-object-fit:cover}
.about_honor .swiper{overflow: inherit}
/*.about_honor .swiper-wrapper{align-items: flex-end}*/
.about_honor .other{position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: .5rem}
.about_honor .arrow{width: 1.3rem; height: .6rem; position: relative}
.about_honor .swiper-scrollbar{width: calc(100% - 1.5rem); height: 1px; background: rgba(255,255,255,0.2); position: relative}
.about_honor .swiper-scrollbar-drag{height: 12px;background: #00519a url("../images/swiper-line.png") no-repeat center center; border-radius: var(--br30);margin-top: -6px}

.social_report {padding-top:6.25%}
.social_report .item { align-items: initial;}
.social_report .pic{width:48%}
.social_report .info{width:48%}
.social_report .info h4{font-size: var(--f24)}
.social_report .info p{padding:3% 0; line-height:1.8}
.social_report .info .size{ color:#999}
.social_report .line{width:1px; background:#dfdfdf}

.social_report .first-list{padding-bottom:5%}
.social_report .first-list .pic{width:20%}
.social_report .first-list .info{width:52%; display:flex; align-items: center;}
.social_report .first-list .info .box{  width:100%}
.social_report .first-list .down{ display:flex; gap:.2rem; max-width:4rem; padding-top:5%}
.social_report .first-list .down a{width:48%; border: solid 1px #ddd; padding:.1rem .3rem; text-align:center}

.social_report .list {gap:.3rem}
.social_report .list .item{ width:calc((100% - 1*.3rem)/2); background:#f8f8f8; padding:.3rem}
.social_report .list .pic{width:30%}
.social_report .list .pic figure{padding-bottom:125%}
.social_report .list .info{width:54%}
.social_report .list .info{ display:flex; flex-wrap: wrap;  align-content: space-between;}
.social_report .list .info .txt{width:100%}
@media(max-width:768px){
.social_report .first-list .pic{width:100%}
.social_report .first-list .info{width:100%;}
.social_report .list .item{width:100%}
}


.social_overview{padding:6.25% 0}
.social_overview .article{padding-bottom: 3%; font-size: var(--f18); color: var(--color-555); line-height: 1.68}
.social_overview .article p{text-indent: 2em}
.social_overview .box{overflow: hidden; display: flex; align-items: flex-start}
.social_overview .bursary h3{font-size: var(--f24);padding-top: .2rem; padding-bottom: .4rem;}
.social_overview .year_box{width: 2.4rem; height: 4.7rem}
.social_overview .year_box h4{font-size: var(--f20); line-height: 1}
.social_overview .year_box .swiper-wrapper{width:67.195%; margin: initial}
.social_overview .year_box .swiper-slide{cursor: pointer; background: url("../images/year_line.png") no-repeat right top; transition: 0.5s}
.social_overview .year_box .swiper-slide-thumb-active{background-image: url("../images/year_line_on.png")}
.social_overview .year_box .swiper-slide-thumb-active h4{font-size: var(--f24); color: var(--color-blue)}
.social_overview .year_box .swiper-slide-thumb-active + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 0.6}
.social_overview .year_box .swiper-slide-thumb-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 0.4}
.social_overview .year_box .swiper-slide-thumb-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 0.2}
.social_overview .info_box{width: calc(100% - 2.4rem)}
.social_overview .info_box .info{height: 4.7rem; padding: .6rem}
.social_overview .info_box h4{font-size: var(--f24);padding-bottom: .2rem}
.social_overview .info_box .txt{max-width: 360px;font-size: var(--f18); color: var(--color-555);max-height: 88%; overflow: auto;}
.social_overview .info_box .txt p{padding: .06rem 0; display: flex; justify-content: space-between}
.social_overview .info_box .txt p span{flex: 1;}
.social_overview .info_box .txt p i{white-space: nowrap; font-style: normal; padding-left: .1rem}
.social_overview .pic img{position: absolute; width: 100%; height: 100%; border-radius: var(--br10); top: 0; object-fit: cover; -o-object-fit: cover;}
@media(max-width:1124px){
.social_overview .year_box{width: 1.2rem}
.social_overview .year_box .swiper-wrapper{width: 95%}
.social_overview .info_box{width: calc(100% - 1.2rem)}
.social_overview .info_box .info{padding: .2rem}
}

.social_staff{padding:6.25% 0;background: var(--color-f7)}

.social_photo{position: relative;}
.social_photo .pic figure{padding-bottom: 66.66666666666667%; border-radius: var(--br10)}
.social_photo .info{padding: .2rem .6rem; text-align: center}
.social_photo .info h4{font-size: var(--f18)}
@media(min-width:1024px){
.social_photo .swiper-button-prev{left: -1rem}
.social_photo .swiper-button-next{right: -1rem}
}
@media(max-width:1024px){
.social_photo .arrow{position: relative; width: 40%; margin:.2rem auto 0 auto;height: .6rem}
}

.sub_menu{font-size: var(--f20); padding-bottom: 3%}
.sub_menu li{padding: 1vw}
.sub_menu li a{display: block; line-height: .6rem; padding: 0 3vw; background: #edf3f8; border-radius: var(--br30)}
.sub_menu li.aon a{color:var(--color-fff) ;background: var(--color-blue)}
@media(max-width:768px){
.sub_menu li a{ line-height: .4rem;}
}

.jobs_other{width: 1.6rem}
.jobs_other dl{padding-bottom: .3rem}
.jobs_other dt{font-size: var(--f20);font-family: var(--hm-Medium)}
.jobs_other ul li{padding: .05rem 0}
.jobs_other ul li a{display: inline-block;padding:0 .3rem; line-height: .3rem; position: relative; color: var(--color-555); }
.jobs_other ul li a:before{content: '';left: 0; position: absolute; border: solid 1px #d5dde7; border-radius: 4px; width: .18rem; height: .18rem; top: .05rem}
.jobs_other ul li.aon a:before{background: var(--color-blue) url(../images/gou.svg) no-repeat center center; border-color: var(--color-blue)}

.jobs_list{width: calc(100% - 1.6rem);font-size: var(--f20); color: var(--color-555); line-height: 1.85}
.jobs_list .list_item{background: var(--color-f7); line-height:1.8; border-radius: var(--br10)}
.jobs_list .list_item:not(:first-child){margin-top: .2rem}
.jobs_list .list_title{padding: .2rem .4rem;position: relative;cursor: pointer}
.jobs_list .list_title h4{font-size: var(--f20); color: var(--color-222)}
.jobs_list .list_title p{}
.jobs_list .list_title p span:not(:last-child){padding-right: .25rem;margin-right: .25rem; border-right: solid 1px var(--color-e6)}
.jobs_list .list_title:after{content: '';position: absolute; right: .4rem; top: 0; bottom: 0; margin: auto; width:.25rem; height: .25rem; background: url(../images/jt_blue.svg) no-repeat center center; background-size: contain; transition: 0.5s}
.jobs_list .list_desc{display: none;padding: .1rem .4rem;}
.jobs_list .list_desc .desc{border-top: solid 1px var(--color-e6); padding: .3rem 0}
.jobs_list .list_item:not(.show) .list_title:after{ transform: rotate(180deg);filter: grayscale(100%) brightness(100%); }
.jobs_list .apply{padding-bottom: 5%; padding-top: 2%}
.jobs_list .apply a{display: block; color: var(--color-fff); width: 1.8rem; line-height: .5rem; text-align: center;background: var(--color-blue); border-radius: var(--br10); cursor: pointer}
.jobs_list .apply a:hover{background: var(--color-skyblue);}
@media(max-width:768px){
.jobs_other{width: 100%}
.jobs_other ul{display:flex; flex-wrap: wrap}
.jobs_list{width: 100%}
.jobs_list .list_title{padding: .2rem;}
.jobs_list .list_title:after{right: .1rem}
.jobs_list .list_desc{padding:.1rem .2rem}
}

.join_jobs{padding: 5.208333333333333% 0 4% 0}
.join_jobs .jobs{padding-top: .3rem}
.join_jobs ul{gap:.25rem}
.join_jobs ul li{flex: 1;position: relative}
.join_jobs ul li .pic{overflow: hidden; border-radius: var(--br20);background: var(--color-000);}
.join_jobs ul li .pic figure{padding-bottom: 133.3333333333333%; opacity: 0.6; transition: 0.5s}
.join_jobs ul li .info{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5}
.join_jobs ul li .icon{width: .8rem; height: .8rem; margin: auto; display: flex; justify-content: center; align-items: center}
.join_jobs ul li .icon img{max-height: 100%; object-fit: contain; -o-object-fit: contain;}
.join_jobs ul li h4{white-space: nowrap; font-size: var(--f20); color: var(--color-fff);background: var(--color-blue); border-radius: var(--br10); line-height: .6rem;padding: 0 .35rem; margin-top: .35rem;transition: 0.5s}
.join_jobs ul li h4:after{content: ''; display: inline-block;margin-left: .25rem; width: 7px; height: 12px; background: url("../images/jt-right.svg")}
.join_jobs ul li:hover .pic figure{opacity: 0.8}
.join_jobs ul li:hover h4{background: var(--color-skyblue);}
@media(max-width:768px){
.join_jobs ul li{flex: initial;width: 100%}
.join_jobs ul li .pic figure{padding-bottom: 45%}
.join_jobs ul li h4{margin-top: .2rem}
}

.join_overview{overflow: hidden}
.join_overview .item{padding:3.571428571428571% 0}
.join_overview .pic{width:100%; overflow: hidden;border-radius:var(--br20)}
.join_overview .pic img{width: 100%}
.join_overview .info{width:100%; padding:4% 0}
.join_overview .tit{font-size: var(--f44)}
.join_overview .txt{font-size: var(--f18); color: var(--color-555); line-height: 1.68; padding-top: 5%; text-align: justify}
.join_overview .txt p{text-indent: 2em}
@media(min-width:768px){
.join_overview .info{width:47%}
.join_overview .pic{width:64.792%;}
.join_overview .item:nth-child(odd) .pic{order: -1; margin-left: -18.6%; border-radius: 0 20px 20px 0}
.join_overview .item:nth-child(even) .pic{margin-right: -18.6%;border-radius: 20px 0 0 20px}

}

.join_tpye{padding: 5% 0}
.join_tpye .txt{width:25.71428571428571%}
.join_tpye .txt:not(.pic){padding: .2rem 6.378%}
.join_tpye .txt:nth-child(2){order: 3}
.join_tpye .txt:nth-child(1){background: URL("../images/line-jt-L.svg") no-repeat left .6rem}
.join_tpye .txt:nth-child(1) ul li:nth-child(2){transform: translateX(25%); background: #0f66b3}
.join_tpye .txt:nth-child(1) ul li:nth-child(3){transform: translateX(50%); background: #3d86c6}
.join_tpye .txt:nth-child(2){background: URL("../images/line-jt-R.svg") no-repeat right .6rem}
.join_tpye .txt:nth-child(2) ul li:nth-child(2){transform: translateX(-25%); background: #0f66b3}
.join_tpye .txt:nth-child(2) ul li:nth-child(3){transform: translateX(-50%); background: #3d86c6}
.join_tpye .txt ul{font-size: var(--f18); text-align: center; margin-top: .2rem}
.join_tpye .txt ul li{color:var(--color-fff); border-radius: var(--br30); background:  var(--color-blue); line-height: .5rem; margin-bottom: .35rem; position: relative;}
.join_tpye h4{font-size: var(--f24); text-align: center}
.join_tpye .pic{width:47.28571428571429%;}
.join_tpye .pic h4{font-size: var(--f26); color: var(--color-blue);}
.join_tpye .pic ul{max-width: 1.8rem; margin: auto; margin-top: -.31rem}
.join_tpye .pic ul li{margin-bottom: .66rem}
.join_tpye .pic ul li:nth-child(1){background: #6aa5db}
.join_tpye .pic ul li:nth-child(1):after{content: '';position: absolute; left: 0; right: 0; top: 100%; width:.1rem; height:.66rem; margin: auto;background: url("../images/line-jt.svg") no-repeat center center}
.join_tpye .pic ul li:nth-child(2){background: #8fbce5}
.join_tpye .img{background: url("../images/path_join_picbg.png") no-repeat center bottom; background-size:contain; position: relative;padding-top: .3rem; padding-bottom: .65rem;}
.join_tpye .img figure{width:73.11178247734139%; margin: auto; }
.join_tpye .img figure{-webkit-mask-image: url("../images/path_join_pic.svg");-webkit-mask-size: 100% 100%;  -webkit-mask-repeat: no-repeat;}
@media(max-width:768px){
.join_tpye .txt{width: 43%}
.join_tpye .txt:not(.pic){padding:4%}
.join_tpye .txt:nth-child(1) ul li:nth-child(2){transform: translateX(15%);}
.join_tpye .txt:nth-child(1) ul li:nth-child(3){transform: translateX(25%);}
.join_tpye .txt:nth-child(2) ul li:nth-child(2){transform: translateX(-15%);}
.join_tpye .txt:nth-child(2) ul li:nth-child(3){transform: translateX(-25%);}
.join_tpye .pic{order: -1;width: 100%}

}

.join_welfare{position: relative; padding:8% 0 14.0625% 0}
.join_welfare .welfare{counter-reset:section 0 subsec 1;padding-top:8% }
.join_welfare ul{display: flex;gap:.34rem}
.join_welfare ul li{width: 25%; height:2.56rem;}
.join_welfare ul li a{position: relative; left: -67.405%;width:234.81%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; -webkit-mask-size: 100% 100%;  -webkit-mask-repeat: no-repeat;background-color:#3d86c6;transition: 0.5s}
.join_welfare ul li:nth-child(odd) a{-webkit-mask-image: url("../images/path_sjx_odd.svg"); transform: translateY(.08rem); padding-top: 30%}
.join_welfare ul li:nth-child(even) a{-webkit-mask-image: url("../images/path_sjx_even.svg"); transform: translateY(-.08rem); padding-bottom: 30%}
.join_welfare ul li:nth-child(even) h4{order: -1}
.join_welfare ul li figure{width: .56rem; height: .56rem; display: flex; justify-content: center; align-items: center; border: solid 1px rgba(255,255,255,0.2);margin: .2rem auto; border-radius: 100%}
.join_welfare ul li figure img{max-width:60%; max-height:60%; object-fit: contain; -o-object-fit: contain}
.join_welfare ul li h4{width: 100%; padding: 0 10%; text-align: center; font-size: var(--f20); color: var(--color-fff); position: relative}
.join_welfare ul li:hover a{background-color: var(--color-blue);}
.join_welfare ul li h4:before{content:counter(section,decimal-leading-zero);counter-increment:section; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: calc(100 / 1920 * 100vw);line-height: 1; z-index: -1; background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0)); -webkit-background-clip: text; color: transparent; font-family: var(--hm-Bold)}
.join_welfare .photo img{position: absolute; width: 100%; height: 100%; bottom: 0; object-fit: cover; -o-object-fit: cover; z-index: -1}
@media(max-width:1100px){
.join_welfare .welfare{padding: 0 6%}
}
@media(max-width:768px){
.join_welfare .welfare{padding: 0 15%}
.join_welfare ul{flex-wrap: wrap; }
.join_welfare ul li{width:26%; height: 1.8rem}
.join_welfare ul li h4{font-size: var(--f16);}
}



.technology_RD{padding-bottom: 6%}
.technology_RD ul{align-items:normal;}
.technology_RD ul li{width:32.14285714285714%;position: relative}
.technology_RD ul li .pic{position: absolute; width: 100%; height: 100%;}
.technology_RD ul li .pic figure{padding-bottom: 0; height: 100%;border-radius: var(--br10); background: var(--color-blue)}
.technology_RD ul li .pic figure img{opacity: 0.3}
.technology_RD ul li .info{position: relative; z-index: 10; color: var(--color-fff); padding:12.5%}
.technology_RD ul li .icon{width: .7rem; height: .7rem; display: flex; justify-content: center; align-items: center;margin: auto}
.technology_RD ul li .icon img{max-height: 100%}
.technology_RD ul li h4{ text-align: center; font-size: var(--f20); margin-top: .2rem; line-height: 2}
@media(min-width:768px){
.technology_RD ul li:not(:nth-child(3n+3)){margin-right: 1.785714285714286%}
.technology_RD ul li:nth-child(3)~li{margin-top: 1.785714285714286%}
}
@media(max-width:768px){
.technology_RD ul li{width:49%;}
.technology_RD ul li:not(:nth-child(2n+2)){margin-right:2%}
.technology_RD ul li:nth-child(2)~li{margin-top:2%}
.technology_RD ul li .info{padding: 5%}
}

.technology_core{padding-bottom: 6%}
.technology_core ul{align-items:normal;font-size: var(--f18);}
.technology_core ul li{width:32.14285714285714%; height:4rem; position: relative; background: var(--color-f7);border-radius: var(--br10); overflow: hidden}
.technology_core ul li h4{font-size: var(--f24); }
.technology_core ul li .show_box{position: absolute; top: 50%; width: 100%; transform: translateY(-50%); padding: .3%}
.technology_core ul li .show_box .pic{width: 1rem; margin: auto; position: relative;}
.technology_core ul li .show_box .pic figure{border-radius:100%;}
.technology_core ul li .show_box .pic:before{content: '';position: absolute; width: .25rem; height: .25rem; background: #d8d8d8;border-radius: 100%; left: 0; bottom: 0; z-index: 10}
.technology_core ul li .show_box h4{ text-align: center;margin-top: .3rem}
.technology_core ul li .hover_box{opacity: 0; height:100%; overflow-y:auto;-webkit-overflow-scrolling:touch; padding: .4rem; background: rgba(0,81,154,0.86); transition: 0.5s;position: relative; z-index: 10;color: var(--color-fff);}
.technology_core ul li .hover_box h4{margin-bottom: .2rem}
.technology_core ul li .hover_box .txt{text-align: justify}
.technology_core ul li:hover .hover_box{opacity: 1}
@media(min-width:1024px){
.technology_core ul li:not(:nth-child(3n+3)){margin-right: 1.785714285714286%}
.technology_core ul li:nth-child(3)~li{margin-top: 1.785714285714286%}
}
@media(max-width:1024px) and (min-width:768px){
.technology_core ul li{width:49%;}
.technology_core ul li:not(:nth-child(2n+2)){margin-right:2%}
.technology_core ul li:nth-child(2)~li{margin-top:2%}
}
@media(max-width:768px){
.technology_core ul li{width:100%; margin-bottom: 4%}
}

.technology_certificate .tab_title{font-size: var(--f20); padding-bottom: 3%}
.technology_certificate .tab_title ul{justify-content: center; text-align: center}
.technology_certificate .tab_title li{padding: 1vw}
.technology_certificate .tab_title li a{display: block; min-width: 1.8rem; line-height: .6rem; padding: 0 3vw; background: #edf3f8; border-radius: var(--br30); cursor: pointer}
.technology_certificate .tab_title li.show a{color:var(--color-fff) ;background: var(--color-blue)}
@media(max-width:768px){
.technology_certificate .tab_title li{flex: 1}
.technology_certificate .tab_title li a{ line-height: .4rem;min-width: inherit;padding: 0 2vw;}
}

.technology_certificate{padding-bottom: 6%}
.technology_certificate .swiper{margin-left: -.22rem; margin-right: -.22rem}
.technology_certificate .item{padding: .22rem}
.technology_certificate .item a{padding: .3rem; background: url("../images/certificate_picbg.jpg") no-repeat center center; background-size: 100% 100%; display: block;}
.technology_certificate .item figure{padding-bottom: 143%}
.technology_certificate .item figure img{object-fit: contain; -o-object-fit: contain}
.technology_certificate .swiper-pagination{width: auto; position: initial; padding:0 .5rem; display:flex; gap:.15rem }
.technology_certificate .swiper-pagination-bullet{margin:0!important}
.technology_certificate .swiper-button-prev,
.technology_certificate .swiper-button-next{position:relative;margin:0}
.technology_certificate .arrow{position:relative; display:flex; justify-content:center; align-items: center; margin-top:.5rem; }

@media(max-width:768px){
.technology_certificate .swiper{margin-left: -.11rem; margin-right: -.11rem}
.technology_certificate .item{padding: .11rem}
}

.technology_document .column_title{border-bottom: solid 2px var(--color-blue)}
.technology_document .swiper{height:3.52rem}
.technology_document .list{display: flex;justify-content: space-between; padding:2% .2rem; border-bottom: solid 1px var(--color-e5); font-size: var(--f18)}
.technology_document .tit{flex: 1;}
.technology_document .other{width: 1.8rem; display: flex; align-items: center; justify-content: space-between}
.technology_document .icon{background: url("../images/file_icon.jpg") no-repeat center center; width: 25px; height: 31px; background-size: contain;color:var(--color-fff) ; font-size: var(--f12); text-transform: uppercase; text-align: center; padding-top:8px; overflow: hidden;display:none;}
.technology_document .swiper-pagination{position: initial; padding:0 .5rem; display:flex; gap:.15rem ;  transform: none;}
.technology_document .swiper-pagination-bullet{margin:0}
.technology_document .swiper-button-prev,
.technology_document .swiper-button-next{position:relative; transform:rotate(-90deg);margin:0}
.technology_document .arrow{position:relative; display:flex; justify-content:center; align-items: center; padding-top:.5rem; border-top: solid 1px var(--color-e5); }
@media(max-width:768px){
.technology_document .list{flex-wrap: wrap}
.technology_document .tit{flex: initial; width: 100%}
.technology_document .other{width: 100%}
}

.manufacture_overview{padding-bottom: 6%}
.manufacture_overview ul{align-items:normal; text-align: center}
.manufacture_overview ul li{width:32.14285714285714%; background:var(--color-f7);border-radius: var(--br10);padding:4%;}
.manufacture_overview ul li figure{width: .7rem; height: .7rem; display: flex; justify-content: center; align-items: center; margin: auto}
.manufacture_overview ul li figure img{max-height: 100%; object-fit: contain; -o-object-fit: contain;}
.manufacture_overview ul li h4{font-size: var(--f20); margin-top: .2rem; line-height: 2}
@media(min-width:1024px){
.manufacture_overview ul li:not(:nth-child(3n+3)){margin-right: 1.785714285714286%}
.manufacture_overview ul li:nth-child(3)~li{margin-top: 1.785714285714286%}
}
@media(max-width:1024px) and (min-width:640px){
.manufacture_overview ul li{width: 49%}
.manufacture_overview ul li:not(:nth-child(2n+2)){margin-right: 2%}
.manufacture_overview ul li:nth-child(2)~li{margin-top: 2%}
}
@media(max-width:640px){
.manufacture_overview ul li{width: 100%; margin-bottom: 4%}
}

.manufacture_base{padding-bottom: 6%}
.manufacture_base .photo{width: 100%;}
.manufacture_base .photo img{width: 100%;border-radius: var(--br20);}
.manufacture_base .info{width:100%;}
.manufacture_base .info ul{align-items: normal;}
.manufacture_base .info ul li{width: 49%; margin-top: 2%; padding:.2rem; background:var(--color-f7);display: flex; align-items: center}
.manufacture_base .info ul li .icon{width: 32px;margin-right: .2rem}
.manufacture_base .info ul li .txt{flex: 1}
.manufacture_base .info ul li h4{font-size: var(--f18); color: var(--color-blue)}
.manufacture_base .info ul li p{font-size: var(--f12); text-transform: uppercase}
@media(min-width:768px){
.manufacture_base .photo{width: 50%; order: -1}
.manufacture_base .info{width: 46%}
}
@media(max-width:768px){
.manufacture_base .photo{margin-top: 4%}
}

.manufacture_ability{padding-bottom: 6%}
.manufacture_quality .subbox{padding-bottom: 2%}
.manufacture_quality .subbox .sub{font-size: var(--f24);}
/*.manufacture_quality .box1 ul{margin-left: 0.45%; margin-right: 0.45%;align-items: normal;}
.manufacture_quality .box1 ul li{width: 14.28571428571429%; padding:0.45%}*/
.manufacture_quality .box1 ul li figure{padding-bottom: 90%; border-radius: var(--br10);}
.manufacture_quality .box1 ul li h4{text-align: center;padding: .1rem 0; font-size: var(--f18);font-family: var(--hm-Light);}
.manufacture_quality .box1 .swiper-pagination{width: auto; position: initial; padding:0 .5rem; display:flex; gap:.15rem }
.manufacture_quality .box1 .swiper-pagination-bullet{margin:0!important}
.manufacture_quality .box1 .swiper-button-prev,
.manufacture_quality .box1 .swiper-button-next{position:relative;margin:0}
.manufacture_quality .box1 .arrow{position:relative; display:flex; justify-content:center; align-items: center; margin-top:.5rem; }

.manufacture_quality .box2 ul li{width:32.14285714285714%; margin-top:1.785714285714286%; padding:.3rem .6rem; background:var(--color-f7);display: flex; align-items: center;border-radius: var(--br10);}
.manufacture_quality .box2 ul li figure{width: 36px;margin-right: .4rem}
.manufacture_quality .box2 ul li h4{flex: 1;font-size: var(--f20);}
.manufacture_quality .box3 {counter-reset:section 0 subsec 1;}
.manufacture_quality .box3 ul{align-items: normal;}
.manufacture_quality .box3 ul li{width:32.14285714285714%; margin-top:1.785714285714286%;position: relative}
.manufacture_quality .box3 ul li .pic{position: absolute; width: 100%; height: 100%}
.manufacture_quality .box3 ul li .pic figure{padding-bottom:0; height: 100%; border-radius: var(--br10);}
.manufacture_quality .box3 ul li .pic figure:before{content: '';position: absolute; width: 100%; height: 100%;background: linear-gradient(-45deg,rgba(0,81,154,0.4),rgba(0,81,154,1)); z-index: 10}
.manufacture_quality .box3 ul li .info{padding:.3rem .4rem; color: var(--color-fff);position: relative; z-index: 12}
.manufacture_quality .box3 ul li .num{font-size: var(--f36); border-bottom: solid 4px var(--color-fff);font-family: var(--hm-Bold);}
.manufacture_quality .box3 ul li .num:before{content:counter(section,decimal-leading-zero);counter-increment:section;}
.manufacture_quality .box3 ul li p{font-size: var(--f18);margin-top: .2rem}
@media(min-width:1024px){
.manufacture_quality .box2 ul li:not(:nth-child(3n+3)){margin-right: 1.785714285714286%}
.manufacture_quality .box3 ul li:not(:nth-child(3n+3)){margin-right: 1.785714285714286%}
}
@media(max-width:1024px) and (min-width:768px){
/*.manufacture_quality .box1 ul li{width: 20%}*/
.manufacture_quality .box2 ul li{width: 48%; padding: .2rem}
.manufacture_quality .box2 ul li:not(:nth-child(2n+2)){margin-right:2%}
.manufacture_quality .box3 ul li{width: 48%}
.manufacture_quality .box3 ul li:not(:nth-child(2n+2)){margin-right: 2%}
}
@media(max-width:768px){
/*.manufacture_quality .box1 ul li{width: 50%}*/
.manufacture_quality .box2 ul li{width: 100%; padding: .2rem; margin-bottom:2%}
.manufacture_quality .box3 ul li{width: 100%}
}

.pro_filter{line-height: .36rem;border: solid 1px var(--color-e6)}
.pro_filter dl{align-items: normal; }
.pro_filter dl:not(:last-child){border-bottom: solid 1px var(--color-e6)}
.pro_filter dt{width: 1.46rem; padding: .2rem; background: var(--color-f7)}
.pro_filter dd{padding: .1rem; flex: 1; position: relative;font-size: var(--f18)}
.pro_filter dd .list{overflow: hidden; transition: 0.5s}
.pro_filter dd li{padding: .1rem}
.pro_filter dd li a{display: inline-block; cursor: pointer; padding:0 .2rem;border-radius: var(--br20);}
.pro_filter dd li.on a{color: var(--color-fff); background: var(--color-blue)}
.pro_filter .have_many .list{padding-right: 1rem}
.pro_filter .more{position: absolute; right: .2rem; top: .2rem; font-size: var(--f14);color: var(--color-fff); background: var(--color-blue); padding: 0 .14rem;border-radius: var(--br20);cursor: pointer; display: flex; align-items: center}
.pro_filter .more:after{content: '';display: inline-block;margin-left: 12px; width: 13px; height: 13px; background: url("../images/jt.svg") no-repeat center center; transition: 0.5s}
.pro_filter .more:not(.up):after{transform: rotate(180deg)}
@media(max-width:768px){
.pro_filter dt{width: 100%}
}

.pro_search{padding: 3% 0}
.pro_search span{margin-right: .3rem}
.pro_search .search{max-width: 400px;width: 100%; padding: .09rem .2rem .09rem .3rem; border-radius: var(--br30); border: solid 1px var(--color-e6);}
.pro_search .text{flex: 1; height: 30px;border: none; color: var(--color-999);font-size: var(--f16);background: none}
.pro_search .btn{width: 30px; height: 30px;cursor: pointer;background: url("../images/search.svg") no-repeat center center}
@media(max-width:768px){
.pro_search{padding:.1rem;margin: 3% 0; background: var(--color-f7);border: solid 1px var(--color-e6)}
.pro_search span{display: block;width: 100%; padding-bottom: .1rem}
.pro_search .search{max-width: inherit}
}

.pro_list li .pic{background-color: var(--color-f7); border-radius: var(--br10);}
.pro_list li .pic figure{padding-bottom: 67.16417910447761%}
.pro_list li .info{padding: .25rem 0; border-bottom: solid 1px var(--color-f7); position: relative}
.pro_list li .info:after{content: '';position: absolute; left: 0; bottom: -1px; width: 0; height: 1px;background: var(--color-blue); transition: 0.5s}
.pro_list li .info h4{font-size: var(--f20); margin-bottom: 5px;}
.pro_list li .info p{font-size: var(--f18); color: var(--color-555)}
.pro_list li:hover .info h4{color: var(--color-blue)}
.pro_list li:hover .info:after{content: ''; width: 30%;}
@media(min-width:738px){
.pro_list li{width: 23.92857142857143%;}
.pro_list li:not(:nth-child(4n+4)){margin-right: 1.428571428571427%}
.pro_list li:nth-child(4)~li{margin-top: 3%}
}
@media(max-width:738px){
.pro_list li{width:48.5%;}
.pro_list li:nth-child(odd){margin-right:3%}
.pro_list li:nth-child(2)~li{margin-top: 3%}
}

.pro_info{padding-bottom: 4%}
.pro_info .photo{width: 42.85714285714286%}
.pro_info .photo figure{padding-bottom:66.668%}
.pro_info .big{background-color: #f5f8fa;border-radius: var(--br10);}
.pro_info .small{margin-top: .2rem; padding: 0 .54rem}
.pro_info .small figure{background-color: #f5f8fa; cursor: pointer}
.pro_info .small .swiper-slide{padding: 0 .1rem}
.pro_info .small .swiper-slide:not(.swiper-slide-visible){opacity: 0}
.pro_info .small .swiper-slide-thumb-active figure{box-shadow:inset 0 0 0 2px var(--color-blue)}
.pro_info .arrow{width: 36px; height: 36px;border-radius: var(--br30);background: var(--color-blue);color: var(--color-fff)}
.pro_info .arrow:after{font-size:12px}
.pro_info .arrow.swiper-button-disabled{background: var(--color-e6);color: var(--color-777); opacity: 1}
.pro_info .swiper-button-prev{left: 0}
.pro_info .swiper-button-next{right: 0}
.pro_info .info{width: 52.85714285714286%;font-size: var(--f18); color: var(--color-555)}
.pro_info .title{padding: .2rem 0; margin: 0; font-size: var(--f36);border-bottom: solid 1px var(--color-e5);color: var(--color-222)}
.pro_info .sub{padding-top: .4rem;font-family: var(--hm-Medium)}
.pro_info .txt{}
.pro_info .lxwm{padding-top: .4rem; display: flex; gap:0.1rem;}
.pro_info .lxwm a{padding: 0 .4rem; display: flex; align-items: center; border-radius: var(--br30); border: solid 1px var(--color-999); line-height: .5rem;}
.pro_info .lxwm a:before{content: '';width: 26px; height: 26px; margin-right: .26rem; background: url(../images/lxwm.svg); background-size:contain}
.pro_info .lxwm a:hover{background: var(--color-blue);border-color:  var(--color-blue); color: var(--color-fff)}
.pro_info .lxwm a:hover:before{filter: brightness(0) invert(1);}
.pro_info .lxwm .back:before {display:none;}
@media(max-width:768px){
.pro_info .photo,
.pro_info .info{width: 100%}
}

.pro_detail .tab_title{font-size: var(--f18);font-family: var(--hm-Regular)}
.pro_detail .tab_title li a{padding: 0 .3rem; line-height: .52rem; display: block; cursor: pointer}
.pro_detail .tab_title li.show a{color: var(--color-fff);background: var(--color-blue); border-radius: 10px 10px 0 0}
.pro_detail .tab_item{padding: .4rem;border-radius:var(--br10);	border: solid 2px #f0f3f5;}
.pro_detail .sub{padding-bottom: .2rem; font-size: var(--f24); font-family: var(--hm-Medium)}
.pro_detail .detail{font-size: var(--f18)}
.pro_detail table{width: 100%; max-width: 920px}
.pro_detail table thead{color: var(--color-fff);background: var(--color-blue);}
.pro_detail table td{font-size: var(--f18); border: solid 1px #ecebeb; padding: .1rem .2rem}
.pro_detail table td:not(:first-child){text-align: center}
.pro_detail table tbody tr:nth-child(even){background: #f0f3f5}

.faq_list .list_item{background: var(--color-f7); line-height:1.8}
.faq_list .list_item:not(:first-child){margin-top: .2rem}
.faq_list .list_title{padding: .2rem .4rem; border-left: solid 3px var(--color-blue); display: flex; justify-content: space-between; cursor: pointer}
.faq_list .list_title h4{font-size: var(--f20); flex: 1}
.faq_list .list_title time{display: flex; align-items: center;white-space: nowrap; margin-left: .2rem}
.faq_list .list_title time:after{content: '';margin-left: .4rem; width: 17px; height: 17px; background: url(../images/jt_gray.svg) no-repeat center center; transition: 0.5s}
.faq_list .list_desc{display: none;padding: .2rem .4rem;font-size: var(--f18); color: var(--color-555);}
.faq_list .show .list_title{color: var(--color-fff);background: var(--color-blue) }
.faq_list .show .list_title time:after{transform: rotate(180deg);filter: brightness(0) invert(1);}

.faq_contact{position: relative; margin-top:5%}
.faq_contact figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover;border-radius: var(--br10);}
.faq_contact .info{position: relative; text-align: center;padding:8% 0;}
.faq_contact .info h4{font-size: .50rem; color: var(--color-blue); padding-bottom: .4rem}
.faq_contact .lxwm{font-size: var(--f18);padding: 0 .4rem;display: inline-flex; align-items: center; border-radius: var(--br10); line-height: .62rem;background: var(--color-blue); color: var(--color-fff)}
.faq_contact .lxwm:before{content: '';width:32px; height: 32px; margin-right: .26rem; background: url(../images/lxwm.svg); background-size:contain;filter: brightness(0) invert(1);}
.faq_contact .lxwm:hover{background: var(--color-skyblue);}

.contact_city li{width: 100%; min-height: 2.8rem; background: var(--color-f7);border-radius: var(--br10);position: relative; overflow: hidden}
.contact_city li figure{position: absolute; width: 100%; height: 100%; }
.contact_city li figure:before{content: '';position: absolute; width: 100%; height: 100%;background: linear-gradient(120deg,rgba(247,247,247,1) 45%,rgba(247,247,247,0.2)); z-index: 2}
.contact_city li figure img{position: absolute; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.contact_city li .info{font-size: var(--f18);position: relative; z-index: 5; padding: .4rem;}
.contact_city li .info h4{font-size: var(--f24); padding-bottom: .1rem}
.contact_city li .info p{display: flex; align-items: flex-start; color: var(--color-555);padding: .1rem 0}
.contact_city li .info p i{font-style: normal;white-space: nowrap; background: no-repeat left; background-size: 20px;padding-left: 34px;}
.contact_city li .info p {flex: 1;}
.contact_city li .info p.address i{background-image: url("../images/lx_address.svg")}
.contact_city li .info p.tel i{background-image: url("../images/lx_tel.svg")}
.contact_city li .info p.fax i{background-image: url("../images/lx_fax.svg")}
@media(min-width:768px){
.contact_city li{width: 48.57142857142857%}
.contact_city li:nth-child(odd){margin-right:2.85714285714286%}
.contact_city li:nth-child(2)~li{margin-top: 2.85714285714286%}
}
@media(max-width:768px){
.contact_city li{margin-bottom:5%}
.contact_city li .info{padding: .2rem}
}

.contact_other ul{align-items:normal; justify-content: flex-start;}
.contact_other li{padding: 4% 2%; margin-top: 2.857142857142853%; background: var(--color-f7);border-radius: var(--br10);}
.contact_other li figure{width: 1rem; height: 1rem;display: flex; justify-content: center; align-items: center; background: var(--color-fff); overflow: hidden; margin: auto}
.contact_other li .icon{border-radius: 100%}
.contact_other li .icon img{max-height:.36rem}
.contact_other li:nth-child(4) figure{border-radius: 5px}
.contact_other li:nth-child(4) img{max-height: 100%}
.contact_other li .info{text-align: center;font-size: var(--f18)}
.contact_other li .info h4{font-size: var(--f20); padding-top: .15rem;}
.contact_other li .info p{color: var(--color-555); line-height: 2}
@media(min-width:1024px){
.contact_other li{width: 22.85714285714286%;}
.contact_other li:not(:nth-child(4n+4)){margin-right: 2.857142857142853%}
}
@media(max-width:1024px){
.contact_other li{width: 48.5%;}
.contact_other li:not(:nth-child(2n+2)){margin-right: 3%}
}

.form_main .column_title{text-align: left}
.form_main h4{font-size: var(--f24); padding: .1rem 0}
.form_main .box{padding: 3% 0; border-top: solid 1px var(--color-e5)}
.form_main .type{font-size: var(--f18);color: var(--color-555);padding:.1rem 0}
.form_main .type span{ color: var(--color-red)}
.form_main .form{display: flex; flex-wrap: wrap;margin-left: -.1rem; margin-right: -.1rem;visibility: visible !important;}
.form_main .group{padding:.05rem .1rem}
.form_main .row3{width: 33.333%;}
.form_main .row2{width: 50%;}
.form_main .row1{width: 100%}
.form_main .tips{color: var(--color-999); position: absolute; padding: 0 .1rem; line-height: .5rem;border-radius: 5px;}
.form_main .text,
.form_main select{width: 100%; height: .5rem; line-height: .5rem; padding: 0 .1rem; border: solid 1px #cccccc; border-radius:5px }
.form_main select{color: var(--color-999);}
.form_main textarea.text{height: 1.6rem}
.form_main .infile{display:flex; align-items: center; position: relative}
.form_main .infile .clickfile{position: absolute;left: 0; width:1.6rem; height: 100%;top: 0; background: url("../images/file.svg") no-repeat .45rem;padding-left: .8rem;white-space: nowrap; background-size: 16px; font-size: var(--f18); line-height: .5rem; cursor: pointer;color: var(--color-555)}
.form_main .infile .textfield{width: 1.6rem; margin-right: .2rem;}
.form_main .infile .fileinput{display: none;width: 1.6rem; }
.form_main .infile .tip{ color: var(--color-999)}
.form_main .infile.havefile .clickfile{position: relative; width: auto;padding-left: .3rem; background-position: left; margin-right: .3rem}

.form_main .code{margin-bottom: .5rem}
.form_main .code .text{width: calc(98% - 1.7rem)}
.form_main .code img{height: .48rem; border: solid 1px #cccccc;border-radius:5px}
.form_main .btn a{font-size: var(--f18);cursor: pointer;line-height: .52rem; color: var(--color-fff); background: var(--color-blue);border-radius: var(--br10);padding: 0 .8rem; display: inline-block}
.form_main .btn a:hover{background: var(--color-skyblue);}
@media(max-width:1200px){
.form_main .row3,
.form_main .row1.row2{width:50%;}
}
@media(max-width:768px){
.form_main .group{width: 100%!important}
}

.solution_list li:nth-child(2)~li{margin-top: .4rem}
.solution_list li a{align-items:normal}
.solution_list .pic{width:100%}
.solution_list .pic figure{padding-bottom:56.16666666666667%;border-radius: var(--br10);}
.solution_list .info{width:100%;font-size: var(--f18); display: flex; flex-wrap: wrap; align-content: space-between; border-bottom: solid 1px var(--color-e6); padding-top: .1rem; padding-bottom: .2rem; position: relative}
.solution_list .info:after{content: '';position: absolute; left: 0; bottom: -1px;width: 0; height: 1px;background: var(--color-blue);transition: 0.5s}
.solution_list .info .txt{width: 100%;padding-bottom: .2rem}
.solution_list .info h4{font-size: var(--f32);margin-bottom: .2rem}
.solution_list .info p{line-height:.30rem}
.solution_list .info .more:after{content: '';display: inline-block;margin-left: 18px; width: 9px; height: 14px; background: url("../images/more_jt.svg") no-repeat}
.solution_list li:not(:hover) .info .more:after{filter: grayscale(100%) brightness(100%); }
.solution_list li:hover h4,
.solution_list li:hover .more{ color: var(--color-blue)}
.solution_list li:hover .info:after{content: ''; width: 100%;}

@media(min-width:768px){
.solution_list li{width:48%;position: relative}
.solution_list li .info{position: absolute;width:100%; height:100%; top:0;opacity:0; transition:0.5s;z-index: 10; padding: 5%;}
.solution_list li .pic figure:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;transition: all 0.5s;}
.solution_list li:hover .pic figure:after{background: rgba(var(--color-blue), 0.5);backdrop-filter: blur(10px) saturate(150%);}
.solution_list li:hover .info{opacity:1;filter: brightness(0) invert(1);}
}
@media(max-width:768px){
.solution_list .info h4{margin-bottom: .1rem}
}

.column_title{text-align: center; font-size: var(--f44); padding-bottom: .3rem}

.sub_title h3{ font-size: var(--f36);padding-bottom: .2rem;}
.sub_title p{font-size: var(--f18);padding-bottom: .2rem}

.solution_main .auto{position: relative}
.solution_main .swiper-slide{height: auto}
.solution_main .swiper-slide .item{height: 100%}

@media(min-width:1024px){
.solution_main .swiper-button-prev{left: -1rem}
.solution_main .swiper-button-next{right: -1rem}
}
@media(max-width:1024px){
.solution_main .arrow{position: relative; width: 40%; margin:.2rem auto 0 auto;height: .6rem}
}

.solution_btn{position: absolute; right: 0; top: .2rem; }
.solution_btn a{color: var(--color-fff)!important; background: var(--color-blue);font-size: var(--f18);border-radius: var(--br30); display: inline-block; padding: 0 .45rem; cursor: pointer; line-height: .4rem;}
.solution_btn a:hover{background: var(--color-skyblue);}
@media(max-width:768px){
.solution_btn{position: initial; text-align: right}
}

.quick_layout{}
.quick_layout .navH{transition: 0.5s}
.quick_nav{width: 100%; background: var(--color-f7); line-height: .5rem; transition: 0.5s; z-index: 12}
.quick_nav .auto{padding-top: .2rem; padding-bottom: .2rem;position: relative}
.quick_nav li{font-size: var(--f18)}
.quick_nav li:not(:last-child){padding-right: 2.6vw}
.quick_nav li a{display: block;position: relative; cursor: pointer}
.quick_nav li a:after{content: '';position: absolute; width: 0; height: 4px; left: 0; right: 0; bottom: -.2rem; margin: auto; background: var(--color-blue)}
.quick_nav li.active a{color: var(--color-blue)}
.quick_nav li.active a:after{width: 100%;}
.quick_nav.show_t{position: fixed; top:0}
.quick_item .item_part{padding-top: 0.9rem;}
@media(max-width:768px){
.quick_nav li a:after{bottom: 0}
}

.solution_overview{}
.solution_overview .article{font-size: var(--f18); color: var(--color-555); line-height: 2}
.solution_overview .article p{padding: inherit; text-indent: 2em}

.solution_drawback{position: relative;padding-top: 0!important;}
.solution_drawback .infobox{color: var(--color-fff);position: relative; z-index:2}
.solution_drawback .infobox ul{align-items:normal;height: 100%}
.solution_drawback .infobox li{flex: 1; display: flex; align-items: center; position: relative; transition: 0.5s; cursor: pointer}
.solution_drawback .infobox li .info{text-align: center; font-size: var(--f18); padding: .3rem; }
.solution_drawback .infobox li h4{font-size: var(--f20);padding: .2rem 0}
.solution_drawback .infobox li figure{width: .4rem; height: .4rem; margin: auto}

.solution_drawback .infobox li:not(:last-child):after{content: '';position: absolute; top: 0;right: 0; width: 1px; height: 100%;background: var(--color-fff); opacity: 0.2}
.solution_drawback .infobox li:hover{background: rgba(0,0,0,0.4)}
.solution_drawback .photo{background: var(--color-000)}
.solution_drawback .photo img{width: 100%; opacity: 0.6;}
@media(min-width:1024px){
.solution_drawback .column_title{position: absolute;left: 50%; z-index: 5; transform: translateX(-50%); top: 10%;color: var(--color-fff);}
}
@media(min-width:768px){
.solution_drawback .infobox{ position: absolute; width: 100%; height: 100%; z-index: 2}
.solution_drawback .infobox li p{visibility: hidden; opacity: 0; transform: translateY(.5rem); transition: 0.5s; max-height: 0; overflow: hidden}
.solution_drawback .infobox li:hover p{visibility: inherit; opacity: 1; transform: translateY(0); max-height: inherit}
}
@media(max-width:1024px){
.solution_drawback .box{position: relative}
.solution_drawback .photo img{height:8rem; object-fit: cover; -o-object-fit: cover}
.solution_drawback .infobox li{flex:initial;width: 33.333%}
.solution_drawback .infobox li:nth-child(3)~li:before{content: '';position: absolute; top: 0;right: 0; width: 100%; height: 1px;background: var(--color-fff); opacity: 0.2}
}
@media(max-width:768px){
.solution_drawback .photo{position: absolute; width: 100%; height: 100%;top: 0}
.solution_drawback .photo img{width: 100%; height: 100%}
.solution_drawback .infobox li{width: 50%}
.solution_drawback .infobox li:nth-child(2)~li:before{content: '';position: absolute; top: 0;right: 0; width: 100%; height: 1px;background: var(--color-fff); opacity: 0.2}
.solution_drawback .infobox li .info{padding: .2rem}
}

.solution_detail .item{align-items: center}
.solution_detail .pic{width: 49.28571428571429%; position:relative;}
.solution_detail .pic:after {display:block; content:''; padding-bottom:calc(620/690*100%);}
.solution_detail .pic img{width:100%; height:100%; border-radius: var(--br10);object-fit:contain; display:block; position:absolute; left:0; top:0;}
.solution_detail .info{width: 46.42857142857143%;}
.solution_detail .title{font-size: var(--f24)}
.solution_detail .txt{padding: .2rem 0;font-size: var(--f18); line-height:2}
.solution_detail .txt ul{margin-left: 1.5em; display: flex; flex-wrap: wrap}
.solution_detail .txt ul li{width: 33.333%;padding: .05rem; list-style: disc}
.solution_detail .txt ul li::marker{color:var(--color-blue) }
.solution_detail .tab_title.line{border-bottom: solid 1px var(--color-e6)}
.solution_detail .tab_title ul{transform: translateY(1px)}
.solution_detail .tab_title li{padding: 0 .1rem}
.solution_detail .tab_title li a{padding: 5px 0; display: block; cursor: pointer;position: relative}
.solution_detail .tab_title li.show a{color:var(--color-blue); border-bottom: solid 2px var(--color-blue)}
.solution_detail .tab_item{padding-top: .25rem}
@media(max-width:1024px){
.solution_detail .pic{width: 100%}
.solution_detail .info{width: 100%; padding-top: 4%}
}
@media(max-width:768px){
.solution_detail .txt ul li{width: 100%}
}

.solution_advantage .item {border-radius: var(--br10); background: var(--color-f7); overflow: hidden; display: block;transition: 0.5s}
.solution_advantage .item .pic{}
.solution_advantage .item .pic figure{padding-bottom:66.66666666666667%}
.solution_advantage .item .info{padding:.4rem; position: relative; text-align: center; }
.solution_advantage .item .info h4{font-size: var(--f24);color: var(--color-blue)}
.solution_advantage .item .info p{font-size: var(--f18);line-height: 1.7}
.solution_advantage .item:hover{background: var(--color-blue)}
.solution_advantage .item:hover .info h4,
.solution_advantage .item:hover .info p{color: var(--color-fff)}

.solution_application .item {border-radius: var(--br10); overflow: hidden; display: block;background: var(--color-f7);transition: 0.5s}
.solution_application .item .pic{}
.solution_application .item .pic figure{padding-bottom:65.65217391304348%}
.solution_application .item .info{padding: .20rem 0; position: relative; text-align: center; }
.solution_application .item .info h4{font-size: var(--f18);}
.solution_application .item:hover{background: var(--color-blue)}
.solution_application .item:hover .info h4{color: var(--color-fff)}

.solution_case .item {border-radius: var(--br10); overflow: hidden; display: block;background: var(--color-f7); transition: 0.5s}
.solution_case .item .pic{}
.solution_case .item .pic figure{padding-bottom:66.66666666666667%}
.solution_case .item .info{padding: .15rem 0; position: relative;text-align: center; }
.solution_case .item .info h4{font-size: var(--f18);}
.solution_case .item:hover{background: var(--color-blue)}
.solution_case .item:hover .info h4{color: var(--color-fff)}

.solution_product .item .pic{background-color: var(--color-f7); border-radius: var(--br10);}
.solution_product .item .pic figure{padding-bottom: 67.16417910447761%}
.solution_product .item .info{padding: .25rem 0; border-bottom: solid 1px var(--color-e5); position: relative}
.solution_product .item .info:after{content: '';position: absolute; left: 0; bottom: -1px; width: 0; height: 1px;background: var(--color-blue); transition: 0.5s}
.solution_product .item .info h4{font-size: var(--f20); margin-bottom: 5px;}
.solution_product .item .info p{font-size: var(--f18); color: var(--color-555)}
.solution_product .item:hover .info h4{color: var(--color-blue)}
.solution_product .item:hover .info:after{content: ''; width: 30%;}

.solution_contact{background-color: var(--color-f7); padding-bottom: 6%;}
.solution_contact .column_title{text-align: left}
.solution_contact .btn{padding-top: .5rem}

.news_list li:not(:first-child){margin-top: .4rem}
.news_list li a{align-items:normal}
.news_list .pic{width: 29.14285714285714%}
.news_list .pic figure{padding-bottom: 66.66666666666667%;border-radius: var(--br10);}
.news_list .info{width: 67.85714285714286%;font-size: var(--f18); display: flex; flex-wrap: wrap; align-content: space-between; border-bottom: solid 1px var(--color-e6); padding-top: .1rem; padding-bottom: .2rem; position: relative}
.news_list .info.w100 {width:100%}
.news_list .info:after{content: '';position: absolute; left: 0; bottom: -1px;width: 0; height: 1px;background: var(--color-blue);transition: 0.5s}
.news_list .info .txt{width: 100%;padding-bottom: .2rem}
.news_list .info h4{font-size: var(--f24);}
.news_list .info p{line-height: .30rem}
.news_list .info time{color: var(--color-666);font-size: var(--f16);padding: .15rem 0; display: block}
.news_list .info .more:after{content: '';display: inline-block;margin-left: 18px; width: 9px; height: 14px; background: url("../images/more_jt.svg") no-repeat}
.news_list li:not(:hover) .info .more:after{filter: grayscale(100%) brightness(100%); }
.news_list li:hover h4,
.news_list li:hover .more{ color: var(--color-blue)}
.news_list li:hover .info:after{content: ''; width: 20%;}
@media(max-width:768px){
.news_list .pic,
.news_list .info{width: 100%}
.news_list .info h4{margin-bottom: .1rem}
.news_list .info time{position: absolute; right: 0; bottom: .1rem}
}

.article_detail{font-size: var(--f18) }
.article_detail .title{text-align: center; border-bottom: solid 1px var(--color-e5); padding-bottom: .2rem}
.article_detail .title h1{font-size: var(--f36);}
.article_detail .title p{padding: .15rem 0; color: var(--color-555)}
.article_detail .article{line-height:1.85; padding: 3% 0; margin: auto;color: var(--color-555)}
.article_detail .article h3{font-size: var(--f24);color: var(--color-000)}
.article_detail.news .article{max-width: 1080px; }
.article_detail .article p{padding: inherit; text-indent: 2em}
.article_detail.case .title{text-align: left}
.article_detail.case .article{}

.prev_next{font-size: var(--f18); background: #f5f6f7; padding: .2rem}
.prev_next p{display: flex; gap: .2rem; padding: .1rem}
.prev_next p span{white-space: nowrap;}
.prev_next a{flex: 1}
.prev_next a:hover{color: var(--color-blue)}
@media(min-width:1024px){
.prev_next{display: flex; justify-content: space-between}
.prev_next p{max-width: 48%; }
.prev_next p.next span{order: 2}
}

.back_list{display: flex; justify-content: center; padding-top: .4rem}
.back_list a{padding:.12rem .5rem; color: var(--color-fff);background: var(--color-blue); border-radius: var(--br10)}
.back_list a:hover{background: var(--color-skyblue)}

.search_list li{padding: 2% 0; border-bottom: solid 1px var(--color-e5)}
.search_list li time{float: right}

.Pages {padding-top: 4%; padding-bottom: 2%}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page .a_first,
.Pages .p_page .a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{font-size: 0; line-height: 0; position: relative}
.Pages .p_page .a_prev:before,
.Pages .p_page .a_next:before{content: '';position: absolute;width: 100%; height: 100%; background: url("../images/page.svg") no-repeat center center}
.Pages .p_page a,.Pages .p_page .num span{width: .6rem; line-height: .6rem;border-radius: 100%; display: block}
.Pages .p_page .num{font-style: normal; display: flex;font-size: var(--f18); text-align: center; padding: 0 .2rem}
.Pages .p_page .num a:not(:last-child),.Pages .p_page .num span:not(:last-child) {margin-right: .2rem}
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_cur{color: var(--color-fff); background: var(--color-blue)}
.Pages .p_page .a_prev.no,
.Pages .p_page .a_next.no{background: #e5edf5}
.Pages .p_page .a_next{transform: rotate(180deg)}
.Pages .p_page .num a:not(.a_cur){box-shadow:  0 0 0 1px var(--color-e5)}
.Pages .p_page .a_prev:not(.no):before,
.Pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.Pages .p_page .no{cursor: default}
.Pages .p_page .num span {box-shadow: 0 0 0 1px var(--color-e5);}
@media(max-width:750px){
    .Pages .p_page a, .Pages .p_page .num span {
        width: .3rem;
        line-height: .3rem;
    }
    .Pages .p_page .a_prev:before, .Pages .p_page .a_next:before {
        background-size: 60%;
    }
}

.pop-up{position: fixed;z-index:1060;width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;background: rgba(0,0,0,0.5);top: 0; visibility: hidden; opacity: 0; transition: 0.5s;display:none;}
.pop-up h3{font-size: var(--f36); padding-bottom: 0}
.pop-up .close{position: absolute; right: .2rem; top: .2rem; width: .2rem; height: .2rem; cursor: pointer; display: block}
.pop-up .close:before,
.pop-up .close:after{content: '';position: absolute; width: 100%; height: 2px; background: var(--color-000)}
.pop-up .close:before{transform: rotate(45deg)}
.pop-up .close:after{transform: rotate(-45deg)}
.pop-up .inbox{max-width: 7rem;width: 95%;padding: .5rem; border-radius: var(--br10);background: var(--color-fff); position: relative}
.pop-up .btn{padding-top: .4rem}
.pop-show{visibility: inherit; opacity: 1;display:flex;}
body.body-pop{ overflow: hidden}

/*20251219*/


.productPage .header .top-lang span{
    background: url(../images/top-lang2.png) no-repeat center left;
    background-size: .2rem auto;
    color: #333;
}
.productPage .header .top-lang span::after{
    filter: grayscale(0) brightness(0);
}
.pop-up .btn {
    visibility: visible !important;
}

@media screen and (max-width:1024px){
    .side-menu{
        width:100%;
    }
     .side-menu .ul{
         width: 100%;
         overflow-x:auto;
    display: flex; flex-wrap: nowrap;
    overflow-y:hidden;
     }
     .side-menu .ul li{flex-shrink:0;}
    .in-menu li{
        margin-right: 0.2rem;
    }
    .in-menu li.aon a {
        color: var(--color-blue);
        position:relative;
    }
    .in-menu li a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 4px;
        left: 0;
        right: 0;
        bottom: 0rem;
        margin: auto;
        background: var(--color-blue);
    }
    .in-menu li.aon a:after {
        width: 100%;
    }
.productPage .header .openMenu i, 
.productPage .header .openMenu i:before, 
.productPage .header .openMenu i:after {
    background-color: #222;
}
    
}


.productDetailPage .quick_nav{
    position: sticky;
    top: 0.9rem;
}
.productDetailPage .quick_nav .solution_btn {gap:0.1rem;}
.productDetailPage .quick_nav .solution_btn a {padding:0 0.35rem;}
.productDetailPage .maskdot{
    position: relative;
    top: -1.2rem;
}
.productDetailPage .header {
    transform: translate(0, 0);
}
@media screen and (max-width:1024px){
    .productDetailPage .quick_nav{
        top: 0.82537rem;
    }
    .productDetailPage .maskdot{
        top: -2.2rem;
    }
    .productDetailPage .header {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
}

/*new 20260317*/

.g-main{--pd120:1.2rem;--pd110:1.1rem;--pd100:1rem;--pd60:0.6rem;--pd50:0.5rem;--pd40:0.4rem;padding-top: var(--pd120);font-size: var(--f18); overflow: hidden; }
@media (max-width:750px) {
.g-main{--pd120:0.6rem;--pd110:0.55rem;--pd100:0.5rem;--pd60:0.3rem;--pd50:0.25rem;--pd40:0.2rem;}
}
@media (max-width:480px) {
.g-main{--f20:1em;}
}
.g-main center.column_title{font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: calc(39 / 44 * 1em); line-height: 1;color: #333333; padding-bottom: 0;}
figure.figure{position: relative;z-index: 1; overflow: hidden;}
figure.figure .img{position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; top: 0;}
.column_desc{font-size: var(--f18);color: #555; margin-bottom: var(--pd60);}

.g-path{margin-bottom: var(--pd110);}
.g-path .pic img{width: 100%;height: auto;display: block;border-radius: 0.2rem;}
.g-path .intro{line-height: calc(30 / 18); text-indent: 2em;color: #555;}
.g-path .intro p{margin: 1em 0;}
.g-path .tit{font-size: var(--f24);}
@media (min-width:751px) {
.g-path{display: flex;align-items: center; }
.g-path .pic{width: 50%;flex-shrink: 0;}
.g-path .intro{flex: 1; margin-left: 0.5rem; }
.g-info-pic .g-path:nth-child(even) .intro{order: -2;margin-left: 0;margin-right: 0.5rem;}
.g-info-pic .g-path.no-pic .intro{ margin-left:0; margin-right:0}
}

.g-adv .con .item{ margin-bottom: 0.2rem;background-color: #f7f7f7;
border-radius: 0.1rem;counter-increment: itemcounter; position: relative; overflow: hidden;padding: 0.4rem;}
.g-adv .con .item:after{position: absolute;content: counters(itemcounter, ".", decimal-leading-zero);	color:#555555;opacity: 0.06; font-size: 2rem;right: 0; bottom: calc(-50 / 200 * 1em); line-height: calc(153 / 200);font-family: 'HarmonyOS_Sans_SC_Bold';}
.g-adv .con .item .ico-title{display: flex;align-items: center; font-size: var(--f20);font-family: 'HarmonyOS_Sans_SC_Medium';}
.g-adv .con .item .ico-title img{width: 0.2rem; height: 0.2rem; margin-right: 0.11rem;}
.g-adv .con .item p{color: #555; margin-top: 0.2rem;}
@media (min-width:751px) {
.g-adv .con{display: flex;flex-wrap: wrap;}
.g-adv .con .item{width: calc((100% - 0.2rem) / 2);}
.g-adv .con .item:not(:nth-child(2n)){margin-right: 0.2rem;}
.g-adv .con .item:last-child{width: 100%;margin-right: 0;}
}
@media (max-width:750px) {
.g-adv .con .item:after{font-size: 1rem;}
}

.g-singlepage{margin:var(--pd120) 0;}
.g-singlepage{color:#555555;line-height: calc(30 / 18); font-size: var(--f18); }
.g-singlepage .edit-info .tin-35{text-indent: 2em;}
.g-singlepage p{margin: 1em 0;}
.g-singlepage .img-tit{text-align: center;	font-family: 'HarmonyOS_Sans_SC_Medium';font-size:var(--f20);color: #333; margin-bottom: 0;}

.g-main .swiper{cursor: grab;}
.g-swiper-a{width: calc(3360 / 1400 * 100%); margin-left: calc(-980 / 1400 * 100%); margin-top: 0.2rem;}
.g-swiper-a figure.figure{ padding-bottom: calc(490 / 1000 * 100%); border-radius: 0.1rem;}
.g-swiper-a .swiper-slide{padding: 0 var(--pd60);}
.g-swiper-a p{text-align: center;	font-family: 'HarmonyOS_Sans_SC_Medium';font-size: var(--f20);color: #333; margin-bottom: 0;}
.g-swiper-a .btns{width: calc(100% / 3); position: absolute; top: 50%;transform: translateY(-50%); left: calc(100% / 3);display: flex;justify-content: space-between;z-index: 10;}
.g-swiper-a .btns a{width: 0.15rem; display: block; cursor: pointer; background: url(../images/arrows.svg) no-repeat center center;background-size: contain;height: 0.29rem;}
.g-swiper-a .btns a.prev{transform: rotateY(180deg);}

.g-swiper-b{margin-bottom: var(--pd100);}
.g-swiper-b .swiper{width: calc(100% + var(--pd40)); overflow: initial;}
.g-swiper-b .swiper-slide{padding-right:  var(--pd40);}
.g-swiper-b figure.figure{ padding-bottom: calc(337 / 681 * 100%); border-radius: 0.1rem;}
.g-swiper-b .swiper-slide p{text-align: center;font-family: 'HarmonyOS_Sans_SC_Medium';font-size: 0.2rem;color: #333;margin-bottom: var(--pd50);}

.g-swiper-c{margin-top: var(--pd50);}
.g-swiper-c .swiper{margin-bottom:  var(--pd60); overflow: inherit;}
.g-swiper-c .swiper-wrapper{justify-content: space-between;}
.g-swiper-c .swiper-slide{width: auto; height: auto; background-color: #fff;border-radius: 0.1rem;padding: 0.28rem 0.28rem 0;}
.g-swiper-c .swiper-slide img{height: 3.6rem; object-fit: contain;}
.g-swiper-c .swiper-slide p{text-align: center;margin: 0; padding: 0.24rem 0; font-size: var(--f20);color: #333;font-family: 'HarmonyOS_Sans_SC_Medium';}
@media (max-width:750px) {
.g-swiper-c .swiper-slide img{height: 26vw;}
.g-swiper-c .swiper-slide{padding: 0.15rem 0.15rem 0 0.15rem;}
.g-swiper-c .swiper-slide p{padding: 0.1rem 0;}
}

.g-main .scrollbar{position: relative;	height: 0.02rem;border-top: solid 0.02rem #c5cbd5;}
.g-main .scrollbar span{height: 0.04rem;background-color: #00519a;border-radius: 0.02rem; top: -0.02rem;}

.g-wxapp{background-color: #f7f7f7; padding: var(--pd110) 0 var(--pd120) 0;}
.g-wxapp .g-singlepage{margin: 0;}

[class*=g-edit-info124-]{margin: 0.3rem 0;}
[class*=g-edit-info124-] ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
[class*=g-edit-info124-]  li{flex: 1;}
[class*=g-edit-info124-]  li:nth-child(2n){margin-left:  var(--pd40);}
[class*=g-edit-info124-]  li img{border-radius: 0.1rem;}

.g-edit-info124-3 dd:not(:last-child){margin-bottom: var(--pd60);}
@media (min-width:751px) {
.g-edit-info124-3 dd{display: flex;justify-content: space-between; align-items: center;}
.g-edit-info124-3 dd .pic{width: calc(760 / 1400 * 100%); flex-shrink: 0;}
.g-edit-info124-3 dd .txt{flex:1;}
.g-edit-info124-3 dd:nth-child(2n){flex-direction: row-reverse;}
.g-edit-info124-3 dd:nth-child(2n+1) .txt{margin-left: 0.5rem;}
.g-edit-info124-3 dd:nth-child(2n) .txt{margin-right: 0.5rem;}
}

.g-edit-info123 li{position: relative; padding-left:  var(--pd40); background: url(../images/gy-ico.svg) no-repeat left top 0.4em; background-size:0.19rem  auto;}
.g-edit-info123 li:not(:last-child){margin-bottom: 0.1rem;}
.g-edit-info123 li strong{color: #00519a;font-family: 'HarmonyOS_Sans_SC_Medium';font-weight: normal;}


.sys-main{--pd120:1.2rem;--pd100:1rem;--pd80:0.8rem;--pd40:0.4rem;--fmn_m:'HarmonyOS_Sans_SC_Medium'; --fmn_b:'HarmonyOS_Sans_SC_Bold';--f30:0.3rem; overflow: hidden;}
@media (max-width:750px) {
.sys-main{--pd120:0.6rem;--pd100:0.5rem;--pd80:0.4rem;--pd40:0.2rem;}
}
.sys-bus{padding:var(--pd120) 0 var(--pd100) 0;}
.sys-bus .desc{font-size: var(--f20); font-family: var(--fmn_m); margin-bottom: var(--pd40);}
.sys-bus ul{display: flex;flex-wrap: wrap; --lin:4;--ligap:0.3rem}
.sys-bus li{width: calc((100% - var(--ligap) * (var(--lin) - 1)) / var(--lin)); background-color: #f7f7f7;display: flex;align-items: center; padding: 0 0.24rem; min-height: 0.8rem;}
.sys-bus li img{width: 0.32rem;height: 0.32rem; object-fit: contain;flex-shrink: 0; margin-right: 0.24rem;}
.sys-bus li p{color: #00519a;font-family: var(--fmn_b);font-size:var(--f18);}
@media (min-width: 751px) {
.sys-bus li:not(:nth-child(4n)){margin-right: var(--ligap);}
}
@media (max-width:750px) {
.sys-bus ul{ --lin:2;--ligap:0.1rem}
.sys-bus li{margin-bottom: var(--ligap);}
.sys-bus li:not(:nth-child(2n)){margin-right: var(--ligap);}
}

.sys-models{background: url(../images/sys-bg.jpg) no-repeat center bottom / cover; padding-top: 1.7rem; overflow: hidden;}
.sys-models-main{font-size: 1rem;position: relative; margin: 0 auto;}
.sys-models-main .circle,
.sys-models-main .circle i{position: absolute; border-radius: 50%;border: solid 0.01rem rgba(0, 82, 154, 0.1);}
.sys-models-main .circle{height: 11em;top: 0;left: 0;width: 100%; pointer-events: none;}
.sys-models-main .circle i{left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sys-models-main .circle i:nth-child(1){width: 8.24em;height: 8.24em; animation: sysani 20s linear infinite;}
.sys-models-main .circle i:nth-child(2){width: 5.44em;height: 5.44em;}
.sys-models-main .dot-circle{position: absolute;background-color: rgba(0, 82, 154, 0.2); border-radius: 50%;display: flex;align-items: center; justify-content: center; left: 50%; --wh:0.13em;width:var(--wh);height: var(--wh);margin-left: calc(var(--wh) / -2); top: calc(var(--wh) / -2); }
.sys-models-main .dot-circle:before{content: '';display: block;width: calc(var(--wh) / 2);height: calc(var(--wh) / 2);background-color: #00519a;border-radius: 50%;}
.sys-models-main .txt{	color: #555555;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center; padding-bottom: 0.75em;}
.sys-models-main .en-name{font-size: 0.2em;font-family: var(--fmn_m); margin-bottom: 1em;}
.sys-models-main .column_title{color: #00519a;font-size: 0.44em;padding: 0; line-height: 1;}
.sys-models-main .desc{font-size: 0.16em; line-height: calc(30 / 16); max-width: calc(496 / 16 * 1em);text-align: center; margin-top: 1.6em;}
.sys-models-main li .tit span{color: #333333;font-size: 0.24em;font-family: var(--fmn_m); }
.sys-models-main li .hover-txt h3{font-size: 0.2em;font-family: var(--fmn_m); }
.sys-models-main li .hover-txt p{font-size: 0.18em;}
@keyframes sysani {
to{transform: translate(-50%,-50%) rotate(360deg);}
}
@media (min-width: 751px) {
.sys-models-main{width: 11em; height: 5.59em;}
.sys-models-main li{position: absolute;}
.sys-models-main li:nth-child(1){left: -1em; bottom: 1em;}
.sys-models-main li:nth-child(2){left: -0.2em; bottom: 2.61em;}
.sys-models-main li:nth-child(3){left: 1.1em; bottom: 4.21em;}
.sys-models-main li:nth-child(4){left: 50%;margin-left: -1em; top:-0.51em;}
.sys-models-main li:nth-child(5){right: 1.1em; bottom: 4.21em;}
.sys-models-main li:nth-child(6){right: -0.2em; bottom: 2.61em;}
.sys-models-main li:nth-child(7){right: -1em; bottom: 1em;}
.sys-models-main li .hover-txt{position: absolute;width: 2.6em; bottom:0;left: 50%;margin-left: -1.3em;background-color: #00519a;box-shadow: 0 0 0.3rem rgba(0, 81, 154, 0.2);border-radius: 0.2rem;border: solid 0.01rem #ffffff;color: #fff; padding: 0.2em; clip-path: polygon(0 100% , 100% 100%,100% 100%, 0 100%); opacity: 0; transition: 0.5s ease-in-out;}
.sys-models-main li:hover .hover-txt{ opacity: 1;clip-path: polygon(0 0 , 100% 0,100% 100%,0 100%);}
.sys-models-main li .tit{width: 2em;height: 1em;	background-image: linear-gradient(45deg, #f3f8fe 0%, #edf5fd 25%, #e6f2fc 50%, #f4f7fe 100%);box-shadow: 0 0 0.1rem 0rem rgba(0, 81, 154, 0.1);border-radius: 0.2rem;border: solid 0.01rem #ffffff;display: flex;align-items: center;justify-content: center;}
}
@media (max-width:1100px) {
.sys-models-main{font-size: 0.7rem;}
}
@media (max-width:750px) {
.sys-models{padding-top: 0.8rem;}
.sys-models-main .circle{width: 11em; top: auto; top: -5em;font-size: 0.4rem; left: 50%;margin-left: -5.5em;}
.sys-models-main .dot-circle{--wh:0.3em;}
.sys-models-main li .tit{display: none;}
.sys-models-main ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sys-models-main li{width: 48%; margin-bottom: 4%;background-image: linear-gradient(45deg, #f3f8fe 0%, #edf5fd 25%, #e6f2fc 50%, #f4f7fe 100%);box-shadow: 0 0 0.1rem 0rem rgba(0, 81, 154, 0.1);border-radius: 0.1rem;border: solid 0.01rem #ffffff; padding: 0.15rem;}
.sys-models-main li:last-child{width: 100%;}
}
@media (max-width:480px) {
.sys-models-main{font-size: 0.9rem;}
}

.sys-main .edit-info{color: #555;font-size: var(--f18); line-height: calc(30 / 18);}
.sys-brand{padding: var(--pd120) 0;} 
.sys-brand .tab-box{margin: var(--pd80) 0;display: flex;}
.sys-brand .tab-box .box{position: relative;}
.sys-brand .tab-box .txt{padding: 0.7rem 0; background-color: rgba(0, 81, 154, 0.2);}
.sys-brand .tit-area{display: flex;flex-direction: column;align-items: center;}
.sys-brand .tit-area:after{width: 0.26rem;height: 0.02rem;background-color: #00b0f0; margin-top: 0.1rem;display: block; content: '';}
.sys-brand .tit-area .name{color: #fff; font-size: var(--f30);font-family: var(--fmn_m); position: relative;}
.sys-brand .tit-area .ico{margin-bottom: 0.3rem;}
.sys-brand .tit-area .ico img{height: 0.5rem; object-fit: contain; width: 0.5rem;  }
.sys-brand .desc dl{display: flex;flex-wrap: wrap}
.sys-brand .desc dd{width: calc((100% - 0.1rem * 3) / 4); margin-bottom: 0.1rem;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); border-radius: 0.1rem;backdrop-filter:saturate(150%) contrast(50%) blur(0.08rem);-webkit-backdrop-filter:saturate(150%) contrast(50%) blur(0.08rem);background-color:rgba(255,255,255,.2);font-size: var(--f20);font-family: var(--fmn_m); color: #fff; min-height: 3em;display: flex;align-items: center;justify-content: center;text-align: center;}
.sys-brand .desc dd:not(:nth-child(4n)){margin-right: 0.1rem;}
.sys-brand .sub-tit{font-size: var(--f24);font-family: var(--fmn_m); margin-bottom: 0.5em;}
@media (min-width:751px) {
.sys-brand .tab-box .txt{position: absolute;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column; justify-content: space-between; }
.sys-brand .tab-box .figure{height: calc(670 / 1920 * 100vw);}
}
@media (min-width:1025px) {
.sys-brand .tab-box .box{flex: 1; transition: 0.3s; overflow: hidden;}
.sys-brand .tab-box .box.active{flex: 4.0636;}
.sys-brand .desc{transition: 0.5s; transform: translateY(2.7rem);  min-width: calc(50vw - 1.2rem);}
.sys-brand .tab-box .box.active .desc{transform: translateY(0); }
.sys-brand .tab-box .box.active .tit-area{align-items: flex-start;}
.sys-brand .tab-box .box.active .txt{padding-left: calc(60 / 960 * 100%); padding-right: calc(60 / 960 * 100%); background-color:  rgba(0, 81, 154, 0);}
.sys-brand .tit-area .name span{transition: 0.3s;}
.sys-brand .tit-area .name span:nth-child(2){position: absolute; left: 0;top: 0;width: max-content;}
.sys-brand .tab-box .box.active  .name span:nth-child(1),
.sys-brand .box:not(.active) .name span:nth-child(2){opacity: 0;}
}
@media (max-width:1024px) {
.sys-brand .tab-box{ flex-wrap: wrap;}
.sys-brand .tab-box .box{width: 50%;}
.sys-brand .tab-box .txt{padding: 5%;}
.sys-brand .tit-area .name span:nth-child(1){display: none;}
.sys-brand .desc dd{font-size: var(--f16);}
}
@media (max-width:750px) {
.sys-brand .tab-box .box{width: 100%;}
.sys-brand .tab-box .figure{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.sys-brand .tab-box .txt{position: relative;z-index: 4;}
.sys-brand .tit-area .ico{margin-bottom: 0.15rem;}
.sys-brand .tit-area{margin-bottom: 0.3rem;}
.sys-brand .tit-area .name{font-size: var(--f20);}
}

.sys-one{background-color: #f7f7f7; padding: var(--pd100) 0;}
.sys-one .auto{display: flex;}
.sys-one .column_title{text-align: left;}
.sys-one .pic img{border-radius: 0.2rem;}
@media (min-width:751px) {
.sys-one .auto{align-items: center;}
.sys-one .pic{width: 50%;flex-shrink: 0;}
.sys-one .txt{flex: 1; margin-left: 0.62rem;}
}
@media (max-width:750px) {
.sys-one .auto{flex-direction: column-reverse;}
.sys-one .txt{ margin-bottom: var(--pd40);}
}

.sys-adv{padding: var(--pd120) 0;}
.sys-adv ul{display: flex;flex-wrap: wrap;justify-content: center;--lin:3;--ligap:0.26rem}
.sys-adv li{width: calc((100% - var(--ligap) * (var(--lin) - 1)) / var(--lin));  margin-bottom:var(--ligap);background-color: #f7f7f7;border-radius: 0.1rem; display: flex;position: relative; overflow: hidden;}
.sys-adv li .tit{font-size: var(--f24);font-family: var(--fmn_m); }
.sys-adv li .desc{line-height: calc(30 / 18); margin-top: 1em;}
.sys-adv li .ico{position: relative;width: 1rem;margin-bottom: 0.3rem;height: 1rem;background-color: #ffffff;border: solid 0.01rem #00519a; border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.sys-adv li .ico img{width: 45%;}
.sys-adv li .ico:before{width: 20%;height: 20%;background-color: #00519a; position: absolute; border-radius: 50%; position: absolute; content: ''; bottom: 5%; left: 5%;}
@media (min-width:751px) {
.sys-adv li{align-items: center;justify-content: center;flex-direction: column; min-height: 3rem;}
.sys-adv li:not(:nth-child(3n)){margin-right: var(--ligap);}
.sys-adv li .hover-txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 82, 154, 0.86);color: #fff; padding: 0.4rem 0.5rem; opacity: 0; transition:  0.5s;clip-path: polygon(0 100% , 100% 100%,100% 100%, 0 100%);}
.sys-adv li:hover .hover-txt{opacity: 1;clip-path: polygon(0 0 , 100% 0,100% 100%,0 100%);}
.sys-adv li .desc{font-size: var(--f18); }
}
@media (max-width:750px) {
.sys-adv ul{--lin:1;--ligap:0.15rem}
.sys-adv li{padding: 0.15rem;display: flex;align-items: flex-start;}
.sys-adv li .ico{flex-shrink: 0; width: 0.8rem; height: 0.8rem;}
.sys-adv li > .tit{display: none;}
.sys-adv li .desc{color: #555;}
.sys-adv li .hover-txt{flex: 1; margin-left: 0.15rem;}
}

.detect-main{--pd120:1.2rem;--pd80:0.8rem;--pd60:0.6rem; --pd50:0.5rem;  --pd40:0.4rem; padding-top:var(--pd50); overflow: hidden;}
@media (max-width:750px) {
.detect-main{--pd120:0.6rem;--pd80:0.4rem;--pd60:0.3rem; --pd50:0.25rem; --pd40:0.2rem; }
}
.detect-main .edit-info{color: #555;font-size: var(--f18); line-height: calc(30 / 18);}
.detect-main .dt-tit{font-size: var(--f24); font-family: 'HarmonyOS_Sans_SC_Medium'; margin-bottom: 1em;}
.detect-main .intro{padding: var(--pd80) 0;}
.detect-main .intro .auto{display: flex;align-items: center;}
.detect-main .intro .column_title{text-align: left;}
.detect-main .intro .pic{position: relative;}
.detect-main .intro .pic img{width:100%}
@media (min-width:751px) {
.detect-main .intro .auto{align-items: center;}
.detect-main .intro .pic{width: calc(663 / 1400 * 100%);}
.detect-main .intro .txt{margin-left: 0.86rem;flex: 1;}
}
@media (max-width:750px) {
.detect-main .intro .auto{flex-direction: column-reverse;}
.detect-main .intro .txt{margin-bottom: 0.3rem;}
}
.detect-main .cma{	background-color: #f7f7f7; padding: var(--pd120) 0;}
.cma-intro .swiper-cer{margin:0.2rem 0 var(--pd60) 0;}
.cma-intro .swiper-cer .swiper-wrapper{justify-content: space-between;}
.cma-intro .swiper-cer .swiper-slide{height: auto; background-color: #fff;border-radius: 0.2rem;display: flex;align-items: center;}
.cma-intro .swiper-cer .swiper-slide img{display: block;width: 100%;}
.cma-intro .swiper-cer .controls{display: flex;align-items: center; margin-top: 0.3rem;}
.cma-intro .swiper-cer .controls .scrollbar{flex:1;	height: 0.02rem;background-color: #c5cbd5;position: relative;}
.cma-intro .swiper-cer .controls .scrollbar span{height: 0.04rem;border-radius: 0.02rem;top: -0.01rem;}
.cma-intro .swiper-cer .controls .btns{display: flex;flex-shrink: 0;}
.cma-intro .swiper-cer .controls .btns a{margin-left: 0.2rem;width: 0.6rem;height: 0.6rem;background-color: #00519a;border-radius: 0.3rem;display: flex;align-items: center;justify-content: center; border-radius: 50%; cursor: pointer;}
.cma-intro .swiper-cer .controls .btns a:after{display: block; content: '';	width: 0.11rem; height: 0.18rem; background: url(../images/arrows.svg) no-repeat center center; background-size: contain; filter: brightness(0) invert(1);}
.cma-intro .swiper-cer .controls .btns a.prev:after{transform: rotate(180deg);}
.cma-intro .swiper-cer .controls .btns a[class*=-disabled]{background-color: #e6e6e6; cursor: not-allowed;}
.cma-intro .swiper-cer .controls .btns a[class*=-disabled]:after{filter: grayscale(100%);}
.cma-intro .edit-imgs{display: flex;justify-content: space-between; margin: 0.4rem 0;}
.cma-intro .edit-imgs li{flex: 1;}
.cma-intro .edit-imgs li:not(:nth-child(2n)){margin-right: 0.2rem;}
.cma-intro .edit-imgs li img{border-radius: 0.2rem;display: block;width: 100%;}
.cma-intro .desc{color: #555;font-size: var(--f18);}
.cma-intro .swiper-equ{width: calc(1920 / 1400 * 100%); margin-left: -18.57%; margin-top: var(--pd50);}
.cma-intro .swiper-equ .swiper-slide{width: auto;}
.cma-intro .swiper-equ .swiper-slide img{border-radius: 0.2rem;height: 3rem; object-fit: cover;}
@media (max-width:750px) {
.cma-intro .edit-imgs li img{border-radius: 0.1rem;}
.cma-intro .swiper-equ .swiper-slide img{border-radius: 0.1rem;height: 24vw; }
}

.detect-pass{padding: var(--pd120) 0; position: relative;z-index: 1; overflow: hidden;}
.detect-pass .edit-table{ border-spacing: 0.1rem; border-collapse: separate;width: 100%; margin-bottom: var(--pd50);}
.detect-pass .edit-table td{background-color: #f7f7f7;border-radius: 0.1rem; color: #555555; font-size: var(--f18); padding: 0.2rem 0.3rem;}
.detect-pass .lz{position: absolute; left: 0;bottom: 0;width: 100%; height: 5rem; opacity: 0.3;z-index: 1;}
.detect-pass .con{ position: relative;z-index: 2; margin-top: var(--pd80);}
.detect-pass .con .name{display: flex;flex-direction: column;align-items: center;}
.detect-pass .con .name span{position: relative;min-width: 3.22rem;background-image: linear-gradient(179deg, rgba(129, 195, 255, 0.61) 0%, 	rgba(0, 81, 154, 0.61) 100%), linear-gradient(	#00a0e9, 	#00a0e9);background-blend-mode: normal, 	normal;border-radius: 0.08rem;display: block;color: #fff;letter-spacing: 0.05rem;font-size: var(--f24);text-indent: 0.05rem;line-height: calc(68 / 24);text-align: center;font-family: 'HarmonyOS_Sans_SC_Medium';}
.detect-pass .con .name:after{display: block; height: 0.6rem;width: 0.1rem;background: url(../images/line-v.svg) no-repeat center center;background-size: contain; content: '';}
.detect-pass .con .name span:before{position: absolute;z-index: -1; --w:-0.13rem; left: var(--w); top: var(--w); right: var(--w); bottom: var(--w);border-radius: 0.08rem;opacity: 0.08;	background-image: linear-gradient(179deg, 	rgba(129, 195, 255, 0.61) 0%, 	rgba(0, 81, 154, 0.61) 100%), linear-gradient(	#00a0e9, #00a0e9); content: '';}
.detect-pass .con ul{display: flex;justify-content: space-between; position: relative;padding-top: 0.54rem;}
.detect-pass .con ul:before{position: absolute; top: 0;--w:calc((100% - var(--pd40) * 7) / 8 / 2 + 0.07rem);left: var(--w);right: var(--w); content: '';height: 1px;background-color: #00519a;}
.detect-pass .con li{flex: 1;min-height: 1.12rem;background-color: #eef7fc;border-radius: 0.08rem;border: solid 0.01rem #00519a;display: flex;align-items: center;justify-content: center; position: relative;	font-family: 'HarmonyOS_Sans_SC_Medium';font-size: 0.22rem;color: #00519a;text-align: center; padding: 0 0.1rem;}
.detect-pass .con li:before{bottom: 100%;left: 50%;position: absolute; content: '';width: 0.17rem;height: 0.55rem;background: url(../images/line.svg) no-repeat center center;background-size: contain; margin-left: -0.1rem;}
.detect-pass .con li:not(:last-child){margin-right: var(--pd40);}
.detect-pass .con li:nth-child(1):before{transform: rotateY(180deg);}

.detect-pass .photo-slides{position: relative; margin-bottom:4%}
.detect-pass .photo-slides .pic{background-color: var(--color-f7); border-radius: var(--br10);}
.detect-pass .photo-slides .item{border-bottom: solid 1px var(--color-e5);  height: auto}
.detect-pass .photo-slides .item .pic figure{padding-bottom: 67.16417910447761%}
.detect-pass .photo-slides .item .info{padding: .25rem 0; position: relative}
.detect-pass .photo-slides .item .info:after{content: '';position: absolute; left: 0; bottom: -1px; width: 0; height: 1px;background: var(--color-blue); transition: 0.5s}
.detect-pass .photo-slides .item .info h4{font-size: var(--f20); margin-bottom: 5px; font-weight:none}
.detect-pass .photo-slides .item .info p{font-size: var(--f18); color: var(--color-555)}
.detect-pass .photo-slides .item:hover .info h4{color: var(--color-blue)}
.detect-pass .photo-slides .item:hover .info:after{content: ''; width: 30%;}

@media(min-width:1024px){
.detect-pass .photo-slides .swiper-button-prev{left: -1rem}
.detect-pass .photo-slides .swiper-button-next{right: -1rem}
}
@media(max-width:1024px){
.detect-pass .photo-slides .arrow{position: relative; width: 40%; margin:.2rem auto 0 auto;height: .6rem}
.in-banner .column .cn{font-size:6vw}

}
.solution_btn{display:none}
.flex.solution_btn{display: -webkit-box;    display: -moz-flex;    display: -ms-flexbox;    display: flex;    display: -webkit-flex;}
@media (max-width:750px) {
  .detect-pass .con li{writing-mode: vertical-rl; padding: 0.1rem 0;}
}
@media (max-width:480px) {
  .detect-pass .con ul{--pd40:0.1rem} 
  .detect-pass .con li{font-size: 0.18rem; }
.detect-pass .con .name span{font-size: 0.2rem; min-width: auto; padding: 0 2em;}
.detect-pass .edit-table td{padding: 0.1rem;}
}


.video_list li .pic{background-color: var(--color-f7); border-radius: var(--br10);}
.video_list li .pic figure{padding-bottom: 67.16417910447761%}
.video_list li .pic figure:before{content: '';position:absolute;width:.44rem;height:.44rem;background:url(../images/play.svg)no-repeat center;background-size:.44rem auto;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer; z-index:10}
.video_list li .info{padding: .25rem 0; border-bottom: solid 1px var(--color-f7); position: relative}
.video_list li .info h4{font-size: var(--f20); margin-bottom: 5px;}
@media(min-width:640px){
.video_list li{width:31%;}
.video_list li:not(:nth-child(3n+3)){margin-right:3.5%}
.video_list li:nth-child(3)~li{margin-top:3.5%}
}
@media(max-width:640px){
.video_list li{width:100%;}
.video_list li:nth-child(1)~li{margin-top: 3%}
}

.detect-main .intro .pic:before,
.cma-intro .swiper-cer .swiper-slide:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;background: url("/upload/image/2026-07/1783304416539.png") repeat center center;background-size: contain;z-index: 10;opacity: 0.05;filter: grayscale(100%) brightness(100%);}


.about_honor .item:before,
.technology_certificate .item figure:before,
.fancybox-content:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100%;/* background: url("../images/sy.png") repeat center center;*/background-size: contain;z-index: 10;opacity: 0.2;filter: grayscale(100%) brightness(100%);}

.search-form {background-color:#f5f5f5; position:relative; padding-right:calc(70em/16); margin:0.2rem 0;}
.search-form .text {font-size:0.16rem; height:calc(50em/16); line-height:calc(30em/16); padding:calc(10em/16) 1.25em; display:block; width:100%; border:none; background-color:transparent;}
.search-form .submit {width:calc(70em/16); height:100%; display:flex; align-items:center; justify-content:center; border:none; background:none; cursor:pointer; position:absolute; right:0; top:0;}
.search-form .submit i {font-size:0.25rem!important;}

@media(max-width:640px){
    .in-banner .wapimg {
        height: 36vh;
        object-fit: cover;
    }
    .technology_certificate .swiper-pagination {
        display: none;
    }
    .technology_certificate .swiper-button-prev, .technology_certificate .swiper-button-next{
        margin:0 .1rem;
    }
    .x-index-xg .x-con .x-img1 img.x-d1 {
        transform: translate(25%, 500%) scale(108);
    }
    .pro_filter .have_many .list.active {
        height: auto !important;
    }
    .pro_filter dd .list {
        height: 1.1rem !important;
    }
}