/* 大于1200px */
@media (min-width: 1200px) {
    .box {
        width: 1200px;
    }
}


/* 小于1200px */
@media (max-width: 1200px) {
    .header .title {
        padding: 3px 15px;
    }
}

/* 小于768px 平板样式 */
@media (max-width:768px) {
    .header{
        position:relative;
    }
    ul.nav {
        width: 100%;
        height: 0px;
        margin: 0;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        transition: all 1s;
        z-index: 24;
    }

        ul.nav li {
            float: none;
            text-align: center;
            display: grid;
        }

            ul.nav li a {
                line-height: 0px;
            }

    .navbtn {
        display: block;
    }

    .banner {
        margin-top: 0;
        height: 300px;
        background-image: url(../images/banner/4m.jpg);
    }
        .banner.en {
        background-image: url(../images/banner/4enm.jpg);
        }
        .banner .swiper-container {
            display: none;
        }

    .index .tabControl.a {
        display: none;
    }
    .detailsPage .tabControl a{
        padding: 10px;
            font-size: 12px;
    }
    .tabControl ul {
        display: inline-block;
    }

    .tabControl li {
        float: left;
        width: calc(50% - 10px);
        margin: 0 5px 5px 0;
    }

    .heading-section {
        margin-bottom: 20px;
    }

    .detailsText img {
        max-width: 100%;
            height: auto;
    }

    .advantage-img {
        display: none;
    }

    .advantage .advantage-txt .advantage-txt-title.right {
        text-align: initial;
        float: initial;
    }

    .advantage .content.a p,
    .advantage .content.b p {
        margin: 0 1em 20px;
    }

    .advantage .content.b > div > div {
        margin-bottom: 20px;
    }

    .location {
        display: none;
    }
}

/* 小于425px 手机样式 */
@media (max-width: 425px) {

    .index .box {
        padding: 3em 0;
    }

    .logo {
        padding: 10px;
    }

        .logo img {
            display: none;
        }

        .logo span {
            padding: 0;
        }

            .logo span h1 {
                font-size: 20px;
                line-height: 50px;
            }
            
            .logo.en span h1 {
                line-height: 15px;
            }

            .logo span p {
                display: none;
            }

    .banner {
        height: 210px;
    }

    .heading-section p {
        font-size: 50px;
    }

    .heading-section h3 {
        font-size: 26px;
    }

    .message .col-sm-6 {
        width: 100%;
        float: left;
    }

        .message .col-sm-6 .col-sm-12 input,
        .message .col-sm-6.fr .col-sm-12 textarea {
            width: 60%;
        }

    .message .col-sm-12.btn {
        width: 100%;
        padding: 0;
    }

    .footer br {
        display: block;
    }

    .footMenu {
        display: block;
    }

    #toolbar {
        display: none;
    }

    .product .productList.a {
        margin-bottom: 10px;
    }

        .product .productList.a p {
            margin-top: 10px;
        }
}