@charset "utf-8";


/*** Main_Common ***/
	/* img{image-rendering:pixelated; } */
	img:focus{outline:none;}
/* Main Visual */
	.mv_sec {position:relative; height:850px;}
	.mv_sec .owl-nav{display:none;}
	/* Main Slider Start Effect */
	.mv_list {transition:5s;}
	/* Main Slider Height */
	.mv_sec .owl-carousel{opacity:1 !important;}
	.mv_sec .owl-carousel .owl-stage-outer{opacity:1 !important;}
	.mv_sec .owl-theme .item {position:relative;width:100%;height:850px;overflow:hidden;z-index:1;}
	.mv_sec .owl-theme .active .item {z-index:2;}
	.mv_sec .owl-theme .item img {display:block;width:auto;/* height:780px; */position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;transform:scale(1);  margin: 0;	}
    .mv_sec .owl-theme .active .item img {animation-duration:10s;  animation-fill-mode:both;} 
    .mv_sec .owl-theme .item .vis_m {display: none;}
	.mv_sec .owl-theme .item >.inner{position:absolute; left:0; top:50%; transform: translateY(-50%); width:1320px; position:relative; margin:0 auto;}
	/* Main Slider Slogan */
	.mv_info {position:absolute; z-index:10; left:14.5%; top:325px; box-sizing: border-box; margin-left:21px; margin-top:-9px;}
	/* Text */
	.mv_sec  .txtarea{text-align:center;}
	.mv_sec  .txtarea h5{opacity:0; font-size:80px; color:#32303d; font-weight:700; line-height:1; margin-bottom:30px;
	text-shadow:5px 5px 5px rgba(0,0,0,0.05); position:relative; letter-spacing:-1.2px; font-family: 'Montserrat', sans-serif;}
	.mv_sec  .txtarea p{	text-shadow:5px 5px 5px rgba(0,0,0,0.05); opacity:0; font-size:26px; color:#32303d; line-height:1; font-weight:500; position:relative; letter-spacing:0;}
	.active  .txtarea h5{animation-duration:2s; animation-name:ani2; animation-fill-mode:both;}
	.active  .txtarea p{animation-duration:2s; animation-name:ani2; animation-fill-mode:both; animation-delay:0.5s}
	@keyframes ani2{
		0% { bottom:40px; opacity:0} 
		100%{ bottom:0px;  opacity:1;}
	}
	@keyframes ani3{
		0% {transform:scale(1)} 
		100%{ transform:scale(1)}
	}
	/* Img */
	.mv_sec  .mv_img{ position:absolute; right:13.3%; transform:translateX(-622px); bottom:832px; }
	.mv_sec  .mv_img.eq1{bottom:840px;}
	.mv_sec  .mv_img.eq2{bottom:840px;}
		@keyframes ani1{
		0% { bottom:90px; opacity:0} 
		100%{ bottom:60px;  opacity:1;}
	}

	.bx-controls-direction{display:none;}
	/* Main Slider nav */						
	.mv_sec .owl-theme .owl-dots {display:none !important; position:absolute; top:50%; margin-top:6px; transform:translateY(-50%); left:100px; display:inline-block;}
	.mv_sec .owl-theme .owl-dots button{background: none; margin-bottom:19px;display:block; width:39px; height:39px; transition:all 0.1s ease-out;}
	.mv_sec .owl-theme .owl-dots button:hover{transform:perspective(600px) rotateY(6deg)  rotateX(6deg)translateZ(-4px);}
	.mv_sec .owl-theme .owl-dots button:focus{outline:none;}
	.mv_sec .owl-theme .owl-dot{position: relative;}
	.mv_sec .owl-theme .owl-dot:before{opacity: 0;position: absolute;content: '';width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;top:0; left:0; box-sizing: border-box;}
	 .mv_sec .owl-theme .owl-dots .active:before,
	.mv_sec .owl-theme .owl-dot:hover:before{opacity: 1;}
	.mv_sec .owl-dots .owl-dot span{width: 7px !important;height: 7px !important;background-color: #fff !important; margin: 16px !important;}
	
	.mv_sec .control2 img{transition:0.2s all ease; position:absolute; top:50%; transform:translateY(-50%); z-index:100; cursor:pointer;}
	.mv_sec .control2 img:hover{opacity:0.7;}
	.mv_sec .control2 img:nth-child(1){left:3.8%}
	.mv_sec .control2 img:nth-child(2){right:3.8%; transform:translateY(-50%) rotate(180deg);}
	.mv_sec .control{cursor:pointer;height:12px; bottom:60px; position:absolute; left:50%; transform:translateX(-50%); z-index:999;}
	.mv_sec .control .left_bx{float:left; margin-top:3px; }
	.mv_sec .control .left_bx span{display:block; float:left; margin-right:11px;width:60px; transition:0s all ease;  height:6px; border:1px solid #fff; box-sizing:border-box;}
	.mv_sec .control .left_bx span:hover,
	.mv_sec .control .left_bx span.on{border:1px solid #00b642; background:#00b642;}
	.mv_sec .control .left_bx span:last-child{margin-right:0;}
	.mv_sec .control .stop_btn{margin-left:13px;float:right; height:12px; width:17px;}
	.mv_sec .control .stop_btn>span:nth-child(2){}
	.mv_sec .control .stop_btn>span{background:#fff; display:block; width:3px; height:12px; float:right; margin-left:4px;}

	.mv_sec .control .stop_btn:hover>span{  background:#00b642;}
	.mv_sec .control .stop_btn.on:hover>span:nth-child(2){

		border-top: 6.5px solid transparent;
		border-bottom: 6.5px solid transparent;
		border-left: 13px solid #00b642;
	}
	.mv_sec .control .stop_btn>span:nth-child(2){margin-right:0;}
	/** effect **/
	@keyframes ani1{
		0% { top:-20px; opacity:0} 
		100%{ top:0px;  opacity:1;}
	}
	.mv_sec .control .stop_btn.on>span:nth-child(1){
		width:0; height:0;
		opacity:0;
	}
	.mv_sec .control .stop_btn.on>span:nth-child(2){
		width:0;
		height:0;
		border-top: 6.5px solid transparent;
		border-bottom: 6.5px solid transparent;
		border-left: 13px solid #00b642;
		background:transparent;
	}
	.mv_sec .control .stop_btn.on>span:nth-child(2):hover{

	}


.af::after{display: block; content:''; clear: both;}
.robo{font-family: 'Roboto', sans-serif !important;}


/* Main Contents */
.cont>.inner{box-sizing:border-box; position:relative;width:1320px; margin:0 auto; padding:129px 0;}
.cont .refer2_h5{font-size:50px; font-family: 'Montserrat', sans-serif; line-height:1; font-weight:700; text-align:center; padding-bottom:50px; }
/*
.cont .refer_h5>span{display:block; color:#00b5ee; font-size:30px; font-family: 'Montserrat', sans-serif; line-height:1; margin-bottom:13px; }
.cont .refer_h5{line-height:50px; font-weight:700; font-size:50px; font-family: 'Montserrat', sans-serif; margin-bottom:25px; text-align:left;}
.cont .refer_p{transition:0.2s all ease; font-size:18px; color:#333; line-height:1.6;}
*/
.cont01{  background:url(../../images/main/cont01_bg.jpg) no-repeat center top;}
.cont01>.inner{height:830px;}
.cont01 .refer2_h5{color:#004b1b;}
.cont01 ul li{width:25%; float:left; height:97px; margin-bottom:28px;}
.cont01 ul li p{transition:0.2s all ease; float:left; line-height:1.2; font-size:24px; font-weight:500; margin-left:25px;  height: 100px; box-sizing: border-box; display:flex; align-items: center;}
.cont01 ul li:nth-child(n+13){margin-bottom:0}
.cont01 ul li .img_wrap{box-shadow:5px 5px 15px rgba(0,0,0,0.09); transition:0.2s all ease;
position:relative;width:100px; height:97px; float:left; overflow:hidden; box-sizing:border-box; border:3px solid #fff; border-radius:50%; background:#f6f6f6;}
.cont01 ul li:hover .img_wrap{border:3px solid #00b642; background:#fff;}
.cont01 ul li:hover p{color:#00b642;}
.cont01 ul li .img_wrap img{width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.cont02{height:px;  background:url(../../images/main/cnt02_bg.jpg) no-repeat center top;}
.cont02 .h22{ font-family: 'na_sq'; font-size:45px; color:#fff; text-align:center; font-weight:600; line-height:44px; margin-bottom:29px;}
.cont02  .btn_a{transition:0.2s all ease; line-height:69px; width:170px; margin:0 auto; color:#fff; border-radius:25px; font-size:20px; border-radius:45px; font-family: 'Montserrat', sans-serif; font-weight:600; text-align:center;  background:#00b642;}
.cont02  .btn_a:hover{background:#004b1b;}
.cont03{  background:url(../../images/main/cont03_bg.jpg) no-repeat center top;}
.cont03>.inner{height:636px;}
.cont03 .bx{float:left; width:620px; float:left;  margin-right:80px;}
.cont03 .bx:nth-child(2){margin-right:0;}
.cont03 .bx .r_h6{ margin-bottom:40px; padding-left:55px; line-height:36px; font-size:36px;  font-weight:600; font-family: 'na_sq';  background:url(../../images/main/cicic4.png) no-repeat left 5px; 
background-size:auto 28px;} 
.cont03 .bx .r_h6 a{padding-top:7px; float:right; position:relative; font-family: 'Montserrat', sans-serif; font-size:16px; line-height:15px; font-weight:600;  padding-bottom:9px;position: relative;right: 21px;}
.cont03 .bx .r_h6 a img{display:none;position:absolute; left:0; bottom:0;}
.cont03 .bx .r_h6 a img:nth-child(1){display:block;}
.cont03 .bx .r_h6:hover a{color:#00b642;}
.cont03 .bx .r_h6:hover a img:nth-child(1){display:none;}
.cont03 .bx .r_h6:hover a img:nth-child(2){display:block;}
.cont03 .bx ul li{position:relative; float:left; width:300px; margin-right:20px;  border-bottom:1px solid #ddd;}
.cont03 .bx ul li>a{width:300px;  }
.cont03 .bx ul li:hover .img_wrap img{transform:perspective(600px) translate(-50%,-50%) scale(1.1)  rotate(.001deg);} 
.cont03 .bx ul li:hover{ border-bottom:1px solid #00b642;}
.cont03 .bx ul li:hover .txt>span{background:#00b642;}
.cont03 .bx ul li:hover .txt>span>span{background:#fff;}
.cont03 .bx ul li:last-child{margin-right:0;}
.cont03 .bx ul li:hover .cover{opacity:1;}
.cont03 .bx ul li .cover{    opacity: 0;
    transition: 0.2s all ease;
    height: 300px;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0;}
.cont03 .bx ul li .img_wrap{box-shadow:7px 7px 15px rgba(0,0,0,0.05); height:300px; width:100%; background:#fff; overflow:hidden; position:relative; }
.cont03 .bx ul li .img_wrap img{image-rendering:auto; transition:0.5s all ease; position:absolute; left:50%; top:50%; transform:perspective(600px) translate(-50%,-50%) scale(1.0) rotate(.000deg);}
.cont03 .bx ul li .txt {padding:0 15px;}
.cont03 .bx ul li .txt p{float:left; width:235px; line-height:78px;font-size:20px; font-weight:400;}
.cont03 .bx ul li .txt>span{transition:0.2s all ease; position:relative; display:block; width:33px; height:33px; float:right; margin-top:25px; border-radius:50%; background:#fff;box-shadow:5px 5px 8px rgba(0,0,0,0.05)}
.cont03 .bx ul li .txt>span>span{transition:0.2s all ease; width:8px; background:#aaa; height:2px; display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.cont03 .bx ul li .txt>span>span:nth-child(2){ transform:translate(-50%,-50%) rotate(90deg);}