.banner .banner_a {
    height: 410px;
    /* 为了让中间的内容个保留 多余的部分 被自动切割 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.banner .mobile_a {
    display: block;
    width: 100%;
}
.banner .mobile_a img {
    display: block;
    width: 100%;
}
.icon-cen{
    display: block;
    position: absolute;
    top: 50%;
    left: 35%;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}

.glyphicon-chevron-left:before {
    content: "\e079";}

.preview-all {
    width: 100%;
    height: 20em;
    overflow: hidden;
    margin-top: 5px;
}

.listN{width:30%; height:20em; background:#fff; overflow:hidden;
    max-width:30%;
    float: left;
    margin-left: 5%;}
.listN li{  box-sizing:border-box; text-align:center; }
.listN li a{ display:block;}
.listN li a img{height:6em;max-width:9em;max-height: 30%;box-sizing:border-box;padding:3px 15px 10px 1em;}
.listN1{
    width:100%;
    height:100%;
    float: right;
    max-width:65%;
    overflow: hidden;
}
.listN1 li{
    width:100%; height:15%; padding:0px 15px 10px 5px; box-sizing:border-box;}

.transdiv{
    width: 100%;
    height: 25px;
    background-color: #ffffff;
    color:#009de6;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    margin-left: 5%;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
    float: left;
    box-sizing: content-box;
    margin-bottom: 10px;
}
.transdiv-more{
    position: relative;
}
.transdiv-more a{
    position: absolute;
    right: 20px;
    float: right;
    line-height: 25px;
    color: #555;
}