.new_list_main { padding: 40px 0 0%; background-color: #fff;margin-top:3%}
.new_list_main > .layout { display: flex; flex-direction: column; gap: 30px; }

.article_warp{gap:30px;display: flex;flex-direction: column;}

.product_main .title_warp{text-align:center;max-width:1400px;margin:5% auto 3%;}
.product_main .title_warp .title{font-size:clamp(28px, 3vw, 40px);color:#333;font-weight:600;margin-bottom:20px}
.product_main .list{}
.product_main .item{display: flex;justify-content:start;align-items:center;}
.product_main .item .img_warp{width:50%;padding-bottom: 34%;flex-shrink: 0;}
.product_main .item .article_body{width:50%;padding:3%;display: flex;flex-direction: column;gap: 15px;}
.product_main .item .title{font-size:clamp(24px, 2vw, 30px);}
.product_main .item .desc{font-size:16px;color:#999;line-height:1.5;}
.product_main .item .link{border-radius: 8px;background-color: #66508F;display: flex;justify-content: center;align-items: center;padding: 8px 30px;color: #fff;font-size: 16px;transition: all .3s ease-in-out;width: fit-content;}
.product_main .item .link::after{content: " ";display: inline-block;width:20px;height:20px;background:url(../images/r_w.webp) no-repeat center/cover;transition: all .3s ease-in-out;transform: translateX(5px);	}
.product_main .item .link:hover::after{transform: translateX(15px);}
.product_main .item .link:hover{background-color: #66508F;}
.product_main .item:nth-child(even){flex-direction: row-reverse;}


.kv1{margin:3% auto;position: relative;}
.kv1 .info{position: absolute;left:50%;top:46%;transform: translate(-50%,-50%);text-align:center;color:#fff;width:100%}
.kv1 .info .title_warp{text-align:center;color: #fff}
.kv1 .info .title_warp .title{font-size: clamp(28px, 3vw, 40px);}
.kv1 .info .title_warp .desc{font-size:16px;}
.kv1 .list{margin-top:5%;display: flex;justify-content:center;align-items:center;gap: 40px;flex-wrap: wrap;}
.kv1 .list .item{display: flex;justify-content:center;align-items:center;flex-direction: column;gap:15px}

.kv2{margin:3% auto;position: relative;text-align:center;color:#666666;line-height:1.8;}
.kv2 .title{font-size: clamp(28px, 3vw, 40px);color: #000;font-weight:600;}


.kv3{margin:3% auto;position: relative;}
.kv3 .info{position: absolute;left:50%;top:46%;transform: translate(-50%,-50%);text-align:center;color:#fff;width:100%}
.kv3 .info .title_warp{text-align:center;color: #fff;max-width:1400px;margin:0 auto;}
.kv3 .info .title_warp .title{font-size: clamp(28px, 3vw, 40px);}
.kv3 .info .title_warp .desc{font-size:16px;}
.kv3 .guide{width:100%;max-width:1600px;margin:0 auto;position: relative;}
.kv3 .guide_warp{margin:3% auto 0;overflow: hidden;max-width:calc(100% - 110px);}
.kv3 .item{position: relative;padding:3% 2%}
.kv3 .item::before{z-index:-1;content:' ';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255, 255, 255, 0.8);border-radius: 10px 10px 10px 10px;filter: blur(1px);}
.kv3 .item .top{display: flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:20px;color:#333;width:80%}
.kv3 .item .desc{font-size:16px;color:#666;text-align:left;margin-top:15px}
.kv3 .swiper-button-next{width: 40px;height: 40px;border:2px solid #fff;position: absolute;top: 50%;right: 00px;transform: translateY(-50%) rotate(-90deg);border-radius: 50%;cursor:pointer;background:url(../images/b_down.png)  no-repeat center/22px 22px;}
.kv3 .swiper-button-prev{width: 40px;height: 40px;border:2px solid #fff;position: absolute;top: 50%;left: 0px;transform: translateY(-50%) rotate(90deg);border-radius: 50%;cursor:pointer;background:url(../images/b_down.png) no-repeat center/22px 22px;}

.kv4{margin-bottom:5%}
.kv4 .title{font-size: clamp(28px, 3vw, 40px);color:#333;text-align:center;font-weight:600;}
.kv4 .item{padding-top:15px}
.kv4 .item .title{font-size:20px;color:#333;text-align:left;font-weight:500;}
.kv4 .item .desc{color:#666;padding-bottom:10px;border-bottom:1px solid #333;}



@media only screen and (max-width: 950px) {
	.product_main .item{flex-direction: column;margin:20px 0}
	.product_main .item .img_warp{width:100%;padding-bottom:68%}
	.product_main .item .article_body{width:100%;}
	.product_main .item:nth-child(even){flex-direction: column;}
	.kv1,.kv3{overflow: hidden;}
	.kv1>img,.kv3>img{position: absolute;height:100%;width:auto;max-width:none;}
	.kv1 .info,.kv3 .info{position: relative;top:0;left:0;transform:none;padding:10% 2.5%;}
	.kv3{margin:8% auto}
	.kv3 .item{padding:25px}

}

