@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

ul, ol, dl ,li {
	list-style: none;
	list-style-type: none;
}

a {
  color: #555;
  TEXT-DECORATION: none;
}

a:hover {
	color: #6a3905;
}

.mdui-typo a {
    color: #555;   
}

.mdui-typo ul {
    padding-left: 0em;
}

.mdui-typo img {
    height: auto!important;
}

.mdui-container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 1440px) {
    body {
      font-size: 16px;
    }
}

@media (min-width: 1920px) {
    body {
      font-size: 17px;
    }
}

:root{
    --index-blue:#1c4a9c;        /* 主蓝 */
    --index-blue-d:#16407a;      /* 深蓝(页脚) */
    --index-red:#c8161d;         /* 强调红 */
    --index-line:#e0e5ec;
    --index-gray:#6b7683;
    --page-blue:#18a5f6;
  }


  /* ===== 顶部 LOGO + 服务热线（组件内横排，属组件级样式） ===== */
  .index-top{background:#fff;padding:14px 0}
  .index-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .index-brand{display:flex;align-items:center;gap:12px;min-width:0}
  .index-brand img{width:66px;height:66px;flex:none}
  .index-brand-cn{font-size:20px;font-weight:bold;color:var(--index-red);line-height:1.35;letter-spacing:.5px}
  .index-brand-en{font-size:11px;color:var(--index-gray);letter-spacing:.2px;margin-top:2px}
  .index-hot{display:flex;align-items:center;gap:10px;flex:none}
  .index-hot i{font-size:34px;color:var(--index-blue)}
  .index-hot-label{font-size:12px;color:var(--index-gray);line-height:1.4}
  .index-hot-tel{font-size:22px;font-weight:bold;color:var(--index-blue);font-family:Roboto,Arial,sans-serif}
  @media (max-width:820px){.index-brand-cn{font-size:16px;display: block;}.index-brand img{width:100px;height:100px;margin-right: 18px;}.index-hot-tel{font-size:18px}.index-hot i{font-size:26px}}

  /* ===== 主导航（组件内横排） ===== */
  .index-nav{background:var(--index-blue)}
  .index-nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
  .index-nav li {
    flex:1 1 auto;
    background: url(../img/bg_li.png) no-repeat right 0;
    padding-right: 1px;
    width: 124px;
}
  .index-nav a{
    display:block;padding:14px 6px;text-align:center;color:#fff;font-size:15px;
    letter-spacing:1px;white-space:nowrap;transition:background .2s;
  }
  .index-nav a:hover{background:rgba(255,255,255,.14)}
  .index-nav .is-active a{background:var(--index-red);font-weight:bold}
  .index-nav-toggle{display:none;width:100%;padding:12px 14px;color:#fff;background:none;border:0;text-align:left;font-size:15px;cursor:pointer}
  @media (max-width:820px){
    .index-nav ul{display:none}
    .index-nav-toggle{display:block}
  }

  /* ===== Banner（SuperSlide 焦点图：.bd 放屏、.hd 放圆点） ===== */
  .index-banner{position:relative;background:linear-gradient(#eef3f9,#dfe8f3);overflow:hidden}
  .index-banner .bd{position:relative;overflow:hidden}
  .index-banner .bd ul{margin: 18px 0 28px;padding:0;width:100%;list-style:none}
  .index-banner .bd li{position:relative;list-style:none;line-height:0;margin:0;padding:0}
  .index-banner .bd li img.banner-img{width:100%;height:auto;display:block;vertical-align:top}
  /* 圆点导航（SuperSlide 自动加 .on） */
  .index-banner .hd{position:absolute;left:0;right:0;bottom:48px;text-align:center;z-index:3}
  .index-banner .hd ul{display:inline-block;zoom:1;margin:0;padding:0}
  .index-banner .hd li{float:left;font-size: 0px;width:11px;height:11px;border-radius:50%;background:#9bb3cf;margin:0 5px;cursor:pointer;text-indent:-999px;list-style:none}
  .index-banner .hd li.on{background:var(--index-blue)}
  @media (max-width:820px){.index-slogan{font-size:32px;letter-spacing:3px}.index-banner .bd li img.logo{width:64px}}

  /* ===== 四入口卡片（MDUI 栅格承载） ===== */
  .index-entry{padding:26px 0 6px}
  .index-entry .card{background:#fff;border:1px solid var(--index-line);border-radius:3px;overflow:hidden}
  .index-entry .card>img{width:100%;height:170px;object-fit:cover}
  .index-entry .card-body{padding:12px 14px 16px}
  .index-entry h3{margin:0;color:#184a9f}
  .index-entry h3 small{font-size:12px;color:#9aa5b1;font-weight:normal;margin-left:6px}
  .index-entry p{
    font-size:0.8em;
    line-height: 1.9em;
    height: 50px;
    padding: 10px 0;
    overflow: hidden;
    margin: 16px 0;
    border-top: 1px solid #e6e6e7;
    border-bottom: 1px solid #e6e6e7;}
  .index-entry .more{display:inline-block}
  .index-btn{
    display:inline-block;padding:7px 20px;border:1px solid #b9c3cf;border-radius:2px;
    color:#4a5560;font-size:13px;background:#fff;transition:all .2s;
  }
  .index-btn:hover{background:var(--index-blue);border-color:var(--index-blue);color:#fff}

/* ===== 分隔符 ===== */
  .index-ggg {
    margin-top: 16px;
    background: url(../img/t.jpg) no-repeat center 0;
    height: 30px;
  }

  /* ===== 通用板块标题 ===== */
  .index-sec{margin-top:24px;background:#fff;border:1px solid var(--index-line);border-radius:3px;padding:14px 16px 18px}
  .index-sec-title{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--index-blue);padding-bottom:8px;margin-bottom:14px}
  .index-sec-title h2{margin:0;font-size:18px;color:#1b3350}
  .index-sec-title small{color:#9aa5b1;font-size:12px}
  .index-sec-title .line{flex:1;height:1px;background:var(--index-line)}

  /* ===== 新闻（SuperSlide Tab：.hd 当标签、.bd 放面板） ===== */
  #index-newsSlide .hd{overflow:hidden;margin-bottom:14px}
  #index-newsSlide .hd ul{margin:0;padding:0;list-style:none;zoom:1}
  #index-newsSlide .hd li{
    float:left;margin-right:4px;padding:9px 20px;font-size:14px;color:#4a5560;
    background:#eef1f5;border-radius:2px 2px 0 0;cursor:pointer;
  }
  #index-newsSlide .hd li.on{background:var(--index-blue);color:#fff;font-weight:bold}
  .news-pane{display:none}            /* SuperSlide 用 fade 控制显隐 */
  .index-top-news{display:flex;gap:14px;margin-bottom:12px}
  .index-top-news img{width:200px;height:140px;object-fit:cover;flex:none;border-radius:3px}
  .index-top-news h4{margin:0 0 8px;font-size:16px;color:#1b3350}
  .index-top-news p{margin:0;font-size:13px;color:#6b7683;
    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .index-news-list{list-style:none;margin:0;padding:0}
  .index-news-list li{border-bottom:1px dashed var(--index-line)}
  .index-news-list a{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;font-size:13px;color:#40505f;transition:color .2s}
  .index-news-list a:hover{color:var(--index-blue)}
  .index-news-list span{flex:none;color:#9aa5b1;font-family:Roboto,Arial,sans-serif}
  .index-news-list a::before{content:"·";color:var(--index-blue);margin-right:8px;font-weight:bold}
  .index-news-list a .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .index-about-pics{display:flex;gap:8px;margin-bottom:10px}
  .index-about-pics img{max-width: 100%;border-radius:3px}
  .index-about p{font-size:0.8rem;line-height: 1.6rem;color:#5b6673;margin:32px 0 18px;text-indent:2em}
  .index-about .more{color:var(--index-red);font-size:13px;padding-bottom: 28px;display: block;}
  .index-about .more:hover{text-decoration:underline}

  /* ===== 项目业绩（SuperSlide 左滚动：#cases 整体即 slider，箭头在标题栏内） ===== */
  #index-cases .bd{overflow:hidden}
  #index-cases .picList{margin:0;padding:0;list-style:none;zoom:1}
  #index-cases .picList li{float:left;width:220px;margin:0 7px}
  #index-cases .picList img{width:100%;height:150px;object-fit:cover;border:1px solid var(--index-line);border-radius:3px}
  #index-cases .picList figcaption{font-size:12.5px;color:#5b6673;text-align:center;margin-top:8px;line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* ===== 友情链接（组件内横排） ===== */
  .index-links{display:flex;align-items:center;gap:18px;padding:12px 16px;border-top:1px solid var(--index-line);margin-top:24px;background:#fff}
  .index-links .t{color:var(--index-blue);font-weight:bold;letter-spacing:1px;line-height:1.2}
  .index-links .t small{display:block;font-size:11px;color:#9aa5b1;font-weight:normal;letter-spacing:0}
  .index-links a{font-size:13px;color:#4a5560;padding:4px 12px;border:1px solid var(--index-line);border-radius:2px;transition:all .2s}
  .index-links a:hover{border-color:var(--index-blue);color:var(--index-blue)}

  /* ===== 页脚（组件内横排） ===== */
  .index-footer{background:#18489d;color:#fff;margin-top:26px}
  .index-footer-nav{display:flex;flex-wrap:wrap;padding:18px 0;border-bottom:1px dashed #7fb5fb;}
  .index-footer-nav a{font-size:0.9rem;padding:0 16px;position:relative;color:#fff}
  .index-footer-nav a:hover{color:#fff}
  .index-footer-nav a:not(:last-child)::after{content:"|";position:absolute;right:0;color:rgba(255,255,255,.35)}
  .index-footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}
  .index-footer-info{font-size:0.8rem;line-height:2;}
  .index-footer-info b{font-weight:normal;}
  .index-footer-info a{color:#fff}
  .index-footer-tel{display:flex;align-items:center;gap:10px;flex:none}
  .index-footer-tel i{font-size:32px}
  .index-footer-tel .num{font-size:22px;font-weight:bold;color:#fff;font-family:Roboto,Arial,sans-serif}
  
  /* ================= 内页：两栏骨架（左 3 / 右 9，手机上下堆叠） ================= */
  .page-wrap{padding:22px 0 0}

  /* ===== 内页：侧栏标题条 ===== */
  .page-side-title{
    margin:0;height:44px;line-height:44px;
    background:var(--page-blue);color:#fff;
    font-size:16px;font-weight:bold;letter-spacing:2px;text-align:center;
  }

  /* ===== 内页：侧栏栏目列表 ===== */
  .page-side-menu{
    margin:0;padding:0;list-style:none;
    background:#fff;border:1px solid var(--index-line);border-top:0;margin-bottom: 16px;
  }
  .page-side-menu li{border-bottom:1px solid #eef1f5}
  .page-side-menu li:last-child{border-bottom:0}
  .page-side-menu a{
    position:relative;display:block;
    padding:11px 14px 11px 30px;
    font-size:13.5px;color:#3d4b5a;transition:background .2s,color .2s;
  }
  /* 行首的小箭头 */
  .page-side-menu a::before{
    content:"\203A";position:absolute;left:13px;top:50%;transform:translateY(-50%);
    color:#9aa5b1;font-size:17px;line-height:1;
  }
  .page-side-menu a:hover{background:#f4f8fd;color:var(--page-blue)}
  .page-side-menu .is-active {background:#eef4fc;color:var(--page-blue);font-weight:bold}
  .page-side-menu .is-active::before{color:var(--page-blue)}

  /* ===== 内页：侧栏「联系我们」卡片 ===== */
  .page-side-contact{margin-top:0px}
  .page-side-contact .main .pic{max-width:100%;}
  .page-side-contact .main{
    background:#f2f4f7;border:1px solid var(--index-line);
  }
    .page-side-contact .main .info{
    padding:12px 14px;font-size:0.8rem;line-height:1.95;color:#5b6673;
  }
  .page-side-contact .main .info .name{
    font-weight:bold;color:#1b3350;line-height:1.6;margin-bottom:8px;
  }
  .page-side-contact .main .info b{font-weight:normal;color:#3d4b5a}
  .page-side-contact .main .info a:hover{color:var(--page-blue)}

  /* ===== 内页：面包屑标题条（左标题 / 右位置） ===== */
  .page-crumb{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:44px;padding:0 16px;
    background:var(--page-blue);color:#fff;
  }
  .page-crumb h2{margin:0;font-size:16px;font-weight:bold;letter-spacing:2px}
  .page-crumb .path{font-size:12.5px;color:#d6e3f5}
  .page-crumb .path a{color:#d6e3f5}
  .page-crumb .path a:hover{color:#fff;text-decoration:underline}
  .page-crumb .path i{font-style:normal;margin:0 5px;opacity:.7}

  /* ===== 内页：正文外框 ===== */
  .page-article{
    background:#fff;border:1px solid var(--index-line);border-top:0;
    padding:20px 24px 28px;min-height:800px;
  }
  .page-article-title{
    position:relative;margin:0 0 12px;padding-left:16px;
    font-size:16px;font-weight:bold;color:#1b3350;line-height:1.5;
  }
  .page-article-title::before{                /* 行首蓝色小三角 */
    content:"";position:absolute;left:0;top:50%;margin-top:-5px;
    border-left:8px solid var(--page-blue);
    border-top:5px solid transparent;border-bottom:5px solid transparent;
  }
  .page-article-meta{
    display:flex;flex-wrap:wrap;gap:6px 20px;
    padding-bottom:10px;margin-bottom:18px;
    border-bottom:1px solid var(--index-line);
    font-size:12.5px;color:#8a95a1;
  }
  .page-content{font-size:14px;line-height:2;color:#4a5560}
  .page-content p{margin:0 0 14px;text-indent:2em}
  .page-content img{
    max-width: 100%;
    text-align: center;
    margin: auto;
    display: block;
    padding-top: 2rem;
  }
  .page-pager{
    margin-top:30px;padding-top:16px;border-top:1px dashed var(--index-line);
    text-align:center;font-size:12.5px;color:#9aa5b1;
  }

 /* ================= 项目业绩列表 ================= */
  .mdui-row.page-case-grid{margin-right:-10px;margin-left:-10px;}
  .page-case-grid > .mdui-col{padding:0 10px 22px}

  .page-case{display:block}
  /* 灰底方框 + 白描边：复原原站 .chanpin 的「#d0d0d0 底 + img 4px 白边」观感 */
  .page-case .pic{
    display:block;padding:12px 10px;background:#d0d0d0;
    transition:background .25s;
  }
  .page-case .pic img{
    display:block;width:100%;height:auto;
  }
  .page-case:hover .pic{background:#f0f0f0}
  /* 标题：原站是 40px 定高单行居中，这里补个省略号兜底 */
  .page-case .cap{
    display:block;height:40px;line-height:40px;text-align:center;
    font-size:13px;color:#3d4b5a;overflow:hidden;
    white-space:nowrap;text-overflow:ellipsis;
    transition:color .2s;
  }
  .page-case:hover .cap{color:var(--page-blue)}

.show-yeji-content {
  text-align: center;
}

  /* ===== 内页：分页条 ===== */
  /* ===== 内页：分页条 ===== */
  #page-list-pager.pg{
    border-top: 1px solid var(--index-line);
    display: block;
    text-align: center;
    margin-top: 22px;
    padding-top: 22px;
}
 #page-list-pager.pg a{
    padding: 5px;
  }
  #page-list-pager a.pg:hover{

  }

  /* ================= 内页：公司动态 新闻列表 ================= */
  .page-news{padding:2px 0 4px}
  .news-item{padding:14px 2px 16px;border-bottom:1px dashed var(--index-line)}
  .news-item:first-child{padding-top:4px}
  .news-item:last-child{border-bottom:0}
  .news-t{position:relative;margin:0 0 8px;padding-left:16px;font-size:15px;font-weight:bold;line-height:1.6}
  .news-t::before{
    content:"";position:absolute;left:0;top:50%;margin-top:-5px;
    border-left:8px solid var(--page-blue);
    border-top:5px solid transparent;border-bottom:5px solid transparent;
  }
  .news-t a{color:#1b3350;transition:color .2s}
  .news-t a:hover{color:var(--page-blue)}
  .news-m{font-size:12.5px;color:#9aa5b1;margin-bottom:8px}
  .news-m b{font-weight:normal;color:#5b6673}
  .news-x{
    margin:0;font-size:13.5px;line-height:1.9;color:#5b6673;text-indent:2em;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }

    @media (max-width:820px){
    .index-top-news{flex-direction:column}
    .index-top-news img{width:100%;height:170px}
    .index-footer-main{flex-direction:column;align-items:flex-start}
    .index-nav a{font-size:14px}
    .page-wrap{padding:14px 0 0}
    .page-side{margin-bottom:16px}
    .page-article{padding:16px 14px 20px;min-height:auto}
    .page-crumb{flex-wrap:wrap;padding:10px 14px}
  }

  /* 抽屉里导航样式 */
  .index-drawer-nav a{display:block;padding:13px 16px;border-bottom:1px solid var(--index-line);color:#33404e}
  .index-drawer-nav a.is-active{color:var(--index-red);font-weight:bold}
  /* 桌面端已有完整导航条，抽屉彻底隐藏（mdui 抽屉在 ≥1024px 默认展开，故用 media 兜底） */
  @media (min-width:821px){
    #nav-drawer{display:none !important}
  }

  .mdui-tooltip{white-space:nowrap}