.bd {
    padding-top: 100vh;
}
.bd-main {
    background: #fff  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;
    display: flex;
    flex-direction: column;
    padding-left: 0.19rem;
    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: #005d96;
}
.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, .banner-4 .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 , .banner-4 .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: #1a4ab6;
    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: #005d96;
    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(../image/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(1rem);
    transform-origin: 50% 100%;
    background-size: 100% 100%;
}
.horse-b-1 {
/*    background-image: url('../image/index-banner-1-c-1.png');*/
}
.horse-b-2 {
    background-image: url('../images/index-banner-1-c-2.png');
    z-index: 999;
}

.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: #787878;
    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: #787878;
    font-size: 30px;
    line-height: 30px;
}
.banner-1 .main .ipt-search::-moz-placeholder {
    transition: 0.5s;
    color: #787878;
    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: #005d96;
    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: #005d96;
    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: #005d96;
}
.banner-1 .split-line {
    height: 0.02rem;
    background: linear-gradient(to right, #2616c0, #0e6af9);
    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: #005d96;
    margin-right: 8px;
    font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
}
.banner-1 .keywords .lbl span {
    margin-left: 8px;
}
.banner-1 .keywords .txt {
    color: #005d96;
    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.25rem;
    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(../image/banner-dot.png) 50% 50% no-repeat;
    background-size: 100% 100%;
    transform: scale(0);
*/
    
    width: 0.14rem;
    height: 0.14rem;
    /*  background: url(../image/banner-dot.png) 50% 50% no-repeat;*/
    background-size: 100% 100%;
    transform: scale(0);
    border-radius: 50%;
    background: #005d96;
    top: 50%;
    left: 50%;
    margin: -0.08rem 0 0 -0.06rem;
    
    
}
.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: #005d96;
    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: #005d96;
    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: #005d96;
    transform: translateY(-5px);
}
.banner-2 .wp .r .section-2 .cnt .lst .cell a{
        position: relative;
        display: flex;
       color:#333;
}
.banner-2 .wp .r .section-2 .cnt .lst .cell h5 {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.banner-2 .wp .r .section-2 .cnt .lst .cell h6 {
    color: #919191;
    font-size: 14px;
}
.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(../image/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: #005d96;
    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: 5.25rem;
    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: linear-gradient(to right, #050269ad, #5683c7ad);
    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: #005d96;
    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: 95%;
    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-4 .wp {
    display: flex;
    justify-content: space-between;
}
.banner-4 .wp .l {
    width: 4.04rem;
    height: auto;
}
.banner-4 .wp .r {
    width: 10.32rem;
}
.banner-4 .wp .l:after {
    right: -0.32rem;
    top: 0;
    height: 100%;
    width: 0.02rem;
}


.banner-9 {
    margin-top: 0;
    height: 7.5rem;
    background: url(../image/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(../image/horse-2-d.png);
    background-size: 100% 100%;
}
.banner-9 .mountain-2 {
    background-image: url(../image/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: #005d96;
    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: #005d96;
    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(../image/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(../image/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: 0.3rem;
    height:7.3rem;
}
.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: #005d96;
    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: 0.3rem;
    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(../image/icon-author.png);
}
.banner-3 .cnt .cell .txt h5.icon-grade {
    background-image: url(../image/icon-grade.png);
}
.banner-3 .cnt .cell .txt h5.icon-name {
    background-image: url(../image/icon-name.png);
}
.banner-3 .cnt .cell .txt h5.icon-produce {
    background-image: url(../image/icon-produce.png);
}
.banner-3 .cnt .cell .txt h5.icon-instructor {
    background-image: url(../image/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.2rem;
    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: #005d96;
    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(../image/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('../image/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 #005d96 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: #005d96;
    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(../image/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.8rem);
    }
    .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 {
        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: #1a4ab6;
        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(../image/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(../image/visual-mask-bottom.png) repeat-x 50% 0;
    }
    .horse {}
    .horse > * {}
    .horse-b-1 {
/*        background-image: url('../image/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: #005d96;
        font-size: 0.3rem;
        line-height: 0.3rem;
    }
    .banner-1 .main .ipt-search::-moz-placeholder {
        transition: 0.5s;
        color: #005d96;
        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: #005d96;
        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: #005d96;
    }
    .banner-1 .split-line {
        margin: 5px 0;
    }
    .banner-1 .keywords {
        font-size: 14px;
        padding-left: 0.2rem;
    }
    .banner-1 .keywords .lbl {
        color: #005d96;
        margin-right: 8px;
        font-family: 'SourceHanSansCN-Regular', 'Microsoft Yahei';
    }
    .banner-1 .keywords .lbl span {
        margin-left: 8px;
    }
    .banner-1 .keywords .txt {
        color: #005d96;
        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 {
        width: 0.15rem;
        height: 0.15rem;
/*        background-color: rgba(255, 255, 255, 0.9);*/
        border-radius: 50%;
        top: 50%;
        left: 50%;
        margin: -0.06rem 0 0 -0.06rem;
        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: #005d96;
        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.3rem;
    }
    .banner-2 .wp .r .section-2 .cnt .lst .cell:hover {
        color: #005d96;
        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 {
        margin-left: 0.5rem;
    }
    .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: #005d96;
        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: #005d96;
    }
    .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(0px);
    }
    .banner-9 {}
    .banner-9 .horse-2, .banner-9 .mountain-2 {}
    .banner-9 .horse-2 {
        background-image: url(../image/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: #005d96;
        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-size: cover;
    }
    .banner-3 .wp {
        padding-top: 0.05rem;
    }
    .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: #005d96    ;
        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(../image/icon-author.png);
    }
    .banner-3 .cnt .cell .txt h5.icon-grade {
        background-image: url(../image/icon-grade.png);
    }
    .banner-3 .cnt .cell .txt h5.icon-name {
        background-image: url(../image/icon-name.png);
    }
    .banner-3 .cnt .cell .txt h5.icon-produce {
        background-image: url(../image/icon-produce.png);
    }
    .banner-3 .cnt .cell .txt h5.icon-instructor {
        background-image: url(../image/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(../image/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;
    }
    .banner-4 .wp {
        display: block;
        width: 100%;
        padding: 0 0.2rem;
    }
     .banner-4 .wp .l {
        width: 100%;

    }
    .banner-4 .wp .l::after {
        display: none;
    }
     .banner-4 .wp .r {
        width: 100%;
        margin-top: 0.96rem;
    }
    
}



@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;
    }
    .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;
    }
}

/* 外层容器：全尺寸自适应核心 */
#jdcgSwiper {
  position: relative;
  max-width: 1500px;    /* 大屏最大宽度，不撑满 */
  width: calc(100% - 60px); /* 左右留30px边距，适配所有屏 */
  margin: 0 auto;       /* 始终居中 */
  padding: 10px 0 !important;
  /* 强制显示，永不隐藏 */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 220px !important; /* 最小高度，防止塌陷 */
  height: auto !important;
}

/* Swiper核心容器：适配所有尺寸 */
.jdcg-swiper-container {
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 200px !important;
  height: auto !important;
}

/* 轮播包裹层：强制flex布局，不换行 */
.jdcg-swiper-wrap {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 100% !important;
}

/* 轮播卡片：自适应宽度核心（根据屏幕自动计算） */
.jdcg-swiper-item {
  flex-shrink: 0 !important;
  margin: 0 4px !important;
  /* 基础宽度：自动适配，由Swiper控制数量 */
  width: auto !important;
  flex-basis: calc(25% - 8px) !important;
  /* 强制显示，不塌陷 */
  display: block !important;
  min-height: 180px !important;
  height: auto !important;
}

/* 响应式断点：无缝适配，无重叠/空白 */
/* 大屏（>1085px）：显示4个 */
@media (min-width: 1086px) {
  .jdcg-swiper-item {
    flex-basis: calc(25% - 8px) !important;
  }
  .jdcg-swiper-prev { left: -30px !important; }
  .jdcg-swiper-next { right: -30px !important; }
}

/* 中屏（801px-1085px）：显示3个 */
@media (max-width: 1085px) and (min-width: 801px) {
  .jdcg-swiper-item {
    flex-basis: calc(33.33% - 8px) !important;
  }
  .jdcg-swiper-prev { left: -25px !important; }
  .jdcg-swiper-next { right: -25px !important; }
}

/* 小屏（501px-800px）：显示2个 */
@media (max-width: 800px) and (min-width: 501px) {
  .jdcg-swiper-item {
    flex-basis: calc(50% - 8px) !important;
  }
  #jdcgSwiper { width: calc(100% - 40px) !important; }
  .jdcg-swiper-prev { left: 5px !important; }
  .jdcg-swiper-next { right: 5px !important; }
}

/* 超小屏（≤500px）：显示1个 */
@media (max-width: 500px) {
  .jdcg-swiper-item {
    flex-basis: calc(100% - 8px) !important;
  }
  #jdcgSwiper { width: calc(100% - 20px) !important; }
  .jdcg-swiper-prev { left: 5px !important; }
  .jdcg-swiper-next { right: 5px !important; }
}

/* 箭头样式：全尺寸适配，永不消失 */
.jdcg-swiper-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important; /* 最高层级，不被遮挡 */
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: rgba(153, 153, 153, 0.8) !important;
  cursor: pointer !important;
  user-select: none !important;
  /* 强制显示 */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 左箭头图标 */
.jdcg-swiper-prev::after {
  content: '' !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  padding: 3px !important;
  transform: rotate(135deg) !important;
}

/* 右箭头图标 */
.jdcg-swiper-next::after {
  content: '' !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  padding: 3px !important;
  transform: rotate(-45deg) !important;
}

/* 替换后的jdcg-scale-img样式：全尺寸自适应，不变形 */
.jdcg-scale-img {
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  overflow: hidden !important;
}
.jdcg-scale-img .img {
  width: 100% !important;
  height: 100% !important;
}
.jdcg-scale-img .img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important; /* 图片自适应填充，不拉伸 */
}

/* jdcg-cell样式：强制占满容器 */
.jdcg-cell {
  display: block !important;
  text-decoration: none !important;
  width: 100% !important;
  height: 100% !important;
}
/* 👇 全部是新class，不会冲突、不会覆盖原有样式 */
.custom-scroll-arrow-wrapper {
    position: relative !important;
    display: block;
}
.custom-scroll-arrow {
    position: fixed !important;
    bottom: 50px !important;
    left: 50% !important;
    z-index: 9999 !important;
    animation: custom-bounce 2s infinite !important;
    opacity: 1 !important;
    width: 60px;
    height: 60px;
}

/* 圆形透明背景 */
.arrow-circle-bg {
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
    position: absolute;
    top: 0;
    left: 0;
}

/* 扩散光环动态效果 */
.arrow-pulse-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    animation: arrow-pulse 2s infinite;
}

/* 1. 箭头上下跳动动画 */
@keyframes custom-bounce {
    0% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-15px); }
    100% { transform: translateX(-50%) translateY(0); }
}

/* 2. 圆形扩散呼吸动画（核心动态） */
@keyframes arrow-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}