.m_mune,
.m_footer,
.m_logo {
    display: none
}

@media only screen and (min-width:320px) and (max-width:1023px) {
    .wp {
        width: 100%
    }
    .logo,
    .header_tel,
    .kf,
    .logo_wel {
        display: none
    }
    .in_fan_main ul li .info h5 {
        font-size: 13px
    }
    .m_logo {
        display: block;
        float: left;
        width: 50%
    }
    .m_mune {
        display: block;
        width: 30%;
        text-align: right;
        float: right;
        padding-right: 1%
    }
    .m_mune i {
        color: #182029;
        display: inline-block;
        font-size: 30px;
        line-height: 60px;
        transition: .5s
    }
    .m_mune.active i {
        transform: rotateZ(720deg)
    }
    header {
        position: fixed;
        width: 100%;
        padding: 5px 1%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 999
    }
    body {
        padding: 70px 0 50px
    }
    nav {
        position: fixed;
        width: 100%;
        height: 0;
        background: rgba(0, 0, 0, .6);
        top: 70px;
        z-index: 998;
        transition: .8s
    }
    nav ul li {
        display: block;
        float: none
    }
    nav ul li>a {
        height: 0;
        line-height: 48px;
        color: #fff!important;
        padding: 0;
        font-size: 15px;
        overflow: hidden;
        transition: .5s;
        display: block;
        float: none;
        text-align: center;
        border-bottom: 0 solid #fff
    }
    nav ul li.active a,
    nav ul li:hover a {
        background: 0 0
    }
    nav.active {
        height: 100%
    }
    nav.active ul li a {
        height: 48px;
        border-bottom: 1px solid #fff
    }
    nav ul li>a::before,
    nav ul li .nav_box,
    .centered-btns_nav {
        display: none
    }
    .index_top {
        display: none
    }
    .index_fan,
    .index_product,
    .index_advan,
    .index_6s {
        padding: 20px 1%
    }
    .index_title,
    .index_product .title {
        margin-bottom: 15px
    }
    .index_title h5 {
        font-size: 20px;
        line-height: 1.1
    }
    .index_product .title span {
        float: none;
        display: block;
        text-align: center
    }
    .index_product .title a {
        display: none
    }
    .index_title p {
        margin-top: 8px
    }
    .in_fan_main ul li {
        width: 49%;
        margin: .5%
    }
    .index_product .left {
        display: none
    }
    .index_product .right {
        width: 100%
    }
    .index_product .right ul li {
        width: 49%;
        float: left;
        margin: .5%
    }
    .index_product .right ul li .info h5 {
        font-size: 14px
    }
    .index_product .right ul li .info p {
        font-size: 12px
    }
    .in_advan_main ul li {
        width: 50%;
        height: 150px
    }
    .in_advan_main ul li .img img {
        padding-top: 15px
    }
    .in_advan_main ul li .info {
        padding: 10px 15px
    }
    .in_advan_main ul li .img h5 {
        font-size: 12px;
        line-height: 20px;
        height: 40px
    }
    .index_6s {
        padding: 20px 1%
    }
    .in_6s_main ul li {
        width: 100%;
        margin: 0 0 10px!important
    }
    .index_why {
        display: none
    }
    .index_cut {
        padding: 20px 1%;
        background: #fff
    }
    .index_title p {
        line-height: 1.46
    }
    .in_cut_main ul li {
        width: 50%
    }
    .suspend,
    .in_case_btn {
        display: none
    }
    .index_case {
        padding: 20px 1%
    }
    .in_case_box ul li .info {
        padding: 10px
    }
    .in_case_box ul {
        width: 400%
    }
    .in_case_box ul li .info h5 {
        font-size: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .in_case_box ul li .info p {
        font-size: 12px;
        line-height: 20px;
        height: 40px
    }
    .in_case_more {
        margin-top: 15px
    }
    .in_case_more a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }
    .index_fen {
        padding: 20px 1%;
        display: none;
    }
    .index_fen h5 {
        font-size: 20px
    }
    .index_fen p {
        font-size: 18px;
        margin: 10px 0
    }
    .index_fen font {
        font-size: 12px
    }
    .index_news {
        padding: 20px 1%
    }
    .in_news_list {
        width: 100%
    }
    .in_news_list:nth-of-type(2) {
        margin: 10px 0
    }
    .in_news_list ul {
        padding: 5px
    }
    .in_news_list ul li .date h5 {
        line-height: 50px
    }
    .in_news_list ul li .date {
        height: auto
    }
    .in_news_list ul li .info h5 {
        font-size: 14px;
        line-height: 25px
    }
    .in_news_list ul li .info p {
        font-size: 12px;
        line-height: 20px;
        height: 40px
    }
    .links,
    .footer_top,
    .footer_form,
    .footer_nav,
    .foote_ewm,
    .footer_meta {
        display: none
    }
    footer {
        padding: 20px 1%
    }
    footer h5 {
        margin-bottom: 15px
    }
    .footer_info p {
        font-size: 14px;
        margin-bottom: 10px
    }
    .m_footer {
        display: block;
        height: 50px;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 999;
        background: #182029;
        border-top: 1px solid #fff
    }
    .m_foot_btn {
        width: 25%;
        float: left;
        height: 50px;
        display: block;
        text-align: center;
        border-right: 1px solid #fff
    }
    .m_foot_btn:last-of-type {
        border-right: 0
    }
    .m_foot_btn i {
        color: #fff;
        display: block;
        font-size: 24px;
        line-height: 32px
    }
    .m_foot_btn span {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 12px
    }
    .main {
        padding: 20px 1%
    }
    .main_title {
        font-size: 18px;
        margin-bottom: 10px
    }
    .main .left {
        width: 100%;
        margin-bottom: 15px
    }
    .main_category {
        border: 1px solid #e6e6e6
    }
    .main_category ul li {
        float: left;
        margin: 0 5px 0 0;
        width: 100px
    }
    .main_category ul {
        width: auto;
        border: 0
    }
    .main_category ul li a {
        padding: 0;
        text-align: center;
        padding-left: 0
    }
    .main_category h5,
    .main_news,
    .main_contact,
    .main_category ul li a::before {
        display: none
    }
    .main .right {
        width: 100%
    }
    .main .right .title font {
        display: none
    }
    .main .right .title .pos {
        width: 100%;
        float: left;
        height: auto;
        text-overflow: inherit;
        white-space: inherit;
        line-height: 1.46;
        text-align: left
    }
    .main .right .title {
        height: auto;
        padding: 10px 1%
    }
    .product,
    .news,
    .case,
    .page,
    .about {
        padding: 1%
    }
    .product ul li {
        width: 48%;
        margin: 1%!important
    }
    .news ul li .img {
        width: 150px
    }
    .news ul li .info {
        padding-left: 160px
    }
    .news ul li .info h5 a {
        font-size: 15px;
        padding: 0;
        margin-bottom: 8px
    }
    .news ul li .info p {
        font-size: 13px;
        height: 40px;
        line-height: 20px;
        overflow: hidden
    }
    .news ul li .info span {
        margin-top: 8px
    }
    .news ul li .info span a {
        width: 48%;
        font-size: 14px
    }
    .case ul li,
    .about ul li {
        width: 48%;
        margin: 1%!important
    }
    .case ul li .info {
        padding: 5px
    }
    .case ul li .info h5 {
        font-size: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 5px
    }
    .case ul li .info p {
        font-size: 12px;
        line-height: 20px;
        height: 40px
    }
    .propd {
        min-width: 1px
    }
    .proptitd {
        width: 100%;
        margin-left: -50%
    }
    .proptitd p.p4 {
        font-size: 12px;
        line-height: 1.46
    }
    .proptitd p.p3 {
        margin-top: 15px;
        font-size: 24px;
        padding-bottom: 0
    }
    .wy ul li {
        width: 48%;
        margin: 1%!important
    }
    .wy ul li .info {
        padding: 5px
    }
    .wy ul li .info span {
        margin: 5px auto 0
    }
    .dlyad {
        height: auto;
        padding: 15px 1%;
        background-size: 100%;
        display: none
    }
    .dlyad h2 {
        font-size: 15px;
        height: auto;
        line-height: 1.46;
        padding-bottom: 0;
        margin: 15px 0
    }
    .dlyad p {
        font-size: 12px;
        line-height: 1.46;
        height: auto;
        margin-bottom: 15px
    }
    .dcond1 .conbgd {
        display: none
    }
    .dcond1 {
        background: #f7f7f7;
        padding: 20px 1%
    }
    .ctitled {
        width: 100%;
        padding: 0
    }
    .dcond1 .ctitled h2 {
        font-size: 14px;
        height: auto;
        line-height: 1.46;
        padding-bottom: 0
    }
    .dcond1 .ctitled p {
        display: none
    }
    .dcond1 .cpicd {
        margin: 15px auto 0
    }
    .dcond2 {
        width: 100%;
        margin: 0;
        padding: 20px 1%
    }
    .dcond2 .ctitled h2,
    .dcond3 .ctitled h2,
    .dcond5 .ctitled h2 {
        font-size: 24px;
        height: auto;
        line-height: 1.1
    }
    .dcond4 .ctitled h2 {
        font-size: 18px;
        height: auto;
        line-height: 1.1
    }
    .dcond2 .conlistd {
        width: 100%
    }
    .dcond2 .conlistd ul li {
        width: 48%;
        margin: 1%;
        height: auto;
        line-height: 1.46;
        font-size: 16px
    }
    .dcond2 .conlistd ul li img {
        margin: 0 10px 0 0
    }
    .dcond3,
    .dcond4,
    .dcond5 {
        margin: 0;
        width: 100%;
        padding: 20px 1%
    }
    .dcond3 .ctitled {
        padding: 0;
        margin-bottom: 15px
    }
    .dcond3 .con3listd,
    .dcond4 .conlistd {
        width: 100%;
        padding-top: 0
    }
    .dcond3 .con3listd ul li {
        width: 100%;
        margin: 10px 0!important
    }
    .dcond3 .cwrapd {
        width: 100%
    }
    .dcond3 .con3listd ul li span {
        height: auto;
        height: 50px;
        line-height: 50px
    }
    .dcond3 .con3listd ul li p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.46
    }
    .dcond4 .cwrapd {
        width: 100%
    }
    .dcond4 .conlistd ul li {
        width: 30%;
        margin-right: 0
    }
    .dcond4 .conlistd ul li span {
        height: 50px;
        line-height: 50px;
        font-size: 15px
    }
    .dcond4 .conlistd ul li p {
        font-size: 14px;
        line-height: 1.46
    }
    .dcond4 .conlistd ul li:nth-child(2) {
        margin: 0 5%
    }
    .dcond6 {
        display: none
    }
    .dcond5 .conlistd ul li {
        width: 100%
    }
    .dcond5 .conlistd {
        padding: 0
    }
    .dcond5 .conlistd ul li.li1 p,
    .dcond5 .conlistd ul li.li2 p,
    .dcond5 .conlistd ul li.li3 p {
        font-size: 14px;
        line-height: 1.46;
        padding-bottom: 15px
    }
    .dcond5 .conlistd ul li.li1 p.title,
    .dcond5 .conlistd ul li.li2 p.title,
    .dcond5 .conlistd ul li.li3 p.title {
        font-size: 24px;
        height: 60px;
        line-height: 60px
    }
    .info_product .img {
        width: 100%;
        margin-bottom: 15px
    }
    .info_product .info {
        width: 100%;
        padding-left: 0
    }
    .info_product {
        padding: 0 1%;
        border: 0
    }
    .other_product ul li {
        width: 48%;
        margin: 1%!important
    }
    .dly_pt {
        width: 100%;
        margin: 15px auto
    }
    .dly_pt_content ul li {
        width: 48%;
        margin: 1%!important
    }
    .dly_pt_content ul li:last-of-type {
        width: 98%;
        height: auto
    }
    .other_article ul li font {
        width: 25%
    }
    .other_article ul li a {
        width: 75%
    }
    .yth {
        padding: 15px 1%;
        margin: 0
    }
    .dly_pt h2,
    .yth h2 {
        height: auto;
        font-size: 20px;
        padding-bottom: 10px
    }
    .dly_pt_content {
        margin-top: 15px
    }
    .dly_pt_content ul li .list {
        width: 90%;
        padding-top: 15px
    }
    .dly_pt h2 p,
    .yth h2 p {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 10px
    }
    .yth_content {
        padding: 15px 0 0
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .wp {
        width: 970px
    }
    .header_tel {
        padding-right: 0
    }
    .header_tel .login {
        display: none
    }
    .in_why_list {
        width: 970px;
        margin: auto
    }
    .in_why_list ul li .img {
        float: right;
        width: 40%;
        padding-top: 20px
    }
    .header_tel .ewm {
        display: none
    }
    nav ul li>a {
        padding: 0 15px
    }
    .suspend,
    .in_case_btn {
        display: none
    }
    .index_product .left ul li a {
        height: 40.5px;
        line-height: 40.5px;
        font-size: 15px
    }
    .in_advan_main ul li {
        width: 160px;
        height: 200px
    }
    .in_6s_main ul li {
        width: 313px
    }
    .in_6s_main ul li:nth-child(1),
    .in_6s_main ul li:nth-child(2),
    .in_6s_main ul li:nth-child(3) {
        margin-bottom: 15px
    }
    .in_6s_main ul li:nth-child(3n+2) {
        margin: 0 15px
    }
    .agscond .agsconld {
        width: 430px
    }
    .agscond .agsconrd {
        width: 430px
    }
    .agscond .agsconld .agslild p,
    .agscond .agsconrd .agslild p {
        width: 310px
    }
    .agscond .agsconld .agslild p,
    .agscond .agsconrd .agslild p {
        width: 470px
    }
    .footer_nav {
        display: none
    }
    .proptitd {
        width: 100%;
        margin-left: -50%
    }
    .propd {
        min-width: 1px
    }
    .ctitled,
    .dcond2,
    .conlistd,
    .cwrapd {
        width: 970px!important;
        margin: 0 auto
    }
    .dcond3 .con3listd,
    .dcond4 {
        width: 970px;
        margin: 0 auto
    }
    .dcond3 .con3listd ul li,
    .dcond4 .conlistd ul li {
        width: 250px;
        margin-right: 73px
    }
    .ctitled h2,
    .dlyad h2 {
        font-size: 36px
    }
    .dcond2 .conlistd ul li {
        width: 235px;
        font-size: 16px
    }
    .dcond2 .conlistd ul li img {
        margin: 23px 5px 0 10px
    }
    .dcond6 .cwrapd .conlistd .text {
        width: 745px
    }
    .in_why_lc ul li::before {
        right: -50px;
        background-size: contain;
        width: 70px
    }
    .in_why_lc ul li .info {
        height: 480px
    }
    .dly_pt {
        width: 970px
    }
    .dly_pt_content ul li {
        width: 183px;
        margin-right: 13px
    }
    .yth {
        width: 970px;
        margin: 50px auto 0
    }
}