@charset "utf-8";

#visual-section{width:100%; overflow:hidden; position:relative;}
#visual-section .owl-carousel{width:100%; margin:0 auto;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:46.58%; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:5%; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 5px; display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:50%; background:#fff; display:block;}
#visual-section .owl-carousel .owl-dots .active span{border:2px solid #fff; background:none;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .owl-carousel .owl-prev{width:70px; height:70px; top:50%; left:10px; text-indent:-9000px; background:url("../img/vslider_prev.png") no-repeat; background-size:cover; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:70px; height:70px; top:50%; right:10px; text-indent:-9000px; background:url("../img/vslider_next.png") no-repeat; background-size:cover; display:block; position:absolute;}
#visual-section .visual-txt{width:100%; top:35%; z-index:10000; position:absolute;}
#visual-section .visual-txt h1{font-size:30px; text-align:center; color:#fff; display:block;}
#visual-section .visual-txt h1 span{font-size:48px;}
#visual-section .visual-txt h2{margin-top:10px; font-size:36px; text-align:center; text-decoration:underline; color:#fff; display:block;}
#visual-section .visual-txt .visual-btn{width:650px; margin:50px auto 0;}
#visual-section .visual-txt .visual-btn:after{clear:both; content:""; display:block;}
#visual-section .visual-txt .visual-btn ul{}
#visual-section .visual-txt .visual-btn ul li{width:25%; text-align:center; float:left;}
#visual-section .visual-txt .visual-btn ul li .icon{width:124px; height:124px; margin:0 auto; display:block;}
#visual-section .visual-txt .visual-btn ul li h3{margin-top:20px; font-size:21px; text-align:center; color:#fff; display:block;}
#visual-section .visual-txt .visual-btn li:nth-child(1) .icon{background:url("../img/vb_icon01.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(2) .icon{background:url("../img/vb_icon02.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(3) .icon{background:url("../img/vb_icon03.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(4) .icon{background:url("../img/vb_icon04.png") no-repeat; background-size:cover;}

#visual-section .visual-txt .visual-btn li:nth-child(1):hover .icon{background:url("../img/vb_icon01r.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(2):hover .icon{background:url("../img/vb_icon02r.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(3):hover .icon{background:url("../img/vb_icon03r.png") no-repeat; background-size:cover;}
#visual-section .visual-txt .visual-btn li:nth-child(4):hover .icon{background:url("../img/vb_icon04r.png") no-repeat; background-size:cover;}


#cont1-section{padding:100px 0; background:url("../img/cont1_bg.jpg") no-repeat center top; background-size:cover;}
#cont1-section .cont1-box01{width:100%; max-width:1200px; margin:0 auto; padding:0 15px; position:relative;}
#cont1-section .cont1-box01 h1{font-size:36px; color:#000; display:block;}
#cont1-section .cont1-box01 h2{margin-top:25px; font-size:18px; color:#000; display:block;}
#cont1-section .cont1-box01 .product-ci{top:20px; right:0; position:absolute;}
#cont1-section .cont1-box01 .product-ci img{width:100%; max-width:481px;}
#cont1-section .cont1-box02{width:100%; max-width:1200px; margin:50px auto; text-align:center;}
#cont1-section .cont1-box02 a{padding:15px 45px; font-size:18px; color:#222; border-radius:5px; border:2px solid #837c75; display:inline-block;}
#cont1-section .cont1-box03{width:100%; max-width:1350px; margin:0 auto; padding:0 90px;}
#cont1-section .cont1-box03 .over{width:100%; height:0; top:0; left:0; z-index:5000; background:rgba(0,0,0,.5) url("../img/icon_arrow.png") no-repeat center 70%; position:absolute; overflow:hidden; transition-duration:.2s; transition-timing-function: ease-in; }
#cont1-section .cont1-box03 .over div{width:100%; top:30%; font-size:30px; text-align:center; color:#fff; position:absolute;}
#cont1-section .cont1-box03 li a:hover .over{height:100%;}

#product-slider{}
#product-slider li{border:3px solid #ccc;}
#product-slider li a{}
#product-slider li a img{width:100%; height:auto;}
#product-slider .bx-wrapper{margin:0; background:none;}
#product-slider .bx-wrapper .bx-pager{display:none;}
#product-slider .bx-wrapper .bx-default-pager.bx-pager a{width:25px; height:3px; border-radius:0; background:#999;}
#product-slider .bx-wrapper .bx-default-pager.bx-pager a:hover,
#product-slider .bx-wrapper .bx-default-pager.bx-pager a.active,
#product-slider .bx-wrapper .bx-default-pager.bx-pager a:focus{background:#b33130;}
#product-slider .bx-controls-direction a.bx-prev{width:37px; height:53px; left:-90px; top:-25px; background:url("../img/slider_prev.png") no-repeat;}
#product-slider .bx-controls-direction a.bx-next{width:37px; height:53px; right:-90px; top:-25px; background:url("../img/slider_next.png") no-repeat;}

