#box-1 {padding-top: 80px;}
#box-1 .box1{position: relative;overflow: hidden;margin: 45px -0.5% 0 -0.5%;}
#box-1 .box1 .img_title{position: absolute;width: 60%;left: 20%;top: -50px;z-index: 2;transform: scale(1)!important;}
#box-1 .box1 li{padding: 0 3.8%;}
#box-1 .box1 li>div{transform: scale(0.75);transform-origin: center;transition: 0.5s;}
#box-1 .box1 li.swiper-slide-next>div{transform: scale(1);}
#box-1 .box1 .img{margin-top: 50px;border: 3px solid rgba(47, 84, 43, 0.8);box-shadow: 0px 1px 12px 0px rgba(0,0,0,0.17);border-radius: 20px;overflow: hidden;}
#box-1 .box1 .desc{padding: 20px 10px 0 10px;}
#box-1 .box1 .desc p{font-weight: bold;font-size: 22px;color: #6A3906;text-align: center;transition: 0.3s;}
#box-1 .box1 li.swiper-slide-next>div .desc p{font-size: 18px;}
#box-1 .swiper-button-prev,#box-1 .swiper-button-next{top:48%;height: 30px;}
#box-1 .swiper-button-prev {left:30%;}
#box-1 .swiper-button-next{right:30%;}
#box-1 .swiper-pagination{margin-top: 20px;}

#box-2 {padding: 25px 0 15px 0;}
#box-2 .box1 .left{width: 55.5%;}
#box-2 .box1 .img_img{margin-top: 80px;display: flex;align-items: flex-end;}
#box-2 .box1 .img_img p{writing-mode: vertical-lr;font-size: 48px;color: #6A3906;letter-spacing: -15px;line-height: 1.7;margin-bottom: -5px;}
#box-2 .box1 .right{width: 37.5%;}
#box-2 #slide li>div{padding: 10px 0;}


#box-3 .box1{margin-top: 115px;padding-bottom: 55px;}

@media (min-width:1199px) and (max-width:1500px){
	#box-1 .box1{margin: 45px -2.5% 0 -2.5%;}
	#box-2 .box1 .img_img p{font-size: 42px;margin-top: -2px;}
	
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 {padding-top: 60px;}
	#box-1 .box1{margin: 20px -3% 0 -3%;}
	#box-1 .box1 .img_title{top: -30px;}
	#box-1 .box1 .desc p{font-size: 18px;}
	#box-1 .box1 li.swiper-slide-next>div .desc p{font-size: 16px;}
	#box-1 .swiper-button-prev,#box-1 .swiper-button-next{top:46%;}
	#box-1 .swiper-button-prev {left:29.5%;}
	#box-1 .swiper-button-next{right:29.5%;}
	
	#box-2 .box1 .img_img {margin-top: 60px;}
	#box-2 .box1 .img_img p{font-size: 32px;margin-top: 0px;padding-bottom: 5px;}
	
	#box-3 .box1{margin-top: 90px;padding-bottom: 30px;}
}
@media (max-width:850px){
	#box-1 .box1{margin: 20px -25% 0 -25%;}
	
	#box-3 .box1{margin-top: 60px;padding-bottom: 10px;}
}
@media (max-width:767px){
	#box-1 {padding-top: 40px;}
	#box-1 .box1{margin: 30px 5px 0 5px;}
	#box-1 .box1 .img_title {width: 52%;left: 24%;top: -42px;}
	#box-1 .box1 li {padding: 0 15px;}
	#box-1 .box1 li>div{transform: scale(1)!important;}
	#box-1 .box1 .desc p{font-size: 16px!important;}
	#box-1 .swiper-button-prev,#box-1 .swiper-button-next{display: none;}
	#box-1 .swiper-pagination {margin-top: 35px;}
	
	#box-2 {padding: 0px 0 0px 0;}
	#box-2 .box1 .left{width: 100%;}
	#box-2 .box1 .img_img{margin-top: 45px;margin-right: -10px;}
	#box-2 .box1 .img_img p{font-size: 24px;letter-spacing: -10px;line-height: 1.7;margin-bottom: 0px;}
	#box-2 .box1 .right{width: 100%;margin-top: 10px;}
	#box-2 #slide li{width: 65%;}
	#box-2 #slide li>div{padding: 5px;}
	
	#box-3 .box1{margin-top: 50px;padding-bottom: 0px;}
}

@keyframes cpth{
	0% {-webkit-clip-path: polygon(0% 0, 0 0, 0% 100%, 0% 100%);}
	100% {-webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%);}
}
.cpth{-webkit-animation-name:cpth;animation-name:cpth;animation-timing-function: cubic-bezier(0.285, 0.71, 0.655, 1);animation-duration: 2.5s;display: inline-block;}