.main{background: url(./1001.png) no-repeat center center;background-size: cover;position: relative;}
.fadeImg {animation-duration: 0.8s;}

#box-1{padding-top: 180px;padding-bottom: 50px;}
#box-1 .block01{position: relative;}
#box-1 .box1{margin-top: 65px;overflow: hidden;position: relative;}
#box-1 .box1 li{width: 80%;transition: 1s;transform-origin: bottom;}
#box-1 .box1 li>div{position: relative;opacity: 0;}
#box-1 .box1 li.swiper-slide-prev>div,#box-1 .box1 li.swiper-slide-active>div,#box-1 .box1 li.swiper-slide-next>div{opacity: 1;}
#box-1 .box1 li .img01 img{border-radius: 30px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);}
#box-1 .box1 li.swiper-slide-active img{filter: opacity(1);transition: 0.2s;}
#box-1 .box1 li .img img{width: 100%;}
#box-1 .box1 li .img02{position: absolute;width: 25%;left: -11%;bottom: -7%;z-index: 2;transform: scale(0);}
#box-1 .box1 li.swiper-slide-active .img02{transform: scale(1);transition: 0.5s;}
#box-1 .swiper-button-prev,#box-1 .swiper-button-next{top: 54%;}
#box-1 .swiper-button-prev{left: 0.5%;}
#box-1 .swiper-button-next{right: 0.5%;}


#box-2{padding: 100px 0;}
#box-2 .box1,#box-2 .pro_content{position: relative;margin: 45px 0px 0 0px;}
#box-2 .box1{margin-top: 55px;}
#box-2 .box1_1{position: relative;overflow: hidden;}
#box-2 .box1 ul {justify-content: left;}
#box-2 .box1 li{height: auto;padding: 0 30px;}
#box-2 .box1 a{background: transparent;font-size: 18px;color: #000;padding:11px 15px;border-radius: 30px;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #000;position: relative;overflow: hidden;}
#box-2 .box1 li.on a,#box-2 .box1 li a:hover{border-color: #C78F6C;color: #fff;}
#box-2 .box1 li.on a::after,#box-2 .box1 li a:hover::after{transform: translateX(-15%) skewX(45deg);}
#box-2 .box1 a span{z-index: 2;}


