@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;
}
/*初始化样式*/
:root {  
    --font-color:#000;
    --main-color:#e50015;
    --r:229;
    --g:0;
    --b:21;
    --opacity:1;
}
*{-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.03rem;height:0.12rem;background-color:#fff;}
    ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.15rem;}
}
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,.init,.init dl, .init dt, .init dd,.init li,.init ul, .init ol, .init p, .init h1, .init h2, .init h3, .init h4, .init h5, .init h6 {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%;}
.init 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:16rem;margin:0 auto;}
.w1440 {max-width: 14.4rem;}
.w1200 {max-width: 12rem;}
.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:0.01rem solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*onscale*/
.onscale:hover img {transform: scale(1.05);}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}
/*font-size*/
[data-font*=fs16]{font-size: 0.16rem;}
[data-font*=fs18]{font-size: 0.18rem;}
[data-font*=fs20]{font-size: 0.20rem;}
[data-font*=fs22]{font-size: 0.22rem;}
[data-font*=fs24]{font-size: 0.24rem;}
[data-font*=fs26]{font-size: 0.26rem;}
[data-font*=fs28]{font-size: 0.28rem;}
[data-font*=fs30]{font-size: 0.3rem;}
[data-font*=fs32]{font-size: 0.32rem;}
[data-font*=fs34]{font-size: 0.34rem;}
[data-font*=fs36]{font-size: 0.36rem;}
[data-font*=fs38]{font-size: 0.38rem;}
[data-font*=fs40]{font-size: 0.4rem;}
[data-font*=fs42]{font-size: 0.42rem;}
[data-font*=fs44]{font-size: 0.44rem;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*col*/
[data-cols] {--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;}
[data-cols] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration) linear 0s;}

/*data-element*/
[data-element] {--x:0; --y:0.1rem; --z:0; visibility: hidden; opacity: 0; transform: translate3D(var(--x),var(--y),var(--z));}
.active[data-element] {visibility: visible; opacity: 1; --y:0;}

/*top*/
#top{position:relative;}

/*bg-logo*/
#bg-logo{position:absolute;left:0;top:0;width:4.46rem;width:23.22916667%;background:url(../images/logo_bg@2x.png) no-repeat center center;background-size:contain;z-index:5;}
#bg-logo:after{display:block;content:'';padding-bottom:74.88789238%;}
#bg-logo img{display:block;position:absolute;top:11.37724551%;left:35.87443946%;width:29.14798206%;height:auto;}
@media only screen and (max-width:1281px){
    #bg-logo img{width:40%;left:27%;}
}
@media only screen and (max-width:750px){
    #bg-logo{width:32%;}
    #bg-logo img{width:49%;left:22%;}
}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:8;--opacity:0.15;background-color:#fff;}
#header:after{content:'';display:block;position:absolute;left:0;width:100%;height:0.01rem;background-color:#efefef;transition:inherit;}
#header .inner{position:relative;z-index:2;}
#header:not(.fixed)#header:not(.white)#header:not(:hover){background-color:transparent;}
#header:not(.fixed)#header:not(.white)#header:not(:hover):after{opacity:0;}
@media only screen and (max-width:1024px){
    #header .inner{padding:0.1rem 0;}
}

/*logo*/
#logo{width:1.11rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:54.05405405%;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;}
#header:not(.fixed)#header:not(.white)#header:not(:hover) #logo{opacity:0;}
@media only screen and (max-width:1024px){
    #logo{width:1rem;}
}

/*language*/
#language{position:relative;line-height:1.66666667em;margin-left:0.29rem;}
#language span{display:block;background:url(../images/language_01.svg) no-repeat left center;background-size:1em auto;padding:0 calc(15em/18) 0 calc(27em/18);position:relative;white-space:nowrap;cursor:pointer;filter:invert(1) brightness(0);opacity:0.86;}
#language span:after{width:calc(8em/18);height:calc(5em/18);background:url(../images/language_02.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;margin-top:-0.13888889em;display:block;content:'';transform:rotate(180deg);transition:transform 0.3s;}
#language span.active{filter:invert(0);opacity:1;}
#language span.active:after{transform:rotate(0deg);}
#language .drop{position:absolute;top:calc(100% + 0.3rem);left:50%;min-width:1.14rem;--x:-50%;z-index:5;padding-top:0.07rem;}
#language ul{line-height:2.22222222em;border-radius:0.06rem;background-color:rgba(255,255,255,0.95);text-align:center;padding:0.13rem;}
#language ul a{white-space:nowrap;display:block;}
#language ul a:not(:hover){color:#555;}
#header:not(.fixed)#header:not(.white)#header:not(:hover) #language span{filter:invert(1) brightness(100);}



@media only screen and (max-width:1024px){
    #language .drop{top:calc(100% + 0.23rem);}
}
@media only screen and (max-width:750px){
    #language{margin-left:0.3rem;}
}

/*search*/
#search span{width:0.19rem;height:0.19rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;cursor:pointer;filter:invert(1) brightness(0);opacity:0.86;}
#search span.active{filter:invert(0);opacity:1;}
#header:not(.fixed)#header:not(.white)#header:not(:hover) #search span{filter:invert(1) brightness(100);}
#search-form{background-color:rgba(255,255,255,0.95);width:100%;position:absolute;left:0;top:100%;padding:0.39rem 0 0.45rem;}
#search-form .input{position:relative;width:8.8rem;max-width:93.75%;}
#search-form .text{border:solid 0.01rem #eaecef;display:block;width:100%;height:4.375em;line-height:1.875em;padding:1.25em 5em 1.25em 2.8125em;border-radius:2.1875em;box-shadow:0 0.01rem 0.3rem 0 rgba(0,0,0,0.06);background-color:#fff;}
#search-form input::-moz-placeholder{opacity:1;color:#999;}
#search-form input:-moz-placeholder{opacity:1;color:#999;}
#search-form input::-webkit-input-placeholder{opacity:1;color:#999;}
#search-form input:-ms-input-placeholder{opacity:1;color:#999;}
#search-form textarea::-moz-placeholder{opacity:1;color:#999;}
#search-form textarea:-moz-placeholder{opacity:1;color:#999;}
#search-form textarea::-webkit-input-placeholder{opacity:1;color:#999;}
#search-form textarea:-ms-input-placeholder{opacity:1;color:#999;}
#search-form .go{width:3.375em;height:3.375em;border-radius:50%;display:block;position:absolute;right:0.08rem;top:50%;transform:translateY(-50%);cursor:pointer;background-color:var(--main-color);display:flex;align-items:center;justify-content:center;}
#search-form .go:after{width:42.59259259%;padding-bottom:42.59259259%;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;content:'';filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
    #search-form{padding:0.25rem 0;}
    #search-form .text{height:3.125em;padding:0.625em 5em 0.625em 1.25em;border-radius:1.5625em;}
    #search-form .go{width:2.25em;height:2.25em;}
}

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

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.2rem;height:0.2rem;display:block;z-index:10;overflow:hidden;margin-left:0.49rem;filter:invert(1) brightness(0);opacity:0.86;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:var(--main-color);display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn:before{top:0.01rem;}
    #navbtn:after{bottom:0.01rem;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active{overflow:visible;filter:invert(0);opacity:1;}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}
    #header:not(.fixed)#header:not(.white)#header:not(:hover) #navbtn{filter:invert(1) brightness(100);}
}
@media only screen and (max-width:750px){
    #navbtn{margin-left:0.3rem;}
}

