.slider {
    position: relative;
    width: 320px;
    margin: 0 auto 40px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.frame{
    position: relative;
    width:270px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap;
}

.frame li {
    position: relative;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
}
.frame li .s_slide_bg{width:100%;height:100%;margin:8px 0px 0px 28px;background-color:#000;opacity:0;filter:alpha(opacity=0);position:absolute;left:0px;top:0px;z-index:1;}
.frame li .s_official_img .s_slide_bg{width:378px;height:671px;}
.frame li .s_product_bg_img .s_slide_bg{width:586px;height:366px;}
.frame li .s_experient_img .s_slide_bg{width:379px;height:220px;}
.frame li .s_official_img,.frame li .s_product_bg_img,.frame li .s_experient_img{overflow:hidden;}
.slides {display: inline-block;}
.prev, .next {width:96px;height:97px;position:absolute; top:50%;margin-top:-46px;display:block;cursor:pointer;}
.next {background:url(../images/s-roll-right.png) no-repeat;right:0;}
.prev {background:url(../images/s-roll-left.png) no-repeat;left:0;}
.prev:hover{background:url(../images/s-roll-left-hover.png) no-repeat;}
.next:hover{background:url(../images/s-roll-right-hover.png) no-repeat;}
@media screen and (max-width:556px ) {
    .slides img{width:254px;height:147px;}
    .slides p{display:none;}
    .s_web_site img{height:auto;}
    .prev, .next{display:none;}
}
/*@media screen and (min-width:556px ) {
    .frame{width:435px;}
    .slider {width:556px;margin: 0 auto 20px;}
    .slides li{width:395px;padding:0px 20px;}
    .slides p{display:none;}
    .s_silder_pro{width:561px;}
    .s_silder_pro .frame{width:440px;}
    .s_silder_pro li{width:400px;}
    .s_silder_pro li img{width:100%}
}*/
@media screen and (min-width:674px ) {
    .frame{width:435px;}
    .slider{width:674px;margin: 0 auto 20px;}
    .slides li{width:395px;padding:0px 20px;}
    .s_silder_pro {width:650px;}
     .s_silder_pro .frame{width:462px;}
    .s_silder_pro li{width:422px;}
    .s_silder_pro li img{width:100%}
}
@media screen and (min-width:1109px ) {
    .frame{width:870px;}
    .slider{width:1109px;margin: 0 auto 20px;}
    .slides li{width:395px;padding:0px 20px;}
    .s_silder_pro {width:835px;}
     .s_silder_pro .frame{width:642px;}
    .s_silder_pro li{width:602px;}
     .frame li:hover .s_pro_img img{
    	-webkit-transform: scale(1.03);
    	transform: scale(1.03);}
    .frame li:hover .s_slide_bg{opacity:0.25;filter:alpha(opacity=25)}
   
}
@media screen and (min-width:1544px ) {
    .slider{width:1544px;margin: 0 auto 20px;}
    .frame{width:1305px;}
    .slides li{width:395px;padding:0px 20px;}
    .s_silder_pro .frame{width:1284px;}
    .s_silder_pro li{width:602px;}
    .frame li:hover .s_pro_img img{
    	-webkit-transform: scale(1.03);
    	transform: scale(1.03);}
    .frame li:hover .s_slide_bg{opacity:0.25;filter:alpha(opacity=25)}
}