/* CSS Base */

/* 文字排版 */
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.fw{font-weight:bold;}
.t2{text-indent:2em;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
*html .clearfix{height:1%}
.Clearfix{display:block;}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
.flex{display: flex;}

/* 版心 */
.wm1100{ width:1100px; margin:0 auto;}
.wm1200{ width:1200px; margin:0 auto;}
.wm1300{ width:1300px; margin:0 auto;}
.wm1400{ width:1400px; margin:0 auto;}
.wm1500{ width:1500px; margin:0 auto;}
.wm1600{ width:1600px; margin:0 auto;}

.warp100{ width:100% !important;}
.warp90{ width:90%; margin:0 5%;}
.warp80{ width:80%; margin:0 10%;}
.warp70{ width:70%; margin:0 15%;}

 
/* 长度高度 */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w{width:100%}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h120{height:120px;}
.h150{height:150px;}
.h200{height:200px;}
.h{height:100%}

/* 边距 */
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mt200{margin-top:200px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}
.mb200{margin-bottom:200px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/*ease*/
.ease01, .ease01s, .ease01s * {-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease 0.1s;}
.ease02, .ease02s, .ease02s * {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease 0.1s;}
.ease03, .ease03s, .ease03s * {-webkit-transition:all 0.3s ease-out; transition:all 0.3s ease 0.1s;}
.ease04, .ease04s, .ease04s * {-webkit-transition:all 0.4s ease-out; transition:all 0.4s ease 0.1s;}
.ease05, .ease05s, .ease05s * {-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease 0.1s;}
.ease06, .ease06s, .ease06s * {-webkit-transition:all 0.6s ease-out; transition:all 0.6s ease 0.1s;}
.ease07, .ease07s, .ease07s * {-webkit-transition:all 0.7s ease-out; transition:all 0.7s ease 0.1s;}
.ease08, .ease08s, .ease08s * {-webkit-transition:all 0.8s ease-out; transition:all 0.8s ease 0.1s;}
.ease09, .ease09s, .ease09s * {-webkit-transition:all 0.9s ease-out; transition:all 0.9s ease 0.1s;}
.ease10, .ease10s, .ease10s * {-webkit-transition:all 1.0s ease-out; transition:all 1.0s ease 0.1s;}
/* 主要特点和规格参数优化 */
/* 内容1 - 文字内容样式 */
#content1 {
    /* 字体优化 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
                "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", 
                "Microsoft YaHei", sans-serif; /* 增加中文字体支持 */
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    
    /* 布局优化 */
    margin: 0 auto;
    padding: 0px 15px; /* 增加内边距 */
    
    /* 排版增强 */
    text-align: justify; /* 两端对齐（可选） */
    word-break: break-word;
    hyphens: auto;      /* 英文单词自动断词 */
}

#content1 p {
    margin-bottom: 1.5em;
    text-align: justify;
}
#content1 a {
    color: #0066cc;
    text-decoration: none;
}

#content1 a:hover {
    text-decoration: underline;
}

#content1 li {
    margin-bottom: 0.5em;
}
/* 图片响应式样式 */
#content1 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    border-radius: 4px;
}


/* 规格参数内容2 - 表格内容样式 */
#content2 {
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    overflow-x: auto;
}

#content2 table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
    font-size: 15px;
    min-width: 600px; /* 确保表格有最小宽度 */
}

#content2 th, 
#content2 td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: center; /* 修改为center使文字水平居中 */
    vertical-align: middle; /* 保持middle使文字垂直居中 */
    line-height: 1.5;
}

#content2 th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #333;
}

#content2 tr:nth-child(even) {
    background-color: #f9f9f9;
}

#content2 tr:hover {
    background-color: #f1f1f1;
}

/* 关于我们公司简介文字容器 - 简化版 */
/* 公司简介文字容器 - 无缩进版 */
.news_con {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
                "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", 
                "Microsoft YaHei", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #333;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 15px;
    text-align: justify;
    word-break: break-word;
}

/* BOOT返回顶部按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #18b0ff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
  }
  
  .back-to-top:hover {
    background-color: #0d8acd;
    transform: translateY(-3px);
  }
  
  .back-to-top.show {
    opacity: 1;
    visibility: visible;
  }
  
  /* BOOT返回顶部响应式调整 */
  @media (max-width: 768px) {
    .back-to-top {
      width: 40px;
      height: 40px;
      bottom: 20px;
      right: 20px;
    }
  }
    /* 翻页pages的CSS */
          .pages {
            padding: 20px 0;
            width: 100%;
            text-align: center;
            clear: both;
        }

        .pages a,
        .pages span {
            color: #666;
            padding: 0 15px;
            margin: 0 3px;
            display: inline-block;
            vertical-align: middle;
            line-height: 34px;
            background: #f9f9f9;
            border: 1px solid #f2f2f2;
        }

        .pages a:hover {
            display: inline-block;
            color: #fff;
            background: #019fe9;
            border-color: #019fe9;
            box-shadow: 0 0 14px rgba(0, 0, 0, .2);
        }

        .pages span {
            display: inline-block;
            color: #666;
        }

        .pages a.page-num-current {
            display: inline-block;
            color: #fff;
            background: #019fe9;
            border-color: #019fe9;
            box-shadow: 0 0 1px rgba(0, 0, 0 .2);
        }