html {
  font-size: 100px;
}

body {
  padding-top: 74px;
}

.wrap {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 .25rem;
}

.large-wrap {
  max-width: 1630px;
  margin: 0 auto;
  padding: 0 .25rem;
}

/* Header */

.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
}

.header {
  height: 74px;
  background-color: #000;
}

.header>.large-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.header .logo-wrap {
  display: flex;
  align-items: center;
}

.header .logo-lk {
  display: block;
  width: 233px;
  height: 42px;
  padding-top: 42px;
  overflow: hidden;
  background: url(../images/logo.png) no-repeat top left / 233px 42px;
}

.header .nav-list {
  display: flex;
  align-items: center;
}

.header .nav-item {
  position: relative;
  padding: 0 18px;
}

.header .nav-item.cur::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #9B0000;
  transform: skew(-10deg);
}

.header .nav-item:last-child {
  padding-right: 18px;
}

.header .nav-item .lk {
  display: block;
  position: relative;
  z-index: 1;
  height: 74px;
  color: #fff;
  font-size: 16px;
  line-height: 74px;
  text-align: center;
}

.header .nav-item:not(.cur) .lk:hover {
  color: #9B0000;
}

.header .hd-lg-swtich {
  display: flex;
  align-items: center;
}

.header .hd-lg-swtich .icon {
  margin-right: 7px;
}

.header .hd-lg-swtich .lk {
  margin-right: 18px;
}

.header .hd-lg-swtich .lk:last-child {
  margin-right: 0;
}

.header-m,
.index-banner-swiper-wrap,
.normal-banner-wrap,
.main-nav-m,
.main,
.links-swiper-wrap,
.footer {
  transition: all .5s;
  -webkit-transition: all .5s
}

.header-m {
  display: none;
  position: relative;
  left: 0;
  min-height: 46px;
  height: .57rem;
  background: #222;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
}

.header-m .logo {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  min-height: 46px;
  height: .57rem;
  margin-top: 0;
  padding: 10px 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%)
}

.header-m .logo img {
  height: 100%;
}

.header-m .m-menu-b {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 46px;
  width: 60px;
  height: .57rem;
  cursor: pointer
}

.header-m .m-menu-b::before,
.header-m .m-menu-b::after {
  position: absolute;
  content: '';
  top: 50%;
  left: calc(35px / 2);
  width: 25px;
  height: 1px;
  z-index: 999;
  transition: all .3s ease-out .3s;
  -webkit-transition: all .3s ease-out .3s;
  background-color: #fff;
}

.header-m .m-menu-b::before {
  transform: translateY(-4px) rotate(0);
  -webkit-transform: translateY(-4px) rotate(0)
}

.header-m .m-menu-b::after {
  transform: translateY(4px) rotate(0);
  -webkit-transform: translateY(4px) rotate(0)
}

.header-m .m-menu {
  display: none;
  z-index: 888;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: -260px;
  opacity: 1;
  background: #222;
  text-align: left;
  padding-top: .57rem
}

.header-m .m-menu::after {
  position: absolute;
  top: .57rem;
  content: '';
  width: 100%;
  height: 1px;
  background: #ebebeb
}

.header-m .nav {
  height: calc(100% - 90px);
  overflow-x: hidden;
  overflow-y: auto
}

.header-m .nav>li {
  border-bottom: 1px solid #ebebeb;
  animation: resize .5s both;
  -webkit-animation: resize .5s both
}

.header-m .nav>li>a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 15px;
  padding: 0 40px;
  color: #ebebeb;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  overflow: hidden;
  height: 50px;
  line-height: 50px
}

.header-m .nav>li>a::after {
  position: absolute;
  content: '';
  left: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: 1px solid #999;
  border-radius: 50%;
  background: transparent;
  transition: all .3s;
  -webkit-transition: all .3s
}

.header-m .nav>li .sub-nav {
  display: none
}

.header-m .nav>li .sub-nav a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 12px 40px;
  background: #f2f2f2;
  color: #4E4E4E
}

.header-m .nav>li .sub-nav a::before,
.header-m .nav>li .sub-nav a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 20px;
  top: 20px;
  border: 5px solid transparent;
  overflow: hidden;
  transition: all .3s;
  -webkit-transition: all .3s
}

.header-m .nav>li .sub-nav a::before {
  left: 21px;
  border-left: 5px solid #555
}

.header-m .nav>li .sub-nav a::after {
  border-left: 5px #ebebeb solid
}

.header-m .nav>li.cur {
  position: relative
}

.header-m .nav>li.cur::after,
.header-m .nav>li.cur::before {
  position: absolute;
  content: '';
  background: #999;
  transition: all .5s;
  -webkit-transition: all .5s
}

.header-m .nav>li.cur::before {
  top: 19px;
  right: 25px;
  width: 2px;
  height: 12px
}

.header-m .nav>li.cur::after {
  top: 24px;
  right: 20px;
  width: 12px;
  height: 2px
}

.header-m .nav>li.active::after {
  background: #fff
}

.header-m .nav>li.active::before {
  height: 0
}

.header-m .nav>li.active>a {
  color: #fff;
  background-color: #134587;
}

.header-m .nav>li.active>a::after {
  border-color: #fff;
  background-color: #fff;
}

.header-m .nav>li.active .sub-nav li {
  animation: ReturnToNormal .5s both;
  -webkit-animation: ReturnToNormal .5s both
}

.header-m .m-lks {
  position: absolute;
  left: 0;
  /* bottom: 0; */
  width: 100%;
  display: flex;
  text-align: center;
}

.header-m .m-lks a:first-child {
  border-right: 1px solid #ebebeb;
}

.header-m .m-lks a {
  width: 100%;
  color: #666;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  display: block;
  border-top: 1px solid #ebebeb;
  /* border-bottom: 1px solid #ebebeb; */
  animation: slideInUp 1.5s both;
  -webkit-animation: slideInUp 1.5s both;
}

html.active {
  overflow: hidden
}

html.active body {
  overflow: hidden
}

html.active .header-m {
  left: 0px
}

html.active .header-m::after {
  display: block
}

html.active .header-m .m-menu-b::before {
  transform: translateY(0) rotate(225deg);
  -webkit-transform: translateY(0) rotate(225deg)
}

html.active .header-m .m-menu-b::after {
  transform: translateY(0) rotate(-225deg);
  -webkit-transform: translateY(0) rotate(-225deg)
}

html.active .header-m .m-menu {
  display: block;
  top: 46px;
  left: 0
}

html.active .index-banner-swiper-wrap,
html.active .normal-banner-wrap,
html.active .main-nav-m,
html.active .main,
html.active .links-swiper-wrap,
html.active .footer {
  transform: translateX(260px);
  -webkit-transform: translateX(260px);
}

/* Nav-M */

.main-nav-m {
  display: none;
  position: relative;
  z-index: 9;
  cursor: pointer
}

.main-nav-m .title {
  position: relative;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  background-color: #AA2626;
  box-sizing: border-box;
  text-align: left;
  border-bottom: none
}

.main-nav-m .title strong {
  color: #fff;
  font-size: 16px;
  font-weight: bold
}

.main-nav-m .title i {
  position: absolute;
  content: '';
  width: 45px;
  height: 100%;
  right: 0
}

.main-nav-m .title i::before,
.main-nav-m .title i::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 12px;
  height: 1px;
  background: #fff;
  transition: all .3s;
  -webkit-transition: all .3s
}

.main-nav-m .title i::before {
  left: 46%;
  transform: rotate(40deg) scaleY(1.5);
  -webkit-transform: rotate(40deg) scaleY(1.5)
}

.main-nav-m .title i::after {
  right: 46%;
  transform: rotate(-40deg) scaleY(1.5);
  -webkit-transform: rotate(-40deg) scaleY(1.5)
}

.main-nav-m .title.active i::before {
  transform: rotate(-40deg) scaleY(1.5);
  -webkit-transform: rotate(-40deg) scaleY(1.5)
}

.main-nav-m .title.active i::after {
  transform: rotate(40deg) scaleY(1.5);
  -webkit-transform: rotate(40deg) scaleY(1.5)
}

.main-nav-m>ul {
  display: none;
  position: absolute;
  top: 45px;
  width: 100%;
  padding: 0 10px;
  background-color: rgba(170, 38, 38, .8);
  color: #fff;
  box-sizing: border-box;
}

.main-nav-m ul>li {
  animation: ReturnToNormal .5s both;
  -webkit-animation: ReturnToNormal .5s both
}

.main-nav-m ul>li>a {
  display: block;
  line-height: 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.main-nav-m ul>li a {
  color: #fff;
}

.m_sub_nav01 {
  width: 97%;
  display: none
}

.m_sub_nav01 a {
  padding-left: 20px;
  display: block;
  line-height: 45px
}

.thr3 {
  display: none;
  padding-left: 40px
}

.thr3 a {
  line-height: 30px;
}

/* Banner */

.normal-banner-wrap {
  position: relative;
  /* height: 7.75rem; */
}

.normal-banner-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}

.normal-banner-wrap>.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
}

.normal-banner-wrap video {
  object-fit: contain;
  width: 100%;
}

.normal-banner-wrap .img-wrap {
  position: relative;
  overflow: hidden;
}

.index-banner-swiper .swiper-slide a img,
.normal-banner-wrap .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  animation-name: zoomOut;
  animation-duration: 8s;
  animation-fill-mode: forwards;
}

@keyframes zoomOut {
  from {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

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

.normal-banner-wrap .img-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .3);
}

.normal-banner-wrap .title {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
}

/* Content */

