@charset "utf-8";
/* CSS Document */
/*all*/

/* =============== 全局断点设置 =============== */
@media screen and (max-width: 1700px) {
    /* 布局调整 */
    .warp {
        padding: 0 100px;
    }
    
    /* 横幅区域 */
    
    
    
}

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

    :root {
        --pad-width:100px;
        --ipx-height:840px;
        --font-size-xs: 1.4rem; /* 超小字体 */
        --font-size-sm: 1.6rem; /* 小字体 */
        --font-size-md: 1.8rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2.2rem; /* 大字体 */
        --font-size-lx: 2.8rem; /* 大字体 */
        --font-size-x: 3.4rem; /* 超大字体 */
        --font-size-xx: 3.8rem; /* 超大字体 */
        --font-size-xl: 4.6rem; /* 超大字体 */
        --font-size-xxl: 6rem; /* 特大字体 */
        --font-size-xxxl: 6.6rem; /* 特大字体 */ 

    }


    .warp {
        padding: 0 80px;
    }

    
}

@media screen and (max-width: 1500px) {
    /* 布局调整 */
    .warp{
        padding: 0 60px;
    } 
    
}
@media screen and (max-width: 1400px) {
    
    :root {
        --pad-width:80px;
        --ipx-height:800px;
        --font-size-md: 1.6rem; /* 中等字体 */
        --font-size-ld: 2rem; /* 中等字体 */
        --font-size-lg: 2.2rem; /* 大字体 */
        --font-size-lx: 2.6rem; /* 大字体 */
        --font-size-x: 3.2rem; /* 超大字体 */
        --font-size-xx: 3.6rem; /* 超大字体 */
        --font-size-xl: 4.4rem; /* 超大字体 */
        --font-size-xxxl: 6.4rem; /* 特大字体 */ 

    }

    .warp{
        padding: 0 50px;
    }

    .header nav a {
        margin: 0px 15px;
    }

}

@media screen and (max-width: 1200px) {
    .warp,
    .warp2 {
        padding: 0 40px;
    }
    :root {
        
        --ipx-height:760px;
        --font-size-ld: 1.8rem; /* 中等字体 */
        --font-size-lg: 2.2rem; /* 大字体 */
        --font-size-lx: 2.4rem; /* 大字体 */
        --font-size-x: 2.8rem; /* 超大字体 */
        --font-size-xx: 3.2rem; /* 超大字体 */
        --font-size-xl: 4rem; /* 超大字体 */
        --font-size-xxxl: 6rem; /* 特大字体 */ 

    }
    /* 布局调整 */
    .header nav a {
        margin: 0px 10px;
    }
    .header a.head_shop {
        margin-right: 30px;
    }
    .header .search {
        margin-right: 30px;
    }
    
}
@media screen and (max-width: 1100px) {
    .header nav a {
        margin: 0px 8px;
    }
}
@media screen and (max-width: 1000px) {

    :root {
        --pad-width:70px;
        --ipx-height:700px;
        --font-size-lg: 2rem; /* 大字体 */
        --font-size-lx: 2.4rem; /* 大字体 */
        --font-size-x: 2.6rem; /* 超大字体 */
        --font-size-xx: 3rem; /* 超大字体 */
        --font-size-xl: 3.8rem; /* 超大字体 */
        --font-size-xxxl: 5.6rem; /* 特大字体 */ 

    }


    #hamburger { display: block !important; }
    .header,.inside .header, .faside .header{
        position: fixed;
        width: 100%;
        z-index: 188;
    }
    .header.up{position:fixed; background: #333; }
    .header nav,.header .mune,.header-top { display: none; }
    
    .header .logo{
        padding:20px 0;
    }
    
    .bottomlist { display: block; }
    
    .footer{
        margin-bottom: 51px;
    }
    


}

/*导航底部调整到此*/


@media screen and (max-width: 840px) {
    
    :root {
        --pad-width:60px;
        --ipx-height:600px;
        --font-size-lx: 2.2rem; /* 大字体 */
        --font-size-x: 2.6rem; /* 超大字体 */
        --font-size-xx: 2.8rem; /* 超大字体 */
        --font-size-xl: 3.6rem; /* 超大字体 */
        --font-size-xxxl: 5.2rem; /* 特大字体 */ 

    }

    
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }
    .fo2 {
        padding: 60px 0 0px 0;
    }
    .fo3 {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    
}

@media screen and (max-width: 640px) {
    /* 排版系统 */
    :root {
        --pad-width:60px;
        --ipx-height:500px;
        --font-size-x: 2.4rem; /* 超大字体 */
        --font-size-xx: 2.8rem; /* 超大字体 */
        --font-size-xl: 3.2rem; /* 超大字体 */
        --font-size-xxxl: 4.8rem; /* 特大字体 */ 

    }
    
    /* 布局调整 */
    .warp,
    .warp2 {
        padding: 0 30px;
    }

    .banner .txt {
        padding-bottom: 100px;
    }
    .banner .txt p {
        letter-spacing: 20px;
    }
    
}


@media screen and (max-width: 480px) {
    /* 布局调整 */
    :root {
        --ipx-height:420px;
    }

    .warp,
    .warp2 {
        padding: 0 20px;
    }

    
    .fo1{
        display: none;
    }
    .fo3 .icon a {
        margin: 0 10px;
    }

}

/* =============== 移动端优先断点 =============== */
/* 375px断点保留作为扩展点 */
@media screen and (max-width: 375px) {
    /* 可在此添加超小屏幕样式 */
}


/*首页*/

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

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

    .ip1_info p {
        padding-bottom: 40px;
    }
    .ip6_list .info {
        padding: 0 60px;
    }
}

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

    .ip1_info a {
        margin-top: 10px;
    }
    .ip2 {
        padding: 100px 0 0px 0;
    }
    .ip2_list { 
        padding-top: 45px;
    }
    .ip3 .tit h3 {
        margin-bottom: 35px;
    }
    .ip3_list {
        padding-top: 60px;
    }
    .ip6_list .item {
        padding-top: 60px;
    }
    
        
}

