.index_b3 .btn,.index_b4 .btn{transform-origin: left;}
#banner{height: 103vh;overflow: hidden;width: 100%;position: relative;-webkit-mask: url(../img/banner_mask.png) center bottom / cover no-repeat;mask: url(../img/banner_mask.png) center bottom / cover no-repeat;}
#banner ul{height: 100%;}
#banner li{position: relative;}
#banner li .bannerimg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#banner li .bannerimg img{width: 100%;height: 100%;object-fit: cover;}
#banner li .content{height: 100%;width: 100%;position: absolute;top: 0;align-content: center;}
#banner li .content .img{width: 56%;margin-bottom: 100px;padding-left: 4%;}
#banner li.swiper-slide-active .bannerimg{animation: banner_bj 4s forwards cubic-bezier(.23,1,.32,1);}
#banner li.swiper-slide-active .content .img{animation: banner_text 4s forwards cubic-bezier(.23,1,.32,1);}
#banner .banner_prev,#banner .banner_next{width: 22px;}
#banner .banner_prev{left: 3%;}
#banner .banner_next{right:3%;}
#banner .banner_dot {width: 100%;position: absolute;bottom: 25px!important;margin: 0!important;}
#banner .banner_dot span{border-color: #fff;}
#banner .banner_dot span.swiper-pagination-bullet-active{background: #fff;}
#banner .banner_tip{position: absolute;width: 32px;bottom: 35px;left: calc(50% - 16px);z-index: 2;animation: tipDown 2s infinite ease-in-out;}

.index_b1 .title{font-size: 64px;line-height: 1.3;}
.index_b1 .ftitle{font-size: 54px;line-height: 1.3;}
.index_b1 .box1{align-items: flex-start;}
.index_b1 .box1 .left{width: 40%;}
.index_b1 .box1 .btn{margin-top: 110px;}
.index_b1 .box1 .right{width: 52.5%;}
.index_b1 .box1 .desc{font-size: 18px;line-height: 2.2;text-align: justify;}
.index_b1 .box1 .data{margin-top: 75px;}
.index_b1 .box1 .data div{font-size: 50px;font-weight: bold;}
.index_b1 .box1 .data span{font-size: 30px;vertical-align: super;padding-left: 5px;}
.index_b1 .box1 .data p{font-size: 18px;}
#video .box{position: relative;border-radius: 40px 40px 30px 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);margin-top: 82px;border: 4px solid var(--colormain);}
#video .video_btn{position: absolute;left: calc(50% - 54px);top:calc(50% - 54px);}
#video .video_btn img{width: 108px;cursor: pointer;transition: all .5s;}
#video .video_btn img:hover{transform: scale(1.07);}
#video .title_img{width: 84.5%;margin: -6.2% auto 0 auto;}

