.product_content{background: url(../image/top_bg.webp) no-repeat center/cover;padding: 3% 0 1%;}
.product_content .title_warp{text-align: center;}
.product_content .title_warp .title{font-size: 30px;color: #000;font-weight: bold;}
.product_content .title_warp .desc{width: 95%;font-size: 18px;color: #666666;margin: 20px auto;}
.product_content .list .item{margin-bottom: 2%;display: flex;justify-content: space-between;}
.product_content .list .item:nth-child(2n){flex-direction: row-reverse;}
.product_content .list .item .img_warp{width: 50%;padding-bottom: 24%;}
.product_content .list .item .class_list{position: absolute;}
.product_content .list .item .info{padding: 0 3%;display: flex;flex-direction: column;align-items: start;justify-content: center;width: 50%;}
.product_content .list .item .info .title{font-size: 30px;color: #000;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #000;position: relative;display: block;width: 100%;}
.product_content .list .item .info .title::after{content: ' ';display: inline-block;width: 110px;height: 3px;position: absolute;left: 0;bottom: -2px;background-color: #000;}
.product_content .list .item .info .desc{color: #666;font-size: 18px;margin: 5% 0;}
.product_content .list .item .link{font-size: 18px;color: #fff;background-color: var(--conmmonColor);border-radius: 5px;padding: 5px 30px;display: flex;justify-content: center;align-items: center;}
.product_content .list .item .link::after{content: ' ';width: 12px;height: 12px;display: inline-block;background: url(../image/right.webp) no-repeat center/cover;margin-left: 10px;transition: all .5s;}
.product_content .list .item .link:hover::after{transform: translateX(10px);}
.product_content .list .item .img_warp::before{content: ' ';display: inline-block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);position: absolute;left: 0;top: 0;z-index: 1;transition: all .5s;transform: translateX(-100%);}
.product_content .list .item .class_list{padding: 5% ;color: #fff;z-index: 3;width: 100%;height: 100%;transition: all .5s;transform: translateX(-100%);}
.product_content .list .item .class_list a{color: #fff;line-height: 2;padding-right: 20px;font-size: 16px;}
.product_content .list .item .class_list a::after{content: ' ';width: 12px;height: 12px;display: inline-block;background: url(../image/right.webp) no-repeat center/cover;margin-left: 10px;transition: all .5s;}
.product_content .list .item .class_list a:hover{text-decoration: underline;}
.product_content .list .item .class_list a:hover::after{transform: translateX(10px);}
.product_content .list .item .img_warp:hover .class_list{transform: translateX(0);}
.product_content .list .item .img_warp:hover::before{transform: translateX(0);}

.outdoor{background: url(../image/ys_bg.webp) no-repeat center/cover;padding: 5% 0;}
.outdoor .layout>.title{font-size: 30px;color: #fff;text-align: center;font-weight: bold;}
.outdoor .layout .list{display: grid;grid-template-columns: repeat(3,1fr);margin-top: 5%;}
.outdoor .layout .list .item{border:1px solid #CCCCCC;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;padding: 14% 3%;text-align: center;transition: all .5s;}
.outdoor .layout .list .title{font-size: 20px;position: relative;padding-bottom: 5px;}
.outdoor .layout .list .title::before{content: ' ';width: 62px;height: 2px;display: inline-block;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background-color: #fff;}
.outdoor .layout .list .desc{margin-top: 15px;}
.outdoor .layout .list .item:nth-child(n+4){border-top: 0;}
.outdoor .layout .list .item:nth-child(1){border-right: 0;}
.outdoor .layout .list .item:nth-child(2){border-right: 0;}
.outdoor .layout .list .item:nth-child(4){border-right: 0;}
.outdoor .layout .list .item:nth-child(5){border-right: 0;}
.outdoor .layout .list .item:hover{background-color: #143331;}

.info_body .layout{margin-top: 3%;}
.info_body .layout .title{font-size: 30px;color: #143331;font-weight: bold;}
.info_body .layout .desc p{font-size: 18px;margin-top: 15px;color: #143331;}

@media only screen and (max-width: 950px) {
	.product_content .title_warp .title{font-size: 24px;}
	.product_content .list .item{flex-direction: column;}
	.product_content .list .item:nth-child(2n){flex-direction: column;}
	.product_content .list .item .img_warp{width: 100%;padding-bottom: 48%;}
	.product_content .list .item .info{width: 100%;padding:0;margin: 5% 0;}
	.product_content .list .item .info .title{font-size: 20px;padding-bottom: 0;}
	.product_content .list .item .info .desc{margin: 3% 0; }

	.outdoor .layout>.title{font-size: 24px;}
	.outdoor .layout .list{grid-template-columns: repeat(2,1fr);}
	.outdoor .layout .list .item:nth-child(2){border-right: 1px solid #ccc;}
	.outdoor .layout .list .item:nth-child(4){border-right: 1px solid #ccc;}

	.info_body .layout .title{font-size: 24px;}
}