@charset "UTF-8";

@media screen and (max-width: 1440px){

    html{
        zoom:.8;
    }
 /*   .scientific .top .list{
        width: 1000px;
    }
    .scientific .top .list li{
        width: 330px;
    }
    .scientific .bottom .t, .scientific .bottom .b{
        width: 1000px;
    }
    .scientific .bottom .t li + li {
        margin-left: 36px;
    }
    .scientific .top{
        padding-top: 50px;
    }
    .scientific .top h3{
        font-size: 28px;
    }
    .scientific .top > p {

        font-size: 17px;
        margin-bottom: 50px;
     }
    .scientific .bottom h3{
        font-size: 28px;
    }
    .scientific .bottom > p{
        font-size: 17px;
        margin-bottom: 50px;
    }*/
}


@media screen and (max-width: 1200px) {
    .scientific .top .list{

        width: 100%;
    }
    .scientific .top .list li{
        width: 33.2%;
    }

    .scientific .bottom .t,
    .scientific .bottom .b{
        width: 100%;
    }
    .scientific .bottom .t li{
        width: 24%;
    }
    .scientific .bottom .t li + li{
        width: 24%;
        margin-left: 1%;
    }
    .scientific .bottom .b li{
        width: 18.7%;
    }
    .scientific .bottom .b li + li{
        width: 18.7%;
        margin-left: 1.6%;
    }
    .function{
        padding-bottom: 50px;
    }
    .function .one, .function .two, .function .three{
        width: 90%;
        text-align: justify;
    }
    .function .two img,
    .function .two ul{
        float: none;
    }
    .function .two ul{
        width: 100%;
    }
    .function .two img{
        width: 286px;
    }
    .qualif .t,
    .qualif .b{
        width: 100%;
    }
    .qualif .t li{
        width: 24%;
    }
    .qualif .t li + li{
        width: 24%;
        margin-left: 1%;
    }
    .qualif .b li{
        width: 18.7%;
    }
    .qualif .b li + li{
        width: 18.7%;
        margin-left: 1.6%;
    }


}

@media screen and (max-width: 500px) {

    .scientific .top {
        padding-bottom: 30px;
    }
    .scientific .top > p{
        margin-bottom: 20px;
    }
    .scientific .top .list li{
        width: 33.1%;
    }
    .scientific .top .list li a {
        width: 85px;
        height: 98px;
    }
    .scientific .bottom .b{
        margin-top: 30px;
    }
    .scientific .bottom .word{
        width: 90%;
        margin: auto;
        text-align: justify;
        font-size: 14px;
    }
    .scientific .bottom > p{
        margin-bottom: 20px;
    }
    .scientific{
        padding-bottom: 20px;
    }
    .qualif .b{
        margin-top: 30px;
    }
    .qualif > p{
        margin-bottom: 20px;
    }
    .qualif{
        padding-bottom: 20px;
    }
    .function .one img{
        width: 100%;
        height: auto;
        transform: scale(1);
    }
}

@media screen and (max-width: 414px){

    .scientific .top h3{
        font-size: 18px;
    }
    .scientific .top p{
        font-size: 16px;
    }
    .scientific .top .list li p {
        font-size: 14px;
    }
    .scientific .bottom h3{
        font-size: 18px;
    }

    .scientific .bottom p{
        font-size: 12px;
    }
    .scientific .bottom > p{
        font-size: 16px;
    }
    .qualif h3{
        font-size: 18px;
    }
    .qualif > p{
        font-size: 16px;
    }
    .function .one{
        margin-bottom: 40px;
    }
    .function .one h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .function .one p{
        font-size: 12px;
    }
    .function .one img{
        margin: 40px auto;
    }
    .function .two{
        margin-bottom: 40px;
    }

    .function .two h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .function .two ul li{
        font-size: 12px;
    }
    .function .three h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .function .three ul li{
        font-size: 12px;
    }
}