.index_b2{background: url(../img/indexB2_bj.webp) center bottom / cover no-repeat;padding-bottom: 25px;}
.index_b2 .left{width: 50.5%;padding: 50px 0 100px 0;}
.index_b2 .box-title{font-size: 40px;}
.index_b2 .box-itemsL {margin-top: 5px;}
.index_b2 .box-itemsL .desc{font-size: 20px;text-align: justify;margin-top: 25px;line-height: 2;}
.index_b2 .box-img{margin-top: 60px;}
.index_b2 .box-img li{width: 16%;max-width: 95px;}
.index_b2 .btn{margin-top: 100px;background: #fff;}
.index_b2 .right{width: 44.5%;padding-right: 3%;}
.index_b2 .box-itemsR li{text-align: center;}
.index_b2 .box-itemsR .img_img{width: 60%;padding: 140px 0;}
.index_b2 .box-itemsL li,.index_b2 .box-itemsR li{position: relative;}
.index_b2 .box-itemsL .img_bj,.index_b2 .box-itemsR .img_bj{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;z-index: -1;object-fit: contain;}
.index_b2 .box-itemsL,.index_b2 .box-itemsR{position: relative;overflow: hidden;}
.index_b2 .box-itemsL li>div,.index_b2 .box-itemsR li>div{opacity: 0;transition: all 0.4s;}
.index_b2 .box-itemsL li.swiper-slide-active>div,.index_b2 .box-itemsR li.swiper-slide-active>div{opacity: 1;}
.index_b2 .indexB2_P,.index_b2 .indexB2_N{width: 17px;}
.index_b2 .indexB2_P{left: 8%;}
.index_b2 .indexB2_N{right: 8%;}
.index_b2 .indexB2_dot{position: absolute;bottom: 8.5%!important;pointer-events: none;}
.index_b2 .indexB2_dot span{border: none;color: #fff;font-weight: bold;font-size: 20px;margin: 0 2px!important;}
.index_b2 .indexB2_dot .current{font-size: 40px;font-family: "ALMMSZHT";}
.index_b2 .indexB2_dot .fg{font-size: 18px;}

.index_b3 .block01{position: relative;}
.index_b3 .box1{text-align: center;width: 95%;max-width: 1390px;margin: 50px auto 0 auto;position: relative;overflow: hidden;padding-bottom: 10px;}
.index_b3 .box1::after{content:'';width: 100%;height: 2px;position: absolute;bottom: 10px;left: 0;background:rgba(0, 0, 0, 0.1);}
.index_b3 .box1 li{padding-bottom: 45px;position: relative;height: auto;}
.index_b3 .box1 li>div{opacity: 0.3;transition: 0.5s;cursor: pointer;}
.index_b3 .box1 li>div:hover{opacity: 1;}
.index_b3 .box1 .num{margin: auto;width: 120px;}
.index_b3 .box1 .num img{width: 100%;object-fit: cover;}
.index_b3 .box1 .content{width: 100%;height: 100%;position: absolute;top: 0px;left: 0;}
.index_b3 .box1 .img{width: 62px;margin: auto;padding-top: 18px;}
.index_b3 .box1 .img img{transition: 0.8s;}
.index_b3 .box1 li>div:hover .img img{transform: rotateY(360deg);}
.index_b3 .box1 .title{font-size: 24px;width: 100%;padding-top: 10px;font-weight: bold;}
.index_b3 .box1 li::before{content: '';width:16px;height: 100%;position: absolute;bottom: -6px;left: calc(50% - 8px);background: url(../img/indexB3_yuan.png) center bottom/contain no-repeat;pointer-events: none;opacity: 0;z-index: 2;}
.index_b3 .box1 li::after{content: '';width:100%;height: 2.5px;position: absolute;bottom: 0px;left:0;background: #000;pointer-events: none;opacity: 0;transition: 0.5s;}
.index_b3 .box1 li.swiper-slide-thumb-active>div,.index_b3 .box1 li.swiper-slide-thumb-active::before,.index_b3 .box1 li.swiper-slide-thumb-active::after{opacity: 1;}
.index_b3 .nofull ul{justify-content: space-between;}
.index_b3 .nofull ul li{max-width: 160px;}
.index_b3 .nofull .indexB3_P,.index_b3 .nofull .indexB3_N{display: none;}

.index_b4{background: url(../img/indexB4_bj.png) center bottom / cover no-repeat;background-color: var(--colormain2);}
.index_b4 .left{width: 38.5%;padding-top: 35px;}
.index_b4 .block01 .desc{font-size: 18px;line-height: 2;text-align: justify;margin-top: 35px;}
.index_b4 .block01 .btn{margin-top: 75px;}
.index_b4 .box1{position: relative;overflow: hidden;margin: 75px -10px 0 -10px;}
.index_b4 .box1 li{padding: 0 10px;}
.index_b4 .box1 .img{border: 3px solid #FFD900;border-radius: 14px;overflow: hidden;}
.index_b4 .right{width: 57.5%;}
.index_b4 .right .img img{transition: 0.5s;}
.index_b4 .right .img:hover img{transform: translateY(-15px);}

.index_news .btn{transform-origin: right;}
.index_news .new_list{margin-top: 40px;overflow: hidden;}
.index_news .new_list ul{flex-wrap: nowrap;}
.index_news .new_list li{padding-top: 0;padding-bottom: 0;}

@media (min-width: 767px){
	.index_b3 .box2{margin: 58px -10px 0 -10px;}
	.index_b3 .box2>ul>li{opacity: 0!important;transition: 0.5s;height: auto;}
	.index_b3 .box2>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}
	.index_b3 .box2 li>div{overflow: hidden;-webkit-transform: translate3d(0, 0, 0);justify-content: space-between;display: flex;flex-wrap: wrap;height: 100%;padding: 10px;}
	.index_b3 .box2 li .img_img{width: 43.1%;overflow: hidden;border-radius: 30px;}
	.index_b3 .box2 li .img_img img{height: 100%;}
	.index_b3 .box2 li .content{width: 56.9%;padding:90px 85px;background: url(../img/indexB3_bj.png) center center/cover no-repeat;position: relative;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);border-radius: 30px;overflow: hidden;}
	.index_b3 .box2 li .title{font-size: 40px;font-weight: bold;}
	.index_b3 .box2 li .desc{text-align: justify;font-size: 18px;margin-top: 15px;line-height: 2;}
	.index_b3 .btn{margin-top: 60px;background: #fff;}
	.index_b3 .box2 .TextSpan{-webkit-animation-name:indexB3Text;animation-name:indexB3Text;animation-timing-function: cubic-bezier(.165,.84,.44,1);animation-duration: 1.5s;display: inline-block;transform-style: preserve-3d;will-change: transform;transform-origin: 50% 50%;}
	.index_b3 .indexB3_P,.index_b3 .indexB3_N{width: 30px;height: 30px;top: 50%;position: absolute;}
	.index_b3 .indexB3_P {background: url(../img/jt_Lh.png) center center / contain no-repeat;left: -10px;}
	.index_b3 .indexB3_N {background: url(../img/jt_Rh.png) center center / contain no-repeat;right: -10px;}
}
@media (min-width: 1500px){
	.index_b1,.index_b3{padding-bottom: 93px;}
	.index_b4{padding: 105px 0 80px 0;}
	.index_news{padding-bottom: 95px;}
}
@media (min-width: 1199px) and (max-width: 1500px){
	#banner .banner_tip{width: 28px;bottom: 35px;left: calc(50% - 14px);}
	.index_b2 .box-title {font-size: 36px;}
	.index_b2 .pub_title .title p{font-size: 53px;}
	.index_b2 .right {padding-right: 0%;}
	.index_b4 .left {width: 39.5%;}
	.index_b4 .pub_title .title p{font-size: 50px;}
}

@media (min-width: 768px) and (max-width: 1199px){
	#banner{max-height: 700px;}
	#banner li .content .img {width: 58%;margin-top: 15px;margin-bottom: 70px;}
	#banner .banner_prev,#banner .banner_next{width: 18px;}
	#banner .banner_tip{width: 22px;bottom: 30px;left: calc(50% - 11px);}
	.index_b1 .title{font-size: 43px;}
	.index_b1 .ftitle{font-size: 34px;}
	.index_b1 .box1 .desc {font-size: 16px;line-height: 1.8;}
	.index_b1 .box1 .data div {font-size: 38px;}
	.index_b1 .box1 .data p {font-size: 16px;}
	#video .box{border-radius:25px 25px 20px 20px;border-width: 3px;}
	#video .video_btn{left: calc(50% - 36px);top:calc(50% - 36px);}
	#video .video_btn img {width: 72px;}
	.index_b2 .box-title {font-size: 32px;}
	.index_b2 .pub_title .title p{font-size:42px;}
	.index_b2 .box-itemsL .desc {font-size: 16px;line-height: 1.8;}
	.index_b2 .box-img {margin-top: 50px;}
	.index_b2 .btn {margin-top: 75px;}
	.index_b2 .right {padding-right: 0%;}
	.index_b2 .indexB2_P, .index_b2 .indexB2_N {width: 15px;}
	.index_b2 .indexB2_dot{position: absolute;bottom: 13%!important;}
	.index_b2 .indexB2_dot span{font-size: 18px;}
	.index_b2 .indexB2_dot .current{font-size: 32px;}
	.index_b2 .indexB2_dot .fg{font-size: 15px;}
	.index_b3 .box1 li::after{width: 84%;left: 8%;}
	.index_b3 .box1 li::before {width: 14px;bottom: -5px;}
	.index_b3 .box1 .num{width: 95px;}
	.index_b3 .box1 .img {width: 54px;}
	.index_b3 .box1 .title {font-size: 20px;}
	.index_b3 .indexB3_P,.index_b3 .indexB3_N{width: 25px;height: 25px;}
	.index_b3 .nofull ul li{max-width: 140px;}
	.index_b3 .nofull li::after{width: 100%;left: 0%;}
	.index_b3 .box2 {margin-top: 50px;}
	.index_b3 .box2 li .img_img,.index_b3 .box2 li .content{border-radius: 23px;}
	.index_b3 .box2 li .content{padding: 50px;}
	.index_b3 .box2 li .title {font-size: 34px;}
	.index_b3 .box2 li .desc {font-size: 16px;line-height: 1.8;}
	.index_b3 .btn {margin-top: 45px;}
	.index_b4 .left {width: 39.5%;}
	.index_b4 .pub_title .title p{font-size: 40px;}
	.index_b4 .block01 .desc {font-size: 16px;line-height: 1.8;}
	.index_b4 .block01 .btn,.index_b4 .box1{margin-top: 50px;}
}
@media (max-width: 850px){
	#banner li .content .img {width: 75%;max-width: 500px;margin-top: 0px;margin-bottom: 20px;}
	.index_b1 .title{font-size: 46px;}
	.index_b1 .ftitle{font-size: 36px;}
	.index_b1 .box1 .left,.index_b1 .box1 .right{width: 100%;}
	.index_b1 .box1 .right{margin-top: 55px;}
	.index_b1 .box1 .data {margin-top: 55px;}
	.index_b1 .box1 .btn {margin: 60px auto 0 auto;}
	#video .box{margin-top: 65px;}
	#video .video_img img{min-width: 750px;}
	.index_b1 .PCBlock{display: none!important;}
	.index_b1 .SJBlock{display: block!important;}
	.index_b2 .box-title {font-size: 26px;}
	.index_b2 .pub_title .title p {font-size: 32px;}
	.index_b3 .box1 .title {font-size: 19px;}
	.index_b3 .box2 li .content {padding: 45px 30px 45px 40px;}
	.index_b3 .box2 li .title {font-size: 30px;}
	.index_b3 .box2 li .desc{max-height: 170px;}
	.index_b4 .left,.index_b4 .right{width: 100%;}
	.index_b4 .left{padding-top: 0px;}
	.index_b4 .right .img{margin-top: 45px;}
}

@media (max-width: 767px){
	#banner {height: 73vh;margin-top: 58px;mask: none;-webkit-mask:none;}
	#banner li.swiper-slide-active .content .img{animation-duration: 2.5s;}
	#banner .banner_prev,#banner .banner_next{width: 12px;}
	#banner .banner_tip{width: 16px;bottom: 20px;left: calc(50% - 8px);}
	.index_b1 .box1 .left{text-align: center;}
	.index_b1 .title{font-size: 36px;line-height: 1.4;}
	.index_b1 .ftitle{font-size: 28px;}
	.index_b1 .box1 .right {margin-top: 40px;}
	.index_b1 .box1 .desc{font-size: 15px;line-height: 1.7;}
	.index_b1 .box1 .data {margin-top: 45px;}
	.index_b1 .box1 .data div {font-size: 28px;}
	.index_b1 .box1 .data span {font-size: 20px;}
	.index_b1 .box1 .data p {font-size: 14px;}
	.index_b1 .box1 .btn {margin-top: 50px;}
	#video .box{border-radius: 15px;border-width: 2px;margin-top: 50px;}
	#video .box .video_img img{height: 220px;}
	#video .video_btn{left: calc(50% - 25px);top:calc(50% - 25px);}
	#video .video_btn img {width: 50px;}
	.index_b2{padding-bottom: 60px;animation-name:none;}
	.index_b2 .left{width: 100%;padding: 0;}
	.index_b2 .right{display: none;}
	.index_b2 .pub_title .title p {font-size: 38px;}
	.index_b2 .box-itemsL{text-align: center;margin-top: 15px;}
	.index_b2 .box-itemsL .img_img{width: 50%;padding: 100px 0;}
	.index_b2 .box-itemsL .pub_title .title p{font-size: 30px;}
	.index_b2 .box-itemsL .desc{font-size: 15px;line-height: 1.7;}
	.index_b2 .box-img {margin-top: 50px;}
	.index_b2 .btn{margin:60px auto 0 auto;}
	.index_b2 .indexB2_P,.index_b2 .indexB2_N{width: 15px;top: 64vw;}
	.index_b2 .indexB2_P{left: 10%;}
	.index_b2 .indexB2_N{right: 10%;}
	.index_b2 .indexB2_dot{bottom: auto!important;top: 97vw!important;}
	.index_b2 .indexB2_dot span{font-size: 16px;}
	.index_b2 .indexB2_dot .current{font-size: 32px;}
	.index_b2 .indexB2_dot .fg{font-size: 15px;}
	.index_b3 .block01{display: none;}
	.index_b3 .box2 {margin-top: 65px;}
	.index_b3 .box2 li>div{border-radius: 15px;overflow: hidden;}
	.index_b3 .box2 li .content{background: url(../img/indexB3_bj.png) center center/cover no-repeat;position: relative;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);padding:40px 30px;}
	.index_b3 .box2 li .title{font-size: 28px;font-weight: bold;}
	.index_b3 .box2 li .desc{max-height: 140px;text-align: justify;line-height: 1.6;margin-top: 15px;font-size: 15px;}
	.index_b3 .btn{margin-top: 30px;background: #fff;}
	.index_b3 .control{margin-top: 40px;}
	.index_b3 .indexB3_P,.index_b3 .indexB3_N{width: 25px;height: 25px;top: 26%;}
	.index_b3 .indexB3_P {background: url(../img/jt_Lb.png) center center / contain no-repeat;left: 5px;}
	.index_b3 .indexB3_N {background: url(../img/jt_Rb.png) center center / contain no-repeat;right: 5px;}
	.index_b4 .pub_title{text-align: center;}
	.index_b4 .pub_title .title p{font-size: 32px;}
	.index_b4 .block01 .desc {font-size: 15px;line-height: 1.7;}
	.index_b4 .block01 .btn{margin: 45px auto 0 auto;}
	.index_b4 .box1{margin: 50px -8px 0 -8px;}
	.index_b4 .box1 li {padding: 0 8px;}
	.index_b4 .box1 .img{border-width: 2px;}
	.index_b4 .right .img {margin-top: 30px;}
	.index_news .pub_title{text-align: center;width: 100%;}
	.index_news .new_list{margin: 45px -15px 0 -15px;}
	.index_news .new_list li{padding: 0 15px;}
	.index_news .btn {margin: 45px auto 0 auto;transform-origin: center;}
}