@charset "utf-8";

#visual {width:100%; overflow:hidden; background:#000;}
#visual .item{overflow:hidden;}
#visual .item .mobile {display:none;}
#visual .owl-nav {}
#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {position:absolute; top:40%; width:75px; height:143px; font-size:0; }
#visual .owl-nav .owl-prev {left:42px; background:url('../img/prev.png') center no-repeat; background-size:contain;}
#visual .owl-nav .owl-next {right:42px; background:url('../img/next.png') center no-repeat; background-size:contain}
#visual .owl-dots{position:absolute;width:100%;bottom:3%;text-align:center}  
#visual .owl-dots .owl-dot{display:inline-block;width:20px;height:20px;margin:0 6px; border:2px solid #fff;}
#visual .owl-dots .owl-dot.active{background:#fff; }

@media (max-width: 1199px) {
	#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {top:35%; width:50px; height:110px;}
}

@media (max-width: 999px) {

	#visual .item .pc {display:none;}
	#visual .item .mobile {display:block;}
}

@media (max-width: 699px) {
	#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {width:25px; height:60px;}
	#visual .owl-nav .owl-prev {left:10px;}
	#visual .owl-nav .owl-next {right:10px;}
	#visual .owl-dots .owl-dot {width:12px; height:12px; margin:0 3px;}
}

#banner {display:block; overflow:hidden; background:#fff;}

@media (max-width: 999px) {
	#banner .container {padding:0 !important;}
}

#banner .cs_center {float:left; color:#04050a; width:600px; height:200px; overflow:hidden; padding:24px 0px;}
#banner .cs_center .tit {font-size:35px; text-align:center; float:left; margin-right:68px;}
#banner .cs_center .tit img {display:block; margin:0 auto;}
#banner .cs_center .tit span {display:block; font-size:14px; text-transform: uppercase; font-weight:normal;}
#banner .cs_center .info {float:left; margin-top:14px;}
#banner .cs_center .info span.small {font-size:18px; line-height:20px;}
#banner .cs_center .info span.small strong.time {display:block;}
#banner .cs_center .info h4 {font-size:40px;}
#banner .cs_center .info span.email {font-size:26px; letter-spacing:-0.03em; line-height:26px;}

@media (max-width: 1199px) {
	#banner .cs_center {width:50%;}
	#banner .cs_center .tit {margin:0%; width:35%;}
	#banner .cs_center .info {width:65%; margin-top:20px;}
	#banner .cs_center .info span.small {font-size:120%;}
	#banner .cs_center .info h4 {font-size:260%;}
	#banner .cs_center .info span.email {font-size:180%;}
}

@media (max-width: 999px) {
	#banner .cs_center {width:65%; height:180px; padding:20px 0px;}
	#banner .cs_center .tit {font-size:240%; width:40%;}
	#banner .cs_center .tit span {font-size:40%;}
	#banner .cs_center .info {margin-top:18px; width:60%;}
	#banner .cs_center .info h4 {font-size:220%;}
	#banner .cs_center .info span.email {font-size:140%;}
}

@media (max-width: 699px) {
	#banner .cs_center {width:100%; height:150px;}
	#banner .cs_center .tit {font-size:200%; width:35%;}
	#banner .cs_center .tit span {margin-top:-6px;}
	#banner .cs_center .tit img {width:70px;}
	#banner .cs_center .info {margin-top:3px; width:65%;}
	#banner .cs_center .info span.small {font-size:110%;}
	#banner .cs_center .info h4 {font-size:200%;}
	#banner .cs_center .info span.email {font-size:120%;}
}


#banner .main_box {position:relative; float:left; width:300px; height:200px; padding:33px 36px; overflow:hidden;}
#banner .main_box a {color:#fff; display:block; overflow:hidden;}
#banner .main_box h3 {font-size:35px; line-height:39px; font-weight:normal;}
#banner .main_box h3 em {font-style:normal; display:block; font-size:22px; line-height:22px; font-weight:lighter;}
#banner .main_box .btn {position:absolute; display:block; padding:0; text-align:center; width:100%; left:0; bottom:16px; height:28px; line-height:28px;}
#banner .main_box .btn em {font-style:normal; border:1px solid #fff; color:#fff; font-size:20px; display:inline-block; overflow:hidden; padding:0px 13px; font-weight:normal;}
#banner .main_box span.br {display:block;}

@media (max-width: 1199px) {
	#banner .main_box {width:25%; padding:33px 2%;}
	#banner .main_box h3 {font-size:260%; line-height:110%;}
	#banner .main_box h3 em {font-size:60%;}
	#banner .main_box .btn em {font-size:140%;}
}

@media (max-width: 999px) {
	#banner .main_box {width:35%; padding:23px 4%; height:180px;}
	#banner .main_box h3 {font-size:240%;}
	#banner .main_box .btn {bottom:23px;}
	#banner .main_box .btn em {font-size:120%;}
}

@media (max-width: 699px) {
	#banner .main_box {width:100%; padding:23px 6%; height:140px;}
	#banner .main_box h3 {font-size:220%;}
	#banner .main_box .btn {width:auto; left:6%;}
	#banner .main_box .btn em {font-size:110%;}
	#banner .main_box span.br {display:inline; margin-left:8px;}
}

#banner .guide {background:url('../img/guide_icon.png') #ffb400 206px 63px no-repeat;}
#banner .guide .btn em {background:#ffa200; }

