@charset "utf-8";
@import url(format.css);

body {
  min-width: 1280px;
}

/* 公共样式 */
.bg_a {
  background: #ffffff;
}

.bg_b {
  background: #f3f6f9;
}

.page_box {
  display: block;
  width: 100%;
  position: relative;
}

#loading {
  background-color: #000;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 999;
  margin-top: 0;
  top: 0;
  overflow: hidden
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative
}

#loading-center-absolute {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 285px;
  width: 285px;
  margin: 0 auto;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.loading_logo {
  width: 285px;
  height: 285px;
  display: block;
}

.loading_logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 285px;
  height: 285px;
  z-index: 2;
}

/*闪动的文字*/

.asd {
  -webkit-animation: wld 1s linear 0s infinite;
  animation: wld 1s linear 0s infinite;
}

@keyframes wld {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes wld {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* 第一屏 */

.swiper_a .banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all .5s ease 0s;
}

@-webkit-keyframes scale-bg {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-bg {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.swiper-slide-active .scaleBg {
  opacity: 1;
  visibility: visible;
  -webkit-animation: scale-bg 6s linear forwards;
  animation: scale-bg 6s linear forwards;
}




/* 头部 */

.wrap_head {
  display: block;
  width: 100%;
  height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 2;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  min-width: 1280px;
}

.head_con {
  width: 84%;
  height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  -webkit-transition: all .35s;
  transition: all .35s;
  padding: 0 8%;
  margin: 0px auto;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e1eaf9;
  background: rgba(0, 0, 0, .05);
}

.head_white .head_con {
  background: #fff;
  -webkit-transition: all .35s;
  transition: all .35s;
  border-bottom: 1px solid #333333;
}

.site_logo {
  position: absolute;
  left: 8%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: calc(141 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  overflow: hidden;
}

.site_logo .link_logo {
  -webkit-filter: drop-shadow(0 0 2px rgba(17, 18, 38, .2));
  filter: drop-shadow(0 0 2px rgba(17, 18, 38, .2));
}

.site_logo .link_logo {
  display: block;
  width: calc(141 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url('../images/icon/logo.png') no-repeat;
  background-size: cover;
  text-indent: -300px;
}

.head_white .site_logo .link_logo {
  display: block;
  width: calc(141 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url('../images/icon/logo_h.png') no-repeat;
  background-size: cover;
  text-indent: -300px;
}

.site_head a {
  text-decoration: none;
}

.nav_box {
  width: calc(1120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav_li {
  float: left;
  height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  color: #fff;
  display: block;
}

.nav_li .lia {
  display: block;
  position: relative;
  z-index: 2;
  height: 100%;
  background-color: transparent;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: transform .4s;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
}

.head_white .nav_li {
  color: #000;
}

.head_white .nav_li .lia {
  color: #000;
}

.nav_li .lia:hover {
  animation: jump .3s;
  color: #db0000;
}

@keyframes jump {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-3px)
  }

  to {
    transform: translateY(0)
  }
}

.zcz-cont {
  width: 100%;
  display: block;
  height: 0px;
  background: #f6f6f6;
  background-size: cover;
  margin-top: calc(91 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: fixed;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
}

.zcz-cont::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(350 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/icon/navBg.png) center no-repeat;
  background-size: cover;
  z-index: -1;
}

.head_con .li2:hover .zcz-cont {
  height: calc(350 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_cont_mian {
  padding-top: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(1444 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));

}

.nav_mian {
  width: 100%;
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-column: span 2;
  grid-template-columns: calc(837 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) 1fr;
}

.nav_mian_l {
  width: 100%;
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.nav_mian_l:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  border-right: 1px solid #ececec;
  height: 100%;
  color: #ececec;
}

.nav_l_cover {
  width: calc(315 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));

}

.nav_cover_img {
  width: calc(315 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.nav_l_info {
  flex: 1;
  min-width: 0;
  text-align: left;
  line-height: normal;
  padding-right: calc(76 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: normal;
}

.nav_logo {
  width: calc(109 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(51 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_logo_img {
  width: calc(109 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(51 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.nav_bewrite {
  font-size: calc(22 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  line-height: calc(32 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_mian_r {
  flex: 1;
  min-width: 0;
  height: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.nav_list {
  margin-left: calc(85 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(400 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 2;
  grid-template-columns: repeat(2, 1fr);
}

.nav_set_li {
  width: 100%;
}

.nav_set_li a {
  width: 100%;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  border: 1px solid #dcdcdc;
  display: block;
  box-sizing: border-box;
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  font-weight: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.nav_set_li a::before,
.nav_set_li a::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.nav_set_li a::before {
  background: #f0b6b6;
}

.nav_set_li a::after {
  background: #db0000;
}

.nav_set_li a:hover {
  color: #fff;
  border-color: #db0000;
}

.nav_set_li a:hover::before,
.nav_set_li a:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.nav_set_li a:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}


.focus_us {
  width: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 8%;
  top: 0;
}

.focus_list {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.focus_li {
  cursor: pointer;
  position: relative;
  height: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}


.focus_li .ext_set {
  width: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  transition: ease all 0.3s;
  border-radius: 100%;
  border: 1px solid #ffffff;
  padding: 0px;
  -webkit-transform: scale(1) translateY(2px) translateZ(0);
  transform: scale(1) translateY(2px) translateZ(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
}

.head_white .focus_li .ext_set {
  border: 1px solid #333333;
}

.focus_li:hover .ext_set {
  border: 1px solid #db0000;
  background: #db0000;
}


.focus_us .focus_list li .icon {
  display: block;
  height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  transition: background 0.2s ease-in-out;
}

.item_tit {
  display: block;
  min-width: calc(60 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(12 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  margin-left: calc(-13 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  color: #fff;
}

.focus_li:hover .ext_set {
  -webkit-transform: scale(0.86) translateY(0) translateZ(0);
  transform: scale(0.86) translateY(0) translateZ(0)
}

.focus_li:hover .item_tit {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #fff;
  padding: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) 0;
}

.focus_us .focus_list li .i_xcx {
  background: url(../images/icon/icon_xcx.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_wechat {
  background: url(../images/icon/icon_wechat.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_douyin {
  background: url(../images/icon/icon_douyin.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_tel {
  background: url(../images/icon/icon_phone24h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_xcx {
  background: url(../images/icon/icon_xcx_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_wechat {
  background: url(../images/icon/icon_wechat_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_douyin {
  background: url(../images/icon/icon_douyin_h.png) no-repeat center;
  background-size: 100% 100%;
}

.head_white .focus_us .focus_list li .i_tel {
  background: url(../images/icon/icon_phone24h_h.png) no-repeat center;
  background-size: 100% 100%;
}

.focus_us .focus_list li .i_in {
  background: url(../img/index/icon_in.png) no-repeat center;
  background-size: 100% 100%;
}






/* 弹出 */
.focus_li .ewm-content {
  position: absolute;
  top: 200%;
  background: #fff;
  box-shadow: 0 calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(32 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none
}

.ewm-xcx {
  width: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(-49 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-wechat {
  width: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(-49 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-douyin {
  width: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(-49 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-tel {
  width: calc(333 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(135 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  right: calc(-50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.ewm-mian {
  width: 100%;
  height: calc(135 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.ewm-l {
  width: calc(92 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(114 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: calc(27 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: 0;
}

.ewm-l-bg {
  width: calc(92 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(114 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.ewm-r {
  position: absolute;
  top: 0;
  left: calc(130 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(135 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  justify-content: center;
  flex-flow: column;

}

.tel-label {
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
}

.tel-num {
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #db0000;
  font-style: italic;
}


.focus_li .ewm-xcx::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  top: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.focus_li .ewm-wechat::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  top: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.focus_li .ewm-douyin::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  top: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.focus_li .ewm-tel::before {
  content: '';
  display: block;
  position: absolute;
  margin-left: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  right: calc(62 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(-6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 0;
  height: 0;
  border-left: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-right: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid transparent;
  border-bottom: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) solid #fff
}

.thumb-div {
  width: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.thumb-div-code {
  width: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(136 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

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

.focus_li:hover .ewm-content,
.focus_li.show .ewm-content {
  visibility: visible;
  top: calc(90 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 1;
  -webkit-transition: all .2s;
  transition: all .2s
}

.floating_shut {
  width: calc(176 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(141 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: fixed;
  left: calc(-176 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: 0;
  transition: left 1s;
  -webkit-transition: left 1s;
  cursor: pointer;
  z-index: 101;
}

.floating_shut_bg {
  width: calc(176 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(141 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.floating_info {
  width: 100%;
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: rgba(0, 0, 0, .7);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.floating_mian {
  width: calc(1386 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: 0 auto;
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.fting_figure {
  width: calc(93 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(177 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  bottom: 0;
}

.fting_figure img {
  width: calc(93 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(177 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.fting_tel {
  width: calc(216 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  flex-flow: column;
  justify-content: center;
  position: absolute;
  left: calc(109 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 0;
}

.fting_tel_label {
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  line-height: 1;
}

.fting_tel_num {
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  margin-top: calc(12 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-style: italic;
}

.fting_form {
  width: calc(1077 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fting_form_in {
  width: 100%;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fting_form_mian {
  width: 100%;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 5;
  grid-template-columns: calc(190 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(250 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(220 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) 1fr;
  grid-template-rows: 1fr;
}

.ft_li {
  position: relative;
}

.ft_li_icon {
  width: calc(13 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(7 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: url(../images/icon/sj_icon.png) no-repeat;
  background-size: calc(13 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(7 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 3;
}

.ft_li_input {
  width: 100%;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  box-sizing: border-box;
  padding: 0 calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(4 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #000;
  border: 0;
  outline: 0;
}

.short_cursor {
  cursor: pointer;
}

.ft_li_but {
  width: 100%;
  border: none;
  box-shadow: none;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #db0000;
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  border-radius: calc(4 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.shortselect {
  background: #fafdfe;
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 100%;
  box-sizing: border-box;
  outline: none;
  padding: 0 calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: none;
  border-radius: calc(4 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.yourclass .layui-layer-title {
  border: none;
  padding: 0;
  background-color: #db0000;
  color: #fff;
  text-align: center;
}

.yourclass .layui-layer-content {
  text-align: center;
}

.fting_close {
  width: 25px;
  height: 25px;
  background: #db0000;
  position: absolute;
  right: 37px;
  top: 20px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.fting_close_img {
  width: 16px;
  height: 16px;
  display: block;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.fting_close:hover .fting_close_img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .2s;
  transition: all .2s
}


.side_bar {
  width: 180px;
  height: 100vh;
  background: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  /* transition: background 0.25s ease-in-out;
  -webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
  -moz-transition: -moz-transform 0.6s, opacity 0.4s;
  transition: transform 0.6s, opacity 0.4s; */
  transition: all .35s;
  /* -webkit-transition: opacity 0.5s, background 0.6s ease-in-out;
  transition: opacity 0.5s, background 0.6s ease-in-out; */
}

.aside_mian {
  padding: 55px 0 70px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  height: 100vh;
  justify-content: space-between;
}

.aside_center {
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: 70px 0;
}

.fp-viewing-page1 .side_bar {
  opacity: 0;
  background: none;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}

.fp-viewing-page2 .side_bar {
  opacity: 1;
  background: #db0000;
  /* transition-delay: .25s; */
}

.fp-viewing-page3 .side_bar {
  opacity: 1;
  background: #ffffff;
}

.fp-viewing-page4 .side_bar {
  opacity: 1;
  background: #db0000;
}

.fp-viewing-page5 .side_bar {
  opacity: 1;
  background: #ffffff;
}

.fp-viewing-page6 .side_bar {
  opacity: 1;
  background: #db0000;
}

.fp-viewing-page7 .side_bar {
  opacity: 1;
  background: #ffffff;
}

.fp-viewing-page8 .side_bar {
  opacity: 1;
  background: #db0000;
}

.fp-viewing-page9 .side_bar {
  opacity: 0;
  background: none;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}


.aside_logo {
  width: 82px;
  height: 95px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.aside_logo_a {
  width: 82px;
  height: 95px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  opacity: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.aside_logo_b {
  width: 82px;
  height: 95px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.fp-viewing-page3 .aside_logo_a,
.fp-viewing-page5 .aside_logo_a,
.fp-viewing-page7 .aside_logo_a {
  z-index: 1;
  opacity: 0;
}

.fp-viewing-page3 .aside_logo_b,
.fp-viewing-page5 .aside_logo_b,
.fp-viewing-page7 .aside_logo_b {
  opacity: 1;
  z-index: 3;
}

.fp-viewing-page4 .aside_logo_b,
.fp-viewing-page6 .aside_logo_b,
.fp-viewing-page8 .aside_logo_b {
  z-index: 1;
  opacity: 0;
}

.fp-viewing-page4 .aside_logo_a,
.fp-viewing-page6 .aside_logo_a,
.fp-viewing-page8 .aside_logo_a {
  opacity: 1;
  z-index: 3;
}



.aside_btn {
  width: 120px;
  height: 34px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.cbtn_rect {
  width: 100%;
  height: 34px;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: block;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.cbtn_01 {
  border-color: #fff;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.cbtn_02 {
  border-color: #db0000;
  color: #db0000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.cbtn_03 {
  border-color: #fff;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.cbtn_04 {
  border-color: #db0000;
  color: #db0000;
  position: absolute;
  left: 0;
  top: 0;
}

.cbtn_05 {
  border-color: #fff;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.cbtn_06 {
  border-color: #db0000;
  color: #db0000;
  position: absolute;
  left: 0;
  top: 0;
}

.cbtn_07 {
  border-color: #fff;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.fp-viewing-page2 .cbtn_01 {
  opacity: 1;
}

.fp-viewing-page3 .cbtn_02 {
  opacity: 1;
  z-index: 2;
}

.fp-viewing-page4 .cbtn_03 {
  opacity: 1;
  z-index: 2;
}

.fp-viewing-page5 .cbtn_04 {
  opacity: 1;
  z-index: 2;
}

.fp-viewing-page6 .cbtn_05 {
  opacity: 1;
  z-index: 2;
}

.fp-viewing-page7 .cbtn_06 {
  opacity: 1;
  z-index: 2;
}

.fp-viewing-page8 .cbtn_07 {
  opacity: 1;
  z-index: 2;
}


.aside_t {
  width: 100%;
  height: 30px;
  position: relative;
  margin-bottom: 16px;
}

.aside_t::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  transform: scale(0);
  background: #db0000;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -15px;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
}

.fp-viewing-page2 .aside_t::before,
.fp-viewing-page4 .aside_t::before,
.fp-viewing-page6 .aside_t::before,
.fp-viewing-page8 .aside_t::before {
  transform: scale(1);
  background: #fff;
  transition-delay: .35s;
}

.fp-viewing-page3 .aside_t::before,
.fp-viewing-page5 .aside_t::before,
.fp-viewing-page7 .aside_t::before {
  transform: scale(1);
  background: #db0000;
  transition-delay: .35s;
}


.aside_title {
  width: 100%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

.aside_title_en {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: rgba(246, 246, 246, .2);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

.aside_title_cn {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.fp-viewing-page2 .at_01 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page3 .at_01 {
  opacity: 0;
}

.fp-viewing-page3 .at_02 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page4 .at_03 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page5 .at_04 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page6 .at_05 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page7 .at_06 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.fp-viewing-page8 .at_07 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}



.fp-viewing-page2 .aside_title_en,
.fp-viewing-page4 .aside_title_en,
.fp-viewing-page6 .aside_title_en,
.fp-viewing-page8 .aside_title_en {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: rgba(246, 246, 246, .2);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

.fp-viewing-page2 .aside_title_cn,
.fp-viewing-page4 .aside_title_cn,
.fp-viewing-page6 .aside_title_cn,
.fp-viewing-page8 .aside_title_cn {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  bottom: 0;
  z-index: 2;
}


.fp-viewing-page3 .aside_title_en,
.fp-viewing-page5 .aside_title_en,
.fp-viewing-page7 .aside_title_en {
  width: 100%;
  text-align: center;
  font-size: 26px;
  color: rgba(219, 0, 0, .08);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

.fp-viewing-page3 .aside_title_cn,
.fp-viewing-page5 .aside_title_cn,
.fp-viewing-page7 .aside_title_cn {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #db0000;
  line-height: 1;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.fp-viewing-page2 .aside_title_en {
  font-size: 26px;
}

.fp-viewing-page3 .aside_title_en {
  font-size: 26px;
}

.fp-viewing-page4 .aside_title_en {
  font-size: 26px;
}

.fp-viewing-page5 .aside_title_en {
  font-size: 22px;
}

.fp-viewing-page6 .aside_title_en {
  font-size: 26px;
}

.fp-viewing-page7 .aside_title_en {
  font-size: 24px;
}

.fp-viewing-page8 .aside_title_en {
  font-size: 24px;
}



.sz_en_02 {
  font-size: 24px;
}

.sz_en_03 {
  font-size: 22px;
}

.aside_tips {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  height: 30px;
}


.aside_tips p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;

}

.aside_tips .as_tips_01,
.aside_tips .as_tips_03,
.aside_tips .as_tips_05,
.aside_tips .as_tips_07 {
  font-size: 14px;
  color: #fff;
}


.aside_tips .as_tips_02,
.aside_tips .as_tips_04,
.aside_tips .as_tips_06 {
  font-size: 14px;
  color: #db0000;
}

.fp-viewing-page2 .as_tips_01 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page3 .as_tips_02 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page4 .as_tips_03 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page5 .as_tips_04 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page6 .as_tips_05 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page7 .as_tips_06 {
  opacity: 1;
  transition-delay: .35s;
}

.fp-viewing-page8 .as_tips_07 {
  opacity: 1;
  transition-delay: .35s;
}

.aside_tips .as_tips_01::before,
.aside_tips .as_tips_03::before,
.aside_tips .as_tips_05::before,
.aside_tips .as_tips_07::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  background: #db0000;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 1s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 1s cubic-bezier(0.31, 0.7, 0.52, 0.85);
}

.aside_tips .as_tips_02::before,
.aside_tips .as_tips_04::before,
.aside_tips .as_tips_06::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  background: #fff;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 1s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 1s cubic-bezier(0.31, 0.7, 0.52, 0.85);
}

.fp-viewing-page2 .as_tips_01::before,
.fp-viewing-page3 .as_tips_02::before,
.fp-viewing-page4 .as_tips_03::before,
.fp-viewing-page5 .as_tips_04::before,
.fp-viewing-page6 .as_tips_05::before,
.fp-viewing-page7 .as_tips_06::before,
.fp-viewing-page8 .as_tips_07::before {
  width: 0;
  opacity: 1;
  transition-delay: .35s;
}

/* 二屏 */

#section-2 {
  background: url(../images/banner/bg/page2_bg.png) no-repeat center;
  background-size: cover;
}

.common-main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.inner_box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}


.inner_in {
  width: calc(1314 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(760 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  /* position: absolute;
  top: 50%;
  margin-top: calc(-380 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: calc(194 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))); */
  box-sizing: border-box;
  position: relative;
}

.inner_in_set {
  position: absolute;
  left: 0;
  bottom: 14%;
  width: 100%;
  height: calc(332 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url(../images/banner/bg/page2_set.png) no-repeat;
  background-size: cover;
}


/* .inner_in_set {
  width: 100%;
  height: 100%;
  position: relative;
  background: #000;
} */


.v_box {
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px calc(4 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  left: 0;
  top: 0;
  width: calc(558 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(558 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
}


.v_mian {
  width: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.cover-circle {
  width: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: 100%;
  border: solid calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) #f1f1f3;
  background-origin: border-box;
  background-clip: border-box;
  position: relative;
  box-sizing: border-box;

}

.v_cover {
  width: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(478 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  border-radius: 100%;
}

.play_set {
  width: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
}

.play_icon {
  width: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}


.present_box {
  width: calc(630 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(360 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  top: 0;
}

.present_tips {
  font-size: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  line-height: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  white-space: pre-line;
}

.column_title_en {
  font-size: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  line-height: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-transform: capitalize;
  margin-top: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.present_bewrite {
  margin-top: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #666666;
  line-height: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: justify;
}

.present_link {
  position: absolute;
  left: 0;
  bottom: 0;
}

.pre_link_li {
  float: left;
  margin-right: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.pre_link_li:last-child {
  margin-right: 0;
}

.pre_link_li::before {
  content: "";
  display: block;
  width: 0px;
  height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background-image: linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(219, 0, 0) 0%, rgba(219, 0, 0, 0.4) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
  transition: 0.4s cubic-bezier(0.31, 0.7, 0.52, 0.85);
}

.pre_link_li:hover::before {
  width: 100%;
}

.pre_a {
  width: calc(158 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  border: 1px solid #db0000;
  line-height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-left: calc(67 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in-out;

}

.pre_a span {
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #db0000;
  transition: color 0.3s ease-in-out;
  display: inline-block;
  line-height: 1;

}

.pre_link_li:hover .pre_a {
  border: 1px solid transparent;
}

.pre_link_li:hover .pre_a span {
  color: #fff;
}

.pre_link_li .intro_icon {
  background: url(../images/icon/intro_icon.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pre_link_li:hover .intro_icon {
  background: url(../images/icon/intro_icon_s.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pre_link_li .course_icon {
  background: url(../images/icon/course_icon.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(28 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pre_link_li:hover .course_icon {
  background: url(../images/icon/course_icon_s.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(28 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pre_link_li .honor_icon {
  background: url(../images/icon/honor_icon.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(23 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pre_link_li:hover .honor_icon {
  background: url(../images/icon/honor_icon_s.png) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) center no-repeat;
  background-size: calc(23 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}


.related_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(132 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(86 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 5;
  grid-template-columns: repeat(5, 1fr);
}

.related_li {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}

.related_top {
  width: calc(100 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(100 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/icon/y_bg.png) no-repeat;
  background-size: cover;
}

.related_label {
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  line-height: 1;

}

.related_tips {
  width: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(3 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(5 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #db0000;
  text-align: center;
  line-height: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.related_num {
  font-family: 'BEBAS';
  font-size: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #db0000;
}


/* 板块3 */
#section-3 {
  background: #fff;
}

.section3_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.swiper_box,
.box3Bg,
.box3Bg .swiper-wrapper,
.box3Bg .swiper-slide {
  height: 100vh;
  width: 100% !important;
}

.box3Bg {
  position: absolute !important;
  top: 0;
  left: 0;
}

.box3Bg .swiper-wrapper {
  transform: translate(1px) !important;
  /*解决swiper第一个不改变*/
  margin-left: -1px;
  left: 0 !important;
}

.box3Bg .swiper-slide {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
  transform: scale(1.3);
  transition: 1.5s ease-in-out;
}

.box3Bg .swiper-slide-active {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 2;
  transform: scale(1);
}

.solution_list {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  overflow: hidden;
}

.solution_li {
  float: left;
  display: inline;
  width: 20%;
  height: 100%;
  position: relative;
  cursor: pointer;
  border-right: 1px solid #edf3f8;
  box-sizing: border-box;
}

/* .solution_li::before {
  display: block;
  position: absolute;
  left: 0px;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  content: '';
  background: rgba(0, 0, 0, .4);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.active .solution_li:nth-child(1)::before {
  top: -100%;
  transition-delay: 0.5s;
}
.active .solution_li:nth-child(2)::before {
  top: 100%;
  transition-delay: 0.5s;
}
.active .solution_li:nth-child(3)::before {
  top: -100%;
  transition-delay: 0.5s;
}
.active .solution_li:nth-child(4)::before {
  top: 100%;
  transition-delay: 0.5s;
}
.active .solution_li:nth-child(5)::before {
  top: -100%;
  transition-delay: 0.5s;
} */
.solution_li::after {
  display: block;
  position: absolute;
  left: 0px;
  top: -100%;
  height: 0px;
  width: 100%;
  z-index: 1;
  content: '';
  background: rgba(0, 0, 0, .4);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.solution_li:last-child {
  border: none;
}

.solution_li:hover::after {
  top: 0;
  height: 100%;
}

.max_a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: relative;
  z-index: 2;
  color: #fff;
}

.max_cn {
  font-size: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

.max_en {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  text-transform: uppercase;
  margin-top: calc(15 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: 1;
}

.max_icon {
  width: calc(56 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(56 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(35 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.max_icon.m_1 {
  background: url(../images/icon/m_01.png) no-repeat center;
  background-size: cover;
}

.max_icon.m_2 {
  background: url(../images/icon/m_02.png) no-repeat center;
  background-size: cover;
}

.max_icon.m_3 {
  background: url(../images/icon/m_03.png) no-repeat center;
  background-size: cover;
}

.max_icon.m_4 {
  background: url(../images/icon/m_04.png) no-repeat center;
  background-size: cover;
}

.max_icon.m_5 {
  background: url(../images/icon/m_05.png) no-repeat center;
  background-size: cover;
}

.cover-border {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  box-sizing: border-box;
}

.cover-border::before,
.cover-border::after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}

.cover-border::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.cover-border::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.solution_li:hover:hover .cover-border::before,
.solution_li:hover:hover .cover-border::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-delay: 0.9s;
}


/* 板块4 */
#section-4 {
  background: url(../images/banner/bg/page4_bg.png) no-repeat center;
  background-size: cover;
}

.section4_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.section4_inner {
  width: calc(1460 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
}

.calc_box {
  width: 100%;
  height: 100%;
  position: relative;
}

.calc_hd {
  width: calc(420 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: left;
  height: 100%;
  position: relative;
}

.calc_bd {
  width: calc(912 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: right;
  height: 100%;
}

.calc_title_cn {
  font-size: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: calc(44 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.calc_title_en {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #999999;
  text-transform: uppercase;
  line-height: 1;
  margin-top: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.calc_menu {
  width: 100%;
  display: grid;
  grid-gap: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(60 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
  position: absolute;
  left: 0;
  bottom: 0;
}

.calc_menu_li {
  width: 100%;
  height: calc(114 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.calc_icon {
  width: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.calc_icon_img {
  width: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.calc_label {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
  margin-top: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}


.calc_menu_li .line_tl,
.calc_menu_li .line_tr,
.calc_menu_li .line_bl,
.calc_menu_li .line_br {
  position: absolute;
  border-style: solid;
  border-width: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.calc_menu_li .line_tl {
  left: -1px;
  top: -1px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-color: #db0000;
}

.calc_menu_li .line_tr {
  right: -1px;
  top: -1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-color: #db0000;
}

.calc_menu_li .line_bl {
  left: -1px;
  bottom: -1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: #db0000;
}

.calc_menu_li .line_br {
  right: -1px;
  bottom: -1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-color: #db0000;
}

.calc_menu_li:hover .line_tl,
.calc_menu_li:hover .line_tr,
.calc_menu_li:hover .line_bl,
.calc_menu_li:hover .line_br {
  opacity: 1;
  width: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.calc_menu_li.on .line_tl,
.calc_menu_li.on .line_tr,
.calc_menu_li.on .line_bl,
.calc_menu_li.on .line_br {
  opacity: 1;
  width: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.inBox {
  width: 100%;
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: none;
  position: relative;
}

.inBox .bd {
  position: relative;
  width: 100%;
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 0;
}

.inBox .bd .bd_a {
  width: calc(912 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  position: relative;
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fouce_cover {
  width: calc(912 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fouce_img {
  width: calc(912 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(520 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.fouce_info {
  padding: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(33 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .2)
}

.fouce_title {
  width: 100%;
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  position: relative;
  padding: 0 0 calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.fouce_title::before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: 2px;
  background: #e2e2e2;
  z-index: 2;
}

.fouce_set {
  margin-top: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.f_set_li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  line-height: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.f_set_label {
  min-width: calc(98 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-left: calc(27 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  box-sizing: border-box;
}

.f_set_a {
  background: url(../images/icon/u_01.png)left center no-repeat;
  background-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.f_set_b {
  background: url(../images/icon/u_02.png)left center no-repeat;
  background-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.f_set_c {
  background: url(../images/icon/u_03.png)left center no-repeat;
  background-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.f_set_in {
  flex: 1;
  min-width: 0;
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
}

.inBox_operate {
  width: calc(250 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding: 0 calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  height: calc(46 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #fff;
  position: absolute;
  right: calc(48 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(-22 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.inBox_operate .sPrev {
  padding-left: calc(25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-right: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(46 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(46 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #555555;
  background: url(../images/icon/jt_l.png) left center no-repeat;
  background-size: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.inBox_operate .sNext {
  padding-left: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-right: calc(25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(46 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(46 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #555555;
  text-align: right;
  background: url(../images/icon/jt_r.png) right center no-repeat;
  background-size: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}


.inBox_operate .sPrev:hover,
.inBox_operate .sNext:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.inBox .prevStop {
  display: none;
}

.inBox .nextStop {
  display: none;
}


/* 板块5 */
#section-5 {
  background: url(../images/banner/bg/page5_bg.png) no-repeat center;
  background-size: cover;
}

.section5_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.inner5_box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.section5_inner {
  width: calc(1628 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(640 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
}

.section5_cover {
  width: calc(1018 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(640 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}

.section5_cover_img {
  width: calc(1018 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(640 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.present_list {
  width: calc(1222 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  bottom: calc(44 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(28 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 6;
  grid-template-columns: repeat(6, 1fr);
}

.present_li {
  width: 100%;
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(15 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  overflow: hidden;
  background: rgba(255, 255, 255, .75);
  position: relative;
  cursor: pointer;
  transition: background 0.8s;
}

.present_li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(15 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 0;
  background: #db0000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
  -moz-transition: -moz-transform 0.6s, opacity 0.4s;
  transition: transform 0.6s, opacity 0.4s;
}

.present_li:hover,
.present_li.on {
  background: none;
}

.present_li:hover::before,
.present_li.on::before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  opacity: 1;
}

.present_li:first-child(1),
.present_li:first-child(2) {
  background: rgba(255, 255, 255, .9);
}

.present_a {
  width: 100%;
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pres_info {
  text-align: center;
}


.pres_label {
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #333333;
  font-weight: bold;
  line-height: 1;
  transition: color 0.3s;
}

.pres_tips {
  margin-top: calc(12 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #666666;
  line-height: 1;
  transition: color 0.3s;
}

.present_li:hover .pres_label,
.present_li.on .pres_label {
  color: #fff;
}

.present_li:hover .pres_tips,
.present_li.on .pres_tips {
  color: #fff;
}

.present_icon {
  width: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(52 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.so_01 {
  background: url(../images/icon/s1.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_01,
.present_li.on .so_01 {
  background: url(../images/icon/s1s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.so_02 {
  background: url(../images/icon/s2.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_02,
.present_li.on .so_02 {
  background: url(../images/icon/s2s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.so_03 {
  background: url(../images/icon/s3.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_03,
.present_li.on .so_03 {
  background: url(../images/icon/s3s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.so_04 {
  background: url(../images/icon/s4.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_04,
.present_li.on .so_04 {
  background: url(../images/icon/s4s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.so_05 {
  background: url(../images/icon/s5.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_05,
.present_li.on .so_05 {
  background: url(../images/icon/s5s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.so_06 {
  background: url(../images/icon/s6.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.present_li:hover .so_06,
.present_li.on .so_06 {
  background: url(../images/icon/s6s.png) no-repeat center;
  background-size: 100% 100%;
  position: relative;
  transition-delay: 0.2s;
}

.section5_top {
  max-width: calc(500 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  min-height: calc(260 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  max-height: calc(300 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  top: 0;
}

.section5_title {
  padding-bottom: calc(25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
}

.section5_title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(3 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #db0000;
}

.bit5_title_cn {
  font-size: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
  padding-top: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  padding-bottom: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.bit5_title_en {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #999999;
  line-height: 1;
  text-transform: uppercase;
}

.promise_depict {
  font-size: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #666666;
  line-height: calc(27 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  max-height: calc(81 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-top: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-bottom: calc(54 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.promise_but {
  position: absolute;
  left: 0;
  bottom: 0;
}

.promise_link {
  width: calc(120 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: 1px solid #666666;
  text-align: center;
  line-height: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  display: block;
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  transition: ease all 0.3s;
}

.promise_link:hover {
  background: #db0000;
  border: 1px solid #db0000;
  color: #fff;
}


/* 板块6 */
#section-6 {
  background: url(../images/banner/bg/page6_bg.png) no-repeat center;
  background-size: cover;
}

.section6_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.inner6_box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section6_inner {
  width: calc(1462 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(733 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
}

.serve_box {
  width: 100%;
  height: calc(460 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: grid;
  grid-gap: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 4;
  grid-template-columns: repeat(4, 1fr);
}

.serve_li {
  width: 100%;
  height: calc(460 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.serve_li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(300 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(420 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  border: 1px solid #ffffff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.serve_li::before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-out 0s;
  background: rgba(0, 0, 0, .4);
}

.serve_li:hover::before {
  opacity: 1;
}


.serve_thumb {
  width: calc(340 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(460 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  overflow: hidden;
}

.serve_cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(1.4) translate(-50%, -50%);
  transform: scale(1.4) translate(-50%, -50%);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1);
}

.active .serve_cover {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
}

.serve_li:hover .serve_cover {
  opacity: 1;
  -webkit-transform: scale(1.1) translate(-50%, -50%);
  transform: scale(1.1) translate(-50%, -50%);
}

.serve_link {
  width: calc(340 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(460 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .05);
}


.serve_t {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #484c61;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0, calc(-50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);
  transform: translate3d(0, calc(-50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);
  line-height: 1;
}

.serve_li:hover .serve_t {
  color: #fff;
  -webkit-transform: translate3d(0, calc(-156 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0) translate3d(0, calc(-40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);
  transform: translate3d(0, calc(-156 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0) translate3d(0, calc(-40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);
}

.serve_t_cn {
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
}

.serve_t_en {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  text-transform: capitalize;
  margin-top: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.serve_bewrite {
  padding: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: calc(113 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, calc(113 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);
  transform: translate3d(0, calc(113 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))), 0);


}

.serve_li:hover .serve_bewrite {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}


.serve_icon {
  width: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 50%;
  bottom: calc(270 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transform: translate(-50%, calc(-50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))));
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.serve_li:hover .serve_icon {
  opacity: 1;
  width: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 50%;
  bottom: calc(270 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  transform: translate(-50%, 0);
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s;
}

.serve_icon_img {
  width: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(70 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.circuit_box {
  width: 100%;
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  bottom: 0;
}

.circuit_l {
  width: calc(375 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: left;
  background: url('../images/icon/circuit_01.png') 50px center no-repeat;
  position: relative;
  background-size: calc(184 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));

}


.circuit_label {
  width: calc(128 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(128 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: #ffffff;
  border-radius: calc(128 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: center;
}


.circuit_label::after {
  content: "";
  width: calc(96 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(96 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  background: #f8cccc;
  border-radius: 50%;
}

.circuit_label::before {
  content: "";
  width: calc(72 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(72 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  background: #de1414;
  border-radius: 50%;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;

}

.circuit_label:hover::before {
  width: calc(96 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(96 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.circuit_label span {
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  line-height: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  width: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: relative;
  z-index: 3;
  min-width: 24px;
}

.circuit_title {
  width: calc(180 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(110 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: calc(167 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  transform: translate(0, -50%);
}

.circuit_title_cn {
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
}

.circuit_title_en {
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
  margin-top: calc(13 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-transform: uppercase;
}

.circuit_r {
  width: calc(100% - calc(375 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))));
  height: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: right;
  display: flex;
  align-items: center;
}

.circuit_list {
  width: 100%;
  display: grid;
  grid-gap: 0;
  grid-column: span 7;
  grid-template-columns: repeat(7, 1fr);
}

.circuit_li {
  width: calc(155 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(155 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: 1px solid rgba(220, 220, 220, .7);
  border-radius: calc(155 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.circuit_li::before {
  content: "";
  width: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(34 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  top: 50%;
  right: calc(-17 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 2;
  transform: translate(0, -50%);
  background: #fff url('../images/icon/sw_y1.png') center no-repeat;
  background-size: calc(6 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: 50%;
}

.circuit_li:last-child::before {
  display: none;
}

.cir_icon {
  width: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.cir_icon_in {
  width: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.cir_label {
  margin-top: calc(12 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
}

.cir_num {
  margin-top: calc(20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: 1;
}


/* 板块7 */
#section-7 {
  background: url(../images/banner/bg/page7_bg.png) no-repeat center;
  background-size: cover;
}

.section7_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.inner7_box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section7_inner {
  width: calc(1434 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(495 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;

}
.figure_in {
  width: calc(522 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(900 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  bottom: 0;
}

.figure_bg {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1);
  transform: scale(0.6);
}

.active .figure_bg {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.best_num {
  width: calc(796 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: 0;
  bottom: calc(147 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  overflow: hidden;
}

.best_num_a {
  width: calc(133 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(663 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(-256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 0;
  transition: all 1s;
}

.active .best_num_a {
  bottom: 0;
  transition-delay: 0.5s;
  opacity: 1;
}

.best_num_b {
  width: calc(145 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(518 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(-256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 0;
  transition: all 1s;
}

.active .best_num_b {
  top: 0;
  transition-delay: 0.6s;
  opacity: 1;
}

.best_num_c {
  width: calc(155 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(363 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(-256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 0;
  transition: all 1s;
}

.active .best_num_c {
  bottom: 0;
  transition-delay: 0.7s;
  opacity: 1;
}


.best_num_d {
  width: calc(103 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(256 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  right: calc(-260 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: 0;
  opacity: 0;
  transition: all 1s;
}

.active .best_num_d {
  right: calc(260 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  opacity: 1;
  transition-delay: 0.8s;
}


.best_num_bg {
  width: 100%;
  height: auto;
  display: block;
}

.section7_mian {
  width: calc(680 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(495 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.section7_t_cn {
  width: 100%;
  font-size: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.section7_t_en {
  width: 100%;
  font-size: calc(26 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #050505;
  line-height: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}



/* 本例子css */
.multipleColumn {
  position: absolute;
  width: calc(680 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 0;
  bottom: 0;
}

.multipleColumn .prev,
.multipleColumn .next {
  display: block;
  width: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  cursor: pointer;
}

.multipleColumn .prev {
  position: absolute;
  left: calc(-40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 50%;
  background: url('../images/icon/wy_l.png') no-repeat;
  background-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 99;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.multipleColumn .next {
  position: absolute;
  right: calc(-40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: 50%;
  background: url('../images/icon/wy_r.png') no-repeat;
  background-size: calc(14 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(30 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  z-index: 99;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}


.multipleColumn .bd {
  padding: 0;
  overflow: hidden;
}

.multipleColumn .bd ul {
  overflow: hidden;
  zoom: 1;
  width: calc(680 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: left;
  display: grid;
  grid-gap: calc(12 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width))) calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  grid-column: span 3;
  grid-template-columns: repeat(3, 1fr);
}

.multipleColumn .bd ul .pic_Li {
  float: left;
  overflow: hidden;
  text-align: center;
  width: 100%;
  height: calc(86 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  cursor: pointer;
  background: #ffffff;
}

.pic_cover {
  width: 100%;
  height: calc(86 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
  transition: 1.2s cubic-bezier(.215, .61, .355, 1);
}

.pic_Li:hover .pic_cover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/* 板块8 */
#section-8 {
  background: url(../images/banner/bg/page8_bg.png) no-repeat center;
  background-size: cover;
}

.section8_main {
  width: 100%;
  padding-left: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
  min-width: 1280px;
}

.inner8_box {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section8_inner {
  width: calc(1480 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(741 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  box-sizing: border-box;
  position: relative;
}

.plate_list {
  width: calc(530 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.plate_li {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: calc(60 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.plate_li:first-child {
  margin-top: 0;
}

.pl_icon {
  width: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin-right: calc(18 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pl_icon_img {
  width: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(45 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: block;
}

.pl_info {
  flex: 1;
  min-width: 0;
}

.pl_in_t {
  font-size: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #000;
  line-height: calc(42 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.pl_in_p {
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #000;
  line-height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
}

.pl_in_tel {
  font-size: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  font-weight: bold;
  color: #db0000;
  font-style: italic;
}


.service_link {
  width: calc(100 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: #db0000;
  display: block;
  line-height: calc(36 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  text-align: center;
  font-size: calc(16 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  color: #ffffff;
  margin-left: calc(10 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}



.plate_map {
  width: calc(911 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(741 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  float: right;
  background: url(../images/banner/bg/map_bg.png) no-repeat;
  background-size: cover;
  position: relative;
}

.point_01 {
  position: absolute;
  right: calc(340 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(190 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(130 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_02 {
  position: absolute;
  right: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(55 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  min-width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_03 {
  position: absolute;
  right: calc(68 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(145 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_04 {
  position: absolute;
  right: calc(130 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(187 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_05 {
  position: absolute;
  right: calc(200 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(287 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_06 {
  position: absolute;
  right: calc(210 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  top: calc(380 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_07 {
  position: absolute;
  right: calc(330 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(130 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}
.point_08 {
  position: absolute;
  right: calc(325 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(38 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(105 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(78 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
}

.point_icon {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: calc(-25 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  width: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(50 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background: url("../images/icon/point_icon.png") no-repeat center;
  background-size: cover;
  animation: ball 0.55s infinite alternate;
}

.point_title {
  width: 100%;
  text-align: center;
  line-height: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}

.spread-point {
  width: calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  margin: auto;
  border-radius: calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  background-color: rgba(219, 0, 0, .5);
  position: absolute;
  left: 50%;
  margin-left: calc(-4 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  bottom: calc(24 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.spread {
  position: absolute;
  bottom: calc(8 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  left: 50%;
  margin-left: calc(-20 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  border-radius: 50%;
  width: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
  height: calc(40 * (clamp(1280px, 100vw, 3840px) / var(--ideal-viewport-width)));
}

.spread:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  -webkit-animation: spread 4.5s ease-out 1575ms infinite;
  animation: spread 4.5s ease-out 1575ms infinite;
}

.spread-more1:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  animation: spread 4.5s ease-out 225ms infinite;
}

.spread-more1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #c9563f;
  opacity: 0;
  -webkit-animation: spread 4.5s ease-out 2000ms infinite;
  animation: spread 4.5s ease-out 2000ms infinite;
}

@keyframes spread {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }

  5% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* 板块9 */

#section-9 {
  width: 100%;
  background: #050505;
}

.myContent {
  width: 1200px;
  margin: 0 auto;
  min-height: 521px;
}

.footer_top {
  width: 100%;
  height: 92px;
  display: flex;
  align-items: center;
}

.ft_list {
  width: 100%;
  height: 42px;
  /* display: grid;
  grid-column: span 8;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ft_li {
  text-align: left;
  position: relative;
}

.ft_hot {
  width: 30px;
  height: 17px;
  position: absolute;
  left: 22px;
  top: -7px;
  background: url(../images/icon/hot_icon.png) no-repeat;
  background-size: cover;
}

.ft_li a {
  font-size: 16px;
  color: #ffffff;
  position: relative;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  transition: transform .4s;
}

.ft_li a:hover {
  animation: jump .3s
}

@keyframes jump {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-3px)
  }

  to {
    transform: translateY(0)
  }
}

.footer_cont {
  width: 100%;
  border-top: 1px dashed rgba(255, 255, 255, .5);
  border-bottom: 1px dashed rgba(255, 255, 255, .5);
  padding: 40px 0 30px;
}


.fc_l {
  width: 755px;
  float: left;
}

.contact_det {
  width: 340px;
  float: right;
}

.fc_lt {
  width: 100%;
}

.fc_lb {
  width: 100%;
  margin-top: 38px;
}

.fc_lt_l {
  width: 230px;
  float: left;
}

.fc_lt_r {
  width: 436px;
  float: right;
}

.footer_logo {
  width: 141px;
  height: 52px;
}

.footer_logo_img {
  width: 141px;
  height: 52px;
  display: block;
}

.footer_profile {
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  margin-top: 18px;
}

.lt_r_t {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  line-height: 30px;
}

.search_box {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 27px;
}

.search_btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.search_btn img {
  width: 24px;
  height: 24px;
  display: block;
}

.search_input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  line-height: 56px;
  background: transparent;
  font-size: 14px;
  color: #ffffff;
  padding: 0 12px;
}

.hot_link {
  width: 100%;
  margin-top: 18px;
}

.hot_link a {
  display: block;
  margin-right: 20px;
  float: left;
  font-size: 14px;
  color: #999999;
  line-height: 25px;
  transition: all .3s;
  position: relative;
}

.hot_link a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}


.hot_link a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.hot_link a:hover {
  color: #fff;
}

.links {
  width: 100%;
  display: flex;
}

.links_title {
  min-width: 82px;
  font-size: 16px;
  color: #999999;
  height: 30px;
  line-height: 30px;
}

.links .links_children {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  align-content: flex-start;
}

.links .links_children a {
  display: block;
  padding: 0 6px;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  position: relative;
  transition: all .3s;
  position: relative;
}

.links .links_children a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  background: #929292;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.links .links_children a:last-child::after {
  display: none;
}



.links .links_children a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}



.links .links_children a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.links .links_children a:hover {
  color: #fff;
}


.det_title {
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
}

.det_list {
  width: 100%;
  margin-top: 10px;
}

.det_li {
  font-size: 14px;
  color: #999999;
  line-height: 22px;
}

.media_list {
  margin-top: 20px;
  width: 100%;
  display: grid;
  grid-column: span 3;
  grid-gap: 15px;
  grid-template-columns: repeat(3, 1fr);
}

.media_li {
  width: 100%;
  height: 133px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.media_cover {
  width: 103px;
  height: 103px;
  display: block;
}

.media_tit {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #999999;
}


.copy-right {
  padding: 23px 0;
  min-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 30px;
}

.copy-right a {
  color: #fff;
  transition: all .3s;
  position: relative;
}

.copy-right a::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}



.copy-right a:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}



#menu {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

#menu li {
  display: block;
  margin: 0 auto 10px;
  position: relative;
  height: 18px;
  width: 18px;
  cursor: pointer;
}

.aside_circle {
  transition: all .25s;
  border-radius: 50%;
  border: 1px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.aside_circle:after {
  content: "";
  margin: auto;
  width: 8px;
  height: 8px;
  background-color: #db0000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transition: all .25s;
}


.fp-viewing-page1 .aside_circle:after,
.fp-viewing-page3 .aside_circle:after,
.fp-viewing-page5 .aside_circle:after,
.fp-viewing-page7 .aside_circle:after,
.fp-viewing-page9 .aside_circle:after {
  background-color: #db0000;
}

.fp-viewing-page2 .aside_circle:after,
.fp-viewing-page4 .aside_circle:after,
.fp-viewing-page6 .aside_circle:after,
.fp-viewing-page8 .aside_circle:after {
  background-color: #ffffff;
}

.fp-viewing-page1 .active .aside_circle,
.fp-viewing-page3 .active .aside_circle,
.fp-viewing-page5 .active .aside_circle,
.fp-viewing-page7 .active .aside_circle,
.fp-viewing-page9 .active .aside_circle {
  border-color: #db0000;
}

.fp-viewing-page2 .active .aside_circle,
.fp-viewing-page4 .active .aside_circle,
.fp-viewing-page6 .active .aside_circle,
.fp-viewing-page8 .active .aside_circle {
  border-color: #fff;
}


#menu li.active b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .6);
}

.fp-viewing-page1 #menu li.active b,
.fp-viewing-page3 #menu li.active b,
.fp-viewing-page5 #menu li.active b,
.fp-viewing-page7 #menu li.active b,
.fp-viewing-page9 #menu li.active b {
  background-color: rgba(219, 0, 0, .2);
}

#menu li.active.active b:nth-of-type(1) {
  -webkit-animation: click1 1s linear infinite;
  animation: click1 1s linear infinite;
}

#menu li.active.active b:nth-of-type(2) {
  -webkit-animation: click2 1s linear infinite;
  animation: click2 1s linear infinite;
}

@-webkit-keyframes click1 {
  0% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes click1 {
  0% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}

@-webkit-keyframes click2 {
  0% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}

@keyframes click2 {
  0% {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}



.act_box {
  width: 100%;
  height: 118px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;

}

.act_icon {
  width: 50px;
  height: 50px;
  background: #db0000 url(../images/icon/lx_02.png) center no-repeat;
  background-size: 26px 26px;
  border-radius: 50px;
  transition: background 0.3s ease-in-out;
}

.fp-viewing-page1 .act_icon,
.fp-viewing-page3 .act_icon,
.fp-viewing-page5 .act_icon,
.fp-viewing-page7 .act_icon,
.fp-viewing-page9 .act_icon {
  width: 50px;
  height: 50px;
  background: #db0000 url(../images/icon/lx_02.png) center no-repeat;
  background-size: 26px 26px;
}

.fp-viewing-page2 .act_icon,
.fp-viewing-page4 .act_icon,
.fp-viewing-page6 .act_icon,
.fp-viewing-page8 .act_icon {
  width: 50px;
  height: 50px;
  background: #ffffff url(../images/icon/lx_01.png) center no-repeat;
  background-size: 26px 26px;
}

.act_title {
  font-size: 14px;
  color: #db0000;
  line-height: 1;
  transition: color 0.3s ease-in-out;
}

.act_tel {
  font-size: 18px;
  color: #db0000;
  line-height: 1;
  transition: color 0.3s ease-in-out;
}



.fp-viewing-page1 .act_title,
.fp-viewing-page3 .act_title,
.fp-viewing-page5 .act_title,
.fp-viewing-page7 .act_title,
.fp-viewing-page9 .act_title {
  color: #db0000;
}

.fp-viewing-page2 .act_title,
.fp-viewing-page4 .act_title,
.fp-viewing-page6 .act_title,
.fp-viewing-page8 .act_title {
  color: #ffffff;
}

.fp-viewing-page1 .act_tel,
.fp-viewing-page3 .act_tel,
.fp-viewing-page5 .act_tel,
.fp-viewing-page7 .act_tel,
.fp-viewing-page9 .act_tel {
  color: #db0000;
}

.fp-viewing-page2 .act_tel,
.fp-viewing-page4 .act_tel,
.fp-viewing-page6 .act_tel,
.fp-viewing-page8 .act_tel {
  color: #ffffff;
}

@media (max-height: 800px) {
  #menu {
    display: none !important;
  }
}

@media (max-height: 850px) {
  .aside_center {
    padding: 50px 0;
  }
}