#box-1 {padding: 155px 0 80px 0;}
#box-1 .box1{height: 43vw;position: relative;margin-top: 20px;max-height:805px}
#box-1 .rotating-slider {width: 100%;position: absolute;left: 49.5%;margin: 0 auto;}
#box-1 .slides li {position: absolute;left: 50%;clip-path:none!important;}
#box-1 .slides li .img {width: 100%;transform: scale(0.85);overflow: hidden;}
#box-1 .slides li img{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
#box-1 .box2{display: none;position: relative;overflow: hidden;}


#box-2 {padding:0px 0 145px 0;margin-top: -60px;}
#box-2 .container {max-width: 1465px;}
#box-2 .title_box {width: 36.5%;max-width: 506px;margin: 0px auto -5.8% auto;z-index: 2;position: relative;}
#box-2 .block01{position: relative;padding: 105px 45px 80px 45px;}
#box-2 .block01::before{content:'';width: 50%;height: 100%;background: url(../img/pro_box2_kuangL.png) no-repeat left center;background-size: cover;position: absolute;left: 0;top: 0;pointer-events: none;}
#box-2 .block01::after{content:'';width: 50%;height: 100%;background: url(../img/pro_box2_kuangR.png) no-repeat right center;background-size: cover;position: absolute;right: 0;top: 0;pointer-events: none;}
#box-2 .box1{position: relative;overflow: hidden;height: 76vw;max-height: 1100px;}
#box-2 .box1 li{height: auto;padding: 22px 40px;}
#box-2 .box1>div{position: relative;}
#box-2 .box1 li .title{color: #fff;font-size: 24px;font-weight: bold;width: 100%;position: absolute;bottom: 48px;left: 0;text-align: center;}
#box-2 .swiper-pagination{margin-top: 50px;}
#box-2 .swiper-pagination span{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #921D22;display: inline-flex;align-items: center;justify-content: center;background: transparent;font-size: 18px;color: #921D22;opacity: 1;margin: 5px 10px!important;transition: none;}
#box-2 .swiper-pagination .swiper-pagination-bullet-active{background: #921D22;color: #fff;}

#box-2 .box1 li>div .img,#box-2 .box1 li>div .title{transition: 0.5s;}
#box-2 .box1 li>div:hover .img{transform: scale(0.95);}
#box-2 .box1 li>div:hover .title{padding-bottom: 10px;}

@media (min-width:1199px) and (max-width:1500px){
	#box-1 {padding: 140px 0 80px 0;}
	#box-1 .box1{margin-top: 40px;}
	#box-1 .slides li{max-width: 420px!important;}
	#box-1 .slides li .img {transform: scale(0.9);}
}
@media (min-width:1199px) and (max-width:1380px){
	#box-2 .swiper-pagination {margin-top: 10px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 {padding: 105px 0 80px 0;}
	#box-1 .box1{margin-top: 40px;}
	#box-1 .slides li{max-width: 345px!important;}
	#box-1 .slides li .img {transform: scale(0.97);}
	
	#box-2 {padding: 0 0 120px 0;}
	#box-2 .block01 {padding: 80px 45px 50px 45px;}
	#box-2 .box1 li{padding: 22px 30px;}
	#box-2 .box1 li .title {font-size: 21px;bottom: 43px;}
	#box-2 .swiper-pagination {margin-top: 0px;}
	#box-2 .swiper-pagination span {width: 43px;height: 43px;margin: 5px 7px !important;}
}
@media (max-width:850px){
	#box-1 {padding: 90px 0 80px 0;}
	#box-1 .box1{display: none;}
	#box-1 .box2{display: block;margin: 45px -20px 55px -20px;}
	#box-1 .box2 li{padding: 5px 20px;}
	#box-1 .swiper-pagination span{background: #921D22;}
	
	#box-2 {padding: 0 0 100px 0;}
	#box-2 .title_box {width: 39.5%;}
	#box-2 .block01 {padding: 65px 30px 45px 30px;}
	#box-2 .box1{height: 74.5vw;}
	#box-2 .box1 li{padding: 20px 22px;}
	#box-2 .box1 li .title {font-size: 18px;bottom: 36px;}
	#box-2 .swiper-pagination {margin-top: 20px;}
}
@media (max-width:767px){
	#box-1 {padding: 80px 0 0 0;}
	#box-1 .box2{display: block;margin: 40px -10px 55px -10px;}
	#box-1 .box2 li{padding: 5px 10px;}
	
	#box-2 {padding: 0 0 60px 0;margin-top: 0;}
	#box-2 .title_box {width: 60%;margin: 0px auto -9.8% auto;}
	#box-2 .block01 {padding: 55px 20px 35px 20px;}
	#box-2 .box1{height: 150vw;}
	#box-2 .box1 li {padding: 12px;}
	#box-2 .box1 li .title{bottom: 30px;}
	#box-2 .swiper-pagination {margin-top: 5px;}
	#box-2 .swiper-pagination span {width: 35px;height: 35px;margin: 5px 5px !important;font-size: 15px;}
}
@media (max-width:380px){
	#box-2 .box1{height: 145vw;}
}
@media (max-width:330px){
	#box-2 .box1{height: 140vw;}
}