#cont2-section{padding:60px 0 150px; background:url("../img/cont2_bg.jpg") no-repeat center top; background-size:cover;}
#cont2-section .cont2-box01{width:100%; max-width:1200px; margin:0 auto; padding:0 15px;}
#cont2-section .cont2-box01 h1{font-size:36px; text-shadow: 1px 2px rgba(0,0,0,.2); color:#fff; display:block;}
#cont2-section .cont2-box01 h2{margin-top:25px; font-size:18px; text-shadow: 1px 2px rgba(0,0,0,.2); color:#fff; display:block;}

#cont2-section .cont2-box02{width:100%; height:439px; margin-top:100px; background:rgba(0,0,0,.4);}
#cont2-section .cont2-box02 .inbox{width:100%; max-width:1200px; height:439px; margin:0 auto;}
#cont2-section .cont2-box02 .inbox:after{clear:both; content:""; display:block;}
#cont2-section .cont2-box02 .inbox .iibox{width:33.3333%; height:439px; float:left;}
#cont2-section .iibox a{height:439px; padding:30px; display:block;}
#cont2-section .iibox a:hover{background:#000; -moz-transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; transition:all 0.4s ease-in;}
#cont2-section .iibox .icon{width:142px; height:142px; margin:30px auto 0; display:block;}
#cont2-section .iibox:nth-child(1) .icon{background:url("../img/cont2_icon01.png") no-repeat; background-size:cover;}
#cont2-section .iibox:nth-child(2) .icon{background:url("../img/cont2_icon02.png") no-repeat; background-size:cover;}
#cont2-section .iibox:nth-child(3) .icon{background:url("../img/cont2_icon03.png") no-repeat; background-size:cover;}
#cont2-section .iibox h3{padding:30px 0; font-size:30px; text-align:center; color:#fff; border-bottom:1px solid #fff; display:block;}
#cont2-section .iibox h4{padding:30px 0; font-size:24px; text-align:center; color:#fff; display:block;}

#cont3-section{padding:130px 0; background:url("../img/cont3_bg.jpg") no-repeat center top; background-size:cover;}
#cont3-section .cont3-area{width:100%; max-width:1200px; margin:0 auto;}
#cont3-section .cont3-area:after{clear:both; content:""; display:block;}
#cont3-section .cont3-area h1{padding:0 15px; font-size:36px; color:#000; display:block;}
#cont3-section .cont3-area h2{margin-top:20px; padding:0 15px; font-size:18px; color:#000; display:block;}
#cont3-section .cont3-area ul{margin-top:50px;}
#cont3-section .cont3-area ul li{width:31.33%; margin:0 1%; max-height:336px; text-align:center; float:left; position:relative; overflow:hidden;}
#cont3-section .cont3-area ul li div{width:100%; height:100%; max-width:375px; top:0; left:0; z-index:1000; background:rgba(0,0,0,.6); position:absolute;}
#cont3-section .cont3-area ul li div h3{margin-top:30%; font-size:30px; text-align:center; color:#fff; display:block;}
#cont3-section .cont3-area ul li div h4{margin-top:5%; font-size:16px; line-height:25px; text-align:center; color:#fff; display:block;}
#cont3-section .cont3-area ul li img{width:100%; max-width:375px; -moz-transition:all 0.3s;  -webkit-transition:all 0.3s; transition:all 0.3s;}
#cont3-section .cont3-area ul li a:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

@media screen and (max-width:1450px){
	#visual-section .visual-txt{top:30%;}
}

@media screen and (max-width:1350px){
	#visual-section .owl-carousel .owl-dots{display:none;}
	#visual-section .owl-carousel .owl-nav{display:block;}
	#visual-section .visual-txt{top:30%;}
}

@media screen and (max-width:1200px){
	#visual-section .visual-txt{bottom:15%;}

	#visual-section .visual-txt h1{font-size:25px;}
	#visual-section .visual-txt h1 span{font-size:38px;}
	#visual-section .visual-txt h2{font-size:30px;}
	#visual-section .visual-txt .visual-btn ul li .icon{width:110px; height:110px;}
	#visual-section .visual-txt .visual-btn ul li h3{margin-top:20px; font-size:18px;}
}

@media screen and (max-width:1100px){
	#cont1-section .cont1-box01 .product-ci{top:0; margin-top:20px; text-align:center; position:relative;}
	#cont1-section .cont1-box02{margin:30px auto;}

	.stretchy_wrapper.ratio_slider{padding-bottom:500px !important;}
}

