@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:#333;
    --main-color:#e62129;
    --r:230;
    --g:33;
    --b:41;
    --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:100%;background-color:rgba(0,0,0,0.1);}
    ::-webkit-scrollbar-thumb{width:0.03rem; background-color:var(--main-color);}
}
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 Arial,'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;}
.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 *{line-height:1.875em;}
.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*="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;}
/*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%;}
[data-cols="5"] .item {width: 20%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
    [data-cols="5"] .item {width: 33.333%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
    [data-cols="5"] .item {width: 50%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*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;}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:999;}
#header .inner{position:relative;}
#header.white,#header.fixed{background-color:#fff;box-shadow:0 0 0.1rem rgba(0,0,0,0.1);}
#header.down{transform:translateY(-100%);}
#header:not(.fixed)#header:not(.white) .ness{filter:brightness(100);}
@media only screen and (max-width:1024px){
    #header .inner{padding:0.2rem 0;}
}

/*logo*/
#logo{width:2.47rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:22.67206478%;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;}
@media only screen and (max-width:1024px){
    #logo{width:2rem;}
}

/*language*/
#language{position:relative;margin-right:0.16rem;}
#language:after{width:0.02rem;height:0.16rem;right:-0.17rem;--opacity:0.4;background-color:rgba(153,153,153,var(--opacity));content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
#language span{display:block;background:url(../images/language.png) no-repeat left center;background-size:1.3125em auto;line-height:1.375em;padding:0 calc(19em/16) 0 calc(29em/16);position:relative;white-space:nowrap;cursor:pointer;}
#language span:after{width:calc(11em/16);height:calc(7em/16);background:url(../images/language_arrow.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:'';}
#language ul{line-height:2em;position:absolute;top:100%;left:50%;min-width:100%;--x:-50%;z-index:5;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.9);text-align:center;padding:0.5em 1.5em;margin-top:0.39rem;}
#language ul li{border-bottom:1px solid rgba(0,0,0,0.1);}
#language ul li:last-child{border-bottom:none;}
#language ul a{white-space:nowrap;display:block;padding:0.5em;}
#header:not(.fixed)#header:not(.white) #language:after{filter:brightness(100);}
@media only screen and (max-width:1024px){
    #language{margin-right:0.26rem;}
    #language:after{right:-0.25rem;}
    #language ul{margin-top:0.32rem;}
}

/*search*/
#search{margin-left:0.16rem;}
#search span{width:0.2rem;height:0.2rem;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:rgba(255,255,255,0.9);}
#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:1024px){
    #search{margin-left:0.26rem;}
}
@media only screen and (max-width:750px){
    #search .form{width:100%;}
}

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

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.22rem;height:0.2rem;display:block;z-index:10;overflow:hidden;margin-left:0.25rem;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#333;display:block;position:absolute;left:0;transition:inherit;content:'';border-radius:0.01rem;}
    #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;}
}

/*navi*/
#navi{width:calc(100% - 2.67rem);font-size:0.18rem;line-height:3.11111111em;padding:0 0.25rem;--y:0;}
#navi a{display:block;position:relative;}
#navi a:hover{opacity:0.8;}
#navi .parent{padding:0.22rem 0;margin:0 0.17rem;}
@media only screen and (min-width:1025px){
    #navi{visibility:visible;opacity:1;transform:none;}
    #navi .on > a,#navi .cur > a{color:var(--main-color);}
    #navi .drop{position:absolute;top:100%;left:50%; width:70%;z-index:5;background-color:#fff;padding:0.6rem;box-shadow:inset 0.06rem 0.08rem 0.36rem rgba(27,27,27,0.04);visibility:hidden;opacity:0;transform:translate(-50%, 0.2rem);transition:all 0.3s;}
    #navi .drop a{transition:all 0.3s;}
    #navi .figure{width:4.14rem;}
    #navi .figure:after{display:block;padding-bottom:66.66666667%;}
    #navi .child{width:calc(100% - 4.66rem);}
    #navi dt{width:100%;font-size:0.32rem;line-height:1.35em;margin-bottom:0.46875em;}
    #navi dd{line-height:2em;margin-bottom:0.44444444em;}
    #navi dd a{display:inline-block;position:relative;padding-right:3.66666667em;}
    #navi dd a:after{width:1.44444444em;height:1.44444444em;background:var(--main-color) url(../images/circle_more_02.svg) no-repeat center center;background-size:auto 42.30769231%;border-radius:50%;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0;transition:inherit;}
    #navi dd a:hover:after{opacity:1;}
    
    #navi #navi11 .drop {width:100%;}
    #navi #navi11 .child {display:flex; flex-wrap:wrap;}
    #navi #navi11 dd {width:48%;}
    #navi .on .drop{transform:translate(-50%,0);opacity:1;visibility:visible;}
    #header:not(.fixed)#header:not(.white) .cur > a{filter:none;}
}
@media only screen and (max-width:1280px){
    #navi .parent{margin:0 0.15rem;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.85333rem);--opacity:0.9;background-color:rgba(255,255,255,var(--opacity));z-index:9;right:0;top:0.85333rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;transition:all 0.3s;}
    #navi:not(.active){--x:100%;}
    #navi .menu{display:block;}
    #navi a{color:#333;}
    #navi .parent{padding:0 0.5rem;line-height:2em;margin:0;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;box-shadow:none;padding:1em 0 0 2em;display:none;}
    #navi .drop a{padding:0.5em 0;}
    #navi dt{display:none;}
    #navi dl{width:100%;display:block;}
    #header:not(.fixed)#header:not(.white) #navi .ness{filter:none;}
}
@media only screen and (max-width:750px){
    #navi{padding:0;}
    #navi .parent{padding:0 3.125%;}
    #navi em{right:0;}
}

/*footer*/
#footer{background-color:#1f1b1a;color:rgba(255,255,255,0.5);}
#footer a:not(:hover){color:rgba(255,255,255,0.5);}

/*copyright*/
#copyright{padding:0.225rem 0;}
#copyright a,#copyright span{display:inline-block;}
#copyright .text{font-size:0.14rem;line-height:2.14285714em;}
@media only screen and (max-width:750px){
    #copyright{flex-direction:column;align-items:center;text-align:center;}
}

/*bottom*/
#bottom{border-bottom:0.02rem solid rgba(255,255,255,0.1);padding:0.64rem 0 0.42rem;background:url(../images/CDI@2x.png) no-repeat right bottom;background-size:46.5625% auto;}
@media only screen and (max-width:750px){
    #bottom{padding-top:0.52rem;}
}

/*infor*/
#infor{width:2.65rem;}
#infor .name{font-size:0.2rem;line-height:1.5em;margin-bottom:1em;}
#infor .meta{font-size:0.14rem;line-height:1.42857143em;color:rgba(255,255,255,0.3);overflow:hidden;margin-bottom:0.23rem;}
#infor .meta p{margin-bottom:0.22rem;}
#infor .meta p:first-child{margin-bottom:0.15rem;}
#infor .meta span{display:block;font-size:0.16rem;line-height:1.5em;color:rgba(255,255,255,0.5);margin-top:0.1875em;}
#infor .meta strong{display:block;font-size:0.28rem;line-height:1.25em;}
@media only screen and (max-width:1024px){
    #infor{width:100%;}
    #infor .meta{display:flex;flex-wrap:wrap;justify-content:space-between;}
}
@media only screen and (max-width:750px){
    #infor .meta{flex-direction:column;}
}

/*social*/
#social .icon{display:block;width:auto;height:1em;object-fit:contain;filter:brightness(100);}
#social a{width:2.5em;height:2.5em;border-radius:50%;background-color:rgba(255,255,255,0.1);}
#social a:hover{background-color:var(--main-color);}
#social li{margin-right:0.1rem;position:relative;}
#social li:last-child{margin-right:0;}
#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;}
@media only screen and (max-width:750px){
    #social ul{justify-content:center;}
}

/*links*/
#links{background-color:#1f1b1a;cursor:pointer;position:relative;z-index:2;margin-bottom:0.25rem;}
#links span{display:block;border:0.01rem solid rgba(255,255,255,0.2);height:2.625em;line-height:2.625em;padding:0 0.3rem 0 0.11rem;position:relative;z-index:3;background-color:#1f1b1a;}
#links span:after{content:'';display:block;position:absolute;width:0.5625em;height:0.375em;background:url(../images/links_arrow_down.svg) no-repeat center center;background-size:contain;right:0.09rem;top:50%;transform:translateY(-50%);}
#links ul{background-color:#1f1b1a;position:absolute;left:0;width:100%;top:100%;border:0.01rem solid rgba(255,255,255,0.2);border-top:none;padding:0.5em 0;max-height:13em;overflow-y:auto;-webkit-overflow-scrolling:touch;--y:-0.42rem;}
#links li{line-height:2em;}
#links a{display:block;padding:0 0.11rem;}
#links a:hover{background-color:var(--main-color);color:#fff;}

/*menu*/
#menu{width:calc(100% - 3.2rem);}
#menu dl:nth-child(1){max-width:1.4rem;}
#menu dl:nth-child(2){max-width:1.86rem;}
#menu dl:nth-child(4){max-width:1.7rem;}
#menu dt{font-size:0.2rem;line-height:1.5em;margin-bottom:1em;}
#menu dt a:not(:hover){color:#fff;}
#menu dd{line-height:1.25em;margin-bottom:1em;}
@media only screen and (max-width:1024px){
    #menu{display:none;}
}

/*circle-more*/
.circle-more .go{display:block;border:solid 0.01rem var(--main-color);width:0.5rem;border-radius:50%;position:relative;}
.circle-more .go:before{display:block;content:'';padding-bottom:100%;}
.circle-more .go:after{width:31.25%;padding-bottom:27.08333333%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/circle_more_01.svg) no-repeat center center;background-size:contain;}
.circle-more .go:hover{background-color:var(--main-color);border-color:transparent;}
.circle-more .go:hover:after{filter:brightness(100);}

/*culture*/
#culture{padding:0 0.4rem;margin-bottom:-1.4rem;position:relative;z-index:5;}
#culture .bg{padding-bottom:30.43478261%;}
#culture .item{width:50%;background:no-repeat center center;background-size:cover;mask:url(../images/culture_mask_left@2x.png) no-repeat center center;-webkit-mask:url(../images/culture_mask_left@2x.png) no-repeat center center;mask-size:100% 100%;-webkit-mask-size:100% 100%;position:relative;overflow:hidden;}
#culture .item:nth-child(2n){mask-image:url(../images/culture_mask_right@2x.png);-webkit-mask-image:url(../images/culture_mask_right@2x.png);}
#culture .item:nth-child(2n) .text{padding:0 1.2rem 0 0.8rem;}
#culture .text{position:absolute;top:50%;transform:translateY(-50%);z-index:2;padding:0 0.8rem 0 1.2rem;}
#culture .title{font-size:0.42rem;line-height:1.35em;margin-bottom:0.83333333em;}
@media only screen and (max-width:1280px){
    #culture{margin-bottom:-1.16rem;}
}
@media only screen and (max-width:1024px){
    #culture{margin-bottom:-0.811rem;}
    #culture .text{padding:0 0.5rem 0 0.8rem;}
    #culture .title{font-size:0.32rem;}
    #culture .item:nth-child(2n) .text{padding:0 0.8rem 0 0.5rem;}
}
@media only screen and (max-width:570px){
    #culture{margin-bottom:0;padding:0 3.125%;}
    #culture .item{width:100%;margin-top:0.1rem;}
    #culture .item:nth-child(n+1){mask:none;-webkit-mask:none;}
    #culture .item:nth-child(n+1) .text{padding:0 0.5rem;}
}

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

