/*  手机等小屏幕手持设备*/
@media screen and (min-width: 320px) and (max-width: 767px) {

    /* .mobile{
      display: block;
    }
    .home-content-icon-img{
      width: 100%;
    }
    body{
    overflow: hidden;    overflow-y: scroll;
  }*/
    .collapse{
        display: block;
        color: #999999;
        visibility: visible;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 90%;
        margin: 0 auto;
        background: #ffffff;
    }
    .flex-container {
        line-height: 22px;

    }
    .comprehensive-logo{
        width: 240px;
        height: 74px;
    }
    .active{
        color: #791a96;
    }
    .time-speed{
        width: 145px;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
    }
    .comprehensive-time{
        font-size: 30px;
    }
    .comprehensive-spacing div{
        line-height: 40px;
    }
    .comprehensive-widths{
        width: 95%;
    }
    .comprehensive-spacing-icon{
        width: 7px;
        height: 7px;
        background: #791a96;
        border-radius: 82px;
        display: inline-flex;
        margin-right: 10px;
    }
    .comprehensive-spacing-time{
        position: relative;
        top: 2px;
    }
    .time-dot{
        width: 10px;height: 10px;background-color: #791a96;border-radius: 50px;
    }
    .time-strip{
        width: 2px;height: auto;background-color: #791a96;position: relative;left: 4px;
    }


    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }
    .news-title{
        margin-top: 50px;
    }
    .news-list{
        /*cursor:pointer;*/
    }
    .news-list-img img{
        width: 100%;
    }

    .news-list-img{
        width: 100%;
        overflow: hidden;
    }
    .news-content-text{
        overflow: hidden;
        cursor:pointer;

    }
    .news-content-title{

        font-size: 18px;
        margin-top: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .news-content-text:hover{
        color: #791a96;
    }
    .news-content-time{
        color: #999999;
        margin-top: 12px;
        font-size: 14;

    }
    .news-content-details div{


    }
    .news-content-details div{
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height:44px;
        margin-top: 12px;
        white-space: initial;

    }
    .news-line{
        width: 100%;
        height: 2px;
        background-color: #eeeeee;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .news-content-understand{

    }
    .panel-default>.panel-heading{
        background-color: #ffffff;
        font-size: 14px;
        border-color:#ffffff;
    }
    .panel-title{
        font-size: 14px;
        padding: 8px 20px;
    }
    .panel-body{
        padding: 10px 30px;
    }
    a:hover{
        color: #791a96;
    }
    .panel{
        box-shadow: 0 0px 0px rgba(0,0,0,.05);
    }
    .page{
        width:297px;
        margin: 0 auto;
        background-color:#ffffff;
        text-align: center;
    }
    .page ul{
        padding:0;
        display: inline-flex;
        min-width: 311px;

    }
    .page ul::after{
        content: '';
        display: block;
        clear: both;
    }
    .page ul li{
        float: left;
        width:auto;
        min-width:32px;
        height: 30px;
        line-height:30px;
        list-style: none;
    }
    .page a{
        color:#aaa;
        font-family: "微软雅黑";
        padding:0 10px;
        text-decoration: none;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
        border-left: none;
    }
    .page ul li:first-child a{
        border-left: 1px solid #ccc;
    }

    .page ul li a:hover{
        background-color: #791a96;
    }
    .page ul li a:hover{
        color: white;
    }
    .page .disabled a:hover{
        background-color: white;
        cursor:not-allowed;
        color: #aaa;
    }
    .page .active a{
        background-color: #791a96;
        color: white;
    }
    .pageList{
        width: 100%;
        margin-bottom: 41px;
        margin-top: 41px;

    }
    .advertisement{
        width: 100%;
        margin-top: 35px;
    }
    .news-recommendation{
        width:100%;
        border: 1px solid #eeeeee;
        margin-top: 35px;
    }
    .news-recommendation-title{
        background: #791a96;
        color: #ffffff;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
    }
    .news-recommendation-content{

        padding-bottom: 0px;
        padding: 10px 19px 10px 19px;
    }
    .news-recommendation-list{
        border-bottom: 1px solid #eeeeee;padding-bottom: 10px;padding-top: 10px;cursor:pointer;
    }
    .news-list-height{
        height: 1152px;
    }
    .gray{
        width: 5px;
        height: 5px;
        background-color: #eeeeee;
        border-radius: 50px;
        display: inline-flex;
        margin-right: 5px;
        margin-left: 5px;
    }
    .news-right{

    }
    a{ text-decoration:none;color: #333;}
    .panel-body a:hover{
        color: #791a96;
    }
    .seniorleadership-title {
        color: #791a96;
        font-size: 24px;
        font-weight: 700;
    }
    .seniorleadership-English-title {
        color: #333333;
        font-size: 24px;
        opacity: 0.09;
        position: relative;
        top: -10px;
        margin-bottom: 15px;
    }


}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .seniorleadership-English-title {
        color: #333333;
        font-size: 31px;
        opacity: 0.09;
        position: relative;
        top: -10px;
        margin-bottom: 15px;
    }
    .seniorleadership-title {
        color: #791a96;
        font-size: 34px;
        font-weight: 700;
        margin-top: 76px;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 95%;
        margin: 0 auto;
        background: #ffffff;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;

    }
    .comprehensive-logo{
        width: 240px;
        height: 74px;
    }
    .active{
        color: #791a96;
    }
    .time-speed{
        width: 145px;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
    }
    .comprehensive-time{
        font-size: 30px;
    }
    .comprehensive-spacing div{
        line-height: 40px;
    }
    .comprehensive-spacing-icon{
        width: 7px;
        height: 7px;
        background: #791a96;
        border-radius: 82px;
        display: inline-flex;
        margin-right: 10px;
    }
    .comprehensive-spacing-time{
        position: relative;
        top: 2px;
    }
    .time-dot{
        width: 10px;height: 10px;background-color: #791a96;border-radius: 50px;
    }
    .time-strip{
        width: 2px;height: auto;background-color: #791a96;position: relative;left: 4px;
    }


    .home-careb{
        width: 100%;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }
    .news-title{
        margin-top: 50px;
    }
    .news-list{
        cursor:pointer;
        padding: 0px 0px 0px 45px;
    }
    .news-list-img img{
        width: 100%;
    }

    .news-list-img{
        width: 217px;
        height: 145px;
        overflow: hidden;
    }
    .news-content-text{
        overflow: hidden;

    }
    .news-content-title{
        color: #333333;
        font-size: 24px;
        margin-top: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;

        white-space: initial;
    }
    .news-content-time{
        color: #999999;
        margin-top: 12px;
        font-size: 14px;

    }
    .news-content-details{
        color: #666;
        　　overflow:hidden;

        text-overflow:ellipsis;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:2;
        margin-top: 12px;
        white-space: initial;

    }
    .news-line{
        width: 100%;
        height: 2px;
        background-color: #eeeeee;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .news-content-understand{

    }
    .panel-default>.panel-heading{
        background-color: #ffffff;
        font-size: 14px;
        border-color:#ffffff;
    }
    .panel-title{
        font-size: 14px;
        padding: 8px 20px;
    }
    .panel-body{
        padding: 10px 30px;
    }
    a:hover{
        color: #791a96;
    }
    .panel{
        box-shadow: 0 0px 0px rgba(0,0,0,.05);
    }
    .page{
        overflow: hidden;
        width: 471px;
        margin: 0 auto;
        background-color:#ffffff;
        text-align: center;
    }
    .page ul{
        padding:0;
        height: 35px;
        display: inline-flex;

    }
    .page ul::after{
        content: '';
        display: block;
        clear: both;
    }
    .page ul li{
        float: left;
        width:auto;
        min-width:32px;
        height: 30px;
        line-height:30px;
        list-style: none;
    }
    .page a{
        color:#aaa;
        font-family: "微软雅黑";
        padding:0 10px;
        text-decoration: none;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
        border-left: none;
    }
    .page ul li:first-child a{
        border-left: 1px solid #ccc;
    }

    .page ul li a:hover{
        background-color: #791a96;
    }
    .page ul li a:hover{
        color: white;
    }
    .page .disabled a:hover{
        background-color: white;
        cursor:not-allowed;
        color: #aaa;
    }
    .page .active a{
        background-color: #791a96;
        color: white;
    }
    .pageList{
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .advertisement{
        width: 100%;
        margin-top: 35px;
    }
    .news-recommendation{
        width:100%;
        border: 1px solid #eeeeee;
        margin-top: 35px;
    }
    .news-recommendation-title{
        background: #791a96;
        color: #ffffff;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
    }
    .news-recommendation-content{

        padding-bottom: 0px;
        padding: 10px 19px 10px 19px;
    }
    .news-recommendation-list{
        border-bottom: 1px solid #eeeeee;padding-bottom: 10px;padding-top: 10px;cursor:pointer;
    }
    .news-list-height{
        height: 1152px;
    }
    .gray{
        width: 5px;
        height: 5px;
        background-color: #eeeeee;
        border-radius: 50px;
        display: inline-flex;
        margin-right: 5px;
        margin-left: 5px;
    }
    .news-right{

    }
    .transverse-roll{
        display: none;
    }

}

@media screen  and (min-width: 1024px) {

    .collapse{
        display: block;
        color: #999999;
        visibility: visible;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        background: #ffffff;
        max-width: 1240px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;

    }
    .comprehensive-logo{
        width: 240px;
        height: 74px;
    }
    .active{
        color: #791a96;
    }
    .time-speed{
        width: 145px;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
    }
    .comprehensive-time{
        font-size: 30px;
    }
    .comprehensive-spacing div{
        line-height: 40px;
    }
    .comprehensive-spacing-icon{
        width: 7px;
        height: 7px;
        background: #791a96;
        border-radius: 82px;
        display: inline-flex;
        margin-right: 10px;
    }
    .comprehensive-spacing-time{
        position: relative;
        top: 2px;
    }
    .time-dot{
        width: 10px;height: 10px;background-color: #791a96;border-radius: 50px;
    }
    .time-strip{
        width: 2px;height: auto;background-color: #791a96;position: relative;left: 4px;
    }


    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }
    .news-title{
        margin-top: 35px;
    }
    .news-list{
        /*cursor:pointer;*/
    }
    .news-list-img img{
        width: 100%;
    }

    .news-list-img{
        width: 217px;
        height: 145px;
        overflow: hidden;
    }
    .news-content-text{
        overflow: hidden;
        cursor:pointer;

    }
    .news-content-title{

        font-size: 24px;
        margin-top: 0px;
        white-space:nowrap;/* 规定文本是否折行 */
        overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
        text-overflow: ellipsis;
    }
    .news-content-text:hover{
        color: #791a96;
    }
    .news-content-time{
        color: #999999;
        margin-top: 12px;
        font-size: 14;

    }
    .news-content-details div{


    }
    .news-content-details div{
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 12px;
        white-space: initial;

    }
    .news-line{
        width: 100%;
        height: 2px;
        background-color: #eeeeee;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .news-content-understand{

    }
    .panel-default>.panel-heading{
        background-color: #ffffff;
        font-size: 14px;
        border-color:#ffffff;
    }
    .panel-title{
        font-size: 14px;
        padding: 8px 20px;
    }
    .panel-body{
        padding: 5px 26px;
        line-height: 28px;
    }
    a:hover{
        color: #791a96;
    }
    .panel{
        box-shadow: 0 0px 0px rgba(0,0,0,.05);
    }
    .page{

        margin: 0 auto;
        background-color:#ffffff;
        text-align: center;
        width:100%;
    }
    .page ul{
        padding:0;

        display: inline-flex;

    }
    .page ul::after{
        content: '';
        display: block;
        clear: both;
    }
    .page ul li{
        float: left;
        width:auto;
        min-width:32px;
        height: 30px;
        line-height:30px;
        list-style: none;
    }
    .page a{
        color:#aaa;
        font-family: "微软雅黑";
        padding:0 10px;
        text-decoration: none;
        display: block;
        text-align: center;
        border: 1px solid #ccc;
        border-left: none;
    }
    .page ul li:first-child a{
        border-left: 1px solid #ccc;
    }

    .page ul li a:hover{
        background-color: #791a96;
    }
    .page ul li a:hover{
        color: white;
    }
    .page .disabled a:hover{
        background-color: white;
        cursor:not-allowed;
        color: #aaa;
    }
    .page .active a{
        background-color: #791a96;
        color: white;
    }
    .pageList{
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .advertisement{
        width: 100%;
        margin-top: 35px;
        height: 100%;
    }
    .news-recommendation{
        width:100%;
        border: 1px solid #eeeeee;
        margin-top: 35px;
    }
    .news-recommendation-title{
        background: #791a96;
        color: #ffffff;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
    }
    .news-recommendation-content{

        padding-bottom: 0px;
        padding: 10px 19px 10px 19px;
    }
    .news-recommendation-list{
        border-bottom: 1px solid #eeeeee;padding-bottom: 10px;padding-top: 10px;cursor:pointer;
    }
    .news-list-height{
        height: 1152px;
    }
    .gray{
        width: 5px;
        height: 5px;
        background-color: #eeeeee;
        border-radius: 50px;
        display: inline-flex;
        margin-right: 5px;
        margin-left: 5px;
    }
    .news-right{
        width: 30%;
    }
    a{ text-decoration:none;display: inline-flex;}
    .panel-body a:hover{
        color: #791a96;
    }
    .seniorleadership-title {
        color: #791a96;
        font-size: 34px;
        font-weight: 700;
        margin-top: 35px;
    }
    .seniorleadership-English-title {
        color: #333333;
        font-size: 31px;
        opacity: 0.09;
        position: relative;
        top: -10px;
        margin-bottom: 15px;
    }
    .ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

    .ellipsis_ie { line-height: 25px; font-size: 16px; overflow: hidden; position: relative;}
    .ellipsis_ie_texter { height: 50px; }
    .ellipsis_ie_texter:after { content: ' ... '; position: absolute; bottom: 0; right: 0; }

}