@charset "UTF-8";

button {

  cursor: pointer;

}



@font-face {

  font-family: MS;

  src: url(../fonts/SourceHanSansCN-Regular.otf);

}

body {

  font-family: MS;

}



.bg-color {

  background-color: #f7f7f7;

}



.bg-fff {

  background-color: #fff;

}



.bg1 {

  background-color: #0f60eb;

}



.bg2 {

  background-color: #e67d1b;

}



.bg-100 {

  background-size: 100% 100%;

}



.h100 {

  height: 100%;

}



.relative {

  position: relative;

}



.block {

  display: block;

}



.hidden {

  overflow: hidden;

}



.text-center {

  text-align: center;

}



.flex {

  display: flex;

}



.flex-wrap {

  flex-wrap: wrap;

}



.ali-center {

  align-items: center;

}



.just-sb {

  justify-content: space-between;

}



.just-center {

  justify-content: center;

}



.br4 {

  border-radius: 0.04rem;

}



.br6 {

  border-radius: 0.06rem;

}



.br8 {

  border-radius: 0.08rem;

}



.br10 {

  border-radius: 0.1rem;

}



.br20 {

  border-radius: 0.2rem;

}



.p30 {

  padding: 0.3rem;

}



.p40 {

  padding: 0.4rem;

}



.p50 {

  padding: 0.5rem;

}



.pb50 {

  padding-bottom: 0.5rem;

}



.mt30 {

  margin-top: 0.3rem;

}



.mt40 {

  margin-top: 0.4rem;

}



.mt60 {

  margin-top: 0.6rem;

}



.mr16 {

  margin-right: 0.16rem;

}



.mb20 {

  margin-bottom: 0.2rem;

}



.mb30 {

  margin-bottom: 0.3rem;

}



.mb50 {

  margin-bottom: 0.5rem;

}



.op5 {

  opacity: 0.5;

}



.f-demi {

  font-weight: 600;

}



