@media only screen and (max-width:1205px) {
    .service-view {
        background-image: none;
    }

        .service-view .sv1 {
            top: 260px;
            left: 5%;
        }

        .service-view .sv2 {
            top: 380px;
            left: 20%;
        }

        .service-view .sv3 {
            top: 140px;
            left: 35%;
        }

        .service-view .sv4 {
            top: 295px;
            left: 50%;
        }

        .service-view .sv5 {
            top: 150px;
            left: 65%;
        }

        .service-view .sv6 {
            top: 335px;
            left: 80%;
        }

    .mobile-con1 ul li p {
        font-size: 16px;
    }

    .visual1 .visual-con {
        width: 90%;
    }
}

@media only screen and (max-width:1185px) {
    .contact form {
        display: none;
    }

    address.english {
        display: block;
    }

    .contact .contact-detail {
        width: 50.5%;
        margin-left: 0px 0px 0px 20px;
    }

    .contact ul li em {
        display: none;
    }

    .news-list li {
        width: 30%;
        margin-left: 2.5%;
    }

    .extend-con pre {
        right: 39%;
    }

    .extend-pic3 {
        right: 30.5%;
    }

    .site-tech-right {
        float: left;
        width: 80%;
    }

        .site-tech-right ul {
            float: left;
        }

    .site-tech {
        padding-left: 25%;
    }
}

@media only screen and (max-width:1040px) {
    .top-banner {
        display: none;
    }

    .case-list li {
        width: 20%;
        margin-left: 4%;
    }

    .service-content .friend li {
        width: 19.8%;
    }

    .content-banner .banner-title {
        position: absolute;
        left: 42px;
        top: 30%;
    }

    .moblie-banner-title h3 {
        font-size: 28px;
    }

    .moblie-banner-title h4 {
        font-size: 20px;
    }

    .moblie-banner-title p {
        font-size: 16px;
    }
}

@media only screen and (max-width:1024px) {
    .case {
        height: auto;
    }

    .case-wrapper {
        width: 100%;
    }

    .case-slider-btn {
        display: none;
    }

    .case h3 {
        height: 16.7%;
    }

        .case h3 a {
            width: 25%;
            height: 100%;
        }

    .case-lg {
        width: 75%;
        height: 33.4%;
    }

        .case-lg img {
            width: 100%;
            height: auto;
        }

    .case-sm {
        width: 50%;
        height: 16.7%;
    }

        .case-sm img {
            width: 100%;
            height: auto;
        }

    .case-con {
        width: 50%;
        height: 100%;
    }

    .case-lg .case-con {
        width: 33.333%;
        height: 100%;
    }

    .case-slider-btn-focus {
        display: none;
    }

    .case-slider-btn-bg {
        display: none;
    }

    .case-lg-1 {
        top: 16.7%;
        left: 0;
    }

    .case-lg-2 {
        top: 33.4%;
        left: 50%;
    }

        .case-lg-2 .ico2 {
            display: none;
        }

    .case-lg-3 {
        top: 66.8%;
        left: 0px;
    }

    .case-sm-1 {
        top: 0;
        left: 25%;
    }

    .case-sm-2 {
        top: 50.1%;
        left: 0;
    }

    .case-sm-3 {
        top: 83.5%;
        left: 50%;
    }

    .case-sm-4 {
        top: 16.7%;
        left: 75%;
    }

        .case-sm-4 .ico2 {
            display: none;
        }

    .case-sm-6 {
        top: 0;
        left: 75%;
    }

    .case-sm-5 {
        top: 66.8%;
        left: 75%;
    }

    .company strong {
        font-size: 22px;
    }

    .company ul {
        padding-top: 5%;
    }

        .company ul li {
            width: 19.3%;
            padding: 0 18.5% 4% 0;
        }

            .company ul li a {
                width: 100%;
            }

    .news-con-top {
        width: 48%;
    }

    .news-show-list ul li {
        width: 48%;
        margin-right: 2%;
    }

    .news-select-left {
        right: -3%;
    }

    .news-select-right {
        right: -3%;
    }

    .contact h5 {
        font-size: 28px;
    }

    .extend ul {
        width: 80%;
    }

        .extend ul li {
            width: 33.3%;
            float: left;
            height: 110px;
            text-align: center;
        }

    .extend-con-plan ul {
        width: 23%;
    }

        .extend-con-plan ul li {
            width: 100%;
            height: auto;
            text-align: left;
        }

    .case-sm-6 .fr, .case-sm-5 .fr {
        float: left;
    }

    .content-banner .moblie-banner-title {
        left: 38%;
    }

    .moblie-banner-title h3 {
        font-size: 26px;
    }

    .moblie-banner-title h4 {
        font-size: 18px;
    }

    .moblie-banner-title p {
        font-size: 14px;
    }

    .shop8-bottom {
        display: none;
    }
}

@media only screen and (max-width:1010px) {
    .service li {
        width: 42.5%;
        margin-left: 5%;
    }

    .job-pid {
        display: none;
    }

    .mobile-con1 ul {
        width: 85%;
    }
}

