@charset "utf-8";


/* **************************************** ** main-layout ** **************************************** */

	.main.home-container{padding-bottom:0;padding-top:0;background:transparent;}
	.main-section{padding:100px 0;}
	.main_section_head{padding-bottom:55px;text-align:center;}
	.main_section_title{font-size:40px;color:#222;line-height:1.3;text-transform:uppercase;}
	.main_section_title strong{font-weight:600;}
	.main_section_title span{font-size:15px;padding-top:5px;color:#999;display:block;}
	.main_section_body{position:relative;}

	@media only screen and (max-width:1280px){
		.main-section,.main-section.main_prcenter,.main-section.main_prcente{padding:120px 0;}
		.main_section_head{padding-bottom:57px;}
		.main_section_btn_wrap{padding-top:40px;}
	}

	@media only screen and (max-width:1023px){
		.main-section,.main-section.main_prcenter,.main-section.main_prcente{padding:10% 0 14%;}
		.main_section_head{padding-bottom:6%;}
		.main_section_btn_wrap{padding-top:5%;}
	}

	@media only screen and (max-width:767px){
		.main_section_head{padding-bottom:5%;}
		.main_section_title{font-size:28px;}
	}

	@media only screen and (max-width:540px){
		.main_section_title{font-size:21px;}
	}


/* **************************************** ** main-visual ** **************************************** */

	.main-section.main_visual{padding:0;}
	.main_visual{width:100%;position:relative;background:#f6f6f6;overflow:hidden;}
	.main_visual_slider{width:100%;position:relative;}
	.main_visual_item{display:none;width:100%;height:100%;position:relative;overflow:hidden;}
	.main_visual_item:first-child{display:block;}
	.main_visual_item > .twrap{height:100%;}
	.main_visual_content{display:table;text-align:center;width:100%;height:100%;opacity:0;}
	.main_visual_content_cell{display:table-cell;vertical-align:middle;letter-spacing:-0.03em;line-height:1.3;}
	.main_visual_content h2{font-size:48px;font-weight:300;letter-spacing:-0.05em;color:#fff;margin-bottom:10px;}
	.main_visual_content p{padding-top:1px;font-size:36px;color:#fff;}
	.main_visual_content .jt_btn{margin:30px auto 0 auto;}
	.jt_btn{display:table;min-width:180px;height:50px;position:relative;text-align:center;border-radius:30px;-webkit-transition:color 300ms, background 300ms, border 300ms;transition:color 300ms, background 300ms, border 300ms;}
	.jt_btn span{display:table-cell;vertical-align:middle;color:#fff;position:relative;}
	.jt_btn span i{font-size:1.2em;vertical-align:middle;padding-left:5px;}
	.jt_btn_primary{background:#02a277;}
	.jt_btn_primary:hover{color:#fff;background:#007c5b;}

	.main_visual_content.right{text-align:right;margin-top:-160px;}
	.main_visual_content.right h2{color:#000;}
	.main_visual_content.right p{color:#88725d;line-height:1.5;font-size:22px;}
	.main_visual_content.right p em{color:#d6303b;font-weight:600;}
	.main_visual_content.right p img{margin-top:10px;}
	.main_visual_content.right .jt_btn span{position:relative;color:#88725d;}
	.jt_btn_primary.dark{border-color:#bdab99;}
	.jt_btn_primary.dark:hover{background:#bdab99;border-color:#bdab99;}
	.jt_btn_primary.dark:hover span{color:#fff;}

	.main_visual_bg{width:100%;height:100%;position:absolute;top:0;left:0;background:no-repeat center center;background-size:cover;-webkit-transform:scale(1.05) rotate(0.01deg);-ms-transform:scale(1.05) rotate(0.01deg);transform:scale(1.05) rotate(0.01deg);-webkit-transition:-webkit-transform 4s ease-in;transition: -webkit-transform 4s ease-in;transition:transform 4s ease-in;transition:transform 4s ease-in, -webkit-transform 4s ease-in;}
	.main_visual_pc_bg{display:block;}
	.main_visual_mobile_bg{display:none}
	.main_visual_item.cycle-slide-active .main_visual_bg{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);}
	.main_visual_item_secondary .main_visual_content h2,.main_visual_item_secondary .main_visual_content p{color:#fff;}

	.main_visual:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#f6f6f6;z-index:200;}
	.main_visual_slider{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;}
	.main_visual_load.main_visual:after{opacity:0;visibility:hidden;}
	.main_visual_load .main_visual_slider{opacity:1;}

	.main_visual .cycle_controler{width:200px;height:50px;left:50%;bottom:100px;margin-left:-100px;background:none;}
	.cycle_controler{z-index:130;position:absolute;bottom:30px;right:26px;}
	.main_visual .cycle_control{position:absolute;width:100%;top:50%;margin-top:-40px;z-index:555;}
	.cycle_control .cycle_btn{display:inline-block;width:80px;height:80px;position:absolute;border:1px solid rgba(255,255,255,0.4);cursor:pointer;-webkit-transition:all 300ms;transition:all 300ms;}
	.cycle_btn:after{display:block;width:100%;height:100%;position:absolute;top:0;left:0;font-family:'Xeicon';font-size:30px;line-height:80px;font-weight:normal;text-align: center;color:rgba(255,255,255,0.4);-webkit-transition:color 300ms;transition:color 300ms;}
	.cycle_prev:after{content:'\e93d';}
	.cycle_next:after{content:'\e93e';}
	.cycle_btn:hover{border:1px solid rgba(255,255,255,1);}
	.cycle_btn:hover:after{color:rgba(255,255,255,1);}
	.cycle_control .cycle_btn.cycle_prev{left:80px;}
	.cycle_control .cycle_btn.cycle_next{right:80px;}
	.cycle_caption{width:100%;font-size:0;text-align:center;}
	.main_caption_text{fdisplay:inline-block;min-width:10px;vertical-align:middle;font-size:16px;color:#fff;}
	.main_caption_text.slug{padding:0 3px;}
	.scroll_down{width:30px;height:65px;position:absolute;bottom:20px;left:50%;margin-left:-15px;font-size:0;z-index:120;background:url('../../../images/site/main/main-scroll.png') no-repeat top center;}

	@media only screen and (max-width:1417px){
		.slick-control .slick-arrows{z-index:10;}
		.slick-control .slick-prev{left:-50px;}
		.slick-control .slick-next{right:-50px;}
		.main_visual .cycle_controler{width:190px;height:85px;}
		.main_visual .cycle_btn:after,.main_caption_text{line-height:85px;}
	}

	@media only screen and (max-width:1280px){
		.home-container{padding-top:90px;padding-bottom:120px;}
		.twrap{margin:0 40px;}
		.cycle_btn{width:60px;height:45px;}
		.cycle_btn:after{line-height:45px;}
		.slick-control{height:50px;margin-top:-25px;}
		.slick-control .slick-arrows{width:50px;}
		.slick-control .slick-arrows:after{font-size:12px;line-height:50px;}
		.slick-control .slick-prev{left:-40px;}
		.slick-control .slick-next{right:-40px;}
		.main_section_head{padding-bottom:57px;}
		.main_section_btn_wrap{padding-top:40px;}
		.main_visual .cycle_controler{width:180px;height:75px;}
		.main_visual .cycle_btn:after,.main_caption_text{line-height:75px;}
		.main_visual_content h2{font-size:50px;}
		.main_visual .cycle_controler{display:none;}
	}

	@media only screen and (max-width:1023px){
	    .main_visual .cycle_control{display:none;}
		.home-container{min-height:1px;padding-top:70px;padding-bottom:15%;}
		.twrap{margin:0 3%;}
		.slick-control .slick-prev{left:-30px;}
		.slick-control .slick-next{right:-30px;}
		.main_section_head{padding-bottom:6%;}
		.main_section_btn_wrap{padding-top:5%;}
		.main_visual_content,.main_visual_content.right{text-align:center;margin-top:0;}
		.main_visual_content h2{font-size:42px;}
		.main_visual_content h2 img{width:50%;}
	}

	@media only screen and (max-width:768px){
		.home-container{padding-top:60px;}
		.twrap{margin:0 20px;}
		.main_visual_content,.main_visual_content_cell{display:block;}
		.main_visual_content{height:auto;position:absolute;left:0;bottom:0;padding:5% 4%;background:rgba(0,0,0,0.7);text-align:center;}
		.main_visual_content h2 br,.main_visual_content p br{display:none;}
		.main_visual_content_cell{padding-bottom:0 !important;}
		.main_visual_item_secondary .main_visual_content{background:rgba(64,64,64,0.8);}
		.main_visual .scroll_down{display:none;}
		.main_visual_content.right h2{width:100px;margin:0 auto;}
		.main_visual_content.right h2 img{width:100%;}
		.main_visual_content.right p{color:#fff;font-size:14px;}
		.main_visual_content.right p em{color:#fff;font-weight:normal;}
		.main_visual_content.right p img{display:none;}
		.main_visual_content.right .jt_btn span{color:#fff;}
		.jt_btn_primary.dark{color:#fff;border-color:rgba(255,255,255,0.5);}
	}

	@media (max-width:768px) and (orientation: portrait){
		.main_visual_pc_bg{display:none;}
		.main_visual_mobile_bg{display:block;}
	}

	@media only screen and (max-width:767px){
		.cycle_controler{bottom:15px;right:15px;}
		.cycle_btn{width:55px;height:38px;}
		.cycle_btn:after{line-height:38px;}
		.cycle_btn:hover:after{color:#222;}
		.slick-control{height:40px;margin-top:-20px;}
		.slick-control .slick-arrows{width:40px;}
		.slick-control .slick-arrows:after{line-height:40px;}
		.slick-control .slick-arrows:hover{background-color:#e3e3e3;}
		.slick-control .slick-arrows:hover:after{color:#222;}
		.main_visual_content h2{font-size:30px;}
		.main_visual_content p{font-size:20px;line-height:1.65;}
	}

	@media only screen and (max-width:640px){
		.scroll_down{bottom:16px;}
		.scroll_down:after{font-size:16px;}
		.cycle_btn{width:40px;height:40px;}
		.cycle_btn:after{font-size:10px;line-height:40px;}
		.main_visual_content{padding:7% 4%;}
		.main_visual_content h2{font-size:24px;}
		.main_visual_content p{font-size:18px;}
		.main_visual_content .jt_btn{margin-top:15px;}
	}


/* **************************************** ** main_product ** **************************************** */

	.main_products .section_products{display:inline-block;width:100%;}
	.main_products .section_products .products-wrap{max-width:1640px;margin:0 auto;}
	.main_products .section_products .article{display:block;position:relative;float:left;width:calc(21.90% - 30px);height:600px;text-align:center;color:#fff;background-repeat:no-repeat;transition-duration:1s;
		display:flex;flex-direction:column;justify-content:center;}
	.main_products .section_products .article::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:0;opacity:1;transition-duration:.3s;}
	.main_products .section_products .article + .article{margin-left:30px;}
	.main_products .section_products .article .article_inner{position:relative;margin:7px;}
	.main_products .section_products article > a{position:relative;margin:7px;z-index:1;}
	.main_products .section_products .article .tit{line-height:1.3;font-size:1.333em;letter-spacing:-0.03em;transition-duration:.5s;transition-delay:.1s;}
	.main_products .section_products .article .cnt{position:relative;overflow:hidden;height:0;box-sizing:border-box;opacity:0;transition-duration:.5s;}
	.main_products .section_products .article .cnt p{line-height:1.6;margin-bottom:27px;}
	.main_products .section_products .article .cnt ul{}
	.main_products .section_products .article .cnt ul li{position:relative;font-size:1em;color:rgba(255,255,255,0.5);}
	.main_products .section_products .article:hover .cnt ul li{color:rgba(255,255,255,1);}
	.main_products .section_products .article.product1{margin-top:31px;background-image:url('../../../images/site/main/main_product00.jpg');background-position:79% 0;}
	.main_products .section_products .article.product2{margin-top:71px;background-image:url('../../../images/site/main/main_product02.jpg');background-position:75% 0;}
	.main_products .section_products .article.product3{background-image:url('../../../images/site/main/main_product03.jpg');background-position:82% 0;}
	.main_products .section_products .article.product4{margin-top:56px;background-image:url('../../../images/site/main/main_product04.jpg');background-position:55% 0;}
	.main_products .section_products .article.product3::before{background-color:rgba(2,60,38,0.8);}
	.main_products .section_products .article .btn-more{display:table;margin-top:30px;width:160px;height:50px;border-radius:25px;text-align:center;color:#fff;background-color:#bc202e;}
	.main_products .section_products .article .btn-more em{position:relative;display:table-cell;vertical-align:middle;}
	.main_products .section_products .article .btn-more:hover{text-decoration:none;background:#990c19;}
	.main_products .section_products .article.on,.main_products .section_products .article:hover{width:56.09%;text-align:left;background-position:0 !important;}
	.main_products .section_products .article.on .article_inner,.main_products .section_products .article:hover .article_inner{margin:250px 40px 0;}
	.main_products .section_products .article.on .tit,.main_products .section_products .article:hover .tit{margin-bottom:20px;font-size:2.250em;font-weight:500;}
	.main_products .section_products .article.on .cnt,.main_products .section_products .article:hover .cnt{height:338px;opacity:1;}
	.main_products .section_products .article.on::before,.main_products .section_products .article:hover::before{opacity:0;}

	@media all and (max-width:1670px) {
		.main-section.main_products{margin:0 20px;}
	}

	@media all and (max-width:1080px) {
		.main_products .section_products .article.on .article_inner,.main_products .section_products .article:hover .article_inner{margin:70px 40px 0;}
		.main_products .section_products{margin:0;padding-top:20px;}
		.main_products .section_products .tit-area h1{margin-bottom:14px;font-size:2em;}
		.main_products .section_products .tit-area p{margin-bottom:41px;}
		.main_products .section_products .article{width:calc((100% - 15px)/2);height:300px;}
		.main_products .section_products .article[class*="product"]{margin-top:0;background-size:cover;}
		.main_products .section_products .article + .article {margin-left:15px;}
		.main_products .section_products .article:nth-child(3){margin-left:0;}
		.main_products .section_products .article:nth-child(2) ~ *{margin-top:15px;}
		.main_products .section_products .article .cnt{height:auto;opacity:1;}
		.main_products .section_products .article .cnt ul,
		.main_products .section_products .article .btn-more{display:none;}
		.main_products .section_products .article .cnt p{margin-bottom:0;font-size:1em;font-weight:400;}
		.main_products .section_products .article.on,
		.main_products .section_products .article:hover{width:calc((100% - 15px)/2);text-align:center;}
		.main_products .section_products .article.on .cnt,
		.main_products .section_products .article:hover .cnt{height:auto;}
		.main_products .section_products .article .article_inner,
		.main_products .section_products .article.on .article_inner, 
		.main_products .section_products .article:hover .article_inner{padding:16px;}
		.main_products .section_products .article .tit{margin-bottom:15px;}
		.main_products .section_products .article.on .tit, 
		.main_products .section_products .article:hover .tit{margin-bottom:15px;font-size:1.5em;font-weight:400;}
		.main_products .section_products .article.on::before,
		.main_products .section_products .article:hover::before{opacity:1;}
		.main_products .section_products .article.on .article_inner, 
		.main_products .section_products .article:hover .article_inner{margin:7px;}
	}

	@media all and (max-width:766px) {
		.main-section.main_products{margin:0 15px;}
		.main_products .section_products .article .article_inner, 
		.main_products .section_products .article.on .article_inner, 
		.main_products .section_products .article:hover .article_inner{margin:0;padding:10px;}
		.main_products .section_products .article .tit{margin-bottom:0;}
		.main_products .section_products .article .cnt p{display:none;}
		.main_products .section_products .article.solution1,
		.main_products .section_products .article.solution1.on,
		.main_products .section_products .article.solution1:hover{background-position:57% 0 !important;}
		.main_products .section_products .article.solution2,
		.main_products .section_products .article.solution2,
		.main_products .section_products .article.solution2.on,
		.main_products .section_products .article.solution2:hover{background-position:80% 0 !important;}
		.main_products .section_products .article.solution3,
		.main_products .section_products .article.solution3.on,
		.main_products .section_products .article.solution3:hover{background-position:38% 0 !important;}
		.main_products .section_products .article.solution4,
		.main_products .section_products .article.solution4.on,
		.main_products .section_products .article.solution4:hover{background-position:66% 0 !important;}
		.main_products .section_products .article.on .tit, 
		.main_products .section_products .article:hover .tit{margin-bottom:0;}
	}


/* **************************************** ** main_prcenter ** **************************************** */

	.main-section.main_prcenter{background:#f7f7f7;position:relative;}
	.main-section.main_prcenter:before{z-index:1;content:'';position:absolute;top:0;left:0;width:540px;height:492px;background:url('../../../images/site/main/bg-left.png') no-repeat top left;}
	.main-section.main_prcenter:after{z-index:1;content:'';position:absolute;bottom:0;right:0;width:399px;height:620px;background:url('../../../images/site/main/bg-right.png') no-repeat bottom right;}
	.main-section.main_prcenter .main_section_body{z-index:5;}
	.main_prcenter .prcenter_cont{height:520px;display:table;width:100%;background:url('../../../images/site/main/bg-prcenter.png') no-repeat center center;}
	.prcenter_cont .prmovie{width:900px;margin:0 auto;height:500px;background:rgba(0,0,0,0.5);}

	@media (max-width:1280px){
	    .prcenter_cont .prmovie{width:100%;height:480px;}
		.main-section.main_prcenter:before,.main-section.main_prcenter:after{background:none;}
	}

	@media (max-width:768px){
		.main_prcenter .prcenter_cont{height:auto;background:none;}
	    .prcenter_cont .prmovie{height:400px;}
	}

	@media (max-width:640px){
	    .prcenter_cont .prmovie{height:350px;}
	}

	@media (max-width:520px){
	    .prcenter_cont .prmovie{height:300px;}
	}


/* **************************************** ** main_cscenter ** **************************************** */

	.main-section.main_cscenter{background:#fff;position:relative;}
	.main_cscenter .cscenter_cont{display:flex;align-items:center;}
	.cscenter_cont article{flex:1 auto;}
	.cscenter_cont .left-banner{width:410px;height:430px;margin-right:10px;display:block;}
	.cscenter_cont .left-banner img{max-width:100%;height:100%;}
	.cscenter_cont .right-cont{position:relative;width:880px;}
	.right-cont dl{display:flex;height:210px;width:100%;}
	.right-cont dl:first-child{margin-bottom:10px;}
	.right-cont dl dt{width:180px;height:100%;background:#02a277;display:table;text-align:center;}
	.right-cont dl dt span{font-size:24px;display:table-cell;vertical-align:middle;color:#fff;}
	.right-cont dl dd{width:690px;padding:0 30px;display:table;height:210px;margin-left:10px;border:1px solid #ddd;}
	.right-cont dl dd ul{display:table-cell;vertical-align:middle;}
	.right-cont dl dd ul li{padding:10px 0 7px 0;border-bottom:1px dotted #cbcbcb;}
	.right-cont dl dd ul li a{color:#999;position:relative;}
	.right-cont ul li a .new-icon{margin-right:5px;padding:3px 5px 2px 5px;border-radius:5px;font-size:10px;text-transform:uppercase;background:#fd5e2a;color:#fff;text-align:center;font-weight:bold;}
	.right-cont ul li a .date{font-size:13px;color:#aaa;float:right;}
	.right-cont ul li a:hover{color:#333;}

	@media (max-width:1280px){
		.main_cscenter .cscenter_cont{display:inline-block;width:100%;}
		.cscenter_cont article{flex:none;}
		.cscenter_cont .left-banner{width:100%;height:auto;margin:0;display:inline-block;flex:none;position:relative;text-align:center;}
		.cscenter_cont .left-banner img{display:block;height:auto;margin:0 auto;}
		.cscenter_cont .right-cont{width:100%;flex:none;margin-top:10px;}
		.right-cont dl{display:inline-block;height:auto;}
		.right-cont dl dt{width:100%;height:50px;}
		.right-cont dl dd{width:100%;padding:0 20px;display:table;height:auto;margin-left:0;margin-top:10px;}
		.right-cont dl dt span{font-size:22px;}
	}

	@media (max-width:1023px){
	}

	@media (max-width:768px){
		.right-cont dl dt span{font-size:18px;}
		.right-cont ul li a .date{display:none;}
	}

	@media (max-width:540px){
		.right-cont dl dt span{font-size:16px;}
	}