/*module-name*/
.module-name{font-size:0.7rem;line-height:1.02857143em;}
@media only screen and (max-width:1280px){
    .module-name{font-size:0.6rem;}
}
@media only screen and (max-width:1024px){
    .module-name{font-size:0.426rem;}
}
@media only screen and (max-width:750px){
    .module-name{font-size:0.36rem;}
}

/*module-intro*/
.module-intro{font-size:0.18rem;line-height:1.55555556em;margin-top:0.55rem;}
@media only screen and (max-width:750px){
    .module-intro{margin-top:0.3rem;}
}

/*view-more*/
.view-more .go{border:0.01rem solid var(--main-color);font-size:0.18rem;padding:0.27777778em;width:11.66666667em;height:3.33333333em;border-radius:1.66666667em;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.38888889em;}
.view-more .arr{width:3.88888889em;position:absolute;right:0.27777778em;height:2.77777778em;top:50%;transform:translateY(-50%);background-color:var(--main-color);border-radius:1.38888889em;}
.view-more .arr:after{width:0.83333333em;height:0.72222222em;content:'';display:block;position:absolute;right:1.52777778em;top:50%;transform:translateY(-50%);background:url(../images/circle_more_01.svg) no-repeat center center;background-size:contain;filter:brightness(100);}
.view-more .go:hover{color:#fff;}
.view-more .go:hover .arr{--width:(10em/18);width:calc(100% - var(--width));}
@media only screen and (max-width:750px){
    .view-more .go{font-size:0.16rem;}
}

/*news*/
#news{background-image:linear-gradient(180deg,#e9f4ff 0%,transparent 50%);}
#news .figure{padding-bottom:56.25%;}
#news .text{position:relative;}
#news .date{position:absolute;right:0;bottom:100%;background-image:linear-gradient(65deg,#e72628 0%,#ec4e1d 34%,#f07512 69%,#f8b700 100%);}
#news .left{width:50%;}
#news .left .info{background-color:#f7f8fa;}
#news .left .text{padding:0.34rem 0.6rem 0.27rem 0.3rem;font-size:0.24rem;}
#news .left .date{width:7.5em;height:2.5em;line-height:2.5em;}
#news .left .title{font-size:1em;line-height:1.25em;margin-bottom:0.33333333em;}
#news .left .excerpt{font-size:0.75em;line-height:1.33333333em;height:2.66666667em;}
#news .right{width:45%;}
#news .top .item{width:47.22222222%;}
#news .top .text{font-size:0.18rem;padding:0.25rem 0;}
#news .top .date{width:7.22222222em;height:2.77777778em;line-height:2.77777778em;}
#news .top .title{font-size:1em;line-height:1.33333333em;height:4em;}
#news .list{border-top:0.02rem solid rgba(0,0,0,0.1);}
#news .list li{border-bottom:0.02rem solid rgba(0,0,0,0.1);font-size:0.18rem;line-height:1.66666667em;padding:1.38888889em 0;}
#news .list .time{position:absolute;top:50%;transform:translateY(-50%);right:0;display:block;}
#news .list a{display:block;overflow:hidden;position:relative;padding-right:9.44444444em;}
#news .info{display:block;overflow:hidden;}
@media only screen and (max-width:750px){
    #news .left{width:100%;margin-bottom:0.3rem;}
    #news .left .text{font-size:0.22rem;padding:0.25rem 0.3rem;}
    #news .right{width:100%;}
    #news .top .text{padding:0.15rem 0;}
    #news .top .title{height:2.66666667em;line-clamp:2;-webkit-line-clamp:2;}
    #news .list li{padding:1em 0;}
}

/*drives*/
#drives .picture .figure{height:100vh;}
#drives .text{position:absolute;left:0;width:100%;bottom:7.70833333%;z-index:5;height:78.125%;}
#drives .text .inner{position:relative;height:100%;}
#drives .text .profile{width:41.5625em;max-width:100%;}
#drives .text .module-name{margin-bottom:0.81428571em;}
#drives .text .intro{font-size:0.18rem;line-height:1.55555556em;max-height:6.22222222em;margin-bottom:0.75rem;}
#drives .tab{width:100%;font-size:0.18rem;line-height:1.55555556em;}
#drives .tab .box{border-bottom:0.07rem solid rgba(255,255,255,0.4);padding:1.11111111em 0;cursor:pointer;}
#drives .tab .name{width:calc(100% - 3.5em);transition:inherit;}
#drives .tab .arrow{width:2.77777778em;height:2.77777778em;background-color:var(--main-color);border-radius:50%;transition:inherit;transform:translateY(100%);opacity:0;}
#drives .tab .arrow:after{width:30%;height:26%;background:url(../images/circle_more_01.svg) no-repeat center center;background-size:contain;display:block;content:'';filter:brightness(100);}
#drives .tab .swiper-slide-thumb-active{font-weight:bold;color:var(--main-color);}
#drives .tab .swiper-slide-thumb-active .arrow{transform:translateY(0);opacity:1;}
@media only screen and (max-width:750px){
    #drives .tab .box{padding-right:0.1rem;}
    #drives .text .intro{max-height:none;display:block;}
}

/*button-more*/
.button-more .go{background-color:var(--main-color);font-size:0.18rem;width:11.66666667em;height:3.33333333em;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.66666667em;position:relative;overflow:hidden;}
.button-more .go:before{content:'';display:block;position:absolute;left:0;top:0;height:100%;border-radius:1.66666667em;background-color:rgba(255,255,255,0.1);width:100%;transform:translateX(-100%);transition:inherit;}
.button-more i{display:block;font-style:normal;background:url(../images/circle_more_01.svg) no-repeat right center;background-size:0.83333333em auto;padding-right:1.66666667em;filter:brightness(100);position:relative;z-index:2;}
.button-more .go:hover:before{transform:translateX(0);}

/*slides*/
#slides{color:#fff;}
#slides .figure{height:100vh;}
/*#slides .img{transform:scale(1.5);transition-duration:4s;}*/
#slides .text{position:absolute;top:50%;transform:translateY(0%);left:0;width:100%;z-index:2;opacity:0;}
#slides .small{font-size:0.18rem;line-height:1.5em;padding:0.27777778em 0;}
#slides .large{font-size:0.62rem;line-height:1.08333333em;padding:0.06944444em 0;}
#slides .large span{color:var(--main-color);}
#slides .view-more{margin-top:0.82rem;}
#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(-65%);opacity:1;}
#slides .control{position:absolute;left:50%;bottom:4.16666667%;transform:translateX(-50%);z-index:5;}
#slides .arrow{line-height:1.75em;background:url(../images/swiper_prev_01.svg) no-repeat left center;background-size:0.5em auto;cursor:pointer;}
#slides .arrow:not(:hover){color:rgba(255,255,255,0.6);}
#slides .prev{padding-left:1.1875em;}
#slides .next{padding-right:1.1875em;background-position:right center;background-image:url(../images/swiper_next_01.svg);}
#slides .swiper-pagination{position:relative;width:18.75vw;height:0.02rem;margin:0 0.2rem;}
#slides .swiper-pagination-progressbar{background-color:rgba(255,255,255,0.2);}
#slides .swiper-pagination-progressbar-fill{--swiper-theme-color:var(--main-color);}
@media only screen and (max-width:1024px){
    #slides .large{font-size:0.48rem;}
}
@media only screen and (max-width:750px){
    #slides .large{font-size:0.32rem;}
    #slides .small{font-size:0.16rem;}
    #slides .swiper-pagination{width:50vw;}
}

/*about*/
#about{background:#fff url(/upload/image/2025-12/1765347336500.png) no-repeat center bottom;background-size:100% auto;}
#about .figure{position:absolute;right:0;top:0;height:100%;width:50%;mask:url(../images/about_mask.png) no-repeat right center;-webkit-mask:url(../images/about_mask.png) no-repeat 100% center;mask-size:0 100%;-webkit-mask-size:0 100%;}
#about .figure:after{display:block;position:absolute;right:0;top:0;width:100%;height:100%;background-image:linear-gradient(270deg,#000,transparent);opacity:0.3;}
#about .text{position:relative;z-index:5;}
#about .intro{width:40.625%;}
#about .module-name{margin-bottom:0.85714286em;}
#about .title{font-size:0.32rem;line-height:1.1875em;margin-bottom:0.46875em;}
#about .entry{font-size:0.18rem;line-height:1.55555556em;max-height:9.33333333em;margin-bottom:20.83333333vh;}
#about .entry *{line-height:1.55555556em;}
#about .data{width:1.6rem;line-height:1.25em;}
#about .data ul{height:76.04166667vh;}
#about .data .num{font-weight:bold;font-size:0.6rem;line-height:1em;margin-bottom:0.04rem;}
#about .data span{display:block;}
#about .data sup{display:block;font-size:0.16rem;line-height:1.875em;margin-left:0.625em;}
#about .data .add{font-size:0.24rem;line-height:1em;}
#about .data .name{background-image:linear-gradient(90deg,rgba(var(--r),var(--g),var(--b),0.7) 50%,transparent);font-size:0.18rem;line-height:1.11111111em;padding:0.27777778em 0.55555556em;border-radius:0.22222222em;width:11.11111111em;}
#about.active .figure{mask-size:100% 100%;-webkit-mask-size:100% 100%;}
@media only screen and (max-width:1280px){
    #about .data{width:2.6rem;}
    #about .name{max-width:100%;}
}
@media only screen and (max-width:750px){
    #about .text{height:100%;color:#fff;}
    #about .inner{flex-direction:column;justify-content:space-evenly;height:100%;}
    #about .figure{width:100%;mask:none;-webkit-mask:none;}
    #about .data,#about .intro{width:100%;}
    #about .module-name{color:#fff;margin-bottom:0.5em;}
    #about .title{font-size:0.28rem;}
    #about .entry{margin-bottom:5vh;}
    #about .go{color:#fff;}
    #about .data ul{flex-direction:row;height:auto;flex-wrap:wrap;}
    #about .data li{width:48%;margin-top:2%;}
    #about .data li:last-child{width:100%;}
    #about .data .name{width:auto;}
}

/*scope*/
#scope .text{position:absolute;left:0;width:100%;top:11.66666667%;z-index:5;}
#scope .text .inner{position:relative;}
#scope .text .module-name{width:34.375%;margin-bottom:1.14285714em;}
#scope .text .right{width:50%;}
#scope .text .title{font-size:0.32rem;line-height:1.1875em;margin-bottom:0.9375em;}
#scope .text .intro{font-size:0.18rem;line-height:1.55555556em;max-height:7.22222222em;margin-bottom:0.55rem;}
#scope .tab{width:100%;height:100%;}
#scope .tab .swiper-slide{--opacity:0.1;border-right:0.01rem solid rgba(255,255,255,var(--opacity));}
#scope .tab .box{position:relative;z-index:2;padding-bottom:0;transition:inherit;}
#scope .tab .icon{width:0.45rem;margin:0 auto 0.15rem;}
#scope .tab .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#scope .tab .name{font-size:0.18rem;line-height:1.33333333em;height:2.66666667em;font-weight:normal;transition:inherit;margin-bottom:0.27rem;}
#scope .tab .arrow{width:0.5rem;height:0.5rem;background-color:var(--main-color);border-radius:50%;transition:inherit;position:absolute;left:50%;bottom:0;margin-left:-0.25rem;opacity:0;transform:translateY(100%);}
#scope .tab .arrow:after{width:30%;height:26%;background:url(../images/circle_more_01.svg) no-repeat center center;background-size:contain;display:block;content:'';filter:brightness(100);}
#scope .tab a{display:block;overflow:hidden;padding:0.5rem 0.2rem 0.4rem;position:relative;width:100%;}
#scope .tab a:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg,rgba(var(--r),var(--g),var(--b),0.3) 60%,transparent);opacity:0;transition:inherit;}
#scope .tab a:hover:before{opacity:1;}
#scope .tab a:hover .box{padding-bottom:0.5rem;}
#scope .tab a:hover .icon{filter:brightness(100);}
#scope .tab a:hover .name{font-weight:bold;}
#scope .tab a:hover .arrow{opacity:1;transform:translateY(0);}
@media only screen and (max-width:1024px){
    #scope .text .right{width:60%;}
}
@media only screen and (max-width:1024px){
    #scope .text .module-name,#scope .text .right{width:100%;}
    #scope .text .title{font-size:0.26rem;}
}

/*swiper-arrows*/
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{width:0.5rem;border-radius:50%;border:0.01rem solid var(--main-color);margin-top:0;transform:translateY(-50%);height:auto;position:absolute;background-color:#fff;}
.swiper-arrows .arrow:before{display:block;content:'';padding-bottom:100%;}
.swiper-arrows .arrow:after{width:31.25%;padding-bottom:27.08333333%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.swiper-arrows .arrow:hover{background-color:var(--main-color);border-color:transparent;}
.swiper-arrows .arrow:hover:after{filter:brightness(100);}
.swiper-arrows .opacity:not(:hover){background-color:transparent;}
.swiper-arrows .swiper-button-prev{left:0.4rem;}
.swiper-arrows .swiper-button-prev:after{background-image:url(../images/swiper_prev_02.svg);}
.swiper-arrows .swiper-button-next{right:0.4rem;}
.swiper-arrows .swiper-button-next:after{background-image:url(../images/swiper_next_02.svg);}
@media only screen and (max-width:750px){
    .swiper-arrows .arrow{width:0.3rem;}
    .swiper-arrows .swiper-button-prev{left:0.15rem;}
    .swiper-arrows .swiper-button-next{right:0.15rem;}
}

/*archive*/
#archive .fp-tableCell{vertical-align:bottom;}
#archive .module-name{margin-bottom:0.85714286em;}
#archive .profile{width:60.41666667%;}
#archive .profile .figure{width:47.24137931%;}
#archive .profile .figure:after{display:block;padding-bottom:150%;}
#archive .profile .text{width:45.25862069%;}
#archive .profile .intro{font-size:0.18rem;line-height:1.55555556em;max-height:9.33333333em;margin-bottom:28.57142857%;}
#archive .case{width:34.79166667%;}
#archive .case .figure{padding-bottom:75.1497006%;}
#archive .case .title{position:absolute;left:0;bottom:0.35rem;width:100%;font-size:0.24rem;line-height:1.33333333em;max-height:2.66666667em;padding:0 0.5rem;max-width:5.7rem;}
#archive .case a{display:block;overflow:hidden;position:relative;}
#archive .control{position:absolute;margin-bottom:0.6rem;bottom:100%;left:0;}
#archive .arrow{position:relative;left:auto;right:auto;top:auto;transform:none;margin-right:0.2rem;}
#archive .arrow:last-child{margin-right:0;}
#archive .swiper-pagination{position:relative;width:3.9rem;background-color:rgba(51,51,51,0.1);}
#archive .swiper-pagination-progressbar-fill{background-color:var(--main-color);}
@media only screen and (max-width:1024px){
    #archive .swiper-pagination{width:2.5rem;}
    #archive .profile .intro{margin-bottom:0.8rem;}
}
@media only screen and (max-width:750px){
    #archive .wrap{flex-direction:column;height:100%;}
    #archive .module-name{font-size:0.42rem;margin-bottom:0.5em;}
    #archive .profile{width:100%;}
    #archive .profile .figure{width:100%;margin-bottom:0.25rem;}
    #archive .profile .figure:after{padding-bottom:50%;}
    #archive .profile .text{width:100%;padding:0 3.125%;}
    #archive .profile .intro{margin-bottom:3vh;max-height:7.77777778em;line-clamp:5;-webkit-line-clamp:5;}
    #archive .case{width:100%;}
    #archive .control{width:93.75%;left:3.125%;margin-bottom:0.2rem;}
    #archive .swiper-pagination{width:calc(100% - 1rem);}
}

/*last-section*/
#last-section #footer{padding-top:1.4rem;}
@media only screen and (max-width:1280px){
    #last-section #footer{padding-top:1.16rem;}
}
@media only screen and (max-width:1024px){
    #last-section #footer{padding-top:0.811rem;}
}
@media only screen and (max-width:750px){
    #last-section{background-color:#1f1b1a;}
    #last-section.fp-auto-height{height:100vh!important;}
    #last-section .fp-tableCell{vertical-align:bottom;}
    #last-section #footer{padding-top:0;}
}

/*banner*/
#banner{padding-bottom:7.2rem;background:no-repeat center center;background-size:cover;position:relative;overflow:hidden;}
#banner .text{position:absolute;left:0;bottom:11.38888889%;width:100%;z-index:2;}
#banner .name{font-size:0.72rem;line-height:1.35em;}
#banner .breadcrumb{position:absolute;left:0;bottom:0;width:100%;filter:brightness(100);padding:0.1rem 0;}
@media only screen and (max-width:1280px){
    #banner{padding-bottom:6rem;}
    #banner .name{font-size:0.6rem;}
}
@media only screen and (max-width:1024px){
    #banner{padding-bottom:4.26rem;}
    #banner .name{font-size:0.426rem;}
}

/*breadcrumb*/
.breadcrumb{padding:0.34rem 0;}
.breadcrumb a:first-child{background:url(../images/breadcrumb.svg) no-repeat left center;background-size:0.875em auto;padding-left:1.5em;}
.breadcrumb a:not(:hover){color:inherit;}
.breadcrumb i{font-style:normal;margin:0 0.5em;}
.breadcrumb span{color:var(--font-color);}

/*submenu*/
.submenu{position:relative;font-size:0.18rem;line-height:1.66666667em;padding-right:0.65rem;}
.submenu .swiper-slide{width:auto;padding:0.34rem 0;}
.submenu .swiper-slide: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:#999;}
.submenu .cur:after{opacity:1;}
.submenu .cur a{color:var(--font-color);font-weight:bold;}
.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);opacity:0.5;}
.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:0.2rem 0;}
}

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

