/* CSS Document */
*{ padding:0; margin:0;}
body{ background:#CCC;font-size:0}
.banner{ width:100%; height:680px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:680px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:680px; float:left;}
.b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/carousel/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:295px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/carousel/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:295px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


/* CSS Document */
*{ padding:0; margin:0;}
.shuto_fullSlide{ position:relative;margin:0 auto; }
.shuto_fullSlide .shuto_bd{ position:relative; z-index:0; }
.shuto_fullSlide .shuto_bd li img{width:100%; vertical-align:top;  } 
.shuto_fullSlide .shuto_hd{position:absolute; z-index:1; bottom:0;width:100%; height:40px; line-height:40px;text-align:center;
	 background:rgba(0,0,0,.1);
}
.shuto_fullSlide .shuto_hd ul{ text-align:center;  padding-top:5px; margin: 0;}
.shuto_fullSlide .shuto_hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; overflow:hidden; 
	font-size:0;background-color: #1c9c47;padding: 2px;font-size: 0;border-radius: 6px;
}
.shuto_fullSlide .shuto_hd ul .on{ background-color: #fff;}
.shuto_fullSlide .prev,.shuto_fullSlide .next{ z-index:1; display:block; width:44px; height:100px; position:absolute; top: 40%;margin-left:3%;  background:url(../images/carousel/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.shuto_fullSlide .next{  background-position:right 0; right:0; margin-right:3%;  }
.shuto_fullSlide .prev:hover{background-position: left -100px;}
.shuto_fullSlide .next:hover{ background-position: right -100px;}


@media (min-width: 1200px) {
    
}
/* Large desktop */
@media (max-width: 1200px) {
	.shuto_fullSlide .prev, .shuto_fullSlide .next{top: 38%;zoom: 0.8;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.shuto_fullSlide .prev, .shuto_fullSlide .next{top: 38%;zoom: 0.7;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.shuto_fullSlide .prev, .shuto_fullSlide .next{top: 38%;zoom: 0.6;opacity:1;}
	.shuto_fullSlide .shuto_hd{background: none;}
	.shuto_fullSlide .shuto_hd ul li{margin: 2px 5px;padding:1px;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	.shuto_fullSlide .prev, .shuto_fullSlide .next{top: 38%;zoom: 0.4;opacity:1;}
	.shuto_fullSlide .shuto_hd{background: none;}
	.shuto_fullSlide .shuto_hd ul li{margin: 0 4px;padding:0;}
}