/*navi*/
#navi{width:calc(100% - 2.66rem);line-height:2.22222222em;padding:0 0.22rem;opacity:1;visibility:visible;--y:0;}
#navi a{display:block;position:relative;}
#navi a:not(:hover){color:#222;}
#navi .parent{padding:0.25rem 0;position:relative;margin:0 0.15rem;}
#navi .drop.disable{display:none;}
@media only screen and (max-width:1280px){
    #navi .parent{
        margin:0 0.1rem;
    }
}
@media only screen and (min-width:1025px){
    #navi .on > a,#navi .cur > a{color:var(--main-color);}
    #navi .parent:after{content:'';display:block;position:absolute;left:0;bottom:0;width:0;height:0.02rem;background-color:var(--main-color);opacity:0;transition:all 0.3s;}
    #navi .drop{position:absolute;top:100%;left:0;z-index:5;visibility:hidden;opacity:0;transform:translateY(0.1rem);transition:all 0.3s;}
    #navi .drop:before{content:'';display:block;position:absolute;right:0;width:200vw;background-color:rgba(255,255,255,0.95);height:100%;transform:translateX(50%);}
    #navi .drop ul{position:relative;z-index:2;padding:0.27rem 0;}
    #navi .drop li{margin-right:0.75rem;}
    #navi .drop li:last-child{margin-right:0;}
    #navi .drop a{white-space:nowrap;}
    #navi .drop a:not(:hover){color:#555;}
    #navi .on:after{width:100%;opacity:1;}
    #navi .on .drop{opacity:1;visibility:visible;transform:translateY(0);}
    #header:not(.fixed)#header:not(.white)#header:not(:hover) #navi .parent > a:not(:hover){color:#fff;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:30em;max-width:calc(100% - 0.2rem);height:calc(100% - 0.945rem);background-color:rgba(255,255,255,0.95);z-index:9;right:0.1rem;top:0.845rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.25rem 0;border-radius:0.06rem;--x:100%;opacity:0;visibility:hidden;transition:all 0.3s;}
    #navi.active{--x:0;opacity:1;visibility:visible;}
    #navi .menu{display:block;}
    #navi a{color:#333;}
    #navi .parent{padding:0 0.5rem;margin:0;line-height:2em;position:relative;}
    #navi .parent > a{padding:1.25em 0;border-bottom:1px solid #e4e4e4;}
    #navi em{display:block;position:absolute;right:0.3rem;width:4.55555556em;height:4.55555556em;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:all 0.3s;}
    #navi .on{background-color:#f9f9f9;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{display:none;padding:1em 0 1em 2em;}
    #navi .drop a{padding:0.75em 0;}
}
@media only screen and (max-width:750px){
    #navi .parent{padding:0 0.3rem;}
    #navi em{right:0;}
}

/*footer*/
#footer{background-color:#1f1b1a;color:rgba(255,255,255,0.6);position:relative;z-index:5;}
#footer .inner{background:url(../images/footer_bg_logo.png) no-repeat right bottom;background-size:44% auto;}
#footer a:not(:hover){color:rgba(255,255,255,0.6);}
@media only screen and (max-width:750px){
    #footer .inner{background-size:100% auto;}
}

/*copyright*/
#copyright{padding:0.22rem 0;color:rgba(255,255,255,0.4);}
#copyright a{display:inline-block;}
#copyright a:not(:hover){color:rgba(255,255,255,0.4);}
@media only screen and (max-width:750px){

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

/*bottom*/
#bottom{border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 0 2.3rem;}
@media only screen and (max-width:750px){
    #bottom{padding:0.6rem 0;}
}

/*infor*/
#infor{width:3rem;}
#infor .links{position:relative;margin-bottom:0.1rem;}
#infor .links span{border:0.01rem solid rgba(255,255,255,0.2);height:3.125em;border-radius:0.625em;padding:0 1.25em;position:relative;cursor:pointer;}
#infor .links span:after{width:0.875em;height:0.5em;background:url(../images/links_arrow.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:1.25em;top:50%;transform:translateY(-50%);}
#infor .links ul{border:0.01rem solid rgba(255,255,255,0.2);position:absolute;left:0;width:100%;bottom:100%;margin-bottom:0.1rem;border-radius:0.625em;padding:1em 0;max-height:2.2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;background-color:rgba(255,255,255,0.9);z-index:5;}
#infor .links a{padding:0.5em 1.875em;display:block;}
#infor .links a:not(:hover){color:var(--font-color);}
#infor .social a{display:block;overflow:hidden;}
#infor .social a:not(:hover){opacity:0.6;}
#infor .social a.active{opacity:1;}
#infor .social .icon{display:block;width:auto;height:0.2rem;}
#infor .social li{margin:0.2rem;position:relative;}
#infor .social .qr{position:absolute;left:50%;bottom:100%;--x:-50%;margin-bottom:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.06rem;}
#infor .social .qr:after{border-top:0.06rem solid #fff;border-left:0.06rem solid transparent;border-right:0.06rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:-0.01rem;}
#infor .social .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:1024px){

    /*1024px*/
    #infor{width:2.5rem;}
}
@media only screen and (max-width:750px){
    #infor{width:100%;}
    #infor .links{margin-bottom:0.3rem;}
    #infor .social ul{justify-content:center;}
}

/*menu*/
#menu{width:calc(100% - 3.5rem);max-width:11.5rem;}
#menu dt{line-height:1.35em;font-weight:500;margin-bottom:0.12rem;}
#menu dt a:not(:hover){color:#fff;}
#menu dd{font-size:0.88888889em;line-height:2.5em;}
@media only screen and (max-width:1024px){
    #menu{width:calc(100% - 2.8rem);}
}
@media only screen and (max-width:750px){
    #menu{display:none;}
}

