#banner {position:relative; z-index:2; width:100%; height:auto; overflow:hidden;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
#banner .pics {position:relative; width:100%; height:100%; transition-property: transform; z-index: 1;display: flex;}
#banner .pics li {display:none;flex-shrink: 0; width: 100%; height: 100%; position: relative;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics li img {
    max-width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:120px;}
#banner .btns .next.on {right:120px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:42%; bottom:0; z-index:2;width:1130px; height:40px; overflow:hidden;}
#banner .g-wrap .idxs {float:left; height:100%;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:60px; height:5px;border:1px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#DA251D; border-color:#DA251D;}

#content {position:relative; overflow:hidden;}



    #nav {position:absolute; top:0;  z-index:4; height:1px; overflow:hidden;}
    #nav li {float:left; height:1px; }
    #nav .n1 {width:1px;}


    #nav li a {}