/* @media (max-width: 1340px) and (min-width:1280px){

}
@media (max-width: 1279px) and (min-width:1025px) {

}
@media (max-width: 1024px) and (min-width:769px) {

}
@media (max-width: 768px) and (min-width:500px) {

}
@media (max-width: 499px){

} */
@media (max-width: 1620px) and (min-width:1341px){
    .banner1{
        height: 525px;
        width: 100%;
    }
}
@media (max-width: 1340px) and (min-width:1280px){
    .banner1{
        height: 500px;
    }
    .banner1 .banner-into {
        margin: 0 auto;
        padding: 40px 60px 0 60px;
        width: 77.5%;
    }
    .banner1 .banner-into h3{
        font-size: 40px;
    }
    .floor2{
        padding: 80px 100px;
    }
    .floor3, .floor4{
        padding-top: 80px;
    }
    .imgbox{
        width: 100%;
        height: auto;
    }
    .imgbox img{
        width: 100%;
        height: auto;
    }
    .floor4 ul{
        /* display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;   */
    }
    .floor4 .content li{
        width: 24%;
        margin-right: 3%;
    }
    .floor4 .content li:nth-last-of-type(1){
        margin-right: 0;
    }
    .floor4{
        height: 400px;
    }
    .floor4 .content li .text_content{
        padding: 20px;
    }
    .floor4 .content li h5{
        margin-bottom: 20px;
    }
    .floor4 .content{
        margin-bottom: 60px;
        margin-top: -320px;
    }
    .floor3{
        padding: 80px 80px 0 80px;
        box-sizing: border-box;
    }
    .floor5{
        padding: 60px 90px;
    }
    .floor5_content{
        /* padding: 6% 6%;
        box-sizing: border-box; */
        height: 410px
    }
    .floor5_content_left{
        width: 64%;
        height: 100%;
    }
    .floor5_content_right{
        width: 33%;
        height: 100%;
    }
    .floor5_content_left .text_content{
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;  
        height: 88%;
        padding: 0 5%;
    }
    .floor5_content_right .text_content{
        height: 88%;
    }
    .floor5_content_left .text_content img{
        width: 44%;
        height: auto;
    }
    .floor5_content_left .text_area .p_box{
        margin-bottom: 20px
    }
    .floor5_content_left .text_area{
        width: 52%;
        padding-top: 0;
    }
    .floor5_content .theme{
        font-size: 18px;
        line-height: 30px;
        height: 12%;
    }
    .floor5_content_right .text_content{
        padding: 6%;
    }
}
@media (max-width: 1279px) and (min-width:1025px) {
    .banner1{
        height: 500px;
    }
    .banner1 .banner-into {
        margin: 0 auto;
        padding: 40px 60px 0 60px;
        width: 77.5%;
    }
    .banner1 .banner-into h3{
        font-size: 40px;
    }
    .floor2{
        padding: 80px 100px;
    }
    .floor3, .floor4{
        padding-top: 80px;
    }
    .imgbox{
        width: 100%;
        height: auto;
    }
    .imgbox img{
        width: 100%;
        height: auto;
    }
    .floor4 ul{
        /* display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;   */
    }
    .floor4 .content li{
        width: 24%;
        margin-right: 3%;
    }
    .floor4 .content li:nth-last-of-type(1){
        margin-right: 0;
    }
    .floor4{
        height: 400px;
    }
    .floor4 .content li .text_content{
        padding: 20px;
    }
    .floor4 .content li h5{
        margin-bottom: 20px;
    }
    .floor4 .content{
        margin-bottom: 60px;
        margin-top: -320px;
    }
    .floor3{
        padding: 80px 80px 0 80px;
        box-sizing: border-box;
    }
    .floor5{
        padding: 60px 90px;
    }
    .floor5_content{
        /* padding: 6% 6%;
        box-sizing: border-box; */
        height: 410px
    }
    .floor5_content_left{
        width: 64%;
        height: 100%;
    }
    .floor5_content_right{
        width: 33%;
        height: 100%;
    }
    .floor5_content_left .text_content{
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;  
        height: 88%;
        padding: 5%;
    }
    .floor5_content_right .text_content{
        height: 88%;
    }
    .floor5_content_left .text_content img{
        width: 44%;
        height: auto;
    }
    .floor5_content_left .text_area .p_box{
        margin-bottom: 20px
    }
    .floor5_content_left .text_area{
        width: 52%;
        padding-top: 0;
    }
    .floor5_content .theme{
        font-size: 18px;
        line-height: 30px;
        height: 12%;
    }
    .floor5_content_right .text_content{
        padding: 6%;
    }

    .floor2{
        padding: 50px
    }
    .floor2_content{
        padding: 50px;
    }
    .floor2_content_left{
        width: auto;
        margin-right: 20px;
    }
    .floor3{
        padding: 50px;
    }
    .floor3 .title{
        margin-bottom: 50px;
    }
    .banner2{
        padding: 50px 0;
    }
    .title h2{
        font-size: 24px;
    }
    .floor3_nav{
        padding: 0;
    }
    .product_item img{
        width: 100%;
    }
    .floor3{
        margin-bottom: 260px;
    }
    .floor4 .content li{
        width: 27%;
    }
    .floor4 .content li h5{
        font-size: 16px;
    }
    .floor4 .content{
        margin-top: -300px;
    }
    .floor5{
        padding: 50px;
    }
}
@media (max-width: 1024px) and (min-width:769px) {
    .banner1{
        height: 500px;
    }
    .banner1 .banner-into {
        margin: 0 auto;
        padding: 40px 60px 0 60px;
        width: 77.5%;
    }
    .banner1 .banner-into h3{
        font-size: 40px;
    }
    .floor2{
        padding: 80px 100px;
    }
    .floor3, .floor4{
        padding-top: 80px;
    }
    .imgbox{
        width: 100%;
        height: auto;
    }
    .imgbox img{
        width: 100%;
        height: auto;
    }
    .floor4 ul{
        /* display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;   */
    }
    .floor4 .content li{
        width: 24%;
        margin-right: 3%;
    }
    .floor4 .content li:nth-last-of-type(1){
        margin-right: 0;
    }
    .floor4{
        height: 400px;
    }
    .floor4 .content li .text_content{
        padding: 20px;
    }
    .floor4 .content li h5{
        margin-bottom: 20px;
    }
    .floor4 .content{
        margin-bottom: 60px;
        margin-top: -320px;
    }
    .floor3{
        padding: 80px 80px 0 80px;
        box-sizing: border-box;
    }
    /* .floor5{
        padding: 60px 90px;
    }
    .floor5_content{
        height: 410px
    }
    .floor5_content_left{
        width: 64%;
        height: 100%;
    }
    .floor5_content_right{
        width: 33%;
        height: 100%;
    }
    .floor5_content_left .text_content{
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;  
        height: 88%;
        padding: 5%;
    }
    .floor5_content_right .text_content{
        height: 88%;
    }
    .floor5_content_left .text_content img{
        width: 44%;
        height: auto;
    }
    .floor5_content_left .text_area .p_box{
        margin-bottom: 20px
    }
    .floor5_content_left .text_area{
        width: 52%;
        padding-top: 0;
    }
    .floor5_content .theme{
        font-size: 18px;
        line-height: 30px;
        height: 12%;
    }
    .floor5_content_right .text_content{
        padding: 6%;
    } */

    .floor2{
        padding: 50px
    }
    .floor2_content{
        padding: 50px;
    }
    .floor2_content_left{
        width: auto;
        margin-right: 20px;
    }
    .floor3{
        padding: 50px;
    }
    .floor3 .title{
        margin-bottom: 50px;
    }
    .banner2{
        padding: 50px 0;
    }
    .title h2{
        font-size: 24px;
    }
    .floor3_nav{
        padding: 0;
    }
    .product_item img{
        width: 100%;
    }
    .floor3{
        margin-bottom: 260px;
    }
    .floor4 .content li{
        width: 27%;
    }
    .floor4 .content li h5{
        font-size: 16px;
    }
    .floor4 .content{
        margin-top: -300px;
    }
    .floor5{
        padding: 50px;
    }

    .banner1{
        height: 400px;
    }
    .banner1 .swiper-slide{
        padding-top: 70px;
    }
    .banner1 .banner-into{
        width: 100%;
    }
    .floor2 {
        padding: 30px 30px;
    }
    .floor2_content_left{
        width: 48%;
    }
    .floor2_content_right{
        width: 48%;
    }
    .floor2_content_right img{
        width: 100%;
    }
    .floor3_nav{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
    .floor3_nav li{
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .banner2{
        padding: 30px 0;
    }
    .floor4 .content{
        margin-top: 0;
    }
    .floor3{
        margin-bottom: 0;
    }
    .floor4{
        padding-top: 0;
        height: auto;
        padding: 50px ;
    }
    .floor4 .title h2{
        color: #fff;
    }
    .floor4 .title h5{
        color: #fff;
    }
    .floor4 .title{
        margin-bottom: 40px;
    }
    .floor4 .content li{
        width: 32%;
    }
    .floor4 .content li .text_content {
        padding: 15px;
    }
    .banner1 .banner-into {
        padding: 60px 60px 0 60px;
    }
    .banner1 .banner-into p{
        margin-bottom: 50px;
    }
    .banner1 .banner-into h3{
        margin-bottom: 30px;
        font-size: 30px;
    }
    .floor3_nav li a{
        font-size: 14px;
    }
    .floor4 .content{
        margin-bottom: 40px;
    }
    .floor4 .content li h5{
        font-size: 14px;
        line-height: 20px;
    }
    .floor5_content{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .floor5_content_left{
        width: 100%;
    }
    .floor5_content_right{
        width: 100%;
    }
    .floor5_content_left .text_content img{
        width: 46%;
        height: fit-content;
    }
    .floor5_content_left .text_area{
        width: 48%;
        padding-top: 0;
    }
    .floor5_content_left .text_area p{
        line-height: 25px;
    }
    .floor5_content .theme{
        height: 50px;
        font-size: 16px;
    }
    .floor5_content>div{
        margin-bottom: 40px;
    }
    .floor5_content>div:nth-last-of-type(1){
        margin-bottom: 0;
    }

    .banner1 .banner-into {
        margin: 0 auto;
        padding: 50px 40px 0 40px;
        width: 77.5%;
    }
}
@media (max-width: 768px) and (min-width:500px) {
    .banner1{
        height: 500px;
    }
    .banner1 .banner-into {
        margin: 0 auto;
        padding: 40px 60px 0 60px;
        width: 77.5%;
    }
    .banner1 .banner-into h3{
        font-size: 40px;
    }
    .floor2{
        padding: 80px 100px;
    }
    .floor3, .floor4{
        padding-top: 80px;
    }
    .imgbox{
        width: 100%;
        height: auto;
    }
    .imgbox img{
        width: 100%;
        height: auto;
    }
    .floor4 ul{
        /* display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;   */
    }
    .floor4 .content li{
        width: 24%;
        margin-right: 3%;
    }
    .floor4 .content li:nth-last-of-type(1){
        margin-right: 0;
    }
    .floor4{
        height: 400px;
    }
    .floor4 .content li .text_content{
        padding: 20px;
    }
    .floor4 .content li h5{
        margin-bottom: 20px;
    }
    .floor4 .content{
        margin-bottom: 60px;
        margin-top: -320px;
    }
    .floor3{
        padding: 80px 80px 0 80px;
        box-sizing: border-box;
    }
    /* .floor5{
        padding: 60px 90px;
    }
    .floor5_content{
        height: 410px
    }
    .floor5_content_left{
        width: 64%;
        height: 100%;
    }
    .floor5_content_right{
        width: 33%;
        height: 100%;
    }
    .floor5_content_left .text_content{
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;  
        height: 88%;
        padding: 5%;
    }
    .floor5_content_right .text_content{
        height: 88%;
    }
    .floor5_content_left .text_content img{
        width: 44%;
        height: auto;
    }
    .floor5_content_left .text_area .p_box{
        margin-bottom: 20px
    }
    .floor5_content_left .text_area{
        width: 52%;
        padding-top: 0;
    }
    .floor5_content .theme{
        font-size: 18px;
        line-height: 30px;
        height: 12%;
    }
    .floor5_content_right .text_content{
        padding: 6%;
    } */

    .floor2{
        padding: 50px
    }
    .floor2_content{
        padding: 50px;
    }
    .floor2_content_left{
        width: auto;
        margin-right: 20px;
    }
    .floor3{
        padding: 50px;
    }
    .floor3 .title{
        margin-bottom: 50px;
    }
    .banner2{
        padding: 50px 0;
    }
    .title h2{
        font-size: 24px;
    }
    .floor3_nav{
        padding: 0;
    }
    .product_item img{
        width: 100%;
    }
    .floor3{
        margin-bottom: 260px;
    }
    .floor4 .content li{
        width: 27%;
    }
    .floor4 .content li h5{
        font-size: 16px;
    }
    .floor4 .content{
        margin-top: -300px;
    }
    .floor5{
        padding: 50px;
    }

    .banner1{
        height: 400px;
    }
    .banner1 .swiper-slide{
        padding-top: 70px;
    }
    .banner1 .banner-into{
        width: 100%;
    }
    .floor2 {
        padding: 30px 30px;
    }
    .floor2_content_left{
        width: 48%;
    }
    .floor2_content_right{
        width: 48%;
    }
    .floor2_content_right img{
        width: 100%;
    }
    .floor3_nav{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
    .floor3_nav li{
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .banner2{
        padding: 30px 0;
    }
    .floor4 .content{
        margin-top: 0;
    }
    .floor3{
        margin-bottom: 0;
    }
    .floor4{
        padding-top: 0;
        height: auto;
        padding: 50px ;
    }
    .floor4 .title h2{
        color: #fff;
    }
    .floor4 .title h5{
        color: #fff;
    }
    .floor4 .title{
        margin-bottom: 40px;
    }
    .floor4 .content li{
        width: 32%;
    }
    .floor4 .content li .text_content {
        padding: 15px;
    }
    .banner1 .banner-into {
        padding: 60px 60px 0 60px;
    }
    .banner1 .banner-into p{
        margin-bottom: 50px;
    }
    .banner1 .banner-into h3{
        margin-bottom: 30px;
        font-size: 30px;
    }
    .floor3_nav li a{
        font-size: 14px;
    }
    .floor4 .content{
        margin-bottom: 40px;
    }
    .floor4 .content li h5{
        font-size: 14px;
        line-height: 20px;
    }
    .floor5_content{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .floor5_content_left{
        width: 100%;
    }
    .floor5_content_right{
        width: 100%;
    }
    .floor5_content_left .text_content img{
        width: 46%;
        height: fit-content;
    }
    .floor5_content_left .text_area{
        width: 48%;
        padding-top: 0;
    }
    .floor5_content_left .text_area p{
        line-height: 25px;
    }
    .floor5_content .theme{
        height: 50px;
        font-size: 16px;
    }
    .floor5_content>div{
        margin-bottom: 40px;
    }
    .floor5_content>div:nth-last-of-type(1){
        margin-bottom: 0;
    }
}
@media (max-width: 499px){
    .banner1{
        height: 500px;
    }
    .banner1 .banner-into {
        margin: 0 auto;
        padding: 40px 60px 0 60px;
        width: 77.5%;
    }
    .banner1 .banner-into h3{
        font-size: 40px;
    }
    .floor2{
        padding: 80px 100px;
    }
    .floor3, .floor4{
        padding-top: 80px;
    }
    .imgbox{
        width: 100%;
        height: auto;
    }
    .imgbox img{
        width: 100%;
        height: auto;
    }
    .floor4 ul{
        /* display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; */
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        /* -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;   */
    }
    .floor4 .content li{
        width: 24%;
        margin-right: 3%;
    }
    .floor4 .content li:nth-last-of-type(1){
        margin-right: 0;
    }
    .floor4{
        height: 400px;
    }
    .floor4 .content li .text_content{
        padding: 20px;
    }
    .floor4 .content li h5{
        margin-bottom: 20px;
    }
    .floor4 .content{
        margin-bottom: 60px;
        margin-top: -320px;
    }
    .floor3{
        padding: 80px 80px 0 80px;
        box-sizing: border-box;
    }
    /* .floor5{
        padding: 60px 90px;
    }
    .floor5_content{
        height: 410px
    }
    .floor5_content_left{
        width: 64%;
        height: 100%;
    }
    .floor5_content_right{
        width: 33%;
        height: 100%;
    }
    .floor5_content_left .text_content{
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;  
        height: 88%;
        padding: 5%;
    }
    .floor5_content_right .text_content{
        height: 88%;
    }
    .floor5_content_left .text_content img{
        width: 44%;
        height: auto;
    }
    .floor5_content_left .text_area .p_box{
        margin-bottom: 20px
    }
    .floor5_content_left .text_area{
        width: 52%;
        padding-top: 0;
    }
    .floor5_content .theme{
        font-size: 18px;
        line-height: 30px;
        height: 12%;
    }
    .floor5_content_right .text_content{
        padding: 6%;
    } */

    .floor2{
        padding: 50px
    }
    .floor2_content{
        padding: 50px;
    }
    .floor2_content_left{
        width: auto;
        margin-right: 20px;
    }
    .floor3{
        padding: 50px;
    }
    .floor3 .title{
        margin-bottom: 50px;
    }
    .banner2{
        padding: 50px 0;
    }
    .title h2{
        font-size: 24px;
    }
    .floor3_nav{
        padding: 0;
    }
    .product_item img{
        width: 100%;
    }
    .floor3{
        margin-bottom: 260px;
    }
    .floor4 .content li{
        width: 27%;
    }
    .floor4 .content li h5{
        font-size: 16px;
    }
    .floor4 .content{
        margin-top: -300px;
    }
    .floor5{
        padding: 50px;
    }

    .banner1{
        height: 117px;
    }
    .banner1 .swiper-slide{
        padding-top: 34px;
        background-size: 100% !important;
    }
    .banner1 .banner-into{
        width: 100%;
    }
    .floor2 {
        padding: 30px 30px;
    }
    .floor2_content_left{
        width: 48%;
    }
    .floor2_content_right{
        width: 48%;
    }
    .floor2_content_right img{
        width: 100%;
    }
    .floor3_nav{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
    .floor3_nav li{
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .banner2{
        padding: 30px 0;
    }
    .floor4 .content{
        margin-top: 0;
    }
    .floor3{
        margin-bottom: 0;
    }
    .floor4{
        padding-top: 0;
        height: auto;
        padding: 50px ;
    }
    .floor4 .title h2{
        color: #fff;
    }
    .floor4 .title h5{
        color: #fff;
    }
    .floor4 .title{
        margin-bottom: 40px;
    }
    .floor4 .content li{
        width: 32%;
    }
    .floor4 .content li .text_content {
        padding: 15px;
    }
    .banner1 .banner-into {
        padding: 60px 60px 0 60px;
    }
    .banner1 .banner-into p{
        margin-bottom: 50px;
    }
    .banner1 .banner-into h3{
        margin-bottom: 30px;
        font-size: 30px;
    }
    .floor3_nav li a{
        font-size: 14px;
    }
    .floor4 .content{
        margin-bottom: 40px;
    }
    .floor4 .content li h5{
        font-size: 14px;
        line-height: 20px;
    }
    .floor5_content{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .floor5_content_left{
        width: 100%;
    }
    .floor5_content_right{
        width: 100%;
    }
    .floor5_content_left .text_content img{
        width: 46%;
        height: fit-content;
    }
    .floor5_content_left .text_area{
        width: 48%;
        padding-top: 0;
    }
    .floor5_content_left .text_area p{
        line-height: 25px;
    }
    .floor5_content .theme{
        height: 50px;
        font-size: 16px;
    }
    .floor5_content>div{
        margin-bottom: 40px;
    }
    .floor5_content>div:nth-last-of-type(1){
        margin-bottom: 0;
    }



    /* 手机端样式 */
    .banner1{
        height: 117px;
    }
    .banner1 .banner-into{
        padding: 0px 87px;
    }
    .banner1 .banner-into h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .banner1 .banner-into p{
        font-size: 12px;
    }
    .banner1 .banner-into p{
        line-height: 24px;
    }
    .floor2{
        padding: 0;
    }
    .floor2_content{
        padding: 50px 10px;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        background: rgba(0, 0, 0, 0)
    }
    .floor2_content .button{
        border: 1px solid #fff;
        color: #fff;
    }
    .floor2_content_left{
        width: 100%;
        margin-bottom: 30px;
    }
    .floor2_content_left h4{
        font-size: 22px;
        margin-bottom: 20px;
        color: #fff;
    }
    .floor2_content_left p{
        margin-bottom: 30px;
        font-size: 14px;
        color: #fff;
    }
    .floor2_content_right{
        width: 100%;
    }
    .floor3, .floor4{
        padding: 50px 10px;
    }
    .floor3_nav li{
        margin: 0 5px 10px 5px;
    }
    .banner2 .swiper-slide .product_item{
        margin-right: 0!important

    }
    .banner1 .swiper-pagination{
        bottom: 0px !important;
    }
    .floor4 ul{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;        
    }
    .floor4 .content li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .floor5{
        padding: 50px 10px;
    }
    .floor5_content_left .text_content{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;  
    }
    .floor5_content_left .text_content img{
        width: 100%;
        margin-bottom: 20px;
    }
    .floor5_content_left .text_area{
        width: 100%;
    }
    
    .floor5_content_left .text_content{
    	padding: 15px;
    }
    .floor5_content_right .text_content{
    	padding: 15px;
    }
}