@charset "utf-8";

p{letter-spacing:-0.5px;}
.cover{max-width:1240px; margin:0 auto;}
/*sec01*/
#sec01{padding-top:150px; position:relative;}
#sec01 .slide {height: 450px; overflow:hidden; position:relative; margin: 0 auto; width:100%;}
#sec01 .slide li img{ object-fit: cover; height: 450px;  width:100%;object-position: right;}
#sec01 .slide ul, .slide p {margin:0; padding:0;}
#sec01 .slide ul li  {position:absolute;  list-style:none; width:100%;}
#sec01 .slide ul li.no_pop { text-align:center; color:#888; border:1px solid #ddd;}
#sec01 .slide ol {display:none !important;  width: 100%;   margin: 0 auto;    text-align: center;  text-align: center; margin: 0 auto !important;     position: relative; top:70px; z-index:9; left:0px;  max-width:1240px;  display: flex; width: 100%; align-items: center; justify-content: center;}
#sec01 .slide ol li {width:14px; height:14px; background: #fff;  cursor:pointer; list-style:none; border-radius: 50%; margin:0; margin-right:20px; position:relative;}
#sec01 .slide ol li:last-child{margin-right:0px;}
#sec01 .slide ol li:last-child:after{display:none;}
#sec01 .slide ol li.on { background: #F3CB2B; width:14px; height:14px;}
#sec01 .slide ol li:after{clear:both; display:block; content:""; width: 10px; height: 2px; background: #fff; position: absolute; right: -15px; top: 6px;}
#sec01 .slide .slide_txt{width: 100%;  max-width: 1240px;  margin: 0 auto; margin-top:95px;display: flex; flex-direction: column; justify-content: center;}
#sec01 .slide .slide_txt>h3{font-size: 18px; color:#fff; line-height: 26px; margin-bottom: 20px; font-weight: 400;}
#sec01 .slide .slide_txt>p{font-size: 45px;  color: #fff;  line-height: 64px;  font-weight: bold;word-break:keep-all;}
#sec01 .slide .slide_txt>p > img {display:block;}
#sec01 .slide .slide_txt>span{display: block; font-size: 20px; margin-top: 80px; font-weight: bold; color: #000; width: 75px; padding-bottom: 10px; border-bottom: 6px solid #000;}

#sec01 .slide .slide_img_box{text-align:right; position: absolute; right: 0;top: 0; z-index:-1; width:100%;}
#sec01 .play_btn{position: absolute; bottom:50px; width: 100%;}
#sec01 .play_btn div{width: 100%; max-width: 1240px;  margin: 0 auto; display: flex; padding:0 20px;}
#sec01 .play_btn div span{color:#fff;}
#sec01 .play_btn div span:nth-child(2){margin:0 6px;}
#sec01 .next_num{margin-right:20px;}
#sec01 .play_btn a{cursor:pointer; display: flex; align-items: center;}
#sec01 .play_btn a span{color:#fff; font-size:15px; font-weight:bold; line-height:22px;}
#sec01 .play_btn a.slide_prev span{margin-left:14px;}
#sec01 .play_btn a.slide_next span{margin-right:14px;}
#sec01 .play_btn a.slide_stop{margin:0 10px;}

/*sec02*/
#sec02{background:#F3F6FF;}
#sec02 .cont01{padding:45px 0px 70px;}
#sec02 .cont01 h3{font-size: 30px; line-height: 45px; font-weight: 500; margin-bottom: 15px;}
#sec02 .cont01 h3 span{color:#117b46; font-weight:bold;}
#sec02 .cont01 ul{display:flex;}
#sec02 .cont01 ul li{width:25%; margin-right:40px;}
#sec02 .cont01 ul li:last-child{margin-right:0px;}
#sec02 .cont01 ul a{display: flex; align-items: center; height: 100px; padding: 0px 30px;  background: #fff; border-radius: 30px 5px; box-shadow: 0px 0px 30px #5E72C933; position:relative;}
#sec02 .cont01 ul a span{font-size: 18px; line-height: 27px; font-weight: 500; margin-left: 15px;}
#sec02 .cont01 ul a img:last-child{position: absolute; right: 30px;}
#sec02 .cont01 ul a:hover{border:2px solid #117b46;}

