.main{overflow: hidden;padding-top: 60px;}
#box-1 {padding-bottom: 0;background: url(../image/about_beijin3.png) no-repeat center top;}
#box-1 .box1 {position: relative;overflow: hidden;-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;margin: 70px -26% 0 -26%;}
#box-1 .box1 ul,#box-1 .box1 ul li{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
#box-1 .box1 li{padding: 0 3%;}
#box-1 .box1 li .img{transform: scale(0.85);transition: 0.5s;border-radius: 30px;border: 2px solid #ff711b;overflow: hidden;position: relative;}
#box-1 .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-1 .box1 li.swiper-slide-next+li .img::after{background: linear-gradient(90deg, #000000 0%, rgba(255,255,255,0) 100%);}
#box-1 .box1 .swiper-slide-next .img{transform: scale(1);}
#box-1 .box1 .swiper-slide-next .img::after{opacity: 0;}
#box-1 .swiper-button-prev{left: 32%;}
#box-1 .swiper-button-next{right: 32%;}

#box-2 {padding-bottom: 280px;padding-top: 165px;position: relative;background: url(../image/about_beijin3.png) no-repeat center top;}
#box-2 .box_left,#box-2 .box_right{position: absolute;}
#box-2 .box_left{width: 27%;left: -9%;top: 4%;}
#box-2 .box_right{width: 29%;right: -8%;top: 0%;}

#box-2 .box1{position: relative;}
#box-2 .box1_1{position: relative;overflow: hidden;margin-top: 0px;}
#box-2 .box1 ul{justify-content: center;}
#box-2 .box1 li{height: auto;width: auto;padding: 0 22px;}
#box-2 .box1 a{background: #fff;font-size: 18px;color: #000;padding: 13px 50px;border-radius: 30px;text-align: center;border: 1px solid #fff;height: 100%;display: flex;align-items: center;justify-content: center;}
#box-2 .box1 .swiper-slide-thumb-active a,#box-2 .box1 li:hover a{background: #ff711b;border: 1px solid #ff711b;color: #fff;transition:background 0.3s,border 0.3s;}
#box-2 .box1 .swiper-button-next,#box-2 .box1 .swiper-button-prev{display: none;}

#box-2 .items .item{opacity: 0!important;z-index: 0;}
#box-2 .items .item.swiper-slide-active{opacity: 1!important;z-index: 2;}
#box-2 .items .item.swiper-slide-active .box2{transform: translateY(0px);opacity:1;transition:transform 0.5s,opacity 0.5s;}

#box-2 .box2{position: relative;transform: translateY(100px);opacity: 0;margin: 45px -31% 0 -31%;}
#box-2 .box2_2 {position: relative;overflow: hidden;}
#box-2 .box2_2 li{padding: 0 1.7%;}
#box-2 .box2_2 li .img{transform: scale(0.75);transition: 0.5s;border-radius: 30px;border: 2px solid #ff711b;overflow: hidden;position: relative;}
#box-2 .box2_2 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-2 .box2_2 li.swiper-slide-next+li .img::after{background: linear-gradient(90deg, #000000 0%, rgba(255,255,255,0) 100%);}
#box-2 .box2_2 .swiper-slide-next .img{transform: scale(1);}
#box-2 .box2_2 .swiper-slide-next .img::after{opacity: 0;}
#box-2 .box2 .swiper-button-prev{left: 30.3%;}
#box-2 .box2 .swiper-button-next{right: 30.3%;}



@media (min-width: 1199px) and (max-width: 1500px){
	#box-1 .swiper-button-prev{left: 31%;}
	#box-1 .swiper-button-next{right: 31%;}
	#box-2 .box2 .swiper-button-prev{left: 30%;}
	#box-2 .box2 .swiper-button-next{right: 30%;}
}


@media (min-width: 768px) and (max-width: 1199px){
	#box-1 .box1{margin: 50px -30% 0 -30%;}
	#box-1 .box1 li .img{border-radius: 20px;}
	#box-1 .swiper-button-prev{left: 30.7%;}
	#box-1 .swiper-button-next{right: 30.7%;}
	
	#box-2{padding-bottom: 250px;padding-top: 100px;}
	#box-2 .box_left{top: 5%;}
	#box-2 .box_right{top: 2%;}
	#box-2 .box1_1 {margin-top: 50px;}
	#box-2 .box1 li{padding: 0 8px;}
	#box-2 .box1 a{padding: 10px 35px;font-size: 16px;}
	#box-2 .box2{margin: 40px -38% 0 -38%;}
	#box-2 .box2_2 li .img{border-radius: 20px;}
	#box-2 .swiper-button-prev{left: 30%;}
	#box-2 .swiper-button-next{right: 30%;}
}

@media (max-width: 767px){
	.main_block{background: url(../image/news_bjsj.jpg) repeat-y center center;background-size: contain;}
	
	#box-1 .box1{margin: 40px 10px 0 10px;}
	#box-1 .box1 li{padding: 0 10px;}
	#box-1 .box1 li .img{border-radius: 15px;transform: scale(1);}
	#box-1 .box1 li .img::after{opacity: 0;}
	#box-1 .swiper-button-prev,#box-1 .swiper-button-next{display: none;}
	#box-1 .swiper-pagination{margin-top: 25px;}
	#box-1 .swiper-pagination span{background: #ff711b;}
	
	
	#box-2{padding-bottom: 200px;padding-top: 60px;}
	#box-2 .box_left{width: 34%;top: 4%;}
	#box-2 .box_right{width: 34%;top: 1%;}
	#box-2 .box1{margin: 0px 35px 0 35px;}
	#box-2 .box1_1 {margin: 0 0px;}
	#box-2 .box1 ul {justify-content: left;}
	#box-2 .box1 li{padding: 0;}
	#box-2 .box1 a{font-size: 15px;padding: 7px 5px;border-radius: 10px;}
	#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev { width: 25px;display: block;top: 75%;}
	#box-2 .box1 .swiper-button-next{right: -35px;}
	#box-2 .box1 .swiper-button-prev{left: -35px;}
	
	#box-2 .box2{margin: 35px 10px 0 10px;}
	#box-2 .box2 li{padding: 0 10px;}
	#box-2 .box2 li .img{border-radius: 15px;transform: scale(1);}
	#box-2 .box2 li .img::after{opacity: 0;}
	#box-2 .box2 .swiper-button-prev,#box-2 .box2 .swiper-button-next{display: none;}
	#box-2 .swiper-pagination{margin-top: 25px;}
	#box-2 .swiper-pagination span{background: #ff711b;}
	
}