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

    .copy,

    .copy a,

    .f-contact p {

        display: inline-block;

    }



    .rec-img {

        display: block;

        height: 220px;

        overflow: hidden;

    }

    .subnav {

        position: unset;

        left: 0;

        top: 60px;

        z-index: 9999;

        width: 100%;
    }
    .nav.navbar-nav> li.toggle .subnav{
        max-height: 50vh;
        overflow-y: auto;
    }

    /* .nav li:hover .subnav {

        display: none;

    } */

    .phone,

    .top,

    .m-pro-left,

    .header,

    .p-brand-title,

    .m-news-item .time,

    .f-logo,

    .wechat,

    .web-pro-sub,

    .dis-item-title span,

    .in-news-time,

    .in-news-list .pic,

    .certificate,

    .m-search {

        display: none;

    }

    .wap-pro-sub {

        display: block;

    }

    .navbar-brand {

        display: block;

        width: 75%;

        height: 64px;
        line-height: 40px;
        padding: 10px;

        position: relative;

    }

    .navbar-brand img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .navbar-toggle {

        margin-right: 25px;

        margin-top: 15px;

    }

    .m-about,

    .m-products,

    .m-news,

    .m-case,

    .in-brand-con,

    .inter-rec-list,

    .pro-dis-con,

    .pro-det-con,

    .det-con-bot,

    .new-product {

        margin-top: 30px;

    }

    .line,

    .inter-rec-item,

    .pro-dis-item {

        margin-bottom: 30px;

    }

    .container {

        padding: 0 10px;

    }

    .m-about-more {

        width: 30%;

    }

    .a-red-top,

    .det-rig-intro {

        margin-top: 10px;

    }

    .m-about-intro {

        font-size: 14px;

        line-height: 30px;
        word-break: break-word;
        text-align: left;

    }

    .a-red-bot {

        line-height: 36px;

    }

    .m-products {

        padding: 30px 0 0 0;

    }

    .m-pro-title {

        display: block;

        text-align: center;

        /*color: #fff;*/

        font-size: 26px;

        font-weight: bold;

        /*text-shadow: 2px 2px 5px #333333;*/

        margin-bottom: 20px;

    }

    .m-news-item .dot {

        width: 7%;

    }

    .m-news-item .txt {

        width: 93%;

        border-right: none;

        padding-right: 0;

        margin-right: 0;

    }

    .m-n-pic,

    .in-brand-con span {

        margin-bottom: 20px;

    }

    .m-case a img {

        width: 100%;

        margin-bottom: 30px;

    }

    .footer,

    .new-product {

        padding: 30px 0;

    }

    .f-contact {

        border-top: 1px solid #484848;

        margin-top: 20px;

        padding-top: 20px;

    }

    .f-left {

        border-right: none;

    }

    .m-news-item .txt .intro {

        margin-top: 5px;

    }

    .m-about-rig {

        padding: 0;

    }

    .wap-pro-sub {

        line-height: 50px;

        font-size: 16px;

        border-bottom: 1px solid #ececec;

    }

    .wap-pro-sub a.color-active {

        color: #e30615;

        border-bottom: 2px solid #e30615;

        padding-bottom: 15px;

        font-weight: bold;

    }

    .in-news-txt,

    .navbar-nav {

        width: 100%;

        margin: 0;

    }

    .in-news-txt .title,

    .container>.navbar-collapse {

        margin: 0!important;

    }

    .in-news-txt .intro {

        font-size: 14px;

        line-height: 26px;

    }

    .in-news-list {

        margin-bottom: 20px;

        padding-bottom: 20px;

    }

    .single-con .container {

        padding: 20px 10px;

    }

    .single-con {

        padding: 30px 0;

    }

    .pro-det-pic {

        background: #f5f5f5;

        height: 350px;

        vertical-align: middle;

        text-align: center;

        line-height: 350px;

    }

    .pro-det-pic .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: -150px;

    }

    .navbar-collapse {

        width: 100%;

        background: rgba(0, 0, 0, 0.8);

        z-index: 9999;

        position: absolute;

        padding: 0;

    }

    .nav>li {

        border-bottom: 1px solid #484848;

    }

    .navbar-default .navbar-nav>li>a {

        color: #fff;

        font-size: 16px;

    }

    .navbar-default .navbar-nav>.active>a {

        font-weight: bold !important;

        background: #e30615 !important;

        color: #fff !important;

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        color: #fff;

        font-size: 14px;

        text-indent: 25px;

    }

    .rs-nav ul li a {

        line-height: 50px;

        height: 50px;

    }

    .dis-item-title p {

        font-weight: normal;

        font-size: 14px;

        text-align: center;

        padding: 0;

        float: none;

        background: #e30615;

        color: #fff;

    }

    .det-bot-con {

        min-height: 0;

    }

    .tab-hd li {

        width: 30%;

    }

    .pro-det-pic {

        background: #f5f5f5;

        height: 370px;

        vertical-align: middle;

        text-align: center;

        line-height: 370px;

    }

    .pro-det-pic .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: -160px;

    }

    .pro-det-pic .swiper-button-next {

        background: url(https://cdn.gk.ink/gk001/images/next.png) no-repeat;

        width: 50px;

        height: 50px;

        right: 0;

        top: 180px;

    }

    .pro-det-pic .swiper-button-prev {

        background: url(https://cdn.gk.ink/gk001/images/prev.png) no-repeat;

        width: 50px;

        height: 50px;

        left: 0;

        top: 180px;

    }

}

@media (max-width: 990px) {

    /*.col-sm-6:nth-of-type(9) {*/

    /*    display: none;*/

    /*}*/

}

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

    .m-search,

    .m-pro-left,

    .f-logo,

    .wechat,

    .web-pro-sub {

        display: none;

    }

    .rs-nav ul li a {

        padding: 0 9px;

        font-size: 16px;

    }

    .wap-pro-sub {

        display: block;

    }

    .wap-pro-sub {

        line-height: 50px;

        font-size: 16px;

        border-bottom: 1px solid #ececec;

    }

    .wap-pro-sub a.color-active {

        color: #e30615;

        border-bottom: 2px solid #e30615;

        padding-bottom: 15px;

        font-weight: bold;

    }

    .navbar-nav {

        margin: 0 -15px;

    }

    .dropdown-menu ul li a {

        font-size: 14px !important;

    }

    .m-about-rig {

        padding: 0;

        margin-top: 20px;

    }

    .p-brand-title {

        padding-top: 90px;

    }

    .m-n-pic {

        margin-bottom: 20px;

    }

    .f-left {

        border-right: none;

    }

    .f-contact {

        border-top: 1px solid #484848;

        margin-top: 20px;

        padding-top: 20px;

    }

    .in-news-txt .intro {

        font-size: 14px;

        color: #666;

        line-height: 30px;

        text-align: justify;

        margin: 0;

    }

    .in-news-txt .title {

        margin: 0;

    }

}



