.wrap{}
.wrap .mv{position:relative; margin-top: 100px; height: 690px;}
.wrap .mv .bg{background:url(/img/main/mv.png) 50% 50% /cover no-repeat; height: 100%;}
.wrap .mv .txt{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; text-align: center;}
.wrap .mv .txt h2{color: #fff; text-shadow: 2px 2px 5px #111; text-align: center; font-family:var(--en); font-weight:600; font-size:44px; line-height: 1.59091em;}
.wrap .mv .txt .btn{margin:47px auto 0; text-align: center;}
.wrap .mv .txt .btn a{display:inline-block; vertical-align: top; padding: 0 44px; letter-spacing:0.04em; background: #35AD71; border-radius:9px; line-height: 48px; color: #fff; transition:0.4s}
.wrap .mv .txt .btn a:hover{background: #7F7F7F;}

.wrap .m_about{padding-top: 100px;}
.wrap .m_about h2{position:relative; font-weight:bold; font-size:26px; color: #595959; /* padding-left: 62px; */ margin-bottom:23px;}
.wrap .m_about .fbox{ border-bottom: 1px solid #bfbfbf; padding-bottom:36px; margin-bottom:66px;}
.wrap .m_about .fbox .txt{width: 50%;}
/* .wrap .m_about .fbox .txt h2{position:relative; font-weight:bold; font-size:26px; color: #595959; padding-left: 62px; margin-bottom:23px;} */
/* .wrap .m_about .fbox .txt h2::after{content:""; position:absolute; top: 7px; left: 0; width: 49px; height: 21px; background: #33A264;} */
.wrap .m_about .fbox .txt p{font-size:17px; line-height: 1.66667em; color: #595959; /* margin-bottom:34px; */}
.wrap .m_about .fbox .txt p:last-of-type{margin-bottom:0;}
.wrap .m_about .fbox .img_box{width: 50%; padding-left: 42px;}
.wrap .m_about .fbox .img_box figure{position:relative;/*   box-shadow:0px 0px 10px #898989; */ text-align: center;}
.wrap .m_about .fbox .img_box figure img:first-of-type{width: 80%;}
/* .wrap .m_about .fbox .img_box figure img:last-of-type{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} */
.wrap .m_about .fbox .img_box .txt{position:relative; width: 100%; background: #fff; /* box-shadow:0px 0px 10px #898989; */}
.wrap .m_about .fbox .img_box .txt h3{font-weight:500; font-size:20px; color: #595959; line-height: 84px; text-align: center;}

.wrap .m_prod{padding-bottom:100px;}
.wrap .m_prod .txt{margin-bottom:28px;}
.wrap .m_prod .txt h2{font-weight:bold; font-size:26px; color: #595959; margin-bottom:37px;}
.wrap .m_prod .txt p{font-size:18px; color: #595959; line-height: 1.66667em; letter-spacing:-0.01em}
.wrap .m_prod .slide_wrap{display:flex; align-items:flex-start; margin-bottom:60px;}
.wrap .m_prod .slide_wrap .slide_tab{width: 430px; /* margin-top: 51px; */ overflow: hidden; position:relative; z-index: 10;}
.wrap .m_prod .slide_wrap .slide_tab li{position:relative; font-size:16px; line-height: 1.875em; color: #000; letter-spacing:-0.01em; padding: 7px 0; cursor: pointer; transition:0.4s}
.wrap .m_prod .slide_wrap .slide_tab li span{position:relative; z-index: 1;}
.wrap .m_prod .slide_wrap .slide_tab li::before{content:""; position:absolute; top: 0; left: 0; width: 0; height: 51px; background: #00A34E; transition:0.4s}
.wrap .m_prod .slide_wrap .slide_tab li::after{content:""; position:absolute; top: 0; left: -37px; width: 37px; height: 51px; background:url(/img/main/icon_prod.png) 50% 50% no-repeat; transition:0.4s; transition:0.4s}
.wrap .m_prod .slide_wrap .slide_tab li.on{padding: 11px 0 11px 25px; color: #fff;}
.wrap .m_prod .slide_wrap .slide_tab li.on::before{width: calc(100% - 20px);}
.wrap .m_prod .slide_wrap .slide_tab li.on::after{left: calc(100% - 37px);}
.wrap .m_prod .slide_wrap .slide_ctn{width: calc(100% - 387px); margin-left: -43px;}
.wrap .m_prod .slide_wrap .slide_ctn .item{background: #f2f2f2; padding: 35px 67px 0; min-height: 490px;}
.wrap .m_prod .slide_wrap .slide_ctn .item h3{font-size:24px; color: #000; line-height: 1.25em; margin-bottom:26px;}
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox{display:flex;}
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt{width: 403px;} 
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt p{font-size:18px; line-height: 1.66667em; letter-spacing:-0.01em; color: #000; margin: 0 0 36px;}
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt .btn{}
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt .btn a{display:inline-block; vertical-align: top; border:1px solid #000; border-radius:4px; font-weight:600; font-size:14px; letter-spacing:-0.04em; padding: 0 23px; line-height: 43px; transition:0.3s}
.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt .btn a:hover{background: #5a5a5a; color: #fff; border-color:#5a5a5a}
.wrap .m_prod .slide_wrap .slide_ctn figure{margin-left: 90px;}
/* .wrap .m_prod .slide_wrap .slide_ctn figure.mt{margin-top: 80px;} */
.wrap .m_prod .slide_wrap .slide_ctn figure img{}
.wrap .m_prod .all_prod{background: #F2F2F2; padding: 50px 0 26px;}
.wrap .m_prod .all_prod .fbox{padding: 0 100px;}
.wrap .m_prod .all_prod .fbox figure{margin-left: -96px;}
.wrap .m_prod .all_prod .fbox .txt{width: 42%;}
.wrap .m_prod .all_prod .fbox .txt h3{line-height: 1.25em; font-size:24px; letter-spacing:-0.01em; color: #000;}
.wrap .m_prod .all_prod .fbox .txt p{font-size:18px; margin: 26px 0 36px; line-height: 1.66667em; color: #000; letter-spacing:-0.01em;}
.wrap .m_prod .all_prod .fbox .txt .btn{}
.wrap .m_prod .all_prod .fbox .txt .btn a{display:inline-block; vertical-align: top; border:1px solid #000; text-align: center; border-radius:4px; font-weight:600; font-size:14px; letter-spacing:-0.04em; padding: 0 23px; line-height: 43px; min-width: 173px; transition:0.3s}
.wrap .m_prod .all_prod .fbox .txt .btn a:hover{background: #5a5a5a; color: #fff; border-color:#5a5a5a}

.wrap .m_news{}
.wrap .m_news .fbox{ justify-content:space-between; border-top: 1px solid #BFBFBF; padding: 100px 0 120px;}
.wrap .m_news .fbox .txt{}
.wrap .m_news .fbox .txt h3{font-family:var(--en); font-weight:600; font-size:24px; color: #595959;}
.wrap .m_news .fbox .txt h2{font-weight:bold; font-size:26px; color: #595959; margin: 7px 0 23px}
.wrap .m_news .fbox .txt p{font-size:18px; letter-spacing:-0.01em; color: #595959; line-height: 1.66667em;}
.wrap .m_news .fbox .news_list{display:flex; width: calc(100% - 709px);}
.wrap .m_news .fbox .news_list .item{position:relative; width: calc(50% - 18px); padding: 40px 48px 30px; background: #4CAB74; box-shadow: 0px 0px 10px 0px #898989; margin-right: 35px; }
.wrap .m_news .fbox .news_list .item.bgc{background: #7F7F7F;}
.wrap .m_news .fbox .news_list .item:last-of-type{margin-right: 0;}
.wrap .m_news .fbox .news_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wrap .m_news .fbox .news_list .item > p{font-weight:500; font-size:18px; color: #fff; line-height: 1.66667em;}
.wrap .m_news .fbox .news_list .item > p span{font-family: var(--en);}
.wrap .m_news .fbox .news_list .item h4{font-weight:700; font-size:26px; line-height: 1.34615em; height: 2.6923em; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; margin: 17px 0;}
.wrap .m_news .fbox .news_list .item .info{}
.wrap .m_news .fbox .news_list .item .info p:not(.date){font-size:18px; line-height: 1.66667em; color: #fff; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 6.66668em}
.wrap .m_news .fbox .news_list .item .info p.date{font-family: var(--en); font-weight:500; font-size:18px; line-height: 1.66667em; color: #fff;}
.wrap .m_news .fbox .news_list .item .btn{text-align: center; margin-top: 24px;}
.wrap .m_news .fbox .news_list .item .btn p{display:inline-block; text-align: center; min-width: 176px; background: #fff; font-weight:600; font-size:14px; line-height: 43px; border-radius:4px; border:1px solid #fff; transition:0.3s}
.wrap .m_news .fbox .news_list .item:hover .btn p{background: transparent; color: #fff;}

.wrap .m_video{background:url(/img/main/m_video_bg.png) 100% 50%/ cover no-repeat; padding: 35px 0 45px;}
.wrap .m_video .txt{width: 50%; margin-top: 15px;}
.wrap .m_video .txt h2{font-family:var(--en); font-weight:600; font-size:24px; letter-spacing:-0.01em; color: #fff; line-height: 1.25em;}
.wrap .m_video .txt p{font-size:18px; color: #fff; margin: 52px 0 40px; line-height: 1.66667em; letter-spacing:-0.01em;}
.wrap .m_video .txt .btn{}
.wrap .m_video .txt .btn a{display:inline-block; text-align: center; min-width: 176px; background: transparent; color: #fff; font-weight:600; font-size:14px; line-height: 43px; border-radius:4px; border:1px solid #fff;}
.wrap .m_video .video_ctn{width: 50%; padding-left: 128px;}
.wrap .m_video .video_ctn .item{position:relative; width: 100%; max-width: 563px; margin-bottom:15px;}
.wrap .m_video .video_ctn .item:last-of-type{margin-bottom:0;}
.wrap .m_video .video_ctn .item .pr{position:relative; padding-bottom:53%; overflow: hidden;}
.wrap .m_video .video_ctn .item .thumbnail{}
.wrap .m_video .video_ctn .item .thumbnail figure{}
.wrap .m_video .video_ctn .item .thumbnail figure img{position:absolute; max-width: inherit; width: 100%; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.wrap .m_video .video_ctn .item .thumbnail .play_v{display:flex; align-items:center; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); padding: 12px 20px; min-width: 252px; background: rgba(0, 0, 0, 0.5); cursor: pointer;}
.wrap .m_video .video_ctn .item .thumbnail .play_v img{}
.wrap .m_video .video_ctn .item .thumbnail .play_v p{font-family:var(--en); font-weight:600; font-size:24px; line-height: 1.25em; letter-spacing:-0.01em; color: #fff; margin-left: 20px;}
.wrap .m_video .video_ctn .item .video_box{/* display:none; */ position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; background: #000;}
.wrap .m_video .video_ctn .item .video_box .close{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;}
.wrap .m_video .video_ctn .item .video_box video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 101%;}
.wrap .m_video .video_ctn .item > p{text-align: center; margin-top: 16px; font-size:24px; color: #fff;}

.wrap .m_contact{padding-bottom:100px; margin-top: 60px; text-align: center;}
.wrap .m_contact .w1650{border-top: 1px solid #BFBFBF; padding-top: 60px;}
.wrap .m_contact h2{font-family: var(--en); font-weight:bold; font-size:26px; color: #595959;}
.wrap .m_contact .box{display:inline-block; vertical-align: top; padding: 50px 85px; box-shadow: 0px 0px 10px 0px #898989; margin-top: 30px; text-align: left;}
.wrap .m_contact .box h3{font-size:20px; line-height: 1.5em; letter-spacing:-0.01em; color: #000;}
.wrap .m_contact .box p:not(.c){font-size:18px; margin: 20px 0 16px; line-height: 1.66667em; letter-spacing:-0.01em; color: #000;}
.wrap .m_contact .box .c{color: #33A264; line-height: 1.66667em; letter-spacing:-0.01em;margin-bottom:3px;}
.wrap .m_contact .box ul{}
.wrap .m_contact .box ul li{position:relative; font-size:18px; color: #33A264; line-height: 1.66667em; letter-spacing:-0.01em; padding-left: 58px; margin-bottom:3px;}
.wrap .m_contact .box ul li:last-of-type{margin-bottom:0;}
.wrap .m_contact .box ul li span{position:absolute; top: 3px; left: 0; color: #000;}
.wrap .m_contact .box .btn{margin-top: 34px;}
.wrap .m_contact .box .btn a{display:inline-block; text-align: center; min-width: 176px; background: #33A264; font-weight:600; font-size:14px; line-height: 43px; border-radius:4px; border:1px solid #33A264; transition:0.3s; color: #fff;}
.wrap .m_contact .box .btn a:hover{background: transparent; color: #33A264;}

@media (max-width: 1650px){
	.wrap .m_about .fbox .txt p br{display:none; }
	.wrap .m_prod .all_prod .fbox .txt p br{display:none; }
	.wrap .m_prod .all_prod .fbox .txt{width: auto;}

	.wrap .m_news .fbox .news_list{width: calc(100% - 510px);}
}
@media (max-width: 1400px){
	.wrap .m_prod .slide_wrap .slide_ctn{background: #f2f2f2;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox{flex-wrap:wrap;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt{width: 100%;}
	.wrap .m_prod .slide_wrap .slide_ctn figure{text-align: center; width: 100%; margin-left: 0;/*  margin-top: 20px; */}
	.wrap .m_prod .slide_wrap .slide_ctn figure.mt{margin-top: 0;}
	.wrap .m_prod .slide_wrap .slide_ctn figure img{margin: 0 auto;}

	.wrap .m_news .fbox .news_list{width: calc(100% - 410px);}
}

@media (max-width: 1200px){
	.wrap .m_about{padding-top: 70px;}
	.wrap .m_news .fbox{padding: 70px 0 80px;}
	.wrap .m_prod{padding-bottom:70px;}

	.wrap .mv{margin-top: 81px;}	
	.wrap .m_about .fbox{flex-wrap:wrap}
	.wrap .m_about .fbox .txt{width: 100%; margin-bottom:40px;}
/* 	.wrap .m_about .fbox .txt p{margin-bottom: 16px;} */

	.wrap .m_about .fbox .img_box{width: 100%; padding-left: 0; order:-1;}
	.wrap .m_about .fbox .img_box .txt{margin-bottom:0;}
	.wrap .m_prod .all_prod .fbox{flex-wrap:wrap; padding: 0 40px;}
	.wrap .m_prod .all_prod .fbox .txt{width: 100%;}
	.wrap .m_prod .all_prod .fbox figure{width: 100%; margin-left: 0; text-align: center;}
	
	.wrap .m_video .video_ctn{padding-left: 40px;}
	.wrap .m_news .fbox{flex-wrap:wrap;}
	.wrap .m_news .fbox .txt{width: 100%; margin-bottom:40px;}
	.wrap .m_news .fbox .txt p br{display:none; }
	.wrap .m_news .fbox .news_list{width: 100%;}
}

@media (max-width: 1000px){
	.wrap .mv{height: 500px;}	
	.wrap .mv .txt h2{font-size:38px;}
	.wrap .mv .txt .btn{margin-top: 24px;}
	.wrap .m_about .fbox .img_box figure img:last-of-type{width: 89%;}
	
	.wrap .m_prod .slide_wrap{flex-wrap:wrap;}
	.wrap .m_prod .slide_wrap .slide_tab{width: 100%; display:flex; flex-wrap:wrap; margin:0 0 20px; gap:5px}
	.wrap .m_prod .slide_wrap .slide_ctn{margin-left: 0; width: 100%;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox{flex-wrap:nowrap;}
	.wrap .m_prod .slide_wrap .slide_ctn .item{padding: 30px 16px;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt{width: 403px;}
	.wrap .m_prod .slide_wrap .slide_ctn figure{width: auto; margin-left: 50px;}
	.wrap .m_prod .slide_wrap .slide_ctn figure.mt{margin-top: 80px;}
	.wrap .m_prod .slide_wrap .slide_tab li{display:flex; align-items:center; justify-content:center; width: calc((100% - 15px) / 4); line-height: 1.3; padding: 8px 10px; text-align: center; border:1px solid #ddd; border-radius:5px}
	.wrap .m_prod .slide_wrap .slide_tab li.on{background: #00A34E; padding: 8px 10px; border-color:#00A34E}
	.wrap .m_prod .slide_wrap .slide_tab li::before,
	.wrap .m_prod .slide_wrap .slide_tab li::after{display:none; }

	.wrap .m_prod .all_prod .fbox .txt p{margin:13px 0 20px;}

	.wrap .m_video .fbox{flex-wrap:wrap;}
	.wrap .m_video .txt{width: 100%;}
	.wrap .m_video .video_ctn{width: 100%; padding-left: 0; display:flex; margin-top: 50px;}
	.wrap .m_video .video_ctn .item{width: calc(50% - 10px); margin-right: 20px;}
	.wrap .m_video .video_ctn .item:last-of-type{margin-right: 0;}
	.wrap .m_video .video_ctn .item > p{font-size:20px;}
	.wrap .m_video .txt p{margin: 20px 0;}

}

@media (max-width: 800px){
	.wrap .mv{height: 460px;}	
	.wrap .mv .txt h2{font-size:32px;}
	.wrap .m_prod .txt h2{margin-bottom:25px;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox{flex-wrap:wrap;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt{width: 100%;}
	.wrap .m_prod .slide_wrap .slide_ctn .item .fbox .txt p{}
	.wrap .m_prod .slide_wrap .slide_ctn .item h3{margin-bottom:12px;}
	.wrap .m_prod .slide_wrap .slide_ctn figure{text-align: center; width: 100%; margin-left: 0;/*  margin-top: 20px; */}
	.wrap .m_prod .slide_wrap .slide_ctn figure.mt{margin-top: 0;}
	.wrap .m_prod .slide_wrap .slide_ctn figure img{margin: 0 auto;}
	.wrap .m_prod .slide_wrap .slide_tab li{width: calc((100% - 10px) / 3); padding: 5px;}
	.wrap .m_prod .slide_wrap .slide_tab li.on{ padding: 5px;}
	.wrap .m_prod .all_prod .fbox{padding: 0;}

	.wrap .m_video .video_ctn{flex-wrap:wrap; margin-top: 0; margin-top: 40px;}
	.wrap .m_video .video_ctn .item{width: 100%; margin-right: 0;}

	.wrap .m_video .txt p br{display:none; }

	.wrap .m_news .fbox .news_list .item{padding: 20px;}
	.wrap .m_news .fbox .news_list .item h4{font-size:23px; margin: 14px 0;}
	.wrap .m_news .fbox .news_list .item .info p.date,
	.wrap .m_news .fbox .news_list .item .info p:not(.date){font-size:17px;}
	.wrap .m_news .fbox .news_list .item .btn{margin-top: 16px;}

	.wrap .m_contact .box{padding: 50px;}
}

@media (max-width: 600px){
	.wrap .m_news .fbox .news_list{flex-wrap:wrap;}
	.wrap .m_news .fbox .news_list .item{width: 100%; margin-right: 0; margin-bottom:20px;}
	.wrap .m_news .fbox .news_list .item:last-of-type{margin-bottom:0;}
	.wrap .m_contact .box{padding: 30px;}
}