@charset "utf-8";


/*====================
	section1 - solution
======================*/
#section1{background:#fafafa;}
.solution .conWrap{width:100%;height:100%;position:relative;}
.pb{background:#fafafa url(/theme/humanent/img/depth2_bg1.jpg)no-repeat;}
.pb1{background:url(/theme/humanent/img/depth2_bg1.jpg)no-repeat;opacity:0;}
.pb2{background:url(/theme/humanent/img/depth2_bg2.jpg)no-repeat;opacity:0;}
.pb3{background:url(/theme/humanent/img/depth2_bg3.jpg)no-repeat;opacity:0;}
.pb4{background:url(/theme/humanent/img/depth2_bg4.jpg)no-repeat;opacity:0;}
.product-bg{width:100%;height:100vh;background-size:cover;background-position:center;-webkit-transition:all 0.4s;transition:all 0.4s;position:absolute;top:0px;left:0px;}

.solWrap{width:100%;height:100vh;transition:all 0.4s;position:relative;border-left:1px solid rgba(255,255,255,0.25);box-sizing:border-box;}
.solWrap.sw1{border-left:0;}

.solTxt{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:12px;opacity:0.7;transition:all 0.7s ease;-webkit-transition:all 0.7 ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease;display:inline-block;}
.solTxt h3{font-size:36px;font-weight:400;line-height:1;color:#fff;text-align:right;margin-bottom:20px;transition:all 0.5s ease;-webkit-transition:all 0.5 ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
/* .sw4 .solTxt h3{padding-right:5px;} */
.solTxt h2{font-size:21px;font-weight:400;line-height:23px;letter-spacing:-0.015em;color:#fff;/* padding-right:1px; */margin-bottom:10px;text-align:right;}
.solTxt h1{font-size:52px;font-weight:bold;line-height:1;letter-spacing:0.06em;color:#fff;margin-right:-3px;text-align:right;transition:all 0.5s ease;-webkit-transition:all 0.5 ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.solTxt p{font-size:18px;line-height:26px;color:#fff;text-align:right;padding-right:1px;/* margin-top:-30px; display:none;*/transition:all 1s ease;-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; opacity:0;}
.solBlock{display:block;}

.btnWrap2{text-align:right;padding-right:2px;display:none;margin-top:57px;transition:all 0.7s ease;-webkit-transition:all 0.7 ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease}
.more-btn2{display:inline-block;padding-right:14px;position:relative;cursor:pointer;}
/*.more-btn2:before{position:absolute;content:'';width:29px;height:29px;border:1px solid #fff;right:0;top:50%;transform:translateY(-50%);border-radius:50%;transition:all 0.7s;}*/

.solList li .solTxt			{width: calc(100% - 12px);}
.solList li.on .solTxt		{opacity:1; text-align: center;}
.solList li.on .solTxt h3{font-size:45px;}
.solList li.on .solTxt h1{font-size:60px;color:#0070c0;}
.solList li.on .solTxt p{/* margin-top:22px;display:block;  */transform:translate3d(0,22px,0); opacity:1;}
.solList li.on .solTxt .btnWrap2{display:block; text-align: center;}
.more-btn2 {padding-left: 10px; padding-right: 0;}
.solList li.on .solTxt h2{color: #A9CF52 !important;}




@media all and (max-width:1675px){
	
}
@media all and (max-width:1396px){
	.ensolution .leftInner .conWrap{width:97%;}
	.energyImg{background-size:100% !important;}
}
@media all and (max-width:1199px){
	#fp-nav ul li .fp-tooltip{display:none;}
	.left#fp-nav{left:3%;}
	.menu-btn{right:3%;}
	body:not(.fp-viewing-1) #header .inner .main-menu > ul > li >a{line-height:55px;}
	body:not(.fp-viewing-1) .menu-btn{top:150px;}

	
	.about .conWrap h1{font-size:38px;line-height:49px;margin-bottom:18px;}
	.about .conWrap p{font-size:16px;margin-bottom:44px;}
	
	.solWrap{height:50vh;}
	.solWrap.sw1, .solWrap.sw2{border-bottom:1px solid rgba(255,255,255,0.25);}
	.solWrap.sw1{border-left:none;}
	/* .solTxt h3{font-size:29px;margin-bottom:12px;}
	.solTxt h2{font-size:17px;}
	.solTxt h1{font-size:43px;} */
	
	.recruit .section-wrap{padding:0 2%;}
	.recruit .leftInner{width:56%;}
	.recruit .rightInner{width:44%;}
	.recBlock{display:block;}
	.recruitImg{width:80%;margin:0 auto;}
	.recruitImg img{width:100%;}
	
	.notice .leftInner{width:30%;}
	.notice .rightInner{width:70%;}
	.leftBox{max-width:250px;}
	.news-inner, .promotion-inner{box-shadow:5px 3px 12px rgb(0, 0, 0, 0.1);margin:50px 12px;}
	
	
	
	
	
}

@media all and (max-width:1105px){
	.en-slick .slick-list{padding-right:180px;}
	.slick-next{top:-197px;}
	.slick-prev{top:-197px;}
	.enTxt{font-size:24px;padding-left:33px;}
}
@media all and (max-width:956px){
	
	
	.notice .conWrap{padding:0 3%;box-sizing:border-box;}
	.notice .leftInner{text-align:left;}
}

@media all and (max-width:767px){
	body:not(.fp-viewing-1) #header .inner{height:58px;}
	body:not(.fp-viewing-1) #header .inner .w-logo{width:65%;}
	body:not(.fp-viewing-1) .on#header .menu-btn{top:83px;}
	.fp-section, .fp-tableCell{height:auto !important;}
	.left#fp-nav{display:none !important;}
	.menu-btn{width:56px;height:56px;}
	
	.about .conWrap{top:37.8%;}
	.about .conWrap h1{font-size:27px;line-height:39px;/* width:77%; */margin:0 auto 11px;}
	.about .conWrap p{width:69%;margin:0 auto 41px;}
/* 	.wm-block{display:inline-block;} */
	.about .conWrap .arrow{display:block;}
	.about .conWrap .big-arrow{display:none;}
	.more-btn{padding-right:14px;}
	.more-btn:before{width:31px;height:31px;}
	
	 .solWrap{border-left:none !important;height:23vh;padding:120px 0;}
	 .solWrap.sw3{border-bottom:1px solid rgba(255,255,255,0.25);}
	 .solTxt{right:auto;left:0;padding:0 10%;}
	 .solTxt h3{text-align:left;font-size:27px;margin-bottom:11px;}
	 .solTxt h2{font-size:19px;text-align:left;margin-bottom:8px;}
	 .solTxt h1{text-align:left;font-size:38px;}
	 .solTxt p{display:none;}
	 .btnWrap2{text-align:left;margin-top:21px;}
	 /* on */
	 .solList li.on .solTxt h3{font-size:31px;margin-bottom:5px;}
	 .solList li.on .solTxt h2{margin-bottom:1px;}
	 .solList li.on .solTxt h1{font-size:47px;}
	.product-bg{height:100%;}
	
	.ensolution .leftInner, .ensolution .rightInner{width:100%;float:none;height:auto;padding:90px 0;}
	.ensolution .leftInner .conWrap, .ensolution .rightInner .conWrap{position:static;transform:none;width:100%;padding:0 2%;box-sizing:border-box;}
	.title span{font-size:16px;margin-bottom:9px;}
	.title h1{font-size:33px;margin-bottom:18px;}
	.title p{font-size:16px;line-height:22px;text-align:justify;}
	
	.en-slick{margin-top:50px;}
	.en-slick .slick-list{padding-right:0;}
	.en-slick .slick-arrow{width:48px;height:48px;}
	.slick-next{right:0;top:-134px;}
	.slick-prev{right:57px;top:-134px;}
	.en-slick .slick-arrow.slick-prev:before, .en-slick .slick-arrow.slick-next:before{font-size:18px;}
	.energyTitle{padding:16px 0 0 17px}
	.energyTitle h3{font-size:20px;}
	.energyTitle h3 i{font-size:16px;}
	
	.enTxt{font-size:21px;line-height:31px;}
	.enTxt:before {top:-19px;}
	.enTxt:after{top:-16px;}

	.recruit .leftInner{width:100%;float:none;height:auto;padding:90px 0 25px;}
	.recruit .rightInner{width:100%;float:none;height:auto;padding:25px 0 90px;}
	.recruit .rightInner .conWrap{padding-left:0;}
	.recruit .conWrap{position:static;transform:none;}
	.recruitImg{width:81%;}
	.recruitImg img{width:100%;}
	.recBlock{display:inline-block;}
	.btnWrap3 {margin-top:12px;}
	.more-btn3{width:235px;padding:0 18px;}
	.more-btn3 span{margin-right:14px;line-height:47px;}
	.more-btn3::before{right:18px;}
	.more-btn3:hover span{margin-right:30px;}
	.more-btn3:hover:before{right:34px;}
	
	.notice{padding:90px 0 80px;}
	.notice .leftInner{width:100%;float:none;}
	.notice .rightInner{width:100%;float:none;}
	.notice .conWrap{position:static;transform:none;padding:0 2%;}
	.leftBox{max-width:inherit;}
	.notice .title{padding-top:0;}
	.reBlock{display:inline-block;}
	
	#tab-menu{margin-top:33px;}
	#tab-menu ul li{width:176px;float:left;margin-right:10px;margin-top:0;}
	#tab-menu ul li a{line-height:48px;font-size:16px;}

	.noti{max-width:auto;padding-left:0;}
	.news-inner, .promotion-inner{margin:50px 11px 10px 11px;box-shadow:5px 3px 10px rgb(0, 0, 0, 0.1);}
	.newsImg{height:230px;}
	.newsTxt{padding:27px 24px;height:249px;}
	.newsTxt h3{font-size:19px;margin-bottom:13px;}
	.newsTxt .date{font-size:15px;margin-bottom:17px;}
	.newsTxt p{font-size:15px;line-height:22px;height:66px;}
	.promotion-inner{height:479px;}
	
	

}

@media all and (max-width:525px){
	body:not(.fp-viewing-1) #header .inner{height:54px;}
	body:not(.fp-viewing-1) #header .inner .w-logo{width:50%;}
	
	.about .conWrap h1{font-size:24px;line-height:36px;margin:0 auto 9px;}
	.about .conWrap p{font-size:15px;line-height:23px;margin:0 auto 32px;}
	
	.solWrap{padding:110px 0;}
	 .solTxt{padding:0 7%;}
	.solTxt h3{font-size:20px;margin-bottom:4px;}
	.solTxt {font-size:17px;margin-bottom:3px;}
	.solTxt h1{font-size:31px;}
	 /* on */
	.solList li.on .solTxt h3{font-size:23px;}
	.solList li.on .solTxt h1{font-size:37px;}
	
	.ensolution .leftInner, .ensolution .rightInner{padding:70px 0;}
	.title span{font-size:15px;margin-bottom:7px;}
	.title h1{font-size:29px;}
	.en-slick{margin-top:44px;}
	.slick-prev{top:-130px;}
	.slick-next{top:-130px;}
	.enTxt {padding-left:25px;font-size:18px;line-height:26px;}
	
	.recruit .section-wrap{padding:0 2%;}
	.recruit .leftInner{padding:70px 0 20px;}
	.recruit .rightInner{padding:20px 0 70px;}
	.btnBox {padding-top:20px;}
	
	.notice{padding:70px 0 60px;}
	.news-inner, .promotion-inner{margin:44px 11px 10px 11px;}
	
	
	
	
}

@media all and (max-width:490px){
	.slick-prev{top:-148px;}
	.slick-next{top:-148px;}
	
	#tab-menu ul li{width:162px;}
}

@media all and (max-width:360px){
	
}