@-webkit-keyframes notyf-fadeinup { 0% {
opacity:0;
-webkit-transform:translateY(25%);
transform:translateY(25%)
}
to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes notyf-fadeinup { 0% {
opacity:0;
-webkit-transform:translateY(25%);
transform:translateY(25%)
}
to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@-webkit-keyframes notyf-fadeinleft { 0% {
opacity:0;
-webkit-transform:translateX(25%);
transform:translateX(25%)
}
to { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@keyframes notyf-fadeinleft { 0% {
opacity:0;
-webkit-transform:translateX(25%);
transform:translateX(25%)
}
to { opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
}
@-webkit-keyframes notyf-fadeoutright { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
to { opacity:0; -webkit-transform:translateX(25%); transform:translateX(25%) }
}
@keyframes notyf-fadeoutright { 0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
to { opacity:0; -webkit-transform:translateX(25%); transform:translateX(25%) }
}
@-webkit-keyframes notyf-fadeoutdown { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
to { opacity:0; -webkit-transform:translateY(25%); transform:translateY(25%) }
}
@keyframes notyf-fadeoutdown { 0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
to { opacity:0; -webkit-transform:translateY(25%); transform:translateY(25%) }
}
@-webkit-keyframes ripple { 0% {
-webkit-transform:scale(0) translateY(-45%) translateX(13%);
transform:scale(0) translateY(-45%) translateX(13%)
}
to { -webkit-transform:scale(1) translateY(-45%) translateX(13%); transform:scale(1) translateY(-45%) translateX(13%) }
}
@keyframes ripple { 0% {
-webkit-transform:scale(0) translateY(-45%) translateX(13%);
transform:scale(0) translateY(-45%) translateX(13%)
}
to { -webkit-transform:scale(1) translateY(-45%) translateX(13%); transform:scale(1) translateY(-45%) translateX(13%) }
}
.notyf { align-items:flex-end; box-sizing:border-box; color:#fff; display:flex; flex-direction:column; height:100%; justify-content:flex-end; left:0; padding:20px; pointer-events:none; position:fixed; top:0; width:100%; z-index:9999 }
.notyf__icon--error, .notyf__icon--success { background:#fff; border-radius:50%; display:block; height:21px; margin:0 auto; position:relative; width:21px }
.notyf__icon--error:after, .notyf__icon--error:before { background:currentColor; border-radius:3px; content:""; display:block; height:12px; left:9px; position:absolute; top:5px; width:3px }
.notyf__icon--error:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }
.notyf__icon--error:before { -webkit-transform:rotate(45deg); transform:rotate(45deg) }
.notyf__icon--success:after, .notyf__icon--success:before { background:currentColor; border-radius:3px; content:""; display:block; position:absolute; width:3px }
.notyf__icon--success:after { height:6px; left:6px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }
.notyf__icon--success:before { height:11px; left:10px; top:5px; -webkit-transform:rotate(45deg); transform:rotate(45deg) }
.notyf__toast {
-webkit-animation:notyf-fadeinup .3s ease-in forwards;
animation:notyf-fadeinup .3s ease-in forwards; border-radius:2px; box-shadow:0 3px 7px 0 rgba(0, 0, 0, .25); box-sizing:border-box; display:block; flex-shrink:0; max-width:300px; overflow:hidden; padding:0 15px; pointer-events:auto; position:relative; -webkit-transform:translateY(25%); transform:translateY(25%) }
.notyf__toast--disappear {
-webkit-animation:notyf-fadeoutdown .3s forwards;
animation:notyf-fadeoutdown .3s forwards;
-webkit-animation-delay:.25s;
animation-delay:.25s; -webkit-transform:translateY(0); transform:translateY(0) }
.notyf__toast--disappear .notyf__icon, .notyf__toast--disappear .notyf__message {
-webkit-animation:notyf-fadeoutdown .3s forwards;
animation:notyf-fadeoutdown .3s forwards; opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
.notyf__toast--disappear .notyf__dismiss {
-webkit-animation:notyf-fadeoutright .3s forwards;
animation:notyf-fadeoutright .3s forwards; opacity:1; -webkit-transform:translateX(0); transform:translateX(0) }
.notyf__toast--disappear .notyf__message { -webkit-animation-delay:.05s;
animation-delay:.05s
}
.notyf__toast--upper { margin-bottom:20px }
.notyf__toast--lower { margin-top:20px }
.notyf__toast--dismissible .notyf__wrapper { padding-right:30px }
.notyf__ripple {
-webkit-animation:ripple .4s ease-out forwards;
animation:ripple .4s ease-out forwards; border-radius:50%; height:400px; position:absolute; right:0; top:0; -webkit-transform:scale(0) translateY(-51%) translateX(13%); transform:scale(0) translateY(-51%) translateX(13%); -webkit-transform-origin:bottom right; transform-origin:bottom right; width:400px; z-index:5 }
.notyf__wrapper { align-items:center; border-radius:3px; display:flex; padding-bottom:17px; padding-right:15px; padding-top:17px; position:relative; z-index:10 }
.notyf__icon {
-webkit-animation:notyf-fadeinup .3s forwards;
animation:notyf-fadeinup .3s forwards;
-webkit-animation-delay:.3s;
animation-delay:.3s; font-size:1.3em; margin-right:13px; opacity:0; text-align:center; width:22px }
.notyf__dismiss {
-webkit-animation:notyf-fadeinleft .3s forwards;
animation:notyf-fadeinleft .3s forwards;
-webkit-animation-delay:.35s;
animation-delay:.35s; height:100%; margin-right:-15px; opacity:0; position:absolute; right:0; top:0; width:26px }
.notyf__dismiss-btn { background-color:rgba(0, 0, 0, .25); border:none; cursor:pointer; height:100%; opacity:.35; outline:none; transition:opacity .2s ease, background-color .2s ease;
width:100% }
.notyf__dismiss-btn:after, .notyf__dismiss-btn:before { background:#fff; border-radius:3px; content:""; height:12px; left:calc(50% - 1px); position:absolute; top:calc(50% - 5px); width:2px }
.notyf__dismiss-btn:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg) }
.notyf__dismiss-btn:before { -webkit-transform:rotate(45deg); transform:rotate(45deg) }
.notyf__dismiss-btn:hover { background-color:rgba(0, 0, 0, .15); opacity:.7 }
.notyf__dismiss-btn:active { opacity:.8 }
.notyf__message {
-webkit-animation:notyf-fadeinup .3s forwards;
animation:notyf-fadeinup .3s forwards;
-webkit-animation-delay:.25s;
animation-delay:.25s; line-height:1.5em; opacity:0; position:relative; vertical-align:middle }
@media only screen and (max-width:480px) {
.notyf {
padding:0
}
.notyf__ripple {
-webkit-animation-duration:.5s;
animation-duration:.5s;
height:600px;
width:600px
}
.notyf__toast {
border-radius:0;
box-shadow:0 -2px 7px 0 rgba(0, 0, 0, .13);
max-width:none;
width:100%
}
.notyf__dismiss {
width:56px
}
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); background:transparent; border:0; box-sizing:border-box; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline }
body { line-height:1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { box-sizing:border-box; display:block }
li, ul { list-style:none }
a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); background:transparent; font-size:100%; margin:0; padding:0; vertical-align:baseline }
a, input, select { box-sizing:border-box }
input, select { -webkit-appearance:none; outline:none; vertical-align:middle }
html { font-family:MarkProBold, SourceHanSansCNRegular, Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:46.875%; font-size:7.5px }
@media screen and (max-width:830px) {
html {
font-size:10px
}
}
html ::-webkit-scrollbar {
height:6px;
width:6px
}
html ::-webkit-scrollbar-track {
background-color:#eee
}
html ::-webkit-scrollbar-thumb {
background-color:#aaa;
border-radius:6px
}
body { background-color:#f3f3f3; min-height:100vh }
.wrap { background-color:#fff; overflow:hidden; padding-top:70px }
@media screen and (max-width:830px) {
.wrap {
padding-top:58px
}
}
@font-face {
 font-family: "iconfont"; /* Project id 3042702 */
 src: url('../../fonts/icon/iconfont.woff2?t=16418858') format('woff2'),  url('../../fonts/icon/iconfont.woff?t=16418858') format('woff'),  url('../../fonts/icon/iconfont.ttf?t=16418858') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-small-close:before { content: "\e606"; }
.icon-previous:before { content: "\e605"; }
.icon-top:before { content: "\e604"; }
.icon-scan:before { content: "\e603"; }
.icon-side-menu-icon3:before { content: "\e602"; }
.icon-side-menu-icon1:before { content: "\e601"; }
.icon-search:before { content: "\e673"; }
.icon-menu:before { content: "\e672"; }
.icon-info:before { content: "\e6e5"; }
.icon-arrow-down:before { content: "\e607"; }
.icon-arrow-up:before { content: "\e60a"; }
.icon-quote:before { content: "\e6ea"; }
.icon-close:before { content: "\e61a"; }
.icon-play1:before { content: "\e726"; }
.icon-Rightarrow:before { content: "\e761"; }
.icon-LC_icon_right_line:before { content: "\e600"; }
.icon-LC_icon_left_line:before { content: "\e623"; }
.icon-sub:before { content: "\e763"; }
.icon-add:before { content: "\e6f0"; }
.icon-arrowright:before { content: "\e6f1"; }
.icon-arrowleft:before { content: "\e6f2"; }
.icon-back:before { content: "\e6f3"; }
.icon-down:before { content: "\e6f7"; }
.icon-remove1:before { content: "\e709"; }
.icon-up:before { content: "\e70a"; }
.icon-next:before { content: "\e762"; }
.notyf__toast { min-width:250px; overflow:hidden; white-space:nowrap }
@media screen and (max-width:830px) {
.notyf__toast {
width:100%
}
}
.notyf__toast .notyf__message { flex:1; font-size:14px; text-align:center }
@font-face {
font-family:MarkPro;
src:url(../fonts/FF_Mark_Pro/MarkPro.otf)
}
@font-face {
font-family:MarkProBold;
src:url(../fonts/FF_Mark_Pro/MarkPro-Bold.otf)
}
@font-face {
font-family:MarkProLight;
src:url(../fonts/FF_Mark_Pro/MarkPro-Light.otf)
}
@font-face {
font-family:MarkProExtraLight;
src:url(../fonts/FF_Mark_Pro/MarkPro-ExtraLight.otf)
}
@font-face {
font-family:MarkProBook;
src:url(../fonts/FF_Mark_Pro/MarkPro-Book.otf)
}
@font-face {
font-family:MarkProHeavy;
src:url(../fonts/FF_Mark_Pro/MarkPro-Heavy.otf)
}
@font-face {
font-family:MarkProMedium;
src:url(../fonts/FF_Mark_Pro/MarkPro-Medium.otf)
}
@font-face {
font-family:SourceHanSansCNNormal;
src:url(../fonts/SourceHanSansCN/SourceHanSansCN-Normal.woff2)
}
@font-face {
font-family:SourceHanSansCNRegular;
src:url(../fonts/SourceHanSansCN/SourceHanSansCN-Regular.woff2)
}
@font-face {
font-family:SourceHanSansCNLight;
src:url(../fonts/SourceHanSansCN/SourceHanSansCN-Light.woff2)
}
@font-face {
font-family:SourceHanSansCNMedium;
src:url(../fonts/SourceHanSansCN/SourceHanSansCN-Medium.woff2)
}
@font-face {
font-family:SourceHanSansCNHeavy;
src:url(../fonts/SourceHanSansCN/SourceHanSansCN-Heavy.woff2)
}
.block { color:#262626; display:flex; flex-wrap:wrap; font-size:12px; justify-content:center; margin:0 0 138px!important; width:100% }
@media screen and (max-width:830px) {
.block {
margin:0 0 50px!important
}
}
.block.footer, .block.footer-block, .block.kv-block { margin:0!important }
.block .spacing-down, .block.spacing-down { margin:0 0 50px!important }
.block .spacing-up { margin:50px 0 0!important }
.block .spacing-none, .block.spacing-none { margin:0!important }
.block .spacing-all { margin:50px 0!important }
.block .ftext { font-family:SourceHanSansCNRegular; text-align:justify }
.block a { color:inherit; text-decoration:none }
.block .content { display:flex; flex-direction:column; width:1203px }
.block .video-box { width:1203px }
.block .gradient-title .line1 { font-family:MarkProLight; font-size:7.2rem }
.block .gradient-title .line1 span { -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-image:linear-gradient(40deg, #09addb 30%, #0fbda9); font-family:MarkProBold; margin-left:25px }
.block .gradient-title .line2 { font-size:6rem; margin-top:10px }
.block .gradient-title .article { color:#737373; font-family:SourceHanSansCNRegular; font-size:2.2rem; margin-top:25px }
.block .text-title .line1 { font-size:6rem }
.block .text-title .line2 { font-family:SourceHanSansCNLight; font-size:4.5rem; margin-top:2px }
.block .slide-text-box .line { overflow:hidden }
.block .slide-text-box .line span { display:block }
@-webkit-keyframes slideTextIn { 0% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@keyframes slideTextIn { 0% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%)
}
to { opacity:1; -webkit-transform:translateY(0); transform:translateY(0) }
}
@-webkit-keyframes slideTextOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) }
}
@keyframes slideTextOut { 0% {
opacity:1
}
to { opacity:0; -webkit-transform:translateY(-100%); transform:translateY(-100%) }
}
.block .slide-text-in span { -webkit-animation:slideTextIn .4s linear forwards;
animation:slideTextIn .4s linear forwards
}
.block .slide-text-out { pointer-events:none }
.block .slide-text-out span { -webkit-animation:slideTextOut .4s linear forwards;
animation:slideTextOut .4s linear forwards
}
.block .swiper-pagination { display:flex; justify-content:center; width:100% }
.block .swiper-pagination .swiper-pagination-bullet { background-color:#ebebeb; border-radius:50%; cursor:pointer; height:14px; margin:0 9px; transition:background-color .2s;
width:14px }
.block .swiper-pagination .swiper-pagination-bullet-active { background-color:#4eaad8 }
.block .items { display:flex; font-size:2rem }
.block .items .col { margin-right:146px }
.block .items .col .row { font-family:SourceHanSansCNRegular; line-height:28px; margin:5px 0; padding-left:10px; position:relative; text-align:justify }
.block .items .col .row:before { background:linear-gradient(40deg, #09addb 30%, #0fbda9); border-radius:50%; content:""; height:4px; left:0; position:absolute; top:12px; width:4px }
@media screen and (max-width:830px) {
.block .items .col .row {
line-height:22px
}
.block .items .col .row:before {
top:9px
}
}
.block .items .col:last-child { margin-right:0 }
.block img, .block picture { display:block; width:100% }
.block .video-box { position:relative }
.block .video-box .poster-box { height:100%; left:0; position:absolute; top:0; width:100%; z-index:1 }
.block .video-box .poster-box .poster { height:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; width:100% }
.block .video-box .poster-box .icon { -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-image:linear-gradient(40deg, #09addb 30%, #0fbda9); cursor:pointer; font-size:130px; left:50%; position:absolute; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.block .video-box video { display:block; height:auto; width:100% }
.block .button { border:1px solid #262626; border-radius:30px; box-sizing:border-box; color:#262626; cursor:pointer; display:inline-block; flex-shrink:0; font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif!important; font-size:2.4rem; letter-spacing:9px; padding:18px 28px; text-indent:9px }
@media screen and (min-width:961px) {
.block .button:hover {
background:linear-gradient(40deg, #09addb 30%, #0fbda9);
border-color:transparent!important;
color:#fff
}
}
.block .button.force { background:linear-gradient(40deg, #09addb 30%, #0fbda9); border-color:transparent!important; color:#fff }
.block .button.light { border-color:#fff; color:#fff }
.block .button.longer { border-radius:40px; padding:18px 67px }
@media screen and (max-width:830px) {
.block .button {
font-size:12px!important;
letter-spacing:5px;
padding:10px 35px!important;
text-indent:5px
}
}
@media screen and (max-width:1300px) {
.block .content, .block .video-box {
width:87.2%
}
}
@media screen and (max-width:960px) {
.block .m-slide-text-out {
pointer-events:none
}
.block .m-slide-text-out span {
-webkit-animation:slideTextOut .4s linear forwards;
animation:slideTextOut .4s linear forwards
}
.block .m-slide-text-in span {
-webkit-animation:slideTextIn .4s linear forwards;
animation:slideTextIn .4s linear forwards
}
}
@media screen and (max-width:830px) {
.block .text-title .line1 {
font-size:3rem
}
.block .text-title .line2 {
font-size:2.3rem;
margin-top:10px
}
.block .gradient-title .line1 {
font-size:3.6rem
}
.block .gradient-title .line2 {
font-size:3rem;
margin-top:5px
}
.block .gradient-title .article {
font-size:1.2rem;
line-height:16px
}
.block .items {
flex-direction:column;
flex-wrap:wrap;
font-size:1.2rem
}
.block .items .col {
margin:0
}
.block .items .col .row {
margin:5px 0
}
.block .items .col .row:last-child {
margin-bottom:0
}
.block .video-box {
width:100%
}
.block .video-box .poster-box .icon {
font-size:80px
}
.block .swiper-pagination .swiper-pagination-bullet {
height:10px;
width:10px
}
.block .button {
font-size:1.7rem;
letter-spacing:5px;
padding:12px 24px
}
}
.block .full-content { width:100% }
.kv-block .content { align-items:center; width:1430px }
@media screen and (max-width:1300px) {
.kv-block .content {
width:100%
}
}
.article-content, .kv-title { align-items:center; display:flex; flex-direction:column; line-height:42px; margin:50px 0; width:87.2% }
.article-content .light, .article-content .line1, .kv-title .light, .kv-title .line1 { font-size:4.8rem }
.article-content .light, .kv-title .light { font-family:MarkPro }
.article-content .bold, .kv-title .bold { font-weight:700 }
.article-content .line2, .kv-title .line2 { font-family:SourceHanSansCNRegular; font-size:4.1rem }
.article-content .article, .kv-title .article { font-family:SourceHanSansCNRegular; font-size:2.2rem; line-height:28px; margin-top:20px; text-align:center }
@media screen and (max-width:830px) {
.article-content, .kv-title {
line-height:28px
}
.article-content .line1, .kv-title .line1 {
font-size:2.25rem
}
.article-content .light, .kv-title .light {
font-size:2rem
}
.article-content .line2, .kv-title .line2 {
font-size:2.25rem
}
.article-content .article, .kv-title .article {
font-size:1.2rem;
line-height:20px;
margin-top:20px
}
.article-content .article p span, .kv-title .article p span {
display:block
}
}
.article-title { font-size:3.6rem }
.article-title .line1 { font-family:MarkProBold; line-height:28px }
.article-title .line2 { font-family:SourceHanSansCNRegular; line-height:28px }
.article-title .line2+.line2 { margin-top:5px }
.article-title+.article-text { margin-top:25px }
@media screen and (max-width:830px) {
.article-title {
font-size:1.8rem
}
.article-title .line1, .article-title .line2 {
line-height:22px
}
}
.article-title+.article-text { margin-top:20px }
.article-title.article-text-center { text-align:center }
.article-text { font-family:SourceHanSansCNRegular; font-size:2.2rem; line-height:26px }
@media screen and (max-width:830px) {
.article-text {
font-size:1.2rem;
line-height:20px
}
.article-text p span {
display:block
}
}
.article-text.article-text-center { text-align:center }
.article-content, .article-content .article { margin-top:0 }
.pic-content { align-items:flex-start; border-radius:6px; flex-direction:row!important; justify-content:center; overflow:hidden; position:relative }
.pic-content .content { color:#fff; position:absolute; width:100% }
.link-btn { color:#fff; cursor:pointer; text-decoration:none }
.link-btn, .link-btn .icon { align-items:center; display:flex }
.link-btn .icon { background-color:#fff; border-radius:4px; height:30px; justify-content:center; margin-right:19px; width:30px }
.link-btn .icon:before { -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-image:linear-gradient(40deg, #09addb 30%, #0fbda9); font-size:30px }
.link-btn span.text { color:#333; font-family:SourceHanSansCNMedium; font-size:19px }
.link-btn:hover span.text { -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-image:linear-gradient(40deg, #09addb 30%, #0fbda9) }
.link-btn:hover .icon { background:linear-gradient(40deg, #09addb 30%, #0fbda9) }
.link-btn.force:hover span.text, .link-btn:hover .icon:before { -webkit-text-fill-color:initial; background:none; color:#fff }
.link-btn.force:hover .icon { background:#fff }
.link-btn.force:hover .icon:before { -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-image:linear-gradient(40deg, #09addb 30%, #0fbda9) }
.column-block { align-items:center; flex-direction:column }
.footer-block { margin-top:150px }
.footer-block .background { flex-direction:row; height:389px; justify-content:center }
.footer-block .background .content { align-content:center; align-items:flex-start; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start }
.footer-block .background .copy { color:#fff; font-size:3.4rem; line-height:36px; width:100% }
.footer-block .background .copy span { color:#0fbea7; margin-right:8px }
.footer-block .background .link-btn { margin-top:55px }
@media screen and (max-width:830px) {
.footer-block {
margin-top:77px
}
.footer-block .background {
background-position:50%;
background-size:cover;
height:auto;
padding-bottom:62.1%;
position:relative
}
.footer-block .background .content {
justify-content:flex-start;
left:22.5px;
position:absolute;
top:49px
}
.footer-block .background .copy {
font-size:1.7rem;
line-height:24px;
margin-left:0
}
.footer-block .background .link-btn {
margin-top:17.5px
}
}
.page-nav-block { background:#fff; position:sticky; top:70px; z-index:20 }
@media screen and (max-width:830px) {
.page-nav-block {
top:58px
}
}
.page-nav-block .page-nav-wrap { align-items:center; display:flex; flex-direction:row; height:40px; justify-content:center; width:100% }
.page-nav-block .page-nav-wrap .page-nav { align-items:center; flex-direction:row; height:100%; justify-content:center }
.page-nav-block .page-nav-wrap .page-nav .item { border-right:1px solid #bdbdbd; flex-shrink:0; text-align:center; width:27% }
.page-nav-block .page-nav-wrap .page-nav .item:last-child { border:none }
.page-nav-block .page-nav-wrap .page-nav a { border-bottom:2px solid transparent; color:#3475ec; font-family:MarkProBold; font-size:2.2rem; padding-bottom:3px }
.page-nav-block .page-nav-wrap .page-nav a.active, .page-nav-block .page-nav-wrap .page-nav a:hover { border-bottom:2px solid #3475ec }
@media screen and (max-width:830px) {
.page-nav-block {
margin-top:81.5px
}
.page-nav-block .page-nav-wrap .page-nav {
width:75%
}
.page-nav-block .page-nav-wrap .page-nav .item {
border:none;
width:33%
}
.page-nav-block .page-nav-wrap .page-nav .item a {
font-size:1.5rem
}
.page-nav-block .page-nav-wrap .page-nav .item:nth-child(2) {
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
padding:0 6%
}
.page-nav-block .page-nav-wrap .page-nav .item:nth-child(3) {
border-right:1px solid #bdbdbd
}
}
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@keyframes fadeIn { 0% {
opacity:0
}
to { opacity:1 }
}
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 30px, 0);
transform:translate3d(0, 30px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
transform:translate3d(-30px, 0, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-30px, 0, 0);
transform:translate3d(-30px, 0, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(30px, 0, 0);
transform:translate3d(30px, 0, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(30px, 0, 0);
transform:translate3d(30px, 0, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
[data-effect] {
visibility:hidden
}
.fadeIn { -webkit-animation:fadeIn .87s forwards;
animation:fadeIn .87s forwards
}
.fadeIn, .fadeInUp { visibility:visible }
.fadeInUp { -webkit-animation:fadeInUp .87s forwards;
animation:fadeInUp .87s forwards
}
.fadeInDown {
-webkit-animation:fadeInDown .87s forwards;
animation:fadeInDown .87s forwards; visibility:visible }
.fadeInLeft {
-webkit-animation:fadeInLeft .87s forwards;
animation:fadeInLeft .87s forwards; visibility:visible }
.fadeInRight {
-webkit-animation:fadeInRight .87s forwards;
animation:fadeInRight .87s forwards; visibility:visible }
.support-btn { cursor:pointer }
.overlay { background:rgba(0, 0, 0, .75); display:none; font-family:MarkProBold, SourceHanSansCNRegular, Microsoft YaHei, Arial, Helvetica, sans-serif; height:100%; left:0; position:fixed; top:0; width:100%; z-index:101 }
.overlay .content { height:100%; justify-content:center; margin:0 auto; max-width:960px }
.overlay .content .bar { display:flex; justify-content:flex-end }
.overlay .content .bar .close { align-items:center; background:hsla(0, 0%, 100%, .2); cursor:pointer; display:flex; height:40px; justify-content:center; width:40px }
.overlay .content .bar .close .icon { color:#acadb2; font-size:28px }
.overlay .content .card-wrap { border-radius:6px; display:flex; margin-bottom:20px; overflow:hidden }
.overlay .content .card-wrap .card-main { -webkit-overflow-scrolling:touch; height:auto; overflow:auto; width:100% }
.overlay .content .card { background:#f2f2f2; border-radius:6px; color:#3a3a3a; overflow:hidden; padding:0 68px }
.overlay .content .card .title { line-height:1; margin-top:48px }
.overlay .content .card .title .line1 { font-size:33px }
.overlay .content .card .title .line2 { font-size:30px; margin-top:10px }
@media screen and (max-width:830px) {
.overlay .content .bar .close {
height:30px;
width:30px
}
.overlay .content .bar .close .icon {
font-size:18px
}
.overlay .content .card {
height:auto;
padding:30px 25px
}
.overlay .content .card .title {
margin-top:0
}
.overlay .content .card .title .line1 {
font-size:1.85rem
}
.overlay .content .card .title .line2 {
font-size:1.65rem;
margin-top:5px
}
}
.contact .card { height:600px }
.contact .form-content { display:flex; flex-wrap:wrap; margin-top:60px }
.contact .form-content .label { align-items:center; display:flex; margin-bottom:45px; margin-right:7.2%; width:28.5% }
.contact .form-content .label input, .contact .form-content .label span, .contact .form-content .label textarea { border-radius:0; font-family:SourceHanSansCNRegular; font-size:16px; line-height:25px; outline:none; resize:none }
.contact .form-content .label span { margin-right:10px }
.contact .form-content .label span:after { color:red; content:"*" }
.contact .form-content .label input, .contact .form-content .label textarea { background:transparent; border:none; border-bottom:1px solid #3a3a3a; flex:1; height:25px; margin:0; min-width:50px; padding:0 }
.contact .form-content .label textarea { height:auto }
.contact .form-content .label:nth-child(3) {
margin-right:0
}
.contact .form-content .label:last-child { align-items:flex-start; margin:0; width:100% }
.contact .disable { pointer-events:none }
.contact .btn-box { display:flex; margin-top:50px }
.contact .btn-box .button { align-items:center; display:flex; height:45px; justify-content:center; letter-spacing:normal; margin-right:30px; padding:0; position:relative; text-indent:0; width:180px }
.contact .btn-box .button .file { height:100%; left:0; opacity:0; position:absolute; top:0; width:100% }
.contact .btn-box .submit-contact { margin-right:0 }
.contact .file-list { margin-top:10px }
.contact .file-list .item { align-items:center; display:flex; font-size:14px; line-height:normal }
.contact .file-list .item p { margin-right:5px }
.contact .file-list .item .file-name { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all }
.contact .file-list .item .del-file { align-items:center; cursor:pointer; display:flex; justify-content:center }
.contact .file-list .item .del-file span.icon { background:#b00020; border-radius:6px; color:#fff; font-size:12px; height:12px; width:12px }
@media screen and (max-width:830px) {
.contact .content .card-wrap {
margin-bottom:15px
}
.contact .form-content {
margin-top:35px
}
.contact .form-content .label {
margin:0 0 22.5px;
width:100%
}
.contact .form-content .label input, .contact .form-content .label span, .contact .form-content .label textarea {
font-size:1.4rem;
line-height:22px
}
.contact .form-content .label textarea {
height:44px
}
.contact .btn-box {
display:flex;
justify-content:space-around;
margin-top:35px
}
.contact .btn-box .button {
font-size:1.25rem;
height:31px;
margin:0;
padding:0!important;
width:120px
}
}
.service-support .card { height:649px }
.service-support .card .banner { align-items:center; display:flex; margin-top:40px; width:100% }
.service-support .card .banner img { flex-shrink:0 }
.service-support .card .items { flex-direction:row; margin-top:28px }
.service-support .card .items .item { align-items:center; border-right:1px solid #c3c3c3; display:flex; flex:1; flex-direction:column }
.service-support .card .items .item .ftext { font-size:15px; line-height:15px }
.service-support .card .items .item .icon { margin-bottom:10px; width:74px }
.service-support .card .items .item:last-child { border:none }
.service-support .card .send-email { display:flex; display:none; font-size:14px; height:47px; margin-top:38px }
.service-support .card .send-email .service .select { align-items:center; background:#fff; border:1px solid #c3c3c3; cursor:pointer; display:flex; height:100%; position:relative; width:325px }
.service-support .card .send-email .service .select .option-text, .service-support .card .send-email .service .select .select-text { flex:1; line-height:normal; margin:0 5px; overflow:hidden; text-align:center; -webkit-user-select:none; -moz-user-select:none; user-select:none; white-space:nowrap }
.service-support .card .send-email .service .select .select-box { background:#fff; border:1px solid #c3c3c3; border-top:none; display:none; left:-1px; position:absolute; top:100%; width:calc(100% + 2px) }
.service-support .card .send-email .service .select .select-box .option-text { display:block; line-height:45px; margin:0; padding-right:50px }
.service-support .card .send-email .service .select .select-box .option-text.active { background:#70c99b; color:#fff }
.service-support .card .send-email .service .select.expand .select-box { display:block }
.service-support .card .send-email .service .select:after { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:""; font-family:iconfont!important; font-size:2rem; font-style:normal; margin-right:35px }
.service-support .card .send-email .service .select select { display:none }
.service-support .card .send-email .button { align-items:center; display:flex; font-size:1.8rem; height:100%; justify-content:center; letter-spacing:normal; margin-left:55px; padding:0; text-indent:0; width:190px }
.service-support .card .copy { font-size:1.8rem; line-height:24px; margin-top:30px }
.service-support .card .copy .line2 { color:#000; display:flex }
.service-support .card .copy .line2 a { margin-right:18px }
.service-support .card .copy .line2 small { color:#7a7a7a; font-size:12px }
@media screen and (max-width:830px) {
.service-support .card .banner {
margin-top:28.5px;
overflow:hidden
}
.service-support .card .banner img {
-webkit-transform:translateX(-10%);
transform:translateX(-10%);
width:145%
}
.service-support .card .items {
font-size:1rem;
margin-top:27px
}
.service-support .card .items .item .ftext {
font-size:12px;
line-height:normal
}
.service-support .card .items .item .ftext span {
display:block
}
.service-support .card .items .item .icon {
width:45px
}
.service-support .card .send-email {
align-items:center;
flex-direction:column;
height:auto;
margin-top:37.5px
}
.service-support .card .send-email .service {
width:100%
}
.service-support .card .send-email .service .select {
height:30px;
width:100%
}
.service-support .card .send-email .service .select .option-text, .service-support .card .send-email .service .select .select-text {
font-size:1.25rem;
line-height:normal
}
.service-support .card .send-email .service .select .select-box .option-text {
line-height:35px;
padding-right:36px
}
.service-support .card .send-email .service .select:after {
font-size:1.25rem;
line-height:normal;
margin-right:25px
}
.service-support .card .send-email .button {
height:31.5px;
margin:23px 0 0;
padding:0!important;
width:127.5px
}
.service-support .card .copy {
font-size:1rem;
line-height:16px;
margin-top:40px
}
.service-support .card .copy .line2 {
flex-direction:column
}
.service-support .card .copy .line2 a {
margin-right:0
}
}
.qrcode .content .bar .close { display:none }
.qrcode .content .card-main { display:flex; justify-content:center }
.qrcode .content .card { background-color:transparent; border-radius:0; height:auto; padding:0; width:190px }
.widget { background:#5f5f5f; border-radius:20px; bottom:22%; box-sizing:border-box; display:flex; flex-direction:column; font-family:SourceHanSansCNRegular; left:calc(50% + 621.5px); padding:0 8px; position:fixed; width:40px; z-index:99 }
.widget .item { border-bottom:1px solid #bfbfbf; box-sizing:border-box; color:#bfbfbf; cursor:pointer; font-size:12px; line-height:16px; padding:12px 0; -webkit-user-select:none; -moz-user-select:none; user-select:none }
.widget .item a { color:#bfbfbf; text-decoration:none }
.widget .item a:hover { color:#65cfbb!important }
@media screen and (max-width:1300px) {
.widget .item {
font-size:10px;
padding:8px 0;
text-align:center
}
}
.widget .item:first-child { padding-top:20px }
@media screen and (max-width:1300px) {
.widget .item:first-child {
padding-top:15px
}
}
.widget .item:last-child { border-bottom:none; padding-bottom:20px; text-align:center }
.widget .item:last-child:before { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:""; font-family:iconfont!important; font-size:14px; font-style:normal }
@media screen and (max-width:1300px) {
.widget .item:last-child {
padding-bottom:15px
}
}
@media screen and (min-width:961px) {
.widget .item:hover {
color:#65cfbb
}
}
@media screen and (max-width:1300px) {
.widget {
left:auto;
right:10px
}
}
@media screen and (max-width:830px) {
.widget {
bottom:auto;
padding:0 7px;
top:50%;
width:36px
}
}
@font-face {
font-family:swiper-icons;
font-style:normal;
font-weight:400;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}
:root { --swiper-theme-color:#007aff
}
.swiper { list-style:none; margin-left:auto; margin-right:auto; overflow:hidden; padding:0; position:relative; z-index:1 }
.swiper-vertical>.swiper-wrapper { flex-direction:column }
.swiper-wrapper { box-sizing:content-box; display:flex; height:100%; position:relative; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; width:100%; z-index:1 }
.swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform:translateZ(0); transform:translateZ(0) }
.swiper-pointer-events { touch-action:pan-y }
.swiper-pointer-events.swiper-vertical { touch-action:pan-x }
.swiper-slide { flex-shrink:0; height:100%; position:relative; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; width:100% }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { align-items:flex-start; transition-property:height, -webkit-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height:100%; left:0; pointer-events:none; position:absolute; top:0; width:100%; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, .15) }
.swiper-3d .swiper-slide-shadow-left { background-image:linear-gradient(270deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-right { background-image:linear-gradient(90deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-top { background-image:linear-gradient(0deg, rgba(0, 0, 0, .5), transparent) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(180deg, rgba(0, 0, 0, .5), transparent) }
.swiper-css-mode>.swiper-wrapper { -ms-overflow-style:none; overflow:auto; scrollbar-width:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type:x mandatory }
.swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type:y mandatory }
.swiper-centered>.swiper-wrapper:before { content:""; flex-shrink:0; order:9999 }
[dir=ltr] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-left:var(--swiper-centered-offset-before) }
[dir=rtl] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-right:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-horizontal>.swiper-wrapper:before { height:100%; min-height:1px; width:var(--swiper-centered-offset-after) }
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-top:var(--swiper-centered-offset-before) }
.swiper-centered.swiper-vertical>.swiper-wrapper:before { height:var(--swiper-centered-offset-after); min-width:1px; width:100% }
.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function:ease-out }
.swiper-fade .swiper-slide { pointer-events:none; transition-property:opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-free-mode>.swiper-wrapper { margin:0 auto; transition-timing-function:ease-out }

.temporary-hide { display:none!important }
.footer { padding:112px 0 93px }
.footer .main { border-bottom:1px solid #8c8c8c; display:flex; justify-content:space-between; padding-bottom:85px }
.footer .main .grid .col { display:flex; flex-direction:column; height:100% }
.footer .main .grid .col .row { font-family:SourceHanSansCNLight; font-size:16px; margin-bottom:40px }
.footer .main .grid .col .row:last-child { margin-bottom:0 }
.footer .main .grid .col a.row { cursor:pointer }
.footer .main .grid .col .bold { font-family:SourceHanSansCNRegular; font-size:20px }
.footer .main .contact .col { justify-content:space-between }
.footer .main .contact .col .row { font-size:32px; margin-bottom:0 }
.footer .main .contact .col .row p { font-family:SourceHanSansCNNormal; line-height:40px }
.footer .main .contact .col .row .light { color:#404040; font-family:MarkProLight; font-size:24px; line-height:30px; margin-top:15px }
.footer .main .contact .col .row .button { letter-spacing:7px; padding:17px 46px; text-indent:7px }
.footer .main .qrcode .col { align-items:flex-end; justify-content:space-between }
.footer .main .qrcode .col .row { display:flex; justify-content:flex-end; line-height:26px; margin-bottom:0 }
.footer .main .qrcode .col .row .code { margin-right:20px; position:relative; width:85px }
.footer .main .qrcode .col .row .code .color { left:0; opacity:0; position:absolute; top:0 }
.footer .main .qrcode .col .row .code:hover .color { opacity:1 }
.footer .main .qrcode .col .row .code:hover .black { opacity:0 }
@media screen and (max-width:830px) {
.footer .main .qrcode .col .row .code .color {
opacity:1!important
}
.footer .main .qrcode .col .row .code .black {
opacity:0!important
}
}
.footer .main .qrcode .col .row .code p { font-family:SourceHanSansCNLight; font-size:14px; text-align:center }
.footer .main .qrcode .col .row .code:last-child { margin-right:0 }
.footer .main .qrcode .col .follow-copy { text-align:right }
.footer .main .qrcode .col .social { display:flex; flex-direction:column; margin-top:auto; position:relative; width:100% }
.footer .main .qrcode .col .social p { line-height:26px; margin-bottom:10px; text-align:right }
@media screen and (max-width:830px) {
.footer .main .qrcode .col .social p {
margin-bottom:0
}
}
.footer .main .qrcode .col .social .social-itme { display:flex; justify-content:space-between }
.footer .main .qrcode .col .social .social-itme .col { height:auto; width:33px }
.footer .main .qrcode .col .social .social-itme .col a { height:26px; position:relative }
.footer .main .qrcode .col .social .social-itme .col a img { height:100% }
.footer .main .qrcode .col .social .social-itme .col a .color { left:0; opacity:0; position:absolute; top:0 }
.footer .main .qrcode .col .social .social-itme .col a:hover .color { opacity:1 }
.footer .main .qrcode .col .social .social-itme .col a:hover .grey { opacity:0 }
@media screen and (max-width:830px) {
.footer .main .qrcode .col .social .social-itme .col a .color {
opacity:1!important
}
.footer .main .qrcode .col .social .social-itme .col a .black {
opacity:0!important
}
.footer .main .qrcode .col .social .social-itme .col a img {
height:63%
}
.footer .main .qrcode .col .social .social-itme .col {
width:20px
}
}
.footer .site-info { align-items:center; display:flex; font-family:SourceHanSansCNLight; font-size:16px; justify-content:space-between; margin-top:24px }
.footer .site-info .line p { align-items:center; display:flex; justify-content:flex-end }
.footer .site-info .line p span { margin:0 5px }
.footer .site-info .line p a { align-items:center; display:flex }
.footer .site-info .line p a img { margin-right:5px; width:20px }
@media screen and (max-width:830px) {
.footer .site-info .line p a img {
width:15px
}
}
.footer .site-info .line p:nth-child(2) {
margin:10px 0
}
@media screen and (max-width:960px) {
.footer {
padding-bottom:40px;
padding-top:60px
}
.footer .main {
flex-wrap:wrap;
padding-bottom:50px
}
.footer .main .grid .col .row {
font-size:12px;
margin-bottom:24px
}
.footer .main .grid .col .bold {
font-size:14px
}
.footer .main .contact {
border-bottom:1px solid #8c8c8c;
display:flex;
justify-content:center;
margin-bottom:50px;
padding-bottom:70px;
width:100%
}
.footer .main .contact .col {
align-items:center;
text-align:center
}
.footer .main .contact .col .row {
font-size:20px
}
.footer .main .contact .col .row p {
line-height:24px
}
.footer .main .contact .col .row p.light {
font-size:16px;
line-height:20px;
margin-top:8px
}
.footer .main .contact .col .row .button {
font-size:12px;
letter-spacing:5px;
margin-top:24px;
text-indent:5px
}
.footer .main .qrcode .col .row {
line-height:16px;
margin-bottom:0
}
.footer .main .qrcode .col .row .code {
margin-right:5px;
width:60px
}
.footer .main .qrcode .col .row .code p {
font-size:12px;
margin-top:3px
}
.footer .site-info {
font-size:10px
}
}