.c-ii {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.f-medium,

.f-bold {

  font-weight: bold;

}



.w1000 {

  width: 10rem;

  margin: 0 auto;

  max-width: 80%;

}



.w1140 {

  width: 11.4rem;

  margin: 0 auto;

  max-width: 90%;

}



.w1200 {

  width: 12rem;

  margin: 0 auto;

  max-width: 90%;

}



.w1240 {

  width: 12.4rem;

  margin: 0 auto;

  max-width: 90%;

}



.w1280 {

  width: 12.8rem;

  margin: 0 auto;

  max-width: 90%;

}



.w1290 {

  width: 12.9rem;

  margin: 0 auto;

  max-width: 92%;

}



.w1310 {

  width: 13.1rem;

  margin: 0 auto;

  max-width: 92%;

}



.w1360 {

  width: 13.6rem;

  margin: 0 auto;

  max-width: 90%;

}



.w1400 {

  width: 14rem;

  margin: 0 auto;

  max-width: 92%;

}



.w1440 {

  width: 14.4rem;

  margin: 0 auto;

  max-width: 92%;

}



.w1480 {

  width: 14.8rem;

  margin: 0 auto;

  max-width: 92%;

}



.w1500 {

  width: 15rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1520 {

  width: 15.2rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1540 {

  width: 15.4rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1550 {

  width: 15.5rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1560 {

  width: 15.6rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1600 {

  width: 16rem;

  margin: 0 auto;

  max-width: 94%;

}



.w1680 {

  width: 16.8rem;

  margin: 0 auto;

  max-width: 96%;

}



.w1720 {

  width: 17.2rem;

  margin: 0 auto;

  max-width: 96%;

}



.w1800 {

  width: 18rem;

  margin: 0 auto;

  max-width: 96%;

}



#bp_container video {

  width: 80%;

}



.swiper-button-next,

.swiper-button-prev {

  outline: none !important;

}



div.btn {

  outline: none !important;

}



div.sbtn {

  outline: none !important;

}



@keyframes jump {

  0% {

    transform: translateY(0);

  }

  25% {

    transform: translateY(-6px);

  }

  50% {

    transform: translateY(0px);

  }

  75% {

    transform: translateY(6px);

  }

  100% {

    transform: translateY(0);

  }

}

@keyframes line {

  0% {

    width: 0;

  }

  100% {

    width: 100%;

  }

}

.threeCanvas {

  width: 100%;

  height: 4.5rem;

  overflow: hidden;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 0;

  opacity: 0.5;

  pointer-events: none;

}



.my-disabled {

  opacity: 0.4 !important;

  pointer-events: none;

}



.swiper-button-disabled {

  opacity: 0.4 !important;

  pointer-events: none;

}



.my-op0 {

  opacity: 0;

  pointer-events: none;

}



.bg-cover {

  background-repeat: no-repeat;

  background-size: cover;

}



.particles1 {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.com-banner {

  position: relative;

  z-index: 30;

}

.com-banner .cb_ban {

  position: relative;

}

.com-banner .cb_bg {

  position: relative;

  padding-top: calc(700 / 1920 * 100%);

  overflow: hidden;

  background-color: #999;

}

.com-banner .cb_text {

  box-sizing: border-box;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 10;

  color: #fff;

}

.com-banner .cb_text.cent {

  text-align: center;

}

.com-banner .cb_text .cbp1 {

  position: relative;

  font-weight: bold;

}

.com-banner .cb_text .cbp2 {

  margin-top: 0.22rem;

  line-height: 1.3;

}

.com-banner .cb_text .cbp3 {

  margin-top: 0.41rem;

}

.com-banner .cb_text .cbp4 {

  display: inline-block;

  padding: 0.2rem;

  border-radius: 0 0.1rem 0 0.1rem;

  background-color: #0f60eb;

  color: #fff;

  margin-top: 0.1rem;

}

.com-banner .cb_text .cpa {

  display: inline-block;

  line-height: 2.875em;

  border-radius: 1rem;

  color: #0f60eb;

  background-color: #fff;

  padding: 0 0.3rem;

  border-radius: 1rem;

  min-width: 1.7rem;

  margin-right: 0.2rem;

  text-align: center;

}

.com-banner .cb_text .cpa:hover {

  background-color: #e67d1b;

  color: #fff;

}

.com-banner .pro_txt .t1 {

  color: #222;

  font-weight: bold;

  line-height: 1;

}

.com-banner .pro_txt .t2 {

  display: inline-block;

  line-height: 2.0909090909;

  background-color: #e67d1b;

  color: #fff;

  padding: 0 0.21rem;

  border-radius: 1rem;

  margin-top: 0.36rem;

}

.com-banner .pro_txt .t3 {

  color: #222;

  opacity: 0.8;

  margin-top: 0.27rem;

}

.com-banner .cb_img2 {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 7.5rem;

  max-width: 60%;

}

.com-banner .cb_ti {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  width: 8.4rem;

  max-width: 60%;

}

.com-banner .cb_mouse {

  position: absolute;

  bottom: 0.2rem;

  left: 50%;

  transform: translate(-50%);

  z-index: 30;

  cursor: pointer;

}

.com-banner .cb_mouse img {

  animation: jump 1s linear infinite;

  width: 0.22rem;

  min-width: 16px;

}

.com-banner .down {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  color: #fff;

  background-color: #0f60eb;

  padding: 0.21rem 0.43rem;

  border-radius: 1rem;

  margin-top: 0.4rem;

  transition: all 0.3s;

}

.com-banner .down:hover {

  box-shadow: 0 -2px 0 0 #0f60eb inset, 0 2px 0.1rem #0f60eb;

  transform: translateY(-3px);

  transition: all 0.3s;

}

.com-banner .down img {

  margin-right: 0.1rem;

}

.com-banner .video video {

  width: 100%;

}

.com-banner .cb_nav {

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translate(-50%);

  border-radius: 0.1rem 0.1rem 0 0;

  display: flex;

  align-items: center;

  line-height: 1;

  background-color: #fff;

  overflow: hidden;

}

.com-banner .cb_nav .home {

  display: inline-flex;

  align-items: center;

}

.com-banner .cb_nav a:hover {

  color: #0f60eb;

}

.com-banner .cb_nav .cb_a {

  flex-grow: 1;

  text-align: center;

  line-height: 0.7rem;

}

.com-banner .cb_nav .cb_a.on {

  background-image: linear-gradient(-90deg, #007ac8 0%, #1daceb 100%);

  color: #fff !important;

}

.com-banner .cb_mask {

  pointer-events: none;

}

.com-banner .cb_mask .cm1 {

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}

.com-banner .cb_mask .cm1 img {

  width: 100%;

}

.com-banner .cb_mask .cm2 {

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  -webkit-mask-image: url(../images/icon-m2.png);

          mask-image: url(../images/icon-m2.png);

  -webkit-mask-repeat: no-repeat;

          mask-repeat: no-repeat;

  -webkit-mask-size: contain;

          mask-size: contain;

  -webkit-mask-position: bottom;

          mask-position: bottom;

}

.com-banner .cb_mask .cm2 img {

  width: 100%;

  opacity: 0;

}

.com-banner .bg1 .cm2 {

  background-color: #fff !important;

}

.com-banner .bg2 .cm2 {

  background-color: #f3f3f3 !important;

}

@media screen and (max-width: 768px) {

  .com-banner {

    background-color: #f7f7f7;

  }

  .com-banner .pro_txt .t3 {

    display: none;

  }

}



.com-banner2 {

  position: relative;

  z-index: 30;

}

.com-banner2 .cb_ban {

  position: relative;

  min-height: 36.4583333333vw;

}

.com-banner2 .cb_bg {

  position: absolute;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background-color: #999;

}

.com-banner2 .cb_bg img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.com-banner2 .cb_text {

  padding-top: 2.9rem;

  position: relative;

  z-index: 10;

  color: #000;

}

.com-banner2 .cb_text.cent {

  text-align: center;

}

.com-banner2 .msp {

  display: inline-block;

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

  position: relative;

}

.com-banner2 .mic {

  pointer-events: none;

}

.com-banner2 .eco-d11 .msp::before {

  content: "";

  display: inline-block;

  width: 0.38rem;

  height: 0.31rem;

  background-image: url(../images/a9.png);

  background-size: cover;

  background-repeat: no-repeat;

  position: absolute;

  left: 2.5em;

  bottom: 85%;

}

.com-banner2 .ab-d11 .msp::before {

  content: "";

  display: inline-block;

  width: 0.38rem;

  height: 0.31rem;

  background-image: url(../images/a9.png);

  background-size: cover;

  background-repeat: no-repeat;

  position: absolute;

  right: calc(100% - 0.1em);

  bottom: 85%;

}

.com-banner2 .news-d11 img {

  width: 0.5em;

  height: 0.5em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  position: absolute;

  right: calc(100% - 0.1em);

  bottom: 70%;

}

.com-banner2 .part-d11 .mic {

  width: 0.5em;

  height: 0.5em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  position: absolute;

  left: 60%;

  bottom: 70%;

}

.com-banner2 .bus-d11 .mic {

  width: 0.5em;

  height: 0.5em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  position: absolute;

  left: 60%;

  bottom: 70%;

}

.com-banner2 .pla-d11 .mic {

  width: 0.5em;

  height: 0.5em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  position: absolute;

  left: 70%;

  bottom: 75%;

}

.com-banner2 .mk-d11 .mic {

  width: 0.5em;

  height: 0.5em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  position: absolute;

  left: 70%;

  bottom: 75%;

}

.com-banner2 .d12 {

  line-height: 1.7142857143;

  color: #666;

}

.com-banner2 .d13 {

  color: #666;

  margin-top: 0.2rem;

}

.com-banner2 .btns {

  display: flex;

  flex-wrap: wrap;

  margin-top: 0.5rem;

}

.com-banner2 .btn {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  height: 0.5rem;

  color: #0f60eb;

  background-color: #fff;

  padding: 0 0.35rem;

  min-width: 1.5rem;

  margin-right: 0.2rem;

  text-align: center;

}

.com-banner2 .btn:hover {

  background-color: #0f60eb;

  color: #fff;

}

.com-banner2 .btn:hover .ic {

  filter: brightness(0) invert(1);

}

.com-banner2 .btn .ic {

  width: 1em;

  height: 1em;

  margin-right: 0.5em;

}

.com-banner2 .video video {

  width: 100%;

}

@media screen and (max-width: 768px) {

  .com-banner2 {

    background-color: #f7f7f7;

  }

  .com-banner2 .cb_bg {

    padding-top: 31.25%;

  }

  .com-banner2 .cb_text {

    padding: 1.5rem 0;

  }

  .com-banner2 .d11 {

    font-size: 0.4rem;

  }

  .com-banner2 .d12 {

    font-size: 0.3rem;

  }

  .com-banner2 .zone_nav {

    display: none;

  }

}



.cb-swiper .bg {

  position: relative;

  padding-top: 34.375%;

  overflow: hidden;

  background-color: #999;

}

.cb-swiper .bg img {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.cb-swiper .text {

  box-sizing: border-box;

  position: absolute;

  left: 50%;

  top: 43%;

  transform: translate(-50%, -50%);

  z-index: 10;

  color: #fff;

}

.cb-swiper .text .cbp1 {

  font-weight: 600;

  position: relative;

}

.cb-swiper .text.cent {

  text-align: center;

}

@media screen and (max-width: 500px) {

  .cb-swiper {

    background-color: #f7f7f7;

  }

  .cb-swiper .text .cbp1 {

    font-size: 16px;

  }

  .cb-swiper .text .cbp2 {

    font-size: 14px;

    display: none;

  }

}



.cbn-swiper .csw {

  width: auto;

  margin-right: 0.9rem;

}

.cbn-swiper .csw::before {

  content: "";

  width: 1px;

  height: 1em;

  background-color: #999;

  position: absolute;

  top: 50%;

  left: calc(100% + 0.44rem);

  transform: translateY(-50%);

}

.cbn-swiper .csw:last-child {

  margin-right: 0;

}

.cbn-swiper .csw:last-child::before {

  display: none;

}

.cbn-swiper .csa {

  display: block;

  text-align: center;

  line-height: 0.8rem;

  color: #666;

  position: relative;

}

.cbn-swiper .csa:hover {

  color: #0f60eb;

}

.cbn-swiper .csa.on {

  color: #0f60eb;

}

.cbn-swiper .csa.on::before {

  content: "";

  width: 100%;

  height: 0.03rem;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #0f60eb;

}

@media screen and (max-width: 768px) {

  .cbn-swiper .csa {

    color: #000;

  }

}



.cb-bots {

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0%;

  width: 100%;

  z-index: 30;

  transform: translateY(50%);

}

.cb-bots.has_nav {

  background-color: rgba(0, 0, 0, 0.06);

}

.cb-bots .cb_box {

  display: flex;

  justify-content: space-between;

  background-color: #fff;

  box-shadow: 0px 0px 0.15rem 0px rgba(75, 145, 250, 0.1);

  border-radius: 0.2rem;

}

.cb-bots .cb-nav {

  font-size: 0;

  position: relative;

  z-index: 2;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.cb-bots .cb-nav .na {

  min-width: 2.4rem;

  margin: 0.1rem;

  display: inline-flex;

  justify-content: space-between;

  align-items: center;

  line-height: 1;

  position: relative;

  box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.5);

  padding: 0.27rem 0.2rem;

  color: #fff;

  border-radius: 0.1rem;

}

.cb-bots .cb-nav .na.on {

  background-color: #0f60eb;

  box-shadow: none;

  color: #fff;

}

.cb-bots .cb-nav .nic {

  flex-shrink: 0;

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-6.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  transition: all 0.3s;

}

.cb-bots .cbn_bread {

  display: flex;

  line-height: 0.8rem;

  color: #666;

}

.cb-bots .cbn_bread .home {

  display: inline-flex;

  align-items: center;

  margin-right: 0.3em;

}

.cb-bots .cbn_bread .home img {

  width: 1.4em;

}

.cb-bots .cbn_bread .sp1 {

  margin: 0 0.5em;

}

.cb-bots .cbn_back {

  display: flex;

  align-items: center;

}

.cb-bots .back {

  height: 0.5rem;

  box-shadow: 0 0 0 1px inset #0f60eb;

  background-color: transparent;

  color: #0f60eb;

  border-radius: 1rem;

  padding: 0 0.41rem;

  cursor: pointer;

  display: flex;

  align-items: center;

  transition: all 0.3s;

}

.cb-bots .back:hover {

  background-color: #0f60eb;

  color: #fff;

}

.cb-bots .back:hover .ic {

  background-image: url(../images/icon-2.png);

}

.cb-bots .back .ic {

  width: 1em;

  height: 1em;

  margin-left: 0.5em;

  background-image: url(../images/icon-1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

@media screen and (max-width: 768px) {

  .cb-bots {

    position: static;

    transform: translate(0);

    background-color: #fff;

    box-shadow: 0.09rem -5px 0.2rem 0px rgba(0, 123, 255, 0.2);

  }

  .cb-bots .cb_box {

    box-shadow: none;

  }

  .cb-bots .cb-nav {

    justify-content: space-between;

  }

  .cb-bots .cb-nav .na {

    color: #333;

    min-width: auto;

    width: 48%;

  }

  .cb-bots .cbn_bread {

    display: none;

  }

}



.nav-swiper {

  background-color: #0f60eb;

}

.nav-swiper .nsd {

  width: auto;

  padding: 0 0.1rem;

  line-height: 0.7rem;

  color: #fff;

}

.nav-swiper .nsd.on {

  background-color: #fff;

  color: #2d2f82;

}

.nav-swiper .sp {

  display: block;

  width: 100%;

  text-align: center;

  cursor: pointer;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.nav-swiper .nic {

  width: 1em;

  height: 1em;

  position: relative;

  margin-left: 0.2rem;

}

.nav-swiper .nic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.nav-swiper .nic1 {

  opacity: 1;

}

.nav-swiper .nic2 {

  opacity: 0;

}

@media screen and (max-width: 768px) {

  .nav-swiper {

    max-width: 100%;

  }

  .nav-swiper .nsa {

    line-height: 2.5em;

  }

}



.bn-swiper {

  max-width: 70%;

}

.bn-swiper .bsa {

  position: relative;

  line-height: 1.1rem;

  width: auto;

  white-space: nowrap;

  text-align: center;

  color: #222;

  padding: 0 0.3rem;

}

.bn-swiper .bsa:last-child {

  margin-right: 0;

}

.bn-swiper .bsa .sp {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.bn-swiper .bsa:hover {

  color: #0f60eb;

}

.bn-swiper .bsa.on {

  color: #fff;

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

}

@media (max-width: 768px) {

  .bn-swiper {

    max-width: 100%;

  }

}



.zone_nav {

  flex-shrink: 0;

  display: flex;

  align-items: center;

  position: relative;

  padding-right: 0.5rem;

  color: #999;

  line-height: 1.1rem;

}

.zone_nav.h90 {

  line-height: 0.9rem;

}

.zone_nav .icon {

  margin-right: 0.1rem;

  display: inline-flex;

  align-items: center;

}

.zone_nav .icon img {

  height: 1em;

}

.zone_nav .sp1 {

  margin: 0 0.25em;

  position: relative;

}

.zone_nav .z_a {

  position: relative;

  transition: all 0.3s;

}

.zone_nav .z_a:last-child {

  color: #444;

}

.zone_nav .z_a.on, .zone_nav .z_a:hover {

  color: #0f60eb;

  transition: all 0.3s;

}

@media (max-width: 768px) {

  .zone_nav {

    width: 100%;

  }

  .zone_nav .sp1 {

    margin: 0 0.5em;

  }

}



.com-breadnav.bgfff {

  background-color: #fff;

  box-shadow: 0 -1px 0 0 #f7f7f7 inset;

}

.com-breadnav.has_bn {

  box-shadow: 0 -1px 0px #e3e3e3 inset;

}

.com-breadnav .bn_box {

  display: flex;

  justify-content: space-between;

  font-size: 0;

}

.com-breadnav .page-tit {

  font-weight: 600;

  margin-top: 0.12rem;

}

@media screen and (max-width: 768px) {

  .com-breadnav .bn_box {

    flex-wrap: wrap;

  }

}



.com-pag {

  display: flex;

  justify-content: center;

}

.com-pag.bgfff .p_a {

  background-color: #fff;

}

.com-pag.bgfff .p_a:hover {

  background-color: #222;

}

.com-pag.bgfff .prev:hover {

  background-image: url(../images/icon-p11.png);

}

.com-pag.bgfff .next:hover {

  background-image: url(../images/icon-p21.png);

}

.com-pag .max {

  line-height: 0.4rem;

}

.com-pag .p_a {

  width: 0.4rem;

  height: 0.4rem;

  margin: 0 0.3em;

  line-height: 1;

  color: #000;

  border-radius: 0.1rem;

  background-color: #fff;

}

.com-pag .btn {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  transition: all 0.3s;

}

.com-pag .btn span {

  display: block;

  text-align: center;

  width: 1em;

  height: 1em;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 43.75% auto;

}

.com-pag .btn:hover {

  color: #fff;

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

}

.com-pag .num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s;

}

.com-pag .num:hover, .com-pag .num.on {

  color: #fff;

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

  transition: all 0.3s;

}

.com-pag .prev {

  background-image: url(../images/icon-p11.png);

}

.com-pag .prev:hover {

  background-image: url(../images/icon-p12.png);

}

.com-pag .next {

  background-image: url(../images/icon-p21.png);

}

.com-pag .next:hover {

  background-image: url(../images/icon-p22.png);

}

.com-pag .prev1 {

  background-image: url(../images/icon-p11.png);

}

.com-pag .prev1:hover {

  background-image: url(../images/icon-p12.png);

}

.com-pag .next1 {

  background-image: url(../images/icon-p21.png);

}

.com-pag .next1:hover {

  background-image: url(../images/icon-p22.png);

}

.com-pag .te {

  width: auto;

  padding: 0 0.2rem;

  display: inline-flex;

  align-items: center;

}

.com-pag .ip {

  width: 0.44rem;

  height: 0.44rem;

  min-width: 30px;

  min-height: 30px;

  background-color: #fff;

  border: 1px solid #e9ecf2;

  text-align: center;

  margin: 0 0.5em;

  padding: 0 5px;

}

.com-pag input::-webkit-outer-spin-button,

.com-pag input::-webkit-inner-spin-button {

  -webkit-appearance: none;

}

.com-pag input[type=number] {

  -moz-appearance: textfield;

}

.com-pnav {

  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.47);

}

.com-pnav .pnav_box {

  display: flex;

}

.com-pnav .pnav_i {

  flex-grow: 1;

  padding: 0.2rem 0;

  text-align: center;

}

.com-pnav .pnav_i:hover {

  color: #0f60eb;

}

.com-pnav .pnav_i.on {

  background-color: #0f60eb;

  color: #fff !important;

}



.com-nav .n_box {

  display: flex;

  justify-content: center;

}

.com-nav .cn_a {

  line-height: 1;

  padding: 0.16rem 0.56rem;

  flex-shrink: 0;

  text-align: center;

  background-color: #f4f4f4;

  border-radius: 1rem;

  position: relative;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-right: 0.2rem;

}

.com-nav .cn_a:last-child {

  margin-right: 0;

}

.com-nav .cn_a:hover {

  color: #0f60eb;

}

.com-nav .cn_a.on {

  color: #fff;

  background-color: #0f60eb;

}

.com-nav .cn_a .sp {

  display: block;

  position: relative;

}

@media screen and (max-width: 768px) {

  .com-nav .cn_a {

    text-align: center;

  }

}

@media (max-width: 500px) {

  .com-nav .n_box::-webkit-scrollbar {

    width: 10px;

    height: 4px;

  }

  .com-nav .n_box::-webkit-scrollbar-thumb {

    border-radius: 10px;

    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    background: #535353;

  }

  .com-nav .n_box::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 10px;

    background: #ededed;

  }

}



.com-txt {

  line-height: 1.5454545455;

  text-align: center;

}



.com-tit {

  position: relative;

  z-index: 10;

}

.com-tit.cent {

  text-align: center;

}

.com-tit.cent .ct1 .cline {

  display: none;

}

.com-tit.cent::before {

  left: 50%;

  transform: translate(-50%);

}

.com-tit .ct1 {

  font-weight: bold;

  position: relative;

  color: #000;

}

.com-tit .ct1::before {

  content: "";

  width: 2em;

  height: 2em;

  width: 1.03rem;

  height: 1.08rem;

  background-image: url(../images/a3.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: -1;

  pointer-events: none;

}

.com-tit .ct2 {

  margin-top: 0.07rem;

  line-height: 1.6666666667;

  color: #666;

}

.com-tit .ct3 {

  padding: 0 0.95rem;

  line-height: 1.7777777778;

  margin-top: 0.28rem;

}

@media screen and (max-width: 768px) {

  .com-tit .ct3 {

    padding: 0 0.5rem;

  }

}



.com-tt {

  font-weight: 600;

  position: relative;

}

.com-tt.cent {

  text-align: center;

}

.com-tt.fff {

  color: #fff;

}

.com-tt .sp {

  font-size: 1.5em;

  color: #0f60eb;

}

.com-top {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.s-btns {

  display: flex;

}



.com-tform {

  position: relative;

  width: 3rem;

  min-width: 175px;

}

.com-tform input {

  width: 100%;

  height: 0.5rem;

  min-height: 36px;

  background-color: #fff;

  border-radius: 1rem;

  border: none;

  padding: 0 0.3rem;

  font-family: unset;

}

.com-tform .sub {

  position: absolute;

  top: 50%;

  right: 0.3rem;

  transform: translateY(-50%);

  width: 0.2rem;

  height: 0.2rem;

  background-color: #fff;

  background-image: url(../images/icon-mag3.png);

  background-repeat: no-repeat;

  background-size: contain;

  cursor: pointer;

  border: none;

}



.c-img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  transition: all 0.3s;

}



.c-bg {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.com-spa {

  position: static;

  display: flex;

  justify-content: center;

}

.com-spa .swiper-pagination-bullet {

  width: 0.15rem;

  height: 0.15rem;

  border-radius: 50%;

  margin: 0 0.1rem;

  background-color: rgba(236, 77, 9, 0.3);

  position: relative;

  opacity: 1;

}

.com-spa .swiper-pagination-bullet-active {

  background-color: #ec4d09;

}

.com-spa .swiper-pagination-bullet-active::before {

  content: "";

  width: 160%;

  height: 160%;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: rgba(236, 77, 9, 0.2);

}



.imgbg {

  position: relative;

  background-color: #999;

  overflow: hidden;

}



.s-btn {

  border-radius: 50%;

  background-color: #3a3a3a;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 17.1875% auto;

  outline: none !important;

}

.s-btn::after {

  display: none;

}

.s-btn:hover {

  background-color: #0f60eb;

}



.md-md {

  position: absolute;

  top: -1rem;

}

@media screen and (max-width: 768px) {

  .md-md {

    top: -70px;

  }

}



.md-head.home {

  height: 0;

}

.md-head.home .head_pc {

  background-color: transparent;

}

.md-head.home .head_pc .logo {

  filter: none;

}

.md-head.m_show .md-mob_sideNav {

  right: 0;

  opacity: 1;

}

.md-head.m_show .mob_mask {

  display: block;

}

.md-head.is-fixed .head_pc, .md-head.white .head_pc {

  background-color: white;

}

.md-head.is-fixed .head_pc .logo .pi, .md-head.white .head_pc .logo .pi {

  display: none;

}

.md-head.is-fixed .head_pc .logo .mi, .md-head.white .head_pc .logo .mi {

  display: block;

}

.md-head .mob_mask {

  display: none;

  top: 0;

  left: 0;

  position: fixed;

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

  -webkit-backdrop-filter: blur(0.1rem);

          backdrop-filter: blur(0.1rem);

}

@media screen and (max-width: 1080px) {

  .md-head {

    height: 1rem !important;

  }

}



.head_pc {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.12) inset;

  transition: all 0.3s;

}

@media screen and (max-width: 1080px) {

  .head_pc {

    background-color: #fff !important;

  }

}



.head_box {

  display: flex;

  align-items: center;

  justify-content: space-between;

  z-index: 5;

}

.head_box .logo {

  flex-shrink: 0;

}

.head_box .logo .la {

  display: inline-flex;

  align-items: center;

}

.head_box .logo img {

  height: 0.4rem;

}

.head_box .logo .mi {

  display: none;

}

.head_box .bd_ul {

  position: absolute;

  top: 95%;

  right: 0;

  min-width: 80px;

  width: 1rem;

  display: none;

  background-color: #fff;

  box-shadow: 0px 8px 7px 1px rgba(132, 132, 132, 0.5);

  border-radius: 5px;

  overflow: hidden;

}

.head_box .bd_ul .bd_li {

  padding: 0 0.06rem;

  transition: all 0.3s;

}

.head_box .bd_ul .bd_li:hover {

  background-color: #e4e4e4;

  transition: all 0.3s;

}

.head_box .bd_ul .bd_a {

  display: block;

  text-align: center;

  padding: 0.13rem 0;

  box-sizing: border-box;

  letter-spacing: 0.03rem;

  transition: all 0.3s;

  line-height: 1;

  border-bottom: 1px solid #e4e4e4;

}

.head_box .hd_le {

  display: flex;

  align-items: center;

}

.head_box .hb_ri {

  display: flex;

  align-items: center;

}

.head_box .h-ul {

  display: flex;

  color: #fff;

  margin-right: 0.24rem;

}

.head_box .h-ul .h_li {

  padding: 0 0.24rem;

  position: relative;

}

.head_box .h-ul .h_li::before {

  content: "";

  width: 2px;

  height: 1em;

  background-color: #fff;

  opacity: 0.2;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.head_box .h-ul .ha {

  opacity: 0.65;

}

.head_box .ul1 {

  display: flex;

}

.head_box .ul1 .li1 {

  position: relative;

  margin-right: 0.45rem;

}

.head_box .ul1 .li1:last-child {

  margin-right: 0;

}

.head_box .ul1 .li1:hover .ul2 {

  top: 100%;

  opacity: 1;

  transition: all 0.3s;

  pointer-events: auto;

}

.head_box .ul1 .li1:hover .head-sub {

  opacity: 1;

  display: block;

  pointer-events: auto;

  transition: opacity 0.2s;

}

.head_box .ul1 .li1:hover .head-pro {

  display: block;

}

.head_box .ul1 .a1 {

  display: block;

  white-space: nowrap;

  position: relative;

  line-height: 1rem;

  text-align: center;

  color: #000;

  transition: all 0.3s;

}

.head_box .ul1 .pro_li {

  position: static;

}

.head_box .ul1 .pro_li:hover .a1::after {

  content: "";

  transform: translateY(-50%) rotate(180deg);

}

.head_box .ul1 .pro_li .a1 {

  padding-right: 1em;

}

.head_box .ul1 .pro_li .a1::after {

  content: "";

  width: 0.7777777778em;

  height: 0.7777777778em;

  background-image: url(../images/a9.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  transition: all 0.3s;

}

.head_box .ul1 .pro_li2:hover .a1::before {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  width: 0;

  height: 0;

  border-left: 0.1rem solid transparent;

  border-right: 0.1rem solid transparent;

  border-bottom: 0.1rem solid rgba(21, 21, 21, 0.95);

  transition: all 0.3s;

}

.head_box .ul1 .ul2 {

  position: absolute;

  top: 110%;

  left: 50%;

  transform: translate(-50%);

  width: -moz-max-content;

  width: max-content;

  opacity: 0;

  box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.2);

  text-align: center;

  pointer-events: none;

  transition: all 0.3s;

}

.head_box .ul1 .a2 {

  display: block;

  text-align: center;

  padding: 0.15rem;

  background-color: white;

  color: #000;

  white-space: nowrap;

  position: relative;

  transition: all 0.3s;

}

.head_box .ul1 .a2:hover {

  color: #fff;

  background-color: #0f60eb;

}

.head_box .h-lang {

  position: relative;

  margin-left: 0.3rem;

}

.head_box .h-lang:hover .bd {

  top: 100%;

  opacity: 1;

  pointer-events: auto;

  transform: translate(-50%, 0%);

  transition: all 0.3s;

}

.head_box .h-lang .hd {

  padding: 0.1rem 0.2rem;

  position: relative;

  display: flex;

  align-items: center;

  cursor: pointer;

  color: #fff;

  background-color: #0f60eb;

  border-radius: 1rem;

}

.head_box .h-lang .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/h-lang-w.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-lang .sp {

  margin: 0 0.1rem;

}

.head_box .h-lang .ar {

  width: 0.5em;

  height: 0.5em;

  background-image: url(../images/a11.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.25em;

}

.head_box .h-lang .bord img {

  width: 0.1rem;

  min-width: auto;

}

.head_box .h-lang .bd {

  position: absolute;

  min-width: 100%;

  top: 150%;

  left: 50%;

  opacity: 0;

  pointer-events: none;

  transform: translate(-50%, 10%);

  transition: all 0.3s;

  padding-top: 0.2rem;

  z-index: 5;

}

.head_box .h-lang .b_a {

  display: block;

  text-align: center;

  padding: 0.1rem;

  white-space: nowrap;

  background-color: #0f60eb;

  color: #fff;

}

.head_box .h-lang .b_a:hover {

  color: #0f60eb;

  background-color: #fff;

}

.head_box .h-money {

  position: relative;

  margin-left: 0.4rem;

}

.head_box .h-money:hover .bd {

  top: 100%;

  opacity: 1;

  pointer-events: auto;

  transform: translate(-50%, 0%);

  transition: all 0.3s;

}

.head_box .h-money .hd {

  position: relative;

  display: flex;

  align-items: center;

  cursor: pointer;

}

.head_box .h-money .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/h-money.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-money .sp {

  margin: 0 0.1rem;

}

.head_box .h-money .ar {

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-23.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-money .bd {

  position: absolute;

  min-width: 100%;

  top: 150%;

  left: 50%;

  opacity: 0;

  pointer-events: none;

  transform: translate(-50%, 10%);

  transition: all 0.3s;

  padding-top: 0.2rem;

  z-index: 5;

}

.head_box .h-money .b_a {

  display: block;

  text-align: center;

  padding: 0.1rem;

  white-space: nowrap;

  background-color: #0f60eb;

  color: #fff;

}

.head_box .h-money .b_a:hover {

  color: #0f60eb;

  background-color: #fff;

}

.head_box .h-lang1 .hd {

  color: #000;

}

.head_box .h-lang1 .aa {

  display: inline-flex;

  align-items: center;

  opacity: 0.4;

}

.head_box .h-lang1 .on {

  opacity: 1;

}

.head_box .h-lang1 .line {

  margin: 0 0.5em;

}

.head_box .login {

  position: relative;

  margin-left: 0.45rem;

}

.head_box .login.has_login:hover .bd {

  display: block;

}

.head_box .login .hd {

  line-height: 1;

  padding: 0.1rem 0.22rem;

  background-color: #0f60eb;

  color: #fff;

  border-radius: 0.1rem;

  display: block;

}

.head_box .login .bd {

  position: absolute;

  top: 100%;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  padding-top: 0.2rem;

  width: 1rem;

  min-width: 60px;

  display: none;

}

.head_box .login .btn {

  text-align: center;

  background-color: #fff;

  color: #0f60eb;

  cursor: pointer;

  padding: 0.1rem 0;

}

.head_box .h-quote {

  line-height: 0.46rem;

  background-color: #0f60eb;

  color: #fff;

  padding: 0 0.3rem;

  border-radius: 0.06rem;

  margin-right: 0.3rem;

  cursor: pointer;

  border: none;

}

.head_box .h-phone {

  display: inline-flex;

  align-items: center;

  color: #0f60eb;

  font-weight: bold;

}

.head_box .h-phone .ic {

  width: 0.26rem;

  height: 0.26rem;

  background-image: url(../images/h-phone.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  flex-shrink: 0;

  margin-right: 0.1rem;

}

.head_box .h-href {

  display: inline-flex;

}

.head_box .h-href .ic {

  height: 0.24rem;

}

.head_box .h-user {

  cursor: pointer;

  margin-left: 0.4rem;

}

.head_box .h-user .hic {

  display: block;

  width: 1em;

  height: 1em;

  background-image: url(../images/h-user-w.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-shop {

  cursor: pointer;

  margin-left: 0.4rem;

}

.head_box .h-shop .hic {

  cursor: pointer;

  display: block;

  width: 1em;

  height: 1em;

  background-image: url(../images/h-shop.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-search {

  position: relative;

  cursor: pointer;

  margin-right: 0.6rem;

}

.head_box .h-search .hic {

  display: block;

  width: 1em;

  height: 1em;

  background-image: url(../images/h-mag-b.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.head_box .h-vr .aa {

  display: block;

  padding: 0 0.24rem;

  line-height: 3;

  border-radius: 1rem;

  background-color: #0f60eb;

  color: #fff;

  white-space: nowrap;

}

.head_box .h-more {

  cursor: pointer;

  display: none;

  margin-left: 0.2rem;

}

.head_box .h-more .ic {

  display: block;

  width: 1em;

  height: 1em;

  background-image: url(../images/h-more-b.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

@media (max-width: 1600px) {

  .head_box .h-search {

    margin-right: 0.2rem;

  }

}

@media (max-width: 1280px) {

  .head_box .ul1 .li1 {

    margin-right: 0.2rem;

  }

}

@media screen and (max-width: 1080px) {

  .head_box {

    height: 1rem;

  }

  .head_box .logo .pi {

    display: none;

  }

  .head_box .logo .mi {

    display: block;

  }

  .head_box .ul1 {

    display: none;

  }

  .head_box .h-money {

    display: none;

  }

  .head_box .h-user {

    filter: brightness(0) invert(1);

  }

  .head_box .h-shop {

    filter: brightness(0) invert(1);

  }

  .head_box .h-more {

    display: block;

  }

  .head_box .h-vr {

    display: none;

  }

}



.head-sub {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100vw;

  background-color: rgba(21, 21, 21, 0.95);

  pointer-events: none;

  overflow: hidden;

  opacity: 0;

}

.head-sub .hs-box1 {

  padding: 0.6rem 0;

}

.head-sub .hs-ablist {

  display: flex;

  justify-content: center;

}

.head-sub .hs-ablist .ha {

  width: 2.78rem;

  text-align: center;

  margin: 0 0.2rem;

  background-color: #2a2a2a;

}

.head-sub .hs-ablist .ha:hover .img img {

  transform: scale(1.1);

}

.head-sub .hs-ablist .img {

  position: relative;

  padding-top: 56.4748201439%;

  overflow: hidden;

}

.head-sub .hs-ablist .te {

  padding: 0.16rem;

  color: #fff;

}

.head-sub .hs-ul1 {

  display: flex;

}

.head-sub .hs-ul1 .hs-li {

  width: 22.5%;

}

.head-sub .hs-ul1 .hs-li1 {

  width: 31.25%;

  margin-right: 3.125%;

}

.head-sub .hs-ul1 .hs-li2 {

  padding-bottom: 0.2rem;

}

.head-sub .hs-ul1 .d1 {

  font-weight: 600;

}

.head-sub .hs-ul1 .d2 {

  line-height: 1.625;

  color: #666;

  margin-top: 0.18rem;

}

.head-sub .hs-ul1 .img {

  position: relative;

  padding-top: 40%;

  margin-top: 0.18rem;

}

.head-sub .hs-ul1 .aa {

  padding: 0 0.3rem;

  display: block;

  height: 100%;

  box-shadow: 1px 0 0 0 inset #f3f3f3;

}

.head-sub .hs-ul1 .aa:hover .d13 {

  background-image: url(../images/a14.png);

  background-color: #0f60eb;

  box-shadow: none;

}

.head-sub .hs-ul1 .d11 {

  font-weight: 600;

}

.head-sub .hs-ul1 .d12 {

  line-height: 1.625;

  height: 4.875em;

  color: #666;

  margin-top: 0.18rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.head-sub .hs-ul1 .d13 {

  width: 1em;

  height: 1em;

  box-shadow: 0 0 0 1px inset #ccc;

  border-radius: 50%;

  margin-right: 0.2rem;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 34.7826086957%;

  background-image: url(../images/a13.png);

  cursor: pointer;

  margin-top: 1.2rem;

}

.head-sub .hs-box2 {

  display: flex;

  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);

  color: #fff;

}

.head-sub .hs_le {

  width: 20%;

  position: relative;

}

.head-sub .hs_le::before {

  content: "";

  width: 300%;

  height: 200%;

  position: absolute;

  right: -0.2rem;

  top: 50%;

  transform: translateY(-50%);

  background-color: #f7f7f7;

  pointer-events: none;

}

.head-sub .hs_ri {

  width: 75%;

}

.head-sub .hp_nav {

  position: relative;

}

.head-sub .hp_nav .hp_li {

  margin-bottom: 0.1rem;

}

.head-sub .hp_nav .hp_li.on .hp_dd {

  background-color: #fff;

  color: #0f60eb;

}

.head-sub .hp_nav .hp_li.on .hp_dd::before {

  border-left: 0.25em solid #0f60eb;

}

.head-sub .hp_nav .hp_dd {

  position: relative;

  padding: 0.2rem;

  line-height: 1;

  cursor: pointer;

}

.head-sub .hp_nav .hp_dd:hover {

  color: #0f60eb;

}

.head-sub .hp_nav .hp_dd::before {

  content: "";

  border-top: 0.25em solid transparent;

  border-bottom: 0.25em solid transparent;

  border-left: 0.25em solid #ccc;

  position: absolute;

  right: 0.2rem;

  top: 50%;

  transform: translateY(-50%);

}

.head-sub .hp-item2 {

  position: absolute;

  left: 100%;

  top: 0;

  width: 100%;

  height: 100%;

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);

}

.head-sub .h-item3 {

  position: absolute;

  left: 100%;

  top: 0;

  width: 10.1rem;

  height: 100%;

  padding: 0.6rem;

  padding-right: 0;

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);

}

.head-sub .hp-list {

  display: flex;

}

.head-sub .hp-list .li {

  width: 2.78rem;

  margin-right: 0.3rem;

}

.head-sub .hp-list .hp_a {

  text-align: center;

  display: block;

  background-color: #2a2a2a;

}

.head-sub .hp-list .hp_a:hover .img img {

  transform: scale(1.1);

}

.head-sub .hp-list .img {

  position: relative;

  padding-top: 56.1151079137%;

  overflow: hidden;

}

.head-sub .hp-list .te {

  padding: 0.16rem;

  color: #fff;

}

.head-sub .hp-list .t11 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.head-sub .hp-ul {

  padding: 0.56rem 0;

  padding-left: 0.6rem;

}

.head-sub .hp-ul .hp-li {

  margin-bottom: 0.2rem;

}

.head-sub .hp-ul .hp-li:last-child {

  margin-bottom: 0;

}

.head-sub .hp-ul .h_ua {

  display: block;

  cursor: pointer;

  position: relative;

}

.head-sub .hp-item {

  display: none;

}

.head-sub .hp-li.pshow > .hp-item {

  display: block;

}

.head-sub .hp-li.pshow > .h_ua {

  color: #0f60eb;

}

.head-sub .hp-li.pshow > .h_ua::before {

  content: "";

  width: 1em;

  height: 1em;

  position: absolute;

  top: 50%;

  right: 0.4rem;

  transform: translateY(-50%);

  background-image: url(../images/a2.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 87.5% auto;

}

.head-sub .hs-pro1 {

  width: 16.6447368421%;

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);

  position: relative;

}

.head-sub .hs-pro2 {

  width: 16.6447368421%;

  padding-top: 0.58rem;

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);

}

.head-sub .hs-pro3 {

  width: 66.4473684211%;

  padding-left: 0.6rem;

  padding-top: 0.58rem;

  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);

}



.head-pro {

  position: fixed;

  left: 50%;

  top: 1rem;

  transform: translate(-50%);

  display: none;

}

.head-pro .hp-box {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  padding: 0.6rem 0.4rem;

  width: 8rem;

  max-width: 100vw;

  background-color: rgba(21, 21, 21, 0.95);

}

.head-pro .imgs {

  width: 38.6111111111%;

}

.head-pro .img {

  position: relative;

  padding-top: 56.4748201439%;

}

.head-pro .list {

  width: 55%;

  display: flex;

  flex-wrap: wrap;

}

.head-pro .litem {

  width: 50%;

  margin-bottom: 0.2rem;

  padding-right: 2%;

}

.head-pro .la {

  color: #fff;

}

.head-pro .la:hover {

  color: #0f60eb;

}



.head-pro2 {

  left: 55%;

}



.head-pro3 {

  left: 60%;

}



.md-mob_sideNav {

  position: fixed;

  right: -100%;

  top: 0;

  width: 8rem;

  max-width: 70%;

  height: 100vh;

  background-color: #fff;

  transition: all 0.4s linear;

  z-index: 300;

}

.md-mob_sideNav .ul1 .li1 {

  position: relative;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  margin: auto;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);

}

.md-mob_sideNav .ul1 .a1 {

  position: relative;

  display: block;

  line-height: 50px;

  padding-left: 20px;

  font-size: 16px;

}

.md-mob_sideNav .ul1 .ul2 {

  display: none;

}

.md-mob_sideNav .ul1 .ul2 .li2 .a2 {

  max-width: 90%;

  margin: 5px 0;

  padding-left: 30px;

  line-height: 30px;

  font-size: 14px;

  display: block;

}

.md-mob_sideNav .ul1 .ul2 .li2 .a2:hover {

  color: #0f60eb;

}

.md-mob_sideNav .ul1 .dt {

  position: relative;

}

.md-mob_sideNav .ul1 .has_nav > .dt::after {

  content: "";

  width: 0.16rem;

  height: 0.16rem;

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  background-image: url(../images/hm_3.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.md-mob_sideNav .ul1 .has_nav.show > .dt::after {

  background-image: url(../images/hm_4.png);

}

.md-mob_sideNav .hmob_off {

  padding: 10px 20px;

  height: 50px;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);

  display: flex;

  justify-content: flex-end;

}

.md-mob_sideNav .m_off {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  box-shadow: 0 0 0 1px #000;

  background-image: url(../images/m_off1.png);

  background-size: 50% auto;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  opacity: 0.8;

}

.md-mob_sideNav .hmob_top {

  height: calc(100% - 50px);

  overflow-y: auto;

  scrollbar-width: thin;

}

.md-mob_sideNav .hmob_top::-webkit-scrollbar {

  width: 5px;

  height: 1px;

}

.md-mob_sideNav .hmob_top::-webkit-scrollbar-thumb {

  border-radius: 10px;

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  background: #fff;

}

.md-mob_sideNav .hmob_top::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background: #ededed;

}

.md-mob_sideNav .hmob_bot {

  height: 0.7rem;

  display: flex;

  justify-content: center;

  border-top: 1px solid rgba(51, 51, 51, 0.3);

}

.md-mob_sideNav .hmob_bot .btn {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  cursor: pointer;

}

.md-mob_sideNav .hmob_bot img {

  width: 20px;

  margin-right: 5px;

}

.md-mob_sideNav .hmob_lang {

  position: absolute;

  right: -100%;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 20px;

  padding-top: 0;

  background-color: #fff;

  transition: all 0.2s;

}

.md-mob_sideNav .hmob_lang.show {

  right: 0;

  transition: all 0.2s;

}

.md-mob_sideNav .hmob_back {

  display: flex;

  align-items: center;

  line-height: 1;

  padding: 20px 0;

  cursor: pointer;

}

.md-mob_sideNav .hmob_back img {

  margin-right: 10px;

}

.md-mob_sideNav .ul3 {

  display: none;

}

.md-mob_sideNav .ul3 li {

  padding: 5px 0;

}

.md-mob_sideNav .hmob-money {

  padding: 0 20px;

  margin-top: 10px;

}

.md-mob_sideNav .hmob-money.show .ar {

  transform: translateY(-50%) rotate(180deg);

}

.md-mob_sideNav .hmob-money .hd {

  position: relative;

  display: flex;

  align-items: center;

  cursor: pointer;

  padding: 10px 0;

}

.md-mob_sideNav .hmob-money .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/h-money.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.md-mob_sideNav .hmob-money .sp {

  margin-left: 0.3rem;

}

.md-mob_sideNav .hmob-money .ar {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  transform-origin: center;

  transition: transform 0.3s;

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-23.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.md-mob_sideNav .hmob-money .bd {

  margin-top: 5px;

  display: none;

}

.md-mob_sideNav .hmob-money .b_a {

  display: block;

  padding: 10px 0;

  color: #333;

  border-bottom: 1px dashed #666;

}

@media (min-width: 769px) {

  .md-mob_sideNav .hmob-money {

    display: none;

  }

}



.md-search_form {

  position: fixed;

  top: 0rem;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 100;

  opacity: 0;

  pointer-events: none;

  transform-origin: top;

  transition: all 0.2s;

}

.md-search_form.show {

  transform: scaleY(1);

  transition: all 0.2s;

  display: block;

  opacity: 1;

  pointer-events: auto;

}

.md-search_form .h_form {

  width: 100%;

  position: relative;

  z-index: 402;

  padding: 0.4rem 0;

  background-color: #fff;

}

.md-search_form .inp {

  width: 6rem;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  border-bottom: 1px solid #ccc;

}

.md-search_form .inp input {

  width: 100%;

  height: 0.5rem;

  min-height: 40px;

  border: none;

  outline: none;

  font-family: unset;

}

.md-search_form .h_sub {

  position: absolute;

  right: 0rem;

  top: 50%;

  transform: translateY(-50%);

  width: 0.4rem;

  min-width: 30px;

  height: 0.4rem;

  min-height: 30px;

  border-radius: 50%;

  background-color: #0f60eb;

  background-image: url(../images/h-mag-w.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 40% auto;

  cursor: pointer;

  z-index: 10;

  border: none;

  outline: none;

}

.md-search_form .mask {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

}



.md-foot {

  position: relative;

  background-color: #000000;

  background-image: url(../images/foot-bg.jpg);

  background-repeat: no-repeat;

  background-size: 100%;

}

.md-foot .ul1 .li1 {

  margin-right: 0.2rem;

}

.md-foot .ul1 .li1:last-child {

  margin-right: 0;

  width: auto;

}

.md-foot .ul1 .a1 {

  color: #fff;

  transition: all 0.3s;

}

.md-foot .ul1 .a1:hover {

  opacity: 0.6;

  transition: all 0.3s;

}

.md-foot .ul1 .ul2 {

  margin-top: 0.25rem;

  position: relative;

}

.md-foot .ul1 .li2 {

  margin-bottom: 0.16rem;

}

.md-foot .ul1 .li2:last-child {

  margin-bottom: 0;

}

.md-foot .ul1 .a2 {

  color: rgba(255, 255, 255, 0.6);

  transition: color 0.3s;

}

.md-foot .ul1 .a2:hover {

  text-decoration: underline;

  transition: color 0.3s;

}

.md-foot .shares {

  display: flex;

  flex-wrap: wrap;

  font-size: 0;

}

.md-foot .shares .si {

  position: relative;

  margin-left: 0.3rem;

}

.md-foot .shares .si:hover .hd {

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #02fdfe 0%, #0056fb 100%);

}

.md-foot .shares .si:hover .hi {

  opacity: 1;

  filter: brightness(0) invert(1);

}

.md-foot .shares .si:hover .bd {

  opacity: 1;

  pointer-events: auto;

}

.md-foot .shares .hd {

  width: 1em;

  height: 1em;

  position: relative;

  display: inline-flex;

  background-color: #fff;

  border-radius: 50%;

  transition: all 0.3s;

}

.md-foot .shares .hi {

  width: 1em;

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

  -o-object-position: center;

     object-position: center;

}

.md-foot .shares .bd {

  position: absolute;

  left: 50%;

  bottom: 100%;

  transform: translate(-50%);

  opacity: 0;

  pointer-events: none;

  padding-bottom: 0.18rem;

  z-index: 30;

}

.md-foot .shares .bd .bbox {

  background-color: #fff;

  position: relative;

}

.md-foot .shares .bd img {

  width: 1rem;

  min-width: 80px;

  max-width: none;

}

@media screen and (max-width: 768px) {

  .md-foot .ul1 {

    display: none;

  }

}



.foot-0 {

  pointer-events: none;

}

.foot-0 img {

  width: 100%;

  position: relative;

  z-index: 2;

}



.foot-1 {

  position: relative;

}

.foot-1 .box {

  padding-top: 0.8rem;

  padding-bottom: 0.4rem;

  border-bottom: 2px solid rgba(255, 255, 255, 0.2);

}

.foot-1 .logo {

  display: inline-flex;

}

.foot-1 .logo img {

  height: 1em;

}

.foot-1 .form {

  display: flex;

  align-items: center;

  color: #fff;

}

.foot-1 .form .inp {

  position: relative;

  margin-left: 0.16rem;

}

.foot-1 .form .ip {

  width: 3.8rem;

  height: 0.48rem;

  min-height: 40px;

  background-color: #292929;

  color: #fff;

  padding: 0 0.16rem;

  border-radius: 8px;

  border: 1px solid #444;

}

.foot-1 .form .ip::-moz-placeholder {

  color: rgba(255, 255, 255, 0.5);

}

.foot-1 .form .ip::placeholder {

  color: rgba(255, 255, 255, 0.5);

}

.foot-1 .form .submit {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  border: none;

  background-color: #fff;

  color: #222;

  cursor: pointer;

  border-radius: 0 8px 8px 0;

}

@media screen and (max-width: 768px) {

  .foot-1 .box {

    flex-wrap: wrap;

    justify-content: center;

  }

  .foot-1 .le {

    width: 100%;

    text-align: center;

  }

  .foot-1 .text {

    width: 100%;

    text-align: center;

    border: none;

  }

  .foot-1 .form {

    width: 100%;

    text-align: center;

    justify-content: center;

    margin-top: 0.4rem;

  }

  .foot-1 .form .inp {

    flex-grow: 1;

  }

  .foot-1 .form .ip {

    width: 100%;

  }

  .foot-1 .shares {

    width: 100%;

    justify-content: center;

    margin-top: 0.2rem;

  }

  .foot-1 .shares .si {

    margin: 0.1rem;

  }

  .foot-1 .code {

    width: 2rem;

    margin: 0 auto;

  }

}



.foot-2 {

  padding-top: 0.56rem;

  padding-bottom: 0.8rem;

  position: relative;

  z-index: 2;

  color: #fff;

}

.foot-2 .ul .li {

  margin-bottom: 0.36rem;

}

.foot-2 .ul .li:last-child {

  margin-bottom: 0;

}

@media (max-width: 768px) {

  .foot-2 {

    display: none;

  }

  .foot-2 .box {

    flex-wrap: wrap;

    text-align: center;

  }

}



.foot-3 {

  line-height: 2;

  position: relative;

}

.foot-3 .box {

  border-top: 2px solid rgba(255, 255, 255, 0.2);

  color: rgba(255, 255, 255, 0.6);

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding-top: 0.3rem;

  padding-bottom: 0.3rem;

  position: relative;

}

.foot-3 .ri {

  text-align: right;

}

.foot-3 .te {

  margin-top: 0.12rem;

}

.foot-3 .href a:hover {

  text-decoration: underline;

}

@media screen and (max-width: 768px) {

  .foot-3 .box {

    flex-wrap: wrap;

    padding: 0.2rem 0;

  }

  .foot-3 .href {

    width: 100%;

    text-align: center;

    order: 2;

  }

  .foot-3 .shares {

    width: 100%;

    order: 1;

  }

}



.foot-btn {

  position: absolute;

  bottom: 100%;

  right: 0.2rem;

  width: 0.46rem;

  height: 0.46rem;

  background-image: url(../images/a12.png);

  background-repeat: no-repeat;

  background-size: 30.4347826087% auto;

  background-position: center;

  background-color: #0f60eb;

  cursor: pointer;

  z-index: 90;

}



.ft-link {

  position: relative;

}

.ft-link .fk-tip {

  padding: 0 0.2rem;

  line-height: 3em;

  background-color: rgba(255, 255, 255, 0.06);

  box-shadow: 0 0 0 1px inset rgba(255, 255, 255, 0.1);

  color: rgba(255, 255, 255, 0.5);

  cursor: pointer;

}

.ft-link .fk-tip::before {

  content: "";

  border-top: 0.05rem solid rgba(255, 255, 255, 0.8);

  border-left: 0.05rem solid transparent;

  border-right: 0.05rem solid transparent;

  position: absolute;

  right: 0.2rem;

  top: 50%;

  transform: translateY(-50%);

}

.ft-link .fk-sub {

  position: absolute;

  bottom: 100%;

  left: 0;

  width: 100%;

  background-color: rgba(51, 51, 51, 0.9);

  color: rgba(255, 255, 255, 0.6);

  display: none;

}

.ft-link .fk-item {

  display: block;

  cursor: pointer;

  width: 100%;

  padding: 0.05rem 0.2rem;

  line-height: 2;

}



.md-sideNav {

  position: fixed;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  z-index: 60;

  background-color: #fff;

  box-shadow: 0px 0px 0.35rem 0px rgba(4, 0, 0, 0.11);

  border-radius: 1rem;

}

.md-sideNav .sn_i {

  position: relative;

}

.md-sideNav .sn_i:last-child {

  margin-bottom: 0;

}

.md-sideNav .sn_i:hover .hd {

  background-color: #0f60eb;

  transition: all 0.3s;

}

.md-sideNav .sn_i:hover .hd .i1 {

  display: none;

}

.md-sideNav .sn_i:hover .hd .i2 {

  display: block;

}

.md-sideNav .sn_i:hover .hd .ic {

  filter: brightness(0) invert(1);

}

.md-sideNav .sn_i:hover .ht {

  color: #fff;

}

.md-sideNav .sn_i:hover .bd {

  opacity: 1;

  pointer-events: auto;

  transition: all 0.3s;

}

.md-sideNav #nform0.show .bd {

  opacity: 1;

  pointer-events: auto;

  transform: translate(0);

  transition: all 0.5s;

}

.md-sideNav .hd {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  position: relative;

  padding: 0.1rem;

  cursor: pointer;

  background-color: #fff;

  transition: all 0.3s;

}

.md-sideNav .hd .ic {

  width: 0.2rem;

  height: 0.2rem;

  position: relative;

}

.md-sideNav .hd img {

  height: 100%;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translate(-50%);

  -o-object-fit: contain;

     object-fit: contain;

  -o-object-position: center;

     object-position: center;

}

.md-sideNav .hd .i2 {

  display: none;

}

.md-sideNav .hd .ht {

  margin-top: 0.07rem;

}

.md-sideNav .bd {

  position: absolute;

  right: 100%;

  top: 0;

  padding-right: 0.12rem;

  opacity: 0;

  pointer-events: none;

  transition: all 0.5s;

}

.md-sideNav .b_box {

  background-color: #fff;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

  border-radius: 0.06rem;

}

.md-sideNav .ph {

  white-space: nowrap;

  height: 0.8rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  padding: 0 0.12rem;

  line-height: 1.5;

}

.md-sideNav .ph .d2 {

  color: #0f60eb;

  font-weight: 600;

}

.md-sideNav .wx {

  padding: 0.1rem;

  text-align: center;

}

.md-sideNav .wx .d1 {

  line-height: 1.8;

}

.md-sideNav .wx .img {

  display: block;

  width: 1rem;

  min-width: 100px;

  max-width: none;

}

.md-sideNav #goTop {

  display: none;

}

.md-sideNav #goTop.show {

  display: block;

}

@media screen and (max-width: 1200px) {

  .md-sideNav .hd .ht {

    display: none;

  }

}

@media screen and (max-width: 768px) {

  .md-sideNav {

    display: none;

  }

  .md-sideNav .wx {

    width: 2rem;

  }

}



@keyframes ban {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}

@keyframes sp100 {

  0% {

    width: 0;

  }

  100% {

    width: 100%;

  }

}

@keyframes xuanzhuan {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

.com-form .cf-box {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.com-form .fi {

  width: 4rem;

  margin-bottom: 0.2rem;

  margin: 0 0.1rem;

}

.com-form .fi:last-child {

  margin-bottom: 0;

}

.com-form .ww100 {

  width: 100%;

  margin-right: 0;

}

.com-form .ft {

  color: #222;

}

.com-form .inp {

  position: relative;

}

.com-form .ip {

  width: 100%;

  height: 0.5rem;

  min-height: 36px;

  padding: 0 0.2rem;

  padding-right: 0.4rem;

  border: 1px solid #ccc;

  border-radius: 0.1rem;

}

.com-form .ip::-moz-placeholder {

  color: #999;

}

.com-form .ip::placeholder {

  color: #999;

}

.com-form .ta {

  width: 100%;

  height: 100%;

  min-height: 60px;

  padding: 0.2rem 0.24rem;

  border: 1px solid #e5e5e5;

}

.com-form .code {

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

}

.com-form .cf-btns {

  display: flex;

  justify-content: center;

  margin-top: 0.7rem;

}

.com-form .btn {

  background-color: #fff;

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-mag2.png);

  background-repeat: no-repeat;

  background-size: contain;

  cursor: pointer;

  border: none;

  position: absolute;

  top: 50%;

  right: 0.2rem;

  transform: translateY(-50%);

  transition: all 0.3s;

}

.com-form .sel {

  position: relative;

}

.com-form .sel.show .select-sub {

  opacity: 1;

  pointer-events: auto;

  transition: opacity 0.3s;

}

.com-form .select-ip {

  display: flex;

  align-items: center;

  padding: 0 0.2rem;

  height: 0.5rem;

  min-height: 36px;

  box-shadow: 0 0 0 1px inset #ccc;

  position: relative;

  z-index: 50;

  border-radius: 0.1rem;

  cursor: pointer;

}

.com-form .select-ip .select-te {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.com-form .select-ip .select-ic {

  display: block;

  width: 1em;

  height: 1em;

  position: absolute;

  right: 0.3rem;

  top: 50%;

  transform: translateY(-50%);

  background-image: url(../images/icon-5.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  z-index: 10;

}

.com-form .select-ip .select-input {

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 0;

  border: none;

}

.com-form .select-sub {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  z-index: 60;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.3s;

}

.com-form .select-cont {

  max-height: 2rem;

  overflow-y: auto;

  border-radius: 0.1rem;

  box-shadow: 0 3px 0.16rem rgba(0, 0, 0, 0.08);

}

.com-form .select-item {

  padding: 0.15rem 0.2rem;

  background-color: #f6f6f6;

  cursor: pointer;

}

.com-form .select-item:hover {

  background-color: #0f60eb;

  color: #fff;

}

.com-form .sel-ic {

  position: absolute;

  right: 0.2rem;

  top: 50%;

  transform: translateY(-50%);

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-12.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  z-index: 58;

}

.com-form .search-ic {

  position: absolute;

  right: 0.3rem;

  top: 50%;

  transform: translateY(-50%);

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-7.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  z-index: 58;

}

@media (max-width: 768px) {

  .com-form .fi {

    width: 100%;

    margin: 10px 0;

  }

}



.search-0 .bg {

  position: relative;

  padding-top: 34.375%;

}

.search-0 .text {

  width: 100%;

  position: absolute;

  left: 0;

  top: 49%;

  transform: translateY(-50%);

}

.search-0 .d1 {

  color: #fff;

  font-weight: bold;

}

.search-0 .inp {

  position: relative;

  width: 5.3rem;

  margin-top: 0.25rem;

}

.search-0 .ip {

  width: 100%;

  height: 0.48rem;

  background-color: #fff;

  border: none;

  padding: 0 0.2rem;

  border-radius: 8px;

}

.search-0 .submit {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  padding: 0 0.3rem;

  background-color: #0f60eb;

  color: #fff;

  border: none;

  cursor: pointer;

  border-radius: 0 8px 8px 0;

}



.search-1 {

  padding-top: 0.28rem;

}

.search-1 .com-tt {

  margin-top: 0.78rem;

}

.search-1 .form {

  margin-top: 0.35rem;

}

.search-1 .inp {

  width: 10rem;

  max-width: 100%;

  margin: 0 auto;

  position: relative;

}

.search-1 .ip {

  width: 100%;

  height: 0.7rem;

  padding: 0 0.3rem;

  border: none;

  border-radius: 0.1rem;

  color: #333;

  background-color: whitesmoke;

}

.search-1 input[type=search] {

  -webkit-appearance: none;

}

.search-1 input::-webkit-search-cancel-button {

  display: none;

}

.search-1 .btn {

  width: 0.2rem;

  height: 0.2rem;

  background-image: url(../images/icon-mag2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  border: none;

  background-color: transparent;

  position: absolute;

  right: 0.3rem;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

.search-1 .tags {

  display: flex;

  justify-content: center;

  margin-top: 0.25rem;

}

.search-1 .ti {

  padding: 0.2rem 0;

  position: relative;

  margin-right: 1.6rem;

  color: #666;

}

.search-1 .ti:last-child {

  margin-right: 0;

}

.search-1 .ti:hover {

  color: #0f60eb;

}

.search-1 .ti.on {

  color: #0f60eb;

  font-weight: 600;

}

.search-1 .ti.on::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background-color: #0f60eb;

}

@media (max-width: 768px) {

  .search-1 .ti {

    margin: 0 0.2rem;

  }

}



.search-2 {

  padding-top: 0.6rem;

  padding-bottom: 0.6rem;

}

.search-2 .h2 {

  font-weight: 600;

}

.search-2 .pitem {

  margin-bottom: 0.67rem;

}

.search-2 .pitem:last-child {

  margin-bottom: 0;

}

.search-2 .pro-list {

  margin-top: 0.4rem;

  margin-bottom: 0;

}

.search-2 .mores {

  text-align: center;

}

.search-2 .more {

  display: inline-block;

  line-height: 3;

  padding: 0 0.48rem;

  background-color: #0f60eb;

  color: #fff;

  cursor: pointer;

  border-radius: 1rem;

}

.bgsize {

  background-repeat: no-repeat;

  background-size: cover;

}



@keyframes wd {

  0% {

    width: 0;

  }

  100% {

    width: 100%;

  }

}

.pointer {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 30;

  width: 3rem;

  height: 3rem;

  background: rgba(0, 0, 0, 0.2);

  display: none;

  cursor: crosshair;

}



.preview {

  position: absolute;

  left: calc(100% + 0.2rem);

  top: 0;

  z-index: 30;

  width: 5rem;

  height: 5rem;

  overflow: hidden;

  pointer-events: none;

  opacity: 0;

  transition: opacity 0.3s;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);

  background-color: #fff;

}

.preview.op1 {

  opacity: 1;

}



.preview .cpImg {

  padding-top: 100%;

  background-color: #fff;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}



@media (max-width: 768px) {

  .pointer {

    display: none !important;

  }

  .preview {

    display: none !important;

  }

}

.ho-nav {

  position: fixed;

  right: 0.35rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 50;

}

.ho-nav.ho1 .ic::before {

  box-shadow: 0 0 0 2px white inset;

}

.ho-nav a {

  display: block;

}

.ho-nav .ni {

  margin: 0.2rem 0;

  cursor: pointer;

}

.ho-nav .ni.active .ic {

  background-color: #0f60eb;

}

.ho-nav .ni.active .ic::before {

  box-shadow: 0 0 0 1px white inset !important;

}

.ho-nav .ni .sp {

  width: 1em;

  display: none;

}

.ho-nav .ic {

  display: block;

  width: 0.2rem;

  height: 0.2rem;

  border-radius: 50%;

  position: relative;

}

.ho-nav .ic::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  transform: scale(0.5);

  transform-origin: center;

  box-shadow: 0 0 0 1px #999999 inset;

  border-radius: 50%;

}

@media (max-width: 768px) {

  .ho-nav {

    opacity: 0;

    pointer-events: none;

  }

}



@media (max-width: 768px) {

  .fp-section,

  .fp-tableCell {

    height: auto !important;

  }

}

@keyframes wd {

  0% {

    width: 0;

  }

  100% {

    width: 100%;

  }

}

@keyframes rotate {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}

.ho-tit {

  position: relative;

}

.ho-tit.cent {

  text-align: center;

}

.ho-tit.cent .ht2 {

  left: 50%;

  transform: translate(-50%, -50%);

}

.ho-tit .ht1 {

  font-weight: 600;

  position: relative;

  z-index: 1;

}

.ho-tit .ht2 {

  position: absolute;

  left: 0;

  top: 0%;

  transform: translateY(-50%);

  opacity: 0.1;

  font-weight: bold;

  white-space: nowrap;

  pointer-events: none;

  z-index: 0;

}

.ho-ban {

  position: relative;

  overflow: hidden;

}

.ho-ban .ho_sw {

  overflow: hidden;

}

.ho-ban .ho_sw .img {

  position: relative;

  padding-top: 37.5%;

  overflow: hidden;

  transition: all 0.3s;

  display: block;

  background-color: #999;

}

.ho-ban .ho_sw .img img {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  -o-object-fit: cover;

     object-fit: cover;

}

.ho-ban .ho_sw .text {

  width: 100%;

  position: absolute;

  left: 0%;

  top: 49%;

  transform: translateY(-50%);

  color: #fff;

  opacity: 0;

}

.ho-ban .ho_sw .d1 {

  font-weight: 600;

}

.ho-ban .ho_sw .d2 {

  margin-top: 0.5rem;

}

.ho-ban .ho_sw .cpa {

  display: inline-flex;

  box-shadow: 0 0 0 2px inset #fff;

  line-height: 1;

  border-radius: 1rem;

  color: #fff;

  padding: 0.2rem 0.24rem;

  border-radius: 1rem;

  min-width: 2.2rem;

}

.ho-ban .ho_sw .ic {

  width: 0.5em;

  height: 1em;

  background-image: url(../images/a2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.ho-ban .swiper-slide-active .text {

  opacity: 1;

  transition: opacity 1s 0.5s;

}

.ho-ban .swiper-pagination {

  bottom: 0.3rem;

  width: 100%;

  display: flex;

  justify-content: center;

}

.ho-ban .swiper-pagination-bullet {

  width: 1em;

  height: 3px;

  border-radius: 0;

  background-color: rgba(255, 255, 255, 0.5);

  margin: 0 0.05rem;

  opacity: 1;

  position: relative;

}

.ho-ban .swiper-pagination-bullet-active {

  background-color: #fff;

}

.ho-ban .ho_bot {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  position: absolute;

  bottom: 0.8rem;

  left: 50%;

  transform: translate(-50%);

  z-index: 30;

  color: #fff;

  line-height: 1;

}

.ho-ban .mouse {

  cursor: pointer;

  position: absolute;

  left: 50%;

  bottom: 0.3rem;

  transform: translate(-50%);

  z-index: 30;

  text-align: center;

  color: #fff;

}

.ho-ban .mouse .ani {

  animation: jump 1s linear infinite;

}

.ho-ban .mouse img {

  width: 1em;

  margin-bottom: 0.12rem;

}

.ho-ban .anim::after {

  animation: indicator-loading 4.5s linear forwards;

}

.ho-ban .btns {

  display: flex;

  align-items: center;

  position: absolute;

  right: 1rem;

  bottom: 0.45rem;

  z-index: 30;

}

.ho-ban .sbtn {

  width: 1em;

  height: 1em;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

  opacity: 1;

  z-index: 30;

  filter: brightness(0) invert(1);

}

.ho-ban .sbtn:hover {

  filter: none;

}

.ho-ban .prev {

  background-image: url(../images/b3.png);

}

.ho-ban .next {

  background-image: url(../images/b4.png);

}

.ho-ban .num {

  margin: 0 0.25rem;

}

.ho-ban .nums {

  color: rgba(255, 255, 255, 0.4);

  white-space: nowrap;

  z-index: 5;

  position: relative;

}

.ho-ban .nums .num1 {

  color: #fff;

}

.ho-ban svg {

  position: absolute;

  left: 0;

  top: 0;

  width: 60px;

  height: 60px;

  opacity: 0;

  transform-origin: top left;

}

.ho-ban svg circle {

  transform: rotate(-90deg);

  transform-origin: center;

}

.ho-ban .pag {

  display: flex;

  justify-content: center;

  position: absolute;

  bottom: 0.75rem;

  left: 0;

  width: 100%;

  z-index: 30;

}

.ho-ban .pi {

  display: flex;

  align-items: center;

  color: rgba(255, 255, 255, 0.5);

  margin: 0 0.1rem;

}

.ho-ban .pi.on {

  color: white;

}

.ho-ban .pi.on .line {

  display: block;

}

.ho-ban .pi.on .line::after {

  animation: wd 4.5s linear;

  animation-fill-mode: forwards;

}

@media screen and (max-width: 768px) {

  .ho-ban .mouse {

    opacity: 0;

  }

  .ho-ban .ho_sw .d1 {

    font-size: 24px;

  }

  .ho-ban .ho_sw .d2 {

    display: none;

  }

  .ho-ban .ho_sw .tbtn {

    padding-bottom: 0;

  }

  .ho-ban .btns {

    right: 2%;

  }

}

@media (max-width: 500px) {

  .ho-ban .ho_sw .d1 {

    font-size: 20px;

  }

  .ho-ban .btns {

    display: none;

  }

}



@keyframes circleLoad {

  0% {

    stroke-dashoffset: 188.4;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@keyframes indicator-loading {

  0% {

    transform: scaleX(0);

  }

  100% {

    transform: scaleX(1);

  }

}

.home-0 .sw {

  position: relative;

  overflow: hidden;

  min-height: 43.75vw;

  padding-top: 3rem;

  padding-bottom: 1rem;

}

.home-0 .img {

  display: block;

  position: relative;

}

.home-0 .swiper-slide-active .txt {

  opacity: 1;

  transform: translateY(0);

  transition: opacity 1s 0.5s, transform 0.5s;

}

.home-0 .text {

  color: #666;

  text-align: center;

}

.home-0 .txt {

  position: relative;

  opacity: 0;

}

.home-0 .d1 {

  color: #000;

}

.home-0 .msp {

  display: inline-block;

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

}

.home-0 .d1 {

  font-weight: bold;

}

.home-0 .d2 {

  margin-top: 0.32rem;

  margin-bottom: 0.6rem;

  font-weight: bold;

}

.home-0 .swiper-pagination {

  position: absolute;

  bottom: 0.3rem;

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}

.home-0 .swiper-pagination-bullet {

  width: 0.3rem;

  height: 0.04rem;

  opacity: 1;

  margin: 0 0.05rem;

  border-radius: 0%;

  transition: all 0.3s;

  background-color: transparent;

  position: relative;

  background-color: white;

}

.home-0 .swiper-pagination-bullet-active {

  background-color: #0f60eb;

}

.home-0 .sbtn {

  margin: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 0.5rem;

  height: 0.5rem;

  border-radius: 50%;

  border: 1px solid #ddd;

  background-size: 11.4285714286% auto;

  background-repeat: no-repeat;

  background-position: center;

}

.home-0 .sbtn::after {

  display: none;

}

.home-0 .sbtn:hover {

  background-color: #0f60eb;

}

.home-0 .prev {

  left: 0.5rem;

  background-image: url(../images/icon-p11.png);

}

.home-0 .prev:hover {

  background-image: url(../images/icon-p12.png);

}

.home-0 .next {

  right: 0.5rem;

  background-image: url(../images/icon-p21.png);

}

.home-0 .next:hover {

  background-image: url(../images/icon-p22.png);

}

@media screen and (max-width: 768px) {

  .home-0 .sw {

    padding: 2rem 0;

  }

}



.news-0 {

  padding-top: 1.2rem;

}

.news-0 .box {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  background-color: white;

}

.news-0 .box:hover .img img {

  transform: scale(1.1);

}

.news-0 .swiper1 {

  width: 43.5897435897%;

}

.news-0 .swiper1 .swiper-container {

  height: 100%;

}

.news-0 .img {

  position: relative;

  padding-top: 61.7647058824%;

  height: 100%;

}

.news-0 .swiper2 {

  width: 56.4102564103%;

  position: relative;

  z-index: 5;

}

.news-0 .sw2 {

  padding: 0.78rem 0.7rem 0.3rem;

  height: 100%;

}

.news-0 .sw2:hover .h3 {

  color: #0f60eb;

}

.news-0 .d1 {

  color: #666;

}

.news-0 .h3 {

  font-weight: 600;

  transition: color 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.news-0 .line {

  height: 1px;

  background-color: #f3f3f3;

  margin-top: 0.3rem;

  margin-bottom: 0.32rem;

}

.news-0 .time {

  display: inline-flex;

  align-items: center;

  margin-top: 0.34rem;

  color: #999;

}

.news-0 .tic {

  width: 0.8571428571em;

  height: 0.8571428571em;

  background-image: url(../images/a1.png);

  background-repeat: no-repeat;

  background-size: contain;

  margin-right: 0.5em;

}

.news-0 .d2 {

  color: #999;

  line-height: 2.1428571429;

  height: 6.4285714286em;

  margin-top: 0.18rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.news-0 .d3 {

  margin-top: 0.53rem;

}

.news-0 .btn {

  display: inline-flex;

  align-items: center;

  padding: 0.11rem;

  padding-left: 0.35rem;

  line-height: 1;

  color: #fff;

  background-color: #0f60eb;

  border-radius: 1rem;

}

.news-0 .ic {

  width: 2em;

  height: 2em;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 0.3rem;

  background-image: url(../images/a3.png);

  background-repeat: no-repeat;

  background-size: 39.2857142857% auto;

  background-position: center;

}

.news-0 .swiper-pagination {

  width: auto;

  left: auto;

  bottom: 0.65rem;

  right: 0.8rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.news-0 .swiper-pagination-bullet {

  width: 0.1rem;

  height: 0.1rem;

  background-color: #ddd;

  opacity: 1;

  margin-left: 0.1rem;

}

.news-0 .swiper-pagination-bullet-active {

  background-color: #0f60eb;

}

@media (max-width: 768px) {

  .news-0 .box {

    display: block;

  }

  .news-0 .swiper1 {

    width: 100%;

    position: static;

  }

  .news-0 .swiper2 {

    width: 100%;

  }

}



.news-big {

  position: relative;

  padding-top: 0.48rem;

}

.news-big .swiper {

  position: relative;

  background-color: #fff;

}

.news-big .aa {

  display: flex;

  flex-wrap: wrap;

  background-color: #f5f5f5;

  border-radius: 0.2rem;

  overflow: hidden;

}

.news-big .aa:hover .img img {

  transform: scale(1.05);

}

.news-big .aa:hover .h3 {

  color: #0f60eb;

}

.news-big .imgs {

  width: 50%;

}

.news-big .img {

  position: relative;

  padding-top: 62.7906976744%;

  height: 100%;

  overflow: hidden;

}

.news-big .text {

  width: 50%;

  padding: 0.2rem;

  padding-left: 0.95rem;

  padding-right: 0.85rem;

  display: flex;

  align-items: center;

}

.news-big .time {

  color: #0f60eb;

}

.news-big .h3 {

  line-height: 1.4;

  font-weight: 600;

  transition: color 0.3s;

  margin-top: 0.3rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-big .d2 {

  line-height: 1.875;

  margin-top: 0.32rem;

  color: #444;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

.news-big .btn {

  display: inline-block;

  padding: 0 0.38rem;

  line-height: 0.6rem;

  color: #fff;

  border-radius: 1rem;

  margin-top: 0.72rem;

  background-image: linear-gradient(-90deg, #d8ab6d 0%, #f0d9bb 100%), linear-gradient(#ffffff, #ffffff);

}

.news-big .sbtn {

  width: 1em;

  height: 1em;

  background-color: white;

  border-radius: 50%;

  cursor: pointer;

  background-size: 26% auto;

  background-position: center;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  z-index: 30;

}

.news-big .sbtn:hover {

  background-color: #0f60eb;

}

.news-big .prev {

  left: 0;

  transform: translate(-50%, -50%);

  background-image: url(../images/icon-11.png);

}

.news-big .prev:hover {

  background-image: url(../images/icon-12.png);

}

.news-big .next {

  right: 0;

  transform: translate(50%, -50%);

  background-image: url(../images/icon-13.png);

}

.news-big .next:hover {

  background-image: url(../images/icon-14.png);

}

@media screen and (max-width: 768px) {

  .news-big {

    flex-wrap: wrap;

  }

  .news-big .imgs {

    width: 100%;

  }

  .news-big .text {

    width: 100%;

    padding: 20px;

  }

  .news-big .swiper-pagination {

    opacity: 0;

  }

  .news-big .h3 {

    width: 100%;

  }

}



.news-swiper .sw {

  display: flex;

  flex-wrap: wrap;

}

.news-swiper .sw:hover .img img {

  transform: scale(1.1);

  transition: all 0.3s;

}

.news-swiper .sw:hover .h3 {

  color: #0f60eb;

  transition: all 0.3s;

}

.news-swiper .sw:hover .btn {

  background-color: #0f60eb;

  transition: all 0.3s;

}

.news-swiper .imgs {

  width: 50%;

}

.news-swiper .img {

  position: relative;

  padding-top: 56.2857142857%;

  height: 100%;

  overflow: hidden;

}

.news-swiper .text {

  width: 50%;

  padding: 0.2rem 0.9rem;

  display: flex;

  align-items: center;

}

.news-swiper .time {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  color: #999;

}

.news-swiper .time .ic1 {

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-3.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-right: 0.5em;

}

.news-swiper .h3 {

  line-height: 1.3846153846;

  color: #333;

  margin-top: 0.2rem;

  font-weight: 600;

  transition: all 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-swiper .d2 {

  line-height: 1.875;

  margin-top: 0.1rem;

  margin-bottom: 0.4rem;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-swiper .d3 {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  color: #666;

  transition: all 0.3s;

}

.news-swiper .d3 .ic2 {

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.5em;

}

.news-swiper .swiper-pagination {

  position: static;

  width: 100%;

  display: flex;

  justify-content: center;

  margin: 0;

  margin-top: 0.4rem;

}

@media (max-width: 768px) {

  .news-swiper .imgs {

    width: 100%;

  }

  .news-swiper .text {

    width: 100%;

    padding: 0.3rem;

  }

}



.news-1 {

  padding-top: 0.95rem;

  padding-bottom: 1.2rem;

}

.news-list {

  margin-top: 0.6rem;

}

.news-list .li {

  width: calc(506 / 1600 * 100%);

  margin-right: calc(40 / 1600 * 100%);

  margin-bottom: 0.4rem;

}

.news-list .li:nth-child(3n) {

  margin-right: 0;

}

.news-list .dd {

  position: relative;

  background-color: #fff;

  box-shadow: 0px 1px 1px 0px rgba(213, 211, 209, 0.1);

  transition: all 0.3s;

}

.news-list .dd::before {

  content: "";

  width: 100%;

  height: 100%;

  background-image: url(../images/a8.png);

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0;

  pointer-events: none;

  z-index: 3;

  transition: all 0.3s;

}

.news-list .img {

  position: relative;

  padding-top: calc(253 / 506 * 100%);

}

.news-list .text {

  padding: 0.27rem 0.2rem 0.2rem;

  z-index: 6;

}

.news-list .h3 {

  color: #000;

  transition: color 0.3s;

}

.news-list .intro {

  color: rgba(0, 0, 0, 0.6);

  line-height: 1.7777777778;

  margin-top: 0.12rem;

}

.news-list .info {

  bottom: 0;

  transition: all 0.3s;

}

.news-list .bd {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 0.27rem 0.2rem;

  color: #fff;

  opacity: 0;

  transition: opacity 0.3s;

  z-index: 5;

}

.news-list .bt2 {

  line-height: 1.6;

  margin-bottom: 0.2rem;

}

@media (min-width: 769px) {

  .news-list .li:nth-child(3n) {

    transition-delay: 0.6s;

  }

  .news-list .li:nth-child(3n-1) {

    transition-delay: 0.3s;

  }

  .news-list .dd:hover::before {

    opacity: 1;

  }

  .news-list .dd:hover .btn {

    opacity: 1;

  }

  .news-list .dd:hover .h3 {

    color: #fff;

  }

  .news-list .dd:hover .intro {

    color: #fff;

  }

  .news-list .dd:hover .info {

    opacity: 0;

  }

  .news-list .dd:hover .bd {

    opacity: 1;

  }

}

@media (max-width: 768px) {

  .news-list .li {

    width: 100%;

    margin-right: 0;

  }

  .news-list .imgs {

    width: 100%;

    order: 1;

  }

  .news-list .text {

    width: 100%;

    order: 2;

  }

}



.news-2 {

  padding-top: 0.75rem;

  padding-bottom: 0.8rem;

}



.news-det {

  overflow: hidden;

}



.news-page {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding-bottom: 0.75rem;

}

@media screen and (max-width: 768px) {

  .news-page .news-11 {

    width: 100%;

    order: 1;

  }

  .news-page .news-12 {

    width: 100%;

    padding-top: 0.5rem;

    order: 2;

    padding-right: 0;

  }

}



.news-11 {

  border-top: 1px solid rgba(0, 0, 0, 0.08);

  padding-bottom: 0.8rem;

}

.news-11 .box {

  background-color: #fff;

  padding: 0 1rem;

}

@media (max-width: 768px) {

  .news-11 .box {

    padding: 0 0.3rem;

  }

}



.news-12 {

  padding-top: 0.72rem;

  padding-bottom: 1rem;

}

.news-12 .swiper {

  margin-top: 0.6rem;

}

.news-12 .sw {

  background-color: #fff;

  transition: all 0.3s;

}

.news-12 .sw::before {

  content: "";

  width: 100%;

  height: 3px;

  background-color: #e67d1b;

  position: absolute;

  left: 0;

  bottom: 0;

  transform: scaleX(0);

  transform-origin: left;

  transition: all 0.3s;

}

.news-12 .sw:hover {

  background-color: #fff;

  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.15);

}

.news-12 .sw:hover::before {

  transform: scaleX(1);

}

.news-12 .sw:hover .img img {

  transform: scale(1.05);

}

.news-12 .sw:hover .btn {

  background-image: url(../images/a2.png);

  background-color: #0f60eb;

}

.news-12 .imgs {

  width: 28.6184210526%;

}

.news-12 .img {

  position: relative;

  padding-top: calc(278 / 446 * 100%);

}

.news-12 .text {

  padding: 0.33rem 0.3rem 0.3rem;

}

.news-12 .time {

  color: #999;

}

.news-12 .h3 {

  height: 3.3333333333em;

  line-height: 1.6666666667;

  margin-top: 0.14rem;

  transition: color 0.3s;

}

.news-12 .d2 {

  color: #444;

  line-height: 1.5;

  margin-top: 0.08rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-12 .d3 {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  padding: 0.16rem 0.23rem;

  border-radius: 1rem;

  background-color: #0f60eb;

  color: #fff;

  margin-top: 0.4rem;

}

.news-12 .btn {

  width: 1em;

  height: 1em;

  border-radius: 50%;

  background-color: #fff;

  background-image: url(../images/a1.png);

  background-repeat: no-repeat;

  background-size: 10.7142857143% auto;

  background-position: center;

  margin-top: 0.52rem;

  transition: all 0.3s;

}



.news-13 {

  padding-top: 1.08rem;

  padding-bottom: 1.35rem;

  background-color: #f8f8f8;

}

.news-13 .swiper {

  margin-top: 0.66rem;

}

.news-13 .sw {

  height: auto;

}

.news-13 .sw:hover .img img {

  transform: scale(1.1);

}

.news-13 .sw:hover .h3 {

  color: #0f60eb;

}

.news-13 .img {

  position: relative;

  padding-top: 62.3869801085%;

  border-radius: 0.2rem;

  overflow: hidden;

}

.news-13 .text {

  padding: 0 0.1rem;

  margin-top: 0.19rem;

}

.news-13 .h3 {

  line-height: 1.4285714286;

  height: 2.8571428571em;

  transition: color 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.news-13 .time {

  color: #666;

  margin-top: 0.18rem;

}



.det-top {

  padding-bottom: 0.32rem;

}

.det-top .d11 {

  margin-bottom: 0.2rem;

}

.det-top .h1 {

  line-height: 1.5;

  color: #000;

}

.det-top .tops {

  display: flex;

  justify-content: center;

  margin-top: 0.26rem;

}

.det-top .dt_2 {

  margin-top: 0.18rem;

  text-align: center;

}

.det-top .dt_2 .di {

  display: inline-block;

  margin: 0 0.1rem;

}

.det-top .le {

  color: #999;

  display: flex;

  flex-wrap: wrap;

}

.det-top .ti {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  margin-right: 0.3rem;

}

.det-top .ti img {

  height: 1em;

  margin-right: 0.1rem;

}

.det-top .times {

  display: flex;

  align-items: center;

  color: #000;

}

.det-top .times .tag {

  padding: 0 0.07rem;

  background-color: #0f60eb;

  color: #fff;

  line-height: 1.625;

  margin-right: 0.13rem;

}

.det-top .time {

  color: #666;

  text-align: center;

  margin-top: 0.28rem;

}

.det-top .tic {

  width: 1em;

  height: 1em;

  background-image: url(../images/a1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-right: 0.5em;

  line-height: 1;

}

.det-top .shares {

  display: flex;

  align-items: center;

  color: #666;

  margin-left: 0.5rem;

}

.det-top .shares .sp {

  margin-right: 0.2rem;

}

.det-top .shares .si {

  margin-right: 1em;

  display: inline-flex;

  align-items: center;

  position: relative;

}

.det-top .shares .si:hover .i1 {

  display: none;

}

.det-top .shares .si:hover .i2 {

  display: block;

  filter: none;

}

.det-top .shares .si:hover .bd {

  opacity: 1;

  pointer-events: auto;

}

.det-top .shares .hd {

  display: inline-flex;

  align-items: center;

}

.det-top .shares .hd img {

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

}

.det-top .shares .i2 {

  filter: brightness(0) invert(0.5);

}

.det-top .shares .bd {

  position: absolute;

  left: 50%;

  top: 100%;

  transform: translate(-50%);

  opacity: 0;

  pointer-events: none;

}

.det-top .shares .bd .code {

  width: 1rem;

  max-width: none;

}

.det-top .back {

  display: inline-flex;

  align-items: center;

  flex-shrink: 0;

  line-height: 1;

  color: #666;

  transition: color 0.3s;

}

.det-top .back:hover {

  color: #0f60eb;

  transition: color 0.3s;

}

.det-top .back .ic {

  width: 0.75em;

  height: 0.75em;

  background-image: url(../images/icon-3.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 1em;

}

.det-top .back img {

  margin-left: 0.1rem;

}

@media screen and (max-width: 768px) {

  .det-top .shares {

    width: 100%;

    justify-content: center;

    margin: 0;

    margin-top: 0.2rem;

  }

  .det-top .from {

    display: none;

  }

  .det-top .back {

    margin-top: 0.3rem;

  }

  .det-top .tops {

    flex-wrap: wrap;

  }

  .det-top .time {

    width: 100%;

    text-align: center;

  }

}



.det-cen {

  color: #000;

  border-top: 1px solid rgba(0, 0, 0, 0.6);

  padding-top: 0.36rem;

  line-height: 1.6666666667;

}



.det-bot {

  padding-top: 0.5rem;

  padding-bottom: 0.38rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.det-bot .det_pag {

  border-top: 1px solid #e8e8e8;

}

.det-bot .det_pag ul {

  display: flex;

  flex-wrap: wrap;

}

.det-bot .det_pag li {

  width: 50%;

  border-right: 1px solid #e8e8e8;

  padding: 0.56rem 0;

  padding-left: 2rem;

}

.det-bot .det_pag li:last-child {

  padding-right: 2rem;

  border-right: none;

}

.det-bot .det_pag a {

  width: 100%;

  color: #111;

  font-weight: 500;

  display: inline-flex;

  justify-content: space-between;

  align-items: center;

}

.det-bot .det_pag a:hover {

  color: #0f60eb;

}

.det-bot .det_pag a:hover .i1 {

  display: none;

}

.det-bot .det_pag a:hover .i2 {

  display: block;

}

.det-bot .det_pag .prev {

  padding-right: 0.9rem;

}

.det-bot .det_pag .prev .icon {

  margin-right: 0.4rem;

}

.det-bot .det_pag .next {

  padding-left: 0.9rem;

}

.det-bot .det_pag .next .icon {

  margin-left: 0.4rem;

}

.det-bot .det_pag .icon {

  display: inline-flex;

  align-items: center;

}

.det-bot .det_pag span {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.det-bot .det_pag .i2 {

  display: none;

}

.det-bot .db_btn {

  flex-shrink: 0;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  padding: 0.17rem 0.22rem;

  background-color: #0f60eb;

  color: #fff;

  border-radius: 1rem;

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.det-bot .db_btn .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/a2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.48rem;

}

.det-bot .db_btn:hover {

  box-shadow: 0 0 0.2rem 0.05rem rgba(15, 96, 235, 0.6);

  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.det-bot .det_ul {

  line-height: 2.25;

}

.det-bot .det_ul a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  transition: all 0.3s;

}

.det-bot .det_ul a:hover {

  color: #0f60eb;

  transition: all 0.3s;

}

.det-bot .btn {

  display: inline-flex;

  align-items: center;

  line-height: 1;

  padding: 0.17rem 0.4rem;

  color: #fff;

  background-color: #0f60eb;

  transition: all 0.3s;

}

.det-bot .btn:hover {

  box-shadow: 0 0 0.1rem rgba(15, 96, 235, 0.5);

}

.det-bot .btn .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/icon-1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.5em;

}

.det-bot .db_ul2 {

  display: flex;

  justify-content: space-between;

}

.det-bot .db_ul2 .ua {

  display: inline-flex;

  align-items: flex-end;

  width: 50%;

}

.det-bot .db_ul2 .ua:hover .t2 {

  color: #0f60eb;

}

.det-bot .db_ul2 .next {

  flex-direction: row-reverse;

  text-align: right;

}

.det-bot .db_ul2 .imgs {

  width: 2.1rem;

  flex-shrink: 0;

}

.det-bot .db_ul2 .img {

  position: relative;

  padding-top: 60%;

}

.det-bot .db_ul2 .text {

  padding: 0 0.3rem;

  flex-grow: 1;

}

.det-bot .db_ul2 .t1 {

  color: #333;

}

.det-bot .db_ul2 .t2 {

  color: #666;

  line-height: 1.5;

  height: 3em;

  margin-top: 0.13rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

@media screen and (max-width: 768px) {

  .det-bot {

    flex-wrap: wrap;

  }

  .det-bot .det_pag li {

    width: 100%;

    padding: 20px 20px !important;

    text-align: left !important;

  }

  .det-bot .det_pag .icon {

    display: none;

  }

  .det-bot .db_btn {

    margin-top: 15px;

  }

  .det-bot .btn {

    margin-top: 20px;

  }

  .det-bot .db_ul2 {

    flex-wrap: wrap;

  }

  .det-bot .db_ul2 .ua {

    display: inline-flex;

    align-items: flex-end;

    width: 100%;

    margin: 0.1rem 0;

  }

  .det-bot .db_ul2 .next {

    flex-direction: row;

    text-align: left;

  }

  .det-bot .db_ul2 .imgs {

    width: 2.1rem;

    flex-shrink: 0;

  }

  .det-bot .db_ul2 .img {

    position: relative;

    padding-top: 60%;

  }

  .det-bot .db_ul2 .text {

    padding: 0 0.3rem;

    flex-grow: 1;

  }

  .det-bot .db_ul2 .t1 {

    color: #333;

  }

  .det-bot .db_ul2 .t2 {

    color: #666;

    line-height: 1.5;

    height: 3em;

    margin-top: 0.13rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }

}



.det-shares {

  display: flex;

  justify-content: center;

  align-items: center;

}

.det-shares .line {

  flex-grow: 1;

  height: 1px;

  background-color: rgba(0, 0, 0, 0.1);

}

.det-shares .shares {

  flex-shrink: 0;

  display: flex;

  padding: 0 0.3rem;

}

.det-shares .si {

  margin: 0 0.1rem;

}

.det-shares .si:hover .hd {

  opacity: 0.6;

}

.det-shares .hd {

  display: inline-flex;

}

.det-shares .hi {

  height: 0.25rem;

}



.det-backs.cent {

  text-align: center;

}

.det-backs .back {

  display: inline-block;

  line-height: 0.6rem;

  padding: 0 0.46rem;

  background-image: linear-gradient(-90deg, #d8ab6d 0%, #f0d9bb 100%);

  color: #fff;

  border-radius: 1rem;

}

@media (max-width: 768px) {

  .det-backs {

    display: none;

  }

}



.det-pag {

  background-color: #fff;

  padding-top: 0.6rem;

}

.det-pag .pa {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  transition: all 0.3s;

}

.det-pag .pa:hover .btn {

  background-color: #0f60eb;

}

.det-pag .pa:hover .btn1 {

  background-image: url(../images/a8.png);

}

.det-pag .pa:hover .btn2 {

  background-image: url(../images/a10.png);

}

.det-pag .ic {

  margin: 0 0.4rem;

}

.det-pag .sp {

  margin: 0 0.2rem;

}

.det-pag .btn {

  width: 1em;

  height: 1em;

  border-radius: 50%;

  background-color: #f7f7f7;

  background-repeat: no-repeat;

  background-size: 10.7142857143% auto;

  background-position: center;

  transition: all 0.3s;

}

.det-pag .btn1 {

  background-image: url(../images/a7.png);

}

.det-pag .btn2 {

  background-image: url(../images/a9.png);

}

@media (max-width: 768px) {

  .det-pag {

    flex-wrap: wrap;

  }

  .det-pag .pa {

    width: 50%;

  }

  .det-pag .back {

    width: 100%;

    order: 3;

  }

}



.db_ul .ua {

  line-height: 2.125;

  color: #666;

  transition: color 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.db_ul .ua:hover {

  color: #0f60eb;

  transition: color 0.3s;

}

@media screen and (max-width: 768px) {

  .db_ul {

    width: 100%;

  }

}



.det_tags {

  padding: 0.42rem 0.3rem;

  padding-bottom: 0.32rem;

  background-color: #f7f7f7;

  display: flex;

  flex-wrap: wrap;

  line-height: 2.125;

}

.det_tags .sp {

  margin-right: 0.2rem;

}

.det_tags .aa {

  padding: 0 0.2rem;

  border-radius: 0 0.2rem 0 0.2rem;

  box-shadow: 0 0 0 1px inset #d0d0d1;

  margin-right: 0.1rem;

  margin-bottom: 0.1rem;

  transition: all 0.3s;

}

.det_tags .aa:hover {

  background-color: #0f60eb;

  color: #fff;

  box-shadow: none;

}



.cr_t {

  font-weight: 600;

}



.cr-list .li {

  margin-bottom: 0.4rem;

}

.cr-list .li:last-child {

  margin-bottom: 0;

}

.cr-list .aa {

  text-align: center;

}

.cr-list .aa:hover .img img {

  transform: scale(1.1);

}

.cr-list .imgs {

  width: 31.1111111111%;

}

.cr-list .img {

  padding-top: 50%;

  margin-top: 0.28rem;

}

.cr-list .text {

  width: 62.2222222222%;

}

.cr-list .d1 {

  color: #000;

  opacity: 0.6;

}

.cr-list1 .li {

  margin-bottom: 0.4rem;

}

.cr-list1 .li:last-child {

  margin-bottom: 0;

}

.cr-list1 .aa {

  text-align: center;

}

.cr-list1 .aa:hover .img img {

  transform: scale(1.1);

}

.cr-list1 .imgs {

  width: 31.1111111111%;

}

.cr-list1 .img {

  padding-top: 37.6%;

	padding-top: calc(675 / 1200 * 100%);

  margin-top: 0.28rem;

}

.cr-list1 .text {

  width: 62.2222222222%;

}

.cr-list1 .d1 {

  color: #000;

  opacity: 0.6;

}

.cr-list2 {

  margin-top: 0.28rem;

  margin-bottom: 0.8rem;

}

.cr-list2 .tit {

  font-weight: bold;

}

.cr-list2 .ul {

  margin-top: 0.4rem;

}

.cr-list2 .li {

  margin-bottom: 0.56rem;

}

.cr-list2 .li:last-child {

  margin-bottom: 0;

}

.cr-list2 .aa {

  display: block;

}

.cr-list2 .aa:hover .img img {

  transform: scale(1.1);

}

.cr-list2 .aa:hover .h3 {

  color: #0f60eb;

}

.cr-list2 .aa:hover .btns {

  opacity: 1;

}

.cr-list2 .top {

  position: relative;

}

.cr-list2 .img {

  display: block;

  position: relative;

  padding-top: 100%;

  overflow: hidden;

  border-radius: 0.2rem;

  box-shadow: 0 0 0 1px #eee;

}

.cr-list2 .bot {

  display: block;

  padding-top: 0.26rem;

}

.cr-list2 .h3 {

  font-weight: 600;

  transition: all 0.3s;

}

.cr-list2 .d2 {

  margin-top: 0.16rem;

  color: #666;

}

.cr-list2 .d3 {

  margin-top: 0.25rem;

  color: #0f60eb;

}

.cr-list2 .btns {

  position: absolute;

  bottom: 0.35rem;

  left: 0;

  width: 100%;

  display: flex;

  justify-content: center;

  opacity: 0;

  transition: opacity 0.3s;

}

.cr-list2 .btn1 {

  width: 1.8rem;

  height: 0.6rem;

  padding: 0 0.1rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-image: linear-gradient(-90deg, #d8ab6d 0%, #f0d9bb 100%), linear-gradient(#ffffff, #ffffff);

  border-radius: 1rem;

  color: #fff;

  cursor: pointer;

}

.cr-list2 .btn2 {

  margin-left: 0.1rem;

  cursor: pointer;

}

.cr-list2 .btn2 img {

  height: 0.6rem;

}

@media screen and (max-width: 768px) {

  .cr-list2 .ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }

  .cr-list2 .li {

    width: 48%;

  }

}



.com-news {

  padding-top: 0.56rem;

  padding-bottom: 1.3rem;

}

.com-news .tit {

  color: #0f60eb;

}

.com-news .swiper {

  margin-top: 0.57rem;

}

.com-news .sw {

  height: auto;

  background-color: #f5f5f5;

}

.com-news .sw:hover .img img {

  transform: scale(1.1);

}

.com-news .sw:hover .h3 {

  color: #0f60eb;

}

.com-news .img {

  position: relative;

  padding-top: 70.2564102564%;

  overflow: hidden;

}

.com-news .text {

  padding: 0.25rem 0.2rem;

}

.com-news .h3 {

  line-height: 1.5555555556;

  height: 3.1111111111em;

  transition: color 0.3s;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.com-news .d2 {

  text-align: right;

  margin-top: 0.24rem;

}

.com-news .d2 .sp2 {

  color: #666;

}

.com-news .d2 .time {

  color: #666;

}

.com-news .sbtn {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 1em;

  height: 1em;

  border-radius: 50%;

  background-color: #fff;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 20% auto;

  z-index: 30;

  cursor: pointer;

  opacity: 0;

}

.com-news .sbtn:hover {

  background-color: #0f60eb;

}

.com-news .prev {

  left: 0;

  background-image: url(../images/icon-p11.png);

}

.com-news .prev:hover {

  background-image: url(../images/icon-p12.png);

}

.com-news .next {

  right: 0;

  background-image: url(../images/icon-p21.png);

}

.com-news .next:hover {

  background-image: url(../images/icon-p22.png);

}

@media (max-width: 768px) {

  .com-news .sbtn {

    opacity: 1;

  }

}



.com-pages {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.com-pages .com-le {

  width: 63.75%;

}

.com-pages .com-ri {

  width: 31.25%;

}

@media screen and (max-width: 768px) {

  .com-pages {

    flex-wrap: wrap;

  }

  .com-pages .com-le {

    width: 100%;

  }

  .com-pages .com-ri {

    width: 100%;

    padding-top: 0.5rem;

  }

}



.det-page {

  padding-top: 0.6rem;

  padding-bottom: 1.1rem;

}



.dlg-mask {

  position: fixed;

  left: 0;

  top: 0;

  width: 100vw;

  height: 100vh;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: 100;

}



.dlg-cont {

  position: fixed;

  left: 50%;

  top: 50%;

  z-index: 101;

  transform: translate(-50%, -50%);

}



.form-dialog {

  display: none;

}

.form-dialog.show {

  display: block;

}

.form-dialog .dlg-cont {

  width: 5.8rem;

  max-width: 80vw;

  position: fixed;

  left: 50%;

  top: 50%;

  z-index: 101;

  transform: translate(-50%, -50%);

  background-color: #fff;

}

.form-dialog .off {

  position: absolute;

  bottom: 100%;

  left: calc(100% + 0.1rem);

  transform: translateY(0.1rem);

  width: 1em;

  height: 1em;

  border-radius: 50%;

  background-image: url(../images/m_off1.png);

  background-repeat: no-repeat;

  background-size: 50% auto;

  background-position: center;

  cursor: pointer;

  background-color: rgba(255, 255, 255, 0.3);

}

.form-dialog .off:hover {

  background-color: #fff;

}

.form-dialog .tops {

  display: flex;

  position: relative;

}

.form-dialog .tops::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #f3f3f3;

  -webkit-clip-path: polygon(0 0, calc(50% - 0.2rem) 0, calc(50% + 0.2rem) 100%, 0% 100%);

          clip-path: polygon(0 0, calc(50% - 0.2rem) 0, calc(50% + 0.2rem) 100%, 0% 100%);

  pointer-events: none;

}

.form-dialog .tp2 {

  background-color: #f3f3f3;

}

.form-dialog .tp2::before {

  background-color: #fff;

}

.form-dialog .ti {

  width: 50%;

  text-align: center;

  line-height: 0.8rem;

  position: relative;

  cursor: pointer;

  color: #999;

  font-weight: 600;

}

.form-dialog .ti.on {

  color: #222;

}

.form-dialog .forms {

  position: relative;

  padding: 0.48rem 0.5rem 0.4rem 0.4rem;

}

.form-dialog .fmi {

  display: none;

}

.form-dialog .fmi.show {

  display: block;

}

.form-dialog .tit {

  text-align: center;

  font-weight: 600;

  margin-bottom: 0.5rem;

}

.form-dialog .fi {

  width: 100%;

  margin-bottom: 0.18rem;

}

.form-dialog .w100 {

  width: 100%;

}

.form-dialog .ft {

  margin-bottom: 0.1rem;

}

.form-dialog .inp {

  position: relative;

}

.form-dialog .ip {

  width: 100%;

  height: 0.48rem;

  min-height: 30px;

  padding: 0 0.2rem;

  background-color: #fff;

  border: solid 1px #e5e5e5;

}

.form-dialog .ta {

  width: 100%;

  height: 1.06rem;

  min-height: 100px;

  border: solid 1px #e5e5e5;

  padding: 0.2rem;

}

.form-dialog .code {

  height: 0.4rem;

  position: absolute;

  top: 50%;

  right: 0.1rem;

  transform: translateY(-50%);

}

.form-dialog .tip {

  color: #999;

}

.form-dialog .btns {

  margin-top: 0.18rem;

}

.form-dialog .submit {

  width: 100%;

  height: 0.48rem;

  border: none;

  background-color: #222;

  color: #fff;

  padding: 0 0.49rem;

  cursor: pointer;

}

.form-dialog .lab {

  position: relative;

  display: inline-flex;

  align-items: center;

  line-height: 1;

  color: #444;

  cursor: pointer;

  margin-right: 0.12rem;

  margin-bottom: 0.16rem;

  font-weight: 300;

}

.form-dialog .lab.selected .ic {

  box-shadow: 0 0 0 1px #222;

}

.form-dialog .lab.selected .ic::before {

  content: "";

  width: 0.7142857143em;

  height: 0.7142857143em;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: #222;

  border-radius: 3px;

}

.form-dialog .ic {

  width: 1em;

  height: 1em;

  box-shadow: 0 0 0 1px #999;

  flex-shrink: 0;

  border-radius: 3px;

  margin-right: 0.4em;

  position: relative;

}

.form-dialog .rdo {

  position: absolute;

  right: 0;

  top: 0;

  width: 0;

  height: 0;

}

@media (max-width: 768px) {

  .form-dialog .form {

    padding: 0.3rem;

  }

  .form-dialog .fi {

    width: 100%;

  }

  .form-dialog .btns {

    text-align: center;

  }

}



.com-tags .cti {

  display: inline-block;

  margin-right: 0.4rem;

}

.com-tags .cta {

  display: block;

  position: relative;

  padding: 0.2rem 0;

}

.com-tags .cta:hover {

  color: #0f60eb;

}

.com-tags .cta.on {

  color: #0f60eb;

  font-weight: bold;

}

.com-tags .cta.on::before {

  content: "";

  width: 100%;

  height: 3px;

  background-color: #0f60eb;

  position: absolute;

  left: 0;

  bottom: -1px;

}



.my-select {

  width: 100%;

  position: relative;

}

.my-select.show .bd {

  opacity: 1;

  pointer-events: auto;

}

.my-select .hd {

  display: flex;

  align-items: center;

  height: 0.6rem;

  min-height: 40px;

  cursor: pointer;

  color: #999;

  background-color: #fff;

  position: relative;

  padding: 0 0.2rem;

  border: 2px solid #d4d4d4;

  padding-right: 0.45rem !important;

}

.my-select .hd::before {

  content: "";

  width: 1.1em;

  height: 1em;

  background-image: url(../images/a4.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  position: absolute;

  top: 50%;

  right: 0.4rem;

  transform: translateY(-50%);

  pointer-events: none;

}

.my-select .hd span {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

}

.my-select .bd {

  position: absolute;

  top: calc(100% + 0.06rem);

  left: 0;

  min-width: 100%;

  opacity: 0;

  pointer-events: none;

  z-index: 60;

}

.my-select .blist {

  max-height: 2.4rem;

  overflow-y: auto;

  box-shadow: 0px 0px 6px 0px rgba(167, 172, 184, 0.5);

  background-color: #fff;

}

.my-select .bitem {

  background-color: #fff;

  color: #333;

  padding: 0.1rem 0.3rem;

  cursor: pointer;

}

.my-select .bitem:hover {

  background-color: #f1f4f9;

}

.my-select .bitem.selected {

  background-color: #f1f4f9;

}



.about-1 {

  padding-top: 2.1rem;

  padding-bottom: 0.8rem;

}

.about-1 .box {

  box-shadow: 1px 2px 0.15rem 0px rgba(21, 103, 236, 0.1);

  margin-top: 0.95rem;

}

.about-1 .imgs {

  width: 50%;

}

.about-1 .text {

  width: 50%;

  padding: 0.3rem 0.95rem;

}

.about-1 .txt {

  color: #666;

  line-height: 2;

}

.about-1 .tbox {

  width: 100%;

}

.about-1 .img {

  padding-top: calc(450 / 800 * 100%);

}

.about-1 .watch {

  width: 1em;

  height: 1em;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

@media (max-width: 768px) {

  .about-1 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

  .about-1 .box {

    margin-top: 0.5rem;

  }

  .about-1 .imgs {

    width: 100%;

  }

  .about-1 .text {

    width: 100%;

    padding: 0.3rem;

  }

}



.about-2 {

  padding-top: 0.8rem;

  padding-bottom: 0.85rem;

}

.about-2 .nlist {

  margin-top: 0.8rem;

}

.about-2 .ni {

  margin: 0 0.45rem;

  text-align: center;

}

.about-2 .ni .n11 {

  display: inline-flex;

  color: #666;

}

.about-2 .ni .num {

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

  margin-right: 0.1em;

}

.about-2 .txt {

  line-height: 2;

  padding: 0 10%;

  text-align: center;

  margin-top: 0.2rem;

}

.about-2 .img {

  margin-top: 0.6rem;

}

.about-2 .img img {

  width: 100%;

}

@media (max-width: 768px) {

  .about-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

  .about-2 .txt {

    padding: 0 5%;

  }

}



.about-3 {

  padding-top: 0.85rem;

  padding-bottom: 1.4rem;

}

.about-3 .swiper {

  margin-top: 0.95rem;

}

.about-3 .swiper::before {

  content: "";

  width: 16.15rem;

  height: 1.11rem;

  position: absolute;

  top: 3.46rem;

  left: 50%;

  transform: translate(-50%);

  background-image: url(../images/hn0.png);

  background-repeat: no-repeat;

  background-size: contain;

}

.about-3 .img {

  display: flex;

  justify-content: center;

}

.about-3 .ibox {

  height: 4.03rem;

  position: relative;

  box-shadow: 0px -0.1rem 0.14rem 0px rgba(67, 67, 67, 0.04), 7px 7px 8px 0px rgba(255, 255, 255, 0.16);

  background-color: #fff;

  padding: 0.1rem;

  cursor: pointer;

}

.about-3 .ibox::before {

  content: "";

  width: 0.45rem;

  height: 4.02rem;

  position: absolute;

  left: 100%;

  top: 0;

  background-image: url(../images/hn1.png);

  background-repeat: no-repeat;

  background-size: contain;

}

.about-3 .ii {

  height: 100%;

}

.about-3 .tt {

  text-align: center;

  margin-top: 0.45rem;

  padding: 0 0.1rem;

}

.about-3 .sbtn {

  width: 1em;

  height: 1em;

  border-radius: 50%;

}

@media (max-width: 768px) {

  .about-3 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}



.home-1 {

  padding-top: 1.38rem;

  padding-bottom: 0.9rem;

}

.home-1 .sw {

  height: auto;

}

.home-1 .imgs {

  width: 50%;

}

.home-1 .img {

  padding-top:  calc(9 / 16 * 100%);

}

.home-1 .text {

  width: 43.75%;

}

.home-1 .tbox {

  width: 100%;

  padding-right: 0.3rem;

}

.home-1 .h3 {

  color: #000;

  font-weight: bold;

}

.home-1 .intro {

  line-height: 1.6666666667;

  color: #666;

  margin-top: 0.24rem;

}

.home-1 .more {

  margin-top: 0.5rem;

}

@media (max-width: 768px) {

  .home-1 .sw {

    flex-wrap: wrap;

  }

  .home-1 .imgs {

    width: 100%;

  }

  .home-1 .text {

    width: 100%;

    padding: 0.2rem;

  }

}



.home-2 {

  padding-top: 0.72rem;

  padding-bottom: 0.8rem;

}

.home-2 .box {

  border: solid 1px #b2eced;

  margin-top: 0.44rem;

}

.home-2 .title {

  line-height: 0.9rem;

  background-image: linear-gradient(270deg, #14eaeb 0%, #155fec 100%), linear-gradient(#f8fffe, #f8fffe);

  text-align: center;

  color: #fff;

}

.home-2 .bots {

  padding: 0.5rem 1rem 1.4rem;

  padding-left: 0.4rem;

}

.home-2 .swiper {

  width: 9.6rem;

}

.home-2 .swiper-container {

  height: 4.6rem;

}

.home-2 .sw {

  padding: 0 0.75rem;

  height: auto;

  text-align: center;

}

.home-2 .ste {

  padding: 0.42rem 0;

}

.home-2 .swiper-scrollbar {

  position: absolute;

  left: -0.45rem;

  z-index: 50;

  top: 1%;

  height: 98%;

  width: 6px;

  background-color: rgba(21, 117, 236, 0.3);

}

.home-2 .swiper-scrollbar-drag {

  width: 100%;

  position: relative;

  background-image: linear-gradient(0deg, #14eaeb 0%, #155fec 100%), linear-gradient(#0056fb, #0056fb);

  border-radius: 10px;

  left: 0;

  top: 0;

}

.home-2 .le {

  width: 10.4rem;

}

.home-2 .le::before {

  content: "";

  width: calc(100% - 0.8rem);

  height: 100%;

  border-radius: 0.2rem;

  position: absolute;

  left: 0.4rem;

  top: 0;

  background-color: #fff;

  pointer-events: none;

}

.home-2 .list-box {

  padding: 0 0.4rem;

  transform: rotateY(180deg);

  overflow-y: auto;

  height: 4.6rem;

}

.home-2 .list-box::-webkit-scrollbar {

  /*滚动条整体样式*/

  width: 0.06rem; /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

}

.home-2 .list-box::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 10px;

  background-image: linear-gradient(0deg, #14eaeb 0%, #155fec 100%), linear-gradient(#0056fb, #0056fb);

}

.home-2 .list-box::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background-color: rgba(21, 117, 236, 0.2);

}

.home-2 .list {

  transform: rotateY(180deg);

}

.home-2 .item {

  padding: 0 0.75rem;

  height: auto;

  text-align: center;

}

.home-2 .item:last-child .ste::before {

  display: none;

}

.home-2 .ste {

  color: #000;

  position: relative;

}

.home-2 .ste::before {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 0;

  bottom: 0;

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));

}

.home-2 .ri {

  width: 4rem;

}

.home-2 .bot1 {

  height: 3.6rem;

}

.home-2 .bot2 {

  margin-top: 0.4rem;

}

.home-2 .more {

  display: flex;

}

@media (max-width: 768px) {

  .home-2 .bots {

    padding: 0.5rem;

  }

  .home-2 .swiper {

    width: 100%;

  }

  .home-2 .ri {

    width: 100%;

    margin-top: 0.4rem;

  }

  .home-2 .item {

    padding: 0 0.3rem;

  }

}



.home-3 {

  padding-top: 0.84rem;

  padding-bottom: 1.2rem;

}

.ho3-pc .box {

  margin-top: 0.9rem;

}

.ho3-pc .text {

  width: 100%;

  position: absolute;

  left: 0;

  top: 54%;

  transform: translateY(-50%);

  z-index: 5;

}

.ho3-pc .t1 {

  display: inline-block;

  background: linear-gradient(45deg, #03baee, #155fec);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

}

.ho3-pc .t2 {

  line-height: 1.6666666667;

  color: #666;

  margin-top: 0.32rem;

}

.ho3-pc .bgi {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  pointer-events: none;

}

.ho3-pc .bgi2 {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  pointer-events: none;

  display: none;

}

.ho3-pc .logos {

  height: 3.85rem;

}

.ho3-pc .it {

  position: absolute;

  border-radius: 50%;

  display: inline-flex;

}

.ho3-pc .it img {

  width: 100%;

}

.ho3-pc .it1 {

  left: 0;

  top: 0;

  width: 0.9rem;

}

.ho3-pc .it2 {

  left: 1.375%;

  bottom: 0;

  width: 1.06rem;

}

.ho3-pc .it3 {

  left: 6.5625%;

  top: 1.14rem;

  width: 1.26rem;

}

.ho3-pc .it4 {

  left: 16.375%;

  bottom: 0.62rem;

  width: 0.9rem;

}

.ho3-pc .it5 {

  left: 21.3125%;

  top: 0.63rem;

  width: 1.02rem;

}

.ho3-pc .it6 {

  right: 0;

  top: 0;

  width: 0.9rem;

}

.ho3-pc .it7 {

  right: 1.375%;

  bottom: 0;

  width: 1.06rem;

}

.ho3-pc .it8 {

  right: 6.5625%;

  top: 1.14rem;

  width: 1.26rem;

}

.ho3-pc .it9 {

  right: 16.375%;

  bottom: 0.62rem;

  width: 0.9rem;

}

.ho3-pc .it10 {

  right: 21.3125%;

  top: 0.63rem;

  width: 1.02rem;

}

@media (max-width: 768px) {

  .ho3-pc .bgi {

    display: none;

  }

  .ho3-pc .bgi2 {

    display: block;

  }

  .ho3-pc .text {

    position: relative;

    transform: none;

    top: auto;

  }

  .ho3-pc .it1 {

    left: 0;

    top: 0;

  }

  .ho3-pc .it2 {

    left: 1.375%;

    bottom: 0;

  }

  .ho3-pc .it3 {

    left: 6.5625%;

    top: 1.14rem;

  }

  .ho3-pc .it4 {

    left: 22.5%;

    bottom: 0.62rem;

  }

  .ho3-pc .it5 {

    left: 31.25%;

    top: 0.63rem;

  }

  .ho3-pc .it6 {

    right: 0;

    top: 0;

  }

  .ho3-pc .it7 {

    right: 1.375%;

    bottom: 0;

  }

  .ho3-pc .it8 {

    right: 6.5625%;

    top: 1.14rem;

  }

  .ho3-pc .it9 {

    right: 22.5%;

    bottom: 0.62rem;

  }

  .ho3-pc .it10 {

    right: 31.25%;

    top: 0.63rem;

  }

}



.home-4 {

  padding-top: 1.2rem;

  padding-bottom: 0.9rem;

}

.home-4 .img {

  box-shadow: 0px 0px 0.27rem 0px rgba(71, 124, 205, 0.14);

  margin-top: 0.42rem;

}



.home-5 {

  padding-top: 0.85rem;

  padding-bottom: 0.8rem;

}

.home-5 .btns {

  margin-top: 0.2rem;

}



.ho5-pc {

  width: 100%;

}

.ho5-pc .swiper {

  margin-top: 0.44rem;

}

.ho5-pc .sw {

  width: 2.55rem;

  margin-right: 0.2rem;

  transition: width 0.3s;

}

.ho5-pc .sw.on {

  width: 10.5rem;

}

.ho5-pc .sw.on .bd {

  opacity: 1;

}

.ho5-pc .hd {

  height: 4.6rem;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 0.2rem;

}

.ho5-pc .hlogo {

  width: 74.5098039216%;

  height: 0.6rem;

  position: absolute;

  left: 50%;

  bottom: 0.25rem;

  transform: translate(-50%);

  display: inline-flex;

  justify-content: center;

  align-items: center;

  background-color: rgba(255, 255, 255, 0.5);

  box-shadow: 0 0 0 1px #fff;

}

.ho5-pc .hlogo img {

  height: 65%;

}

.ho5-pc .bd {

  width: 10.5rem;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

  transition: opacity 0.3s;

}

.ho5-pc .bte {

  width: 3.9rem;

  padding-top: 0.66rem;

  margin-left: 0.8rem;

}

.ho5-pc .blogo {

  display: inline-flex;

}

.ho5-pc .blogo img {

  height: 1em;

}

.ho5-pc .h3 {

  color: #ff893d;

  margin-top: 0.38rem;

}

.ho5-pc .intro {

  color: #fff;

  line-height: 1.6666666667;

  margin-top: 0.12rem;

}

.ho5-pc .more {

  margin-top: 0.3rem;

}

.ho5-pc .bimg {

  position: absolute;

  right: 1rem;

  top: 50%;

  transform: translateY(-50%);

  width: 3.1rem;

}

.ho5-pc .bimg img {

  width: 100%;

  max-height: 100%;

}

@media (max-width: 768px) {

  .ho5-pc {

    position: absolute;

    left: -200vw;

    top: 0;

  }

}



.ho5-mob {

  width: 100%;

  margin-top: 0.3rem;

}

.ho5-mob .sw {

  height: auto;

  padding: 0.5rem 0.3rem 0.3rem;

}

.ho5-mob .text {

  width: 100%;

}

.ho5-mob .blogo {

  display: inline-flex;

}

.ho5-mob .blogo img {

  height: 1em;

}

.ho5-mob .h3 {

  color: #ff893d;

  margin-top: 0.4rem;

}

.ho5-mob .intro {

  color: #fff;

  line-height: 1.6666666667;

  margin-top: 0.1rem;

}

.ho5-mob .more {

  margin-top: 0.3rem;

}

.ho5-mob .img {

  width: 3.1rem;

  margin: 0.4rem auto 0;

}

.ho5-mob .img img {

  width: 100%;

  max-height: 100%;

}

@media (min-width: 769px) {

  .ho5-mob {

    position: absolute;

    left: -200vw;

    top: 0;

  }

}



.home-6 {

  padding-top: 0.85rem;

  padding-bottom: 0.6rem;

}

.home-6 .box {

  margin-top: 0.54rem;

}

.home-6 .item {

  width: 7.8rem;

  float: left;

  background-color: rgba(255, 255, 255, 0.6);

  background-repeat: no-repeat;

  box-shadow: 1px 2px 0.15rem 0px rgba(21, 103, 236, 0.1);

}

.home-6 .item1 {

  height: 6.2rem;

  margin-right: 0.4rem;

}

.home-6 .item2 {

  height: 2.7rem;

  margin-bottom: 0.2rem;

}

.home-6 .item3 {

  height: 3.3rem;

}

.home-6 .text {

  position: absolute;

}

.home-6 .text1 {

  width: 100%;

  padding: 0.75rem 0.8rem 0;

}

.home-6 .text2 {

  width: 50%;

  left: 40%;

  top: 50%;

  transform: translateY(-50%);

}

.home-6 .text3 {

  width: 50%;

  left: 0.8rem;

  top: 50%;

  transform: translateY(-50%);

}

.home-6 .t2 {

  line-height: 1.25;

  color: #666;

  margin-top: 0.1rem;

}

.home-6 .btns {

  margin-top: 0.4rem;

}

@media (max-width: 768px) {

  .home-6 .item {

    width: 100%;

  }

  .home-6 .text1 {

    padding: 0.4rem;

  }

}



.home-7 {

  padding-top: 0.63rem;

  padding-bottom: 0.8rem;

}

.home-7 .ul {

  margin-top: 0.52rem;

  margin-bottom: 0.5rem;

}

.home-7 .li {

  width: 5.06rem;

  margin-right: 0.4rem;

  margin-bottom: 0.3rem;

}

.home-7 .li:nth-child(3n) {

  margin-right: 0;

}

.home-7 .dd {

  padding: 0 0.4rem;

  background-color: rgba(255, 255, 255, 0.2);

  box-shadow: 1px 2px 0.54rem 0px rgba(0, 0, 0, 0.1);

  border-radius: 0.2rem;

  text-align: center;

  transition: transform 0.3s;

}

.home-7 .dd:hover {

  transform: translateY(-0.1rem);

}

.home-7 .ii {

  width: 60%;

  height: 40%;

  -o-object-position: center;

     object-position: center;

  -o-object-fit: contain;

     object-fit: contain;

}

.home-7 .line {

  height: 1px;

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);

}

.home-7 .top {

  height: 1.53rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.home-7 .ite {

  padding-top: 0.27rem;

  padding-bottom: 0.3rem;

  color: #000;

  font-weight: bold;

}

@media (max-width: 768px) {

  .home-7 .ul {

    justify-content: space-between;

  }

  .home-7 .li {

    width: 48%;

    margin-right: 0;

    margin: 2% 0;

  }

  .home-7 .dd {

    padding: 0 0.1rem;

  }

}



.home-8 {

  padding-top: 0.84rem;

  padding-bottom: 1.4rem;

}

.home-8 .box {

  margin-top: 0.55rem;

}

.home-8 .le {

  width: 41.25%;

}

.home-8 .list {

  max-height: 4.9rem;

  overflow-y: auto;

}

.home-8 .list::-webkit-scrollbar {

  display: none;

}

.home-8 .item {

  padding-left: 0.4rem;

  padding-top: 0.2rem;

  padding-bottom: 0.16rem;

  margin-bottom: 0.4rem;

  cursor: pointer;

}

.home-8 .item:last-child {

  margin-bottom: 0;

}

.home-8 .item.on::before, .home-8 .item:hover::before {

  background-image: linear-gradient(0deg, #14eaeb 0%, #155fec 100%), linear-gradient(#0056fb, #0056fb);

}

.home-8 .item.on .icon, .home-8 .item:hover .icon {

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

}

.home-8 .item.on .ii, .home-8 .item:hover .ii {

  filter: brightness(0) invert(1);

}

.home-8 .item.on .d1, .home-8 .item:hover .d1 {

  background-image: linear-gradient(90deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

}

.home-8 .item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 0.06rem;

  height: 100%;

  background-color: rgba(21, 117, 236, 0.2);

  border-radius: 3px;

  transition: all 0.3s;

}

.home-8 .icon {

  display: inline-flex;

  width: 1em;

  height: 1em;

  border-radius: 50%;

  box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1);

  transition: all 0.3s;

}

.home-8 .ii {

  width: 100%;

  height: 100%;

}

.home-8 .d1 {

  color: #000;

  margin-top: 0.14rem;

  font-weight: bold;

  transition: all 0.3s;

}

.home-8 .d2 {

  color: #666;

  margin-top: 0.14rem;

}

.home-8 .swiper {

  width: 53.9375%;

}

.home-8 .img {

  padding-top: calc(9 / 16 * 100%);

}

@media (max-width: 768px) {

  .home-8 .le {

    width: 100%;

  }

  .home-8 .swiper {

    width: 100%;

    margin-top: 0.4rem;

  }

}



.home-9 .box {

  padding-top: 1.35rem;

  padding-bottom: 1.38rem;

}

.home-9 .le {

  color: #fff;

  width: 50%;

}

.home-9 .intro {

  margin-top: 0.33rem;

}

.home-9 .more .ca1-sp {

  background-image: linear-gradient(235deg, #14eaeb, #155fec);

}

@media (max-width: 768px) {

  .home-9 .box {

    flex-wrap: wrap;

  }

  .home-9 .le {

    width: 100%;

    margin-bottom: 0.25rem;

  }

}



.ctc-1 {

  padding-top: 0.72rem;

  padding-bottom: 0.65rem;

}

.ctc-1 .ul {

  margin-top: 0.62rem;

}

.ctc-1 .li {

  margin-bottom: 0.4rem;

}

.ctc-1 .li:last-child {

  margin-bottom: 0;

}

.ctc-1 .li:nth-child(2n) .dd {

  flex-direction: row-reverse;

}

.ctc-1 .dd {

  background-color: #f7f7f7;

}

.ctc-1 .imgs {

  width: 50%;

}

.ctc-1 .img {

  padding-top: calc(452 / 700 * 100%);

}

.ctc-1 .text {

  width: 50%;

  padding: 0.75rem 0.8rem 0.2rem;

}

.ctc-1 .dic {

  width: 1em;

  height: 1em;

  -o-object-fit: contain;

     object-fit: contain;

  position: absolute;

  left: 0;

  top: 0;

}

.ctc-1 .dl {

  margin-top: 0.3rem;

}

.ctc-1 .dt {

  padding-left: 0.34rem;

  margin-bottom: 0.2rem;

}

.ctc-1 .d2 {

  line-height: 2;

  color: #666;

}

@media (max-width: 768px) {

  .ctc-1 .dd {

    flex-direction: row !important;

  }

  .ctc-1 .imgs {

    width: 100%;

  }

  .ctc-1 .text {

    width: 100%;

    padding: 0.3rem;

  }

}



.ctc-2 {

  padding-top: 0.93rem;

  padding-bottom: 1rem;

  background-repeat: no-repeat;

  background-size: contain;

}

.ctc-2 .form {

  margin-top: 0.8rem;

  padding: 0.6rem 0.6rem 0;

}

.ctc-2 .form::before {

  content: "";

  width: 100vw;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #fff;

}

.ctc-2 .fi {

  width: 48.828125%;

  margin-bottom: 0.4rem;

  position: relative;

}

.ctc-2 .fi:last-child {

  margin-bottom: 0;

}

.ctc-2 .w100 {

  width: 100%;

}

.ctc-2 .fi-active .placehold {

  display: none;

}

.ctc-2 .ft {

  color: #444;

}

.ctc-2 .fb {

  margin-top: 0.11rem;

}

.ctc-2 .ip {

  width: 100%;

  height: 0.54rem;

  min-height: 40px;

  background-color: #fff;

  border: none;

  border-bottom: solid 2px rgba(0, 0, 0, 0.08);

  padding: 0 0.1rem;

}

.ctc-2 .placehold {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  padding: 0 0.1rem;

  pointer-events: none;

  color: #666;

}

.ctc-2 .placehold span {

  color: #e67d1b;

}

.ctc-2 .ta {

  width: 100%;

  height: 1.46rem;

  border: solid 1px #e5e5e5;

  padding: 0.1rem;

}

.ctc-2 .ta::-moz-placeholder {

  color: #bbb;

}

.ctc-2 .ta::placeholder {

  color: #bbb;

}

.ctc-2 .code {

  position: absolute;

  right: 0.1rem;

  top: 50%;

  transform: translateY(-50%);

  height: 80%;

  width: auto;

}

.ctc-2 .ww100 {

  width: 100%;

  align-items: flex-start;

}

.ctc-2 .tip {

  color: #999;

  font-weight: 300;

  margin-top: 0.1rem;

}

.ctc-2 .btns {

  margin-top: 0.45rem;

  text-align: center;

}

.ctc-2 .submit {

  display: inline-flex;

  align-items: center;

  min-width: 2.2rem;

  height: 0.56rem;

  min-height: 40px;

  border: none;

  background-color: #0f60eb;

  color: #fff;

  padding: 0 0.24rem;

  border-radius: 1rem;

  cursor: pointer;

  transition: all 0.3s;

}

.ctc-2 .submit:hover {

  background-color: #e67d1b;

}

.ctc-2 .submit .sic {

  width: 1em;

  height: 1em;

  margin-left: 0.2rem;

  background-image: url(../images/a2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

.ctc-2 .lab-list {

  margin-top: 0.03rem;

}

.ctc-2 .lab {

  position: relative;

  display: inline-flex;

  align-items: center;

  color: #444;

  cursor: pointer;

  margin-right: 0.14rem;

}

.ctc-2 .lab.selected .ic {

  box-shadow: 0 0 0 1px inset #e67d1b;

  background-color: #e67d1b;

}

.ctc-2 .ic {

  width: 1em;

  height: 1em;

  box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.2);

  background-image: url(../images/a13.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 50% auto;

  flex-shrink: 0;

  margin-right: 0.18rem;

  position: relative;

}

.ctc-2 .rdo {

  position: absolute;

  right: 0;

  top: 0;

  width: 0;

  height: 0;

}

.ctc-2 .dic {

  width: 9rem;

  position: absolute;

  right: 2rem;

  top: 0.76rem;

}

@media (max-width: 768px) {

  .ctc-2 .form {

    padding: 0.2rem;

  }

  .ctc-2 .fi {

    width: 100%;

  }

  .ctc-2 .lab {

    margin-bottom: 1em;

  }

  .ctc-2 .lab-list {

    margin-top: 0.3rem;

  }

}



.c-aa1 {

  min-width: 2.4rem;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  background-color: #fff;

  padding: 0.22rem 0.4rem;

  box-shadow: 0px 6px 0.15rem 0px rgba(0, 0, 0, 0.08);

  transition: all 0.3s;

}

.c-aa1:hover {

  transform: translateY(-5px);

}

.c-aa1 .ca1-sp {

  background: linear-gradient(235deg, #03baee, #155fec);

  -webkit-background-clip: text; /* 关键：背景裁剪为文字形状 */

  background-clip: text;

  -webkit-text-fill-color: transparent; /* 关键：文字颜色透明，显示背景渐变 */

  color: transparent; /* 备用 */

}

.c-aa1 .ca1-ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/a1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.3rem;

}



.c-aa2 {

  min-width: 2.4rem;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  line-height: 1;

  background-image: linear-gradient(235deg, #14eaeb 19%, #159bec 49%, #155fec 78%);

  padding: 0.22rem 0.4rem;

  transition: all 0.3s;

}

.c-aa2:hover {

  transform: translateY(-5px);

}

.c-aa2 .ca-sp {

  color: #fff;

}

.c-aa2 .ca-ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/a2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.4rem;

}



.com-ctc {

  padding-top: 1.2rem;

  padding-bottom: 1rem;

}

.com-ctc .com-tit {

  z-index: 10;

}

.com-ctc .btn {

  margin-top: 0.54rem;

}

.com-ctc .more {

  display: inline-flex;

  align-items: center;

  background-color: #fff;

  line-height: 1;

  padding: 0.2rem 0.4rem;

  box-shadow: 0px 6px 0.15rem 0px rgba(0, 0, 0, 0.08);

  transition: transform 0.3s;

}

.com-ctc .more:hover {

  transform: translateY(-5px);

}

.com-ctc .sp {

  background: linear-gradient(45deg, #03baee, #155fec);

  -webkit-background-clip: text; /* 关键：背景裁剪为文字形状 */

  background-clip: text;

  -webkit-text-fill-color: transparent; /* 关键：文字颜色透明，显示背景渐变 */

  color: transparent; /* 备用 */

}

.com-ctc .ic {

  width: 1em;

  height: 1em;

  background-image: url(../images/a1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  margin-left: 0.3rem;

}



.com-bots .cb-btns {

  margin-right: 0.5rem;

}

.com-bots .sbtn {

  width: 1em;

  height: 1em;

  border-radius: 50%;

  margin-right: 0.1rem;

  background-color: #fff;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.com-bots .sbtn:hover {

  background-image: linear-gradient(235deg, #14eaeb 0%, #155fec 100%), linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

}

.com-bots .sbtn:hover .sic {

  filter: brightness(0) invert(1);

}

.com-bots .sbtn .sic {

  height: 24%;

}

.com-bots .swiper-scrollbar {

  width: 100%;

  height: 4px;

  background-color: rgba(0, 0, 0, 0.1);

}

.com-bots .swiper-scrollbar .swiper-scrollbar-drag {

  background-image: linear-gradient(90deg, #1dcec2 0%, #0f5dec 100%);

}



.ecology-1 {

  padding-top: 2.1rem;

}



.ecology-2 {

  padding-top: 0.85rem;

  padding-bottom: 1.1rem;

}

.ecology-2 .list {

  margin-top: 0.75rem;

}

.ecology-2 .li {

  width: 21.25%;

  margin-right: 5%;

  margin-bottom: 5%;

}

.ecology-2 .li:nth-child(4n) {

  margin-right: 0;

}

.ecology-2 .li:nth-child(2n-1) .top {

  background-image: linear-gradient(90deg, #9bc5fe 0%, #2385ff 100%);

}

.ecology-2 .li:nth-child(2n) .top {

  background-image: linear-gradient(90deg, #a1e3f2 0%, #6acee6 100%);

}

.ecology-2 .dd {

  text-align: center;

}

.ecology-2 .top {

  height: 3.75em;

}

.ecology-2 .tit {

  color: #fff;

}

.ecology-2 .bot {

  margin-top: 0.2rem;

}

.ecology-2 .img {

  padding-top: 117.6470588235%;

}

.ecology-2 .te {

  width: 100%;

  padding: 0.36rem;

  position: absolute;

  left: 0;

  bottom: 0;

  line-height: 1.5;

  color: #000;

  text-align: center;

}

@media (max-width: 768px) {

  .ecology-2 .list {

    justify-content: space-between;

  }

  .ecology-2 .li {

    width: 48%;

    margin-right: 0;

    margin-bottom: 4%;

  }

}



.ecology-3 {

  padding-top: 1.1rem;

  padding-bottom: 0.85rem;

}

.ecology-3 .swiper {

  margin-top: 0.95rem;

}

.ecology-3 .sw {

  height: auto;

}

.ecology-3 .sw:hover .bd {

  opacity: 1;

}

.ecology-3 .img {

  padding-top: 75.9259259259%;

}

.ecology-3 .bot {

  background-color: rgba(255, 255, 255, 0.9);

  padding: 0.4rem 0.4rem;

}

.ecology-3 .tags {

  margin-top: 0.35rem;

}

.ecology-3 .ti {

  display: inline-block;

  line-height: 2;

  background-image: linear-gradient(90deg, #9bc5fe 0%, #2385ff 100%);

  border-radius: 1rem;

  color: #fff;

  padding: 0 0.2rem;

  margin-right: 0.2rem;

  margin-bottom: 0.2rem;

}

.ecology-3 .ti:last-child {

  margin-right: 0;

}

.ecology-3 .bd {

  background-image: url(../images/eco-b.jpg);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  padding: 0.95rem 0.5rem 0;

  opacity: 0;

  transition: opacity 0.3s;

}

.ecology-3 .line {

  height: 1px;

  background-color: rgba(0, 0, 0, 0.2);

  margin-top: 0.36rem;

  margin-bottom: 0.32rem;

}

.ecology-3 .bt2 {

  color: #000;

  line-height: 1.5;

}

@media (max-width: 768px) {

  .ecology-3 .bd {

    display: none;

  }

}



.business-1 .box {

  padding-top: 1.2rem;

  padding-bottom: 0.9rem;

}

.business-1 .img {

  margin-top: 0.95rem;

}

.business-1 .ii {

  width: 100%;

}



.business-2 {

  padding-top: 1rem;

  padding-bottom: 0.95rem;

}

.business-2 .box {

  margin-top: 0.9rem;

}

.business-2 .text {

  width: 5.9rem;

}

.business-2 .tit {

  color: #000;

  font-weight: bold;

}

.business-2 .tlist {

  margin-top: 0.3rem;

}

.business-2 .tli {

  margin-bottom: 0.28rem;

}

.business-2 .tic {

  width: 1em;

  flex-shrink: 0;

  margin-right: 0.2rem;

}

.business-2 .te2 {

  background-color: #fff;

  box-shadow: 1px 2px 0.15rem 0px rgba(21, 103, 236, 0.1);

  padding: 0.48rem;

  position: relative;

}

.business-2 .txt {

  display: inline-block;

  line-height: 1.6666666667;

  color: #444;

  z-index: 2;

}

.business-2 .txt::before {

  content: "";

  width: 1.5em;

  height: 1.5em;

  position: absolute;

  left: -0.5em;

  top: -0.5em;

  background-image: url(../images/a14.png);

  background-repeat: no-repeat;

  background-size: contain;

  z-index: -1;

}

.business-2 .txt::after {

  content: "";

  width: 1.5em;

  height: 1.5em;

  position: absolute;

  right: 0;

  bottom: 0;

  background-image: url(../images/a15.png);

  background-repeat: no-repeat;

  background-size: contain;

  z-index: -1;

}

.business-2 .imgs {

  width: 55%;

}

.business-2 .img {

  padding-top: 52.2727272727%;

}

@media (max-width: 768px) {

  .business-2 .imgs {

    width: 100%;

  }

  .business-2 .text {

    width: 100%;

  }

}



.business-3 {

  padding-top: 0.95rem;

  padding-bottom: 0.8rem;

}

.business-3 .img {

  margin-top: 0.72rem;

}

.business-3 .ii {

  width: 100%;

}



.business-4 {

  padding-top: 0.7rem;

  padding-bottom: 0.8rem;

}

.business-4 .ul {

  margin-top: 0.9rem;

}

.business-4 .li {

  width: 30.8125%;

  margin-right: 3.75%;

}

.business-4 .li:last-child {

  margin-right: 0;

}

.business-4 .li:last-child .dd::before {

  display: none;

}

.business-4 .dd {

  min-height: 4.4rem;

  background-image: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 100%);

  box-shadow: 1px 2px 0.15rem 0px rgba(21, 103, 236, 0.1);

  padding: 0.6rem;

}

.business-4 .dd::before {

  content: "";

  width: 1em;

  height: 1em;

  position: absolute;

  top: calc(50% - 0.5em);

  left: calc(100% + 0.2rem);

  background-image: url(../images/a6.png);

  background-repeat: no-repeat;

  background-size: contain;

}

.business-4 .top {

  padding-bottom: 0.2rem;

}

.business-4 .ic {

  width: 1em;

  flex-shrink: 0;

  margin-right: 0.27rem;

}

.business-4 .t1 {

  color: #666;

}

.business-4 .t2 {

  color: #222;

  margin-top: 0.1rem;

}

.business-4 .text {

  padding-top: 0.22rem;

  border-top: 1px solid #d6edfb;

  color: #666;

  line-height: 1.6666666667;

}

@media (max-width: 768px) {

  .business-4 .li {

    width: 100%;

    margin-right: 0;

    margin-bottom: 4%;

  }

  .business-4 .dd {

    min-height: 3rem;

    padding: 0.4rem;

  }

  .business-4 .dd::before {

    display: none;

  }

}



.business-5 {

  padding-top: 0.8rem;

  padding-bottom: 1rem;

}

.business-5 .img {

  margin-top: 0.9rem;

  padding: 0.2rem 0.1rem;

}

.business-5 .box {

  margin-top: 0.72rem;

}

.business-5 .item {

  width: 7.8rem;

  float: left;

  background-color: rgba(255, 255, 255, 0.6);

  background-repeat: no-repeat;

  box-shadow: 1px 2px 0.15rem 0px rgba(21, 103, 236, 0.1);

}

.business-5 .item1 {

  height: 6.2rem;

  margin-right: 0.4rem;

}

.business-5 .item2 {

  height: 2.7rem;

  margin-bottom: 0.2rem;

}

.business-5 .item3 {

  height: 3.3rem;

}

.business-5 .text {

  position: absolute;

}

.business-5 .text1 {

  width: 100%;

  padding: 0.75rem 0.8rem 0;

}

.business-5 .text2 {

  width: 50%;

  left: 40%;

  top: 50%;

  transform: translateY(-50%);

}

.business-5 .text3 {

  width: 50%;

  left: 0.8rem;

  top: 50%;

  transform: translateY(-50%);

}

.business-5 .t2 {

  line-height: 1.25;

  color: #666;

  margin-top: 0.1rem;

}

.business-5 .btns {

  margin-top: 0.4rem;

}

@media (max-width: 768px) {

  .business-5 .item {

    width: 100%;

    margin-bottom: 0.2rem;

  }

  .business-5 .text1 {

    padding: 0.4rem;

  }

}



.market-1 {

  padding-top: 1.6rem;

  padding-bottom: 1.25rem;

}

.market-1 .nav {

  padding: 0 0.3rem;

  margin-top: 0.6rem;

}

.market-1 .na {

  width: 2.4rem;

  margin: 0.06rem 0;

  margin-right: 0.2rem;

  text-align: center;

  line-height: 0.6rem;

}

.market-1 .na:nth-child(6n) {

  margin-right: 0;

}

.market-1 .na.on {

  background-image: linear-gradient(90deg, #9bc5fe 0%, #2385ff 100%);

  color: #fefefe;

}

.market-1 .box {

  margin-top: 0.25rem;

}

.market-1 .wrap {

  width: 100%;

}

.market-1 .inner {

  font-size: 0;

  white-space: nowrap;

  display: inline-block;

  vertical-align: top;

  position: relative;

}

.market-1 .list {

  font-size: 0;

  display: inline-block;

  vertical-align: top;

  position: relative;

}

.market-1 .swiper-container {

  height: 8.2rem;

}

.market-1 .li {

  display: inline-block;

  width: 5.06rem;

  margin: 0.15rem 0;

  margin-right: 0.2rem;

}

.market-1 .li:nth-child(3n) {

  margin-right: 0;

}

.market-1 .item {

  display: block;

  padding: 0 0.4rem;

  background-color: rgba(255, 255, 255, 0.2);

  box-shadow: 1px 2px 0.54rem 0px rgba(0, 0, 0, 0.1);

  border-radius: 0.2rem;

  text-align: center;

}

.market-1 .ii {

  width: 60%;

  height: 40%;

  -o-object-position: center;

     object-position: center;

  -o-object-fit: contain;

     object-fit: contain;

}

.market-1 .line {

  height: 1px;

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);

}

.market-1 .top {

  height: 1.5rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.market-1 .ite {

  padding-top: 0.25rem;

  padding-bottom: 0.3rem;

}

@media (max-width: 768px) {

  .market-1 .nav {

    justify-content: space-between;

  }

  .market-1 .na {

    width: 48%;

    margin: 1% 0;

  }

}



.market-2 {

  padding-top: 1.6rem;

  padding-bottom: 1.25rem;

}

.market-2 .nav {

  padding: 0 0.3rem;

  margin-top: 0.6rem;

}

.market-2 .na {

  width: 2.4rem;

  margin: 0.06rem 0;

  margin-right: 0.2rem;

  text-align: center;

  line-height: 0.6rem;

}

.market-2 .na:nth-child(6n) {

  margin-right: 0;

}

.market-2 .na:hover {

  color: #0f60eb;

}

.market-2 .na.on {

  background-image: linear-gradient(90deg, #9bc5fe 0%, #2385ff 100%);

  color: #fefefe;

}

.market-2 .wrap {

  width: 100%;

}

.market-2 .inner {

  font-size: 0;

  white-space: nowrap;

  display: inline-block;

  vertical-align: top;

  position: relative;

}

.market-2 .box {

  margin-top: 0.25rem;

  max-height: 8.2rem;

  overflow-y: auto;

}

.market-2 .box::-webkit-scrollbar {

  /*滚动条整体样式*/

  width: 0.06rem; /*高宽分别对应横竖滚动条的尺寸*/

  height: 1px;

}

.market-2 .box::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 10px;

  background-image: linear-gradient(0deg, #14eaeb 0%, #155fec 100%), linear-gradient(#0056fb, #0056fb);

}

.market-2 .box::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background-color: rgba(21, 117, 236, 0.2);

}

.market-2 .swiper-container {

  height: 8.2rem;

}

.market-2 .list {

  font-size: 0;

  position: relative;

}

.market-2 .li {

  width: 31.625%;

  margin: 0.15rem 0;

  margin-right: 2.5%;

}

.market-2 .li:nth-child(3n) {

  margin-right: 0;

}

.market-2 .item {

  display: block;

  padding: 0 0.4rem;

  background-color: rgba(255, 255, 255, 0.2);

  box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1);

  border-radius: 0.2rem;

  text-align: center;

}

.market-2 .ii {

  width: 70%;

  height: 70%;

  -o-object-position: center;

     object-position: center;

  -o-object-fit: contain;

     object-fit: contain;

}

.market-2 .line {

  height: 1px;

  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);

}

.market-2 .top {

  height: 1.5rem;

  display: flex;

  justify-content: center;

  align-items: center;

}

.market-2 .ite {

  padding-top: 0.25rem;

  padding-bottom: 0.3rem;

}

@media (max-width: 768px) {

  .market-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

  .market-2 .nav {

    justify-content: space-between;

  }

  .market-2 .na {

    width: 48%;

    margin: 1% 0;

  }

  .market-2 .list {

    justify-content: space-between;

  }

  .market-2 .li {

    width: 100%;

    margin-right: 0;

  }

}



.market-3 {

  padding: 0.6rem 0;

}

.market-3 .imgs {

  width: 45%;

}

.market-3 .img {

  padding-top: 56.25%;

}

.market-3 .text {

  width: 50%;

}

.market-3 .d1 {

  display: inline-block;

  background: linear-gradient(45deg, #03baee, #155fec);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  color: transparent;

}

.market-3 .d2 {

  line-height: 1.6666666667;

  color: #666;

  margin-top: 0.5em;

}

@media (max-width: 768px) {

  .market-3 {

    padding: 0.4rem 0;

  }

  .market-3 .imgs {

    width: 100%;

  }

  .market-3 .text {

    width: 100%;

    margin-top: 0.3rem;

    padding: 0 0.2rem;

  }

}



.platform-1 {

  padding-top: 1.4rem;

  padding-bottom: 0.8rem;

}

@media (max-width: 768px) {

  .platform-1 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}



.platform-2 {

  padding-top: 0.8rem;

}

@media (max-width: 768px) {

  .platform-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}



.platform-3 {

  padding-top: 1.4rem;

}

@media (max-width: 768px) {

  .platform-3 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}



.platform-4 {

  padding-top: 0.6rem;

  padding-bottom: 1.4rem;

}

.platform-4 .ul {

  margin-top: 0.95rem;

}

.platform-4 .li {

  margin-bottom: 0.4rem;

}

.platform-4 .li:last-child {

  margin-bottom: 0;

}

.platform-4 .li:nth-child(2n) .dd {

  flex-direction: row-reverse;

}

.platform-4 .dd {

  box-shadow: 0px 0px 0.15rem 0px rgba(75, 145, 250, 0.1);

  padding: 0.4rem 1rem;

}

.platform-4 .swiper {

  width: 58.125%;

  width: 9.3rem;

  /* box-shadow: 0 0 0.1rem 0.1rem rgba(0, 0, 0, 0.04); */

}

.platform-4 .img {

  padding-top: calc(600 / 930 * 100%);

}

.platform-4 .img::before {

  content: "";

  width: 100%;

  height: 100%;

  background-image: url(../images/pla4_b1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

}

.platform-4 .img::after {

  content: "";

  width: 100%;

  height: 100%;

  background-image: url(../images/pla4_b2.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 4;

}

.platform-4 .img img {

  transform: scale(0.9);

  transform-origin: center;

  -o-object-fit: contain;

     object-fit: contain;

  z-index: 3;

	filter: drop-shadow(2px 4px 6px #00000010);

}

.platform-4 .text {

  width: 23.125%;

  width: 3.7rem;

}

.platform-4 .tbox {

  width: 100%;

}

.platform-4 .h3 {

  color: #000;

}

.platform-4 .intro {

  line-height: 1.875;

  min-height: 5.625em;

  color: #666;

  margin-top: 0.14rem;

}

.platform-4 .more {

  margin-top: 0.5rem;

}

.platform-4 .swiper-pagination-bullet {

  width: 0.46rem;

  height: 0.05rem;

  border-radius: 1rem;

  background-color: rgba(0, 0, 0, 0.1);

  margin: 0 0.07rem;

  opacity: 1;

}

.platform-4 .swiper-pagination-bullet-active {

  background-image: linear-gradient(90deg, #155fec 0%, #14eaeb 100%);

}

@media (max-width: 768px) {

  .platform-4 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}

@media (max-width: 768px) {

  .platform-4 .dd {

    flex-wrap: wrap;

    flex-direction: row !important;

    padding: 0.3rem;

  }

  .platform-4 .text {

    width: 100%;

    order: 2;

    margin-top: 0.2rem;

  }

  .platform-4 .more {

    margin-top: 0.3rem;

  }

  .platform-4 .swiper {

    width: 100%;

    order: 1;

  }

}



.partner-1 {

  padding-top: 1rem;

}



.partner-2 {

  padding-top: 0.6rem;

  padding-bottom: 1.4rem;

}

.partner-2 .sw {

  padding: 0.4rem 0;

  height: auto;

  min-height: 7.2rem;

}

.partner-2 .text {

  width: 5.3rem;

  margin-left: 1.5rem;

}

.partner-2 .blogo {

  display: inline-flex;

}

.partner-2 .blogo img {

  height: 1em;

}

.partner-2 .h3 {

  color: #ff9f53;

  margin-top: 0.4rem;

}

.partner-2 .intro {

  color: #fff;

  line-height: 2;

  margin-top: 0.1rem;

}

.partner-2 .more {

  margin-top: 0.3rem;

}

.partner-2 .img {

  width: 4.8rem;

  margin-right: 1.2rem;

}

.partner-2 .img img {

  width: 100%;

  max-height: 100%;

}

.partner-2 .swiper-pagination {

  bottom: 0.4rem;

}

.partner-2 .swiper-pagination-bullet {

  width: 0.08rem;

  height: 0.08rem;

  border-radius: 1rem;

  background-color: #1d1818;

  margin: 0 0.07rem;

  opacity: 1;

}

.partner-2 .swiper-pagination-bullet-active {

  width: 0.3rem;

  background-image: linear-gradient(90deg, #155fec 0%, #14eaeb 100%);

  background-image: linear-gradient(-90deg, #ff7c30 0%, #ff9f53 100%);

}

@media (max-width: 768px) {

  .partner-2 .sw {

    padding: 0.4rem;

    margin: 0;

    justify-content: center;

  }

  .partner-2 .text {

    margin: 0;

  }

  .partner-2 .img {

    margin: 0 auto;

    margin-top: 0.4rem;

  }

}



.partner-11 {

  padding-top: 1.8rem;

  padding-bottom: 1.4rem;

}

.partner-11 .rich-text {

  color: #444;

  line-height: 1.8888888889;

}

.partner-11 .video {

  margin-top: 0.5rem;

  padding-top: 39.2156862745%;

}



.case-11 {

  padding-top: 2.5rem;

  padding-bottom: 0.75rem;

}



.watch {

  background-image: url(../images/a7.png);

  background-repeat: no-repeat;

  background-size: contain;

  width: 1em;

  height: 1em;

  border-radius: 50%;

  background-color: #0f60eb;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  cursor: pointer;

}


 


.my-dialog {

  display: none;

}

.my-dialog.show {

  display: block;

}

.my-dialog .dlg-cont {

  width: 8.6rem;

  max-width: calc(100% - 0.48rem);

  padding: 0.58rem 0.95rem 0.65rem;

  background-color: #fff;

}

.my-dialog .off {

  width: 1em;

  height: 1em;

  background-image: url(../images/m_off1.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  cursor: pointer;

}

.my-dialog .ftop {

  padding-bottom: 0.27rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

}

.my-dialog .fbox {

  margin-top: 0.36rem;

}

.my-dialog .fi {

  width: 48.4848484848%;

  margin-bottom: 0.14rem;

  position: relative;

}

.my-dialog .fi .ft {

  margin-bottom: 0.14rem;

  padding: 0 0.18rem;

  color: #000;

}

.my-dialog .fi .inp {

  position: relative;

}

.my-dialog .fi .ip {

  width: 100%;

  height: 0.5rem;

  border: 1px solid rgba(0, 0, 0, 0.12);

  padding: 0 0.1rem;

}

.my-dialog .fi .ta {

  width: 100%;

  height: 1.3rem;

  border: none;

  padding: 0.2rem;

  background-color: #f6f6f6;

}

.my-dialog .fi .ta::-moz-placeholder {

  color: #bbb;

}

.my-dialog .fi .ta::placeholder {

  color: #bbb;

}

.my-dialog .fi .code {

  position: absolute;

  right: 0;

  top: 10%;

  height: 80%;

  width: auto;

  max-width: none;

}

.my-dialog .ww100 {

  width: 100% !important;

}

.my-dialog .f-block {

  display: block;

  height: 0.4rem;

  box-shadow: none;

}

.my-dialog .tshow {

  z-index: 100;

}

.my-dialog .tshow .other {

  display: block;

}

.my-dialog .btns {

  margin-top: 0.1rem;

}

.my-dialog .submit {

  border: none;

}

.my-dialog .lab-list {

  margin-top: 0.03rem;

}

.my-dialog .lab-li {

  width: 50%;

  padding: 0 0.2rem;

  margin-bottom: 0.14rem;

}

.my-dialog .lab {

  position: relative;

  display: inline-flex;

  align-items: center;

  color: #444;

  cursor: pointer;

  margin-right: 0.14rem;

}

.my-dialog .lab.selected .ic {

  box-shadow: 0 0 0 1px inset #0f60eb;

  background-color: #0f60eb;

}

.my-dialog .ic {

  width: 1em;

  height: 1em;

  box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.2);

  border-radius: 50%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 50% auto;

  flex-shrink: 0;

  margin-right: 0.18rem;

  position: relative;

}

.my-dialog .ic::before {

  content: "✓";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 1em;

}

.my-dialog .rdo {

  position: absolute;

  right: 0;

  top: 0;

  width: 0;

  height: 0;

}

.my-dialog .ip2 {

  width: 2rem;

  height: 1.6666666667em;

  border: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

}

@media (max-width: 1280px) {

  .my-dialog .lab-li {

    width: 100%;

  }

}

@media (max-width: 768px) {

  .my-dialog .dlg-cont {

    padding: 0.4rem;

    max-height: calc(100% - 0.48rem);

    overflow-y: auto;

  }

  .my-dialog .fi {

    width: 100%;

  }

  .my-dialog .f-block {

    height: auto;

  }

  .my-dialog .my-sel .bitem {

    white-space: wrap;

  }

  .my-dialog .my-sel .hd {

    height: 0.6rem;

    line-height: 0.6rem;

  }

  .my-dialog .my-sel .hd span {

    -webkit-line-clamp: 2;

  }

}



.case-side {
  position: fixed;
  right: 0.4rem;
  bottom: 4rem;
  z-index: 50;
}
.case-side .cs_di {
  position: relative;
  margin-bottom: 0.1rem;
}
.case-side .cs_di:hover .bd {
  opacity: 1;
  pointer-events: auto;
}
.case-side .chd {
  width: 1em;
  height: 1em;
  border-radius: 0.1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(235deg, #14eaeb 19%, #159bec 49%, #155fec 78%);
  cursor: pointer;
}
.case-side .chd img {
  width: 0.35rem;
}
.case-side .bd {
  position: absolute;
  right: 100%;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.case-side .bd img {
  width: 3.3rem;
  max-width: none;
}
.case-side .ph {
  white-space: nowrap;
  padding: 0.2rem;
  background-color: #fff;
  color: #0f60eb;
  border-radius: 0.1rem;
  transform: translate(-0.1rem);
  box-shadow: 0 0 0.2rem rgba(15, 96, 235, 0.1);
}