@media screen and (max-width: 992px){
    header{display: none;}

    /*移动端导航*/
    .mobile_header{display: block;}
    .mobile_header{width:100%; height:60px;position:fixed;top:0;left:0;z-index:1999;background: #fff;}
    .mobile_header .container{max-width:100%;width:100%;height:100%;display:flex;justify-content: space-between;align-items: center;padding:0 20px;}

    .mobile_header .header_logo{font-size:20px;font-weight: bold;flex:1;display: flex;align-items: center;}
    .mobile_header .header_logo img{height:50px;margin-right:10px;}
    .mobile_header .header_logo p{font-size:18px;font-weight: bold;color:#000;}
    .mobile_header .container i{background:#000;font-size: 25px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;border-radius: 5px;cursor: pointer;}

    .mobile_header .open_logo{display: flex; justify-content: center; align-items: center;margin-top:20px;}
    .mobile_header .open_logo img {width: 50px;margin-right:5px;}
    .mobile_header .open_logo p{font-size:20px;color:#000;}

    .mobile_header .nav-phone {position:fixed; top:0; right:-100%; width:100%; height: 100vh; background:#fff;z-index:2000;color:#fff;padding:20px;box-sizing: border-box;}
    .mobile_header .close { display: flex;justify-content: flex-end;font-size: 24px;color: #000;cursor: pointer;opacity: 1!important;font-weight: bold;}
    .mobile_header .close:hover{color: #fff;}

    .mobile_header .mobile_menu {width:92%; margin-top:20px; height:auto; z-index:99;}
    .mobile_header .mobile_menu li{width:100%;padding:10px 0;}
    .mobile_header .mobile_menu li a{display:block;height:100%; font-size:16px; color:#000;}


    /*首页-轮播图*/
    .banner{position: relative;height:300px;margin-top:60px;width:100%;}
    .banner img{width:100%;height:100%;object-fit: cover;}
    .banner .txt{position: absolute;z-index:2;left:0;top:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;}
    .banner .box{width:50%;height:60%;background-color: rgba(198,150,101,.8);padding:5px;margin-left:10px;}
    .banner .inner{border:2px solid #c8ad92;width:100%;height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;padding:10px;}
    .banner .t1{font-size:14px;}
    .banner .t2{font-size:18px;font-weight: bold;margin:15px 0 0 0;line-height: 1.2;}
    .banner .t3{font-size:14px;text-align: center;display: none; }

    /*首页产品*/
    .de_product{padding:40px 0 20px;}
    .de_product .container{display: flex;justify-content: space-between;flex-wrap:wrap;}
    .de_product .item{width:100%;margin-bottom:20px;border:2px solid #c69665;border-radius: 10px;overflow: hidden;}
    .de_product .imgbox{width:100%;aspect-ratio:8/5;overflow: hidden;}
    .de_product img{width:100%;height:100%;object-fit: cover;}
    .de_product p{width:100%;height:50px;background-color:#c69665;color:#fff;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: bold; }

    /*底部*/
    footer{position: relative;}
    footer .f1{width:100%;height:600px;}
    footer .f1 .con{width:100%;padding-top:30px;display: flex;justify-content: space-between;align-items: center;}
    footer .f1 .left{color:#fff;width:50%;}
    footer .f1 .en{font-size: 20px;font-weight: bold;}
    footer .f1 .cn{font-size: 18px;margin-top:10px;}
    footer .f1 .right{color:#fff;width:50%;display: flex;align-items: flex-end;flex-direction: column;}
    footer .f1 img{width:60%;}
    footer .f1 p{text-align: center;font-size: 16px;margin-top:10px;}

    footer .f2{width:100%;height:auto;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding-bottom:10px;margin-top:10px;}
    footer .f2 .container{display: block;justify-content: center;align-items: center;text-align: center;}
    footer .f2 p{color:#000;font-size:14px;margin:0 15px;line-height: 1.2;}
    footer .f2 a{color:#000;font-size:14px;}
    footer .f2 a:hover{color:#c69665;}

    footer .f3{position: absolute;z-index:2;width:100%;display: block;justify-content: center;bottom:0px;top:200px;}
    footer .f3 .container{background-color: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,.2);padding:15px;}
    footer .f3 .title{padding:10px 0;display: flex;justify-content: center;align-items: center;border-bottom:2px solid #c69665;}
    footer .f3 .title img{width:60px;margin-right:10px;}
    footer .f3 .title p{color:#c69665;font-size:18px;font-weight: bold;}
    footer .f3 .info{display: block;justify-content: space-between;flex-wrap:wrap;margin-bottom:10px;}
    footer .f3 .item{width:100%;display: flex;align-items: center;margin-top:20px;}
    footer .f3 .iconfont{width:40px;height:40px;background-color: #bdbdbd;border-radius: 50%;display: flex;justify-content: center;align-items: center;color:#fff;font-size:20px;}
    footer .f3 .item p{font-size:16px;margin-left:10px;flex:1;}
    footer .f3 .item a{font-size:16px;color:#000;}
    footer .f3 .item:hover .iconfont{background-color: #c69665;}

    .page_pdt{background-color: #f5f5f5;padding:30px 0;margin-top:60px;}
    .page_pdt .container{}
    .page_pdt .list{width:100%;display: block;justify-content: space-between;flex-wrap:wrap;}
    .page_pdt .item{width:100%;margin-bottom:20px;background-color: #e6e6e6;}
    .page_pdt .item:last-child:nth-child(3n+2){margin-right:0%;}
    .page_pdt img{width:100%;border:1px solid #cacaca;}
    .page_pdt .name{background-color: #e6e6e6;display: flex;justify-content: center;align-items: center;font-size:18px;height:50px;}

    /* 放大后的遮罩层 */
    #overlay {
        display: none; /* 默认隐藏 */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 1000;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }

    /* 放大后的图片容器 */
    #overlay .image-container {
        position: relative; /* 相对定位，用于关闭按钮的定位 */
        max-width: 90%;
        max-height: 90%;
    }

    /* 放大后的图片 */
    #overlay .image-container img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; /* 保持图片比例 */
    }

    /* 关闭按钮 */
    #overlay .close-btn {
        position: absolute;
        top: -20px; /* 向上偏移 */
        right: -20px; /* 向右偏移 */
        color: white;
        font-size: 30px;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.5); /* 添加背景色，提高可见性 */
        border-radius: 50%; /* 圆形按钮 */
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}