/*view-more*/
.view-more .go{border:0.01rem solid var(--main-color);font-size:0.16rem;padding:0.3125em;width:12.5em;height:3.75em;border-radius:1.875em;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
.view-more .txt{font-style:normal;display:block;position:relative;z-index:2;padding-left:1.875em;}
.view-more .arr{width:4.375em;position:absolute;right:0.375em;height:3em;top:50%;transform:translateY(-50%);background-color:var(--main-color);border-radius:1.5em;--property:width;}
.view-more .arr:after{width:0.8125em;height:0.6875em;content:'';display:block;position:absolute;right:1.75em;top:50%;transform:translateY(-50%);background:url(../images/button_more_01.png) no-repeat center center;background-size:contain;filter:brightness(100);}
.view-more .go:hover{color:#fff;}
.view-more .go:hover .arr{width:calc(100% - 0.75em);}
.view-more .fill{background-color:var(--main-color);}
.view-more .fill:hover{opacity:0.8;}
@media only screen and (max-width:750px){
    .view-more .go{font-size:0.14rem;}
}

/*swiper-arrows*/
@keyframes dashoffset{
    to{stroke-dashoffset:0;}
}
.swiper-arrows{font-size:0.18rem;}
.swiper-arrows .arrow{width:2.77777778em;--opacity:0.4;position:relative;cursor:pointer;}
.swiper-arrows .arrow:before{padding-bottom:100%;display:block;content:'';}
.swiper-arrows .arrow:after{width:26%;padding-bottom:22%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:var(--opacity);transition:all 0.3s;}
.swiper-arrows .arrow:hover:after{--opacity:1;}
.swiper-arrows .arrow:hover svg:nth-child(2){stroke-dashoffset:0;transition:all 1s;}
.swiper-arrows svg{position:absolute;left:0;top:0;width:100%;height:100%;}
.swiper-arrows svg:nth-child(1){opacity:var(--opacity);}
.swiper-arrows svg:nth-child(2){z-index:2;stroke-dasharray:180;stroke-dashoffset:180;}
.swiper-arrows path{fill:none;fill-rule:evenodd;stroke:var(--main-color);stroke-width:0.02rem;stroke-linecap:butt;stroke-linejoin:miter;}
.swiper-arrows .prev:after{background-image:url(../images/swiper_prev_01.png);}
.swiper-arrows .next:after{background-image:url(../images/swiper_next_01.png);}
@media only screen and (max-width:750px){
    .swiper-arrows{font-size:0.16rem;}
}

/*slides*/
#slides .figure{padding-bottom:56.25%;}
#slides .img{transform:scale(1.35);transition-duration:3s;}
#slides .text{position:absolute;top:50%;transform:translateY(100%);left:0;width:100%;z-index:2;opacity:0;transition:all 1.5s;}
#slides .info{width:33.33333333em;max-width:100%;line-height:1.25em;}
#slides .title{font-size:2.5em;line-height:1.35em;}
#slides .intro{margin-top:1.45833333em;}
#slides .view-more{margin-top:0.45rem;}
#slides .control{position:absolute;left:0;bottom:5.46296296%;width:100%;z-index:5;}
#slides .swiper-arrows{width:6.66666667em;}
#slides .arrow{filter:invert(1) brightness(100);}
#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;}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
    #slides .info{font-size:0.18rem;}
}

/*home-box*/
.home-box{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;}

/*home-group*/
.home-group{margin-bottom:0.25rem;overflow:hidden;}

/*home-name*/
.home-name{margin:0;font-size:0.44rem;line-height:1.35em;}
@media only screen and (max-width:750px){
    .home-name{font-size:0.36rem;}
}

/*home-about*/
#home-about{padding:0.8rem 0;}
#home-about .text{width:44.0625%;}
#home-about .title{line-height:1.66666667em;margin-bottom:0.77777778em;}
#home-about .entry{line-height:1.75em;}
#home-about .view-more{margin-top:0.5rem;}
#home-about .pic{width:51%;}
#home-about .figure{width:119.60784314%;}
#home-about .figure:after{padding-bottom:70.18442623%;display:block;}
@media only screen and (max-width:1280px){
    #home-about .figure{width:106.53594771%;}
}
@media only screen and (max-width:1024px){
    #home-about .text{width:100%;margin-bottom:0.35rem;}
    #home-about .pic{width:100%;}
    #home-about .figure{width:103.33333333%;}
}
@media only screen and (max-width:750px){
    #home-about{padding:0.5rem 0;}
    #home-about .title{letter-spacing:-0.01111111em;}
}

/*home-esg*/
#home-esg{padding:1.55rem 0 1.4rem;}
#home-esg .home-group{margin-bottom:0.65rem;}
#home-esg .home-name{margin-bottom:0.25rem;}
#home-esg .list{--margin:0.3rem;width:calc(100% + var(--margin));}
#home-esg .item{width:26.3803681%;padding:0 var(--margin) var(--margin) 0;}
#home-esg .info{background-color:#ebeff5;border-radius:0.2rem;overflow:hidden;position:relative;height:100%;padding:0.57rem 0.43rem 0.6rem;}
#home-esg .icon{width:0.38rem;margin-bottom:0.23rem;}
#home-esg .icon i{padding-bottom:100%;background:no-repeat center center;background-size:contain;display:block;}
#home-esg .title{line-height:1.35em;margin-bottom:0.23rem;}
#home-esg .intro{margin-bottom:0.7rem;}
#home-esg .info:hover{background-color:var(--main-color);}
#home-esg .info:hover .top{filter:invert(1) brightness(100);}
#home-esg .info:hover .go{border-color:#fff;color:#fff;}
#home-esg .info:hover .go:hover{color:var(--font-color);}
#home-esg .info:hover .arr{background-color:#fff;}
#home-esg .info:hover .arr:after{filter:brightness(0);}
@media only screen and (max-width:1024px){
    #home-esg .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #home-esg{padding:0.6rem 0;}
    #home-esg .home-group{margin-bottom:0.4rem;}
    #home-esg .desc{letter-spacing:-0.00625rem;}
    #home-esg .item{width:100%;}
    #home-esg .info{padding:0.35rem 0.3rem 0.4rem;}
    #home-esg .intro{margin-bottom:0.35rem;}
}

/*home-news*/
#home-news{background-image:linear-gradient(0deg,#ffffff 66%,#e5f2ff 100%);padding:1.2rem 0;}
#home-news .home-group{margin-bottom:0.4rem;}
#home-news .figure{padding-bottom:56.25%;}
#home-news .text{position:relative;}
#home-news .date{position:absolute;right:0;bottom:100%;background-color:var(--main-color);padding:0 0.18rem;border-top-left-radius:0.1rem;height:2.5em;line-height:2.5em;}
#home-news .left{width:50%;}
#home-news .left .info{background-color:#ebeff5;border-radius:0.2rem;}
#home-news .left .text{padding:0.34rem 0.85rem 0.33rem 0.4rem;}
#home-news .left .title{line-height:1.35em;margin-bottom:0.42857143em;}
#home-news .left .excerpt{line-height:2em;height:4em;}
#home-news .right{width:47.5%;}
#home-news .top .item{width:47.36842105%;}
#home-news .top .figure{border-radius:0.1rem;}
#home-news .top .text{padding:0.15rem 0;}
#home-news .top .date{border-bottom-right-radius:0.1rem;}
#home-news .top .title{line-height:1.77777778em;height:3.55555556em;}
#home-news .list{border-top:0.01rem solid rgba(0,0,0,0.1);}
#home-news .list li{border-bottom:0.01rem solid rgba(0,0,0,0.1);line-height:1.66666667em;padding:1.33333333em 0;}
#home-news .list .time{font-size:0.88888889em;line-height:1.875em;position:absolute;top:50%;transform:translateY(-50%);right:0;display:block;}
#home-news .list a{display:block;overflow:hidden;position:relative;padding-right:5.55555556em;}
#home-news .info{display:block;overflow:hidden;}
@media only screen and (max-width:1024px){
    #home-news .list li{padding:0.875em 0;}
}
@media only screen and (max-width:750px){
    #home-news{padding:0.6rem 0;}
    #home-news .left{width:100%;margin-bottom:0.3rem;}
    #home-news .left .text{padding:0.25rem 0.3rem;}
    #home-news .left .title{font-size:0.22rem;}
    #home-news .right{width:100%;}
    #home-news .list li{padding:1em 0;}
}

/*backtop*/
#backtop{background:var(--main-color) url(../images/backtop.svg) no-repeat center center;background-size:30% auto;cursor:pointer;width:0.6rem;border-radius:50%;overflow:hidden;position:absolute;top:0;right:2.08333333%;transform:translateY(-50%);z-index:5;}
#backtop:after{display:block;padding-bottom:100%;content:'';}

/*noban*/
.noban #top{position:sticky;top:0;z-index:8;}
.noban #header{position:relative;}
.noban #bg-logo{display:none;}

/*wrapper*/
#wrapper{padding:1.1rem 0;}
#wrapper.gray{background-color:#f2f6f9;}
#wrapper.hidden{overflow:hidden;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0;}
}

