/*banner*/
#banner{width:100%;overflow: hidden;}
.banner{height: 99vh;position: relative;overflow: hidden;width: 100%;}
.banner .swiper-wrapper{height: 100%;}
.banner li{position: relative;}
.banner .swiper-slide .bannerimg{display: flex;}
.banner .swiper-slide .bannerimg,.banner .swiper-slide .bannerimg img{width: 100%;height: 100%;object-fit: cover;}
.banner video{width: 100%;height: 100%;object-fit: cover;pointer-events: none;position:relative;z-index:1!important;}
.banner .control{position: absolute;width: 100%;height: auto;bottom: 60px;left: 0;}
.banner .control div{width: 45px;height: 45px;margin: 0 20px;border-radius: 50%;cursor: pointer;-webkit-transform: translate3d(0, 0, 0);}
.banner .control .video_play{background: url(../img/video_play.png) center center / contain no-repeat;}
.banner .control .video_pause{background: url(../img/video_pause.png) center center / contain no-repeat;}
.banner .control .audio_play{background: url(../img/audio_play.png) center center / contain no-repeat;}
.banner .control .audio_pause{background: url(../img/audio_pause.png) center center / contain no-repeat;}


#index_box1 .left{width: 44.6%;}
#index_box1 .title{width: 88.5%;}
#index_box1 .content{margin-top: 25px;}
#index_box1 .content p{font-size: 18px;text-align: justify;line-height: 2;}
#index_box1 .btn{margin-top: 45px;}
#index_box1 .right{width: 50%;border: 3px solid #324029;border-radius: 20px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}


#index_box2{padding-top: 5px;padding-bottom: 0px;}
#index_box2 .box1{position: relative;overflow: hidden;margin: 50px -5px 0 -5px;}
#index_box2 .box1 li{transition: 0.6s;flex: 1;padding:0 5px;}
#index_box2 .box1 li>div{position: relative;width: 100%;border-radius: 30px;overflow: hidden;border: 3px solid #324029;background: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);-webkit-transform: translate3d(0, 0, 0);}
#index_box2 .box1 .img_img{height: 45vw;max-height: 638px;position: relative;}
#index_box2 .box1 .img_img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#index_box2 .box1 .img_img::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 15%, transparent);pointer-events: none;}
#index_box2 .box1 .bg1{opacity: 0;}
#index_box2 .box1 .bg2{opacity: 1;}
#index_box2 .box1 .content{width: 100%;position: absolute;left: 0;bottom: 0px;}
#index_box2 .box1 .con1{opacity: 0;padding: 30px 60px;transition: 0s;}
#index_box2 .box1 .con1 .img{width: 70px;}
#index_box2 .box1 .con1 .title{font-size: 36px;color: #FEFEFE;margin-top: 28px;}
#index_box2 .box1 .con1 .desc p{font-size: 24px;color: #FEFEFE;}
#index_box2 .box1 .con2{transition: 0.3s;}
#index_box2 .box1 .con2 .title{font-size: 24px;color: #FEFEFE;text-align: center;padding: 40px 5px;}


#index_box3{padding-top: 105px;padding-bottom: 0;}
#index_box3>.container{z-index: 2;position: relative;}
#index_box3 .box1{position: relative;overflow: hidden;padding: 60px 30px 65px 30px;margin: 0px -22px;}
#index_box3 .box1 li>div {transform: rotate(-5deg) scale(1.02);}
#index_box3 .box1 li:nth-child(2n-1)>div {transform: rotate(5deg) scale(1.02) translateY(20px);}
#index_box3 .box1 li>div{transition: 0.3s;}
#index_box3 .box1 li.swiper-slide-prev>div,#index_box3 .box1 li.swiper-slide-next+li+li+li+li>div{opacity: 0;}
#index_box3 .text{font-size: 18px;color: #324029;text-align: center;}

