#box-1{padding-top: 50px;padding-bottom: 70px;}
#box-1 .box1 .content{text-align: center;font-size: 20px;margin-top: 15px;}
#box-1 .box1 .content p{padding: 18px 0;width: 80%;max-width: 860px;margin: auto;line-height: 1.7;}
#box-1 .box1 .content .xian{line-height: 1;width: 50px;height: 3px;background: #030303;display: inline-block;margin: 18px auto;padding: 0;}
#box-1 .box1 .img{margin-top: 45px;transition: 0.5s;}
#box-1 .box1 .img:hover{transform: scale(0.95);}

#box-1 .box2{margin-top: 65px;}
#box-1 .box2 .title{font-size: 40px;text-align: center;}
#box-1 .box2 .img{text-align: center;margin:33px 0 -25px 0;z-index: 2;position: relative;}
#box-1 .box2 .img img{width: 62%;max-width: 820px;}
#box-1 .box2 .video{position: relative;}
#box-1 .box2 video{width: 100%;}


#box-2 ul li .year{font-weight: bold;font-size: 58px;color: #E10600;line-height: 1.3;}
#box-2 ul li .title{font-weight: bold;font-size: 24px;padding: 6px 0;}
#box-2 ul li .desc p{font-size: 20px;line-height: 1.7;}
.new-box-2 #box-2 .wow{animation: none!important;}
.new-box-2 #box-2{transition: 0.5s;}



#box-3 .box1{display: flex;overflow: hidden;}
#box-3 .box1 .left{width: 37%;background: #68412C;padding: 10px 30px 30px 30px;}
#box-3 .box1 .left li{border-bottom: 1px dashed rgba(255, 255, 255, 0.5);padding: 18px 0;}
#box-3 .box1 .left .title{font-size: 18px;font-weight: bold;color: #fff;}
#box-3 .box1 .left .ftitle{font-size: 36px;font-weight: bold;color: #fff;padding: 5px 0;}
#box-3 .box1 .left .desc p{font-size: 10px;}



#box-3 .box1 .right{width: 63%;background: url(../img/index_honor_bj.png)no-repeat center center;background-size: cover;display: flex;align-items: center;}
#box-3 .box1 .right .img{width: 90%;margin: auto;}
#box-3 .box1 .tD:hover img{transform: scale(1.05);}






#box-4{padding: 50px 0 190px 0;position: relative;}
#box-4 .box1{margin-top: 15px;}
#box-4 .content_video{width:100%;position: relative;}
#box-4 .box1 .video_img{overflow: hidden;border-radius: 30px;}
#box-4 .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);}


