.tipDown{display: none;}

#box-1{padding-top: 50px;}
#box-1 .container{max-width: 100%;}
#box-1 .content_video{width:100%;position: relative;}
#box-1 .box1 .video_img{overflow: hidden;border-radius: 30px;}
#box-1 .content_video .video_img img{height: 100%;}
.video_btn{position: absolute;left: calc(50% - 125px);top:calc(50% - 125px);}
.video_btn img{width: 250px;cursor: pointer;transition: all .5s;}
.video_btn img:hover{transform: scale(0.9);}
.fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.fix_video .fix_text {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100%;}
.fix_video .fix_text .video {width: 100%;max-width: 55%;margin: 0 auto;position: relative;margin-top: 50px;}
.fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;}
.fix_video i img{width: 45px;height: 45px;position: absolute;z-index: 999;cursor: pointer;top: -60px;right: -60px;filter: invert(1);}


#box-2{padding-top: 140px;}
#box-2 .box1{padding-top: 50px;}
#box-2 .box1 .number{width: 90%;margin: auto;max-width: 1190px;flex-wrap: nowrap;}
#box-2 .box1 li .title{font-size: 34px;font-weight: bold;color: #000;line-height: 1;}
#box-2 .box1 li .num{font-size: 150px;color: #E0041B;}
#box-2 .box2{max-width: 1060px;width: 88%;margin: 60px auto 0 auto;}


#box-3{padding-top: 0;}
#box-3 .pub_title span:nth-child(5){padding: 0 15px;}
#box-3 .box1{margin-top: 40px;}
#box-3 .box1 ul{display: flex;}
#box-3 .box1 ul li{width: 25%;position: relative;transition: 0.7s;max-height: 700px;height: 39vw;overflow: hidden;min-width: 130px;}
#box-3 .box1 ul li:not(:first-child){border-left: 1px solid #fff;}
#box-3 .box1 ul li div{height: 100%;}
#box-3 .box1 ul li .b1,#box-3 .box1 ul li .b2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#box-3 .box1 ul li .img1 img{height: 100%;}
#box-3 .box1 ul li .b1 .box{position: absolute;top: 0%;width: 100%;height: 100%;left: 0%;text-align: center;padding: 5vw 0;}
#box-3 .box1 ul li .b1 .box .img{height: auto;width: 6.3vw;margin: auto;}
#box-3 .box1 ul li .b1 .box p{font-weight: bold;font-size: 1.5vw;color: #fff;margin-top: 15px;}
#box-3 .box1 ul li .b2{opacity: 0;}
#box-3 .box1 ul li .b2 .img1 img{height: calc(100% + 2px);margin: -1px 0;}
#box-3 .box1 ul li .b2 .tb{position: absolute;top: 38%;width: 37%;height: auto;left: 36%;transform: scale(0);transition: 0.7s;}
/* #box-3 .box1 ul li:nth-child(1) .b2{opacity: 1;}
#box-3 .box1 ul li:nth-child(1){width: 110%;} */
#box-3 .box1 ul li:hover{width: 110%;}
#box-3 .box1 ul li:hover .b2{opacity: 1;transition: 0.2s;}
#box-3 .box1 ul li:hover .b2 .tb{transform: scale(1);}

#box-3 .box2{position: relative;overflow: hidden;margin-top: 25px;}
#box-3 .box2 .img2{position: absolute;top: calc(50% - 11%);left: calc(50% - 15%);width: 37.5%;transform: scale(0);transition: 0.5s;}
#box-3 .box2 .swiper-slide-active .img2{transform: scale(1);}







@media (min-width: 1199px) and (max-width: 1500px){
	.video_btn {left: calc(50% - 100px);top: calc(50% - 100px);}
	.video_btn img{width: 200px;}
	
	#box-2{padding-top: 110px;}
	#box-2 .box1 li .title{font-size: 30px;}
	#box-2 .box1 li .num{font-size: 132px;}
}

@media (min-width: 768px) and (max-width: 1199px){
	#box-1 .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	.video_btn {left: calc(50% - 60px);top: calc(50% - 60px);}
	.video_btn img {width: 120px;}
	
	#box-2{padding-top: 70px;}
	#box-2 .box1 li .title{font-size: 24px;}
	#box-2 .box1 li .num{font-size: 98px;}
	#box-2 .box2{margin: 50px auto 0 auto;}
	
	#box-3 .box1 ul li {height: 37.5vw;min-width: 110px;}
	
}

@media (min-width: 768px) and (max-width: 850px){
	#box-2 .box1 li .title{font-size: 20px;}
	#box-2 .box1 li .num{font-size: 76px;}
	
	#box-3 .box1 ul li {height: 40vw;min-width: 75px;}
	
}

@media (max-width: 767px){
	#box-1{padding-top: 25px;}
	#box-1 .content_video{width: 100%;}
	#box-1 .content_video .video_img{height: 230px;border-radius: 15px;}
	.video_btn {left: calc(50% - 35px);top: calc(50% - 35px);}
	.video_btn img {width: 70px;}
	.fix_video .fix_text .video {max-width: 88%;margin-top: -80px;}
	.fix_video i img{top: auto;bottom: -80px;left: calc(50% - 22px);}
	
	#box-2{padding-top: 40px;}
	#box-2 .box1 {padding-top: 30px;}
	#box-2 .box1 .number{width: 100%;}
	#box-2 .box1 li .title{font-size: 12px;}
	#box-2 .box1 li .num{font-size: 30px;}
	#box-2 .box2{margin: 40px auto 0 auto;width: 100%;}
	
	#box-3 {padding-top: 20px;}
	#box-3 .pub_title span:nth-child(5) {padding: 0 8px;}
	#box-3 .box2{margin: 30px -8px 0 -8px;}
	#box-3 .box2 li>div{padding:0 8px;}
	
}