@media screen and (max-width: 1000px) {
    .ip1_list {
        padding-top: 40px;
    }
    .ip1_info p {
        padding-bottom: 30px;
    }

    

}
@media screen and (max-width: 850px) {
    .ip3 .swiper-button-next, .ip3 .swiper-button-prev, .br3 .swiper-button-next, .br3 .swiper-button-prev, .br5 .swiper-button-next, .br5 .swiper-button-prev, .me8_page .swiper-button-next, .me8_page .swiper-button-prev,.ab4_img .swiper-button-prev,.ab4_img .swiper-button-next {
        width: 60px;
        height: 60px;  
    }
    .ip6 .tit { 
        padding-bottom: 30px;
    }
    .ip6_list{
        display: block;
        
    }
    .ip6_list a {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .ip6_list .item {
        padding-top: 40px;
    }
    .ip6_list .ip6_img,.ip6_list .info {
        width: 100%;
    }
    .ip6_list .ip6_img{
        order: 3;
    }
    .ip6_list .info{
       padding:0  ; 
       order: 1;
    }
    .ip6_list time{
        order: 2;
        padding: 40px 0 20px 0px;
    }
    .ip6_list .ip6_img img {
        width: 100%;
    }
    
    
}

@media screen and (max-width: 640px) {
    .ip1_list {
        display: block;
    }
    .ip1_left,.ip1_info {
        width: 100%;
    }
    .ip2{
        height: auto;
        padding: 70px 0 ;
    }
    .ip2_list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:20px;
        padding-top: 30px;
    }
    .ip2_list .item h3 {
        text-align: center;
    }
    .ip3 .tit h3 {
        margin-bottom: 15px;
    }
    .ip3_list .info {
        padding-top: 20px;
    }
 
}

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

/*about*/
@media screen and (max-width: 1700px){
    .me8_left {
        padding: 40px  100px 0 100px; 
        
    }
}
@media screen and (max-width: 1600px) {
    .ab3_box {
        grid-gap: 100px;
        padding:60px 60px 0px 60px;
    }
    .ab3_txt p { 
        padding-bottom: 20px;
    }
    .me8_left {
        padding: 40px  80px 0 80px; 
        
    }

    
    
}



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

    .ab1_num {
        padding-top: 80px;
    }

    .ab5_list {
        grid-template-columns: repeat(6,1fr);
        grid-gap: 40px;
        grid-row-gap: 50px;
        margin-top: 75px;
    }

    .br1_list .item .quan{
        width: 250px;
        height: 250px;
    }
    .br4_list {
        margin-top: 60px;
    }

    .br4_block img {
        transform: translateY(0);
        
    }
    .br4_block .img {
        margin-bottom: 0px;
        margin-top: 50px;
        display: flex;
        align-items: flex-end;
    }

    .me8_left {
        padding: 40px  60px 0 60px; 
        
    }
}
@media screen and (max-width: 1200px) {
    .intit h3 { 
        margin-bottom: 25px;
    }
    .ab1_info p {
        padding-bottom: 30px;
    }
    .ab3_txt h3 {
        padding-bottom: 20px;
    }
    .ab3_txt h4 {
        padding-bottom: 40px;
    }
    .ab5_list {
        grid-template-columns: repeat(5,1fr);
        grid-gap: 20px;
        grid-row-gap: 40px;
        margin-top: 65px;
    }

    .br1_list {
        padding: 0 20%;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }

    .br4_block2 {
        grid-template-columns: auto 40%;
        grid-gap: 50px;
        padding: 0px 40px;
    }
    .br4_block { 
        grid-gap: 50px;
        padding: 0px 40px;
    }

    .br4_block .info h3,.br4_block2 .info h3 {
        padding-bottom: 25px;
    }
    .br4_block .info h5,.br4_block2 .info h5 {
        padding-bottom: 40px;
    }

    .me1_list {
        padding: 0 10%;
        grid-template-columns: repeat(3,1fr);
    }

    .me8_left h4 {
        padding-bottom: 35px;
    }
    .me8_page {
        margin-top: 40px;
    }
    
    

}
@media screen and (max-width: 1100px) {
    
    .ab3_box {
        grid-gap: 70px;
    }
    .br4_block2 .info {
        padding-left: 0px;
    }
    .br1_list {
        padding: 0 14%; 
    }
    .me1_list {
        padding: 0;
    }
}


