.index_content_1 {
  padding: 4.791666vw 0 6.25vw;
  position: relative;
}
.index_content_1 .bg_text {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
}
.index_content_1 .bg_text span {
  font-size: 19.6875vw;
  font-weight: bold;
  line-height: 22.083333vw;
  color: #ffffff;
  text-shadow: -2.083333vw 1.041667vw 2.083333vw rgba(0, 0, 0, 0.09);
  opacity: 0.67;
  transition: opacity 0.6s, transform 0.6s;
}
.index_content_1 .section {
  max-width: 68.75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index_content_1 .section .left {
  max-width: 31.25vw;
}
.index_content_1 .section .left .about {
  display: flex;
  align-items: center;
}
.index_content_1 .section .left .about i {
  display: inline-block;
  height: 0.104167vw;
  width: 1.927083vw;
  background-color: #707070;
  margin: 0 0.78125vw;
}
.index_content_1 .section .left .about span {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.145833vw;
  color: #000000;
}
.index_content_1 .section .left .about span.on {
  opacity: 0.3;
}
.index_content_1 .section .left .title {
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 2.5vw;
  color: #272727;
  margin: 6.25vw 0 1.71875vw;
}
.index_content_1 .section .left .content {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.666667vw;
  color: #6d6d6d;
  margin-bottom: 1.822917vw;
}
.index_content_1 .section .right {
  position: relative;
  max-width: 23.4375vw;
  padding-top: 0.520833vw;
}
.index_content_1 .section .right img {
  width: 100%;
}
.index_content_1 .section .right .right_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.index_content_1 .section .right .right_box i {
  font-size: 9.270833vw;
  font-weight: bold;
  line-height: 10.15625vw;
  color: #ffffff;
  font-style: normal;
}
.index_content_1 .section .right .right_box p {
  margin-top: 0.260417vw;
  font-size: 2.760417vw;
  font-weight: bold;
  color: #ffffff;
}.index_content_1 {
  padding: 4.791666vw 0 6.25vw;
  position: relative;
}
.index_content_1 .bg_text {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
}
.index_content_1 .bg_text span {
  font-size: 19.6875vw;
  font-weight: bold;
  line-height: 22.083333vw;
  color: #ffffff;
  text-shadow: -2.083333vw 1.041667vw 2.083333vw rgba(0, 0, 0, 0.09);
  opacity: 0.67;
  transition: opacity 0.6s, transform 0.6s;
}
.index_content_1 .section {
  max-width: 68.75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index_content_1 .section .left {
  max-width: 31.25vw;
}
.index_content_1 .section .left .about {
  display: flex;
  align-items: center;
}
.index_content_1 .section .left .about i {
  display: inline-block;
  height: 0.104167vw;
  width: 1.927083vw;
  background-color: #707070;
  margin: 0 0.78125vw;
}
.index_content_1 .section .left .about span {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.145833vw;
  color: #000000;
}
.index_content_1 .section .left .about span.on {
  opacity: 0.3;
}
.index_content_1 .section .left .title {
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 2.5vw;
  color: #272727;
  margin: 6.25vw 0 1.71875vw;
}
.index_content_1 .section .left .content {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.666667vw;
  color: #6d6d6d;
  margin-bottom: 1.822917vw;
}
.index_content_1 .section .right {
  position: relative;
  max-width: 23.4375vw;
  padding-top: 0.520833vw;
}
.index_content_1 .section .right img {
  width: 100%;
}
.index_content_1 .section .right .right_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.index_content_1 .section .right .right_box i {
  font-size: 9.270833vw;
  font-weight: bold;
  line-height: 10.15625vw;
  color: #ffffff;
  font-style: normal;
}
.index_content_1 .section .right .right_box p {
  margin-top: 0.260417vw;
  font-size: 2.760417vw;
  font-weight: bold;
  color: #ffffff;
}.index_content_1 {
  padding: 4.791666vw 0 6.25vw;
  position: relative;
}
.index_content_1 .bg_text {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
}
.index_content_1 .bg_text span {
  font-size: 19.6875vw;
  font-weight: bold;
  line-height: 22.083333vw;
  color: #ffffff;
  text-shadow: -2.083333vw 1.041667vw 2.083333vw rgba(0, 0, 0, 0.09);
  opacity: 0.67;
  transition: opacity 0.6s, transform 0.6s;
}
.index_content_1 .section {
  max-width: 68.75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index_content_1 .section .left {
  max-width: 31.25vw;
}
.index_content_1 .section .left .about {
  display: flex;
  align-items: center;
}
.index_content_1 .section .left .about i {
  display: inline-block;
  height: 0.104167vw;
  width: 1.927083vw;
  background-color: #707070;
  margin: 0 0.78125vw;
}
.index_content_1 .section .left .about span {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.145833vw;
  color: #000000;
}
.index_content_1 .section .left .about span.on {
  opacity: 0.3;
}
.index_content_1 .section .left .title {
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 2.5vw;
  color: #272727;
  margin: 6.25vw 0 1.71875vw;
}
.index_content_1 .section .left .content {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.666667vw;
  color: #6d6d6d;
  margin-bottom: 1.822917vw;
}
.index_content_1 .section .right {
  position: relative;
  max-width: 23.4375vw;
  padding-top: 0.520833vw;
}
.index_content_1 .section .right img {
  width: 100%;
}
.index_content_1 .section .right .right_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.index_content_1 .section .right .right_box i {
  font-size: 9.270833vw;
  font-weight: bold;
  line-height: 10.15625vw;
  color: #ffffff;
  font-style: normal;
}
.index_content_1 .section .right .right_box p {
  margin-top: 0.260417vw;
  font-size: 2.760417vw;
  font-weight: bold;
  color: #ffffff;
}.index_content_1 {
  padding: 4.791666vw 0 6.25vw;
  position: relative;
}
.index_content_1 .bg_text {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
}
.index_content_1 .bg_text span {
  font-size: 19.6875vw;
  font-weight: bold;
  line-height: 22.083333vw;
  color: #ffffff;
  text-shadow: -2.083333vw 1.041667vw 2.083333vw rgba(0, 0, 0, 0.09);
  opacity: 0.67;
  transition: opacity 0.6s, transform 0.6s;
}
.index_content_1 .section {
  max-width: 68.75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index_content_1 .section .left {
  max-width: 31.25vw;
}
.index_content_1 .section .left .about {
  display: flex;
  align-items: center;
}
.index_content_1 .section .left .about i {
  display: inline-block;
  height: 0.104167vw;
  width: 1.927083vw;
  background-color: #707070;
  margin: 0 0.78125vw;
}
.index_content_1 .section .left .about span {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.145833vw;
  color: #000000;
}
.index_content_1 .section .left .about span.on {
  opacity: 0.3;
}
.index_content_1 .section .left .title {
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 2.5vw;
  color: #272727;
  margin: 6.25vw 0 1.71875vw;
}
.index_content_1 .section .left .content {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.666667vw;
  color: #6d6d6d;
  margin-bottom: 1.822917vw;
}
.index_content_1 .section .right {
  position: relative;
  max-width: 23.4375vw;
  padding-top: 0.520833vw;
}
.index_content_1 .section .right img {
  width: 100%;
}
.index_content_1 .section .right .right_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.index_content_1 .section .right .right_box i {
  font-size: 9.270833vw;
  font-weight: bold;
  line-height: 10.15625vw;
  color: #ffffff;
  font-style: normal;
}
.index_content_1 .section .right .right_box p {
  margin-top: 0.260417vw;
  font-size: 2.760417vw;
  font-weight: bold;
  color: #ffffff;
}.index_content_1 {
  padding: 4.791666vw 0 6.25vw;
  position: relative;
}
.index_content_1 .bg_text {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  width: 100%;
  text-align: center;
}
.index_content_1 .bg_text span {
  font-size: 19.6875vw;
  font-weight: bold;
  line-height: 22.083333vw;
  color: #ffffff;
  text-shadow: -2.083333vw 1.041667vw 2.083333vw rgba(0, 0, 0, 0.09);
  opacity: 0.67;
  transition: opacity 0.6s, transform 0.6s;
}
.index_content_1 .section {
  max-width: 68.75vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index_content_1 .section .left {
  max-width: 31.25vw;
}
.index_content_1 .section .left .about {
  display: flex;
  align-items: center;
}
.index_content_1 .section .left .about i {
  display: inline-block;
  height: 0.104167vw;
  width: 1.927083vw;
  background-color: #707070;
  margin: 0 0.78125vw;
}
.index_content_1 .section .left .about span {
  font-size: 0.9375vw;
  font-weight: 400;
  line-height: 1.145833vw;
  color: #000000;
}
.index_content_1 .section .left .about span.on {
  opacity: 0.3;
}
.index_content_1 .section .left .title {
  font-size: 2.083333vw;
  font-weight: bold;
  line-height: 2.5vw;
  color: #272727;
  margin: 6.25vw 0 1.71875vw;
}
.index_content_1 .section .left .content {
  font-size: 0.833333vw;
  font-weight: 400;
  line-height: 1.666667vw;
  color: #6d6d6d;
  margin-bottom: 1.822917vw;
}
.index_content_1 .section .right {
  position: relative;
  max-width: 23.4375vw;
  padding-top: 0.520833vw;
}
.index_content_1 .section .right img {
  width: 100%;
}
.index_content_1 .section .right .right_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.index_content_1 .section .right .right_box i {
  font-size: 9.270833vw;
  font-weight: bold;
  line-height: 10.15625vw;
  color: #ffffff;
  font-style: normal;
}
.index_content_1 .section .right .right_box p {
  margin-top: 0.260417vw;
  font-size: 2.760417vw;
  font-weight: bold;
  color: #ffffff;
}/* @Author: feelChin  @Date: 2021-05-25 17:16:02  @Last Modified by: feelChin @Last Modified time: 2021-10-20 14:50:41 */
/* @Author: Chin  @Date: 2020-06-23 10:17:36  @Last Modified by: feelChin @Last Modified time: 2021-09-10 12:12:11 */
@import url("iconfont.css");
* { margin: 0; padding: 0; outline: none; }

html, body { font-family: "Noto Sans SC,PingFang SC,Microsoft Yahei,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif"; -webkit-tap-highlight-color: transparent; font-size: .14rem; line-height: 1.8; }

h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; text-align: left; }

ul, ol, menu { list-style: none; }

fieldset, img { border: 0; display: inline-block; }

img, object, input, textarea, button, select { vertical-align: middle; }

article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu { display: block; }

audio, canvas, video { display: inline-block; zoom: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

textarea { overflow: auto; resize: none; font-family: inherit; }

input, textarea, button, select, a { outline: none; border: none; }

input, textarea { display: block; -webkit-user-select: auto; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

mark { background-color: transparent; }

a, ins, s, u, del { text-decoration: none; color: inherit; }

sup, sub { vertical-align: baseline; }

h4, h5, h6 { font-weight: 400; }

html, body { scroll-behavior: smooth; color: #000; background-color: #fff; }

.y30 { opacity: 0; -webkit-transform: translate3d(0, 30%, 0) scale(0.9); transform: translate3d(0, 30%, 0) scale(0.9); }

.y30.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.y60 { opacity: 0; -webkit-transform: translate3d(0, 50%, 0) scale(0.9); transform: translate3d(0, 50%, 0) scale(0.9); }

.y60.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.y100 { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) scale(0.9); transform: translate3d(0, 100%, 0) scale(0.9); }

.y100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x50 { opacity: 0; -webkit-transform: translate3d(50%, 0, 0) scale(0.9); transform: translate3d(50%, 0, 0) scale(0.9); }

.x50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x100 { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) scale(0.9); transform: translate3d(100%, 0, 0) scale(0.9); }

.x100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x-50 { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0) scale(0.9); transform: translate3d(-50%, 0, 0) scale(0.9); }

.x-50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x-100 { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(0.9); transform: translate3d(-100%, 0, 0) scale(0.9); }

.x-100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.o { opacity: 0; }

.o.flag { opacity: 1; -webkit-transition: 1.7s; transition: 1.7s; }

.doubleAni { position: relative; z-index: 1; }

.doubleAni:hover:after { width: 100%; opacity: .9; }

.doubleAni:hover:before { width: 100%; opacity: 1; }

.doubleAni:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 60%; opacity: 0; background: #2151A1; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.doubleAni:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 40%; opacity: 0; background: #2151A1; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.splitlist { line-height: 1.2; white-space: pre-wrap; }

.splitlist.flag span { opacity: 1; }

.splitlist span { font-family: inherit; width: auto; font-size: 35px; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }

.splitlist span.letters { color: #2151A1; }

.popUp { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; }

.popUp.active { visibility: visible; }

.popUp.active .popUpBg { visibility: visible; opacity: 1; -webkit-transition: .5s; transition: .5s; }

.popUp.active .popUpBox { -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(0); transform: translateY(0); }

.popUp .popUpBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; z-index: -1; }

.popUp .popUpBox { position: relative; width: 100%; height: auto; background: #fff; -webkit-transform: translateY(10%); transform: translateY(10%); }

.cursordot { position: fixed; top: 0; left: 0; border-radius: 100%; pointer-events: none; opacity: 0; will-change: transform; background-size: contain; mix-blend-mode: exclusion; }

.cursordot::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: #fff; mix-blend-mode: exclusion; }

.cursordot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); mix-blend-mode: exclusion; border-radius: 50%; }

.imgs { max-width: 100%; width: 100%; height: auto; display: block; }

.deepmao { position: relative; top: 0; display: block; height: 0; overflow: hidden; }

.linkA { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 7; }

.photoActives { position: relative; overflow: hidden; }

.photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }

.photoActives.reset_photoActive .photoActive { bottom: -100%; -webkit-transition: .66s; transition: .66s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.photoSlides { position: relative; overflow: hidden; --bg: white; }

.photoSlides.ifIe:after { display: none; }

.photoSlides.ifIe img { opacity: 1; }

.photoSlides:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background: var(--bg); z-index: 3; }

.photoSlides.flag:after { width: 100%; -webkit-transition: .6s; transition: .6s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.photoSlides.reset:after { width: 0%; right: auto; left: 0; }

.photoSlides img { opacity: 0; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.ell { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.ells { display: -webkit-box !important; overflow: hidden !important; text-overflow: ellipsis !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; }

.wechat { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.7); z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; }

.wechat.active { -webkit-transition: .3s; transition: .3s; visibility: visible; opacity: 1; }

.wechat.active div { -webkit-transform: translateY(0); transform: translateY(0); }

.wechat div { height: auto; padding: 20px; background: #eee; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateY(50px); transform: translateY(50px); }

.wechat div img { display: block; margin: auto; }

.wechat div p { font-size: 14px; color: #666; margin-top: 6px; }

.videobox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; visibility: hidden; opacity: 0; color: #fff; }

.videobox.active { visibility: visible; opacity: 1; }

.videobox.active .bg { visibility: visible; opacity: 1; }

.videobox.active .videoDom video { -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.videobox.active .videoDom .close { visibility: visible; opacity: 1; }

.videobox .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); -webkit-transition: .4s; transition: .4s; visibility: hidden; opacity: 0; z-index: -1; }

.videobox .videoDom { width: 61.8%; position: relative; line-height: 1; font-size: 0; }

.videobox .videoDom video { width: 100%; -webkit-transition: .4s; transition: .4s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; max-width: 100%; max-height: 100vh; }

.videobox .videoDom .close { position: absolute; left: 100%; top: 0; width: .5rem; height: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #2151A1; color: #fff; z-index: 3; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s; }

.videobox .videoDom .close:after, .videobox .videoDom .close:before { content: ''; width: .25rem; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transition: .4s; transition: .4s; }

.videobox .videoDom .close:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.videobox .videoDom .close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.videobox .videoDom .close:hover { background: #3788DD; }

.videobox .videoDom .close:hover:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.videobox .videoDom .close:hover:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.subnavHead { position: relative; }

.subnavHead .bannerimg { overflow: hidden; }

.subnavHead .bannerimg img { position: relative; width: 100%; display: block; will-change: transform; }

.newspaper { word-break: break-all; }

.newspaper a { -webkit-transition: color .4s; transition: color .4s; }

.newspaper a:link { color: #000; }

.newspaper a:visited { color: #000; }

.newspaper a:active { color: #2151A1; }

.newspaper a:hover { color: #2151A1; }

.newspaper img { max-width: 100% !important; height: auto !important; }

.newspaper .tablebox { width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }

.newspaper .tablebox::-webkit-scrollbar { display: none; }

.newspaper .tablebox table { width: auto !important; max-width: 100% !important; }

@-webkit-keyframes pageTransTion { from { visibility: visible;
    opacity: 1; }
  to { visibility: hidden;
    opacity: 0; } }

@keyframes pageTransTion { from { visibility: visible;
    opacity: 1; }
  to { visibility: hidden;
    opacity: 0; } }

@-webkit-keyframes pageTransTionFirst { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(100%); transform: translateY(100%); } }

@keyframes pageTransTionFirst { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(100%); transform: translateY(100%); } }

@-webkit-keyframes pageTransTionSecond { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(150%); transform: translateY(150%); } }

@keyframes pageTransTionSecond { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(150%); transform: translateY(150%); } }

@-webkit-keyframes pageTransTionThird { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(200%); transform: translateY(200%); } }

@keyframes pageTransTionThird { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(200%); transform: translateY(200%); } }

.pageTransTionIn { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; -webkit-animation: pageTransTion .01s 1.2s forwards; animation: pageTransTion .01s 1.2s forwards; }

.pageTransTionIn .pageTransTionFirst, .pageTransTionIn .pageTransTionSecond, .pageTransTionIn .pageTransTionThird { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pageTransTionIn .pageTransTionFirst { background: #3788DD; -webkit-animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.pageTransTionIn .pageTransTionSecond { background: #2151A1; -webkit-animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.pageTransTionIn .pageTransTionThird { background: #fff; -webkit-animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.last3:nth-child(3n+1):nth-last-child(-n+3), .last3:nth-child(3n+1):nth-last-child(-n+3) ~ li { margin-bottom: 0; }

.amap-logo, .amap-copyright { display: none !important; }

.amap-toolbar { z-index: 2; }

.amap-scalecontrol { display: none !important; }

.amap-layers:after { content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 0; }

.amap-layers svg { width: 100% !important; height: 100% !important; }

.amap-markers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.innerdot { display: none !important; }

.infobox { display: none; }

.amap-info-contentContainer { width: auto; height: auto; max-width: 320px; padding: 15px 20px; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.amap-info-contentContainer h5 { color: #000; font-size: 18px; }

.amap-info-contentContainer p { color: #999; font-size: 16px; }

.amap-marker .mapdaohang { width: 100%; height: .38rem; background: #2151A1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .16rem; color: #fff; border-radius: .38rem; -webkit-transform: translate(-50%, -140%); transform: translate(-50%, -140%); }

.mapdots { width: 1.2rem; height: 1.2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; z-index: 1; color: #3788DD; }

.mapdots:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #2151A1; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s infinite linear; }

.mapdots:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #2151A1; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s -.7s infinite linear; }

.mapdots .dot { width: .3rem; height: .3rem; background: #2151A1; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }

.mapdots .dot img { width: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@-webkit-keyframes dots { from { opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  to { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes dots { from { opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  to { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.scrollNumItem { display: -webkit-box; display: -ms-flexbox; display: flex; }

.scrollNumItem .scrollNumBox { position: relative; overflow: hidden; }

.scrollNumItem .scrollNumBox .scrollNumUl { width: 100%; }

.scrollNumItem .scrollNumBox .scrollNumUl li { height: 100%; width: 100%; }

@-webkit-keyframes move { from { -webkit-transform: translateY(-90%); transform: translateY(-90%);
    -webkit-filter: url(#blur);
            filter: url(#blur); }
  to { -webkit-transform: translateY(1%); transform: translateY(1%);
    -webkit-filter: url(#blur);
            filter: url(#blur); } }

@keyframes move { from { -webkit-transform: translateY(-90%); transform: translateY(-90%);
    -webkit-filter: url(#blur);
            filter: url(#blur); }
  to { -webkit-transform: translateY(1%); transform: translateY(1%);
    -webkit-filter: url(#blur);
            filter: url(#blur); } }

@-webkit-keyframes bounce-in-down { from { -webkit-transform: translateY(calc(var(--i) * -10% - 7%)); transform: translateY(calc(var(--i) * -10% - 7%));
    -webkit-filter: none;
            filter: none; }
  25% { -webkit-transform: translateY(calc(var(--i) * -10% + 3%)); transform: translateY(calc(var(--i) * -10% + 3%)); }
  50% { -webkit-transform: translateY(calc(var(--i) * -10% - 1%)); transform: translateY(calc(var(--i) * -10% - 1%)); }
  70% { -webkit-transform: translateY(calc(var(--i) * -10% + .6%)); transform: translateY(calc(var(--i) * -10% + .6%)); }
  85% { -webkit-transform: translateY(calc(var(--i) * -10% - .3%)); transform: translateY(calc(var(--i) * -10% - .3%)); }
  to { -webkit-transform: translateY(calc(var(--i) * -10%)); transform: translateY(calc(var(--i) * -10%)); } }

@keyframes bounce-in-down { from { -webkit-transform: translateY(calc(var(--i) * -10% - 7%)); transform: translateY(calc(var(--i) * -10% - 7%));
    -webkit-filter: none;
            filter: none; }
  25% { -webkit-transform: translateY(calc(var(--i) * -10% + 3%)); transform: translateY(calc(var(--i) * -10% + 3%)); }
  50% { -webkit-transform: translateY(calc(var(--i) * -10% - 1%)); transform: translateY(calc(var(--i) * -10% - 1%)); }
  70% { -webkit-transform: translateY(calc(var(--i) * -10% + .6%)); transform: translateY(calc(var(--i) * -10% + .6%)); }
  85% { -webkit-transform: translateY(calc(var(--i) * -10% - .3%)); transform: translateY(calc(var(--i) * -10% - .3%)); }
  to { -webkit-transform: translateY(calc(var(--i) * -10%)); transform: translateY(calc(var(--i) * -10%)); } }

@media screen and (max-width: 768px) { .noscroll { background-attachment: scroll !important; }
  .videobox .videoDom { width: 100%; } }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/* 1. Buttons */
/* <button> css reset */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; }

.pswp__button:focus, .pswp__button:hover { opacity: 1; }

.pswp__button:active { outline: none; opacity: 0.9; }

.pswp__button::-moz-focus-inner { padding: 0; border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close { opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url() 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(); }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } }

.pswp__button--close { background-position: 0 -44px; }

.pswp__button--share { background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs { background-position: -44px 0; }

.pswp__button--zoom { display: none; background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: block; }

.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }

/* Arrow buttons hit area (icon is added to :before pseudo-element) */
.pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }

.pswp__button--arrow--left { left: 0; }

.pswp__button--arrow--right { right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; }

.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }

.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }

/* 2. Share modal/popup and links */
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__share-modal--hidden { display: none; }

.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; }

.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }

.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }

.pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }

a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }

a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; }

a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover { background: #DDD; }

/* 3. Index indicator ("1 of X" counter) */
.pswp__counter { position: absolute; left: 0; top: 0; height: 50px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; }

/* 4. Caption */
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }

.pswp__caption small { font-size: 11px; color: #BBB; }

.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }

.pswp__caption--empty { display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake { visibility: hidden; }

/* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; }

.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }

.pswp__preloader--active { opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url() 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active { opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }

.pswp--css_animation .pswp__preloader__cut { /*  The idea of animating inner circle is based on Polymer ("material") loading indicator  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; }

@media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } }

@-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% { -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% { -webkit-transform: rotate(0);
    transform: rotate(0); } }

/* 6. Additional styles */
/* root element of UI */
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar { position: absolute; left: 0; top: 0; width: 100%; background: transparent !important; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }

.pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar { opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }

/* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }

.pswp__element--disabled { display: none !important; }

.pswp--minimal--dark .pswp__top-bar { background: none; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; }

.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp img { max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open { display: block; }

.pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }

.pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

/* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; }

.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }

.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }

.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }

.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }

/* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }

/* div element that matches size of large image large image loads on top of it */
.pswp__img--placeholder--blank { background: #222; }

.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }

/* Error message appears when image is not loaded (JS option errorMsg controls markup) */
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }

.pswp__error-msg a { color: #CCC; text-decoration: underline; }

.pswp__bg { background: rgba(0, 0, 0, 0.8); }

.pswp__top-bar { background-color: transparent; }

.pswp__top-bar .pswp__button--close { position: relative; width: 50px; height: 50px; top: 0; background: #2151A1; font-size: 16px; color: white; background-position: 0 0; opacity: 1; z-index: 2; }

.pswp__caption { margin-top: 20px; background: transparent; bottom: 0; display: none; }

.pswp__caption small { display: none; }

.pswp__caption__center { width: auto; min-height: 44px; line-height: 1.2; -webkit-transition: .3s; transition: .3s; font-size: 14px; color: #747474; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: white; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pswp__button { width: 30px; height: 30px; background: transparent; }

.pswp__button--arrow--left, .pswp__button--arrow--right { width: 46px; height: 46px; background: white; border-radius: 50%; -webkit-transition: .5s !important; transition: .5s !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #2151A1; opacity: 1; }

.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { background: #2151A1; color: white; }

.pswp__button--arrow--left { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.pswp__button--arrow--right { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.pswp__button--arrow--left { margin-left: -600px; }

.pswp__button--arrow--right { margin-right: -600px; }

.pswp__button--arrow--left:before { width: 66px; height: 66px; background: transparent; }

.pswp__button--arrow--right:before { width: 66px; height: 66px; background: transparent; }

.atie-calendar, .atie-calendar * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.calendar-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; }

.atie-calendar-mask { position: fixed; height: 100%; width: 100%; }

.atie-calendar { position: relative; outline: none; width: 280px; border: 1px solid #fff; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); background-clip: padding-box; line-height: 1.5; }

.atie-calendar-input-wrap { height: 34px; padding: 6px 10px; border-bottom: 1px solid #e8e8e8; }

.atie-calendar-input { border: 0; width: 100%; cursor: auto; outline: 0; height: 22px; color: rgba(0, 0, 0, 0.65); background: #fff; }

.atie-calendar-date-panel { position: relative; }

.atie-calendar-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8; }

.atie-calendar-header > div > a { position: absolute; top: 0; font-size: 12px; cursor: pointer; }

.atie-calendar-header > div > a:hover { color: #1890ff; }

.atie-calendar-prev-year-btn { left: 7px; }

.atie-calendar-prev-month-btn { left: 36px; }

.atie-calendar-next-year-btn { right: 7px; }

.atie-calendar-next-month-btn { right: 36px; }

.atie-calendar-ym-select { font-weight: 500; }

.atie-calendar-body { padding: 8px 12px; }

.atie-calendar table, .atie-calendar td, .atie-calendar th { border: 0; text-align: center; }

.atie-calendar table { border-collapse: collapse; max-width: 100%; background-color: transparent; width: 100%; }

.atie-calendar thead { display: table-header-group; vertical-align: middle; border-color: inherit; }

.atie-calendar tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }

.atie-calendar tr { display: table-row; vertical-align: inherit; border-color: inherit; }

.atie-calendar-column-header .atie-calendar-column-header-inner { display: block; font-weight: 400; }

.atie-calendar-cell { padding: 3px 0; height: 30px; cursor: pointer; }

.atie-calendar-selected-day .atie-calendar-date { background: #d1e9ff; }

.atie-calendar-last-month-cell .atie-calendar-date, .atie-calendar-next-month-btn-day .atie-calendar-date { color: rgba(0, 0, 0, 0.25); }

.atie-calendar-today .atie-calendar-date { border-color: #1890ff; font-weight: 700; color: #1890ff; }

.atie-calendar-selected-date .atie-calendar-date, .atie-calendar-selected-start-date .atie-calendar-date, .atie-calendar-selected-end-date .atie-calendar-date { background: #1890ff; color: #fff; border: 1px solid transparent; }

.atie-calendar-date { display: block; margin: 0 auto; color: rgba(0, 0, 0, 0.65); border-radius: 2px; width: 24px; height: 24px; line-height: 22px; border: 1px solid transparent; padding: 0; background: transparent; text-align: center; -webkit-transition: background .3s ease; transition: background .3s ease; }

.atie-calendar-footer { border-top: 1px solid #e8e8e8; line-height: 38px; padding: 0 12px; }

.atie-calendar-footer-btn { text-align: center; display: block; }

.atie-calendar .atie-calendar-today-btn { display: inline-block; text-align: center; color: #1890ff; cursor: pointer; }

@-webkit-keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@-webkit-keyframes guodong { from, to { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  25% { -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@keyframes guodong { from, to { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  25% { -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes bounceInDown { from, 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, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes bounceInDown { from, 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, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

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

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

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

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

@-webkit-keyframes faderRotateZ { from { opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transform: perspective(500px) rotatex(-90deg) translateZ(0);
            transform: perspective(500px) rotatex(-90deg) translateZ(0); }
  to { opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0); } }

@keyframes faderRotateZ { from { opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transform: perspective(500px) rotatex(-90deg) translateZ(0);
            transform: perspective(500px) rotatex(-90deg) translateZ(0); }
  to { opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0); } }

/** Swiper 5.4.5 Most modern mobile touch slider and framework with hardware accelerated transitions http://swiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on: June 16, 2020 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color:#007aff; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

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

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; 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(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

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

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

.swiper-slide-invisible-blank { visibility: hidden; }

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

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

.swiper-container-3d { -webkit-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-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

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

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff; }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-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-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); }

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

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

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

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

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

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

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; }

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

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; }

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }

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

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

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

.swiper-pagination-white { --swiper-pagination-color:#ffffff; }

.swiper-pagination-black { --swiper-pagination-color:#000000; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { 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); border-radius: 10px; left: 0; top: 0; }

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

.swiper-scrollbar-lock { display: none; }

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

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

.swiper-slide-zoomed { 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%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }

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

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

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

.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-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

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

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

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

.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-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

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

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

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

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

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

.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; }



.App { opacity: 0; visibility: hidden; -webkit-transition: opacity 2s; transition: opacity 2s; }

.App.flag { opacity: 1; visibility: visible; }

.scrollWrapper { position: fixed; top: 0; left: 0; right: 0; z-index: 4; will-change: transform; }

.swiper-wrapper { will-change: transform; }

::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; }

::-webkit-scrollbar-thumb { background-color: #2151A1; }

::-moz-selection { background: #2151A1; color: #fff; text-shadow: none; }

::selection { background: #2151A1; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

::-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.w1400 { width: 1400px; margin: 0 auto; }

header { position: relative; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 11; padding: 0 1.28rem 0 1.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; height: 1.3rem; color: #fff; }

header.fixed { position: fixed; -webkit-transition-property: height,height; transition-property: height,height; -webkit-transition: .66s; transition: .66s; }

header.fixed .morelink ul li.active i { color: #fff; }

header.fixed .morelink ul li.active > a { color: #fff; }

header.fixed .morelink ul li:hover i { color: #fff; }

header.fixed .morelink ul li:hover > a { color: #fff; }

header.fixed .morelink .tel .navList span { color: #333; }

header:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 0; background: #fff; -webkit-transition: .66s; transition: .66s; }

header.scroll { color: #333; height: .8rem; -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }

header.scroll:after { height: 100%; }

header.scroll .logo img:first-child { position: absolute; opacity: 0; }

header.scroll .logo img:last-child { position: relative; opacity: 1; }

header.scroll .morelink ul li.active i { color: #2151A1; }

header.scroll .morelink ul li.active > a { color: #2151A1; }

header.scroll .morelink .tel i { color: #999; }

header.scroll .morelink .qr i { color: #999; }

header .logo { position: relative; }

header .logo img { top: 0; left: 0; -webkit-transition: .3s; transition: .3s; }

header .logo img:first-child { position: relative; }

header .logo img:last-child { position: absolute; opacity: 0; }

header .morelink { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

header .morelink ul { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

header .morelink ul li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; margin: 0 .28rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .morelink ul li.active i { opacity: 1; }

header .morelink ul li.active > a { color: #2151A1; }

header .morelink ul li:hover i { opacity: 1; }

header .morelink ul li:hover > a { color: #2151A1; }

header .morelink ul li:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

header .morelink ul li i { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #f40905; font-size: .16rem; line-height: 1; opacity: 0; -webkit-transition: opacity .9s; transition: opacity .9s; }

header .morelink ul li > a { font-size: .16rem; -webkit-transition: color .55s; transition: color .55s; }

header .morelink ul li .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); white-space: nowrap; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

header .morelink ul li .navList a { color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #DCDCDC; padding: 0 .2rem; font-size: .14rem; height: .36rem; -webkit-transition: color .5s; transition: color .5s; }

header .morelink ul li .navList a:hover { color: #f40905; }

header .morelink ul li .navList a:last-child { border-bottom: none; }

header .morelink .tel { cursor: pointer; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 .5rem 0 .28rem; }

header .morelink .tel:hover i { color: #2151A1; }

header .morelink .tel:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

header .morelink .tel i { font-size: .18rem; -webkit-transition: color .55s; transition: color .55s; }

header .morelink .tel .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

header .morelink .tel .navList span { padding: .2rem; font-size: .18rem; font-family: 'proximab'; white-space: nowrap; }

header .morelink .qr { cursor: pointer; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .morelink .qr:hover i { color: #2151A1; }

header .morelink .qr:hover .navList { opacity: 1; visibility: visible; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

header .morelink .qr i { font-size: .2rem; -webkit-transition: color .55s; transition: color .55s; }

header .morelink .qr .navList { position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0.1rem, 0); transform: translate3d(-50%, 0.1rem, 0); background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.mobileMenu { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.mobileMenu .mobileMenu_box { position: relative; width: .3rem; height: .26rem; }

.mobileMenu .mobileMenu_box.active div { background: #2151A1 !important; }

.mobileMenu .mobileMenu_box.active div:first-child { top: 50%; width: 100%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition-property: width,top,-webkit-transform; transition-property: width,top,-webkit-transform; transition-property: width,top,transform; transition-property: width,top,transform,-webkit-transform; -webkit-transition-delay: 0s,0s,.3s; transition-delay: 0s,0s,.3s; -webkit-transition: .4s; transition: .4s; }

.mobileMenu .mobileMenu_box.active div:nth-child(2) { opacity: 0; width: 100%; -webkit-transition: .4s; transition: .4s; }

.mobileMenu .mobileMenu_box.active div:last-child { bottom: 50%; -webkit-transform: translateY(50%) rotate(-45deg); transform: translateY(50%) rotate(-45deg); -webkit-transition-property: bottom,-webkit-transform; transition-property: bottom,-webkit-transform; transition-property: bottom,transform; transition-property: bottom,transform,-webkit-transform; -webkit-transition-delay: 0s,.3s; transition-delay: 0s,.3s; -webkit-transition: .4s; transition: .4s; }

.mobileMenu .mobileMenu_box div { position: absolute; width: 100%; height: 2px; background: #999; left: 0; -webkit-transition: .4s !important; transition: .4s !important; }

.mobileMenu .mobileMenu_box div:first-child { top: 0; }

.mobileMenu .mobileMenu_box div:nth-child(2) { width: .16rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.mobileMenu .mobileMenu_box div:last-child { bottom: 0; }

.mobileNav { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; z-index: 10; background: #fff; overflow: hidden; }

.mobileNav.active { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s; }

.mobileNav.active .box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .5s; transition-duration: .5s; }

.mobileNav .box { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; overflow-x: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.mobileNav .box::-webkit-scrollbar { display: none; }

.mobileNav .box .mobileNavItems { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.mobileNav .box .mobileNavItems .mobileNavItem { margin: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mobileNav .box .mobileNavItems .mobileNavItem .head { padding: 0 5%; margin-bottom: 0; height: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: background-color .5s; transition: background-color .5s; }

.mobileNav .box .mobileNavItems .mobileNavItem .head.active { background: #2151A1; }

.mobileNav .box .mobileNavItems .mobileNavItem .head.active h5 { color: #fff; }

.mobileNav .box .mobileNavItems .mobileNavItem .head.active i { -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #fff; }

.mobileNav .box .mobileNavItems .mobileNavItem .head h5 { font-size: .32rem; line-height: 1.2; -webkit-transition: color .4s; transition: color .4s; }

.mobileNav .box .mobileNavItems .mobileNavItem .head i { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .26rem; -webkit-transition: .5s; transition: .5s; }

.mobileNav .box .mobileNavItems .mobileNavItem .list { width: 100%; overflow: hidden; -webkit-transition: height .5s; transition: height .5s; padding: 0 5%; }

.mobileNav .box .mobileNavItems .mobileNavItem .list a { color: #666; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: color .4s; transition: color .4s; height: .7rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .28rem; }

.mobileNav .box .mobileNavItems .mobileNavItem .list a:hover { color: #2151A1; }

.mobileNav .box .mobileNavItems .mobileNavItem .list a:last-child { margin-bottom: 0; }

.swiper-box { position: relative; overflow: hidden; height: 100vh; }

.swiper-box .shubiao { position: absolute; color: #fff; z-index: 3; line-height: 1; bottom: .9rem; font-size: .35rem; -webkit-animation: shubiao 1.5s infinite; animation: shubiao 1.5s infinite; }

.swiper-box .prevnext { position: absolute; z-index: 3; bottom: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-box .prevnext:after, .swiper-box .prevnext:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100vw; height: 1px; background: #fff; opacity: .3; z-index: 1; }

.swiper-box .prevnext:after { right: 100%; }

.swiper-box .prevnext:before { left: 100%; }

.swiper-box .prevnext .prev, .swiper-box .prevnext .next { cursor: pointer; position: relative; width: .5rem; height: .5rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; opacity: .3; -webkit-transition: opacity .5s; transition: opacity .5s; }

.swiper-box .prevnext .prev:hover, .swiper-box .prevnext .next:hover { opacity: 1; }

.swiper-box .prevnext .prev:hover:after, .swiper-box .prevnext .next:hover:after { border-color: #2151A1; }

.swiper-box .prevnext .prev:after, .swiper-box .prevnext .next:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.swiper-box .prevnext .next { margin-left: .18rem; }

.swiper-box .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; height: 100%; }

.swiper-box .swiper-wrapper .swiper-slide .img { width: 100%; height: 100%; }

.swiper-box .swiper-wrapper .swiper-slide .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.swiper-box .swiper-wrapper .swiper-slide .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.2); color: #fff; }

.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 h6 span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards; }

.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 h5 span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards; }

.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 i { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 { text-align: center; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6 { font-size: .6rem; font-family: 'proximab'; font-weight: 700; text-transform: uppercase; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h6 span.letters { color: #fff; font-family: 'proximal'; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 h5 { font-size: .4rem; margin: .15rem 0; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 p { font-family: 'proximar'; font-size: .16rem; -webkit-transition: 1s; transition: 1s; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i { margin-top: .8rem; width: .68rem; height: .68rem; position: relative; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .22rem; margin-left: auto; margin-right: auto; cursor: pointer; -webkit-transition: 1s; transition: 1s; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i:hover:after { border-color: #2151A1; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.pageTransTionIn { display: none; }

.roundAni { position: relative; z-index: 1; }

.roundAni:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.roundAni:before { z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2151A1; -webkit-transition: .5s; transition: .5s; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; border-radius: 50%; }

.ititle h5 { font-size: .5rem; font-weight: 300; }

.ititle h6 { font-size: .6rem; font-weight: 700; text-transform: uppercase; }

.indexProfile { padding: 1.5rem 0 .95rem; }

.indexProfile .w1400 { text-align: center; }

.indexProfile .w1400 p { width: 740px; margin: .6rem auto 0.5rem; color: #666; font-size: .16rem; max-width: 100%; }

.indexProfile .w1400 .list { padding: 0 .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.indexProfile .w1400 .list.itemAnimates .itemAnimate { opacity: 0; }

.indexProfile .w1400 .list.itemAnimates.flag .itemAnimate { -webkit-animation: fadeInUp2 1.5s forwards; animation: fadeInUp2 1.5s forwards; }

.indexProfile .w1400 .list .item { width: 2rem; font-size: 0; line-height: 1; }

.indexProfile .w1400 .list .item i { font-size: .6rem; line-height: 1; }

.indexProfile .w1400 .list .item span { display: block; line-height: 1.2; font-size: .16rem; margin: .2rem 0 .1rem; }

.indexProfile .w1400 .list .item small { color: #999; font-family: 'proximar'; line-height: 1.42; font-weight: 700; font-size: .14rem; }

.indexIndustry { position: relative; color: #fff; overflow: hidden; }

.indexIndustry .swiper-pag { bottom: 0; position: absolute; z-index: 3; left: 0; right: 0; height: 1.54rem; z-index: 2; }

.indexIndustry .swiper-pag:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: -1; }

.indexIndustry .swiper-pag .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.indexIndustry .swiper-pag .w1400 section { position: relative; width: auto; height: auto; background: transparent; opacity: 1; height: 100%; border-radius: 0; width: 2rem; border-right: 0.015rem solid rgba(255, 255, 255, 0.36); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.indexIndustry .swiper-pag .w1400 section:hover:after { height: 100%; }

.indexIndustry .swiper-pag .w1400 section.swiper-pagination-bullet-active:after { height: 100%; }

.indexIndustry .swiper-pag .w1400 section:first-child { border-left: 0.015rem solid rgba(255, 255, 255, 0.36); }

.indexIndustry .swiper-pag .w1400 section i { font-size: .35rem; line-height: 1; margin-bottom: .12rem; }

.indexIndustry .swiper-pag .w1400 section span { font-size: .16rem; }

.indexIndustry .swiper-pag .w1400 section:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: auto; bottom: 0; z-index: -1; height: 0; -webkit-transition: .55s; transition: .55s; background: -webkit-gradient(linear, left top, left bottom, from(#3788DD), to(#2151A1)); background: linear-gradient(to bottom, #3788DD, #2151A1); }

.swiper-industry { position: relative; overflow: hidden; color: #fff; }

.swiper-industry .swiper-wrapper .swiper-slide { padding: 1.4rem 0 3.2rem; position: relative; z-index: 1; }

.swiper-industry .swiper-wrapper .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: -1; }

.swiper-industry .swiper-wrapper .swiper-slide .w1400 .text { width: 632px; max-width: 100%; padding: .35rem 0; border-top: 1px solid #fff; margin-top: .5rem; }

.swiper-industry .swiper-wrapper .swiper-slide .w1400 .text p { font-size: .15rem; line-height: 2; }

.swiper-industry .swiper-wrapper .swiper-slide .w1400 .text a { margin-top: .75rem; font-weight: 700; display: block; font-family: 'proximab'; text-transform: uppercase; }

.indexPrd { padding: 1.3rem 0 .85rem; background: #f6f6f6; }

.indexPrd .w1400 .list { margin-top: .75rem; }

.indexPrd .w1400 .list .items { margin-bottom: .22rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.indexPrd .w1400 .list .items:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.indexPrd .w1400 .list .items:last-child { margin-bottom: 0; }

.indexPrd .w1400 .list .items .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; }

.indexPrd .w1400 .list .items .item:hover .img figure { -webkit-transform: scale(1.1); transform: scale(1.1); }

.indexPrd .w1400 .list .items .item:hover .font a { color: #2151A1; }

.indexPrd .w1400 .list .items .item:nth-child(1) { width: 57.14%; }

.indexPrd .w1400 .list .items .item:nth-child(1) .img { width: 3.6rem; }

.indexPrd .w1400 .list .items .item:nth-child(2) { width: 41.42%; }

.indexPrd .w1400 .list .items .item:nth-child(2) .img { width: 2.8rem; }

.indexPrd .w1400 .list .items .item .img { overflow: hidden; }

.indexPrd .w1400 .list .items .item .img figure { width: 100%; -webkit-transition: .5s; transition: .5s; overflow: hidden; }

.indexPrd .w1400 .list .items .item .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .4rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.indexPrd .w1400 .list .items .item .font h5 { font-size: .24rem; line-height: 1.3; }

.indexPrd .w1400 .list .items .item .font p { font-size: .16rem; color: #666; height: calc(.16rem * 2 * 1.8); margin: .2rem 0 .7rem; }

.indexPrd .w1400 .list .items .item .font a { color: #999; -webkit-transition: color .4s; transition: color .4s; }

.indexCase { padding: 1.2rem 0 .85rem; background: #0E3968; color: #fff; text-align: center; }

.indexCase .swiper-case { position: relative; margin-top: 1rem; overflow: hidden; }

.indexCase .swiper-case .caseprev, .indexCase .swiper-case .casenext { position: absolute; z-index: 3; font-size: .35rem; cursor: pointer; -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(-0.18rem); transform: translateY(-0.18rem); }

.indexCase .swiper-case .casenext { left: 50%; margin-left: 6.26rem; }

.indexCase .swiper-case .casenext:hover { left: 50.5%; }

.indexCase .swiper-case .caseprev { right: 50%; margin-right: 6.26rem; }

.indexCase .swiper-case .caseprev:hover { right: 50.5%; }

.indexCase .swiper-case .swiper-casepag { position: absolute; line-height: 0; font-size: 0; height: 3px; z-index: 99; }

.indexCase .swiper-case .swiper-casepag section { cursor: pointer; width: 20px; height: 3px; -webkit-transition: .5s; transition: .5s; opacity: .3; border-radius: 0; background: #fff; }

.indexCase .swiper-case .swiper-casepag section.swiper-pagination-bullet-active { width: 60px; opacity: .5; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide { position: relative; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide.swiper-slide-active a { display: block; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide.swiper-slide-active:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.indexCase .swiper-case .swiper-wrapper .swiper-slide.swiper-slide-active figure { opacity: 1; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide.swiper-slide-active .font { opacity: 1; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide a { display: none; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide figure { opacity: .15; -webkit-transition: opacity .5s; transition: opacity .5s; overflow: hidden; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide figure img { -webkit-transition: .5s; transition: .5s; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide .font { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide .font h5 { margin: .6rem 0 .2rem; font-size: .24rem; }

.indexCase .swiper-case .swiper-wrapper .swiper-slide .font p { opacity: .45; width: 90%; margin-left: auto; margin-right: auto; }

.indexNews { padding-top: 1.3rem; }

.indexNews .w1400 .ititle { text-align: center; }

.indexNews .w1400 .list { margin-top: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 7.5rem; }

.indexNews .w1400 .list .item { height: 100%; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .22rem .25rem 0 .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid rgba(112, 112, 112, 0.1); -webkit-transition: .5s; transition: .5s; }

.indexNews .w1400 .list .item:first-child { border-left: 1px solid rgba(112, 112, 112, 0.1); }

.indexNews .w1400 .list .item.active { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; }

.indexNews .w1400 .list .item.active time:after { height: 300%; }

.indexNews .w1400 .list .item time { height: .23rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; display: block; color: #999; font-family: 'proximar'; }

.indexNews .w1400 .list .item time:after { content: ''; position: absolute; z-index: 3; right: 100%; height: 100%; width: .05rem; background: #2151A1; -webkit-transition: .6s; transition: .6s; -webkit-transform: translateX(-0.275rem); transform: translateX(-0.275rem); }

.indexNews .w1400 .list .item h5 { height: calc(.18rem * 2 * 1.72); line-height: 1.72; font-size: .18rem; font-weight: 700; margin: .2rem 0 .3rem; }

.indexNews .w1400 .list .item p { color: #666; line-height: 1.72; height: calc(.14rem * 2 * 1.72); }

.indexNews .w1400 .list .item span { color: #999; font-family: 'proximab'; font-weight: 700; line-height: 1; display: block; margin: .5rem 0; -webkit-transition: color .5s; transition: color .5s; text-transform: uppercase; }

.backToTop { position: fixed; right: 1.05rem; bottom: 2.17rem; background: #2151A1; width: .5rem; height: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; z-index: 6; color: #fff; opacity: 0; -webkit-transition: .5s; transition: .5s; }

.backToTop.active { opacity: 1; }

.backToTop i { font-size: .33rem; }

.backToTop:hover { -webkit-transform: translateY(-10%); transform: translateY(-10%); }

footer { padding-top: .81rem; background: #333; position: relative; color: #fff; overflow: hidden; }

footer:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 7px; -webkit-transform: translateY(-1); transform: translateY(-1); background: #333; }

footer .w1400 { position: relative; }

footer .w1400 .footerTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

footer .w1400 .footerTop .topLeft .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .w1400 .footerTop .topLeft .list a { font-size: .16rem; -webkit-transition: color .4s; transition: color .4s; }

footer .w1400 .footerTop .topLeft .list a:hover { color: #f40905; }

footer .w1400 .footerTop .topLeft .list span { height: .16rem; width: .01rem; display: block; opacity: .3; background: #fff; margin: 0 .26rem; }

footer .w1400 .footerTop .topLeft p { opacity: .8; }

footer .w1400 .footerTop .topLeft p.p1 { margin: .65rem 0 .1rem; }

footer .w1400 .footerTop .topLeft p span { padding-right: .25rem; }

footer .w1400 .footerTop .topRight p { margin-top: .2rem; opacity: .4; text-align: center; }

footer .w1400 .footerBot { margin-top: .4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #707070; padding: .25rem 0 .18rem; }

footer .w1400 .footerBot p span { opacity: .8; }

footer .w1400 .footerBot p a { opacity: .8; -webkit-transition: color .4s; transition: color .4s; }

footer .w1400 .footerBot p a:hover { color: #3788DD; }

.subnavHead { position: relative; color: #fff; }

.subnavHead .bannerimg { position: relative; }

.subnavHead .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }

.subnavHead .bannerText.innerText .w1400 h5, .subnavHead .bannerText.innerText .w1400 h6 { text-align: center; }

.subnavHead .bannerText.innerText .w1400 h5 { margin-top: 0; }

.subnavHead .bannerText.innerText .w1400 .list { position: absolute; top: .35rem; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx span { display: block; margin: 0 .06rem; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx a { position: relative; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: .02rem; background: #fff; -webkit-transition: .5s; transition: .5s; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx a:hover:after { width: 100%; }

.subnavHead .bannerText.innerText .w1400 .list .listtetx i { font-size: .14rem; margin-right: .06rem; }

.subnavHead .bannerText .w1400 { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.subnavHead .bannerText .w1400 h6 { font-size: .26rem; font-family: 'proximar'; text-transform: uppercase; }

.subnavHead .bannerText .w1400 h5 { margin-top: .1rem; line-height: 1.3; font-size: .46rem; }

.subnavHead .bannerbody { position: absolute; bottom: 0; width: 100%; left: 0; height: .66rem; background: rgba(0, 0, 0, 0.4); z-index: 7; }

.subnavHead .bannerbody .w1400 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.subnavHead .bannerbody .w1400 a { position: relative; font-size: .16rem; display: block; padding: 0 .6rem; -webkit-transition: color .4s; transition: color .4s; line-height: 1.2; }

.subnavHead .bannerbody .w1400 a:last-child:before { display: none; }

.subnavHead .bannerbody .w1400 a:hover { color: #2151A1; }

.subnavHead .bannerbody .w1400 a:before { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 100%; background: #fff; opacity: .36; }

.profile { padding: .95rem 0 .8rem; }

.profile .w1400 .text h6 { color: #555555; font-size: .2rem; }

.profile .w1400 .text h5 { font-size: .4rem; color: #2151A1; margin: .1rem 0 .4rem; }

.profile .w1400 .text p { color: #666; font-size: .16rem; }

.profile .w1400 .list { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.profile .w1400 .list .item { text-align: center; }

.profile .w1400 .list .item div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.profile .w1400 .list .item div span { font-size: .5rem; line-height: 1.2; font-family: 'proximab'; }

.profile .w1400 .list .item div span:nth-child(2) { font-size: .3rem; font-family: initial; }

.profile .w1400 .list .item p { color: #999; }

.profile .w1400 .list .line { width: .01rem; height: .7rem; background: #DCDCDC; }

.subnavBody { position: relative; background: #F8F8F8; height: .8rem; z-index: 8; -webkit-transition: -webkit-box-shadow .5s; transition: -webkit-box-shadow .5s; transition: box-shadow .5s; transition: box-shadow .5s, -webkit-box-shadow .5s; }

.subnavBody.active { -webkit-box-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.1); }

.subnavBody .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.subnavBody .w1400 a { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; overflow: hidden; }

.subnavBody .w1400 a span { color: #555555; font-size: .16rem; -webkit-transition: color .5s; transition: color .5s; }

.subnavBody .w1400 a.active:after { height: 100%; }

.subnavBody .w1400 a.active i { opacity: 1; }

.subnavBody .w1400 a.active span { color: #fff; }

.subnavBody .w1400 a:hover:after { height: 100%; }

.subnavBody .w1400 a:hover i { opacity: 1; }

.subnavBody .w1400 a:hover span { color: #fff; }

.subnavBody .w1400 a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; -webkit-transition: .6s; transition: .6s; background: #2151A1; z-index: -1; }

.subnavBody .w1400 a i { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; line-height: 1; color: #fff; z-index: 2; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; }

.subnavBody .w1400 a:first-child { border-left: 1px solid #DCDCDC; }

.ptitle h6 { font-size: .2rem; font-family: 'proximab'; text-transform: uppercase; margin-top: .1rem; }

.ptitle h5 { font-size: .4rem; }

.time { display: -webkit-box; display: -ms-flexbox; display: flex; }

.time > img { display: none; }

.time .bg { width: 47.39%; overflow: hidden; }

.time .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #F9F9F9; padding: .95rem 0 .6rem .78rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.time .font ul { margin-top: .5rem; }

.time .font ul li { overflow: hidden; position: relative; border-top: 1px solid rgba(112, 112, 112, 0.2); -webkit-transition: border-color .4s; transition: border-color .4s; }

.time .font ul li:last-child { border-bottom: 1px solid rgba(112, 112, 112, 0.2); cursor: pointer; }

.time .font ul li:last-child:hover h6 { color: #2151A1; }

.time .font ul li.active { border-top-color: transparent; }

.time .font ul li.active h5 { opacity: .05; }

.time .font ul li.active .title span { font-size: .3rem; color: #2151A1; margin-right: .35rem; }

.time .font ul li.active .title h6 { font-size: .24rem; font-weight: 700; color: #2151A1; }

.time .font ul li .title { padding: .2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.time .font ul li .title span { font-size: .18rem; font-family: 'proximarb'; color: #999; line-height: 1; display: block; position: absolute; left: 0; -webkit-transition: .5s; transition: .5s; }

.time .font ul li .title h6 { margin-left: 1.05rem; font-size: .16rem; color: #999; -webkit-transition: .5s; transition: .5s; line-height: 1.2; }

.time .font ul li h5 { position: absolute; color: #999; font-size: 1.5rem; opacity: 0; font-family: 'proximarb'; right: 0; bottom: 0; line-height: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }

.time .font ul li .text { height: 0; overflow: hidden; -webkit-transition: height .55s; transition: height .55s; padding-right: 1.28rem; }

.time .font ul li .text .textpadding { padding: .1rem 0 .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.time .font ul li .text .textpadding p { color: #666; font-size: 16px; }

.culture { padding: 1.1rem 0; }

.culture .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.culture .w1400 figure { width: 45.71%; }

.culture .w1400 .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.45rem; }

.culture .w1400 .font p { font-size: .18rem; line-height: 2; color: #999; margin: .6rem 0 1.05rem; }

.culture .w1400 .font .items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.culture .w1400 .font .items .item { width: 1.2rem; height: 1.2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.culture .w1400 .font .items .item i { font-size: .4rem; line-height: 1; color: #2151A1; -webkit-transition: color .4s; transition: color .4s; }

.culture .w1400 .font .items .item span { color: #666; font-size: .16rem; margin-top: .08rem; -webkit-transition: color .4s; transition: color .4s; }

.culture .w1400 .font .items .item:hover:after { border-color: #2151A1; }

.culture .w1400 .font .items .item:hover i { color: #fff; }

.culture .w1400 .font .items .item:hover span { color: #fff; }

.culture .w1400 .font .items .item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #DCDCDC; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.honor { padding: .85rem 0 1.25rem; }

.honor .ptitle { text-align: center; }

.honor .w1400 p { margin: .35rem auto 1.1rem; width: 845px; text-align: center; max-width: 100%; color: #666; }

.honor .w1400 .swiper { position: relative; }

.honor .w1400 .swiper .prev, .honor .w1400 .swiper .next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .5rem; height: .5rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .18rem; color: #999; cursor: pointer; z-index: 3; }

.honor .w1400 .swiper .prev:hover, .honor .w1400 .swiper .next:hover { color: #fff; }

.honor .w1400 .swiper .prev:hover:after, .honor .w1400 .swiper .next:hover:after { border-color: #2151A1; }

.honor .w1400 .swiper .prev:after, .honor .w1400 .swiper .next:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #999; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.honor .w1400 .swiper .prev { left: 0; }

.honor .w1400 .swiper .next { right: 0; }

.honor .w1400 .swiper .swiper-honor { width: 11.7rem; height: 2.9rem; margin-left: auto; margin-right: auto; overflow: hidden; }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide { overflow: hidden; height: 100%; width: 2.1rem; }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide.big { width: 3.95rem; }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide img { -webkit-transition: .4s; transition: .4s; height: 100%; width: auto; }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide .text { position: absolute; bottom: 0; left: 0; padding-top: 20px; height: 50px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-align: center; }

.honor .w1400 .swiper .swiper-honor .swiper-wrapper .swiper-slide .text span { width: 100%; }

.solutions { padding: 1.2rem 0 .67rem; }

.solutions .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.solutions .w1400 .item { position: relative; display: block; width: 48%; margin-bottom: 0.5rem; }

.solutions .w1400 .item:nth-child(2n+1):nth-last-child(-n+2), .solutions .w1400 .item:nth-child(2n+1):nth-last-child(-n+2) ~ .item { margin-bottom: 0; }

.solutions .w1400 .item:hover .text { height: 100%; }

.solutions .w1400 .item:hover .text .font { -webkit-transform: translateY(0); transform: translateY(0); }

.solutions .w1400 .item .text { overflow: hidden; position: absolute; bottom: 0; left: 0; height: 2rem; width: 100%; padding: 0 .6rem .2rem .35rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(to bottom, transparent, #000); z-index: 3; color: #fff; -webkit-transition: height .55s; transition: height .55s; }

.solutions .w1400 .item .text .font { -webkit-transform: translateY(0.45rem); transform: translateY(0.45rem); -webkit-transition: -webkit-transform .55s; transition: -webkit-transform .55s; transition: transform .55s; transition: transform .55s, -webkit-transform .55s; }

.solutions .w1400 .item .text .font h5 { font-size: .2rem; font-weight: 500; line-height: 1.2; }

.solutions .w1400 .item .text .font p { margin: .17rem 0; }

.solutions .w1400 .item .text .font span { line-height: 1.2; }

.paging { background: #F6F6F6; height: .6rem; }

.paging .w1400 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.paging .w1400 .num { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.paging .w1400 .num a { position: relative; font-size: .16rem; font-family: 'proximar'; margin: 0 .15rem; color: #888; }

.paging .w1400 .num a.active { color: #2151A1; }

.paging .w1400 .num a.active:after { width: 100%; }

.paging .w1400 .num a:hover { color: #2151A1; }

.paging .w1400 .num a:hover:after { width: 100%; }

.paging .w1400 .num a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: .03rem; background: #2151A1; -webkit-transition: .5s; transition: .5s; }

.paging .w1400 .prev, .paging .w1400 .next { width: .6rem; height: 100%; background: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: .18rem; }

.paging .w1400 .prev::before, .paging .w1400 .next::before { border-radius: 0; background: #2151A1; }

.solutionsInner { padding: .6rem 0 .8rem; background: #F6F6F6; }

.solutionsInner .w1400 p { max-width: 100%; width: 1200px; text-align: center; margin: .5rem auto 0; color: #555555; line-height: 2; }

.stitle { text-align: center; }

.stitle h5 { font-size: .3rem; font-weight: 700; margin-bottom: .15rem; }

.stitle .line { margin-left: auto; margin-right: auto; width: .35rem; height: .06rem; background: -webkit-gradient(linear, left top, right top, color-stop(70%, #2151A1), color-stop(30%, #3788DD)); background: linear-gradient(to right, #2151A1 70%, #3788DD 30%); }

.solutionsInnerCom { padding: .7rem 0 .75rem; }

.solutionsInnerCom .w1400 figure { text-align: center; margin-top: .55rem; }

.solutionsInnerCom .w1400 figure img { max-width: 100%; }

.solutionsInnersystem { position: relative; padding: .8rem 0 1rem; z-index: 1; overflow: hidden; }

.solutionsInnersystem #particles-js { background: #06162f; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100vh; pointer-events: none; z-index: -1; }

.solutionsInnersystem #particles-js canvas { height: 100% !important; }

.solutionsInnersystem .w1400 .stitle h5 { color: #fff; }

.solutionsInnersystem .w1400 .stitle .line { background: -webkit-gradient(linear, left top, right top, color-stop(70%, #fff), color-stop(30%, #3788DD)); background: linear-gradient(to right, #fff 70%, #3788DD 30%); }

.solutionsInnersystem .w1400 .items { margin-top: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.solutionsInnersystem .w1400 .items .item { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.solutionsInnersystem .w1400 .items .item .dot { width: 1.16rem; height: 1.16rem; background: #2151A1; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.solutionsInnersystem .w1400 .items .item .dot i { font-size: .56rem; line-height: 1; }

.solutionsInnersystem .w1400 .items .item p { font-size: .16rem; margin-top: .25rem; }

.caseSwiper { padding: 1rem 0 .7rem; }

.caseSwiper .w1400 .swiper { margin-top: .8rem; position: relative; }

.caseSwiper .w1400 .swiper .swiper-button-disabled { display: none !important; }

.caseSwiper .w1400 .swiper .prev, .caseSwiper .w1400 .swiper .next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: .5rem; height: .5rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .18rem; color: #999; cursor: pointer; z-index: 3; }

.caseSwiper .w1400 .swiper .prev:hover, .caseSwiper .w1400 .swiper .next:hover { color: #fff; }

.caseSwiper .w1400 .swiper .prev:hover:after, .caseSwiper .w1400 .swiper .next:hover:after { border-color: #2151A1; }

.caseSwiper .w1400 .swiper .prev:after, .caseSwiper .w1400 .swiper .next:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #999; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.caseSwiper .w1400 .swiper .prev { right: 100%; margin-right: .4rem; }

.caseSwiper .w1400 .swiper .next { left: 100%; margin-left: .4rem; }

.caseSwiper .w1400 .swiper .swiper-img { overflow: hidden; }

.caseSwiper .w1400 .swiper .swiper-img .swiper-wrapper .swiper-slide { text-align: center; }

.caseSwiper .w1400 .swiper .swiper-img .swiper-wrapper .swiper-slide:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.caseSwiper .w1400 .swiper .swiper-img .swiper-wrapper .swiper-slide figure { overflow: hidden; }

.caseSwiper .w1400 .swiper .swiper-img .swiper-wrapper .swiper-slide figure img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.caseSwiper .w1400 .swiper .swiper-img .swiper-wrapper .swiper-slide p { margin-top: .1rem; color: #666; font-size: .16rem; }

.prd { padding: .9rem 0 .55rem; background: #F6F6F6; }

.prd .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.prd .w1400 i { width: 30.71%; }

.prd .w1400 .item { padding: .4rem .27rem .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.71%; margin-bottom: .55rem; background: #fff; }

.prd .w1400 .item:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.prd .w1400 .item:hover .font span { color: #2151A1; }

.prd .w1400 .item figure { overflow: hidden; }

.prd .w1400 .item figure img { -webkit-transition: .4s; transition: .4s; }

.prd .w1400 .item .font { margin-top: .3rem; padding: 0 .12rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prd .w1400 .item .font h5 { font-size: .2rem; font-weight: 700; line-height: 1.2; }

.prd .w1400 .item .font p { color: #666; height: calc(.14rem * 2 * 1.8); margin: .1rem 0; }

.prd .w1400 .item .font span { color: #999; line-height: 1.2; -webkit-transition: color .5s; transition: color .5s; }

.prdProfile { padding: 1rem 0 1.25rem; }

.prdProfile .w1400 p { color: #666; max-width: 1088px; margin: .6rem auto 1rem; text-align: center; }

.prdProfile .w1400 figure { text-align: center; }

.prdProfile .w1400 figure img { max-width: 100%; }

.prdGoneneng { position: relative; padding: 1rem 0 1.9rem; overflow: hidden; z-index: 3; }

.prdGoneneng #particles-js { background: #06162f; position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; pointer-events: none; z-index: -1; }

.prdGoneneng #particles-js canvas { height: 100% !important; }

.prdGoneneng .w1400 { color: #fff; }

.prdGoneneng .w1400 .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 1.1rem; }

.prdGoneneng .w1400 .items:after { content: ""; width: 540px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prdGoneneng .w1400 .items .item { width: 540px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .8rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.prdGoneneng .w1400 .items .item:nth-child(2n+1):nth-last-child(-n+2), .prdGoneneng .w1400 .items .item:nth-child(2n+1):nth-last-child(-n+2) ~ .item { margin-bottom: 0; }

.prdGoneneng .w1400 .items .item i { font-size: .68rem; color: #3788DD; }

.prdGoneneng .w1400 .items .item p { margin-left: .53rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.prdcanshu { padding: 1.05rem 0 1rem; background: #F9F9F9; }

.prdcanshu .w1400 { margin-top: .8rem; width: 1200px; max-width: 90%; margin-left: auto; margin-right: auto; }

.prdcanshu .w1400 .list { display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid rgba(112, 112, 112, 0.3); border-bottom: 1px solid rgba(112, 112, 112, 0.3); border-right: 1px solid rgba(112, 112, 112, 0.3); min-height: .6rem; }

.prdcanshu .w1400 .list:first-child { border-top: 1px solid rgba(112, 112, 112, 0.3); }

.prdcanshu .w1400 .list div { padding: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; color: #555555; font-size: .16rem; }

.prdcanshu .w1400 .list div:nth-child(1) { width: 16.66%; }

.prdcanshu .w1400 .list div:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid rgba(112, 112, 112, 0.3); border-right: 1px solid rgba(112, 112, 112, 0.3); }

.prdcanshu .w1400 .list div:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.service { position: relative; z-index: 2; overflow: hidden; }

.service:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.service .w1400 { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 100%; padding: 2.15rem 0 1.85rem; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; }

.service .w1400 .title h6 { font-size: .2rem; font-family: 'roximar'; text-transform: uppercase; }

.service .w1400 .title h5 { font-size: .46rem; font-weight: 500; margin-top: .1rem; }

.service .w1400 i { width: .84rem; height: .84rem; border-radius: 50%; background: -webkit-gradient(linear, left top, left bottom, from(#3788DD), to(#2151A1)); background: linear-gradient(to bottom, #3788DD, #2151A1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: .45rem; margin: .4rem auto .25rem; }

.service .w1400 h4 { font-size: .48rem; font-weight: 700; font-family: 'proximab'; line-height: 1.2; margin-bottom: .44rem; }

.service .w1400 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.service .w1400 .list .line { width: 1px; height: .6rem; margin: 0 .2rem; background: #fff; display: block; }

.service .w1400 .list .item small { font-size: .24rem; font-family: 'proximab'; display: block; }

.opinion { padding: .55rem 0 .65rem; }

.opinion .w1400 .title { margin-bottom: .7rem; text-align: center; }

.opinion .w1400 .title h5 { font-size: .4rem; font-weight: 700; }

.opinion .w1400 .title p { color: #666; margin-top: .25rem; }

.opinion .w1400 .title p i { color: #EB1933; font-style: initial; }

.opinion .w1400 .input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.opinion .w1400 .input input { width: 48%; height: .45rem; border: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem; color: #666; margin-bottom: .25rem; }

.opinion .w1400 .opinionInput { position: relative; height: .45rem; border: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem; color: #666; cursor: pointer; }

.opinion .w1400 .opinionInput.active { color: #000; }

.opinion .w1400 .opinionInput section { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.opinion .w1400 .opinionInput i { color: #999; font-size: .14rem; }

.opinion .w1400 .opinionInput ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 5; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s; }

.opinion .w1400 .opinionInput ul.active { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; }

.opinion .w1400 .opinionInput ul li { background: #2151A1; height: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .2rem; color: #fff; -webkit-transition: background-color .4s; transition: background-color .4s; }

.opinion .w1400 .opinionInput ul li:hover { background: #3788DD; }

.opinion .w1400 .opinionInput ul li:last-child { border-bottom: none; }

.opinion .w1400 textarea { height: 1.84rem; margin: .25rem 0 .45rem; border: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .1rem .2rem; color: #666; width: 100%; }

.opinion .w1400 button { background: #2151A1; margin-left: auto; margin-right: auto; width: 2rem; height: .46rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; cursor: pointer; }

.joinProfile { padding: 1.2rem 0 1.1rem; }

.joinProfile .w1400 { text-align: center; }

.joinProfile .w1400 h5 { font-size: .4rem; font-weight: 700; margin-bottom: .45rem; }

.joinProfile .w1400 p { max-width: 100%; width: 853px; color: #707070; font-size: .16rem; margin-left: auto; margin-right: auto; }

.join { position: relative; padding-bottom: 1.35rem; }

.join .bg { position: relative; z-index: 1; overflow: hidden; }

.join .bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); }

.join .w1400 { position: absolute; z-index: 2; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; }

.join .w1400 .stitle { padding: .9rem 0 1.15rem; }

.join .w1400 .items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.join .w1400 .items .item { cursor: pointer; width: 24.14%; position: relative; z-index: 3; }

.join .w1400 .items .item.active .font { padding-bottom: .6rem; }

.join .w1400 .items .item.active .font:before { opacity: .9; }

.join .w1400 .items .item.active .font .title i { font-size: .6rem; }

.join .w1400 .items .item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.3); }

.join .w1400 .items .item .font { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: .27rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: padding .5s; transition: padding .5s; }

.join .w1400 .items .item .font:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(#3788DD), to(#2151A1)); background: linear-gradient(to bottom, #3788DD, #2151A1); opacity: 0; -webkit-transition: .5s; transition: .5s; }

.join .w1400 .items .item .font .title i { font-size: .34rem; line-height: 1; display: block; margin-bottom: .22rem; -webkit-transition: font-size .6s; transition: font-size .6s; }

.join .w1400 .items .item .font .title h6 { font-size: .22rem; line-height: 1.4; }

.join .w1400 .items .item .font .text { height: 0; overflow: hidden; -webkit-transition: height .55s; transition: height .55s; }

.join .w1400 .items .item .font .text .line { position: relative; width: 100%; padding: .25rem 0 .35rem; }

.join .w1400 .items .item .font .text .line:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; width: 100%; background: #fff; opacity: .3; }

.join .w1400 .items .item .font .text p { line-height: 2; }

.joinUs { padding: 1.55rem 0 1.15rem; }

.joinUs .w1400 .title { text-align: center; }

.joinUs .w1400 .title h5 { font-size: .4rem; font-weight: 700; margin-bottom: .2rem; line-height: 1.2; }

.joinUs .w1400 .title p { color: #707070; font-size: .2rem; }

.joinUs .w1400 .items { margin-top: .8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

.joinUs .w1400 .items .item { width: 40%; border: 1px solid #DCDCDC; padding: .4rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.joinUs .w1400 .items .item:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.joinUs .w1400 .items .item figure img { -webkit-transition: .5s; transition: .5s; max-width: 100%; }

.newsLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: .7rem 0 .8rem; position: relative; }

.newsLink.transform { width: 1400px; margin-left: auto; margin-right: auto; padding: 0; height: 1.2rem; background: #fff; -webkit-transform: translateY(-1.2rem); transform: translateY(-1.2rem); margin-bottom: -1.2rem; z-index: 3; }

.newsLink a { width: 1.6rem; height: .48rem; border: 1px solid #DCDCDC; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: .48rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 .38rem; color: #555555; font-size: .18rem; -webkit-transition-property: color,border-color; transition-property: color,border-color; -webkit-transition: .5s; transition: .5s; }

.newsLink a:hover { color: #2151A1; border-color: #2151A1; font-weight: 700; }

.newsLink a.active { color: #2151A1; border-color: #2151A1; font-weight: 700; }

.news .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news .w1400 > i { width: 33.33%; }

.news .w1400 .item { display: block; width: 33.33%; padding: .4rem .3rem .5rem .3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid rgba(112, 112, 112, 0.1); -webkit-transition: .5s; transition: .5s; }

.news .w1400 .item:nth-child(3n + 1) { border-left: 1px solid rgba(112, 112, 112, 0.1); }

.news .w1400 .item:hover time { color: #2151A1; }

.news .w1400 .item:hover h5 { color: #2151A1; }

.news .w1400 .item:hover p { color: #2151A1; }

.news .w1400 .item:hover span { color: #2151A1; }

.news .w1400 .item:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.news .w1400 .item time { height: .23rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; display: block; color: #999; font-family: 'proximar'; -webkit-transition: color .5s; transition: color .5s; }

.news .w1400 .item h5 { height: calc(.18rem * 2 * 1.72); font-size: .18rem; line-height: 1.72; font-weight: 700; margin: .2rem 0 .3rem; padding-right: .25rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .5s; transition: color .5s; }

.news .w1400 .item p { color: #666; line-height: 1.72; height: calc(.14rem * 2 * 1.72); padding-right: .25rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .5s; transition: color .5s; }

.news .w1400 .item span { color: #999; font-family: 'proximab'; font-weight: 700; line-height: 1; display: block; margin: .5rem 0; -webkit-transition: color .5s; transition: color .5s; text-transform: uppercase; }

.news .w1400 .item figure { overflow: hidden; }

.news .w1400 .item figure img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.newsOther { padding-bottom: .8rem; }

.newsOther .w1400 a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .62rem 0 .36rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; }

.newsOther .w1400 a:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.newsOther .w1400 a:hover .font .title h5, .newsOther .w1400 a:hover .font .title time { color: #2151A1; }

.newsOther .w1400 a:hover .font p, .newsOther .w1400 a:hover .font span { color: #2151A1; }

.newsOther .w1400 a figure { overflow: hidden; width: 3rem; margin-right: .7rem; }

.newsOther .w1400 a figure img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.newsOther .w1400 a .font { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.newsOther .w1400 a .font .title { margin: .15rem 0 .3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.newsOther .w1400 a .font .title h5 { font-size: .2rem; line-height: 1.2; -webkit-transition: color .4s; transition: color .4s; }

.newsOther .w1400 a .font .title time { color: #999; line-height: 1.1; font-family: 'proximab'; -webkit-transition: color .4s; transition: color .4s; margin-left: 1rem; display: block; }

.newsOther .w1400 a .font p { color: #666; -webkit-transition: color .4s; transition: color .4s; margin-bottom: .4rem; }

.newsOther .w1400 a .font span { color: #999; line-height: 1; font-family: 'proximab'; text-transform: uppercase; -webkit-transition: color .4s; transition: color .4s; }

.caseInner { background: #F6F6F6; }

.caseInner > .w1400 { padding: .8rem 1.5rem .7rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transform: translateY(-1.18rem); transform: translateY(-1.18rem); margin-bottom: -1.18rem; }

.caseInner > .w1400 h5 { font-size: .3rem; text-align: center; }

.caseInner > .w1400 .innerTitle { position: relative; margin: .3rem 0 .6rem; }

.caseInner > .w1400 .innerTitle .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.caseInner > .w1400 .innerTitle .title div { color: #666; margin: 0 .1rem; }

.caseInner > .w1400 .innerTitle .share { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.caseInner > .w1400 .innerTitle .share span { color: #666; }

.caseInner > .w1400 .innerTitle .share .sharebox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.caseInner > .w1400 .innerTitle .share .sharebox a { margin: 0 !important; padding: 0 !important; background: none !important; font-size: .2rem; color: #BFBFBF; -webkit-transition: color .4s; transition: color .4s; margin-left: .16rem !important; }

.caseInner > .w1400 .innerTitle .share .sharebox a:hover { color: #3788DD; }

.caseInner > .w1400 .swiper .swiper-imgbox { position: relative; width: 100%; }

.caseInner > .w1400 .swiper .swiper-imgbox .prev, .caseInner > .w1400 .swiper .swiper-imgbox .next { position: absolute; top: 40%; cursor: pointer; width: .5rem; height: .5rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; -webkit-transition: color .5s; transition: color .5s; z-index: 4; }

.caseInner > .w1400 .swiper .swiper-imgbox .prev:hover, .caseInner > .w1400 .swiper .swiper-imgbox .next:hover { color: #fff; border-color: #2151A1; }

.caseInner > .w1400 .swiper .swiper-imgbox .prev:after, .caseInner > .w1400 .swiper .swiper-imgbox .next:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #999; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; }

.caseInner > .w1400 .swiper .swiper-imgbox .prev { right: 100%; margin-right: .4rem; }

.caseInner > .w1400 .swiper .swiper-imgbox .next { left: 100%; margin-left: .4rem; }

.caseInner > .w1400 .swiper .swiper-imgbox .swiper-img { width: 100%; overflow: hidden; }

.caseInner > .w1400 .swiper .swiper-imgbox .swiper-img .swiper-wrapper .swiper-slide figure { overflow: hidden; }

.caseInner > .w1400 .swiper .swiper-imgbox .swiper-img .swiper-wrapper .swiper-slide p { color: #666; text-align: center; margin-top: .2rem; font-size: .18rem; }

.caseInner .innerPag .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.caseInner .innerPag .w1400 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .6rem; }

.caseInner .innerPag .w1400 .item:last-child { text-align: right; }

.caseInner .innerPag .w1400 .item .prev, .caseInner .innerPag .w1400 .item .next { width: .6rem; height: 100%; background: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: .18rem; }

.caseInner .innerPag .w1400 .item .prev::before, .caseInner .innerPag .w1400 .item .next::before { border-radius: 0; background: #2151A1; }

.caseInner .innerPag .w1400 .item .prev { margin-right: .1rem; }

.caseInner .innerPag .w1400 .item .next { margin-left: .1rem; }

.caseInner .innerPag .w1400 .item .ell { color: #555; -webkit-transition: color .4s; transition: color .4s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.caseInner .innerPag .w1400 .item .ell:hover { color: #2151A1; }

.caseInner .innerPag .w1400 .mid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.caseInner .innerPag .w1400 .mid a { position: relative; color: #2151A1; line-height: 1.6; }

.caseInner .innerPag .w1400 .mid a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .02rem; background: #2151A1; -webkit-transition: .5s; transition: .5s; }

.newsInner { background: #F6F6F6; border-top: 1px solid rgba(112, 112, 112, 0.15); }

.newsInner > .w1400 { padding: .4rem 1.5rem .9rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }

.newsInner > .w1400 h5 { font-size: .3rem; text-align: center; }

.newsInner > .w1400 .innerTitle { position: relative; margin: .3rem 0 .6rem; }

.newsInner > .w1400 .innerTitle .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.newsInner > .w1400 .innerTitle .title div { color: #666; margin: 0 .1rem; }

.newsInner > .w1400 .innerTitle .share { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.newsInner > .w1400 .innerTitle .share span { color: #666; }

.newsInner > .w1400 .innerTitle .share .sharebox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.newsInner > .w1400 .innerTitle .share .sharebox a { margin: 0 !important; padding: 0 !important; background: none !important; font-size: .2rem; color: #BFBFBF; -webkit-transition: color .4s; transition: color .4s; margin-left: .16rem !important; }

.newsInner > .w1400 .innerTitle .share .sharebox a:hover { color: #3788DD; }

.newsInner > .w1400 .font.feelChin p { color: #555555; }

.newsInner .innerPag .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; }

.newsInner .innerPag .w1400 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .6rem; }

.newsInner .innerPag .w1400 .item:last-child { text-align: right; }

.newsInner .innerPag .w1400 .item .prev, .newsInner .innerPag .w1400 .item .next { width: .6rem; height: 100%; background: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: .18rem; }

.newsInner .innerPag .w1400 .item .prev::before, .newsInner .innerPag .w1400 .item .next::before { border-radius: 0; background: #2151A1; }

.newsInner .innerPag .w1400 .item .prev { margin-right: .1rem; }

.newsInner .innerPag .w1400 .item .next { margin-left: .1rem; }

.newsInner .innerPag .w1400 .item .ell { color: #555; -webkit-transition: color .4s; transition: color .4s; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.newsInner .innerPag .w1400 .item .ell:hover { color: #2151A1; }

.newsInner .innerPag .w1400 .mid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.newsInner .innerPag .w1400 .mid a { position: relative; color: #2151A1; line-height: 1.6; }

.newsInner .innerPag .w1400 .mid a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .02rem; background: #2151A1; -webkit-transition: .5s; transition: .5s; }

.contactList { padding: 1rem 0 .9rem; }

.contactList .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.contactList .w1400 .item i { font-size: .25rem; color: #999; line-height: 1; }

.contactList .w1400 .item h5 { font-size: .16rem; font-weight: 700; margin: .15rem 0 .2rem; line-height: 1.2; }

.contactList .w1400 .item p { color: #666; }

.contactList .w1400 .line { width: 1px; height: 1.23rem; background: rgba(112, 112, 112, 0.15); }

.map { height: 6.6rem; }

.map #map { height: 100%; }

.case { padding: .9rem 0 1.15rem; }

.case .w1400 { padding: 0 .95rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.case .w1400 .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .4rem; }

.case .w1400 .item:last-child { margin-bottom: 0; }

.case .w1400 .item:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.case .w1400 .item:hover .font h5 { color: #2151A1; }

.case .w1400 .item:hover .font span { color: #2151A1; }

.case .w1400 .item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.case .w1400 .item:nth-child(even) .font { padding-right: 1.1rem; }

.case .w1400 .item figure { overflow: hidden; width: 50%; }

.case .w1400 .item figure img { -webkit-transition: .4s; transition: .4s; }

.case .w1400 .item .font { width: 50%; padding: 0 .8rem; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.case .w1400 .item .font h5 { font-size: .24rem; -webkit-transition: color .4s; transition: color .4s; }

.case .w1400 .item .font .line { width: .26rem; height: 2px; background: #2151A1; margin: .15rem 0 .25rem; }

.case .w1400 .item .font p { -webkit-line-clamp: 3; color: #666; margin-bottom: .75rem; }

.case .w1400 .item .font span { color: #999; font-family: 'proximab'; text-transform: uppercase; line-height: 1; -webkit-transition: color .4s; transition: color .4s; }

.upgrade { position: relative; width: 100vw; height: 100vh; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; }

.upgrade .waves { position: absolute; bottom: 0; left: 0; right: 0; height: 560.0006px; z-index: -1; }

.upgrade .logo { position: absolute; top: Max(3.54167vw, 30px); left: Max(7.03125vw, 30px); }

.upgrade .logo img { width: Max(9.375vw, 120px); }

.upgrade h5 { font-size: Max(3.54167vw, 20px); font-weight: 700; }

.upgrade figure { margin: Max(2.60417vw, 20px) 0 Max(0.52083vw, 8px); }

.upgrade span { font-size: Max(2.08333vw, 16px); font-weight: 700; font-family: 'proximar'; }

.upgrade a { font-size: Max(0.72917vw, 12px); -webkit-transition: .5s; transition: .5s; margin-top: Max(0.52083vw, 8px); }

.upgrade a:hover { color: #2151A1; }

.lt_botton {
  width: 7.65625vw;
  height: 2.5vw;
  line-height: 2.5vw;
  text-align: center;
  background: linear-gradient(65deg, #f40905  0%, #004388 100%);
  opacity: 1;
  display: inline-block;
  font-size: 0.833333vw;
  font-weight: bold;
  color: #ffffff;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	float: left
}
.lt_botton:hover {
  background: linear-gradient(171deg, #a6a6a6 0%, #000000 100%);
}

/* 招聘 */
.xyzp {
  width: 100%;
}

.xyzp .ibox .two_sel {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
}
.xyzp .ibox .two_sel .left {
  width: 36.25%;
  height: 100%;
  display: flex;
}
.xyzp .ibox .two_sel .left .sel {
  width: 48.2%;
  height: 100%;
  margin-right: 3.6%;
  border-radius: 7px;
  overflow: hidden;
  position: relative;
}
.xyzp .ibox .two_sel .left .sel:last-child {
  margin-right: 0;
}
.xyzp .ibox .two_sel .left .sel select {
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 7px;
  padding-left: 20px;
  color: #666666;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
}
.xyzp .ibox .two_sel .left .sel .jiantou {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
  pointer-events: none;
}
.xyzp .ibox .two_sel .right {
  width: 43.75%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xyzp .ibox .two_sel .right .inp {
  width: 71.4%;
  height: 100%;
  position: relative;
}
.xyzp .ibox .two_sel .right .inp .s_img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.xyzp .ibox .two_sel .right .inp input {
  width: 100%;
  height: 100%;
  padding-left: 51px;
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
.xyzp .ibox .two_sel .right .ss {
  width: 25.7%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  letter-spacing: 9px;
  background-color: #123b97;
  border-radius: 7px;
  overflow: hidden;
}
.xyzp .ibox .two_sel .right .ss:hover {
  background-color: #1855de;
}
.xyzp .ibox .sfq {
  width: 100%;

}
.xyzp .ibox .sfq .left {
  width: 100%;
  margin-right: 2.5%;
}
.xyzp .ibox .sfq .left:last-child {
  margin-right: 0;
}
.xyzp .ibox .sfq .left .four {
  width: 100%;
  height: 160px;
  /* 160px */
  border-radius: 11px;
  position: relative;
  margin: 20px 0;
  overflow: hidden;
  background-color: #fff;
  -moz-box-shadow: 0px 1px 5px #DDDDDD;
  -webkit-box-shadow: 0px 1px 5px #DDDDDD;
  box-shadow: 0px 1px 5px #DDDDDD;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.xyzp .ibox .sfq .left .four:nth-child(1) {
  top: 0;
  left: 0;
}
.xyzp .ibox .sfq .left .four:nth-child(2) {
  top: 26%;
  left: 0;
}
.xyzp .ibox .sfq .left .four:nth-child(3) {
  top: 52%;
  left: 0;
}
.xyzp .ibox .sfq .left .four:nth-child(4) {
  top: 78%;
  left: 0;
}
.xyzp .ibox .sfq .left .four.act {
  height: 100%;
  z-index: 5;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  top: 0;
  left: 0;
  transform: translateY(-5px);
}
.xyzp .ibox .sfq .left .four.act1 {
  z-index: 1;
}
.xyzp .ibox .sfq .left .four .up {
  width: 100%;
}
.xyzp .ibox .sfq .left .four .up .dd_text {
  color: #666;
  margin: 20px 0 0 30px;
  font-size: 16px;
}
.xyzp .ibox .sfq .left .four .up .d_text {
  color: #333;
  margin: 30px 0 25px 30px;
  font-size: 24px
}
.xyzp .ibox .sfq .left .four.act .up .d_text {
  color: #123b97;
  margin: 19px 0 50px 30px;
}
.xyzp .ibox .sfq .left .four .up .c_text {
  width: 83%;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xyzp .ibox .sfq .left .four.act .up .c_text {
  display: none;
}
.xyzp .ibox .sfq .left .four .up .s_img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  right: 30px;
}
.xyzp .ibox .sfq .left .four .up .s_img img {
  position: absolute;
  top: 0;
  left: 0;
}
.xyzp .ibox .sfq .left .four .up .s_img img:last-child {
  opacity: 0;
}
.xyzp .ibox .sfq .left .four.act .up .s_img img:last-child {
  opacity: 1;
}
.xyzp .ibox .sfq .left .four.act .up .s_img img:first-child {
  opacity: 0;
}
.xyzp .ibox .sfq .left .four .down {
  width: 100%;
  display: none;
  margin: 20px 0;
}
.xyzp .ibox .sfq .left .four .down .long_text {
  width: 99%;
  height: 440px;
  overflow: auto;
}
.xyzp .ibox .sfq .left .four .down .long_text::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.xyzp .ibox .sfq .left .four .down .long_text::-webkit-scrollbar-thumb {
  background: #123b97;
}
.xyzp .ibox .sfq .left .four .down .long_text::-webkit-scrollbar-track {
  background: #fff;
}
.xyzp .ibox .sfq .left .four .down .long_text .text {
  width: 95%;
  margin-bottom: 40px;
  margin-left: 5%
}
.xyzp .ibox .sfq .left .four .down .long_text .text:last-child {
  margin-bottom: 0px;
}
.xyzp .ibox .sfq .left .four .down .long_text .text .d_text {
  font-weight: bold;
  color: #333;
  margin-bottom: 23px;
}
.xyzp .ibox .sfq .left .four .down .long_text .text .c_text {
  color: #666;
  line-height: 1.8;
  margin-bottom: 7px;
}
.xyzp .ibox .sfq .left .four .down .line {
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 70px;
}
.xyzp .ibox .sfq .left .four .down .yj {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xyzp .ibox .sfq .left .four .down .yj .yx {
  display: flex;
  align-items: center;
  margin-left: 30px
}
.xyzp .ibox .sfq .left .four .down .yj .yx .yj_text {
  color: #666;
  margin-left: 12px;
  line-height: 1.5;
}
.xyzp .ibox .sfq .left .four .down .yj .yx .yj_text:hover {
  color: #123b97;
  margin-left: 12px;
}
.xyzp .ibox .sfq .left .four .down .yj .more {
  border: 1px solid #123b97;
}
.xyzp .ibox .sfq .left .four .down .yj .two_img {
  display: flex;
  align-items: center;
}
.xyzp .ibox .sfq .left .four .down .yj .two_img .two {
  margin-right: 20px;
}
.xyzp .ibox .page {
  margin-top: 75px;
}
@media (max-width: 1680px) {}
@media (max-width: 1366px) {}
@media (max-width: 1280px) {}
@media (max-width: 1030px) {
  .xyzp .ibox {
    padding: 50px 0;
  }
  .xyzp .ibox .two_sel {
    height: 50px;
    margin-top: 20px;
  }
  .xyzp .ibox .two_sel .left {
    width: 45.25%;
  }
  .xyzp .ibox .sfq .left .four {
    height: 130px;
    padding: 20px 20px 0 20px;
  }
  .xyzp .ibox .sfq {
    min-height: 590px;
    margin-top: 40px;
  }
  .xyzp .ibox .page {
    margin-top: 40px;
  }
}
@media (max-width: 960px) {
  .xyzp .ibox {
    padding: 30px 0;
  }
  .xyzp .ibox .two_sel {
    display: block;
    height: auto;
  }
  .xyzp .ibox .two_sel .left {
    height: 50px;
    width: 100%;
  }
  .xyzp .ibox .two_sel .right {
    height: 50px;
    width: 100%;
    margin-top: 15px;
  }
  .xyzp .ibox .two_sel .left .sel select {
    font-size: 14px;
  }
  .xyzp .ibox .two_sel .right .inp input {
    padding-left: 40px;
    font-size: 14px;
  }
  .xyzp .ibox .two_sel .right .inp .s_img {
    left: 13px;
  }
  .xyzp .ibox .sfq {
    min-height: auto;
    margin-top: 30px;
    display: block;
  }
  .xyzp .ibox .sfq .left {
    width: 100%;
    margin-right: 0%;
  }
  .xyzp .ibox .sfq .right {
    width: 100%;
    margin-right: 0%;
  }
    .xyzp .ibox .sfq .left .four .up .dd_text{margin: 20px 0 0 2px;}
  .xyzp .ibox .sfq .left .four {
    width: 91%;
    height: auto;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
  }
  .xyzp .ibox .sfq .left .four .up .d_text {
    margin: 15px 0 17px 0;
  }
  .xyzp .ibox .sfq .left .four .up .s_img {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }
  .xyzp .ibox .sfq .left .four .down .line {
    margin-bottom: 20px;
  }
  .xyzp .ibox .sfq .left .four.act .up .d_text {
    color: #123b97;
    margin: 18px 0 30px 0;
  }
  .xyzp .ibox .sfq .left .four .down .long_text .text .d_text {
    margin-bottom: 10px;
  }
  .xyzp .ibox .sfq .left .four .down .yj .two_img .two {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .xyzp .ibox .page {
    margin-top: 30px;
  }
}
/* 招贤纳士 */
.xyzp {
  width: 100%;
  background: #f0f0f0
}
.xyzp .ibox {
  height: 100%;
  position: relative;
}
.xyzp .ibox .bg_img {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
}
.xyzp .ibox .bg_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.xyzp .ibox .text .ser {
  /* width: 100%; */
  height: 50px;
  display: flex;
  margin-top: 47px;
}
.xyzp .ibox .text .ser .sel {
  position: relative;
}
.xyzp .ibox .text .ser select {
  width: 300px;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 7px;
  overflow: hidden;
  background-color: #fbfcfd;
  padding-left: 20px;
  color: #666;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
}
.xyzp .ibox .text .ser .sel .jiantou {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
  pointer-events: none;
}
.xyzp .ibox .text .ser .ss {
  width: 120px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  letter-spacing: 10px;
  background-color: #123b97;
  border-radius: 8px;
  padding-left: 10px;
  margin-left: 20px;
}
.xyzp .ibox .text .ser .ss:hover {
  background-color: #1855de;
}
.xyzp .ibox .text .three_text {
  /* width: 100%; */
  display: flex;
  margin-top: 50px;
}
.xyzp .ibox .text .three_text .three {
  margin-right: 30px;
  color: #666;
  position: relative;
}
.xyzp .ibox .text .three_text .three:last-child {
  margin-right: 0px;
}
.xyzp .ibox .text .three_text .three:hover {
  color: #123b97;
}
.xyzp .ibox .text .three_text .three.act {
  color: #123b97;
}
.xyzp .ibox .text .three_text .three::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #123b97;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.xyzp .ibox .text .three_text .three:hover::before {
  width: 100%;
  opacity: 1;
}
.xyzp .ibox .text .three_text .three.act::before {
  width: 100%;
  opacity: 1;
}
/* .xyzp .ibox .text .three_text .three.act::before{
  width: 100%;
  opacity: 1;
} */
.xyzp .ibox .text .ckgd {
  margin-top: 65px;
}
.wenzi{
   
    margin: 0.2rem auto 0;
    color: #555555;
    line-height: 2;
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.caxq img{width: 100%}
@media (max-width: 960px) {
.audio, canvas, video {     height: 350px;}
    .swiper-box .swiper-wrapper .swiper-slide .img { height: 350px}
    .lt_botton{    width: 33.65625vw;
    height: 7.5vw;
    line-height: 7.5vw;
        float: inherit;}
    .splitlist span{font-size: 20px;}
    .subnavHead .bannerimg img{height: 250px;}
    .container .gallery a img {width: 45% !important;}
    .list2 li{    height: 78px !important;
    line-height: 17px !important;
    padding-left: 2px !important;}
}