#index_box3 .box2{display: flex;flex-wrap: wrap;margin: 35px -60px 0 -60px;}
#index_box3 .box2 .item{width: 33.333%;padding: 0 60px;}
#index_box3 .box2 .box{position: relative;overflow: hidden;background: url(../img/index_box3_box.webp) center center / cover no-repeat;border: 3px solid #E2E2E2;border-radius: 20px;-webkit-transform: translate3d(0, 0, 0);}
#index_box3 .box2 .box li>div{padding: 23px 15px 28px 15px;}
#index_box3 .swiper-pagination{margin-top: -20px;display: none;padding-bottom: 25px;}
#index_box3 .swiper-pagination span{background: #fff;width: 6px;height: 6px;margin: 0 4px;}
#index_box3 .box2 .item:nth-child(2) .swiper-pagination{display: block;}
#index_box3 .btn{margin: 43px auto 0 auto;}

#index_box3 .box3{padding-top: 25px;position: relative;transform: rotate(-1.8deg);margin: 0 -10px;}
#index_box3 .box3::before{content: '';width: 102%;height: 100%;position: absolute;top: -70%;left: 0;background: url(../img/index_box3_bj.webp) center bottom / contain no-repeat;z-index: -1;}
#index_box3 .box3 .data{margin-bottom: -20px;z-index: 2;position: relative;padding: 0 10px;}
#index_box3 .box3 .data img:nth-child(1){width: 41.7%;margin-right: 5px;margin-bottom: -8px;max-width: 618px;}
#index_box3 .box3 .data img:nth-child(2){width: 19%;max-width: 280px;}
#index_box3 .slideBox{background: url(../img/index_box3_sildebj.webp) center center / cover no-repeat;margin: 0 -5%;position: relative;padding: 40px 0;}
#index_box3 .slideBox::before,.slideBox::after{content: '';width: 100%;height: 40px;background: url(../img/index_box3_silde.png)repeat-x center center;position: absolute;top: 0px;background-size: contain;}
#index_box3 .slideBox::after{bottom: 0px;top: auto;}
#index_box3 .slideBox ul li{width: 25%;padding: 0 10px;max-width: 475px;}
#index_box3 .slideText{white-space:nowrap;border-top: 4px solid #324029;border-bottom: 4px solid #324029;margin-top: 25px;padding: 27px 0;}
#index_box3 .slideText .items{width: fit-content;}
#index_box3 .slideText p{display: inline-block;width: fit-content!important;font-size: 48px;color: #324029;padding: 0 1.2%;}
#index_box3 .slideText p span{color: #EA5514;}


#index_box4 .pub_title{max-width: 512px;width: 38%;}
#index_box4 .box1{position: relative;margin: 43px -51.5% 0 -51.5%;}
#index_box4 .box1 .video_btn p{display: none;}
#index_box4 .box1 li{padding: 0 3.45%;}
#index_box4 .box1 li>div{transition:transform 0.5s;border-radius: 20px;overflow: hidden;position: relative;-webkit-transform: translate3d(0, 0, 0);border: 3px solid #324029;}
#index_box4 .box1 li.swiper-slide-active>div{transform: rotate(-15deg) translateY(30.5%);}
#index_box4 .box1 li.swiper-slide-next+li>div{transform: rotate(15deg) translateY(30.5%);}
#index_box4 .box1 .video_btn{width: 100%;position: absolute;/* top: 41%; */top: calc(50% - 60px);text-align: center;}
#index_box4 .box1 .video_btn img{width: 80px;transition: 0.5s;cursor: pointer;}
#index_box4 .box1 .video_btn .title{font-size: 30px;color: #FFFFFF;margin-top: 16px;letter-spacing: 1px;opacity: 0;}
#index_box4 .box1 .video_btn img:hover{transform: scale(1.08);}
#index_box4 .IndexBox4_P{position: absolute;left: 32.5%;top: 48.5%;}
#index_box4 .IndexBox4_N{position: absolute;right: 32.5%;top: 48.5%;}

#index_box4 .box2{width: 46.3%;margin: -5.5% auto 0 auto;z-index: 2;position: relative;}
#index_box4 .box2 ul{display: flex;}
#index_box4 .box2 ul li:nth-child(2n-1)>div{transform: rotate(-4deg);}
#index_box4 .box2 ul li:nth-child(2n)>div{transform: rotate(4deg)translateY(15px);}
#index_box4 .btn {margin: 70px auto 0 auto;}

