.main{overflow: hidden;padding-top: 60px; }
#box-1 {position: relative;padding-bottom: 0px;background: url(../image/about_beijin3.png) no-repeat center top;}
#box-1 .SY_bt .title{font-size: 72px;}
#box-1 .box_left,#box-1 .box_right{position: absolute;}
#box-1 .box_left{width: 11.5%;left: -5px;top: 15.5%;}
#box-1 .box_right{width: 25.5%;right: -4%;top: 10%;}
#box-1 .cp_container{width: 72%;margin: auto;padding-right: 3%;}
#box-1 .block01{margin-top: 25px;}
#box-1 .box1,#box-1 .box2{position: relative;overflow: hidden;}
#box-1 .box1{width: 41%;padding-bottom: 40px;}
#box-1 .box1 li .img{width: 80%;}
#box-1 .box1 li .desc{margin: 30px 0;}
#box-1 .box1 li .desc p{font-size: 24px;color: #333;}

#box-1 .swiper-pagination{text-align: left;margin-top: 30px;}
#box-1 .swiper-pagination{font-size: 41px;color: #ff711b;}
#box-1 .swiper-pagination span{background: transparent;opacity: 1;}
#box-1 .swiper-pagination .page_cur{font-size: 36px;font-weight: bold;}
#box-1 .swiper-pagination .page_total{font-size: 18px;font-weight: bold;}
#box-1 .swiper-button{margin-top: 85px;}
#box-1 .swiper-button-prev{position: relative;left: 0;}
#box-1 .swiper-button-next{position: relative;margin-left: 15%;}

#box-1 .box2{width: 53%;border-radius: 50%;box-shadow: 0px 6px 29px 0px rgba(0,0,0,0.28);}


#box-2 {padding-bottom: 280px;padding-top: 0;background: url(../image/about_beijin3.png) center top;}
#box-2 .box1{position: relative;margin: 45px 70px 0 70px;}
#box-2 .box1_1{position: relative;overflow: hidden;margin-top: 75px;}
#box-2 .box1 ul {display: flex; justify-content: center; align-items: center;}
#box-2 .box1 li{height: auto;width: auto;padding: 0 22px;}
#box-2 .box1 a{background: transparent;font-size: 18px;color: #000;padding: 13px 25px;border-radius: 30px;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #333333;}
#box-2 .box1 li:hover a,#box-2 .box1 li.on 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 .pro_content{margin-top: 50px;}
#box-2 .pro_content ul{display: flex;flex-wrap: wrap;margin: 0 -27px;}
#box-2 .pro_content ul li{width: 33.3%;padding: 27px;}
#box-2 .pro_content ul li>div{position: relative;}
#box-2 .pro_content ul li .img{border-radius: 30px;border: 2px solid #ff711b;overflow: hidden;}
#box-2 .pro_content ul li .title{position: absolute;width: 100%;padding: 30px;bottom: 0;text-align: right;font-size: 30px;color: #ff711b;}

#box-2 .pro_content .pro_ckgd{background: transparent;font-size: 18px;color: #000;padding: 13px 50px;border-radius: 30px;text-align: center;border: 1px solid #333333;display: inline-block;margin-top: 50px;}
#box-2 .pro_content .pro_ckgd:hover{background: #ff711b;border: 1px solid #ff711b;color: #fff;transition:background 0.3s,border 0.3s;cursor: pointer;}

#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev { width: 40px;display: block;top: 58%;}
#box-2 .box1 .swiper-button-next{right: -70px;}
#box-2 .box1 .swiper-button-prev{left: -70px;}

@media (min-width:1199px) and (max-width:1500px){
	#box-1 .SY_bt .title{font-size: 56px;}
	#box-1 .box_left{top: 20%;}
	#box-1 .box_right{top: 15%;}
	#box-1 .block01 {margin-top: 40px;}
	#box-1 .box1{padding-bottom: 20px;}
	#box-1 .box1 li .desc p{font-size: 20px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .cp_container {padding-right: 0%;}
	#box-1 .SY_bt .title{font-size: 52px;}
	#box-1 .box_left{top: 20%;}
	#box-1 .box_right{top: 15%;}
	#box-1 .block01 {margin-top: 30px;}
	#box-1 .box1{padding-bottom: 20px;width: 44%;}
	#box-1 .box1 li .desc {margin: 20px 0;}
	#box-1 .box1 li .desc p{font-size: 18px;}
	#box-1 .swiper-pagination {margin-top: 30px;}
	#box-1 .swiper-button {margin-top: 60px;}
	#box-1 .swiper-button-next {margin-left: 18%;}
	
	
	#box-2 .box1{margin: 45px 50px 0 50px;}
	#box-2 .box1 li {padding: 0 8px;}
	#box-2 .box1 a{padding: 12px 3vw;font-size: 17px;}
	#box-2 .pro_content {margin-top: 40px;}
	#box-2 .pro_content ul{margin: 0 -18px;}
	#box-2 .pro_content ul li {padding: 18px;}
	#box-2 .pro_content ul li .img{border-radius: 20px;}
	#box-2 .pro_content ul li .title{padding: 20px;font-size: 24px;}
	
	#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev { width: 35px;display: block;top: 60%;}
	#box-2 .box1 .swiper-button-next{right: -50px;}
	#box-2 .box1 .swiper-button-prev{left: -50px;}
}
@media (min-width:767px) and (max-width:850px){
	#box-2 .box1{margin: 45px 50px 0 50px;}
	#box-2 .box1 li{padding: 0;}
	#box-2 .box1 a{font-size: 15px;}
	#box-2 .pro_content ul li{width: 50%;}
}
@media (max-width: 767px){
	.main_block{background: url(../image/news_bjsj.jpg) repeat-y center center;background-size: contain;}
	#box-1{padding-bottom: 0px; background: url(../image/beijin3sj.png) no-repeat center top;}
	#box-1 .cp_container {padding-right: 0%;width: 100%;padding:0 20px;}
	#box-1 .SY_bt .title{font-size: 38px;}
	#box-1 .box_left{top: 10%;width: 13%;}
	#box-1 .box_right{top: 3%;}
	#box-1 .block01 {margin-top: 40px;}
	#box-1 .box1{padding-bottom: 15px;width: 100%;}
	#box-1 .box1 li .img {width: 60%;margin: auto;}
	#box-1 .box1 li .desc {margin: 20px 0;}
	#box-1 .box1 li .desc p{font-size: 15px;text-align: center;}
	#box-1 .swiper-button {display: none;}
	#box-1 .box2{width: 100%;}
	#box-1 .swiper-pagination{font-size: 30px;margin-top: 40px;text-align: center;}
	#box-1 .swiper-pagination .page_cur{font-size: 30px;}
	#box-1 .swiper-pagination .page_total{font-size: 15px;}
	
	
	#box-2{padding-bottom: 200px;}
	#box-2 .box1{margin: 45px 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;}
	#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 .pro_content {margin-top: 30px;}
	#box-2 .pro_content ul{margin: 0;}
	#box-2 .pro_content ul li{width: 100%;padding: 12px 0;}
	#box-2 .pro_content ul li .img{border-radius: 15px;}
	#box-2 .pro_content ul li .title{padding: 20px;font-size: 24px;color: #076bff;}
	
	#box-2 .pro_content .pro_ckgd{font-size: 16px;padding: 9px 35px;margin-top: 40px;}
	
}