@charset "UTF-8";
@keyframes soundWave1 {
  0% {
    width: 4.13vw;
  }
  50% {
    width: 0;
  }
  100% {
    width: 4.13vw;
  }
}

@keyframes soundWave2 {
  0% {
    width: 2.8vw;
  }
  50% {
    width: 0;
  }
  100% {
    width: 2.8vw;
  }
}

@keyframes soundWave3 {
  0% {
    width: 3.6vw;
  }
  50% {
    width: 0;
  }
  100% {
    width: 3.6vw;
  }
}

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

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

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

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

@keyframes heart {
  from {
    transform: translate(0, -1.2vw);
  }
  to {
    transform: translate(0, 0.6vw);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(200deg) scale(0.8);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(200deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes rotate3 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes custom_pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(226, 60, 50, 0.4);
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 1.33vw rgba(226, 60, 50, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 1.33vw rgba(226, 60, 50, 0);
  }
}

@keyframes custom_pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 60, 50, 0.8);
  }
  100% {
    box-shadow: 0 0 0 1.6vw rgba(226, 60, 50, 0);
  }
}

@keyframes wave {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

/* Ò³ÃæÍ·²¿ */
.head {
  width: 100vw;
  height: 11.73vw;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: all 0.5s;
  color: #fff;
  animation: fadeInDown 0.6s forwards;
}

.head .head-tool {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 3.07vw;
}

.head .head-tool .logo {
  margin-right: auto;
  width: 23.6vw;
  display: block;
  position: relative;
}

.head .head-tool .logo img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 0;
  transition: all 0.5s;
}

.head .head-tool .logo .logo-dark {
  z-index: 1;
  opacity: 0;
}

.head .head-tool .cn,
.head .head-tool .search {
  color: #fff;
  font-size: 3.47vw;
  margin-right: 3.73vw;
  display: inline-flex;
  align-items: center;
  transition: color 0.5s;
}

.head .head-tool .search {
  font-size: 3.67vw;
  margin-top: 0.23vw;
}

.head .head-tool .open-menu {
  width: 11.73vw;
  height: 11.73vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: transparent;
  outline: none;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  padding-left: 3.47vw;
  transition: all 0.5s;
  position: relative;
}

.head .head-tool .open-menu i {
  display: inline-block;
  width: 4.13vw;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transition: backgroundColor 0.5s;
  animation-play-state: running;
}

.head .head-tool .open-menu i:nth-child(1) {
  animation: soundWave1 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
}

.head .head-tool .open-menu i:nth-child(2) {
  width: 2.8vw;
  margin: 1.07vw 1.33vw 1.07vw 0;
  animation: soundWave2 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
}

.head .head-tool .open-menu i:nth-child(3) {
  animation: soundWave3 0.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
}

.head .head-tool .open-menu::before, .head .head-tool .open-menu::after {
  content: "";
  position: absolute;
  background: #fff;
  left: 3.47vw;
  display: block;
  transition: all 0.5s;
  opacity: 0;
}

.head .head-tool .open-menu::before {
  width: 4.13vw;
  height: 2px;
  top: 4vw;
}

.head .head-tool .open-menu::after {
  width: 2px;
  height: 4.13vw;
  top: calc(3.73vw - 3px);
  transform: rotate(90deg);
  transform-origin: 0% 100%;
}