@media screen and (max-width: 1000px) {
    
    .ab5_list {
        grid-template-columns: repeat(4,1fr);
        
    }
    .br2_img {
        padding-left: 0px;
        padding-right: 0px;
    }
    .wood-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr ;
        gap: 20px;
        padding: 0 20px;
        margin-top: 80px;
    }
    .col-span-2row2{
        grid-column: 1 / -1;
    }
    .me1_list {
        grid-template-columns: repeat(2,1fr);
    }

    
        
}

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

    .ab3_box {
        grid-template-columns: 1fr;
        grid-gap: 70px;
    }
    .ab3_img {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .ab5_list {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 20px;   
    }
    .br1_list {
        padding: 0;
    }
    .intit h3 {
        line-height: 36px;
        margin-bottom: 40px;
    }
    .br2_img img{
        width: 100%;
    }
    .br4_list2 {
        margin-top: 100px;
    }
    .br4_block2 img {
        transform: translateY(0);
    }
    .br4_block2 .img {
        margin-bottom: 0px;
        margin-top: 50px;
    }
    .br5_list {
        margin-top: 45px;
    }
    
    .me2 .info {
        width: 70%;
        padding: 50px 0;
        background-color: rgba(255, 255, 255, 0.85);
        text-align: center;
    }

    .me8 {
        display: block;       
    }
    .me8_left,.me8_right{
        width: 100%;
    }
    .me8_left{
        padding: 0px 60px 0 60px;
    }
    .me8_right{
        margin-top: 40px;
    }

    .me2 .info h5,.me2 .info h3 { 
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 640px) {
    .ab1 .ab1_list {
        display: block;
        
    }
    .ab1_left,.ab1_info {
        width: 100%;
    }
    .ab1_left h3 {
        line-height: 45px;
        margin: 30px 0;
    }
    .ab1_info {
       padding-top: 30px;
    }
    .ab1_info p {
        padding-bottom: 15px;
    }

    .ab1_num {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        padding-top: 50px;
    }
    .ab1_num .item{
        text-align: center;
    }
    .ab3_box {
        padding: 30px 30px 0px 30px;
    }
    .ab5_list {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px;
    }
    .intit h3 {
        margin-bottom: 20px;
    }

    .br1_list {
        grid-template-columns: 1fr;
        margin-top: 50px;
    }
    .br2 {
        padding: 0 0 70px 0;
    }
    .br4_block {
        grid-template-columns: 1fr;
    }
    .br4_block .info {
        padding-top: 0;
        padding-left:0px;
        padding-bottom: 20px;
    }
    .br4_list2 {
        margin-top: 75px;
    }
    .br4_block2 {
        grid-template-columns: 1fr;
        
    }
    .br4_block2 .img {
        margin-top:0px;
    }
    .br4_block2 .info p {
        padding-bottom: 0px;
    }
    .br5_list img{
        width: 100%;
    }
    .br4_block,.br4_block2 {
        padding: 0px 20px;
    }
    .br2_img p {  
        line-height: 30px; 
        margin-top: 16px;
    }
    .br4_block2 .info {
        padding-top: 40px;
    }
    .banners .info p {
        letter-spacing: 6px;
    }
    .br3 .swiper-slide{
        height: 260px;
    }
    .br3 .info p{
        padding-bottom: 40px;
    }

    .me3_list {
        grid-template-columns: repeat(2,1fr);
        margin-top: 40px;
    }
    .me2{
        height: auto;
        padding: 50px;
    }
    .me2 .info {
        width: 100%;
        padding: 50px 0;   
    }

    .me8_left {
        padding: 0px 40px 0 40px;
    }
    .me8_right img {
        width: 100%;
    }
    .wood-wrap,.me7 .img {
        margin-top: 40px;
    }
    
    
}

@media screen and (max-width: 460px) {
    .ab3_box {
        grid-gap: 40px;
    }
    .ab3_txt h3 {
        line-height: 50px;
        padding-bottom: 40px;
    }
    .ab3_txt {
        padding-bottom: 40px;
    }
    .ab4_img {
        padding-top: 45px;
    }
    .me3_list {
        grid-template-columns: 1fr;
    }

    .wood-wrap {   
        grid-template-columns: 1fr;
    }
    .me2 .info {
        padding:50px 20px ;
    }
    
}

/*product*/
@media screen and (max-width: 1600px) {
    .news_box .info {
        padding: 0 50px;
    }
}
@media screen and (max-width: 1400px) {
    .pro1 .warp{
        grid-row-gap:60px; 
    }
    .p_list .warp a {
        margin: 0 40px;
        margin-bottom: 20px;
    }
    
}

@media screen and (max-width: 1200px) {
    .pro1 .warp{
        grid-row-gap:50px; 
    }

    .p_list .warp a {
        margin: 0 30px;
        margin-bottom: 20px;
    }
    
   

    
    
}
@media screen and (max-width: 1000px) {
    .p_list .warp a {
        margin: 0 20px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 840px) {
    .p_list {
        padding-bottom: 20px;
    }
    .pro1 .warp {
        grid-template-columns: repeat(2,1fr);
    }
    .proshow .memo img,.newsshow .memo img{
        margin-bottom: 30px;
    }
    .proshow .memo p,.newsshow .memo p{
        padding-bottom: 30px;
    }
    .newsshow .memo{
        padding-top: 30px;
    }
    
}
@media screen and (max-width: 640px) {
    .pro1 .warp {
        grid-template-columns: 1fr;
    }

    .btns {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
       
    }
    .btns  a{
        width: 100%;
    }
    .news_page {
        display: block;  
        padding-top: 30px;
        margin-top: 20px; 
    }
    .news_page .back{
        margin-top: 20px;
    }
}
@media screen and (max-width: 460px) {
    
}

/*contact*/
@media screen and (max-width: 1400px) {
    .con1 .con1_list .txt {
        padding-left: 100px;
    }
    .con2 {
        height: 500px;
    }
    .map_list {
        grid-template-columns:1fr 1fr;
    }
    .layui-form-item .layui-input-inline.shop_int{
        width: 300px;
    }
}
@media screen and (max-width: 1300px) {
    
}
@media screen and (max-width: 1200px) {
    .con1 .con1_list .item {
        grid-template-columns: 240px auto 50%;
    }
    .con2 {
        height: 450px;
    }
    .feed_form {
        grid-column-gap: 50px;
    }
    
    .map_list .info {
        padding: 40px 50px;
        background-color: #f5f5f5;
    }

}
@media screen and (max-width: 1000px) {
    .con1 .con1_list .item {
        grid-template-columns: 1fr 1fr;
    }
    .con1 .con1_list h4{
        order: 1;
    }
    .con1 .con1_list .tel{
        order: 3;
    }
    .con1 .con1_list .txt{
        order: 2;
        grid-row: span 2
    }
    .con_last .txt{
        padding-top: 83px;
    }
    .shop1 {
        padding-bottom: 65px;
    }

    
}
@media screen and (max-width: 840px) {
    .feed_form {
        grid-gap: 30px;  
    }
    .con2 {
        height: 400px;
    }
    .con1 .con1_list .txt {
        padding-left: 0px;
    }
    .map_list {
        grid-template-columns:1fr;
    }
    .map_list .img{
        height: 5dvh;
    }
    .city_list {
        margin-top: 40px;
    }
    
    
}
@media screen and (max-width: 640px) {
    .con3 .warp{
        display: block;
    }
    .con3 .warp .info h3 {
        margin-bottom: 15px;
    }
    .con3 .warp .info,.feed_form{
        width: 100%;
    }
    .feed_form {
        padding-top: 30px;
    }
    
}
@media screen and (max-width:460px) {
    .con1 .con1_list .item {
        grid-template-columns:1fr;
        padding-bottom: 30px;
        margin-bottom:30px;
    }
    .con1 .con1_list .tel{
        order: 2;
    }
    .con1 .con1_list .txt{
        order: 3;
        grid-row: span 2;
        text-align: left;
        padding-top: 20px;
    }
    .con1 .con1_list h4 {
        margin-bottom: 15px;
    }
    .con_last .txt{
        display: none;
    }
    .con2 {
        height: 300px;
    }
    .feed_form {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .layui-form-item .layui-input-inline.shop_int{
        margin-left: 0;
    }
    
}
@media screen and (max-width: 1000px) {
    .search1{
        height: 450px;
    }
}
@media screen and (max-width: 640px) {
    .search_result{
        padding: 120px 0  60px 0;
    }
    .banners .info {
       
        padding: 0 50px 50px 50px;
    }
}