#sec02 .cont02{height: 600px; position:relative; overflow: hidden;}
#sec02 .cont02 .content01_bg{height: 600px; background: #117b46; width: 50%; border-radius: 0px 100px 0px 0px; position: absolute;}
#sec02 .cont02 .cover{padding-top:55px; position:relative; display: flex; width: 100%; margin-bottom: 30px; align-items: flex-end; justify-content: space-between;}
#sec02 .cont02 h3{font-size: 30px; color: #fff; line-height: 45px; font-weight: bold;}
#sec02 .cont02 .cover a{font-size: 15px; font-weight: 500; line-height: 22px; color: #707070; display: flex; align-items: center;}
#sec02 .cont02 .cover a img{margin-left: 5px; position: relative; top: 1px;}
#sec02 .variable01_cover{max-width: 1240px; margin: 0 auto;}
#sec02 .variable01.slider{width: 1600px; max-width:unset;}
#sec02 .variable01 .slick-slide{ margin-right: 30px;}
#sec02 .variable01 .slick_box{height: 330px; border: none; border-radius: 5px; position: relative;}
#sec02 .variable01 .slick_box h4{display: flex; width:100%; height: 70px; text-align: center;  font-size: 20px; color: #fff; font-weight: bold; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); position:absolute; bottom:0px;}
#sec02 .variable01 .slick_box01{background: url("../../fnc_images/main/product1.png")no-repeat center; background-size:cover;}
#sec02 .variable01 .slick_box02{background: url("../../fnc_images/main/product2.png")no-repeat center;background-size:cover;}
#sec02 .variable01 .slick_box03{background: url("../../fnc_images/main/product3.png")no-repeat center;background-size:cover;}
#sec02 .variable01 .slick_box04{background: url("../../fnc_images/main/product4.png")no-repeat center;background-size:cover;}
#sec02 .variable01 .slick_box05{background: url("../../fnc_images/main/product2.png")no-repeat center;background-size:cover;}
#sec02 .on_content{display: flex; display:none; width: 100%; height: 100%; background: rgba(0,0,0,0.2);  text-align: center;  align-items: center;  justify-content: center; flex-direction: column;}
#sec02 .variable01 .on_content h4{font-size:20px; line-height:29px; position:relative; height:auto; margin-bottom:20px; background:none;}
#sec02 .on_content p{font-size:16px; line-height:24px; color:#fff; margin-bottom:25px;}
#sec02 .on_content a{display:flex; width:140px; height:50px; border:1px solid #FFFFFF; border-radius:5px; color:#fff; font-size:14px; line-height:20px;  align-items: center; justify-content: center;}
#sec02 .variable01 .slick_box_on>h4{display:none;}
#sec02 .variable01 .slick_box_on .on_content{display:flex;}
#sec02 .variable01 button[type='button'].slick-prev{background: url(../../fnc_images/main/prev_fff.png) 0 0 no-repeat; background-size: 100%; width: 32px; height: 22px; top:unset; left: 0; bottom: -85px;}
#sec02 .variable01 button[type='button'].slick-next{background: url(../../fnc_images/main/next_fff.png) 0 0 no-repeat; background-size: 100%; width: 32px; height: 22px; top:unset; right: unset; left: 72px; bottom: -85px;}
#sec02 button[type='button'].slick-prev:after{clear:both; display:block; content:""; height: 20px; border-right: 1px solid #575757; position: relative; left: 19px;}

