/*  手机等小屏幕手持设备*/
@media screen and (min-width: 320px) and (max-width: 767px) {
    .household-top{
        margin-top: 18px;
        line-height: 25px;
        padding-left: 6%;
    }
    .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;*/
    }
    .glyphicon-home-navigation{
        width: 90%;
        margin: 0 auto;
    }
    .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;
    }
    .flex-containerc {

    }
    .contactus-img{
        text-align: center;
        padding-top: 10px;
    }
    .contactus-img img{
        width: 180px;
    }
    .contactus-line{
        width: 86%;
        height: 2px;
        background: #eeeeee;
        margin: 0 auto;
        margin-top: 20px;
    }
    .contactus-content{
        line-height: 26px;
        padding: 25px;
    }
    .contactus-content span{
        display: block;
        font-size: 16px;
        color: #666666;
    }
    .industry-contents{
        text-align: left;
        margin: 0 auto;
        font-size: 16px;
        color: #333333;
        width: 88%;
        margin-top: 0px;
        margin-bottom: 30px;
        line-height: 32px;
        max-width: 1450px;
        text-indent: 28px;

    }
    .household-height{
        width: 100%;
        height:100px;
        overflow: hidden;
    }
}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .household-top{
        margin-top: 74px;
        line-height: 25px;
    }
    .address{
        margin-top: -13px;
    }
    .moreb{
        cursor:pointer;
    }
    .comprehensive-width{
        width: 87%;
        margin: 0 auto;
        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: 239px;
        box-shadow: 2px 2px 7px 1px #eeeeee;
        overflow: hidden;
        margin-top: 40px;
        padding: 14px;
        height: 310px;
        z-index: 9999;
        background: #ffffff;

    }
    .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: 77px;
        height: 143px;
        position: absolute;
        bottom: 118px;
        left: -100px;
        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: 108px;
        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;
    }
    .flex-containerc {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 160px;
        margin-bottom: 160px;
    }
    .contactus-img{

        padding-top: 10px;
    }
    .contactus-img img{
        width: 254px;
    }
    .contactus-line{
        width: 2px;
        height: 69px;
        background: #eeeeee;
        margin-left: 85px;
        margin-right: 85px;
        position: relative;
        top: 20px;
    }
    .contactus-content{
        line-height: 26px;
    }
    .contactus-content span{
        display: block;
        font-size: 16px;
        color: #666666;
    }
    .industry-contents{
        text-align: left;
        margin: 0 auto;
        font-size: 14px;
        color: #333333;
        width: 88%;
        margin-top: 0px;
        margin-bottom: 60px;
        line-height: 32px;
        max-width: 1450px;
        text-indent: 28px;
    }
    .household-height{
        width: 100%;
        height:100px;
        overflow: hidden;
    }
}

@media screen  and (min-width: 1024px) {
    .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;
        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: 35px;
    }
    .transverse-roll{
        display: none;
    }
    .flex-containerc {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 160px;
        margin-bottom: 160px;
    }
    .contactus-img{

        padding-top: 10px;
    }
    .contactus-img img{
        width: 254px;
    }
    .contactus-line{
        width: 2px;
        height: 69px;
        background: #eeeeee;
        margin-left: 85px;
        margin-right: 85px;
        position: relative;
        top: 20px;
    }
    .contactus-content{
        line-height: 26px;
    }
    .contactus-content span{
        display: block;
        font-size: 16px;
        color: #666666;
    }
    .industry-contents{
        text-align: left;
        margin: 0 auto;
        font-size: 16px;
        color: #333333;
        width: 88%;
        margin-top: -15px;
        margin-bottom: 50px;
        line-height: 32px;
        max-width: 1450px;
        text-indent: 28px;
    }
    .household-top{
        margin-top: 74px;
        line-height: 25px;
        width: 31.3%;
    }
    .household-height{
        width: 100%;
        height:100px;
        overflow: hidden;
    }

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