/* ----------------------------------------------------------------
        根据分辨率来判断显示
-----------------------------------------------------------------*/
@media screen and (min-width: 1900px) {
    /* ----------------------------------------------------------------
            首页.第一层
    -----------------------------------------------------------------*/
    .section1 .hgroup {
        width: 800px;
        margin-top: 7%;
    }

    /* ----------------------------------------------------------------
            首页.第三层 案例中心
    -----------------------------------------------------------------*/
    .section3 .og-grid li {
        width: 430px;
        height: 280px;
    }

    .section3 .og-grid li a img {
        width: 100%;
        height: 260px;
    }

    .section3 .og-grid li a:hover {
        width: 100%;
        height: 260px;
    }

    .section3 .og-grid li a:hover img {
        width: 100%;
        height: 260px;
    }

    .section3 .gridpic {
        width: 430px;
        height: 260px;
    }

    /* ----------------------------------------------------------------
            首页.第四层
    -----------------------------------------------------------------*/
    .wenhua-bg-left img {
        width: 590px;
    }

    .wenhua-bg-right img {
        width: 480px;
    }

    .wenhua-cont {
        margin: 155px auto 0 auto;
    }

    .wenhua-logo img {
        width: 154px;
    }

    .wenhua-box {
        margin-top: 40px;
    }

    /* ----------------------------------------------------------------
            首页.第五层
    -----------------------------------------------------------------*/
    .ib-container {
        margin-top: 15%;
    }

    /* ----------------------------------------------------------------
            首页.第六层
    -----------------------------------------------------------------*/
    .section6 .sect-footer {
        /*margin-top: 10%;*/
    }

    .sect-footer-contact .sectitle {
        font-size: 50px;
    }

    .sect-footer-contact .secztitle {
        margin-top: 10px;
    }

    .sect-footer-contact .sect-footer-link {
        margin-top: 35px;
    }

    .sect-footer-contact .sect-footer-link ul li img {
        width: 100px;
        height: 100px;
    }

    .sect-footer-contact .footer-link-all {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .sect-footer-contact .footer-link-all img {
        width: 100%;
    }

}

@media screen and (min-width: 1599px) and (max-width: 1601px) {
    /* ----------------------------------------------------------------
            首页.第一层
    -----------------------------------------------------------------*/
    .section1 .hgroup {
        width: 700px;
        margin-top: 5%;
    }

    /* ----------------------------------------------------------------
            首页.第三层 案例中心
    -----------------------------------------------------------------*/
    .section3 .og-grid li {
        width: 350px;
        height: 232px;
    }

    .section3 .og-grid li a img {
        width: 350px;
        height: 212px;
    }

    .section3 .og-grid li a:hover {
        width: 350px;
        height: 212px;
    }

    .section3 .og-grid li a:hover img {
        width: 350px;
        height: 212px;
    }

    .section3 .gridpic {
        width: 350px;
        height: 212px;
    }

    /* ----------------------------------------------------------------
            首页.第四层 文化中心
    -----------------------------------------------------------------*/
    .wenhua-bg-left img {
        width: 460px;
    }

    .wenhua-bg-right img {
        width: 360px;
    }

    .wenhua-cont {
        margin: 100px auto 0 auto;
    }

    .wenhua-logo img {
        width: 100px;
    }

    .wenhua-box {
        margin-top: 20px;
    }

    /* ----------------------------------------------------------------
            首页.第五层
    -----------------------------------------------------------------*/
    .ib-container {
        margin-top: 14%;
    }
}

@media screen and (min-width: 1399px) and (max-width: 1441px) {
    /* ----------------------------------------------------------------
            首页.第一层
    -----------------------------------------------------------------*/
    .section1 .hgroup {
        width: 700px;
        margin-top: 11%;
    }

    /* ----------------------------------------------------------------
            首页.第三层 案例中心
    -----------------------------------------------------------------*/
    .section3 .case-title {
        margin-top: 12%;
    }

    .section3 .og-grid li {
        width: 290px;
        height: 174px;
        margin: 10px 25px;
    }

    .section3 .og-grid li a img {
        width: 290px;
        height: 174px;
    }

    .section3 .og-grid li a:hover {
        width: 290px;
        height: 174px;
    }

    .section3 .og-grid li a:hover img {
        width: 290px;
        height: 174px;
    }

    .section3 .gridpic {
        width: 290px;
        height: 174px;
    }

    /* ----------------------------------------------------------------
            首页.第四层 文化中心
    -----------------------------------------------------------------*/
    .wenhua-bg-left img {
        width: 410px;
    }

    .wenhua-bg-right img {
        width: 310px;
    }

    .wenhua-cont {
        margin: 145px auto 0 auto;
    }

    .wenhua-logo img {
        width: 125px;
    }

    .wenhua-box {
        margin-top: 20px;
    }

    /* ----------------------------------------------------------------
            首页.第五层
    -----------------------------------------------------------------*/
    .ib-container {
        margin-top: 20%;
    }

}

@media screen and (min-width: 1359px) and (max-width: 1367px) {
    /* ----------------------------------------------------------------
            首页.第一层
    -----------------------------------------------------------------*/
    .section1 .hgroup {
        width: 600px;
        margin-top: 7%;
    }

    /* ----------------------------------------------------------------
            首页.第三层 案例中心
    -----------------------------------------------------------------*/
    .section3 .case-title {
        margin-top: 12%;
    }

    .section3 .og-grid li {
        width: 290px;
        height: 174px;
    }

    .section3 .og-grid li a img {
        width: 290px;
        height: 174px;
    }

    .section3 .og-grid li a:hover {
        width: 290px;
        height: 174px;
    }

    .section3 .og-grid li a:hover img {
        width: 290px;
        height: 174px;
    }

    .section3 .gridpic {
        width: 290px;
        height: 174px;
    }

    /* ----------------------------------------------------------------
            首页.第四层 文化中心
    -----------------------------------------------------------------*/
    .wenhua-bg-left img {
        width: 410px;
    }

    .wenhua-bg-right img {
        width: 310px;
    }

    .wenhua-cont {
        margin: 100px auto 0 auto;
    }

    .wenhua-logo img {
        width: 100px;
    }

    .wenhua-box {
        margin-top: 20px;
    }

    /* ----------------------------------------------------------------
            首页.第五层
    -----------------------------------------------------------------*/
    .ib-container {
        margin-top: 17%;
    }

}

@media screen and (min-width: 1202px) and (max-width: 1281px) {

}

@media screen and (min-width:1201px) {
    /* ----------------------------------------------------------------
        统一调用,PC显示,移动显示隐藏
    -----------------------------------------------------------------*/
    .cont-pc {
        display: block;
    }

    .cont-mobile {
        display: none;
    }

}

@media screen and (max-width: 1200px) {
    /* ----------------------------------------------------------------
        统一调用,PC隐藏,移动显示
    -----------------------------------------------------------------*/
    .cont-pc {
        display: none;
    }

    .cont-mobile {
        display: block;
    }

}

@media screen and (min-width: 800px) and (max-width: 1199px) {


}

@media screen and (min-width: 768px) and (max-width: 779px) {


}

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


}

/* ----------------------------------------------------------------
        根据不同手机分辨率来显示图片大小
-----------------------------------------------------------------*/
@media screen and (min-width: 411px) and (max-width: 415px) {

}

@media screen and (min-width: 374px) and (max-width: 376px) {

}

@media screen and (min-width: 359px) and (max-width: 361px) {

}

@media screen and (min-width: 319px) and (max-width: 321px) {

}