@charset "utf-8";

/* ==========================================================================
   阶段3 视觉增强（2026-10-03）—— 只新增，不改动下方任何既有属性值
   E2 设计 token：为将来统一调色留接口。当前值与既有硬编码完全一致（未改色）。
   注：本站主色 #01A446 在 style.css 出现 134 次，此处不批量替换（替换属改版风险，
       且对渲染零收益）。
   ========================================================================== */
:root{
  --c-primary:#01A446;              /* 主色（同既有硬编码值） */
  --c-primary-dark:#015db2;         /* 既有出现的深色（保留原值，未启用） */
  --c-text:#444;                    /* 正文色 */
  --c-text-light:#666;              /* 次要文本 */
  --c-border:#e5e5e5;               /* 常规边框 */
  --radius-sm:4px;                  /* 小圆角（新增） */
  --shadow-1:0 2px 8px rgba(0,0,0,.08);
  --shadow-2:0 6px 20px rgba(0,0,0,.12);
}

/* E7 无障碍：尊重系统「减少动态效果」偏好（仅对选择器生效，无布局影响） */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* CSS Document */

body {
    font-family: "微软雅黑";
    font-size: 12px;
    line-height: 26px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    background: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
address,
select,
span {
    margin: 0px;
    padding: 0px;
    font-weight: normal
}

a {
    text-decoration: none;
    color: #444;
    font-weight: normal
}

b {
    font-weight: normal;
}

p {
    font-weight: normal
}

a:hover {
    text-decoration: none;
    color: #015db2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

i,
dl,
dt,
em,
li {
    list-style-type: none;
    font-style: normal;
}

input,
textarea {
    font-family: "微软雅黑";
    outline: none;
}

a {
    border: none\9;
}

a img {
    border: none\9;
}

.Left {
    float: left;
}

.Right {
    float: right;
}

.clearfix {
    clear: both;
}

.indexbody {
    overflow-y: hidden;
}

/* §59 2026-10-03 已移除 sour/siyuan/cai 三个 @font-face： */
/* 全站 grep 确认这三族从未被任何规则 font-family 引用， */
/* 浏览器 document.fonts 实测状态为 unloaded（浏览器从不请求）； */
/* 且 css/style.css 里指向 ../font/ 的路径本就404（顶层无 font/ 目录）。 */
/* 历史包袱共约 11.5MB（思源黑体 6.1MB + SOURCEHANSANSC 5.2MB + 066-cai978 37KB）。 */
/* 如需恢复，从 _archive/2026-10-03-字体瘦身/ 取回原文件即可。 */

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/bebas.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('/fonts/jost-variable.woff2') format('woff2'),
         url('/fonts/jost-400.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/*
 * din —— 2026-10-01 整改
 *
 * 原声明：src: url('../font/DIN.WOFF_0.TTF')
 *   本站顶层根本没有 font/ 目录（存在的是 fonts/，差一个 s），所以这条一直是 404，
 *   15 处使用 din 的标题（多为 28px / 40px）这么多年来一直显示的是系统降级字体。
 *
 * 而手机版（static2/css/style.css）指向的那份文件是真实存在的，
 *   读其内嵌字体名为 "DIN Offc W22 Bold"（Version 7.504）—— Linotype / Monotype 的商业字体，需授权。
 *
 * 现改用 DINish：SIL Open Font License 1.1，免费商用，
 *   由 Monotype 的 D-DIN 派生，与 DIN 1451 同源，是最接近的免费替代。
 *   许可证见 fonts/_LICENSE-DINish.txt。
 *
 * 原字体只有 Bold 一个字重，因此这里把 Bold 面声明为覆盖 100~900 全字重，
 *   以还原「不论 CSS 写什么字重都显示为 Bold」的原始效果（与手机版现在的表现一致）。
 */
@font-face {
    font-family: 'din';
    src: url('/fonts/DINish-Bold.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
.headerbtm {
    width: 100%;
    height: auto;
    background: #fff
}

.headerbtm .header {
    width: 1200px;
    height: auto;
    padding: 45px 0;
    margin: 0 auto;
}

.headerbtm .header a.logo {
    display: block;
    float: left;
}

.headerbtm .header a.logo img {
    display: block;
}

.headerbtm .header .phone {
    margin-top: 20px;
    padding-left: 68px;
    float: right;
    background: url(../images/h-phone.png) no-repeat scroll left center;
}

.headerbtm .header .phone span {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.headerbtm .header .phone p {
    font-size: 28px;
    color: #01A446;
    line-height: 28px;
    font-family: "din";
}

/* ===== §77（2026-10-10）首页「透明悬浮头」=====
   首页（Index/Tpl/Index/index.php）置 $HOME_FLOAT_HEADER = true 后：
     .headertop 不输出 → .headerbtm 变 .hd-float → 悬浮压在 banner 上、半透明
     → 主导航 .navbar 移到 banner 之下（DOM 顺序已改，无需 CSS 参与）
   常规页不带 .hd-float / .hd-hero，以下规则**完全不生效**。 */

/* banner 的定位上下文：只首页有（index.php 里 <div class="hd-hero"> 包住 .banner） */
.hd-hero {
    position: relative;
}

.headerbtm.hd-float {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;                  /* §81b：absolute 元素的 100% 取的是视口宽，
                                           不补这条，电脑模式下悬浮头只有 980/390 宽、右侧露白 */
    z-index: 20;                        /* 高于 banner 内部 .flex-direction-nav(3) / .flex-control-nav(2) */
    background: rgba(255, 255, 255, 0.9);   /* 兜底：不支持 backdrop-filter 时偏实一点，保证文字可读 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

/* 支持毛玻璃的浏览器：更透一点，能看见底下的 banner 图 */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .headerbtm.hd-float {
        background: rgba(255, 255, 255, 0.72);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }
}

/* 悬浮态收窄上下留白：常规页是 padding:45px 0（白底页面里），
   压在 banner 上时不需要那么厚重，也避免遮掉太多 banner 画面。 */
.headerbtm.hd-float .header {
    padding: 18px 0;
}

/* 悬浮态热线号码压在图上，加一点白色描边保证任何 banner 底图上都读得清 */
.headerbtm.hd-float .phone p {
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
}

/* ===== §78 建文字层 ／ §79 三张图各配一套文案 ／ §80 文字右移略下 + 去掉按钮改整图可点 =====
   只在首页的 .hd-hero 内输出，常规页没有文字层。
   结构：.hd-hero > .banner(轮播) + .bn-copy(文字，右对齐) + .bn-hit(整图点击层)
         .bn-copy > .bn-copy-in > .bn-slide ×3（第1/2/3张各一套 h2 + p + 线）
   显隐：同一时刻只有带 .is-on 的那组可见，由首页 flexslider 的 after 回调切换；
   动效：遮罩上揭（父级 overflow:hidden，子元素 translateY 回 0），切图时随新组重播一次。
   位置：文字**右对齐**、垂直略靠下（top 250）—— 用户判「压在左侧重心不稳」后改的。
   跳转：§80 起不再有「了解更多」按钮，改由 .bn-hit 铺满整图，点哪都能进当前这张的业务页。
   文案与跳转维护在 Index/Tpl/Index/index.php 的 $bnCopy 数组里，这里只管样式。 */

/* §80：蒙版跟着文字走 —— 文字挪到右侧后，深色渐变必须镜像成「压右半边」，
   否则右侧白字压在亮图上照样读不清（§78 的教训：三张图明暗差极大，单一字色压不住）。
   270deg = 从右往左渐变；只压暗文字所在区，左侧画面保持原样。 */
.hd-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg,
        rgba(4, 42, 22, 0.66) 0%,
        rgba(4, 42, 22, 0.42) 34%,
        rgba(4, 42, 22, 0) 68%);
    pointer-events: none;
    z-index: 5;
}

.bn-copy {
    position: absolute;
    top: 310px;                 /* §81：再下移一档，让文字贴近画面视觉焦点
                                   （§80 为 250；文字块高约 125，底 ≈435，仍避开圆点 534） */
    left: 0;
    width: 100%;
    z-index: 15;                /* 高于 banner 内部控件(1/2/3)，低于悬浮头(20) */
    pointer-events: none;       /* 不挡底部圆点的点击（§80 起同时不挡 .bn-hit） */
    text-align: right;          /* §80：文字靠右（对齐 1200 内容容器的右边缘） */
}

.bn-copy-in {
    width: 100%;
    max-width: 1200px;          /* 与全站内容同宽；<1200 视口自动收窄，不会横向溢出 */
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;         /* §79：三组文案叠在同一位置用的定位上下文 */
}

.bn-copy h2,
.bn-copy p {
    margin: 0;
    overflow: hidden;           /* 遮罩：字从这里被“揭开” */
    font-weight: 500;
}

.bn-copy .bn-t1 {
    font-size: 40px;
    line-height: 1.42;
    letter-spacing: 2px;
    color: #FFFFFF;             /* 白字 + 左侧深色蒙版：三张 banner 图（亮/暗）都能读 */
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.bn-copy .bn-t2 {
    margin-top: 14px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.94);
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.bn-copy .bn-line {
    display: block;
    margin-top: 22px;
    width: 56px;
    height: 2px;
    background: #2ECA6E;        /* 品牌绿提亮一档，压在深色蒙版上才看得见 */
    margin-left: auto;          /* §80：文字右对齐后，装饰线也要跟着靠右 */
    margin-right: 0;
}

@keyframes bnRise { from { transform: translateY(118%); } to { transform: translateY(0); } }
@keyframes bnLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* §79：三套文案叠在同一处，只有 .is-on 那一组可见。
   第一组用 relative 撑住容器高度，其余 absolute 覆盖 —— 这样切图时下方内容不会跳动。
   visibility 立即生效（避免两组瞬间重叠），opacity 负责淡入淡出。 */
.bn-copy .bn-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.32s ease;
}
.bn-copy .bn-slide:first-child { position: relative; }
.bn-copy .bn-slide.is-on { visibility: visible; opacity: 1; }

/* 动画只挂在激活组上：切图时旧组撤掉 .is-on（动画随之还原），新组加上即重播一次。
   ⚠ 首页 JS 里在 removeClass 后强制了一次重排，否则同一帧内 remove+add 动画不会重启。 */
.bn-copy .bn-slide .bn-rise { display: block; animation: none; }
.bn-copy .bn-slide.is-on .bn-rise { animation: bnRise 0.9s cubic-bezier(0.16, 1, 0.3, 1) both; }
.bn-copy .bn-slide.is-on .bn-rise2 { animation-delay: 0.16s; }
.bn-copy .bn-slide .bn-line { transform-origin: right center; animation: none; }   /* §80：从右往左展开 */
.bn-copy .bn-slide.is-on .bn-line { animation: bnLine 0.7s 0.42s cubic-bezier(0.16, 1, 0.3, 1) both; }
/* §80 整张 banner 可点：铺满 .hd-hero 的一层透明链接（首页 index.php 里叫 .bn-hit）。
   ⚠ z-index 必须 **低于** 轮播圆点(2)，否则圆点被盖住就点不动了；
   ⚠ 文案层(15)与蒙版(5)都是 pointer-events:none，点击会穿透到这一层，不会抢它；
   ⚠ 左右箭头 .flex-direction-nav 本站 CSS 里本来就是 display:none，不存在冲突。
   href 由首页 JS 在切图时同步换成当前那一组文案的链接（无 JS 时默认第 1 张）。 */
.bn-hit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 1199px) {
    .bn-copy { top: 240px; }   /* §81：随 310 同步下移 */
    .bn-copy .bn-t1 { font-size: 32px; }
    .bn-copy .bn-t2 { font-size: 17px; margin-top: 10px; }
    .bn-copy .bn-line { margin-top: 16px; width: 44px; }
}

/* 无障碍：系统开启「减少动态效果」时静态呈现，不再位移 */
@media (prefers-reduced-motion: reduce) {
    .bn-copy .bn-rise,
    .bn-copy .bn-line { animation: none; transform: none; }
    .bn-copy .bn-slide { transition: none; }
}

.navbar {
    width: 100%;
    height: auto;
    background: #01A446;
}

.navbar .nav {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.navbar .nav ul li {
    float: left;
    position: relative;
}

.navbar .nav ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    padding: 0 32.8px;
    display: block;
}

.navbar .nav>ul>li:hover>a {
    background: #F4F6F4;
    color: #5F6A66;
}

.navbar .nav ul li.hov a {
    background: #F4F6F4;
    color: #5F6A66;
}

.banner {
    width: 100%;
    height: 550px;
}

.flexslider {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 550px;
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 20px;
    height: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    text-indent: -999px;
}

.flex-control-nav .flex-active {
    background: #01a446;
    width: 50px;
    transition: all 500ms;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
    display: none;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    /*background:url(../images/prev.png) center center no-repeat;*/
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    /*background:url(../images/next.png) center center no-repeat;*/
}

.h-bar {
    width: 100%;
    height: auto;
    background: #f3f3f3;
    border-bottom: 1px solid #e8e8e8
}

.h-bar .h-b {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 13px 0;
}

.h-bar .h-b .hot {
    width: auto;
    height: auto;
    float: left;
    padding-left: 38px;
    background: url(../images/hot-bg.jpg) no-repeat scroll left center;
}

.h-bar .h-b .hot p {
    font-size: 13px;
    color: #666;
    line-height: 34px;
    float: left;
}

.h-bar .h-b .hot ul {
    float: left;
}

.h-bar .h-b .hot ul li {
    float: left;
    margin-right: 15px;
}

.h-bar .h-b .hot ul li a {
    font-size: 13px;
    color: #666;
    line-height: 34px;
    display: block;
}

.h-bar .h-b .hot ul li:hover a {
    color: #01A446;
}

.h-bar .h-b .search {
    width: 238px;
    height: 32px;
    border: 1px solid #cacccd;
    float: right;
}

.h-bar .h-b .search .in_intxt {
    width: 190px;
    height: 32px;
    float: left;
    text-indent: 10px;
    font-size: 13px;
    color: #333;
    line-height: 32px;
    border: none;
    background: #f3f3f3
}

.h-bar .h-b .search .in_btn {
    width: 38px;
    height: 32px;
    float: right;
    background: #f3f3f3 url(../images/in_btn.png) no-repeat scroll center center;
    border: none;
    cursor: pointer;
}

.h-bar .h-b .search input:hover.in_btn {
    background-color: #f9f9f9
}

.index01 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 70px 0;
}

.index01 .il {
    width: 489px;
    height: auto;
    float: left;
    background: url(../images/videobg.png) no-repeat;
    margin-left: -10px;
    margin-top: -10px;
    padding-left: 10px;
    padding-top: 10px;
}

.index01 .il .ilbg {
    width: auto;
    height: auto;
    box-shadow: 5px 1px 7px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}

.index01 .il .ilbg a.imgs {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.index01 .il .ilbg a.btn {
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    top: 37%;
    left: 45%;
    background: url(../images/bf-btn.png) no-repeat;
}

.index01 .ir {
    width: 620px;
    height: auto;
    float: right;
}

.index01 .ir h2 {
    font-size: 30px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

.index01 .ir p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    text-align: justify;
}

.index01 .ir a.more {
    width: 218px;
    height: 46px;
    display: block;
    border-radius: 5px;
    border: 1px solid #9a9a9a;
    font-size: 16px;
    color: #555;
    line-height: 46px;
    margin-top: 30px;
    background: #fff;
    text-align: center;
    transition: all 300ms;
}

.index01 .ir a:hover.more {
    background: #01A446;
    border-color: #01A446;
    color: #fff;
    transition: all 300ms;
}

.index01 .ir .banner_bar_bd .bd_l {
    width: 620px;
    margin: 0 auto;
}

.index01 .ir .banner_bar_bd .bd_l_box {
    padding: 16px 0px 15px 0px;
}

.index01 .ir .banner_bar_bd .bd_l dl {
    float: left;
    padding: 14px 15px;
    text-align: center;
    width: auto;
    margin-right: 0;
}

.index01 .ir .banner_bar_bd .bd_l dl:last-child {
    border-right: none;
}


/*.index01 .ir .banner_bar_bd .bd_l dl dt{font-size:40px;color:#be8564;font-weight:bold;font-family: "BEBAS";margin-bottom: 10px;}

.index01 .ir .banner_bar_bd .bd_l dl dt em{font-size:26px;color:#be8564;font-weight:normal;margin-left:1px;font-family: "BEBAS";}

.index01 .ir .banner_bar_bd .bd_l dl dd{color:#666;font-size: 16px;}*/

.index01 .ir .banner_bar_bd .bd_l dl .num {
    font-size: 46px;
    color: #01A446;
    font-weight: bold;
    margin-right: 6px;
    float: none;
    font-family: "Bebas";
    height: 60px;
}

.index01 .ir .banner_bar_bd .bd_l dl .num em {
    font-size: 35px;
    color: #01A446;
    font-weight: normal;
    margin-left: 1px;
    font-family: "Bebas"
}

.index01 .ir .banner_bar_bd .bd_l dl .txt {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.index02bar {
    width: 100%;
    background: #efefef;
}

.index02bar .index02 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 50px;
}

.index02bar .index02 .it {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.index02bar .index02 .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 24px;
    background: url(../images/2844.png) no-repeat scroll bottom center;
    text-align: center;
}

.index02bar .index02 .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.index02bar .index02 .ib {
    width: auto;
    height: auto;
}

.index02bar .index02 .ib ul {
    width: 1250px;
    height: 450px;
}

.index02bar .index02 .ib ul li {
    width: 369px;
    height: auto;
    float: left;
    margin-right: 47px;
    margin-bottom: 40px;
}

.index02bar .index02 .ib ul li a.imgs {
    width: 369px;
    height: 246px;
    display: block;
    overflow: hidden;
}

.index02bar .index02 .ib ul li a.imgs img {
    width: 369px;
    display: block;
}

.index02bar .index02 .ib ul li .txts {
    width: 369px;
    height: 178px;
    background: #fff;
    transition: all 500ms;
}

.index02bar .index02 .ib ul li .txts .box {
    padding: 22px 28px 0 28px;
}

.index02bar .index02 .ib ul li .txts h2 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.index02bar .index02 .ib ul li .txts p {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    text-indent: 2em;
}

.index02bar .index02 .ib ul li .txts a.more {
    width: 138px;
    height: 38px;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    display: none;
    transition: all 500ms;
    margin-top: 25px;
}

.index02bar .index02 .ib ul li .txts a.add {
    width: 38px;
    height: 34px;
    display: block;
    background: url(../images/fw-more.png) no-repeat;
    margin: 0 auto;
    margin-top: 34px;
    transition: all 500ms;
}

.index02bar .index02 .ib ul li:hover .txts {
    background: #01A446;
    transition: all 500ms;
    height: 218px;
    position: relative;
    margin-top: -40px;
}

.index02bar .index02 .ib ul li:hover h2 {
    color: #fff;
    transition: all 500ms;
}

.index02bar .index02 .ib ul li:hover p {
    color: #fff;
    transition: all 500ms;
}

.index02bar .index02 .ib ul li:hover a.more {
    display: block;
    transition: all 500ms;
}

.index02bar .index02 .ib ul li:hover a.add {
    display: none;
    transition: all 500ms;
}

.areascroll {
    width: 1200px;
    height: 450px;
    position: relative;
}

.areascroll .prev {
    width: 25px;
    height: 59px;
    background: url(../images/2801.png) no-repeat scroll top center;
    cursor: pointer;
    position: absolute;
    left: -49px;
    top: 41%;
    transition: all 500ms;
}

.areascroll .next {
    width: 25px;
    height: 59px;
    background: url(../images/2824.png) no-repeat scroll top center;
    cursor: pointer;
    position: absolute;
    right: -49px;
    top: 41%;
    transition: all 500ms;
}

.areascroll span:hover.prev {
    background-position: bottom center;
    transition: all 500ms;
}

.areascroll span:hover.next {
    background-position: bottom center;
    transition: all 500ms;
}

.areascroll .bd {
    width: 1200px;
    height: 450px;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden
}

.index03bar {
    width: 100%;
    height: auto;
    background: #fff;
}

.index03bar .index03 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 50px;
}

.index03bar .index03 .it {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.index03bar .index03 .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 24px;
    background: url(../images/2844.png) no-repeat scroll bottom center;
    text-align: center;
}

.index03bar .index03 .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.index03bar .index03 .ib {
    width: auto;
    height: auto;
}

.index03bar .index03 .ib .ysbox {
    width: auto;
    height: auto;
}

.index03bar .index03 .ib .ysbox img {
    display: block;
}

.index03bar .index03 .ib .ysbox .dl {
    width: 600px;
    height: 400px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt {
    padding-top: 97px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt .num {
    width: 64px;
    height: 114px;
    display: block;
    background: url(../images/ys01.png) no-repeat;
    font-size: 34px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    float: left;
    margin-right: 25px;
    font-family: "Bebas"
}

.index03bar .index03 .ib .ysbox .dl .dtxt .txts {
    width: 450px;
    height: auto;
    float: left;
}

.index03bar .index03 .ib .ysbox .dl .dtxt .txts h1 {
    font-size: 26px;
    color: #333;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt .txts .line {
    width: 51px;
    height: 4px;
    display: block;
    background: #01A446;
    margin-bottom: 30px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt .txts p {
    font-size: 14px;
    color: #444;
    line-height: 26px;
    padding-left: 15px;
    background: url(../images/ysbg.png) no-repeat scroll 0px 10px;
    margin-bottom: 8px;
}

.index03bar .index03 .ib .ysbox .dl.Right .dtxt {
    padding-left: 58px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 {
    padding-top: 45px;
    padding-left: 58px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 .num {
    width: 64px;
    height: 114px;
    display: block;
    background: url(../images/ys01.png) no-repeat;
    font-size: 34px;
    color: #fff;
    line-height: 90px;
    text-align: center;
    float: left;
    margin-right: 25px;
    font-family: "Bebas"
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 .txts {
    width: 450px;
    height: auto;
    float: left;
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 .txts h1 {
    font-size: 26px;
    color: #333;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 .txts .line {
    width: 51px;
    height: 4px;
    display: block;
    background: #01A446;
    margin-bottom: 30px;
}

.index03bar .index03 .ib .ysbox .dl .dtxt2 .txts p {
    font-size: 14px;
    color: #444;
    line-height: 26px;
    padding-left: 15px;
    background: url(../images/ysbg.png) no-repeat scroll 0px 10px;
    margin-bottom: 8px;
}

.focus {
    position: relative;
    width: 600px;
    height: 400px;
    background-color: #000;
    float: left;
}

.focus img {
    width: 600px;
    height: 400px;
}

.focus .shadow .title {
    width: 260px;
    height: 65px;
    padding-left: 30px;
    padding-top: 20px;
}

.focus .shadow .title a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

.focus .btn {
    position: absolute;
    bottom: 34px;
    left: 510px;
    overflow: hidden;
    zoom: 1;
}

.focus .btn a {
    position: relative;
    display: inline;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    margin: 0 5px;
    color: #B0B0B0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #D9D9D9;
}

.focus .btn a:hover,
.focus .btn a.current {
    cursor: pointer;
    background: #fc114a;
}

.focus .fPic {
    position: absolute;
    left: 0px;
    top: 0px;
}

.focus .D1fBt {
    overflow: hidden;
    zoom: 1;
    height: 16px;
    z-index: 10;
}

.focus .shadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 10;
    height: 80px;
    line-height: 80px;
    background: rgba(0, 0, 0, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
    display: block;
    text-align: left;
}

.focus .shadow a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    margin-left: 10px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
}

.focus .fcon {
    position: relative;
    width: 100%;
    float: left;
    display: none;
    background: #000
}

.focus .fcon img {
    display: block;
}

.focus .fbg {
    bottom: 25px;
    right: 40px;
    position: absolute;
    height: 21px;
    text-align: center;
    z-index: 200;
}

.focus .fbg div {
    margin: 4px auto 0;
    overflow: hidden;
    zoom: 1;
    height: 14px
}

.focus .D1fBt a {
    position: relative;
    display: inline;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    margin: 0 5px;
    color: #B0B0B0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #D9D9D9;
}

.focus .D1fBt .current,
.focus .D1fBt a:hover {
    background: #fc114a;
}

.focus .D1fBt img {
    display: none
}

.focus .D1fBt i {
    display: none;
    font-style: normal;
}

.focus .prev,
.focus .next {
    position: absolute;
    width: 25px;
    height: 59px;
    transition: all 500ms;
}

.focus .prev {
    top: 50%;
    margin-top: -37px;
    left: 0;
    cursor: pointer;
    background: url(../images/2801.png) no-repeat scroll top center;
}

.focus .next {
    top: 50%;
    margin-top: -37px;
    right: 0;
    background: url(../images/2824.png) no-repeat scroll top center;
    cursor: pointer;
}

.focus .prev:hover {
    background-position: bottom center;
    transition: all 500ms
}

.focus .next:hover {
    background-position: bottom center;
    transition: all 500ms;
}

.index04bar {
    width: 100%;
    height: auto;
    background: #fff;
}

.index04bar .index04 {
    width: 1200px;
    height: 345px;
    margin: 0 auto;
    background: url(../images/zximg.jpg) no-repeat scroll right bottom;
    padding-top: 45px;
}

.index04bar .index04 .itxt {
    padding-left: 11px;
    padding-top: 115px;
}

.index04bar .index04 h2 {
    font-size: 22px;
    color: #01A446;
    line-height: 36px;
    font-weight: bold;
}

.index04bar .index04 h4 {
    font-size: 18px;
    color: #01A446;
    line-height: 36px;
    font-weight: bold;
}

.index04bar .index04 p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
}

.index04bar .index04 a.zxbtn {
    width: 122px;
    height: 34px;
    display: block;
    border: 2px solid #01A446;
    font-size: 18px;
    color: #01A446;
    line-height: 34px;
    text-align: center;
    margin-top: 10px;
    transition: all 500ms;
}

.index04bar .index04 a:hover.zxbtn {
    background: #01A446;
    color: #fff;
    transition: all 500ms;
}

.index05bar {
    width: 100%;
    height: auto;
    background: url(../images/advbg.jpg) no-repeat scroll top center;
}

.index05bar .index05 {
    width: 1200px;
    height: 200px;
    margin: 0 auto;
}

.index05bar .index05 .itxt {
    padding: 55px 30px 0;
}

.index05bar .index05 .itxt .il {
    width: auto;
    height: auto;
}

.index05bar .index05 .itxt .il p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 16px;
}

.index05bar .index05 .itxt .il h3 {
    font-size: 32px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
}

.index05bar .index05 .itxt .ir {
    width: auto;
    height: auto;
}

.index05bar .index05 .itxt .ir p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.index05bar .index05 .itxt .ir p span {
    font-size: 28px;
    color: #fff;
    line-height: 24px;
    font-family: "Bebas";
    margin-left: 5px;
}

.index05bar .index05 .itxt .ir a.zxbtn {
    width: 122px;
    height: 34px;
    display: block;
    text-align: center;
    border: 2px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-top: 23px;
    background: none;
    transition: all 500ms;
    float: right;
}

.index05bar .index05 .itxt .ir a:hover.zxbtn {
    background: #01A446;
    transition: all 500ms;
}

.index11bar {
    width: 100%;
    height: auto;
    background: url(../images/advbg01.jpg) no-repeat scroll top center;
}

.index11bar .index05 {
    width: 1200px;
    height: 140px;
    margin: 0 auto;
}

.index11bar .index05 .itxt {
    padding: 25px 30px 0;
}

.index11bar .index05 .itxt .il {
    width: auto;
    height: auto;
}

.index11bar .index05 .itxt .il p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 16px;
}

.index11bar .index05 .itxt .il h3 {
    font-size: 32px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
}

.index11bar .index05 .itxt .ir {
    width: auto;
    height: auto;
}

.index11bar .index05 .itxt .ir p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.index11bar .index05 .itxt .ir p span {
    font-size: 28px;
    color: #fff;
    line-height: 24px;
    font-family: "Bebas";
    margin-left: 5px;
}

.index11bar .index05 .itxt .ir a.zxbtn {
    width: 122px;
    height: 34px;
    display: block;
    text-align: center;
    border: 2px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-top: 23px;
    background: none;
    transition: all 500ms;
    float: right;
}

.index11bar .index05 .itxt .ir a:hover.zxbtn {
    background: #01A446;
    transition: all 500ms;
}

.index06bar {
    width: 100%;
    height: auto;
    background: url(../images/index06bg.jpg) repeat;
}

.index06bar .index06 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0
}

.index06bar .index06 .it {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.index06bar .index06 .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 24px;
    background: url(../images/2844.png) no-repeat scroll bottom center;
    text-align: center;
}

.index06bar .index06 .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.index06bar .index06 .ib {
    width: auto;
    height: auto;
}

.index06bar .index06 .ib .il {
    width: 279px;
    height: auto;
    float: left;
    background: #01A446;
}

.index06bar .index06 .ib .il .t {
    width: auto;
    height: auto;
    padding: 27px 0 26px;
    background: #01A446
}

.index06bar .index06 .ib .il .t h2 {
    font-size: 26px;
    color: #fff;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.index06bar .index06 .ib .il .t p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-family: "din";
    text-align: center;
    line-height: 16px;
}

.index06bar .index06 .ib .il .b {
    margin: 0 8px 0 9px;
    background: #fff;
    padding: 13px;
    height: 332px;
}

.index06bar .index06 .ib .il .b .hov h3 a {
    background: #01A446
}

.index06bar .index06 .ib .il .b .hov1 h3 a {
    background: #01A446
}

.index06bar .index06 .ib .il .b .hov2 h3 a {
    background: #01A446
}

.index06bar .index06 .ib .il .b .hov3 h3 a {
    background: #01A446
}

.index06bar .index06 .ib .il .b h3 a {
    font-size: 18px;
    color: #fff;
    width: 236px;
    height: 41px;
    display: block;
    text-align: center;
    line-height: 41px;
    background: #656565;
}

.index06bar .index06 .ib .il .b h3 a:hover {
    background: #01A446
}

.index06bar .index06 .ib .il .b ul {
    padding: 6.5px 0;
    height: 0;
    transition: all 500ms;
    overflow: hidden;
}

.index06bar .index06 .ib .il .b ul li {
    width: 50%;
    float: left;
}

.index06bar .index06 .ib .il .b ul li a {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    display: block;
    padding-left: 20px;
    background: url(../images/ysbg.png) no-repeat scroll 5px 12px;
    transition: all 500ms;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.index06bar .index06 .ib .il .b ul li:hover a {
    color: #01A446;
    transition: all 500ms;
}

.index06bar .index06 .ib .il .c {
    width: auto;
    height: auto;
    background: #01A446 url(../images/climg.png) no-repeat scroll 27px 33px;
    padding-left: 80px;
    padding-top: 25px;
    padding-bottom: 49px;
}

.index06bar .index06 .ib .il .c span {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.index06bar .index06 .ib .il .c p {
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    font-family: "din"
}

.index06bar .index06 .ib .ir {
    width: 893px;
    height: 586px;
    float: right;
    overflow: hidden;
}

.index06bar .index06 .ib .ir .rt {
    width: auto;
    height: auto;
    background: #fff;
    margin-bottom: 16px;
}

.index06bar .index06 .ib .ir .rt h2 {
    font-size: 16px;
    color: #fff;
    line-height: 41px;
    float: left;
    padding: 0 21px;
    background: #01A446;
}

.index06bar .index06 .ib .ir .rt a.more {
    font-size: 14px;
    color: #888;
    line-height: 41px;
    display: block;
    float: right;
    margin-right: 20px;
    font-family: "din";
    transition: all 500ms;
}

.index06bar .index06 .ib .ir .rt a:hover.more {
    color: #01A446;
    transition: all 500ms;
}

.index06bar .index06 .ib .ir .rb {
    width: auto;
    height: auto;
}

.index06bar .index06 .ib .ir .rb ul {
    width: 930px;
}

.index06bar .index06 .ib .ir .rb ul li {
    width: 277px;
    height: auto;
    float: left;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin-right: 28px;
    margin-bottom: 28px;
}

.index06bar .index06 .ib .ir .rb ul li .txts {
    padding: 10px 18px;
}

.index06bar .index06 .ib .ir .rb ul li a.imgs {
    width: 277px;
    height: 185px;
    display: block;
    overflow: hidden;
    transition: all 500ms;
}

.index06bar .index06 .ib .ir .rb ul li a.imgs img {
    width: 100%;
    display: block;
}

.index06bar .index06 .ib .ir .rb ul li a.tits {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    display: block;
    transition: all 500ms;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.index06bar .index06 .ib .ir .rb ul li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    text-indent: 2em
}

.index06bar .index06 .ib .ir .rb ul li:hover a.imgs {
    opacity: 0.8;
    transition: all 500ms;
}

.index06bar .index06 .ib .ir .rb ul li:hover a.tits {
    color: #01A446;
    transition: all 500ms;
}

.index06bar .index06 .ib .ir .rb ul li:hover p {
    color: #01A446;
    transition: all 500ms;
}

.index07bar {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 20px;
}

.index07bar .index07 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 45px 0 25px;
}

.index07bar .index07 .it {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.index07bar .index07 .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 24px;
    background: url(../images/2844.png) no-repeat scroll bottom center;
    text-align: center;
}

.index07bar .index07 .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.index07bar .index07 .ib {
    width: auto;
    height: auto;
}

.index07bar .index07 .ib ul {
    width: 1250px;
}

.index07bar .index07 .ib ul li {
    width: 369px;
    height: auto;
    float: left;
    margin-right: 47px;
}

.index07bar .index07 .ib ul li a.imgs {
    width: 369px;
    height: 246px;
    display: block;
    overflow: hidden;
}

.index07bar .index07 .ib ul li a.imgs img {
    width: 369px;
    display: block;
}

.index07bar .index07 .ib ul li .txts {
    width: 369px;
    height: 178px;
    background: rgba(244, 246, 244, 0.95);
    transition: all 500ms;
}

.index07bar .index07 .ib ul li .txts .box {
    padding: 22px 28px 0 28px;
}

.index07bar .index07 .ib ul li .txts h2 {
    font-size: 18px;
    color: #5F6A66;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.index07bar .index07 .ib ul li .txts p {
    font-size: 14px;
    color: #5F6A66;
    line-height: 24px;
    text-indent: 2em;
}

.index07bar .index07 .ib ul li .txts a.more {
    width: 138px;
    height: 38px;
    display: block;
    margin: 0 auto;
    border: 1px solid #01A446;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    transition: all 500ms;
    margin-top: 33px;
    background: #01A446
}


/*.index07bar .index07 .ib ul li .txts a.add{width: 38px;height: 34px;display: block;background: url(../images/fw-more.png) no-repeat;margin: 0 auto;margin-top: 34px;transition: all 500ms;}*/

.index07bar .index07 .ib ul li:hover .txts {
    background: #01A446;
    transition: all 500ms;
    height: 218px;
    position: relative;
    margin-top: -40px;
}

.index07bar .index07 .ib ul li:hover h2 {
    color: #fff;
    transition: all 500ms;
}

.index07bar .index07 .ib ul li:hover p {
    color: #fff;
    transition: all 500ms;
}

.index07bar .index07 .ib ul li:hover a.more {
    display: block;
    transition: all 500ms;
    border-color: #fff;
}


/*.index07bar .index07 .ib ul li{width: 369px;height: auto;padding: 15px;background: #fff;transition: all 500ms;float:left;margin-right: 15px;}

.index07bar .index07 .ib ul li a.imgs{width: 369px;height: 246px;display: block;overflow: hidden;}

.index07bar .index07 .ib ul li a.imgs img{width: 369px;display: block;transition: all 500ms;}

.index07bar .index07 .ib ul li .txts{width: auto;height: auto;padding: 20px 0 15px;}

.index07bar .index07 .ib ul li .txts h2{font-size: 18px;color:#333;line-height: 24px;text-align: center;margin-bottom: 20px;font-weight: bold;}

.index07bar .index07 .ib ul li .txts a.more{width: 138px;height: 38px;display: block;text-align: center;margin: 0 auto;border: 1px solid #cecece;font-size: 14px;color:#333;line-height: 38px;margin: 0 auto;transition: all 500ms;}

.index07bar .index07 .ib ul li:hover{box-shadow:2px 1px 13px 4px rgba(0,0,0,0.1);transition: all 500ms;}

.index07bar .index07 .ib ul li:hover a.imgs img{opacity: 0.8;transition: all 500ms;}

.index07bar .index07 .ib ul li:hover .txts a.more{background: #01A446;color:#fff;border-color: #01A446;transition: all 500ms;}*/

.index08bar {
    width: 100%;
    height: auto;
    background: #fff;
}

.index08bar .index08 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0px 0 50px;
}

.index08bar .index08 .it {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.index08bar .index08 .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 24px;
    background: url(../images/2844.png) no-repeat scroll bottom center;
    text-align: center;
}

.index08bar .index08 .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}

.index08bar .index08 .ib {
    width: auto;
    height: 500px;
    overflow: hidden;
}

.index08bar .index08 .ib .il {
    width: 229px;
    height: auto;
    float: left;
    margin-right: 11px;
}

.index08bar .index08 .ib .il ul li {
    width: 229px;
    height: 99px;
    margin-bottom: 1px;
}

.index08bar .index08 .ib .il ul li a {
    font-size: 18px;
    color: #fff;
    line-height: 99px;
    text-align: center;
    display: block;
    background: #F4F6F4;
    color: #5F6A66;
    transition: all 500ms;
}

.index08bar .index08 .ib .il ul li:hover a {
    background: #01A446;
    color: #fff;
    transition: all 500ms
}

.index08bar .index08 .ib .il ul li.h1 a {
    background: #01A446;
    color: #fff;
    transition: all 500ms;
}

.index08bar .index08 .ib .ir {
    width: 960px;
    height: auto;
    float: right;
}

.index08bar .index08 .ib .ir .lbox {
    width: 750px;
    height: 500px;
    float: left;
    position: relative;
}

.index08bar .index08 .ib .ir .lbox a.imgs {
    width: 750px;
    height: 500px;
    display: block;
    overflow: hidden;
}

.index08bar .index08 .ib .ir .lbox a.imgs img {
    width: 100%;
    display: block;
}

.index08bar .index08 .ib .ir .lbox .text {
    width: 710px;
    height: auto;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
}

.index08bar .index08 .ib .ir .lbox .text a.tit {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    transition: all 500ms;
}

.index08bar .index08 .ib .ir .lbox .text p {
    font-size: 14px;
    color: #c8c8c8;
    line-height: 24px;
}

.index08bar .index08 .ib .ir .lbox .text p a.more {
    color: #01a446;
    transition: all 500ms;
}

.index08bar .index08 .ib .ir .lbox .text a:hover.tit {
    color: #01A446;
    transition: all 500ms;
}

.index08bar .index08 .ib .ir .lbox .text p a:hover.more {
    color: #ee443c;
    transition: all 500ms
}

.index08bar .index08 .ib .ir .rbox {
    width: 195px;
    height: auto;
    float: right;
    position: relative;
}

.index08bar .index08 .ib .ir .rbox .top {
    width: 195px;
    height: 80px;
    margin-bottom: 10px;
    position: relative;
    background: #27262b;
}

.index08bar .index08 .ib .ir .rbox .top h2 {
    font-size: 18px;
    color: #fff;
    line-height: 80px;
    text-indent: 42px;
}

.casescroll {
    width: 195px;
    height: 410px;
}

.casescroll .prev {
    display: none;
    width: 41px;
    height: 32px;
    background: url(../images/scroll-left.png) no-repeat scroll left top;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 8px;
    transition: all 500ms;
}

.casescroll .next {
    display: none;
    width: 41px;
    height: 32px;
    background: url(../images/scroll-right.png) no-repeat scroll right top;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 40px;
    transition: all 500ms;
}

.casescroll span:hover.prev {
    background-color: #f9f9f9;
    transition: all 500ms;
}

.casescroll span:hover.next {
    background-color: #f9f9f9;
    transition: all 500ms;
}

.casescroll .bd {
    width: 195px;
    height: 500px;
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
}

.casescroll .bd ul {
    overflow: hidden;
    zoom: 1;
}

.casescroll .bd ul li {
    width: 195px;
    height: 130px;
    overflow: hidden;
    margin-right: 36px;
    margin-bottom: 10px;
}

.casescroll .bd ul li a.imgs {
    display: block;
    width: 195px;
    height: 130px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: all 500ms;
}

.casescroll .bd ul li a.imgs img {
    width: 195px;
    display: block;
}


/*.txtScroll-left1 .bd ul li a.tits{font-size: 14px;color:#222;line-height: 30px;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}*/

.casescroll .bd ul li:hover a.tits {
    color: #15b559;
}

.casescroll .bd ul li:hover a.imgs {
    opacity: 0.8;
    transition: all 500ms;
}

.index09bar {
    width: 100%;
    height: auto;
    background: #fff;
}

.index09bar .index09 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 35px 0 30px;
}

.index09bar .index09 .il {
    width: 790px;
    height: auto;
    float: left;
}

.index09bar .index09 .il .t {
    width: auto;
    height: auto;
    background: url(../images/n-t-bg.jpg) repeat-x scroll 0px 48px;
}

.index09bar .index09 .il .t h2 {
    font-size: 18px;
    color: #333;
    line-height: 47px;
    border-bottom: 3px solid #01A446;
    float: left;
    font-weight: bold;
}

.index09bar .index09 .il .b {
    padding-top: 29px;
}

.index09bar .index09 .il .b .bl {
    width: 369px;
    height: auto;
    float: left;
}

.index09bar .index09 .il .b .bl a.imgs {
    width: 369px;
    height: 246px;
    display: block;
    overflow: hidden;
}

.index09bar .index09 .il .b .bl a.imgs img {
    width: 369px;
    display: block;
    transition: all 500ms;
    height:
}

.index09bar .index09 .il .b .bl .txts {
    padding: 13px 29px 15px 29px;
    background: #f1f1f1;
    position: relative;
}

.index09bar .index09 .il .b .bl .txts .times {
    width: 70px;
    height: 85px;
    display: block;
    position: absolute;
    left: 16px;
    top: -58px;
    background: #01A446;
    padding-left: 8px;
    padding-right: 7px;
}

.index09bar .index09 .il .b .bl .txts .times .day {
    font-size: 38px;
    color: #fff;
    line-height: 50px;
    display: block;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    font-family: "din";
}

.index09bar .index09 .il .b .bl .txts .times .year {
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    display: block;
}

.index09bar .index09 .il .b .bl .txts a.tit {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
    text-indent: 100px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all 500ms;
}

.index09bar .index09 .il .b .bl .txts p {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    text-align: justify;
    text-indent: 2em;
}

.index09bar .index09 .il .b .bl .txts p a.more {
    color: #01A446;
    transition: all 500ms;
}

.index09bar .index09 .il .b .bl:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.index09bar .index09 .il .b .bl:hover .txts a.tit {
    color: #01A446;
    transition: all 500ms;
}

.index09bar .index09 .il .b .bl .txts a:hover.more {
    color: #01A446;
    transition: all 500ms;
}

.index09bar .index09 .il .b .br {
    width: 385px;
    height: auto;
    float: right;
    margin-top: 15px;
}

.index09bar .index09 .il .b .br ul {
    background: url(../images/n-r-line.png) repeat-y scroll 4px 0px;
    position: relative;
}

.index09bar .index09 .il .b .br .brbg {
    width: 8px;
    height: 12px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.index09bar .index09 .il .b .br ul li {
    padding-left: 24px;
    background: url(../images/n-r-bg2.png) no-repeat scroll 0px 12px;
    margin-bottom: 14.5px;
}

.index09bar .index09 .il .b .br ul li.n-bg {
    background: url(../images/n-r-bg.png) no-repeat scroll 0 12px;
}

.index09bar .index09 .il .b .br ul li a {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    transition: all 500ms;
}

.index09bar .index09 .il .b .br ul li span {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    display: block;
    float: right;
}

.index09bar .index09 .il .b .br ul li:hover a {
    color: #01A446;
    transition: all 500ms;
}

.index09bar .index09 .ir {
    width: 329px;
    height: auto;
    float: right;
}

.index09bar .index09 .ir .rt {
    background: url(../images/n-t-bg.jpg) repeat-x scroll 0px 48px;
}

.index09bar .index09 .ir .rt h2 {
    font-size: 18px;
    color: #333;
    line-height: 47px;
    border-bottom: 3px solid #01A446;
    float: left;
    font-weight: bold;
}

.index09bar .index09 .ir .rb {
    padding-top: 24px;
}

.index09bar .index09 .ir .rb ul li {
    margin-bottom: 25px;
}

.index09bar .index09 .ir .rb ul li a.tit {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    display: block;
    text-indent: 35px;
    background: url(../images/wen.png) no-repeat scroll left center;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 8px;
    transition: all 500ms;
}

.index09bar .index09 .ir .rb ul li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: justify;
    padding-left: 35px;
    background: url(../images/da.png) no-repeat scroll left top;
}

.index09bar .index09 .ir .rb ul li p a.more {
    color: #01A446;
}

.index09bar .index09 .ir .rb ul li:hover a.tit {
    color: #01A446;
    transition: all 500ms;
}

.index10bar {
    width: 100%;
    height: auto;
    background: #f4f4f4
}

.index10bar .index10 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 50px;
}

.index10bar .index10 .it {
    width: auto;
    height: auto;
    background: url(../images/n-t-bg.jpg) repeat-x scroll 0px 48px;
}

.index10bar .index10 .it h2 {
    font-size: 18px;
    color: #333;
    line-height: 47px;
    border-bottom: 3px solid #01A446;
    float: left;
    font-weight: bold;
}

.index10bar .index10 .ib {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 27px;
}

.index10bar .index10 .ib .bd {
    height: 120px;
}

.index10bar .index10 .ib ul {
    overflow: hidden;
    width: 1230px;
    zoom: 1;
}

.index10bar .index10 .ib ul li {
    overflow: hidden;
    text-align: center;
    margin-right: 13px;
    float: left;
    zoom: 1;
    border: 1px solid #d2d2d2;
    width: auto!important;
}

.index10bar .index10 .ib ul li a.imgs {
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.index10bar .index10 .ib ul li a.imgs img {
    width: auto;
    height: 90px;
    display: block;
}

.footerbar01 {
    width: 100%;
    height: auto;
    background: #1f2024;
    border-bottom: 1px solid #3c3c42;
}

.footerbar01 .footer {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0 45px;
}

.footerbar01 .footer .fl {
    width: auto;
    height: auto;
    padding-top: 35px;
    float: left;
}

.footerbar01 .footer .fl .f-phone {
    padding-left: 56px;
    background: url(../images/climg.png) no-repeat scroll left center;
}

.footerbar01 .footer .fl .f-phone span {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    display: block;
}

.footerbar01 .footer .fl .f-phone p {
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    font-family: "din";
}

.footerbar01 .footer .fl form {
    width: 254px;
    height: 28px;
    padding: 6px;
    padding-left: 0;
    border: 2px solid #3c3c42;
    margin-top: 25px;
}

.footerbar01 .footer .fl form .in_intxt {
    width: 174px;
    height: 28px;
    background: none;
    border: none;
    font-size: 12px;
    color: #ababab;
    line-height: 24px;
    text-indent: 8px;
    float: left;
}

.footerbar01 .footer .fl form .in_btn {
    width: 79px;
    height: 28px;
    border: none;
    border-radius: 3px;
    background: #01A446;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    float: right;
    color: #fff;
    transition: all 500ms;
}

.footerbar01 .footer .fl form input:hover.in_btn {
    background: #f9404f;
    transition: all 500ms;
}

.footerbar01 .footer .fnav {
    /*    margin: 0 auto;
    width: 550px;*/
}

.footerbar01 .footer .fnav ul {
    float: left;
    margin-left: 80px;
    margin-bottom: 20px;
}

.footerbar01 .footer .fnav ul h3 {
    font-size: 14px;
    color: #d6d6d6;
    line-height: 22px;
    margin-bottom: 10px;
}

.footerbar01 .footer .fnav ul li {
    width: auto;
    height: auto;
}

.footerbar01 .footer .fnav ul li a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 24px;
    display: block;
    transition: all 500ms;
}

.footerbar01 .footer .fnav ul li:hover a {
    color: #01A446;
    transition: all 500ms;
}

.footerbar01 .footer .fr {
    width: auto;
    height: auto;
    float: right;
}

.footerbar01 .footer .fr h3 {
    font-size: 14px;
    color: #d6d6d6;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: center;
}

.footerbar01 .footer .fr p img {
    display: block;
    width: 112px;
    margin: 0 auto;
}

.footerbar02 {
    width: 100%;
    height: auto;
    background: #1f2024;
}

.footerbar02 .footer {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.footerbar02 .footer p {
    font-size: 13px;
    color: rgba(214, 214, 214, 0.6);
    line-height: 59px;
    float: left;
}

.footerbar02 .footer p a {
    color: rgba(214, 214, 214, 0.6);
    transition: all 500ms;
}

.footerbar02 .footer p a:hover {
    color: #01A446;
    transition: all 500ms;
}


/*面包屑*/

.snavbar2 {
    width: 100%;
    height: auto;
    background: #f3f3f3;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.snavbar2 .snavbox {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.snavbar2 .snavbox .snav {
    float: left;
}

.snavbar2 .snavbox .snav ul li {
    float: left;
    margin-right: 15px;
}

.snavbar2 .snavbox .snav ul li a {
    font-size: 15px;
    color: #222;
    line-height: 58px;
    display: block;
    text-align: center;
    border-bottom: 2px solid #f3f3f3
}

.snavbar2 .snavbox .snav ul li.hov a {
    color: #01A446;
    border-color: #01A446;
}

.snavbar2 .snavbox .snav ul li:hover a {
    color: #01A446;
    border-color: #01A446;
}

.snavbar2 .snavbox .bread {
    float: right;
    font-size: 13px;
    color: #999;
    line-height: 60px;
    display: inline-block;
    padding-left: 22px;
}

.snavbar2 .snavbox .bread a {
    font-size: 13px;
    color: #999;
    line-height: 50px;
    display: inline-block;
    padding: 0 5px;
    padding-right: 6px
}

.snavbar2 .snavbox .bread a:hover {
    color: #01A446;
}

.snavbar2 .snavbox .bread a.cur {
    color: #444;
}

.snavbar2 .snavbox .bread a:hover.cur {
    color: #01A446;
}


/*加固材料*/

.prodlist {
    width: 1220px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
}

.prodlist .p-t {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.prodlist .p-t table {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    background: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-bottom: none;
}

.prodlist .p-t table th {
    border-bottom: 1px solid #dcdcdc;
}

.prodlist .p-t table th h2 {
    width: 118px;
    height: 41px;
    margin: 0 auto;
    font-size: 15px;
    color: #fff;
    line-height: 41px;
    text-align: center;
    background: #656565;
    transition: all 500ms;
}

.prodlist .p-t table tr:hover th h2 {
    background: #01A446;
    transition: all 500ms;
}

.prodlist .p-t table td {
    width: auto;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    padding-left: 10px;
    background: #f5f5f5;
}

.prodlist .p-t table td ul li {
    float: left;
}

.prodlist .p-t table td ul li a {
    font-size: 15px;
    color: #333;
    line-height: 55px;
    display: block;
    padding: 0 10px;
    display: block;
}

.prodlist .p-t table td ul li:hover a {
    color: #01A446;
}

.prodlist .p-t table td ul li.hov a {
    color: #01A446;
}

.prodlist .p-b {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 39px;
}

.prodlist .p-b ul {
    width: 1230px;
}

.prodlist .p-b ul li {
    width: 277px;
    height: auto;
    float: left;
    margin-right: 28px;
    margin-bottom: 28px;
    border: 1px solid #dcdcdc;
    transition: all 500ms;
}

.prodlist .p-b ul li a.imgs {
    width: 277px;
    height: 185px;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    transition: all 500ms;
}

.prodlist .p-b ul li a.imgs img {
    width: 277px;
    display: block;
    transition: all 500ms;
    height: 186px;
}

.prodlist .p-b ul li .text {
    width: auto;
    height: auto;
    padding: 10px 18px;
}

.prodlist .p-b ul li .text a.tit {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all 500ms;
    font-weight: bold;
}

.prodlist .p-b ul li .text p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    transition: all 500ms;
    text-indent: 2em;
}


/*.prodlist .p-b ul li:hover{border-color: #01A446;transition: all 500ms;}*/


/*.prodlist .p-b ul li:hover a.imgs{border-color: #01A446}*/

.prodlist .p-b ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.prodlist .p-b ul li:hover .text a.tit {
    color: #01A446;
    transition: all 500ms;
}

.prodlist .p-b ul li:hover .text p {
    color: #01A446;
    transition: all 500ms;
}


/*加固材料详情*/

.prodbox {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.prodbox .pt {
    width: auto;
    height: auto;
}

.prodbox .pt .tl {
    width: 598px;
    height: 398px;
    border: 1px solid #dcdcdc;
    float: left;
    overflow: hidden;
}

.prodbox .pt .tl img {
    width: 598px;
    display: block;
}

.prodbox .pt .tr {
    width: 550px;
    height: auto;
    padding-top: 35px;
    float: right;
}

.prodbox .pt .tr h2 {
    font-size: 30px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 25px;
}

.prodbox .pt .tr p {
    font-size: 15px;
    color: #444;
    line-height: 30px;
}

.prodbox .pt .tr .cont {
    width: auto;
    height: auto;
    margin-top: 60px;
}

.prodbox .pt .tr .cont a.lx_btns {
    width: 178px;
    height: 48px;
    display: block;
    float: left;
    background: #01A446;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    transition: all 500ms;
}

.prodbox .pt .tr .cont a:hover.lx_btns {
    transition: all 500ms;
    background: #f92524;
}

.prodbox .pt .tr .cont p {
    font-size: 14px;
    color: #282828;
    line-height: 48px;
    float: left;
    margin-left: 35px;
}

.prodbox .pt .tr .cont .phone {
    float: left;
    padding-left: 60px;
    background: url(../images/h-phone.png) no-repeat scroll left center;
    margin-left: 35px;
}

.prodbox .pt .tr .cont .phone p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    float: none;
    margin-left: 0;
}

.prodbox .pt .tr .cont .phone span {
    font-size: 28px;
    color: #01A446;
    line-height: 28px;
    font-family: "din";
    display: block;
}

.prodbox .pb {
    width: auto;
    height: auto;
    margin-top: 40px;
}

.prodbox .pb .pbt {
    border-bottom: 3px solid #01A446;
}

.prodbox .pb .pbt ul li {
    width: auto;
    height: auto;
    float: left;
    margin-right: 25px;
}

.prodbox .pb .pbt ul li a {
    font-size: 18px;
    color: #444;
    line-height: 45px;
    padding: 0 29px;
    display: block;
}

.prodbox .pb .pbt ul li.hov a {
    background: #01A446;
    color: #fff;
}

.prodbox .pb .pbt ul li:hover a {
    background: #01A446;
    color: #fff;
}

.prodbox .pb .pbb {
    width: auto;
    height: auto;
    padding: 40px 20px 0px;
}

.prodbox .pb .pbb .pbox {
    width: auto;
    height: auto;
}

.prodbox .pb .pbb .pbox .top {
    width: auto;
    height: auto;
    background: #F4F6F4;
}

.prodbox .pb .pbb .pbox .top h2 {
    font-size: 18px;
    color: #5F6A66;
    line-height: 50px;
    width: 130px;
    height: 50px;
    background: url(../images/h2bg.png) no-repeat;
    font-weight: bold;
    text-indent: 24px;
}

.prodbox .pb .pbb .pbox .btm {
    padding: 40px 26px;
}

.prodbox .pb .pbb .pbox .btm img {
    max-width: 100%;
    width: auto;
    /*display: block;margin: 0 auto;*/
}

.prodbox .pb .pbb .pbox .btm p {
    font-size: 16px;
    color: #222;
    line-height: 26px;
    text-align: justify;
}


/*详情页相关案例*/

.pcases {
    width: auto;
    height: auto;
    margin-top: 30px;
}

.pcases .ct {
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.pcases .ct h2 {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.pcases .cb {
    width: auto;
    height: auto;
}

.pcases .cb ul {
    width: 1230px;
}

.pcases .cb ul li {
    width: 277px;
    height: auto;
    float: left;
    margin-right: 28px;
    border: 1px solid #dcdcdc
}

.pcases .cb ul li .txts {
    padding: 10px 18px;
}

.pcases .cb ul li a.imgs {
    width: 277px;
    height: 186px;
    display: block;
    overflow: hidden;
}

.pcases .cb ul li a.imgs img {
    width: 277px;
    display: block;
    transition: all 500ms;
}

.pcases .cb ul li a.tits {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    display: block;
    transition: all 500ms;
    font-weight: bold;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pcases .cb ul li p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: justify;
    text-indent: 2em;
    height: 40px;
    overflow: hidden;
}

.pcases .cb ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.pcases .cb ul li:hover a.tits {
    color: #01A446;
    transition: all 500ms;
}

.pcases .cb ul li:hover p {
    color: #01A446;
    transition: all 500ms;
}


/*经典案例*/

.casesbox {
    width: 1200px;
    height: auto;
    padding: 40px 0;
    margin: 0 auto;
}

.casesbox .ct {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

.casesbox .ct h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.casesbox .cb {
    width: auto;
    height: auto;
}

.casesbox .cb .top {
    margin-bottom: 30px;
    text-align: center;
}

.casesbox .cb .top ul li {
    display: inline-block;
    margin: 5px 8px;
}

.casesbox .cb .top ul li a {
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    display: block;
    transition: all 500ms;
    padding: 0 10px;
    background: #F4F6F4;
    color: #5F6A66;
}

.casesbox .cb .top ul li.hov a {
    background: #01A446;
    color: #fff;
}

.casesbox .cb .top ul li:hover a {
    color: #fff;
    transition: all 500ms;
    background: #01A446
}

.casesbox .cb .btm {
    width: auto;
    height: auto;
}

.casesbox .cb .btm ul {
    width: 1240px;
}

.casesbox .cb .btm ul li {
    width: 275px;
    height: auto;
    margin-right: 33px;
    margin-bottom: 15px;
    float: left;
    border: 1px solid #dfdfdf;
}

.casesbox .cb .btm ul li .txts {
    padding: 10px 18px;
}

.casesbox .cb .btm ul li a.imgs {
    width: 275px;
    height: 183px;
    display: block;
    overflow: hidden;
}

.casesbox .cb .btm ul li a.imgs img {
    width: 275px;
    display: block;
    height: auto;
}

.casesbox .cb .btm ul li a.tits {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.casesbox .cb .btm ul li .txts p {
    font-size: 13px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-align: justify;
    text-indent: 2em;
}

.casesbox .cb .btm ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.casesbox .cb .btm ul li:hover a.tits {
    color: #01A446;
    transition: all 500ms;
}

.casesbox .cb .btm2 {
    width: auto;
    height: auto;
}

.casesbox .cb .btm2 ul {
    width: 1240px;
}

.casesbox .cb .btm2 ul li {
    width: 560px;
    height: auto;
    margin-right: 33px;
    margin-bottom: 15px;
    float: left;
}

.casesbox .cb .btm2 ul li a.imgs {
    width: 560px;
    height: auto;
    display: block;
    overflow: hidden;
}

.casesbox .cb .btm2 ul li a.imgs img {
    width: 560px;
    display: block;
    height: auto;
}

.casesbox .cb .btm2 ul li a.tits {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
}

.casesbox .cb .btm2 ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.casesbox .cb .btm2 ul li:hover a.tits {
    color: #01A446;
    transition: all 500ms;
}


/*案例详情*/

.casesdet {
    width: 1160px;
    height: auto;
    padding: 40px 0;
    margin: 0 auto;
    background: #fff;
}

.casesdet .dt {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

.casesdet .dt h2 {
    font-size: 28px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.casesdet .db {
    width: auto;
    height: auto;
    margin-bottom: 30px;
    padding: 0 10px;
}

.casesdet .db p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-bottom: 5px;
}


/*.casesdet .db p span{font-weight: bold;}*/

.casesdet .db img {
    /*display: block;margin: 0 auto;*/
    width: auto;
    max-width: 800px;
    height: auto;
}


/*常见问题*/

.problem {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

.problem .pt {
    width: auto;
    margin-bottom: 25px;
}

.problem .pt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.problem .pb {
    width: auto;
    height: auto;
}

.problem .pb ul li {
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
}

.problem .pb ul li a.imgs {
    width: 249px;
    height: 166px;
    display: block;
    overflow: hidden;
    float: left;
}

.problem .pb ul li a.imgs img {
    width: 249px;
    display: block;
    transition: all 500ms;
}

.problem .pb ul li .text {
    width: 925px;
    height: auto;
    float: right;
    position: relative;
    padding-top: 35px;
}

.problem .pb ul li .text a.tit {
    font-size: 17px;
    color: #222;
    line-height: 34px;
    display: block;
    width: 770px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all 500ms;
}

.problem .pb ul li .text p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    width: 770px;
}

.problem .pb ul li .text span.time {
    font-size: 16px;
    color: #777;
    line-height: 32px;
    display: block;
    position: absolute;
    right: 0;
    top: 40px;
    font-family: "din"
}

.problem .pb ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.problem .pb ul li:hover .text a.tit {
    color: #01A446;
    transition: all 500ms;
}

.problem .pb.area {
    width: auto;
    height: auto;
}

.problem .pb.area ul {
    width: 1250px;
    height: 450px;
}

.problem .pb.area ul li {
    width: 369px;
    height: auto;
    float: left;
    margin-right: 47px;
    margin-bottom: 35px;
    padding: 0;
    border: none;
}

.problem .pb.area ul li a.imgs {
    width: 369px;
    height: 246px;
    display: block;
    overflow: hidden;
    float: none;
}

.problem .pb.area ul li a.imgs img {
    width: 369px;
    display: block;
}

.problem .pb.area ul li .txts {
    width: 369px;
    height: 178px;
    background: #f5f5f5;
    transition: all 500ms;
}

.problem .pb.area ul li .txts .box {
    padding: 22px 28px 0 28px;
}

.problem .pb.area ul li .txts h2 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.problem .pb.area ul li .txts p {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    text-indent: 2em;
}

.problem .pb.area ul li .txts a.more {
    width: 138px;
    height: 38px;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    display: none;
    transition: all 500ms;
    margin-top: 25px;
}

.problem .pb.area ul li .txts a.add {
    width: 38px;
    height: 34px;
    display: block;
    background: url(../images/fw-more.png) no-repeat;
    margin: 0 auto;
    margin-top: 34px;
    transition: all 500ms;
}

.problem .pb.area ul li:hover .txts {
    background: #01A446;
    transition: all 500ms;
    height: 218px;
    position: relative;
    margin-top: -40px;
}

.problem .pb.area ul li:hover h2 {
    color: #fff;
    transition: all 500ms;
}

.problem .pb.area ul li:hover p {
    color: #fff;
    transition: all 500ms;
}

.problem .pb.area ul li:hover a.more {
    display: block;
    transition: all 500ms;
}

.problem .pb.area ul li:hover a.add {
    display: none;
    transition: all 500ms;
}


/*磐固简介*/

.intro {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
}

.intro .it {
    width: auto;
    margin-bottom: 25px;
}

.intro .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.intro .ib {
    width: auto;
    height: auto;
}

.intro .ib p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 25px;
    text-align: justify;
}

.intro .ib .banner_bar_bd .bd_l {
    width: 1000px;
    margin: 0 auto;
}

.intro .ib .banner_bar_bd .bd_l_box {
    padding: 16px 0px 15px 0px;
}

.intro .ib .banner_bar_bd .bd_l dl {
    float: left;
    padding: 14px 63px;
    text-align: center;
    width: auto;
    margin-right: 0;
}

.intro .ib .banner_bar_bd .bd_l dl:last-child {
    border-right: none;
}

.intro .ib .banner_bar_bd .bd_l dl .num {
    font-size: 46px;
    color: #01A446;
    font-weight: bold;
    margin-right: 6px;
    float: none;
    font-family: "Bebas";
    height: 60px;
}

.intro .ib .banner_bar_bd .bd_l dl .num em {
    font-size: 35px;
    color: #01A446;
    font-weight: normal;
    margin-left: 1px;
    font-family: "Bebas"
}

.intro .ib .banner_bar_bd .bd_l dl .txt {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}


/*组织架构*/

.organ {
    width: 1200px;
    height: auto;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-top: 20px;
}

.organ .ot {
    margin-bottom: 35px;
}

.organ .ot h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.organ .ob {
    width: auto;
    height: auto;
}

.organ .ob img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}


/*磐固文化*/

.culture {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

.culture .ct {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

.culture .ct h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.culture .ct p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
}

.culture .cb {
    width: auto;
    height: auto;
}

.culture .cb p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
}

.culture .cb .cbox {
    width: 1160px;
    height: auto;
    margin: 0 auto;
}

.culture .cb .cbox ul {
    width: 1180px;
}

.culture .cb .cbox ul li {
    width: 282px;
    height: auto;
    float: left;
    margin-right: 11px;
}

.culture .cb .cbox ul li a.imgs {
    width: 282px;
    height: 216px;
    display: block;
    overflow: hidden;
}

.culture .cb .cbox ul li a.imgs img {
    width: 282px;
}

.culture .cb .cbox ul li h2 {
    font-size: 18px;
    color: #333;
    line-height: 36px;
    text-align: center;
    margin-top: 10px;
}

.culture .cb .cbox ul li p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    text-align: center;
}


/*客户服务*/

.culture .cb .cbt {
    width: auto;
    height: auto;
    margin-bottom: 40px;
}

.culture .cb .cbt img {
    display: block;
    margin: 0 auto;
}

.culture .cb .cbm {
    width: 1050px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.culture .cb .cbm ul {
    width: 1100px;
    overflow: hidden;
}

.culture .cb .cbm ul li {
    width: 504px;
    height: 151px;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
    position: relative;
}

.culture .cb .cbm ul li .tbox {
    width: 300px;
    height: auto;
    padding-top: 15px;
    position: absolute;
    right: 40px;
    top: 0
}

.culture .cb .cbm ul li .tbox h2 {
    font-size: 20px;
    color: #01A446;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.culture .cb .cbm ul li .tbox p {
    font-size: 13px;
    color: #444;
    line-height: 19px;
    text-align: justify;
}

.culture .cb .cbm ul li.s01 {
    background: url(../images/sbg01.jpg) no-repeat;
}

.culture .cb .cbm ul li.s02 {
    background: url(../images/sbg02.jpg) no-repeat;
}

.culture .cb .cbm ul li.s03 {
    background: url(../images/sbg03.jpg) no-repeat;
}

.culture .cb .cbm ul li.s04 {
    background: url(../images/sbg04.jpg) no-repeat;
}

.culture .cb .cbm ul li.s05 {
    background: url(../images/sbg05.jpg) no-repeat;
}

.culture .cb .cbm ul li.s06 {
    background: url(../images/sbg06.jpg) no-repeat;
}


/*.culture .cb .servise{width: 1200px;height: 475px;position: relative;background: url(../images/ser01.jpg) no-repeat scroll center center;}

.culture .cb .servise .sbox{width: 270px;height: auto;position: absolute;}

.culture .cb .servise .sbox h2{font-size: 20px;color:#01A446;line-height: 30px;font-weight: bold;margin-bottom: 5px;}

.culture .cb .servise .sbox h2 span{color:#000;font-weight: normal;}

.culture .cb .servise .sbox p{font-size: 14px;color:#666;line-height: 22px;text-align: justify;}

.culture .cb .servise .s01{left: 15px;top: 107px;}

.culture .cb .servise .s02{left: 15px;top: 330px;}

.culture .cb .servise .s03{right: 15px;top: 107px;}

.culture .cb .servise .s04{right: 15px;top: 330px;}*/


/*专家团队*/

.team {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

.team .tt {
    width: auto;
    height: auto;
    margin-bottom: 25px;
}

.team .tt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.team .tb {
    width: auto;
    height: auto;
}

.team .tb ul li {
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
}

.team .tb ul li .imgs {
    width: 220px;
    height: 270px;
    display: block;
    float: left;
    overflow: hidden;
}

.team .tb ul li .text {
    width: 930px;
    height: auto;
    float: right;
    padding-top: 25px;
}

.team .tb ul li .text .t {
    width: auto;
    height: auto;
    background: url(../images/t-bg.jpg) no-repeat scroll left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.team .tb ul li .text .t h2 {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    float: left;
    margin-right: 20px;
}

.team .tb ul li .text .t span {
    font-size: 20px;
    color: #666;
    line-height: 30px;
    float: left;
    display: block;
}

.team .tb ul li .text .b {
    width: auto;
    height: auto;
}

.team .tb ul li .text .b p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
    text-align: justify;
}


/*联系*/

.contact {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0
}

.contact .ct {
    width: auto;
    margin-bottom: 40px;
}

.contact .ct h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.contact .cb {
    width: auto;
    height: auto;
}

.contact .cb .t {
    width: auto;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}

.contact .cb .t .hot {
    width: auto;
    padding: 11px 0;
    padding-left: 90px;
    background: url(../images/hot.png) no-repeat scroll left center;
    display: inline-block;
    margin: 0 50px;
}

.contact .cb .t .hot p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    text-align: left;
    margin-bottom: 5px;
}

.contact .cb .t .hot span {
    font-size: 28px;
    color: #333;
    line-height: 28px;
    font-family: "din";
}

.contact .cb .t .add {
    width: auto;
    padding: 11px 0;
    padding-left: 90px;
    background: url(../images/add.png) no-repeat scroll left center;
    display: inline-block;
    margin: 0 50px;
}

.contact .cb .t .add p {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    text-align: left;
    margin-bottom: 5px;
}

.contact .cb .t .add span {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}


/*留言*/

.message {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

.message .mt {
    width: auto;
    margin-bottom: 35px;
}

.message .mt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.message .mt p {
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: center
}

.message .mb {
    width: auto;
    height: auto;
}

.message .mb .mbox {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.message .mb .mbox img {
    width: 1200px;
    height: auto;
    display: block;
}

.message .mb .mtable {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.message .mb .mtable table td {
    border-bottom: 1px solid #e5e5e5;
}

.message .mb .mtable table td p {
    font-size: 17px;
    color: #333;
    line-height: 90px;
    float: left;
    text-indent: 10px;
    margin-right: 10px;
}

.message .mb .mtable table td span {
    color: #01A446;
    line-height: 90px;
}

.message .mb .mtable table td .intxt {
    width: 520px;
    height: 90px;
    border: none;
    background: #fff;
    font-size: 16px;
    color: #333;
    line-height: 90px;
}

.message .mb .mtable table td .inarea {
    width: 1080px;
    height: 130px;
    border: none;
    resize: none;
    padding: 20px;
}

.message .mb .mtable table .btnbox {
    text-align: center;
    padding-top: 30px;
}

.message .mb .mtable table .inbtn {
    width: 178px;
    height: 48px;
    border: none;
    cursor: pointer;
    display: inline-block;
    margin-right: 75px;
    background: #01A446;
    transition: all 500ms;
    font-size: 18px;
    color: #fff;
    vertical-align: middle
}

.message .mb .mtable table span.or {
    font-size: 14px;
    color: #282828;
    margin-right: 50px;
    line-height: 48px;
    display: inline-block;
    vertical-align: middle;
}

.message .mb .mtable table .phone {
    display: inline-block;
    padding-left: 60px;
    background: url(../images/h-phone.png) no-repeat scroll left center;
    vertical-align: middle;
}

.message .mb .mtable table .phone span.text {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    float: none;
    margin-left: 0;
    display: block;
    text-align: left;
    margin-bottom: 3px;
}

.message .mb .mtable table .phone span.num {
    font-size: 28px;
    color: #01A446;
    line-height: 28px;
    font-family: "din";
    display: block;
}

.message .mb .mtable table input:hover.inbtn {
    background: #01A446;
    transition: all 500ms;
}


/*人才招聘*/

.job {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

.job .jobt {
    width: auto;
    height: auto;
    margin-bottom: 35px;
}

.job .jobt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}

.job .jobb {
    width: auto;
    height: auto;
}

.job .jobb h3 {
    font-size: 18px;
    color: #333;
    line-height: 26px;
}

.job .jobb h4 {
    font-size: 16px;
    color: #333;
    line-height: 26px;
}

.job .jobb p {
    font-size: 15px;
    color: #333;
    line-height: 26px;
    text-align: justify;
}

.joblist {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.joblist .top {
    width: auto;
    height: auto;
}

.joblist .top img {
    width: 1200px;
    display: block;
}

.joblist .btm {
    padding-bottom: 55px;
}

.joblist .btm ul li {
    width: auto;
    height: auto;
}

.joblist .btm ul li .list-t {
    width: auto;
    height: auto;
    padding: 0 20px;
    background: #464650;
}

.joblist .btm ul li .list-t a.aclick {
    display: block;
}

.joblist .btm ul li.b-color {
    border-color: #02a349
}

.joblist .btm ul li .list-t.cur {
    background-position: 860px -48px;
}

.joblist .btm ul li .list-t.cur h2 {
    color: #02a349;
}

.joblist .btm ul li .list-t.cur p {
    color: #02a349;
}

.joblist .btm ul li .list-t h2 {
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    margin-right: 25px;
    float: left;
    min-width: 285px;
}

.joblist .btm ul li .list-t p {
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    float: left;
    margin-right: 25px;
    margin-bottom: 0;
    width: 70px;
}

.joblist .btm .list-b {
    width: auto;
    height: auto;
    padding: 0 20px;
    position: relative;
    border-bottom: 1px dotted #ddd;
}

.joblist .btm .list-b .aclick {
    width: 94%;
    display: block;
}

.joblist .btm .list-b .aclick.current {
    padding-bottom: 15px;
}

.joblist .btm .list-b .more {
    width: 98px;
    height: 38px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #01A446;
    color: #fff;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
}

.joblist .btm .list-b a:hover.more {
    background: #F4F6F4;
    color: #5F6A66;
}

.joblist .btm .list-b .more.cur {
    display: none;
}

.joblist .btm .list-b .close {
    width: 78px;
    height: 38px;
    display: block;
    background: #01A446;
    color: #fff;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    margin: 20px 0;
}

.joblist .btm .list-b a:hover.close {
    background: #fb2322;
}

.joblist .btm .list-b .list-b-1 {
    float: left;
    padding: 15px 0;
    width: 500px;
    float: left;
}

.joblist .btm .list-b .list-b-1 h2 {
    font-size: 17px;
    color: #333;
    line-height: 47px;
    width: 100px;
    float: left;
    width: 310px;
}

.joblist .btm .list-b .list-b-1 p {
    font-size: 14px;
    color: #666;
    line-height: 47px;
    width: 100px;
    float: left;
    width: 72px;
}

.joblist .btm .list-b .list-b-2 {
    height: auto;
    margin-top: 5px;
    width: 480px;
    float: left;
}

.joblist .btm .list-b .list-b-2 h4 {
    font-size: 14px;
    color: #333;
    line-height: 47px;
    margin-top: 10px;
}

.joblist .btm .list-b .list-b-2 p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.joblist .btm .list-b .list-b-4 {
    display: none;
    position: relative;
}

.joblist .btm .list-b .list-b-4 a.iwant {
    width: 98px;
    height: 63px;
    display: block;
    background: #01A446;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    padding-top: 15px;
    text-align: center;
    position: absolute;
    right: -180px;
    top: -31px;
}

.joblist .btm .list-b .list-b-4 a:hover.iwant {
    background: #fb2322
}


/*销售网络*/

.network {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
}

.network .top {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.network .top .nt {
    width: auto;
    height: auto;
    margin-bottom: 40px;
}

.network .top h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.network .top p {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    text-align: center;
}

.network .map .chinamap {
    padding: 0px;
    padding-bottom: 50px;
}

.network .map .chinamap .more {
    font-size: 14px;
    color: #f00;
    line-height: 28px;
    text-align: center;
    margin-top: 30px;
}

.network .map .chinamap .mapa {
    width: 761px;
    margin: 0 auto;
}


/*解决方案*/

.program {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
}

.program .pt {
    margin-bottom: 30px;
}

.program .pt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
}

.program .pb {
    width: auto;
    height: auto;
}

.program .pb ul li {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

.program .pb ul li .imgs {
    width: 800px;
    height: 400px;
    display: block;
    float: left;
    overflow: hidden;
}

.program .pb ul li .imgs img {
    width: 800px;
    display: block;
    transition: all 500ms;
}

.program .pb ul li .txts {
    width: 360px;
    height: auto;
    float: right;
    padding-top: 110px;
}

.program .pb ul li .txts a.tit {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    transition: all 500ms;
}

.program .pb ul li .txts p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: justify;
}

.program .pb ul li .txts a.more {
    width: 138px;
    height: 38px;
    display: block;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #666;
    line-height: 38px;
    margin-top: 85px;
    text-align: center;
    transition: all 500ms;
}

.program .pb ul li:hover a.imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.program .pb ul li:hover .txts a.tit {
    color: #01A446;
    transition: all 500ms;
}

.program .pb ul li:hover .txts a.more {
    background: #01A446;
    color: #fff;
    border-color: #01A446
}


/*.program .pb .pl{width: 320px;height: auto;float:left;}

.program .pb .pl ul li{width: 150px;height: 100px;float:left;margin-right: 10px;margin-bottom: 10px;position: relative;overflow: hidden;}

.program .pb .pl ul li a.imgbg{width: 150px;height: 100px;display: block;background: rgba(223,1,1,0.7);position: absolute;left: 0;top: 100px;transition: all 500ms;}

.program .pb .pl ul li a.imgs{width: 150px;height: 100px;display: block;overflow: hidden;}

.program .pb .pl ul li a.imgs img{width: 150px;display: block;}

.program .pb .pl ul li:hover a.imgbg{top: 0;transition: all 500ms;}

.program .pb .pl ul li.hov a.imgbg{top: 0;transition: all 500ms;}

.program .pb .pr{width: 840px;height: auto;float:right;margin-top: 1px;}

.program .pb .pr .rbox{width: auto;height: auto;}

.program .pb .pr .rbox .top{width: 840px;height: 560px;margin-bottom: 20px;overflow: hidden;}

.program .pb .pr .rbox .top img{width: 840px;display: block;}

.program .pb .pr .rbox .btm{width: auto;height: auto;}

.program .pb .pr .rbox .btm a.more{width: 140px;height: 40px;display: block;float:left;background: #F4F6F4;font-size: 14px;color:#5F6A66;line-height: 40px;text-align: center;transition: all 500ms;}

.program .pb .pr .rbox .btm a:hover.more{background: #01A446;color:#fff;transition: all 500ms;}

.program .pb .pr .rbox .btm .txts{width: 660px;height: auto;float:right;margin-right: 8px;}

.program .pb .pr .rbox .btm .txts h3{font-size: 22px;color:#333;line-height: 30px;margin-bottom: 10px;font-weight: bold;}

.program .pb .pr .rbox .btm .txts p{font-size: 14px;color:#333;line-height: 24px;text-align: justify;}*/


/*科技创新*/

.innovate {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 45px;
}

.innovate .it {
    margin-bottom: 30px;
}

.innovate .it h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}

.innovate .it p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    text-align: center;
    margin-bottom: 8px;
}

.innovate .ib {
    width: auto;
    height: auto;
}


/*.innovate .ib .ita{width: auto;height: auto;}

.innovate .ib .ita ul li{width: 399px;height: 61px;float:left;border-right: 1px solid #c1c1c2;border-bottom: 1px solid #858587;}

.innovate .ib .ita ul li a{font-size: 18px;color:#fff;font-weight: bold;text-align: center;display: block;line-height: 61px;background: #656566;transition: all 50ms;}

.innovate .ib .ita ul li:hover a{background: #01A446;transition: all 500ms;}

.innovate .ib .ita ul li.hov a{background: #01A446;transition: all 500ms;}*/

.innovate .ib .iba {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

.innovate .ib .iba .titbox {
    width: auto;
    height: auto;
}

.innovate .ib .iba .titbox a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
    line-height: 60px;
    background: #656566;
    transition: all 500ms;
}

.innovate .ib .iba:hover .titbox a {
    background: #01A446;
    transition: all 500ms;
}

.innovate .ib .iba .imgbox {
    width: auto;
    height: auto;
}

.innovate .ib .iba .imgbox img {
    width: 100%;
    display: block;
}

.innovate .ic {
    width: auto;
    height: auto;
    margin-top: 60px;
}

.innovate .ic ul li {
    width: 170px;
    height: auto;
    float: left;
    border-right: 1px solid #f2f2f2
}

.innovate .ic ul li:hover p {
    color: #01A446;
}

.innovate .ic ul li:hover i {
    opacity: 0.8
}

.innovate .ic ul li i {
    width: 60px;
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.innovate .ic ul li i.icon01 {
    background: url(../images/icon01.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon02 {
    background: url(../images/icon02.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon03 {
    background: url(../images/icon03.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon04 {
    background: url(../images/icon04.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon05 {
    background: url(../images/icon05.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon06 {
    background: url(../images/icon06.png) no-repeat scroll center center;
}

.innovate .ic ul li i.icon07 {
    background: url(../images/icon07.png) no-repeat scroll center center;
}

.innovate .ic ul li p {
    font-size: 16px;
    color: #000;
    line-height: 32px;
    text-align: center;
}


/*环氧腻子*/

.nzbar01 {
    width: 100%;
    height: auto;
    background: url(../images/nzbarbg.jpg) repeat;
}

.nzbar01 .nz01 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.nzbar01 .nz01 .nl {
    width: auto;
    height: auto;
    float: left;
}

.nzbar01 .nz01 .nl img {
    width: 491px;
    display: block;
}

.nzbar01 .nz01 .nr {
    width: 535px;
    height: auto;
    float: right;
    padding: 80px 75px 0 0;
}

.nzbar01 .nz01 .nr ul li {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

.nzbar01 .nz01 .nr ul li span {
    width: 70px;
    height: 63px;
    display: block;
    float: left;
    background: url(../images/nz02.png) no-repeat;
    background-size: 100%;
    font-size: 36px;
    color: #fff;
    line-height: 63px;
    text-align: center;
    font-family: "din"
}

.nzbar01 .nz01 .nr ul li .txts {
    width: 455px;
    height: auto;
    float: right;
}

.nzbar01 .nz01 .nr ul li .txts h2 {
    font-size: 20px;
    color: #333;
    line-height: 32px;
    font-weight: bold;
}

.nzbar01 .nz01 .nr ul li .txts p {
    font-size: 15px;
    color: #666;
    line-height: 20px;
}

.nzbar02 {
    width: 100%;
    height: auto;
    background: url(../images/nzbar02.jpg) repeat;
}

.nzbar02 .nz02 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 35px 0 50px;
}

.nzbar02 .nz02 .nt {
    width: auto;
    height: auto;
    margin-bottom: 55px;
}

.nzbar02 .nz02 .nt h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.nzbar02 .nz02 .nt .ntxt {
    width: 990px;
    height: 55px;
    border-radius: 30px;
    background: #01A446;
    margin: 0 auto;
}

.nzbar02 .nz02 .nt .ntxt p {
    font-size: 20px;
    line-height: 55px;
    color: #fff;
    text-align: center;
}

.nzbar02 .nz02 .nb {
    width: auto;
    height: auto;
}

.nzbar02 .nz02 .nb img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.nzbar03 {
    width: 100%;
    height: auto;
    background: url(../images/nzbar03.jpg) no-repeat scroll top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    min-height: 680px;
}

.nzbar03 .nz03 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 80px 0 65px;
}

.nzbar03 .nz03 .nt {
    width: auto;
    height: auto;
    margin-bottom: 65px;
}

.nzbar03 .nz03 .nt h2 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 46px;
    margin-bottom: 10px;
}

.nzbar03 .nz03 .nt p {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.nzbar03 .nz03 .nb {
    width: auto;
    height: auto;
}

.nzbar03 .nz03 .nb .top {
    margin-bottom: 40px;
}

.nzbar03 .nz03 .nb .top ul li {
    width: 219px;
    height: 63px;
    float: left;
    padding-bottom: 8px;
    background: url(../images/n-li-bg.png) no-repeat scroll top center;
    transition: all 500ms;
    cursor: pointer;
    margin-right: 16px;
}

.nzbar03 .nz03 .nb .top ul li .box {
    width: 219px;
    height: 63px;
    display: block;
    background: #2d2d2d;
    text-align: center;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li .box span {
    width: 43px;
    height: 43px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    font-size: 26px;
    color: #01A446;
    line-height: 47px;
    text-align: center;
    margin-right: 25px;
    vertical-align: middle;
    font-family: "din"
}

.nzbar03 .nz03 .nb .top ul li .box a {
    font-size: 20px;
    color: #fff;
    line-height: 63px;
    display: inline-block;
    vertical-align: middle;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li:hover {
    background-position: bottom center;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li:hover .box {
    background: #fff;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li:hover .box span {
    background: #01A446;
    color: #fff;
}

.nzbar03 .nz03 .nb .top ul li:hover a {
    color: #01A446;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li.hov {
    background-position: bottom center;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li.hov .box {
    background: #fff;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .top ul li.hov .box span {
    background: #01A446;
    color: #fff;
}

.nzbar03 .nz03 .nb .top ul li.hov a {
    color: #01A446;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .btm {
    width: auto;
    height: auto;
}

.nzbar03 .nz03 .nb .btm .btmbox {
    width: auto;
    height: auto;
}

.nzbar03 .nz03 .nb .btm .btmbox .bl {
    width: 389px;
    height: 260px;
    display: block;
    overflow: hidden;
    float: left;
}

.nzbar03 .nz03 .nb .btm .btmbox .bl img {
    width: 389px;
    display: block;
}

.nzbar03 .nz03 .nb .btm .btmbox .br {
    width: 735px;
    height: auto;
    float: left;
    padding-top: 40px;
    margin-left: 34px;
}

.nzbar03 .nz03 .nb .btm .btmbox .br p {
    font-size: 17px;
    color: #fff;
    line-height: 36px;
    margin-bottom: 35px;
}

.nzbar03 .nz03 .nb .btm .btmbox .br a.more {
    width: 174px;
    height: 38px;
    display: block;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    margin-left: 7px;
    transition: all 500ms;
}

.nzbar03 .nz03 .nb .btm .btmbox .br a:hover.more {
    background: #01A446;
    transition: all 500ms;
}

.nzbar04 {
    width: 100%;
    height: auto;
    background: #fff;
}

.nzbar04 .nz04 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 60px 0 45px;
}

.nzbar04 .nz04 .nt {
    width: auto;
    height: auto;
    margin-bottom: 35px;
}

.nzbar04 .nz04 .nt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.nzbar04 .nz04 .nt p {
    font-size: 24px;
    color: #333;
    line-height: 40px;
    text-align: center;
}

.nzbar04 .nz04 .nb {
    width: auto;
    height: auto;
}

.nzbar04 .nz04 .nb ul li {
    width: 230px;
    height: auto;
    float: left;
    margin-right: 87px;
    border-radius: 5px;
    position: relative;
}

.nzbar04 .nz04 .nb ul li .imgs {
    width: 230px;
    height: 125px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nzbar04 .nz04 .nb ul li .imgs img {
    width: 230px;
    display: block;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li .txts {
    width: auto;
    height: auto;
    padding: 24px 0 30px;
    background: #ececec;
    transition: all 500ms;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
}

.nzbar04 .nz04 .nb ul li .txts h2 {
    font-size: 22px;
    color: #333;
    line-height: 40px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li .txts p {
    font-size: 15px;
    color: #333;
    line-height: 26px;
    width: 182px;
    margin: 0 auto;
    text-align: center;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul span.i-right {
    width: 30px;
    height: 271px;
    display: block;
    margin-right: 27px;
    background: url(../images/i-right.png) no-repeat scroll center center;
    position: absolute;
    right: -84px;
    top: 0;
}


/*.nzbar04 .nz04 .nb ul li:hover .imgs img{opacity: 0.8;transition: all 500ms;}*/

.nzbar04 .nz04 .nb ul li:hover .txts {
    background: #01A446;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li:hover .txts h2 {
    color: #fff;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li:hover .txts p {
    color: #fff;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li.h1 .txts {
    background: #01A446;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li.h1 .txts h2 {
    color: #fff;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb ul li.h1 .txts p {
    color: #fff;
    transition: all 500ms;
}

.nzbar04 .nz04 .nb .nbtxt {
    width: auto;
    height: auto;
    margin-top: 25px;
}

.nzbar04 .nz04 .nb .nbtxt .txtbox {
    width: auto;
    height: auto;
}

.nzbar04 .nz04 .nb .nbtxt .txtbox h2 {
    font-size: 22px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.nzbar04 .nz04 .nb .nbtxt .txtbox p {
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

.nz05bar {
    width: 100%;
    height: auto;
    background: url(../images/advbg.jpg) no-repeat scroll top center;
}

.nz05bar .nz05 {
    width: 1200px;
    height: 140px;
    margin: 0 auto;
}

.nz05bar .nz05 .itxt {
    padding: 25px 30px 0;
}

.nz05bar .nz05 .itxt .il {
    width: auto;
    height: auto;
}

.nz05bar .nz05 .itxt .il p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 16px;
}

.nz05bar .nz05 .itxt .il h3 {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
}

.nz05bar .nz05 .itxt .ir {
    width: auto;
    height: auto;
}

.nz05bar .nz05 .itxt .ir p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.nz05bar .nz05 .itxt .ir p span {
    font-size: 28px;
    color: #fff;
    line-height: 24px;
    font-family: "din";
    margin-left: 5px;
}

.nz05bar .nz05 .itxt .ir a.zxbtn {
    width: 122px;
    height: 34px;
    display: block;
    text-align: center;
    border: 2px solid #fff;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-top: 13px;
    background: none;
    transition: all 500ms;
    float: right;
}

.nz05bar .nz05 .itxt .ir a:hover.zxbtn {
    background: #01A446;
    transition: all 500ms;
}

.nzbar06 {
    width: 100%;
    height: auto;
    background: #fff;
}

.nzbar06 .nz06 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 70px 0;
}

.nzbar06 .nz06 .nl {
    width: 450px;
    height: auto;
    float: left;
}

.nzbar06 .nz06 .nl .top {
    width: 450px;
    height: 182px;
}

.nzbar06 .nz06 .nl .top img {
    width: 450px;
    display: block;
}

.nzbar06 .nz06 .nl .btm {
    padding: 0 20px;
    padding-top: 25px;
}

.nzbar06 .nz06 .nl .btm h2 {
    font-size: 22px;
    color: #2d2d2d;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.nzbar06 .nz06 .nl .btm p {
    font-size: 12px;
    color: #333;
    line-height: 26px;
    text-align: justify;
}

.nzbar06 .nz06 .nr {
    width: 450px;
    height: auto;
    float: right;
}

.nzbar06 .nz06 .nr .top {
    width: 450px;
    height: 182px;
}

.nzbar06 .nz06 .nr .top img {
    width: 450px;
    display: block;
}

.nzbar06 .nz06 .nr .btm {
    padding: 0 20px;
    padding-top: 25px;
}

.nzbar06 .nz06 .nr .btm h2 {
    font-size: 22px;
    color: #2d2d2d;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.nzbar06 .nz06 .nr .btm p {
    font-size: 15px;
    color: #333;
    line-height: 26px;
    text-align: justify;
}

.nzbar06 .nz06 .nc {
    width: 248px;
    float: left;
    margin-left: 26px;
}

.nzbar07 {
    width: 100%;
    height: auto;
    background: #fff;
}

.nzbar07 .nz07 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 50px;
}

.nzbar07 .nz07 .nt {
    width: auto;
    height: auto;
    margin-bottom: 28px;
}

.nzbar07 .nz07 .nt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.nzbar07 .nz07 .nt p {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    text-align: center;
}

.nzbar07 .nz07 .nb {
    width: 1180px;
    height: auto;
}

.nzbar07 .nz07 .nb .br {
    width: 402px;
    height: auto;
    float: right;
    padding: 95px 0 86px 75px;
    background: url(../images/nz13.jpg) no-repeat scroll left center;
}

.nzbar07 .nz07 .nb .br ul {
    padding-top: 4px;
    background: url(../images/nz-line01.jpg) repeat-y scroll 21px 0px;
}

.nzbar07 .nz07 .nb .br ul li {
    width: 402px;
    height: auto;
}

.nzbar07 .nz07 .nb .br ul li a {
    font-size: 18px;
    color: #333;
    line-height: 72px;
    text-indent: 56px;
    display: block;
    transition: all 500ms;
}

.nzbar07 .nz07 .nb .br ul li.h1 a {
    background: #01A446;
    color: #fff;
    transition: all 500ms;
}

.nzbar07 .nz07 .nb .br ul li:hover a {
    background: #01A446;
    color: #fff;
    transition: all 500ms;
}

.nzbar07 .nz07 .nb .bl {
    width: 750px;
    height: 498px;
    float: left;
    margin-right: -48px;
    margin-top: 20px;
    position: relative;
}

.nzbar07 .nz07 .nb .bl a.imgs {
    width: 750px;
    height: 498px;
    display: block;
    overflow: hidden;
}

.nzbar07 .nz07 .nb .bl a.imgs img {
    width: 750px;
    display: block;
}

.nzbar07 .nz07 .nb .bl .txts {
    width: 710px;
    height: auto;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
}

.nzbar07 .nz07 .nb .bl .txts h2 {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
}

.nzbar07 .nz07 .nb .bl .txts p {
    font-size: 14px;
    color: #c8c8c8;
    line-height: 24px;
}

.nzbar07 .nz07 .nb .bl .txts p a.more {
    color: #01A446;
}

.nzbar07 .nz07 .nb .bl .txts p a:hover.more {
    color: #01A446;
}

.nzbar08 {
    width: 100%;
    height: auto;
    background: #fff;
}

.nzbar08 .nz08 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 50px;
}

.nzbar08 .nz08 .nt {
    width: auto;
    height: auto;
    margin-bottom: 28px;
}

.nzbar08 .nz08 .nt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.nzbar08 .nz08 .nt p {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    text-align: center;
}

.nzbar08 .nz08 .nb {
    width: 1180px;
    height: auto;
}

.nzbar08 .nz08 .nb img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.nzbar09 {
    width: 100%;
    height: auto;
    background: #f1f1f1;
}

.nzbar09 .nz09 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 220px;
}

.nzbar09 .nz09 .nt {
    width: auto;
    height: auto;
    margin-bottom: 28px;
}

.nzbar09 .nz09 .nt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.nzbar09 .nz09 .nt p {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    text-align: center;
}

.nzbar09 .nz09 .nb {
    width: auto;
    height: auto;
    position: relative;
}

.nzbar09 .nz09 .nb .top {
    width: auto;
    height: auto;
    background: #01A446;
}

.nzbar09 .nz09 .nb .top .tl {
    width: 600px;
    height: auto;
    float: left;
    background: #01A446;
}

.nzbar09 .nz09 .nb .top .tl .lbox {
    padding: 20px;
}

.nzbar09 .nz09 .nb .top .tl .lbox .num {
    width: 63px;
    height: 113px;
    display: block;
    float: left;
    background: url(../images/numbg.png) no-repeat;
    float: left;
    font-size: 34px;
    color: #01A446;
    font-family: "Bebas";
    line-height: 88px;
    display: block;
    text-align: center;
}

.nzbar09 .nz09 .nb .top .tl .lbox .txts {
    width: 480px;
    height: auto;
    float: right;
    padding-top: 10px;
}

.nzbar09 .nz09 .nb .top .tl .lbox .txts h2 {
    font-size: 26px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}

.nzbar09 .nz09 .nb .top .tl .lbox .txts span.line {
    width: 50px;
    height: 4px;
    background: #fff;
    display: block;
    margin-bottom: 30px;
}

.nzbar09 .nz09 .nb .top .tl .lbox .txts p {
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    padding-left: 18px;
    background: url(../images/ysbg2.png) no-repeat scroll 0px 10px
}

.nzbar09 .nz09 .nb .top .tr {
    width: 600px;
    height: auto;
    float: right;
}

.nzbar09 .nz09 .nb .top .tr img {
    width: 600px;
    display: block;
}

.nzbar09 .nz09 .nb .btm {
    width: 1020px;
    height: auto;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    bottom: -183px;
    left: 90px;
}

.nzbar09 .nz09 .nb .btm .ulbox {
    padding: 20px;
}

.nzbar09 .nz09 .nb .btm .ulbox ul {
    width: 1050px;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li {
    width: 228px;
    height: auto;
    float: left;
    margin-right: 23px;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li .imgs {
    width: 228px;
    height: 152px;
    display: block;
    overflow: hidden;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li .imgs img {
    width: 100%;
    display: block;
    transition: all 500ms;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li .tits {
    font-size: 18px;
    color: #333;
    line-height: 20px;
    display: block;
    text-align: center;
    margin-top: 12px;
    text-align: center;
    transition: all 500ms;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li.h1 .imgs img {
    opacity: 0.8;
    transition: all 500ms;
}

.nzbar09 .nz09 .nb .btm .ulbox ul li.h1 .tits {
    color: #01A446;
    transition: all 500ms;
}

.nzbar10 {
    width: 100%;
    height: auto;
    background: #fff;
}

.nzbar10 .nz10 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 75px 0;
}

.nzbar10 .nz10 .nt {
    margin-bottom: 32px;
}

.nzbar10 .nz10 .nt img {
    width: auto;
    display: block;
    margin: 0 auto;
}

.nzbar10 .nz10 .nb {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.nzbar10 .nz10 .nb ul {
    width: 1250px;
}

.nzbar10 .nz10 .nb ul li {
    width: 158px;
    height: 88px;
    float: left;
    margin: 6px;
}

.nzbar10 .nz10 .nb ul li a {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    width: 156px;
    height: 86px;
    border: 1px solid #ccc;
}

.nzbar10 .nz10 .nb ul li a img {
    width: 100%;
    display: block;
}


/*碳纤维板锚固系统*/

.xtbar01 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar01 .xt01 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0;
    position: relative;
}

.xtbar01 .xt01 img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.xtbar01 .xt01 .text {
    width: 680px;
    height: auto;
    position: absolute;
    right: 0;
    top: 129px;
}

.xtbar01 .xt01 .text h2 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 25px;
}

.xtbar01 .xt01 .text h2 span {
    color: #01A446;
    font-weight: bold;
}

.xtbar01 .xt01 .text p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
}

.xtbar02 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar02 .xt02 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 10px;
}

.xtbar02 .xt02 .xt {
    width: auto;
    height: auto;
    margin-bottom: 60px;
}

.xtbar02 .xt02 .xt img {
    width: auto;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.xtbar02 .xt02 .xb {
    width: 1155px;
    height: auto;
    margin: 0 auto;
}

.xtbar02 .xt02 .xb p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 30px;
}

.xtbar02 .xt02 .xb img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.xtbar03 {
    width: 100%;
    height: auto;
    background: url(../images/xtbg03.jpg) no-repeat scroll top center;
    min-height: 560px;
}

.xtbar03 .xt03 {
    width: 1200px;
    height: auto;
    padding: 38px 0;
    margin: 0 auto;
}

.xtbar03 .xt03 .xt {
    margin-bottom: 35px;
}

.xtbar03 .xt03 .xt img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.xtbar03 .xt03 .xb {
    width: auto;
    height: auto;
}

.xtbar03 .xt03 .xb ul {
    width: 1220px;
}

.xtbar03 .xt03 .xb ul li {
    width: 230px;
    height: 271px;
    position: relative;
    border-radius: 10px;
    background: #fff;
    float: left;
    margin-right: 12px;
    padding-top: 40px;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li h2 {
    font-size: 24px;
    color: #333;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li p {
    width: 185px;
    margin: 0 auto;
    font-size: 15px;
    color: #333;
    line-height: 26px;
    text-align: justify;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li i {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 37px;
    left: 95px;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li i.i-xb-01 {
    background: url(../images/x-icon01.png) no-repeat scroll top center;
}

.xtbar03 .xt03 .xb ul li i.i-xb-02 {
    background: url(../images/x-icon02.png) no-repeat scroll top center;
}

.xtbar03 .xt03 .xb ul li i.i-xb-03 {
    background: url(../images/x-icon03.png) no-repeat scroll top center;
}

.xtbar03 .xt03 .xb ul li i.i-xb-04 {
    background: url(../images/x-icon04.png) no-repeat scroll top center;
}

.xtbar03 .xt03 .xb ul li i.i-xb-05 {
    background: url(../images/x-icon05.png) no-repeat scroll top center;
}

.xtbar03 .xt03 .xb ul li:hover {
    background: #01A446;
    transition: all 500ms;
    cursor: pointer;
}

.xtbar03 .xt03 .xb ul li:hover h2 {
    color: #fff;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li:hover p {
    color: #fff;
    transition: all 500ms;
}

.xtbar03 .xt03 .xb ul li:hover i {
    background-position: bottom center;
    transition: all 500ms;
}

.xtbar04 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar04 .xt04 {
    width: 1200px;
    height: auto;
    padding: 60px 0 50px;
    margin: 0 auto;
}

.xtbar04 .xt04 .xt {
    margin-bottom: 50px;
}

.xtbar04 .xt04 .xt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.xtbar04 .xt04 .xt p {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    text-align: center;
}

.xtbar04 .xt04 .xb {
    width: auto;
    height: auto;
}

.xtbar04 .xt04 .xb .xbt {
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

.xtbar04 .xt04 .xb .xbt ul {
    width: 1240px;
}

.xtbar04 .xt04 .xb .xbt ul li {
    width: 219px;
    height: auto;
    float: left;
    margin-right: 26px;
    margin-bottom: 23px;
    position: relative;
}

.xtbar04 .xt04 .xb .xbt ul li a.img {
    width: 219px;
    height: 146px;
    display: block;
    overflow: hidden;
}

.xtbar04 .xt04 .xb .xbt ul li a.img img {
    width: 219px;
    display: block;
}

.xtbar04 .xt04 .xb .xbt ul li i {
    width: 22px;
    height: 22px;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
    margin-bottom: 12px;
}

.xtbar04 .xt04 .xb .xbt ul li i.icon-fx {
    background: url(../images/icon-fx.png) no-repeat scroll center center;
}

.xtbar04 .xt04 .xb .xbt ul li i.icon-fx1 {
    background: url(../images/icon-fx1.png) no-repeat scroll center center;
}

.xtbar04 .xt04 .xb .xbt ul li i.icon-fx2 {
    background: url(../images/icon-fx2.png) no-repeat scroll center center;
}

.xtbar04 .xt04 .xb .xbt ul li span {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    display: block;
    text-align: center;
}

.xtbar04 .xt04 .xb .xbt ul li h2 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    height: 48px;
}

.xtbar04 .xt04 .xb .xbt ul li.Right {
    float: right !important;
}

.xtbar04 .xt04 .xb .xbt ul li b {
    width: 224px;
    height: 2px;
    display: block;
    background: #01A446;
    position: absolute;
    top: 174px;
    left: 119px;
}

.xtbar04 .xt04 .xb .xbt ul li.Right b {
    left: -126px;
}

.xtbar04 .xt04 .xb .xbt ul li.h1 a.img img {
    opacity: 0.8;
}

.xtbar04 .xt04 .xb .xbt ul li.h1 span {
    color: #01A446;
}

.xtbar04 .xt04 .xb .xbt ul li.h1 h2 {
    color: #01A446;
}

.xtbar04 .xt04 .xb .xbm {
    width: auto;
    height: auto;
    padding: 0 35px;
}

.xtbar04 .xt04 .xb .xbm .txts {
    width: auto;
    height: auto;
}

.xtbar04 .xt04 .xb .xbm .txts h2 {
    font-size: 22px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 8px;
}

.xtbar04 .xt04 .xb .xbm .txts p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: justify;
}

.xtbar05 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar05 .xt05 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
}

.xtbar05 .xt05 .xt {
    width: auto;
    height: auto;
    margin-bottom: 39px;
}

.xtbar05 .xt05 .xt img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.xtbar05 .xt05 .xb {
    width: auto;
    height: auto;
}

.xtbar05 .xt05 .xb ul {
    width: 1220px;
}

.xtbar05 .xt05 .xb ul li {
    width: 230px;
    height: 280px;
    border-radius: 10px;
    background: #ececec;
    float: left;
    margin-right: 10px;
    padding-top: 26px;
    transition: all 500ms;
    cursor: pointer;
}

.xtbar05 .xt05 .xb ul li span {
    font-size: 40px;
    color: #333;
    line-height: 46px;
    text-align: center;
    margin-bottom: 10px;
    font-family: "din";
    text-align: center;
    display: block;
    transition: all 500ms;
}

.xtbar05 .xt05 .xb ul li p {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    width: 200px;
    margin: 0 auto;
    text-align: justify;
    transition: all 500ms;
}

.xtbar05 .xt05 .xb ul li:hover {
    background: #01A446;
    transition: all 500ms;
}

.xtbar05 .xt05 .xb ul li:hover span {
    color: #fff;
    transition: all 500ms;
}

.xtbar05 .xt05 .xb ul li:hover p {
    color: #fff;
    transition: all 500ms;
}

.xtbar06 {
    width: 100%;
    height: auto;
    background: url(../images/nzbar02.jpg) repeat;
}

.xtbar06 .xt06 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 55px 0 44px;
}

.xtbar06 .xt06 .xt {
    width: auto;
    height: auto;
    margin-bottom: 35px;
}

.xtbar06 .xt06 .xt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    font-weight: bold;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.xtbar06 .xt06 .xt p {
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: center;
}

.xtbar06 .xt06 .xb {
    width: auto;
    height: auto;
    position: relative;
}

.xtbar06 .xt06 .xb ul li {
    width: 440px;
    height: 201px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 10px;
}

.xtbar06 .xt06 .xb ul li .txts {
    padding: 6px 0 0 25px;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li .txts span.num {
    font-size: 40px;
    color: #333;
    line-height: 46px;
    font-family: "din";
    float: left;
    margin-right: 10px;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li .txts h2 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    float: left;
    margin-top: 10px;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li .txts p {
    font-size: 13px;
    color: #666;
    line-height: 26px;
    margin-top: 5px;
    width: 400px;
    text-align: justify;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li .txts p span {
    color: #01A446;
}

.xtbar06 .xt06 .xb .cimg {
    width: 282px;
    height: 612px;
    position: absolute;
    top: 0;
    left: 460px;
}

.xtbar06 .xt06 .xb ul li:hover {
    background: #01A446;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li:hover .txts span {
    color: #fff;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li:hover .txts h2 {
    color: #fff;
    transition: all 500ms;
}

.xtbar06 .xt06 .xb ul li:hover .txts p {
    color: #fff;
    transition: all 500ms;
}

.xtbar07 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar07 .xt07 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 59px 0;
}

.xtbar07 .xt07 .xt {
    margin-bottom: 40px;
}

.xtbar07 .xt07 .xt img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.xtbar07 .xt07 .xb {
    height: 500px;
    width: auto;
}

.sbanner {
    width: 100%;
}

.sbanner img {
    width: 100%;
    height: auto;
}

#focus_Box {
    position: relative;
    width: 1200px;
    height: 500px;
    margin: 0 auto;
    display: none;
}

#focus_Box ul {
    position: relative;
    width: 1200px;
    height: 500px;
    margin: 0 auto;
}

#focus_Box li {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /*top: 146px;
    cursor: pointer;
    left: 377px;*/
    overflow: hidden;
}

#focus_Box li .libox {
    width: auto;
    height: auto;
}

#focus_Box li img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

#focus_Box li .txts {
    padding: 15px 20px;
    width: 710px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
}

#focus_Box li .txts h2 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
}

#focus_Box li .txts p {
    font-size: 14px;
    color: #c8c8c8;
    line-height: 20px;
}

#focus_Box li .txts p a {
    color: #01A446;
}

#focus_Box .prev,
#focus_Box .next {
    display: block;
    z-index: 100;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    width: 36px;
    height: 63px;
    top: 45%;
}

#focus_Box .prev {
    background: url(../images/lb_left.png) no-repeat scroll top center;
    left: -60px;
    transition: all 500ms;
}

#focus_Box .next {
    background: url(../images/lb_right.png) no-repeat scroll top center;
    right: -60px;
    transition: all 500ms;
}

#focus_Box .prev:hover {
    background-position: center bottom;
    transition: all 500ms;
}

#focus_Box .next:hover {
    background-position: center bottom;
    transition: all 500ms;
}

.xtbar08 {
    width: 100%;
    height: auto;
    background: #fff;
}

.xtbar08 .xt08 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
}

.xtbar08 .xt08 .xt {
    width: auto;
    height: auto;
    margin-bottom: 40px;
}

.xtbar08 .xt08 .xt h2 {
    font-size: 38px;
    color: #333;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.xtbar08 .xt08 .xt p {
    font-size: 20px;
    color: #666;
    line-height: 30px;
    text-align: center;
}

.xtbar08 .xt08 .xb {
    width: auto;
    height: auto;
}

.xtbar08 .xt08 .xb img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}


/*地图*/

.map {
    position: relative;
    width: 761px;
    margin: 0 auto;
}

.map a {
    color: #5b5a5a;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}

.map .city a:hover {
    color: #fff !important;
}

.citybg {
    position: absolute;
    display: none;
    z-index: 3;
}

.city a.active .citybg {
    display: block;
    z-index: 3;
}

.city.hover a {
    color: #fff;
}

.map a.a-font:hover {
    color: #2aa3db !important;
}

.city i.icon-wgbj {
    width: 28px;
    height: 25px;
    display: block;
    position: absolute;
}

.city.default .citybg {
    display: block !important;
}

.city.default a {
    color: #fff !important;
}

.map a.a-font {
    color: #333 !important;
}

.city .v1 {
    position: absolute;
    left: 50px;
    top: -20px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 20;
    width: 350px;
    height: auto;
}

.city .v1 .img {
    width: 120px;
    height: 150px;
    float: left;
}

.city .v1 .img img {
    width: auto;
    display: block;
    height: 150px;
}

.city .v1 .text {
    width: 220px;
    float: left;
    margin-left: 10px;
    padding-top: 10px;
}

.city .v1 .text p {
    font-size: 13px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

.network .btm {
    width: auto;
    height: auto;
}

.network .btm .ct {
    width: auto;
    height: auto;
    margin-bottom: 30px;
}

.network .btm .ct h2 {
    font-size: 26px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.network .btm .cb {
    width: auto;
    height: auto;
}

.network .btm .cb ul {
    width: 1260px;
}

.network .btm .cb ul li {
    width: 580px;
    height: auto;
    margin-right: 50px;
    float: left;
    margin-bottom: 30px;
}

.network .btm .cb ul li a.imgs {
    width: 220px;
    height: 270px;
    display: block;
    float: left;
    margin-right: 35px;
}

.network .btm .cb ul li a.imgs img {
    width: 220px;
    height: auto;
    display: block;
}

.network .btm .cb ul li .text {
    width: 325px;
    height: auto;
    float: right;
    padding-top: 45px;
}

.network .btm .cb ul li .text h2 {
    font-size: 20px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.network .btm .cb ul li .text p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
}

.joinbg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.joinbox {
    width: 450px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 2;
    display: none;
    margin-top: -150px;
}

.joinbox .j-t {
    width: auto;
    height: auto;
    position: relative;
    background: #01A446;
}

.joinbox .j-t h2 {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}

.joinbox .j-t a.closed {
    font-size: 12px;
    color: #fff;
    line-height: 40px;
    position: absolute;
    right: 10px;
    top: 0;
    display: block !important;
}

.joinbox .j-b {
    width: auto;
    height: auto;
    padding: 45px 10px;
}

.joinbox .j-b p {
    font-size: 13px;
    color: #666;
    line-height: 26px;
    text-indent: 2em;
    text-align: center;
}

.joinbox .j-b p span {
    color: #01A446;
    font-weight: bold;
}


/*上一篇下一篇*/

.prenext {
    width: auto;
    height: auto;
    margin: 0 auto;
    background: #f3f3f3;
    padding: 0 40px;
}

.prenext ul li {
    display: block;
    font-size: 16px;
    color: #444;
    line-height: 58px;
    width: 50%
}

.prenext ul li.Right {
    text-align: right;
}

.prenext ul li a {
    font-size: 16px;
    color: #444;
    line-height: 58px;
    display: inline-block;
    transition: all 500ms;
}

.prenext ul li:hover a {
    color: #01A446;
    transition: all 500ms;
}


/*列表翻页*/

.dede_pages {
    overflow: hidden;
    padding: 10px 0 20px;
    clear: both;
    height: auto;
}

.dede_pages ul {
    font-size: 12px;
    color: #999;
    text-align: center;
}

.dede_pages ul li {
    color: #666666;
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    line-height: 40px;
}

.dede_pages ul li select {
    border: 1px solid #eee;
    background: transparent;
    outline: none;
    margin-left: 5px;
    height: 38px;
    margin-right: 6px;
}

.dede_pages ul li .optionkw {
    margin-right: 5px;
}

.dede_pages ul li a {
    color: #666666;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

.dede_pages ul li:hover {
    background: #01A446;
    color: #fff;
}

.dede_pages ul li:hover select {
    border-color: #01A446;
}

.dede_pages ul li:hover a {
    color: #fff;
}

.dede_pages ul li:hover span {
    color: #fff;
}

.dede_pages ul li.thisclass {
    width: 40px;
    height: 40px;
    background: #01A446;
    color: #fff;
}


/*-------- 下拉菜单 --------------*/


/*
@keyframes move
{
    from {height: 0;opacity: 0;}
    to {height: auto;opacity: 1;}
}
 
@-webkit-keyframes move 
{
    from {height: 0;opacity: 0;}
    to {height: auto;opacity: 1;}
}

.navbar .nav>ul>li:hover .dropMenu {
    animation: move 1s;

}*/

.dropMenu {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 100%;
    /* visibility: hidden; */
    margin-top: -1px;
    /*  filter:alpha(opacity=80);  

      -moz-opacity:0.8;  

      -khtml-opacity: 0.8;  

      opacity: 0.8; */
    background: #F4F6F4;
    /* min-width: 150px; */
    padding: 10px 0;
    top: 52px;
    left: 0;
}


/*.dropMenu li{background: url(../images/dropmenu-bg.jpg) no-repeat scroll 6px 15px;padding-left:10px;}*/

.navbar .nav .dropMenu li {
    margin-right: 0;
    width: 100%;
    float: unset;
}

.navbar .nav .dropMenu li a {
    padding: 0;
    display: block;
    font-size: 15px;
    color: #5F6A66;
    line-height: 40px;
    /* margin-right: 5px; */
    text-align: center;
}

.navbar .nav .dropMenu li:hover a {
    color: #01702E !important;
}

#dropmenu2 {
    width: 162px !important;
}

#dropmenu3 {
    max-width: 128.5px !important;
}


/*右侧*/

.right-contact-img {
    z-index: 100;
    position: fixed;
    width: 46px;
    height: auto;
    overflow: visible;
    bottom: 113px;
    right: 0px;
    _position: absolute
}

.right-contact-img ul li {
    position: relative;
    width: 46px;
    height: 46px;
    list-style: none;
    margin-bottom: 5px;
}

.right-contact-img ul li.phone {
    background-color: #8A958F;
}

.right-contact-img ul li:hover.phone {
    background-color: rgba(1, 164, 70, 0.95);
}

.right-contact-img ul .last {
    margin-bottom: 0px
}

.right-contact-img ul li .pull_down2 {
    position: absolute;
    width: 201px;
    height: 46px;
    top: 0px;
    right: -201px
}

.right-contact-img ul li .pull_down2 a {
    width: 201px;
    display: block;
    height: 46px
}

.right-contact-img ul li .pull_down3 {
    position: absolute;
    width: 201px;
    height: 46px;
    top: 0px;
    right: -201px
}

.right-contact-img ul li .pull_down3 a {
    width: 201px;
    display: block;
    height: 46px
}


/*.right-contact-img2 ul li .pull_down2 .ding {position: absolute; width: 48px; top: 0px; left: 23px}

.right-contact-img2 ul li .pull_down2 .yi {position: absolute; width: 48px; top: 0px; left: 88px}*/

.right-contact-img ul {
    padding-left: 0px;
    margin: 0px;
}

.fkabo {
    bottom: 68px;
    position: fixed;
    right: 0px;
    display: block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    background: #8A958F url(../images/icon_code.png) right center no-repeat;
    z-index: 600000;
}

.right-contact-img ul li:hover {
    background-position: left center;
}

div:hover.fkabo {
    background-color: rgba(1, 164, 70, 0.95);
}

.fkabo .weib {
    display: none;
    position: absolute;
    margin-left: -165px;
    margin-top: -124px;
    z-index: 99999;
}

#gotopbtn {
    bottom: 18px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 0px;
    display: block;
    width: 46px;
    height: 46px;
    background: #8A958F url(../images/icon_top.png) right center no-repeat;
    cursor: pointer;
    z-index: 10;
}

#gotopbtn:hover {
    background-color: rgba(1, 164, 70, 0.95);
}

@media(max-width: 1920px) {
    .content .constitute .navbox ul li {
        height: 852px;
    }
}

@media(max-width: 1680px) {
    .content .constitute .navbox ul li {
        width: 19.94%;
        height: 744.8px;
    }
}

@media(max-width: 1600px) {
    .content .constitute .navbox ul li {
        width: 19.935%;
        height: 709px;
    }
}

@media(max-width: 1440px) {
    .content .constitute .navbox ul li {
        width: 19.93%;
        height: 637.3px;
    }
}

@media(max-width: 1366px) {
    .content .constitute .navbox ul li {
        width: 19.925%;
        height: 604.2px;
    }
}

@media(max-width: 1280px) {
    .content .constitute .navbox ul li {
        width: 19.92%;
        height: 565.7px;
    }
}

/* ============================================================
   2026-10-03 §54 视觉增强（动态吸引力 A–E）
   铁律：只加分不改版；只动 opacity/transform；不越界、不交叠。
   全部规则加 .jvfx-* 前缀，便于一键回滚（删除本节即可）。
   ============================================================ */

/* ---- A · 滚动进场 reveal ----
   区块进入视口后 opacity 0→1 + translateY(24px→0)，460ms 缓出，只触发一次。
   未启用 JS 时（.jvfx-nojs 未加）默认可见，保证降级安全。 */
.jvfx-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 460ms cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 460ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
}
.jvfx-reveal.jvfx-in {
    opacity: 1;
    transform: translateY(0);
}
/* 渐次点亮：同区块内卡片依次延迟 */
.jvfx-delay-1 { transition-delay: 80ms; }
.jvfx-delay-2 { transition-delay: 160ms; }
.jvfx-delay-3 { transition-delay: 240ms; }

/* ---- D · 图片加载淡入 ----
   加载完成前浅灰底，加载后淡入。JS 失败也不影响显示（兜底）。
   仅对动态加载的图片生效（.jvfx-img），避免影响轮播/背景图。 */
.jvfx-img {
    opacity: 0;
    transition: opacity 500ms ease;
    background: #f2f3f5;
}
.jvfx-img.jvfx-loaded {
    opacity: 1;
}

/* ---- C · 卡片悬停抬升 ---- */
.jvfx-hover {
    transition: transform 300ms ease, box-shadow 300ms ease;
}
.jvfx-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}
/* 卡片内图片轻微放大（容器需 overflow:hidden，见各卡片自身样式） */
.jvfx-hover img {
    transition: transform 600ms ease;
}
.jvfx-hover:hover img {
    transform: scale(1.05);
}
/* 仅放图、不抬容器（用于大图卡片，避免容器位移越界） */
.jvfx-zoom {
    overflow: hidden;
}
.jvfx-zoom img {
    transition: transform 600ms ease;
}
.jvfx-zoom:hover img {
    transform: scale(1.05);
}

/* ---- E · 顶部导航吸顶 ---- */
.jvfx-nav-sticky {
    position: sticky;
    top: 0;
    z-index: 9990;
}
.jvfx-nav-sticky.jvfx-nav-pin {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}
.jvfx-nav-sticky.jvfx-nav-pin .nav ul li a {
    line-height: 46px; /* 吸顶后轻微压缩（52→46） */
}

/* ---- 无障碍：用户偏好减少动效时全部降级 ---- */
@media (prefers-reduced-motion: reduce) {
    .jvfx-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .jvfx-img {
        opacity: 1 !important;
        transition: none !important;
    }
    .jvfx-hover {
        transition: none !important;
    }
    .jvfx-hover:hover {
        transform: none !important;
    }
    .jvfx-hover img {
        transition: none !important;
    }
    .jvfx-hover:hover img {
        transform: none !important;
    }
    .jvfx-zoom img {
        transition: none !important;
    }
    .jvfx-zoom:hover img {
        transform: none !important;
    }
}

/* ============================================================
   §55 顶部导航：等宽铺满 + 下拉菜单防误隐藏（2026-10-03）
   背景：导航项从 8 个减到 7 个后，总宽仅 910px，右侧空出 290px；
        且吸顶时按钮高 46px 而下拉面板 top:52px，中间 5~6px 缝隙
        会让鼠标下移经过时触发 mouseleave，菜单瞬间消失。
   ============================================================ */

/* --- ① 7 项等宽铺满 1200px 主体宽 --- */
.navbar .nav > ul#navMenu {
    display: flex;
    width: 1200px;
}
/* 模板在 </ul> 前留了一个 <div style="clear:both">，
   必须排除，否则它会成为 flex 项抢走一份宽度 */
.navbar .nav > ul#navMenu > div {
    display: none;
}
.navbar .nav > ul#navMenu > li {
    float: none;              /* 覆盖旧 float:left */
    flex: 1 1 0;              /* 等分 1200px */
    min-width: 0;
    text-align: center;
}
.navbar .nav > ul#navMenu > li > a {
    padding: 0 8px;           /* 由 32.8px 收窄，宽度交给 flex 控制 */
    white-space: nowrap;
}

/* --- ② 下拉面板紧贴按钮，消除缝隙 --- */
.navbar .nav .dropMenu {
    top: 100%;                /* 紧随 <li> 底部，不再写死 52px */
    left: 0;
    width: 100%;
    margin-top: 0;            /* 原 -1px 会与 top 计算叠加 */
    box-sizing: border-box;
    min-width: 100%;          /* 面板不窄于按钮；长文字靠 nowrap 撑开 */
}
/* 吸顶压缩按钮高度时，面板仍紧贴（top:100% 自动跟随） */
.jvfx-nav-sticky.jvfx-nav-pin .nav .dropMenu {
    top: 100%;
}
/* 下拉项文字过长时允许换行，避免被面板宽度截断 */
.navbar .nav .dropMenu li a {
    white-space: normal;
    padding: 0 10px;
    word-break: break-word;
}
/* 面板本身也做 hover 热区：鼠标在面板内时保持显示 */
.navbar .nav .dropMenu:hover {
    display: block;
}

/* ============================================================
   §56 主导航字重 + 数字条不换行（2026-10-03）
   ① 主导航字体加粗
   ② 首页/简介页滚动数字：数字变大后 4 个 dl 的宽度超过容器被挤到第二行
   ============================================================ */

/* --- ① 主导航字体加粗（只作用于一级项，下拉项保持常规） --- */
.navbar .nav > ul#navMenu > li > a {
    font-weight: bold;
}

/* --- ② 数字条：4 个 dl 等分容器，永远单行，不再随数字长度换行 ---
   原样式 dl{width:auto;float:left;padding:14px 15px}：
   dl 宽度由「数字+加号+文字」内容撑开，数字一变大总和就超过 .bd_l 宽度 → 第 4 个掉到第二行。
   改为 flex 等分：4 项各占 25%，容器多宽都不会溢出。
   注：`> dl` 限定只作用于数字条目，不影响 .bd_l_box 内可能的其他子元素。 */
.index01 .ir .banner_bar_bd .bd_l_box,
.intro .ib .banner_bar_bd .bd_l_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
}
.index01 .ir .banner_bar_bd .bd_l_box > dl,
.intro .ib .banner_bar_bd .bd_l_box > dl {
    float: none;              /* 覆盖旧 float:left */
    flex: 1 1 0;              /* 等分：4 项各 1/4 */
    width: auto;
    min-width: 0;             /* 允许收缩，防止内容顶宽 */
    padding: 14px 8px;        /* 由 15px/63px 收窄，宽度交给 flex */
    box-sizing: border-box;
    text-align: center;
}
/* 数字与加号在各自格子里居中、且不换行 */
.index01 .ir .banner_bar_bd .bd_l dl .num,
.intro .ib .banner_bar_bd .bd_l dl .num {
    white-space: nowrap;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-right: 0;
}
/* 文字说明允许在格内换行（如「业务领域（市）」较长），但整体仍在一行内 */
.index01 .ir .banner_bar_bd .bd_l dl .txt,
.intro .ib .banner_bar_bd .bd_l dl .txt {
    white-space: normal;
    word-break: break-word;
}
/* 超窄屏兜底：数字自动缩小字号，避免任何溢出 */
@media (max-width: 1300px) {
    .index01 .ir .banner_bar_bd .bd_l dl .num,
    .intro .ib .banner_bar_bd .bd_l dl .num {
        font-size: 38px;
    }
    .index01 .ir .banner_bar_bd .bd_l dl .num em,
    .intro .ib .banner_bar_bd .bd_l dl .num em {
        font-size: 29px;
    }
}

/* ===== §81b（2026-10-10）修「手机切『电脑模式』后 banner 与下方内容错位 / 横滑露白」 =====
   根因（tools/s81_probe5.js 实测）：本站是固定 1200 宽的 PC 版 —— css 里有 60 处
   width:1200px 的内容容器；而 .sbanner（内页大图）/ .headerbtm（头部）/ .navbar（导航）/
   .footer 这些「全宽块」写的是 width:100% = 布局视口宽。视口 >=1200 时两者恰好相等，
   桌面端看不出问题；视口 <1200 时（手机「电脑模式」= 980 或设备宽度）全宽块只有 980/390，
   内容仍是 1200 ⇒ 横向滑动时全宽块右侧露白、与内容左右边缘对不齐，看着就是「banner 向左缩进」。
   ⚠ 手机「电脑模式」下浏览器**会忽略 viewport meta**（Chrome/Safari 均如此），
     所以不能靠 head 里的 <meta viewport> 解决，只能从布局本身对齐。
   解法：把根元素的最小宽度定成 1200，让 100% 宽的元素与 1200 内容永远同宽。
   ⚠ 首页悬浮头 .headerbtm.hd-float 是 absolute、包含块是初始包含块，需单独补 min-width（见上）。
   ⚠ 桌面窗口 >=1200 时本节规则不生效（逐视口回归通过）。
   ⚠ 手机站 mobile.php 用 static2/css/style.css，不受影响。
   回滚：删掉本节 + 去掉 .headerbtm.hd-float 里那行 min-width 即可。 */
html,
body {
    min-width: 1200px;
}


/* ===== §82（2026-10-10）底部改版 · §82b 二次修订 ==========================
   旧：.footerbar01（友情链接，深底 #1f2024，约 102px）+ .footerbar02（$site['inscribe'] 为空 ⇒ 高 0）
   新：一根浅色横带，两行 ——
       ① 左（logo + 公司名 + 宣传语）‖ 右（上排 6 个简介类链接 / 下排 手机·座机·QQ·地址）
          左右两栏高度大致相同（58 vs 66），一边一块不偏重
       ② 版权在左，ICP + 公安两个备案号浮到右侧
   高度：实测 161px（与 §82 首版等高；内容少了一整行 ⇒ 更空更轻）
   配色：浅灰绿 #F4F6F4 + 顶部 2px 品牌绿，与导航/banner 的 #01A446 同源
   回滚：删掉本整节（从 .ft82 到本节末尾注释），并把 foot.php 换回
        _backup/s82-底部改版与号码对调/02-改前原件/ 里的 .bak 即可；
        旧 .footerbar01/.footerbar02 规则原样保留在 style.css 靠前位置，未改动。 */

.ft82 {
    width: 100%;
    min-width: 1200px;              /* §81b 同源：100% 宽元素与 1200 内容同宽，
                                       手机切「电脑模式」时底部才不会右侧露白 */
    background: #F4F6F4;
    border-top: 2px solid #01A446;
}

.ft82-in {
    width: 1200px;
    margin: 0 auto;
    padding: 24px 0 14px;   /* 上下留白收 8px，把总高压回 161px（与 §82 首版等高） */
}

/* ① 主区：左品牌 ‖ 右（链接 + 联系） */
.ft82-main {
    zoom: 1;
}
.ft82-main:after {
    content: "";
    display: block;
    clear: both;
}

.ft-brand {
    float: left;
}

.ft-logo {
    float: left;
    display: block;
    margin-right: 14px;
}
.ft-logo img {
    display: block;
    height: 58px;                   /* 原图 552×621（竖版），按高 58 等比缩放 ≈ 52px 宽 */
    width: auto;
}

.ft-name {
    float: left;
    padding-top: 7px;               /* 让「logo 高 58」与「右栏 66」大致齐平 */
}
.ft-name b {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: #17211C;
    line-height: 26px;
    letter-spacing: 0.3px;
}
.ft-name span {
    display: block;
    font-size: 13px;
    color: #8A8F8C;
    line-height: 20px;
}

.ft-right {
    float: right;
    text-align: right;
}

/* 上排：6 个简介类链接 */
.ft-nav {
    /* §86 用户要求：栏目行与电话地址行之间的间距取消（原 14px）。
       取消后右栏 = 26+32 = 58px，正好与左栏 logo 区 58px 等高。 */
    margin-bottom: 0;
}
.ft-nav a {
    display: inline-block;
    margin-left: 30px;              /* 右对齐时用 margin-left，末元素后面不会多出一截空白 */
    font-size: 13.5px;
    color: #6B7170;
    line-height: 22px;
}
.ft-nav a:first-child {
    margin-left: 0;
}
.ft-nav a:hover {
    color: #01A446;
}

/* 下排：联系方式 */
.ft-contact {
    line-height: 30px;
}
.ft-contact .ft-mob {
    font-size: 19px;
    font-weight: 500;
    color: #01A446;
    font-family: "din", Arial, sans-serif;
    letter-spacing: 0.5px;
}
.ft-contact .ft-tel,
.ft-contact .ft-qq,
.ft-contact .ft-addr {
    font-size: 13px;
    color: #8A8F8C;
}
.ft-contact .ft-tel {
    font-size: 12.5px;              /* 座机降级：字号最小、颜色最浅（用户：现在没人打座机） */
    color: #9AA09D;
}

/* 竖分隔线：<i> 空元素做成 1px 细线，比直接打「|」字符规整 */
.ft-vline {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: rgba(31, 42, 36, 0.14);
    margin: 0 12px;
    vertical-align: -1px;
    overflow: hidden;
}

/* ② 版权在左 · 备案号浮右（用户要求「两个备案号浮到右侧，和左边的版权分开」） */
.ft-legal {
    clear: both;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(31, 42, 36, 0.09);
    font-size: 12px;
    color: #A3A9A6;
    line-height: 20px;
    zoom: 1;
}
.ft-legal:after {
    content: "";
    display: block;
    clear: both;
}
.ft-legal .ft-copy {
    float: left;
}
.ft-legal .ft-beian {
    float: right;
}
.ft-legal a {
    color: #A3A9A6;
}
.ft-legal a:hover {
    color: #01A446;
}
.ft-legal .ft-vline {
    height: 10px;
    margin: 0 10px;
    vertical-align: -1px;
}

/* §82 · 头部热线对调：手机升为主号（28px 绿），座机降为标签行里的小字。
   原结构 <span>江湾服务热线：</span> <p>座机</p> 高度不变，故不影响首屏 banner 位置。 */
.headerbtm .header .phone span i {
    font-style: normal;
    font-size: 12px;
    color: #9AA09D;
    margin-left: 4px;
}
/* 悬浮态（首页压在 banner 上）：小字再浅会读不清，压深一档并补白描边 */
.headerbtm.hd-float .phone span i {
    color: #6B7170;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
}

/* ===== /§82 底部改版 ================================================== */