/*  手机等小屏幕手持设备*/
@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;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .flex-container {
        line-height: 23px;
        padding: 0px 15px;

    }
    .comprehensive-width flex-container span{
        margin-left: 10px;
        margin-right:10px;
    }
    .comprehensive-logo{
        width: 240px;
        height: 74px;
    }
    .active{
        color: #791a96;
    }
    .time-speed{
        width: 100%;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
        height: 310px;

    }
    .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;
        cursor:pointer;
    }
    .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;
    }
    .event-introduce{
        background-color: #ffffff;
        border:1px solid #eeeeee;
        border-top: 0px solid #eeeeee;
        padding:30px;
    }
    .event-time{
        width: 158px;
        height: 143px;
        position: absolute;
        bottom: 118px;
        left: -157px;
        padding: 12px 10px 10px 19px;

    }
    .event-time-line{
        width: 14px;
        height: 116px;
        background: #791a96;
        position: absolute;
        left: 11px;
        top: 3px;
    }
    .event-time div{
        color: #791a96;
        font-weight: 700;
    }
    .event-text{
        margin-top: 15px;
        /*height: 81px;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp:4;*/
        /*line-clamp: 4;*/
        /*-webkit-box-orient: vertical;*/
    }
    .swiper-wrapper img{
        width: 100%;
    }
    .event-line{
        width: 27px;
        height: 1px;
        background: #791a96;
        display: inline-table;
        position: relative;
        top: -14px;
        left: -3px;
    }

    .home-careb{
        width: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .event-time-bg{
        position: relative;
        z-index: 9;
        background-color: #f7f8fa;
        width: 138px;
        z-index: 1;
    }
    .scroll{
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
    }
    .scroll-son{
        overflow-x: hidden;
        height:93%;
        width: 140px;
    }
    .flex-container a{
        color: #333;
    }
    .event-search{
        width: 93%;
        margin: 0 auto;
    }
    .search-icon{
        position: absolute;right: 10px;top: 10px;
    }
    .glyphicon-search:before{
        color: #791a96;
    }
    .form-control:focus {
        outline: none;
        border-color: #791a96;
        box-shadow: 0 0 5px #791a96;
        border-radius: 5px;
    }
    .comprehensive-logo{
        display: none;
    }
    .year-choice{
        display: none;
    }
    .swiper-pagination-bullet-active{
        background: #791a96;
        opacity: 0.5;
    }
    .event-time-move{
        width: 100px;height: 3px;background-color: #791a96;
    }
    .event-time-move div{
        padding-top: 8px;
        color: #999;
    }
    .event-time{
        display: none;
    }
    #eventLista{
        margin-top:13px;
    }
    .transverse-roll{
        display: flex;
        display: inline-flex;
        overflow-x: scroll;
        width: 100%;
        height: 45px;
        font-size: 16px;
        color: #333;
        padding-top: 11px;
        overflow-y: hidden;
    }
    .transverse-roll-menu{
        margin: 0px 7px;
        height: 44px;
        line-height: 24px;
        padding: 0px 10px;
    }
    .navbar-form{
        padding: 6px 15px;
        margin-top: 0px;
    }
    .transverse-active{
        color: #791a96;
        font-size: 20px;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-button-prev{
        display: none;
    }
    .scrolled-down{
        width: 100%;
        top: 81px;
        background: #fff;
        z-index: 99;
    }
    .publication-time{
        color: #999;
        font-size: 14px;
        margin-top: 21px;
    }
    .seniorleadership-title{
        color: #791a96;
        font-size: 24px;
        font-weight: 700;
        margin-top: 12px;
        padding-left: 13px;
    }
    .seniorleadership-English-title{
        color: #333333;
        font-size: 24px;
        opacity: 0.09;
        position: relative;
        top:-10px;
        margin-bottom: 0px;
        padding-left: 13px;
    }
    .seniorleadership-exhibition{
        width: 100%;
        background-color: #fbfbfb;
    }
    .flex-containerb {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .flex-containerb img{
        width: 92%;
        cursor:pointer;
    }
    .flex-containerb div{
        text-align: center;
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .seniorleadership-leader{
        position: relative;
        background-color: #f2f2f2;
    }
    .seniorleadership-leader-content{
        color: #333333;
        font-size: 14px;
        padding: 24px 30px;
        line-height: 32px;
    }
    .seniorleadership-leader-title{
        background-image: url(https://jm-static.oss-cn-beijing.aliyuncs.com/jm-back/survey/leader_03.png);
        background-size: 100%;
        background-repeat: no-repeat;
        font-size: 18px;
        color: #ffffff;
        width: 96%;
        height: 50px;
        line-height: 42px;
        padding-left: 22px;
        font-weight: 700;
    }
    .main-leaders img{
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .enterpriseintroduction-video{

    }
    .enterpriseintroduction-img{
        text-align: center;
    }
    .enterpriseintroduction-img img{
        width: 92%;
    }
    .enterpriseintroduction-content{
        font-size: 16px;
        color: #333333;
        line-height: 38px;
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 0px 20px;
    }
    .enterpriseintroduction-video{

    }
    .enterpriseintroduction-img{
        text-align: center;
    }
    .enterpriseintroduction-img img{
        width: 62%;
    }
    .enterpriseintroduction-content{
        font-size: 16px;
        color: #333333;
        line-height: 38px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .chairmanintroduction-img{
        width: 100%;
        text-align: center;
    }
    .chairmanintroduction-img img{
        width: 97%;
    }
    .chairmanintroduction-content{
        font-size: 18px;
        color: #333333;
        /* margin: 0px 0px 30px 30px; */
        box-shadow: 0px 0px 10px 2px #f7f7f7;
        line-height: 45px;
        padding: 30px;
        width: 97%;
        margin: 0 auto;
    }
    .chairmanintroduction-content img{
        width: 100%;
    }
    .comprehensive-widths{
        display: none;
    }
    .chairmanaddress-img{
        text-align: center;
    }

    .chairmanaddress-img img{
        width: 55%;

    }
    .chairmanaddress-content{
        width: 81%;
        line-height: 38px;
        font-size: 16px;
        color: #333333;
        margin: 0 auto;
    }
    .chairmanaddress-line{
        width: 100%;
        height: 2px;
        background: #791a96;
        margin-bottom: 45px;
    }
    .chairmanaddress-text{

    }
    .chairmanintroduction-img div{
        font-size: 16px;
        color: #333333;
        text-align: right;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 35px;
        width: 88%;
    }
    .liuzhiping{
        margin: 0px 0px 0px 0px;
    }
}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .comprehensive-widthpc{
        display: none;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        position: relative;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;

    }
    .comprehensive-width flex-container span{
        margin-left: 10px;
        margin-right:10px;
    }
    .comprehensive-logo{
        width: 240px;
        height: 74px;
    }
    .active{
        color: #791a96;
    }
    .time-speed{
        width: 239px;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
        height: 310px;

    }
    .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;
        cursor:pointer;
    }
    .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;
    }
    .event-introduce{
        background-color: #ffffff;
        border:1px solid #eeeeee;
        border-top: 0px solid #eeeeee;
        padding:30px;
    }
    .event-time{
        width: 158px;
        height: 143px;
        position: absolute;
        bottom: 118px;
        left: -157px;
        padding: 12px 10px 10px 19px;

    }
    .event-time-line{
        width: 14px;
        height: 116px;
        background: #791a96;
        position: absolute;
        left: 11px;
        top: 3px;
    }
    .event-time div{
        color: #791a96;
        font-weight: 700;
    }
    .event-text{
        margin-top: 31px;height: 89px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .swiper-wrapper img{
        width: 100%;
    }
    .event-line{
        width: 27px;
        height: 1px;
        background: #791a96;
        display: inline-table;
        position: relative;
        top: -14px;
        left: -3px;
    }

    .home-careb{
        width: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .event-time-bg{
        position: relative;
        z-index: 9;
        background-color: #f7f8fa;
        width: 138px;
        z-index: 1;
    }
    .scroll{
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
    }
    .scroll-son{
        overflow-x: hidden;
        height:93%;
        width: 140px;
    }
    .flex-container a{
        color: #333;
    }
    .event-search{
        position: absolute;right: 0px;
    }
    .search-icon{
        position: absolute;right: 10px;top: 15px;
    }
    .swiper-pagination-bullet-active{
        background: #791a96;
        opacity: 0.8;
    }
    .event-time-move{
        width: 100px;height: 3px;background-color: #791a96;
    }
    .event-time-move{
        display: none;
    }
    #eventLista{
        margin-top: 80px;
    }
    .transverse-roll{
        display: none;
    }
    .publication-time{
        display: none;
    }
    .seniorleadership-title{
        color: #791a96;
        font-size: 34px;
        font-weight: 700;
        margin-top: 16px;
    }
    .seniorleadership-English-title{
        color: #333333;
        font-size:31px;
        opacity: 0.09;
        position: relative;
        top:-10px;
        margin-bottom: 6px;
    }
    .seniorleadership-exhibition{
        width: 100%;
        background-color: #fbfbfb;
    }
    .flex-containerb {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .flex-containerb img{
        width: 62%;
        cursor:pointer;
    }
    .flex-containerb div{
        text-align: center;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .seniorleadership-leader{
        position: relative;
        background-color: #f2f2f2;
    }
    .seniorleadership-leader-content{
        color: #333333;
        font-size: 14px;
        padding: 24px 30px;
        line-height: 32px;
    }
    .seniorleadership-leader-title{
        background-image: url("https://jm-static.oss-cn-beijing.aliyuncs.com/jm-back/survey/leader_03.png");
        background-size: 475px 50px;
        background-repeat: no-repeat;
        font-size: 24px;
        color: #ffffff;
        width: 523px;
        height: 50px;
        line-height: 50px;
        padding-left: 41px;
        font-weight: 700;
    }
    .main-leaders img{
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .enterpriseintroduction-video{

    }
    .enterpriseintroduction-img{
        text-align: center;
    }
    .enterpriseintroduction-img img{
        width: 62%;
    }
    .enterpriseintroduction-content{
        font-size: 16px;
        color: #333333;
        line-height: 38px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .enterpriseintroduction-video{

    }
    .enterpriseintroduction-img{
        text-align: center;
    }
    .enterpriseintroduction-img img{
        width: 62%;
    }
    .enterpriseintroduction-content{
        font-size: 16px;
        color: #333333;
        line-height: 38px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .chairmanintroduction-img{
        width: 100%;
    }
    .chairmanintroduction-img img{
        width: 100%;
    }
    .chairmanintroduction-content{
        font-size: 18px;
        color: #333333;
        margin: 0px 0px 30px 30px;
        box-shadow: 0px 0px 10px 2px #f7f7f7;
        line-height: 45px;
        padding: 30px;
    }
    .chairmanintroduction-content img{
        width: 100%;
    }
    .chairmanaddress-img{
        width: 100%;
        position: relative;
    }
    .chairmanaddress-img img{
        width: 100%;
    }
    .chairmanaddress-English{
        margin-bottom: 0px;
    }
    .chairmanaddress-content{
        /*position: absolute;*/
        /*top: 8px;*/
        /*width: 62%;*/
        line-height: 38px;
        font-size: 18px;
        color: #333333;
    }
    .chairmanaddress-line{
        width: 100px;
        height: 2px;
        background: #791a96;
        margin-bottom: 45px;
    }
    .chairmanaddress-text{

    }
    .chairmanintroduction-img div{
        font-size: 16px;
        color: #333333;
        text-align: right;
        margin-top: 10px;
        margin-bottom: 140px;
    }
    .liuzhiping{
        margin: 0px 0px 0px 0px;
    }
}

@media screen  and (min-width: 1024px) {
    .comprehensive-widthpc{
        display: none;
    }
    .publication-time{
        display: none;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        max-width: 1240px;
        position: relative;padding-top: 0px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;

    }
    .comprehensive-width flex-container span{
        margin-left: 10px;
        margin-right:10px;
    }
    .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;
        height: 310px;
        z-index: 9;
        background: #fff;

    }
    .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;
        cursor:pointer;
    }
    .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;
    }
    .event-introduce{
        background-color: #ffffff;
        border:1px solid #eeeeee;
        border-top: 0px solid #eeeeee;
        padding:30px;
    }
    .event-time{
        width: 158px;
        height: 143px;
        position: absolute;
        bottom: 118px;
        left: -157px;
        padding: 12px 10px 10px 19px;

    }
    .event-time-line{
        width: 14px;
        height: 116px;
        background: #791a96;
        position: absolute;
        left: 11px;
        top: 3px;
    }
    .event-time div{
        color: #791a96;
        font-weight: 700;
    }
    .event-text{
        margin-top: 31px;height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .swiper-wrapper img{
        width: 100%;
    }
    .event-line{
        width: 27px;
        height: 1px;
        background: #791a96;
        display: inline-table;
        position: relative;
        top: -14px;
        left: -3px;
    }

    .home-careb{
        width: 1500px;
        margin:0 auto;
        overflow: hidden;
        padding: 75px 149px 56px 149px;
    }
    .home-brand{
        width: 140px;
        margin-top: 29px;
    }
    .event-time-bg{
        position: relative;
        z-index: 9;
        background-color: #f7f8fa;
        width: 138px;
        z-index: 1;
    }
    .scroll{
        overflow-x: hidden;
        overflow-y: auto;
        height: 300px;
    }
    .scroll-son{
        overflow-x: hidden;
        height:93%;
        width: 140px;
    }
    .flex-container a{
        color: #333;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        background-image: url('/static/img/next_03.png');
        /* width: 100px; */
        /* height: 100px; */
        font-size: 30px;
        color: #737375;
        top: 93%;
        border-radius: 50px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background-size: 100%;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        background-image: url('/static/img/pre_03.png');
        /* width: 100px; */
        /* height: 100px; */
        font-size: 30px;
        color: #737375;
        top: 93%;
        border-radius: 50px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        background-size: 100%;
        left: 88%;
    }
    .event-search{
        position: absolute;right: 0px;
    }
    .search-icon{
        position: absolute;right: 10px;top: 15px;
    }
    .swiper-pagination-bullet-active{
        background: #791a96;
        opacity: 0.8;
    }
    .event-time-move{
        width: 100px;height: 3px;background-color: #791a96;
    }
    .event-time-move{
        display: none;
    }
    #eventLista{
        margin-top: 80px;
    }
    .transverse-roll{
        display: none;
    }
    .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: 66px;
    }
    .seniorleadership-exhibition{
        width: 100%;
        background-color: #fbfbfb;
    }
    .flex-containerb {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .flex-containerb img{
        width: 62%;
        cursor:pointer;
    }
    .flex-containerb div{
        text-align: center;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .seniorleadership-leader{
        position: relative;
        background-color: #f2f2f2;
    }
    .seniorleadership-leader-content{
        color: #333333;
        font-size: 14px;
        padding: 24px 30px;
        line-height: 32px;
    }
    .seniorleadership-leader-title{
        background-image: url("https://jm-static.oss-cn-beijing.aliyuncs.com/jm-back/survey/leader_03.png");
        background-size: 475px 50px;
        background-repeat: no-repeat;
        font-size: 24px;
        color: #ffffff;
        width: 523px;
        height: 50px;
        line-height: 50px;
        padding-left: 41px;
        font-weight: 700;
    }
    .main-leaders img{
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .enterpriseintroduction-video{

    }
    .enterpriseintroduction-img{
        text-align: center;
    }
    .enterpriseintroduction-img img{
        width: 62%;
    }
    .enterpriseintroduction-content{
        font-size: 16px;
        color: #333333;
        line-height: 38px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .chairmanintroduction-img{
        width: 100%;
    }
    .chairmanintroduction-img img{
        width: 100%;
    }
    .chairmanintroduction-content{
        font-size: 18px;
        color: #333333;
        margin: 0px 0px 30px 30px;
        box-shadow: 0px 0px 10px 2px #f7f7f7;
        line-height: 45px;
        padding: 30px;
    }
    .chairmanintroduction-content img{
        width: 100%;
    }

    .chairmanaddress-img{
        width: 100%;
        position: relative;
    }
    .chairmanaddress-img img{
        width: 1314px;
    }
    .chairmanaddress-English{
        margin-bottom: 0px;
    }
    .chairmanaddress-content{
        position: absolute;
        top: 0px;
        width: 59%;
        line-height: 32px;
        font-size: 16px;
        color: #333333;
    }
    .chairmanaddress-line{
        width: 100px;
        height: 2px;
        background: #791a96;
        margin-bottom: 45px;
    }
    .chairmanaddress-text{
        font-size: 16px;
    }
    .chairmanintroduction-img div{
        font-size: 16px;
        color: #333333;
        text-align: right;
        margin-top: 10px;
        margin-bottom: 140px;
    }


    /*  css...
      当设备宽度  在  769px和992px范围内,执行当前的css*/
}