.main{overflow: hidden;padding-top: 60px;}
#box-1{background: url(../image/about_beijin1.jpg) no-repeat center center;background-size: cover;padding-bottom: 200px;}
#box-1 .container{max-width: 1780px;}
#box-1 .box1{align-items: flex-start;}
#box-1 .content_video{width: 47.5%;position: relative;}
#box-1 .content_video .quan_img	{width: 100%;height: 100%;position: absolute;}
#box-1 .content_video .video_img{border-radius: 50%;overflow: hidden;padding: 50px;}
.video_btn{position: absolute;left: calc(50% - 54px);top:calc(50% - 54px);}
.video_btn img{width: 108px;cursor: pointer;transition: all .5s;}
.video_btn img:hover {transform: scale(1.15);}
.video_btn p{font-size: 72px;color: #fff;width: 100%;text-align: center;margin-top: 20px;}
.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);cursor: pointer;}


#box-1 .content_text{width: 45.5%;padding-right: 2.5%;}
#box-1 .content_text>.desc{margin: 60px 0 50px 0;}
#box-1 .content_text>.desc p{font-size: 18px;color: #333;line-height: 2;}
#box-1 .number{margin: 50px -35px 0px -35px;width: 85%;}
#box-1 .number li{width: 50%;padding: 35px;}
#box-1 .number .title{font-weight: bold;font-size: 60px;color: #ff711b;line-height: 1.2;}
#box-1 .number .title .sup{font-size: 18px;color: #333;font-weight: 300;vertical-align: super;padding-left: 12px;}
#box-1 .number .desc{font-size: 18px;color: #333;}


#box-2{background: url(../image/about_beijin2.png) no-repeat center top;background-size: cover;padding-bottom: 200px;margin-top: -80px;padding-top: 230px;position: relative;overflow: visible;z-index: 2;}
#box-2 .box_left,#box-2 .box_right{position: absolute;}
#box-2 .box_left{width: 27%;left: -9%;top: -14%;}
#box-2 .box_right{width: 27%;right: -8%;top: -13%;}
#box-2 .block01{background: url(../image/about_xian.png) no-repeat center bottom 15px;background-size: contain;margin-top: -160px;}
#box-2 .box1 ul{justify-content: space-between;}
#box-2 .box1 li{text-align: center;cursor: pointer;width: auto;margin: 0 -15px;}
#box-2 .box1 li>div{padding: 0 15px;}
#box-2 .box1 li .title{font-size: 36px;font-weight: bold;color: #fff;transition: 0.5s;}
#box-2 .box1 li .quan{border-radius: 50%;margin:25px auto 40px auto;text-align: center;width: 10px;height: 10px;position: relative;}
#box-2 .box1 li .quan span{background: #FFFFFF;transition: 0.5s;z-index: 2;display: inline-block;border-radius: 50%;width: 100%;height: 100%;position: relative;margin-bottom: 5px;}
#box-2 .box1 li .quan::after{content: '';width: 100%;height: 100%;background: #ff711b;position: absolute;border-radius: 50%;left: 0;top: 0;transition: 0.5s;opacity: 0;}
#box-2 .box1 li .desc p{font-size: 24px;color: #fff;}
#box-2 .box1 li:nth-child(1){margin-top: 380px;}
#box-2 .box1 li:nth-child(2){margin-top: 380px;}
#box-2 .box1 li:nth-child(3){margin-top: 345px;}
#box-2 .box1 li:nth-child(4){margin-top: 207px;}
#box-2 .box1 li:nth-child(5){margin-top: 240px;}
#box-2 .box1 li:nth-child(6){margin-top: 215px;}
#box-2 .box1 li:nth-child(7){margin-top: 113px;}
#box-2 .box1 li.swiper-slide-thumb-active .title{transform: scale(1.4);}
#box-2 .box1 li.swiper-slide-thumb-active .quan span{transform: scale(1.1);}
#box-2 .box1 li.swiper-slide-thumb-active .quan::after{transform: scale(2);opacity: 1;}

