.unslider{overflow: hidden;margin:0;padding:0; width:100%; height:auto; position: relative; }/*  height:276px; */
.unslider-wrap{position:relative;}
.unslider-wrap.unslider-carousel>li{float:left;}
.unslider-vertical>ul{height:100%;}
.unslider-vertical li{float:none;width:100%;}
.unslider-fade{position:relative;}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8;}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10;}
.unslider-fade .unslider-wrap li a{transition: all 0.3s linear;}
.unslider-fade .unslider-wrap li a:hover{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;}
.unslider-fade .unslider-wrap li img{ width:380px; height:276px;transition: all 0.6s;}
.unslider-fade .unslider-wrap li img:hover{transform: scale(1.1);}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none;}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer;}
.unslider-arrow.next{left:auto;right:20px;}


/* diy */
.unslider-nav {position:absolute; z-index:99; width:100%; bottom:12px;}
.unslider-nav ol {list-style: none;text-align: center;}
.unslider-nav ol li {display: inline-block;width: 10px;height: 10px;margin: 0 3px;border-radius: 4px;overflow: hidden;text-indent: -999em;cursor: pointer; background:#fff;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4; }
.unslider-nav ol li.unslider-active {filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;cursor: default;}

.slideBox { height:276px;}
.slideBox ul{}
.slideBox ul li{ height:276px;}
.slideBox {}


.unslider-arrow2 {width:60px; height:90px;position: absolute;left: 0px;z-index: 10;cursor: pointer;  background-image:url(/upload/ad_ctr.png); filter:alpha(Opacity=20);-moz-opacity:0.2;opacity:0.2; transition: all 0.3s linear; top:50%; margin-top:-45px;}
.unslider-arrow2:hover{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.unslider-arrow2.next {left: auto;right: 0px;background-position:0 -90px;}
.prev {}
.next {}


/*

<div class="banner_itop">
    <div class="unslider">
        <div class="banner_i1 unslider-fade" id="banner_i1" style="overflow: hidden;">
            <ul class="unslider-wrap">
                <li style="background-image: url(/upLoad/b21.jpg); opacity: 0;" class=""><a href="#" title=""><div class="bi_1"></div></a></li>
                <li style="background-image: url(/upLoad/b22.jpg); opacity: 0;" class=""><a href=" #" title=""><div class="bi_2"></div></a></li>
                <li style="background-image: url(/upLoad/b23.jpg); opacity: 1;" class="unslider-active"><a href=" #" title=""><div class="bi_3"></div></a></li>
                <li style="background-image: url(/upLoad/b24.jpg); opacity: 0;"><a href=" #" title=""><div class="bi_4"></div></a></li>
                <li style="background-image: url(/upLoad/b25.jpg); opacity: 0;"><a href=" #" title=""><div class="bi_5"></div></a></li>
                <li style="background-image: url(/upLoad/b26.jpg); opacity: 0;"><a href=" #" title=""><div class="bi_6"></div></a></li>
            </ul>
        </div>
		<a class="unslider-arrow2 next"></a><a class="unslider-arrow2 prev"></a>
		<nav class="unslider-nav">
		  <ol>
			<li data-slide="0" class="">1</li>
			<li data-slide="1" class="unslider-active">2</li>
			<li data-slide="2">3</li>
			<li data-slide="3">4</li>
			<li data-slide="4">5</li>
			<li data-slide="5">6</li>
		  </ol>
		</nav>
    </div>
</div>
*/

.banner_itop { width:100%; height:950px; overflow:hidden; margin:0 auto; transition: all 0.3s linear; min-width:1200px;} 
.banner_itop .unslider {margin: 0 auto;padding: 0;width: 100%;height: 950px;overflow: hidden; min-width: 1200px;	}
.banner_itop .unslider-fade{ width:100%; height:950px; overflow:hidden; min-width:1200px;}
.banner_itop .unslider-fade .unslider-wrap {width:100%; height:950px; min-width:1200px;}
.banner_itop .unslider-fade .unslider-wrap li{ min-width:1200px; height:950px; background-position:center center; background-repeat:no-repeat; }
.banner_itop .unslider-fade .unslider-wrap li a{ min-width:1200px; height:100%; display:block;}
.banner_itop .unslider-fade .unslider-wrap li a:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.banner_itop .unslider-nav {position:absolute; z-index:99; width:100%; bottom:22px;}
.banner_itop .unslider-nav ol {list-style: none;text-align: center;}
.banner_itop .unslider-nav ol li {width: 26px; height: 10px; margin: 0 5px; background:#fff; border-radius:0; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1;}
.banner_itop .unslider-nav ol li.unslider-active {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;cursor: default;}

@media screen and (min-width: 1024px) {

.banner_itop .unslider-fade .unslider-wrap li { background-size:cover;  background-attachment:fixed; }

}



/*

.focusBox .pic{ position:relative; z-index:0; min-width:1200px; }
.focusBox .pic li{ background-position:center center; background-repeat:no-repeat; background-size:cover ; background-attachment:fixed; min-width:1200px;}
.focusBox .pic li a{ display:block;}
.focusBox .pic li a span{ display:none;}
.focusBox .pic li a img{ width:auto; max-width:100%; display:none;}

.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(/upload/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1; }
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev , .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(/upload/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }



.slideBox ul li img{ transition: all 0.6s;  }
.slideBox ul li img:hover{ transform: scale(1.2);}
*/