@media only screen and (max-width:890px) {
    .site-con4 {
        width: 400px;
    }

        .site-con4 p {
            margin: 0;
        }

        .site-con4 div {
            margin-top: 20px;
        }

        .site-con4 img {
            display: none;
        }

    .shop4-top, .shop5-top, .shop6, .shop8-top {
        width: 90%;
    }

    .shop7 ul {
        width: 500px;
    }

    .content-banner .banner-title {
        position: absolute;
        left: 42px;
        top: 20%;
    }

    .content-banner .extend_title {
        top: 30%;
    }

    .contact form {
        display: block;
        margin-right: 2%;
        width: 25%;
    }

    .contact .contact-detail {
        width: 54%;
        margin-left: 20px;
    }

        .contact .contact-detail address.english { /*display:none*/
        }

        .contact .contact-detail address {
            padding: 15px 0 0 2%;
            float: left;
        }
}

@media only screen and (max-width:860px) {
    .company h3 {
        line-height: 150px;
    }

    .company strong {
        font-size: 20px;
        padding: 40px 0 0 0;
    }

    address.english { /*display:none;*/
    }

    .news-list li {
        width: 45%;
        margin-left: 3.33%;
    }

    .service-content .friend li {
        width: 24%;
    }

    .service-view .service-re {
        display: none;
    }

    .extend-con pre {
        right: 31%;
    }

    .extend-pic3 {
        right: 17.5%;
    }

    .shop1 {
        background: none;
        height: auto;
    }

        .shop1 span {
            margin-bottom: 50px;
        }

        .shop1 div {
            overflow: hidden;
            width: 88%;
            height: auto;
            padding-bottom: 20px;
            overflow: hidden;
            margin-left: 6%;
        }

        .shop1 h3 {
            margin-top: 0px;
        }

    .shop1-left {
        margin-top: 0px;
    }

    .shop1-cen {
        margin-top: 0px;
    }

    .shop1-right {
        margin-top: 0px;
    }

    .extend-con-plan img {
        margin-left: 2%;
    }
}

@media only screen and (max-width:795px) {
    header h1 {
        width: 214px;
        background-position: -20px 0;
    }

    header nav {
        padding: 35px 0 0 214px;
    }

    .case h3 a {
        width: 33.3%;
    }

    .case-lg {
        width: 100%;
    }

    .case-sm {
        width: 66.7%;
    }

    .case-lg-1 {
        top: 16.7%;
        left: 0;
    }

    .case-lg-2 {
        top: 33.4%;
        left: 100%;
    }

    .case-lg-3 {
        top: 66.8%;
        left: 0;
    }

    .case-sm-1 {
        top: 0;
        left: 33.3%;
    }

    .case-sm-2 {
        top: 50.1%;
        left: 0;
    }

    .case-sm-3 {
        top: 83.5%;
        left: 66.7%;
    }

        .case-sm-3 .fr {
            float: left;
        }

    .case-sm-4 {
        top: 33.4%;
        left: 66.7%;
    }

    .case-sm-7 {
        top: 50.1%;
        left: 66.7%;
    }

        .case-sm-7 .ico2 {
            display: none;
        }

    .case-sm-5 {
        top: 0;
        left: 100%;
    }

    .case-sm-6 {
        top: 16.7%;
        left: 100%;
    }

    .case-list li {
        width: 25%;
        margin-left: 6%;
    }

    .news .news-con-top h4 {
        padding-left: 20px;
    }

    .news-con-top span {
        padding-left: 20px;
    }

        .news-con-top span.news-more {
            padding-left: 20px;
        }

    .news-con-top img {
        display: none;
    }

    .news-list .news-con-top img {
        display: block;
    }

    .news-list .news-con-top h4 {
        padding-left: 0px;
    }

    .content-banner .moblie-banner-title {
        left: 40px;
        width: auto;
        text-align: left;
    }

    .moblie-banner-title h3 {
        font-size: 22px;
    }

    .moblie-banner-title h4 {
        font-size: 18px;
    }

    .moblie-banner-title p {
        font-size: 16px;
    }
}

@media only screen and (max-width:785px) {
    footer {
        height: 90px;
    }

        footer section {
            display: none;
        }

        footer address {
            width: 100%;
        }

            footer address p {
                float: left;
                display: block;
                width: 240px;
            }

            footer address .f-photo {
                padding-top: 0px;
                float: right;
                display: block;
            }

    .service-content .friend li {
        width: 24%;
    }

    .job-content ul li {
        width: 41%;
        margin-left: 6%;
    }

    .mobile-con3 ul {
        width: 100%;
        margin: 0 0 50px 0;
        overflow: hidden;
    }

        .mobile-con3 ul li {
            width: 26.66%;
            margin-left: 5%;
        }

    .site-content .site-con3 ul {
        width: 500px;
    }

        .site-content .site-con3 ul li {
            width: 35%;
        }
}

@media only screen and (max-width:768px) {
    .contact h5 {
        font-size: 24px;
        font-weight: 100;
    }

    .visual2 ul li, .visual4 ul li {
        width: 41%;
        margin: 0 0 20px 6%;
        float: left;
    }
}

@media only screen and (max-width:780px) {
    #BDBridgeWrap {
        visibility: hidden !important;
    }
}