@charset "utf-8";
@font-face{
    font-family:'HarmonyOS';
    /*src:url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');*/
    font-style:normal;
    font-weight:300;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    /*src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');*/
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    /*src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');*/
    font-style:normal;
    font-weight:500;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    /*src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');*/
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
@font-face{
    font-family:'Oswald';
    src:url('../fonts/Oswald-Medium.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#000;
    --main-color:#0072bd;
    --r:0;
    --g:114;
    --b:189;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
    ::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.2rem;}
}
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);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.set-mp,.set-mp dl, .set-mp dt, .set-mp dd,.set-mp li,.set-mp ul, .set-mp ol, .set-mp p{margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal 0.16rem/1.875em 'HarmonyOS','Sans-serif'; overflow-x:hidden;word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.set-mp li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:14.4rem;margin:0 auto;}
.w1600 {max-width:16rem;}
.w1280 {max-width:12.9rem;}
.submit {cursor:pointer;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;overflow:hidden;width: 100%;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{display: block; white-space: nowrap;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[class*=flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[class*=_fdrr]{flex-direction:row-reverse;}
[class*=_fdc]{flex-direction:column;}
[class*=_fdcr]{flex-direction:column-reverse;}
[class*=_fww]{flex-wrap:wrap;}
[class*=_fwn]{flex-wrap:nowrap;}
[class*=_jcsb]{justify-content:space-between;}
[class*=_jcsa]{justify-content:space-around;}
[class*=_jcse]{justify-content:space-evenly;}
[class*=_jcfs]{justify-content:flex-start;}
[class*=_jcc]{justify-content:center;}
[class*=_jcfe]{justify-content:flex-end;}
[class*=_aifs]{align-items:flex-start;}
[class*=_aic]{align-items:center;}
[class*=_aife]{align-items:flex-end;}
/*col*/
[class*=col_] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[class*=col_] .item {--padding:0.2rem; padding-right: var(--padding); padding-bottom: var(--padding);}
.col_2 .item {width: 50%;}
.col_3 .item {width: 33.333%;}
.col_4 .item {width: 25%;}
.col_5 .item {width: 20%;}
.col_6 .item {width: 16.666%;}
@media only screen and (max-width:1024px){
    .col_3 .item,
    .col_4 .item {width: 50%;}
    .col_5 .item,
    .col_6 .item {width: 33.333%;}
}
@media only screen and (max-width:750px){ 
    .col_4 .item,
    .col_3 .item,
    .col_2 .item {width: 100%;}
    .col_5 .item,
    .col_6 .item {width: 50%;}
}
/*effect*/
.delay { --property:all; --duration:0.3s; transition: var(--property) var(--duration);}
/*font*/
.font-color-000 {color:#000;}
.font-color-666 {color:#666;}
.font-color-f00 {color:#000;}
.font-color-333 {color:#333;}
.font-color-fff {color:#fff;}
.font-main-color {color:var(--main-color);}
/*font-center*/
.font-center {text-align: center;}
.font-right {text-align: right;}
.font-justify {text-align: justify;}
/*font-weight*/
.font-lighter {font-weight: 300;}
.font-normal {font-weight: normal;}
.font-medium {font-weight: 500;}
.font-bold {font-weight: bold;}

/*effect*/
.delay{--property:all;--duration:0.3s;transition:var(--property) var(--duration);}

/*radius*/
.radius{border-radius:0.14rem;overflow:hidden;}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;background-color:#fff;}
#header .inner{position:relative;}

/*logo*/
#logo{width:1.1rem;position:relative;z-index:10;padding:0.22rem 0;}
#logo a{display:block;overflow:hidden;padding-bottom:41.81818182%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{padding:0.22rem 0;}

/*phone*/
#phone {font-weight:bold; font-size:0.24rem;margin-left: 0.3rem;white-space: nowrap;}
@media only screen and (max-width:750px){
    #phone{margin-left:0.2rem;font-size:0.22rem;}
}
/*language*/
#language{position:relative;}
#language a:not(:last-child){margin-right:0.25rem;position:relative;}
#language a:not(:last-child):after{background-color:#666;opacity:0.2;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:-0.13rem;width:0.01rem;height:0.13rem;}
#language a:not(.current):not(:hover){color:rgba(51,51,51,0.3);}

/*search*/
#search{margin-left:0.3rem;}
#search span{width:0.15rem;height:0.15rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;cursor:pointer;}
#search .form{position:absolute;right:0;top:100%;width:4rem;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);background-color:#fff;display:none;}
#search .input{position:relative;padding-right:0.44rem;}
#search .text{display:block;width:100%;height:2.75em;line-height:1.75em;padding:0.5em 2.75em 0.5em 1.25em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.75em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 45.45454545%;}
@media only screen and (max-width:750px){
	#search {margin-left:0.2rem;}
    #search .form{width:100%;}
}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

    /*1024*/
    #navbtn{margin-left:0.3rem;position:relative;cursor:pointer;width:0.15rem;height:0.15rem;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#333;display:block;position:absolute;left:0;transition:inherit;content:'';}
    #navbtn:before{top:0.01rem;}
    #navbtn:after{bottom:0.01rem;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active{overflow:visible;}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}
}
@media only screen and (max-width:750px){
	#navbtn {margin-left:0.2rem;}
}
/*navi*/
#navi{width:calc(100% - 4.4rem);line-height:2.875em;padding:0 0.3rem;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.22rem 0.35rem;position:relative;}
#navi .drop{display:none;}
#navi .left li ul{display:none;}
@media only screen and (min-width:1025px){
    #navi .parent > a:after{width:0;height:0.04rem;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:-0.22rem;--property:all;--duration:0.3s;transition:var(--property) var(--duration);}
    #navi .full{position:static;}
    #navi .on > a,#navi .cur > a{color:var(--main-color);}
    #navi .on > a:after,#navi .cur > a:after{width:100%;}
    #navi .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:0 0 0.14rem 0.14rem;z-index:5;}
    #navi .sub{min-width:100%;text-align:center;padding:0.5em 1.5em;}
    #navi .sub li{border-bottom:1px solid rgba(0,0,0,0.1);}
    #navi .sub li:last-child{border-bottom:none;}
    #navi .sub a{white-space:nowrap;}

    /*prodrop*/
    .prodrop{width:14.4rem;border-top:0.01rem solid rgba(var(--r),var(--g),var(--b),0.08);}
    .prodrop .left{width:3.2rem;background-color:#f4f7f9;padding:0.15rem 0;min-height:5.6rem;}
    .prodrop .left li{padding:0.09rem 0.5rem;font-weight:300;}
    .prodrop .left .active{background-color:rgba(var(--r),var(--g),var(--b),0.08);font-weight:normal;}
    .prodrop .left .active a{color:var(--main-color);}
    .prodrop .right{width:calc(100% - 3.2rem);padding:0.25rem 1.7rem 0.35rem 0.5rem;}
    .prodrop .right ul{--margin:0.3rem;}
    .prodrop .right li{--padding:0.3rem;padding-bottom:0;}
    .prodrop .right li:nth-child(n+4){padding-top:0.35rem;}
    .prodrop .right .figure{background-image:linear-gradient(0deg,#ecf1f7 0%,#f0f3f8 55%,#eef1f5 100%);border-radius:0.14rem;overflow:hidden;padding-bottom:66.07142857%;margin-bottom:0.1rem;}
    .prodrop .right .name{font-size:0.2rem;line-height:1.5em;font-weight:500;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:100%;max-width:4rem;height:calc(100% - 0.9rem);background-color:#fff;z-index:9;right:0;top:0.9rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.35rem 0;border-top:0.01rem solid rgba(var(--r),var(--g),var(--b),0.08);--property:all;--duration:0.3s;transition:var(--property) var(--duration);transform:translateX(100%);opacity:0;}
    #navi.active{transform:translateX(0);opacity:1;}
    #navi .menu{display:block;}
    #navi a{color:#333;}
    #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
    #navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;}
    #navi em{display:block;position:absolute;right:0.3rem;width:3.61111111em;height:5.05555556em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.66666667em;height:0.66666667em;border-right:0.05555556em solid #333;border-bottom:0.05555556em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:inherit;}
    #navi .on{background-color:#f9f9f9;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{position:static;background-color:transparent;padding:1em 0 1em 2em;}
    #navi .drop a{padding:0.75em 0;}
    #navi .drop .left{width:100%;}
    #navi .right{display:none;}
}
@media only screen and (max-width:750px){
    #navi{padding:0;}
}

/*footer*/
#footer{background:#fff url(../images/footer_bg.jpg) no-repeat center center;background-size:cover;font-weight:300;color:rgba(103,103,103,0.8);}
#footer a:not(:hover){color:rgba(103,103,103,0.8);}

/*copyright*/
#copyright{padding:0.23rem 0;}
#copyright a,#copyright span{display:inline-block;}
@media only screen and (max-width:750px){

    /*750px*/
    #copyright{flex-direction:column;text-align:center;justify-content:center;align-items:center;}
}

/*site*/
#site{border-bottom:1px solid rgba(103,103,103,0.1);padding:0.65rem 0 0.34rem;}
#site .logo{width:31.25%;}
#site .logo img{display:block;width:100%;max-width:1.42rem;}
#site .slogan{width:65.27777778%;font-size:0.2rem;line-height:1.7em;font-weight:normal;}
@media only screen and (max-width:750px){

    /*750px*/
    #site{padding:0.35rem 0 0.3rem;}
}

/*bottom*/
#bottom{padding:0.38rem 0 0.2rem;}
@media only screen and (max-width:750px){
    #bottom{justify-content:center;}
}

/*infor*/
#infor{width:3.1rem;line-height:1.75em;}
#infor .item{margin-bottom:0.15rem;}
#infor .item:last-child{margin-bottom:0;}
#infor strong{font-weight:bold;font-size:0.40rem;line-height:1.38461538em;white-space:nowrap;}
@media only screen and (max-width:750px){
    #infor{text-align:center;width:100%;}
}

/*social*/
.social a{display:block;overflow:hidden;width:0.5rem;height:0.5rem;border-radius:50%;background-size:contain;border:0.01rem solid rgba(102,102,102,0.3);}
.social a:hover{background-color:var(--main-color);border-color:transparent;}
.social a:hover i{filter:brightness(100);}
.social i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:41.66666667% auto;}
/* .social li{margin-right:0.12rem;position:relative;}
.social li:last-child{margin-right:0;} */
.social li{width: 33.33%;box-sizing: border-box;text-align: center;}
.social li .img{max-width: 1.2rem;margin: 0 auto;max-height:1.2rem;}
.social li .img img{transition: 0.5s;}
.social li:hover .img img{transform: scale(1.8);}
.social .qr{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.4rem;box-shadow:0px 0px 0.1rem rgba(175,185,203,0.36);display:none;}
.social .qr:after{border-top:0.1rem solid #fff;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:-1px;}
.social .qr img{display:block;width:100%;height:auto;}

/*follow*/
#follow{margin-bottom:0.3rem;}
#follow .name{font-size:0.16rem;line-height:2.25em;font-weight:300;margin-bottom:0.15rem;text-align:center;}

/*menu*/
#menu{width:40.27777778%;margin-bottom:0.3rem;}
#menu dt{font-size:0.16rem;line-height:2.25em;font-weight:normal;margin-bottom:0.03rem;}
#menu dt a:not(:hover){color:var(--font-color);}
#menu dd{line-height:2.25em;}
#follow{width: 28%;}
#footslides .swiper-slide{padding: 0 .15rem;box-sizing: border-box;}
#footslides .swiper-slide .img img{width: 100%;}
#footslides .swiper-slide .title{margin-top: .15rem;text-align: center;}
#footslides .swiper-button-next{right: 0;}
#footslides .swiper-button-prev{left: 0;}
#footslides .swiper-button-next,
#footslides .swiper-button-prev{top: 35%;--swiper-navigation-size: .22rem;width: .46rem;height: .46rem;background-color: rgba(255, 255, 255, .8);--swiper-theme-color: var(--main-color);border-radius: .36rem;opacity: 1;}
#footslides .swiper-button-next:hover,
#footslides .swiper-button-prev:hover{background-color: var(--main-color);--swiper-theme-color:#fff;}
@media only screen and (max-width:750px){
    #menu{width:100%;}
    #follow{width: 100%;}
}

/*slides*/
#slides{color:#fff;}
#slides .swiper-slide{position: relative;}
#slides .swiper-slide .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
#slides .swiper-slide .video video{width: 100%;height: 100%;display: block;object-fit: cover;}
#slides .swiper-slide .box{position: absolute;left: 0;top: 12%;width: 100%;z-index: 5;text-align: center;}
#slides .swiper-slide .box .title{font-size: .46rem;font-weight: bold;transform: translateY(.4rem);opacity: 0;transition-duration: .6s; line-height:1.25em;}
#slides .swiper-slide .box .text{margin-top: .3rem;font-size: .26rem;line-height: 1.5;transform: translateY(.5rem);opacity: 0;transition-duration: .8s;}
#slides .swiper-slide-active .box .title{transform: translateY(0%);opacity: 1;}
#slides .swiper-slide-active .box .text{transform: translateY(0%);opacity: 1;}
#slides .figure{padding-bottom:45.3125%;}
#slides .img{transform:scale(1.5);transition-duration:3s;}
#slides .swiper-slide-duplicate-active .img,#slides .swiper-slide-active .img{transform:scale(1);}
#slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-50%);opacity:1;}
#slides .swiper-button-next,
#slides .swiper-button-prev{--swiper-navigation-size: .22rem;width: .46rem;height: .46rem;background-color: rgba(255, 255, 255, .36);--swiper-theme-color: var(--main-color);border-radius: .36rem;}
#slides .swiper-button-next:hover,
#slides .swiper-button-prev:hover{background-color: var(--main-color);--swiper-theme-color:#fff;}
#slides .swiper-pagination{position: absolute;left: 0;width: 100%;bottom: 4%;display: flex;justify-content: center;}
#slides .swiper-pagination .swiper-pagination-bullet{width: .5rem;height: .05rem;margin: 0 .05rem;background-color: var(--main-color);opacity: .3;border-radius: 2px;}
#slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .swiper-slide .box .title{font-size: .36rem; padding:0 2em;}
    #slides .swiper-slide .box .text{font-size: .24rem; padding:0 2em;}
}

/*home-box*/
.home-box{background:#fff no-repeat center center;background-size:cover;overflow:hidden;position:relative;padding:5.72916667% 0;}
@media only screen and (max-width:750px){
    .home-box{padding:0.6rem 0 0.65rem;}
}

/*home-group*/
.home-group{margin-bottom:0.5rem;}
@media only screen and (max-width:750px){
    .home-group{margin-bottom:0.35rem;}
}

/*group-name*/
.group-name{font-size:0.24rem;line-height:1.5em;margin-bottom:0.15rem;}
.group-name:last-child{margin-bottom:0;}
@media only screen and (max-width:750px){
    .group-name{font-size:0.2rem;}
}

/*group-intro*/
.group-intro{font-size:0.42rem;line-height:1.38095238em;}
@media only screen and (max-width:750px){
    .group-intro{font-size:0.32rem;}
}

/*button-more*/
.button-more .go{font-weight:300;height:2.5em;width:8em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border-radius:1.1875em;color:#fff;position:relative;z-index:3;overflow:hidden;}
.button-more .go:before,.button-more .go:after{content:'';display:block;position:absolute;left:0.01rem;top:0.01rem;border-radius:1.1875em;height:calc(100% - 0.02rem);}
.button-more .go:before{width:calc(100% - 0.02rem);background-color:var(--main-color);border:0.01rem solid var(--main-color);transition:all 0.2s;}
.button-more .go:after{width:0%;transition:width 0.3s;background-color:rgba(255,255,255,0.3);z-index:2;}
.button-more .go:hover:after{width:calc(100% - 0.02rem);}
.button-more i{display:block;overflow:hidden;padding-right:1em;background:url(../images/button_more_01.svg) no-repeat right center;background-size:0.375em auto;font-style:normal;position:relative;z-index:2;}
.button-more .white:not(:hover):before{background-color:transparent;border-color:#fff;}
.button-more .blue:not(:hover){color:var(--main-color);}
.button-more .blue:not(:hover):before{background-color:#fff;border-color:#fff;}
.button-more .blue:not(:hover) i{background-image:url(../images/button_more_02.svg);}
.button-more .gray:not(:hover){color:var(--font-color);}
.button-more .gray:not(:hover):before{background-color:transparent;border-color:var(--font-color);}
.button-more .gray:not(:hover) i{background-image:url(../images/button_more_03.svg);}

/*product*/
#product .list{--margin:0.16rem;}
#product .item{--padding:0.16rem;}
/* #product .figure{width:100%;}
#product .figure:after{display:block;padding-bottom:50.94339623%;}
#product .img{object-fit:contain;} */
#product .img img{width: 100%;}
#product .text{position:relative;z-index:2;margin-bottom:0.6rem;}
#product .title{font-size:0.36rem;line-height:1.25em;position:relative;}
#product sup{font-size:0.12rem;border:0.01rem solid var(--main-color);border-radius:0.11rem 0.11rem 0.11rem 0;line-height:1.66666667em;padding:0 0.625em;display:inline-block;position:absolute;top:0.66666667em;margin-left:0.02rem;}
#product .tag{color:#be4e04;font-size:0.12rem;line-height:1.35em;}
#product .intro{line-height:1.35em;margin-bottom:0.32rem;}
#product .item{position: relative;}
#product .info{position: absolute;left: 0;top: 0;padding:0.5rem 12.67605634% 0.25rem;height:100%;width: 100%;z-index: 43;}
/* #product .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg,#ecf1f7 0%,#f0f3f8 55%,#eef1f5 100%);opacity:0.7;} */
#product .info:hover .delay{transform:scale(1.05);}
@media only screen and (max-width:750px){
    #product .info{padding:0.35rem 0.35rem 0.3rem;}
}

/*technology*/
#technology{padding:3.38541667% 0 3.90625%;}
#technology .inner {position: relative;z-index: 2;}
#technology video {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
#technology .home-group{margin-bottom:0.7rem;}

#technology .text{width:44.44444444%;padding:4.86111111% 0;}
#technology .cont{width:52.08333333%;}
#technology .list{--margin:0.3rem;display:block;}
#technology .item{--padding:0.3rem;float:left;}
#technology .item:nth-child(1){margin-top:27.33333333%;}
#technology .item:nth-child(4){margin-top:-16.33333333%;}
#technology .box{z-index:2;position:relative;padding:0.4rem 0.3rem 0.3rem;}
#technology .box:before,#technology .box:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#technology .box:before{background:url(../images/linear_border_left.png) no-repeat left top;background-size:96.11111111% auto;}
#technology .box:after{background:url(../images/linear_border_right.png) no-repeat right bottom;background-size:100% auto;}
#technology .icon{width:0.8rem;border-radius:50%;overflow:hidden;position:relative;background-color:#f4f5f9;margin-bottom:0.5rem;}
#technology .icon:after{display:block;content:'';padding-bottom:100%;}
#technology .icon i{position:absolute;width:100%;height:100%;border-radius:50%;background:no-repeat center center;background-size:contain;}
#technology .icon i:nth-child(2){opacity:0;}
#technology .title{font-size:0.24rem;line-height:1.33333333em;margin-bottom:0.1rem;}
#technology .intro{line-height:2.25em;}
#technology .arrow{width:0.16rem;height:0.16rem;background:url(../images/arrow_01.svg) no-repeat center center;background-size:contain;position:absolute;right:0.3rem;top:0.3rem;z-index:2;}
#technology .info{display:block;position:relative;}
#technology .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 0.3s;}
#technology .info:hover{color:#fff;}
#technology .info:hover .arrow{filter:brightness(100);}
#technology .info:hover .intro{color:#fff;}
#technology .info:hover .icon{background-color:var(--main-color);}
#technology .info:hover .icon i:nth-child(1){opacity:0;}
#technology .info:hover .icon i:nth-child(2){opacity:1;}
#technology .info:hover:before{backdrop-filter:blur(10px);background-color:rgba(0,73,122,0.2);}
@media only screen and (max-width:1024px){
    #technology{padding:0.6rem 0 0.5rem;}
    #technology .text{width:100%;padding:0;margin-bottom:0.5rem;}
    #technology .home-group{margin-bottom:0.35rem;}
    #technology .cont{width:100%;}
    #technology .list{display:flex;}
    #technology .item{float:none;width:33.333%;}
    #technology .item:nth-child(1){margin-top:0;}
    #technology .item:nth-child(4){margin-top: 0;}
}
@media only screen and (max-width:750px){
    #technology .item{width:100%;}
}

/*solution*/
#solution .box{background:no-repeat center center;background-size:auto 100%;position:relative;}
#solution .box:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);transition:all 0.3s;}
#solution .icon{background:no-repeat center center;background-size:contain;width:0.7rem;}
#solution .icon:after{display:block;padding-bottom:100%;content:'';}
#solution .before{position:relative;z-index:2;}
#solution .before .icon{border-radius:50%;background-color:#fff;background-size:48% auto;width:0.5rem;}
#solution .before .title{font-size:0.24rem;line-height:1.125em;}
#solution .after{z-index:2;width:5.83rem;--duration:0.6s;}
#solution .after .title{font-size:0.42rem;line-height:1.38095238em;}
#solution .after .intro{margin-top:0.14rem;max-height:7.5em;}
#solution .button-more{margin-top:0.3rem;}
#solution .active .before{display:none;}
@media only screen and (max-width:1024px){
    #solution .after{width:4rem;}
}
@media only screen and (min-width:751px){
    #solution .list{width:100.55555556%;}
    #solution .item{width:7.45856354%;padding-right:0.55248619%;transition:width 0.3s;}
    #solution .box{height:5.6rem;}
    #solution .icon{margin-bottom:0.05rem;}
    #solution .before .icon{margin:0 auto 0.16rem;}
    #solution .before .title{width:1em;margin:0 auto;}
    #solution .after{position:absolute;bottom:0;left:0.5rem;padding:0.4rem 0;transform:translateY(100%);visibility:hidden;opacity:0;}
    #solution .active{width:47.79005525%;}
    #solution .active .after{transform:translateY(0);opacity:1;visibility:visible;}
    #solution .active .box:before{background-color:transparent;background-image:linear-gradient(0deg,#0072bd 30%,transparent 90%);opacity:0.9;}
}
@media only screen and (max-width:750px){
    #solution .list{display:block;}
    #solution .item{margin-bottom:0.08rem;cursor:pointer;}
    #solution .box{padding:0.5rem;background-size:cover;display:block;}
    #solution .before{display:flex;align-items:center;justify-content:center;width:100%;}
    #solution .before .title{max-width:calc(100% - 0.65rem);margin-left:0.15rem;}
    #solution .after{position:relative;width:auto;display:none;transition:none;padding-top:0.25rem;}
    #solution .after .title,#solution .after .icon{display:none;}
    #solution .button-more{justify-content:center;}
    #solution .active .box:before{background-color:rgba(0,0,0,0.4);}
    #solution .active .before{display:flex;}
    #solution .active .box{padding-top:1.5rem;}
}

/*profile*/
#profile{padding:0;}
#profile .inner{padding:7.8125% 0 11.97916667%;position:relative;}
#profile .inner:after{width:55.625%;padding-bottom:8.61111111%;background:url(../images/profile_logo.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;bottom:0.28rem;z-index:2;}
#profile .cont{width:39.58333333%;min-height:5.8rem;}
#profile .group-intro{margin-bottom:0.38rem;}
#profile .intro{margin-bottom:0.7rem;}
#profile .data{width:59.02777778%;min-height:5.8rem;}
#profile .num{font-size:0.6rem;line-height:1em;font-family:'Oswald';margin-bottom:0.05rem;}
#profile sub,#profile sup{font-size:0.5em;line-height:1.25em;display:inline-block;margin-left:0.05rem;}
#profile sub{vertical-align:middle;}
#profile sup{vertical-align:top;line-height:0.5em;}
@media only screen and (max-width:750px){
    #profile .inner{padding:0.5rem 0;}
    #profile .group-intro{margin-bottom:0.25rem;}
    #profile .cont,#profile .data{min-height:0;width:100%;padding:0.3rem 0;}
    #profile .intro{margin-bottom:0.3rem;}
    #profile .num{font-size:0.36rem;}
}

/*partner*/
#partner{background:url(../images/partner_bg.jpg) no-repeat center bottom;background-size:cover;padding:4.42708333% 0;}
#partner .text{width:36.80555556%;padding:3.81944444% 0 7.63888889%;}
#partner .gallery{width:55.55555556%;}
#partner .gallery .box{width:130%;overflow:hidden;padding:0.5rem 0;position:relative;}
#partner .gallery .box:before{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:1.5rem;background-image:linear-gradient(90deg,#fff,transparent);z-index:2;}
#partner .gallery ul{width:max-content;}
#partner .gallery li{width:2.33rem;padding:0.065rem;}
#partner .gallery a{padding-bottom:52.27272727%;display:block;background-color:#fff;box-shadow:0.3rem 0.07rem 0.45rem 0.04rem rgba(0,45,75,0.06);border-radius:0.08rem;}
@media only screen and (max-width:1280px){
    #partner .gallery .box{width:110%;}
}
@media only screen and (max-width:1024px){
    #partner .gallery .box{width:106%;}
    #partner .gallery li{width:1.8rem;}
}
@media only screen and (max-width:750px){
    #partner{padding:0.7rem 0 0.3rem;}
    #partner .text{width:100%;padding:0;}
    #partner .gallery{width:100%;}
    #partner .gallery .box{width:106.25%;margin:0 -3.125%;}
}

/*banner*/
#banner{padding-bottom:35.41666667%;background:no-repeat center center;background-size:cover;position:relative;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;z-index:2;}
#banner .name{font-size:0.64rem;line-height:1.25em;}
#banner .name2{font-size:0.36rem;line-height:1.25em;}
#banner .breadcrumb{position:absolute;left:0;bottom:0;width:100%;color:#fff;text-align:right;}
#banner .breadcrumb span,#banner .breadcrumb a{color:#fff;}
@media only screen and (max-width:750px){
    #banner{padding-bottom:50%;}
    #banner .name{font-size:0.46rem;}
    #banner .name2{font-size:0.3rem;}
}

/*inbar*/
#inbar{position:relative;}
#inbar:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.01rem;background-color:#e9e9e9;}
#inbar [class*=flex_] .submenu{width:11rem;}
@media only screen and (max-width:1024px){
    #inbar [class*=flex_] .submenu{width:100%;}
}

/*breadcrumb*/
.breadcrumb{color:#666;padding:0.25rem 0;}
.breadcrumb a:not(:hover){color:#666;}
.breadcrumb i{font-style:normal;margin:0 0.5em;}
.breadcrumb span{color:var(--main-color);}
@media only screen and (max-width:1024px){
    .breadcrumb{width:100%;padding:0.2rem 0;}
}

/*submenu*/
.submenu{position:relative;}
.submenu .swiper-slide{width:auto;padding:0.25rem 0;}
.submenu a{display:block;white-space:nowrap;position:relative;cursor:pointer;}
.submenu a:after{content:'';display:block;position:absolute;left:0;bottom:-0.25rem;height:0.02rem;width:100%;background-color:var(--main-color);opacity:0;}
.submenu .cur a{color:var(--main-color);}
.submenu .cur a:after{opacity:1;}
@keyframes slideLeft{
    0%{left:-0.05rem;opacity:0;}
    100%{left:-0.1rem;opacity:1;}
}
@keyframes slideRight{
    0%{right:-0.05rem;opacity:0;}
    100%{right:-0.1rem;opacity:1;}
}
@media only screen and (max-width:750px){
    .submenu{padding:0 0.2rem;}
    .submenu .swiper-slide{padding:0.2rem 0;}
    .submenu .arrow{position:absolute;top:50%;transform:translateY(-50%);width:0.2rem;height:0.16rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
    .submenu .prev{left:-0.05rem;background-image:url(../images/arrow_left.svg);animation:slideLeft 2s linear 0s infinite;}
    .submenu .next{right:-0.05rem;background-image:url(../images/arrow_right.svg);animation:slideRight 2s linear 0s infinite;}
    .submenu .swiper-button-disabled{display:none;}
}

/*wrapper*/
#wrapper{padding:6.25% 0;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.65rem 0;}
}

/*casepage*/
#casepage{overflow:hidden;}
#casepage ul{--margin:0.39rem;}
#casepage li{--padding:0.39rem;}
#casepage .figure{padding-bottom:66.57142857%;}
#casepage .title{position:absolute;left:0;width:100%;padding:0 0.4rem;font-size:0.24rem;line-height:1.33333333em;z-index:2;bottom:0.35rem;}
#casepage .info{display:block;overflow:hidden;position:relative;}
#casepage .info:hover .img{transform:scale(1.05);}
#casepage .info:hover .title{transform:translateY(-50%);}

/*caselist*/
#caselist .list{--margin:0.39rem;}
#caselist .item{--padding:0.39rem;}
#caselist .figure{padding-bottom:66.57142857%;}
#caselist .text{padding:0.35rem 9% 0.3rem 0;}
#caselist .title{font-size:0.24rem;line-height:1.33333333em;margin-bottom:0.15rem;}
#caselist .excerpt{max-height:5.625em;}
#caselist .info{border-bottom:0.01rem solid rgba(0,0,0,0.08);display:block;overflow:hidden;position:relative;height:100%;}
#caselist .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    #caselist .text{padding:0.3rem 0;}
}

/*swiper-navigation*/
.swiper-navigation{position:relative;}
.swiper-navigation .arrow{margin-top:0;transform:translateY(-50%);width:0.5rem;height:0.5rem;border:0.01rem solid rgba(255,255,255,0.2);border-radius:50%;}
.swiper-navigation .arrow:after{content:'';width:29.16666667%;padding-bottom:25%;background:no-repeat center center;background-size:contain;opacity:0.8;}
.swiper-navigation .arrow:hover{background-color:var(--main-color);border-color:transparent;}
.swiper-navigation .arrow:hover:after{opacity:1;}
.swiper-navigation .swiper-button-prev{left:-0.8rem;}
.swiper-navigation .swiper-button-prev:after{background-image:url(../images/swiper_navigation_prev_01.png);}
.swiper-navigation .swiper-button-next{right:-0.8rem;}
.swiper-navigation .swiper-button-next:after{background-image:url(../images/swiper_navigation_next_01.png);}
.swiper-navigation .gray{border-color:rgba(153,153,153,0.2);background-color:#fff;}
.swiper-navigation .gray.swiper-button-prev:not(:hover):after{background-image:url(../images/swiper_navigation_prev_02.png);}
.swiper-navigation .gray.swiper-button-next:not(:hover):after{background-image:url(../images/swiper_navigation_next_02.png);}
@media only screen and (max-width:1280px){
    .swiper-navigation .arrow:not(.gray){background-color:transparent;border-color:#fff;}
    .swiper-navigation .arrow:after{opacity:1;}
    .swiper-navigation .swiper-button-prev{left:0.15rem;}
    .swiper-navigation .swiper-button-next{right:0.15rem;}
}
@media only screen and (max-width:750px){
    .swiper-navigation .arrow{width:0.35rem;height:0.35rem;}
}

/*post-bottom*/
.post-bottom{border-top:0.01rem solid rgba(0,0,0,0.06);padding-top:0.32rem;}
@media only screen and (max-width:750px){
    .post-bottom{flex-direction:column;}
}

/*prevnext*/
.prevnext{line-height:2em;width:calc(100% - 2rem);}
.prevnext a:not(:hover){color:inherit;}
@media only screen and (max-width:750px){
    .prevnext{width:100%;margin-bottom:0.25rem;}
}

/*backlist*/
.backlist .go{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;height:3.125em;width:8.75em;border-radius:1.5625em;position:relative;overflow:hidden;cursor:pointer;}
.backlist .go:before{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:0%;background-color:rgba(255,255,255,0.3);transition:width 0.2s;border-radius:inherit;}
.backlist .go:hover:before{width:100%;}
.backlist i{display:block;font-style:normal;background:url(../images/backlist_01.png) no-repeat right center;background-size:0.8125em auto;padding-right:1.375em;position:relative;z-index:2;}

/*cpost*/
#cpost{position:relative;background:no-repeat center top;background-size:100% auto;padding:6.25% 0;min-height:7.2rem;}
#cpost .gallery{margin-bottom:0.5rem;}
#cpost .figure{padding-bottom:50%;}
#cpost .cont{margin-bottom:0.5rem;min-height:2.1rem;}
#cpost .title{font-size:0.32rem;line-height:1.375em;width:11em;max-width:100%;}
#cpost .entry{width:63.19444444%;}
@media only screen and (max-width:750px){
    #cpost{padding:0.7rem 0;}
    #cpost .gallery{margin-bottom:0.35rem;}
    #cpost .cont{display:block;}
    #cpost .title{width:100%;margin-bottom:0.25rem;font-size:0.3rem;}
    #cpost .entry{width:100%;}
}

/*partner-box*/
.partner-box{overflow:hidden;background:#fff no-repeat center center;background-size:cover;padding:5.72916667% 0 6.25%;}
@media only screen and (max-width:750px){
    .partner-box{padding:0.65rem 0;}
}

/*partner-name*/
.partner-name{font-size:0.42rem;line-height:1.38095238em;margin-bottom:0.52rem;}

/*partner-offer*/
#partner-offer{background-color:#f4f7f9;}
#partner-offer .list{--margin:0.24rem;}
#partner-offer .item{--padding:0.24rem;}
#partner-offer .figure{padding-bottom:66.66666667%;}
#partner-offer .text{padding:0.3rem 0.4rem 0.4rem;}
#partner-offer .icon{width:0.44rem;height:0.44rem;}
#partner-offer .icon img{display:block;width:100%;height:100%;object-fit:contain;}
#partner-offer .title{width:calc(100% - 0.6rem);font-size:0.24rem;line-height:1.83333333em;}
#partner-offer .intro{margin-top:0.22rem;}
#partner-offer .info{background-color:#fff;border-radius:0.1rem;overflow:hidden;}
#partner-offer .info:hover .img{transform:scale(1.05);}

/*partner-list*/
#partner-list .partner-name{margin-bottom:0;}
#partner-list .gallery{overflow:hidden;padding:0.5rem 0;position:relative;}
#partner-list .gallery:before,#partner-list .gallery:after{content:'';display:block;position:absolute;top:0;height:100%;width:1.5rem;z-index:2;}
#partner-list .gallery:before{background-image:linear-gradient(90deg,#fff,transparent);left:0;}
#partner-list .gallery:after{background-image:linear-gradient(-90deg,#fff,transparent);right:0;}
#partner-list ul{width:max-content;}
#partner-list li{width:2.33rem;padding:0.065rem;}
#partner-list .figure{padding-bottom:52.27272727%;display:block;background-color:#fff;box-shadow:0.3rem 0.07rem 0.45rem 0.04rem rgba(0,45,75,0.06);border-radius:0.08rem;}
@media only screen and (max-width:750px){
    #partner-list li{width:1.8rem;}
}

/*partner-process*/
#partner-process .list{margin-bottom:0.35rem;}
#partner-process li{padding:0 7.84722222%;position:relative;}
#partner-process li:before,#partner-process li:after{top:0.495rem;content:'';display:block;position:absolute;}
#partner-process li:before{width:100%;border-top:0.02rem dashed rgba(var(--r),var(--g),var(--b),0.2);left:50%;}
#partner-process li:after{width:0.43rem;height:0.48rem;background:url(../images/partner_process_arrow_01.png) no-repeat center center;background-size:contain;top:0.26rem;right:0;transform:translateX(50%);}
#partner-process li:last-child:before,#partner-process li:last-child:after{display:none;}
#partner-process .icon{width:1rem;margin:0 auto 0.2rem;border-radius:50%;background-color:#f4f5f9;overflow:hidden;position:relative;z-index:2;}
#partner-process .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:40% auto;}
#partner-process .title{font-size:0.24rem;line-height:1.35em;}
@media only screen and (max-width:750px){
    #partner-process li{width:50%;padding-bottom:0.35rem;}
    #partner-process li:nth-child(2n):before,#partner-process li:nth-child(2n):after{display:none;}
}

/*message-form*/
.message-form .item{padding-bottom:0.2rem;}
.message-form .input{position:relative;background-color:#fff;border-radius:0.04rem;overflow:hidden;}
.message-form .label,.message-form .text{width:100%;line-height:1.875em;padding:0.9375em 0.2rem;}
.message-form .label{position:absolute;left:0;top:0;display:none;}
.message-form .text{position:relative;z-index:2;height:3.75em;display:block;}
.message-form textarea.text{height:7.5em;}

/*partner-message*/
#partner-message .backlist{margin-top:0.3rem;}
#partner-message .qrcode{width:1.6rem;}
#partner-message .qrcode dt{font-size:0.16rem;line-height:1.875em;margin-bottom:0.1rem;}
#partner-message .qrcode dd{border:solid 1px rgba(0,0,0,0.1);border-radius:0.04rem;padding:0.11rem;}
#partner-message .qrcode img{display:block;width:100%;height:auto;}
#partner-message .form{width:calc(100% - 2rem);}
@media only screen and (max-width:750px){
    #partner-message .info {flex-direction: column; align-items: center;}
    #partner-message .form {width: 100%;margin-bottom: 0.35rem;}
    #partner-message .qrcode {width: 2rem;}
}

/*contact*/
#contact .enter{border-bottom:solid 0.01rem #e8e8e8;}
#contact .enter .item{background:no-repeat center center;background-size:cover;width:50%;border-top:solid 0.01rem #e8e8e8;padding:0.4rem 0.5rem 0.5rem;border-right:solid 0.01rem #e8e8e8;}
#contact .enter .item:last-child{border-right:none;}
#contact .enter .scan{background-image:url(../images/contact_scan_bg.jpg);}
#contact .enter .msg{background-image:url(../images/contact_msg_bg.jpg);}
#contact .enter .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.15rem;}
#contact .enter .qrcode{background-color:#fff;border:solid 0.01rem #e8e8e8;border-radius:0.04rem;width:1.6rem;max-width:90%;padding:0.09rem;margin:0 auto;}
#contact .enter .tips{line-height:1.75em;margin-bottom:0.35rem;}
#contact .info{padding:6.25% 0 4.16666667%;}
#contact .info .text{width:33.33333333%;overflow:hidden;}
#contact .info .title{font-size:0.42rem;line-height:1.35em;margin-bottom:0.53rem;}
#contact .info li{margin-bottom:0.4rem;}
#contact .info .icon{width:0.5rem;height:0.5rem;border-radius:50%;background:#f4f5f9 no-repeat center center;background-size:50% auto;overflow:hidden;}
#contact .info .cont{width:calc(100% - 0.7rem);}
#contact .info .name{line-height:1.25em;margin-bottom:0.05rem;}
#contact .info .intro{font-size:0.18rem;}
#contact .info .intro strong{font-size:1.33333333em;line-height:1.25em;}
#contact .info .cover{width:58.33333333%;}
#contact .info .cover:after{padding-bottom:57.14285714%;display:block;}
#contact .info .cover:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    #contact .enter .item{width:100%;border-right:none;}
    #contact .info{padding:0.6rem 0 0.7rem;}
    #contact .info .text{width:100%;margin-bottom:0.25rem;}
    #contact .info .cover{width:100%;}
}

/*Pages*/
.Pages{font-size:0.18rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.Pages .p_jump,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:flex;justify-content:center;flex-wrap:wrap;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;}
.Pages a{display:flex;align-items:center;justify-content:center;margin:0.025rem;min-width:3.11111111em;text-align:center;border-radius:1.55555556em;height:3.11111111em;padding:0 0.25em;position:relative;transition:all 0.2s;color:#666;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;border:0.03rem solid rgba(102,102,102,0.1);}
.Pages .a_prev:after,.Pages .a_next:after{width:16%;padding-bottom:28%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev{margin-right:0.25rem;}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next{margin-left:0.25rem;}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
    .Pages{font-size:0.16rem;}
    .Pages .a_prev{margin-right:0.1rem;}
    .Pages .a_next{margin-left:0.1rem;}
}

/*newslist*/
#newslist{overflow:hidden;margin-bottom:0.38rem;}
#newslist .list{--margin:0.42rem;}
#newslist .item{--padding:0.42rem;padding-bottom:0.59rem;}
@media only screen and (max-width:750px){
    #newslist .item{padding-bottom:0.3rem;}
}

/*nitem*/
.nitem .figure{padding-bottom:67.03539823%;}
.nitem .text{padding:0.22rem 0.3rem;}
.nitem .title{font-size:0.2rem;line-height:1.6em;margin-bottom:0.07rem;}
.nitem .excerpt{margin-bottom:0.23rem;height:3.75em;}
.nitem a{display:block;overflow:hidden;background-color:#f2f5f9;}
.nitem a:hover .title{color:var(--main-color);}
.nitem a:hover .img{transform:scale(1.05);}

/*newstop*/
#newstop{margin-bottom:5.55555556%;}
#newstop .figure{width:50%;}
#newstop .figure a{padding-bottom:66.66666667%;}
#newstop .figure a:hover .img{transform:scale(1.05);}
#newstop .text{width:50%;position:relative;padding:0 0.6rem;}
#newstop .text:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg,#ecf1f7 0%,#f0f3f8 55%,#eef1f5 100%);opacity:0.7;}
#newstop .box{position:relative;z-index:2;width:100%;}
#newstop .date{margin-bottom:7.16666667%;}
#newstop .title{font-size:0.32rem;line-height:1.25em;margin-bottom:2.5%;}
#newstop .excerpt{margin-bottom:14.66666667%;}
#newstop .go i{background-image:url(../images/button_more_04.svg);background-size:0.875em auto;}
#newstop .controls{width:7rem;margin:0.35rem auto 0;max-width:100%;}
#newstop .line{height:0.01rem;background-color:rgba(var(--r),var(--g),var(--b),0.3);width:calc(100% - 1.4rem);}
#newstop .arrow{position:relative;top:auto;left:auto;right:auto;transform:none;}
@media only screen and (max-width:1024px){
    #newstop .date{margin-bottom:0.2rem;}
    #newstop .excerpt{margin-bottom:0.35rem;}
}
@media only screen and (max-width:750px){
    #newstop{margin-bottom:0.5rem;}
    #newstop .figure{width:100%;}
    #newstop .text{width:100%;padding:0.3rem 0.3rem 0.35rem;}
    #newstop .title{font-size:0.26rem;}
}

/*related-news*/
#related-news{width:2.2rem;}
#related-news .name{font-size:0.24rem;line-height:1.33333333em;margin-bottom:0.35rem;}
#related-news li{border-bottom:0.01rem solid rgba(0,0,0,0.08);padding-bottom:0.15rem;margin-bottom:0.3rem;}
#related-news .figure{padding-bottom:65.90909091%;border-radius:0.08rem;margin-bottom:0.1rem;}
#related-news .date{line-height:2em;}
#related-news .title{font-size:0.16rem;line-height:1.5em;max-height:3em;}
#related-news a{display:block;overflow:hidden;}
#related-news a:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    #related-news{width:100%;}
}

/*main*/
#main{width:calc(100% - 2.8rem);}
@media only screen and (max-width:750px){
    #main{width:100%;margin-bottom:0.5rem;}
}

/*npost*/
#npost .title{font-size:0.32rem;line-height:1.35em;margin-bottom:0.17rem;}
#npost .meta{line-height:1.75em;border-bottom:0.01rem solid rgba(0,0,0,0.06);padding-bottom:0.2rem;margin-bottom:0.3rem;}
#npost .meta span{display:block;}
#npost .entry{overflow:hidden;margin-bottom:0.52rem;}

/*solution-page*/
#solution-page{padding:3.125% 0;}
@media only screen and (max-width:750px){
    #solution-page{padding:0.3rem 0;}
}

/*sitem*/
.sitem{padding:4.16666667% 0;}
.sitem .figure{width:50%;}
.sitem .figure a{padding-bottom:66.66666667%;}
.sitem .text{width:43.40277778%;}
.sitem .icon{width:0.7rem;height:0.7rem;margin-bottom:12.8%;}
.sitem .icon img{display:block;width:100%;height:100%;object-fit:contain;}
.sitem .title{font-size:0.32rem;line-height:1.8125em;margin-bottom:2.4%;}
.sitem .intro{margin-bottom:8%;max-height:5.625em;}
.sitem:nth-child(2n){flex-direction:row-reverse;}
.sitem:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
    .sitem .icon{margin-bottom:5%;}
}
@media only screen and (max-width:750px){
    .sitem{padding:0.3rem 0;}
    .sitem .figure{width:100%;margin-bottom:0.35rem;}
    .sitem .text{width:100%;}
}

/*column-info*/
.column-info{max-width:10.24rem;margin:0 auto 0.6rem;}
.column-info .font20{font-size: .2rem;}
@media only screen and (max-width:750px){
    .column-info{margin-bottom:0.4rem;}
}

/*column-name*/
.column-english{font-size: .22rem;margin-bottom: .1rem;}
.column-name{font-size:0.42rem;line-height:1.38095238em;margin-bottom:0.95238095em;}
.column-name:last-child{margin-bottom:0;}
@media only screen and (max-width:750px){
    .column-name{font-size:0.32rem;}
}

/*product-list*/
#product-list{padding:5.72916667% 0 4.6875%;overflow:hidden;}
#product-list .list{--margin:0.24rem;}
#product-list .item{--padding:0.24rem;}
#product-list .figure{width:100%;}
#product-list .figure:after{display:block;padding-bottom:50.94339623%;}
#product-list .img{object-fit:contain;}
#product-list .text{position:relative;z-index:2;margin-bottom:0.44rem;}
#product-list .tag{font-size:0.12rem;line-height:1.35em;}
#product-list .title{font-size:0.36rem;line-height:1.25em;position:relative;margin-bottom:0.29rem;}
#product-list .info{position:relative;padding:0.36rem 13.38028169% 0.3rem;height:100%;background:#f1f1f1 no-repeat center center;background-size:cover;}
#product-list .info:hover .figure{transform:scale(1.05);}
@media only screen and (max-width:750px){
    #product-list{padding:0.6rem 0;}
    #product-list .info{padding:0.35rem 0.35rem 0.3rem;}
}

/*function*/
.function{overflow:hidden;background:no-repeat center center;background-size:cover;padding:6.25% 0 5.20833333%;}
.function ul{--margin:0.23rem;}
.function li{--padding:0.23rem;}
.function .box{background-color:#fff;border-radius:0.08rem;padding:0.38rem 0.3rem 0.23rem;transition:all 0.2s;}
.function .box:hover{transform:translateY(-0.1rem);}
.function .icon{width:0.55rem;height:0.55rem;margin:0 auto 0.18rem;}
.function .name{font-size:0.18rem;line-height:1.35em;}
@media only screen and (max-width:1024px){
    .function .item{width:25%;}
}
@media only screen and (max-width:750px){
    .function{padding:0.65rem 0 0.5rem;}
    .function .item{width:50%;}
}

/*core-box*/
.core-box{background:#f4f7f9 no-repeat center center;background-size:cover;overflow:hidden;position:relative;}
.core-box .column-name{margin-bottom:4.86111111%;}
.core-box .title{font-size:0.42rem;line-height:1.38095238em;}
.core-box .entry{margin-top:7.16666667%;line-height:2em;}
.core-box .entry *{line-height:2em;}
.core-box .order{border-bottom:0.01rem solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1);font-size:0.42rem;line-height:1.38095238em;}
.core-box .order span{display:block;position:relative;padding:0.17rem 0;}
.core-box .order span:after{content:'';display:block;position:absolute;left:0;bottom:-0.01rem;background-color:#0172be;width:100%;height:0.01rem;}
@media only screen and (max-width:1024px){
    .core-box .title{font-size:0.32rem;}
    .core-box .entry{margin-top:0.2rem;}
}

/*core-small*/
.core-small{padding:6.25% 0;}
.core-small .pic{width:50%;}
.core-small .figure{width:133.33333333%;border-radius:0.16rem 0 0 0.16rem;}
.core-small .figure:after{padding-bottom:66.66666667%;display:block;}
.core-small .text{width:50%;padding:6.25% 4.16666667% 5.55555556%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between;}
.core-small .name{color:var(--main-color);}
.core-small .entry{color:#000;}
.core-small .info{background-color:#fff;border-radius:0.16rem 0 0 0.16rem;}
.core-small .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1280px){
    .core-small .figure{width:111.11111111%;}
}
@media only screen and (max-width:1024px){
    .core-small .text{padding:0.3rem;}
    .core-small .figure{width:106.66666667%;}
}
@media only screen and (max-width:750px){
    .core-small{padding:0.65rem 0;}
    .core-small .pic{width:100%;}
    .core-small .figure{width:auto;}
    .core-small .text{width:100%;}
    .core-small .info{border-radius:0.16rem;overflow:hidden;}
}

/*core-large*/
.core-large .inner{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    display: flex;
    align-items: center;}
/* .core-large .bg{position:absolute;left:0;top:0;width:100%;height:100%;} */
.core-large .bg{width: 100%;}
.core-large .bg .img{width: 100%;position: initial;}
.core-large .text{width:50%;position:relative;z-index:2;}
.core-large .box{width:133.33333333%;background-color:rgba(255,255,255,0.95);border-radius:0.16rem 0 0 0.16rem;border:0.01rem solid rgba(255,255,255,0.7);border-right-width:0;padding:12.5% 8.33333333% 13.88888889%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between;}
.core-large .cont,.core-large .order{max-width:6rem;}
.core-large .name{color:var(--main-color);}
.core-large .pic{width:42.36111111%;padding-top:2.77777778%;}
.core-large .pic .figure{width:116.55737705%;margin-left:-16.39344262%;}
.core-large .pic .figure:after{padding-bottom:83.12236287%;display:block;}
.core-large .white{color:#fff;justify-content:flex-end;padding:11.63541667% 0;}
.core-large .white .box{background-color:rgba(255,255,255,0.55);}
.core-large .white .name{color:#fff;}
.core-large .white .order{border-bottom-color:rgba(255,255,255,0.1);color:#fff;}
.core-large .white .order span:after{background-color:#fff;}
@media only screen and (max-width:1280px){
    .core-large .box{width:111.11111111%;}
    .core-large .pic .figure{width:auto;margin-left:0;}
}
@media only screen and (max-width:1024px){
    .core-large .box{width:106.66666667%;}
}
@media only screen and (max-width:750px){
    .core-large .inner{padding:0;}
    .core-large .text{width:100%;}
    .core-large .box{width:auto;border-right-width:0.01rem;border-radius:0.16rem;padding: .3rem;}
    .core-large .white .order{position: absolute;
        right: 2%;
        top: 0;}
    .core-large .pic{padding-top:0;margin-bottom:0.25rem;width:100%;}
}

/*proinfo*/
.proinfo{background:url(../images/product_info_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;margin-bottom:0.6rem;}
.proinfo .pic{width:65.97222222%;padding:6.45833333% 9.375% 0;}
.proinfo .figure{padding-bottom:90.17595308%;}
.proinfo .img{object-fit:contain;}
.proinfo .text{padding:6.25% 0;width:100%;max-width: 3.3rem;}
.proinfo .name{font-size:0.6rem;line-height:1.35em;margin-bottom:0.83333333em;}
.proinfo li{width:50%;font-size:0.2rem;line-height:1.5em;font-weight:300;margin-bottom:0.33rem;}
.proinfo .num{font-weight:500;font-size:1.5em;line-height:1.25em;margin-bottom:0.05rem;}
.proinfo.font-color-000 li p:not(.num){color: #666;}
.proinfo.font-color-fff li p:not(.num){color: #eee;}
@media only screen and (min-width:1024px){
    .proinfo{height: 6.8rem;}
    .proinfo .inner{height: 100%;}
}
@media only screen and (max-width:1024px){
    .proinfo .pic{padding-left:0;padding-right:0;width:55%;}
}
@media only screen and (max-width:750px){
    .proinfo{padding-top:0.5rem;}
    .proinfo .text{width:100%;padding:0;margin-bottom:0.35rem;}
    .proinfo .name{font-size:0.42rem;}
    .proinfo li{width:auto;font-size:0.18rem;}
    .proinfo .pic{padding:0 0.25rem;width:100%;}
}

/*prometa*/
.prometa{margin-bottom:4.58333333%;overflow:hidden;}
.prometa ul{--margin:0.4rem;}
.prometa .item{--padding:0.4rem;padding-bottom:0.32rem;}
.prometa .box{border-bottom:0.01rem solid rgba(0,0,0,0.06);position:relative;height:100%;padding-bottom:0.22rem;}
.prometa .box span{display: block;color:var(--main-color);font-size:0.28rem;margin-top:0.1rem;}
/*proimg*/
.proimg{margin-bottom:4.6875%;overflow:hidden;}
.proimg .item{margin-bottom:0.2rem;}
.proimg .info{background:no-repeat center bottom;background-size:cover;border-radius:0.14rem;position:relative;padding-bottom:5.5rem;}
.proimg .text{position:absolute;left:0;top:0;width:100%;z-index:2;padding:0.3rem 0.4rem;}
.proimg .title{font-size:0.3rem;line-height:1.5em;}
.proimg .col1 .info{padding-bottom:5.2rem;}
.proimg .col1 .text{top: 5%; max-width: 6rem;}
.proimg .col2{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.proimg .col2 .intro{max-width:4.05rem;}
.proimg .col2 .item{width:60.41666667%;}
.proimg .col2 .item:nth-child(2n){width:38.19444444%;}
.proimg .col2:nth-child(2n+1) .item{width:38.19444444%;}
.proimg .col2:nth-child(2n+1) .item:nth-child(2n){width:60.41666667%;}
.proimg .col2 .large{width:127.5862069%;border-radius:0.14rem 0 0 0.14rem;}
.proimg .col5 .text{text-align: center;}
.proimg .fullcol{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.proimg .fullcol .item{width:49.47916667%;}
.proimg .fullcol .item .info{padding-bottom: 76%;}
.proimg .fullcol .item:nth-child(2n) .info{border-radius:0.14rem 0 0 0.14rem;}
/* .proimg .fullcol .item:nth-child(2n) .text{padding-right:2.4rem;} */
.proimg .fullcol .item:nth-child(2n+1) .info{border-radius:0 0.14rem 0.14rem 0;padding-left:1.8rem;}
/* .proimg .fullcol .item:nth-child(2n+1) .text{padding-left:2.4rem;} */
@media only screen and (max-width:1280px){
    /* .proimg .fullcol .item:nth-child(2n) .text{padding-right:0.64rem;} */
    /* .proimg .fullcol .item:nth-child(2n+1) .text{padding-left:0.64rem;} */
    .proimg .col2 .large{width:109.1954023%;}
}
@media only screen and (max-width:1024px){
    .proimg .text{padding:0.3rem 0.35rem;}
    .proimg .title{font-size:0.28rem;}
    /* .proimg .fullcol .item:nth-child(2n) .text{padding-right:0.32rem;} */
    /* .proimg .fullcol .item:nth-child(2n+1) .text{padding-left:0.32rem;} */
    .proimg .col2 .large{width:105.51724138%;}
    .proimg .col2 .intro{max-width:3.6rem;}
}
@media only screen and (max-width:750px){
    .proimg{margin-bottom:0.35rem;}
    .proimg .info{padding-bottom:4rem;}
    .proimg .text{padding:0.25rem 0.2rem;}
    .proimg .title{font-size:0.26rem;}
    .proimg .inner:nth-child(n+1) .item:nth-child(n+1){width:100%;}
    .proimg .inner .info{border-radius:0.14rem;padding-bottom:4rem;}
    .proimg .inner .large{width:auto;}
    .proimg .fullcol{padding:0 3.125%;}
    .proimg .fullcol .item{width:100%;}
    .proimg .fullcol .item:nth-child(n+1) .info{border-radius:0.14rem;}
}

/*get-quote*/
.get-quote{background:no-repeat center center;background-size:cover;overflow:hidden;padding:5.72916667% 0 6.25%;}
.get-quote .qrcode{width:1.6rem;}
.get-quote .qrcode dt{font-size:0.16rem;line-height:1.875em;margin-bottom:0.1rem;}
.get-quote .qrcode dd{border:solid 1px #1a2b37;border-radius:0.04rem;padding:0.11rem;}
.get-quote .qrcode img{display:block;width:100%;height:auto;}
.get-quote .form{width:calc(100% - 2rem);}
.get-quote .backlist{margin-top:0.4rem;}
@media only screen and (max-width:750px){
    .get-quote{padding:0.65rem 0 0.7rem;}
    .get-quote .form{width:100%;margin-bottom:0.35rem;}
    .get-quote .backlist{justify-content:center;}
    .get-quote .qrcode{width:2rem;margin:0 auto;}
}

/*solution-box*/
.solution-box{background:#fff no-repeat center center;background-size:cover;overflow:hidden;padding:6.25% 0;}
@media only screen and (max-width:750px){
    .solution-box{padding:0.65rem 0;}
}

/*solution-intro*/
.solution-intro .text{width:41.66666667%;}
.solution-intro .entry{margin-bottom:0.6rem;}
.solution-intro .list ul{--margin:0.24rem;}
.solution-intro .list li{--padding:0.24rem;}
.solution-intro .list .info{background-color:#f4f5f9;border-radius:0.08rem;overflow:hidden;padding:0.25rem 0.4rem 0.22rem;position:relative;height:100%;}
.solution-intro .list .icon{width:0.4rem;height:0.4rem;}
.solution-intro .list .icon img{display:block;width:100%;height:100%;object-fit:contain;}
.solution-intro .list .meta{width:calc(100% - 0.68rem);line-height:1.5em;}
.solution-intro .list .meta strong{font-weight:500;font-size:0.2rem;line-height:1.35em;color:#333;}
.solution-intro .list .meta .font18{font-size: .18rem;}
.solution-intro .pic{width:52.77777778%;}
.solution-intro .pic .box{width:131.57894737%;}
.solution-intro .pic .figure{border-radius:0.14rem 0 0 0.14rem;}
.solution-intro .pic .figure:after{display:block;padding-bottom:71%;}
.solution-intro .pic .alt{font-size:0.18rem;line-height:1.66666667em;padding:0 0.35rem;margin-top:0.2rem;}
@media only screen and (max-width:1280px){
    .solution-intro .pic .box{width:110.52631579%;}
}
@media only screen and (max-width:1024px){
    .solution-intro .text{width:100%;margin-bottom:0.25rem;}
    .solution-intro .pic{width:100%;}
    .solution-intro .pic .box{width:auto;}
    .solution-intro .pic .figure{border-radius:0.14rem;}
}
@media only screen and (max-width:750px){
    .solution-intro .entry{margin-bottom:0.35rem;}
    .solution-intro .list li{width:50%;}
    .solution-intro .list .info{flex-direction:column;text-align:center;padding:0.3rem;}
    .solution-intro .list .meta{width:100%;margin-top:0.15rem;}
}

/*solution-scene*/
.solution-scene{background-color:#f3f7fa;}
.solution-scene .list {--margin:0.15rem;}
.solution-scene .item {--padding:0.15rem;}
.solution-scene .info{padding-bottom:125%;background:no-repeat center center;background-size:cover;position:relative;}
.solution-scene .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg,#000,transparent 30%);opacity:0.6;}
.solution-scene .info:hover .text{transform:translateY(-25%);}
.solution-scene .text{position:absolute;left:0;bottom:0;z-index:2;width:331px;padding:0.25rem;}
.solution-scene .icon img{display:block;width:0.3rem;height:0.3rem;object-fit:contain;}
.solution-scene .title{font-size:0.24rem;line-height:1.35em;width:calc(100% - 0.42rem);}
.solution-scene .arrow{border-color:transparent;}

/*solution-value*/
.solution-value .list{--margin:0.3rem;padding-top:0.2rem;}
.solution-value .item{--padding:0.3rem;}
.solution-value .info{background-color:#fff;padding:0.35rem 0.5rem;position:relative;height:100%;min-height:2.96rem;}
.solution-value .icon{width:0.55rem;height:0.55rem;}
.solution-value .icon img{display:block;width:100%;height:100%;object-fit:contain;}
.solution-value .title{width:calc(100% - 0.72rem);font-size:0.24rem;line-height:1.41666667em;}
.solution-value .intro{margin-top:0.05rem;}

/*solution-delivery*/
.solution-delivery .hgroup{margin-bottom:6.25%;}
.solution-delivery .hgroup .name{font-size:0.32rem;line-height:1.5em;}
.solution-delivery .hgroup .name:not(:last-child){margin-bottom:0.05rem;}

/*solution-related*/
.solution-related{margin-bottom:7.63888889%;}
.solution-related .figure{padding-bottom:70%;transition:inherit;}
.solution-related .img{object-fit:cover;}
.solution-related .swiper-slide{position: relative;}
.solution-related .text{padding:0.25rem 0.33rem 0.05rem;position: absolute; left:0; top:0; width: 100%; height: 100%;}
.solution-related .title{font-size:0.25rem;line-height:1.3em;}
.solution-related .info{display:block;overflow:hidden; position: relative; /* background:url(../images/solution_related_bg.png) no-repeat center center;background-size:cover; */}
.solution-related .info:hover .figure{transform:scale(1.05);}
.solution-related .swiper-navigation .arrow{border:solid 0.01rem #e1e1e1;background-color:#fff;}
.solution-related .swiper-navigation .arrow:hover:after{filter:brightness(100);}
.solution-related .swiper-navigation .swiper-button-prev:after{background-image:url(../images/page_prev.svg);}
.solution-related .swiper-navigation .swiper-button-next:after{background-image:url(../images/page_next.svg);}

.solution-related .list {--margin:0.33rem;}
.solution-related .item {--padding:0.33rem;}

@media only screen and (max-width:1280px){
    .solution-related .swiper-navigation .arrow{border-color:transparent;}
}
@media only screen and (max-width:750px){
    .solution-related{margin-bottom:0.5rem;}
}

/*solution-process*/
.solution-process{padding-bottom:0.5rem;}
.solution-process .column-name{margin-bottom:0.3rem;}
.solution-process .bus{width:1.88rem;margin-left:-0.21rem;}
.solution-process .bus:after{display:block;padding-bottom:70.21276596%;}
.solution-process .box{width:calc(100% - 1.67rem);margin-top:1.06rem;height:2.23rem;border:solid 0.04rem #f4f5f9;border-left:none;border-radius:0 1.115rem 1.115rem 0;position:relative;}
.solution-process .box:after{width:0.2rem;height:0.2rem;content:'';display:block;position:absolute;right:-0.1rem;top:50%;margin-top:-0.1rem;background:url(../images/process_arrow_01.png) no-repeat center center;background-size:contain;transform:rotate(90deg);}
.solution-process ul{position:absolute;overflow:hidden;width:100%;top:-0.65rem;left:0;padding-right:0.25rem;}
.solution-process ul:nth-child(2){top:1.54rem;flex-direction:row-reverse;}
.solution-process ul:nth-child(2) li:after{transform:rotate(180deg);right:auto;left:-0.1rem;}
.solution-process li{width:20%;padding:0 0.3rem;position:relative;}
.solution-process li:after{width:0.2rem;height:0.2rem;content:'';display:block;position:absolute;right:-0.1rem;top:0.53rem;background:url(../images/process_arrow_01.png) no-repeat center center;background-size:contain;}
.solution-process li:last-child:after{display:none;}
.solution-process .icon{width:0.3rem;height:0.3rem;margin:0 auto 0.13rem;}
.solution-process .icon img{display:block;width:100%;height:100%;object-fit:contain;}
.solution-process .dot{width:0.38rem;height:0.38rem;border:dotted 0.02rem #a2cf44;border-radius:50%;position:relative;margin:0 auto 0.12rem;}
.solution-process .dot:after{width:50%;padding-bottom:50%;border-radius:50%;background-color:#a2cf44;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.solution-process .title{font-size:0.18rem;line-height:1.35em;}
@media only screen and (max-width:750px){
    .solution-process{padding-bottom:0;}
    .solution-process .column-name{margin-bottom:0.5rem;}
    .solution-process .wrap{flex-direction:column;align-items:center;}
    .solution-process .box{width:100%;border:none;height:auto;margin-top:0.2rem;}
    .solution-process .box:after{display:none;}
    .solution-process .info{width:100%;}
    .solution-process ul{position:static;}
    .solution-process li{width:33.333%;padding:0.2rem 0.1rem;}
    .solution-process li:before{width:100%;height:0.04rem;background-color:#f4f5f9;content:'';display:block;position:absolute;left:0;top:0.8rem;}
    .solution-process li:after{top:0.73rem;right:0;}
}

/*about-box*/
.about-box{overflow:hidden;background:#fff no-repeat center center;background-size:cover;padding:7.8125% 0;}
.about-box#promotional .intro{font-size: 2em; line-height: 1.6;}
@media only screen and (max-width:750px){
    .about-box{padding:0.65rem 0;}
    .about-box#promotional .intro{font-size: 1.2em; }
}

/*promotional*/
@keyframes play{
    0%{transform:scale(1);opacity:0.06;}
    100%{transform:scale(3.125);opacity:0;}
}
#promotional .inner{overflow:hidden;position:relative;}
#promotional .figure{padding-bottom:44.44444444%;}
#promotional .video{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
#promotional video{display:block;object-fit:cover;width:100%;height:100%;}
#promotional .text{position:absolute;top:50%;left:0;width:100%;padding:3.125%;transform:translateY(-50%);z-index:5;}
#promotional .play{width:5.92592593%;margin:0 auto 2.59259259%;position:relative;border-radius:50%;cursor:pointer;}
#promotional .play:before,#promotional .play:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(135deg,#fff,transparent);opacity:0.06;border-radius:50%;}
#promotional .play:before{animation:play 3s linear 0s infinite;}
#promotional .play:after{animation:play 3s linear 1.5s infinite;}
#promotional .play i{display:block;overflow:hidden;padding-bottom:100%;background:url(../images/play_01.svg) no-repeat center center;background-size:27.5% auto;position:relative;z-index:2;}

/*aboutus*/
#aboutus .info{margin-bottom:4.51388889%;}
#aboutus .figure{width:50%;}
#aboutus .figure:after{padding-bottom:75%;display:block;}
#aboutus .text{width:40.55555556%;text-align:justify;}
#aboutus .data li{border-top:0.1rem solid rgba(var(--r),var(--g),var(--b),0.04);padding-top:0.24rem;}
#aboutus .data .num{font-family:'Oswald';font-size:0.6rem;line-height:1em;margin-bottom:0.03rem;}
#aboutus .data sup,#aboutus .data sub{font-size:0.5em;line-height:1em;display:inline-block;vertical-align:middle;margin-left:0.05rem;}
#aboutus .data sup{font-size:1em;line-height:0.5em;vertical-align:top;}
@media only screen and (max-width:750px){
    #aboutus .text{width:100%;margin-bottom:0.35rem;}
    #aboutus .figure{width:100%;}
    #aboutus li{width:48%;margin-top:0.25rem;}
}

/*factory*/
#factory{position:relative;padding:0;}
#factory .figure{padding-bottom:44.79166667%;}
#factory .list{position:absolute;left:0;bottom:0;width:100%;z-index:6;}
#factory .list:before{width:100%;height:0.01rem;background-color:rgba(255,255,255,0.2);content:'';display:block;position:absolute;left:0;bottom:1rem;}
#factory .list .swiper-wrapper{align-items:flex-end;}
#factory .list .swiper-slide{cursor:pointer;}
#factory .list .swiper-slide:after{width:0.01rem;height:1rem;background-color:rgba(255,255,255,0.2);content:'';display:block;position:absolute;right:0;bottom:0;}
#factory .list .swiper-slide:last-child:after{display:none;}
#factory .text{padding:0.365rem 1em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0.14rem 0.14rem 0 0;background-color:transparent;transition:all 0.2s;}
#factory .title{font-size:0.18rem;line-height:1.5em;}
#factory .intro{margin-top:0.08rem;display:none;}
#factory .swiper-slide-thumb-active:after{display:none;}
#factory .swiper-slide-thumb-active .text{background-color:rgba(var(--r),var(--g),var(--b),0.9);}
#factory .swiper-slide-thumb-active .intro{display:block;}
@media only screen and (max-width:750px){
    #factory .figure{padding-bottom:100%;}
}

/*founder*/
#founder{background-image:url(../images/founder_bg.jpg);padding-bottom:0;}
#founder .text{width:45.13888889%;padding-bottom:0.5rem;}
#founder .column-name{margin-bottom:8.76923077%;}
#founder .intro{font-size:0.18rem;line-height:2em;margin-bottom:12.61538462%;}
#founder .meta{font-size:0.2rem;line-height:1.75em;}
#founder .pic{width:54.86111111%;}
#founder .figure{width:114.43037975%;}
#founder .figure:after{padding-bottom:75.22123894%;display:block;}
#founder .img{object-fit:contain;}
@media only screen and (max-width:1280px){
    #founder .figure{width:auto;}
    #founder .column-name{margin-bottom:5%;}
    #founder .intro{margin-bottom:7%;}
}
@media only screen and (max-width:750px){
    #founder .pic{width:100%;}
    #founder .text{width:100%;}
}

/*honor*/
#honor .list{position:relative;margin-top:0.3rem;padding:0 0.3rem;}
#honor .list:before{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:11.31944444%;background:url(../images/honor_desktop@2x.png) no-repeat center center;background-size:100% auto;top:0;margin-top:15.27777778%;}
#honor .frame{width:77.29166667%;margin:0 auto 0.65rem;padding:0.19rem;background:url(../images/honor_frame.png) no-repeat center center;background-size:100% 100%;}
#honor .figure{padding-bottom:66.36636637%;}
#honor .text{font-size:0.18rem;line-height:1.66666667em;padding:0 1em;}
#honor .swiper-pagination{position:static;margin-top:0.32rem;}
#honor .swiper-pagination-bullet{display:block;background-color:#666;opacity:0.2;width:0.13rem;height:0.13rem;margin:0 0.065rem;}
#honor .swiper-pagination-bullet-active{background-color:var(--main-color);opacity:1;}
@media only screen and (max-width:1024px){
    #honor .list:before{margin-top:23%;}
}
@media only screen and (max-width:750px){
    #honor .list{margin-top:0;}
    #honor .list:before{margin-top:45%;}
    #honor .frame{margin-bottom:0.35rem;}
}

/*timeline*/
.timeline{font-size:0.2rem;line-height:1.5em;color:#c6c6c6;}
.timeline .swiper:before{height:0.02rem;width:100%;border-top:0.02rem dashed #c6c6c6;content:'';display:block;position:absolute;left:0;top:0.13rem;}
.timeline .swiper-slide{cursor:pointer;}
.timeline .dot{margin:0 auto 0.16rem;width:0.28rem;height:0.28rem;border-radius:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background-color:transparent;}
.timeline .dot i{width:57.14285714%;padding-bottom:57.14285714%;border-radius:50%;background-color:#fff;display:block;}
.timeline .swiper-slide-thumb-active{color:var(--main-color);font-size:0.24rem;line-height:1.25em;font-weight:500;}
.timeline .swiper-slide-thumb-active .dot{background-color:rgba(var(--r),var(--g),var(--b),0.13);}
.timeline .swiper-slide-thumb-active .dot i{background-color:var(--main-color);}
.timeline .arrow{transform:none;top:-0.11rem;}
.timeline .swiper-button-prev{left:-0.5rem;}
.timeline .swiper-button-next{right:-0.5rem;}
@media only screen and (max-width:1024px){
    .timeline{padding:0 0.5rem;}
    .timeline .swiper-button-prev{left:0;}
    .timeline .swiper-button-next{right:0;}
}
@media only screen and (max-width:750px){
    .timeline{padding:0 0.35rem;}
    .timeline .arrow{top:-0.04rem;}
}

/*timeevent*/
.timeevent{max-width:11.66rem;margin:0.3rem auto 0.63rem;}
.timeevent .top{font-size:1.04rem;margin-bottom:-0.47em;}
.timeevent .year{width:50%;position:relative;font-size:1em;line-height:1em;}
.timeevent .year:after{height:0.47em;width:2.45em;background-color:#fff;opacity:0.9;content:'';display:block;position:absolute;left:0;bottom:0;}
.timeevent .info{overflow:hidden;background-color:#fff;}
.timeevent .figure{width:50%;}
.timeevent .figure:after{padding-bottom:68.61063465%;display:block;}
.timeevent .intro{width:50%;line-height:2em;padding:0.25rem 0.6rem;}
@media only screen and (max-width:1024px){
    .timeevent .top{font-size:0.96rem;}
    .timeevent .intro{padding-left:0.4rem;padding-right:0.4rem;}
}
@media only screen and (max-width:750px){
    .timeevent{margin-top:0;margin-bottom:0.5rem;}
    .timeevent .top{font-size:0.8rem;}
    .timeevent .year{width:100%;}
    .timeevent .figure{width:100%;}
    .timeevent .intro{width:100%;padding:0.6rem 0.35rem 0.35rem;}
}