.con-tabs-wrap {
  position: relative;
  max-width: 1450px;
  margin: 0 auto;
  margin-top: -53px;
  z-index: 1;
  padding: 0 .25rem;


}

.con-tabs-wrap .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 106px;
  background: url(../images/tabs-l-bg.png) no-repeat left / contain,
    url(../images/tabs-r-bg.png) no-repeat right / contain;
  background-color: #9B0000;
}

.con-tabs-wrap .tab-item {
  padding: 0 .26rem;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 106px;
  white-space: nowrap;
}

.con-tabs-wrap .tab-item.cur {
  background: url(../images/tabs-car.png) no-repeat bottom / 59px 18px;
}

.information-box-group {
  display: flex;
  padding: .68rem 0 .32rem;
}

.information-box-group .information-box {
  display: block;
  width: 31%;
  margin-right: 3.5%;
  overflow: hidden;
}

.information-box-group .information-box:last-child {
  margin-right: 0;
}

.information-box-group .information-box .img-wrap {
  height: 2.88rem;
  overflow: hidden;
}

.information-box-group .information-box .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.information-box-group .information-box .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1.1rem;
}

.information-box-group .information-box .text-wrap .tit {
  margin-bottom: .08rem;
  font-size: 16px;
  color: #202225;
  font-weight: bold;
}

.information-box-group .information-box:hover .text-wrap .tit {
  color: #9B0000;
}

.information-box-group .information-box .text-wrap .time {
  font-size: 16px;
  color: #949494;
}

.information-list-wrap .information-item {
  margin-bottom: .19rem;
}

.information-list-wrap .information-item:last-child {
  margin-bottom: .19rem;
}

.information-list-wrap .information-item .lk {
  display: flex;
  align-items: center;
  padding: .24rem;
  background-color: #F9F9F9;
}

.information-list-wrap .information-item .date {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 103px;
  height: 103px;
  margin-right: .24rem;
  background-color: #202225;
  color: #fff;
}

.information-list-wrap .information-item .date .day {
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
}

.information-list-wrap .information-item .date .year-mon {
  font-size: 16px;
}

.information-list-wrap .information-item .text-wrap {
  width: calc(92% - .24rem - 103px - 82px);
  margin-right: 8%;
}

.information-list-wrap .information-item .text-wrap .tit {
  margin-bottom: .13rem;
  font-size: 16px;
  color: #202225;
  font-weight: bold;
}

.information-list-wrap .information-item:hover .text-wrap .tit {
  color: #9B0000;
}

.information-list-wrap .information-item .text-wrap .desc {
  font-size: 16px;
  color: #202225;
}

.information-list-wrap .information-item .icon-wrap {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
}

.news-detail {
  background-color: #F9F9F9;
  overflow: hidden;
}

.location {
  display: flex;
  align-items: center;
  height: 1.7rem;
}

.location-wrap {
  display: flex;
  align-items: center;
}

.location .icon-lk {
  margin-right: .33rem;
}

.location .lk,
.location .div {
  font-size: 16px;
  color: #2E2D2D;
}

.location .div {
  margin: 0 .16rem;
}

.news-detail-con {
  padding: 0 3.7% .9rem;
  margin-bottom: .6rem;
  background-color: #fff;
  border-top: 3px solid #C8102E;
}

.news-detail-con .news-hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px solid #DEDEDE;
}

.news-detail-con .news-hd .tit {
  margin-bottom: .15rem;
  font-size: .3rem;
  color: #393939;
  font-weight: bold;
}

.news-detail-con .news-hd .info-wrap {
  display: flex;
  align-items: center;
}

.news-detail-con .news-hd .info-wrap .info {
  font-size: .18rem;
  color: #717171;
}

.news-detail-con .news-hd .info-wrap .info span {
  margin-right: 10px;
}

.news-detail-con .news-hd .info-wrap .share {
  display: flex;
  align-items: center;
}

.news-detail-con .news-hd .info-wrap .share a {
  margin-left: .36rem;
}

.news-detail-con .rich-text {
  padding: .45rem 0;
}

.news-detail-con .news-ft .turn {
  display: flex;
  justify-content: space-between;
}

.news-detail-con .news-ft .lk {
  display: block;
  width: 49%;
  height: .9rem;
  padding: 0 .32rem;
  background-color: #F5F5F5;
  font-size: 16px;
  color: #7D7D7D;
  line-height: .9rem;
}

.news-detail-con .news-ft .back-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 42px;
  margin: .35rem auto 0;
  background-color: #C8102E;
  font-size: 16px;
  color: #fff;
}

.news-detail-con .news-ft .back-btn .icon {
  margin-right: 11px;
}

.calendar-wrap {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 0;
}

.calendar-wrap .m-ca {
  display: none;
}

.calendar {
  background-color: #202225;
}

.calendar-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 60px;
  padding: 0;
  background-color: #202225;
}

.calendar-hd .calendar-hd-tit-wrap {
  display: flex;
  align-items: center;
  width: 192px;
  height: 100%;
  background: url(../images/calendar-hd-tit-wrap-bg.png) no-repeat 0 0 / cover;
  font-size: 16px;
  color: #fff;
}

.calendar-hd .calendar-hd-tit-wrap .icon {
  margin: 0 15px 0 32px;
}

.calendar-hd .calendar-display {
  font-size: 18px;
  text-indent: 0;
  cursor: default;
}

.calendar-arrow span {
  background-color: #AA2626;
}

.calendar-views .week {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  background-color: #202225;
  color: #666;
}

.calendar-views .week,
.calendar .date-items>li {
  padding: 0 34px;
}

.calendar-views .week li {
  padding-top: 8px;
}

.calendar .calendar-views .dot {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background-color: #AA2626;
}

.calendar .calendar-views .dot-text-wrap,
.calendar .calendar-views .dot .dot-text-wrap {
  position: fixed;
  /* top: calc(100% + 16px); */
  top: 50%;
  left: 50%;
  min-width: 180px;
  padding: 23px 20px;
  background-color: #313232;
  transform: translateX(-50%) translateY(20%);
  font-size: 14px;
  line-height: 24px;
  color: #ACACAC;
  border-radius: 3px;
  z-index: 999;
}

.calendar .calendar-views .dot .dot-text-wrap::after {
  content: '';
  display: none;
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #313232;
}

.calendar-views .days li.nowdate {
  background-color: transparent;
}

.calendar-views .days li.has.selected {
  z-index: 1;
}

.calendar-views .days li.has.selected .dot {
  border: 2px solid #fff;
}

.calendar-wrap .plan-wrap {
  width: calc(95% - 518px);
  font-size: 16px;
  color: #383838;
}

.calendar-wrap .plan-wrap .plan-item {
  display: flex;
  padding: .23rem;
}

.calendar-wrap .plan-wrap .plan-item:nth-child(odd) {
  background-color: #F5F5F5;
}

.calendar-wrap .plan-wrap .plan-item .date {
  flex-shrink: 0;
  margin-right: 5%;
}

.develop-first-part {
  display: flex;
  justify-content: space-between;
  padding: .49rem .25rem .95rem;
  max-width: 1450px;
  margin: 0 auto;
}

.develop-first-part .left {
  width: 39%;
}

.develop-first-part .left .text-wrap {
  padding: .56rem 0;
}

.develop-first-part .left .text-wrap .tit {
  font-size: .3rem;
  color: #9B0000;
  line-height: .75rem;
}

.develop-first-part .left .text-wrap .desc {
  font-size: .24rem;
  color: #1E1E1E;
  line-height: .75rem;
}

.develop-first-part .left .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.develop-first-part .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 55.6%;
}

.develop-first-part .right .text-img-wrap {
  position: relative;
}

.develop-first-part .right .img-wrap img {
  display: block;
}

.develop-first-part .right .text-wrap {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 9%;
}

.develop-first-part .right .text-wrap .text {
  font-size: .24rem;
  color: #fff;
  line-height: .5rem;
}

.develop-second-part {
  padding: 1.2rem 0 .96rem;
  background-color: #333335;
}

.develop-second-part .desc {
  font-size: .24rem;
  color: #fff;
  line-height: .5rem;
  text-align: center;
}

.develop-second-part .imgs-group {
  display: flex;
  justify-content: space-between;
  margin-top: 1.2rem;
}

.develop-second-part .imgs-group .img-wrap {
  width: 49.4%;
}

.develop-second-part .imgs-group .img-wrap img {
  display: block;
}

.recruit-wrap {
  padding: .9rem 0 .78rem;
}

.lenolsa-hd {
  overflow: hidden;
  background-color: #2C2B2F;
}

.lenolsa-hd span {
  float: left;
  width: 15%;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.lenolsa-hd .d6,
.dolsca .d6 {
  float: right;
}

.lenolsa>li {
  margin-bottom: .22rem;
}

.lenolsa>li:last-child {
  margin-bottom: 0;
}

.dolsca {
  background-color: #F2F2F2;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s ease;
}

.dolsca.on {
  background-color: #9B0000;
}

.dolsca span {
  float: left;
  width: 15%;
  height: 1.18rem;
  line-height: 1.18rem;
  font-size: 16px;
  color: #3B3B3B;
  text-align: center;
}

.dolsca.on span {
  color: #fff;
}

.dolsca .d1 {
  font-size: 18px;
  color: #9B0000;
  font-weight: bold;
}

.dolsca.on .d1 {
  color: #fff;
}

.dolsca .d6 i {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../images/xz.png) no-repeat center center;
  vertical-align: middle;
  transition: all 0.5s ease;
}

.dolsca.on .d6 i {
  background-image: url(../images/xz-on.png);
  transition: all 0.5s ease;
}

