@charset "utf-8";
/*CSS Document — millanotiles 全站响应式（统一版：桌面横向导航 / 平板收缩 / 手机右侧抽屉，含语言切换）*/

/* ===== 通用容器宽度断点 ===== */
@media screen and ( max-width:1601px ){ .w1440,.w1560{width:1200px;} }
@media screen and ( max-width:1367px ){
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:1024px;}
	.margin-wrap{margin:80px auto 120px;} .margin-wrap-s{margin:44px auto 54px;}
	.padding-wrap{padding:80px 0 120px;} .padding-wrap-s{padding:44px 0 54px;}
	.header-logo a{height:54px;}
}
@media screen and ( max-width:1200px ){
	.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:960px;}
}
@media screen and ( max-width:996px ){
	.w960,.w1070,.w1136,.w1170,.w1200,.w1280,.w1366,.w1440,.w1560{width:95%;}
	.margin-wrap{margin:66px auto 80px;} .margin-wrap-s{margin:36px auto 44px;}
	.padding-wrap{padding:66px 0 80px;} .padding-wrap-s{padding:36px 0 44px;}
	.turn-pages a{font-size:12px;width:30px;height:30px;line-height:30px;margin:0;border-width:1px;}
}

/* ===== 平板 (1024px 及以下，仍为横向导航，整体收缩) ===== */
@media screen and (max-width:1024px){
    .w100{margin:0 30px;} .m95{margin:0 30px;}
    .header{position:relative;}
    .header-right{gap:18px;}
    .header-logo a{height:50px;}
    .header-nav > ul > li > a{font-size:15px;padding:0 10px;}
    .header-nav > ul > li:hover > a{border:1px solid transparent;}
    .header-subnav li a{font-size:15px;min-width:100px;padding:14px 16px;}
    .header_search{width:300px;}
    /* 首页 banner */
    .home-banner-text{left:50px;}
    .home-banner-text p{font-size:50px;}
    .home-banner-text a{padding:0 50px;font-size:16px;}
    /* 标题 */
    .home-title{margin:60px 0;}
    .home-title:before{margin-bottom:60px;} .home-title:after{margin-top:70px;}
    .home-title h2{font-size:48px;} .home-title p{font-size:20px;}
    .home-xing:before{margin:60px 0;}
    .home-two .grid-list ul,.home-three .grid-list ul{gap:60px;}
    .grid-list-title h3 a{font-size:32px;margin-top:25px;}
    .home-one-r h3{font-size:36px;}
    /* 表单/页脚 */
    .footer-contact{padding:50px 30px;flex-direction:column;gap:40px;}
    .footer-contact > div,.footer-contact > div:nth-child(2){width:100%;}
    .footer-contact-form{width:100%;max-width:500px;padding:30px 24px;box-sizing:border-box;}
    .footer-contac-ttitle h2{font-size:48px;}
    footer{padding:40px 0 80px;}
    .footer{flex-wrap:wrap;gap:40px;}
    .footer-c,.footer-r{margin-left:0;}
    .footer-l img{height:120px;}
    .footer-l p,.footer-c ul li a,.footer-r h3,.footer-r p{font-size:18px;}
}

