/* 超小屏幕（手机，小于 768px） */

/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */

.logo {
    width: 80%;
    height: 97px;
    overflow: hidden;
}

.seabox {
    display: none;
}

.intro {
    display: none;
}

.header {
    margin-bottom: 97px;
}

.product {
    margin-top: 124px;
}

.main_ny {
    width: 90%;
    margin: 0 auto;
}

.blk-main {
    margin-top: 124px;
}

@media (min-width: 768px) {
    .mobile_icon {
        margin-top: 37px;
    }
    .header {
        height: 120px;
    }
    .logo {
        width: 50%;
        height: 120px;
    }
    .mobile_nav {
        top: 120px;
    }
    .header {
        margin-bottom: 127px;
    }
    .banner {
        margin-top: -120px;
    }
    .f_menu a {
        line-height: 114px;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: 992px) {
    .header .menu {
        margin-top: 10px;
        display: block;
    }
    .mobile_icon {
        display: none;
    }
    .logo {
        width: 30%;
    }
    .mobile_nav {
        display: none;
    }
    .news h2 a {
        padding-top: 30px;
        margin-bottom: 44px
    }
    .footer {
        height: 374px;
    }
    .zxlb-1n-ts-01-list dd {
        width: 100%;
    }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: 1200px) {
    .content {
        width: 1200px;
        margin: 0 auto;
    }
    .seabox {
        display: block;
    }
    .intro {
        display: block;
    }
    .product {
        margin-top: 0;
    }
    .product {
        /* background: url(../images/pro_bg.jpg) no-repeat center top; */
        padding-bottom: 80px;
    }
    .product h2 {
        padding-top: 76px;
        margin-bottom: 34px
    }
    .pro_con {
        position: relative
    }
    .pro_con li {
        float: left;
        margin-bottom: 21px;
        position: relative;
        overflow: hidden;
        width: 25%;
    }
    .pro_con li img {
        max-width: 90%;
        border: 1px solid #dedede;
        border-bottom: none;
    }
    .pro_con li h4 {
        width: 90%;
        border-left: 13px solid #e1601e;
        background: url(../images/pro_t.png) no-repeat left top;
        background-size: cover;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 13px;
        /* font-size: 24px; */
        color: #fff;
        line-height: 44px;
        font-weight: 400
    }
    .news {
        /* height: 640px; */
        margin-bottom: 50px;
    }
    .about h2 a {
        padding-top: 81px
    }
    .about_con {
        width: 982px;
    }
    .about {
        height: 947px;
        background: url(../images/about_bg.jpg) no-repeat center bottom;
    }
    .blk-main {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 25px;
        margin-top: 30px;
    }
    .main_ny {
        width: 100%;
    }
    .blk-sm {
        width: 930px;
    }
    .zxlb-1n-ts-01-list dd {
        width: 79%;
        float: left;
    }
    .zxlb-1n-ts-01-list dl {
        width: 100%;
        display: inline-block;
    }
    .zxlb-1n-ts-01-list-deta {
        float: right;
    }
    .contact_ny {
        padding: 112px;
    }
    h2.main_title a {
        font-size: 34px;
    }
    h2.main_title span {
        font-size: 20px;
    }
}