#box-1 .box1{width: 85%;margin: 65px auto 0px auto;max-width: 1295px;}
#box-1 .box1 .desc{text-align: center;}
#box-1 .box1 .desc p{color: #333;font-size: 18px;line-height: 2.2;}
#box-1 .box1 .tongji{padding-top: 25px;}
#box-1 .box1 .tongji img{width: 20px;margin-right: 5px;}
#box-1 .box1 .tongji span{color: #9d9d9d;font-size: 16px;}
#box-1 .box1 .number {margin: 40px auto 45px auto;width: 80%;}
#box-1 .box1 .number .t1{font-size: 46px;font-weight: bold;color: #E72423;}
#box-1 .box1 .number .t1 b{font-size: 24px;}
#box-1 .box1 .number .t2{font-size: 15px;color: #040000;}
#box-1 .box1 .btn{margin-top: 90px;}
#box-1 .box1 .pub_Btn{transform-origin: left;}

#box-1 .content_video{width:100%;position: relative;}
#box-1 .box2 .video_img{overflow: hidden;border: 3px solid #E72423;border-radius: 20px;}
#box-1 .content_video .video_img img{height: 100%;}
.video_btn{position: absolute;left: calc(50% - 10px);top:calc(50% - 48px);}
.video_btn img{width: 96px;cursor: pointer;transition: all .5s;}
.video_btn img:nth-child(2){left: 0;position: absolute;animation: rotate 2s infinite linear;}
.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{background: url(../images/about_box2_bj.jpg) no-repeat center center;background-size: cover;}
#box-2 .box1{position: relative;padding-top: 50px;}
.fadetop{-webkit-animation-name:none;animation-name:none;}
#box-2 .box1 li{padding: 0 0px;}
#box-2 .box1 li>div{position: relative;background: #fff;}
#box-2 .box1 li:nth-child(2){animation-delay: 0.4s;}
#box-2 .box1 li:nth-child(3){animation-delay: 0.8s;}
#box-2 .box1 li:nth-child(4){animation-delay: 1.2s;}
#box-2 .box1 li:nth-child(1)>div{z-index: 1;}
#box-2 .box1 li:nth-child(2)>div{transform: rotate(-1.5deg) translateX(2px);z-index: 2;}
#box-2 .box1 li:nth-child(3)>div{transform: rotate(1.5deg) translateX(-1px);z-index: 3;}
#box-2 .box1 li:nth-child(4)>div{z-index: 4;}
@keyframes fadetop_b{
	0% {-webkit-transform: translateY(50px);opacity: 0;visibility: hidden;}
	60% {-webkit-transform: translateY(-25px);opacity: 1;visibility: visible;}
	100% {-webkit-transform: translateY(0px);opacity: 1;visibility: visible;}
}
.fadetop_b{-webkit-animation-name:fadetop_b;animation-name:fadetop_b;animation-duration: 0.5s;}
#box-2 .box1 li>div{padding:40px 25px 25px 25px;border-radius: 10px;overflow: hidden;}
#box-2 .box1 li .title p{font-size: 28px;color: #C78F6C;}
#box-2 .box1 li .desc{padding:0px 0 20px 0;}
#box-2 .box1 li .desc p{font-size: 18px;color: #333;line-height: 1.8;}
#box-2 .box1 li .img{overflow: hidden;}


#box-3 .title{margin-top: 70px;}
#box-3 .title p{font-size: 48px;color: #E72423;font-weight: bold;white-space: nowrap;line-height: 1.3;}
#box-3 .box1{align-items: flex-end;margin-top: 30px;}
#box-3 .left{width: 30%;}
#box-3 .right{width: 67%;}


#box-4{background: url(../images/about_box4_bj.jpg) no-repeat center center;background-size: cover;padding-bottom: 180px;}
#box-4 .swiper-pagination span{background: #E72423;}
footer{margin-top: -80px;}


@media (min-width:1199px) and (max-width:1500px){
	#box-2 .box1 li .desc p{font-size: 16px;}
	#box-3 .title{margin-top: 50px;}
	#box-3 .title p{font-size: 42px;}
}
@media (min-width:1199px) and (max-width:1380px){
	#box-3 .left .title p{font-size: 40px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .box1{margin: 55px auto 0px auto;}
	#box-1 .box1 .desc p{font-size: 15px;}
	#box-1 .box1 .number{width: 90%;}
	#box-1 .box1 .number .t1 {font-size: 32px;}
	#box-1 .box1 .number .t1 b{font-size: 20px;}
	#box-1 .box1 .btn {margin-top: 60px;}
	#box-1 .content_video .video_img img{min-height: 350px;}
	#box-1 .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	.video_btn {left: calc(50% - 10px);top: calc(50% - 30px);}
	.video_btn img {width: 65px;}
	
	#box-2 .box1 li>div {padding: 30px 20px 20px 20px;}
	#box-2 .box1 li .desc p{font-size: 14px;}
	
	#box-3 .left{width: 28%;}
	#box-3 .right{width: 69%;}
	#box-3 .title{margin-top: 40px;}
	#box-3 .title p{font-size: 28px;line-height: 1.4;}
	
	#box-4{padding-bottom: 120px;}
	
	
	footer{margin-top: -50px;}
}
@media (max-width:850px){
	#box-1 .box1{width: 100%;}
	#box-3 .title p{font-size: 24px;}
}
@media (max-width:767px){
	#box-1 .box1{margin: 40px auto 0px auto;}
	#box-1 .box1 .desc p{font-size: 16px;line-height: 2;text-align: justify;}
	#box-1 .box1 .tongji {padding-top: 20px;}
	#box-1 .box1 .tongji img {width: 17px;}
	#box-1 .box1 .tongji span{font-size: 15px;}
	#box-1 .box1 .number{width: 88%;margin: 10px auto 0px auto;}
	#box-1 .box1 .number li{width: 35%;padding: 15px 5px;}
	#box-1 .box1 .number .t1 {font-size: 32px;}
	#box-1 .box1 .number .t1 b{font-size: 20px;}
	#box-1 .box1 .btn {margin-top: 45px;}
	#box-1 .box2{margin-top: 35px;}
	#box-1 .content_video{width: 100%;}
	#box-1 .box2 .video_img {border: 2px solid #E72423;border-radius: 10px;}
	#box-1 .content_video .video_img img{height: 230px;}
	.video_btn {left: calc(50% - 28px);top: calc(50% - 28px);}
	.video_btn img {width: 56px;}
	.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 .box1{overflow: hidden;margin: 0 -10px;padding-top: 45px;}
	.fadetop{-webkit-animation-name:fadeZdy;animation-name:fadeZdy;}
	#box-2 .box1 li{height: auto;animation-delay: 0s!important;padding: 0 10px;}
	#box-2 .box1 li>div{transform: none!important;height: 100%;border-radius: 15px;padding: 30px 25px 25px 25px;}
	.fadetop_b{-webkit-animation-name:none;animation-name:none;}
	#box-2 .box1 li .desc p{font-size: 15px;}
	
	#box-3 .title {margin-top: 40px;}
	#box-3 .title p{font-size: 20px;white-space: inherit;text-align: center;}
	#box-3 .box1{flex-direction: column-reverse;margin-top: 15px;}
	#box-3 .left{width: 100%;}
	#box-3 .right{width: 100%;}
	
	#box-4{padding-bottom: 90px;}
	footer{margin-top: -40px;}
}