/* ===== 手机 (767px 及以下，右侧抽屉菜单) ===== */
@media screen and (max-width:767px){
    html.htmloverflow{overflow:hidden;position:fixed;width:100%;height:100%;}
    .w100{margin:0 16px;} .m95{margin:0 16px;}

    /* 遮罩层 */
    html.htmloverflow::after{content:"";position:fixed;inset:0;background-color:rgba(0,0,0,.55);z-index:996;}

    /* 汉堡按钮 / 关闭按钮 */
    .header{position:relative;}
    .header-phone-more{display:block;position:absolute;top:50%;right:16px;margin-top:-12px;font-size:24px;line-height:1em;cursor:pointer;z-index:995;}
    .header-phone-more i{display:block;font-size:24px;}
    .header-phone-close{display:none;position:fixed;top:18px;right:16px;width:44px;height:44px;line-height:44px;text-align:center;background:#fff;border-radius:8px;cursor:pointer;z-index:1001;box-shadow:0 1px 6px rgba(0,0,0,.15);}
    .header-phone-close i{font-size:20px;}
    .header-phone-close.active{display:block;}

    /* 右侧抽屉（含导航、语言、搜索） */
    .header-right{
        position:fixed;top:0;right:-100%;width:300px;max-width:84vw;height:100%;
        background:#fff;flex-direction:column;align-items:stretch;
        padding:76px 24px 40px;gap:18px;overflow-y:auto;z-index:998;
        box-shadow:-2px 0 12px rgba(0,0,0,.18);
        transition:right .3s ease;
    }
    .header-right.active{right:0;}

    /* 导航纵向 */
    .header-nav{width:100%;order:1;}
    .header-nav > ul{flex-direction:column;width:100%;}
    .header-nav > ul > li{float:none;width:100%;border-bottom:1px solid #eee;position:relative;}
    .header-nav > ul > li > a{
        display:block;font-size:16px;line-height:50px;padding:0;margin:0;border:0;
    }
    .header-nav > ul > li:hover > a{border:0;}
    /* 展开箭头（Products / Projects） */
    .header-nav i.iconfont{
        display:flex;align-items:center;justify-content:center;width:46px;height:50px;
        position:absolute;top:0;right:0;z-index:2;font-size:12px;cursor:pointer;transition:transform .3s ease;
    }
    .header-nav i.iconfont.open{transform:rotate(180deg);}
    /* 二级菜单手风琴 */
    .header-subnav{
        position:static;display:none;width:100%;box-shadow:none;background:#f5f5f5;
        visibility:visible;opacity:1;transform:none;border:0;
    }
    .header-subnav.open{display:block;}
    .header-subnav li a{
        display:block;font-size:14px;padding:13px 18px;min-width:0;text-align:left;
        border:0;border-top:1px solid #e9e9e9;line-height:1.3em;
    }
    .header-nav > ul > li:hover .header-subnav{display:none;}
    .header-nav > ul > li:has(.header-subnav.open):hover .header-subnav{display:block;}

    .header-logo a{height:48px;}

    /* 语言切换：抽屉内直接平铺 繁/简/EN，保证可见可点
       （!important 用于压过 c-dropdown 点击 body 时写入的内联 display:none） */
    .header-right .language{order:2;width:auto !important;display:block !important;}
    .header-right .language dl{position:static !important;width:auto;height:auto;cursor:default;display:block !important;}
    .header-right .language dl > i{display:none !important;}
    .header-right .language dt{display:none !important;}
    .header-right .language dd{
        position:static !important;display:block !important;opacity:1 !important;visibility:visible !important;
        width:100%;box-shadow:none;background:transparent;margin:0;padding:0;border-radius:0;top:auto;left:auto;transform:none;
    }
    .header-right .language dd ul{display:flex !important;gap:10px;flex-wrap:wrap;}
    .header-right .language dd a{
        display:inline-block;padding:8px 18px;border:1px solid #666;border-radius:100px;
        font-size:14px;font-weight:500;color:#666;
    }
    .header-right .language dd a.active{background:#666;color:#fff;}

    /* 搜索 */
    .header-right .header-search-box{order:3;position:static;}
    .header-right .header-search-box > i{display:none;}
    .header_search{
        position:static;opacity:1;visibility:visible;width:100%;height:44px;margin:0;
        border:1px solid #ccc;border-radius:100px;background:#fafafa;
    }
    .header_search input{padding:0 48px 0 16px;font-size:14px;}
    .header_search button{width:44px;height:44px;line-height:44px;}

    /* 首页 banner / 标题 / 网格 */
    .home-banner-text{left:20px;top:40%;}
    .home-banner-text p{font-size:28px;margin-bottom:6px;}
    .home-banner-text a{padding:0 30px;font-size:14px;height:40px;line-height:40px;}
    .swiper-slide img{min-height:300px;object-fit:cover;}
    .home-title{margin:40px 0;}
    .home-title:before,.home-title:after{content:"********";font-size:18px;font-family:"m-s";}
    .home-title:before{margin-bottom:30px;} .home-title:after{margin-top:40px;}
    .home-title h2{font-size:30px;} .home-title p{font-size:16px;}
    .home-xing:before{content:"********";font-size:18px;margin:40px 0;font-family:"m-s";}
    .grid-2,.grid-3{grid-template-columns:1fr;gap:30px;}
    .home-two .grid-list ul,.home-three .grid-list ul{gap:30px;}
    .grid-list-title h3 a{font-size:24px;margin-top:16px;}
    .home-one-box{flex-direction:column;}
    .home-one-box .w50{width:100%;box-sizing:border-box;}
    .home-one-r{padding:60px 20px;min-height:150px;box-sizing:border-box;} .home-one-r h3{font-size:28px;}

    /* 表单 / 页脚 */
    .footer-contact{padding:30px 16px;gap:30px;}
    .footer-contact > div,.footer-contact > div:nth-child(2){width:100%;}
    .footer-contact-form{padding:24px 16px;max-width:100%;box-sizing:border-box;}
    .footer-contac-ttitle h2{font-size:32px;} .footer-contac-ttitle p{font-size:15px;}
    .footer-contact-form label{font-size:15px;}
    .footer-contact-form input,.footer-contact-form textarea{font-size:15px;}
    footer{padding:30px 0 60px;}
    .footer{flex-direction:column;gap:30px;}
    .footer-l img{height:80px;}
    .footer-l p,.footer-c ul li a,.footer-r h3,.footer-r p{font-size:16px;}
    .footer-c ul{flex-direction:row;gap:20px;flex-wrap:wrap;}
    .footer-r h3{margin-bottom:16px;}
    .gotop{bottom:20px;right:20px;}
    .gotop i{width:40px;height:40px;line-height:40px;font-size:14px;}
}

/* ===== 小手机 (480px 及以下) ===== */
@media screen and (max-width:480px){
    .w100{margin:0 12px;} .m95{margin:0 12px;}
    .header-right{width:264px;}
    .home-banner-text p{font-size:22px;}
    .home-banner-text a{padding:0 20px;font-size:13px;height:36px;line-height:36px;}
    .home-title h2{font-size:24px;} .home-title p{font-size:14px;}
    .grid-list-title h3 a{font-size:20px;}
    .home-one-r{padding:40px 16px;min-height:120px;} .home-one-r h3{font-size:22px;}
    .footer-contac-ttitle h2{font-size:26px;}
    .footer-contact-form{padding:20px 12px;box-sizing:border-box;}
    .footer-contact-form label,.footer-contact-form input,.footer-contact-form textarea{font-size:14px;}
    .footer-c ul{gap:12px;}
    .footer-l p,.footer-c ul li a,.footer-r h3,.footer-r p{font-size:14px;}
}