.lourew {
  display: none;
  padding: 5%;
  line-height: 2;
  color: #fff;
  background: url(../images/lourew-bg.jpg) no-repeat center / cover;
}

.page-concat-wrap {
  display: flex;
  height: 6.65rem;
  margin: .67rem 0 .58rem;
}

.page-concat-wrap .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 0 6.4%;
  background-color: #2C2B2F;
}

.page-concat-wrap .left .concat-item {
  display: flex;
  margin-bottom: .36rem;
}

.page-concat-wrap .left .concat-item:last-child {
  margin-bottom: 0;
}

.page-concat-wrap .left .concat-item .icon {
  flex-shrink: 0;
  margin-right: .32rem;
}

.page-concat-wrap .left .concat-item .con-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.page-concat-wrap .left .concat-item .con-wrap .name {
  font-size: 16px;
}

.page-concat-wrap .left .concat-item .con-wrap .con {
  margin-top: 4px;
  font-size: 22px;
  font-weight: bold;
}

.page-concat-wrap .right {
  width: 50%;
  height: 100%;
}

.page-concat-wrap .right #map {
  height: 100%;
}

.message-wrap {
  padding: .94rem 0 1.1rem;
  background-color: #2C2B2F;
}

.message-wrap .tit {
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.message-wrap .desc {
  margin-top: .24rem;
  font-size: 16px;
  text-align: center;
}

.message-wrap .form-wrap {
  margin-top: .46rem;
}

.message-wrap .form-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.message-wrap .form-wrap .input-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: .28rem;
  background-color: #fff;
}

.message-wrap .form-wrap .input-wrap:last-child {
  margin-bottom: 0;
}

.message-wrap .form-wrap .input-wrap.short {
  width: 31%;
}

.message-wrap .form-wrap .input-wrap.textarea {
  align-items: flex-start;
  height: 2.22rem;
  padding: .26rem 0;
}

.message-wrap .form-wrap .input-wrap label {
  padding: 0 .24rem;
  font-size: 16px;
  color: #7C7C7C;
  white-space: nowrap;
}

.message-wrap .form-wrap .input-wrap input,
.message-wrap .form-wrap .input-wrap textarea {
  width: 100%;
  height: 100%;
  padding-right: 0.5em;
  background-color: transparent;
  font-size: 16px;
}

.message-wrap .submit-btn {
  display: block;
  position: relative;
  margin: .58rem auto 0;
  width: 31%;
  height: .5rem;
  z-index: 1;
  background-color: #9B0000;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  line-height: .5rem;
  font-weight: bold;
  text-align: center;
  border-radius: .06rem;
}

.page-qrcode-wrap .outer-wrap {
  display: flex;
  justify-content: center;
  margin: .96rem 0 .78rem;
}

.page-qrcode-wrap .outer-wrap .qrcode-wrap {
  width: 1.84rem;
  margin-right: .6rem;
}

.page-qrcode-wrap .outer-wrap .qrcode-wrap:last-child {
  margin-right: 0;
}

.page-qrcode-wrap .outer-wrap .qrcode-wrap img {
  display: block;
  width: 100%;
}

.page-qrcode-wrap .outer-wrap .qrcode-wrap .txt {
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 30px;
}

.intr-first-part {
  display: flex;
  justify-content: space-between;
  margin: .76rem 0 .5rem;
}

.intr-first-part .img-wrap {
  width: 50%;
}

.intr-first-part .img-wrap img {
  display: block;
  width: 100%;
}

.intr-first-part .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 44%;
}

.intr-first-part .text-wrap .tit {
  margin-bottom: .16rem;
  font-size: .3rem;
  color: #9B0000;
  font-weight: bold;
}

.intr-first-part .text-wrap .desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  color: #000;
  line-height: 30px;
}

.intr-first-part .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.intr-second-part {
  position: relative;
  height: 6.92rem;
  background: url(../images/intr-second-part-bg.jpg) no-repeat center / cover;
}

.intr-second-part::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .55);
}

.intr-second-part>.wrap {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 1;
}

.intr-second-part .desc {
  padding: 0 .4rem;
  font-size: .24rem;
  line-height: .48rem;
  text-align: center;
}

.intr-map-part {
  padding: .8rem 0;
}

.intr-map-part .tit {
  margin-bottom: -.5em;
  font-size: .36rem;
  color: #28272B;
  font-weight: bold;
  text-align: center;
}

.intr-map-part img {
  display: block;
  width: 100%;
}

.intr-third-part {
  padding: 1.11rem 0 1.26rem;
  background-color: #333335;
}

.intr-third-part>.wrap {
  display: flex;
  justify-content: space-between;
}

.intr-third-part .img-wrap {
  width: 50%;
}

.intr-third-part .img-wrap img {
  display: block;
  width: 100%;
}

.intr-third-part .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 44%;
}

.intr-third-part .text-wrap .desc {
  position: relative;
  margin: 0 0 1.5em 14%;
  font-size: 16px;
  line-height: 30px;
}

.intr-third-part .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.intr-third-part .text-wrap .desc .num {
  position: absolute;
  right: 100%;
  top: 0;
  margin: 4px .16rem 0 0;
  font-size: .3rem;
  font-weight: bold;
  font-style: italic;
}

.intr-video-part .tit {
  font-size: .36rem;
  color: #28272B;
  font-weight: bold;
  text-align: center;
}

.intr-video-part {
  padding: .72rem 0 .84rem;
}

.intr-video-part .video-box {
  position: relative;
  margin-top: .62rem;
}

.intr-video-part .video-box a {
  display: block;
}

.intr-video-part .video-box img {
  display: block;
  width: 100%;
}

.intr-video-part .video-box .icon-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vip-first-part {
  display: flex;
  margin: .6rem 0 .78rem;
}

.vip-first-part .img-wrap {
  width: 50%;
}

.vip-first-part .img-wrap img {
  display: block;
  width: 100%;
}

.vip-first-part .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 7%;
  background-color: #28272A;
}

.vip-first-part .text-wrap .tit {
  margin-bottom: .16rem;
  font-size: .3rem;
  font-weight: bold;
}

.vip-first-part .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
}

.vip-second-part {
  padding: .92rem 0 1.1rem;
  background-color: #28272A;
}

.vip-second-part h2.tit {
  font-size: .3rem;
  font-weight: bold;
  text-align: center;
}

.vip-second-part .items {
  display: flex;
  justify-content: space-between;
  margin-top: .82rem;
}

.vip-second-part .item {
  width: 48.7%;
}

.vip-second-part .item .img-wrap {
  height: 4.4rem;
  overflow: hidden;
}

.vip-second-part .item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vip-second-part .item .text-wrap {
  padding: 0 2%;
}

.vip-second-part .item .text-wrap .tit {
  margin-top: .58rem;
  font-size: .3rem;
  font-weight: bold;
}

.vip-second-part .item .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
}

.vip-third-part {
  position: relative;
  padding: 1.28rem 0 .68rem;
  background: url(../images/vip-third-part-bg.jpg) no-repeat center / cover;
}

.vip-third-part::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .57);
}

.vip-third-part>.wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.vip-third-part .price-list-wrap {
  width: 31%;
  margin-right: 3.5%;
  padding: 0 2% .2rem;
  margin-bottom: 1.35rem;
  background-color: #28272A;
}

.vip-third-part .price-list-wrap:nth-child(n + 4) {
  margin-bottom: 0;
}

.vip-third-part .price-list-wrap:nth-child(3n),
.vip-third-part .price-list-wrap:last-child {
  margin-right: 0;
}

.vip-third-part .price-list-wrap .type {
  width: 2.34rem;
  height: .8rem;
  margin: -.4rem auto 0;
  background-color: #9B0000;
  border-radius: .1rem;
  font-size: .3rem;
  font-weight: bold;
  line-height: .8rem;
  text-align: center;
}

.vip-third-part .price-list {
  margin-top: .5rem;
}

.vip-third-part .price-item {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  line-height: .48rem;
}

.open-day-part {
  display: flex;
  height: 7.9rem;
  margin-top: .47rem;
}

.open-day-part:nth-child(even) {
  flex-direction: row-reverse;
}

.open-day-part:last-child {
  margin-bottom: .47rem;
}

.open-day-part .img-wrap {
  width: 50%;
}

.open-day-part .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.open-day-part .con-wrap {
  width: 50%;
  height: 100%;
  background-color: #242327;
}

.open-day-part .con-wrap .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 11.5%;
}

.open-day-part .con-wrap .text-wrap .tit {
  font-size: .3rem;
  font-weight: bold;
}

.open-day-part .con-wrap .text-wrap .desc {
  margin-top: .3rem;
  font-size: 16px;
  line-height: 36px;
}

.open-day-part .con-wrap .price-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 6% 0 7.2%;
}

.open-day-part .con-wrap .price-wrap .tit {
  font-size: .3rem;
  font-weight: bold;
}

.open-day-part .con-wrap .price-wrap .price-item {
  display: flex;
  align-items: center;
  height: .92rem;
  padding: 0 .24rem;
  border-bottom: 1px solid #5A595C;
}

.open-day-part .con-wrap .price-wrap .price-item .num {
  font-size: .48rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.29);
}

.open-day-part .con-wrap .price-wrap .price-item .name,
.open-day-part .con-wrap .price-wrap .price-item .price {
  font-size: 18px;
}

.open-day-part .con-wrap .price-wrap .price-item .name {
  margin-left: .38rem;
}

.open-day-part .con-wrap .price-wrap .price-item .price {
  margin-left: .5rem;
}

.open-day-part .con-wrap .price-wrap .price-item .price em {
  font-size: .3rem;
  font-weight: bold;
}

