.footer-container {
  background: rgba(32, 45, 64, 0.88);
  width: 100%;
  min-height: 200px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.footer-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer-container .footer {
  max-width: 1100px;
  padding: 50px 0;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-container .footer .left {
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}

.footer-container .footer .left .logo-container {
  display: -ms-flexbox;
  display: flex;
}

.footer-container .footer .left .divide-line {
  margin-left: 16px;
  margin-right: 16px;
  height: 22px;
  width: 1px;
  background: white;
}

.footer-container .footer .left .coding-icon .logo {
  height: 24px;
  position: relative;
  top: -1px;
}

.footer-container .footer .left .logo {
  max-height: 24px;
}

.footer-container .footer .left .pc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-container .footer .left .tablet {
  display: none;
}

.footer-container .footer .left .info {
  width: 176px;
  color: #e6e9ed;
  font-size: 13px;
  line-height: 24px;
  margin-top: 14px;
  margin-bottom: 32px;
}

.footer-container .footer .left .info img {
  vertical-align: -3px;
  margin-right: 5px;
}

.footer-container .footer .left li {
  color: #DADFE6;
  float: left;
  width: 25%;
}

.footer-container .footer .left .list {
  list-style: none;
}

.footer-container .footer .left .list li {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
}

.footer-container .footer .left .list a {
  color: #dadfe6;
  text-decoration: none;
  font-size: 13px;
  line-height: 28px;
}

.footer-container .footer .left .list a:hover {
  color: #3385ff;
}

.footer-container .footer .us {
  -ms-flex: 1 1 65%;
  flex: 1 1 65%;
  list-style: outside none none;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-container .footer .us .us-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-container .footer .us .us-row .us-col.item1 {
  width: 90px;
}

.footer-container .footer .us .us-row .us-col.item2 {
  width: 154px;
}

.footer-container .footer .us .us-row .us-col.item3 {
  width: 76px;
}

.footer-container .footer .us .us-row .us-col.item4 {
  width: 100px;
}

.footer-container .footer .us .us-row .us-col.item5 {
  width: 70px;
}

.footer-container .footer .us .us-row .us-col.item6 {
  display: none;
}

.footer-container .footer .us .us-row .us-col.item7 {
  width: 70px;
}

.footer-container .footer .us:after {
  content: '';
  display: block;
  clear: both;
}

.footer-container .footer .us li {
  color: #DADFE6;
  float: left;
  width: 25%;
}

.footer-container .footer .us h3 {
  margin: 0 0 24px;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

.footer-container .footer .us h3 span {
  vertical-align: 1px;
}

.footer-container .footer .us .list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-container .footer .us .list li {
  width: 100%;
  font-size: 13px;
  line-height: 28px;
}

.footer-container .footer .us .list a {
  color: #DADFE6;
  text-decoration: none;
  font-size: 16px;
  line-height: 32px;
}

.footer-container .footer .us .list a:hover {
  color: #3385ff;
}

.footer-container .footer .mobile-hr {
  display: none;
}

.footer-container .copyright {
  color: #DADFE6;
  width: 100%;
  height: 48px;
  position: relative;
  bottom: 0;
  left: 0;
}

.footer-container .copyright .copyright-content {
  height: 100%;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-container .copyright .copyright-content .info {
  height: 100%;
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
}

.footer-container .copyright .copyright-content .info p {
  margin-bottom: 16px;
}

.footer-container .copyright .copyright-content .info img {
  vertical-align: -8px;
  margin-right: 5px;
}

.footer-container .copyright .copyright-content .info .police {
  vertical-align: -5px;
  margin-left: 5px;
}

.footer-container .copyright .copyright-content .info .cr-pc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-container .copyright .copyright-content .info .cr-pc .beian-number {
  padding-left: 12px;
}

.footer-container .copyright .copyright-content .info .cr-mb {
  display: none;
}

.footer-container .copyright .copyright-content .info a {
  color: #adbacc;
  text-decoration: none;
  font-size: 13px;
}

.footer-container .copyright .copyright-content .info a:hover {
  color: #3385ff;
}

.footer-container .share {
  padding-top: 32px;
}

.footer-container .share .share-item {
  display: inline-block;
}

.footer-container .footer .left .share,
.footer-container .footer .us .share {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}

.footer-container .footer .left .share span,
.footer-container .footer .us .share span {
  background: #979fa8;
  border: 0.1rem solid #979fa8;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.footer-container .footer .left .share i,
.footer-container .footer .us .share i {
  color: #fff;
}

.footer-container .footer .left .share .qrcode,
.footer-container .footer .us .share .qrcode {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 999;
}

.footer-container .footer .left .share .share-img,
.footer-container .footer .us .share .share-img {
  width: 24px;
  cursor: pointer;
  margin-right: 16px;
}

.footer-container .footer .left .share .share-img:hover,
.footer-container .footer .us .share .share-img:hover {
  opacity: 1;
}

.footer-container .footer .left .share .share-img:hover+.dropdown,
.footer-container .footer .us .share .share-img:hover+.dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.footer-container .footer .left .share .qrcode .dropdown,
.footer-container .footer .us .share .qrcode .dropdown {
  position: absolute;
  top: -160px;
  left: -66px;
  visibility: hidden;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.footer-container .footer .left .share .qrcode .dropdown img,
.footer-container .footer .us .share .qrcode .dropdown img {
  width: 140px;
  height: 140px;
}

.footer-container .footer .left .share .qrcode .dropdown:after,
.footer-container .footer .us .share .qrcode .dropdown:after {
  content: '';
  bottom: -5px;
  right: 66px;
  top: auto;
  left: auto;
  position: absolute;
  width: 0.6em;
  height: 0.6em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 2;
  -webkit-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.footer-container .footer .left .share .weixin .dropdown,
.footer-container .footer .us .share .weixin .dropdown {
  top: -160px;
}

#kf5-support-btn {
  top: unset !important;
  left: 20px !important;
  bottom: 240px !important;
  visibility: hidden;
}

#kf5-support-block {
  right: 20px;
  bottom: 106px;
  width: 380px;
  height: 560px;
  -webkit-box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07);
  box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07);
}

.footer-right-section {
  display: -ms-flexbox;
  display: flex;
  bottom: 40px;
  right: 20px;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 999;
  position: fixed;
}

.footer-right-section .top-part {
  background: white;
  border-radius: 26px;
  -webkit-box-shadow: 0px 5px 25px 5px rgba(61, 78, 102, 0.1);
  box-shadow: 0px 5px 25px 5px rgba(61, 78, 102, 0.1);
  height: 166px;
  width: 52px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}

.footer-right-section .top-part .img-section:first-child {
  margin: 4px 4px 2px;
}

.footer-right-section .top-part .img-section {
  height: 44px;
  width: 44px;
  margin: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-right-section .top-part .img-section:hover {
  background: rgba(0, 102, 255, 0.1);
  border-radius: 50%;
}

.footer-right-section .top-part .img-section:hover a {
  cursor: pointer;
}

.footer-right-section .top-part .img-section:hover a .pc-img {
  display: block;
}

.footer-right-section .top-part .img-section:hover a .normal-img {
  display: none;
}

.footer-right-section .top-part .img-section a .normal-img {
  display: -ms-flexbox;
  display: flex;
}

.footer-right-section .top-part .img-section a .pc-img {
  display: none;
}

.footer-right-section .top-part .img-section img {
  width: 32px;
}

.footer-right-section .top-part .img-section .right-mb-btn .mb-img,
.footer-right-section .top-part .img-section .right-mb-btn .normal-img {
  display: none;
}

.footer-right-section .top-part .img-section .right-mb-btn {
  outline: none;
  border: none;
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-right-section .top-part .img-section:first-child {
  cursor: pointer;
}

.footer-right-section .top-part .divide-line {
  background: #e6e9ed;
  height: 1px;
  width: 24px;
}

.footer-right-section .top-part #coding-communication {
  position: relative;
  top: -2px;
}

.footer-right-section .insight-top-part {
  height: 112px;
}

.footer-right-section .bottom-part {
  margin-top: 16px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1);
  box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1);
  background: #fff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  border: none;
}

.footer-right-section .bottom-part .container {
  width: 44px;
  height: 44px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}

.footer-right-section .bottom-part .container:hover {
  background: rgba(0, 102, 255, 0.1);
  -webkit-box-sizing: 50%;
  box-sizing: 50%;
}

.footer-right-section .bottom-part .container:hover .pc-img {
  display: block;
}

.footer-right-section .bottom-part .container:hover .normal-img {
  display: none;
}

.footer-right-section .bottom-part .container .pc-img {
  display: none;
}

.footer-right-section .bottom-part .container img {
  width: 24px;
  height: 24px;
}

.contribution-wrapper {
  display: none;
  position: fixed;
  right: 96px;
  font-size: 14px;
  bottom: 200px;
  z-index: 999;
  width: 310px;
  overflow: hidden;
  border-radius: 8px !important;
  background: #fcfcfc;
  -webkit-box-shadow: 0px 5px 25px 5px #3d4e66;
  box-shadow: 0px 5px 25px 5px #3d4e66;
}

.contribution-wrapper .title-container {
  padding: 10px 16px;
  font-size: 14px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #1880ff;
}

.contribution-wrapper .title-container .title {
  font-size: 16px;
}

.contribution-wrapper .title-container #close-contribution-button {
  cursor: pointer;
}

.contribution-wrapper .content-container {
  position: relative;
  background: #fcfcfc;
  padding: 22px 30px 30px;
  overflow-y: auto;
  font-size: 14px;
  height: 252px;
}

.contribution-wrapper .content-container .content div {
  padding-top: 8px;
  line-height: 24px;
}

.contribution-wrapper .content-container .content .blank-line {
  padding-top: 12px;
}

.contribution-wrapper .content-container .send-button {
  width: 92px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  background: #1880ff;
  position: relative;
  margin: 16px 0 0 auto;
}

.contribution-wrapper .content-container .send-button a {
  padding: 14px;
  text-decoration: none;
  color: white;
}

.text-bold {
  font-weight: bold;
}

.contribution-show {
  display: inline-block;
}

.contribution-close {
  display: none;
}

.communication-modal {
  z-index: 999;
  position: fixed;
  right: 88px;
  bottom: 106px;
  display: none;
  height: 290px;
  width: 232px;
}

.communication-modal .modal-bg {
  width: 100%;
  position: relative;
}

.communication-modal .modal-bg img {
  width: 100%;
  -webkit-filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07));
  filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07));
}

.communication-modal.normal-display {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: none;
}

.communication-modal .top-side img {
  width: 80px;
}

.communication-modal .top-side .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 24px;
}

.communication-modal .top-side .title p {
  color: #202d40;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  text-align: center;
}

.communication-modal .top-side .title span {
  color: #8592A6;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.communication-modal img {
  width: 160px;
}

.communication-modal .code-img {
  margin-top: 24px;
}

.communication-modal .modal-content-box {
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 224px;
}

