﻿#slider {
    width: 100%;
    margin: 0 auto;margin-bottom:15px;
    position: relative;overflow:hidden;}

.scroll {
    height: 36.895vw;
   width:-webkit-calc(100% - 11.18vw); 
width:-moz-calc(100% - 11.18vw); 
width:calc(100% - 11.18vw); 
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    float: left;
}

.scrollContainer div.panel {
    height:36.375vw;margin-bottom:0.52vw;overflow:hidden;background:#fff;
    width: 100%;
}
.scrollContainer div.panel a{display:block;width:100%;height:36.375vw;float:left;background:#f49e27;color:#fff;font-size:2.504vw;text-decoration:none;overflow:hidden;line-height:1.1;}
.scrollContainer div.panel a span{display:block;width:3.125vw;margin-left:6.25vw;margin-top:1.041vw;}
.scrollContainer div.panel img{float:left;width:88.82vw;}

ul.navigation {
    list-style: none;background:#fff;overflow:hidden;
    margin: 0;width:11.18vw;
    padding: 0;float:left;
  
}

ul.navigation li {
    display: inline;width:100%;margin:1.2% 0px;float:left;
}

ul.navigation a {width:100%;
    color: #000;display:block;
    text-decoration: none;
}
ul.navigation a img{width:100%;}
ul.navigation a:hover {
    background-color: #f6f6f6;
}
ul.navigation a font{color:#fff;  display:block;width:100%;height:100%;position:absolute;z-index:10;left:0px;top:35%;text-align:center;}
ul.navigation a{position:relative;font-size:1vw;}
ul.navigation a span{
    display:block;width:100%;height:100%;position:absolute;z-index:9;left:0px;top:0px;
}
ul.navigation a.selected span{
    display:block;width:100%;height:100%;position:absolute;z-index:9;left:0px;top:0px;opacity:0.6;
}
ul.navigation a:focus {
    outline: none;
}

.kong {display:none;
    position: absolute;z-index:999;
    bottom: 0px;width:15.625vw;left:0px;background:#f49e27;height:8.333vw;
    cursor: pointer;padding-left:1.5625vw;padding-top:2vw;
}
.kong img{margin:1.5625vw 0.2604vw;}
.kong .left,.kong .right{width:2.656vw;}
.kong .cm{width:4.791vw;}

.hide {
    display: none;
}