.train {
  background-color: #2D2C2F;
}

.matches-tit-text-wrap01 {
  padding: .72rem 0 .52rem;
}

.matches-tit-text-wrap01 .tit {
  font-size: .3rem;
  color: #9B0000;
  line-height: 34px !important;
  font-weight: bold;
  text-align: center;
}

.matches-tit-text-wrap01 .desc {
  font-size: .3rem;
  color: #000;
  line-height: 34px !important;
  font-weight: bold;
  text-align: center;
}

.matches-first-part {
  height: 6.25rem;
  background: url(../images/matches-first-part-bg.jpg) no-repeat center / cover;
}

.matches-first-part>.wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.matches-first-part p {
  padding: 0 8%;
}

.matches-first-part .sub-desc {
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}

.matches-first-part .desc {
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
}

.matches-second-part .city-card {
  display: flex;
  margin-top: .5rem;
}

.matches-second-part .city-card .img-wrap {
  width: 50%;
}

.matches-second-part .city-card .img-wrap img {
  display: block;
  width: 100%;
}

.matches-second-part .city-card .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 7%;
  background-color: #28272A;
}

.matches-second-part .city-card .text-wrap .tit {
  margin-bottom: .16rem;
  font-size: .3rem;
  font-weight: bold;
}

.matches-second-part .city-card .text-wrap .desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  line-height: 24px;
}

.matches-second-part .city-card .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.matches-second-part .adv-wrap {
  display: flex;
  margin-top: .5rem;
  height: 2.4rem;
}

.matches-second-part .adv-wrap .adv-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 0 7%;
}

.matches-second-part .adv-wrap .adv-item:first-child {
  background: #28272A url(../images/adv-item-bg.png) no-repeat left bottom / 5.63rem 1.72rem;
}

.matches-second-part .adv-wrap .adv-item:nth-child(2) {
  background: #9B0000 url(../images/adv-item-bg.png) no-repeat left bottom / 5.63rem 1.72rem;
}

.matches-second-part .adv-wrap .adv-item .tit {
  font-size: .3rem;
  font-weight: bold;
}

.matches-second-part .adv-wrap .adv-item .desc {
  margin-top: .3rem;
  font-size: 16px;
  line-height: 24px;
}

.matches-tit-text-wrap02 {
  padding: 1.02rem 0 1.1rem;
}

.matches-tit-text-wrap02 .tit {
  font-size: 22px;
  line-height: 42px;
  color: #000;
  font-weight: bold;
  text-align: center;
}

.matches-tit-text-wrap02 .tit .red {
  font-size: 30px;
  color: #9B0000;
}

.matches-tit-text-wrap02 .desc {
  font-size: 18px;
  color: #000;
  line-height: .48rem;
  font-weight: bold;
  text-align: center;
}

.matches-intr-wrap {
  height: 6.25rem;
  background: url(../images/matches-intr-bg.jpg) no-repeat center / cover;
}

.matches-intr-wrap>.wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.matches-intr-wrap .matches-intr-item {
  width: 20%;
}

.matches-intr-wrap .matches-intr-item .num {
  font-size: 1.2rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.29);
}

.matches-intr-wrap .matches-intr-item .desc {
  font-size: 18px;
  line-height: 30px;
}

.matches-third-part .img-group {
  display: flex;
}

.matches-third-part .img-group img {
  display: block;
  width: 50%;
  height: auto;
}

.matches-tit-text-wrap03 {
  padding: .82rem 0 .88rem;
}

.matches-tit-text-wrap03 .tit {
  margin-bottom: 1em;
  font-size: .3rem;
  color: #9B0000;
  font-weight: bold;
  text-align: center;
}

.matches-tit-text-wrap03 .desc {
  font-size: 16px;
  color: #000;
  line-height: .48rem;
  text-align: center;
}

.matches-fourth-part {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
  background: url(../images/matches-fourth-part-bg.jpg) no-repeat center / cover;
}

.matches-fourth-part .matches-list-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30.7%;
  padding: 0 4%;
  background: url(../images/matches-list-wrap-bg-t.png) no-repeat top right / 3.2rem 2.35rem,
    url(../images/matches-list-wrap-bg-b.png) no-repeat left 95% / 3.64rem 2.4rem;
  background-color: #28272A;
}

.matches-fourth-part .matches-item {
  font-size: 16px;
  line-height: 42px;
}

.matches-fourth-part .matches-list-wrap .desc {
  margin-top: .5rem;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
}

.matches-fourth-part .matches-year-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1060px;
  width: 69.3%;
  padding: 1.35rem 0 .86rem;
}

.matches-fourth-part .matches-year-item {
  display: flex;
  flex-direction: column;
  width: 46%;
  padding: .4rem .46rem;
  margin-right: 4%;
  margin-top: 20px;
  height: 250px;
  font-size: 16px;
  line-height: 30px;
}

.matches-fourth-part .matches-year-item:nth-child(-n + 2) {
  margin-top: 0;
}

.matches-fourth-part .matches-year-item:nth-child(odd) {
  background: url(../images/matches-year-item-bg-block.png) no-repeat 0 0 / 100% 100%;
}

.matches-fourth-part .matches-year-item:nth-child(even) {
  background: url(../images/matches-year-item-bg-red.png) no-repeat 0 0 / 100% 100%;
}

.scoreboard-list-wrap {
  margin-top: .4rem;
}

.scoreboard-item {
  position: relative;
  padding: .48rem .36rem .27rem .46rem;
  margin-bottom: .18rem;
  background-color: #F9F9F9;
  transition: background-color .3s;
}

.scoreboard-item:hover {
  background-color: #202225;
}

.scoreboard-item .tit {
  font-size: 18px;
  color: #202225;
  font-weight: bold;
  line-height: 24px;
}

.scoreboard-item:hover .tit {
  color: #fff;
}

.scoreboard-item .info-wrap {
  margin-top: .1rem;
  font-size: 16px;
  color: #6B6B6B;
  line-height: 24px;
}

.scoreboard-item:hover .info-wrap {
  color: #fff;
}

.scoreboard-item .btn-group {
  display: flex;
  position: absolute;
  right: .36rem;
  top: 50%;
  transform: translateY(-50%);
}

.scoreboard-item .btn-group .scoreboard-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 54px;
  border: 1px solid #E0E0E0;
  font-size: 18px;
  color: #9B0000;
  line-height: 1em;
}

.scoreboard-item:hover .btn-group .scoreboard-btn {
  background-color: #9B0000;
  color: #fff;
  border-color: #9B0000;
}

.scoreboard-item .btn-group .scoreboard-btn:first-child {
  margin-right: .3rem;
}

.scoreboard-item .btn-group .scoreboard-btn .icon {
  margin-right: 16px;
}

.scoreboard-item:hover .btn-group .scoreboard-btn .icon-preview {
  background-image: url(../images/icon-preview-active.png);
}

.scoreboard-item:hover .btn-group .scoreboard-btn .icon-download {
  background-image: url(../images/icon-download-active.png);
}

.train-first-part {
  position: relative;
  padding: 2rem 0 2rem 50%;
}

.train-first-part .img-wrap {
  position: absolute;
  top: 50%;
  right: 50%;
  max-width: 892px;
  width: 46vw;
  transform: translateY(-50%);
}

.train-first-part .img-wrap::after {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  width: 62%;
  height: 65%;
  z-index: -1;
  background-color: #9B0000;
}

.train-first-part .img-wrap img {
  display: block;
  width: 100%;
}

.train-first-part .text-wrap {
  padding: 0 .45rem;
}

.train-first-part .text-wrap .tit {
  margin-bottom: .66rem;
  font-size: .48rem;
  font-weight: bold;
}

.train-first-part .text-wrap .desc {
  margin-bottom: 2em;
  font-size: 16px;
  line-height: 30px;
}

.train-first-part .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.train-second-part {
  height: 7.6rem;
  background: url(../images/train-second-part-bg.jpg) no-repeat center / cover;
}

.train-second-part>.wrap {
  height: 100%;
}

.train-second-part .inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 .75rem;
}

.train-second-part .text-wrap {
  max-width: 532px;
}

.train-second-part .text-wrap .tit {
  font-size: .3rem;
  line-height: .48rem;
  font-weight: bold;
}

.train-second-part .text-wrap .desc {
  margin-top: 1.5em;
  font-size: 16px;
  line-height: 30px;
}

.train-second-part .img-wrap {
  margin-top: .3rem;
  width: 170px;
}

.train-second-part .img-wrap img {
  display: block;
  width: 100%;
}

.train-third-part .train-adv-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: .65rem;
}

.train-third-part .train-adv-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 31%;
  height: 3.75rem;
  padding: 0 .4rem;
  margin: 0 3.5% .5rem 0;
  background-color: #2F2F2F;
}

.train-third-part .train-adv-item:nth-child(3n) {
  margin-right: 0;
}

.train-third-part .train-adv-item .num {
  font-size: 1.2rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.29);
}

.train-third-part .train-adv-item .tit {
  font-size: 22px;
  font-weight: bold;
}

.train-third-part .train-adv-item .desc {
  margin-top: 1.5em;
  font-size: 18px;
  line-height: 32px;
}

.train-third-part .img-group {
  display: flex;
  justify-content: space-between;
  margin: -0.2rem 0 .82rem;
}

.train-third-part .img-group .img-wrap {
  width: 49%;
  height: 4.2rem;
}

.train-third-part .img-group .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.train-fourth-part {
  height: 7.17rem;
  background: url(../images/train-fourth-part-bg.jpg) no-repeat center / cover;
}

.train-fourth-part>.wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.train-fourth-part .tit {
  font-size: .48rem;
  font-weight: bold;
}

