:root {
  --primary: rgb(245, 245, 245);
  --hover:#2855B6;
  --secondary: rgb(128, 128, 128);
  --mute: rgb(139, 142, 145);
  --white: rgb(255, 255, 255);
  --red: rgb(255, 87, 20);
  --black: rgb(40, 40, 40);
  --gray: rgb(100, 100, 100);
  --dark: rgb(26, 26, 26);
  --deep: rgb(20, 20, 20);
  --light: rgb(230, 230, 230);
  --sublight:rgb(179, 179, 179);
  --dialog: rgb(46, 46, 46);
  --top-nav: 6.375rem;
  --left-pad: 15.5rem; 
  --right-pad: 10rem; 
  /* --font-family: 'PingFang SC','Noto Sans SC', 'Microsoft JhengHei', '-apple-system', 'Noto Sans', 'Helvetica Neue', 'Helvetica', 'Nimbus Sans L', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', 'ST Heiti', 'SimHei';; */
}

html { font-size: 100%; min-height: 100% ;}
html,body {font-weight: 300;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: 300; position: relative; margin: 0; padding: 0; }
body {  line-height: 1.8; overflow-y: scroll; color: rgb(80, 80, 80); /*-webkit-font-smoothing: antialiased;font-family: var(--font-family);*/ }
@font-face { font-family: "Montserrat-Light"; src: url("fonts/Montserrat-Light.otf");font-style: normal; }
@font-face { font-family: "Montserrat-Regular"; src: url("fonts/Montserrat-Regular.otf");font-style: normal; }
/* @font-face { font-family: "Gilroy-Light"; src: url("fonts/Gilroy-Light.ttf") format("truetype"), url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.woff2") format("woff2"); font-style: normal; }
@font-face { font-family: "Gilroy-Regular"; src: url("fonts/Gilroy-Regular.ttf") format("truetype"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.woff2") format("woff2"); font-style: normal }
@font-face { font-family: "Gilroy-Semibold"; src: url("fonts/Gilroy-Semibold.ttf") format("truetype"), url("fonts/Gilroy-Semibold.woff") format("woff"), url("fonts/Gilroy-Semibold.woff2") format("woff2"); font-weight: normal; font-style: normal }
@font-face { font-family: "Gilroy-ExtraBold"; src: url("fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("fonts/Gilroy-ExtraBold.woff") format("woff"), url("fonts/Gilroy-ExtraBold.woff2") format("woff2"); font-weight: normal; font-style: normal } */