#box-2 .block02{position: relative;}
#box-2 .box2{width: 38%;margin-left: auto;margin-top: -20px;overflow: hidden;position: relative;}
#box-2 .box2 li{opacity: 0!important;}
#box-2 .box2 li>div{-webkit-clip-path: polygon(0% 0, 0 0, 0% 100%, 0% 100%);}
#box-2 .box2 li.swiper-slide-active{opacity: 1!important;}
#box-2 .box2 li .title{font-size: 30px;font-weight: bold;color: #fff;margin-bottom: 15px;transition: 0.8s;transform: translateY(5px);}
#box-2 .box2 li .title span{font-size: 60px;font-weight: 100;margin-right: 15px;}
#box-2 .box2 li .desc p{font-size: 18px;color: #fff;line-height: 1.8;padding:10px 15px;position: relative;transition: 0.8s;transform: translateY(5px);}
#box-2 .box2 li .desc p::after{content: '';width: 6px;height: 6px;background: #FFFFFF;border-radius: 50%;position: absolute;left: 0;top: 22px;}
#box-2 .swiper-pagination2{display: none;}


#box-3{background: url(../image/about_beijin3.png) no-repeat center top;background-size: cover;padding-bottom: 200px;margin-top: -80px;padding-top: 200px;z-index: 2;position: relative;}
#box-3 .ipad{display: none;}
#box-3 .box1{margin-top: 50px;position: relative;}
#box-3 .box1 .img_box1{width: 46%;margin: auto;padding-right: 3.5%;}


#box-4{background: url(../image/about_beijin4.png) no-repeat center top;background-size: cover;padding-bottom: 200px;margin-top: -80px;padding-top: 220px;position: relative;overflow: visible;z-index: 2;}
#box-4 .box_left,#box-4 .box_right{position: absolute;}
#box-4 .box_left{width: 35%;left: -3%;top: -18%;}
#box-4 .box_right{width: 28%;right: -8%;top: -10%;}
#box-4 .block01{margin-top: 120px;}
#box-4 .left,#box-4 .right{position: relative;overflow: hidden;width: 48%;}
#box-4 .left{width: 35%;}
#box-4 .box1{width: 400%;margin-right: -200%;}
#box-4 .box1 li>div{margin: auto;}
#box-4 .box1 .title{font-size: 24px;color: #fff;display: inline-block;position: relative;padding: 0 5px;margin-bottom: 30px;}
#box-4 .box1 .title::after{content: '';width: 100%;height: 15px;background: #F8DE03;position: absolute;left: 0;bottom: 5px;z-index: -1;}
#box-4 .box1 .title span{font-size: 48px;font-weight: bold;padding-right: 10px;}
#box-4 .box1 .desc p{font-size: 24px;color: #fff;padding: 7px 0;}

#box-4 .right{width: 60%;}
#box-4 .box2{width: 213%;margin-right: -50%;}
#box-4 .box2 li .content_img{position: relative;border-radius: 50%;overflow: hidden;}
#box-4 .box2 li.swiper-slide-active .content_img{border: 3px solid #FFFFFF;}
#box-4 .box2 li .content_img::after{content: '';width: 100%;height: 100%;background: #F8DE03;position: absolute;left: 0;top: 0;opacity: 0.7;}
#box-4 .box2 li.swiper-slide-active .content_img::after{opacity: 0;transition: 0.5s;}
#box-4 .swiper-button-prev {background: url(../image/btn_L.png) no-repeat center top;background-size: contain;}
#box-4 .swiper-button-next {background: url(../image/btn_R.png) no-repeat center top;background-size: contain;right: 8%;}
#box-4 .swiper-button-prev:hover {background: url(../image/ny_jtL2.png) no-repeat center top;background-size: contain;}
#box-4 .swiper-button-next:hover {background: url(../image/ny_jtR2.png) no-repeat center top;background-size: contain;}




#box-5 {background: url(../image/about_beijin5.png) no-repeat center top;background-size: cover;padding-top: 160px;margin-top: -80px;padding-bottom: 280px;z-index: 2;position: relative;}
#box-5 .box1 {position: relative;overflow: hidden;margin: 60px -3.5% 0 -3.5%;}
#box-5 .box1 li{padding: 0 2.9%;}
#box-5 .box1 li .img{transform: scale(0.75);transition: 0.5s;overflow: hidden;position: relative;}
#box-5 .box1 li .img::after{content: '';width: 100%;height: 100%;background: linear-gradient(270deg, #000000 0%, rgba(255,255,255,0) 100%);position: absolute;left: 0;top: 0;opacity: 0.4;transition: 0.5s;pointer-events: none;}
#box-5 .box1 .swiper-slide-next .img{transform: scale(1);}
#box-5 .box1 li .title{font-size: 24px;color: #333;text-align: center;margin-top: 30px;opacity: 0;transition: 0.5s;}
#box-5 .box1 li.swiper-slide-next .title{opacity: 1;}
#box-5 .box1 .swiper-button-prev,#box-5 .box1 .swiper-button-next{top: 42%;}
#box-5 .box1 .swiper-button-prev{left: 30%;}
#box-5 .box1 .swiper-button-next{right: 30%;}