.mb-communication-modal {
  display: none;
}

.online-modal {
  z-index: 999;
  position: fixed;
  right: 58px;
  bottom: 189px;
  display: none;
  height: 108px;
  width: 176px;
  background: url("../images/workorder-bg2.png") no-repeat;
  background-size: 100%;
  display: none;
}

.online-modal.normal-display {
  pointer-events: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.online-modal p {
  color: #202d40;
  font-weight: 500;
  position: relative;
  left: -4px;
  top: -2px;
}

.insight-online-modal {
  bottom: 160px;
}

.workorder-modal {
  z-index: 999;
  position: fixed;
  right: 58px;
  bottom: 80px;
  display: none;
  height: 108px;
  width: 176px;
  background: url("../images/workorder-bg2.png") no-repeat;
  background-size: 100%;
  display: none;
}

.workorder-modal.normal-display {
  pointer-events: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.workorder-modal p {
  color: #202d40;
  font-weight: 500;
  position: relative;
  left: -4px;
  top: -2px;
}

@media screen and (max-width: 1110px) {
  .footer-container .footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-container .copyright {
    padding: 0 40px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .footer-container .footer .left .list {
    padding-top: 30px;
  }

  .footer-container .footer .left .share {
    padding-top: 8px;
  }

  .footer-container .footer .left .info {
    padding-top: 64px;
  }

  .footer-container .footer .left .pc {
    display: none;
  }

  .footer-container .footer .left .tablet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 850px) {
  .footer-container .footer .left .logo-container {
    position: relative;
    top: 5px;
  }

  .footer-container .footer .left .coding-icon .logo {
    height: 18px;
    top: -1px;
  }

  .footer-container .footer .left .logo {
    max-height: 18px;
  }

  .footer-container .footer .left .divide-line {
    margin: 0 14px;
    height: 18px;
  }
}

@media screen and (max-width: 768px) {
  .communication-modal {
    display: none;
  }

  .contribution-section {
    display: none;
  }

  .mb-communication-modal {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(23, 29, 38, 0.7);
    position: fixed;
    top: 0;
    z-index: 999;
  }

  .mb-communication-modal.normal-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .mb-communication-modal .modal-container {
    background: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
    box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07);
    height: 346px;
    width: 280px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  .mb-communication-modal .modal-container .top-side {
    padding-top: 32px;
    padding-bottom: 24px;
  }

  .mb-communication-modal .modal-container .top-side img {
    width: 80px;
  }

  .mb-communication-modal .modal-container .top-side .title {
    margin-left: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  .mb-communication-modal .modal-container .top-side .title p {
    color: #202d40;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .mb-communication-modal .modal-container .top-side .title span {
    color: #8592A6;
    font-size: 14px;
    line-height: 24px;
    padding-top: 2px;
  }

  .mb-communication-modal .modal-container .code-img {
    width: 200px;
  }

  .footer-right-section {
    bottom: 24px;
  }

  .footer-right-section .top-part {
    width: 48px;
    height: 97px;
    border-radius: 24px;
  }

  .footer-right-section .top-part .divide-line {
    display: none;
  }

  .footer-right-section .top-part .mb-divide-line {
    background: #e6e9ed;
    height: 1px;
    width: 24px;
  }

  .footer-right-section .top-part .img-section {
    width: 40px;
    height: 40px;
  }

  .footer-right-section .top-part .img-section .support-section {
    display: none;
  }

  .footer-right-section .top-part .img-section .communicate-section {
    display: none;
  }

  .footer-right-section .top-part .img-section .right-mb-btn .normal-img {
    display: block;
  }

  .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .mb-img {
    display: block;
  }

  .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .normal-img {
    display: none;
  }

  .footer-right-section .top-part .img-section .communicate-section .normal-img {
    display: none;
  }

  .footer-right-section .top-part .img-section .communicate-section:hover .pc-img {
    display: none;
  }

  .footer-right-section .top-part .img-section .pc-img {
    display: none;
  }

  .footer-right-section .top-part .img-section:last-child {
    display: none;
  }

  .footer-right-section .insight-top-part {
    height: 48px;
  }

  .footer-right-section .bottom-part img {
    width: 26px;
    height: 26px;
  }

  .footer-right-section .bottom-part:active .container {
    background: rgba(0, 102, 255, 0.1) !important;
    border-radius: 50%;
  }

  .footer-right-section .bottom-part:active .container .pc-img {
    display: block !important;
  }

  .footer-right-section .bottom-part:active .container .normal-img {
    display: none !important;
  }

  .footer-right-section .bottom-part .container:hover {
    background: none;
  }

  .footer-right-section .bottom-part .container:hover .pc-img {
    display: none;
  }

  .footer-right-section .bottom-part .container:hover .normal-img {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .footer-container .footer {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 30px 0 0;
  }

  .footer-container .footer .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 40px;
  }

  .footer-container .footer .left .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer-container .footer .left .list li {
    margin-right: 20px;
  }

  .footer-container .footer .left .list li .share {
    padding-top: 3px;
  }

  .footer-container .footer .us {
    width: 100%;
    padding: 20px 40px;
  }

  .footer-container .copyright .copyright-content {
    border: none;
  }
}

@media screen and (max-width: 710px) {
  .footer-container .copyright {
    padding: 0;
    height: 200px;
    border: none;
  }

  .footer-container .copyright .copyright-content .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-container .copyright .copyright-content .info .cr-pc {
    display: none;
  }

  .footer-container .copyright .copyright-content .info .cr-mb {
    display: block;
    font-size: 13px;
    color: #adbacc;
    padding-left: 40px;
  }

  .footer-container .copyright .copyright-content .info .cr-mb .info {
    line-height: 20px;
  }

  .footer-container .copyright .copyright-content .info .cr-mb .info img {
    vertical-align: -8px;
    margin-right: 5px;
    opacity: 0.6;
  }

  .footer-container .copyright .copyright-content .info a {
    color: #adbacc;
    font-size: 13px;
  }
}

@media screen and (max-width: 500px) {
  .footer-container .footer {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0 12px;
    position: relative;
  }

  .footer-container .footer .left {
    margin-left: 40px;
    padding-left: 0px;
  }

  .footer-container .footer .left .info {
    display: none;
  }

  .footer-container .footer .left img {
    max-height: 24px;
  }

  .footer-container .footer .left .list {
    display: none;
  }

  .footer-container .footer .left .coding-icon .logo {
    height: 20px;
  }

  .footer-container .footer .left .logo {
    max-height: 20px;
  }

  .footer-container .footer .left .divide-line {
    margin: 0 15px;
    height: 20px;
  }

  .footer-container .footer .us {
    margin-top: 0px;
    padding: 0 0 0 40px;
  }

  .footer-container .footer .us .us-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-container .footer .us .us-row .us-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-top: 60px;
  }

  .footer-container .footer .us .us-row .us-col.item1,
  .footer-container .footer .us .us-row .us-col.item2 {
    padding-top: 35px;
  }

  .footer-container .footer .us .us-row .us-col.item3,
  .footer-container .footer .us .us-row .us-col.item4 {
    padding-top: 35px;
  }

  .footer-container .footer .us .us-row .us-col.item6 {
    display: block;
  }

  .footer-container .footer .us .us-row .us-col.item7 {
    padding-top: 35px;
  }

  .footer-container .footer .mobile-hr {
    display: block;
    width: 84%;
    height: 1px;
    background-color: #3F4C5F;
    position: relative;
    left: 42%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .footer-container .footer .mobile-hr.first {
    top: 15px;
  }

  .footer-container .footer .mobile-hr.second {
    top: 20px;
  }

  .footer-container .footer .mobile-hr.three {
    top: 30px;
  }

  .footer-container .footer .left .share .qrcode .dropdown,
  .footer-container .footer .us .share .qrcode .dropdown {
    left: -35px;
  }

  .footer-container .footer .left .share .qrcode,
  .footer-container .footer .us .share .qrcode {
    top: 3px;
  }

  .footer-container .footer .left .share .share-img,
  .footer-container .footer .us .share .share-img {
    width: 21px;
    margin-right: 25px;
  }

  .footer-container .share {
    padding-top: 10px;
  }
}

@media screen and (max-width: 338px) {
  .footer-container .footer .mobile-hr.second {
    top: 20px;
  }

  .footer-container .footer .mobile-hr.three {
    top: 30px;
  }

  .footer-container .footer .us .us-row .us-col {
    padding-top: 38px;
  }
}

#kf5-support-btn {
  top: 76%;
}

.uperform-page-link {
  position: relative;
}

.uperform-page-link::after {
  content: 'NEW';
  position: absolute;
  left: 80px;
  top: -5px;
  width: 40px;
  height: 18px;
  background: #d10f18;
  text-align: center;
  line-height: 20px;
  line-height: 18px;
  border-radius: 18px;
  font-size: 12px;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
  -o-transition-duration: 50ms;
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: .1s;
  -o-transition-duration: .1s;
  transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: .15s;
  -o-transition-duration: .15s;
  transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: .25s;
  -o-transition-delay: .25s;
  transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: .35s;
  -o-transition-delay: .35s;
  transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: .45s;
  -o-transition-duration: .45s;
  transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: .45s;
  -o-transition-delay: .45s;
  transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: .55s;
  -o-transition-duration: .55s;
  transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: .55s;
  -o-transition-delay: .55s;
  transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: .6s;
  -o-transition-duration: .6s;
  transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: .65s;
  -o-transition-duration: .65s;
  transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: .65s;
  -o-transition-delay: .65s;
  transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: .75s;
  -o-transition-duration: .75s;
  transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: .75s;
  -o-transition-delay: .75s;
  transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: .85s;
  -o-transition-duration: .85s;
  transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: .85s;
  -o-transition-delay: .85s;
  transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: .9s;
  -o-transition-duration: .9s;
  transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: .95s;
  -o-transition-duration: .95s;
  transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: .95s;
  -o-transition-delay: .95s;
  transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  -o-transition-duration: 1.05s;
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  -o-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  -o-transition-duration: 1.1s;
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  -o-transition-duration: 1.15s;
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  -o-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  -o-transition-duration: 1.25s;
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  -o-transition-duration: 1.35s;
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  -o-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  -o-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  -o-transition-duration: 1.45s;
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  -o-transition-duration: 1.55s;
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  -o-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  -o-transition-duration: 1.65s;
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  -o-transition-duration: 1.7s;
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  -o-transition-duration: 1.75s;
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  -o-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  -o-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  -o-transition-duration: 1.85s;
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  -o-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  -o-transition-duration: 1.9s;
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  -o-transition-duration: 1.95s;
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  -o-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  -o-transition-duration: 2.05s;
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  -o-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  -o-transition-duration: 2.1s;
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  -o-transition-duration: 2.15s;
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  -o-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  -o-transition-duration: 2.2s;
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  -o-transition-duration: 2.25s;
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  -o-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  -o-transition-duration: 2.3s;
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  -o-transition-duration: 2.35s;
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  -o-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  -o-transition-duration: 2.4s;
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  -o-transition-duration: 2.45s;
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  -o-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  -o-transition-duration: 2.55s;
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  -o-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  -o-transition-duration: 2.6s;
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  -o-transition-duration: 2.65s;
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  -o-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  -o-transition-duration: 2.7s;
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  -o-transition-duration: 2.75s;
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  -o-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  -o-transition-duration: 2.8s;
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  -o-transition-duration: 2.85s;
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  -o-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  -o-transition-duration: 2.9s;
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  -o-transition-duration: 2.95s;
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  -o-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-100px, 100px, 0);
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  -webkit-transform: translate3d(100px, 100px, 0);
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-100px, -100px, 0);
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  -webkit-transform: translate3d(100px, -100px, 0);
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos=slide-up] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

@-webkit-keyframes ceiling-header-show {
  from {
    top: -60px;
  }

  to {
    top: 0;
  }
}

@keyframes ceiling-header-show {
  from {
    top: -60px;
  }

  to {
    top: 0;
  }
}

@-webkit-keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.selected {
  color: #0066ff;
  border-right: 2px solid #0066ff;
  padding-right: 28px;
}

.show {
  display: -ms-flexbox;
  display: flex;
}

.hide {
  display: none;
}

.normal {
  color: black;
  padding-right: 30px;
}

.search-select-icon-dongjian {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
}

.search-select-icon-dongjian .search-divider {
  opacity: 0.15;
  background: #202D40;
  width: 1px;
  height: 14px;
}

.search-select-icon-dongjian .search-icon {
  width: 16px;
  height: 16px;
  margin-right: 24px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: url("../images/menu-search_055d7cf414184bd5be0b53287a909880.svg") no-repeat;
}

.search-select-icon-dongjian .search-icon.on {
  background: url("../images/nav-close.svg") no-repeat;
  margin-top: 5px;
}

.search-content-dongjian {
  width: 260px;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 24%;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  opacity: 0;
}

.search-content-dongjian.on {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  position: relative;
  top: 10px;
  left: -20px;
  width: 600px;
}

.search-content-dongjian .search-area {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
}

.search-content-dongjian .search-area .header-search-icon {
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 2px;
  margin-right: 14px;
  width: 16px;
  height: 16px;
  background: url("../images/menu-search_055d7cf414184bd5be0b53287a909880.svg") no-repeat;
}

.search-content-dongjian .search-area .headerSearchInput {
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  color: #202D40;
  line-height: 26px;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 5px 15px;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}

.search-content-dongjian .search-area .headerSearchInput span.algolia-autocomplete {
  width: 100%;
}

.search-content-dongjian .search-area .headerSearchInput input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  color: #000;
  line-height: 26px;
  caret-color: #0066FF;
  background-color: transparent;
}

