@media screen and (min-width:320px) and (max-width:1279px) {

    body {
        min-width: 320px;
    }

    .header {
        display: none;
    }

    .mobile-inner-header,
    .mobile,
    .head_space {
        display: block;
    }
    .w,
    .w80,
    .w90 {
        width: auto;
        padding: 0 3rem;
        margin: auto;
    }

    .sec1 {
        padding: 3rem 0;

    }

    .advantage li {
        width: 50%;
    }

    .advantage li img {
        width: 10rem;
        height: 10rem;
    }

    .advantage li .name {
        padding: 1rem 0 1rem;
    }

    .advantage li .tip{
        padding:1.5rem 0 3rem;
        min-height: 10rem;
    }

    .advantage li:nth-child(3) .tip,
    .advantage li:nth-child(4) .tip {
        height: 15rem;
 
    }

    .sec2 .w {
        flex-direction: column;
    }

    .sec2 .left-text {
        align-items: center;
    }

    .sec2 .right-pic {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }

    .sec3 {
        padding: 2rem 0;
    }

    .i-product .item {
        margin: 5rem 0 0 !important;
        flex-direction: column !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .i-product .item .text-box {
        padding: 4rem !important;
        align-items: center !important;
    }

    .i-product .item .pic {
        width: 100% !important;
    }

    .i-product .item .text {
        height: auto !important;
    }

    .i-product .item .text-box .read-more-btn {
        margin-left: 0 !important;
    }

    .i-product .item.item1 {
        display: flex;
        flex-direction: column;
    }

    .i-product .item.item1 .text-box {
        order: 2
    }

    .i-product .item.item1 .pic {
        order: 1
    }

    a:hover {
        color: transparent;
    }


    .sec4,
    .footer {
        padding: 5rem 0;
    }

    .sec4 .contact-message,
    .contact {
        display: none;
    }

    .sec4 .contact-text {
        width: 100%;
    }

    .sec4 .contact-text .contact-l1 {
        display: none;
    }

    .sec4 .contact-text .contact-l2 {
        font-size: 2.8rem;
        line-height: 1.4;
    }

    .sec4 .contact-text .contact-l3 {
        display: none;
    }


    .sec4 .contact-text .contact-l4 {
        flex-direction: column;
    }

    .sec4 .contact-text .contact-l4-btn {
        width: 70%;
        justify-content: center;
        font-size: 3rem;
    }


    .contact-phone-box {
        margin: 1rem 0 0;
    }

    .contact-phone-btn {
        width: 4rem;
        height: 4rem;
        margin-left: 6.2rem;
    }

    .contact-phone-text p {
        display: none;

    }

    .contact-phone-text span {
        color: #f4f4f4;
        font-size: 2rem;
        width: 18rem;
    }

    .fast_nav,
    .code {
        display: none;
    }

    .footer .contus {
        width: 100%;
    }

    .pro-sec {
        padding: 6rem 0 1rem;
    }

    .pro-sec .w80 {
        display: block;
    }

    .pro-sec .pro-img {
        width: 100%;
        margin: 0;
    }

    .pro-title {
        justify-content: center;
        display: flex;
        margin-top: 4rem;
    }

    .pro-sec .pro-tips {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .pro-sec .pro-tips .sub-title {
        font-size: 2.8rem;
        text-align: center;
    }

    .pro1-sec2 {
        padding: 4rem 0;
    }

    .device-list .dev-one {
        width: 100%;
        float: none;
    }

    .dev-one-pad {
        display: block;
    }

    .dev-one .img {
        width: 100%;
        height: auto;
    }

    .dev-one .text {
        margin-top: 1rem;
    }

    .dev-one .sub-con {
        font-size: 1.6rem;
    }

    .pro-sec .pro-tips .tip {
        font-size: 1em;
    }

    .pro1-sec3 {
        padding: 4rem 0;
    }

    .pro1-sec3 .w100 {
        display: block;
    }

    .pro1-sec3 .left-text {
        width: 100%;
        padding: 2rem;
    }

    .pro1-sec3 .pro-img {
        width: 100%;
    }

    .pro1-sec3 .pro-title {
        font-size: 2.5rem;
        justify-content: flex-start;
    }

    .pro1-sec3 .con-box {
        padding: 3rem 0;
        font-size: 1.6rem;
    }

    .pro1-sec4 {
        padding: 4rem 0;
    }

    .pro-tc .pro-title,
    .pro-tc .pro-title {
        font-size: 2.5rem;
    }



    .dev-one .sub-title {
        font-size: 2.5rem;
    }

    .pro-sec .pro-tips .sub-title,
    .pro-tc .pro-title,
    .pro-tc .pro-title {
        font-size: 2.5rem;
    }


    .lamp-list .item-one {
        width: 50%;
    }

    .lamp-list {
        display: none;
    }

    .mobile-lamp-list {
        display: block;
    }

    .mobile-lamp-list {
        height: 30rem
    }

    .swiper-button-prev,
    .swiper-button-next {
        margin-top: -6rem;
        background-color: #f4f4f4;
    }

    .pro-tc {
        padding-bottom: 3rem;
    }

    .pro-tc .pro-title,
    .pro-tc .pro-title {
        margin-top: 1rem;
    }

    .gybox1 {
        padding: 5rem 0;
    }

    .intro-box1 {
        display: block;
    }

    .intro-box1 .intro-text {
        width: 100%;
        padding: 2rem 0 5rem 0;
    }

    .intro-box1 .intro-text h1 {
        padding: 0 0 2rem 0;
        text-align: center;
        font-size: 2.5rem;
    }

    .intro-box1 .intro-text .intro-con {
        font-size: 1.6rem;
    }

    .intro-box1 .intro-img {
        width: 100%;
        padding-left: 0;
    }

    .gybox2,
    .gybox3 {
        padding: 8rem 0;
    }

    .gybox2 .w p {
        font-size: 1.6rem;
    }

    .gybox3 .w .team {
        font-size: 2.5rem;
    }

    .contact-page .w .comment {
        padding: 5rem 0;
        width: 100%;
    }

    .contact-page .submit {
        width: 70%;
        line-height: 6rem;
        font-size: 2.4rem;
    }

    .contact-page .m .comment1 {
        padding: 5rem 0 0;
    }

    .contact-page .m .comment1 .title {
        margin-bottom: 2rem;
    }

    .contact-page .w .comment .title .big_font,
    .contact-page .m .comment1 .title .big_font {
        font-size: 3.2rem;
        margin-bottom: 1.5rem;
    }

    .contact-page .m .comment1 .box {
        display: block;
    }

    .contact-page .m .comment1 .box {
        margin-bottom: 0;
    }

    .contact-page .w .comment .input {
        margin-bottom: 2rem;

    }

    .contact-page .w .comment .input .one {
        display: block;
        margin-bottom: 0rem;
    }

    .contact-page .w .comment .input .one input {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .contact-page textarea {
        font-size: 1.2rem;
    }


    .contact-page .m .comment1 .box .message {
        width: 100%;
        padding-left: 40rem;

    }

    .contact-page .m .comment1 .box .map {
        width: 100%;

    }

}