@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: #e00109; --rgb-red: 224, 1, 9; --rgb-white: 255, 255, 255; --rgb-black: 0, 0, 0; --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.02rem; 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:1706px) {
	html { font-size: calc(100vw/17.06); }
}
@media only screen and (max-width:1280px) {
	html { font-size: calc(80vw/12.8); }
}
@media only screen and (max-width:1024px) {
	html { font-size: calc(90vw/10.24); }
}
@media only screen and (max-width: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; }
.w1280 { max-width: 12.8rem; }
.submit { cursor: pointer; }
.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 { display: table; table-layout: fixed; width: 100%; }
.table .td { display: table-cell; vertical-align: middle; }
.clearfix { clear: both; overflow: hidden; width: 100%; }
.clearfix:after { display: block; content: ''; width: 100%; clear: both; }
.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:hover img { transform: scale(1.05); }
[data-font*="000"] { color: #000; }
[data-font*="111"] { color: #111; }
[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*="777"] { color: #777; }
[data-font*="888"] { color: #888; }
[data-font*="999"] { color: #999; }
[data-font*=fff] { color: #fff; }
[data-font*=color] { color: var(--main-color); }
[data-font*=left] { text-align: left; }
[data-font*=center] { text-align: center; }
[data-font*=right] { text-align: right; }
[data-font*=justify] { text-align: justify; }
[data-font*=lighter] { font-weight: 300; }
[data-font*=normal] { font-weight: normal; }
[data-font*=medium] { font-weight: 500; }
[data-font*=bold] { font-weight: bold; }
[data-font*=fs16] { font-size: 0.16rem; line-height: 1.875em; }
[data-font*=fs18] { font-size: 0.18rem; line-height: 1.75em; }
[data-font*=fs20] { font-size: 0.20rem; line-height: 1.5em; }
[data-font*=fs22] { font-size: 0.22rem; line-height: 1.35em; }
[data-font*=fs24] { font-size: 0.24rem; line-height: 1.35em; }
[data-font*=fs26] { font-size: 0.26rem; line-height: 1.35em; }
[data-font*=fs28] { font-size: 0.28rem; line-height: 1.35em; }
[data-font*=fs30] { font-size: 0.3rem; line-height: 1.35em; }
[data-font*=fs32] { font-size: 0.32rem; line-height: 1.35em; }
[data-font*=fs34] { font-size: 0.34rem; line-height: 1.35em; }
[data-font*=fs36] { font-size: 0.36rem; line-height: 1.35em; }
[data-font*=fs38] { font-size: 0.38rem; line-height: 1.35em; }
[data-font*=fs40] { font-size: 0.4rem; line-height: 1.35em; }
[data-font*=fs42] { font-size: 0.42rem; line-height: 1.35em; }
[data-font*=fs44] { font-size: 0.44rem; line-height: 1.35em; }
[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; }
[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; }
[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%; }
}
[data-delay] { --property: all; --duration: 0.3s; transition: var(--property) var(--duration); }
[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 { position: absolute; top: 0; width: 100%; z-index: 8; }
#header .inner { position: relative; padding: 0.3rem 0; }
#header:not(.fixed):not(.white) { background-color: transparent; }
@media only screen and (max-width:750px) {
	#header .inner { padding: 0.2rem 0; }
}
#logo { width: 1.4rem; position: relative; z-index: 10; }
#logo a { display: block; overflow: hidden; padding-bottom: 27.14285714%; 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:750px) {
	#logo { width: 1.2rem; }
}
#search { position: relative; }
#search span { width: 0.2rem; height: 0.3rem; background: url(../images/search_01.svg) no-repeat center center; background-size: contain; display: block; cursor: pointer; }
#search .form { position: absolute; right: -0.12rem; top: calc(100% + 0.35rem); width: 4rem; box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.1); background-color: #efefef; }
#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%; }
#header:not(.fixed):not(.white) #search span { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	#search { position: static; }
	#search span { width: 0.22rem; height: 0.22rem; }
	#search .form { width: 100%; right: 0; top: 100%; }
}
#language { position: relative; margin-left: 0.3rem; }
#language span { display: block; background: url(../images/language.svg) no-repeat left center; background-size: 1.1875em auto; padding: 0 calc(12em/16) 0 calc(25em/16); position: relative; white-space: nowrap; cursor: pointer; }
#language span:after { width: calc(9em/16); height: calc(5em/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: calc(100% + 0.35rem); 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: #efefef; text-align: center; padding: 0.5em 1.5em; }
#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 span { filter: brightness(100); }
@media only screen and (max-width:750px) {
	#language { font-size: 0.18rem; }
	#language span { background-size: 1.22222222em auto; }
	#language ul { top: calc(100% + 0.2rem); }
}
#navbtn { display: none; }
@media only screen and (max-width:1024px) {
	#navbtn { position: relative; cursor: pointer; width: 0.2rem; height: 0.19rem; transition: all 0.3s; display: block; z-index: 10; overflow: hidden; margin-left: 0.3rem; }
	#navbtn:before, #navbtn:after, #navbtn i { width: 100%; height: 0.02rem; background-color: #666; 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; }
	#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) #navbtn { filter: brightness(100); }
@media only screen and (max-width:1024px) {
	#navbtn { width: 0.22rem; height: 0.22rem; }
}
#navi { width: calc(100% - 2.6rem); font-size: 0.18rem; line-height: 2.11111111em; padding: 0 0.4rem; opacity: 1; visibility: visible; --y: 0; }
#navi a { display: block; position: relative; }
#navi .drop { display: none; }
@media only screen and (min-width:1025px) {
	#navi .menu { min-width: 10.14rem; }
	#navi .parent { margin: 0 0.24rem; position: relative; }
	#navi .on > a, #navi .cur > a { color: var(--main-color); }
	#navi .drop { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 200%; z-index: 5; padding-top: 0.31rem; }
	#navi .box { background-color: #efefef; padding: 0.5rem 0; }
	#navi dl { border-top: 0.02rem solid #c4c4c4; padding-top: 1em; position: relative; margin: 0 0.25rem 0.4rem; min-width: 2rem; }
	#navi dl:before { content: ''; display: block; position: absolute; left: 0; top: -0.02rem; background-color: var(--main-color); width: 0; height: 0.02rem; transition: all 0.3s; }
	#navi dl:hover:before { width: 100%; }
	#navi dt a:not(:hover) { color: #000; }
	#navi dd { font-weight: 300; }
	#navi dd a:not(:hover) { color: #303030; }
	#header:not(.fixed)#header:not(.white) #navi .parent > a:not(:hover) { color: #fff; }
	.fp-viewing-4 #navi .box { background-color: #fff; }
	#navi .full { position: static; }
	#navi .full .drop { width: 100vw; min-width: 100%; }
	#navi .drop ul { background-color: #efefef; text-align: center; font-weight: 300; padding: 0.5em 0; }
	#navi .drop li a { padding: 0.25em 1em; white-space: nowrap; }
	#navi .drop li a:not(:hover) { color: #303030; }
}
@media only screen and (max-width:1024px) {
	#navi { position: fixed; width: 100%; max-width: 30em; height: calc(100% - 0.98rem); background-color: #fff; z-index: 9; right: 0; top: 0.98rem; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0.5rem 0; display: block; --x: 100%; opacity: 0; transition: all 0.3s; }
	#navi.active { --x: 0; opacity: 1; }
	#navi .menu { display: block; }
	#navi .parent { padding: 0 0.5rem; line-height: 2em; position: relative; }
	#navi .parent > a { padding: 1.5em 0; border-bottom: 1px solid #e4e4e4; }
	#navi em { display: block; position: absolute; right: 0.3rem; width: 3.61111111em; height: 5.05555556em; z-index: 2; top: 0; cursor: pointer; }
	#navi em:after { width: 0.66666667em; height: 0.66666667em; border-right: 0.05555556em solid #333; border-bottom: 0.05555556em solid #333; content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); background-color: transparent; margin: -0.38888889em 0 0 -0.38888889em; transition: inherit; }
	#navi .on { background-color: #f9f9f9; }
	#navi .on > em:after { transform: rotate(45deg); }
	#navi .drop { position: static; background-color: transparent; box-shadow: none; padding: 1em 0 1em 2em; }
	#navi .drop a { padding: 0.75em 0; }
	#navi .box { display: block; }
	#navi dd { display: none; }
}
@media only screen and (max-width:750px) {
	#navi { padding: 1em 0; top: 0.7256rem; height: calc(100% - 0.7256rem); }
	#navi .parent { padding: 0 3.125%; }
	#navi em { right: 0; }
}
#footer { background-color: #292929; color: rgba(var(--rgb-white), 0.6); }
#footer a:not(:hover) { color: rgba(var(--rgb), 0.6); }
#copyright { padding: 0.33rem 0 0.47rem; line-height: 2em; }
#copyright a { display: inline-block; }
@media only screen and (max-width:750px) {
	#copyright { flex-direction: column; text-align: center; justify-content: center; align-items: center; padding: 0.25rem 0 0.3rem; }
}
#bottom { border-bottom: 1px solid rgba(var(--rgb-white), 0.1); padding: 0.9rem 0 1rem; }
@media only screen and (max-width:750px) {
	#bottom { justify-content: center; padding: 0.35rem 0 0.4rem; }
}
#infor { width: 4rem; }
#infor .logo { width: 1.4rem; max-width: 100%; margin-bottom: 0.6rem; filter: invert(1) brightness(100); }
#infor .logo img { display: block; width: 100%; height: auto; }
#infor .meta { line-height: 1.5em; color: #fff; }
#infor .meta p:not(:last-child) { margin-bottom: 0.08rem; }
#infor .meta strong { display: block; }
@media only screen and (max-width:1024px) {
	#infor { width: 3rem; }
}
@media only screen and (max-width:750px) {
	#infor { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }
	#infor .logo { margin-bottom: 0.25rem; }
}
#menu { width: calc(100% - 5.3rem); }
#menu dt { font-size: 0.18rem; font-weight: 500; line-height: 1.66666667em; margin-bottom: 0.26rem; }
#menu dt a:not(:hover) { color: #fff; }
#menu dd { font-size: 0.16rem; line-height: 2.5em; }
#menu dd:not(:hover) { color: rgba(var(--rgb), 0.8); }
@media only screen and (max-width:1024px) {
	#menu { width: calc(100% - 3.5rem); }
}
@media only screen and (max-width:750px) {
	#menu { display: none; }
}
#slides { color: #fff; }
#slides .figure {padding-bottom: 50%;}
#slides .img { transform: scale(1.25); transition-duration: 3s; }
#slides .text { position: absolute; left: 0; top: 50%; width: 100%; z-index: 2; opacity: 0; transform: translateY(0.2rem); transition: all 1.5s; }
#slides .center { text-align: center; top: 27.08333333%; }
#slides .title { font-size: 0.52rem; line-height: 1.34615385em; font-weight: 500; margin-bottom: 0.1rem; }
#slides .intro { font-size: 0.2rem; line-height: 1.5em; font-weight: 300; }
#slides .left .title { margin-bottom: 0.17rem; }
#slides .left .intro { font-size: 0.24rem; line-height: 1.875em; }
#slides .black { color: #333; text-align: left; }
#slides .black .inner { display: flex; }
#slides .black span { color: var(--main-color); }
#slides .black .intro { display: flex; align-items: center; }
#slides .black .intro:before { width: 1rem; height: 0.02rem; background-color: #333; opacity: 0.5; display: block; content: ''; margin-right: 0.24rem; }
#slides .black.center { top: 20.83333333%; }
#slides .black.center .inner { justify-content: center; }
#slides .swiper-slide-duplicate-active .img, #slides .swiper-slide-active .img { transform: scale(1); }
#slides .swiper-slide-duplicate-active .text, #slides .swiper-slide-active .text { transform: translateY(-50%); opacity: 1; }
#slides .swiper-slide-duplicate-active .center, #slides .swiper-slide-active .center { transform: translateY(0); }
@media only screen and (max-width:750px) {
    #slides .figure {padding-bottom: 100%;}
	#slides .title { font-size: 0.32rem; }
}
.section { background: no-repeat center center; background-size: cover; overflow: hidden; position: relative;}
.module-name { margin: 0; font-size: 0.48rem; font-weight: 500; line-height: 1.25em; }
@media only screen and (max-width:750px) {
	.module-name { font-size: 0.38rem; }
}
.swiper-arrows .arrow { font-size: 0.5rem; width: 1em; height: 1em; border: solid 0.02rem rgba(102, 102, 102, 0.3); position: relative; cursor: pointer; }
.swiper-arrows .arrow:after { width: 28.26086957%; padding-bottom: 26.08695652%; content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: no-repeat center center; background-size: contain; filter: invert(1) brightness(0); opacity: 0.3; }
.swiper-arrows .arrow:hover { border-color: var(--main-color); }
.swiper-arrows .arrow:hover:after { opacity: 1; filter: invert(0); }
.swiper-arrows .prev:after { background-image: url(../images/swiper_prev_01.svg); }
.swiper-arrows .next:after { background-image: url(../images/swiper_next_01.svg); }
@media only screen and (max-width:750px) {
	.swiper-arrows .arrow { font-size: 0.4rem; }
}
.view-more .go { position: relative; display: flex; align-items: center; }
.view-more i { width: 1em; height: 1em; border-radius: 50%; background-color: var(--main-color); display: block; margin-left: 0.375em; position: relative; }
.view-more i:after { width: 50%; padding-bottom: 50%; background: url(../images/view_more_01.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 25%; top: 25%; filter: invert(1) brightness(100); }
#news { background-color: #ededed; padding:1rem 0;}
#news .bar { margin-bottom: 5.72916667vh; }
#news .prev { margin-right: 0.4em; }
#news .swiper { overflow: visible; }
#news .swiper-slide { height: auto; }
#news .info { background-color: #fff; padding: 7.5vh 0.4rem 5.41666667vh; color: #000; display: block; overflow: hidden; position: relative; height: 100%; }
#news .info:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--main-color); opacity: 0; z-index: 2; transition: inherit; }
#news .figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: inherit; }
#news .box { position: relative; z-index: 2; }
#news .title { font-size: 0.24rem; line-height: 1.5em; height: 3em; font-weight: 500; margin: 0 0 2.08333333vh; }
#news .excerpt { font-weight: 300; color: #666; height: 3.75em; margin-bottom: 14.58333333vh; }
#news .info:hover { color: #fff; }
#news .info:hover:before { opacity: 0.8; }
#news .info:hover .figure { opacity: 1; }
#news .info:hover .excerpt, #news .info:hover .go { color: #fff; }
#news .info:hover .go i { background-color: #fff; }
#news .info:hover .go i:after { filter: invert(0); }
@media only screen and (max-width:750px) {
    #news {padding:0.6rem 0;}
}
.section-name { font-size: 0.24rem; font-weight: 300; line-height: 1.5em; display: flex; align-items: center; margin: 0 0 1em; }
.section-name:after { display: block; width: 0.66666667em; height: 0.66666667em; background: url(../images/section_name_arrow.svg) no-repeat center center; background-size: contain; margin-left: 0.91666667em; content: ''; }
.imgtext .figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.imgtext .inner { min-height: 50vw; position: relative; padding: 1.1rem 0; z-index: 5; }
.imgtext .text { max-width: 12rem; }
@media only screen and (max-width:750px) {
    .imgtext .inner {min-height: 100vw;}
}

#scenario ul { height: 100%; }
#scenario li { width: 50%;}
#scenario .text {position: absolute; left:0; bottom:0; padding:0.66rem; transition: inherit; width: 100%; }
#scenario .title { font-size: 0.3rem; line-height: 1.35em; font-weight: 500; }
#scenario .view-more { transform: translateY(100%); opacity: 0; transition: inherit; position: absolute; left: 0.66rem; bottom: 0.66rem; }
#scenario a { overflow: hidden; padding-bottom: 50%; position: relative; background: no-repeat center center; background-size: cover; }
#scenario a:before { content: ''; display: block; position: absolute; left: 0; height: 100%; width: 100%; top: 0; background-color: #000; opacity: 0; transition: inherit; }
#scenario li:nth-child(2n+1) .text { padding-left: 1.5rem; }
#scenario li:nth-child(2n+1) .view-more {left:1.5rem;}
#scenario .disable a:before { opacity: 0.5; }
#scenario .able .text { padding-bottom: 1.1rem; }
#scenario .able .view-more { transform: translateY(0); opacity: 1; }
@media only screen and (max-width:1706px) {
    #scenario li:nth-child(2n+1) .text {padding-left: 1rem;}
    #scenario li:nth-child(2n+1) .view-more {left:1rem;}
}
@media only screen and (max-width:750px) {
	#scenario li { width: 100%;}
	#scenario .title { font-size: 0.26rem; }
    #scenario li:nth-child(n+1) .text {padding: 3.5vh 3.125%;}
    #scenario li:nth-child(n+1) .view-more {position: relative; opacity: 1; transform: none; left:auto; bottom:auto;}
}
#widget { position: fixed; right: 0; bottom: 0; z-index: 8; }
#widget li { margin-top: 0.01rem; background-color: var(--main-color); width: 5em; cursor: pointer; }
#widget .back { height: 3.75em; }
#widget .back i { width: 21.66666667%; padding-bottom: 25%; display: block; background: url(../images/backtop.png) no-repeat center center; background-size: contain; }
#widget .msg { height: 5em; }
#widget .msg span { display: block; line-height: 1.125em; padding-top: 1.4375em; padding-bottom: 0.5625em; position: relative; }
#widget .msg span:before { width: 0.875em; height: 0.125em; background-color: #fff; content: ''; display: block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
#widget .box { position: absolute; right: 0; bottom: 0; background: #fff url(../images/widget_form_bg.png) no-repeat right top; background-size: 65.90909091% auto; width: 4.4rem; border-top: 0.04rem solid var(--main-color); padding: 0.48rem 0.6rem 0.7rem; display: none; }
#widget .close { width: 0.14rem; height: 0.14rem; background: url(../images/close_01.svg) no-repeat center center; background-size: contain; position: absolute; cursor: pointer; right: 0.2rem; top: 0.2rem; }
#widget .name { margin-bottom: 0.33rem; }
#widget .input { margin-bottom: 0.16rem; overflow: hidden; background-color: #fff; position: relative; }
#widget .label { height: 3.125em; padding: 0 1.25em; line-height: 3.125em; position: absolute; left: 0; top: 0; width: 100%; opacity: 0.6; display: none; }
#widget .text { border: solid 0.02rem #f1f1f1; display: block; width: 100%; height: 3.125em; line-height: 1.875em; padding: 0.625em 1.25em; border-radius: 1.5625em; position: relative; z-index: 2; }
#widget .submit { margin-top: 0.24rem; background-color: var(--main-color); color: #fff; font-weight: 300; height: 3.125em; border-radius: 1.5625em; display: block; width: 100%; }
#widget .submit:hover { opacity: 0.9; }
@keyframes mouse {
	0% { transform: translateY(-0.1rem); opacity: 0.4; }
	50% { transform: translateY(0.1rem); opacity: 1; }
	100% { transform: translateY(-0.1rem); opacity: 0.4; }
}
#mouse { position: fixed; left: 2.03125%; bottom: 6.25vh; z-index: 8; width: 0.12rem; height: 0.34rem; background: url(../images/mouse.svg) no-repeat center center; background-size: contain; opacity: 0.4; animation: mouse 3s linear 0s infinite; }
@media only screen and (max-width:1706px) {
	#mouse { left: 1.1%; }
}
@media only screen and (max-width:1024px) {
	#mouse { display: none; }
}

/**/
.noban #header { position: relative; background-color: #fff; }
#banner-box { position: relative; overflow: hidden; }
#banner { padding-bottom: 41.66666667%; 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.52rem; line-height: 1.34615385em; }
@media only screen and (max-width:750px) {
	#banner { padding-bottom: 75%; }
	#banner .name { font-size: 0.38rem; }
}
#inbar { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 5; }
#inbar .inner { position: relative; }
#inbar .inner:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(255, 255, 255, 0.3); height: 0.01rem; }
#inbar .breadcrumb { filter:invert(1) brightness(100);}
#inbar.nob:after { display: none; }
#inbar.nob .inner:before { display: none; }
@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:before { display: none; }
	#inbar .breadcrumb { position: absolute; bottom: 100%; left: 0; width: 100%; padding: 0.15rem 0; filter:invert(1) brightness(100);}
}
.breadcrumb { padding: 0.2rem 0; line-height: 2em; color: #999; }
.breadcrumb a:first-child { position: relative; padding-left: 1.64285714em; }
.breadcrumb a:first-child:before { width: 1.07142857em; height: 1.07142857em; 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.5em; }
.submenu { position: relative; line-height: 2.25em; padding-right: 0.6rem; }
.submenu .swiper-slide { width: auto; padding: 0.23rem 0; }
.submenu .swiper-slide:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 0.04rem; width: 100%; background-color: #fff; opacity: 0; transform: inherit; }
.submenu a { display: block; white-space: nowrap; position: relative; transition: all 0.3s; color: #fff; }
.submenu .cur:before { opacity: 1; }
.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; z-index: 5; }
.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; }
	.submenu .swiper-slide:before { top: auto; bottom: 0; background-color: var(--main-color); }
	.submenu a { color: #333; }
}
#container { background-color: #f5f5f5; padding-bottom: 1.2rem; }
#details { background-color: #fff; padding: 0.75rem 0.4rem 0.54rem; }
#details .top { border-bottom: 0.01rem solid rgba(15, 9, 3, 0.1); padding-bottom: 0.17rem; margin-bottom: 0.3rem; position: relative; z-index: 2; }
#details .title { line-height: 1.25em; }
#details .meta { line-height: 2.5em; margin-top: 1em; }
#details .entry { line-height: 2em; margin-bottom: 0.8rem; }
#details .entry * { line-height: 2em; }
#details .entry h3 { font-size: 0.18rem; color: #333; }
#details .btm { overflow: hidden; border-top: 0.01rem solid rgba(0, 0, 0, 0.1); padding-top: 0.32rem; }
#details .back a { color: var(--main-color); background: url(../images/back_01.png) no-repeat left center; background-size: 0.875em auto; padding-left: 1.4375em; }
#details .post { width: calc(100% - 1.5rem); line-height: 2.125em; }
#details .post a:not(:hover) { color: #666; }
@media only screen and (max-width:750px) {
	#details { padding: 0.35rem 0.3rem 0.4rem; }
	#details .title { font-size: 0.26rem; }
	#details .entry { margin-bottom: 0.5rem; }
	#details .post { width: 100%; margin-bottom: 0.2rem; }
	#details .back { width: 100%; }
}
#wrapper { overflow: hidden; background-color: #f5f5f5; padding: 1rem 0 1.2rem; }
@media only screen and (max-width:750px) {
	#wrapper { padding: 0.6rem 0 0.7rem; }
}
#news-list { --margin: 0.4rem; margin-bottom: 0.2rem; }
.news-item .figure { padding-bottom: 65.67567568%; }
.news-item .text { padding: 0.3rem 0.3rem 0.46rem; }
.news-item .title { font-size: 0.22rem; line-height: 1.63636364em; height: 3.27272727em; font-weight: 500; color: #000; margin-bottom: 0.77272727em; }
.news-item .excerpt { line-height: 2em; height: 4em; font-weight: 300; color: #666; margin-bottom: 1em; }
.news-item a { display: block; overflow: hidden; background-color: #fff; }
.Pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 0.18rem; }
.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.27777778em; min-width: 2.22222222em; border-radius: 1.11111111em; height: 2.22222222em; padding: 0 0.5em; position: relative; transition: all 0.3s; color: #595959; }
.Pages a:hover, .Pages .a_cur { color: #fff; background-color: var(--main-color); }
.Pages .a_prev, .Pages .a_next { text-indent: -99999em; overflow: hidden; }
.Pages .a_prev:after, .Pages .a_next:after { width: 25%; padding-bottom: 40%; 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); }
.swiper-dots .swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; background-color: #b3b3b3; margin-right: 0.2rem; opacity: 1; }
.swiper-dots .swiper-pagination-bullet:last-child { margin-right: 0; }
.swiper-dots .swiper-pagination-bullet-active { background-color: var(--main-color); }
#news-top { padding: 1.2rem 0; overflow: hidden; }
#news-top .inner { position: relative; }
#news-top .gallery { width: 57.5%; overflow: hidden; }
#news-top .swiper { width: 78.26086957%; overflow: visible; }
#news-top .figure { padding-bottom: 66.66666667%; }
#news-top .text { width: 37.5%; padding-bottom: 0.5rem; }
#news-top .item { display: none; }
#news-top .item:first-child { display: block; }
#news-top .date { color: var(--main-color); margin-bottom: 0.1rem; }
#news-top .title { font-size: 0.32rem; line-height: 1.5em; font-weight: 500; max-height: 3em; margin-bottom: 0.46875em; }
#news-top .excerpt { color: #595757; font-weight: 300; max-height: 5.625em; margin-bottom: 0.3rem; }
#news-top .swiper-pagination { width: 37.5%; position: absolute; right: 0; bottom: 7.91666667%; }
@media only screen and (max-width:1024px) {
	#news-top .gallery { width: 100%; margin-bottom: 0.35rem; }
	#news-top .text { width: 100%; padding-bottom: 0; }
	#news-top .swiper-pagination { width: 100%; position: static; justify-content: center; margin-top: 0.4rem; }
}
@media only screen and (max-width:750px) {
	#news-top { padding: 0.7rem 0; }
	#news-top .title { font-size: 0.26rem; }
}
.contact-box { overflow: hidden; background: no-repeat center center; background-size: cover; padding: 1.2rem 0; }
.contact-box:nth-child(2n) { background-color: #f7f7f7; }
@media only screen and (max-width:750px) {
	.contact-box { padding: 0.7rem 0; }
}
.columnname { margin-bottom: 0.5rem; }
@media only screen and (max-width:750px) {
	.columnname { margin-bottom: 0.4rem; font-size: 0.32rem; }
}
.columnintro { line-height: 2em; }
.columninfo { margin-bottom: 0.53rem; }
.columninfo .columnname { margin-bottom: 0.32rem; }
.columninfo .columnname:last-child { margin-bottom: 0; }
@media only screen and (max-width:750px) {
	.columninfo { margin-bottom: 0.4rem; }
	.columninfo .columnname { margin-bottom: 0.2rem; }
}
.button-more .go { background-color: var(--main-color); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 0.18rem; width: 10em; height: 3.33333333em; border-radius: 1.66666667em; }
.button-more .go:hover { opacity: 0.8; }
.button-more .arr { width: 11.11111111em; }
.button-more i { display: block; font-style: normal; background: url(../images/buttom_more_arrow_01.svg) no-repeat right center; background-size: 0.55555556em auto; padding-right: 1.5em; }
@media only screen and (max-width:750px) {
	.button-more .go { font-size: 0.16rem; }
}
#consulting .top { background: no-repeat center center; background-size: cover; padding: 0.76rem 0.6rem; margin-bottom: 0.2rem; }
#consulting .top .text { line-height: 1.5em; }
#consulting .top a { color: var(--main-color); display: block; position: relative; }
#consulting .top a:not(:last-child) { margin-right: 0.37rem; }
#consulting .top a:not(:last-child):after { width: 0.0625em; height: 0.9375em; background-color: var(--main-color); content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: -0.546875em; }
#consulting .mid { margin-bottom: 0.4rem; }
#consulting .mid .info { background-color: #f7f7f7; position: relative; height: 100%; padding: 0.45rem 0.5rem 0.42rem; }
#consulting .mid .name { font-weight: 0.2rem; font-weight: 500; line-height: 1.35em; margin-bottom: 0.75em; }
#consulting .btm { background: no-repeat center center; background-size: cover; padding: 1.2rem 1rem 1.42rem; }
#consulting .btm .button-more { margin-top: 0.32rem; }
@media only screen and (max-width:750px) {
	#consulting .top { padding: 0.5rem 0.35rem; }
    #consulting .top .text {font-size: 0.26rem;}
	#consulting .mid { margin-bottom: 0.2rem; }
	#consulting .mid .info { padding: 0.35rem 0.4rem 0.32rem; }
	#consulting .btm { padding: 0.6rem 0.5rem; }
}
#download .list { --margin: 0.4rem; margin-bottom: 0.35rem; }
#download .item { padding-bottom: 0.25rem; }
#download .info { border-bottom: 0.01rem solid rgba(0, 0, 0, 0.2); padding-bottom: 0.25rem; }
#download .meta a { display: block; width: 1em; height: 1.125em; text-indent: -9999em; overflow: hidden; background: url(../images/download_01.png) no-repeat center center; background-size: contain; margin-left: 0.4rem; }
#download .name { width: calc(100% - 2rem); font-weight: normal; font-size: 0.18rem; line-height: 1.66666667em; }
@media only screen and (max-width:750px) {
	#download .meta a { margin-left: 0.2rem; }
	#download .name { width: calc(100% - 1.3rem); }
}
#corporate .tab { margin-bottom: 0.1rem; }
#corporate .swiper-slide { height: auto; padding-bottom: 0.09rem; }
#corporate .info { position: relative; height: 100%; background-color: #f7f7f7; padding: 0.28rem 0.35rem; }
#corporate .info:after { content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-top: 0.1rem solid #f7f7f7; border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; opacity: 0; display: none;}
#corporate .text { line-height: 2em; width: calc(100% - 2rem); }
#corporate .name { font-size: 0.24rem; line-height: 1.5em; font-weight: 500; background: url(../images/point_01.png) no-repeat left 0.27083333em; background-size: 0.70833333em auto; padding-left: 1.29166667em; }
#corporate .figure { padding-bottom: 5.4rem; }
#corporate .swiper-slide-active .info { background-color: var(--main-color); color: #fff; }
#corporate .swiper-slide-active .info:after { border-top-color: var(--main-color); opacity: 1; }
#corporate .swiper-slide-active .name { filter: brightness(100); }
@media only screen and (max-width:1024px) {
	#corporate .info { display: block; }
	#corporate .text { width: 100%; }
}
@media only screen and (max-width:750px) {
	#corporate .figure { padding-bottom: 3.5rem; }
}
#join { background-position: center bottom; background-size: 100% auto; padding-bottom: 19.58333333%; }
#join .columnname { margin-bottom: 0; }
#join .text { position: relative; }
#join .alias { font-size: 2.6rem; line-height: 1em; opacity: 0.1; }
#join .button-more { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
@media only screen and (max-width:1024px) {
	#join .alias { font-size: 2.2rem; }
}
@media only screen and (max-width:750px) {
	#join { padding-bottom: 30%; }
	#join .alias { font-size: 1.1rem; }
}
.popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.4); 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 .box { position: relative; background-color: #fff; max-width: 90%; }
.popup .close { width: 0.16rem; height: 0.16rem; background: url(../images/close_01.svg) no-repeat center center; background-size: contain; position: absolute; right: 0.15rem; top: 0.15rem; cursor: pointer; }
.app-popup .box { width: 6rem; padding: 0.52rem 0.4rem 0.6rem; }
.app-popup .title { margin-bottom: 0.32rem; }
.app-popup .input { margin-bottom: 0.18rem; overflow: hidden; background-color: #fff; position: relative; }
.app-popup .label { height: 3.25em; padding: 0 1.25em; line-height: 3.25em; position: absolute; left: 0; top: 0; width: 100%; color: #999; display: none; }
.app-popup .text { border: solid 0.01rem rgba(0, 0, 0, 0.1); display: block; width: 100%; height: 3.25em; line-height: 1.875em; padding: 0.6875em 1.25em; position: relative; z-index: 2; }
.app-popup textarea.text { height: 10em; }
.app-popup .submit { margin-top: 0.32rem; font-size: 0.18rem; background-color: var(--main-color); color: #fff; height: 3.33333333em; border-radius: 1.66666667em; display: block; width: 100%; }
.app-popup .submit:hover { opacity: 0.9; }
@media only screen and (max-width:750px) {
	.app-popup .box { padding: 0.35rem 0.3rem 0.4rem; }
	.app-popup .title { margin-bottom: 0.25rem; }
	.app-popup .input { margin-bottom: 0.15rem; }
	.app-popup textarea.text { height: 7.5em; }
	.app-popup .submit { margin-top: 0.2rem; }
}
.technology { position: relative; overflow: hidden; }
.technology .line { position: absolute; top: 1.66rem; height: calc(100% - 1.66rem); width: 0.01rem; --opacity: 0.3; background-color: rgba(var(--rgb-red), var(--opacity)); z-index: 5; left: 1.68rem; transform: scaleX(0.5); }
.technology .line:before { width: 0.15rem; height: 0.15rem; background-color: var(--main-color); border-radius: 50%; content: ''; display: block; position: absolute; left: 50%; top: 0; transform: scaleX(2) translateX(-25%); }
.technology .line i { display: block; position: absolute; left: 0; top: 0; background-color: var(--main-color); width: 100%; height: 0; transition: all 0.1s; }
.technology .item { position: relative; }
.technology .figure { padding-bottom: 50%; }
.technology .text { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.technology .inner { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.technology .box { padding-left: 0.68rem; max-width: 8.68rem; }
.technology .title { color: var(--main-color); font-size: 0.4rem; line-height: 1.5em; font-weight: 500; position: relative; padding-bottom: 0.525em; margin-bottom: 1.2em; }
.technology .title:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 1.5em; height: 0.1em; background-color: var(--main-color); }
.technology .intro { font-size: 0.18rem; line-height: 2em; color: rgba(255, 255, 255, 0.8); }
.technology .item:nth-child(2) .box { max-width: 6.98rem; }
@media only screen and (max-width:1706px) {
	.technology .line { left: calc(3.125% + 0.07rem); }
}
@media only screen and (max-width:750px) {
	.technology .figure { padding-bottom: 150%; }
	.technology .box { padding-left: 0.35rem; }
	.technology .title { font-size: 0.32rem; }
}
.report { background: #f7f7f7 url(../images/report_bg.png) no-repeat center bottom; background-size: 100% auto; overflow: hidden; padding: 1.2rem 0 1.7rem; }
.report .list { --margin: 0.8rem; margin-bottom: 0.1rem; }
.report .item { padding-bottom: 0.3rem; }
.report .icon { width: 0.54rem; padding: 0.1rem 0; }
.report .icon i { display: block; overflow: hidden; padding-bottom: 129.62962963%; background: no-repeat center center; background-size: contain; }
.report .icon .pdf { background-image: url(../images/file_pdf.svg); }
.report .title { font-size: 0.24rem; line-height: 1.5em; font-weight: 500; width: calc(100% - 0.7rem); }
.report .meta { color: #666; font-weight: 300; margin-top: 0.06rem; }
.report .info { background: #fff no-repeat center center; background-size: cover; position: relative; height: 100%; padding: 0.4rem; display: block; overflow: hidden; }
.report .info:hover { background-image: url(../images/report_item_bg.jpg); }
.report .info:hover > * { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	.report { padding: 0.6rem 0 1rem; background-size: 200% auto; }
}
.develop ul { --margin: 0.8rem; }
.develop .figure { padding-bottom: 56.25%; border-radius: 0.08rem; margin-bottom: 0.2rem; }
.develop .title { font-size: 0.24rem; line-height: 1.5em; font-weight: 500; padding: 0 0.1rem; }
.develop .item:nth-child(2n+1) .info { transform: translateY(var(--margin)); }
@media only screen and (max-width:1024px) {
	.develop ul { --margin: 0.5rem; }
	.develop .item { width: 33.333%; }
	.develop .title { font-size: 0.2rem; }
}
@media only screen and (max-width:750px) {
	.develop ul { --margin: 0.3rem; }
	.develop .item { width: 50%; }
	.develop .item:nth-child(n+1) .info { transform: none; }
	.develop .title { font-size: 0.18rem; }
}
.carbon { padding: 1rem 0; overflow: hidden; }
@media only screen and (max-width:750px) {
	.carbon { padding: 0.6rem 0; }
}
.governance { padding: 1rem 0; overflow: hidden; background-color: #f7f7f7; }
.governance .develop { margin-bottom: 6.5625%; }
.governance .list .item { padding-bottom: 6.6rem; position: relative; margin-bottom: 0.3rem; background: no-repeat center center; background-size: cover; }
.governance .list .figure {position: absolute;left:0;top:0;width: 100%;height: 100%;}
.governance .list .text { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; padding: 0.9rem 1.8rem 0.9rem 0.8rem; }
.governance .list .title { font-size: 0.4rem; font-weight: 500; line-height: 1.35em; }
.governance .list .intro { max-width: 6.2rem; font-size: 0.18rem; line-height: 2em; }
@media only screen and (max-width:1024px) {
	.governance .list .text { padding: 0.6rem; }
}
@media only screen and (max-width:750px) {
    .governance {padding:0.65rem 0;}
	.governance .list .item { padding-bottom: 0; min-height: 5rem; }
    .governance .list .figure {opacity: 0.5;}
	.governance .list .text { padding: 0.4rem 0.35rem; display: block; position: relative;}
	.governance .list .title { font-size: 0.28rem; margin-bottom: 0.2rem; }
	.governance .list .intro { max-width: none; font-size: 0.16rem; }
}
#about { padding: 1.2rem 0; overflow: hidden; }
#about .columnname { margin-bottom: 0.5em; }
#about .entry { line-height: 1.77777778em; margin-bottom: 0.5rem; }
#about .entry * { line-height: 1.77777778em; }
#about .item { transition: all 0.3s; margin-bottom: 0.02rem; }
#about .figure { padding-bottom: 50.50505051%; }
#about .figure:after { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s; }
#about .active .figure:after { opacity: 0; }
@media only screen and (min-width:751px) {
	#about .list { display: flex; gap: 0.02rem; }
	#about .item { width: 12.5%; margin-bottom: 0; }
	#about .active { width: 49.5%; }
	#about .figure { padding-bottom: 4rem; }
}
@media only screen and (max-width:750px) {
	#about { padding: 0.6rem 0 0.65rem; }
}
@keyframes dot {
	0% { opacity: 0.6; transform: scale(0.4); }
	100% { opacity: 0; transform: scale(1.5); }
}
#history { background-color: #f7f7f7; overflow: hidden; padding-top: 1.1rem; }
#history .columnname { margin-bottom: 0.5em; }
#history .list { position: relative; padding: 0.36rem 0 0.1rem; }
#history .list:after { background-color: #d2d2d2; width: 0.01rem; height: 100%; content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
#history .item { position: relative; z-index: 2; margin-bottom: 5.125%; }
#history .year { font-size: 0.24rem; line-height: 1.35em; position: relative; transition: all 0.3s; }
#history .year:before { width: 12.125%; height: 0.01rem; background-color: #d2d2d2; content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); }
#history .dot { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 0.3rem; height: 0.3rem; border: 0.01rem solid var(--main-color); border-radius: 50%; transition: all 0.3s; }
#history .dot:before, #history .dot:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: var(--main-color); opacity: 0; }
#history .dot i { background-color: var(--main-color); width: 42.85714286%; padding-bottom: 42.85714286%; border-radius: 50%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#history .intro { font-size: 0.18rem; line-height: 1.66666667em; color: #666; }
#history .item:hover .year { color: var(--main-color); }
#history .item:hover .dot { border-color: transparent; }
#history .item:hover .dot:before { animation: dot 3s linear 0s infinite; }
#history .item:hover .dot:after { animation: dot 3s linear 1.5s infinite; }
@media only screen and (min-width:751px) {
	#history .year, #history .intro { width: 50%; position: relative; }
	#history .item { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; }
	#history .item:nth-child(2n) { flex-direction: row; }
	#history .item:nth-child(2n) .year { text-align: right; padding-right: 7.5%; }
	#history .item:nth-child(2n) .year:before { right: 0; }
	#history .item:nth-child(2n) .intro { padding-left: 7.5%; }
	#history .item:nth-child(2n+1) .intro { padding-right: 7.5%; text-align: right; }
	#history .item:nth-child(2n+1) .year { padding-left: 7.5%; }
	#history .item:nth-child(2n+1) .year:before { left: 0; }
}
@media only screen and (max-width:750px) {
	#history { padding-top: 0.6rem; }
	#history .list:after { transform: none; left: 0.15rem; }
	#history .item { margin-bottom: 0.35rem; }
	#history .dot { left: 0; transform: none; }
	#history .year { margin-bottom: 0.15rem; padding-left: 0.65rem; }
	#history .year:before { left: 0.15rem; width: 0.4rem; }
	#history .intro { padding-left: 0.65rem; }
}
#honor { background: url(../images/honor_bg.jpg) no-repeat center center; background-size: cover; padding: 1.2rem 0 1.6rem; overflow: hidden; }
#honor .box { position: relative; margin-top: 0.2rem; }
#honor .list { overflow: hidden; width: 80.625%; margin: 0 auto; }
#honor .swiper { overflow: visible; width: 30.15503876%; }
#honor .frame { background: #fff url(../images/honor_frame.png) no-repeat center center; background-size: 100% 100%; padding: 5.14138817%; }
#honor .figure { padding-bottom: 148.13753582%; }
@media only screen and (max-width:1024px) {
	#honor .swiper { width: 39.4%; }
}
@media only screen and (max-width:750px) {
	#honor { padding: 0.6rem 0 0.7rem; }
	#honor .box { margin-top: 0; }
	#honor .swiper { width: 56.5%; }
}
.swiper-prevnext .arrow { font-size: 0.7rem; width: 1em; height: 1em; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; box-shadow: 0px 0.03rem 0.17rem 0.01rem rgba(0, 0, 0, 0.1); }
.swiper-prevnext .arrow:after { width: 12.85714286%; padding-bottom: 22.85714286%; content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: no-repeat center center; background-size: contain; }
.swiper-prevnext .arrow:hover { background-color: var(--main-color); }
.swiper-prevnext .arrow:hover:after { filter: invert(1) brightness(100); }
.swiper-prevnext .prev { left: 0; }
.swiper-prevnext .prev:after { background-image: url(../images/swiper_prev_02.svg); }
.swiper-prevnext .next { right: 0; }
.swiper-prevnext .next:after { background-image: url(../images/swiper_next_02.svg); }
@media only screen and (max-width:1024px) {
	.swiper-prevnext .arrow { font-size: 0.5rem; }
}
@media only screen and (max-width:750px) {
	.swiper-prevnext .arrow { font-size: 0.4rem; }
}
#partner { overflow: hidden; background: #f7f7f7 url(../images/report_bg.png) no-repeat center bottom; background-size: 100% auto; padding: 1.2rem 0 1.7rem; }
#partner .list { display: flex; }
#partner ul { width: max-content; display: flex; }
#partner li { width: 2.5rem; padding: 0.1rem; }
#partner a { overflow: hidden; display: block; }
#partner .figure { padding-bottom: 44%; background-color: #fff; }
#partner .img { object-fit: contain; }
@media only screen and (max-width:750px) {
	#partner { padding: 0.6rem 0 1rem; background-size: 200% auto; }
	#partner li { width: 2rem; padding: 0.05rem; }
}
@keyframes point {
	0% { transform: scale(1); opacity: 0.5; }
	100% { transform: scale(3.323); opacity: 0; }
}
#layout { position: relative; overflow: hidden; }
#layout .map { padding-bottom: 50%; background: no-repeat center center; background-size: cover; position: relative; font-size: 0.2rem; }
#layout .map li { position: absolute; transform: translate(-50%, -50%); }
#layout .map .name { font-size: 1em; line-height: 1.5em; color: #000822; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); white-space: nowrap; }
#layout .map .dot { width: 1.7em; }
#layout .map .dot:before, #layout .map .dot:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; opacity: 0.5; background-color: #2ebcd0; }
#layout .map .dot:before { animation: point 3s linear 0s infinite; }
#layout .map .dot:after { animation: point 3s linear 1.5s infinite; }
#layout .map i { display: block; overflow: hidden; padding-bottom: 100%; border-radius: 50%; background: #2ebcd0 url(../images/layout_icon_point.png) no-repeat center center; background-size: contain; position: relative; z-index: 2; }
#layout .map li:nth-child(1) { left: 59.63541667%; top: 17.5%; }
#layout .map li:nth-child(1) i { background-color: var(--main-color); background-image: url(../images/layout_icon_start.svg); }
#layout .map li:nth-child(1) .dot:before, #layout .map li:nth-child(1) .dot:after { background-color: var(--main-color); }
#layout .map li:nth-child(2) { left: 65.52083333%; top: 31.66666667%; }
#layout .map li:nth-child(2) i { background-color: #6eafff; }
#layout .map li:nth-child(2) .dot:before, #layout .map li:nth-child(2) .dot:after { background-color: #6eafff; }
#layout .map li:nth-child(3) { left: 62.1875%; top: 41.25%; }
#layout .map li:nth-child(3) i { background-color: #fa9742; }
#layout .map li:nth-child(3) .dot:before, #layout .map li:nth-child(3) .dot:after { background-color: #fa9742; }
#layout .map li:nth-child(4) { left: 65.98958333%; top: 42.91666667%; }
#layout .map li:nth-child(4) i { background-color: #909ef6; }
#layout .map li:nth-child(4) .dot:before, #layout .map li:nth-child(4) .dot:after { background-color: #909ef6; }
#layout .map li:nth-child(5) { left: 59.94791667%; top: 50.3125%; }
#layout .map li:nth-child(6) { left: 56.875%; top: 65.52083333%; }
#layout .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1.2rem 0 0.6rem; overflow: hidden; }
#layout .inner { position: relative; height: 100%; }
#layout .total { width: 7.4rem; padding: 0.2rem 0; max-width: calc(100% - 4rem); }
#layout .total .item { width: 48.64864865%; padding-bottom: 0.2rem; }
#layout .total .box { background-color: #fff; box-shadow: 0.01rem 0.02rem 0.2rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem; padding: 0.4rem; }
#layout .total .icon { width: 0.72rem; }
#layout .total .icon i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: cover; border-radius: 50%; }
#layout .total .text { width: calc(100% - 1rem); font-size: 0.18rem; line-height: 1.77777778em; color: #666; }
#layout .total .num { color: var(--main-color); font-weight: bold; font-size: 0.44rem; line-height: 1.125em; }
#layout .note { width: 3.8rem; background-color: #ffffff; box-shadow: 0.01rem 0.02rem 0.2rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem; padding: 0.3rem 0.4rem; line-height: 1.77777778em; color: #000822; }
#layout .note li { border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1); padding: 1.11111111em 0; }
#layout .note li:last-child { border-bottom: none; }
#layout .note .title { background: no-repeat left center; background-size: 1.33333333em; padding-left: 1.94444444em; }
#layout .note li:nth-child(1) .title { background-image: url(../images/layout_note_01.svg); }
#layout .note li:nth-child(2) .title { background-image: url(../images/layout_note_02.svg); }
#layout .note li:nth-child(3) .title { background-image: url(../images/layout_note_03.svg); }
#layout .note li:nth-child(4) .title { background-image: url(../images/layout_note_04.svg); }
#layout .note li:nth-child(5) .title { background-image: url(../images/layout_note_05.svg); }
@media only screen and (max-width:1024px) {
	#layout .map { font-size: 0.18rem; }
	#layout .cont { position: static; height: auto; padding-top: 0; }
	#layout .inner { position: static; height: auto; }
	#layout .columnname { position: absolute; top: 0.6rem; }
	#layout .total { width: 4.5rem; }
	#layout .total .item { width: 100%; }
}
@media only screen and (max-width:750px) {
	#layout .map { font-size: 0.08rem; transform: scale(1.5); transform-origin: center top; }
	#layout .cont { margin-top: 1rem; }
	#layout .total { width: 100%; max-width: none; padding-bottom: 0; }
	#layout .note { width: 100%; }
}
#pro-category .list { --margin: 0.4rem; }
#pro-category .button_back { margin-top: 0.3rem; }
@media only screen and (max-width:1024px) {
	#pro-category .item { width: 33.333%; }
}
@media only screen and (max-width:750px) {
	#pro-category .list { --margin: 0.25rem; }
	#pro-category .item { width: 50%; }
}
.cat-item .figure { background-color: #fff; padding-bottom: 100%; }
.cat-item .img { object-fit: contain; }
.cat-item .title { font-size: 0.2rem; line-height: 1.8em; text-align: center; font-weight: 500; margin-top: 0.15rem; }
.cat-item a { display: block; overflow: hidden; color: #000; }
.button_back .go { font-size: 0.18rem; font-weight: 500; background-color: var(--main-color); color: #fff; width: 11.11111111em; height: 3.33333333em; display: flex; align-items: center; justify-content: center; }
.button_back .go:hover { opacity: 0.8; }
.button_back i { display: block; font-style: normal; background: url(../images/button_back_01.svg) no-repeat left center; background-size: 1.22222222em auto; padding-left: 1.83333333em; }
@media only screen and (max-width:750px) {
	.button_back .go { font-size: 0.16rem; }
}
.pro-item .figure { width: 2.55rem; max-width: 100%; margin: 0 auto 0.14rem; }
.pro-item .figure:after { display: block; padding-bottom: 75%; }
.pro-item .img { object-fit: contain; }
.pro-item .text { display: flex; align-items: flex-end; font-size: 0.2rem; height: 2.9em; }
.pro-item .title { width: 100%; font-size: 1em; line-height: 1.45em; text-align: center; font-weight: 500; max-height: 2.9em; }
.pro-item a { display: block; overflow: hidden; background-color: #fff; position: relative; color: #000; padding: 0.63rem 0.44rem 0.44rem; }
@media only screen and (max-width:750px) {
	.pro-item a { padding: 0.25rem 0.3rem; }
}
#solition .list { --margin: 0.5rem; }
.solution-item .figure { padding-bottom: 100%; margin-bottom: 0.24rem; }
.solution-item .title { text-align: center; font-size: 0.2rem; line-height: 1.8em; font-weight: 500; }
.solution-item a { display: block; overflow: hidden; color: #000; }
.solution-page #banner { padding-bottom: 3.5rem; }
.solution-top { padding: 1rem 0 0.7rem; }
.solution-top .columnname { margin-bottom: 0; }
@media only screen and (max-width:750px) {
	.solution-top { padding: 0.5rem 0; }
}
.solution-box { background: no-repeat center center; background-size: cover; overflow: hidden; position: relative; }
.solution-info .figure { padding-bottom: 34.375%; }
.solution-info .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.solution-info .inner { position: relative; height: 100%; }
.solution-info .cont { width: 47.5%; padding: 5.625% 0; }
.solution-info .title { font-size: 0.4rem; font-weight: 500; line-height: 1.35em; position: relative; padding-bottom: 0.325em; }
.solution-info .title:after { background-color: var(--main-color); width: 1.5em; height: 0.1em; content: ''; display: block; position: absolute; left: 0; bottom: 0; }
.solution-info .alias { opacity: 0.5; font-size: 0.24rem; line-height: 1.5em; font-weight: 500; margin: 0.2rem 0 0.36rem; }
.solution-info .intro { margin-top: 0.2rem; font-size: 0.18rem; line-height: 2em; }
.solution-info .intro p { position: relative; padding-left: 1.27777778em; }
.solution-info .intro p:before { width: 0.83333333em; height: 0.83333333em; background: url(../images/dot_01.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 0; top: 0.58333333em; }
.solution-info .item:nth-child(2n+1) .inner { justify-content: flex-end; }
@media only screen and (max-width:1024px) {
	.solution-info .figure { padding-bottom: 34.375%; }
	.solution-info .text { position: static; height: auto; }
	.solution-info .inner { height: auto; }
	.solution-info .cont { width: 100%; }
	.solution-info .item { color: #666; }
	.solution-info .title { color: #000; font-size: 0.3rem; }
	.solution-info .alias { margin-bottom: 0; }
}
.solution-name { margin-bottom: 0.5em; }
.solution-name:after { width: 1.5em; height: 0.1em; background-color: var(--main-color); display: block; content: ''; margin: 0.25em auto 0; }
@media only screen and (max-width:750px) {
	.solution-name { font-size: 0.32rem; }
}
.solution-profile { padding: 1rem 0; overflow: hidden; }
.solution-profile .intro { max-width: 7.35rem; margin: 0 auto; line-height: 2em; font-size: 0.18rem; }
.solution-profile .list { margin-top: 0.62rem; }
.solution-profile .figure { max-width: 4.5rem; margin: 0 auto 0.4rem; }
.solution-profile .figure:after { display: block; padding-bottom: 62.22222222%; }
.solution-profile .title { font-size: 0.36rem; line-height: 1.35em; color: #000822; font-weight: 500; }
@media only screen and (max-width:1024px) {
	.solution-profile .item { width: 33.333%; }
	.solution-profile .title { font-size: 0.3rem; }
}
@media only screen and (max-width:750px) {
	.solution-profile { padding: 0.6rem 0; }
	.solution-profile .list { margin-top: 0.35rem; }
	.solution-profile .figure { margin-bottom: 0.2rem; }
	.solution-profile .title { font-size: 0.2rem; }
}
.solution-customize { padding: 1.6rem 0 0.7rem; overflow: hidden; background: no-repeat center center; background-size: cover; }
.solution-customize .list { --margin: 1.15rem; }
.solution-customize .solution-name { margin-bottom: 0.75em; }
.solution-customize .solution-name:after { margin-left: 0; }
.solution-customize .icon { width: 1.07rem; max-width: 100%; margin-bottom: 0.68rem; }
.solution-customize .icon i { display: block; overflow: hidden; padding-bottom: 84.11214953%; background: no-repeat center center; background-size: contain; }
.solution-customize [data-cols="4"] { --margin: 0.9rem; }
@media only screen and (max-width:1024px) {
	.solution-customize .list { --margin: 0.5rem; }
	.solution-customize [data-cols="3"] .item { width: 33.333%; }
}
@media only screen and (max-width:750px) {
	.solution-customize { padding: 0.7rem 0 0.35rem; }
	.solution-customize .item { width: 100%; }
	.solution-customize .icon { margin-bottom: 0.3rem; width: 0.9rem; }
}
.solution-intro { padding: 1rem 0 1.3rem; overflow: hidden; }
.solution-intro .solution-name { margin-bottom: 1.5em; }
.solution-intro .figure { width: 50%; }
.solution-intro .text { width: 45%; }
.solution-intro .title { color: #000822; font-size: 0.4rem; line-height: 1.35em; font-weight: 500; margin-bottom: 0.55em; }
.solution-intro .title:after { width: 1.5em; height: 0.1em; background-color: var(--main-color); display: block; content: ''; margin-top: 0.2em; }
.solution-intro .intro { font-size: 0.18rem; line-height: 2em; }
.solution-intro li { display: flex; justify-content: space-between; margin-top: 0.5rem; }
.solution-intro .icon { width: 0.86rem; }
.solution-intro .icon i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: contain; border-radius: 50%; }
.solution-intro .cont { width: calc(100% - 1.06rem); }
.solution-intro .name { color: #000822; font-size: 0.3rem; line-height: 1.25em; margin-bottom: 0.05rem; }
@media only screen and (max-width:750px) {
	.solution-intro { padding: 0.6rem 0 0.7rem; }
	.solution-intro .figure { width: 100%; margin-bottom: 0.35rem; }
	.solution-intro .text { width: 100%; }
	.solution-intro .title { font-size: 0.3rem; }
	.solution-intro li { margin-top: 0.3rem; }
	.solution-intro .icon { width: 0.6rem; }
	.solution-intro .cont { width: calc(100% - 0.75rem); }
	.solution-intro .name { font-size: 0.24rem; }
}
.solution-function { background: no-repeat center center; background-size: cover; overflow: hidden; padding: 1rem 0 0.5rem; }
.solution-function .list { --margin: 0.5rem; padding-top: 0.35rem; }
.solution-function .num { font-weight: 500; font-size: 0.7rem; line-height: 1em; position: relative; z-index: 1; padding: 0 0.5rem; }
.solution-function .info { border-style: solid; border-width: 0.01rem; border-image-source: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 26%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.1) 100%); border-image-slice: 1; padding: 0.5rem; position: relative; margin-top: -0.25rem; z-index: 2; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(0.1rem); height: calc(100% - 0.4rem); }
.solution-function .title { font-weight: 500; font-size: 0.3rem; line-height: 1.35em; margin-bottom: 0.53333333em; }
.solution-function .intro { font-size: 0.18rem; line-height: 2em; }
@media only screen and (max-width:750px) {
	.solution-function { padding: 0.6rem 0 0.35rem; }
	.solution-function .list { padding-top: 0.15rem; }
}
/*fp-nav*/
#fp-nav{position:fixed;z-index:8;top:0;opacity:1;-webkit-transform:translate3d(0,0,0); height: 100%; border-right: 0.01rem solid rgba(222,222,222,0.4); display: flex; align-items: center; width: 0.9rem; justify-content: center;}
#fp-nav.right{right:0;}
#fp-nav.left{left:0;}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0;}
#fp-nav li {clear: both; position: relative; list-style: none; margin-bottom: 0.3rem;}
#fp-nav li:last-child {margin-bottom: 0;}
#fp-nav li a {display: block; width: 0.1rem; height: 0.1rem; border:0.02rem solid #fff; transform: skew(-15deg); opacity: 0.3; transition: all 0.3s;}
#fp-nav li .active {border-color:var(--main-color); background-color: var(--main-color); opacity: 1;}
#fp-nav li span {display: block; width: 10px; height: 1px; background-color: #1c1c1c; transition: all .3s; float: right; display: none;}
#fp-nav li .active span {width: 20px;}
#fp-nav li .fp-tooltip{position:absolute;top:50%; transform: translateY(-50%); font-size:18px; white-space: nowrap;opacity:0;cursor:pointer;transition: all .3s;}
#fp-nav li .fp-tooltip.right{right:100%; margin-right: 10px;}
#fp-nav li .fp-tooltip.left{left:100%; margin-left: 10px;}
#fp-nav li .active + .fp-tooltip{opacity:1;}

@media only screen and (max-width:1706px) {
    #fp-nav {
        width: 0.4rem;
    }
}
@media only screen and (max-width:1024px) {
    #fp-nav {
        width: 0.25rem;
    }
}
@media only screen and (max-width:750px) {
    #fp-nav {
        display: none;
    }
}