

/*  手机等小屏幕手持设备*/
@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;
    }
    .certificate-21{
        width: 100%;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
    }
    .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-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: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }

    .honor-classification{
        margin-top: 0px;
    }
    .honor-content{
        line-height: 42px;
        margin-top: 30px;
        margin-bottom: 64px;

    }
    .certificate{
        background-color: #ffffff;
        padding: 27px;
        box-shadow: 0px 0px 10px 5px #eeeeee;
        margin-bottom: 30px;
    }
    .certificate-1{
        font-size: 18px;
        color: #333333;
        font-weight: 600;
    }
    .certificate-2{
        font-size: 16px;
        color: #999999;
        margin-top: 10px;
        margin-bottom: 20px;

    }
    .certificate-3{
        color: #666666;
        margin-top: 29px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 25px;
        overflow: hidden;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 22px;
    }
    .certificate-4{
        color: #666666;
        margin-top: 10px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 25px;
        overflow: hidden;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 22px;
    }
    .certificate-5{
        color: #666666;
        margin-top: 10px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height:38px;
        　　overflow: hidden;
    }
    .honor-position{
        width: 30px;
        height: 3px;
        background: #791a96;
        display: inline-flex;
        position: absolute;
        bottom: -4px;
        left: 1px;
        /*  css...
          当设备宽度  在  769px和992px范围内,执行当前的css*/
    }
    .small-menu{
        font-size: 16px;
        margin-left: 2px;
        position: relative;
        top: 2px;
    }
    .honor-content-img{
        text-align: center;
        margin-top: 40px;
    }
    .honor-content-img img{
        width: 100%;
    }
    .imgnews-title{
        color: #791a96;font-size: 22px;font-weight: 700;
    }
    .honor-classification div{
        font-size: 22px;
        opacity: 0.17;
        color: #333333;
        text-align: left;
    }
    .selection{
        color: #791a96;
    }
    .honor-position1{
        left: 17px;
    }
    .imgnews-list-img{
        width:100%;
    }
    .imgnews-list-img img{
        width:100%;
    }
    .honor-positionb{
        left: 25px;
    }
    .imgnews-list-member-time {
        text-align: right;
        font-size: 14px;
        color: #999999;
        padding: 13px;
    }
    .imgnews-list-whole {
        padding: 24px;
        box-shadow: 0px 0px 10px 1px #f5f5f5;
        margin-top: 25px;
        padding-bottom: 20px;
    }
    .imgnews-list-member-content {
        text-align: center;
        font-size: 14px;
        color: #333333;
        padding: 13px;
        overflow: hidden;
        padding-bottom: 0px;
    }
    .whole-crumbs {
        margin-top: 25px;
        text-align: center;
        margin-bottom: 25px;
    }

}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .certificate-21{
        width: 100%;

    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        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-careb{
        width: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }

    .honor-classification{
        margin-top: 35px;
    }
    .honor-content{
        line-height: 42px;
        margin-top: 30px;
        margin-bottom: 64px;
        font-size: 16px;
        text-indent: 32px;
        box-shadow: 0px 0px 10px 1px #f5f5f5;
        padding: 76px 74px 116px 74px;

    }
    .certificate{
        background-color: #ffffff;
        padding: 27px;
        box-shadow: 0px 0px 10px 5px #eeeeee;
        margin-bottom: 30px;
    }
    .certificate-1{
        font-size: 18px;
        color: #333333;
        font-weight: 600;
    }
    .certificate-2{
        font-size: 16px;
        color: #999999;
        margin-top: 10px;
        margin-bottom: 20px;

    }
    .certificate-3{
        color: #666666;
        margin-top: 29px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height:20px;
        　　overflow: hidden;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 25px;
    }
    .certificate-4{
        color: #666666;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp:1;*/
        /*line-clamp: 1;*/
        /*-webkit-box-orient: vertical;*/
        /*height: 25px;*/
        /*overflow: hidden;*/
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 22px;
    }
    .certificate-5{
        color: #666666;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp:2;*/
        /*line-clamp: 2;*/
        /*-webkit-box-orient: vertical;*/
        /*height:44px;*/
        　　overflow: hidden;
    }
    .honor-position{
        width: 25px;
        height: 3px;
        background: #791a96;
        display: inline-flex;
        position: absolute;
        bottom: -8px;
        left: 28px;
        /*  css...
          当设备宽度  在  769px和992px范围内,执行当前的css*/
    }
    .honor-positiona{
        left: 3px;
    }
    .honor-positionb{
        left: 28px;
    }
    .honor-content div{
        font-size: 15px;
        color: #333;
        line-height: 32px;
    }
    .honor-classification div{
        font-size: 31px;
        opacity: 0.17;
        color: #333333;
        text-align: left;
        position: relative;
        top: -10px;
    }
    .small-menu{
        font-size: 16px;    margin-left: 32px;
        position: relative;
        top: -5px;
    }
    .honor-content-img{
        text-align: center;
        margin-top: 85px;
    }
    .honor-content-img img{
        width: 94%;
    }
    .imgnews-title{
        color: #791a96;font-size: 34px;font-weight: 700;
    }
    .selection{
        color: #791a96;
    }
    .honor-position1{
        left: 20px;
    }
    .imgnews-list-img{
        width:100%;
        margin-bottom: 86px;
    }
    .imgnews-list-img img{
        width:100%;
    }
    .imgnews-list-whole{
        padding: 24px;
        box-shadow: 0px 0px 10px 1px #f5f5f5;
        padding-bottom: 20px;
        margin-bottom: 44px;

    }
    .imgnews-list-member{
        width: 100%;
        overflow: hidden;
        height: 204px;
        text-align: center;
    }
    .imgnews-list-member img{

    }
    .imgnews-list-member-content{
        font-size: 16px;
        color: #333333;
        padding: 13px;
        height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
        text-align: center;
    }
    .imgnews-list-member-time{
        text-align: right;
        font-size: 14px;
        color: #999999;
        padding: 13px;
    }
    .imgnews-list-margin{
        margin-top: 44px;
    }
}

