/* 导航样式 */

header{position: fixed;z-index: 99;width: 100%;top: 0;left: 0;color: #fff;}

header::after{position: absolute;content: '';left: 0;top: 0;height: calc(100% + 30px);width: 100%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));transition: all .3s;}

header.bg::after{height: 100vh;background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .2));}

header .logo-box{position: relative;z-index: 1;}

header .logo-box .school-id{margin-left: 15px;padding-left: 15px;border-left: 1px solid rgba(255,255,255,.6);}

header .logo-box .school-id h5{line-height: 28px;font-weight: 600;}

header .logo-box .school-id h5:first-child{font-size: 17px;opacity: .6;}

header .logo{height: 50px;padding: 25px 0;}

header .logo img{height: 100%;}



header .nav-box{position: absolute;right: 3%;top: 50%;transform: translate(100%,-50%);opacity: 0;transition: all 1s;z-index: 1;}

header .nav-box .item{margin: 0 2vw;position: relative;}

header .nav-box .item a{font-size: 17px;color: #fff;line-height: 40px;}

header .nav-box .item a svg{margin-left: 5px;}

header .nav-box .item .nav2-list{position: absolute;}

header .nav-box .item .nav2-list a{height: 0;overflow: hidden;transition: all 1s;}

header .nav-box .item.n2-open:hover .nav2-list a{height: 40px;}



header .menu-nav{padding-top: 8px;border-top: 1px solid rgba(255,255,255,.5);cursor: pointer;position: relative;transition: all 1s;z-index: 1;}

header .menu-nav .txt-box{height: 30px;overflow: hidden;}

header .menu-nav .txt-box p{line-height: 30px;transition: all .4s;}

header .menu-nav:hover .txt-box p{transform: translateY(-30px);}

header .menu-nav .menu{width: 36px;height: 36px;margin-left: 90px;transition: all .4s;}

header .menu-nav:hover .menu{transform: rotate(-90deg);}

header .menu-nav .menu em{width: 12px;height: 12px;display: block;position: relative;}

header .menu-nav .menu em::after{position: absolute;width: 4px;height: 4px;transition: all .4s;background-color: #fff;border-radius: 50%;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);}

header .menu-nav .menu em:nth-child(2n)::after{opacity: .6;}

header .menu-nav:hover .menu em::after{opacity: 0;}

header .menu-nav:hover .menu em:nth-child(2n)::after{opacity: 1;}

header .menu-nav .nav-list{width: 100%;background-color: #fff;position: absolute;top: -5px;right: 0;border-radius: 10px;overflow: hidden;height: 0;transition: all .6s;}

header .menu-nav .nav-list.on{width: 24vw;height: 95vh;}

header .menu-nav .nav-list .box{width: 24vw;height: 95vh;color: #000;padding: 2.5vw;box-sizing: border-box;}

header .menu-nav .nav-list .box .close-nav{width: 100%;}

header .menu-nav .nav-list .box .close-nav svg{margin-right: auto;margin-left: 15px;opacity: .3;}

header .menu-nav .nav-list .box .nav{margin-top: 4vw;}

header .menu-nav .nav-list .box .nav a{font-size: 1.7vw;font-weight: 600;margin-top: 2vw;margin-left: 0px;transition: all .3s;}

header .menu-nav .nav-list .box .nav a svg{opacity: .3;transition: all .3s;}

header .menu-nav .nav-list .box .nav .item.on a,header .menu-nav .nav-list .box .nav .item:hover a{color: #ae1f1f;transform: scale(1.1);}

header .menu-nav .nav-list .box .nav .item.on a svg{opacity: 0;}

header .menu-nav .nav-list .box .tel{width: 100%;margin-top: 2vw;text-align: center;}

header .menu-nav .nav-list .box .tel h4:nth-child(2){margin-top: 10px;font-weight: 600;color: #ae1f1f;font-size: 2.4vw;}

header .menu-nav .nav-list .box .tel a{padding: 15px 40px;background-color: #ae1f1f;border-radius: 40px;margin-top: 1vw;color: #fff;font-size: 1.2vw;}



header.on .nav-box{opacity: 1;transform: translate(0%,-50%);}

header.on .menu-nav{opacity: 0;transform: translateX(100%);}



.box-form{position: fixed;width: max-content;height: max-content;z-index: 9;left: 50%;top: 50%;transform: translate(180%,-50%);transition: all 1s;}

.box-form.on{transform: translate(-50%,-50%);}

.box-form .box{width: 48vw;padding: 3vw;box-sizing: border-box;background-color: #ae1f1f;color: #fff;position: relative;z-index: 2;}

.box-form .box h2{font-weight: 600;margin-top: 1vw;margin-bottom: .5vw;}

.box-form .box form{width: 100%;margin-top: 1vw;}

.box-form .box form input{width: 100%;margin-top: 1vw;height: 60px;text-indent: 2rem;border: none;font-size: 17px;}

.box-form .box form p{justify-content: flex-start;margin-top: .5vw;}

.box-form .box form p svg{margin-right: 10px;}

.box-form .box form button{width: 100%;height: 80px;margin-top: 2vw;background-color: #871313;border:none;font-size: 17px;color: #fff;}

.close-form{position: absolute;right: 30px;top:30px;cursor: pointer;}





.black{width: 100%;height: 100%;position: fixed;z-index: 90;background-color: rgba(0, 0, 0, .3);left: 0;top: 0;opacity: 0;pointer-events:none;transition: all .6s;}

.black.on{opacity: 1;}

.music-box{position: fixed;bottom: 3vw;right: 3vw;z-index: 9;cursor: pointer;}



.inx-01{width: 100%;height: 100vh;overflow: hidden;position: relative;z-index: 4;}

.inx-01 .img-box{width: 100%;height: 100%;}

.inx-01 .img-box img{-webkit-animation: bg_ani 5s ease-in-out infinite alternate;animation: bg_ani 5s ease-in-out infinite alternate;}

/* @-webkit-keyframes bg_ani{0% {transform: scale(1.6)}100% {transform: scale(1);}}

 @keyframes bg_ani { 0% {transform: scale(1.6)}100% {transform: scale(1);}} */



.inx-01 .swiper-slide{width: 100%;height: 100vh;position: relative;overflow: hidden;}

.inx-01 .swiper-slide>img{position: absolute;height: 100%;width: auto;left: 42%;top: 0;transform: translateX(-50%);z-index: 3;}

.inx-01 .swiper-slide.ban-04>img{transform:scale(1.6) translateX(90%);opacity: 0;}

.inx-01 .line-box{position: absolute;left: 92%;top: 90px;width: 5vw;transform: translateX(-50%);z-index: 1;}

.inx-01 .line-box .divider-svg path:first-child{color: #fff;filter: blur(.2083333333vw);animation: moveAlongPath 5s linear infinite;

    stroke-dasharray: 200;}

.inx-01 .line-box .divider-svg path:last-child{color: rgba(255,255,255,.2);}

@keyframes moveAlongPath {0% { stroke-dashoffset: 0; }100% { stroke-dashoffset: 1300; } /* 这里需要计算路径长度 */}

.inx-01 .swiper-slide .info-txt{position: absolute;left: 50%;z-index: 1;top: 50%;transform: translate(-50%,-50%);width: max-content;text-align: center;color: #fff;}

.inx-01 .swiper-slide .info-txt h2.en{font-size: 9vw;font-weight: 800;font-family: ShiYuanHei-Blod;text-stroke: 3px #0f746f;color: rgba(0, 0, 0, 0);

    -webkit-text-stroke: 3px #0f746f;opacity: .6;transform: translateY(-80%);opacity: 0;}

.inx-01 .swiper-slide .info-txt .txt-h1 h1{font-size: 16vw;font-weight: 600;margin: 0 10vw;color: rgba(255,255,255,.5);}

.inx-01 .swiper-slide .info-txt .txt-h1 h1:first-child{transform: translateX(-80%);opacity: 0;}

.inx-01 .swiper-slide .info-txt .txt-h1 h1:nth-child(2){transform: translateX(80%);opacity: 0;}

.inx-01 .swiper-slide .info-txt .txt-h1{margin-top: -3vw;}

.inx-01 .swiper-slide .info-txt img{position: absolute;left: 67%;top: 34%;z-index: 1;height: 1.7vw;transform: translateY(-300%);opacity: 0;}

.inx-01 .swiper-slide .info-txt1{position: absolute;bottom: 10%;width: 100%;left: 0;z-index: 4;text-align: center;}

.inx-01 .swiper-slide .info-txt1 img{height: 5.5vw;transform: translateY(120%);opacity: 0;}

.inx-01 .swiper-slide .info-txt1 h4{margin-top: 1vw;margin-left: 1vw;transform: translateY(120%);opacity: 0;}



.inx-01 .swiper-slide.swiper-slide-active.ban-04>img{transform:scale(1) translateX(-50%);opacity: 1;transition: all 2s;}

.inx-01 .swiper-slide.swiper-slide-active .info-txt h2.en{transform: translateY(0%);opacity: .6;transition: all 2s;transition-delay: 0.2s;}

.inx-01 .swiper-slide.swiper-slide-active .info-txt .txt-h1 h1{transform: translateX(0%);opacity: 1;transition: all 2s;transition-delay: 0.3s;}

.inx-01 .swiper-slide.swiper-slide-active .info-txt img{transform: translateY(0%);opacity: 1;transition: all 2s;transition-delay: 0.4s;}

.inx-01 .swiper-slide.swiper-slide-active .info-txt1 img{transform: translateY(0%);opacity: 1;transition: all 2s;transition-delay: 0.5s;}

.inx-01 .swiper-slide.swiper-slide-active .info-txt1 h4{transform: translateY(0%);opacity: 1;transition: all 2s;transition-delay: 0.6s;}





.inx-01 .swiper-slide.ban-01 .info-txt .item:nth-child(2){margin: 0 8vw;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .num-box .num{font-size: 12vw;font-weight: 600;font-family: AlibabaSans;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .num-box .add{font-size: 4vw;font-weight: 600;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .text{margin-top: -2.2vw;align-items: center;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .text h4{font-size: 3vw;font-weight: 200;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .text em{width: 1vw;height: 1vw;background-color: #fff;border-radius: 50%;margin-right: 10px;position: relative;}

.inx-01 .swiper-slide.ban-01 .info-txt .item .text em::after{position: absolute;width: 1.5vw;height: 1.5vw;border-radius: 50%;left: 50;;top: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;content: '';}

.inx-01 .swiper-slide.ban-01 .info-txt h3{font-weight: 600;letter-spacing: .5vw;font-size: 3.6vw;margin-top: 3vw;margin-bottom: 5px;transform: translateY(100%);opacity: 0;transition: all 1s;}

.inx-01 .swiper-slide.ban-01.swiper-slide-active .info-txt h3{transform: translateY(0);opacity: 1;}

.inx-01 .swiper-slide.ban-01 .info-txt h4{transform: translateY(100%);opacity: 0;transition: all 1s;}

.inx-01 .swiper-slide.ban-01.swiper-slide-active .info-txt h4{transform: translateY(0);opacity: 1;transition-delay: .2s;}

.inx-01 .swiper-slide.ban-01 .info-txt1{bottom: 4%;transform: translateY(100%);opacity: 0;transition: all 1s;transition-delay: .4s;}

.inx-01 .swiper-slide.ban-01.swiper-slide-active .info-txt1{transform: translateY(0);opacity: 1;}

.inx-01 .swiper-slide.ban-01 .info-txt1 img:first-child{width: 100%;}

.inx-01 .swiper-slide.ban-01 .info-txt1 .ico-bg{position: absolute;top: -4vw;left: 50%;transform: translateX(-50%);z-index: 1;width: 20vw;height: auto;}



.inx-01 .swiper-slide.ban-02{background-color: #fff;}

.inx-01 .swiper-slide.ban-02 .img-box{display: flex;}

.inx-01 .swiper-slide.ban-02 .img-box img{width: 100%;height: auto;margin-top: auto;}

.inx-01 .swiper-slide.ban-02 .info-txt{color: #000;}

.inx-01 .swiper-slide.ban-02 .info-txt img{position: relative;transform: translate(0,-300%);left: 0;margin: 0 auto;width: 18vw;height: auto;opacity: 0;transition: all 1s;}

.inx-01 .swiper-slide.ban-02.swiper-slide-active .info-txt img{transform: translate(0,0%);opacity: 1;}

.inx-01 .swiper-slide.ban-02 .info-txt h2{font-weight: 600;font-size: 4vw;margin-top: 3vw;;opacity: 0;transition: all 1s;transform: translateX(200%);transition-delay: .2s;}

.inx-01 .swiper-slide.ban-02 .info-txt h2 em{font-weight: 600;font-size: 5.4vw;letter-spacing: .5vw;}

.inx-01 .swiper-slide.ban-02.swiper-slide-active .info-txt h2{transform: translateX(0);opacity: 1;}

.inx-01 .swiper-slide.ban-02 .info-txt h4{font-weight: 600;font-size: 3vw;letter-spacing: 1vw;margin-top: 3vw;transform: translateY(200%);opacity: 0;transition: all 1s;transition-delay: .4s;}

.inx-01 .swiper-slide.ban-02.swiper-slide-active .info-txt h4{transform: translateX(0);opacity: 1;}

.inx-01 .swiper-slide.ban-02 .info-txt .btn{margin-top: 2vw;}



.inx-01 .swiper-slide.ban-03{background-color: #f6f2e7;}

.inx-01 .swiper-slide.ban-03>img{left: 50%;}

.inx-01 .swiper-slide.ban-03 .info-txt h2.en{font-size: 5vw;-webkit-text-stroke: 2px #daa4a1;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1 h1{font-size: 18vw;background-image: radial-gradient(circle, #d18f8b, #e2c3c1);-webkit-background-clip: text;color: transparent;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1{position: relative;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1 div{position: absolute;top: 40%;transform: translateY(-50%);z-index: 1;width: 20vw;height: auto;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1 div img{width: 100%;height: auto;left: auto;top: 0;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1 .tea-txt1{left: 15%;}

.inx-01 .swiper-slide.ban-03 .info-txt .txt-h1 .tea-txt2{right: 15%;}

.inx-01 .swiper-slide.ban-03 .info-txt .btn{margin-top: 4vw;margin-left: 34vw;width: max-content;position: relative;z-index: 3;color: #000;}



.inx-01 .swiper-slide.ban-05{background-image: url(../images/ban-bg5.jpg);background-size: cover;}

.inx-01 .swiper-slide.ban-05>img{left: 50%;transform: scale(1.7) translateX(90%);}

.inx-01 .swiper-slide.ban-05 .info-txt{top: 45%;}

.inx-01 .swiper-slide.ban-05 .info-txt h2.en{font-size: 9.2vw;-webkit-text-stroke: 3px #c4a903;}

.inx-01 .swiper-slide.ban-05 .info-txt .txt-h1 h1{background-image: radial-gradient(circle, #c4aa03, #dcb902);-webkit-background-clip: text;color: transparent;}

.inx-01 .swiper-slide.ban-05 .info-txt img{height: 1.4vw;}

.inx-01 .swiper-slide.ban-05 .info-txt1 .txt-sp h4{letter-spacing: 4vw;font-size: 2.8vw;font-weight: 600;}

.inx-01 .swiper-slide.ban-05 .info-txt1 .txt-sp h4:last-child{margin-left: 25vw;}

.inx-01 .swiper-slide.ban-05 .info-txt1 .btn{width: max-content;margin-top: 3vw;margin-left: 28%;}

.inx-01 .swiper-slide.ban-05.swiper-slide-active>img{transform: scale(1) translateX(-50%);transition: all 2s;}



.inx-01>.tab-list{position: absolute;bottom: 4%;left: 0;z-index: 2;height: 15px;width: 100%;}

.inx-01>.tab-list .item{width: 15px;height: 100%;border-radius: 50%;border: 1px solid #fff;position: relative;margin: 0 1vw;cursor: pointer;}

.inx-01>.tab-list .item::after{position: absolute;width: 0%;height: 0%;left: 50%;top: 50%;content: "";background-color: #fff;border-radius: 50%;z-index: 1;transition: all .4s;transform: translate(-50%,-50%);}

.inx-01>.tab-list .item.on::after{width: 80%;height: 80%;}



.inx-02{position: relative;z-index: 3;background-image: url(../images/img1.jpg);background-size: cover;padding-bottom: 7vw;}

.inx-02>img{position: absolute;top: 0;right: 0;width: 40%;z-index: 3;}

.inx-02 .cont{position: relative;z-index: 3;}

.inx-02 .tit-box h3{font-weight: 600;color: #b3996a;}

.inx-02 .tit-box h3:first-child{opacity: 1;}

.inx-02 .tit-box h3:nth-child(2){margin-bottom: 1vw;}

p{font-size: 17px;line-height: 28px;}

.inx-02 .tit-box h3 em{font-weight: 600;color: #fff;font-weight: 600;}

.inx-02 .tit-box p{width:50vw;}

.inx-02 .info-box{width: 100%;position: relative;min-height: 40vw;}

.inx-02 .info-box>img{width: 100%;position: relative;z-index: 2;}

.inx-02  .txt-list{width: 50%;color: #fff;padding-left: 5%;box-sizing: border-box;margin-top: 4vw;}

.inx-02  .txt-list .txt-box{width: 48%;display: flex;justify-content: space-between;margin-top: 2vw;}

.inx-02  .txt-list .txt-box .txt-info{width: calc(100% - 4vw);height: 12vw;}

.inx-02  .txt-list .txt-box .txt-info h5{font-size: 1.4vw;}

.inx-02  .txt-list .txt-box .txt-info p{line-height: 30px;margin-top: .6vw;}





.inx-02  .ask-box{position: absolute;right: 4%;bottom: 8%;z-index: 4;}

.inx-02  .ask-box h4{padding-bottom: 10px;border-bottom: 1px solid rgba(255, 255, 255, .3);color: #fff;}

.inx-02  .ask-box svg{margin-left: 15px;}   



.inx-03{background-color: #f5f5f5;box-sizing: border-box;position: relative;z-index: 2;height: 0;}

.inx-03Box{width: 100vw;height: 100vh;position: absolute;left: 0;top: 0%;z-index: 1;overflow: hidden;}

.inx-03 .tit-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}

.inx-03 .tit-box .box{border-radius: 50%;width: 20vw;height: 20vw;background-color: rgba(255,255,255,.8);padding: 4vw;box-sizing: border-box;box-shadow: 2px 5px 50px rgba(0, 0, 0, .3);display: flex;align-items: center;justify-content: center;}

.inx-03 .tit-box .box .content h5{width: max-content;text-align: center;font-weight: 600;margin-top: 1.5vw;opacity: .6;}

.inx-03 .tit-box .box .content h3{font-weight: 600;text-align: center;}

.inx-03 .tit-box .box .content h3 em{color: #ae1f1f;font-weight: 600;}

.inx-03 .tit-box .box .content h4{font-weight: 600;text-align: center;margin-top: 1.5vw;color: rgba(0, 0, 0, .6);}

.inx-03 .tit-box .box .content h4 em{color: #ae1f1f;font-weight: 600;}

.inx-03 .tit-box .box img{width: 80%;margin: 0 auto;margin-top: 1vw;}

.inx-03 .img-list{width: 50%;height: 100%;overflow: hidden;}

.inx-03 .img-list.info1{width: 100%;padding-right: 50%;box-sizing: border-box;position: relative;z-index: 2;pointer-events: auto}

.inx-03 .img-list.info2{position: absolute;right: 0;top: 0;z-index: 1;pointer-events: auto}

.inx-03 .img-list .item{width: 100%;position: relative;height: 100%;}

.inx-03 .img-list .img-box{width: 100%;height: 100%;}

.inx-03 .img-list .item .title-box{position: absolute;left: 50%;color: #fff;bottom: 10%;z-index: 2;transform: translateX(-50%);}

.inx-03 .img-list .item .title-box h4{font-weight: 600;padding: 15px 50px;border-radius: 30px;background-color: rgba(0, 0, 0, .6);}





.inx-04{width: 100%;height: 0;position: relative;}

.inx-04>.bg{position: absolute;width: 100%;height: 100vh;top: -100vh;left: 0;background-image: url(../images/bg-img1.jpg);background-size: cover;opacity: 0;}

.inx-04Box{overflow-x: auto;white-space: nowrap;height: 100vh;position: absolute;left: 0;left: 0;top: -100vh;width: max-content;z-index: 2;}

.inx-04Box .txt-info{width: 100vw;height: 100%;position: relative;overflow: hidden;}

.inx-04Box .txt-info .info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.inx-04Box .txt-info .info .content{position: relative;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;transform: translateY(100%);}

.inx-04Box .txt-info .info h3{font-weight: 600;transform: rotateX(0deg);opacity: 0;}

.inx-04Box .txt-info .info h2{font-weight: 600;transform: rotateX(0deg);font-size: 3.6vw;margin-bottom: 1vw;opacity: 0;}

.inx-04Box .txt-info .info h2 em{color: #ae1f1f;font-weight: 600;}

.inx-04Box .txt-info .info h4{opacity: .6;transform: rotateX(0deg);line-height: 2.8vw;font-size: 1.4vw;opacity: 0;}

.inx-04Box .txt-info .info img{position: absolute;bottom: -2%;left: -10%;width: 45%;transform: translateX(-80%);opacity: 0;}

.inx-04Box .txt-info .sch-img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 1.5vw;box-sizing: border-box;transform: translateX(100%) scale(1);}

.inx-04Box .txt-info .sch-img .img-box{width: 100%;height: 100%;border-radius: 15px;overflow: hidden;position: relative;}

.inx-04Box .txt-info .sch-img .img-box::after{position: absolute;content: '';width: 100%;height: 60%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .9));left: 0;bottom: 0;z-index: 1;}

.inx-04Box .txt-info .sch-img .info-txt{width: 90%;bottom: 5%;left: 5%;z-index: 2;color: #fff;position: absolute;align-items: last baseline;}

.inx-04Box .txt-info .sch-img .info-txt .left{width: 55%;margin-bottom:2vw;}

.inx-04Box .txt-info .sch-img .info-txt .left h4{font-size: 1.4vw;font-weight: 600;white-space: break-spaces;transform: translateY(50%);opacity: 0;}

.inx-04Box .txt-info .sch-img .info-txt .right{width: 100%;}

.inx-04Box .txt-info .sch-img .info-txt .right .item{max-width: 21%;transform: translateY(50%);opacity: 0;}

.inx-04Box .txt-info .sch-img .info-txt .right .item h4{font-weight: 600;margin-top: 10px;margin-bottom: 10px;font-size: 1.2vw;}

.inx-04Box .txt-info .sch-img .info-txt .right .item h4 em{font-weight: 600;font-size: 3vw;margin-right: 10px;}

.inx-04Box .txt-info .sch-img .info-txt .right .item svg{width: 36px;height: 36px;}

.inx-04Box .txt-info .sch-img .info-txt .right .item h5{white-space: break-spaces;font-size: 17px;}

.inx-04Box .tea-list{width: 100vw;height: 100%;padding: 6.5vw 2vw 2vw 2vw;box-sizing: border-box;margin-left: 10vw;}

.inx-04Box .tea-list .list a{width: 24%;position: relative;transform: translateY(-90%);opacity: 0;transition: all 1s;}

.inx-04Box .tea-list .list a:nth-child(2){transition-delay: .2s;}

.inx-04Box .tea-list .list a:nth-child(3){transition-delay: .4s;}

.inx-04Box .tea-list .list a:nth-child(4){transition-delay: .6s;}

.inx-04Box .tea-list.on .list a{transform: translateY(0);opacity: 1;}

.inx-04Box .tea-list .list a .img-box{width: 100%;height: 32vw;border-radius: 15px;overflow: hidden;}

.inx-04Box .tea-list .list a .name{position: absolute;z-index: 2;left: 5%;bottom: 3%;color: #fff;font-size: 1.5vw;font-weight: 600;}

.inx-04Box .tea-list .list a .lable-box{position: absolute;right: -5%;top: -8%;z-index: 1;}

.inx-04Box .tea-list .list a .lable-box img{width: 8vw;}

.inx-04Box .tea-list .list a .lable-box .txt{position: absolute;left: 50%;transform: translateX(-50%);top: 28%;z-index: 1;text-align: center;}

.inx-04Box .tea-list .list a .lable-box .txt h5{font-size: 1.1vw;}

.inx-04Box .tea-list .title-box{align-items: last baseline;}

.inx-04Box .tea-list .title-box .left{width: 28%;}

.inx-04Box .tea-list .title-box .left h3{font-weight: 600;transform: translateY(100%);opacity: 0;transition: all 1s;}

.inx-04Box .tea-list.on .title-box .left h3:first-child{transform: translateY(0%);opacity: .5;}

.inx-04Box .tea-list.on .title-box .left h3:nth-child(2){transform: translateY(0%);opacity: 1;transition-delay: .2s;}

.inx-04Box .tea-list .title-box .left h3 em{font-weight: 600;color: #ae1f1f;}

.inx-04Box .tea-list .title-box .left h4{font-weight: 600;margin-top: 10px;transform: translateY(100%);opacity: 0;transition: all 1s;transition-delay: .4s;}

.inx-04Box .tea-list.on .title-box .left h4{transform: translateY(0%);opacity: 1;}

.inx-04Box .tea-list .title-box .right{width: 55%;text-align: right;}

.inx-04Box .tea-list .title-box .right p{white-space:break-spaces;transform: translateY(100%);opacity: 0;transition: all 1s;transition-delay: .6s;}

.inx-04Box .tea-list.on .title-box .right p{transform: translateY(0%);opacity: 1;}

.inx-04Box .tea-list .title-box .right .btn-box{justify-content: right;margin-top: 2vw;transform: translateY(100%);opacity: 0;transition: all 1s;transition-delay: .8s;}

.inx-04Box .tea-list.on .title-box .right .btn-box{transform: translateY(0%);opacity: 1;}

.inx-04Box .tea-list .title-box .right .btn-box a{padding: 15px 30px;border-radius: 40px;background-color: #000;color: #fff;font-size: 1.2vw;width: max-content;}

.inx-04Box .tea-list .title-box .right .btn-box a:last-child{margin-left: 2vw;background-color: #ae1f1f;}

.inx-04Box .comit{margin-left: 8vw;padding: 6.5vw 2vw 2vw 2vw;height: 100%;box-sizing: border-box;}

.inx-04Box .comit .title-box{text-align: center;}

.inx-04Box .comit .title-box h3{font-weight: 600;}

.inx-04Box .comit .title-box h3:first-child{opacity: .5;}

.inx-04Box .comit .title-box h3 em{font-weight: 600;color: #ae1f1f;}

.inx-04Box .comit .title-box h4{font-weight: 600;margin-top: 10px;}

.inx-04Box .comit .list-box{width: 100%;margin-top: 4vw;}

.inx-04Box .comit .list-box .item{width: 33.33%;padding: 35px 0;text-align: center;}

.inx-04Box .comit .list-box .item:nth-child(2n-1){background-color: rgba(255,255,255,.4);border-radius: 10px;overflow: hidden;box-shadow: 2px 5px 10px rgba(0, 0, 0, .1);}

.inx-04Box .comit .list-box .item svg{width: 40px;height: 40px;}

.inx-04Box .comit .list-box .item h5{font-weight: 600;margin-top: 5px;}

.inx-04Box .sch-pho{margin-left: 8vw;width: 50vw;height: 100%;position: relative;}

.inx-04Box .sch-pho .swiper{width: 100%;height: 100%;}

.inx-04Box .sch-pho .swiper .swiper-slide{width: 100%;height: 100%;}

.inx-04Box .sch-pho .img-box{width: 100%;height: 100%;}

.inx-04Box .sch-pho .info{position: absolute;left: 50%;top: 50%;width: 12vw;height: 12vw;background-color: rgba(0, 0, 0, .3);border-radius: 50%;transform: translate(-50%,-50%);z-index: 1;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;}

.inx-04Box .sch-pho .info h3{font-weight: 600;font-size: 1.8vw;}

.inx-04Box .sch-pho .info h3 em{font-weight: 600;color: #fff;}

.inx-04Box .sch-pho .info .num-box{font-size: 2.2vw;margin-top: 5px;}

.inx-04Box .last-info{margin:0 8vw;padding: 6.5vw 3vw 2vw 3vw;height: 100%;box-sizing: border-box;width: 34vw;}

.inx-04Box .last-info img{width: 80%;margin: 0 auto;}

/* @keyframes an1 {  

    0% {

     transform:rotate(0deg);

    }

     100% {

     transform:rotate(360deg);

    opacity:0.8;

    }

  } */

.inx-04Box .last-info p{white-space:break-spaces;text-align: center;line-height: 28px;}

.inx-04Box .last-info .btn-box{margin-top: 3vw;}

.inx-04Box .last-info .btn-box a{padding: 15px 30px;border-radius: 40px;background-color: #000;color: #fff;font-size: 1.2vw;}

.inx-04Box .last-info .btn-box a:last-child{margin-left: 1.5vw;background-color: #ae1f1f;}





.inx-04Box.on .txt-info .sch-img .info-txt .left h4{transform: translateY(0);opacity: 1;transition: all 1.2s;}

.inx-04Box.on .txt-info .sch-img .info-txt .right .item:first-child{transition-delay: .2s;}

.inx-04Box.on .txt-info .sch-img .info-txt .right .item:nth-child(2){transition-delay: .4s;}

.inx-04Box.on .txt-info .sch-img .info-txt .right .item:nth-child(3){transition-delay: .6s;}

.inx-04Box.on .txt-info .sch-img .info-txt .right .item:nth-child(4){transition-delay: .8s;}

.inx-04Box.on .txt-info .sch-img .info-txt .right .item{transform: translateY(0);opacity: 1;transition: all 1.2s;}



.inx-05{background-color: #f5f5f5;position: relative;z-index: 3;}

.inx-05 .tit-box h3{font-weight: 600;transform: translateX(-100%);transition: all .8s;opacity: 0;}

.inx-05 .tit-box h3:nth-child(2){margin-bottom: 1vw;transition-delay: .2s;}

.inx-05 .tit-box h3 em{font-weight: 600;color: #ae1f1f;font-weight: 600;}

.inx-05 .tit-box h4{transform: translateX(-100%);transition: all 1.2s;transition-delay: .4s;opacity: 0;}

.inx-05 .list-box{width: 100%;margin-top: 3vw;}

.inx-05 .list-box .list-item{width: 100%;}

.inx-05 .list-box .list-item .img-box{width: 32%;height: auto;margin-right: 1.33%;transform: translateY(100%);opacity: 0;transition: all 1.2s;}

.inx-05 .list-box .list-item .img-box:nth-child(2){transition-delay: .2s;}

.inx-05 .list-box .list-item .img-box:nth-child(3){transition-delay: .4s;}

.inx-05 .top .tab-list{width: 40%;}

.inx-05 .top .tab-list a{width: 30%;font-size: 1.2vw;text-align: center;border: 1px solid rgba(0, 0, 0, .3);border-radius: 40px;text-align: center;padding: 15px 0;margin: 6px 0;transform: translateX(100%);opacity: 0;transition: all 1.2s;}

.inx-05 .top .tab-list a:nth-child(2){transition-delay: .2s;}

.inx-05 .top .tab-list a:nth-child(3){transition-delay: .4s;}

.inx-05 .top .tab-list a:nth-child(4){transition-delay: .6s;}

.inx-05 .top .tab-list a:nth-child(5){transition-delay: .8s;}

.inx-05 .top .tab-list a:nth-child(6){transition-delay: 1s;}

.inx-05 .top .tab-list a.on{background-color: #ae1f1f;color: #fff;border-color: #fff;}

.inx-05.on .tit-box h3,.inx-05.on .tit-box h4{transform: translateX(0);opacity: 1;}

.inx-05.on .top .tab-list a{transform: translateX(0);opacity: 1;}

.inx-05.on .list-box .list-item .img-box{transform: translateY(0);opacity: 1;}





.inx-06{background-color: #fff;}

.inx-06 .top{align-items: last baseline;}

.inx-06 .tit-box h3{font-weight: 600;}

.inx-06 .tit-box h3:first-child{opacity: 1;}

.inx-06 .tit-box h3:nth-child(2){margin-bottom: 1vw;}

.inx-06 .tit-box h3 em{font-weight: 600;color: #ae1f1f;font-weight: 600;}

.inx-06  .ask-box h4{padding-bottom: 10px;border-bottom: 1px solid rgba(0, 0, 0, .3);}

.inx-06  .ask-box svg{margin-left: 15px;}  

.inx-06 .list{width: 100%;margin-top: 4vw;}

.inx-06 .swiper-slide{width: 33.33%;padding: 0 20px;box-sizing: border-box;margin-top: 30px;transition: all .6s;}

.inx-06 .swiper-slide.swiper-slide-active{margin-top: 0;}

.inx-06 .swiper-slide a .img_box{width: 100%;height: 16vw;border-radius: 15px 15px 0 0 ;}

.inx-06 .swiper-slide a .info{box-sizing: border-box;border-radius: 0 0 15px 15px;transition: all .6s;height: 200px;}

.inx-06 .swiper-slide a:hover .info{padding: 20px;background-color: #f5f5f5;}

.inx-06 .swiper-slide.swiper-slide-active a .info{padding: 20px;background-color: #f5f5f5;}

.inx-06 .swiper-slide a .info h5{font-size: 22px;font-family: ShiYuanHei-Medium;margin-bottom: 10px;}

.inx-06 .swiper-slide a .dail{color: #7b7b7b;line-height: 30px;opacity: 0;transition: all .6s;}

.inx-06 .swiper-slide.swiper-slide-active a .dail{opacity: 1;}

.inx-06 .swiper-slide a .time-box{margin-top: 20px;}

.inx-06 .swiper-slide a .time-box svg{transition: all .6s;}

.inx-06 .swiper-slide.swiper-slide-active a .time-box svg path{fill: #ae1f1f;}

.inx-06 .btn{width: 80px;height: 80px;background-color: rgba(0, 0, 0, .6);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);z-index: 2;}

.inx-06 .btn.next{left: auto;right: 0%;}

.inx-06 .btn.next svg{transform: rotate(180deg);}



.inx-07{background-color: #f5f5f5;}

.inx-07 .cont{overflow: hidden;position: relative;}

.inx-07 .title{position: absolute;left: 54%;top: 1vw;z-index: 3;}

.inx-07 .title .tit-box h3{font-weight: 600;}

.inx-07 .title .tit-box h3:first-child{opacity: 1;}

.inx-07 .title .tit-box h3:nth-child(2){margin-bottom: 1vw;}

.inx-07 .title .tit-box h3 em{font-weight: 600;color: #ae1f1f;font-weight: 600;}

.inx-07 .title a{padding: 20px 30px;box-sizing: border-box;background-color: #ae1f1f;color: #fff;border-radius: 40px;margin-top: 15px;width: max-content;margin-top: 3vw;}

.inx-07 .swiper{width: 50%;margin-right: auto;margin-left: 0;overflow: visible;height: 56vw;}

.inx-07 .swiper .swiper-slide{width: 50%;transition: all .6s;padding: 15px;box-sizing: border-box;display: flex;justify-content: center;height: 100%;}

.inx-07 .swiper .swiper-slide.swiper-slide-active{width: 100%;padding: 0;padding-right: 15px;box-sizing: border-box;}

.inx-07 .swiper .swiper-slide a{position: relative;margin-top: auto;}

.inx-07 .swiper .swiper-slide a::after{position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));content: '';z-index: 1;left: 0;top: 0;}

.inx-07 .swiper .swiper-slide .img-box{width: 100%;max-height: 56vw;overflow: hidden;}

.inx-07 .swiper .swiper-slide .img-box img{width: 100%;}

.inx-07 .swiper .swiper-slide .info{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 2;color: #fff;padding: 2vw;box-sizing: border-box;}

.inx-07 .swiper .swiper-slide.swiper-slide-active .info{padding: 3vw;}

.inx-07 .swiper .swiper-slide .info h5{margin-bottom: 2vw;transition: all .4s;}

.inx-07 .swiper .swiper-slide.swiper-slide-active .info h5{font-size: 1.5vw;font-weight: 600;}

.inx-07 .swiper .swiper-slide .info svg{margin-left: 10px;}



.ab-ban{width: 100%;height: 100vh;position: relative;}

.ab-ban .info-box{position: absolute;top: 50%;transform: translateY(-50%);left: 38%;z-index: 1;color: #fff;}

.ab-ban .info-box h2{font-size: 5vw;font-weight: 600;}

.ab-ban .info-box h4:nth-child(2){font-size: 1.6vw;margin-top: 10px;}

.ab-ban .info-box .list{width:55vw;margin-top: 1vw;}

.ab-ban .info-box .list h5{width: 50%;justify-content: flex-start;align-items: center;margin-top: .5vw;}

.ab-ban .info-box .list h5 svg{margin-right: 8px;}

.ab-ban .info-box .num-list{margin-top: 2vw;padding-top: 2vw;border-top: 1px solid #fff;}

.ab-ban .info-box .num-list h2{font-size: 4vw;}

.ab-ban .info-box .num-list .num{align-items: last baseline;}

.ab-ban .info-box .num-list h5{text-align: center;}



.tit-box h3{font-weight: 600;}

.ab-01 .tit-box h3:first-child,

.ab-02 .tit-box h3:first-child,

.ab-03 .tit-box h3:first-child,

.ab-04 .tit-box h3:first-child,

.ab-05 .tit-box h3:first-child,

.ab-06 .tit-box h3:first-child{opacity: .3;}

.tit-box h3:nth-child(2){margin-bottom: 1vw;}

.tit-box h3 em{font-weight: 600;color: #ae1f1f;font-weight: 600;}

.ab-01{position: relative;}

.ab-01>img{position: absolute;right: 3%;top: 7%;width: 25%;opacity: 1;}

.ab-01 .box{width: 100%;margin-top: 3vw;position: relative;}

.ab-01 .box .tab{width: 18%;padding-right: 3vw;box-sizing: border-box;padding-top: 3vw;box-sizing: border-box;}

.ab-01 .box .tab h4{cursor: pointer;}

.ab-01 .box .tab h4:last-child{margin-top:4vw}

.ab-01 .box .tab h4.on{color: #ae1f1f;font-weight: 600;}

.ab-01 .box .item-list{width: 100%;}

.ab-01 .box .item{width: 100%;display: none;}

.ab-01 .box .item.on{display: block;}

.ab-01 .box .item h4{margin-bottom: 1vw;font-weight: 600;}

.ab-01 .box .item p{line-height: 28px;text-align: justify;margin-top: .5vw;}

.ab-01 .swiper{width: 100%;margin-top: 3vw;}

.ab-01 .swiper .swiper-slide{width: 32%;margin-right: 1.3%;height: 22vw;position: relative;border-radius: 10px;overflow: hidden;}

.ab-01 .swiper .swiper-slide::after{position: absolute;width: 100%;height: 100%;content: '';background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));left: 0;top: 0;z-index: 1;}

.ab-01 .swiper .swiper-slide .txt{position: absolute;color: #fff;width: 100%;text-align: center;bottom: 20px;z-index: 2;font-size: 1.2vw;}



.ab-02{background-color: #f5f5f5;position: relative;}

.ab-02>img{width: 100%;}

.ab-02 .cont{position: absolute;left: 50%;transform: translateX(-50%);z-index: 1;top: 0;}

.ab-02 .top .left{width: 40%;}

.ab-02 .top .left .num-list{margin-top: 2vw;justify-content: flex-start;}

.ab-02 .top .left .num-list .item{margin-right: 4vw;}

.ab-02 .top .left .num-list .item h3{font-weight: 600;margin-right: 5px;color: #ae1f1f;font-size: 4vw;}

.ab-02 .top .right{width: 50%;align-items: last baseline;margin-bottom: 1vw;}

.ab-02 .top .right .img-box{width: 49%;}

.ab-02 .top .right .img-box img{width: 100%;}

.ab-02 .con{width: 64%;margin-top: 10vw;}

.ab-02 .con .img-box{width:32%;}

.ab-02 .con .img-box img{width: 100%;}

.ab-02 .swiper{width: 100%;margin-top: 8vw;}

.ab-02 .swiper .swiper-slide{width:24%;margin-right: 1%;}

.ab-02 .swiper .swiper-slide .img-box{width: 100%;}

.ab-02 .swiper .swiper-slide .img-box img{width: 100%;}



.ab-03{padding-top: 0;}

.ab-03 .img-box{width: 35%;}

.ab-03 .img-box img{width: 100%;}

.ab-03 .right{width: 60%;}

.ab-03 .right .info-box{width: 100%;margin-top: 2vw;}

.ab-03 .right .info-box h4{font-size: 2.6vw;font-weight: 600;}

.ab-03 .right .info-box h5:nth-child(2){font-size: 1.6vw;padding: 15px 0;width: max-content;border-top: 1px solid rgba(0, 0, 0, .7);border-bottom: 1px solid rgba(0, 0, 0, .7);margin-top: 1vw;}

.ab-03 .right .info-box .list{margin-top: 2vw;}

.ab-03 .right .info-box .list p{width: 50%;display: flex;align-items: center;justify-content: flex-start;margin-top: .6vw;}



.ab-04{background-color: #f5f5f5;}

.ab-04 .tit-box,.ab-05 .tit-box,.ab-06 .tit-box{text-align: center;}

.ab-04 .box{width: 100%;margin-top: 5vw;min-height: 33vw;position: relative;}

.ab-04 .box > img{position: absolute;width: 100%;bottom: 0;left: 0;display: none;}

.ab-04 .box .list-box{

    width: 100%;

    min-height: 33vw;

    position: relative;

    z-index: 2;

    display: flex;

    justify-content: flex-start;

    gap: 2.2vw;

    overflow-x: auto;

    overflow-y: hidden;

    padding: 1vw 1vw 0;

    box-sizing: border-box;

    scrollbar-width: thin;

}

.ab-04 .box .list-box .item{

    width: 19vw;

    min-width: 19vw;

    position: relative;

    height: 100%;

}

.ab-04 .box .list-box .item .thing{

    display: flex;

    flex-direction: column;

    align-items: center;

}

.ab-04 .box .list-box .item .info{

    width: 100%;

    min-height: 13vw;

    padding: 1.2vw;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    position: relative;

    background: rgba(255,255,255,.92);

    border-radius: 12px;

    box-shadow: 0 6px 20px rgba(0, 0, 0, .06);

}

.ab-04 .box .list-box .item .info::after{

    position: absolute;

    width: 1px;

    height: 0;

    content: '';

    background-color: #ae1f1f;

    opacity: .25;

    left: 50%;

    top: 100%;

    transform: translateX(-50%);

    transition: all .6s;

}

.ab-04 .box .list-box .item .info::before{

    position: absolute;

    width: 10px;

    height: 10px;

    content: '';

    background-color: #ae1f1f;

    opacity: 0;

    left: 50%;

    top: calc(100% + 2.8vw);

    transform: translateX(-50%);

    transition: all .6s;

    border-radius: 50%;

    z-index: 2;

}

.ab-04 .box .list-box .item .info h3{font-weight: 600;margin-bottom: .8vw;font-size: 1.4vw;}

.ab-04 .box .list-box .item .info p{font-size: 17px;line-height: 28px;}

.ab-04 .box .list-box .item .info .txt{transform: translateY(15%);opacity: .65;transition: all .6s;}

.ab-04 .box .list-box .item .year{

    width: 130px;

    height: 130px;

    border-radius: 50%;

    background-color: #ae1f1f;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 32px;

    transform: scale(.75);

    margin-top: 4.2vw;

    font-family: numType;

    font-weight: 600;

    transition: all .6s;

}

.ab-04 .box .list-box .item:nth-child(even) .thing{

    flex-direction: column-reverse;

}

.ab-04 .box .list-box .item:nth-child(even) .year{

    margin-top: 0;

    margin-bottom: 4.2vw;

}

.ab-04 .box .list-box .item:nth-child(even) .info::after{

    top: auto;

    bottom: 100%;

}

.ab-04 .box .list-box .item:nth-child(even) .info::before{

    top: auto;

    bottom: calc(100% + 2.8vw);

}

.ab-04 .box .list-box .item.on .info::after{height: 2.8vw;opacity: .5;}

.ab-04 .box .list-box .item.on .info::before{opacity: 1;}

.ab-04 .box .list-box .item.on .info .txt{transform: translateY(0);opacity: 1;}

.ab-04 .box .list-box .item.on .year{transform: scale(1);}

.ab-04 .box .yaer-big{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}

.ab-04 .box .yaer-big h1{font-size: 20vw;font-family: numType;font-weight: 600;opacity: .1;position: absolute;left: 50%;top:30%;transform: translate(-50%,-50%);opacity: 0;transition: all .6s;width: max-content;}

.ab-04 .box .yaer-big h1.on{opacity: .05;}



.ab-05{width: 100%;}

.ab-05 .cont{overflow: hidden;}

.ab-05 .list-box{width: 100%;margin-top: 5vw;overflow: visible;}

.ab-05 .list-box a{width: 23%;position: relative;margin-right: 2%;}

.ab-05 .list-box a .img-box{width: 100%;height: 32vw;border-radius: 15px;overflow: hidden;}

.ab-05 .list-box a .name{position: absolute;z-index: 2;left: 5%;bottom: 3%;color: #fff;font-size: 1.5vw;font-weight: 600;}

.ab-05 .list-box a .lable-box{position: absolute;right: -5%;top: -8%;z-index: 1;}

.ab-05 .list-box a .lable-box img{width: 8vw;}

.ab-05 .list-box a .lable-box .txt{position: absolute;left: 50%;transform: translateX(-50%);top: 28%;z-index: 1;text-align: center;}

.ab-05 .list-box a .lable-box .txt h5{font-size: 1vw;}



.ab-06{background-color: #f5f5f5;}

.ab-06 .list-box{width: 100%;margin-top: 3vw;}

.ab-06 .list-box .img-box{width: 20%;background-color: #fff;border: 1px solid rgba(0, 0, 0, .3);box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding: 20px 0;}

.ab-06 .list-box .img-box img{width: 60%;}



.tea-info{width: 100%;display: flex;height: 100vh;padding-top: 120px;background-color: #393939;overflow: hidden;position: relative;box-sizing: border-box;}

.tea-info>img{position: absolute;right: 0;top:0;width: 95%;height: auto;}

.tea-info .box{width: 97%;height: 100%;position: relative;z-index: 2;}

.tea-info .box .left{width: 38%;margin-top: auto;}

.tea-info .box .left img{width: 90%;margin-left: auto;}

.tea-info .box .right{width: 28%;display: flex;align-items: center;}

.tea-info .box .right h3{font-weight: 600;}

.tea-info .box .right h4{letter-spacing: 4px;margin-top: 1vw;padding: 10px 0;border-top: 2px solid #ae1f1f;color: #ae1f1f;border-bottom: 2px solid #ae1f1f;width: max-content;}

.tea-info .box .right .content{width: 100%;margin-top: 2vw;}

.tea-info .box .right .content p{font-size: 18px!important;}

.tea-info .box .case-list{width: 25%;height: 100%;height: 42vw;margin-right: 0;margin-left: 0;overflow: visible;}

.tea-info .box .case-list .swiper-slide{height: max-content;margin-bottom: 10px;}

.tea-info .box .case-list .swiper-slide:last-child{margin-bottom: 0;}

.tea-info .box .case-list .img-box{width: 100%;border-radius: 10px;overflow: hidden;}



.tea-oth .tit-box{text-align: center;}

.tea-oth .tit-box h3:first-child{opacity: .3;}

.tea-oth .list{width: 100%;margin-top: 3vw;}

.tea-oth .list a{width: 23%;position: relative;margin-right: 2%;margin-top: 3vw;}

.tea-oth .list a:last-child{margin-right: 0;}

.tea-oth .list a .img-box{width: 100%;height: 32vw;border-radius: 15px;overflow: hidden;}

.tea-oth .list a .name{position: absolute;z-index: 2;left: 5%;bottom: 3%;color: #fff;font-size: 1.5vw;font-weight: 600;}

.tea-oth .list a .lable-box{position: absolute;right: -5%;top: -8%;z-index: 1;}

.tea-oth .list a .lable-box img{width: 8vw;}

.tea-oth .list a .lable-box .txt{position: absolute;left: 50%;transform: translateX(-50%);top: 28%;z-index: 1;text-align: center;}

.tea-oth .list a .lable-box .txt h5{font-size: 1vw;}





.class_ban{width: 100%;}

.class_ban .img{width: 100%;height: auto;}

.class-01{position: relative;}

.class-01>img{position: absolute;opacity: .05;bottom: 5%;right: 0;width: 30%;}

.class-01 .list{width: 56%;}

.class-01 .tit-box h3:first-child,

.class-02 .tit-box h3:first-child,

.class-03 .tit-box h3:first-child{opacity: .3;}

.class-01 .list a{padding: 15px 25px;border: 1px solid #000;border-radius: 40px;font-size: 1.2vw;transition: all .6s;}

.class-01 .list a.on,.class-01 .list a:hover{background-color: #ae1f1f;color: #fff;border-color: #fff;}



.class-list{width: 100%;margin-top: 1vw;position: relative;z-index: 1;}

.class-list .item{width: 49%;background-color: #f5f5f5;border-radius: 10px;overflow: hidden;margin-top: 2vw;}

.class-list .item .img-box{width: 50%;height: 26vw;}

.class-list .item .info{width: 50%;padding: 3vw;box-sizing: border-box;position: relative;}

.class-list .item .info h4{font-weight: 600;margin-bottom: 1vw;margin-top: 2vw;}

.class-list .item .info h5{width: max-content;padding: .5vw;border-top: 1px solid rgba(0, 0, 0, .7);border-bottom: 1px solid rgba(0, 0, 0, .7);}

.class-list .item .info .time{margin-top: 2vw;width: max-content;border: 2px solid #ae1f1f;border-radius: 5px;}

.class-list .item .info .time p{padding: 12px 40px;font-size: 1.2vw;font-weight: 600;color:#ae1f1f;}

.class-list .item .info .time p:first-child{background-color: #ae1f1f;color: #fff;}

.class-list .item .info .open{width: max-content;margin-top: 2vw;font-size: 1.3vw;}

.class-list .item .info .open em{color: #ae1f1f;font-weight: 600;}

.class-list .item .info svg{position: absolute;right: 5%;top: 0;z-index: 1;}



.class-02{width: 100%;background-color: #f5f5f5;}

.class-02 .tit-box{text-align: center;}

.class-02  .list-box{width: 100%;margin-top: 3vw;}

.class-02  .list-box .list-item{width: 100%;}

.class-02  .list-box .list-item .img-box{width: 23.7%;height: auto;margin-right: 1.33%;}



.class-03 .tit-box{text-align: center;}

.class-03 .box{width: 100%;margin-top: 2vw;position: relative;}

.class-03 .box .item{width: 49%;margin-top: 2vw;padding: 4vw;box-sizing: border-box;}

.class-03 .box .item:nth-child(1){border-right: 1px solid rgba(0, 0, 0, .3);border-bottom: 1px solid rgba(0, 0, 0, .3);}

.class-03 .box .item:nth-child(2){border-left: 1px solid rgba(0, 0, 0, .3);border-bottom: 1px solid rgba(0, 0, 0, .3);}

.class-03 .box .item:nth-child(3){border-right: 1px solid rgba(0, 0, 0, .3);border-top: 1px solid rgba(0, 0, 0, .3);}

.class-03 .box .item:nth-child(4){border-left: 1px solid rgba(0, 0, 0, .3);border-top: 1px solid rgba(0, 0, 0, .3);}

.class-03 .box .item h4{font-size: 1.7vw;font-weight: 600;}

.class-03 .box .item p{font-size: 17px;line-height: 28px;color: #7b7b7b;margin-top: 1vw;}

.class-03 .box .logo-box{width: 14vw;height: 14vw;background-color: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(0, 0, 0, .3);}

.class-03 .box .logo-box img{width: 70%;}





.classInfo_01{width: 100%;position: relative;z-index: 2;background-color: #f5f5f5;}

.classInfo_01 .cont{transform: translateY(-15%);background-color: #fff;padding: 5vw;box-sizing: border-box;border-radius: 20px;overflow: hidden;position: relative;}

.classInfo_01 .cont svg{position: absolute;right: 0;top: 0;z-index: 1;width: 5%;height: auto;}

.classInfo_01 .left{width: 35%;}

.classInfo_01 .left .img-box{width: 100%;border-radius: 15px;overflow: hidden;}

.classInfo_01 .right{width: 60%;position: relative;}

.classInfo_01 .right a{padding: 15px 30px;border-radius: 40px;background-color: #ae1f1f;color: #fff;font-size: 18px;position: absolute;right: 0;top: 2vw;}

.classInfo_01 .right h3{font-weight: 600;}

.classInfo_01 .right h4{padding: 10px 0;border-top: 2px solid #ae1f1f;color: #ae1f1f;border-bottom: 2px solid #ae1f1f;margin-top: 1vw;width: max-content;}

.classInfo_01 .right table{width: 100%;margin-top: 2vw;}

.classInfo_01 .right table th{border: 1px solid #fff;line-height: 50px;background-color: #ae1f1f;color: #fff;font-size: 1.2vw;}

.classInfo_01 .right table td{border: 1px solid #000;text-align: center;line-height: 100px;font-size: 1.1vw;font-weight: 600;}

.classInfo_01 .right h5{font-size: 1.6vw;font-weight: 600;margin-top: 2vw;}

.classInfo_01 .right .info{width: 100%;padding: 2vw;background-color: #f5f5f5;box-sizing: border-box;height: 18vw;overflow: scroll;margin-top: 1vw;}



.classInfo_02{position: relative;background-color: #fff;z-index: 3;margin-top: -5vw;}

.classInfo_02 .tit-box h3:first-child{opacity: .3;}

.stu_list{width: 100%;margin-top: 2vw;}

.stu_list .item{width: 31.3%;margin-right: 2%;margin-top: 1vw;}

.stu_list .item:last-child{margin-right: auto;}

.stu_list .item a{width: 100%;background-color: #fff;box-shadow: 2px 2px 10px 5px rgba(0,0,0,.05);border-radius: 10px;overflow: hidden;}

.stu_list .item a .img-box{width: 100%;height: 18vw;position: relative;}

.stu_list .item a .img-box .tit{position: absolute;left: 0;top:0;background-color: #ae1f1f;display: flex;justify-content: center;width: 30%;color: #fff;height: 60px;align-items: center;border-radius: 10px 0 10px 0;}

.stu_list .item a .img-box .tit p{margin-bottom: 0;margin-left: 8px;font-size: 1.3vw;}

.stu_list .item a .info{padding: 30px;box-sizing: border-box;}

.stu_list .item a h5{font-size: 1.3vw;margin: 15px 0;text-align: left;font-weight: 600;}

.stu_list .item a p{font-size: 18px;margin-bottom: 40px;line-height: 32px;}

.stu_list .item a .oth{padding-top: 20px;border-top: 1px solid rgba(0,0,0,.1);align-items: center;}

.stu_list .item a .oth p{margin-top: 0;display: flex;align-items: center;justify-content: space-between;font-size: 17px;margin-bottom: 0;}

.stu_list .item a .oth p:first-child{font-size: 1.2vw;font-weight: 600;}

.stu_list .item a .oth p svg{margin-right: 10px;}

.stu_list .item a .oth img{height: 30px;}



.stu_info{width: 100%;box-sizing: border-box;position: relative;z-index: 2;background-color: #f5f5f5;}

.stu_info .cont{position: relative;transform: translateY(-40%);background-color: #fff;border-radius: 20px;padding: 6vw;box-sizing: border-box;}

.stu_info .left{width: 25%;padding-right: 3%;box-sizing: border-box;}

.stu_info .left h3{font-weight: 600;}

.stu_info .left h4{font-weight: 600;margin-top: 1vw;color: #7b7b7b;font-size: 1.3vw;}

.stu_info .left h4:nth-child(2){color: #ae1f1f;}

.stu_info .right{width: 75%;padding-left: 5%;box-sizing: border-box;border-left: 1px solid rgba(0, 0, 0, .3);}







.case_ban{width: 100%;height: 770px;position: relative;}

.case_ban .info{position: absolute;left: 5%;width: 34%;top: 50%;transform: translateY(-50%);z-index: 1;color: #fff;}

.case_ban .info h3{font-weight: 600;opacity: 1;}

.case_ban .info h4{width: max-content;margin-top: 2vw;padding: .5vw 0;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}



.case-list{width: 100%;margin-top: 2vw;}

.case-list .item{width: 24%;margin-top: 1.5vw;}

.case-list .item .img-box{width: 100%;height: 34vw;border-radius: 15px;overflow: hidden;}



.news-ban{width: 100%;height: 650px;}

.pro-list .tab-box{align-items: center;}

.pro-list .tab-box h3{font-weight: 600;}

.pro-list .tab-box h3 i{font-weight: 600;color: #ae1f1f;}

.pro-list .tab-box .tab-list{align-items: center;}

.pro-list .tab-box .tab-list form{border-radius: 40px;border:1px solid rgba(0, 0, 0, .3);display: flex;align-items: center;}

.pro-list .tab-box .tab-list form input{width: 15vw;height: 40px;text-indent: 2rem;border: none;background-color: rgba(0, 0, 0, 0);}

.pro-list .tab-box .tab-list form button{cursor:pointer;background-color: rgba(0, 0, 0, 0);border: none;}

.pro-list .tab-box .tab-list form button svg{width: 28px;height: 28px;}

.pro-list .tab-box .tab-list form button svg path{fill:#000;}

.pro-list .tab-box .tab-list a{padding: 18px 40px;border: 1px solid #000;border-radius: 40px;margin-left: 2vw;transition: all .4s;font-size: 17px;}

.pro-list .tab-box .tab-list a.on{background-color: #ae1f1f;color: #fff;border-color: #ae1f1f;}

.newsList .inner{margin-top: 60px;}

.newsList .inner a{padding: 50px 0;box-sizing: border-box;border-top: 1px solid rgba(148, 48, 48, 0.1);position: relative;}

.newsList .inner a::after{width: 0%;height: 2px;background-color: #ae1f1f;left: 0;bottom: 0;content: "";z-index: 1;position: absolute;transition: all .6s;}

.newsList .inner a:first-child{padding-top: 0;border: none;}

.newsList .inner a .left{width: 64%;}

.newsList .inner a .left .info{width: 100%;}

.newsList .inner a .left .info h4{transition: all .6s;font-weight: 600;font-size: 1.8vw;}

.newsList .inner a .left .info p{font-size: 1vw;line-height: 1.8vw;margin-top: 15px;color: #7b7b7b;}

.newsList .inner a .left .time{align-items: center;}

.newsList .inner a .left h5{opacity: .8;letter-spacing: 1px;font-size: 22px;line-height: 1;text-transform: uppercase;font-weight: bold;font-family: 'Rousseau';transition: all .6s;}

.newsList .inner a .left img{height: 24px;width: auto;}

.newsList .inner a .img-box{width: 32%;height: 15vw;overflow: hidden;}

.newsList .inner a:hover .info h4{color: #ae1f1f;}

.newsList .inner a:hover .left h5{color: #ae1f1f;}

.newsList .inner a:hover::after{width: 100%;}



.oth-banner{width: 100%;height: 700px;overflow: hidden;position: relative;background-color: #fff;}

.oth-banner::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1));z-index: 1;content: '';}

.oth-banner .img-box{width: 100%;min-height: 700px;}

.oth-banner.news-ban{height: 600px;}

.oth-banner .pic-txt{width: 100%;position: absolute;bottom: 20%;z-index: 2;color: #fff;}

.oth-banner .pic-txt h1{font-size: 6vw;width: 100%;padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,.5);}

.oth-banner.news-ban::after{background: rgba(0,0,0,.3);backdrop-filter: blur(20px);}

.oth-banner.news-ban .pic-txt .cont{width: 70%;}

.oth-banner.news-ban .pic-txt h1{font-size: 2.2vw;}

.web10-box{width: 100%;background-color: #fff;box-sizing: border-box;}

.web10-box .cont{width: 70%;}

.web10-box img{max-width: 100%;}

.news-dail{background-color:#fafafa;}

.news-dail-tit h4{font-family: ShiYuanHei-Blod;}

.news-dail-tit>p{color: #7b7b7b;}

.news-dail-tit>p:nth-child(2){margin-top: 30px;}

.news-dail-back{align-items: center;}

.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}

.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}

.web10-info{width: 100%;}

.web10-info img{margin: 0 auto;max-width: 100%;display: inline-block;}

.news-dail-tap{margin-top: 30px;}



.joblist-01 .tab-list a:first-child{margin-left: auto;}

.joblist-01 .tab-list a{margin-left: 2vw;}

.joblist-01 .list-box{width: 100%;margin-top: 2vw;}

.joblist-01 .list-box .item{width: 24%;}

.joblist-01 .list-box .item a{position: relative;}

.joblist-01 .list-box .item a::after{position: absolute;width: 100%;height: 100%;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));content: '';z-index: 1;left: 0;top: 0;}

.joblist-01 .list-box .item .img-box{width: 100%;height: 32vw;overflow: hidden;}

.joblist-01 .list-box .item .img-box img{width: 100%;}

.joblist-01 .list-box .item .info{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 2;color: #fff;padding: 2vw;box-sizing: border-box;}

.joblist-01 .list-box .item .info h5{margin-bottom: 2vw;transition: all .4s;}

.joblist-01 .list-box .item .info svg{margin-left: 10px;}



.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}

.contact-box .top>.info{margin-top: 40px;width: max-content;}

.contact-box .top img{width: 40px;}

.contact-box .top h4{font-size: 28px;margin: 10px 0;}

.contact-box .top h5{font-size: 30px;font-weight: 600;}

.contact-box .bottom{padding: 60px 0;width: 100%;}

.contact-box .bottom h3{font-size: 46px;font-weight: 300;}

.contact-box .bottom form{margin-top: 40px;}

.contact-box .bottom form input {width: 30%;height: 40px;border: none;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;}

.contact-box .bottom form input:nth-child(4){width: 70%;}

.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}

.contact-box .bottom form button{width: 200px;height: 50px;background-color: #ae1f1f;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;border-radius: 15px;}





footer{background-color: #000;background-image: url(../images/ico-img1.png);background-repeat: no-repeat;background-position: bottom right;background-size: auto 80%;padding-top: 100px;padding-bottom: 30px;box-sizing: border-box;}

footer .cont{position: relative;color: #fff;}

footer .cont>svg{position: absolute;left: 40%;top: 0;transform: translateX(-50%);z-index: 1;height: 100%;width: auto;}

footer .divider-svg path:first-child{color: #fff;filter: blur(.2083333333vw);animation: moveAlongPath 5s linear infinite;

    stroke-dasharray: 200;}

footer .divider-svg path:last-child{color: rgba(255,255,255,.2);}

footer .left{width: 48%;}

footer .form-box h5{margin-top: 10px;opacity: .6;}

footer .form-box form{width: 100%;margin-top: 3vw;}

footer .form-box form input{width: 100%;height: 50px;border: none;margin-bottom: 1.5vw;text-indent: 2rem;}

footer .form-box form button{padding: 15px 50px;background-color: #ae1f1f;color: #fff;border: none;font-size: 1.1vw;}

footer .cat-fot{width: 48%;}

footer .cat-fot h2{font-weight: 600;margin:1vw 0;}

footer .cat-fot p{opacity: .6;}

footer .cat-fot h4{margin-top: 2vw;}

footer .cat-fot h5{margin-top: 15px;}

footer .cat-fot img{width: 140px;height: 140px;margin-top: 2vw;}

footer .oth{opacity: .6;margin-top: 30px;}

footer .oth a{color: #fff;margin-right: auto;}



.m-inx04{width: 100%;position: relative;display: none;}

.m-inx04 .content{position: relative;z-index: 2;}

.m-inx04 .content-box{text-align: center;}

.m-inx04 .content-box h3{font-weight: 600;opacity: .5;font-size: 3vw;}

.m-inx04 .content-box h2{font-size: 4vw;margin-bottom: 3vw;font-weight: 600;}

.m-inx04 .content-box h2 em{color: #ae1f1f;font-weight: 600;}

.m-inx04 .content-box h4{font-size: 15px;margin-top: 5px;line-height: 28px;}

.m-inx04 .info{position: relative;}

.m-inx04 .info img{position: absolute;width: 60%;bottom: 0;left: -30%;}

.m-inx04 .sch-img{width: 100%;}

.m-inx04 .sch-img .img-box{width: 100%;border-radius: 2vw;box-sizing: border-box;overflow: hidden;}

.m-inx04 .sch-img .info-txt{width: 100%;margin-top: 30px;} 

.m-inx04 .sch-img .info-txt .left h4{font-size: 2.2vw;font-weight: 600;}

.m-inx04 .sch-img .info-txt .right{width: 100%;margin-top: 30px;}

.m-inx04 .sch-img .info-txt .right .item{width: 49%;background-color: #f5f5f5;padding: 20px;border-radius: 2vw;overflow: hidden;box-sizing: border-box;margin-top: 2vw;}

.m-inx04 .sch-img .info-txt .right .item svg{width: 4vw;height: 4vw;}

.m-inx04 .sch-img .info-txt .right .item svg path{fill: #ae1f1f;}

.m-inx04 .sch-img .info-txt .right .item h4{font-size: 2vw;margin-top: 1vw;}

.m-inx04 .sch-img .info-txt .right .item h4 em{font-size: 6vw;font-weight: 600;color: #ae1f1f;margin-right: 10px;}

.m-inx04 .sch-img .info-txt .right .item h5{font-size: 16px;line-height: 28px;margin-top: 2vw;}



.m-inx04  .tea-list .title-box .left{width: 100%;text-align: center;}

.m-inx04  .tea-list .title-box .left h3{font-weight: 600;opacity: .5;font-size: 3vw;}

.m-inx04  .tea-list .title-box .left h3:nth-child(2){opacity: 1;font-size: 4vw;}

.m-inx04 .tea-list .title-box .left h3 em{font-weight: 600;color: #ae1f1f;}

.m-inx04 .tea-list .title-box .left h4{font-weight: 600;margin-top: 10px;font-size: 3vw;}

.m-inx04 .tea-list .title-box .right{margin-top: 20px;}

.m-inx04 .tea-list .title-box .right p{text-align: center;color: #7b7b7b;}

.m-inx04 .tea-list .title-box .right .btn-box{margin-top: 3vw;justify-content: center;}

.m-inx04 .tea-list .title-box .right .btn-box a{padding: 2vw 3vw;background-color: #ae1f1f;color: #fff;margin: 0 2vw;border-radius: 40px;}

.m-inx04 .tea-list .title-box .right .btn-box a:first-child{background-color: #000;}

.m-inx04 .tea-list .list-box{width: 100%;margin-top: 8vw;overflow: visible;}

.m-inx04 .tea-list .list a{width: 48%;position: relative;margin-right: 2%;}

.m-inx04 .tea-list .list a:last-child{margin-right: 0;}

.m-inx04 .tea-list .list a .img-box{width: 100%;height: 64vw;border-radius: 15px;overflow: hidden;}

.m-inx04 .tea-list .list a .name{position: absolute;z-index: 2;left: 5%;bottom: 3%;color: #fff;font-size: 3vw;font-weight: 600;}

.m-inx04 .tea-list .list a .lable-box{position: absolute;right: -5%;top: -8%;z-index: 1;}

.m-inx04 .tea-list .list a .lable-box img{width: 12vw;}

.m-inx04 .tea-list .list a .lable-box .txt{position: absolute;left: 50%;transform: translateX(-50%);top: 28%;z-index: 1;text-align: center;}

.m-inx04 .tea-list .list a .lable-box .txt h5{font-size: 1.5vw;}

.m-inx04 .comit{width: 100%;}

.m-inx04 .comit .title-box h3{font-weight: 600;opacity: .5;font-size: 3vw;text-align: center;}

.m-inx04 .comit .title-box h3:nth-child(2) {opacity: 1;font-size: 4vw;}

.m-inx04 .comit .title-box h3 em{color: #ae1f1f;font-weight: 600;}

.m-inx04 .comit .title-box h4{font-weight: 600;margin-top: 10px;font-size: 3vw;text-align: center;}

.m-inx04 .comit .list-box{width: 80%;margin:0 auto;margin-top: 6vw;}

.m-inx04 .comit .list-box .item{width: 33.33%;padding: 35px 0;text-align: center;}

.m-inx04 .comit .list-box .item:nth-child(2n-1){background-color: rgba(255,255,255,.4);border-radius: 10px;overflow: hidden;box-shadow: 2px 5px 10px rgba(0, 0, 0, .1);}

.m-inx04 .comit .list-box .item svg{width: 4vw;height: 4vw;}

.m-inx04 .comit .list-box .item h5{font-weight: 600;margin-top: 5px;font-size: 2.2vw;}



.m-inx03{width: 100%;display: none;}

.m-inx03 .title-box h3{font-weight: 600;opacity: .5;font-size: 3vw;text-align: center;}

.m-inx03 .title-box h3:nth-child(2) {opacity: 1;font-size: 4vw;}

.m-inx03 .title-box h3 em{color: #ae1f1f;font-weight: 600;}

.m-inx03 .list-box{margin-top: 6vw;}

.m-inx03 .list-box a{width: 48%;margin-right: 2%;}

.m-inx03 .list-box a:last-child{margin-right: 0;}

.m-inx03 .list-box a .img-box{width: 100%;height: 63vw;border-radius: 1vw;overflow: hidden;}

.m-inx03 .list-box a .title-box{position: absolute;left: 50%;color: #fff;bottom: 10%;z-index: 2;transform: translateX(-50%);}

.m-inx03 .list-box a .title-box h4{font-weight: 600;padding: 15px 50px;border-radius: 30px;background-color: rgba(0, 0, 0, .6);font-size: 2.2vw;}



.ab-03 .img-box.m-csr{width: 80%;margin: 1vw 0;display: none;}

.ab-03 .tit-box h3{text-align: center;}

.ab-03 .right .info-box h4{font-size: 3vw;text-align: center;}

.ab-03 .right .info-box h5:nth-child(2){margin: 0 auto;margin-top: 1vw;}



.ab-04 .m-box{width: 100%;margin-top: 30px;display: none;}

.ab-04 .m-box .m-info{width: 100%;}

.ab-04 .m-box .m-info .swiper{width: 100%;}

.ab-04 .m-box .m-info .swiper .swiper-slide{width: 100%;}

.ab-04 .m-box .m-info .swiper .swiper-slide .info{width: 100%;transform: translateX(30%);opacity: 0;transition: all .6s;max-height: 80vw;overflow: scroll;}

.ab-04 .m-box .m-info .swiper .swiper-slide.swiper-slide-active .info{transform: translateX(0);opacity: 1;}

.ab-04 .m-box .m-info .swiper .swiper-slide .info h3{font-size: 17px;font-weight: 600;margin-bottom: 20px;}

.ab-04 .m-box .m-info .swiper .swiper-slide .info p{font-size: 15px;margin-top: 8px;line-height: 24px;}

.ab-04 .m-box .m-tab{width: 100%;margin-top: 3vw;}

.ab-04 .m-box .m-tab .swiper{width: 15vw;overflow: visible;}

.ab-04 .m-box .m-tab .swiper .swiper-slide{width: 100%;height: 15vw;background-color: #7b7b7b;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 10px;font-size: 18px;color: #fff;font-weight: 600;transform: scale(.6);transition: all;}

.ab-04 .m-box .m-tab .swiper .swiper-slide.swiper-slide-active{transform: scale(1);background-color: #ae1f1f;}