.probtn a::after{content: "";display: block;width: 130%;height: 100%;position: absolute;left: 0%;top: 0;z-index: 1;background: #C78F6C;transition: 0.3s ease-in-out;transform: translateX(-130%) skewX(45deg);pointer-events: none;}
.probtn_ck a:hover::after{transform: translateX(-15%) skewX(45deg);}


#box-2 .pro_content{margin-top: 55px;}
#box-2 .pro_content ul{display: flex;flex-wrap: wrap;margin: 0 -30px;}
#box-2 .pro_content ul li{width: 33.3%;}
#box-2 .pro_content ul li>div{padding:60px 30px;}
#box-2 .pro_content li .img{width:80%;padding-top: 80%;margin: auto;-webkit-mask-image: url(./xwtpbj.png);-webkit-mask-position: center;-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;mask-image: url(./xwtpbj.png);mask-position: center;mask-size: contain;mask-repeat: no-repeat;z-index: 2;position: relative;transition: 0.5s;}
#box-2 .pro_content li>a:hover .img{transform: scale(1.05);}
#box-2 .pro_content li .img img{position: absolute;height: 100%;width: 100%;top: 0;}
#box-2 .pro_content ul li .title{padding-top: 30px;text-align: center;font-size: 30px;color: #000;}
#box-2 .pro_content ul li .ftitle p{font-size: 18px;color: #999;text-align: center;}

#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev {width: 46px;height:46px;top: 50%;display: none;}
#box-2 .box1 .swiper-button-next{right: -20px;}
#box-2 .box1 .swiper-button-prev{left: -20px;}





@media (min-width:1500px){
	#box-2 .box1_1{width: 95%;margin: auto;}
	#box-2 .pro_content ul{margin: 0 -4.8%;}
}
@media (min-width:1199px) and (max-width:1500px){
	#box-2 .box1_1{margin: 0 -15px;}
	#box-2 .box1 li {padding: 0 25px;}
	#box-2 .pro_content ul li>div {padding: 40px 30px;}
	
}
@media (max-width:900px){
	#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev{display: block;}
}
@media (min-width:850px) and (max-width:1500px){
	#box-1 .block01{width: 98%;margin: auto;}
	#box-1 .swiper-button-prev{left: -1%;}
	#box-1 .swiper-button-next{right: -1%;}
	
	#box-2 .box1_1{margin: 0 30px;}
}

@media (min-width:767px) and (max-width:1199px){
	#box-1{padding-top: 160px;}
	#box-1 .box1{margin-top: 55px;}
	#box-1 .box1 li .img01 img {border-radius: 20px;}
	#box-1 .swiper-button-prev{left: -2%;}
	#box-1 .swiper-button-next{right: -2%;}
	
	#box-2 {padding: 50px 0;}
	#box-2 .box1_1{margin: 0 50px;}
	#box-2 .box1{margin-top: 45px;}
	#box-2 .box1 li {padding: 0 15px;}
	#box-2 .box1 a{font-size: 16px;padding: 9px;}

	#box-2 .pro_content {margin-top: 35px;}
	#box-2 .pro_content ul{margin: 0 -25px;}
	#box-2 .pro_content ul li>div {padding:40px 25px;}
	#box-2 .pro_content ul li .title{font-size: 20px;padding-top: 30px;}
	#box-2 .pro_content ul li .ftitle p {font-size: 16px;}

	#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev { width: 36px;height:36px;top: 59%;}
	#box-2 .box1 .swiper-button-next{right: 0px;}
	#box-2 .box1 .swiper-button-prev{left: 0px;}
}
@media (min-width:767px) and (max-width:850px){
	#box-2 .pro_content ul li>div {padding: 35px 20px;}	
}
@media (max-width: 850px){
	#box-1 .box1{margin: 55px -15px 0 -15px;}
	#box-1 .box1 li{width: 100%;transition: 0.2s;}
	#box-1 .box1 li>div{padding:0 15px;}
	#box-1 .box1 li .img02{display: none;}
	#box-1 .swiper-button-next, #box-1 .swiper-button-prev{display: none;}
}
@media (max-width: 767px){
	#box-1{padding-top: 130px;padding-bottom: 30px;}
	#box-1 .box1 {margin: 40px -15px 0 -15px;}
	#box-1 .box1 li .img01{padding-bottom: 0px;}
	#box-1 .box1 li .img01 img{border-radius: 10px;}
	
	#box-2 {padding-top: 35px;padding-bottom: 40px;}
	#box-2 .box1{margin: 35px 38px 0 38px;}
	#box-2 .box1 li {padding: 0 7px;}
	#box-2 .box1 a{font-size: 16px;padding: 7px 5px;}
	
	#box-2 .pro_content {margin: 40px 0px 0 0px;}
	#box-2 .pro_content {margin-top: 40px;}
	#box-2 .pro_content ul{margin: 0 -8px;}
	#box-2 .pro_content ul li{width: 50%;}
	#box-2 .pro_content ul li>div {padding:20px 8px;}
	#box-2 .pro_content li .img{transform: scale(1);width: 85%;padding-top: 85%;}
	#box-2 .pro_content ul li .title{font-size: 16px;padding-top: 20px;}
	#box-2 .pro_content ul li .ftitle p {font-size: 14px;}
	
	#box-2 .box1 .swiper-button-next, #box-2 .box1 .swiper-button-prev { width: 32px;height:32px;display: block;top: 62%;}
	#box-2 .box1 .swiper-button-next{right: -38px;}
	#box-2 .box1 .swiper-button-prev{left: -38px;}
	
}