/*module-box*/
.module-box{overflow:hidden;padding:1.2rem 0;background:no-repeat center center;background-size:cover;}
@media only screen and (max-width:750px){
    .module-box{padding:0.6rem 0;}
}

/*profile*/
#profile{background:#fff url(../images/profile_bg.png) no-repeat right bottom;background-size:86.25% auto;position:relative;overflow:hidden;}
#profile .figure{position:absolute;right:0;top:0;height:100%;width:50%;mask:url(../images/about_mask.png) no-repeat right center;-webkit-mask:url(../images/about_mask.png) no-repeat 100% center;mask-size:100% 100%;-webkit-mask-size:100% 100%;}
#profile .figure:after{display:block;position:absolute;right:0;top:0;width:100%;height:100%;background-image:linear-gradient(270deg,#000,transparent);opacity:0.3;}
#profile .text{position:relative;z-index:5;min-height:9.6rem;}
#profile .box{width:40.3125%;padding:0.5rem 0;}
#profile .module-name{margin-bottom:1em;}
#profile .entry{font-size:0.18rem;line-height:1.55555556em;}
@media only screen and (max-width:1024px){
    #profile .text{min-height:0;}
    #profile .box{width:100%;}
    #profile .figure{width:100%;position:static;padding-bottom:100%;mask:none;-webkit-mask:none;}
}

/*data*/
#data ul{padding:6.875% 0;}
#data .num{font-weight:bold;font-size:0.6rem;line-height:1em;}
#data span{display:block;}
#data sup{display:block;font-size:0.16rem;line-height:1.6875em;color:var(--main-color);margin-left:0.3125em;}
#data .add{font-size:0.24rem;line-height:1.125em;color:var(--main-color);margin-left:0.3125em;}
#data .arr{width:0.2rem;height:0.2rem;border-radius:50%;background:var(--main-color) url(../images/circle_more_02.svg) no-repeat center center;background-size:50% auto;margin-top:0.08rem;}
#data .name{line-height:1.5em;}
@media only screen and (max-width:1024px){
    #data li{width:30%;flex-grow:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;padding:2.5%;}
}
@media only screen and (max-width:750px){
    #data ul{padding:0.5rem 0;}
    #data li{width:40%;}
    #data li:nth-child(2n){width:60%;}
}

/*development*/
#development{background-color:#f7f8fa;}

/*development*/
#development .module-name{margin-bottom:1.14285714em;}
#development .swiper{width:56.25%;overflow:visible;}
#development .figure{padding-bottom:56.48148148%;margin-bottom:0.3rem;}
#development .text{position:relative;padding-right:0.8rem;}
#development .date{position:absolute;right:0;top:0;}
#development .date i{font-style:normal;font-size:1.5em;line-height:1.25em;}
#development .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.41666667em;}
#development .intro{font-size:0.18rem;line-height:1.33333333em;}
#development .arrow{margin-top:-0.5rem;}
#development .swiper-button-prev{left:-11.66666667%;}
#development .swiper-button-next{right:-11.66666667%;}
#development .swiper-pagination{position:relative;width:56.25%;height:0.03rem;margin:0.6rem auto 0;}
#development .swiper-pagination-progressbar{--opacity:0.3;background-color:rgba(51,51,51,var(--opacity));}
#development .swiper-pagination-progressbar-fill{--swiper-theme-color:var(--main-color);}
@media only screen and (max-width:750px){
    #development .swiper{width:93.75%;}
    #development .swiper-button-prev{left:0.1rem;}
    #development .swiper-button-next{right:0.1rem;}
    #development .swiper-pagination{margin-top:0.4rem;}
}

