/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, img { padding: 0; margin: 0; font-weight: 400; }

p { margin: 0px; padding: 0px; }

body, button, input, select, textarea { font: 14px/1.5 'PingFang SC', 'HarmonyOS Sans SC','Source Han Sans','Microsoft YaHei','Hiragino Sans GB', sans-serif,Arial; color: #333; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; -webkit-transition: .4s; transition: .4s; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.removeStyle { margin: 0px; padding: 0px; list-style: none; }

.removeStyle li { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dd { list-style: none; margin: 0px; padding: 0px; }

.removeStyle dt { list-style: none; margin: 0px; padding: 0px; }

/* 字体图标 */
.iconfont { color: inherit; font-size: inherit; display: inline-block; -webkit-font-smoothing: antialiased; /* 文字抗锯齿 */ -moz-osx-font-smoothing: grayscale; /* 文字抗锯齿 */ }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { width: 100%; padding: 0px 20px; }

.container { width: 100%; padding: 0px 20px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; }
  .commonweb { margin: 0px auto; max-width: 87.778vw; } 
  .container { margin: 0px auto; max-width: 93.75vw;} }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
.container {padding: 0px 10px;}
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { max-width: 95.833vw; }
  .container { margin: 0px auto; max-width: 78.125vw;} }

@media (min-width: 1921px) { .commonweb { max-width: 1920px; }
  .container { margin: 0px auto; max-width: 1600px; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-scrollbar { -webkit-border-radius: 10px; border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%, 43% { -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }
  70% { -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes pulse { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% { -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes rubberBand { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, to { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% { -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% { -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing { 20% { -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes tada { 0% { -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes wobble { 0% { -webkit-transform: none;
    transform: none; }
  15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { -webkit-transform: none;
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello { 0%, 11.1%, to { -webkit-transform: none;
    transform: none; }
  22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: none;
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  0%, 40% { -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  40% { -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg); }
  60% { -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% { -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% { -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg); }
  60%, 80% { opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to { -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center;
    opacity: 1; }
  0%, to { -webkit-transform-origin: center; }
  to { -webkit-transform-origin: center; transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: left bottom; }
  to { -webkit-transform-origin: left bottom; transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    opacity: 1; }
  0%, to { -webkit-transform-origin: right bottom; }
  to { -webkit-transform-origin: right bottom; transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; }
  0%, 20%, 60% { -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% { -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left; }
  40%, 80% { -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -30px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50%, to { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp { 0% { -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to { visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; }

@font-face { font-family: 'commoniconFont'; src: url("../fonts/49ddf9ce5d8f45fea88d40c145ada42e.woff") format("woff2"), url("../fonts/98a1d713648e46f7a8ae25725441ab29.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

[class^="icon-"], [class*=" icon-"] { font-family: 'commoniconFont'; line-height: 1; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-shangxin:before { content: "\e666"; }

.icon-xingxing:before { content: "\e665"; }

.icon-yanzhengma-01:before { content: "\e664"; }

.icon-a-dizhi_huaban1:before { content: "\e663"; }

.icon-Message:before { content: "\e65c"; }

.icon-Mailbox:before { content: "\e660"; }

.icon-Name:before { content: "\e662"; }

.icon-shuaxin-01:before { content: "\e65b"; }

.icon-tuxiangzhongxin:before { content: "\e65a"; }

.icon-fensi:before { content: "\e642"; }

.icon-tuce:before { content: "\e646"; }

.icon-wodeqianbao:before { content: "\e647"; }

.icon-dianpujishangpin:before { content: "\e648"; }

.icon-yifabu:before { content: "\e64a"; }

.icon-xinxiaoxi:before { content: "\e64b"; }

.icon-AI:before { content: "\e650"; }

.icon-gerenzhuye:before { content: "\e654"; }

.icon-suanli:before { content: "\e655"; }

.icon-zhanghaoguanli:before { content: "\e656"; }

.icon-zhuyeguanli:before { content: "\e657"; }

.icon-tongzhizhongxin:before { content: "\e658"; }

.icon-shangchuanwendang-01-01:before { content: "\e644"; }

.icon-dangkoudanxuan-01:before { content: "\e639"; }

.icon-shangchuanrenxiang:before { content: "\e63c"; }

.icon-dangkouxuanpin:before { content: "\e63e"; }

.icon-changshangxuanpin-01:before { content: "\e63f"; }

.icon-jiaoxue:before { content: "\e640"; }

.icon-shangchuanchanpin-01-01:before { content: "\e643"; }

.icon-youtube:before { content: "\e630"; }

.icon-twitter:before { content: "\e631"; }

.icon-facebook1:before { content: "\e634"; }

.icon-linkedin1:before { content: "\e635"; }

.icon-xiazai1:before { content: "\e62a"; }

.icon-gouwuche:before { content: "\e6ac"; }

.icon-education-1-copy:before { content: "\e62f"; }

.icon-deng:before { content: "\e6bd"; }

.icon-application:before { content: "\e89e"; }

.icon-fangdichan:before { content: "\e747"; }

.icon-meironghufu:before { content: "\e641"; }

.icon-a-Maskgroup:before { content: "\e623"; }

.icon-gouwudai:before { content: "\e629"; }

.icon-dianhua3:before { content: "\e8ad"; }

.icon-weixin3:before { content: "\e8bb"; }

.icon-zhaopinxuqiu:before { content: "\eabd"; }

.icon-zhiding:before { content: "\e684"; }

.icon-youshangjiaojiantou:before { content: ">"; }

.icon-yongyan:before { content: "\e61c"; }

.icon-gouwuchekong:before { content: "\e61e"; }

.icon-zixun:before { content: "\e62e"; }

.icon-diqiu-:before { content: "\e61f"; }

.icon-VIP:before { content: "\e620"; }

.icon-houtaishangpinguanli:before { content: "\e621"; }

.icon-jianzhu_4:before { content: "\e78d"; }

.icon-jianzhu_6:before { content: "\e78e"; }

.icon-youkus:before { content: "\e67a"; }

.icon-more:before { content: "\e61b"; }

.icon-play:before { content: "\e61a"; }

.icon-shouye1:before { content: "\e610"; }

.icon-shouye-zhihui:before { content: "\e61d"; }

.icon-bofang:before { content: "\e625"; }

.icon-icon_shezhi:before { content: "\eb8d"; }

.icon-yunhang:before { content: "\ec61"; }

.icon-shujushujudian:before { content: "\e649"; }

.icon-Youtube-fill:before { content: "\e883"; }

.icon-wifi:before { content: "\e8f8"; }

.icon-liujisuan:before { content: "\ec56"; }

.icon-shuangxinpian:before { content: "\e6ab"; }

.icon-dikuguanli:before { content: "\e63d"; }

.icon-custom-service:before { content: "\e617"; }

.icon-youxiang3:before { content: "\e619"; }

.icon-instagram-fill:before { content: "\e88f"; }

.icon-24gf-telephone:before { content: "\e96c"; }

.icon-facebook:before { content: "\e8e7"; }

.icon-tuite:before { content: "\e652"; }

.icon-linkedin:before { content: "\eccc"; }

.icon-youshangjiao:before { content: "\e79a"; }

.icon-zuoshangjiao:before { content: "\e79b"; }

.icon-top:before { content: "\e606"; }

.icon-icons01:before { content: "\e698"; }

.icon-shangchuantupian:before { content: "\e712"; }

.icon-huo:before { content: "\e66c"; }

.icon-icon_pc:before { content: "\e607"; }

.icon-youxiang1:before { content: "\e694"; }

.icon-boshimao:before { content: "\e604"; }

.icon-yulanjianli:before { content: "\e613"; }

.icon-point:before { content: "\e60f"; }

.icon-gerenzhongxin:before { content: "\e653"; }

.icon-yunduanshangchuan:before { content: "\ec1d"; }

.icon-youxiang2:before { content: "\e605"; }

.icon-dianhua1:before { content: "\e608"; }

.icon-jilu:before { content: "\e65f"; }

.icon-shanchu:before { content: "\e8b6"; }

.icon-shoucang1:before { content: "\e8b9"; }

.icon-shangchuan:before { content: "\e60e"; }

.icon-ren-renyuan:before { content: "\e6d8"; }

.icon-dianhua2:before { content: "\e817"; }

.icon-lock:before { content: "\e881"; }

.icon-gerenzhongxin-1:before { content: "\e64e"; }

.icon-zhengque:before { content: "\e62d"; }

.icon-31shoucang:before { content: "\e603"; }

.icon-fenxiang:before { content: "\e60d"; }

.icon-shoucang:before { content: "\e8c2"; }

.icon-weixin2:before { content: "\e628"; }

.icon-youxiang:before { content: "\e66a"; }

.icon-sort:before { content: "\e65e"; }

.icon-24gl-telephone:before { content: "\e953"; }

.icon-fenlei:before { content: "\e811"; }

.icon-lanya:before { content: "\ec4a"; }

.icon-weibiaoti-:before { content: "\e618"; }

.icon-chuanganqi2:before { content: "\e8dd"; }

.icon-line-075:before { content: "\e74d"; }

.icon-rongliangxingyunyingpan:before { content: "\e714"; }

.icon-jurassic_message:before { content: "\e69d"; }

.icon-fankuibeifen:before { content: "\e616"; }

.icon-xiazai:before { content: "\e602"; }

.icon-yanjing:before { content: "\e661"; }

.icon-dayinchuanzhen:before { content: "\e627"; }

.icon-shouye:before { content: "\e633"; }

.icon-31shijian:before { content: "\e601"; }

.icon-changyongicon-:before { content: "\e612"; }

.icon-changyongtubiao-fuben-12:before { content: "\e60c"; }

.icon-wangluo:before { content: "\e638"; }

.icon-rili1:before { content: "\e6bc"; }

.icon-rili:before { content: "\e8b4"; }

.icon-youjiantou2:before { content: "\e62c"; }

.icon-youjiantou1:before { content: "\e60a"; }

.icon-zuojiantou1:before { content: "\e62b"; }

.icon-sousuo1:before { content: "\e651"; }

.icon-douyin:before { content: "\e8db"; }

.icon-bilibili-line:before { content: "\e75d"; }

.icon-world:before { content: "\e609"; }

.icon-double-left-1:before { content: "\e615"; }

.icon-jinrujiantouxiao:before { content: "\e8d4"; }

.icon-jinrujiantou:before { content: "\e8f1"; }

.icon-jiantou_xiangyou:before { content: ">"; }

.icon-jiantou_xiangzuo:before { content: "<"; }

.icon-igw-l-screen:before { content: "\e626"; }

.icon-guanbi:before { content: "\e614"; }

.icon-youjiantou:before { content: "\e637"; }

.icon-zuojiantou:before { content: "\e63b"; }

.icon-arrow-left:before { content: "\e645"; }

.icon-weibo:before { content: "\e64c"; }

.icon-weixin1:before { content: "\e64f"; }

.icon-qq:before { content: "\e611"; }

.icon-xinlangweibo:before { content: "\e600"; }

.icon-weixin:before { content: "\e67b"; }

.icon-QQ:before { content: "\e882"; }

.icon-riqi:before { content: "\e64d"; }

.icon-_didian:before { content: "\e659"; }

.icon-youjian:before { content: "\e60b"; }

.icon-dianhua:before { content: "\e632"; }

.icon-arrowRight:before { content: "\e65d"; }

.icon-caidan:before { content: "\e624"; }

.icon-denglu-copy:before { content: "\e63a"; }

.icon-sousuo:before { content: "\e636"; }

@font-face { font-family: 'shareIcon'; src: url("../fonts/5f2fbf24a3c24c5684dde9ff19640af2.woff") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }

.social-share-icon { font-family: "shareIcon"; }

.social-share .icon-tencent:before { content: "\f07a"; }

.social-share .icon-qq:before { content: "\f11a"; }

.social-share .icon-weibo:before { content: "\f12a"; }

.social-share .icon-wechat:before { content: "\f09a"; }

.social-share .icon-douban:before { content: "\f10a"; }

.social-share .icon-heart:before { content: "\f20a"; }

.social-share .icon-like:before { content: "\f00a"; }

.social-share .icon-qzone:before { content: "\f08a"; }

.social-share .icon-linkedin:before { content: "\f01a"; }

.social-share .icon-diandian:before { content: "\f05a"; }

.social-share .icon-facebook:before { content: "\f03a"; }

.social-share .icon-google:before { content: "\f04a"; }

.social-share .icon-twitter:before { content: "\f06a"; }

.wechat-qrcode { display: none; border: 1px solid #eee; position: fixed; z-index: 999; top: 50%; left: 50%; width: 200px; height: 190px; margin-top: -96px; margin-left: -100px; color: #666; font-size: 12px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 2px 10px #aaa; box-shadow: 0 2px 10px #aaa; -webkit-transition: all 200ms; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }

.wechat-qrcode.bottom { top: 40px; left: -84px; }

.wechat-qrcode.bottom:after { display: none; }

.wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; }

.wechat-qrcode .qrcode { width: 105px; margin: 10px auto; }

.wechat-qrcode .qrcode table { margin: 0 !important; }

.wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; width: 100%; }

.wechat-qrcode .closeWechat { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; z-index: 9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; }

.wechat-qrcode .closeWechat:after { width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; content: ''; display: block; background: #666; }

.wechat-qrcode .closeWechat::before { width: 100%; height: 2px; position: absolute; top: 50%; margin-top: -1px; content: ''; display: block; background: #666; }

@font-face { font-family: 'BronovaBold'; src: url("../fonts/9b9c644f99754ee5bcea9724afc0e586.woff") format("woff2"), url("../fonts/e770534518d3496b9cc164985d62f7e1.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Bronova'; src: url("../fonts/ec7f2e1f89f740e9aaae5ba25cc18c47.woff") format("woff2"), url("../fonts/e4193cb707ed437b9aaedd3d07ee18ee.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

/*--公共--*/
.pcImg { display: none !important; }

.mImg { display: block !important; }

.hideScroll { overflow: hidden; }

.header { position: fixed; left: 0px; top: 0px; width: 100%; padding: 0px; height: 60px; z-index: 99; -webkit-transition: all .8s ease; transition: all .8s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.header .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 20; }

.header .logo a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; position: relative; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .logo a .white { opacity: 1; }

.header .logo a .black { opacity: 0; position: absolute; left: 0px; top: 0px; }

.header .logo img { display: block; height: 30px; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .logo h1 { font-size: 14px; line-height: 18px; }

.header .logo a:nth-child(2) { border-left: 1px solid rgba(255, 255, 255, 0.4); padding-left: 20px; margin-left: 20px; font-size: 14px; line-height: 18px; display: none; }

.header .navBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 20; }

.header .navBox .nav { display: none; position: fixed; left: 0px; top: 60px; padding-bottom: 30.333vw; border-top: 1px solid #eee; bottom: 0px; right: 0px; background: #fff; overflow-y: auto; overflow-x: hidden; }

.header .navBox .nav ul { padding: 25px 20px 0px; }

.header .navBox .nav ul li { border-bottom: 1px solid #eee; position: relative; }

.header .navBox .nav ul li em { position: absolute; right: 0px; top: 0px; width: 35%; height: 16.667vw; padding-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 30; }

.header .navBox .nav ul li em::after { content: ''; width: 3.067vw; height: 3.067vw; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #c2c2c2; border-right: 2px solid #c2c2c2; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .navBox .nav ul li h2 a { font-size: 4.8vw; line-height: 16.667vw; padding: 0px; display: block; color: #000; position: relative; z-index: 20; }

.header .navBox .nav ul li h2 a span::after { content: ''; width: 0%; right: 0px; height: 1px; background: #fff; position: absolute; bottom: -1px; -webkit-transition: all .4s ease; transition: all .4s ease; }

.header .navBox .consultBtn { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px 13px 0px 23px; font-weight: 600; height: 37px; font-size: 14px; -webkit-border-radius: 37px; border-radius: 37px; position: relative; color: #fff; }

.header .navBox .consultBtn span { position: relative; z-index: 10; padding-right: 10px; -webkit-transition: all .8s ease; transition: all .8s ease; color: #fff; }

.header .navBox .consultBtn i { position: relative; z-index: 10; font-size: 8px; width: 20px; height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .navBox .consultBtn::after { content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 37px; border-radius: 37px; background: #2a2a2a; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .navBox .consultBtn:hover::after { width: 37px; right: 0px; background: #ff0000; }

.header .navBox .consultBtn:hover i { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

.header .navBox .nav ul li.cur em::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border-color: #ff0000; }

.header .navBox .nav ul li .subNavMain { display: none; }

.header .navBox .nav ul li .subNavMain .subNavBox { border-top: 1px solid #eee; padding: 10px 0px; }

.header .navBox .nav ul li .subNavMain .subNavBox .list { padding: 0px; width: 100%; }

.header .navBox .nav ul li .subNavMain .subNavBox .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px; position: relative; }

.header .navBox .nav ul li .subNavMain .subNavBox .list a::after { content: ''; position: absolute; right: 15px; top: 50%; width: 2.4vw; height: 2.4vw; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 2px solid #c2c2c2; border-right: 2px solid #c2c2c2; -webkit-transition: all .8s ease; transition: all .8s ease; }

.header .navBox .nav ul li .subNavMain .subNavBox .list .icon { width: 34px; height: 34px; font-size: 20px; -webkit-border-radius: 100%; border-radius: 100%; background: #fff8f8; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #ff0000; }

.header .navBox .nav ul li .subNavMain .subNavBox .list .content { padding-left: 0px; width: 100%; }

.header .navBox .nav ul li .subNavMain .subNavBox .list .content .listTitle { font-size: 3.733vw; line-height: 12.267vw; color: #979797; }

.header .navBox .nav ul li .subNavMain .subNavBox .list .content .desc { font-size: 12px; color: #8e8e8e; display: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.header .navBox .nav ul li .navDownMenuMain{display: none;}

.header .navBox .nav ul li .navDownMenuMain .commonweb{padding: 0px; display: block;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title{display: none;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc{display: none;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .imgBox{display: none;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{border-top: 1px solid #eee;padding: 10px 0px;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a{font-size: 3.733vw; line-height: 12.267vw;color: #979797; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a i{font-size: 4.334vw; color: #c2c2c2;}

.mConsultBtn { text-align: center; padding-top: 50px; }

.mConsultBtn .text span { position: relative; padding: 0px 2.667vw; font-size: 2.933vw; color: #9f9f9f; }

.mConsultBtn .text span::after { content: ''; width: 10.667vw; height: 2px; position: absolute; top: 50%; left: -10.667vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ececec; background-image: -webkit-gradient(linear, left top, right top, from(#fcfcfc), to(#ececec)); background-image: linear-gradient(to right, #fcfcfc, #ececec); }

.mConsultBtn .text span::before { content: ''; width: 10.667vw; height: 2px; position: absolute; top: 50%; right: -10.667vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #ececec; background-image: -webkit-gradient(linear, left top, right top, from(#ececec), to(#fcfcfc)); background-image: linear-gradient(to right, #ececec, #fcfcfc); }

.mConsultBtn .btn { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mConsultBtn .btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 37.333vw; font-size: 3.733vw; color: #fff; background: #ff0000; height: 10.667vw; -webkit-border-radius: 10.667vw; border-radius: 10.667vw; }

.mConsultBtn .btn a img { height: 4.667vw; margin-right: 1.333vw; }

.mTelBox { position: fixed; bottom: 0px; left: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 30; height: 21.333vw; width: 100%; background-image: url(../images/img2023_36.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.mTelBox a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0vw 4vw; width: 100%; }

.mTelBox a .telNumberBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.mTelBox a .telNumberBox .telNumber { font-size: 4.533vw; color: #000000; }

.mTelBox a .telNumberBox .text { font-size: 2.667vw; }

.mTelBox a .icon { width: 10.667vw; height: 10.667vw; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mTelBox a .icon i { font-size: 4.8vw; color: #ff0000; }

.navBtn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 22px; }

.navBtn span { background: #fff; width: 85%; height: 2px; display: block; margin: 3px 0px; -webkit-transition: all .4s ease; transition: all .4s ease; }

.navBtn span:nth-child(2) { width: 100%; opacity: 1; visibility: visible; }

.navBtn span:nth-child(3) { width: 75%; }

.navBtnClose span:nth-child(1) { -webkit-transform: rotateZ(45deg); -ms-transform: rotate(45deg); transform: rotateZ(45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100%; }

.navBtnClose span:nth-child(2) { visibility: hidden; opacity: 0; }

.navBtnClose span:nth-child(3) { -webkit-transform: rotateZ(-45deg); -ms-transform: rotate(-45deg); transform: rotateZ(-45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 100%; }

.headerDown .headerBg { visibility: visible; opacity: 1; }

.headerTransp { background: transparent; }

.headerTransp .logo a { color: #000; }

.headerTransp .logo a .white { opacity: 0; }

.headerTransp .logo a .black { opacity: 1; }

.headerTransp .logo a:nth-child(2) { border-color: #000; }

.headerTransp .headerBg { visibility: hidden; opacity: 0; }

.headerTransp .navBox .nav ul li h2 a { color: #000000; }

.headerTransp .navBox .nav ul li h2 a span::after { background: #ff0000; }

.headerTransp .navBox .consultBtn:hover span { color: #000; }

.headerTransp .navBtn span { background: #000; }

.headerHover { background: #fff; }

.headerHover .logo a { color: #000; }

.headerHover .logo a .white { opacity: 0; }

.headerHover .logo a .black { opacity: 1; }

.headerHover .logo a:nth-child(2) { border-color: #000; }

.headerHover .headerBg { visibility: hidden; opacity: 0; }

.headerHover .navBox .nav ul li h2 a { color: #000000; }

.headerHover .navBox .nav ul li h2 a span::after { background: #ff0000; }

.headerHover .navBox .consultBtn:hover span { color: #000; }

.mHeader { position: fixed; top: 0px; background: #fff; }

.mHeader .logo a { color: #000; }

.mHeader .logo a .white { opacity: 0; }

.mHeader .logo a .black { opacity: 1; }

.mHeader .logo a:nth-child(2) { border-color: #000; }

.mHeader .navBox .nav ul li h2 a { color: #000000; }

.mHeader .navBox .nav ul li h2 a span::after { background: #ff0000; }

.mHeader .navBox .consultBtn:hover span { color: #000; }

.mHeader .navBtn span { background: #000; }

.headerDown { position: fixed; top: 0px; background: #fff; }

.headerDown .logo a { color: #000; }

.headerDown .logo a .white { opacity: 0; }

.headerDown .logo a .black { opacity: 1; }

.headerDown .logo a:nth-child(2) { border-color: #000; }

.headerDown .navBox .nav ul li h2 a { color: #000000; }

.headerDown .navBox .nav ul li h2 a span::after { background: #ff0000; }

.headerDown .navBox .consultBtn:hover span { color: #000; }

.headerDown .navBtn span { background: #000; }

.headerUp { position: fixed; top: -100px; background: #fff; }

.headerUp .logo a { color: #000; }

.headerUp .logo a .white { opacity: 0; }

.headerUp .logo a .black { opacity: 1; }

.headerUp .logo a:nth-child(2) { border-color: #000; }

.headerUp .navBox .nav ul li h2 a { color: #000000; }

.headerUp .navBox .nav ul li h2 a span::after { background: #ff0000; }

.headerUp .navBox .consultBtn:hover span { color: #000; }

.indexMain { position: relative; left: 0px; top: 0px; overflow: hidden;}

.indexTitle { font-size: 16px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.indexTitle::before { content: ''; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; margin-right: 5px; }

.indexCommonMore { display: block; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; overflow: hidden; position: relative; background: none; -webkit-tap-highlight-color: transparent; }

.indexCommonMore span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 0px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; height: 35px; background: #fffcf5; position: relative; margin-bottom: 0px; overflow: hidden; }

.indexCommonMore span:nth-child(2) { background: #ff0000; color: #fff; }

.indexCommonMore:hover span { top: -35px; }

.bannerBox { width: 100%; height: 160vw; position: relative; overflow: hidden; }

.banner { overflow: hidden; position: fixed; left: 0px; top: 0px; width: 100%; height: 160vw; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; }

.banner .swiper-slide { overflow: hidden; position: relative; }

.banner .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.banner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.banner .imgBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.bannerTextBox { position: absolute; left: 0px; top: 0px; bottom: 0px; padding-bottom: 40px; width: 100%; overflow: hidden; z-index: 10; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; }

.bannerTextBox .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.bannerTextBox .swiper-slide a { display: block; width: 100%; }

.bannerTextBox .swiper-slide .title { font-size: 24px; line-height: 1.2; padding: 0px 0px 15px; }

.bannerTextBox .swiper-slide .title p { font-weight: 600; color: #ffffff; overflow: hidden; position: relative; }

.bannerTextBox .swiper-slide .title p span { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(145deg, #fff 40%, #999); }

.bannerTextBox .swiper-slide .title p:nth-child(2) span { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(145deg, #999, #fff 60%); }

.bannerTextBox .swiper-slide .line { border-top: 1px solid rgba(255, 255, 255, 0.2); }

.bannerTextBox .swiper-slide .descBox { padding: 15px 0px 0px; overflow: hidden; position: relative; }

.bannerTextBox .swiper-slide .descBox .desc { max-width: 510px; font-size: 14px; color: rgba(255, 255, 255, 0.5); -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out; display: -webkit-box; height: 40px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.bannerTextBox .swiper-slide.cur .title p span { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.bannerTextBox .swiper-slide.cur .descBox .desc { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s; }

.bannerTextBox .btn { position: absolute; right: 0px; width: 100%; bottom: 0px; display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 20; }

.bannerTextBox .btn .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.bannerTextBox .btn a { width: 46px; height: 46px; -webkit-border-radius: 46px; border-radius: 46px; margin-left: 8px; color: #333; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; }

.bannerTextBox .btn a:hover { background: #ff0000; color: #fff; }

.indexBusinessMain { background: #fffcf5; overflow: hidden; position: relative; z-index: 30; }

.indexBusinessMain .indexBusinessDesc { font-size: 20px; line-height: 28px; color: #2b2b2b; padding: 60px 0px 40px; border-bottom: 1px solid #e1ded8; }

.indexBusinessMain .indexBusinessDesc .desc { overflow: hidden; }

.indexBusinessMain .indexBusinessDesc .desc h2{font-size: 20px; line-height: 28px;}

.indexBusinessMain .indexBusinessDesc .desc strong{font-weight:400;}

.indexBusinessMain .indexBusiness { padding: 15px 0px 50px; }

.indexBusinessMain .indexBusiness .indexTitle { width: 100%; height: 100%; }

.indexBusinessMain .indexBusiness .indexBusinessList { margin: 35px 0px 0px -20px; padding: 0px 20px; width: -webkit-calc(100% + 40px); width: calc(100% + 40px); overflow: hidden; position: relative; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide { width: -webkit-calc(75% - 5px); width: calc(75% - 5px); margin-right: 10px; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox { padding-top: 90%; position: relative; overflow: hidden; position: relative; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .img { position: absolute; left: 50%; top: 50%; width: 110%; height: 110%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); color: transparent; object-fit: cover; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox video { position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: cover;-webkit-filter: blur(0px);filter: blur(0px);-webkit-transition: all .8s ease;transition: all .8s ease;}

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 10; background-color: rgba(0, 0, 0, 0.35); }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; text-align: center; padding-top: 45px; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon { padding-bottom: 15px; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon img { height: 28px; vertical-align: middle; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p { font-size: 14px; line-height: 26px; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a { position: relative; color: #fff; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a span { position: relative; z-index: 10; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a strong { position: relative; z-index: 10; font-weight:400; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a::after { content: ''; position: absolute; width: 0%; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 0px; height: 4px; background: #ff0000; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a:hover::after { width: 100%; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .moreBtn { width: 100%; padding: 0px 15px 20px; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover .img { -webkit-filter: blur(40px); filter: blur(40px); }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover .contentBox { opacity: 1; visibility: visible; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover video { -webkit-filter: blur(20px); filter: blur(20px);}

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .listTitle { padding-top: 15px; font-size: 16px; height:39px; overflow: hidden; color: #323232; }

.indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide:last-child { margin: 0px; }

.indexBusinessMain .indexBusiness .indexBusinessList:hover { cursor: all-scroll; }

.indexAboutMain { height: 65vh; position: relative; overflow: hidden; }

.indexAboutMain .indexAboutBg { position: relative; left: 0px; top: -50vh; width: 100%; height: 100vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; }

.indexAboutMain .indexAboutBg img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; }

.indexAboutMain .indexAboutBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 25px 20px; z-index: 10; }

.indexAboutMain .indexAboutBox .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.indexAboutMain .indexAboutTitle { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; position: relative; z-index: 10; }

.indexAboutMain .indexAboutTitle .desc { font-size: 24px; line-height: 32px; color: #fff; }

.indexAboutMain .indexAboutTitle .indexTitle { padding-top: 10px; color: #fff; }

.indexAboutMain .indexAboutDescBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 10; }

.indexAboutMain .indexAboutDescBox .desc { max-width: 100%; font-size: 14px; color: #fff; height: -webkit-calc(24px * 3); height: calc(24px * 3); line-height: 24px; overflow: hidden; }

.indexAboutMain .indexAboutDescBox .more { padding-top: 20px; width: 100%; }

.indexCaseMain { background: #fffcf5; position: relative; overflow: hidden; }

.indexCaseMain .indexCaseDesc { font-size: 20px; line-height: 28px; color: #2b2b2b; padding: 60px 0px 40px; border-bottom: 1px solid #e1ded8; }

.indexCaseMain .indexCaseDesc .desc { overflow: hidden; }

.indexCaseMain .indexCaseDesc .desc h2{font-size: 20px; line-height: 28px;}

.indexCaseMain .indexCaseListBox { padding: 15px 0px 30px; }

.indexCaseMain .indexCaseListBox .indexCaseList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; }

.indexCaseMain .indexCaseListBox .indexCaseList .list { width: 100%; margin: 0px; padding-bottom: 30px; position: relative; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .listTitle { 
  font-size: 20px; padding-bottom: 5px; color: #323232; 
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.indexCaseMain .indexCaseListBox .indexCaseList .list .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .label a { margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; line-height: 22px; font-size: 12px; padding: 0px 5px; color: #000000; border: 1px solid #e3e3e2; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .label span { margin-right: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 22px; font-size: 12px; padding: 0px 5px; color: #000000; border: 1px solid #e3e3e2; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox { margin-top: 30px; padding-top: 100%; position: relative; overflow: hidden; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox { z-index: 10; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 45px; text-align: center; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo img { max-width: 65%; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content { padding: 0px 15px 20px; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .desc { font-size: 14px; padding: 0px 20px; color: #fff; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .more { margin-top: 30px; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox{ position: relative;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox .link{position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox .listTitle{ display: none;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox .label{ display: none;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtn { position: absolute; z-index: 10;  left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);   }

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtn a { width: 110px; height: 110px; font-size: 18px; line-height: 24px;border: 1px solid #fff; color: #fff; display: block; padding:0px 18px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox:hover .moreBtn a{background: #ff0000; border-color: #ff0000;}

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover .contentBox { opacity: 1; visibility: visible; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover .img { -webkit-filter: blur(20px); filter: blur(20px); }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover video { -webkit-filter: blur(20px); filter: blur(20px); }

.indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover::after { opacity: 1; visibility: visible; }

.indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox:hover .img { -webkit-filter: blur(20px); filter: blur(20px); }

.indexClientMain { background-image: url(../images/img2023_17.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }

.indexClientMain .indexClientDesc { font-size: 20px; line-height: 28px; color: #fff; padding: 60px 0px 40px; border-bottom: 1px solid rgba(255, 255, 250, 0.2); }

.indexClientMain .indexClientDesc .desc { overflow: hidden; }

.indexClientMain .indexClientDesc .desc h2{font-size: 20px; line-height: 28px;}

.indexClientMain .indexClientBox { padding: 15px 0px 60px; }

.indexClientMain .indexClientBox .commonweb { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.indexClientMain .indexClientBox .indexClientData { width: 100%; }

.indexClientMain .indexClientBox .indexClientData .indexTitle { color: #fff; }

.indexClientMain .indexClientBox .indexClientDataList { padding: 35px 0px 0px; }

.indexClientMain .indexClientBox .indexClientDataList .list { padding: 0px 0px 25px; }

.indexClientMain .indexClientBox .indexClientDataList .list .numberBox { font-size: 14px; line-height: 1; color: #fff; padding-bottom: 10px; }

.indexClientMain .indexClientBox .indexClientDataList .list .numberBox span { font-size: 32px; margin-right: 5px; font-family: 'Bronova'; }

.indexClientMain .indexClientBox .indexClientDataList .list .bar { width: 100%; height: 4px; position: relative; }

.indexClientMain .indexClientBox .indexClientDataList .list .bar span { position: absolute; left: 0px; top: 0px; width: 0%; border-radius: 6px; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; height: 100%; background-color: #836f62; background-image: -webkit-gradient(linear, left top, right top, from(#ccb09b), to(#836f62)); background-image: linear-gradient(to right, #ccb09b, #836f62); }

.indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar { width: 75%;}

.indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar { width: 57%;}

.indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span { width: 100%;}

.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(2) .bar span {-webkit-transition-delay: 1.3s; transition-delay: 1.3s;}

.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(3) .bar span {-webkit-transition-delay: 1.4s; transition-delay: 1.4s;}

.indexClientMain .indexClientBox .indexClientListBox { margin-top: 35px; width: 100%; height: 100%; position: relative; overflow: hidden; }

.indexClientMain .indexClientBox .indexClientListBox .indexClientList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1px -4px -1px 0px; }

.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list { width: 33.333%; margin: 0px 0px -1px -1px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); }

.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list img { width: 90%; display: block; }

.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) { border-right: none; }

.indexAdvantageMain { background: #252324; position: relative; display: none; }

.indexAdvantageMain .indexAdvantageDesc { font-size: 20px; line-height: 28px; color: #fff; padding: 60px 20px 40px; border-bottom: 1px solid rgba(255, 255, 250, 0.2); }

.indexAdvantageMain .indexAdvantageBox { padding: 15px 20px 0px; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .indexTitle { color: #fff; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .desc { font-size: 14px; color: #fff; padding: 0px 0px 0px 0px; display: none; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .desc a { color: #fff; text-decoration: underline; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList { margin: 100px 0px 0px; overflow: hidden; position: relative; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide { width: 78.667vw; height: 78.667vw; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .Circle { width: 22.133vw; height: 22.133vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 20px; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 100%; border-radius: 100%; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 20; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; z-index: 20; overflow: hidden; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .icon img { width: 100%; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 30; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .title { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; width: 100%; font-size: 16px; line-height: 1; color: #fff; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide::after { z-index: 10; content: ''; position: absolute; width: 0%; height: 0%; opacity: 0; -webkit-border-radius: 100%; border-radius: 100%; background: #fffcf5; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .2s; transition-delay: .2s; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide:hover::after { width: 100%; height: 100%; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide:last-child { margin: 0px; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide:hover .icon { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide:hover video { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide:hover .imgBox img { opacity: 1; -webkit-transition-delay: .6s; transition-delay: .6s; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageContent { max-width: 100%; margin: 0px auto; padding-top: 30px; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .desc { font-size: 14px; line-height: 26px; color: #fff; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn { max-width: 100%; padding-top: 35px; }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn a { border: 1px solid rgba(255, 255, 255, 0.2); }

.indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn a span:nth-child(1) { background: none; color: #fff; }

.indexAdvantageMain .indexAdvantageCaseMain { position: relative; margin-top: 100px; padding: 0px 20px 40px; overflow: hidden; }

.indexAdvantageMain .indexAdvantageCaseMain .yearsBox { position: absolute; left: 0px; width: 100%; height: 100vh; top: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 1; }

.indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years { font-size: 50vw; height: 89.333vw; line-height: 1; font-family: BronovaBold; position: relative; }

.indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years span { font-size: 6.4vw; position: absolute; text-transform: uppercase; right: -13.333vw; top: 5.333vw; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list { width: 100%; position: relative; z-index: 10; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list .imgBox { position: relative; overflow: hidden; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list .imgBox img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s ease; transition: all .8s ease; width: 100%; display: block; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle { margin-top: 15px; font-size: 15px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle::before { content: ''; width: 12px; height: 12px; border: 1px solid #fff; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox .list:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(1) .list:nth-child(2) { width: 100%; margin-top: 40px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(2) { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 40px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) { padding-top: 40px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) .list:nth-child(2) { width: 100%; margin-top: 40px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 40px; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn { width: 100%; }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn a { border: 1px solid rgba(255, 255, 255, 0.2); }

.indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn a span:nth-child(1) { background: none; color: #fff; }

.indexNewsMain { background: #fffcf5; position: relative; overflow: hidden; }

.indexNewsMain .indexNewsDesc { font-size: 20px; line-height: 28px; color: #2b2b2b; padding: 60px 0px 40px; border-bottom: 1px solid #e1ded8; }

.indexNewsMain .indexNewsDesc .desc { overflow: hidden; }

.indexNewsMain .indexNewsDesc .desc h2{font-size: 20px; line-height: 28px; }

.indexNewsMain .indexNewsBox { padding: 15px 0px 50px; min-height: 126vw; }

.indexNewsMain .indexNewsBox .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.indexNewsMain .indexNewsBox .indexNewsTitle { width: 100%; }

.indexNewsMain .indexNewsBox .indexNewsListBox { width: 100%; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass { margin: 30px 0px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #e0dfde; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 span { margin: 0px 10px; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a { font-size: 14px; color: rgba(0, 0, 0, 0.5); position: relative; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a::after { content: ''; position: absolute; right: 0px; height: 2px; background: #ff0000; width: 0%; bottom: -1px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a { color: #000; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3.cur a::after { left: 0px; width: 100%; right: auto; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3:hover a::after { left: 0px; width: 100%; right: auto; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab { margin-top: 30px; display: none; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList { position: relative; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide { width: -webkit-calc(70% - 5px); width: calc(70% - 5px); margin-right: 10px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .imgBox { padding-top: 91.8%; position: relative; overflow: hidden; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .listTitle { margin-top: 15px; font-size: 16px; display: -webkit-box; height: 25px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #323232; display: block; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .time { padding-top: 10px; font-size: 14px; color: #828282; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide:hover .imgBox img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide:last-child { margin: 0px; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg { width: 100%; display: none; padding-right: 0px; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .imgBox { padding-top: 91.7%; position: relative; overflow: hidden; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .listTitle { margin-top: 15px; width: 80%; font-size: 16px; display: -webkit-box; height: 50px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; color: #323232; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .time { padding-top: 10px; font-size: 14px; color: #828282; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList { width: 100%; height: 100%; padding-bottom: 1px; overflow: hidden; position: relative; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all .8s ease; transition: all .8s ease; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide { margin-top: 0px !important; margin-bottom: -1px; position: relative; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a { display: block; color: #000; padding: 15px 0px 15px 0px; border-bottom: 1px solid #e8e4d9; border-top: 1px solid #e8e4d9; -webkit-transition:all .8s ease;-o-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a p { font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover{ z-index: 10;}

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a::after{content: ''; position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #ff0000; -webkit-transition: all .8s ease;-o-transition: all .8s ease;-moz-transition: all .8s ease;transition: all .8s ease;}

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover a{padding: 15px 0px 15px 15px;}

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover a::after{width: 100%; left: 0px; right: auto;}

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 30px; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span { opacity: 1; margin: 0px 10px 0px 0px; background: none; width: 7px; height: 7px; -webkit-transition: all .8s ease; transition: all .8s ease; border: 1px solid #888683; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span.swiper-pagination-bullet-active { width: 9px; height: 9px; background: #ff0000; border-color: #ff0000; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexNewsImgList .swiper-slide { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexNewsImgList .swiper-slide:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexNewsImgList .swiper-slide:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexNewsImgList .swiper-slide:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexNewsImgList .swiper-slide:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: .2s; transition-delay: .2s; }

.indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab.animat .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: .3s; transition-delay: .3s; }

.indexRequirementMain { min-height: 38vh; padding: 30px 0px; background-image: url(../images/img2023_29.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

.indexRequirementMain .commonweb { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1; }

.indexRequirementMain .indexRequirement { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.indexRequirementMain .indexRequirement .title { font-size: 26px; line-height: 1; color: #fff; }

.indexRequirementMain .indexRequirement .desc { padding-top: 10px; font-size: 14px; height:55px; overflow: hidden; color: #fff; }

.indexRequirementMain .moreBtn .btn { width: 100%; }

.indexRequirementMain .moreBtn .textTel{ color: rgba(255,255,255, 1); font-size: 14px; line-height: 1.6; padding-bottom: 15px;}

.indexRequirementMain .moreBtn .textTel span{font-size: 16px; font-family:'Bronova'; color: #f2d3bb; padding: 0px 10px;}

.indexRequirementMain .moreBtn .textTel p span:last-child{padding-right: 0px;}

.footer { background: #fffcf5; padding: 30px 0px -webkit-calc(35px + 15.333vw); padding: 30px 0px calc(35px + 15.333vw); }

.footer .footLogoBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer .footLogoBox .footLogo { width: 100%; }

.footer .footLogoBox .footLogo .footLogoImg img { height: 35px; }

.footer .footLogoBox .footLogo .desc { font-size: 14px; color: rgba(0, 0, 0, 0.8); padding-top: 5px; }

.footer .footLogoBox .footLogo .Subscribe { position: relative; margin-top: 40px; width: 310px; display: none; }

.footer .footLogoBox .footLogo .Subscribe input { width: 100%; padding: 0px 110px 0px 25px; height: 44px; font-size: 14px; -webkit-border-radius: 44px; border-radius: 44px; border: 1px solid #e1e1e1; background: none; }

.footer .footLogoBox .footLogo .Subscribe button { position: absolute; right: 0px; width: 90px; height: 100%; font-size: 14px; -webkit-border-radius: 44px; border-radius: 44px; border: none; background: #ff0000; color: #fff; }

.footer .footLogoBox .footClass { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 25px; }

.footer .footLogoBox .footClass .primaryClass { width: 100%; }

.footer .footLogoBox .footClass .primaryClass .list { font-size: 18px; line-height: 1; border-bottom: 1px solid #e8e4d9; }

.footer .footLogoBox .footClass .primaryClass .list a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0px; color: #555555; }

.footer .footLogoBox .footClass .primaryClass .list a::after { right: 0px; width: 0%; height: 3px; background: #ff0000; position: absolute; bottom: 0px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.footer .footLogoBox .footClass .primaryClass .list a i { position: absolute; color: #cfcfcf; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 8px; -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1; visibility: visible; transition: all .6s ease; }

.footer .footLogoBox .footClass .primaryClass .list.cur a { color: #353535; }

.footer .footLogoBox .footClass .primaryClass .list.cur a::after { left: 0px; right: auto; width: 100%; }

.footer .footLogoBox .footClass .SecondaryClass { display: none; }

.footer .footLogoBox .footClass .SecondaryClass .list { display: none; }

.footer .footLogoBox .footClass .SecondaryClass .list p { font-size: 16px; line-height: 32px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all .8s ease; transition: all .8s ease; }

.footer .footLogoBox .footClass .SecondaryClass .list p a { color: #aaaaaa; }

.footer .footLogoBox .footClass .SecondaryClass .list p a i { margin-left: 10px; font-size: 14px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.footer .footLogoBox .footClass .SecondaryClass .list p a:hover { color: #ff0000; }

.footer .footLogoBox .footClass .SecondaryClass .list p a:hover i { margin-left: 20px; color: #ff0000; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(2) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(3) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(4) { -webkit-transition-delay: 0.22s; transition-delay: 0.22s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(5) { -webkit-transition-delay: 0.26s; transition-delay: 0.26s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(7) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(8) { -webkit-transition-delay: 0.38s; transition-delay: 0.38s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(9) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }

.footer .footLogoBox .footClass .SecondaryClass .list.animat p:nth-child(10) { -webkit-transition-delay: 0.46s; transition-delay: 0.46s; }

.footer .footLogoBox .footTelBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; }

.footer .footLogoBox .footTelBox .list { padding-bottom: 20px; padding-right: 10vw; }

.footer .footLogoBox .footTelBox .list .title { font-size: 14px; padding-bottom: 5px; color: rgba(0, 0, 0, 0.5); }

.footer .footLogoBox .footTelBox .list .tel { font-size: 18px; line-height: 1; color: #353535; font-family: 'Bronova'; }

.footer .footLogoBox .footTelBox .footshare { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer .footLogoBox .footTelBox .footshare a { width: 46px; height: 46px; border: 1px solid #dbd9d6; font-size: 20px; position: relative; color: #000000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.footer .footLogoBox .footTelBox .footshare a p { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 120%; display: none; padding: 0px; background: #fff; overflow: hidden; width: 130px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #eee; }

.footer .footLogoBox .footTelBox .footshare a p img { width: 100%; display: block; }

.footer .footLogoBox .footTelBox .footshare a:hover p { display: block; }

.footer .footAboutBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; padding: 35px 0px; border-top: 1px solid rgba(227, 222, 211, 0.5); }

.footer .footAboutBox .mfootAboutClass { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding-bottom: 15px; }

.footer .footAboutBox .mfootAboutClass a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 16px; font-weight: 600; color: rgba(0, 0, 0, 0.5); }

.footer .footAboutBox .mfootAboutClass a::after { content: ''; bottom: -2px; width: 0%; height: 2px; background: #ff0000; -webkit-transition: all .8s ease; transition: all .8s ease; position: absolute; }

.footer .footAboutBox .mfootAboutClass a span { padding: 0px 10px; }

.footer .footAboutBox .mfootAboutClass a:last-child span { display: none; }

.footer .footAboutBox .mfootAboutClass a.cur { color: #000; }

.footer .footAboutBox .mfootAboutClass a.cur::after { width: 60%; }

.footer .footAboutBox .footaTab { display: none; }

.footer .footAboutBox .footAbout { width: 100%; }

.footer .footAboutBox .footAbout .title { font-size: 18px; padding-bottom: 8px; color: #000000; display: none; }

.footer .footAboutBox .footAbout .desc { max-width: 100%; font-size: 14px; color: #828282; height: -webkit-calc(24px * 4); height: calc(24px * 4); line-height: 24px; overflow: hidden; }

.footer .footAboutBox .footAdvantage { width: 100%; }

.footer .footAboutBox .footAdvantage .title { font-size: 18px; padding-bottom: 8px; color: #000000; display: none; }

.footer .footAboutBox .footAdvantage .listBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer .footAboutBox .footAdvantage .list { width: 50%; margin: 0px 0px; }

.footer .footAboutBox .footAdvantage .list p { font-size: 14px; line-height: 24px; color: #828282; }

.footer .footAboutBox .footAdvantage .list p strong{font-weight:400;}

.footer .footAboutBox .footOurdifferences { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.footer .footAboutBox .footOurdifferences .title { font-size: 18px; padding-bottom: 8px; color: #000000; display: none; }

.footer .footAboutBox .footOurdifferences .desc { max-width: 100%; font-size: 14px; color: #828282; height: -webkit-calc(24px * 3); height: calc(24px * 3); line-height: 24px; overflow: hidden; }

.footer .footAboutBox .footOurdifferences .desc strong{font-weight:400;}

.footer .footClassBox .title{font-size:20px; font-weight: 600; padding-bottom:10px;}

.footer .footClassBox .footClass .list{border-bottom: 1px solid rgba(227, 222, 211, 0.5); position: relative;}

.footer .footClassBox .footClass .list h3 a{font-size: 14px; line-height:40px; display: block; color: #353535; position: relative;}

.footer .footClassBox .footClass .list p{display:none; padding: 10px; border-top: 1px solid rgba(227, 222, 211, 0.5);}

.footer .footClassBox .footClass .list p a{display: block; line-height:35px; font-size: 14px;}

.footer .footClassBox .footClass .list span { position: absolute; right: 0px; top: 0px; height: 40px; width: 30%; }

.footer .footClassBox .footClass .list span:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.footer .footClassBox .footClass .list.cur span:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.footer .footClassBox .footClass .list:last-child{border:none}

.footer .foot { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 35px 0px 0px; border-top: 1px solid rgba(227, 222, 211, 0.5); }

.footer .foot .copyright { width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(227, 222, 211, 0.5); font-size: 14px; line-height: 24px; color: #000000; }

.footer .foot .copyright a { color: #000000; }

.footer .foot .footLink { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; position: relative; }

.footer .foot .footLink .btn { height: 44px; -webkit-border-radius: 44px; border-radius: 44px; font-size: 14px; border: 1px solid #e1e1e1; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: all .8s ease; transition: all .8s ease; z-index: 10; }

.footer .foot .footLink .btn i { position: absolute; right: 30px; top: 50%; font-size: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.footer .foot .footLink .btn.cur { background: #464542; border-color: #464542; color: #fff; }

.footer .foot .footLink .btn:hover { background: #464542; border-color: #464542; color: #fff; }

.footer .foot .footLink .listBox { position: absolute; left: 0px; bottom: -webkit-calc(100% - 1px); bottom: calc(100% - 1px); right: 0px; padding: 20px 20px 30px; display: none; z-index: 10; }

.footer .foot .footLink .listBox .list { position: relative; z-index: 10; max-height: 260px; overflow-y: auto; overflow-x: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; }

.footer .foot .footLink .listBox .list a { display: block; line-height: 37px; color: #464542; font-size: 14px; }

.footer .foot .footLink .listBox .list::-webkit-scrollbar { width: 4px; background-color: #fff; }

.footer .foot .footLink .listBox .list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.footer .foot .footLink .listBox .list::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #cfcfcf; }

.footer .foot .footLink .listBox::after { position: absolute; left: 0px; top: 0px; bottom: 15px; right: 0px; background: #fff; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); border: 1px solid #ebe5d9; content: ''; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; }

.footer .foot .footLink .listBox.animat .list { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

.footer .foot .footLink .listBox.animat::after { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

.footer .foot .footLink .linkMask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }

.rightFastMain { position: fixed; left: 0px; bottom: 0px; width: 100%; display: none; z-index: 88; }

.rightFastMain .rightFastBox { width: 100%; padding: 0px; background: #fff; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); margin-top: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.rightFastMain .rightFastBox .fastDemand { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.rightFastMain .rightFastBox .fastDemand .icon { width: 46px; margin: auto; position: relative; display: none; }

.rightFastMain .rightFastBox .fastDemand .icon::after { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255, 0, 0, 0.4); -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; -webkit-animation: yuanRun 2s infinite linear; animation: yuanRun 2s infinite linear; }

.rightFastMain .rightFastBox .fastDemand .icon::before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255, 0, 0, 0.4); -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; -webkit-animation: yuanRun 2s 1s infinite linear; animation: yuanRun 2s 1s infinite linear; }

.rightFastMain .rightFastBox .fastDemand .icon p { height: 46px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; }

.rightFastMain .rightFastBox .fastDemand .icon img { width: 22px; display: block; }

.rightFastMain .rightFastBox .fastDemand .title { width: auto; font-size: 14px; line-height: 16px; padding: 5px 0px 10px; margin: 0px auto; color: #4c4c4c; text-align: center; }

.rightFastMain .rightFastBox .fastTel { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 8px 0px 0px; cursor: pointer; position: relative; border-left: 1px solid #e5e5e5; }

.rightFastMain .rightFastBox .fastTel .icon { font-size: 22px; color: #000; }

.rightFastMain .rightFastBox .fastTel .title { width: 36px; font-size: 14px; line-height: 16px; padding: 2px 0px 15px; margin: 0px auto; color: #4c4c4c; text-align: center; }

.rightFastMain .rightFastBox .fastTel:last-child .title { border: none; }

.rightFastMain .scrollTop { position: absolute; width: 56px; height: 56px; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 10px; background: #fff; -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; }

.rightFastMain .scrollTop i { font-size: 26px; color: #b7b7b7; -webkit-transition: all .8s ease; transition: all .8s ease; }

.rightFastMain .scrollTop:hover i { color: #ff0000; }

.rightFastMain .rightFastBox .popUpTelMain { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 20px; opacity: 0; visibility: hidden; pointer-events: none; z-index: -111; -webkit-transition: all .8s ease; transition: all .8s ease; }

.rightFastMain .rightFastBox .popUpTelBox { width: 172px; height: 294px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); background-image: url(../images/img2023_31.jpg); background-repeat: no-repeat; background-position: top; background-size: cover; }

.rightFastMain .rightFastBox .popUpTelBox .consultTitle { padding: 20px 0px 15px; text-align: center; font-size: 14px; color: #4c4c4c; }

.rightFastMain .rightFastBox .popUpTelBox .consultCode { width: 100px; border: 2px solid #ff0000; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; margin: 0px auto; }

.rightFastMain .rightFastBox .popUpTelBox .consultCode img { width: 100%; display: block; }

.rightFastMain .rightFastBox .popUpTelBox .telTitle { padding-top: 15px; font-size: 14px; color: #4c4c4c; }

.rightFastMain .rightFastBox .popUpTelBox .telNumber { font-size: 18px; font-family: 'BronovaBold'; color: #4c4c4c; }

.rightFastMain .rightFastBox .popUpTelBox .btn { padding-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.rightFastMain .rightFastBox .popUpTelBox .btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #ff0000; color: #fff; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 0px 20px; font-size: 14px; }

.rightFastMain .rightFastBox .popUpTelBox .btn a i { font-size: 24px; margin-right: 5px; }

.rightFastMain .rightFastBox .qrCode { position: absolute; right: 40px; top: 0px; width: 150px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; z-index: -111; -webkit-transition: all .8s ease; transition: all .8s ease; }

.rightFastMain .rightFastBox .qrCode img { width: 100%; display: block; border: 1px solid #e5e5e5; }

.rightFastMain .rightFastBox .fastTel:hover .popUpTelMain { z-index: 10; right: 50px; opacity: 1; visibility: visible; pointer-events: all; }

.rightFastMain .rightFastBox .fastTel:hover .qrCode { right: 70px; opacity: 1; visibility: visible; }

.mFastMain { position: fixed; bottom: 0px; padding-top: 1.2vw; width: 100%; height: 15.333vw; z-index: 88; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); display: none; }

.mFastMain a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; }

.mFastMain a .icon { font-size: 5.6vw; color: #000000; }

.mFastMain a .icon i { width: 8.4vw; height: 8.4vw; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mFastMain a .text { font-size: 3.2vw; color: #000000; }

.mFastMain a .qrCode { position: fixed; left: 50%; -webkit-border-radius: 1.333vw; border-radius: 1.333vw; overflow: hidden; bottom: -webkit-calc(50vh - 37.333vw / 2); bottom: calc(50vh - 37.333vw / 2); width: 37.333vw; margin-left: -18.667vw; z-index: 20; display: none; border: 1px solid #e5e5e5; background: #fff; }

.mFastMain a .qrCode img { width: 100%; display: block; }

.mFastMain a:hover .icon i { background: #ff0000; color: #fff; }

.mFastMain a:hover .qrCode { display: block; }

.mFastMain .mFastBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pupDemandMain { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); z-index: 99; display: none; }

.pupDemandMain .pupDemandContainer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding: 40px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pupDemandMain .pupDemandBox { width: 100%; padding-left: 0px; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; margin: 0px auto; -webkit-border-radius: 30px; border-radius: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; background-image: url(../images/img2023_34.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }

.pupDemandMain .pupDemandBox .title { position: absolute; left: 0px; top: 0px; width: 560px; padding: 80px 0px 0px 60px; font-size: 36px; line-height: 46px; font-weight: 600; color: #fff; }

.pupDemandMain .pupDemandBox .telBox { position: absolute; left: 0px; bottom: 0px; width: 560px; padding: 0px 0px 80px 60px; }

.pupDemandMain .pupDemandBox .telBox .tel { font-family: 'BronovaBold'; font-size: 26px; line-height: 1.2; color: #fff; }

.pupDemandMain .pupDemandBox .telBox .desc { font-size: 14px; color: #fff; }

.pupDemandMain .pupDemandBox .pupDemand { width: 100%; padding: 25px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); height: 100%; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; }

.pupDemandMain .pupDemandBox .pupDemand form { display: block; overflow-y: auto; overflow-x: hidden; margin-right: -20px; padding-right: 20px; }

.pupDemandMain .pupDemandBox .pupDemand form::-webkit-scrollbar { width: 4px; background-color: #fff; }

.pupDemandMain .pupDemandBox .pupDemand form::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.pupDemandMain .pupDemandBox .pupDemand form::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #ff0000; }

.pupDemandMain .pupDemandBox .pupDemand .subTitle { font-size: 13px; padding: 10px 0px 0px 8px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pupDemandMain .pupDemandBox .pupDemand .subTitle::before { width: 12px; height: 12px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; content: ''; display: block; margin-right: 5px; }

.pupDemandMain .pupDemandBox .pupDemand .inputList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding-top: 5px; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list { width: 100%; margin: 0px; padding-top: 10px; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list input { height: 35px; -webkit-border-radius: 35px; border-radius: 35px; padding: 0px 15px; font-size: 12px; width: 100%; background: #fff; color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list input::-webkit-input-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list input:-moz-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list input::-moz-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .inputList .list input:-ms-input-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceTitle { padding-top: 15px; font-size: 16px; color: #2b2b2b; font-weight: 550; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox { margin: 8px 5px 0px 0px; padding: 0px 10px; color: #6d6d6d; line-height: 20px !important; -webkit-border-radius: 28px !important; border-radius: 28px !important; background: #fff; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox span { line-height: 20px !important; font-size: 12px; padding: 0px; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox i { display: none; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox.layui-form-checked { background: #ff0000; }

.pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox.layui-form-checked span { color: #fff; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetTitle { padding-top: 15px; font-size: 16px; color: #2b2b2b; font-weight: 550; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio { font-size: 12px; color: #6d6d6d; line-height: 18px; padding: 0px; margin: 8px 10px 0px 0px; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio > i { font-size: 12px; color: #6d6d6d; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio div { font-size: 12px; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio:hover div { color: #000000 !important; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio:hover > i { color: #000000 !important; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio.layui-form-radioed > i { color: #000000 !important; }

.pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio.layui-form-radioed { color: #000000 !important; }

.pupDemandMain .pupDemandBox .pupDemand .code { margin-top: 15px; position: relative; }

.pupDemandMain .pupDemandBox .pupDemand .code input { width: 100%; background: #fff; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; padding: 0px 15px; font-size: 12px; color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .code input::-webkit-input-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .code input:-moz-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .code input::-moz-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .code input:-ms-input-placeholder { color: #2a2829; }

.pupDemandMain .pupDemandBox .pupDemand .code img { position: absolute; right: 15px; height: 28px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

.pupDemandMain .pupDemandBox .pupDemand .btn { margin-top: 15px; }

.pupDemandMain .pupDemandBox .pupDemand .btn input { font-size: 14px; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; width: 100%; background: #121212; color: #fff; }

.pupDemandMain .pupDemandBox .pupDemandClose { position: absolute; right: 25px; top: 25px; width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 20; cursor: pointer; }

.pupDemandMain .pupDemandBox .pupDemandClose i { font-size: 24px; color: #535353; }

.pupDemandMain.animat .pupDemandBox { width: 100%; padding-left: 0px; }

.pupDemandMain.animat .pupDemandBox .desc { opacity: 1; visibility: visible; -webkit-transition-delay: .8s; transition-delay: .8s; }

@-webkit-keyframes yuanRun { form { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  to { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes yuanRun { form { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
    opacity: 1; }
  to { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

.Burying{margin-top: 100px;}

#LRfloater0 img{width: 60px;}

/*--资讯--*/
.commonBanner { position: relative; }

.commonBanner .imgBox { position: relative; padding-top: 68.886%; }

.commonBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.commonBanner .commonBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.commonBanner .commonBannerText .title { font-size: 14px; color: rgba(255, 255, 255, 0.8); }

.commonBanner .commonBannerText .desc { padding-top: 10px; font-size: 24px; line-height: 28px; color: #fff; }

.commonBanner .commonBannerText .btn { font-size: 13px; cursor: pointer; padding-top: 10px; color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.commonBanner .commonBannerText .btn i { background: #ff0000; margin-left: 6px; width: 25px; height: 25px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 8px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newsClassMain { padding-top: 25px; overflow: hidden; position: relative; }

.newsClassMain .newsClass { padding-bottom: 20px; border-bottom: 1px solid rgba(242, 242, 242, 0.5); }

.newsClassMain .newsClass .swiper-slide { margin-right: 10px; width: auto; }

.newsClassMain .newsClass a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #f1f1f1; min-width: 100px; padding: 0px 15px; line-height: 32px; -webkit-border-radius: 32px; border-radius: 32px; font-size: 14px; color: #000000; }

.newsClassMain .newsClass a i { width: 8px; height: 8px; margin-left: 15px; position: relative; display: block; }

.newsClassMain .newsClass a i::after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 2px; background: #2f2f2f; }

.newsClassMain .newsClass a i::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 2px; height: 100%; background: #2f2f2f; }

.newsClassMain .newsClass .swiper-slide:last-child { margin-right: 0px; }

.newsClassMain .newsClass .swiper-slide.cur a { background: #434343; color: #fff; }

.newsClassMain .newsClass .swiper-slide.cur a i::after { background: #fff; }

.newsClassMain .newsClass .swiper-slide.cur a i::before { background: #fff; }

.newsListMain { padding: 30px 0px 50px; }

.newsListMain .list { -webkit-transition: all .8s ease; transition: all .8s ease; }

.newsListMain .list .aList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0px; border-bottom: 1px solid #dbdbdb; }

.newsListMain .list h2 { font-size: 18px; width: 100%; margin-top: 0px; margin-right: 10px; -webkit-transition: all .8s ease; transition: all .8s ease; }

.newsListMain .list .imgBox { width: 365px; margin-right: 20px; opacity: 0; visibility: hidden; -webkit-transition: .8s ease; transition: .8s ease; display: none; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; position: relative; }

.newsListMain .list .imgBox img { width: 100%; display: block; border: 8px solid #ff0000; }

.newsListMain .list .time { font-size: 14px; margin-top: 10px; width: 100%; font-family: 'Bronova'; color: #000000; -webkit-transition: all .8s ease; transition: all .8s ease; }

.newsListMain .list .desc { width: 100%; margin-top: 10px; font-size: 13px; color: #b8b8b8; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsListMain .list .desc a{color: #b8b8b8;}

.newsListMain .list .arrow { width: 100%; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.newsListMain .list .arrow i { width: 35px; height: 35px; font-size: 20px; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.newsListMain .list:hover { background: #000000; }

.newsListMain .list:hover a { border-color: transparent; }

.newsListMain .list:hover h2 a { color: #fff; }

.newsListMain .list:hover .desc a{color: #b8b8b8;}

.newsListMain .list:hover .time { color: #ff0000; }

.newsListMain .list.cur .imgBox { opacity: 1; visibility: visible; }

.newsListMain .list:hover .arrow i { background: #ff0000; color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#paging { text-align: center; padding-bottom: 60px; }

#paging a { width: 35px; height: 35px; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px; margin: 0px 3px; font-size: 12px; line-height: 35px; border: 1px solid #eeebe5; font-family: 'Bronova'; }

#paging span { width: 35px; height: 35px; background: none; border: none; padding: 0px; margin: 0px 3px; font-size: 12px; line-height: 35px; }

#paging span em { font-size: 12px; }

#paging span em.layui-laypage-em { -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; }

#paging .layui-laypage-spr { border: 1px solid #eeebe5; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 3px; font-family: 'Bronova'; background: #fff; }

#paging a:hover { color: #ff0000; }

/*--资讯--*/
/*--资讯详情--*/
body { position: relative; }

.circleMain { position: absolute; left: 0px; top: 0px; height: 100%; right: 0px; overflow: hidden; z-index: -1; }

.circleBox { position: absolute; left: -40px; top: -150px; width: 300px; height: 300px; }

.circleBox .circle1 { -webkit-animation: circle2 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: circle2 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-delay: 0.45s; animation-delay: 0.45s; opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 1px solid #f1f1f1; -webkit-border-radius: 100%; border-radius: 100%; }

.circleBox .circle2 { -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-delay: 0.35s; animation-delay: 0.35s; opacity: 0; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 81%; height: 81%; border: 1px solid #f1f1f1; -webkit-border-radius: 100%; border-radius: 100%; }

.circleBox .circle3 { -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-delay: 0.25s; animation-delay: 0.25s; opacity: 0; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 65%; height: 65%; border: 1px solid #f1f1f1; -webkit-border-radius: 100%; border-radius: 100%; }

.circleBox .circle4 { -webkit-animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: circle1 3s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation-delay: 0.1s; animation-delay: 0.1s; opacity: 0; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 50%; height: 50%; border: 1px solid #f1f1f1; -webkit-border-radius: 100%; border-radius: 100%; }

.circleBox2 { right: -230px; top: 200px; left: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.circleBox3 { right: -210px; top: 120px; left: auto; }

@-webkit-keyframes circle1 { 0% { -webkit-transform: translate(-50px, -50%) scale(0.8); transform: translate(-50px, -50%) scale(0.8);
    opacity: 0; }
  30% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 1; }
  90% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 1; }
  100% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 0; } }

@keyframes circle1 { 0% { -webkit-transform: translate(-50px, -50%) scale(0.8); transform: translate(-50px, -50%) scale(0.8);
    opacity: 0; }
  30% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 1; }
  90% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 1; }
  100% { -webkit-transform: translate(0px, -50%) scale(1); transform: translate(0px, -50%) scale(1);
    opacity: 0; } }

@-webkit-keyframes circle2 { 0% { -webkit-transform: translate(-50px, 0px) scale(0.8); transform: translate(-50px, 0px) scale(0.8);
    opacity: 0; }
  30% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  90% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 0; } }

@keyframes circle2 { 0% { -webkit-transform: translate(-50px, 0px) scale(0.8); transform: translate(-50px, 0px) scale(0.8);
    opacity: 0; }
  30% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  90% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 1; }
  100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1);
    opacity: 0; } }

.newsDetailMain { padding: 120px 0px 40px; border-bottom: 1px solid #f6f6f6; position: relative; z-index: 10; }

.newsDetailMain .container { position: relative; z-index: 20; max-width: 100%; }

.newsDetailMain .location { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.newsDetailMain .location a { font-size: 12px; color: rgba(0, 0, 0, 0.8); }

.newsDetailMain .location a span { padding: 0px 10px; }

.newsDetailMain .location a:last-child span { display: none; }

.newsDetailMain .newsDetailTitle { margin-top: 15px; font-size: 24px; color: #000000; line-height: 1.3; }

.newsDetailMain .sourceTimeBox { margin-top: 15px; padding: 15px 15px; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #f7f7f7, rgba(255, 255, 255, 0)); }

.newsDetailMain .sourceTimeBox .sourceTime { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.newsDetailMain .sourceTimeBox .sourceTime p { font-size: 12px; line-height: 18px; color: #a5a5a5; padding: 0px 10px; border-right: 1px solid #e3e3e3; }

.newsDetailMain .sourceTimeBox .sourceTime p span { color: #000000; font-size: 14px; }

.newsDetailMain .sourceTimeBox .sourceTime p:first-child { padding-left: 0px; }

.newsDetailMain .sourceTimeBox .sourceTime p:last-child { padding-right: 0px; border: none; }

.newsDetailMain .sourceTimeBox .return { width: 100%; padding-top: 10px; display: none; }

.newsDetailMain .sourceTimeBox .return a { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newsDetailMain .sourceTimeBox .return a i { width: 20px; height: 20px; margin-left: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; font-size: 6px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newsDetailMain .newsDetailBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 0px; }

.newsDetailMain .newsDetailBox .shareLabelBox { width: 100%; position: relative; padding-top: 30px; }

.newsDetailMain .newsDetailBox .shareLabelBox .sticky { position: relative; top: 0px; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .title { font-size: 14px; color: #545454; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .newsDateilShareBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a { font-size: 16px; width: 35px; height: 35px; margin-right: 10px; border: 1px solid #f4f4f4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #cccccc; -webkit-border-radius: 100%; border-radius: 100%; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a:last-child { margin: 0px; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a:hover { color: #fff; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a:nth-child(1):hover { background: #7bc549; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a:nth-child(2):hover { background: #ff0000; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .return a { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .return a i { width: 20px; height: 20px; margin-left: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; font-size: 6px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel { padding-top: 20px; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .title { font-size: 16px; padding-bottom: 10px; color: #545454; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; padding-right: 5px; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li a { padding: 6px 10px; -webkit-border-radius: 33px; border-radius: 33px; font-size: 12px; color: #525252; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #f6f6f6; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; cursor: pointer; width: 65px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; background: #f6f6f6; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i { font-size: 10px; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: #2f2f2f; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list.showList { height: auto; }

.newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i.cur { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.newsDetailMain .newsDetailBox .shareLabelBox .qrCode { padding-top: 30px; text-align: center; }

.newsDetailMain .newsDetailBox .shareLabelBox .qrCode .title { font-size: 14px; color: #545454; }

.newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox { padding-top: 5px; }

.newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox img { max-width: 110px; width: 100%; display: block; margin: 0px auto; }

.newsDetailMain .newsDetailBox .newsDetail { width: 100%; padding-left: 0px; padding-top: 30px; }

.newsDetailMain .newsDetailBox .newsDetail .content { font-size: 14px; color: #878686; line-height: 24px; }

.newsDetailMain .newsDetailBox .newsDetail .content img { max-width: 100%; height: auto !important; }

.newsDetailMain .newsDetailBox .newsDetail .tag { padding-top: 25px; font-size: 14px; color: #000000; }

.newsDetailMain .newsDetailBox .newsDetail .tag a { color: #000; }

.newsDetailMain .newsDetailBox .newsDetail .tag a span { padding: 0px 10px; }

.newsDetailMain .newsDetailBox .newsDetail .tag a:last-child span { display: none; }

.newsDetailMain .newsDetailBox .newsDetail .prevNextArticle { margin-top: 30px; padding: 8px 15px 10px; -webkit-border-radius: 10px; border-radius: 10px; background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, #f7f7f7, rgba(255, 255, 255, 0)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a { font-size: 14px; color: #000000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; display: -webkit-box; height: 24px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 5px; }

.newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a span { color: #a5a5a5; font-size: 13px; }

.relatedNewsMain { padding: 40px 0px; }

.relatedNewsMain .titleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.relatedNewsMain .titleBox .title { font-size: 20px; color: #000000; }

.relatedNewsMain .titleBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.relatedNewsMain .titleBox .btn a { display: block; margin-left: 5px; width: 45px; height: 31px; -webkit-border-radius: 20px; border-radius: 20px; color: #4d4b4a; font-size: 14px; background: #fbfbfb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.relatedNewsMain .titleBox .btn a:first-child { margin: 0px; }

.relatedNewsMain .titleBox .btn a:hover { background: #ff0000; color: #fff; }

.relatedNewsMain .relatedNews { margin-top: 25px; overflow: hidden; position: relative; border: 1px solid #e8e8e8; -webkit-border-radius: 15px; border-radius: 15px; }

.relatedNewsMain .relatedNews .swiper-slide { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); border-right: 1px solid #e8e8e8; padding-top: 190px; position: relative; }

.relatedNewsMain .relatedNews .swiper-slide a { display: block; padding: 30px 20px 0px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-border-radius: 0px; border-radius: 0px; background: #fff; -webkit-transition: all .8s ease; transition: all .8s ease; }

.relatedNewsMain .relatedNews .swiper-slide a .columnTitle { font-size: 12px; color: #6d6d6d; }

.relatedNewsMain .relatedNews .swiper-slide a .listTitle { margin-top: 10px; font-size: 14px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #323232; }

.relatedNewsMain .relatedNews .swiper-slide a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 20px; }

.relatedNewsMain .relatedNews .swiper-slide a .more span { padding: 0px 15px; height: 31px; -webkit-border-radius: 31px; border-radius: 31px; font-size: 12px; border: 1px solid #7f7f7f; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .8s ease; transition: all .8s ease; }

.relatedNewsMain .relatedNews .swiper-slide a .more span i { font-size: 6px; margin-left: 8px; }

.relatedNewsMain .relatedNews .swiper-slide a:hover .more span { background: #ff0000; color: #fff; border-color: #ff0000; }

.relatedNewsMain .relatedNews .swiper-slide a:hover { left: -1px; right: -1px; top: -13px; bottom: -13px; -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); z-index: 10; -webkit-border-radius: 15px; border-radius: 15px; }

.relatedNewsMain .relatedNews .swiper-slide:last-child { border-right: none; }

/*--资讯详情--*/
/*--资讯主页--*/
.newsCompositePageMain { background-image: url(../images/img2023_50.jpg); background-position: top; background-size: cover; }

.newsCompositePage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding: 30px 0px 20px; }

.newsCompositePage .list { width: 100%; padding: 0px 0px 30px; }

.newsCompositePage .list a { background: #fff; border: 2px solid transparent; -webkit-border-radius: 10px; border-radius: 10px; padding: 25px 20px; display: block; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }

.newsCompositePage .list a .time { font-size: 14px; color: rgba(0, 0, 0, 0.5); font-family: 'Bronova'; }

.newsCompositePage .list a h2 { margin-top: 10px; font-size: 16px; color: #000000; }

.newsCompositePage .list a .desc { margin-top: 10px; font-size: 13px; color: #868686; display: -webkit-box; height: 36px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsCompositePage .list a .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 25px; }

.newsCompositePage .list a .more span { padding: 0px 0px 0px 20px; height: 35px; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; font-size: 12px; color: #575757; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.newsCompositePage .list a .more span i { font-size: 8px; margin-left: 8px; width: 35px; height: 35px; margin-left: -5px; -webkit-transition: all .8s ease; transition: all .8s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; }

.newsCompositePage .list a .more span::after { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #7f7f7f; content: ''; }

.newsCompositePage .list a:hover { background: url(../images/img2023_51.jpg); background-size: cover; border-color: #fff; -webkit-box-shadow: 0px 60px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 60px 30px -45px rgba(64, 50, 25, 0.3); }

.newsCompositePage .list a:hover span { border: none; padding: 0px; }

.newsCompositePage .list a:hover span i { color: #fff; margin-left: 5px; }

.newsCompositePage .list a:hover span::after { width: 35px; height: 35px; border-color: #ff0000; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; }

/*--资讯主页--*/
/*--网站建设--*/
.websiteConstructionBanner { position: relative; }

.websiteConstructionBanner .imgBox { padding-top: 73.4056%; position: relative; }

.websiteConstructionBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.websiteConstructionBanner .websiteConstructionBannerText { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.websiteConstructionBanner .websiteConstructionBannerText .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .icon { width: 80px; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .icon img { width: 100%; display: block; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title { font-size: 18px; line-height: 24px; color: #fff; position: relative; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title img { position: absolute; right: -20px; top: 8px; width: 15px; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn { cursor: pointer; font-size: 13px; padding-top: 5px; color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn i { overflow: hidden; position: relative; background: #ff0000; margin-left: 6px; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 6px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn:hover i:before{animation: arrowRun 5s infinite;}

.websiteConstructionMain { background: #f7f7f7; }

.websiteConstructionMain .commonweb { max-width: 100%; }

.websiteConstructionBox { padding: 30px 20px 40px; -webkit-border-radius: 20px; border-radius: 20px; margin-top: -40px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border: 1px solid #fff; background: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.websiteConstructionBox .yearsNum { font-size: 160px; width: 100%; font-weight: 600; line-height: 1; font-family: 'Bronova'; color: #7f5129; }

.websiteConstructionBox .yearsNum span { background-image: url(../images/img2023_55.jpg); -webkit-background-clip: text; background-clip: text; color: transparent; background-position: center; }

.websiteConstructionBox .content { padding-left: 0px; }

.websiteConstructionBox .content .subTitle { font-size: 16px; color: rgba(57, 61, 69, 0.8); }

.websiteConstructionBox .content .title { padding-top: 10px; font-size: 24px; line-height: 28px; color: #000; }

.websiteConstructionBox .content .desc { padding-top: 15px; font-size: 14px; line-height: 24px; color: #474747; max-width: 780px; }

.websiteConstructionList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px; padding: 30px 0px 50px; }

.websiteConstructionList .list { width: 100%; padding: 0px 0px 15px; }

.websiteConstructionList .list a { display: block; position: relative; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }

.websiteConstructionList .list .imgBox { padding-top: 90%; position: relative; }

.websiteConstructionList .list .imgBox img { position: absolute; left: 50%; top: 50%;  width: 110%; height: 110%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); object-fit: cover; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-filter: blur(0px); filter: blur(0px); }

.websiteConstructionList .list .listTitle { position: absolute; left: 0px; top: 0px; right: 0px; padding: 30px 15px 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; -webkit-transition: all .6s ease; transition: all .6s ease; -webkit-transition-delay: .4s; transition-delay: .4s; font-size: 18px; line-height: 1.2; color: #fff; }

.websiteConstructionList .list .contentBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.1); }

.websiteConstructionList .list .contentBox .contentTitle { padding-top: 30px; font-size: 18px; line-height: 1.2; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; }

.websiteConstructionList .list .contentBox .content { padding: 0px 15px 30px; }

.websiteConstructionList .list .contentBox .content .desc { font-size: 12px; line-height: 18px; padding-bottom: 15px; color: #fff; }

.websiteConstructionList .list:hover .imgBox img { -webkit-filter: blur(20px); filter: blur(20px); }

.websiteConstructionList .list:hover .contentBox { opacity: 1; visibility: visible; -webkit-transition-delay: .4s; transition-delay: .4s; }

.websiteConstructionList .list:hover .listTitle { -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); opacity: 0; visibility: hidden; -webkit-transition-delay: 0s; transition-delay: 0s; }

/*--网站建设--*/
/*--集团网站建设--*/
.websiteConstructionDetailTitle { padding: 100px 0px 80px; text-align: center; position: relative; z-index: 10; }

.websiteConstructionDetailTitle .title { font-size: 24px; color: #000; }

.websiteConstructionDetailTitle .btn { font-size: 14px; padding-top: 10px; color: rgba(0, 0, 0, 0.8); cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteConstructionDetailTitle .btn i { background: #ff0000; overflow: hidden; position: relative; margin-left: 6px; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 6px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteConstructionDetailTitle .btn:hover i::before{animation: arrowRun 5s infinite;}

.groupWebsiteMain { position: relative; z-index: 10; }

.groupWebsite { padding: 30px 0px 45px; background-image: url(../images/img2023_68.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.groupWebsite .container .imgBox { width: 100%; position: relative; overflow: hidden; border-radius: 20px;}

.groupWebsite .container .imgBox img {
  width: 100%;
  height: 60vh;
  object-fit: cover;
  display: block;
}

.vvhhuhiuninoi p{
  color: #fff;
}
.vvhhuhiuninoi span{
  color: #fff;
}




.groupWebsite .container .imgBox video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}

.groupWebsite .container .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 0px 0px 0px; }

.groupWebsite .container .content .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.groupWebsite .container .content .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.groupWebsite .container .content .title  a{color: #fff;}

.groupWebsite .container .content .desc { position: relative; margin-top: 10px; }

.groupWebsite .container .content .desc p { font-size: 20px; line-height: 28px; color: #b2b3ba; }

.groupWebsite .container .content .desc p span { display: block; width: -webkit-calc(100vw - 50px); width: calc(100vw - 50px); }

.groupWebsite .container .content .desc p span a{color: #b2b3ba;}

.groupWebsite .container .content .desc p:nth-child(2) { position: absolute; top: 0px; left: 0px; width: 0%; overflow: hidden; color: #fff; -webkit-transition: width 2.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: width 2.5s 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.groupWebsite .container .content .desc p:nth-child(2) span a{color: #fff;}

.groupWebsite .container .content .desc2 { margin-top: 20px; font-size: 14px; line-height: 24px; color: #d9d9d9; max-height: 200px;padding-right: 20px;}

.groupWebsite .container .content .desc2::-webkit-scrollbar { width: 3px; }

.groupWebsite .container .content .desc2::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.4); -webkit-border-radius: 8px; border-radius: 8px; }

.groupWebsite .container .content .desc2::-webkit-scrollbar-thumb { background-color: #fff; -webkit-border-radius: 8px; border-radius: 8px; }

.groupWebsite .container .content .desc2 a { color: #d9d9d9; }

.groupWebsite .container .content.animated .desc p:nth-child(2) { width: 100%; -webkit-transition-delay: .8s; transition-delay: .8s; }

.groupWebsiteDesignMain { padding: 40px 0px; background-image: url(../images/img2023_70.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.groupWebsiteDesignMain .title { font-size: 14px; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.groupWebsiteDesignMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.groupWebsiteDesignMain .subTitle { padding-top: 15px; font-size: 20px; padding-bottom: 20px; line-height: 1.2; color: #010101; border-bottom: 1px solid #dededb; }

.groupWebsiteDesignMain .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; }

.groupWebsiteDesignMain .content .designClass { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; white-space: nowrap; }

.groupWebsiteDesignMain .content .designClass h3 { cursor: pointer; font-size: 14px; margin-right: 10px; line-height: 35px; color: #b0b0aa; -webkit-transition: all .8s ease; transition: all .8s ease; }

.groupWebsiteDesignMain .content .designClass h3.cur { font-size: 16px; color: #000; }

.groupWebsiteDesignMain .content .designImg { width: 100%; margin-top: 20px; overflow: hidden; position: relative; }

.groupWebsiteDesignMain .content .designImg img { width: 100%; display: block; }

.groupWebsiteDesignMain .content .designContentBox { width: 100%; padding: 25px 0px 0px 0px; }

.groupWebsiteDesignMain .content .designContentBox .designContent .list { display: none; }

.groupWebsiteDesignMain .content .designContentBox .designContent .list .listTitle { font-size: 20px; line-height: 1.2; color: #010101; }

.groupWebsiteDesignMain .content .designContentBox .designContent .list .desc { padding-top: 15px; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.6); }

.groupWebsiteDesignMain .content .designContentBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; }

.groupWebsiteDesignMain .content .designContentBox .btn a { width: 60px; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 12px; margin-right: 5px; font-weight: 600; color: #575757; border: 1px solid #7f7f7d; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.groupWebsiteDesignMain .content .designContentBox .btn a:last-child { margin: 0px; }

.groupWebsiteScopeServiceMain { padding: 30px 0px 40px; background-image: url(../images/img2023_72.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.groupWebsiteScopeServiceMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService { width: 100%; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .subTitle { padding-top: 15px; font-size: 20px; padding-bottom: 25px; line-height: 1.2; color: #fff; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox {position: relative; overflow: hidden; border-radius: 20px;}

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox img { width: 100%; display: block; -webkit-border-radius: 8px; border-radius: 8px; }

.groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}

.groupWebsiteScopeServiceMain .content { padding: 25px 0px 0px 0px; width: 100%; }

.groupWebsiteScopeServiceMain .content .list { padding: 15px 0px 15px; position: relative; border-top: 1px solid rgba(216, 216, 216, 0.1); }

.groupWebsiteScopeServiceMain .content .list .listTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.groupWebsiteScopeServiceMain .content .list .listTitle span { width: 20px; height: 20px; padding-top: 2px; font-size: 12px; border: 2px solid rgba(255, 255, 255, 0.4); -webkit-transition: all .8s ease; transition: all .8s ease; color: rgba(255, 255, 255, 0.4); -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'BronovaBold'; }

.groupWebsiteScopeServiceMain .content .list .listTitle h3 { font-size: 14px; color: rgba(255, 255, 255, 0.4); padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all .8s ease; transition: all .8s ease; }

.groupWebsiteScopeServiceMain .content .list .listTitle .icon { width: 10px; height: 10px; position: relative; }

.groupWebsiteScopeServiceMain .content .list .listTitle .icon::after { content: ''; width: 2px; height: 100%; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); background: rgba(255, 255, 255, 0.4); }

.groupWebsiteScopeServiceMain .content .list .listTitle .icon::before { content: ''; width: 100%; height: 2px; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.4); }

.groupWebsiteScopeServiceMain .content .list .desc { display: none; padding-top: 10px; font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.6); }

.groupWebsiteScopeServiceMain .content .list::after { content: ''; position: absolute; right: 0px; top: -1px; background: #fff; width: 0%; height: 1px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.groupWebsiteScopeServiceMain .content .list.cur::after { width: 100%; left: 0px; right: auto; }

.groupWebsiteScopeServiceMain .content .list.cur .listTitle span { color: #fff; border-color: #fff; }

.groupWebsiteScopeServiceMain .content .list.cur .listTitle h3 { color: #fff; }

.groupWebsiteScopeServiceMain .content .list.cur .listTitle .icon::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }

.groupWebsiteScopeServiceMain .content .list.cur .listTitle .icon::before { background: #fff; }

.groupWebsitelabelMain { background: #fcfcfc; padding: 35px 0px; }

.groupWebsitelabelMain .groupWebsitelabel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.groupWebsitelabelMain .groupWebsitelabel a { padding: 0px 10px; margin: 5px; height: 35px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #545454; border: 1px solid #e0e0e0; background: #fff; }

.groupWebsitelabelMain .groupWebsitelabel a:hover { border-color: #ff0000; color: #ff0000; }

@keyframes arrowRun {
  0% {
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  7% {
    transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  7.1% {
    transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  14% {
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
}

/*--集团网站建设--*/
/*--关键词--*/
.keywordMain { position: relative; z-index: 10; }

.keywordIntroBox { padding: 30px 0px 50px; background-image: url(../images/img2023_74.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.keywordIntroBox .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordIntroBox .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordIntroBox .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #fff; }

.keywordIntroBox .keywordIntroDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.6); }

.keywordIntroBox .keywordIntro {padding-top: 20px;}

.keywordIntroBox .keywordIntro .imgBox { width: 100%; }

.keywordIntroBox .keywordIntro .imgBox img { width: 100%; display: block; -webkit-border-radius: 20px; border-radius: 20px; }

.keywordIntroBox .keywordIntro .content { padding: 25px 0px 0px 0px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.keywordIntroBox .keywordIntro .content .list { padding: 15px 0px; position: relative; border-top: 1px solid rgba(216, 216, 216, 0.1); }

.keywordIntroBox .keywordIntro .content .list .listTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.keywordIntroBox .keywordIntro .content .list .listTitle span { width: 20px; height: 20px; padding-top: 2px; font-size: 12px; border: 2px solid rgba(255, 255, 255, 0.4); -webkit-transition: all .8s ease; transition: all .8s ease; color: rgba(255, 255, 255, 0.4); -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'BronovaBold'; }

.keywordIntroBox .keywordIntro .content .list .listTitle h3 { font-size: 14px; color: rgba(255, 255, 255, 0.4); padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all .8s ease; transition: all .8s ease; }

.keywordIntroBox .keywordIntro .content .list .listTitle .icon { width: 10px; height: 10px; position: relative; }

.keywordIntroBox .keywordIntro .content .list .listTitle .icon::after { content: ''; width: 2px; height: 100%; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); background: rgba(255, 255, 255, 0.4); }

.keywordIntroBox .keywordIntro .content .list .listTitle .icon::before { content: ''; width: 100%; height: 2px; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.4); }

.keywordIntroBox .keywordIntro .content .list .desc { display: none; padding-top: 10px; font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.6); }

.keywordIntroBox .keywordIntro .content .list::after { content: ''; position: absolute; right: 0px; top: -1px; background: #fff; width: 0%; height: 1px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.keywordIntroBox .keywordIntro .content .list.cur::after { width: 100%; left: 0px; right: auto; }

.keywordIntroBox .keywordIntro .content .list.cur .listTitle span { color: #fff; border-color: #fff; }

.keywordIntroBox .keywordIntro .content .list.cur .listTitle h3 { color: #fff; }

.keywordIntroBox .keywordIntro .content .list.cur .listTitle .icon::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }

.keywordIntroBox .keywordIntro .content .list.cur .listTitle .icon::before { background: #fff; }

.keywordIntroBox .keywordIntro:first-child { padding-top: 0px; }

.keywordDesc { padding: 45px 0px; text-align: center; }

.keywordDesc .title { font-size: 20px; line-height: 28px; color: #010101; }

.keywordDesc .desc { font-size: 14px; line-height: 24px; max-width: 720px; padding-top: 15px; margin: 0px auto; color: #535353; }

.keywordAdvantageMain { padding: 30px 0px 30px; background-image: url(../images/img2023_76.jpg); background-size: cover; background-position: top; background-repeat: no-repeat; }

.keywordAdvantageMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordAdvantageMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordAdvantageMain .subTitle { padding-top: 10px; font-size: 20px; padding-bottom: 20px; line-height: 1.2; color: #010101; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass { width: 100%; overflow-x: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; white-space: nowrap; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 { font-size: 16px; margin-right: 10px; padding-bottom: 10px; cursor: pointer; line-height: 1; padding-left: 20px; color: #dbdbdb; -webkit-transition: all .8s ease; transition: all .8s ease; position: relative; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 span { font-size: 12px; position: absolute; top: 2px; left: 0px; font-family: 'Bronova'; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4.cur { color: #000; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; position: relative; width: 100%; height: 100%; margin-top: 15px; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .imgBox { width: 100%; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .imgBox img { width: 100%; display: block; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 0px 0px 0px; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .listTitle { font-size: 20px; color: #010101; }

.keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .desc { font-size: 14px; line-height: 24px; padding-top: 10px; max-width: 100%; color: #535353; }

.keywordRankingMain { padding: 0px; background-image: url(../images/img2023_78.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }

.keywordRankingMain .container { position: relative; }

.keywordRankingMain .keywordRanking { padding: 30px 0px 0px; }

.keywordRankingMain .keywordRanking .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordRankingMain .keywordRanking .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordRankingMain .keywordRanking .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #fff;}

.keywordRankingMain .keywordRanking .desc { padding-top: 10px; max-width: 100%; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.6); }

.keywordRankingMain .keywordRanking .desc a{color: rgba(255, 255, 255, 0.6);}

.keywordRankingMain .keywordRankingList { overflow: hidden; position: relative; padding-left: 2px; }

.keywordRankingMain .keywordRankingList .swiper-slide { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); padding-top: 35px; margin-left: -1px; text-align: center; }

.keywordRankingMain .keywordRankingList .swiper-slide::after { content: ''; left: 0px; top: 0px; width: 1px; height: 100%; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.15))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.15)); }

.keywordRankingMain .keywordRankingList .swiper-slide::before { content: ''; right: 0px; top: 0px; width: 1px; height: 100%; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.15))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.15)); }

.keywordRankingMain .keywordRankingList .swiper-slide .num { width: 45px; height: 45px; border: 2px solid #f6d79c; font-size: 16px; color: #f2c15b; -webkit-border-radius: 10px; border-radius: 10px; font-family: 'Bronova'; margin: 0px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordRankingMain .keywordRankingList .swiper-slide .listTitle { padding: 15px 15px 0px; font-size: 18px; line-height: 1.2; color: #fff; }

.keywordRankingMain .keywordRankingList .swiper-slide .desc { padding: 25px 10px 0px; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.6); }

.keywordRankingMain .keywordRankingList .swiper-slide .icon { padding: 20px 0px 40px; }

.keywordRankingMain .keywordRankingList .swiper-slide .icon img { height: 15px; vertical-align: middle; }

.keywordRankingMain .keywordRankingListSix .swiper-slide { width: -webkit-calc(33.3333% + 1px); width: calc(33.3333% + 1px); }

.keywordRankingMain .keywordRankingListSix .swiper-slide .icon { padding: 20px 0px 40px; }

.keywordRankingMain .keywordRankingList .commonPageDot { position: absolute; width: 100%; }

.keywordRankingMain .keywordRankingList .commonPageDot span { border-color: #fff; }

.keywordRankingMain .keywordRankingList .commonPageDot span.swiper-pagination-bullet-active { border-color: #ff0000; }

.keywordAppendMain { padding: 30px 0px 40px; }

.keywordAppendMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordAppendMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordAppendMain .subTitle { padding-top: 10px; font-size: 20px; padding-bottom: 10px; line-height: 1.2; color: #010101; }

.keywordAppendMain .desc { font-size: 14px; line-height: 24px;  color: #535353; }

.keywordAppendMain.centerTitle .title { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordAppendMain.centerTitle .subTitle { text-align: center; }

.keywordAppendMain.centerTitle .desc { text-align: center; }

.keywordAppendMain .keywordAppendList {padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; }

.keywordAppendMain .keywordAppendList .list { width: 100%; -webkit-border-radius: 10px; border-radius: 10px; background: #f5f7f9; padding: 25px; margin: 0px 0px 15px; }

.keywordAppendMain .keywordAppendList .list .listTitle { font-size: 16px; color: #010101; }

.keywordAppendMain .keywordAppendList .list .desc2 { padding-top: 10px; font-size: 14px; color: #535353; }

.keywordAppendMain .keywordAppendList .list .num { margin-top: 15px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 16px; color: #ff0000; font-family: 'Bronova'; background: #fff; border: 1px solid #eaeaea; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordStrengthMain { padding: 40px 0px; background-image: url(../images/img2023_80.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }

.keywordStrengthMain .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordStrengthMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordStrengthMain .desc { padding-top: 10px; font-size: 20px; line-height: 28px; color: #fff; text-align: center; }

.keywordStrengthMain .icon { padding-top: 20px; text-align: center; }

.keywordStrengthMain .icon img { height: 15px; vertical-align: middle; }

.keywordCaseMain { padding: 45px 0px; }

.keywordCaseMain .title { font-size: 20px; line-height: 1.2; color: #010101; }

.keywordCaseMain .desc { font-size: 14px; padding-top: 10px; color: #535353; }

.keywordCaseMain .keywordCaseList { margin-top: 30px; overflow: hidden; position: relative; }

.keywordCaseMain .keywordCaseList .swiper-slide { position: relative; width: 100%; margin: 0px 15px 0px 0px; }

.keywordCaseMain .keywordCaseList .swiper-slide a { position: relative; display: block; overflow: hidden; }

.keywordCaseMain .keywordCaseList .swiper-slide a .imgBox { padding-top: 100%; position: relative; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; }

.keywordCaseMain .keywordCaseList .swiper-slide a .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-filter: blur(0px); filter: blur(0px); }

.keywordCaseMain .keywordCaseList .swiper-slide a .listTitle { padding: 20px 20px 0px; font-size: 18px; color: #fff; position: absolute; left: 0px; top: 0px; right: 0px; opacity: 1; visibility: visible; -webkit-transition: all .8s ease; transition: all .8s ease; }

.keywordCaseMain .keywordCaseList .swiper-slide a .contentBox { position: absolute; left: 0px; top: 0px; -webkit-border-radius: 20px; border-radius: 20px; width: 100%; height: 100%; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.1); }

.keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .contentTitle { padding-top: 30px; font-size: 18px; line-height: 1.2; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #fff; }

.keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content { padding: 0px 20px 30px; }

.keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content .desc { font-size: 14px; line-height: 24px; padding-bottom: 20px; color: #fff; }

.keywordCaseMain .keywordCaseList .swiper-slide a:hover .listTitle { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; }

.keywordCaseMain .keywordCaseList .swiper-slide a:hover .contentBox { opacity: 1; visibility: visible; -webkit-transition-delay: .4s; transition-delay: .4s; }

.keywordCaseMain .keywordCaseList .swiper-slide a:hover .imgBox img { -webkit-filter: blur(20px); filter: blur(20px); }

.keywordCaseMain .keywordCaseList .swiper-slide:last-child { margin: 0px; }

.keywordFiveAdvantagesMain { padding: 30px 0px 40px; background: #f8f8f8; }

.keywordFiveAdvantagesMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordFiveAdvantagesMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordFiveAdvantagesMain .subTitle { padding-top: 10px; font-size: 20px; padding-bottom: 25px; line-height: 1.2; color: #010101; text-align: center; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .content { width: 100%; background: #fff; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; overflow: hidden; position: relative; z-index: 10; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listTitle { height: 50px; border-bottom: 1px solid #d4cfc6; font-size: 18px; font-weight: 600; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url(../images/img2023_84.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listDesc p { padding: 15px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f4f1ea; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listDesc p:last-child { border: none; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox { width: 100%; padding: 0px; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo { background: #fff; -webkit-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; overflow: hidden; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f4f0ea; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listTitle { width: 100px; font-size: 16px; color: #000000; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #f4f4f4; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 15px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) { border-bottom: 1px solid #e8e4dd; height: 50px; background: #eeeeee; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listTitle { display: none; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listDesc { font-size: 16px; color: #000000; height: 50px; font-weight: 600; }

.keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:last-child { border: none; }

.keywordStandardMain { padding: 30px 0px 0px; background-image: url(../images/img2023_85.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }

.keywordStandardMain .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.keywordStandardMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.keywordStandardMain .subTitle { padding-top: 10px; font-size: 20px; padding-bottom: 0px; line-height: 1.2; color: #fff; }

.keywordStandardMain .keywordStandard { overflow: hidden; position: relative; padding-left: 2px; }

.keywordStandardMain .keywordStandard .swiper-slide { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); padding-top: 35px; margin-left: -1px; text-align: center; }

.keywordStandardMain .keywordStandard .swiper-slide::after { content: ''; left: 0px; top: 0px; width: 1px; height: 100%; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.15))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.15)); }

.keywordStandardMain .keywordStandard .swiper-slide::before { content: ''; right: 0px; top: 0px; width: 1px; height: 100%; position: absolute; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.15))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.15)); }

.keywordStandardMain .keywordStandard .swiper-slide .num { width: 45px; height: 45px; border: 2px solid #f6d79c; font-size: 14px; color: #f2c15b; -webkit-border-radius: 10px; border-radius: 10px; font-family: 'Bronova'; margin: 0px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.keywordStandardMain .keywordStandard .swiper-slide .listTitle { padding: 15px 0px 30px; font-size: 16px; line-height: 1.2; color: #fff; }

.keywordStandardMain .keywordStandard .swiper-slide .icon { padding-bottom: 50px; }

.keywordStandardMain .keywordStandard .swiper-slide .icon img { height: 15px; vertical-align: middle; }

.keywordStandardMain .keywordStandard .commonPageDot { position: absolute; width: 100%; }

.keywordStandardMain .keywordStandard .commonPageDot span { border-color: #fff; }

.keywordStandardMain .keywordStandard .commonPageDot span.swiper-pagination-bullet-active { border-color: #ff0000; }

/*--关键词--*/
/*--滑动分页--*/
.commonPageDot { position: relative; left: 0px; bottom: 0px; z-index: 10; padding-top: 20px; text-align: center; }

.commonPageDot span { width: 8px; height: 8px; margin: 0px 5px; border: 1px solid #888683; background: none; opacity: 1; }

.commonPageDot span.swiper-pagination-bullet-active { background: #ff0000; border-color: #ff0000; }

/*--滑动分页--*/

/*--两V一抖--*/
.weiboAdMain { padding: 35px 0px; background-image: url(../images/img2023_88.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.weiboAdMain .title { font-size: 20px; color: #fff; text-align: center; }

.weiboAdMain .weiboAdList { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px; }

.weiboAdMain .weiboAdList .list { width: 100%; margin: 0px 0px 15px; background: #f5f7f9; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px 20px; }

.weiboAdMain .weiboAdList .list .listTitle { font-size: 18px; color: #010101; }

.weiboAdMain .weiboAdList .list .desc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.weiboAdMain .weiboAdList .list .number { margin-top: 15px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; color: #fe1616; font-size: 16px; font-family: 'Bronova'; background: #fff; border: 1px solid #ebebec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.weiboAdTwoMain { padding: 35px 0px; }

.weiboAdTwoMain .title { font-size: 20px; color: #010101; text-align: center; }

.weiboAdTwoMain .desc { padding-top: 10px; font-size: 12px; color: #000000; text-align: center; }

.weiboAdTwoMain .weiboAdTwoList { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px; }

.weiboAdTwoMain .weiboAdTwoList .list { width: 100%; margin: 0px 0px 15px; background: #f5f7f9; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; }

.weiboAdTwoMain .weiboAdTwoList .list .listTitle { font-size: 18px; color: #010101; }

.weiboAdTwoMain .weiboAdTwoList .list .listDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.weiboAdTwoMain .weiboAdTwoList .list .number { margin-top: 20px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; color: #fe1616; font-size: 16px; font-family: 'Bronova'; background: #fff; border: 1px solid #ebebec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.douyinOperateMain { padding: 35px 0px; background-image: url(../images/img2023_88.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.douyinOperateMain .title { font-size: 20px; color: #fff; text-align: center; }

.douyinOperateMain .desc { padding-top: 10px; font-size: 12px; color: rgba(255, 255, 255, 0.8); text-align: center; }

.douyinOperateMain .douyinOperateList { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px; }

.douyinOperateMain .douyinOperateList .list { width: 100%; margin: 0px 0px 15px; background: #f5f7f9; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; }

.douyinOperateMain .douyinOperateList .list .listTitle { font-size: 18px; color: #010101; }

.douyinOperateMain .douyinOperateList .list .listDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.douyinOperateMain .douyinOperateList .list .number { margin-top: 15px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; color: #fe1616; font-size: 16px; font-family: 'Bronova'; background: #fff; border: 1px solid #ebebec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.webContactMain { padding: 40px 0px 30px; background-image: url(../images/img2023_90.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }

.webContactMain .desc { font-size: 18px; line-height: 26px; max-width: 100%; margin: 0px auto; text-align: center; color: #fff; }

.webContactMain .telBox { padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.webContactMain .telBox a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #ff0000; font-family: 'BronovaBold'; -webkit-border-radius: 45px; border-radius: 45px; height: 45px; padding: 0px 20px; color: #fff; font-size: 16px; color: rgba(255, 255, 255, 0.8); }

.webContactMain .telBox a i { width: 20px; height: 20px; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #ff0000; font-size: 8px; }

.webContactMain .icon { text-align: center; padding-top: 15px; }

.webContactMain .icon img { height: 15px; }

/*--两V一抖--*/
/*--网络营销推广--*/
.networkCoverMain { padding: 40px 0px; background-image: url(../images/img2023_93.jpg); background-repeat: no-repeat; background-size: cover; }

.networkCoverMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.networkCoverMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.networkCoverMain .subTitle { padding-top: 10px; font-size: 20px; padding-bottom: 10px; line-height: 1.2; color: #010101; }

.networkCoverMain .networkCover { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.networkCoverMain .networkCover .imgBox { width: 100%; }

.networkCoverMain .networkCover .imgBox img { width: 100%; -webkit-border-radius: 20px; border-radius: 20px; display: block; }

.networkCoverMain .networkCover .networkCoverList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 0px 0px 0px; }

.networkCoverMain .networkCover .networkCoverList .list { padding-bottom: 20px; }

.networkCoverMain .networkCover .networkCoverList .list .number { font-size: 20px; line-height: 1; color: #ff0000; font-family: 'Bronova'; }

.networkCoverMain .networkCover .networkCoverList .list .listTitle { padding-top: 5px; font-size: 18px; color: #010101; }

.networkCoverMain .networkCover .networkCoverList .list .listDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.6); max-width: 440px; }

.mediaPartnerMain { padding: 40px 0px; background-image: url(../images/img2023_94.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.mediaPartnerMain .title { font-size: 20px; color: #fff; text-align: center; }

.mediaPartnerMain .mediaPartner { margin-top: 25px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mediaPartnerMain .mediaPartner .list { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); padding: 15px 0px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-left: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mediaPartnerMain .mediaPartner .list img { height: 45px; display: block; }

/*--网络营销推广--*/
/*--网站运营维护--*/
.maintenanceMain { padding: 40px 0px; background-image: url(../images/img2023_113.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.maintenanceMain .maintenanceBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.maintenanceMain .maintenanceBox .maintenance { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 20px 0px; }

.maintenanceMain .maintenanceBox .maintenance .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.maintenanceMain .maintenanceBox .maintenance .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.maintenanceMain .maintenanceBox .maintenance .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #010101; }

.maintenanceMain .maintenanceBox .maintenance .desc { padding-top: 15px; font-size: 14px; line-height: 22px; color: #000000; }

.maintenanceMain .maintenanceBox .imgBox { width: 100%; }

.maintenanceMain .maintenanceBox .imgBox img { width: 100%; -webkit-border-radius: 20px; border-radius: 20px; display: block; }

.maintenanceServiceMain { padding: 40px 0px; background-image: url(../images/img2023_114.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.maintenanceServiceMain .titleMain { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.maintenanceServiceMain .title { font-size: 14px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.maintenanceServiceMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.maintenanceServiceMain .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #fff; }

.maintenanceServiceMain .btn { display: none; }

.maintenanceServiceMain .btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 5px; font-size: 14px; width: 55px; height: 41px; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; }

.maintenanceServiceMain .btn a:last-child { margin: 0px; }

.maintenanceServiceMain .maintenanceService { margin-top: 25px; overflow: hidden; position: relative; }

.maintenanceServiceMain .maintenanceService .swiper-slide { background: #f5f7f9; padding: 20px; height: auto; -webkit-border-radius: 10px; border-radius: 10px; }

.maintenanceServiceMain .maintenanceService .swiper-slide .listTitle { font-size: 18px; color: #010101; }

.maintenanceServiceMain .maintenanceService .swiper-slide .listDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.maintenanceServiceMain .maintenanceService .swiper-slide .number { margin-top: 25px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; color: #fe1616; font-size: 16px; font-family: 'Bronova'; background: #fff; border: 1px solid #ebebec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.maintenanceServiceMain .maintenanceServicePage { text-align: center; padding-top: 20px; }

.maintenanceServiceMain .maintenanceServicePage span { width: 10px; height: 3px; margin: 0px 3px; -webkit-transition: all .8s ease; transition: all .8s ease; background: #fff; opacity: 0.5; -webkit-border-radius: 3px; border-radius: 3px; }

.maintenanceServiceMain .maintenanceServicePage span.swiper-pagination-bullet-active { width: 20px; opacity: 1; }

.maintenanceProcessMain { padding: 40px 0px; }

.maintenanceProcessMain .title { font-size: 12px; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.maintenanceProcessMain .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.maintenanceProcessMain .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #010101; text-align: center; }

.maintenanceProcessMain .maintenanceProcess { padding-top: 30px; }

.maintenanceProcessMain .maintenanceProcess img { max-width: 100%; display: block; margin: 0px auto; }

.maintenanceWorkOrderMain { padding: 40px 0px; background-image: url(../images/img2023_116.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.maintenanceWorkOrderMain .maintenanceWorkOrder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin: 0px; padding-bottom: 0px; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list { width: 100%; margin: 0px 0px 15px; padding: 20px; background: #f5f7f9; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list .listTitle { font-size: 18px; color: #010101; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list .listDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list .number { margin-top: 15px; width: 42px; height: 42px; -webkit-border-radius: 10px; border-radius: 10px; color: #fe1616; font-size: 16px; font-family: 'Bronova'; background: #fff; border: 1px solid #ebebec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list .qrCode { width: 70px; margin-top: 20px; padding: 6px; background: #fff; -webkit-border-radius: 12px; border-radius: 12px; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list .qrCode img { width: 100%; display: block; }

.maintenanceWorkOrderMain .maintenanceWorkOrder .list::after { position: absolute; bottom: -37px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; opacity: 0.5; width: 4px; height: 33px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff9f9f)); background-image: linear-gradient(to bottom, #ff0000, #ff9f9f); }

.maintenanceWorkOrderMain .maintenanceWorkOrder .line { display: none; position: absolute; bottom: 0px; left: 10px; right: 10px; height: 4px; background-image: -webkit-gradient(linear, left top, right top, from(#ff9f9f), to(#ff0000)); background-image: linear-gradient(to right, #ff9f9f, #ff0000); }

.maintenanceWorkOrderMain .maintenanceWorkOrder .line::after { position: absolute; right: -3px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-left: 7px solid #ff0000; border-bottom: 6px solid transparent; border-top: 6px solid transparent; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime { padding-top: 10px; margin: 0px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime .list { width: 100%; margin: 0px 0px 15px; padding: 30px 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #f5f7f9; position: relative; overflow: hidden; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .listTitle { font-size: 18px; color: #010101; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .desc { padding-top: 5px; font-size: 14px; line-height: 22px; color: #535353; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .icon { position: absolute; right: 0px; bottom: 0px; width: 50px; }

.maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .icon img { width: 100%; display: block; }

/*--网站运营维护--*/

/*--网站建设快捷方式--*/
.websiteFastMain { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 20; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.websiteFastBox { position: -webkit-sticky; position: sticky; left: 50%; z-index: 20; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; width: 50px; height: 50px; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; }

.websiteFastBox::after { content: ''; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(220,219,219,0.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.websiteFastBox::before { content: ''; z-index: 1; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ff0000; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.websiteFastBox .other { position: relative; z-index: 10; width: 50%; opacity: 0; -webkit-transition: all .4s; transition: all .4s; }

.websiteFastBox .other::before { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 13px; background: #aeadad; content: ''; -webkit-transition: all .4s; transition: all .4s; opacity: 0; }

.websiteFastBox .other .title { padding: 0px 30px; cursor: pointer; font-size: 12px; height: 50px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websiteFastBox .other .title::after { content: ''; position: absolute; right: 25px; top: 45%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 9px; height: 9px; border-right: 2px solid #656565; border-bottom: 2px solid #656565; }

.websiteFastBox .other.cur .title::after { top: 55%; border: none; border-left: 2px solid #656565; border-top: 2px solid #656565; }

.websiteFastBox .btn { position: relative; cursor: pointer; z-index: 10; width: 50%; white-space: nowrap; font-size: 12px; color: #010101; height: 50px; padding: 0px 0px 0px 25px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websiteFastBox .btn span { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }

.websiteFastBox .btn p { width: 35px; height: 35px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteFastBox .btn p img { width: 22px; }

.websiteFastBox .otherListBox { position: absolute; left: 0px; z-index: 99; bottom: 80px; -webkit-transition: all .8s; transition: all .8s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; display: none; background: #fff; width: 100%; border: 1px solid #ebe5d9; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); }

.websiteFastBox .otherListBox .otherList { max-height: 260px; overflow-y: auto; overflow-x: hidden; }

.websiteFastBox .otherListBox .otherList a { display: block; line-height: 37px; font-size: 14px; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar { width: 4px; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; }

.websiteFastBox .otherListBox .otherList::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #cfcfcf; }

.websiteFastBox .otherListBox.animat { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.otherListMask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; display: none;}

.websiteFastBox.animat { -webkit-transition-delay: .8s; transition-delay: .8s; width: 290px; pointer-events: auto;}

.websiteFastBox.animat::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.websiteFastBox.animat .other { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }

.websiteFastBox.animat .btn span { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }

.websiteFastBox.animat .btn p { -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.websiteFastBox.animat .other::before { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; }

.websiteFastBox.animat::before { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: fScale .5s alternate; animation: fScale .5s alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; }

.quickDemandBox { pointer-events: auto; position: -webkit-sticky; position: sticky; left: 50%; z-index: 20; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; width: 50px; height: 50px; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; }

.quickDemandBox::after { content: ''; z-index: 2; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: rgba(220, 219, 219, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.quickDemandBox::before { content: ''; z-index: 1; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ff0000; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.quickDemandBox .btn { position: relative; cursor: pointer; z-index: 10; width: 100%; white-space: nowrap; font-size: 12px; color: #010101; height: 50px; padding: 0px 0px 0px 25px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.quickDemandBox .btn span { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }

.quickDemandBox .btn p { width: 35px; height: 35px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.quickDemandBox .btn p img { width: 22px; }

.quickDemandBox.animat { -webkit-transition-delay: .8s; transition-delay: .8s; width: 240px; }

.quickDemandBox.animat::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.quickDemandBox.animat .btn span { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }

.quickDemandBox.animat .btn p { -webkit-transition-delay: .4s; transition-delay: .4s; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }

.quickDemandBox.animat .other::before { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; }

.quickDemandBox.animat::before { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: fScale .5s alternate; animation: fScale .5s alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; }

/*--网站建设快捷方式--*/

/*--案例列表--*/
.caseListMain { padding: 100px 0px 0px; background: #fffcf5; position: relative; }

.caseListMain .caseDescBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.caseListMain .caseDescBox .titleBox { width: 100%; padding-bottom: 30px; }

.caseListMain .caseDescBox .titleBox .title { font-size: 20px; color: #000000; line-height: 1.2; }

.caseListMain .caseDescBox .titleBox .title i { display: inline-block; margin-left: 10px; width: 12px; height: 12px; position: relative; }

.caseListMain .caseDescBox .titleBox .title i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 3px; height: 100%; position: absolute; background: #ff0000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.caseListMain .caseDescBox .titleBox .title i::before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 3px; position: absolute; background: #ff0000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.caseListMain .caseDescBox .titleBox .desc { padding-top: 10px; font-size: 14px; color: #000000; }

.caseListMain .caseDescBox .caseData { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }

.caseListMain .caseDescBox .caseData .list { text-align: center; padding-left: 0px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.caseListMain .caseDescBox .caseData .list .numberBox { font-size: 18px; line-height: 1; font-family: 'Bronova'; color: #000000; }

.caseListMain .caseDescBox .caseData .list .numberBox span { font-size: 32px; }

.caseListMain .caseDescBox .caseData .list .text { font-size: 13px; color: #000000; }

.caseListMain .caseListBanner { position: relative; margin-top: 40px; border-top: 1px solid #eee; }

.caseListMain .caseListBanner > .commonweb { -webkit-transition: all .6s; transition: all .6s; }

.caseListMain .caseListBanner .imgBox { position: relative; padding-top: 240px; max-height: 590px; overflow: hidden; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition: all .6s; transition: all .6s; }

.caseListMain .caseListBanner .imgBox img { width: 100%; display: block; position: absolute; left: 0px; top: 0px; height: 100%; object-fit: cover; }

.caseListMain .caseListBanner .imgBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.caseListMain .caseListBanner .content { padding: 20px 0px; }

.caseListMain .caseListBanner .content .listTitle { font-size: 18px; color: #323232; -webkit-transition: all .6s; transition: all .6s; }

.caseListMain .caseListBanner .content .listTitle a { color: #323232; }

.caseListMain .caseListBanner .content .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-transition: all .6s; transition: all .6s; }

.caseListMain .caseListBanner .content .label a { display: block; padding: 0px 8px; font-size: 12px; color: #000000; margin-right: 10px; line-height: 22px; border: 1px solid #e3e3e2; }

.caseListMain .caseListBanner.animat > .commonweb { max-width: 100%; padding: 0px; }

.caseListMain .caseListBanner.animat .imgBox { -webkit-border-radius: 0px; border-radius: 0px; }

.caseListMain .caseListBanner.animat .content .listTitle { padding: 0px !important; }

.caseListMain .caseListBanner.animat .content .label { padding: 0px !important; }

.caseListMain .caseList { margin: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0px 20px; }

.caseListMain .caseList .list { width: 100%; padding: 0px 0px 20px; }

.caseListMain .caseList .list .listTitle { font-size: 18px; color: #323232; }

.caseListMain .caseList .list .listTitle a { color: #323232; }

.caseListMain .caseList .list .label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; }

.caseListMain .caseList .list .label a { display: block; padding: 0px 8px; font-size: 12px; color: #000000; margin-right: 10px; line-height: 22px; border: 1px solid #e3e3e2; }

.caseListMain .caseList .list .imgBox { margin-top: 15px; position: relative; padding-top: 86%; overflow: hidden; }

.caseListMain .caseList .list .imgBox .img { position: absolute; left: 50%; top: 50%; width: 105%; height: 105%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: blur(0px); filter: blur(0px); object-fit: cover; -webkit-transition: all .8s ease; transition: all .8s ease; }

.caseListMain .caseList .list .imgBox video { position: absolute; left: 50%; top: 50%; width: 105%; height: 105%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-filter: blur(0px); filter: blur(0px); object-fit: cover; -webkit-transition: all .8s ease; transition: all .8s ease; }

.caseListMain .caseList .list .imgBox .contentBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 10; -webkit-transition: all .8s ease; transition: all .8s ease; }

.caseListMain .caseList .list .imgBox .caseLogo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; }

.caseListMain .caseList .list .imgBox .caseLogo img { max-width: 65%; }

.caseListMain .caseList .list .imgBox .content { padding: 0px 15px 15px; }

.caseListMain .caseList .list .imgBox .content .desc { font-size: 14px; color: #fff; padding: 0px 10px; display: -webkit-box; max-height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.caseListMain .caseList .list .imgBox .content .more { margin-top: 20px; }

.caseListMain .caseList .list .imgBox::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; -webkit-transition: all .8s ease; transition: all .8s ease; }

.caseListMain .caseList .list:hover .imgBox .img { -webkit-filter: blur(20px); filter: blur(20px); }

.caseListMain .caseList .list:hover .imgBox video { -webkit-filter: blur(20px); filter: blur(20px); }

.caseListMain .caseList .list:hover .imgBox::after { opacity: 1; }

.caseListMain .caseList .list:hover .imgBox .contentBox { opacity: 1; }

.fastClassifyMain { position: absolute; left: 0px; width: 100%; height: 100%; top: 0px; z-index: 20; pointer-events: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.fastClassifyBox { width: 65px; height: 65px; z-index: 30; pointer-events: auto; position: -webkit-sticky; position: sticky; bottom: 35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .4s; transition-delay: .4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fastClassifyBox::after { content: ''; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 2; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 65px; border-radius: 65px; background-color: rgba(220, 219, 219, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.fastClassifyBox::before { content: ''; z-index: 1; position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; -webkit-border-radius: 65px; border-radius: 65px; background-color: #ff0000; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transition-delay: .8s; transition-delay: .8s; }

.fastClassifyBox .list { position: relative; z-index: 10; height: 65px; cursor: pointer; font-size: 15px; color: #010101; width: 33.333%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.fastClassifyBox .list p { min-width: 35px; height: 35px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; right: 15px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.fastClassifyBox .list p img { height: 20px; }

.fastClassifyBox .list span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; color: #010101; }

.fastClassifyBox .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; color: #010101; }

.fastClassifyBox .list span i { width: 10px; height: 10px; -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); -webkit-transition: all .8s ease; transition: all .8s ease; border-right: 2px solid #656565; border-bottom: 2px solid #656565; margin-left: 10px; }

.fastClassifyBox .list span em { font-style: normal; font-size: 12px; font-weight: 600; margin-left: 10px; color: #656565; }

.fastClassifyBox .list::before { position: absolute; right: 0px; width: 1px; height: 13px; background: #a5a19f; content: ''; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s; transition: all .4s; opacity: 0; visibility: hidden; }

.fastClassifyBox .list:nth-child(3) { padding-right: 35px; position: static; }

.fastClassifyBox .list:nth-child(3)::before { display: none; }

.fastClassifyBox .list.cur span i { -webkit-transform: rotate(-135deg) translateY(-3px); -ms-transform: rotate(-135deg) translateY(-3px); transform: rotate(-135deg) translateY(-3px); }

.fastClassifyBox .caseClassifyList { position: absolute; left: 0px; right: 0px; bottom: 80px; -webkit-transition: all .8s; transition: all .8s; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; background: #fff; -webkit-border-radius: 20px; border-radius: 20px; z-index: 20; background: #fff; padding: 20px; border: 1px solid #ebe5d9; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); }

.fastClassifyBox .caseClassifyList .classifyList { max-height: 260px; overflow-y: auto; overflow-x: hidden; display: none; }

.fastClassifyBox .caseClassifyList .classifyList a { display: block; line-height: 37px; font-size: 14px; }

.fastClassifyBox .caseClassifyList .classifyList::-webkit-scrollbar { width: 4px; }

.fastClassifyBox .caseClassifyList .classifyList::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; }

.fastClassifyBox .caseClassifyList .classifyList::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #cfcfcf; }

.fastClassifyBox .caseClassifyList.animat { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.caseClassifyMask { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 8; display: none; }

.fastClassifyBox.animat { -webkit-transition-delay: .8s; transition-delay: .8s; width: 480px; }

.fastClassifyBox.animat::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.fastClassifyBox.animat::before { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 1; top: 0px; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: fScale .5s alternate; animation: fScale .5s alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: .5s; animation-delay: .5s; }

.fastClassifyBox.animat .list span { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; visibility: visible; }

.fastClassifyBox.animat .list a { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; visibility: visible; }

.fastClassifyBox.animat .list::before { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; visibility: visible; }

.fastClassifyBox.animat .list p { opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s; }

@keyframes fScale { 0% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes fScale { 0% { -webkit-transform: scale(1.5); transform: scale(1.5);
    opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1);
    opacity: 0; } }

/*--案例列表--*/
/*--案例详情--*/
.caseDetailsMain { padding-top: 100px; }

.caseDetailContent .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.caseDetailContent .content { width: 100%; }

.caseDetailContent .content .title { font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 1; color: #000000; }

.caseDetailContent .content .desc { color: rgba(0, 0, 0, 0.8); margin-top: 10px; font-size: 14px; line-height: 20px; }

.caseDetailContent .content .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; }

.caseDetailContent .content .more a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 12px; height: 35px; color: #575757; padding: 0px 20px; }

.caseDetailContent .content .more a i { font-size: 8px; margin-left: 10px; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); position: relative; z-index: 10; }

.caseDetailContent .content .more a::after { content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 35px; border-radius: 35px; border: 1px solid #7f7f7f; -webkit-transition: all .8s ease; transition: all .8s ease; }

.caseDetailContent .content .more a:hover::after { width: 35px; border-color: #ff0000; background: #ff0000; }

.caseDetailContent .content .more a:hover i { -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px); color: #fff; }

.caseDetailContent .content .more a:hover { padding: 0px 20px 0px 0px; }

.caseDetailContent .serviceContent { width: 100%; margin-top: 25px; }

.caseDetailContent .serviceContent .list { padding: 15px 0px; margin-bottom: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.caseDetailContent .serviceContent .list .listTitle { font-size: 13px; line-height: 24px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: rgba(0, 0, 0, 0.8); }

.caseDetailContent .serviceContent .list .desc { width: 65%; font-size: 13px; line-height: 24px; color: #000000; }

.caseDetailContent .serviceContent .list .desc span { color: #b5b5b5; }

.caseDetailProjectMain { padding: 40px 0px 0px; }

.caseDetailProjectMain .caseDetailProjectImg { position: relative; overflow: hidden; }

.caseDetailProjectMain .caseDetailProjectImg .caseDetailProjectImgBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 130%; }

.caseDetailProjectMain .caseDetailProjectImg .caseDetailProjectImgBg img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; }

.caseDetailProjectMain .caseDetailProjectImg .imgBox { position: relative; }

.caseDetailProjectMain .caseDetailProjectImg .imgBox img { max-height: 930px; max-width: 100%; display: block; margin: auto; }

.caseDetailProjectMain .caseDetailProject { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 0px 0px; }

.caseDetailProjectMain .caseDetailProject .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; height: 100%; color: #2a2829; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.caseDetailProjectMain .caseDetailProject .title::before { content: ''; width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; }

.caseDetailProjectMain .caseDetailProject .desc { width: 100%; font-size: 14px; padding: 15px 0px 0px; color: #545454; }

.caseDetailProjectMain .caseDetailProject .desc span { color: #b5b5b5; }

.caseDetailProjectMain .caseDetailProjectDetailImg { padding-top: 30px; }

.caseDetailProjectMain .caseDetailProjectDetailImg img { width: 100%; display: block; }

.caseDetailProjectMain .colorMatching { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; padding: 40px 0px 0px; width: 100%; }

.caseDetailProjectMain .colorMatching .list { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0px 5px 10px; position: relative; }

.caseDetailProjectMain .colorMatching .list .listTitle { position: absolute; left: 10px; top: 15px; right: 10px; color: #fff; font-size: 14px; z-index: 10; }

.caseDetailProjectMain .colorMatching .list .colorValue { position: absolute; bottom: 15px; left: 10px; right: 10px; font-size: 14px; color: #fff; text-transform: uppercase; }

.caseDetailProjectMain .colorMatching .list .color { padding-top: 80%; }

.caseDetailProjectMain .colorMatching .list .imgBox { border: 1px solid #e8e8e8; position: relative; padding-top: 80%; }

.caseDetailProjectMain .colorMatching .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.caseDetailProjectMain .colorMatching .list:nth-child(3) .listTitle { color: #000000; }

.caseDetailProjectMain .colorMatching .list:nth-child(3) .colorValue { color: #000000; }

.caseDetailProjectMain .colorMatching .list:nth-child(4) .listTitle { color: #000000; }

.caseDetailProjectMain .colorMatching .list:nth-child(1) { display: none; }

.caseDetailProductServiceMain { padding-top: 35px; overflow: hidden; position: relative; }

.caseDetailProductServiceMain .caseDetailProductServiceImg { padding: 50px 0px; overflow: hidden; position: relative; }

.caseDetailProductServiceMain .caseDetailProductServiceImg .caseDetailProductServiceImgbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 130%; }

.caseDetailProductServiceMain .caseDetailProductServiceImg .caseDetailProductServiceImgbg img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.caseDetailProductServiceMain .caseDetailProductServiceImg .imgBox { position: relative; max-width: 1105px; margin: 0px auto; }

.caseDetailProductServiceMain .imgBox img { width: 100%; display: block; }

.caseDetailProductServiceMain .caseDetailProductService { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; top: -30px; margin: 0px 0px -30px; padding: 25px 15px 0px; background: #fff; }

.caseDetailProductServiceMain .caseDetailProductService .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; height: 100%; color: #2a2829; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.caseDetailProductServiceMain .caseDetailProductService .title::before { content: ''; width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; }

.caseDetailProductServiceMain .caseDetailProductService .desc { width: 100%; padding: 10px 0px 0px; font-size: 14px; color: #545454; }

.caseDetailProductServiceMain .caseDetailProductService .desc span { color: #b5b5b5; }

.caseDetailImg { padding-top: 40px; }

.caseDetailImg img { display: block; width: 100%; max-height: 930px; object-fit: cover; }

.caseDetailLabelMain { border-bottom: 1px solid #e0e0e0; padding: 30px 0px 40px; }

.caseDetailLabelMain .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.caseDetailLabelMain .title a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #000000; margin: 0px 8px; }

.caseDetailLabelMain .title a::before { content: ''; width: 7px; height: 7px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; }

.caseDetailLabelMain .caseDetailLabel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; }

.caseDetailLabelMain .caseDetailLabel a { padding: 0px 10px; margin: 4px 2px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #545454; border: 1px solid #e0e0e0; background: #fff; }

.caseDetailLabelMain .caseDetailLabel a:hover { border-color: #ff0000; color: #ff0000; }

.caseDetailLabelMain .caseDetailLabel a.cur { border-color: #ff0000; color: #ff0000; }

/*--案例详情--*/
/*--ai--*/
.aiMain { overflow: hidden; position: relative; }

.aiBanner { position: relative; }

.aiBanner .imgBox { padding-top: 130%; position: relative; overflow: hidden; }

.aiBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.aiBanner .displayer { position: absolute; left: -11%; bottom: 0px; width: 100%; }

.aiBanner .displayer img { width: 100%; display: block; }

.aiBanner .symbol { position: absolute; right: -10%; bottom: -10%; width: 100%; pointer-events: none; }

.aiBanner .symbol p { overflow: hidden; width: 0%; -webkit-transition: all 2s linear; transition: all 2s linear; -webkit-transition-delay: .6s; transition-delay: .6s; }

.aiBanner .symbol img { width: 100vw; display: block; }

.aiBanner .symbol.animated p { width: 100%; }

.aiBanner .aiBannerText { position: absolute; left: 0px; top: 35%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aiBanner .aiBannerText .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.aiBanner .aiBannerText .title { font-size: 24px; line-height: 1.2; color: #fff; }

.aiBanner .aiBannerText .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 25px; }

.aiBanner .aiBannerText .more a { height: 40px; width: 180px; -webkit-border-radius: 40px; border-radius: 40px; font-size: 12px; border: 2px solid #fff; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aiBanner .aiBannerText .more a:hover { background: #ff0000; border-color: #ff0000; }

.aiCustomMain { padding-top: 80px; }

.aiCustomMain .aiCustomBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.aiCustomMain .aiCustomBox .aiCustom { width: 100%; padding: 30px 20px 40px; position: relative; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; background-image: url(../images/img2023_132.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.aiCustomMain .aiCustomBox .aiCustom .content { padding: 0px 0px 25px; }

.aiCustomMain .aiCustomBox .aiCustom .content .listTitle { font-size: 20px; line-height: 1.2; color: #fff; }

.aiCustomMain .aiCustomBox .aiCustom .content .desc { font-size: 14px; padding-top: 10px; line-height: 20px; color: rgba(255, 255, 255, 0.6); }

.aiCustomMain .aiCustomBox .aiCustom .imgBox img { width: 100%; display: block; }

.aiCustomMain .aiCustomBox .aiCustomList { width: 100%; padding: 0px; margin-right: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.aiCustomMain .aiCustomBox .aiCustomList .list { width: 100%; padding-top: 50%; margin: 15px 0px 0px; position: relative; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center; }

.aiCustomMain .aiCustomBox .aiCustomList .list .content { padding: 0px; text-align: center; left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.aiCustomMain .aiCustomBox .aiCustomList .list .content .listTitle { font-size: 20px; line-height: 1.2; color: #fff; }

.aiCustomMain .aiCustomBox .aiCustomList .list .content .desc { font-size: 14px; padding-top: 10px; line-height: 20px; color: rgba(255, 255, 255, 0.6); }

.aiCustomMain .aiCustomBox .aiCustomList .list .imgBox { position: absolute; right: 0px; bottom: 0px; width: 120px; }

.aiCustomMain .aiCustomBox .aiCustomList .list .imgBox img { width: 100%; display: block; }

.aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) { width: 100%; background-image: url(../images/img2023_133.jpg); }

.aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) .content { left: 15px; top: 50%; text-align: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(2) { background-image: url(../images/img2023_134.jpg); }

.aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(3) { background-image: url(../images/img2023_135.jpg); }

.aiPriceMain { position: relative; margin-top: 40px; padding: 40px 0px; }

.aiPriceMain .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.aiPriceMain .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; object-fit: cover; }

.aiPriceMain .container { position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.aiPriceMain .aiPrice { width: 100%; height: 300px; padding: 30px 20px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(30%, rgba(255, 255, 255, 0.8))); background-image: linear-gradient(to bottom, #fff 30%, rgba(255, 255, 255, 0.8)); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

.aiPriceMain .aiPrice .title { font-size: 24px; line-height: 1.2; color: #010101; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.aiPriceMain .aiPrice .content .desc { font-size: 14px; color: #010101; }

.aiPriceMain .aiPrice .content .money { font-size: 14px; padding-top: 5px; line-height: 1; color: #1cac47; }

.aiPriceMain .aiPrice .content .money span { font-size: 40px; font-family: 'Bronova'; }

.aiPriceMain .aiPrice .content .originalPrice { font-size: 16px; text-decoration: line-through; color: #b4b4b4; }

.aiPriceMain .symbol { position: absolute; right: 30px; bottom: -60px; width: 80%; height: 24vw; pointer-events: none; }

.aiPriceMain .symbol p { position: absolute; right: 0px; width: 0%; height: 100%; overflow: hidden; -webkit-transition: all 2s linear; transition: all 2s linear; -webkit-transition-delay: .6s; transition-delay: .6s; }

.aiPriceMain .symbol img { width: 74vw; display: block; position: absolute; right: 0px; top: 0px; }

.aiPriceMain .symbol.animated p { width: 100%; }

.aiBrandMain { padding: 40px 0px; }

.aiBrandMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.aiBrandMain .aiBrand { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 0px; }

.aiBrandMain .aiBrand .title { font-size: 20px; color: #010101; line-height: 1.2; }

.aiBrandMain .aiBrand .desc { font-size: 14px; line-height: 20px; padding-top: 20px; color: #878686; }

.aiBrandMain .aiBrandList { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; padding-top: 20px; }

.aiBrandMain .aiBrandList .list { width: -webkit-calc(33.333% - 10px); width: calc(33.333% - 10px); margin: 0px 5px 10px; }

.aiBrandMain .aiBrandList .list img { width: 100%; display: block; -webkit-border-radius: 20px; border-radius: 20px; }

.aiQAMain { padding: 40px 0px; background: #edf0f8; }

.aiQAMain .title { font-size: 20px; line-height: 1.2; }

.aiQAMain .aiQAList { padding-top: 10px; }

.aiQAMain .aiQAList .list { padding: 15px; margin-top: 10px; background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; }

.aiQAMain .aiQAList .list .listTitle { font-size: 14px; line-height: 22px; cursor: pointer; padding-right: 20px; position: relative; color: #010101; position: relative; }

.aiQAMain .aiQAList .list .listTitle i { width: 10px; height: 10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0px; }

.aiQAMain .aiQAList .list .listTitle i::after { width: 100%; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #505050; position: absolute; content: ''; }

.aiQAMain .aiQAList .list .listTitle i::before { width: 2px; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #505050; position: absolute; content: ''; }

.aiQAMain .aiQAList .list .content { display: none; margin-top: 15px; padding: 15px; font-size: 13px; -webkit-border-radius: 10px; border-radius: 10px; color: #010101; background: #fbfbfb; }

.aiQAMain .aiQAList .list.cur .listTitle i::before { display: none; }

.aiBuyMain { padding: 40px 0px; position: relative; }

.aiBuyMain .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.aiBuyMain .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; object-fit: cover; }

.aiBuyMain .container { position: relative; z-index: 10; text-align: center; }

.aiBuyMain .title { font-size: 20px; line-height: 1.2; color: #fff; }

.aiBuyMain .desc { padding-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.8); }

.aiBuyMain .btn { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aiBuyMain .btn a { width: 130px; height: 35px; margin: 0px 5px; -webkit-border-radius: 35px; border-radius: 35px; font-size: 12px; background: #fff; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aiBuyMain .btn a:hover { background: #ff0000; color: #fff; }

.aiBuyMain .btn a.orderBtn { border: 2px solid #fff; background: none; color: #fff; }

.aiBuyMain .btn a.orderBtn:hover { background: #ff0000; color: #fff; border-color: #ff0000; }

/*--ai--*/
/*--联系我们--*/
.contactMain { padding: 100px 0px 50px; background: #fffdf9; overflow: hidden; position: relative; }

.contactMain .contactDesc .title { font-size: 24px; line-height: 1.2; color: #000000; }

.contactMain .contactDesc .title i { display: inline-block; top: 0px; position: relative; margin-left: 10px; width: 15px; height: 15px; position: relative; }

.contactMain .contactDesc .title i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 3px; height: 100%; position: absolute; background: #ff0000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.contactMain .contactDesc .title i::before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 3px; position: absolute; background: #ff0000; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.contactMain .contactDesc .desc { font-size: 14px; padding-top: 10px; color: #000000; }

.contactInfoMain { padding: 0px 0px; position: relative; overflow: hidden; }

.contactInfoMain .contactInfoBg { position: absolute; left: 0px; top: -75vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; width: 100%; height: 130vh; }

.contactInfoMain .contactInfoBg img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-animation: scale4 5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: scale4 5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.contactInfoMain .container { position: relative; z-index: 20; }

.contactInfoMain .contactInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contactInfoMain .contactInfo .list { width: 100%; padding: 30px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.contactInfoMain .contactInfo .list .listTitle { font-size: 18px; color: #fff; font-weight: 600; line-height: 1.2; }

.contactInfoMain .contactInfo .list .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.contactInfoMain .contactInfo .list .content .telList { padding-right: 20px; padding-top: 25px; width: 50%; }

.contactInfoMain .contactInfo .list .content .telList .telTitle { font-size: 13px; padding-bottom: 5px; color: rgba(255, 255, 255, 0.7); }

.contactInfoMain .contactInfo .list .content .telList .tel { font-size: 14px; color: #fff; font-family: 'Bronova'; word-break: break-all; }

.contactInfoMain .contactInfo .list .addressContent { padding-top: 15px; font-size: 15px; color: rgba(255, 255, 255, 0.7); }

.contactInfoMain .contactInfo .list .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 15px; }

.contactInfoMain .contactInfo .list .btn a { height: 35px; padding: 0px 25px; font-size: 14px; position: relative; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.contactInfoMain .contactInfo .list .btn a i { margin-left: 10px; z-index: 10; font-size: 8px; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); position: relative; }

.contactInfoMain .contactInfo .list .btn a::after { content: ''; width: 100%; height: 100%; -webkit-border-radius: 41px; border-radius: 41px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); position: absolute; right: 0px; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all .8s ease; transition: all .8s ease; }

.contactInfoMain .contactInfo .list .btn a:hover::after { width: 35px; -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); border-color: #ff0000; background-color: #ff0000; }

.contactInfoMain .contactInfo .list .btn a:hover i { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); color: #fff; }

.contactInfoMain .contactInfo .list .qrCodeImg { width: 104px; padding-bottom: 25px; }

.contactInfoMain .contactInfo .list .qrCodeImg img { width: 100%; display: block; }

.contactInfoMain .contactInfo .list .subjectNumber { font-size: 15px; color: rgba(255, 255, 255, 0.7); padding-top: 2px; }

.contactInfoMain .contactInfo .list:nth-child(1) { border-top: none; }

.contactInfoMain .contactInfo .list:nth-child(1) .content .telList:nth-child(1) .tel { font-weight: 600; color: #f2d3bb; }

.contactInfoMain .contactInfo .list:nth-child(1) .content .telList:nth-child(4) .tel { font-weight: 600; color: #f2d3bb; }

.contactInfoMain .contactInfo .list:nth-child(3) { border-left: none; }

.contactInfoMain .contactInfo .list:nth-child(5) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.contactFormMain { padding: 40px 0px; overflow: hidden; position: relative; background-color: #f7f5f0; }

.contactFormMain .container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 10; }

.contactFormMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.contactFormMain .content .title { font-size: 20px; line-height: 1.2; color: #000000; }

.contactFormMain .content .desc { font-size: 14px; padding-top: 10px; color: #000000; }

.contactFormMain .contactForm { width: 100%; padding-top: 25px; }

.contactFormMain .contactForm .formTitle { font-size: 15px; padding-bottom: 10px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.contactFormMain .contactForm .formTitle::before { content: ''; margin-right: 10px; width: 12px; height: 12px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; }

.contactFormMain .contactForm form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; }

.contactFormMain .contactForm form .input { width: 100%; margin-top: 15px; padding: 0px; position: relative; }

.contactFormMain .contactForm form .input input { width: 100%; height: 45px; -webkit-border-radius: 45px; border-radius: 45px; padding: 0px 20px; font-size: 13px; border: 1px solid #e5e0d7; color: #2a2829; }

.contactFormMain .contactForm form .input input::-webkit-input-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input input:-moz-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input input::-moz-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input input:-ms-input-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input img { position: absolute; right: 20px; height: 65%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

.contactFormMain .contactForm form .input textarea { border: 1px solid #e5e0d7; padding: 25px; -webkit-border-radius: 25px; border-radius: 25px; height: 140px; width: 100%; font-size: 13px; color: #2a2829; }

.contactFormMain .contactForm form .input textarea::-webkit-input-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input textarea:-moz-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input textarea::-moz-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input textarea:-ms-input-placeholder { color: #2a2829; }

.contactFormMain .contactForm form .input textarea::-webkit-scrollbar { width: 4px; }

.contactFormMain .contactForm form .input textarea::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; }

.contactFormMain .contactForm form .input textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #cfcfcf; }

.contactFormMain .contactForm form .w100 { width: 100% !important; }

.contactFormMain .contactForm form .btn { width: 100%; padding: 15px 0px 0px; }

.contactFormMain .contactForm form .btn input { height: 45px; -webkit-border-radius: 54px; border-radius: 54px; width: 100%; border: none; background: #000; color: #fff; font-size: 14px; }

.contactCircle { right: -80px; left: auto !important; top: 100px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.contactCircle .circle1 { border-color: #d8d6d3; }

.contactCircle .circle2 { border-color: #d8d6d3; }

.contactCircle .circle3 { border-color: #d8d6d3; }

.contactCircle .circle4 { border-color: #d8d6d3; }

.contactCircle1 { top: auto !important; bottom: -120px; }

.contactCircle1 .circle1 { border-color: #c0bfbb; }

.contactCircle1 .circle2 { border-color: #c0bfbb; }

.contactCircle1 .circle3 { border-color: #c0bfbb; }

.contactCircle1 .circle4 { border-color: #c0bfbb; }

@-webkit-keyframes scale4 { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes scale4 { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

/*--联系我们--*/
/*--弹出支付--*/
.payMaskLayer { position: fixed; z-index: 99; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); display: none; }

.paymentMain { position: fixed; z-index: 991; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }

.paymentBox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 40px 0px; overflow-y: auto; }

.paymentBox .payment { width: 90%; position: relative; padding-left: 0px; -webkit-transition: all .8s; transition: all .8s; -webkit-border-radius: 20px; border-radius: 20px; background-image: url(../images/img2023_157.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.paymentBox .payment .closePay { position: absolute; right: 30px; top: 20px; font-size: 24px; color: #fff; z-index: 20; cursor: pointer; }

.paymentBox .payment .paymentDesc { padding: 20px 30px; }

.paymentBox .payment .paymentDesc .title { font-size: 14px; color: #fff; }

.paymentBox .payment .paymentDesc .priceBox { margin-top: 10px; border: 1px solid #1cac47; padding: 15px 0px 15px 20px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }

.paymentBox .payment .paymentDesc .priceBox .desc { font-size: 14px; padding-bottom: 5px; color: #fff; }

.paymentBox .payment .paymentDesc .priceBox .price { font-size: 40px; line-height: 1; color: #1cac47; font-family: 'Bronova'; }

.paymentBox .payment .paymentDesc .priceBox .originalPrice { color: #b4b4b4; font-size: 14px; text-decoration: line-through; }

.paymentBox .payment .paymentDesc .priceBox .icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 10px; }

.paymentBox .payment .paymentDesc .priceBox .icon i { width: 17px; height: 17px; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; background: #1cac47; font-size: 12px; font-weight: 600; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.paymentBox .payment .paymentDesc .priceBox .icon i::before { top: 0px; position: relative; }

.paymentBox .payment .paymentDesc .paymentDescList { padding-top: 10px; }

.paymentBox .payment .paymentDesc .paymentDescList .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: #ffff; margin-top: 10px; }

.paymentBox .payment .paymentDesc .paymentDescList .list i { width: 17px; height: 17px; margin-right: 10px; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; background: #1cac47; font-size: 14px; font-weight: 600; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.paymentBox .payment .paymentDesc .paymentDescList .list i::before { top: 1px; position: relative; }

.paymentBox .payment .paymentForm { padding: 30px 15px 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; background-color: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); -webkit-border-radius: 20px; border-radius: 20px; }

.paymentBox .payment .paymentForm .title { font-size: 14px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.paymentBox .payment .paymentForm .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; content: ''; }

.paymentBox .payment .paymentForm .inputList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px; }

.paymentBox .payment .paymentForm .inputList .list { width: 100%; padding: 10px 0px 0px; }

.paymentBox .payment .paymentForm .inputList .list p { font-size: 14px; padding: 0px 15px 5px; color: #000000; }

.paymentBox .payment .paymentForm .inputList .list .input { position: relative; }

.paymentBox .payment .paymentForm .inputList .list .input input { width: 100%; background: #fff; -webkit-border-radius: 35px; border-radius: 35px; height: 35px; font-size: 14px; padding: 0px 15px; }

.paymentBox .payment .paymentForm .inputList .list .input img { position: absolute; right: 15px; height: 65%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.paymentBox .payment .paymentForm .inputList .list button { width: 100%; height: 35px; font-size: 14px; background: #000; color: #fff; -webkit-border-radius: 35px; border-radius: 35px; border: none; }

.paymentBox .payment .paymentForm .inputList .list.w100 { width: 100%; }

.paymentBox .payment .paymentForm .inputList .list:last-child { padding-top: 20px; }

.paymentBox .payment .paymentForm .desc { padding-top: 20px; font-size: 12px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.paymentBox .payment .paymentForm .desc::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; content: ''; }

.paymentBox .payment .paymentForm .payQrCodeBox { display: none; }

.paymentBox .payment .paymentForm .payQrCodeBox .payTitle { font-size: 15px; color: #2a2829; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.paymentBox .payment .paymentForm .payQrCodeBox .payTitle::before { width: 12px; height: 12px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; content: ''; }

.paymentBox .payment .paymentForm .payQrCodeBox .payQrCode { width: 173px; margin: 0px auto; padding: 40px 0px; }

.paymentBox .payment .paymentForm .payQrCodeBox .payQrCode img { width: 100%; display: block; }

.paymentBox .payment .paymentForm .payQrCodeBox .payAmount { font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount { font-size: 45px; color: #ff0d0d; font-family: 'Bronova'; }

.paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount span { font-size: 22px; }

.paymentBox .payment .paymentForm .payQrCodeBox .payAmount .number { font-size: 15px; padding-left: 10px; color: rgba(42, 40, 41, 0.6); }

/*--弹出支付--*/
/*--关于我们--*/
.pin-spacer { width: 100% !important; }

.aboutTitle { font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutTitle::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; content: ''; }

.aboutDesc { margin-top: 10px; font-size: 22px; line-height: 26px; color: #010101; }

.aboutBanner { position: relative; padding-top: 100%; }

.aboutBanner .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.aboutBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.aboutBanner .aboutBannerText { position: absolute; left: 0px; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.aboutBanner .aboutBannerText .numberImg img { width: 240px; vertical-align: middle; }

.aboutBanner .aboutBannerText .title { padding-top: 15px; font-size: 20px; line-height: 1; color: #fff; }

.aboutBanner .aboutBannerText .desc { font-size: 14px; padding-top: 10px; color: rgba(255, 246, 236, 0.6); }

.aboutMain { padding: 40px 0px 0px; }

.aboutMain .aboutTitle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aboutMain .aboutDesc { text-align: center; }

.aboutMain .aboutBox { padding: 35px 0px 50px; width: 100% !important; }

.aboutMain .aboutBox .imgBox { position: relative; width: 100%; padding-bottom: 30px; }

.aboutMain .aboutBox .imgBox img { width: 100%; display: none; -webkit-border-radius: 15px; border-radius: 15px; }

.aboutMain .aboutBox .imgBox img:nth-child(1) { display: block; }

.aboutMain .aboutBox .about { padding: 0px; }

.aboutMain .aboutBox .about .list { border-bottom: 1px solid #cacaca; overflow: hidden; height: 13.5%; }

.aboutMain .aboutBox .about .list .listTitle { height: 50px; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #010101; -webkit-transition: all .6s; transition: all .6s; cursor: pointer; }

.aboutMain .aboutBox .about .list .listTitle i { font-size: 12px; position: relative; top: -4px; margin-left: 10px; color: #ff0000; font-weight: 600; -webkit-transition: all .6s; transition: all .6s; }

.aboutMain .aboutBox .about .list .desc { font-size: 14px; line-height: 24px; color: #7e7e7e; }

.aboutMain .aboutBox .about .list .iconList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0px 15px; }

.aboutMain .aboutBox .about .list .iconList .content { width: 25%; border-right: 1px solid #ededed; padding: 0px 0px 15px; }

.aboutMain .aboutBox .about .list .iconList .content .icon { text-align: center; }

.aboutMain .aboutBox .about .list .iconList .content .icon img { height: 30px; vertical-align: middle; }

.aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 10px; font-size: 12px; color: #7e7e7e; text-align: center; }

.aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0vw; }

.aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0vw; border-right: none; }

.aboutMain .aboutBox .about .list:first-child { border-top: 1px solid #cacaca; height: auto; }

.aboutVisionMain { padding: 40px 0px; background-image: url(../images/img2023_166.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; }

.aboutVisionMain .container { position: relative; -webkit-transition: all 1s; transition: all 1s; }

.aboutVisionMain .title { font-size: 42px; line-height: 1; text-transform: uppercase; opacity: 1; visibility: visible; -webkit-transition: all .8s; transition: all .8s; left: 0px; top: 0px; color: #fff; }

.aboutVisionMain .title p { margin-bottom: 0px; letter-spacing: 0px; }

.aboutVisionMain .title p:nth-child(1) { -webkit-text-stroke: 0.5px #fff; -webkit-text-fill-color: transparent; color: #fff; }

.aboutVisionMain .title p:nth-child(2) { background-image: -webkit-gradient(linear, left top, right top, from(#8e8e90), to(#fff)); background-image: linear-gradient(to right, #8e8e90, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: none; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; display: block; height: 40px; background: rgba(255, 255, 255, 0.2); }

.aboutVisionMain .aboutVision .line::after { content: ''; position: absolute; left: -35px; top: 50%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background: #fff; }

.aboutVisionMain .aboutVision { padding-right: 0px; position: relative; }

.aboutVisionMain .aboutVision .list { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; padding-top: 30px; }

.aboutVisionMain .aboutVision .list .content { position: relative; }

.aboutVisionMain .aboutVision .list .content .listTitle { margin-top: 20px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); }

.aboutVisionMain .aboutVision .list .content .listTitle::after { display: block; width: 15px; height: 2px; background: #ff0000; content: ''; margin-left: 10px; }

.aboutVisionMain .aboutVision .list .content .desc { padding-top: 5px; font-size: 20px; line-height: 25px; color: #fff; }

.aboutVisionMain .aboutVision .list .content .icon { position: relative; left: 0px; top: 0px; width: 100px; height: 100px; }

.aboutVisionMain .aboutVision .list .content .icon span { position: absolute; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.3); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span { right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span:nth-child(1) { width: 50%; height: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span:nth-child(2) { width: 65%; height: 65%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span:nth-child(3) { width: 85%; height: 85%; }

.aboutVisionMain .aboutVision .list:nth-child(3) { padding-top: 60px; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content .icon { width: 60px; height: 60px; margin-left: 30px; }

.aboutVisionMain .aboutVision .list:nth-child(3) .listTitle { margin-top: 40px; }

@-webkit-keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@-webkit-keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@-webkit-keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

@keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

.aboutVisionMain .aboutVision .list:nth-child(2) .content .icon span:nth-child(1) { left: 0%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content .icon span:nth-child(2) { left: 25%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content .icon span:nth-child(3) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content .icon span:nth-child(4) { left: 75%; }

@-webkit-keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@-webkit-keyframes circleRight5 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 50%;
    opacity: 1; }
  100% { left: 50%;
    opacity: 1; } }

@keyframes circleRight5 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 50%;
    opacity: 1; }
  100% { left: 50%;
    opacity: 1; } }

@-webkit-keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

@keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

.aboutVisionMain .aboutVision .list:nth-child(3) .content .icon span:nth-child(1) { left: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content .icon span:nth-child(2) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content .icon span:nth-child(3) { top: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content .icon span:nth-child(4) { top: 50%; }

@-webkit-keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@-webkit-keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@-webkit-keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@-webkit-keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

@keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content .icon span:nth-child(1) { -webkit-animation: circleRight1 2s linear infinite alternate-reverse; animation: circleRight1 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content .icon span:nth-child(2) { -webkit-animation: circleRight2 2s linear infinite alternate-reverse; animation: circleRight2 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content .icon span:nth-child(3) { -webkit-animation: circleRight3 2s linear infinite alternate-reverse; animation: circleRight3 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content .icon span:nth-child(2) { -webkit-animation: circleRight4 2s infinite alternate-reverse; animation: circleRight4 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content .icon span:nth-child(3) { -webkit-animation: circleRight5 2s infinite alternate-reverse; animation: circleRight5 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content .icon span:nth-child(4) { -webkit-animation: circleRight6 2s infinite alternate-reverse; animation: circleRight6 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content .icon span:nth-child(1) { -webkit-animation: circleRight7 2s infinite alternate-reverse; animation: circleRight7 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content .icon span:nth-child(2) { -webkit-animation: circleRight8 2s infinite alternate-reverse; animation: circleRight8 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content .icon span:nth-child(3) { -webkit-animation: circleRight9 2s infinite alternate-reverse; animation: circleRight9 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content .icon span:nth-child(4) { -webkit-animation: circleRight10 2s infinite alternate-reverse; animation: circleRight10 2s infinite alternate-reverse; }

.aboutCertificationMain { position: relative; }

.aboutCertificationMain .aboutCertificationBox { padding-top: 50px; padding-bottom: 230px; position: relative; }

.aboutCertificationMain .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.aboutCertificationMain .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; object-position: bottom; }

.aboutCertificationMain .container { position: relative; z-index: 10; }

.aboutCertificationMain .desc { padding-top: 25px; font-size: 14px; line-height: 22px; color: #878686; }

.aboutCertificationMain .line { width: 4px; height: 20px; background: #ff0000; position: absolute; left: 0px; bottom: -10px; }

.aboutCertificationMain .line::after { content: ''; bottom: 0px; width: 100%; height: 10px; background: #cfcfcf; position: absolute; bottom: 0px; left: 0px; }

.aboutServiceMain { padding: 40px 0px 50px; }

.aboutServiceMain .aboutService .titleBox { width: 100%; }

.aboutServiceMain .aboutService .desc { margin-top: 20px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; height: 155px; line-height: 22px; overflow-y: auto; overflow-x: hidden; color: #878686; }

.aboutServiceMain .aboutService .desc::-webkit-scrollbar { width: 4px; }

.aboutServiceMain .aboutService .desc::-webkit-scrollbar-track { -webkit-border-radius: 4px; border-radius: 4px; background-color: #e7e7e8; }

.aboutServiceMain .aboutService .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 4px; border-radius: 4px; background-color: #adadad; }

.aboutServiceMain .aboutServiceList { position: relative; margin-top: 30px; }

.aboutServiceMain .aboutServiceList .list { position: -webkit-sticky; position: sticky; top: 50px; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; cursor: pointer; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; background: #fff; border: 1px solid #e8eaea; overflow: hidden; }

.aboutServiceMain .aboutServiceList .list .content { width: 100%; padding: 20px 20px; }

.aboutServiceMain .aboutServiceList .list .content .number { width: 32px; height: 32px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutServiceMain .aboutServiceList .list .content .number::after { content: ''; width: 100%; height: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #dadada; }

.aboutServiceMain .aboutServiceList .list .content .number span { font-size: 14px; color: #9d9d9d; }

.aboutServiceMain .aboutServiceList .list .content .number span:nth-child(1) { position: absolute; left: -5px; top: -3px; color: #ff0000; }

.aboutServiceMain .aboutServiceList .list .content .number span:nth-child(2) { position: absolute; right: -5px; bottom: -3px; }

.aboutServiceMain .aboutServiceList .list .content .listTitle { margin-top: 20px; font-size: 20px; color: #010101; }

.aboutServiceMain .aboutServiceList .list .content .desc { margin-top: 15px; font-size: 14px; color: #878686; }

.aboutServiceMain .aboutServiceList .list .content .icon { margin-top: 15px; width: 80px; height: 80px; position: relative; }

.aboutServiceMain .aboutServiceList .list .content .icon span { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #c2c2c2; }

.aboutServiceMain .aboutServiceList .list .content .icon span:nth-child(1) { width: 50%; height: 50%; }

.aboutServiceMain .aboutServiceList .list .content .icon span:nth-child(2) { width: 65%; height: 65%; }

.aboutServiceMain .aboutServiceList .list .content .icon span:nth-child(3) { width: 85%; height: 85%; }

.aboutServiceMain .aboutServiceList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 65%; position: relative; }

.aboutServiceMain .aboutServiceList .list .imgBox img { width: 100%; position: absolute; left: 0px; top: 0px; height: 100%; object-fit: cover; display: block; }

.aboutDataMain { padding: 40px 0px; background-image: url(../images/img2023_169.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.aboutDataMain .aboutTitle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #fff; }

.aboutDataMain .aboutDesc { text-align: center; color: #fff; }

.aboutDataMain .aboutDataList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; padding-top: 40px; margin: 0px auto; }

.aboutDataMain .aboutDataList .list { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #fff; }

.aboutDataMain .aboutDataList .list .numberBox { font-size: 18px; line-height: 0.7; }

.aboutDataMain .aboutDataList .list .numberBox .number { font-size: 24px; font-family: 'BronovaBold'; }

.aboutDataMain .aboutDataList .list .text { font-size: 12px; padding-top: 10px; }

.aboutDataMain .desc { max-width: 100%; font-size: 14px; line-height: 22px; padding-top: 30px; text-align: center; margin: 0px auto; color: #fff; }

/*--关于我们--*/
/*--实力认可--*/
.aboutStrengthMain { padding: 40px 0px; position: relative; background-image: url(../images/img2023_170.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.aboutStrengthMain::after { content: ''; position: -webkit-sticky; position: sticky; left: 0px; top: 0px; width: 100%; height: 100%; }

.aboutStrengthMain .aboutStrengthYearBox { width: 100%; top: 0px; height: 100%; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle { background: #dad8cf; padding: 20px; -webkit-border-radius: 10px; border-radius: 10px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title { font-size: 16px; font-family: 'BronovaBold'; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon { width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #1e1e1e; -webkit-border-radius: 100%; border-radius: 100%; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon span { display: block; width: 4px; height: 4px; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 1px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo { padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list { width: 50px; position: relative; margin-left: -10px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list img { width: 100%; display: block; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:first-child { margin: 0px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:last-child { height: 50px; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; background: #ff0000; font-family: 'BronovaBold'; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear { margin-top: 20px; position: relative; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .imgBox { padding-top: 90%; -webkit-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox { position: absolute; left: 0px; top: 0px; right: 0px; padding: 40px 20px 0px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList { overflow: hidden; position: relative; height: 50px; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList .swiper-slide { font-size: 46px; line-height: 1; letter-spacing: -4px; font-family: 'BronovaBold'; color: #fff; }

.aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .desc { font-size: 18px; color: #fff; text-transform: uppercase; line-height: 1; font-family: 'BronovaBold'; }

.aboutStrengthMain .aboutStrengthBox { width: 100%; padding: 20px 0px 0px 0px; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle { font-size: 18px; border-bottom: 1px solid #e5e5e5; background: #fff; line-height: 24px; padding-bottom: 20px; position: relative; color: #000000; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::after { content: ''; width: 20px; height: 20px; left: -20px; top: 3px; position: absolute; background-size: cover; background-image: url(../images/img2023_177.png); background-repeat: no-repeat; background-position: center; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::before { content: ''; width: 26px; height: 26px; right: 0px; top: 0px; position: absolute; background-size: cover; background-image: url(../images/img2023_178.png); background-repeat: no-repeat; background-position: center; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list { margin-top: 25px; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .year { font-size: 18px; color: #010101; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .desc { padding-top: 5px; font-size: 14px; line-height: 20px; color: #000000; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list.cur .year { color: #010101; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list.cur .desc { color: #000000; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthLineBox { position: absolute; right: 0px; width: 1px; height: 100%; top: 0px; display: none; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthLineBox .aboutStrengthLine { position: -webkit-sticky; position: sticky; top: 0px; width: 1px; height: 100vh; background: #e5e5e5; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthLineBox .aboutStrengthLine span { width: 3px; height: 0px; background: #ff0000; left: -1px; -webkit-transition: all .6s; transition: all .6s; display: block; position: relative; }

.aboutStrengthMain .aboutStrengthBox .aboutStrengthLineBox .aboutStrengthLine span::after { content: ''; position: absolute; bottom: -4px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 8px; height: 8px; -webkit-box-shadow: 0px 0px 10px #ff7d1d; box-shadow: 0px 0px 10px #ff7d1d; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; }

/*--实力认可--*/
/*--沙漠风与众不同--*/
.differentTitle { font-size: 24px; line-height: 1.2; font-weight: 600; color: #010101; text-align: center; }

.differentTitle span { color: #ff0000; }

.differentDesc { text-align: center; max-width: 100%; font-size: 14px; line-height: 20px; padding-top: 15px; margin: 0px auto; color: rgba(0, 0, 0, 0.8); }

.differentIntroMain { padding: 30px 0px 0px; }

.differentIntroMain .differentIntro { padding-bottom: 30px; }

.differentIntroMain .differentIntroList .list { position: -webkit-sticky; position: sticky; top: 70px; cursor: pointer; margin-bottom: 50px; border: 1px solid #e8eaea; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; }

.differentIntroMain .differentIntroList .list .content { width: 100%; padding: 20px; }

.differentIntroMain .differentIntroList .list .content .listTitle { font-size: 20px; line-height: 26px; color: #010101; }

.differentIntroMain .differentIntroList .list .content .listDesc { padding-top: 10px; font-size: 14px; line-height: 20px; color: #878686; }

.differentIntroMain .differentIntroList .list .content .icon { margin-top: 20px; width: 60px; height: 60px; position: relative; }

.differentIntroMain .differentIntroList .list .content .icon span { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #c2c2c2; }

.differentIntroMain .differentIntroList .list:nth-child(1) .content .icon span:nth-child(1) { width: 50%; height: 50%; }

.differentIntroMain .differentIntroList .list:nth-child(1) .content .icon span:nth-child(2) { width: 65%; height: 65%; }

.differentIntroMain .differentIntroList .list:nth-child(1) .content .icon span:nth-child(3) { width: 85%; height: 85%; }

.differentIntroMain .differentIntroList .list:nth-child(2) .content .icon span:nth-child(2) { left: 25%; }

.differentIntroMain .differentIntroList .list:nth-child(2) .content .icon span:nth-child(3) { left: 50%; }

.differentIntroMain .differentIntroList .list:nth-child(2) .content .icon span:nth-child(4) { left: 75%; }

.differentIntroMain .differentIntroList .list .imgBox { width: 100%; position: relative; padding-top: 45.332%; }

.differentIntroMain .differentIntroList .list .imgBox img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.differentTop500Main { padding: 40px 0px; background-image: url(../images/img2023_180.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.differentTop500Main .differentTitle { color: #fff; }

.differentTop500Main .differentDesc { color: rgba(255, 255, 255, 0.8); }

.differentTop500Main .differentTop500 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; padding-top: 30px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.differentTop500Main .differentTop500 .list { width: 25%; padding: 0px 5px; margin-top: 10px; position: relative; z-index: 1; }

.differentTop500Main .differentTop500 .list img { width: 100%; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-border-radius: 15px; border-radius: 15px; z-index: 10; position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; transition: all .6s; }

.differentTop500Main .differentTop500 .list::after { content: ''; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; -webkit-border-radius: 15px; border-radius: 15px; opacity: 0; visibility: hidden; -webkit-transition: all .6s; transition: all .6s; -webkit-box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); }

.differentTop500Main .differentTop500 .list span { position: absolute; right: 23px; left: 23px; top: 5px; bottom: 0px; z-index: 8; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition: all .6s; transition: all .6s; -webkit-border-radius: 12px; border-radius: 12px; background: #ff0000; }

.differentTop500Main .differentTop500 .list:hover { z-index: 10; }

.differentTop500Main .differentTop500 .list:hover::after { opacity: 1; visibility: visible; }

.differentTop500Main .differentTop500 .list:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.differentTop500Main .differentTop500 .list:hover span { -webkit-transform: scale(1.2) translateY(4px); -ms-transform: scale(1.2) translateY(4px); transform: scale(1.2) translateY(4px); }

.caseExperienceMain { padding: 30px 0px; height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url(../images/img2023_209.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.caseExperienceMain .caseExperienceListBox { width: 100%; position: relative; }

.caseExperienceMain .caseExperienceListBox .computer { position: relative; width: 100%; z-index: 20; }

.caseExperienceMain .caseExperienceListBox .computer img { width: 100%; display: block; }

.caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox { position: absolute; left: 9.8%; top: 1%; width: 80%; height: 87%; overflow: hidden; -webkit-border-radius: 20px 20px 5px 5px; border-radius: 20px 20px 5px 5px; }

.caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox .caseExperienceListImg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox .caseExperienceListImg .list { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; }

.caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox .caseExperienceListImg .list img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; display: block; }

.caseExperienceMain .content { padding: 30px 25px 0px 20px; }

.caseExperienceMain .content .title { font-size: 24px; line-height: 28px; color: #000000; }

.caseExperienceMain .content .desc { font-size: 14px; padding-top: 10px; line-height: 20px; color: rgba(0, 0, 0, 0.8); }

.differentMarketingMain { padding: 50px 0px 30px; overflow: hidden; position: relative; }

.differentMarketingMain .differentMarketing .swiper-slide { width: 100%; opacity: 0.2; -webkit-transition: all .6s; transition: all .6s; }

.differentMarketingMain .differentMarketing .swiper-slide .content { padding-right: 0px; }

.differentMarketingMain .differentMarketing .swiper-slide .content .listTitle { font-size: 20px; line-height: 28px; color: #010101; }

.differentMarketingMain .differentMarketing .swiper-slide .content .listDesc { font-size: 14px; padding-top: 10px; line-height: 20px; color: rgba(0, 0, 0, 0.8); }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox { width: 280px; margin: 20px auto 0px; position: relative; }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox img { width: 100%; display: block; opacity: 0; -webkit-transition: all .6s; transition: all .6s; }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgTitle { -webkit-transition: all .6s; transition: all .6s; opacity: 0; position: absolute; left: 0px; width: 100%; line-height: 1.3; color: #fff; text-align: center; font-size: 16px; font-weight: 600; }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgText { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgText p { position: absolute; font-size: 14px; color: #000000; opacity: 0; position: absolute; -webkit-transition: all .8s; transition: all .8s; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgTitle { top: 110px; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(1) { top: 68px; left: 35px; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(2) { top: 68px; right: 35px; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(3) { bottom: 40px; left: 0px; width: 100%; text-align: center; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox svg { position: absolute; left: 52%; top: 52%; width: 112%; height: 112%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.differentMarketingMain .differentMarketing .swiper-slide .imgBox svg .path-loop { fill: none; stroke: #ffb899; stroke-miterlimit: 10; stroke-width: 0.1px; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox img { -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff1eb; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgTitle { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox svg { position: absolute; left: 51.7%; top: 51.7%; width: 76.5%; height: 76.5%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p { width: 100%; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(1) { top: 15px; text-align: center; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 10px; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(3) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-right: 10px; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); text-align: right; }

.differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(4) { bottom: 15px; text-align: center; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }

.differentMarketingMain .differentMarketing .swiper-slide.active { opacity: 1; }

.differentMarketingMain .differentMarketing .swiper-slide.active .imgBox svg .path-loop { animation: mySvg 2s; -webkit-animation: mySvg 2s forwards; }

.differentMarketingMain .differentMarketing .swiper-slide.active .imgBox img { opacity: 1; -webkit-transition-delay: 2s; transition-delay: 2s; }

.differentMarketingMain .differentMarketing .swiper-slide.active .imgBox .imgTitle { opacity: 1; -webkit-transition-delay: 2s; transition-delay: 2s; }

.differentMarketingMain .differentMarketing .swiper-slide.active .imgBox .imgText p { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; }

@keyframes mySvg { from { stroke-dashoffset: 157; }
  to { stroke-dashoffset: 0; } }

@-webkit-keyframes mySvg { from { stroke-dashoffset: 157; }
  to { stroke-dashoffset: 0; } }

.differentConsult { padding: 40px 0px 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: url(../images/img2023_214.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.differentConsult .differentTitle { color: #fff; }

.differentConsult .differentDesc { color: #fff; }

.differentConsult .btn { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.differentConsult .btn a { width: 220px; height: 40px; font-size: 12px; color: #000; background: #fff; -webkit-border-radius: 40px; border-radius: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.differentConsult .btn a:hover { background: #ff0000; color: #fff; }

/*--沙漠风与众不同--*/
/*--理念信仰--*/
.ideaAndBeliefMain { padding: 40px 0px 0px; position: relative; }

.ideaAndBeliefMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.ideaAndBeliefMain .title::before { content: ''; width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; }

.ideaAndBeliefMain .desc { padding-top: 15px; font-size: 24px; line-height: 28px; color: #010101; text-align: center; }

.ideaAndBeliefMain .ideaAndBeliefBox { position: relative; padding: 50px 0px; margin-top: 30px; }

.ideaAndBeliefMain .ideaAndBeliefBox .imgBox { position: absolute; left: 30px; right: 30px; top: 0px; -webkit-border-radius: 15px; border-radius: 15px; bottom: 0px; overflow: hidden; -webkit-transition: all .6s; transition: all .6s; }

.ideaAndBeliefMain .ideaAndBeliefBox .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.ideaAndBeliefMain .ideaAndBeliefBox .container { position: relative; z-index: 10; }

.ideaAndBeliefMain .ideaAndBeliefBox .computer { margin-bottom: 0px; }

.ideaAndBeliefMain .ideaAndBeliefBox .computer img { max-width: 74%; display: block; margin: 0px auto; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; }

.ideaAndBeliefMain .ideaAndBeliefBox .content { font-size: 14px; line-height: 20px; color: #fff; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .4s; transition-delay: .4s; }

.ideaAndBeliefMain .ideaAndBeliefBox.animat .imgBox { left: 0px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.ideaAndBeliefMain .ideaAndBeliefBox.animat .computer img { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.ideaAndBeliefMain .ideaAndBeliefBox.animat .content { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.ideaAndBeliefListMain { padding: 40px 0px 50px; background-image: url(../images/img2023_217.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.ideaAndBeliefListMain .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.ideaAndBeliefListMain .title::before { content: ''; width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; }

.ideaAndBeliefListMain .desc { font-size: 24px; padding-top: 5px; line-height: 28px; color: #010101; text-align: center; }

.ideaAndBeliefListMain .ideaAndBeliefList { padding-top: 30px; }

.ideaAndBeliefListMain .ideaAndBeliefList .list { margin-bottom: 16px; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .contentBox { position: relative; width: 100%; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox { width: 100%; position: relative; padding-top: 100%; height: 100%; left: 0px; top: 0px; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 20px; border-radius: 20px; object-fit: cover; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .content { margin-top: 10px; width: 100%; background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; padding: 25px 20px 30px; z-index: 10; position: relative; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon { padding-bottom: 10px; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon img { height: 25px; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .content .listTitle { font-size: 18px; line-height: 26px; color: #000000; }

.ideaAndBeliefListMain .ideaAndBeliefList .list .content .listDesc { padding-top: 10px; font-size: 13px; color: #878686; }

/*--理念信仰--*/
/*--常见问题--*/
.QAMain { padding: 40px 0px; background: #f7f5f0; }

.QAMain .title { font-size: 24px; color: #010101; text-align: center; }

.QAMain .QAList { padding-top: 15px; }

.QAMain .QAList .list { margin-top: 15px; -webkit-border-radius: 10px; border-radius: 10px; padding-bottom: 0px; -webkit-transition: all .3s; transition: all .3s; background: #fff; }

.QAMain .QAList .list .listTitle { padding: 10px 40px 10px 40px; min-height: 50px; font-size: 14px; cursor: pointer; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.QAMain .QAList .list .listTitle span { position: absolute; left: 10px; top: 15px; width: 20px; height: 20px; padding-top: 3px; font-size: 14px; font-family: 'Bronova'; background: #ff0000; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.QAMain .QAList .list .listTitle i { position: absolute; width: 10px; height: 10px; top: 20px; right: 20px; }

.QAMain .QAList .list .listTitle i::after { content: ''; width: 100%; height: 2px; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.QAMain .QAList .list .listTitle i::before { content: ''; width: 2px; height: 100%; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.QAMain .QAList .list .content { margin: 0px 10px; display: none; padding: 15px; font-size: 13px; line-height: 20px; color: #010101; background: #fbfbfb; -webkit-border-radius: 10px; border-radius: 10px; }

.QAMain .QAList .list.cur { padding-bottom: 15px; }

.QAMain .QAList .list.cur .listTitle i::before { display: none; }

/*--常见问题--*/
/*--客户列表--*/
.customerListMain { padding: 40px 0px; background-image: url(../images/img2023_220.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.customerListMain .customerListDesc .numberBox { width: 100%; }

.customerListMain .customerListDesc .numberBox .numberText { font-size: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 0.8; color: #ff0000; font-family: 'Bronova'; }

.customerListMain .customerListDesc .numberBox .numberText span { font-size: 46px; }

.customerListMain .customerListDesc .numberBox .desc { font-size: 24px; color: #000000; }

.customerListMain .customerListDesc .content { padding-top: 20px; font-size: 14px; line-height: 20px; color: #000000; }

.customerListMain .customerList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -5px; padding-top: 30px; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.customerListMain .customerList .list { width: 25%; padding: 0px 5px; margin-top: 10px; position: relative; z-index: 1; }

.customerListMain .customerList .list img { width: 100%; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-border-radius: 15px; border-radius: 15px; z-index: 10; position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; transition: all .6s; }

.customerListMain .customerList .list::after { content: ''; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; -webkit-border-radius: 15px; border-radius: 15px; opacity: 0; visibility: hidden; -webkit-transition: all .6s; transition: all .6s; -webkit-box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); }

.customerListMain .customerList .list span { position: absolute; right: 23px; left: 23px; top: 5px; bottom: 0px; z-index: 8; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition: all .6s; transition: all .6s; -webkit-border-radius: 12px; border-radius: 12px; background: #ff0000; }

.customerListMain .customerList .list:hover { z-index: 10; }

.customerListMain .customerList .list:hover::after { opacity: 1; visibility: visible; }

.customerListMain .customerList .list:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.customerListMain .customerList .list:hover span { -webkit-transform: scale(1.2) translateY(4px); -ms-transform: scale(1.2) translateY(4px); transform: scale(1.2) translateY(4px); }

/*--客户列表--*/
/*--客户评价--*/
.customerEvaluationMain { padding: 40px 0px 50px; background-color: #f7f5f0; }

.customerEvaluationMain .title { font-size: 24px; color: #010101; text-align: center; line-height: 1; }

.customerEvaluationMain .customerEvaluation { padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; }

.customerEvaluationMain .customerEvaluation .list { width: 100%; margin: 25px 0px 0px; padding: 20px; -webkit-transition: all .8s; transition: all .8s; -webkit-box-shadow: 0px 40px 20px -50px rgba(65, 50, 25, 0); box-shadow: 0px 40px 20px -50px rgba(65, 50, 25, 0); background: #fff; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative; }

.customerEvaluationMain .customerEvaluation .list::after { opacity: 0; visibility: hidden; -webkit-transition: all .8s; transition: all .8s; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; content: ''; -webkit-border-radius: 20px; border-radius: 20px; background-image: url(../images/img2023_223.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }

.customerEvaluationMain .customerEvaluation .list .customerLogo { width: 100%; padding-top: 0px; position: relative; z-index: 10; }

.customerEvaluationMain .customerEvaluation .list .customerLogo img { max-width: 50%; }

.customerEvaluationMain .customerEvaluation .list .customerLogo .line { position: absolute; bottom: 0px; width: 65px; display: none; }

.customerEvaluationMain .customerEvaluation .list .customerLogo .line::before { width: 100%; height: 5px; -webkit-border-radius: 3px; border-radius: 3px; background: #f2f2f2; content: ''; display: block; }

.customerEvaluationMain .customerEvaluation .list .customerLogo .line::after { width: 70%; height: 5px; margin-top: 7px; -webkit-border-radius: 3px; border-radius: 3px; background: #f2f2f2; content: ''; display: block; }

.customerEvaluationMain .customerEvaluation .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; z-index: 10; padding-top: 10px; }

.customerEvaluationMain .customerEvaluation .list .content .listTitle { font-size: 18px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.customerEvaluationMain .customerEvaluation .list .content .listTitle img { width: 20px; height: 100%; position: relative; top: 0px; }

.customerEvaluationMain .customerEvaluation .list .content .listTitle .gray { display: block; }

.customerEvaluationMain .customerEvaluation .list .content .listTitle .red { display: none; }

.customerEvaluationMain .customerEvaluation .list .content .listDesc { padding-top: 10px; font-size: 13px; line-height: 20px; color: #878686; }

.customerEvaluationMain .customerEvaluation .list:hover::after { opacity: 1; visibility: visible; }

.customerEvaluationMain .customerEvaluation .list:hover { -webkit-box-shadow: 0px 35px 15px -30px rgba(65, 50, 25, 0.3); box-shadow: 0px 35px 15px -30px rgba(65, 50, 25, 0.3); }

.customerEvaluationMain .customerEvaluation .list:hover .content .listTitle .gray { display: none; }

.customerEvaluationMain .customerEvaluation .list:hover .content .listTitle .red { display: block; }

/*--客户评价--*/
/*--人才招聘--*/
.jobIntroMain { padding: 40px 0px; background-image: url(../images/img2023_234.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }

.jobIntroMain .content { max-width: 100%; }

.jobIntroMain .content .title { font-size: 20px; color: #fff; line-height: 28px; }

.jobIntroMain .content .desc { padding-top: 10px; font-size: 13px; line-height: 20px; color: #fff; }

.jobIntroMain .content .btn { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.jobIntroMain .content .btn a { font-size: 12px; height: 35px; position: relative; padding: 0px 15px; color: #e5dad4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.jobIntroMain .content .btn a i { font-size: 8px; margin-left: 10px; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .8s; transition: all .8s; position: relative; z-index: 10; }

.jobIntroMain .content .btn a::after { -webkit-border-radius: 41px; border-radius: 41px; width: 100%; height: 100%; -webkit-transition: all .6s; transition: all .6s; right: 0px; top: 0px; border: 1px solid #e5dad4; content: ''; position: absolute; }

.jobIntroMain .content .btn a:hover::after { width: 41px; background-color: #ff0000; border-color: #ff0000; }

.jobIntroMain .content .btn a:hover i { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); margin-left: 15px; }

.jobIntroMain .content .btn a:hover { color: #fff; padding-left: 0px; }

.jobListMain { padding: 35px 0px 40px; background: #f7f5f0; }

.jobListMain .jobList .list { margin-top: 15px; -webkit-border-radius: 10px; border-radius: 10px; padding-bottom: 0px; -webkit-transition: all .3s; transition: all .3s; background: #fff; }

.jobListMain .jobList .list .listTitle { padding: 10px 40px 10px 20px; min-height: 50px; font-size: 14px; cursor: pointer; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.jobListMain .jobList .list .listTitle i { position: absolute; width: 14px; height: 14px; top: 16px; right: 15px; }

.jobListMain .jobList .list .listTitle i::after { content: ''; width: 100%; height: 2px; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.jobListMain .jobList .list .listTitle i::before { content: ''; width: 2px; height: 100%; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.jobListMain .jobList .list .contentBox { margin: 0px 20px; display: none; padding: 20px 15px; background: #fbfbfb; -webkit-border-radius: 20px; border-radius: 20px; }

.jobListMain .jobList .list .contentBox .contentTitle { font-size: 14px; padding-bottom: 15px; color: #010101; }

.jobListMain .jobList .list .contentBox .content { font-size: 12px; padding-bottom: 15px; line-height: 20px; color: #010101; }

.jobListMain .jobList .list .contentBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.jobListMain .jobList .list .contentBox .btn a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 14px; height: 35px; padding: 0px 15px; -webkit-transition: all .8s; transition: all .8s; color: #fff; }

.jobListMain .jobList .list .contentBox .btn a i { font-size: 8px; margin-left: 15px; position: relative; z-index: 10; -webkit-transition: all .8s; transition: all .8s; }

.jobListMain .jobList .list .contentBox .btn a span { position: relative; z-index: 10; display: block; }

.jobListMain .jobList .list .contentBox .btn a::after { content: ''; width: 100%; position: absolute; height: 100%; right: 0px; top: 0px; -webkit-transition: all .8s; transition: all .8s; background: #2a2a2a; -webkit-border-radius: 48px; border-radius: 48px; }

.jobListMain .jobList .list .contentBox .btn a:hover::after { width: 48px; background: #ff0000; }

.jobListMain .jobList .list .contentBox .btn a:hover i { margin-left: 20px; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); color: #fff; }

.jobListMain .jobList .list .contentBox .btn a:hover { color: #010101; padding-left: 0px; }

.jobListMain .jobList .list.cur { padding-bottom: 45px; }

.jobListMain .jobList .list.cur .listTitle i::before { display: none; }

/*--人才招聘--*/
/*--定制化电商网站建设方案--*/
.solutionMain { position: relative; z-index: 10; }

.electronicBusinessSolution { padding: 45px 0px 40px; position: relative; background-image: url(../images/img2023_256.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.electronicBusinessSolution .title { font-size: 20px; line-height: 1.2; color: #fff; }

.electronicBusinessSolution .desc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #fff; }

.electronicBusinessSolution .desc a { color: #fff; }

.electronicBusinessSolution .listBox { padding-top: 30px; }

.electronicBusinessSolution .list { position: -webkit-sticky; position: sticky; top: 50px; margin-bottom: 25px; padding: 25px 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }

.electronicBusinessSolution .list .listTitleBox { min-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; }

.electronicBusinessSolution .list .listTitleBox .listTitle { font-size: 18px; }

.electronicBusinessSolution .list .listTitleBox .number { border: 2px solid #fff; margin-right: 15px; width: 45px; height: 45px; font-size: 16px; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.electronicBusinessSolution .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 20px; font-size: 14px; line-height: 22px; color: #fff; }

.electronicBusinessSolution .list .content a { color: #fff; }

.electronicBusinessSolution.white { background-image: url(../images/img2023_271.jpg); }

.electronicBusinessSolution.white .title { color: #000; }

.electronicBusinessSolution.white .desc { color: #010101; }

.electronicBusinessSolution.white .desc a { color: #010101; }

.electronicBusinessSolution.white .list { border-color: #e8e8e8; background: #fff; }

.electronicBusinessSolution.white .listTitleBox { color: #010101; }

.electronicBusinessSolution.white .listTitleBox .number { color: #010101; border-color: #010101; }

.electronicBusinessSolution.white .content { color: #535353; }

.electronicBusinessSolution.white .content a { color: #535353; }

.electronicBusinessFeatureBox { padding: 40px 0px 50px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/img2023_257.png); }

.electronicBusinessFeatureClass { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 25px; }

.electronicBusinessFeatureClass .list { line-height: 1.2; }

.electronicBusinessFeatureClass .list a { font-size: 14px; color: rgba(1, 1, 1, 0.2); }

.electronicBusinessFeatureClass .list span { font-size: 14px; font-weight: 100; padding: 0px 10px; color: rgba(1, 1, 1, 0.2); }

.electronicBusinessFeatureClass .list:last-child span { display: none; }

.electronicBusinessFeatureClass .list.cur a { color: #010101; }

.electronicBusinessFeatureTwoClass { padding-bottom: 25px; border-bottom: 1px solid rgba(222, 222, 222, 0.7); }

.electronicBusinessFeatureTwoClass .list { display: none; }

.electronicBusinessFeatureTwoClass .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; width: 100px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 0px 10px; font-size: 12px; color: #242424; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #f5f7f9; }

.electronicBusinessFeatureTwoClass .list a i { width: 10px; height: 10px; position: relative; }

.electronicBusinessFeatureTwoClass .list a i::after { content: ''; width: 2px; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; background: #242424; }

.electronicBusinessFeatureTwoClass .list a i::before { content: ''; width: 100%; height: 2px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; background: #242424; }

.electronicBusinessFeatureTwoClass .list a.cur { background: #ff0000; color: #fff; }

.electronicBusinessFeatureTwoClass .list a.cur i:after { background: #fff; }

.electronicBusinessFeatureTwoClass .list a.cur i:before { background: #fff; }

.electronicBusinessFeatureTwoClass .list.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.electronicBusinessFeature { display: none; padding-top: 20px; }

.electronicBusinessFeature .listBox { display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; }

.electronicBusinessFeature .listBox .list { width: 100%; margin: 0px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; background: #fff; }

.electronicBusinessFeature .listBox .list h3 { font-size: 16px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.electronicBusinessFeature .listBox .list h3::before { width: 5px; height: 13px; -webkit-border-radius: 5px; border-radius: 5px; background: #ff0000; margin-right: 5px; display: block; content: ''; }

.electronicBusinessFeature .listBox .list .desc { padding-top: 5px; font-size: 13px; color: #232323; }

.electronicBusinessFeature .listBox.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.buyingQuestions { padding-top: 0px; }

.buyingQuestions .list { margin-top: 15px; -webkit-border-radius: 10px; border-radius: 10px; padding-bottom: 0px; -webkit-transition: all .3s; transition: all .3s; background: #fff; }

.buyingQuestions .list .listTitle { padding: 10px 40px 10px 40px; min-height: 50px; font-size: 14px; cursor: pointer; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.buyingQuestions .list .listTitle span { position: absolute; left: 10px; top: 15px; width: 20px; height: 20px; padding-top: 3px; font-size: 14px; font-family: 'Bronova'; background: #ff0000; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.buyingQuestions .list .listTitle i { position: absolute; width: 10px; height: 10px; top: 20px; right: 20px; }

.buyingQuestions .list .listTitle i::after { content: ''; width: 100%; height: 2px; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.buyingQuestions .list .listTitle i::before { content: ''; width: 2px; height: 100%; background: #505050; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.buyingQuestions .list .content { margin: 0px 10px; display: none; padding: 15px; font-size: 13px; line-height: 20px; color: #010101; background: #fbfbfb; -webkit-border-radius: 10px; border-radius: 10px; }

.buyingQuestions .list.cur { padding-bottom: 15px; }

.buyingQuestions .list.cur .listTitle i::before { display: none; }

.buyingQuestions .list:first-child { margin: 0px; }

/*--定制化电商网站建设方案--*/
/*--方案列表--*/
.solutionBanner { position: relative; }

.solutionBanner .imgBox { padding-top: 100%; position: relative; overflow: hidden; }

.solutionBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.solutionBanner .solutionBannerText { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; }

.solutionBanner .solutionBannerText .title { font-size: 24px; color: #fff6ec; line-height: 32px; }

.solutionBanner .solutionBannerText .desc { padding-top: 15px; font-size: 12px; color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionBanner .solutionBannerText .desc i { margin-left: 8px; cursor: pointer; line-height: .1; width: 20px; height: 20px; font-size: 6px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionBanner .btn { position: absolute; left: 50%; font-size: 15px; color: #010101; bottom: 30px; padding: 0px 30px; cursor: pointer; height: 64px; -webkit-border-radius: 64px; border-radius: 64px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(255, 255, 255, 0.7); }

.solutionBanner .btn p { margin-left: 10px; width: 35px; height: 35px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionBanner .btn p img { width: 20px; height: 20px; display: block; }

.solutionTitleIntro { padding: 30px 0px 0px; }

.solutionTitleIntro .container .title { width: 100%; padding: 0px; font-size: 24px; line-height: 32px; color: #010101; }

.solutionTitleIntro .container .title i { width: 15px; height: 15px; display: inline-block; position: relative; margin-left: 5px; }

.solutionTitleIntro .container .title i::before { content: ''; width: 100%; height: 3px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ff0000; }

.solutionTitleIntro .container .title i::after { content: ''; width: 3px; height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ff0000; }

.solutionTitleIntro .container .intro { width: 100%; padding: 10px 0px 0px 0px; font-size: 14px; color: #7e7e7e; line-height: 22px; }

.solutionListMain { overflow: hidden; position: relative; padding: 30px 0px 1px; }

.solutionListMain .container { position: relative; }

.solutionListMain .container::after { content: ''; position: absolute; left: 10px; right: 10px; height: 1px; background: #f2f2f2; }

.solutionList { margin: 0px; padding: 0px 0px 30px; }

.solutionList .list { width: 100%; padding: 0px 0px; position: relative; }

.solutionList .list .imgBox { padding-top: 50.794%; position: relative; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }

.solutionList .list .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .8s; transition: all .8s; }

.solutionList .list .content { padding: 15px 10px 35px; }

.solutionList .list .content .listTitle { font-size: 18px; color: #010101; }

.solutionList .list .content .desc { margin-top: 5px; font-size: 14px; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #7e7e7e; }

.solutionList .list .content .arrow { padding-top: 15px; }

.solutionList .list .content .arrow i { width: 60px; height: 41px; font-size: 14px; font-weight: 600; border: 1px solid #7f7f7f; -webkit-transition: all .8s; transition: all .8s; -webkit-border-radius: 20px; border-radius: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionList .list:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.solutionList .list:hover .content .arrow i { border-color: #ff0000; background-color: #ff0000; color: #fff; width: 41px; }

/*--方案列表--*/
/*--外贸网站方案--*/
.foreignTradeSolutionBanner { position: relative; }

.foreignTradeSolutionBanner .imgBox { padding-top: 78%; position: relative; }

.foreignTradeSolutionBanner .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.foreignTradeSolutionBanner .foreignTradeSolutionBannerText { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.foreignTradeSolutionBanner .foreignTradeSolutionBannerText .title { font-size: 24px; color: #fff; line-height: 1.3; text-align: center; }

.foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn { padding-top: 10px; font-size: 12px; color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn i { margin-left: 8px; cursor: pointer; width: 20px; height: 20px; font-size: 6px; line-height: 0.1; -webkit-border-radius: 100%; border-radius: 100%; background-color: #ff0000; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.foreignTradeSolution { padding: 40px 0px 50px; background: #fffefc; }

.foreignTradeSolution .imgBox { width: 100%; }

.foreignTradeSolution .imgBox img { width: 100%; display: block; }

.foreignTradeSolution .content { padding: 20px 0px 0px 0px; }

.foreignTradeSolution .content .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.foreignTradeSolution .content .title::before { content: ''; width: 8px; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 5px; background: #ff0000; }

.foreignTradeSolution .content .subTitle { margin-top: 10px; padding: 0px 20px 0px 0px; font-size: 20px; line-height: 24px; color: #000000; }

.foreignTradeSolution .content .desc { margin-top: 15px; padding: 0px 20px 0px 0px; font-weight: 300; max-height: 290px; overflow-y: auto; font-size: 14px; line-height: 22px; color: #535353; }

.foreignTradeSolution .content .desc::-webkit-scrollbar { width: 4px; }

.foreignTradeSolution .content .desc::-webkit-scrollbar-track { background-color: #f3f3f1; -webkit-border-radius: 8px; border-radius: 8px; }

.foreignTradeSolution .content .desc::-webkit-scrollbar-thumb { background-color: #cecece; -webkit-border-radius: 8px; border-radius: 8px; }

.foreignTradeSolution .content .desc2 { margin-top: 10px; padding: 0px 20px 0px 0px; font-weight: 300; max-height: 290px; overflow-y: auto; font-size: 14px; line-height: 22px; color: #535353; }

.foreignTradeSolution .content .desc2::-webkit-scrollbar { width: 4px; }

.foreignTradeSolution .content .desc2::-webkit-scrollbar-track { background-color: #f3f3f1; -webkit-border-radius: 8px; border-radius: 8px; }

.foreignTradeSolution .content .desc2::-webkit-scrollbar-thumb { background-color: #cecece; -webkit-border-radius: 8px; border-radius: 8px; }

.foreignTradeSolution .content .threeTitle { margin-top: 10px; font-size: 16px; color: #000000; }

.foreignTradeSolutionListMain { position: relative; padding: 35px 0px 45px; }

.foreignTradeSolutionListMain .bgImg { position: absolute; left: 0px; top: 0px; width: 100%; height: 65%; overflow: hidden; }

.foreignTradeSolutionListMain .bgImg img { width: 100%; display: block; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; object-position: top; }

.foreignTradeSolutionListMain .foreignTradeSolutionIntro { position: relative; z-index: 10; }

.foreignTradeSolutionListMain .foreignTradeSolutionIntro .title { font-size: 20px; width: 100%; padding: 0px 0px 10px 0px; line-height: 1.2; }

.foreignTradeSolutionListMain .foreignTradeSolutionIntro .content { font-size: 14px; line-height: 22px; color: #878686; }

.foreignTradeSolutionListMain .foreignTradeSolutionIntro .content a { color: #878686; }

.foreignTradeSolutionListMain .foreignTradeSolutionList { margin-top: 20px; position: relative; overflow: hidden; z-index: 10; background: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid #e8eaea; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide { height: auto; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content { width: 100%; padding: 25px 20px; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number { width: 40px; height: 40px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number::after { width: 100%; height: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #dedede; content: ''; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span { position: absolute; font-size: 14px; color: #535353; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(1) { color: #ff0000; left: 0px; top: 0px; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(2) { right: 0px; bottom: 0px; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .listTitle { margin-top: 10px; font-size: 24px; line-height: 1.3; color: #010101; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .desc { padding: 15px 0px 60px; font-size: 14px; max-width: 100%; line-height: 22px; color: #535353; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox { position: relative; overflow: hidden; padding-top: 68%; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox { position: absolute; left: 0px; bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 20; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox a { width: 40px; height: 40px; color: #c1c1c1; margin-right: 10px; font-size: 18px; -webkit-border-radius: 100%; border-radius: 100%; background: #fafafa; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox a:hover { background: #ff0000; color: #fff; }

.extensionServerMain { padding: 25px 0px 40px; }

.extensionServerMain .title { font-size: 24px; line-height: 28px; color: #000000; text-align: center; }

.extensionServerMain .content { padding-top: 10px; font-size: 14px; line-height: 24px; text-align: center; color: #121212; }

.extensionServerMain .extensionServer { margin: 0px; padding-top: 20px; }

.extensionServerMain .extensionServer .list { width: 100%; margin: 20px 0px 0px; padding: 25px 20px; background: #f5f7f9; -webkit-border-radius: 10px; border-radius: 10px; }

.extensionServerMain .extensionServer .list .listTitle { font-size: 18px; padding-bottom: 20px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.extensionServerMain .extensionServer .list .listTitle span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #fff; color: #ff0000; font-size: 16px; margin-right: 10px; width: 42px; height: 42px; border: 1px solid #eaeaea; -webkit-border-radius: 10px; border-radius: 10px; }

.extensionServerMain .extensionServer .list .desc { font-size: 14px; line-height: 22px; color: #535353; }

.extensionServerMain .extensionServer:first-child { padding-top: 0px; }

.solutionTypeMain { padding: 40px 0px; background-image: url(../images/img2023_271.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.solutionTypeMain .titleBox { width: 100%; padding: 0px 0px 25px 0px; }

.solutionTypeMain .titleBox .title { font-size: 20px; line-height: 1.2; color: #000000; position: -webkit-sticky; position: sticky; top: 110px; }

.solutionTypeMain .solutionTypeList .list { padding: 25px 20px; margin-bottom: 20px; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff; border: 1px solid #e8e8e8; }

.solutionTypeMain .solutionTypeList .list .icon { width: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.solutionTypeMain .solutionTypeList .list .icon img { width: 30px; }

.solutionTypeMain .solutionTypeList .list .icon .line { margin-top: 30px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.solutionTypeMain .solutionTypeList .list .icon .line::before { content: ''; width: 35px; height: 5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; background: #f2f2f2; display: block; }

.solutionTypeMain .solutionTypeList .list .icon .line::after { content: ''; width: 20px; height: 5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; background: #f2f2f2; margin-top: 5px; display: block; }

.solutionTypeMain .solutionTypeList .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.solutionTypeMain .solutionTypeList .list .content::after { content: ''; position: absolute; left: -15px; top: -6px; width: 25px; height: 25px; background-image: url(../images/img2023_270.png); background-size: 25px; background-repeat: no-repeat; }

.solutionTypeMain .solutionTypeList .list .content .listTitle { font-size: 18px; line-height: 1.3; color: #010101; }

.solutionTypeMain .solutionTypeList .list .content .desc { font-size: 14px; padding-top: 10px; color: #535353; }

/*--外贸网站方案--*/
/*--响应式网站建设方案--*/
.designPatternMain { min-height: 100vh; position: relative; width: 100%; }

.designPatternMain .title { font-size: 24px; padding-top: 15px; line-height: 1.2; color: #000000; }

.designPatternMain .designPatternBox { margin-top: 20px; }

.designPatternMain .designPatternBox .imgBox { position: relative; width: 100%; padding-top: 68%; }

.designPatternMain .designPatternBox .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 15px; border-radius: 15px; }

.designPatternMain .designPatternBox .designPattern { padding: 30px 0px 0px 0px; }

.designPatternMain .designPatternBox .designPattern .list { border-top: 1px solid #010101; }

.designPatternMain .designPatternBox .designPattern .list .listTitle { padding: 20px 0px 10px; font-size: 18px; color: #010101; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .6s; transition: all .6s; }

.designPatternMain .designPatternBox .designPattern .list .listTitle i { font-size: 12px; margin-left: 10px; font-weight: 600; position: relative; top: -4px; }

.designPatternMain .designPatternBox .designPattern .list .desc { padding-bottom: 40px; font-size: 14px; line-height: 22px; color: #535353; }

.designPatternMain .designPatternBox .designPattern .list.cur { border-color: #010101; }

.designPatternMain .designPatternBox .designPattern .list.cur .listTitle { font-size: 18px; color: #010101; }

.designPatternMain .designPatternBox .designPattern .list.cur .listTitle i { color: #ff0000; }

.designPatternMain .designPatternBox .designPattern .list:first-child { height: auto; }

.solutionConsultMain { padding: 40px 0px 50px; position: relative; }

.solutionConsultMain .imgBox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.solutionConsultMain .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.solutionConsultMain .container { position: relative; z-index: 10; text-align: center; }

.solutionConsultMain .title { font-size: 24px; line-height: 1.2; color: #fff; }

.solutionConsultMain .desc { padding-top: 15px; color: #fff; font-size: 14px; line-height: 22px; max-width: 100%; margin: 0px auto; }

.solutionConsultMain .desc a { color: #fff; }

.solutionConsultMain .btn { padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionConsultMain .btn a { width: 180px; height: 38px; font-size: 12px; color: #000000; -webkit-border-radius: 38px; border-radius: 38px; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionConsultMain .btn a:hover { background: #ff0000; color: #fff; }

.solutionConsultMain .iconList { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.solutionConsultMain .iconList .list { width: 200px; font-size: 14px; margin: 0px 5px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 10px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.4); }

.solutionConsultMain .iconList .list img { display: block; height: 40px; margin-right: 5px; }

/*--响应式网站建设方案--*/
/*--软件网站建设方案--*/
.furnishSolutionMain { padding: 40px 0px 50px; background-image: url(../images/img2023_278.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.furnishSolutionMain .title { font-size: 20px; line-height: 1.2; color: #000000; }

.furnishSolutionMain .content { margin-top: 10px; font-size: 12px; line-height: 18px; color: #535353; }

.furnishSolutionMain .furnishSolutionBox { margin-top: 20px; background-color: #fff; position: relative; -webkit-border-radius: 10px; border-radius: 10px; padding: 25px 20px; }

.furnishSolutionMain .furnishSolutionBox .furnishSolution { overflow: hidden; position: relative; }

.furnishSolutionMain .furnishSolutionBox .furnishSolution .swiper-slide { padding: 0px; }

.furnishSolutionMain .furnishSolutionBox .furnishSolution .listTitle { font-size: 18px; color: #000000; }

.furnishSolutionMain .furnishSolutionBox .furnishSolution .desc { margin-top: 15px; font-size: 14px; line-height: 22px; color: #535353; }

.furnishSolutionMain .furnishSolutionBox:first-child { margin-top: 0px; }

.furnishSolutionMain .furnishSolutionBox .furnishSolutionClass { min-height: 300px; border-left: 1px solid #e3e3e3; padding-left: 150px; width: 465px; display: none; }

.furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a { font-size: 18px; line-height: 1.2; padding-bottom: 20px; color: #b0b0aa; font-weight: 600; display: block; }

.furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a.cur { font-size: 24px; color: #131a22; }

.furnishSolutionMain .furnishSolutionBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 20; padding: 30px 0px 0px; }

.furnishSolutionMain .furnishSolutionBox .btn a { width: 60px; height: 30px; margin-right: 5px; -webkit-border-radius: 20px; border-radius: 20px; color: #575757; background: #f8f8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.furnishSolutionMain .furnishSolutionBox .btn a:hover { background: #ff0000; color: #fff; }

.framesolutionMain { padding: 40px 0px 0px; }

.framesolutionMain .title { font-size: 20px; text-align: center; line-height: 1.3; color: #000000; }

.framesolutionMain .desc { text-align: center; font-size: 14px; line-height: 22px; padding-top: 10px; }

.framesolutionMain .framesolutionBox { padding: 30px 0px 40px; }

.framesolutionMain .framesolutionBox .imgBox { padding-top: 68%; position: relative; }

.framesolutionMain .framesolutionBox .imgBox img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 15px; border-radius: 15px; }

.framesolutionMain .framesolutionBox .framesolution { width: 100%; padding: 25px 0px 0px 0px; }

.framesolutionMain .framesolutionBox .framesolution .list { border-top: 1px solid #cacaca; height: 11.843%; overflow: hidden; position: relative; }

.framesolutionMain .framesolutionBox .framesolution .list .listTitle { padding: 20px 0px 10px; font-size: 18px; cursor: pointer; line-height: 1.2; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .8s; transition: all .8s; }

.framesolutionMain .framesolutionBox .framesolution .list .listTitle i { font-size: 14px; font-weight: 600; margin-left: 10px; color: #ff0000; }

.framesolutionMain .framesolutionBox .framesolution .list .content { font-size: 14px; line-height: 18px; padding-bottom: 25px; color: #535353; }

.framesolutionMain .framesolutionBox .framesolution .list.cur { border-color: #010101; }

.framesolutionMain .framesolutionBox .framesolution .list.cur .listTitle { color: #010101; font-size: 18px; }

.framesolutionMain .framesolutionBox .framesolution .list.cur .listTitle i { color: #ff0000; }

.framesolutionMain .framesolutionBox .framesolution .list:first-child { height: auto; }

/*--软件网站建设方案--*/
/*--数码3C企业网站建设方案--*/
.solutionTextListMain { padding: 35px 0px 45px; }

.solutionTextListMain .title { font-size: 14px; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.solutionTextListMain .title::after { content: ''; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; background: #ff0000; margin-right: 5px; }

.solutionTextListMain .subTitle { text-align: center; padding: 10px 0px; font-size: 20px; color: #010101; line-height: 1.2; }

.solutionTextList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; padding-top: 20px; }

.solutionTextList .list { width: 100%; background: #f5f7f9; padding: 25px 20px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 10px; }

.solutionTextList .list .listTitle { font-size: 18px; color: #010101; }

.solutionTextList .list .content { padding-top: 10px; font-size: 13px; }

.solutionTextList .list .number { margin-top: 10px; width: 45px; height: 45px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 16px; color: #ff0000; border: 1px solid #eaeaea; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Bronova'; }

/*--数码3C企业网站建设方案--*/
/*--门户网站建设方案--*/
.solutionSystemFunctionMain { padding: 30px 0px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/img2023_257.png); }

.solutionSystemFunctionMain .title { font-size: 20px; padding-bottom: 0px; color: #000000; }

.solutionSystemFunctionMain .content { padding-top: 5px; font-size: 13px; line-height: 20px; color: #232323; }

/*--门户网站建设方案--*/
/*--app定制开发--*/
.appNLP { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0px; }

.appNLP .list { width: 33.333%; border-right: 1px solid #ededed; margin-top: 20px; }

.appNLP .list .icon img { height: 35px; margin: 0px auto; display: block; }

.appNLP .list .text { padding-top: 10px; text-align: center; font-size: 12px; color: #7e7e7e; }

.appNLP .list:nth-child(3n) { border-right: none; }

.appNativeMain { padding: 40px 0px; background-image: url(../images/img2023_295.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.appNativeMain .title { font-size: 24px; line-height: 1.2; text-align: center; color: #fff; }

.appNativeMain .desc { padding-top: 15px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 13px; line-height: 20px; color: rgba(255, 255, 255, 0.8); }

.appNativeMain .appNative { padding-top: 30px; }

.appNativeMain .appNative .advantage { width: 100%; min-height: auto; background: #fff; position: relative; z-index: 1; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; position: relative; }

.appNativeMain .appNative .advantage .advantageTitle { padding: 20px 0px; font-size: 18px; font-weight: 600; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-image: url(../images/img2023_296.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.appNativeMain .appNative .advantage .advantageTitle i { font-weight: 100; font-size: 22px; color: #feeac6; margin-right: 5px; }

.appNativeMain .appNative .advantage .content { padding: 25px 20px; line-height: 22px; font-size: 13px; color: #000000; }

.appNativeMain .appNative .advantage .content h3 { font-size: 16px; font-weight: 600; padding-bottom: 10px; color: #000000; }

.appNativeMain .appNative .shortcomingBox { width: 100%; padding: 20px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.appNativeMain .appNative .shortcomingBox .shortcoming { background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; }

.appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle { padding: 20px 0px; font-size: 18px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(255, 255, 255, 0.4); }

.appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 22px; margin-right: 5px; color: #ac988e; }

.appNativeMain .appNative .shortcomingBox .shortcoming .content { padding: 25px 20px; line-height: 20px; font-size: 13px; color: #000000; }

.appNativeMain .appNative .shortcomingBox .shortcoming .content h3 { font-size: 16px; font-weight: 600; padding-bottom: 10px; color: #000000; }

.webAppMain { padding: 40px 0px; background-color: #fcfaf5; }

.webAppMain .title { font-size: 24px; line-height: 1.2; text-align: center; color: #000000; }

.webAppMain .desc { padding-top: 15px; max-width: 100%; margin: 0px auto; text-align: center; font-size: 16px; line-height: 26px; color: rgba(0, 0, 0, 0.8); }

.webAppMain .webApp { padding-top: 30px; }

.webAppMain .webApp .advantage { width: 100%; min-height: auto; background: #fff; position: relative; z-index: 1; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; position: relative; }

.webAppMain .webApp .advantage .advantageTitle { padding: 20px 0px; font-size: 18px; font-weight: 600; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-image: url(../images/img2023_296.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.webAppMain .webApp .advantage .advantageTitle i { font-weight: 100; font-size: 22px; color: #feeac6; margin-right: 5px; }

.webAppMain .webApp .advantage .content { padding: 25px 20px; line-height: 20px; font-size: 13px; color: #000000; }

.webAppMain .webApp .advantage .content h3 { font-size: 16px; font-weight: 600; padding-bottom: 10px; color: #000000; }

.webAppMain .webApp .shortcomingBox { width: 100%; padding: 20px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.webAppMain .webApp .shortcomingBox .shortcoming { background: white; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; }

.webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle { padding: 20px 0px; font-size: 18px; color: #010101; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: rgba(234, 234, 234, 0.8); }

.webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 22px; margin-right: 5px; color: #ac988e; }

.webAppMain .webApp .shortcomingBox .shortcoming .content { padding: 25px 20px; line-height: 20px; font-size: 13px; color: #000000; }

.webAppMain .webApp .shortcomingBox .shortcoming .content h3 { font-size: 16px; font-weight: 600; padding-bottom: 10px; color: #000000; }

.webAppMain .webApp .shortcomingBox .shortcoming .content img { max-width: 100%; height: auto !important; }

/*--app定制开发--*/
/*--网站推广优化方案--*/
.websitePromotionBox { padding: 30px 0px 50px; }

.websitePromotionBox .title { font-size: 14px; color: #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.websitePromotionBox .title::before { width: 8px; height: 8px; background: #ff0000; -webkit-border-radius: 100%; border-radius: 100%; display: block; margin-right: 8px; content: ''; }

.websitePromotionBox .subTitle { padding-top: 10px; font-size: 20px; line-height: 1.2; color: #000000; }

.websitePromotionBox .websitePromotionDesc { padding-top: 10px; font-size: 14px; line-height: 22px; color: #535353; }

.websitePromotionBox .websitePromotion { padding-top: 20px; }

.websitePromotionBox .websitePromotion .imgBox { width: 100%; }

.websitePromotionBox .websitePromotion .imgBox img { width: 100%; display: block; -webkit-border-radius: 20px; border-radius: 20px; }

.websitePromotionBox .websitePromotion .content { padding: 25px 0px 0px 0px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.websitePromotionBox .websitePromotion .content .list { padding: 15px 0px; position: relative; border-top: 1px solid #efefef; }

.websitePromotionBox .websitePromotion .content .list .listTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.websitePromotionBox .websitePromotion .content .list .listTitle span { width: 20px; height: 20px; padding-top: 2px; font-size: 12px; border: 2px solid #949494; -webkit-transition: all .8s ease; transition: all .8s ease; color: #666666; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'BronovaBold'; }

.websitePromotionBox .websitePromotion .content .list .listTitle h3 { font-size: 14px; color: #727072; padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all .8s ease; transition: all .8s ease; }

.websitePromotionBox .websitePromotion .content .list .listTitle .icon { width: 10px; height: 10px; position: relative; }

.websitePromotionBox .websitePromotion .content .list .listTitle .icon::after { content: ''; width: 2px; height: 100%; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); background: #666666; }

.websitePromotionBox .websitePromotion .content .list .listTitle .icon::before { content: ''; width: 100%; height: 2px; top: 50%; left: 50%; position: absolute; -webkit-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #666666; }

.websitePromotionBox .websitePromotion .content .list .desc { display: none; padding-top: 10px; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.8); }

.websitePromotionBox .websitePromotion .content .list .desc a { color: rgba(255, 255, 255, 0.6); }

.websitePromotionBox .websitePromotion .content .list::after { content: ''; position: absolute; right: 0px; top: -1px; background: #d8d8d8; width: 0%; height: 1px; -webkit-transition: all .6s ease; transition: all .6s ease; }

.websitePromotionBox .websitePromotion .content .list.cur::after { width: 100%; left: 0px; right: auto; }

.websitePromotionBox .websitePromotion .content .list.cur .listTitle span { color: #ff0000; border-color: #ff0000; }

.websitePromotionBox .websitePromotion .content .list.cur .listTitle h3 { color: #000; }

.websitePromotionBox .websitePromotion .content .list.cur .listTitle .icon::after { background: #000000; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }

.websitePromotionBox .websitePromotion .content .list.cur .listTitle .icon::before { background: #000000; }

.websitePromotionBox .websitePromotion:first-child { padding-top: 0px; }

.websiteOptimizationImportanceMain { padding: 30px 0px; background-image: url(../images/img2023_299.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

.websiteOptimizationImportanceMain .title { font-size: 24px; line-height: 1.2; color: #fff; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance { padding-top: 20px; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list { padding: 25px 20px; margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid rgba(255, 255, 255, 0.4); -webkit-border-radius: 20px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.1); }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .letter { min-width: 35px; width: 35px; -webkit-border-radius: 10px; border-radius: 10px; height: 35px; font-size: 14px; color: #ffffff; text-transform: uppercase; border: 2px solid #eaeaea; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .listTitle { font-size: 18px; padding-top: 8px; line-height: 1.2; color: #ffffff; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content { margin: 0px; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 0px 0px; font-size: 13px; font-weight: 100; color: #ffffff; line-height: 20px; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList .listSubTitle { font-size: 16px; padding-bottom: 10px; font-weight: 600; color: #ffffff; }

.websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList p { font-weight: 100; }

/*--网站推广优化方案--*/
/*--微官网--*/
.microWebsite { background-image: url(../images/img2023_300.jpg); }

.microWebsite .keywordRanking .subTitle { color: #000; }

.microWebsite .keywordRankingList .swiper-slide .num { border-color: #cab083; color: #cab083; }

.microWebsite .keywordRankingList .swiper-slide .listTitle { color: #000; }

.microWebsite .keywordRankingList .swiper-slide::before { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.05))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.05)); }

.microWebsite .keywordRankingList .swiper-slide::after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.05))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.05)); }

/*--微官网--*/
.borderBottom { border-bottom: 1px solid #eee; }

@media (max-width: 480px) { .differentTop500Main .differentTop500 .list { width: 50%; }
  .customerListMain .customerList .list { width: 50%; }
  .footer .footAboutBox .footAbout .desc {height: -webkit-calc(24px * 7); height: -moz-calc(24px * 7); height: calc(24px * 7);}
  .footer .footAboutBox .footOurdifferences .desc{height: -webkit-calc(24px * 6);height: -moz-calc(24px * 6);height: calc(24px * 6);}
  .paymentBox .payment .payQrCode { margin: 0px auto; width: 180px; }
}

@media (min-width: 768px) { .indexTitle { font-size: 1.25vw; }
  .indexTitle::before { width: 0.75vw; height: 0.75vw; margin-right: 0.313vw; }
  .indexCommonMore { height: 2.7vw; -webkit-border-radius: 3vw; border-radius: 3vw; }
  .indexCommonMore span { height: 2.7vw; font-size: 0.875vw; }
  .indexCommonMore:hover span { top: -2.7vw; }
  .banner { height: 100vh; }
  .bannerBox { height: 100vh; }
  .bannerTextBox { padding-bottom: 5.625vw; }
  .bannerTextBox .swiper-slide .title { font-size: 3.125vw; padding: 0vw 0vw 1.563vw; }
  .bannerTextBox .swiper-slide .title p span { -webkit-transform: translateY(3.125vw); -ms-transform: translateY(3.125vw); transform: translateY(3.125vw); }
  .bannerTextBox .swiper-slide .descBox { padding: 1.563vw 0vw 0vw; }
  .bannerTextBox .swiper-slide .descBox .desc { max-width: 31.875vw; font-size: 0.938vw; display: -webkit-box; height: 3vw; line-height: 1.5vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .bannerTextBox .btn { right: 0vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 5.625vw; }
  .bannerTextBox .btn a { width: 2.875vw; height: 2.875vw; -webkit-border-radius: 2.875vw; border-radius: 2.875vw; margin-left: 0.5vw; font-size: 1vw; }
  .indexBusinessMain .indexBusinessDesc { font-size: 2.813vw; line-height: 3.375vw; padding: 5vw 0vw 3.75vw; }
  .indexBusinessMain .indexBusinessDesc .desc h2{font-size: 2.813vw; line-height: 3.375vw;}
  .indexBusinessMain .indexBusiness { padding: 1.875vw 0vw 5vw; }
  .indexBusinessMain .indexBusiness .commonweb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .indexBusinessMain .indexBusiness .indexTitle{padding-bottom: 4.375vw;}
  .indexBusinessMain .indexBusiness .indexBusinessList {margin: 0px; padding: 0px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide { width: -webkit-calc(33.333% - 0.875vw); width: calc(33.333% - 0.875vw); margin-right: 1.25vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox { padding-top: 90%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 4.5vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon { padding-bottom: 1.5vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon img { height: 3.125vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p { font-size: 1vw; line-height: 1.875vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a::after { height: 0.25vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a:hover::after { width: 100%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .moreBtn { width: 100%; padding: 0vw 0.938vw 1.25vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover .img { -webkit-filter: blur(0.625vw); filter: blur(0.625vw); }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .listTitle { padding-top: 0.938vw; font-size: 1.125vw; height:calc(24px + 0.938vw); }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide:last-child { margin: 0vw; }
  .indexAboutMain { height: 76vh; }
  .indexAboutMain .indexAboutBox { padding: 3.125vw; }
  .indexAboutMain .indexAboutTitle .desc { font-size: 2.875vw; line-height: 3.375vw; }
  .indexAboutMain .indexAboutTitle .indexTitle { padding-top: 1.25vw; }
  .indexAboutMain .indexAboutDescBox .desc { max-width: 36.875vw; font-size: 1vw; height: -webkit-calc(1.5vw * 3); height: calc(1.5vw * 3); line-height: 1.5vw; }
  .indexAboutMain .indexAboutDescBox .more { width: 27.5vw; padding: 0px; }
  .indexCaseMain .indexCaseDesc { font-size: 2.813vw; line-height: 3.375vw;padding: 5vw 0vw 3.75vw; }
  .indexCaseMain .indexCaseDesc .desc h2{font-size: 2.813vw; line-height: 3.375vw;}
  .indexCaseMain .indexCaseListBox { padding: 2.5vw 0vw 6.875vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList { margin: 0vw -0.5vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list { width: -webkit-calc(25% - 1vw); width: calc(25% - 1vw); margin: 0vw 0.5vw; padding-bottom: 3.75vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(3n+2) { width: -webkit-calc(50% - 1vw); width: calc(50% - 1vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(5) { width: -webkit-calc(25% - 1vw); width: calc(25% - 1vw) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(6) { width: -webkit-calc(50% - 1vw); width: calc(50% - 1vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(10) { width: -webkit-calc(50% - 1vw); width: calc(50% - 1vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(11) { width: -webkit-calc(25% - 1vw); width: calc(25% - 1vw) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .listTitle { font-size: 1.625vw; padding-bottom: 0.313vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label a { margin-right: 0.625vw; line-height: 1.625vw; font-size: 0.75vw; padding: 0vw 0.525vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label span { margin-right: 0.625vw; line-height: 1.625vw; font-size: 0.75vw; padding: 0vw 0.625vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox { margin-top: 3.125vw; padding-top: 35.438vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 7.5vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo img { max-width: 65%; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content { padding: 0vw 0.938vw 1.25vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .desc { font-size: 1vw; padding: 0vw 1.25vw; display: -webkit-box; height: 4.5vw; line-height: 1.5vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .more { margin-top: 3.125vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox .listTitle{ display: block;}
  .indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtnBox .label{ display: block;}
  .indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtn a { width: 9.375vw; height: 9.375vw; font-size: 1.5vw; line-height: 1.75vw; padding:0vw 1.5vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover .img { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover video { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .indexClientMain .indexClientDesc { font-size: 2.813vw; line-height: 3.375vw; padding: 5vw 0vw 3.75vw; }
  .indexClientMain .indexClientDesc .desc h2{font-size: 2.813vw; line-height: 3.375vw;}
  .indexClientMain .indexClientBox { padding: 2.188vw 0vw 5vw; }
  .indexClientMain .indexClientBox .indexClientData { width: 30.25vw; }
  .indexClientMain .indexClientBox .indexClientDataList { padding: 3.75vw 0vw 0vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list { padding: 0vw 0vw 1.563vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox { font-size: 1.063vw; padding-bottom: 0.625vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span { font-size: 3.25vw; margin-right: 0.313vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .bar { height: 0.5vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar { width: 75%; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar { width: 57%; }
  .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span { width: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox { margin-top: 3.75vw; width: 100%; height: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList { margin: -0.063vw -0.375vw -0.063vw 0vw; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list { width: 20%; margin: 0vw 0vw -0.063vw -0.063vw; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(5n) { border-right: none; }
  .indexAdvantageMain .indexAdvantageDesc { font-size: 2.813vw; line-height: 3.375vw; padding: 8.125vw 3.125vw 5.625vw; }
  .indexAdvantageMain .indexAdvantageBox { padding: 2.188vw 3.125vw 0vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .desc { font-size: 0.938vw; padding: 0vw 6.875vw 0vw 0vw; display: block; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList { margin: 6.25vw 0vw 0vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide { width: 36.875vw; height: 36.875vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .Circle { width: 10.375vw; height: 10.375vw; left: 1.25vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .title { font-size: 1.375vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent { max-width: 54.375vw; padding-top: 4.688vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .desc { font-size: 1.625vw; line-height: 2.625vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn { max-width: 26.875vw; padding-top: 3.125vw; }
  .indexAdvantageMain .indexAdvantageCaseMain { margin-top: 14.375vw; padding: 0vw 3.125vw 5vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years { font-size: 55vw; height: 41.875vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years span { font-size: 3vw; right: -3.125vw; top: 6.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list { width: 56.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle { margin-top: 0.938vw; font-size: 0.938vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(1) .list:nth-child(2) { width: 37.5vw; margin-top: 26.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(2) { padding-top: 7.5vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) { padding-top: 8.125vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) .list:nth-child(2) { width: 27.813vw; margin-top: 6.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) { padding-top: 7.5vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn { width: 27.813vw; }
  .indexNewsMain .indexNewsDesc { font-size: 2.813vw; line-height: 3.375vw; padding: 5vw 0vw 3.75vw; }
  .indexNewsMain .indexNewsDesc .desc h2{font-size: 2.813vw; line-height: 3.375vw;}
  .indexNewsMain .indexNewsBox { padding: 2.188vw 0vw 5vw; min-height: inherit; }
  .indexNewsMain .indexNewsBox .commonweb { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .indexNewsMain .indexNewsBox .indexNewsTitle { width: 27.5vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox { width: -webkit-calc(100% - 27.5vw); width: calc(100% - 27.5vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass { margin: 0vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 span { margin: 0vw 1.25vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a { font-size: 1vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a::after { height: 0.125vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab { margin-top: 3.125vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList { overflow: hidden; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide { width: -webkit-calc(33.333% - 0.75vw); width: calc(33.333% - 0.75vw); margin-right: 1.063vw; -webkit-transform: translateY(6.25vw); -ms-transform: translateY(6.25vw); transform: translateY(6.25vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .imgBox { padding-top: 91.8%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .listTitle { margin-top: 0.938vw; font-size: 1vw; display: -webkit-box; height: 1.563vw; line-height: 1.563vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .time { padding-top: 0.625vw; font-size: 0.875vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide:last-child { margin: 0vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg { width: 30.146vw; display: block; padding-right: 2.5vw; -webkit-transform: translateY(6.25vw); -ms-transform: translateY(6.25vw); transform: translateY(6.25vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .imgBox { padding-top: 91.7%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .listTitle { margin-top: 0.938vw; width: 80%; font-size: 1vw; display: -webkit-box; height: 3.126vw; line-height: 1.563vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .time { padding-top: 0.625vw; font-size: 0.875vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList { width: -webkit-calc(100% - 30.146vw); width: calc(100% - 30.146vw); -webkit-transform: translateY(6.25vw); -ms-transform: translateY(6.25vw); transform: translateY(6.25vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a { padding: 1.938vw 0vw 1.938vw 0vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a p { font-size: 1vw; height: 1.125vw; line-height: 1.125vw; overflow: hidden; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover a {padding: 1.938vw 0vw 1.938vw 0.938vw;}
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage { padding-top: 1.875vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span { margin: 0vw 0.625vw 0vw 0vw; width: 0.438vw; height: 0.438vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span.swiper-pagination-bullet-active { width: 0.563vw; height: 0.563vw; }
  .indexRequirementMain { height: 28.125vw; min-height:inherit; padding: 3.438vw 0vw; }
  .indexRequirementMain .indexRequirement { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .indexRequirementMain .indexRequirement .title { font-size: 2.875vw; }
  .indexRequirementMain .indexRequirement .desc { padding-top: 1.25vw; font-size: 1.063vw; height: calc(22.5px + 1.25vw) }
  .indexRequirementMain .moreBtn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-moz-box-orient: horizontal;-moz-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse; }
  .indexRequirementMain .moreBtn .btn { width: 27.5vw; }
  .indexRequirementMain .moreBtn .textTel{font-size: 1.063vw; padding-bottom: 0vw;}
  .indexRequirementMain .moreBtn .textTel span{font-size: 2vw;padding: 0vw 2.188vw 0vw 0.625vw;}
  .footer { padding: 4.063vw 0vw 4.063vw; }
  .footer .footLogoBox .footLogo { width: 38%; }
  .footer .footLogoBox .footLogo .footLogoImg img { height: 3.938vw; }
  .footer .footLogoBox .footLogo .desc { font-size: 1vw; padding-top: 0.938vw; }
  .footer .footLogoBox .footLogo .Subscribe { margin-top: 2.5vw; width: 19.375vw; display: block; }
  .footer .footLogoBox .footLogo .Subscribe input { width: 100%; padding: 0vw 6.875vw 0vw 1.563vw; height: 2.75vw; font-size: 0.875vw; -webkit-border-radius: 2.75vw; border-radius: 2.75vw; }
  .footer .footLogoBox .footLogo .Subscribe button { width: 5.625vw; height: 100%; font-size: 0.875vw; -webkit-border-radius: 2.75vw; border-radius: 2.75vw; }
  .footer .footLogoBox .footClass { width: 39%; padding-top: 0px; }
  .footer .footLogoBox .footClass .primaryClass { width: 10.938vw; }
  .footer .footLogoBox .footClass .primaryClass .list { font-size: 1.875vw; border-bottom: none; }
  .footer .footLogoBox .footClass .primaryClass .list a { display: inline-block; padding: 0.625vw 0vw; }
  .footer .footLogoBox .footClass .primaryClass .list a::after { content: ''; height: 0.188vw; }
  .footer .footLogoBox .footClass .primaryClass .list a i { right: -1.25vw; top: 0.625vw; font-size: 0.5vw; opacity: 0; visibility: hidden; }
  .footer .footLogoBox .footClass .primaryClass .list.cur a i { opacity: 1; visibility: visible; color: #ff0000; }
  .footer .footLogoBox .footClass .SecondaryClass { display: block; }
  .footer .footLogoBox .footClass .SecondaryClass .list p { font-size: 1vw; line-height: 2vw; -webkit-transform: translateY(1.25vw); -ms-transform: translateY(1.25vw); transform: translateY(1.25vw); }
  .footer .footLogoBox .footClass .SecondaryClass .list p a i { margin-left: 0.625vw; font-size: 0.875vw; }
  .footer .footLogoBox .footClass .SecondaryClass .list p a:hover i { margin-left: 1.25vw; }
  .footer .footLogoBox .footTelBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; padding-top: 0px; }
  .footer .footLogoBox .footTelBox .list { padding-bottom: 1.25vw; padding-right: 0vw; }
  .footer .footLogoBox .footTelBox .list .title { font-size: 0.875vw; padding-bottom: 0.313vw; }
  .footer .footLogoBox .footTelBox .list .tel { font-size: 1.75vw; }
  .footer .footLogoBox .footTelBox .footshare { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .footer .footLogoBox .footTelBox .footshare a { width: 2.875vw; height: 2.875vw; font-size: 1.25vw; }
  .footer .footClassBox{display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
  .footer .footClassBox .title{font-size:2.125vw; color: #353535; padding-bottom: 0vw;}
  .footer .footClassBox .footClass{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
  .footer .footClassBox .footClass .list{margin-left: 1.875vw;border: none; position: static;}
  .footer .footClassBox .footClass .list h3 a{font-size: 1.125vw; line-height: 1.5vw; color: #353535; position: relative; display: inline;}
  .footer .footClassBox .footClass .list h3 a::after { content: ''; bottom: -0.625vw; width: 0%; right: 0vw; height: 0.125vw; background: #ff0000; -webkit-transition: all .4s ease; transition: all .4s ease; position: absolute; }
  .footer .footClassBox .footClass .list h3 a:hover::after {width: 100%; left: 0vw; right: auto;}
  .footer .footClassBox .footClass .list p{display: none !important;}
  .footer .footClassBox .footClass .list span {display: none !important;}
  .footer .footClassBox .footClass .list:nth-child(1) {margin-left: 0vw;}
  .footer .footAboutBox { margin-top: 3.125vw; padding: 2.188vw 0vw; }
  .footer .footAboutBox .footaTab { display: block !important; }
  .footer .footAboutBox .footAbout { width: 42%; padding-right: 1.25vw;}
  .footer .footAboutBox .footAbout .title { font-size: 1.125vw; padding-bottom: 0.5vw; display: block; }
  .footer .footAboutBox .footAbout .desc { max-width: 38.75vw; font-size: 0.875vw; height: -webkit-calc(1.5vw * 4); height: calc(1.5vw * 4); line-height: 1.5vw; }
  .footer .footAboutBox .footAdvantage { width: 31%; }
  .footer .footAboutBox .footAdvantage .title { font-size: 1.125vw; padding-bottom: 0.5vw; display: block; }
  .footer .footAboutBox .footAdvantage .list { width: 10vw; margin-right: 1.563vw; }
  .footer .footAboutBox .footAdvantage .list p { font-size: 0.875vw; line-height: 1.5vw; }
  .footer .footAboutBox .footOurdifferences { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; }
  .footer .footAboutBox .footOurdifferences .title { font-size: 1.125vw; padding-bottom: 0.5vw; display: block; }
  .footer .footAboutBox .footOurdifferences .desc { max-width: 32.5vw; font-size: 0.875vw; height: -webkit-calc(1.5vw * 4); height: calc(1.5vw * 4); line-height: 1.5vw; }
  .footer .foot { padding: 2.188vw 0vw 0vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .footer .foot .copyright { width: 77%; font-size: 0.875vw; line-height: 1.5vw; border: none; padding: 0px; margin: 0px; }
  .footer .foot .footLink { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; }
  .footer .foot .footLink .btn { height: 2.75vw; -webkit-border-radius: 2.75vw; border-radius: 2.75vw; font-size: 0.875vw; }
  .footer .foot .footLink .btn i { right: 1.875vw; top: 50%; font-size: 0.5vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .footer .foot .footLink .listBox { padding: 1.25vw 1.25vw 1.875vw; }
  .footer .foot .footLink .listBox .list { max-height: 16.25vw; }
  .footer .foot .footLink .listBox .list a { line-height: 2.313vw; font-size: 0.875vw; }
  .footer .foot .footLink .listBox::after { bottom: 0.938vw; -webkit-box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .rightFastMain { right: 0.75vw; right: 12px; bottom: auto; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; }
  .rightFastMain .rightFastBox { width: 3.5vw; padding: 0.313vw 0vw 0.625vw; -webkit-border-radius: 3.5vw; border-radius: 3.5vw; margin-top: 0.063vw;display: block; }
  .rightFastMain .rightFastBox .fastDemand .icon { width: 2.875vw; display: block;}
  .rightFastMain .rightFastBox .fastDemand .icon p { height: 2.875vw; }
  .rightFastMain .rightFastBox .fastDemand .icon img { width: 1.375vw; }
  .rightFastMain .rightFastBox .fastDemand .title { width: 2.25vw; font-size: 0.875vw; line-height: 0.938vw; padding: 0.5vw 0vw 0.938vw; border-bottom: 1px solid #e5e5e5;}
  .rightFastMain .rightFastBox .fastTel { padding: 0.938vw 0vw 0vw; border-left: none;}
  .rightFastMain .rightFastBox .fastTel .icon { font-size: 1.375vw; }
  .rightFastMain .rightFastBox .fastTel .title { width: 2.25vw; font-size: 0.875vw; line-height: 0.938vw; padding: 0.313vw 0vw 0.938vw; border-bottom: 1px solid #e5e5e5;}
  .rightFastMain .scrollTop { width: 3.5vw; height: 3.5vw; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 0.625vw; -webkit-box-shadow: 0vw 0.063vw 0.5vw rgba(0, 0, 0, 0.15); box-shadow: 0vw 0.063vw 0.5vw rgba(0, 0, 0, 0.15); }
  .rightFastMain .scrollTop i { font-size: 1.5vw; }
  .rightFastMain .rightFastBox .popUpTelMain { right: 1.063vw; padding-right: 1.063vw; }
  .rightFastMain .rightFastBox .popUpTelBox { width: 10.75vw; height: 18.375vw; border: 2px solid #fff; -webkit-border-radius: 1.063vw; border-radius: 1.063vw; -webkit-box-shadow: 0vw 0.25vw 0.5vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.25vw 0.5vw rgba(0, 0, 0, 0.2); }
  .rightFastMain .rightFastBox .popUpTelBox .consultTitle { padding: 1.063vw 0vw 0.75vw; font-size: 0.875vw; }
  .rightFastMain .rightFastBox .popUpTelBox .consultCode { width: 6.25vw; border: 0.125vw solid #ff0000; -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .rightFastMain .rightFastBox .popUpTelBox .telTitle { padding-top: 0.75vw; font-size: 0.875vw; }
  .rightFastMain .rightFastBox .popUpTelBox .telNumber { font-size: 1.125vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn { padding-top: 0.5vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a { height: 2.5vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; padding: 0vw 1.25vw; font-size: 0.875vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a i { font-size: 1.375vw; margin-right: 0.5vw; }
  .rightFastMain .rightFastBox .qrCode { right: 2.813vw; width: 7.813vw; -webkit-border-radius: 0.25vw; border-radius: 0.25vw; }
  .rightFastMain .rightFastBox .fastTel:hover .popUpTelMain { right: 3.125vw; }
  .rightFastMain .rightFastBox .fastTel:hover .qrCode { right: 4.375vw; }
  .pupDemandMain .pupDemandContainer { padding: 2.5vw 1.25vw; }
  .pupDemandMain .pupDemandBox { width: 52.5vw; padding-left: 0vw; -webkit-border-radius: 1.875vw; border-radius: 1.875vw; }
  .pupDemandMain .pupDemandBox .title { font-size: 2.25vw; line-height: 2.875vw; width: 35vw; padding: 5vw 0vw 0vw 3.75vw; }
  .pupDemandMain .pupDemandBox .telBox { width: 35vw; padding: 0vw 0vw 5vw 3.75vw; }
  .pupDemandMain .pupDemandBox .telBox .tel { font-size: 1.625vw; }
  .pupDemandMain .pupDemandBox .telBox .desc { font-size: 0.875vw; }
  .pupDemandMain .pupDemandBox .pupDemand { width: 52.5vw; padding: 4.375vw 6.25vw; -webkit-backdrop-filter: blur(1.25vw); backdrop-filter: blur(1.25vw); -webkit-border-radius: 1.875vw; border-radius: 1.875vw; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle { font-size: 0.938vw; padding: 1.25vw 0vw 0vw 0.5vw; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle::before { width: 0.75vw; height: 0.75vw; margin-right: 0.313vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList { margin: 0vw -0.625vw; padding-top: 0.938vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list { width: -webkit-calc(50% - 1.25vw); width: calc(50% - 1.25vw); margin: 0vw 0.625vw; padding-top: 1.25vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list input { height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; padding: 0vw 1.438vw; font-size: 0.938vw; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceTitle { padding-top: 1.25vw; font-size: 1.25vw; font-weight: 550; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox { margin: 0.625vw 0.625vw 0vw 0vw; padding: 0vw 0.625vw; line-height: 1.75vw !important; -webkit-border-radius: 1.75vw !important; border-radius: 1.75vw !important; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox span { line-height: 1.75vw !important; font-size: 0.875vw; padding: 0vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetTitle { padding-top: 1.25vw; font-size: 1.25vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio { font-size: 0.875vw; line-height: 1.75vw; padding: 0vw; margin: 0.625vw 1.25vw 0vw 0vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio > i { font-size: 0.75vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio div { font-size: 0.875vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code { margin-top: 1.25vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code input { height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; padding: 0vw 1.438vw; font-size: 0.938vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code img { right: 1.438vw; height: 2.188vw; }
  .pupDemandMain .pupDemandBox .pupDemand .btn { margin-top: 1.563vw; }
  .pupDemandMain .pupDemandBox .pupDemand .btn input { font-size: 0.875vw; height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; }
  .pupDemandMain .pupDemandBox .pupDemandClose { right: 1.563vw; top: 1.563vw; width: 1.875vw; height: 1.875vw; }
  .pupDemandMain .pupDemandBox .pupDemandClose i { font-size: 1.5vw; }
  .pupDemandMain.animat .pupDemandBox { width: 87.5vw; padding-left: 35vw; }
  .footer .footAboutBox .mfootAboutClass { display: none; }
  .mFastMain { display: none; }
  .pcImg { display: block !important; }
  .mImg { display: none !important; } 
  /*--资讯--*/
  .commonBanner .imgBox { padding-top: 37.5vw; }
  .commonBanner .commonBannerText .title { font-size: 1vw; }
  .commonBanner .commonBannerText .desc { padding-top: 0.938vw; font-size: 3.125vw; line-height: 3.75vw; }
  .commonBanner .commonBannerText .btn { font-size: 0.938vw; padding-top: 1.563vw; }
  .commonBanner .commonBannerText .btn i { margin-left: 0.375vw; width: 1.563vw; height: 1.563vw; font-size: 0.5vw; }
  .newsClassMain { padding-top: 2.5vw; }
  .newsClassMain .newsClass { padding-bottom: 2.188vw; }
  .newsClassMain .newsClass .swiper-slide { margin-right: 0.625vw; }
  .newsClassMain .newsClass a { min-width: 8.125vw; padding: 0vw 0.938vw; line-height: 2vw; -webkit-border-radius: 2vw; border-radius: 2vw; font-size: 0.875vw; }
  .newsClassMain .newsClass a i { width: 0.5vw; height: 0.5vw; margin-left: 1.875vw; }
  .newsClassMain .newsClass .swiper-slide:last-child { margin-right: 0vw; }
  .newsListMain { padding: 4.375vw 0vw 6.25vw; }
  .newsListMain .list .aList { padding: 1.25vw 0vw; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .newsListMain .list h2 { font-size: 1.625vw; margin-top: 2.188vw; display: -webkit-box; height: 4.5vw; line-height: 2.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 21.563vw; margin-right: 0.625vw; }
  .newsListMain .list .imgBox { width: 22.813vw; min-height: 9.375vw; margin-right: 1.25vw; -webkit-border-radius: 0.938vw; border-radius: 0.938vw; display: block; }
  .newsListMain .list .imgBox img { border: 0.5vw solid #ff0000; }
  .newsListMain .list .time { font-size: 1.75vw;margin-top: 2.188vw; width: 13.438vw; }
  .newsListMain .list .desc { width: 24.375vw; margin-top: 2.188vw; font-size: 0.938vw; display: -webkit-box; height: 3.25vw; line-height: 1.625vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListMain .list .arrow { width: 8.75vw; margin-top: 2.188vw; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .newsListMain .list .arrow i { width: 3.313vw; height: 3.313vw; font-size: 1.875vw; }
  #paging { padding-bottom: 7.5vw; }
  #paging a { width: 3.75vw; height: 3.75vw; -webkit-border-radius: 100%; border-radius: 100%; padding: 0vw; margin: 0vw 0.313vw; font-size: 0.875vw; line-height: 3.75vw; }
  #paging span { width: 3.75vw; height: 3.75vw; padding: 0vw; margin: 0vw 0.313vw; font-size: 0.875vw; line-height: 3.75vw; }
  #paging span em { font-size: 0.875vw; }
  #paging .layui-laypage-spr { -webkit-border-radius: 100%; border-radius: 100%; margin: 0vw 0.313vw; }
  /*--资讯--*/
  /*--资讯主页--*/
  .newsCompositePage { margin: 0vw -1.438vw; padding: 4.375vw 0vw 1.875vw; }
  .newsCompositePage .list { width: 33.333%; padding: 0vw 1.438vw 3.75vw; }
  .newsCompositePage .list a { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.75vw 3.125vw; }
  .newsCompositePage .list a .time { font-size: 1vw; }
  .newsCompositePage .list a h2 { margin-top: 0.938vw; font-size: 1.625vw; display: -webkit-box; height: 4.5vw; line-height: 2.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .desc { margin-top: 2.188vw; font-size: 0.938vw; display: -webkit-box; height: 3.25vw; line-height: 1.625vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .more { margin-top: 4.375vw; }
  .newsCompositePage .list a .more span { padding: 0vw 0vw 0vw 1.563vw; height: 2.563vw; -webkit-border-radius: 2.563vw; border-radius: 2.563vw; font-size: 0.875vw; }
  .newsCompositePage .list a .more span i { font-size: 0.5vw; width: 2.563vw; height: 2.563vw; margin-left: -0.313vw; }
  .newsCompositePage .list a .more span::after { height: 2.563vw; }
  .newsCompositePage .list a:hover { -webkit-box-shadow: 0vw 3.75vw 1.875vw -2.813vw rgba(64, 50, 25, 0.3); box-shadow: 0vw 3.75vw 1.875vw -2.813vw rgba(64, 50, 25, 0.3); }
  .newsCompositePage .list a:hover .more span { padding: 0vw; }
  .newsCompositePage .list a:hover .more span::after { width: 2.563vw; height: 2.563vw;  }
  .newsCompositePage .list a:hover .more span i { margin-left: 0.5vw; }

  /*--资讯主页--*/
  /*--资讯详情--*/
  .circleBox { left: -4.375vw; top: -23.438vw; width: 43.125vw; height: 43.125vw; }
  .circleBox2 { right: -32.5vw; top: 20.625vw; left: auto; }
  .circleBox3 { right: -31.875vw; top: 8.75vw; left: auto; }
  .newsDetailMain { padding: 16.25vw 0vw 5.625vw; }
  .newsDetailMain .container{max-width: 81.25vw;}
  .newsDetailMain .location a { font-size: 0.813vw; }
  .newsDetailMain .location a span { padding: 0vw 0.625vw; }
  .newsDetailMain .newsDetailTitle { margin-top: 1.25vw; font-size: 3.125vw; }
  .newsDetailMain .sourceTimeBox { margin-top: 3.438vw; height: 4.375vw; padding: 0vw 2.813vw; -webkit-border-radius: 0.625vw; border-radius: 0.625vw; }
  .newsDetailMain .sourceTimeBox .sourceTime { width: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .newsDetailMain .sourceTimeBox .sourceTime p { font-size: 0.813vw; line-height: 1.125vw; padding: 0vw 2.5vw; }
  .newsDetailMain .sourceTimeBox .sourceTime p span { font-size: 1vw; }
  .newsDetailMain .sourceTimeBox .return { width: auto; padding: 0vw; display: block; }
  .newsDetailMain .sourceTimeBox .return a { font-size: 0.938vw; }
  .newsDetailMain .sourceTimeBox .return a i { width: 1.563vw; height: 1.563vw; margin-left: 0.625vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.5vw; }
  .newsDetailMain .newsDetailBox { padding-top: 6.25vw; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .newsDetailMain .newsDetailBox .shareLabelBox { width: 15.813vw; border-right: 1px solid #f2f2f2; padding-top: 0px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .title { font-size: 1vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare { padding-top: 0.938vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a { font-size: 1.375vw; width: 3.125vw; height: 3.125vw; margin-right: 0.625vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .return { display: none; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel { padding-top: 3.75vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .title { font-size: 1vw; padding-bottom: 0.625vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list { height: 13.438vw; overflow: hidden; display: block; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li { padding-top: 0.625vw; padding-right: 0vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li a { padding: 0.375vw 0.938vw; -webkit-border-radius: 2.063vw; border-radius: 2.063vw; font-size: 0.875vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 0.625vw; width: 4.063vw; height: 2vw; -webkit-border-radius: 2vw; border-radius: 2vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i { font-size: 0.625vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i.cur { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode { padding-top: 3.75vw; text-align: left;}
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .title { font-size: 1vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox { padding-top: 1.25vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox img { max-width: 6.875vw; margin: 0px;}
  .newsDetailMain .newsDetailBox .newsDetail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 6.25vw; padding-top: 0vw; }
  .newsDetailMain .newsDetailBox .newsDetail .content { font-size: 1vw; line-height: 1.938vw; }
  .newsDetailMain .newsDetailBox .newsDetail .tag { padding-top: 3.125vw; font-size: 1vw; }
  .newsDetailMain .newsDetailBox .newsDetail .tag a span { padding: 0vw 0.625vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle { margin-top: 3.125vw; padding: 1.438vw 2.813vw; -webkit-border-radius: 0.625vw; border-radius: 0.625vw; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a { font-size: 1vw; width: 50%; display: -webkit-box; height: 1.5vw; line-height: 1.5vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding-right: 1.25vw; border-right: 1px solid #e4e4e4; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a span { font-size: 0.813vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a:last-child { margin-left: 2.5vw; border-right: none; padding-right: 0vw; }
  .relatedNewsMain { padding: 6.875vw 0vw; }
  .relatedNewsMain .titleBox .title { font-size: 1.875vw; }
  .relatedNewsMain .titleBox .btn a { margin-left: 0.313vw; width: 3.438vw; height: 2.563vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 0.875vw; }
  .relatedNewsMain .relatedNews { margin-top: 1.563vw; -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  .relatedNewsMain .relatedNews .swiper-slide { width: -webkit-calc(33.333% + 0.063vw); width: calc(33.333% + 0.063vw); padding-top: 19.5vw; }
  .relatedNewsMain .relatedNews .swiper-slide a { padding: 3.75vw 2.5vw 0vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .columnTitle { font-size: 1vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .listTitle { margin-top: 0.625vw; font-size: 1.375vw; display: -webkit-box; height: 3.876vw; line-height: 1.938vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .relatedNewsMain .relatedNews .swiper-slide a .more { padding-top: 2.813vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span { padding: 0vw 1.563vw; font-size: 0.875vw; height: 2.563vw; -webkit-border-radius: 2.563vw; border-radius: 2.563vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span i { font-size: 0.5vw; margin-left: 0.625vw; }
  .relatedNewsMain .relatedNews .swiper-slide a:hover { top: -0.813vw; bottom: -0.813vw; -webkit-box-shadow: 0vw 0.938vw 1.875vw rgba(0, 0, 0, 0.1); box-shadow: 0vw 0.938vw 1.875vw rgba(0, 0, 0, 0.1); -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  /*--资讯详情--*/
  /*--网站建设--*/
  .websiteConstructionBanner .imgBox { padding-top: 31.25vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .icon { width: 18.125vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title { font-size: 3.125vw; line-height: 3.75vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title img { right: -3.938vw; top: 0.938vw; width: 2.063vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn { font-size: 0.938vw; padding-top: 0.938vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn i { margin-left: 0.375vw; width: 1.563vw; height: 1.563vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.5vw; }
  .websiteConstructionMain .commonweb { max-width: 89.583vw; }
  .websiteConstructionBox { padding: 6.25vw 0vw 2.5vw 8.75vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; margin-top: -5.625vw; -webkit-backdrop-filter: blur(0.938vw); backdrop-filter: blur(0.938vw); background: rgba(255, 255, 255, 0.8); -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .websiteConstructionBox .yearsNum { font-size: 21.563vw; width: auto; font-weight: 600; }
  .websiteConstructionBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 6.25vw; }
  .websiteConstructionBox .content .subTitle { font-size: 1.25vw; }
  .websiteConstructionBox .content .title { padding-top: 0.625vw; font-size: 3vw; line-height: 3.625vw; }
  .websiteConstructionBox .content .desc { padding-top: 1.875vw; font-size: 1vw; line-height: 1.625vw; max-width: 48.75vw; }
  .websiteConstructionList { margin: 0vw -0.625vw; padding: 5vw 0vw 6.25vw; }
  .websiteConstructionList .list { width: 33.333%; padding: 0vw 0.625vw 1.25vw; }
  .websiteConstructionList .list a { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .websiteConstructionList .list .imgBox { height: 32.5vw; padding-top: 0vw; }
  .websiteConstructionList .list .listTitle { padding: 1.875vw 1.875vw 0vw; font-size: 2vw; }
  .websiteConstructionList .list .contentBox .contentTitle { padding-top: 3.125vw; font-size: 2vw; }
  .websiteConstructionList .list .contentBox .content { padding: 0vw 1.25vw 1.875vw; }
  .websiteConstructionList .list .contentBox .content .desc { font-size: 0.875vw; line-height: 1.5vw; padding-bottom: 1.875vw; }
  .websiteConstructionList .list:hover .imgBox img { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .websiteConstructionList .list:nth-child(1) { width: 50%; }
  .websiteConstructionList .list:nth-child(1) .imgBox { height: 28.125vw; }
  .websiteConstructionList .list:nth-child(2) { width: 25%; }
  .websiteConstructionList .list:nth-child(2) .imgBox { height: 28.125vw; }
  .websiteConstructionList .list:nth-child(3) { width: 25%; }
  .websiteConstructionList .list:nth-child(3) .imgBox { height: 28.125vw; }
  .websiteConstructionList .list:nth-child(4) { width: 50%; }
  .websiteConstructionList .list:nth-child(4) .imgBox { height: 28.125vw; }
  .websiteConstructionList .list:nth-child(5) { width: 50%; }
  .websiteConstructionList .list:nth-child(5) .imgBox { height: 28.125vw; }
  .websiteConstructionList .list:nth-child(10) { width: 66.6666%; }
  .websiteConstructionList .list:nth-child(11) { width: 66.6666%; }
  /*--网站建设--*/
  /*--集团网站建设--*/
  .websiteConstructionDetailTitle { padding: 12.813vw 0vw 7.813vw; }
  .websiteConstructionDetailTitle .title { font-size: 3.75vw; }
  .websiteConstructionDetailTitle .btn { font-size: 0.938vw; padding-top: 0.938vw; }
  .websiteConstructionDetailTitle .btn i { margin-left: 0.375vw; width: 1.563vw; height: 1.563vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.5vw; }
  .groupWebsite { padding: 6.563vw 0vw 11.563vw; }
  .groupWebsite .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .groupWebsite .container .imgBox { width: 48.75vw; }
  .groupWebsite .container .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 6.25vw 0vw 0vw 5vw; }
  .groupWebsite .container .content .title { font-size: 1vw; }
  .groupWebsite .container .content .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .groupWebsite .container .content .desc { margin-top: 1.25vw; }
  .groupWebsite .container .content .desc p { font-size: 2.5vw; line-height: 3.125vw; }
  .groupWebsite .container .content .desc p span { width: 38.75vw; }
  .groupWebsite .container .content .desc2 { margin-top: 3.125vw; font-size: 1vw; line-height: 1.875vw; max-height: 15.313vw; padding-right: 1.563vw; }
  .groupWebsiteDesignMain { padding: 8.125vw 0vw; }
  .groupWebsiteDesignMain .title { font-size: 1vw; }
  .groupWebsiteDesignMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .groupWebsiteDesignMain .subTitle { padding-top: 1.875vw; font-size: 2.5vw; padding-bottom: 2.5vw; }
  .groupWebsiteDesignMain .content { padding-top: 5vw; }
  .groupWebsiteDesignMain .content .designClass { width: 23.125vw; display: block; overflow: visible; }
  .groupWebsiteDesignMain .content .designClass h3 { font-size: 1.125vw; line-height: 2.5vw; }
  .groupWebsiteDesignMain .content .designClass h3.cur { font-size: 1.5vw; }
  .groupWebsiteDesignMain .content .designImg { width: 34.125vw; }
  .groupWebsiteDesignMain .content .designContentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding: 0vw 0.938vw 0vw 6.25vw; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .listTitle { font-size: 2.125vw; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .desc { padding-top: 2.188vw; font-size: 1vw; line-height: 1.625vw; }
  .groupWebsiteDesignMain .content .designContentBox .btn { padding-top: 2.188vw; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .groupWebsiteDesignMain .content .designContentBox .btn a { width: 5vw; height: 3.125vw; -webkit-border-radius: 3.125vw; border-radius: 3.125vw; font-size: 0.875vw; margin-right: 0.313vw; }
  .groupWebsiteDesignMain .content .designContentBox .btn a:last-child { margin: 0vw; }
  .groupWebsiteScopeServiceMain { padding: 6.25vw 0vw 7.5vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService { width: 39.688vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title { font-size: 1vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .subTitle { padding-top: 1.563vw; font-size: 2.5vw; padding-bottom: 5.625vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox img { -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .groupWebsiteScopeServiceMain .content { padding: 3.438vw 0vw 0vw 11.25vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; }
  .groupWebsiteScopeServiceMain .content .list { padding: 1.563vw 0vw 2.813vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle span { width: 1.875vw; height: 1.875vw; padding-top: 0.25vw; font-size: 1.125vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle h3 { font-size: 1.375vw; color: rgba(255, 255, 255, 0.4); padding-left: 0.625vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon { width: 0.938vw; height: 0.938vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::after { width: 0.188vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::before { height: 0.188vw; }
  .groupWebsiteScopeServiceMain .content .list .desc { padding-top: 1.25vw; font-size: 0.938vw; line-height: 1.563vw; }
  .groupWebsitelabelMain { padding: 4.688vw 0vw; }
  .groupWebsitelabelMain .groupWebsitelabel a { padding: 0vw 1.875vw; margin: 0.313vw; height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; font-size: 0.875vw; }
  /*--集团网站建设--*/
  /*--关键词--*/
  .keywordIntroBox { padding: 6.563vw 0vw 12.5vw; }
  .keywordIntroBox .title { font-size: 1vw; }
  .keywordIntroBox .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordIntroBox .subTitle { padding-top: 1.563vw; font-size: 2.5vw;  }
  .keywordIntroBox .keywordIntroDesc { padding-top: 1.563vw; font-size: 1vw; line-height: 1.625vw; }
  .keywordIntroBox .keywordIntro {padding-top: 3.75vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .keywordIntroBox .keywordIntro .imgBox { width: 46.25vw; }
  .keywordIntroBox .keywordIntro .imgBox img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordIntroBox .keywordIntro .content { padding: 0vw 0vw 0vw 5vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .keywordIntroBox .keywordIntro .content .list { padding: 1.25vw 0vw 4.063vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle span { width: 1.875vw; height: 1.875vw; padding-top: 0.25vw; font-size: 1.125vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle h3 { font-size: 1.375vw; color: rgba(255, 255, 255, 0.4); padding-left: 0.625vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon { width: 0.938vw; height: 0.938vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::after { width: 0.188vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::before { height: 0.188vw; }
  .keywordIntroBox .keywordIntro .content .list .desc { padding-top: 1.25vw; font-size: 0.938vw; line-height: 1.563vw; }
  .keywordDesc { padding: 8.75vw 0vw 8.125vw; }
  .keywordDesc .title { font-size: 2.5vw; line-height: 3.438vw; }
  .keywordDesc .desc { font-size: 1vw; line-height: 1.625vw; max-width: 45vw; padding-top: 2.188vw; }
  .keywordAdvantageMain { padding: 6.25vw 0vw 8.125vw; }
  .keywordAdvantageMain .title { font-size: 1vw; }
  .keywordAdvantageMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordAdvantageMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; padding-bottom: 5.625vw; }
  .keywordAdvantageMain .keywordAdvantageBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass { width: 17.5vw; overflow: visible; display: block; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 { font-size: 2.813vw; padding-bottom: 1.563vw; padding-left: 1.875vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 span { font-size: 1vw; top: 0.375vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .imgBox { width: 40vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 5vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .listTitle { padding-top: 3.75vw; font-size: 2.25vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .desc { font-size: 1vw; line-height: 1.625vw; padding-top: 0.938vw; max-width: 23.125vw; }
  .keywordRankingMain { padding: 0vw; }
  .keywordRankingMain .keywordRanking { padding: 5.625vw 0vw 0vw; }
  .keywordRankingMain .keywordRanking .title { font-size: 1vw; }
  .keywordRankingMain .keywordRanking .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordRankingMain .keywordRanking .subTitle { padding-top: 0.938vw; font-size: 2.5vw; }
  .keywordRankingMain .keywordRanking .desc { padding-top: 0.938vw; max-width: 42.5vw; font-size: 1vw; line-height: 1.625vw; color: rgba(255, 255, 255, 0.6); }
  .keywordRankingMain .keywordRankingList { padding-left: 0.125vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide { width: -webkit-calc(25% + 0.063vw); width: calc(25% + 0.063vw); padding-top: 5.625vw; margin-left: -0.063vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide::after { width: 0.063vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide::before { width: 0.063vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .num { width: 3.875vw; height: 3.875vw; font-size: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .listTitle { padding: 1.563vw 0.938vw 0vw; font-size: 1.625vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .desc { padding: 1.563vw 0.625vw 0vw; font-size: 1vw; line-height: 1.625vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon { padding: 2.5vw 0vw 4.375vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon img { height: 1.563vw; }
  .keywordRankingMain .keywordRankingListSix .swiper-slide { width: -webkit-calc(16.666666666666668% + 1px); width: calc(16.666666666666668% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingListSix .swiper-slide .icon { padding: 2.375vw 0vw 4.375vw; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide { width: -webkit-calc(33.333% + 1px); width: calc(33.333% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide .icon { padding: 2.375vw 0vw 4.375vw; }
  .keywordRankingMain .keywordRankingList.twoRows .swiper-slide { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.twoRows .swiper-slide .icon { padding: 2.375vw 0vw 4.375vw; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide { width: -webkit-calc(20% + 1px); width: calc(20% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide .icon { padding: 2.375vw 0vw 4.375vw; }
  .keywordAppendMain { padding: 4.375vw 0vw 5.625vw; }
  .keywordAppendMain .title { font-size: 1vw; }
  .keywordAppendMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordAppendMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; padding-bottom: 0.938vw; }
  .keywordAppendMain .desc { font-size: 1vw; line-height: 1.625vw; }
  .keywordAppendMain .keywordAppendList { margin: 0vw -0.625vw; padding-top: 3.75vw; }
  .keywordAppendMain .keywordAppendList .list { width: -webkit-calc(25% - 1.25vw); width: calc(25% - 1.25vw); -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 3.438vw 3.438vw; margin: 0vw 0.625vw 1.25vw; }
  .keywordAppendMain .keywordAppendList .list .listTitle { font-size: 1.5vw; }
  .keywordAppendMain .keywordAppendList .list .desc2 { padding-top: 0.938vw; font-size: 1vw; }
  .keywordAppendMain .keywordAppendList .list .num { margin-top: 2.188vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .keywordAppendMain .keywordAppendList.fiveRows .list { width: -webkit-calc(20% - 1.25vw); width: calc(20% - 1.25vw); -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 3.438vw 3.438vw; margin: 0vw 0.625vw 1.25vw; }
  .keywordAppendMain .keywordAppendList.threeRows .list { width: -webkit-calc(33.333% - 1.25vw); width: calc(33.333% - 1.25vw); -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 3.438vw 3.438vw; margin: 0vw 0.625vw 1.25vw; }
  .keywordAppendMain .keywordAppendList .list.Full{ flex: 1; }
  .keywordStrengthMain { padding: 5vw 0vw; }
  .keywordStrengthMain .title { font-size: 1vw; }
  .keywordStrengthMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordStrengthMain .desc { padding-top: 1.25vw; font-size: 2.25vw; line-height: 3.125vw; }
  .keywordStrengthMain .icon { padding-top: 1.875vw; }
  .keywordStrengthMain .icon img { height: 1.563vw; }
  .keywordCaseMain { padding: 6.25vw 0vw; }
  .keywordCaseMain .title { font-size: 2.5vw; }
  .keywordCaseMain .desc { font-size: 1vw; padding-top: 1.25vw; }
  .keywordCaseMain .keywordCaseList { margin-top: 3.75vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide { width: -webkit-calc(25% - 0.844vw); width: calc(25% - 0.844vw); margin: 0vw 1.25vw 0vw 0vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .imgBox { padding-top: 29.063vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .listTitle { padding: 1.875vw 1.875vw 0vw; font-size: 1.75vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox {-webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .contentTitle { padding-top: 3.125vw; font-size: 2vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content { padding: 0vw 1.25vw 1.875vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content .desc { font-size: 0.875vw; line-height: 1.5vw; padding-bottom: 1.875vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a:hover .imgBox img { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .keywordCaseMain .keywordCaseList .swiper-slide:nth-child(1) { width: -webkit-calc(50% - 0.844vw); width: calc(50% - 0.844vw); }
  .keywordCaseMain .keywordCaseList .swiper-slide:last-child { margin: 0vw; }
  .keywordFiveAdvantagesMain { padding: 5vw 0vw 5.625vw; }
  .keywordFiveAdvantagesMain .title { font-size: 1vw; }
  .keywordFiveAdvantagesMain .title::before { width: 0.75vw; height: 0.75vw; }
  .keywordFiveAdvantagesMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; padding-bottom: 3.125vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content { width: 45.5%; -webkit-box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.875vw; border-radius: 1.875vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listTitle { height: 7.125vw; font-size: 1.5vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listDesc p { height: 7vw; font-size: 1.125vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox { width: 54.5%; padding: 1.563vw 0vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo { -webkit-border-radius: 0vw 1.875vw 1.875vw 0vw; border-radius: 0vw 1.875vw 1.875vw 0vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listTitle { width: 10.625vw; height: 6.938vw; font-size: 1.25vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 6.938vw; font-size: 1.125vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) { height: 5.563vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listTitle { display: block; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listDesc { font-size: 1.25vw; height: 5.563vw; font-weight: 600; }
  .keywordStandardMain { padding: 5vw 0vw 0vw; }
  .keywordStandardMain .title { font-size: 1vw; }
  .keywordStandardMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .keywordStandardMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; }
  .keywordStandardMain .keywordStandard { padding-left: 0.188vw; }
  .keywordStandardMain .keywordStandard .swiper-slide { width: -webkit-calc(20% + 0.063vw); width: calc(20% + 0.063vw); padding-top: 5.625vw; margin-left: -0.063vw; }
  .keywordStandardMain .keywordStandard .swiper-slide::after { width: 0.063vw; }
  .keywordStandardMain .keywordStandard .swiper-slide::before { width: 0.063vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .num { width: 3.875vw; height: 3.875vw; font-size: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .listTitle { padding: 1.875vw 0vw 2.5vw; font-size: 1.25vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon { padding-bottom: 8.125vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon img { height: 1.563vw; }
  .keywordStandardMain .keywordStandard.fourRows .swiper-slide { width: -webkit-calc(25% + 0.063vw); width: calc(25% + 0.063vw); padding-top: 5.625vw; margin-left: -0.063vw; }
  /*--关键词--*/
  /*--滑动分页--*/
  .commonPageDot { display: none; }
  /*--滑动分页--*/
  /*--两V一抖--*/
  .weiboAdMain { padding: 5vw 0vw; }
  .weiboAdMain .title { font-size: 2.5vw; }
  .weiboAdMain .weiboAdList { padding-top: 3.125vw; margin: 0vw -0.625vw; }
  .weiboAdMain .weiboAdList .list { width: -webkit-calc(25% - 1.25vw); width: calc(25% - 1.25vw); margin: 0vw 0.625vw 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 3.063vw; }
  .weiboAdMain .weiboAdList .list .listTitle { font-size: 1.5vw; }
  .weiboAdMain .weiboAdList .list .desc { padding-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; }
  .weiboAdMain .weiboAdList .list .number { margin-top: 1.563vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .weiboAdTwoMain { padding: 5vw 0vw; }
  .weiboAdTwoMain .title { font-size: 2.5vw; }
  .weiboAdTwoMain .desc { padding-top: 0.625vw; font-size: 0.938vw; }
  .weiboAdTwoMain .weiboAdTwoList { padding-top: 3.125vw; margin: 0vw -0.625vw; }
  .weiboAdTwoMain .weiboAdTwoList .list { width: -webkit-calc(16.666666666666668% - 1.25vw); width: calc(16.666666666666668% - 1.25vw); margin: 0vw 0.625vw 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 1.875vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .listTitle { font-size: 1.5vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .listDesc { padding-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .number { margin-top: 2.813vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .weiboAdTwoMain .weiboAdTwoList.fourRows .list { width: -webkit-calc(25% - 1.25vw); width: calc(25% - 1.25vw); }
  .weiboAdTwoMain .weiboAdTwoList.threeRows .list { width: -webkit-calc(33.333% - 1.25vw); width: calc(33.333% - 1.25vw); }
  .douyinOperateMain { padding: 5vw 0vw; }
  .douyinOperateMain .title { font-size: 2.5vw; }
  .douyinOperateMain .desc { padding-top: 0.625vw; font-size: 0.938vw; }
  .douyinOperateMain .douyinOperateList { padding-top: 3.125vw; margin: 0vw -0.625vw; }
  .douyinOperateMain .douyinOperateList .list { width: -webkit-calc(33.333% - 1.25vw); width: calc(33.333% - 1.25vw); margin: 0vw 0.625vw 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 3.125vw 3.063vw; }
  .douyinOperateMain .douyinOperateList .list .listTitle { font-size: 1.5vw; }
  .douyinOperateMain .douyinOperateList .list .listDesc { padding-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; }
  .douyinOperateMain .douyinOperateList .list .number { margin-top: 1.563vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .webContactMain { padding: 5.625vw 0vw 3.75vw; }
  .webContactMain .desc { font-size: 2.25vw; line-height: 3.125vw; max-width: 50.625vw; }
  .webContactMain .telBox { padding-top: 1.875vw; }
  .webContactMain .telBox a { -webkit-border-radius: 3.188vw; border-radius: 3.188vw; height: 3.188vw; padding: 0vw 1.875vw; font-size: 1.125vw; }
  .webContactMain .telBox a i { width: 1.563vw; height: 1.563vw; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 1.875vw; font-size: 0.625vw; }
  .webContactMain .icon { padding-top: 1.875vw; }
  .webContactMain .icon img { height: 1.563vw; }
  /*--两V一抖--*/
  /*--网络营销推广--*/
  .networkCoverMain { padding: 6.563vw 0vw 6.875vw; }
  .networkCoverMain .title { font-size: 1vw; }
  .networkCoverMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .networkCoverMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; padding-bottom: 0.938vw; }
  .networkCoverMain .networkCover { margin-top: 3.75vw; }
  .networkCoverMain .networkCover .imgBox { width: 48.438vw; }
  .networkCoverMain .networkCover .imgBox img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .networkCoverMain .networkCover .networkCoverList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 6.25vw; }
  .networkCoverMain .networkCover .networkCoverList .list { padding-bottom: 3.125vw; }
  .networkCoverMain .networkCover .networkCoverList .list .number { font-size: 2.5vw; }
  .networkCoverMain .networkCover .networkCoverList .list .listTitle { padding-top: 0.313vw; font-size: 2.125vw; }
  .networkCoverMain .networkCover .networkCoverList .list .listDesc { padding-top: 0.625vw; font-size: 1vw; line-height: 1.625vw; max-width: 27.5vw; }
  .mediaPartnerMain { padding: 5vw 0vw 6.875vw; }
  .mediaPartnerMain .title { font-size: 2.5vw; }
  .mediaPartnerMain .mediaPartner { margin-top: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .mediaPartnerMain .mediaPartner .list { width: -webkit-calc(25% + 0.063vw); width: calc(25% + 0.063vw); padding: 1.563vw 0vw; }
  .mediaPartnerMain .mediaPartner .list img { height: 5vw; }
  /*--网络营销推广--*/
  /*--网站运营维护--*/
  .maintenanceMain { padding: 8.125vw 0vw; }
  .maintenanceMain .maintenanceBox .maintenance { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.25vw 8.125vw 0vw 0vw; }
  .maintenanceMain .maintenanceBox .maintenance .title { font-size: 1vw; }
  .maintenanceMain .maintenanceBox .maintenance .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .maintenanceMain .maintenanceBox .maintenance .subTitle { padding-top: 0.938vw; font-size: 2.5vw; }
  .maintenanceMain .maintenanceBox .maintenance .desc { padding-top: 1.875vw; font-size: 1vw; line-height: 1.875vw; }
  .maintenanceMain .maintenanceBox .imgBox { width: 46.875vw; }
  .maintenanceMain .maintenanceBox .imgBox img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .maintenanceServiceMain { padding: 5vw 0vw; }
  .maintenanceServiceMain .title { font-size: 1vw; }
  .maintenanceServiceMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .maintenanceServiceMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; }
  .maintenanceServiceMain .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .maintenanceServiceMain .btn a { margin-right: 0.313vw; font-size: 0.875vw; width: 3.438vw; height: 2.563vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .maintenanceServiceMain .maintenanceService { margin-top: 3.125vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide { padding: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listTitle { font-size: 1.5vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listDesc { padding-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .number { margin-top: 2.813vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .maintenanceServiceMain .maintenanceServicePage { padding-top: 2.5vw; }
  .maintenanceServiceMain .maintenanceServicePage span { width: 1vw; height: 0.313vw; margin: 0vw 0.25vw; -webkit-border-radius: 0.188vw; border-radius: 0.188vw; }
  .maintenanceServiceMain .maintenanceServicePage span.swiper-pagination-bullet-active { width: 2.125vw; }
  .maintenanceProcessMain { padding: 4.375vw 0vw 6.25vw; }
  .maintenanceProcessMain .title { font-size: 1vw; }
  .maintenanceProcessMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .maintenanceProcessMain .subTitle { padding-top: 0.938vw; font-size: 2.5vw; }
  .maintenanceProcessMain .maintenanceProcess { padding-top: 4.375vw; }
  .maintenanceWorkOrderMain { padding: 5vw 0vw 4.375vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder { margin: 0vw -0.75vw; padding-bottom: 2.813vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list { width: -webkit-calc(20% - 1.5vw); width: calc(20% - 1.5vw); margin: 0vw 0.75vw; padding: 3.125vw 2.188vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listTitle { font-size: 1.5vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listDesc { padding-top: 1.25vw; min-height: 7.813vw; font-size: 1vw; line-height: 1.625vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .number { margin-top: 1.563vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .qrCode { width: 5.625vw; padding: 0.625vw 0.625vw; -webkit-border-radius: 0.75vw; border-radius: 0.75vw; margin: 0vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list::after { content: ''; bottom: -2.313vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 0.25vw; border-radius: 0.25vw; width: 0.25vw; height: 2.063vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line { bottom: 0vw; left: 0.625vw; right: 0.625vw; height: 0.25vw; display: block; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line::after { content: ''; right: -0.188vw; border-left: 0.438vw solid #ff0000; border-bottom: 0.375vw solid transparent; border-top: 0.375vw solid transparent; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime { padding-top: 3.75vw; margin: 0vw -0.625vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list { width: -webkit-calc(50% - 1.25vw); width: calc(50% - 1.25vw); margin: 0vw 0.625vw; padding: 3.438vw 5.313vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .listTitle { font-size: 1.5vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .desc { padding-top: 0.625vw; font-size: 1vw; line-height: 1.625vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .icon { right: 0vw; bottom: 0vw; width: 7.125vw; }
  /*--网站运营维护--*/
  /*--网站建设快捷方式--*/
  .websiteFastBox { bottom: 1.875vw; width: 4.063vw; height: 4.063vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .websiteFastBox::after { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .websiteFastBox::before { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .websiteFastBox .other::before { height: 0.813vw; }
  .websiteFastBox .other .title { padding: 0vw 1.875vw; font-size: 0.938vw; height: 4.063vw; }
  .websiteFastBox .other .title::after { right: 1.563vw; width: 0.563vw; height: 0.563vw; }
  .websiteFastBox .btn { font-size: 0.938vw; height: 4.063vw; padding: 0vw 0vw 0vw 1.563vw; }
  .websiteFastBox .btn p { width: 2.188vw; height: 2.188vw; right: 0.938vw; }
  .websiteFastBox .btn p img { width: 1.375vw; }
  .websiteFastBox .otherListBox { bottom: 5vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 1.25vw; -webkit-box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); }
  .websiteFastBox .otherListBox .otherList { max-height: 16.25vw; }
  .websiteFastBox .otherListBox .otherList a { line-height: 2.313vw; font-size: 0.875vw; }
  .websiteFastBox.animat { width: 30vw; }
  .quickDemandBox { bottom: 1.875vw; width: 4.063vw; height: 4.063vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .quickDemandBox::after { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .quickDemandBox::before { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .quickDemandBox .btn { font-size: 0.938vw; height: 4.063vw; padding: 0vw 0vw 0vw 1.563vw; }
  .quickDemandBox .btn p { width: 2.188vw; height: 2.188vw; right: 0.938vw; }
  .quickDemandBox .btn p img { width: 1.375vw; }
  .quickDemandBox.animat { width: 15vw; }
  /*--网站建设快捷方式--*/
  /*--案例列表--*/
  .caseListMain { padding: 14.375vw 0vw 0vw; }
  .caseListMain .caseDescBox .titleBox { width: auto; padding: 0px; }
  .caseListMain .caseDescBox .titleBox .title { font-size: 3.125vw; }
  .caseListMain .caseDescBox .titleBox .title i { margin-left: 0.625vw; width: 1.563vw; height: 1.563vw; }
  .caseListMain .caseDescBox .titleBox .title i::after { width: 0.313vw; }
  .caseListMain .caseDescBox .titleBox .title i::before { height: 0.313vw; }
  .caseListMain .caseDescBox .titleBox .desc { padding-top: 1.25vw; font-size: 1.125vw; }
  .caseListMain .caseDescBox .caseData { width: auto; padding-right: 8.75vw; }
  .caseListMain .caseDescBox .caseData .list { padding-left: 4.375vw; }
  .caseListMain .caseDescBox .caseData .list .numberBox { font-size: 3.125vw; }
  .caseListMain .caseDescBox .caseData .list .numberBox span { font-size: 5vw; }
  .caseListMain .caseDescBox .caseData .list .text { font-size: 0.938vw; }
  .caseListMain .caseListBanner { margin-top: 7.5vw; border-top: none; }
  .caseListMain .caseListBanner .imgBox { position: relative; padding-top: 36.875vw; }
  .caseListMain .caseListBanner .content { position: absolute; left: 0px; bottom: 3.75vw; right: 0px; z-index: 10; padding: 0vw; }
  .caseListMain .caseListBanner .content .listTitle { font-size: 1.625vw; padding: 0vw 2.5vw; color: #fff; }
  .caseListMain .caseListBanner .content .listTitle a { color: #fff; }
  .caseListMain .caseListBanner .content .label { margin-top: 0.938vw; padding: 0vw 2.5vw; }
  .caseListMain .caseListBanner .content .label a { padding: 0vw 0.75vw; font-size: 0.75vw; margin-right: 0.625vw; line-height: 1.625vw; color: #fff; border-color: #fff; }
  .caseListMain .caseList { margin: 0vw -1.25vw; padding: 5vw 0vw 1.875vw; }
  .caseListMain .caseList .list { width: 50%; padding: 0vw 1.25vw 2.813vw; }
  .caseListMain .caseList .list .listTitle { font-size: 1.625vw; }
  .caseListMain .caseList .list .label { padding-top: 0.313vw; }
  .caseListMain .caseList .list .label a { padding: 0vw 0.75vw; font-size: 0.75vw; margin-right: 0.625vw; line-height: 1.625vw; }
  .caseListMain .caseList .list .imgBox { margin-top: 1.875vw; padding-top: 34.875vw; }
  .caseListMain .caseList .list .imgBox .caseLogo { padding-bottom: 7.5vw; }
  .caseListMain .caseList .list .imgBox .content { padding: 0vw 1.25vw 1.25vw; }
  .caseListMain .caseList .list .imgBox .content .desc { font-size: 0.875vw; padding: 0vw 1.25vw; display: -webkit-box; max-height: 4.5vw; line-height: 1.5vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .caseListMain .caseList .list .imgBox .content .more { margin-top: 3.125vw; }
  .caseListMain .caseList .list:hover .imgBox .img { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .caseListMain .caseList .list:hover .imgBox video { -webkit-filter: blur(1.25vw); filter: blur(1.25vw); }
  .fastClassifyMain { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .fastClassifyBox { width: 4.063vw; height: 4.063vw; bottom: 2.188vw; left: 50%; }
  .fastClassifyBox::after { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .fastClassifyBox::before { top: 1.875vw; -webkit-border-radius: 4.063vw; border-radius: 4.063vw; }
  .fastClassifyBox .list { height: 4.063vw; font-size: 0.938vw; width: 33.333%; }
  .fastClassifyBox .list p { min-width: 2.188vw; height: 2.188vw; right: 0.938vw; }
  .fastClassifyBox .list p img { height: 1.25vw; }
  .fastClassifyBox .list span i { width: 0.625vw; height: 0.625vw; -webkit-transform: rotate(45deg) translateY(-0.188vw); -ms-transform: rotate(45deg) translateY(-0.188vw); transform: rotate(45deg) translateY(-0.188vw); margin-left: 0.625vw; }
  .fastClassifyBox .list span em { font-size: 0.75vw; margin-left: 0.625vw; }
  .fastClassifyBox .list::before { width: 0.063vw; height: 0.813vw; }
  .fastClassifyBox .list:nth-child(3) { padding-right: 2.188vw; }
  .fastClassifyBox .list.cur span i { -webkit-transform: rotate(-135deg) translateY(-0.188vw); -ms-transform: rotate(-135deg) translateY(-0.188vw); transform: rotate(-135deg) translateY(-0.188vw); }
  .fastClassifyBox .caseClassifyList { bottom: 5vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; z-index: 20; padding: 1.25vw; -webkit-box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.188vw 2.188vw rgba(148, 137, 111, 0.2); }
  .fastClassifyBox .caseClassifyList .classifyList { max-height: 16.25vw; }
  .fastClassifyBox .caseClassifyList .classifyList a { line-height: 2.313vw; font-size: 0.875vw; }
  .fastClassifyBox.animat { width: 30vw; }
  /*--案例列表--*/
  /*--案例详情--*/
  .caseDetailsMain { padding-top: 13.125vw; }
  .caseDetailContent .content { width: 37.813vw; }
  .caseDetailContent .content .title { font-size: 2.813vw; }
  .caseDetailContent .content .desc { margin-top: 1.563vw; font-size: 1vw; line-height: 1.5vw; height: calc(1.5vw * 4); display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
  .caseDetailContent .content .more { padding-top: 1.563vw; }
  .caseDetailContent .content .more a { font-size: 0.875vw; height: 2.563vw; -webkit-border-radius: 2.563vw; border-radius: 2.563vw; padding: 0vw 1.563vw; }
  .caseDetailContent .content .more a i { font-size: 0.5vw; margin-left: 0.625vw; }
  .caseDetailContent .content .more a::after { -webkit-border-radius: 2.563vw; border-radius: 2.563vw; }
  .caseDetailContent .content .more a:hover::after { width: 2.563vw; right: -0.625vw; }
  .caseDetailContent .content .more a:hover i { margin-left: 0.313vw; -webkit-transform: translateX(1.188vw); -ms-transform: translateX(1.188vw); transform: translateX(1.188vw); }
  .caseDetailContent .content .more a:hover { padding: 0vw 1.563vw 0vw 0vw; }
  .caseDetailContent .serviceContent { width: 31.875vw; margin-top: 0vw; }
  .caseDetailContent .serviceContent .list { padding: 1.25vw 0vw; }
  .caseDetailContent .serviceContent .list .listTitle { font-size: 0.938vw; line-height: 1.5vw; }
  .caseDetailContent .serviceContent .list .desc { width: 16.875vw; font-size: 0.938vw; line-height: 1.5vw; }
  .caseDetailProjectMain { padding: 7.5vw 0vw 0vw; }
  .caseDetailProjectMain .caseDetailProject { padding: 7.5vw 0vw 0vw; }
  .caseDetailProjectMain .caseDetailProject .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.25vw; }
  .caseDetailProjectMain .caseDetailProject .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.938vw; }
  .caseDetailProjectMain .caseDetailProject .desc { width: 61.25vw; font-size: 1.375vw; padding: 0vw; }
  .caseDetailProjectMain .caseDetailProjectDetailImg { padding-top: 6.25vw; }
  .caseDetailProjectMain .colorMatching { margin: 0vw -0.938vw; padding: 7.5vw 0vw 0vw; }
  .caseDetailProjectMain .colorMatching .list { width: -webkit-calc(33.333% - 1.875vw); width: calc(33.333% - 1.875vw); margin: 0vw 0.938vw 1.875vw; }
  .caseDetailProjectMain .colorMatching .list .listTitle { left: 1.875vw; top: 1.563vw; right: 1.875vw; font-size: 1vw; }
  .caseDetailProjectMain .colorMatching .list .colorValue { bottom: 1.563vw; left: 1.875vw; right: 1.875vw; font-size: 2.188vw; }
  .caseDetailProjectMain .colorMatching .list .color { padding-top: 16.875vw; }
  .caseDetailProjectMain .colorMatching .list .imgBox { padding-top: 16.875vw; }
  .caseDetailProjectMain .colorMatching .list:nth-child(1) { display: block; }
  .caseDetailProductServiceMain { padding-top: 7.5vw; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg { padding: 6.875vw 0vw; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg .imgBox { max-width: 69.063vw; }
  .caseDetailProductServiceMain .caseDetailProductService { top: -3.125vw; margin: 0vw 0vw -3.125vw; padding: 4.688vw 5.625vw 0vw; }
  .caseDetailProductServiceMain .caseDetailProductService .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.25vw; }
  .caseDetailProductServiceMain .caseDetailProductService .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.938vw; }
  .caseDetailProductServiceMain .caseDetailProductService .desc { width: 61.875vw; padding: 0vw; font-size: 1.375vw; }
  .caseDetailImg { padding-top: 11.875vw; }
  .caseDetailLabelMain { padding: 3.75vw 0vw 5vw; }
  .caseDetailLabelMain .title a { font-size: 1vw; margin: 0vw 0.75vw; }
  .caseDetailLabelMain .title a::before { content: ''; width: 0.438vw; height: 0.438vw; margin-right: 0.625vw; }
  .caseDetailLabelMain .caseDetailLabel { padding-top: 2.188vw; }
  .caseDetailLabelMain .caseDetailLabel a { padding: 0vw 1.875vw; margin: 0.313vw; height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; font-size: 0.875vw; }
  /*--案例详情--*/
  /*--ai--*/
  .aiBanner .imgBox { padding-top: 58.563vw; }
  .aiBanner .displayer { left: -7.188vw; bottom: 0vw; width: 80.563vw; }
  .aiBanner .symbol { right: -5.938vw; bottom: -5.938vw; width: 96.625vw; }
  .aiBanner .symbol img { width: 96.625vw; }
  .aiBanner .aiBannerText { left: 0vw; top: 48%; width: 100%; }
  .aiBanner .aiBannerText .container { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: left; }
  .aiBanner .aiBannerText .title { font-size: 3.5vw; }
  .aiBanner .aiBannerText .more { padding-top: 1.563vw; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .aiBanner .aiBannerText .more a { height: 3.25vw; width: 13.75vw; -webkit-border-radius: 3.25vw; border-radius: 3.25vw; font-size: 0.875vw; }
  .aiCustomMain { padding-top: 10vw; }
  .aiCustomMain .aiCustomBox .aiCustom { width: 34.375vw; padding: 4.375vw 4.688vw 6.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content { padding: 0vw 0vw 4.375vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content .listTitle { font-size: 2.813vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content .desc { font-size: 1vw; padding-top: 1.25vw; line-height: 1.5vw; color: rgba(255, 255, 255, 0.6); }
  .aiCustomMain .aiCustomBox .aiCustomList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; padding: 0vw 0vw 0vw 0.625vw; margin-right: -0.625vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list { width: -webkit-calc(50% - 1.25vw); width: calc(50% - 1.25vw); padding: 0vw; height: 20.625vw; margin: 1.25vw 0.625vw 0vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content { padding: 0vw; top: 42%; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .listTitle { font-size: 2.813vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .desc { font-size: 1vw; padding-top: 1.25vw; line-height: 1.5vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .imgBox { width: 24.563vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) { margin-top: 0vw; width: 100%; height: 21.25vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) .content { left: 4.063vw; top: 46%; }
  .aiPriceMain { margin-top: 7.5vw; padding: 7.5vw 0vw; }
  .aiPriceMain .aiPrice { width: 31.25vw; height: 35vw; padding: 4.375vw 3.75vw 3.75vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; -webkit-backdrop-filter: blur(0.625vw); backdrop-filter: blur(0.625vw); }
  .aiPriceMain .aiPrice .title { font-size: 2.813vw; }
  .aiPriceMain .aiPrice .content .desc { font-size: 1.25vw; }
  .aiPriceMain .aiPrice .content .money { font-size: 1.25vw; padding-top: 0.313vw; }
  .aiPriceMain .aiPrice .content .money span { font-size: 5.625vw; }
  .aiPriceMain .aiPrice .content .originalPrice { font-size: 1vw; }
  .aiPriceMain .symbol { right: 18.625vw; bottom: -6.875vw; width: 81.563vw; height: 25.438vw; }
  .aiPriceMain .symbol img { width: 81.563vw; }
  .aiBrandMain { padding: 8.75vw 0vw; }
  .aiBrandMain .aiBrand { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 2.5vw; }
  .aiBrandMain .aiBrand .title { font-size: 2.813vw; }
  .aiBrandMain .aiBrand .desc { font-size: 1.125vw; line-height: 1.938vw; padding-top: 3.125vw; }
  .aiBrandMain .aiBrandList { width: 51.563vw; padding: 0vw; }
  .aiBrandMain .aiBrandList .list { width: -webkit-calc(25% - 0.938vw); width: calc(25% - 0.938vw); margin: 0vw 0vw 0.938vw 0.938vw; }
  .aiBrandMain .aiBrandList .list img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aiQAMain { padding: 5.625vw 0vw; }
  .aiQAMain .title { font-size: 2.813vw; }
  .aiQAMain .aiQAList { padding-top: 1.25vw; }
  .aiQAMain .aiQAList .list { padding: 2.188vw; margin-top: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aiQAMain .aiQAList .list .listTitle { font-size: 1.125vw; line-height: 1.5vw; padding-right: 1.875vw; }
  .aiQAMain .aiQAList .list .listTitle i { width: 0.875vw; height: 0.875vw; }
  .aiQAMain .aiQAList .list .content { margin-top: 1.563vw; padding: 2.188vw 2.5vw; font-size: 0.938vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aiBuyMain { padding: 6.875vw 0vw 5.625vw; }
  .aiBuyMain .title { font-size: 2.875vw; }
  .aiBuyMain .desc { padding-top: 0.938vw; font-size: 0.938vw; }
  .aiBuyMain .btn { padding-top: 2.5vw; }
  .aiBuyMain .btn a { width: 14.375vw; height: 3vw; margin: 0vw 0.625vw; -webkit-border-radius: 3vw; border-radius: 3vw; font-size: 0.875vw; }
  /*--ai--*/
  /*--联系我们--*/
  .contactMain { padding: 14.375vw 0vw 6.875vw; }
  .contactMain .contactDesc .title { font-size: 3.125vw; }
  .contactMain .contactDesc .title i { top: -0.5vw; margin-left: 0.938vw; width: 1.563vw; height: 1.563vw; }
  .contactMain .contactDesc .title i::after { width: 0.313vw; }
  .contactMain .contactDesc .title i::before { height: 0.313vw; }
  .contactMain .contactDesc .desc { font-size: 1.125vw; padding-top: 0.938vw; }
  .contactInfoMain .contactInfoBg { height: 100vh; top: -50vh; }
  .contactInfoMain .contactInfo .list { width: 33.333%; padding: 5vw 3.75vw; border-left: 1px solid rgba(255, 255, 255, 0.1); }
  .contactInfoMain .contactInfo .list .listTitle { font-size: 1.875vw; }
  .contactInfoMain .contactInfo .list .content .telList { padding-right: 2.5vw; padding-top: 2.188vw; width: auto; }
  .contactInfoMain .contactInfo .list .content .telList .telTitle { font-size: 0.938vw; padding-bottom: 0.313vw; }
  .contactInfoMain .contactInfo .list .content .telList .tel { font-size: 1.125vw; }
  .contactInfoMain .contactInfo .list .addressContent { padding-top: 1.875vw; font-size: 0.938vw; }
  .contactInfoMain .contactInfo .list .btn { padding-top: 1.875vw; }
  .contactInfoMain .contactInfo .list .btn a { height: 2.563vw; padding: 0vw 1.563vw; font-size: 0.875vw; }
  .contactInfoMain .contactInfo .list .btn a i { margin-left: 0.625vw; font-size: 0.5vw; }
  .contactInfoMain .contactInfo .list .btn a::after { -webkit-border-radius: 2.563vw; border-radius: 2.563vw; }
  .contactInfoMain .contactInfo .list .btn a:hover::after { width: 2.563vw; -webkit-transform: translateX(0.5vw); -ms-transform: translateX(0.5vw); transform: translateX(0.5vw); }
  .contactInfoMain .contactInfo .list .btn a:hover i { -webkit-transform: translateX(1.063vw); -ms-transform: translateX(1.063vw); transform: translateX(1.063vw); }
  .contactInfoMain .contactInfo .list .qrCodeImg { width: 6.5vw; padding-bottom: 1.563vw; }
  .contactInfoMain .contactInfo .list .subjectNumber { font-size: 0.938vw; padding-top: 0.125vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) { border-left: none; width: 66.666%; padding-left: 0vw; padding-right: 23.125vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) .content .telList { padding-right: 3.438vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) .content .telList:last-child { padding-right: 12.5vw; }
  .contactInfoMain .contactInfo .list:nth-child(2) { border-top: none; }
  .contactInfoMain .contactInfo .list:nth-child(3) { padding-left: 0vw; }
  .contactInfoMain .contactInfo .list:nth-child(5) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .contactFormMain { padding: 9.375vw 0vw 8.75vw; }
  .contactFormMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; }
  .contactFormMain .content .title { font-size: 2.625vw; }
  .contactFormMain .content .desc { font-size: 1.125vw; padding-top: 2.5vw; }
  .contactFormMain .contactForm { width: 50.313vw; padding: 0vw; }
  .contactFormMain .contactForm .formTitle { font-size: 0.938vw; padding-bottom: 0.625vw; }
  .contactFormMain .contactForm .formTitle::before { content: ''; margin-right: 0.625vw; width: 0.75vw; height: 0.75vw; -webkit-border-radius: 100%; border-radius: 100%; }
  .contactFormMain .contactForm form { margin: 0vw -0.313vw; }
  .contactFormMain .contactForm form .input { width: 50%; margin-top: 1.25vw; padding: 0vw 0.313vw; }
  .contactFormMain .contactForm form .input input { height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; padding: 0vw 1.563vw; font-size: 0.938vw; }
  .contactFormMain .contactForm form .input img { right: 1.25vw; }
  .contactFormMain .contactForm form .input textarea { padding: 1.563vw; -webkit-border-radius: 1.563vw; border-radius: 1.563vw; height: 8.75vw; font-size: 0.938vw; }
  .contactFormMain .contactForm form .btn { padding: 1.25vw 0.313vw 0vw; }
  .contactFormMain .contactForm form .btn input { height: 3.375vw; -webkit-border-radius: 3.375vw; border-radius: 3.375vw; font-size: 0.875vw; }
  .contactCircle { right: -6.875vw; top: 11.875vw; }
  .contactCircle1 { bottom: -22.5vw; }
  /*--联系我们--*/
  /*--弹出支付--*/
  .paymentBox { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .paymentBox .payment { width: 50vw; padding-left: 0vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .paymentBox .payment .closePay { right: 1.875vw; top: 1.25vw; font-size: 1.5vw; color: #000; }
  .paymentBox .payment .paymentDesc { position: absolute; left: 0vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0vw 5.625vw 0vw 3.75vw; width: 37.5vw; }
  .paymentBox .payment .paymentDesc .title { font-size: 2vw; }
  .paymentBox .payment .paymentDesc .priceBox { margin-top: 2.5vw; padding: 2.188vw 0vw 2.188vw 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .paymentBox .payment .paymentDesc .priceBox .desc { font-size: 1.25vw; }
  .paymentBox .payment .paymentDesc .priceBox .price { font-size: 5vw; }
  .paymentBox .payment .paymentDesc .priceBox .originalPrice { font-size: 1vw; }
  .paymentBox .payment .paymentDesc .priceBox .icon { padding-right: 0.938vw; }
  .paymentBox .payment .paymentDesc .priceBox .icon i { width: 1.438vw; height: 1.438vw; font-size: 1.125vw; }
  .paymentBox .payment .paymentDesc .paymentDescList { padding-top: 1.875vw; }
  .paymentBox .payment .paymentDesc .paymentDescList .list { font-size: 0.938vw; margin-top: 1.25vw; }
  .paymentBox .payment .paymentDesc .paymentDescList .list i { width: 1.063vw; height: 1.063vw; margin-right: 0.625vw; font-size: 0.875vw; }
  .paymentBox .payment .paymentForm { padding: 5.625vw 5.313vw 7.5vw; min-height: 43.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .paymentBox .payment .paymentForm .title { font-size: 0.938vw; }
  .paymentBox .payment .paymentForm .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .paymentBox .payment .paymentForm .inputList { margin: 0vw -0.625vw; }
  .paymentBox .payment .paymentForm .inputList .list { width: 50%; padding: 0.938vw 0.625vw 0vw; }
  .paymentBox .payment .paymentForm .inputList .list p { font-size: 1vw; padding: 0vw 1.25vw 0.625vw; }
  .paymentBox .payment .paymentForm .inputList .list .input input { -webkit-border-radius: 3.438vw; border-radius: 3.438vw; height: 3.438vw; font-size: 0.938vw; padding: 0vw 1.25vw; }
  .paymentBox .payment .paymentForm .inputList .list .input img { right: 0.938vw; }
  .paymentBox .payment .paymentForm .inputList .list button { height: 3.438vw; -webkit-border-radius: 3.438vw; border-radius: 3.438vw; font-size: 0.875vw; }
  .paymentBox .payment .paymentForm .inputList .list:last-child { padding-top: 1.875vw; }
  .paymentBox .payment .paymentForm .desc { padding-top: 2.5vw; font-size: 0.875vw; }
  .paymentBox .payment .paymentForm .desc::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle { font-size: 0.938vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payQrCode { width: 10.813vw; padding: 2.5vw 0vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount { font-size: 0.938vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount { font-size: 2.813vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount span { font-size: 1.375vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .number { font-size: 0.938vw; padding-left: 0.625vw; }
  .paymentMain.animat .payment { width: 87.5vw; padding-left: 37.5vw; }
  /*--弹出支付--*/
  /*--关于我们--*/
  .aboutTitle { font-size: 1vw; }
  .aboutTitle::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .aboutDesc { margin-top: 1.25vw; font-size: 2.813vw; line-height: 3.438vw; }
  .aboutBanner { padding-top: 41.875vw; }
  .aboutBanner .aboutBannerText .numberImg img { width: 34vw; }
  .aboutBanner .aboutBannerText .title { padding-top: 1.563vw; font-size: 2.625vw; }
  .aboutBanner .aboutBannerText .desc { font-size: 1vw; padding-top: 0.625vw; }
  .aboutMain { padding: 5.625vw 0vw 0vw; }
  .aboutMain .aboutBox { padding: 4.688vw 0vw 6.875vw; }
  .aboutMain .aboutBox .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .aboutMain .aboutBox .imgBox { width: 46.25vw; padding-bottom: 0vw; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 0.938vw; border-radius: 0.938vw; position: absolute; display: block; left: 0px; top: 0px; height: 100%; object-fit: cover; opacity: 0; -webkit-transition: all .6s; transition: all .6s; visibility: hidden; }
  .aboutMain .aboutBox .imgBox img.showImg { opacity: 1; visibility: visible; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 47.5vw; padding: 0vw 0vw 0vw 5vw; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { height: 6.25vw; font-size: 1.875vw; color: #cacaca; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 0.75vw; top: -0.25vw; color: #cacaca; margin-left: 0.625vw; }
  .aboutMain .aboutBox .about .list .desc { font-size: 1.063vw; line-height: 1.75vw; }
  .aboutMain .aboutBox .about .list .iconList { padding: 5vw 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content { width: auto; border-right: 0.063vw solid #ededed; padding: 0vw 2.813vw; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 2.563vw; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 0.625vw; font-size: 0.938vw; }
  .aboutMain .aboutBox .about .list.cur .listTitle { color: #010101; }
  .aboutMain .aboutBox .about .list.cur .listTitle i { color: #ff0000; }
  .aboutVisionMain { padding: 8.125vw 0vw; }
  .aboutVisionMain .container { padding-left: 52.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .aboutVisionMain .title { font-size: 9.813vw; left: 0vw; top: 0vw; position: absolute; text-align: right; }
  .aboutVisionMain .title p { margin-bottom: -1.563vw; letter-spacing: -0.375vw; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300%; height: 0.125vw; background: rgba(255, 255, 255, 0.5); display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.125vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 4.375vw; height: 2.5vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -2.188vw; width: 2.5vw; height: 2.5vw; }
  .aboutVisionMain .aboutVision { padding-right: 21.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
  .aboutVisionMain .aboutVision .list { padding-top: 0vw; }
  .aboutVisionMain .aboutVision .list .content .listTitle { font-size: 1vw; margin-top: 0px; }
  .aboutVisionMain .aboutVision .list .content .listTitle::after { width: 1.25vw; height: 0.188vw; margin-left: 0.625vw; }
  .aboutVisionMain .aboutVision .list .content .desc { padding-top: 0.625vw; font-size: 1.875vw; line-height: 2.188vw; }
  .aboutVisionMain .aboutVision .list .content .icon { position: absolute; left: 0vw; top: 0vw; width: 11.875vw; height: 11.875vw; margin: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon { left: -13.75vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-12.5vw); -ms-transform: translateX(-12.5vw); transform: translateX(-12.5vw); padding-left: 25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content .icon { left: -24.375vw; top: -1.875vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-21.875vw); -ms-transform: translateX(-21.875vw); transform: translateX(-21.875vw); padding-top: 0vw; padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content .icon { left: -13.75vw; top: -1.875vw; width: 6.25vw; height: 6.25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 18.75vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-50vw); -ms-transform: translateX(-50vw); transform: translateX(-50vw); }
  .aboutVisionMain.animat .container .title { opacity: 0; visibility: hidden; }
  .aboutCertificationMain .aboutCertificationBox { padding-top: 8.125vw; padding-bottom: 18.75vw; }
  .aboutCertificationMain .imgBox img { object-position: center; }
  .aboutCertificationMain .desc { padding-top: 2.188vw; font-size: 1.125vw; line-height: 1.938vw; }
  .aboutCertificationMain .line { width: 0.5vw; height: 1.875vw; left: 0vw; bottom: -0.938vw; }
  .aboutCertificationMain .line::after { bottom: 0vw; width: 100%; height: 0.938vw; bottom: 0vw; left: 0vw; }
  .aboutServiceMain { padding: 6.25vw 0vw 8.125vw; }
  .aboutServiceMain .aboutService { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .aboutServiceMain .aboutService .titleBox { width: 35vw; }
  .aboutServiceMain .aboutService .desc { margin-top: 2.75vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.125vw; height: 9.688vw; line-height: 1.938vw; }
  .aboutServiceMain .aboutServiceList { margin-top: 5.625vw; }
  .aboutServiceMain .aboutServiceList .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; top: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; margin-bottom: 1.875vw; }
  .aboutServiceMain .aboutServiceList .list .content { width: 35vw; padding: 3.125vw 4.375vw; }
  .aboutServiceMain .aboutServiceList .list .content .number { width: 2vw; height: 2vw; }
  .aboutServiceMain .aboutServiceList .list .content .number::after { height: 0.125vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span { font-size: 0.875vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(1) { left: -0.313vw; top: -0.188vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(2) { right: -0.313vw; bottom: -0.188vw; }
  .aboutServiceMain .aboutServiceList .list .content .listTitle { margin-top: 3.125vw; font-size: 2.5vw; }
  .aboutServiceMain .aboutServiceList .list .content .desc { margin-top: 2.188vw; font-size: 1vw; }
  .aboutServiceMain .aboutServiceList .list .content .icon { margin-top: 8.125vw; width: 8.438vw; height: 8.438vw; }
  .aboutServiceMain .aboutServiceList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0vw; }
  .aboutDataMain { padding: 6.875vw 0vw; }
  .aboutDataMain .aboutDataList { max-width: 61.875vw; padding-top: 13.75vw; }
  .aboutDataMain .aboutDataList .list { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .aboutDataMain .aboutDataList .list .numberBox { font-size: 2.5vw; line-height: 0.7; }
  .aboutDataMain .aboutDataList .list .numberBox .number { font-size: 3.75vw; }
  .aboutDataMain .aboutDataList .list .text { font-size: 0.938vw; padding-top: 0.625vw; }
  .aboutDataMain .desc { max-width: 57.813vw; font-size: 1.125vw; line-height: 1.938vw; padding-top: 3.75vw; }
  /*--关于我们--*/
  /*--实力认可--*/
  .aboutStrengthMain { padding: 8.125vw 0vw; }
  .aboutStrengthMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
  .aboutStrengthMain .aboutStrengthYearBox { position: -webkit-sticky; position: sticky; width: 33.125vw; top: 1.875vw; height: 100%; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle { padding: 2.5vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title { font-size: 1.625vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon { width: 2.875vw; height: 2.875vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon span { width: 0.313vw; height: 0.313vw; margin: 0vw 0.063vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo { padding-top: 2.188vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list { width: 4.5vw; margin-left: -0.875vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:first-child { margin: 0vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:last-child { height: 4.5vw; font-size: 1.25vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear { margin-top: 3.125vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .imgBox { padding-top: 132%; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox { left: 0vw; top: 0vw; right: 0vw; padding: 5vw 3.125vw 0vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList { height: 6.25vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList .swiper-slide { font-size: 6vw; letter-spacing: -0.25vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .desc { font-size: 1.875vw; }
  .aboutStrengthMain .aboutStrengthBox { width: 49.063vw; padding: 0vw 9.375vw 0vw 0vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthLineBox { display: block; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle { font-size: 2.25vw; line-height: 2.875vw; padding-bottom: 3.125vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::after { width: 2vw; height: 2vw; left: -2.5vw; top: 0.5vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::before { width: 2.5vw; height: 2.5vw; right: 0vw; top: 0vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list { margin-top: 3.75vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .year { font-size: 1.875vw; color: #cbcbcb; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .desc { padding-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; color: #d5d5d5; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list.cur .year { color: #010101; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list.cur .desc { color: #000000; }
  /*--实力认可--*/
  /*--沙漠风与众不同--*/
  .differentTitle { font-size: 2.813vw; }
  .differentDesc { max-width: 62.5vw; font-size: 1vw; line-height: 1.625vw; padding-top: 1.875vw; }
  .differentIntroMain { padding: 6.875vw 0vw 0vw; }
  .differentIntroMain .differentIntro { padding-bottom: 5.625vw; }
  .differentIntroMain .differentIntroList .list { top: 5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 6.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .differentIntroMain .differentIntroList .list .content { width: 35vw; padding: 4.375vw 5.313vw 4.375vw 4.688vw; }
  .differentIntroMain .differentIntroList .list .content .listTitle { font-size: 2.5vw; line-height: 3.125vw; }
  .differentIntroMain .differentIntroList .list .content .listDesc { padding-top: 2.813vw; font-size: 1vw; line-height: 1.625vw; }
  .differentIntroMain .differentIntroList .list .content .icon { margin-top: 3.125vw; width: 8.438vw; height: 8.438vw; }
  .differentIntroMain .differentIntroList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 45.332%; }
  .differentTop500Main { padding: 5.625vw 0vw; }
  .differentTop500Main .differentTop500 { margin: 0vw -0.438vw; padding-top: 6.25vw; }
  .differentTop500Main .differentTop500 .list { width: 14.285714285714286%; padding: 0vw 0.344vw; margin-top: 0.938vw; }
  .differentTop500Main .differentTop500 .list img { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  .differentTop500Main .differentTop500 .list::after { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; -webkit-box-shadow: 0vw 1vw 2.375vw rgba(75, 61, 61, 0.86); box-shadow: 0vw 1vw 2.375vw rgba(75, 61, 61, 0.86); }
  .differentTop500Main .differentTop500 .list span { right: 1.438vw; left: 1.438vw; top: 0.313vw; -webkit-border-radius: 0.75vw; border-radius: 0.75vw; }
  .differentTop500Main .differentTop500 .list:hover span { -webkit-transform: scale(1.2) translateY(0.25vw); -ms-transform: scale(1.2) translateY(0.25vw); transform: scale(1.2) translateY(0.25vw); }
  .caseExperienceMain { padding: 5.625vw 0vw; }
  .caseExperienceMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseExperienceMain .caseExperienceListBox { width: 64.75vw; }
  .caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox { left: 9.8%; top: 1%; width: 80%; height: 87%; -webkit-border-radius: 1.25vw 1.25vw 0.313vw 0.313vw; border-radius: 1.25vw 1.25vw 0.313vw 0.313vw; }
  .caseExperienceMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 4.375vw 1.563vw 0vw 1.25vw; }
  .caseExperienceMain .content .title { font-size: 2.813vw; line-height: 3.438vw; }
  .caseExperienceMain .content .desc { font-size: 1vw; padding-top: 1.875vw; line-height: 1.625vw; }
  .differentMarketingMain { padding: 9.375vw 0vw; }
  .differentMarketingMain .differentMarketing .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 8.75vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listTitle { font-size: 2.813vw; line-height: 3.438vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listDesc { font-size: 1vw; padding-top: 1.875vw; line-height: 1.625vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox { width: 34.375vw; margin: 0vw 12.5vw 0vw 0vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgTitle { left: 0vw; font-size: 1.438vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgText p { font-size: 1.438vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgTitle { top: 13.75vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(1) { top: 9.25vw; left: 5.625vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(2) { top: 9.25vw; right: 5.625vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(3) { bottom: 5.313vw; left: 0vw; width: 100%; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(1) { top: 2.188vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(2) { top: 50%; padding-left: 1.25vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(3) { top: 50%; padding-right: 1.25vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(4) { bottom: 2.188vw; }
  .differentConsult { padding: 4.375vw 0vw 5.625vw; }
  .differentConsult .btn { padding-top: 3.125vw; }
  .differentConsult .btn a { width: 19.375vw; height: 3vw; font-size: 0.875vw; -webkit-border-radius: 3vw; border-radius: 3vw; }
  /*--沙漠风与众不同--*/
  /*--理念信仰--*/
  .ideaAndBeliefMain { padding: 6.25vw 0vw 0vw; }
  .ideaAndBeliefMain .title { font-size: 1vw; }
  .ideaAndBeliefMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .ideaAndBeliefMain .desc { padding-top: 1.563vw; font-size: 2.813vw; line-height: 3.438vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox { padding: 4.375vw 0vw; margin-top: 4.375vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .imgBox { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; left: 6.25vw; right: 6.25vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer { margin-bottom: -2.5vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer img { max-width: 54%; }
  .ideaAndBeliefMain .ideaAndBeliefBox .content { font-size: 1vw; line-height: 1.625vw; text-align: center; }
  .ideaAndBeliefMain .ideaAndBeliefBox.animat .imgBox { left: 0vw; right: 0vw; -webkit-border-radius: 0vw; border-radius: 0vw; }
  .ideaAndBeliefListMain { padding: 6.875vw 0vw 8.125vw; }
  .ideaAndBeliefListMain .title { font-size: 1vw; }
  .ideaAndBeliefListMain .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .ideaAndBeliefListMain .desc { font-size: 2.813vw; padding-top: 0.313vw; line-height: 3.438vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList { padding-top: 4.375vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list { margin-bottom: 1vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .contentBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 66%; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox { position: absolute; width: 49.3%; padding-top: 30%; height: 100%; left: 0vw; top: 0vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content { margin: 0vw; width: 49.3%; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 2.813vw 3.438vw 5vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon { padding-bottom: 1.25vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon img { height: 2vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listTitle { font-size: 2.25vw; line-height: 2.875vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listDesc { padding-top: 5vw; font-size: 0.938vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list:nth-child(1) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list:nth-child(1) .contentBox { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  /*--理念信仰--*/
  /*--常见问题--*/
  .QAMain { padding: 5vw 0vw; }
  .QAMain .title { font-size: 2.813vw; }
  .QAMain .QAList { padding-top: 3.75vw; }
  .QAMain .QAList .list { margin-top: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding-bottom: 0vw; }
  .QAMain .QAList .list .listTitle { padding: 0vw 2.5vw 0vw 4.375vw; min-height: 5.625vw; font-size: 1.125vw; }
  .QAMain .QAList .list .listTitle span { left: 2.5vw; top: 2.063vw; width: 1.25vw; height: 1.25vw; padding-top: 0.188vw; font-size: 0.875vw; }
  .QAMain .QAList .list .listTitle i { width: 0.875vw; height: 0.875vw; top: 2.25vw; right: 2.5vw; }
  .QAMain .QAList .list .listTitle i::after { height: 0.125vw; }
  .QAMain .QAList .list .listTitle i::before { width: 0.125vw; }
  .QAMain .QAList .list .content { margin: 0vw 2.5vw; padding: 1.875vw 2.813vw; font-size: 0.938vw; line-height: 1.813vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .QAMain .QAList .list.cur { padding-bottom: 2.188vw; }
  /*--常见问题--*/
  /*--客户列表--*/
  .customerListMain { padding: 8.125vw 0vw; }
  .customerListMain .customerListDesc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .customerListMain .customerListDesc .numberBox { width: 32.813vw; }
  .customerListMain .customerListDesc .numberBox .numberText { font-size: 3.75vw; }
  .customerListMain .customerListDesc .numberBox .numberText span { font-size: 7.875vw; }
  .customerListMain .customerListDesc .numberBox .desc { font-size: 2.813vw; }
  .customerListMain .customerListDesc .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1vw; line-height: 1.625vw; padding: 0vw; }
  .customerListMain .customerList { margin: 0vw -0.438vw; padding-top: 5vw; }
  .customerListMain .customerList .list { width: 14.285714285714286%; padding: 0vw 0.438vw; margin-top: 0.938vw; }
  .customerListMain .customerList .list img { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  .customerListMain .customerList .list::after { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; -webkit-box-shadow: 0vw 1vw 2.375vw rgba(75, 61, 61, 0.86); box-shadow: 0vw 1vw 2.375vw rgba(75, 61, 61, 0.86); }
  .customerListMain .customerList .list span { right: 1.438vw; left: 1.438vw; top: 0.313vw; bottom: 0vw; -webkit-border-radius: 0.75vw; border-radius: 0.75vw; }
  /*--客户列表--*/
  /*--客户评价--*/
  .customerEvaluationMain { padding: 5vw 0vw 8.75vw; }
  .customerEvaluationMain .title { font-size: 2.813vw; }
  .customerEvaluationMain .customerEvaluation { padding-top: 1.875vw; margin: 0vw -1.25vw; }
  .customerEvaluationMain .customerEvaluation .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(50% - 2.5vw); width: calc(50% - 2.5vw); margin: 2.5vw 1.25vw 0vw; padding: 4.375vw 4.688vw 4.375vw 3.438vw; -webkit-box-shadow: 0vw 4.375vw 1.875vw -3.125vw rgba(65, 50, 25, 0); box-shadow: 0vw 4.375vw 1.875vw -3.125vw rgba(65, 50, 25, 0); background: #fff; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; overflow: hidden; display: flex; position: relative; }
  .customerEvaluationMain .customerEvaluation .list::after { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo { width: 15.625vw; padding-top: 0.625vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo img { max-width: 80%; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line { bottom: 0vw; width: 4.063vw; display: block; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::before { width: 100%; height: 0.313vw; -webkit-border-radius: 0.188vw; border-radius: 0.188vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::after { width: 70%; height: 0.313vw; margin-top: 0.438vw; -webkit-border-radius: 0.188vw; border-radius: 0.188vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle { font-size: 2.25vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle img { width: 2.5vw; height: 100%; top: 0.813vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listDesc { padding-top: 1.875vw; font-size: 0.938vw; line-height: 1.625vw; }
  .customerEvaluationMain .customerEvaluation .list:hover { -webkit-box-shadow: 0vw 4.375vw 1.875vw -3.125vw rgba(65, 50, 25, 0.3); box-shadow: 0vw 4.375vw 1.875vw -3.125vw rgba(65, 50, 25, 0.3); }
  /*--客户评价--*/
  /*--人才招聘--*/
  .jobIntroMain { padding: 11.875vw 0vw; }
  .jobIntroMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
  .jobIntroMain .content { max-width: 37.5vw; }
  .jobIntroMain .content .title { font-size: 3.125vw; line-height: 3.75vw; }
  .jobIntroMain .content .desc { padding-top: 1.875vw; font-size: 1vw; line-height: 1.625vw; }
  .jobIntroMain .content .btn { padding-top: 3.125vw; }
  .jobIntroMain .content .btn a { font-size: 0.875vw; height: 2.563vw; padding: 0vw 1.563vw; }
  .jobIntroMain .content .btn a i { font-size: 0.5vw; margin-left: 0.625vw; }
  .jobIntroMain .content .btn a::after { -webkit-border-radius: 2.563vw; border-radius: 2.563vw; }
  .jobIntroMain .content .btn a:hover::after { width: 2.563vw; }
  .jobIntroMain .content .btn a:hover i { -webkit-transform: translateX(0.5vw); -ms-transform: translateX(0.5vw); transform: translateX(0.5vw); margin-left: 0.938vw; }
  .jobIntroMain .content .btn a:hover { padding-left: 0vw; }
  .jobListMain { padding: 4.375vw 0vw 5vw; }
  .jobListMain .jobList .list { margin-top: 1.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding-bottom: 0vw; }
  .jobListMain .jobList .list .listTitle { padding: 0vw 2.5vw 0vw 4.375vw; min-height: 5.625vw; font-size: 1.125vw; }
  .jobListMain .jobList .list .listTitle i { width: 0.875vw; height: 0.875vw; top: 2.25vw; right: 2.5vw; }
  .jobListMain .jobList .list .contentBox { margin: 0vw 2.5vw; display: none; padding: 1.875vw 2.813vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .jobListMain .jobList .list .contentBox .contentTitle { font-size: 1.125vw; padding-bottom: 1.563vw; }
  .jobListMain .jobList .list .contentBox .content { font-size: 0.938vw; padding-bottom: 1.875vw; line-height: 1.813vw; }
  .jobListMain .jobList .list .contentBox .btn a { font-size: 0.875vw; height: 3vw; padding: 0vw 1.563vw; }
  .jobListMain .jobList .list .contentBox .btn a i { font-size: 0.5vw; margin-left: 0.938vw; }
  .jobListMain .jobList .list .contentBox .btn a::after { -webkit-border-radius: 3vw; border-radius: 3vw; }
  .jobListMain .jobList .list .contentBox .btn a:hover::after { width: 3vw; }
  .jobListMain .jobList .list .contentBox .btn a:hover i { margin-left: 1.25vw; -webkit-transform: translateX(0.375vw); -ms-transform: translateX(0.375vw); transform: translateX(0.375vw); }
  .jobListMain .jobList .list .contentBox .btn a:hover { padding-left: 0vw; }
  .jobListMain .jobList .list.cur { padding-bottom: 2.813vw; }
  /*--人才招聘--*/
  /*--定制化电商网站建设方案--*/
  .buyingQuestions { padding-top: 0vw; }
  .buyingQuestions .list { margin-top: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding-bottom: 0vw; }
  .buyingQuestions .list .listTitle { padding: 0vw 2.5vw 0vw 4.375vw; min-height: 5.625vw; font-size: 1.125vw; }
  .buyingQuestions .list .listTitle span { left: 2.5vw; top: 2.063vw; width: 1.25vw; height: 1.25vw; padding-top: 0.188vw; font-size: 0.875vw; }
  .buyingQuestions .list .listTitle i { width: 0.875vw; height: 0.875vw; top: 2.25vw; right: 2.5vw; }
  .buyingQuestions .list .listTitle i::after { height: 0.125vw; }
  .buyingQuestions .list .listTitle i::before { width: 0.125vw; }
  .buyingQuestions .list .content { margin: 0vw 2.5vw; padding: 1.875vw 2.813vw; font-size: 0.938vw; line-height: 1.813vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .buyingQuestions .list.cur { padding-bottom: 2.188vw; }
  /*--定制化电商网站建设方案--*/
  /*--网站推广优化方案--*/
  .websitePromotionBox { padding: 6.563vw 0vw 12.5vw; }
  .websitePromotionBox .title { font-size: 1vw; }
  .websitePromotionBox .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .websitePromotionBox .subTitle { padding-top: 1.563vw; font-size: 2.5vw; }
  .websitePromotionBox .websitePromotionDesc { padding-top: 1.563vw; font-size: 1vw; line-height: 1.625vw; }
  .websitePromotionBox .websitePromotion { padding-top: 3.75vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .websitePromotionBox .websitePromotion .imgBox { width: 46.25vw; }
  .websitePromotionBox .websitePromotion .imgBox img { -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .websitePromotionBox .websitePromotion .content { padding: 3.125vw 0vw 0vw 5vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .websitePromotionBox .websitePromotion .content .list { padding: 1.25vw 0vw 4.063vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle span { width: 1.875vw; height: 1.875vw; padding-top: 0.25vw; font-size: 1.125vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle h3 { font-size: 1.375vw; padding-left: 0.625vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon { width: 0.938vw; height: 0.938vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::after { width: 0.188vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::before { height: 0.188vw; }
  .websitePromotionBox .websitePromotion .content .list .desc { padding-top: 1.25vw; font-size: 0.938vw; line-height: 1.563vw; }
  .websiteOptimizationImportanceMain { padding: 5.625vw 0vw; }
  .websiteOptimizationImportanceMain .title { font-size: 2.5vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance { padding-top: 3.125vw; display: -ms-grid; display: grid; grid-gap: 2.5vw; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list { padding: 2.813vw 3.75vw; margin: 0vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .letter { min-width: 3.125vw; width: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; height: 3.125vw; font-size: 1.25vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.25vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .listTitle { font-size: 1.875vw; padding-top: 0.313vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0vw -0.625vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.875vw 0.625vw 0vw; font-size: 1.063vw; line-height: 1.625vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList .listSubTitle { font-size: 1.25vw; padding-bottom: 0.938vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList p { font-weight: 100; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list:nth-child(2) { -ms-grid-column: 2; grid-column: 2; grid-row: 1 / 3; min-height: 41.25vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list:nth-child(2) .contentBox .content .contentList { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 50%; }
  /*--网站推广优化方案--*/
  /*--方案列表--*/
  .solutionBanner .imgBox { padding-top: 41.875vw; }
  .solutionBanner .solutionBannerText .title { font-size: 3.125vw; line-height: 3.75vw; }
  .solutionBanner .solutionBannerText .desc { padding-top: 1.875vw; font-size: 1.125vw; }
  .solutionBanner .solutionBannerText .desc i { margin-left: 0.5vw; line-height: .1; width: 1.563vw; height: 1.563vw; font-size: 0.5vw; }
  .solutionBanner .btn { font-size: 0.938vw; bottom: 1.875vw; padding: 0vw 1.875vw; height: 4vw; -webkit-border-radius: 4vw; border-radius: 4vw; }
  .solutionBanner .btn p { margin-left: 0.625vw; width: 2.188vw; height: 2.188vw; }
  .solutionBanner .btn p img { width: 1.25vw; height: 1.25vw; }
  .solutionTitleIntro { padding: 6.25vw 0vw 0vw; }
  .solutionTitleIntro .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .solutionTitleIntro .container .title { width: 50%; padding: 0vw 6.875vw 0vw 0vw; font-size: 2.813vw; line-height: 3.438vw; }
  .solutionTitleIntro .container .title i { width: 1.563vw; height: 1.563vw; margin-left: 0.625vw; }
  .solutionTitleIntro .container .title i::before { height: 0.313vw; }
  .solutionTitleIntro .container .title i::after { width: 0.313vw; }
  .solutionTitleIntro .container .intro { width: 50%; padding: 0vw 0vw 0vw 3.875vw; font-size: 1.063vw; line-height: 1.75vw; }
  .solutionListMain { padding: 5vw 0vw 0.063vw; }
  .solutionListMain .container::after { left: 0.625vw; right: 0.625vw; }
  .solutionList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0vw -3.875vw; padding: 0vw 0vw 3.875vw; }
  .solutionList .list { width: 50%; padding: 0vw 3.875vw; }
  .solutionList .list .imgBox { padding-top: 50.794%; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .solutionList .list .content { padding: 2.5vw 1.25vw 4.063vw 1.25vw; }
  .solutionList .list .content .listTitle { font-size: 1.875vw; }
  .solutionList .list .content .desc { margin-top: 1.25vw; font-size: 1vw; display: -webkit-box; height: 3.25vw; line-height: 1.625vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .solutionList .list .content .arrow { padding-top: 1.563vw; }
  .solutionList .list .content .arrow i { width: 3.75vw; height: 2.563vw; font-size: 0.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .solutionList .list:hover .content .arrow i { width: 2.563vw; }
  .solutionList .list:nth-child(2n) { top: 3.75vw; }
  /*--方案列表--*/
  /*--外贸网站方案--*/
  .foreignTradeSolutionBanner .imgBox { padding-top: 37.5vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .title { font-size: 3.75vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn { padding-top: 0.938vw; font-size: 0.938vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn i { margin-left: 0.5vw; width: 1.563vw; height: 1.563vw; font-size: 0.5vw; line-height: 0.1; }
  .foreignTradeSolution { padding: 7.5vw 0vw 9.375vw; }
  .foreignTradeSolution .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .foreignTradeSolution .imgBox { width: 50vw; }
  .foreignTradeSolution .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 3.75vw 0vw 0vw 4.688vw; }
  .foreignTradeSolution .content .title { font-size: 1vw; }
  .foreignTradeSolution .content .title::before { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .foreignTradeSolution .content .subTitle { margin-top: 1.25vw; padding: 0vw 1.25vw 0vw 0vw; font-size: 2.5vw; line-height: 3.125vw; letter-spacing: -2px; }
  .foreignTradeSolution .content .desc { margin-top: 2.5vw; padding: 0vw 1.25vw 0vw 0vw; max-height: 18.125vw; font-size: 1vw; line-height: 1.625vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar { width: 0.25vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-track { -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .foreignTradeSolution .content .desc2 { margin-top: 0.625vw; padding: 0vw 1.25vw 0vw 0vw; max-height: 18.125vw; font-size: 1vw; line-height: 1.625vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar { width: 0.25vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-track { -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-thumb { -webkit-border-radius: 0.5vw; border-radius: 0.5vw; }
  .foreignTradeSolution .content .threeTitle { margin-top: 0.625vw; font-size: 1.25vw; }
  .foreignTradeSolutionListMain { padding: 6.25vw 0vw 6.25vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .title { font-size: 2.5vw; width: 38.75vw; padding: 0vw 3.75vw 0vw 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.125vw; line-height: 1.938vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList { margin-top: 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content { width: 35vw; padding: 3.125vw 5vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number { width: 2.5vw; height: 2.5vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span { font-size: 0.875vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(1) { left: 0vw; top: 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(2) { right: 0vw; bottom: 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .listTitle { margin-top: 2.813vw; font-size: 2.5vw; line-height: 1.3; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .desc { padding: 2.5vw 0vw 7.5vw; font-size: 1vw; max-width: 23.438vw; line-height: 1.625vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 40%; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox { left: 5vw; bottom: 4.063vw; width: auto; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox a { width: 4.375vw; height: 4.375vw; margin-right: 0.625vw; font-size: 1.5vw; }
  .extensionServerMain { padding: 7.188vw 0vw; }
  .extensionServerMain .title { font-size: 2.5vw; line-height: 3.125vw; }
  .extensionServerMain .content { padding-top: 0.938vw; font-size: 1.125vw; line-height: 1.75vw; }
  .extensionServerMain .extensionServer { margin: 0vw -1.25vw; padding-top: 5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .extensionServerMain .extensionServer .list { width: -webkit-calc(50% - 2.5vw); width: calc(50% - 2.5vw); margin: 0vw 1.25vw; padding: 3.438vw 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .extensionServerMain .extensionServer .list .listTitle { font-size: 1.5vw; padding-bottom: 2.5vw; }
  .extensionServerMain .extensionServer .list .listTitle span { font-size: 1.25vw; margin-right: 0.938vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .extensionServerMain .extensionServer .list .desc { font-size: 1vw; line-height: 1.625vw; }
  .extensionServerMain .extensionServer:first-child { padding-top: 0vw; }
  .solutionTypeMain { padding: 6.875vw 0vw; }
  .solutionTypeMain .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .solutionTypeMain .titleBox { width: 37.813vw; padding: 0vw 4.688vw 0vw 0vw; }
  .solutionTypeMain .titleBox .title { font-size: 2.5vw; line-height: 1.2; top: 6.875vw; }
  .solutionTypeMain .solutionTypeList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list { top: 3.75vw; position: -webkit-sticky; position: sticky; padding: 3.75vw 2.813vw 4.688vw; margin-bottom: 1.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .solutionTypeMain .solutionTypeList .list .icon { width: 13.438vw; }
  .solutionTypeMain .solutionTypeList .list .icon img { width: 2.813vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line { margin-top: 3.75vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line::before { width: 4.063vw; height: 0.313vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line::after { width: 3.125vw; height: 0.313vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; margin-top: 0.625vw; }
  .solutionTypeMain .solutionTypeList .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list .content::after { left: -1.875vw; top: -0.75vw; width: 2.563vw; height: 2.563vw; background-size: 2.563vw; }
  .solutionTypeMain .solutionTypeList .list .content .listTitle { font-size: 1.5vw; line-height: 1.3; }
  .solutionTypeMain .solutionTypeList .list .content .desc { font-size: 1vw; padding-top: 1.25vw; }
  /*--外贸网站方案--*/
  /*--响应式网站建设方案--*/
  .designPatternMain { min-height: 100vh; width: 100%; }
  .designPatternMain .title { font-size: 2.5vw; padding-top: 1.875vw; }
  .designPatternMain .designPatternBox { margin-top: 3.75vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .designPatternMain .designPatternBox .imgBox { width: 46.25vw; padding-top: 0vw; }
  .designPatternMain .designPatternBox .imgBox img { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  .designPatternMain .designPatternBox .designPattern { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 5vw; height: 43.125vw; }
  .designPatternMain .designPatternBox .designPattern .list { height: 14.5%; overflow: hidden; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle { height: 6.25vw; padding: 0vw; font-size: 1.5vw; color: #cacaca; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle i { font-size: 0.75vw; margin-left: 0.625vw; top: -0.25vw; }
  .designPatternMain .designPatternBox .designPattern .list .desc { padding-bottom: 4.063vw; font-size: 1vw; line-height: 1.75vw; }
  .designPatternMain .designPatternBox .designPattern .list.cur .listTitle { font-size: 1.875vw; color: #010101; }
  .solutionConsultMain { padding: 5vw 0vw 5.625vw; }
  .solutionConsultMain .title { font-size: 2.813vw; }
  .solutionConsultMain .desc { padding-top: 1.875vw; font-size: 1vw; line-height: 1.625vw; max-width: 67.5vw; }
  .solutionConsultMain .btn { padding-top: 2.813vw; }
  .solutionConsultMain .btn a { width: 19.5vw; height: 3vw; font-size: 0.875vw; -webkit-border-radius: 3vw; border-radius: 3vw; }
  .solutionConsultMain .iconList { padding-top: 2.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .solutionConsultMain .iconList .list { width: 20vw; font-size: 1.5vw; margin: 0vw 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 1.25vw 1.875vw; }
  .solutionConsultMain .iconList .list img { height: 4.5vw; margin-right: 1.25vw; }
  /*--响应式网站建设方案--*/
  /*--定制化电商网站建设方案--*/
  .electronicBusinessSolution { padding: 5.938vw 0vw 8.438vw; }
  .electronicBusinessSolution .title { font-size: 2.5vw; }
  .electronicBusinessSolution .desc { padding-top: 0.625vw; font-size: 1.125vw; line-height: 1.75vw; }
  .electronicBusinessSolution .listBox { padding-top: 4.375vw; }
  .electronicBusinessSolution .list { top: 3.125vw; margin-bottom: 2.813vw; padding: 4.063vw 3.125vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; -webkit-backdrop-filter: blur(0.938vw); backdrop-filter: blur(0.938vw); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .electronicBusinessSolution .list .listTitleBox { min-width: 31.25vw; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .electronicBusinessSolution .list .listTitleBox .listTitle { font-size: 2.5vw; }
  .electronicBusinessSolution .list .listTitleBox .number { margin-right: 1.25vw; width: 3.875vw; height: 3.875vw; font-size: 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; }
  .electronicBusinessSolution .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.063vw; line-height: 1.625vw; padding-top: 0vw; }
  .electronicBusinessFeatureBox { padding: 6.25vw 0vw 4.063vw; }
  .electronicBusinessFeatureClass { padding-bottom: 2.813vw; }
  .electronicBusinessFeatureClass .list a { font-size: 2.5vw; }
  .electronicBusinessFeatureClass .list span { font-size: 2.5vw; font-weight: 100; padding: 0vw 1.563vw; }
  .electronicBusinessFeatureTwoClass { padding-bottom: 3.125vw; }
  .electronicBusinessFeatureTwoClass .list a { margin-right: 0.938vw; width: 10vw; height: 2.5vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; padding: 0vw 0.938vw; font-size: 0.938vw; }
  .electronicBusinessFeatureTwoClass .list a i { width: 0.625vw; height: 0.625vw; }
  .electronicBusinessFeature { padding-top: 3.125vw; }
  .electronicBusinessFeature .listBox { margin: 0vw -0.625vw; }
  .electronicBusinessFeature .listBox .list { width: -webkit-calc(50% - 1.25vw); width: calc(50% - 1.25vw); margin: 0vw 0.625vw 1.25vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 1.563vw 1.875vw; }
  .electronicBusinessFeature .listBox .list h3 { font-size: 1.25vw; }
  .electronicBusinessFeature .listBox .list h3::before { width: 0.313vw; height: 0.813vw; -webkit-border-radius: 0.313vw; border-radius: 0.313vw; margin-right: 0.313vw; }
  .electronicBusinessFeature .listBox .list .desc { padding-top: 0.313vw; font-size: 0.938vw; }
  /*--定制化电商网站建设方案--*/
  /*--软件网站建设方案--*/
  .furnishSolutionMain { padding: 6.25vw 0vw 8.125vw; }
  .furnishSolutionMain .title { font-size: 2.5vw; }
  .furnishSolutionMain .content { margin-top: 0.938vw; font-size: 1vw; line-height: 1.625vw; }
  .furnishSolutionMain .furnishSolutionBox { margin-top: 5vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; padding: 4.063vw 5.625vw 4.688vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .swiper-slide { padding: 0vw 15vw 6.25vw 0vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .listTitle { font-size: 1.875vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .desc { margin-top: 1.563vw; font-size: 1vw; line-height: 1.625vw; }
  .furnishSolutionMain .furnishSolutionBox:first-child { margin-top: 0vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass { min-height: 18.75vw; padding-left: 9.375vw; width: 29.063vw; display: block; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a { font-size: 1.125vw; padding-bottom: 1.25vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a.cur { font-size: 1.5vw; }
  .furnishSolutionMain .furnishSolutionBox .btn { left: 5.625vw; bottom: 5.625vw; position: absolute; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 0vw; }
  .furnishSolutionMain .furnishSolutionBox .btn a { width: 5vw; height: 3.125vw; margin-right: 0.313vw; -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .framesolutionMain { padding: 6.875vw 0vw 0vw; }
  .framesolutionMain .title { font-size: 2.5vw; }
  .framesolutionMain .desc { font-size: 1.125vw; line-height: 1.875vw; padding-top: 1.25vw; }
  .framesolutionMain .framesolutionBox { padding: 5vw 0vw 7.5vw; }
  .framesolutionMain .framesolutionBox .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .framesolutionMain .framesolutionBox .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding-top: 0vw; }
  .framesolutionMain .framesolutionBox .imgBox img { -webkit-border-radius: 0.938vw; border-radius: 0.938vw; }
  .framesolutionMain .framesolutionBox .framesolution { width: 47.5vw; height: 47.5vw; padding: 0vw 0vw 0vw 5vw; }
  .framesolutionMain .framesolutionBox .framesolution .list { height: 11.843%; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle { font-size: 1.5vw; height: 5.625vw; color: #cacaca; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle i { font-size: 0.875vw; margin-left: 0.625vw; color: #cacaca; }
  .framesolutionMain .framesolutionBox .framesolution .list .content { font-size: 1vw; line-height: 1.75vw; padding-bottom: 3.75vw; }
  .framesolutionMain .framesolutionBox .framesolution .list.cur .listTitle { font-size: 1.875vw; }
  /*--软件网站建设方案--*/
  /*--数码3C企业网站建设方案--*/
  .solutionTextListMain { padding: 4.375vw 0vw 5.625vw; }
  .solutionTextListMain .title { font-size: 1vw; }
  .solutionTextListMain .title::after { width: 0.75vw; height: 0.75vw; margin-right: 0.625vw; }
  .solutionTextListMain .subTitle { padding: 0.938vw 0vw; font-size: 2.5vw; }
  .solutionTextList { margin: 0vw -0.625vw; padding-top: 3.75vw; }
  .solutionTextList .list { width: -webkit-calc(50% - 1.25vw); width: calc(50% - 1.25vw); padding: 3.438vw 4.375vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; margin: 0vw 0.625vw 1.25vw; }
  .solutionTextList .list .listTitle { font-size: 1.5vw; }
  .solutionTextList .list .content { padding-top: 0.938vw; font-size: 1vw; }
  .solutionTextList .list .number { margin-top: 2.188vw; width: 3.875vw; height: 3.875vw; -webkit-border-radius: 1.25vw; border-radius: 1.25vw; font-size: 1.25vw; }
  /*--数码3C企业网站建设方案--*/
  /*--门户网站建设方案--*/
  .solutionSystemFunctionMain { padding: 4.375vw 0vw; }
  .solutionSystemFunctionMain .title { font-size: 2.5vw; padding-bottom: 0vw; }
  .solutionSystemFunctionMain .content { padding-top: 0.313vw; font-size: 1vw; line-height: 1.75vw; }
  /*--门户网站建设方案--*/
  /*--app定制开发--*/
  .appNLP { padding-right: 2.5vw; }
  .appNLP .list { width: 33.333%; margin-top: 2.813vw; }
  .appNLP .list .icon img { height: 2.563vw; }
  .appNLP .list .text { padding-top: 0.625vw; font-size: 0.938vw; }
  .appNativeMain { padding: 6.25vw 0vw; }
  .appNativeMain .title { font-size: 2.5vw; }
  .appNativeMain .desc { padding-top: 1.563vw; max-width: 83.125vw; font-size: 1vw; line-height: 1.625vw; }
  .appNativeMain .appNative { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5vw; }
  .appNativeMain .appNative .advantage { width: 50%; min-height: 36.875vw; -webkit-box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.875vw; border-radius: 1.875vw; }
  .appNativeMain .appNative .advantage .advantageTitle { height: 7.188vw; padding: 0vw; font-size: 1.5vw; }
  .appNativeMain .appNative .advantage .advantageTitle i { font-weight: 100; font-size: 1.875vw; margin-right: 0.625vw; }
  .appNativeMain .appNative .advantage .content { padding: 3.125vw 5.313vw; line-height: 1.625vw; font-size: 1vw; }
  .appNativeMain .appNative .advantage .content h3 { font-size: 1.25vw; font-weight: 600; padding-bottom: 0.625vw; }
  .appNativeMain .appNative .shortcomingBox { width: 50%; padding: 3.125vw 0vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(1.25vw); backdrop-filter: blur(1.25vw); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0vw 1.875vw 1.875vw 0vw; border-radius: 0vw 1.875vw 1.875vw 0vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle { height: 5.563vw; padding: 0vw; font-size: 1.5vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 1.875vw; margin-right: 0.625vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content { padding: 3.125vw 5.313vw; line-height: 1.625vw; font-size: 1vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content h3 { font-size: 1.25vw; font-weight: 600; padding-bottom: 0.625vw; }
  .webAppMain { padding: 6.25vw 0vw; }
  .webAppMain .title { font-size: 2.5vw; }
  .webAppMain .desc { padding-top: 1.563vw; max-width: 83.125vw; font-size: 1vw; line-height: 1.625vw; }
  .webAppMain .webApp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5vw; }
  .webAppMain .webApp .advantage { width: 50%; min-height: 36.875vw; -webkit-box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.5vw 3.563vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.875vw; border-radius: 1.875vw; }
  .webAppMain .webApp .advantage .advantageTitle { height: 7.188vw; padding: 0vw; font-size: 1.5vw; }
  .webAppMain .webApp .advantage .advantageTitle i { font-weight: 100; font-size: 1.875vw; margin-right: 0.625vw; }
  .webAppMain .webApp .advantage .content { padding: 3.125vw 5.313vw; line-height: 1.625vw; font-size: 1vw; }
  .webAppMain .webApp .advantage .content h3 { font-size: 1.25vw; font-weight: 600; padding-bottom: 0.625vw; }
  .webAppMain .webApp .shortcomingBox { width: 50%; padding: 3.125vw 0vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(1.25vw); backdrop-filter: blur(1.25vw); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0vw 1.875vw 1.875vw 0vw; border-radius: 0vw 1.875vw 1.875vw 0vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle { height: 5.563vw; padding: 0vw; font-size: 1.5vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 1.875vw; margin-right: 0.625vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content { padding: 3.125vw 5.313vw; line-height: 1.625vw; font-size: 1vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content h3 { font-size: 1.25vw; font-weight: 600; padding-bottom: 0.625vw; }
  /*--app定制开发--*/ }

@media (min-width: 992px) { .header { padding: 0vw; height: auto; -webkit-transition: all .8s ease; transition: all .8s ease; }
  .header .logo img { height: 3.438vw; }
  .header .logo h1 { font-size: 0.875vw; line-height: 1.125vw; }
  .header .logo a:nth-child(2) { padding-left: 1.25vw; margin-left: 1.25vw; font-size: 0.875vw; line-height: 1.125vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header .navBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 20; position: static;}
  .header .navBox .nav { display: block; position: static; overflow: visible; background: none; padding: 0px; border: none; }
  .header .navBox .nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0px; }
  .header .navBox .nav ul li { padding-right: 2.188vw; border: none; position: static; }
  .header .navBox .nav ul li em { display: none; }
  .header .navBox .nav ul li h2 a { font-size: 1vw; line-height: 6.25vw; z-index: 20; font-weight: 600; padding: 0px; color: #fff; }
  .header .navBox .nav ul li:hover a span::after { width: 100%; left: 0vw; right: auto; }
  .header .navBox .consultBtn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0vw 0.813vw 0vw 1.438vw; font-weight: 600; height: 2.313vw; font-size: 0.875vw; -webkit-border-radius: 2.313vw; border-radius: 2.313vw; }
  .header .navBox .consultBtn span { padding-right: 0.625vw; }
  .header .navBox .consultBtn i { font-size: 0.5vw; width: 1.25vw; height: 1.25vw; }
  .header .navBox .consultBtn::after { -webkit-border-radius: 2.313vw; border-radius: 2.313vw; }
  .header .navBox .consultBtn:hover::after { width: 2.313vw; right: 0vw; }
  .header .navBox .consultBtn:hover i { -webkit-transform: translateX(0.313vw); -ms-transform: translateX(0.313vw); transform: translateX(0.313vw); }
  .header .navBox .nav ul li .subNavMain { right: -6.563vw; top: 4.938vw; position: absolute; overflow: hidden; max-height: 0px; -webkit-transition: all .8s ease; transition: all .8s ease; display: block !important; }
  .header .navBox .nav ul li .subNavMain .subNavBox { margin-top: 1.25vw; background: #fbfbfb; border: none; padding: 1.875vw 0.938vw 2.188vw; -webkit-border-radius: 0vw 0vw 1.875vw 1.875vw; border-radius: 0vw 0vw 1.875vw 1.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .header .navBox .nav ul li .subNavMain .subNavBox .listBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 36.25vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list { width: 18.125vw; padding: 0.625vw 1.563vw 0vw; border-right: 0.063vw solid #f6f6f6; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.938vw 0vw 0.938vw 1.563vw; background: #f6f6f6; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a::after { display: none; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .icon { width: 2.125vw; height: 2.125vw; font-size: 1.25vw; -webkit-border-radius: 100%; border-radius: 100%; background: #fff8f8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #ff0000; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content { width: -webkit-calc(100% - 2.125vw); width: calc(100% - 2.125vw); padding: 0vw 0.625vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .listTitle { font-size: 0.938vw; line-height: 1.5; color: #434343; font-weight: 600; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .desc { font-size: 0.75vw; height: 1.125vw; color: #8e8e8e; display: block; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list:nth-child(-n+2) { padding-top: 0vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a:hover { background-color: #f0d4ca; background-image: linear-gradient(145deg, #fff2f2, #f0d4ca); }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a:hover .icon { background: #fff; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list:nth-child(2n){border-right:none;}
  .header .navBox .nav ul li:hover .subNavMain { max-height: 100vh; }
  .header .navBox .nav ul li:nth-child(2) .subNavMain {right: -357%;}
  .header .navBox .nav ul li:nth-child(4) .subNavMain {right: -300%; }
  .header .navBox .nav ul li:nth-child(5) .subNavMain {right: -200%;}
  .header .navBox .nav ul li:nth-child(6) .subNavMain {right: -100%;}
  .header .navBox .nav ul li:nth-child(7) .subNavMain {right: 0%;}
  
  .header .navBox .nav ul li .navDownMenuMain{position: absolute; left: 0px; top: -webkit-calc(100% - 0vw); top: -moz-calc(100% - 0vw); top: calc(100% - 0vw); width: 100%; overflow: hidden; max-height: 0px; -webkit-transition: all .8s ease; -o-transition: all .8s ease; -moz-transition: all .8s ease; transition: all .8s ease; display: block;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox{background: #fffcf5; border-top: 1px solid rgba(80,77,77,0.1); padding: 2.5vw 0vw 2.813vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .commonweb{display: block; padding: 0px 10px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title{font-size: 0.938vw;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title::before{width: 0.75vw; height: 0.75vw; background: #ff0000; border-radius: 100%; content: ''; display: block; margin-right: 0.625vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc{width: 17.75vw; margin-top: 3.125vw; font-size: 1.6vw; line-height:2.063vw; color: #353535; position: relative; display: block;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc i{font-size: 0.5vw; color: #ff0000; position: absolute; right: -0.613vw; top: 0.5vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 34.375vw; border: none; height: 100%; padding-top: 3.125vw; padding-bottom: 0vw; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 33.333%; padding: 0vw 0.313vw 0.625vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a{line-height: 2vw; position: relative; font-size: 1vw; color: #8c8c8c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a i{font-size: 0.75vw; margin-left: 0.5vw;color: #8c8c8c;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a::after{content: ''; display: block; height: 2px;position: absolute; right: 0px; bottom: 0px; width: 0%;background: #ff0000; -webkit-transition: all .6s ease; -o-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a:hover{ color: #000;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a:hover i{color: #000;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a:hover::after{content:''; left: 0px; right: auto; width: 100%;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .imgBox{width: 28.75vw; display: block;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .imgBox img{width: 100%; display: block;}
  .header .navBox .nav ul li:nth-child(5) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 50%;}
  .header .navBox .nav ul li:nth-child(6) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 25vw;}
  .header .navBox .nav ul li:nth-child(6) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 50%;}
  .header .navBox .nav ul li:nth-child(9) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 25vw;}
  .header .navBox .nav ul li:nth-child(9) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 50%;}
  .header .navBox .nav ul li:hover .navDownMenuMain { max-height: 100vh; }
  .headerTransp { position: fixed; top: 0px; background: transparent; }
  .headerTransp .logo a { color: #000; }
  .headerTransp .logo a .white { opacity: 0; }
  .headerTransp .logo a .black { opacity: 1; }
  .headerTransp .logo a:nth-child(2) { border-color: #000; }
  .headerTransp .navBox .nav ul li h2 a { color: #000000; }
  .headerTransp .navBox .nav ul li h2 a span::after { background: #ff0000; }
  .headerTransp .navBox .consultBtn:hover span { color: #000; }
  .headerHover { background: #fffcf5; -webkit-transition: all 0s; transition: all 0s; }
  .headerHover .logo a { color: #000; }
  .headerHover .logo a .white { opacity: 0; }
  .headerHover .logo a .black { opacity: 1; }
  .headerHover .logo a:nth-child(2) { border-color: #000; }
  .headerHover .navBox .nav ul li h2 a { color: #000000; }
  .headerHover .navBox .nav ul li h2 a span::after { background: #ff0000; }
  .headerHover .navBox .consultBtn:hover span { color: #000; }
  .headerDown { position: fixed; top: 0px; background: #fffcf5; }
  .headerDown .logo a { color: #000; }
  .headerDown .logo a .white { opacity: 0; }
  .headerDown .logo a .black { opacity: 1; }
  .headerDown .logo a:nth-child(2) { border-color: #000; }
  .headerDown .navBox .nav ul li h2 a { color: #000000; }
  .headerDown .navBox .nav ul li h2 a span::after { background: #ff0000; }
  .headerDown .navBox .consultBtn:hover span { color: #000; }
  .headerUp { position: fixed; top: -100px; background: #fffcf5;}
  .navBtn { display: none; }
  .mConsultBtn { display: none; }
  .mTelBox { display: none; } }

@media (min-width: 1200px) { .header { padding: 0vw; }
  .header .logo img { height: 2.865vw; }
  .header .logo h1 { font-size: 0.729vw; line-height: 0.938vw; }
  .header .logo a:nth-child(2) { padding-left: 1.042vw; margin-left: 1.042vw; font-size: 0.729vw; line-height: 0.938vw; }
  .header .navBox .nav ul li { padding-right: 1.823vw; }
  .header .navBox .nav ul li h2 a { font-size: 0.833vw; line-height: 5.208vw; }
  .header .navBox .consultBtn { padding: 0vw 0.677vw 0vw 1.198vw; height: 1.927vw; font-size: 0.729vw; -webkit-border-radius: 1.927vw; border-radius: 1.927vw; }
  .header .navBox .consultBtn span { padding-right: 0.521vw; }
  .header .navBox .consultBtn i { font-size: 0.417vw; width: 1.042vw; height: 1.042vw; }
  .header .navBox .consultBtn::after { -webkit-border-radius: 1.927vw; border-radius: 1.927vw; }
  .header .navBox .consultBtn:hover::after { width: 1.927vw; right: 0vw; }
  .header .navBox .consultBtn:hover i { -webkit-transform: translateX(0.26vw); -ms-transform: translateX(0.26vw); transform: translateX(0.26vw); }
  .header .navBox .nav ul li .subNavMain { right: -5.469vw; top: 4.115vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox { margin-top: 1.042vw; padding: 1.563vw 0.781vw 1.823vw; -webkit-border-radius: 0vw 0vw 1.563vw 1.563vw; border-radius: 0vw 0vw 1.563vw 1.563vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .listBox { width: 30.208vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list { width: 15.104vw; padding: 0.521vw 1.302vw 0vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a { padding: 0.781vw 0vw 0.781vw 1.302vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .icon { width: 1.771vw; height: 1.771vw; font-size: 1.042vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content { width: -webkit-calc(100% -  1.771vw); width: calc(100% -  1.771vw); padding: 0vw 0.521vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .listTitle { font-size: 0.781vw; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .desc { font-size: 0.625vw; height: 0.938vw; }

  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox{padding: 2.083vw 0vw 2.344vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title{font-size: 0.781vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title::before{width: 0.625vw; height: 0.625vw;margin-right: 0.521vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc{width: 19.792vw; margin-top: 2.604vw; font-size: 1.771vw; line-height:2.135vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc i{font-size: 0.417vw; top: 0.417vw; right: -0.26vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 28.646vw; padding-top: 2.604vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 33.333%; padding: 0vw 0.26vw 0.521vw; }
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a{line-height: 1.667vw; font-size: 0.833vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a i{font-size: 0.625vw; margin-left: 0.417vw;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .imgBox{width: 28.125vw;}
  .header .navBox .nav ul li:nth-child(6) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 20.833vw;}
  .header .navBox .nav ul li:nth-child(9) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 20.833vw;}

  .indexTitle { font-size: 1.042vw; }
  .indexTitle::before { width: 0.625vw; height: 0.625vw; margin-right: 0.26vw; }
  .indexCommonMore { height: 2.5vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .indexCommonMore span { height: 2.5vw; font-size: 0.729vw; }
  .indexCommonMore:hover span { top: -2.5vw; }
  .bannerTextBox { padding-bottom: 4.688vw; }
  .bannerTextBox .swiper-slide .title { font-size: 2.604vw; padding: 0vw 0vw 1.302vw; }
  .bannerTextBox .swiper-slide .title p span { -webkit-transform: translateY(2.604vw); -ms-transform: translateY(2.604vw); transform: translateY(2.604vw); }
  .bannerTextBox .swiper-slide .descBox { padding: 1.302vw 0vw 0vw; }
  .bannerTextBox .swiper-slide .descBox .desc { max-width: 26.563vw; font-size: 0.781vw; display: -webkit-box; height: 2.5vw; line-height: 1.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .bannerTextBox .btn { right: 0vw; padding-bottom: 4.688vw; }
  .bannerTextBox .btn a { width: 2.396vw; height: 2.396vw; -webkit-border-radius: 2.396vw; border-radius: 2.396vw; margin-left: 0.417vw; font-size: 0.833vw; }
  .indexBusinessMain .indexBusinessDesc { font-size: 2.344vw; line-height: 2.813vw; padding:  4.167vw 0vw 3.125vw; }
  .indexBusinessMain .indexBusinessDesc .desc h2{font-size: 2.344vw; line-height: 2.813vw;}
  .indexBusinessMain .indexBusiness { padding: 1.563vw 0vw 4.167vw; }
  .indexBusinessMain .indexBusiness .indexTitle{padding-bottom: 3.646vw;}
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide { width: -webkit-calc(25% - 0.729vw); width: calc(25% - 0.729vw); margin-right: 1.042vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox { padding-top: 90%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 6.25vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon { padding-bottom: 2.083vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon img { height: 2.604vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p { font-size: 0.833vw; line-height: 1.563vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a::after { height: 0.208vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a:hover::after { width: 100%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .moreBtn { width: 100%; padding: 0vw 0.781vw 1.042vw; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover .img { -webkit-filter: blur(0.521vw); filter: blur(0.521vw); }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .listTitle { padding-top: 0.781vw; font-size: 0.938vw; height:calc(24px + 0.781vw); }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide:last-child { margin: 0vw; }
  .indexAboutMain { height: 76vh; }
  .indexAboutMain .indexAboutBox { padding: 2.604vw; }
  .indexAboutMain .indexAboutTitle .desc { font-size: 2.396vw; line-height: 2.813vw; }
  .indexAboutMain .indexAboutTitle .indexTitle { padding-top: 1.042vw; }
  .indexAboutMain .indexAboutDescBox .desc { max-width: 30.729vw; font-size: 0.833vw; height: -webkit-calc(1.25vw * 3); height: calc(1.25vw * 3); line-height: 1.25vw; }
  .indexAboutMain .indexAboutDescBox .more { width: 22.917vw; }
  .indexCaseMain .indexCaseDesc { font-size: 2.344vw; line-height: 2.813vw; padding: 4.167vw 0vw 3.125vw; }
  .indexCaseMain .indexCaseDesc .desc h2{font-size: 2.344vw; line-height: 2.813vw;}
  .indexCaseMain .indexCaseListBox { padding: 2.083vw 0vw 5.729vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList { margin: 0vw -0.417vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list { width: -webkit-calc(25% - 0.834vw); width: calc(25% - 0.834vw); margin: 0vw 0.417vw; padding-bottom: 3.125vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(3n+2) { width: -webkit-calc(50% - 0.834vw); width: calc(50% - 0.834vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(5) { width: -webkit-calc(25% - 0.834vw); width: calc(25% - 0.834vw) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(6) { width: -webkit-calc(50% - 0.834vw); width: calc(50% - 0.834vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(10) { width: -webkit-calc(50% - 0.834vw); width: calc(50% - 0.834vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(11) { width: -webkit-calc(25% - 0.834vw); width: calc(25% - 0.834vw) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .listTitle { font-size: 1.354vw; padding-bottom: 0.26vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label a { margin-right: 0.521vw; line-height: 1.354vw; font-size: 0.625vw; padding: 0vw 0.421vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label span { margin-right: 0.521vw; line-height: 1.354vw; font-size: 0.625vw; padding: 0vw 0.521vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox { margin-top: 2.604vw; padding-top: 29.531vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 6.25vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo img { max-width: 65%; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content { padding: 0vw 0.781vw 1.042vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .desc { font-size: 0.833vw; padding: 0vw 1.042vw; display: -webkit-box; height: 3.75vw; line-height: 1.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .more { margin-top: 2.604vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtn a { width: 7.813vw; height: 7.813vw; font-size: 1.25vw; line-height: 1.458vw; padding:0vw 1.25vw; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover .img { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover video { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .indexClientMain .indexClientDesc { font-size: 2.344vw; line-height: 2.813vw; padding: 4.167vw 0vw 3.125vw; }
  .indexClientMain .indexClientDesc .desc h2{font-size: 2.344vw; line-height: 2.813vw;}
  .indexClientMain .indexClientBox { padding: 1.823vw 0vw 4.167vw; }
  .indexClientMain .indexClientBox .indexClientData { width: -webkit-calc(100% - 48.958vw); width: calc(100% - 48.958vw); }
  .indexClientMain .indexClientBox .indexClientDataList { padding: 3.125vw 2.604vw 0vw 0vw; max-width: 31.771vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list { padding: 0vw 0vw 1.302vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox { font-size: 0.885vw; padding-bottom: 0.521vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span { font-size: 2.708vw; margin-right: 0.26vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list .bar { height: 0.417vw; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar { width: 75%; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar { width: 57%; }
  .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span { width: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox { margin-top: 3.125vw; width: 100%; height: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList { margin: -0.052vw -0.313vw -0.052vw 0vw; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list { width: 20%; margin: 0vw 0vw -0.052vw -0.052vw; }
  .indexAdvantageMain .indexAdvantageDesc { font-size: 2.344vw; line-height: 2.813vw; padding: 6.771vw 2.604vw 4.688vw; }
  .indexAdvantageMain .indexAdvantageBox { padding: 1.823vw 2.604vw 0vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .desc { font-size: 0.781vw; padding: 0vw 5.729vw 0vw 0vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList { margin: 5.208vw 0vw 0vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide { width: 30.729vw; height: 30.729vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .Circle { width: 8.646vw; height: 8.646vw; left: 1.042vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .title { font-size: 1.146vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent { max-width: 45.313vw; padding-top: 3.906vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .desc { font-size: 1.354vw; line-height: 2.188vw; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn { max-width: 22.396vw; padding-top: 2.604vw; }
  .indexAdvantageMain .indexAdvantageCaseMain { margin-top: 11.979vw; padding: 0vw 2.604vw 4.167vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years { font-size: 45.833vw; height: 34.896vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years span { font-size: 2.5vw; right: -2.604vw; top: 5.208vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list { width: 46.875vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle { margin-top: 0.781vw; font-size: 0.781vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(1) .list:nth-child(2) { width: 31.25vw; margin-top: 21.875vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(2) { padding-top: 6.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) { padding-top: 6.771vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) .list:nth-child(2) { width: 23.177vw; margin-top: 5.208vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) { padding-top: 6.25vw; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn { width: 23.177vw; }
  .indexNewsMain .indexNewsDesc { font-size: 2.344vw; line-height: 2.813vw; padding: 4.167vw 0vw 3.125vw; }
  .indexNewsMain .indexNewsDesc .desc h2{font-size: 2.344vw; line-height: 2.813vw;}
  .indexNewsMain .indexNewsBox { padding: 1.823vw 0vw 4.167vw; }
  .indexNewsMain .indexNewsBox .indexNewsTitle { width: 22.917vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox { width: -webkit-calc(100% - 22.917vw); width: calc(100% - 22.917vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 span { margin: 0vw 1.042vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a { font-size: 0.833vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a::after { height: 0.104vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab { margin-top: 2.604vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide { width: -webkit-calc(25% - 0.625vw); width: calc(25% - 0.625vw); margin-right: 0.885vw; -webkit-transform: translateY(5.208vw); -ms-transform: translateY(5.208vw); transform: translateY(5.208vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .imgBox { padding-top: 91.8%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .listTitle { margin-top: 0.781vw; font-size: 0.833vw; display: -webkit-box; height: 1.302vw; line-height: 1.302vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .time { padding-top: 0.521vw; font-size: 0.729vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide:last-child { margin: 0vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg { width: 25.121vw; padding-right: 2.083vw; -webkit-transform: translateY(5.208vw); -ms-transform: translateY(5.208vw); transform: translateY(5.208vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .imgBox { padding-top: 91.7%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .listTitle { margin-top: 0.781vw; width: 80%; font-size: 0.833vw; display: -webkit-box; height: 2.604vw; line-height: 1.302vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .time { padding-top: 0.521vw; font-size: 0.729vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList { width: -webkit-calc(100% - 25.121vw); width: calc(100% - 25.121vw); -webkit-transform: translateY(5.208vw); -ms-transform: translateY(5.208vw); transform: translateY(5.208vw); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a { padding: 1.615vw 0vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a p { font-size: 0.833vw; height: 0.938vw; line-height: 0.938vw; overflow: hidden; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover a {padding: 1.615vw 0vw 1.615vw 0.781vw;}
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage { padding-top: 1.563vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span { margin: 0vw 0.521vw 0vw 0vw; width: 0.365vw; height: 0.365vw; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span.swiper-pagination-bullet-active { width: 0.469vw; height: 0.469vw; }
  .indexRequirementMain { height: 23.438vw; padding: 2.865vw 0vw; }
  .indexRequirementMain .indexRequirement { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .indexRequirementMain .indexRequirement .title { font-size: 2.396vw; }
  .indexRequirementMain .indexRequirement .desc { padding-top: 1.042vw; font-size: 0.885vw; height: calc(22.5px + 1.042vw)}
  .indexRequirementMain .moreBtn .btn { width: 22.917vw; }
  .indexRequirementMain .moreBtn .textTel{font-size: 0.885vw;}
  .indexRequirementMain .moreBtn .textTel span{font-size: 1.667vw;padding: 0vw 1.823vw 0vw 0.521vw;}
  .footer { padding: 3.385vw 0vw 3.385vw; }
  .footer .footLogoBox .footLogo { width: 38%; }
  .footer .footLogoBox .footLogo .footLogoImg img { height: 3.281vw; }
  .footer .footLogoBox .footLogo .desc { font-size: 0.833vw; padding-top: 0.781vw; }
  .footer .footLogoBox .footLogo .Subscribe { margin-top: 2.083vw; width: 16.146vw; display: none; }
  .footer .footLogoBox .footLogo .Subscribe input { width: 100%; padding: 0vw 5.729vw 0vw 1.302vw; font-size: 0.729vw; height: 2.292vw; -webkit-border-radius: 2.292vw; border-radius: 2.292vw; }
  .footer .footLogoBox .footLogo .Subscribe button { width: 4.688vw; height: 100%; font-size: 0.729vw; -webkit-border-radius: 2.292vw; border-radius: 2.292vw; }
  .footer .footLogoBox .footClass { width: 39%; }
  .footer .footLogoBox .footClass .primaryClass { width: 9.115vw; }
  .footer .footLogoBox .footClass .primaryClass .list { font-size: 1.563vw; }
  .footer .footLogoBox .footClass .primaryClass .list a { padding: 0.521vw 0vw; }
  .footer .footLogoBox .footClass .primaryClass .list a::after { height: 0.156vw; }
  .footer .footLogoBox .footClass .primaryClass .list a i { right: -1.042vw; top: 0.521vw; font-size: 0.417vw; }
  .footer .footLogoBox .footClass .SecondaryClass .list p { font-size: 0.833vw; line-height: 1.667vw; -webkit-transform: translateY(1.042vw); -ms-transform: translateY(1.042vw); transform: translateY(1.042vw); }
  .footer .footLogoBox .footClass .SecondaryClass .list p a i { margin-left: 0.521vw; font-size: 0.729vw; }
  .footer .footLogoBox .footClass .SecondaryClass .list p a:hover i { margin-left: 1.042vw; }
  .footer .footLogoBox .footTelBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .footLogoBox .footTelBox .list { padding-bottom: 1.042vw; }
  .footer .footLogoBox .footTelBox .list .title { font-size: 0.729vw; padding-bottom: 0.26vw; }
  .footer .footLogoBox .footTelBox .list .tel { font-size: 1.458vw; }
  .footer .footLogoBox .footTelBox .footshare a { width: 2.396vw; height: 2.396vw; font-size: 1.042vw; }
  .footer .footAboutBox { margin-top: 2.604vw; padding: 1.823vw 0vw; }
  .footer .footAboutBox .footAbout { width: 42%; padding-right: 1.042vw;}
  .footer .footAboutBox .footAbout .title { font-size: 0.938vw; padding-bottom: 0.417vw; }
  .footer .footAboutBox .footAbout .desc { max-width: 32.292vw; font-size: 0.729vw; height: -webkit-calc(1.25vw * 4); height: calc(1.25vw * 4); line-height: 1.25vw; }
  .footer .footAboutBox .footAdvantage { width: 31%; }
  .footer .footAboutBox .footAdvantage .title { font-size: 0.938vw; padding-bottom: 0.417vw; }
  .footer .footAboutBox .footAdvantage .list { width: 8.333vw; margin-right: 1.302vw; }
  .footer .footAboutBox .footAdvantage .list p { font-size: 0.729vw; line-height: 1.25vw; }
  .footer .footAboutBox .footOurdifferences { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .footAboutBox .footOurdifferences .title { font-size: 0.938vw; padding-bottom: 0.417vw; }
  .footer .footAboutBox .footOurdifferences .desc { max-width: 27.083vw; font-size: 0.729vw; height: -webkit-calc(1.25vw * 4); height: calc(1.25vw * 4); line-height: 1.25vw; }
  .footer .footClassBox .title{font-size:1.771vw;}
  .footer .footClassBox .footClass .list{margin-left: 1.563vw;}
  .footer .footClassBox .footClass .list h3 a{font-size: 0.938vw; line-height: 1.25vw;}
  .footer .footClassBox .footClass .list h3 a::after {bottom: -0.521vw;height: 0.104vw;}
  .footer .foot { padding: 1.823vw 0vw 0vw; }
  .footer .foot .copyright { width: 77%; font-size: 0.729vw; line-height: 1.25vw; }
  .footer .foot .footLink { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .foot .footLink .btn { height: 2.292vw; -webkit-border-radius: 2.292vw; border-radius: 2.292vw; font-size: 0.729vw; }
  .footer .foot .footLink .btn i { right: 1.563vw; top: 50%; font-size: 0.417vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .footer .foot .footLink .listBox { padding: 1.042vw 1.042vw 1.563vw; }
  .footer .foot .footLink .listBox .list { max-height: 13.542vw; }
  .footer .foot .footLink .listBox .list a { line-height: 1.927vw; font-size: 0.729vw; }
  .footer .foot .footLink .listBox::after { bottom: 0.781vw; -webkit-box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .rightFastMain { right: 0.625vw; }
  .rightFastMain .rightFastBox { width: 2.917vw; padding: 0.26vw 0vw 0.521vw; -webkit-border-radius: 2.917vw; border-radius: 2.917vw; margin-top: 0.052vw; }
  .rightFastMain .rightFastBox .fastDemand .icon { width: 2.396vw; }
  .rightFastMain .rightFastBox .fastDemand .icon p { height: 2.396vw; }
  .rightFastMain .rightFastBox .fastDemand .icon img { width: 1.146vw; }
  .rightFastMain .rightFastBox .fastDemand .title { width: 1.875vw; font-size: 0.729vw; line-height: 0.781vw; padding: 0.417vw 0vw 0.781vw; }
  .rightFastMain .rightFastBox .fastTel { padding: 0.781vw 0vw 0vw; }
  .rightFastMain .rightFastBox .fastTel .icon { font-size: 1.146vw; }
  .rightFastMain .rightFastBox .fastTel .title { width: 1.875vw; font-size: 0.729vw; line-height: 0.781vw; padding: 0.26vw 0vw 0.781vw; }
  .rightFastMain .scrollTop { width: 2.917vw; height: 2.917vw; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 0.521vw; -webkit-box-shadow: 0vw 0.052vw 0.417vw rgba(0, 0, 0, 0.15); box-shadow: 0vw 0.052vw 0.417vw rgba(0, 0, 0, 0.15); }
  .rightFastMain .scrollTop i { font-size: 1.25vw; }
  .rightFastMain .rightFastBox .popUpTelMain { right: 0.885vw; padding-right: 0.885vw; }
  .rightFastMain .rightFastBox .popUpTelBox { width: 8.958vw; height: 15.313vw; -webkit-border-radius: 0.885vw; border-radius: 0.885vw; -webkit-box-shadow: 0vw 0.208vw 0.417vw rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.208vw 0.417vw rgba(0, 0, 0, 0.2); }
  .rightFastMain .rightFastBox .popUpTelBox .consultTitle { padding: 0.885vw 0vw 0.625vw; font-size: 0.729vw; }
  .rightFastMain .rightFastBox .popUpTelBox .consultCode { width: 5.208vw; border: 0.104vw solid #ff0000; -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .rightFastMain .rightFastBox .popUpTelBox .telTitle { padding-top: 0.625vw; font-size: 0.729vw; }
  .rightFastMain .rightFastBox .popUpTelBox .telNumber { font-size: 0.938vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn { padding-top: 0.417vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a { height: 2.083vw; -webkit-border-radius: 2.083vw; border-radius: 2.083vw; padding: 0vw 1.042vw; font-size: 0.729vw; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a i { font-size: 1.146vw; margin-right: 0.417vw; }
  .rightFastMain .rightFastBox .qrCode { right: 2.344vw; width: 6.51vw; -webkit-border-radius: 0.208vw; border-radius: 0.208vw; }
  .rightFastMain .rightFastBox .fastTel:hover .popUpTelMain { right: 2.604vw; }
  .rightFastMain .rightFastBox .fastTel:hover .qrCode { right: 3.646vw; }
  .pupDemandMain .pupDemandContainer { padding: 2.083vw 1.042vw; }
  .pupDemandMain .pupDemandBox { width: 43.75vw; padding-left: 0vw; -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .pupDemandMain .pupDemandBox .title { font-size: 1.875vw; line-height: 2.396vw; width: 29.167vw; padding: 4.167vw 0vw 0vw 3.125vw; }
  .pupDemandMain .pupDemandBox .telBox { width: 29.167vw; padding: 0vw 0vw 4.167vw 3.125vw; }
  .pupDemandMain .pupDemandBox .telBox .tel { font-size: 1.354vw; }
  .pupDemandMain .pupDemandBox .telBox .desc { font-size: 0.729vw; }
  .pupDemandMain .pupDemandBox .pupDemand { width: 43.75vw; padding: 3.646vw 5.208vw 3vw; -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle { font-size: 0.781vw; padding: 1.042vw 0vw 0vw 0.417vw; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle::before { width: 0.625vw; height: 0.625vw; margin-right: 0.26vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList { margin: 0vw -0.521vw; padding-top: 0.781vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list { width: -webkit-calc(50% - 1.042vw); width: calc(50% - 1.042vw); margin: 0vw 0.521vw; padding-top: 1.042vw; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list input { height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; padding: 0vw 1.198vw; font-size: 0.781vw; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceTitle { padding-top: 1.042vw; font-size: 1.042vw; font-weight: 550; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox { margin: 0.521vw 0.521vw 0vw 0vw; padding: 0vw 0.521vw; line-height: 1.458vw !important; -webkit-border-radius: 1.458vw !important; border-radius: 1.458vw !important; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox span { line-height: 1.458vw !important; font-size: 0.729vw; padding: 0vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetTitle { padding-top: 1.042vw; font-size: 1.042vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio { font-size: 0.729vw; line-height: 1.458vw; padding: 0vw; margin: 0.521vw 1.042vw 0vw 0vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio > i { font-size: 0.625vw; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio div { font-size: 0.729vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code { margin-top: 1.042vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code input { height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; padding: 0vw 1.198vw; font-size: 0.781vw; }
  .pupDemandMain .pupDemandBox .pupDemand .code img { right: 1.198vw; height: 1.823vw; }
  .pupDemandMain .pupDemandBox .pupDemand .btn { margin-top: 1.302vw; }
  .pupDemandMain .pupDemandBox .pupDemand .btn input { font-size: 0.729vw; height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; }
  .pupDemandMain .pupDemandBox .pupDemandClose { right: 1.302vw; top: 1.302vw; width: 1.563vw; height: 1.563vw; }
  .pupDemandMain .pupDemandBox .pupDemandClose i { font-size: 1.25vw; }
  .pupDemandMain.animat .pupDemandBox { width: 72.917vw; padding-left: 29.167vw; } 
  /*--资讯--*/
  .commonBanner .imgBox { padding-top: 31.25vw; }
  .commonBanner .commonBannerText .title { font-size: 0.833vw; }
  .commonBanner .commonBannerText .desc { padding-top: 0.781vw; font-size: 2.604vw; line-height: 3.125vw; }
  .commonBanner .commonBannerText .btn { font-size: 0.781vw; padding-top: 1.302vw; }
  .commonBanner .commonBannerText .btn i { margin-left: 0.313vw; width: 1.302vw; height: 1.302vw; font-size: 0.417vw; }
  .newsClassMain { padding-top: 2.083vw; }
  .newsClassMain .newsClass { padding-bottom: 1.823vw; }
  .newsClassMain .newsClass .swiper-slide { margin-right: 0.521vw; }
  .newsClassMain .newsClass a { min-width: 6.771vw; padding: 0vw 0.781vw; line-height: 1.667vw; -webkit-border-radius: 1.667vw; border-radius: 1.667vw; font-size: 0.729vw; }
  .newsClassMain .newsClass a i { width: 0.417vw; height: 0.417vw; margin-left: 1.563vw; }
  .newsClassMain .newsClass .swiper-slide:last-child { margin-right: 0vw; }
  .newsListMain { padding: 3.646vw 0vw 5.208vw; }
  .newsListMain .list .aList { padding: 1.042vw 0vw; }
  .newsListMain .list h2 { font-size: 1.354vw; margin-top: 1.823vw; display: -webkit-box; height: 3.75vw; line-height: 1.875vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 17.969vw; margin-right: 0.521vw; }
  .newsListMain .list .imgBox { width: 19.01vw; margin-top: 1.823vw; min-height: 7.813vw; margin-right: 1.042vw; -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .newsListMain .list .imgBox img { border: 0.417vw solid #ff0000; }
  .newsListMain .list .time { font-size: 1.458vw; margin-top: 1.823vw; width: 11.198vw; }
  .newsListMain .list .desc { width: 20.313vw; margin-top: 1.823vw; font-size: 0.781vw; display: -webkit-box; height: 2.708vw; line-height: 1.354vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListMain .list .arrow { width: 7.292vw; margin-top: 1.823vw; }
  .newsListMain .list .arrow i { width: 2.76vw; height: 2.76vw; font-size: 1.563vw; }
  #paging { padding-bottom: 6.25vw; }
  #paging a { width: 3.125vw; height: 3.125vw; -webkit-border-radius: 100%; border-radius: 100%; padding: 0vw; margin: 0vw 0.26vw; font-size: 0.729vw; line-height: 3.125vw; }
  #paging span { width: 3.125vw; height: 3.125vw; padding: 0vw; margin: 0vw 0.26vw; font-size: 0.729vw; line-height: 3.125vw; }
  #paging span em { font-size: 0.729vw; }
  #paging .layui-laypage-spr { -webkit-border-radius: 100%; border-radius: 100%; margin: 0vw 0.26vw; }
  /*--资讯--*/
  /*--资讯主页--*/
  .newsCompositePage { margin: 0vw -1.198vw; padding: 3.646vw 0vw 1.563vw; }
  .newsCompositePage .list { width: 33.333%; padding: 0vw 1.198vw 3.125vw; }
  .newsCompositePage .list a { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 3.125vw 2.604vw; }
  .newsCompositePage .list a .time { font-size: 0.833vw; }
  .newsCompositePage .list a h2 { margin-top: 0.781vw; font-size: 1.354vw; display: -webkit-box; height: 3.75vw; line-height: 1.875vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .desc { margin-top: 1.823vw; font-size: 0.781vw; display: -webkit-box; height: 2.708vw; line-height: 1.354vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .more { margin-top: 3.646vw; }
  .newsCompositePage .list a .more span { padding: 0vw 0vw 0vw 1.302vw; height: 2.135vw; -webkit-border-radius: 2.135vw; border-radius: 2.135vw; font-size: 0.729vw; }
  .newsCompositePage .list a .more span i { font-size: 0.417vw; width: 2.135vw; height: 2.135vw; margin-left: -0.26vw; }
  .newsCompositePage .list a .more span::after { height: 2.135vw; }
  .newsCompositePage .list a:hover { -webkit-box-shadow: 0vw 3.125vw 1.563vw -2.344vw rgba(64, 50, 25, 0.3); box-shadow: 0vw 3.125vw 1.563vw -2.344vw rgba(64, 50, 25, 0.3); }
  .newsCompositePage .list a:hover .more span { padding: 0vw; }
  .newsCompositePage .list a:hover .more span::after { width: 2.135vw; height: 2.135vw; }
  .newsCompositePage .list a:hover .more span i { margin-left: 0.417vw; }
  /*--资讯主页--*/
  /*--资讯详情--*/
  .circleBox { left: -3.646vw; top: -19.531vw; width: 35.938vw; height: 35.938vw; }
  .circleBox2 { right: -27.083vw; top: 17.188vw; left: auto; }
  .circleBox3 { right: -26.563vw; top: 7.292vw; left: auto; }
  .newsDetailMain { padding: 13.542vw 0vw 4.688vw; }
  .newsDetailMain .container{max-width: 67.708vw;}
  .newsDetailMain .location a { font-size: 0.677vw; }
  .newsDetailMain .location a span { padding: 0vw 0.521vw; }
  .newsDetailMain .newsDetailTitle { margin-top: 1.042vw; font-size: 2.604vw; }
  .newsDetailMain .sourceTimeBox { margin-top: 2.865vw; height: 3.646vw; padding: 0vw 2.344vw; -webkit-border-radius: 0.521vw; border-radius: 0.521vw; }
  .newsDetailMain .sourceTimeBox .sourceTime p { font-size: 0.677vw; line-height: 0.938vw; padding: 0vw 2.083vw; }
  .newsDetailMain .sourceTimeBox .sourceTime p span { font-size: 0.833vw; }
  .newsDetailMain .sourceTimeBox .return a { font-size: 0.781vw; }
  .newsDetailMain .sourceTimeBox .return a i { width: 1.302vw; height: 1.302vw; margin-left: 0.521vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.417vw; }
  .newsDetailMain .newsDetailBox { padding-top: 5.208vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox { width: 10.677vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .title { font-size: 0.833vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare { padding-top: 0.781vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a { font-size: 1.146vw; width: 2.604vw; height: 2.604vw; margin-right: 0.521vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel { padding-top: 3.125vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .title { font-size: 0.833vw; padding-bottom: 0.521vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list { height: 11.198vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li { padding-top: 0.521vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li a { padding: 0.313vw 0.781vw; -webkit-border-radius: 1.719vw; border-radius: 1.719vw; font-size: 0.729vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn { margin-top: 0.521vw; width: 3.385vw; height: 1.667vw; -webkit-border-radius: 1.667vw; border-radius: 1.667vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i { font-size: 0.521vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i.cur { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode { padding-top: 3.125vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .title { font-size: 0.833vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox { padding-top: 1.042vw; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox img { max-width: 5.729vw; }
  .newsDetailMain .newsDetailBox .newsDetail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 5.208vw; }
  .newsDetailMain .newsDetailBox .newsDetail .content { font-size: 0.833vw; line-height: 1.615vw; }
  .newsDetailMain .newsDetailBox .newsDetail .tag { padding-top: 2.604vw; font-size: 0.833vw; }
  .newsDetailMain .newsDetailBox .newsDetail .tag a span { padding: 0vw 0.521vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle { margin-top: 2.604vw; padding: 1.198vw 2.344vw; -webkit-border-radius: 0.521vw; border-radius: 0.521vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a { font-size: 0.833vw; width: 50%; display: -webkit-box; height: 1.25vw; line-height: 1.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding-right: 1.042vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a span { font-size: 0.677vw; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a:last-child { margin-left: 2.083vw; }
  .relatedNewsMain { padding: 5.729vw 0vw; }
  .relatedNewsMain .titleBox .title { font-size: 1.563vw; }
  .relatedNewsMain .titleBox .btn a { margin-left: 0.26vw; width: 2.865vw; height: 2.135vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 0.729vw; }
  .relatedNewsMain .relatedNews { margin-top: 1.302vw; -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .relatedNewsMain .relatedNews .swiper-slide { width: -webkit-calc(33.333% + 0.052vw); width: calc(33.333% + 0.052vw); padding-top: 16.25vw; }
  .relatedNewsMain .relatedNews .swiper-slide a { padding: 3.125vw 2.083vw 0vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .columnTitle { font-size: 0.833vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .listTitle { margin-top: 0.521vw; font-size: 1.146vw; display: -webkit-box; height: 3.23vw; line-height: 1.615vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .relatedNewsMain .relatedNews .swiper-slide a .more { padding-top: 2.344vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span { padding: 0vw 1.302vw; font-size: 0.729vw; height: 2.135vw; -webkit-border-radius: 2.135vw; border-radius: 2.135vw; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span i { font-size: 0.417vw; margin-left: 0.521vw; }
  .relatedNewsMain .relatedNews .swiper-slide a:hover { top: -0.677vw; bottom: -0.677vw; -webkit-box-shadow: 0vw 0.781vw 1.563vw rgba(0, 0, 0, 0.1); box-shadow: 0vw 0.781vw 1.563vw rgba(0, 0, 0, 0.1); -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  /*--资讯详情--*/
  /*--网站建设--*/
  .websiteConstructionBanner .imgBox { padding-top:37.5vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .icon { width: 15.104vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title { font-size: 2.604vw; line-height: 3.125vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title img { right: -3.281vw; top: 0.781vw; width: 1.719vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn { font-size: 0.781vw; padding-top: 0.781vw; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn i { margin-left: 0.313vw; width: 1.302vw; height: 1.302vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.417vw; }
  .websiteConstructionMain .commonweb { max-width: 89.583vw; }
  .websiteConstructionBox { padding: 5.208vw 0vw 2.083vw 7.292vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; margin-top: -4.688vw; -webkit-backdrop-filter: blur(0.781vw); backdrop-filter: blur(0.781vw); background: rgba(255, 255, 255, 0.8); }
  .websiteConstructionBox .yearsNum { font-size: 17.969vw; font-weight: 600; }
  .websiteConstructionBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 5.208vw; }
  .websiteConstructionBox .content .subTitle { font-size: 1.042vw; }
  .websiteConstructionBox .content .title { padding-top: 0.521vw; font-size: 2.5vw; line-height: 3.021vw; }
  .websiteConstructionBox .content .desc { padding-top: 1.563vw; font-size: 0.833vw; line-height: 1.354vw; max-width: 40.625vw; }
  .websiteConstructionList { margin: 0vw -0.521vw; padding: 4.167vw 0vw 5.208vw; }
  .websiteConstructionList .list { width: 33.333%; padding: 0vw 0.521vw 1.042vw; }
  .websiteConstructionList .list a { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .websiteConstructionList .list .imgBox { height: 27.083vw; }
  .websiteConstructionList .list .listTitle { padding: 1.563vw 1.563vw 0vw; font-size: 1.667vw; }
  .websiteConstructionList .list .contentBox .contentTitle { padding-top: 2.604vw; font-size: 1.667vw; }
  .websiteConstructionList .list .contentBox .content { padding: 0vw 1.042vw 1.563vw; }
  .websiteConstructionList .list .contentBox .content .desc { font-size: 0.729vw; line-height: 1.25vw; padding-bottom: 1.563vw; }
  .websiteConstructionList .list:hover .imgBox img { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .websiteConstructionList .list:nth-child(1) .imgBox { height: 23.438vw; }
  .websiteConstructionList .list:nth-child(2) .imgBox { height: 23.438vw; }
  .websiteConstructionList .list:nth-child(3) .imgBox { height: 23.438vw; }
  .websiteConstructionList .list:nth-child(4) .imgBox { height: 23.438vw; }
  .websiteConstructionList .list:nth-child(5) .imgBox { height: 23.438vw; }
  /*--网站建设--*/
  /*--集团网站建设--*/
  .websiteConstructionDetailTitle { padding: 10.677vw 0vw 6.51vw; }
  .websiteConstructionDetailTitle .title { font-size: 3.125vw; }
  .websiteConstructionDetailTitle .btn { font-size: 0.781vw; padding-top: 0.781vw; }
  .websiteConstructionDetailTitle .btn i { margin-left: 0.313vw; width: 1.302vw; height: 1.302vw; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0.417vw; }
  .groupWebsite { padding: 5.469vw 0vw 9.635vw; }
  .groupWebsite .container .imgBox { width: 40.625vw; }
  .groupWebsite .container .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 5.208vw 0vw 0vw 4.167vw; }
  .groupWebsite .container .content .title { font-size: 0.833vw; }
  .groupWebsite .container .content .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .groupWebsite .container .content .desc { margin-top: 1.042vw; }
  .groupWebsite .container .content .desc p { font-size: 2.083vw; line-height: 2.604vw; }
  .groupWebsite .container .content .desc p span { width: 32.292vw; }
  .groupWebsite .container .content .desc2 { margin-top: 2.604vw; font-size: 0.833vw; line-height: 1.563vw; max-height: 12.76vw; padding-right: 1.302vw; }
  .groupWebsiteDesignMain { padding: 6.771vw 0vw; }
  .groupWebsiteDesignMain .title { font-size: 0.833vw; }
  .groupWebsiteDesignMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .groupWebsiteDesignMain .subTitle { padding-top: 1.563vw; font-size: 2.083vw; padding-bottom: 2.083vw; }
  .groupWebsiteDesignMain .content { padding-top: 4.167vw; }
  .groupWebsiteDesignMain .content .designClass { width: 19.271vw; }
  .groupWebsiteDesignMain .content .designClass h3 { font-size: 0.938vw; line-height: 2.083vw; }
  .groupWebsiteDesignMain .content .designClass h3.cur { font-size: 1.25vw; }
  .groupWebsiteDesignMain .content .designImg { width: 28.438vw; }
  .groupWebsiteDesignMain .content .designContentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0.781vw 0vw 5.208vw; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .listTitle { font-size: 1.771vw; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .desc { padding-top: 1.823vw; font-size: 0.833vw; line-height: 1.354vw; }
  .groupWebsiteDesignMain .content .designContentBox .btn { padding-top: 1.823vw; }
  .groupWebsiteDesignMain .content .designContentBox .btn a { width: 4.167vw; height: 2.604vw; -webkit-border-radius: 2.604vw; border-radius: 2.604vw; font-size: 0.729vw; margin-right: 0.26vw; }
  .groupWebsiteDesignMain .content .designContentBox .btn a:last-child { margin: 0vw; }
  .groupWebsiteScopeServiceMain { padding: 5.208vw 0vw 6.25vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService { width: 33.073vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title { font-size: 0.833vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .subTitle { padding-top: 1.302vw; font-size: 2.083vw; padding-bottom: 4.688vw; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox img { -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .groupWebsiteScopeServiceMain .content { padding: 2.865vw 0vw 0vw 9.375vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .groupWebsiteScopeServiceMain .content .list { padding: 1.302vw 0vw 2.344vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle span { width: 1.563vw; height: 1.563vw; padding-top: 0.208vw; font-size: 0.938vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle h3 { font-size: 1.146vw; color: rgba(255, 255, 255, 0.4); padding-left: 0.521vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon { width: 0.781vw; height: 0.781vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::after { width: 0.156vw; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::before { height: 0.156vw; }
  .groupWebsiteScopeServiceMain .content .list .desc { padding-top: 1.042vw; font-size: 0.781vw; line-height: 1.302vw; }
  .groupWebsitelabelMain { padding: 3.906vw 0vw; }
  .groupWebsitelabelMain .groupWebsitelabel a { padding: 0vw 1.563vw; margin: 0.26vw; height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; font-size: 0.729vw; }
  /*--集团网站建设--*/
  /*--关键词--*/
  .keywordIntroBox { padding: 5.469vw 0vw 10.417vw; }
  .keywordIntroBox .title { font-size: 0.833vw; }
  .keywordIntroBox .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordIntroBox .subTitle { padding-top: 1.302vw; font-size: 2.083vw;}
  .keywordIntroBox .keywordIntroDesc { padding-top: 1.302vw; font-size: 0.833vw; line-height: 1.354vw; }
  .keywordIntroBox .keywordIntro{ padding-top: 3.125vw; }
  .keywordIntroBox .keywordIntro .imgBox { width: 38.542vw; }
  .keywordIntroBox .keywordIntro .imgBox img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .keywordIntroBox .keywordIntro .content { padding: 0vw 0vw 0vw 4.167vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .keywordIntroBox .keywordIntro .content .list { padding: 1.042vw 0vw 3.385vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle span { width: 1.563vw; height: 1.563vw; padding-top: 0.208vw; font-size: 0.938vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle h3 { font-size: 1.146vw; color: rgba(255, 255, 255, 0.4); padding-left: 0.521vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon { width: 0.781vw; height: 0.781vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::after { width: 0.156vw; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::before { height: 0.156vw; }
  .keywordIntroBox .keywordIntro .content .list .desc { padding-top: 1.042vw; font-size: 0.781vw; line-height: 1.302vw; }
  .keywordDesc { padding: 7.292vw 0vw 6.771vw; }
  .keywordDesc .title { font-size: 2.083vw; line-height: 2.865vw; }
  .keywordDesc .desc { font-size: 0.833vw; line-height: 1.354vw; max-width: 37.5vw; padding-top: 1.823vw; }
  .keywordAdvantageMain { padding: 5.208vw 0vw 6.771vw; }
  .keywordAdvantageMain .title { font-size: 0.833vw; }
  .keywordAdvantageMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordAdvantageMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; padding-bottom: 4.688vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass { width: 14.583vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 { font-size: 2.344vw; padding-bottom: 1.302vw; padding-left: 1.563vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 span { font-size: 0.833vw; top: 0.313vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .imgBox { width: 33.333vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 4.167vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .listTitle { padding-top: 3.125vw; font-size: 1.875vw; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .desc { font-size: 0.833vw; line-height: 1.354vw; padding-top: 0.781vw; max-width: 19.271vw; }
  .keywordRankingMain { padding: 0vw; }
  .keywordRankingMain .keywordRanking { padding: 4.688vw 0vw 0vw; }
  .keywordRankingMain .keywordRanking .title { font-size: 0.833vw; }
  .keywordRankingMain .keywordRanking .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordRankingMain .keywordRanking .subTitle { padding-top: 0.781vw; font-size: 2.083vw; }
  .keywordRankingMain .keywordRanking .desc { padding-top: 0.781vw;  max-width: 35.417vw; font-size: 0.833vw; line-height: 1.354vw; color: rgba(255, 255, 255, 0.6); }
  .keywordRankingMain .keywordRankingList { padding-left: 0.104vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide { width: -webkit-calc(25% + 0.052vw); width: calc(25% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide::after { width: 0.052vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide::before { width: 0.052vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .num { width: 3.229vw; height: 3.229vw; font-size: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .listTitle { padding: 1.302vw 0.781vw 0px; font-size: 1.354vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .desc { padding: 1.302vw 0.521vw 0vw; font-size: 0.833vw; line-height: 1.354vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon { padding: 2.083vw 0vw 3.646vw; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon img { height: 1.302vw; }
  .keywordRankingMain .keywordRankingListSix .swiper-slide { width: -webkit-calc(16.666666666666668% + 0.052vw); width: calc(16.666666666666668% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw; }
  .keywordRankingMain .keywordRankingListSix .swiper-slide .icon { padding: 1.646vw 0vw 3.646vw; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide { width: -webkit-calc(33.333% + 0.052vw); width: calc(33.333% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide .icon { padding: 1.646vw 0vw 3.646vw; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide { width: -webkit-calc(20% + 0.052vw); width: calc(20% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide .icon { padding: 1.646vw 0vw 3.646vw; }
  .keywordAppendMain { padding: 3.646vw 0vw 4.688vw; }
  .keywordAppendMain .title { font-size: 0.833vw; }
  .keywordAppendMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordAppendMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; padding-bottom: 0.781vw; }
  .keywordAppendMain .desc { font-size: 0.833vw; line-height: 1.354vw; }
  .keywordAppendMain .keywordAppendList {padding-top: 3.125vw;  margin: 0vw -0.521vw; }
  .keywordAppendMain .keywordAppendList .list { width: -webkit-calc(25% - 1.042vw); width: calc(25% - 1.042vw); -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 2.865vw 2.865vw; margin: 0vw 0.521vw 1.042vw; }
  .keywordAppendMain .keywordAppendList .list .listTitle { font-size: 1.25vw; }
  .keywordAppendMain .keywordAppendList .list .desc2 { padding-top: 0.781vw; font-size: 0.833vw; }
  .keywordAppendMain .keywordAppendList .list .num { margin-top: 1.823vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .keywordAppendMain .keywordAppendList.fiveRows .list{ width: -webkit-calc(20% - 1.042vw); width: calc(20% - 1.042vw); -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 2.865vw 2.865vw; margin: 0vw 0.521vw 1.042vw; }
  .keywordAppendMain .keywordAppendList.threeRows .list{ width: -webkit-calc(33.333% - 1.042vw); width: calc(33.333% - 1.042vw); -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 2.865vw 2.865vw; margin: 0vw 0.521vw 1.042vw;}
  .keywordStrengthMain { padding: 4.167vw 0vw; }
  .keywordStrengthMain .title { font-size: 0.833vw; }
  .keywordStrengthMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordStrengthMain .desc { padding-top: 1.042vw; font-size: 1.875vw; line-height: 2.604vw; }
  .keywordStrengthMain .icon { padding-top: 1.563vw; }
  .keywordStrengthMain .icon img { height: 1.302vw; }
  .keywordCaseMain { padding: 5.208vw 0vw; }
  .keywordCaseMain .title { font-size: 2.083vw; }
  .keywordCaseMain .desc { font-size: 0.833vw; padding-top: 1.042vw; }
  .keywordCaseMain .keywordCaseList { margin-top: 3.125vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide { width: -webkit-calc(25% - 0.703vw); width: calc(25% - 0.703vw); margin: 0vw 1.042vw 0vw 0vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .imgBox { padding-top: 24.219vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .listTitle { padding: 1.563vw 1.563vw 0vw; font-size: 1.458vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox {-webkit-border-radius: 1.042vw; border-radius: 1.042vw;}
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .contentTitle { padding-top: 2.604vw; font-size: 1.667vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content { padding: 0vw 1.042vw 1.563vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content .desc { font-size: 0.729vw; line-height: 1.25vw; padding-bottom: 1.563vw; }
  .keywordCaseMain .keywordCaseList .swiper-slide a:hover .imgBox img { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .keywordCaseMain .keywordCaseList .swiper-slide:nth-child(1) { width: -webkit-calc(50% - 0.703vw); width: calc(50% - 0.703vw); }
  .keywordCaseMain .keywordCaseList .swiper-slide:last-child { margin: 0vw; }
  .keywordFiveAdvantagesMain { padding: 4.167vw 0vw 4.688vw; }
  .keywordFiveAdvantagesMain .title { font-size: 0.833vw; }
  .keywordFiveAdvantagesMain .title::before { width: 0.625vw; height: 0.625vw; }
  .keywordFiveAdvantagesMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; padding-bottom: 2.604vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content { width: 45.5%; -webkit-box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listTitle { height: 5.938vw; font-size: 1.25vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listDesc p { height: 5.833vw; font-size: 0.938vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox { width: 54.5%; padding: 1.302vw 0vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo { -webkit-border-radius: 0vw 1.563vw 1.563vw 0vw; border-radius: 0vw 1.563vw 1.563vw 0vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listTitle { width: 8.854vw; height: 5.781vw; font-size: 1.042vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 5.781vw; font-size: 0.938vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) { height: 4.635vw; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listDesc { font-size: 1.042vw; height: 4.635vw; font-weight: 600; }
  .keywordStandardMain { padding: 4.167vw 0vw 0vw; }
  .keywordStandardMain .title { font-size: 0.833vw; }
  .keywordStandardMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .keywordStandardMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; }
  .keywordStandardMain .keywordStandard { padding-left: 0.156vw; }
  .keywordStandardMain .keywordStandard .swiper-slide { width: -webkit-calc(20% + 0.052vw); width: calc(20% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw; }
  .keywordStandardMain .keywordStandard .swiper-slide::after { width: 0.052vw; }
  .keywordStandardMain .keywordStandard .swiper-slide::before { width: 0.052vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .num { width: 3.229vw; height: 3.229vw; font-size: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .listTitle { padding: 1.563vw 0vw 2.083vw; font-size: 1.042vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon { padding-bottom: 6.771vw; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon img { height: 1.302vw; }
  .keywordStandardMain .keywordStandard.fourRows .swiper-slide {width: -webkit-calc(25% + 0.052vw); width: calc(25% + 0.052vw); padding-top: 4.688vw; margin-left: -0.052vw;}
  /*--关键词--*/
  /*--两V一抖--*/
  .weiboAdMain { padding: 4.167vw 0vw; }
  .weiboAdMain .title { font-size: 2.083vw; }
  .weiboAdMain .weiboAdList { padding-top: 2.604vw; margin: 0vw -0.521vw; }
  .weiboAdMain .weiboAdList .list { width: -webkit-calc(25% - 1.042vw); width: calc(25% - 1.042vw); margin: 0vw 0.521vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 2.552vw; }
  .weiboAdMain .weiboAdList .list .listTitle { font-size: 1.25vw; }
  .weiboAdMain .weiboAdList .list .desc { padding-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  .weiboAdMain .weiboAdList .list .number { margin-top: 1.302vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .weiboAdTwoMain { padding: 4.167vw 0vw; }
  .weiboAdTwoMain .title { font-size: 2.083vw; }
  .weiboAdTwoMain .desc { padding-top: 0.521vw; font-size: 0.781vw; }
  .weiboAdTwoMain .weiboAdTwoList { padding-top: 2.604vw; margin: 0vw -0.521vw; }
  .weiboAdTwoMain .weiboAdTwoList .list { width: -webkit-calc(16.666666666666668% - 1.042vw); width: calc(16.666666666666668% - 1.042vw); margin: 0vw 0.521vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 1.563vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .listTitle { font-size: 1.25vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .listDesc { padding-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  .weiboAdTwoMain .weiboAdTwoList .list .number { margin-top: 2.344vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .weiboAdTwoMain .weiboAdTwoList.fourRows .list { width: -webkit-calc(25% - 1.042vw); width: calc(25% - 1.042vw); }
  .weiboAdTwoMain .weiboAdTwoList.threeRows .list { width: -webkit-calc(33.333% - 1.042vw); width: calc(33.333% - 1.042vw); }
  .douyinOperateMain { padding: 4.167vw 0vw; }
  .douyinOperateMain .title { font-size: 2.083vw; }
  .douyinOperateMain .desc { padding-top: 0.521vw; font-size: 0.781vw; }
  .douyinOperateMain .douyinOperateList { padding-top: 2.604vw; margin: 0vw -0.521vw; }
  .douyinOperateMain .douyinOperateList .list { width: -webkit-calc(33.333% - 1.042vw); width: calc(33.333% - 1.042vw); margin: 0vw 0.521vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.604vw 2.552vw; }
  .douyinOperateMain .douyinOperateList .list .listTitle { font-size: 1.25vw; }
  .douyinOperateMain .douyinOperateList .list .listDesc { padding-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  .douyinOperateMain .douyinOperateList .list .number { margin-top: 1.302vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .webContactMain { padding: 4.688vw 0vw 3.125vw; }
  .webContactMain .desc { font-size: 1.875vw; line-height: 2.604vw; max-width: 42.188vw; }
  .webContactMain .telBox { padding-top: 1.563vw; }
  .webContactMain .telBox a { -webkit-border-radius: 2.656vw; border-radius: 2.656vw; height: 2.656vw; padding: 0vw 1.563vw; font-size: 0.938vw; }
  .webContactMain .telBox a i { width: 1.302vw; height: 1.302vw; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 1.563vw; font-size: 0.521vw; }
  .webContactMain .icon { padding-top: 1.563vw; }
  .webContactMain .icon img { height: 1.302vw; }
  /*--两V一抖--*/
  /*--网络营销推广--*/
  .networkCoverMain { padding: 5.469vw 0vw 5.729vw; }
  .networkCoverMain .title { font-size: 0.833vw; }
  .networkCoverMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .networkCoverMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; padding-bottom: 0.781vw; }
  .networkCoverMain .networkCover { margin-top: 3.125vw; }
  .networkCoverMain .networkCover .imgBox { width: 40.365vw; }
  .networkCoverMain .networkCover .imgBox img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .networkCoverMain .networkCover .networkCoverList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 5.208vw; }
  .networkCoverMain .networkCover .networkCoverList .list { padding-bottom: 2.604vw; }
  .networkCoverMain .networkCover .networkCoverList .list .number { font-size: 2.083vw; }
  .networkCoverMain .networkCover .networkCoverList .list .listTitle { padding-top: 0.26vw; font-size: 1.771vw; }
  .networkCoverMain .networkCover .networkCoverList .list .listDesc { padding-top: 0.521vw; font-size: 0.833vw; line-height: 1.354vw; max-width: 22.917vw; }
  .mediaPartnerMain { padding: 4.167vw 0vw 5.729vw; }
  .mediaPartnerMain .title { font-size: 2.083vw; }
  .mediaPartnerMain .mediaPartner { margin-top: 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .mediaPartnerMain .mediaPartner .list { width: -webkit-calc(25% + 0.052vw); width: calc(25% + 0.052vw); padding: 1.302vw 0vw; }
  .mediaPartnerMain .mediaPartner .list img { height: 4.167vw; }
  /*--网络营销推广--*/
  /*--网站运营维护--*/
  .maintenanceMain { padding: 6.771vw 0vw; }
  .maintenanceMain .maintenanceBox .maintenance { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.042vw 6.771vw 0vw 0vw; }
  .maintenanceMain .maintenanceBox .maintenance .title { font-size: 0.833vw; }
  .maintenanceMain .maintenanceBox .maintenance .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .maintenanceMain .maintenanceBox .maintenance .subTitle { padding-top: 0.781vw; font-size: 2.083vw; }
  .maintenanceMain .maintenanceBox .maintenance .desc { padding-top: 1.563vw; font-size: 0.833vw; line-height: 1.563vw; }
  .maintenanceMain .maintenanceBox .imgBox { width: 39.063vw; }
  .maintenanceMain .maintenanceBox .imgBox img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .maintenanceServiceMain { padding: 4.167vw 0vw; }
  .maintenanceServiceMain .title { font-size: 0.833vw; }
  .maintenanceServiceMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .maintenanceServiceMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; }
  .maintenanceServiceMain .btn a { margin-right: 0.26vw; font-size: 0.729vw; width: 2.865vw; height: 2.135vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .maintenanceServiceMain .maintenanceService { margin-top: 2.604vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide { padding: 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listTitle { font-size: 1.25vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listDesc { padding-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .number { margin-top: 2.344vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .maintenanceServiceMain .maintenanceServicePage { padding-top: 2.083vw; }
  .maintenanceServiceMain .maintenanceServicePage span { width: 0.833vw; height: 0.26vw; margin: 0vw 0.208vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; }
  .maintenanceServiceMain .maintenanceServicePage span.swiper-pagination-bullet-active { width: 1.771vw; }
  .maintenanceProcessMain { padding: 3.646vw 0vw 5.208vw; }
  .maintenanceProcessMain .title { font-size: 0.833vw; }
  .maintenanceProcessMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .maintenanceProcessMain .subTitle { padding-top: 0.781vw; font-size: 2.083vw; }
  .maintenanceProcessMain .maintenanceProcess { padding-top: 3.646vw; }
  .maintenanceWorkOrderMain { padding: 4.167vw 0vw 3.646vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder { margin: 0vw -0.625vw; padding-bottom: 2.344vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list { width: -webkit-calc(20% - 1.25vw); width: calc(20% - 1.25vw); margin: 0vw 0.625vw; padding: 2.604vw 1.823vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listTitle { font-size: 1.25vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listDesc { padding-top: 1.042vw; min-height: 6.51vw; font-size: 0.833vw; line-height: 1.354vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .number { margin-top: 1.302vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .qrCode { width: 4.688vw; padding: 0.521vw 0.521vw; -webkit-border-radius: 0.625vw; border-radius: 0.625vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list::after { bottom: -1.927vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 0.208vw; border-radius: 0.208vw; width: 0.208vw; height: 1.719vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line { bottom: 0vw; left: 0.521vw; right: 0.521vw; height: 0.208vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line::after { right: -0.156vw; border-left: 0.365vw solid #ff0000; border-bottom: 0.313vw solid transparent; border-top: 0.313vw solid transparent; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime { padding-top: 3.125vw; margin: 0vw -0.521vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list { width: -webkit-calc(50% - 1.042vw); width: calc(50% - 1.042vw); margin: 0vw 0.521vw; padding: 2.865vw 4.427vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .listTitle { font-size: 1.25vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .desc { padding-top: 0.521vw; font-size: 0.833vw; line-height: 1.354vw; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .icon { right: 0vw; bottom: 0vw; width: 5.938vw; }
  /*--网站运营维护--*/
  /*--网站建设快捷方式--*/
  .websiteFastBox { bottom: 1.563vw; width: 3.385vw; height: 3.385vw; }
  .websiteFastBox::after { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .websiteFastBox::before { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .websiteFastBox .other::before { height: 0.677vw; }
  .websiteFastBox .other .title { padding: 0vw 1.563vw; font-size: 0.781vw; height: 3.385vw; }
  .websiteFastBox .other .title::after { right: 1.302vw; width: 0.469vw; height: 0.469vw; }
  .websiteFastBox .btn { font-size: 0.781vw; height: 3.385vw; padding: 0vw 0vw 0vw 1.302vw; }
  .websiteFastBox .btn p { width: 1.823vw; height: 1.823vw; right: 0.781vw; }
  .websiteFastBox .btn p img { width: 1.146vw; }
  .websiteFastBox .otherListBox { bottom: 4.167vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 1.042vw; -webkit-box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); }
  .websiteFastBox .otherListBox .otherList { max-height: 13.542vw; }
  .websiteFastBox .otherListBox .otherList a { line-height: 1.927vw; font-size: 0.729vw; }
  .websiteFastBox.animat { width: 25vw; }
  .quickDemandBox { bottom: 1.563vw; width: 3.385vw; height: 3.385vw; }
  .quickDemandBox::after { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .quickDemandBox::before { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .quickDemandBox .btn { font-size: 0.781vw; height: 3.385vw; padding: 0vw 0vw 0vw 1.302vw; }
  .quickDemandBox .btn p { width: 1.823vw; height: 1.823vw; right: 0.781vw; }
  .quickDemandBox .btn p img { width: 1.146vw; }
  .quickDemandBox.animat { width: 12.5vw; }
  /*--网站建设快捷方式--*/
  /*--案例列表--*/
  .caseListMain { padding: 11.979vw 0vw 0vw; }
  .caseListMain .caseDescBox .titleBox .title { font-size: 2.604vw; }
  .caseListMain .caseDescBox .titleBox .title i { margin-left: 0.521vw; width: 1.302vw; height: 1.302vw; }
  .caseListMain .caseDescBox .titleBox .title i::after { width: 0.26vw; }
  .caseListMain .caseDescBox .titleBox .title i::before { height: 0.26vw; }
  .caseListMain .caseDescBox .titleBox .desc { padding-top: 1.042vw; font-size: 0.938vw; }
  .caseListMain .caseDescBox .caseData { padding-right: 7.292vw; }
  .caseListMain .caseDescBox .caseData .list { padding-left: 3.646vw; }
  .caseListMain .caseDescBox .caseData .list .numberBox { font-size: 2.604vw; }
  .caseListMain .caseDescBox .caseData .list .numberBox span { font-size: 4.167vw; }
  .caseListMain .caseDescBox .caseData .list .text { font-size: 0.781vw; }
  .caseListMain .caseDescBox .caseData .list:first-child { padding-left: 0vw; }
  .caseListMain .caseListBanner { margin-top: 6.25vw; }
  .caseListMain .caseListBanner .imgBox { padding-top: 30.729vw; }
  .caseListMain .caseListBanner .content { bottom: 3.125vw; }
  .caseListMain .caseListBanner .content .listTitle { font-size: 1.354vw; padding: 0vw 2.083vw; }
  .caseListMain .caseListBanner .content .label { margin-top: 0.781vw; padding: 0vw 2.083vw; }
  .caseListMain .caseListBanner .content .label a { padding: 0vw 0.625vw; font-size: 0.625vw; margin-right: 0.521vw; line-height: 1.354vw; }
  .caseListMain .caseList { margin: 0vw -1.042vw; padding: 4.167vw 0vw 1.563vw; }
  .caseListMain .caseList .list { width: 50%; padding: 0vw 1.042vw 2.344vw; }
  .caseListMain .caseList .list .listTitle { font-size: 1.354vw; }
  .caseListMain .caseList .list .label { padding-top: 0.26vw; }
  .caseListMain .caseList .list .label a { padding: 0vw 0.625vw; font-size: 0.625vw; margin-right: 0.521vw; line-height: 1.354vw; }
  .caseListMain .caseList .list .imgBox { margin-top: 1.563vw; padding-top: 29.063vw; }
  .caseListMain .caseList .list .imgBox .caseLogo { padding-bottom: 6.25vw; }
  .caseListMain .caseList .list .imgBox .content { padding: 0vw 1.042vw 1.042vw; }
  .caseListMain .caseList .list .imgBox .content .desc { font-size: 0.729vw; padding: 0vw 1.042vw; display: -webkit-box; max-height: 3.75vw; line-height: 1.25vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .caseListMain .caseList .list .imgBox .content .more { margin-top: 2.604vw; }
  .caseListMain .caseList .list:hover .imgBox .img { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .caseListMain .caseList .list:hover .imgBox video { -webkit-filter: blur(1.042vw); filter: blur(1.042vw); }
  .fastClassifyBox { width: 3.385vw; height: 3.385vw; bottom: 1.823vw; left: 50%; }
  .fastClassifyBox::after { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .fastClassifyBox::before { top: 1.563vw; -webkit-border-radius: 3.385vw; border-radius: 3.385vw; }
  .fastClassifyBox .list { height: 3.385vw; font-size: 0.781vw; width: 33.333%; }
  .fastClassifyBox .list p { min-width: 1.823vw; height: 1.823vw; right: 0.781vw; }
  .fastClassifyBox .list p img { height: 1.042vw; }
  .fastClassifyBox .list span i { width: 0.521vw; height: 0.521vw; -webkit-transform: rotate(45deg) translateY(-0.156vw); -ms-transform: rotate(45deg) translateY(-0.156vw); transform: rotate(45deg) translateY(-0.156vw); margin-left: 0.521vw; }
  .fastClassifyBox .list span em { font-size: 0.625vw; margin-left: 0.521vw; }
  .fastClassifyBox .list::before { width: 0.052vw; height: 0.677vw; }
  .fastClassifyBox .list:nth-child(3) { padding-right: 1.823vw; }
  .fastClassifyBox .list.cur span i { -webkit-transform: rotate(-135deg) translateY(-0.156vw); -ms-transform: rotate(-135deg) translateY(-0.156vw); transform: rotate(-135deg) translateY(-0.156vw); }
  .fastClassifyBox .caseClassifyList { bottom: 4.167vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; z-index: 20; padding: 1.042vw; -webkit-box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); box-shadow: 0vw 0.156vw 1.823vw rgba(148, 137, 111, 0.2); }
  .fastClassifyBox .caseClassifyList .classifyList { max-height: 13.542vw; }
  .fastClassifyBox .caseClassifyList .classifyList a { line-height: 1.927vw; font-size: 0.729vw; }
  .fastClassifyBox.animat { width: 25vw; }
  /*--案例列表--*/
  /*--案例详情--*/
  .caseDetailsMain { padding-top: 10.938vw; }
  .caseDetailContent .content { width: 31.51vw; }
  .caseDetailContent .content .title { font-size: 2.344vw; }
  .caseDetailContent .content .desc { margin-top: 1.302vw; font-size: 0.833vw; line-height: 1.25vw; height: calc(1.25vw * 4); display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
  .caseDetailContent .content .more { padding-top: 1.302vw; }
  .caseDetailContent .content .more a { font-size: 0.729vw; height: 2.135vw; -webkit-border-radius: 2.135vw; border-radius: 2.135vw; padding: 0vw 1.302vw; }
  .caseDetailContent .content .more a i { font-size: 0.417vw; margin-left: 0.521vw; }
  .caseDetailContent .content .more a::after { -webkit-border-radius: 2.135vw; border-radius: 2.135vw; }
  .caseDetailContent .content .more a:hover::after { width: 2.135vw; right: -0.521vw; }
  .caseDetailContent .content .more a:hover i { margin-left: 0.26vw; -webkit-transform: translateX(0.99vw); -ms-transform: translateX(0.99vw); transform: translateX(0.99vw); }
  .caseDetailContent .content .more a:hover { padding: 0vw 1.302vw 0vw 0vw; }
  .caseDetailContent .serviceContent { width: 26.563vw; }
  .caseDetailContent .serviceContent .list { padding: 1.042vw 0vw; }
  .caseDetailContent .serviceContent .list .listTitle { font-size: 0.781vw; line-height: 1.25vw; }
  .caseDetailContent .serviceContent .list .desc { width: 14.063vw; font-size: 0.781vw; line-height: 1.25vw; }
  .caseDetailProjectMain { padding: 6.25vw 0vw 0vw; }
  .caseDetailProjectMain .caseDetailProject { padding: 6.25vw 0vw 0vw; }
  .caseDetailProjectMain .caseDetailProject .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.042vw; }
  .caseDetailProjectMain .caseDetailProject .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.781vw; }
  .caseDetailProjectMain .caseDetailProject .desc { width: 51.042vw; font-size: 1.146vw; }
  .caseDetailProjectMain .caseDetailProjectDetailImg { padding-top: 5.208vw; }
  .caseDetailProjectMain .colorMatching { margin: 0vw -0.781vw; padding: 6.25vw 0vw 0vw; }
  .caseDetailProjectMain .colorMatching .list { width: -webkit-calc(33.333% - 1.563vw); width: calc(33.333% - 1.563vw); margin: 0vw 0.781vw 1.563vw; }
  .caseDetailProjectMain .colorMatching .list .listTitle { left: 1.563vw; top: 1.302vw; right: 1.563vw; font-size: 0.833vw; }
  .caseDetailProjectMain .colorMatching .list .colorValue { bottom: 1.302vw; left: 1.563vw; right: 1.563vw; font-size: 1.823vw; }
  .caseDetailProjectMain .colorMatching .list .color { padding-top: 14.063vw; }
  .caseDetailProjectMain .colorMatching .list .imgBox { padding-top: 14.063vw; }
  .caseDetailProductServiceMain { padding-top: 6.25vw; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg { padding: 5.729vw 0vw; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg .imgBox { max-width: 57.552vw; }
  .caseDetailProductServiceMain .caseDetailProductService { top: -2.604vw; margin: 0vw 0vw -2.604vw; padding: 3.906vw 4.688vw 0vw; }
  .caseDetailProductServiceMain .caseDetailProductService .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.042vw; }
  .caseDetailProductServiceMain .caseDetailProductService .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.781vw; }
  .caseDetailProductServiceMain .caseDetailProductService .desc { width: 51.563vw; font-size: 1.146vw; }
  .caseDetailImg { padding-top: 9.896vw; }
  .caseDetailLabelMain { padding: 3.125vw 0vw 4.167vw; }
  .caseDetailLabelMain .title a { font-size: 0.833vw; margin: 0vw 0.625vw; }
  .caseDetailLabelMain .title a::before { content: ''; width: 0.365vw; height: 0.365vw; margin-right: 0.521vw; }
  .caseDetailLabelMain .caseDetailLabel { padding-top: 1.823vw; }
  .caseDetailLabelMain .caseDetailLabel a { padding: 0vw 1.563vw; margin: 0.26vw; height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; font-size: 0.729vw; }
  /*--案例详情--*/
  /*--ai--*/
  .aiBanner .imgBox { padding-top: 54.635vw; }
  .aiBanner .displayer { left: -5.99vw; bottom: 0vw; width: 79.635vw; }
  .aiBanner .symbol { right: -4.948vw; bottom: -4.948vw; width: 95.521vw; }
  .aiBanner .symbol img { width: 95.521vw; }
  .aiBanner .aiBannerText { left: 0vw; top: 45%; width: 100%; }
  .aiBanner .aiBannerText .title { font-size: 2.917vw; }
  .aiBanner .aiBannerText .more { padding-top: 1.302vw; }
  .aiBanner .aiBannerText .more a { height: 2.708vw; width: 11.458vw; -webkit-border-radius: 2.708vw; border-radius: 2.708vw; font-size: 0.729vw; }
  .aiCustomMain { padding-top: 8.333vw; }
  .aiCustomMain .aiCustomBox .aiCustom { width: 28.646vw; padding: 3.646vw 3.906vw 5.208vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content { padding: 0vw 0vw 3.646vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content .listTitle { font-size: 2.344vw; }
  .aiCustomMain .aiCustomBox .aiCustom .content .desc { font-size: 0.833vw; padding-top: 1.042vw; line-height: 1.25vw; color: rgba(255, 255, 255, 0.6); }
  .aiCustomMain .aiCustomBox .aiCustomList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 0.521vw; margin-right: -0.521vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list { width: -webkit-calc(50% - 1.042vw); width: calc(50% - 1.042vw); height: 17.188vw; margin: 1.042vw 0.521vw 0vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content { padding: 0vw; top: 42%; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .listTitle { font-size: 2.344vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .desc { font-size: 0.833vw; padding-top: 1.042vw; line-height: 1.25vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .imgBox { width: 20.469vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) { margin-top: 0vw; width: 100%; height: 17.708vw; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) .content { left: 3.385vw; top: 46%; }
  .aiPriceMain { margin-top: 6.25vw; padding: 6.25vw 0vw; }
  .aiPriceMain .aiPrice { width: 26.042vw; height: 29.167vw; padding: 3.646vw 3.125vw 3.125vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; -webkit-backdrop-filter: blur(0.521vw); backdrop-filter: blur(0.521vw); }
  .aiPriceMain .aiPrice .title { font-size: 2.344vw; }
  .aiPriceMain .aiPrice .content .desc { font-size: 1.042vw; }
  .aiPriceMain .aiPrice .content .money { font-size: 1.042vw; padding-top: 0.26vw; }
  .aiPriceMain .aiPrice .content .money span { font-size: 4.688vw; }
  .aiPriceMain .aiPrice .content .originalPrice { font-size: 0.833vw; }
  .aiPriceMain .symbol { right: 17.188vw; bottom: -6.729vw; width: 67.969vw; height: 22.198vw; }
  .aiPriceMain .symbol img { width: 67.969vw; }
  .aiBrandMain { padding: 7.292vw 0vw; }
  .aiBrandMain .aiBrand { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 2.083vw; }
  .aiBrandMain .aiBrand .title { font-size: 2.344vw; }
  .aiBrandMain .aiBrand .desc { font-size: 0.938vw; line-height: 1.615vw; padding-top: 2.604vw; }
  .aiBrandMain .aiBrandList { width: 42.969vw; }
  .aiBrandMain .aiBrandList .list { width: -webkit-calc(25% - 0.781vw); width: calc(25% - 0.781vw); margin: 0vw 0vw 0.781vw 0.781vw; }
  .aiBrandMain .aiBrandList .list img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aiQAMain { padding: 4.688vw 0vw; }
  .aiQAMain .title { font-size: 2.344vw; }
  .aiQAMain .aiQAList { padding-top: 1.042vw; }
  .aiQAMain .aiQAList .list { padding: 1.823vw; margin-top: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aiQAMain .aiQAList .list .listTitle { font-size: 0.938vw; line-height: 1.25vw; padding-right: 1.563vw; }
  .aiQAMain .aiQAList .list .listTitle i { width: 0.729vw; height: 0.729vw; }
  .aiQAMain .aiQAList .list .content { margin-top: 1.302vw; padding: 1.823vw 2.083vw; font-size: 0.781vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aiBuyMain { padding: 5.729vw 0vw 4.688vw; }
  .aiBuyMain .title { font-size: 2.396vw; }
  .aiBuyMain .desc { padding-top: 0.781vw; font-size: 0.781vw; }
  .aiBuyMain .btn { padding-top: 2.083vw; }
  .aiBuyMain .btn a { width: 11.979vw; height: 2.5vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; margin: 0vw 0.521vw; font-size: 0.729vw; }
  /*--ai--*/
  /*--联系我们--*/
  .contactMain { padding: 11.979vw 0vw 5.729vw; }
  .contactMain .contactDesc .title { font-size: 2.604vw; }
  .contactMain .contactDesc .title i { top: -0.417vw; margin-left: 0.781vw; width: 1.302vw; height: 1.302vw; }
  .contactMain .contactDesc .title i::after { width: 0.26vw; }
  .contactMain .contactDesc .title i::before { height: 0.26vw; }
  .contactMain .contactDesc .desc { font-size: 0.938vw; padding-top: 0.781vw; }
  .contactInfoMain .contactInfo .list { width: 33.333%; padding: 4.167vw 3.125vw; }
  .contactInfoMain .contactInfo .list .listTitle { font-size: 1.563vw; }
  .contactInfoMain .contactInfo .list .content .telList { padding-right: 2.083vw; padding-top: 1.823vw; }
  .contactInfoMain .contactInfo .list .content .telList .telTitle { font-size: 0.781vw; padding-bottom: 0.26vw; }
  .contactInfoMain .contactInfo .list .content .telList .tel { font-size: 0.938vw; }
  .contactInfoMain .contactInfo .list .addressContent { padding-top: 1.563vw; font-size: 0.781vw; }
  .contactInfoMain .contactInfo .list .btn { padding-top: 1.563vw; }
  .contactInfoMain .contactInfo .list .btn a { height: 2.135vw; padding: 0vw 1.302vw; font-size: 0.729vw; }
  .contactInfoMain .contactInfo .list .btn a i { margin-left: 0.521vw; font-size: 0.417vw; }
  .contactInfoMain .contactInfo .list .btn a::after { -webkit-border-radius: 2.135vw; border-radius: 2.135vw; }
  .contactInfoMain .contactInfo .list .btn a:hover::after { width: 2.135vw; -webkit-transform: translateX(0.417vw); -ms-transform: translateX(0.417vw); transform: translateX(0.417vw); }
  .contactInfoMain .contactInfo .list .btn a:hover i { -webkit-transform: translateX(0.885vw); -ms-transform: translateX(0.885vw); transform: translateX(0.885vw); }
  .contactInfoMain .contactInfo .list .qrCodeImg { width: 5.417vw; padding-bottom: 1.302vw; }
  .contactInfoMain .contactInfo .list .subjectNumber { font-size: 0.781vw; padding-top: 0.104vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) { width: 66.666%; padding-left: 0vw; padding-right: 19.271vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) .content .telList { padding-right: 2.865vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) .content .telList:last-child { padding-right: 10.417vw; }
  .contactInfoMain .contactInfo .list:nth-child(3) { padding-left: 0vw; }
  .contactFormMain { padding: 7.813vw 0vw 7.292vw; }
  .contactFormMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .contactFormMain .content .title { font-size: 2.188vw; }
  .contactFormMain .content .desc { font-size: 0.938vw; padding-top: 2.083vw; }
  .contactFormMain .contactForm { width: 41.927vw; }
  .contactFormMain .contactForm .formTitle { font-size: 0.781vw; padding-bottom: 0.521vw; }
  .contactFormMain .contactForm .formTitle::before { content: ''; margin-right: 0.521vw; width: 0.625vw; height: 0.625vw; -webkit-border-radius: 100%; border-radius: 100%; }
  .contactFormMain .contactForm form { margin: 0vw -0.26vw; }
  .contactFormMain .contactForm form .input { width: 50%; margin-top: 1.042vw; padding: 0vw 0.26vw; }
  .contactFormMain .contactForm form .input input { height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; padding: 0vw 1.302vw; font-size: 0.781vw; }
  .contactFormMain .contactForm form .input img { right: 1.042vw; }
  .contactFormMain .contactForm form .input textarea { padding: 1.302vw; -webkit-border-radius: 1.302vw; border-radius: 1.302vw; height: 7.292vw; font-size: 0.781vw; }
  .contactFormMain .contactForm form .btn { padding: 1.042vw 0.26vw 0vw; }
  .contactFormMain .contactForm form .btn input { height: 2.813vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; font-size: 0.729vw; }
  .contactCircle { right: -5.729vw; top: 9.896vw; }
  .contactCircle1 { bottom: -18.75vw; }
  /*--联系我们--*/
  /*--弹出支付--*/
  .paymentBox .payment { width: 41.667vw; padding-left: 0vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .paymentBox .payment .closePay { right: 1.563vw; top: 1.042vw; font-size: 1.25vw; }
  .paymentBox .payment .paymentDesc { left: 0vw; top: 50%; padding: 0vw 4.688vw 0vw 3.125vw; width: 31.25vw; }
  .paymentBox .payment .paymentDesc .title { font-size: 1.667vw; }
  .paymentBox .payment .paymentDesc .priceBox { margin-top: 2.083vw; padding: 1.823vw 0vw 1.823vw 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .paymentBox .payment .paymentDesc .priceBox .desc { font-size: 1.042vw; }
  .paymentBox .payment .paymentDesc .priceBox .price { font-size: 4.167vw; }
  .paymentBox .payment .paymentDesc .priceBox .originalPrice { font-size: 0.833vw; }
  .paymentBox .payment .paymentDesc .priceBox .icon { padding-right: 0.781vw; }
  .paymentBox .payment .paymentDesc .priceBox .icon i { width: 1.198vw; height: 1.198vw; font-size: 0.938vw; }
  .paymentBox .payment .paymentDesc .paymentDescList { padding-top: 1.563vw; }
  .paymentBox .payment .paymentDesc .paymentDescList .list { font-size: 0.781vw; margin-top: 1.042vw; }
  .paymentBox .payment .paymentDesc .paymentDescList .list i { width: 0.885vw; height: 0.885vw; margin-right: 0.521vw; font-size: 0.729vw; }
  .paymentBox .payment .paymentForm { padding: 4.688vw 4.427vw 6.25vw; min-height: 35.938vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .paymentBox .payment .paymentForm .title { font-size: 0.781vw; }
  .paymentBox .payment .paymentForm .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .paymentBox .payment .paymentForm .inputList { margin: 0vw -0.521vw; }
  .paymentBox .payment .paymentForm .inputList .list { width: 50%; padding: 0.781vw 0.521vw 0vw; }
  .paymentBox .payment .paymentForm .inputList .list p { font-size: 0.833vw; padding: 0vw 1.042vw 0.521vw; }
  .paymentBox .payment .paymentForm .inputList .list .input input { -webkit-border-radius: 2.865vw; border-radius: 2.865vw; height: 2.865vw; font-size: 0.781vw; padding: 0vw 1.042vw; }
  .paymentBox .payment .paymentForm .inputList .list .input img { right: 0.781vw; }
  .paymentBox .payment .paymentForm .inputList .list button { height: 2.865vw; -webkit-border-radius: 2.865vw; border-radius: 2.865vw; font-size: 0.729vw; }
  .paymentBox .payment .paymentForm .inputList .list:last-child { padding-top: 1.563vw; }
  .paymentBox .payment .paymentForm .desc { padding-top: 2.083vw; font-size: 0.729vw; }
  .paymentBox .payment .paymentForm .desc::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle { font-size: 0.781vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payQrCode { width: 9.01vw; padding: 2.083vw 0vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount { font-size: 0.781vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount { font-size: 2.344vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount span { font-size: 1.146vw; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .number { font-size: 0.781vw; padding-left: 0.521vw; }
  .paymentMain.animat .payment { width: 72.917vw; padding-left: 31.25vw; }
  /*--弹出支付--*/
  /*--关于我们--*/
  .aboutTitle { font-size: 0.833vw; }
  .aboutTitle::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .aboutDesc { margin-top: 1.042vw; font-size: 2.344vw; line-height: 2.865vw; }
  .aboutBanner { padding-top: 34.896vw; }
  .aboutBanner .aboutBannerText .numberImg img { width: 28.333vw; }
  .aboutBanner .aboutBannerText .title { padding-top: 1.302vw; font-size: 2.188vw; }
  .aboutBanner .aboutBannerText .desc { font-size: 0.833vw; padding-top: 0.521vw; }
  .aboutMain { padding: 4.688vw 0vw 0vw; }
  .aboutMain .aboutBox { padding: 3.906vw 0vw 5.729vw; }
  .aboutMain .aboutBox .imgBox { width: 38.542vw; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 39.583vw; padding: 0vw 0vw 0vw 4.167vw; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { height: 5.208vw; font-size: 1.563vw; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 0.625vw; top: -0.208vw; margin-left: 0.521vw; }
  .aboutMain .aboutBox .about .list .desc { font-size: 0.885vw; line-height: 1.458vw; }
  .aboutMain .aboutBox .about .list .iconList { padding: 4.167vw 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content { border-right: 0.052vw solid #ededed; padding: 0vw 2.344vw; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 2.135vw; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 0.521vw; font-size: 0.781vw; }
  .aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0vw; }
  .aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0vw; border-right: none; }
  .aboutVisionMain { padding: 6.771vw 0vw; }
  .aboutVisionMain .container { padding-left: 43.75vw; }
  .aboutVisionMain .title { font-size: 8.177vw; left: 0vw; top: 0vw; }
  .aboutVisionMain .title p { margin-bottom: -1.302vw; letter-spacing: -0.313vw; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 0.104vw; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.104vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 3.646vw; height: 2.083vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -1.823vw; width: 2.083vw; height: 2.083vw; }
  .aboutVisionMain .aboutVision { padding-right: 18.229vw; }
  .aboutVisionMain .aboutVision .list .content .listTitle { font-size: 0.833vw; }
  .aboutVisionMain .aboutVision .list .content .listTitle::after { width: 1.042vw; height: 0.156vw; margin-left: 0.521vw; }
  .aboutVisionMain .aboutVision .list .content .desc { padding-top: 0.521vw; font-size: 1.563vw; line-height: 1.823vw; }
  .aboutVisionMain .aboutVision .list .content .icon { left: 0vw; top: 0vw; width: 9.896vw; height: 9.896vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon { left: -11.458vw; top: -1.302vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-10.417vw); -ms-transform: translateX(-10.417vw); transform: translateX(-10.417vw); padding-left: 20.833vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content .icon { left: -20.313vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-18.229vw); -ms-transform: translateX(-18.229vw); transform: translateX(-18.229vw); padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content .icon { left: -11.458vw; top: -1.563vw; width: 5.208vw; height: 5.208vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 15.625vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-41.667vw); -ms-transform: translateX(-41.667vw); transform: translateX(-41.667vw); }
  .aboutCertificationMain .aboutCertificationBox { padding-top: 6.771vw; padding-bottom: 15.625vw; }
  .aboutCertificationMain .desc { padding-top: 1.823vw; font-size: 0.938vw; line-height: 1.615vw; }
  .aboutCertificationMain .line { width: 0.417vw; height: 1.563vw; left: 0vw; bottom: -0.781vw; }
  .aboutCertificationMain .line::after { bottom: 0vw; width: 100%; height: 0.781vw; bottom: 0vw; left: 0vw; }
  .aboutServiceMain { padding: 5.208vw 0vw 6.771vw; }
  .aboutServiceMain .aboutService .titleBox { width: 29.167vw; }
  .aboutServiceMain .aboutService .desc { margin-top: 2.292vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.938vw; height: 8.073vw; line-height: 1.615vw; }
  .aboutServiceMain .aboutServiceList { margin-top: 4.688vw; }
  .aboutServiceMain .aboutServiceList .list { top: 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; margin-bottom: 1.563vw; }
  .aboutServiceMain .aboutServiceList .list .content { width: 29.167vw; padding: 2.604vw 3.646vw; }
  .aboutServiceMain .aboutServiceList .list .content .number { width: 1.667vw; height: 1.667vw; }
  .aboutServiceMain .aboutServiceList .list .content .number::after { height: 0.104vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span { font-size: 0.729vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(1) { left: -0.26vw; top: -0.156vw; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(2) { right: -0.26vw; bottom: -0.156vw; }
  .aboutServiceMain .aboutServiceList .list .content .listTitle { margin-top: 2.604vw; font-size: 2.083vw; }
  .aboutServiceMain .aboutServiceList .list .content .desc { margin-top: 1.823vw; font-size: 0.833vw; }
  .aboutServiceMain .aboutServiceList .list .content .icon { margin-top: 6.771vw; width: 7.031vw; height: 7.031vw; }
  .aboutServiceMain .aboutServiceList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .aboutDataMain { padding: 5.729vw 0vw; }
  .aboutDataMain .aboutDataList { max-width: 51.563vw; padding-top: 11.458vw; }
  .aboutDataMain .aboutDataList .list { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .aboutDataMain .aboutDataList .list .numberBox { font-size: 2.083vw; line-height: 0.7; }
  .aboutDataMain .aboutDataList .list .numberBox .number { font-size: 3.125vw; }
  .aboutDataMain .aboutDataList .list .text { font-size: 0.781vw; padding-top: 0.521vw; }
  .aboutDataMain .desc { max-width: 48.177vw; font-size: 0.938vw; line-height: 1.615vw; padding-top: 3.125vw; }
  /*--关于我们--*/
  /*--实力认可--*/
  .aboutStrengthMain { padding: 6.771vw 0vw; }
  .aboutStrengthMain .aboutStrengthYearBox { width: 27.604vw; top: 1.563vw; height: 100%; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle { padding: 2.083vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title { font-size: 1.354vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon { width: 2.396vw; height: 2.396vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon span { width: 0.26vw; height: 0.26vw; margin: 0vw 0.052vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo { padding-top: 1.823vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list { width: 3.75vw; margin-left: -0.729vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:first-child { margin: 0vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:last-child { height: 3.75vw; font-size: 1.042vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear { margin-top: 2.604vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .imgBox { padding-top: 132%; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox { left: 0vw; top: 0vw; right: 0vw; padding: 4.167vw 2.604vw 0vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList { height: 5.208vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList .swiper-slide { font-size: 5vw; letter-spacing: -0.208vw; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .desc { font-size: 1.563vw; }
  .aboutStrengthMain .aboutStrengthBox { width: 40.885vw; padding: 0vw 7.813vw 0vw 0vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle { font-size: 1.875vw; line-height: 2.396vw; padding-bottom: 2.604vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::after { width: 1.667vw; height: 1.667vw; left: -2.083vw; top: 0.417vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::before { width: 2.083vw; height: 2.083vw; right: 0vw; top: 0vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list { margin-top: 3.125vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .year { font-size: 1.563vw; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .desc { padding-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  /*--实力认可--*/
  /*--沙漠风与众不同--*/
  .differentTitle { font-size: 2.344vw; }
  .differentDesc { max-width: 52.083vw; font-size: 0.833vw; line-height: 1.354vw; padding-top: 1.563vw; }
  .differentIntroMain { padding: 5.729vw 0vw 0vw; }
  .differentIntroMain .differentIntro { padding-bottom: 4.688vw; }
  .differentIntroMain .differentIntroList .list { top: 4.167vw; margin-bottom: 5.729vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .differentIntroMain .differentIntroList .list .content { width: 29.167vw; padding: 3.646vw 4.427vw 3.646vw 3.906vw; }
  .differentIntroMain .differentIntroList .list .content .listTitle { font-size: 2.083vw; line-height: 2.604vw; }
  .differentIntroMain .differentIntroList .list .content .listDesc { padding-top: 2.344vw; font-size: 0.833vw; line-height: 1.354vw; }
  .differentIntroMain .differentIntroList .list .content .icon { margin-top: 2.604vw; width: 7.031vw; height: 7.031vw; }
  .differentIntroMain .differentIntroList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 45.332%; }
  .differentTop500Main { padding: 4.688vw 0vw; }
  .differentTop500Main .differentTop500 { margin: 0vw -0.365vw; padding-top: 5.208vw; }
  .differentTop500Main .differentTop500 .list { width: 14.285714285714286%; padding: 0vw 0.286vw; margin-top: 0.781vw; }
  .differentTop500Main .differentTop500 .list img { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .differentTop500Main .differentTop500 .list::after { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; -webkit-box-shadow: 0vw 0.833vw 1.979vw rgba(75, 61, 61, 0.86); box-shadow: 0vw 0.833vw 1.979vw rgba(75, 61, 61, 0.86); }
  .differentTop500Main .differentTop500 .list span { right: 1.198vw; left: 1.198vw; top: 0.26vw; -webkit-border-radius: 0.625vw; border-radius: 0.625vw; }
  .differentTop500Main .differentTop500 .list:hover span { -webkit-transform: scale(1.2) translateY(0.208vw); -ms-transform: scale(1.2) translateY(0.208vw); transform: scale(1.2) translateY(0.208vw); }
  .caseExperienceMain { padding: 4.688vw 0vw; }
  .caseExperienceMain .caseExperienceListBox { width: 53.958vw; }
  .caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox { left: 9.8%; top: 1%; width: 80%; height: 87%; -webkit-border-radius: 1.042vw 1.042vw 0.26vw 0.26vw; border-radius: 1.042vw 1.042vw 0.26vw 0.26vw; }
  .caseExperienceMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 3.646vw 1.302vw 0vw 1.042vw; }
  .caseExperienceMain .content .title { font-size: 2.344vw; line-height: 2.865vw; }
  .caseExperienceMain .content .desc { font-size: 0.833vw; padding-top: 1.563vw; line-height: 1.354vw; }
  .differentMarketingMain { padding: 7.813vw 0vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 7.292vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listTitle { font-size: 2.344vw; line-height: 2.865vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listDesc { font-size: 0.833vw; padding-top: 1.563vw; line-height: 1.354vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox { width: 28.646vw; margin: 0vw 10.417vw 0vw 0vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgTitle { left: 0vw; font-size: 1.198vw; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgText p { font-size: 1.198vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgTitle { top: 11.458vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(1) { top: 7.708vw; left: 4.688vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(2) { top: 7.708vw; right: 4.688vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(3) { bottom: 4.427vw; left: 0vw; width: 100%; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(1) { top: 1.823vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(2) { top: 50%; padding-left: 1.042vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(3) { top: 50%; padding-right: 1.042vw; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(4) { bottom: 1.823vw; }
  .differentConsult { padding: 3.646vw 0vw 4.688vw; }
  .differentConsult .btn { padding-top: 2.604vw; }
  .differentConsult .btn a { width: 16.146vw; height: 2.5vw; font-size: 0.729vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  /*--沙漠风与众不同--*/
  /*--理念信仰--*/
  .ideaAndBeliefMain { padding: 5.208vw 0vw 0vw; }
  .ideaAndBeliefMain .title { font-size: 0.833vw; }
  .ideaAndBeliefMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .ideaAndBeliefMain .desc { padding-top: 1.302vw; font-size: 2.344vw; line-height: 2.865vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox { padding: 3.646vw 0vw; margin-top: 3.646vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .imgBox { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; left: 5.208vw; right: 5.208vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer { margin-bottom: -2.083vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer img { max-width: 54%; }
  .ideaAndBeliefMain .ideaAndBeliefBox .content { font-size: 0.833vw; line-height: 1.354vw; }
  .ideaAndBeliefMain .ideaAndBeliefBox.animat .imgBox { left: 0vw; right: 0vw; -webkit-border-radius: 0vw; border-radius: 0vw; }
  .ideaAndBeliefListMain { padding: 5.729vw 0vw 6.771vw; }
  .ideaAndBeliefListMain .title { font-size: 0.833vw; }
  .ideaAndBeliefListMain .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .ideaAndBeliefListMain .desc { font-size: 2.344vw; padding-top: 0.26vw; line-height: 2.865vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList { padding-top: 3.646vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list { margin-bottom: 0.833vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .contentBox { width: 66%; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox { width: 49.3%; padding-top: 30%; height: 100%; left: 0vw; top: 0vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content { width: 49.3%; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 2.344vw 2.865vw 4.167vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon { padding-bottom: 1.042vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon img { height: 1.667vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listTitle { font-size: 1.875vw; line-height: 2.396vw; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listDesc { padding-top: 4.167vw; font-size: 0.781vw; }
  /*--理念信仰--*/
  /*--常见问题--*/
  .QAMain { padding: 4.167vw 0vw; }
  .QAMain .title { font-size: 2.344vw; }
  .QAMain .QAList { padding-top: 3.125vw; }
  .QAMain .QAList .list { margin-top: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding-bottom: 0vw; }
  .QAMain .QAList .list .listTitle { padding: 0vw 2.083vw 0vw 3.646vw; min-height: 4.688vw; font-size: 0.938vw; }
  .QAMain .QAList .list .listTitle span { left: 2.083vw; top: 1.719vw; width: 1.042vw; height: 1.042vw; padding-top: 0.156vw; font-size: 0.729vw; }
  .QAMain .QAList .list .listTitle i { width: 0.729vw; height: 0.729vw; top: 1.875vw; right: 2.083vw; }
  .QAMain .QAList .list .listTitle i::after { height: 0.104vw; }
  .QAMain .QAList .list .listTitle i::before { width: 0.104vw; }
  .QAMain .QAList .list .content { margin: 0vw 2.083vw; padding: 1.563vw 2.344vw; font-size: 0.781vw; line-height: 1.51vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .QAMain .QAList .list.cur { padding-bottom: 1.823vw; }
  /*--常见问题--*/
  /*--客户列表--*/
  .customerListMain { padding: 6.771vw 0vw; }
  .customerListMain .customerListDesc .numberBox { width: 27.344vw; }
  .customerListMain .customerListDesc .numberBox .numberText { font-size: 3.125vw; }
  .customerListMain .customerListDesc .numberBox .numberText span { font-size: 6.563vw; }
  .customerListMain .customerListDesc .numberBox .desc { font-size: 2.344vw; }
  .customerListMain .customerListDesc .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.833vw; line-height: 1.354vw; }
  .customerListMain .customerList { margin: 0vw -0.365vw; padding-top: 4.167vw; }
  .customerListMain .customerList .list { width: 14.285714285714286%; padding: 0vw 0.365vw; margin-top: 0.781vw; }
  .customerListMain .customerList .list img { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .customerListMain .customerList .list::after { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; -webkit-box-shadow: 0vw 0.833vw 1.979vw rgba(75, 61, 61, 0.86); box-shadow: 0vw 0.833vw 1.979vw rgba(75, 61, 61, 0.86); }
  .customerListMain .customerList .list span { right: 1.198vw; left: 1.198vw; top: 0.26vw; bottom: 0vw; -webkit-border-radius: 0.625vw; border-radius: 0.625vw; }
  /*--客户列表--*/
  /*--客户评价--*/
  .customerEvaluationMain { padding: 4.167vw 0vw 7.292vw; }
  .customerEvaluationMain .title { font-size: 2.344vw; }
  .customerEvaluationMain .customerEvaluation { padding-top: 1.563vw; margin: 0vw -1.042vw; }
  .customerEvaluationMain .customerEvaluation .list { width: -webkit-calc(50% - 2.083vw); width: calc(50% - 2.083vw); margin: 2.083vw 1.042vw 0vw; padding: 3.646vw 3.906vw 3.646vw 2.865vw; -webkit-box-shadow: 0vw 3.646vw 1.563vw -2.604vw rgba(65, 50, 25, 0); box-shadow: 0vw 3.646vw 1.563vw -2.604vw rgba(65, 50, 25, 0); background: #fff; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
  .customerEvaluationMain .customerEvaluation .list::after { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo { width: 13.021vw; padding-top: 0.521vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo img { max-width: 80%; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line { bottom: 0vw; width: 3.385vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::before { width: 100%; height: 0.26vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::after { width: 70%; height: 0.26vw; margin-top: 0.365vw; -webkit-border-radius: 0.156vw; border-radius: 0.156vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle { font-size: 1.875vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle img { width: 2.083vw; height: 100%; top: 0.677vw; }
  .customerEvaluationMain .customerEvaluation .list .content .listDesc { padding-top: 1.563vw; font-size: 0.781vw; line-height: 1.354vw; }
  .customerEvaluationMain .customerEvaluation .list:hover { -webkit-box-shadow: 0vw 3.646vw 1.563vw -2.604vw rgba(65, 50, 25, 0.3); box-shadow: 0vw 3.646vw 1.563vw -2.604vw rgba(65, 50, 25, 0.3); }
  /*--客户评价--*/
  /*--人才招聘--*/
  .jobIntroMain { padding: 9.896vw 0vw; }
  .jobIntroMain .content { max-width: 31.25vw; }
  .jobIntroMain .content .title { font-size: 2.604vw; line-height: 3.125vw; }
  .jobIntroMain .content .desc { padding-top: 1.563vw; font-size: 0.833vw; line-height: 1.354vw; }
  .jobIntroMain .content .btn { padding-top: 2.604vw; }
  .jobIntroMain .content .btn a { font-size: 0.729vw; height: 2.135vw; padding: 0vw 1.302vw; }
  .jobIntroMain .content .btn a i { font-size: 0.417vw; margin-left: 0.521vw; }
  .jobIntroMain .content .btn a::after { -webkit-border-radius: 2.135vw; border-radius: 2.135vw; }
  .jobIntroMain .content .btn a:hover::after { width: 2.135vw; }
  .jobIntroMain .content .btn a:hover i { -webkit-transform: translateX(0.417vw); -ms-transform: translateX(0.417vw); transform: translateX(0.417vw); margin-left: 0.781vw; }
  .jobIntroMain .content .btn a:hover { padding-left: 0vw; }
  .jobListMain { padding: 3.646vw 0vw 4.167vw; }
  .jobListMain .jobList .list { margin-top: 1.563vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding-bottom: 0vw; }
  .jobListMain .jobList .list .listTitle { padding: 0vw 2.083vw 0vw 3.646vw; min-height: 4.688vw; font-size: 0.938vw; }
  .jobListMain .jobList .list .listTitle i { width: 0.729vw; height: 0.729vw; top: 1.875vw; right: 2.083vw; }
  .jobListMain .jobList .list .contentBox { margin: 0vw 2.083vw; display: none; padding: 1.563vw 2.344vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .jobListMain .jobList .list .contentBox .contentTitle { font-size: 0.938vw; padding-bottom: 1.302vw; }
  .jobListMain .jobList .list .contentBox .content { font-size: 0.781vw; padding-bottom: 1.563vw; line-height: 1.51vw; }
  .jobListMain .jobList .list .contentBox .btn a { font-size: 0.729vw; height: 2.5vw; padding: 0vw 1.302vw; }
  .jobListMain .jobList .list .contentBox .btn a i { font-size: 0.417vw; margin-left: 0.781vw; }
  .jobListMain .jobList .list .contentBox .btn a::after { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .jobListMain .jobList .list .contentBox .btn a:hover::after { width: 2.5vw; }
  .jobListMain .jobList .list .contentBox .btn a:hover i { margin-left: 1.042vw; -webkit-transform: translateX(0.313vw); -ms-transform: translateX(0.313vw); transform: translateX(0.313vw); }
  .jobListMain .jobList .list .contentBox .btn a:hover { padding-left: 0vw; }
  .jobListMain .jobList .list.cur { padding-bottom: 2.344vw; }
  /*--人才招聘--*/
  /*--定制化电商网站建设方案--*/
  .buyingQuestions { padding-top: 0vw; }
  .buyingQuestions .list { margin-top: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding-bottom: 0vw; }
  .buyingQuestions .list .listTitle { padding: 0vw 2.083vw 0vw 3.646vw; min-height: 4.688vw; font-size: 0.938vw; }
  .buyingQuestions .list .listTitle span { left: 2.083vw; top: 1.719vw; width: 1.042vw; height: 1.042vw; padding-top: 0.156vw; font-size: 0.729vw; }
  .buyingQuestions .list .listTitle i { width: 0.729vw; height: 0.729vw; top: 1.875vw; right: 2.083vw; }
  .buyingQuestions .list .listTitle i::after { height: 0.104vw; }
  .buyingQuestions .list .listTitle i::before { width: 0.104vw; }
  .buyingQuestions .list .content { margin: 0vw 2.083vw; padding: 1.563vw 2.344vw; font-size: 0.781vw; line-height: 1.51vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .buyingQuestions .list.cur { padding-bottom: 1.823vw; }
  /*--定制化电商网站建设方案--*/
  /*--网站推广优化方案--*/
  .websitePromotionBox { padding: 5.469vw 0vw 10.417vw; }
  .websitePromotionBox .title { font-size: 0.833vw; }
  .websitePromotionBox .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .websitePromotionBox .subTitle { padding-top: 1.302vw; font-size: 2.083vw; }
  .websitePromotionBox .websitePromotionDesc { padding-top: 1.302vw; font-size: 0.833vw; line-height: 1.354vw; }
  .websitePromotionBox .websitePromotion { padding-top: 3.125vw; }
  .websitePromotionBox .websitePromotion .imgBox { width: 38.542vw; }
  .websitePromotionBox .websitePromotion .imgBox img { -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .websitePromotionBox .websitePromotion .content { padding: 2.604vw 0vw 0vw 4.167vw; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .websitePromotionBox .websitePromotion .content .list { padding: 1.042vw 0vw 3.385vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle span { width: 1.563vw; height: 1.563vw; padding-top: 0.208vw; font-size: 0.938vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle h3 { font-size: 1.146vw; padding-left: 0.521vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon { width: 0.781vw; height: 0.781vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::after { width: 0.156vw; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::before { height: 0.156vw; }
  .websitePromotionBox .websitePromotion .content .list .desc { padding-top: 1.042vw; font-size: 0.781vw; line-height: 1.302vw; }
  .websiteOptimizationImportanceMain { padding: 4.688vw 0vw; }
  .websiteOptimizationImportanceMain .title { font-size: 2.083vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance { padding-top: 2.604vw; grid-gap: 2.083vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list { padding: 2.344vw 3.125vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .letter { min-width: 2.604vw; width: 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; height: 2.604vw; font-size: 1.042vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1.042vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .listTitle { font-size: 1.563vw; padding-top: 0.26vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content { margin: 0vw -0.521vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.563vw 0.521vw 0vw; font-size: 0.885vw; line-height: 1.354vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList .listSubTitle { font-size: 1.042vw; padding-bottom: 0.781vw; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList p { font-weight: 100; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list:nth-child(2) { -ms-grid-column: 2; grid-column: 2; grid-row: 1 / 3; min-height: 34.375vw; }
  /*--网站推广优化方案--*/
  /*--方案列表--*/
  .solutionBanner .imgBox { padding-top: 34.896vw; }
  .solutionBanner .solutionBannerText .title { font-size: 2.604vw; line-height: 3.125vw; }
  .solutionBanner .solutionBannerText .desc { padding-top: 1.563vw; font-size: 0.938vw; }
  .solutionBanner .solutionBannerText .desc i { margin-left: 0.417vw; line-height: .1; width: 1.302vw; height: 1.302vw; font-size: 0.417vw; }
  .solutionBanner .btn { font-size: 0.781vw; bottom: 1.563vw; padding: 0vw 1.563vw; height: 3.333vw; -webkit-border-radius: 3.333vw; border-radius: 3.333vw; }
  .solutionBanner .btn p { margin-left: 0.521vw; width: 1.823vw; height: 1.823vw; }
  .solutionBanner .btn p img { width: 1.042vw; height: 1.042vw; }
  .solutionTitleIntro { padding: 5.208vw 0vw 0vw; }
  .solutionTitleIntro .container .title { width: 50%; padding: 0vw 5.729vw 0vw 0vw; font-size: 2.344vw; line-height: 2.865vw; }
  .solutionTitleIntro .container .title i { width: 1.302vw; height: 1.302vw; margin-left: 0.521vw; }
  .solutionTitleIntro .container .title i::before { height: 0.26vw; }
  .solutionTitleIntro .container .title i::after { width: 0.26vw; }
  .solutionTitleIntro .container .intro { width: 50%; padding: 0vw 0vw 0vw 5.729vw; font-size: 0.885vw; line-height: 1.458vw; }
  .solutionListMain { padding: 4.167vw 0vw 0.052vw; }
  .solutionListMain .container::after { left: 0.521vw; right: 0.521vw; }
  .solutionList { margin: 0vw -5.729vw; padding: 0vw 0vw 5.729vw; }
  .solutionList .list { width: 50%; padding: 0vw 5.729vw; }
  .solutionList .list .imgBox { padding-top: 50.794%; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .solutionList .list .content { padding: 2.083vw 1.042vw 3.385vw 1.042vw; }
  .solutionList .list .content .listTitle { font-size: 1.563vw; }
  .solutionList .list .content .desc { margin-top: 1.042vw; font-size: 0.833vw; display: -webkit-box; height: 2.708vw; line-height: 1.354vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .solutionList .list .content .arrow { padding-top: 1.302vw; }
  .solutionList .list .content .arrow i { width: 3.125vw; height: 2.135vw; font-size: 0.729vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .solutionList .list:hover .content .arrow i { width: 2.135vw; }
  .solutionList .list:nth-child(2n) { top: 3.125vw; }
  /*--方案列表--*/
  /*--外贸网站方案--*/
  .foreignTradeSolutionBanner .imgBox { padding-top: 31.25vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .title { font-size: 3.125vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn { padding-top: 0.781vw; font-size: 0.781vw; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn i { margin-left: 0.417vw; width: 1.302vw; height: 1.302vw; font-size: 0.417vw; line-height: 0.1; }
  .foreignTradeSolution { padding: 6.25vw 0vw 7.813vw; }
  .foreignTradeSolution .imgBox { width: 41.667vw; }
  .foreignTradeSolution .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 3.125vw 0vw 0vw 3.906vw; }
  .foreignTradeSolution .content .title { font-size: 0.833vw; }
  .foreignTradeSolution .content .title::before { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .foreignTradeSolution .content .subTitle { margin-top: 1.042vw; padding: 0vw 1.042vw 0vw 0vw; font-size: 2.083vw; line-height: 2.604vw; }
  .foreignTradeSolution .content .desc { margin-top: 2.083vw; padding: 0vw 1.042vw 0vw 0vw; max-height: 15.104vw; font-size: 0.833vw; line-height: 1.354vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar { width: 0.208vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-track { -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .foreignTradeSolution .content .desc2 { margin-top: 0.521vw; padding: 0vw 1.042vw 0vw 0vw; max-height: 15.104vw; font-size: 0.833vw; line-height: 1.354vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar { width: 0.208vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-track { -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-thumb { -webkit-border-radius: 0.417vw; border-radius: 0.417vw; }
  .foreignTradeSolution .content .threeTitle { margin-top: 0.521vw; font-size: 1.042vw; }
  .foreignTradeSolutionListMain { padding: 5.208vw 0vw 5.208vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .title { font-size: 2.083vw; width: 32.292vw; padding: 0vw 3.125vw 0vw 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.938vw; line-height: 1.615vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList { margin-top: 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content { width: 29.167vw; padding: 2.604vw 4.167vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number { width: 2.083vw; height: 2.083vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span { font-size: 0.729vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(1) { left: 0vw; top: 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(2) { right: 0vw; bottom: 0vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .listTitle { margin-top: 2.344vw; font-size: 2.083vw; line-height: 1.3; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .desc { padding: 2.083vw 0vw 6.25vw; font-size: 0.833vw; max-width: 19.531vw; line-height: 1.354vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 40%; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox { left: 4.167vw; bottom: 3.385vw; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox a { width: 3.646vw; height: 3.646vw; margin-right: 0.521vw; font-size: 1.25vw; }
  .extensionServerMain { padding: 5.99vw 0vw; }
  .extensionServerMain .title { font-size: 2.083vw; line-height: 2.604vw; }
  .extensionServerMain .content { padding-top: 0.781vw; font-size: 0.938vw; line-height: 1.458vw; }
  .extensionServerMain .extensionServer { margin: 0vw -1.042vw; padding-top: 4.167vw; }
  .extensionServerMain .extensionServer .list { width: -webkit-calc(50% - 2.083vw); width: calc(50% - 2.083vw); margin: 0vw 1.042vw; padding: 2.865vw 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .extensionServerMain .extensionServer .list .listTitle { font-size: 1.25vw; padding-bottom: 2.083vw; }
  .extensionServerMain .extensionServer .list .listTitle span { font-size: 1.042vw; margin-right: 0.781vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .extensionServerMain .extensionServer .list .desc { font-size: 0.833vw; line-height: 1.354vw; }
  .extensionServerMain .extensionServer:first-child { padding-top: 0vw; }
  .solutionTypeMain { padding: 5.729vw 0vw; }
  .solutionTypeMain .titleBox { width: 31.51vw; padding: 0vw 3.906vw 0vw 0vw; }
  .solutionTypeMain .titleBox .title { font-size: 2.083vw; line-height: 1.2; top: 5.729vw; }
  .solutionTypeMain .solutionTypeList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list { top: 3.125vw; padding: 3.125vw 2.344vw 3.906vw; margin-bottom: 1.563vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .solutionTypeMain .solutionTypeList .list .icon { width: 11.198vw; }
  .solutionTypeMain .solutionTypeList .list .icon img { width: 2.344vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line { margin-top: 3.125vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line::before { width: 3.385vw; height: 0.26vw; -webkit-border-radius: 0.13vw; border-radius: 0.13vw; }
  .solutionTypeMain .solutionTypeList .list .icon .line::after { width: 2.604vw; height: 0.26vw; -webkit-border-radius: 0.13vw; border-radius: 0.13vw; margin-top: 0.521vw; }
  .solutionTypeMain .solutionTypeList .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list .content::after { left: -1.563vw; top: -0.625vw; width: 2.135vw; height: 2.135vw; background-size: 2.135vw; }
  .solutionTypeMain .solutionTypeList .list .content .listTitle { font-size: 1.25vw; line-height: 1.3; }
  .solutionTypeMain .solutionTypeList .list .content .desc { font-size: 0.833vw; padding-top: 1.042vw; }
  /*--外贸网站方案--*/
  /*--响应式网站建设方案--*/
  .designPatternMain { min-height: 100vh; width: 100%; }
  .designPatternMain .title { font-size: 2.083vw; padding-top: 1.563vw; }
  .designPatternMain .designPatternBox { margin-top: 3.125vw; }
  .designPatternMain .designPatternBox .imgBox { width: 38.542vw; }
  .designPatternMain .designPatternBox .imgBox img { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .designPatternMain .designPatternBox .designPattern { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0vw 0vw 0vw 4.167vw; height: 35.938vw; }
  .designPatternMain .designPatternBox .designPattern .list { height: 14.5%; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle { height: 5.208vw; font-size: 1.25vw; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle i { font-size: 0.625vw; margin-left: 0.521vw; top: -0.208vw; }
  .designPatternMain .designPatternBox .designPattern .list .desc { padding-bottom: 3.385vw; font-size: 0.833vw; line-height: 1.458vw; }
  .designPatternMain .designPatternBox .designPattern .list.cur .listTitle { font-size: 1.563vw; }
  .solutionConsultMain { padding: 4.167vw 0vw 4.688vw; }
  .solutionConsultMain .title { font-size: 2.344vw; }
  .solutionConsultMain .desc { padding-top: 1.563vw; font-size: 0.833vw; line-height: 1.354vw; max-width: 56.25vw; }
  .solutionConsultMain .btn { padding-top: 2.344vw; }
  .solutionConsultMain .btn a { width: 16.25vw; height: 2.5vw; font-size: 0.729vw; -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .solutionConsultMain .iconList { padding-top: 2.083vw; }
  .solutionConsultMain .iconList .list { width: 16.667vw; font-size: 1.25vw; margin: 0vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 1.042vw 1.563vw; }
  .solutionConsultMain .iconList .list img { height: 3.75vw; margin-right: 1.042vw; }
  /*--响应式网站建设方案--*/
  /*--定制化电商网站建设方案--*/
  .electronicBusinessSolution { padding: 4.948vw 0vw 7.031vw; }
  .electronicBusinessSolution .title { font-size: 2.083vw; }
  .electronicBusinessSolution .desc { padding-top: 0.521vw; font-size: 0.938vw; line-height: 1.458vw; }
  .electronicBusinessSolution .listBox { padding-top: 3.646vw; }
  .electronicBusinessSolution .list { top: 2.604vw; margin-bottom: 2.344vw; padding: 3.385vw 2.604vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; -webkit-backdrop-filter: blur(0.781vw); backdrop-filter: blur(0.781vw); }
  .electronicBusinessSolution .list .listTitleBox { min-width: 26.042vw; }
  .electronicBusinessSolution .list .listTitleBox .listTitle { font-size: 2.083vw; }
  .electronicBusinessSolution .list .listTitleBox .number { margin-right: 1.042vw; width: 3.229vw; height: 3.229vw; font-size: 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; }
  .electronicBusinessSolution .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.885vw; line-height: 1.354vw; }
  .electronicBusinessFeatureBox { padding: 5.208vw 0vw 3.385vw; }
  .electronicBusinessFeatureClass { padding-bottom: 2.344vw; }
  .electronicBusinessFeatureClass .list a { font-size: 2.083vw; }
  .electronicBusinessFeatureClass .list span { font-size: 2.083vw; font-weight: 100; padding: 0vw 1.302vw; }
  .electronicBusinessFeatureTwoClass { padding-bottom: 2.604vw; }
  .electronicBusinessFeatureTwoClass .list a { margin-right: 0.781vw; width: 8.333vw; height: 2.083vw; -webkit-border-radius: 2.083vw; border-radius: 2.083vw; padding: 0vw 0.781vw; font-size: 0.781vw; }
  .electronicBusinessFeatureTwoClass .list a i { width: 0.521vw; height: 0.521vw; }
  .electronicBusinessFeature { padding-top: 2.604vw; }
  .electronicBusinessFeature .listBox { margin: 0vw -0.521vw; }
  .electronicBusinessFeature .listBox .list { width: -webkit-calc(50% - 1.042vw); width: calc(50% - 1.042vw); margin: 0vw 0.521vw 1.042vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 1.302vw 1.563vw; }
  .electronicBusinessFeature .listBox .list h3 { font-size: 1.042vw; }
  .electronicBusinessFeature .listBox .list h3::before { width: 0.26vw; height: 0.677vw; -webkit-border-radius: 0.26vw; border-radius: 0.26vw; margin-right: 0.26vw; }
  .electronicBusinessFeature .listBox .list .desc { padding-top: 0.26vw; font-size: 0.781vw; }
  /*--定制化电商网站建设方案--*/
  /*--软件网站建设方案--*/
  .furnishSolutionMain { padding: 5.208vw 0vw 6.771vw; }
  .furnishSolutionMain .title { font-size: 2.083vw; }
  .furnishSolutionMain .content { margin-top: 0.781vw; font-size: 0.833vw; line-height: 1.354vw; }
  .furnishSolutionMain .furnishSolutionBox { margin-top: 4.167vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; padding: 3.385vw 4.688vw 3.906vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .swiper-slide { padding: 0vw 12.5vw 5.208vw 0vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .listTitle { font-size: 1.563vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .desc { margin-top: 1.302vw; font-size: 0.833vw; line-height: 1.354vw; }
  .furnishSolutionMain .furnishSolutionBox:first-child { margin-top: 0vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass { min-height: 15.625vw; padding-left: 7.813vw; width: 24.219vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a { font-size: 0.938vw; padding-bottom: 1.042vw; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a.cur { font-size: 1.25vw; }
  .furnishSolutionMain .furnishSolutionBox .btn { left: 4.688vw; bottom: 4.688vw; }
  .furnishSolutionMain .furnishSolutionBox .btn a { width: 4.167vw; height: 2.604vw; margin-right: 0.26vw; -webkit-border-radius: 1.302vw; border-radius: 1.302vw; }
  .framesolutionMain { padding: 5.729vw 0vw 0vw; }
  .framesolutionMain .title { font-size: 2.083vw; }
  .framesolutionMain .desc { font-size: 0.938vw; line-height: 1.563vw; padding-top: 1.042vw; }
  .framesolutionMain .framesolutionBox { padding: 4.167vw 0vw 6.25vw; }
  .framesolutionMain .framesolutionBox .imgBox img { -webkit-border-radius: 0.781vw; border-radius: 0.781vw; }
  .framesolutionMain .framesolutionBox .framesolution { width: 39.583vw; height: 39.583vw; padding: 0vw 0vw 0vw 4.167vw; }
  .framesolutionMain .framesolutionBox .framesolution .list { height: 11.843%; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle { font-size: 1.25vw; height: 4.688vw; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle i { font-size: 0.729vw; margin-left: 0.521vw; }
  .framesolutionMain .framesolutionBox .framesolution .list .content { font-size: 0.833vw; line-height: 1.458vw; padding-bottom: 3.125vw; }
  .framesolutionMain .framesolutionBox .framesolution .list.cur .listTitle { font-size: 1.563vw; }
  /*--软件网站建设方案--*/
  /*--数码3C企业网站建设方案--*/
  .solutionTextListMain { padding: 3.646vw 0vw 4.688vw; }
  .solutionTextListMain .title { font-size: 0.833vw; }
  .solutionTextListMain .title::after { width: 0.625vw; height: 0.625vw; margin-right: 0.521vw; }
  .solutionTextListMain .subTitle { padding: 0.781vw 0vw; font-size: 2.083vw; }
  .solutionTextList { margin: 0vw -0.521vw; padding-top: 3.125vw; }
  .solutionTextList .list { width: -webkit-calc(50% - 1.042vw); width: calc(50% - 1.042vw); padding: 2.865vw 3.646vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; margin: 0vw 0.521vw 1.042vw; }
  .solutionTextList .list .listTitle { font-size: 1.25vw; }
  .solutionTextList .list .content { padding-top: 0.781vw; font-size: 0.833vw; }
  .solutionTextList .list .number { margin-top: 1.823vw; width: 3.229vw; height: 3.229vw; -webkit-border-radius: 1.042vw; border-radius: 1.042vw; font-size: 1.042vw; }
  /*--数码3C企业网站建设方案--*/
  /*--门户网站建设方案--*/
  .solutionSystemFunctionMain { padding: 3.646vw 0vw; }
  .solutionSystemFunctionMain .title { font-size: 2.083vw; padding-bottom: 0vw; }
  .solutionSystemFunctionMain .content { padding-top: 0.26vw; font-size: 0.833vw; line-height: 1.458vw; }
  /*--门户网站建设方案--*/
  /*--app定制开发--*/
  .appNLP { padding-right: 2.083vw; }
  .appNLP .list { width: 33.333%; margin-top: 2.344vw; }
  .appNLP .list .icon img { height: 2.135vw; }
  .appNLP .list .text { padding-top: 0.521vw; font-size: 0.781vw; }
  .appNativeMain { padding: 5.208vw 0vw; }
  .appNativeMain .title { font-size: 2.083vw; }
  .appNativeMain .desc { padding-top: 1.302vw; max-width: 69.271vw; font-size: 0.833vw; line-height: 1.354vw; }
  .appNativeMain .appNative { padding-top: 4.167vw; }
  .appNativeMain .appNative .advantage { width: 50%; min-height: 30.729vw; -webkit-box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .appNativeMain .appNative .advantage .advantageTitle { height: 5.99vw; font-size: 1.25vw; }
  .appNativeMain .appNative .advantage .advantageTitle i { font-weight: 100; font-size: 1.563vw; margin-right: 0.521vw; }
  .appNativeMain .appNative .advantage .content { padding: 2.604vw 4.427vw; line-height: 1.354vw; font-size: 0.833vw; }
  .appNativeMain .appNative .advantage .content h3 { font-size: 1.042vw; font-weight: 600; padding-bottom: 0.521vw; }
  .appNativeMain .appNative .shortcomingBox { width: 50%; padding: 2.604vw 0vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0vw 1.563vw 1.563vw 0vw; border-radius: 0vw 1.563vw 1.563vw 0vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle { height: 4.635vw; font-size: 1.25vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 1.563vw; margin-right: 0.521vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content { padding: 2.604vw 4.427vw; line-height: 1.354vw; font-size: 0.833vw; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content h3 { font-size: 1.042vw; font-weight: 600; padding-bottom: 0.521vw; }
  .webAppMain { padding: 5.208vw 0vw; }
  .webAppMain .title { font-size: 2.083vw; }
  .webAppMain .desc { padding-top: 1.302vw; max-width: 69.271vw; font-size: 0.833vw; line-height: 1.354vw; }
  .webAppMain .webApp { padding-top: 4.167vw; }
  .webAppMain .webApp .advantage { width: 50%; min-height: 30.729vw; -webkit-box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); box-shadow: 0vw 0.417vw 2.969vw rgba(67, 52, 27, 0.18); -webkit-border-radius: 1.563vw; border-radius: 1.563vw; }
  .webAppMain .webApp .advantage .advantageTitle { height: 5.99vw; font-size: 1.25vw; }
  .webAppMain .webApp .advantage .advantageTitle i { font-weight: 100; font-size: 1.563vw; margin-right: 0.521vw; }
  .webAppMain .webApp .advantage .content { padding: 2.604vw 4.427vw; line-height: 1.354vw; font-size: 0.833vw; }
  .webAppMain .webApp .advantage .content h3 { font-size: 1.042vw; font-weight: 600; padding-bottom: 0.521vw; }
  .webAppMain .webApp .shortcomingBox { width: 50%; padding: 2.604vw 0vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(1.042vw); backdrop-filter: blur(1.042vw); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0vw 1.563vw 1.563vw 0vw; border-radius: 0vw 1.563vw 1.563vw 0vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle { height: 4.635vw; font-size: 1.25vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 1.563vw; margin-right: 0.521vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content { padding: 2.604vw 4.427vw; line-height: 1.354vw; font-size: 0.833vw; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content h3 { font-size: 1.042vw; font-weight: 600; padding-bottom: 0.521vw; }
  /*--app定制开发--*/ }

@media (min-width: 1600px) { .header { padding: 0px; }
  .header .logo img { height: 55px; }
  .header .logo h1 { font-size: 14px; line-height: 18px; }
  .header .logo a:nth-child(2) { padding-left: 20px; margin-left: 20px; font-size: 14px; line-height: 18px; }
  .header .navBox .nav ul li { padding-right: 35px; }
  .header .navBox .nav ul li h2 a { font-size: 16px; line-height: 100px; }
  .header .navBox .consultBtn { padding: 0px 13px 0px 23px; height: 37px; font-size: 14px; -webkit-border-radius: 37px; border-radius: 37px; }
  .header .navBox .consultBtn span { padding-right: 10px; }
  .header .navBox .consultBtn i { font-size: 8px; width: 20px; height: 20px; }
  .header .navBox .consultBtn::after { -webkit-border-radius: 37px; border-radius: 37px; }
  .header .navBox .consultBtn:hover::after { width: 37px; right: 0px; }
  .header .navBox .consultBtn:hover i { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
  .header .navBox .nav ul li .subNavMain { right: -105px; top: 79px; }
  .header .navBox .nav ul li .subNavMain .subNavBox { margin-top: 20px; padding: 30px 15px 35px; -webkit-border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .listBox { width: 580px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list { width: 290px; padding: 10px 25px 0px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list a { padding: 15px 0px 15px 25px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .icon { width: 34px; height: 34px; font-size: 20px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content { width: -webkit-calc(100% -  34px); width: calc(100% -  34px); padding: 0px 10px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .listTitle { font-size: 15px; }
  .header .navBox .nav ul li .subNavMain .subNavBox .list .content .desc { font-size: 12px; height: 18px; }

  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox{padding: 30px 0px 45px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title{font-size: 15px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .title::before{width: 12px; height: 12px;margin-right: 8px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc{width: 390px; margin-top: 50px; font-size: 34px; line-height:41px; }
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .desc i{font-size: 8px;top: 10px;right: -5px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 540px;padding-top: 50px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3{width: 33.333%; padding: 0px 10px 10px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a{line-height: 32px; font-size: 16px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .SecondaryMenu h3 a i{font-size: 14px; margin-left: 10px;}
  .header .navBox .nav ul li .navDownMenuMain .navDownMenuBox .content .imgBox{width: 540px;}
  .header .navBox .nav ul li:nth-child(6) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 400px;}
  .header .navBox .nav ul li:nth-child(9) .navDownMenuMain .navDownMenuBox .content .SecondaryMenu{width: 400px;}

  .indexTitle { font-size: 20px; }
  .indexTitle::before { width: 12px; height: 12px; margin-right: 5px; }
  .indexCommonMore { height: 48px; -webkit-border-radius: 48px; border-radius: 48px; }
  .indexCommonMore span { height: 48px; font-size: 14px; }
  .indexCommonMore:hover span { top: -48px; }
  .bannerTextBox { padding-bottom: 90px; }
  .bannerTextBox .swiper-slide .title { font-size: 50px; padding: 0px 0px 25px; }
  .bannerTextBox .swiper-slide .title p span { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
  .bannerTextBox .swiper-slide .descBox { padding: 25px 0px 0px; }
  .bannerTextBox .swiper-slide .descBox .desc { max-width: 510px; font-size: 15px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .bannerTextBox .btn { right: 0px; padding-bottom: 90px; }
  .bannerTextBox .btn a { width: 46px; height: 46px; -webkit-border-radius: 46px; border-radius: 46px; margin-left: 8px; font-size: 16px; }
  .indexBusinessMain .indexBusinessDesc { font-size: 45px; line-height: 54px; padding: 80px 0px 60px; }
  .indexBusinessMain .indexBusinessDesc .desc h2{font-size: 45px; line-height: 54px;}
  .indexBusinessMain .indexBusiness { padding: 30px 0px 80px; }
  .indexBusinessMain .indexBusiness .indexTitle{padding-bottom: 70px;}
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide { width: -webkit-calc(34% - 14px); width: calc(34% - 14px); margin-right: 20px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox { padding-top: 90%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 120px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon { padding-bottom: 40px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .icon img { height: 50px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p { font-size: 16px; line-height: 30px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a::after { height: 4px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .content .link p a:hover::after { width: 100%; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox .contentBox .moreBtn { width: 100%; padding: 0px 15px 20px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .imgBox:hover .img { -webkit-filter: blur(10px); filter: blur(10px); }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide .listTitle { padding-top: 15px; font-size: 18px; height:39px; }
  .indexBusinessMain .indexBusiness .indexBusinessList .swiper-slide:last-child { margin: 0px; }
  .indexAboutMain { height: 80vh; }
  .indexAboutMain .indexAboutBox { padding: 50px; }
  .indexAboutMain .indexAboutTitle .desc { font-size: 46px; line-height: 54px; }
  .indexAboutMain .indexAboutTitle .indexTitle { padding-top: 20px; }
  .indexAboutMain .indexAboutDescBox .desc { max-width: 590px; font-size: 16px; height: -webkit-calc(24px * 3); height: calc(24px * 3); line-height: 24px; }
  .indexAboutMain .indexAboutDescBox .more { width: 440px; }
  .indexCaseMain .indexCaseDesc { font-size: 45px; line-height: 54px; padding: 80px 0px 60px; }
  .indexCaseMain .indexCaseDesc .desc h2{font-size: 45px; line-height: 54px;}
  .indexCaseMain .indexCaseListBox { padding: 40px 0px 110px; }
  .indexCaseMain .indexCaseListBox .indexCaseList { margin: 0px -8px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list { width: -webkit-calc(25% - 16px); width: calc(25% - 16px); margin: 0px 8px; padding-bottom: 60px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(3n+2) { width: -webkit-calc(50% - 16px); width: calc(50% - 16px); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(5) { width: -webkit-calc(25% - 16px); width: calc(25% - 16px) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(6) { width: -webkit-calc(50% - 16px); width: calc(50% - 16px); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(10) { width: -webkit-calc(50% - 16px); width: calc(50% - 16px); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list:nth-child(11) { width: -webkit-calc(25% - 16px); width: calc(25% - 16px) }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .listTitle { font-size: 26px; padding-bottom: 5px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label a { margin-right: 10px; line-height: 26px; font-size: 12px; padding: 0px 10px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .label span { margin-right: 10px; line-height: 26px; font-size: 12px; padding: 0px 10px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox { margin-top: 50px; padding-top: 567px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-top: 120px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .caseLogo img { max-width: 65%; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content { padding: 0px 15px 20px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .desc { font-size: 16px; padding: 0px 20px; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: block; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox .contentBox .content .more { margin-top: 50px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .moreBtn a { width: 150px; height: 150px; font-size: 24px; line-height: 28px; padding:0px 24px; }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover .img { -webkit-filter: blur(20px); filter: blur(20px); }
  .indexCaseMain .indexCaseListBox .indexCaseList .list .imgBox:hover video { -webkit-filter: blur(20px); filter: blur(20px); }
  .indexClientMain .indexClientDesc { font-size: 45px; line-height: 54px; padding: 80px 0px 60px; }
  .indexClientMain .indexClientDesc .desc h2{font-size: 45px; line-height: 54px;}
  .indexClientMain .indexClientBox { padding: 35px 0px 80px; }
  .indexClientMain .indexClientBox .indexClientData { width: -webkit-calc(100% - 940px); width: calc(100% - 940px); }
  .indexClientMain .indexClientBox .indexClientDataList { padding: 60px 50px 0px 0px; max-width: 610px; }
  .indexClientMain .indexClientBox .indexClientDataList .list { padding: 0px 0px 25px; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox { font-size: 17px; padding-bottom: 10px; }
  .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span { font-size: 52px; margin-right: 5px; }
  .indexClientMain .indexClientBox .indexClientDataList .list .bar { height: 8px; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar { width: 75%; }
  .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar { width: 57%; }
  .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span { width: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox { margin-top: 60px; width: 100%; height: 100%; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList { margin: -1px -6px -1px 0px; }
  .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list { width: 20%; margin: 0px 0px -1px -1px; }
  .indexAdvantageMain .indexAdvantageDesc { font-size: 45px; line-height: 54px; padding: 130px 50px 90px; }
  .indexAdvantageMain .indexAdvantageBox { padding: 35px 50px 0px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageTitle .desc { font-size: 15px; padding: 0px 110px 0px 0px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList { margin: 100px 0px 0px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide { width: 590px; height: 590px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .Circle { width: 166px; height: 166px; left: 20px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageList .swiper-slide .title { font-size: 22px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent { max-width: 870px; padding-top: 75px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .desc { font-size: 26px; line-height: 42px; }
  .indexAdvantageMain .indexAdvantageBox .indexAdvantageContent .moreBtn { max-width: 430px; padding-top: 50px; }
  .indexAdvantageMain .indexAdvantageCaseMain { margin-top: 230px; padding: 0px 50px 80px; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years { font-size: 880px; height: 670px; }
  .indexAdvantageMain .indexAdvantageCaseMain .yearsBox .years span { font-size: 48px; right: -50px; top: 100px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list { width: 900px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle { margin-top: 15px; font-size: 15px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox .list .listTitle::before { width: 12px; height: 12px; margin-right: 10px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(1) .list:nth-child(2) { width: 600px; margin-top: 420px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(2) { padding-top: 120px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) { padding-top: 130px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(3) .list:nth-child(2) { width: 445px; margin-top: 100px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) { padding-top: 120px; }
  .indexAdvantageMain .indexAdvantageCaseMain .listBox:nth-child(4) .moreBtn { width: 445px; }
  .indexNewsMain .indexNewsDesc { font-size: 45px; line-height: 54px; padding: 80px 0px 60px; }
  .indexNewsMain .indexNewsDesc .desc h2{font-size: 45px; line-height: 54px;}
  .indexNewsMain .indexNewsBox { padding: 35px 0px 80px; }
  .indexNewsMain .indexNewsBox .indexNewsTitle { width: 440px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox { width: -webkit-calc(100% - 440px); width: calc(100% - 440px); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 span { margin: 0px 20px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a { font-size: 16px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsClass h3 a::after { height: 2px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsTab { margin-top: 50px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide { width: -webkit-calc(25% - 12px); width: calc(25% - 12px); margin-right: 17px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .imgBox { padding-top: 91.8%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .listTitle { margin-top: 15px; font-size: 16px; display: -webkit-box; height: 25px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide .time { padding-top: 10px; font-size: 14px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexNewsImgList .swiper-slide:last-child { margin: 0px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg { width: 482.3px; padding-right: 40px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .imgBox { padding-top: 91.7%; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .listTitle { margin-top: 15px; width: 80%; font-size: 16px; display: -webkit-box; height: 50px; line-height: 25px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeImg .time { padding-top: 10px; font-size: 14px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList { width: -webkit-calc(100% - 482.3px); width: calc(100% - 482.3px); -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a { padding: 31px 0px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide a p { font-size: 16px; height: 18px; line-height: 18px; overflow: hidden; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .swiper-slide:hover a { padding: 31px 0px 31px 15px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage { padding-top: 30px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span { margin: 0px 10px 0px 0px; width: 7px; height: 7px; }
  .indexNewsMain .indexNewsBox .indexNewsListBox .indexWebsiteKnowledgeBox .indexWebsiteKnowledgeList .indexWebsiteKnowledgeListPage span.swiper-pagination-bullet-active { width: 9px; height: 9px; }
  .indexRequirementMain { height: 450px; padding: 55px 0px; }
  .indexRequirementMain .indexRequirement { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .indexRequirementMain .indexRequirement .title { font-size: 46px; }
  .indexRequirementMain .indexRequirement .desc { padding-top: 20px; font-size: 17px; height:42.5px;}
  .indexRequirementMain .moreBtn .btn { width: 440px; }
  .indexRequirementMain .moreBtn .textTel{font-size: 17px;}
  .indexRequirementMain .moreBtn .textTel span{font-size: 32px;padding: 0px 35px 0px 10px;}

  .footer { padding: 65px 0px 65px; }
  .footer .footLogoBox .footLogo { width: 38%; }
  .footer .footLogoBox .footLogo .footLogoImg img { height: 63px; }
  .footer .footLogoBox .footLogo .desc { font-size: 16px; padding-top: 15px; }
  .footer .footLogoBox .footLogo .Subscribe { margin-top: 40px; width: 310px; }
  .footer .footLogoBox .footLogo .Subscribe input { width: 100%; padding: 0px 110px 0px 25px; font-size: 14px; height: 44px; -webkit-border-radius: 44px; border-radius: 44px; }
  .footer .footLogoBox .footLogo .Subscribe button { width: 90px; height: 100%; font-size: 14px; -webkit-border-radius: 44px; border-radius: 44px; }
  .footer .footLogoBox .footClass { width: 39%; }
  .footer .footLogoBox .footClass .primaryClass { width: 175px; }
  .footer .footLogoBox .footClass .primaryClass .list { font-size: 30px; }
  .footer .footLogoBox .footClass .primaryClass .list a { padding: 10px 0px; }
  .footer .footLogoBox .footClass .primaryClass .list a::after { height: 3px; }
  .footer .footLogoBox .footClass .primaryClass .list a i { right: -20px; top: 10px; font-size: 8px; }
  .footer .footLogoBox .footClass .SecondaryClass .list p { font-size: 16px; line-height: 32px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  .footer .footLogoBox .footClass .SecondaryClass .list p a i { margin-left: 10px; font-size: 14px; }
  .footer .footLogoBox .footClass .SecondaryClass .list p a:hover i { margin-left: 20px; }
  .footer .footLogoBox .footTelBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .footLogoBox .footTelBox .list { padding-bottom: 20px; }
  .footer .footLogoBox .footTelBox .list .title { font-size: 14px; padding-bottom: 5px; }
  .footer .footLogoBox .footTelBox .list .tel { font-size: 28px; }
  .footer .footLogoBox .footTelBox .footshare a { width: 46px; height: 46px; font-size: 20px; }
  .footer .footClassBox .title{font-size:34px;}
  .footer .footClassBox .footClass .list{margin-left: 30px;}
  .footer .footClassBox .footClass .list h3 a{font-size: 18px; line-height: 24px;}
  .footer .footClassBox .footClass .list h3 a::after {bottom: -10px;height: 2px;}
  .footer .footAboutBox { margin-top: 50px; padding: 35px 0px; }
  .footer .footAboutBox .footAbout { width: 42%;  padding-right: 20px;}
  .footer .footAboutBox .footAbout .title { font-size: 18px; padding-bottom: 8px; }
  .footer .footAboutBox .footAbout .desc { max-width: 620px; font-size: 13px; height: -webkit-calc(24px * 4); height: calc(24px * 4); line-height: 24px; }
  .footer .footAboutBox .footAdvantage { width: 31%; }
  .footer .footAboutBox .footAdvantage .title { font-size: 18px; padding-bottom: 8px; }
  .footer .footAboutBox .footAdvantage .list { width: 160px; margin-right: 25px; }
  .footer .footAboutBox .footAdvantage .list p { font-size: 14px; line-height: 24px; }
  .footer .footAboutBox .footOurdifferences { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .footAboutBox .footOurdifferences .title { font-size: 18px; padding-bottom: 8px; }
  .footer .footAboutBox .footOurdifferences .desc { max-width: 520px; font-size: 13px; height: -webkit-calc(24px * 4); height: calc(24px * 4); line-height: 24px; }
  .footer .foot { padding: 35px 0px 0px; }
  .footer .foot .copyright { width: 77%; font-size: 14px; line-height: 24px; }
  .footer .foot .footLink { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .footer .foot .footLink .btn { height: 44px; -webkit-border-radius: 44px; border-radius: 44px; font-size: 14px; }
  .footer .foot .footLink .btn i { right: 30px; top: 50%; font-size: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .footer .foot .footLink .listBox { padding: 20px 20px 30px; }
  .footer .foot .footLink .listBox .list { max-height: 260px; }
  .footer .foot .footLink .listBox .list a { line-height: 37px; font-size: 14px; }
  .footer .foot .footLink .listBox::after { bottom: 15px; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); -webkit-border-radius: 20px; border-radius: 20px; }
  .rightFastMain { right: 10px; }
  .rightFastMain .rightFastBox { width: 56px; padding: 5px 0px 10px; -webkit-border-radius: 56px; border-radius: 56px; margin-top: 1px; }
  .rightFastMain .rightFastBox .fastDemand .icon { width: 46px; }
  .rightFastMain .rightFastBox .fastDemand .icon p { height: 46px; }
  .rightFastMain .rightFastBox .fastDemand .icon img { width: 22px; }
  .rightFastMain .rightFastBox .fastDemand .title { width: 36px; font-size: 14px; line-height: 15px; padding: 8px 0px 15px; }
  .rightFastMain .rightFastBox .fastTel { padding: 15px 0px 0px; }
  .rightFastMain .rightFastBox .fastTel .icon { font-size: 22px; }
  .rightFastMain .rightFastBox .fastTel .title { width: 36px; font-size: 14px; line-height: 15px; padding: 5px 0px 15px; }
  .rightFastMain .scrollTop { width: 56px; height: 56px; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 10px; -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15); }
  .rightFastMain .scrollTop i { font-size: 24px; }
  .rightFastMain .rightFastBox .popUpTelMain { right: 17px; padding-right: 17px; }
  .rightFastMain .rightFastBox .popUpTelBox { width: 172px; height: 294px; -webkit-border-radius: 17px; border-radius: 17px; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); }
  .rightFastMain .rightFastBox .popUpTelBox .consultTitle { padding: 17px 0px 12px; font-size: 14px; }
  .rightFastMain .rightFastBox .popUpTelBox .consultCode { width: 100px; border: 2px solid #ff0000; -webkit-border-radius: 8px; border-radius: 8px; }
  .rightFastMain .rightFastBox .popUpTelBox .telTitle { padding-top: 12px; font-size: 14px; }
  .rightFastMain .rightFastBox .popUpTelBox .telNumber { font-size: 18px; }
  .rightFastMain .rightFastBox .popUpTelBox .btn { padding-top: 8px; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a { height: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 0px 20px; font-size: 14px; }
  .rightFastMain .rightFastBox .popUpTelBox .btn a i { font-size: 22px; margin-right: 8px; }
  .rightFastMain .rightFastBox .qrCode { right: 45px; width: 125px; -webkit-border-radius: 4px; border-radius: 4px; }
  .rightFastMain .rightFastBox .fastTel:hover .popUpTelMain { right: 50px; }
  .rightFastMain .rightFastBox .fastTel:hover .qrCode { right: 70px; }
  .pupDemandMain .pupDemandContainer { padding: 40px 20px; }
  .pupDemandMain .pupDemandBox { width: 840px; padding-left: 0px; -webkit-border-radius: 30px; border-radius: 30px; }
  .pupDemandMain .pupDemandBox .title { font-size: 36px; line-height: 46px; width: 560px; padding: 80px 0px 0px 60px; }
  .pupDemandMain .pupDemandBox .telBox { width: 560px; padding: 0px 0px 80px 60px; }
  .pupDemandMain .pupDemandBox .telBox .tel { font-size: 26px; }
  .pupDemandMain .pupDemandBox .telBox .desc { font-size: 14px; }
  .pupDemandMain .pupDemandBox .pupDemand { width: 840px; padding: 70px 100px 57.6px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-border-radius: 30px; border-radius: 30px; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle { font-size: 15px; padding: 20px 0px 0px 8px; }
  .pupDemandMain .pupDemandBox .pupDemand .subTitle::before { width: 12px; height: 12px; margin-right: 5px; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList { margin: 0px -10px; padding-top: 15px; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 10px; padding-top: 20px; }
  .pupDemandMain .pupDemandBox .pupDemand .inputList .list input { height: 54px; -webkit-border-radius: 54px; border-radius: 54px; padding: 0px 23px; font-size: 15px; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceTitle { padding-top: 20px; font-size: 20px; font-weight: 550; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox { margin: 10px 10px 0px 0px; padding: 0px 10px; line-height: 28px !important; -webkit-border-radius: 28px !important; border-radius: 28px !important; }
  .pupDemandMain .pupDemandBox .pupDemand .MultipleChoice .MultipleChoiceList .layui-form-checkbox span { line-height: 28px !important; font-size: 14px; padding: 0px; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetTitle { padding-top: 20px; font-size: 20px; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio { font-size: 14px; line-height: 28px; padding: 0px; margin: 10px 20px 0px 0px; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio > i { font-size: 12px; }
  .pupDemandMain .pupDemandBox .pupDemand .yourBudget .yourBudgetList .layui-form-radio div { font-size: 14px; }
  .pupDemandMain .pupDemandBox .pupDemand .code { margin-top: 20px; }
  .pupDemandMain .pupDemandBox .pupDemand .code input { height: 54px; -webkit-border-radius: 54px; border-radius: 54px; padding: 0px 23px; font-size: 15px; }
  .pupDemandMain .pupDemandBox .pupDemand .code img { right: 23px; height: 35px; }
  .pupDemandMain .pupDemandBox .pupDemand .btn { margin-top: 25px; }
  .pupDemandMain .pupDemandBox .pupDemand .btn input { font-size: 14px; height: 54px; -webkit-border-radius: 54px; border-radius: 54px; }
  .pupDemandMain .pupDemandBox .pupDemandClose { right: 25px; top: 25px; width: 30px; height: 30px; }
  .pupDemandMain .pupDemandBox .pupDemandClose i { font-size: 24px; }
  .pupDemandMain.animat .pupDemandBox { width: 1400px; padding-left: 560px; } 
  /*--资讯--*/
  .commonBanner .imgBox { padding-top: 600px; }
  .commonBanner .commonBannerText .title { font-size: 16px; }
  .commonBanner .commonBannerText .desc { padding-top: 15px; font-size: 50px; line-height: 60px; }
  .commonBanner .commonBannerText .btn { font-size: 15px; padding-top: 25px; }
  .commonBanner .commonBannerText .btn i { margin-left: 6px; width: 25px; height: 25px; font-size: 8px; }
  .newsClassMain { padding-top: 40px; }
  .newsClassMain .newsClass { padding-bottom: 35px; }
  .newsClassMain .newsClass .swiper-slide { margin-right: 10px; }
  .newsClassMain .newsClass a { min-width: 130px; padding: 0px 15px; line-height: 32px; -webkit-border-radius: 32px; border-radius: 32px; font-size: 14px; }
  .newsClassMain .newsClass a i { width: 8px; height: 8px; margin-left: 30px; }
  .newsClassMain .newsClass .swiper-slide:last-child { margin-right: 0px; }
  .newsListMain { padding: 70px 0px 100px; }
  .newsListMain .list .aList { padding: 20px 0px; }
  .newsListMain .list h2 { font-size: 26px; margin-top: 35px; display: -webkit-box; height: 72px; line-height: 36px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 345px; margin-right: 10px; }
  .newsListMain .list .imgBox { width: 365px;margin-top: 35px; min-height: 150px; margin-right: 20px; -webkit-border-radius: 15px; border-radius: 15px; }
  .newsListMain .list .imgBox img { border: 8px solid #ff0000; }
  .newsListMain .list .time { font-size: 28px; margin-top: 35px; width: 215px; }
  .newsListMain .list .desc { width: 390px; margin-top: 35px; font-size: 15px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsListMain .list .arrow { width: 140px; margin-top: 35px;}
  .newsListMain .list .arrow i { width: 53px; height: 53px; font-size: 30px; }
  #paging { padding-bottom: 120px; }
  #paging a { width: 60px; height: 60px; -webkit-border-radius: 100%; border-radius: 100%; padding: 0px; margin: 0px 5px; font-size: 14px; line-height: 60px; }
  #paging span { width: 60px; height: 60px; padding: 0px; margin: 0px 5px; font-size: 14px; line-height: 60px; }
  #paging span em { font-size: 14px; }
  #paging .layui-laypage-spr { -webkit-border-radius: 100%; border-radius: 100%; margin: 0px 5px; }
  /*--资讯--*/
  /*--资讯主页--*/
  .newsCompositePage { margin: 0px -23px; padding: 70px 0px 30px; }
  .newsCompositePage .list { width: 33.333%; padding: 0px 23px 60px; }
  .newsCompositePage .list a { -webkit-border-radius: 20px; border-radius: 20px; padding: 60px 50px; }
  .newsCompositePage .list a .time { font-size: 16px; }
  .newsCompositePage .list a h2 { margin-top: 15px; font-size: 26px; display: -webkit-box; height: 72px; line-height: 36px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .desc { margin-top: 35px; font-size: 15px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .newsCompositePage .list a .more { margin-top: 70px; }
  .newsCompositePage .list a .more span { padding: 0px 0px 0px 25px; height: 41px; -webkit-border-radius: 41px; border-radius: 41px; font-size: 14px; }
  .newsCompositePage .list a .more span i { font-size: 8px; width: 41px; height: 41px; margin-left: -5px; }
  .newsCompositePage .list a .more span::after { height: 41px; }
  .newsCompositePage .list a:hover { -webkit-box-shadow: 0px 60px 30px -45px rgba(64, 50, 25, 0.3); box-shadow: 0px 60px 30px -45px rgba(64, 50, 25, 0.3); }
  .newsCompositePage .list a:hover .more span { padding: 0px; }
  .newsCompositePage .list a:hover .more span::after { width: 41px;  height: 41px; }
  .newsCompositePage .list a:hover .more span i { margin-left: 8px; }
  /*--资讯主页--*/
  /*--资讯详情--*/
  .circleBox { left: -70px; top: -375px; width: 690px; height: 690px; }
  .circleBox2 { right: -520px; top: 330px; left: auto; }
  .circleBox3 { right: -510px; top: 140px; left: auto; }
  .newsDetailMain { padding: 260px 0px 90px; }
  .newsDetailMain .container{max-width: 1300px;}
  .newsDetailMain .location a { font-size: 13px; }
  .newsDetailMain .location a span { padding: 0px 10px; }
  .newsDetailMain .newsDetailTitle { margin-top: 20px; font-size: 50px; }
  .newsDetailMain .sourceTimeBox { margin-top: 55px; height: 70px; padding: 0px 45px; -webkit-border-radius: 10px; border-radius: 10px; }
  .newsDetailMain .sourceTimeBox .sourceTime p { font-size: 13px; line-height: 18px; padding: 0px 40px; }
  .newsDetailMain .sourceTimeBox .sourceTime p span { font-size: 16px; }
  .newsDetailMain .sourceTimeBox .return a { font-size: 15px; }
  .newsDetailMain .sourceTimeBox .return a i { width: 25px; height: 25px; margin-left: 10px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 8px; }
  .newsDetailMain .newsDetailBox { padding-top: 100px; }
  .newsDetailMain .newsDetailBox .shareLabelBox { width: 205px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .title { font-size: 16px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare { padding-top: 15px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .newsDateilShare .detailShare a { font-size: 22px; width: 50px; height: 50px; margin-right: 10px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel { padding-top: 60px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .title { font-size: 16px; padding-bottom: 10px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list { height: 215px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li { padding-top: 10px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .list li a { padding: 6px 15px; -webkit-border-radius: 33px; border-radius: 33px; font-size: 14px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn { margin-top: 10px; width: 65px; height: 32px; -webkit-border-radius: 32px; border-radius: 32px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i { font-size: 10px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .hotLabel .btn i.cur { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode { padding-top: 60px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .title { font-size: 16px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox { padding-top: 20px; }
  .newsDetailMain .newsDetailBox .shareLabelBox .qrCode .imgBox img { max-width: 110px; }
  .newsDetailMain .newsDetailBox .newsDetail { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 100px; }
  .newsDetailMain .newsDetailBox .newsDetail .content { font-size: 16px; line-height: 31px; }
  .newsDetailMain .newsDetailBox .newsDetail .tag { padding-top: 50px; font-size: 16px; }
  .newsDetailMain .newsDetailBox .newsDetail .tag a span { padding: 0px 10px; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle { margin-top: 50px; padding: 23px 45px; -webkit-border-radius: 10px; border-radius: 10px; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a { font-size: 16px; width: 50%; display: -webkit-box; height: 24px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding-right: 20px; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a span { font-size: 13px; }
  .newsDetailMain .newsDetailBox .newsDetail .prevNextArticle a:last-child { margin-left: 40px; }
  .relatedNewsMain { padding: 110px 0px; }
  .relatedNewsMain .titleBox .title { font-size: 30px; }
  .relatedNewsMain .titleBox .btn a { margin-left: 5px; width: 55px; height: 41px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 14px; }
  .relatedNewsMain .relatedNews { margin-top: 25px; -webkit-border-radius: 15px; border-radius: 15px; }
  .relatedNewsMain .relatedNews .swiper-slide { width: -webkit-calc(33.333% + 1px); width: calc(33.333% + 1px); padding-top: 312px; }
  .relatedNewsMain .relatedNews .swiper-slide a { padding: 60px 40px 0px; }
  .relatedNewsMain .relatedNews .swiper-slide a .columnTitle { font-size: 16px; }
  .relatedNewsMain .relatedNews .swiper-slide a .listTitle { margin-top: 10px; font-size: 22px; display: -webkit-box; height: 62px; line-height: 31px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .relatedNewsMain .relatedNews .swiper-slide a .more { padding-top: 45px; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span { padding: 0px 25px; font-size: 14px; height: 41px; -webkit-border-radius: 41px; border-radius: 41px; }
  .relatedNewsMain .relatedNews .swiper-slide a .more span i { font-size: 8px; margin-left: 10px; }
  .relatedNewsMain .relatedNews .swiper-slide a:hover { top: -13px; bottom: -13px; -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); -webkit-border-radius: 15px; border-radius: 15px; }
  /*--资讯详情--*/
  /*--网站建设--*/
  .websiteConstructionBanner .imgBox { padding-top: 600px; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .icon { width: 290px; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title { font-size: 50px; line-height: 60px; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .title img { right: -63px; top: 15px; width: 33px; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn { font-size: 15px; padding-top: 15px; }
  .websiteConstructionBanner .websiteConstructionBannerText .contentBox .content .btn i { margin-left: 6px; width: 25px; height: 25px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 8px; }
  .websiteConstructionMain .commonweb { max-width: 1720px; }
  .websiteConstructionBox { padding: 100px 0px 40px 140px; -webkit-border-radius: 20px; border-radius: 20px; margin-top: -90px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.8); }
  .websiteConstructionBox .yearsNum { font-size: 345px; font-weight: 600; }
  .websiteConstructionBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 100px; }
  .websiteConstructionBox .content .subTitle { font-size: 20px; }
  .websiteConstructionBox .content .title { padding-top: 10px; font-size: 48px; line-height: 58px; }
  .websiteConstructionBox .content .desc { padding-top: 30px; font-size: 16px; line-height: 26px; max-width: 780px; }
  .websiteConstructionList { margin: 0px -10px; padding: 80px 0px 100px; }
  .websiteConstructionList .list { width: 33.333%; padding: 0px 10px 20px; }
  .websiteConstructionList .list a { -webkit-border-radius: 20px; border-radius: 20px; }
  .websiteConstructionList .list .imgBox { height: 520px; }
  .websiteConstructionList .list .listTitle { padding: 30px 30px 0px; font-size: 32px; }
  .websiteConstructionList .list .contentBox .contentTitle { padding-top: 50px; font-size: 32px; }
  .websiteConstructionList .list .contentBox .content { padding: 0px 20px 30px; }
  .websiteConstructionList .list .contentBox .content .desc { font-size: 14px; line-height: 24px; padding-bottom: 30px; }
  .websiteConstructionList .list:hover .imgBox img { -webkit-filter: blur(20px); filter: blur(20px); }
  .websiteConstructionList .list:nth-child(1) .imgBox { height: 450px; }
  .websiteConstructionList .list:nth-child(2) .imgBox { height: 450px; }
  .websiteConstructionList .list:nth-child(3) .imgBox { height: 450px; }
  .websiteConstructionList .list:nth-child(4) .imgBox { height: 450px; }
  .websiteConstructionList .list:nth-child(5) .imgBox { height: 450px; }
  /*--网站建设--*/
  /*--集团网站建设--*/
  .websiteConstructionDetailTitle { padding: 205px 0px 125px; }
  .websiteConstructionDetailTitle .title { font-size: 60px; }
  .websiteConstructionDetailTitle .btn { font-size: 15px; padding-top: 15px; }
  .websiteConstructionDetailTitle .btn i { margin-left: 6px; width: 25px; height: 25px; -webkit-border-radius: 100%; border-radius: 100%; font-size: 8px; }
  .groupWebsite { padding: 105px 0px 185px; }
  .groupWebsite .container .imgBox { width: 780px; }
  .groupWebsite .container .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0px 0px 80px; }
  .groupWebsite .container .content .title { font-size: 16px; }
  .groupWebsite .container .content .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .groupWebsite .container .content .desc { margin-top: 20px; }
  .groupWebsite .container .content .desc p { font-size: 40px; line-height: 50px; }
  .groupWebsite .container .content .desc p span { width: 620px; }
  .groupWebsite .container .content .desc2 { margin-top: 50px; font-size: 16px; line-height: 30px; max-height: 245px; padding-right: 25px; }
  .groupWebsiteDesignMain { padding: 130px 0px; }
  .groupWebsiteDesignMain .title { font-size: 16px; }
  .groupWebsiteDesignMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .groupWebsiteDesignMain .subTitle { padding-top: 30px; font-size: 40px; padding-bottom: 40px; }
  .groupWebsiteDesignMain .content { padding-top: 80px; }
  .groupWebsiteDesignMain .content .designClass { width: 370px; }
  .groupWebsiteDesignMain .content .designClass h3 { font-size: 18px; line-height: 40px; }
  .groupWebsiteDesignMain .content .designClass h3.cur { font-size: 24px; }
  .groupWebsiteDesignMain .content .designImg { width: 546px; }
  .groupWebsiteDesignMain .content .designContentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 15px 0px 100px; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .listTitle { font-size: 34px; }
  .groupWebsiteDesignMain .content .designContentBox .designContent .list .desc { padding-top: 35px; font-size: 16px; line-height: 26px; }
  .groupWebsiteDesignMain .content .designContentBox .btn { padding-top: 35px; }
  .groupWebsiteDesignMain .content .designContentBox .btn a { width: 80px; height: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 14px; margin-right: 5px; }
  .groupWebsiteDesignMain .content .designContentBox .btn a:last-child { margin: 0px; }
  .groupWebsiteScopeServiceMain { padding: 100px 0px 120px; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService { width: 635px; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title { font-size: 16px; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .subTitle { padding-top: 25px; font-size: 40px; padding-bottom: 90px; }
  .groupWebsiteScopeServiceMain .groupWebsiteScopeService .imgBox img { -webkit-border-radius: 8px; border-radius: 8px; }
  .groupWebsiteScopeServiceMain .content { padding: 55px 0px 0px 180px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .groupWebsiteScopeServiceMain .content .list { padding: 25px 0px 45px; }
  .groupWebsiteScopeServiceMain .content .list .listTitle span { width: 30px; height: 30px; padding-top: 4px; font-size: 18px; }
  .groupWebsiteScopeServiceMain .content .list .listTitle h3 { font-size: 22px; color: rgba(255, 255, 255, 0.4); padding-left: 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon { width: 15px; height: 15px; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::after { width: 3px; }
  .groupWebsiteScopeServiceMain .content .list .listTitle .icon::before { height: 3px; }
  .groupWebsiteScopeServiceMain .content .list .desc { padding-top: 20px; font-size: 15px; line-height: 25px; }
  .groupWebsitelabelMain { padding: 75px 0px; }
  .groupWebsitelabelMain .groupWebsitelabel a { padding: 0px 30px; margin: 5px; height: 54px; -webkit-border-radius: 54px; border-radius: 54px; font-size: 14px; }
  /*--集团网站建设--*/
  /*--关键词--*/
  .keywordIntroBox { padding: 105px 0px 200px; }
  .keywordIntroBox .title { font-size: 16px; }
  .keywordIntroBox .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordIntroBox .subTitle { padding-top: 25px; font-size: 40px;  }
  .keywordIntroBox .keywordIntroDesc { padding-top: 25px; font-size: 16px; line-height: 26px; }
  .keywordIntroBox .keywordIntro{padding-top: 60px;}
  .keywordIntroBox .keywordIntro .imgBox { width: 740px; }
  .keywordIntroBox .keywordIntro .imgBox img { -webkit-border-radius: 20px; border-radius: 20px; }
  .keywordIntroBox .keywordIntro .content { padding: 0px 0px 0px 80px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .keywordIntroBox .keywordIntro .content .list { padding: 20px 0px 65px; }
  .keywordIntroBox .keywordIntro .content .list .listTitle span { width: 30px; height: 30px; padding-top: 4px; font-size: 18px; }
  .keywordIntroBox .keywordIntro .content .list .listTitle h3 { font-size: 22px; color: rgba(255, 255, 255, 0.4); padding-left: 10px; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon { width: 15px; height: 15px; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::after { width: 3px; }
  .keywordIntroBox .keywordIntro .content .list .listTitle .icon::before { height: 3px; }
  .keywordIntroBox .keywordIntro .content .list .desc { padding-top: 20px; font-size: 15px; line-height: 25px; }
  .keywordDesc { padding: 140px 0px 130px; }
  .keywordDesc .title { font-size: 40px; line-height: 55px; }
  .keywordDesc .desc { font-size: 16px; line-height: 26px; max-width: 720px; padding-top: 35px; }
  .keywordAdvantageMain { padding: 100px 0px 130px; }
  .keywordAdvantageMain .title { font-size: 16px; }
  .keywordAdvantageMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordAdvantageMain .subTitle { padding-top: 15px; font-size: 40px; padding-bottom: 90px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass { width: 280px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 { font-size: 45px; padding-bottom: 25px; padding-left: 30px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantageClass h4 span { font-size: 16px; top: 6px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .imgBox { width: 640px; -webkit-border-radius: 20px; border-radius: 20px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 0px 80px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .listTitle { padding-top: 60px; font-size: 36px; }
  .keywordAdvantageMain .keywordAdvantageBox .keywordAdvantage .swiper-slide .content .desc { font-size: 16px; line-height: 26px; padding-top: 15px; max-width: 370px; }
  .keywordRankingMain { padding: 0px; }
  .keywordRankingMain .keywordRanking { padding: 90px 0px 0px; }
  .keywordRankingMain .keywordRanking .title { font-size: 16px; }
  .keywordRankingMain .keywordRanking .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordRankingMain .keywordRanking .subTitle { padding-top: 15px; font-size: 40px; }
  .keywordRankingMain .keywordRanking .desc { padding-top: 15px;  max-width: 680px; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.6); }
  .keywordRankingMain .keywordRankingList { padding-left: 2px; }
  .keywordRankingMain .keywordRankingList .swiper-slide { width: -webkit-calc(25% + 1px); width: calc(25% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList .swiper-slide::after { width: 1px; }
  .keywordRankingMain .keywordRankingList .swiper-slide::before { width: 1px; }
  .keywordRankingMain .keywordRankingList .swiper-slide .num { width: 62px; height: 62px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
  .keywordRankingMain .keywordRankingList .swiper-slide .listTitle { padding: 25px 15px 0px; font-size: 26px; }
  .keywordRankingMain .keywordRankingList .swiper-slide .desc { padding: 25px 10px 0px; font-size: 16px; line-height: 26px; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon { padding: 40px 0px 70px; }
  .keywordRankingMain .keywordRankingList .swiper-slide .icon img { height: 25px; }
    .keywordRankingMain .keywordRankingListSix .swiper-slide { width: -webkit-calc(16.666666666666668% + 1px); width: calc(16.666666666666668% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingListSix .swiper-slide .icon { padding: 50px 0px 70px; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide { width: -webkit-calc(33.333% + 1px); width: calc(33.333% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.threeRows .swiper-slide .icon { padding: 50px 0px 70px; }
  .keywordRankingMain .keywordRankingList.twoRows .swiper-slide { width: -webkit-calc(50% + 1px); width: calc(50% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.twoRows .swiper-slide .icon { padding: 50px 0px 70px; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide { width: -webkit-calc(20% + 1px); width: calc(20% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordRankingMain .keywordRankingList.fiveRows .swiper-slide .icon { padding: 50px 0px 70px; }
  .keywordAppendMain { padding: 70px 0px 90px; }
  .keywordAppendMain .title { font-size: 16px; }
  .keywordAppendMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordAppendMain .subTitle { padding-top: 15px; font-size: 40px; padding-bottom: 15px; }
  .keywordAppendMain .desc { font-size: 16px; line-height: 26px; }
  .keywordAppendMain .keywordAppendList { margin: 0px -10px; padding-top: 60px; }
  .keywordAppendMain .keywordAppendList .list { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 55px 55px; margin: 0px 10px 20px; }
  .keywordAppendMain .keywordAppendList .list .listTitle { font-size: 24px; }
  .keywordAppendMain .keywordAppendList .list .desc2 { padding-top: 15px; font-size: 16px; }
  .keywordAppendMain .keywordAppendList .list .num { margin-top: 35px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .keywordAppendMain .keywordAppendList.fiveRows .list { width: -webkit-calc(20% - 20px); width: calc(20% - 20px); -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 55px 55px; margin: 0px 10px 20px; }
  .keywordAppendMain .keywordAppendList.threeRows .list { width: -webkit-calc(33.333% - 20px); width: calc(33.333% - 20px); -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 55px 55px; margin: 0px 10px 20px; }
  .keywordStrengthMain { padding: 80px 0px; }
  .keywordStrengthMain .title { font-size: 16px; }
  .keywordStrengthMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordStrengthMain .desc { padding-top: 20px; font-size: 36px; line-height: 50px; }
  .keywordStrengthMain .icon { padding-top: 30px; }
  .keywordStrengthMain .icon img { height: 25px; }
  .keywordCaseMain { padding: 100px 0px; }
  .keywordCaseMain .title { font-size: 40px; }
  .keywordCaseMain .desc { font-size: 16px; padding-top: 20px; }
  .keywordCaseMain .keywordCaseList { margin-top: 60px; }
  .keywordCaseMain .keywordCaseList .swiper-slide { width: -webkit-calc(25% - 13.5px); width: calc(25% - 13.5px); margin: 0px 20px 0px 0px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .imgBox { padding-top: 465px; -webkit-border-radius: 20px; border-radius: 20px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .listTitle { padding: 30px 30px 0px; font-size: 28px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox {-webkit-border-radius: 20px; border-radius: 20px;}
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .contentTitle { padding-top: 50px; font-size: 32px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content { padding: 0px 20px 30px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a .contentBox .content .desc { font-size: 14px; line-height: 24px; padding-bottom: 30px; }
  .keywordCaseMain .keywordCaseList .swiper-slide a:hover .imgBox img { -webkit-filter: blur(20px); filter: blur(20px); }
  .keywordCaseMain .keywordCaseList .swiper-slide:nth-child(1) { width: -webkit-calc(50% - 13.5px); width: calc(50% - 13.5px); }
  .keywordCaseMain .keywordCaseList .swiper-slide:last-child { margin: 0px; }
  .keywordFiveAdvantagesMain { padding: 80px 0px 90px; }
  .keywordFiveAdvantagesMain .title { font-size: 16px; }
  .keywordFiveAdvantagesMain .title::before { width: 12px; height: 12px; }
  .keywordFiveAdvantagesMain .subTitle { padding-top: 15px; font-size: 40px; padding-bottom: 50px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content { width: 45.5%; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 30px; border-radius: 30px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listTitle { height: 114px; font-size: 24px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .content .listDesc p { height: 112px; font-size: 18px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox { width: 54.5%; padding: 25px 0px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo { -webkit-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listTitle { width: 170px; height: 111px; font-size: 20px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list .listDesc { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 111px; font-size: 18px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) { height: 89px; }
  .keywordFiveAdvantagesMain .keywordFiveAdvantages .contentTwoBox .contentTwo .list:nth-child(1) .listDesc { font-size: 20px; height: 89px; font-weight: 600; }
  .keywordStandardMain { padding: 80px 0px 0px; }
  .keywordStandardMain .title { font-size: 16px; }
  .keywordStandardMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .keywordStandardMain .subTitle { padding-top: 15px; font-size: 40px; }
  .keywordStandardMain .keywordStandard { padding-left: 3px; }
  .keywordStandardMain .keywordStandard .swiper-slide { width: -webkit-calc(20% + 1px); width: calc(20% + 1px); padding-top: 90px; margin-left: -1px; }
  .keywordStandardMain .keywordStandard .swiper-slide::after { width: 1px; }
  .keywordStandardMain .keywordStandard .swiper-slide::before { width: 1px; }
  .keywordStandardMain .keywordStandard .swiper-slide .num { width: 62px; height: 62px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
  .keywordStandardMain .keywordStandard .swiper-slide .listTitle { padding: 30px 0px 40px; font-size: 20px; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon { padding-bottom: 130px; }
  .keywordStandardMain .keywordStandard .swiper-slide .icon img { height: 25px; }
  .keywordStandardMain .keywordStandard.fourRows .swiper-slide {width: -webkit-calc(25% + 1px); width: calc(25% + 1px); padding-top: 90px; margin-left: -1px; }
  /*--关键词--*/
  /*--两V一抖--*/
  .weiboAdMain { padding: 80px 0px; }
  .weiboAdMain .title { font-size: 40px; }
  .weiboAdMain .weiboAdList { padding-top: 50px; margin: 0px -10px; }
  .weiboAdMain .weiboAdList .list { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); margin: 0px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 49px; }
  .weiboAdMain .weiboAdList .list .listTitle { font-size: 24px; }
  .weiboAdMain .weiboAdList .list .desc { padding-top: 15px; font-size: 16px; line-height: 26px; }
  .weiboAdMain .weiboAdList .list .number { margin-top: 25px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .weiboAdTwoMain { padding: 80px 0px; }
  .weiboAdTwoMain .title { font-size: 40px; }
  .weiboAdTwoMain .desc { padding-top: 10px; font-size: 15px; }
  .weiboAdTwoMain .weiboAdTwoList { padding-top: 50px; margin: 0px -10px; }
  .weiboAdTwoMain .weiboAdTwoList .list { width: -webkit-calc(16.666666666666668% - 20px); width: calc(16.666666666666668% - 20px); margin: 0px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 30px; }
  .weiboAdTwoMain .weiboAdTwoList .list .listTitle { font-size: 24px; }
  .weiboAdTwoMain .weiboAdTwoList .list .listDesc { padding-top: 15px; font-size: 16px; line-height: 26px; }
  .weiboAdTwoMain .weiboAdTwoList .list .number { margin-top: 45px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .weiboAdTwoMain .weiboAdTwoList.fourRows .list { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); }
  .weiboAdTwoMain .weiboAdTwoList.threeRows .list { width: -webkit-calc(33.333% - 20px); width: calc(33.333% - 20px); }
  .douyinOperateMain { padding: 80px 0px; }
  .douyinOperateMain .title { font-size: 40px; }
  .douyinOperateMain .desc { padding-top: 10px; font-size: 15px; }
  .douyinOperateMain .douyinOperateList { padding-top: 50px; margin: 0px -10px; }
  .douyinOperateMain .douyinOperateList .list { width: -webkit-calc(33.333% - 20px); width: calc(33.333% - 20px); margin: 0px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 50px 49px; }
  .douyinOperateMain .douyinOperateList .list .listTitle { font-size: 24px; }
  .douyinOperateMain .douyinOperateList .list .listDesc { padding-top: 15px; font-size: 16px; line-height: 26px; }
  .douyinOperateMain .douyinOperateList .list .number { margin-top: 25px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .webContactMain { padding: 90px 0px 60px; }
  .webContactMain .desc { font-size: 36px; line-height: 50px; max-width: 810px; }
  .webContactMain .telBox { padding-top: 30px; }
  .webContactMain .telBox a { -webkit-border-radius: 51px; border-radius: 51px; height: 51px; padding: 0px 30px; font-size: 18px; }
  .webContactMain .telBox a i { width: 25px; height: 25px; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 30px; font-size: 10px; }
  .webContactMain .icon { padding-top: 30px; }
  .webContactMain .icon img { height: 25px; }
  /*--两V一抖--*/
  /*--网络营销推广--*/
  .networkCoverMain { padding: 105px 0px 110px; }
  .networkCoverMain .title { font-size: 16px; }
  .networkCoverMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .networkCoverMain .subTitle { padding-top: 15px; font-size: 40px; padding-bottom: 15px; }
  .networkCoverMain .networkCover { margin-top: 60px; }
  .networkCoverMain .networkCover .imgBox { width: 775px; }
  .networkCoverMain .networkCover .imgBox img { -webkit-border-radius: 20px; border-radius: 20px; }
  .networkCoverMain .networkCover .networkCoverList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 0px 100px; }
  .networkCoverMain .networkCover .networkCoverList .list { padding-bottom: 50px; }
  .networkCoverMain .networkCover .networkCoverList .list .number { font-size: 40px; }
  .networkCoverMain .networkCover .networkCoverList .list .listTitle { padding-top: 5px; font-size: 34px; }
  .networkCoverMain .networkCover .networkCoverList .list .listDesc { padding-top: 10px; font-size: 16px; line-height: 26px; max-width: 440px; }
  .mediaPartnerMain { padding: 80px 0px 110px; }
  .mediaPartnerMain .title { font-size: 40px; }
  .mediaPartnerMain .mediaPartner { margin-top: 50px; -webkit-border-radius: 20px; border-radius: 20px; }
  .mediaPartnerMain .mediaPartner .list { width: -webkit-calc(25% + 1px); width: calc(25% + 1px); padding: 25px 0px; }
  .mediaPartnerMain .mediaPartner .list img { height: 80px; }
  /*--网络营销推广--*/
  /*--网站运营维护--*/
  .maintenanceMain { padding: 130px 0px; }
  .maintenanceMain .maintenanceBox .maintenance { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 130px 0px 0px; }
  .maintenanceMain .maintenanceBox .maintenance .title { font-size: 16px; }
  .maintenanceMain .maintenanceBox .maintenance .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .maintenanceMain .maintenanceBox .maintenance .subTitle { padding-top: 15px; font-size: 40px; }
  .maintenanceMain .maintenanceBox .maintenance .desc { padding-top: 30px; font-size: 16px; line-height: 30px; }
  .maintenanceMain .maintenanceBox .imgBox { width: 750px; }
  .maintenanceMain .maintenanceBox .imgBox img { -webkit-border-radius: 20px; border-radius: 20px; }
  .maintenanceServiceMain { padding: 80px 0px; }
  .maintenanceServiceMain .title { font-size: 16px; }
  .maintenanceServiceMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .maintenanceServiceMain .subTitle { padding-top: 15px; font-size: 40px; }
  .maintenanceServiceMain .btn a { margin-right: 5px; font-size: 14px; width: 55px; height: 41px; -webkit-border-radius: 20px; border-radius: 20px; }
  .maintenanceServiceMain .maintenanceService { margin-top: 50px; }
  .maintenanceServiceMain .maintenanceService .swiper-slide { padding: 50px; -webkit-border-radius: 20px; border-radius: 20px; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listTitle { font-size: 24px; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .listDesc { padding-top: 15px; font-size: 16px; line-height: 26px; }
  .maintenanceServiceMain .maintenanceService .swiper-slide .number { margin-top: 45px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .maintenanceServiceMain .maintenanceServicePage { padding-top: 40px; }
  .maintenanceServiceMain .maintenanceServicePage span { width: 16px; height: 5px; margin: 0px 4px; -webkit-border-radius: 3px; border-radius: 3px; }
  .maintenanceServiceMain .maintenanceServicePage span.swiper-pagination-bullet-active { width: 34px; }
  .maintenanceProcessMain { padding: 70px 0px 100px; }
  .maintenanceProcessMain .title { font-size: 16px; }
  .maintenanceProcessMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .maintenanceProcessMain .subTitle { padding-top: 15px; font-size: 40px; }
  .maintenanceProcessMain .maintenanceProcess { padding-top: 70px; }
  .maintenanceWorkOrderMain { padding: 80px 0px 70px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder { margin: 0px -12px; padding-bottom: 45px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list { width: -webkit-calc(20% - 24px); width: calc(20% - 24px); margin: 0px 12px; padding: 50px 35px; -webkit-border-radius: 20px; border-radius: 20px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listTitle { font-size: 24px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .listDesc { padding-top: 20px; min-height: 125px; font-size: 16px; line-height: 26px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .number { margin-top: 25px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list .qrCode { width: 90px; padding: 10px 10px; -webkit-border-radius: 12px; border-radius: 12px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .list::after { bottom: -37px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; width: 4px; height: 33px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line { bottom: 0px; left: 10px; right: 10px; height: 4px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrder .line::after { right: -3px; border-left: 7px solid #ff0000; border-bottom: 6px solid transparent; border-top: 6px solid transparent; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime { padding-top: 60px; margin: 0px -10px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 10px; padding: 55px 85px; -webkit-border-radius: 20px; border-radius: 20px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .listTitle { font-size: 24px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .desc { padding-top: 10px; font-size: 16px; line-height: 26px; }
  .maintenanceWorkOrderMain .maintenanceWorkOrderTime .list .icon { right: 0px; bottom: 0px; width: 114px; }
  /*--网站运营维护--*/
  /*--网站建设快捷方式--*/
  .websiteFastBox { bottom: 30px; width: 65px; height: 65px; }
  .websiteFastBox::after { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .websiteFastBox::before { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .websiteFastBox .other::before { height: 13px; }
  .websiteFastBox .other .title { padding: 0px 30px; font-size: 15px; height: 65px; }
  .websiteFastBox .other .title::after { right: 25px; width: 9px; height: 9px; }
  .websiteFastBox .btn { font-size: 15px; height: 65px; padding: 0px 0px 0px 25px; }
  .websiteFastBox .btn p { width: 35px; height: 35px; right: 15px; }
  .websiteFastBox .btn p img { width: 22px; }
  .websiteFastBox .otherListBox { bottom: 80px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); }
  .websiteFastBox .otherListBox .otherList { max-height: 260px; }
  .websiteFastBox .otherListBox .otherList a { line-height: 37px; font-size: 14px; }
  .websiteFastBox.animat { width: 480px; }
  .quickDemandBox { bottom: 30px; width: 65px; height: 65px; }
  .quickDemandBox::after { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .quickDemandBox::before { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .quickDemandBox .btn { font-size: 15px; height: 65px; padding: 0px 0px 0px 25px; }
  .quickDemandBox .btn p { width: 35px; height: 35px; right: 15px; }
  .quickDemandBox .btn p img { width: 22px; }
  .quickDemandBox.animat { width: 240px; }
  /*--网站建设快捷方式--*/
  /*--案例列表--*/
  .caseListMain { padding: 230px 0px 0px; }
  .caseListMain .caseDescBox .titleBox .title { font-size: 50px; }
  .caseListMain .caseDescBox .titleBox .title i { margin-left: 10px; width: 25px; height: 25px; }
  .caseListMain .caseDescBox .titleBox .title i::after { width: 5px; }
  .caseListMain .caseDescBox .titleBox .title i::before { height: 5px; }
  .caseListMain .caseDescBox .titleBox .desc { padding-top: 20px; font-size: 18px; }
  .caseListMain .caseDescBox .caseData { padding-right: 140px; }
  .caseListMain .caseDescBox .caseData .list { padding-left: 70px; }
  .caseListMain .caseDescBox .caseData .list .numberBox { font-size: 50px; }
  .caseListMain .caseDescBox .caseData .list .numberBox span { font-size: 80px; }
  .caseListMain .caseDescBox .caseData .list .text { font-size: 15px; }
  .caseListMain .caseListBanner { margin-top: 120px; }
  .caseListMain .caseListBanner .imgBox { padding-top: 590px; }
  .caseListMain .caseListBanner .content { bottom: 60px; }
  .caseListMain .caseListBanner .content .listTitle { font-size: 26px; padding: 0px 40px; }
  .caseListMain .caseListBanner .content .label { margin-top: 15px; padding: 0px 40px; }
  .caseListMain .caseListBanner .content .label a { padding: 0px 12px; font-size: 12px; margin-right: 10px; line-height: 26px; }
  .caseListMain .caseList { margin: 0px -20px; padding: 80px 0px 30px; }
  .caseListMain .caseList .list { width: 50%; padding: 0px 20px 45px; }
  .caseListMain .caseList .list .listTitle { font-size: 26px; }
  .caseListMain .caseList .list .label { padding-top: 5px; }
  .caseListMain .caseList .list .label a { padding: 0px 12px; font-size: 12px; margin-right: 10px; line-height: 26px; }
  .caseListMain .caseList .list .imgBox { margin-top: 30px; padding-top: 558px; }
  .caseListMain .caseList .list .imgBox .caseLogo { padding-bottom: 120px; }
  .caseListMain .caseList .list .imgBox .content { padding: 0px 20px 20px; }
  .caseListMain .caseList .list .imgBox .content .desc { font-size: 14px; padding: 0px 20px; display: -webkit-box; max-height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .caseListMain .caseList .list .imgBox .content .more { margin-top: 50px; }
  .caseListMain .caseList .list:hover .imgBox .img { -webkit-filter: blur(20px); filter: blur(20px); }
  .caseListMain .caseList .list:hover .imgBox video { -webkit-filter: blur(20px); filter: blur(20px); }
  .fastClassifyBox { width: 65px; height: 65px; bottom: 35px; left: 50%; }
  .fastClassifyBox::after { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .fastClassifyBox::before { top: 30px; -webkit-border-radius: 65px; border-radius: 65px; }
  .fastClassifyBox .list { height: 65px; font-size: 15px; width: 33.333%; }
  .fastClassifyBox .list p { min-width: 35px; height: 35px; right: 15px; }
  .fastClassifyBox .list p img { height: 20px; }
  .fastClassifyBox .list span i { width: 10px; height: 10px; -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); margin-left: 10px; }
  .fastClassifyBox .list span em { font-size: 12px; margin-left: 10px; }
  .fastClassifyBox .list::before { width: 1px; height: 13px; }
  .fastClassifyBox .list:nth-child(3) { padding-right: 35px; }
  .fastClassifyBox .list.cur span i { -webkit-transform: rotate(-135deg) translateY(-3px); -ms-transform: rotate(-135deg) translateY(-3px); transform: rotate(-135deg) translateY(-3px); }
  .fastClassifyBox .caseClassifyList { bottom: 80px; -webkit-border-radius: 20px; border-radius: 20px; z-index: 20; padding: 20px; -webkit-box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); box-shadow: 0px 3px 35px rgba(148, 137, 111, 0.2); }
  .fastClassifyBox .caseClassifyList .classifyList { max-height: 260px; }
  .fastClassifyBox .caseClassifyList .classifyList a { line-height: 37px; font-size: 14px; }
  .fastClassifyBox.animat { width: 480px; }
  /*--案例列表--*/
  /*--案例详情--*/
  .caseDetailsMain { padding-top: 210px; }
  .caseDetailContent .content { width: 605px; }
  .caseDetailContent .content .title { font-size: 45px; }
  .caseDetailContent .content .desc { margin-top: 25px; font-size: 16px; line-height: 24px; height: calc(24px * 4); display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
  .caseDetailContent .content .more { padding-top: 25px; }
  .caseDetailContent .content .more a { font-size: 14px; height: 41px; padding: 0px 25px 0px 25px; }
  .caseDetailContent .content .more a i { font-size: 8px; margin-left: 10px; }
  .caseDetailContent .content .more a::after { -webkit-border-radius: 41px; border-radius: 41px; }
  .caseDetailContent .content .more a:hover::after { width: 41px; right: -10px; }
  .caseDetailContent .content .more a:hover i { margin-left: 5px; -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px); }
  .caseDetailContent .content .more a:hover { padding: 0px 25px 0px 0px; }
  .caseDetailContent .serviceContent { width: 510px; }
  .caseDetailContent .serviceContent .list { padding: 20px 0px; }
  .caseDetailContent .serviceContent .list .listTitle { font-size: 15px; line-height: 24px; }
  .caseDetailContent .serviceContent .list .desc { width: 270px; font-size: 15px; line-height: 24px; }
  .caseDetailProjectMain { padding: 120px 0px 0px; }
  .caseDetailProjectMain .caseDetailProject { padding: 120px 0px 0px; }
  .caseDetailProjectMain .caseDetailProject .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 20px; }
  .caseDetailProjectMain .caseDetailProject .title::before { width: 12px; height: 12px; margin-right: 15px; }
  .caseDetailProjectMain .caseDetailProject .desc { width: 980px; font-size: 22px; }
  .caseDetailProjectMain .caseDetailProjectDetailImg { padding-top: 100px; }
  .caseDetailProjectMain .colorMatching { margin: 0px -15px; padding: 120px 0px 0px; }
  .caseDetailProjectMain .colorMatching .list { width: -webkit-calc(33.333% - 30px); width: calc(33.333% - 30px); margin: 0px 15px 30px; }
  .caseDetailProjectMain .colorMatching .list .listTitle { left: 30px; top: 25px; right: 30px; font-size: 16px; }
  .caseDetailProjectMain .colorMatching .list .colorValue { bottom: 25px; left: 30px; right: 30px; font-size: 35px; }
  .caseDetailProjectMain .colorMatching .list .color { padding-top: 270px; }
  .caseDetailProjectMain .colorMatching .list .imgBox { padding-top: 270px; }
  .caseDetailProductServiceMain { padding-top: 120px; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg { padding: 110px 0px; }
  .caseDetailProductServiceMain .caseDetailProductServiceImg .imgBox { max-width: 1105px; }
  .caseDetailProductServiceMain .caseDetailProductService { top: -50px; margin: 0px -90px -50px; padding: 75px 90px 0px; }
  .caseDetailProductServiceMain .caseDetailProductService .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 20px; }
  .caseDetailProductServiceMain .caseDetailProductService .title::before { width: 12px; height: 12px; margin-right: 15px; }
  .caseDetailProductServiceMain .caseDetailProductService .desc { width: 990px; font-size: 22px; }
  .caseDetailImg { padding-top: 190px; }
  .caseDetailLabelMain { padding: 60px 0px 80px; }
  .caseDetailLabelMain .title a { font-size: 16px; margin: 0px 12px; }
  .caseDetailLabelMain .title a::before { content: ''; width: 7px; height: 7px; margin-right: 10px; }
  .caseDetailLabelMain .caseDetailLabel { padding-top: 35px; }
  .caseDetailLabelMain .caseDetailLabel a { padding: 0px 30px; margin: 5px; height: 54px; -webkit-border-radius: 54px; border-radius: 54px; font-size: 14px; }
  /*--案例详情--*/
  /*--ai--*/
  .aiBanner .imgBox { padding-top: 1049px; }
  .aiBanner .displayer { left: -115px; bottom: 0px; width: 80.35%; }
  .aiBanner .symbol { right: -95px; bottom: -95px; width: 1930px; }
  .aiBanner .symbol img { width: 1930px; }
  .aiBanner .aiBannerText { left: 0px; top: 45%; width: 100%; }
  .aiBanner .aiBannerText .title { font-size: 56px; }
  .aiBanner .aiBannerText .more { padding-top: 25px; }
  .aiBanner .aiBannerText .more a { height: 52px; width: 220px; -webkit-border-radius: 52px; border-radius: 52px; font-size: 14px; }
  .aiCustomMain { padding-top: 160px; }
  .aiCustomMain .aiCustomBox .aiCustom { width: 550px; padding: 70px 75px 100px; -webkit-border-radius: 20px; border-radius: 20px; }
  .aiCustomMain .aiCustomBox .aiCustom .content { padding: 0px 0px 70px; }
  .aiCustomMain .aiCustomBox .aiCustom .content .listTitle { font-size: 45px; }
  .aiCustomMain .aiCustomBox .aiCustom .content .desc { font-size: 16px; padding-top: 20px; line-height: 24px; color: rgba(255, 255, 255, 0.6); }
  .aiCustomMain .aiCustomBox .aiCustomList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 0px 10px; margin-right: -10px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); height: 330px; margin: 20px 10px 0px; -webkit-border-radius: 20px; border-radius: 20px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content { padding: 0px; top: 42%; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .listTitle { font-size: 45px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .content .desc { font-size: 16px; padding-top: 20px; line-height: 24px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list .imgBox { width: 393px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) { margin-top: 0px; width: 100%; height: 340px; }
  .aiCustomMain .aiCustomBox .aiCustomList .list:nth-child(1) .content { left: 65px; top: 46%; }
  .aiPriceMain { margin-top: 120px; padding: 120px 0px; }
  .aiPriceMain .aiPrice { width: 500px; height: 560px; padding: 70px 60px 60px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .aiPriceMain .aiPrice .title { font-size: 45px; }
  .aiPriceMain .aiPrice .content .desc { font-size: 20px; }
  .aiPriceMain .aiPrice .content .money { font-size: 20px; padding-top: 5px; }
  .aiPriceMain .aiPrice .content .money span { font-size: 90px; }
  .aiPriceMain .aiPrice .content .originalPrice { font-size: 16px; }
  .aiPriceMain .symbol { right: 330px; bottom: -110px; width: 1305px; height: 407px; }
  .aiPriceMain .symbol img { width: 1305px; }
  .aiBrandMain { padding: 140px 0px; }
  .aiBrandMain .aiBrand { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 40px; }
  .aiBrandMain .aiBrand .title { font-size: 45px; }
  .aiBrandMain .aiBrand .desc { font-size: 18px; line-height: 31px; padding-top: 50px; }
  .aiBrandMain .aiBrandList { width: 825px; }
  .aiBrandMain .aiBrandList .list { width: -webkit-calc(25% - 15px); width: calc(25% - 15px); margin: 0px 0px 15px 15px; }
  .aiBrandMain .aiBrandList .list img { -webkit-border-radius: 20px; border-radius: 20px; }
  .aiQAMain { padding: 90px 0px; }
  .aiQAMain .title { font-size: 45px; }
  .aiQAMain .aiQAList { padding-top: 20px; }
  .aiQAMain .aiQAList .list { padding: 35px; margin-top: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
  .aiQAMain .aiQAList .list .listTitle { font-size: 18px; line-height: 24px; padding-right: 30px; }
  .aiQAMain .aiQAList .list .listTitle i { width: 14px; height: 14px; }
  .aiQAMain .aiQAList .list .content { margin-top: 25px; padding: 35px 40px; font-size: 15px; -webkit-border-radius: 20px; border-radius: 20px; }
  .aiBuyMain { padding: 110px 0px 90px; }
  .aiBuyMain .title { font-size: 46px; }
  .aiBuyMain .desc { padding-top: 15px; font-size: 15px; }
  .aiBuyMain .btn { padding-top: 40px; }
  .aiBuyMain .btn a { width: 230px; height: 48px; -webkit-border-radius: 48px; border-radius: 48px; font-size: 14px; margin: 0px 10px; }
  /*--ai--*/
  /*--联系我们--*/
  .contactMain { padding: 230px 0px 110px; }
  .contactMain .contactDesc .title { font-size: 50px; }
  .contactMain .contactDesc .title i { top: -8px; margin-left: 15px; width: 25px; height: 25px; }
  .contactMain .contactDesc .title i::after { width: 5px; }
  .contactMain .contactDesc .title i::before { height: 5px; }
  .contactMain .contactDesc .desc { font-size: 18px; padding-top: 15px; }
  .contactInfoMain .contactInfo .list { width: 33.333%; padding: 4.167vw 3.125vw; }
  .contactInfoMain .contactInfo .list .listTitle { font-size: 30px; }
  .contactInfoMain .contactInfo .list .content .telList { padding-right: 1.563vw; padding-top: 35px; }
  .contactInfoMain .contactInfo .list .content .telList .telTitle { font-size: 15px; padding-bottom: 5px; }
  .contactInfoMain .contactInfo .list .content .telList .tel { font-size: 18px; }
  .contactInfoMain .contactInfo .list .addressContent { padding-top: 30px; font-size: 15px; }
  .contactInfoMain .contactInfo .list .btn { padding-top: 30px; }
  .contactInfoMain .contactInfo .list .btn a { height: 41px; padding: 0px 25px; font-size: 14px; }
  .contactInfoMain .contactInfo .list .btn a i { margin-left: 10px; font-size: 8px; }
  .contactInfoMain .contactInfo .list .btn a::after { -webkit-border-radius: 41px; border-radius: 41px; }
  .contactInfoMain .contactInfo .list .btn a:hover::after { width: 41px; -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); }
  .contactInfoMain .contactInfo .list .btn a:hover i { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); }
  .contactInfoMain .contactInfo .list .qrCodeImg { width: 104px; padding-bottom: 25px; }
  .contactInfoMain .contactInfo .list .subjectNumber { font-size: 15px; padding-top: 2px; }
  .contactInfoMain .contactInfo .list:nth-child(1) { width: 66.666%; padding-left: 0px; padding-right: 13.021vw; }
  .contactInfoMain .contactInfo .list:nth-child(1) .content .telList { padding-right: 55px; }
  .contactInfoMain .contactInfo .list:nth-child(3) { padding-left: 0px; }
  .contactFormMain { padding: 150px 0px 140px; }
  .contactFormMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .contactFormMain .content .title { font-size: 42px; }
  .contactFormMain .content .desc { font-size: 18px; padding-top: 40px; }
  .contactFormMain .contactForm { width: 805px; }
  .contactFormMain .contactForm .formTitle { font-size: 15px; padding-bottom: 10px; }
  .contactFormMain .contactForm .formTitle::before { content: ''; margin-right: 10px; width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; }
  .contactFormMain .contactForm form { margin: 0px -5px; }
  .contactFormMain .contactForm form .input { width: 50%; margin-top: 20px; padding: 0px 5px; }
  .contactFormMain .contactForm form .input input { height: 54px; -webkit-border-radius: 54px; border-radius: 54px; padding: 0px 25px; font-size: 15px; }
  .contactFormMain .contactForm form .input img { right: 20px; }
  .contactFormMain .contactForm form .input textarea { padding: 25px; -webkit-border-radius: 25px; border-radius: 25px; height: 140px; font-size: 15px; }
  .contactFormMain .contactForm form .btn { padding: 20px 5px 0px; }
  .contactFormMain .contactForm form .btn input { height: 54px; -webkit-border-radius: 54px; border-radius: 54px; font-size: 14px; }
  .contactCircle { right: -110px; top: 190px; }
  .contactCircle1 { bottom: -360px; }
  /*--联系我们--*/
  /*--弹出支付--*/
  .paymentBox .payment { width: 800px; padding-left: 0px; -webkit-border-radius: 20px; border-radius: 20px; }
  .paymentBox .payment .closePay { right: 30px; top: 20px; font-size: 24px; }
  .paymentBox .payment .paymentDesc { left: 0px; top: 50%; padding: 0px 90px 0px 60px; width: 600px; }
  .paymentBox .payment .paymentDesc .title { font-size: 32px; }
  .paymentBox .payment .paymentDesc .priceBox { margin-top: 40px; padding: 35px 0px 35px 50px; -webkit-border-radius: 20px; border-radius: 20px; }
  .paymentBox .payment .paymentDesc .priceBox .desc { font-size: 20px; }
  .paymentBox .payment .paymentDesc .priceBox .price { font-size: 80px; }
  .paymentBox .payment .paymentDesc .priceBox .originalPrice { font-size: 16px; }
  .paymentBox .payment .paymentDesc .priceBox .icon { padding-right: 15px; }
  .paymentBox .payment .paymentDesc .priceBox .icon i { width: 23px; height: 23px; font-size: 18px; }
  .paymentBox .payment .paymentDesc .paymentDescList { padding-top: 30px; }
  .paymentBox .payment .paymentDesc .paymentDescList .list { font-size: 15px; margin-top: 20px; }
  .paymentBox .payment .paymentDesc .paymentDescList .list i { width: 17px; height: 17px; margin-right: 10px; font-size: 14px; }
  .paymentBox .payment .paymentForm { padding: 90px 85px 120px; min-height: 690px; -webkit-border-radius: 20px; border-radius: 20px; }
  .paymentBox .payment .paymentForm .title { font-size: 15px; }
  .paymentBox .payment .paymentForm .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .paymentBox .payment .paymentForm .inputList { margin: 0px -10px; }
  .paymentBox .payment .paymentForm .inputList .list { width: 50%; padding: 15px 10px 0px; }
  .paymentBox .payment .paymentForm .inputList .list p { font-size: 16px; padding: 0px 20px 10px; }
  .paymentBox .payment .paymentForm .inputList .list .input input { -webkit-border-radius: 55px; border-radius: 55px; height: 55px; font-size: 15px; padding: 0px 20px; }
  .paymentBox .payment .paymentForm .inputList .list .input img { right: 15px; }
  .paymentBox .payment .paymentForm .inputList .list button { height: 55px; -webkit-border-radius: 55px; border-radius: 55px; font-size: 14px; }
  .paymentBox .payment .paymentForm .inputList .list:last-child { padding-top: 30px; }
  .paymentBox .payment .paymentForm .desc { padding-top: 40px; font-size: 14px; }
  .paymentBox .payment .paymentForm .desc::before { width: 12px; height: 12px; margin-right: 10px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle { font-size: 15px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payTitle::before { width: 12px; height: 12px; margin-right: 10px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payQrCode { width: 173px; padding: 40px 0px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount { font-size: 15px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount { font-size: 45px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .amount span { font-size: 22px; }
  .paymentBox .payment .paymentForm .payQrCodeBox .payAmount .number { font-size: 15px; padding-left: 10px; }
  .paymentMain.animat .payment { width: 1400px; padding-left: 600px; }
  /*--弹出支付--*/
  /*--关于我们--*/
  .aboutTitle { font-size: 16px; }
  .aboutTitle::before { width: 12px; height: 12px; margin-right: 10px; }
  .aboutDesc { margin-top: 20px; font-size: 45px; line-height: 55px; }
  .aboutBanner { padding-top: 670px; }
  .aboutBanner .aboutBannerText .numberImg img { width: 544px; }
  .aboutBanner .aboutBannerText .title { padding-top: 25px; font-size: 42px; }
  .aboutBanner .aboutBannerText .desc { font-size: 16px; padding-top: 10px; }
  .aboutMain { padding: 90px 0px 0px; }
  .aboutMain .aboutBox { padding: 75px 0px 110px; }
  .aboutMain .aboutBox .imgBox { width: 740px; }
  .aboutMain .aboutBox .imgBox img { width: 100%; -webkit-border-radius: 15px; border-radius: 15px; }
  .aboutMain .aboutBox .about { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 760px; padding: 0px 0px 0px 80px; }
  .aboutMain .aboutBox .about .list { height: 13.5%; }
  .aboutMain .aboutBox .about .list .listTitle { height: 100px; font-size: 30px; }
  .aboutMain .aboutBox .about .list .listTitle i { font-size: 12px; top: -4px; margin-left: 10px; }
  .aboutMain .aboutBox .about .list .desc { font-size: 17px; line-height: 28px; }
  .aboutMain .aboutBox .about .list .iconList { padding: 80px 0px; }
  .aboutMain .aboutBox .about .list .iconList .content { border-right: 1px solid #ededed; padding: 0px 45px; }
  .aboutMain .aboutBox .about .list .iconList .content .icon img { height: 41px; }
  .aboutMain .aboutBox .about .list .iconList .content .text { padding-top: 10px; font-size: 15px; }
  .aboutMain .aboutBox .about .list .iconList .content:first-child { padding-left: 0px; }
  .aboutMain .aboutBox .about .list .iconList .content:last-child { padding-right: 0px; border-right: none; }
  .aboutVisionMain { padding: 130px 0px; }
  .aboutVisionMain .container { padding-left: 840px; }
  .aboutVisionMain .title { font-size: 157px; left: 0px; top: 0px; }
  .aboutVisionMain .title p { margin-bottom: -25px; letter-spacing: -6px; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; height: 40px; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -35px; width: 40px; height: 40px; }
  .aboutVisionMain .aboutVision { padding-right: 350px; }
  .aboutVisionMain .aboutVision .list .content .listTitle { font-size: 16px; }
  .aboutVisionMain .aboutVision .list .content .listTitle::after { width: 20px; height: 3px; margin-left: 10px; }
  .aboutVisionMain .aboutVision .list .content .desc { padding-top: 10px; font-size: 30px; line-height: 35px; }
  .aboutVisionMain .aboutVision .list .content .icon { left: 0px; top: 0px; width: 190px; height: 190px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 200px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon { left: -220px; top: -25px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content .icon span { right: 0px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); padding-left: 400px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content .icon { left: -390px; top: -30px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); padding-left: 200px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content .icon { left: -220px; top: -30px; width: 100px; height: 100px; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 300px; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); }
  .aboutCertificationMain .aboutCertificationBox { padding-top: 130px; padding-bottom: 300px; }
  .aboutCertificationMain .desc { padding-top: 35px; font-size: 18px; line-height: 31px; }
  .aboutCertificationMain .line { width: 8px; height: 30px; left: 0px; bottom: -15px; }
  .aboutCertificationMain .line::after { bottom: 0px; width: 100%; height: 15px; bottom: 0px; left: 0px; }
  .aboutServiceMain { padding: 100px 0px 130px; }
  .aboutServiceMain .aboutService .titleBox { width: 560px; }
  .aboutServiceMain .aboutService .desc { margin-top: 44px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; height: 155px; line-height: 31px; }
  .aboutServiceMain .aboutServiceList { margin-top: 90px; }
  .aboutServiceMain .aboutServiceList .list { top: 50px; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; }
  .aboutServiceMain .aboutServiceList .list .content { width: 560px; padding: 50px 70px; }
  .aboutServiceMain .aboutServiceList .list .content .number { width: 32px; height: 32px; }
  .aboutServiceMain .aboutServiceList .list .content .number::after { height: 2px; }
  .aboutServiceMain .aboutServiceList .list .content .number span { font-size: 14px; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(1) { left: -5px; top: -3px; }
  .aboutServiceMain .aboutServiceList .list .content .number span:nth-child(2) { right: -5px; bottom: -3px; }
  .aboutServiceMain .aboutServiceList .list .content .listTitle { margin-top: 50px; font-size: 40px; }
  .aboutServiceMain .aboutServiceList .list .content .desc { margin-top: 35px; font-size: 16px; }
  .aboutServiceMain .aboutServiceList .list .content .icon { margin-top: 130px; width: 135px; height: 135px; }
  .aboutServiceMain .aboutServiceList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .aboutDataMain { padding: 110px 0px; }
  .aboutDataMain .aboutDataList { max-width: 990px; padding-top: 220px; }
  .aboutDataMain .aboutDataList .list { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .aboutDataMain .aboutDataList .list .numberBox { font-size: 40px; line-height: 0.7; }
  .aboutDataMain .aboutDataList .list .numberBox .number { font-size: 60px; }
  .aboutDataMain .aboutDataList .list .text { font-size: 15px; padding-top: 10px; }
  .aboutDataMain .desc { max-width: 925px; font-size: 18px; line-height: 31px; padding-top: 60px; }
  /*--关于我们--*/
  /*--实力认可--*/
  .aboutStrengthMain { padding: 130px 0px; }
  .aboutStrengthMain .aboutStrengthYearBox { width: 530px; top: 30px; height: 100%; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle { padding: 40px; -webkit-border-radius: 20px; border-radius: 20px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title { font-size: 26px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon { width: 46px; height: 46px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .title .icon span { width: 5px; height: 5px; margin: 0px 1px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo { padding-top: 35px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list { width: 72px; margin-left: -14px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:first-child { margin: 0px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYearTitle .brandLogo .list:last-child { height: 72px; font-size: 20px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear { margin-top: 50px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .imgBox { padding-top: 132%; -webkit-border-radius: 20px; border-radius: 20px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox { left: 0px; top: 0px; right: 0px; padding: 80px 50px 0px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList { height: 100px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .aboutStrengthYearList .swiper-slide { font-size: 96px; letter-spacing: -4px; }
  .aboutStrengthMain .aboutStrengthYearBox .aboutStrengthYear .aboutStrengthYearListBox .desc { font-size: 30px; }
  .aboutStrengthMain .aboutStrengthBox { width: 785px; padding: 0px 150px 0px 0px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle { font-size: 36px; line-height: 46px; padding-bottom: 50px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::after { width: 32px; height: 32px; left: -40px; top: 8px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthTitle::before { width: 40px; height: 40px; right: 0px; top: 0px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list { margin-top: 60px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .year { font-size: 30px; }
  .aboutStrengthMain .aboutStrengthBox .aboutStrengthList .list .desc { padding-top: 15px; font-size: 16px; line-height: 26px; }
  /*--实力认可--*/
  /*--沙漠风与众不同--*/
  .differentTitle { font-size: 45px; }
  .differentDesc { max-width: 1000px; font-size: 16px; line-height: 26px; padding-top: 30px; }
  .differentIntroMain { padding: 110px 0px 0px; }
  .differentIntroMain .differentIntro { padding-bottom: 90px; }
  .differentIntroMain .differentIntroList .list { top: 80px; margin-bottom: 110px; -webkit-border-radius: 20px; border-radius: 20px; }
  .differentIntroMain .differentIntroList .list .content { width: 560px; padding: 70px 85px 70px 75px; }
  .differentIntroMain .differentIntroList .list .content .listTitle { font-size: 40px; line-height: 50px; }
  .differentIntroMain .differentIntroList .list .content .listDesc { padding-top: 45px; font-size: 16px; line-height: 26px; }
  .differentIntroMain .differentIntroList .list .content .icon { margin-top: 50px; width: 135px; height: 135px; }
  .differentIntroMain .differentIntroList .list .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 45.332%; }
  .differentTop500Main { padding: 90px 0px; }
  .differentTop500Main .differentTop500 { margin: 0px -7px; padding-top: 100px; }
  .differentTop500Main .differentTop500 .list { width: 14.285714285714286%; padding: 0px 5.5px; margin-top: 15px; }
  .differentTop500Main .differentTop500 .list img { -webkit-border-radius: 15px; border-radius: 15px; }
  .differentTop500Main .differentTop500 .list::after { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); }
  .differentTop500Main .differentTop500 .list span { right: 23px; left: 23px; top: 5px; -webkit-border-radius: 12px; border-radius: 12px; }
  .differentTop500Main .differentTop500 .list:hover span { -webkit-transform: scale(1.2) translateY(4px); -ms-transform: scale(1.2) translateY(4px); transform: scale(1.2) translateY(4px); }
  .caseExperienceMain { padding: 90px 0px; }
  .caseExperienceMain .caseExperienceListBox { width: 1036px; }
  .caseExperienceMain .caseExperienceListBox .caseExperienceListImgBox { left: 9.8%; top: 1%; width: 80%; height: 87%; -webkit-border-radius: 20px 20px 5px 5px; border-radius: 20px 20px 5px 5px; }
  .caseExperienceMain .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 70px 25px 0px 20px; }
  .caseExperienceMain .content .title { font-size: 45px; line-height: 55px; }
  .caseExperienceMain .content .desc { font-size: 16px; padding-top: 30px; line-height: 26px; }
  .differentMarketingMain { padding: 150px 0px; }
  .differentMarketingMain .differentMarketing .swiper-slide .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 140px; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listTitle { font-size: 45px; line-height: 55px; }
  .differentMarketingMain .differentMarketing .swiper-slide .content .listDesc { font-size: 16px; padding-top: 30px; line-height: 26px; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox { width: 550px; margin: 0px 200px 0px 0px; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgTitle { left: 0px; font-size: 23px; }
  .differentMarketingMain .differentMarketing .swiper-slide .imgBox .imgText p { font-size: 23px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgTitle { top: 220px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(1) { top: 148px; left: 90px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(2) { top: 148px; right: 90px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(1) .imgBox .imgText p:nth-child(3) { bottom: 85px; left: 0px; width: 100%; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(1) { top: 35px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(2) { top: 50%; padding-left: 20px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(3) { top: 50%; padding-right: 20px; }
  .differentMarketingMain .differentMarketing .swiper-slide:nth-child(2) .imgBox .imgText p:nth-child(4) { bottom: 35px; }
  .differentConsult { padding: 70px 0px 90px; }
  .differentConsult .btn { padding-top: 50px; }
  .differentConsult .btn a { width: 310px; height: 48px; font-size: 14px; -webkit-border-radius: 48px; border-radius: 48px; }
  /*--沙漠风与众不同--*/
  /*--理念信仰--*/
  .ideaAndBeliefMain { padding: 100px 0px 0px; }
  .ideaAndBeliefMain .title { font-size: 16px; }
  .ideaAndBeliefMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .ideaAndBeliefMain .desc { padding-top: 25px; font-size: 45px; line-height: 55px; }
  .ideaAndBeliefMain .ideaAndBeliefBox { padding: 70px 0px; margin-top: 70px; }
  .ideaAndBeliefMain .ideaAndBeliefBox .imgBox { -webkit-border-radius: 15px; border-radius: 15px; left: 100px; right: 100px; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer { margin-bottom: -40px; }
  .ideaAndBeliefMain .ideaAndBeliefBox .computer img { max-width: 54%; }
  .ideaAndBeliefMain .ideaAndBeliefBox .content { font-size: 16px; line-height: 26px; }
  .ideaAndBeliefMain .ideaAndBeliefBox.animat .imgBox { left: 0px; right: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
  .ideaAndBeliefListMain { padding: 110px 0px 130px; }
  .ideaAndBeliefListMain .title { font-size: 16px; }
  .ideaAndBeliefListMain .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .ideaAndBeliefListMain .desc { font-size: 45px; padding-top: 5px; line-height: 55px; }
  .ideaAndBeliefListMain .ideaAndBeliefList { padding-top: 70px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list { margin-bottom: 16px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox { width: 49.3%; padding-top: 30%; height: 100%; left: 0px; top: 0px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .imgBox img { -webkit-border-radius: 20px; border-radius: 20px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content { width: 49.3%; -webkit-border-radius: 20px; border-radius: 20px; padding: 45px 55px 80px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon { padding-bottom: 20px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .icon img { height: 32px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listTitle { font-size: 36px; line-height: 46px; }
  .ideaAndBeliefListMain .ideaAndBeliefList .list .content .listDesc { padding-top: 80px; font-size: 15px; }
  /*--理念信仰--*/
  /*--常见问题--*/
  .QAMain { padding: 80px 0px; }
  .QAMain .title { font-size: 45px; }
  .QAMain .QAList { padding-top: 60px; }
  .QAMain .QAList .list { margin-top: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 0px; }
  .QAMain .QAList .list .listTitle { padding: 0px 40px 0px 70px; min-height: 90px; font-size: 18px; }
  .QAMain .QAList .list .listTitle span { left: 40px; top: 33px; width: 20px; height: 20px; padding-top: 3px; font-size: 14px; }
  .QAMain .QAList .list .listTitle i { width: 14px; height: 14px; top: 36px; right: 40px; }
  .QAMain .QAList .list .listTitle i::after { height: 2px; }
  .QAMain .QAList .list .listTitle i::before { width: 2px; }
  .QAMain .QAList .list .content { margin: 0px 40px; padding: 30px 45px; font-size: 15px; line-height: 29px; -webkit-border-radius: 20px; border-radius: 20px; }
  .QAMain .QAList .list.cur { padding-bottom: 35px; }
  /*--常见问题--*/
  /*--客户列表--*/
  .customerListMain { padding: 130px 0px; }
  .customerListMain .customerListDesc .numberBox { width: 525px; }
  .customerListMain .customerListDesc .numberBox .numberText { font-size: 60px; }
  .customerListMain .customerListDesc .numberBox .numberText span { font-size: 126px; }
  .customerListMain .customerListDesc .numberBox .desc { font-size: 45px; }
  .customerListMain .customerListDesc .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; line-height: 26px; }
  .customerListMain .customerList { margin: 0px -7px; padding-top: 80px; }
  .customerListMain .customerList .list { width: 14.285714285714286%; padding: 0px 7px; margin-top: 15px; }
  .customerListMain .customerList .list img { -webkit-border-radius: 15px; border-radius: 15px; }
  .customerListMain .customerList .list::after { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); box-shadow: 0px 16px 38px rgba(75, 61, 61, 0.86); }
  .customerListMain .customerList .list span { right: 23px; left: 23px; top: 5px; bottom: 0px; -webkit-border-radius: 12px; border-radius: 12px; }
  /*--客户列表--*/
  /*--客户评价--*/
  .customerEvaluationMain { padding: 80px 0px 140px; }
  .customerEvaluationMain .title { font-size: 45px; }
  .customerEvaluationMain .customerEvaluation { padding-top: 30px; margin: 0px -20px; }
  .customerEvaluationMain .customerEvaluation .list { width: -webkit-calc(50% - 40px); width: calc(50% - 40px); margin: 40px 20px 0px; padding: 70px 75px 70px 55px; -webkit-box-shadow: 0px 70px 30px -50px rgba(65, 50, 25, 0); box-shadow: 0px 70px 30px -50px rgba(65, 50, 25, 0); background: #fff; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }
  .customerEvaluationMain .customerEvaluation .list::after { -webkit-border-radius: 20px; border-radius: 20px; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo { width: 250px; padding-top: 10px; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo img { max-width: 80%; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line { bottom: 0px; width: 65px; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::before { width: 100%; height: 5px; -webkit-border-radius: 3px; border-radius: 3px; }
  .customerEvaluationMain .customerEvaluation .list .customerLogo .line::after { width: 70%; height: 5px; margin-top: 7px; -webkit-border-radius: 3px; border-radius: 3px; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle { font-size: 36px; }
  .customerEvaluationMain .customerEvaluation .list .content .listTitle img { width: 40px; height: 100%; top: 13px; }
  .customerEvaluationMain .customerEvaluation .list .content .listDesc { padding-top: 30px; font-size: 15px; line-height: 26px; }
  .customerEvaluationMain .customerEvaluation .list:hover { -webkit-box-shadow: 0px 70px 30px -50px rgba(65, 50, 25, 0.3); box-shadow: 0px 70px 30px -50px rgba(65, 50, 25, 0.3); }
  /*--客户评价--*/
  /*--人才招聘--*/
  .jobIntroMain { padding: 190px 0px; }
  .jobIntroMain .content { max-width: 600px; }
  .jobIntroMain .content .title { font-size: 50px; line-height: 60px; }
  .jobIntroMain .content .desc { padding-top: 30px; font-size: 16px; line-height: 26px; }
  .jobIntroMain .content .btn { padding-top: 50px; }
  .jobIntroMain .content .btn a { font-size: 14px; height: 41px; padding: 0px 25px; }
  .jobIntroMain .content .btn a i { font-size: 8px; margin-left: 10px; }
  .jobIntroMain .content .btn a::after { -webkit-border-radius: 41px; border-radius: 41px; }
  .jobIntroMain .content .btn a:hover::after { width: 41px; }
  .jobIntroMain .content .btn a:hover i { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); margin-left: 15px; }
  .jobIntroMain .content .btn a:hover { padding-left: 0px; }
  .jobListMain { padding: 70px 0px 80px; }
  .jobListMain .jobList .list { margin-top: 30px; -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 0px; }
  .jobListMain .jobList .list .listTitle { padding: 0px 40px 0px 70px; min-height: 90px; font-size: 18px; }
  .jobListMain .jobList .list .listTitle i { width: 14px; height: 14px; top: 36px; right: 40px; }
  .jobListMain .jobList .list .contentBox { margin: 0px 40px; display: none; padding: 30px 45px; -webkit-border-radius: 20px; border-radius: 20px; }
  .jobListMain .jobList .list .contentBox .contentTitle { font-size: 18px; padding-bottom: 25px; }
  .jobListMain .jobList .list .contentBox .content { font-size: 15px; padding-bottom: 30px; line-height: 29px; }
  .jobListMain .jobList .list .contentBox .btn a { font-size: 14px; height: 48px; padding: 0px 25px; }
  .jobListMain .jobList .list .contentBox .btn a i { font-size: 8px; margin-left: 15px; }
  .jobListMain .jobList .list .contentBox .btn a::after { -webkit-border-radius: 48px; border-radius: 48px; }
  .jobListMain .jobList .list .contentBox .btn a:hover::after { width: 48px; }
  .jobListMain .jobList .list .contentBox .btn a:hover i { margin-left: 20px; -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); }
  .jobListMain .jobList .list .contentBox .btn a:hover { padding-left: 0px; }
  .jobListMain .jobList .list.cur { padding-bottom: 45px; }
  /*--人才招聘--*/
  /*--定制化电商网站建设方案--*/
  .buyingQuestions { padding-top: 0px; }
  .buyingQuestions .list { margin-top: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 0px; }
  .buyingQuestions .list .listTitle { padding: 0px 40px 0px 70px; min-height: 90px; font-size: 18px; }
  .buyingQuestions .list .listTitle span { left: 40px; top: 33px; width: 20px; height: 20px; padding-top: 3px; font-size: 14px; }
  .buyingQuestions .list .listTitle i { width: 14px; height: 14px; top: 36px; right: 40px; }
  .buyingQuestions .list .listTitle i::after { height: 2px; }
  .buyingQuestions .list .listTitle i::before { width: 2px; }
  .buyingQuestions .list .content { margin: 0px 40px; padding: 30px 45px; font-size: 15px; line-height: 29px; -webkit-border-radius: 20px; border-radius: 20px; }
  .buyingQuestions .list.cur { padding-bottom: 35px; }
  /*--定制化电商网站建设方案--*/
  /*--网站推广优化方案--*/
  .websitePromotionBox { padding: 105px 0px 200px; }
  .websitePromotionBox .title { font-size: 16px; }
  .websitePromotionBox .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .websitePromotionBox .subTitle { padding-top: 25px; font-size: 40px; }
  .websitePromotionBox .websitePromotionDesc { padding-top: 25px; font-size: 16px; line-height: 26px; }
  .websitePromotionBox .websitePromotion { padding-top: 60px; }
  .websitePromotionBox .websitePromotion .imgBox { width: 740px; }
  .websitePromotionBox .websitePromotion .imgBox img { -webkit-border-radius: 20px; border-radius: 20px; }
  .websitePromotionBox .websitePromotion .content { padding: 50px 0px 0px 80px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .websitePromotionBox .websitePromotion .content .list { padding: 20px 0px 65px; }
  .websitePromotionBox .websitePromotion .content .list .listTitle span { width: 30px; height: 30px; padding-top: 4px; font-size: 18px; }
  .websitePromotionBox .websitePromotion .content .list .listTitle h3 { font-size: 22px; padding-left: 10px; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon { width: 15px; height: 15px; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::after { width: 3px; }
  .websitePromotionBox .websitePromotion .content .list .listTitle .icon::before { height: 3px; }
  .websitePromotionBox .websitePromotion .content .list .desc { padding-top: 20px; font-size: 15px; line-height: 25px; }
  .websiteOptimizationImportanceMain { padding: 90px 0px; }
  .websiteOptimizationImportanceMain .title { font-size: 40px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance { padding-top: 50px; grid-gap: 40px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list { padding: 45px 60px; -webkit-border-radius: 20px; border-radius: 20px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .letter { min-width: 50px; width: 50px; -webkit-border-radius: 20px; border-radius: 20px; height: 50px; font-size: 20px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .listTitle { font-size: 30px; padding-top: 5px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content { margin: 0px -10px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 10px 0px; font-size: 17px; line-height: 26px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList .listSubTitle { font-size: 20px; padding-bottom: 15px; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list .contentBox .content .contentList p { font-weight: 100; }
  .websiteOptimizationImportanceMain .websiteOptimizationImportance .list:nth-child(2) { -ms-grid-column: 2; grid-column: 2; grid-row: 1 / 3; min-height: 660px; }
  /*--网站推广优化方案--*/
  /*--方案列表--*/
  .solutionBanner .imgBox { padding-top: 670px; }
  .solutionBanner .solutionBannerText .title { font-size: 50px; line-height: 60px; }
  .solutionBanner .solutionBannerText .desc { padding-top: 30px; font-size: 18px; }
  .solutionBanner .solutionBannerText .desc i { margin-left: 8px; line-height: .1; width: 25px; height: 25px; font-size: 8px; }
  .solutionBanner .btn { font-size: 15px; bottom: 30px; padding: 0px 30px; height: 64px; -webkit-border-radius: 64px; border-radius: 64px; }
  .solutionBanner .btn p { margin-left: 10px; width: 35px; height: 35px; }
  .solutionBanner .btn p img { width: 20px; height: 20px; }
  .solutionTitleIntro { padding: 100px 0px 0px; }
  .solutionTitleIntro .container .title { width: 50%; padding: 0px 110px 0px 0px; font-size: 45px; line-height: 55px; }
  .solutionTitleIntro .container .title i { width: 25px; height: 25px; margin-left: 10px; }
  .solutionTitleIntro .container .title i::before { height: 5px; }
  .solutionTitleIntro .container .title i::after { width: 5px; }
  .solutionTitleIntro .container .intro { width: 50%; padding: 0px 0px 0px 110px; font-size: 17px; line-height: 28px; }
  .solutionListMain { padding: 80px 0px 1px; }
  .solutionListMain .container::after { left: 10px; right: 10px; }
  .solutionList { margin: 0px -110px; padding: 0px 0px 110px; }
  .solutionList .list { width: 50%; padding: 0px 110px; }
  .solutionList .list .imgBox { padding-top: 50.794%; -webkit-border-radius: 20px; border-radius: 20px; }
  .solutionList .list .content { padding: 40px 20px 65px 20px; }
  .solutionList .list .content .listTitle { font-size: 30px; }
  .solutionList .list .content .desc { margin-top: 20px; font-size: 16px; display: -webkit-box; height: 52px; line-height: 26px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .solutionList .list .content .arrow { padding-top: 25px; }
  .solutionList .list .content .arrow i { width: 60px; height: 41px; font-size: 14px; -webkit-border-radius: 20px; border-radius: 20px; }
  .solutionList .list:hover .content .arrow i { width: 41px; }
  .solutionList .list:nth-child(2n) { top: 60px; }
  /*--方案列表--*/
  /*--外贸网站方案--*/
  .foreignTradeSolutionBanner .imgBox { padding-top: 600px; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .title { font-size: 60px; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn { padding-top: 15px; font-size: 15px; }
  .foreignTradeSolutionBanner .foreignTradeSolutionBannerText .btn i { margin-left: 8px; width: 25px; height: 25px; font-size: 8px; line-height: 0.1; }
  .foreignTradeSolution { padding: 120px 0px 150px; }
  .foreignTradeSolution .imgBox { width: 800px; }
  .foreignTradeSolution .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 0px 0px 75px; }
  .foreignTradeSolution .content .title { font-size: 16px; }
  .foreignTradeSolution .content .title::before { width: 12px; height: 12px; margin-right: 10px; }
  .foreignTradeSolution .content .subTitle { margin-top: 20px; padding: 0px 20px 0px 0px; font-size: 40px; line-height: 50px; letter-spacing: -1px; }
  .foreignTradeSolution .content .desc { margin-top: 40px; padding: 0px 20px 0px 0px; max-height: 290px; font-size: 16px; line-height: 26px; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar { width: 4px; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-track { -webkit-border-radius: 8px; border-radius: 8px; }
  .foreignTradeSolution .content .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; }
  .foreignTradeSolution .content .desc2 { margin-top: 10px; padding: 0px 20px 0px 0px; max-height: 290px; font-size: 16px; line-height: 26px; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar { width: 4px; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-track { -webkit-border-radius: 8px; border-radius: 8px; }
  .foreignTradeSolution .content .desc2::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; }
  .foreignTradeSolution .content .threeTitle { margin-top: 10px; font-size: 20px; }
  .foreignTradeSolutionListMain { padding: 100px 0px 100px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .title { font-size: 40px; width: 620px; padding: 0px 60px 0px 0px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionIntro .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; line-height: 31px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList { margin-top: 50px; -webkit-border-radius: 20px; border-radius: 20px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content { width: 560px; padding: 50px 80px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number { width: 40px; height: 40px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span { font-size: 14px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(1) { left: 0px; top: 0px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .number span:nth-child(2) { right: 0px; bottom: 0px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .listTitle { margin-top: 45px; font-size: 40px; line-height: 1.3; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .content .desc { padding: 40px 0px 120px; font-size: 16px; max-width: 375px; line-height: 26px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .swiper-slide .imgBox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 40%; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox { left: 80px; bottom: 65px; }
  .foreignTradeSolutionListMain .foreignTradeSolutionList .btnBox a { width: 70px; height: 70px; margin-right: 10px; font-size: 24px; }
  .extensionServerMain { padding: 115px 0px; }
  .extensionServerMain .title { font-size: 40px; line-height: 50px; }
  .extensionServerMain .content { padding-top: 15px; font-size: 18px; line-height: 28px; }
  .extensionServerMain .extensionServer { margin: 0px -20px; padding-top: 80px; }
  .extensionServerMain .extensionServer .list { width: -webkit-calc(50% - 40px); width: calc(50% - 40px); margin: 0px 20px; padding: 55px 50px; -webkit-border-radius: 20px; border-radius: 20px; }
  .extensionServerMain .extensionServer .list .listTitle { font-size: 24px; padding-bottom: 40px; }
  .extensionServerMain .extensionServer .list .listTitle span { font-size: 20px; margin-right: 15px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; }
  .extensionServerMain .extensionServer .list .desc { font-size: 16px; line-height: 26px; }
  .extensionServerMain .extensionServer:first-child { padding-top: 0px; }
  .solutionTypeMain { padding: 110px 0px; }
  .solutionTypeMain .titleBox { width: 605px; padding: 0px 75px 0px 0px; }
  .solutionTypeMain .titleBox .title { font-size: 40px; line-height: 1.2; top: 110px; }
  .solutionTypeMain .solutionTypeList { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list { top: 60px; padding: 60px 45px 75px; margin-bottom: 30px; -webkit-border-radius: 20px; border-radius: 20px; }
  .solutionTypeMain .solutionTypeList .list .icon { width: 215px; }
  .solutionTypeMain .solutionTypeList .list .icon img { width: 45px; }
  .solutionTypeMain .solutionTypeList .list .icon .line { margin-top: 60px; }
  .solutionTypeMain .solutionTypeList .list .icon .line::before { width: 65px; height: 5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; }
  .solutionTypeMain .solutionTypeList .list .icon .line::after { width: 50px; height: 5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; margin-top: 10px; }
  .solutionTypeMain .solutionTypeList .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .solutionTypeMain .solutionTypeList .list .content::after { left: -30px; top: -12px; width: 41px; height: 41px; background-size: 41px; }
  .solutionTypeMain .solutionTypeList .list .content .listTitle { font-size: 24px; line-height: 1.3; }
  .solutionTypeMain .solutionTypeList .list .content .desc { font-size: 16px; padding-top: 20px; }
  /*--外贸网站方案--*/
  /*--响应式网站建设方案--*/
  .designPatternMain { min-height: 100vh; width: 100%; }
  .designPatternMain .title { font-size: 40px; padding-top: 30px; }
  .designPatternMain .designPatternBox { margin-top: 60px; }
  .designPatternMain .designPatternBox .imgBox { width: 740px; }
  .designPatternMain .designPatternBox .imgBox img { -webkit-border-radius: 15px; border-radius: 15px; }
  .designPatternMain .designPatternBox .designPattern { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0px 0px 0px 80px; height: 690px; }
  .designPatternMain .designPatternBox .designPattern .list { height: 14.5%; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle { height: 100px; font-size: 24px; }
  .designPatternMain .designPatternBox .designPattern .list .listTitle i { font-size: 12px; margin-left: 10px; top: -4px; }
  .designPatternMain .designPatternBox .designPattern .list .desc { padding-bottom: 65px; font-size: 16px; line-height: 28px; }
  .designPatternMain .designPatternBox .designPattern .list.cur .listTitle { font-size: 30px; }
  .solutionConsultMain { padding: 80px 0px 90px; }
  .solutionConsultMain .title { font-size: 45px; }
  .solutionConsultMain .desc { padding-top: 30px; font-size: 16px; line-height: 26px; max-width: 1080px; }
  .solutionConsultMain .btn { padding-top: 45px; }
  .solutionConsultMain .btn a { width: 312px; height: 48px; font-size: 14px; -webkit-border-radius: 48px; border-radius: 48px; }
  .solutionConsultMain .iconList { padding-top: 40px; }
  .solutionConsultMain .iconList .list { width: 320px; font-size: 24px; margin: 0px 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 30px; }
  .solutionConsultMain .iconList .list img { height: 72px; margin-right: 20px; }
  /*--响应式网站建设方案--*/
  /*--定制化电商网站建设方案--*/
  .electronicBusinessSolution { padding: 95px 0px 135px; }
  .electronicBusinessSolution .title { font-size: 40px; }
  .electronicBusinessSolution .desc { padding-top: 10px; font-size: 18px; line-height: 28px; }
  .electronicBusinessSolution .listBox { padding-top: 70px; }
  .electronicBusinessSolution .list { top: 50px; margin-bottom: 45px; padding: 65px 50px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
  .electronicBusinessSolution .list .listTitleBox { min-width: 500px; }
  .electronicBusinessSolution .list .listTitleBox .listTitle { font-size: 40px; }
  .electronicBusinessSolution .list .listTitleBox .number { margin-right: 20px; width: 62px; height: 62px; font-size: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
  .electronicBusinessSolution .list .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 17px; line-height: 26px; }
  .electronicBusinessFeatureBox { padding: 100px 0px 65px; }
  .electronicBusinessFeatureClass { padding-bottom: 45px; }
  .electronicBusinessFeatureClass .list a { font-size: 40px; }
  .electronicBusinessFeatureClass .list span { font-size: 40px; font-weight: 100; padding: 0px 25px; }
  .electronicBusinessFeatureTwoClass { padding-bottom: 50px; }
  .electronicBusinessFeatureTwoClass .list a { margin-right: 15px; width: 160px; height: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 0px 15px; font-size: 15px; }
  .electronicBusinessFeatureTwoClass .list a i { width: 10px; height: 10px; }
  .electronicBusinessFeature { padding-top: 50px; }
  .electronicBusinessFeature .listBox { margin: 0px -10px; }
  .electronicBusinessFeature .listBox .list { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 0px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 25px 30px; }
  .electronicBusinessFeature .listBox .list h3 { font-size: 20px; }
  .electronicBusinessFeature .listBox .list h3::before { width: 5px; height: 13px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 5px; }
  .electronicBusinessFeature .listBox .list .desc { padding-top: 5px; font-size: 15px; }
  /*--定制化电商网站建设方案--*/
  /*--软件网站建设方案--*/
  .furnishSolutionMain { padding: 100px 0px 130px; }
  .furnishSolutionMain .title { font-size: 40px; }
  .furnishSolutionMain .content { margin-top: 15px; font-size: 16px; line-height: 26px; }
  .furnishSolutionMain .furnishSolutionBox { margin-top: 80px; -webkit-border-radius: 20px; border-radius: 20px; padding: 65px 90px 75px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .swiper-slide { padding: 0px 240px 100px 0px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .listTitle { font-size: 30px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolution .desc { margin-top: 25px; font-size: 16px; line-height: 26px; }
  .furnishSolutionMain .furnishSolutionBox:first-child { margin-top: 0px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass { min-height: 300px; padding-left: 150px; width: 465px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a { font-size: 18px; padding-bottom: 20px; }
  .furnishSolutionMain .furnishSolutionBox .furnishSolutionClass a.cur { font-size: 24px; }
  .furnishSolutionMain .furnishSolutionBox .btn { left: 90px; bottom: 90px; }
  .furnishSolutionMain .furnishSolutionBox .btn a { width: 80px; height: 50px; margin-right: 5px; -webkit-border-radius: 25px; border-radius: 25px; }
  .framesolutionMain { padding: 110px 0px 0px; }
  .framesolutionMain .title { font-size: 40px; }
  .framesolutionMain .desc { font-size: 18px; line-height: 30px; padding-top: 20px; }
  .framesolutionMain .framesolutionBox { padding: 80px 0px 120px; }
  .framesolutionMain .framesolutionBox .imgBox img { -webkit-border-radius: 15px; border-radius: 15px; }
  .framesolutionMain .framesolutionBox .framesolution { width: 760px; height: 760px; padding: 0px 0px 0px 80px; }
  .framesolutionMain .framesolutionBox .framesolution .list { height: 11.843%; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle { font-size: 24px; height: 90px; }
  .framesolutionMain .framesolutionBox .framesolution .list .listTitle i { font-size: 14px; margin-left: 10px; }
  .framesolutionMain .framesolutionBox .framesolution .list .content { font-size: 16px; line-height: 28px; padding-bottom: 60px; }
  .framesolutionMain .framesolutionBox .framesolution .list.cur .listTitle { font-size: 30px; }
  /*--软件网站建设方案--*/
  /*--数码3C企业网站建设方案--*/
  .solutionTextListMain { padding: 70px 0px 90px; }
  .solutionTextListMain .title { font-size: 16px; }
  .solutionTextListMain .title::after { width: 12px; height: 12px; margin-right: 10px; }
  .solutionTextListMain .subTitle { padding: 15px 0px; font-size: 40px; }
  .solutionTextList { margin: 0px -10px; padding-top: 60px; }
  .solutionTextList .list { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); padding: 55px 70px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0px 10px 20px; }
  .solutionTextList .list .listTitle { font-size: 24px; }
  .solutionTextList .list .content { padding-top: 15px; font-size: 16px; }
  .solutionTextList .list .number { margin-top: 35px; width: 62px; height: 62px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 20px; }
  /*--数码3C企业网站建设方案--*/
  /*--门户网站建设方案--*/
  .solutionSystemFunctionMain { padding: 70px 0px; }
  .solutionSystemFunctionMain .title { font-size: 40px; padding-bottom: 0px; }
  .solutionSystemFunctionMain .content { padding-top: 5px; font-size: 16px; line-height: 28px; }
  /*--门户网站建设方案--*/
  /*--app定制开发--*/
  .appNLP { padding-right: 40px; }
  .appNLP .list { width: 33.333%; margin-top: 45px; }
  .appNLP .list .icon img { height: 41px; }
  .appNLP .list .text { padding-top: 10px; font-size: 15px; }
  .appNativeMain { padding: 100px 0px; }
  .appNativeMain .title { font-size: 40px; }
  .appNativeMain .desc { padding-top: 25px; max-width: 1330px; font-size: 16px; line-height: 26px; }
  .appNativeMain .appNative { padding-top: 80px; }
  .appNativeMain .appNative .advantage { width: 50%; min-height: 590px; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 30px; border-radius: 30px; }
  .appNativeMain .appNative .advantage .advantageTitle { height: 115px; font-size: 24px; }
  .appNativeMain .appNative .advantage .advantageTitle i { font-weight: 100; font-size: 30px; margin-right: 10px; }
  .appNativeMain .appNative .advantage .content { padding: 50px 85px; line-height: 26px; font-size: 16px; }
  .appNativeMain .appNative .advantage .content h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
  .appNativeMain .appNative .shortcomingBox { width: 50%; padding: 50px 0px; }
  .appNativeMain .appNative .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle { height: 89px; font-size: 24px; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 30px; margin-right: 10px; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content { padding: 50px 85px; line-height: 26px; font-size: 16px; }
  .appNativeMain .appNative .shortcomingBox .shortcoming .content h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
  .webAppMain { padding: 100px 0px; }
  .webAppMain .title { font-size: 40px; }
  .webAppMain .desc { padding-top: 25px; max-width: 1330px; font-size: 16px; line-height: 26px; }
  .webAppMain .webApp { padding-top: 80px; }
  .webAppMain .webApp .advantage { width: 50%; min-height: 590px; -webkit-box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); box-shadow: 0px 8px 57px rgba(67, 52, 27, 0.18); -webkit-border-radius: 30px; border-radius: 30px; }
  .webAppMain .webApp .advantage .advantageTitle { height: 115px; font-size: 24px; }
  .webAppMain .webApp .advantage .advantageTitle i { font-weight: 100; font-size: 30px; margin-right: 10px; }
  .webAppMain .webApp .advantage .content { padding: 50px 85px; line-height: 26px; font-size: 16px; }
  .webAppMain .webApp .advantage .content h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
  .webAppMain .webApp .shortcomingBox { width: 50%; padding: 50px 0px; }
  .webAppMain .webApp .shortcomingBox .shortcoming { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle { height: 89px; font-size: 24px; }
  .webAppMain .webApp .shortcomingBox .shortcoming .shortcomingTitle i { font-size: 30px; margin-right: 10px; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content { padding: 50px 85px; line-height: 26px; font-size: 16px; }
  .webAppMain .webApp .shortcomingBox .shortcoming .content h3 { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
  /*--app定制开发--*/ }

@media (min-width: 1921px) { .header .navBox .consultBtn i { font-size: 0.31vw; }
  .indexAboutMain { height: 740px; } 
  .commonBanner .imgBox{padding-top: 600px;}
  .websiteConstructionBanner .imgBox{padding-top: 600px;}
  .aiBanner .displayer { left: -115px; bottom: 0px; width: 80.35%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .aiBanner .displayer img { width: 1529px; }
  .contactInfoMain .contactInfo .list .content .telList { padding-right: 35px; }
  .contactInfoMain .contactInfo .list:nth-child(1) { padding-right: 400px; }
  .groupWebsite .container .content .desc p span{width: 720px;}
}

@media (min-width: 2561px) { .header .navBox .consultBtn i { font-size: 0.22vw; } }



.moress123sq {
  padding-bottom: 5%;
}
.page {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0 3%;
  border-radius: 20px;
  line-height: 2;
  justify-content: center;
}
.page li a {
  display: block;
  min-width: 75px;
  height: 30px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 29px;
  background: #fff;
  border: 1px solid #eee;
  color: #666;
  text-align: center;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
.page li a.active {
  background: #e10012;
  color: #fff;
}
.page li a:hover {
  color: #fff;
  background: #e10012;
}