.train-fourth-part .desc {
  margin-top: .25rem;
  font-size: 22px;
}

.train-fourth-part .img-wrap {
  margin-top: .46rem;
  width: 3.4rem;
}

.train-fourth-part .img-wrap img {
  display: block;
  width: 100%;
}

.train-fifth-part {
  background-color: #fff;
}

.train-fifth-part .tit {
  padding: .95rem 0 .58rem;
  font-size: .48rem;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.train-fifth-part .course-intr-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.train-fifth-part .course-intr-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  height: 2.77rem;
  padding: 0 6.5%;
  margin-bottom: .56rem;
  background-color: #262428;
}

.train-fifth-part .course-intr-item.full {
  width: 100%;
  height: 5.74rem;
  position: relative;
}

.train-fifth-part .course-intr-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 50px solid transparent;
  border-top-color: #C3141B;
  border-left-color: #C3141B;
}

.train-fifth-part .course-intr-item.full::after {
  display: none;
}

.train-fifth-part .course-intr-item .name {
  font-size: .48rem;
  font-weight: bold;
}

.train-fifth-part .course-intr-item .desc {
  font-size: .24rem;
}

.train-fifth-part .course-intr-item .icon {
  position: absolute;
  top: 11px;
  left: 17px;
  z-index: 1;
}

.train-fifth-part .course-intr-item .icon-course-intr01 {
  left: 11px;
}

.train-sixth-part {
  height: 7.17rem;
  background: url(../images/train-sixth-part-bg.jpg) no-repeat center / cover;
}

.train-sixth-part>.wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.train-sixth-part .tit {
  font-size: .48rem;
  font-weight: bold;
}

.train-sixth-part .desc {
  margin-top: .25rem;
  font-size: 22px;
}

.train-slogan-wrap {
  padding: .86rem 0 calc(.86rem + 3.08rem);
  background-color: #fff;
}

.train-slogan-wrap .tit {
  font-size: .48rem;
  color: #262428;
  font-weight: bold;
  text-align: center;
}

.train-slogan-wrap .tit .red {
  font-size: .72rem;
  color: #9B0000;
}

.train-seventh-part .img-group {
  display: flex;
  margin-top: 1.28rem;
}

.train-seventh-part .img-group img {
  display: block;
  width: calc(100% / 3);
  height: auto;
}

.course-steps-slogan-wrap {
  position: relative;
  height: 6.18rem;
  margin-top: -3.09rem;
}

.course-steps-slogan-wrap .tit {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: .48rem;
  font-weight: bold;
  text-align: center;
  line-height: .7rem;
  transform: translateY(-50%);
}

.course-steps-slogan-wrap .img-wrap {
  height: 100%;
}

.course-steps-slogan-wrap .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-steps-con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .52rem;
}

.course-steps-box {
  display: flex;
  align-items: center;
  width: 49%;
  height: 2.44rem;
  margin-bottom: .36rem;
  background-color: #353535;
}

.course-steps-box .number {
  flex-shrink: 0;
  width: 2.44rem;
  font-size: 1.5rem;
  color: #5C5959;
  font-weight: bold;
  text-align: center;
}

.course-steps-box .text-wrap {
  padding-right: 10%;
}

.course-steps-box .tit {
  font-size: .36rem;
}

.course-steps-box .desc {
  margin-top: .18rem;
  font-size: 22px;
  line-height: .36rem;
}

.train-eighth-wrap .tit {
  padding: .6rem 0 .8rem;
  font-size: .48rem;
  font-weight: bold;
  text-align: center;
}

.train-eighth-wrap .train-process-tabs {
  display: flex;
  justify-content: center;
}

.train-eighth-wrap .train-process-tabs .tab-item {
  width: 2.58rem;
  height: .61rem;
  margin-right: .3rem;
  font-size: .3rem;
  font-weight: bold;
  line-height: .61rem;
  text-align: center;
  color: #fff;
}

.train-eighth-wrap .train-process-tabs .tab-item.cur {
  background: url(../images/train-process-tab-bg.png) no-repeat 0 0 / 100% 100%;
}

.train-eighth-wrap .train-process-tabs .tab-item:last-child {
  margin-right: 0;
}

.train-process-list-wrap {
  margin: .84rem 0 1.72rem;
}

.train-process-list-wrap .train-process-list {
  display: none;
  position: relative;
}

.train-process-list-wrap .train-process-list.cur {
  display: block;
}

.train-process-list-wrap .train-process-list::after {
  content: '';
  position: absolute;
  left: calc(5.5% + .26rem);
  top: 5%;
  width: .03rem;
  height: 90%;
  background-color: #616161;
}

.train-process-list-wrap .train-process-item {
  display: flex;
  align-items: center;
  height: .88rem;
  margin-bottom: .2rem;
  background-color: #323232;
}

.train-process-list-wrap .train-process-item:last-child {
  margin-bottom: 0;
}

.train-process-list-wrap .train-process-item .num {
  position: relative;
  width: .52rem;
  height: .52rem;
  margin-left: 5.5%;
  background-color: #AA2626;
  z-index: 1;
  font-size: .24rem;
  font-weight: bold;
  text-align: center;
  line-height: .52rem;
  border-radius: 50%;
}

.train-process-list-wrap .train-process-item .text {
  margin-left: .47rem;
  font-size: .3rem;
}

.train-sixth-part.train-notes {
  height: auto;
  padding: .8rem 0 1.55rem;
}

.train-notes-list-wrap {
  width: 100%;
  margin-top: .55rem;
}

.train-notes-list-wrap .train-notes-item {
  display: flex;
  align-items: center;
  height: .88rem;
  margin-bottom: .2rem;
  background-color: rgba(0, 0, 0, .54);
}

.train-notes-list-wrap .train-notes-item:last-child {
  margin-bottom: 0;
}

.train-notes-list-wrap .train-notes-item .num {
  margin-left: 4.3%;
  font-size: .48rem;
  font-weight: bold;
}

.train-notes-list-wrap .train-notes-item .text {
  margin-left: .47rem;
  font-size: .24rem;
}

.track-first-part {
  display: flex;
  margin: .6rem 0 .78rem;
}

.track-first-part .img-wrap {
  width: 50%;
}

.track-first-part .img-wrap img {
  display: block;
  width: 100%;
}

.track-first-part .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 7%;
  background-color: #28272A;
}

.track-first-part .text-wrap .tit {
  margin-bottom: .16rem;
  font-size: 30px;
  font-weight: bold;
}

.track-first-part .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
}

.track-second-part {
  padding: 2.08rem 0 2.14rem;
  background: url(../images/track-second-part-bg.jpg) no-repeat center / cover;
}

.track-intr-wrap {
  display: flex;
  justify-content: space-between;
}

.track-intr-wrap .track-intr-box {
  display: flex;
  flex-direction: column;
  width: 21%;
  height: 4.1rem;
  padding: .66rem .4rem .2rem;
  background-color: #28272B;
  transition: width .5s;
}

.track-intr-wrap .track-intr-box.active {
  width: 33.8%;
}

.track-intr-wrap .track-intr-box .icon {
  flex-shrink: 0;
  margin-bottom: .3rem;
}

.track-intr-wrap .track-intr-box .tit {
  font-size: .36rem;
  font-weight: bold;
}

.track-intr-wrap .track-intr-box .desc {
  margin-top: .16rem;
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
}

.track-third-part {
  padding: .7rem 0;
  background-color: #28272B;
}

.track-third-part>.wrap {
  display: flex;
}

.track-third-part .img-wrap {
  width: 50%;
}

.track-third-part .img-wrap img {
  display: block;
  width: 100%;
}

.track-third-part .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 3%;
}

.track-third-part .text-wrap .desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  line-height: 30px;
}

.track-third-part .text-wrap .desc:last-child {
  margin-bottom: 0;
}

.track-swiper-wrap {
  position: relative;
}

.track-swiper-wrap .swiper-notification {
  display: none;
}

.track-swiper-button-prev,
.track-swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  width: .58rem;
  height: .58rem;
  z-index: 1;
  background-color: #28272B;
  border-radius: 50%;
  transform: translateY(-50%);
}

.track-swiper-button-prev:hover,
.track-swiper-button-next:hover {
  background-color: #9B0000;
}

.track-swiper-button-prev,
.track-swiper-wrap .track-swiper-button-prev {
  left: 6.4%;
}

.track-swiper-button-next,
.track-swiper-wrap .track-swiper-button-next {
  right: 6.4%;
}

.track-fourth-part {
  padding: 1.2rem 0 1.37rem;
  background-color: #28272B;
}

.track-fourth-part .tit {
  margin-bottom: 1.2rem;
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.track-control-wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 .94rem;
}

.track-control-wrap .control-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 88px;
  width: 336px;
  padding-left: 76px;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.track-control-wrap .control-item .icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.track-control-wrap .control-item {
  font-size: 14px;
}

.track-control-wrap .control-item .val {
  margin-top: 2px;
}

.track-control-wrap .control-item .val .num {
  font-size: 22px;
  font-weight: bold;
}

.track-control-wrap .img-wrap {
  width: 60%;
  margin-top: .44rem;
  padding: 16px 24px 0 0;
  background: url(../images/track-control-img-bg.png) no-repeat top right / 92%;
}

.track-control-wrap .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.track-fifth-part {
  padding: .9rem 0 1.2rem;
}

.track-fifth-part .tit {
  font-size: .36rem;
  color: #28272B;
  font-weight: bold;
  text-align: center;
}

.track-fifth-part .desc {
  margin-top: 1.5em;
  padding: 0 3%;
  font-size: 16px;
  color: #28272B;
  line-height: 30px;
  text-align: center;
}

