html{min-width:1220px;}
.banner_bg{min-width:1220px;}
.list{
    width : 230px;    height: auto;
    overflow: hidden;
    border-left: 3px solid #ddd;margin-left:15px;}
.list ul{
    list-style: none;}
.list>ul>li{
    width: 100%;
    border-bottom: 1px solid #666;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
            transition: .3s ease;
       
            height: auto;
    background: none;
    border-bottom: 1px #dfdfdf dotted;}
.list>ul>li p[class=title]{
    width      : 100%;
    text-align : center;
   background: #ffffff;
    height     : 50px;
    line-height: 50px;
    padding    : 0;
    border     : none;
    position   : relative;
    font-size  : 20px;}
.list>ul>li p[class=title]>span{
    position: absolute;
    right: 10%;}
.list-se{
    overflow: hidden;
    display: none;}
.list-se>p{
background: #2a3f77 !important;
    color: #ffffff;}
.list-se>li{
    position: relative;
    right   : -100%;
    -webkit-transition: right .5s;
    -moz-transition   : right .5s;
    -o-transition     : right .5s;
    transition        : right .5s;}
.list-se>li>p{
    background  : #fff;
    color       : #f0f0f0;
    height      : 50px;
    -webkit-box-sizing :border-box;
            box-sizing :border-box;
    padding-left: 10px;
    line-height : 50px;
    -webkit-transition   : border .5s; 
             transition  : border .5s;
    -webkit-transition   : background .3s;
             transition  : background .3s;}
.list-se>li>p:hover{
    border-color: #fff; 
    background  : #5e7bc7;
    color:#fff !important;}
.list-se>li>p:hover a{
  
    color:#fff !important;}
.list-se>li>p a:hover{
    color:#fff !important;}