@media only screen and (min-width: 990px) and (max-width: 1024px) {

    .rec-img {

        display: block;

        height: 220px;

        overflow: hidden;

    }

    .top,

    .m-search,

    .web-pro-sub {

        display: none;

    }

    .rs-nav ul li a {

        padding: 0 17px;

    }

    .wap-pro-sub {

        display: block;

    }

    .wap-pro-sub {

        line-height: 50px;

        font-size: 16px;

        border-bottom: 1px solid #ececec;

    }

    .wap-pro-sub a.color-active {

        color: #e30615;

        border-bottom: 2px solid #e30615;

        padding-bottom: 15px;

        font-weight: bold;

    }

    .a-red-top {

        font-size: 20px;

    }

    .a-red-bot {

        font-size: 30px;

        line-height: 30px;

    }

    .m-about-intro {

        font-size: 14px;

        text-align: justify;

        line-height: 28px;

        margin-top: 1%;

    }

    .m-about-rig {

        padding: 0;

    }

    .p-brand-title {

        padding-top: 60px;

    }

    .m-pro-left {

        height: 481px;

        padding: 20px 20px 0 20px;

    }

    .m-pro-left h2 {

        margin: 0;

        font-size: 26px;

        margin-bottom: 5px;

    }

    .m-pro-left ul li {

        line-height: 45px;

    }

    .m-news-item {

        padding-bottom: 0;

        margin-bottom: 10px;

    }

    .m-news-item .txt .intro {

        margin-top: 5px;

    }

    .pro-det-pic {

        background: #f5f5f5;

        height: 370px;

        vertical-align: middle;

        text-align: center;

        line-height: 370px;

    }

    .pro-det-pic .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: -160px;

    }

    .pro-det-pic .swiper-button-next {

        background: url(https://cdn.gk.ink/gk001/images/next.png) no-repeat;

        width: 50px;

        height: 50px;

        right: 0;

        top: 180px;

    }

    .pro-det-pic .swiper-button-prev {

        background: url(https://cdn.gk.ink/gk001/images/prev.png) no-repeat;

        width: 50px;

        height: 50px;

        left: 0;

        top: 180px;

    }

}



@media only screen and (min-width: 1024px) and (max-width: 1201px) {

    .pro-det-pic {

        background: #f5f5f5;

        height: 370px;

        vertical-align: middle;

        text-align: center;

        line-height: 370px;

    }

    .pro-det-pic .swiper-container-horizontal>.swiper-pagination-bullets {

        bottom: -160px;

    }

    .pro-det-pic .swiper-button-next {

        background: url(https://cdn.gk.ink/gk001/images/next.png) no-repeat;

        width: 50px;

        height: 50px;

        right: 0;

        top: 180px;

    }

    .pro-det-pic .swiper-button-prev {

        background: url(https://cdn.gk.ink/gk001/images/prev.png) no-repeat;

        width: 50px;

        height: 50px;

        left: 0;

        top: 180px;

    }

    .rs-nav ul li a {

        padding: 0 17px;

    }

    .a-red-bot {

        font-size: 30px;

        line-height: 30px;

    }

    .a-red-top {

        font-size: 22px;

    }

    .m-about-rig {

        padding-left: 0px;

    }

    .m-about-intro {

        font-size: 14px;

        text-align: justify;

        line-height: 26px;

        margin-top: 2%;

    }

    .m-about-more {

        margin-top: 1%;

    }

    .m-pro-left {

        height: 481px;

        padding: 20px;

    }

    .m-pro-left ul li {

        line-height: 43px;

    }

    .m-news-item {

        padding-bottom: 0;

        margin-bottom: 10px;

    }

    .m-news-item .txt .intro {

        margin-top: 5px;

    }

    .m-search {

        display: none;

    }

    .p-brand-title {

        padding-top: 60px;

    }

    .web-pro-sub ul li a {

        padding: 0 10px;

    }

    .web-pro-sub ul li {

        font-size: 14px;

    }

    .rec-img {

        display: block;

        height: 250px;

        overflow: hidden;

    }

}