/*sec03*/
#sec03 .cover{display:flex; padding-bottom:100px; word-break:keep-all;}
#sec03 .cover>div{width:calc(50% - 15px);}
#sec03 .cover .cont01{margin-right:30px;}
#sec03 .title{padding-top: 60px; position: relative; display: flex; width: 100%; margin-bottom: 30px; align-items: flex-end; justify-content: space-between;}
#sec03 .title h3{font-size: 30px; color: #000; line-height: 45px; font-weight: bold;}
#sec03 .title a{font-size: 15px; font-weight: 500; line-height: 22px; color: #707070; display: flex; align-items: center;}
#sec03 .title a img{margin-left: 5px; position: relative; top: 1px;}
#sec03 button[type='button'].slick-prev{background: url(../../fnc_images/main/prev.png) 0 0 no-repeat; background-size: 100%; width: 32px; height: 22px; top:unset; left: 0; bottom: -53px;}
#sec03 button[type='button'].slick-next{background: url(../../fnc_images/main/next.png) 0 0 no-repeat; background-size: 100%; width: 32px; height: 22px; top:unset; right: unset; left: 72px; bottom: -53px;}
#sec03 button[type='button'].slick-prev:after{clear:both; display:block; content:""; height: 20px; border-right: 1px solid #C4C4C4; position: relative; left: 19px;}
#sec03 .slick-slide{margin-right:15px;}
#sec03 .slick_box{height:250px;}
#sec03 .slick_box:hover {box-shadow: 0px 0px 30px #5E72C933;}
#sec03 .slick_box a{display:block; height:100%;}
#sec03 .slick_box a:hover h4{text-decoration:underline;}
#sec03 .slick_box p{font-size:15px; line-height:22px; color:#707070;}
#sec03 .slick_box h4{font-size:18px; line-height:27px; color:#000; height: 54px; overflow: hidden;}
#sec03 .cont01 .slick_box img{height:150px;}
#sec03 .cont01 .slick_box div{padding:10px 30px 0px 30px; }
#sec03 .cont01 .slick_box p{margin-bottom:0px;}
#sec03 .cont02 .slick-slide img{width:auto;}
#sec03 .cont02 .slick_box {padding:25px 30px; }
#sec03 .cont02 .slick_box a{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#sec03 .cont02 .slick_box h4{margin-bottom:20px; width:100%;}
#sec03 .cont02 .slick_box p{text-align:right; width:100%;}
#sec03 .cont02 .slick_box p.notice_txt{text-align: left; height: 65px; margin-bottom: 10px; overflow:hidden;}

@media(max-width:1400px){
	#sec01 .slide .slide_txt{max-width: 1000px;padding:0 20px;}
}
@media(max-width:1260px){
	#sec02 .cont01{padding: 45px 10px 70px;}
	#sec03 .cover{padding:0 10px 100px;}
}
@media(max-width:1000px){
	#sec01{padding-top:90px;}

	#sec02 .cont01 ul li{margin-right:15px;}
	#sec02 .cont01 ul a{padding:0 10px;}
	#sec02 .cont01 ul a span{font-size:16px;}
	#sec02 .cont01 ul a img:last-child{right:20px;}

	#sec03 .cover>div{width:calc(50% - 5px);}
	#sec03 .cover .cont01{margin-right:10px;}
	#sec03 .cont02 .slick_box{padding:15px;}
}
@media(max-width:850px){
	#sec01 .slide .slide_txt{ padding:0 20px;}
	#sec01 .slide .slide_txt>h3{font-size: 25px; line-height: 30px;}
	#sec01 .slide .slide_txt>p{font-size: 30px; line-height: 47px;}
		#sec01 .slide .slide_txt>p br{display:none;}
	#sec01 .slide li img{height: 450px; min-height: auto;}
	/* #sec01 .play_btn div{padding:0 10px;} */
	.mouse_scroll{display:none;}

}
@media(max-width:750px){
	#sec02 .cont01 ul a{flex-direction: column; justify-content: center;}
	#sec02 .cont01 ul a span{margin-left:0px;}
	#sec02 .cont01 ul a img:last-child{display:none;}
}
@media(max-width:550px){
	#sec01{position:relative; padding-top:60px;}
	#sec01 .slide{height: 300px; }
	#sec01 .slide li img{height: 300px; object-position: 85% 50%;}
		#sec01 .slide .slide_txt{margin-top:50px;}
	#sec01 .slide .slide_txt>h3{font-size: 20px; line-height: 25px;}
	#sec01 .slide .slide_txt>p{font-size: 24px; line-height: 35px;}
	#sec01 .play_btn{top:auto; bottom:15px;}

	h3{font-size: 25px !important; line-height: 40px !important;}
	#sec02 .cont02 h3{padding-left:10px;}
	#sec02 .cont01{padding:40px 10px;}
	#sec02 .cont01 ul a{padding:0;}
	#sec02 .cont01 ul li{margin-right:5px;}
	#sec02 .cont01 ul a span{font-size: 14px; letter-spacing: -1px;}
	#sec02 .cont02{height:540px;}
	#sec02 .variable01.slider{padding:0 10px; width:100%;}
	#sec02 .variable01 button[type='button'].slick-prev{ bottom: -60px;}
	#sec02 .variable01 button[type='button'].slick-next{ bottom: -60px;}

	#sec03 .cover{flex-direction: column;}
	#sec03 .cover>div{width: 100%;}
	#sec03 .cover .cont01{margin-right:0px; padding-bottom:60px;}
	#sec03 .cont02 .title{padding-top:0px;}

}