.section_area {padding: 3vmax 0 2vmax;position: relative;overflow: hidden;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn { padding: 0 .2em; border-bottom: 2px var(--g_800) solid; font-weight: 500; }
.section_area .list_box {margin-top: 10px;width: 105%;}
.section_area .list_box .item_row {margin: 30px 0.5em;filter: drop-shadow(0px 0px 6px rgb(164 164 164 / 43%));}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/*nemwex_area*/
#nemwex_area{padding: 10px 0;background: #f8eee6;position: absolute;top: 68px;z-index: 98;width: 100%;padding: 8px 3% 8px 22%;}
#nemwex_area .nemwlist{width: 100%;}
#nemwex_area .nemwlist .info_box{display: grid;grid-template-columns: 2% 5% 7% 20% 1fr 2%;gap: 19px;align-items: center;}
#nemwex_area .nemwlist .info_box .more_btnJ svg{width: 15px;aspect-ratio: 1/1;}
#nemwex_area .enwetit{position:relative;text-transform:capitalize;color:#dd1717;font-weight:600;font-size:20px;display:flex;align-items:center}
#nemwex_area .articleJ{font-weight: 400;color:#5e5855}
#nemwex_area .time{color:#9a9a9a;font-weight: 500;display: flex;}
#nemwex_area .nwmJtitle{color:#5e5855;font-weight:700}

#nemwex_area .enwetit:before{content:"";position: absolute;display: flex;width: 2px;height: 44%;background: #5e5855;right: 0;}
/* about_area */
#about_area { background: var(--g_100); }
#about_area .workframe { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#about_area .info_box { padding: 5%; width: 1%; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: flex-start; }
#about_area .info_box h2 { margin-bottom: 1em; }
#about_area .img_box { max-width: 50%; }
#about_area .img_box img { width: 100%; height: 100%; }

/* photo_area */
#photo_area{display: grid;grid-template-columns: 21% 78%;gap: 1%;background-image: url(/images/01/papa_bg.jpg);width: 100%;padding: 40px 0% 40px 5%;align-items: center;}
#photo_area .bigJJtext{font-size:max(3.9 * (1vw + 1vh) / 2,35px);text-transform:uppercase;font-weight:700;color:white;line-height:120%}
#photo_area .subJJtext{font-size:max(1.5 * (1vw + 1vh) / 2,18px);color:#ffffff}
#photo_area .bomgbox{display:flex;align-items:center;gap:18px;margin-top:55px}
#photo_area .item_row{padding:1% 1%;display:flex;align-items:center;flex-direction:column;gap:10px}
#photo_area .item_row .img_box img{width:100%;aspect-ratio:341/250;border-radius:20px}
#photo_area .item_row .info_box{width:100%;display:flex;flex-direction:column;align-items:center}
#photo_area .item_row .info_box div{color:#ffffff;font-size:20px}

#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

.arrow_btns_box{cursor:pointer;position: relative;z-index:5;display: flex;gap: 7px;}
.arrow_btns_box .slick-arrow.slick-prev{left:unset;position:relative}
.arrow_btns_box .slick-arrow.slick-next{right:unset;position:relative;transform:scaleX(-1)}
.arrow_btns_box .slick-arrow{-webkit-transform:unset;-ms-transform:unset;transform:unset;width:auto;height:auto}
.arrow_btns_box .slick-arrow:hover svg{background:#c0a68b;}
.arrow_btns_box .slick-prev:before, .arrow_btns_box .slick-next:before{display:none;}
.arrow_btns_box.ree{left:-1%}
.arrow_btns_box.lee{left:31%}
.arrow_btns_box .prev svg{-moz-transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-ms-transform:scalex(-1);transform:scalex(-1)}
.arrow_btns_box svg{width: 43px;aspect-ratio:1/1;background: #ffffff;border-radius:50%;padding: 12px;fill: #6f5840;}


/* news_list */
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }


.imaboutinfo{margin:57px 0 77px}
.imaboutinfo p{overflow:hidden;height:140px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:180%;color:#3c3c3c;font-weight: 400;}

/*about_area2*/
#about_area2{padding:150px 0;background-image:url(/images/01/ininab_bg.png);background-repeat:no-repeat;background-size:cover}
#about_area2:before{position:absolute;width:14vw;aspect-ratio:267/449;content:"";background-image:url(/images/01/right_flyimg.png);background-size:contain;background-repeat:no-repeat;right:0;background-position:50% 50%;animation-name:a02;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;z-index:2}

#about_area2:after{content:"";position: absolute;display: flex;background: #ffffff;right: 0;top: 0;width: 8vw;height: 100%;z-index: 0;}
@keyframes a02{0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
#about_area2 .Jc_box{display:grid;grid-template-columns:42% 35%;gap:9%;width:82%;margin:0 auto;align-items:center}
.Jcleft_box .pioimg{animation:swingArc 3s ease-in-out infinite alternate}
#about_area3{padding:0 0 0;background:url(/images/01/dot-grid.png);padding-bottom:146px;box-shadow:1px 20px 20px 2px rgb(124 124 124 / 15%);z-index:2;overflow:visible}
#about_area3 .Jc_box2{display:grid;grid-template-columns:24% 56%;gap:8%;width:100%;margin:0 auto;align-items:center;justify-content:end}
#about_area3 .Jc_box2 .imaboutinfo p{height:auto;text-overflow:unset;display:flex;-webkit-box-orient:vertical;-webkit-line-clamp:initial;line-height:180%;color:#3c3c3c}
#about_area3 .Jc_box2:before{content:"";position:absolute;width:6vw;height:320px;background:#d79966}
.teenou_box{position:absolute;top:-105px;right:15vw}


/*product_area*/
#product_area{padding:150px 0 360px;background:url(/images/01/waou_bg.jpg);z-index:0}
#product_area .plJlist:before{content:"";position:absolute;width:90%;height:980px;background:rgb(255 255 255 / 70%)}
#product_area .plJlist{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:60px 0}
#product_area .workframe{position:relative;width:min(1500px,95%);z-index:2}
#product_area .workframe:before{content:"";position: absolute;width: 7vw;aspect-ratio: 1/1;background: url(/images/01/bird-01.png);background-repeat: no-repeat;background-size: contain;right: 12px;top: -7vw;}
#product_area .workframe:after{content:"";position: absolute;width: 7vw;aspect-ratio: 1/1;background: url(/images/01/bird-02.png);background-repeat: no-repeat;background-size: contain;left: -5vw;bottom: -10vw;}

#product_area .indexJ_title{display:flex;flex-direction:column;align-items:center}
#product_area .indexJ_title .stJtext{text-transform:uppercase;color:#ce9668}
#product_area .list_box{display:flex;align-items:center;width:100%;margin:60px 0 0}
#product_area .list_box .arrow_btns_box{position:absolute}
#product_area .list_box .arrow_btns_box.reebox{right:-60px}
#product_area .list_box .arrow_btns_box.leebox{left:-60px}
#product_area .slick-slider{width:100%}
#product_area .arrow_btns_box svg{background:#ce9668;fill:#ffffff}
#product_area .arrow_btns_box .slick-next{left:0}
#product_area .arrow_btns_box .slick-prev{right:0}
#product_area .moolinkJ{margin:80px auto 0px}


/*.webBox .pageh1*/
.webBox .wawatitle .pageh1{
    position: relative;
    width: 100%;
    left: 0;
    top: auto;
    text-align: center;
    letter-spacing: 0.15em;
}
@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1470px){
	#about_area2{padding: 100px 0 140px;}
	#about_area3{padding: 0px 0 140px;}
	#about_area3 .Jc_box2{grid-template-columns: 28% 56%;gap: 5%;}
	#about_area3 .Jc_box2:before{height: 280px;}
	#product_area .workframe:after{bottom: -90px;}
	#nemwex_area .nemwlist .info_box{grid-template-columns: 2% 6% 9% 20% 1fr 2%;gap: 14px;}
	#product_area .workframe{width: min(95vw, 1160px);}
	#product_area{padding: 80px 0 270px;}
	#product_area .plJlist:before{height: 725px;}
	#product_area .moolinkJ{margin: 50px auto 0px;}
	.imaboutinfo{margin: 30px 0 40px;}
	#product_area .workframe:before{top: -60px;}
}
@media screen and (max-width: 1280px){
	#nemwex_area .nemwlist .info_box{grid-template-columns: 3% 9% 11%  1fr 2%;gap: 14px;}
	#nemwex_area .articleJ{display:none;}
	#photo_area{grid-template-columns: 30% 69%;}
	#product_area .list_box .arrow_btns_box{display:none;}
}
@media screen and (max-width: 870px){
	#photo_area{display: flex;flex-direction: column;align-items: center;padding: 40px 0 128px;}
	#photo_area .mooleftbox{display: flex;flex-direction: column;align-items: center;width: 100%;}
	#photo_area .bomgbox{display:flex;flex-direction:column;width:100%;margin-top:30px;margin-bottom:30px}
    #photo_area .moolinkJ{position:absolute;bottom:-400px}
    .section_area .list_box{width:100%}
    #photo_area .item_row{padding:0}
    #about_area3 .Jc_box2:before{display:none}
    #about_area3 .Jc_box2{display:flex;flex-direction:column}
    #about_area3 .Jc_box2 .Jc2left_box{width:90%}
    #about_area3 .Jc_box2  .indexJ_title{display:flex;align-items:flex-start}
    .Jc2right_box{order:-1;overflow:hidden}
    .Jc2right_box .pioimg2{display:grid;grid-template-columns:40% 58%;gap:1%;align-items:center;margin-left:10%}
    .teenou_box{position:relative;top:auto;right:auto}
    #about_area3{padding-bottom:50px;box-shadow:1px 10px 20px 2px rgb(161 161 161 / 15%)}

}
@media screen and (max-width: 1024px){
	#nemwex_area .nemwlist .info_box{grid-template-columns: 3% 12% 1fr 3%;gap: 14px;}
	#nemwex_area .time{display:none;}
	#product_area .plJlist:before , #product_area .workframe:before , #product_area .workframe:after{display: none;}
}
@media screen and (max-width: 980px){
	#about_area2:before{display: none;}
	#about_area2 .Jc_box{display: flex;flex-direction: column;gap: 11px;}
	.indexJ_title{display: flex;flex-direction: column;align-items: center;}
	#about_area2:after{display:none;}
	.stJen, #product_area .indexJ_title .stJtext{font-size: 2.5em;font-weight: 600;color: #3e3e3e;}
	.gamapeight .stJtext{font-size: 2.5em;}
	.imaboutinfo p{-webkit-line-clamp: 3;height: 90px;}
	.imaboutinfo{margin: 38px 0 50px;}
	#product_area .list_box{width: 90%;margin: 30px auto;}
	
}
@media screen and (max-width: 768px){
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
	#nemwex_area .nemwlist .info_box{grid-template-columns: 5% 17% 1fr;gap: 18px;}
	#nemwex_area .nemwlist .more_btnJ{display:none;}
}
@media screen and (max-width: 640px) and (min-width: 551px){
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
	#photo_area .moolinkJ{bottom: -480px;}
}
@media screen and (max-width: 550px){
	#nemwex_area{padding: 11px 15px;}
	#product_list { margin: 2vmax auto 0; width: min(100%, 350px); }
	#photo_area .bomgbox .moolinkJ{position: absolute;bottom: -420px;}
	#photo_area{padding: 50px 0 150px;}
	#about_area2{padding: 100px 0 70px;}
	.Jc2right_box .pioimg2 img.img_cover{aspect-ratio:5/6;object-position:0% 50%;object-fit:cover}
    .Jc2right_box .pioimg2{grid-template-columns:52% 52%;gap:4%;margin:50px 0;margin-left:5%}
    #product_area .list_box ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    #product_list .item_row{margin:0}
    #product_area .list_box{width:100%}
    #product_area{padding:21px 0}
    #nemwex_area .enwetit:before{right:-10px}
}