@charset "utf-8";

.section01{ height:800px; overflow:hidden; background:url(1-1.jpg) #1D1D1D}

.section01 .masking{ width:400%; height:960px; position:absolute; top:0; left:0%; -webkit-transition: all 2s 2s; transition: all 2s 2s; opacity:1; background:#000}

.section01.is-visible .masking{ opacity:0 }

.section01 .con{ text-align:center; top:18%; background:url(h1-1-1.png) no-repeat center top; padding-top:110px; -webkit-transition: all 2s .5s; transition: all 2s .5s; -webkit-transform: translate3d(0, 180px, 0); transform: translate3d(0, 180px, 0); z-index:2}

.section01 .con h2{ color:#FFF; font-size:28px; line-height:40px;}

.section.is-visible .con{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slideBox{ width:1240px; height:626px; margin:0 auto; overflow:hidden; position:relative; }

.slideBox .hd{ height:15px; overflow:hidden; z-index:1; position:absolute; width:100%; bottom:50px; }

.slideBox .hd ul{ width:100%;text-align:center }

.slideBox .hd ul li{ display:inline-block; background:#ccc; width:12px; height:12px; text-align:center; cursor:pointer; float:none; margin:0 8px; border-radius: 6px; }

.slideBox .hd ul li.on{ background:#555; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0; }

.slideBox .bd li{ display:inline-block; zoom:1; vertical-align:middle; width:100%; text-align:center }

.slideBox .bd img{}

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:40%; margin-top:-54px; display:block; width:54px; height:108px; background:url(prev.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background:url(next.png) no-repeat; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }