.about-banner{
    width:1584px;
    margin:0 auto ;
}
.about-banner >img{
    vertical-align: top;
    width:1584px;
    height: 380px;
    

}
.about-content{
    width:100%;
}
.title-container{
    width:1280px;
    margin: 0 auto;
    height: 77px;
    border-bottom: 1px solid #e5e5e5;

}
.title-container .title-nav {
    height: 77px;
    position:relative;
}
.title-container .title-nav>i{
    width:40px;
    height: 5px;
    background: #16559c;
    
}
.title-container .title-nav >ul >li{
    width:100px;
    float:left ;
    height: 77px;
   

}
.title-container .title-nav >ul >li>a{
    display: block;
    font-size: 18px;
    color:#555;
    height: 20px;
    margin-top:30px;
    text-align: left;

}
.title-container .title-crumbs >ul>li{
    float:left;
    height: 77px;
    line-height: 77px;
}
.title-container .title-crumbs >ul>li>a{
    font-size: 14px;
    color:#999999 ;
}
.m30{
    margin-left:30px;
}
.env-content{
    width:1584px;
    margin:0 auto ;
}
.env-content .container .env-big-list{
    padding-top:58px;
    width:1280px;
    height:640px;

    position:relative ;

}
.env-content .container .env-big-list>ul>li>a{
    display: block;
}
.env-content .container .env-big-list>ul>li>a>img{
    width:1280px;
    height:640px;
    
}
.env-content .container .env-big-list>a{
    display: block;
    width:50px;
    height:50px;
    border-radius: 25px;
    background-color: #000;
    opacity: 0.5;
    
}
img{
    vertical-align: top;
}
.env-content .container .env-big-list >ul>li>a>p{
    width:1280px;
    height: 56px;
    background-color:#000 ;
    opacity: 0.5;
    position:absolute;
    left:0;
    bottom:0 ;
    line-height: 56px;
    font-size: 16px;
    color:#fff;
}
.btn-left{
    position:absolute ;
    left:20px;
    top:50%;
    background: url(../img/history_prev_x.png) no-repeat;
    background-position: 50% 50%;
}
.btn-right{
    position:absolute ;
    right:20px ;
    top:50% ;
    background: url(../img/history_next_x.png) no-repeat;
    background-position: 50% 50%;
}
.env-small-list{
    padding-top:30px;
    padding-bottom: 83px;
    padding-left: 44px;
    height: 119px;
    position:relative ;
    overflow: hidden;
    
}
.env-small-list>ul{
    width:1218px ;
    height: 119px;
    position:relative ;
    overflow: hidden;
    

}


.env-small-list>ul>li>a{
    display:block;
}
.env-small-list>ul>li>a>img{
    width:180px;
    height:119px
}
.react-left{
    width:30px;
    height:119px;
    background: url(../img/prev1.png) no-repeat 50% 50%;
    background-color:#f0f0f0 ;
    position:absolute ;
    left:0 ;
    top:30px ;

}
.react-right{
    width:30px;
    height: 119px;
    background: url(../img/next1.png) no-repeat 50% 50%;
    background-color:#f0f0f0;
    position:absolute ;
    right:0 ;
    top:30px;

}