/*wrapper*/
#wrapper{padding:1.2rem 0;overflow:hidden;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0;}
}

/*details*/
#details{--opacity:0.1;}
#details .top{border-bottom:0.01rem solid rgba(0,0,0,var(--opacity));padding-bottom:0.22rem;margin-bottom:0.43rem;position:relative;z-index:2;}
#details .title{font-size:0.42rem;line-height:1.28571429em;max-width:14.1rem;margin:0 auto;}
#details .meta{margin-top:1.66666667em;font-size:0.18rem;line-height:1.66666667em;}
#details .meta span{display:block;margin:0 1em;}
#details .entry{font-size:0.18rem;line-height:1.33333333em;margin-bottom:0.82rem;}
#details .entry *{line-height:1.33333333em; font-family:Arial,'Sans-serif'!important;}
#details .btm{border-top:0.01rem solid rgba(0,0,0,var(--opacity));padding-top:0.4rem;}
#details .post{font-size:0.18rem;line-height:1.33333333em;width:calc(100% - 3rem);}
#details .post p{padding:0.44444444em 0;}
#details .post p a{ display:ruby;}
#details .post i{font-style:normal;}
#details .post a:not(:hover) i{color:#666;}
@media only screen and (max-width:1024px){
    #details .title{font-size:0.3rem;}
}
@media only screen and (max-width:750px){
    #details .title{font-size:0.24rem;}
    #details .entry{margin-bottom:0.5rem;}
    #details .btm{flex-direction:column;padding-top:0.3rem;}
    #details .post{width:100%;margin-bottom:0.2rem;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:0.16rem;}
.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.3125em;min-width:3.125em;border-radius:2.0625em;height:3.125em;padding:0 0.5em;position:relative;transition:all 0.3s;background:#f7f8fa no-repeat center center;background-size:auto 26%;}
.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:30%;padding-bottom:26%;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;}
}

/*recreational*/
#recreational{--margin:0.28rem;margin-bottom:0.2rem;overflow:hidden;}
#recreational .item{margin-bottom:0.25rem;}
#recreational .figure{padding-bottom:56.31067961%;margin-bottom:0.22rem;}
#recreational .title{font-size:0.24rem;line-height:1.16666667em;}
#recreational a{display:block;overflow:hidden;}
@media only screen and (max-width:750px){
    #recreational .item{margin-bottom:0.1rem;}
}

/*research*/
#research{overflow:hidden;margin-bottom:0.46rem;}
#research .item{margin-bottom:0.2rem;}
#research .info{width:calc(100% - 2.5rem);}
#research .title{font-size:1.33333333em;line-height:1.25em;margin-bottom:0.45833333em;}
#research .meta span{margin-right:4.67741935%;display:block;}
#research .meta span:last-child{margin-right:0;}
#research .meta i{font-style:normal;}
#research .status{color:#f07512;}
#research .success{color:#27b784;}
#research .box {background-color:#f7f8fa;padding:0.35rem 0.6rem 0.35rem 0.4rem;font-size:0.18rem;line-height:1.66666667em;}
@media only screen and (max-width:750px){
    #research{margin-bottom:0.35rem;}
    #research .info{width:100%;}
    #research .meta span{margin-right:0;width:100%;}
    #research .status{width:100%;}
    #research .box {padding:0.25rem 0.35rem;}
}