.search-content-dongjian .search-area .headerSearchInput .cross {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 5px;
  top: 13px;
  cursor: pointer;
}

.search-content-dongjian .search-area .headerSearchInput .cross::before,
.search-content-dongjian .search-area .headerSearchInput .cross::after {
  content: '';
  width: 2px;
  height: 11px;
  background: #000000;
  position: absolute;
  right: 10px;
}

.search-content-dongjian .search-area .headerSearchInput .cross::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-content-dongjian .search-area .headerSearchInput .cross::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre:before {
  display: block;
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  background: #fff;
  z-index: 1000;
  top: 0px;
  left: 12px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 2px;
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre.change:before {
  visibility: visible;
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu {
  padding-top: 0px;
}

.search-content-dongjian .search-area .headerSearchInput .ds-dropdown-menu {
  max-height: 450px;
  overflow: auto;
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu {
  left: -15px !important;
  right: inherit !important;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  width: calc(100% + 30px);
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before {
  display: none;
}

.search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.common-header {
  background-color: transparent;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
  -webkit-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.common-header * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.common-header.isFixed {
  background-color: #fff;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  background: hsla(0, 0%, 100%, 0.7);
  backdrop-filter: blur(3px);
}

.common-header.isFixed .search-select-icon-dongjian .search-icon {
  background: url("../images/menu-search_055d7cf414184bd5be0b53287a909880.svg") no-repeat;
}

.common-header.isFixed .search-select-icon-dongjian .search-icon.on {
  background: url("../images/nav-close.svg") no-repeat;
}

.common-header.isFixed .search-content-dongjian .search-area .header-search-icon {
  background: url("../images/menu-search_055d7cf414184bd5be0b53287a909880.svg") no-repeat;
}

.common-header.isFixed .search-content-dongjian .search-area .headerSearchInput input {
  color: #000;
}

.common-header.isFixed .login-zone .platform-login a {
  color: #202d40;
  vertical-align: -2px;
  text-decoration: none;
}

.common-header.isFixed .login-zone .register .button {
  background: #0066ff;
  color: #fff;
}

.common-header.isFixed .login-zone .register .button:hover {
  background: #3385ff;
}

.common-header.isFixed .login-zone .login .button {
  background: #ebeff5;
  color: #000;
}

.common-header.isFixed .login-zone .login .button:hover {
  background: #202d40;
  color: #fff;
}

.common-header .common-header-content {
  max-width: 1200px;
  margin: 0 auto;
  height: 60px;
  line-height: 60px;
}

.common-header .common-header-content .header-body {
  margin: 0 20px;
}

.common-header .logo {
  position: relative;
}

.common-header .logo .coding-icon img {
  margin: 0;
  position: relative;
  top: 9px;
}

.common-header .logo img {
  height: 30px;
  margin: 15px 0;
  display: block;
  float: left;
}

.common-header .logo img:last-child {
  display: none;
}

.common-header .logo .divide-line {
  display: inline-block;
  background: #888888;
  height: 22px;
  width: 1px;
  margin-right: 19px;
  margin-left: 18px;
  float: left;
  position: relative;
  top: 10px;
}

.common-header .logo,
.common-header .icon,
.common-header .nav {
  display: inline-block;
}

.common-header .logo.visible,
.common-header .icon.visible,
.common-header .nav.visible {
  display: none;
}

.common-header .nav {
  margin-left: 30px;
}

.common-header .nav .nav-item {
  float: left;
  padding: 0 20px;
  cursor: pointer;
}

.common-header .nav .nav-item a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

.common-header .nav .nav-item span {
  cursor: pointer;
  text-decoration: none;
  color: #000;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.common-header .nav .nav-item .hot-icon {
  position: relative;
  height: 12px;
  top: -8px;
}

.common-header .nav .nav-drop-down-wrap {
  position: relative;
  z-index: 999;
}

.common-header .nav .nav-drop-down-wrap span {
  padding-right: 16px;
}

.common-header .nav .nav-drop-down-wrap span:after {
  content: ' ';
  position: absolute;
  top: 3px;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.common-header .nav .nav-drop-down-wrap.active span {
  color: #0066ff;
}

.common-header .nav .nav-drop-down-wrap.active span:after {
  top: 9px;
  border-left: 1px solid #0066ff;
  border-bottom: 1px solid #0066ff;
  -webkit-transform: rotate3d(0, 0, 1, -225deg);
  transform: rotate3d(0, 0, 1, -225deg);
}

.common-header .nav .nav-drop-down-wrap.active .nav-drop-down-container {
  -webkit-animation-name: fade-up-header;
  animation-name: fade-up-header;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container {
  display: none;
  top: 61px;
  position: fixed;
  left: 0;
  width: 100%;
  height: 429px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  cursor: default;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down {
  font-size: 12px;
  color: #000;
  width: inherit;
  height: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 32px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .title {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container {
  width: 181px;
  height: 300px;
  position: relative;
  top: -50px;
  border-right: 1px solid #dadfe6;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .menu-list {
  width: 100%;
  height: 100%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .menu-list .menuItem {
  padding-right: 30px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .menu-list li {
  margin-right: -1px;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  margin-top: 12px;
  line-height: 32px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .menu-list li:first-child {
  margin-top: 0;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .header-tab-content {
  height: 100%;
  width: 50%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .header-tab-content .content-detail {
  height: 100%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box {
  display: -ms-flexbox;
  display: flex;
  max-width: 900px;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .title {
  width: 84px;
  padding: 30px 0 8px 0px;
  margin-left: 20px;
  color: #8592a6;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  border-bottom: 1px solid #dadfe6;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: inherit;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 65px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .tab-txt {
  color: #606c80;
  font-size: 12px;
  text-align: right;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  min-width: 100px;
  width: 300px;
  height: 74px;
  border-radius: 2px;
  padding: 0 20px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link img {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link {
  color: #0066FF;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link img {
  width: 16px;
  position: relative;
  top: -4px;
  left: 3px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div {
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 15px;
  padding-top: 15px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line img {
  height: 16px;
  margin-right: 8px;
  position: absolute;
  left: 120px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div a {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #202d40;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .desc {
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  height: 17px;
  margin-top: 5px;
  color: #606c80 !important;
  font-size: 12px !important;
  line-height: 17px !important;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover {
  background: #f5f7fa;
  border-radius: 2px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover div a {
  color: #0066ff;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link {
  height: 100%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link img {
  width: 114px;
  height: 100%;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .has-down-link {
  border-left: 1px solid #dadfe6;
  padding-left: 10px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box:not(:last-child):after {
  position: absolute;
  max-height: 300px;
  width: 1px;
  right: 0;
  background: #dadfe6;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  content: ' ';
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box:first-child {
  margin-left: -10px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .special-box {
  max-width: 1500px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .special-box .item-container {
  -ms-flex-direction: row;
  flex-direction: row;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .special-box .item-container .item-link {
  width: 297px;
  height: 82px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .special-box .item-container .item-link div .desc {
  margin-top: 0px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .full-box {
  width: 600px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .more {
  -ms-flex: 1 1;
  flex: 1 1;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .chanpin {
  max-width: 1160px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .zhichi {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 32px;
  padding-bottom: 40px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .label {
  position: relative;
  display: inline-block;
  color: #606c80;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  padding-left: 20px;
  padding-bottom: 11px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .label::after {
  position: absolute;
  content: "";
  width: 72px;
  height: 1px;
  background: #E6EBF2;
  left: 20px;
  top: 26px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .drop-down-box {
  margin-left: 0px !important;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .example-box .item-container {
  margin-bottom: 10px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .special-box .item-container .item-link {
  width: 300px;
  height: 72px;
  margin-bottom: 12px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .special-box .item-container .item-link:hover {
  background: #f2f8ff;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions .special-box:last-child {
  padding-top: 10px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples {
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 30px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .drop-down-box:first-child {
  margin-left: 10px;
}

.common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .example-box .item-container {
  margin-bottom: 0;
}

.common-header .nav .nav-drop-down-wrap .example-menu-container {
  height: 144px;
}

.common-header .nav .nav-drop-down-wrap .example-container-box {
  height: 250px;
}

.common-header .nav .nav-drop-down-wrap .zhichi-container {
  height: auto;
}

.common-header .nav .nav-drop-down-wrap .zhichi-container .zhichi .drop-down-box {
  max-width: 1500px;
  margin-left: 0px !important;
}

.common-header .nav .nav-drop-down-wrap .zhichi-container .zhichi .drop-down-box .item-container {
  -ms-flex-direction: initial;
  flex-direction: initial;
}

.common-header .nav .nav-drop-down-wrap .zhichi-container .zhichi .drop-down-box .item-container .item-link {
  width: 300px;
  margin-left: 0 !important;
}

.common-header .login-zone .register,
.common-header .login-zone .login,
.common-header .login-zone .avatar {
  display: none;
}

.common-header .login-zone .button {
  outline: none;
  border: none;
  cursor: pointer;
  width: 90px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 4px;
}

.common-header .login-zone .platform-login a {
  color: #fff;
  vertical-align: -2px;
}

.common-header .login-zone .register .button {
  background: #0066ff;
  color: #fff;
}

.common-header .login-zone .register .button:hover {
  background: #3385ff;
}

.common-header .login-zone .login .button {
  background: #ebeff5;
  color: #000;
}

.common-header .login-zone .login .button:hover {
  background: #606c80;
  color: #fff;
}

.common-header .login-zone {
  float: right;
  display: -ms-flexbox;
  display: flex;
}

.common-header .icon {
  display: none;
  position: relative;
  top: -5px;
  height: 48px;
  width: 48px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}

.common-header .icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  background-color: #000;
  height: 3px;
  width: 24px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.common-header .icon span:after,
.common-header .icon span:before {
  position: absolute;
  background-color: #000;
  height: 3px;
  width: 24px;
  content: "";
  left: 0;
  transition: -webkit-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.common-header .icon span:before {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.common-header .icon span:after {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.common-header .mobile-nav {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0 4%;
  -webkit-box-shadow: inset 0 1px 0 #e6e6e6;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #fff;
}

.common-header .icon-user {
  display: none;
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 20px;
  font-size: 16px;
  color: #202d40;
  line-height: 30px;
}

.common-header .mobile-login-zone {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0 4%;
  -webkit-box-shadow: inset 0 1px 0 #e6e6e6;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #fff;
}

.common-header.login-checked .login-zone .register,
.common-header.login-checked .login-zone .login,
.common-header.login-checked .login-zone .platform-login {
  display: inline-block;
}

.common-header.expanded.logged-in .login-zone .avatar {
  display: inherit !important;
  text-align: center;
}

.common-header.expanded.logged-in .login,
.common-header.expanded.logged-in .register {
  display: none !important;
}

.common-header.expanded .icon span {
  background-color: transparent;
}

.common-header.expanded .icon span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.common-header.expanded .icon span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.common-header.expanded .mobile-nav {
  display: block;
}

.common-header.expanded .mobile-nav ul {
  list-style: none;
}

.common-header.expanded .mobile-nav a {
  color: #000;
  outline: none;
  text-decoration: none;
  display: block;
}

.common-header.expanded .mobile-nav a span {
  color: #ee702e;
}

.common-header.expanded .mobile-nav a .hot-icon {
  position: relative;
  height: 14px;
  left: 13px;
  top: 2px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown {
  display: block;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .label {
  font-size: 16px;
  line-height: 2;
  text-align: left;
  color: #000;
  display: block;
  font-weight: 500;
  padding: 10px 0;
  margin: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  position: relative;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .label:after {
  content: ' ';
  position: absolute;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate3d(0, 0, 1, -135deg);
  transform: rotate3d(0, 0, 1, -135deg);
  right: 0;
  top: 50%;
  margin-top: -5px;
  z-index: 1;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content {
  display: none;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu .content-label {
  padding-left: 20px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label {
  color: #606C80;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label:after {
  display: none;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content {
  display: block;
  padding-left: 40px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label {
  padding-left: 0;
  padding-top: 2px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label:first-child {
  padding-top: 16px;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown .content .content-label {
  font-size: 14px;
  line-height: 2;
  text-align: left;
  color: #000;
  display: block;
  padding: 10px 0;
  margin: 0;
  position: relative;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu .label:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label {
  color: #0066ff;
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label:after {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .content {
  display: block;
}

.common-header.expanded .icon-user,
.common-header.expanded .mobile-login-zone {
  display: none;
}

.common-header.user-expanded .icon-user {
  display: none;
}

.common-header.user-expanded .icon span {
  background-color: transparent;
}

.common-header.user-expanded .icon span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.common-header.user-expanded .icon span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.common-header.user-expanded .mobile-login-zone {
  display: block;
}

.common-header.user-expanded .mobile-login-zone ul {
  list-style: none;
}

.common-header.user-expanded .mobile-login-zone a {
  color: #000;
  outline: none;
  text-decoration: none;
}

.common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn {
  height: 40px;
  width: 84%;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
}

.common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register {
  background: #0066FF;
  margin: 40px auto 15px;
}

.common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

.common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login {
  background: #EDF1F7;
  margin: 15px auto 40px;
}

.common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}

.common-header .drop-down-wrap {
  position: relative;
}

.common-header .drop-down-wrap:hover .drop-down-container {
  display: block;
}

.common-header .drop-down-wrap .drop-down-container {
  display: none;
  top: 48px;
  position: absolute;
  padding-top: 10px;
  right: -12px;
}

.common-header .drop-down-wrap .drop-down-container .drop-down {
  font-size: 12px;
  color: #202d40;
  border: 1px solid #f5f6f8;
  width: 110px;
  border-radius: 2px 2px 2px 2px;
  background: #fff;
  position: relative;
}

.common-header .drop-down-wrap .drop-down-container .drop-down:after {
  background: #fff;
  border-color: #f5f5f5 transparent transparent #f5f5f5;
  border-style: solid;
  border-width: 1px;
  content: ' ';
  height: 10px;
  position: absolute;
  top: -5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  right: 24px;
}

.common-header .drop-down-wrap .drop-down-container .drop-down .item {
  padding-left: 10px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  text-align: left !important;
  z-index: 999;
  position: relative;
  background-color: #fff;
}

.common-header .drop-down-wrap .drop-down-container .drop-down .item svg {
  font-size: 15px;
}

.common-header .drop-down-wrap .drop-down-container .drop-down .item a {
  color: #202d40;
  text-decoration: unset;
  margin-left: 3px;
  vertical-align: middle;
}

.common-header .drop-down-wrap .drop-down-container .drop-down .item:hover {
  background-color: #f5f7fa;
}

.common-header.no-touch .nav .nav-item:hover span {
  color: #0066ff;
}

.common-header.no-touch .nav .nav-item:hover a {
  color: #0066ff;
}

.common-header.no-touch .nav .nav-item.spec:hover span {
  color: #0066ff;
}

.common-header.no-touch .nav .nav-item.spec:hover a {
  color: #0066ff;
}

.common-header.no-touch .nav .nav-drop-down-wrap:hover span {
  color: #0066ff;
}

.common-header.no-touch .nav .nav-drop-down-wrap:hover span:after {
  top: 9px;
  border-left: 1px solid #0066ff;
  border-bottom: 1px solid #0066ff;
  -webkit-transform: rotate3d(0, 0, 1, -225deg);
  transform: rotate3d(0, 0, 1, -225deg);
}

.common-header.no-touch .nav .nav-drop-down-wrap:hover .nav-drop-down-container {
  -webkit-animation-name: fade-up-header;
  animation-name: fade-up-header;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
}

.common-header.isFixed .nav .nav-item span {
  color: #000;
}

.common-header.isFixed .nav .nav-item a {
  color: #000;
}

.common-header.isFixed .nav .nav-drop-down-wrap span:after {
  border-color: #000;
}

.common-header.isFixed .logo img:first-child {
  display: block;
}

.common-header.isFixed .logo img:last-child {
  display: none;
}

.common-header.darkmode .logo img:first-child {
  display: none;
}

.common-header.darkmode .logo img:last-child {
  display: block;
}

.common-header.darkmode .search-select-icon-dongjian .search-icon {
  background: url("../images/search.svg") no-repeat;
}

.common-header.darkmode .search-select-icon-dongjian .search-icon.on {
  background: url("../images/close.svg") no-repeat;
}

.common-header.darkmode .search-content-dongjian .search-area .header-search-icon {
  background: url("../images/search.svg") no-repeat;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput {
  border: 1px solid #fff;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::after {
  background: #0066ff;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::before {
  background: #0066ff;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::after {
  background: #fff;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::before {
  background: #fff;
}

.common-header.darkmode .search-content-dongjian .search-area .headerSearchInput input {
  color: #fff;
}

.common-header.darkmode .nav .nav-item a {
  color: #fff;
}

.common-header.darkmode .nav .nav-item span {
  color: #fff;
}

.common-header.darkmode .nav .nav-drop-down-wrap span:after {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.common-header.darkmode.no-touch .nav .nav-item:hover span {
  color: #0066ff;
}

.common-header.darkmode.no-touch .nav .nav-item:hover a {
  color: #0066ff;
}

.common-header.darkmode.no-touch .nav .nav-item.spec:hover span {
  color: #0066ff;
}

.common-header.darkmode.no-touch .nav .nav-item.spec:hover a {
  color: #0066ff;
}

.common-header.darkmode.no-touch .nav .nav-drop-down-wrap:hover span {
  color: #0066ff;
}

.common-header.darkmode.no-touch .nav .nav-drop-down-wrap:hover span:after {
  border-left: 1px solid #0066ff;
  border-bottom: 1px solid #0066ff;
}

.common-header.darkmode.isFixed .nav .nav-item span {
  color: #000;
}

.common-header.darkmode.isFixed .nav .nav-item a {
  color: #000;
}

.common-header.darkmode.isFixed .nav .nav-drop-down-wrap span:after {
  border-color: #000;
}

.common-header.darkmode.isFixed .logo img:first-child {
  display: block;
}

.common-header.darkmode.isFixed .logo img:last-child {
  display: none;
}

.common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon {
  background: url("../images/menu-search_055d7cf414184bd5be0b53287a909880.svg") no-repeat;
}

.common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon.on {
  background: url("../images/nav-close.svg") no-repeat;
}

.common-header.darkmode.isFixed .search-content-dongjian .search-area .header-search-icon {
  opacity: 0;
}

.common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput {
  border: 1px solid #000;
}

.common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput input {
  color: #000;
}

.common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::after {
  background: #000;
}

.common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::before {
  background: #000;
}

br {
  line-height: 0;
}

body,
html {
  font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Segoe UI, Microsoft YaHei, 微软雅黑, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  color: #202d40;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

a {
  transition: all 0.2s ease;
}

li {
  list-style: none;
}

* {
  box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

@font-face {
  font-family: "TencentSans";
  src: url(../images/tencentsans-w7.3b499f4a.ttf);
}

a {
  outline: none;
  text-decoration: none;
}

.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.selected {
  color: #0066ff;
  border-right: 2px solid #0066ff;
  padding-right: 28px;
}

.show {
  display: -ms-flexbox;
  display: flex;
}

.hide {
  display: none;
}

.normal {
  color: black;
  padding-right: 30px;
}

@-webkit-keyframes ceiling-header-show {
  from {
    top: -60px;
  }

  to {
    top: 0;
  }
}

@keyframes ceiling-header-show {
  from {
    top: -60px;
  }

  to {
    top: 0;
  }
}

@-webkit-keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade-up-header {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.container {
  margin-top: 0 !important;
}

.index-container {
  background: #fff;
  overflow-x: hidden;
  position: relative;
}

.index-container .content #movingAlphaDemo {
  position: absolute;
}

.index-container .content #movingAlphaDemo .seeThru-display {
  position: absolute;
}

.banner-section {
  position: relative;
  height: auto;
  background: url(../images/banner.a6370223.png) no-repeat center;
  background-size: 2560px 968px;
  background-position-y: top;
}

.banner-section .header-bottom-banner {
  position: absolute;
  bottom: -10px;
  width: 2560px;
  height: 1240px;
  z-index: 100;
  background: url(../images/touming.41a95541.png) no-repeat center;
  background-size: 2560px 550px;
  background-position-y: bottom;
  z-index: 1;
}

.banner-section .motion-video {
  width: 2560px;
  height: 968px;
  position: absolute;
  left: calc((100% - 2560px)/2);
  z-index: -1;
}

.banner-section .motion-video.motion-loop {
  top: -970px;
}

.banner-section .section-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  z-index: 11;
}

.banner-section .section-container .info {
  color: #000;
  width: 560px;
  padding-top: 166px;
  position: relative;
  z-index: 101;
  margin: 0 20px;
}

.banner-section .section-container .info .box {
  overflow: hidden;
}

.banner-section .section-container .info .pc-h2 .box.first {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: fade-up-100 1s ease 0s forwards;
  animation: fade-up-100 1s ease 0s forwards;
}

.banner-section .section-container .info .pc-h2 .box.last {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: fade-up-100 1s ease 0.2s forwards;
  animation: fade-up-100 1s ease 0.2s forwards;
}

.banner-section .section-container .info .mb-h2 {
  display: none;
}

.banner-section .section-container .info .pc-p {
  margin-top: 14px;
}

.banner-section .section-container .info .pc-p p {
  font-size: 16px;
  color: #76808e;
  font-weight: 500;
}

.banner-section .section-container .info .pc-p p.p1 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: fade-up-100 0.8s ease 0.4s forwards;
  animation: fade-up-100 0.8s ease 0.4s forwards;
}

.banner-section .section-container .info .pc-p p.p2 {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-animation: fade-up-100 0.8s ease 0.6s forwards;
  animation: fade-up-100 0.8s ease 0.6s forwards;
}

.banner-section .section-container .info .mb-p {
  display: none;
}

.banner-section .section-container .info .btn-area {
  margin-top: 60px;
  display: -ms-flexbox;
  display: flex;
}

.banner-section .section-container .info .btn-area .btn {
  height: 50px;
  width: 180px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  color: #3d98ff;
}

.banner-section .section-container .info .btn-area .btn a {
  background: -webkit-linear-gradient(315deg, #26a7ff 0%, #0066ff 40%);
  background: -o-linear-gradient(315deg, #26a7ff 0%, #0066ff 40%);
  background: linear-gradient(-225deg, #26a7ff 0%, #0066ff 40%);
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: unset;
  font-size: 18px;
  font-weight: 600;
  -webkit-animation: fade-up-65 0.8s ease 0.6s forwards;
  animation: fade-up-65 0.8s ease 0.6s forwards;
  -webkit-transition: all 0.15s ease !important;
  -o-transition: all 0.15s ease !important;
  transition: all 0.15s ease !important;
  -webkit-box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59);
  box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59);
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  opacity: 0;
}

.banner-section .section-container .info .btn-area .btn a:hover {
  opacity: 0.8 !important;
  -webkit-transform: translateY(-2px) !important;
  -ms-transform: translateY(-2px) !important;
  transform: translateY(-2px) !important;
}

.banner-section .section-container .info .btn-area .sample-room {
  width: 152px;
  height: 50px;
  border-radius: 4px;
  color: #0c6cf2;
  font-weight: 600;
  font-size: 18px;
  border: 1px solid #0d9aff;
  text-align: center;
  line-height: 50px;
  margin-left: 16px;
  cursor: pointer;
  background: #e7f5fb;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-animation: fade-up-65 0.8s ease 0.6s forwards;
  animation: fade-up-65 0.8s ease 0.6s forwards;
  opacity: 0;
}

.banner-section .section-container .info .btn-area .sample-room:hover {
  background: -webkit-linear-gradient(315deg, rgba(13, 154, 255, 0.1) 0%, rgba(12, 89, 242, 0.1) 100%);
  background: -o-linear-gradient(315deg, rgba(13, 154, 255, 0.1) 0%, rgba(12, 89, 242, 0.1) 100%);
  background: linear-gradient(-225deg, rgba(13, 154, 255, 0.1) 0%, rgba(12, 89, 242, 0.1) 100%);
}

.tab-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  margin-top: 146px;
  z-index: 10;
}

.tab-section .section-bg {
  overflow: hidden;
  z-index: 100;
  border-radius: 8px;
  height: 415px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(23, 29, 38, 0.05), 0px 10px 30px 0px rgba(23, 29, 38, 0.05);
  box-shadow: 0px 4px 8px 0px rgba(23, 29, 38, 0.05), 0px 10px 30px 0px rgba(23, 29, 38, 0.05);
}

.tab-section .section-bg .tab-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 60px 0 35px 0;
}

.tab-section .section-bg .gird-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 1160px;
  position: relative;
  background: #fff;
  color: #000;
  z-index: 1;
}

.tab-section .section-bg .gird-box .gird-cell {
  position: relative;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px;
  text-align: center;
  -webkit-animation: ceiling-header-show 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: ceiling-header-show 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.tab-section .section-bg .gird-box .gird-cell .title {
  padding-top: 16px;
  font-size: 18px;
  font-weight: bold;
}

.tab-section .section-bg .gird-box .gird-cell .desc {
  padding-top: 8px;
  font-size: 13px;
  line-height: 21px;
  color: #606c80;
}

.tab-section .section-bg .gird-box .gird-cell:not(:last-child):after {
  position: absolute;
  height: 210px;
  right: 0;
  border: 1px solid #e6e9ed;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  content: ' ';
}

.tab-section .section-content {
  max-width: 1300px;
  padding: 0;
  position: relative;
  z-index: 11;
}

.tab-section-h5 {
  display: none;
}

#feature-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 50px;
  margin-top: 58px;
  z-index: 100;
  width: 1160px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  /* 去除点击选项卡时出现的蓝色边�? */
  /* 去除点击选项卡时出现的蓝色背�? */
}

#feature-section .feature-swiper-pagination {
  -ms-flex: 0 0 320px;
  flex: 0 0 320px;
  min-height: 430px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 20px 28px;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .carousel-icon {
  min-width: 40px !important;
  min-height: 40px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 24px;
  height: auto;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt div {
  color: #202d40;
  font-size: 21px;
  line-height: 21px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .swiper-active {
  display: none;
  margin-top: 8px;
  width: 204px;
  height: 60px;
  color: #606c80;
  font-size: 12px;
  font-family: PingFangSC-Regular;
  line-height: 20px;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .more {
  display: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .more a {
  color: #0066ff;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .more:hover {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .more:hover a {
  color: #3D98FF;
}

#feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt .more:hover img {
  content: url(../images/34383762718446ee8753ee2389aa4452.woff);
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 320px;
  height: 137px;
  cursor: pointer;
  border: 1px solid #f5f7fa;
  -webkit-box-shadow: 2px 6px 10px 0px rgba(168, 224, 226, 0.12);
  box-shadow: 2px 6px 10px 0px rgba(168, 224, 226, 0.12);
  border-radius: 4px;
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .carousel-icon {
  background: #e6f7ff;
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .process-bar span {
  display: block;
  width: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#4ae1f6));
  background: -webkit-linear-gradient(top, #0066ff 0%, #4ae1f6 100%);
  background: -o-linear-gradient(top, #0066ff 0%, #4ae1f6 100%);
  background: linear-gradient(-180deg, #0066ff 0%, #4ae1f6 100%);
  -webkit-animation-name: process-bar;
  animation-name: process-bar;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .feature-swiper-pagination-box {
  height: auto;
  -ms-flex-align: start;
  align-items: start;
  margin-left: -4px;
}

#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .feature-swiper-pagination-box .txt .more,
#feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .feature-swiper-pagination-box .txt .swiper-active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#feature-section .swiper-pagination-bullet:focus {
  outline: none !important;
}

#feature-section .swiper-pagination-bullet {
  cursor: auto !important;
}

#feature-section .swiper-pagination-bullet {
  height: 56px;
  width: auto;
  background: none;
  cursor: pointer;
}

#feature-section .feature-swiper-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 808px;
  height: 520px;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transform: rotate3d(0.3, -1, 0, 15deg);
  transform: rotate3d(0.3, -1, 0, 15deg);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
  background: #fff;
}

#feature-section .feature-swiper-container .swiper-wrapper {
  width: inherit;
}

#feature-section .feature-swiper-container .swiper-wrapper .swiper-slide {
  width: inherit;
}

#feature-section .feature-swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
}

#feature-section .section-bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

#feature-section .section-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 11;
}

#feature-section .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

#feature-section .item.even {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#feature-section .item .word {
  width: 440px;
  padding-right: 20px;
}

#feature-section .item .word .icon {
  width: 70px;
  height: 70px;
}

#feature-section .item .word .icon img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

#feature-section .item .word .tit {
  font-size: 40px;
  color: #202d40;
  font-weight: 400;
  padding: 20px 0;
}

#feature-section .item .word .desc {
  color: #202d40;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  width: 420px;
}

#feature-section .item .word .desc a {
  color: #0066FF;
}

#feature-section .item .word .desc a:hover {
  color: #3385ff;
}

#feature-section .item .carousel .carousel-inner {
  width: 540px;
  height: 380px;
  padding: 20px;
  background-color: #fff;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(3, 65, 157, 0.1);
  border: 1px solid #e6e9ed;
  border-radius: 8px;
  overflow: hidden;
}

#feature-section .item .carousel .carousel-inner .slick-track {
  display: inline-block;
}

#feature-section .item .carousel .carousel-inner .carousel-item {
  display: inline-block;
}

#feature-section .item .carousel .carousel-inner img {
  width: 100%;
  display: block;
  position: relative;
}

.tab-nav-banner {
  top: 122px;
}

.tips {
  width: 313px;
  height: 105px;
  border-radius: 5px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  display: block;
}

.tips .tips-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.tips .tips-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.tips .tips-content .tips-content-inner {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-left: 33px;
}

.tips .tips-content .tips-tit {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 8px;
  padding-right: 38px;
}

.tips .tips-content .tips-tit a {
  color: #fff;
}

.tips .tips-content .tips-tit a img {
  padding-top: 3px;
  margin-left: -5px;
}

.tips .tips-content .tips-tit a img:last-child {
  margin-left: -12px;
}

.tips .tips-content .tips-tit a:hover {
  opacity: 0.8;
}

.tips .tips-content .tips-tit a:hover img {
  opacity: 0.8;
}

.tips .tips-content .tips-tit:last-child {
  margin-bottom: 0;
}

.tips .tips-content .tips-text {
  display: block;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.3px;
  line-height: 1;
  margin-top: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.tips .tips-content .tips-text .tips-divider {
  display: block;
  width: 1px;
  height: 9px;
  opacity: 0.5;
  background: #F2F4F6;
  margin: 0 8px;
}

.tips .tips-content .tips-text a {
  color: #fff;
}

.tips .tips-content .tips-text a:hover {
  font-weight: bold;
}

.tips .tips-content .tips-close {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 33px;
  right: 27px;
  opacity: 0.4;
  cursor: pointer;
}

.tips .tips-content .tips-close:hover {
  opacity: 0.8;
}

.workshop {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
}


.workshop .workshop-close {
  width: 30px;
  height: 30px;
  position: relative;
  top: -270px;
  right: -400px;
}

.workshop .workshop-close:hover {
  cursor: pointer;
}

.workshop a {
  display: inline-block;
}

.workshop .workshop-card {
  width: 400px;
}

.logo-wall {
  width: 1160px;
  margin: 100px auto;
}

.logo-wall .title {
  color: #202d40;
  font-size: 48px;
  font-family: 'TencentSans';
  text-align: center;
  line-height: 50px;
  margin: 0 auto 80px;
}

.logo-wall .title span {
  color: #3C98FF;
  font-size: 60px;
}

.logo-wall .logo-list {
  display: -ms-flexbox;
  display: flex;
}

.logo-wall .logo-list .logo-list-img {
  width: 160px;
  height: 56px;
  margin-right: 40px;
}

.logo-wall .logo-list .logo-list-img:last-child {
  margin-right: 0px;
}

.logo-wall .logo-list .logo-list-img img {
  width: 100%;
}

.logo-wall .last-line {
  margin-top: 30px;
}

.logo-wall .logo-wall-content-tablet {
  display: none;
}

.logo-wall .logo-wall-content-mobile {
  display: none;
}

.advertisement {
  position: fixed;
  bottom: 10px;
  right: 16px;
  z-index: 9999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.advertisement a {
  cursor: pointer;
}

.advertisement a .contain {
  width: 284px;
  border-radius: 8px;
}

.advertisement a .closer {
  width: 24px;
  position: relative;
  top: 32px;
  left: 250px;
}

.advertisement-none {
  display: none;
}

@-webkit-keyframes fade-up-100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade-up-100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fade-up-65 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(65%);
    transform: translateY(65%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fade-up-65 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(65%);
    transform: translateY(65%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes process-bar {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@keyframes process-bar {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes process-bar-new {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes process-bar-new {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}


.footer-section {
  width: 100%;
  height: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 114px;
}

.footer-section .footer-content {
  width: 1160px;
  height: 100%;
  border-radius: 8px;
  background: url(../images/footer-bg.13594298.png) no-repeat left;
  background-size: 1160px 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-section .footer-content .title {
  height: 72px;
  color: white;
  font-size: 48px;
}

.footer-section .footer-content .btn {
  width: 180px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  background: white;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  color: #3d98ff;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.footer-section .footer-content .btn:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.footer-section .footer-content .footer-title-pc {
  display: block;
}

.footer-section .footer-content .footer-title-h5 {
  display: none;
}


.content-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 2000px;
  margin-top: 100px;
}

.content-section .education-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 777px;
  padding-top: 20px;
}

.content-section .education-tab .title {
  color: #202d40;
  font-size: 48px;
  height: 62px;
}

.content-section .education-tab .desc {
  color: #606c80;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  padding-top: 14px;
  position: relative;
}

.content-section .education-tab .desc .carousel-circle {
  position: absolute;
  left: 550px;
  top: 20px;
  z-index: 1;
}

.content-section .education-tab .detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.content-section .dev-tab {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 60px;
  background: url(../images/bg-road.8a072346.png) no-repeat top left;
  background-size: 2000px 1600px;
}

.content-section .dev-tab .title {
  color: #202d40;
  font-size: 48px;
  height: 62px;
}

.content-section .dev-tab .desc {
  color: #606c80;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  padding-top: 24px;
}

.content-section .dev-tab .detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  margin-top: 180px;
}

.content-section .dev-tab .detail .title-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content-section .dev-tab .detail .title-link .header-link {
  padding-top: 16px;
  height: 44px;
  width: 2px;
  background: #dadfe6;
}

.content-section .dev-tab .detail .title-link .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 550px;
  height: 150px;
  background: white;
  border: 2px solid #dadfe6;
  border-radius: 150px;
}

.content-section .dev-tab .detail .title-link .footer-link {
  height: 50px;
  width: 2px;
  margin-bottom: 20px;
  background: #dadfe6;
}

.content-section .dev-tab .detail .epic {
  position: relative;
  width: 700px;
  min-height: 600px;
  background: url(../images/epic.3d98ca19.png) no-repeat center;
  background-size: cover;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.content-section .dev-tab .detail .epic .tip {
  position: absolute;
  width: 400px;
  border-radius: 8px;
  border: 1px solid #e6e9ed;
}

.content-section .dev-tab .detail .epic .conceive {
  left: -222px;
  top: 141px;
  height: 290px;
  background: url(../images/conceive.0db6c298.png) no-repeat center;
  background-size: cover;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.content-section .dev-tab .detail .epic .plan {
  right: -238px;
  top: 79px;
  height: 290px;
  background: url(../images/plan.65d42b49.png) no-repeat center;
  background-size: cover;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.content-section .dev-tab .detail .epic .dev {
  right: -128px;
  top: 465px;
  height: 196px;
  background: url(../images/dev.eed7801b.png) no-repeat center;
  background-size: cover;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05), 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.content-section .dev-tab .detail .epic .saomiao {
  left: 10px;
  top: 10px;
  height: 362px;
  width: 566px;
  background: url(../images/saomiao.85bbb2f1.png) no-repeat center;
  background-size: cover;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content-section .dev-tab .detail .epic .goujian {
  left: 570px;
  top: 10px;
  height: 362px;
  width: 500px;
  background: url(../images/goujian.13779054.png) no-repeat center;
  background-size: contain;
  border: none;
}

.content-section .dev-tab .detail .epic .zhipin {
  left: 96px;
  top: 375px;
  height: 362px;
  width: 500px;
  background: url(../images/zhipin.270cb95a.png) no-repeat center;
  background-size: contain;
  border: none;
}

.content-section .dev-tab .detail .epic .fabu {
  left: 584px;
  top: 375px;
  height: 440px;
  width: 534px;
  background: url(../images/fabu.db11f57a.png) no-repeat center;
  background-size: cover;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.content-section .dev-tab .detail .epic-link,
.content-section .dev-tab .detail .code-link {
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  height: 48px;
  margin-bottom: 46px;
  width: 2px;
  background: #dadfe6;
}

.content-section .dev-tab .detail .epic-link {
  -ms-flex: auto;
  flex: auto;
  height: 110px;
  width: 2px;
  margin-bottom: 0;
  background: #dadfe6;
}

.content-section .dev-tab .detail .code-link {
  margin-bottom: 34px;
  width: 2px;
  height: 120px;
  -ms-flex: auto;
  flex: auto;
  margin-top: -170px;
}

.content-section .dev-tab .detail .epic-tab,
.content-section .dev-tab .detail .code-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 1160px;
  height: 339px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0px;
}

.content-section .dev-tab .detail .epic-tab .tab-cell,
.content-section .dev-tab .detail .code-tab .tab-cell {
  width: 386px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 40px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.content-section .dev-tab .detail .epic-tab .tab-cell .title,
.content-section .dev-tab .detail .code-tab .tab-cell .title {
  padding-top: 39px;
  color: #202d40;
  font-size: 24px;
  font-weight: bold;
  height: auto;
}

.content-section .dev-tab .detail .epic-tab .tab-cell .desc,
.content-section .dev-tab .detail .code-tab .tab-cell .desc {
  padding-top: 14px;
  color: #606c80;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
}

.content-section .dev-tab .detail .code-tab {
  height: 267px;
}

.content-section .dev-tab .detail .code-tab .tab-cell {
  -ms-flex-pack: start;
  justify-content: start;
}

.content-section .dev-tab .detail .code-tab .tab-cell .title {
  font-size: 22px;
}

.content-section .dev-tab .detail .code {
  display: -ms-flexbox;
  display: flex;
  width: 1160px;
  height: 956px;
  background: url(../images/code-bg.4c9a3bb4.png) no-repeat top;
  background-size: 700px 700px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.content-section .dev-tab .detail .plane-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}

.content-section .dev-tab .detail .plane-link .header-link {
  height: 50px;
  width: 2px;
  background: #dadfe6;
}

.content-section .dev-tab .detail .plane-link .plane {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 20px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#b6f4ff), to(#aad7fc));
  background: -webkit-linear-gradient(top, #b6f4ff 0%, #aad7fc 100%);
  background: -o-linear-gradient(top, #b6f4ff 0%, #aad7fc 100%);
  background: linear-gradient(-180deg, #b6f4ff 0%, #aad7fc 100%);
  border-radius: 25px;
}

.content-section .dev-tab .detail .plane-link .footer-link {
  height: 51px;
  width: 2px;
  background: #dadfe6;
}

.content-section .dev-tab .second-detail {
  margin-top: 0;
}

.content-section .dev-tab .figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 36px;
  width: 1000px;
  height: 280px;
  border: 2px solid #dadfe6;
  border-radius: 150px;
  padding: 0 124px;
}

.content-section .dev-tab .figure .figure-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 168px;
}

.content-section .dev-tab .figure .figure-cell .desc {
  height: 34px;
  color: #606c80;
  font-size: 22px;
  padding-top: 12px;
}

.content-section .dev-tab .note {
  padding-top: 16px;
  color: #606c80;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .banner-section .section-container .info {
    padding-top: 380px;
  }

  .banner-section .header-bottom-banner {
    position: absolute;
    bottom: -10px;
    width: 2560px;
    height: 1240px;
    z-index: 100;
    background: url(../images/touming.41a95541.png) no-repeat center;
    background-size: 2560px 250px;
    background-position-y: bottom;
  }

  .content-section {
    margin-top: 40px;
  }

  .content-section .education-tab {
    display: none;
  }

  .content-section .education-tab .title,
  .content-section .education-tab .desc,
  .content-section .education-tab #feature-section {
    display: none;
  }

  .content-section .dev-tab {
    padding-top: 0;
    display: -ms-flexbox;
    display: flex;
  }

  .content-section .dev-tab .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }

  .content-section .dev-tab .title img {
    margin-top: 4px;
    height: 24px;
  }

  .content-section .dev-tab .desc {
    display: block;
    padding: 0 20px;
    margin-top: 16px;
    width: 335px;
    color: #606c80;
    font-size: 16px;
    text-align: center;
  }

  .content-section .dev-tab .detail {
    margin-top: 32px;
  }

  .content-section .dev-tab .detail .header-link {
    display: none !important;
  }

  .content-section .dev-tab .detail .has-link {
    padding-top: 0 !important;
    display: block !important;
    height: 32px !important;
    margin-top: -22px;
  }

  .content-section .dev-tab .detail .title-link .title {
    width: 231px;
    height: 48px;
    background: white;
    border: 1px solid #dadfe6;
    border-radius: 24px;
  }

  .content-section .dev-tab .detail .title-link .title img {
    height: 18px;
  }

  .content-section .dev-tab .detail .footer-link {
    height: 24px !important;
    background: #dadfe6;
  }

  .content-section .dev-tab .detail .epic {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 300px;
    background: url(../images/epic-h5.5741c8ae.png) no-repeat center;
    background-size: contain;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .content-section .dev-tab .detail .epic .tip {
    display: none;
  }

  .content-section .dev-tab .detail .code {
    height: 400px;
    background: url(../images/code-h5.300115f7.png) no-repeat center;
    background-size: contain;
  }

  .content-section .dev-tab .detail .epic-link {
    display: none;
  }

  .content-section .dev-tab .detail .code-link {
    display: none;
  }

  .content-section .dev-tab .detail .code-tab,
  .content-section .dev-tab .detail .epic-tab {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-section .dev-tab .detail .code-tab .tab-cell,
  .content-section .dev-tab .detail .epic-tab .tab-cell {
    width: 100%;
    padding: 0 20px;
    margin-top: 30px;
    height: 243px;
  }

  .content-section .dev-tab .detail .code-tab .tab-cell .desc,
  .content-section .dev-tab .detail .epic-tab .tab-cell .desc {
    padding: 0;
  }

  .content-section .dev-tab .detail .plane-link .has-plane {
    display: block !important;
    width: 2px;
    height: 24px;
    color: #dadfe6;
  }

  .content-section .dev-tab .detail .plane-link .plane {
    margin: 0;
  }

  .content-section .dev-tab .detail .figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 335px;
    height: 589px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(32, 45, 64, 0.05), 0px 5px 15px 0px rgba(32, 45, 64, 0.05);
    box-shadow: 0px 2px 4px 0px rgba(32, 45, 64, 0.05), 0px 5px 15px 0px rgba(32, 45, 64, 0.05);
    border-radius: 4px;
    border: 1px solid #dadfe6;
    padding: 0;
  }

  .content-section .dev-tab .detail .figure .figure-cell {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-section .dev-tab .detail .figure .figure-cell img {
    height: 51px;
  }

  .content-section .dev-tab .detail .figure .figure-cell .desc {
    height: auto;
    color: #606c80;
    font-size: 22px;
  }

  .content-section .dev-tab .detail .figure .figure-link {
    display: block;
    width: 48px;
    height: 1px;
    border: 2px solid #adbacc;
    margin: 0 40px;
  }

  .content-section .dev-tab .detail .note {
    display: none;
  }
}

.header-motion {
  width: 2560px;
  height: 880px;
  position: absolute;
  left: calc((100% - 2560px)/2);
}

.header-motion .loaded {
  opacity: 1 !important;
  -moz-opacity: 1 !important;
}

.motion-placeholder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 2560px;
  height: 880px;
}

.motion-placeholder .small-image {
  -webkit-filter: blur(50px);
  filter: blur(50px);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.header-motion video {
  position: absolute;
  top: 0;
  left: 0;
  width: 2560px;
  height: 880px;
}

.header-motion #motion-loop {
  opacity: 0;
  -moz-opacity: 0�?;
}

.header-card {
  position: relative;
  width: 1160px;
  margin: 0 auto;
  top: -240px;
}

.header-card img {
  width: 100%;
  opacity: 0.9;
  -moz-opacity: 0.9;
  border: 1px solid #E6E9ED;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05), 0 10px 30px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05), 0 10px 30px 0 rgba(0, 0, 0, 0.05);
}

#qiye-section-h5 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 80px;
  margin-top: 100px;
  background: -webkit-gradient(linear, left bottom, left top, from(#fcfeff), to(#f7fcff));
  background: -webkit-linear-gradient(bottom, #fcfeff 0%, #f7fcff 100%);
  background: -o-linear-gradient(bottom, #fcfeff 0%, #f7fcff 100%);
  background: linear-gradient(0deg, #fcfeff 0%, #f7fcff 100%);
}

#qiye-section-h5 .qiye-section-h5-title {
  width: 912px;
  height: 72px;
  color: #171d26;
  font-size: 48px;
  font-family: 'TencentSans';
  text-align: center;
}

#qiye-section-h5 .qiye-desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: #606c80;
  margin-top: 24px;
  margin-bottom: 80px;
}

#qiye-section-h5 .swiper-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 433px;
  width: 1160px;
  background: white;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
  border-radius: 8px;
}

#qiye-section-h5 .swiper-pagination-bullet {
  opacity: 1;
}

#qiye-section-h5 .swiper-slide {
  overflow: hidden;
  width: inherit;
  height: inherit;
}

#qiye-section-h5 .swiper-slide .business-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: inherit;
  height: auto;
}

#qiye-section-h5 .swiper-slide .business-card .business-img .business-pc {
  display: block;
}

#qiye-section-h5 .swiper-slide .business-card .business-img .business-h5 {
  display: none;
}

#qiye-section-h5 .swiper-slide .business-card .business-img img {
  height: 433px;
  width: 560px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  -ms-flex: 0 0 595px;
  flex: 0 0 595px;
  height: 433px;
  padding: 40px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid .tag-cell {
  margin-right: 6px;
  background: #edeff2;
  border-radius: 2px;
  height: 24px;
  color: #76808e;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px 4px 10px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid .primary {
  background: #fba337;
  color: #fff;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .title {
  color: #202d40;
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-desc {
  margin-top: 12px;
  color: #606c80;
  font-size: 14px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 504px;
  background: #f5f7fa;
  border-radius: 4px;
  padding: 24px;
  margin-top: 24px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook {
  color: #202d40;
  font-size: 14px;
  line-height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook:before {
  content: " ";
  display: block;
  height: 16px;
  width: 16px;
  min-width: 16px;
  background: url(../images/5e9859d9f54d4d679696d677fdff98a8.woff) #51cb80 no-repeat center;
  background-size: 70%;
  border-radius: 50%;
  margin-right: 8px;
  margin-top: 2px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook:not(:first-child) {
  padding-top: 16px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: #0066ff;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #0066ff;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more img {
  width: 14px;
  height: 14px;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more:hover {
  color: #3D98FF;
}

#qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more:hover img {
  content: url(../images/34383762718446ee8753ee2389aa4452.woff);
}

#qiye-section-h5 .swiper-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-top: 80px;
  padding-bottom: 80px;
  width: 1160PX;
}

#qiye-section-h5 .swiper-pagination-bullet {
  cursor: pointer;
  width: 200px;
  height: 75px;
  background: white;
  border: 1px solid #e6e9ed;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
  border-radius: 4px;
}

#qiye-section-h5 .swiper-pagination-bullet img {
  -ms-flex: auto;
  flex: auto;
  width: 160px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  margin-top: 10px;
  opacity: 0.65;
}

#qiye-section-h5 .swiper-pagination-bullet-active img {
  -ms-flex: auto;
  flex: auto;
  width: 160px;
  -webkit-filter: inherit;
  filter: inherit;
  background: #ffffff;
  border-radius: 2px;
  opacity: 1;
}

#qiye-section-h5 .swiper-pagination-bullet-active .process-bar-new span {
  display: block;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#0066ff), to(#4ae1f6));
  background: -webkit-linear-gradient(left, #0066ff 0%, #4ae1f6 100%);
  background: -o-linear-gradient(left, #0066ff 0%, #4ae1f6 100%);
  background: linear-gradient(90deg, #0066ff 0%, #4ae1f6 100%);
  -webkit-animation-name: process-bar-new;
  animation-name: process-bar-new;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media only screen and (max-width: 768px) {
  .header-motion {
    display: none;
  }

  #qiye-section-h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
    margin-top: 40px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fcfeff), to(#f7fcff));
    background: -webkit-linear-gradient(bottom, #fcfeff 0%, #f7fcff 100%);
    background: -o-linear-gradient(bottom, #fcfeff 0%, #f7fcff 100%);
    background: linear-gradient(0deg, #fcfeff 0%, #f7fcff 100%);
  }

  #qiye-section-h5 .qiye-section-h5-title {
    width: 265px;
    line-height: 36px;
    color: #202d40;
    font-size: 24px;
    font-family: 'TencentSans';
    text-align: center;
  }

  #qiye-section-h5 .qiye-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #606c80;
    margin: 7px 20px 0 20px;
    margin-bottom: 40px;
  }

  #qiye-section-h5 .swiper-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 335px;
    height: 660px;
    border-radius: 8px;
    background: white;
    border: 1px solid #e6e9ed;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
    box-shadow: 0px 4px 10px 0px rgba(32, 45, 64, 0.05), 0px 10px 30px 0px rgba(32, 45, 64, 0.05);
  }

  #qiye-section-h5 .swiper-slide {
    overflow: hidden;
    width: inherit;
  }

  #qiye-section-h5 .swiper-slide .business-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: inherit;
    height: inherit;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-img {
    height: 200px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-img .business-pc {
    display: none;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-img .business-h5 {
    display: block;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-img img {
    height: 200px;
    width: 335px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: auto;
    flex: auto;
    height: auto;
    background: #ffffff;
    padding: 24px 20px;
    position: relative;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid .tag-cell {
    margin-right: 6px;
    background: #edeff2;
    border-radius: 2px;
    height: 24px;
    color: #8592a6;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 10px 4px 10px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-grid .primary {
    background: #fba337;
    color: #fff;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .title {
    color: #202d40;
    font-size: 21px;
    font-weight: bold;
    padding-top: 12px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .tag-desc {
    margin-top: 16px;
    color: #606c80;
    font-size: 14px;
    line-height: 24px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
    width: auto;
    background: none;
    padding: 0px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook {
    color: #202d40;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook:before {
    content: " ";
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    width: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPuWLvjwvdGl0bGU+CiAgICA8ZyBpZD0i5a6Y572RLTMuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IummlumhtTAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxNS4wMDAwMDAsIC01NzQ0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA1MjE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMi4wMDAwMDAsIDUyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTU0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjIzNzA2OTMsNS4yMjIwNTg4MyBMMTEuOTUyNDYzMSw1LjkyMTU1NDIyIEMxMi4xNDk3NTU1LDYuMTE0NDYyMzQgMTIuMTUzNDgwNCw2LjQzMDcyNzU1IDExLjk2MDc4NjEsNi42MjgyMjg4MyBMNy4xODg4NjY3OCwxMS41MTkxOTA1IEw0LjAzMTU2OTc2LDguMTM2MzcyMjUgQzMuODQzMTUyNzcsNy45MzQ0OTY5MSAzLjg1NDA2MjkzLDcuNjE4MTAyNDcgNC4wNTU5MzgyNiw3LjQyOTY4NTQ5IEw0Ljc4Njk5MzUzLDYuNzQ3MzY3MjQgQzQuOTg4ODkxMzQsNi41NTkwMDY3NCA1LjMwNTI1NTU0LDYuNTY5ODk3OTIgNS40OTM3MjE2OSw2Ljc3MTY5NzExIEw3LjIyMjU3MjYxLDguNjIzNjE2ODkgTDEwLjUzMDAxOTYsNS4yMzEwNDIzMSBDMTAuNzIyNzg1Miw1LjAzMzMxNTIgMTEuMDM5MzQyMiw1LjAyOTI5MzE2IDExLjIzNzA2OTMsNS4yMjIwNTg4MyBaIiBpZD0i6Lev5b6EIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) #51cb80 no-repeat center;
    background-size: 70%;
    border-radius: 50%;
    margin-right: 8px;
    padding: 2px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .content .hook:not(:first-child) {
    padding-top: 16px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #0066ff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    bottom: 25px;
    right: 20px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more a {
    color: #0066ff;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more img {
    width: 16px;
    height: 16px;
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more:hover img {
    content: url(../images/34383762718446ee8753ee2389aa4452.woff);
  }

  #qiye-section-h5 .swiper-slide .business-card .business-card-bottom .more:hover a {
    color: #3D98FF;
  }

  #qiye-section-h5 .swiper-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-top: 40px;
    padding-bottom: 40px;
    width: 100%;
  }

  #qiye-section-h5 .swiper-pagination-bullet {
    height: 38px;
    width: 101px;
    background: #fff;
    margin-right: 16px;
    margin-top: 10px;
    border-radius: 2px;
    border: 1px solid #e6e9ed;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(32, 45, 64, 0.05), 0px 5px 15px 0px rgba(32, 45, 64, 0.05);
    box-shadow: 0px 2px 5px 0px rgba(32, 45, 64, 0.05), 0px 5px 15px 0px rgba(32, 45, 64, 0.05);
    cursor: pointer;
  }

  #qiye-section-h5 .swiper-pagination-bullet img {
    -ms-flex: auto;
    flex: auto;
    height: 28px;
    width: 81px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    margin-top: 5px;
    opacity: 0.65;
  }

  #qiye-section-h5 .swiper-pagination-bullet-active img {
    -ms-flex: auto;
    flex: auto;
    height: 28px;
    -webkit-filter: inherit;
    filter: inherit;
    opacity: 1;
  }

  #qiye-section-h5 .swiper-pagination-bullet-active .process-bar-new span {
    position: relative;
    top: -4px;
  }

  .logo-wall {
    width: auto;
    margin: 40px 20px;
  }

  .logo-wall .title {
    width: 265px;
    line-height: 42px;
    color: #202d40;
    font-size: 24px;
    font-family: 'TencentSans';
    text-align: center;
    line-height: normal;
    margin-bottom: 30px;
  }

  .logo-wall .title span {
    color: #3C98FF;
    font-size: 32px;
  }

  .logo-wall .logo-wall-content {
    display: none;
  }

  .logo-wall .logo-wall-content-tablet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 570px;
    margin: 0 auto;
  }

  .logo-wall .logo-wall-content-tablet .logo-list-new {
    display: grid;
    row-gap: 20px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }

  .logo-wall .logo-wall-content-tablet .logo-list-new img {
    width: 100%;
  }
}

/* 去除点击选项卡时出现的蓝色边�? */
.swiper-pagination .swiper-pagination-bullet:focus {
  outline: none !important;
}

/* 去除点击选项卡时出现的蓝色背�? */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: auto !important;
}

@media only screen and (max-width: 491px) {
  .logo-wall .logo-wall-content-tablet {
    display: none;
  }

  .logo-wall .logo-wall-content-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 335px;
    margin: 0 auto;
  }

  .logo-wall .logo-wall-content-mobile .logo-list-new {
    display: grid;
    row-gap: 20px;
    -webkit-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 101px 101px 101px;
    grid-template-rows: 36px 36px 36px 36px;
  }

  .logo-wall .logo-wall-content-mobile .logo-list-new img {
    width: 100%;
  }
}

@media only screen and (max-width: 428px) {
  .index-container .advertisement a .contain {
    width: 240px;
  }

  .index-container .advertisement a .closer {
    width: 24px;
  }
}

@media screen and (max-width: 500px) {
  .content-section-h5 .content-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-top: 17px;
  }

  .content-section-h5 .content-grid .content-grid-cell {
    padding: 15px 20px;
    height: 350px;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 100%;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content-title .content-h3 {
    padding-left: 12px;
    color: #202d40;
    font-size: 21px;
    font-weight: 600;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content-title .content-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #e6f7ff;
    border-radius: 4px;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0066ff;
    font-size: 14px;
    font-weight: 500;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content-more a {
    color: #0066ff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content:hover {
    color: #3D98FF;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-header .content:hover img {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzNEOThGRjt9Cjwvc3R5bGU+CjxnPgoJPHBhdGggaWQ9IlBhdGgiIGNsYXNzPSJzdDAiIGQ9Ik04LjYsMi45TDEzLjcsOGwtNS4xLDUuMWMtMC4yLDAuMi0wLjUsMC4yLTAuNywwbC0wLjctMC43Yy0wLjItMC4yLTAuMi0wLjUsMC0wLjdMOS45LDlMMi44LDkKCQlDMi41LDksMi4zLDguOCwyLjMsOC41di0xQzIuMyw3LjIsMi41LDcsMi44LDdsNy4xLDBMNy4yLDQuNEM3LDQuMiw3LDMuOCw3LjIsMy42bDAuNy0wLjdDOC4xLDIuNyw4LjUsMi43LDguNiwyLjl6Ii8+CjwvZz4KPC9zdmc+Cg==);
  }

  .content-section-h5 .content-grid .content-grid-cell .content-summary {
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    color: #606c80;
    font-size: 12px;
    line-height: 20px;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
  }

  .content-section-h5 .content-grid .content-grid-cell .content-img img {
    width: 335px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(32, 45, 64, 0.05), 0px 15px 30px 0px rgba(32, 45, 64, 0.05);
    box-shadow: 0px 2px 5px 0px rgba(32, 45, 64, 0.05), 0px 15px 30px 0px rgba(32, 45, 64, 0.05);
  }
}

@media only screen and (max-width: 414px) {
  .header-bottom-banner {
    display: none;
  }

  .content-section-h5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-section-h5 .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    color: #202d40;
    font-size: 24px;
    text-align: center;
    height: 64px;
  }

  .content-section-h5 .desc {
    display: -ms-flexbox;
    display: flex;
    color: #606c80;
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
  }
}

.header-banner {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: auto;
  padding: 7px 0;
  background-color: #fefbe6;
  background-size: cover;
  z-index: 999;
}

@media only screen and (max-width: 768px) {
  .header-banner {
    font-size: 12px;
  }
}

.header-banner #announcement-img {
  padding-right: 2px;
  width: 18px;
}

.header-banner .header-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'PingFangSC-Regular';
  color: #333;
  padding: 2px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin: 0 30px;
  line-height: 14px;
}

.header-banner .header-title .warning {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #e7af5f;
  border-radius: 7px;
  color: #fff;
  margin-right: 8px;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .header-banner .header-title {
    font-size: 12px;
  }

  .header-banner .header-title .warning {
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
}

.header-banner .header-link {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .header-banner .header-link {
    font-size: 12px;
  }
}

.header-banner .header-link img {
  vertical-align: bottom;
  margin-left: -3px;
}

.header-banner .header-link:hover {
  color: #CCEAFF;
}

.header-banner .header-link:hover img {
  content: url(../images/1bc4c6cf6e4a4a0b8eb53c302bcd8cb3.woff);
}

.cancel-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  padding: 10px;
  background: url(../images/a63d750e1fdc4ae09f94709702030d61.woff) no-repeat;
  background-size: 16px 16px;
  background-position: center;
}

.no-banner {
  display: none;
}

.maingif {
  position: absolute;
  top: 128px;
  right: 0px;
  width: 600px;
}

.banner-section .section-container .info .box h1 {
  -webkit-animation: ceiling-header-show 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: ceiling-header-show 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}


.temp1-main {
  width: 711px;
  height: 547px;
  margin: 0 auto;
  background: url(../images/temp1-bg.png)no-repeat;
  background-size: contain;
  object-fit: cover;
  position: relative;
}

.temp1-bg4 {
  position: absolute;
  left: 287px;
  top: -144px;
}

.temp1-item {
  cursor: pointer;
}

.temp1-bg-img {
  width: 180px;
  height: 180px;
  transition: all 0.5s;
}

.temp1-content1 {
  left: 214px;
  top: 30px;
  position: absolute;
}

.temp1-main-title1 {
  text-align: left;
  width: auto;
}

.temp1-main-title {
  color: #222;
  line-height: 30px;
  font-size: 22px;
  margin: 0;
  width: 100px;
}

.temp1-main-desc {
  color: #52627C;
  line-height: 28px;
  font-size: 16px;
  width: 300px;
  text-align: left;
  padding-top: 8px;
}

.temp1-bg2 {
  position: absolute;
  left: -49px;
  top: 133px;
}

.temp1-content3 {
  top: 196px;
  right: 46px;
  position: absolute;
}

.temp1-content {
  transition: all 0.5s;
}

.temp1-main-title3 {
  width: 300px;
  text-align: right;
}

.temp1-main-desc3 {
  text-align: right;
}

.temp1-bg3 {
  position: absolute;
  right: -40px;
  top: 133px;
}

.temp1-content2 {
  top: 196px;
  left: 46px;
  position: absolute;
}

.temp1-main-title2 {
  width: 180px;
  text-align: left;
}

.temp1-item:hover .temp1-bg-img {
  transform: translate(0, -12px);
}

.temp1-item:hover .temp1-content {
  transform: translate(0, -12px);
}


.testimonials .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  max-width: 1218px;
  position: relative;
}

.testimonials .container .client {
  background: #fff;
  -o-object-fit: contain;
  object-fit: contain;
  width: calc(16.6666% - 15px);
  height: 90px;
  padding: 16px;
  box-shadow: 4px 0 12px 0 rgb(210, 223, 255, 0.22);
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 200;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  transition: .5s;
  border: 2px solid #fff;
}


.testimonials .container .client img {
  height: 100%;
  z-index: 99;
}