@media screen and (max-width: 1500px){
    /* .weixin-phone{display: none;} */
    .top-h .nav01>li:hover .nav2{padding: 0 40px;}
    .top-h .logo{left: 40px;transform: translate(0);top: 0!important;}
    .top-h>nav>ul>li{flex: 1;}
    .top-h>nav{width: 60%;margin-left: 1%!important;}
    /*.weixin-phone{right: 40px;}*/
    .index-content .box1 .max-w-14{ padding:60px 40px;}
    .lolands .box2 .max-w-14{ padding:60px 20px;}
    .top-h .nav2 .prev-04{left:10px;transform: translateX(0);}
    .top-h .nav2 .next-04{right: 10px;transform: translateX(0);}
    .top-h>nav>ul{justify-content: center;}
    .top-h{justify-content: space-between;padding: 0 30px;}
    .weixin-phone{left: 10%;}
}
@media screen and (max-width: 1199px){
    .pc-app{display: none;}
    .latest-news{display: none;}
    .fenye{margin:20px 0 40px 0;}
    .pc_pro li:nth-of-type(4n+4){margin-right: unset;}
    .pc_pro li{width: 32% !important;margin-right: 2% !important;}
    .pc_pro li:nth-of-type(3n+3){margin-right: 0 !important;}
    .lolands-system .box1{flex-direction: column-reverse;}
    .lolands-system .box1 .txt1{width: 100%; padding: 0 40px;}
    .lolands-system .box1 .pic{width: 100%;}
    .lolands-system .box1  .public-tit h4{margin-bottom: 0;}
    .lolands-system .box1 .public-tit{margin-bottom: 40px;}
    .lolands-system .box1 .txt1 h5{margin-bottom: 20px;}
    .lolands-system .box1 .txt2{margin: 40px 0;}
    .lolands-system .box1 .txt2 img{width: 240px;}
    .logo a img{width: 170px!important;}
    /*.product-type{display: none;}*/
    .aside ul li:nth-of-type(1) i{background-image: url("../image/aside_ico1.png");}
    .aside ul li:nth-of-type(2) i{background-image: url("../image/aside_ico2.png");}
    .aside ul li:nth-of-type(3) i{background-image: url("../image/aside_ico3.png");}
    .aside ul li:nth-of-type(4) i{background-image: url("../image/aside_ico4.png");}
    .aside ul li:nth-of-type(5) i{background-image: url("../image/aside_ico5.png");}
    .f-txt{
        display: none;
    }
    .news-view{
        margin-top: 70px;
    }
    .brand-advantage .box9 .support .support{
        background: #fff;
    }
    .brand-advantage .box3 .join-lolands .pt h5{
        text-align: center;
    }
    .aside ul li:hover .fix_tel{
        display: none;
    }
    .lolands .box4 .development .swiper-slide{
        background: #fff;
    }
    .performance2{
        padding-bottom: 30px;
    }
    .performance2 .swiper-pagination-pro{
        bottom: 0;
    }
    .network-box{
        margin-top: 20px;
    }
    .mapChose{
        padding: 0;
    }
    .public-tit{
        padding-left: 30px;
        padding-right: 30px;
    }
    .brand-advantage .box3 .join-lolands .public-tit h3, .brand-advantage .box3 .join-lolands .public-tit h4{
        text-align: center;
    }
    .brand-advantage .box1>p{
        padding: 0 30px;
    }
    .brand-advantage .box5 .public-tit{
        padding: 0 30px;
    }
    .brand-advantage .box8 .txt h5{
        text-align: center;
    }
    .brand-advantage .box8 .txt>p{
        text-align: center;
        padding: 0 40px;
    }
    .brand-advantage .box5 .showroom{
        padding: 8% 40px;
    }
    .brand-advantage .box5 .txt{
        padding: 0 30px;
    }
    .brand-advantage .box9 .support .swiper-slide h3 b{
        font-size: 20px;
    }
    .brand-advantage .box8 .public-tit::before{
        left: 50%;
        transform: translateX(-50%);
    }
    .brand-advantage .box8 .txt .public-tit{
        text-align: center;
        padding: 0 40px 6% 40px;
    }
    .product-view .para{
        padding-top: 20px;
    }
    .brand-advantage{
        padding: 20px;
    }
    .brand-advantage .box2 .txt .public-tit{
        text-align: center;
    }
    .brand-advantage .box2 .txt .public-tit::before{
        left: 50%;
        transform: translateX(-50%);
    }
    .brand-advantage .box2 .txt h5{
        text-align: center;
    }
   
    .lolands-system .box1 .public-tit::before{
        left: 50%;
        transform:translateX(-50%);
    }
    .lolands-system .box1 .txt1 h5{
        text-align: center;
    }
    .lolands-system .box1 .public-tit{
        text-align: center;
    }
    .product-type .all-deatail{
        display: none;
    }
    .m-pro-menu{
        width: 100%;
        padding: 40px;
        display: block;
    }
.page_nav_bd{display: block;}
.page_nav_bd li{width: 100%; padding: 0; border: none;}
.page_nav_bd li dl{display: block;}
.page_nav_bd li dl dt{transition: 0.6s; padding: 2%; border: 1px solid #bdbdbd; border-bottom: none; cursor: pointer;}
.page_nav_bd li:last-child dl dt{border-bottom: 1px solid #bdbdbd;}
.page_nav_bd li dl dt span{transition: 0.6s; font-size: 18px; font-weight: normal; padding: 0;}
.page_nav_bd li dl dt i{transition: 0.6s; display: block;}
.page_nav_bd li dl dd{display: none; padding: 2% 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
.page_nav_bd li:last-child dl dd{border-bottom: 1px solid #bdbdbd;}
.page_nav_bd li dl dd a{margin: 0; font-size: 18px; padding: 2%; border: none; text-align: center;}
.page_nav_bd li dl dd a:nth-of-type(1){display: none;}
.page_nav_bd li dl dd a.active{color: #f8b62d;}
.page_nav_bd li.active dl dt{border-color: #d1a657; background: #d1a657;}
.page_nav_bd li.active dl dt span,.page_nav_bd li.active dl dt i{color: #fff;}
.m_page_nav{display: none; margin-top: 60px;}
.m_page_nav li{width: 100%;}
.m_page_nav dl{display: block; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
.m_page_nav dl dt{font-weight: normal; transition: 0.6s; padding: 1.2% 10px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;font-size: 14px;}
.m_page_nav dl dt span{transition: 0.6s; font-size: 18px; color: #434144; line-height: 200%;}
.m_page_nav dl dt i{transition: 0.6s; font-size: 20px; color: #293153;}
.m_page_nav dl dd{display: none;  border-top: 1px solid #bdbdbd; background: #f5f5f5;}
.m_page_nav dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
.m_page_nav dl dd a:last-child{border-color: transparent;}
.m_page_nav dl dd a.active{color: #c49763;}
.product-type .tit ul{display: none;}
.lolands .box4 .development2 .swiper-slide{
        height: auto;
    }
    .product-type{
        padding: 0;
    }
    .header-pic{
        display: block;
    }
    .keywords{
        display: block;
    }
    .product-type .tit li a{
        color: #333;
        border-right: 0;
    }
    .product-type .tit li.active a{
        background: #f7f7f7;
        color: #333;;
    }
 
   
    .fix_tel{
        display: none;
    }
    content {
        padding: 0 40px;
    }
    .design_con .will_close, .design_con2 .will_close{
        right: 0px;
        top: 0px;
        left: unset;
    }
    .design_left .content ul, .design_left2 .content ul{
        width: 100%;
    }
    .design_left .content ul li:nth-of-type(-n+2), .design_left2 .content ul li:nth-of-type(-n+2) {
        margin-top: 0;
        width: 47.3685%;
    }
    .design_left .content ul li .design_sex, .design_left2 .content ul li .design_sex {
        background-position: 95% center;
    }
    .design_left .content ul li .design_address select, .design_left2 .content ul li .design_address select {
        background-position: 95% center;
    }
    .design_left .content ul li .text, .design_left2 .content ul li .text {
        font-size: 14px;
        height: 38px;
    }
    .content ul {
        width: 100%;
    }
    .design_left .content .design_pic, .design_left2 .content .design_pic {
        display: none;
    }
    .news-view .txt{
        margin-right: 0;
    }
    .news-view .share-list{
        display: none;
    }
    .news-view .txt{
        width: 100%;
    }
    .news-view{
        padding: 40px;
    }
    footer{
        margin-bottom: 75px;
    }
    .aside ul li {
        margin-top: 0;
        width: 25%;
        height: 75px;
        letter-spacing: 1px;
    }
    .aside ul li i {

        height:36px;
    }
    .aside ul li .fix_box>a {font-size: 14px;color: #fff;}
    .aside ul li .fix_box {border: none;border-top: 1px solid #bebebe;border-right: 1px solid #bebebe;background: rgba(0,0,0,.8);}
    .aside ul li:nth-of-type(1) .fix_box{border-left:1px solid #bebebe ;}
    .aside ul {top: 100%;right: 0;transform: translateY(-100%);width: 100%;display: flex;align-items: center;justify-content: center;}
    .product-warp{ padding-top: 80px;}
    .news{ padding: 20px;}
    .header-pic-02{margin-top: 80px;height: 600px;}
    .header-pic-02 .txt h1{font-size: 36px;}
    .header-pic-02 .txt h2{ font-size: 20px;}
    
    .index-content .box3 .gallery-top .swiper-slide .txt{ padding-left: 40px;}
    .top-h{padding: 0 20px;display: flex;}
    /* .top-h .logo{
        position: unset;
        transform: unset;
    } */
    .nav-menu{ display: block; position: relative; width: 30px; height: 30px; cursor: pointer;}
     .meun-btn{position: relative;width: 30px;height: 30px;right: 10px;}
     .meun-btn span { position: absolute; top: 50%; left: 0px; display: block; width: 30px; height: 2px; margin-top: -1px; background: #000; transition: .2s ease;}
    .meun-btn span:before {content: '';position: absolute;top: -8px;left: 0px;width: 30px;height: 2px;border-radius: 3px;background: #000;transition: transform .2s ease, top .2s ease;}
    .meun-btn span:after { position: absolute; top: 8px; left: 0px; width: 30px; height: 2px; content: ''; border-radius: 3px; background: #000; transition: transform .2s ease, top .2s ease;}
    .mobile-nav-box {display: block;position: fixed;top: 0px;left: 0px;z-index: 13;width: 320px;height: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.4);transform: translateX(-100%);transform-origin: 0% 0%;transition: .4s ease;}
    .mobile-meun-nav { position: absolute; top: 56px; bottom: 0px; width: 100%;}                   
    .mobile-meun-nav {overflow-y: scroll;}
    .mobile-nav-box-show {transform: perspective(450px) rotateY(0deg);}
    .search-btn {box-sizing: border-box;padding: 0px 20px;margin: 0px;background: #333;line-height: 56px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;}
    .search-btn i {
     margin-left: 10px;
     }                   
     .fa-search:before {
     content: "\f002";
     }
     
     
     .mobile-meun-nav ul li {
     border-bottom: 1px solid #f2f2f2;
     }
     .mobile-meun-nav ul li:first-of-type a{
        display: block;
    }
     .mobile-meun-nav ul li .tit {
     position: relative;
     display: block;
     height: 56px;
     line-height: 56px;
     overflow: hidden;
     padding: 0px 20px 0px 40px;
     margin: 0px;
     font-size: 16px;
     color: #505050;
     font-weight: normal;
     letter-spacing: 1px;
     cursor: pointer;
     transition: .3s;
     }
     .meun-nav ul li .tit.chose, .mobile-meun-nav ul li .tit.active {
     color: #1b1b1b;
     }
     
     .mobile-meun-nav ul li .tit, .mobile-second-nav dd a {
     height: 50px;
     line-height: 50px;
     }
     .mobile-meun-nav ul li .tit.chose:before, .mobile-meun-nav ul li .tit.active:before {
     border: none;
     background: #182886;
     }
     
     .mobile-meun-nav ul li .tit:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 15px;
     width: 10px;
     height: 10px;
     margin-top: -5px;
     border: 1px solid #505050;
     border-radius: 50%;
     transition: .3s;
     }
     .mobile-meun-nav ul li .tit i {
     float: right;
     margin-top: 18px;
     font-size: 18px;
     }
     .fa-angle-up:before {
     content: "\f106";
     }
     .mobile-second-nav {
     display: none;
     margin-bottom: 0px;
     }
     .mobile-second-nav dd {
     border-top: 1px solid #f2f2f2;
     }
     .mobile-meun-nav ul li .tit, .mobile-second-nav dd a {
     height: 50px;
     line-height: 50px;
     }
     .mobile-second-nav dd a {
     display: block;
     height: 56px;
     line-height: 56px;
     overflow: hidden;
     padding: 0px 10px 0px 45px;
     font-size: 16px;
     color: #505050;
     letter-spacing: 1px;
     cursor: pointer;
     }
   
     
     .search-box{
     position: fixed;
     top: 0px;
     left: 0px;
     z-index: 101;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.9);
     pointer-events: none;
     opacity: 0;
     transition: .4s;
     display: block;
     }
     .search-box .close {
     position: absolute;
     top: 30px;
     right: 30px;
     display: block;
     width: 30px;
     height: 30px;
     background:url("../image/close.png")  no-repeat center center;
     background-size: 20px;
     opacity: 1;
     }
     
     .close {
     float: right;
     font-size: 21px;
     font-weight: 700;
     line-height: 1;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     filter: alpha(opacity=20);
     opacity: .2;
     }
     .search-box form {
     position: absolute;
     top: 50%;
     left: 2.6%;
     right: 2.6%;
     height: 40px;
     margin-top: -62px;
     border-bottom: 1px solid #515151;
     }
     .search-box form input {
     box-sizing: border-box;
     width: 100%;
     height: 40px;
     overflow: hidden;
     padding-left: 30px;
     padding-right: 50px;
     border: none;
     outline: none;
     background: url() no-repeat left;
     line-height: 40px;
     font-size: 20px;
     color: #fff;
     text-align: center;
     text-overflow: ellipsis;
     white-space: nowrap;
     }
     .search-box form button {
     position: absolute;
     top: 0px;
     right: 0px;
     width: 50px;
     height: 100%;
     border: none;
     background: transparent;
     line-height: 40px;
     font-size: 18px;
     color: #777;
     text-align: center;
     cursor: pointer;
     transition: .3s;
     }
     
     .search-box-show {
         pointer-events: auto;
         opacity: 1;
     }
     .meun-btn-open span {
         width: 0px;
     }
     .meun-btn span:before {
         content: '';
         position: absolute;
         top: -8px;
         left: 0px;
         width: 30px;
         height: 2px;
         border-radius: 3px;
         background: #000;
         transition: transform .2s ease, top .2s ease;
     }
     .meun-btn-open span:before {
         top: 0px;
         transform: rotate(45deg);
     }
     .meun-btn span:after {
         position: absolute;
         top: 8px;
         left: 0px;
         width: 30px;
         height: 2px;
         content: '';
         border-radius: 3px;
         background: #000;
         transition: transform .2s ease, top .2s ease;
     }
     .meun-btn-open span:after {
         top: 0px;
         transform: rotate(-45deg);
     }
     .mobile-nav-box-show {
         transform:translateX(0);
     }




    .product-list{
        padding: 40px  20px 0 20px;
    }
   
    .product-view .para .tit{
        border-right:none;
    }
    .product-view .para .para-list{
        border-left:1px solid #e4e4e4;
    }
    
   
    .index-content .box1 .txt{
        padding-left: 0;
    }
    .top-h>nav>ul{
        display: none;
    }
    .top-h{
        height: 80px;
    }
    .banner{
        margin-top: 80px;
    }
    .index-content .box1 .txt>h1,
    .lolands .box1 .txt>h2{
        padding-bottom: 30px;
    }
    .index-content .box1 .txt>p,
    .lolands .box1 .txt>p{
        margin-bottom: 30px;
    }

  

    
    .index-content .box2 .gallery-top .swiper-slide{
        padding-bottom: 700px;
    }
    .trrow{
        display: none;
    }
    .index-content .box4 .core5 ul{
        flex-wrap: wrap
    }
    .index-content .box4 .core5 li{
        width: 50%;
        margin-right:0;
    }
    .index-content .box4 .core5 li:last-of-type{
        width: 100%;
    }
    .index-content .box4{
        padding:8% 4%;
    }
    footer .footer-f{
        display: none;
    }
    footer .footer-h ul{
        display: none;
    }
    .footer-h>img{
        margin-bottom: 0;
    }
 
    .index-content .box3 .gallery-top{
        height: 500px;
    }
    .keywords .max-w-12{
        
        padding: 20px;
    }
  
    .lolands .box2 .max-w-14 ul li{
        width: 32%;
        padding: 30px 10px 10px 10px;
    }
    .lolands .box2 .max-w-14 li span{
        height: 40px;
    }
    .lolands .box2 .max-w-14 li p{
        font-size: 14px;
    }
    .lolands .box2 .max-w-14 li h3{
        font-size: 18px;
    }
    .lolands .box2 .max-w-14 li h3::before{
        transform: translateX(-90px);
    }
    .lolands .box2 .max-w-14 li h3::after{
        transform: translateX(90px);
    }
    .lolands .box2 .max-w-14 li h3::before, .lolands .box2 .max-w-14 li h3::after{
        width: 40px;
    }
    .lolands .box2{
        margin-bottom: 40px;
    }
    .lolands .box2 .max-w-14{
        padding: 20px;
    }
    .lolands .box4 .development2 .swiper-slide{
        padding: 0 20px;
        background: #fff;
    }
    .lolands .box4 .development2 .txt{
        background: #f8f8f8;
    }
    .lolands-system{
        margin-top: 0;
    }
    .lolands-system .box1 .pic{ padding-bottom: 75%;}
    .lolands-system .box1{padding: 40px 20px;padding-bottom: 0;margin-bottom: 0;}
    .lolands-system .box2 .max-w-12{
        padding:0 40px;
    }
    .lolands-system .box2 .max-w-12 p{
        text-align: justify;
    }
    .lolands-system .box2{
        margin-bottom:60px;
    }
    .lolands-system .box3 .performance li img{
        width: 90px;
        height: 90px;
    }
    .lolands-system .box4{
        padding: 8% 20px;
    }
    .lolands-system .box4 .txt p{
        height: 88px;
        text-align: justify;
    }
    .lolands-system .box4 li{
        width: 32%;
    }
    .lolands-system .box5{
        padding: 8% 20px;
    }
    .lolands-system .box6{
        padding: 8% 20px;
        padding-bottom: 0;
    }
    .lolands-system .box7 .max-w-12{
        display: block;
    }
    .lolands-system .box7 .join-lolands{
        width: 100%;
        padding: 8% 10px;
    }
    .lolands-system .box7{
        background: #fff;
        padding-top: 0;
    }
    .lolands-system .box7 .latest-news{
        width: 100%;
        padding: 4% 20px;
    }
    .lolands-system .box7 .latest-news ul{
        margin-bottom: 40px;
    }
    .brand-advantage{
        margin-top: 0;
    }
    .brand-advantage .box1{
        padding: 8% 20px;
    }
    .brand-advantage .box2{
        padding: 8% 0;
    }
    .brand-advantage .box3{
        padding: 8% 20px;
    }
    .brand-advantage .box3 .join-lolands .form-btn{
        flex-wrap: wrap-reverse;
     }
     .brand-advantage .box3 .join-lolands .form-btn p{
         width: 100%;
         margin-bottom: 20px;
     }
     .brand-advantage .box4{
         padding:8% 20px;
     }
     .brand-advantage .box4 .txt{
         padding: 20px 10px;
     }
     .brand-advantage .box4 .txt p{
        height: 44px;
    }
    .brand-advantage .box5{
        padding: 8% 0 8% 0;
     
    }
   
    .brand-advantage .box6{
        padding: 8% 10px;
    }
    .brand-advantage .box8{
        padding: 8% 20px;
    }
    .brand-advantage .box8 .txt{
        padding-left: 60px;
    }
    .brand-advantage .box9 .support .swiper-slide{
        padding: 0 20px;
    }
    .brand-advantage .box13 ul{
        flex-wrap: wrap;
        justify-content: start;
    }
    .brand-advantage .box13 ul li{
        width:25% ;
        margin-bottom: 30px;
    }   
    .brand-advantage .box13 li .pic{
        margin-bottom: 8px;
    } 
    .brand-advantage .box13{
        padding: 8% 20px;
    }
    .brand-advantage .box13 li a {

        padding-bottom: 25px;
    }
    .product-banner{
        margin-top: 80px;
    }
    .product-view .box1{
        padding: 60px 20px;
    }
    .product-view .box2{
        padding-top:0;
        background-size:100% 400px;
        padding: 20px;
     }
     
     .product-view .para .para-content{
         padding:20px 0;
         align-items: center;
     }
   
     .product-view .performance{
         padding: 40px 0;
     }
     .product-view .performance li img{
        width: 80px;
        margin-bottom: 20px;
     }
     .product-view .performance h5{
         line-height: 1.5;
         margin-bottom: 10px;
     }
     .product-view .para .tit{
         padding-top: 10px;
     }
     .product-view .para .tit img{
        width: 30%;
        margin-bottom: 10px;
     }
     .product-view .para .tit h3{
        font-size: 20px;
       
     }
     .product-view .para .tit h4 {
        font-size: 18px;
       
     }
   
    
    .product-type .tit span{
        display: none;
    }
    .product-type .tit{
        padding: 0;
        height: auto;
        background: #fff;
        border: none;
    }
    .product-type .tit ul{
        width: 100%;
        flex-wrap: wrap;
    }
    .product-type .tit li a{
        line-height: 46px;
        display: block;
        padding: 0;
        font-size: 14px;
        background: #f7f7f7;
        height: 46px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    
        border-bottom: 1px #cecece solid ;
    }
   
    .product-type .tit li{
        width:100%;
        background: #f7f7f7;
        padding: 0 10px;
    }
    .index-content .box1 .max-w-14{
        padding: 40px 20px;
    }
    .index-content .box1 .txt .more{
        margin-bottom: 30px;
    }
    .index-content .box1 .num,
    .lolands .box1 .num{
        padding-top: 0;
    
    }
    .index-content .box1 .txt .more a{
        width: 170px;
    }
    .index-content .box1 .pic,
    .lolands .box1 .pic{
        width: 38%;
    }
    .index-content .box1 .txt,
    .lolands .box1 .txt{
        width: 62%;
        flex: unset;
        padding-left: 30px;
    }
    .index-content .box1 .pic img,
    .lolands .box1 .pic img{
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        top:0;
    }
    .product-type .tit .more{
        display: none;
    }
    .product-type .all-deatail{
        border-top: 1px solid #d3d3d3;
    }
    .product-type .type-detail{
       
        padding: 20px 20px 0 20px;
        align-items:flex-start;
        height: auto;
    }
    .product-type .type-detail ul{
        flex-wrap: wrap;
        flex: 1;
    }
    .product-type .type-detail b{
        margin-right: 0;
        width: 80px;
    }
    .product-type .type-detail li {
        margin-right: 20px;
      
        margin-bottom: 16px;
    }
    .design_left, .design_left2 {
        max-width: 670px;
        width: 100%;
        padding: 80px 40px;
    }
    .swiper-pagination-pro{
        z-index: 9;
    }

}

@media screen and (max-width: 767px){
    .product-list>ul li{width: 48%;margin-right: 4%;}
    .product-list>ul li:nth-of-type(2n+2){margin-right: 0;}
    .recruit{margin-bottom: 20px;}
    .join li .words1>div{float: none; width: 100%; padding-left: 0px !important; border: none !important;}
	.join li .words1 div:nth-of-type(1){margin-bottom: 15px;}
	.join dd:nth-of-type(5), .join dd:nth-of-type(3){display: none} 
	.join dd{width: 33%; font-size: 14px;}
    .join li .more{margin-left: auto; margin-right: auto}
    .join li .words .bdsharebuttonboxpro{float: left;}
    .brand-advantage .box1>p{padding: 0 10px;}
    .pc_pro li:nth-of-type(3n+3) {margin-right: auto !important;}
    .pc_pro li{width: 100% !important;margin-right: 0% !important;}
    .pc_pro li:nth-of-type(2n+2){margin-right: 0 !important}
    .brand-advantage .box2 .txt .public-tit{padding-bottom: 20px;}
    .lolands-system .box1 .public-tit{margin-bottom: 30px;}
    .lolands-system .box1 .txt2 img{width: 180px;margin-bottom: 20px;}
    .lolands-system .box1 .txt2{margin: 30px 0;}
    .lolands-system .box1 .txt1 p{font-size: 14px;line-height: 1.8;}
    .lolands .box5 .video-box img{opacity: 0.5;}
    .lolands .box5 .video-box::before{width: 36px; height: 36px;background-size: 36px;opacity: 1;transform: translate(-50%,-50%);}
   
    .brand-advantage .box9 .support{padding-bottom: 30px;margin-bottom: 0;}
    .support-list{display: none;}
    .product-list>ul li{margin-bottom: 20px;}
    .lolands .box4 .development{margin-bottom: 0;}
    .index-content .box3 .gallery-top{padding-bottom: 50px;}
    .index-content .box3 .gallery-top .swiper-pagination-pro{bottom: 30px;}
    .index-content .box3 .gallery-thumbs{display: none;margin-bottom: 30px;}
    .index-content .box2::before{display: none;}
    .type-border{display: none;}
    .lolands-system .box2 .max-w-12{padding: 0 40px;}
    .design_left .content ul li .form_btn, .design_left2 .content ul li .form_btn{height: 40px;}
    .lolands .box1 .txt>h2::before{left: 50%;transform: translateX(-50%);}
    .brand-advantage .box9 .support .swiper-slide h3 b{font-size: 18px !important; }
    .brand-advantage .box9 .support .swiper-slide p:nth-of-type(2){font-size: 14px;}
    .brand-advantage .box9 .support .swiper-slide h3::before, .brand-advantage .box9 .support .swiper-slide h3::after{width: 40px !important;}
    .swiper-pagination-pro{display: block;}
    .product-type{margin-bottom: 20px;}
    .page_nav_bd li dl dt{padding: 2.3%;}
	.page_nav_bd li dl dt span{font-size: 16px;}
    .page_nav_bd li dl dd a{font-size: 16px; padding: 2.3%;}
    .m-pro-menu{
            padding: 40px;
        }
    .m_page_nav  dl dt{padding: 1.6% 10px;}
    .m_page_nav  dl dt span{font-size: 16px;}
    .m_page_nav  dl dt i{font-size: 30px;}
    .m_page_nav  dl dd a{font-size: 16px; padding: 1.6% 0;}
    .footer-h{
        display: none;
    }
    .index-content .box5 .more{
        width: 32px;
        height: 32px;
        background-size: contain;
    }
    .index-content .box3 .gallery-top .swiper-slide img{
       object-fit:cover ;
        width: 100%;
        height: 100%;
    }
    .aside ul li i{
        height: 24px;
    }
    .weixin-code2{
        display: none;
    }
    .index-content .box1 .txt .more a{
        text-align: left;
    }
    .keywords{
        display: block;
    }
    .lolands .box2 .max-w-14 #allmap{
        height: 400px;
    }
    .video-ceng .video_b{
        width: 90%;
        height: 100%;
    }
    .close-video{
        right: 0;
        top: 10px;
    }
    .lolands .box4 .development .swiper-slide{
        font-size: 20px;
    }
    .design_left .content, .design_left2 .content {
        margin-top: 6%;
    }
    .ind_tit h3 {
        font-size: 20px;
    }
    .design_con, .design_con2 {
        width: 90%;
    }
    .design_left, .design_left2 {
        padding: 8% 4%;
    }
    .design_con .will_close, .design_con2 .will_close {
        width: 30px;
        height: 30px;
        background-size: 42%;
    }
    .news-view .txt .tit h2{
        font-size: 18px;
    }
    .news-view{
        padding: 20px;
        margin-top: 0;
    }
    .mobile-nav-box {
        width: 250px;
    }
    .product-view .box2{
        padding: 70px 20px 0 20px;
        background-size:100% 200px;
    }
    .product-view .performance{
        padding: 20px 0 40px 0;
    }
    .product-view .product-details .tit h3{
        font-size: 20px;
    }
    .product-view .para .tit h4{
        font-size: 18px;
    }
    .index-content .box1 .max-w-12,
    .lolands .box1 .max-w-12{
        display: block;
    }
    .index-content .box1 .pic, .lolands .box1 .pic{
        display: none;
        width: 100%;
        margin: 0;
        border: 1px solid #182886;
        padding-bottom: 50%;
        margin-bottom: 20px;
    }
    
    .index-content .box1 .pic01, .lolands .box1 .pic01{
        display: block;
        width: 100%;
        margin: 0;
        border: 1px solid #182886;
        padding-bottom: 50%;
        margin-bottom: 20px;
        position: relative;
    }
    .index-content .box1 .pic01 img, .lolands .box1 .pic01 img{
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        top: 0;
    }
    .index-content .box1 .pic::before,
    .lolands .box1 .pic::before{
        display: none;
    }
    .index-content .box1 .txt>h1::before{
        left: 50%;
        transform: translateX(-50%);
    }
    .index-content .box1 .txt, .lolands .box1 .txt{
        width: 100%;
        padding:0 10px;
        text-align: center;
    }
    .product-view .box1{
        padding: 40px 20px;
    }
    .index-content .box1 .max-w-14,
    .lolands .box1 .max-w-14{
        padding:40px 20px;
    }
    
    .index-content .box1 .txt .more,
    .lolands .box1 .txt .more{
        display: block;
    }
    .index-content .box1 .txt .more a,
    .lolands .box1 .txt .more a{
        margin: 0 auto;
        margin-bottom: 20px;
        width: 180px;
    }
    .index-content .box1 .txt>p,
    .lolands .box1 .txt>p{
        margin-bottom: 30px;
    }
    .index-content .box1 .txt .more h3,
    .lolands .box1 .txt .more h3{
        text-align: center;
    }
    .index-content .box1 .num h3,
    .lolands .box1 .num h3{
        font-size: 32px;
        margin-bottom: 6px;
    }
    .index-content .box1 .num  p,
    .lolands .box1 .num  p{
        font-size: 16px;
    }
    .index-content .box1 .num,
    .lolands .box1 .num{
        padding:0;
        display: block;
        margin-top: 20px;
    }
    .index-content .box1,
    .lolands .box1{
        padding-bottom:0;
    }
    .index-content .box1 .num p br,
    .lolands .box1 .num p br{
        display: none;
    }
    .index-content .box1 .num li,
    .lolands .box1 .num li{
        text-align: center;
        margin-bottom: 14px;
    }

 .product-view .box1{
        padding: 40px 20px;
    }
    .index-content .box1 .max-w-14,
    .lolands .box1 .max-w-14{
        padding:40px 20px;
    }
    
    .index-content .box1 .txt .more,
    .lolands .box1 .txt .more{
        display: block;
    }
    .index-content .box1 .txt .more a,
    .lolands .box1 .txt .more a{
        margin: 0 auto;
        margin-bottom: 20px;
        width: 180px;
    }
    .index-content .box1 .txt>p,
    .lolands .box1 .txt>p{
        margin-bottom: 30px;
    }
    .index-content .box1 .txt .more h3,
    .lolands .box1 .txt .more h3{
        text-align: center;
    }
    .index-content .box1 .num h3,
    .lolands .box1 .num h3{
        font-size: 32px;
        margin-bottom: 6px;
    }
    .index-content .box1 .num  p,
    .lolands .box1 .num  p{
        font-size: 16px;
    }
    .index-content .box1 .num,
    .lolands .box1 .num{
        padding: 0;
        padding-bottom: 0;
        display: block;
    }
    .index-content .box1,
    .lolands .box1{
        padding-bottom:0;
        margin-top: 20px;
    }
    .index-content .box1 .num p br,
    .lolands .box1 .num p br{
        display: none;
    }
    .index-content .box1 .num li,
    .lolands .box1 .num li{
        text-align: center;
        margin-bottom: 14px;
    }

    .index-content .box2 .gallery-top .swiper-slide{
        padding-bottom:500px;
    }
    .index-content .box1 .txt h5,
    .lolands .box1 .txt h1{
        font-size: 20px;
    }
    .index-content .box1 .txt h2,
    .lolands .box1 .txt h2{
        font-size: 20px;
        margin-bottom: 20px;
       
    }
    .index-content .box2 .txt h3:nth-of-type(1){
        margin-bottom: 30px;
        font-size: 18px;
    }
    .index-content .box2 .txt span,
    .index-content .box2 .txt h3{
        font-size: 20px;
    }
    .index-content .box2 .txt span{
        margin-bottom: 4px;
    }
    .index-content .box2 .txt h3:nth-of-type(2){
        margin-bottom: 4px;
    }
    .index-content .box2 .txt h3:nth-of-type(2) b{
        font-size: 18px;
    }
    .index-content .box2 .txt p:nth-of-type(1){
        margin-bottom: 4px;
    }
    .index-content .box2 .txt a{
        width: 180px;
    }
    .index-content .box2 .txt p:nth-of-type(2){
        font-size: 14px;
    }
    .index-content .box3{
        padding: 60px 0 0 0;
    }
    .index-content .box3>h1{
        font-size: 20px;
        margin-bottom: 4px;
    }
    
    .index-content .box3>h2{
        margin-bottom: 60px;
        font-size: 18px;
    }
    .index-content .box2 .txt h4{
        margin-bottom: 60px;
    }
    .index-content .box4 .core5 li h3{
        font-size: 30px;
    }
    .index-content .box4 .tit-en{
        font-size: 20px;
    }
    .index-content .box4 .tit-ch{
        font-size: 16px;
       
    }
    .index-content .box4 .tit-ch{
        margin-bottom: 30px;
    }
    .index-content .box4 .core5 li{padding: 10px;width: 100%;border-bottom: none;}
    .index-content .box4 .core5 li:last-of-type{border-bottom: 1px solid #858585;}
    .index-content .box4 .core5 li h3{margin-bottom: 10px;}
    .index-content .box4 .core5 li .ch{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .index-content .box4 .core5 li .en{
        padding-bottom: 10px;
        font-size: 12px;
    }
    .index-content .box4 .core5 ul{
        margin-bottom: 40px;
    }
    .index-content .box4 .join-now{
        width: 180px;
    }
    .index-content .box5 .tit-ch{
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .index-content .box5 .tit-en{
        font-size: 20px;
    }
    .index-content .box3 .gallery-top .txt h3{
        font-size: 20px;
    }
    .index-content .box3 .gallery-top .type-txt{
        font-size: 18px;
    }
    .index-content .box3 .gallery-top .swiper-slide .txt{
        padding: 30% 20px 0 20px;
    }
    .keywords .max-w-12{
        display: block;
        padding: 10px;
    }
    .keywords .max-w-12 h4{
        margin-bottom:14px;
        /*text-align: center;*/
    }
    .keywords input::placeholder{
        font-size: 14px;
    }
    .keywords form{
      height: 36px;
    }
    .keywords input{
        flex: 1;
    }
    .keywords button{
        width: 24px;
        height: 24px;
        background-size: 12px 12px;
    }
    .keywords form{
        width:100%;
        display: flex;
        justify-content: space-between;
        padding-right: 8px;
        margin: 0 auto;
    }
  
    .public-tit h3{
        font-size: 20px;
        margin-bottom: 6px;
    }
    .public-tit h4{
        font-size: 16px;
    }
    .lolands .box2 .max-w-14{
        padding:20px 20px;
    }
    .map01{
        width: 100%;
        height: 300px;
    }
    .lolands .box2 .max-w-14 ul{
        display: block;
    }
    .lolands .box2 .max-w-14 ul li{
        width: 100%;
        margin-bottom: 10px;
        padding:20px 10px 20px 10px;
    }
   
    .lolands .box2 .max-w-14 li span{
        height: auto;
    }
    .lolands .box2 .max-w-14 li p{
        margin-bottom: 4px;
    }
    .lolands .box2{
        margin-bottom: 30px;
        padding: 8% 10px 0 10px;
        background-size: 100% 200px;
    }
    .lolands .box4 .development2 .txt{
        padding: 20px;
        background: #f8f8f8;
        width: 100%;
    }
    .lolands .box4 .development2 .swiper-slide{
        padding: 10px;
        background: #fff;
    }
  
    .lolands .box4 .development2 .swiper-slide{
        display: block;
    }
    .lolands .box4 .development2 .pic{
        width: 100%;
        padding-bottom: 65%;
    }
    .lolands .box5 .max-w-14{
        padding:6% 20px 0 20px
        ;
    }
    .lolands-system .box1 .txt1 p{text-align: justify;}
    .lolands-system .box1 .txt2 p{font-size: 14px;line-height: 1.5;text-align: center;}
    
    .lolands-system .box1{
        padding: 40px 20px 0 20px;
    }
    .lolands-system .box1 .txt1 h5{
        font-size: 16px;
    }
    .lolands-system .box2 .max-w-12>img{
        width: 60%;
    }
    .lolands-system .box2 .max-w-12 p b{
        font-size: 16px;
        text-align: center;
    }
  
    .lolands-system .box3 .performance h5{
        margin-bottom: 10px;
    }
    .lolands-system .box3 .performance li:nth-of-type(3n+3){
       margin-right: 0;
    }
    .lolands-system .box3 .performance .txt{
        padding-bottom: 20px;
    }
    .lolands-system .box3 .performance .txt b{
        font-size: 20px;
    }
    .lolands-system .box3 h5{
        margin-bottom: 10px;
    }
    .lolands-system .box4 h5{
        font-size: 16px;
    }
    .lolands-system .box4 .txt p{
    font-size: 14px;
    }
    .lolands-system .box4 .txt h2{
        font-size: 30px;
    }
    .lolands-system .box5 li{
        width: 32%;
    }
    .lolands-system .box5 li h3{
        font-size: 30px;
        margin-bottom: 16px;
    }
    .lolands-system .box5 li span{
        font-size: 18px;
    }
    .lolands-system .box5 li span{
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .join-lolands input{
        margin-bottom: 14px;
        height: 38px;
        padding: 0 10px;
    }
    .join-lolands input::placeholder{
        font-size: 14px;
    }
    .join-lolands .position-select select{
        margin-right: 2%;
        width: 49%;
        margin-bottom: 14px;
        height: 38px;
        font-size: 14px;
        padding: 0 10px;
    }
    .join-lolands textarea{
        padding: 10px;
        height: 120px;
    }
    .join-lolands textarea::placeholder{
        font-size: 14px;
    }
    .join-lolands form button{
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
  

    .lolands-system .box7 .latest-news li a{
        padding: 12px 0;
    }
    .lolands-system .box7 .latest-news{
        padding: 4% 20px;
        display: none;
    }
    .lolands-system .box7 .latest-news ul{
        margin-bottom: 20px;
    }
    
    .brand-advantage .box1 .txt p{
        font-size: 14px;
        height: 40px;
    }
    .brand-advantage  .join-lolands .form-btn p{display: none;}
    .brand-advantage  .join-lolands input{margin-right: 0;}
    .brand-advantage .box3 .join-lolands .pt h5 b{
        font-size: 18px;
    }
    .brand-advantage .box3 .join-lolands form input:nth-of-type(3n+3){
        margin-right:auto;
    }
    .brand-advantage .box3 .join-lolands form input {
        width: 100%;
        margin-right: 0;
    }
    .brand-advantage .box3 .join-lolands form input:nth-of-type(2n+2){
        margin-right: 0;
    }
    .brand-advantage .box3 .join-lolands form input[type=email]{width: 100%;}
    .brand-advantage .box3 .join-lolands .position-select{
        width: 100%;
    }
    .brand-advantage .box3 .join-lolands .position-select select{
        width: 49%;
        margin-right: 2%;
    }
    .brand-advantage .box3 .join-lolands{
        padding: 30px 10px;
    }
    .brand-advantage .box3 .join-lolands .pt{
        display: block;
    }
    
    .brand-advantage .box3 .join-lolands .form-btn>div{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .brand-advantage .box4 .txt p{
        font-size: 14px;
        height: 40px;
    }
    .brand-advantage .box8{
        display: block;
    }
    .brand-advantage .box8 .pic{
        width: 100%;
        padding-bottom: 60%;
    }
    .brand-advantage .box8 .pic img{
        left: 0;
        top: 0;
        width: 100%;
        height:100%;
    }
    .brand-advantage .box8 .txt{
        padding: 20px 0 0 0;
    }
    .brand-advantage .box8 .txt .public-tit h4{
        margin-bottom: 0;
    }
    .brand-advantage .box13 ul{
        flex-wrap: wrap;
        justify-content: start;
    }
    .brand-advantage .box13 ul li{
        width:33.3%;
        margin-bottom: 20px;
    }   
    .brand-advantage .box13 li img{
        height: 40px;
    }
    .brand-advantage .box13  li p br{
        display: inline-block;
    }
    .product-banner{
        height: 500px;
     }
     .product-view .box1>img{
        margin-bottom: 20px;
     }
     .product-view .box1 h3{
         font-size: 20px;
     }
     .product-view .box1 h4 {
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 24px;
     }
     .product-view .box1 h5{
         font-size: 16px;
     }
     .product-view .box1 p{
         font-size: 14px;
     }
    
     .product-view .product-details .tit h4{
         font-size: 18px;
     }
     .product-view .performance li img{
         margin-bottom: 10px;
         width: 60px;
     }
   
     .product-view .performance .txt b {
        font-size: 20px;
        margin-bottom: 4px;
    }
     .product-view .performance h5{
         font-size:16px ;
     }
     .product-view .performance .txt{
         padding-bottom: 10px;
     }
     .header-pic{
        height:400px;
        margin-top: 80px;
    }
      .top-h .logo{
      left: 10px;
      width: 123px;
    }
    .m_banner{
        display: block;
        margin-top: 80px;
        height: 92vh;
    }
    .m_banner .swiper-slide{
        height: 100%;
    }
    .m_banner .swiper-container{
        height: 100%;
    }
    .m_banner .swiper-wrapper{
        height: 100%;
    }
    .banner{
        display: none;
    }
    .m_banner .swiper-slide{
        height: 100%;
    }
    .m_banner .swiper-slide img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .brand-advantage .box2 .pic{
        padding-bottom: 50%;
    }
   
    .brand-advantage .box7 .join-lolands .form-btn {text-align: center;width: 100%;display: flex;justify-content: space-between;margin: 0;}
    .brand-advantage .box7 .join-lolands .form-btn button{width: 48%;margin: 0;}
    .brand-advantage .box3 .join-lolands .form-btn  div{text-align: center;width: 100%;display: flex;justify-content: space-between;margin: 0;}
    .brand-advantage .box3 .join-lolands .form-btn div button{width: 48%;margin: 0;}
}
@media screen and (max-width: 600px){
    footer{
        margin-bottom: 60px;
    }
    .lolands .box3 .honor .swiper-slide a .pic{
        width: 90%;
    }
    .lolands .box2{
        margin-bottom: 0;
    }
    .aside ul li{
        height: 60px;
    }
    .brand-advantage .box5{
     background-size:100% 200px;
    }
    .brand-advantage .box5 .max-w-14 p{
        margin-bottom: 20px;
    }
    .brand-advantage .box5 .txt img{
        margin-bottom: 10px;
    }
    .brand-advantage .box12 .pic{
        padding-bottom: 60%;
    }
    .lolands-system .box7{
        padding: 10px;
    }
    .product-view .para .para-content{
        padding: 0 20px;
    }
    .brand-advantage .box3 .join-lolands .form-btn{
        padding-bottom: 10px;
    }
    .brand-advantage .box2 .txt{
        margin-bottom: 20px;
    }
    .content02{
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .brand-advantage{
       padding: 0 ;
    }
    .pro_hid, .m_pro {
        display: block !important;
    }
    .index-content .box1 .txt .more{
        margin-bottom: 0;
    }
    .index-content .box1 .txt .more{
        padding-bottom: 6%;
    }
    .m_news{
        display: block !important;
    }
    .loading_bnt{
        display: block;
    }
    
  
    .fenye{
        margin: 0 0 30px 0;
    }
    
    .news>ul li {
        width: 100%;
        margin-right:0;
    }
    .header-pic-02 .txt h5{
        letter-spacing: 5px;
    }
   
    .product-list>ul li .pic {
        padding-bottom: 120%;
        margin-bottom: 20px;
    }
    
    .m_pro{
        display: flex !important;
    }
    .product-list>ul li .txt h4{
        font-size: 14px;
    }
    .product-view .para .para-content{
        display: block;
    }
  
    .product-view .para .tit{
        width: auto;
        margin: 0 auto;
        margin-bottom: 26px;
    }
    .product-view .para .para-list{
        width: 100%;
        padding:0;
        border-left: none;
        margin-bottom: 10px;
    }
    .product-view .para .tit img{
        width: 400px;
    }
 
    .product-view .para .para-list li{
        font-size: 14px;
    }
    .product-view .para .para-list li b{
        font-size: 14px;
    }
  
    .lolands-system .box1 .pic{
        width: 100%;
    }
    .lolands-system .box1 .txt1{padding: 0;width: 100%;}
  
    .lolands-system .box1 .txt1, .lolands-system .box1 .txt2{width: 100%;margin-bottom: 20px;}
    .lolands-system .box4 .max-w-12{display: block;}
    .lolands-system .box4 li{ width: 100%; margin-bottom: 20px;}
    .lolands-system .box4 .pic{padding-bottom: 60%;}
    .lolands-system .box4 .txt{ padding: 20px;}
    .lolands-system .box4 .txt p{height: auto;}
    .brand-advantage .box1 ul{justify-content: space-between;}
    .brand-advantage .box1 li{width:32%; }
    /* .brand-advantage .box1 li:nth-of-type(1){width: 48%;margin-right: 4%;}
    .brand-advantage .box1 li .pic{ padding-bottom: 100%;}
    .brand-advantage .box1 li:nth-of-type(2){ width: 48%;} */
    .brand-advantage .box1 .pic { padding-bottom: 60%;display: none;}
    .brand-advantage .box1 .txt{padding: 10px 6px;}
    .brand-advantage .box1 .txt h5{font-size: 16px;margin-bottom: 6px;}
    .brand-advantage .box2{display: block;}
    .brand-advantage .box2 .pic{ width: 100%; padding-bottom: 60%; margin-bottom: 10px;}
    .brand-advantage .box2 .txt{width: 100%;}
    .brand-advantage .box2 .txt p{font-size: 14px;}
    .brand-advantage .box4 ul{flex-wrap: wrap;}
    .brand-advantage .box4 li{width: 100%;margin-bottom: 20px;}
    .brand-advantage .box4 li:nth-of-type(1){ width: 48%; margin-right: 4%;}
    .brand-advantage .box4 li:nth-of-type(1) .pic,
    .brand-advantage .box4 li:nth-of-type(2) .pic{ padding-bottom: 100%;}
    .brand-advantage .box4 li:nth-of-type(2){ width: 48%;}
    .brand-advantage .box4 .pic { padding-bottom: 60%;}
    .brand-advantage .box4 .txt {padding: 10px 4px;}
    .brand-advantage .box4 .txt p { height:auto;}
    .brand-advantage .box4{padding: 8% 10px;}
    .brand-advantage .box9 .support .swiper-button-next,
    .brand-advantage .box9 .support .swiper-button-prev{display: none;}
    .network-box{padding: 0 10px;}
    .header-pic-02 .txt p b {font-size: 20px;}
    .header-pic-02 .txt h3 { font-size: 18px; background-size: 360px;}
    .header-pic-02 .txt h2::before {left: -30px;}
    .header-pic-02 .txt h2::before, .header-pic-02 .txt h2::after{width: 30px;}
    .header-pic-02 .txt h1 i{font-size: 24px;}
    .header-pic-02 .txt h1{font-size: 24px;}
    .header-pic-02 .txt h2{font-size: 18px;}
    .header-pic-02 .txt h2::after {right: -30px;}
    .product-type .type-detail{padding: 20px 10px 0 10px;}
    .ind_tit h3 {font-size: 20px;}
}
@media screen and (max-width: 414px){
   .brand-advantage .join-lolands textarea{height: 38px;}
    .m-pro-menu{
        padding: 10px;
    }
.page_nav_bd li dl dt{padding: 2.8%;}
.page_nav_bd li dl dt span{font-size: 14px;}
.page_nav_bd li dl dd a{font-size: 14px; padding: 2.8%;}
    .m_page_nav  dl dt{padding: 2.2% 10px;}
    .m_page_nav  dl dt span{font-size: 14px;}
    .m_page_nav  dl dt i{font-size: 24px;}
    .m_page_nav  dl dd a{font-size: 14px; padding: 2.2% 0;}
    .index-content .box5 .txt p{font-size: 14px;}
    .product-type .tit li{width: 100%;}
    .product-type{margin: 0;}

    .index-content .box5 .txt{width: 100%;padding: 10px;border: 1px solid #ededed;}
    .index-content .box5 .txt h3{margin-bottom: 10px;}
    .index-content .box5 .more{display: none;}
    .index-content .box1 .num h3, .lolands .box1 .num h3{font-size: 24px;}
    .index-content .box5 .txt{transform: translateY(0);}
    .index-content .box3{margin-bottom: 20px;}
    .index-content .box3 .gallery-top .type-txt{font-size: 16px;}
    .index-content .box3 .gallery-thumbs li .pic{background-size: 52px !important;margin-bottom: 4px;}
    .index-content .box3 .gallery-thumbs{transform: translateY(0);}
    .index-content .box2::before{bottom: 70px;}
    
    .product-banner{margin-top: 60px;}
    .brand-advantage .box3 .join-lolands{ padding-bottom: 0;}
    .join-lolands textarea{margin-bottom: 10px;}
    .brand-advantage .box4{padding-bottom: 0;}
    .lolands .box5 .video-box{padding-bottom: 65%;}
    /* .lolands .box5 .max-w-14{
        
        padding:6% 10px 0 10px;
    } */
    .lolands .box5 .video-box{margin-bottom: 10px;}
    .lolands .box5{background-size: 100% 250px;padding: 8% 10px;}
    .lolands .box5 .video-swiper .swiper-slide>p{font-size: 16px;}
    .lolands .box5 .max-w-14 .prev-v,
    .lolands .box5 .max-w-14 .next-v{display: none;}
    .lolands .box2 .max-w-14{padding-top: 0;}
    .lolands .box2 .max-w-14 #allmap{height: 250px;margin-bottom: 20px;}
    .lolands .box4 .development .swiper-slide{font-size: 18px;}
    .ind_tit .ind_tit_ico {width: 18px;height: 18px;}
    .ind_tit h4 {margin-top: 10px;font-size: 12px;
    }
    .ind_tit figure {max-width: 180px;
    }
    .ind_tit h3 {
        font-size: 18px;
    }
    .lolands .box3 .honor .swiper-slide a .pic{
        height: 170px;
    }
    .lolands .box3 .honor .swiper-slide p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }
   
    .news-view .txt .tit h2{
        text-align: center;
    }
    .news-view .txt .tit p{
        text-align: center;
    }
    .news-view .txt .page-new .back-btn::before{
        width: 50px;
        left:0;
    }
    .news-view .txt .page-new .back-btn{
        width: 100%;
        margin: 0 auto;
        padding-left: 50px;
    }
    .new-content span{
        font-size: 14px !important;
    }
    .news-view .txt .page-new a{
        font-size: 14px;
    }
    .news-view .txt{
        padding:30px 10px;
    }
    .news-view .txt .tit p{
        font-size: 14px;
    }
    .news-view{
        padding: 10px;
    }
    .product-warp{
        padding-top: 60px;
    }
    .news{
        padding: 20px 10px;
    }
   
    .product-type .type-detail b{
        font-size: 14px;
    }
    .product-type .type-detail a {
        font-size: 14px;
    }
    .header-pic-02 .txt p{
        font-size: 16px;
    }
    .header-pic-02 .txt p b {
        font-size: 18px;
    }
    .header-pic-02 .txt h5{
        letter-spacing: 2px;
    }
    .header-pic-02 .txt h3 {
        font-size: 16px;
        background-size: 280px;
    }
    
    .header-pic-02 .txt h1 i{
        margin: 0 18px;
        font-size: 20px;
    }
    .header-pic-02{
        margin-top: 60px;
        height: 400px;
    }
    .header-pic-02 .txt h1{
        font-size: 20px;
    }
    .header-pic-02 .txt h2{
        font-size: 16px;
    }
    .m_banner{
        margin-top: 60px;
    }
    .m_banner .swiper-slide{
        height: 100%;
    }
    .top-h{
        height: 60px;
    }
    .header-pic{
        margin-top: 60px;
    }
    .product-list{
        padding:  0 10px;
    }
    .product-view .box1{
        padding: 30px 20px;
    }
    .product-banner{
       height: 400px;
    }
    .index-content .box1 .txt>h1,
    .lolands .box1 .txt>h2{
        padding-bottom: 20px;
        font-size: 18px;
    }
    .index-content .box1 .max-w-14,
    .lolands .box1 .max-w-14{
        padding:10px;
    }
    .index-content .box1 .txt h5,
    .lolands .box1 .txt h1{
        font-size: 20px;
    }
   
    .index-content .box1 .txt>h3,
    .lolands .box1 .txt>h3{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .index-content .box1 .txt>p,
     .lolands .box1 .txt>p{
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 20px;
    }


  


    .index-content .box3{
        padding: 40px 0 0 0;
        margin-bottom: 0;
    }
    .index-content .box3>h2{
        margin-bottom: 30px;
    }
    .index-content .box2 .gallery-top .swiper-slide{
        padding-bottom: 350px;
    }
    .index-content .box2 .gallery-top .swiper-pagination-bullet{
        background: #fff;
        opacity: 1;
    }
    .index-content .box2 .gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active{
        background: #182886;
    }
    .index-content .box2 .txt h4{
        margin-bottom: 30px;
    }
    .index-content .box2 .type ul p,
    .brand-advantage .box9 .support-list ul p{
        font-size: 12px;
        margin-top: 6px;
    }
    
    .index-content .box2 .type li,
    .brand-advantage .box9 .support-list li{
        padding: 10px 2px;
    }
    .index-content .box3 .gallery-top .txt p:nth-of-type(1){
        font-size: 16px;
    }
    .index-content .box3 .gallery-top{
        height: 320px;
    }
    .index-content .box3 .gallery-thumbs li{
        padding:0;
    }
    .index-content .box3 .gallery-thumbs li.swiper-slide-thumb-active h4{
        top: 0;
        height: 80px;
        display: flex;
        align-items: center;
    }
    .index-content .box3 .gallery-thumbs h4{
        top:30px
    }
    .index-content .box5 .pic{
        padding-bottom: 70%;
    }
    .index-content .box5 .txt{
        padding: 20px;
    }
    .index-content .box2 .gallery-thumbs,
    .brand-advantage .box9 .support-list{
        height: 72px;   
    }
  
   
    .lolands .box2 .max-w-14{
        padding:0 10px 10px 10px;
    }
    .lolands .box2 .max-w-14 li h3{
        margin-bottom:10px ;
    }
    .lolands .box4 .datetime{
        padding: 0 40px;
    }
    .lolands .box4 .development2 .txt{
        padding: 20px 10px;
    }
    .lolands .box4 .development2 .txt h3 span{
        font-size: 20px;
    }
    .lolands .box4 .development2 .txt h3{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .lolands .box4 .development2 .txt p{
        font-size: 14px;
    }
    .footer-h>img{
        width: 160px;
        height: auto;
    }
    footer .footer-m p{
        font-size: 14px;
        margin-bottom: 4px;
        text-align: left;
    }
    footer .footer-m{
        padding: 3% 10px;
    }
    .lolands-system .box2 .max-w-12{
        padding:0 10px;
    }
    .lolands-system .box2 .max-w-12 p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .lolands-system .box2{
        margin-bottom:30px;
        padding: 8% 20px 0 20px;
        background-size: 100% 200px;
    }
    .lolands-system .box3 .performance li img{
        width: 80px;
        height: 80px;
        margin-bottom: 10px
    }
    .lolands-system .box4{
      padding: 8% 10px;
    }
    .lolands-system .box3 p{
        padding: 0 10px;
    }
    .lolands-system .box5{
        padding: 8% 10px;
    }
    .lolands-system .box5 li h3{
        font-size: 24px;
    }
    .lolands-system .box5 li span {
       
        font-size: 16px;
    }
    .lolands-system .box6 h5{
        font-size: 16px;
    }
    .lolands-system .box6 p{
        font-size: 14px;
    }
    .lolands-system .box6{
        padding: 8% 10px;
        padding-bottom: 0;
    }
    .lolands-system .box6 .max-w-12{
        height: 200px;
    }
    .lolands-system .box6 .max-w-12>img{
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    .lolands-system .box6 p{
        margin-bottom: 20px;
    }
    .lolands-system .box7 .join-lolands{
        padding: 4% 10px 0 10px;
    }
    .lolands-system .box7 .latest-news{
        padding: 4% 10px;
    }
    .lolands-system .box7 .latest-news li a{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        white-space: nowrap;
    }
    .lolands-system .box7 .latest-news li a span{
        margin-right: 10px;
    }
    
    .brand-advantage .box1 .public-tit h4{
        margin-bottom: 20px;
    }
    .brand-advantage .box1>p{
        font-size: 14px;
    }
    .brand-advantage .box1 {
        padding: 8% 10px;
    }
    .brand-advantage .box2{
        padding: 8% 10px;
    }
    .brand-advantage .box3{
        padding: 8% 10px;
    }
    .brand-advantage .box5 .max-ws-14>img{
        width: 80%;
        height: auto;
    }
    .brand-advantage .box5{
        padding:8%  10px 8% 10px;
    }
    .brand-advantage .box5 .max-w-14 h5{
        font-size: 14px;
    }
    .brand-advantage .box5 .max-w-14 p{
        font-size: 14px;
    }
    .brand-advantage .box5 .showroom p{
        font-size: 14px;
    }
    .brand-advantage .box6{
        padding: 8% 10px;
    }
    .brand-advantage .box6>p{
        font-size: 14px;
        line-height: 1.5;
        text-align: justify;
    }
    .brand-advantage .box8{
        padding: 8% 10px;
    }
    .brand-advantage .box8 .txt>p{
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .brand-advantage .box9 .support .swiper-slide{
        padding: 0 40px;
    }
  
    .brand-advantage .box13 li .pic{
        height: 46px;
    }
    .brand-advantage .box13 {
        padding: 8% 10px;
    }
    .brand-advantage .box13 li h5{
        font-size: 14px;
    }
    .brand-advantage .box13 li p{
        font-size: 12px;
        line-height: 1.2;
    }
    .banner {
        margin-top: 60px;
    }
}
@media screen and (max-width: 350px){
    .pc_pro li:nth-of-type(2n+2) {margin-right:0 !important;}
    .pc_pro li{width: 100% !important;margin-right: 0 !important;}
    
}