.carousel-box{ width:1200px; height:300px; margin:0 auto; position:relative;}
.banner{height:auto; position:relative;}
/* main_image */
.main_visual{height:285px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{width:1200px; height:285px;overflow:hidden;position:relative; margin:0 auto;}
.main_image ul{width:100%;height:285px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:285px;}
.main_image li span{display:block;width:100%;height:285px;}
.main_image li span h2{ position:relative; top:87%;font-family:microsoft YaHei!important; font-size:15px; color:#fff; padding:0px 10px; background:#000; height:40px; line-height:40px; filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}/*灰色背景条*/
.main_image li a{display:block;width:100%;height:285px;}
div.flicking_con{position:absolute;top:256px; right:-30%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}


@media screen and (min-width: 800px) and (max-width:1199px){
	.carousel-box{ width:800px; height:300px; margin:0 auto; position:relative;}
.banner{height:auto; position:relative;}
/* main_image */
.main_visual{height:285px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{width:800px; height:285px;overflow:hidden;position:relative;}
.main_image ul{width:100%;height:285px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:285px;}
.main_image li span{display:block;width:100%;height:285px;}
.main_image li span h2{ position:relative; top:87%;font-family:microsoft YaHei!important; font-size:15px; color:#fff; padding:0px 10px; background:#000; height:40px; line-height:40px; filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}/*灰色背景条*/
.main_image li a{display:block;width:100%;height:285px;}
div.flicking_con{position:absolute;top:256px; right:-30%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}
@media screen and (min-width: 640px) and (max-width:799px){
	.carousel-box{ width:640px; height:243px; margin:0 auto; position:relative;}
		.banner{height:auto; position:relative;}
/* main_image */
.main_visual{height:228px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{width:640px; height:228px;overflow:hidden;position:relative;}
.main_image ul{width:100%;height:228px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:228px;}
.main_image li span{display:block;width:100%;height:228px;}
.main_image li span h2{ position:relative; top:87%;font-family:microsoft YaHei!important; font-size:15px; color:#fff; padding:0px 10px; background:#000; height:30px; line-height:30px; filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}/*灰色背景条*/
.main_image li a{display:block;width:100%;height:228px;}
div.flicking_con{position:absolute;top:203px; right:2%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}
@media screen and (max-width: 639px){
	.carousel-box{ width:100%; height:243px; margin:0 auto; position:relative;}
			.banner{width:100%;height:auto; position:relative;}
/* main_image */
.main_visual{height:228px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{width:100%; height:228px;overflow:hidden;position:relative;}
.main_image ul{width:100%;height:228px;overflow:hidden;position:absolute;top:0;left:0;}
.main_image li{float:left;width:100%;height:228px;}
.main_image li span{display:block;width:100%;height:228px;}
.main_image li span h2{ position:relative; top:87%;font-family:microsoft YaHei!important; font-size:15px; color:#fff; padding:0px 10px; background:#000; height:30px; line-height:30px; filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}/*灰色背景条*/
.main_image li a{display:block;width:100%;height:228px;}
div.flicking_con{position:absolute;top:203px; right:2%;z-index:999;height:20px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}