section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
section:last-child{ padding-bottom:150px !important; }
.mc-con{ max-width:1440px; width:100%; margin:0 auto;}
.sc_con{ max-width:1440px; width:100%; margin:0 auto; }

/* main-widget */
.main-widget{margin-top: 150px; max-width: 400px;}
.main-widget > h3{font-size: 21px; color: #fff; position: relative; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.main-widget > h3 > span{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.6);}
.mpr_table td.title{padding: 5px 5px 5px 15px; position: relative;}
.mpr_table td.title::before{content: ""; display: block; width: 5px; height: 5px; background-color: #ddd; position: absolute; top: 50%; left: 0; border-radius: 50%;}

/*sc01*/
#sc01{ background-color:#333; height: 100vh; position: relative; overflow: hidden;}

.main-caption{width: 100%; padding: 0 4rem; position: absolute; top: 50%; left: 0; transform: translateY(-30%); z-index: 99; color: #fff;}
.main-caption > h2{font-size: 55px; margin-bottom: 10px;}
.main-caption > h5{font-size: 22px; font-weight: 300;}

.sc01Sli{ position:relative; z-index:1; background-color:#333; overflow:hidden; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_mbg{ display:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_fr{ position:relative; z-index:1; min-height:max(600px,36.4583333vw); padding:150px 70px; display:flex; align-items:center; /*background-color:rgba(0,0,0,.35);*/ }

.sc01_txt{ max-width:1400px; width:100%; margin:0 auto; }
.sc01_txt > h2{ font-size:50px; font-weight:700; line-height:1.2em; margin-bottom:30px; }
.sc01_txt > hr{ display:block; width:100px; height:3px; margin:0 0 30px; border:none; }
.sc01_txt > p{ font-size:18px; font-weight:300; line-height:1.5em; }
.sc01_txt > a{ display:inline-block; margin:40px 0 0; padding:13px 40px; border-radius:100px; font-size:18px; font-weight:300; line-height:1em; text-align:center; transition:0.4s all; }

.sc01_nav{ position:absolute; z-index:60; top:50%; width:30px; height:80px; margin:-40px 0 0; cursor:pointer; }
.sc01_nav.swiper-button-disabled{ opacity:0.3; }
.sc01_nav#sc01pr{ left:20px; }
.sc01_nav#sc01pr:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:left bottom; }
.sc01_nav#sc01pr:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; width:4px; height:40px; transform:skew(33deg); transform-origin:left top; }
.sc01_nav#sc01nx{ right:20px; }
.sc01_nav#sc01nx:before{ content:''; position:absolute; z-index:1; top:0; right:0; width:4px; height:40px; transform:skew(33deg); transform-origin:right bottom; }
.sc01_nav#sc01nx:after{ content:''; position:absolute; z-index:1; bottom:0; right:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:right top; }

.sc01_btn{ display:flex; align-items:center; position:absolute; z-index:60; bottom:30px; left:50%; width:auto; transform:translate(-50%, 0); }
#sc01pg{ margin-right:10px; }
#sc01pg > .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; border-radius:100px; margin:0 3px; transition:0.5s all; }
#sc01pg > .swiper-pagination-bullet-active{ width:40px; }
.sc01_ap{ cursor:pointer; border-radius:100%; font-size:20px; }
.sc01_ap .la-play{ display:none; }
.sc01_ap .la-pause{ display:block; }
.sc01_ap.paused .la-play{ display:block; }
.sc01_ap.paused .la-pause{ display:none; }

.sc01mw{ position:relative; z-index:1; overflow:hidden; background-color:#333; }
.sc01mw > .sc01_bdo{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; height:155%; transform:translate(-50%,-50%); }

.sc01_vw{ position:relative; z-index:1; overflow:hidden; background-color:#333; }
#sc01_vmo{ position:absolute; top:0; bottom:0; left:0; right:0; }

.sc01_yw{ position:relative; z-index:1; overflow:hidden; background-color:#333; }
#sc01_vid{ position:absolute; top:0; bottom:0; left:0; right:0; }

@media(min-width:721px){
	.ms-img{display: block;}
	.ms-img-m{display: none;}
}
@media(max-width:991px){
	.sc01_fr{ padding:150px 15px; }
	.sc01_nav{ display:none; }

	#sc01{height: 100%;}
	.main-caption{padding: 0 15px;}
	.main-caption > h2{font-size: 30px;}
	.main-caption > h5{font-size: 16px;}
	.main-widget{margin-top: 50px;}
}
@media(max-width:720px){
	.ms-img{display: none;}
	.ms-img-m{display: block;}
}


/*sc02*/
#sc02{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 20px;}
.sc02-wrap{display: flex; justify-content: space-between; align-items: center;}
.sc02-txt{width: 40%; color: #fff;}
.sc02-txt > h2{font-size: 40px; margin-bottom: 3rem;}
.sc02-txt > p{font-size: 16px;}
.sc02-yt{width: 60%;}
.sc02-yt .video{width: 100%;}
.sc02-yt .video-container{width: 100%; height: auto; position: relative; padding-top: 50%;}
.sc02-yt .video-container iframe{z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media(max-width:991px){
	.sc02-wrap{flex-direction: column;}
	.sc02-txt{width: 100%; margin-bottom: 2rem;}
	.sc02-txt > h2{font-size: 28px; margin-bottom: 1.5rem;}
	.sc02-yt{width: 100%;}
}

/*sc03*/
#sc03{background-repeat: no-repeat; background-position: center; background-size: cover; }
.sc03-wrap{display: flex; height: 100vh;}
.sc03-box{width: 50%;}
.sc03-box:last-child{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sc03-cont{width: 60%; color: #fff;}
.sc03-cont > h2{font-size: 40px; margin-bottom: 1.5rem;}
.sc03-cont > p{font-size: 16px;}
.sc03-yt{margin-bottom: 1.5rem;}
.sc03-yt .video{width: 100%;}
.sc03-yt .video-container{width: 100%; height: auto; position: relative; padding-top: 50%;}
.sc03-yt .video-container iframe{z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sc03-img img{width: 100%;}

@media(max-width:1400px){
	.sc03-cont{width: 80%;}
}
@media(max-width:991px){
	.sc03-wrap{flex-direction: column; height: 100%;}
	.sc03-box{width: 100%;}
	.sc03-cont{width: 100%; padding: 60px 15px;}
	.sc03-cont > h2{font-size: 28px;}
}

/*sc04*/
#sc04{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 100px 0; background-color: #102d19;}
.sc04-wrap{display: flex;}
.sc04-txt{width: 30%; color: #fff; padding-left: 4rem;}
.sc04-txt > h2{font-size: 40px; margin-bottom: 3rem;}
.sc04-txt > p{font-size: 16px;}
.sc04-cont{width: 70%; overflow: hidden;}
.sc04-img{text-align: center; margin-bottom: 1rem;}
.sc04-img-tit{width: 80%; padding: 1rem 0; font-size: 20px; color: #fff; text-align: center; background-color: #0e5726; border-radius: 30px; margin: 0 auto;}

@media(max-width:991px){
	#sc04{padding: 60px 15px;}
	.sc04-wrap{flex-direction: column;}
	.sc04-txt{width: 100%; padding-left: 0; margin-bottom: 2rem;}
	.sc04-txt > h2{font-size: 28px; margin-bottom: 1.5rem;}
	.sc04-cont{width: 100%;}
}

/*sc05*/
#sc05{padding: 120px 0 0;}
.sc05-txt{margin-bottom: 120px; text-align: center;}
.sc05-txt > h2{font-size: 40px;}
.change-bg{background-repeat: no-repeat; background-position: center; background-size: cover; width: 25%; height: 500px; margin: 0 auto; overflow: hidden; border-radius: 10px; transition: all 1s; position: relative;}
.change-bg.active{width: 100%; height: 800px; border-radius: 0;}
.changebg-caption > h3{font-size: 30px; color: #fff; margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 1s; text-align: center;}
.change-bg.active .changebg-caption > h3{opacity: 1;}

@media(max-width:991px){
	#sc05{padding: 60px 0 0;}
	.sc05-txt{margin-bottom: 60px;}
	.sc05-txt > h2{font-size: 28px;}
	.change-bg{width: 50%; height: 200px;}
	.change-bg.active{width: 100%; height: 500px;}
	.changebg-caption > h3{font-size: 20px;}
}

/*sc06*/
#sc06{height: 100vh; position: relative; z-index: 1;}
.sc06_tp{width:100%; padding:100px 4rem 0; margin:0 auto 80px; }
.sc06_txt{ max-width:60%; padding-right:40px; word-break:keep-all; }
.sc06_txt > h2{ font-size:30px; font-weight:700; color:#333; line-height:1.3em; margin-bottom:20px; transform: translateY(50px); opacity: 0; transition: all .5s;}
.sc06_txt > p{ font-size:16px; font-weight:300; color:#666; line-height:1.5em; transform: translateY(50px); opacity: 0; transition: all 1s;}
.sc06_txt > p > i{ color:#ec9200; }

.sc06_txt > h2.ani.act{transform: translateY(0); opacity: 1;}
.sc06_txt > p.ani.act{transform: translateY(0); opacity: 1;}

.sc06_mq{ width:3840px; display:flex; transform:translate(0, 0); animation:20s marquee infinite linear; -webkit-animation:20s marquee infinite linear; -moz-animation:20s marquee infinite linear; -o-animation:20s marquee infinite linear; }
.sc06_mq > li{ width:5.555555555555556%; }
.sc06_mq > li > img{ display:block; width:100%; height:auto; }

.sc06_fr{ position:absolute; z-index:50; bottom:-5px; left:50%; max-width:500px; width:50%; min-width:311px; transform: translateX(100px); opacity: 0; transition: all 2s;}
.sc06_fr.ani.act{opacity: 1; transform: translateX(0);}

@keyframes marquee{
	from{ transform:translate(0, 0); }
	to{ transform:translate(-1280px, 0); }
}

@media(max-width:1800px){
	.main-caption{padding: 0 2rem;}
}
@media(max-width:991px){
	.sc06_tp{padding: 60px 15px 0; margin: 0 auto 60px;}
	.sc06_txt{ max-width:100%; width:100%; padding:0; }
	.sc06_txt > h2{ font-size:28px; }
	.sc06_txt > p{ font-size:16px; }
	.sc06_fr{display: none;}
}