/* 汇东报价系统 - 全局移动端适配 CSS */
/* 仅在 max-width:768px 时生效，桌面端完全不受影响 */
/* 作者: lqc | 时间: 2026-08-18 */

/* ========== 全局基础 ========== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
input, select, textarea { font-size: 16px !important; -webkit-appearance: none; }

/* 主容器：取消固定宽度 */
.wp { width: 100% !important; margin: 0 auto !important; padding: 0 12px !important; }

/* 取消浮动，改为块级 */
.fl, .fr { float: none !important; }

/* ========== 头部导航 ========== */
header .wp { display: flex; flex-wrap: wrap; align-items: center; }
header .logo { margin-bottom: 8px; }
header .logo img { height: 40px; }
header nav { width: 100%; }
header nav .tel { font-size: 12px; text-align: left; }
header nav ul { display: flex; flex-wrap: wrap; padding: 0; }
header nav ul li { margin: 0 12px 0 0; }
header nav ul li a { font-size: 14px; }

/* ========== 登录页 ========== */
.login { height: auto !important; min-height: 320px; padding: 20px 0 24px !important; background: #1a1a2e !important; }
.login .cen { width: 100% !important; padding: 0 16px !important; margin: 0 auto !important; }
.login .cen .k {
    width: 100% !important; max-width: 340px; float: none !important;
    margin: 0 auto !important; padding: 28px 24px !important; height: auto !important;
    background-color: rgba(255,255,255,0.92) !important;
    background-image: url(../images/index/lo1.png) !important;
    background-repeat: no-repeat !important; background-size: cover !important;
    border-radius: 12px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}
.login .cen .k .t { font-size: 14px; line-height: 32px; color: #1a1a2e; }
.login .cen .k .s input, .login .cen .k select {
    width: 100% !important; height: 42px; font-size: 16px;
    border: 1px solid #e5e7eb !important; border-radius: 6px !important;
    padding: 0 12px; background: #fff !important;
}
.login .cen .k .s .yzm { width: 60% !important; float: left !important; margin-right: 10px; }
.login .cen .k .s img { height: 42px; vertical-align: middle; border-radius: 4px; }
.login .cen .k .tijiao, .login .cen .k .denglu {
    width: 100% !important; height: 42px; border-radius: 6px !important;
    background: #2563eb !important; background-size: auto !important;
    color: #fff !important; font-size: 16px !important;
    text-indent: 0 !important; line-height: 42px !important;
    border: none !important; margin-top: 16px;
}
.login .cen .k a, .login .cen .k span {
    font-size: 13px !important; margin-left: 0 !important;
    display: inline-block; margin-top: 8px; color: #2563eb !important; position: static !important;
}

/* ========== 页脚 ========== */
footer .fttop { display: block !important; }
footer .fttop .left, footer .fttop .mid, footer .fttop .right {
    float: none !important; width: 100% !important; margin-bottom: 16px; text-align: left;
}
footer .fttop .right .weixin { display: none; }
footer .ftbot .wp { text-align: center; }

/* ========== 首页 ========== */
/* header - 取消固定100px高度 */
header { height: auto !important; min-height: 0 !important; padding: 10px 0; }

/* banner 轮播 - 取消固定高度，防止JS滚动fixed覆盖下方内容 */
#banner { height: auto !important; position: relative !important; }
#slide { height: auto !important; overflow: hidden !important; }
#slide li { position: relative !important; }
#slide li img { width: 100% !important; height: auto !important; position: relative !important; }
#slide .datxt { display: none !important; }
.banselt { display: none !important; }

/* 首页 header 中浮动电话修正 */
header .tel[style] { position: static !important; float: none !important; width: auto !important; top: 0 !important; font-size: 12px !important; }

/* 区块标题 */
h2.cen a { font-size: 20px !important; }
h2.cen p { margin-top: 10px !important; font-size: 13px !important; }
h2.cen p i { font-size: 12px !important; }
#procIndex h2 { padding-top: 20px !important; }
#newsindex h2 { margin-top: 30px !important; }

/* 主要业务 - 取消固定高度274px，2列布局，缩小图标 */
#procIndex { margin-top: 0 !important; }
#procIndex .wp { height: auto !important; padding-bottom: 20px; }
#procIndex ul li { width: 50% !important; height: auto !important; float: left !important; text-align: center; border: none !important; }
#procIndex ul li .ico { width: 160px !important; height: 160px !important; background-size: auto !important; transform: scale(0.42); margin: -46px auto !important; }
#procIndex ul li h3 { font-size: 14px !important; margin-top: 24px !important; height: auto !important; }
#procIndex ul li a {
    display: inline-block !important;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    line-height: normal !important;
    padding: 4px 18px;
    border-radius: 4px !important;
    background: #818181;
    color: #fff;
}
#procIndex ul li p { width: 100% !important; margin: 6px auto !important; }

/* 公司简介 - tabs改相对定位，h3取消固定604px宽度 */
#qylinian { position: relative !important; top: auto !important; height: auto !important; }
#qylinian .wp { height: auto !important; overflow: visible !important; }
#slidebox1 { height: auto !important; margin-top: 20px !important; }
#slidebox1 .tabs { position: relative !important; width: 100% !important; }
#slidebox1 .tabs .left { display: none !important; margin-left: 0 !important; }
#slidebox1 .tabs .right { width: 100% !important; float: none !important; margin-left: 0 !important; }
#slidebox1 .tabs .right h3 { width: 100% !important; font-size: 18px !important; }
#slidebox1 .tabs .right .cont { font-size: 14px; line-height: 1.7; }
#slidebox1 .heigh_tp { display: none !important; }

/* 新闻 - 单列，图片不溢出，取消固定高度防止内容溢出覆盖 footer */
#newsindex { height: auto !important; }
#newsindex .wp { height: auto !important; overflow: visible !important; }
#newsindex ul { margin-top: 20px !important; }
#newsindex ul li { width: 100% !important; float: none !important; margin-bottom: 16px; }
#newsindex ul li .imgbox { max-width: 100% !important; width: 100% !important; overflow: hidden; }
#newsindex ul li .imgbox img { max-width: 100% !important; width: 100% !important; }
#newsindex ul li .cont { width: 100% !important; }
#newsindex h2:after { display: none !important; }

/* 其他固定高度区 */
#coopper .wp { height: auto !important; }
.fortop { display: none !important; }

/* ========== 表格基础适配 ========== */
table { width: 100% !important; max-width: 100%; }
table td, table th { word-break: break-all; }

/* ========== 通用表单 ========== */
form input[type="text"], form input[type="password"], form input[type="number"], form select, form textarea {
    width: 100% !important; max-width: 100%;
}

/* ========== 隐藏桌面端浮窗 ========== */
#shangcheng, #qq { display: none !important; }