.head .head-menu {
  width: 100vw;
  height: calc(100vh - 11.73vw);
  position: fixed;
  top: 11.73vw;
  right: 0;
  background: #e23c32;
  transform: translateY(20%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.head .head-menu .search-box,
.head .head-menu .menu-list {
  visibility: hidden;
}

.head .head-menu .search-box {
  width: 92vw;
  height: 0;
  border-radius: 4.67vw;
  opacity: 0;
}

.head .head-menu .search-box input {
  width: 100%;
  height: 100%;
  border-radius: 4.67vw;
  background: #fff;
  text-align: center;
  color: #333;
  line-height: 9.34vw;
  font-size: 3.47vw;
}

.head .head-menu .search-box input::placeholder {
  color: #c3c3c3;
}

.head .head-menu .menu-list {
  width: 100vw;
  height: 0;
}

.head .head-menu .menu-list .fir-item {
  min-height: 14.67vw;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.head .head-menu .menu-list .fir-item .fir-link {
  width: 100%;
  height: 14.67vw;
  display: inline-block;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5.86vw 0 8vw;
  position: relative;
  font-size: 4.27vw;
  line-height: 14.67vw;
  color: #fff;
}

.head .head-menu .menu-list .fir-item .fir-link::before {
  content: "";
  width: 2.13vw;
  height: 0.8vw;
  border-radius: 0.4vw;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 4vw;
  transform: translateY(-50%);
}

.head .head-menu .menu-list .fir-item .fir-link::after {
  content: "\e624";
  width: 3.2vw;
  height: 3.2vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "iconfont";
  font-size: 3.07vw;
  color: #fff;
  position: absolute;
  right: 4.13vw;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: transform 0.4s;
  transform-origin: center;
}

.head .head-menu .menu-list .fir-item .fir-link.has-menu--2nd::after {
  opacity: 1;
}

.head .head-menu .menu-list .fir-item.open .has-menu--2nd::after {
  transform: rotate(90deg) translateY(-50%);
  right: 6.67vw;
}

.head .head-menu .menu-list .fir-item.open .menu-2nd {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.47vw 4vw 4.8vw;
}

.head .head-menu .menu-list .menu-2nd {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4vw;
  height: 0;
  overflow: hidden;
  background: #d4332a;
  transition: all 0.6s;
  border-top: 0 solid rgba(255, 255, 255, 0);
}

.head .head-menu .menu-list .menu-2nd .sec-item {
  min-height: 11.47vw;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.head .head-menu .menu-list .menu-2nd .sec-item .sec-link {
  width: 100%;
  height: 11.47vw;
  line-height: 11.47vw;
  box-sizing: border-box;
  padding: 0 4.27vw;
  position: relative;
  font-size: 3.47vw;
  color: #fff;
  display: block;
}

.head .head-menu .menu-list .menu-2nd .sec-item .sec-link::before {
  content: "";
  width: 1.07vw;
  height: 1.07vw;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
}

.head .head-menu .menu-list .menu-2nd .sec-item .sec-link.has-menu--3rd::after {
  content: "";
  border-left: 1.2vw solid transparent;
  border-top: 1.47vw solid #fff;
  border-right: 1.2vw solid transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.head .head-menu .menu-list .menu-3rd {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-left: 2.66vw;
  margin-top: -2.34vw;
  padding-bottom: 3.34vw;
}

.head .head-menu .menu-list .menu-3rd .third-item .third-link {
  font-size: 3.47vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 8vw;
  padding: 0 1.74vw;
}

.head .head-menu.type_search .search-box {
  visibility: visible;
  animation: fadeInUp 1s forwards;
  animation-delay: 0.5;
  height: 9.34vw;
  margin: 3.87vw auto 0;
}

.head .head-menu.type_menu .menu-list {
  visibility: visible;
  animation: fadeInUp2 1s forwards;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.head.white {
  background: #fff;
  border-bottom-color: rgba(51, 51, 51, 0.2);
  box-shadow: 0vw 0vw 1.33vw 0vw #dcdde1;
  color: #333;
}

.head.white .logo .logo-dark {
  opacity: 1;
}

.head.white .logo .logo-light {
  opacity: 0;
}

.head.white .cn,
.head.white .search {
  color: #333;
}

.head.white .open-menu {
  border-left-color: rgba(51, 51, 51, 0.2);
}

.head.white .open-menu i {
  background: #333;
}

.head.red {
  background: #e23c32;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.head.red .head-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.head.red .head-menu.type_search {
  box-shadow: inset 0vw 26.8vw 8.8vw -10.6vw #d0190d;
}

.head.red .head-menu.type_menu {
  box-shadow: inset 0vw 10.8vw 8.8vw -10.6vw #d0190d;
}

.head.red .head-tool .logo .logo-dark {
  opacity: 0;
}

.head.red .head-tool .logo .logo-light {
  opacity: 1;
}

.head.red .head-tool .cn,
.head.red .head-tool .search {
  color: #fff;
}

.head.red .head-tool .open-menu {
  border-left-color: rgba(255, 255, 255, 0.2);
}

.head.red .head-tool .open-menu i {
  animation-play-state: paused;
  visibility: hidden;
}

.head.red .head-tool .open-menu::before, .head.red .head-tool .open-menu::after {
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: 50% 50%;
}

/* Ò³Ãæµ×²¿ */
.foot {
  width: 100vw;
  height: 79.34vw;
  overflow: hidden;
}

.foot .company {
  width: 100%;
  height: 56.27vw;
  background: url("/static/front/en_wap/images/foot_bg.jpg") no-repeat top center/cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: #fff;
  font-size: 3.47vw;
  line-height: 6.13vw;
  box-sizing: border-box;
  padding: 5.61vw 6.4vw 0 4.13vw;
}

.foot .company a {
  color: #fff;
  font-size: 3.47vw;
  line-height: 6.13vw;
}

.foot .website {
  width: 100%;
  height: 23.07vw;
  background: #a2221a;
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  padding: 0 4.94vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Îüµ×µÄÒ³Ãæµ×²¿ */
.sticky-foot {
  width: 100vw;
  background: #ffffff;
  box-shadow: 0vw 0vw 2.67vw 0vw rgba(0, 0, 0, 0.26);
  box-sizing: border-box;
  padding: 8.4vw 4vw 4.67vw;
  z-index: 10;
}

.sticky-foot .foot-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  padding: 5.73vw 2.4vw 2.67vw;
  font-size: 2.67vw;
  line-height: 3.6vw;
  position: relative;
  border-radius: 1.33vw;
  border: solid 0.13vw #f8e6e5;
}

.sticky-foot .foot-cell + .foot-cell {
  margin-top: 8vw;
}

.sticky-foot .foot-cell .label {
  width: 34vw;
  height: 8vw;
  white-space: nowrap;
  font-size: 3.47vw;
  line-height: 8vw;
  box-sizing: border-box;
  padding-left: 2vw;
  background: #f8e6e5;
  color: #333333;
  font-weight: bold;
  border-radius: 0vw 4vw 4vw 0vw;
  position: absolute;
  top: -4.4vw;
  left: 0;
}

.sticky-foot .foot-cell span {
  color: #333;
}

.sticky-foot .foot-cell b {
  color: #c70019;
}

/* ²à±ßÐü¸¡¹¤¾ßÀ¸ */
.aside-tool {
  width: 9.87vw;
  position: fixed;
  right: 0.8vw;
  top: 50%;
  z-index: 888;
}

.aside-tool li {
  width: 100%;
  height: 9.87vw;
  border-radius: 0.53vw;
  background: #c70019;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.8vw;
}

.aside-tool li .iconfont {
  font-size: 4.53vw;
}

.aside-tool li p {
  font-size: 1.87vw;
  line-height: 3.2vw;
  letter-spacing: 0.04vw;
}

.aside-tool li.contact {
  position: relative;
}

.aside-tool li.contact .qq {
  font-size: 1.87vw;
  height: 9.87vw;
  line-height: 9.87vw;
  color: #fff;
  padding: 0 1.87vw;
  border-radius: 0.53vw;
  background: #c70019;
  position: absolute;
  left: 0.53vw;
  top: 0;
  transform: translateX(-120%);
  opacity: 0;
  transition: all 0.4s;
  white-space: nowrap;
  visibility: hidden;
}

.aside-tool li.contact.show .qq {
  transform: translateX(-100%);
  opacity: 1;
  visibility: visible;
}

.aside-tool li.back-top {
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(40%);
  transition: all 0.4s;
}

.aside-tool li.back-top .iconfont {
  font-size: 4vw;
}

.aside-tool li.back-top.show {
  transform: translateY(0);
  opacity: 1;
}

/* Ä£¿£¿éÎÊÌâ */
.plate-title {
  text-align: center;
  padding-top: 5.34vw;
}

.plate-title .en {
  letter-spacing: -0.03vw;
  color: #c7011a;
  font-size: 5.33vw;
  line-height: 13.33vw;
}

.plate-title .line {
  width: 42.27vw;
  height: 0.13vw;
  margin: -0.52vw auto 0;
  position: relative;
  background: linear-gradient(to right, rgba(199, 1, 26, 0) 0%, #c7011a 40.69%, rgba(199, 1, 26, 0) 40.69%, rgba(199, 1, 26, 0) 59.31%, #c7011a 59.31%, rgba(199, 1, 26, 0) 100%);
}

.plate-title .line::before {
  content: "\e60b";
  width: 3.2vw;
  height: 3.2vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "iconfont";
  font-size: 3.2vw;
  color: #c7011a;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.7vw 0 0 -1.2vw;
  transform-origin: center center;
  animation: rotate2 5s linear 0s infinite;
}

/* Ê×Ò³ */
.index-body {
  width: 100vw;
}

.index-body .banner {
  width: 100vw;
  height: 75.73vw;
  position: relative;
}

.index-body .banner-swiper {
  width: 100%;
  height: 100%;
}

.index-body .banner-swiper .swiper-slide {
  position: relative;
}

.index-body .banner-swiper .swiper-slide-active .slide-text h1 {
  opacity: 0;
  animation-name: fadeInUp;
  animation-delay: 0.2s;
  animation-duration: 1.2s;
}

.index-body .banner-swiper .swiper-slide-active .slide-text p {
  opacity: 0;
  animation-name: fadeInUp;
  animation-delay: 0.6s;
  animation-duration: 1.2s;
}

.index-body .banner-swiper .swiper-slide-active .slide-text .learn-btn {
  opacity: 0;
  animation-name: fadeInUp;
  animation-delay: 0.9s;
  animation-duration: 1.2s;
}

.index-body .banner-swiper .swiper-slide-active .slide-text .learn-btn .iconfont {
  animation-play-state: running;
}

.index-body .banner-swiper .swiper-slide-active .slide-text .honor {
  opacity: 0;
  animation-name: fadeInUp;
  animation-delay: 1.1s;
  animation-duration: 1.2s;
}

.index-body .banner-swiper .slide-bg {
  width: 100%;
  height: 100%;
  margin-top: -75.73vw;
  position: relative;
}

.index-body .banner-swiper .slide-bg img,
.index-body .banner-swiper .slide-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-body .banner-swiper .slide-bg video {
  z-index: -99;
}

.index-body .banner-swiper .slide-text {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 5.87vw;
}

.index-body .banner-swiper .slide-text h1 {
  font-size: 5.33vw;
  color: #fff;
  line-height: 13.33vw;
  text-shadow: 0.27vw 0.47vw 0.51vw rgba(0, 0, 0, 0.42);
  animation-name: fadeOutDown;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}

.index-body .banner-swiper .slide-text p {
  font-size: 3.2vw;
  color: #fff;
  line-height: 3.6vw;
  text-shadow: 0.27vw 0.47vw 0.51vw rgba(0, 0, 0, 0.42);
  animation-name: fadeOutDown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}

.index-body .banner-swiper .slide-text .learn-btn {
  width: 65.6vw;
  height: 8vw;
  border-radius: 4vw;
  border: 0.2vw solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  color: #fff;
  margin-bottom: 5.47vw;
  margin-top: 5.2vw;
  box-sizing: border-box;
  animation-name: fadeOutDown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}

.index-body .banner-swiper .slide-text .learn-btn span {
  text-shadow: 0.27vw 0.47vw 0.51vw rgba(0, 0, 0, 0.42);
}

.index-body .banner-swiper .slide-text .learn-btn .iconfont {
  margin-left: 1vw;
  display: inline-block;
  animation-play-state: paused;
  animation: rotate 5s linear 0s infinite;
}

.index-body .banner-swiper .slide-text .honor {
  width: 45.47vw;
  height: 7.6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  animation-name: fadeOutDown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}

.index-body .banner-swiper .slide-text .honor li {
  width: 8vw;
  height: 7.6vw;
  position: relative;
}

.index-body .banner-swiper .slide-text .honor li span {
  font-size: 7.6vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}

.index-body .banner-swiper .slide-text .honor li span.white {
  color: #fff;
  opacity: 1;
}

.index-body .banner-swiper .slide-text .honor li span.gradient {
  color: transparent;
  background: linear-gradient(50deg, #e9e5b9 10%, #dfb85e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  opacity: 0;
}

.index-body .banner-swiper .slide-text .honor li.active span.white {
  opacity: 0;
}

.index-body .banner-swiper .slide-text .honor li.active span.gradient {
  opacity: 1;
}

.index-body .banner .mouse {
  font-size: 5.47vw;
  color: #fff;
  position: absolute;
  bottom: 3.87vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  animation: heart 0.8s ease-in-out 0s infinite alternate;
}

.index-body .group-profile {
  padding-top: 4vw;
  padding-bottom: 56.67vw;
  background: #fff url("../images/box_bg_index1.png") no-repeat bottom center/100% auto;
}

.index-body .group-profile .plate-title {
  margin-bottom: 5.59vw;
}

.index-body .group-profile .profile {
  font-size: 4vw;
  line-height: 6.67vw;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  margin-bottom: 6.79vw;
  text-align: left;
}

.index-body .group-profile .learn-link {
  width: 30.4vw;
  height: 9.34vw;
  display: block;
  background: #e23c32;
  border-radius: 4.67vw;
  margin: 0 auto;
  font-size: 3.73vw;
  line-height: 9.34vw;
  text-align: center;
  color: #fff;
}

.index-body .product-center .plate-title {
  padding-top: 6.2vw;
}

.index-body .product-center .product-data {
  width: 100vw;
  height: 129.54vw;
  margin-top: 8vw;
  background: url("/static/front/en_wap/images/data_bg_index2.jpg") no-repeat top center/100% auto;
  box-sizing: border-box;
  padding-top: 11.2vw;
}

.index-body .product-center .product-swiper {
  width: 100vw;
  height: 97.27vw;
}

.index-body .product-center .product-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.index-body .product-center .product-swiper .swiper-slide {
  width: 65.33vw;
  height: 94.27vw;
  box-shadow: 0vw 0vw 2.19vw 0.21vw rgba(120, 120, 120, 0.2);
  border-radius: 1.33vw;
  overflow: hidden;
  background: #fff url("../images/data_bg_index1.jpg") no-repeat center/cover;
  position: relative;
}

.index-body .product-center .product-swiper .swiper-slide::before {
  content: "\e617";
  font-family: "iconfont";
  font-size: 11.07vw;
  color: transparent;
  background: linear-gradient(0deg, #e75d55 0%, #fe7169 100%);
  background-clip: text;
  -webkit-background-clip: text;
  position: absolute;
  right: -0.4vw;
  top: -0.4vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-img {
  width: 100%;
  height: 65.6vw;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-top: 6.13vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-img img {
  width: auto;
  height: auto;
  max-width: 52vw;
  max-height: 47.47vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.index-body .product-center .product-swiper .swiper-slide .product-text .iconfont {
  font-size: 6.53vw;
  color: #c7011a;
  line-height: 6.53vw;
  margin-bottom: 3.36vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-text b {
  font-size: 4.27vw;
  color: #333;
  line-height: 5vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-text b.en {
  font-size: 3.47vw;
  line-height: 4vw;
  margin-top: 3.7vw;
}

.index-body .product-center .product-swiper .swiper-slide .product-text::before {
  content: "";
  width: 7.87vw;
  height: 0.27vw;
  background: #c7011a;
  position: absolute;
  bottom: 5.4vw;
  left: 50%;
  transform: translateX(-50%);
}

.index-body .product-center .check-more {
  display: block;
  width: 30.4vw;
  height: 9.34vw;
  background: #e23c32;
  border-radius: 4.67vw;
  text-align: center;
  line-height: 9.34vw;
  margin: 1.93vw auto 0;
  font-size: 3.73vw;
  color: #fff;
}

/* ÄÚÒ³banner */
.inner-banner {
  width: 100vw;
  height: 70.4vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.inner-banner .inner-which {
  width: 100vw;
  height: 58.4vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-top: 12.97vw;
}

.inner-banner .inner-which .hollowout-text {
  width: auto;
  height: 9.87vw;
}

.inner-banner .inner-which h1 {
  font-size: 6.67vw;
  color: #fff;
  line-height: 13.33vw;
  margin-top: -6.07vw;
}

.inner-banner .inner-which .breadcrumbs {
  font-size: 3.2vw;
  line-height: 6.2vw;
  color: #fff;
  margin-top: -1.57vw;
}

.inner-banner .inner-which .breadcrumbs a {
  color: #fff;
}

.inner-banner .lev2-menu {
  min-width: 100vw;
  height: 12vw;
  border-radius: 2.67vw 2.67vw 0 0;
  background: #e23c32;
  padding: 0 1.46vw;
  box-sizing: border-box;
  position: relative;
}

.inner-banner .lev2-menu .lev2-anchor-point {
  display: none;
}

.inner-banner .lev2-menu-list {
  height: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
}

.inner-banner .lev2-menu-list li {
  flex-shrink: 0;
  position: relative;
}

.inner-banner .lev2-menu-list li a {
  display: inline-block;
  padding: 0 2.67vw;
  font-size: 3.47vw;
  line-height: 12vw;
  color: rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 1;
}

.inner-banner .lev2-menu-list li.current a {
  font-weight: bold;
  color: #fff;
}

.inner-banner .lev2-menu-list li.current::before {
  content: "\e60b";
  width: 12.94vw;
  height: 12.94vw;
  text-align: center;
  line-height: 12.94vw;
  font-size: 10.8vw;
  font-family: "iconfont";
  color: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: -0.47vw;
  left: 50%;
  margin-left: -6.47vw;
  animation: rotate 5s linear 0s infinite;
}

.inner-banner .lev2-menu-list.flex_jc {
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 10vw;
}

.inner-banner .lev2-menu-list.flex_jcc {
  justify-content: center;
}

.inner-banner .lev2-menu-list.flex_jcc li {
  padding: 0 6vw;
}

.inner-banner .lev2-menu::before, .inner-banner .lev2-menu::after {
  content: "";
  width: 21.74vw;
  height: 12vw;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.inner-banner .lev2-menu::before {
  background: linear-gradient(to right, #e23c32 28%, transparent 100%);
  left: 0;
  border-top-left-radius: 2.67vw;
}

.inner-banner .lev2-menu::after {
  background: linear-gradient(to left, #e23c32 28%, transparent 100%);
  right: 0;
  border-top-right-radius: 2.67vw;
}

.inner-banner .lev2-menu.showl::before {
  opacity: 1;
  visibility: visible;
}

.inner-banner .lev2-menu.showr::after {
  opacity: 1;
  visibility: visible;
}

/* ÄÚÒ³Èý¼¶µ¼º½ */
.lev3-menu {
  width: 92vw;
  height: 14vw;
  border-bottom: 0.13vw solid #f0f0f0;
  margin: 0.4vw auto 0;
  position: relative;
}

.lev3-menu .lev3-anchor-point {
  display: none;
}

.lev3-menu-list {
  height: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
}

.lev3-menu-list li {
  flex-shrink: 0;
  position: relative;
  margin: 0 4vw;
}

.lev3-menu-list li a {
  display: inline-block;
  font-size: 3.47vw;
  line-height: 14vw;
  color: #333;
  position: relative;
  z-index: 1;
}

.lev3-menu-list li:first-child {
  margin-left: 0;
}

.lev3-menu-list li:last-child {
  margin-right: 0;
}

.lev3-menu-list li.current a {
  font-weight: bold;
  color: #e23c32;
}

.lev3-menu-list li.current::after {
  content: "";
  width: 100%;
  height: 0.4vw;
  background: #e23c32;
  position: absolute;
  left: 0;
  bottom: -0.13vw;
}

.lev3-menu-list.flex_jc {
  justify-content: space-between;
}

.lev3-menu-list.flex_jcc {
  justify-content: center;
}

.lev3-menu::before, .lev3-menu::after {
  content: "";
  width: 5vw;
  height: 14vw;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}

.lev3-menu::before {
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  left: 0;
}

.lev3-menu::after {
  background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0.2) 100%);
  right: 0;
}

.lev3-menu.showl::before {
  opacity: 1;
  visibility: visible;
}

.lev3-menu.showr::after {
  opacity: 1;
  visibility: visible;
}

/* Ïàʶ¸ü¶à - ÏßÌõ */
.learn-more--line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 36.8vw;
  height: 4.87vw;
}

.learn-more--line span {
  font-size: 3.47vw;
  color: #000;
}

.learn-more--line .line {
  display: inline-block;
  width: 14.27vw;
  height: 1px;
  background-color: #2e2e2e;
}

.learn-more--line .circle {
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  background-color: #c70019;
  border-radius: 50%;
}

/* ·µ»ØÁбí */
.back-list {
  width: 34.53vw;
  height: 9.2vw;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 4vw;
  overflow: hidden;
}

.back-list span {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 3.47vw;
  line-height: 4.8vw;
}

.back-list span.iconfont {
  font-size: 4.8vw;
  margin-right: 1.87vw;
}

.back-list::before {
  content: "";
  width: 100%;
  height: calc(100% + 0.26vw);
  background: #e23c32;
  /* ÑÕÉ« */
  border-radius: 0 1.33vw 1.33vw 0;
  /* ÉèÖÃÔ²½Ç */
  transform: skew(25deg);
  transform-origin: bottom left;
  position: absolute;
  left: 0;
  top: 0;
}

/* ÉÏÒ»Ìõ / ÏÂÒ»Ìõ */
.check-tool {
  width: 95.6vw;
  height: 9.2vw;
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding-right: 4.4vw;
  overflow: hidden;
}

.check-tool a {
  display: inline-block;
  width: 45.6vw;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 3.47vw;
  line-height: 9.2vw;
  color: #fff;
}

.check-tool::before {
  content: "";
  width: 100%;
  height: calc(100% + 0.26vw);
  background: #e23c32;
  /* ÑÕÉ« */
  border-radius: 1.33vw 0 0 1.33vw;
  /* ÉèÖÃÔ²½Ç */
  transform: skew(-25deg);
  transform-origin: bottom right;
  position: absolute;
  left: 0;
  top: 0;
}

/* ·ÖÏí¹¤¾ßÀ¸ */
.share-tool {
  display: flex;
  align-items: center;
  height: 9.2vw;
  font-size: 3.2vw;
  color: #333;
  position: absolute;
  top: 5.6vw;
  right: 4.4vw;
}

.share-tool .social-share {
  display: flex;
  align-items: center;
  margin-left: 1.67vw;
}

.share-tool .social-share-icon {
  width: 8vw;
  text-align: center;
}

.share-tool .social-share-icon.icon-wechat, .share-tool .social-share-icon.icon-weibo, .share-tool .social-share-icon.icon-qq {
  border-color: transparent;
  color: #bbb;
  font-size: 4.8vw;
  margin: 0 !important;
}

.share-tool .social-share-icon.icon-wechat:hover, .share-tool .social-share-icon.icon-weibo:hover, .share-tool .social-share-icon.icon-qq:hover {
  background: transparent;
  transition: all 0.2s;
  color: #bbb;
}

.share-tool .social-share-icon.icon-wechat::before, .share-tool .social-share-icon.icon-weibo::before, .share-tool .social-share-icon.icon-qq::before {
  font-family: "iconfont";
  transition: all 0.2s;
}

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

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

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

.share-tool .social-share-icon:first-child {
  text-align: left;
}

.share-tool .social-share-icon:last-child {
  text-align: right;
}

/* ͼƬԤÀÀ */
.preview-img {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 15vw;
  z-index: 99999;
}

.preview-img .mask {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}

.preview-img img {
  width: 92vw;
  height: auto;
  position: relative;
  z-index: 0;
}

.preview-img p {
  font-size: 3.47vw;
  color: #fff;
  line-height: 6.13vw;
  margin-top: 2.67vw;
  position: relative;
  z-index: 0;
}

/* º£À˶¯»­ */
.wave {
  display: block;
  width: 100vw;
  height: 18vw;
}

.wave use {
  animation: wave 12s linear infinite;
  transform-origin: 50% 50%;
}

.wave use:nth-child(1) {
  animation-delay: -2s;
}

.wave use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
}

/* 008PG¹ú¼Ê¼ò½é */
.inner-jtjj {
  width: 100%;
  background: #fff url("../images/jtjj_bg1.png") no-repeat right -25.47vw/66.27vw auto;
}

.inner-jtjj .jtjj-container {
  box-sizing: border-box;
  padding-top: 10vw;
  padding-bottom: 53.38vw;
  background: url("/static/front/en_wap/images/jtjj_bg2.png") no-repeat center bottom/100vw auto;
}

.inner-jtjj .jtjj-container h1 {
  font-size: 8vw;
  line-height: 10.4vw;
  color: #000;
}

.inner-jtjj .jtjj-container h5 {
  font-size: 3.73vw;
  line-height: 6.13vw;
  color: #666;
  margin-top: 2.16vw;
  box-sizing: border-box;
  padding-right: 13.47vw;
  padding-bottom: 5.33vw;
  border-bottom: 0.4vw solid #e23c32;
}

.inner-jtjj .jtjj-container .introduce {
  font-size: 3.47vw;
  line-height: 6.13vw;
  text-align: left;
  text-indent: 2em;
  color: #666;
  margin-top: 5.11vw;
}

.inner-jtjj .jtjj-other {
  box-sizing: border-box;
  padding-bottom: 8.27vw;
}

.inner-jtjj .jtjj-other .statistics {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.inner-jtjj .jtjj-other .statistics li {
  width: 42.8vw;
  margin-top: 8.74vw;
}

.inner-jtjj .jtjj-other .statistics li .data {
  padding-bottom: 3.47vw;
  border-bottom: 1px solid #ca0d25;
}

.inner-jtjj .jtjj-other .statistics li .data b {
  font-size: 8vw;
  color: #ca0d25;
}

.inner-jtjj .jtjj-other .statistics li .data sub {
  font-size: 3.2vw;
  color: #999;
  margin-left: 2.4vw;
}

.inner-jtjj .jtjj-other .statistics li .source {
  font-size: 3.47vw;
  color: #575656;
  line-height: 6vw;
  margin-top: 2.2vw;
}

.inner-jtjj .jtjj-other .statistics li .source span {
  color: #9d9d9d;
}

.inner-jtjj .jtjj-other .promotion-video {
  margin-top: 6.78vw;
  width: 100%;
  height: 46.27vw;
  border-radius: 1.33vw;
  position: relative;
  overflow: hidden;
}

.inner-jtjj .jtjj-other .promotion-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-jtjj .jtjj-other .promotion-video .video-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.inner-jtjj .jtjj-other .promotion-video .video-mask .iconfont {
  font-size: 8.27vw;
}

.inner-jtjj .jtjj-other .promotion-video .video-mask b {
  font-size: 3.47vw;
  line-height: 4.8vw;
  margin-top: 3vw;
}

.inner-jtjj .jtjj-other .promotion-video .video-mask.hidden {
  visibility: hidden;
  opacity: 0;
}

/* ³ÉÔ±ÆóÒµ */
.inner-cyqy li {
  width: 100%;
  height: 9.07vw;
  padding: 2.13vw 4vw;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.6s;
}

.inner-cyqy li .title {
  font-size: 3.47vw;
  color: #b5b5b5;
  line-height: 4.81vw;
  box-sizing: border-box;
  position: relative;
}

.inner-cyqy li .title::after {
  content: "\e624";
  font-size: 3.47vw;
  font-family: "iconfont";
  color: #b5b5b5;
  position: absolute;
  top: 50%;
  right: 0.53vw;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.inner-cyqy li .info-data {
  margin-top: 3.87vw;
}

.inner-cyqy li .info-data .introduce {
  font-size: 3.47vw;
  color: #666;
  line-height: 6.13vw;
  margin-bottom: 4vw;
}

.inner-cyqy li .info-data .enterprises-swiper,
.inner-cyqy li .info-data .brand-swiper {
  width: 100%;
  height: 64vw;
  position: relative;
  margin-bottom: 1.97vw;
}

.inner-cyqy li .info-data .enterprises-swiper::before,
.inner-cyqy li .info-data .brand-swiper::before {
  content: "";
  width: 53.87vw;
  height: 42.67vw;
  border-radius: 1.33vw;
  background: #e23c32;
  position: absolute;
  left: -4vw;
  bottom: 0;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper,
.inner-cyqy li .info-data .brand-swiper .swiper {
  width: 92vw;
  height: 57.47vw;
  overflow: hidden;
  border-radius: 1.33vw;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-slide,
.inner-cyqy li .info-data .brand-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-slide img,
.inner-cyqy li .info-data .brand-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 6s;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-slide-active img,
.inner-cyqy li .info-data .brand-swiper .swiper-slide-active img {
  transform: scale(1.3);
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-pagination,
.inner-cyqy li .info-data .brand-swiper .swiper-pagination {
  width: 100%;
  height: 2.13vw;
  bottom: 5.07vw;
  left: 0;
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-pagination-bullet,
.inner-cyqy li .info-data .brand-swiper .swiper-pagination-bullet {
  display: block;
  width: 1.33vw;
  height: 1.33vw;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
  margin: 0 2vw;
  transition: all 0.3s;
}

.inner-cyqy li .info-data .enterprises-swiper .swiper-pagination-bullet-active,
.inner-cyqy li .info-data .brand-swiper .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.6);
  background: #c70019;
}

.inner-cyqy li .info-data .learn-more--line {
  margin-left: auto;
}

.inner-cyqy li:first-child {
  height: 13.2vw;
  padding-top: 6.26vw;
}

.inner-cyqy li:first-child.open {
  margin-top: 0;
}

.inner-cyqy li:last-child {
  margin-bottom: 6.4vw;
}

.inner-cyqy li:last-child.open {
  margin-bottom: 0;
}

.inner-cyqy li.open {
  background: #f7f7f7;
  border-radius: 1.33vw;
  padding: 6.8vw 4vw 6.1vw;
  margin-top: 3.07vw;
  margin-bottom: 4.27vw;
}

.inner-cyqy li.open .title {
  font-size: 4.27vw;
  font-weight: bold;
  color: #333;
}

.inner-cyqy li.open .title::after {
  transform: translateY(-50%) rotate(90deg);
  color: #333;
}

/* ÆóÒµÎÄ»¯ */
.inner-qywh p {
  font-size: 3.47vw;
  color: #333;
  line-height: 6.13vw;
}

.inner-qywh .text {
  box-sizing: border-box;
  padding: 0 4.93vw;
  margin: 6.68vw 0 7.88vw;
  text-align: center;
}

.inner-qywh .fixed-bg {
  width: 100vw;
  height: 76.53vw;
  background: url("/static/front/en_wap/images/qywh_bg.jpg") no-repeat center/100vw 76.53vw fixed;
}

.inner-qywh .text-indent {
  margin-top: 6.7vw;
  box-sizing: border-box;
  padding: 0 4vw;
}

.inner-qywh .text-indent p {
  letter-spacing: 0.07vw;
  text-indent: 2em;
  text-align: left;
}

.inner-qywh .ideas {
  padding-bottom: 2.14vw;
  margin-top: 2.7vw;
  box-sizing: border-box;
}

.inner-qywh .ideas .text-img {
  width: 46vw;
  height: 11.73vw;
  margin: 0 auto 2.93vw;
}

.inner-qywh .ideas .idea-list {
  width: 100%;
}

.inner-qywh .ideas .idea-list li {
  margin-bottom: 5.33vw;
}

.inner-qywh .ideas .idea-list li .title {
  width: 100%;
  height: 9.33vw;
  border-radius: 2.67vw 2.67vw 0 0;
  box-sizing: border-box;
  padding-left: 3.87vw;
  font-size: 4.27vw;
  color: #fff;
  line-height: 9.33vw;
  margin-bottom: 3.48vw;
}

.inner-qywh .ideas .idea-list li p.content {
  color: #666;
  text-align: left;
  box-sizing: border-box;
  padding: 0 3.6vw;
}

.inner-qywh .ideas .idea-list li img {
  width: 84.8vw;
  height: 47.73vw;
  border-radius: 1.33vw;
  object-fit: cover;
  margin: 2.68vw auto 0;
}

.inner-qywh .ideas .idea-list li:nth-child(1) .title {
  background: #d42f25;
}

.inner-qywh .ideas .idea-list li:nth-child(2) .title {
  background: #f5816f;
}

.inner-qywh .ideas .idea-list li:nth-child(3) .title {
  background: #e9b01a;
}

.inner-qywh .ideas .idea-list li:nth-child(4) .title {
  background: #fb614e;
}

.inner-qywh .ideas .idea-list li:nth-child(5) .title {
  background: #d61046;
}

.inner-qywh .core {
  padding-top: 28.27vw;
  padding-bottom: 10.4vw;
  box-sizing: border-box;
  background: url("/static/front/en_wap/images/qywh_bg2.jpg") no-repeat top center/100vw auto;
}

.inner-qywh .core-content {
  width: 100%;
  box-sizing: border-box;
  padding: 3.87vw 9.47vw 5.88vw 6.13vw;
  box-shadow: 0vw 0vw 4.27vw 0vw rgba(0, 0, 0, 0.1);
  border-radius: 0.8vw;
  background: #fff;
}

.inner-qywh .core-content b {
  display: block;
  line-height: 6.13vw;
  font-size: 3.47vw;
  color: #e23c32;
  padding-bottom: 3.2vw;
  position: relative;
  margin-bottom: 2.41vw;
}

.inner-qywh .core-content b::after {
  content: "";
  width: 6vw;
  height: 0.27vw;
  background: #e23c32;
  position: absolute;
  left: 0;
  bottom: 0;
}

.inner-qywh .core-content p.data-text {
  text-align: left;
}

/* ¿¹Õð¾ÈÔÖ */
.inner-kzjz {
  box-sizing: border-box;
  padding-top: 6.8vw;
}

.inner-kzjz .timeline {
  width: 92vw;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 10.6vw 0 13.6vw 7.87vw;
  position: relative;
}

.inner-kzjz .timeline li {
  margin-bottom: 12.6vw;
  display: flex;
  flex-direction: column;
  position: relative;
}

.inner-kzjz .timeline li b {
  font-size: 4.8vw;
  line-height: 5.33vw;
  color: #e23c32;
}

.inner-kzjz .timeline li p {
  font-size: 3.47vw;
  line-height: 6.13vw;
  margin: 3.14vw 0 4vw;
  color: #333;
}

.inner-kzjz .timeline li .item-img {
  width: 100%;
  height: 51.33vw;
  border-radius: 1.33vw;
  overflow: hidden;
}

.inner-kzjz .timeline li .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-kzjz .timeline li .item-img .swiper-pagination {
  bottom: 2.67vw;
  width: 100%;
  height: 1.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-kzjz .timeline li .item-img .swiper-pagination .swiper-pagination-bullet {
  margin: 0 1.2vw;
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  background: #e23c32;
  opacity: 0.2;
}

.inner-kzjz .timeline li .item-img .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.inner-kzjz .timeline li .item-img .swiper-pagination .swiper-pagination-bullet:only-child {
  display: inline-block !important;
}

.inner-kzjz .timeline li:last-child {
  margin-bottom: 0;
}

.inner-kzjz .timeline li::before {
  content: "";
  width: 1.87vw;
  height: 1.87vw;
  border-radius: 50%;
  background: #e23c32;
  position: absolute;
  top: 2.06vw;
  left: -8.67vw;
  animation: custom_pulse2 1.5s infinite;
}

.inner-kzjz .timeline::before {
  content: "";
  width: 0.54vw;
  height: 100%;
  border-radius: 0.27vw;
  background: #f0efef;
  position: absolute;
  top: 0;
  left: 0;
}

/* ÓªÏúÍøÂç */
.inner-yxwl {
  padding-bottom: 9.73vw;
}

.inner-yxwl .plate-title {
  margin-bottom: 6.55vw;
}

.inner-yxwl .p-text {
  font-size: 3.47vw;
  line-height: 6.13vw;
  text-align: center;
  color: #333;
}

.inner-yxwl .statistics {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 6.8vw 0 4.67vw;
}

.inner-yxwl .statistics li {
  width: 42.8vw;
  display: flex;
  flex-direction: column;
  margin-top: 2.93vw;
}

.inner-yxwl .statistics li span:nth-child(1) {
  line-height: 12.94vw;
  border-bottom: 1px solid #ca0d25;
}

.inner-yxwl .statistics li span:nth-child(1) b {
  font-size: 8vw;
  color: #ca0d25;
}

.inner-yxwl .statistics li span:nth-child(1) sub {
  font-size: 3.2vw;
  color: #999;
  margin-left: 2vw;
}

.inner-yxwl .statistics li span:nth-child(2) {
  font-size: 3.47vw;
  color: #575656;
  line-height: 10.67vw;
}

.inner-yxwl .distribution {
  width: 100vw;
  margin-left: -4vw;
}

.inner-yxwl .distribution .map {
  width: 100%;
}

.inner-yxwl .distribution ul {
  width: 100%;
  height: 22vw;
  background: #e23c32;
  box-sizing: border-box;
  padding: 0 4vw;
  display: flex;
  align-items: center;
}

.inner-yxwl .distribution ul li {
  width: 46vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
  padding-right: 4vw;
}

.inner-yxwl .distribution ul li b {
  font-size: 4vw;
  line-height: 9.86vw;
}

.inner-yxwl .distribution ul li p {
  font-size: 3.2vw;
  line-height: 4vw;
}

.inner-yxwl .map-gif {
  width: 100%;
  margin-top: 9.35vw;
}

/* ÂÃÓξ°Çø */
.inner-scenic .plate-title {
  padding-top: 7.93vw;
}

.inner-scenic .plate-title h1 {
  font-size: 4.67vw;
  letter-spacing: -0.03vw;
}

.inner-scenic .plate-title h1.cn {
  font-size: 4.8vw;
}

.inner-scenic .plate--1 {
  box-sizing: border-box;
  padding: 8.4vw 4vw 70.8vw;
  background: #fff url("../images/scenic_bg1.jpg") no-repeat bottom center/100% auto;
}

.inner-scenic .plate--1 .scenic-logo {
  width: 34.93vw;
  height: 18.8vw;
  margin-bottom: 5.93vw;
}

.inner-scenic .plate--1 .scenic-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-scenic .plate--1 h3 {
  font-size: 3.87vw;
  line-height: 6.4vw;
  color: #333333;
}

.inner-scenic .plate--1 .describe {
  margin-top: 5.8vw;
}

.inner-scenic .plate--1 .describe p {
  font-size: 3.47vw;
  line-height: 4.8vw;
  color: #333333;
  text-align: justify;
}

.inner-scenic .plate--1 .statistics {
  margin-top: 12.13vw;
  height: 38.48vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.inner-scenic .plate--1 .statistics li {
  display: flex;
  flex-direction: column;
}

.inner-scenic .plate--1 .statistics li:nth-child(2n) {
  margin-top: 12.34vw;
}

.inner-scenic .plate--1 .statistics li .data {
  height: 8.27vw;
  line-height: 8.27vw;
  padding-bottom: 1.47vw;
  box-sizing: border-box;
}

.inner-scenic .plate--1 .statistics li .data b {
  font-size: 6.67vw;
  color: #333;
}

.inner-scenic .plate--1 .statistics li .data sub {
  font-size: 2.67vw;
  color: #666666;
}

.inner-scenic .plate--1 .statistics li .source {
  font-size: 3.2vw;
  color: #666666;
  line-height: 4.8vw;
}

.inner-scenic .plate--2 {
  padding-bottom: 21.47vw;
  background: #fff url("../images/scenic_bg2.jpg") no-repeat bottom center/100% auto;
}

.inner-scenic .plate--2 .scenic-panorama {
  margin-top: 9.2vw;
  text-align: center;
}

.inner-scenic .plate--2 .scenic-panorama img {
  max-width: 100%;
}

.inner-scenic .plate--2 .scenic-panorama img + img {
  margin-top: 6.13vw;
}

.inner-scenic .plate--3 {
  padding: 13.47vw 0 0;
}

.inner-scenic .plate--3 .type-tab {
  width: 100%;
  height: 13.07vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7.6vw;
  box-sizing: border-box;
  padding: 0 4vw;
}

.inner-scenic .plate--3 .type-tab li {
  width: 29.73vw;
  height: 100%;
  border-radius: 1.33vw;
  background: #ffffff;
  box-shadow: 0px 0px 2.67vw 0px rgba(220, 221, 225, 0.74);
  position: relative;
  overflow: hidden;
  transition: all .3s;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 2.8vw;
}

.inner-scenic .plate--3 .type-tab li .title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inner-scenic .plate--3 .type-tab li .title .cn {
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #333333;
}

.inner-scenic .plate--3 .type-tab li .title .en {
  font-size: 2.13vw;
  line-height: 2.27vw;
  color: #999999;
  opacity: 0.2;
}

.inner-scenic .plate--3 .type-tab li .no {
  font-size: 6.21vw;
  opacity: 0.1;
  color: #999999;
  background: linear-gradient(144deg, #eb5d4f 0%, #f3a199 100%);
  -webkit-background-clip: text;
  transition: all .3s;
  position: absolute;
  top: 1.6vw;
  right: 1.07vw;
}

.inner-scenic .plate--3 .type-tab li::before, .inner-scenic .plate--3 .type-tab li::after {
  content: '';
  width: 100%;
  height: 0.54vw;
  position: absolute;
  top: 0;
  left: 0;
}

.inner-scenic .plate--3 .type-tab li::before {
  background: #cfcfcf;
}

.inner-scenic .plate--3 .type-tab li::after {
  background: linear-gradient(-54deg, #eb5d4f 0%, #f3a199 100%);
  opacity: 0;
  transition: all .3s;
}

.inner-scenic .plate--3 .type-tab li.cur .no {
  color: transparent;
  opacity: 0.2;
}

.inner-scenic .plate--3 .type-tab li.cur:after {
  opacity: 1;
}

.inner-scenic .plate--3 .type-swiper-group {
  width: 100%;
  height: 58.14vw;
  margin-bottom: -3.07vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-swiper {
  width: 100%;
  height: 39.87vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-swiper .swiper-wrapper {
  align-items: center;
}

.inner-scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide {
  width: 53.33vw;
  height: 33.33vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide .item-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.33vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-swiper .swiper-slide .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-scenic .plate--3 .type-swiper-group .group-name {
  font-size: 3.47vw;
  line-height: 5.33vw;
  color: #333333;
  margin: 1.6vw 0 5.2vw;
  text-align: center;
}

.inner-scenic .plate--3 .type-swiper-group .item-control {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.13vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-control .item-prev,
.inner-scenic .plate--3 .type-swiper-group .item-control .item-next {
  width: 6.13vw;
  height: 6.13vw;
  border-radius: 50%;
  color: #e23c32;
  cursor: pointer;
  font-size: 6.13vw;
  margin: 0 2.27vw;
}

.inner-scenic .plate--3 .type-swiper-group .item-control .item-prev.swiper-button-disabled,
.inner-scenic .plate--3 .type-swiper-group .item-control .item-next.swiper-button-disabled {
  color: #c9c9c9;
  cursor: no-drop;
}

.inner-scenic .plate--4 {
  padding-bottom: 12.4vw;
}

.inner-scenic .plate--4 .list-group {
  padding-top: 8.53vw;
  margin-bottom: 11.6vw;
}

.inner-scenic .plate--5 {
  background: #f5f5f5;
  box-sizing: border-box;
  padding: 0 4vw 13.87vw;
}

.inner-scenic .plate--5 .video-ls {
  width: 100%;
  margin-bottom: 11.73vw;
  margin-top: 8vw;
}

.inner-scenic .plate--5 .video-ls li + li {
  margin-top: 7.2vw;
}

.inner-scenic .plate--5 .video-ls .video-box {
  width: 100%;
  height: 51.73vw;
  border-radius: 1.33vw;
  overflow: hidden;
  position: relative;
}

.inner-scenic .plate--5 .video-ls .video-box .video-mask {
  width: 100%;
  height: 51.73vw;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  cursor: pointer;
}

.inner-scenic .plate--5 .video-ls .video-box .video-mask::before {
  content: '';
  width: 9.33vw;
  height: 9.73vw;
  background: url("/static/front/en_wap/images/play_border.png") no-repeat center center/cover;
}

.inner-scenic .plate--5 .video-ls .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-scenic .plate--5 .video-ls .title {
  color: #1e1e1e;
  font-size: 3.47vw;
  line-height: 4vw;
  letter-spacing: 0.07vw;
  margin-top: 3.6vw;
  text-align: center;
}

.inner-scenic .more {
  display: block;
  width: 25.6vw;
  height: 9.33vw;
  background: #e23c32;
  border-radius: 4.67vw;
  font-size: 3.47vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 9.33vw;
  margin: 0 auto;
}

/* ËÑË÷Ч¹û */
.inner-search .search-box {
  width: 92vw;
  height: 12vw;
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  margin: 4.93vw auto 0;
  padding: 0 2.14vw 0 4.4vw;
  border-radius: 1.33vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-search .search-box input {
  width: calc(100% - 20vw);
  font-size: 3.47vw;
  color: #333;
}

.inner-search .search-box input::placeholder {
  color: #dad5d5;
}

.inner-search .search-box .iconfont {
  font-size: 6.67vw;
  color: #e23c32;
}

.inner-search .search-key {
  width: 92vw;
  font-size: 3.47vw;
  line-height: 6.13vw;
  text-align: center;
  margin: 4.67vw auto 9.2vw;
}

.inner-search .search-key b {
  color: #e23c32;
  margin: 0 0.5em;
}

/* Áбí·ÖÒ³ */
.page-list {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.67vw;
  margin: 9.73vw 0 8.53vw;
}

.page-list li {
  width: 6.67vw;
  height: 6.67vw;
  border-radius: 3.335vw;
  background: #fff;
  box-shadow: 0vw 0vw 1.33vw 0vw rgba(206, 206, 206, 0.3);
  margin: 0 0.67vw;
  line-height: 6.67vw;
  overflow: hidden;
}

.page-list li a {
  color: #333;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.page-list li.page-item {
  font-size: 3.47vw;
}

.page-list li.iconfont {
  font-size: 2.53vw;
  letter-spacing: -0.69vw;
  font-weight: bold;
}

.page-list li.active {
  background-color: #e23c32;
}

.page-list li.active a {
  color: #fff;
}

.page-list li.page-fir, .page-list li.page-last {
  width: 13.34vw;
  font-size: 2.83vw;
}

/* ÔÝÎÞÊý¾Ý */
.empty-data,
.empty-search {
  width: 100%;
  height: 60vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.empty-data img,
.empty-search img {
  width: 69.2vw;
  display: block;
  margin: 0 auto;
}

.empty-data p,
.empty-search p {
  font-size: 3.47vw;
  line-height: 13.33vw;
  color: #e23c32;
}

/* Áбí --1 */
.inner-list--1 {
  box-sizing: border-box;
  padding: 4.8vw 4vw 2.26vw;
}

.inner-list--1 li {
  margin-bottom: 6.54vw;
}

.inner-list--1 .item-img {
  width: 100%;
  height: 57.47vw;
  border-radius: 1.33vw;
  margin-bottom: 2.67vw;
  overflow: hidden;
}

.inner-list--1 .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-list--1 .item-title {
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
}

/* Áбí --2 */
.inner-list--2 .preferred-item {
  width: 100vw;
  height: 98vw;
  box-sizing: border-box;
  padding: 4.4vw 4vw 6.4vw;
  position: relative;
}

.inner-list--2 .preferred-item .item-imgs {
  width: 92vw;
  height: 53.87vw;
  border-radius: 1.33vw;
  margin-bottom: 6.19vw;
  position: relative;
  z-index: 1;
}

.inner-list--2 .preferred-item .item-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-list--2 .preferred-item .item-imgs .imgs-pagination {
  width: 100%;
  height: 1.73vw;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 4.67vw;
}

.inner-list--2 .preferred-item .item-imgs .imgs-pagination .swiper-pagination-bullet {
  width: 1.73vw;
  height: 1.73vw;
  border-radius: 50%;
  opacity: 1;
  margin: 0 1.34vw;
  background: #efefef;
}

.inner-list--2 .preferred-item .item-imgs .imgs-pagination .swiper-pagination-bullet-active {
  background: #e84738;
}

.inner-list--2 .preferred-item .item-title {
  font-size: 4vw;
  line-height: 6.4vw;
  font-weight: bold;
  text-align: left;
  color: #212121;
  box-sizing: border-box;
  padding: 0 6.93vw 0 3.33vw;
  position: relative;
  z-index: 1;
}

.inner-list--2 .preferred-item .item-desc {
  font-size: 3.47vw;
  line-height: 5.6vw;
  text-align: left;
  color: #8a8787;
  margin-top: 3.13vw;
  box-sizing: border-box;
  padding: 0 1.87vw 0 3.6vw;
  position: relative;
  z-index: 1;
}

.inner-list--2 .preferred-item::before {
  content: "";
  width: 100vw;
  height: 67.07vw;
  background: #f4f4f4;
  border-radius: 1.33vw;
  position: absolute;
  bottom: 0;
  left: 0;
}

.inner-list--2 .list-group {
  box-sizing: border-box;
  padding: 6.93vw 4vw 0;
}

.inner-list--2 .list-group li {
  margin-bottom: 6.53vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner-list--2 .list-group li .item-img {
  width: 32vw;
  height: 18.8vw;
  border-radius: 0.8vw;
  overflow: hidden;
}

.inner-list--2 .list-group li .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-list--2 .list-group li .item-info {
  width: calc(100% - 36.4vw);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inner-list--2 .list-group li .item-info .date {
  font-size: 3.2vw;
  line-height: 3.73vw;
  color: #999;
  margin-top: 0.54vw;
}

.inner-list--2 .list-group li .item-info .title {
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
  margin-top: 1.34vw;
}

/* Áбí --3 */
.inner-list--3 {
  box-sizing: border-box;
  padding: 0 4vw;
}

.inner-list--3 .list-group {
  margin-top: 6.4vw;
}

.inner-list--3 .list-group li {
  height: 20.27vw;
  margin-bottom: 5.07vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 2.13vw 8.4vw 2.13vw 2vw;
  border: 1px solid #f0f0f0;
  border-radius: 0.8vw;
}

.inner-list--3 .list-group li .item-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14.93vw;
  height: 15.73vw;
  background: #f6f6f6;
  border-radius: 0.8vw;
  color: #666;
  position: relative;
}

.inner-list--3 .list-group li .item-date .dd {
  font-size: 6.4vw;
  line-height: 10.4vw;
}

.inner-list--3 .list-group li .item-date .y-m {
  font-size: 2.93vw;
  line-height: 4.8vw;
  margin-top: 0.47vw;
}

.inner-list--3 .list-group li .item-date::before {
  content: "";
  width: 12.8vw;
  height: 0.13vw;
  background: radial-gradient(closest-side, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0));
  position: absolute;
  top: 9.67vw;
  left: 1.07vw;
}

.inner-list--3 .list-group li .item-info {
  width: calc(100% - 19.2vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inner-list--3 .list-group li .item-info .item-title {
  width: 100%;
  line-height: 6.13vw;
  font-size: 3.47vw;
  color: #000;
}

.inner-list--3 .list-group li .item-info .item-title.line-text--2 {
  height: 12.26vw;
}

.inner-list--3 .list-group li .item-info .item-title span.red {
  color: #e23c32;
}

.inner-list--3 .list-group li .item-info .item-desc {
  width: 100%;
  line-height: 6.13vw;
  font-size: 3.47vw;
  color: #666;
  margin-top: 0.54vw;
}

/* Áбí --4 */
.inner-list--4 {
  box-sizing: border-box;
  padding: 0 4vw;
  margin-top: 4.67vw;
}

.inner-list--4 .all-honor {
  width: 100%;
  max-height: 105.87vw;
  box-sizing: border-box;
  padding: 3.98vw 3.73vw 4.72vw 4.4vw;
  background: #f8f8f8;
  /* ת¶¯Ìõ */
  /* »¬¿é */
}

.inner-list--4 .all-honor ul {
  max-height: 97.17vw;
  overflow: hidden;
  overflow-y: auto;
}

.inner-list--4 .all-honor ul li {
  box-sizing: border-box;
  padding-left: 3.27vw;
  position: relative;
  font-size: 3.47vw;
  line-height: 7.47vw;
  color: #333;
}

.inner-list--4 .all-honor ul li::before {
  content: "";
  width: 1.33vw;
  height: 1.33vw;
  border-radius: 50%;
  background: #333;
  position: absolute;
  top: 3.07vw;
  left: 0;
}

.inner-list--4 .all-honor ::-webkit-scrollbar {
  /* ×ÝÏòת¶¯Ìõ ¿í¶È */
  width: 0.67vw;
  /* ºáÏòת¶¯Ìõ ¸ß¶È */
  height: 0.67vw;
  /* ÕûÌåÅä¾° */
  background: rgba(126, 126, 126, 0.1);
  /* ÕûÌå Ô²½Ç */
  border-radius: 0.33vw;
}

.inner-list--4 .all-honor ::-webkit-scrollbar-thumb {
  background: #e23c32;
  border-radius: 0.33vw;
}

.inner-list--4 .list-group {
  margin-top: 7.87vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.inner-list--4 .list-group li {
  width: 44vw;
  height: 40.13vw;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
  padding: 1.74vw 1.8vw 0;
  margin-bottom: 3.87vw;
}

.inner-list--4 .list-group li .item-img {
  width: 40.4vw;
  height: 27.33vw;
  overflow: hidden;
  position: relative;
}

.inner-list--4 .list-group li .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-list--4 .list-group li .item-img::before {
  content: "";
  width: 10.13vw;
  height: 10.13vw;
  background: rgba(226, 60, 50, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.inner-list--4 .list-group li .item-img::after {
  content: "\e61b";
  display: block;
  font-family: "iconfont";
  font-size: 4vw;
  text-align: center;
  line-height: 8vw;
  color: #fff;
  width: 8vw;
  height: 8vw;
  background: #e23c32;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.inner-list--4 .list-group li .item-title {
  line-height: 8.5vw;
  font-size: 3.2vw;
  color: #333;
  border-top: 1px solid #e7e7e7;
  margin-top: 1.87vw;
}

/* Áбí --5 */
.inner-list--5 {
  box-sizing: border-box;
  padding: 0 4vw;
  margin-top: 6.4vw;
}

.inner-list--5 .list-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.inner-list--5 .list-group li {
  width: 44.93vw;
  height: 64.27vw;
  border-radius: 1.33vw;
  background: #f8fafa url("../images/list5_item_bg.jpg") no-repeat center bottom/cover;
  margin-bottom: 2.4vw;
  box-sizing: border-box;
  padding: 2.34vw 4vw 4.27vw;
  display: flex;
  flex-direction: column;
  position: relative;
}

.inner-list--5 .list-group li h4 {
  font-size: 3.47vw;
  line-height: 6.67vw;
  color: #000;
}

.inner-list--5 .list-group li p:not(.product-poster) {
  height: 10.66vw;
  font-size: 3.47vw;
  line-height: 5.33vw;
  color: #999;
  margin-top: 1.14vw;
}

.inner-list--5 .list-group li .product-poster {
  width: 100%;
  height: calc(100% - 20vw);
  position: relative;
  margin-top: auto;
}

.inner-list--5 .list-group li .product-poster img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  bottom: 2.13vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.inner-list--5 .list-group li .product-poster::before {
  content: "";
  width: 29.33vw;
  height: 3.2vw;
  background: url("/static/front/en_wap/images/list5_item_shadow.png") no-repeat center/cover;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.inner-list--5 .list-group li.hot::before {
  content: "\e617";
  font-family: "iconfont";
  font-size: 6.4vw;
  color: transparent;
  background: linear-gradient(0deg, #e75d55 0%, #fe7169 100%);
  background-clip: text;
  -webkit-background-clip: text;
  position: absolute;
  right: -0.4vw;
  top: -0.4vw;
}

/* ÏêÇé --1 */
.inner-detail--1 {
  width: 100vw;
  padding-bottom: 10vw;
  overflow: hidden;
}

.inner-detail--1 .back-list {
  margin-top: 5.6vw;
}

.inner-detail--1 .detail-body {
  margin-top: 5.6vw;
}

.inner-detail--1 .detail-body h3 {
  font-size: 4.27vw;
  color: #333;
  line-height: 4.8vw;
  box-sizing: border-box;
}

.inner-detail--1 .detail-body .rich-box {
  margin-top: 4.67vw;
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #666;
}

.inner-detail--1 .detail-body .rich-box img,
.inner-detail--1 .detail-body .rich-box video {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.inner-detail--1 .detail-body .rich-box p {
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #666;
  margin-bottom: 6.13vw;
  text-indent: 2em;
}

.inner-detail--1 .detail-body .imgs-swiper {
  width: 96vw;
  height: 61.86vw;
  margin-left: 4vw;
  margin-bottom: 9.73vw;
}

.inner-detail--1 .detail-body .imgs-swiper .swiper-slide {
  width: 85.33vw;
  height: 53.33vw;
  border-radius: 1.33vw;
  overflow: hidden;
}

.inner-detail--1 .detail-body .imgs-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-detail--1 .detail-body .imgs-swiper .swiper-pagination {
  top: 61.46vw;
  height: 0.4vw;
  background: #e7e7e7;
  border-radius: 0.2vw;
}

.inner-detail--1 .detail-body .imgs-swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #e23c32;
  height: 0.4vw;
  border-radius: 0.2vw;
}

/* ÏêÇé --2 */
.inner-detail--2 {
  width: 100vw;
  padding: 5.6vw 0 8.67vw;
  position: relative;
}

.inner-detail--2 .detail-body {
  margin: 6.27vw 0 10.34vw;
}

.inner-detail--2 .detail-body .title {
  font-size: 5.07vw;
  line-height: 8vw;
  color: #333;
  box-sizing: border-box;
  padding: 0 4.4vw;
  text-align: left;
  margin-bottom: 5vw;
}

.inner-detail--2 .detail-body .detail-about {
  min-height: 9.6vw;
  box-sizing: border-box;
  padding: 1.73vw 4.2vw;
  border: solid #ddd;
  border-width: 1px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  font-size: 3.2vw;
  color: #999;
}

.inner-detail--2 .detail-body .detail-about li {
  flex-shrink: 0;
  line-height: 6.14vw;
}

.inner-detail--2 .detail-body .rich-box {
  width: 100vw;
  margin-top: 5.28vw;
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
}

.inner-detail--2 .detail-body .rich-box p {
  width: 100%;
  text-indent: 2em;
  text-align: left;
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
  box-sizing: border-box;
  padding: 0 5vw;
}

.inner-detail--2 .detail-body .rich-box img,
.inner-detail--2 .detail-body .rich-box video {
  font-size: 3.47vw;
  display: block;
  width: calc(100% + 10vw) !important;
  height: auto !important;
  margin-left: -5vw;
  text-indent: 0;
}

.inner-detail--2 .detail-body .rich-box table {
  text-indent: 0;
}

.inner-detail--2 .detail-body .rich-box table * {
  text-indent: 0;
}

/* ÏêÇé --3 */
.inner-detail--3 {
  background: #f0f6f8 url("../images/detail3_bg1.jpg") no-repeat center top/100vw auto;
  box-sizing: border-box;
  padding: 2.67vw 4vw 6vw;
}

.inner-detail--3 .back-list {
  margin-left: auto;
  margin-right: -4vw;
  padding-left: 6.8vw;
}

.inner-detail--3 .back-list::before {
  border-radius: 1.33vw 0 0 1.33vw;
  /* ÉèÖÃÔ²½Ç */
  transform: skew(-25deg);
  transform-origin: bottom right;
}

.inner-detail--3 .detail-body {
  margin-top: 1.07vw;
}

.inner-detail--3 .detail-body .detail-img {
  width: 78.8vw;
  height: 78.8vw;
  background: url("/static/front/en_wap/images/detail3_bg2.png") no-repeat center/cover;
  position: relative;
  margin: 0 auto;
}

.inner-detail--3 .detail-body .detail-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.inner-detail--3 .detail-body .tag {
  display: inline-block;
  min-width: 13.33vw;
  height: 5.6vw;
  border-radius: 0.8vw;
  background: #474747;
  box-sizing: border-box;
  padding: 0 2.67vw;
  font-size: 3.2vw;
  color: #fff;
  line-height: 5.6vw;
  margin-top: 9.87vw;
}

.inner-detail--3 .detail-body .info {
  margin: 2.13vw 0 3.47vw;
}

.inner-detail--3 .detail-body .info p {
  min-height: 10.53vw;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  font-size: 3.47vw;
  color: #333;
  line-height: 4.8vw;
  box-sizing: border-box;
  padding: 0.67vw 0;
}

.inner-detail--3 .detail-body .info p.title {
  font-size: 4.8vw;
  line-height: 6.13vw;
}

.inner-detail--3 .detail-body .info p.red {
  color: #e23c32;
}

.inner-detail--3 .detail-body .info p:last-child {
  border-bottom: none;
}

.inner-detail--3 .detail-body .contact-group {
  height: 8vw;
}

.inner-detail--3 .detail-body .contact-group a {
  min-width: 25.33vw;
  height: 8vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
  padding: 0 2.8vw;
  background: #e23c32;
  border-radius: 0.8vw;
  margin-right: 2.67vw;
  font-size: 3.47vw;
}

.inner-detail--3 .detail-body .contact-group a .iconfont {
  margin-right: 2.53vw;
}

.inner-detail--3 .detail-body .contact-group a .tel {
  display: none;
}

.inner-detail--3 .detail-body .illustrate {
  background: #fff url("../images/detail3_bg3.png") no-repeat 14.4vw -24.27vw/81.6vw auto;
  box-shadow: 0vw 0vw 1.6vw 0vw rgba(197, 205, 224, 0.22);
  border-radius: 1.33vw;
  overflow: hidden;
  position: relative;
  margin-top: 10.13vw;
  box-sizing: border-box;
  padding: 0.94vw 6.27vw 6.27vw;
}

.inner-detail--3 .detail-body .illustrate::before {
  content: "";
  width: 100%;
  height: 0.94vw;
  background: #e23c32;
  position: absolute;
  top: 0;
  left: 0;
}

.inner-detail--3 .detail-body .illustrate h3 {
  height: 15.46vw;
  padding-bottom: 0.8vw;
  box-sizing: border-box;
  border-bottom: 0.13vw dashed #dfd5d5;
  font-size: 4.8vw;
  line-height: 14.66vw;
  color: #e23c32;
  text-align: center;
  margin-bottom: 7vw;
}

.inner-detail--3 .detail-body .illustrate .rich-box {
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
}

.inner-detail--3 .detail-body .illustrate .rich-box p,
.inner-detail--3 .detail-body .illustrate .rich-box span {
  font-size: 3.47vw;
  line-height: 6.13vw;
  color: #333;
}

.inner-detail--3 .detail-body .illustrate .rich-box img,
.inner-detail--3 .detail-body .illustrate .rich-box video {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.inner-detail--3 .check-tool {
  width: 92vw;
  height: 10.67vw;
  background: #ffffff;
  border-radius: 1.33vw;
  margin: 3.6vw auto 0;
}

.inner-detail--3 .check-tool a {
  color: #333;
  font-size: 3.47vw;
  width: 32vw;
  box-sizing: border-box;
}

.inner-detail--3 .check-tool a::before {
  font-size: 2.8vw;
  color: #000;
  font-family: "iconfont";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.inner-detail--3 .check-tool a:nth-child(1) {
  text-align: left;
  padding-left: 10.8vw;
}

.inner-detail--3 .check-tool a:nth-child(1)::before {
  content: "\e61d";
  left: 4vw;
}

.inner-detail--3 .check-tool a:nth-child(2) {
  text-align: right;
  padding-right: 10.8vw;
}

.inner-detail--3 .check-tool a:nth-child(2)::before {
  content: "\e622";
  right: 4vw;
}

.inner-detail--3 .check-tool::before {
  display: none;
}
<!--ºÄʱ1766552765.3042Ãë-->