.pit-swiper {
  overflow: hidden;
}

.pit-swiper-wrap {
  position: relative;
  margin-top: .9rem;
}

.pit-swiper img {
  display: block;
  width: 100%;
  height: auto;
}

.pit-swiper .swiper-notification {
  display: none;
}

.pit-swiper-wrap .track-swiper-button-prev {
  left: 29%;
}

.pit-swiper-wrap .track-swiper-button-next {
  right: 29%;
}

.track-sixth-part {
  padding: .88rem 0 .54rem;
  background-color: #28272B;
}

.track-sixth-part h3.tit {
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.hall-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: .7rem;
}

.hall-wrap .hall-item {
  width: 47.8%;
  margin-bottom: .34rem;
}

.hall-wrap .hall-item .img-wrap {
  height: 4.06rem;
}

.hall-wrap .hall-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hall-wrap .hall-item .text-wrap {
  padding: .26rem .44rem;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

.hall-wrap .hall-item .text-wrap .tit {
  font-weight: bold;
}

.second-track-control {
  padding: 1.24rem 0 1.34rem;
  background: url(../images/second-track-control-bg.jpg) no-repeat center / cover;
}

.second-track-control .tit {
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.second-track-control .img-wrap {
  margin: .7rem;
}

.second-track-control .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.second-track-control-items-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 760px;
  margin: .88rem auto 0;
}

.second-track-control-item {
  display: flex;
  align-items: center;
  width: 20%;
  margin-bottom: .5rem;
}

.second-track-control-item .num {
  width: 31px;
  height: 31px;
  background-color: #9B0000;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 31px;
  border-radius: 50%;
}

.second-track-control-item .text {
  margin-left: .19rem;
  font-size: 14px;
  font-weight: bold;
}

.test-swiper-wrap {
  padding: .75rem 0 .65rem;
  background-color: #28272B;
}

.test-swiper-wrap h3.tit {
  margin-bottom: .56rem;
  font-size: .36rem;
  text-align: center;
}

.test-swiper {
  padding: 30px 0 16px;
  overflow: hidden;
}

.test-swiper img {
  display: block;
  width: 100%;
  height: auto;
}

.test-swiper .text-wrap {
  display: none;
  padding: .26rem 14px 0;
  font-size: 16px;
  line-height: 30px;
}

.test-swiper .swiper-slide-active .text-wrap {
  display: block;
}

.test-swiper .text-wrap .tit {
  font-weight: bold;
}

.test-swiper .text-wrap .desc {
  margin-bottom: 14px;
}

.test-swiper .swiper-notification {
  display: none;
}

.ad-list-wrap {
  margin-top: .66rem;
}

.ad-list-wrap .ad-list {
  display: flex;
  flex-wrap: wrap;
}

.ad-list-wrap .ad-item {
  width: 30.5%;
  margin-right: 4.25%;
  margin-bottom: .46rem;
  overflow: hidden;
}

.ad-list-wrap .ad-item:nth-child(3n) {
  margin-right: 0;
}

.ad-list-wrap .ad-item .lk {
  display: block;
  height: 100%;
}

.lvh5 {
  display: none;
}

.ad-list-wrap .ad-item .img-wrap {
  position: relative;
  height: 2.82rem;
}

.ad-list-wrap .ad-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ad-list-wrap .ad-item .info-wrap {
  padding: .35rem .28rem;
  background-color: #F5F5F5;
  font-size: 16px;
  color: #000;
  line-height: 24px;
  height: 100%;
}

.ad-list-wrap .ad-item .info-wrap .info {
  margin-bottom: 1em;
}

.ad-list-wrap .ad-item .info-wrap .info:last-child {
  margin-bottom: 0;
}

.ad-list-wrap .img-wrap::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5) url(../images/icon-magnify.png) no-repeat center;
  transform: scale(1, 0);
  transition: all .3s;
}

.ad-list-wrap a:hover .img-wrap::after {
  transform: scale(1);
}

.track-img-group .img-group {
  display: flex;
}

.track-img-group .img-group img {
  display: block;
  width: calc(100% / 3);
  height: auto;
}

.planning-map-wrap {
  padding: .98rem 0 0;
}

.planning-map-wrap .tit {
  font-size: .36rem;
  color: #232226;
  font-weight: bold;
  text-align: center;
}

.planning-map-wrap .img-wrap {
  margin-top: .12rem;
}

.planning-map-wrap .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.third-track-control {
  padding: .9rem 0 1.05rem;
  background: url(../images/second-track-control-bg.jpg) no-repeat center / cover;
}

.third-track-control h3.tit {
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.third-track-control .track-control-tabs {
  display: flex;
  justify-content: center;
  margin: .56rem 0 1.2rem;
}

.third-track-control .track-control-tabs .tab-item {
  width: 2.58rem;
  height: .61rem;
  margin-right: .3rem;
  font-size: .3rem;
  font-weight: bold;
  line-height: .61rem;
  text-align: center;
  color: #fff;
}

.third-track-control .track-control-tabs .tab-item.cur {
  background: url(../images/train-process-tab-bg.png) no-repeat 0 0 / 100% 100%;
}

.third-track-control .track-control-tabs .tab-item:last-child {
  margin-right: 0;
}

.third-track-control .track-control-maps {
  width: 87%;
  margin: 0 auto;
}

.third-track-control .track-control-maps .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.third-track-control .track-control-map-item {
  display: none;
}

.third-track-control .track-control-map-item.cur {
  display: block;
}

.third-track-control .track-control-map-item.cur .img-wrap {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.third-track-control .track-control-map-item .desc-wrap {
  max-width: 1100px;
  margin: .84rem auto 0;
}

.third-track-control .track-control-map-item .desc-wrap .tit {
  margin-bottom: 16px;
  font-size: .36rem;
  font-weight: bold;
}

.third-track-control .track-control-map-item .desc-wrap .desc {
  font-size: 16px;
  line-height: 30px;
}

.album .test-swiper .text-wrap .tit {
  text-align: center;
}

.surround {
  background-color: #28272B;
}

.surround-first-part {
  padding: .64rem 0;
}

.surround-first-part .text-wrap {
  padding: 0 .32rem;
}

.surround-first-part .tit {
  margin-bottom: .16rem;
  font-size: .36rem;
  font-weight: bold;
}

.surround-first-part .sub-desc {
  margin-bottom: .24rem;
  font-size: .24rem;
  font-weight: bold;
}

.surround-first-part .desc {
  font-size: 16px;
  line-height: 30px;
}

.surround-first-part .img-wrap {
  margin-top: .35rem;
}

.surround-first-part .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.surround-second-part {
  padding: 1.2rem 0;
  background-color: #fff;
}

.surround-second-part>.wrap {
  display: flex;
  align-items: center;
}

.surround-second-part .img-wrap {
  flex-grow: 1;
}

.surround-second-part .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.surround-second-part .text-wrap {
  flex-shrink: 0;
  margin-left: 5.5%;
}

.surround-second-part .text-wrap .tit {
  margin-bottom: .14rem;
  font-size: .36rem;
  font-weight: bold;
  color: #28272B;
}

.surround-second-part .text-wrap .sub-desc {
  margin-bottom: .26rem;
  font-size: .24rem;
  font-weight: bold;
  color: #28272B;
}

.surround-second-part .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
  color: #28272B;
}

.surround-third-part {
  padding: 1.9rem 0 1.48rem;
}

.surround-third-part .center-wrap {
  display: flex;
  align-items: center;
}

.surround-third-part .center-wrap .text-wrap {
  flex-shrink: 0;
  margin-right: 10%;
}

.surround-third-part .center-wrap .text-wrap .tit {
  margin-bottom: .14rem;
  font-size: .36rem;
  font-weight: bold;
}

.surround-third-part .center-wrap .text-wrap .sub-desc {
  font-size: .24rem;
  font-weight: bold;
}

.surround-third-part .desc {
  margin-top: .5rem;
  font-size: 16px;
  line-height: 30px;
}

.surround-fourth-part {
  padding: .66rem 0 .86rem;
  background-color: #fff;
}

.surround-fourth-part>.wrap {
  display: flex;
  justify-content: space-between;
}

.surround-fourth-part .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.surround-fourth-part .left {
  width: 48%;
}

.surround-fourth-part .left .text-wrap {
  margin-top: 1rem;
}

.surround-fourth-part .left .text-wrap .tit {
  margin-bottom: .14rem;
  font-size: .36rem;
  color: #28272B;
  font-weight: bold;
}

.surround-fourth-part .left .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
  color: #28272B;
}

.surround-fourth-part .right {
  width: 42%;
}

.surround-fifth-part {
  padding: 1.08rem 0 1.53rem;
  background: url(../images/surround-fifth-part-bg.jpg) no-repeat center / cover;
}

.surround-fifth-part .tit {
  font-size: .36rem;
  font-weight: bold;
  text-align: center;
}

.surround-fifth-part .img-group {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: .75rem auto 0;
}

.surround-fifth-part .img-group img {
  display: block;
  width: 48%;
  height: auto;
}

.surround-sixth-part {
  padding: .9rem 0;
  background-color: #fff;
}

.surround-sixth-part .tit {
  font-size: .36rem;
  color: #28272B;
  font-weight: bold;
  text-align: center;
}

.surround-sixth-part .travel-rec-wrap {
  margin-top: .64rem;
}

.surround-sixth-part .travel-rec-list {
  display: flex;
  flex-wrap: wrap;
}

.surround-sixth-part .travel-rec-item {
  display: block;
  width: 31%;
  margin-right: 3.5%;
}