@media screen  and (min-width: 1024px) {
    .certificate-21{
        width: 100%;

    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        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-careb{
        width: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .home-branda{

    }

    .honor-classification{
        margin-top: 35px;
    }
    .honor-content{
        line-height: 42px;
        margin-top: 30px;
        margin-bottom: 64px;
        font-size: 16px;
        text-indent: 32px;
        box-shadow: 0px 0px 10px 1px #f5f5f5;
        padding: 76px 74px 116px 74px;

    }
    .certificate{
        background-color: #ffffff;
        padding: 27px;
        box-shadow: 0px 0px 10px 5px #eeeeee;
        margin-bottom: 30px;
    }
    .certificate-1{
        font-size: 18px;
        color: #333333;
        font-weight: 600;
    }
    .certificate-2{
        font-size: 16px;
        color: #999999;
        margin-top: 10px;
        margin-bottom: 20px;

    }
    .certificate-3{
        color: #666666;
        margin-top: 29px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height:20px;
        　　overflow: hidden;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 25px;
    }
    .certificate-4{
        color: #666666;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp:1;*/
        /*line-clamp: 1;*/
        /*-webkit-box-orient: vertical;*/
        /*height: 25px;*/
        /*overflow: hidden;*/
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 22px;
    }
    .certificate-5{
        color: #666666;
        margin-top: 10px;
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp:2;*/
        /*line-clamp: 2;*/
        /*-webkit-box-orient: vertical;*/
        /*height:44px;*/
        　　overflow: hidden;
    }
    .honor-position{
        width: 25px;
        height: 3px;
        background: #791a96;
        display: inline-flex;
        position: absolute;
        bottom: -8px;
        left: 28px;
        /*  css...
          当设备宽度  在  769px和992px范围内,执行当前的css*/
    }
    .honor-positiona{
        left: 3px;
    }
    .honor-positionb{
        left: 28px;
    }
    .honor-content div{
        font-size: 15px;
        color: #333;
        line-height: 32px;
    }
    .honor-classification div{
        font-size: 31px;
        opacity: 0.17;
        color: #333333;
        text-align: left;
        position: relative;
        top: -10px;
    }
    .small-menu{
        font-size: 16px;    margin-left: 32px;
        position: relative;
        top: -5px;
    }
    .honor-content-img{
        text-align: center;
        margin-top: 85px;
    }
    .honor-content-img img{
        width: 94%;
    }
    .imgnews-title{
        color: #791a96;font-size: 34px;font-weight: 700;
    }
    .selection{
        color: #791a96;
    }
    .honor-position1{
        left: 20px;
    }
    .imgnews-list-img{
        width:100%;
        margin-bottom: 86px;
    }
    .imgnews-list-img img{
        width:100%;
    }
    .imgnews-list-whole{
        padding: 24px;
        box-shadow: 0px 0px 10px 1px #f5f5f5;
        padding-bottom: 20px;
        margin-bottom: 44px;

    }
    .imgnews-list-member{
        width: 100%;
        overflow: hidden;
        height: 204px;
        text-align: center;
    }
    .imgnews-list-member img{

    }
    .imgnews-list-member-content{
        text-align:center;
        font-size: 16px;
        color: #333333;
        padding: 13px;
        height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
    }
    .imgnews-list-member-time{
        text-align: right;
        font-size: 14px;
        color: #999999;
        padding: 13px;
    }
    .imgnews-list-margin{
        margin-top: 44px;
    }
}


