#box-1 ,#box-3{background: #fff;}
#box-1 .desc{width:85%;font-size: 18px;color: #222;text-align: center;max-width: 917px;margin:45px auto 85px auto;line-height: 1.65;}
#video .box1{position: relative;border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
#video .video_btn{position: absolute;left: calc(50% - 49px);top:calc(50% - 49px);}
#video .video_btn img{width: 98px;cursor: pointer;transition: all .5s;}
#video .video_btn img:hover{transform: scale(1.07);}
#video .fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
#video .fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
#video .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%;}
#video .fix_video .fix_text .video {width: 100%;max-width: 55%;margin: 0 auto;position: relative;margin-top: 50px;}
#video .fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;}
#video .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-bottom: 0;}
#box-2 .box1{position: relative;z-index: 2;}
#box-2 .box1 .left{width: 39.5%;}
#box-2 .box1 .xian{width: 50px;height: 4px;background: #FF6419;display: block;margin: 40px 0;}
#box-2 .box1 .desc{font-size: 18px;color: #222;text-align: justify;line-height: 1.65;}
#box-2 .box1 .desc p{padding: 16px 0;}
#box-2 .box1 .right{width: 50%;}
#box-2 .box1 .right .img{border-radius: 30px;overflow: hidden;}
#box-2 .bj{background: #fff;margin-top: -20px;height: 34vw;max-height: 494px;}
#box-2 .bj img{height: 100%;object-position: bottom;}

#box-3{margin-top: -135px;padding-top: 0;padding-bottom: 150px;}
#box-3 .box1{margin-top: 57px;}
#box-3 .box1 .img{width: 113px;margin-left: 14.5%;}
#box-3 .box1 ul{position: relative;padding: 13px 0;}
#box-3 .box1 li{padding: 15px 0;position: relative;}
#box-3 .box1 li>div{display: flex;justify-content: space-between;}
#box-3 .box1 .title{font-size: 30px;color: #222;width: 20%;padding-left: 4.3%;}
#box-3 .box1 .desc{width: 72.5%;}
#box-3 .box1 .desc p{font-size: 24px;color: #222;padding: 2px 0;}
#box-3 .box1 ul::after{content: '';width: 2px;height:100%;position: absolute;display: block;visibility: visible;top: 0;left: 19.3%;background: url(../img/about_box3_xian.png) center center / auto repeat-y;}
#box-3 .box1 li::after{content: '';width: 20px;height: 20px;background: #FFFFFF;border-radius: 50%;border: 2px solid #193C28;position: absolute;top: 22px;left: 18.7%;z-index: 2;}

#box-4 .box1{padding-top: 30px;}
#box-4 .box1 ul{display: flex;}
#box-4 .box1 ul li{width: 32.8vw;max-width:500px;}
#box-4 .box1 ul li>div{margin: 20px;border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}

@media (min-width:1199px){
	#box-1 {padding: 105px 0;}
	
	
}
@media (min-width:1199px) and (max-width:1500px){
	#box-2 .bj{margin-top: 0px;}
	#box-3{margin-top: -100px;}
	#box-3 .box1 {margin-top: 30px;}
	#box-3 .box1 .title {font-size: 27px;}
	#box-3 .box1 .desc p {font-size: 22px;}
	#box-3 .box1 li::after{width: 18px;height: 18px;}
	
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .desc{font-size: 16px;margin:40px auto 65px auto;}
	#video .box1{border-radius: 20px;margin-top: 45px;}
	#video .video_img img{min-height: 400px;}
	#video .fix_video .fix_text .video {max-width: 77%;margin-top: 5px;}
	#video .video_btn {left: calc(50% - 39px);top: calc(50% - 39px);}
	#video .video_btn img {width: 78px;}
	
	#box-2 .box1 .left {width: 41%;}
	#box-2 .box1 .xian {width: 40px;height: 3px;margin: 25px 0 20px 0;}
	#box-2 .box1 .desc{font-size: 16px;}
	#box-2 .box1 .desc p {padding: 10px 0;}
	#box-2 .box1 .right .img {border-radius: 20px}
	#box-2 .bj {margin-top: -50px;}
	
	#box-3 {margin-top: -90px;}
	#box-3 .box1 {margin-top: 25px;}
	#box-3 .box1 .img {width: 88px;}
	#box-3 .box1 .title {font-size: 24px;}
	#box-3 .box1 .desc p {font-size: 18px;}
	#box-3 .box1 li::after {width: 15px;height: 15px;top: 22px;left: 18.6%;}
	
	#box-4 .box1{padding-top: 35px;}
	#box-4 .box1 ul li{width: 35vw;}
	#box-4 .box1 ul li>div{margin: 12px;border-radius: 20px;}
}
@media (max-width: 850px){
	#box-1 .desc{width: 89%;margin:40px auto 55px auto;}
	
	#box-2 .box1 .left {width: 44%;}
	#box-2 .box1 .desc {font-size: 15px;line-height: 1.5;}
	
	#box-3 {margin-top: -70px;}
	#box-3 .box1 {margin-top: 10px;}
	#box-3 .box1 .img{width: 80px;margin-left: 12.5%;}
	#box-3 .box1 .title{font-size: 23px;padding-left: 1.5%;}
	#box-3 .box1 .desc p {font-size: 17px;}
	#box-3 .box1 li::after{left: 18.35%;}
	#box-3 .box1 li::after {width: 13px;height: 13px;top: 22px;left: 18.5%;}
	
	#box-4 .box1 ul li{width: 43vw;}
	#box-4 .box1 ul li>div{margin: 10px;border-radius: 15px;}
	
}
@media (max-width: 767px){
	#box-1 .desc{font-size: 15px;margin:35px auto 50px auto;width: 100%;}
	#video .box1{border-radius: 15px;}
	#video .video_img img {height: 250px;}
	#video .video_btn {left: calc(50% - 29px);top: calc(50% - 29px);}
	#video .video_btn img {width: 58px;}
	#video .fix_video .fix_text .video {max-width: 88%;margin-top: -80px;}
	#video .fix_video i img{top: auto;bottom: -80px;left: calc(50% - 22px);}
	
	#box-2 .box-title{text-align: center;}
	#box-2 .box1 .left{width: 100%;}
	#box-2 .box1 .xian {width: 34px;height: 3px;margin: 20px auto;}
	#box-2 .box1 .desc{padding-top: 8px;}
	#box-2 .box1 .desc p {padding: 12px 0;}
	#box-2 .box1 .right{width: 100%;margin-top: 30px;}
	#box-2 .box1 .right .img {border-radius: 15px;}
	#box-2 .bj{height: 40vw;margin-top: 0px;}
	
	#box-3 {margin-top: -10px;padding-bottom: 60px;}
	#box-3 .box1 {margin-top: 40px;}
	#box-3 .box1 .img {display: none;}
	#box-3 .box1 ul{padding: 0;}
	#box-3 .box1 .title {font-size: 17px;padding-left: 0%;width: 70px;}
	#box-3 .box1 .desc{width: calc(100% - 95px);}
	#box-3 .box1 .desc p {font-size: 15px;}
	#box-3 .box1 ul::after{left: 72px;}
	#box-3 .box1 li::after {width: 11px;height: 11px;top: 22px;left: 67px;}
	
	#box-4 .box1{padding-top: 35px;}
	#box-4 .box1 ul li{width: 50vw;}
	#box-4 .box1 ul li>div{margin: 6px;border-radius: 10px;}
}