.nav{
    position: fixed;
    top: 0;
    height: 106px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1;
}
.banner{
    height: 611px;
    padding-top: 170px;
    background: url('banner.png');
    background-size: cover;
}
.logo{
    background: url('logo.png') no-repeat;
    background-size: 60px, 60px;
    background-position-y: 26px;
    padding-left: 80px;
}
.image1{
    width: 270px;
    height: 200px;
    background: url('image1.png');
}
.image2{
    width: 256px;
    height: 200px;
    background: url('image1.png');
}
.div-line{
    height: 1px;
    background: #2080fb;;
}
.imptant-notice{
    width: 850px;
    height: 280px;
    background-color: #006acd;
    box-shadow: 0 0 5px 1px #006acd;
}
.image3{
    width: 270px;
    height: 200px;
    background: url('image3.png');
}
.title{
    line-height: 30px;
    letter-spacing: 3px;
    color: #111111;
    font-size: 26px;
}
.shortcut-icon{
    width: 128px;
    height: 138px;
    background: url('shortcut-icon.png');
}
.member-icon{
    width: 140px;
    height: 144px;
    background: url('member-icon.png') ;
}
.arrow-left-icon{
    width: 22px;
    background: url('arrow-left.png') no-repeat;
    background-position: left center;
}
.arrow-right-icon{
    width: 22px;
    background: url('arrow-right.png') no-repeat;
    background-position: left center;
}
.input-box{
    width: 280px;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    border: solid 1px #fff;
    background: #111;
    color: #fff;
}
::-webkit-input-placeholder{
    color: #fff;
}
input[type='button']{
    width: 80px;
    height: 38px;
    border: solid 1px #ffffff;
    background: #111;
    color: #fff;
}
.footer-link{
    color: #959595;
}
.solid-blue-dot{
    width: 16px;
    height: 16px;
    background: url('solid-blue-dot.png') no-repeat;
}
.empty-blue-dot{
    width: 16px;
    height: 16px;
    background: url('empty-blue-dot.png') no-repeat;
}
.nav{
    position: fixed;
    top: 0;
    height: 106px;
    left: 0;
    right: 0;
    background-color: #fff;
}
.banner1{
    width: auto;
    height: 370px;
    background: url('3.png');
}
.banner2{
    width: auto;
    height: 370px;
    background: url('5.png');
}

.banner3{
    width: auto;
    height: 370px;
    background: url('_rt.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.content-list-item{
    display: flex;
    justify-content: space-between;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    border-bottom: dashed 1px #dcdcdc;
    list-style: none;
    cursor: pointer;
    font-size: 16px;
}
.content-list-item a{
    color: #333;
}
.nav{
    position: fixed;
    top: 0;
    height: 106px;
    left: 0;
    right: 0;
    background-color: #fff;
}
.list-body{
    background: #f8f8f8;
}
.list-item{
    height: 58px;
    line-height: 58px;
    padding-left: 66px;
    border-bottom: solid 1px #dcdcdc;
    cursor: pointer;
    font-size: 16px;
}
.list-item-sel{
    /*height: 58px;*/
    line-height: 58px;
    padding-left: 66px;
    border-bottom: solid 1px #dcdcdc;
    color: #006acd;
    cursor: pointer;
    font-size: 16px;
}
.list-item-sel.active>a{
    text-decoration: none; color:#2080fb;
}
.list-item-sel.active>div{
    display: block;
}
.list-item-sel.active>div .level2.active a{
    text-decoration: none; color:#2080fb;
}
.list-item-sel>div{
    display: none;
}
.content-list-item{
    display: flex;
    justify-content: space-between;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    border-bottom: dashed 1px #dcdcdc;
    list-style: none;
    cursor: pointer;
    font-size: 16px;
}
.content-list-item a{
    color: #333;
}
.foot-logo {
    height: 75px;
    line-height: 75px;
    padding-left: 70px;
    background: url('logo.png') no-repeat;
    background-size: 60px, 60px;
    background-postion-y: 8px;
}
.nav-solid-arrow {
    width: 12px;
    height:6px;
    left: 26px;
    top: 30px;
    background: url('solid-arrow.png') no-repeat;
}
a{
    text-decoration: none;
    color: black;
}


/* css 重置 */
*{margin:0; padding:0; list-style:none; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }

/* 本例子css */
.picScroll-left{overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; margin-right: 10px; cursor:pointer; background:url('icoCircle.gif') 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }