html { color: #000; background: #fff; height: 100%; margin-bottom: 1px; }
body, div, ul, li { margin: 0; padding: 0; }
img{border:0}
ul { list-style: none; }
html, html body { color: #666; font: 12px/1.5 'Microsoft YaHei','宋体',STHeiti,Verdana,Arial,Helvetica,sans-serif; background: #fff; }
a { color: #538c9f; }
    a:hover { color: #84B263; }
    body{
        
     overflow-x:hidden;

    }



div.wrapper { width: 1200px; margin: 0 auto; position: relative;margin-top: -25px; }
.fn-clear { zoom: 1; }
.box_skitter { /*position: relative;*/ background: none; }
/*    .box_skitter ul { display: none; }*/
    .box_skitter .container_skitter {/* overflow: hidden;*/ position: relative; }
    .box_skitter .image { /*overflow: hidden; */}
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: -30px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: -30px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width:1920px; height: 499px; margin-left: -360px;}
/*    #slideshow ul { display: none; }*/


@media only screen and (max-width: 640px)
{
   div .wrapper{
        width:100%;


    }
    #slideshow{
        width: 100%;
        margin-left: 0;
        height: 10rem;
        margin-top: 2rem;
        margin-left: 0;

     

    }
    .image_main{
        width: 100%;
        height: 10rem;
    }

    .box_clone{
         width: 100%!important;
        height: 10rem!important;

    }
    .box_skitter .prev_button{
        left: 6px;
    }
    .box_skitter .next_button{
        right: -23px;
    }
    .box_clone img{
         width: 100%;
        height: 10rem;
        margin-left:0;

    }
    .container_skitter{

        width: 100%;
        height: 12rem;
    }


}