@media (min-width: 850px){
	#box-2 .box2 li.swiper-slide-active>div{-webkit-transition: 1.2s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;-webkit-clip-path: polygon(100% 0,0 0,0% 100%,100% 100%);}
	#box-2 .box2 li.swiper-slide-active .title,#box-2 .box2 li.swiper-slide-active .desc p{transform: translateY(0px);}
	
	#box-3 .box1 li{position: absolute;width: 34%;text-align: right;top: 18.5%;}
	#box-3 .box1 li:nth-child(3),#box-3 .box1 li:nth-child(4){top: 49.5%;}
	#box-3 .box1 li:nth-child(2n){right: 0;text-align: left;}
	#box-3 .box1 li .desc{margin-top: 30px;width: 72%;}
	#box-3 .box1 li:nth-child(2n) .desc{margin-left: auto;padding-right: 10%;width: 82%;}
	#box-3 .box1 li .desc p{font-size: 24px;color: #333;line-height: 1.6;}
	
}
@media (min-width: 1199px) and (max-width: 1500px){
	#box-1 .content_text {padding-right: 0;}
	#box-1 .content_text>.desc {margin: 40px 0 30px 0;}
	#box-1 .number {margin: 30px -28px 0px -28px;width: 95%;}
	#box-1 .number li {padding: 28px;}
	#box-1 .number .title{font-size: 56px;}
	
	#box-2 .block01 {background: url(../image/about_xian.png) no-repeat center bottom 49px;background-size: contain;}
	#box-2 .block01 .container{padding:0 40px 0 40px;}
	#box-2 .box1 li .quan{margin: 25px auto 30px auto;}
	#box-2 .box1 li .desc p{font-size: 20px;}
	#box-2 .box1 li:nth-child(1){margin-top: 380px;}
	#box-2 .box1 li:nth-child(2){margin-top: 352px;}
	#box-2 .box1 li:nth-child(3){margin-top: 213px;}
	#box-2 .box1 li:nth-child(4){margin-top: 227px;}
	#box-2 .box1 li:nth-child(5){margin-top: 76px;}
	
	#box-2 .box2{margin-top: 0px;width: 42%;}
	#box-2 .box2 li .title{font-size: 26px;}
	#box-2 .box2 li .title span{font-size: 48px;}
	#box-2 .box2 li .desc p {font-size: 17px;}
	
	#box-3 .box1 li .desc p{font-size: 18px;}
	
	#box-5 .box1 .swiper-button-prev,#box-5 .box1 .swiper-button-next{top: 40%;}
	#box-5 .box1 .swiper-button-prev{left: 29%;}
	#box-5 .box1 .swiper-button-next{right: 29%;}


}
@media (min-width: 1199px) and (max-width: 1380px){
	#box-2 .block01 {background: url(../image/about_xian.png) no-repeat center bottom 48px;background-size: contain;}
	#box-2 .box1 li:nth-child(1){margin-top: 380px;}
	#box-2 .box1 li:nth-child(2){margin-top: 354px;}
	#box-2 .box1 li:nth-child(3){margin-top: 224px;}
	#box-2 .box1 li:nth-child(4){margin-top: 237px;}
	#box-2 .box1 li:nth-child(5){margin-top: 98px;}
}
@media (min-width: 1199px) and (max-width: 1320px){
	#box-2 .block01 {background: url(../image/about_xian.png) no-repeat center bottom 46px;background-size: contain;}
	#box-2 .box1 li:nth-child(1){margin-top: 380px;}
	#box-2 .box1 li:nth-child(2){margin-top: 358px;}
	#box-2 .box1 li:nth-child(3){margin-top: 238px;}
	#box-2 .box1 li:nth-child(4){margin-top: 248px;}
	#box-2 .box1 li:nth-child(5){margin-top: 122px;}
}
@media (min-width: 768px) and (max-width: 1199px){
	#box-1 .box1 {align-items: center;}
	#box-1 .content_video .video_img{padding: 35px;}
	.video_btn {left: calc(50% - 35px);top: calc(50% - 35px);}
	.video_btn img {width: 70px;}
	#box-1 .content_text {padding-right: 0;}
	#box-1 .content_text>.desc {margin: 30px 0 30px 0;}
	#box-1 .content_text>.desc p{font-size: 16px;}
	#box-1 .number {margin: 50px -20px 0px -20px;width: 100%;}
	#box-1 .number li {padding: 20px;}
	#box-1 .number .title{font-size: 42px;}
	#box-1 .number .title .sup{font-size: 15px;padding-left: 8px;}
	#box-1 .number .desc{font-size: 15px;}
	
	#box-2 {padding-bottom: 160px;padding-top: 200px;}
	#box-2 .box_left{top: -10%;width: 29%;}
	#box-2 .box_right{top: -6%;}
	#box-2 .block01 {background: url(../image/about_xian.png) no-repeat center bottom 34px;background-size: contain;margin-top: -250px;}
	#box-2 .box1 li .title{font-size: 28px;}
	#box-2 .box1 li .quan{margin: 15px auto 25px auto;}
	#box-2 .box1 li .desc p{font-size: 18px;}
	#box-2 .box1 li:nth-child(1){margin-top: 380px;}
	#box-2 .box1 li:nth-child(2){margin-top: 368px;}
	#box-2 .box1 li:nth-child(3){margin-top: 275px;}
	#box-2 .box1 li:nth-child(4){margin-top: 283px;}
	#box-2 .box1 li:nth-child(5){margin-top: 191px;}
	#box-2 .box2 {width: 48%;margin-top: 20px;}
	#box-2 .box2 li .title{font-size: 24px;}
	#box-2 .box2 li .title span{font-size: 48px;}
	#box-2 .box2 li .desc p {font-size: 16px;}
	
	#box-3 {padding-bottom: 180px;padding-top: 120px;}
	#box-3 .box1 .img_box1 {width: 40%;}
	#box-3 .box1 li {width: 37%;top: 12.5%;}
	#box-3 .box1 li .desc p{font-size: 16px;}
	
	#box-4 {padding-bottom: 160px;padding-top: 150px;}
	#box-4 .box_left{top: -12%;}
	#box-4 .box_right{top: -5%;}
	#box-4 .block01 {margin-top: 80px;}
	#box-4 .box1 .title{font-size: 18px;}
	#box-4 .box1 .title span{font-size: 36px;}
	#box-4 .box1 .desc p {font-size: 18px;padding: 5px 0;}
	#box-4 .box2{width: 220%;}
	#box-4 .swiper-button-next {right: 6%;}
	
	#box-5 {padding-bottom: 250px;padding-top: 120px;}
	#box-5 .box1{margin: 45px -3.5% 0 -3.5%;}
	#box-5 .box1 li .title{font-size: 20px;margin-top: 25px;}
	#box-5 .box1 .swiper-button-prev{left: 29.2%;}
	#box-5 .box1 .swiper-button-next{right: 29.2%;}
} 
@media (min-width: 768px) and (max-width: 850px){
	#box-1 .content_text>.desc {margin: 50px 0 30px 0;}
	#box-1 .content_text>.desc p {font-size: 18px;}
	#box-1 .number {margin: 50px -15px 0px -15px;}
	#box-1 .number li {width: 25%;padding: 15px;}
	
	#box-2 {padding-top: 120px;}
	
	#box-4 .box_left{top: -8%;}
	#box-4 .box_right{top: -2%;}
	#box-4 .box1 .title{font-size: 16px;}
	#box-4 .box1 .title span{font-size: 28px;}
	#box-4 .box1 .desc p {font-size: 16px;padding: 5px 0;}
}
@media (max-width: 850px){
	#box-1 .content_text{text-align: center;}
	#box-1 .content_video{width: 80%;margin:60px auto 0 auto;}
	#box-1 .box1{flex-direction: column-reverse;}
	#box-1 .content_text{width: 100%;}
	
	#box-2 .SY_bt{text-align: center;}
	#box-2 .block01{display: none;}
	#box-2 .block02{margin: auto;}
	#box-2 .box2 {width: 80%;margin: 60px auto 0 auto;}
	#box-2 .box2 li>div {-webkit-clip-path: none;}
	#box-2 .swiper-button-prev2,#box-2 .swiper-button-next2,#box-2 .swiper-pagination2{display: block;}
	#box-2 .swiper-pagination2{margin-top: 50px;}
	
	#box-3{padding-bottom: 200px;}
	#box-3 .box1 {margin-top: 20px;}
	#box-3 .box1 .img_box1 {width: 70%;padding-right: 0%;}
	#box-3 .ipad{display: block;}
	#box-3 .PCBlock{display: none!important;}
	#box-3 .box1 ul{display: flex;flex-wrap: wrap;margin: 0 0px;}
	#box-3 .box1 ul li{width: 50%;padding: 30px;text-align: center;border-bottom:1px solid rgba(0, 0, 0, .1);}
	#box-3 .box1 ul li:nth-child(2n){border-left:1px solid rgba(0, 0, 0, .1);}
	#box-3 .box1 ul li .title{color: #ff711b;font-size: 20px;margin-bottom: 15px;font-weight: bold;}
	#box-3 .box1 ul li .desc p{font-size: 16px;color: #333;}
	
}
@media (max-width: 767px){
	#box-1{padding-bottom: 160px;}
	#box-1 .content_video{width: 100%;margin: 0px auto 0 auto;}
	#box-1 .content_video .video_img {padding: 23px;}
	.video_btn {left: calc(50% - 25px);top: calc(50% - 25px);}
	.video_btn img {width: 50px;}
	.fix_video .fix_text .video {max-width: 88%;margin-top: -80px;}
	.fix_video i img{top: auto;bottom: -80px;left: calc(50% - 22px);}
	
	#box-1 .content_text>.desc {margin: 35px 0 35px 0;}
	#box-1 .content_text>.desc p {font-size: 15px;line-height: 1.6;}
	#box-1 .number{width: 100%;margin: 0px -10px 40px -10px;}
	#box-1 .number li{width: 50%;padding:20px 10px;}
	#box-1 .number .title{font-size: 36px;text-align: center;}
	#box-1 .number .title .sup{font-size: 15px;padding-left: 5px;}
	#box-1 .number .desc{font-size: 15px;text-align: center;}
	
	#box-2{padding-top: 80px;padding-bottom: 150px;background: url(../image/about_beijin2sj.png) no-repeat center top;background-size: cover;}
	#box-2 .box_left{width: 40%;top: -7%;}
	#box-2 .box_right{width: 36%;top: -4%;}
	#box-2 .block02{width: 100%;margin: auto;}
	#box-2 .box2 {width: 100%;margin: 30px auto 0 auto;}
	#box-2 .box2 li .title{font-size: 18px;}
	#box-2 .box2 li .title span{font-size: 32px;}
	#box-2 .box2 li .desc p {font-size: 15px;padding: 10px 0px 10px 15px;}
	#box-2 .swiper-pagination2 {margin-top: 40px;}
	
	#box-3 {padding-top: 80px;padding-bottom: 170px;background: url(../image/beijin3sj.png) no-repeat center top;background-size: cover;}
	#box-3 .box1 .img_box1 {width: 100%;}
	#box-3 .box1 ul li{padding: 20px 15px;}
	#box-3 .box1 ul li .title{font-size: 17px;margin-bottom: 5px;}
	#box-3 .box1 ul li .desc p{font-size: 13px;}
	
	#box-4{padding-top: 80px;padding-bottom: 150px;background: url(../image/about_beijin4sj.png) no-repeat center top;background-size: cover;}
	#box-4 .box_left{width: 40%;top: -5%;}
	#box-4 .box_right{width: 36%;top: -4%;}
	#box-4 .block01 {display: none!important;}
	#box-4 .block02{position: relative;overflow: hidden;margin-top: 35px;}
	#box-4 .block02 li{text-align: center;}
	#box-4 .block02 .img{border-radius: 50%;overflow: hidden;border: 2px solid #fff;width: 90%;margin: auto;}
	#box-4 .block02 .title{font-size: 15px;color: #fff;display: inline-block;position: relative;padding: 0 2px;margin: 30px 0 15px 0;}
	#box-4 .block02 .title::after{content: '';width: 100%;height: 10px;background: #ff711b;position: absolute;left: 0;bottom: 3px;z-index: -1;}
	#box-4 .block02 .title span{font-size: 28px;font-weight: bold;padding-right: 5px;}
	#box-4 .block02 .desc p{font-size: 15px;color: #fff;padding: 3px 0;}
	#box-4 .block02 .swiper-pagination{margin-top: 35px;}
	
	#box-5 {padding-bottom: 200px;padding-top: 60px;background: url(../image/about_beijin5sj.png) no-repeat center top;background-size: cover;}
	#box-5 .box1{margin: 35px 10px 0 10px;}
	#box-5 .box1 li{padding: 0 15px;}
	#box-5 .box1 li .img{transform: scale(1);}
	#box-5 .box1 li .title{opacity: 1;font-size: 20px;margin-top: 20px;}
	#box-5 .swiper-pagination{margin-top: 35px;}
	#box-5 .swiper-pagination span{background: #ff711b;}
	
}