* { -webkit-box-sizing: border-box; box-sizing: border-box }
html, body { margin: 0; font: normal 14px/1.5 "Microsoft Yahei", Arial, Simsun, "Microsoft Yahei", sans-serif; background-color: #f3f4f5; -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 }
@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; margin-left: 0; margin-right: 0; -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 }
.ht-row>[class*=ht-col-] { padding-left: 0; padding-right: 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% }
.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: .56rem }
	.ht-title small { font-size: .32rem; margin-top: .32rem }
}
.ht-layout { background-color: #f3f4f5 }
@media only screen and (max-width:768px) {
	.ht-layout { padding-top: 72px }
}
@media only screen and (max-width:480px) {
	.ht-layout { padding-top: 1.6rem }
}
.ht-wrapper { height: inherit; margin: 0 auto; max-width: 1390px; padding-left: 15px; padding-right: 15px }
@media only screen and (max-width:1024px) {
	.ht-wrapper { padding-left: 12px; padding-right: 12px }
}
@media only screen and (max-width:768px) {
	.ht-wrapper { padding-left: 10px; padding-right: 10px }
}
@media only screen and (max-width:480px) {
	.ht-wrapper { padding-left: .266667rem; padding-right: .266667rem }
}
.ht-content { width: 100%; background-color: #000 }
@media only screen and (max-width:768px) {
	.ht-content { padding-top: 72px }
}
@media only screen and (max-width:480px) {
	.ht-content { padding-top: 1.28rem }
}
.ht-container { max-width: 1850px; height: inherit; padding: 0 15px; margin: 0 auto }
.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: .4rem; padding-right: .4rem }
}
@font-face { font-family: "AlibabaPuHuiTi-Medium"; src: url("../font/AlibabaPuHuiTi-Medium.ttf") format("truetype") }
@font-face { font-family: "AlibabaPuHuiTi-Light"; src: url("../font/AlibabaPuHuiTi-Light.ttf") format("truetype") }
.header { height: 120px; text-align: center; background-color: #fff; position: relative; z-index: 10 }
.header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.header-logo { height: 100%; padding: 39px 0 }
.header-logo img { height: 100%; display: inline-block; vertical-align: top }
.header-pane { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; padding: 39px 0 }
.header-open { display: none }
.header-open svg { display: block; width: 100%; height: 100% }
.header-menu { height: 100% }
.header-menu_list { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex }
.header-menu_item { position: relative; 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 }
.header-menu_item a { display: block; color: #000; font-size: 18px; white-space: nowrap; position: relative; padding: 0 42px }
.header-menu_item:hover>a { font-weight: bold }
.header-menu_item.active>a { font-weight: bold }
.header-call { 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-left: 10px }
.header-call__call { position: absolute; top: calc(100% + 20px); right: 0; font-size: 16px; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); border-radius: 5px; padding: 10px 20px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden; opacity: 0 }
.header-call__call::after { content: ""; position: absolute; top: -10px; right: 38px; border-style: solid; border-width: 0 8px 12px 8px; border-color: #fff rgba(0, 0, 0, 0) }
.header-call__code { position: absolute; top: calc(100% + 20px); right: 0; background-color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); border-radius: 5px; padding: 15px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden; opacity: 0 }
.header-call__code img { display: block; width: 112px; height: 112px; max-width: 112px }
.header-call__code::after { content: ""; position: absolute; top: -10px; right: 38px; border-style: solid; border-width: 0 8px 12px 8px; border-color: #fff rgba(0, 0, 0, 0) }
.header-call .touch { font-size: 36px; padding: 0 32px; cursor: pointer; position: relative }
.header-call .touch>img { display: block; width: 1em; height: 1em }
.touch:hover .header-call__call { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
.touch:hover .header-call__code { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
@media only screen and (max-width:1024px) {
	.header { height: 108px }
	.header-logo { padding: 33px 0 }
	.header-pane { height: 100%; padding: 33px 0 }
	.header-menu_item a { font-size: 16px; padding: 0 24px }
	.header-call { padding-left: 8px }
	.header-call .touch { font-size: 30px; padding: 0 24px }
	.header-call__call { top: calc(100% + 16px); font-size: 15px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1); border-radius: 4px; padding: 9px 18px }
	.header-call__call::after { top: -9px; right: 31px; border-width: 0 7px 10px 7px }
	.header-call__code { top: calc(100% + 16px); -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1); border-radius: 4px; padding: 12px }
	.header-call__code img { width: 102px; height: 102px; max-width: 102px }
	.header-call__code::after { top: -9px; right: 31px; border-width: 0 7px 10px 7px }
}
@media only screen and (max-width:768px) {
	.header { position: fixed; z-index: 97; top: 0; left: 0; width: 100%; height: 72px }
	.header .ht-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
	.header-logo { display: block; height: 100%; padding: 18px 0 }
	.header-open { position: absolute; z-index: 98; top: 0; right: 0; width: 72px; height: 72px; padding: 18px; display: block; text-align: center }
	.header-open path { -webkit-animation: .2s linear 0s both; animation: .2s linear 0s both }
	.header-open path:nth-child(1) { -webkit-transform-origin: 10% 33%; -ms-transform-origin: 10% 33%; transform-origin: 10% 33% }
	.header-open path:nth-child(2) { -webkit-transform-origin: 14% 67%; -ms-transform-origin: 14% 67%; transform-origin: 14% 67% }
	.header-open path:nth-child(3) { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% }
	.header-open.active path:nth-child(1) { -webkit-animation-name: rotate4; animation-name: rotate4 }
	.header-open.active path:nth-child(2) { -webkit-animation-name: rotate5; animation-name: rotate5 }
	.header-open.active path:nth-child(3) { -webkit-animation-name: rotate6; animation-name: rotate6 }
	.header-pane { display: none; position: fixed; z-index: 97; top: 72px; left: 0; bottom: 0; width: 100%; height: auto; background: #fff; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); border-top: 1px solid #f3f4f5; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .1); box-shadow: 0 10px 10px rgba(0, 0, 0, .1); padding: 10px 0 }
	.header-pane.active { display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) }
	.header-menu_list { display: block; height: 100%; text-align: left; padding: 0 12px }
	.header-menu_logo { display: none }
	.header-menu_item { width: 100%; padding: 0; margin: 0; border-bottom: 1px solid #f3f4f5; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
	.header-menu_item>a { color: #000; width: 100%; font-size: 14px; padding: 16px 0 }
	.header-menu_item>a::before { display: none }
	.header-menu_item>a::after { content: ""; position: absolute; top: 50%; right: 20px; margin-top: -5px; border: 8px solid #000; border-width: 5px 0 5px 6px; border-color: rgba(0, 0, 0, 0) #9a9a9a; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out }
	.header-menu_item:hover a { color: #000; background-color: rgba(0, 0, 0, .05) }
}
@media only screen and (max-width:480px) {
	.header { height: 1.28rem }
	.header-logo { padding: .32rem 0 }
	.header-open { width: 1.28rem; height: 1.28rem; padding: .32rem }
	.header-open [class*=htfont-] { font-size: .533334rem; line-height: .64rem }
	.header-pane { top: 1.28rem }
	.header-menu_list { padding: 0 .32rem }
	.header-menu_item>a { font-size: .373334rem; padding: .32rem 0 }
	.header-menu_item>a::after { right: .4rem; margin-top: -5px; border-width: 5px 0 5px 6px }
}
@-webkit-keyframes rotate4 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
}
@keyframes rotate4 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
}
@-webkit-keyframes rotate5 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
}
@keyframes rotate5 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
}
@-webkit-keyframes rotate6 {
	0% { -webkit-transform: scale(1); transform: scale(1) }
	100% { -webkit-transform: scale(0); transform: scale(0) }
}
@keyframes rotate6 {
	0% { -webkit-transform: scale(1); transform: scale(1) }
	100% { -webkit-transform: scale(0); transform: scale(0) }
}
.footer { width: 100%; background: #000; padding-bottom: 64px }
.footer-back { width: 100%; line-height: 0; padding-bottom: 30.8333334%; position: relative; overflow: hidden; margin-top: -1px }
.footer-back img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.footer-link { width: 100%; border-top: 1px solid #252525; padding: 11px 0 12px; line-height: 2.29; margin-top: 74px; overflow: hidden }
.footer-link__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px }
.footer-link__wrap a { display: block; font-size: 14px; color: rgba(255, 255, 255, .3); padding-left: 15px; padding-right: 15px; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out }
.footer-link__wrap a:hover { color: #fff }
.footer-foot { text-align: center; padding-top: 34px }
.footer-foot p { color: rgba(255, 255, 255, .3); font-size: 14px; line-height: 2.86 }
.footer-foot a { color: inherit; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.footer-foot a:hover { color: #fff }
.footer-foot span { color: inherit }
.footer-image { text-align: center; padding-bottom: 6px; margin-top: -136px; position: relative }
.footer-image p { color: #fff; font-size: 14px; line-height: 1; margin-top: 12px }
.footer-image img { display: block; margin: 0 auto }
.footer-touch { padding-top: 48px; background-color: #000; background-image: url(../images/touch.png); background-repeat: no-repeat; background-position: center top }
.footer-touch__list { margin: 0 auto; padding: 10px 0; max-width: 90% }
.footer-touch__item { text-align: center }
.footer-touch__item .icon { font-size: 40px; display: block; width: 1em; height: 1em; margin: 0 auto }
.footer-touch__item .icon img { display: block; width: 100%; height: 100% }
.footer-touch__item .text { color: #fff; font-size: 18px; line-height: 1; font-weight: bold; margin-top: 18px }
@media only screen and (max-width:1200px) {
	.footer { padding-bottom: 56px }
	.footer-foot { padding-top: 32px }
	.footer-foot p { line-height: 2.5 }
	.footer-touch__list { padding: 8px 0; max-width: 100% }
	.footer-touch__item .icon { font-size: 36px }
	.footer-touch__item .text { font-size: 17px; margin-top: 16px }
}
@media only screen and (max-width:1024px) {
	.footer { padding-bottom: 48px }
	.footer-link { padding-bottom: 10px; margin-top: 66px }
	.footer-link__wrap { margin-left: -12px; margin-right: -12px }
	.footer-link__wrap a { padding-left: 12px; padding-right: 12px }
	.footer-foot { padding-top: 30px }
	.footer-foot p { line-height: 2.3 }
	.footer-image { margin-top: -68px; padding-bottom: 4px }
	.footer-image img { width: 128px; height: 128px }
	.footer-touch { padding-top: 42px }
	.footer-touch__item .icon { font-size: 32px }
	.footer-touch__item .text { font-size: 16px; margin-top: 14px }
}
@media only screen and (max-width:768px) {
	.footer { padding-bottom: 40px }
	.footer-back { padding-bottom: 36% }
	.footer-link { padding-bottom: 8px; margin-top: 54px }
	.footer-link__wrap { margin-left: -8px; margin-right: -8px }
	.footer-link__wrap a { font-size: 13px; padding-left: 8px; padding-right: 8px }
	.footer-foot { padding-top: 28px }
	.footer-foot p { font-size: 13px; line-height: 2.1 }
	.footer-foot a { display: block }
	.footer-image { margin-top: -30px; padding-bottom: 0px }
	.footer-image img { width: 118px; height: 118px }
	.footer-touch__item .icon { font-size: 28px }
	.footer-touch__item .text { font-size: 14px; margin-top: 12px }
}
@media only screen and (max-width:480px) {
	.footer { padding-bottom: .64rem }
	.footer-back { padding-bottom: 42% }
	.footer-link { line-height: 2; padding-top: .24rem; padding-bottom: .16rem; margin-top: .96rem }
	.footer-link__wrap { margin-left: -0.133333rem; margin-right: -0.133333rem }
	.footer-link__wrap a { font-size: .32rem; padding-left: .133334rem; padding-right: .133334rem }
	.footer-foot { padding-top: .64rem }
	.footer-foot p { font-size: .32rem; line-height: .56rem }
	.footer-image { margin-top: -0.48rem }
	.footer-image p { font-size: .32rem }
	.footer-image img { width: 2.4rem; height: 2.4rem }
	.footer-touch__item { width: 100%; margin-bottom: .48rem }
	.footer-touch__item .icon { font-size: .64rem }
	.footer-touch__item .text { font-size: .32rem; margin-top: .266667rem }
	.footer-touch__item:last-child { margin-bottom: 0 }
}
.banner-wrap { position: relative }
.banner-text { position: absolute; z-index: 3; top: 0; left: 50%; padding-top: 5%; margin-left: -35.4166666%; text-align: center; 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 }
.banner-text h2 { color: #34393f; font-size: 72px; line-height: 1; font-family: "AlibabaPuHuiTi-Medium" }
.banner-text p { color: #d1d1d1; font-size: 36px; line-height: 1.3; margin-left: 54px; text-transform: uppercase; font-family: "AlibabaPuHuiTi-Light" }
.banner-back { padding-bottom: 20.9895834%; position: relative; overflow: hidden }
.banner-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:1200px) {
	.banner-text h2 { font-size: 64px }
	.banner-text p { font-size: 30px; margin-left: 42px }
}
@media only screen and (max-width:1024px) {
	.banner-text { padding-top: 6% }
	.banner-text h2 { font-size: 48px }
	.banner-text p { font-size: 24px; margin-left: 32px }
	.banner-back { padding-bottom: 25.1875001%; position: relative; overflow: hidden }
	.banner-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:768px) {
	.banner-text { padding-top: 8% }
	.banner-text h2 { font-size: 36px }
	.banner-text p { font-size: 18px; margin-left: 24px }
	.banner-back { padding-bottom: 33.5833334%; position: relative; overflow: hidden }
	.banner-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:480px) {
	.banner-text h2 { font-size: .64rem }
	.banner-text p { font-size: .373334rem; margin-left: .4rem }
	.banner-back { padding-bottom: 41.9791667%; position: relative; overflow: hidden }
	.banner-back img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
}
.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 }
.pagination li { height: 100%; margin: 0 10px; min-width: 38px; line-height: 30px }
.pagination li a, .pagination li span { display: block; padding: 0 6px; color: dimgray; font-size: 14px; text-align: center; background-color: #1d1c1c; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; border-radius: 2px }
.pagination li:hover a, .pagination li.active span { color: #fff; border-color: #f7007f; background-color: #f7007f }
.pagination li.disabled a, .pagination li.disabled span { color: #363636; border-color: #121212; background-color: #121212 }
@media only screen and (max-width:768px) {
	.pagination li { margin: 0 8px; min-width: 34px; line-height: 28px }
	.pagination li a, .pagination li span { padding: 0 5px; font-size: 15px }
}
@media only screen and (max-width:480px) {
	.pagination li { margin: 0 .16rem; min-width: .8rem; line-height: .64rem }
	.pagination li a, .pagination li span { padding: 0 .16rem; font-size: .32rem }
}
.breadcrumbs { width: 100%; height: 60px; padding: 20px 0; line-height: 20px }
.breadcrumbs ul { height: 100% }
.breadcrumbs li { float: left; height: 100%; color: #ababab; font-size: 14px; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.breadcrumbs li a { color: inherit; height: 100%; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out }
.breadcrumbs li:hover { color: #fff }
.breadcrumbs li:last-child { color: #666 }
.breadcrumbs li:first-child { margin-right: 6px }
.breadcrumbs li+li:before { float: left; content: ">"; color: #666; height: 100%; margin: 0 8px; font-size: 14px; line-height: 20px; font-weight: bold; font-family: Simsun }
@media only screen and (max-width:768px) {
	.breadcrumbs li+li:before { margin: 0 6px }
}
@media only screen and (max-width:480px) {
	.breadcrumbs { height: 1.28rem; padding: .48rem 0 .32rem }
	.breadcrumbs li { font-size: .32rem; max-width: 4rem }
	.breadcrumbs li+li:before { margin: 0 .16rem; font-size: .373334rem; line-height: .586667rem }
}
.topnav { height: 50px; margin-top: 36px; padding-bottom: 18px; text-align: center; font-size: 0 }
.topnav-item { width: 124px; color: #dbdbdb; font-size: 14px; line-height: 30px; border: 1px solid #363636; display: inline-block; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; vertical-align: top; margin: 0 4px }
.topnav-item:hover, .topnav-item.active { color: #fff; background-color: #363636 }
@media only screen and (max-width:768px) {
	.topnav { height: auto; margin-top: 30px; padding-bottom: 8px }
	.topnav-item { width: 22%; font-size: 14px; line-height: 30px; margin-bottom: 8px }
}
@media only screen and (max-width:480px) {
	.topnav { margin-top: .64rem; padding-bottom: 0 }
	.topnav-item { width: 30%; font-size: .32rem; line-height: 30px; margin: 0 .08rem .16rem }
}
.title-line { color: #000; text-align: center; line-height: 1 }
.title-line strong { display: block; font-size: 30px; font-weight: normal; margin-bottom: 18px }
.title-line small { display: block; font-size: 14px }
@media only screen and (max-width:1200px) {
	.title-line strong { font-size: 28px; margin-bottom: 16px }
}
@media only screen and (max-width:1024px) {
	.title-line strong { font-size: 24px; margin-bottom: 14px }
}
@media only screen and (max-width:768px) {
	.title-line strong { font-size: 20px; margin-bottom: 12px }
	.title-line small { font-size: 13px }
}
@media only screen and (max-width:480px) {
	.title-line strong { font-size: .48rem; margin-bottom: .266667rem }
	.title-line small { font-size: .32rem }
}
.card-item { display: block; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out }
.card-image { padding-bottom: 54.5861298%; 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: .35s ease-in-out; transition: .35s ease-in-out }
.card-text { padding: 10px }
.card-name { color: #d7d7d7; font-size: 14px; text-align: center; line-height: 2.58; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out }
.card-item:hover .card-image img { opacity: .7 }
.card-item:hover .card-name { color: #fff }
@media only screen and (max-width:768px) {
	.card-item { padding: 0; -webkit-box-shadow: 0 0 2px rgba(215, 215, 215, .1); box-shadow: 0 0 2px rgba(215, 215, 215, .1) }
	.card-text { padding: 8px }
	.card-name { font-size: 13px; line-height: 2.2 }
}
@media only screen and (max-width:480px) {
	.card-text { padding: .24rem .16rem }
	.card-name { font-size: .32rem; line-height: 2 }
}
.article { padding: 0 54px 40px; background-color: #171717 }
.article-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 }
.article-back { height: 60px; line-height: 20px; text-align: left; padding: 20px 0 }
.article-back a { height: 100%; color: #999; font-size: 14px; display: inline-block; vertical-align: top; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; margin-left: 24px }
.article-back a:hover { color: #f7007f }
.article-back span { height: 100%; color: #999; font-size: 14px; display: inline-block; vertical-align: top }
.article-title { color: #fff; font-size: 30px; text-align: center; line-height: 2.5; letter-spacing: .6px; padding-bottom: 56px; border-bottom: 1px solid #2c2c2c }
.article-video { line-height: 0; max-width: 100%; margin: 60px auto 0; border: 1px solid #2c2c2c; border-radius: 2px; overflow: hidden }
.article-video video { width: 100%; display: block }
.article-video video iframe { width: 100%; display: block }
.article-texts { margin-top: 30px; text-indent: 2em }
.article-texts p { color: #dadada; font-size: 14px; line-height: 1.58; text-align: justify }
.article-texts img { display: block; margin: 20px auto; max-width: 100% }
.article-foot { margin-top: 40px; padding-top: 24px; border-top: 1px solid #2c2c2c; overflow: hidden }
.article-foot a { display: block; color: #dadada; font-size: 14px; line-height: 36px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .32s ease-in-out; transition: .32s ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.article-foot a:hover { color: #f7007f }
.article-label { 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: 40px }
.article-label a { display: block; height: 100%; color: #d3d3d3; padding: 0 17px; line-height: 28px; border: 1px solid #2c2c2c; margin-right: 20px; border-radius: 15px; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out }
.article-label a:hover { color: #f7007f; border-color: #f7007f }
@media only screen and (max-width:1200px) {
	.article { padding: 0 42px 36px }
	.article-title { font-size: 24px; padding-bottom: 42px }
	.article-video { margin-top: 48px }
	.article-texts { margin-top: 24px }
	.article-texts img { margin: 16px auto }
	.article-foot { margin-top: 36px; padding-top: 20px }
	.article-foot a { line-height: 34px }
	.article-label { margin-top: 36px }
}
@media only screen and (max-width:1024px) {
	.article { padding: 0 32px 28px }
	.article-title { font-size: 20px; padding-bottom: 36px }
	.article-video { margin-top: 40px }
	.article-texts { margin-top: 20px }
	.article-texts img { margin: 15px auto }
	.article-foot { margin-top: 32px; padding-top: 18px }
	.article-foot a { line-height: 32px }
	.article-label { margin-top: 32px }
}
@media only screen and (max-width:768px) {
	.article { padding: 0 26px 24px }
	.article-title { font-size: 18px; padding-bottom: 20px }
	.article-video { margin-top: 36px }
	.article-texts { margin-top: 18px }
	.article-texts img { margin: 12px auto }
	.article-foot { margin-top: 24px; padding-top: 16px }
	.article-foot a { line-height: 30px }
	.article-label { margin-top: 28px }
}
@media only screen and (max-width:480px) {
	.article { padding: 0 .4rem .64rem }
	.article-head { -ms-flex-wrap: wrap; flex-wrap: wrap }
	.article-back { height: 1.12rem; line-height: .48rem; padding: 0 0 .64rem }
	.article-back a { font-size: .32rem; margin-left: .4rem }
	.article-back span { font-size: .32rem }
	.article-title { font-size: .426667rem; line-height: 2; padding-bottom: .32rem }
	.article-video { margin-top: .8rem }
	.article-texts { margin-top: .48rem }
	.article-texts img { margin: .16rem auto }
	.article-foot { margin-top: .8rem; padding-top: .48rem }
	.article-foot a { font-size: .32rem; line-height: .64rem }
	.article-label { margin-top: .64rem }
	.article-label a { font-size: .32rem; padding: 0 .32rem; line-height: .72rem; margin-right: .32rem; border-radius: .4rem }
}
.home-title strong { display: block; color: #e3dfdf; font-size: 26px; line-height: 1 }
.home-title small { display: block; color: #393939; text-transform: uppercase; font-size: 14px; line-height: 1; margin-top: 16px }
.home-video { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100% }
.home-video.hide { -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; visibility: hidden; opacity: 0 }
.home-video span { position: absolute; top: 30px; right: 30px; width: 48px; height: 48px; padding: 10px; cursor: pointer; visibility: hidden; opacity: 0 }
.home-video span svg { display: block; width: 100%; height: 100% }
.home-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.home-video:hover span { visibility: visible; opacity: .6 }
.home-video+.home-content { display: none }
.home-poster { background-color: #fff; padding-bottom: 50px; padding-top: 64px }
.home-slogon { 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; padding-bottom: 6.1458334% }
.home-slogon h2 { font-size: 64px; color: #34393f; line-height: 1.1; position: relative }
.home-slogon h2 strong { position: relative; z-index: 2 }
.home-slogon h2::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 16px; background-image: -webkit-gradient(linear, left top, right top, from(#1386d4), to(rgba(19, 134, 212, 0))); background-image: -webkit-linear-gradient(left, #1386d4 0%, rgba(19, 134, 212, 0) 100%); background-image: linear-gradient(to right, #1386d4 0%, rgba(19, 134, 212, 0) 100%) }
.home-slogon p { font-size: 36px; font-weight: 200; color: #050505; line-height: 1; margin-top: 32px }
.home-slogon span { display: block; width: 32px; height: 32px; margin-top: 48px }
.home-slogon span svg { display: block; width: 100%; height: 100% }
.home-navbar { height: 68px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b3b3b3; border-width: 1px 1px 0 1px; border-radius: 30px 30px 0 0; 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 }
.home-navbar a { width: 25%; display: block; height: 100%; padding: 13px 0 14px; font-size: 30px; color: #050505; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #b3b3b3; 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 }
.home-navbar a.active { font-weight: 600 }
.home-navbar a:first-child { border-left: none }
.home-banner { padding-bottom: 56.25%; position: relative; overflow: hidden }
.home-banner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.home-banner::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(38%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 38%, rgba(0, 0, 0, 0) 100%) }
.home-latest { margin-top: -7.03125%; position: relative; z-index: 2 }
.home-latest__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.home-latest__head .more { display: block; color: #858585; font-size: 16px; -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out }
.home-latest__head .more:hover { color: #f7007f }
.home-latest__list.ht-row { margin-left: -12px; margin-right: -12px; padding-top: 54px }
.home-latest__list .ht-col-3 { padding-left: 12px; padding-right: 12px }
.home-member { padding-top: 5.3125% }
.home-member__view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 54px }
.home-member__list { width: 76.4835165%; display: -webkit-box; display: -ms-flexbox; display: flex; -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 }
.home-member__list span { display: block; padding-bottom: 43.9655173%; position: relative; overflow: hidden }
.home-member__list span img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.home-enable { padding-top: 64px }
.home-enable__view { position: relative; padding-top: 54px }
.home-enable__text { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 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-enable__text h3 { color: #fff; font-size: 48px; line-height: 1; font-weight: 600 }
.home-enable__text p { color: #aaa; font-size: 24px; line-height: 1; margin-top: 36px; padding-bottom: 20px }
.home-enable__image { display: grid; grid-template-columns: calc(28.846154% - 12px) calc(23.791209% - 12px) calc(21.318681% - 12px) calc(26.043956% - 12px); gap: 16px; opacity: .2 }
.home-enable__image li { overflow: hidden; line-height: 0 }
.home-enable__image li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.home-enable__image li:nth-child(1) { grid-row-start: 1; grid-row-end: 3 }
.home-enable__image li:nth-child(2) { grid-row-start: 1; grid-row-end: 1 }
.home-enable__image li:nth-child(4) { grid-row-start: 1; grid-row-end: 3 }
.home-enable__image li:nth-child(5) { grid-row-start: 1; grid-row-end: 3 }
.home-server { padding-top: 6.25% }
.home-server__title { 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 }
.home-server__title .icon { display: block; width: 42px; line-height: 0 }
.home-server__title .icon svg { width: 100% }
.home-server__title .name { color: #fff; font-size: 24px; font-weight: 600; margin-left: 18px; padding-bottom: 4px }
.home-server__list { width: 70%; 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; padding-top: 66px; margin: 0 auto }
.home-server__item { width: 20%; 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 }
.home-server__item .icon { display: block; width: 40px; line-height: 0 }
.home-server__item .icon svg { width: 100% }
.home-server__item .name { color: #fff; font-size: 16px; text-align: center; line-height: 1; margin-top: 15px }
.home-content.show { display: block }
@media only screen and (max-width:1200px) {
	.home-title strong { font-size: 24px }
	.home-title small { margin-top: 15px }
	.home-poster { padding-bottom: 42px; padding-top: 54px }
	.home-slogon h2 { font-size: 56px }
	.home-slogon h2::after { height: 14px }
	.home-slogon p { font-size: 32px; margin-top: 28px }
	.home-slogon span { width: 30px; height: 30px; margin-top: 42px }
	.home-navbar { height: 64px; border-radius: 25px 25px 0 0 }
	.home-navbar a { padding: 11px 0 12px; font-size: 26px }
	.home-banner__video { width: 100%; overflow: hidden; line-height: 0 }
	.home-latest { padding-top: 56px }
	.home-latest__head .more { font-size: 15px }
	.home-latest__list.ht-row { margin-left: -10px; margin-right: -10px; padding-top: 48px }
	.home-latest__list .ht-col-3 { padding-left: 10px; padding-right: 10px }
	.home-member__view { padding-top: 48px }
	.home-member__list { width: 100% }
	.home-enable { padding-top: 60px }
	.home-enable__view { padding-top: 50px }
	.home-enable__text h3 { font-size: 40px }
	.home-enable__text p { font-size: 20px; margin-top: 32px; padding-bottom: 18px }
	.home-enable__image { grid-template-columns: calc(28.846154% - 9px) calc(23.791209% - 9px) calc(21.318681% - 9px) calc(26.043956% - 9px); gap: 12px }
	.home-server__title .icon { width: 36px }
	.home-server__title .name { font-size: 20px; margin-left: 16px; padding-bottom: 3px }
	.home-server__list { width: 88%; padding-top: 60px }
	.home-server__item .icon { width: 36px }
	.home-server__item .name { font-size: 15px; margin-top: 12px }
}
@media only screen and (max-width:1024px) {
	.home-title strong { font-size: 22px }
	.home-title small { margin-top: 14px }
	.home-video span { top: 25px; right: 25px; width: 44px; height: 44px; padding: 9px }
	.home-poster { padding-bottom: 34px; padding-top: 44px }
	.home-slogon h2 { font-size: 48px }
	.home-slogon h2::after { height: 12px }
	.home-slogon p { font-size: 28px; margin-top: 24px }
	.home-slogon span { width: 28px; height: 28px; margin-top: 36px }
	.home-navbar { height: 58px; border-radius: 24px 24px 0 0 }
	.home-navbar a { padding: 8px 0 9px; font-size: 22px }
	.home-latest { padding-top: 48px }
	.home-latest__head .more { font-size: 14px }
	.home-latest__list.ht-row { margin-left: -8px; margin-right: -8px; padding-top: 36px }
	.home-latest__list .ht-col-3 { padding-left: 8px; padding-right: 8px }
	.home-member { padding-top: 5.6666667% }
	.home-member__view { padding-top: 42px }
	.home-enable { padding-top: 54px }
	.home-enable__view { padding-top: 44px }
	.home-enable__text h3 { font-size: 36px }
	.home-enable__text p { font-size: 18px; margin-top: 24px; padding-bottom: 16px }
	.home-enable__image { grid-template-columns: calc(28.846154% - 6px) calc(23.791209% - 6px) calc(21.318681% - 6px) calc(26.043956% - 6px); gap: 8px }
	.home-server { padding-top: 6.6666667% }
	.home-server__title .icon { width: 30px }
	.home-server__title .name { font-size: 18px; margin-left: 15px; padding-bottom: 2px }
	.home-server__list { width: 100%; padding-top: 54px }
	.home-server__item .icon { width: 30px }
	.home-server__item .name { font-size: 14px; margin-top: 12px }
}
@media only screen and (max-width:768px) {
	.home-title strong { font-size: 20px }
	.home-title small { font-size: 13px; margin-top: 13px }
	.home-video span { top: 20px; right: 20px; width: 42px; height: 42px; padding: 8px }
	.home-poster { padding-bottom: 26px; padding-top: 34px }
	.home-slogon { padding-bottom: 6.5555556% }
	.home-slogon h2 { font-size: 36px }
	.home-slogon h2::after { height: 8px }
	.home-slogon p { font-size: 22px; margin-top: 20px }
	.home-slogon span { width: 26px; height: 26px; margin-top: 30px }
	.home-navbar { height: 48px; border-radius: 20px 20px 0 0 }
	.home-navbar a { font-size: 18px }
	.home-latest { padding-top: 42px }
	.home-latest__head .more { font-size: 13px }
	.home-latest__list.ht-row { margin-left: -6px; margin-right: -6px; padding-top: 30px }
	.home-latest__list .ht-col-3 { width: 50%; padding-left: 6px; padding-right: 6px }
	.home-member { padding-top: 6.375% }
	.home-member__view { padding-top: 36px }
	.home-member__list .ht-col-2 { width: 25% }
	.home-enable { padding-top: 48px }
	.home-enable__view { padding-top: 40px }
	.home-enable__text h3 { font-size: 28px }
	.home-enable__text p { font-size: 16px; margin-top: 20px; padding-bottom: 14px }
	.home-enable__image { grid-template-columns: calc(28.846154% - 3px) calc(23.791209% - 3px) calc(21.318681% - 3px) calc(26.043956% - 3px); gap: 4px }
	.home-server { padding-top: 7.5% }
	.home-server__title .icon { width: 28px }
	.home-server__title .name { font-size: 17px; margin-left: 10px; padding-bottom: 1px }
	.home-server__list { padding-top: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
	.home-server__item { width: 33.33334%; margin-top: 36px }
	.home-server__item .icon { width: 24px }
	.home-server__item .name { font-size: 13px; margin-top: 8px; line-height: 1.1 }
}
@media only screen and (max-width:480px) {
	.home-title strong { font-size: .48rem }
	.home-title small { font-size: .32rem; margin-top: .24rem }
	.home-video span { top: .48rem; right: .48rem; width: 1.066667rem; height: 1.066667rem; padding: .2rem; visibility: visible; opacity: .6 }
	.home-poster { padding-bottom: .32rem; padding-top: .64rem }
	.home-slogon { padding-bottom: .96rem }
	.home-slogon h2 { font-size: .64rem }
	.home-slogon h2::after { height: .16rem }
	.home-slogon p { font-size: .48rem; margin-top: .4rem }
	.home-slogon span { width: .64rem; height: .64rem; margin-top: .48rem }
	.home-navbar { height: .96rem; border-radius: .4rem .4rem 0 0 }
	.home-navbar a { padding: 13px 0 14px; font-size: .32rem }
	.home-latest { padding-top: .8rem }
	.home-latest__head .more { font-size: .32rem }
	.home-latest__list.ht-row { margin-left: -0.16rem; margin-right: -0.16rem; padding-top: .64rem }
	.home-latest__list .ht-col-3 { padding-left: .16rem; padding-right: .16rem }
	.home-member { padding-top: .8rem }
	.home-member__view { padding-top: .64rem }
	.home-member__list .ht-col-2 { width: 33.3334% }
	.home-enable { padding-top: .8rem }
	.home-enable__view { padding-top: .64rem }
	.home-enable__text h3 { font-size: .48rem }
	.home-enable__text p { font-size: .32rem; margin-top: .48rem; padding-bottom: .266667rem }
	.home-enable__image { grid-template-columns: calc(54.80167% - .053334rem) calc(45.19833% - .053334rem); gap: .106667rem }
	.home-enable__image li:nth-child(1) { grid-row-start: 1; grid-row-end: 3 }
	.home-enable__image li:nth-child(2) { grid-row-start: 1; grid-row-end: 1 }
	.home-enable__image li:nth-child(4) { grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4 }
	.home-enable__image li:nth-child(5) { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4 }
	.home-server { padding-top: .8rem }
	.home-server__title .icon { width: .64rem }
	.home-server__title .name { font-size: .4rem; margin-left: .24rem; padding-bottom: .026667rem }
	.home-server__list { padding-top: .24rem }
	.home-server__item { margin-top: .56rem }
	.home-server__item .icon { width: .586667rem }
	.home-server__item .name { font-size: .32rem; margin-top: .213334rem }
}
.case-list { padding-bottom: 48px }
.case-list.ht-row { margin-left: -10px; margin-right: -10px }
.case-list .ht-col-4 { padding-left: 10px; padding-right: 10px; padding-top: 40px }
.case-view { padding-top: 30px }
.news-list { padding-bottom: 48px }
.news-list.ht-row { margin-left: -10px; margin-right: -10px }
.news-list .ht-col-4 { padding-left: 10px; padding-right: 10px; padding-top: 40px }
.news-view { padding-top: 30px }
.idea-pane { padding-top: 42px }
.idea-list:after { content: ""; display: block; clear: both; height: 0 }
.idea-item:after { content: ""; display: block; clear: both; height: 0 }
.idea-image { float: right; width: 50%; height: 336px; overflow: hidden; background-color: #fff }
.idea-image img { height: 100%; width: 100%; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; -o-object-fit: cover; object-fit: cover }
.idea-item:hover .idea-image img { opacity: .8 }
.idea-content { float: left; width: 50%; height: 336px; background-color: #fff }
.idea-content-item { float: left; width: 50%; height: 100%; padding: 20px; position: relative; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out }
.idea-content-item:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2); box-shadow: 0 0 15px rgba(0, 0, 0, .2) }
.idea-content-item:first-child { background-color: #f5f5f5 }
.idea-content-item:first-child h4 { background-color: #f5f5f5 }
.idea-content-item span { display: block; font-size: 100px; font-weight: bold; line-height: 1 }
.idea-content-item h4 { position: absolute; top: 62px; left: 50%; font-size: 15px; line-height: 1; padding: 14px 16px; background-color: #fff }
.idea-content-item p { color: dimgray; font-size: 14px; line-height: 2; margin-top: 30px }
.idea-content-card { width: 72%; text-align: center; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.idea-item:nth-child(2n) .idea-image { float: left }
.idea-item:nth-child(2n) .idea-content-item:first-child { background-color: #333 }
.idea-item:nth-child(2n) .idea-content-item:first-child span { color: #fff }
.idea-item:nth-child(2n) .idea-content-item:first-child h4 { color: #fff; background-color: #333 }
.idea-item:nth-child(2n) .idea-content-item:first-child p { color: rgba(255, 255, 255, .6) }
.serve-page { padding-top: 7.2916667% }
.serve-title { color: #fff; font-size: 48px; font-weight: 600; text-align: center; line-height: 1 }
.serve-panel { margin-top: 45px }
.serve-panel p { color: #cfcfcf; font-size: 16px; line-height: 2 }
.serve-image { display: grid; grid-template-columns: 32.8169% 28.5915% 36.0563%; margin-top: 80px; gap: 1.26765% }
.serve-image li { line-height: 0; overflow: hidden }
.serve-image li img { width: 100%; height: 100%; overflow: hidden }
.serve-image li:nth-child(1) { grid-row-end: 3; grid-row-start: 1 }
.serve-image li:nth-child(2) { grid-row-end: 2; grid-row-start: 1 }
.serve-image li:nth-child(3) { grid-row-end: 3; grid-row-start: 1 }
.serve-image li:nth-child(4) { grid-row-end: 2; grid-row-start: 3 }
.serve-items { margin-top: 105px }
.serve-items.ht-row { margin-left: -20px; margin-right: -20px }
.serve-items .ht-col-3 { padding-left: 20px; padding-right: 20px }
.serve-items .card { padding: 70px 42px; border-radius: 20px; background-color: #242424; position: relative }
.serve-items .text { color: #fff; font-size: 30px; font-weight: 600 }
.serve-items .icon { position: absolute; top: 50%; right: 15px; width: 28.3870968%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); line-height: 0 }
.serve-flow { margin-top: 90px }
.serve-process { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 90px; text-align: center }
.serve-process li { width: 12.5%; line-height: 0 }
.serve-process li:nth-child(2n) { 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 }
.serve-process li:nth-child(2n) img { display: block; width: 57px }
.serve-process .icon { display: block; width: 48px; line-height: 0; margin: 0 auto }
.serve-process .icon img { width: 100%; height: 100% }
.serve-process .name { font-size: 24px; color: #fbfbfb; line-height: 1; margin-top: 18px }
.serve-process .text { font-size: 14px; color: #747474; line-height: 2.143; margin-top: 12px }
.relevant-view { background-color: #171717; border-top: 1px solid #2c2c2c; padding: 40px 55px }
.relevant-name { color: #828282; font-size: 18px; font-weight: 600; padding-bottom: 24px }
.relevant-list.ht-row { margin-left: -10px; margin-right: -10px }
.relevant-list .ht-col-4 { padding-left: 10px; padding-right: 10px }
@media only screen and (max-width:1200px) {
	.idea-pane { padding-top: 36px }
	.idea-image { height: 300px }
	.idea-content { height: 300px }
	.idea-content-item { padding: 20px }
	.idea-content-item span { font-size: 88px }
	.idea-content-item h4 { top: 50px }
	.idea-content-item p { margin-top: 24px }
	.idea-content-card { width: 80% }
	.serve-title { font-size: 42px }
	.serve-panel { margin-top: 42px }
	.serve-panel p { font-size: 15px }
	.serve-image { margin-top: 68px }
	.serve-items { margin-top: 96px }
	.serve-items.ht-row { margin-left: -16px; margin-right: -16px }
	.serve-items .ht-col-3 { padding-left: 16px; padding-right: 16px }
	.serve-items .card { padding: 60px 30px; border-radius: 18px }
	.serve-items .text { font-size: 24px }
	.serve-items .icon { right: 12px; width: 25.882353% }
	.serve-flow { margin-top: 80px }
	.serve-process { margin-top: 80px }
	.serve-process li:nth-child(2n) img { width: 48px }
	.serve-process .icon { width: 42px }
	.serve-process .name { font-size: 22px; margin-top: 16px }
	.relevant-view { padding: 32px 24px }
	.relevant-name { font-size: 16px; padding-bottom: 20px }
	.relevant-list.ht-row { margin-left: -8px; margin-right: -8px }
	.relevant-list .ht-col-4 { padding-left: 8px; padding-right: 8px }
}
@media only screen and (max-width:1024px) {
	.case-list { padding-top: 6px; padding-bottom: 42px }
	.case-list.ht-row { margin-left: -9px; margin-right: -9px }
	.case-list .ht-col-4 { padding-left: 9px; padding-right: 9px; padding-top: 30px }
	.case-view { padding-top: 24px }
	.news-list { padding-top: 6px; padding-bottom: 42px }
	.news-list.ht-row { margin-left: -9px; margin-right: -9px }
	.news-list .ht-col-4 { padding-left: 9px; padding-right: 9px; padding-top: 30px }
	.news-view { padding-top: 24px }
	.idea-pane { padding-top: 32px }
	.idea-image { height: 272px }
	.idea-content { height: 272px }
	.idea-content-item span { font-size: 72px }
	.idea-content-item h4 { top: 42px; font-size: 14px; padding: 14px 16px }
	.idea-content-item p { font-size: 14px; margin-top: 20px }
	.idea-content-card { width: 85% }
	.serve-page { padding-top: 7.2916667% }
	.serve-title { font-size: 32px }
	.serve-panel { margin-top: 36px }
	.serve-panel p { font-size: 14px }
	.serve-image { margin-top: 60px }
	.serve-items { margin-top: 80px }
	.serve-items.ht-row { margin-left: -12px; margin-right: -12px }
	.serve-items .ht-col-3 { padding-left: 12px; padding-right: 12px }
	.serve-items .card { padding: 48px 24px; border-radius: 15px }
	.serve-items .text { font-size: 20px }
	.serve-items .icon { right: 11px; width: 24.4444445% }
	.serve-flow { margin-top: 60px }
	.serve-process { margin-top: 60px }
	.serve-process li { width: 16% }
	.serve-process li:nth-child(2n) { width: 12% }
	.serve-process li:nth-child(2n) img { width: 36px }
	.serve-process .icon { width: 36px }
	.serve-process .name { font-size: 18px; margin-top: 15px }
	.serve-process .text { font-size: 13px; line-height: 1.8 }
	.relevant-view { padding: 36px 32px }
	.relevant-name { font-size: 17px; padding-bottom: 22px }
	.relevant-list.ht-row { margin-left: -9px; margin-right: -9px }
	.relevant-list .ht-col-4 { padding-left: 9px; padding-right: 9px }
}
@media only screen and (max-width:768px) {
	.case-list { padding-top: 12px; padding-bottom: 36px }
	.case-list.ht-row { margin-left: -8px; margin-right: -8px }
	.case-list .ht-col-4 { padding-left: 8px; padding-right: 8px; padding-top: 18px }
	.case-view { padding-top: 20px }
	.news-list { padding-top: 12px; padding-bottom: 36px }
	.news-list.ht-row { margin-left: -8px; margin-right: -8px }
	.news-list .ht-col-4 { padding-left: 8px; padding-right: 8px; padding-top: 18px }
	.news-view { padding-top: 20px }
	.idea-pane { padding-top: 30px }
	.idea-image { width: 100%; height: auto; padding-bottom: 50.7399578%; position: relative; overflow: hidden }
	.idea-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
	.idea-content { width: 100%; height: 280px }
	.idea-content-item { width: 50%; padding: 16px; position: relative }
	.idea-content-item span { font-size: 64px }
	.idea-content-item h4 { top: 38px; font-size: 14px; padding: 14px 13px }
	.idea-content-item p { margin-top: 18px }
	.idea-content-card { width: 84% }
	.serve-page { padding-top: 8.75% }
	.serve-title { font-size: 24px }
	.serve-panel { margin-top: 30px }
	.serve-panel p { font-size: 13px; line-height: 1.8 }
	.serve-image { margin-top: 42px }
	.serve-items { margin-top: 64px }
	.serve-items.ht-row { margin-left: -8px; margin-right: -8px }
	.serve-items .ht-col-3 { padding-left: 8px; padding-right: 8px }
	.serve-items .card { padding: 30px 18px; border-radius: 12px }
	.serve-items .text { font-size: 18px }
	.serve-items .icon { right: 10px; width: 22% }
	.serve-flow { margin-top: 56px }
	.serve-process { margin-top: 56px }
	.serve-process li { width: 24% }
	.serve-process li:nth-child(2n) { width: 8% }
	.serve-process li:nth-child(2n) img { width: 28px }
	.serve-process .icon { width: 30px }
	.serve-process .name { font-size: 16px; margin-top: 18px }
	.serve-process .text { font-size: 12px; margin-top: 12px }
	.relevant-view { padding: 32px 24px }
	.relevant-name { font-size: 16px; padding-bottom: 20px }
	.relevant-list.ht-row { margin-left: -8px; margin-right: -8px }
	.relevant-list .ht-col-4 { padding-left: 8px; padding-right: 8px }
}
@media only screen and (max-width:480px) {
	.case-list { padding-top: .32rem; padding-bottom: .8rem }
	.case-list.ht-row { margin-left: -0.16rem; margin-right: -0.16rem }
	.case-list .ht-col-4 { width: 50%; padding-left: .16rem; padding-right: .16rem; padding-top: .24rem }
	.case-view { padding-top: .4rem }
	.news-list { padding-top: .32rem; padding-bottom: .8rem }
	.news-list.ht-row { margin-left: -0.16rem; margin-right: -0.16rem }
	.news-list .ht-col-4 { width: 50%; padding-left: .16rem; padding-right: .16rem; padding-top: .24rem }
	.news-view { padding-top: .4rem }
	.idea-pane { padding-top: .8rem }
	.idea-content { height: 5.6rem }
	.idea-content-item { width: 50%; height: 100%; padding: .24rem }
	.idea-content-item span { font-size: 1.28rem }
	.idea-content-item h4 { top: .8rem; font-size: .373334rem; padding: .16rem .08rem }
	.idea-content-item p { font-size: .32rem; margin-top: .24rem }
	.idea-content-card { width: 90% }
	.serve-page { padding-top: .96rem }
	.serve-title { font-size: .56rem }
	.serve-panel { margin-top: .64rem }
	.serve-panel p { font-size: .32rem }
	.serve-image { grid-template-columns: calc(50% - .16rem) calc(50% - .16rem); margin-top: .8rem; gap: .32rem }
	.serve-image li:nth-child(1) { grid-row-end: 2; grid-row-start: 1 }
	.serve-image li:nth-child(2) { grid-row-end: 3; grid-row-start: 2 }
	.serve-image li:nth-child(3) { grid-row-end: 3; grid-row-start: 2 }
	.serve-image li:nth-child(3) { grid-row-end: 2; grid-row-start: 1 }
	.serve-items { margin-top: .8rem }
	.serve-items.ht-row { margin-left: -0.16rem; margin-right: -0.16rem }
	.serve-items .ht-col-3 { width: 50%; padding-left: .16rem; padding-right: .16rem; padding-top: .4rem }
	.serve-items .card { padding: .64rem .48rem; border-radius: .16rem }
	.serve-items .text { font-size: .4rem }
	.serve-items .icon { right: .24rem; width: .96rem }
	.serve-flow { margin-top: .96rem }
	.serve-process { margin-top: 0rem; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative }
	.serve-process li { width: 40%; padding-top: .96rem }
	.serve-process li:nth-child(2n) { width: 20% }
	.serve-process li:nth-child(2n) img { width: .8rem }
	.serve-process li:nth-child(4) { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
	.serve-process li:nth-child(4) img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-right: 17% }
	.serve-process li:nth-child(5) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 }
	.serve-process li:nth-child(6) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 }
	.serve-process li:nth-child(6) img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
	.serve-process .icon { width: .8rem }
	.serve-process .name { font-size: .4rem; margin-top: .24rem }
	.serve-process .text { font-size: .32rem; margin-top: .2rem; line-height: 1.6 }
	.relevant-view { padding: .48rem .4rem }
	.relevant-name { font-size: .373334rem; padding-bottom: .4rem }
	.relevant-list.ht-row { margin-left: -0.16rem; margin-right: -0.16rem }
	.relevant-list .ht-col-4 { width: 50%; padding-left: .16rem; padding-right: .16rem; margin-bottom: .4rem }
}

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