.surround-sixth-part .travel-rec-item:nth-child(3n) {
  margin-right: 0;
}

.surround-sixth-part .travel-rec-item .lk {
  display: block;
}

.surround-sixth-part .travel-rec-item .img-wrap {
  height: 2.92rem;
  overflow: hidden;
}

.surround-sixth-part .travel-rec-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.surround-sixth-part .travel-rec-item .name {
  font-size: 16px;
  color: #28272B;
  font-weight: bold;
  text-align: center;
  line-height: .75rem;
}

/* Index */

.index-banner-swiper-wrap {
  position: relative;
}

.index-banner-swiper-wrap .pagination-wrap {
  position: absolute;
  left: 3%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.index-banner-swiper .swiper-notification {
  display: none;
}

.index-banner-swiper-pagination {
  display: flex;
  flex-direction: column;
}

.index-banner-swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 3px;
  margin-bottom: 14px;
  background-color: #fff;
  border-radius: 0;
  opacity: 1;
}

.index-banner-swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

.index-banner-swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  background-color: #E60012;
}

.index-first-part .con-wrap {
  display: flex;
}

.index-first-part .con-wrap .m-ca {
  display: none;
}

.index-first-part .index-news-swiper-wrap {
  position: relative;
  width: calc((100% - 518px) / 2);
  height: 595px;
  margin-left: 12px;
}

.index-first-part .index-news-swiper {
  height: 100%;
  overflow: hidden;
}

.index-news-swiper .lk {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.index-news-swiper .img-wrap {
  height: 100%;
}

.index-news-swiper .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-news-swiper .img-wrap::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, .5));
  content: '';
}

.index-news-swiper .text-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: .26rem calc(60px + .5rem) .26rem .3rem;
}

.index-news-swiper .text-wrap .time {
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff;
}

.index-news-swiper .text-wrap .tit {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.index-news-swiper-wrap .btns-group {
  display: flex;
  position: absolute;
  right: .25rem;
  bottom: .33rem;
  z-index: 1;
}

.index-news-swiper-wrap .btns-group .index-news-swiper-button-prev {
  margin-right: 11px;
}

.index-first-part .index-news-list-wrap {
  position: relative;
  width: calc((100% - 518px) / 2);
  height: 595px;
  padding: 30px .57rem;
  background-color: #202225;
  overflow: hidden;
}

.index-first-part .index-news-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 84px;
}

.index-first-part .index-news-item .tit {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  transition: color .3s;
}

.index-first-part .index-news-item .lk:hover .tit {
  color: #9B0000;
}

.index-first-part .index-news-item .time {
  margin-top: 8px;
  font-size: 16px;
  color: #949494;
}

.index-second-part .track-intro-wrap {
  display: flex;
}

.index-second-part .map-wrap {
  width: 69%;
}

.index-second-part .map-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

.index-second-part .track-info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 31%;
  padding: 0 2% 2% 0;
  background-color: #202225;
}

.index-second-part .track-info-wrap .track-info-item {
  width: 50%;
  padding-left: 10%;
}

.index-second-part .track-info-wrap .track-info-item .num {
  font-size: 42px;
  font-weight: bold;
  line-height: 1em;
}

.index-second-part .track-info-wrap .track-info-item .unit {
  font-size: 16px;
  vertical-align: top;
}

.index-second-part .track-info-wrap .track-info-item .explain {
  margin-top: 6px;
  font-size: 16px;
}

.business-service-wrap {
  position: relative;
  height: 746px;
  overflow: hidden;
}

.business-service-wrap .img-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.business-service-wrap .img-group img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business-service-list {
  display: flex;
  height: 100%;
}

.business-service-item {
  width: calc(100% / 6);
  height: 100%;
  padding: 0 1%;
  background-color: rgba(0, 0, 0, .54);
  border-right: 1px solid rgba(255, 255, 255, .41);
}

@media (min-width:1024px) {
  .business-service-item {
    background: rgba(0, 0, 0, .54) !important;
  }
}

.business-service-item:last-child {
  border-right: none;
}

.business-service-item .lk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.business-service-item .icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  background-color: #AA2626;
  border-radius: 50%;
}

.business-service-item .tit {
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.business-service-item .desc {
  display: none;
  margin-top: 28px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  text-align: left;
}

.business-service-item .icon {
  display: none;
  margin: 54px;
}

.track-service-wrap {
  display: flex;
  justify-content: space-between;
  height: 566px;
}

.track-service-swiper-wrap {
  position: relative;
  width: 25%;
  height: 100%;
  overflow: hidden;
  border-top: 3px solid #181818;
  border-bottom: 3px solid #D1D1D1;
}

.track-service-swiper {
  height: calc(100% - 60px);
}

.track-service-swiper .lk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.track-service-swiper .tit {
  position: relative;
  font-size: .3rem;
  font-weight: bold;
  color: #000;
}

.track-service-swiper .tit::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 24px;
  height: 26px;
  background: url(../images/icon-track-service-tit.png) no-repeat 0 0 / 24px 26px;
}

.track-service-swiper .desc {
  margin: .72rem 0 .54rem;
  font-size: 18px;
  line-height: 36px;
  color: #000;
}

.track-service-swiper .track-service-swiper-pagination {
  top: auto;
  bottom: 28px;
  left: 50%;
  width: calc(100% - 144px);
  height: 3px;
  background-color: #D1D1D1;
  transform: translateX(-50%);
}

.track-service-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #181818;
}

.track-service-swiper-wrap .track-service-swiper-button-prev,
.track-service-swiper-wrap .track-service-swiper-button-next {
  position: absolute;
  bottom: 20px;
}

.track-service-swiper-wrap .track-service-swiper-button-prev {
  left: 0;
}

.track-service-swiper-wrap .track-service-swiper-button-next {
  right: 0;
}

.track-service-thumbnail-swiper-wrap {
  width: 65%;
  height: 100%;
  overflow: hidden;
}

.track-service-thumbnail-swiper {
  height: 100%;
}

.track-service-thumbnail-swiper .lk {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.track-service-thumbnail-swiper .img-wrap {
  height: 100%;
}

.track-service-thumbnail-swiper .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.track-service-thumbnail-swiper .tit {
  position: absolute;
  top: .82rem;
  left: 0;
  width: 100%;
  padding: 0 12%;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
}

.track-service-thumbnail-swiper .num {
  position: absolute;
  right: 12%;
  bottom: .62rem;
  font-size: .6rem;
  font-weight: bold;
  color: #fff;
}

.train-service-wrap {
  display: flex;
  height: 580px;
}

.train-service-wrap .left {
  width: 34%;
  height: 100%;
  background-color: #202225;
}

.train-service-list {
  height: 100%;
}

.train-service-item {
  height: 16.5%;
}

.train-service-item.cur {
  height: 34%;
  background-color: #AA2626;
}

.train-service-item .lk {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 .52rem;
  color: #fff;
}

.train-service-item .tit {
  font-size: 22px;
  font-weight: bold;
}

.train-service-item .desc {
  display: none;
  margin: .2rem 0 .18rem;
  font-size: 16px;
  line-height: 30px;
}

.train-service-item.cur .desc {
  display: block;
  display: -webkit-box;
}

.train-service-item .icon {
  display: none;
  flex-shrink: 0;
}

.train-service-item.cur .icon {
  display: block;
}

.train-service-wrap .right {
  width: 66%;
  height: 100%;
}

.train-service-imgs-list {
  position: relative;
  height: 100%;
}

.train-service-imgs-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.train-service-imgs-item.cur {
  display: block;
}

.train-service-imgs-item .lk {
  display: block;
  height: 100%;
}

.train-service-imgs-item .lk img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vip-service-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.52rem;
}

.vip-service-wrap .left {
  width: 60%;
}

.vip-service-wrap .left .img-wrap {
  height: 4.88rem;
  overflow: hidden;
}

.vip-service-wrap .left .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vip-service-wrap .left .text-wrap {
  position: relative;
  padding: .6rem .42rem;
  background-color: #202225;
}

.vip-service-wrap .left .text-wrap .desc {
  font-size: 16px;
  line-height: 30px;
}

.vip-service-wrap .right {
  width: 37%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vip-service-wrap .right .icons-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .67rem;
  padding: 0 4%;
}

.vip-service-wrap .right .icon-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% / 3);
}

.vip-service-wrap .right .icon-item .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: .76rem;
  height: .76rem;
  background-color: #202225;
  border-radius: 50%;
}

.vip-service-wrap .right .icon-item .name {
  margin-top: .4rem;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.vip-service-wrap .right .img-wrap {
  height: 4.3rem;
  overflow: hidden;
}

.vip-service-wrap .right .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-tit {
  margin: 86px 0 60px;
  text-align: center;
}

.index-tit .text {
  position: relative;
  font-size: 42px;
  color: #000;
  font-weight: bold;
}

.index-tit .text::before {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(100% + 18px);
  width: 104px;
  height: 36px;
  transform: translateY(-50%);
  background: url(../images/index-tit-l.png) no-repeat center / cover;
}

.index-tit .text::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 18px);
  width: 104px;
  height: 36px;
  transform: translateY(-50%);
  background: url(../images/index-tit-r.png) no-repeat center / cover;
}

.index-more-lk {
  position: absolute;
  right: 0;
  bottom: 0;
  width: .72rem;
  height: .72rem;
  background: url(../images/index-more-lk.png) no-repeat center / cover;
}

/* Pagelmc */

.pagelmc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .6rem 0;
}

.pagelmc a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .4rem;
  height: .4rem;
  margin: 0 .1rem;
  border: 1px solid #D0D0D0;
  color: #999;
}

