/* ============================================
   汉口电炉移动端独立样式表 V18
   适用于屏幕宽度 <= 768px 的移动设备
   
   V18修复内容：
   1. 将产品名称div改为span标签，更适合纯文本内容
   2. 更新CSS选择器从div改为span
   ============================================ */

/* 移动端基础重置 */
@media screen and (max-width: 768px) {
    
    /* ============================================
       V16修复：最高优先级 - 强制产品列表垂直布局
       解决display冲突问题，统一使用flex column布局
       ============================================ */
	   
	/* 移动端首页图片 */
.mobile-banner {
    display: block !important;
    width: calc(100% - 30px);
    height: auto;
    margin: 15px;
    border-radius: 12px;
	}
    
    /* li元素垂直布局 */
    .ti00 li, .pl1p li, .pl2p li {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }
    
    /* a标签内部垂直布局 - V20使用display:block让div自然垂直排列 */
    .ti00 li a, .pl1p li a, .pl2p li a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    /* 强制br标签换行 */
    .ti00 li a br, .pl1p li a br, .pl2p li a br {
        display: block !important;
        content: "" !important;
        height: 8px !important;
    }

    /* 产品图片div样式 V19 */
    .ti00 li a .product-img, .pl1p li a .product-img, .pl2p li a .product-img {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    
    /* 产品标题div样式 V19 */
    .ti00 li a .product-title, .pl1p li a .product-title, .pl2p li a .product-title {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0;
        font-size: 14px;
    }
    
    /* ============================================
       全局重置
       ============================================ */
    body {
        width: 100%;
        min-width: 320px;
        font-size: 14px;
        overflow-x: hidden;
    }
    
    /* 隐藏PC端元素 */
    .tt, .tiqt1, .plcontactbg1{
        display: none !important;
    }
    
    /* 顶部区域重构 */
    .t1 {
        height: auto;
        min-height: 60px;
        padding: 0;
		background: none !important;
    }
    
    .t1-tl {
        width: 100%;
        height: auto;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
		padding-left: 15px;
        justify-content: center;
    }
    
    .t1-tl a img {
        width: 200px !important;
        height: 50px !important;
        display: block;
        margin: 0 ;
    }
    
    /* 移动端电话按钮 */
    .mobile-tel {
        display: block !important;
        width: 90%;
        max-width: 300px;
        margin: 10px auto 0;
        padding: 0;
        background: linear-gradient(#ffaa00, #ff9600);
        border-radius: 25px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    
    /* 汉堡菜单按钮 */
    .hamburger {
        display: block !important;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 1001;
        width: 44px;
        height: 44px;
        background: #ff9900;
        border-radius: 8px;
        cursor: pointer;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .hamburger span {
        display: block;
        width: 24px;
        height: 3px;
        background: #fff;
        margin: 5px auto;
        transition: all 0.3s;
        border-radius: 2px;
    }
    
    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 6px);
    }
    
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }
    
    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -6px);
    }
    
    /* 移动端导航菜单 */
    .t1-tm {
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        height: 100%;
        background: #16263e;
        z-index: 1000;
        margin: 0;
        overflow-y: auto;
        transition: right 0.3s ease;
        padding-top: 70px;
    }
    
    .t1-tm.active {
        right: 0;
    }
    
    .t1-tm li {
        float: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #2a3a5a;
    }
    
    .t1-tm li a {
        display: block;
        padding: 15px 20px;
        font-size: 16px;
        text-align: left;
        color: #fff;
    }
    
    .t1-tm li a:hover {
        background: #2a3a5a;
        color: #ff9900;
    }
    
	.pl3p1 {
		margin: 60px 0 30px 0 !important;
	}
	
    /* 遮罩层 */
    .mobile-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }
    
    .mobile-overlay.active {
        display: block;
    }
    
    /* 主容器宽度调整 */
    .t, .ti, .tih, .ti0, .ti00, .ti000, .tbg, .tm, .tiq1, .tiq2, .tiqt, .tiqt1, .tiinf, .tiinf1000, .tiinf800,
    .mbx, .tipro, .tipro800, .tipro500, .tipro500a, .tipro500b, .ticase, .plbg, .pl1p, .pl2p, .pl3p, .pl4p,
    .plcontactbg1, .plcontactbg300a, .tin, .tinn, .bd, .yl, .bq, .plbgtcl {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 页面标题区域 */
    .ti {
        padding: 0 15px 30px 15px;
        box-sizing: border-box;
    }
    
    .tit {
        height: auto;
        margin: 20px 0 0 0;
        padding: 20px 0;
    }
    
    .tit h1 {
        font-size: 20px;
        line-height: 1.4;
        padding: 0 10px;
        text-align: center;
    }
    
    .tit p {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 20px;
        text-align: center;
		text-indent: 0;
    }
    
    .tip {
        padding: 50px 0 30px 0;
    }
    
    .tip h2 {
        font-size: 18px;
        line-height: 1.4;
        padding: 0 10px;
    }
    
    .tip p {
        font-size: 14px;
        padding: 0 10px;
		text-indent: 0;
    }
    
    /* 产品图标网格 - 移动端单列或双列 */
    .ti0 {
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .ti0 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .ti0 li {
        width: 48%;
        max-width: none;      /* 去掉最大宽度限制 */
        height: auto;
        float: none;
        padding: 10px 5px;
		margin: 0;
        box-sizing: border-box;
    }
    
    .ti0 li img {
        width: 100% !important; 
        height: auto !important;   /* 高度自适应 */
        max-width: 220px;          /* 最大120px */
        margin: 0 auto;
        display: block;
    }
    
    .ti0 li a:not(:first-child) {
        display: block;
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    
    /* ============================================
       V12修复：产品列表 - 移动端2列网格布局
       1. 每行显示2个产品
       2. 产品标题在图片下方
       3. 最多只显示4个产品
       4. 图片正方形或等比例缩放
       ============================================ */
    .ti00 ul, .pl1p ul, .pl2p ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
		margin: 0 auto !important;  /* 列表整体居中 */
    }
    
    .ti00 li, .pl1p li, .pl2p li {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .ti00 li img, .pl1p li img, .pl2p li img {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    

    /* V13修复：处理图片和标题在同一个<a>标签内的情况 */
    /* 将a标签设为flex容器，实现图片在上、标题在下的垂直布局 */
    .ti00 li > a, .pl1p li > a, .pl2p li > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    
    /* 确保a标签内的图片样式正确 */
    .ti00 li > a img, .pl1p li > a img, .pl2p li > a img {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        display: block !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
    
    /* 处理a标签内的文字（通过br分隔的情况） */
    .ti00 li > a > br, .pl1p li > a > br, .pl2p li > a > br {
        display: block !important;
        content: "" !important;
        margin: 8px 0 !important;
    }
    
    /* 公司介绍区块 */
    .tiq {
        height: auto;
        padding: 50px 0 100px 0;
    }
    
    .tiq1 {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .tiq1mig {
        width: 400px !important;
        height: auto;
        margin: 0 auto 20px !important;
        float: none;
    }
    
    .tiq1mig img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    
    .tiq1p {
        width: 100%;
        height: auto;
        margin: 0 !important;
        float: none;
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }
    
    .tiq1p .plmore {
        display: block;
        width: 100% !important;
        max-width: 250px;
        margin: 20px auto 0;
        text-align: center;
    }
    
    /* 背景横幅 */
    .tbg {
        width: 100%;
        height: 150px;
        background-size: cover;
        background-position: center;
    }
    
    /* 视频区域 */
	.tih {
		padding: 0 0 0 0;
		margin-top: 50px !important;
	}
    .tihv {
        margin: 20px 0 60px 0;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .tihv video {
        width: 100%;
        max-width: 755px;
        height: auto;
    }
    
    /* 案例展示卡片 */
    .tihc {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .tihc li {
        width: 100% !important;
        max-width: 400px;
        height: auto !important;
        float: none;
        margin: 30px auto 20px !important;
    }
    
    .tihc li img {
        width: 100% !important;
        height: auto !important;
        margin: 0;
    }
    
    .tihcd {
        width: 100% !important;
        height: auto;
        padding: 0;
    }
    
    .tihcdd {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .tihca {
        font-size: 14px;
        display: block;
        text-align: center;
    }
	
	.tih1 {
	    padding: 20px 30px 30px;
	    box-sizing: border-box;
	}
    
    /* 新闻和技术问答 - 移动端单列 */
    .tin {
        flex-direction: column;
        padding: 0 15px;
        margin-bottom: 40px;
    }
    
    .tinn {
        width: 100% !important;
        margin: 30px 0 0 0 !important;
        float: none;
    }
    
    .tinn h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .tinn li {
        display: flex;
        flex-direction: column;
        padding: 0;
        border-bottom: 1px dashed #ddd;
    }
    
    /* 新闻列表单列显示 */
    .tinn ul {
        display: block !important;
        grid-template-columns: none !important;
    }
    
    .tinn li a {
        width: 100%;
        padding-left: 5px;
        font-size: 0.875rem;
        text-indent: 2rem;
        float: none;
        display: block;
        background: url(/images/dor_orange.gif) left center no-repeat;
        /* 文字截断 - 最多显示约20个字 */
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 30em;  /* 20个字符宽度 */
        color: #333;
    }
    
    /* ============================================
       产品详情页布局 - V7修复
       ============================================ */
    .tipro {
        height: auto;
        display: flex;
        flex-direction: column;
        padding: 0;
        box-sizing: border-box;
    }
    
    .tiproZTh1 {
        display: none;
    }
    
    .tipro800 {
        width: 100% !important;
        margin: 0;
        padding: 0;
        float: none;
        box-sizing: border-box;
    }
    
    .tipro800 img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    /* V7修复：移除浅灰色背景，改为透明 */
    .tipro500, .tipro500a, .tipro500b {
        width: 100% !important;
        height: auto;
        margin: 0 !important;
        padding: 15px !important;
        float: none;
        box-sizing: border-box;
        /* V7修复：移除背景图片和浅灰色背景 */
        background-image: none !important;
        background: transparent !important;
        border-radius: 0;
    }
    
    .tipro500 img, .tipro500a img, .tipro500b img {
        width: 100%;
        height: auto;
    }
    
    .tipro500b li {
        width: 30%;
        min-width: 80px;
        height: auto;
        margin: 5px;
    }
    
    .tipro500b a {
        width: 100%;
        height: auto;
        padding: 15px 5px;
        line-height: 1.4;
        font-size: 12px;
    }
    
    /* V7修复：产品标题居中显示 */
    .tipro500 h1, .tipro500a h1 {
        font-size: 18px;
        line-height: 1.4;
        padding: 15px 15px;
        margin: 0;
        color: #000 !important;
        text-align: center !important; /* V7修复：标题居中 */
        box-sizing: border-box;
    }
    
    /* V7修复：产品参数列表 - 文字左右边距对称 */
    .tipro500 p, .tipro500a p {
        width: 100%;
        height: auto;
        font-size: 14px;
        line-height: 1.6;
        /* V7修复：对称边距 */
        margin: 8px 0;
        padding: 12px 15px;
        box-sizing: border-box;
        background: #f0f4f8;
        border-radius: 6px;
        text-align: left;
        color: #333;
    }
    
    /* ============================================
       信息区域 - V7修复
       ============================================ */
    .tiinf {
        flex-direction: column;
        padding: 0;
    }
    
    .tiinf1000 {
        width: 100% !important;
        margin: 30px 0 0 0 !important;
        padding: 0 15px;
        float: none;
        box-sizing: border-box;
    }
    
    /* V7修复：产品介绍图片左右边距对称 */
    .tiinf1000 img, .tiinf1000 video {
        width: calc(100% - 30px) !important;
        margin: 20px 15px;
        padding: 0;
        box-sizing: border-box;
    }
    
    .tiinf1000 h3 {
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
    }
    
    .tiinf1000 p {
        font-size: 14px;
        padding: 0 20px;
        margin: 5px 0;
        text-align: left;
    }
    
    /* V7修复：tiinf800区域边距对称 */
    .tiinf800 {
        width: 100% !important;
        margin: 30px 0 0 0 !important;
        padding: 0 15px;
        float: none;
        box-sizing: border-box;
    }
    
    .tiinf800 h1 {
        font-size: 20px;
        text-align: center;
        margin: 0 0 20px 0;
    }
    
    .tiinf800 h2 {
        font-size: 16px;
        margin: 25px 0 15px 0;
        text-align: center;
    }
    
    /* V7修复：产品介绍文字段落边距对称 */
    .tiinf800 p {
        font-size: 14px;
        line-height: 1.7;
        padding: 0;
        margin: 12px 0;
        word-wrap: break-word;
        word-break: break-all;
        overflow-wrap: break-word;
        text-align: left;
    }
    
    /* V7修复：产品介绍图片边距对称 */
    .tiinf800 img {
        width: calc(100%) !important;
        margin: 20px 0;
        padding: 0;
        box-sizing: border-box;
        display: block;
    }
    
    /* 底部服务栏 - 移动端适配 */
    .tiqt {
        width: 100% !important;
        height: auto !important;
        min-height: 80px;
        padding: 15px 10px;
        box-sizing: border-box;
        background: #16263e !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .tiqtp {
        width: 100% !important;
        padding: 10px !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #DDDDDD !important;
        text-align: center !important;
        letter-spacing: 0 !important;
        word-break: break-word;
        overflow-wrap: break-word;
        white-space: normal !important;
    }
    
    .tiinf350 {
        width: 100% !important;
        margin: 30px 0 !important;
        float: none;
    }
    
    .tiinf350h2bga {
        background: none !important;
    }
    
    .tiinf350 h2 {
        width: 100%;
        background: none !important;
        text-align: center;
        height: auto;
        padding: 15px 0 10px 0;
        border-bottom: 1px solid #19263e;
        margin: 0 10px 10px 10px;
    }
    
    .tiinf350 li {
        width: 100% !important;
        height: auto !important;
        float: none;
    }
    
    .tiinf350 li img {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0;
    }
    
    /* V22: tiinf350设备目录垂直布局 */
    .tiinf350 ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 0 10px !important;
        border-left: none !important;
    }

    .tiinf350 li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .tiinf350 li a .product-img {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 0 !important;
    }

    .tiinf350 li a .product-title {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-top: 0 !important;
    }
    
    /* V27: tiinf350最多显示8个产品 */
    .tiinf350 li:nth-child(n+9) {
        display: none !important;
    }

    /* 移动端隐藏相关设备推荐和热处理技术 */
    .tiinf350 .related-products-title,
    .tiinf350 .related-products-title + ul,
    .tiinf350 .tiinf350h2bga,
    .tiinf350 .ulleft {
        display: none !important;
    }
    
    /* 案例页面 */
    .ticase {
        padding: 0 15px;
    }
    
    .ticase h2 {
        font-size: 18px;
        color: inherit;
    }
    
    .ticase>p {
        font-size: 14px;
    }
    
    /* 面包屑导航 - 移动端隐藏 */
    .mbx {
        display: none !important;
    }
    
    /* 产品类别按钮 */
    .pl1t li {
        height: auto !important;
        width: 100% !important;
        float: none !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }
    
    .pl1p>.pl1t>li>a,
    .pl2p>.pl1t>li>a,
    .pl1t li a {
        display: block !important;
        width: 90% !important;
        max-width: 300px !important;
        margin: 5px auto !important;
        text-align: center !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
		font-size: 0.875rem;
    }
    
    /* 按钮样式优化 */
    .button25850a, .plmore, .plmore1, .pl3p2>span>a {
        display: flex;
		align-items: center;
		justify-content: center;
        width: 90% !important;
        max-width: 300px;
        margin: 30px auto 10px auto !important;
        text-align: center;
        font-size: 14px;
        box-sizing: border-box;
    }
    
    /* 联系信息区域 */
    .plcontactbg1 {
        height: auto;
        padding-bottom: 30px;
        background-size: cover;
        background-position: center;
    }
    
    .plcontactp1, .plcontactp300a-1 {
        font-size: 20px !important;
        padding: 30px 15px 0 !important;
        text-align: center;
    }
    
    .plcontactp2, .plcontactp3, .plcontactp5, .plcontactp300a-2 {
        font-size: 16px !important;
        padding: 20px 15px 0 !important;
        text-align: center;
    }
    
    .plcontactp4 {
        font-size: 22px !important;
        margin: 30px 0 0 0 !important;
        text-align: center;
        padding: 0 15px;
    }
    
    /* 底部区域 */
    .b {
        height: auto;
        padding: 0;
    }
    
    .bd {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 15px 0 15px;
    }
    
    .bd1 {
        width: 100%;
        height: auto;
        border-right: none;
        margin-bottom: 20px;
        text-align: center;
        float: none;
    }
    
    .bd1 img {
        width: 150px;
        height: auto;
    }
    
    .bd2 {
        width: 100%;
        height: 120px;;
        border-right: none;
        margin: 0 !important;
        float: none;
        text-align: center;
        font-size: 14px;
        line-height: 1.8;
    }
    
    .bd3 {
        width: 100%;
        height: auto;
        float: none;
        text-align: center;
    }
    
    .bd3 img {
        width: 100px;
        height: auto;
    }
    
    /* 版权信息 */
    .by, .by1 {
        height: auto;
        min-height: 60px;
        padding: 10px 0 10px 0;
    }
    
    .yl {
        width: 100%;
        height: auto;
        padding: 0 15px 15px;
        text-align: center;
        border-bottom: none;
        font-size: 12px;
		display: none !important;
    }
    
    .bq {
        width: 100%;
        height: auto;
        padding: 10px 15px;
        font-size: 0.6875rem;
		text-align: center;
    }
	.bq a {
	    display: inline !important;
	    min-height: auto !important;
	    margin: 0 3px;
	}
    
    /* 返回顶部按钮 */
    #myBtn {
        width: 44px;
        height: 44px;
        right: 15px;
        bottom: 20px;
    }
    
    /* 图片样式优化 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* ============================================
       V9修复：技术参数表格 - 定义列表式布局（方案A）
       
       核心设计思路：
       1. 将横向表格转为每个型号一个独立的区块
       2. 每个参数一行，左边参数名，右边数值（两列布局）
       3. 不同型号用不同的边框颜色区分
       4. 整体呈现为清晰的列表式阅读体验
       ============================================ */
    
    .tiinf1000 table,
    .tiinf800 table {
        width: calc(100% - 30px) !important;
        max-width: 100%;
        margin: 20px 15px;
        border-collapse: separate !important;
        border-spacing: 0 6px;
        display: block;
        background: transparent;
        border: none !important;
    }
    
    /* 隐藏原始表头 */
    .tiinf1000 table thead,
    .tiinf800 table thead {
        display: none;
    }
    
    /* 表格行基础样式 */
    .tiinf1000 table tbody tr,
    .tiinf800 table tbody tr {
        display: block;
        margin-bottom: 6px;
        background: transparent;
        border: none;
    }
    
    /* ============================================
       第一行：型号标题行 - 显示为彩色标签组
       ============================================ */
    .tiinf1000 table tbody tr:first-child,
    .tiinf800 table tbody tr:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        margin-bottom: 15px;
        padding: 0;
    }
    
    /* 型号标签样式 - 显示为醒目的彩色按钮 */
    .tiinf1000 table tbody tr:first-child td,
    .tiinf800 table tbody tr:first-child td {
        display: inline-block;
        background: linear-gradient(135deg, #ff9900, #ff7700) !important;
        color: #fff !important;
        padding: 12px 18px !important;
        margin: 4px;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        text-align: center !important;
        box-shadow: 0 2px 8px rgba(255, 153, 0, 0.3);
        min-width: 100px;
        border: none !important;
    }
    
    /* 不同型号用不同颜色区分 */
    .tiinf1000 table tbody tr:first-child td:nth-child(3),
    .tiinf800 table tbody tr:first-child td:nth-child(3) {
        background: linear-gradient(135deg, #ff9900, #ff6600) !important;
    }
    
    .tiinf1000 table tbody tr:first-child td:nth-child(4),
    .tiinf800 table tbody tr:first-child td:nth-child(4) {
        background: linear-gradient(135deg, #4CAF50, #388E3C) !important;
        box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
    }
    
    .tiinf1000 table tbody tr:first-child td:nth-child(5),
    .tiinf800 table tbody tr:first-child td:nth-child(5) {
        background: linear-gradient(135deg, #2196F3, #1976D2) !important;
        box-shadow: 0 2px 8px rgba(33, 150, 243, 0.3);
    }
    
    /* ============================================
       数据行：参数行 - 定义列表式布局
       ============================================ */
    .tiinf1000 table tbody tr:not(:first-child),
    .tiinf800 table tbody tr:not(:first-child) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0;
        background: #f8fafc;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #e0e6ed;
    }
    
    /* 参数单元格 - 每个单元格显示为一行 */
    .tiinf1000 table tbody tr:not(:first-child) td,
    .tiinf800 table tbody tr:not(:first-child) td {
        display: flex;
        flex-direction: column;
        padding: 10px 12px !important;
        margin: 0;
        border: none !important;
        background: transparent !important;
        font-size: 14px;
        line-height: 1.4;
    }
    
    /* 参数名称 - 使用::before显示 */
    .tiinf1000 table tbody tr:not(:first-child) td::before,
    .tiinf800 table tbody tr:not(:first-child) td::before {
        content: attr(data-param);
        font-weight: bold;
        color: #333;
        font-size: 11px;
        margin-bottom: 4px;
        display: block;
    }
    
    /* 参数值 - 单元格内的文本 */
    .tiinf1000 table tbody tr:not(:first-child) td::after,
    .tiinf800 table tbody tr:not(:first-child) td::after {
        content: attr(data-unit);
        color: #666;
        font-size: 11px;
        margin-left: 4px;
    }
    
    /* ============================================
       隐藏辅助列（参数名和单位列）
       ============================================ */
    .tiinf1000 table tbody tr td:first-child,
    .tiinf800 table tbody tr td:first-child {
        display: none !important;
    }
    
    .tiinf1000 table tbody tr td:nth-child(2),
    .tiinf800 table tbody tr td:nth-child(2) {
        display: none !important;
    }
    
    /* ============================================
       不同型号列的边框颜色区分
       ============================================ */
    
    /* 第一个型号列（橙色） */
    .tiinf1000 table tbody tr:not(:first-child) td:nth-child(3),
    .tiinf800 table tbody tr:not(:first-child) td:nth-child(3) {
        border-left: 3px solid #ff9900 !important;
    }
    
    /* 第二个型号列（绿色） */
    .tiinf1000 table tbody tr:not(:first-child) td:nth-child(4),
    .tiinf800 table tbody tr:not(:first-child) td:nth-child(4) {
        border-left: 3px solid #4CAF50 !important;
    }
    
    /* 第三个型号列（蓝色） */
    .tiinf1000 table tbody tr:not(:first-child) td:nth-child(5),
    .tiinf800 table tbody tr:not(:first-child) td:nth-child(5) {
        border-left: 3px solid #2196F3 !important;
    }
    
    /* ============================================
       炉膛尺寸行特殊处理 - 保持长宽高在一行
       ============================================ */
    .tiinf1000 table tbody tr:not(:first-child) td:empty,
    .tiinf800 table tbody tr:not(:first-child) td:empty {
        display: none;
    }

    
    /* 产品内页三列布局改单列 */
    .pl3p {
        height: auto;
        margin-top: 30px !important;
        display: flex;
        flex-direction: column;
        padding: 0 15px;
    }
    
    .pl3p > div {
        float: none;
        width: 100%;
    }
    
    .pl3p img {
        width: 100%;
        height: auto;
    }
    
    .pl3p2 {
        width: 100% !important;
        height: auto;
        margin: 20px 0 0 0 !important;
    }
    
    .pl3p2 span {
        width: 100%;
        margin: 20px 0;
        text-align: center;
        padding: 0 20px;
    }
    
    .pl3p2 > span > a {
        margin: 0 auto !important;
    }
    
    .pl3pp {
        padding: 20px 15px;
        font-size: 14px;
        line-height: 1.7;
    }
    
    /* 联系方式页面 */
    .pl5 {
        height: auto;
        padding: 40px 15px;
        background-size: cover;
        background-position: center;
    }
    
    .pl5 p {
        margin-left: 0;
        text-align: center;
        height: auto;
        padding: 0;
    }
    
    /* 表单样式 */
    input, textarea, select {
        max-width: 100%;
        font-size: 16px; /* 防止iOS缩放 */
    }
    
    /* 链接触控优化 */
    a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    li a, .ti0 li a:not(:first-child) {
        min-height: auto;
    }
    
    /* 分页样式 */
    .fenye, .page {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 0;
    }
    
    .fenye a, .page a {
        padding: 10px 15px;
        margin: 5px;
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* 招聘页面 */
    .job-table, .job-content {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    /* 证书页面 */
    .certificate-list {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
    }
    
    /* 视频容器 */
    video {
        max-width: 100%;
        height: auto;
    }
    
    /* 隐藏不必要的PC端元素 */
    .pc-only {
        display: none !important;
    }
    
}

/* ============================================
   移动端辅助样式 - 始终生效
   ============================================ */

/* 汉堡菜单图标 */
.hamburger {
    display: none;
}

/* 移动端电话按钮 */
.mobile-tel {
    display: none;
}

/* 遮罩层 */
.mobile-overlay {
    display: none;
}

/* 超小屏幕进一步优化 (< 480px) */
@media screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
    
    .t1-tl a img {
        width: 140px !important;
        height: 35px !important;
    }
    
    .mobile-tel {
        font-size: 14px;
        padding: 8px 0;
    }
    
    .tit h1 {
        font-size: 18px;
    }
    
    .ti0 li {
        width: 50%;
    }
    
    .ti0 li img {
        width: 70px !important;
        height: 70px !important;
    }
    
    .tip h2 {
        font-size: 16px;
    }
    
    .button25850a, .plmore, .plmore1 {
        font-size: 14px;
        padding: 10px 15px !important;
    }
    
    /* V7修复：超小屏幕标题居中 */
    .tipro500 h1, .tipro500a h1 {
        font-size: 16px;
        text-align: center !important;
    }
    
    /* V7修复：超小屏幕产品介绍图片边距 */
    .tiinf800 img {
        width: 100% !important;
        margin: 15px 0;
    }
    
    .tiinf1000 img, .tiinf1000 video {
        width: 100% !important;
        margin: 15px 0;
    }
}

/* 触控友好：确保所有可点击元素足够大 */
@media screen and (max-width: 768px) {
    button,
    .hamburger,
    .mobile-tel,
    a[href],
    input[type="checkbox"],
    input[type="radio"],
    select {
        min-height: 44px;
        min-width: 44px;
    }
    html, body {
    overflow-x: hidden !important;
    width: 100% !important;
        
    }
    
    /* 导航链接特殊处理 */
    .t1-tm li a {
        min-height: auto;
        padding: 15px 20px;
    }
}

/* ============================================
   悬浮侧边栏移动端样式
   ============================================ */
@media screen and (max-width: 768px) {
    /* 悬浮侧边栏 - 移动端适配 */
    .floating-sidebar {
        right: 5px;
        bottom: 25%;
        gap: 8px;
    }
    
    /* 移动端按钮稍大，便于触控 */
    .floating-btn {
        width: 35x;
        height: 35px;
    }
    
    .floating-btn .btn-icon {
        font-size: 18px;
    }
    
    .floating-btn .btn-text {
        display: none;
    }
    
    /* 微信弹窗移动端适配 */
    .wechat-modal .modal-content {
        padding: 20px;
        max-width: 95%;
    }
    
    .wechat-modal .modal-content img {
        max-width: 240px;
    }
    
    .wechat-modal .close-btn {
        top: -12px;
        right: -12px;
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 32px;
    }
}

@media screen and (max-width: 480px) {
    /* 超小屏幕进一步调整 */
    .floating-sidebar {
        right: 10px;
        bottom: 20%;
    }
    
    .floating-btn {
        width: 30px;
        height: 30px;
    }
    
    .floating-btn .btn-icon {
        font-size: 15px;
    }
}

/* ============================================
       V8修复：技术参数表格改为移动端单列显示
       ============================================ */
    .tiinf1000 table,
    .tiinf800 table {
        width: calc(100% - 30px) !important;
        max-width: 100%;
        margin: 20px 15px;
        border-collapse: collapse;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .tiinf1000 table tr,
    .tiinf800 table tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding: 8px 0;
        background: #f9f9f9;
        border-radius: 4px;
    }
    
    .tiinf1000 table td,
    .tiinf1000 table th,
    .tiinf800 table td,
    .tiinf800 table th {
        display: block;
        width: 100% !important;
        padding: 8px 12px;
        box-sizing: border-box;
        text-align: left !important;
        border: none;
        background: transparent;
        min-width: unset;
        white-space: normal;
    }
    
    .tiinf1000 table th,
    .tiinf800 table th {
        background: #ba1718 !important;
        color: #fff !important;
        font-weight: bold;
    }
    
    .tiinf1000 table thead,
    .tiinf800 table thead {
        display: none;
    }
    
    /* 表格单元格标签显示 */
    .tiinf1000 table td::before,
    .tiinf800 table td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #333;
        display: inline-block;
        margin-right: 8px;
        min-width: 80px;
    }
    
    /* 型号行特殊处理 - 显示为卡片 */
    .tiinf1000 table tbody tr:first-child td,
    .tiinf800 table tbody tr:first-child td {
        background: transparent !important;
        border: none !important;
        padding: 5px 12px !important;
    }
    
    .tiinf1000 table tbody tr:first-child td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
    .tiinf800 table tbody tr:first-child td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
        display: inline-block;
        width: auto !important;
        min-width: 100px;
        margin: 5px 8px;
        padding: 10px 15px;
        background: #ff9900 !important;
        color: #fff !important;
        border-radius: 8px;
        text-align: center;
        font-weight: bold;
    }
    
    /* 隐藏第一列（参数名称辅助列） */
    .tiinf1000 table td:first-child,
    .tiinf1000 table th:first-child,
    .tiinf800 table td:first-child,
    .tiinf800 table th:first-child {
        display: none;
    }
    
    /* 单位列样式 */
    .tiinf1000 table td:nth-child(2),
    .tiinf1000 table th:nth-child(2),
    .tiinf800 table td:nth-child(2),
    .tiinf800 table th:nth-child(2) {
        background: #e8f4fc !important;
        font-weight: bold;
        border-radius: 4px 4px 0 0;
    }
    
    /* 参数名和数值分行显示 */
    .tiinf1000 table td,
    .tiinf800 table td {
        display: flex;
        flex-direction: column;
        padding: 5px 12px;
    }
    
    .tiinf1000 table td span,
    .tiinf800 table td span {
        display: inline;
    }

/* ============================================
   V8修复：文字边距对称
   ============================================ */
@media screen and (max-width: 768px) {
    /* 公司介绍区块边距对称 */
    .tiq1p {
        padding: 0 15px !important;
        margin: 15px !important;
        text-align: left !important;
        box-sizing: border-box;
    }
    
    /* 页面描述文字边距对称 */
    .tip p {
        padding: 0 15px !important;
        margin: 10px 0 !important;
    }
    
    .tit p {
        padding: 0 20px !important;
        margin: 10px 0 !important;
    }
    
    /* 底部联系信息边距对称 */
    .bd2 {
        padding: 0 15px !important;
    }
    
    /* 版权信息边距对称 */
    .bq {
        padding: 10px 15px !important;
    }
    
    /* 新闻列表文字边距 */
    .tinn li a {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    
    /* 案例展示页面文字边距 */
    .ticase > p {
        padding: 0 15px !important;
        margin: 10px 0 !important;
    }
    
    /* 产品详情页文字段落 */
    .pl3pp {
        padding: 20px 15px !important;
        margin: 0 !important;
    }
}


/* ============================================
   V11新增: 技术参数卡片式布局 - 移动端样式
   移动端: 卡片垂直排列，每行1个
   ============================================ */

@media screen and (max-width: 768px) {
    
    .tech-params-wrapper {
        padding: 0 10px;
        margin: 15px 0;
    }
    
    .tech-params-cards {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }
    
    .model-card {
        min-width: 100%;
        max-width: 100%;
        margin: 0;
        border-radius: 10px;
    }
    
    .model-card:hover {
        transform: none;
    }
    
    .model-title {
        padding: 12px 15px;
        font-size: 16px;
    }
    
    .param-row,
    .param-row-alt {
        padding: 8px 12px;
    }
    
    .param-name {
        font-size: 14px;
        color: #666;
    }
    
    .param-value {
        font-size: 14px;
    }
    
    .tech-params-wrapper table {
        display: none !important;
    }
    
    .tech-params-wrapper {
        overflow-x: visible;
    }
    
    .tech-params-cards {
        overflow-x: visible;
    }
}

@media screen and (max-width: 400px) {
    .model-title {
        font-size: 14px;
        padding: 10px;
    }
    
    .param-row,
    .param-row-alt {
        padding: 6px 10px;
    }
    
    .param-name {
        font-size: 12px;
    }
    
    .param-value {
        font-size: 12px;
    }
}

/* V19: 产品列表新结构样式 - div块级元素 */
.product-img {
    width: 100%;
    text-align: center;
    padding: 0;
}
.product-img img {
    max-width: 140px;
    width: 100%;
    height: auto;
    display: inline-block;
    border: 1px #5d7eaa solid;
    border-radius: 5px;
}
.product-title {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    line-height: 1.3;
    padding: 0 5px;
}

/* V19: 产品列表图片和标题div样式覆盖 */
@media screen and (max-width: 768px) {
    /* 覆盖旧的img和span样式 */
    .ti00 li > a img, .ti00 li > a .product-img img,
    .pl1p li > a img, .pl1p li > a .product-img img,
    .pl2p li > a img, .pl2p li > a .product-img img {
        width: 100% !important;
        max-width: 200px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: inline-block !important;
        border: 1px #5d7eaa solid;
        border-radius: 5px;
    }
    
    /* V19新增的.product-img和.product-title样式 */
    .ti00 li > a .product-img,
    .pl1p li > a .product-img,
    .pl2p li > a .product-img {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    
    /* V21: 强制产品图片和标题垂直排列 */
    .ti00 li a .product-img,
    .pl1p li a .product-img,
    .pl2p li a .product-img {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    
    .ti00 li a .product-title,
    .pl1p li a .product-title,
    .pl2p li a .product-title {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 140px !important;
        margin: 0 auto !important;
    }
    
    
    /* V39: 客户案例文字左右边距 */
    
    /* V40: pl2底部边距 */
    .pl2 {
        padding-bottom: 30px !important;
    }
    
    /* V42: pl1文字左右边距 */
    /* V47: pl1底部边距 */
    .pl1 {
        padding-bottom: 50px !important;
    }

    .pl1 > p {
        padding: 0 20px;
        text-indent: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .pl2 > p {
        padding: 0 20px;
        text-indent: 0;
    }
    /* V39: 公众号图片下方空白 */
    .tiinf350 > img[alt="汉口电炉公众号"] {
        margin-bottom: 65px !important;
    }
	/* 隐藏公司介绍页背景图片 */
	.combg {
	    display: none !important;
	}
	/* 公司介绍页布局修复 */
	.pl1, .pl2 {
	    height: auto !important;
	    padding: 30px 0 !important;
	}
	
	.pl3p2 {
	    height: auto !important;
	}
	
	.pl3p1 {
	    margin: 20px 0 !important;
	    width: 100% !important;
	}
	
	.pl3p1 img {
	    width: 100% !important;
	    height: auto !important;
	    max-width: 100%;
	}
	
	.pl3p {
	    display: flex;
	    flex-direction: column;
	}
	
	.pl3p > div {
	    width: 100% !important;
	    float: none !important;
	}
	
	.pl3p2 span {
	    display: block;
	    margin: 15px 0;
	    padding: 0 20px;
	    line-height: 1.8;
	    text-align: center;
	}
	
	.pl3pp {
	    width: 100% !important;
	    padding: 15px;
	    box-sizing: border-box;
	}
	
	/* 在线留言表单移动端适配 */
	.contact-form {
	    margin: 20px 15px;
	    padding: 20px 15px;
	}
	
	.form-submit {
	    flex-direction: column;
	    gap: 10px;
	}
	
	.submit-btn,
	.reset-btn {
	    width: 100%;
	}
}