.container_top{
    height:313px;background-color:#FFF0DB;
}
.container_top.disable{
    display:none;
}
.container_top .bg{
    width:100%;height:313px;vertical-align: top;
}
.container_top .title{
    position:absolute;left:35px;top:54px;
}
.container_top .title img{
    width:53px;height:46px;
}
.container_top .title .en{
    color:#fff;font-size:22px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:bold;
    margin-top:15px;
}
.container_top .title .cn{
    color:#fff;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:bold;
    margin-top:5px;
}
.container_top .intro {
    border:1px solid #d93366;position:absolute;left:0;bottom:0;height:135px;width:532px;
    box-sizing: border-box;color:#fff;padding-top:22px;padding-left:34px;font-size:13px;
    line-height:21px;padding-right:55px;background-color:#D93366;
}
.container_charity {
    background-color:#FF9100;height:424px;
}
.container_charity.disable{
    display:none;
}
.container_charity .center_area{
    background-color: #F4F4F4;height:409px;padding-top:44px;box-sizing: border-box;
}
.container_charity .list{
    margin-top:20px;display:flex;flex-direction: row;justify-content: space-around;
    padding-left:16px; padding-right:16px;
}
.container_charity .list .item{
    width:263px;height:209px;padding:10px;background-color:#fff;border:1px solid  #CFCBCB;
    box-sizing: border-box;position: relative;
}
.container_charity .list .item .img{
    width:243px;height:158px;overflow:hidden;
}
.container_charity .list .item .img img{
    width:100%;height:100%;transition:all 1s,transform 1s;-webkit-transition:all 1s,-webkit-transform 1s;
}
.container_charity .list .item:hover .img img{
    -webkit-transform: scale(1.3);transform: scale(1.3);
    ;transition:all 1s,transform 1s;-webkit-transition:all 1s,-webkit-transform 1s;
}
.container_charity .list .item .text{
    color:#4a4a4a;font-size:14px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;
    text-align:center;margin-top:10px;
}
.container_charity .list .item .opt_view{
    background-image:url("../img/society/icon_view.png");background-size: 100% 100%;
    width:88px;height:84px;position:absolute;bottom:0;left:87px;display:none;
    cursor: pointer;
}
.container_charity .list .item:hover .opt_view{
    display:inline-block;
}
.container_honor {
    background-color:#FF9100;height:424px;
}
.container_honor .center_area {
    background-color: #F4F4F4;height:409px;padding-top:44px;box-sizing: border-box;
}
.container_honor .list{
    position:relative;
}
.container_honor .list_box {
    overflow:hidden;height:209px;position:relative;margin-top:24px;
}
.container_honor .list_box ul {
    position:absolute;left:0;
}
.container_honor .list_box ul li {
    width:351px;height:209px;float:left;margin: 0 12px;padding:14px;background-color:#fff;
    box-sizing: border-box;
}
.container_honor .list_box ul li img{
    width:100%;height:100%;
}
.container_honor .list .btn_left{
    position:absolute;display:inline-block;width:37px;height:37px;left:-40px;top:80px;
    background-image: url("../img/society/icon_arrow_left.png");background-size: 100% 100%;
}
.container_honor .list .btn_left:hover{
    background-image: url("../img/society/icon_arrow_left_active.png");background-size: 100% 100%;
    cursor:pointer;
}
.container_honor .list .btn_right{
    position:absolute;display:inline-block;width:37px;height:37px;right:-40px;top:80px;
    background-image: url("../img/society/icon_arrow_right.png");background-size: 100% 100%;
}
.container_honor .list .btn_right:hover{
    background-image: url("../img/society/icon_arrow_right_active.png");background-size: 100% 100%;
    cursor:pointer;
}
.container_content{
    background-color:#4A4A4A;display:none;
}
.container_content.active{
    display:block;
}
.container_content .center_area{
    background-color: #FFFFFF;height:737px;padding-top:85px;box-sizing: border-box;
}
.container_content .opt_back{
    height:56px;width:56px;background-size: 100% 100%;position:absolute;right:46px;top:26px;
    background-image: url("../img/icon/icon_back.png");
}
.container_content .list{
    margin-left:161px;
}
.container_content .list .item{
    display:none;box-sizing: border-box;
}
.container_content .list .item.active{
    display:block;
}
.container_content .list .item img{
    width:840px;height:456px;
}
.container_content .list .item .title{
    font-size:16px;font-family:PingFangSC-Medium,PingFang SC,Microsoft Yahei;font-weight:500;
    color:#4a4a4a;margin-top:12px;
}
.container_content .list .item .content{
    font-size:12px;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei;font-weight:400;
    color:#4a4a4a;margin-top:12px;line-height:22px;width:840px;
}