/* @media screen and (min-width:1200px){html{font-size:110%}}@media screen and (min-width:1400px){html{font-size:115%}}@media screen and (min-width:1600px){html{font-size:120%}}@media screen and (min-width:1900px){html{font-size:125%}}@media screen and (min-width:2500px){html{font-size:127.5%}}@media screen and (min-width:3000px){html{font-size:130%}}@media screen and (-webkit-min-device-pixel-ratio:1.25),screen and (min-resolution:120dpi){html{font-size:90%}@media screen and (min-width:1200px){html{font-size:98%}}@media screen and (min-width:1400px){html{font-size:102%}}@media screen and (min-width:1600px){html{font-size:106%}}@media screen and (min-width:1900px){html{font-size:110%}}@media screen and (min-width:2500px){html{font-size:112%}}}@media screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi){html{font-size:85%}@media screen and (min-width:1200px){html{font-size:90%}}@media screen and (min-width:1400px){html{font-size:100%}}@media screen and (min-width:1600px){html{font-size:105%}}@media screen and (min-width:1900px){html{font-size:115%}}@media screen and (min-width:2500px){html{font-size:125%}}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){} */
h1,h2,h3,h4,h5,h6 { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
video { max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
[hidden], template { display: none; }
a, button { transition: all .25s linear; }
a { color: var(--white); text-decoration: none; }
a:hover { text-decoration: none; color: var(--dark); outline: none; }
a:focus, a:active, button:hover, button:focus, button:active, input:focus, textarea:focus, li:focus { text-decoration: none; color: inherit; outline: none; }
button, a { transform: translateZ(0); border: 0; background: transparent; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
button:hover { color: rgb(30, 80, 164); }
a, span, div, section, dl, dt, dd, i, em, label { font-style: normal; position: relative; }
li { list-style: none; }
input, textarea, button { font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑', 'Tahoma', 'Arial', 'sans-serif'; }
pre {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
input, textarea { font-size: .7rem; width: 100%; resize: none; transition: border .25s, background-color .25s; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
a:hover .no-hover { color: inherit; background: initial; }
strong, .strong { font-weight: bold; }
img { max-width: 100%; height: auto; vertical-align: top; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--secondary); }
hr.min { margin-top: 0; margin-bottom: 0; }
hr.hr-primary { border-top-color: rgb(30, 80, 164); }
hr.hr-md { border-top-width: 3px; }
dl, dt, dd { line-height: inherit; }
a.block span { position: relative; display: block; }
.mobile-break { display: none; }
.inline { position: relative; display: inline; vertical-align: top; letter-spacing: normal; }
.inline-wrapper { font-size: 0; position: relative; }
.inline-item { font-size: initial; position: relative; display: inline-block; vertical-align: top; }
.block { position: relative; display: block; }
.nowrap, .ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi-ellipsis { display: -webkit-box !important; overflow: hidden; word-break: break-word; -webkit-box-orient: vertical; }
.gray { color: rgb(128, 128, 128); }
.white { color: var(--white); }
.black { color: var(--black); }
.primary { color: var(--primary); }
.secondary { color: var(--secondary); }
.light { color: var(--light); }
.sublight {color:var(--sublight);}
.red { color: var(--red); }
.mute { color: var(--mute); }
.dark { color: var(--dark); }
.link.white { color: var(--white); }
.link.white:hover { opacity: .85; }
.bg-gray { background-color: rgb(240, 240, 240); }
.none { display: none; }
/* .normal { font-weight: normal; font-style: normal; font-size: initial; } */
.full-size { position: relative; overflow: hidden; width: 100%; height: 100%; }
.full-height { height: 100%; }
.full-width { width: 100%; height: auto; vertical-align: top; }
.abs { position: absolute; top: 0; left: 0; width: 100%; }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center; }
.bgs-cover { background-size: cover; }
.bgs-contain { background-size: contain; }
.bgp-left-top { background-position: left top; }
.bgp-center-top { background-position: center top; }
.at-middle { display: flex !important; align-items: center; flex-wrap: wrap; }
.v-middle { display: flex; align-items: center; justify-content: left; }
.cxany-valign-middle span, .cxany-valign-middle img, .cxany-valign-middle i { display: inline-block; float: none; vertical-align: middle; }
.left-pad { padding-left: var(--left-pad) }
.right-pad { padding-right: var(--right-pad) }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
/* .fs-9{font-size:.45rem}.fs-10{font-size:.5rem}.fs-11{font-size:.55rem}.fs-12{font-size:.6rem}.fs-13{font-size:.65rem}.fs-14{font-size:.7rem}.fs-15{font-size:.75rem}.fs-16{font-size:.8rem}.fs-17{font-size:.85rem}.fs-18{font-size:.9rem}.fs-19{font-size:.95rem}.fs-20{font-size:1rem}.fs-21{font-size:1.05rem}.fs-22{font-size:1.1rem}.fs-23{font-size:1.15rem}.fs-24{font-size:1.2rem}.fs-25{font-size:1.25rem}.fs-26{font-size:1.3rem}.fs-27{font-size:1.35rem}.fs-28{font-size:1.4rem}.fs-29{font-size:1.45rem}.fs-30{font-size:1.5rem}.fs-31{font-size:1.55rem}.fs-32{font-size:1.6rem}.fs-33{font-size:1.65rem}.fs-34{font-size:1.7rem}.fs-35{font-size:1.75rem}.fs-36{font-size:1.8rem}.fs-37{font-size:1.85rem}.fs-38{font-size:1.9rem}.fs-39{font-size:1.95rem}.fs-40{font-size:2rem}.fs-42{font-size:2.1rem}.fs-44{font-size:2.2rem}.fs-46{font-size:2.3rem}.fs-48{font-size:2.4rem}.fs-50{font-size:2.5rem}.fs-52{font-size:2.6rem}.fs-54{font-size:2.7rem}.fs-56{font-size:2.8rem}.fs-58{font-size:2.9rem}.fs-60{font-size:3rem}.fs-62{font-size:3.1rem}.fs-64{font-size:3.2rem}.fs-66{font-size:3.3rem}.fs-68{font-size:3.4rem}.fs-70{font-size:3.5rem}.fs-72{font-size:3.6rem}.fs-74{font-size:3.7rem}.fs-76{font-size:3.8rem}.fs-78{font-size:3.9rem}.fs-80{font-size:4rem}.fs-82{font-size:4.1rem}.fs-84{font-size:4.2rem}.fs-86{font-size:4.3rem}.fs-88{font-size:4.4rem}.fs-90{font-size:4.5rem}.fs-92{font-size:4.6rem}.fs-94{font-size:4.7rem}.fs-96{font-size:4.8rem}.fs-98{font-size:4.9rem}.fs-100{font-size:5rem} */
.p-t{padding-top:5rem}.p-t-lg{padding-top:8rem}.p-t-md{padding-top:4rem}.p-t-sm{padding-top:2.5rem}.p-t-xs{padding-top:1.5rem}.p-t-min{padding-top:.75rem}.p-b{padding-bottom:5rem}.p-b-lg{padding-bottom:8rem}.p-b-md{padding-bottom:4rem}.p-b-sm{padding-bottom:2.5rem}.p-b-xs{padding-bottom:1.5rem}.p-b-min{padding-bottom:.75rem}.m-t{margin-top:5rem}.m-t-lg{margin-top:8rem}.m-t-md{margin-top:4rem}.m-t-sm{margin-top:2.5rem}.m-t-xs{margin-top:1.5rem}.m-t-min{margin-top:.75rem}.m-b{margin-bottom:5rem}.m-b-lg{margin-bottom:8rem}.m-b-md{margin-bottom:4rem}.m-b-sm{margin-bottom:2.5rem}.m-b-xs{margin-bottom:1.5rem}.m-b-min{margin-bottom:.75rem}.m-l{margin-right:5rem}.m-l-lg{margin-left:8rem}.m-l-md{margin-left:4rem}.m-l-sm{margin-left:2.5rem}.m-l-xs{margin-left:1.5rem}.m-l-min{margin-left:.75rem}.m-r{margin-right:5rem}.m-r-lg{margin-right:8rem}.m-r-md{margin-right:4rem}.m-r-sm{margin-right:2.5rem}.m-r-xs{margin-right:1.5rem}.m-r-min{margin-right:.75rem}.l-h-lg{line-height:2.5}.l-h-md{line-height:2.2}.l-h-sm{line-height:2}.l-h-xs{line-height:1.6}.l-h-2-8{line-height:2.8}.l-h-2-7{line-height:2.7}.l-h-2-6{line-height:2.6}.l-h-1-4{line-height:1.4}.l-h-1-3{line-height:1.3}.l-h-1-2{line-height:1.2}.l-h-1-1{line-height:1}.l-h-1{line-height:1}@media screen and (min-width:1900px){.p-t{padding-top:6rem}.p-b{padding-bottom:6rem}.m-t{margin-top:6rem}.m-b{margin-bottom:6rem}.p-t-md{padding-top:5rem}.p-b-md{padding-bottom:5rem}.m-t-md{margin-top:5rem}.m-b-md{margin-bottom:5rem}}
.p-l{padding-left:5rem}.p-l-lg{padding-left:8rem}.p-l-md{padding-left:4rem}.p-l-sm{padding-left:2.5rem}.p-l-xs{padding-left:1.5rem}.p-l-min{padding-left:.75rem}
.p-r{padding-right:5rem}.p-r-lg{padding-right:8rem}.p-r-md{padding-right:4rem}.p-r-sm{padding-right:2.5rem}.p-r-xs{padding-right:1.5rem}.p-r-min{padding-right:.75rem}
.m-l{margin-left:5rem}.m-l-lg{margin-left:8rem}.m-l-md{margin-left:4rem}.m-l-sm{margin-left:2.5rem}.m-l-xs{margin-left:1.5rem}.m-l-min{margin-left:.75rem}
.m-r{margin-right:5rem}.m-r-lg{margin-right:8rem}.m-r-md{margin-right:4rem}.m-r-sm{margin-right:2.5rem}.m-r-xs{margin-right:1.5rem}.m-r-min{margin-right:.75rem}
[data-clamp='2'] { -webkit-line-clamp: 2; } [data-clamp='3'] { -webkit-line-clamp: 3; } [data-clamp='4'] { -webkit-line-clamp: 4; } [data-clamp='5'] { -webkit-line-clamp: 5; }

/* @font-face { font-family: "Gilroy-Regular"; src: url("fonts/Gilroy-Regular.ttf") format("truetype"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.woff2") format("woff2"); font-style: normal } */
/* @font-face { font-family: "Gilroy-Semibold"; src: url("fonts/Gilroy-Semibold.ttf") format("truetype"), url("fonts/Gilroy-Semibold.woff") format("woff"), url("fonts/Gilroy-Semibold.woff2") format("woff2"); font-weight: normal; font-style: normal }
@font-face { font-family: "Gilroy-ExtraBold"; src: url("fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("fonts/Gilroy-ExtraBold.woff") format("woff"), url("fonts/Gilroy-ExtraBold.woff2") format("woff2"); font-weight: normal; font-style: normal } */

.en { font-family: "Montserrat-Light"; font-weight: 200; }
.en-rg { font-family: "Montserrat-Regular"; font-weight: 200; }
/* .en { font-family: 'Gilroy-Regular';font-weight: 200; } */
/* .en-sb { font-family: 'Gilroy-Semibold';font-weight: 200; }
.en-eb { font-family: 'Gilroy-ExtraBold';font-weight: 200; } */
.shadow-box { position: relative; margin-top: 35px; margin-bottom: 35px; padding: 1rem; background: white; box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); }
[class*='icon-'] { display: inline-block; }
.row { margin-right: 0; margin-left: 0; position: relative; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0; }
.spacing-2 { margin-right: -.1rem; margin-left: -.1rem; }
.spacing-2 [class^='col-'] { padding-right: .1rem; padding-left: .1rem; }
.spacing-5 { margin-right: -.25rem; margin-left: -.25rem; }
.spacing-5 [class^='col-'] { padding-right: .25rem; padding-left: .25rem; }
.spacing-10 { margin-right: -.5rem; margin-left: -.5rem; }
.spacing-10 [class^='col-'] { padding-right: .5rem; padding-left: .5rem; }
.spacing-15 { margin-right: -.75rem; margin-left: -.75rem; }
.spacing-15 [class^='col-'] { padding-right: .75rem; padding-left: .75rem; }
.spacing-20 { margin-right: -1rem; margin-left: -1rem; }
.spacing-20 [class^='col-'] { padding-right: 1rem; padding-left: 1rem; }
.spacing-25 { margin-right: -1.25rem; margin-left: -1.25rem; }
.spacing-25 [class^='col-'] { padding-right: 1.25rem; padding-left: 1.25rem; }
.spacing-30 { margin-right: -1.5rem; margin-left: -1.5rem; }
.spacing-30 [class^='col-'] { padding-right: 1.5rem; padding-left: 1.5rem; }
.spacing-35 { margin-right: -1.75rem; margin-left: -1.75rem; }
.spacing-35 [class^='col-'] { padding-right: 1.75rem; padding-left: 1.75rem; }
.spacing-40 { margin-right: -2rem; margin-left: -2rem; }
.spacing-40 [class^='col-'] { padding-right: 2rem; padding-left: 2rem; }
.spacing-50 { margin-right: -2.5rem; margin-left: -2.5rem; }
.spacing-50 [class^='col-'] { padding-right: 2.5rem; padding-left: 2.5rem; }

/* 字体大小设置 */
.fs-14 {font-size: 0.875rem;} .fs-16 {font-size: 1rem;} .fs-18 {font-size: 1.125rem;} .fs-20{font-size: 1.25rem;} .fs-22 {font-size: 1.375rem;} .fs-24 {font-size: 1.5rem;} .fs-26 {font-size: 1.625rem;} .fs-28 {font-size:1.75rem;} .fs-30{font-size: 1.875rem;} .fs-36 {font-size: 2.25rem;} .fs-48 {font-size:3rem;} .fs-52 {font-size:3.25rem;} .fs-64 {font-size:4rem;}
@media screen and (max-width: 1000px) {
  .fs-14 {font-size: 0.5rem;} .fs-16 {font-size: 0.6rem;} .fs-18 {font-size: 0.68rem;} .fs-20 {font-size: 0.75rem;} .fs-22 {font-size: 0.825rem;} .fs-24 {font-size: 0.9rem;} .fs-26 {font-size: 0.975rem;} .fs-28 {font-size:1.05rem;} .fs-30 {font-size: 1.125rem;} .fs-36 {font-size: 1.35rem;} .fs-48 {font-size:1.8rem;} .fs-52 {font-size:1.95rem;} .fs-64 {font-size:2.4rem;}
}
/* @media (max-width: 767px) { */
@media (max-width: 992px) {
  .fs-14{font-size: 0.75rem;} .fs-16 {font-size: 0.94rem;} .fs-18 {font-size: 1rem;} .fs-24 {font-size: 1.125rem;} .fs-30 {font-size: 1.25rem;}.fs-36 {font-size: 1.375rem;}  .fs-64{font-size: 2rem;}
}
/* 字体大小结束 */

/*a.block span:not(.noani) { transition: all .25s; }*/
a.block span.inline { display: inline-block; }
.btn-inline { line-height: 40px; width: 100%; height: 40px; transition: background .25s; color: white; background-color: rgb(214, 216, 221); }
.btn-inline:hover { background-color: rgb(56, 101, 199); }
.ratio { position: relative !important; display: block; overflow: hidden; }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }
.ratio > img { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; }
.ratio-16-10 { padding-top: 62.5%; }
.ratio-16-9 { padding-top: 56.25%; }
.ratio-9-16 { padding-top: 177.7777%; }
.ratio-1-1 { padding-top: 100%; }
.ratio-2-1 { padding-top: 50%; }
.ratio-3-1 { padding-top: 33.3333%; }
.ratio-3-2 { padding-top: 66.6666%; }
.ratio-2-3 { padding-top: 133.3333%; }
.ratio-4-3 { padding-top: 75%; }
.ratio-5-4 { padding-top: 80%; }
.hover-zoom { transition: all .36s ease; transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
a:hover .hover-zoom, li:hover .hover-zoom, .has-hover:hover .hover-zoom { transform: scale(1.1); }
.window-height { height: 1500px; transition: opacity .8s; opacity: 0; }
.window-height.show-me { opacity: 1; }
.banner-height { height:640px; transition: opacity .8s; opacity: 0;}
.banner-height.show-me { opacity: 1; }
.wow { visibility: hidden; opacity: 0; }
.wow-loaded .wow { opacity: 1; }
.ani { transition: all .25s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.noani { transition: none !important; }
.flex { display: flex; }
.flex-row, .flex-sb { display: flex; justify-content: space-between; }
.flex-cc { display: flex; align-items: center; justify-content: center; }
.flex-cs { display: flex; align-items: center; justify-content: flex-start; }
.flex-ce { display: flex; align-items: center; justify-content: flex-end; }
.flex-cb { display: flex; align-items: center; justify-content: space-between; }

/* 分页 */
.pagination-content {text-align: right;padding-right: 10%;}
.pagination>li {cursor: pointer;}
.pagination>li>a, .pagination>li>span {background-color: #363636;color: var(--sublight);margin-left: 16px;padding: 0;width: 40px;height: 40px;text-align: center;line-height: 38px;border-radius: 2px;border-color: #363636;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {border-color: #EC1A31;background-color: rgba(236, 26, 49, 0.05);color: #EC1A31;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {border-color: #EC1A31;background-color: rgba(236, 26, 49, 0.05);color: #EC1A31;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {background-color:#eee;}

.whitebody .pagination>li>a, .whitebody .pagination>li>span {background-color: #fff;color: #666666;margin-left: 16px;padding: 0;width: 32px;height: 32px;text-align: center;line-height: 32px;border-radius: 4px;border-color: #666666;border: none;background: #F5F5F5;}
.whitebody .pagination>.active>a, .whitebody .pagination>.active>a:focus, .whitebody .pagination>.active>a:hover,.whitebody .pagination>.active>span,.whitebody .pagination>.active>span:focus, .whitebody .pagination>.active>span:hover {border-color: #2855B6;background-color: #2855B6;color: #fff;}
.whitebody .pagination>li>a:focus, .whitebody .pagination>li>a:hover, .whitebody .pagination>li>span:focus, .whitebody .pagination>li>span:hover {border-color: #2855B6;background-color: #2855B6;color: #fff;}
.whitebody .pagination>.disabled>a, .whitebody .pagination>.disabled>a:focus, .whitebody .pagination>.disabled>a:hover, .whitebody .pagination>.disabled>span, .whitebody .pagination>.disabled>span:focus, .whitebody .pagination>.disabled>span:hover {background-color:#eee;}

/* 滚动条 */
/* 滚动条样式重写（弹框中滚动条） */
.myscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/*正常情况下滑块的样式*/
.myscroll::-webkit-scrollbar-thumb {
  background: transparent;
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.myscroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(140, 140, 140, 0.5);
  border-radius: 4px;
}
/*鼠标悬浮在滑块上时滑块的样式*/
.myscroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
/*正常时候的主干部分*/
.myscroll::-webkit-scrollbar-track {
  display: none;
}
.myscroll::-webkit-scrollbar-corner {
/*边角（位置6）*/
  display: none;
}
.myscroll::-webkit-scrollbar-button {
/*滚动条两端的按钮 */
  display: none;
}

.navBar{color: #242424;padding: 3rem 0;width: 80%;margin: 0 auto 3rem;border-bottom: 1px solid #CFE0FE;font-size: 20px;font-family: 'Noto Sans SC';}
.navBar a{color: #90909A;font-weight: 400;}
.navBar span{color: #242424;font-weight: 500;}

/* 公共 */
.whiteHeader .top-nav-bar{
  background: url('../images/headerBg.png') center top  no-repeat;
  background-size: 100% auto;
}
.whitebody:not(.uxclassbody) .whiteHeader .web-nav-bar li a{color: #242424;}
.whitebody:not(.uxclassbody) .whiteHeader .web-nav-bar .current a{color: #2855B6;}
.isar-header {padding-left: 4%;padding-right: 4%;padding-top: 20px;padding-bottom: 20px;}
.isar-container {padding-left: 10%; padding-right: 10%; }
.isar-content {padding-top: 4%; padding-bottom: 5%;}
.isar-content-small {padding-top: 6%; padding-bottom: 6%;}
.more-btn {font-size: 1rem;}
.scale-imgbox {width: 100%;display: block; overflow: hidden;position: relative;}
.scale-imgbox img {width: 100%;transition: transform .3s;}
.scale-img-outer:hover .scale-imgbox img {transform: scale(1.2);transform-origin: center;}
.nodata{padding-top: 60px;}
.nodata img{width: 80px;margin-bottom: 40px;}
.nodata p {font-size:14px;color: #C7C7C7;}
.two-ellipses {display: -webkit-box;overflow: hidden;white-space: initial;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/* 留言弹框 */
.contact-form-area {width: 400px; background-color: var(--dialog);display: none;font-weight: 400;z-index: 99;border-radius: 2px;}
.contact-form-area .contact-title {padding: 19px 24px;font-size: 18px; font-weight: 500;color:#fff;border-bottom: 1px solid rgba(67, 67, 67, 0.5);}
.contact-form-area .contact-title svg {cursor: pointer;}
.contact-form-area .contact-form {padding:32px;}
.contact-form-area label {font-weight:400;font-size: 16px;margin-bottom: 12px;color: var(--light);line-height: 22px;}
.contact-form-area input, .contact-form-area textarea {
    background: transparent none repeat scroll 0 0;
    border:1px solid #4D4D4D;
    color: #e6e6e6;
    font-size: 14px;
    height: 32px;
    margin-bottom: 24px;
    padding: 0 10px;
    width: 100%;
}
.contact-form-area textarea {
    height: 120px;
    padding: 10px;
    resize: none;
}
.contact-form-area .button-default {
    background-color: #EC1A31;
    color: #fff;
    font-size: 14px;
    border: 0 none;
    font-family: "montserratlight";
    padding: 6px 26px;
    transition: all 0.3s ease 0s;
    border-radius: 2px;
    font-weight: 400;
}
.contact-form-area .button-default:hover {background-color: rgba(236, 26, 49, 0.8);}

.whitefooter .contact-form-area {background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(23,23,23,0.2);}
.whitefooter .contact-form-area .contact-title {color: #141414;}
.whitefooter .contact-form-area label {color:#141414;}
.whitefooter .contact-form-area input, .whitefooter .contact-form-area textarea{border-color: #DDDDDD;color: #141414;}
.whitefooter .contact-form-area input::-webkit-input-placeholder, .whitefooter .contact-form-area textarea::-webkit-input-placeholder{color:#999999;}
.whitefooter .contact-form-area .contact-title{border-bottom: 1px solid #EAEAEA;}
/* {background-color:#EC1A31;} */


/* Frame Defined */
/* .frame-full, .frame-wide, .frame-middle, .frame-narrow { position: relative; width: auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.frame-middle { width: 100%; }
@media screen and (min-width:1280px) {
  .frame-full { padding-right: 1rem; padding-left: 1rem; }
  .frame-wide { padding-right: 3rem; padding-left: 3rem; }
  .frame-middle { padding-left: 12.5%; padding-right: 12.5%; }
}
@media screen and (min-width:1440px) {
  .frame-wide { padding-right: 6rem; padding-left: 6rem; }
}
@media screen and (min-width:1600px) {
  .frame-full { padding-right: 1.5rem; padding-left: 1.5rem; }
  .frame-wide { padding-left: 0; padding-right: 0; max-width: 1460px; }
}
@media screen and (min-width:1900px) {
  .frame-full { padding-right: 3.5rem; padding-left: 3.5rem; }
  .frame-wide { max-width: 1640px; }
}
@media screen and (min-width:2500px) {
  .frame-full { padding-right: 5.5rem; padding-left: 5.5rem; }
} */

/* Main */
body { overflow-x: hidden; background-color: var(--primary); color: var(--white); }
.whitebody {background-color: #F5F5F5;color: #141414;}
main { overflow: hidden; width: 100%; margin: 0; }
main:after { display: table; clear: both; content: ''; }
.menu-mask { content: ''; display: block; position: fixed; width: 100%; height: 100%; left: 99999999rem; top: 0; z-index: 20; background-color: rgb(0, 0, 0); opacity: .7; pointer-events: none; }

/* Heading Top Navigation */
.top-nav { position: fixed; z-index: 990; top: 0; left: 0; width: 100%; height: var(--top-nav); transition: transform .5s ease,top .5s ease; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.top-nav .row-nav { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.top-nav-logo { z-index: 9; float: left; width: 24.375rem;  }
.top-nav-logo h1 { display: block; width: 100%; height: 100%; }
.top-nav-logo h1 a { display: block; height: 100%; transition: none; }
.top-nav-logo img { position: absolute; left: 0; width: auto; transition: opacity .15s; }
.top-nav-logo img.logo-white { opacity: 1; }
.top-nav-logo img.logo-color { opacity: 0; }

html:not(.mobile-menu) .fixed-bar .top-nav { background-color: #141414; }
/* html:not(.mobile-menu) .fixed-bar .top-nav-logo img.logo-color { opacity: 0; }
html:not(.mobile-menu) .fixed-bar .top-nav-logo img.logo-white { opacity: 1; } */
.top-nav-menu .visible-inline-xs { display: none; }
.top-nav-btn { line-height: 1; }
.top-nav-bar { transition-delay: 100ms; transition-duration: 150ms; }
.hide-top-nav .top-nav-bar { top: -6.4rem; }
.top-nav-border.fixed-top-nav .top-nav-bar { 
  background: url('../images/headerBg.png') center top  no-repeat; 
  background-size: 100% auto ;
}
/* .top-toggle-nav { display: flex; align-items: center; width: 1.3rem; height: 1.3rem; text-align: right; line-height: 1.3rem; z-index: 995; } */
.top-toggle-nav { display: none; align-items: center; width: 1.3rem; height: 1.3rem; text-align: right; line-height: 1.3rem; z-index: 995; }
.top-toggle-nav i { position: absolute; left: 0; top: 0; vertical-align: top; width: 100%; height: 100%; font-size: 1.3rem; transition: opacity .5s; color: white; }
.top-toggle-nav i.icon-menu { opacity: 1; }
.top-toggle-nav i.icon-menu-close, .top-toggle-nav i.icon-menu-right { opacity: 0; }
.mobilebody .top-toggle-nav {display: flex;}
.mobile-menu .top-toggle-nav i.icon-menu { opacity: 0; }
.mobile-menu .top-toggle-nav i.icon-menu-close { opacity: 1; }

.mobile-menu .menu-mask { left: 0; pointer-events: auto; }
.mobile-menu .top-nav { background-color: transparent!important; }

.main-nav-bar { display:none;position: fixed; width: 40vw; height: 100%; right: 0; top: 0; transition: all .15s; background-color: var(--dark); z-index: 980; height: 100%; overflow: hidden; text-align: right; transform: translate3d(100%, 0, 0); opacity: 1; }
.mobilebody .main-nav-bar {display: block;}
.web-nav-bar {display: flex;height: 24px;line-height: 24px;}
.web-nav-bar li {margin-left: 3rem;}
.web-nav-bar li a{color: #242424;}
.web-nav-bar li.current a{font-weight: 500;font-size: 1.02rem;color: #2855B6;}
.web-nav-bar li:after {display: block;content:"";width:0;height:4px;background-color:rgba(255, 255, 255, 0.2);margin-left: -16px;margin-top: -7px;transition: width .35s;position: absolute;left: 50%;bottom: -20px;border-radius: 5px;}
.web-nav-bar li.current:after {background-color:var(--hover);}
.web-nav-bar li:first-child {margin-left: 0;}
.web-nav-bar li:hover:after,.web-nav-bar li.current:after {width:32px;}

.web-nav-line {width: 1px; height: 24px;background-color: var(--white);margin: 0 24px;opacity: .2;}
/* .web-nav-bar li:hover a {font-weight: 500 !important;} */
.mobilebody .web-nav-bar, .mobilebody .web-nav-line {display: none;}
.top-nav-menu { z-index: 8; padding-top: 8vh; height: 100%; opacity: .2; transition: opacity .05s; display: flex; flex-direction: column; justify-content: space-between; }
.top-nav-menu dl { display: block; text-align: center;}
.top-nav-menu dt a { display: inline-block; line-height: 5rem; white-space: nowrap; }
.top-nav-menu dt a:after {display: block;content:"";width:0;height:0.6rem;background-color:var(--hover);margin-left: -4px;margin-top: -24px;transition: width .35s;}
.top-nav-menu dl.current a:after{width:calc(100% + 10px);}
/*.top-nav-menu dt a:before { content: ''; position: absolute; left: -3.5rem; top: 50%; display: block; width: 3.5rem; height: 0; border-top: 1px solid var(--secondary); opacity: 0; transition: opacity .25s; }*/
/*.top-nav-menu dl.active dt a:before, .top-nav-menu dt a:hover:before { opacity: 1; }*/
.top-nav-menu dl.active dt a { color: var(--secondary); }
.top-nav-menu .tnm-container{height: 100%;display: flex;flex-direction: column;justify-content: space-between;border-top: 1px solid rgba(216,216,216,0.1);border-bottom: 1px solid rgba(216,216,216,0.1);padding-bottom: 8vh;padding-top: 4vh;}
.top-nav-menu .nav-lang {height: 11.5vh;}
.top-nav-menu .nav-lang a {height: 100%;}
.top-nav-menu .nav-lang a.link svg {width: 1.3rem;}
.top-nav-menu .nav-lang a span {margin-left: 10px;}
.top-lang { margin-right: 0rem; }
.top-lang a.link svg {width: 18px;vertical-align: middle;}
.top-nav-social a { margin-right: 1.5rem; }
.top-nav-social.mfcl-social li { padding-right: 0; }
.mobile-menu { overflow: visible; }
.mobile-menu body { overflow: hidden; }

.mobile-menu .main-nav-bar { transform: translate3d(0, 0%, 0); opacity: 1; }
.mobile-menu .quick-nav { opacity: 0; }
.mobile-menu .top-nav-menu { transition: opacity .15s ease .15s; opacity: 1; }
.whitebody .top-nav-menu dt a:active,.whitebody .top-nav-menu dt a:focus,.whitebody:not(.uxclassbody) .web-nav-bar li a{color: #fff;}


@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-resolution:144dpi) {
  @media screen and (min-width:1200px) {
    .top-search { width: 7rem; }
  }
}

@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-resolution:144dpi) {
  @media screen and (min-width:1600px) {
    .top-search { width: 8rem; }
  }
}


@-webkit-keyframes zoomInAni {
  from { transform: scale3d(1, 1, 1); }
  to { transform: scale3d(1.2, 1.2, 1.2); }
}
@keyframes zoomInAni {
  from { transform: scale3d(1, 1, 1); }
  to { transform: scale3d(1.2, 1.2, 1.2); }
}
.zoomInAni { -webkit-animation-name: zoomInAni; animation-name: zoomInAni; }

/* Grid */
.grid { display: flex; list-style: none; flex-wrap: wrap; }
.grid [class*='width-'] { max-width: 100%; }
.width-1-8 { width: 12.5%; }
.width-2-8, .width-1-4 { width: 25%; }
.width-1-5 { width: 20%; }
.width-3-8 { width: 37.5%; }
.width-4-8, .width-1-2 { width: 50%; }
.width-5-8 { width: 62.5%; }
.width-6-8, .width-3-4 { width: 75%; }
.width-7-8 { width: 87.5%; }
.width-1-3 { width: 33.3333%; }
.width-2-3 { width: 66.6666%; }
.width-1-6 { width: 16.6666%; }
.width-1-7 { width: 14.285%; }
.width-1-10 { width: 10%; }
.width-auto { flex-grow: 1; }
.grid.spacing-10>[class*='width-'] { padding-right: .5rem; padding-left: .5rem; }

/* Home */
.slides-list, .slides-list li, .bx-wrapper, .bx-viewport { position: relative; height: 100%; }
.slick-list, .slick-track { overflow: hidden; height: inherit; }
.slick-dots { z-index: 3; bottom: 2.25rem; line-height: 1; font-size: 0; left: 0; }
.slick-dots li { width: auto; height: .5rem; margin-right: .65rem; margin-left: .65rem; padding: 0; transition: all .5s; }
.slick-dots li button { width: .5rem; height: 100%; margin: 0; padding: 0; border-radius: .25rem; background-color: rgb(240, 240, 240); }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { background-color: var(--red); }
.dot-primary .slick-dots li button { background-color: var(--white); }
.dot-primary .slick-dots li.slick-active button { background-color: rgb(30, 80, 164); }
.slick-prev, .slick-next { z-index: 2; overflow: hidden; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; background-color: rgb(168, 168, 168); color: white; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-prev:before, .slick-next:before { font-family: 'cxany'; font-size: 1rem; transition: color .25s; color: white; vertical-align: middle; }
.slick-prev:hover:before, .slick-next:hover:before { color: white; }
.slick-prev:before { content: '\c1021'; }
.slick-next:before { content: '\c1022'; }
.slick-dark-nav .slick-prev:before, .slick-dark-nav .slick-next:before { color: rgba(51, 51, 51, .3); }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: rgb(30, 80, 164); color: white; }
.slides-nav { top: 30%; }
.slides-nav a { line-height: 1; position: absolute; top: 50%; display: inline-block; }
.slides-nav i { vertical-align: top; }
.slides-nav-prev { left: 0; transform: translateX(-80%) translateY(-50%); }
.slides-nav-next { right: 0; transform: translateX(80%) translateY(-50%); }
.slick-track { margin-left: auto; margin-right: auto; }

@media screen and (min-width:1900px) {
  .slides-nav-prev { transform: translateX(-100%) translateY(-50%); }
  .slides-nav-next { transform: translateX(100%) translateY(-50%); }
}
.home-slides .slick-dots { bottom: 1.5rem; }
.home-slides .slick-dots li { margin-left: .25rem; margin-right: .25rem; }
.home-slides .slick-dots li button { width: 1rem; height: 3px; background: white; border: 0; }
.home-slides .slick-dots li.slick-active button { background: rgb(125, 199, 120); width: 2rem; }
.home-slides .slick-arrow { transition: all .25s; opacity: 0; color: white; background-color: transparent; }
.home-slides .slick-arrow:before { font-size: 1.4rem; }
.home-slides:hover .slick-arrow { opacity: 1; }
.home-slides .slick-prev { left: 6%; }
.home-slides .slick-next { right: 6%; }

.home-slides { height: 100%; }
.home-slides .slides-bg { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; }
.home-video-player video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.home-video-player:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); }
.home-video-player .intro-video-pc {display: block;}
.home-video-player .intro-video-mobile {display: none;}


@-webkit-keyframes bannerScale {
  0% {transform: scale(1); }
  50% {transform: scale(1.2); }
  100% {transform: scale(1); }
}


@keyframes bannerScale {
  0% {transform: scale(1); }
  50% {transform: scale(1.2); }
  100% {transform: scale(1); }
}
.slides-content {position: relative;}
.slides-banner {height:640px;overflow: hidden;}
.slides-img {height:100%;background-size:100% 100%; background-repeat: no-repeat;background-position: center;background-size: cover; -webkit-animation: bannerScale 20s infinite both;animation: bannerScale 20s infinite both;}
.slides-img-case {background-image: url("../images/banner/case.png?v=1747200086458");}
.slides-img-about {background-image: url("../images/banner/about.png?v=1747200086458");}
.slides-img-news {background-image: url("../images/banner/news.png?v=1747200086458");}
.slides-img-article {background-color:#171717;height:100%;}
.slides-img-server {background-image: url("../images/banner/server.png?v=1747200086458");}
.slides-info { height: 100%; width: 100%; display: flex; align-items: center; padding-left:6%; }
.slides-info .subject { line-height: 1.4; }
.slides-info {position: absolute;left: 0;top: 0;}
.isar-slides-info { height: 100%; width: 100%; display: flex; align-items: center;position: relative;}
.isar-slides-info .subject { line-height: 1.4; }
.whitebody .isar-slides-info .subject { color: #fff; }
.isar-slides-info {position: absolute;left: 0;top: 0;}
.isar-slides-info .time{display: block; color:#fff;margin-top: 24px;}
.ani-text-up { /*overflow: hidden; height: 4rem;*/ line-height: 1.3; }
.ani-line { display: block; width: 100%; overflow: hidden; height: inherit; }
.ani-line:before, .ani-line:after { content: ''; position: absolute; display: block; width: 100%; top: .95rem; height: 1px; background-color: var(--mute); transition: none; }
.ani-line:before { left: -200%; width: 100%; z-index: 2; background: var(--red); }
.ani-line:after { left: 0; z-index: 1; }
.ani-line:hover:before, .active>.ani-line:before, a:hover .ani-line:before { transition: all .25s ease; left: 0; transition-delay: .25s; transition-duration: .25s; }
.ani-line:hover:after, .active>.ani-line:after, a:hover .ani-line:after { transition: all .25s ease; left: 100%; transition-delay: 0s; }
.non-active>.ani-line:before { transition: opacity .5s; opacity: 0; }
.non-active>.ani-line:after { left: 0; transition: none; }

/* .ani-icon { display: inline-block; padding-right: 1rem; color: white; }
.ani-icon:hover { color: white; }
.ani-icon>i { position: absolute; display: block; font-style: normal; right: 0; top: 55%; transform: translateY(-50%); width: 1rem; height: 1rem; line-height: 1; overflow: hidden; }
.ani-icon>i:before, .ani-icon>i:after { content: '\c1004'; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 1rem; font-family: 'cxany'; font-size: 1rem; }
.ani-icon>i:before { left: -400%; color: var(--red) }
.ani-icon:hover>i:before, .ani-icon:hover>i:after { transition: left .75s ease; }
.ani-icon:hover>i:before { left: 0; }
.ani-icon:hover>i:after { left: 400%; }
.ani-icon>em { font-style: normal; display: block; padding-right: .75rem; }
.dark .ani-icon { color: var(--dark); } */

.ani-icon { display: inline-block; padding-right: 1rem; }
.ani-icon>i { position: absolute; display: block; font-style: normal; right: 0; top: 50%; transform: translateY(-50%); line-height: 1; min-width: 16px; height: 16px;}
.ani-icon>i:before { content: ' '; position: absolute;height: 16px;transition: width .3s;z-index: 0;opacity: 1;bottom: 0px;left: 0px;display: inline-block;vertical-align: middle;width: 16px;background: url(../images/hover_arrow.png) no-repeat right center;background-size: auto 100%; }
.ani-icon-hover:hover .ani-icon>i:before, .ani-icon:hover>i:before{width: 50px;transition: width .3s; }
.ani-icon>em { font-style: normal; display: block; padding-right: .75rem; }
.mobilebody .ani-icon:hover>i:before, .mobilebody .ani-icon-hover:hover .ani-icon>i:before{ width: 16px;}




.with-line .hsi-title { width: 3.5rem; flex-shrink: 0; height: 1.9rem; }
.with-line .hsi-text { width: calc(100% - 3.5rem); padding-left: 1rem; line-height: 1.9rem; }
.with-line .hsi-title>span { display: block; width: 100%; height: 100%; }

.hb-tips { position: absolute; width: 100%; left: 0; bottom: 5rem; }
.mouse-scroll { display: block; z-index: 2; width: 1.6rem; height: 2.5rem; background: none; border-radius: 1rem; border: 3px var(--white) solid; position: absolute; left: 50%; top: 90%; margin-left: -.7rem; }
.mouse-scroll:before { content: ''; position: absolute; top: .25rem; left: 50% ; width: .25rem; height: .65rem; margin-left: -0.125rem; background: #858B8D; border-radius: .2rem; -webkit-animation: scrollanimation 2s infinite; animation: scrollanimation 2s infinite; }
.mouse-scroll:hover { opacity: .8; }

@-webkit-keyframes scrollanimation {
  0% { top: .25rem; opacity: 0; }
  20% { top: .25rem; opacity: 1; }
  60% { top: 1.15rem; opacity: 1; }
  80%,100% { top: 1.15rem; opacity: 0; }
}

@keyframes scrollanimation {
  0% { top: .25rem; opacity: 0; }
  20% { top: .25rem; opacity: 1; }
  60% { top: 1.15rem; opacity: 1; }
  80%,100% { top: 1.15rem; opacity: 0; }
}

.non-events { pointer-events: none; }
.frame-narrow { padding-left: var(--left-pad); padding-right: 0; }

/* h2.title { line-height: 1.45; padding-bottom: 1.25rem; }

h3.title { display: flex; align-items: center; justify-content: space-between; line-height: 1.5; }
h3.title:before, h3.title:after { content: ''; display: block; height: 1px; background-color: rgb(125, 199, 120); flex-grow: 1; }
h3.title:before { margin-right: .75rem; }
h3.title:after { margin-left: .75rem; } */

.image-mask { position: absolute; z-index: 1; background-color: var(--dark); width: 100%; height: 100%; left: 0; top: 0; transform: translate3d(100%, 0, 0) }
.has-mask { overflow: hidden; }


/* 新写的 */
.homeBanner{
  width: 100%;
  height: 832px;
  background: url('../images/home/bg.png') center top no-repeat;
  background-size: 100% auto;
  padding-top: 160px;
}
.homeBanner-content{
  text-align: center;
  color: #242424;
  font-family: Noto Sans SC;
  
}
.homeBanner-content-title{
  font-size: 5rem;
  margin-bottom: 25px;
  font-weight: 500;
  color: #2855B6;
}
.homeBanner-content-title span{
  font-size: 3rem;
  color: #242424;
}
.homeBanner-content-desc{
  font-size: 1.75rem;
  color: #616161;
}
.homeBanner-content-enter{
  width: 1280px;
  display: flex;
  justify-content: space-between;
  margin: 73px auto 0;
}
.homeBanner-content-enter img{
  width: 402px;
  height: 253px;
}

/* 首页服务 */
.home-services .title {line-height: 1.4;}
.home-services .tab-box {margin-top: 80px;margin-bottom: 60px;padding-left: 5px;}
.home-services .tabs {align-items: flex-end;}
.home-services .tabs li {font-size: 18px; color:var(--sublight);cursor: pointer;margin-left: 56px;position: relative;}
.home-services .tabs li:first-child {margin-left: 0;}
/* .home-services .tabs li:first-child {width: 6.25rem;}
.home-services .tabs li:nth-child(2) {width: 9.4rem;margin-left: 1.2rem;}
.home-services .tabs li:nth-child(3) {width: 9.4rem;margin-left: 0.8rem;}
.home-services .tabs li:nth-child(4) {width: 12.5rem;margin-left: 0.8rem;}
.home-services .tabs li:nth-child(5) {width: 9.4rem;margin-left: 0.5rem;}
.home-services .tabs li:nth-child(6) {width: 12.5rem;margin-left: 0.8rem;}
.home-services .tabs li:nth-child(7) {width: 15rem;margin-left: 0.8rem;} */
/* .home-services .tabs li:first-child {min-width: 100px;}
.home-services .tabs li:nth-child(2) {min-width: 146px;}
.home-services .tabs li:nth-child(3) {min-width: 146px;}
.home-services .tabs li:nth-child(4) {min-width: 194px;}
.home-services .tabs li:nth-child(5) {min-width: 122px;}
.home-services .tabs li:nth-child(6) {min-width: 146px;}
.home-services .tabs li:nth-child(7) {min-width: 218px;} */
/* .home-services .tabs li.active {font-size: 24px;font-weight:500;color: #fff;} */
.home-services .tabs li .tabnormal {opacity: 1;}
.home-services .tabs li .tabhover {font-size: 24px;font-weight:400;color: #fff;opacity: 0;position: absolute;left: -18%;bottom: -1px;white-space: nowrap;}
.home-services .tabs li.active .tabhover {opacity: 1;}
.home-services .tabs li.active .tabnormal {opacity: 0;}
.home-services .tabs li:first-child .tabhover {left: 0;}
.home-services .tabs li span.tabhover:after {
  display: block;
  content: "";
  width: 0;
	height: 10px;
	background: var(--hover);
	position: absolute;
	left: -5px;
  bottom: 4px;
  z-index: -1;
  transition: width .5s ease;
}
.home-services .tabs li.active span.tabhover:after {
  width: calc(100% + 10px);
}
.home-services-content {}
.home-services-content .tabs-box {display: none;position: relative;}
/* .home-services-content .tabs-box>div {align-items: center;} */
.home-services-content .tabs-box.active {display: flex;}
.home-services-content .tabs-box .text{width: 60%;height: 560px; padding: 5rem 22% 3.6rem 5rem;background: url(../images/card-bg.png) 100% 100% no-repeat;background-position: left;position: relative;}
.home-services-content .tabs-box .text h2 {color: #E6E6E6;font-weight: 400;}
.home-services-content .tabs-box .text h3 {color: #E6E6E6;margin-top: 0.75rem;margin-bottom: 2rem;}
.home-services-content .tabs-box .text p {color: var(--sublight);}
.home-services-content .tabs-box .text>div {position: absolute;bottom: 60px;}
/* .home-services-content .tabs-box .text a {position: absolute;bottom: 3.6rem;font-size: 1.25rem;} */
.home-services-content .tabs-box .text a span {vertical-align: middle}
.home-services-content .tabs-box .text a img {width:1.25rem;height:1.25rem;vertical-align: middle;margin-left: 0.6rem;}
.home-services-content .tabs-box .img {width: 56%;margin-left: -16%;display: flex;align-items: center;}
.home-services-content .tabs-box .img a {overflow: hidden;display: block; overflow: hidden;cursor: pointer;border-radius: 2px;}
.home-services-content .tabs-box .img img {width:100%;transition: transform .3s;display: block;}
.home-services-content .tabs-box .img a:hover img{transform: scale(1.2);transform-origin: center;}

/* 首页行业案例 */
.home-case-pc,.home-case-mobile {display: block;background-color: #171717;}
.home-case-mobile {display: none;}
.home-case-pc>h2 {margin-bottom: 7rem; color: #e6e6e6;}
.home-case-item {display: block;position: relative;overflow: hidden;margin-top: 200px;}
.home-case-item:first-child {margin-top: 0;}
.home-case-item .left {position: absolute;left: -800px;transition: all .75s;z-index: 2;top:28%;}
.home-case-item .left span {color: var(--sublight);}
.home-case-item .left h2 {margin-top: 1rem;margin-bottom: 5rem;font-weight: 400;}
.home-case-item .left>div {color: #E6E6E6;}
.home-case-item .left>div img {vertical-align: middle;margin-left: 16px;width: 50px;}
.home-case-item .center {position: relative;left: 0;width: 73%;transition: all .55s;}
.home-case-item .center::after{display: block;content:""; position: absolute;left: 0;top:0;width: 100%;height: 100%; background-color: rgba(0, 0, 0);opacity: 0;}
.home-case-item .center img {width:100%;}
.home-case-item .img {width:100%;height: 100%;}
.home-case-item .right {position: absolute;left:68%;top:50%;width: 220px;height: 94px;background-color: #363636;transition: left .55s;margin-top: -47px;}
.home-case-item:hover .left{left: 0;}
.home-case-item:hover .center{left: 27%;}
.home-case-item:hover .center::after {opacity: 0.2;}
.home-case-item:hover .right{left: 110%;}
.home-case-mobile>h2 {font-size: 1.2rem;margin-bottom: 2rem;color: #e6e6e6;}
.home-case-mobile-item {margin-top: 2rem;display: block;}
.home-case-mobile-item>img{width: 100%;}
.home-case-mobile-item:first-child {margin-top: 0;}
.home-case-mobile-item h2{font-size: 1.125rem;margin-bottom: 0.5rem;margin-top: 1rem;color: #e6e6e6;}
.home-case-mobile-item>div {line-height: 1rem;display: flex;align-items: center}
.home-case-mobile-item span{color: var(--sublight);font-size: 0.75rem;}
.home-case-pc .more-btn {margin-top: 100px;}


/* 首Iuxp */
.home-iuxp {padding-bottom:0;}
.home-iuxp .title {line-height: 1.4;}
.home-iuxp .last {display:block;}
.home-iuxp .tip {color: var(--sublight);margin-top: 1.8rem;line-height: 1;display: flex;align-items: center;}
.home-iuxp .tip-content {line-height: 1;margin-top: 4px;position: relative;margin-left: 9px; cursor: pointer;}
.home-iuxp .tip-content-text {background-color: var(--dialog);padding: 32px;position: absolute;left: -60px;top: 50px;width: 400px;line-height: 1.8;border-radius: 2px;z-index: 2; display: none;}
.home-iuxp .tip-content-text::before {content:"";display:block;width: 0; height: 0;border-width: 8px;border-style: solid;border-color:transparent transparent var(--dialog) transparent; position:absolute; left: 63px;top: -16px;}
.home-iuxp .tip-content-mobile {width:80%;background-color: var(--dialog);border-radius: 2px;position: fixed;top: 20%;z-index: 999;left: 10%;display: none;}
.home-iuxp .tip-content-mobile::before {display: block;content: " "; width: 100%; height: 100%;position: fixed;top: 0;left:0;background-color: rgba(0,0,0,0.2);}
.home-iuxp .tip-content-mobile.active {display: block;}
.home-iuxp .tip-content-mobile>div{color: #DDDDDE;font-size: 0.95rem;padding: 1.5rem 1.75rem;line-height: 1.6;text-align: center;}
.home-iuxp .tip-content-mobile button { height: 50px;text-align: center;width: 100%;font-size: 1rem;color: #fff;border-top: 0.06rem solid rgba(216, 216, 216, 0.1);}
.iuxp-main {width:100%;padding-right:8%;display:flex;justify-content: space-between;margin-top: 60px}
.iuxp-main-mobile {display:none;}
.world_map {width:85%;height:43.75rem;margin-left: 40px;}
.iuxp-right {text-align: right;width: 15%;padding-top: 50px}
.iuxp-line {width: 100%;height: 1px;background-color: #4D4D4D;margin: 30px 0;opacity: 0.4;}
.iuxp-right p {font-size: 1.125rem;color: var(--sublight);margin-bottom: 6px;}
.iuxp-right h1 {font-size: 2.375rem;font-weight: 400;color: #DDDDDE;white-space: nowrap;display: flex; justify-content: flex-end;}
.iuxp-right h2 {font-size: 1.125rem;font-weight: 400; color: #FCFBFF;white-space: nowrap;display: flex; justify-content: flex-end;}

/* 首页行业资讯 */
.table-head{
  background: #F3F3F3;
  color: #616161;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-family: 'Noto Sans SC';
}
.home-new-list {}
.home-new-main {margin-top: 64px;}
.home-new-content {padding: 0 0;}
.home-new-item {
  line-height: 64px;
  color: #242424;
  font-weight: 400;
  padding: 0 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #E7E7E7;
  display: block;height:100%; border-radius: 2px;overflow: hidden; position: relative;}
.home-new-text {padding:0 24px;}
.home-new-text h2 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-new-text p {margin-top: 16px;line-height: 1.6;}
.home-new-item .read {position: absolute;bottom: 26px;left: 24px;}
.home-new .more-btn {margin-top: 100px;}
.home-new-item2{
  border-bottom: 0;
  margin-bottom: 40px;
}

/* 案例页面 */
.case{background: #fff;}
.case-menu>div {padding-bottom: 40px;border-bottom: 1px solid rgba(151, 151, 151, 0.20);}
.case-menu a ,.case-sub-menu a{color: var(--sublight);}
.case-menu .case-menu-item{margin-left: 50px;height: 34px;line-height: 34px;white-space: nowrap;}
.case-menu .case-menu-item:first-child{margin-left: 5px;width: 90px;text-align: center;}
.case-menu .case-menu-item:nth-child(2){width: 100px;text-align: center;}
.case-menu .case-menu-item a {z-index: 1;}
.case-menu .case-menu-item a:after {display: block;content:"";width:0;height:10px;margin-left: -5px;background-color:rgba(255, 255, 255, 0.1);margin-top: -14px;z-index: -1;transition: width .45s ease;}
.case-menu .case-menu-item.active a {font-size: 1.5rem;color: #fff;font-weight: 500;}
.case-menu .case-menu-item a:hover {color: #fff;}
.case-menu .case-menu-item a:hover:after {width:calc(100% + 10px);}
.case-menu .case-menu-item.active a:after { width:calc(100% + 10px);background-color:var(--hover);}
.case-sub-menu {margin-bottom: 70px;}
.case-sub-menu>ul {display: none;align-items: center;justify-content: flex-start;flex-wrap: wrap;margin-left: -8px;margin-top: 20px;}
.case-sub-menu>ul.active {display: flex;}
.case-sub-menu li {margin-top: 16px;padding: 0 8px;}
.case-sub-menu li a {height: 40px;min-width: 96px;padding: 0 16px;text-align: center;}
.case-sub-menu li a:hover {background-color: #141414;}
.case-sub-menu li.active>a {color: #fff;font-weight: 500;background-color: #363636;}
.case-list-main {margin-left: -20px;margin-right: -20px;}
.case-list-content {padding: 0 20px;margin-bottom: 40px;}
.case-list-item {display: flex;justify-content: space-between;align-items: center;  width:100%; background-color: #fff;border-radius: 2px;color: #141414;overflow: hidden;}

.case-list-tex {position: relative;color: #242424;font-weight: 400;}
.case-list-text p {color:var(--sublight);margin-top: 24px;margin-bottom: 15px;line-height: 1.4;}
.case-list-text>div {line-height: 1.4;}
.case .pagination-content {margin-top: 20px;}
@-webkit-keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.case-loading-content .imgbox{padding-top: 46%;background: linear-gradient(90deg, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .3) 37%, rgba(0, 0, 0, .1) 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.case-loading-content .tag{height: 20px;margin-top: 14px;margin-bottom: 16px;background: linear-gradient(90deg, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .3) 37%, rgba(0, 0, 0, .1) 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.case-loading-content .title{height: 30px;background: linear-gradient(90deg, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .3) 37%, rgba(0, 0, 0, .1) 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
/* 案例页面 结束 */

/* 行业资讯页面 */
.search{
  padding: 0 10%;
  color: #616161;
  font-size: 16px;
  margin-bottom: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search .search-chose{
  display: flex;
  align-items: center;
}
.search .search-chose span{
  margin-right: 10px;
}
.search input{
  background: #F5F5F5;
  width: 264px;
  height:42px;
  padding: 4px 16px 4px 16px;
  border-radius: 4px;
  font-size: 16px;
  margin: 0 10px;
  color: #242424;
}
.search input::-webkit-input-placeholder{color: #c7c7c7;}
.search input::-moz-placeholder{color: #c7c7c7;}
.search input:-ms-input-placeholder{color: #c7c7c7;}
.search input::-ms-input-placeholder{color: #c7c7c7;}
.search input::placeholder{color: #c7c7c7;}

.search .search-btn{
  width: 60px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #2855B6;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.news,.case {min-height: calc(100vh - 120px);}
.news a:hover {color: #141414;}
.news-menu>div {padding-bottom: 40px;}
.news-menu .news-menu-item{margin-left: 50px;height: 34px;line-height: 34px;white-space: nowrap;}
.news-menu .news-menu-item:first-child{margin-left: 5px;width: 90px;text-align: center;}
.news-menu .news-menu-item:nth-child(2){width: 100px;text-align: center;}
.news-menu .news-menu-item a {z-index: 1; color: #666666;}
.news-menu .news-menu-item a:after {display: block;content:"";width:0;height:10px;background-color:rgba(221, 221, 221, 0.5);margin-left: -5px;margin-top: -14px;transition: width .45s ease;z-index: -1;}
.news-menu .news-menu-item.active a {font-size: 1.5rem;color: #141414;font-weight: 500;}
.news-menu .news-menu-item a:hover {color: #141414;}
.news-menu .news-menu-item a:hover:after {width:calc(100% + 10px);}
.news-menu .news-menu-item.active a:after {width:calc(100% + 10px);background-color:#dddddd;}
.news-sub-menu {margin-bottom: 70px;}
.news-sub-menu>ul {display: none;align-items: center;justify-content: flex-start;flex-wrap: wrap;margin-left: -8px;margin-top: 20px;}
.news-sub-menu>ul.active {display: flex;flex-wrap: wrap;}
.news-sub-menu li {margin-top: 16px;padding: 0 8px;}
.news-sub-menu li a {height: 40px;min-width: 96px;padding: 0 16px;text-align: center;background-color: #F0F0F0;color: #141414;}
.news-sub-menu li a:hover {background-color: #E5E5E5;}
.news-sub-menu li.active>a {color: #fff;font-weight: 600;background-color: #363636;}
.news-list {display: flex;flex-wrap: wrap;}
.news-list-main {margin-left: -20px;margin-right: -20px;}
.news-list-content {padding: 0 20px;margin-bottom: 40px;}
.news-list-item {display: flex;justify-content: space-between;align-items: center;  width:100%; background-color: #fff;border-radius: 2px;color: #141414;overflow: hidden;}

.news-list-text {position: relative;color: #242424;font-weight: 400;}
.news-list-text p {margin-top: 16px;line-height: 1.6;}
.news-list-text h2 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list-item .read {font-size: 1rem;color: #90909A;}
.news .pagination-content {margin-top: 20px;}
@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.news-loading-content .imgbox{padding-top: 45%;background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.news-loading-content h2{height: 20px;margin-top: 14px;margin-bottom: 16px;background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.news-loading-content p{height: 50px;margin-top: 14px;margin-bottom: 16px;background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.news-loading-content .read{height: 30px;width:30%;background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;}
.news-loading-content-mobile {width: 100%;padding: 0 5%;}
.news-loading-content-mobile .read{width: 100%;height:84px;background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100%;-webkit-animation: el-skeleton-loading 1.4s ease infinite;animation: el-skeleton-loading 1.4s ease infinite;margin-bottom: 16px;}
/* 行业资讯页面 结束 */

/* 关于我们页面 */
.about .nummain {margin-top: 80px;margin-bottom: 90px;}
.about .nummain span{line-height: 1; margin-top: -14px;}
/* .about .nummain h1 {font-family: 'Montserrat-Regular';line-height: 1;} */
.about .nummain h1 {font-weight:500; line-height: 1;}
.about .nummain>div {width: 325px;padding-left: 60px;border-left: 1px solid #666;}
.about .nummain>div:first-child {padding-left: 0;border-left: none;}
.about .nummain>div>span {display: block; margin-top: 16px; color: var(--sublight);font-weight: 400;}
.about .introduce {margin-bottom: 80px;}
.about .swiper-container{ width: 100%;}  
.about .swiper-btn {width: 40px;display: none;}
.about .swiper-btn:after {display: none;}
.about .swiper-pagination-bullet {width: 6px; height: 6px;background-color: rgba(255, 255, 255, 0.5);}
.about .swiper-pagination-bullet-active {width: 18px; height: 6px;background-color: #fff;border-radius:4px;}
/* .about .zizhi {background: url(../images/zizhi-bg@2x.png) no-repeat;background-position: left;background-size: cover;} */
.about .zizhi {background-color:#161717;}
.about .zizhi-box ul{display: flex;flex-wrap: wrap;max-width: 100%;justify-content: space-between;margin-top: 80px;}
.about .zizhi-box ul li{flex-grow: 0;flex-shrink: 0;width: 30%;position: relative;overflow: hidden;margin-bottom: 90px;}
.animate-line:before { content: ''; position: absolute; display: block; width: 100%; top: 0; height: 6px; background-color: #363636; transition: none; }
.animate-line:after { content: ''; position: absolute; display: block; width: 100%; top: 0; height: 4px; background-color: #363636; transition: none; }
.animate-line:before { left: -200%; width: 100%; z-index: 2; background: var(--hover); }
.animate-line:after { left: 0; z-index: 1; }
.about .zizhi-box ul li .text {margin-top: 30px;color:#e6e6e6;}
.about .zizhi-box ul li:hover .text {color:#fff;font-weight: 400;}
.about .zizhi-box ul li:hover .animate-line:before{ transition: all .25s ease; left: 0; transition-delay: .25s; transition-duration: .25s; }
.about .zizhi-box ul li:hover .animate-line:after { transition: all .25s ease; left: 100%; transition-delay: 0s; }
.about .zizhi .isar-content-small {padding-bottom:2%;}
/* .about .team {background: url(../images/about-team-bg@2x.png) no-repeat;background-position: left top;background-size: 100%;} */
/* .about .team .scale-img-outer:hover .scale-imgbox img {transform: scale(1.1);} */
.about .teambox ul {flex-wrap: wrap;width: calc(100% + 40px);margin-left: -40px;margin-top: 112px;}
.about .teambox li {flex-shrink: 0;width: 25%; padding-left: 40px;margin-top: 40px;}
.about .teambox li:not(:first-child)>div:hover .scale-imgbox img {transform: scale(1.1);transform-origin: center;}
.about .teambox li:first-child .imgbox:hover .scale-imgbox img {transform: scale(1.1);transform-origin: center;}
/* .about .teambox li>div {background-color: #2E2E2E;} */
.about .teambox li .imgbox {background-color: #2E2E2E;}
.about .teambox li .bottom {border-radius: 0px 0px 2px 2px;background-color: #171717;padding: 27px 24px;line-height: 1;}
.about .teambox li .bottom h2 {margin-bottom: 12px;}
.about .teambox li img {width: 100%;}
.about .teambox li:first-child{width: 100%;margin-top: 0;}
.about .teambox li:first-child>div{display: flex;align-items: center;margin-bottom: 50px;}
.about .teambox li:first-child .imgbox {width: 40%;margin-right: 40px;border-radius: 2px;text-align: center;}
.about .teambox li:first-child .imgbox img {width: 65%;}
.about .teambox li:first-child .bottom {background-color: transparent;padding: 0;}
.about .teambox li:first-child .bottom h2 {font-size:2.25rem;margin-bottom: 32px;}
.about .teambox li:first-child .bottom div {font-size:1.5rem;}
.about .teambox li:first-child .bottom div+div {margin-top: 16px;}
.about .custom {background-color: #171717;}
.about .custom .tab-box {margin-top: 100px;}
.about .custom .tab-line {width: 100%; height: 1px;background-color: rgba(151,151,151,0.2);margin-bottom: 48px;}
.about .custom .tabs {align-items: flex-end;padding-bottom: 40px;padding-left: 5px;}
.about .custom .tabs li {font-size: 18px; color:var(--sublight);cursor: pointer;margin-left: 56px;z-index: 1;position: relative;}
.about .custom .tabs li:first-child {margin-left: 0;}
/* .about .custom .tabs li.active {font-size: 24px;font-weight:500;color: #fff;}
.about .custom .tabs li span:after {display: block;content: "";width: 0;height: 10px;background: var(--hover);position: absolute;left: -5px;bottom: -2px;z-index: -1;transition: width .25s ease;}
.about .custom .tabs li.active span:after {width: calc(100% + 10px);} */

.about .custom .tabs li .tabhover {opacity: 0;}
.about .custom .tabs li .tabnormal {opacity: 1;}
.about .custom .tabs li .tabhover {font-size: 24px;font-weight:500;color: #fff;opacity: 0;position: absolute;left: -14%;bottom: 0px;white-space: nowrap;}
.about .custom .tabs li.active .tabnormal {opacity: 0;}
.about .custom .tabs li.active .tabhover {opacity: 1;}
.about .custom .tabs li:first-child.active {left: 0;}
.about .custom .tabs li span.tabhover:after {display: block;content: "";width: 0;height: 10px;background: var(--hover);position: absolute;left: -5px;bottom: 4px;z-index: -1;transition: width .25s ease;}
.about .custom .tabs li.active span.tabhover:after {width: calc(100% + 10px);}

.about .custom .tab-content .tab-content-item {display: none;overflow: hidden;}
.about .custom .tab-content .tab-content-item.active {display: block;}
.about .custom .tab-content-scroll-outer:after, .about .custom .tab-content-scroll-outer:before {content: "";position: absolute;z-index: 1;height: 100%;width: 80px;top: 0;}
.about .custom .tab-content-scroll-outer:before {left: 0;background-image: linear-gradient(90deg, #171717 0%, rgba(23,23,23,0) 100%);}
.about .custom .tab-content-scroll-outer:after {right: 0;background-image: linear-gradient(90deg, rgba(23,23,23,0) 0%, #171717 100%);}
.about .custom .tab-content-scroll-outer {position: relative;margin-bottom: 60px;}
.about .custom .tab-content-scroll-inner {display: flex;width: 300%;position: absolute;top: 0;}
.about .custom .tab-content-scroll-inner ul{width: 100%;}
@-webkit-keyframes move1 {
  0% {
    left: 0;
  }
  100% {
    left: -300%;
  }
}
@keyframes move1 {
  0% {
    left: 0;
  }
  100% {
    left: -300%;
  }
}
@-webkit-keyframes move2 {
  0% {
    left: 300%;
  }
  100% {
    left: 0;
  }
}
@keyframes move2 {
  0% {
    left: 300%;
  }
  100% {
    left: 0;
  }
}
.about .custom .tab-content-scroll-inner.scroll1 {left: 0;-webkit-animation: move1 60s linear infinite;animation: move1 60s linear infinite;}
.about .custom .tab-content-scroll-inner.scroll2 {left: 300%;-webkit-animation: move2 60s linear infinite;animation: move2 60s linear infinite;}
.about .custom .tab-content ul {display: flex;position: relative;flex-wrap: wrap;margin-bottom: 60px;}
.about .custom .tab-content-item-all ul {margin-bottom: 0px;}

/* .about .custom .tab-content ul.active {display: flex} */
.about .custom .tab-content li {flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 7);}
.about .custom .tab-content li {position: relative;}
.about .custom .tab-content li .grayimg {opacity: 1;position: inherit;}
.about .custom .tab-content li .colorimg {opacity: 0;position: absolute;left: 0;}
.about .custom .tab-content li:hover .grayimg {opacity: 0;position: absolute;left: 0;}
.about .custom .tab-content li:hover .colorimg {opacity: 1;position: inherit;}
.about .company-content {margin-left: -40px;margin-top: 100px;}
.about .company-content li {flex-grow: 0;flex-shrink: 0;flex-basis: calc((100% - 200px) / 5);padding: 32px;margin-left: 40px;height: 240px;position: relative;color: var(--sublight);}
.about .company-content li::after {display: block;content: "";width: 0;height: 4px;background-color: var(--hover);position: absolute;left: 0;bottom: 0;}
.about .company-content li>p,.about .company-content li>div {display: flex;align-items: flex-start;line-height: 1.6;}
.about .company-content li>p {margin-top: 26px;}
.about .company-content li>p .web {white-space: nowrap;display: inline;}
.about .company-content li>p .mobile {display: none;}
.about .company-content li svg {display: inline-block;min-width: 18px;margin-top: 4px;margin-right: 10px;}
.about .company-content li>div {position: absolute;bottom: 48px;}
.about .company-content li:hover {color: #fff;background-color: #2E2E2E;}
.about .company-content li:hover h2 {color: #fff;}
.about .company-content li:hover::after {width: 100%;transition: all .35s ease;}
/* 关于我们页面 结束 */

/* 案例和行业资讯 详情 */
.article-content {background-color: #fff;padding: 24px 0 130px;}
.article-content .see-other {margin-top: 80px;}
.article-content .see-other a {color: #333333;}
.article_detail {padding-bottom: 140px;background: #fff; padding-top: 100px;}
.article_detail .pc-time {display:block;}
.article_detail .mobile-time {display:none;}
.article_detail .title{
  font-size: 1.5rem;
  color: #242424;
  font-weight: 500;
  padding: 0 10%;
}
.article_detail .time{
  color: #90909A;
  padding: 0 10%;
}
/* .article_detail .isar-slides-info::before {display: block;content: ' ';background-color: rgba(0, 0, 0,0.2); height: 100%; width: 100%;position: absolute;left: 0;top: 0;} */

/* ux大学堂 */
html:not(.mobile-menu) .uxclassbody .top-nav-logo img.logo-white { opacity: 0; }
html:not(.mobile-menu) .uxclassbody .top-nav-logo img.logo-color { opacity: 1; }
.uxclassbody .top-nav-bar a {color: #141B22;}
.uxclassbody .web-nav-line {background-color: #141B22;}
.uxclassbody .top-toggle-nav .icon-menu{color: #141B22;}
html:not(.mobile-menu) .uxclassbody .web-nav-bar li:after {background-color:rgba(0, 0, 0, .2);}
html:not(.mobile-menu) .uxclassbody .web-nav-bar li.current:after {background-color:rgba(0, 0, 0, .2);}
.uxclassbox {height: 100%; color: #141B22;}
.uxclass_bg {position: absolute;top: 0;left: 0;width:100%; height: 100%;}
.uxclass_bg_pc {opacity: 1;}
.uxclass_bg_mobile {opacity: 0;}
.uxclass_content {display: flex;align-items: center;height: 100%;}
.uxclass_content .left {width: 40%;}
.uxclass_content .left .title{margin-bottom: 20px; font-size: 52px;font-weight: 500;line-height: 1.4;}
.uxclass_content .left pre {background-color: transparent;border: none;line-height: 1.8;}
.uxclass_content .left a{display: block; width: 220px;height: 48px;  line-height: 48px;margin-top: 90px;}
.uxclass_content .studybtn {background: linear-gradient(90deg, #204BFF 0%, #2D96FD 100%);box-shadow: 0px 10px 24px -8px rgba(42,133,253,0.5);border-radius: 4px;text-align: center;}
.uxclass_content .pclist {display: flex;width: 60%; flex-wrap: wrap;flex-shrink: 0;padding-left: 10%;}
.uxclass_content .mobilelist {display: none;}
.uxclass_content .right a{display: block; color: #141B22;position: relative;flex-shrink: 0; position: relative;margin-top: 50px;overflow: hidden;}
.uxclass_content .right a.pc-item{ width: 12vw;height: 12vw;border-radius: 8px;}
.uxclass_content .right a:nth-child(1),.uxclass_content .right a:nth-child(2),.uxclass_content .right a:nth-child(3) {margin-top: 0;}
.uxclass_content .right a img{height: 100%;position: absolute;right: 0;top: 0;z-index: 0;}
.uxclass_content .right a span{position: absolute;left:10%; bottom: 10%;z-index: 1;font-weight: 400;}
.uxclass_content .right a:hover {transform: scale(1.1);box-shadow: 0px 10px 24px -8px rgba(42,133,253,0.5);font-size: 22px;}
.uxclass_content .right a:nth-child(odd):hover {box-shadow: 0px 10px 24px -8px #D4A8FF;}
.uxclass_content .right a:hover span{font-weight: 500;}
.uxclass_content .mobilebtn {display: none;}
.uxclass_content .right a:nth-child(1){background-color:#F4E5FF;border: 1px solid #F8EFFF;}
.uxclass_content .right a:nth-child(2){background-color: #D3EEFF; border: 1px solid #EAF7FF}
.uxclass_content .right a:nth-child(3){background-color: #F4E5FF;border: 1px solid #F8EFFF;}
.uxclass_content .right a:nth-child(4){background-color: #D2F2FF;border: 1px solid #EAF7FF;}
.uxclass_content .right a:nth-child(5){background-color: #FFE5FF;border: 1px solid #F8EFFF;}
.uxclass_content .right a:nth-child(6){background-color: #D3EEFF;border: 1px solid #EAF7FF;}
.uxclass_footer {background-color: rgba(0,0,0,0.03);position: fixed;bottom: 0;width: 100%;display: flex;justify-content:center;height: 64px;}
.uxclass_copyright {display: flex;align-items: center;}
.uxclass_copyright a,.uxclass_copyright p {font-size: 14px; color: #808080;}

/* 服务 */
.server-list {display: flex;flex-wrap:wrap;margin-top: 20px;overflow: hidden;}
.server-list-item {padding:48px 48px 152px;box-sizing: border-box;position: relative;margin-top: 40px;z-index: 4;}
.server-list-item.active {z-index: 3;}
.server-list-item h2 {margin-bottom: 24px;}
.server-list-item h2 .icon { display: none;}
.server-list-item .ani-icon {position: absolute;left: 48px; bottom:40px;opacity: 0;}
.server-list-item img {width:auto; max-width:inherit; height: 100%;position: absolute;top: 0px;display: none;}
.server-list-item:hover .ani-icon {opacity: 1;}
.server-list-item:nth-child(odd) { border-radius: 2px 0px 0px 2px;}
.server-list-item:nth-child(even) {border-radius: 0px 2px 2px 0px;}
.server-list-item:nth-child(odd) img {left: 100%;}
.server-list-item:nth-child(even) img {right:100%;}
.server-list-item.active img{display: block;}
.server-list-item:nth-child(1),
.server-list-item:nth-child(4),
.server-list-item:nth-child(5),
.server-list-item:nth-child(8),
.server-list-item:nth-child(9){
  background-color: #2E2E2E;
}
.server-list-item:nth-child(2),
.server-list-item:nth-child(3),
.server-list-item:nth-child(6),
.server-list-item:nth-child(7),
.server-list-item:nth-child(10),
.server-list-item:nth-child(11){
  background-color: #171717;
}
.user_experience {background-color: #171717;}
.user_experience_box {margin-top: 100px;}
.user_experience_box_pc {display: flex;}
.user_experience_box_mobile {display: none;}
.user_experience_item {width: 25%;position: relative;}
.user_experience_item .normal {opacity: 1;}
.user_experience_item .hover {opacity: 0;position: absolute;left: 0;top: 0;}
.user_experience_item:hover .normal {opacity: 0;}
.user_experience_item:hover .hover {opacity: 1;}
.server-design-content {display:flex;justify-content:space-between;flex-wrap: nowrap;margin-top: 120px;}
.server-design-mobile-scroll {display:none;}
.server-design-list {width:17.5%;background-color: #171717;position: relative;}
.server-design-list .inner {text-align: center;padding: 32px 0 54px;}
.server-design-list .inner img {width: 130px;display: block;margin: 0 auto;}
.server-design-list .inner .secondimg {margin-top: 32px;margin-bottom: 40px;}
.server-design-list .inner p {margin-bottom: 5px;line-height: 1;}
.server-design-list .outer {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #2E2E2E;padding: 30px;opacity: 0;}
.server-design-list .outer dt {margin-top: 24px;margin-bottom: 10px;line-height: 1;}
.server-design-list .outer dl:first-child dt {margin-top: 0;}
.server-design-list .outer::after {display: block;content: "";width: 0;height: 4px;background-color: var(--hover);position: absolute;left: 0;bottom: 0;}
.server-design-list:hover .outer::after {width: 100%;transition: all .5s ease;}
.server-design-list:hover .outer {opacity: 1;}
.server-design-arrow { display: flex;align-items: center;}












/* Main Footer */
.main-footer {display: block;}
.main-footer-mobile {display:none;}
.main-footer { z-index: 9; background-color: #2A2C35; padding-top: 4rem; padding-bottom: 2.2rem;position: relative; }
.main-footer .mf-container {padding-bottom: 4rem;}
.footer-logo {margin-bottom: 1.5rem;width: 68px;}
body .black-footer-logo {display: block;}
body .white-footer-logo {display: none;}
.whitebody .black-footer-logo {display: none;}
.whitebody .white-footer-logo {display: block;}
.mfcl-footer { 
  width: 80%;
  margin: 0 auto;
  border-top: 1px solid #FFFFFF1A;
  text-align: center;
  padding-top: 24px;
 }
.mfcl-social li { padding-right: 1.25rem; }
.mfcl-social li:last-child { padding-right: 0; }
.mfcl-title {line-height: 1.45;}
.mfcr-info>li { padding-right: 2rem; min-width: 33.3333%; }
.mfcr-info dl { padding-top: 1.5rem; }
.mfcr-info dd p {line-height: 1.4;}
.mfcr-info dd p:first-child {margin-top: 1rem;margin-bottom: 0.6rem;}
.main-footer .mfcr-info>li:first-child p:last-child {margin-top: 18px;}
.main-footer .mfcr-info>li:first-child p span:last-child {margin-left: 16px;}
.main-footer .mfcr-info>li:nth-child(2) {padding-left: 4%;}
.main-footer .copyright a { color: var(--secondary); }
.main-footer a:hover { color: var(--white); }
.mfcr-contact { padding-bottom: 5rem; margin-top: 2rem;}
.mfcr-contact>div {position: relative;}
.mfcr-contact .contact-form-area {position: absolute; bottom: 0px;left: 96px;}
.mfcr-contact a {display: block; width:76px;height:48px;text-align: center;line-height: 48px;background-color: #292929; border-radius: 2px;color: var(--light);}
.whitefooter .mfcr-contact a {color:#141B22;border:1px solid #141B22;background-color: transparent;;}
.mfcl-social {margin-top: 1.4rem;margin-bottom: 2rem;}
.mfcl-social li a {color: var(--light);border: 1px solid #4D4D4D;border-radius: 50%;width: 2.6rem;height: 2.6rem;}
.mfcl-social li a svg {width: 25px;height: 25px;}

.mfcl-social li .social{background-color:var(--dialog);padding: 2rem 0.75rem 1.2rem;height:auto;position:absolute;bottom:3.5rem;left: 50%;display:flex;flex-direction:column;align-content:center;justify-content:center;display:none;border-radius: 2px;text-align: center;}
.mfcl-social li .social img {width:6.75rem;}
.mfcl-social li .social p {font-size:0.875rem;color:rgba(255, 255, 255, 0.6);letter-spacing:0;margin-top: 1rem;}
.mfcl-social li .social::after {content:"";display:block;width: 0; height: 0;border-width: 8px;border-style: solid;border-color:var(--dialog) transparent transparent transparent; position:absolute; left: 50%;bottom: -16px;margin-left: -8px;}
.mfcl-social li .social-guanzhu {width: 20rem;margin-left: -10.5rem;padding-bottom: 1.2rem;}
.mfcl-social li .social-guanzhu>div {display: inline-block;width: 48%;}
.mfcl-social li .social-zhihu {width: 11rem;margin-left: -5.5rem;}
.mfcl-social li:hover .social{display:block}
.whitefooter .mfcl-social li .social {background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(23,23,23,0.2);color: #141414;}
.whitefooter .mfcl-social li .social p {color: #141414;}
.whitefooter .mfcl-social li .social::after {border-color:#fff transparent transparent transparent;}

.whitefooter .main-footer {background-color:#EBEBEB;}
.whitefooter .mfcl-title {color: #141B22;}
.whitefooter .mfcr-contact a {border: 1px solid #141B22;color:#141B22;}
.whitefooter .copyright span,.whitefooter .copyright a,.whitefooter .mfcr-info dt,.whitefooter .main-footer .guanzhu-txt{color: rgba(20, 27, 34, .6);}
.whitefooter .mfcr-info dd {color:#141B22;}
.whitefooter .mfcl-social li a.wechat {border-color: #06D067;color: #06D067;}
.whitefooter .mfcl-social li a.zhihu {border-color: #076DE8;color: #076DE8;}

.alertbox {display: none; padding: 20px 24px;box-sizing: border-box;font-size: 16px;background-color: #464646;border-radius: 2px;position:fixed;top: 49%;left: 49%;z-index: 99;}
.alertbox span {margin-left: 8px;vertical-align: middle;}
.alertbox svg {vertical-align: middle;margin-top: 3px;}



/* 侧边悬浮 */
.kf{position:fixed;z-index:10;background:var(--dialog);bottom:40px;right:32px;border-radius:4px;padding: 12px 4px 3px;}
.kf li{width:40px;height:40px;line-height:1;text-align:center;position:relative;margin-bottom: 4px;cursor: pointer;}
.kf li.nothover {pointer-events: none;}
.kf li:hover {background-color: #3D3D3D;border-radius: 2px;}
.kf .contact-form-area {position:absolute;bottom: 0;right: 70px;}
.kf .contact-form-area::after {content:"";display:block;width: 0; height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent var(--dialog); position:absolute;right: -15px;top:67%;}
.kf li.kf-line{display: block;width: 24px;height: 1px;background-color: rgba(255, 255, 255, 0.1);margin-bottom: 8px;margin-left: 8px;}
.xiaji{background-color:var(--dialog);padding:22px 0;height:auto;position:absolute;bottom:-60px;right:70px;display:none;border-radius: 2px;text-align: left;padding-left: 22px;z-index: 100;}
.xiaji::after {content:"";display:block;width: 0; height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent var(--dialog); position:absolute;right:-16px;top:50%;margin-top: -8px;}
.xiaji .l_title{font-size:18px;color:#fff;letter-spacing:0;line-height:24px;}
.xiaji .l_xx{font-size:16px;color:var(--sublight);letter-spacing:0;line-height:22px;margin-top:4px;font-weight: 400;}
.xiaji-guan {width:320px;padding: 32px 10px;bottom:-52px;text-align: center;}
.xiaji-guan::after {top:66%;}
.xiaji-guan>div {display: inline-block;width: 49%;}
.kf li .xiaji-guan img {width: 108px;height: 108px;}
.xiaji .l_ss{font-size:14px;color:rgba(255, 255, 255, 0.6);letter-spacing:0;line-height:12px;margin-top: 16px;}
.kf li:hover .xiaji{display:block}
.pcbody .mobile_blacktop {display:none !important;}


/* Form */
/* input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
::selection { background: var(--red); color: var(--white); }
::selection { background: rgba(255, 87, 20, .8); color: var(--white); } */


ins[data-type='screen'] { display: none; content: 'xs'; }
@media (min-width:768px) {
  ins[data-type='screen'] { content: 'sm'; }
}
@media (min-width:992px) {
  ins[data-type='screen'] { content: 'md'; }
}
@media (min-width:1200px) {
  ins[data-type='screen'] { content: 'lg'; }
}
@media (min-width:1400px) {
  ins[data-type='screen'] { content: 'lg xl'; }
}