.bd {
  padding-top: 100vh;
}

.bd-main {
  background: #fff url(../images/index-bg.png) 50% calc(100% - 6px) no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.header-2 {
  z-index: 1000;
}

.banner {
  position: relative;
  z-index: 100;
  overflow: hidden;
}

.footer {
  position: relative;
  z-index: 100;
}

.plate .tt {
  display: flex;
  align-items: flex-start;
}
.plate .tt .lbl {
  position: relative;
  flex: 1;
  height: 0.62rem;
  display: flex;
  flex-direction: column;
  padding-left: 0.19rem;
  color: #5d1012;
  align-items: flex-start;
  justify-content: flex-start;
}
.plate .tt .lbl h4 {
  font-family: 'SourceHanSansCN-Medium', 'Microsoft Yahei';
  font-size: 0.18rem;
  line-height: 1;
}
.plate .tt .lbl h3 {
  font-size: 0.3rem;
  /* font-family: 'SourceHanSansCN-Bold', 'Microsoft Yahei'; */
  line-height: 1;
  margin-bottom: 0.08rem;
  text-wrap: nowrap;
  font-weight: 700;
}
.plate .tt .lbl::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: '';
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #5a372d, #c5ad70);
}
.plate .tt .more {
  color: #626262;
}
.plate .tt-b .lbl h3,
.plate .tt-b .lbl h4 {
  color: #9c7b5d;
}
.plate .tt-b .lbl::before {
  background: #9c7b5d;
}
.plate .tt-c .lbl::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #c5ad70);
}

.more {
  font-size: 0.18rem;
}
.more span {
  margin-left: 0.07rem;
  display: inline-block;
  transition: 0.5s;
  font-family: cursive;
}
.more:hover span {
  transform: translateX(5px);
}

.scale-img,
.banner-4 .cnt article {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.scale-img img,
.banner-4 .cnt article img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
.scale-img:hover img,
.banner-4 .cnt article:hover img {
  transform: scale(1.08);
}

.line,
.banner-4 .cnt aside .cell,
.banner-2 .wp .r .section-2 + .section-2,
.banner-2 .wp .l {
  position: relative;
}
.line::after,
.banner-4 .cnt aside .cell::after,
.banner-2 .wp .r .section-2 + .section-2::after,
.banner-2 .wp .l::after {
  position: absolute;
  display: block;
  content: '';
  background-color: #d8d8d8;
}

.button-play {
  position: relative;
}
.button-play::before,
.button-play::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.button-play::before {
  width: 135px;
  height: 135px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.button-play::after {
  width: 0px;
  height: 0px;
  border: 30px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 52px solid #595757;
}
.button-play:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.button-play:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}

#gotop {
  position: fixed;
  z-index: 900;
  bottom: 32px;
  right: 10px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  width: 46px;
  height: 46px;
  line-height: 46px;
  background: #e6c390;
  visibility: visible;
  opacity: 0;
}
#gotop.active {
  opacity: 1;
}
#gotop svg {
  width: 22px;
  height: 22px;
  display: inline-block;
  fill: #fff;
  vertical-align: middle;
  margin: -3px 0 0;
  transition: 0.6s;
}
#gotop:hover {
  border-radius: 50%;
}

.main-visual {
  position: fixed;
  height: 100vh;
  width: 100%;
  font-size: 110px;
  top: 0;
}
.main-visual .visual-wp,
.main-visual .img-cells {
  position: relative;
  height: 100%;
}
.main-visual .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-visual .swiper-slide a {
  width: 100%;
  height: 100%;
}
.main-visual .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.5s linear;
}
.main-visual .swiper-slide img.dark {
  filter: brightness(50%);
}
.main-visual .swiper-slide h5 {
  position: absolute;
  font-size: 0.25rem;
  color: #ffffff;
  bottom: 0.35rem;
  padding: 0 0.64rem;
  left: 0;
  z-index: 99;
}
.main-visual .progress {
  position: absolute;
  z-index: 99;
  bottom: 0.3rem;
  right: 1.12rem;
  display: flex;
  align-items: center;
  width: auto;
  left: auto;
}
.main-visual .progress .progress-cells {
  display: flex;
  width: auto;
  cursor: pointer;
}
.main-visual .progress .progress-cells .progress-cell {
  width: 0.3rem;
  height: 0.28rem;
  position: relative;
}
.main-visual .progress .progress-cells .progress-cell + .progress-cell {
  margin-left: 0.2rem;
}
.main-visual .progress .progress-cells .progress-cell::before,
.main-visual .progress .progress-cells .progress-cell::after {
  content: '';
  display: block;
  position: absolute;
  transition: 0.5s;
}
.main-visual .progress .progress-cells .progress-cell::before {
  width: 0.12rem;
  height: 0.12rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -0.06rem 0 0 -0.06rem;
  transform: scale(1);
}
.main-visual .progress .progress-cells .progress-cell::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/banner-dot.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  transform: scale(0);
}
.main-visual .progress .progress-cells .progress-cell.active::before {
  transform: scale(0);
}
.main-visual .progress .progress-cells .progress-cell.active::after {
  transform: scale(1);
}
.main-visual .progress .line,
.main-visual .progress .banner-4 .cnt aside .cell,
.banner-4 .cnt aside .main-visual .progress .cell,
.main-visual .progress .banner-2 .wp .r .section-2 + .section-2,
.banner-2 .wp .r .main-visual .progress .section-2 + .section-2,
.main-visual .progress .banner-2 .wp .l,
.banner-2 .wp .main-visual .progress .l {
  width: 1px;
  height: 0.15rem;
  background-color: #fff;
  margin: 0 0.24rem 0 0.13rem;
}
.main-visual .progress .more {
  font-size: 0.15rem;
  color: #fff;
}
.main-visual .arrow-lt,
.main-visual .arrow-gt {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  opacity: 0.5;
  transition: 0.5s;
}
.main-visual .arrow-lt:hover,
.main-visual .arrow-gt:hover {
  opacity: 1;
}
.main-visual .arrow-lt .iconfont,
.main-visual .arrow-gt .iconfont {
  font-size: 0.25rem;
  font-family: cursive;
  display: block;
}
.main-visual .arrow-lt.lt .iconfont,
.main-visual .arrow-gt.lt .iconfont {
  transform: translateX(-2px);
}
.main-visual .arrow-lt.gt .iconfont,
.main-visual .arrow-gt.gt .iconfont {
  transform: translateX(2px);
}
.main-visual .arrow-lt {
  left: 0.62rem;
}
.main-visual .arrow-gt {
  right: 0.62rem;
}
.main-visual .mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 288px;
  pointer-events: none;
  background: url(../images/visual-mask-bottom.png) repeat-x 50% 0;
}

.horse {
  width: 4.35rem;
  height: 2.26rem;
  margin: 0 auto;
  position: relative;
  z-index: 100;
  pointer-events: none;
}
.horse > * {
  background: 0 0 no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  transform: scale(0.5) translateY(0);
  transform-origin: 50% 100%;
  background-size: 100% 100%;
}
.horse-b-1 {
  background-image: url('../images/index-banner-1-c-1.png');
}
.horse-b-2 {
  background-image: url('../images/index-banner-1-c-2.png');
}
.horse.small .horse-b-1 {
  transform: scale(0.3) translateY(0.02rem);
}
.horse.small .horse-b-2 {
  transform: scale(0.3) translateY(0.05rem);
}

