/*Pc*/
.content{
    width:100%;
    overflow: hidden;
    background: #f8f8f8;
}
@media (min-width: 1025px) {
    #society_development .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
        margin-right:12px;
    }
    #society_activities .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        margin-right:12px;
        padding-left:0;
    }
    #society_employeecare .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
        margin-right:12px;
    }
    /*-----------------------------society_development----------------------------------*/
    #society_development .content .content_nav{
        width:100%;
        height:120px;
        background: #393939;
        position: relative;
    }
    #society_development .content .content_nav ul{
        width:580px;
        height:100%;
        position: absolute;
        left:50%;
        top:0;
        margin-left:-290px;
    }
    #society_development .content .content_nav ul li{
        float:left;
        line-height:120px;
        font-size:20px;
        cursor: pointer;
    }
    #society_development .content .content_nav ul li .line{
        width:60px;
        height:2px;
        display: block;
        background: #fff;
        margin-left:20px;
        margin-top:-40px;
    }
    /*public colors*/
    .white{
        color:#fff;
    }
    #society_development .other{
        color:#9c9c9c;
        margin-left:160px;
    }


    #society_development .content .content_list{
        width:100%;
        height:60vw;
    }
    #society_development .content .content_list ul li{
        float:left;
        width:50%;
        height:30vw;
        color:#fff;
        font-size:1.5625vw;
        position: relative;
    }
    #society_development .content .content_list ul li span{
        display: block;
        width:100%;
        text-align: center;
        height:100%;
        line-height: 55vw;
    }
    #society_development .content .content_list ul li .hide_tx{
        transition: opacity .5s;
        position: absolute;
        left:0;
        bottom:0;
    }
    #society_development .content .content_list .content_list_one_mask{
        width:100%;
        height:100%;
        position: absolute;
        top:0;
        left:0;
        background: url(../images/society/society_development/pc/mask.png) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_one{
        background: url(../images/society/society_development/pc/content_list_one.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_two{
        background: url(../images/society/society_development/pc/content_list_two.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_three{
        background: url(../images/society/society_development/pc/content_list_three.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_four{
        background: url(../images/society/society_development/pc/content_list_four.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_report{
        width:100%;
    }
    #society_development .content .content_report a{
        width: 100%;
        height:100%;
    }
    #society_development .content .content_report{
        width:100%;
    }
    #society_development .content .content_report li{
        width:25%;
        height:25.1vw;
        background: #fff;
        float:left;
        position: relative;
        cursor: pointer;
    }
    #society_development .content .content_report .pcbackground{
        background: #f5f5f5;
    }

    #society_development .content .content_report .nobackground{
        background: #fff;
    }
    #society_development .content .content_report li:hover{
        background: #da251c;
    }
    #society_development .content .content_report li:hover .year{
        color: #fff;
    }
    #society_development .content .content_report li:hover .report{
        color: #edaaa8;
    }
    #society_development .content .content_report li:hover .line{
        background: #fff;
    }
    #society_development .content .content_report li .line{
        height:5.2vw;
        width:.3vw;
        background: #000;
        display: block;
        position: absolute;
        top:50%;
        margin-top:-2.6vw;
        left: 5.2vw;
    }
    #society_development .content .content_report li p{
        height:5.2vw;
        position: absolute;
        top:50%;
        margin-top:-3.1vw;
        left: 6.5625vw;
    }
    #society_development .content .content_report li p .year{
        display: block;
        font-size: 3.125vw;
        color:#393939;
        font-weight: bold;
    }
    #society_development .content .content_report li p .report{
        display: block;
        font-size: 1.875vw;
        color:#a8a8a8;
    }

    #society_development .content .content_learnmore{
        width:100%;
        height:8.958vw;
        background: url(../images/society/society_development/pc/learnmore.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;

    }
    #society_development .content .content_learnmore .border{
        width:12.6%;
        height:2.865vw;
        border:1px solid #393939;
        border-radius: 5px;
        text-align: center;
        position: absolute;
        left:50%;
        top:2.08vw;
        margin-left:-6.255%;
        line-height:2.865vw;
        font-size: .83vw;
        color:#393939;
        cursor: pointer;
    }
    #society_development .content .content_learnmore .lefticon{
        width:0.36vw;
        height:0.73vw;
        display: block;
        position: absolute;
        left:68%;
        top:1.05vw;
        background: url(../images/society/society_development/pc/left_icon.png) no-repeat center;
        background-size: 100% 100%;
    }

    #society_activities .content .content_foundation{
        width:100%;
        height:13.02vw;
        background: url(../images/society/society_development/pc/foundation.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities .content .content_foundation .line{
        width:6.25%;
        height:.3vw;
        display: block;
        background: #da251c;
        position: absolute;
        left:50%;
        margin-left: -3.125%;
        bottom:3.125vw;
    }
    #society_activities .content .content_foundation .content_foundation_tx{
        width:100%;
        text-align: center;
        line-height:14vw;
        font-size:3.125vw;
        color:#393939;
        display: block;
    }
    #society_activities .content .content_Carousel{
        width:100%;
        height:56.3vw;
        position: relative;
        cursor: pointer;
    }
    #society_activities .content .content_Carousel ul{
        width:600vw;
        height:100%;
        position: relative;
    }
    #society_activities .content .content_Carousel ul a{
        width:100%;
        height:100%;
        color:#000;
    }
    #society_activities .content .content_Carousel ul .content_Carousel_one{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/pc/carousel_one.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
    #society_activities .content .content_Carousel ul .content_Carousel_two{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/pc/carousel_two.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
    #society_activities .content .content_Carousel ul .content_Carousel_three{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/pc/carousel_three.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
    #society_activities .content .content_Carousel ul .content_Carousel_four{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/pc/carousel_four.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
    .content_Carousel_show{
        display: block;
    }
    .content_Carousel_hide{
        display: none;
    }
    #society_activities .content .content_Carousel .left{
        width:3.3vw;
        height:5.677vw;
        display: block;
        background: url(../images/society/society_development/pc/left.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:1.875%;
        top:50%;
        margin-top:-2.8385vw;
        cursor: pointer;
        z-index: 99;
    }
    #society_activities .content .content_Carousel .right{
        width:3.3vw;
        height:5.677vw;
        display: block;
        background: url(../images/society/society_development/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:1.875%;
        top:50%;
        margin-top:-2.8385vw;
        cursor: pointer;
        z-index: 99;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_1{
        font-size: 2.916vw;
        position: absolute;
        left:10.65%;
        top:10.6875vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_2{
        font-size: 2.916vw;
        position: absolute;
        right:10.65%;
        top:29.6875vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_3{
        font-size: 2.916vw;
        position: absolute;
        right:10.65%;
        top:8vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_4{
        font-size: 2.916vw;
        position: absolute;
        left:10.65%;
        top:15vw;
        font-weight: 600;
    }
    /*-----------------------------society_activities----------------------------------*/
    #society_activities .content .content_nav{
        width:100%;
        height:120px;
        background: #393939;
        position: relative;
    }
    #society_activities .content .content_nav ul{
        width:580px;
        height:100%;
        position: absolute;
        left:50%;
        top:0;
        margin-left:-290px;
        position: relative;
    }
    #society_activities .content .content_nav ul li{
        line-height:120px;
        font-size:20px;
        cursor: pointer;
    }
    #society_activities .content .content_nav .two{
        position: absolute;
        left:0;
        top:0;

    }
    #society_activities .content .content_nav .one{
       text-align: center;

    }
    #society_activities .content .content_nav .three{
        position: absolute;
        right:0;
        top:0;

    }
    #society_activities .content .content_nav ul li .line{
        width:60px;
        height:2px;
        display: block;
        background: #fff;
        position: absolute;
        left:50%;
        margin-left: -30px;
        bottom:40px;
    }
    /*public colors*/
    #society_activities .white{
        color:#fff;
        margin:0 160px;
    }
    #society_activities .other{
        color:#9c9c9c;
    }
    #society_activities  .content .section_one{
        width:100%;
        height:41.67vw;
        background: url(../images/society/society_activities/pc/section1.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities  .content .section_one .section_one_mask{
        width:100%;
        height:16.25vw;
        position: absolute;
        bottom:0;
        background: url(../images/society/society_activities/pc/section1mask.png) no-repeat center;
        background-size: 100% 100%;
        opacity: 0;
        transition: opacity .5s;
    }
    #society_activities  .content .section_one .section_one_tx1{
        width:95%;
        margin-left: 2.5%;
        font-size: 1.25vw;
        color:#fff;
        line-height:2vw;
        position: absolute;
        bottom:1vw;
        text-align: center;
        opacity: 0;
        transition: opacity .5s;
    }
    #society_activities  .content .section_one:hover .section_one_mask{
        opacity: 1;
    }
    #society_activities  .content .section_one:hover .section_one_tx1{
        opacity: 1;
    }
    #society_activities  .content .content_list{
        width:100%;
        height:27vw;
    }
    #society_activities  .content .content_list ul li{
        float:left;
    }
    #society_activities  .content .content_list .content_list_one{
        width:33.3%;
        height:27vw;
        background: url(../images/society/society_activities/pc/list1.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
        overflow: hidden;
    }
    #society_activities  .content .content_list li:hover .content_list_one_mask{
        opacity:1;
    }
    #society_activities  .content .content_list li:hover .content_list_one_tx1{
        opacity:1;
    }
    #society_activities  .content .content_list .content_list_one_mask{
        width:100%;
        height:27vw;
        background: rgba(0,0,0,.6);
        position: absolute;
        bottom:0;
        opacity: 0;
        left:0;
        transition: opacity .4s;
    }
    #society_activities  .content .content_list .content_list_two{
        width:33.3%;
        height:27vw;
        background: url(../images/society/society_activities/pc/list2.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
        overflow: hidden;
    }
    #society_activities  .content .content_list .content_list_three{
        width:33.3%;
        height:27vw;
        background: url(../images/society/society_activities/pc/list3.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
        overflow: hidden;
    }
    #society_activities .content .content_list .content_list_one_tx1{
        display: block;
        width:90%;
        position: absolute;
        bottom:1vw;
        left:5%;
        font-size:1.25vw;
        color:#fff;
        text-align: center;
        line-height: 2vw;
        opacity: 0;
        transition: opacity .4s;
    }
    #society_activities .content .content_list .content_list_three .content_list_one_tx1{
        display: block;
        width:90%;
        position: absolute;
        bottom:2.8vw;
        left:5%;
        font-size:1.25vw;
        color:#fff;
        text-align: center;
        line-height: 2vw;
    }
    /*--------------------society_employeecare-------------------------*/
    #society_employeecare .content .content_nav{
        width:100%;
        height:120px;
        background: #393939;
        position: relative;
    }
    #society_employeecare .content .content_nav ul{
        width:580px;
        height:100%;
        position: absolute;
        left:50%;
        top:0;
        margin-left:-290px;
        position: relative;
    }
    #society_employeecare .content .content_nav ul li{
        line-height:120px;
        font-size:20px;
        cursor: pointer;
    }
    #society_employeecare .content .content_nav .two{
        position: absolute;
        left:0;
        top:0;
    }
    #society_employeecare .content .content_nav .one{
        position: absolute;
        right:0;
        top:0;

    }
    #society_employeecare .content .content_nav .three{
        text-align: center;

    }
    #society_employeecare .content .content_nav ul li .line{
        width:60px;
        height:2px;
        display: block;
        background: #fff;
        position: absolute;
        left:50%;
        margin-left: -30px;
        bottom:40px;
    }
    #society_employeecare .content #content_imglist{
        width:100%;
    }
    #society_employeecare .content #content_imglist ul{
        width: 25%;
        float:left;
    }
    #society_employeecare .content #content_imglist ul li{
        position: relative;
    }
    #society_employeecare .content #content_imglist ul img{
        width:100%;
        margin:0;
        padding:0;
        vertical-align:bottom;
    }
    #society_employeecare .content #content_imglist ul li:hover div{
        opacity:0.6;
    }
    #society_employeecare .content #content_imglist ul li:hover p{
        opacity:1;
    }
    #society_employeecare .content #content_imglist ul div{
        width:100%;
        height:100%;
        background: #000;
        position: absolute;
        top:0;
        left:0;
        opacity: 0;
        transition: opacity .5s;
    }
    #society_employeecare .content #content_imglist ul p{
        width:100%;
        text-align: center;
        color:#fff;
        font-size:1.25vw ;
        position: absolute;
        bottom:1vw;
        left:0;
        opacity: 0;
        transition: opacity .5s;
    }
    /*public colors*/
    #society_employeecare .white{
        color:#fff;
    }
    #society_employeecare .other{
        color:#9c9c9c;
    }
}
/*mobile*/
@media (max-width: 1024px) {
    #society_activities .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #society_activities .icon_wb{
        margin-left: 6.9vw;
    }
    #society_activities .icon_fb,#society_activities .icon_wx,#society_activities .icon_tw,#society_activities .icon_ga{
        margin-left: 12px;
    }

    #society_development .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #society_development .icon_wb{
        margin-left: 6.9vw;
    }
    #society_development .icon_fb,#society_development .icon_wx,#society_development .icon_tw,#society_development .icon_ga{
        margin-left: 12px;
    }

    #society_employeecare .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #society_employeecare .icon_wb{
        margin-left: 6.9vw;
    }
    #society_employeecare .icon_fb,#society_employeecare .icon_wx,#society_employeecare .icon_tw,#society_employeecare .icon_ga{
        margin-left: 12px;
    }
    #society_development .content .content_nav{
        width:100%;
        background: #000000;
    }
    #society_development .content .content_nav ul{
        width:100%;
        height:11.2vw;
        overflow: hidden;
        background:#000;
    }
    #society_development .content .content_nav ul li{
        width:100%;
        height:11.2vw;
        line-height:11.2vw;
        font-size:4vw;
        text-align: center;
        position: relative;
    }
    #society_development .content .content_nav ul li .line{
        width:8vw;
        height:.3vw;
        display: block;
        background: #fff;
        position: absolute;
        left:50%;
        margin-left:-4vw;
        bottom:2vw;
    }
    #society_development .content .content_nav .downnav{
        width:100%;
        height:5.6vw;
        background: #222222;
        position: relative;
    }
    #society_development .content .content_nav .downnav .down_icon{
        width:3.2vw;
        height:1.6vw;
        display: block;
        background: url(../images/public/nav_down_icon.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:50%;
        margin-top:-.8vw;
        left:50%;
        margin-left:-1.6vw;
    }
    .white{
        color: #dddddd
    }

    #society_development .content .content_list{
        width:100%;
        height:291.7vw;
    }
    #society_development .content .content_list ul li{
        width:100%;
        height:72.93vw;
        color:#fff;
        font-size:6.4vw;
    }
    #society_development .content .content_list ul li span{
        display: block;
        width:100%;
        text-align: center;
        line-height:130vw;
    }
    #society_development .content .content_list .content_list_one{
        background: url(../images/society/society_development/mobile/content_list_one.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_two{
        background: url(../images/society/society_development/mobile/content_list_two.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_three{
        background: url(../images/society/society_development/mobile/content_list_three.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_list .content_list_four{
        background: url(../images/society/society_development/mobile/content_list_four.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #society_development .content .content_report{
        width:100%;
    }
    #society_development .content .content_report li{
        width:50%;
        height:50vw;
        background: #fff;
        float:left;
        position: relative;
    }
    #society_development .content .content_report .mobile_background{
        background: #f5f5f5;
    }
    #society_development .content .content_report li .line{
        height:13.3vw;
        width:.3vw;
        background: #000;
        display: block;
        position: absolute;
        top:50%;
        margin-top:-6.65vw;
        left: 6.6vw;
    }
    #society_development .content .content_report li p{
        height:13.3vw;
        position: absolute;
        top:50%;
        margin-top:-7.8vw;
        left: 10vw;
    }
    #society_development .content .content_report li p .year{
        display: block;
        font-size: 8vw;
        color:#393939;
        font-weight: bold;
    }
    #society_development .content .content_report li p .report{
        display: block;
        font-size: 4.8vw;
        color:#a8a8a8;
    }

    #society_development .content .content_learnmore{
        width:100%;
        height:26.6vw;
        background: url(../images/society/society_development/mobile/learnmore.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;

    }
    #society_development .content .content_learnmore .border{
        width:34%;
        padding-left:16%;
        height:10.67vw;
        border:1px solid #393939;
        border-radius: 5px;
        position: absolute;
        left:50%;
        top:5.3vw;
        margin-left:-25%;
        line-height:10.67vw;
        font-size: 3.2vw;
        color:#393939;
        cursor: pointer;
    }

    #society_development .content .content_learnmore .lefticon{
        width:1.067vw;
        height:2.13vw;
        display: block;
        position: absolute;
        left:65%;
        top:4.5vw;
        background: url(../images/society/society_development/mobile/left_icon.png) no-repeat center;
        background-size: 100% 100%;
    }

     .content .content_foundation{
        width:100%;
        height:29.467vw;
        background: url(../images/society/society_development/mobile/foundation.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
     .content .content_foundation .line{
        width:16%;
        height:.6vw;
        display: block;
        background: #da251c;
        position: absolute;
        left:50%;
        margin-left: -8%;
        bottom:8vw;
    }
    .content .content_foundation .content_foundation_tx{
        width:100%;
        text-align: center;
        line-height:30vw;
        font-size:8vw;
        color:#393939;
        display: block;
    }

     .content .content_Carousel{
        width:100%;
        height:157.3vw;
        position: relative;
    }
     .content .content_Carousel ul{
        width:600vw;
        height:100%;
        position: relative;
    }
     .content .content_Carousel ul .content_Carousel_one{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/mobile/carousel_one.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
     .content .content_Carousel ul .content_Carousel_two{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/mobile/carousel_two.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
     .content .content_Carousel ul .content_Carousel_three{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/mobile/carousel_three.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
     .content .content_Carousel ul .content_Carousel_four{
        width:100vw;
        height:100%;
        background: url(../images/society/society_development/mobile/carousel_four.jpg) no-repeat center;
        background-size: 100% 100%;
        float: left;
        position: relative;
    }
     .content .content_Carousel .left{
        width:8.267vw;
        height:13.3vw;
        display: block;
        background: url(../images/society/society_development/mobile/left.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:5.3%;
        top:50%;
        margin-top:-6.65vw;
         z-index: 10;
    }
     .content .content_Carousel .right{
        width:8.267vw;
        height:13.3vw;
        display: block;
        background: url(../images/society/society_development/mobile/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:5.3%;
        top:50%;
        margin-top:-6.65vw;
         z-index: 10;
    }
     .content .content_Carousel .content_Carousel_one_tx{
        font-size: 7.33vw;
        position: absolute;
        left:14.67%;
        top:36vw;
        font-weight: bold;
    }
    /*---------------------------------society_activities-------------------------------------*/
    #society_activities .content .content_nav{
        width:100%;
        background: #000000;
    }
    #society_activities .content .content_nav ul{
        width:100%;
        height:11.2vw;
        overflow: hidden;
        background: #000000;
    }
    #society_activities .content .content_nav ul li{
        width:100%;
        height:11.2vw;
        line-height:11.2vw;
        font-size:4vw;
        text-align: center;
        position: relative;
    }
    #society_activities .content .content_nav ul li .line{
        width:8vw;
        height:.3vw;
        display: block;
        background: #fff;
        position: absolute;
        left:50%;
        margin-left:-4vw;
        bottom:2vw;
    }
    #society_activities .content .content_nav .downnav{
        width:100%;
        height:5.6vw;
        background: #222222;
        position: relative;
    }
    #society_activities .content .content_nav .downnav .down_icon{
        width:3.2vw;
        height:1.6vw;
        display: block;
        background: url(../images/public/nav_down_icon.png) no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        top:50%;
        margin-top:-.8vw;
        left:50%;
        margin-left:-1.6vw;
    }
    #society_activities  .content .section_one{
        width:100%;
        height:145.87vw;
        background: url(../images/society/society_activities/mobile/section1.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities  .content .section_one .section_one_tx{
       width:89%;
       font-size:3.7vw;
       color:#fff;
       position: absolute;
       bottom:5vw;
       left:5.5%;
       text-align: center;
       line-height: 5vw;
    }
    #society_activities  .content .content_list{
        width:100%;
        height:229.2vw;
    }
    #society_activities  .content .content_list .content_list_one{
        width:100%;
        height:76.5vw;
        background: url(../images/society/society_activities/mobile/list1.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities  .content .content_list .content_list_two{
        width:100%;
        height:76.5vw;
        background: url(../images/society/society_activities/mobile/list2.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities  .content .content_list .content_list_three{
        width:100%;
        height:76.5vw;
        background: url(../images/society/society_activities/mobile/list3.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #society_activities  .content .content_list  .content_list_one_tx{
        display: block;
        width:89%;
        position: absolute;
        bottom:5vw;
        left:5.5%;
        font-size:3.7vw;
        color:#fff;
        text-align: center;
        line-height: 5vw;
    }
    /*---------------------------society_employeecare------------------------------*/
    #society_employeecare .content{
        width:100%;
        overflow: hidden;
    }
    #society_employeecare .content .content_nav{
        width:100%;
        background: #000000;
    }
    #society_employeecare .content .content_nav ul{
        width:100%;
        height:11.2vw;
        overflow: hidden;
        background: #000000;
    }
    #society_employeecare .content .content_nav ul li{
        width:100%;
        height:11.2vw;
        line-height:11.2vw;
        font-size:4vw;
        text-align: center;
        position: relative;
    }
    #society_employeecare .content .content_nav ul li .line{
        width:8vw;
        height:.3vw;
        display: block;
        background: #fff;
        position: absolute;
        left:50%;
        margin-left:-4vw;
        bottom:2vw;
    }
    #society_employeecare .content .content_nav .downnav{
        width:100%;
        height:5.6vw;
        background: #222222;
        position: relative;
    }
    #society_employeecare .content .content_nav .downnav .down_icon{
        width:3.2vw;
        height:1.6vw;
        display: block;
        background: url(../images/public/nav_down_icon.png) no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        top:50%;
        margin-top:-.8vw;
        left:50%;
        margin-left:-1.6vw;
    }
    #society_employeecare .content #content_imglist_mobile{
        width:100%;
    }
    #society_employeecare .content #content_imglist_mobile ul{
        width: 50%;
        float:left;
    }
    #society_employeecare .content #content_imglist_mobile ul li{
        position: relative;
    }
    #society_employeecare .content #content_imglist_mobile ul img{
        width:100%;
        margin:0;
        padding:0;
        height: 100%;
        vertical-align:bottom;
    }
    #society_employeecare .content #content_imglist_mobile ul div{
        width:100%;
        height:18.67vw;
        background: url(../images/society/society_employeecare/mobile/mask.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom:0;
        left:0;
    }
    #society_employeecare .content #content_imglist_mobile ul li p{
        width:100%;
        text-align: center;
        color:#fff;
        font-size:3.7vw ;
        position: absolute;
        bottom:2vw;
        left:0;
    }

    #society_activities .content .content_Carousel .content_Carousel_one_tx_1{
        font-size: 7vw;
        position: absolute;
        left:10.65%;
        top:18.6875vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_2{
        font-size: 7vw;
        position: absolute;
        left:10.65%;
        top:15.6875vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_3{
        font-size: 7vw;
        position: absolute;
        left:10.65%;
        top:42.6875vw;
        font-weight: 600;
    }
    #society_activities .content .content_Carousel .content_Carousel_one_tx_4{
        font-size: 7vw;
        position: absolute;
        left:10.65%;
        top:15.6875vw;
        font-weight: 600;
    }
}