@charset"gb2312";
/*---------------------------样式归零 ----------------------*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0;font-weight:400;font-style:inherit;font-family:inherit;vertical-align:top}

/*-------------------------归零样式END，请于样式表最前面调用-------------------------*/

/*-----------------自定义按钮样式，移动端不需要，PC端根据实际情况选择----------------*/
.demo {width: 396px;height: 290px;font-size: 14px;position:relative;}
.demo a.control {position:absolute;display: block;top: 60%;margin-top: -78px;width: 45px;height: 75px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: -15px -18px}
.demo a.next {right: 0;background-position: -95px -18px;}
.demo a.prev:hover { background-color:#333; opacity:0.7;}
.demo a.next:hover {background-color:#333; opacity:0.7;}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider{
    width:396px;
    height:310px;
    overflow:hidden;
}
.slider>ul{
    width:500%;
    height:100%;
    position:relative;
    left:0;
}
.slider li{
    width:396px;
    height:310px;
    float:left;
    position:relative;
}
.slider a{
    display:block;
     width:100%;
    height:100%;
    color:#0171C5;
    font-size:16px;
}
.slider img{
    width:100%;
    height:100%;
}
.slider p{
    width:396px;
    height:40px;
    line-height:40px;
    position:absolute;
    padding:0 20px;
    background:#D2D3CE;
    opacity:0.5;
    font-weight:bold;
    top:270px;
    left:0px;
    
}
/*@media screen and (-webkit-min-device-pixel-ratio:0){
    .slider p{
        top:250px;
    }
}*/