#box-2{padding-bottom: 70px;padding-top: 30px;}
#box-2 .block01{position: relative;width: 85.5%;margin: auto;}
#box-2 .box1{margin: 55px auto 0 auto;position: relative;overflow: hidden;width: calc(100% - 115px);}
#box-2 .box1>div{margin: 0 -1px;}
#box-2 .box1 li{padding: 0 1px;}
#box-2 .btn a{display: block;}
#box-2 .btn .button{width: 100%;border-radius: 0px;background: #DCD9D0;border:none;height: 60px;text-align: center;}
#box-2 .btn .button p{padding: 0;}
#box-2 .btn .button::after{background: #DCD9D0;}
#box-2 .btn_01{color: #fff;}
#box-2 .btn_02{transform: translateY(40px);}
#box-2 li.swiper-slide-thumb-active .btn .button .btn_01,#box-2 li:hover .btn .button .btn_01{transform: translateY(40px);}
#box-2 li.swiper-slide-thumb-active .btn .button .btn_02,#box-2 li:hover .btn .button .btn_02{transform: translateY(0px);}
#box-2 li.swiper-slide-thumb-active .btn .button::before,#box-2 li:hover .btn .button::before{border-radius: 0;transform: translateY(0) scaleY(1);transition-delay: 0s;}
#box-2 li.swiper-slide-thumb-active .btn .button::after,#box-2 li:hover .btn .button::after {border-radius: 0 0 50% 50%;transform: translateY(-100%) scaleY(0.5);transition-delay: 0s;}
#box-2 li.swiper-slide-thumb-active .btn2 .button,#box-2 li:hover .btn2 .button{border: 1px solid #203B27;}
#box-2 li.swiper-slide-thumb-active .btn2 .button::after,#box-2 li:hover .btn2 .button::after{background: #fff;}
#box-2 .block01 .swiper-button-prev_thumbs, #box-2 .block01 .swiper-button-next_thumbs{width: 15px;height: 25px;top: 70%;}
#box-2 .block01 .swiper-button-prev_thumbs{left: 0px;}
#box-2 .block01 .swiper-button-next_thumbs{right: 0px;}


#box-2 .box2>ul>li{opacity: 0!important;transition: 0.5s;}
#box-2 .box2>ul>li.swiper-slide-active{opacity: 1!important;z-index: 2;}


#box-2 .box3_block{position: relative;}
#box-2 .box3{position: relative;overflow: hidden;padding:100px 2% 15px 2%;width: 91%;margin: auto;}
#box-2 .box3 li{pointer-events: all;}
#box-2 .box3 li>div{transform: scale(0.55);filter: blur(10px);padding-top: 80px;}
#box-2 .box3 li.swiper-slide-active>div{transform: scale(1.18);filter: blur(0px);transform-origin: center;transition: 0.5s;margin-top: -80px;}
#box-2 .box3 li.swiper-slide-prev>div{transform-origin: 23%;}
#box-2 .box3 li.swiper-slide-active+li>div{transform-origin: 77%;}
#box-2 .box3 .img{position: relative;}
#box-2 .box3 .img::after{content: '';width: 100%;height: 100%;background: url(../img/product_yy.png) center center / contain no-repeat;position: absolute;bottom: -26%;left: 35%;z-index: -1;}
#box-2 .box3 .img img{width: 100%;}
#box-2 .box3 li .title{text-align: center;opacity: 0;font-size: 21px;color: #222;margin-top: 25px;}
#box-2 .box3 li.swiper-slide-active .title{opacity: 1;}


#box-2 .swiper-button-prev,#box-2 .swiper-button-next{width: 20px;height: 30px;top: 60%;}
#box-2 .swiper-button-prev {background: url(../img/pro_L1.png) center top / contain no-repeat!important;left: 3%;}
#box-2 .swiper-button-next {background: url(../img/pro_R1.png) center top / contain no-repeat!important;right: 3%;}


@media (min-width:1199px) and (max-width:1500px){
	#box-2 .box1{width: calc(100% - 100px);}
	#box-2 .block01{width: 95%;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-2 {padding-bottom: 20px;padding-top: 10px;}
	#box-2 .box1{width: calc(100% - 90px);}
	#box-2 .block01{width: 100%;}
	#box-2 .btn .button{height: 50px;}
	
	#box-2 .box3{padding-top:80px;}
	#box-2 .box3 li .title{font-size: 18px;}
	
}
@media (max-width:767px){
	#box-2{padding-bottom: 55px;padding-top: 25px;}
	#box-2 .block01{width: 100%;}
	#box-2 .box1{width: calc(100% - 60px);margin-top: 40px;}
	#box-2 .box1 li>div{font-size: 16px;padding: 8px 2px;}
	#box-2 .btn .button{height: 50px;}
	
	#box-2 .box3{padding: 0 20px;margin: 45px -20px 0 -20px;width: calc(100% + 40px);}
	#box-2 .box3 li>div{transform: scale(1)!important;transform-origin:center!important;filter: none!important;padding: 0 13px;margin: 0!important;}
	#box-2 .box3 li .img{width: 80%;margin: auto;}
	#box-2 .box3 li .title{opacity: 1;font-size: 16px;}
	
	#box-2 .box3 .swiper-button-prev, #box-2 .box3 .swiper-button-next{display: none;}
	#box-2 .block01 .swiper-button-prev_thumbs, #box-2 .block01 .swiper-button-next_thumbs{width: 13px;height: 30px;top: 68%;}
	#box-2 .block01 .swiper-button-prev_thumbs{left: -5px;}
	#box-2 .block01 .swiper-button-next_thumbs{right: -5px;}
	#box-2 .swiper-pagination{display: block;margin-top: 45px;}
	
	#box-2 .box3_block .swiper-button-prev,#box-2 .box3_block .swiper-button-next{display: none;}
}