@CHARSET "UTF-8";

/* 小于750分辨率 */
@media screen and (max-width: 750px){
    #swiper_top .swiper-button-prev {
        left: 24px;
    }
    #swiper_top .swiper-button-next {
        right: 24px;
    }
    #swiper_top .swiper-slide .text_box {
        left: 67px;
    }
    #swiper_top .swiper-slide .text_box .title {
        width: 128px;
        font-size: 21px;
        line-height: 24px;
    }
    #swiper_top .swiper-slide .text_box .text {
        margin-top: 4px;
        font-size: 11px;
    }
    #swiper_top .swiper-pagination.swiper-pagination-bullets {
        padding-left: 67px;
        width: calc(100% - 67px);
    }
    #swiper_top .swiper-pagination-bullet {
        width: 41px;
        height: 2px;
    }
    #swiper_top .swiper-pagination-bullet-active {
        height: 4px;
    }
    .introduction_box .headline {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .introduction_content .introduction_img {
        margin-top: 40px;
    }
    .introduction_box{
        height: auto;
        padding-bottom: 25px
    }
    .introduction_content {
        flex-wrap: wrap;
    }
    .introduction_content .introduction_img {
        flex-wrap: wrap;
    }
    .introduction_content .introduction_img>img {
        width: 50%;
        height: auto;
        display: block;
    }
    .introduction_content .introduction_text {
        background: #FFFFFF;
        margin-top: 0;
        padding: 20px 20px 15px 20px;
        margin-left: 0;
        width: 100%;
    }
    .introduction_content .introduction_text .text {
        margin-top: 17px;
        width: auto;
        height: auto;
    }
    .introduction_content .introduction_text a.button_more {
        margin-top: 10px;
    }
    .product_box{
        padding-bottom: 60px;
    }
    .product_box .product_list .product_item {
        width: calc(50% - 50px);
        height: auto;
        padding: 20px;
    }
    .product_box .product_list .product_item>img {
        width: 100%;
        height: auto;
    }
    .product_box .product_list .product_item:nth-child(2n+1) {
        margin-left: 2px;
    }
    .product_box .product_list .product_item .product_hover .product_button {
        height: 23%;
        font-size: 1rem;
    }
    .product_box .product_list .product_item .product_hover .product_button>img {
        width: 0.7rem;
        height: 1rem;
    }
    .product_box .product_list .product_item .product_hover .title {
        width: auto;
        margin-right: 20px;
        font-size: 16px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    }
    .product_box .product_list .product_item .product_hover .split_line {
        margin-top: 10%;
    }

    /*微反应装置搭建*/
    .reactor_box .reactor_head {
        height: 120px;
    }
    .reactor_box .reactor_content .swiper_box #swiper_reactor {
        width: auto;
        margin: 0 10px;
    }
    #swiper_reactor .swiper-slide>img {
        width: 100%;
        height: auto;
    }
    .reactor_box .reactor_content .reactor_text {
        margin-top: 33px;
        margin-left: 40px;
        margin-right: 40px;
    }

    /*技术服务*/
    .technical_box {
        padding-top: 30px;
        height: calc(640px - 30px);
    }
    .technical_box .technical_content {
        margin-top: 20px;
        display: block;
    }
    .technical_box .technical_content .technical_list .technical_item {
        width: calc(100% - 33px - 17px);
    }
    .technical_box .technical_content .technical_file_box {
        border: unset;
        border-top: 1px solid #F2F2F2;
        width: calc(100% - 60px);
        padding: 30px 30px 0 30px;
    }
    #swiper_technical .swiper-slide .file_item {
        width: auto;
    }
    #swiper_technical .swiper-slide .file_item .title {
        margin-right: 20px;
        width: auto;
    }

    /*优信学堂*/
    .school_box .school_content {
        height: auto;
        padding: 63px 0;
    }
    .school_box .school_content .school_blue {
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 15px;
    }
    .school_box .school_content .school_blue .school_text_box {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }
    .school_box .school_content .school_blue .school_text_box>.text {
        width: auto;
    }
    .school_box .school_content .school_blue .school_text_box>.look_teach {
        margin-top: 15px;
    }
    .school_box .school_content .school_blue .school_video_box {
        margin: 20px;
        width: calc(100% - 40px);
        height: auto;
    }


    /*新闻资讯*/
    .news_box .news_head {
        height: 115px;
    }
    .news_box .news_content {
        display: flex;
        padding-bottom: 54px;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .news_box .news_content .news_item {
        width: 280px;
        margin-bottom: 48px;
    }
    .news_box .news_content .news_item + .news_item {
         margin-left: 0;
    }
    .news_box .news_content .news_item .news_pic {
        width: 100%;
        height: auto;
        display: block;
    }
    .news_box .news_content .news_item .news_text {
        width: 264px;
    }

    /*合作单位*/
    .brand_box {
        height: auto;
        padding: 20px 0;
    }
    .brand_box .swiper_box #swiper_brand {
        width: auto;
        margin: 0 15px;
    }
    .brand_box .swiper_box .file_left_button {
        flex-shrink: 0;
    }
    .brand_box .swiper_box .file_right_button {
        flex-shrink: 0;
    }
    #swiper_brand .swiper-slide>img {
        width: 100%;
        height: auto;
    }
}