.banner-1 {
  position: relative;
}
.banner-1 .bg-line {
  background-color: #fff;
  height: 16px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.banner-1 .wp {
  overflow: hidden;
  background-color: #fff;
  height: 1.3rem;
  border-radius: 1.37rem 1.37rem 0 0;
  display: flex;
  align-items: flex-end;
}
.banner-1 .banner-bd {
  width: 12.1rem;
  margin: 0 auto 0;
}
.banner-1 .main {
  display: flex;
  align-items: flex-end;
}
.banner-1 .main .ipt-search {
  font-size: 0.3rem;
  height: 0.46rem;
  line-height: 0.35rem;
  padding-left: 0.34rem;
  width: 100%;
  color: #5d1012;
  transition: 0.5s;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 0.1rem;
  font-family: 'SourceHanSansCN-Normal', 'Microsoft Yahei';
}
.banner-1 .main .ipt-search::-webkit-input-placeholder {
  transition: 0.5s;
  color: #5d1012;
  font-size: 30px;
  line-height: 30px;
}
.banner-1 .main .ipt-search::-moz-placeholder {
  transition: 0.5s;
  color: #5d1012;
  font-size: 35px;
  line-height: 35px;
  opacity: 1;
}
.banner-1 .main .ipt-search:hover,
.banner-1 .main .ipt-search:focus {
  border-color: #ddd;
}
.banner-1 .main .ipt-search:hover::-webkit-input-placeholder,
.banner-1 .main .ipt-search:focus::-webkit-input-placeholder {
  color: #ddd;
}
.banner-1 .main .ipt-search:hover::-moz-placeholder,
.banner-1 .main .ipt-search:focus::-moz-placeholder {
  color: #ddd;
}
.banner-1 .main .tt {
  font-size: 35px;
  color: #5d1012;
  line-height: 1;
  padding-left: 34px;
  flex: 1;
}
.banner-1 .main .submit-button {
  width: 0.4rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.4rem;
  margin-left: 0.32rem;
  position: relative;
}
.banner-1 .main .submit-button .icon-fangdajing {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.34rem;
  color: #5d1012;
  line-height: 0.4rem;
  text-align: center;
  transition: 0.3s;
}
.banner-1 .main .submit-button .ipt-submit {
  background: none;
  border: none;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(255, 255, 255, 0);
  border: 0;
}
.banner-1 .main .search {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  position: relative;
}
.banner-1 .main .search .search-bd {
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s;
}
.banner-1 .main .search .ipt-text {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border: 0;
  font-size: 14px;
  border-radius: 10px;
  color: #333333;
  border: 1px solid #ddd;
  padding: 0 40px 0 10px;
  box-sizing: border-box;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
.banner-1 .main .search:hover .search-bd {
  width: 260px;
}
.banner-1 .main .search:hover .ipt-text {
  visibility: visible;
}
.banner-1 .main .search:hover .icon-fangdajing {
  color: #5d1012;
}
.banner-1 .split-line {
  height: 0.02rem;
  background-color: #5d1012;
  margin: 0.16rem 0;
}
.banner-1 .keywords {
  padding-left: 0.34rem;
  display: flex;
  font-size: 0.14rem;
  line-height: 1;
}
.banner-1 .keywords .lbl {
  color: #5d1012;
  margin-right: 8px;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-1 .keywords .lbl span {
  margin-left: 8px;
}
.banner-1 .keywords .txt {
  color: #5d1012;
  display: flex;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-1 .keywords .txt a {
  color: #333333;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}

.banner-2 {
  padding-top: 0.48rem;
}
.banner-2 .wp {
  display: flex;
  justify-content: space-between;
}
.banner-2 .wp .l {
  width: 10.32rem;
  height: auto;
}
.banner-2 .wp .l .section-1 .cnt {
  height: 5.81rem;
  margin-top: 0.32rem;
}
.banner-2 .wp .l .section-1 .cnt .slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.banner-2 .wp .l .section-1 .cnt .slide .cell {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
}
.banner-2 .wp .l .section-1 .cnt .slide .cell .txt {
  position: absolute;
  width: 100%;
  bottom: -0.1rem;
  left: 0;
  color: #ffffff;
  line-height: 1;
  padding: 0.14rem 0.28rem 0.26rem;
  /* height: 73px; */
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.banner-2 .wp .l .section-1 .cnt .slide .cell .txt h6 {
  font-size: 0.14rem;
}
.banner-2 .wp .l .section-1 .cnt .slide .cell .txt h5 {
  margin-top: 0.1rem;
  font-size: 0.18rem;
}
.banner-2 .wp .l .section-1 .cnt .slide .cell .txt * {
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-2 .wp .l .section-1 .cnt .slide .cell:hover .txt {
  transform: translateY(-10px);
}
.banner-2 .wp .l .section-1 .cnt .slide .cell.active {
  opacity: 1;
}
.banner-2 .wp .l .section-1 .cnt .slide::before,
.banner-2 .wp .l .section-1 .cnt .slide::after {
  position: absolute;
  display: block;
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.banner-2 .wp .l .section-1 .cnt .slide::before {
  width: 135px;
  height: 135px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.banner-2 .wp .l .section-1 .cnt .slide::after {
  width: 0px;
  height: 0px;
  border: 30px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 52px solid #595757;
}
.banner-2 .wp .l .section-1 .cnt .slide:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.banner-2 .wp .l .section-1 .cnt .slide:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.banner-2 .wp .l .section-1 .cnt .swiper {
  height: 100%;
}
.banner-2 .wp .l .section-1 .cnt .swiper-pagination {
  right: 0.12rem;
  bottom: 0.12rem;
  left: auto;
  width: auto;
}
.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 0.04rem;
  position: relative;
  opacity: 1;
  background-color: transparent;
}
.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet:before,
.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet:after {
  content: '';
  display: block;
  position: absolute;
  transition: 0.5s;
}
.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet::before {
  width: 0.12rem;
  height: 0.12rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -0.06rem 0 0 -0.06rem;
  transform: scale(1);
}

.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/banner-dot.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  transform: scale(0);
}

.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  transform: scale(0);
}
.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  transform: scale(1);
}

/*.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}*/
.banner-2 .wp .l .section-1 .cnt .arrow-lt,
.banner-2 .wp .l .section-1 .cnt .arrow-gt {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  opacity: 0.5;
  transition: 0.5s;
}
.banner-2 .wp .l .section-1 .cnt .arrow-lt:hover,
.banner-2 .wp .l .section-1 .cnt .arrow-gt:hover {
  opacity: 1;
}
.banner-2 .wp .l .section-1 .cnt .arrow-lt .iconfont,
.banner-2 .wp .l .section-1 .cnt .arrow-gt .iconfont {
  font-size: 0.25rem;
  font-family: cursive;
  display: block;
}
.banner-2 .wp .l .section-1 .cnt .arrow-lt.lt .iconfont,
.banner-2 .wp .l .section-1 .cnt .arrow-gt.lt .iconfont {
  transform: translateX(-2px);
}
.banner-2 .wp .l .section-1 .cnt .arrow-lt.gt .iconfont,
.banner-2 .wp .l .section-1 .cnt .arrow-gt.gt .iconfont {
  transform: translateX(2px);
}
.banner-2 .wp .l .section-1 .cnt .arrow-lt {
  left: 0.62rem;
}
.banner-2 .wp .l .section-1 .cnt .arrow-gt {
  right: 0.62rem;
}
.banner-2 .wp .l:after {
  right: -0.32rem;
  top: 0;
  height: 100%;
  width: 0.02rem;
}
.banner-2 .wp .r {
  width: 4.04rem;
}
.banner-2 .wp .r .section-2 .cnt {
  line-height: 1;
}
.banner-2 .wp .r .section-2 .cnt * {
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-2 .wp .r .section-2 .cnt h6 {
  font-size: 14px;
  color: #5d1012;
  font-weight: inherit;
  margin-left: -0.5em;
}
.banner-2 .wp .r .section-2 .cnt h5 {
  font-size: 0.18rem;
  /* margin-top: 11px; */
}
.banner-2 .wp .r .section-2 .cnt .scale-img,
.banner-2 .wp .r .section-2 .banner-4 .cnt article,
.banner-4 .banner-2 .wp .r .section-2 .cnt article {
  height: 1.99rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.banner-2 .wp .r .section-2 .cnt .scale-img .txt,
.banner-2 .wp .r .section-2 .banner-4 .cnt article .txt,
.banner-4 .banner-2 .wp .r .section-2 .cnt article .txt {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  transition: 0.5s;
  padding-bottom: 0.1rem;
}
.banner-2 .wp .r .section-2 .cnt .scale-img .txt h6,
.banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h6,
.banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h6,
.banner-2 .wp .r .section-2 .cnt .scale-img .txt h5,
.banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h5,
.banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h5 {
  color: #ffffff;
}
.banner-2 .wp .r .section-2 .cnt .scale-img .txt h6,
.banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h6,
.banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h6 {
  margin-left: 0;
}
.banner-2 .wp .r .section-2 .cnt .scale-img .txt h5,
.banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h5,
.banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h5 {
  /* margin-top: 10px; */
  padding: 0 0.06rem;
}
.banner-2 .wp .r .section-2 .cnt .scale-img:hover .txt,
.banner-2 .wp .r .section-2 .banner-4 .cnt article:hover .txt,
.banner-4 .banner-2 .wp .r .section-2 .cnt article:hover .txt {
  transform: translateY(-10px);
}
.banner-2 .wp .r .section-2 .cnt .lst {
  font-family: 'SourceHanSansCN', 'Microsoft Yahei';
  line-height: 1;
}
.banner-2 .wp .r .section-2 .cnt .lst .cell {
  transition: 0.5s;
  color: #3e3a39;
}
.banner-2 .wp .r .section-2 .cnt .lst .cell + .cell {
  margin-top: 0.24rem;
}
.banner-2 .wp .r .section-2 .cnt .lst .cell:hover {
  color: #5d1012;
  transform: translateY(-5px);
}
.banner-2 .wp .r .section-2 .cnt .lst .cell h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-2 .wp .r .section-2.jdyw .cnt {
  margin-top: 0.32rem;
}
.banner-2 .wp .r .section-2.jdyw .lst {
  margin-top: 0.32rem;
}
.banner-2 .wp .r .section-2.tzgg .lst {
  margin-top: 32px;
}
.banner-2 .wp .r .section-2 + .section-2 {
  margin-top: 40px;
}
.banner-2 .wp .r .section-2 + .section-2:after {
  display: none;
}

.banner-8 {
  margin-top: 0.96rem;
}
.banner-8 .cnt {
  margin-top: 0.32rem;
  height: 2.77rem;
  position: relative;
}
.banner-8 .cnt .swiper-slide {
  width: 3.92rem;
}
.banner-8 .cnt .cell {
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.banner-8 .cnt .cell img {
  width: 3.92rem;
  height: 2.77rem;
  transition: all 0.5s;
}

.banner-8 .cnt .cell:hover img {
  transform: scale(1.3);
}
.banner-8 .cnt .cell h5 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.22rem;
  font-size: 0.18rem;
  text-align: center;
  color: #ffffff;
  z-index: 99;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-8 .cnt .cell::after {
  position: absolute;
  display: block;
  content: '';
  height: 1.32rem;
  background: url(../images/index-banner-8-mk.png) 50% 100% repeat-x;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 98;
  opacity: 1;
  transition: 0.5s;
  pointer-events: none;
}
.banner-8 .cnt .cell:hover::after {
  opacity: 0;
}
.banner-8 .cnt .cell.video .img {
  position: relative;
}
.banner-8 .cnt .cell.video .img::before,
.banner-8 .cnt .cell.video .img::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.banner-8 .cnt .cell.video .img::before {
  width: 105px;
  height: 105px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.banner-8 .cnt .cell.video .img::after {
  width: 0px;
  height: 0px;
  border: 24px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 42px solid #595757;
}
.banner-8 .cnt .cell.video .img:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.banner-8 .cnt .cell.video .img:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.banner-8 .cnt .arrow-lt,
.banner-8 .cnt .arrow-gt {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  opacity: 0.5;
  transition: 0.5s;
}
.banner-8 .cnt .arrow-lt:hover,
.banner-8 .cnt .arrow-gt:hover {
  opacity: 1;
}
.banner-8 .cnt .arrow-lt .iconfont,
.banner-8 .cnt .arrow-gt .iconfont {
  font-size: 0.25rem;
  font-family: cursive;
  display: block;
}
.banner-8 .cnt .arrow-lt {
  left: 0.56rem;
}
.banner-8 .cnt .arrow-lt .iconfont {
  transform: translateX(-2px);
}
.banner-8 .cnt .arrow-gt {
  right: 0.56rem;
}
.banner-8 .cnt .arrow-gt .iconfont {
  transform: translateX(0.02rem);
}

.banner-4 {
  margin-top: 0.96rem;
}
.banner-4 .cnt {
  margin-top: 0.32rem;
  display: flex;
  height: 4.78rem;
  justify-content: space-between;
}
.banner-4 .cnt article {
  width: 53%;
  position: relative;
}

.banner-4 .cnt article {
  height: auto;
  position: relative;
}
.banner-4 .cnt article::after {
  content: '';
  display: block;
  padding-top: 60.125%;
}
.banner-4 .cnt article .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.banner-4 .cnt article .cell {
  display: block;
  width: 100%;
  height: 100%;
}
.banner-4 .cnt article .cell h5 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.1rem;
  font-size: 0.18rem;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.12rem 0.32rem 0.24rem;
  color: #ffffff;
  height: 0.62rem;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: 0.5s;
}
.banner-4 .cnt article .swiper-slide:hover h5 {
  transform: translateY(-10px);
}
.banner-4 .cnt article .cell.video {
  position: relative;
}
.banner-4 .cnt article .cell.video::before,
.banner-4 .cnt article .cell.video::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.banner-4 .cnt article .cell.video::before {
  width: 115px;
  height: 115px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.banner-4 .cnt article .cell.video::after {
  width: 0px;
  height: 0px;
  border: 30px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 52px solid #595757;
}
.banner-4 .cnt article .cell.video:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.banner-4 .cnt article .cell.video:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.banner-4 .cnt article .arrow-lt,
.banner-4 .cnt article .arrow-gt {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: flex;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  opacity: 0.5;
  transition: 0.5s;
}
.banner-4 .cnt article .arrow-lt:hover,
.banner-4 .cnt article .arrow-gt:hover {
  opacity: 1;
}
.banner-4 .cnt article .arrow-lt .iconfont,
.banner-4 .cnt article .arrow-gt .iconfont {
  font-size: 0.25rem;
  font-family: cursive;
  display: block;
}
.banner-4 .cnt article .arrow-lt.lt .iconfont,
.banner-4 .cnt article .arrow-gt.lt .iconfont {
  transform: translateX(-2px);
}
.banner-4 .cnt article .arrow-lt.gt .iconfont,
.banner-4 .cnt article .arrow-gt.gt .iconfont {
  transform: translateX(2px);
}
.banner-4 .cnt article .arrow-lt {
  left: 0.62rem;
}
.banner-4 .cnt article .arrow-gt {
  right: 62px;
}
.banner-4 .cnt aside {
  width: 44.6%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.banner-4 .cnt aside .cell {
  position: relative;
  display: flex;
  /* padding: 0 0 0.19rem 0; */
  color: #333333;
  transition: 0.5s;
  align-content: center;
}
.banner-4 .cnt aside .cell::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.02rem;
  background-color: #dfdfdf;
  display: none;
}
.banner-4 .cnt aside .split-line {
  height: 1px;
  background-color: #dfdfdf;
}
.banner-4 .cnt aside .split-line:last-child {
  display: none;
}

.banner-4 .cnt aside .cell + .cell {
  /* margin-top: 0.17rem; */
}
.banner-4 .cnt aside .cell:last-child {
  padding-bottom: 0;
}
.banner-4 .cnt aside .cell:last-child::after {
  display: none;
}
.banner-4 .cnt aside .cell h5,
.banner-4 .cnt aside .cell h6 {
  font-size: 0.18rem;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  line-height: 1;
  transition: 0.5s;
  margin-left: 0.18rem;
}
.banner-4 .cnt aside .cell h5 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-4 .cnt aside .cell h6 {
  color: #919191;
  font-size: 14px;
}
.banner-4 .cnt aside .cell.active,
.banner-4 .cnt aside .cell:hover {
}
.banner-4 .cnt aside .cell.active h5,
.banner-4 .cnt aside .cell.active h6,
.banner-4 .cnt aside .cell:hover h5,
.banner-4 .cnt aside .cell:hover h6 {
  transform: translateY(-5px);
}

.banner-9 {
  margin-top: 0;
  height: 7.5rem;
  background: url(../images/index-banner-9-bg-d.png) 50% -0.57rem no-repeat;
  padding-top: 2.2rem;
  position: relative;
  background-size: 38.4rem 7.39rem;
}
.banner-9 .horse-2,
.banner-9 .mountain-2 {
  position: absolute;
  width: 4.32rem;
  height: 2.25rem;
  left: 50%;
  top: -0.55rem;
  transform-origin: 50% 100%;
  transform: translate(-50%, 0) scale(0.5);
  transition: 0.2s;
  background: 50% 100% no-repeat;
  pointer-events: none;
}
.banner-9 .horse-2 {
  background-image: url(../images/horse-2-d.png);
  background-size: 100% 100%;
}
.banner-9 .mountain-2 {
  background-image: url(../images/mountain-2-d.png);
  background-size: 100% 100%;
}

.banner-9 .horse-2.small {
  transform: translate(-50%, 0) scale(0.3);
}
.banner-9 .mountain-2.small {
  transform: translate(-50%, 0) scale(0.3);
}

.banner-9 .plate .tt {
  justify-content: center;
}
.banner-9 .plate .tt .lbl {
  flex: inherit;
  padding: 0 0.19rem;
}
.banner-9 .plate .tt .lbl::after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  width: 5px;
}
.banner-9 .plate .tt .lbl::before,
.banner-9 .plate .tt .lbl::after {
  top: 0;
  background: #5d1012;
  height: 100%;
}
.banner-9 .plate .tt h4 {
  width: 100%;
  text-align: center;
}
.banner-9 .cnt {
  margin-top: 0.5rem;
  height: 2.84rem;
  position: relative;
  width: 100%;
  max-width: 16.5rem;
}
.banner-9 .cnt .swiper-slide {
  width: 5.04rem;
  height: 2.84rem;
  overflow: hidden;
}
.banner-9 .cnt .swiper-slide img {
  width: 100%;
  height: 100%;
}
.banner-9 .cnt .cell {
  line-height: 1;
  position: relative;
  height: 100%;
}
.banner-9 .cnt .cell h5 {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0.14rem 0.32rem 0.24rem;
  box-sizing: border-box;
  bottom: -0.1rem;
  font-size: 0.18rem;
  text-align: center;
  color: #ffffff;
  z-index: 99;
  font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.banner-9 .cnt .swiper-slide img,
.banner-9 .cnt .swiper-slide h5 {
  transition: all 0.5s;
}
.banner-9 .cnt .swiper-slide:hover img {
  transform: scale(1.3);
}
.banner-9 .cnt .swiper-slide:hover h5 {
  transform: translateY(-10px);
}

.banner-9 .cnt .cell.video {
  position: relative;
}
.banner-9 .cnt .cell.video::before,
.banner-9 .cnt .cell.video::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.banner-9 .cnt .cell.video::before {
  width: 102px;
  height: 102px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.banner-9 .cnt .cell.video::after {
  width: 0px;
  height: 0px;
  border: 23px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 40px solid #595757;
}
.banner-9 .cnt .cell.video:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.banner-9 .cnt .cell.video:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}
.banner-9 .cnt .arrow-lt,
.banner-9 .cnt .arrow-gt {
  position: absolute;
  top: 50%;
  z-index: 99;
  display: flex;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  transform: translate(0, -50%) scale(1);
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  opacity: 0.8;
  transition: 0.5s;
}
.banner-9 .cnt .arrow-lt:hover,
.banner-9 .cnt .arrow-gt:hover {
  transform: translate(0, -50%) scale(1.1);
  opacity: 1;
}
.banner-9 .cnt .arrow-lt .iconfont,
.banner-9 .cnt .arrow-gt .iconfont {
  font-size: 32px;
  font-family: cursive;
  display: block;
}
.banner-9 .cnt .arrow-lt {
  left: -77px;
}
.banner-9 .cnt .arrow-lt .iconfont {
  transform: translateX(-2px);
}
.banner-9 .cnt .arrow-gt {
  right: -77px;
}
.banner-9 .cnt .arrow-gt .iconfont {
  transform: translateX(2px);
}

.banner-5 {
  height: 9.34rem;
  background: url(../images/index-banner-5.jpg) 50% 0 no-repeat;
  overflow: hidden;
  background-size: 100% 100%;
}
.banner-5 > .wp {
  width: 15.24rem;
  margin-top: 1.5rem;
  height: auto;
}
.banner-5 .cnt {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 0.12rem;
  grid-template-areas:
    'a b c d'
    'a e e d';
  height: auto;
}
.banner-5 .cnt > * {
  position: relative;
}
.banner-5 .cnt .img-cnt .scale-img,
.banner-5 .banner-4 .cnt .img-cnt article,
.banner-4 .banner-5 .cnt .img-cnt article {
  overflow: hidden;
  color: #ffffff;
}
.banner-5 .cnt .img-cnt .scale-img .txt,
.banner-5 .banner-4 .cnt .img-cnt article .txt,
.banner-4 .banner-5 .cnt .img-cnt article .txt,
.banner-5 .cnt .img-cnt .scale-img .lbl,
.banner-5 .banner-4 .cnt .img-cnt article .lbl,
.banner-4 .banner-5 .cnt .img-cnt article .lbl {
  position: absolute;
}
.banner-5 .cnt .img-cnt .scale-img .txt,
.banner-5 .banner-4 .cnt .img-cnt article .txt,
.banner-4 .banner-5 .cnt .img-cnt article .txt {
  font-family: 'SourceHanSansCN', 'Microsoft Yahei';
  line-height: 1;
  bottom: 0.68rem;
  left: 0;
  padding: 0 0.19rem;
  transition: 0.5s;
}
.banner-5 .cnt .img-cnt .scale-img h6,
.banner-5 .banner-4 .cnt .img-cnt article h6,
.banner-4 .banner-5 .cnt .img-cnt article h6 {
  font-size: 11px;
}
.banner-5 .cnt .img-cnt .scale-img h6 + h5,
.banner-5 .banner-4 .cnt .img-cnt article h6 + h5,
.banner-4 .banner-5 .cnt .img-cnt article h6 + h5 {
  margin-top: 5px;
}
.banner-5 .cnt .img-cnt .scale-img h5,
.banner-5 .banner-4 .cnt .img-cnt article h5,
.banner-4 .banner-5 .cnt .img-cnt article h5 {
  font-size: 15px;
}
.banner-5 .cnt .img-cnt .scale-img .lbl,
.banner-5 .banner-4 .cnt .img-cnt article .lbl,
.banner-4 .banner-5 .cnt .img-cnt article .lbl {
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  line-height: 0.28rem;
  padding: 0 0.1rem 0.14rem;
  left: 0.18rem;
  right: 0.18rem;
}
.banner-5 .cnt .img-cnt .scale-img .lbl .iconfont,
.banner-5 .banner-4 .cnt .img-cnt article .lbl .iconfont,
.banner-4 .banner-5 .cnt .img-cnt article .lbl .iconfont {
  font-size: 0.28rem;
}
.banner-5 .cnt .img-cnt .scale-img .lbl span,
.banner-5 .banner-4 .cnt .img-cnt article .lbl span,
.banner-4 .banner-5 .cnt .img-cnt article .lbl span {
  margin-left: 0.1rem;
}
.banner-5 .cnt .img-cnt .scale-img .lbl::after,
.banner-5 .banner-4 .cnt .img-cnt article .lbl::after,
.banner-4 .banner-5 .cnt .img-cnt article .lbl::after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  height: 0.06rem;
  width: 0.92rem;
  transition: 0.5s;
}
.banner-5 .cnt .img-cnt .scale-img:hover .txt,
.banner-5 .banner-4 .cnt .img-cnt article:hover .txt,
.banner-4 .banner-5 .cnt .img-cnt article:hover .txt {
  transform: translateY(-10px);
}
.banner-5 .cnt .img-cnt .scale-img:hover .lbl::after,
.banner-5 .banner-4 .cnt .img-cnt article:hover .lbl::after,
.banner-4 .banner-5 .cnt .img-cnt article:hover .lbl::after {
  width: 100%;
}
.banner-5 .cnt .l {
  background: url(../images/index-banner-5-1.png) 50% 0 no-repeat;
  background-size: cover;
  grid-area: a;
}
.banner-5 .cnt .l .plate {
  margin: 0.5rem 0 0 0.33rem;
}
.banner-5 .cnt .l .l-cnt {
  color: #ffffff;
}
.banner-5 .cnt .l .l-cnt .iconfont {
  font-size: 0.23rem;
  line-height: 1;
}
.banner-5 .cnt .l .l-cnt ul {
  margin: 0.38rem 0 0 0.33rem;
  display: flex;
}
.banner-5 .cnt .l .l-cnt ul li {
  position: relative;
  cursor: pointer;
}
.banner-5 .cnt .l .l-cnt ul li .qr {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  top: calc(100% + 0.1rem);
  left: 50%;
  transform: translate(-50%, 0.2rem);
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
  z-index: 99;
}
.banner-5 .cnt .l .l-cnt ul li:hover .qr {
  opacity: 1;
  transform: translate(-50%, 0);
}
.banner-5 .cnt .l .l-cnt ul li + li {
  margin-left: 0.23rem;
}
.banner-5 .cnt .l .more {
  color: #ffffff;
  position: absolute;
  bottom: 35px;
  right: 34px;
}
.banner-5 .cnt .c-1,
.banner-5 .cnt .c-2 {
}
.banner-5 .cnt .c-1,
.banner-5 .cnt .c-2,
.banner-5 .cnt .c-3 {
}
.banner-5 .cnt .c-1 {
  grid-area: b;
}
.banner-5 .cnt .c-1 .lbl::after {
  background-color: #00ffff;
}
.banner-5 .cnt .c-2 {
  grid-area: c;
}
.banner-5 .cnt .c-2 .lbl::after {
  background-color: #e39c45;
}
.banner-5 .cnt .c-3 {
  grid-area: e;
}
.banner-5 .cnt .c-3 .lbl::after {
  background-color: #33ff33;
}
.banner-5 .cnt .r {
  grid-area: d;
}
.banner-5 .cnt .r .lbl::after {
  background-color: #ff00ff;
}
.banner-5 .cnt.cnt-b {
  display: block;
  position: relative;
}
.banner-5 .cnt.cnt-b::before {
  content: '';
  display: block;
  padding-top: 50%;
}
.banner-5 .cnt.cnt-b .l {
  left: 0px;
  top: 0px;
  width: calc(25% - 0.07rem);
  height: 100%;
  position: absolute;
}
.banner-5 .cnt.cnt-b .c-1 {
  top: 0px;
  left: calc(25% + 0.03rem);
  width: calc(25% - 0.07rem);
  height: calc(50% - 0.07rem);
  position: absolute;
}
.banner-5 .cnt.cnt-b .c-2 {
  top: 0px;
  left: calc(50% + 0.06rem);
  width: calc(25% - 0.07rem);
  height: calc(50% - 0.07rem);
  position: absolute;
}
.banner-5 .cnt.cnt-b .c-3 {
  left: calc(25% + 0.03rem);
  top: calc(50% + 0.07rem);
  width: calc(50% - 0.04rem);
  height: calc(50% - 0.08rem);
  position: absolute;
}
.banner-5 .cnt.cnt-b .r {
  left: calc(75% + 0.07rem);
  top: 0px;
  width: calc(25% - 0.07rem);
  height: 100%;
  position: absolute;
}

.banner-3 {
  margin-top: 1.05rem;
  height: 9.32rem;
  background: url(../images/index-banner-3.png) 50% 0 no-repeat;
  background-size: cover;
}
.banner-3 .wp {
  padding-top: 0.5rem;
}
.banner-3 .plate {
  display: flex;
  align-items: center;
}
.banner-3 .plate .tt {
  flex: 1;
}
.banner-3 .arrow {
  display: flex;
}
.banner-3 .arrow .cell {
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #5d1012;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.banner-3 .arrow .cell + .cell {
  margin-left: 57px;
}
.banner-3 .arrow .cell .iconfont {
  font-size: 25px;
  font-family: cursive;
  display: block;
}
.banner-3 .arrow .cell.lt .iconfont {
  transform: translateX(-2px);
}
.banner-3 .arrow .cell.gt .iconfont {
  transform: translateX(2px);
}
.banner-3 .cnt {
  margin-top: 1.05rem;
  height: 5.8rem;
}
.banner-3 .cnt .cell {
  width: 3.5rem;
  line-height: 1;
  color: #ffffff;
}
.banner-3 .cnt .cell .img {
  overflow: hidden;
}
.banner-3 .cnt .cell .img.video {
  position: relative;
}
.banner-3 .cnt .cell .img.video::before,
.banner-3 .cnt .cell .img.video::after {
  position: absolute;
  display: block;
  content: '';
  z-index: 99;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s;
}
.banner-3 .cnt .cell .img.video::before {
  width: 105px;
  height: 105px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.banner-3 .cnt .cell .img.video::after {
  width: 0px;
  height: 0px;
  border: 24px solid transparent;
  border-right: 0;
  margin-left: 8px;
  border-left: 42px solid #595757;
}
.banner-3 .cnt .cell .img.video:hover::before {
  transform: translate(-50%, -50%) scale(0.9);
}
.banner-3 .cnt .cell .img.video:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}

.banner-3 .cnt .cell .img {
  position: relative;
}
.banner-3 .cnt .cell .img::after {
  display: block;
  content: '';
  padding-top: 139%;
}
.banner-3 .cnt .cell img {
  position: absolute;
}
.banner-3 .cnt .cell img {
  width: 100%;
  height: 100%;
}
.banner-3 .cnt .cell .txt {
  position: relative;
  margin-top: 0.2rem;
  padding: 0px 0 0px 0;
  line-height: 1;
}
.banner-3 .cnt .cell .txt h4 {
  position: relative;
  font-size: 0.22rem;
  margin-bottom: 0.2rem;
  line-height: 1.4;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-bottom: 0.1rem;
}
.banner-3 .cnt .cell .txt h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 0.02rem;
  background-color: #fff;
  width: 0.3rem;
  transition: all 0.2s linear;
}
.banner-3 .cnt .cell .scale-img:hover h4:after {
  width: 100%;
}
.banner-3 .cnt .cell .txt h5 {
  font-size: 18px;
  display: flex;
  align-items: center;
  background: 0 0 no-repeat;
  padding-left: 36px;
  height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner-3 .cnt .cell .txt h5 + h5 {
  margin-top: 16px;
}
.banner-3 .cnt .cell .txt h5.icon-author {
  background-image: url(../images/icon-author.png);
}
.banner-3 .cnt .cell .txt h5.icon-grade {
  background-image: url(../images/icon-grade.png);
}
.banner-3 .cnt .cell .txt h5.icon-name {
  background-image: url(../images/icon-name.png);
}
.banner-3 .cnt .cell .txt h5.icon-produce {
  background-image: url(../images/icon-produce.png);
}
.banner-3 .cnt .cell .txt h5.icon-instructor {
  background-image: url(../images/icon-instructor.png);
}
.banner-3 .cnt .cell .txt h5 .icon {
  width: 20px;
  height: 22px;
  display: block;
  background: 0 0 no-repeat;
  margin-right: 16px;
}
.banner-3 .cells {
  height: 5.8rem;
  width: 15rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.banner-3 .cells > div {
  width: 3.57rem;
}

.banner-6 {
  margin-top: 0.71rem;
}
.banner-6 .cnt {
  margin-top: 0.7rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.banner-6 .cnt .cell {
  margin: 0 0.08rem;
}
.banner-6 .cnt .cell img {
  width: 1.22rem;
  height: 1.14rem;
}
.banner-6 .cnt .cell h5 {
  font-size: 0.26rem;
  line-height: 1;
  text-align: center;
  color: #5d1012;
  margin-top: 0.35rem;
}
.banner-6 .cnt .line,
.banner-6 .cnt .banner-2 .wp .l,
.banner-2 .wp .banner-6 .cnt .l,
.banner-6 .cnt .banner-2 .wp .r .section-2 + .section-2,
.banner-2 .wp .r .banner-6 .cnt .section-2 + .section-2,
.banner-6 .banner-4 .cnt aside .cell,
.banner-4 .banner-6 .cnt aside .cell {
  width: 2.43rem;
  height: 0.02rem;
  overflow: hidden;
  transform: translateY(0.68rem);
}
.banner-6 .cnt .line svg,
.banner-6 .cnt .banner-2 .wp .l svg,
.banner-2 .wp .banner-6 .cnt .l svg,
.banner-6 .cnt .banner-2 .wp .r .section-2 + .section-2 svg,
.banner-2 .wp .r .banner-6 .cnt .section-2 + .section-2 svg,
.banner-6 .banner-4 .cnt aside .cell svg,
.banner-4 .banner-6 .cnt aside .cell svg {
  width: 100%;
}
.banner-6 .path {
  stroke-dasharray: 4, 3;
  animation: dash1 6s linear infinite;
}
@keyframes dash1 {
  to {
    stroke-dashoffset: -100;
  }
}

.banner-7 {
  margin-top: 1.06rem;
}
.banner-7 .plate {
  height: 200px;
}
.banner-7 .cnt {
  margin-top: 0.4rem;
  justify-content: space-between;
}
.banner-7 .cnt .cells {
  font-size: 0.14rem;
  line-height: 1;
  display: flex;
  justify-content: space-between;
}
.banner-7 .cnt .cells a {
  color: rgb(0, 0, 0);
}
.banner-7 .cnt .cells + .cells {
  margin-top: 66px;
}

.ai-service {
  position: fixed;
  width: 30px;
  height: 114px;
  top: calc(50% + 215px);
  right: 0;
  z-index: 1200;
  transition: 0.5s;
}
.ai-service .ai-service-bd {
  width: 100%;
  height: 100%;
  border-radius: 14px 0 0 14px;
  background-color: #5c1112;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #ffffff;
  z-index: 1201;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}
.ai-service::after {
  position: absolute;
  display: block;
  content: '';
  background: url(../images/ai-service-bg.png) 0 0 no-repeat;
  width: 296px;
  height: 423px;
  bottom: 12px;
  right: 0;
  transform: scale(0.625);
  transform-origin: bottom right;
  pointer-events: none;
  transition: 0.5s;
}
.ai-service:hover {
  width: 48px;
}
.ai-service:hover .ai-service-bd {
  border-radius: 22px 0 0 22px;
}
.ai-service:hover::after {
  transform: scale(1);
}
.banner-10 {
  margin-bottom: 1.3rem;
}
.banner-10 .wp {
  display: flex;
  align-items: center;
}
.banner-10 .plate {
  width: 140px;
}
.banner-10 .cnt-mn {
  margin-left: 0.47rem;
  flex: 1;
  overflow: hidden;
}
.banner-10 .cnt {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.banner.banner-10 .cell {
  width: 2.1rem;
  height: 2.1rem;
}

.banner.banner-10 .cell a {
  display: flex;
  width: 100%;
  height: 100%;
  background: url('../images/shushuo-JAI-icon-b.png') #fff 50% -10000px no-repeat;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  transition: background-color.2s;
  background-size: 2.1rem 25rem;
}
.banner.banner-10 .cell a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  border: 0.01rem #5d1012 dashed;
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-animation: play 25s linear infinite;
  -moz-animation: play 25s linear infinite;
  animation: play 25s linear infinite;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
.banner.banner-10 .cell img {
  display: inline-block;
}

.banner-10 .cnt .swiper-slide {
  display: flex;
  justify-content: space-around;
  padding: 1px 1px 1px 0;
}
.banner-10 .cnt .swiper-slide.last {
  justify-content: flex-end;
}
.banner.banner-10 .cell h3 {
  font-size: 0.15rem;
  color: #5d1012;
  text-align: center;
  line-height: 1.4;
  position: absolute;
  transition: all 0.2s;
  font-weight: 700;
  left: 0;
  width: 100%;
}
.banner-10 .path {
  stroke-dasharray: 3, 3;
  animation: dash1 6s linear infinite;
}
.banner-10 .line {
  position: absolute;
  height: 3px;
  overflow: hidden;
  top: 50%;
  margin-top: -1px;
  pointer-events: none;
}
.banner.banner-10 .cell:first-child {
  margin-left: 2.04rem;
}
.banner.banner-10 .swiper-slide.last .cell + .cell {
  margin-left: 0.9rem;
}
.banner-10 .swiper-container {
}
.banner-10 .swiper-wrapper {
}
.banner-10 .swiper-pagination {
  width: auto;
  left: 0;
  top: 50%;
  display: flex;
  margin-top: -0.19rem;
  height: auto;
}
.banner-10 .swiper-pagination span {
  position: relative;
  display: block;
  width: 0.38rem;
  height: 0.38rem;
  opacity: 1;
  margin: 0 !important;
  background-color: transparent;
  border-radius: 0;
}

.banner-10 .swiper-pagination span:before,
.banner-10 .swiper-pagination span:after {
  content: '';
  display: block;
  position: absolute;
  transition: 0.5s;
}

.banner-10 .swiper-pagination span::before {
  width: 0.16rem;
  height: 0.16rem;
  background-color: #c5ad70;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -0.08rem 0 0 -0.08rem;
  transform: scale(1);
}

.banner-10 .swiper-pagination span::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/banner-dot-2.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  transform: scale(0);
}
.banner-10 span.swiper-pagination-bullet-active::before {
  transform: scale(0);
}
.banner-10 span.swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.banner-10 .swiper-pagination span + span {
  margin-left: 0.18rem !important;
}
.banner.banner-10 .cell h4 {
  position: absolute;
  font-size: 0.23rem;
  color: #fff;
  left: -1000px;
  top: -1000px;
  transition: all 0.2s;
  opacity: 0;
}
.banner.banner-10 .cell a:hover {
  background-color: #c5ad70;
  background-image: url(../images/shushuo-JAI-icon-b-on.png);
}
.banner.banner-10 .cell a:hover h3 {
  color: #fff;
}
.banner.banner-10 .cell a:hover h4 {
  opacity: 0;
}

.banner-10 .cnt-mn-mobile {
  display: none;
}
.banner.banner-9 .cnt-m {
  display: none;
}

/* 响应式 */
@media screen and (max-width: 1199px) {
  .bd {
    padding-top: 0;
  }
  .wp {
    width: 100%;
    padding: 0 0.2rem;
  }
  .main-visual {
    height: 60vw;
    position: relative;
  }
  .main-visual .progress {
    right: 0.2rem;
  }
  .main-visual .swiper-slide h5 {
    padding-left: 0.2rem;
  }
  .horse {
  }
  .horse .horse-b-1 {
    transform: scale(0.7) translateY(0.02rem);
  }
  .horse .horse-b-2 {
    transform: scale(0.5) translateY(0.05rem);
  }
  .banner-2 .wp {
    display: block;
    width: 100%;
    padding: 0 0.2rem;
  }
  .banner-2 .wp .l {
    width: 100%;
  }
  .banner-2 .wp .l::after {
    display: none;
  }
  .banner-2 .wp .l .section-1 .cnt {
  }
  .banner-2 .wp .r {
    width: 100%;
  }
  .banner-2 .wp .r .scale-img img {
    max-width: 100%;
    height: auto;
  }
  .bd {
    padding-top: 100vh;
  }

  .bd-main {
    background: #fff url(../images/index-bg.png) 50% calc(100% - 6px) no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .header-2 {
    z-index: 1000;
  }

  .banner {
  }

  .footer {
    position: relative;
    z-index: 100;
  }

  .plate .tt {
    display: flex;
    align-items: flex-start;
  }
  .plate .tt .lbl {
  }
  .plate .tt .lbl h4 {
  }
  .plate .tt .lbl h3 {
  }
  .plate .tt .lbl::before {
  }
  .plate .tt .more {
  }
  .plate .tt-b .lbl h3,
  .plate .tt-b .lbl h4 {
    color: #9c7b5d;
  }
  .plate .tt-b .lbl::before {
    background: #9c7b5d;
  }
  .plate .tt-c .lbl::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #c5ad70);
  }

  .more {
    font-size: 14px;
  }
  .more span {
  }
  .more:hover span {
    transform: translateX(5px);
  }

  .scale-img,
  .banner-4 .cnt article {
  }
  .scale-img img,
  .banner-4 .cnt article img {
  }
  .scale-img:hover img,
  .banner-4 .cnt article:hover img {
    transform: scale(1.08);
  }

  .line,
  .banner-4 .cnt aside .cell,
  .banner-2 .wp .r .section-2 + .section-2,
  .banner-2 .wp .l {
  }
  .line::after,
  .banner-4 .cnt aside .cell::after,
  .banner-2 .wp .r .section-2 + .section-2::after,
  .banner-2 .wp .l::after {
    position: absolute;
    display: block;
    content: '';
    background-color: #d8d8d8;
  }

  .button-play {
    position: relative;
  }
  .button-play::before,
  .button-play::after {
    position: absolute;
    display: block;
    content: '';
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .button-play::before {
    width: 135px;
    height: 135px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .button-play::after {
    width: 0px;
    height: 0px;
    border: 30px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 52px solid #595757;
  }
  .button-play:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .button-play:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }

  #gotop {
    position: fixed;
    z-index: 900;
    bottom: 32px;
    right: 10px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background: #e6c390;
    visibility: visible;
    opacity: 0;
  }
  #gotop.active {
    opacity: 1;
  }
  #gotop svg {
    width: 22px;
    height: 22px;
    display: inline-block;
    fill: #fff;
    vertical-align: middle;
    margin: -3px 0 0;
    transition: 0.6s;
  }
  #gotop:hover {
    border-radius: 50%;
  }

  .main-visual {
    position: fixed;
    height: 100vh;
    width: 100%;
    font-size: 110px;
    top: 0;
  }
  .main-visual .visual-wp,
  .main-visual .img-cells {
    position: relative;
    height: 100%;
  }
  .main-visual .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-visual .swiper-slide a {
    width: 100%;
    height: 100%;
  }
  .main-visual .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.5s linear;
  }
  .main-visual .swiper-slide img.dark {
    filter: brightness(50%);
  }
  .main-visual .swiper-slide h5 {
    bottom: 1.2rem;
  }
  .main-visual .progress {
    bottom: 1.3rem;
  }
  .main-visual .progress .progress-cells {
  }
  .main-visual .progress .progress-cells .progress-cell {
  }
  .main-visual .progress .progress-cells .progress-cell + .progress-cell {
  }
  .main-visual .progress .progress-cells .progress-cell::before,
  .main-visual .progress .progress-cells .progress-cell::after {
  }
  .main-visual .progress .progress-cells .progress-cell::before {
  }
  .main-visual .progress .progress-cells .progress-cell::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner-dot.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    transform: scale(0);
  }
  .main-visual .progress .progress-cells .progress-cell.active::before {
    transform: scale(0);
  }
  .main-visual .progress .progress-cells .progress-cell.active::after {
    transform: scale(1);
  }
  .main-visual .progress .line,
  .main-visual .progress .banner-4 .cnt aside .cell,
  .banner-4 .cnt aside .main-visual .progress .cell,
  .main-visual .progress .banner-2 .wp .r .section-2 + .section-2,
  .banner-2 .wp .r .main-visual .progress .section-2 + .section-2,
  .main-visual .progress .banner-2 .wp .l,
  .banner-2 .wp .main-visual .progress .l {
  }
  .main-visual .progress .more {
    font-size: 12px;
  }
  .main-visual .arrow-lt,
  .main-visual .arrow-gt {
  }
  .main-visual .arrow-lt:hover,
  .main-visual .arrow-gt:hover {
    opacity: 1;
  }
  .main-visual .arrow-lt .iconfont,
  .main-visual .arrow-gt .iconfont {
  }
  .main-visual .arrow-lt.lt .iconfont,
  .main-visual .arrow-gt.lt .iconfont {
    transform: translateX(-2px);
  }
  .main-visual .arrow-lt.gt .iconfont,
  .main-visual .arrow-gt.gt .iconfont {
    transform: translateX(2px);
  }
  .main-visual .arrow-lt {
    left: 0.2rem;
  }
  .main-visual .arrow-gt {
    right: 0.2rem;
  }
  .main-visual .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 288px;
    pointer-events: none;
    background: url(../images/visual-mask-bottom.png) repeat-x 50% 0;
  }

  .horse {
  }
  .horse > * {
  }
  .horse-b-1 {
    background-image: url('../images/index-banner-1-c-1.png');
  }
  .horse-b-2 {
    background-image: url('../images/index-banner-1-c-2.png');
  }
  .horse.small .horse-b-1 {
    transform: scale(0.7) translateY(0.02rem);
  }
  .horse.small .horse-b-2 {
    transform: scale(0.5) translateY(0.05rem);
  }

  .banner-1 {
    position: relative;
  }
  .banner-1 .bg-line {
    background-color: #fff;
    height: 16px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .banner-1 .wp {
  }
  .banner-1 .banner-bd {
    width: 100%;
  }
  .banner-1 .main {
    display: flex;
    align-items: flex-end;
  }
  .banner-1 .main .ipt-search {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    padding-left: 0.2rem;
  }
  .banner-1 .main .ipt-search::-webkit-input-placeholder {
    transition: 0.5s;
    color: #5d1012;
    font-size: 0.3rem;
    line-height: 0.3rem;
  }
  .banner-1 .main .ipt-search::-moz-placeholder {
    transition: 0.5s;
    color: #5d1012;
    font-size: 0.35rem;
    line-height: 0.35rem;
    opacity: 1;
  }
  .banner-1 .main .ipt-search:hover,
  .banner-1 .main .ipt-search:focus {
  }
  .banner-1 .main .ipt-search:hover::-webkit-input-placeholder,
  .banner-1 .main .ipt-search:focus::-webkit-input-placeholder {
    color: #ddd;
  }
  .banner-1 .main .ipt-search:hover::-moz-placeholder,
  .banner-1 .main .ipt-search:focus::-moz-placeholder {
    color: #ddd;
  }
  .banner-1 .main .tt {
    font-size: 35px;
    color: #5d1012;
    line-height: 1;
    padding-left: 34px;
    flex: 1;
  }
  .banner-1 .main .submit-button {
    width: 30px;
    height: 30px;
    margin: 0 0.2rem;
  }
  .banner-1 .main .submit-button .icon-fangdajing {
  }
  .banner-1 .main .submit-button .ipt-submit {
  }
  .banner-1 .main .search {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    position: relative;
  }
  .banner-1 .main .search .search-bd {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s;
  }
  .banner-1 .main .search .ipt-text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 0;
    font-size: 14px;
    border-radius: 10px;
    color: #333333;
    border: 1px solid #ddd;
    padding: 0 40px 0 10px;
    box-sizing: border-box;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
  }
  .banner-1 .main .search:hover .search-bd {
    width: 260px;
  }
  .banner-1 .main .search:hover .ipt-text {
    visibility: visible;
  }
  .banner-1 .main .search:hover .icon-fangdajing {
    color: #5d1012;
  }
  .banner-1 .split-line {
    margin: 5px 0;
  }
  .banner-1 .keywords {
    font-size: 14px;
    padding-left: 0.2rem;
  }
  .banner-1 .keywords .lbl {
    color: #5d1012;
    margin-right: 8px;
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  }
  .banner-1 .keywords .lbl span {
    margin-left: 8px;
  }
  .banner-1 .keywords .txt {
    color: #5d1012;
    display: flex;
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  }
  .banner-1 .keywords .txt a {
    color: #333333;
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  }

  .banner-2 {
  }
  .banner-2 .wp {
    display: flex;
    justify-content: space-between;
  }
  .banner-2 .wp .l {
    width: 10.32rem;
    height: auto;
  }
  .banner-2 .wp .l .section-1 .cnt {
  }
  .banner-2 .wp .l .section-1 .cnt .slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt {
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt h6 {
    font-size: 14px;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt h5 {
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt * {
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell:hover .txt {
    transform: translateY(-0);
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell.active {
    opacity: 1;
  }
  .banner-2 .wp .l .section-1 .cnt .slide::before,
  .banner-2 .wp .l .section-1 .cnt .slide::after {
    position: absolute;
    display: block;
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .banner-2 .wp .l .section-1 .cnt .slide::before {
    width: 135px;
    height: 135px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .banner-2 .wp .l .section-1 .cnt .slide::after {
    width: 0px;
    height: 0px;
    border: 30px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 52px solid #595757;
  }
  .banner-2 .wp .l .section-1 .cnt .slide:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .banner-2 .wp .l .section-1 .cnt .slide:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .banner-2 .wp .l .section-1 .cnt .swiper {
    height: 100%;
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination {
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet {
    width: 0.38rem;
    height: 0.38rem;
    margin: 0 0.04rem;
    position: relative;
    opacity: 1;
    background-color: transparent;
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet:before,
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet:after {
    content: '';
    display: block;
    position: absolute;
    transition: 0.5s;
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet::before {
    width: 0.12rem;
    height: 0.12rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -0.06rem 0 0 -0.06rem;
    transform: scale(1);
  }

  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner-dot.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    transform: scale(0);
  }

  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    transform: scale(0);
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    transform: scale(1);
  }

  /*.banner-2 .wp .l .section-1 .cnt .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}*/
  .banner-2 .wp .l .section-1 .cnt .arrow-lt,
  .banner-2 .wp .l .section-1 .cnt .arrow-gt {
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-lt:hover,
  .banner-2 .wp .l .section-1 .cnt .arrow-gt:hover {
    opacity: 1;
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-lt .iconfont,
  .banner-2 .wp .l .section-1 .cnt .arrow-gt .iconfont {
    font-size: 0.25rem;
    font-family: cursive;
    display: block;
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-lt.lt .iconfont,
  .banner-2 .wp .l .section-1 .cnt .arrow-gt.lt .iconfont {
    transform: translateX(-2px);
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-lt.gt .iconfont,
  .banner-2 .wp .l .section-1 .cnt .arrow-gt.gt .iconfont {
    transform: translateX(2px);
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-lt {
    left: 0.2rem;
  }
  .banner-2 .wp .l .section-1 .cnt .arrow-gt {
    right: 0.2rem;
  }
  .banner-2 .wp .l:after {
    right: -0.32rem;
    top: 0;
    height: 100%;
    width: 0.02rem;
  }
  .banner-2 .wp .r {
    width: 4.04rem;
  }
  .banner-2 .wp .r .section-2 .cnt {
  }
  .banner-2 .wp .r .section-2 .cnt * {
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
  }
  .banner-2 .wp .r .section-2 .cnt h6 {
    font-size: 14px;
    color: #5d1012;
    font-weight: inherit;
    margin-left: -0.5em;
  }
  .banner-2 .wp .r .section-2 .cnt h5 {
    font-size: 16px;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article {
    height: 1.99rem;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article .txt,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article .txt {
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h6,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h6,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h6,
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h5,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h5,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h5 {
    color: #ffffff;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h6,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h6,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h6 {
    margin-left: 0;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h5,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article .txt h5,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article .txt h5 {
    font-size: 16px;
    /* margin-top: 10px; */
    padding: 0 0.06rem;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img:hover .txt,
  .banner-2 .wp .r .section-2 .banner-4 .cnt article:hover .txt,
  .banner-4 .banner-2 .wp .r .section-2 .cnt article:hover .txt {
    transform: translateY(-0);
  }
  .banner-2 .wp .r .section-2 .cnt .lst {
    font-family: 'SourceHanSansCN', 'Microsoft Yahei';
    line-height: 1;
  }
  .banner-2 .wp .r .section-2 .cnt .lst .cell {
    transition: 0.5s;
    color: #3e3a39;
  }
  .banner-2 .wp .r .section-2 .cnt .lst .cell + .cell {
    margin-top: 0.7rem;
  }
  .banner-2 .wp .r .section-2 .cnt .lst .cell:hover {
    color: #5d1012;
    transform: translateY(-5px);
  }
  .banner-2 .wp .r .section-2 .cnt .lst .cell h5 {
  }
  .banner-2 .wp .r .section-2.jdyw .cnt {
    margin-top: 0.32rem;
    display: flex;
  }
  .banner-2 .wp .r .section-2.jdyw .lst {
    flex: 1;
    margin-top: 0;
    margin-left: 0.5rem;
    overflow: hidden;
  }
  .banner-2 .wp .r .section-2.tzgg .lst {
    margin-top: 0.32rem;
  }
  .banner-2 .wp .r .section-2 + .section-2 {
    margin-top: 40px;
  }
  .banner-2 .wp .r .section-2 + .section-2:after {
    display: none;
  }

  .banner-8 {
  }
  .banner-8 .cnt {
    margin-top: 0.32rem;
    height: 2.77rem;
    position: relative;
  }
  .banner-8 .cnt .swiper-slide {
    width: 3.92rem;
  }
  .banner-8 .cnt .cell {
    line-height: 1;
    position: relative;
    overflow: hidden;
  }

  .banner-8 .cnt .cell img {
    width: 3.92rem;
    height: 2.77rem;
    transition: all 0.5s;
  }

  .banner-8 .cnt .cell:hover img {
    transform: scale(1.3);
  }
  .banner-8 .cnt .cell h5 {
  }
  .banner-8 .cnt .cell::after {
  }
  .banner-8 .cnt .cell:hover::after {
    opacity: 0;
  }
  .banner-8 .cnt .cell.video .img {
    position: relative;
  }
  .banner-8 .cnt .cell.video .img::before,
  .banner-8 .cnt .cell.video .img::after {
    position: absolute;
    display: block;
    content: '';
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .banner-8 .cnt .cell.video .img::before {
    width: 105px;
    height: 105px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .banner-8 .cnt .cell.video .img::after {
    width: 0px;
    height: 0px;
    border: 24px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 42px solid #595757;
  }
  .banner-8 .cnt .cell.video .img:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .banner-8 .cnt .cell.video .img:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .banner-8 .cnt .arrow-lt,
  .banner-8 .cnt .arrow-gt {
  }
  .banner-8 .cnt .arrow-lt:hover,
  .banner-8 .cnt .arrow-gt:hover {
    opacity: 1;
  }
  .banner-8 .cnt .arrow-lt .iconfont,
  .banner-8 .cnt .arrow-gt .iconfont {
  }
  .banner-8 .cnt .arrow-lt {
    left: 0.2rem;
  }
  .banner-8 .cnt .arrow-lt .iconfont {
    transform: translateX(-2px);
  }
  .banner-8 .cnt .arrow-gt {
    right: 0.2rem;
  }
  .banner-8 .cnt .arrow-gt .iconfont {
  }

  .banner-4 {
    margin-top: 0.96rem;
  }
  .banner-4 .wp {
    padding: 0 0.2rem;
    width: 100%;
  }
  .banner-4 .cnt {
  }
  .banner-4 .cnt article {
    /* flex: 1; */
    /* width: inherit; */
  }
  .banner-4 .cnt article .cell {
    display: block;
    width: 100%;
    height: 100%;
  }
  .banner-4 .cnt article .cell h5 {
    font-size: 14px;
    padding: 0.14rem 0.2rem;
    bottom: 0;
  }
  .banner-4 .cnt article .swiper-slide:hover h5 {
    transform: translateY(-0);
  }
  .banner-4 .cnt article .cell.video {
    position: relative;
  }
  .banner-4 .cnt article .cell.video::before,
  .banner-4 .cnt article .cell.video::after {
    position: absolute;
    display: block;
    content: '';
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .banner-4 .cnt article .cell.video::before {
    width: 115px;
    height: 115px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .banner-4 .cnt article .cell.video::after {
    width: 0px;
    height: 0px;
    border: 30px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 52px solid #595757;
  }
  .banner-4 .cnt article .cell.video:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .banner-4 .cnt article .cell.video:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .banner-4 .cnt article .arrow-lt,
  .banner-4 .cnt article .arrow-gt {
    position: absolute;
    top: 50%;
    z-index: 99;
    display: flex;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #5d1012;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
  }
  .banner-4 .cnt article .arrow-lt:hover,
  .banner-4 .cnt article .arrow-gt:hover {
    opacity: 1;
  }
  .banner-4 .cnt article .arrow-lt .iconfont,
  .banner-4 .cnt article .arrow-gt .iconfont {
  }
  .banner-4 .cnt article .arrow-lt.lt .iconfont,
  .banner-4 .cnt article .arrow-gt.lt .iconfont {
    transform: translateX(-2px);
  }
  .banner-4 .cnt article .arrow-lt.gt .iconfont,
  .banner-4 .cnt article .arrow-gt.gt .iconfont {
    transform: translateX(2px);
  }
  .banner-4 .cnt article .arrow-lt {
    left: 0.2rem;
  }
  .banner-4 .cnt article .arrow-gt {
    right: 0.2rem;
  }
  .banner-4 .cnt aside {
    margin-left: 0.2rem;
    overflow: hidden;
    padding-top: 5px;
    margin-top: -5px;
  }
  .banner-4 .cnt aside .cell {
  }
  .banner-4 .cnt aside .cell::after {
    /* left: 0; */
    /* bottom: 0; */
    /* width: 100%; */
    /* height: 0.02rem; */
    /* background-color: #dfdfdf; */
    display: none;
  }
  .banner-4 .cnt aside .cell + .cell {
  }
  .banner-4 .cnt aside .cell:last-child {
    padding-bottom: 0;
  }
  .banner-4 .cnt aside .cell:last-child::after {
    display: none;
  }
  .banner-4 .cnt aside .cell h5,
  .banner-4 .cnt aside .cell h6 {
    margin-left: 0;
    font-size: 16px;
  }
  .banner-4 .cnt aside .cell h5 {
  }
  .banner-4 .cnt aside .cell h6 {
    color: #919191;
    font-size: 12px;
    display: none;
  }
  .banner-4 .cnt aside .cell.active,
  .banner-4 .cnt aside .cell:hover {
    color: #5d1012;
  }
  .banner-4 .cnt aside .cell.active h5,
  .banner-4 .cnt aside .cell.active h6,
  .banner-4 .cnt aside .cell:hover h5,
  .banner-4 .cnt aside .cell:hover h6 {
    transform: translateY(-5px);
  }

  .banner-9 {
  }
  .banner-9 .horse-2,
  .banner-9 .mountain-2 {
  }
  .banner-9 .horse-2 {
    background-image: url(../images/horse-2-d.png);
    background-size: 100% 100%;
  }
  .banner-9 .mountain-2 {
  }

  .banner-9 .horse-2 {
    transform: translate(-50%, 0) scale(0.5);
  }
  .banner-9 .mountain-2 {
    transform: translate(-50%, 0) scale(0.7);
  }

  .banner-9 .plate .tt {
    justify-content: center;
  }
  .banner-9 .plate .tt .lbl {
  }
  .banner-9 .plate .tt .lbl::after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    width: 5px;
  }
  .banner-9 .plate .tt .lbl::before,
  .banner-9 .plate .tt .lbl::after {
  }
  .banner-9 .plate .tt h4 {
    width: 100%;
    text-align: center;
  }
  .banner-9 .cnt {
    padding: 0 0;
  }
  .banner-9 .cnt .swiper-slide {
    width: 5.04rem;
    height: 2.84rem;
    overflow: hidden;
  }
  .banner-9 .cnt .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .banner-9 .cnt .cell {
    line-height: 1;
    position: relative;
    height: 100%;
  }
  .banner-9 .cnt .cell h5 {
    padding: 0.14rem 0;
  }
  .banner-9 .cnt .swiper-slide img,
  .banner-9 .cnt .swiper-slide h5 {
    font-size: 16px;
    bottom: 0;
  }
  .banner-9 .cnt .swiper-slide:hover img {
    transform: scale(1.3);
  }
  .banner-9 .cnt .swiper-slide:hover h5 {
    transform: translateY(-0);
  }

  .banner-9 .cnt .cell.video {
    position: relative;
  }
  .banner-9 .cnt .cell.video::before,
  .banner-9 .cnt .cell.video::after {
    position: absolute;
    display: block;
    content: '';
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .banner-9 .cnt .cell.video::before {
    width: 102px;
    height: 102px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .banner-9 .cnt .cell.video::after {
    width: 0px;
    height: 0px;
    border: 23px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 40px solid #595757;
  }
  .banner-9 .cnt .cell.video:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .banner-9 .cnt .cell.video:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .banner-9 .cnt .arrow-lt,
  .banner-9 .cnt .arrow-gt {
    position: absolute;
    top: 50%;
    z-index: 99;
    display: flex;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #5d1012;
    transform: translate(0, -50%) scale(1);
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    opacity: 0.8;
    transition: 0.5s;
  }
  .banner-9 .cnt .arrow-lt:hover,
  .banner-9 .cnt .arrow-gt:hover {
    transform: translate(0, -50%) scale(1.1);
    opacity: 1;
  }
  .banner-9 .cnt .arrow-lt .iconfont,
  .banner-9 .cnt .arrow-gt .iconfont {
    font-size: 32px;
    font-family: cursive;
    display: block;
  }
  .banner-9 .cnt .arrow-lt {
    left: -77px;
  }
  .banner-9 .cnt .arrow-lt .iconfont {
    transform: translateX(-2px);
  }
  .banner-9 .cnt .arrow-gt {
    right: -77px;
  }
  .banner-9 .cnt .arrow-gt .iconfont {
    transform: translateX(2px);
  }

  .banner-5 {
    height: auto;
    padding: 0.5rem 0;
  }
  .banner-5 > .wp {
    width: 100%;
    margin-top: 0;
  }
  .banner-5 .cnt {
  }
  .banner-5 .cnt > * {
  }
  .banner-5 .cnt .img-cnt .scale-img,
  .banner-5 .banner-4 .cnt .img-cnt article,
  .banner-4 .banner-5 .cnt .img-cnt article {
    overflow: hidden;
    color: #ffffff;
  }
  .banner-5 .cnt .img-cnt .scale-img .txt,
  .banner-5 .banner-4 .cnt .img-cnt article .txt,
  .banner-4 .banner-5 .cnt .img-cnt article .txt,
  .banner-5 .cnt .img-cnt .scale-img .lbl,
  .banner-5 .banner-4 .cnt .img-cnt article .lbl,
  .banner-4 .banner-5 .cnt .img-cnt article .lbl {
    position: absolute;
  }
  .banner-5 .cnt .img-cnt .scale-img .txt,
  .banner-5 .banner-4 .cnt .img-cnt article .txt,
  .banner-4 .banner-5 .cnt .img-cnt article .txt {
    font-family: 'SourceHanSansCN', 'Microsoft Yahei';
    line-height: 1;
    bottom: 0.68rem;
    left: 0;
    padding: 0 0.19rem;
    transition: 0.5s;
  }
  .banner-5 .cnt .img-cnt .scale-img h6,
  .banner-5 .banner-4 .cnt .img-cnt article h6,
  .banner-4 .banner-5 .cnt .img-cnt article h6 {
    font-size: 11px;
  }
  .banner-5 .cnt .img-cnt .scale-img h6 + h5,
  .banner-5 .banner-4 .cnt .img-cnt article h6 + h5,
  .banner-4 .banner-5 .cnt .img-cnt article h6 + h5 {
    margin-top: 5px;
  }
  .banner-5 .cnt .img-cnt .scale-img h5,
  .banner-5 .banner-4 .cnt .img-cnt article h5,
  .banner-4 .banner-5 .cnt .img-cnt article h5 {
    font-size: 15px;
  }
  .banner-5 .cnt .img-cnt .scale-img .lbl,
  .banner-5 .banner-4 .cnt .img-cnt article .lbl,
  .banner-4 .banner-5 .cnt .img-cnt article .lbl {
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 0.15rem;
    line-height: 0.28rem;
    padding: 0 0.1rem 0.14rem;
    left: 0.18rem;
    right: 0.18rem;
  }
  .banner-5 .cnt .img-cnt .scale-img .lbl .iconfont,
  .banner-5 .banner-4 .cnt .img-cnt article .lbl .iconfont,
  .banner-4 .banner-5 .cnt .img-cnt article .lbl .iconfont {
    font-size: 0.28rem;
  }
  .banner-5 .cnt .img-cnt .scale-img .lbl span,
  .banner-5 .banner-4 .cnt .img-cnt article .lbl span,
  .banner-4 .banner-5 .cnt .img-cnt article .lbl span {
    margin-left: 0.1rem;
  }
  .banner-5 .cnt .img-cnt .scale-img .lbl::after,
  .banner-5 .banner-4 .cnt .img-cnt article .lbl::after,
  .banner-4 .banner-5 .cnt .img-cnt article .lbl::after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    height: 0.06rem;
    width: 0.92rem;
    transition: 0.5s;
  }
  .banner-5 .cnt .img-cnt .scale-img:hover .txt,
  .banner-5 .banner-4 .cnt .img-cnt article:hover .txt,
  .banner-4 .banner-5 .cnt .img-cnt article:hover .txt {
    transform: translateY(-10px);
  }
  .banner-5 .cnt .img-cnt .scale-img:hover .lbl::after,
  .banner-5 .banner-4 .cnt .img-cnt article:hover .lbl::after,
  .banner-4 .banner-5 .cnt .img-cnt article:hover .lbl::after {
    width: 100%;
  }
  .banner-5 .cnt .l {
  }
  .banner-5 .cnt .l .plate {
  }
  .banner-5 .cnt .l .l-cnt {
    color: #ffffff;
  }
  .banner-5 .cnt .l .l-cnt .iconfont {
    font-size: 0.23rem;
    line-height: 1;
  }
  .banner-5 .cnt .l .l-cnt ul {
  }
  .banner-5 .cnt .l .l-cnt ul li {
  }
  .banner-5 .cnt .l .l-cnt ul li .qr {
  }
  .banner-5 .cnt .l .l-cnt ul li:hover .qr {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  .banner-5 .cnt .l .l-cnt ul li + li {
    margin-left: 0.23rem;
  }
  .banner-5 .cnt .l .more {
    color: #ffffff;
    position: absolute;
    bottom: 35px;
    right: 34px;
  }
  .banner-5 .cnt .c-1,
  .banner-5 .cnt .c-2 {
  }
  .banner-5 .cnt .c-1,
  .banner-5 .cnt .c-2,
  .banner-5 .cnt .c-3 {
  }
  .banner-5 .cnt .c-1 {
  }
  .banner-5 .cnt .c-1 .lbl::after {
    background-color: #00ffff;
  }
  .banner-5 .cnt .c-2 {
  }
  .banner-5 .cnt .c-2 .lbl::after {
    background-color: #e39c45;
  }
  .banner-5 .cnt .c-3 {
  }
  .banner-5 .cnt .c-3 .lbl::after {
    background-color: #33ff33;
  }
  .banner-5 .cnt .r {
  }
  .banner-5 .cnt .r .lbl::after {
    background-color: #ff00ff;
  }

  .banner-3 {
    margin-top: 1.05rem;
    height: 9.32rem;
    background: url(../images/index-banner-3.png) 50% 0 no-repeat;
    background-size: cover;
  }
  .banner-3 .wp {
    padding-top: 0.5rem;
  }
  .banner-3 .plate {
    display: flex;
    align-items: center;
  }
  .banner-3 .plate .tt {
    flex: 1;
  }
  .banner-3 .arrow {
    display: flex;
  }
  .banner-3 .arrow .cell {
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #5d1012;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
  }
  .banner-3 .arrow .cell + .cell {
    margin-left: 57px;
  }
  .banner-3 .arrow .cell .iconfont {
    font-size: 25px;
    font-family: cursive;
    display: block;
  }
  .banner-3 .arrow .cell.lt .iconfont {
    transform: translateX(-2px);
  }
  .banner-3 .arrow .cell.gt .iconfont {
    transform: translateX(2px);
  }
  .banner-3 .cnt {
    margin-top: 1.05rem;
    height: 5.8rem;
  }
  .banner-3 .cnt .cell {
    width: 3.5rem;
    line-height: 1;
    color: #ffffff;
  }
  .banner-3 .cnt .cell .img {
    overflow: hidden;
  }
  .banner-3 .cnt .cell .img.video {
    position: relative;
  }
  .banner-3 .cnt .cell .img.video::before,
  .banner-3 .cnt .cell .img.video::after {
    position: absolute;
    display: block;
    content: '';
    z-index: 99;
    top: 50%;
    left: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s;
  }
  .banner-3 .cnt .cell .img.video::before {
    width: 105px;
    height: 105px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  .banner-3 .cnt .cell .img.video::after {
    width: 0px;
    height: 0px;
    border: 24px solid transparent;
    border-right: 0;
    margin-left: 8px;
    border-left: 42px solid #595757;
  }
  .banner-3 .cnt .cell .img.video:hover::before {
    transform: translate(-50%, -50%) scale(0.9);
  }
  .banner-3 .cnt .cell .img.video:hover::after {
    transform: translate(-50%, -50%) scale(1.1);
  }
  .banner-3 .cnt .cell .txt {
    position: relative;
    margin-top: 0.2rem;
    padding: 0px 0 0px 0;
    line-height: 1;
  }
  .banner-3 .cnt .cell .txt h4 {
    position: relative;
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
    line-height: 1.4;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-bottom: 0.1rem;
  }
  .banner-3 .cnt .cell .txt h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 0.02rem;
    background-color: #fff;
    width: 0.3rem;
    transition: all 0.2s linear;
  }
  .banner-3 .cnt .cell .scale-img:hover h4:after {
    width: 100%;
  }
  .banner-3 .cnt .cell .txt h5 {
    font-size: 18px;
    display: flex;
    align-items: center;
    background: 0 0 no-repeat;
    padding-left: 36px;
    height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .banner-3 .cnt .cell .txt h5 + h5 {
    margin-top: 16px;
  }
  .banner-3 .cnt .cell .txt h5.icon-author {
    background-image: url(../images/icon-author.png);
  }
  .banner-3 .cnt .cell .txt h5.icon-grade {
    background-image: url(../images/icon-grade.png);
  }
  .banner-3 .cnt .cell .txt h5.icon-name {
    background-image: url(../images/icon-name.png);
  }
  .banner-3 .cnt .cell .txt h5.icon-produce {
    background-image: url(../images/icon-produce.png);
  }
  .banner-3 .cnt .cell .txt h5.icon-instructor {
    background-image: url(../images/icon-instructor.png);
  }
  .banner-3 .cnt .cell .txt h5 .icon {
    width: 20px;
    height: 22px;
    display: block;
    background: 0 0 no-repeat;
    margin-right: 16px;
  }
  .banner-3 .cells {
    width: 100%;
    padding: 0 0.1rem;
  }
  .banner-3 .cells > div {
    width: auto;
    flex: 1;
    padding: 0 0.1rem;
  }

  .banner-6 {
  }
  .banner-6 .cnt {
  }
  .banner-6 .cnt .cell {
    margin: 0;
  }
  .banner-6 .cnt .cell img {
    height: auto;
  }
  .banner-6 .cnt .cell h5 {
  }
  .banner-6 .cnt .line,
  .banner-6 .cnt .banner-2 .wp .l,
  .banner-2 .wp .banner-6 .cnt .l,
  .banner-6 .cnt .banner-2 .wp .r .section-2 + .section-2,
  .banner-2 .wp .r .banner-6 .cnt .section-2 + .section-2,
  .banner-6 .banner-4 .cnt aside .cell,
  .banner-4 .banner-6 .cnt aside .cell {
    width: 2.43rem;
    height: 0.02rem;
    overflow: hidden;
    transform: translateY(0.68rem);
  }
  .banner-6 .cnt .line svg,
  .banner-6 .cnt .banner-2 .wp .l svg,
  .banner-2 .wp .banner-6 .cnt .l svg,
  .banner-6 .cnt .banner-2 .wp .r .section-2 + .section-2 svg,
  .banner-2 .wp .r .banner-6 .cnt .section-2 + .section-2 svg,
  .banner-6 .banner-4 .cnt aside .cell svg,
  .banner-4 .banner-6 .cnt aside .cell svg {
    width: 100%;
  }
  .banner-6 .path {
    stroke-dasharray: 4, 3;
    animation: dash1 6s linear infinite;
  }
  @keyframes dash1 {
    to {
      stroke-dashoffset: -100;
    }
  }

  .banner-7 {
    margin-top: 1.06rem;
    padding-bottom: 1rem;
  }
  .banner-7 .plate {
    height: 200px;
  }
  .banner-7 .cnt {
    justify-content: space-between;
  }
  .banner-7 .cnt .cells {
    font-size: 0.14rem;
    line-height: 1;
    display: flex;
    justify-content: space-between;
  }
  .banner-7 .cnt .cells a {
    color: rgb(0, 0, 0);
  }
  .banner-7 .cnt .cells + .cells {
    margin-top: 66px;
  }

  .ai-service {
    position: fixed;
    width: 30px;
    height: 114px;
    top: calc(50% + 215px);
    right: 0;
    z-index: 1200;
    transition: 0.5s;
  }
  .ai-service .ai-service-bd {
    width: 100%;
    height: 100%;
    border-radius: 14px 0 0 14px;
    background-color: #5c1112;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    z-index: 1201;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
  }
  .ai-service::after {
    position: absolute;
    display: block;
    content: '';
    background: url(../images/ai-service-bg.png) 0 0 no-repeat;
    width: 296px;
    height: 423px;
    bottom: 12px;
    right: 0;
    transform: scale(0.625);
    transform-origin: bottom right;
    pointer-events: none;
    transition: 0.5s;
  }
  .ai-service:hover {
    width: 48px;
  }
  .ai-service:hover .ai-service-bd {
    border-radius: 22px 0 0 22px;
  }
  .ai-service:hover::after {
    transform: scale(1);
  }
  .banner-10 {
    margin-bottom: 1.3rem;
  }
  .banner-10 .wp {
    flex-direction: column;
    align-items: flex-start;
  }
  .banner-10 .cnt-mn {
    margin-left: 0;
    width: 100%;
  }
  .banner-10 .cnt {
  }

  .banner.banner-10 .cell {
  }

  .banner.banner-10 .cell a {
  }
  .banner.banner-10 .cell a:before {
  }
  .banner.banner-10 .cell img {
    display: inline-block;
  }

  .banner-10 .cnt .swiper-slide {
    /* display: flex;
    justify-content: space-evenly;
    padding-right: 1px; */
    /* background-color: aqua; */
  }
  .banner-10 .cnt .swiper-slide.last {
    /* justify-content: flex-end; */
  }
  .banner.banner-10 .cell h3 {
    font-size: 0.15rem;
  }
  .banner-10 .path {
    stroke-dasharray: 3, 3;
    animation: dash1 6s linear infinite;
  }
  .banner-10 .line {
  }
  .banner.banner-10 .cell:first-child {
    margin-left: 2.04rem;
  }
  .banner.banner-10 .swiper-slide.last .cell + .cell {
  margin-left: 0.75rem;
  }
  .banner-10 .swiper-container {
    width: 100%;
  }
  .banner-10 .swiper-wrapper {
  }
  .banner-10 .swiper-pagination {
    width: auto;
    left: 0;
    top: 50%;
    display: flex;
    margin-top: -0.19rem;
    height: auto;
  }
  .banner-10 .swiper-pagination span {
    position: relative;
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    opacity: 1;
    margin: 0 !important;
    background-color: transparent;
    border-radius: 0;
  }

  .banner-10 .swiper-pagination span:before,
  .banner-10 .swiper-pagination span:after {
    content: '';
    display: block;
    position: absolute;
    transition: 0.5s;
  }

  .banner-10 .swiper-pagination span::before {
    width: 0.16rem;
    height: 0.16rem;
    background-color: #c5ad70;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -0.08rem 0 0 -0.08rem;
    transform: scale(1);
  }

  .banner-10 .swiper-pagination span::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner-dot-2.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    transform: scale(0);
  }
  .banner-10 span.swiper-pagination-bullet-active::before {
    transform: scale(0);
  }
  .banner-10 span.swiper-pagination-bullet-active::after {
    transform: scale(1);
  }
  .banner-10 .swiper-pagination span + span {
    margin-left: 0.18rem !important;
  }
  .banner.banner-10 .cell h4 {
  }
  .banner.banner-10 .cell a:hover {
  }
  .banner.banner-10 .cell a:hover h3 {
  }
  .banner.banner-10 .cell a:hover h4 {
    opacity: 0;
  }

  .bd {
    padding-top: 0;
  }
  .main-visual {
    height: 60vw;
    position: relative;
  }
  .main-visual .progress {
  }
  .main-visual .swiper-slide h5 {
  }
  .horse {
    margin-top: -2.26rem;
  }
  .horse .horse-b-1 {
  }
  .horse .horse-b-2 {
  }
  .banner-2 .wp {
    display: block;
    width: 100%;
    padding: 0 0.2rem;
  }
  .banner-2 .wp .l {
    width: 100%;
  }
  .banner-2 .wp .l::after {
    display: none;
  }
  .banner-2 .wp .l .section-1 .cnt {
    height: 56.3vw;
  }
  .banner-2 .wp .r {
    width: 100%;
    display: flex;
    margin-top: 0.96rem;
  }
  .banner-2 .wp .r .scale-img img {
    max-width: 100%;
    height: auto;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img {
    height: auto;
    flex: 1;
  }
  .banner-2 .wp .r .section-2.jdyw {
    flex: 2;
  }
  .banner-2 .wp .r .section-2.tzgg {
    flex: 1;
    margin-top: 0;
    margin-left: 0.5rem;
  }
}

@media screen and (max-width: 960px) {
  .banner.banner-10 .swiper-slide.last .cell + .cell {
    margin-left: 0.2rem;
  }
}
/* 响应式 */
@media screen and (max-width: 800px) {
  .banner-6 .cnt {
    align-items: center;
    justify-content: space-around;
    margin-top: 0.2rem;
  }
  .banner-6 .cnt .line {
    display: none;
  }
  .banner-6 .cnt .cell img {
    width: 0.8rem;
  }
  .banner-6 .cnt .cell h5 {
    font-size: 16px;
  }
  .banner-7 .cnt .cells {
    flex-wrap: wrap;
  }
  .banner-7 .cnt .cells .cell {
    width: 33.333%;
    display: flex;
    justify-content: center;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
  }
  .banner-7 .cnt .cells .cell img {
    width: 100% !important;
  }
  .banner-3 {
    height: auto;
    margin-top: 0.6rem;
  }
  .banner-3 .cnt {
    height: auto;
    margin: 0;
    padding: 0.2rem 0 0.1rem;
    background-color: #8b5352;
  }
  .banner-3 .cells {
    /* display: block; */
    height: auto;
    flex-wrap: wrap;
  }
  .banner-3 .cells > div {
    flex: 50%;
    margin: 0;
  }
  .banner-3 .cnt .cell {
  }
  .banner-3 .cnt .cell img {
    height: 100%;
  }
  .banner-3 .cnt .cell .txt h4 {
    font-size: 16px;
  }
  .banner-5 {
    padding: 0.2rem 0;
  }
  .banner-5 .cnt {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas:
      'a d'
      'a d'
      'b c'
      'e e';
    grid-gap: 0.2rem;
  }
  .banner-5 .cnt .l {
    padding: 0.2rem;
  }
  .banner-5 .cnt .l .plate {
    margin: 0;
    padding: 0;
  }
  .banner-5 .cnt .l .l-cnt ul {
    margin: 0.33rem 0 0 0;
  }
  .banner-4 .cnt {
    flex-direction: column;
    height: auto;
    margin-top: 0.2rem;
    display: flex;
  }
  /* .banner-4 .cnt article {
    height: auto;
    position: relative;
  }
  .banner-4 .cnt article::after {
    content: '';
    display: block;
    padding-top: 60.5%;
  }
  .banner-4 .cnt article .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  } */
  .banner-4 .cnt article img {
  }
  .banner-4 .cnt aside {
    margin-left: 0;
    padding-top: 0.3rem;
  }
  .banner-2 .wp .r {
    /* flex-direction: column; */
    margin-top: 0.6rem;
    display: block;
  }
  .banner-2 .wp .r .section-2.jdyw {
  }
  .banner-2 .wp .r .section-2.jdyw .cnt {
    flex-direction: column;
    margin-top: 0.2rem;
    display: block;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt {
    height: auto;
    bottom: 0;
    padding: 0.14rem 0;
  }
  .banner-2 .wp .r .section-2.jdyw .lst {
    margin-left: 0;
    margin-top: 0.2rem;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h5 {
    font-size: 14px;
    padding: 0 0.2rem;
  }
  .banner-2 .wp .r .section-2.tzgg {
    margin-left: 0;
    margin-top: 0.6rem;
  }
  .banner-2 .wp .r .section-2 .cnt .lst .cell + .cell {
    margin-top: 0.2rem;
  }
  .banner-1 .main .ipt-search::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 20px;
  }
  .banner-1 .main .submit-button .icon-fangdajing {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
  .horse .horse-b-2 {
    transform: scale(0.3) translateY(0.05rem);
  }
  .horse .horse-b-1 {
    transform: scale(0.35) translateY(0.02rem);
  }
  .horse.small .horse-b-2 {
    transform: scale(0.3) translateY(0.05rem);
  }
  .horse.small .horse-b-1 {
    transform: scale(0.35) translateY(0.02rem);
  }
  .main-visual .progress {
    bottom: 54px;
  }
  .main-visual .swiper-slide h5 {
    font-size: 16px;
    bottom: 54px;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-visual .progress .progress-cells {
  }
  .main-visual .progress .progress-cells .progress-cell {
    width: 20px;
    height: 18px;
  }
  .main-visual .progress .progress-cells .progress-cell + .progress-cell {
    margin-left: 0;
  }
  .main-visual .progress .progress-cells .progress-cell::before {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
  }
  .main-visual .progress .progress-cells .progress-cell::after {
  }
  .main-visual .progress .more {
  }
  .main-visual .progress .line {
    height: 12px;
    margin: 0 12px 0 9px;
  }
  .more span {
    margin-left: 5px;
  }
  .banner-1 .wp {
    height: auto;
    padding-top: 0.2rem;
    border-radius: 0;
  }
  .banner-2 {
    padding-top: 0.4rem;
  }
  .banner-2 .wp .l .section-1 .cnt {
    margin-top: 0.2rem;
  }
  .banner-3 {
  }
  .banner-8 {
    margin-top: 0.6rem;
  }
  .banner-4 {
    margin-top: 0.6rem;
  }
  .banner-2 .wp .r .section-2.tzgg .lst {
    margin-top: 0.2rem;
  }
  .banner-5 {
    margin-top: 0.6rem;
  }
  .banner-6 {
    margin-top: 0.6rem;
  }
  .banner-7 {
    margin-top: 0.6rem;
  }
  .banner-8 .cnt {
    margin-top: 0.2rem;
  }
  .banner-9 {
    margin-top: 0.2rem;
    background-position: 50% -1.43rem;
    padding-top: 1.1rem;
    height: auto;
  }
  .banner-10 {
    margin-top: 0.6rem;
    margin-bottom: 0;
  }
  .banner-9 .horse-2,
  .banner-9 .mountain-2 {
    top: -1.4rem;
  }
  .banner-9 .horse-2,
  .banner-9 .horse-2.small {
    transform: translate(-50%, 0) scale(0.3);
  }
  .banner-9 .mountain-2,
  .banner-9 .mountain-2.small {
    transform: translate(-50%, 0) scale(0.32);
  }
  .banner-9 .cnt {
    margin-top: 0.2rem;
  }
  .banner-4 .cnt article,
  .banner-4 .cnt aside {
    flex: 1;
    width: initial;
    margin-top: 0;
  }
  .banner-4 .cnt aside .cell {
    /* padding-bottom: 12px; */
  }
  .banner-4 .cnt aside .cell + .cell {
    margin-top: 12px;
  }
  .banner-4 .cnt aside .split-line {
  margin: 10px 0;
  }
  .banner-10 .line {
    display: none;
  }
  .banner-10 .cnt {
    margin-top: 0.2rem;
  }
  .banner.banner-10 .cell {
  }
  .banner.banner-10 .swiper-slide.last .cell + .cell {
    margin-left: 0;
  }
  .banner.banner-10 .cell a {
  }
  .banner.banner-10 .cell h4 {
  }
  .banner.banner-10 .cell h3 {
    font-size: 12px;
  }
  .banner-10 .swiper-wrapper {
    padding-bottom: 0.6rem;
  }
  .banner-10 .swiper-pagination {
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    top: inherit;
    bottom: 0;
  }
  .banner-10 .cnt .swiper-slide.last {
    justify-content: space-evenly;
  }
  .banner.banner-10 .cell:first-child {
    margin-left: 0;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt {
    bottom: 0;
    padding: 0.14rem 0.2rem 0.14rem;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt h5 {
    margin-top: 10px;
    font-size: 16px;
  }
  .banner-2 .wp .l .section-1 .cnt .slide .cell .txt h6 {
    font-size: 14px;
  }
  .banner-8 .cnt .cell h5 {
    font-size: 16px;
  }
  .banner-4 .cnt article .cell h5 {
    font-size: 16px;
  }
  .plate .tt .lbl {
    height: auto;
    padding-left: 12px;
  }
  .plate .tt .lbl::before {
    width: 4px;
  }
  .plate .tt .lbl h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .plate .tt .lbl h4 {
    font-size: 14px;
  }
  .banner-9 .plate .tt .lbl::after {
    width: 4px;
  }

  .banner-5 .cnt.cnt-b {
  }
  .banner-5 .cnt.cnt-b::before {
    padding-top: 200%;
  }

  .banner-5 .cnt.cnt-b .l {
    left: 0px;
    top: 0px;
    width: calc(50% - 0.07rem);
    height: calc(50% - 0.1rem);
    position: absolute;
  }

  .banner-5 .cnt.cnt-b .c-1 {
    top: calc(50% + 0.05rem);
    left: 0px;
    width: calc(50% - 0.07rem);
    height: calc(25% - 0.1rem);
    position: absolute;
  }

  .banner-5 .cnt.cnt-b .c-2 {
    top: calc(50% + 0.05rem);
    left: calc(50% + 0.07rem);
    width: calc(50% - 0.07rem);
    height: calc(25% - 0.1rem);
    position: absolute;
  }

  .banner-5 .cnt.cnt-b .c-3 {
    left: 0px;
    top: calc(75% + 0.1rem);
    width: 100%;
    height: calc(25% - 0.1rem);
    position: absolute;
  }

  .banner-5 .cnt.cnt-b .r {
    left: calc(50% + 0.07rem);
    top: 0px;
    width: calc(50% - 0.07rem);
    height: calc(50% - 0.1rem);
    position: absolute;
  }
}
/* 响应式 */
@media screen and (max-width: 650px) {
  .banner.banner-10 .cnt-mn {
    display: none;
  }
  .banner.banner-10 .cnt-mn-mobile {
    display: flex;
    flex: 1;
    width: 100%;
    flex-wrap: wrap;
    padding: 0.1rem 0;
  }
  .banner.banner-10 .cnt-mn-mobile .cell {
    position: relative;
    width: inherit;
    height: inherit;
    flex: 50%;
    box-sizing: border-box;
    padding: 0.1rem;
  }
  .banner.banner-10 .cnt-mn-mobile .cell::after {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .banner.banner-10 .cnt-mn-mobile .cell a {
    background: none;
  }
  .banner.banner-10 .cnt-mn-mobile .cell a:hover h3 {
    color: #5c1112;
  }
  .banner.banner-10 .cnt-mn-mobile .cell a:before {
  }
  .banner.banner-10 .cnt-mn-mobile .cell h4 {
  }
  .banner.banner-10 .cnt-mn-mobile .cell h3 {
    background: 50% 0 no-repeat;
    padding-top: 93px;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .banner-6 .cnt .cell img {
  }
  .banner-6 .cnt .cell h5 {
    font-size: 14px;
  }
  .banner-2 .wp .r .section-2 .cnt h5 {
    font-size: 14px;
  }
  .banner-2 .wp .r .section-2 .cnt .scale-img .txt h5 {
    font-size: 14px;
  }
  .banner-2 .wp .l .section-1 .cnt .swiper-pagination {
    display: none;
  }
  .horse .horse-b-2 {
    transform: scale(0.15) translateY(0.05rem);
  }
  .horse .horse-b-1 {
    transform: scale(0.18) translateY(0.02rem);
  }
  .horse.small .horse-b-2 {
    transform: scale(0.15) translateY(0.05rem);
  }
  .horse.small .horse-b-1 {
    transform: scale(0.18) translateY(0.02rem);
  }
  .main-visual .progress {
    bottom: 30px;
  }
  .main-visual .swiper-slide h5 {
    font-size: 12px;
    bottom: 30px;
    width: 50%;
    padding-right: 0;
  }
  .main-visual .progress .progress-cells {
  }
  .main-visual .progress .progress-cells .progress-cell {
    width: 20px;
    height: 18px;
  }
  .main-visual .progress .progress-cells .progress-cell + .progress-cell {
  }
  .main-visual .progress .progress-cells .progress-cell::before {
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
  }
  .main-visual .progress .progress-cells .progress-cell::after {
  }
  .main-visual .progress .more {
  }
  .main-visual .progress .line {
    margin: 0 6px 0 6px;
  }
  .main-visual .arrow-lt,
  .main-visual .arrow-gt {
    width: 24px;
    height: 24px;
  }
  .main-visual .arrow-lt .iconfont,
  .main-visual .arrow-gt .iconfont {
    font-size: 12px;
  }
  .main-visual .progress .more {
    font-size: 12px;
  }
  .more span {
  }
  .banner-1 .wp {
  }
  .banner-2 {
  }
  .banner-6 {
  }
  .banner-9 .horse-2,
  .banner-9 .mountain-2 {
  }
  .banner-9 .horse-2.small {
  }
  .banner-9 .mountain-2.small {
  }
  .banner.banner-10 .cell {
  }
  .banner.banner-10 .swiper-slide.last .cell + .cell {
  }
  .banner.banner-10 .cell a {
    background-size: 90px auto;
  }
  .banner.banner-10 .cell h4 {
    display: none;
  }
  .banner.banner-10 .cell h3 {
  }
  .banner-10 .swiper-pagination {
  }
  .banner-10 .cnt .swiper-slide.last {
  }
  .banner.banner-10 .cell:first-child {
  }
  .banner-10 .cnt {
  }
  .banner-10 .swiper-wrapper {
  }
  .plate .tt .lbl {
    padding-left: 10px;
  }
  .plate .tt .lbl::before {
    width: 3px;
  }
  .plate .tt .lbl h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .plate .tt .lbl h4 {
    font-size: 12px;
  }
  .banner-9 .plate .tt .lbl::before {
    width: 3px;
  }
}
@media screen and (max-width: 410px) {
  .banner.banner-9 .cnt {
    display: none;
  }
  .banner.banner-9 .cnt-m {
    display: block;
    margin-top: 0.2rem;
  }
  .banner.banner-9 .cnt-m .swiper-wrapper {
    flex-direction: column;
  }
  .banner.banner-9 .cnt-m .swiper-wrapper .swiper-slide {
    display: block;
    flex-shrink: inherit;
    width: auto;
    height: auto;
  }
  .banner.banner-9 .cnt-m .swiper-wrapper .swiper-slide + .swiper-slide {
    margin-top: 0.2rem;
  }
  .banner.banner-9 .cnt-m .swiper-wrapper .swiper-slide .cell {
    position: relative;
  }
  .banner.banner-9 .cnt-m .swiper-wrapper .swiper-slide .cell img {
  }
  .banner.banner-9 .cnt-m .swiper-wrapper .swiper-slide .cell h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 6px 0.2rem;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    text-align: center;
  }
}