.pagelmc a.prev,
.pagelmc a.next {
  width: .72rem;
}

.pagelmc .pagelmc-num {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagelmc .pagelmc-num a {
  font-size: .14rem;
  color: #999;
}

.pagelmc .pagelmc-num a.cur {
  background-color: #BC3E2D;
  color: #fff;
  border-color: #BC3E2D;
}

/* Links */

.links-swiper-wrap {
  height: 80px;
  background-color: #9B0000;
}

.links-swiper-wrap .inner-wrap {
  position: relative;
  width: 100%;
  padding-right: 140px;
}

.links-swiper-wrap>.large-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.links-swiper {
  overflow: hidden;
}

.links-swiper .swiper-slide {
  width: auto;
}

.links-swiper .swiper-notification {
  display: none;
}

.links-swiper .lk {
  font-size: 14px;
  color: #fff;
}

.links-swiper-wrap .btns-group {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  transform: translateY(-50%);
}

.links-swiper-wrap .btns-group .links-swiper-button-prev {
  margin-right: 13px;
}

.footer {
  background-color: #28272B;
}

.footer .con-wrap {
  display: flex;
  justify-content: space-between;
  padding: .65rem 0 .3rem;
}

.footer .con-wrap .lk-tit .website-lk {
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 16px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.footer .con-wrap .lk-tit .website-lk::after {
  content: '';
  display: block;
  position: absolute;
  left: 3px;
  bottom: 0;
  width: 27px;
  height: 2px;
  background-color: #9B0000;
}

.footer .con-wrap .lk-desc .website-lk {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 36px;
}

.footer .con-wrap .lk-desc .website-lk:hover {
  color: #9B0000;
}

.footer .con-wrap .concat-wrap {
  width: 294px;
  color: #fff;
}

.footer .con-wrap .concat-wrap .tel {
  margin-bottom: .2rem;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5em;
}

.footer .con-wrap .concat-wrap .address {
  margin-bottom: .32rem;
  font-size: 13px;
}

.footer .con-wrap .concat-wrap .outer-wrap {
  display: flex;
  justify-content: space-between;
}

.footer .con-wrap .concat-wrap .qrcode-wrap {
  width: 92px;
}

.footer .con-wrap .concat-wrap .qrcode-wrap img {
  display: block;
}

.footer .con-wrap .concat-wrap .qrcode-wrap .txt {
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}

.footer .bottom .text-wrap {
  padding: .28rem 0 .36rem;
  border-top: 1px solid #6D6D6E;
  font-size: 12px;
  text-align: center;
}

.fix-side {
  position: fixed;
  right: 0;
  top: 50%;
  width: 46px;
  z-index: 9;
  border-radius: 2px 0 0 2px;
  transform: translateY(-50%);
}

.fix-side .item {
  position: relative;
  height: 46px;
  margin-bottom: 1px;
  background-color: rgba(0, 0, 0, .5);
  transition: background-color .3s;
}

.fix-side .item:hover {
  background-color: #9B0000;
}

.fix-side .item .fix-lk {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.fix-side .item .qrcode-wrap {
  position: absolute;
  top: 0;
  left: calc(100% + 4px);
  width: 120px;
  opacity: 0;
  overflow: hidden;
  transform: translateX(0);
  transition: all .3s;
}

.fix-side .item .text {
  position: absolute;
  top: 0;
  left: calc(100% + 4px);
  /* height: 100%; */
  padding: 0 10px;
  opacity: 0;
  overflow: hidden;
  transform: translateX(0);
  transition: all .3s;
  background-color: #9B0000;
  font-size: 14px;
  color: #fff;
  line-height: 46px;
  white-space: nowrap;
}

.fix-side .item:hover .qrcode-wrap,
.fix-side .item:hover .text {
  left: -4px;
  opacity: 1;
  overflow: visible;
  transform: translateX(-100%);
}

/* 2023 */
.third-track-control {
  position: relative;
}

.third-track-control-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.serve-car-b .track-swiper-button-prev {
  left: 1%;
}

.serve-car-b .track-swiper-button-next {
  right: 1%;
}

.serve-car-b .track-swiper-button-prev,
.serve-car-b .track-swiper-button-next {
  top: 7%;
}

.serve-car-i {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.serve-car-i>.t1 {
  height: 58px;
  line-height: 58px;
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
}

.matches-fourth-part {
  padding: 100px 0;
}

.serve-car-i>.car {
  width: 59px;
  height: 18px;
  margin: 33px auto 52px;
  position: relative;
  z-index: 2;
}

.serve-car-i>.car img {
  display: none;
}

.serve-car-i>.info {
  padding: .5rem .35rem;
  min-height: 2.77rem;
  background: rgba(0, 0, 0, .43);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 36px;
}

.serve-car-b {
  width: 100%;
  position: relative;
}

.serve-car-b::after {
  position: absolute;
  top: 82px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 37px;
  background: url(../images/car-line.jpg);
  content: '';
  display: block;
}

.serve-car {
  position: relative;
  max-width: 1400px !important;
  width: 100%;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.serve-car .swiper-slide.swiper-slide-active .serve-car-i>.car img {
  display: block;
}

.serve-car .swiper-slide.swiper-slide-active .serve-car-i>.info {
  background: #9B0000;
}

.city>div {
  background: #28272A;
  padding: 0 !important;
}

.city-i {
  width: 50%;
}

.city-i.right {
  background: #28272A;
  padding: .4rem .5rem;
  margin: 0 !important;
}

.city-i.right .t1 {
  font-size: 36px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: .2rem;
}

.city-i.right .t2 {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
}


@media (max-width:1200px) {
  .normal-banner-title {
    font-size: 30px;
  }
}

@media (max-width:1024px) {
  .city-i {
    width: 100%;
  }

  .city>div {
    display: block !important;
  }

  .serve-car-b .track-swiper-button-prev {
    left: 6%;
  }

  .serve-car-b .track-swiper-button-next {
    right: 6%;
  }

  .serve-car-b {
    width: 100%;
    padding: 0 20px;
    position: relative;
  }
  
}

@media (max-width:768px) {
  .city-i.right .t1 {
    font-size: 18px !important;
  }

  .lvh5 .swiper-slide img {
    height: 3.5rem;
  }

  .lvh5 .swiper-slide .name {
    color: #28272B;
    font-weight: bold;
    font-size: 16px;
    margin-top: .2rem;
    text-align: center;
  }

  .lvh5 {
    display: block;
    margin-top: .3rem;
  }

  .serve-car-i>.car {
    width: 59px;
    height: 18px;
    margin: 33px auto;
  }

  .matches-fourth-part {
    padding: 50px 0;
  }

  .serve-car-i>.t1 {
    font-size: 24px;
  }


  .lvpc,
  .vip-service-wrap .right .img-wrap {
    display: none;
  }

  .icon-vip-service01,
  .icon-vip-service03,
  .icon-vip-service02 {
    display: block;
    width: 60%;
    height: 60%;
    background-position: center center;
    background-size: contain;
  }

  .train-fifth-part .course-intr-item.full::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4) !important;
    content: '';
    display: block;
    border-color: transparent !important;
  }

  .train-fifth-part .course-intr-item .desc,
  .train-fifth-part .course-intr-item .name {
    position: relative;
    z-index: 1;
  }

  .message-wrap .tit,
  .train-second-part .text-wrap .tit {
    font-size: 18px !important;
  }

  .surround-second-part .img-wrap img {
    height: auto !important;
  }

  .intr-second-part .desc,
  .intr-first-part {
    padding: 0 .2rem;
  }

  .matches-first-part .sub-desc {
    width: 100%;
  }

  .develop-second-part .desc,
  .hall-wrap .hall-item .text-wrap,
  .train-sixth-part .desc *,
  .train-fifth-part .course-intr-item .desc *,
  .train-fourth-part .desc *,
  .matches-tit-text-wrap03 .desc,
  .matches-tit-text-wrap02 .tit,
  .matches-tit-text-wrap02 .desc,
  .matches-first-part .sub-desc,
  .intr-second-part .desc {
    text-align: left !important;
  }

  .fix-side {
    top: 80% !important;
  }

  .fix-side .item {
    display: none;
  }

  .fix-side .item:nth-last-child(2) {
    display: block !important;
  }

  .intr-second-part .desc {
    font-size: 16px !important;
  }

  .normal-banner-title {
    font-size: 20px;
  }
}
#ca{
	height: 605px!important;
}
 .data_time_modify{
	 font-size: 10px!important;
	 padding-top: 0px;
 }
.calendar-arrow .prev{
	/* display: none; */
}
@media (max-width:580px) {
  .train-notes-list-wrap .train-notes-item {
    height: 75px !important;
  }

  .train-fifth-part .course-intr-item.full {
    height: 9rem !important;
  }

  .m-ca {
    transform: scale(.93);
  }
  .data_time_modify{
	  top:-18px !important;font-size: 9px!important;
	  padding-top: 0px;
	  
  }
  .calendar-ct{
	  height: 430px!important;
  }
  #m-ca{
	  height: 470px!important;
  }
  .calendar-ct .date-items .days{
	  min-height: 350px!important;
	  height: 350px!important
  }
}

.page-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.page-box a {
  margin: 0 .3rem !important;
  display: none;
}

.test-swiper .swiper-slide.swiper-slide-active .page-box a {
  display: flex !important;
}

.track-swiper {
  overflow: hidden;
}


.fix-side .qrcode-wrap{
  width: 400px !important;
}
.fix-side .qrcode-wrap img{
  width: 180px;
}
.fix-side .qrcode-wrap div{
  text-align: right !important;
}