@charset "utf-8";
/* 切换按钮 */
#banner{
width: 100%;
height: 500px;
margin: 0 auto;
}
#banner .slider {
width: 100% !important;
height: 500px !important;
margin: 0 auto;
overflow: hidden;
}
.slider .slider-main{
width: 100%;
height: 500px;
}
.slider-main>li{
width: 100% !important;
height: 500px !important;
text-align: center;
}
.slider-main>li img{
width: 100%;
height: 100%;
display: inline-block;
margin: 0 auto;
text-align: center;
background-size: 100% 100%;
}
    /* 上一个 */
.osSlider-main .slider-btn-prev {
position: absolute;
z-index: 30;
top: 50%;
left: -45px;
width: 40px;
height: 40px;
cursor: pointer;
text-indent: -9999px;
margin-top: -20px;
background: url(../images/prev.png) 50% 50% no-repeat;
transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-prev {
    left: 20px;
}
    /* 下一个 */
.osSlider-main .slider-btn-next {
position: absolute;
z-index: 30;
top: 50%;
right: -45px;
width: 40px;
height: 40px;
cursor: pointer;
text-indent: -9999px;
margin-top: -20px;
background: url(../images/next.png) 50% 50% no-repeat;
transition: all .5s linear;
}
.osSlider-main:hover .slider-btn-next {
right: 20px;
}
/* 高亮导航部分 */
.slider-nav{
padding-left: 0;
}
.osSlider-main .slider-nav {
position: absolute;
width:100%;
height: 22px;
bottom: 20px;
text-align: center;
z-index: 25;
/*filter:alpha(opacity=0);*/
/*-moz-opacity:0;*/
/*-khtml-opacity: 0;*/
/*opacity: 0;*/
/*visibility: hidden;*/
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.osSlider-main:hover .slider-nav{
/*filter:alpha(opacity=100);*/
/*-moz-opacity:1;*/
/*-khtml-opacity: 1;*/
/*opacity: 1;*/
/*bottom: 20px;*/
/*visibility: visible;*/
}
.osSlider-main .slider-nav li {
display: inline-block;
height: 15px;
width: 2px;
line-height: 20px;
padding: 0 6px;
margin: 0 12px;
font-size: 12px;
color: #eee;
text-indent: -9999px;
border: 1px solid #eee;
background: none;
cursor: pointer;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.osSlider-main .slider-nav li.active {
color: #333;
background: #fe0000;
border: 1px solid #fe0000;
}
.osSlider-main .slider-nav li:hover {
border: 1px solid #fe0000;
background: #fe0000;
}