@media (min-width:1500px){
	.container {max-width: 1440px;width: 80%;}
}
@media (min-width:1199px) and (max-width:1500px){
	.video_btn {left: calc(50% - 100px);top: calc(50% - 100px);}
	.video_btn img{width: 200px;}
	
	#box-3 .box1 .left .title{font-size: 14px;}
	#box-3 .box1 .left .ftitle{font-size: 26px;}
	#box-3 .box1 .left .desc p{font-size: 10px;}
	
}
@media (min-width:767px){
	#box-2{padding-top: 30px;width: 100vw;min-height: 100vh;}
	#box-2 .container{max-width: 1540px;}
	#box-2 .block{overflow: hidden;position: relative;}
	#box-2 .box1{padding: 0px 0 0px 8%;transform: translateZ(0) !important;}
	#box-2 ul{width: fit-content;display: flex;flex-wrap: nowrap;}
	#box-2 ul li{width: 31vw;max-width: 480px;height: 270px;display: flex;align-items: flex-start;padding-left: 10px;}
	#box-2 ul li .year{font-weight: bold;font-size: 58px;color: #E10600;line-height: 1.3;}
	#box-2 ul li .title{font-weight: bold;font-size: 24px;padding: 6px 0;}
	#box-2 ul li .desc p{font-size: 20px;line-height: 1.7;}
	#box-2 ul li>div{position: relative;}
	#box-2 .gl{bottom: 20px;}
	
	#box-2 .block::after{content: '';width: 100%;height: 3px;background: #E10600;position: absolute;top: 48%;z-index: -1;border-radius: 100%;}
	#box-2 ul li:nth-child(2n-1){margin-top: 319px;}
	#box-2 ul li:nth-child(2n){margin-left: -300px;margin-right: -175px;align-items: flex-end;}
	#box-2 ul li:last-child{margin-right: 400px;}
	#box-2 ul li:nth-child(2n)>div{display: flex;flex-direction: column-reverse;}
	#box-2 ul li>div::before{content: '';width: 3px;height: 228px;background: linear-gradient(0deg, #E10600 30%, transparent);border-radius: 100% 0 0 0;position: absolute;bottom: -21px;left: -40px;z-index: 5;}
	#box-2 ul li>div::after{content: '';width: 23px;height: 23px;background: #FFFFFF;border-radius: 50%;border: 3px solid #E10600;position: absolute;bottom: -38px;left: -49px;z-index: 5;}
	#box-2 ul li:nth-child(2n-1)>div::before{border-radius:0 0 0 100%;top: -20px;bottom: auto;background: linear-gradient(0deg, transparent, #E10600 70%);}
	#box-2 ul li:nth-child(2n-1)>div::after{top: -35px;bottom: auto;}
	
}
@media (min-width:1199px) and (max-width:1380px){
	#box-2 ul li .year{font-size: 46px;}
	#box-2 ul li .title{font-size: 20px;}
	#box-2 ul li .desc p{font-size: 18px;}
	#box-2 ul li{height: 230px;width: 32vw;}
	#box-2 ul li:nth-child(2n-1) {margin-top: 280px;}
	#box-2 ul li:last-child{margin-right: 23vw;}
	#box-2 ul li>div::after{transform: scale(0.85);}
	
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1 .content{font-size: 16px;}
	#box-1 .box1 .content p{padding: 15px 0;}
	#box-1 .box1 .content .xian{width: 40px;height: 2px;}
	
	#box-1 .box2 .title {font-size: 32px;}
	#box-1 .box2 .img{margin:30px 0 -18px 0;}
	
	#box-2 ul li .year{font-size: 38px;}
	#box-2 ul li .title{font-size: 18px;}
	#box-2 ul li .desc p{font-size: 16px;}
	#box-2 ul li{height: 230px;width: 38vw;}
	#box-2 ul li:nth-child(2n-1) {margin-top: 280px;}
	#box-2 ul li:last-child{margin-right: 15vw;}
	#box-2 ul li>div::after{transform: scale(0.75);}
	#box-2 ul li>div::before{width: 2px;}
	#box-2 .block::after{height: 2px;}
	
	#box-3 .box1 .left {padding: 10px 25px 25px 25px;width: 39%;}
	#box-3 .box1 .left li {padding: 15px 0;}
	#box-3 .box1 .left .title{font-size: 12px;}
	#box-3 .box1 .left .ftitle{font-size: 22px;}
	#box-3 .box1 .left .desc p{font-size: 8px;}
	#box-3 .box1 .right {width: 61%;}
	
	#box-4{padding: 50px 0 170px 0;}
	#box-4 .box1 {margin-top: 10px;}
	#box-4 .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;}
}

@media (min-width:767px) and (max-width:850px){
	#box-2 ul li{height: 230px;width: 52vw;}
	#box-2 .gl {bottom: 6vh;}
}
@media (max-width: 850px){
	#box-1 .box1 .content{font-size: 15px;}
	#box-1 .box1 .content p{padding: 13px 0;width: 90%;}
	#box-1 .box1 .content .xian{width: 35px;height: 2px;}
	
	#box-4{padding: 50px 0 60px 0;}
}
@media (max-width: 767px){
	#box-1,#box-2,#box-3,#box-4{padding-top: 25px;}
	#box-1 .box1 .content{font-size: 15px;margin-top: 5px;}
	#box-1 .box1 .content p{padding: 13px 0;width: 100%;}
	#box-1 .box1 .content .xian{width: 30px;}
	#box-1 .box1 .img{margin-top: 30px;}
	
	#box-1 .box2 {margin-top: 50px;}
	#box-1 .box2 .title {font-size: 28px;}
	#box-1 .box2 .img{margin:25px 0 -10px 0;}
	#box-1 .box2 .img img{width: 82%;}
	
	
	
	#box-2 .box1{overflow: hidden;padding-top: 20px;}
	#box-2 .box1 li{text-align: center;}
	#box-2 ul li .year{font-size: 38px;}
	#box-2 ul li .title{font-size: 22px;padding: 15px 0;}
	#box-2 ul li .desc p{font-size: 16px;}
	#box-2 .box1 .swiper-pagination{margin-top: 45px;}
	#box-2 .box1 .swiper-pagination span{margin: 0 2px;width: 10px;height: 3px;border-radius: 0px;opacity: 0.2;}
	#box-2 .box1 .swiper-pagination-bullet-active{background: #E1041B!important;opacity: 1!important;}
	
	
	#box-2 .gl{display: none;}
	
	#box-3 .box1{flex-wrap: wrap;}
	#box-3 .box1 .left {padding: 15px 25px 25px 25px;width: 100%;}
	#box-3 .box1 .left li {padding: 15px 0;}
	#box-3 .box1 .left .title{font-size: 12px;}
	#box-3 .box1 .left .ftitle{font-size: 22px;}
	#box-3 .box1 .left .desc p{font-size: 8px;}
	#box-3 .box1 .right {width: 100%;padding: 25px 0;}
	
	
	#box-4 .box1 {margin-top: 10px;}
	#box-4 .content_video{width: 100%;}
	#box-4 .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);}
}