#pro_box1{padding-top: 0;}
#pro_box1 .pub_title{max-width: 790px;width: 58%;}

#news_block{padding-top: 0;}
#news_block .pub_title{margin: 0;max-width: 298px;width: 33%;}
#news_block .control{display: flex;}
#new_list{overflow: hidden;margin: 8px -2.6% 0 -2.6%;padding-bottom: 68px;}
#new_list ul{flex-wrap: nowrap;}
#new_list ul li{width: auto;}
#new_list ul li a{transform: scale(0.91) translateY(63px)!important;transform-origin: bottom;}
#new_list ul li.swiper-slide-next a{transform: scale(1.04) translateY(0px)!important;}
#new_list ul li:not(.swiper-slide-next) a:hover{transform: scale(0.91) translateY(45px)!important;}
#new_list ul li.swiper-slide-next .time,#new_list ul li.swiper-slide-next .content{transform: scale(0.92);margin: 0 -3.5%;}
#new_list ul li.swiper-slide-next .time{transform-origin: right;margin: 0;}
#new_list ul li .time,#new_list ul li .content{transition: 0.5s;}
#new_list ul li .content {padding: 13px 0px 0 10px;}
#new_list ul li .title {font-size: 24px;}
#new_list ul li .desc{margin-top: 2px;}
#new_list ul li .desc p {font-size: 17px;}
#news_block .NewsBlock_P,#news_block .NewsBlock_N{position: relative;left: 0;top: 0;margin: 0;}
#news_block .NewsBlock_P{margin-right: 19px;}
#news_block .btn{margin: -40px auto 0 auto;z-index: 2;position: relative;}


@media (min-width: 1500px){
	#index_box4{padding-top: 112px;padding-bottom: 103px;}
}
@media (min-width: 767px){
	#index_box2 .box1 li.on{flex: 4.15;}
	#index_box2 .box1 li.on .bg1{opacity: 1;}
	#index_box2 .box1 li.on .bg2,#index_box2 .box1 li.on .con2{opacity: 0;}
	#index_box2 .box1 li.on .con1{opacity: 1;transition:opacity 1s,transform 0.5s;transition-delay: 0.3s;transform: translateY(-40px);}
}
@media (min-width: 1199px) and (max-width: 1500px){
	#index_box1 .content p {font-size: 17px;}
	#index_box2 .box1 .con1 .img {width: 65px;}
	#index_box2 .box1 .con1 .title {font-size: 33px;margin-top: 25px;}
	#index_box2 .box1 .con1 .desc p,#index_box2 .box1 .con2 .title{font-size: 22px;}
	#index_box3 .box2{margin: 35px -55px 0 -55px;}
	#index_box3 .box2 .item{padding: 0 55px;}
	#index_box3 .slideText{padding: 24px 0;}
	#index_box3 .slideText p{font-size:43px;}
	/* #index_box4 .box1 .video_btn{top: 33%;} */
}
@media (min-width: 1199px) and (max-width: 1380px){
	#index_box3 .box2{margin: 35px -50px 0 -50px;}
	#index_box3 .box2 .item{padding: 0 50px;}
	/* #index_box4 .box1 .video_btn{top: 31%;} */
}
@media (min-width: 768px) and (max-width: 1199px){
	.banner{max-height: 760px;}
	.banner .control div {width: 40px;height: 40px;margin: 0 15px;}
	
	#index_box1 .content p {font-size: 14px;line-height: 1.65;}
	#index_box1 .btn {margin-top: 35px;}
	
	#index_box2 .box1 li>div{border-radius: 20px;}
	#index_box2 .box1 .con1 {padding: 5px 35px}
	#index_box2 .box1 .con1 .img {width: 55px;}
	#index_box2 .box1 .con1 .title {font-size: 28px;margin-top: 25px;}
	#index_box2 .box1 .con1 .desc p,#index_box2 .box1 .con2 .title{font-size: 18px;}
	#index_box2 .box1 .con2 .title{padding: 30px 5px;}
	
	#index_box3 .box1 {padding: 50px 30px 55px 30px;}
	#index_box3 .text{font-size: 15px;}
	#index_box3 .box2{margin: 35px -35px 0 -35px;}
	#index_box3 .box2 .item{padding: 0 35px;}
	#index_box3 .box2 .box{border-radius: 15px;}
	#index_box3 .box2 .box li>div {padding: 18px 13px 26px 13px;}
	#index_box3 .swiper-pagination{padding-bottom: 17px;}
	#index_box3 .box3::before{top: -74%;}
	#index_box3 .slideBox::before, .slideBox::after{height: 30px;}
	#index_box3 .slideBox{padding: 30px 0;}
	#index_box3 .slideBox ul li{width: 30%;max-width: 290px;}
	#index_box3 .slideText{padding: 21px 0;}
	#index_box3 .slideText p{font-size:42px;}
	
	#index_box4 .pub_title{width: 45%;max-width: 377px;}
	#index_box4 .box1 {margin: 43px -57% 0 -57%;}
	#index_box4 .box1 li {padding: 0 3%;}
	#index_box4 .box1 li>div{border-radius: 15px;}
	#index_box4 .box1 li.swiper-slide-active>div{transform: rotate(-12deg) translateY(25%);}
	#index_box4 .box1 li.swiper-slide-next+li>div{transform: rotate(12deg) translateY(25%);}
	#index_box4 .box1 .video_btn{/* top: 32%; */top: calc(50% - 45px);}
	#index_box4 .box1 .video_btn img {width: 60px;}
	#index_box4 .box1 .video_btn .title {font-size: 22px;margin-top: 8px;}
	#index_box4 .IndexBox4_P{left: 32%;}
	#index_box4 .IndexBox4_N{right: 32%;}
	#index_box4 .btn{margin-top: 60px;}
	
	#pro_box1 .pub_title {max-width: 550px;width: 66%;}
	
	#news_block .pub_title {max-width: 250px;width: 30%;}
	#new_list{margin-top: 15px;}
	#new_list ul li a {transform: scale(0.91) translateY(45px) !important;}
	#new_list ul li:not(.swiper-slide-next) a:hover{transform: scale(0.91) translateY(30px)!important;}
	#new_list ul li .content {padding: 13px 0px 0 7px;}
	#new_list ul li .title {font-size: 20px;}
	#new_list ul li .desc p {font-size: 15px;}
	#news_block .NewsBlock_P, #news_block .NewsBlock_N{width: 55px;height: 55px;}
	#news_block .btn{margin-top: -50px;}
}

