* { -webkit-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; }
html, body { margin: 0; font: normal 14px/1.5 'SourceHanSansCN-Regular', Verdana, Arial, sans-serif; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, select, button, textarea { font-size: inherit; font-family: inherit; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none; }
i, em, address { font-style: normal; }
textarea { font-family: inherit; }
button { cursor: pointer; }
img { border: none; outline: none; max-width: 100%; }
h1 { color: #313131; font-size: 200%; }
h2 { color: #313131; font-size: 150%; }
h3 { color: #313131; font-size: 100%; }
a { text-decoration: none; }
:focus { outline: none; }
::-webkit-input-placeholder { color: #bababa; }
::-moz-input-placeholder { color: #bababa; }
:-moz-input-placeholder { color: #bababa; }
::-ms-input-placeholder { color: #bababa; }
.fullscreen { width: 100%; height: 100%; }
@media all and (max-width:768px) {
	html { font-size: 76.8px; }
}
@media all and (max-width:750px) {
	html { font-size: 75px; }
}
@media all and (max-width:736px) {
	html { font-size: 73.6px; }
}
@media all and (max-width:667px) {
	html { font-size: 66.7px; }
}
@media all and (max-width:568px) {
	html { font-size: 56.8px; }
}
@media all and (max-width:540px) {
	html { font-size: 54px; }
}
@media all and (max-width:480px) {
	html { font-size: 48px; }
}
@media all and (max-width:414px) {
	html { font-size: 41.4px; }
}
@media all and (max-width:413px) {
	html { font-size: 41.3px; }
}
@media all and (max-width:411px) {
	html { font-size: 41.1px; }
}
@media all and (max-width:414px) {
	html { font-size: 41.4px; }
}
@media all and (max-width:412px) {
	html { font-size: 41.2px; }
}
@media all and (max-width:384px) {
	html { font-size: 38.4px; }
}
@media all and (max-width:375px) {
	html { font-size: 37.5px; }
}
@media all and (max-width:360px) {
	html { font-size: 36px; }
}
@media all and (max-width:320px) {
	html { font-size: 32px; }
}
.ht-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; margin-right: 0; }
.ht-row > [class*='ht-col-'] { padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ht-col-1 { width: 8.3333334%; }
.ht-col-2 { width: 16.6666667%; }
.ht-col-3 { width: 25%; }
.ht-col-4 { width: 33.3333334%; }
.ht-col-5 { width: 41.6666667%; }
.ht-col-6 { width: 50%; }
.ht-col-7 { width: 58.3333334%; }
.ht-col-8 { width: 66.6666667%; }
.ht-col-9 { width: 75%; }
.ht-col-10 { width: 83.3333334%; }
.ht-col-11 { width: 91.6666667%; }
.ht-col-12 { width: 100%; }
@media all and (max-width:768px) {
	html { font-size: 76.8px; }
}
@media all and (max-width:750px) {
	html { font-size: 75px; }
}
@media all and (max-width:736px) {
	html { font-size: 73.6px; }
}
@media all and (max-width:667px) {
	html { font-size: 66.7px; }
}
@media all and (max-width:568px) {
	html { font-size: 56.8px; }
}
@media all and (max-width:540px) {
	html { font-size: 54px; }
}
@media all and (max-width:480px) {
	html { font-size: 48px; }
}
@media all and (max-width:414px) {
	html { font-size: 41.4px; }
}
@media all and (max-width:413px) {
	html { font-size: 41.3px; }
}
@media all and (max-width:411px) {
	html { font-size: 41.1px; }
}
@media all and (max-width:412px) {
	html { font-size: 41.2px; }
}
@media all and (max-width:384px) {
	html { font-size: 38.4px; }
}
@media all and (max-width:375px) {
	html { font-size: 37.5px; }
}
@media all and (max-width:360px) {
	html { font-size: 36px; }
}
@media all and (max-width:320px) {
	html { font-size: 32px; }
}
.ht-title { text-align: center; }
.ht-title strong { color: #333; font-size: 30px; line-height: 1; display: block; font-weight: lighter; }
.ht-title small { color: #333; font-size: 18px; line-height: 1; display: block; margin-top: 20px; }
@media only screen and (max-width:1024px) {
	.ht-title strong { font-size: 28px; }
	.ht-title small { font-size: 16px; margin-top: 16px; }
}
@media only screen and (max-width:768px) {
	.ht-title strong { font-size: 24px; }
	.ht-title small { font-size: 14px; margin-top: 14px; }
}
@media only screen and (max-width:480px) {
	.ht-title strong { font-size: 0.56rem; }
	.ht-title small { font-size: 0.32rem; margin-top: 0.32rem; }
}
.ht-layout { background-color: #fff; }
.ht-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 80px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
@media only screen and (max-width:1024px) {
	.ht-wrapper { padding-top: 45px; padding-bottom: 72px; }
}
@media only screen and (max-width:768px) {
	.ht-wrapper { padding-top: 40px; padding-bottom: 64px; background-color: #fff; }
}
@media only screen and (max-width:480px) {
	.ht-wrapper { padding-top: 0.96rem; padding-bottom: 1.28rem; }
}
.ht-content { width: 100%; background-color: #fff; }
.ht-container { max-width: 1550px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: inherit; }
.ht-container.ht-row { margin-left: auto; margin-right: auto; }
@media only screen and (max-width:768px) {
	.ht-container { width: 100%; padding-left: 2%; padding-right: 2%; }
}
@media only screen and (max-width:480px) {
	.ht-container { width: 100%; padding-left: 0.4rem; padding-right: 0.4rem; }
}
.container { max-width: 1310px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: inherit; }
.container.ht-row { margin-left: auto; margin-right: auto; }
@media only screen and (max-width:768px) {
	.container { width: 100%; padding-left: 2%; padding-right: 2%; }
}
@media only screen and (max-width:480px) {
	.container { width: 100%; padding-left: 0.4rem; padding-right: 0.4rem; }
}
[class*='zhfont-'] { font-family: 'zhfont' !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: 'SourceHanSansCN-Light'; src: url('../font/SourceHanSansCN-Light.ttf') format('truetype'); }
@font-face { font-family: 'SourceHanSansCN-Bold'; src: url('../font/SourceHanSansCN-Bold.ttf') format('truetype'); }
@font-face { font-family: 'SourceHanSansCN-Normal'; src: url('../font/SourceHanSansCN-Normal.ttf') format('truetype'); }
@font-face { font-family: 'SourceHanSansCN-Regular'; src: url('../font/SourceHanSansCN-Regular.ttf') format('truetype'); }
@font-face { font-family: 'FZXBSJW'; src: url('../font/FZXBSJW.ttf') format('truetype'), url('../font/FZXBSJW.woff2') format('woff2'), url('../font/FZXBSJW.woff') format('woff'); }
[class*='zh-icon-'] { display: inline-block; width: 1em; height: 1em; background-image: url('../images/icon.png'); background-repeat: no-repeat; }
.zh-icon-address { background-size: 297.5% 297.5%; background-position: 0% 0%; }
.zh-icon-email-line { background-size: 1983.334% 1983.334%; background-position: 87.611% 63.717%; }
.zh-icon-email { background-size: 297.5% 297.5%; background-position: 54.431% 0%; }
.zh-icon-fax { background-size: 297.5% 297.5%; background-position: 0% 54.431%; }
.zh-icon-home { background-size: 881.482% 881.482%; background-position: 34.124% 81.517%; }
.zh-icon-message-line { background-size: 1983.334% 1983.334%; background-position: 95.576% 63.717%; }
.zh-icon-phone-line { background-size: 1983.334% 1983.334%; background-position: 73.009% 76.107%; }
.zh-icon-phone { background-size: 991.667% 991.667%; background-position: 49.066% 80.374%; }
.zh-icon-platform1 { background-size: 360.607% 360.607%; background-position: 100% 0%; }
.zh-icon-platform2 { background-size: 360.607% 360.607%; background-position: 100% 41.861%; }
.zh-icon-platform3 { background-size: 360.607% 360.607%; background-position: 0% 100%; }
.zh-icon-question { background-size: 1190% 1190%; background-position: 78.9% 66.056%; }
.zh-icon-search { background-size: 991.667% 991.667%; background-position: 63.085% 80.374%; }
.zh-icon-telphone { background-size: 297.5% 297.5%; background-position: 54.431% 54.431%; }
.zh-icon-user-line { background-size: 1983.334% 1983.334%; background-position: 80.974% 76.107%; }
.header { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 92px; text-align: right; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(17, 81, 155, 0.6)), to(rgba(17, 81, 155, 0))); background-image: -webkit-linear-gradient(top, rgba(17, 81, 155, 0.6) 0, rgba(17, 81, 155, 0) 100%); background-image: linear-gradient(to bottom, rgba(17, 81, 155, 0.6) 0, rgba(17, 81, 155, 0) 100%); -webkit-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; }
.header.active { background-color: #11519b; }
.header .ht-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; padding-right: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: none; }
.header .ht-container::after { display: none; }
.header-logo { display: block; height: 100%; padding: 18px 0; }
.header-logo img { height: 80%; display: inline-block; vertical-align: top; }
.header-menu { display: block; height: 100%; }
.header-menu-btn { display: none; }
.header-menu_list { height: 100%; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; }
.header-menu_item { height: 100%; position: relative; display: inline-block; vertical-align: top; position: relative; padding: 0 8px; }
.header-menu_item > a { height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; font-size: 18px; line-height: 42px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; position: relative; white-space: nowrap; padding: 25px 0; }
.header-menu_item > a i { margin-left: 6px; }
.header-menu_item .drop-menu { position: absolute; top: 100%; left: 50%; min-width: 125%; z-index: 5; border-radius: 3px; background-color: #10509b; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; -webkit-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); transform: translate(-50%, 20px); visibility: hidden; opacity: 0; }
.header-menu_item .drop-menu::after { content: ''; position: absolute; top: -7px; left: 50%; border-style: solid; border-width: 0 7px 8px; border-color: #10509b transparent; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.header-menu_item .drop-menu li { color: #fff; font-size: 16px; white-space: nowrap; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; text-align: center; }
.header-menu_item .drop-menu li:hover { background-color: rgba(255, 255, 255, 0.2); }
.header-menu_item .drop-menu a { display: block; color: inherit; padding: 12px 20px; }
.header-menu_item::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #fff; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); }
.header-menu_item:hover > a { font-weight: 600; }
.header-menu_item:hover .drop-menu { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.header-menu_item.active > a { font-weight: 600; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.header-menu_item.active::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
.header-panel { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header-right { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 25px; padding-bottom: 25px; height: 100%; gap: 20px; }
.header-phone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; }
.header-phone .icon { display: block; font-size: 24px; line-height: 1; }
.header-phone .text { padding-left: 6px; font-size: 18px; line-height: 24px; color: #fff; }
.header-phone .text a { color: inherit; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.header-phone .text a:hover { opacity: 0.8; }
.header-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: rgba(255, 255, 255, 0.302); padding: 5px 12px; }
.header-search .icon { font-size: 24px; }
.header-search .form { width: 156px; height: 30px; font-size: 14px; padding-left: 8px; }
.header-search .form input { color: #fff; width: 100%; height: 100%; border: none; outline: none; padding: 0; background-color: transparent; }
.header-search .form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.header.active .header-menu_list .drop-menu { top: calc(100% + 10px); background-color: #10509b; }
.header.active .header-menu_list .drop-menu::after { border-color: #10509b transparent; }
@media only screen and (max-width:1800px) {
	.header-phone { padding: 10px; position: relative; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; cursor: pointer; }
	.header-phone .icon { font-size: 20px; }
	.header-phone .text { position: absolute; top: 130%; right: 0; white-space: nowrap; background-color: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; border-radius: 6px; padding: 12px 20px; font-size: 20px; line-height: 24px; visibility: hidden; opacity: 0; }
	.header-phone .text::after { content: ''; position: absolute; top: -10px; right: 13px; border-style: solid; border-width: 0 7px 10px; border-color: rgba(0, 0, 0, 0.6) transparent; }
	.header-phone:hover .text { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
	.header-search { border-radius: 20px; position: relative; background-color: rgba(255, 255, 255, 0.2); padding: 10px; }
	.header-search .icon { font-size: 20px; }
	.header-search .form { position: absolute; top: 140%; right: 0; height: 68px; width: 232px; padding: 15px 20px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; visibility: hidden; opacity: 0; }
	.header-search .form input { font-size: 14px; background-color: rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 6px 12px; }
	.header-search .form::after { content: ''; position: absolute; top: -10px; right: 13px; border-style: solid; border-width: 0 7px 10px; border-color: rgba(0, 0, 0, 0.6) transparent; }
	.header-search:hover .form { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
}
@media only screen and (max-width:1600px) {
	.header { height: 90px; }
	.header .ht-container { padding-left: 24px; padding-right: 24px; }
	.header-logo { padding: 18px 0; }
	.header-right { gap: 15px; }
}
@media only screen and (max-width:1360px) {
	.header { height: 84px; }
	.header .ht-container { padding-left: 20px; padding-right: 20px; }
	.header-logo { padding: 20px 0; }
	.header-menu_item > a { font-size: 16px; padding: 21px 0; }
	.header-menu_item .drop-menu::after { top: -7px; border-width: 0 6px 7px; }
	.header-menu_item .drop-menu li { font-size: 15px; }
	.header-menu_item .drop-menu a { padding: 9px 18px; }
	.header-menu_item::after { height: 4px; }
	.header-right { padding-top: 22px; padding-bottom: 22px; gap: 12px; }
	.header-phone { padding: 9px; }
	.header-phone .icon { font-size: 18px; }
	.header-phone .text { font-size: 18px; }
	.header-search { padding: 9px; }
	.header-search .icon { font-size: 18px; }
	.header-search .form { height: 64px; width: 220px; padding: 12px 16px; }
}
@media only screen and (max-width:1024px) {
	.header { height: 80px; }
	.header .ht-container { padding-left: 18px; padding-right: 70px; }
	.header-logo { padding-top: 15px; padding-bottom: 15px; }
	.header-menu-btn { position: absolute; z-index: 98; top: 0; right: 0; width: 70px; height: 80px; display: block; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 29px 23px; }
	.header-menu-btn i { display: block; width: 24px; height: 2px; -webkit-transition: 0.1s 0.25s ease-in-out; transition: 0.1s 0.25s ease-in-out; background-color: #fff; visibility: visible; opacity: 1; }
	.header-menu-btn::after, .header-menu-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; margin-top: -1px; margin-left: -12px; background-color: #fff; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
	.header-menu-btn.active i { visibility: hidden; opacity: 0; -webkit-transition: none; transition: none; }
	.header-menu-btn.active::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #4dd4fb; }
	.header-menu-btn.active::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #4dd4fb; }
	.header-menu_list { height: auto; text-align: left; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; gap: 0; }
	.header-menu_item { width: 100%; height: auto; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #333; font-size: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; }
	.header-menu_item::after { display: none; }
	.header-menu_item > a { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 36px; padding: 12px 30px; }
	.header-menu_item .drop-menu { position: static; height: 0; overflow: hidden; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); background-color: rgba(0, 0, 0, 0.2); width: 100%; min-width: auto; visibility: visible; opacity: 1; }
	.header-menu_item .drop-menu::after { display: none; }
	.header-menu_item .drop-menu li { font-size: 14px; text-align: left; }
	.header-menu_item .drop-menu a { padding: 16px 40px; }
	.header-menu_item:hover .drop-menu { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
	.header-panel { display: none; position: fixed; z-index: 97; top: 80px; left: 0; bottom: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.8); border-top: 1px solid rgba(0, 0, 0, 0.9); -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; padding: 15px 0 80px; display: block; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
	.header-panel.active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
	.header-right { padding-top: 10px; padding-bottom: 10px; }
	.header-phone .icon { font-size: 15px; }
	.header-phone .text { padding: 10px 18px; font-size: 16px; }
	.header-phone .text::after { top: -9px; right: 12px; border-width: 0 6px 9px; }
	.header-search .icon { font-size: 15px; }
	.header-search .form { height: 60px; }
	.header-search .form input { font-size: 14px; }
	.header-search .form::after { top: -9px; right: 12px; border-width: 0 6px 9px; }
}
@media only screen and (max-width:768px) {
	.header { height: 64px; }
	.header .ht-container { padding-left: 15px; padding-right: 52px; }
	.header-logo { padding-top: 16px; padding-bottom: 16px; }
	.header-menu-btn { width: 52px; height: 64px; padding: 23px 15px; }
	.header-menu-btn i { width: 22px; height: 2px; }
	.header-menu-btn::after, .header-menu-btn::before { width: 22px; height: 2px; margin-left: -11px; }
	.header-menu_item > a { font-size: 14px; line-height: 32px; padding: 11px 24px; }
	.header-menu_item .drop-menu a { padding: 9px 32px; }
	.header-panel { top: 80px; padding: 15px 0 80px; }
	.header-right { padding-top: 10px; padding-bottom: 10px; }
	.header-phone { padding: 8px; }
	.header-phone .icon { font-size: 14px; }
	.header-phone .text { padding: 10px 18px; font-size: 16px; }
	.header-phone .text::after { top: -9px; right: 12px; border-width: 0 6px 9px; }
	.header-search { padding: 8px; }
	.header-search .icon { font-size: 14px; }
	.header-search .form { height: 56px; padding: 10px 16px; }
	.header-search .form input { font-size: 14px; }
	.header-search .form::after { top: -9px; right: 12px; border-width: 0 6px 9px; }
}
@media only screen and (max-width:480px) {
	.header { height: 1.28rem; }
	.header .ht-container { padding-left: 0.4rem; padding-right: 1.2rem; }
	.header-logo { padding-top: 0.373334rem; padding-bottom: 0.373334rem; }
	.header-menu-btn { width: 1.28rem; height: 1.28rem; padding: 0.4rem 0.4rem; }
	.header-menu-btn i { width: 0.48rem; }
	.header-menu-btn::after, .header-menu-btn::before { width: 0.48rem; height: 2px; margin-left: -0.24rem; }
	.header-menu_item > a { font-size: 0.373334rem; line-height: 0.8rem; padding: 0.24rem 0.48rem; }
	.header-menu_item .drop-menu a { padding: 0.2rem 0.72rem; }
	.header-panel { top: 1.28rem; padding: 0.24rem 0 1.28rem; }
	.header-right { padding-top: 0.16rem; padding-bottom: 0.16rem; gap: 0.266667rem; }
	.header-phone { padding: 0.2rem; }
	.header-phone .icon { font-size: 0.32rem; }
	.header-phone .text { padding: 0.24rem 0.426667rem; font-size: 0.373334rem; }
	.header-phone .text::after { top: -0.16rem; right: 0.213334rem; border-width: 0 0.106667rem 0.16rem; }
	.header-search { padding: 0.2rem; }
	.header-search .icon { font-size: 0.32rem; }
	.header-search .form { height: 1.36rem; padding: 0.213334rem 0.266667rem; }
	.header-search .form input { font-size: 0.373334rem; }
	.header-search .form::after { top: -0.16rem; right: 0.213334rem; border-width: 0 0.106667rem 0.16rem; }
}
.footer { width: 100%; background-image: url(../images/footer-background.jpg); padding-top: 0.90625%; }
.footer-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 15px; padding-right: 15px; /*padding-bottom: 0.9473685%; */ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.footer-text { width: calc(100% - 246px); }
.footer-text .logo { display: block; height: 55px; }
.footer-text .logo img { height: 80%; display: block; }
.footer-text .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.9210527%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 18px 60px; }
.footer-text .item { width: calc(22% - 31px); }
.footer-text .text { display: block; color: #fff; font-size: 16px; line-height: 1.37; }
.footer-text .name { display: block; color: #989eff; font-size: 18px; line-height: 1.19; }
.footer-code { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.footer-code img { display: block; width: 120px; height: 120px; }
.footer-code span { display: block; width: 100%; color: #fff; font-size: 16px; line-height: 1.6; text-align: center; padding-top: 8px; }
.footer-power { color: #fff; font-size: 14px; text-align: center; line-height: 40px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 5px; padding-bottom: 5px; }
.footer-power a { color: inherit; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; padding-left: 45px; }
.footer-power a:hover { color: #003884; }
@media only screen and (max-width:1024px) {
	.footer { padding-top: 2.6875%; }
	.footer-text .logo { height: 48px; }
	.footer-text .list { gap: 15px 40px; }
	.footer-text .item { width: calc(50% - 25px); }
	.footer-text .text { font-size: 18px; }
	.footer-text .name { font-size: 18px; }
	.footer-code img { width: 110px; height: 110px; }
	.footer-code span { font-size: 16px; padding-top: 7px; }
	.footer-power { font-size: 16px; line-height: 36px; padding-top: 5px; padding-bottom: 5px; }
	.footer-power a { padding-left: 36px; }
}
@media only screen and (max-width:768px) {
	.footer { padding-top: 2.25%; }
	.footer-text { width: calc(100% - 212px); }
	.footer-text .logo { height: 36px; }
	.footer-text .list { gap: 12px 30px; }
	.footer-text .item { width: calc(50% - 16px); }
	.footer-text .text { font-size: 16px; }
	.footer-text .name { font-size: 16px; }
	.footer-code img { width: 100px; height: 100px; }
	.footer-code span { font-size: 14px; padding-top: 6px; }
	.footer-power { font-size: 14px; line-height: 30px; padding-top: 18px; padding-bottom: 18px; min-height: 66px; }
	.footer-power a { padding-left: 20px; }
}
@media only screen and (max-width:480px) {
	.footer { padding-top: 1rem; }
	.footer-view { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.8rem; }
	.footer-text { width: 100%; }
	.footer-text .logo { height: 0.8rem; }
	.footer-text .list { padding-top: 0.8rem; gap: 0.24rem 0.64rem; }
	.footer-text .item { width: calc(50% - 0.33334rem); }
	.footer-text .text { font-size: 0.373334rem; }
	.footer-text .name { font-size: 0.373334rem; line-height: 1.8; }
	.footer-code { width: 100%; margin-top: 0.8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.footer-code img { width: 2rem; height: 2rem; }
	.footer-code span { font-size: 0.32rem; padding-top: 0.16rem; }
	.footer-power { font-size: 0.32rem; line-height: 0.64rem; padding-top: 0.4rem; padding-bottom: 0.4rem; min-height: 2.08rem; }
	.footer-power a { display: block; padding-left: 0; }
}
.tabnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; gap: 148px; }
.tabnav::after { content: ''; position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 1px; background: #c6c6c6; }
.tabnav-item { color: #000; font-size: 18px; line-height: 50px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; vertical-align: top; text-align: center; position: relative; padding: 25px 0; z-index: 2; }
.tabnav-item::after { content: ''; position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; height: 3px; background: #003884; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); visibility: hidden; opacity: 0; }
.tabnav-item:hover, .tabnav-item.active { color: #003884; }
.tabnav-item:hover::after, .tabnav-item.active::after { visibility: visible; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
@media only screen and (max-width:1200px) {
	.tabnav { gap: 120px; }
	.tabnav-item { font-size: 18px; line-height: 40px; padding: 24px 0; }
}
@media only screen and (max-width:1024px) {
	.tabnav { gap: 96px; }
	.tabnav-item { font-size: 18px; line-height: 36px; padding: 22px 0; }
	.tabnav-item::after { height: 3px; }
}
@media only screen and (max-width:768px) {
	.tabnav { gap: 72px; }
	.tabnav-item { font-size: 18px; line-height: 30px; padding: 18px 0; }
	.tabnav-item::after { height: 2px; }
}
@media only screen and (max-width:480px) {
	.tabnav { gap: 1.28rem; }
	.tabnav-item { font-size: 0.426667rem; line-height: 0.64rem; padding: 0.32rem 0; }
}
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.2631579%; }
.pagination li { height: 100%; margin: 0 5px; min-width: 42px; line-height: 40px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.pagination li i { font-size: 16px; }
.pagination li a, .pagination li span { width: 100%; padding: 0 8px; font-size: 16px; border: 1px solid #ccc; border-radius: 50%; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #666; }
.pagination li a:hover, .pagination li.active a, .pagination li.active span { color: #fff; border-color: #003884; background-color: #003884; }
.pagination li.disabled a, .pagination li.disabled a:hover { color: #fff; border-color: #494949; background-color: #494949; }
.pagination-gray li a { border-color: #f4f4f4; background-color: #f4f4f4; }
.pagination-gray li a:hover, .pagination-gray li.active span { color: #fff; border-color: #003884; background-color: #003884; }
.pagination-gray li a { border-color: #f4f4f4; background-color: #f4f4f4; }
.pagination-gray li a:hover { color: #fff; border-color: #003884; background-color: #003884; }
.pagination-gray li.disabled span, .pagination-gray li.disabled span:hover { border-color: #6d6565; background-color: #f4f4f4; }
@media only screen and (max-width:1024px) {
	.pagination li { margin: 0 4px; min-width: 36px; line-height: 34px; }
	.pagination li i { font-size: 14px; }
	.pagination li a, .pagination li span { padding: 0 7px; font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.pagination li { margin: 0 3px; min-width: 30px; line-height: 28px; }
	.pagination li i { font-size: 13px; }
	.pagination li a, .pagination li span { padding: 0 6px; font-size: 13px; }
}
@media only screen and (max-width:480px) {
	.pagination { margin-top: 0.8rem; }
	.pagination li { margin: 0 0.08rem; min-width: 0.72rem; line-height: 0.666667rem; }
	.pagination li i { font-size: 0.32rem; }
	.pagination li a, .pagination li span { padding: 0 0.133334rem; font-size: 0.32rem; }
}
.navigate-pane { background-color: #f7f7f7; }
.navigate-pane .ht-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media only screen and (max-width:768px) {
	.navigate-pane .ht-container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
}
.breadcrumbs { width: 100%; height: 90px; padding: 20px 0; }
.breadcrumbs ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 50px; }
.breadcrumbs li { height: 100%; color: #666; font-size: 18px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumbs li i { font-size: 18px; vertical-align: middle; margin-right: 20px; margin-bottom: 4px; }
.breadcrumbs li a { vertical-align: top; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; height: 100%; }
.breadcrumbs li a:hover { color: #10509b; }
.breadcrumbs li:first-child { color: #666; }
.breadcrumbs li + li:before { content: '/'; color: #9a9a9a; height: 100%; margin: 0 5px; font-size: 18px; font-weight: bold; font-family: 'SourceHanSansCN-Light'; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; }
@media only screen and (max-width:1440px) {
	.breadcrumbs { height: 80px; padding: 16px 0; }
	.breadcrumbs li { font-size: 18px; }
	.breadcrumbs li i { font-size: 18px; margin-right: 16px; margin-bottom: 2px; }
	.breadcrumbs li + li:before { font-size: 18px; }
}
@media only screen and (max-width:1200px) {
	.breadcrumbs { height: 74px; padding: 15px 0; }
	.breadcrumbs li { font-size: 18px; }
	.breadcrumbs li i { font-size: 18px; margin-right: 12px; }
	.breadcrumbs li + li:before { font-size: 18px; }
}
@media only screen and (max-width:1024px) {
	.breadcrumbs { height: 64px; padding: 14px 0; }
	.breadcrumbs li { font-size: 16px; }
	.breadcrumbs li i { font-size: 20px; margin-right: 10px; }
	.breadcrumbs li + li:before { margin: 0 4px; font-size: 16px; }
}
@media only screen and (max-width:768px) {
	.breadcrumbs { height: 50px; padding: 10px 0; }
	.breadcrumbs li { font-size: 14px; }
	.breadcrumbs li i { font-size: 18px; margin-right: 8px; }
	.breadcrumbs li + li:before { margin: 0 3px; font-size: 14px; }
}
@media only screen and (max-width:480px) {
	.breadcrumbs { height: 1.2rem; padding: 0.266667rem 0 0.24rem; }
	.breadcrumbs li { font-size: 14px; }
	.breadcrumbs li + li:before { margin: 0 3px; font-size: 14px; }
}
.topnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 70px; }
.topnav-item { color: #666; font-size: 18px; line-height: 50px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; vertical-align: top; white-space: nowrap; text-align: center; position: relative; padding: 20px 0; }
.topnav-item::after { content: ''; position: absolute; left: 0; right: 0; height: 3px; bottom: 0; background: #10509b; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); visibility: hidden; opacity: 0; }
.topnav-item:hover, .topnav-item.active { color: #10509b; }
.topnav-item:hover::after, .topnav-item.active::after { visibility: visible; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.topnav.card { height: 90px; gap: 0; }
.topnav.card .topnav-item { padding-top: 0; padding-bottom: 0; padding-left: 73px; padding-right: 73px; position: relative; overflow: hidden; }
.topnav.card .topnav-item::after { left: 73px; right: 73px; }
.topnav.card .topnav-item:nth-child(1) { -webkit-transform: translate(47.619048%, -17.578125%); -ms-transform: translate(47.619048%, -17.578125%); transform: translate(47.619048%, -17.578125%); }
.topnav.card .topnav-item:nth-child(2) { -webkit-transform: translate(23.809524%, -68.75%); -ms-transform: translate(23.809524%, -68.75%); transform: translate(23.809524%, -68.75%); }
.topnav.card .topnav-item:nth-child(3) { -webkit-transform: translate(0, -17.578125%); -ms-transform: translate(0, -17.578125%); transform: translate(0, -17.578125%); }
.topnav.card .topnav-item.active .topnav-card { font-weight: 600; }
.topnav.card .topnav-item.active .topnav-card .icon { color: transparent; font-weight: 400; background-image: -webkit-gradient(linear, left top, right top, from(#43deff), to(#146dd5)); background-image: -webkit-linear-gradient(left, #43deff 0%, #146dd5 100%); background-image: linear-gradient(to right, #43deff 0%, #146dd5 100%); -webkit-background-clip: text; background-clip: text; }
.topnav-card { width: 150px; height: 256px; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: #fff; -webkit-box-shadow: 0px 10px 20px 2px rgba(0, 61, 133, 0.1); box-shadow: 0px 10px 20px 2px rgba(0, 61, 133, 0.1); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.topnav-card .icon { font-size: 84px; line-height: 1; color: #b2bacd; margin-bottom: 12px; position: relative; z-index: 5; }
.topnav-card .text { position: relative; z-index: 2; }
.topnav-card::after, .topnav-card::before { content: ''; position: absolute; z-index: 1; top: 50%; border-style: solid; border-color: transparent #fff; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.topnav-card::after { right: 0; border-width: 130px 0 130px 75px; }
.topnav-card::before { left: 0; border-width: 130px 75px 130px 0; }
@media only screen and (max-width:1440px) {
	.topnav { gap: 50px; }
	.topnav-item { font-size: 18px; line-height: 48px; padding: 16px 0; }
	.topnav-item::after { height: 2px; }
	.topnav.card { height: 80px; }
	.topnav.card .topnav-item { padding-left: 66px; padding-right: 66px; }
	.topnav.card .topnav-item::after { left: 66px; right: 66px; }
	.topnav-card { width: 135px; height: 230px; }
	.topnav-card .icon { font-size: 74px; margin-bottom: 10px; }
	.topnav-card::after { border-width: 118px 0 118px 68px; }
	.topnav-card::before { border-width: 118px 68px 118px 0; }
}
@media only screen and (max-width:1200px) {
	.topnav { gap: 36px; }
	.topnav-item { font-size: 18px; line-height: 44px; padding: 15px 0; }
	.topnav.card { height: 74px; }
	.topnav.card .topnav-item { padding-left: 58px; padding-right: 58px; }
	.topnav.card .topnav-item::after { left: 58px; right: 58px; }
	.topnav-card { width: 120px; height: 204px; }
	.topnav-card .icon { font-size: 66px; margin-bottom: 9px; }
	.topnav-card::after { border-width: 108px 0 108px 60px; }
	.topnav-card::before { border-width: 108px 60px 108px 0; }
}
@media only screen and (max-width:1024px) {
	.topnav { gap: 27px; }
	.topnav-item { font-size: 16px; line-height: 36px; padding: 14px 0; }
	.topnav.card { height: 64px; }
	.topnav.card .topnav-item { padding-left: 52px; padding-right: 52px; }
	.topnav.card .topnav-item::after { left: 52px; right: 52px; }
	.topnav-card { width: 105px; height: 180px; }
	.topnav-card .icon { font-size: 58px; margin-bottom: 8px; }
	.topnav-card::after { border-width: 96px 0 96px 54px; }
	.topnav-card::before { border-width: 96px 54px 96px 0; }
}
@media only screen and (max-width:768px) {
	.topnav { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #e8e8e8; gap: 20px; }
	.topnav-wrap { width: 100%; overflow: auto hidden; }
	.topnav-wrap .topnav { width: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
	.topnav-item { font-size: 14px; line-height: 32px; padding: 10px 0; }
	.topnav.card { height: auto; padding-top: 20px; padding-bottom: 100px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.topnav.card .topnav-item { padding-left: 44px; padding-right: 44px; }
	.topnav.card .topnav-item::after { left: 44px; right: 44px; }
	.topnav.card .topnav-item:nth-child(1) { -webkit-transform: translate(calc(23.809524% - 1px), calc(50% + 3px)); -ms-transform: translate(calc(23.809524% - 1px), calc(50% + 3px)); transform: translate(calc(23.809524% - 1px), calc(50% + 3px)); }
	.topnav.card .topnav-item:nth-child(2) { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
	.topnav.card .topnav-item:nth-child(3) { -webkit-transform: translate(calc(-23.809524% + 1px), calc(50% + 3px)); -ms-transform: translate(calc(-23.809524% + 1px), calc(50% + 3px)); transform: translate(calc(-23.809524% + 1px), calc(50% + 3px)); }
	.topnav-card { width: 90px; height: 154px; }
	.topnav-card .icon { font-size: 50px; margin-bottom: 7px; }
	.topnav-card::after { border-width: 82px 0 82px 46px; }
	.topnav-card::before { border-width: 82px 46px 82px 0; }
}
@media only screen and (max-width:480px) {
	.topnav { gap: 0.56rem; }
	.topnav-item { font-size: 0.373334rem; line-height: 0.72rem; padding: 0.266667rem 0; }
	.topnav.card { padding-top: 0.48rem; padding-bottom: 1.84rem; }
	.topnav.card .topnav-item { padding-left: 0.773334rem; padding-right: 0.773334rem; }
	.topnav.card .topnav-item::after { left: 0.773334rem; right: 0.773334rem; }
	.topnav-card { width: 1.36rem; height: 2.48rem; }
	.topnav-card .icon { font-size: 0.8rem; margin-bottom: 0.16rem; }
	.topnav-card::after { border-width: 1.4rem 0 1.4rem 0.826667rem; }
	.topnav-card::before { border-width: 1.4rem 0.826667rem 1.4rem 0; }
}
.ibanner { width: 100%; overflow: hidden; position: relative; max-height: 270px; }
.ibanner .ht-container { position: relative; height: 100%; }
.ibanner-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 92px; }
.ibanner-text h2 { height: 100%; font-size: 36px; font-family: 'SourceHanSansCN-Light'; text-transform: uppercase; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; opacity: 0.8; }
.ibanner-back { padding-bottom: 33.5416667%; /*position: relative;*/ overflow: hidden; }
.ibanner-back img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@media only screen and (max-width:1366px) {
	.ibanner-text h2 { font-size: 60px; }
}
@media only screen and (max-width:1024px) {
	.ibanner-back { padding-bottom: 37.5%; }
	.ibanner-text { padding-top: 80px; }
	.ibanner-text h2 { font-size: 50px; }
}
@media only screen and (max-width:768px) {
	.ibanner-back { padding-bottom: 37.5%; }
	.ibanner-text { padding-top: 64px; }
	.ibanner-text h2 { font-size: 42px; }
}
@media only screen and (max-width:480px) {
	.ibanner-back { padding-bottom: 64%; }
	.ibanner-text { padding-top: 1.28rem; }
	.ibanner-text h2 { font-size: 0.56rem; padding-right: 0.266667rem; }
}
.banner-text { position: absolute; top: 50%; left: 0; padding-left: 5.3125%; padding-right: 5.3125%; padding-bottom: 50px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.banner-text h2 { color: #fff; font-size: 26px; line-height: 2; font-family: 'SourceHanSansCN-Light'; }
.banner-text p { color: #fff; font-size: 48px; line-height: 1; margin-top: 27px; }
.banner .swiper-slide a { display: block; line-height: 0; padding-bottom: 48.4375%; position: relative; overflow: hidden; }
.banner .swiper-slide a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.banner .swiper-pagination { height: 2px; bottom: 28px; line-height: 12px; text-align: left; padding-left: 5.8333334%; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background-color: #fff; margin: 0 10px !important; opacity: 1; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003884; }
@media only screen and (max-width:1600px) {
	.banner-text h2 { font-size: 26px; }
	.banner-text p { font-size: 48px; margin-top: 24px; }
}
@media only screen and (max-width:1200px) {
	.banner-text h2 { font-size: 26px; }
	.banner-text p { font-size: 48px; margin-top: 22px; }
	.banner .swiper-pagination-bullet { width: 10px; height: 10px; }
}
@media only screen and (max-width:1024px) {
	.banner-text { padding-bottom: 30px; }
	.banner-text h2 { font-size: 26px; }
	.banner-text p { font-size: 26px; margin-top: 27px; }
	.banner .swiper-pagination { bottom: 24px; line-height: 8px; }
	.banner .swiper-pagination-bullet { width: 8px; height: 8px; }
}
@media only screen and (max-width:768px) {
	.banner-text { padding-left: 6.375%; padding-right: 6.375%; padding-bottom: 0; }
	.banner-text h2 { font-size: 18px; }
	.banner-text p { font-size: 36px; margin-top: 16px; }
	.banner .swiper-pagination { bottom: 16px; line-height: 6px; padding-left: 7%; }
	.banner .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 6px !important; }
}
@media only screen and (max-width:480px) {
	.banner-text h2 { font-size: 0.373334rem; }
	.banner-text p { font-size: 0.64rem; margin-top: 0.4rem; }
	.banner .swiper-slide a { padding-bottom: 58.125%; }
	.banner .swiper-pagination { bottom: 0.426667rem; line-height: 0.16rem; }
	.banner .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; margin: 0 0.16rem !important; }
}
.title-view h3 { color: #353535; font-size: 26px; font-weight: bold; line-height: 1.16; }
.title-view p { color: #777; font-size: 24px; line-height: 1; text-transform: uppercase; margin-top: 8px; }
@media only screen and (max-width:1200px) {
	.title-view h3 { font-size: 26px; }
	.title-view p { font-size: 20px; margin-top: 10px; }
}
@media only screen and (max-width:1024px) {
	.title-view h3 { font-size: 26px; }
	.title-view p { font-size: 18px; margin-top: 9px; }
}
@media only screen and (max-width:768px) {
	.title-view h3 { font-size: 18px; }
	.title-view p { font-size: 16px; margin-top: 8px; }
}
@media only screen and (max-width:480px) {
	.title-view h3 { font-size: 0.48rem; }
	.title-view p { font-size: 0.32rem; margin-top: 0.213334rem; }
}
.article { background-color: #fff; }
.article-back { display: inline-block; font-size: 14px; line-height: 1.2; color: #313131; margin-bottom: 18px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.article-back::before { content: '<'; padding-right: 12px; }
.article-back:hover { color: #003884; }
.article-title { color: #393131; font-size: 18px; text-align: center; line-height: 1.5; }
.article-infos { text-align: left; line-height: 1.5; margin-top: 24px; padding-bottom: 12px; border-bottom: 1px solid #e6e6e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; }
.article-infos a { height: 100%; color: #656565; font-size: 14px; display: inline-block; vertical-align: top; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.article-infos a:hover { color: #003884; }
.article-infos i { font-size: 18px; margin-right: 8px; vertical-align: top; }
.article-infos span { height: 100%; color: #666; font-size: 18x; display: inline-block; vertical-align: top; }
.article-video { width: 960px; max-width: 100%; line-height: 0; margin: 30px auto 0; }
.article-video video { width: 100%; display: block; }
.article-video iframe { width: 100%; display: block; min-height: 675px; }
.article-texts { margin: 30px auto; max-width: 1100px; }
.article-texts p { color: #656565; font-size: 18px; line-height: 1.6; text-align: justify; text-indent: 2em; margin-bottom: 12px; }
.article-texts img { width: 800px; display: block; margin: 0 auto; max-width: 800px; }
.article-quick { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; padding-top: 30px; border-top: 1px solid #e6e6e8; overflow: hidden; }
.article-quick a { max-width: 45%; display: block; color: #828282; font-size: 18px; line-height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.32s ease-in-out; transition: 0.32s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-quick a:hover { color: #003884; }
.article-quick span { color: #9a9a9a; }
.article-foot { background-color: #f4f5f5; margin-top: 60px; padding: 48px 0; }
@media only screen and (max-width:1200px) {
	.article-back { font-size: 16px; margin-bottom: 16px; }
	.article-back::before { padding-right: 10px; }
	.article-title { font-size: 18px; }
	.article-texts { margin-top: 24px; }
	.article-texts p { font-size: 18px; }
	.article-infos { margin-top: 20px; padding-bottom: 11px; gap: 20px; }
	.article-infos a { font-size: 14px; }
	.article-infos i { font-size: 18px; margin-right: 6px; }
	.article-infos span { font-size: 18px; }
}
@media only screen and (max-width:1024px) {
	.article-back { font-size: 14px; margin-bottom: 14px; }
	.article-back::before { padding-right: 8px; }
	.article-title { font-size: 18px; }
	.article-infos { margin-top: 16px; padding-bottom: 10px; gap: 16px; }
	.article-infos a { font-size: 14px; }
	.article-infos i { font-size: 16px; margin-right: 5px; }
	.article-infos span { font-size: 16px; }
	.article-texts { margin-top: 20px; }
	.article-texts p { font-size: 16px; }
	.article-quick { margin-top: 28px; padding-top: 24px; }
	.article-quick a { font-size: 16px; line-height: 30px; }
}
@media only screen and (max-width:768px) {
	.article-back { font-size: 16px; margin-bottom: 12px; }
	.article-back::before { padding-right: 6px; }
	.article-title { font-size: 18px; }
	.article-texts { margin-top: 16px; }
	.article-texts p { font-size: 14px; }
	.article-infos { margin-top: 12px; padding-bottom: 9px; gap: 12px; }
	.article-infos a { font-size: 14px; }
	.article-infos i { font-size: 14px; margin-right: 4px; }
	.article-infos span { font-size: 14px; }
	.article-quick { margin-top: 20px; padding-top: 20px; }
	.article-quick a { font-size: 14px; line-height: 28px; }
	.article-foot { margin-top: 36px; padding: 30px 0; }
}
@media only screen and (max-width:480px) {
	.article-back { font-size: 0.373334rem; margin-bottom: 0.24rem; }
	.article-back::before { padding-right: 0.106667rem; }
	.article-title { font-size: 0.426667rem; }
	.article-texts { margin-top: 0.48rem; }
	.article-texts p { font-size: 0.373334rem; line-height: 1.74; }
	.article-infos { height: 0.8rem; margin-top: 0.4rem; padding-bottom: 0.32rem; gap: 0.4rem; }
	.article-infos a { font-size: 0.373334rem; }
	.article-infos i { font-size: 0.32rem; margin-right: 0.08rem; }
	.article-infos span { font-size: 0.373334rem; }
	.article-quick { margin-top: 0.64rem; padding-top: 0.48rem; }
	.article-quick a { font-size: 0.373334rem; line-height: 0.8rem; }
	.article-foot { margin-top: 0.853334rem; padding: 0.64rem 0; }
}
.card-item { display: block; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-image { padding-bottom: 59.5744681%; position: relative; overflow: hidden; }
.card-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.card-image img { -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-panel { padding-top: 20px; }
.card-name { color: #333; font-size: 18px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.card-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 12px; gap: 5px; }
.card-time img { width: 14px; height: 14px; }
.card-time span { color: #333; font-size: 14px; line-height: 1; }
.card-text { color: gray; font-size: 16px; line-height: 1.34; padding-top: 16px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.card-item:hover .card-title { color: #003884; }
@media only screen and (max-width:1024px) {
	.card-panel { padding-top: 18px; }
	.card-name { font-size: 18px; }
	.card-time { padding-top: 10px; }
	.card-time img { width: 14px; height: 14px; }
	.card-time span { font-size: 14px; }
	.card-text { font-size: 15px; padding-top: 14px; }
}
@media only screen and (max-width:768px) {
	.card-panel { padding-top: 16px; }
	.card-name { font-size: 18px; }
	.card-time { padding-top: 8px; }
	.card-time img { width: 14px; height: 14px; }
	.card-time span { font-size: 14px; }
	.card-text { font-size: 14px; padding-top: 12px; }
}
@media only screen and (max-width:480px) {
	.card-panel { padding-top: 0.426667rem; }
	.card-name { font-size: 0.373334rem; }
	.card-time { padding-top: 0.24rem; gap: 0.106667rem; }
	.card-time img { width: 0.373334rem; height: 0.373334rem; }
	.card-time span { font-size: 0.32rem; }
	.card-text { font-size: 0.32rem; padding-top: 0.266667rem; }
}
.tri-dialog { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; visibility: hidden; opacity: 0 }
.tri-dialog__wrap { width: 100%; max-width: 878px; padding: 30px; border-radius: 5px; background-color: #fff; -webkit-transition: opacity .35s ease-in-out; transition: opacity .35s ease-in-out; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; visibility: hidden; opacity: 0 }
.tri-dialog__close { position: absolute; z-index: 3; top: -46px; right: 12px; width: 32px; height: 32px; padding: 6px; border: 1px solid #fff; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 50%; text-align: center; cursor: pointer }
.tri-dialog__close::after, .tri-dialog__close::before { content: ""; position: absolute; top: 50%; left: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) }
.tri-dialog__close::after { content: ""; width: 60%; height: 2px }
.tri-dialog__close::before { content: ""; width: 2px; height: 60% }
.tri-dialog__close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: .6 }
.tri-dialog__content { position: relative; padding-bottom: 56.25% }
.tri-dialog__content video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.tri-dialog__content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.tri-dialog.active { visibility: visible; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.tri-dialog.active .tri-dialog__wrap { visibility: visible; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
@media only screen and (max-width:1024px) {
	.tri-dialog__wrap { width: 600px; padding: 24px; border-radius: 3px }
	.tri-dialog__close { top: -50px; right: 10px; width: 40px; height: 40px; padding: 7px }
}
@media only screen and (max-width:768px) {
	.tri-dialog__wrap { width: 88%; padding: 16px }
	.tri-dialog__close { top: -45px; right: 6px; width: 36px; height: 36px; padding: 6px }
}
@media only screen and (max-width:480px) {
	.tri-dialog__wrap { width: 95%; padding: .32rem; border-radius: 3px }
	.tri-dialog__close { top: -0.746666rem; right: .08rem; width: .64rem; height: .64rem; padding: .16rem }
	.tri-dialog__close::after { height: 1px }
	.tri-dialog__close::before { width: 1px }
}
.home-about { background-image: url(../images/home_about_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }
.home-about .ht-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; position: relative; padding-top: 4.6875%; padding-bottom: 3.25%; position: relative; z-index: 2; }
.home-about .ht-container::after { content: ''; position: absolute; z-index: 1; top: 0; left: 50%; width: 25.4605264%; padding-bottom: 23.2894737%; background-image: url(../images/background_d.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; margin-left: -11.8421052%; opacity: 0.5; }
.home-about__video { width: 41.25%; position: relative; z-index: 2; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.home-about__video::after {content: ''; display: block; width: 100%; padding-bottom: 56.256463%; }
.home-about__video .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.home-about__video .video-mask { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.home-about__video .video-mask i { display: block; color: #fff; font-size: 32px; cursor: pointer; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; line-height: 0; position: relative; z-index: 2 }
.home-about__video .video-mask img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 1; top: 0; left: 0; transition: 0.25s ease-in-out; }
.home-about__video .video-mask:hover { background-color: rgba(255, 255, 255, 0.3); }
.home-about__video.active .video-mask { width: 64px; height: 64px; border-radius: 50%; padding-left: 6px; bottom: 20px; left: 20px; }
.home-about__video.active .video-mask img { opacity: 0; }
.home-about__panel { width: 100%; padding-top: 3.5526316%; padding-left: 7.8947369%; position: relative; z-index: 2; }
.home-about__text { padding-top: 52px; color: #313131; font-size: 18px; line-height: 2; text-align: justify; }
.home-about__text .text p { text-indent: 2em; }
.home-about__more a { width: 120px; height: 50px; font-size: 18px; border-radius: 3px; background-color: #10509b; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20.1811126%; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; padding: 0 8px; color: #fff; }
.home-about__more a:hover { opacity: 0.8; }
.home-platform { padding-top: 5.1041667%; padding-bottom: 6.25%; background-image: url(../images/home_platform_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }
.home-platform .title-view { text-align: center; }
.home-platform .title-view h3 { color: #fff; }
.home-platform .title-view p { color: #fff; opacity: 0.5; }
.home-platform__view { padding-top: 4.5394737%; }
.home-platform__list { gap: 0 7.5657895%; }
.home-platform__item { width: 28.2894737%; border-radius: 5px; background-color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; padding: 29px 0; }
.home-platform__item .image { font-size: 66px; text-align: center; line-height: 0; }
.home-platform__item .panel { text-align: center; padding: 20px 20px 0; line-height: 1; }
.home-platform__item .panel h3 { color: #fff; font-size: 36px; line-height: 1; font-family: 'SourceHanSansCN-Bold'; }
.home-platform__item .panel p { color: #fff; font-size: 26px; line-height: 1; margin-top: 14px; }
.home-platform__item:hover { -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); transform: translate(0, -15px); }
.home-service { 
  background-color: #fff; 
  padding-top: 3.59375%; 
  padding-bottom: 1.5625% 
}
.home-service .title-view { text-align: center }
.home-service__roll { overflow: hidden; }
.home-service__list { 
  padding-top: 2.1875%; 
  margin-left: -5px; 
  margin-right: -5px 
}
.home-service__item { 
  width: 20%; 
  border-radius: 10px; 
  position: relative; 
  overflow: hidden 
}
.home-service__item a { display: block; position: relative; }
.home-service__item.ht-col-2 { 
  padding-right: 5px; 
  padding-left: 5px 
}
.home-service__item .image { 
  width: 100%; 
  -webkit-box-flex: 0; 
  -ms-flex: none; 
  flex: none; 
  overflow: hidden; 
  position: relative; 
  border-radius: 10px; 
  padding-bottom: 150% 
}
.home-service__item .image img { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  -o-object-fit: cover; 
  object-fit: cover; 
  max-width: none; 
  -webkit-transition: .25s ease-in-out; 
  transition: .25s ease-in-out; 
  -webkit-transform-origin: 50% 100%; 
  -ms-transform-origin: 50% 100%; 
  transform-origin: 50% 100% 
}
.home-service__item .image::after { 
  content: ""; 
  position: absolute; 
  z-index: 1; 
  left: 0; 
  bottom: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, .1); 
  -webkit-transition: .15s ease-in-out; 
  transition: .15s ease-in-out; 
  -webkit-transform-origin: 50% 100%; 
  -ms-transform-origin: 50% 100%; 
  transform-origin: 50% 100% 
}
.home-service__item .panel { 
  position: absolute; 
  z-index: 3; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);  
}
.home-service__item .board { 
  display: flex; 
  flex-direction: column; 
  justify-content: flex-end; 
  align-items: flex-start; 
  height: 100%; 
  color: #fff; 
  text-align: center; 
  padding: 0 20px 20px; 
  transition: all.03s;
  /* 新增：相对定位，作为more绝对定位的参考 */
  position: relative; 
}
.home-service__item .board h3 { 
  display: inline-block; 
  color: inherit; 
  font-size: 18px; 
  line-height: 1; 
  padding-bottom: 15px; 
  position: relative; 
}
.home-service__item .board h3::after { 
  content: ''; 
  position: absolute; 
  left: 0; 
  bottom: 0; 
  width: 60px; 
  height: 2px; 
  background: #fff; 
}
.home-service__item .board .text { 
  display: none; 
  font-size: 14px; 
  line-height: 1.6; 
  margin-top: 20px; 
  text-align:left;
  /* 新增：防止文本过长遮挡按钮 */
  margin-bottom: 60px;
  overflow-y: auto;
  /* 限制文本最大高度，预留按钮空间 */
  max-height: calc(100% - 180px);
}
/* 重点修改：查看更多按钮样式 */
.home-service__item .board .more { 
  display: none; 
  font-size: 14px; 
  line-height: 36px; 
  padding: 0 24px; 
  border: 1px solid #fff; 
  border-radius: 3px; 
  /* 移除原有margin-top，改为绝对定位 */
  /* margin-top: 20px; */
  /* 新增：固定在卡片底部居中 */
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  /* 新增：保证按钮可点击 */
  cursor: pointer;
  white-space: nowrap;
}
.home-service__item:hover .board { 
  justify-content: flex-start; 
  align-items: center; 
  padding: 40px 20px 20px; 
  background-color: rgba(0,0,0,0.6); 
}
.home-service__item:hover .board .text {display: block;}
.home-service__item:hover .board .more {display: block;}
.home-service__item:hover .board h3::after { 
  left: 50%; 
  transform: translate(-50%, 0); 
}

/* 新增：可选优化 - 文本滚动条样式（美观性） */
.home-service__item .board .text::-webkit-scrollbar {
  width: 4px;
}
.home-service__item .board .text::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.5);
  border-radius: 2px;
}
.home-case { padding-top: 4.0625%; position: relative; background-color: #ffffff; overflow: hidden; }
.home-case::after { content: ''; position: absolute; z-index: 1; top: 0; left: 50%; width: 20.15625%; padding-bottom: 18.4375%; background-image: url(../images/background_d2.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; -webkit-transform: translate(-115%, -8%); -ms-transform: translate(-115%, -8%); transform: translate(-115%, -8%); opacity: 0.5; }
.home-case .title-view { text-align: center; position: relative; z-index: 2; }
.home-case__view { overflow: hidden; margin-top: 1.5625%; position: relative; z-index: 2; }
.home-case__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-right: -8px; margin-left: -8px; }
.home-case__item { width: 33.3677686%; padding: 0 8px; }
.home-case__item .card { display: block; border-radius: 8px; position: relative; overflow: hidden; }
.home-case__item .card + .card { margin-top: 16px; }
.home-case__item .card:hover .image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.home-case__item .card:hover .image::after { background-color: rgba(0, 0, 0, 0.15); }
.home-case__item .image { padding-bottom: 54.2857143%; position: relative; overflow: hidden; border-radius: 5px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; overflow: hidden; }
.home-case__item .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.home-case__item .image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.home-case__item .title { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; font-size: 18px; line-height: 1.34; padding: 12px 20px; color: #fff; }
.home-case__item:first-child .card { height: 100%; }
.home-case__item:first-child .image { width: 100%; height: 100%; padding-bottom: 0; }
.home-news { padding-top: 5.1041667%; padding-bottom: 4.6875%; }
.home-news__view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.home-news__prev { width: 68.4210527%; padding-right: 3.2894737%; }
.home-news__roll { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); padding: 12px 20px 20px; }
.home-news__roll .swiper-container { padding-top: 20px; }
.home-news__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; border-bottom: 1px solid #dbdbdb; }
.home-news__head .title { color: #333; font-size: 26px; line-height: 0.92; font-weight: bold; }
.home-news__head .button { width: 114px; height: 42px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; }
.home-news__head .swiper-button-next, .home-news__head .swiper-button-prev { width: 42px; height: 42px; position: static; border-radius: 50%; background-image: none; background-color: #ebebeb; margin-top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.home-news__head .swiper-button-next::after, .home-news__head .swiper-button-prev::after { content: ''; display: block; width: 10px; height: 10px; border-style: solid; border-color: #fff; }
.home-news__head .swiper-button-next:hover, .home-news__head .swiper-button-prev:hover { background-color: #0c3d76; }
.home-news__head .swiper-button-next::after { margin-right: 2px; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.home-news__head .swiper-button-prev::after { margin-left: 2px; border-width: 2px 0 0 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-news__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-news__card .image { width: 47.8947369%; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.home-news__card .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.home-news__card .image::after { content: ''; display: block; width: 100%; padding-bottom: 62.6373627%; }
.home-news__card .panel { width: 52.1052632%; padding-left: 30px; }
.home-news__card .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-news__card .time { width: 94px; height: 100%; padding: 20px 0; background-color: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.home-news__card .time span { color: #10509b; font-size: 48px; line-height: 0.75; }
.home-news__card .time small { color: #10509b; font-size: 14px; line-height: 1; margin-top: 10px; }
.home-news__card .addr { width: 3em; color: #999; font-size: 14px; line-height: 1.29; text-align: right; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.home-news__card .addr::before { content: ''; display: block; width: 10px; height: 2px; background-color: #10509b; margin-bottom: 10px; }
.home-news__card .name { color: #333; font-size: 18px; line-height: 1.34; font-family: 'SourceHanSansCN-Bold'; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 16px; }
.home-news__card .desc { color: #333; font-size: 16px; line-height: 1.56; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 38px; }
.home-news__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; gap: 20px; }
.home-news__flex .block { display: block; width: calc(50% - 10px); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); padding: 20px 20px 20px 112px; position: relative; }
.home-news__flex .time { position: absolute; top: 0; left: 0; width: 94px; height: 100%; padding: 20px 0; background-color: #10509b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.home-news__flex .time span { color: #fff; font-size: 48px; line-height: 0.75; }
.home-news__flex .time small { color: #fff; font-size: 14px; line-height: 1; margin-top: 10px; }
.home-news__flex .name { color: #333; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.home-news__flex .desc { color: gray; font-size: 16px; line-height: 1.88; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.home-news__next { width: 31.5789474%; padding: 12px 20px 4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 52, 112, 0.1); border-radius: 3px; }
.home-news__next .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 21px 0; }
.home-news__next .head span { font-size: 26px; line-height: 1.32; font-weight: bold; }
.home-news__next .more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 42px; height: 42px; border-radius: 50%; background-color: #10509b; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.home-news__next .more::after { content: ''; display: block; width: 10px; height: 10px; border-style: solid; border-width: 1px 1px 0 0; border-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 3px; margin-bottom: 2px; }
.home-news__next .more:hover { background-color: #0c3d76; }
.home-news__next .item { padding: 20px 0; border-top: 1px solid #dbdbdb; }
.home-news__next .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.home-news__next .image { width: 27.5%; position: relative; }
.home-news__next .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.home-news__next .image::before { content: ''; display: block; width: 100%; padding-bottom: 79.5454546%; }
.home-news__next .panel { width: 72.5%; padding-left: 18px; }
.home-news__next .name { color: #333; font-size: 18px; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.home-news__next .time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 14px; gap: 5px; }
.home-news__next .time img { width: 18px; height: 18px; }
.home-news__next .time span { color: #666; font-size: 16px; line-height: 1; }
@media only screen and (max-width:1024px) {
	.home-about .ht-container { padding-top: 5.625%; padding-bottom: 7.5%; }
	.home-about__video .video-mask i { font-size: 48px; }
	.home-about__video.active .video-mask { width: 72x; height: 72x; padding-left: 6px; bottom: 16px; left: 16px; }
	.home-about__panel { padding-top: 1.5789474%; padding-left: 5.5263158%; }
	.home-about__text { padding-top: 36px; font-size: 18px; }
	.home-about__more a { width: 120px; height: 50px; font-size: 18px; margin-top: 11.6429496%; }
	.home-platform { padding-top: 6.125%; padding-bottom: 7.5%; }
	.home-platform__view { padding-top: 4.5394737%; }
	.home-platform__list { gap: 0 3.9473685%; }
	.home-platform__item { width: 30.6578948%; padding: 24px 0; }
	.home-platform__item .image { font-size: 54px; }
	.home-platform__item .panel { padding: 18px 18px 0; }
	.home-platform__item .panel h3 { font-size: 24px; }
	.home-platform__item .panel p { font-size: 18px; margin-top: 12px; }
	.home-service { padding-top: 4.3125%; padding-bottom: 1.875% }
	.home-service__roll { overflow: auto hidden; }
	.home-service__list { min-width: 1200px; padding-top: 2.625%; margin-left: -4px; margin-right: -4px }
	.home-service__item.ht-col-2 { padding-right: 4px; padding-left: 4px }
	.home-service__item .board h3 { font-size: 18px; padding-bottom: 12px; }

	.home-case { padding-top: 4.875%; }
	.home-case__view { margin-top: 1.875%; }
	.home-case__list { margin-right: -6px; margin-left: -6px; }
	.home-case__item { padding: 0 6px; }
	.home-case__item .card + .card { margin-top: 12px; }
	.home-case__item .title { font-size: 18px; padding: 10px 16px; }
	.home-news { padding-top: 6.125%; padding-bottom: 5.625%; }
	.home-news__prev { width: 68.4210527%; padding-right: 20px; }
	.home-news__roll { padding: 10px 16px 16px; }
	.home-news__roll .swiper-container { padding-top: 16px; }
	.home-news__head { padding: 20px 0; }
	.home-news__head .title { font-size: 26px; font-weight: bold; }
	.home-news__head .button { width: 92px; height: 36px; gap: 16px; }
	.home-news__head .swiper-button-next, .home-news__head .swiper-button-prev { width: 36px; height: 36px; }
	.home-news__head .swiper-button-next::after, .home-news__head .swiper-button-prev::after { width: 8px; height: 8px; margin-right: 2px; margin-bottom: 1px; }
	.home-news__card .image { width: 47.8947369%; }
	.home-news__card .panel { width: 52.1052632%; padding-left: 20px; }
	.home-news__card .time { width: 80px; padding: 16px 0; }
	.home-news__card .time span { font-size: 32px; }
	.home-news__card .name { font-size: 18px; margin-top: 12px; }
	.home-news__card .desc { font-size: 16px; margin-top: 15px; }
	.home-news__flex { margin-top: 16px; gap: 16px; }
	.home-news__flex .block { width: calc(50% - 8px); -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 12px 0px rgba(0, 52, 112, 0.1); padding: 16px 16px 16px 96px; }
	.home-news__flex .time { width: 80px; padding: 16px 0; }
	.home-news__flex .time span { font-size: 36px; }
	.home-news__flex .name { font-size: 18px; }
	.home-news__flex .desc { font-size: 14px; }
	.home-news__next { padding: 10px 16px 4px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 12px 0px rgba(0, 52, 112, 0.1); }
	.home-news__next .head { padding: 18px 0; }
	.home-news__next .head span { font-size: 26px; font-weight: bold }
	.home-news__next .more { width: 36px; height: 36px; }
	.home-news__next .more::after { width: 8px; height: 8px; margin-right: 2px; margin-bottom: 1px; }
	.home-news__next .item { padding: 16px 0; }
	.home-news__next .panel { padding-left: 15px; }
	.home-news__next .name { font-size: 16px; }
	.home-news__next .time { margin-top: 8px; }
	.home-news__next .time img { width: 16px; height: 16px; }
	.home-news__next .time span { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.home-about .ht-container { padding-top: 7.5%; padding-bottom: 10%; }
	.home-about__video .video-mask i { font-size: 36px; }
	.home-about__video.active .video-mask { width: 54px; height: 54px; padding-left: 4px; bottom: 15px; left: 15px; }
	.home-about__panel { padding-top: 0.7894737%; padding-left: 4.7368422%; }
	.home-about__text { padding-top: 24px; font-size: 16px; }
	.home-about__more a { width: 160px; height: 50px; font-size: 18px; margin-top: 10.866753%; }
	.home-platform { padding-top: 6.125%; padding-bottom: 7.5%; }
	.home-platform__list { gap: 0 2.631579%; }
	.home-platform__item { width: 31.5789474%; padding: 20px 0; }
	.home-platform__item .image { font-size: 48px; }
	.home-platform__item .panel { padding: 16px 16px 0; }
	.home-platform__item .panel h3 { font-size: 20px; }
	.home-platform__item .panel p { font-size: 15px; margin-top: 10px; }
	.home-service { padding-top: 5.75%; padding-bottom: 2.5% }
	.home-service__list { padding-top: 3.5%; margin-left: -3px; margin-right: -3px }
	.home-service__item { border-radius: 8px }
	.home-service__item.ht-col-2 { padding-right: 3px; padding-left: 3px }
	.home-service__item .board h3 { font-size: 14px; padding-bottom: 10px; }
	.home-service__item .board p { font-size: 16px }
	.home-case { padding-top: 6.5%; }
	.home-case__view { margin-top: 2.5%; }
	.home-case__list { margin-right: -5px; margin-left: -5px; }
	.home-case__item { padding: 0 5px; }
	.home-case__item .card + .card { margin-top: 10px; }
	.home-case__item .title { font-size: 16px; padding: 8px 15px; }
	.home-news { padding-top: 8.1666667%; padding-bottom: 7.5%; }
	.home-news__view { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.home-news__prev { width: 100%; padding-right: 0; }
	.home-news__roll { padding: 10px 15px 15px; }
	.home-news__roll .swiper-container { padding-top: 15px; }
	.home-news__head { padding: 15px 0; }
	.home-news__head .title { font-size: 26px; font-weight: bold; }
	.home-news__head .button { width: 76px; height: 32px; gap: 12px; }
	.home-news__head .swiper-button-next, .home-news__head .swiper-button-prev { width: 32px; height: 32px; }
	.home-news__head .swiper-button-next::after, .home-news__head .swiper-button-prev::after { width: 7px; height: 7px; }
	.home-news__card .panel { width: 52.1052632%; padding-left: 30px; }
	.home-news__card .time { width: 72px; padding: 15px 0; }
	.home-news__card .time span { font-size: 28px; }
	.home-news__card .time small { font-size: 13px; margin-top: 8px; }
	.home-news__card .addr { font-size: 13px; }
	.home-news__card .addr::before { width: 9px; margin-bottom: 9px; }
	.home-news__card .name { font-size: 18px; margin-top: 12px; }
	.home-news__card .desc { font-size: 14px; margin-top: 18px; }
	.home-news__flex { margin-top: 15px; gap: 14px; }
	.home-news__flex .block { width: calc(50% - 7px); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 52, 112, 0.1); padding: 15px 15px 15px 90px; }
	.home-news__flex .time { width: 72px; padding: 15px 0; }
	.home-news__flex .time span { font-size: 28px; }
	.home-news__flex .time small { font-size: 13px; margin-top: 8px; }
	.home-news__flex .name { font-size: 16px; }
	.home-news__flex .desc { font-size: 13px; }
	.home-news__next { width: 100%; margin-top: 24px; padding: 9px 15px 4px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 52, 112, 0.1); }
	.home-news__next .head { padding: 16px 0; }
	.home-news__next .head span { font-size: 26px; font-weight: bold; }
	.home-news__next .more { width: 32px; height: 32px; }
	.home-news__next .more::after { width: 7px; height: 7px; }
	.home-news__next .item { padding: 15px 0; }
	.home-news__next .image { width: 132px; }
	.home-news__next .panel { width: calc(100% - 132px); padding-left: 14px; }
	.home-news__next .time { margin-top: 12px; }
	.home-news__next .time img { width: 15px; height: 15px; }
	.home-news__next .time span { font-size: 13px; }
}
@media only screen and (max-width:480px) {
	.home-about { background-position: center 0; background-size: cover; }
	.home-about .ht-container { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.96rem; padding-bottom: 1.12rem; }
	.home-about .ht-container::after { top: 55%; width: 40.3125%; padding-bottom: 36.875%; }
	.home-about__video .video-mask i { font-size: 0.72rem; }
	.home-about__video.active .video-mask { width: 1.2rem; height: 1.2rem; padding-left: 0.08rem; bottom: 0.32rem; left: 0.32rem; }
	.home-about__video { width: 100%; }
	.home-about__panel { padding-top: 0.64rem; padding-left: 0; }
	.home-about__text { padding-top: 0.48rem; font-size: 0.373334rem; }
	.home-about__more a { width: 3.413334rem; height: 1.28rem; font-size: 0.4rem; border-radius: 0.08rem; margin-top: 0.8rem; padding: 0 0.16rem; }
	.home-platform { padding-top: 0.96rem; padding-bottom: 1.28rem; }
	.home-platform__view { padding-top: 4.5394737%; }
	.home-platform__list { gap: 0.4rem; }
	.home-platform__item { width: 100%; border-radius: 0.08rem; padding: 0.4rem 0; }
	.home-platform__item .image { font-size: 1.28rem; }
	.home-platform__item .panel { padding: 0.4rem 0.4rem 0; }
	.home-platform__item .panel h3 { font-size: 0.48rem; }
	.home-platform__item .panel p { font-size: 0.373334rem; margin-top: 0.266667rem; }
	.home-service { padding-top: .8rem; padding-bottom: .8rem }
	.home-service__list { padding-top: .64rem; margin-left: -0.053333rem; margin-right: -0.053333rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
	.home-service__item { border-radius: 10px }
	.home-service__item.ht-col-2 { padding-right: .053334rem; padding-left: .053334rem; margin-bottom: .106667rem }
	.home-service__item .image { padding-bottom: 150% }
	.home-service__item .board h3 { font-size: .426667rem; padding-bottom: .266667rem;}
	.home-service__item .board .text { font-size: .373334rem; margin-top: .32rem  }
	.home-case { padding-top: 0.32rem; }
	.home-case::after { left: 50%; width: 40.3125%; padding-bottom: 36.875%; background-size: 100% 100%; -webkit-transform: translate(-100%, -20%); -ms-transform: translate(-100%, -20%); transform: translate(-100%, -20%); }
	.home-case__view { margin-top: 0.32rem; }
	.home-case__list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0.4rem; margin-left: 0.4rem; }
	.home-case__item { width: 100%; padding: 0 0.08rem; margin-top: 0.32rem; }
	.home-case__item .card + .card { margin-top: 0.32rem; }
	.home-case__item .title { font-size: 0.48rem; padding: 0.186667rem 0.32rem; }
	.home-case__item:first-child .image { height: 0; padding-bottom: 111.1111112%; }
	.home-news { padding-top: 0.96rem; padding-bottom: 1.12rem; }
	.home-news__roll { padding: 0.16rem 0.32rem 0.32rem; }
	.home-news__roll .swiper-container { padding-top: 0.32rem; }
	.home-news__head { padding: 0.32rem 0; }
	.home-news__head .title { font-size: 0.56rem; }
	.home-news__head .button { width: 1.92rem; height: 0.8rem; gap: 0.32rem; }
	.home-news__head .swiper-button-next, .home-news__head .swiper-button-prev { width: 0.8rem; height: 0.8rem; }
	.home-news__head .swiper-button-next::after, .home-news__head .swiper-button-prev::after { width: 0.16rem; height: 0.16rem; }
	.home-news__card { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.home-news__card .image { width: 100%; }
	.home-news__card .panel { width: 100%; padding-left: 0; padding-top: 0.4rem; }
	.home-news__card .time { width: 1.92rem; padding: 0.32rem 0; }
	.home-news__card .time span { font-size: 0.56rem; }
	.home-news__card .time small { font-size: 0.32rem; margin-top: 0.24rem; }
	.home-news__card .addr { font-size: 0.32rem; }
	.home-news__card .addr::before { width: 0.2rem; margin-bottom: 0.2rem; }
	.home-news__card .name { font-size: 0.4rem; margin-top: 0.32rem; }
	.home-news__card .desc { font-size: 0.32rem; margin-top: 0.32rem; }
	.home-news__flex { margin-top: 0.32rem; gap: 0.32rem; }
	.home-news__flex .block { width: 100%; -webkit-box-shadow: 0px 0px 0.32rem 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 0.32rem 0px rgba(0, 52, 112, 0.1); padding: 0.32rem 0.32rem 0.32rem 2.24rem; }
	.home-news__flex .time { width: 1.92rem; padding: 0.32rem 0; }
	.home-news__flex .time span { font-size: 0.56rem; }
	.home-news__flex .time small { font-size: 0.32rem; margin-top: 0.24rem; }
	.home-news__flex .name { font-size: 0.373334rem; }
	.home-news__flex .desc { font-size: 0.32rem; }
	.home-news__next { margin-top: 0.48rem; padding: 0.16rem 0.32rem 0.08rem; -webkit-box-shadow: 0px 0px 0.32rem 0px rgba(0, 52, 112, 0.1); box-shadow: 0px 0px 0.32rem 0px rgba(0, 52, 112, 0.1); }
	.home-news__next .head { padding: 0.4rem 0; }
	.home-news__next .head span { font-size: 0.48rem; }
	.home-news__next .more { width: 0.8rem; height: 0.8rem; }
	.home-news__next .more::after { width: 0.16rem; height: 0.16rem; }
	.home-news__next .item { padding: 0.32rem 0; }
	.home-news__next .image { width: 2.4rem; }
	.home-news__next .panel { width: calc(100% - 2.4rem); padding-left: 0.32rem; }
	.home-news__next .name { font-size: 0.4rem; }
	.home-news__next .time { margin-top: 0.24rem; gap: 0.106667rem; }
	.home-news__next .time img { width: 0.373334rem; height: 0.373334rem; }
	.home-news__next .time span { font-size: 0.32rem; }
}
.about-page { padding-top: 4.1666667%; padding-bottom: 6.25%; }
.about-text { font-size: 18px; line-height: 1.75; color: #777; }
.about-text p { text-indent: 2em; }
.about-text img { display: block; max-width: 100%; margin: 0 auto; }
.about-title { text-align: center; color: #313131; font-size: 52px; line-height: 1; }
.about-brief { color: #666; font-size: 20px; line-height: 1.5; text-indent: 2em; margin: 30px auto 0; max-width: 88%; }
.about-datum { margin: 0 auto; max-width: 1157px; padding-top: 4.4736843%; padding-bottom: 2.9605264%; }
.about-datum ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 36px; gap: 10px; }
.about-datum li { padding: 0 4.7368422%; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.about-datum .data { color: #003884; line-height: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: 'AlibabaPuHuiTi-Light'; white-space: nowrap; gap: 5px; }
.about-datum .data .nums { font-size: 72px; }
.about-datum .data .unit { font-size: 26px; padding-bottom: 6px; }
.about-datum .text { font-size: 20px; line-height: 1.5; margin-top: 8px; color: #333; }
.honor-page { padding-top: 3.90625%; padding-bottom: 4.6875%; }
.honor-brief { color: #666; font-size: 20px; line-height: 1.5; text-indent: 2em; }
.honor-image { padding-top: 0.9210527%; }
.honor-image-list { padding-left: 2.631579%; padding-right: 2.631579%; }
.honor-image-list .item { padding: 4.7222223% 6px 0; }
.honor-image-list .card { padding-top: 2.1367522%; padding-left: 8.974359%; padding-right: 10.2564103%; padding-bottom: 36.7521368%; background-image: url(../images/honor_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; position: relative; cursor: pointer; }
.honor-image-list .card::after { content: ''; position: absolute; left: 12%; right: 12%; bottom: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }
.honor-image-list .image { width: 100%; padding-bottom: 72.1179625%; position: relative; overflow: hidden; }
.honor-image-list .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.honor-image-list .image img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.honor-image-list .image::after { content: ''; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0); }
.honor-image-list .panel { position: absolute; top: 0; left: 0; right: 0; padding-top: 75%; padding-left: 16px; padding-right: 16px; padding-bottom: 5.982906%; text-align: center; }
.honor-image-list .name { color: #0090e2; font-size: 18px; text-align: center; line-height: 1.2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; }
.honor-image-list .time { font-size: 28px; line-height: 0.86; margin-top: 14px; color: #666; }
.honor-image-list .item:hover .image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.honor-image-list .item:hover .image::after { background-color: rgba(0, 0, 0, 0.1); }
.honor-image-list .item:hover .name { color: #003884; }
.vision-view { padding-top: 4.1666667%; padding-bottom: 3.125%; background-color: #f8fafc; }
.vision-wrap { overflow: hidden; padding-bottom: 40px; }
.vision-title { text-align: center; position: relative; }
.vision-title .en { display: block; color: #ededed; font-size: 48px; line-height: 1; text-transform: uppercase; font-family: 'SourceHanSansCN-Normal'; }
.vision-title .cn { display: block; color: #333; font-size: 26px; font-weight: 600; line-height: 1; margin-top: -28px; font-family: 'SourceHanSansCN-Bold'; }
.vision-list { margin-left: -1.3157894%; margin-right: -1.3157894%; padding-top: 3.9473685%; }
.vision-list.ht-row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.vision-list .ht-col-4 { padding-left: 1.2820513%; padding-right: 1.2820513%; }
.vision-card { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; padding: 70px 50px 63px; background-color: #fff; -webkit-box-shadow: 0px 5px 50px 0px rgba(27, 27, 50, 0.12); box-shadow: 0px 5px 50px 0px rgba(27, 27, 50, 0.12); border-radius: 10px; }
.vision-icon { width: 80%; max-width: 190px; border-radius: 50%; position: relative; overflow: hidden; }
.vision-icon img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; }
.vision-icon::before { display: block; content: ''; width: 100%; padding-bottom: 100%; position: relative; z-index: 1; }
.vision-name { color: #333; font-size: 18px; font-weight: 600; padding-top: 30px; line-height: 1; font-family: 'SourceHanSansCN-Bold'; }
.vision-desc { color: #666; font-size: 16px; line-height: 1.39; margin-top: 18px; }
.mission-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 4.6875%; padding-bottom: 3.6458334%; overflow: hidden; }
.mission-title { width: 269px; padding-right: 13.8157895%; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.mission-title .en { display: block; color: #e3e3e3; font-size: 26px; line-height: 1; text-transform: uppercase; padding-bottom: 40px; position: relative; }
.mission-title .en::before, .mission-title .en::after { content: ''; position: absolute; bottom: 0; height: 4px; background-color: #003884; }
.mission-title .en::before { left: 3px; width: 54px; }
.mission-title .en::after { left: 60px; width: 4px; }
.mission-title .cn { display: block; color: #333; font-size: 26px; line-height: 1; margin-top: 40px; font-family: 'SourceHanSansCN-Bold'; font-weight: 600; }
.mission-panel { width: calc(86.184211% - 269px); padding-top: 20px; margin-top: -20px; overflow: hidden; }
.mission-list { margin-left: -10px; margin-right: -10px; }
.mission-list .ht-row { -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; }
.mission-list .ht-col-6 { padding-right: 10px; padding-left: 10px; margin-bottom: 20px; }
.mission-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 48px 42px 47px; background-color: #fff; -webkit-box-shadow: 0 0 0 2px #e6e6e6 inset; box-shadow: 0 0 0 2px #e6e6e6 inset; border-bottom: 1px solid transparent; }
.mission-icon { width: 73px; padding: 0 14px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.mission-icon img { display: block; }
.mission-pane { width: calc(100% - 101px); padding-left: 36px; }
.mission-name { color: #333; font-size: 18px; line-height: 1.45; font-weight: bold; }
.mission-desc { color: #666; font-size: 16px; line-height: 1.45; text-align: justify; margin-top: 12px; }
@media only screen and (max-width:1200px) {
	.about-text { font-size: 18px; }
	.about-title { font-size: 42px; }
	.about-brief { font-size: 18px; margin-top: 28px; }
	.about-datum { padding-top: 4.4736843%; padding-bottom: 2.9605264%; }
	.about-datum ul { padding-top: 30px; gap: 8px; }
	.about-datum .data { gap: 4px; }
	.about-datum .data .nums { font-size: 60px; }
	.about-datum .data .unit { font-size: 22px; padding-bottom: 4px; }
	.about-datum .text { font-size: 18px; margin-top: 7px; }
	.honor-brief { font-size: 18px; margin-top: 30px; }
	.honor-image-list { padding-left: 1.9736843%; padding-right: 1.9736843%; }
	.honor-image-list .panel { padding-right: 14px; padding-left: 14px; }
	.honor-image-list .name { font-size: 24px; }
	.honor-image-list .time { font-size: 22px; margin-top: 12px; }
	.mission-title { width: 240px; padding-right: 10%; }
	.mission-title .en { font-size: 26px; padding-bottom: 36px; }
	.mission-title .en::before { width: 50px; }
	.mission-title .en::after { left: 56px; }
	.mission-title .cn { font-size: 26px; margin-top: 36px; font-weight: 600; }
	.mission-panel { width: calc(90% - 240px); padding-top: 18px; margin-top: -18px; }
	.mission-card { padding: 45px 36px 44px; }
	.mission-icon { width: 63px; padding: 0 12px; }
	.mission-pane { width: calc(100% - 87px); padding-left: 32px; }
	.mission-name { font-size: 18px; }
	.mission-desc { font-size: 17px; margin-top: 11px; }
}
@media only screen and (max-width:1024px) {
	.about-page { padding-top: 5%; padding-bottom: 7.5%; }
	.about-text { font-size: 16px; padding-top: 3.9473685%; margin-top: 3.9473685%; }
	.about-title { font-size: 32px; }
	.about-brief { font-size: 16px; margin-top: 24px; }
	.about-datum ul { padding-top: 24px; gap: 7px; }
	.about-datum .data { gap: 3px; }
	.about-datum .data .nums { font-size: 50px; }
	.about-datum .data .unit { font-size: 20px; padding-bottom: 3px; }
	.about-datum .text { font-size: 16px; margin-top: 6px; }
	.honor-page { padding-top: 4.6875%; padding-bottom: 5.625%; }
	.honor-brief { font-size: 16px; margin-top: 24px; }
	.honor-image-list { padding-left: 1.5789474%; padding-right: 1.5789474%; }
	.honor-image-list .item { padding-left: 5px; padding-right: 5px; }
	.honor-image-list .image { width: 100%; padding-bottom: 72.1179625%; }
	.honor-image-list .panel { padding-right: 12px; padding-left: 12px; }
	.honor-image-list .name { font-size: 20px; }
	.honor-image-list .time { font-size: 18px; margin-top: 10px; }
	.vision-view { padding-top: 5%; padding-bottom: 3.75%; }
	.vision-wrap { padding-bottom: 36px; }
	.vision-title .en { font-size: 48px; }
	.vision-title .cn { font-size: 26px; margin-top: -24px; }
	.vision-list { margin-left: -0.9868421%; margin-right: -0.9868421%; padding-top: 4.7368422%; }
	.vision-list .ht-col-4 { padding-left: 0.967742%; padding-right: 0.967742%; }
	.vision-card { padding: 54px 30px 50px; -webkit-box-shadow: 0px 5px 40px 0px rgba(27, 27, 50, 0.12); box-shadow: 0px 5px 40px 0px rgba(27, 27, 50, 0.12); border-radius: 8px; }
	.vision-name { font-size: 18px; padding-top: 24px; }
	.vision-desc { font-size: 16px; margin-top: 16px; }
	.mission-view { padding-top: 5.625%; padding-bottom: 4.375%; }
	.mission-title { width: 224px; padding-right: 5%; }
	.mission-title .en { font-size: 26px; padding-bottom: 32px; }
	.mission-title .en::before { width: 45px; }
	.mission-title .en::after { left: 51px; }
	.mission-title .cn { font-size: 26px; margin-top: 32px; font-weight: 600; }
	.mission-panel { width: calc(95% - 224px); padding-top: 16px; margin-top: -16px; }
	.mission-list { margin-left: -8px; margin-right: -8px; }
	.mission-list .ht-col-6 { padding-right: 8px; padding-left: 8px; margin-bottom: 16px; }
	.mission-card { padding: 36px 28px 35px; -webkit-box-shadow: 0 0 0 1px #e6e6e6 inset; box-shadow: 0 0 0 1px #e6e6e6 inset; }
	.mission-icon { width: 54px; padding: 0 8px; }
	.mission-pane { width: calc(100% - 70px); padding-left: 28px; }
	.mission-name { font-size: 18px; }
	.mission-desc { font-size: 16px; margin-top: 10px; }
}
@media only screen and (max-width:768px) {
	.about-page { padding-top: 6.6666667%; padding-bottom: 10%; }
	.about-text { font-size: 14px; padding-top: 4.7368422%; margin-top: 4.7368422%; }
	.about-title { font-size: 24px; }
	.about-brief { font-size: 14px; margin-top: 20px; }
	.about-datum { padding-top: 4.9342106%; padding-bottom: 3.5526316%; }
	.about-datum ul { padding-top: 20px; gap: 6px; }
	.about-datum .data .nums { font-size: 42px; }
	.about-datum .data .unit { font-size: 16px; padding-bottom: 2px; }
	.about-datum .text { font-size: 14px; }
	.honor-page { padding-top: 6.25%; padding-bottom: 7.5%; }
	.honor-brief { font-size: 14px; margin-top: 20px; }
	.honor-image-list { padding-left: 1.0526316%; padding-right: 1.0526316%; }
	.honor-image-list .item { padding-right: 4px; padding-left: 4px; }
	.honor-image-list .panel { padding-top: 73.0769231%; padding-right: 10px; padding-left: 10px; }
	.honor-image-list .name { font-size: 18px; }
	.honor-image-list .time { font-size: 15px; margin-top: 6px; }
	.vision-view { padding-top: 6.6666667%; padding-bottom: 5%; }
	.vision-wrap { padding-bottom: 10px; }
	.vision-title .en { font-size: 54px; }
	.vision-title .cn { font-size: 26px; margin-top: -20px; }
	.vision-list { margin-left: -10px; margin-right: -10px; padding-top: 36px; }
	.vision-list .ht-col-4 { width: 50%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
	.vision-card { -webkit-box-shadow: 0px 5px 30px 0px rgba(27, 27, 50, 0.12); box-shadow: 0px 5px 30px 0px rgba(27, 27, 50, 0.12); padding: 36px 18px 30px; border-radius: 10px; }
	.vision-name { font-size: 18px; padding-top: 30px; }
	.vision-desc { font-size: 16px; margin-top: 18px; }
	.mission-view { padding-top: 7.5%; padding-bottom: 5.8333334%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.mission-title { width: 100%; padding-right: 0; }
	.mission-title .en { font-size: 26px; padding-bottom: 28px; }
	.mission-title .en::before, .mission-title .en::after { height: 3px; }
	.mission-title .en::before { left: 2px; width: 42px; }
	.mission-title .en::after { left: 47px; width: 3px; }
	.mission-title .cn { font-size: 26px; margin-top: 28px; }
	.mission-panel { width: 100%; padding-top: 36px; margin-top: 0; }
	.mission-list { margin-left: -6px; margin-right: -6px; }
	.mission-list .ht-col-6 { padding-right: 6px; padding-left: 6px; margin-bottom: 12px; }
	.mission-card { padding: 28px 20px 27px; }
	.mission-icon { width: 45px; padding: 0 6px; }
	.mission-pane { width: calc(100% - 57px); padding-left: 24px; }
	.mission-name { font-size: 18px; }
	.mission-desc { font-size: 15px; margin-top: 8px; }
}
@media only screen and (max-width:480px) {
	.about-page { padding-top: 0.96rem; padding-bottom: 1.28rem; }
	.about-text { font-size: 0.373334rem; padding-top: 0.72rem; margin-top: 0.72rem; }
	.about-title { font-size: 0.48rem; }
	.about-brief { max-width: none; font-size: 0.373334rem; margin-top: 0.48rem; }
	.about-datum { max-width: none; padding-top: 0.96rem; padding-bottom: 0.72rem; }
	.about-datum ul { padding-top: 0.32rem; gap: 0.16rem; }
	.about-datum li { padding: 0 0.266667rem; }
	.about-datum .data { gap: 0.08rem; }
	.about-datum .data .nums { font-size: 0.56rem; }
	.about-datum .data .unit { font-size: 0.373334rem; padding-bottom: 0.026667rem; }
	.about-datum .text { font-size: 0.32rem; margin-top: 0.16rem; }
	.honor-page { padding-top: 0.96rem; padding-bottom: 1.2rem; }
	.honor-brief { font-size: 0.373334rem; margin-top: 0.48rem; }
	.honor-image { padding-top: 0.24rem; }
	.honor-image-list { padding-left: 0; padding-right: 0; }
	.honor-image-list .item { width: 50%; padding-right: 0.08rem; padding-left: 0.08rem; }
	.honor-image-list .card { padding-bottom: 41.0256411%; }
	.honor-image-list .panel { padding-top: 74.3589744%; }
	.honor-image-list .name { font-size: 0.373334rem; }
	.honor-image-list .time { font-size: 0.32rem; margin-top: 0.16rem; }
	.vision-view { padding-top: 0.96rem; padding-bottom: 0.8rem; }
	.vision-wrap { padding-bottom: 0.16rem; }
	.vision-title .en { font-size: 1.12rem; }
	.vision-title .cn { font-size: 0.72rem; margin-top: -0.32rem; }
	.vision-list { margin-left: -0.16rem; margin-right: -0.16rem; padding-top: 0.8rem; }
	.vision-list .ht-col-4 { padding-left: 0.16rem; padding-right: 0.16rem; }
	.vision-card { padding: 0.64rem 0.213334rem 0.48rem; -webkit-box-shadow: 0px 0.08rem 0.48rem 0px rgba(27, 27, 50, 0.12); box-shadow: 0px 0.08rem 0.48rem 0px rgba(27, 27, 50, 0.12); border-radius: 10px; }
	.vision-name { font-size: 0.426667rem; padding-top: 0.48rem; }
	.vision-desc { font-size: 0.32rem; margin-top: 0.32rem; }
	.mission-view { padding-top: 1.12rem; padding-bottom: 0.8rem; }
	.mission-title .en { font-size: 0.64rem; padding-bottom: 0.56rem; }
	.mission-title .en::before, .mission-title .en::after { height: 0.08rem; }
	.mission-title .en::before { left: 0.08rem; width: 0.96rem; }
	.mission-title .en::after { left: 1.12rem; width: 0.08rem; }
	.mission-title .cn { font-size: 0.56rem; margin-top: 0.56rem; }
	.mission-panel { padding-top: 0.8rem; }
	.mission-list { margin-left: 0; margin-right: 0; }
	.mission-list .ht-col-6 { width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 0.32rem; }
	.mission-card { padding: 0.64rem 0.4rem; }
	.mission-icon { width: 1.2rem; padding: 0 0.133334rem; }
	.mission-pane { width: calc(100% - 1.466667rem); padding-left: 0.4rem; }
	.mission-name { font-size: 0.48rem; }
	.mission-desc { font-size: 0.32rem; margin-top: 0.24rem; }
}
.news-page { padding-top: 4.8958334%; padding-bottom: 6.25%; overflow: hidden; }
.news-page-list { margin-left: -16px; margin-right: -16px; margin-top: -32px; }
.news-page-list .ht-col-3 { padding-left: 16px; padding-right: 16px; margin-top: 32px; }
.news-firm { padding-top: 5.3125%; padding-bottom: 4.21875%; }
.news-firm .ht-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.news-text { width: 30%; padding-right: 9.8684211%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.news-view { width: 70%; padding-left: 5.5263158%; }
.news-list { margin-left: -20px; margin-right: -20px; }
.news-item.ht-col-4 { padding: 0 20px 48px; }
.news-roll { width: 70%; padding-left: 4.2105264%; }
.news-roll-wrap { margin-left: -20px; margin-right: -20px; position: relative; }
.news-roll-wrap .card { display: block; padding-left: 20px; padding-right: 20px; }
.news-roll-wrap .card:hover .image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.news-roll-wrap .card:hover .title { color: #003884; }
.news-roll-wrap .image { width: 100%; padding-bottom: 54.1666667%; position: relative; overflow: hidden; }
.news-roll-wrap .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.news-roll-wrap .image img { -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.news-roll-wrap .title { color: #313131; font-size: 18px; line-height: 1.56; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; margin-top: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.news-roll-wrap .swiper-button-next { left: 100%; right: auto; width: 40px; height: 40px; background: none; line-height: 1; color: #333; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.news-roll-wrap .swiper-button-next i { font-size: 40px; }
.news-roll-wrap .swiper-button-next:hover { color: #003884; }
.news-roll-wrap .swiper-button-prev { left: auto; right: 100%; width: 40px; height: 40px; background: none; line-height: 1; color: #666; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.news-roll-wrap .swiper-button-prev i { font-size: 40px; }
.news-roll-wrap .swiper-button-prev:hover { color: #003884; }
.news-roll-wrap .swiper-button-next.swiper-button-disabled, .news-roll-wrap .swiper-button-prev.swiper-button-disabled { display: none; }
.news-title .cn { display: block; color: #333; font-weight: bold; line-height: 1; }
.news-title .en { display: block; color: #b2b2b2; font-size: 18px; line-height: 1; text-transform: uppercase; margin-top: 12px; }
.news-brief { padding-top: 22.5490197%; color: gray; font-size: 20px; line-height: 1.4; }
.news-media { background-image: url(../images/news_bg.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; padding-bottom: 4.21875%; padding-top: 6.1458334%; }
.news-media .ht-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.news-latest { padding-top: 3.75%; padding-bottom: 3.75%; }
.news-latest-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 36px; }
.news-latest-card { width: 61.1842106%; padding-right: 30px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.news-latest-card .card { display: block; width: 100%; height: 100%; position: relative; }
.news-latest-card .image { width: 100%; height: 100%; }
.news-latest-card .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.news-latest-card .panel { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); padding: 60px 24px 20px; }
.news-latest-card .title { color: #fff; font-size: 18px; line-height: 1.28; font-weight: bold; }
.news-latest-card .brief { color: #fff; font-size: 16px; line-height: 1.38; margin-top: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.news-latest-list { width: 38.8157895%; }
.news-latest-list .item { padding: 25px 0; border-bottom: 1px solid #dbdbdb; }
.news-latest-list .item:first-child { padding-top: 0; }
.news-latest-list .item:last-child { padding-bottom: 0; border-bottom: none; }
.news-latest-list .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.news-latest-list .image { width: 41.3559323%; position: relative; }
.news-latest-list .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.news-latest-list .image::before { content: ''; display: block; width: 100%; padding-bottom: 54.9180328%; }
.news-latest-list .panel { width: 58.6440678%; padding-right: 18px; }
.news-latest-list .name { color: #333; font-size: 18px; line-height: 1.4; font-family: 'SourceHanSansCN-Bold'; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.news-latest-list .time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 24px; gap: 5px; }
.news-latest-list .time img { width: 14px; height: 14px; }
.news-latest-list .time span { color: #666; font-size: 14px; line-height: 1; }
.news-column { padding-top: 3.125%; padding-bottom: 4.1666667%; background-color: #f7f7f7; }
.news-column-wrap { padding-top: 36px; }
.news-column-list { margin-left: -28px; margin-right: -28px; gap: 56px 0; }
.news-column-list .ht-col-4 { padding-left: 28px; padding-right: 28px; }
.news-column .ht-container { overflow: hidden; }
@media only screen and (max-width:1600px) {
	.news-page-list { margin-left: -12px; margin-right: -12px; margin-top: -24px; }
	.news-page-list .ht-col-3 { padding-left: 12px; padding-right: 12px; margin-top: 24px; }
	.news-list { margin-left: -15px; margin-right: -15px; }
	.news-item.ht-col-4 { padding: 0 15px 30px; }
	.news-roll { width: 70%; padding-left: 4.2105264%; }
	.news-roll-wrap { margin-left: -16px; margin-right: -16px; }
	.news-roll-wrap .card { padding-left: 16px; padding-right: 16px; }
	.news-roll-wrap .title { font-size: 17px; margin-top: 11px; }
	.news-roll-wrap .swiper-button-next { left: auto; right: 20px; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.news-roll-wrap .swiper-button-next i { font-size: 24px; }
	.news-roll-wrap .swiper-button-prev { left: 20px; right: auto; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.news-roll-wrap .swiper-button-prev i { font-size: 24px; }
	.news-title .cn { font-size: 18px; }
	.news-title .en { font-size: 18px; margin-top: 11px; }
	.news-brief { font-size: 18px; }
	.news-column-list { margin-left: -24px; margin-right: -24px; gap: 48px 0; }
	.news-column-list .ht-col-4 { padding-left: 24px; padding-right: 24px; }
}
@media only screen and (max-width:1200px) {
	.news-list { margin-left: -12px; margin-right: -12px; }
	.news-item.ht-col-4 { padding: 0 12px 24px; }
	.news-roll-wrap { margin-left: -12px; margin-right: -12px; }
	.news-roll-wrap .card { padding-left: 12px; padding-right: 12px; }
	.news-roll-wrap .title { font-size: 16px; margin-top: 10px; }
	.news-roll-wrap .swiper-button-next { width: 32px; height: 32px; }
	.news-roll-wrap .swiper-button-next i { font-size: 20px; }
	.news-roll-wrap .swiper-button-prev { width: 32px; height: 32px; }
	.news-roll-wrap .swiper-button-prev i { font-size: 20px; }
	.news-title .cn { font-size: 42px; }
	.news-title .en { font-size: 20px; margin-top: 10px; }
	.news-brief { font-size: 16px; }
	.news-column-list { margin-left: -20px; margin-right: -20px; gap: 40px 0; }
	.news-column-list .ht-col-4 { padding-left: 20px; padding-right: 20px; }
}
@media only screen and (max-width:1024px) {
	.news-page { padding-top: 5.875%; padding-bottom: 7.5%; }
	.news-page-list { margin-left: -8px; margin-right: -8px; margin-top: -16px; }
	.news-page-list .ht-col-3 { padding-left: 8px; padding-right: 8px; margin-top: 16px; }
	.news-firm { padding-top: 6.375%; padding-bottom: 5.0625%; }
	.news-text { width: 27.631579%; }
	.news-view { width: 72.3684211%; padding-left: 2.3684211%; }
	.news-list { margin-left: -10px; margin-right: -10px; }
	.news-item.ht-col-4 { padding: 0 10px 20px; }
	.news-roll { width: 72.3684211%; padding-left: 1.5789474%; }
	.news-roll-wrap { margin-left: -10px; margin-right: -10px; }
	.news-roll-wrap .card { padding-left: 10px; padding-right: 10px; }
	.news-roll-wrap .title { font-size: 15px; margin-top: 9px; }
	.news-roll-wrap .swiper-button-prev, .news-roll-wrap .swiper-button-next { width: 30px; height: 30px; }
	.news-roll-wrap .swiper-button-prev i, .news-roll-wrap .swiper-button-next i { font-size: 18px; }
	.news-title .cn { font-size: 18px; }
	.news-title .en { font-size: 18px; margin-top: 9px; }
	.news-brief { font-size: 15px; }
	.news-media { padding-bottom: 5.0625%; padding-top: 7.375%; }
	.news-column { padding-top: 3.75%; padding-bottom: 5%; }
	.news-column-wrap { padding-top: 32px; }
	.news-column-list { margin-left: -15px; margin-right: -15px; gap: 30px 0; }
	.news-column-list .ht-col-4 { padding-left: 15px; padding-right: 15px; }
	.news-latest { padding-top: 4.5%; padding-bottom: 4.5%; }
	.news-latest-wrap { padding-top: 32px; }
	.news-latest-card { padding-right: 30px; }
	.news-latest-card .panel { padding: 45px 20px 18px; }
	.news-latest-card .title { font-size: 18px; }
	.news-latest-card .brief { font-size: 15px; }
	.news-latest-list .item { padding: 20px 0; }
	.news-latest-list .image { width: 36.9491526%; }
	.news-latest-list .panel { width: 63.0508475%; padding-right: 16px; }
	.news-latest-list .name { font-size: 16px; }
	.news-latest-list .time { margin-top: 16px; }
	.news-latest-list .time img { width: 14px; height: 14px; }
	.news-latest-list .time span { font-size: 14px; }
}
@media only screen and (max-width:768px) {
	.news-page { padding-top: 7.8333334%; padding-bottom: 10%; }
	.news-firm { padding-top: 8.5%; padding-bottom: 6.75%; }
	.news-firm .ht-container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.news-text { width: 100%; padding-right: 0; text-align: center; }
	.news-view { width: 100%; padding-left: 0; }
	.news-list { margin-left: -8px; margin-right: -8px; margin-top: 30px; }
	.news-item.ht-col-4 { padding: 0 8px 16px; }
	.news-roll { width: 100%; padding-left: 0; margin-top: 30px; }
	.news-roll-wrap { margin-left: -8px; margin-right: -8px; }
	.news-roll-wrap .card { padding-left: 8px; padding-right: 8px; }
	.news-roll-wrap .title { font-size: 14px; margin-top: 8px; }
	.news-roll-wrap .swiper-button-prev, .news-roll-wrap .swiper-button-next { width: 28px; height: 28px; }
	.news-roll-wrap .swiper-button-prev i, .news-roll-wrap .swiper-button-next i { font-size: 16px; }
	.news-title .cn { font-size: 18px; }
	.news-title .en { font-size: 14px; margin-top: 8px; }
	.news-brief { font-size: 15px; padding-top: 20px; }
	.news-media { padding-bottom: 5.0625%; padding-top: 7.375%; }
	.news-media .ht-container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.news-column { padding-top: 5%; padding-bottom: 6.6666667%; }
	.news-column-wrap { padding-top: 28px; }
	.news-column-list { margin-left: -10px; margin-right: -10px; gap: 24px 0; }
	.news-column-list .ht-col-4 { padding-left: 10px; padding-right: 10px; }
	.news-latest { padding-top: 6%; padding-bottom: 6%; }
	.news-latest-wrap { padding-top: 28px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.news-latest-card { width: 100%; padding-right: 0; }
	.news-latest-card .panel { padding: 36px 18px 16px; }
	.news-latest-card .title { font-size: 18px; }
	.news-latest-card .brief { font-size: 14px; margin-top: 10px; }
	.news-latest-list { width: 100%; padding-top: 20px; }
	.news-latest-list .item { padding: 18px 0; }
	.news-latest-list .image { width: 32.5423729%; }
	.news-latest-list .panel { width: 67.4576272%; padding-right: 15px; }
	.news-latest-list .name { font-size: 15px; }
	.news-latest-list .time { margin-top: 15px; }
	.news-latest-list .time img { width: 14px; height: 14px; }
	.news-latest-list .time span { font-size: 13px; }
}
@media only screen and (max-width:480px) {
	.news-page { padding-top: 0.96rem; padding-bottom: 1.28rem; }
	.news-page-list { margin-left: -0.16rem; margin-right: -0.16rem; margin-top: -0.32rem; }
	.news-page-list .ht-col-3 { width: 50%; padding-left: 0.16rem; padding-right: 0.16rem; margin-top: 0.32rem; }
	.news-firm { padding-top: 1.12rem; padding-bottom: 0.96rem; }
	.news-list { margin-left: -0.2rem; margin-right: -0.2rem; margin-top: 0.64rem; }
	.news-item.ht-col-4 { width: 50%; padding: 0 0.2rem 0.48rem; }
	.news-roll { margin-top: 0.64rem; }
	.news-roll-wrap { margin-left: -0.2rem; margin-right: -0.2rem; }
	.news-roll-wrap .card { padding-left: 0.2rem; padding-right: 0.2rem; }
	.news-roll-wrap .title { font-size: 0.32rem; margin-top: 0.16rem; }
	.news-roll-wrap .swiper-button-prev { left: -0.133333rem; background-color: rgba(0, 56, 132, 0.3); }
	.news-roll-wrap .swiper-button-next { right: -0.133333rem; background-color: rgba(0, 56, 132, 0.3); }
	.news-roll-wrap .swiper-button-prev, .news-roll-wrap .swiper-button-next { width: 0.693334rem; height: 0.693334rem; }
	.news-roll-wrap .swiper-button-prev i, .news-roll-wrap .swiper-button-next i { font-size: 0.32rem; }
	.news-title .cn { font-size: 0.56rem; }
	.news-title .en { font-size: 0.32rem; margin-top: 0.24rem; }
	.news-brief { font-size: 0.32rem; padding-top: 0.4rem; }
	.news-media { padding-bottom: 5.0625%; padding-top: 7.375%; }
	.news-media .ht-container { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.news-column { padding-top: 0.88rem; padding-bottom: 1.12rem; }
	.news-column-wrap { padding-top: 0.64rem; }
	.news-column-list { margin-left: -0.2rem; margin-right: -0.2rem; gap: 0.48rem 0; }
	.news-column-list .ht-col-4 { width: 50%; padding-left: 0.2rem; padding-right: 0.2rem; }
	.news-latest { padding-top: 0.8rem; padding-bottom: 0.96rem; }
	.news-latest-wrap { padding-top: 0.56rem; }
	.news-latest-card .panel { padding: 0.48rem 0.32rem 0.266667rem; }
	.news-latest-card .title { font-size: 0.373334rem; }
	.news-latest-card .brief { font-size: 0.32rem; margin-top: 0.16rem; }
	.news-latest-list .item { padding: 0.48rem 0; }
	.news-latest-list .image { width: 3.2rem; }
	.news-latest-list .panel { width: calc(100% - 3.2rem); padding-right: 0.266667rem; }
	.news-latest-list .name { font-size: 0.373334rem; }
	.news-latest-list .time { margin-top: 0.266667rem; gap: 0.106667rem; }
	.news-latest-list .time img { width: 0.373334rem; height: 0.373334rem; }
	.news-latest-list .time span { font-size: 0.32rem; }
}
.hire-page { padding-top: 3.28125%; padding-bottom: 4.6875%; }
.hire-view { padding-top: 10px; overflow: hidden; }
.hire-list { margin-left: -30px; margin-right: -30px; }
.hire-list .ht-col-6 { padding: 50px 30px 0; }
.hire-card { padding: 30px 29px; border: 1px solid #c6c6c6; border-radius: 5px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.hire-card:hover { border-color: rgba(0, 56, 132, 0.8); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); }
.hire-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #313131; font-size: 18px; line-height: 1; padding-bottom: 29px; border-bottom: 1px solid #c6c6c6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hire-title::before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #ccc; margin-right: 16px; }
.hire-content { padding-top: 24px; }
.hire-content p { color: #313131; font-size: 18px; line-height: 1.67; }
.hire-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 24px; }
.hire-button a { display: block; color: #fff; font-size: 14px; background-color: #003884; border-radius: 24px; width: 110px; height: 36px; padding: 0 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.hire-button a:hover { background-color: #002d6b; -webkit-box-shadow: 0 0 10px #003884; box-shadow: 0 0 10px #003884; }
.contact-ways { padding-top: 4.375%; padding-bottom: 3.90625%; }
.contact-ways-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contact-ways-item { width: 29.4736843%; white-space: nowrap; padding: 0 5.9473685%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.contact-ways-item a { color: inherit; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.contact-ways-item .icon { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; font-size: 80px; }
.contact-ways-item .name { font-size: 18px; font-family: 'SourceHanSansCN-Bold'; margin-top: 15px; color: #313131; }
.contact-ways-item .text { font-size: 16px; line-height: 1.13; margin-top: 24px; color: #666; text-align: center; white-space: normal; word-break: break-all; }
.contact-ways-item:first-child { width: 23.5263158%; padding-left: 0; }
.contact-ways-item:last-child { width: 18.5263158%; padding-right: 0; }
.contact-ways-item:hover a { color: #003884; }

/*.contact-ways-item:hover .icon { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-perspective: 50px; perspective: 50px; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; }*/
.contact-amap { position: relative; padding-bottom: 30.6666667%; }
.contact-amap .map-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-form { padding-top: 4.1666667%; padding-bottom: 4.6875%; overflow: hidden; }
.contact-form .title { color: #313131; font-size: 52px; text-align: center; line-height: 1; }
.contact-form .brief { color: #7d7d7d; font-size: 18px; text-align: center; line-height: 1.34; margin-top: 10px; }
.contact-form-view { margin-left: -23px; margin-right: -23px; padding-top: 56px; }
.contact-form-view .ht-col-4, .contact-form-view .ht-col-12 { padding-left: 23px; padding-right: 23px; }
.contact-form-item { margin-bottom: 32px; }
.contact-form-item .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: 1px solid #c6c6c6; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.contact-form-item .form-block .icon { font-size: 24px; margin-top: 18px; margin-left: 16px; margin-bottom: 18px; }
.contact-form-item .form-block .form-input { width: calc(100% - 40px); min-height: 60px; color: #313131; font-size: 18px; line-height: 2; border: none; padding: 12px 16px; }
.contact-form-item .form-block:hover { border-color: rgba(0, 56, 132, 0.5); }
.contact-form-foot { padding-top: 28px; text-align: center; }
.contact-form-foot .submit { width: 200px; height: 70px; font-size: 24px; background-color: #003884; outline: none; border: none; padding: 17px 20px; color: #fff; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.contact-form-foot .submit:hover { background-color: #002d6b; -webkit-box-shadow: 0 0 10px #003884; box-shadow: 0 0 10px #003884; }
.report-page { padding-top: 4.6875%; padding-bottom: 4.6875%; }
.report-view { overflow: hidden; }
.report-view .title-view { text-align: center; }
.report-look { padding-top: 4.9342106%; }
.report-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: -18px; margin-left: -18px; }
.report-form .ht-col-4 { width: 40%; padding-right: 18px; padding-left: 18px; }
.report-form .ht-col-4:last-child { width: 20%; }
.report-form-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.report-form-item .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 6em); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.report-form-item .form-label { font-size: 24px; line-height: 62px; white-space: nowrap; }
.report-form-item .form-label::before { content: '*'; color: #da1f1f; margin-right: 5px; }
.report-form-item .form-input { width: 100%; min-height: 62px; color: #313131; font-size: 18px; line-height: 2; border: none; padding: 12px 16px; border: 1px solid #c6c6c6; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.report-form-item .form-input:focus { border-color: rgba(0, 56, 132, 0.5); }
.report-form-item .form-tips { width: 100%; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.report-form-item .form-tips-hand { font-size: 20px; line-height: 1.3; text-align: right; margin-top: 12px; color: #003884; cursor: pointer; }
.report-form-item .form-tips-hand .icon { margin-right: 8px; }
.report-form-item .form-tips-body { position: absolute; right: 0; bottom: 100%; max-width: 360px; background-color: #fff; -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); padding: 12px 18px; border-radius: 6px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); transform: translate(0, -15px); visibility: hidden; opacity: 0; color: #333; }
.report-form-item .form-tips-body p { font-size: 18px; line-height: 1.6; }
.report-form-item .form-tips-body::after { content: ''; position: absolute; right: 18px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; }
.report-form-item .form-tips:hover .form-tips-body { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.report-search { width: 200px; height: 62px; font-size: 26px; background-color: #003884; border-radius: 3px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; border: none; outline: none; color: #fff; }
.report-search:hover { background-color: #002d6b; }
.report-explain { padding-top: 6.3157895%; }
.report-explain h3 { color: #999; font-size: 30px; line-height: 1.7; font-family: 'SourceHanSansCN-Bold'; }
.report-explain p { color: #999; font-size: 24px; line-height: 1.75; }
@media only screen and (max-width:1600px) {
	.contact-ways-item { padding: 0 3.2631579%; }
	.contact-ways-item .icon { font-size: 72px; }
}
@media only screen and (max-width:1200px) {
	.hire-list { margin-left: -24px; margin-right: -24px; }
	.hire-list .ht-col-6 { padding: 42px 24px 0; }
	.hire-card { padding: 24px 22px; }
	.hire-title { font-size: 18px; padding-bottom: 24px; }
	.hire-title::before { width: 14px; height: 14px; margin-right: 14px; }
	.hire-content { padding-top: 20px; }
	.hire-content p { font-size: 16px; }
	.hire-button { padding-top: 20px; }
	.hire-button a { font-size: 16px; width: 110px; height: 22px; padding: 0 9px; }
	.contact-ways-item { padding: 0 2.9473685%; }
	.contact-ways-item .icon { font-size: 64px; }
	.contact-ways-item .name { font-size: 18px; margin-top: 14px; }
	.contact-ways-item .text { font-size: 16px; margin-top: 20px; }
	.contact-form .title { font-size: 42px; }
	.contact-form .brief { font-size: 16px; margin-top: 8px; }
	.contact-form-view { margin-left: -20px; margin-right: -20px; padding-top: 48px; }
	.contact-form-view .ht-col-4, .contact-form-view .ht-col-12 { padding-left: 20px; padding-right: 20px; }
	.contact-form-item { margin-bottom: 24px; }
	.contact-form-item .form-block .icon { font-size: 20px; margin-left: 17px; margin-top: 17px; margin-bottom: 14px; }
	.contact-form-item .form-block .form-input { width: calc(100% - 34px); min-height: 54px; font-size: 16px; padding: 10px 14px; }
	.contact-form-foot { padding-top: 24px; }
	.contact-form-foot .submit { width: 180px; height: 60px; font-size: 20px; padding: 12px 16px; }
	.report-form { margin-right: -15px; margin-left: -15px; }
	.report-form .ht-col-4 { padding-right: 15px; padding-left: 15px; }
	.report-form-item .form-label { font-size: 20px; line-height: 56px; }
	.report-form-item .form-label::before { margin-right: 4px; }
	.report-form-item .form-input { min-height: 56px; font-size: 16px; padding: 10px 14px; }
	.report-form-item .form-tips-hand { font-size: 18px; margin-top: 10px; }
	.report-form-item .form-tips-hand .icon { margin-right: 6px; }
	.report-form-item .form-tips-body { max-width: 340px; padding: 10px 16px; border-radius: 5px; }
	.report-form-item .form-tips-body p { font-size: 16px; }
	.report-form-item .form-tips-body::after { right: 16px; bottom: -9px; border-left-width: 9px; border-right-width: 9px; border-top-width: 9px; }
	.report-search { width: 180px; height: 56px; font-size: 22px; }
	.report-explain h3 { font-size: 24px; }
	.report-explain p { font-size: 20px; }
}
@media only screen and (max-width:1024px) {
	.hire-page { padding-top: 3.9375%; padding-bottom: 5.625%; }
	.hire-view { padding-top: 8px; }
	.hire-list { margin-left: -20px; margin-right: -20px; }
	.hire-list .ht-col-6 { padding: 36px 20px 0; }
	.hire-card { padding: 20px 18px; }
	.hire-title { font-size: 18px; padding-bottom: 20px; }
	.hire-title::before { width: 12px; height: 12px; margin-right: 12px; }
	.hire-content { padding-top: 20px; }
	.hire-content p { font-size: 16px; }
	.hire-button { padding-top: 20px; }
	.hire-button a { font-size: 14px; width: 110px; height: 30px; padding: 0 8px; }
	.contact-ways { padding-top: 5.25%; padding-bottom: 4.6875%; }
	.contact-ways-item { padding: 0 3.1578948%; }
	.contact-ways-item .icon { font-size: 50px; }
	.contact-ways-item .name { font-size: 16px; margin-top: 10px; }
	.contact-ways-item .text { font-size: 14px; margin-top: 16px; }
	.contact-form { padding-top: 5%; padding-bottom: 5.625%; }
	.contact-form .title { font-size: 32px; }
	.contact-form .brief { font-size: 15px; margin-top: 7px; }
	.contact-form-view { margin-left: -12px; margin-right: -12px; padding-top: 42px; }
	.contact-form-view .ht-col-4, .contact-form-view .ht-col-12 { padding-left: 12px; padding-right: 12px; }
	.contact-form-item { margin-bottom: 20px; }
	.contact-form-item .form-block .icon { font-size: 18px; margin-top: 14px; margin-left: 12px; margin-bottom: 14px; }
	.contact-form-item .form-block .form-input { width: calc(100% - 30px); min-height: 46px; font-size: 15px; padding: 8px 12px; }
	.contact-form-foot { padding-top: 20px; }
	.contact-form-foot .submit { width: 160px; height: 50px; font-size: 18px; padding: 10px 16px; }
	.report-page { padding-top: 5.625%; padding-bottom: 5.625%; }
	.report-form { margin-right: -12px; margin-left: -12px; }
	.report-form .ht-col-4 { width: 40%; padding-right: 12px; padding-left: 12px; }
	.report-form .ht-col-4:last-child { width: 20%; }
	.report-form-item .form-label { font-size: 18px; line-height: 48px; }
	.report-form-item .form-label::before { margin-right: 3px; }
	.report-form-item .form-input { min-height: 48px; font-size: 15px; padding: 8px 12px; }
	.report-form-item .form-tips-hand { font-size: 16px; margin-top: 8px; }
	.report-form-item .form-tips-hand .icon { margin-right: 5px; }
	.report-form-item .form-tips-body { max-width: 320px; padding: 9px 15px; }
	.report-form-item .form-tips-body p { font-size: 15px; }
	.report-form-item .form-tips-body::after { right: 15px; bottom: -8px; border-left-width: 8px; border-right-width: 8px; border-top-width: 8px; }
	.report-search { width: 160px; height: 48px; font-size: 18px; }
	.report-explain h3 { font-size: 20px; }
	.report-explain p { font-size: 16px; }
}
@media only screen and (max-width:768px) {
	.hire-page { padding-top: 5.25%; padding-bottom: 7.5%; }
	.hire-view { padding-top: 8px; }
	.hire-list { margin-left: -15px; margin-right: -15px; }
	.hire-list .ht-col-6 { padding: 30px 15px 0; }
	.hire-card { padding: 18px 16px; }
	.hire-title { font-size: 16px; padding-bottom: 18px; }
	.hire-title::before { width: 10px; height: 10px; margin-right: 10px; }
	.hire-content { padding-top: 18px; }
	.hire-content p { font-size: 14px; }
	.hire-button { padding-top: 18px; }
	.hire-button a { font-size: 14px; border-radius: 18px; width: 108px; height: 30px; padding: 0 7px; }
	.contact-ways { padding-top: 7%; padding-bottom: 6.25%; }
	.contact-ways-item { padding: 0 2.3684211%; }
	.contact-ways-item .icon { font-size: 42px; }
	.contact-ways-item .name { font-size: 14px; margin-top: 8px; }
	.contact-ways-item .text { font-size: 14px; margin-top: 12px; }
	.contact-form { padding-top: 6.6666667%; padding-bottom: 7.5%; }
	.contact-form .title { font-size: 24px; }
	.contact-form .brief { font-size: 14px; margin-top: 6px; }
	.contact-form-view { margin-left: -12px; margin-right: -12px; padding-top: 36px; }
	.contact-form-view .ht-col-4, .contact-form-view .ht-col-12 { padding-left: 12px; padding-right: 12px; }
	.contact-form-item { margin-bottom: 18px; }
	.contact-form-item .form-block .icon { margin-top: 11px; margin-left: 10px; margin-bottom: 11px; }
	.contact-form-item .form-block .form-input { width: calc(100% - 26px); min-height: 40px; font-size: 14px; padding: 6px 12px; }
	.contact-form-foot { padding-top: 18px; }
	.contact-form-foot .submit { width: 144px; height: 48px; font-size: 16px; padding: 8px 12px; }
	.report-page { padding-top: 7.5%; padding-bottom: 7.5%; }
	.report-look { padding-top: 6.3157895%; }
	.report-form { margin-right: -8px; margin-left: -8px; }
	.report-form .ht-col-4 { width: 50%; padding-right: 8px; padding-left: 8px; }
	.report-form .ht-col-4:last-child { width: 100%; text-align: center; margin-top: 12px; }
	.report-form-item .form-label { font-size: 16px; line-height: 42px; }
	.report-form-item .form-label::before { margin-right: 3px; }
	.report-form-item .form-input { min-height: 42px; font-size: 15px; padding: 4px 10px; }
	.report-form-item .form-tips-hand { font-size: 15px; margin-top: 8px; }
	.report-form-item .form-tips-body { max-width: 300px; padding: 8px 14px; }
	.report-form-item .form-tips-body p { font-size: 14px; }
	.report-form-item .form-tips-body::after { right: 14px; bottom: -7px; border-left-width: 7px; border-right-width: 7px; border-top-width: 7px; }
	.report-search { width: 132px; height: 42px; font-size: 18px; }
	.report-explain { padding-top: 6.3157895%; }
	.report-explain h3 { font-size: 18px; }
	.report-explain p { font-size: 15px; }
}
@media only screen and (max-width:480px) {
	.hire-page { padding-top: 0.8rem; padding-bottom: 1.2rem; }
	.hire-view { padding-top: 0.16rem; }
	.hire-list { margin-left: -0.16rem; margin-right: -0.16rem; }
	.hire-list .ht-col-6 { width: 100%; padding: 0.32rem 0.16rem 0; }
	.hire-card { padding: 0.4rem 0.32rem; border-radius: 5px; }
	.hire-title { font-size: 0.4rem; padding-bottom: 0.32rem; }
	.hire-title::before { width: 0.16rem; height: 0.16rem; margin-right: 0.16rem; }
	.hire-content { padding-top: 0.32rem; }
	.hire-content p { font-size: 0.346667rem; }
	.hire-button { padding-top: 0.32rem; }
	.hire-button a { font-size: 0.32rem; border-radius: 0.56rem; width: 2.613334rem; height: 0.853334rem; padding: 0 0.16rem; }
	.contact-ways { padding-top: 0.373334rem; padding-bottom: 0.96rem; }
	.contact-ways-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.contact-ways-item { width: 50%; padding: 0 0.2rem; margin-top: 0.56rem; }
	.contact-ways-item .icon { font-size: 1.12rem; }
	.contact-ways-item .name { font-size: 0.32rem; margin-top: 0.16rem; }
	.contact-ways-item .text { font-size: 0.28rem; margin-top: 0.24rem; }
	.contact-ways-item:first-child { width: 50%; }
	.contact-ways-item:last-child { width: 50%; }
	.contact-form { padding-top: 0.96rem; padding-bottom: 1.12rem; }
	.contact-form .title { font-size: 0.48rem; }
	.contact-form .brief { font-size: 0.32rem; margin-top: 0.16rem; }
	.contact-form-view { margin-left: 0; margin-right: 0; padding-top: 0.64rem; }
	.contact-form-view .ht-col-4, .contact-form-view .ht-col-12 { width: 100%; padding-left: 0; padding-right: 0; }
	.contact-form-item { margin-bottom: 0.4rem; }
	.contact-form-item .form-block .icon { font-size: 0.48rem; margin-top: 0.293334rem; margin-right: 0.213334rem; margin-bottom: 0.293334rem; }
	.contact-form-item .form-block .form-input { width: calc(100% - 40px); min-height: 1.066667rem; font-size: 0.373334rem; padding: 0.16rem 0.213334rem; }
	.contact-form-foot { padding-top: 0.32rem; }
	.contact-form-foot .submit { width: 2.986667rem; height: 1.173334rem; font-size: 0.373334rem; padding: 0.16rem 0.213334rem; }
	.report-page { padding-top: 1.12rem; padding-bottom: 1.28rem; }
	.report-look { padding-top: 0.96rem; }
	.report-form { margin-right: 0; margin-left: 0; }
	.report-form .ht-col-4 { width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 0.32rem; }
	.report-form .ht-col-4:last-child { width: 100%; text-align: center; margin-top: 0.4rem; }
	.report-form-item .form-label { font-size: 0.373334rem; line-height: 0.96rem; }
	.report-form-item .form-label::before { margin-right: 0.053334rem; }
	.report-form-item .form-input { min-height: 0.96rem; font-size: 0.373334rem; padding: 0.08rem 0.24rem; }
	.report-form-item .form-tips-hand { font-size: 0.32rem; margin-top: 0.24rem; }
	.report-form-item .form-tips-hand .icon { margin-right: 0.106667rem; }
	.report-form-item .form-tips-body { max-width: 8rem; padding: 0.16rem 0.32rem; }
	.report-form-item .form-tips-body p { font-size: 0.32rem; }
	.report-form-item .form-tips-body::after { right: 0.4rem; bottom: -0.16rem; border-left-width: 0.16rem; border-right-width: 0.16rem; border-top-width: 0.16rem; }
	.report-search { width: 2.613334rem; height: 0.96rem; font-size: 0.426667rem; }
	.report-explain { padding-top: 1.28rem; }
	.report-explain h3 { font-size: 0.426667rem; }
	.report-explain p { font-size: 0.373334rem; }
}
.service-view { padding-top: 5.3125%; }
.service-work { padding-bottom: 2.3684211%; }
.service-work .swiper-pagination { bottom: 45px; height: 2px; line-height: 0; }
.service-work .swiper-pagination .swiper-pagination-bullet { width: 60px; height: 5px; border-radius: 0; }
.service-work .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003884; }
.service-menu { border-bottom: 2px solid #ccc; margin-bottom: 15px; }
.service-menu__list { margin-left: -15px; margin-right: -15px; padding-bottom: 60px; }
.service-menu__list .ht-col-3 { padding-left: 15px; padding-right: 15px; }
.service-menu__item { width: 20%; position: relative; }
.service-menu__item .card { border: 1px solid #dcdcdc; border-radius: 10px; background-color: #f5f5f5; padding: 20px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; }
.service-menu__item .icon { display: block; width: 1em; height: 1em; color: #ccc; line-height: 1; font-size: 48px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-filter: grayscale(100%) brightness(400%); filter: grayscale(100%) brightness(400%); }
.service-menu__item .icon img { width: 100%; height: 100%; display: block; }
.service-menu__item .title { color: #666; font-size: 18px; line-height: 0.94; margin-top: 15px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.service-menu__item::after { content: ''; position: absolute; z-index: 1; bottom: -65px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(45deg); -ms-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); width: 10px; height: 10px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; background-color: #fff; visibility: hidden; opacity: 0; }
.service-menu__item::before { content: ''; position: absolute; z-index: 3; bottom: -60px; left: 50%; width: 40px; height: 10px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: #fff; }
.service-menu__item:hover .card, .service-menu__item.active .card { border-color: #003884; }
.service-menu__item:hover .icon, .service-menu__item.active .icon { -webkit-filter: grayscale(0); filter: grayscale(0); }
.service-menu__item:hover .title, .service-menu__item.active .title { color: #003884; }
.service-menu__item:hover::after, .service-menu__item.active::after { visibility: visible; opacity: 1; }
.service-menu__view { padding-top: 1.9736843%; }
.service-menu__flex { display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.service-menu__flex .image { width: 39.4736843%; padding-bottom: 26.3157895%; position: relative; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.service-menu__flex .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.service-menu__flex .image::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; visibility: hidden; opacity: 0; }
.service-menu__flex .panel { width: 60.5263158%; padding-left: 3.6842106%; }
.service-menu__flex .panel p { font-size: 18px; text-indent: 2em; }
.service-menu__flex .title { color: #003884; font-size: 18px; line-height: 0.94; font-weight: 600; }
.service-menu__flex .brief { color: #313131; font-size: 18px; line-height: 1.5; margin-top: 36px; text-indent: 2em; }
.service-menu__flex.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
.service-menu__flex:hover .image::after { visibility: visible; opacity: 1; }
.service-area { padding-top: 2.3684211%; }
.service-area__view { padding-top: 3.1578948%; padding-bottom: 2.9605264%; overflow: hidden; }
.service-area__view .swiper-pagination { bottom: 0; height: 8px; line-height: 0; }
.service-area__view .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #003884; }
.service-area__list { margin-left: -28px; margin-right: -28px; }
.service-area__list .ht-col-3 { padding-left: 28px; padding-right: 28px; }
.service-area__item .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; position: relative; }
.service-area__item .nums { font-size: 110px; font-style: italic; font-family: 'FZXBSJW'; position: absolute; line-height: 0.82; top: 0; left: 0; z-index: 1; color: #ccc; }
.service-area__item .image { width: 88.7573965%; z-index: 2; border-radius: 50%; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; overflow: hidden; padding-bottom: 88.7573965%; position: relative; overflow: hidden; }
.service-area__item .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.service-area__item .title { width: 88.7573965%; color: #313131; font-size: 20px; text-align: center; line-height: 1; margin-top: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.service-area__item:hover .image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.service-area .home-service__list { margin-left: -10px; margin-right: -10px }
.service-area .home-service__item.ht-col-3 { width: 25%; padding-right: 10px; padding-left: 10px }
.service-case { padding-bottom: 5.9210527%; }
.service-case__view { padding-top: 3.1578948%; overflow: hidden; }
.service-case__list { margin-left: -15px; margin-right: -15px; }
.service-case__list .ht-col-4 { padding-left: 15px; padding-right: 15px; }
.service-case__list .ht-col-6 { padding-left: 60px; padding-right: 60px; }
.service-case__item .card { display: block; }
.service-case__item .image { width: 100%; border-radius: 12px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; overflow: hidden; padding-bottom: 50%; position: relative; overflow: hidden; }
.service-case__item .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;
  border: 1px solid #ddd;   }
.service-case__item .title { color: #313131; font-size: 18px; line-height: 1.2; margin-top: 20px; }
.service-case__item .button { color: #999; font-size: 20px; line-height: 1.95; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; margin-top: 30px; }
.service-case__item:hover .image { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.service-case__item:hover .button { color: #003884; }
@media only screen and (max-width:1600px) {
	.service-work .swiper-pagination { bottom: 40px; }
	.service-work .swiper-pagination .swiper-pagination-bullet { width: 50px; }
	.service-menu { margin-bottom: 12px; }
	.service-menu__list { margin-left: -12px; margin-right: -12px; padding-bottom: 50px; }
	.service-menu__list .ht-col-3 { padding-left: 12px; padding-right: 12px; }
	.service-menu__item .card { padding: 18px 20px; }
	.service-menu__item .icon { font-size: 40px; }
	.service-menu__item .title { font-size: 18px; margin-top: 12px; }
	.service-menu__item::after { bottom: -55px; }
	.service-menu__item::before { bottom: -50px; }
	.service-menu__flex .title { font-size: 18px; font-weight: 600; }
	.service-menu__flex .brief { font-size: 20px; margin-top: 30px; }
	.service-area__list { margin-left: -24px; margin-right: -24px; }
	.service-area__list .ht-col-3 { padding-left: 24px; padding-right: 24px; }
	.service-area__item .card { padding-top: 18px; }
	.service-area__item .nums { font-size: 96px; }
	.service-area__item .title { font-size: 20px; margin-top: 24px; }
	.service-case__list { margin-left: -12px; margin-right: -12px; }
	.service-case__list .ht-col-4 { padding-left: 12px; padding-right: 12px; }
	.service-case__list .ht-col-6 { padding-left: 42px; padding-right: 42px; }
	.service-case__item .title { font-size: 18px; margin-top: 18px; }
	.service-case__item .button { font-size: 18px; margin-top: 24px; }
}
@media only screen and (max-width:1200px) {
	.service-work .swiper-pagination { bottom: 36px; }
	.service-work .swiper-pagination .swiper-pagination-bullet { width: 42px; }
	.service-menu__list { margin-left: -10px; margin-right: -10px; padding-bottom: 42px; }
	.service-menu__list .ht-col-3 { padding-left: 10px; padding-right: 10px; }
	.service-menu__item .card { padding: 16px 18px; }
	.service-menu__item .icon { font-size: 36px; }
	.service-menu__item .title { font-size: 18px; margin-top: 10px; }
	.service-menu__item::after { bottom: -47px; }
	.service-menu__item::before { bottom: -42px; }
	.service-menu__flex .title { font-size: 18px; font-weight: 600; }
	.service-menu__flex .brief { font-size: 18px; margin-top: 24px; }
	.service-area__list { margin-left: -20px; margin-right: -20px; }
	.service-area__list .ht-col-3 { padding-left: 20px; padding-right: 20px; }
	.service-area__item .card { padding-top: 16px; }
	.service-area__item .nums { font-size: 88px; }
	.service-area__item .title { font-size: 20px; margin-top: 20px; }
	.service-case__list { margin-left: -10px; margin-right: -10px; }
	.service-case__list .ht-col-4 { padding-left: 10px; padding-right: 10px; }
	.service-case__list .ht-col-6 { padding-left: 32px; padding-right: 32px; }
	.service-case__item .title { font-size: 18px; margin-top: 16px; }
	.service-case__item .button { font-size: 16px; margin-top: 20px; }
}
@media only screen and (max-width:1024px) {
	.service-view { padding-top: 6.375%; }
	.service-work .swiper-pagination { bottom: 32px; }
	.service-work .swiper-pagination .swiper-pagination-bullet { width: 40px; }
	.service-menu__list { margin-left: -10px; margin-right: -10px; padding-bottom: 36px; }
	.service-menu__list .ht-col-3 { padding-left: 10px; padding-right: 10px; }
	.service-menu__item .card { border-radius: 8px; padding: 14px 16px; }
	.service-menu__item .icon { font-size: 30px; }
	.service-menu__item .title { font-size: 18px; margin-top: 9px; }
	.service-menu__item::after { bottom: -41px; }
	.service-menu__item::before { bottom: -36px; width: 40px; height: 10px; }
	.service-menu__flex .title { font-size: 18px; font-weight: 600; }
	.service-menu__flex .brief { font-size: 16px; margin-top: 20px; }
	.service-area__list { margin-left: -15px; margin-right: -15px; }
	.service-area__list .ht-col-3 { padding-left: 15px; padding-right: 15px; }
	.service-area__item .card { padding-top: 14px; }
	.service-area__item .nums { font-size: 72px; }
	.service-area__item .title { font-size: 20px; margin-top: 18px; }
	.service-area .home-service__list { margin-left: -9px; margin-right: -9px }
	.service-area .home-service__item.ht-col-3 { padding-right: 9px; padding-left: 9px }
	.service-case__list { margin-left: -9px; margin-right: -9px; }
	.service-case__list .ht-col-4 { padding-left: 9px; padding-right: 9px; }
	.service-case__list .ht-col-6 { padding-left: 24px; padding-right: 24px; }
	.service-case__item .title { font-size: 18px; margin-top: 16px; }
	.service-case__item .button { font-size: 16px; margin-top: 18px; }
}
@media only screen and (max-width:768px) {
	.service-view { padding-top: 8.5%; }
	.service-work .swiper-pagination { bottom: 28px; }
	.service-work .swiper-pagination .swiper-pagination-bullet { width: 32px; }
	.service-menu { border-bottom-width: 1px; }
	.service-menu__list { margin-left: -8px; margin-right: -8px; padding-bottom: 30px; }
	.service-menu__list .ht-col-3 { padding-left: 8px; padding-right: 8px; }
	.service-menu__item .card { border-radius: 6px; padding: 8px 10px; }
	.service-menu__item .icon { font-size: 20px; }
	.service-menu__item .title { font-size: 14px; margin-top: 8px; text-align: center; }
	.service-menu__item::after { width: 8px; height: 8px; border-width: 0 1px 1px 0; bottom: -34px; }
	.service-menu__item::before { bottom: -30px; width: 30px; height: 8px; }
	.service-menu__flex .title { font-size: 18px; font-weight: 600; }
	.service-menu__flex .brief { font-size: 14px; margin-top: 16px; }
	.service-area__list { margin-left: -10px; margin-right: -10px; }
	.service-area__list .ht-col-3 { padding-left: 10px; padding-right: 10px; }
	.service-area__item .card { padding-top: 12px; }
	.service-area__item .nums { font-size: 56px; }
	.service-area__item .title { font-size: 16px; margin-top: 12px; }
	.service-area .home-service__list { margin-left: -8px; margin-right: -8px }
	.service-area .home-service__item.ht-col-3 { width: 25%; padding-right: 8px; padding-left: 8px }
	.service-case__list { margin-left: -8px; margin-right: -8px; }
	.service-case__list .ht-col-4 { padding-left: 8px; padding-right: 8px; }
	.service-case__list .ht-col-6 { padding-left: 15px; padding-right: 15px; }
	.service-case__item .title { font-size: 16px; margin-top: 14px; }
	.service-case__item .button { font-size: 14px; margin-top: 16px; }
}
@media only screen and (max-width:480px) {
	.service-view { padding-top: 1.28rem; }
	.service-work { padding-bottom: 0.48rem; }
	.service-work .swiper-pagination { bottom: 0.64rem; }
	.service-work .swiper-pagination .swiper-pagination-bullet { width: 0.64rem; }
	.service-menu__list { margin-left: -0.08rem; margin-right: -0.08rem; padding-bottom: 0.48rem; }
	.service-menu__list .ht-col-3 { padding-left: 0.08rem; padding-right: 0.08rem; }
	.service-menu__item .card { border-radius: 0.08rem; padding: 0.213334rem 0.16rem; }
	.service-menu__item .icon { font-size: 0.48rem; }
	.service-menu__item .title { font-size: 0.32rem; margin-top: 0.16rem; line-height: 1.3; }
	.service-menu__item::after { bottom: -0.586666rem; width: 0.16rem; height: 0.16rem; }
	.service-menu__item::before { bottom: -0.48rem; width: 0.56rem; height: 0.213334rem; }
	.service-menu__view { padding-top: 0.64rem; }
	.service-menu__flex { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.service-menu__flex .image { width: 100%; padding-bottom: 61.5384616%; margin-bottom: 0.48rem; }
	.service-menu__flex .panel { width: 100%; padding-left: 0; }
	.service-menu__flex .title { font-size: 0.426667rem; }
	.service-menu__flex .brief { font-size: 0.32rem; margin-top: 0.32rem; }
	.service-area { padding-top: 0.56rem; padding-bottom: 0.4rem; }
	.service-area__view { padding-top: 0; padding-bottom: 0.56rem; }
	.service-area__list { margin-left: -0.16rem; margin-right: -0.16rem; }
	.service-area__list .ht-col-3 { width: 50%; padding-left: 0.16rem; padding-right: 0.16rem; margin-top: 0.64rem; }
	.service-area__item .card { padding-top: 0.16rem; }
	.service-area__item .nums { font-size: 1.36rem; }
	.service-area__item .title { font-size: 0.373334rem; margin-top: 0.32rem; }
	.service-area .home-service__list { margin-left: -0.16rem; margin-right: -0.16rem; gap: .32rem 0 }
	.service-area .home-service__item.ht-col-3 { width: 50%; padding-right: .16rem; padding-left: .16rem }
	.service-case { padding-top: 0.48rem; padding-bottom: 0.96rem; }
	.service-case__view { padding-top: 0; }
	.service-case__list { margin-left: 0; margin-right: 0; }
	.service-case__list .ht-col-6 { width: 100%; padding-left: 0; padding-right: 0; }
	.service-case__item { margin-top: 0.64rem; }
	.service-case__item .image { border-radius: 0.24rem; }
	.service-case__item .title { font-size: 0.373334rem; margin-top: 0.32rem; }
	.service-case__item .button { font-size: 0.32rem; margin-top: 0.24rem; }
}
.business-view { padding-top: 3.90625%; padding-bottom: 4.6875%; }
.business-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #003884; gap: 32px; }
.business-title .cn { font-size: 48px; line-height: 1.13; }
.business-title .en { font-size: 36px; font-family: 'SourceHanSansCN-Light'; text-transform: uppercase; line-height: 1; padding-bottom: 4px; }
.business-panel { padding-top: 0.6842106%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.business-aside { width: 272px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.business-menus__item { margin-bottom: 1px; }
.business-menus__item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 80px; color: #666; font-size: 18px; font-weight: bold; line-height: 1.25; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; padding: 21px 10px; background-color: #f5f6f9; border-radius: 5px; }
.business-menus__item a:hover { color: #003884; }
.business-menus__item i { font-size: 24px; margin-right: 6px; }
.business-menus__item.active a { color: #fff; background-color: #003884; }
.business-content { width: calc(100% - 272px); padding-left: 30px; }
.business-content__name { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #003884; border-radius: 2px; padding: 0 28px; font-size: 30px; color: #fff; }
.business-content__view { background-color: #f5f6f9; padding: 20px 25px 36px; border-radius: 2px; }
.business-content__text h3 { font-size: 22px; font-weight: 400; margin-bottom: 8px; }
.business-content__text p { color: #313131; font-size: 18px; line-height: 1.78; text-indent: 2em; line-height: 2; margin-bottom: 8px; }
.business-content__text img { display: block; max-width: 100%; margin: 0 auto 24px; }
.business-table { display: table; width: 100%; border: 1px solid #e8e8e8; border-collapse: collapse; table-layout: fixed; }
.business-table-head { display: table-row; }
.business-table-head .th { display: table-cell; padding: 18px 15px; font-size: 14px; font-weight: 600; text-align: center; line-height: 24px; white-space: nowrap; border: 1px solid #e8e8e8; background-color: #efefef; }
.business-table-head .th:nth-child(1) { width: 64px; }
.business-table-head .th:nth-child(3) { width: 25%; }
.business-table-head .th:nth-child(4) { width: 102px; }
.business-table-head .th:nth-child(5) { width: 102px; }
.business-table-cell { display: table-row; }
.business-table-cell .td { display: table-cell; padding: 18px 15px; font-size: 14px; text-align: center; line-height: 24px; vertical-align: middle; border: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.business-table-cell .text { display: none; }
@media only screen and (max-width:1200px) {
	.business-title { gap: 24px; }
	.business-title .cn { font-size: 42px; }
	.business-title .en { font-size: 32px; padding-bottom: 3px; }
	.business-aside { width: 240px; }
	.business-menus__item a { height: 72px; font-size: 18px; font-weight: bold; padding: 17px 10px; }
	.business-menus__item i { font-size: 20px; margin-right: 5px; }
	.business-content { width: calc(100% - 240px); padding-left: 24px; }
	.business-content__name { height: 56px; padding: 0 24px; font-size: 26px; }
	.business-content__view { padding: 18px 22px 32px; }
	.business-content__text p { font-size: 17px; }
	.business-content__text img { margin-bottom: 20px; }
}
@media only screen and (max-width:1024px) {
	.business-view { padding-top: 4.6875%; padding-bottom: 5.625%; }
	.business-title { gap: 20px; }
	.business-title .cn { font-size: 36px; }
	.business-title .en { font-size: 25px; padding-bottom: 2px; }
	.business-aside { width: 224px; }
	.business-menus__item a { height: 64px; font-size: 18px; font-weight: bold; padding: 15px 10px; }
	.business-menus__item i { font-size: 18px; }
	.business-table { }
	.business-table-head .th { padding: 15px 12px; }
	.business-table-cell .td { padding: 15px 12px; }
	.business-content { width: calc(100% - 224px); padding-left: 20px; }
	.business-content__name { height: 48px; padding: 0 20px; font-size: 22px; }
	.business-content__view { padding: 16px 20px 28px; margin-top: 14px; }
	.business-content__text p { font-size: 16px; }
	.business-content__text img { margin-bottom: 18px; }
}
@media only screen and (max-width:768px) {
	.business-view { padding-top: 6.25%; padding-bottom: 7.5%; }
	.business-title { gap: 16px; }
	.business-title .cn { font-size: 30px; }
	.business-title .en { font-size: 20px; padding-bottom: 4px; }
	.business-panel { padding-top: 0.7368422%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.business-aside { width: 100%; }
	.business-menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; }
	.business-menus__item { margin-bottom: 1px; }
	.business-menus__item a { height: 54px; font-size: 16px; padding: 14px 12px; border-radius: 3px; }
	.business-menus__item i { font-size: 16px; margin-right: 4px; }
	.business-content { width: 100%; padding-left: 0; margin-top: 36px; }
	.business-content__name { height: 44px; padding: 0 20px; font-size: 20px; }
	.business-content__view { padding: 15px 16px 20px; border-radius: 2px; }
	.business-content__text p { font-size: 15px; }
	.business-content__text img { margin-bottom: 16px; }
	.business-table { margin-top: 14px; }
	.business-table-head .th { padding: 12px 10px; font-size: 13px; }
	.business-table-head .th:nth-child(1) { width: 64px; }
	.business-table-head .th:nth-child(3) { width: 28%; }
	.business-table-head .th:nth-child(4) { width: 90px; }
	.business-table-head .th:nth-child(5) { width: 90px; }
	.business-table-cell .td { padding: 12px 10px; font-size: 13px; }
}
@media only screen and (max-width:480px) {
	.business-view { padding-top: 0.96rem; padding-bottom: 1.28rem; }
	.business-title { gap: 0.213334rem; }
	.business-title .cn { font-size: 0.48rem; }
	.business-title .en { font-size: 0.373334rem; padding-bottom: 0.053334rem; }
	.business-panel { padding-top: 0.8rem; }
	.business-menus__item a { height: 1.173334rem; font-size: 0.32rem; padding: 0.24rem 0.32rem; border-radius: 0.08rem; }
	.business-menus__item i { font-size: 0.373334rem; margin-right: 0.08rem; }
	.business-content { margin-top: 0.64rem; }
	.business-content__name { height: 0.96rem; padding: 0 0.32rem; font-size: 0.426667rem; }
	.business-content__view { padding: 0.266667rem 0.32rem 0.48rem; }
	.business-content__text p { font-size: 0.373334rem; }
	.business-content__text img { margin-bottom: 0.32rem; }
	.business-table { display: block; border: none; }
	.business-table-head { display: none; }
	.business-table-cell { display: block; background-color: #f5f6f7; margin-bottom: 0.32rem; border-radius: 0.133334rem; padding: 0.32rem 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 1.2rem; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.business-table-cell .td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 0.373334rem; line-height: 0.64rem; text-align: left; border: none; padding: 0; }
	.business-table-cell .td:nth-child(1) { position: absolute; top: 0.32rem; left: 0.4rem; width: 0.64rem; height: 0.64rem; font-size: 0.32rem; border-radius: 50%; background-color: #003884; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }
	.business-table-cell .td:nth-child(2) { width: 100%; padding-bottom: 0.08rem; }
	.business-table-cell .td:nth-child(3) { width: 100%; }
	.business-table-cell .td:nth-child(4) { width: 100%; }
	.business-table-cell .td:nth-child(5) { width: 100%; }
	.business-table-cell .text { color: #666; font-size: 0.32rem; display: block; }
	.business-table-cell .data { color: #666; font-size: 0.32rem; }
}

        /* 样式2：文字下方全屏分割线 */
.title-line-2 { position: relative; display: inline-block; font-size: 24px; color: #333; font-weight: 600; margin-bottom: 10px; }
.title-line-2::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 100%; max-width: 100vw; height: 3px; background: linear-gradient(to right, #007bff, transparent); border-radius: 3px; }

/*# sourceMappingURL=style.css.map */