/*msgform*/
.msgform .item{margin-bottom:0.15rem;}
.msgform .label{display:block;font-size:0.18rem;line-height:1.33333333em;margin-bottom:0.16666667em;}
.msgform .text{display:block;width:100%;background-color:#f7f8fa;font-size:0.16rem;height:3.125em;line-height:1.875em;padding:0.625em 1.25em;}
.msgform input::-moz-placeholder{opacity:0.3;color:#999;}
.msgform input:-moz-placeholder{opacity:0.3;color:#999;}
.msgform input::-webkit-input-placeholder{opacity:0.3;color:#999;}
.msgform input:-ms-input-placeholder{opacity:0.3;color:#999;}
.msgform textarea::-moz-placeholder{opacity:0.3;color:#999;}
.msgform textarea:-moz-placeholder{opacity:0.3;color:#999;}
.msgform textarea::-webkit-input-placeholder{opacity:0.3;color:#999;}
.msgform textarea:-ms-input-placeholder{opacity:0.3;color:#999;}
.msgform textarea.text{height:7.5em;}
.msgform .col2 .item{width:48.4375%;}
@media only screen and (max-width:750px){
    .msgform .col2 .item{width:100%;}
}

/*message*/
#message .cont{width:33.75%;}
#message .form{width:47.5%;background-color:#fff;padding:0.6rem;}
#message .button{margin-top:0.25rem;}
@media only screen and (max-width:750px){
    #message .cont{width:100%;margin-bottom:0.35rem;}
    #message .form{width:100%;padding:0.35rem;}
}

/*contact*/
#contact .figure{width:47.5%;}
#contact .figure:after{display:block;padding-bottom:56.31578947%;}
#contact .text{width:50%;}
#contact .module-name{margin-bottom:7.875%;}
#contact .meta{font-size:0.18rem;line-height:1.33333333em;}
#contact .meta p{margin-bottom:1.11111111em;}
#contact .meta a{color:var(--main-color);text-decoration:underline;}
#contact .meta li{background:no-repeat left center;background-size:1.77777778em auto;padding:0.22222222em 0 0.22222222em 2.77777778em;margin-bottom:1.11111111em;}
#contact .meta li:last-child{margin-bottom:0;}
#contact .meta .add{background-image:url(../images/contact_icon_01.svg);}
#contact .meta .code{background-image:url(../images/contact_icon_02.svg);}
#contact .meta .tel{background-image:url(../images/contact_icon_03.svg);}
#contact .meta .fax{background-image:url(../images/contact_icon_04.svg);}
#contact .meta .mail{background-image:url(../images/contact_icon_05.svg);}
#contact .btm{--opacity:0.08;border-top:0.01rem solid rgba(0,0,0,var(--opacity));margin-top:0.6rem;}
#contact .btm .item{width:46.25%;margin-top:0.5rem;}
#contact .btm .item:nth-child(2n+1){border-right:0.01rem solid rgba(0,0,0,var(--opacity));padding-right:2%;}
#contact .btm li{width:48%;}
#contact .hgroup{margin-bottom:0.22rem;}
#contact .hgroup .title{font-size:0.32rem;line-height:1.35em;margin-bottom:0.3125em;}
#contact .hgroup .title:last-child{margin-bottom:0;}
#contact .hgroup .name{font-size:0.18rem;line-height:1.33333333em;}
@media only screen and (max-width:1024px){
    #contact .hgroup .title{font-size:0.28rem;}
    #contact .btm li{width:100%;}
}
@media only screen and (max-width:750px){
    #contact .text{width:100%;margin-bottom:0.3rem;}
    #contact .figure{width:100%;}
    #contact .btm .item{width:100%;}
    #contact .btm .item:nth-child(2n+1){padding-right:0;border-right:none;}
    #contact .hgroup .title{font-size:0.24rem;}
}

/*outstand*/
#outstand{--margin:0.5rem;margin-bottom:0.2rem;overflow:hidden;}
#outstand .item{padding-bottom:0.6rem;}
#outstand .figure{padding-bottom:66.8%;}
#outstand .text{padding:0.28rem 0.3rem;}
#outstand .title{font-size:0.24rem;line-height:1.25em;height:2.5em;}
#outstand a{display:block;overflow:hidden;background-color:#f7f8fa;}
@media only screen and (max-width:750px){
    #outstand{--margin:0rem;}
    #outstand .item{padding-bottom:0.3rem;}
}

/*categories*/
.categories{margin-bottom:0.05rem;}
.categories li{font-size:0.18rem;margin-right:3.75%;margin-top:3.75%;}
.categories li:last-child{margin-right:0;}
.categories a{height:2.77777778em;border-radius:1.38888889em;padding:0 2.22222222em;border:solid 0.01rem #999999;}
.categories .active a,.categories a:hover{border-color:transparent;background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .categories{padding-top:0.2rem;}
    .categories li{font-size:0.16rem;margin-right:0.5em;margin-top:0.2rem;}
    .categories a{padding:0 1.25em;}
}

/*awards-list*/
#awards-list{padding:0.8rem 0;}
@media only screen and (max-width:750px){
    #awards-list{padding:0.3rem 0;}
}

/*awards-item*/
.awards-item{padding:2.5% 0;}
.awards-item .figure{width:50%;}
.awards-item .figure:after{display:block;padding-bottom:56.25%;}
.awards-item .text{width:50%;padding:0 6.25% 0 5%;}
.awards-item .title{font-size:0.24rem;line-height:1.25em;max-height:2.5em;margin-bottom:0.83333333em;}
.awards-item .excerpt{font-size:0.18rem;line-height:1.55555556em;max-height:4.66666667em;margin-bottom:15.32258065%;}
.awards-item a{background-color:#f7f8fa;overflow:hidden;}
.awards-item:nth-child(2n) a{flex-direction:row-reverse;}
@media only screen and (max-width:1024px){
    .awards-item .excerpt{margin-bottom:0.35rem;}
}
@media only screen and (max-width:750px){
    .awards-item{padding:0.2rem 0;}
    .awards-item .figure{width:100%;}
    .awards-item .text{width:100%;padding:0.35rem;}
}

/*awards-post*/
#awards-post .title{font-size:0.42rem;line-height:1.28571429em;margin-bottom:0.9047619em;}
#awards-post .entry{font-size:0.18rem;line-height:1.55555556em;}
#awards-post .entry *{line-height:1.55555556em;}
@media only screen and (max-width:1024px){
    #awards-post .title{font-size:0.36rem;}
}
@media only screen and (max-width:750px){
    #awards-post .title{font-size:0.3rem;}
}

/*columnname*/
.columnname{font-size:0.42rem;line-height:1.28571429em;}
@media only screen and (max-width:1024px){
    .columnname{font-size:0.36rem;}
}
@media only screen and (max-width:750px){
    .columnname{font-size:0.3rem;}
}

/*scroll*/
.scroll-box{position:relative;}
.scroll-box:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:16.10738255%;background-image:linear-gradient(0deg,#fff,transparent);z-index:2;}
.scroll-box .scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:0.7rem;padding-bottom:0.2rem;}
.scroll-box.disable:after {display:none;}
@media only screen and (max-width:1024px){
    .scroll-box .scroll{padding-right:0.35rem;}
}

/*regional*/
#regional .columnname{width:10.95238095em;}
#regional .top{margin-bottom:0.75rem;}
#regional .text{width:61.25%;max-width:calc(100% - 5rem);}
#regional .intro{font-size:0.18rem;line-height:1.55555556em;}
#regional .mid{width:100%;margin-bottom:1.2rem;}
#regional .mid:after{padding-bottom:50%;display:block;}
#regional .cover{width:50%;}
#regional .cover:after{padding-bottom:66.75%;display:block;}
#regional .cont{width:46.5625%;}
#regional .scroll{max-height:4.4rem;}
@media only screen and (max-width:1024px){
    #regional .scroll{max-height:3.4rem;}
}
@media only screen and (max-width:750px){
    #regional .columnname{width:100%;margin-bottom:0.3rem;}
    #regional .top{margin-bottom:0.4rem;}
    #regional .intro{width:100%;max-width:none;}
    #regional .mid{margin-bottom:0.6rem;}
    #regional .cover{width:100%;margin-bottom:0.35rem;}
    #regional .cont{width:100%;}
}

/*outstand-post*/
#outstand-post .text{margin-bottom:0.55rem;}
#outstand-post .columnname{width:26.875%;}
#outstand-post .intro{width:61.25%;font-size:0.18rem;line-height:1.55555556em;}
#outstand-post .figure{padding-bottom:50%;}
@media only screen and (max-width:750px){
    #outstand-post .text{margin-bottom:0.35rem;}
    #outstand-post .columnname{width:100%;margin-bottom:0.3rem;}
    #outstand-post .intro{width:100%;}
}

/*culture-column*/
#culture-column .figure{padding-bottom:100%;}
#culture-column .columnname{line-height:1.9047619em;}
#culture-column .module-name{line-height:1.14285714em;}
#culture-column .columnname,#culture-column .module-name{position:absolute;z-index:2;left:0;width:100%;top:0;padding:0.8rem 0.6rem;}
#culture-column .module-intro{position:absolute;left:0;bottom:0;width:100%;padding:0.55rem 0.6rem;}
#culture-column .module-intro span{margin-right:0.2rem;}
#culture-column .module-intro span:last-child{margin-right:0;}
#culture-column .item{width:40%;padding-bottom:0.625%;}
#culture-column .item:nth-child(2n){width:59.375%;}
#culture-column .item:nth-child(2n) .figure{padding-bottom:67.36842105%;}
#culture-column .info{position:relative;display:block;overflow:hidden;}
@media only screen and (max-width:1024px){
    #culture-column .columnname,#culture-column .module-name{padding:0.5rem 0.35rem;}
    #culture-column .module-intro{padding:0.35rem;}
}
@media only screen and (max-width:750px){
    #culture-column .item{width:100%;padding:0.1rem 0;}
    #culture-column .item:nth-child(2n){width:100%;}
    #culture-column .item:nth-child(2n) .figure{padding-bottom:100%;}
}

/*culture-activity*/
#culture-activity{background-color:#f7f8fa;}
#culture-activity .module-name{margin-bottom:1em;}
#culture-activity .list{overflow:hidden;--margin:0.2rem;width:calc(100% + var(--margin));margin-bottom:0.4rem;}
#culture-activity .info{display:block;overflow:hidden;position:relative;}
#culture-activity .figure{padding-bottom:56.42023346%;}
#culture-activity .title{position:absolute;left:0;bottom:0.32rem;width:100%;font-size:0.18rem;line-height:1.55555556em;padding:0 0.6rem 0 0.4rem;font-weight:normal;}
#culture-activity .item{float:left;padding-right:var(--margin);padding-bottom:var(--margin);width:32.96296296%;}
#culture-activity .item:nth-child(3n+1){width:67.03703704%;}
#culture-activity .item:nth-child(3n+1) .title{font-weight:bold;font-size:0.24rem;line-height:1.25em;}
#culture-activity .item:nth-child(3n+1) .figure{padding-bottom:56.28517824%;}
@media only screen and (max-width:750px){
    #culture-activity .item{width:100%;}
    #culture-activity .item:nth-child(3n+1){width:100%;}
}

/*swiper-control*/
.swiper-control{margin-top:0.6rem;}
.swiper-control .arrow{position:relative;left:auto;right:auto;top:auto;transform:none;margin-right:0.2rem;}
.swiper-control .arrow:last-child{margin-right:0;}
.swiper-control .swiper-pagination{position:relative;height:0.03rem;background-color:rgba(51,51,51,0.1);}
.swiper-control .swiper-pagination.swiper-pagination-progressbar{width:calc(100% - 1.2rem);}
.swiper-control .swiper-pagination .swiper-pagination-progressbar-fill{background-color:var(--main-color);}
@media only screen and (max-width:750px){
    .swiper-control{margin-top:0.35rem;}
    .swiper-control .arrow{margin-right:0.1rem;}
    .swiper-control .swiper-pagination.swiper-pagination-progressbar{width:calc(100% - 0.7rem);}
}

/*responsibility*/
#responsibility .module-name{margin-bottom:0.71428571em;}
#responsibility .swiper{overflow:visible;}
#responsibility a {display:block; overflow:hidden;}
#responsibility .figure{padding-bottom:56.67938931%;margin-bottom:0.22rem;}
#responsibility .title{font-size:0.24rem;line-height:1.25em;max-width:16.66666667em;}
@media only screen and (max-width:750px){
    #responsibility .title{font-size:0.2rem;}
}

/*news-top*/
#news-top{margin-bottom:6.25%;}
#news-top .figure{width:50%;}
#news-top .figure:after{display:block;padding-bottom:56.25%;}
#news-top .text{width:46.25%;font-size:0.18rem;line-height:1.66666667em;padding:0 2.5%;--opacity:0.1;border-bottom:0.01rem solid rgba(0,0,0,var(--opacity));}
#news-top .date{margin-bottom:0.23rem;}
#news-top .title{font-size:0.32rem;line-height:1.1875em;max-height:2.375em;margin-bottom:0.12rem;}
#news-top .excerpt{line-height:1.55555556em;max-height:4.66666667em;margin-bottom:12.12121212%;}
#news-top a:hover .go{background-color:var(--main-color);border-color:transparent;}
#news-top a:hover .go:after{filter:brightness(100);}
#news-top .controls{--opacity:0.2;margin-top:3.75%;}
#news-top .page{overflow:hidden;padding:0.05rem 0.2rem;}
#news-top .swiper-pagination-bullet{width:0.09rem;height:auto;background-color:rgba(0,0,0,var(--opacity));margin:0 0.06rem;opacity:1;transition:inherit;display:block;transform:scale(0.77778);}
#news-top .swiper-pagination-bullet:after{display:block;content:'';padding-bottom:100%;}
#news-top .swiper-pagination-bullet-active{background-color:var(--main-color);transform:scale(1);}
#news-top .arrow{width:0.12rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
#news-top .arrow:after{padding-bottom:150%;display:block;content:'';}
#news-top .arrow:not(:hover){filter:brightness(0);opacity:0.3;}
#news-top .prev{background-image:url(../images/swiper_prev_03.svg);}
#news-top .next{background-image:url(../images/swiper_next_03.svg);}
@media only screen and (max-width:1024px){
    #news-top .text{padding:0;}
    #news-top .date{margin-bottom:0.1rem;}
    #news-top .title{font-size:0.26rem;}
    #news-top .excerpt{margin-bottom:0.25rem;}
}
@media only screen and (max-width:750px){
    #news-top{margin-bottom:0.5rem;}
    #news-top .figure{width:100%;}
    #news-top .text{width:100%;padding:0.25rem 0;}
    #news-top .controls{margin-top:0.35rem;}
}

/*news-list*/
#news-list{--margin:0.5rem;overflow:hidden;margin-bottom:0.3rem;}
@media only screen and (max-width:750px){
    #news-list{--margin:0.3rem;}
}

/*news-item*/
.news-item .date{font-size:0.18rem;line-height:1.66666667em;position:relative;margin-bottom:0.28rem;--opacity:0.1;overflow:hidden;}
.news-item .date:before,.news-item .date:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:1.22rem;height:0.02rem;}
.news-item .date:before{width:calc(100% - 1.22rem);background-color:rgba(0,0,0,var(--opacity));}
.news-item .date:after{background-color:var(--main-color);width:0.4rem;}
.news-item .title{font-size:0.24rem;line-height:1.25em; height:2.5em;margin-bottom:0.1rem;}
.news-item .excerpt{font-size:0.18rem;line-height:1.55555556em;max-height:3.11111111em;margin-bottom:0.37rem;}
.news-item a{background-color:#f7f8fa;padding:0.42rem 0.3rem 0.5rem; height:100%;}
.news-item a:hover .go{background-color:var(--main-color);border-color:transparent;}
.news-item a:hover .go:after{filter:brightness(100);}
.news-item a .circle-more{ margin-top:auto;}
@media only screen and (max-width:750px){
    .news-item .title{font-size:0.22rem;}
}

/*honor-btm*/
#honor-btm{overflow:hidden;background-color:#f7f8fa;}
@media only screen and (max-width:750px){
    #honor-btm{padding-top:0.4rem;}
}

/*honor-list*/
#honor-list{padding-bottom:0.3rem;}
#honor-list .list{position:relative;padding:0 8%;}
#honor-list .list:before{width:100%;padding-bottom:11.360799%;background:url(../images/honor_desk@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0;margin-top:12.0625%;}
#honor-list ul{--margin:0.4rem;position:relative;z-index:5;}
#honor-list .top{padding-bottom:97.46835443%;position:relative;margin-bottom:30.80168776%;}
#honor-list .cert{cursor:pointer;background:url(../images/honor_frame_01.png) no-repeat center center;background-size:100% 100%;padding:0.11rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;}
#honor-list .cert:after{content:'';display:block;position:absolute;width:100%;padding-bottom:5.907173%;background:url(../images/honor_frame_shadow_01.png) no-repeat center top;background-size:100% auto;top:100%;left:0;}
#honor-list .figure:after{display:block;padding-bottom:66.1971831%;}
#honor-list .img{object-fit:contain;}
#honor-list .name{line-height:1.5em;}
#honor-list .long{background-image:url(../images/honor_frame_02.png);width:72.88135593%;}
#honor-list .long:after{background-image:url(../images/honor_frame_shadow_02.png);padding-bottom:9.88372093%;margin-top:-0.01rem;}
#honor-list .long .figure:after{padding-bottom:140.4109589%;}
@media only screen and (max-width:1024px){
    #honor-list .list:before{margin-top:22%;}
    #honor-list .top{margin-bottom:18%;}
}
@media only screen and (max-width:750px){
    #honor-list{padding-bottom:0.15rem;}
    #honor-list .list:before{margin-top:34%;}
    #honor-list .top{margin-bottom:13%;}
}

/*honor-top*/
#honor-top .list{padding:0 8%;}
#honor-top .list:before{width:100%;padding-bottom:11.360799%;background:url(../images/honor_desk@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0;margin-top:11.25%;}
#honor-top .top{padding-bottom:70.58823529%;position:relative;margin-bottom:23.85620915%;}
#honor-top .cert{background:url(../images/honor_frame_01.png) no-repeat center center;background-size:100% 100%;padding:0.15rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;}
#honor-top .cert:after{content:'';display:block;position:absolute;width:100%;padding-bottom:5.907173%;background:url(../images/honor_frame_shadow_01.png) no-repeat center top;background-size:100% auto;top:100%;left:0;}
#honor-top .figure:after{display:block;padding-bottom:66.06498195%;}
#honor-top .img{object-fit:contain;}
#honor-top .name{font-size:0.18rem;line-height:1.55555556em;}
#honor-top .arrow{top:0;transform:none;margin-top:7.75%;}
#honor-top .swiper-button-prev{left:-0.9rem;}
#honor-top .swiper-button-next{right:-0.9rem;}
@media only screen and (max-width:1280px){
    #honor-top .swiper-button-prev{left:0;}
    #honor-top .swiper-button-next{right:0;}
}
@media only screen and (max-width:1024px){
    #honor-top .list:before{margin-top:16.5%;}
}
@media only screen and (max-width:750px){
    #honor-top .list{padding:0 15%;}
    #honor-top .list:before{margin-top:47%;}
    #honor-top .top{margin-bottom:10%;}
    #honor-top .arrow{margin-top:26%;}
}

/*cement*/
.cement .figure{width:50%;}
.cement .figure:after{display:block;padding-bottom:66.5%;}
.cement .text{width:42.1875%;}
.cement .module-intro{margin-top:0.3rem;}
.cement .circle-more{margin-top:17.03703704%;}
@media only screen and (max-width:750px){
    .cement .figure{width:100%;}
    .cement .text{width:100%;margin-bottom:0.4rem;}
    .cement .circle-more{margin-top:0.3rem;}
}

/*cement-intro*/
#cement-intro .text{width:46.25%;font-size:0.18rem;line-height:1.77777778em;}
#cement-intro .text blockquote{font-size:1.11111111em;line-height:1.6em;margin-left:0.2rem;}
#cement-intro .scroll{padding-right:11.25%;max-height:4.72rem;}
#cement-intro .pic{width:50%;}
#cement-intro .figure:after{padding-bottom:66.66666667%;display:block;}
#cement-intro .item:nth-child(2n+1){background-color:#f7f8fa;}
#cement-intro .item:nth-child(2n+1) .inner{flex-direction:row-reverse;}
#cement-intro .item:nth-child(2n+1) .scroll-box:after{background-image:linear-gradient(0deg,#f7f8fa,transparent);}
#cement-intro .item:nth-child(2n+1) .figure{width:120%;}
#cement-intro .text th,#cement-intro .text td {border:0.01rem solid #eee;}
@media only screen and (max-width:1280px){
    #cement-intro .item:nth-child(2n+1) .figure{width:106.66666667%;}
}
@media only screen and (max-width:1024px){
    #cement-intro .scroll{max-height:3.72rem;}
    #cement-intro .item:nth-child(2n+1) .figure{width:106.66666667%;}
}
@media only screen and (max-width:750px){
    #cement-intro .pic{width:100%;margin-bottom:0.35rem;}
    #cement-intro .text{width:100%;}
    #cement-intro .item:nth-child(2n+1) .figure{width:100%;}
}

/*economy*/
#economy{--margin:0.5rem;margin-bottom:0.3rem;overflow:hidden;}
#economy .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.15rem;}
#economy .cont{padding-left:0.23rem;position:relative;--opacity:0.06;border-left:0.03rem solid rgba(0,0,0,var(--opacity));}
#economy .excerpt{font-size:0.18rem;line-height:1.55555556em;height:4.66666667em;margin-bottom:0.35rem;}
#economy a{display:block;overflow:hidden;background-color:#f7f8fa;padding:0.53rem 0.5rem 0.6rem 0.3rem;}
@media only screen and (max-width:750px){
    #economy{--margin:0.3rem;}
}

/*biz-intro*/
#biz-intro{min-height:50vw;}
#biz-intro .module-name{width:7.85714286em;}
#biz-intro .cont{width:61.25%;}
#biz-intro .module-intro{margin:0;}
#biz-intro .view-more{margin-top:11.73469388%;}
@media only screen and (max-width:750px){
    #biz-intro{padding-bottom:3.5rem;}
    #biz-intro .module-name{width:100%;margin-bottom:1em;}
    #biz-intro .cont{width:100%;}
}

/*building*/
#building{padding:0.8rem 0 1.2rem;overflow:hidden;}
#building .list{--margin:0.5rem;margin-bottom:0.3rem;}
@media only screen and (max-width:750px){
    #building{padding:0.5rem 0 0.65rem;}
    #building .list{--margin:0.3rem;}
}

/*build-item*/
.build-item .figure{width:55.32212885%;}
.build-item .figure:after{display:block;padding-bottom:66.83544304%;}
.build-item .text{width:40.19607843%;padding:4.20168067% 0;}
.build-item .title{font-size:0.24rem;line-height:1.16666667em;margin-bottom:0.5em;}
.build-item .excerpt{font-size:0.18rem;line-height:1.55555556em;height:3.11111111em;}
.build-item a{background-color:#f7f8fa;overflow:hidden;padding:0.3rem;}
@media only screen and (max-width:1024px){
    .build-item .figure{width:100%;margin-bottom:0.3rem;}
    .build-item .text{width:100%;padding:0;}
    .build-item .excerpt{margin-bottom:0.3rem;}
}
@media only screen and (max-width:750px){
    .build-item .excerpt{height:auto;max-height:3.11111111em;}
}

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

/*factory-item*/
.factory-item .figure{padding-bottom:66.8%;}
.factory-item .text{padding:0.3rem;}
.factory-item .title{font-size:0.24rem;line-height:1.16666667em;margin-bottom:0.5em;}
.factory-item .excerpt{font-size:0.18rem;line-height:1.55555556em;margin-bottom:0.35rem;}
.factory-item a{background-color:#f7f8fa;display:block;overflow:hidden;}

/*chemical-top*/
#chemical-top{margin-bottom:7.5%;}
#chemical-top .gallery{width:65.625%;}
#chemical-top .swiper{width:115.23809524%;}
#chemical-top .figure{padding-bottom:66.7768595%;}
#chemical-top .text{width:29.375%;padding:5% 0 4.6875%;}
#chemical-top .columnname{margin-bottom:0.5952381em;}
#chemical-top .intro{font-size:0.18rem;line-height:1.55555556em;}
#chemical-top .swiper-control{margin-top:0;}
#chemical-top .arrow{position:relative;top:auto;left:auto;right:auto;}
#chemical-top .swiper-button-prev{margin-right:0.2rem;}
#chemical-top .swiper-pagination{width:calc(100% - 1.2rem);height:0.02rem;}
#chemical-top .page{font-size:0.42rem;line-height:0.8em;}
#chemical-top .total{font-size:0.16rem;}
@media only screen and (max-width:1280px){
    #chemical-top .swiper{width:105.07936508%;}
}
@media only screen and (max-width:1024px){
    #chemical-top .swiper{width:105.07936508%;}
    #chemical-top .text{padding:2% 0;}
}
@media only screen and (max-width:750px){
    #chemical-top{margin-bottom:0.5rem;}
    #chemical-top .gallery{width:100%;margin-bottom:0.35rem;}
    #chemical-top .swiper{width:100%;}
    #chemical-top .text{padding:0;width:100%;}
    #chemical-top .intro{margin-bottom:0.35rem;}
    #chemical-top .page{font-size:0.32rem;}
    #chemical-top .swiper-button-prev{margin-right:0.1rem;}
    #chemical-top .swiper-pagination{width:calc(100% - 0.7rem);}
}

/*scope-first*/
#scope-first{margin-bottom:5.9375%;}
#scope-first .inner{position:relative;}
#scope-first .figure{padding-bottom:35%;}
#scope-first .text{position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:2;width:9.2rem;max-width:88%;padding:6.875% 0;}
@media only screen and (max-width:750px){
    #scope-first .figure{padding-bottom:75%;}
}

/*scope-profile*/
#scope-profile{background:no-repeat center bottom;background-size:100% auto;padding-bottom:33.85416667%;margin-bottom:10.9375%;}
#scope-profile .module-name{width:7.85714286em;}
#scope-profile .module-intro{width:61.25%;}
#scope-profile .module-intro{margin:0;}
@media only screen and (max-width:750px){
    #scope-profile .module-name{width:100%;margin-bottom:1em;}
    #scope-profile .module-intro{width:100%;}
}

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

/*scope-item*/
.scope-item .figure{padding-bottom:66.60079051%;}
.scope-item .text{position:absolute;left:0;bottom:0;width:100%;padding:0.3rem 0.4rem;}
.scope-item .title{font-size:0.24rem;line-height:1.25em;max-height:2.5em;width:calc(100% - 0.7rem);}
.scope-item .circle-more{position:absolute;right:0.4rem;top:50%;transform:translateY(20%);opacity:0;}
.scope-item .go{border-color:transparent;background-color:var(--main-color);}
.scope-item .go:after{filter:brightness(100);}
.scope-item a{display:block;overflow:hidden;position:relative;}
.scope-item a:hover .circle-more{opacity:1;transform:translateY(-50%);}

/*performance*/
.performance{padding:0.8rem 0 1.1rem;overflow:hidden;}
.performance .columnname{margin-bottom:1.73809524em;}
.performance .figure{width:41.25%;}
.performance .figure:after{display:block;padding-bottom:53.03030303%;}
.performance .text{width:50%;font-size:0.18rem;line-height:1.55555556em;}
@media only screen and (max-width:1024px){
    .performance .figure{width:100%;}
    .performance .text{width:100%;margin-bottom:0.35rem;}
}
@media only screen and (max-width:750px){
    .performance{padding:0.5rem 0 0.65rem;}
    .performance .columnname{margin-bottom:0.35rem;}
}

/*per-intro*/
.per-intro{font-size:0.18rem;line-height:1.55555556em;--opacity:0.06;border-left:0.03rem solid rgba(0,0,0,var(--opacity));padding-left:2.11111111em;}

/*bim*/
.bim{background-color:#f7f8fa;padding:1.08rem 0 1.53rem;overflow:hidden;}
.bim .top{margin-bottom:4.375%;}
.bim .per-intro{width:64.6875%;}
.bim .figure{width:43.125%;}
.bim .figure:after{display:block;padding-bottom:57.68115942%;}
.bim .intro{width:52.5%;font-size:0.18rem;line-height:1.55555556em;}
.bim .intro h3{font-size:1.33333333em;color:#000;line-height:1.16666667em;margin-bottom:0.5em;}
.bim .intro h3:last-child{margin-bottom:0;}
.bim .intro p{margin-bottom:1.83333333em;}
.bim .intro p:last-child{margin-bottom:0;}
@media only screen and (max-width:1024px){
    .bim .figure{width:100%;margin-bottom:0.35rem;}
    .bim .intro{width:100%;}
}
@media only screen and (max-width:750px){
    .bim{padding:0.6rem 0 0.7rem;}
    .bim .top{margin-bottom:0.5rem;}
    .bim .columnname{width:100%;margin-bottom:0.35rem;}
    .bim .per-intro{width:100%;}
}

/*digital*/
.digital{padding:1.1rem 0 1.2rem;overflow:hidden;}
.digital .text{width:51.875%;}
.digital .columnname{margin-bottom:0.47rem;}
.digital .per-intro{margin-left:0.42rem;}
.digital .figure{width:42.25%;}
.digital .figure:after{display:block;padding-bottom:46.59763314%;}
@media only screen and (max-width:1024px){
    .digital .figure{width:100%;}
    .digital .text{width:100%;margin-bottom:0.5rem;}
}
@media only screen and (max-width:750px){
    .digital{padding:0.6rem 0;}
    .digital .columnname{margin-bottom:0.35rem;}
    .digital .per-intro{margin-left:0;}
}

/*data-follow*/
#data-follow .columnname{margin-bottom:0.35rem;}
#data-follow .meta{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-bottom:6.25%;}
#data-follow table{table-layout:fixed;min-width:16rem;}
#data-follow th{background-color:#fae8e9;padding:0.16rem 0.2rem;font-size:0.18rem;line-height:1.55555556em;text-align:left;}
#data-follow th:nth-child(1){width:25%;}
#data-follow th:nth-child(2){width:8.75%;}
#data-follow td{font-size:0.18rem;line-height:1.55555556em;padding:0.1rem 0.2rem;}
#data-follow .num{font-weight:bold;}
#data-follow .process{background-color:#f5f6f7;width:100%;height:0.14rem;border-radius:0.07rem;position:relative;}
#data-follow .fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:0.07rem;}
#data-follow .fill span{position:absolute;top:50%;transform:translateY(-50%);left:100%;white-space:nowrap;font-weight:bold;margin-left:0.1rem;}
#data-follow tr:nth-child(2) td{padding-top:0.22rem;}
#data-follow .list{--margin:0.47rem;}
#data-follow .figure{padding-bottom:66.62354463%;margin-bottom:0.33rem;}
#data-follow .title{font-size:0.24rem;line-height:1.16666667em;}
@media only screen and (max-width:750px){
    #data-follow .meta{margin-bottom:0.5rem;}
    #data-follow th:nth-child(1){width:28%;}
    #data-follow th:nth-child(2){width:16%;}
    #data-follow .list{--margin:0.3rem;}
    #data-follow .figure{margin-bottom:0.2rem;}
}

/*patent-profile*/
.patent-profile{margin-bottom:7.5%;}
.patent-profile .text{margin-bottom:0.55rem;}
.patent-profile .columnname{width:26.875%;}
.patent-profile .cont{width:61.25%;}
.patent-profile .intro{font-size:0.18rem;line-height:1.55555556em;margin-bottom:0.34rem;}
.patent-profile .data{line-height:1.125em;}
.patent-profile .data li{position:relative;}
.patent-profile .data li:after{--opacity:0.08;width:0.01rem;background-color:rgba(0,0,0,var(--opacity));content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:-1rem;height:100%;}
.patent-profile .data li:last-child:after{display:none;}
.patent-profile .data .name {max-width:2.3rem; margin:0 auto;}
.patent-profile .data .num{font-size:0.6rem;line-height:1em;}
@media only screen and (max-width:1024px){
    .patent-profile .columnname{width:100%;margin-bottom:0.3rem;}
    .patent-profile .cont{width:100%;}
    .patent-profile .data li:after{right:-1.4rem;}
}
@media only screen and (max-width:750px){
    .patent-profile{margin-bottom:0.5rem;}
    .patent-profile .data li{flex-grow:1;width:50%;margin-bottom:0.2rem;text-align:center;}
    .patent-profile .data li:after{display:none;}
}

/*patent-filter*/
.patent-filter{width:calc(100% + 0.2rem);margin-bottom:0.1rem;overflow:hidden;}
.patent-filter .item{width:3.6rem;max-width:100%;padding-right:0.2rem;margin-bottom:0.2rem;}
.patent-filter .select{position:relative;}
.patent-filter .select:after{width:0.6875em;height:0.63636364em;background:url(../images/select_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.25em;}
.patent-filter select{display:block;width:100%;height:3.75em;padding:0 1.25em;color:rgba(51,51,51,0.5);border:solid 0.01rem #dedede;-webkit-appearance:none;}
.patent-filter select::-ms-expand{display:none;}
@media only screen and (max-width:750px){
    .patent-filter .item{width:50%;}
}

/*petent-list*/
.petent-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.petent-list table{table-layout:fixed;border-bottom:0.01rem solid #ececec;min-width:14rem;}
.petent-list th{background-color:#fae8e9;border:0.01rem solid rgba(207,30,37,0.3);color:#cf1e25;font-size:0.24rem;line-height:1.16666667em;padding:0.26rem 2.5%;text-align:left;}
.petent-list th:nth-child(1){width:4.375%;text-align:center;}
.petent-list th:nth-child(2){width:32.8125%;}
.petent-list th:nth-child(3){width:13.4375%;}
.petent-list th:nth-child(4){width:21.875%;}
.petent-list th:nth-child(5){width:11.25%;text-align:center;}
.petent-list th:nth-child(6){width:15.625%;text-align:center;}
.petent-list td{font-size:0.18rem;line-height:1.33333333em;border-left:0.01rem solid #ececec;border-right:0.01rem solid #ececec;padding:0.26rem 2.5%;}
.petent-list td:nth-child(1),.petent-list td:nth-child(5){text-align:center;padding-left:0;padding-right:0;}
.petent-list tr:nth-child(2n){background-color:#f7f8fa;}
.petent-list .figure{padding-bottom:66%;}
.petent-list .zoom{display:block;overflow:hidden;cursor:pointer;width:1rem;max-width:100%;margin:0 auto;position:relative;}
.petent-list .zoom:after{width:27%;padding-bottom:27%;background:rgba(230,33,41,0.8) url(../images/zoom_01.svg) no-repeat center center;background-size:44.44444444% auto;border-radius:50%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:inherit;}
.petent-list .zoom:hover:after{transform:translate(-50%,-50%) scale(0.9);}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.5);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .wrap{width:100%;min-height:100%;padding:1vh 0;}
.popup .box {position:relative;}
.popup .close {position:absolute; left:100%; bottom:100%; width:1em; height:1em; display:flex; align-items:center; justify-content:center; border-radius:50%; background-color:#fff; font-size:0.4rem; cursor:pointer;}
@media only screen and (max-width:750px){
    .popup .close {font-size:0.3rem;}
}
/*img-popup*/
.img-popup img{display:block;width:auto;max-width:80vw;height:auto;max-height:80vh;}
/*result*/
#result{overflow:hidden;margin-bottom:0.46rem;}
#result .item{margin-bottom:0.2rem;}
#result .title{font-size:1.33333333em;line-height:1.25em;width:calc(100% - 1.5rem);}
#result .date{color:#999;}
#result a{background-color:#f7f8fa;padding:0.35rem 0.6rem 0.35rem 0.4rem;font-size:0.18rem;line-height:1.66666667em;}
@media only screen and (max-width:750px){
    #result{margin-bottom:0.35rem;}
    #result .title {width: 100%; margin-bottom:0.5em;}
    #result a{padding:0.25rem 0.35rem;}
}


/*cookies*/
[class*=flex_]{display:flex;}
[class*=_ac]{align-items:center;}
[class*=_ae]{align-items:flex-end;}
[class*=_as]{align-items:flex-start;}
[class*=_jc]{justify-content:center;}
[class*=_js]{justify-content:space-between;}
[class*=_je]{justify-content:flex-end;}
[class*=_jf]{justify-content:flex-start;}
[class*=_row]{flex-flow:row wrap;}
#cookies {position:fixed; left:0; bottom:0; background-color:#fff; color:#333; z-index: 20; padding:0.5rem 0; width:100%;  box-shadow:0 0 .1rem rgba(0,0,0,0.1); display:none;}
#cookies .pic {width:2.47rem;}
#cookies .pic img {display:block;}
#cookies .btn {width: 1.5rem;}
#cookies .btn span {background-color:#fff; color:#02a0f4; border-radius: 0.03rem; font-size:.16rem; line-height: 2em;display: block; text-align: center; cursor: pointer;}
#cookies .text {width:calc(100% - 6rem);}
#cookies .title {font-size:.18rem; line-height: 1.35em; margin-bottom:0.1rem;}
#cookies .intro {font-size:.16rem; line-height: 1.875em;}
#cookies .intro a{color:#333; text-decoration:underline;}
#cookies .intro a:hover {opacity: 0.8; text-decoration: none;}
#cookies .view-more .go{ width:9em;}
@media only screen and (max-width:640px){
#cookies .inner{flex-direction: column; align-items: center;}
#cookies .pic {margin-bottom: 0.2rem;}
#cookies .text {width: 100%; margin-bottom: 0.2rem;}
#cookies .intro{font-size: var(--f14); line-height: 1.5em;}
}


/* AboutCDI */
#AboutCDI{ padding:1rem 0;}
#AboutCDI .title{font-size:0.7rem;line-height:1.28571429em;margin-bottom:.5rem;}
#AboutCDI .entry{font-size:0.18rem;line-height:1.55555556em;}
#AboutCDI .entry *{line-height:1.55555556em;}
@media only screen and (max-width:1024px){
#AboutCDI .title{font-size:0.36rem;}
}
@media only screen and (max-width:750px){
#AboutCDI .title{font-size:0.3rem;}
}

/*flex布局*/
[class*=flex-]{display: flex;}
[class*=-aic]{align-items: center;}
[class*=-aife]{align-items: flex-end;}
[class*=-aifs]{align-items: flex-start;}
[class*=-jcc]{justify-content: center;}
[class*=-jcsb]{justify-content: space-between;}
[class*=-jcfe]{justify-content: flex-end;}
[class*=-jcfs]{justify-content: flex-start;}
[class*=-row]{flex-wrap: wrap;}
[class*=-col]{flex-direction:column;}

/* JournalBox */
#JournalBox{ padding:1rem 0;}
#JournalBox .wtd100{ width:100%; margin-bottom:.5rem;}
#JournalBox .catymenu{ width:3.3rem; padding-right:.5rem; border-right:solid 1px rgba(0,0,0,0.1);}
#JournalBox .catymenu .all-txt{ margin-bottom:.35rem; font-size:.42rem; font-weight: bold;}
#JournalBox .catymenu .all-txt .ope{ display:none;}
#JournalBox .catymenu ul{ padding:0; margin:0;}
#JournalBox .catymenu li{font-size:.24rem;font-weight:bold;list-style:none;border-bottom:solid 1px rgba(0,0,0,0.1);}
#JournalBox .catymenu li a{padding:.2rem 0; padding-right:.3rem; display:block; position:relative;}
#JournalBox .catymenu li a::after{ position:absolute; right:0; top:0; width:.2rem; height:100%; content:''; display:block; background-image:url(../images/circle_more_02.svg); background-repeat:no-repeat; background-position:center; opacity:.5; filter:invert(100%);}
#JournalBox .catymenu li a:hover,
#JournalBox .catymenu li.on a{ color:#cf1e25;}
#JournalBox .catymenu li a:hover::after,
#JournalBox .catymenu li.on a::after{ background-image:url(../images/circle_more_01.svg); opacity:1; filter:invert(0); }
#JournalBox .list-box{ width:calc(100% - 3.3rem); padding-left:.6rem;}
#JournalBox .list-box .item{ width:23.141%; margin-right:2.48%; margin-bottom:2.48%; background:#f7f8fa; border-top:solid 2px #f7f8fa; padding:.1rem;}
#JournalBox .list-box .item .tit{ padding:.2rem 0; text-align:center; font-size:.24rem; text-align:center; color:#333333; font-weight:bold;}
#JournalBox .list-box .item .pic figure{ padding-bottom:136.155%; background-size:cover; background-repeat:no-repeat; background-position:center;}
#JournalBox .list-box .item:nth-child(4n){ margin-right:0;}
#JournalBox .list-box .item:hover{ border-color:#e62129;}
#JournalBox .list-box .item:hover .tit{ color:#e62129;}
@media only screen and (max-width:1024px){
#JournalBox{ padding:.7rem 0;}
#JournalBox .catymenu{ width:2.5rem;}
#JournalBox .catymenu .all-txt{ font-size:.32rem;}
#JournalBox .catymenu li{ font-size:.2rem;}
#JournalBox .catymenu li a{ padding:.15rem 0;}
#JournalBox .catymenu li a::after{ background-size:.12rem;}
#JournalBox .list-box{width:calc(100% - 2.5rem);}
#JournalBox .list-box .item .tit{ padding:.1rem 0; font-size:.18rem;}
}
@media(max-width:640px){
#JournalBox{ padding:.5rem 0;}
#JournalBox .catymenu{width:100%; padding-right:0; border-right:none; margin-bottom:.3rem; position: relative;}
#JournalBox .catymenu .all-txt{ margin-bottom:.15rem; padding:.1rem 0; padding-right:.3rem; position: relative;}
#JournalBox .catymenu .all-txt .ope{display:block;position:absolute;top:0;right:0;width:.5rem;height:.5rem; text-align:center; font-weight:300; line-height:.5rem;}
#JournalBox .catymenu ul{ display:none; position:absolute; left:0; top:100%; width:100%; background:#fff;}
#JournalBox .list-box{width:100%; padding-left:0;}
#JournalBox .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
#JournalBox .list-box .item:nth-child(2n){ margin-right:0;}
}


/* JournalBox_xq */
#JournalBox_xq{ padding:1rem 0;}
#JournalBox_xq .wtd100{ width:100%;}
#JournalBox_xq .deta-left{ width:67%;}
#JournalBox_xq .deta-one{ padding:.4rem; background:#f7f8fa; margin-bottom:.6rem;}
#JournalBox_xq .deta-one .pic{ width:2.6rem;}
#JournalBox_xq .deta-one .text{ padding-left:.3rem; width:calc(100% - 2.6rem);}
#JournalBox_xq .deta-one .text .tit-big{ margin:.1rem 0; font-size:.3rem; font-weight:bold;}
#JournalBox_xq .deta-one .text .tishi{ margin-bottom:.1rem; background:#fff; color:#333333; font-weight:bold; padding:.15rem .2rem;}
#JournalBox_xq .bit{ padding:.15rem 0 .25rem; border-top:solid .05rem #000; color:#333333; font-size:.3rem; font-weight:bold; position: relative;}
#JournalBox_xq .bit::after{ content:''; display:block; width:.8em; height:.05rem; background:#e62129; position:absolute; left:0; top:-.05rem;}
#JournalBox_xq .editor{ color:#666666;}
#JournalBox_xq .editor p{ margin:0;}
#JournalBox_xq .deta-two .gosw{ text-align:right;}
#JournalBox_xq .deta-two{ margin-bottom:.4rem;}
#JournalBox_xq .deta-two .line{ border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:.4rem; margin-bottom:.4rem;}
#JournalBox_xq .deta-two:last-child,
#JournalBox_xq .deta-two .line:last-child{ margin-bottom:0;}
#JournalBox_xq .deta-main{ padding:.4rem; width:31.25%; background:#f7f8fa;}
#JournalBox_xq .list_iuo .iol{ padding:.27rem 0; color:#666; line-height:1.65; border-bottom:solid 1px rgba(0,0,0,0.1);}
#JournalBox_xq .list_iuo .iol .tit{ margin-bottom:.1rem; font-weight:bold;}

@media only screen and (max-width:1024px){
#JournalBox_xq .deta-one{ padding:.3rem .2rem;}
#JournalBox_xq .deta-one .pic{ width:2rem;}
#JournalBox_xq .deta-one .text{ width:calc(100% - 2rem);}
#JournalBox_xq .deta-one .text .tit-big{ font-size:.26rem;}
#JournalBox_xq .deta-one .text .tishi{ font-size:.13rem;}
#JournalBox_xq .bit{ font-size:.26rem; padding:.1rem 0 .15rem;}
#JournalBox_xq .list_iuo .iol{ padding:.1rem 0;}
#JournalBox_xq .deta-main{ padding:.2rem;}
}
@media only screen and (max-width:640px){
#JournalBox_xq .deta-left{ width:100%;}
#JournalBox_xq .deta-one .pic{ width:100%;}
#JournalBox_xq .deta-one .text{ width:100%; padding-top:.3rem; padding-left:0;}
#JournalBox_xq .deta-main{ width:100%;}
}

figure.figure.video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*20251229*/
.globalMap{padding-top:1.1rem;background:#f7f8fa;padding-bottom:40px;}
.globalMap+#development{background:none;}
.mapContent{margin-top:40px;text-align:center;position:relative;z-index:10;}
.mapContent .mpblock{display:inline-block;position:relative;}
.mapContent .tabs{position:absolute;left:0;bottom:0.8rem;z-index:10;width:1.9rem;text-align:left;}
.mpblock .li{position:absolute;z-index:10;cursor:pointer;}
.mpblock .li.pos1{left:53%;top:18%;}
.mpblock .li.pos2{left:53%;top:18%;}
.mpblock .li.pos3{left:53%;top:18%;}
.mpblock .li.pos4{left:53%;top:18%;}
.mpblock .li.pos5{left:53%;top:18%;}
.mpblock .li .dot{width:7px;height:7px;position:relative;background:#e62129;border-radius:50%;}
.mpblock .li .dot:before,
.mpblock .li .dot:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:.8rem;height:.8rem;background:#e62129;transform:translate(-50%,-50%);opacity:0;border-radius:50%;}
.mpblock .li .dot:before,
.mpblock .li .dot:after{opacity:0.1;animation:dtscale linear 2s infinite;}
.mpblock .li .dot:after{animation-delay:1s}
@keyframes dtscale{0%{transform:translate(-50%,-50%) scale(0);opacity:0.3;}
100%{transform:translate(-50%,-50%) scale(1);opacity:0;}
}
.mpblock .li .lt{position:absolute;left:50%;top:100%;transform:translate(-50%,0);padding:0.5em;font-weight:bold;line-height:1;white-space:nowrap;font-size: 0.14rem;}
.mpblock .li .hov{position:absolute;right:100%;top:2.5em;background:#fff;width:6rem;text-align:left;padding:0.4rem;cursor:auto;display:none;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.mpblock .li.cur{z-index:20;}
.mpblock .li.cur .hov{display:block;}
.mpblock .li .hov .ht{display:flex;align-items:center;position:relative;}
.mpblock .li .hov .ht span{flex:0 0 auto;font-weight:bold;margin-left:1em;}
.mpblock .li .hov .ht:before{content:"";display:block;border-bottom:1px solid #efefef;flex:1 1 auto;}
.mpblock .li .hov .ht:after{content:"";position:absolute;left:0;top:50%;margin-top:-3px;width:6px;height:6px;background:#e62129;border-radius:50%;z-index:1;}
.mpblock .li .hov li{list-style-type:none;line-height:1.3;padding:7px 0;}
.mpblock .li .hov ul{margin:20px 0;padding:0;max-height:215px;overflow:auto;padding-right:10px;}
.mpblock .li .hov li a{display:block;position:relative;padding-right:34px;color:inherit;}
.mpblock .li .hov li a:after{content:"";position:absolute;width:26px;height:26px;background:#e62129 url(../images/circle_more_02.svg) no-repeat center center;right:20px;transition:.3s;border-radius:50%;opacity:0;}
.mpblock .li .hov li.cur a:after{right:0;opacity:1;}
.mpblock .li .hov li.cur{color:#e62129;text-decoration:underline;}
.mpblock .li.posrig .hov {right: auto;left: 100%;}
.mapContent .tabs .tt{line-height:1;border-bottom:1px solid #dedfe1;position:relative;font-weight:bold;padding-bottom:10px;margin-bottom:10px;}
.mapContent .tabs .tt:before{content:"";left:0;bottom:-1px;width:4em;height:1px;background:#e62129;position:absolute;}
.mapContent .tabs .l{cursor:pointer;padding:4px 0;}
.mapContent .tabs .l span{color:#e62129;padding:0 5px;font-weight:normal;}
.mpblock .li.pos2{left:53%;top:48%;}
.mpblock .li.pos3{left:59%;top:50%;}
.mpblock .li.pos4{left:62%;top:50%;}
.mpblock .li.pos5{left:67%;top:44%;}
.mpblock .li.pos3 .lt,.mpblock .li.pos5 .lt{top:auto;bottom:100%;}
.mapContent .tabs .l.cur {color: #e62129;font-weight: bold;}
.mapContent .tabs .ol{max-height:300px;overflow:auto;}
@media (max-width:768px){
.mapContent .tabs{position:relative;bottom:0;width:auto;}
.mpblock .li .lt{font-size:10px;}
.mpblock .li .hov{position:fixed;right:50% !important;left:auto !important;width:90%;top:50%;transform:translate(50%,-50%);}
}