@media (min-width: 768px) and (max-width: 850px){
	#index_box2 .box1 li{flex: 1.18;}
	#index_box2 .box1 .con1 {padding: 5px 28px;}
	#index_box2 .box1 .con1 .img {width: 48px;}
	#index_box2 .box1 .con1 .title {font-size: 24px;margin-top: 17px;padding-bottom: 1px;}
	#index_box2 .box1 .con1 .desc p, #index_box2 .box1 .con2 .title {font-size: 15px;}
	
	#index_box3 .box1 li.swiper-slide-next+li+li+li>div{opacity: 0;}
	#index_box3 .box2{margin: 35px -20px 0 -20px;}
	#index_box3 .box2 .item{padding: 0 20px;}
	#index_box3 .slideText{padding: 18px 0;}
	#index_box3 .slideText p{font-size:36px;}
	
	#index_box4 .box1 {margin: 43px -62% 0 -62%;}
	
}
@media (max-width: 850px){
	#index_box1 .left,#index_box1 .right {width: 100%;}
	#index_box1 .title {width: 70%;margin: auto;}
	#index_box1 .content p {font-size: 16px;line-height: 1.7;}
	#index_box1 .btn {margin: 20px auto 45px auto;}
	
	#new_list{padding-bottom: 0;}
	#new_list ul li a,#new_list ul li.swiper-slide-next a{transform: scale(1) translateY(0px) !important;}
	#new_list ul li:not(.swiper-slide-next) a:hover{transform: scale(1) translateY(0px)!important;}
	#new_list ul li.swiper-slide-next .time, #new_list ul li.swiper-slide-next .content{transform: scale(1) translateY(0px) !important;margin: 0;}
	#news_block .NewsBlock_P, #news_block .NewsBlock_N {width: 48px;height: 48px;}
	#news_block .btn {margin-top: 10px;}
}
@media (max-width: 767px){
	.banner{height: 300px;}
	.banner .control{bottom: 50px;}
	.banner .control div {width: 35px;height: 35px;margin: 0 10px;}
	
	#index_box1 .title {width: 92%;margin: auto;}
	#index_box1 .content p {font-size: 14px;line-height: 1.6;}
	#index_box1 .btn {margin: 40px auto 0 auto;}
	#index_box1 .right{margin-top: 40px;}
	
	#index_box2 .box1{margin: 30px 0px 0 0px;}
	#index_box2 .box1 ul{flex-wrap: wrap;}
	#index_box2 .box1 li{flex: none;padding: 8px 0;}
	#index_box2 .box1 li>div {border-radius: 15px;border-width: 2px;}
	#index_box2 .box1 .img_img {height: 270px;}
	#index_box2 .box1 .img_img::after{background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 15%, transparent);}
	#index_box2 .box1 .con1{opacity: 1;padding: 30px;}
	#index_box2 .box1 .con2{display: none;}
	#index_box2 .box1 .con1 .img {width: 35px;}
	#index_box2 .box1 .con1 .title {font-size: 20px;margin-top: 15px;}
	#index_box2 .box1 .con1 .desc p{font-size: 15px;}
	
	#index_box3{padding-top: 45px;}
	#index_box3 .box1{padding: 40px 0px 40px 0px;margin: 0 -30px;}
	#index_box3 .box1 li>div{opacity: 1!important;}
	#index_box3 .text{font-size: 14px;}
	#index_box3 .box1 li:nth-child(2n-1)>div {transform: rotate(5deg) scale(1.02) translateY(10px);}
	#index_box3 .box2 {margin: 25px 0px 0 0px;}
	#index_box3 .box2 .item{width: 100%;padding:12px 0px;}
	#index_box3 .box2 .box{border-radius: 15px;}
	#index_box3 .box2 .box li>div {padding: 18px 16px 28px 16px;}
	#index_box3 .swiper-pagination{padding-bottom: 10px;display: block;margin-top: -10px;}
	#index_box3 .box3 {padding-top: 40px;}
	#index_box3 .box3::before{top: -74%;}
	#index_box3 .box3 .data {margin-bottom: -13px;}
	#index_box3 .box3 .data img:nth-child(1) {width: 45%;margin-bottom: 0px;}
	#index_box3 .box3 .data img:nth-child(2) {width: 28%;}
	#index_box3 .slideBox::before, .slideBox::after{height: 20px;}
	#index_box3 .slideBox{padding: 20px 0;}
	#index_box3 .slideBox ul li{width: 50%;max-width: 200px;padding: 0 5px;}
	#index_box3 .slideText{padding: 13px 0;margin-top: 17px;border-width: 3px;}
	#index_box3 .slideText p{font-size:24px;padding: 0 0.8%;}
	
	#index_box4 .pub_title {width: 75%;}
	#index_box4 .box1{margin: 50px 0 0 0;}
	#index_box4 .box1 li>div{transform: none!important;border-radius: 15px;}
	#index_box4 .box1 li .img img{height: 100%;}
	#index_box4 .box1 .video_btn{/* top: 34%; */top: calc(50% - 28px);}
	#index_box4 .box1 .video_btn img {width: 57px;}
	#index_box4 .box1 .video_btn .title {font-size: 20px;margin-top: 8px;}
	#index_box4 .IndexBox4_N,#index_box4 .IndexBox4_P{display: none;}
	#index_box4 .box2{width: 100%;margin: 35px 0 0 0;padding: 0 20px;}
	#index_box4 .btn{margin-top: 40px;}
	
	#pro_box1 .pub_title {width: 98%;}
	
	#news_block .pub_title {margin: auto;max-width: 180px;width: 50%;}
	#news_block .control{display: none;}
	#new_list{margin: 35px -5px 0 -5px;}
	#new_list ul li{padding: 0 10px;}
	#new_list ul li .content {padding: 13px 5px 0 5px;}
	#new_list ul li .title {font-size: 20px;}
	#new_list ul li .desc p {font-size: 15px;}
	#news_block .btn {margin-top: 40px;}
	
}