@media screen and (max-width:1000px){
	#visual-section .visual-txt{top:28%;}

	#cont1-section{padding:40px 0 40px;}

	#cont2-section{padding:40px 0 40px;}
	#cont2-section .cont2-box02{height:330px; margin-top:50px;}
	#cont2-section .cont2-box02 .inbox{height:330px;}
	#cont2-section .cont2-box02 .inbox .iibox{height:330px;}
	#cont2-section .iibox .icon{width:120px; height:120px; margin:20px auto 0;}
	#cont2-section .iibox a{height:330px;}
	#cont2-section .iibox h3{padding:20px 0; font-size:25px;}
	#cont2-section .iibox h4{padding:20px 0; font-size:20px;}

	#cont3-section{padding:40px 0 40px;}
	#cont3-section .cont3-area ul li div h3{margin-top:25%; font-size:25px;}
	#cont3-section .cont3-area ul li div h4{font-size:16px; line-height:30px;}
}

@media screen and (max-width:900px){
}

@media screen and (max-width:850px){

	#cont1-section{padding:40px 0 70px;}
	#cont1-section .cont1-box03{padding:0 10px;}
	#cont1-section .cont1-box02 a{padding:10px 35px; font-size:14px; color:#222; border-radius:5px; border:2px solid #837c75; display:inline-block;}

	#product-slider .bx-wrapper .bx-pager{display:block;}
	#product-slider .bx-controls-direction{display:none;}

}

@media screen and (max-width:760px){
	#visual-section .visual-txt h1{font-size:23px;}
	#visual-section .visual-txt h1 span{font-size:30px;}
	#visual-section .visual-txt h2{font-size:25px;}
	#visual-section .visual-txt .visual-btn ul li .icon{width:100px; height:100px;}
	#visual-section .visual-txt .visual-btn ul li h3{margin-top:20px; font-size:16px;}

	#cont3-section .cont3-area ul{margin-top:30px;}
	#cont3-section .cont3-area ul li div h3{margin-top:23%; font-size:20px;}
	#cont3-section .cont3-area ul li div h4{font-size:14px; line-height:25px;}
}

@media screen and (max-width:640px){
	#visual-section .visual-txt h1{font-size:20px;}
	#visual-section .visual-txt h1 span{font-size:23px;}
	#visual-section .visual-txt h2{font-size:20px;}
	#visual-section .visual-txt .visual-btn{width:100%; margin:20px auto 0;}
	#visual-section .visual-txt .visual-btn ul li h3{margin-top:10px; font-size:14px;}
	#visual-section .owl-carousel .owl-nav{display:none;}
	#visual-section .owl-carousel .owl-dots{display:block;}

	#cont1-section .cont1-box01 h1{font-size:30px;}
	#cont1-section .cont1-box01 h2{margin-top:15px; font-size:15px;}

	#cont2-section .cont2-box02{height:230px; margin-top:30px;}
	#cont2-section .cont2-box01 h1{font-size:30px;}
	#cont2-section .cont2-box01 h2{margin-top:15px; font-size:15px;}
	#cont2-section .cont2-box02 .inbox{height:230px;}
	#cont2-section .cont2-box02 .inbox .iibox{height:230px;}
	#cont2-section .iibox .icon{width:90px; height:90px; margin:5px auto 0;}
	#cont2-section .iibox a{height:230px;}
	#cont2-section .iibox h3{padding:10px 0; font-size:18px;}
	#cont2-section .iibox h4{padding:10px 0; font-size:16px;}

	#cont3-section .cont3-area h1{font-size:30px;}
	#cont3-section .cont3-area h2{margin-top:15px; font-size:15px;}
	#cont3-section .cont3-area ul li{width:33.33%; margin:0;}
}

@media screen and (max-width:600px){
	#cont3-section .cont3-area ul li div h3{margin-top:33%; font-weight:400; font-size:18px;}
	#cont3-section .cont3-area ul li div h4{display:none;}
}

@media screen and (max-width:550px){
	#cont2-section .iibox a{padding:30px 10px;}
}

@media screen and (max-width:430px){
	#cont2-section .cont2-box02 .inbox{height:200px;}
	#cont2-section .cont2-box02 .inbox .iibox{height:200px;}
	#cont2-section .cont2-box02{height:200px;}
	#cont2-section .iibox a{height:200px; padding:18px 10px;}
	#cont2-section .iibox h3{font-size:14px;}
	#cont2-section .iibox h4{font-size:12px;}
}

@media screen and (max-width:650px){
	.stretchy_wrapper.ratio_slider{padding-bottom:400px !important;}
}

@media screen and (max-width:470px){
	#visual-section .visual-txt{top:35%;}
	#visual-section .visual-txt .visual-btn ul li .icon{width:80px; height:80px;}
}