@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: #222; --main-color: #d00000; --rgba: 208, 0, 0; --white: 255, 255, 255; --black: 0, 0, 0; }
* { -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: rgba(102, 102, 102, 0.1); }
	::-webkit-scrollbar-thumb { background-color: var(--main-color); border-radius: 0.2rem; width: 0.04rem; height: 0.3rem; }
}
html { -webkit-text-size-adjust: none; font-size: calc(100vw/19.2); scroll-behavior: initial; }
@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.75em '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; }
.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; }
.scale:hover img { transform: scale(1.05); }
.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%; justify-content: center; align-items: center; padding: 1vh 0; display: flex; }
.popup .box { background-color: #fff; position: relative; border-radius: 0.15rem; }
.popup .close { position: absolute; right: 0.2rem; top: 0.2rem; cursor: pointer; background: url(../images/close_01.svg) no-repeat center center; background-size: contain; width: 0.18rem; height: 0.18rem; }
.vpopup video { display: block; width: auto; max-width: 90vw; height: auto; max-height: 90vh; }
[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*=fs14] { font-size: 0.14rem; line-height: 1.75em; }
[data-font*=fs16] { font-size: 0.16rem; line-height: 1.75em; }
[data-font*=fs18] { font-size: 0.18rem; line-height: 1.5em; }
[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-font*=fs46] { font-size: 0.46rem; 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: fixed; top: 0; width: 100%; z-index: 15; left: 0; background-color: #fff; box-shadow: 0 0 0.1rem rgba(var(--black), 0.1); }
#header .inner { position: relative; padding: 0.29rem 0; }
#header:not(.fixed)#header:not(.active)#header:not(.white) { box-shadow: none; background-color: transparent; }
.ishome #header.white { background-color: transparent; box-shadow: none; }
@media only screen and (max-width:750px) {
	#header .inner { padding: 0.2rem 0; }
}
#logo { width: 2.56rem; position: relative; z-index: 10; }
#logo a { display: block; overflow: hidden; padding-bottom: 12.5%; position: relative; }
#logo i { position: absolute; width: 100%; height: 100%; text-indent: -99999em; display: block; overflow: hidden; background: no-repeat left center; background-size: contain; }
#header:not(.fixed)#header:not(.active)#header:not(.white) #logo { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	#logo { width: 2rem; }
}
#search span { width: 1em; height: 1em; background: url(../images/search_01.svg) no-repeat center center; background-size: contain; display: block; cursor: pointer; }
#search .drop { position: absolute; right: 0; top: 100%; width: 4rem; padding-top: 0.05rem; font-size: 0.88888889em; }
#search .form { background-color: rgba(var(--white), 0.8); border-radius: 0.1rem; box-shadow: 0 0 0.1rem rgba(var(--black), 0.1); }
#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 40.90909091%; }
#header:not(.fixed)#header:not(.active)#header:not(.white) #search span { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	#search .drop { width: 100%; }
}
#language { position: relative; margin-left: 0.5rem; line-height: 1.77777778em; }
#language span { display: block; background: url(../images/language.svg) no-repeat left center; background-size: 0.94444444em auto; padding-left: calc(27em/18); position: relative; white-space: nowrap; cursor: pointer; }
#language span:after { width: calc(13em/18); height: calc(3em/18); background-color: var(--font-color); position: absolute; right: 0; bottom: 0.44444444em; display: block; content: ''; display: none; }
#language .drop { position: absolute; top: 100%; padding-top: 0.35rem; left: 50%; min-width: 100%; --x: -50%; font-size: 0.88888889em; }
#language ul { background-color: rgba(var(--white), 0.9); border-radius: 0.1rem; line-height: 2em; z-index: 5; text-align: center; padding: 0.5em 1.5em; box-shadow: 0 0 0.1rem rgba(var(--black), 0.1); }
#language ul li { border-bottom: 0.01rem solid rgba(var(--black), 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(.active)#header:not(.white) #language span { filter: brightness(100); }
@media only screen and (max-width:750px) {
	#language { margin-left: 0.3rem; }
	#language .drop { padding-top: 0.25rem; }
}
#navbtn { display: none; }
@media only screen and (max-width:1024px) {
	#navbtn { position: relative; cursor: pointer; width: 1em; height: 1em; display: block; z-index: 10; overflow: hidden; margin-left: 0.5rem; }
	#navbtn:before, #navbtn:after, #navbtn i { width: 100%; height: 0.02rem; background-color: var(--font-color); display: block; position: absolute; left: 0; transition: all 0.3s; content: ''; }
	#navbtn:before { top: 0.05555556em; }
	#navbtn:after { bottom: 0.05555556em; }
	#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(.active)#header:not(.white) #navbtn { filter: invert(1) brightness(100); }
}
@media only screen and (max-width:1024px) {
	#navbtn { margin-left: 0.3rem; }
}
#navi { width: calc(100% - 4rem); line-height: 1.77777778em; padding: 0 0.22rem; --y: 0; }
#navi a { display: block; position: relative; }
#navi .parent { padding: 0 0.28rem; position: relative; }
#navi .drop { display: none; }
#navi .list li ul { display: none; }
@media only screen and (min-width:1025px) {
	#navi { opacity: 1; visibility: visible; }
	#navi .full { position: static; }
	#navi .on > a, #navi .cur > a { color: var(--main-color); }
	#navi .drop { padding-top: 0.28rem; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 5; }
	#navi .child { text-align: center; border-top: 0.01rem solid rgba(var(--black), 0.1); background-color: #fff; box-shadow: 0 0.05rem 0.15rem rgba(var(--black), 0.1); border-radius: 0 0 0.1rem 0.1rem; padding: 0.5em 1.5em; font-size: 0.88888889em; line-height: 2em; }
	#navi .child li { border-bottom: 0.01rem solid rgba(var(--black), 0.1); }
	#navi .child li:last-child { border-bottom: none; }
	#navi .child a { white-space: nowrap; padding: 0.5em 0; }
	#navi .box { border-top: 0.01rem solid rgba(var(--black), 0.1); background-color: #fff; border-radius: 0 0 0.2rem 0.2rem; padding: 0.5rem; }
	#navi .figure { border-radius: 0.1rem; }
	#navi .figure:after { display: block; padding-bottom: 66.66666667%; }
	#navi .list li { margin-bottom: 0.44444444em; }
	#navi .list li::last-child { margin-bottom: 0; }
	#navi .list li a { background: url(../images/navi_arrow_01.svg) no-repeat left center; background-size: 0.33333333em auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 0.77777778em; }
	#navi .list .active a { color: var(--main-color); }
	#navi .small { width: 7.8rem; }
	#navi .small .list { width: 33.82352941%; }
	#navi .small .figure { width: 61.76470588%; }
	#navi .large { width: 9.7rem; }
	#navi .large .text { width: 51.72413793%; }
	#navi .large .list { width: 45%; border-right: 0.01rem solid rgba(var(--black), 0.1); position: relative; height: 100%; }
	#navi .large .second { width: 55%; padding-left: 11.11111111%; font-size: 0.88888889em; line-height: 2em; }
	#navi .large .second span { display: block; margin-bottom: 0.02rem; }
	#navi .large .second span a:not(:hover) { color: #999; }
	#navi .large .second li { margin-bottom: 0.1rem; overflow: hidden; }
	#navi .large .second li:last-child { margin-bottom: 0; }
	#navi .large .second li li { margin-bottom: 0.02rem; }
	#navi .large .second li li a { background: url(../images/navi_arrow_01.svg) no-repeat left center; background-size: 0.375em auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 1.125em; }
	#navi .large .figure { width: 48.27586207%; }
	#header:not(.fixed)#header:not(.active)#header:not(.white) #navi .parent > a { filter: invert(1) brightness(100); }
}
@media only screen and (max-width:1024px) {
	#navi { position: fixed; width: 93.75%; height: calc(100% - 1rem); background-color: rgba(var(--white), 0.9); z-index: 9; right: 3.125%; top: 0.95rem; padding: 0.5rem 0; display: block; border-radius: 0.1rem; transition: all 0.3s; }
	#navi:not(.active) { --x: 100%; }
	#navi .menu { display: block; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	#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; width: 100%; 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%; right: 0.5rem; 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 .text { display: block; }
	#navi .second, #navi .figure { display: none; }
}
@media only screen and (max-width:750px) {
	#navi { padding: 0.3rem 0; top: 0.77rem; height: calc(100% - 0.82rem); }
	#navi .parent { padding: 0 0.3rem; }
	#navi .parent > a { padding: 1em 0; }
	#navi em { height: 4.05555556em; }
	#navi .drop a { padding: 0.5em 0; }
}
#footer { background-color: #f5f5f5; padding-top: 0.3rem; }
@media only screen and (max-width:750px) {
	#footer { padding-top: 0.2rem; }
}
#copyright { padding: 0.19rem 0; color: rgba(34, 34, 34, 0.4); }
#copyright a:not(:hover) { color: rgba(34, 34, 34, 0.4); }
#copyright .page a { margin-right: 0.2rem; }
#copyright .page a:last-child { margin-right: 0; }
@media only screen and (max-width:750px) {
	#copyright { flex-direction: column; text-align: center; justify-content: center; align-items: center; }
}
#site { padding: 0.3rem 0; border-bottom: 0.01rem solid rgba(17, 17, 17, 0.1); }
#site .figure { width: 2.56rem; max-width: 100%; }
@media only screen and (max-width:750px) {
	#site { flex-direction: column; }
	#site .figure { margin-bottom: 0.2rem; width: 2rem; }
}
.links { line-height: 1.66666667em; }
.links span, .links a { display: block; margin-right: 0.06rem; }
.links span:last-child, .links a:last-child { margin-right: 0; }
.links img { display: block; height: 0.3rem; width: auto; object-fit: contain; }
#bottom { border-bottom: 0.01rem solid rgba(17, 17, 17, 0.1); padding: 0.3rem 0; }
@media only screen and (max-width:750px) {
	#bottom { justify-content: center; padding: 0.2rem 0; }
}
#infor { width: 32.5%; line-height: 1.5em; }
#infor .item { padding-left: 1.875em; background: no-repeat left 0.125em; background-size: 1.125em auto; margin-bottom: 0.2rem; }
#infor .item:last-child { margin-bottom: 0; }
#infor .tel { background-image: url(../images/info_tel.png); }
#infor .mail { background-image: url(../images/info_mail.png); }
#infor .add { background-image: url(../images/info_add.png); }
#infor .name { color: #999; }
@media only screen and (max-width:750px) {
	#infor { width: 100%; padding: 0.15rem 0; }
}
#follow li { width: 1rem; margin-right: 0.36rem; }
#follow li:last-child { margin-right: 0; }
#follow figcaption { margin-top: 0.5em; }
@media only screen and (max-width:750px) {
	#follow { padding: 0.15rem 0; }
	#follow li { width: 1.2rem; }
}
#menu { line-height: 2.22222222em; width: 28.125%; }
#menu .parent { border-right: 0.01rem solid rgba(var(--black), 0.1); width: 42.22222222%; }
#menu .parent a { max-width: 1.3rem; display: block; position: relative; padding-right: 1em; }
#menu .parent a:after { width: 0.5em; height: 0.5em; background: url(../images/menu_arrow_01.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: 0; }
#menu .parent ul { display: none; }
#menu .parent .active a { color: var(--main-color); }
#menu .parent .active a:after { opacity: 1; }
#menu .child { width: 57.77777778%; padding-left: 13.33333333%; }
#menu .child a:not(:hover) { color: #666; }
@media only screen and (max-width:1024px) {
	#menu { display: none; }
}
.button-more .go { display: flex; align-items: center; justify-content: center; width: 10.625em; height: 3.125em; border-radius: 1.5625em; transition: background 0.3s; border: 0.01rem solid #999; cursor: pointer; color: #fff; transition: all 0.3s; }
.button-more .go:after { width: 0.75em; height: 0.75em; background: url(../images/button_more_01.svg) no-repeat center center; background-size: contain; display: block; content: ''; margin-left: 1.875em; transition: inherit; }
.button-more .go:hover { background-color: var(--main-color); border-color: var(--main-color); }
@media only screen and (max-width:750px) {
	.button-more { font-size: 0.14rem; }
}
#slides { color: #fff; position: relative; }
#slides .swiper-slide { background-color: #000; }
#slides .figure { padding-bottom: 100vh; }
#slides .img { transform: scale(1.25); transition-duration: 2.5s; }
#slides .text { position: absolute; top: 50%; transform: translateY(0); left: 0; width: 100%; z-index: 2; opacity: 0; transition: all 1.5s; }
#slides .info { max-width: 9rem; }
#slides .title { font-size: 0.6rem; line-height: 1.33333333em; margin-bottom: 0.28333333em; }
#slides .intro { font-size: 0.24rem; line-height: 1.5em; }
#slides .button-more { margin-top: 0.35rem; }
#slides .control { position: absolute; left: 0; bottom: 6.25%; width: 100%; z-index: 5; }
#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-pagination { position: static; }
#slides .swiper-pagination-bullet { width: 2.5em; height: 2.5em; background-color: transparent; opacity: 1; display: block; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 0.2rem; }
#slides .swiper-pagination-bullet:last-child { margin-right: 0; }
#slides .swiper-pagination-bullet:after { width: 25%; padding-bottom: 25%; border-radius: 50%; background-color: #fff; display: block; content: ''; opacity: 0.5; transition: all 0.3s; }
#slides .swiper-pagination-bullet svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; fill: none; stroke-width: 0.02rem; stroke: #fff; z-index: 2; visibility: hidden; }
#slides .swiper-pagination-bullet svg:nth-child(1) { opacity: 0; transition: all 0.3s; }
#slides .swiper-pagination-bullet svg:nth-child(2) { stroke-dasharray: 155; stroke-dashoffset: 155; }
#slides .swiper-pagination-bullet-active:after { opacity: 1; }
#slides .swiper-pagination-bullet-active svg { visibility: visible; }
#slides .swiper-pagination-bullet-active svg:nth-child(1) { opacity: 0.2; }
#slides .swiper-pagination-bullet-active svg:nth-child(2) { stroke-dashoffset: 0; transition: all 12s; }
@media only screen and (max-width:750px) {
	#slides .title { font-size: 0.3rem; }
	#slides .intro { font-size: 0.18rem; }
	#slides .swiper-pagination { font-size: 0.14rem; justify-content: center; }
}
#wrapper { padding: 1rem 0 1.2rem; overflow: hidden; }
@media only screen and (max-width:750px) {
	#wrapper { padding: 0.6rem 0 0.7rem; }
}
.Pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.Pages .p_jump, .Pages .p_cur, .Pages .p_count, .Pages .p_total, .Pages .a_first, .Pages .a_end { display: none; }
.Pages .p_page { display: flex; justify-content: center; flex-wrap: wrap; }
.Pages .num { display: flex; flex-wrap: wrap; justify-content: center; font-style: normal; }
.Pages a { display: flex; align-items: center; justify-content: center; margin: 0 0.55555556em; min-width: 3.33333333em; border-radius: 1.66666667em; height: 3.33333333em; padding: 0 0.5em; position: relative; transition: all 0.3s; color: #666; border: solid 0.01rem rgba(var(--black), 0.1); color: #08233f; }
.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; background-color: rgba(var(--rgba), 0.1); border: none; }
.Pages .a_prev:after, .Pages .a_next:after { width: 16.66666667%; padding-bottom: 28.33333333%; 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: invert(1) 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) {
	#pagenavi { font-size: 0.14rem; }
	#pagenavi a { margin: 0 0.27777778em; }
}
#banner { position: relative; padding-bottom: 36.45833333%; background: no-repeat center center; background-size: cover; }
#banner .text { position: absolute; top: 50%; transform: translateY(-35%); left: 0; width: 100%; line-height: 1.77777778em; }
#banner .name { font-size: 0.6rem; line-height: 1.125em; margin-bottom: 0.26666667em; }
#banner .name:last-child { margin-bottom: 0; }
@media only screen and (max-width:750px) {
	#banner { padding-bottom: 75%; }
	#banner .name { font-size: 0.36rem; }
}
#inbar { position: relative; background-color: #fff; }
#inbar:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 0.01rem; width: 100%; background-color: rgba(var(--black), 0.1); }
#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: invert(1) brightness(100); }
}
.breadcrumb { padding: 0.34rem 0; line-height: 2em; color: #999; }
.breadcrumb a:first-child { position: relative; padding-left: 1.875em; }
.breadcrumb a:first-child:before { width: 1.125em; height: 1.125em; background: url(../images/breadcrumb.png) 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.04rem; }
.breadcrumb span { color: var(--main-color); }
@media only screen and (max-width:750px) {
	.breadcrumb { padding: 0.2rem 0; }
}
.submenu { position: relative; padding-right: 0.5rem; line-height: 1.77777778em; opacity: 0; }
.submenu .swiper-slide { width: auto; padding: 0.34rem 0; }
.submenu .swiper-slide:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; background-color: var(--main-color); opacity: 0; }
.submenu a { display: block; white-space: nowrap; position: relative; transition: all 0.3s; }
.submenu .cur a { color: var(--main-color); }
.submenu .cur:after { 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:after { right: -4vw; }
}
.view-more .go { display: block; padding-right: 1.875em; position: relative; font-weight: 500; cursor: pointer; transition: all 0.3s; }
.view-more .go:after { width: 0.75em; height: 0.75em; background: url(../images/view_more_01.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -0.375em; transition: inherit; }
.view-more .go:not(:hover) { color: #222; }
.view-more .go:not(:hover):after { filter: invert(1) brightness(0); opacity: 0.95; }
.case-item { margin-bottom: 0.4rem; padding-bottom: 0.4rem; border-bottom: 0.03rem solid rgba(var(--black), 0.1); }
.case-item:hover { border-bottom-color: var(--main-color); }
.case-item .figure { width: 4rem; border-radius: 0.1rem; }
.case-item .figure:after { display: block; padding-bottom: 67%; }
.case-item .text { width: calc(100% - 4rem); padding: 0 7.1875% 0 2.5%; }
.case-item .tag { margin-bottom: 3.8277512%; }
.case-item .tag span { display: block; background-color: rgba(var(--rgba), 0.1); border-radius: 0.04rem; color: var(--main-color); padding: 0 0.8125em; }
.case-item .title { font-size: 0.24rem; line-height: 1.5em; margin-bottom: 0.54166667em; }
.case-item .excerpt { font-size: 0.18rem; line-height: 1.66666667em; height: 3.33333333em; color: #666; margin-bottom: 4.40191388%; }
@media only screen and (max-width:1024px) {
	.case-item .text { padding-right: 0; }
}
@media only screen and (max-width:750px) {
	.case-item .figure { width: 100%; margin-bottom: 0.25rem; }
	.case-item .text { padding: 0; width: 100%; }
}
#case-list { overflow: hidden; margin-bottom: 0.2rem; }
.case-box { padding: 1.1rem 0 1.2rem; overflow: hidden; background: no-repeat center center; background-size: cover; }
@media only screen and (max-width:750px) {
	.case-box { padding: 0.6rem 0 0.65rem; }
}
.module-info { margin-bottom: 0.53rem; }
.module-info .module-name:last-child { margin-bottom: 0; }
.module-name { margin: 0 0 0.26086957em; }
@media only screen and (max-width:750px) {
	.module-info { margin-bottom: 0.35rem; }
	.module-name { font-size: 0.4rem; }
	.module-desc { font-size: 0.18rem; }
}
.scroll-y { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding-right: 0.3rem; }
.biz-challenge { padding-bottom: 0.7rem; }
.biz-challenge .list { --margin: 0.5rem; }
.biz-challenge .info { position: relative; height: 100%; background-color: #f7f7f7; border-radius: 0.1rem; padding: 0.6rem 0.4rem 0.57rem; }
.biz-challenge .icon { width: 0.65rem; height: 0.6rem; display: block; object-fit: contain; margin: 0 auto 0.33rem; }
.biz-challenge .title { font-size: 0.24rem; line-height: 1.33333333em; text-align: center; margin-bottom: 0.15rem; }
.biz-challenge .intro { font-size: 0.18rem; line-height: 1.66666667em; color: #666; }
@media only screen and (max-width:750px) {
	.biz-challenge { padding-bottom: 0.35rem; }
	.biz-challenge .list { --margin: 0.3rem; }
}
.biz-solution { background-color: #f7f7f7; }
.biz-solution .figure { width: 56.25%; }
.biz-solution .figure:after { padding-bottom: 66.66666667%; display: block; }
.biz-solution .text { width: 43.75%; padding: 0.3rem 0.2rem 0.3rem 3.75%; position: relative; }
.biz-solution .text:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 25.71428571%; background-image: linear-gradient(0deg, #fff 30%, transparent 100%); }
.biz-solution .entry { max-height: 5rem; line-height: 1.875em; width: 100%; padding-bottom: 14.28571429%; }
.biz-solution .entry h3 { color: #222; font-size: 1em; line-height: 1.875em; }
.biz-solution .info { background-color: #ffffff; overflow: hidden; border-radius: 0.1rem; }
@media only screen and (max-width:750px) {
	.biz-solution .figure { width: 100%; }
	.biz-solution .text { width: 100%; padding: 0.3rem 0.2rem 0.3rem 0.3rem; }
}
.biz-revenue { padding-bottom: 0.7rem; }
.biz-revenue .list { --margin: 0.5rem; }
.biz-revenue .info { position: relative; height: 100%; background-color: #f7f7f7; border-radius: 0.1rem; padding: 0.4rem 0.4rem 0.57rem; }
.biz-revenue .icon { width: 0.8rem; height: 0.8rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.3rem; border: solid 0.02rem #222222; transition: all 0.3s; }
.biz-revenue img { display: block; width: 55.12820513%; height: 55.12820513%; object-fit: contain; }
.biz-revenue .title { font-size: 0.24rem; line-height: 1.33333333em; text-align: center; margin-bottom: 0.15rem; }
.biz-revenue .intro { font-size: 0.18rem; line-height: 1.66666667em; color: #666; }
.biz-revenue .info:hover .icon { background-color: var(--main-color); border-color: transparent; }
.biz-revenue .info:hover img { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	.biz-revenue { padding-bottom: 0.35rem; }
	.biz-revenue .list { --margin: 0.3rem; }
}
.swiper-arrows .arrow { font-size: 0.16rem; width: 3.75em; height: 3.75em; border-radius: 50%; background-color: #fff; border: 0.01rem solid rgba(var(--black), 0.1); position: relative; cursor: pointer; transition: all 0.3s; }
.swiper-arrows .arrow:after { width: 18.96551724%; padding-bottom: 32.75862069%; content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: no-repeat center center; background-size: contain; }
.swiper-arrows .arrow:hover { background-color: var(--main-color); border-color: transparent; }
.swiper-arrows .arrow:hover:after { filter: brightness(100); }
.swiper-arrows .prev { left: 0; }
.swiper-arrows .prev:after { background-image: url(../images/swiper_prev_01@2x.png); }
.swiper-arrows .next { right: 0; }
.swiper-arrows .next:after { background-image: url(../images/swiper_next_01@2x.png); }
.swiper-arrows .abs { position: absolute; top: 50%; transform: translateY(-50%); }
@media only screen and (max-width:750px) {
	.swiper-arrows .arrow { font-size: 0.14rem; }
}
.swiper-controls { font-size: 0.16rem; }
.swiper-controls .swiper-pagination.swiper-pagination-progressbar { width: calc(100% - 10em); position: relative; left: auto; top: auto; height: 0.02rem; background-color: rgba(var(--black), 0.1); }
.swiper-controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--main-color); }
.swiper-controls .swiper-arrows { width: 8.75em; }
@media only screen and (max-width:750px) {
	.swiper-controls { font-size: 0.14rem; }
}
#news-top { background-color: #f7f7f7; padding: 1rem 0; overflow: hidden; }
#news-top .figure { width: 50%; }
#news-top .figure:after { display: block; padding-bottom: 66.625%; }
#news-top .text { width: 50%; padding: 0 3.75% 6.875%; }
#news-top .date { margin-bottom: 2.11800303%; color: #666; }
#news-top .title { font-size: 0.24rem; line-height: 1.25em; max-height: 2.5em; margin-bottom: 5.44629349%; }
#news-top .excerpt { font-size: 0.18rem; line-height: 1.77777778em; max-height: 5.33333333em; color: #666; }
#news-top .info { background-color: #fff; overflow: hidden; border-radius: 0.1rem; }
#news-top .swiper-controls { position: absolute; width: 50%; right: 0; bottom: 13.69606004%; padding: 0 3.75%; z-index: 5; }
@media only screen and (max-width:1024px) {
	#news-top .swiper-controls { bottom: 8%; }
}
@media only screen and (max-width:750px) {
	#news-top { padding: 0.5rem 0; }
	#news-top .figure { width: 100%; }
	#news-top .text { width: 100%; padding: 0.3rem; }
	#news-top .swiper-controls { position: relative; width: 100%; margin-top: 0.3rem; }
}
#news-list { margin-bottom: 0.1rem; --margin: 0.5rem; }
@media only screen and (max-width:750px) {
	#news-list { margin-bottom: 0.2rem; --margin: 0.3rem; }
}
.news-item .figure { padding-bottom: 66.8%; }
.news-item .text { padding: 0.18rem 0.3rem 0.32rem; }
.news-item .date { color: #666; margin-bottom: 0.03rem; }
.news-item .title { font-size: 0.24rem; line-height: 1.5em; height: 3em; font-weight: 500; margin-bottom: 0.75em; }
.news-item a { display: block; overflow: hidden; background-color: #ffffff; box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem 0.1rem 0 0; border-bottom: 0.02rem solid rgba(var(--black), 0.1); }
.news-item a:hover { border-bottom-color: var(--main-color); }
.noban #header { position: sticky; }
.related .name { line-height: 1.125em; margin-bottom: 1.09375em; }
.related li { margin-bottom: 0.38rem; }
.related .figure { padding-bottom: 66.66666667%; margin-bottom: 0.1rem; border-radius: 0.1rem; }
.related .date { color: #666; margin-bottom: 0.05rem; }
.related .title { font-size: 0.2rem; line-height: 1.6em; font-weight: 500; max-height: 3.2em; }
.button-back a { background-color: var(--main-color); color: #fff; font-size: 0.18rem; font-weight: 500; width: 8.66666667em; height: 3.11111111em; border-radius: 0.1rem; display: flex; align-items: center; justify-content: center; }
.button-back a:hover { opacity: 0.8; }
.content .top { border-bottom: 0.01rem solid rgba(var(--black), 0.1); padding-bottom: 0.33rem; margin-bottom: 0.3rem; position: relative; z-index: 2; }
.content .title { line-height: 1.125em; }
.content .meta { color: #666; margin-top: 1em; }
.content .entry { line-height: 1.55555556em; margin-bottom: 0.55rem; }
.content .btm { overflow: hidden; border-top: 0.01rem solid rgba(var(--black), 0.1); padding-top: 0.32rem; }
.content .post { width: calc(100% - 2rem); line-height: 2em; }
.content .post a { color: #333; opacity: 0.5; }
.content .post a:hover { opacity: 1; }
@media only screen and (max-width:750px) {
	.content .title { font-size: 0.26rem; line-height: 1.35em; }
	.content .entry { margin-bottom: 0.35rem; }
	.content .btm { padding-top: 0.25rem; }
	.content .post { width: 100%; margin-bottom: 0.2rem; }
	.content .button-back { width: 100%; }
}
#details { padding: 0.14rem 0 1.26rem; }
#details .related { width: 28.125%; position: sticky; top: 1rem; }
#details .content { width: 67.5%; }
@media only screen and (max-width:750px) {
	#details { padding: 0.05rem 0 0.65rem; }
	#details .related { width: 100%; }
	#details .content { width: 100%; margin-bottom: 0.5rem; }
}
.columnname { margin: 0; font-size: 0.46rem; line-height: 1.35em; }
@media only screen and (max-width:1024px) {
	.columnname { font-size: 0.4rem; }
}
@media only screen and (max-width:750px) {
	.columnname { font-size: 0.34rem; }
}
.message { padding: 0.15rem 0 1.2rem; }
.message .inner { border-radius: 0.1rem; overflow: hidden; background-color: #ffffff; box-shadow: 0px 0px 0.38rem 0.02rem rgba(93, 106, 115, 0.1); }
.message .figure { width: 50%; }
.message .figure:after { padding-bottom: 100%; display: block; }
.message .info { width: 50%; padding: 2.375% 3.4375% 2.375% 4.0625%; }
.message .columnname { margin-bottom: 0.43478261em; }
.message .intro { line-height: 1.75em; margin-bottom: 0.24rem; }
.message .form { font-size: 0.18rem; }
.message .item { border-bottom: 0.01rem solid rgba(var(--black), 0.08); padding: 0.66666667em 0; margin-bottom: 0.55555556em; }
.message .input { position: relative; }
.message .label { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 2.77777778em; }
.message .label i { font-style: normal; color: var(--main-color); }
.message .text { display: block; width: 100%; height: 2.77777778em; line-height: 1.66666667em; padding: 0.55555556em 0; position: relative; z-index: 2; }
.message .submit { color: #fff; background-color: var(--main-color); height: 3.33333333em; width: 17.77777778em; max-width: 100%; border-radius: 0.05rem; display: block; margin-top: 0.4rem; transition: all 0.3s; }
.message .submit:hover { opacity: 0.8; }
.message.wrap { padding: 0; }
.message.wrap .info { padding-right: 1.6rem; }
@media only screen and (max-width:1280px) {
	.message.wrap .info { padding-right: 3.125%; }
}
@media only screen and (max-width:750px) {
	.message { padding-bottom: 0.5rem; }
	.message .figure { width: 100%; }
	.message .info { width: 100%; padding: 0.35rem 0.3rem; }
	.message .submit { margin-top: 0.2rem; width: 100%; }
	.message.wrap .info { padding-right: 0.3rem; }
}
#overview { padding: 0.7rem 0 1.15rem; overflow: hidden; }
#overview .module-name { margin-bottom: 0.7173913em; }
#overview .intro { max-width: 13.3rem; margin: 0 auto; line-height: 1.66666667em; }
@media only screen and (max-width:750px) {
	#overview { padding: 0.4rem 0 0.65rem; }
}
#advantage { overflow: hidden; background: #f4f7fa url(../images/advantage_bg.jpg) no-repeat center bottom; background-size: cover; padding-top: 1.15rem; }
#advantage .module-name { margin-bottom: 1.25rem; }
#advantage .box { width: 9.6rem; max-width: 80%; margin: 0 auto; position: relative; }
#advantage .box:after { padding-bottom: 50%; display: block; content: ''; }
#advantage .process {position: absolute; left:1.5%; top:0; width: 100%; height: 100%;}
#advantage .process svg {display: block; position: absolute; left:0; top:0; width: 100%; height: 200%;fill: none; stroke-width: 2px;}
#advantage .cont { width: 4.5rem; max-width: 80%; position: absolute; left: 50%; transform: translateX(-50%); top: 33.33333333%; line-height: 1.66666667em; }
#advantage .cont .item { display: none; }
#advantage .cont .item:first-child { display: block; }
#advantage .cont .icon { width: 0.59rem; height: 0.59rem; object-fit: contain; display: block; margin: 0 auto 0.32rem; }
#advantage .cont .title { font-size: 0.24rem; line-height: 1.33333333em; margin-bottom: 0.13rem; }
#advantage .list .item { position: absolute; width: 7.29166667%; cursor: pointer; transition: all 0.15s; z-index: 5;}
#advantage .list .icon { overflow: hidden; position: relative; border-radius: 50%; background-color: #fff; }
#advantage .list .icon:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: solid 0.01rem #ffefef; transition: all 0.15s; }
#advantage .list .icon:after { display: block; padding-bottom: 100%; content: ''; }
#advantage .list img { display: block; width: 45.71428571%; height: 45.71428571%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#advantage .list .text { position: absolute; font-size: 0.18rem; line-height: 1.77777778em; width: 7.22222222em; }
#advantage .list .item:nth-child(1) { left: 3.4375%; bottom: 31.25%; }
#advantage .list .item:nth-child(1) .text { top: 50%; transform: translateY(-50%); right: 128%; }
#advantage .list .item:nth-child(2) { left: 28.125%; bottom: 80.20833333%; }
#advantage .list .item:nth-child(2) .text { bottom: 90%; right: 80%; }
#advantage .list .item:nth-child(3) { right: 28.125%; bottom: 80.20833333%; }
#advantage .list .item:nth-child(3) .text { bottom: 90%; left: 100%; }
#advantage .list .item:nth-child(4) { right: 3.4375%; bottom: 31.25%; }
#advantage .list .item:nth-child(4) .text { top: 50%; transform: translateY(-50%); left: 140%; }
#advantage .list .active { color: var(--main-color); }
#advantage .list .active .icon:before { border: 0.03rem solid var(--main-color); }
@media only screen and (max-width:750px) {
	#advantage { padding-top: 0.6rem; }
	#advantage .module-name { margin-bottom: 0.35rem; }
	#advantage .box { width: 106%; max-width: none; margin: 0 -3%; }
	#advantage .list .text { display: none; }
	#advantage .cont { top: 20%; max-width: 70%; font-size: 0.14rem; line-height: 1.75em; }
	#advantage .cont .icon { width: 0.3rem; height: 0.3rem; margin-bottom: 0.15rem; }
	#advantage .cont .title { font-size: 0.18rem; }
}
#value { background-color: #f7f7f7; overflow: hidden; padding: 1.15rem 0 0.7rem; }
#value .list { --margin: 0.5rem; }
#value .icon { display: block; width: 0.71rem; height: 0.71rem; object-fit: contain; margin-bottom: 1.45rem; }
#value .num { position: absolute; right: -0.2em; top: 0; transform: translateY(-50%); font-size: 2rem; line-height: 1em; font-weight: bold; text-shadow: 0.01rem 0px 0px var(--main-color), 0px 0.01rem 0px var(--main-color), -0.01rem 0px 0px var(--main-color), 0px -0.01rem 0px var(--main-color); color: #fff; opacity: 0.1; }
#value .title { font-size: 0.24rem; line-height: 1.33333333em; margin-bottom: 0.625em; }
#value .intro { color: #666; font-size: 0.18rem; line-height: 1.66666667em; }
#value .info { position: relative; height: 100%; background-color: #ffffff; border-radius: 0.1rem; padding: 0.5rem 0.4rem 0.58rem; overflow: hidden; }
@media only screen and (max-width:750px) {
	#value { padding: 0.6rem 0 0.4rem; }
	#value .list { --margin: 0.3rem; }
	#value .icon { margin-bottom: 0.8rem; }
}
#scenario { overflow: hidden; padding: 1.15rem 0 1.2rem; }
#scenario .swiper { width: 60%; overflow: visible; }
#scenario .swiper-slide { transform: scale(0.898); transition: all 0.3s; }
#scenario .figure { padding-bottom: 66.66666667%; border-radius: 0.1rem; }
#scenario .title { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0.24rem; font-weight: normal; line-height: 1.35em; padding: 1.41666667em 1.5em; }
#scenario .swiper-slide-active { transform: scale(1); }
#scenario .swiper-controls { margin-top: 0.4rem; }
@media only screen and (max-width:750px) {
	#scenario { padding: 0.6rem 0 0.65rem; }
	#scenario .swiper { width: 90%; }
	#scenario .title { font-size: 0.2rem; }
}
#particle { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translateY(40%); }
#particle canvas { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; }
#feature { position: relative; background-color: #ebf1f6; overflow: hidden; padding: 1.15rem 0; }
#feature .inner { position: relative; z-index: 5; }
#feature .module-name { margin-bottom: 0.7rem; }
#feature .icon { width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; border: 0.01rem solid rgba(var(--black), 0.1); border-radius: 50%; transition: all 0.3s; }
#feature .icon i { display: block; overflow: hidden; width: 50.84745763%; padding-bottom: 50.84745763%; background: no-repeat center center; background-size: contain; }
#feature .text { width: calc(100% - 1.6rem); }
#feature .info { background-color: #ffffff; border-radius: 0.1rem; padding: 0.6rem; position: relative; height: 100%; display: flex; align-items: center; justify-content: space-between; }
#feature .info:hover { box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1); }
#feature .info:hover .icon { border-color: transparent; background-color: var(--main-color); }
#feature .info:hover .icon i { filter: invert(1) brightness(100); }
@media only screen and (max-width:750px) {
	#feature { padding: 0.65rem 0; }
	#feature .module-name { margin-bottom: 0.35rem; }
	#feature .info { padding: 0.35rem; }
	#feature .text { width: calc(100% - 1.45rem); }
}
.module-box { overflow: hidden; padding: 1.15rem 0 1.2rem; }
@media only screen and (max-width:750px) {
	.module-box { padding: 0.6rem 0 0.65rem; }
}
#parameter .module-name { margin-bottom: 0.5rem; }
#parameter .list { max-width: 10.4rem; margin: 0 auto; overflow: hidden; }
#parameter ul { border-top: 0.01rem solid rgba(var(--black), 0.1); border-bottom: 0.01rem solid rgba(var(--black), 0.1); }
#parameter li { padding-top: 0.32rem; padding-bottom: 0.32rem; }
#parameter li:nth-child(n+3) { border-top: 0.01rem solid rgba(var(--black), 0.1); }
#parameter .name { color: var(--main-color); }
#parameter .value { font-weight: bold; font-size: 0.2rem; line-height: 1.5em; }
@media only screen and (max-width:750px) {
	#parameter li:nth-child(n+2) { border-top: 0.01rem solid rgba(var(--black), 0.1); }
}
#contact .info { margin-bottom: 0.33rem; }
#contact .item { width: 20%; padding: 1.25% 2.8125%; }
#contact .icon { width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 0.01rem solid rgba(var(--black), 0.1); margin-bottom: 0.3rem; }
#contact .icon i { display: block; overflow: hidden; width: 40.81632653%; padding-bottom: 40.81632653%; background: no-repeat center center; background-size: contain; }
#contact .title { font-size: 0.24rem; line-height: 1.66666667em; margin-bottom: 0.20833333em; }
#contact .intro { line-height: 1.77777778em; }
#contact .map { border-radius: 0.1rem; }
@media only screen and (max-width:1024px) {
	#contact .item { padding-left: 0.5%; padding-right: 0.5%; }
}
@media only screen and (max-width:750px) {
	#contact .item { width: 100%; flex-direction: row; justify-content: space-between; text-align: left; padding: 0; margin-bottom: 0.3rem; }
	#contact .item:last-child { margin-bottom: 0; }
	#contact .icon { margin-bottom: 0; }
	#contact .text { width: calc(100% - 1.2rem); }
}
#environment .swiper { overflow: visible; }
#environment .figure { padding-bottom: 66.93548387%; border-radius: 0.1rem; }
#environment .swiper-controls { margin-top: 0.6rem; }
@media only screen and (max-width:750px) {
	#environment .swiper-controls { margin-top: 0.35rem; }
}
#growth { background-color: #f7f7f7; }
#growth .list { --margin: 0.5rem; }
#growth .info { border-radius: 0.1rem; overflow: hidden; position: relative; }
#growth .figure { padding-bottom: 120%; }
#growth .text { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; padding: 0.35rem; }
@media only screen and (max-width:750px) {
	#growth .list { --margin: 0.3rem; }
}
#welfare { background: no-repeat center center; background-size: cover; }
#welfare .module-info { margin-bottom: 16.875%; }
#welfare li span { display: flex; align-items: center; justify-content: center; border: 0.01rem solid #fff; background-color: rgba(var(--white), 0.1); height: 2.91666667em; border-radius: 1.45833333em; padding: 0 1em; }
#welfare li span:hover { background-color: var(--main-color); border-color: transparent; }
@media only screen and (min-width:1281px) {
	#welfare li:nth-child(1) { margin-right: 14.375%; }
}
@media only screen and (min-width:1025px) {
	#welfare li { margin-bottom: 0.04rem; }
	#welfare li span { min-width: 7.5em; }
	#welfare li:nth-child(3) span, #welfare li:nth-child(4) span, #welfare li:nth-child(6) span, #welfare li:nth-child(7) span, #welfare li:nth-child(9) span { min-width: 9.58333333em; }
	#welfare li:nth-child(1) { margin-right: 10%; margin-top: 2%; }
	#welfare li:nth-child(2) { margin-right: 6.6875%; margin-top: 3.6875%; }
	#welfare li:nth-child(3) { margin-right: 7%; margin-top: 1.9375%; }
	#welfare li:nth-child(4) { margin-right: 9.4375%; }
	#welfare li:nth-child(5) { margin-top: 1.9375%; }
	#welfare li:nth-child(6) { margin-left: 10.125%; margin-right: 6.75%; }
	#welfare li:nth-child(7) { margin-right: 10.75%; margin-top: 2.6875%; }
	#welfare li:nth-child(8) { margin-right: 6.9375%; margin-top: 0.5%; }
	#welfare li:nth-child(9) { margin-top: 0.375%; }
}
@media only screen and (max-width:1024px) {
	#welfare ul { --margin: 0.2rem; width: calc(100% + var(--margin)); }
	#welfare li { padding: 0 var(--margin) var(--margin) 0; width: 33.333%; }
}
@media only screen and (max-width:750px) {
	#welfare .module-info { margin-bottom: 0.35rem; }
	#welfare ul { font-size: 0.2rem; }
	#welfare li { width: 50%; }
}
#find { max-width: 9.6rem; margin: 0 auto 0.3rem; }
#find .input { border: 0.01rem solid rgba(var(--black), 0.1); position: relative; border-radius: 4em; padding-right: 8em; }
#find .go { background-color: var(--main-color); color: #fff; position: absolute; right: 0.01rem; top: -0.01rem; height: calc(100% + 0.02rem); width: 8em; border-radius: 4em; cursor:pointer;}
#find .text { display: block; width: 100%; height: 3em; padding: 0 1.25em 0 3em; color: #666; background: url(../images/search_01.svg) no-repeat 1.25em center; background-size: 1em auto; }
@media only screen and (max-width:750px) {
	#find { font-size: 0.18rem; }
}
#jobtop { background-color: #808080; border-radius: 0.1rem; color: #fff; font-weight: bold; padding: 0.25rem 3.75%; margin-bottom: 0.2rem; }
@media only screen and (max-width:750px) {
	#jobtop { padding: 0.2rem; }
}
#job .meta { display: table; width: 100%; table-layout: fixed; font-size: 0.2rem; line-height: 1.5em; cursor: pointer; }
#job .meta span { display: table-cell; width: 23.64864865%; vertical-align: middle; }
#job .meta .name, #job .meta .date { width: 25%; }
#job .meta .btn { width: 0.4rem; }
@media only screen and (max-width:750px) {
	#job .meta { font-size: 0.18rem; }
	#job .meta .date, #job .meta .btn { display: none; }
	#job .meta .name { width: 45%; }
	#job .meta .num { width: 25%; }
	#job .meta .add { width: 30%; }
}
.job-item { margin-bottom: 0.2rem; padding: 0 3.75%; box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.1); border-radius: 0.1rem; }
.job-item .meta { padding: 0.25rem 0; }
.job-item .btn i { display: block; border: solid 0.01rem #666666; border-radius: 50%; position: relative; transition: all 0.3s; }
.job-item .btn i:before { display: block; content: ''; padding-bottom: 100%; }
.job-item .btn i:after { width: 21.05263158%; padding-bottom: 36.84210526%; background: url(../images/btn_arrow.png) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.job-item .cont { border-top: 0.01rem solid rgba(var(--rgba), 0.1); padding: 0.4rem 0 0.6rem; display: none; }
.job-item .entry { line-height: 1.75em; }
.job-item .entry h3 { color: #222; font-size: 1em; line-height: 1.75em; }
.job-item .send { font-size: 0.2rem; width: 9em; height: 3em; display: flex; align-items: center; justify-content: center; background-color: var(--main-color); color: #fff; border-radius: 0.05rem; cursor: pointer; margin-top: 0.25rem; }
.job-item.active .btn i { background-color: var(--main-color); border-color: transparent; transform: rotate(-90deg); }
.job-item.active .btn i:after { filter: brightness(100); }
#joblist { margin-bottom: 0.4rem; }
@media only screen and (max-width:750px) {
	#joblist { margin-bottom: 0.2rem; }
}
.job-popup .box { padding: 0.6rem 0.6rem 0.74rem; margin-top:1rem; width: 8rem; max-width: 90%; }
.job-popup .name { margin-bottom: 0.44rem; }
.job-popup .item { margin-bottom: 0.2rem; }
.job-popup .input { background-color: #f7f7f7; border-radius: 0.1rem; font-size: 0.2rem; position: relative; }
.job-popup .label { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 3.6em; line-height: 3.6em; color: #999999; padding: 0 1.25em; }
.job-popup .text { display: block; width: 100%; color: #666; height: 3.6em; line-height: 0.625em; padding: 1em 1.25em; position: relative; z-index: 5; }
.job-popup .file { padding: 0.25rem; text-align: center; font-size: 0.18rem; color: #999; }
.job-popup .view { width: 2.61111111em; height: 1.36111111em; background-color: #ffffff; border-radius: 0.08rem; margin-bottom: 0.05rem; cursor: pointer; color: #dcdcdc; }
.job-popup .view:after { content: '+'; display: block; }
.job-popup #file { display: none; }
.job-popup .selected:after { content: '✓'; }
.job-popup .submit { background-color: var(--main-color); color: #fff; font-size: 0.2rem; border-radius: 0.1rem; width: 10em; height: 3em; cursor: pointer; margin-top: 0.4rem; }
@media only screen and (max-width:750px) {
	.job-popup .box { padding: 0.35rem; }
	.job-popup .name { font-size: 0.3rem; margin-bottom: 0.25rem; }
	.job-popup .input { font-size: 0.18rem; }
	.job-popup .file { font-size: 0.16rem; }
	.job-popup .submit { font-size: 0.18rem; margin-top: 0.2rem; }
}
.button-play { width: 7.5625%; background: url(../images/play_01.png) no-repeat center center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: all 0.3s; }
.button-play:after { display: block; content: ''; padding-bottom: 100%; }
.button-play:hover { transform: translate(-50%, -50%) scale(0.9); }
#profile { padding-top: 1.1rem; overflow: hidden; }
#profile .title { margin-bottom: 1.125em; }
#profile .entry { margin-bottom: 0.55rem; }
#profile .video { padding-bottom: 56.25%; position: relative; border-radius: 0.1rem; overflow: hidden; }
#profile video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width:750px) {
	#profile { padding-top: 0.65rem; }
}
#culture { padding-top: 1.15rem; }
#culture .list { --margin: 0; }
#culture .item { position: relative; }
#culture .figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#culture .box { position: relative; z-index: 3; padding: 0.6rem 0.5rem 0.74rem; background-image: linear-gradient(135deg, #faeded 52%, #f7cece 82%, #f3aeae 100%); overflow: hidden; height: 100%; }
#culture .box:hover { background-image: none; color: #fff; }
#culture .box:hover .icon { filter: invert(1) brightness(100); }
#culture .icon { width: 1.02rem; height: 1.02rem; object-fit: contain; display: block; margin-bottom: 35.14285714%; }
#culture .title { font-size: 0.32rem; line-height: 1.35em; margin-bottom: 0.21875em; }
@media only screen and (max-width:750px) {
	#culture { padding-top: 0.65rem; }
	#culture .list { font-size: 0.18rem; }
	#culture .item { width: 50%; }
	#culture .box { padding: 0.35rem; }
	#culture .icon { width: 0.6rem; height: 0.6rem; }
	#culture .title { font-size: 0.24rem; }
}
.honor { padding-top: 1.15rem; overflow: hidden; }
.honor .module-name { margin-bottom: 0.80434783em; }
.honor .tab { margin-bottom: 0.4rem; }
.honor .tab span { display: block; min-width: 7.5em; height: 2.08333333em; border-radius: 1.04166667em; line-height: 2.08333333em; margin: 0 0.625em; cursor: pointer; }
.honor .tab .active { background-color: var(--main-color); color: #fff; }
.honor .cont { padding: 0 6.25%; position: relative; }
.honor .cont:before { content: ''; display: block; position: absolute; left: 0; width: 100%; padding-bottom: 11.375%; background: url(../images/honor_table.png) no-repeat center center; background-size: 100% auto; margin-top: 16.75%; }
.honor .list { display: none; }
.honor .list:first-child { display: block; }
.honor .pic { height: 3.1rem; display: flex; align-items: flex-end; margin: 0 auto; max-width: 100%; margin-bottom: 20.67901235%; }
.honor .frame { padding: 0.18rem; background: url(../images/frame_01.png) no-repeat center center; background-size: 100% 100%; width: 100%; position: relative; }
.honor .frame:after { content: ''; display: block; position: absolute; left: 50%; top: 100%; width: 100.91463415%; transform: translateX(-50%); background: url(../images/frame_01_shadow.png) no-repeat center top; background-size: 100% auto; padding-bottom: 6.40243902%; }
.honor .figure { padding-bottom: 66.21621622%; }
.honor .vertical .pic { width: 2.3rem; }
.honor .vertical .frame { background-image: url(../images/frame_02.png); }
.honor .vertical .figure { padding-bottom: 140.93264249%; }
.honor .text { line-height: 1.66666667em; }
.honor .swiper-controls { margin-top: 3.25%; }
.honor .arrow { border-color: transparent; }
.honor .arrow:not(:hover) { background-color: rgba(var(--rgba), 0.1); }
.honor .arrow:after { filter: invert(1) brightness(100); }
@media only screen and (max-width:1280px) {
	.honor .cont:before { margin-top: 18%; }
}
@media only screen and (max-width:1024px) {
	.honor .cont:before { margin-top: 27%; }
}
@media only screen and (max-width:750px) {
	.honor { padding-top: 0.65rem; }
	.honor .cont:before { margin-top: 66%; }
	.honor .pic { margin-bottom: 14%; }
}
#history { padding-top: 1.15rem; padding-bottom: 0.46rem; background: url(../images/history_bg.jpg) no-repeat center bottom; background-size: 100% auto; }
#history .info { width: 100%; position: relative; padding-left: 0.43rem; border-left: solid 0.02rem rgba(0, 21, 32, 0.1); margin-left: 0.1rem; transition: all 0.3s; padding-bottom: 0.5rem; }
#history .info:before, #history .info:after { content: ''; display: block; position: absolute; left: 0; }
#history .info:before { width: 0.04rem; height: 0.71rem; background-color: var(--main-color); top: 0; left: -0.03rem; }
#history .info:after { width: 0.16rem; height: 0.16rem; border: solid 0.04rem #d00000; background-color: #fff; border-radius: 50%; transform: translateX(-50%); bottom: 0.01rem; }
#history .year { font-size: 0.36rem; line-height: 1.35em; color: var(--main-color); margin-bottom: 0.83333333em; }
#history .title { font-size: 0.24rem; line-height: 1.16666667em; margin-bottom: 0.41666667em; }
#history .intro { line-height: 1.75em; color: #333; }
@media only screen and (min-width:751px) {
	#history .module-name { margin-bottom: -1em; }
	#history .swiper { height: 6.05rem; }
	#history .swiper-slide { display: flex; align-items: flex-end; }
	#history .q0 .info { height: 2.85rem; margin-bottom: 1.3rem; }
	#history .q1 .info { height: 5.13rem;  margin-bottom: 0.1rem;}
	#history .q2 .info { height: 5.2rem; margin-bottom: 1rem; }
	#history .q3 .info { height: 4.63rem; margin-bottom: 2.4rem; }
	#history .q4 .info { height: 4rem; margin-bottom: 3.7rem; }
}
@media only screen and (min-width:1025px) {
	#history .swiper { height: 8.05rem; }
}
@media only screen and (max-width:750px) {
	#history { padding-top: 0.65rem; }
	#history .list { margin-top: 0.5rem; }
	#history .swiper-slide { height: auto; }
	#history .info { height: 100%; }
}
.module-hgroup { margin-bottom: 0.53rem; }
.module-hgroup .alias { font-size: 0.2rem; margin: 0; line-height: 1.25em; font-weight: normal; margin-bottom: 0.35em; }
.module-hgroup .name { font-size: 0.46rem; line-height: 1.25em; margin: 0; }
@media only screen and (max-width:750px) {
	.module-hgroup { margin-bottom: 0.4rem; }
	.module-hgroup .name { font-size: 0.4rem; }
}
#partners { padding: 1.35rem 0 0.7rem; }
#partners .swiper { overflow: visible; }
#partners .swiper-slide {width: 1.7rem;}
#partners .figure { background-color: #fff; border: solid 0.01rem #d9d9d9; border-radius: 50%; }
#partners .figure:after { display: block; padding-bottom: 100%; }
#partners .img { object-fit: contain; }

#partners .gallery .list {display:flex;}
#partners .gallery ul {width: max-content; display:flex;}
#partners .gallery li {width: 1.96rem; padding:0 0.13rem;}
@media only screen and (max-width:750px) {
	#partners { padding: 0.7rem 0; }
    #partners .gallery li {width: 1.3rem;padding:0 0.1rem;}
}
.section { overflow: hidden; background: no-repeat center center; background-size: cover; }
.swiper-dots .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; opacity: 0.2; background-color: #000; display: block; margin: 0 0.09rem; }
.swiper-dots .swiper-pagination-bullet-active { background-color: var(--main-color); opacity: 1; }
#news { background-image: url(../images/news_bg.jpg); }
#news .swiper-pagination { margin-top: 0.45rem; position: static; }
#solutions .info { padding-bottom: 5.4rem; border-radius: 0.1rem; background: no-repeat center center; background-size: auto 100%; overflow: hidden; position: relative; }
#solutions .info:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; transition: all 0.3s; }
#solutions .before { position: absolute; width: 1em; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5; font-size: 0.24rem; line-height: 1em; font-weight: normal; display: none; }
#solutions .text { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; padding: 0.25rem 0.4rem; }
#solutions .text .title { font-size: 0.32rem; line-height: 1.35em; margin-bottom: 0.4375em; }
#solutions .text .title a {color:#fff;}
#solutions .text .intro { font-size: 0.18rem; line-height: 1.66666667em; height: 3.33333333em; margin-bottom: 1em; }
#solutions .text .go { filter: invert(1) brightness(100); }
#solutions .swiper-pagination { position: static; margin-top: 0.35rem; display: none; }
@media only screen and (min-width:751px) {
	#solutions .swiper-wrapper { gap: 0.1rem; }
	#solutions .swiper-slide { width: 10%; transition: all 0.3s; }
	#solutions .info:before { display: block; }
	#solutions .text { visibility: hidden; width: 7.5rem; transform: translateY(100%); opacity: 0; transition: all 0.3s; }
	#solutions .active { width: 46.875%; }
	#solutions .active .info:before { opacity: 0; }
	#solutions .active .text { visibility: visible; transform: translateY(0); opacity: 1; }
	#solutions .active .before { opacity: 0; }
}
@media only screen and (max-width:1280px) {
	#solutions .text { width: 7rem; }
}
@media only screen and (max-width:1024px) {
	#solutions .text { width: 5rem; }
}
@media only screen and (max-width:750px) {
	#solutions .text { width: 100%; }
	#solutions .info:before { display: none; }
	#solutions .swiper-pagination { display: flex; }
}
.tech-box { width: 11.04rem; max-width: 100%; margin: 0 auto; background: url(../images/technology_pic.png) no-repeat center center; background-size: contain; text-align: center; position: relative; font-size:14px;}
.tech-box:after { padding-bottom: 66.395%; display: block; content: ''; }
.tech-box .info { position: absolute; left: 16%; top: 15.5%; width: 70%; padding-bottom:44.2%; z-index: 2;}
.tech-box .st0 {fill:#fff;}
.tech-box .st1 {fill:none;}
.tech-box .st2 {font-size:0.18rem;fill:#fff;font-weight: 500;}
.tech-box .st3 {fill:#fff; font-size:0.2rem;font-weight: 500;}
.tech-box .item {position:absolute; left:51.1%; transform:translateX(-50%);width:calc(522/1104*100%); height:auto;}
.tech-box svg {width:100%; height:auto;}
.tech-box .item:nth-child(1){ top:14%;}
.tech-box .item:nth-child(2){ top:31%; left:52%;}
.tech-box .item:nth-child(3){width:calc(690/1104*100%);top:45.5%; left:51%;}
.tech-box .item:nth-child(4){width:calc(725/1104*100%);top:59.5%;}

.tech-box .title { font-size: 0.28rem; font-weight: 500; line-height: 2.21428571em; height: 2.21428571em;}
.tech-box .name { font-size: 0.24rem; font-weight: normal; line-height: 1.16666667em; display: flex; justify-content: center; margin-top: 0.65rem; }
.tech-box .name i { font-style: normal; display: block; --y: 0; transform: translateY(var(--y)); }
.tech-box .name i:nth-child(-n+5) { transform: rotate(3deg) translateY(var(--y)); }
.tech-box .name i:nth-child(n+7) { transform: rotate(-3deg) translateY(var(--y)); }
.tech-box .icon { width: 1.75em; height: 1.75em; object-fit: contain; display: block; margin: 0 auto; }
.tech-box ul { display: flex; justify-content: center; margin: 0 auto; }
.tech-box li { font-size: 0.14rem; line-height: 1.75em; width: 12em; --deg: 0deg; --y: 0; transform: rotate(var(--deg)) translateY(var(--y)); }
.tech-box .first { margin-top: 0.2rem; }
.tech-box .second { margin-top: 0.45rem; }
.tech-box .second li {width: 10.5em;}
.tech-box .four {margin-top: 0.2rem;}
.tech-box .four li {width:16.6em;}
.tech-box .third { margin-top: 0.6rem; }
.tech-box .third li { width: 9.5em; }
@media only screen and (max-width:750px) {
	.tech-box .info { top: 9%; }
	.tech-box .title { font-size: 0.16rem; line-height: 2em; margin-top: .1rem;}
	.tech-box .name { font-size: 0.18rem; margin-top: 0.25rem; }
	.tech-box li { font-size: 0.1rem; }
	.tech-box .first { margin-top: 0; }
	.tech-box .second { margin-top: 0.1rem; }
	.tech-box .third { margin-top: 0.15rem; }
	.tech-box .third li { width: 9em; }
}
#technology { background-color: #e7eff5; }
#technology .wrap { padding-top: 1.15rem; overflow: hidden; position: relative; }
#technology .inner { position: relative; z-index: 5; padding-top:0.9rem;}
#technology .module-hgroup { margin-bottom: 0.2rem; }
@media only screen and (max-width:750px) {
	#technology .fp-tableCell { vertical-align: middle; }
	#technology .inner,
	#technology .wrap { padding-top: 0.6rem; }
	#technology .inner { width: 100%; }
	#technology .module-hgroup { margin-bottom: 0.5rem; }
}
#trd { padding: 1.15rem 0 1.2rem; overflow: hidden; }
@media only screen and (max-width:750px) {
	#trd { padding: 0.6rem 0 0.65rem; }
}
#principle { margin-bottom: 1.05rem; }
#principle .box { background-color: #f4f7fa; border-radius: 0.1rem; overflow: hidden; }
#principle .first { width: 62.5%; padding: 4.0625% 3.125% 3.125%; margin-bottom: 1.25%; }
#principle .first .alias { color: var(--main-color); }
#principle .first p { margin-top: 0.35714286em; }
#principle .second { width: 36.25%; line-height: 1.66666667em; }
#principle .second .item { padding: 7.24137931% 10.34482759% 8.62068966% 6.89655172%; margin-bottom: 3.44827586%; }
#principle .second .title { font-size: 0.24rem; line-height: 1.25em; color: var(--main-color); position: relative; padding-left: 1.66666667em; margin-bottom: 0.70833333em; }
#principle .second .title i { position: absolute; left: 0; top: 0; font-size: 0.75em; width: 1.66666667em; height: 1.66666667em; background-color: var(--main-color); border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-style: normal; }
#principle .third { width: 100%; padding: 2% 2.5% 1.875% 5%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; line-height: 2em; }
#principle .third .figure { width: 62.16216216%; }
#principle .third .text { width: 31.08108108%; }
#principle .third .title { font-size: 0.32rem; line-height: 1.5em; margin-bottom: 0.40625em; }
#principle .third .intro ul li { padding-left: 1em; position: relative; }
#principle .third .intro ul li:before { width: 0.4em; height: 0.4em; border-radius: 50%; background-color: var(--main-color); content: ''; display: block; position: absolute; left: 0; top: 0.8em; }
@media only screen and (max-width:1024px) {
	#principle .first { width: 100%; }
	#principle .second { width: 100%; }
	#principle .second .item { margin-bottom: 1.25%; }
}
@media only screen and (max-width:750px) {
	#principle { margin-bottom: 0.6rem; }
	#principle .first { padding: 0.3rem; font-size: 0.24rem; }
	#principle .third { font-size: 0.18rem; padding: 0.3rem; }
	#principle .third .text { width: 100%; margin-bottom: 0.25rem; }
	#principle .third .title { font-size: 0.24rem; }
	#principle .third .figure { width: 100%; }
}
#capability .tab { position: relative; margin-bottom: 0.3rem; }
#capability .tab:after { content: ''; display: block; position: absolute; left: 0; width: 100%; background-color: rgba(var(--black), 0.1); bottom: 0; height: 0.01rem; }
#capability .tab .item { padding: 0.3rem 0; margin-right: 8.75%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: all 0.3s; }
#capability .tab .item:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 0.02rem; width: 100%; background-color: var(--main-color); opacity: 0; }
#capability .tab .item:last-child { margin-right: 0; }
#capability .tab .icon { width: 3.33333333em; height: 3.33333333em; border-radius: 50%; border: solid 0.02rem #333333; display: flex; align-items: center; justify-content: center; transition: all 0.3s; margin-right: 0.625em; }
#capability .tab .icon i { width: 52.63157895%; padding-bottom: 52.63157895%; background: no-repeat center center; background-size: contain; display: block; overflow: hidden; }
#capability .tab .active { color: var(--main-color); }
#capability .tab .active:after { opacity: 1; }
#capability .tab .active .icon { border-color: transparent; background-color: var(--main-color); }
#capability .tab .active .icon i { filter: invert(1) brightness(100); }
#capability .list {border-radius: 0.1rem; margin-top: 0.5rem; overflow:hidden;}
#capability .list .info { background-color: #f4f7fa; overflow: hidden; padding:0.8rem 0.6rem 0.2rem; height:100%;}
#capability .list .figure {margin-top:0.3rem;}
#capability .list .text { width: 44.59459459%; }
#capability .list .title { font-size: 0.32rem; line-height: 1.35em; margin-bottom: 0.71875em; }
#capability .list .intro { font-size: 0.2rem; line-height: 2em; }
#capability .list .intro ul li { padding-left: 1em; position: relative; }
#capability .list .intro ul li:before { width: 0.4em; height: 0.4em; border-radius: 50%; background-color: var(--main-color); content: ''; display: block; position: absolute; left: 0; top: 0.8em; }
#capability .list .data {padding:14% 0;}
#capability .list .data .num { font-size: 0.4rem; line-height: 1.5em; color: var(--main-color); font-weight: bold; }
#capability .list .data sup { font-size: 0.6em; line-height: 1.25em; font-weight: normal; }
#capability .list .item {width:50%;}
#capability .list .item:first-child .info {background:#f4f7fa url(../images/capability_bg_01.png) no-repeat center bottom; background-size:100% auto;}
@media only screen and (max-width:1024px) {
	#capability .tab { font-size: 0.2rem; }
	#capability .list .text { width: 100%; margin-bottom: 0.5rem; }
	#capability .list .data {padding:0.3rem 0;}
	#capability .list .item {width:100%;}
}
@media only screen and (max-width:750px) {
	#capability .tab { font-size: 0.18rem; }
	#capability .tab .item { flex-direction: column; padding: 0.15rem 0; }
	#capability .tab .icon { margin-right: 0; margin-bottom: 0.1rem; }
	#capability .list .info { padding:0.5rem 0.4rem 0.4rem; }
	#capability .list .text { margin-bottom: 0.3rem; }
	#capability .list .title {font-size:0.26rem;}
	#capability .list .data li { width: 50%; padding: 1%; }
}
#excellent { background-image: linear-gradient(180deg, #f4f7fa, #fff); overflow: hidden; padding: 1.15rem 0 0.6rem; }
@media only screen and (max-width:750px) {
	#excellent { padding: 0.6rem 0 0.3rem; }
}
#indicator .list { overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y: hidden; padding-bottom: 0.6rem; }
#indicator .box { min-width: 12rem; }
#indicator .box ul { border-radius: 0.2rem; overflow: hidden; }
#indicator .box li { border-bottom: 0.01rem solid rgba(var(--black), 0.08); display: flex; align-items: center; justify-content: center; }
#indicator .box li:last-child { border-bottom-color: transparent; }
#indicator .box .name { color: #fff; font-size: 0.32rem; line-height: 1.625em; padding: 0.3125em 1em; margin: 0; }
#indicator .first { width: 24.375%; background-color: #f7f8fa; font-size: 0.18rem; padding: 0 0.3rem; color: #666; line-height: 1.66666667em; }
#indicator .first li { padding: 1.38888889em 0; padding-left: 23.22580645%; justify-content: flex-start; }
#indicator .first li:first-child { display: none; }
#indicator .second { width: 42.5%; background-image: linear-gradient(180deg, #f9cbcc, #fefafa); font-size: 0.2rem; line-height: 1.5em; text-align: center; margin: 0 -0.2rem; position: relative; box-shadow: 0 0.05rem 0.57rem rgba(1, 64, 145, 0.1); z-index: 2; }
#indicator .second .name { background-color: #e62129; }
#indicator .second li { margin: 0 0.3rem; padding: 1.25em 0; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
#indicator .second span { display: block; }
#indicator .second span:first-child { margin-right: 0.1rem; }
#indicator .second .i { font-size: 0.18rem; color: #fff; background-image: linear-gradient(90deg, #f38383 0%, #d00000 100%); border-radius: 0.05rem; padding: 0 1em 0 0.88888889em; position: relative; }
#indicator .second .i:after { width: 1.22222222em; height: 1.55555556em; background: url(../images/improve.png) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; right: 0; transform: translateX(70%); bottom: 0; }
#indicator .third { width: 36.875%; background-image: linear-gradient(180deg, #d7dfeb, #f5f8fd); border-radius: 0.2rem 0.2rem 0.1rem 0.1rem; font-size: 0.2rem; line-height: 1.5em; text-align: center; }
#indicator .third li { margin: 0 0.3rem 0 0.5rem; padding: 1.25em 0; }
#indicator .third .name { background-color: #989faa; }
@media only screen and (max-width:1024px) {
	#indicator .first li { padding-left: 0; }
}
#performance { margin-bottom: 1.1rem; }
#performance .list { margin-top: 0.7rem; }
#performance .item { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
#performance .dot { width: 0.18rem; height: 0.18rem; background-color: #ffffff; border: solid 0.05rem #d00000; border-radius: 50%; margin-bottom: 0.1rem; }
#performance .top { font-size: 0.24rem; line-height: 1.25em; margin-bottom: 6.66666667%; }
#performance .top .tag { font-size: 0.75em; line-height: 1.66666667em; color: #666; }
#performance .mid { width: 1.4rem; border-radius: 50%; height: 1.4rem; display: flex; align-items: center; justify-content: center; background-color: rgba(var(--rgba), 0.1); margin-bottom: 0.22rem; transition: all 0.3s; }
#performance .mid i { display: block; overflow: hidden; width: 58.57142857%; padding-bottom: 58.57142857%; background: no-repeat center center; background-size: contain; }
#performance .btm { font-size: 0.2rem; line-height: 1.5em; height: 3.5em; display: flex; align-items: center; justify-content: center; background-color: #fafbfd; border-radius: 0.2rem; border: solid 0.01rem #d00000; width: 15em; color: #333; padding: 0 1.25em; transition: all 0.3s; }
#performance .line { position: absolute; left: 50%; background: no-repeat center center; background-size: contain; bottom: 100%; }
#performance .line:after { display: block; content: ''; }
#performance .item:nth-child(1) .line { background-image: url(../images/line_arrow_01.svg); width: 142.66666667%; }
#performance .item:nth-child(1) .line:after { padding-bottom: 18.69158879%; }
#performance .item:nth-child(2) .line { background-image: url(../images/line_arrow_02.svg); width: 140%; left: 52%; }
#performance .item:nth-child(2) .line:after { padding-bottom: 19.52380952%; }
#performance .item:nth-child(3) .line { background-image: url(../images/line_arrow_03.svg); width: 140.33333333%; left: 52%; }
#performance .item:nth-child(3) .line:after { padding-bottom: 24.70308789%; }
#performance .item:hover .mid { background-color: var(--main-color); }
#performance .item:hover .mid i { filter: invert(1) brightness(100); }
#performance .item:hover .btm { background-color: var(--main-color); color: #fff; }
#performance .item:nth-child(2) .top { margin-bottom: 18.33333333%; }
#performance .item:nth-child(3) .top { margin-bottom: 31.66666667%; }
#performance .item:nth-child(4) .top { margin-bottom: 42.66666667%; }
@media only screen and (max-width:1280px) {
	#performance .item:nth-child(1) .line { width: 130%; }
	#performance .item:nth-child(2) .line, #performance .item:nth-child(3) .line { width: 128%; }
}
@media only screen and (max-width:1024px) {
	#performance .list { margin-top: 0; }
	#performance .line { display: none; }
	#performance .item { width: 48%; padding-bottom: 4%; }
	#performance .item:nth-child(n+1) .top { margin-bottom: 0.25rem; }
}
@media only screen and (max-width:750px) {
	#performance { margin-bottom: 0.65rem; }
	#performance .item { width: 100%; padding-bottom: 0.35rem; }
	#performance .item:last-child { padding-bottom: 0; }
	#performance .btm { max-width: 100%; }
}

#sider{position:fixed;z-index:1000;right:2.084%;bottom:10%;}
#sider li{text-align:center;background-color:var(--main-color);color:#fff;padding:0.15rem 0.1rem;font-size:0.14rem;line-height:1.1;border-bottom:0.02rem solid rgba(255,255,255,0.5);position:relative;cursor:pointer;}
#sider li .ico{width:0.2rem; margin:0 auto; background:no-repeat center center; background-size:contain;}
#sider li .ico:after {display:block; content:''; padding-bottom:100%;}
#sider li .bt {background-image:url(../images/backtop.svg);}
#sider li .kf {background-image:url(../images/service.svg); width:0.25rem;}
#sider li .lt span{display:block;margin:auto;width:2em;}
#sider li.gtop{padding:0.12rem 0.1rem;background:#fff;color:#0cb2ba;border:none;}
#sider li .lt{margin-top:0.1rem;}
#sider li:first-child{border-radius:0.04rem 0.04rem 0 0;}
#sider li:last-child{border-radius:0 0 0.04rem 0.04rem;}
#sider li a {color:#fff; display:block;}
/*container*/
#container {padding:0.2rem 0 1.2rem;}
@media only screen and (max-width:750px) {
    #container {padding-bottom: 0.6rem;}
}
/*catalog*/
#catalog {width: 23.75%;}
#catalog .name {background-color: var(--main-color); padding:0.22rem 0.4rem; line-height: 1.5em;}
#catalog li a {position: relative; display: inline-block;}
#catalog .parent {border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1); padding:0.25rem 0.4rem 0.18rem;}
#catalog .parent > ul {padding-top: 0.17rem;}
#catalog .parent > a {padding-left: 1.722em;}
#catalog .parent > a i {display: block; width: 1.111em; height: 1.111em; background-color: #333333; position: absolute; left:0; top:0.19444em;}
#catalog .parent > a i:before,#catalog .parent > a i:after {left:50%;top:50%;display: block;content: '';position: absolute;background-color: #fff; transform: translate(-50%,-50%);}
#catalog .parent > a i:before {width: 60%; height: 0.02rem;}
#catalog .parent > a i:after {width: 0.02rem; height: 60%; opacity: 0;}
#catalog .parent.active > a i {background-color: var(--main-color);}
#catalog .parent.hide > a i:after {opacity: 1;}
#catalog .parent.hide ul {display: none;}
#catalog .node {font-size:0.88889em; line-height: 2em; margin-left: 1.875em;}
#catalog .node > ul {padding:0.125em 0;}
#catalog .node > a {color:#000; padding-left: 0.875em; font-weight: bold;}
#catalog .node > a:before {width: 0.375em; height: 0.375em; top:0.8125em; left:0; background-color: #999999; content: ''; display: block; position: absolute;}
#catalog .node > a:hover {color: var(--main-color);}
#catalog .node > a:hover:before {background-color: var(--main-color);}
#catalog .node.active > a:before {background-color: var(--main-color);}
#catalog .child {margin-left: 1.75em;}
#catalog .active > a {color:var(--main-color);}
#catalog .active ul {display: block;}
@media only screen and (max-width:1024px) {
    #catalog .name {padding:0.15rem 0.2rem; font-size: 0.22rem;}
    #catalog .parent {padding:0.2rem;}
}
@media only screen and (max-width:750px) {
    #catalog {width: 100%; margin-bottom: 0.35rem;}
    #catalog .name {cursor: pointer; position: relative;}
    #catalog .name:after {position: absolute; border-top: 0.08rem solid #fff; border-left:0.08rem solid transparent; border-right:0.08rem solid transparent; display: block; content: ''; position: absolute; right: 0.2rem; top:50%; transform: translateY(-50%);}
    #catalog > ul {display: none;}
}
/*main*/
#main {width: 73.75%; overflow: hidden;}
@media only screen and (max-width:750px) {
    #main {width: 100%;}
}
/*prolist*/
#prolist {overflow: hidden; margin-bottom: 0.4rem;}
#prolist .figure {padding-bottom: 100%;}
#prolist .title {font-size: 0.2rem; color:#fff; line-height: 1.5em; font-weight: normal; padding:0.15rem 1em; text-align: center;}
#prolist .info {display: block;background-color: #7f7f7f;overflow: hidden; transition: all 0.1s;}
#prolist .info:hover {background-color: var(--main-color);}
@media only screen and (max-width:750px) {
    #prolist {margin-bottom:0.25rem;}
}