/*single-page*/
#single-page .title{line-height:1.35em;overflow:hidden;margin-bottom:1.27777778em;}
#single-page .title span{display:block;position:relative;}
#single-page .title span:before,#single-page .title span:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);height:0.01rem;background-color:rgba(0,0,0,0.1);width:100vw;}
#single-page .title span:before{right:100%;margin-right:2.22222222em;}
#single-page .title span:after{left:100%;margin-left:2.22222222em;}
#single-page .entry h3{font-size:0.22rem;line-height:1.36363636em;}
#single-page .entry h4{font-size:0.18rem;line-height:1.88888889em;}
@media only screen and (max-width:750px){
    #single-page .title{font-size:0.32rem;}
}

/*breadcrumb*/
.breadcrumb{padding:0.23rem 0;}
.breadcrumb a:first-child{position:relative;padding-left:1.77777778em;}
.breadcrumb a:first-child:before{width:1em;height:1em;background:url(../images/breadcrumb.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.breadcrumb a:not(:hover){color:#999;}
.breadcrumb i{font-style:normal;margin:0 0.55555556em;color:#999;}

/*container*/
#container{padding:0.2rem 0 1.1rem;}

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

/*details*/
#details .top{border-bottom:0.01rem dotted #ddd;padding-bottom:0.32rem;margin-bottom:0.32rem;position:relative;z-index:2;}
#details .title{line-height:1.44444444em;}
#details .meta{margin-top:0.22rem;}
#details .meta span{margin-right:3.11942959%;}
#details .meta span:last-child{margin-right:0;}
#details .entry{margin-bottom:0.6rem;}
#details .btm{overflow:hidden;border-top:0.01rem dotted #ddd;padding:0.37rem 0;}
#details .back a{--opacity:0.9;background-color:rgba(229,0,21,var(--opacity));width:10em;height:3em;display:flex;align-items:center;justify-content:center;color:#fefefe;border-radius:1.5em;}
#details .back a:before{width:0.9375em;height:1em;background:url(../images/back.svg) no-repeat center center;background-size:contain;display:block;content:'';margin-right:0.875em;}
#details .back a:hover{--opacity:0.8;}
#details .post{width:calc(100% - 2rem);line-height:2.25em;}
#details .post i{font-style:normal;color:#555;margin-right:1em;}
#details .post a:not(:hover){color:#555;}
@media only screen and (max-width:750px){
    #details .top{padding-bottom:0.25rem;margin-bottom:0.25rem;}
    #details .title{font-size:0.3rem;}
    #details .entry{margin-bottom:0.5rem;}
    #details .post{width:100%;margin-bottom:0.2rem;}
    #details .back{width:100%;}
}

/*aside*/
#aside{width:25.5%;}
#aside .name{line-height:1.25em;}
@media only screen and (max-width:750px){
    #aside{width:100%;}
}

/*widget*/
.widget{background-color:#f8f8f8;border-radius:0.1rem;padding:0.35rem 0.35rem 0.4rem;}

/*recommend*/
.recommend{position:sticky;top:1rem;}
.recommend .name{margin-bottom:0.12rem;}
.recommend li{border-bottom:0.01rem dotted #ddd;padding:0.17rem 0;line-height:1.55555556em;}
.recommend time{font-weight:300;color:#999;margin-bottom:0.05rem;display:block;}
.recommend p{font-weight:500;}
.recommend a:not(:hover){color:#333;}

/*banner-box*/
#banner-box{position:relative;overflow:hidden;}

/*banner*/
#banner{padding-bottom:33.85416667%;background:no-repeat center center;background-size:cover;position:relative;overflow:hidden;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:5;}
#banner .name{font-size:0.48rem;line-height:1.35em;}
@media only screen and (max-width:750px){
    #banner{padding-bottom:75%;}
    #banner .name{font-size:0.38rem;}
}

/*inbar*/
#inbar{position:absolute;left:0;width:100%;bottom:0;z-index:5;}
@media only screen and (max-width:750px){
    #inbar{position:relative;left:auto;bottom:auto;}
    #inbar:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.01rem;width:100%;background-color:rgba(0,0,0,0.1);}
    #inbar .inner{position:relative;}
    #inbar .breadcrumb{position:absolute;left:0;bottom:100%;width:100%;}
}

/*submenu*/
.submenu{position:relative;line-height:1.66666667em;}
.submenu .swiper-slide{width:auto;padding-right:0.5rem;}
.submenu span{display:block;padding:0.25rem 0;position:relative;}
.submenu span:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.02rem;width:100%;background-color:var(--main-color);opacity:0;}
.submenu a{display:block;white-space:nowrap;}
.submenu a:not(:hover){color:#fff;}
.submenu .cur span:after{opacity:1;}
.submenu .cur a{color:var(--main-color);}
.submenu .arrow{position:absolute;top:50%;transform:translateY(-50%);width:0.15rem;height:0.13rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
.submenu .arrow:not(:hover){filter:brightness(0);}
.submenu .prev{right:0.3rem;background-image:url(../images/submenu_prev.svg);}
.submenu .next{right:0;background-image:url(../images/submenu_next.svg);}
@media only screen and (max-width:750px){
    .submenu{width:100%;}
    .submenu .swiper-slide{padding-right:0.3rem;}
    .submenu .swiper-slide span{padding:0.2rem 0;}
    .submenu a:not(:hover){color:var(--font-color);}
}

/*Pages*/
.Pages{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 0.625em;min-width:4.0625em;border-radius:2.0625em;height:4.0625em;padding:0 0.5em;position:relative;transition:all 0.3s;background-color:#fff;border:0.01rem solid rgba(0,0,0,0.1);}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);border-color:transparent;}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:after,.Pages .a_next:after{width:12.6984127%;padding-bottom:20.63492063%;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:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
    .Pages{font-size:0.14rem;}
    .Pages a{min-width:3.375em;height:3.375em;margin:0 0.5em;}
}

/*news-top*/
#news-top{margin-bottom:5%;}
#news-top .figure{width:48.875%;border-radius:0.2rem;}
#news-top .figure:after{display:block;padding-bottom:58.82352941%;}
#news-top .text{width:46.875%;}
#news-top .date{margin-bottom:0.1rem;}
#news-top .title{line-height:1.5em;max-height:3em;margin-bottom:0.47222222em;}
#news-top .excerpt{max-height:3.33333333em;margin-bottom:8.53333333%;}
@media only screen and (max-width:1024px){
    #news-top .title{font-size:0.32rem;}
}
@media only screen and (max-width:750px){
    #news-top{margin-bottom:0.5rem;}
    #news-top .figure{width:100%;margin-bottom:0.25rem;}
    #news-top .text{width:100%;}
}

/*news-list*/
#news-list{--margin:0.65rem;margin-bottom:0.2rem;}
@media only screen and (max-width:750px){
    #news-list{--margin:0.4rem;}
}

/*news-item*/
.news-item{padding-bottom:0.6rem;}
.news-item .figure{padding-bottom:56.12244898%;}
.news-item .text{padding:0.4rem 0.5rem 0.42rem 0.4rem;}
.news-item .title{line-height:1.66666667em;height:3.33333333em;margin-bottom:0.91666667em;}
.news-item a{display:block;overflow:hidden;border-radius:0.15rem;background-color:#f7f9fa;}
@media only screen and (max-width:750px){
    .news-item{padding-bottom:var(--margin);}
    .news-item .text{padding:0.25rem 0.3rem;}
    .news-item .title{font-size:0.2rem;height:auto;max-height:3.33333333em;}
}

/*categories*/
.categories{margin-bottom:0.3rem;}
.categories li{margin-right:1.875%;margin-bottom:1.875%;}
.categories li:last-child{margin-right:0;}
.categories a{height:3em;border-radius:1.5em;padding:0 1em;min-width:10em;background-color:#efefef;display:flex;align-items:center;justify-content:center;}
.categories .active a,.categories a:hover{background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .categories li{font-size:0.18rem;}
}

/*photos-list*/
#photos-list{--margin:0.3rem;margin-bottom:0.4rem;}
@media only screen and (max-width:1024px){
    #photos-list .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #photos-list{--margin:0.15rem;}
    #photos-list .item{width:50%;}
}

/*photo-item*/
.photo-item .figure{padding-bottom:82.01058201%;}
.photo-item .meta{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:0.22rem 0.25rem;opacity:0;transform:translateY(100%);}
.photo-item .icon{width:0.24rem;background:url(../images/zoom_01.svg) no-repeat center center;background-size:contain;}
.photo-item .icon:after{display:block;content:'';padding-bottom:100%;}
.photo-item .title{width:calc(100% - 0.35rem);}
.photo-item a{display:block;overflow:hidden;border-radius:0.2rem;position:relative;}
.photo-item a:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:26.45502646%;background-image:linear-gradient(0deg,#000,transparent);z-index:2;opacity:0;transition:all 0.3s;}
.photo-item a:hover:before{opacity:1;}
.photo-item a:hover .meta{transform:translateY(0);opacity:1;}
@media only screen and (max-width:750px){
    .photo-item .meta{padding:0.15rem 0.2rem;}
}

/*loading*/
@keyframes loading{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(-360deg);}
}
#loading{visibility:hidden;opacity:0;}
#loading i{width:0.63rem;background:url(../images/loading.svg) no-repeat center center;background-size:contain;display:block;animation:loading 3s linear 0s infinite;}
#loading i:after{display:block;content:'';padding-bottom:100%;}
#loading.active{visibility:visible;opacity:1;}
@media only screen and (max-width:750px){
    #loading i{width:0.5rem;}
}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.7);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .wrap{width:100%;min-height:100%;padding:1vh 0;display:flex;align-items:center;justify-content:center;}
.popup .close{width:0.45rem;background:var(--main-color) url(../images/close_01.svg) no-repeat center center;background-size:42.22222222% auto;border-radius:50%;position:absolute;right:0.26rem;top:0.29rem;cursor:pointer;}
.popup .close:after{display:block;content:'';padding-bottom:100%;}
@media only screen and (max-width:750px){
    .popup .close{width:0.3rem;right:0.15rem;top:0.15rem;}
}

/*img-popup*/
.img-popup img{display:block;width:auto;max-width:80%;height:auto;max-height:80vh;}

/*video-popup*/
.video-popup .box{width:12.8rem;max-width:93.75%;position:relative;}
.video-popup video{display:block;width:100%;height:auto;object-fit:contain;}

/*video-list*/
#video-list{--margin:0.26rem;margin-bottom:0.54rem;}
@media only screen and (max-width:750px){
    #video-list{margin-bottom:0.3rem;}
}

/*video-item*/
.video-item .figure{padding-bottom:56.20155039%;}
.video-item .title{position:absolute;left:0;bottom:0;width:100%;line-height:1.5em;z-index:3;padding:1.25em 1em;transform:translateY(100%);opacity:0;}
.video-item .play{width:11.24031008%;background:rgba(255,255,255,0.45) url(../images/play_01.svg) no-repeat center center;background-size:20.68965517% auto;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
.video-item .play:after{display:block;content:'';padding-bottom:100%;}
.video-item a{display:block;overflow:hidden;border-radius:0.2rem;position:relative;}
.video-item a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:2;}
.video-item a:hover .play{background-color:var(--main-color);}
.video-item a:hover .title{transform:translateY(0);opacity:1;}

/*columninfo*/
.columninfo .columnname{margin-bottom:0;}
.columninfo .columnintro{max-width:11rem;margin:0.42rem auto 0;}
@media only screen and (max-width:750px){
    .columninfo .columnintro{margin-top:0.25rem;}
}

/*columnintro*/
.columnintro{line-height:2em;}

/*columnname*/
.columnname{font-size:0.44rem;line-height:1.35em;margin:0 0 1.20454545em;}
@media only screen and (max-width:750px){
    .columnname{font-size:0.36rem;margin-bottom:0.35rem;}
}

/*measure*/
#measure{--margin:0.18rem;}
#measure .figure{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.3s;}
#measure .box{position:relative;z-index:2;}
#measure .num{margin-bottom:0.26rem;text-align:right;color:var(--main-color);}
#measure .icon{width:0.6rem;margin-bottom:0.4rem;}
#measure .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#measure .intro{font-size:0.24rem;line-height:1.75em;color:#222;}
#measure .info{background-color:#f5f7fa;border-radius:0.15rem;position:relative;height:100%;padding:0.27rem 0.45rem 0.63rem;}
#measure .info:hover{background-color:var(--main-color);}
#measure .info:hover .figure{opacity:0.14;}
#measure .info:hover .box{filter:invert(1) brightness(100);}

/*health*/
#health{background:url(../images/health_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:1.51rem 0 1.83rem;}
#health .text{width:45%;}
#health .columnname{margin-bottom:0.90909091em;}
#health .intro{line-height:2em;}
#health .pic{width:40.25%;position:relative;}
#health .pic:before{width:159.62732919%;padding-bottom:87.11180124%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/health_pic_bg.svg) no-repeat center center;background-size:contain;}
#health .figure{padding-bottom:77.79503106%;}
@media only screen and (max-width:750px){
    #health{padding:1rem 0;}
    #health .text{width:100%;margin-bottom:0.5rem;}
    #health .pic{width:100%;}
}

/*operation*/
#operation{margin-bottom:0.5rem;}
#operation .item{padding-bottom:0.1rem;}
#operation .on{color:#666;transition:all 0.3s;}
#operation .date{width:1.9rem;}
#operation .title{font-size:0.2rem;line-height:1.5em;font-weight:normal;color:#333;width:calc(100% - 3.7rem);}
#operation .button a{display:block;position:relative;}
#operation .button a:after{width:1em;height:0.875em;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);filter:invert(1) brightness(0);opacity:0.7;}
#operation .button .file{padding-right:1.4375em;}
#operation .button .file:after{background-image:url(../images/file_download.svg);right:0;}
#operation .button .view{padding-left:1.4375em;margin-left:0.3rem;}
#operation .button .view:after{background-image:url(../images/file_preview.svg);left:0;}
#operation .info{background:#ffffff no-repeat 78.125% center;background-size:auto 100%;border-radius:0.1rem;padding:0.25rem 0.4rem;}
#operation .info:hover{background-image:url(../images/operation_bg.png);box-shadow:0px 0.01rem 0.3rem 0px rgba(0,0,0,0.08);}
#operation .info:hover .on{color:var(--main-color);}
#operation .info:hover .button a:after{filter:invert(0);}
@media only screen and (max-width:750px){
    #operation .info{padding:0.25rem 0.3rem;}
    #operation .date,#operation .title{width:100%;margin-bottom:0.1rem;}
    #operation .button{width:100%;}
}

/*contact*/
#contact{padding:1.4rem 0;}
#contact .figure{width:51.25%;border-radius:0.2rem;}
#contact .figure:after{display:block;padding-bottom:66.82926829%;}
#contact .text{width:43.75%;}
#contact li{border-bottom:0.01rem solid #eee;position:relative;padding-bottom:0.4rem;margin-bottom:0.4rem;}
#contact li:before{width:0.5rem;height:0.5rem;background:no-repeat center center;background-size:contain;display:block;content:'';margin-top:0.05rem;}
#contact li:last-child{margin-bottom:0;}
#contact .tel:before{background-image:url(../images/contact_tel.svg);}
#contact .mail:before{background-image:url(../images/contact_mail.svg);}
#contact .add:before{background-image:url(../images/contact_add.svg);}
#contact .info{width:calc(100% - 0.7rem);line-height:1.75em;}
#contact .info span{display:block;line-height:1.4em;}
@media only screen and (max-width:750px){
    #contact{padding:0.8rem 0;}
    #contact .text{width:100%;margin-bottom:0.5rem;}
    #contact .figure{width:100%;}
}

/*message*/
#message{background-color:#f8f8f8;padding:1.1rem 0 1.2rem;overflow:hidden;}
#message .top{margin-bottom:0.6rem;}
#message .columnname{margin-bottom:0;}
#message .intro{margin-top:0.12rem;}
#message .btm .item{border-bottom:0.01rem solid rgba(17,17,17,0.1);margin-bottom:2.3125%;}
#message .btm .input{position:relative;}
#message .btm .label{color:#666;position:absolute;left:0;top:0;height:3.875em;line-height:3.875em;display:none;}
#message .btm .text{display:block;width:100%;height:3.875em;line-height:1.875em;padding:1em 0;position:relative;z-index:5;}
#message .btm textarea.text{height:6.875em;}
#message .btm .col2 .item{width:47.25%;}
#message .btm .button{margin-top:0.15rem;}
#message .btm .submit,#message .btm .reset{width:8.75em;height:3.375em;border-radius:1.6875em;cursor:pointer;margin:0 0.15rem;}
#message .btm .submit:hover,#message .btm .reset:hover{opacity:0.8;}
#message .btm .submit{color:#fff;background-color:var(--main-color);}
#message .btm .reset{border:solid 0.01rem #999999;}
@media only screen and (max-width:750px){
    #message{padding:0.6rem 0 0.7rem;}
    #message .top{margin-bottom:0.4rem;}
    #message .btm .col2 .item{width:100%;}
    #message .btm .button{margin-top:0.3rem;}
}

/*result-top*/
#result-top{margin-bottom:0.17rem;}
#result-top .back{margin-right:0.2rem;}
#result-top .back a{width:7.5em;height:3.25em;border-radius:1.625em;background-color:#999999;}
#result-top .form{width:4.2rem;}
#result-top .form .input{position:relative;overflow:hidden;}
#result-top .form .text{color:#222;height:3.25em;border-radius:1.625em;display:block;width:100%;border:solid 0.01rem #e5e5e5;padding:0.375em 4.375em 0.375em 1.75em;line-height:2.5em;}
#result-top .form .go{position:absolute;right:0;top:0;background:url(../images/search_02.svg) no-repeat center center;background-size:auto 36.53846154%;width:4.375em;height:100%;cursor:pointer;z-index:2;}
@media only screen and (max-width:750px){
    #result-top .form{width:calc(100% - 1.4rem);}
}

/*result-bar*/
#result-bar{border-bottom:0.01rem solid #e6e6e6;padding-bottom:0.17rem;}

/*result-list*/
#result-list{margin-bottom:0.8rem;}
@media only screen and (max-width:750px){
    #result-list{margin-bottom:0.4rem;}
}

/*result-item*/
.result-item{border-radius:0.1rem;overflow:hidden;}
.result-item i{position:absolute;right:3.125em;top:50%;transform:translateY(-50%);font-size:0.88888889em;line-height:1.875em;color:#999;font-style:normal;display:block;}
.result-item a{padding:1.38888889em 11.11111111em 1.38888889em 2.22222222em;position:relative;line-height:1.66666667em;color:#222;transition:all 0.3s;}
.result-item a:hover{background-color:var(--main-color);color:#fff;}
.result-item a:hover i{color:#fff;}
.result-item:nth-child(2n){background-color:#f7f7f7;}
@media only screen and (max-width:750px){
    .result-item i{position:static;transform:none;}
    .result-item a{padding:0.25rem 0.3rem;}
}

/*responsibility*/
#responsibility .item{margin-bottom:7.5%;}
#responsibility .item:last-child{margin-bottom:0;}
#responsibility .gallery {width:47.5%;border-radius:0.15rem; overflow:hidden;}
#responsibility .figure:after{display:block;padding-bottom:59.21052632%;}
#responsibility .text{width:45%;}
#responsibility .icon{width:0.46rem;margin-bottom:5.55555556%;}
#responsibility .icon i{display:block;overflow:hidden;padding-bottom:82.60869565%;background:no-repeat center center;background-size:contain;}
#responsibility .title{margin-bottom:6.94444444%;}
#responsibility .intro{line-height:2em;}
#responsibility .item:nth-child(2n){flex-direction:row-reverse;}
#responsibility .swiper-pagination {left:0; bottom:0.3rem; width:100%;}
#responsibility .swiper-pagination-bullet {margin:0 0.05rem;}
#responsibility .swiper-pagination-bullet-active {background-color:var(--main-color);}
@media only screen and (max-width:750px){
    #responsibility .item{margin-bottom:0.5rem;}
    #responsibility .gallery{width:100%;margin-bottom:0.35rem;}
    #responsibility .text{width:100%;}
    #responsibility .title{font-size:0.28rem;}
}

/*governance*/
#governance{margin-top:4.86111111%;}
#governance .item{margin-bottom:0.6rem;}
#governance .item:last-child{margin-bottom:0;}
#governance .item:nth-child(2n){flex-direction:row-reverse;}
#governance .gallery{width:48.125%;border-radius:0.15rem;overflow:hidden;}
#governance .figure{padding-bottom:69.26406926%;}
#governance .swiper-pagination{position:absolute;bottom:8.33333333%;left:0;width:100%;padding:0 5.77200577%;}
#governance .swiper-pagination-bullet{opacity:1;width:0.1rem;height:0.1rem;background-color:#fff;display:block;margin-right:4.07830343%;}
#governance .swiper-pagination-bullet:last-child{margin-right:0;}
#governance .swiper-pagination-bullet-active{background-color:var(--main-color);}
#governance .text{width:42.36111111%;}
#governance .title{border-bottom:0.01rem solid #ddd;position:relative;line-height:1.35em;padding-bottom:0.71875em;margin-bottom:1em;}
#governance .title:after{width:5.9375em;height:0.02rem;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;bottom:-0.01rem;}
@media only screen and (max-width:1024px){
    #governance .text{width:48%;}
}
@media only screen and (max-width:750px){
    #governance{margin-top:0.5rem;}
    #governance .item{margin-bottom:0.5rem;}
    #governance .text{width:100%;margin-bottom:0.3rem;}
    #governance .title{font-size:0.28rem;}
    #governance .gallery{width:100%;}
}

/*swiper-control*/
.swiper-control .pagination.swiper-pagination-progressbar{width:calc(100% - 1.82rem);background-color:#ddd;height:0.01rem;position:relative;left:auto;top:auto;}
.swiper-control .pagination .swiper-pagination-progressbar-fill{background-color:var(--main-color);}

/*behavior*/
#behavior{background-color:#f5f7fa;overflow:hidden;padding:1.1rem 0;}
#behavior .name{line-height:1.35em;margin-bottom:4.375%;}
#behavior .swiper{overflow:visible;}
#behavior .figure{padding-bottom:68.125%;}
#behavior .figure:after{display:block;position:absolute;left:0;bottom:0;padding-bottom:23.4375%;width:100%;background-image:linear-gradient(0deg,rgba(0,0,0,0.9),transparent);}
#behavior .text{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:0.4rem 0.45rem;line-height:1.5em;}
#behavior .icon{width:0.32rem;margin-bottom:0.22rem;}
#behavior .icon i{display:block;overflow:hidden;padding-bottom:112.5%;background:no-repeat center center;background-size:contain;}
#behavior .intro{min-height:3em;}
#behavior .info{display:block;overflow:hidden;position:relative;border-radius:0.15rem;}
#behavior .swiper-control{margin-top:4.8125%;}
#behavior .swiper-arrows{width:6.66666667em;}
@media only screen and (max-width:750px){
    #behavior{padding:0.6rem 0;}
    #behavior .name{font-size:0.32rem;margin-bottom:1em;}
    #behavior .text{padding:0.2rem 0.25rem;}
    #behavior .swiper-control{margin-top:0.5rem;}
}

/*ecology*/
#ecology{padding:1.1rem 0 1.4rem;overflow:hidden;}
#ecology .text{margin-bottom:0.67rem;}
#ecology .columnname{margin-bottom:0;}
#ecology .intro{line-height:1.75em;}
#ecology .figure{border-radius:0.15rem;}
@media only screen and (max-width:750px){
    #ecology{padding:0.6rem 0 0.8rem;}
    #ecology .text{display:block;margin-bottom:0.35rem;}
    #ecology .columnname{margin-bottom:0.5em;}
}

/*training*/
#training{padding:1.2rem 0;overflow:hidden;background:url(../images/training_bg.svg) no-repeat right center;background-size:45.3125% auto;}
#training .figure{width:47.5%;border-radius:0.15rem;}
#training .figure:after{display:block;padding-bottom:60.52631579%;}
#training .text{width:45.625%;}
#training .columnname{margin-bottom:0.42rem;}
#training .intro{line-height:2em;}
@media only screen and (max-width:750px){
    #training{padding:0.6rem 0;}
    #training .figure{width:100%;margin-bottom:0.35rem;}
    #training .text{width:100%;}
    #training .columnname{margin-bottom:0.25rem;}
}

/*train-list*/
#train-list{background-color:#f5f7fa;padding:0.9rem 0 1.2rem;overflow:hidden;}
#train-list .name{line-height:1.35em;margin-bottom:0.52rem;}
#train-list .list{--margin:0.5rem;overflow:hidden;}
#train-list .figure{padding-bottom:64%;border-radius:0.1rem;margin-bottom:0.24rem;}
#train-list .title{line-height:1.35em;margin-bottom:0.15rem;}
@media only screen and (max-width:750px){
    #train-list{padding:0.6rem 0 0.7rem;}
    #train-list .name{margin-bottom:0.35rem;}
    #train-list .list{--margin:0.35rem;margin-bottom:0.15rem;}
}

/*job-list*/
#job-list{border-radius:0.2rem 0.2rem 0 0;overflow:hidden;}
#job-list .th{background-color:var(--main-color);color:#eff3f8;line-height:1.54545455em;padding:1.09090909em 5%;}
#job-list .th span{padding:0 1.38888889%;}
#job-list .name{width:27.08333333%;}
#job-list .type{width:21.52777778%;}
#job-list .place{width:16.66666667%;}
#job-list .more{width:1.5rem;}
#job-list .item:nth-child(2n+1){background-color:#f8f8f8;}
#job-list .meta{line-height:1.88888889em;padding:0.24rem 5%;cursor:pointer;}
#job-list .meta span{padding:0 1.38888889%;}
#job-list .meta .more i{font-style:normal;display:flex;align-items:center;}
#job-list .meta .more i:after{width:0.77777778em;height:0.77777778em;background:url(../images/job_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;margin-left:0.55555556em;filter:invert(1) brightness(0);opacity:0.5;transition:transform 0.3s;}
#job-list .cont{padding:0.5rem 6.25% 0.72rem;display:none;background-color:#f8f8f8;}
#job-list .entry{line-height:2.125em;}
#job-list .entry h3{font-size:0.24rem;line-height:1.39130435em;color:#222;margin-bottom:0.5em;}
#job-list .view-more{margin-top:0.4rem;}
#job-list .active .name,#job-list .active .more{color:var(--main-color);}
#job-list .active .more i:after{transform:rotate(90deg);filter:invert(0);opacity:1;}
@media only screen and (max-width:750px){
    #job-list .th{font-size:0.18rem;padding-left:0.05rem;padding-right:0.05rem;}
    #job-list .th span{padding:0 0.1rem;}
    #job-list .more,#job-list .type{display:none;}
    #job-list .name{width:45%;}
    #job-list .place{width:22%;}
    #job-list .meta{padding-left:0.05rem;padding-right:0.05rem;}
    #job-list .meta span{padding:0 0.1rem;}
    #job-list .cont{padding:0.3rem 0.15rem 0.4rem;}
    #job-list .view-more{margin-top:0.35rem;}
}

/*onload*/
#onload{margin-top:0.7rem;}
#onload span{cursor:pointer;}
#onload span:hover{color:var(--main-color);}
@media only screen and (max-width:750px){
    #onload{margin-top:0.4rem;}
}

/*job-popup*/
.job-popup .box{width:11.28rem;padding:0.57rem 0.64rem 0.74rem;background-color:#fff;border-radius:0.15rem;max-width:90%;}
.job-popup .title{font-size:0.44rem;line-height:1.25em;margin-bottom:0.43rem;}
.job-popup .item{margin-bottom:2%;}
.job-popup .input{background-color:#f5f5f5;border-radius:0.1rem;overflow:hidden;position:relative;}
.job-popup .label{color:#666;display:block;position:absolute;left:0;top:0;padding:0 1.5625em;height:4.5em;line-height:4.5em;}
.job-popup .text{display:block;width:100%;padding:1em 1.5625em;height:4.5em;line-height:2.5em;position:relative;z-index:2;}
.job-popup .file{padding:0.25rem;text-align:center;}
.job-popup .view{width:2.61111111em;height:1.36111111em;background-color:#ffffff;border-radius:0.08rem;margin-bottom:0.05rem;cursor:pointer;color:#dcdcdc;}
.job-popup .view:after{content:'+';display:block;}
.job-popup #file{display:none;}
.job-popup .selected:after{content:'✓';}
.job-popup .view-more{margin-top:2.08333333%;}
.job-popup .go{cursor:pointer;}
.job-popup .col2 .item{width:49%;}
@media only screen and (max-width:750px){
    .job-popup .box{padding:0.3rem 0.3rem 0.35rem;}
    .job-popup .title{font-size:0.32rem;margin-bottom:0.3rem;}
    .job-popup .col2 .item{width:100%;}
}

/*about-biz*/
#about-biz{background-color:#f5f7fa;padding:1.1rem 0 1.6rem;}
#about-biz .swiper{overflow:visible;}
#about-biz .figure{padding-bottom:62.74509804%;border-radius:0.1rem;margin-bottom:0.42rem;}
#about-biz .title{line-height:1.35em;margin-bottom:0.15rem;}
#about-biz .control{background-color:var(--main-color);font-size:0.3rem;width:2.56666667em;height:2.56666667em;border-radius:50%;position:absolute;z-index:5;right:0;top:0;margin-top:7.5%;transform:translateX(50%);}
#about-biz .arrow{width:0.26666667em;height:0.46666667em;background:no-repeat center center;background-size:contain;cursor:pointer;}
#about-biz .prev{background-image:url(../images/mouse_left.svg);}
#about-biz .next{background-image:url(../images/mouse_right.svg);}
#about-biz .mouse{background:url(../images/mouse_middle.svg) no-repeat center;background-size:contain;width:0.6em;height:0.8em;margin:0 0.3em;}
@media only screen and (max-width:1024px){
    #about-biz .control{transform:translateX(35%);margin-top:13%;font-size:0.24rem;}
}
@media only screen and (max-width:750px){
    #about-biz{padding:0.6rem 0 0.7rem;}
    #about-biz .control{margin-top:27%;font-size:0.2rem;}
}

/*about-method*/
#about-method{padding:1.3rem 0 1.5rem;overflow:hidden;background:url(../images/about_method_bg.svg) no-repeat 75% center;background-size:60.05208333% auto;}
#about-method .figure{width:43.75%;border-radius:0.15rem;}
#about-method .figure:after{display:block;padding-bottom:70%;}
#about-method .text{width:48.125%;}
#about-method .columnname{margin-bottom:0.42rem;}
@media only screen and (max-width:750px){
    #about-method{padding:0.6rem 0;}
    #about-method .figure{width:100%;margin-bottom:0.35rem;}
    #about-method .text{width:100%;}
    #about-method .columnname{margin-bottom:0.25rem;}
}

/*location*/
#location{background:url(../images/about_location_bg.jpg) no-repeat center bottom;background-size:cover;padding:1.1rem 0 1.3rem;}
#location .columnname{margin-bottom:0.4rem;}
#location .intro{max-width:9.1rem;margin-bottom:0.7rem;}
@media only screen and (max-width:750px){
    #location{padding:0.65rem 0 0.85rem;}
    #location .columnname{margin-bottom:0.25rem;}
}

/*value-page*/
#value-page{padding:1rem 0;overflow:hidden;}
#value-page .item{width:48.375%;padding:1.625% 0;}
#value-page .figure{padding-bottom:69.63824289%;}
#value-page .text{position:absolute;left:0;top:100%;width:100%;z-index:3;padding:0.6rem;transform:translateY(-2.1rem);}
#value-page .name{line-height:1.35em;}
#value-page .title{line-height:1.5em;margin-top:0.17rem;}
#value-page .intro{margin-top:0.37rem;opacity:0;transition:inherit;}
#value-page .info{display:block;overflow:hidden;border-radius:0.2rem;position:relative;}
#value-page .info:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:35%;background-image:linear-gradient(0deg,#000,transparent);z-index:2;opacity:0.5;transition:all 0.3s;}
#value-page .info:hover:before{height:100%;}
#value-page .info:hover .text{transform:translateY(-100%);}
#value-page .info:hover .intro{opacity:1;}
@media only screen and (max-width:750px){
    #value-page{padding:0.45rem 0;}
    #value-page .item{width:100%;padding:0.15rem 0;}
    #value-page .text{padding:0.35rem;transform:translateY(-1.5rem);}
    #value-page .name{font-size:0.32rem;}
    #value-page .title{font-size:0.18rem;}
}

/*our-value*/
#our-value{background-color:#f5f7fa;padding:1.1rem 0 1rem;overflow:hidden;}
#our-value .swiper-slide{height:auto;}
#our-value .info{background-color:#ffffff;border-radius:0.2rem;position:relative;height:100%;padding:0.8rem 0.66rem 0.66rem;}
#our-value .icon{width:0.59rem;margin:0 auto 0.54rem;}
#our-value .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#our-value .title{margin-bottom:0.92857143em;}
#our-value .swiper-pagination{position:relative;margin-top:0.5rem;}
#our-value .swiper-pagination-bullet{width:0.1rem;height:0.1rem;border-radius:0.05rem;background-color:var(--main-color);opacity:0.2;display:block;margin:0 0.08rem;transition:all 0.3s;}
#our-value .swiper-pagination-bullet-active{opacity:1;width:0.3rem;}
@media only screen and (max-width:750px){
    #our-value{padding:0.6rem 0;}
    #our-value .info{padding:0.5rem 0.6rem 0.4rem;}
    #our-value .icon{margin-bottom:0.35rem;}
}

/*value-intro*/
#value-intro{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;}
#value-intro:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/value_intro_mask.png) no-repeat center center;background-size:cover;opacity:0.97;}
#value-intro .inner{padding-bottom:52.60416667%;position:relative;}
#value-intro .text{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:6.875% 0;}
#value-intro .columnname{margin-bottom:0.90909091em;}
#value-intro .intro{max-width:9.5rem;line-height:2em;}
@media only screen and (max-width:1024px){
    #value-intro .inner{padding-bottom:75%;}
}
@media only screen and (max-width:750px){
    #value-intro .inner{padding-bottom:125%;}
    #value-intro .columnname{margin-bottom:0.5em;}
    #value-intro .intro{line-height:1.875em;}
}