@media (max-width: 1199px) {
	#banner .guide {background-position:94% 63px;}
}

@media (max-width: 999px) {
	#banner .guide {display:none;}
}


#banner .price {background:url('../img/price_icon.png') #01abc4 206px 63px no-repeat;}
#banner .price .btn em {background:#0198c4;}

@media (max-width: 1199px) {
	#banner .price {background-position:94% 63px;}
}

@media (max-width: 999px) {
	#banner .price {background-position:94% 43px;}
}

#product {display:block; overflow:hidden; background:#eeeeee; padding:89px 0px;}
#product .pro_box {position:relative; float:left; border:1px solid #e5e5e5; width:326px; height:311px; padding:20px 21px; margin-right:22px; margin-bottom:19px; overflow:hidden;}
#product .pro_box a {display:block; overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; padding:20px 21px;}
#product .pro_box h4 {position:relative; font-size:28px; z-index:2;}
#product .pro_box p {position:relative; font-size:14px; line-height:20px; z-index:2;}
#product .pro_box span.btn {position:absolute; right:6px; bottom:6px; font-size:0; background:url('../img/more.png') #eeeeee center no-repeat; width:25px; height:25px; display:inline-block; z-index:2;}

#product .pro_box a:hover {color:#fff !important;}
#product .pro_box a:hover .over {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
#product .pro_box a:hover span.btn {background:url('../img/more.png') center no-repeat; border:1px solid #b6b6b6;}

@media (max-width: 1199px) {
	#product .pro_box {width:24%; margin-right:2%; height:34.5vmin;}
}

@media (max-width: 999px) {
	#product .pro_box {width:40%; height:40vmin;}
}

@media (max-width: 699px) {
	#product {padding:10% 0%;}
	#product .pro_box {margin-bottom:2%; }
	#product .pro_box h4 {font-size:180%; margin-bottom:4px;}
	#product .pro_box p {font-size:120%; line-height:120%;}
}

@media (max-width: 599px) {
	#product .pro_box {width:100% !important; margin-right:0 !important; height:54vmin;}
}

#product .pro_01 {background:url('../img/pro01_img.png') #fff center 125px no-repeat;}
#product .pro_02 {width:504px; background:url('../img/pro02_img.png') #fff 95px 115px no-repeat;}
#product .pro_03 {margin-right:0; background:url('../img/pro03_img.png') #fff center 120px no-repeat;}
#product .pro_04 {background:url('../img/pro04_img.png') #fff center 120px no-repeat;}
#product .pro_05 {background:url('../img/pro05_img.png') #fff center 120px no-repeat;}
#product .pro_06 {width:504px; margin-right:0; background:url('../img/pro06_img.png') #fff 100px 70px no-repeat;}

@media (max-width: 1199px) {
	#product .pro_01 {background-size:70%;}
	#product .pro_02 {width:48%; background-size:70%;}
	#product .pro_03 {background-size:70%;}
	#product .pro_04 {background-size:70%;}
	#product .pro_05 {background-size:70%;}
	#product .pro_06 {width:48%; background-size:70%;}
}

@media (max-width: 999px) {
	#product .pro_02 {width:58%; margin-right:0;}
	#product .pro_03 {width:49%; margin-right:2%;}
	#product .pro_04 {width:49%; margin-right:0;}
	#product .pro_06 {width:58%;}
}

@media (max-width: 599px) {
	#product .pro_01 {background-position:90% 90px; background-size:40%;}
	#product .pro_02 {background-position:90% 90px; background-size:70%;}
	#product .pro_03 {background-position:90% 90px; background-size:40%;}
	#product .pro_04 {background-position:90% 90px; background-size:40%;}
	#product .pro_05 {background-position:90% 90px; background-size:40%;}
	#product .pro_06 {background-position:90% 90px; background-size:70%;}
}


#board_cont {background:url('../img/board_cont_bg.jpg') 0% 100% no-repeat fixed; height:350px; overflow:hidden;}

#board_cont .notice {float:left; display:inline-block; width:450px; height:350px; background:rgba(0,0,0,0.5) repeat; padding:51px 24px 46px 34px; color:#fff;}

#board_cont .bottom_cs {float:right; margin:43px 0px; width:450px;}

#board_cont .bottom_cs .cs_box {background:rgba(49,49,49,0.7) repeat; border:5px solid #fff; color:#fff;}

#board_cont .bottom_cs .tel {margin-bottom:8px; text-align:center; padding:24px 0px;}
#board_cont .bottom_cs .tel strong {color:#ffcc00; font-size:30px;}
#board_cont .bottom_cs .tel p {color:#fff; font-size:17px; line-height:22px;}
#board_cont .bottom_cs .tel p span {font-weight:bold;}

#board_cont .bottom_cs .bank {text-align:center; padding:20px 0px 18px;}
#board_cont .bottom_cs .bank span {font-size:18px;}
#board_cont .bottom_cs .bank strong {display:block; font-size:30px;}

@media (max-width: 999px) {
	#board_cont {padding:53px 8%; height:auto;}
	#board_cont .notice {float:none; width:100%; display:block; height:auto; padding:7% 2%;}
	#board_cont .bottom_cs {float:none; width:100%; margin:53px 0px 0px;}
}

@media (max-width: 699px) {
	#board_cont {padding:10% 2%;}
	#board_cont .bottom_cs {margin:10% 0 0;}
	#board_cont .bottom_cs .tel p {font-size:110%;}
}