@media (min-width: 1025px) {
    #annals .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;
        margin-top: 0;
        margin-bottom: 0;
    }
    #govern .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;
        margin-top: 0;
        margin-bottom: 0;
    }
    #information .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;
        margin-top: 0;
        margin-bottom: 0;
    }
    #notice .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;
        margin-top: 0;
        margin-bottom: 0;
    }
    #protect .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;
        margin-top: 0;
        margin-bottom: 0;
    }
    .content{
        width: 100%;
        background: #fff;
    }
    .content_nav{
        width:100%;
        height:120px;
        background: #393939;
    }
    .content_nav ul{
        width: 1024px;
        height: 100%;
        margin: 0 auto;
    }
    .content_nav ul li{
        float: left;
        width: 20%;
        text-align: center;
        position: relative;
    }
    .content_nav ul li a{
        line-height: 120px;
        font-size: 20px;
        color: #969696;;
    }
    .content_nav_click{
        color: #fff;
    }
    .content_nav_line{
        width: 55px;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 80px;
    }

    /*information*/
    .information_content_list{
        width: 100%;
    }
    .information_content_list ul{
        width: 100%;
    }
    .information_content_list ul li{
        float: left;
        width: 33.33%;
    }
    .information_content_list .company_situation li{
        float: left;
        width: 50%;
    }
    .company_basic{
        width: 100%;
        height: 30.2vw;
        background: url("../images/investor/investor_information/list_bg.jpg") no-repeat center;
        background-size: 100% 100%;
    }
    .information_content_list_1{
        width: 100%;
        height: 100%;
    }
    .information_content_list_2{
        width: 100%;
        height: 100%;
    }
    .information_content_list_1 ul li{
        width:100% ;
    }
    .company_basic ul li{
        width:100%;
        margin-top: 1vw;
    }

    .information_content_list_1 ul{
        margin-top:10.2vw;
    }
    .information_content_list_2 ul{
        margin-top:1.6vw;
    }
    .information_content_list_3 ul{
        margin-top:10.2vw
    }

    .infotmation_front{
        font-size: 0.72vw;
        color: #d9d9d9;
        float: left;
        width: 30%;
        text-align: right;
        line-height: 1.2vw;
    }
    .information_content_list_1 ul li .infotmation_front{
        margin-left: 4vw;
    }
    .information_content_list_2 ul li .infotmation_front{
        margin-left: 3vw;
    }
    .information_content_list_3 ul li .infotmation_front{
        margin-left: -1.4vw;
    }
    .information_content_list_2 p{
        font-size: 3.125vw;
        color: #fff;
        text-align: center;
        margin-top: 4.8vw;
    }
    .infotmation_back{
        font-size: 0.93vw;
        color: #fff;
        float: left;
        margin-left: 3.4vw;
    }


    .information_content_list_3{
        width: 100%;
        height: 100%;
    }

    .information_content_list_3 ul .infotmation_list_2{
        margin-top: 7.1vw;
    }
    .information_content_list_4{
        width: 100%;
        height: 31.04vw;
        background: url("../images/investor/investor_information/4.jpg") no-repeat center;
        background-size: 100% 100%;
        color: #fff;
    }
    .company_situation_title{
        text-align: center;
        margin-top: 6.7vw;
        font-size: 1.87vw;
    }
    .company_situation_desc{
        width: 76%;
        margin-left: 12%;
        margin-top: 1.6vw;
        font-size: 0.83vw;
        line-height: 1.7vw;
        text-align: center;
    }
    .information_content_list_5{
        width: 100%;
        height: 27.08vw;
        background: url("../images/investor/investor_information/share_bg1.jpg") no-repeat center;
        background-size: 100% 100%;
        color: #fff;
    }
    .information_content_list_6{
        width: 100%;
        height: 27.08vw;
        background: url("../images/investor/investor_information/share_bg2.jpg") no-repeat center;
        background-size: 100% 100%;
        color: #fff;

    }
    .shares{
        width: 100%;
    }
    .shares_top{
        width: 100%;
        height: 8.64vw;
        background: url("../images/investor/investor_information/shares_bg.jpg") no-repeat center;
        background-size: cover;
    }
    .shares_top p{
        text-align: center;
        font-size: 3.12vw;
        padding-top: 2.4vw;
    }
    .shares_top span{
        display: block;
        width:6vw;
        height: 3px;
        background: #da251c;
        margin: 0.6vw auto;
    }
    .shares ul li{
        width: 50%;
        float: left;
        height: 21.3vw;
        background: #fff;
    }
    .shares_content_tit{
        float: left;
        margin-left: 3.6vw;
        margin-top: 3.8vw;
        width: 12vw;
    }
    .shares_introduced{
        font-size: 0.8vw;

    }
    .shares_introduced p>span{
        font-size: 1.1vw;
        margin-right: 0.3vw;
    }
    .shares_introduced .shares_timer{
        display: block;
        color: #a2a2a2;
        font-size: 0.8vw;
        margin-top: 1vw;
    }
    .shares_value{
        font-size: 0.8vw;
        margin-top: 1.3vw;
    }
    .shares_value>span{
        margin-left: 0.2vw;
        font-size: 2vw;
    }
    .shares_content_whilst{
        width: 30vw;
        height: 13.54vw;
        margin: 4vw 0 2vw 2.4vw;
        float: left;
    }
    .shares_content_whilst img{
        /*width: 100%;*/
        height:100%
    }
    .contact{
        width: 100%;
    }
    .contact ul li{
        width: 50%;
        float: left;
    }
    .contact_1{
        width: 100%;
        height: 16.04vw;
        background: url(../images/investor/investor_information/exchange_1.jpg) no-repeat center;
        background-size: 100% 100%;
        transition:background-size .5s;
    }
    .contact_1:hover{
        background-size: 110% 110%;
    }
    .contact_2{
        width: 100%;
        height: 16.04vw;
        background: url(../images/investor/investor_information/exchange_2.jpg) no-repeat center;
        background-size: 100% 100%;
        transition:background-size .5s;
    }
    .contact_2:hover{
        background-size: 110% 110%;
    }
    .contact_1 span{
        margin: 5.1vw auto 0;
        display: block;
        width: 3.85vw;
        height: 2.39vw;
        background: url(../images/investor/investor_information/exchange_1_icon.png) no-repeat center;
        background-size: 100% 100%;
    }
    .contact_1 p{
        font-size: 1.5vw;
        color: #fff;
        text-align: center;
        margin-top: 1vw;
    }
    .contact_2 span{
        margin: 5.1vw auto 0;
        display: block;
        width: 3.48vw;
        height: 2.18vw;
        background: url(../images/investor/investor_information/exchange_2_icon.png) no-repeat center;
        background-size: 100% 100%;
    }
    .contact_2 p{
        font-size: 1.5vw;
        color: #fff;
        text-align: center;
        margin-top: 1vw;
    }

    /*annals*/
    #annals .annals_content_list{
        width: 100%;
        padding-bottom: 4vw;
        padding-top:5.8vw;
        background: url("../images/investor/investor_annals/content_bg.jpg") no-repeat center;
        background-size: cover;
    }
    #annals .annals_content_list ul li{
        width: 25%;
        height:25vw;
        background: #fff;
        float: left;
    }
    #annals .annals_content_list ul .annals_content_list_1{
        background: #f5f5f5;
    }
    #annals .annals_list_box{
        margin-top: 8.85vw;
        margin-left: 5.2vw;
        border-left: 3px solid #393939;
    }
    #annals .annals_time{
        font-size: 3.12vw;
        color: #393939;
        font-weight: 600;
        margin-left: 1vw;
    }

    #annals .annals_content_list ul li:hover{
        background: #da251c;
    }
    #annals .annals_content_list ul li:hover .annals_time{
        color: #fff;
    }
    #annals .annals_content_list ul li:hover .annals_title{
        color: #edaaa8;
    }
    #annals .annals_content_list ul li:hover .annals_list_box{
        border-left:3px solid #fff;
    }
    #annals .annals_content_list ul li:hover .annals_list_btn{
        opacity: 100;
        filter:alpha(opacity=100);
    }
    #annals .annals_title{
        font-size: 1.87vw;
        color: #393939;
        opacity: 0.5;
        filter:alpha(opacity=50);
        margin-left: 1vw;
    }
    #annals .annals_list_btn{
        width: 12.5vw;
        height: 3.02vw;
        border: 1px solid #fff;
        border-radius: 5px;
        margin: 3.6vw auto;
        line-height:3.02vw;
        text-align: center;
        font-size: 0.83vw;
        color: #fff;
        cursor: pointer;
        opacity: 0;
        filter:alpha(opacity=0);
    }
    #annals .annals_list_btn img{
        width: 0.72vw;
        height: 0.36vw;
        margin-left: 0.3vw;
    }
    #annals .annals_content_btn{
        width: 12.5%;
        height: 3.02vw;
        border: 1px solid #fff;
        border-radius: 5px;
        margin: 3vw auto 0;
        cursor: pointer;
        position: relative;
        text-align: center;
    }
    #annals .annals_content_btn div span{
        line-height:3.02vw;
        font-size: 0.83vw;
        color: #fff;
    }
    #annals .annals_content_btn img{
        width:0.36vw;
        height: 0.72vw;
        position: absolute;
        top: 1.2vw;
        left: 9vw;
    }

    #govern .content_list{
        width: 100%;
    }
    #govern .content_list li{
        float: left;
        width: 25%;
        height: 25vw;
        cursor: pointer;
        position: relative;
    }
    #govern .content_list  .content_list_1{
        background: url(../images/investor/investor_govern/1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_2{
        background: url(../images/investor/investor_govern/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_3{
        background: url(../images/investor/investor_govern/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_4{
        background: url(../images/investor/investor_govern/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_5{
        background: url(../images/investor/investor_govern/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_6{
        background: url(../images/investor/investor_govern/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_7{
        background: url(../images/investor/investor_govern/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #govern .content_list .content_list_word_1{
        width:50%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:25%;
        font-size: 1.25vw;
    }
    #govern .content_list .content_list_timer{
        font-size: 1.25vw;
        position: absolute;
        bottom:2.6vw;
        right:3.125vw;
        color:#fff;
    }
    #govern .learnmore{
        background: #da251c;
        text-align: center;
        line-height: 25vw;
        font-size:1.875vw;
        color:#fff;
    }
    #notice .learnmore{
        background: #da251c;
        text-align: center;
        line-height: 25vw;
        font-size:1.875vw;
        color:#fff;
    }
    #protect .learnmore{
        background: #da251c;
        text-align: center;
        line-height: 25vw;
        font-size:1.875vw;
        color:#fff;
    }
    .leftIcon{
       width:0.88vw;
        display: block;
        position: absolute;
        right:6.8vw;
        top:47.2%;
    }
    #govern .content_list li:hover .content_list_mask{
        background: rgba(218,37,28,.6);
    }
    #notice .content_list{
        width: 100%;
    }
    #notice .content_list li{
        float: left;
        width: 25%;
        height: 25vw;
        cursor: pointer;
        position: relative;
    }
    #notice .content_list  .content_list_1{
        background: url(../images/investor/investor_notice/1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_2{
        background: url(../images/investor/investor_notice/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_3{
        background: url(../images/investor/investor_notice/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_4{
        background: url(../images/investor/investor_notice/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_5{
        background: url(../images/investor/investor_notice/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_6{
        background: url(../images/investor/investor_notice/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_7{
        background: url(../images/investor/investor_notice/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #notice .content_list .content_list_word_1{
        width:50%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:25%;
        font-size: 1.25vw;
    }
    #notice .content_list .content_list_timer{
        font-size: 1.25vw;
        position: absolute;
        bottom:2.6vw;
        right:3.125vw;
        color:#fff;
    }
    #notice .content_list li:nth-last-child(1){
        background: #da251c;
        text-align: center;
        line-height: 25vw;
        font-size:1.875vw;
        color:#fff;
    }
    #notice .content_list li:hover .content_list_mask{
        background: rgba(218,37,28,.6);
    }
    #protect .content_list{
        width: 100%;
    }
    #protect .content_list li{
        float: left;
        width: 25%;
        height: 25vw;
        cursor: pointer;
        position: relative;
    }
    #protect .content_list  .content_list_1{
        background: url(../images/investor/investor_protect/1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_2{
        background: url(../images/investor/investor_protect/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_3{
        background: url(../images/investor/investor_protect/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_4{
        background: url(../images/investor/investor_protect/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_5{
        background: url(../images/investor/investor_protect/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_6{
        background: url(../images/investor/investor_protect/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_7{
        background: url(../images/investor/investor_protect/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #protect .content_list .content_list_word_1{
        width:50%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:25%;
        font-size: 1.25vw;
    }
    #protect .content_list .content_list_timer{
        font-size: 1.25vw;
        position: absolute;
        bottom:2.6vw;
        right:3.125vw;
        color:#fff;
    }
    #protect .content_list li:nth-last-child(1){
        background: #da251c;
        text-align: center;
        line-height: 25vw;
        font-size:1.875vw;
        color:#fff;
    }
    #protect .content_list li:hover .content_list_mask{
        background: rgba(218,37,28,.6);
    }


    #annals .content .content_table{
        width:100%;
        height:38.75vw;
        background: url(../images/investor/investor_annals/content_bg.jpg) no-repeat center;
        background-size: 100%;
    }
    #annals .content .content_table ul{
        width:100%;
    }
    #annals .content .content_table ul li{
        min-width:75%;
        height:3.125vw;
        line-height: 3.125vw;
        color:#1b1b1b;
        font-size: .8vw;
        padding:0 12.5%;
    }
    #annals .content .content_table ul li:nth-child(odd){
        background: #f5f5f5;
    }
    #annals .content .content_table ul li:nth-child(even){
        background: #fff;

    }
    #annals .content .content_table ul .title{
        height:3.125vw;
        min-width:88vw;
        background: #393939;
        color:#fff;
        font-size: .9vw;
        padding:0 6%;
        line-height: 3.125vw;
    }
    #annals .content .content_table ul .title ul{
        width:100%;
        height:100%;
    }
    #annals .content .content_table ul li span{
        float:left;
        min-width: 7vw;
        text-align: center;
    }
    #annals .content .content_table ul .positionname{
        float:left;
        min-width: 25vw;
        text-align: left;
    }
    #annals .content .content_table ul .data{
        float:left;
        min-width:18vw;
        text-align: center;
    }
    #annals .content .content_table ul .applyposition{
        width:8.3vw;
        height:1.5625vw;
        background: #da251c;
        color:#fff;
        font-size: 0.8vw;
        text-align: center;
        line-height: 1.5625vw;
        border-radius: 3px;
        margin-top:0.78125vw;
        margin-left: 22vw;
        cursor: pointer;
    }
    #annals .content .content_notice{
        width:100%;
        margin-top: 1.56vw;
    }
    #annals .content .content_notice .left{
        width:1.25vw;
        height:1.25vw;
        float:left;
        margin-right:0.4vw;
        background: url(../images/joinbyd/joinbyd_campus/pc/left.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }
    #annals .content .content_notice .right{
        width:1.25vw;
        height:1.25vw;
        float:left;
        margin-left:2vw;
        background: url(../images/joinbyd/joinbyd_campus/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }
    #annals .content .content_notice .paging{
        width:15%;
        height:1.25vw;
        margin: 2vw auto;
    }
    #annals .content .content_notice .paging .number{
        line-height: 1.25vw;
        font-size: 0.73vw;
        color:#535353;
        display: block;
        float: left;
        margin-left: 1.1458vw;
        cursor: pointer;
    }
    #annals .content .content_notice .paging .clickactive{
        color:#da251c;
        font-size: 0.94vw;
    }


    .content .content_table{
        width:100%;
        /*height:37.7vw;*/
        background: url(../images/investor/investor_govern/content_bcg.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .content .content_table ul{
        width:100%;
    }
     .content .content_table ul li{
        min-width:75%;
        height:3.125vw;
        line-height: 3.125vw;
        color:#1b1b1b;
        font-size: .8vw;
        padding:0 12.5%;
    }
    .imageandtx{
        width:62%;
        margin: 0 auto;
        margin-top:4.2vw;
        padding-bottom: 1vw;
    }
    .imageandtx_title{
        width:90%;
        margin: 0 auto;
        font-size: 2.5vw;
        color:#393939;
        line-height: 3.5vw;
        text-align: center;
    }
    .imageandtx_date{
        font-size:1.25vw;
        color:#393939;
        text-align: center;
        margin-top:2vw;
    }
    .imageandtx_tx{
        text-indent: 2em;
        font-size:0.83vw;
        color:#393939;
        text-align: left;
        margin-top:2vw;
        line-height: 1.5vw;
    }
    .imageandtx .page{
        width:20vw;
        margin: 0 auto;
        margin-top:2vw;
        margin-bottom:2vw;
        cursor: pointer;
    }
    .imageandtx .page .left{
        width:1.25vw;
        height:1.25vw;
        background: url(../images/newsandnotice/newsdetails/pc/left.png) no-repeat center;
        background-size: 100% 100%;
        float: left;
    }
    .imageandtx .page .before{
        width:3.8vw;
        height:1.25vw;
        float: left;
        line-height: 1.25vw;
        text-align: center;
        color: #000;
    }
    .imageandtx .page .after{
        width:3.8vw;
        height:1.25vw;
        float: right;
        line-height: 1.25vw;
        text-align: center;
        color: #000;
    }
    .imageandtx .page .right{
        width:1.25vw;
        height:1.25vw;
        background: url(../images/newsandnotice/newsdetails/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        float: right;
    }
    .imageandtx .page .back{
        height:1.25vw;
        float: left;
        text-align: center;
        line-height: 1.25vw;
        margin-left:3.4vw;
        color:#393939;
    }
    .content .content_table ul li:nth-child(odd){
        background: #f5f5f5;
    }
     .content .content_table ul li:nth-child(even){
        background: #fff;

    }
     .content .content_table ul .title{
        height:3.125vw;
        min-width:88vw;
        background: #393939;
        color:#fff;
        font-size: .9vw;
        padding:0 6%;
        line-height: 3.125vw;
    }
     .content .content_table ul .title ul{
        width:100%;
        height:100%;
    }
     .content .content_table ul li span{
        float:left;
        min-width: 7vw;
        text-align: center;
    }
     .content .content_table ul .positionname{
        float:left;
        min-width: 90%;
        text-align: left;
        color: #000;
    }
     .content .content_table ul .data{
        float:left;
        color: #000;
    }
     .content .content_table ul .applyposition{
        width:8.3vw;
        height:1.5625vw;
        background: #da251c;
        color:#fff;
        font-size: 0.8vw;
        text-align: center;
        line-height: 1.5625vw;
        border-radius: 3px;
        margin-top:0.78125vw;
        margin-left: 22vw;
        cursor: pointer;
    }
     .content .content_notice{
        width:100%;
        margin-top: 1.56vw;
         padding-bottom: 1.4vw;
    }
     .content .content_notice .left{
        width:1.25vw;
        height:1.25vw;
        float:left;
        margin-right:0.4vw;
        background: url(../images/joinbyd/joinbyd_campus/pc/left.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }
     .content .content_notice .right{
        width:1.25vw;
        height:1.25vw;
        float:left;
        margin-left:2vw;
        background: url(../images/joinbyd/joinbyd_campus/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        cursor: pointer;
    }
     .content .content_notice .paging{
        width:15%;
        height:1.25vw;
        margin: 2vw auto;
    }
     .content .content_notice .paging .number{
        line-height: 1.25vw;
        font-size: 0.73vw;
        color:#535353;
        display: block;
        float: left;
        margin-left: 1.1458vw;
        cursor: pointer;
    }
     .content .content_notice .paging .clickactive{
        color:#da251c;
        font-size: 0.94vw;
    }

}

@media (max-width: 1024px) {
    body{
        background: #fff;
    }
    #annals .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;
    }
    #annals .icon_wb{
        margin-left: 6.9vw;
    }
    #annals .icon_fb,#annals .icon_wx,#annals .icon_tw,#annals .icon_ga{
        margin-left: 12px;
    }

    #protect .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;
    }
    #protect .icon_wb{
        margin-left: 6.9vw;
    }
    #protect .icon_fb,#protect .icon_wx,#protect .icon_tw,#protect .icon_ga{
        margin-left: 12px;
    }

    #notice .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;
    }
    #notice .icon_wb{
        margin-left: 6.9vw;
    }
    #notice .icon_fb,#notice .icon_wx,#notice .icon_tw,#notice .icon_ga{
        margin-left: 12px;
    }

    #govern .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;
    }
    #govern .icon_wb{
        margin-left: 6.9vw;
    }
    #govern .icon_fb,#govern .icon_wx,#govern .icon_tw,#govern .icon_ga{
        margin-left: 12px;
    }

    #information .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;
    }
    #information .icon_wb{
        margin-left: 6.9vw;
    }
    #information .icon_fb,#information .icon_wx,#information .icon_tw,#information .icon_ga{
        margin-left: 12px;
    }
    .downnav{
        width:100%;
        height:6vw;
        background: #222222;
        position: relative;
    }
    .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;
    }

    .mobi_content_nav{
        background: #000;
        color: #fff;
        font-size: 4vw;
        text-align: center;
    }
    .content_nav_select{
        width: 100%;
        height: 11.2vw;
        line-height: 11.2vw;
    }
    .content_nav_select span{
        display: block;
        width: 10vw;
        height: 1px;
        background: #fff;
        margin: -2.5vw auto;
    }
    .mobi_content_nav ul{
        display: none;
    }
    .mobi_content_nav ul li{
        width: 100%;
        height: 10vw;
        text-align: center;
        line-height: 10vw;
    }
    .content_nav_btn{
        width: 100%;
        height: 5.6vw;
        background: #222222;
    }
    .content_nav_btn_box{
        width: 20vw;
        height: 100%;
        margin: 0 auto;
        background-image: url("../images/public/nav_down_icon.png");
        background-position: center;
        background-repeat: no-repeat;
    }


    /*information*/
    .mobi_company_basic{
        width: 100%;
        height: 165.3vw;
        background: url("../images/investor/investor_information/mobile/1.jpg") no-repeat center;
        background-size: 100% 100%;
        color: #fff;
    }
    .mobi_company_basic li{
        width: 90%;
        margin-left: 5%;
        margin-top: 3.5vw;
        height: 4.6vw;
    }
    .mobi_company_basic .information_content_list_1{
        padding-top: 17.8vw;
        margin-top: 0;
    }
    .mobi_company_basic .infotmation_list_2{
        margin-top: 14vw;
    }
    .information_content_list_1 div{
        width: 16vw;
        height: 2px;
        background:#da251c;
        margin: 4vw auto 0;
        display: none;
    }
    .mobi_company_basic .infotmation_list_5{
        margin-top: 8vw;
    }
    .mobi_company_basic .infotmation_list_11{
        margin-top: 8vw;
    }
    .title_1{
        font-size: 8vw;
        text-align: center;
        font-weight: 300;
    }
    .mobi_company_basic .infotmation_front{
        width: 36%;
        text-align: right;
        display: block;
        font-size: 3.2vw;
        color: #d9d9d9;
        float: left;
        line-height: 6.2vw;
    }
    .mobi_company_basic .infotmation_back{
        width: 58%;
        text-align: left;
        display: block;
        font-size: 4vw;
        float: right;
        line-height:6vw;
    }
    .company_situation{
        width: 100%;
    }
    .company_situation li{
        width: 100%;
        height: 80vw;
        color: #fff;
    }
    .information_content_list_4{
        background: url("../images/investor/investor_information/mobile/2.jpg") no-repeat center;
        background-size:cover;
    }
    .information_content_list_5{
        background: url("../images/investor/investor_information/mobile/3.jpg") no-repeat center;
        background-size:cover;
    }
    .information_content_list_6{
        background: url("../images/investor/investor_information/mobile/4.jpg") no-repeat center;
        background-size:cover;
    }
    .company_situation_title{
        padding-top: 14.5vw;
        font-size: 6.66vw;
        text-align: center;
        font-weight: 300;
    }
    .information_content_list_4 .company_situation_title{
        padding-top:23vw;
    }
    .information_content_list_6 .company_situation_title{
        padding-top:20vw;
    }
    .company_situation_desc{
        width: 90%;
        margin-left: 5%;
        text-align: center;
        font-size: 3.53vw;
        margin-top: 4vw;
        line-height: 5vw;
    }
    .shares_top{
        width: 100%;
        height: 32vw;
        background: url("../images/investor/investor_information/mobile/shares_bg.jpg") no-repeat center;
        background-size: cover;
    }
    .shares ul li{
        height: 80vw;
        background: #fff;
    }
    .shares_top p{
        text-align: center;
        font-size: 9.6vw;
        line-height: 32vw;
    }
    .shares_top span{
        display: block;
        width: 16vw;
        height: 2px;
        background: #da251c;
        margin: -9vw auto 0;
    }
    .shares_content_tit{
        width: 90%;
        margin-left: 5%;
        padding-top: 12vw;
    }
    .shares_introduced{
        float: left;
        margin-bottom: 6vw;
    }
    .shares_value{
        float: right;
    }
    .shares_2{
        background:#f8fbfc;
    }
    .shares_introduced p{
        font-size: 3.4vw;
    }
    .shares_introduced p span{
        font-size: 5vw;
        margin-right: 2vw;
    }
    .shares_timer{
        display: block;
        color: #a2a2a2;
        font-size: 2vw;
        margin-top: 2.5vw;
    }
    .shares_value{
        font-size: 3.4vw;
        margin-top: 3.6vw;
    }
    .shares_value>span{
        font-size: 8vw;
    }
    .shares_content_whilst{
        width:90%;
        height: 40.1vw;
        margin-left:5% ;
        margin-bottom: 13.3vw;
    }
    .shares_content_whilst img{
        width: 100%;
        /*height:100%*/
    }
    .contact{
        width: 100%;
    }
    .contact ul li{
        float: left;
        width: 50%;
    }
    .contact_1{
        width: 100%;
        height: 47.5vw;
        background: url("../images/investor/investor_information/mobile/exchange_1.jpg") no-repeat center;
        background-size: cover;
    }
    .contact_2{
        width: 100%;
        height: 47.5vw;
        background: url("../images/investor/investor_information/mobile/exchange_2.jpg") no-repeat center;
        background-size: cover;
    }
    .contact_1 span{
        display: block;
        width: 13.3vw;
        height: 8.26vw;
        background: url("../images/investor/investor_information/mobile/exchange_1_icon.png") no-repeat center;
        background-size: cover;
        margin:14vw auto 0;
    }
    .contact_1 p{
        text-align: center;
        color: #fff;
        font-size: 4.8vw;
        margin-top: 2vw;
    }
    .contact_2 span{
        display: block;
        width: 11.2vw;
        height: 6.9vw;
        background: url("../images/investor/investor_information/mobile/exchange_2_icon.png") no-repeat center;
        background-size: cover;
        margin:14vw auto 0;
    }
    .contact_2 p{
        text-align: center;
        color: #fff;
        font-size: 4.8vw;
    }
    .contact_2 .contact_2_tit{
        margin-top: 3vw;
    }
    .contact_2 .contact_2_desc{
        font-size: 2.6vw;
        color: #c9c9c9;
        margin-top: 1vw;
    }

    /*annals*/
    .annals_content_list{
        width: 100%;
    }
    .annals_content_list ul li{
        float: left;
        width: 50%;
        height: 50vw;
    }
    /*.annals_content_list_1{*/
        /*background: #f5f5f5;*/
    /*}*/
    .greybcg{
        background:#f5f5f5;
    }
    .whitebcg{
        background:#fff;
    }
    .annals_list_box{
        margin-top: 16vw;
        margin-left: 5.4vw;
        border-left: 3px solid #393939;
    }
    .annals_time{
        font-size: 8vw;
        color: #393939;
        font-weight: 600;
        margin-left: 2vw;
    }
    #annals .annals_title{
        font-size: 4.8vw;
        color: #393939;
        opacity: 0.5;
        filter:alpha(opacity=50);
        margin-left: 2vw;
    }
    .annals_content_btn{
        width: 100%;
        height: 26.6vw;
        background: url(../images/investor/investor_annals/mobile/content_bg.jpg) no-repeat center;
        background-size:100% 100%;
        position: relative;
    }
    .annals_content_btn div{
        display: block;
        width: 50vw;
        height:10.6vw;
        border:1px solid #000;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        margin-left: -25vw;
        top: 5vw;
        cursor: pointer;
    }
    .annals_content_btn div span{
        position: absolute;
        left:50%;
        margin-left: -10vw;
        font-size: 3.2vw;
        line-height: 10.6vw;
    }
    .annals_content_btn div img{
        width:1.067vw;
        height:2.13vw;
        position: absolute;
        top: 4vw;
        left: 32vw;
    }
    #govern .content_list{
        width: 100%;
    }
    #govern .content_list li{
        float: left;
        width: 100%;
        height: 48.5vw;
        cursor: pointer;
        position: relative;
    }
    #govern .content_list  .content_list_1{
         background: url(../images/investor/investor_govern/mobile/1.jpg) no-repeat center;
         background-size: 100% 100%;
    }
    #govern .content_list  .content_list_2{
        background: url(../images/investor/investor_govern/mobile/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_3{
        background: url(../images/investor/investor_govern/mobile/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_4{
        background: url(../images/investor/investor_govern/mobile/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_5{
        background: url(../images/investor/investor_govern/mobile/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_6{
        background: url(../images/investor/investor_govern/mobile/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list  .content_list_7{
        background: url(../images/investor/investor_govern/mobile/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #govern .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #govern .content_list .content_list_word_1{
        width:48%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:26%;
        font-size: 3.7vw;
    }
    #govern .content_list .content_list_timer{
        font-size: 2.67vw;
        position: absolute;
        bottom:5.3vw;
        right:5.3vw;
        color:#fff;
    }
    .learnmore{
        background: #da251c;
        text-align: center;
        line-height: 48.5vw;
        font-size: 4.8vw;
        color:#fff;
    }
    .leftIcon{
        width:2.26vw;
        display: block;
        position: absolute;
        right:35%;
        top:46%;
    }
    #notice .content_list{
        width: 100%;
    }
    #notice .content_list li{
        float: left;
        width: 100%;
        height: 48.5vw;
        cursor: pointer;
        position: relative;
    }
    #notice .content_list  .content_list_1{
        background: url(../images/investor/investor_notice/mobile/1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_2{
        background: url(../images/investor/investor_notice/mobile/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_3{
        background: url(../images/investor/investor_notice/mobile/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_4{
        background: url(../images/investor/investor_notice/mobile/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_5{
        background: url(../images/investor/investor_notice/mobile/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_6{
        background: url(../images/investor/investor_notice/mobile/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list  .content_list_7{
        background: url(../images/investor/investor_notice/mobile/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #notice .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #notice .content_list .content_list_word_1{
        width:48%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:26%;
        font-size: 3.7vw;
    }
    #notice .content_list .content_list_timer{
        font-size: 2.67vw;
        position: absolute;
        bottom:5.3vw;
        right:5.3vw;
        color:#fff;
    }

    #protect .content_list{
        width: 100%;
    }
    #protect .content_list li{
        float: left;
        width: 100%;
        height: 48.5vw;
        cursor: pointer;
        position: relative;
    }
    #protect .content_list  .content_list_1{
        background: url(../images/investor/investor_protect/mobile/1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_2{
        background: url(../images/investor/investor_protect/mobile/2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_3{
        background: url(../images/investor/investor_protect/mobile/3.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_4{
        background: url(../images/investor/investor_protect/mobile/4.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_5{
        background: url(../images/investor/investor_protect/mobile/5.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_6{
        background: url(../images/investor/investor_protect/mobile/6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list  .content_list_7{
        background: url(../images/investor/investor_protect/mobile/7.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #protect .content_list .content_list_mask{
        width:100%;
        height:100%;
        background: rgba(0,0,0,.6);
    }
    #protect .content_list .content_list_word_1{
        width:48%;
        text-align: center;
        color:#fff;
        position: absolute;
        top:40%;
        left:26%;
        font-size: 3.7vw;
    }
    #protect .content_list .content_list_timer{
        font-size: 2.67vw;
        position: absolute;
        bottom:5.3vw;
        right:5.3vw;
        color:#fff;
    }

    .mobi_company_basic li.information_one_da{
        height:8vw;
    }

    #annals .content .content_table{
        width:100%;

    }
    #annals .content .content_table ul{
        width:100%;
        height:156.8vw;
        overflow: hidden;
    }
    #annals .content .content_table ul li{
        width:100%;
        height:39.2vw;
        color:#1b1b1b;
        font-size: .8vw;
        position: relative;
    }
    #annals .content .content_table ul .positionname{
        font-size: 4vw;
        display: block;
        width:100%;
        text-align: center;
        padding-top:8vw;
    }
    #annals .content .content_table ul .data{
        width:100%;
        display: block;
        font-size: 3.2vw;
        color:#a9a9a9;
        text-align: center;
        line-height: 12vw;
    }
    #annals .content .content_table ul li .applyposition{
        display: block;
        border-radius: 5px;
        width:50%;
        height:10.6vw;
        text-align: center;
        line-height: 10.6vw;
        font-size: 3.2vw;
        color:#fff;
        background: #c02921;
        position: absolute;
        bottom:5vw;
        left:25%;
    }
    #annals .content .content_table ul li:nth-child(odd){
        background: #fff;
    }
    #annals .content .content_table ul li:nth-child(even){
        background: #f5f5f5;
    }
    #annals .content .paging{
        width:100%;
        height:26.7vw;
        background: url(../images/investor/investor_annals/mobile/content_bg.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
    #annals .content .paging .number{
        line-height: 8vw;
        font-size: 3.2vw;
        color:#535353;
        display: block;
        float: left;
        margin-left: 1.1458vw;
        cursor: pointer;
    }
    #annals .content .paging .clickactive{
        color:#da251c;
    }
    #annals .content .paging .numberBox{
        position: absolute;
        left:39%;
        top:25%;
    }
    #annals .content .paging .left{
        width:28%;
        height:8vw;
        background: #969696;
        border-radius: 5px;
        font-size: 2.4vw;
        text-align: center;
        color:#fff;
        position: absolute;
        left:5.3%;
        top:25%;
        line-height: 8vw;
        cursor: pointer;
    }
    #annals .content .paging .right{
        width:28%;
        height:8vw;
        background: #222222;
        border-radius: 5px;
        font-size: 2.4vw;
        text-align: center;
        color:#fff;
        position: absolute;
        right:5.3%;
        top:25%;
        line-height: 8vw;
        cursor: pointer;
    }
    #annals .content .paging  .lefticon{
        width:1.2vw;
        position: absolute;
        top:3vw;
        left:6vw;
    }
    #annals .content .paging  .righticon{
        width:1.2vw;
        position: absolute;
        top:3.2vw;
        margin-left:3vw;
    }
    .content .content_table{
        width:100%;

    }
    .content .content_table ul{
        width:100%;
        overflow: hidden;
    }
    .content .content_table ul li{
        width:100%;
        height:19vw;
        color:#1b1b1b;
        font-size: .8vw;
        position: relative;
    }
     .content .content_table ul .positionname{
        font-size: 4vw;
        display: block;
        width:100%;
        text-align: center;
        padding-top:5vw;
         color: #000;
    }
     .content .content_table ul .data{
        width:100%;
        display: block;
        font-size: 3.2vw;
        color:#a9a9a9;
        text-align: center;
        margin-top: 2.7vw;
    }
    .content .content_table ul li:nth-child(odd){
        background: #fff;
    }
     .content .content_table ul li:nth-child(even){
        background: #f5f5f5;
    }
     .content .paging{
        width:100%;
        height:26.7vw;
        background: url(../images/investor/investor_govern/mobile/content_bg.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }
     .content .paging .number{
        line-height: 8vw;
        font-size: 3.2vw;
        color:#535353;
        display: block;
        float: left;
        margin-left: 1.1458vw;
        cursor: pointer;
    }
    .content .paging .clickactive{
        color:#da251c;
    }
   .content .paging .numberBox{
        position: absolute;
        left:39%;
        top:25%;
    }
    .content .paging .left{
        width:28%;
        height:8vw;
        background: #969696;
        border-radius: 5px;
        font-size: 2.4vw;
        text-align: center;
        color:#fff;
        position: absolute;
        left:5.3%;
        top:25%;
        line-height: 8vw;
        cursor: pointer;
    }
     .content .paging .right{
        width:28%;
        height:8vw;
        background: #222222;
        border-radius: 5px;
        font-size: 2.4vw;
        text-align: center;
        color:#fff;
        position: absolute;
        right:5.3%;
        top:25%;
        line-height: 8vw;
        cursor: pointer;
    }
    .content .paging  .lefticon{
        width:1.2vw;
        position: absolute;
        top:3vw;
        left:6vw;
    }
    .content .paging  .righticon{
        width:1.2vw;
        position: absolute;
        top:3.2vw;
        margin-left:3vw;
    }
    .imageandtx{
        width:100%;
    }
    .imageandtx_title{
        width:89%;
        margin: 0 auto;
        font-size: 4.8vw;
        color:#393939;
        line-height: 8vw;
        text-align: center;
        margin-top:10.67vw;
    }
    .imageandtx_date{
        font-size:3.2vw;
        color:#393939;
        text-align: center;
        margin-top:6.67vw;
    }
    .imageandtx_tx{
        width:89%;
        margin: 0 auto;
        font-size:3.73vw;
        color:#393939;
        text-align: left;
        margin-top:8vw;
        line-height: 5vw;
    }
    .imageandtx_img{
        width:100%;
        height:80vw;
        background: url(../images/newsandnotice/newsdetails/mobile/img.jpg) no-repeat center;
        background-size: 100% 100%;
        margin-top:8.67vw;
    }
    .imageandtx .page{
        width:90%;
        margin: 0 auto;
        margin-top:8vw;
        margin-bottom:12vw;
        cursor: pointer;
    }
    .imageandtx .page .left{
        width:1.2vw;
        height:2.27vw;
        background: url(../images/newsandnotice/newsdetails/mobile/left.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:27%;
        top:3vw;
    }
    .imageandtx .page .right{
        width:1.2vw;
        height:2.27vw;
        background: url(../images/newsandnotice/newsdetails/mobile/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right:27%;
        top:3vw;
    }
    .imageandtx .page .before{
        width:18%;
        height:8.3vw;
        background: #393939;
        color:#fff;
        font-size:2.4vw;
        float: left;
        line-height:8.3vw;
        border-radius: 5px;
        position: relative;
        padding-left:13%;
    }
    .imageandtx .page .after{
        width:22%;
        height:8.3vw;
        background: #393939;
        color:#fff;
        font-size:2.4vw;
        float: left;
        line-height:8.3vw;
        border-radius: 5px;
        position: relative;
        padding-left:9%;
    }
    .imageandtx .page .back{
        width:31%;
        height:8.3vw;
        background: #393939;
        border-radius: 5px;
        color:#fff;
        font-size:2.4vw;
        float: left;
        line-height:8.3vw;
        margin:0 2.67vw;
        text-align: center;
    }

}