body { background-color: #f4f4f4;}
@media(max-width:992px){
.header{display:none;}
}
/*内页广告图*/
.cx-inpage-banner01 { width: 100%; height: 450px;}
.inpage-mBanner{display:none;}
/*面包屑*/
.cx-mianbaoxue01 { height: 50px; line-height: 50px; background-color: rgba(0,0,0,.6); margin-top: -50px; color: #fff; position: relative; z-index: 2;}
.cx-mianbaoxue01 i { display: inline-block; width: 13px; height: 18px; background: url(../images/icon_ads.png) no-repeat; position: relative; top: 3px; margin: 0 8px 0 20px;}
.cx-mianbaoxue01 a { color: #fff; }
.cx-mianbaoxue02{ height: 50px; line-height: 50px; color: #333; position: relative; z-index: 2;border-bottom:#e0e0e0 solid 1px;}
.cx-mianbaoxue02 i { display: inline-block; width: 13px; height: 18px; background: url(../images/icon_ads.png) no-repeat; position: relative; top: 3px; margin: 0 8px 0 20px;filter: contrast(0);}
.cx-mianbaoxue02 a { color: #333; }
/*内页头部*/
.cx-inpage-header01 { display: none; width: 87%; padding-top: 13%; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 999; overflow: hidden;}
.cx-inpage-header01 p { width: 100%; font-size: 20px; text-align: center; position: absolute; top: 50%; left: 6%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.cx-inpage-header01 a { display: block; width: 15%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; cursor: pointer;}
.cx-inpage-header01 a:before { content:''; display: block; width: 12px; height: 12px; border-top: solid 2px #999; border-right: solid 2px #999; position: absolute; left: 50%; top: 50%; z-index: 9; margin: -6px 0 0 -5px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);}
/*编辑器重置样式*/
.cx-editor-box { font-size: 14px!important; color: #333!important; line-height: 26px!important; }
.cx-editor-box p { line-height: inherit;}
.cx-editor-box img { width: auto!important; max-width: 100%!important; height: auto!important; margin: 0 auto!important;}
.cx-editor-box table { display:block; text-align: center;height: auto !important;}
#content table{width: 735px;}
.cx-editor-box table tbody { display: inline-block; }
.cx-editor-box table tr,
.cx-editor-box table td {}

.cx-editor-box .left-cont,
.cx-editor-box .right-cont { width: 50%!important; padding: 2%; }
@media screen and (max-width: 1024px){
  .cx-editor-box .left-cont,
  .cx-editor-box .right-cont{ width: 100%!important; padding: 0!important; }
  .cx-editor-box table { overflow-y: scroll!important; }
}

@media screen and (max-width: 800px){
  .cx-editor-box table td {}
  .cx-editor-box { font-size: 16px!important; }
}

/* 标题组横线（2026-10-03 「公司简介」标题下的浅灰分隔线）
   真值：.borderB_dividers{border-bottom:1px solid #e8e8e8}，标题区 padding-bottom:20px。
   线落在整个标题组（大字+副标题）下方、满宽贯穿白卡；只挂 .wrap-title-line（本块「雅之雷德企业文化」组），
   同编辑器里后面的「文化理念」组及全站共用 .wrap-title 均不受影响 */
.cx-picture-list01 .cx-editor-box .wrap-title-line { border-bottom: 1px solid #e8e8e8; padding-bottom: 20px; }
/* 字号与「公司简介」标题一致：实例级覆盖链终值 24px（2026-10-03），只动大字，副标题不动 */
.cx-picture-list01 .cx-editor-box .wrap-title-line h2 { font-size: 24px; }

/*暂无数据*/
#nodata, .nodata { padding: 80px; padding-left: 150px; border: solid 1px #eee; margin: 10px 0; background: url(../images/nodata.gif) no-repeat 20px 20px; background-color: #fff; width:100%;}

/*=========== 第一套产品中心 =============*/
.cx-product-center01 { margin-bottom: 30px; }
/* 面包屑 → 产品中心的间距 + 白色外层（2026-10-03）
   实测：面包屑行底 → 64px 灰缝 → 白色外层（与面包屑行同宽，居中）→ 内容四周缩进 32px。
   本站落实：面包屑行下留 64px 灰带（.cx-product-center01 的 padding-top，灰底来自 body #f4f4f4），
   白层沿用本站 1400 档（.width1400，与 .hlcrumb-in 左右对齐），层内 padding 32px 让侧栏/产品区四周露白。 */
.cx-product-center01 { padding-top: 64px; }
.cx-product-center01 > .width1400 { background-color: #fff; padding: 32px; box-sizing: border-box; }
@media screen and (max-width: 768px) {
  .cx-product-center01 > .width1400 { padding: 15px; }
}
.cx-product-center01 .cx-product-sidebar { width: 290px; }
/* 产品区左右宽度（2026-10-03）
   实测：分类栏右缘 → 产品区左缘 = 32px；产品区吃掉剩余宽度、一路铺到白层内缘（右侧同样内缩 32px）。
   本站落实：产品区宽 = 容器内宽 − 分类栏 290 − 间距 32 = 322；仍为 .fr 右浮动 → 右缘自动贴白层内缘。
   效果：与分类栏的空隙 166px → 32px，产品区 880px → 1014px（1920 档），三列卡片按 31.333% 比例同步变宽。 */
.cx-product-center01 .cx-product-cont { width: calc(100% - 322px); }

/*产品中心侧边栏导航*/
.cx-product-center01 .y-sidebar-product { width: 100%; background-color: #fff; margin-bottom: 30px;}
.cx-product-center01 .y-sidebar-product .sidebar-tt { width: 100%; border-left: solid 1px #e6e6e6; border-top: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; padding: 16px 25px 16px 30px; box-sizing: border-box;  position: relative;}
.cx-product-center01 .y-sidebar-product .sidebar-tt h3 { font-size: 24px; color: #333; font-weight: 400; width: 76%; padding: 6px 0; border-bottom: solid 1px #ebebeb; position: relative; z-index: 2;}
.cx-product-center01 .y-sidebar-product .sidebar-tt em { display: block; font-size: 12px; color: #999; padding: 6px 0; }
.cx-product-center01 .y-sidebar-product .sidebar-tt:before { content: ''; display: block; width: 54px; height: 54px; background: url(../images/icon_msk.png) no-repeat; position: absolute; left: -1px; top: -1px; z-index: 1; }
.cx-product-center01 .y-sidebar-product .sidebar-tt:after { content: ''; display: block; width: 44px; height: 45px; background: url(../images/slidebar_img.png) no-repeat; position: absolute; right: 25px; top: 30px; z-index: 1; }
.cx-product-center01 .sidebar-tt i.color-block { display: block; width: 11px; height: 11px; background-color: #04287e; position: absolute; left: -1px; top: -1px; z-index: 1; }
.cx-product-center01 .y-sidebar-product .sidebar-nav-box { width: 100%; }
.cx-product-center01 .y-sidebar-product .sidebar-nav-box .swiper-wrapper { display:block;}
.cx-product-center01 .y-sidebar-product .sidebar-nav-box li>span { display: block; height: 52px; line-height: 52px; font-size: 18px; color: #333; padding-left: 30px; padding-right: 45px; border-top: solid 1px #e6e6e6;cursor: pointer; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .sidebar-nav-box li>span i { display: block; width: 11px; height: 11px; position: absolute; right: 32px; top: 20px; z-index: 2; }
.cx-product-center01 .sidebar-nav-box li>span i:before { content: ''; display: block; width: 100%; height: 1px; background-color: #d7d7d7; position: absolute; left: 0; top: 5px; }
.cx-product-center01 .sidebar-nav-box li>span i:after { content: ''; display: block; width: 1px; height: 100%; background-color: #d7d7d7; position: absolute; left: 5px; top: 0; }
.cx-product-center01 .sidebar-nav-box li.cur>span,
.cx-product-center01 .sidebar-nav-box li:hover>span,
.cx-product-center01 .sidebar-nav-box li.cur>span a,
.cx-product-center01 .sidebar-nav-box li:hover>span a { color: #fff; background-color: #1a57a9; border-color: #1a57a9; }
.cx-product-center01 .sidebar-nav-box li.cur>span i:before { background-color: #fff; }
.cx-product-center01 .sidebar-nav-box li.cur>span i:after { display: none; }
.cx-product-center01 .sidebar-nav-box .slidebar-list { width: 100%; background-color: #fff; padding: 12px 0;}

.cx-product-center01 .sidebar-nav-box .slidebar-list>a,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span { display: block; font-size: 14px; color: #333; height: 36px; line-height: 36px; padding-left: 30px; padding-right: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative;}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:before, 
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:before,
.cx-product-center01 .y-right-arrow:before,
.cx-product-center01 .y-right-arrow:after
{
  content: ''; 
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 30px;
  top: 12px;
  z-index: 5;
  /*兼容ie8-*/
  border-top: 6px transparent dashed;
  border-left: 6px #ccc solid;
  border-bottom: 6px transparent dashed;
  border-right: 6px transparent dashed;
   overflow: hidden; 
  margin-left: 0px;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:after,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:after,
.cx-product-center01 .y-right-arrow:after {
  right:33px;
   border-left-color: #f7f7f7;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:before,
.cx-product-center01 .y-right-arrow:before {
  border-left-color: #dfdfdf;
}
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:hover,
.cx-product-center01 .sidebar-nav-box .slidebar-list>a.cur,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:hover,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span.cur,
.cx-product-center01 .y-right-arrow:hover,
.cx-product-center01 .y-right-arrow.cur { color: #04287e; }
.cx-product-center01 .sidebar-nav-box .slidebar-list>a:hover:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>a.cur:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span:hover:before,
.cx-product-center01 .sidebar-nav-box .slidebar-list>span.cur:before,
.cx-product-center01 .y-right-arrow:hover:before,
.cx-product-center01 .y-right-arrow.cur:before { border-left-color: #04287e;}

.cx-product-center01 .sidebar-nav-box .slidebar-list>span { overflow: visible; }
.cx-product-center01 .sidebar-nav-box .slidebar-list>span>a { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-product-center01 .y-product-three-nav { width: 230px; background-color: #fff; position: absolute; right: -210px; top: 0; z-index: 999; display: none; }
.cx-product-center01 .y-product-three-nav:before { content: ''; display: block;}
.cx-product-center01 .y-product-three-nav>a { display: block; font-size: 14px; padding: 5px 25px; border-bottom: solid 1px #eee; color: #333; position: relative; width: 85%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .y-product-three-nav>a.y-right-arrow:before, .y-product-three-nav>a.y-right-arrow:after { top: 16px;}

/*向左*/
.triangle_border_left { width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; left: -6px; top: 12px; z-index: 9;}
.triangle_border_left span{ display:block; width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fc0 transparent transparent; position:absolute; top:0px; left:0px; }

/*向上*/
.triangle_border_top { width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; left: 30px; top: -12px; z-index: 9;}
.triangle_border_top span{ display:block; width:0; height:0; border-width:6px 6px 6px 0; border-style:solid; border-color:transparent #fc0 transparent transparent; position:absolute; top:0px; left:0px; }

/*三级导航02*/
.cx-product-center01 .slidebar-list-down>span.cur:before, 
.cx-product-center01 .slidebar-list-down>span.cur:after {  border-left: 6px transparent dashed; border-top: 6px #04287e solid; border-bottom: 6px transparent dashed; border-right: 6px transparent dashed; top:15px; }
.cx-product-center01 .slidebar-list-down>span.cur:after { top:12px; right: 30px; border-top-color: #f7f7f7; }
.cx-product-center01 .slidebar-list-down>span { height: auto; }
.cx-product-center01 .y-product-three-downnav { width: 107%; background-color: #fff; padding: 8px 0; margin-top: 10px; position: relative; display: none;}
.cx-product-center01 .y-product-three-downnav>a { display: block; font-size: 14px; padding: 0 20px 0 30px; color: #333; position: relative; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
.cx-product-center01 .y-product-three-downnav>a:hover, 
.cx-product-center01 .y-product-three-downnav>a.cur { color: #04287e; }
.cx-product-center01 .y-product-three-downnav>a:hover:before,
.cx-product-center01 .y-product-three-downnav>a.cur:before { content: ''; display: block; width: 1px; height: 14px; background-color: #04287e; position: absolute; left: 15px; top: 11px; z-index: 9; }

.sidebar-nav-mobile-box{display:none;}
@media(max-width:992px){
.sidebar-nav-box{display:none;}
.sidebar-nav-mobile-box{display:block;}
}
.sidebar-nav-mobile-box{overflow: hidden;}
.sidebar-nav-mobile-box li{text-align:center;}
.sidebar-nav-mobile-box li a{display:block;padding:10% 5%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border:solid 1px #e5e5e5;border-top: none;border-left: none;}
.sidebar-nav-mobile-box li.cur a{background-color: #04287e;color: #fff;}

/*侧边栏联系热线*/
.cx-product-center01 .y-sidebar-hotline { width: 100%; padding: 20px 10px; background-color: #fff; border: solid 1px #e6e6e6; box-sizing: border-box; margin-bottom: 30px; text-align: center; position: relative;}
.cx-product-center01 .y-sidebar-hotline:before { content: ''; display: block; width: 54px; height: 54px; background: url(../images/icon_msk.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; }
.cx-product-center01 .y-sidebar-hotline p { font-size: 14px; color: #333; }
.cx-product-center01 .y-sidebar-hotline strong { display: block; font-weight: 400; color: #1a57a9; font-size: 24px; }
.cx-product-center01 .y-sidebar-hotline a { display: inline-block; height: 30px; line-height: 30px; color: #fff; padding: 0 18px; background-color: #1a57a9; margin-top: 10px; }

/*右边产品中心顶部内容*/
.cx-product-center01 .y-right-product-topinfo { width: 100%; background-color: #f7f7f7;}
.cx-product-center01 .y-right-product-topinfo .y-img-box { display: block; width: 58%; height: auto; }
.cx-product-center01 .y-right-product-topinfo .y-img-box img { display: block; width: 100%; height: auto; }
.cx-product-center01 .y-right-product-topinfo .y-top-txts { width: 32%; margin-left: 5%;}
.cx-product-center01 .y-right-product-topinfo .y-top-txts h3 { font-size: 24px; color: #333; font-weight: 400; padding: 12% 0 5%; }
.cx-product-center01 .y-right-product-topinfo .y-top-txts p { font-size: 14px; color: #999; line-height: 22px; position: relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.cx-product-center01 .y-right-product-topinfo .y-top-txts p:after { content: ''; display: block; width: 25px; height: 1px; background-color: #d0d0d0; position: absolute; bottom: -30px; left: 0; z-index: 2; }

/*右边产品内容*/
.cx-product-center01 .cx-product-center01 .y-right-product-main { width: 100%; margin-top: 25px; padding-bottom: 30px; background-color: #fff;}
.cx-product-center01 .y-right-product-action { width: 100%; height: 40px; position: relative; overflow: hidden;}
.cx-product-center01 .y-right-product-action span { display: block; float: left; height: 16px; font-size: 14px; color: #acacac; position: relative; border-left: dashed 1px #ddd; margin-top: 12px; padding: 0 12px; cursor: pointer;}
.cx-product-center01 .y-right-product-action span:first-child { border-left: none 0; margin-left: -12px; }
.cx-product-center01 .y-right-product-action span.rq,
.cx-product-center01 .y-right-product-action span.zx { padding-right: 30px; }
.cx-product-center01 .y-right-product-action span.rq:after,
.cx-product-center01 .y-right-product-action span.zx:after { content: ''; display: block; width: 11px; height: 13px; background-repeat: no-repeat; position: absolute; right: 12px; top: 2px; z-index: 2; }
.cx-product-center01 .y-right-product-action span.rq:after { background-image: url(../images/sort_arrow01.png); }
.cx-product-center01 .y-right-product-action span.zx:after { background-image: url(../images/sort_arrow02.png); }
.cx-product-center01 .y-right-product-action span:hover,
.cx-product-center01 .y-right-product-action span.cur { color: #333; }
.cx-product-center01 .y-right-product-action span.rq:hover:after,
.cx-product-center01 .y-right-product-action span.rq.cur:after { background-image: url(../images/sort_arrow01_cur.png);}
.cx-product-center01 .y-right-product-action span.zx:hover:after,
.cx-product-center01 .y-right-product-action span.zx.cur:after { background-image: url(../images/sort_arrow02_cur.png);}
.cx-product-center01 .y-right-product-action span.multi-line { width: 14px; padding-top: 3px; }
.cx-product-center01 .y-right-product-action span.multi-line em, .y-right-product-action span.single-line em { display: block; float: left; width: 3px; height: 3px; border: solid 1px #acacac; margin: 0 0 3px 2px; }
.cx-product-center01 .y-right-product-action span.multi-line em:nth-child(2n-1) { margin-left: 0; }
.cx-product-center01 .y-right-product-action span.single-line { width: 17px; padding-top: 3px; }
.cx-product-center01 .y-right-product-action span.single-line i { display: block; float: left; width: 8px; height: 5px;  margin: 0 0 3px 2px;}
.cx-product-center01 .y-right-product-action span.single-line i:before { content: ''; display: block; width: 100%; height: 1px; background-color: #acacac; margin-top: 2px; }
.cx-product-center01 .y-right-product-action span.multi-line.cur em,
.cx-product-center01 .y-right-product-action span.multi-line:hover em,
.cx-product-center01 .y-right-product-action span.single-line.cur em,
.cx-product-center01 .y-right-product-action span.single-line:hover em{
  border-color: #04287e;
}
.cx-product-center01 .y-right-product-action span.single-line.cur i:before,
.cx-product-center01 .y-right-product-action span.single-line:hover i:before {
  background-color: #04287e;
}
.cx-product-center01 .y-product-search-box { width: 263px; height: 38px; border: solid 1px #e6e6e6; background-color: #fff; position: absolute; right: 0; top: 0; z-index: 9; }
.cx-product-center01 .y-product-search-box input { border: none 0; background: none; outline: 0; width: 100%; height: 38px; padding: 0 35px 0 15px; box-sizing: border-box; }
.cx-product-center01 .y-product-search-box a { display: block; width: 35px; height: 38px; position: absolute; right: 0; top: 0; z-index: 9; text-indent: -9999px;}
.cx-product-center01 .y-product-search-box a:before { content: ''; display: block; width: 15px; height: 15px; background: url(../images/y-search-btn.png) no-repeat; position: relative; left: 10px; top: 12px; }

.cx-product-center01 .y-right-product-list .details-cont { width: 31.333333%; border: solid 1px #e6e6e6; box-sizing: border-box; padding: 1.5% 1.5% 3%; margin-bottom: 30px; text-align: center; background-color: #fff; transition:all .3s ease-out; }
/* 产品详情页：内容外面一层白色面板（1400 档 / 内边距 32px），
   页面灰底 #f4f4f4 从四周露出；框内上半是浅灰带 #f2f2f2（产品主图 + 右侧信息），下半白底（产品描述）。 */
.cx-product-details01 { width: 1400px; max-width: 100%; margin: 40px auto 30px; background-color: #fff; padding: 32px; box-sizing: border-box; }
.cx-product-details01 .product-intro { background-color: #f2f2f2; padding: 40px 0 50px; }
.cx-product-details01 .product-intro > .width1400 { max-width: 100%; }
.cx-product-details01 .product-details-box{position:relative;left:0}
.cx-product-details01 .product-details-box .hide{position:absolute;left:-9999px}
.cx-product-center01 .y-right-product-list h4 { font-weight: 400; font-size: 18px; color: #333; padding: 5% 0 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-center01 .y-right-product-list .details-cont .y-img-box { display: block; width: 100%; height: 247px; }
.cx-product-center01 .y-right-product-list .details-cont img { display: block; width: 100%; height: auto; }
/* 产品图 hover 慢慢放大（对齐站内 common.css 的 .img-box 通用机制：框内裁切 + 0.8s ease-out + scale 1.08） */
.cx-product-center01 .y-right-product-list .details-cont .y-img-box { overflow: hidden; }
.cx-product-center01 .y-right-product-list .details-cont .y-img-box img { height: 100%; object-fit: cover; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; transition: all .8s ease-out; }
.cx-product-center01 .y-right-product-list .details-cont .y-img-box:hover img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }
.cx-product-center01 .y-right-product-list .details-cont p { font-size: 15px; color: #666; }
.cx-product-center01 .y-right-product-list .y-btns { display: block; width: 180px; margin: 7% auto 0; }
.cx-product-center01 .y-right-product-list .y-btns a { display: block; font-size: 15px; color: #333; width: 50%; box-sizing: border-box;}
.cx-product-center01 .y-right-product-list .y-btns a:first-child { border-right: dashed 1px #999; }
.cx-product-center01 .y-right-product-list .y-btns a:hover { color: #04287e; }
.cx-product-center01 .y-right-product-list .details-cont.mr4 { margin-right: 3%; }
.cx-product-center01 .y-right-product-list .details-cont:nth-child(3n-1){margin-left:3%; margin-right:3%;}
.cx-product-center01 .y-right-product-list .details-cont:hover { box-shadow: 5px 5px 40px rgba(0,0,0,.2);}
.cx-product-center01 .y-right-product-list .details-cont:hover h4 { color: #04287e;}
.cx-product-center01 .details-cont .p-txts { /*height: 20px; overflow: hidden;*/ }
.cx-product-center01 .details-cont .p-txts p { height: 42px; margin-top: 2%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.cx-product-center01 .y-right-product-single .details-cont { width: 100%; height: auto; margin-right: 0; text-align: left; padding-bottom: 10px; }
.cx-product-center01 .y-right-product-single .details-cont .y-img-box { width: 46%; float: left; }
.cx-product-center01 .y-right-product-single .details-cont .y-infos { float: left; width: 46%; margin-left: 5%;}
.cx-product-center01 .y-right-product-single .details-cont .p-txts { height: auto; padding-top: 3%; line-height: 22px; color: #666;}
.cx-product-center01 .y-right-product-single .y-btns { margin-left: -15px; margin-top: 36px; text-align: center; }
@media(max-width:992px){
.cx-product-details01{padding:15px; margin-top:20px;}
.cx-product-details01 .product-intro{padding:20px 0;}
}

/*产品列表2*/
.product-wrap{overflow:hidden;}
.product-list{padding-top:2rem;}
.product-list .item{float:left;margin:1%;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);transition:all 0.5s;}
.product-list .pic{border-bottom:#f0f0f0 solid 1px; overflow:hidden;}
.product-list .pic img{display:block;transition:all 0.5s ease-in-out;}
.product-list .text{padding:1rem;overflow:hidden;}
.product-list .text h3{font-weight:normal;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list .text h3 a{color:#333;}
.product-list .text p{font-size:1rem;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.product-list .item:hover{transform:translateY(-1rem);box-shadow:0 0 1rem rgba(0,0,0,0.25)}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover h3 a{color:#04287e;}
.product-list.column1 .item{width:98%;}
.product-list.column2 .item{width:48%;}
.product-list.column3 .item{width:31.3333%;}
.product-list.column4 .item{width:23%;}
.product-list.column5 .item{width:18%;}
@media(max-width:768px){
.product-wrap{padding:2rem 0.625rem;}
.product-list{display:flex;flex-wrap:wrap;}
.product-list .item{width:48% !important;}
.product-list .item:hover{transform:none;}
}

/*翻页*/
.y-fanye-box { width: 100%; margin: 15px 0 40px; position: relative;}
.y-page-nums { width: 500px; margin: 0 auto; text-align: center; }
.y-page-nums a { display: inline-block; width: 40px; height: 40px; border: solid 1px #e6e6e6; font-size: 18px; color: #999; line-height: 40px; text-align: center; margin-right: 8px;}
.y-page-nums a.cur, .y-page-nums a:hover { background-color: #1a57a9; color: #fff; border-color: #1a57a9; }
.y-fanye-box>span { display: block; width: 40px; height: 40px; border:solid 1px #e6e6e6; background-color: #fff; position: absolute; top: 0; z-index: 9; cursor: pointer;}
.y-fanye-box>span.y-left-btn { left: 0; }
.y-fanye-box>span.y-left-btn a{ display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;}
.y-fanye-box>span.y-right-btn { right: 0; }
.y-fanye-box>span.y-right-btn a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;}
.y-fanye-box>span:before,
.y-fanye-box>span:after { content: ''; width: 0; height: 0; display: block; position: absolute; left: 0; top: 8px; z-index: 5; border-top: 12px transparent dashed; border-left: 12px transparent dashed; border-bottom: 12px transparent dashed; border-right: 12px #ccc solid; overflow: hidden; margin-left: 0px;}
.y-fanye-box>span:after { left:3px; border-right-color: #fff; }
.y-fanye-box>span:before { border-right-color: #999;}
.y-fanye-box>span.y-right-btn:before, 
.y-fanye-box>span.y-right-btn:after { border-right: 12px transparent dashed; border-left: 12px #ccc solid; margin-left: 15px; }
.y-fanye-box>span.y-right-btn:after { left:-3px; border-left-color: #fff;}
.y-fanye-box>span.y-right-btn:before { border-left-color: #999;}
.y-fanye-box>span.y-right-btn a,.y-fanye-box>span.y-left-btn  a{display: block;width:100%;height:100%;position: absolute;left:0;top:0;z-index:9;}

/*--pager--*/
.pager{clear:both;padding-top:2rem;text-align:center;overflow:hidden;}
.pager-prev,.pager-next{display:inline-block;vertical-align:middle;}
.pager-prev a,.pager-next a{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-family:"SimSun";font-size:1.5rem;color:#666;background:#fff;border:#f0f0f0 solid 1px;border-radius:50%;}
.pager-prev a:hover,.pager-next a:hover{color:#fff;background:#04287e;border-color:#04287e;}
.pager-num{display:inline-block;margin:0 0.25rem;vertical-align:middle;}
.pager-num a{display:inline-block;margin:0 0.25rem;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1rem;color:#666;background:#fff;border:#f0f0f0 solid 1px;border-radius:50%;}
.pager-num a:hover,.pager-num a.cur{color:#fff;background:#04287e;border-color:#04287e;}
/*--end pager--*/

/*产品详情*/
.cx-product-details01 .product-imgs { width: 40%; position: relative;}
.cx-product-details01 .product-imgs .swiper-pagination-bullet { opacity: 1; background-color: #b9b9b9; }
.cx-product-details01 .product-imgs .swiper-pagination-bullet-active { background-color: #04287e; }
.cx-product-details01 .product-imgs .pro-prev-btn,
.cx-product-details01 .product-imgs .pro-next-btn { display: block; width: 45px; height: 45px; background-color:#e5e5e5ab; position: absolute; top: 50%; margin-top: -22.5px; z-index: 5; cursor: pointer;}
.cx-product-details01 .product-imgs .pro-prev-btn { left: 0; }
.cx-product-details01 .product-imgs .pro-next-btn { right: 0; }
.cx-product-details01 .product-imgs .pro-prev-btn:before,
.cx-product-details01 .product-imgs .pro-next-btn:before { content: ''; display: block; width: 9px; height: 16px; background: url(../images/switch_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.cx-product-details01 .product-imgs .pro-next-btn:before { 
  -webkit-transform:rotate(180deg); 
  -moz-transform:rotate(180deg); 
  -ms-transform:rotate(180deg); 
  transform:rotate(180deg); 
}
.cx-product-details01 .product-infos { width: 56%; padding-top: 31.25%; position: relative;}
.cx-product-details01 .product-infos>div{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cx-product-details01 .product-infos h1 { font-size: 20px; font-weight: bold; color: #333; padding: 3% 0; border-bottom: solid 1px #fff; margin-bottom: 3%; position: relative;}
.cx-product-details01 .product-infos h1:after { content: ''; display: block; width: 100%; height: 1px; background-color: #d2d2d2; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cx-product-details01 .product-infos .edit-box { font-size: 14px; color: #666; line-height: 26px; max-height: 240px; overflow: auto;}
.cx-product-details01 .product-infos .btm-box { width: 100%;z-index: 3; }
.cx-product-details01 .product-infos .btm-box a { display: block; width: 35%; font-size: 18px; color: #fff; background-color: #04287e; padding: 2.5% 0 2.5% 6%; border-radius: 50px; margin-right: 5%; position: relative;}
.cx-product-details01 .product-infos .btm-box a img { display: inline-block; width: 12%; position: absolute; right: 18%; top: 50%; z-index: 2; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
/* ---- 咨询电话（单行无图标，标签 #333f47 / 号码 #bc1116 26px，margin 20px 0） ---- */
.cx-product-details01 .product-infos .tel { width: 100%; margin: 20px 0; font-size: 20px; }
.cx-product-details01 .product-infos .tel span { color: #333f47; }
/* 复位 L347 `.btm-box a` 的按钮态（本块已无圆角按钮，号码是要点开的 tel 链接） */
.cx-product-details01 .product-infos .tel a { display: inline; width: auto; padding: 0; margin: 0; border-radius: 0; background-color: transparent; position: static; color: #bc1116; font-size: 26px; }

/* ---- 产品主图（1px #aaa 边框 + 下方缩略图条 + 浏览量） ---- */
.cx-product-details01 .product-imgs .swiper-container { border: 1px solid #aaa; box-sizing: border-box; background-color: #fff; }
/* 主图上的箭头与圆点去掉（主图本无控件，控件在缩略图条两侧） */
.cx-product-details01 .product-imgs .swiper-pagination,
.cx-product-details01 .product-imgs .pro-prev-btn,
.cx-product-details01 .product-imgs .pro-next-btn { display: none; }
.cx-product-details01 .product-imgs .pro-thumb-row { position: relative; padding: 20px 26px 0 33px; }
.cx-product-details01 .product-imgs .pro-thumb-list { width: 100%; overflow: hidden; }
.cx-product-details01 .product-imgs .pro-thumb-list li { float: left; width: 112px; height: 116px; margin-right: 8px; background-color: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; cursor: pointer; }
.cx-product-details01 .product-imgs .pro-thumb-list li img { width: 100%; height: 100%; object-fit: contain; }
.cx-product-details01 .product-imgs .pro-thumb-list li.cur { border: 2px solid #bc1116; }
.cx-product-details01 .product-imgs .pro-thumb-prev,
.cx-product-details01 .product-imgs .pro-thumb-next { display: block; position: absolute; top: 78px; width: 16px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 3; }
.cx-product-details01 .product-imgs .pro-thumb-prev { left: 6px; }
.cx-product-details01 .product-imgs .pro-thumb-next { right: 2px; }
.cx-product-details01 .product-imgs .pro-thumb-prev:before,
.cx-product-details01 .product-imgs .pro-thumb-next:before { content: ''; display: block; width: 12px; height: 12px; border-top: 2px solid #c9c9c9; border-right: 2px solid #c9c9c9; position: absolute; left: 2px; top: 8px; }
.cx-product-details01 .product-imgs .pro-thumb-prev:before { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.cx-product-details01 .product-imgs .pro-thumb-next:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.cx-product-details01 .product-imgs .pro-views { padding-left: 33px; margin-top: 10px; font-size: 14px; color: #666; line-height: 20px; }
.cx-product-details01 .product-imgs .pro-views-icon { vertical-align: -2px; margin-right: 4px; }

/* ---- 右侧信息区（标题 22px #262626 + 下方 1px #d2d2d2 分隔线 / 两个直角按钮 / 红色咨询电话） ---- */
.cx-product-details01 .product-infos h1 { font-size: 22px; color: #262626; padding: 0 0 16px; border-bottom: none; margin-bottom: 16px; }
/* 标题下方的 1px #d2d2d2 分隔线（原模板 h1:after 自带，上一轮改版时被误关，2026-10-03 用户要求加回） */
.cx-product-details01 .product-infos h1:after { content: ''; display: block; width: 100%; height: 1px; background-color: #d2d2d2; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cx-product-details01 .product-infos .btm-box { overflow: hidden; }
.cx-product-details01 .product-infos .btm-box > .pro-btn { display: block; float: left; width: 200px; max-width: 45%; height: 50px; line-height: 50px; padding: 0; margin: 0 30px 0 0; border-radius: 0; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background-color: #1b61bb; transition: background-color .3s ease; }
.cx-product-details01 .product-infos .btm-box > .pro-btn02 { background-color: #999; margin-right: 0; }
.cx-product-details01 .product-infos .btm-box > .pro-btn01:hover { background-color: #9c060a; }
.cx-product-details01 .product-infos .btm-box > .pro-btn02:hover { background-color: #777; }
.cx-product-details01 .product-infos .btm-box .tel { clear: both; float: none; }

/* ---- 所属分类（2026-10-09） ---- */
.cx-product-details01 .product-infos .pro-cate-row { font-size: 14px; line-height: 22px; margin: 14px 0 0; }
.cx-product-details01 .product-infos .btm-box { margin-top: 34px; }
.cx-product-details01 .product-infos .pro-cate-label { display: inline-block; width: 70px; margin-right: 20px; color: #595959; vertical-align: top; }
.cx-product-details01 .product-infos .pro-cate-link { color: #707070; }
.cx-product-details01 .product-infos .pro-cate-link:hover { color: #1b61bb; text-decoration: underline; }

/* ---- 产品描述页签条（45px 高 / #f5f5f5 底 / 24px 粗体 / 下面一条 1px #d9d9d9 线） ---- */
.cx-product-details01 .product-details-box .pro-desc-tab { border-bottom: 1px solid #d9d9d9; }
.cx-product-details01 .product-details-box .pro-desc-tab > span { display: block; float: left; height: 45px; line-height: 50px; padding: 0 25px; background-color: #1a57a9; color: #fff; font-size: 24px; font-weight: bold; }
.cx-product-details01 .product-details-box > .width1200 { padding-top: 25px; }
@media(max-width:768px){
.cx-product-details01 .product-infos .btm-box > .pro-btn { height: 40px; line-height: 40px; font-size: 14px; }
.cx-product-details01 .product-details-box .pro-desc-tab > span { float: none; width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background-color: #e8e8e8; }
}

.cx-product-details01 .product-details-box,
.cx-product-details01 .product-order,
.cx-related-pro01,
.cx-related-news01 { margin: 2.5% 0; }
 
.cx-product-details01 .product-details-box .details-intro { width: 78%; background-color: #fff; }
.cx-product-details01 .product-details-box .details-right { width: 20%; background-color: #fff; padding: 1% 1.5% 2%;}
.cx-product-details01 .product-details-box .details-right .width1200 { width: 100%; }
.cx-product-details01 .details-right .cx-related-pro01 .related-pro-cont { width: 100%; }
.cx-product-details01 .details-right .cx-related-pro01 .related-pro-cont:not(:first-child) { margin-left: 0; }
.cx-product-details01 .details-right .cx-related-pro01 a.more { top: 5px; }

.cx-product-details01 .product-details-box .details-nav { width: 100%; font-size: 20px; background-color: #e5e5e5; text-align: center; overflow: hidden;}
.cx-product-details01 .product-details-box .details-nav>span { display: block; float: left; width: 50%; padding: 1.5% 0;}
.cx-product-details01 .product-details-box .details-nav>span.cur,
.cx-product-details01 .product-details-box .details-nav>span:hover { background-color: #04287e; color: #fff;}
.cx-product-details01 .product-details-box .edit-box { width: 100%; padding: 2%; }
.cx-product-details01 .product-order h3,
.cx-related-pro01 h3,
.cx-related-news01 h3 { font-weight: bold; font-size:20px; color: #000; padding-bottom: 18px; border-bottom: solid 1px #eaeaea; position: relative;}
.cx-product-details01 .product-order h3 em,
.cx-related-news01 h3 em,
.cx-related-pro01 h3 em { color: #1a57a9; }
.cx-product-details01 .product-order h3:before,
.cx-related-news01 h3:before,
.cx-related-pro01 h3:before { content: ''; display: block; width: 30px; height: 1px; background-color: #04287e; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cx-product-details01 .product-order .pro-form { width: 100%; padding: 4%; background-color: #fff; font-size: 16px;}
.cx-product-details01 .product-order .pro-form>div { width: 49%; height: 60px; line-height: 60px; border: solid 1px #eaeaea; margin-bottom: 2%; position: relative;}
.cx-product-details01 .product-order .pro-form>div span { display: block; float: left; width: 30%; color: #999; padding-left: 5%; border-right: solid 1px #eaeaea; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-details01 .product-order .pro-form input { width: 70%; height: 100%; padding: 0 8% 0 5%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-product-details01 .product-order .pro-form .remarks { width: 100%; height: 150px;}
.cx-product-details01 .product-order .pro-form textarea { width: 100%; height: 100%; resize: none; padding: 1.5% 2%; font-family: '微软雅黑';}
.cx-product-details01 .pro-form>div:after { content: ''; display: block; width: 27px; height: 27px; background-repeat: no-repeat; position: absolute; right: 2%; top: 50%; margin-top: -13.5px; z-index: 5; }
.cx-product-details01 .pro-form .pro-name:after { background-image: url(../images/prodetailsly_icon06.png); }
.cx-product-details01 .pro-form .name:after { background-image: url(../images/prodetailsly_icon01.png); }
.cx-product-details01 .pro-form .phone:after { background-image: url(../images/prodetailsly_icon02.png); }
.cx-product-details01 .pro-form .email:after { background-image: url(../images/prodetailsly_icon04.png); }
.cx-product-details01 .pro-form .remarks:after { background-image: url(../images/prodetailsly_icon03.png); right: 1%; top: 10%; margin-top: 0;}
.cx-product-details01 .pro-form .abtns { width: 100%; text-align: center; }
.cx-product-details01 .pro-form .abtns a { display: inline-block; font-size: 18px; width: 18%; padding: 1% 0; border: solid 1px #eaeaea; border-radius: 50px; }
.cx-product-details01 .pro-form .abtns a:first-child { margin-right: 2%; }
.cx-product-details01 .pro-form .abtns a:hover { background-color: #04287e; color: #fff; }
.cx-product-center01 .sidebar-nav-box  .swiper-slide:nth-child(1) .slidebar-list{position:relative;top:0;left:0;width:400%;}
.cx-product-center01 .sidebar-nav-box  .swiper-slide:nth-child(2) .slidebar-list{position:relative;top:0;left:-100%;width:400%;}
.cx-product-center01 .sidebar-nav-box  .swiper-slide:nth-child(3) .slidebar-list{position:relative;top:0;left:-200%;width:400%;}
.cx-product-center01 .sidebar-nav-box  .swiper-slide:nth-child(4) .slidebar-list{position:relative;top:0;left:-300%;width:400%;}
/*相关产品*/
.cx-related-pro01 { position: relative;}
.cx-related-pro01 .related-pro-cont { width: 24%; }
.cx-related-pro01 .related-pro-cont:not(:first-child) { margin-left: 1.33333%; }
.cx-related-pro01 .related-pro-cont a { display: block; text-align: center; font-size: 14px; color: #333; }
.cx-related-pro01 .related-pro-cont .img-box { margin: 6% 0 4%; border: solid 1px #eaeaea;}
.cx-related-pro01 .related-pro-cont p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-related-pro01 a.more,
.cx-related-news01 a.more { position: absolute; right: 0; top: 5%; z-index: 9;}

/*相关新闻*/
.cx-related-news01 .related-news-box { width: 100%; background-color: #fff; padding: 3%; }
.cx-related-news01 .related-news-box .left-cont { width: 55%; position: relative;}
.cx-related-news01 .related-news-box .right-cont { width: 45%; position: relative;}
.cx-related-news01 .left-cont .img-box { display: block; width: 36%; }
.cx-related-news01 .left-cont .infos { width: 55%; margin-left: 4%; }
.cx-related-news01 .left-cont .infos h4 { font-size: 16px; padding-bottom: 3%;}
.cx-related-news01 .left-cont .infos h4 a { display: block; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-related-news01 .left-cont .infos p { font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-related-news01 .left-cont .time { color: #999; font-size: 13px; position: absolute; left: 41%; bottom: 0; z-index: 2; }
.cx-related-news01 .left-cont a.enter-icon { display: block; width: 38px; height: 38px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 5%; bottom: -8px; z-index: 5; }
.cx-related-news01 .left-cont a.enter-icon:before,
.cx-related-news01 .left-cont a.enter-icon:after { 
  content: ''; 
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
  /*兼容ie8-*/
  border-top: 8px transparent dashed;
  border-right: 8px transparent dashed;
  border-bottom: 8px transparent dashed;
  border-left: 8px #ccc solid;
  overflow: hidden;
  margin-right: 5px;
  margin-top: -8px;
}
.cx-related-news01 .left-cont a.enter-icon:after { 
  right: 3px;
  border-left-color: #fff;
}
.cx-related-news01 .left-cont a.enter-icon:hover:before {
  border-left-color: #fff;
}
.cx-related-news01 .left-cont:hover h4 a { color: #04287e; }
.cx-related-news01 .left-cont:hover a.enter-icon { background-color: #04287e; }
.cx-related-news01 .left-cont:hover a.enter-icon:after { border-left-color: #04287e;  }
.cx-related-news01 .left-cont:hover a.enter-icon:before { border-left-color: #fff;  }
.cx-related-news01 .right-cont { padding: 0 0 0 3%; border-left: dashed 1px #eaeaea;}
.cx-related-news01 .right-cont li { margin-top: 3%; font-size: 14px; overflow: hidden;}
.cx-related-news01 .right-cont li:first-child { margin-top: 0; }
.cx-related-news01 .right-cont li a { display: block; float: left; width: 75%; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-related-news01 .right-cont li span { float: right; color: #999;}
/* _title 自带 <span> 包裹，避免被上面日期样式（float:right / #999）误伤 */
.cx-related-news01 .right-cont li a span { float: none; color: inherit; }
.cx-related-news01 .right-cont li a:hover { color: #04287e; }
/* 摘要是 <p><br>… 开头时，去掉首行空行（后台录入带换行导致） */
.cx-related-news01 .left-cont .infos p > br:first-child { display: none; }

@media screen and (max-width: 1200px) {
  .width1200 { width: 100%; }
  .cx-product-center01 .cx-product-sidebar,
  .cx-product-center01 .cx-product-cont { width: 100%; }
}

@media screen and (max-width: 800px) {
  .cx-inpage-header01 { display: block; }
  .cx-product-center01 .y-sidebar-hotline,
  .header01 .pc-header,
  .cx-product-center01 .y-sidebar-product .sidebar-tt,
  .cx-product-center01 .y-right-product-topinfo,
  .cx-product-center01 .y-right-product-list .y-btns,
  .cx-product-details01 .product-infos .btm-box,
  .cx-inpage-banner01, 
  .cx-mianbaoxue01 { display: none; }
  .inpage-mBanner { display: block; }
  .cx-product-center01 .y-sidebar-product { margin-bottom: 0; }
  .cx-product-center01 .y-right-product-main .y-right-product-list { margin-top: 0; }
  .cx-product-center01 .y-right-product-list .details-cont { width:49%; background:none; border: none 0; padding: 0; text-align: left; margin-right:0; margin-bottom:4%;}
       .cx-product-center01 .y-right-product-list .details-cont:nth-child(3n-1) { margin-left: 0; margin-right:0; }
       .cx-product-center01 .y-right-product-list .details-cont:nth-child(odd) { margin-right:2%;}
  .cx-product-center01 .y-right-product-list .details-cont:hover { box-shadow: none; }
  .cx-product-center01 .y-right-product-list .details-cont .y-img-box { border: solid 1px #e6e6e6; height:auto; }
  .cx-product-center01 .sidebar-nav-box li.cur>span i:before { background-color: #d7d7d7; }

  .cx-product-center01 .y-sidebar-product .sidebar-nav-box .swiper-wrapper { 
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  } 
    .cx-product-center01 .sidebar-nav-box li>span { padding:0 2%!important; text-align:center; font-size:14px!important; }

  .cx-product-details01 .product-details-box .details-right { display: none; }
  .cx-product-details01 .product-details-box .details-intro { width: 100%; }
}

@media screen and (max-width: 750px) {
  /*产品中心*/
  .cx-product-cont { padding: 3%; }
  .cx-product-center01 .y-sidebar-product .sidebar-nav-box li>span,
  .cx-product-center01 .y-right-product-topinfo .y-top-txts h3,
  .cx-product-center01 .y-right-product-list h4 { font-size: 16px; }
  .cx-product-center01 .y-right-product-list .details-cont p,
  .cx-product-center01 .y-right-product-list .y-btns a { font-size: 14px; }
  .y-fanye-box { margin-top: 2%; }
  .y-page-nums { width: 70%; }
  .y-fanye-box>span,
  .y-page-nums a { width: 30px; height: 30px; font-size: 14px; line-height: 30px;}
  .y-fanye-box>span:before,
  .y-fanye-box>span:after,
  .y-fanye-box>span.y-right-btn:before,
  .y-fanye-box>span.y-right-btn:after { border-width: 8px; top: 20%; }
  .y-fanye-box>span.y-right-btn:before,
  .y-fanye-box>span.y-right-btn:after { margin-left: 10px; }
  .cx-product-center01 .sidebar-nav-box li.cur>span, 
    .cx-product-center01 .sidebar-nav-box li:hover>span { color: #fff; }
    .cx-product-center01 .sidebar-nav-box li.cur>span a { background:none; color:#fff;}

  /*产品详情*/
  .cx-product-details01 .product-imgs,
  .cx-product-details01 .product-infos { width: 100%;}
  .cx-product-details01 .product-imgs { border-bottom: solid 1px rgba(0,0,0,.05); }
  .cx-product-details01 .product-infos { padding: 0 3% 3%; background-color: #fff;}
  .cx-product-details01 .product-infos>div { position: relative; }
  .cx-product-details01 .product-infos .edit-box { max-height: none; font-size: 16px;}
  /* 所属分类（2026-10-09） */
  .cx-product-details01 .product-infos .pro-cate-row { font-size: 15px; margin-top: 4%; }
  .cx-product-details01 .product-infos .btm-box { margin-top: 5%; }
  .cx-product-details01 .product-details-box { background-color: #fff; }
  .cx-product-details01 .product-details-box .details-nav,
  .cx-product-details01 .product-infos h1,
  .cx-product-details01 .product-details-box h3,
  .cx-product-details01 .product-order h3,
  .cx-related-pro01 h3,
  .cx-related-news01 h3 { font-size: 18px; }
  .cx-product-details01 .product-order,
  .cx-related-pro01,
  .cx-related-news01 { margin: 5% 0;}
  .cx-product-details01 .product-details-box .details-nav>span { padding: 3% 0; }
  .cx-product-details01 .product-order .pro-form>div { width: 100%; }
  .cx-product-details01 .product-order .pro-form { font-size: 15px; }
  .cx-product-details01 .pro-form .abtns { margin: 2% 0; }
  .cx-product-details01 .pro-form .abtns a { width: 40%; padding: 3% 0; font-size: 15px; }
  .cx-related-pro01 .related-pro-cont { width: 49%; }
  .cx-related-pro01 .related-pro-cont:nth-child(2n-1) { margin-left: 0; }
  .cx-related-news01 .related-news-box .left-cont { display: none; }
  .cx-related-news01 .related-news-box .right-cont { width: 100%; border-left: none 0; padding: 0; }
  .cx-product-details01 .product-infos h1 { border-bottom: none 0; margin-bottom: 0; padding: 4% 0 2%;}
  .cx-product-details01 .product-infos h1:after { display: none; }
  .cx-product-details01 .product-order h3, 
  .cx-related-pro01 h3, 
  .cx-related-news01 h3 { font-weight: 400; text-align: center; background-color: #e5e5e5; padding: 3% 0;}
  .cx-product-details01 .product-order h3 em,
  .cx-related-news01 h3 em, 
  .cx-related-pro01 h3 em { color: #000; }
  .cx-product-details01 .pro-form>div:after,
  .cx-product-details01 .product-order .pro-form>div span,
  .cx-related-pro01 a.more,
  .cx-related-news01 a.more,
  .cx-product-details01 .product-order h3:before,
  .cx-related-news01 h3:before,
  .cx-related-pro01 h3:before { display: none; }
  .cx-product-details01 .product-order .pro-form input { width: 100%; }
  .cx-product-details01 .product-order .pro-form>div { height: 46px; line-height: 46px; }
  .cx-product-details01 .product-order .pro-form textarea { padding: 2% 5%; }
  .cx-product-details01 .product-details-box .edit-box { padding: 4% 5%; }
}


/*新闻中心1*/
.cx-news-center01 .news-cen-tt { width: 100%; text-align: center; font-size: 36px; margin-bottom: 25px; position: relative; }
.cx-news-center01 .news-cen-tt h2 { display: inline-block; padding: 0 15px; font-weight: bold; background-color: #fff; position: relative; z-index: 2; }
.cx-news-center01 .news-cen-tt h2 a { color: #1f1f1f;}
.cx-news-center01 .news-cen-tt h2 em { color: #04287e; }
.cx-news-center01 .news-cen-tt span { display: block; color: #999; font-size: 14px; margin-top: 5px; }
.cx-news-center01 .news-cen-tt:after { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; top:50%; left: 0; z-index: 1;}
.cx-news-center01 .news-cen-tt a.more { display: none; font-size: 14px; position: absolute; right: 0; top: 2px; z-index: 3; }
.cx-news-center01 .news-nav { width: 100%; text-align: center; font-size: 14px; color: #333; margin-bottom: 30px;}
.cx-news-center01 .news-nav a { display: inline-block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px;}
.cx-news-center01 .news-nav a:hover,
.cx-news-center01 .news-nav a.cur { background-color: #04287e; border-color: #04287e; color: #fff; }

.cx-news-center01 .company-news { width: 100%; background-color: #fff; padding: 40px 0; margin-bottom: 30px;}
.cx-news-center01 .company-news ul li { width: 31.33333%; font-size: 14px;}
.cx-news-center01 .company-news ul li:nth-child(2) { margin-left: 3%; margin-right: 3%; }
.cx-news-center01 .company-news li h3 { font-size: 18px; margin: 10px 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-news-center01 .company-news li h3 a { color: #333; }
.cx-news-center01 .company-news li .date span { font-size: 13px; color: #999; padding-right: 15px;}
.cx-news-center01 .company-news li p { height: 72px; color: #666; margin: 10px 0; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-news-center01 .company-news li a.more { display: block; width: 130px; height: 40px; line-height:25px; text-align: center; color: #999; border: solid 1px #d1d1d1; border-radius: 50px; }

.cx-news-center01 .company-news ul li a { display: block; padding: 8px 0; position: relative;}
.cx-news-center01 .company-news li a span { display: block; width: 76%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cx-news-center01 .company-news li a em { position: absolute; right: 0; top: 8px; z-index: 5; }
.cx-news-center01 .company-news ul li a:hover { color: #04287e; }

.cx-news-center01 .company-news li:hover h3 a { color: #04287e; }
.cx-news-center01 .company-news li:hover a.more { background-color: #04287e; color: #fff; border-color: #04287e; }
.cx-news-center01 .common-problem { width: 100%; background-color: #f4f4f4; padding:20px 0;}
.cx-news-center01 .common-problem .news-cen-tt h2 { background-color: #f4f4f4; }
.cx-news-center01 .common-problem ul { width: 100%; font-size: 14px; background-color: #fff; border: solid 1px #e5e5e5; }
.cx-news-center01 .common-problem ul li { width: 100%; margin-bottom: 3%; padding-top: 3%; position: relative;}
.cx-news-center01 .common-problem ul li:not(:first-child) { border-top: solid 1px #e5e5e5; }
.cx-news-center01 .common-problem ul li .img-box { width: 18%; height: auto; margin-left: 3%; }
.cx-news-center01 .common-problem ul li .right-cont { width: 73%; margin-left: 3%; position: relative;}
.cx-news-center01 .common-problem li h3 { width: 76%; font-size: 18px; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-center01 .common-problem li h3 a { color: #333; }
.cx-news-center01 .common-problem li p { height: 48px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.cx-news-center01 .common-problem li .pc-date { color: #ccc; position: absolute; right: 0; top: 0; z-index: 5; }
.cx-news-center01 .common-problem li .look { display: block; margin-left: 15px; }
.cx-news-center01 .common-problem li .look:before { content: ''; display: inline-block; width: 17px; height: 11px; background: url(../images/icon_look.png) no-repeat; margin-right: 5px;}
.cx-news-center01 .common-problem li .label { position: absolute; left: 24%; bottom: 0; z-index: 5; }
.cx-news-center01 .common-problem li .label a { color: #999; padding-right: 10px;}
.cx-news-center01 .common-problem li .label:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/icon_label.png) no-repeat; margin-right: 3px; position: relative; top: 2px;}
.cx-news-center01 .common-problem li a.enter-btn { display: block; width: 36px; height: 36px; border-radius: 50%; border: solid 1px #e5e5e5; position: absolute; right: 3%; bottom: 0; z-index: 9; }
.cx-news-center01 .common-problem li a.enter-btn:before { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #e5e5e5; border-right: solid 2px #e5e5e5; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -7px; }
.cx-news-center01 .common-problem li:hover h3 a { color: #04287e; }
.cx-news-center01 .common-problem li .label a:hover { color: #04287e; }
.cx-news-center01 .common-problem li:hover a.enter-btn,
.cx-news-center01 .common-problem li:hover a.enter-btn:before { border-color: #04287e; }
.cx-news-center01 .common-problem li:hover { 
  -webkit-transform:translateX(-6px); 
  -moz-transform:translateX(-6px); 
  -ms-transform:translateX(-6px); 
  transform:translateX(-6px); 
}

.cx-news-center01 ul li {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
/*新闻中心2*/
.article-wrap{overflow:hidden;}
.article-box{padding:2rem 0.625rem;overflow:hidden;}
.article-box.bgWhite{background:#fff;}
.article-list01{overflow:hidden;}
.article-list01 .item{float:left;margin:1%;padding:2rem;width:31.33%;overflow:hidden;border:#f0f0f0 solid 1px;background:#fff;box-sizing:border-box;transition:all 0.5s ease-in-out;}
.article-list01 .pic{overflow:hidden;}
.article-list01 .pic img{display:block;width:100%;transition:all 0.5s ease-in-out;}
.article-list01 .text{padding-top:1rem;overflow:hidden;}
.article-list01 .text em{display:block;font-size:0.875rem;color:#999;}
.article-list01 .text h3{font-weight:normal;font-size:1.25rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-list01 .text h3 a{color:#333;}
.article-list01 .text p{height:4.6875rem;line-height:1.5625rem;font-size:0.9375rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.article-list01 .text p a{color:#666;}
.article-list01 .item:hover{background:#04287e;}
.article-list01 .item:hover .pic img{transform:scale(1.1);}
.article-list01 .item:hover .text *{color:#fff}

.article-list02{overflow:hidden;}
.article-list02 .item{float:left;margin:1%;width:48%;background:#f0f0f0;border:#e0e0e0 solid 1px;box-sizing:border-box;transition:all 0.5s ease-in-out;}
.article-list02 .pic{float:left;width:50%;overflow:hidden;}
.article-list02 .pic img{display:block;width:100%;transition:all 0.5s ease-in-out;}
.article-list02 .text{padding:1.5rem;overflow:hidden;}
.article-list02 .text h3{font-weight:normal;font-size:1.25rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-list02 .text h3 a{color:#333;}
.article-list02 .text p{height: 3rem;line-height: 1.5rem;font-size:0.9375rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.article-list02 .text p a{color:#666;}
.article-list02 .text em{display:block;margin-top:2rem;font-size:0.875rem;color:#999;}
.article-list02 .item:hover{background:#04287e;}
.article-list02 .item:hover .pic img{transform:scale(1.1);}
.article-list02 .item:hover .text *{color:#fff}

.article-list03{overflow:hidden;}
.article-list03 .item{margin-bottom:1rem;padding:2rem;overflow:hidden;background:#fff;transition:all 0.5s ease-in-out;}
.article-list03 .pic{float:left;width:25%;overflow:hidden;}
.article-list03 .pic img{display:block;width:100%;transition:all 0.5s ease-in-out;}
.article-list03 .text{float:left;padding:0 3rem;width:63%;overflow:hidden;box-sizing:border-box;}
.article-list03 .text h3{font-weight:normal;font-size:1.25rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-list03 .text h3 a{color:#333;}
.article-list03 .text p{margin:1rem 0;height:4.6875rem;line-height:1.5625rem;font-size:0.9375rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.article-list03 .text p a{color:#666;}
.article-list03 .text .read{display:block;margin-top:2rem;width:3.75rem;height:1.5625rem;content:"";background:url(../images/news_read.png) no-repeat;background-size:100%;}
.article-list03 .date{float:right;width:11%;color:#cbc9c9;font-family:"Arial";overflow:hidden;}
.article-list03 .date strong{display:block;margin-top:3rem;font-size:1.875rem;}
.article-list03 .date em{display:block;font-size:1rem;}
.article-list03 .item:hover{background:#04287e;}
.article-list03 .item:hover .pic img{transform:scale(1.1);}
.article-list03 .item:hover .text *{color:#fff}
.article-list03 .item:hover .date *{color:#fff}
@media(max-width:1200px){
.article-list01 .item{width:98%;}
.article-list02 .item{width:98%;}
.article-list03 .item{width:98%;}
}
@media(max-width:768px){
.article-wrap{padding:2rem 0;}
.article-list01 .item{padding:0;}
.article-list01 .text{padding:1rem;}
.article-list02 .pic{float:none;width:100%;}
.article-list02 .text{padding:1rem;}
.article-list03 .pic{float:none;width:100%;}
.article-list03 .item{padding:0;}
.article-list03 .text{float:none;padding:1rem;width:100%;}
.article-list03 .date{display:none;}
}

/*新闻列表*/
.cx-news-list01 .news-list-box { margin-top:2rem;padding: 0; margin-bottom: 40px; }
.cx-news-list01 .news-list-box .date { display: none; color: #999; font-size: 13px; position: absolute; left: 0; bottom: 0; z-index: 3;}
.cx-news-list01 .news-list-box .date span { padding-right: 10px; }
@media(max-width:992px){
.cx-news-list01 .news-list-box{margin-top:0;}
}

/*翻页样式*/
.cx-fanye-box01 { width: 100%; text-align: center; height: 40px; margin-top: 40px; font-size: 16px;}
.cx-fanye-box01 span { display: inline-block; height: 100%; margin: 0 15px; }
.cx-fanye-box01 a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #999; border-radius: 50%; border: solid 1px #e5e5e5; }
.cx-fanye-box01 span a { margin: 0 5px; }
.cx-fanye-box01 a.prev-btn,
.cx-fanye-box01 a.next-btn { text-indent: -9999px; position: relative;}
.cx-fanye-box01 a.prev-btn:after,
.cx-fanye-box01 a.next-btn:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #999; border-right: solid 2px #999; position: absolute; left: 50%; top: 50%; z-index: 2;}
.cx-fanye-box01 a.prev-btn:after { 
  margin: -5px 0 0 -4px;
  -webkit-transform:rotate(-135deg); 
  -moz-transform:rotate(-135deg); 
  -ms-transform:rotate(-135deg); 
  transform:rotate(-135deg); 
}
.cx-fanye-box01 a.next-btn:after { 
  margin: -5px 0 0 -7px;
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.cx-fanye-box01 a:hover,
.cx-fanye-box01 a.cur { background-color: #1a57a9; color: #fff; border-color: #04287e; }
.cx-fanye-box01 a.prev-btn:hover:after,
.cx-fanye-box01 a.next-btn:hover:after { border-color: #fff; }
.cx-fanye-box01 .searchnums a.cur{ background-color: transparent; color: #999; border-color: #e5e5e5; }
.cx-fanye-box01 .searchnums a,
.cx-fanye-box01 .searchnums a:hover { background-color: #04287e; color: #fff; border-color: #04287e; }

/*新闻详情*/
.cx-news-details01 a.back-btn { display: block; width: 56px; height: 56px; background-color: #ccc; font-size: 14px; color: #fff; text-align: center; padding-top: 10px; position: absolute; left: -56px; top: 0;}
.cx-news-details01 a.back-btn:hover { background-color: #1a57a9; }
.cx-news-details01 .news-details-box { width: 100%; }
.cx-news-details01 .news-article-cont { width: 890px; background-color: #fff; margin-bottom: 10px;}
.cx-news-details01 .news-article { width: 100%; padding: 1px 30px 0; margin-bottom: 10px;}
.cx-news-details01 .news-article .tt { border-bottom: solid 1px #e7e7e7; padding-bottom: 15px; }
.cx-news-details01 .news-article .tt h1 { font-size: 28px; color: #333; padding-bottom: 20px; }
.cx-news-details01 .news-article .tt span { font-size: 12px; color: #999; }
.cx-news-details01 .news-article .tt em { padding-right: 25px; position: relative;}
.cx-news-details01 .news-article .tt em:before { content: ''; display: block; width: 1px; height: 12px; border-left: dashed 1px #999; position: absolute; left: -13px; top: 3px; z-index: 2; }
.cx-news-details01 .news-article .tt span em:first-child { padding-left: 0; }
.cx-news-details01 .news-article .tt span em:first-child:before { display: none; }
.cx-news-details01 .news-article .label { margin: 20px 0; }
.cx-news-details01 .news-article .label a { font-size: 12px; color: #666; padding: 0 5px; }
.cx-news-details01 .news-article .label:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/icon_label.png) no-repeat; position: relative; top: 3px; }
/*
.cx-news-details01 .news-article .news-txts { font-size: 14px; color: #333; line-height: 26px; }
.cx-news-details01 .news-article .news-txts p { padding: 10px 0; }
.cx-news-details01 .news-article .news-txts img { width: auto; max-width: 100%; margin: 0 auto;}
*/
.news-txts {margin:20px 0;}
.cx-news-details01 .news-recommend-box { width: 300px; }
.cx-news-details01 .news-recommend-box>div { width: 100%; background-color: #fff; margin-bottom: 10px; padding: 30px; }
.cx-news-details01 .news-recommend-box h2 { display: inline-block; font-size: 18px; color: #333; padding-bottom: 15px; position: relative;}
.cx-news-details01 .news-recommend-box h2:after { content: ''; display: block; width: 100%; height: 1px; background-color: #04287e; position: absolute; bottom: -1px; left: 0; z-index: 9; }
.cx-news-details01 .news-recommend-box h2 strong { color: #04287e; }
.cx-news-details01 .news-recommend-box ul { padding-top: 5px; border-top: solid 1px #e7e7e7; }
.cx-news-details01 .news-recommend-box ul li { font-size: 14px; margin-top: 12px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.cx-news-details01 .news-recommend-box ul li a { color: #333; }
.cx-news-details01 .news-recommend-box li a:hover { color: #04287e; }

/* ===== 新闻详情页版式（2026-10-04）=====
   参考站真值（1920/1600/1440 三档一致）：
   白板 32px 内边距、上下各 64px 灰缝；列宽 72.85% / 25.07%（余下约 32px 为列间距）；
   标题 26px/500/#262626 居中 + 1px #d9d9d9 通栏线（上下各 20px）；
   信息行 14px #595959、项间距 20px 无虚竖线；
   侧栏 白底 + 10px #f0f0f0 粗框 + 20px 内边距、标题 24px/700（配色与「蓝短线+灰长线」沿用站内原有）；
   列表项 标题 15px/500 #727272、上下各 25px、项间 1px #f0f0f0 */
.cx-news-details01 { padding: 64px 0; }                                    /* 上下 64px 灰缝（白板与首尾区块之间） */
.cx-news-details01 > .width1400 { background-color: #fff; padding: 32px; box-sizing: border-box; }
.cx-news-details01 .news-article-cont { width: 72.85%; }                    /* 左列 */
.cx-news-details01 .news-recommend-box { width: 25.07%; }                   /* 右列 */
.cx-news-details01 .news-article .tt { border-bottom: none; padding-bottom: 0; }
.cx-news-details01 .news-article .tt h1 { font-size: 26px; font-weight: 500; color: #262626; text-align: center; padding: 0 0 20px; border-bottom: 1px solid #d9d9d9; }
.cx-news-details01 .news-article .tt span { font-size: 14px; color: #595959; }
.cx-news-details01 .news-article .tt > span { display: block; padding-top: 20px; }   /* 信息行移到横线之下 */
.cx-news-details01 .news-article .tt em { padding-right: 20px; }
.cx-news-details01 .news-article .tt em:before { display: none; }                   /* 去掉虚竖线 */
.cx-news-details01 .news-recommend-box>div { padding: 20px; border: 10px solid #f0f0f0; box-sizing: border-box; }
/* 侧栏标题：恢复站内原有「热门(深色) + 文章(蓝)」配色与标题下的双线
   h2 必须是 inline-block（否则 h2:after 的 width:100% 会铺满整盒，短线变通栏）——
   蓝短线 = h2:after（宽 = 标题文字宽），灰长线 = ul 的 border-top（宽 = 整盒） */
.cx-news-details01 .news-recommend-box h2 { display: inline-block; font-size: 24px; font-weight: 700; color: #333; padding: 0 0 15px; position: relative; }
.cx-news-details01 .news-recommend-box h2:after { content: ''; display: block; width: 100%; height: 1px; background-color: #04287e; position: absolute; bottom: -1px; left: 0; z-index: 9; }
.cx-news-details01 .news-recommend-box h2 strong { color: #04287e; font-weight: 700; }
.cx-news-details01 .news-recommend-box ul { padding-top: 5px; border-top: 1px solid #e7e7e7; }
.cx-news-details01 .news-recommend-box ul li { font-size: 15px; margin-top: 0; padding: 25px 0; border-bottom: 1px solid #f0f0f0; white-space: normal; text-overflow: clip; overflow: visible; }
.cx-news-details01 .news-recommend-box ul li a { display: block; font-size: 15px; font-weight: 500; color: #727272; line-height: 1.5; }

.cx-company-details01 { margin: 30px 0; }
.cx-news-details01 .news-recommend-box .about-us { padding: 0; }
.cx-news-details01 .news-recommend-box .about-us h2 { display: block; font-size: 24px; padding: 15px 30px; background-color: #04287e; }
.cx-news-details01 .news-recommend-box .about-us h2 a { color: #fff; }
.cx-news-details01 .news-recommend-box .about-us ul { padding: 30px; }
.cx-news-details01 .news-recommend-box .about-us ul li { border: solid 1px #eaeaea; margin-top: 0; margin-bottom: -1px; position: relative;}
.cx-news-details01 .news-recommend-box .about-us ul li a { display: block; padding: 15px 25px; padding-right: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-recommend-box .about-us ul li i { display: block; width: 24px; height: 24px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 25px; top: 50%; margin-top: -12px; z-index: 5; }
.cx-news-details01 .news-recommend-box .about-us ul li i:before { content: ''; display: block; width: 5px; height: 5px; border-top: solid 2px #eaeaea; border-right: solid 2px #eaeaea; position: absolute; left: 30%; top: 37%; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.cx-news-details01 .news-recommend-box .about-us li.cur a { color: #04287e; }
.cx-news-details01 .news-recommend-box .about-us li.cur a i,
.cx-news-details01 .news-recommend-box .about-us li a:hover i { border-color: #04287e; background-color: #04287e; }
.cx-news-details01 .news-recommend-box .about-us li.cur a i:before,
.cx-news-details01 .news-recommend-box .about-us li a:hover i:before { border-color: #fff; }

.cx-news-details01 .m-back-box { display: none; text-align: center; }
.cx-news-details01 a.mobile-back-btn { display: inline-block; padding: 2% 6%; font-size: 14px; border: solid 1px #e7e7e7; border-radius: 50px; margin: 20px auto;}
.cx-news-details01 .news-article-cont .prev-next-cont { width: 100%; height: 70px; line-height: 70px; border-top: solid 1px #e7e7e7;}
.cx-news-details01 .news-article-cont .prev-next-cont a { width: 50%; padding: 0 15px; padding: 0 50px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-article-cont .prev-next-cont a.next { text-align: right; border-left: solid 1px #e7e7e7; }
.cx-news-details01 .news-article-cont .prev-next-cont a.prev:before,
.cx-news-details01 .news-article-cont .prev-next-cont a.next:after { content: ''; display: inline-block; float: left; width: 6px; height: 6px; border-top: solid 2px #bcbcbc; border-right: solid 2px #bcbcbc; position: absolute; top: 50%; margin-top: -3px;}
.cx-news-details01 .news-article-cont .prev-next-cont a.prev:before { left: 30px; 
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
}
.cx-news-details01 .news-article-cont .prev-next-cont a.next:after { 
  right: 30px; 
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg); 
  -ms-transform:rotate(45deg); 
  transform:rotate(45deg); 
}
.cx-news-details01 .news-article-cont .prev-next-cont a span { display: block; float: left; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-news-details01 .news-article-cont .prev-next-cont a.next span { text-align: right; }

@media screen and (max-width: 1200px){
  .cx-news-details01 .news-article,
  .cx-news-details01 .news-article-cont,
  .cx-news-details01 .news-recommend-box { width: 100%;}
  .cx-news-details01 a.back-btn { display: none; }
}

@media screen and (max-width: 750px) {
  .cx-news-center01 .news-cen-tt { font-size: 18px; text-align: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e5e5e5;}
  .cx-news-center01 .news-nav,
  .cx-news-center01 .company-news li p,
  .cx-news-center01 .company-news li a.more,
  .cx-news-center01 .news-cen-tt:after,
  .cx-news-center01 .news-cen-tt span { display: none; }
  .cx-news-center01 .news-cen-tt a.more { display: block; }
  .cx-news-center01 .news-cen-tt h2 { padding: 0; }
  .cx-news-center01 .company-news,
  .cx-news-center01 .common-problem { padding: 3%; margin-bottom: 3%;}
  .cx-news-center01 .company-news ul li { width: 100%; margin-bottom: 20px; position: relative;}
  .cx-news-center01 .company-news ul li:nth-child(2) { margin-left: 0; margin-right: 0; }
  .cx-news-center01 .company-news li h3 { width: 80%; margin-top: 10px; font-size: 16px;}
  .cx-news-center01 .industry-news li .img-box { width: 30%; float: right; }
  .cx-news-center01 .industry-news li h3 { width: 68%; margin-top: 0; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical }
  .cx-news-center01 .industry-news li .date { position: absolute; left: 0; bottom: 0; z-index: 2;}
  .cx-news-center01 .common-problem { background-color: #fff; }
  .cx-news-center01 .common-problem .news-cen-tt h2 { background: none; }
  .cx-news-center01 .common-problem ul li .img-box,
  .cx-news-center01 .common-problem li .label,
  .cx-news-center01 .common-problem li a.enter-btn { display: none; }
  .cx-news-center01 .common-problem ul,
  .cx-news-center01 .common-problem ul li { border: none 0!important; }
  .cx-news-center01 .common-problem ul li { padding-top: 0; margin-bottom: 5%; }
  .cx-news-center01 .common-problem ul li .right-cont { width: 100%; margin-left: 0;}
  .cx-news-center01 .common-problem li h3 { font-size: 16px; margin-bottom: 5px; }
  .cx-news-center01 ul.news-list-box { display: none; }

  /*新闻列表*/
  .cx-news-list01 .news-nav { display:block; margin-bottom:5%; overflow:hidden;}
    .cx-news-list01 .news-nav a { float:left; display:block; width:33.3333%; padding:4%; margin: 0; border-radius:0;}
  .cx-news-list01 .news-list-box ul li .img-box { display: block; width: 30%; float: right; margin-left: 0;}
  .cx-news-list01 .news-list-box ul li .right-cont { width: 68%; }
  .cx-news-list01 .news-list-box .date { display: block; }
  .cx-news-list01 .news-list-box li p,
  .cx-news-list01 .news-list-box li .look { display: none; }
  .cx-news-list01 .news-list-box li h3 { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; }
  .cx-fanye-box01 { font-size: 14px; }
  .cx-fanye-box01 a { width: 30px; height: 30px; line-height: 30px; }
  .cx-fanye-box01 span { margin: 0 8px; }
  .cx-fanye-box01 span a { margin: 0 2px; }
  .cx-fanye-box01 a.prev-btn:after,
  .cx-fanye-box01 a.next-btn:after { width: 6px; height: 6px; }
  .cx-fanye-box01 a.prev-btn:after { margin: -4px 0 0 -3px; }
  .cx-fanye-box01 a.next-btn:after { margin: -4px 0 0 -6px; }

  /*新闻详情*/
  .cx-news-details01 .news-article .tt span { font-size: 14px; }
  .cx-news-details01 .news-article .tt span em:first-child,
  .cx-news-details01 .news-article .tt span em:nth-child(2),
  .cx-news-details01 .news-article .tt span em:before,
  .cx-news-center01 .common-problem li .pc-date,
  .cx-news-details01 .news-recommend-box { display: none; }
  .cx-news-details01 .m-back-box { display: block; }
  .cx-news-details01 .news-article { padding: 3%; }
  .cx-news-details01 .news-article .tt h1 { font-size: 18px; padding: 0 0 12px;}
  .cx-news-details01 { padding: 20px 0; }
  .cx-news-details01 > .width1400 { padding: 15px; }
  .cx-news-details01 .news-article .tt > span { padding-top: 12px; }
  .cx-news-details01 .news-article .label { margin: 3% 0; }
  .cx-news-center01 .common-problem li h3 { width: 100%; }
  .cx-news-details01 .news-article-cont .prev-next-cont { font-size: 16px; }

  /*企业详情*/
  .cx-company-details01 { margin-bottom: 3%; }
  .cx-company-details01 .news-recommend-box { display: block; }
  .cx-news-details01 .news-recommend-box .about-us h2 { font-size: 18px; padding: 4% 5%; }
  .cx-news-details01 .news-recommend-box .about-us ul { padding: 5%; }
  .cx-news-details01 .news-recommend-box .about-us ul li { font-size: 16px; }
  .cx-news-details01 .news-recommend-box .about-us ul li a { padding: 4% 20% 4% 5%; }
  .cx-news-details01 .news-recommend-box>div { padding: 5%; }
  .cx-news-details01 .news-recommend-box>div.latest-news { display: none; }
  .cx-news-details01 .news-recommend-box h2 { font-size: 16px; }
}

/*关于我们*/
.cx-about-us01 .company-profile { width: 100%; padding: 40px 0;background-color: #fff;}
.cx-about-us01 .about-tt { width: 100%; text-align: center; font-size: 36px; margin-bottom: 40px; position: relative;}
.cx-about-us01 .about-tt:before { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; left: 0; top:35px; z-index: 1;}
.cx-about-us01 .about-tt h2 { display: inline-block; font-weight: bold; padding: 0 20px; background-color: #f4f4f4; position: relative; z-index: 2;}
.company-profile .about-tt h2 {background-color: #fff;}
.cx-about-us01 .about-tt a { color: #1f1f1f; }
.cx-about-us01 .about-tt h2 em { color: #04287e; }
.cx-about-us01 .about-tt span { display: block; font-size: 14px; color: #999; margin-top: 5px;}
.cx-about-us01 .cmy-profile-cont { position: relative; }
.cx-about-us01 .cmy-profile-cont .img-box { width: 45%; margin-right: 5%;}
.cx-about-us01 .cmy-profile-cont .cmy-info { width: 50%; }
.cx-about-us01 .cmy-profile-cont .cmy-info h3 { font-size: 30px; color: #333; padding-bottom: 12px; }
.cx-about-us01 .cmy-profile-cont .cmy-info p { color: #666; font-size: 14px; line-height: 24px; padding-bottom: 16px; }
.cx-about-us01 .cmy-profile-cont:before { content: ''; display: block; width: 35px; height: 2px; background-color: #04287e; position: absolute; left: 50%; bottom: 0; z-index: 1; }
.cx-about-us01 .company-profile a.more { display: none; font-size: 14px; padding: 2% 7%; border-radius: 50px; border: solid 1px #ccc; margin-bottom: 10px; position: relative; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }

.cx-about-us01 .company-style { background-color: #fff; padding: 40px 0; }
.cx-about-us01 .company-style .about-tt h2 { background-color: #fff; }
.cx-about-us01 .company-style .cmy-style-box { position: relative; }
.cx-about-us01 .company-style li { width: 590px; }
.cx-about-us01 .company-style li p { text-align: center; font-size: 14px; color: #333; padding-top: 10px; }
.cx-about-us01 .prev-btn,
.cx-about-us01 .next-btn { display: block; width: 42px; height: 42px; border: solid 1px #d7d7d7; border-radius: 5px; position: absolute; top: 50%; margin-top: -35px; z-index: 9; cursor: pointer;}
.cx-about-us01 .prev-btn { left: -60px; }
.cx-about-us01 .next-btn { right: -60px; }
.cx-about-us01 .prev-btn:before,
.cx-about-us01 .next-btn:before { content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #939393; border-right: solid 2px #939393;}
.cx-about-us01 .prev-btn:before { margin: 14px 0 0 15px; 
  -webkit-transform:rotate(-135deg); 
  -moz-transform:rotate(-135deg); 
  -ms-transform:rotate(-135deg); 
  transform:rotate(-135deg); 
}
.cx-about-us01 .next-btn:before { margin: 14px 0 0 11px; 
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.cx-about-us01 .company-honor { background-color: #1e1e1e; padding: 40px 0; }
.cx-about-us01 .company-honor .about-tt h2 { background-color: #1e1e1e; }
.cx-about-us01 .company-honor .about-tt a,
.cx-about-us01 .company-honor .about-tt span { color: #fff; }
.cx-about-us01 .company-honor .cmy-honor-box { position: relative; }
.cx-about-us01 .company-honor .prev-btn,
.cx-about-us01 .company-honor .prev-btn,
.cx-about-us01 .company-honor .prev-btn:before,
.cx-about-us01 .company-honor .prev-btn:before { border-color: #fff; }
.cx-about-us01 .company-honor li { width: 279px;}
.cx-about-us01 .company-honor li p { text-align: center; font-size: 14px; color: #333; padding-top: 10px; color: #fff;}
.cx-about-us01 .development-path { background-color: #fff; padding: 40px 0; }
.cx-about-us01 .development-path-box { width: 100%; overflow: hidden;} 
.cx-about-us01 .development-path .about-tt h2 { background-color: #fff; }
.cx-about-us01 .development-path .img-box { width: 45%; margin-right: 2%;}
.cx-about-us01 .development-path-box .right-cont { width: 53%; padding-top: 28.125%; position: relative;}
.cx-about-us01 .development-path-box .right-cont:before { content: ''; display: block; width: 16px; height: 356px; background: url(../images/development_img.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 2;}
.cx-about-us01 .development-path-box .right-cont>div { width: 100%; height: 100%; max-height: 337px; padding-left: 40px; padding-bottom: 10px; overflow-y: auto; position: absolute; right: 0; top: 0; z-index: 1; }
.cx-about-us01 .development-path-box .info { padding: 20px 0; border-bottom: solid 1px #e5e5e5; }
.cx-about-us01 .development-path-box .info:first-child { padding-top: 0; }
.cx-about-us01 .development-path-box .info strong { display: block; width: 20%; font-size: 22px; color: #04287e; }
.cx-about-us01 .development-path-box .info p { width: 80%; font-size: 14px; color: #333; padding-right: 5%; line-height: 24px;}

 /*滚动条样式*/
.menu::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #04287e;
}
.menu::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.cx-about-us01 .company-culture { width: 100%; padding: 40px 0;}
.cx-about-us01 .company-culture-box { width: 100%; }
.cx-about-us01 .company-culture-cont { width: 22%; text-align: center;}
.cx-about-us01 .company-culture-cont>div { width: 100%; padding-top: 100%; border-radius: 50%; overflow: hidden; position: relative; box-shadow: 3px 3px 30px rgba(0,0,0,.2);}
.cx-about-us01 .company-culture-cont .img-box { border: solid 5px #fff; position: absolute; left: 0; top: 0; z-index: 2; border-radius: 50%;}
.cx-about-us01 .company-culture-cont h3 { font-size: 20px; color: #04287e; margin: 15px 0 5px;}
.cx-about-us01 .company-culture-cont p { font-size: 14px; line-height: 24px; color: #333; }
.cx-about-us01 .company-culture-cont:not(:first-child) { margin-left: 4%; }

@media screen and (max-width: 750px){
  .cx-about-us01 .about-tt span,
  .cx-about-us01 .development-path-box .right-cont:before,
  .cx-about-us01 .cmy-profile-cont:before,
  .cx-about-us01 .about-tt:before { display: none; }
  .cx-about-us01 .company-profile a.more { display: inline-block; }
  .cx-about-us01 .company-profile,
  .cx-about-us01 .company-honor,
  .cx-about-us01 .development-path,
  .cx-about-us01 .company-culture,
  .cx-about-us01 .company-style { padding: 3%; background-color: #fff; margin: 10px 0;}
  .cx-about-us01 .about-tt { font-size: 18px; margin: 5px 0 15px; text-align: center;}
  .cx-about-us01 .about-tt h2 { padding: 0; background-color: #fff!important;}
  .cx-about-us01 .about-tt h2 a { color: #1f1f1f!important; }
  .cx-about-us01 .cmy-profile-cont .cmy-info h3 { font-size: 18px; padding: 10px 0;}
  .cx-about-us01 .cmy-profile-cont .img-box,
  .cx-about-us01 .cmy-profile-cont .cmy-info { width: 100%; }
  .cx-about-us01 .prev-btn,
  .cx-about-us01 .next-btn { background-color: rgba(0,0,0,.5); border:none 0; }
  .cx-about-us01 .prev-btn:before, 
  .cx-about-us01 .next-btn:before { border-color: #fff; }
  .cx-about-us01 .prev-btn { left: 0;}
  .cx-about-us01 .next-btn { right: 0;}
  .cx-about-us01 .development-path .img-box { width: 100%; margin-right: 0; }
  .cx-about-us01 .development-path-box .right-cont { width: 100%; padding-top: 0; margin-top: 10px; }
  .cx-about-us01 .development-path-box .right-cont>div { padding: 0; position: relative; }
  .cx-about-us01 .development-path-box .info strong { font-size: 16px; width: 100%;}
  .cx-about-us01 .development-path-box .info p { width: 100%; padding-right: 2%; margin-top: 5px; }
  .cx-about-us01 .company-culture-cont { width: 100%; margin-bottom: 10px; margin-left: 0!important; border: solid 1px #ccc; padding: 3%;}
  .cx-about-us01 .company-culture-cont>div { float: left; width: 20%; padding-top: 20%; box-shadow: none;}
  .cx-about-us01 .company-culture-cont h3,
  .cx-about-us01 .company-culture-cont p { float: left; width: 78%; margin-left: 2%; text-align: left;}
  .cx-about-us01 .company-culture-cont h3 {font-size: 16px;}
}

/*关于我们2*/
/*--about-page-one--*/
.about-page-one{margin-top:2rem;padding:3rem 0;overflow:hidden;background:#fff url(../images/intros_bg.jpg) no-repeat center;}
.about-page-one .inner{overflow:hidden;}
.about-page-one .summary{text-align:center;font-size:1.0rem;line-height:1.75;color:#333;overflow:hidden;}
.about-page-one .counter{margin-top:2rem;overflow:hidden;}
.about-page-one .counter .item{float:left;width:25%;text-align:center;}
.about-page-one .counter .item dt{font-size:3.5rem;color:#04287e;font-family:"Arial";}
.about-page-one .counter .item dt:after{display:inline-block;content:"+";font-size:1.25rem;vertical-align:top;}
.about-page-one .counter .item dd{font-size:1.0rem;color:#333;}
@media(max-width:768px){
.about-page-one{padding:2rem 0.625rem;}
.about-page-one .counter .item{margin:0.625rem 0;width:50%;}
.about-page-one .counter .item dt{font-size:2.25rem;}
}
/*--end about-page-one--*/

/*--about-page-two--*/
/* 2026-10-02 卡片样式改为荣誉页同款：灰卡 #f0f0f0 + 标题条，hover 图片缩放标题变蓝；图片保持满宽原大（只取外框样式，不做小图居中盒） */
.about-page-two{padding:3rem 0;overflow:hidden;background:#fff;}
.about-page-two .list{overflow:hidden;}
.about-page-two .list .item{float:left;margin:1%;width:23%;text-align:center;background:#f0f0f0;padding:10px;transition:0.3s ease 0s;}
.about-page-two .list .pic{overflow:hidden;}
.about-page-two .list .pic img{display:block;width:100%;height:auto;transition:all 0.5s;}
.about-page-two .list .tit{border:none;overflow:hidden;display:block;padding:3% 10px;font-size:1rem;color:#666;white-space:nowrap;text-overflow:ellipsis;transition:0.3s ease 0s;}
.about-page-two .list .item:hover .pic img{transform:scale(1.1);}
.about-page-two .list .item:hover .tit{color:#072c87;background:#f0f0f0;}
@media(max-width:1500px){
.about-page-two .list .tit{font-size:14px;}
}
@media(max-width:768px){
.about-page-two{padding:2rem 0.625rem;}
.about-page-two .list .item{width:48%;}
.about-page-two .list .tit{padding:2vw;font-size:14px;}
}
/*--end about-page-two--*/

/*--about-page-three--*/
.about-page-three{padding:3rem 0;overflow:hidden;background:url(../images/brand_bg.jpg) no-repeat center 0;background-size:cover;}
.about-page-three .list{overflow:hidden;}
.about-page-three .list .item{float:left;margin:1%;width:23%;text-align:center;}
.about-page-three .list .icon{margin:0 auto;width:4.6875rem;}
.about-page-three .list .icon img{display:block;width:100%;}
.about-page-three .list .text{padding-top:1rem;color:#fff;overflow:hidden;}
.about-page-three .list .text h3{font-weight:normal;font-size:1.25rem;}
.about-page-three .list .text p{font-size:0.875rem;}
@media(max-width:768px){
.about-page-three{padding:2rem 0.625rem;}
.about-page-three .list .item{margin:0.625rem 1%;width:48%;}  
}
/*--end about-page-three--*/

/*--about-page-four--*/
.about-page-four{padding:3rem 0;overflow:hidden;background:#fff;}
.history-list{position:relative;overflow:hidden;}
.history-list:after{display:block;position:absolute;z-index:1;top:0;left:50%;width:1px;height:100%;content:"";background:#ddd;}
.history-list .item{padding:0.5rem 0;}
.history-list .item .hd{position:relative;}
.history-list .item .hd h3{line-height:1;font-size:3rem;color:#04287e;font-family:"Arial";}
.history-list .item .hd p{font-size:1rem;color:#333;}
.history-list .item .hd:before{display:block;position:absolute;z-index:2;top:50%;margin-top:-1rem;width:0.625rem;height:0.625rem;content:"";background:#04287e;border-radius:50%;animation:scale linear 3s infinite;}
.history-list .item .bd{padding-top:1rem;color:#333;line-height:1.5;overflow:hidden;}
.history-list .item:nth-child(odd){padding-right:50%;text-align:right;}
.history-list .item:nth-child(odd) .hd:before{right:-0.3125rem;}
.history-list .item:nth-child(even){padding-left:50%;}
.history-list .item:nth-child(even) .hd:before{left:-0.3125rem;}
.history-list .item:nth-child(odd) .hd,.history-list .item:nth-child(odd) .bd{padding-right:3rem;}
.history-list .item:nth-child(even) .hd,.history-list .item:nth-child(even) .bd{padding-left:3rem;}
@media(max-width:768px){
.about-page-four{padding:2rem 0.625rem;}
.history-list:after{left:4px;}
.history-list .item{width:100%;padding:0.5rem 0 !important;text-align:left !important;}
.history-list .item .hd,.history-list .item .bd{padding-left:2rem !important;padding-right:0 !important;}
.history-list .item .hd:before{left:0 !important;}
}
@keyframes scale
{
0% {transform:scale(0.5);}
50% {transform:scale(1);}
100% {transform:scale(0.5);}
}
/*--end about-page-four--*/

/*--about-page-five--*/
.about-page-five{padding:3rem 0;overflow:hidden;background:#fff;}
.partner-list{padding-left:1px;padding-top:1px;overflow:hidden;background:#e0e0e0;}
.partner-list .item{position:relative;float:left;width:20%;text-align:center;overflow:hidden;}
.partner-list .pic{padding-bottom:1px;padding-right:1px;overflow:hidden;}
.partner-list .pic img{display:block;width:100%;}
.partner-list .tit{position:absolute;left:0;bottom:0;width:100%;font-size:1rem;color:#333;overflow:hidden;background:#1a57a9;transform:translateY(150%);transition:all 0.5s;}
.partner-list .tit a{display:block;padding:0.625rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.partner-list .item:hover .tit{transform:translateY(0);}
@media(max-width:768px){
.about-page-five{padding:2rem 0.625rem;}  
.partner-list .item{width:33.3333%}
.partner-list .item:last-child{display:none;}
}
/*--end about-page-five--*/

/*联系我们*/
.cx-inpage-nav01 { width: 100%; text-align: center; margin-bottom: 30px;}
.cx-inpage-nav01 a { display: block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px 15px;border-top: none;border-left: none; }
.cx-inpage-nav01 a:hover,
.cx-inpage-nav01 a.cur { background-color: #04287e; color: #fff; border-color: #04287e; }
.cx-inpage-nav01 span.more { display: none; width: 13%; height: 100%; text-align: center; position: absolute; right: 0; top: 0; z-index: 9; border-left: solid 1px #e5e5e5;background-color: #fff;}
.cx-inpage-nav01 span.more em { display: inline-block; position: relative; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.cx-inpage-nav01 .swiper-wrapper { display: block; }
.cx-inpage-nav01 .swiper-wrapper .swiper-slide { display: inline-block; width: auto; }

/*列表栏目菜单*/
/*--inpage-menu--*/
.inpage-menu{text-align:center;overflow:hidden;border-bottom:#e0e0e0 solid 1px;}
.inpage-menu ul{white-space:nowrap;overflow:auto;}
.inpage-menu ul::-webkit-scrollbar{height:0;}
.inpage-menu li{display:inline-block;position:relative;margin:0 1rem;}
.inpage-menu li a{position:relative;display:block;padding:1rem 0;font-size:1rem;color:#333;}
.inpage-menu li a:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;content:"";background:#04287e;transition:all 0.5s;transform:scale(0,1);}
.inpage-menu li:hover a:after,.inpage-menu li.cur a:after{transform:scale(1);}
.inpage-menu li:hover a,.inpage-menu li.cur a{color:#04287e;}
@media(max-width:992px){
.inpage-menu{background:#fff;}
}
/*--end inpage-menu--*/
/*--inpage-submenu--*/
.inpage-submenu{padding:1rem;text-align:center;overflow:hidden;background:#f0f0f0;border:#e0e0e0 solid 1px;border-top:none;}
.inpage-submenu ul{white-space:nowrap;overflow:auto;}
.inpage-submenu ul::-webkit-scrollbar{height:0;}
.inpage-submenu li{display:inline-block;position:relative;margin:0 1rem;}
.inpage-submenu li a{position:relative;display:block;font-size:0.875rem;color:#666;}
.inpage-submenu li:hover a,.inpage-submenu li.cur a{color:#04287e;}
/*--end inpage-submenu--*/

.cx-contact-us01 { margin-bottom: 30px;}
.cx-contact-us01 .bgfff { background-color: #fff; }
.cx-contact-edit01 .contact-cmy-infos,
.cx-contact-edit01 .map { width: 100%; height: auto;}
.cx-contact-edit01 .map iframe { display:block; height:580px; width:700px; margin:0 auto; box-sizing: border-box;}
.cx-contact-edit01 .contact-cmy-infos { padding: 50px 60px;}
.cx-contact-edit01 .contact-cmy-infos h2 { font-size: 24px; color: #04287e; font-weight: bold; }
.cx-contact-edit01 .contact-cmy-infos ul { margin-top: 40px; }
.cx-contact-edit01 .contact-cmy-infos li { font-size: 16px; color: #666; padding: 20px 0; border-bottom: solid 1px #e5e5e5; overflow: hidden;}
.cx-contact-edit01 .contact-cmy-infos li:first-child { border-top: solid 1px #e5e5e5; }
.cx-contact-edit01 .contact-cmy-infos li span { display: block; float: left; width: 32px; height: 32px; background-color: #04287e; border-radius: 50%; position: relative;}
.cx-contact-edit01 .contact-cmy-infos li span:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-repeat: no-repeat; background-size: 100% 100%; }
.cx-contact-edit01 .contact-cmy-infos li:first-child span:before { background-image: url(../images/linkus_icon01.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(2) span:before { background-image: url(../images/linkus_icon02.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(3) span:before { background-image: url(../images/linkus_icon03.png); }
.cx-contact-edit01 .contact-cmy-infos li:nth-child(4) span:before { background-image: url(../images/linkus_icon04.png); }
.cx-contact-edit01 .contact-cmy-infos li:last-child span:before { background-image: url(../images/linkus_icon05.png); }
.cx-contact-edit01 .contact-cmy-infos li p { float: left; width: 80%; line-height: 32px; margin-left: 15px; }

.cx-contact-us01 .online-message { width: 100%; height: 520px; margin-top: 10px; background:#fff; }
.cx-contact-us01 .online-message>div { width: 50%; height: 100%; position: relative; }
.cx-contact-us01 .online-message .tt { position: relative; left: 72px; top: 63px; z-index: 2; }
.cx-contact-us01 .online-message .tt h2 { font-size: 24px; color: #04287e; font-weight: bold; }
.cx-contact-us01 .online-message .tt span { font-size: 20px; color: #b8b8b8;}
.cx-contact-us01 .online-message .left-img img { width: 64%; height: auto; position: absolute; left: 24%; bottom: 0; z-index: 1;}
.cx-contact-us01 .liuyan-form { padding: 60px 0 0 20px; font-size: 16px; }
.cx-contact-us01 .liuyan-form .name,
.cx-contact-us01 .liuyan-form .phone { width: 85%; border: solid 1px #e0e0e0; margin-bottom: 20px;}
.cx-contact-us01 .liuyan-form .msg { width: 85%; height: 110px; border: solid 1px #e0e0e0; margin-bottom: 20px;}
.cx-contact-us01 .liuyan-form input,
.cx-contact-us01 .liuyan-form textarea { width: 100%; height: 100%; padding: 20px; }
.cx-contact-us01 .liuyan-form textarea { resize: none; }
.cx-contact-us01 .liuyan-form a.smt { display: block; width: 85%; padding: 20px 0; text-align: center; background-color: #04287e; color: #fff; }
.cx-contact-us01 .liuyan-form .yzm { width: 85%; margin-bottom: 20px; }
.cx-contact-us01 .liuyan-form .yzm .yzm-info { display: block; width: 50%; border: solid 1px #e0e0e0;}
.cx-contact-us01 .liuyan-form .yzm .img-code { width: 25%; margin: 0 2.5%; position: relative; top: 8px;}
.cx-contact-us01 .liuyan-form .yzm a.refresh { display: block; width: 20%; font-size: 14px; line-height: 60px;}
.cx-contact-us01 .liuyan-form .yzm input { width: 68%; border-left: solid 1px #e0e0e0; }
.cx-contact-us01 .liuyan-form .yzm .yzm-info em { padding: 0 5%; }

.cx-contact-us01 .cx-contact-edit01 .contact-cmy-infos,
.cx-contact-us01 .cx-contact-edit01 .map { width:50%; height:500px; }
.cx-contact-us01 .cx-contact-edit01 .map { padding:2% 2% 0 0; }
.cx-contact-us01 .cx-contact-edit01 .map iframe { width:100%; height:470px; border-right:solid 1px rgb(204, 204, 204);  border-bottom:solid 1px rgb(204, 204, 204); }

.liuyan-tk-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,.8); }
.liuyan-tk-box .tk-cont { width: 450px; padding: 20px; text-align: center; background-color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.liuyan-tk-box .tk-info { border: solid 1px #e5e5e5; }
.liuyan-tk-box .tk-cont h4 { font-size: 24px; font-weight: bold; color: #04287e; padding: 20px 0 10px;}
.liuyan-tk-box .tk-cont p { font-size: 16px; color: #4d4d4d; padding-bottom: 8px; }
.liuyan-tk-box .tk-cont a.close-btn { display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; background-color: #04287e; color: #fff; font-size: 16px; margin: 20px auto 0;}

@media screen and (max-width: 1200px){
  .cx-contact-edit01 .contact-cmy-infos,
  .cx-contact-edit01 .map,
  .cx-contact-us01 .online-message { width: 100%; height: auto; margin-top: 0; margin-bottom: 10px;}
  .cx-contact-us01 .online-message .left-img img,
  .cx-contact-us01 .online-message .tt span { display: none; }
  .cx-contact-us01 .online-message>div { width: 100%; }
  .cx-contact-us01 .online-message .tt { padding: 2%; text-align: center; background-color: #ccc; left: 0; top: 0; }
  .cx-contact-us01 .online-message .tt h2 { color: #fff; }
  .cx-contact-us01 .liuyan-form { padding: 30px 3%; }
  .cx-contact-us01 .liuyan-form .name,
  .cx-contact-us01 .liuyan-form .phone,
  .cx-contact-us01 .liuyan-form .msg,
  .cx-contact-us01 .liuyan-form a.smt { width: 100%; }
  .cx-contact-us01 .liuyan-form .yzm .img-code { top: 0; }
  .cx-contact-edit01 .map iframe { height:580px; border:none 0;}
  .cx-contact-us01 .cx-contact-edit01 .contact-cmy-infos,
  .cx-contact-us01 .cx-contact-edit01 .map { width:100%; height:auto; }
  .cx-contact-us01 .cx-contact-edit01 .map { padding: 2%;}
  .cx-contact-us01 .cx-contact-edit01 .map iframe { width: 700px; height: 580px; border: none 0; }
}

@media screen and (max-width: 800px){
  .cx-contact-us01 { padding-bottom: 3%;}
  .cx-contact-edit01 .contact-cmy-infos,
  .cx-contact-edit01 .map { padding: 3%; }
  .cx-contact-edit01 .contact-cmy-infos h2,
  .liuyan-tk-box .tk-cont h4,
  .cx-contact-us01 .online-message .tt h2 { font-size: 18px; }
  .cx-contact-edit01 .contact-cmy-infos h2 { padding: 3% 0 1%; }
  .cx-contact-edit01 .contact-cmy-infos ul { margin-top: 3%; }
  .cx-contact-edit01 .contact-cmy-infos li { padding: 3% 0; font-size: 15px; }
  .cx-contact-us01 .liuyan-form input,
  .cx-contact-us01 .liuyan-form textarea,
  .cx-contact-us01 .liuyan-form a.smt { padding: 3%; font-size: 16px;}
  .cx-contact-us01 .liuyan-form .msg { height: 100px; }
  .cx-contact-us01 .liuyan-form .msg,
  .cx-contact-us01 .liuyan-form .name,
  .cx-contact-us01 .liuyan-form .phone { margin-bottom: 10px; }
  .cx-contact-us01 .liuyan-form .yzm .yzm-info em { display: none; }
  .cx-contact-us01 .liuyan-form .yzm input { width: 100%; padding: 7%; border-left: none 0; }
  .cx-contact-us01 .liuyan-form .yzm a.refresh { line-height: 40px; }
  .liuyan-tk-box { width: 100%; }
  .liuyan-tk-box .tk-cont { width: 90%; }
  .liuyan-tk-box .tk-cont p,
  .liuyan-tk-box .tk-cont a.close-btn { font-size: 14px; }
  .liuyan-tk-box .tk-cont a.close-btn { width: 40%; height: 40px; line-height: 40px; margin-top: 10px; }
}
.cx-contact-edit01 .map-hide { display:none; width:100%; height:auto;}
@media screen and (max-width:750px){
    .cx-contact-edit01 .map .ueditor_baidumap { }
    .cx-contact-edit01 .map-hide { display:block;margin-bottom: 5%;}
    .cx-contact-edit01 .map{display:none;}
    .cx-contact-edit01 .map-hide iframe{display:block;width:404px;height:284px;margin:0 auto;}
    #dituContent{width:100% !important; height:65vw !important;}
}

/*图片列表*/
.cx-picture-list01 { margin-bottom: 30px; }
.cx-picture-list01 .pic-nav { width: 100%; text-align: center; margin-bottom: 30px;}
.cx-picture-list01 .pic-nav a { display: inline-block; padding: 15px 40px; background-color: #fff; border-radius: 50px; background-color: #fff; border: solid 1px #e5e5e5; margin: 0 10px; }
.cx-picture-list01 .pic-nav a:hover,
.cx-picture-list01 .pic-nav a.cur { background-color: #04287e; border-color: #04287e; color: #fff; }
.cx-picture-list01 .pic-list-box{margin-top:2rem;}
.cx-picture-list01 .pic-list-box li {width: 23%;margin:0 1%;text-align: center;margin-bottom: 1.33333333%;background-color: #fff;padding-bottom: 2%;}
.cx-picture-list01 .pic-list-box li a[data-fancybox="gallery"]{display:block;position: relative;}
.cx-picture-list01 .pic-list-box li a[data-fancybox="gallery"]:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.25) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEL0lEQVRYR82Ya+ifYxjHP98XKIfSkEOR7IWIlLYctrAyyYyQKYeyFNmwzAuFmpV5oZDzRFlYyXhjKKOMTA6LaKO8GDnNMccoe/HVVfe9nj177ue5f7/fP/5X/V78//fp81z3dV/397rFNDdNcz4mArR9BnAAcGD6/QX8BPwMvC/px0kdMDKg7bOBM4FFwOEDAC8BLwPPS/p+HNhqQNtzgOuBS8ZY6AvggfhJ2jHK+CpA2/cANzYm/gXYALwKfASEd+K3D3AIcDAwHzgLmNUY9wGwQtKLtZCDgLbfBk5JE34LPAY8Kml7zSK2zwWuBhY2+l8n6aGa8b2Att2YZB2wrBasvbjti4FnG/9fIumRIcgioO21wKVpgrWSLh+abKjd9knAO41+p0t6s29cJ6DtO4Bb08CVkm4fWry23fa+wB+p/5fAAklbSuN3A0yn9a00YLWka2sXr+1n+1RgU+q/RtLiUQCfSakkDsSscWNuCNZ27MqK1G++pNe6xuziQdvnAJFcw6q31vaFwGpgq6R5Q3DRbvtQYDNwGLBe0nk1gLHINcBvwDG13mt6Q9Jg6sogLS/OlLStDdn2YGxrfFnxi7q+cgLAuMtfT3Mul3RvETBd/LnzUkkP12xV2q6d8TSKB9PYb9I2b+wKj50etH0R8FyCmi0p4qPKxvVgAoxrbwGwRdLxfR6M2IsYDDtC0leF7bwSOLKjLZ/IlR1tkUpCMOxmth8HrgK2S4oDs4s1PRiJORJ02F6S/ilM+HkBsM/bxVxnexVwC7BD0p59gKFWQrWEzZAUiqXriyNOI7hHscWS1hTmuw+4ITKHpP37AK8AnkwdjpX0aS3BhDGYL4Ztkmb2ATaT9DxJG/8jwLwj70kKMVGMwYOAH1LrnZKyWBjkHNeDtmek+iXWuF/SsiJgNNjOR36zpNmDZKnDBICXAU+naTp3rX2TLAGy0l1YK80nAHwhKe3PJB3d5ZA2YNQSISgjz1Vfd7ajf+TBN0qntb14KgXWp//fLOmuQcC0zcuBu1PnRZJC6k+52c7e2yRpbmmBLsG6R/LiiWnQyZLenUpC21GbRI0Sdr6kgO20kuSPSiy7PwbuJ+nPqYBsSaxVkm7rm7evaFoKPNgYPEdSlKBjWwvulXidkPT7WIApHqMeacquEALVNXFeuFAbb02An4wNmCBPA54KhZMmysV76LfibWM7En+EygWtoj0OXY6/QcgqeW77OOAmIKRW0wL2Q+C79PQRJWWkqvi1BcXXIUZCNduOD851di9kFWBjq+JVK5RH8xljKCbDy+G1dc3nuIYOjPFFyJEAG6BHRXoAohKLt8H8RhgnPXszHpY29Clz23Frxe1VhBwLcMhlo7TbjkshLocMOVfSr3mO/x0wHcSsquPPEyR9PK0AE2QcwL2BJyT9Pe0AS2ExLba4L2b/Be3nrThUYn7JAAAAAElFTkSuQmCC) no-repeat center;}
.cx-picture-list01 .pic-list-box li p { padding: 5% 5% 0; }
.cx-picture-list01 .pic-list-box li p.tt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1rem;}
.cx-picture-list01 .pic-list-box li p.jj { height: 74px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.cx-picture-list02 .pic-list-box li{width:18%;}
.cx-picture-list03 .pic-list-box li{width:31.33%;}
@media(max-width:992px){
.cx-picture-list01 .pic-list-box{margin-top:0;}
.cx-picture-list02 .pic-list-box li,.cx-picture-list03 .pic-list-box li{width:48%;}
}
/*--team-wrap--*/
.team-wrap{overflow:hidden;}
.team-list{padding-top:2rem;}
.team-list .item{float:left;margin:1%;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);transition:all 0.5s;}
.team-list .pic{float:left;width:50%;border-bottom:#f0f0f0 solid 1px; overflow:hidden;}
.team-list .pic img{display:block;width:100%;transition:all 0.5s ease-in-out;}
.team-list .text{padding:2rem;overflow:hidden;}
.team-list .text h3{font-weight:normal;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.team-list .text h3 a{color:#333;}
.team-list .text p{margin-top:1rem;font-size:1rem;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.team-list .item:hover{transform:translateY(-1rem);box-shadow:0 0 1rem rgba(0,0,0,0.25)}
.team-list .item:hover .pic img{transform:scale(1.1);}
.team-list .item:hover h3 a{color:#04287e;}
.team-list.column1 .item{width:98%;}
.team-list.column2 .item{width:48%;}
.team-list.column3 .item{width:31.3333%;}
.team-list.column3 .item .pic{float:none;width:100%;}
.team-list.column3 .item .text{}
.team-list.column4 .item{width:23%;}
.team-list.column4 .item .pic{float:none;width:100%;}
.team-list.column5 .item{width:18%;}
.team-list.column5 .item .pic{float:none;width:100%;}
.team-list.column5 .item .text{padding:1rem;}
.team-list.column5 .item .text{padding:1rem;}
.team-list.column5 .item .text p{margin-top:0.5rem;-webkit-line-clamp:4;}
@media(max-width:1200px){
.team-list{display:flex;flex-wrap:wrap;}
.team-list .pic{float:none;width:100%;}
.team-list .text{padding:1rem;}
.team-list .text p{margin-top:0.5rem;-webkit-line-clamp:4;}
}
@media(max-width:768px){
.team-wrap{padding:2rem 0.625rem;}
.team-list{display:flex;flex-wrap:wrap;}
.team-list .item{margin:1%;width:48% !important;}
.team-list .item:hover{transform:none;}
}
/*--end team-wrap--*/
/*--video-wrap--*/
.video-wrap{overflow:hidden;}
.video-list{padding-top:2rem;}
.video-list .item{float:left;margin:1%;overflow:hidden;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);transition:all 0.5s;border-radius:5px;}
.video-list .pic{display:block;position:relative;overflow:hidden;}
.video-list .pic:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5) url(../images/player_btn.png) no-repeat center;background-size:3rem;}
.video-list .pic img{display:block;transition:all 0.5s ease-in-out;}
.video-list .tit{display:block;padding:0.5rem 1rem;font-size:1rem;line-height:1.5;text-align:center;color:#333;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.video-list .item:hover{transform:translateY(-1rem);box-shadow:0 0 1rem rgba(0,0,0,0.25)}
.video-list .item:hover .pic:after{background-color:rgba(0,0,0,0.1);}
.video-list .item:hover .pic img{transform:scale(1.1);}
.video-list .item:hover .tit{color:#fff;background:#04287e;}
.video-list.column1 .item{width:98%;}
.video-list.column2 .item{width:48%;}
.video-list.column3 .item{width:31.3333%;}
.video-list.column4 .item{width:23%;}
.video-list.column5 .item{width:18%;}
@media(max-width:768px){
.video-wrap{padding:2rem 0.625rem;}
.video-list{display:flex;flex-wrap:wrap;}
.video-list .item{width:48% !important;}
.video-list .item:hover{transform:none;}
}
/*--end video-wrap--*/
/*--faq-wrap--*/
.faq-wrap{overflow:hidden;}
.faq-list{margin-top:2rem;padding:2rem;background:#fff;}
.faq-list .item{margin-bottom:2rem;overflow:hidden;}
.faq-list .item dt{padding:1rem 2rem 1rem 3rem;font-size:1.25rem;color:#333;background:url(../images/faq_q.png) no-repeat 0 center;}
.faq-list .item dd{padding-left:3rem;overflow:hidden;background:url(../images/faq_a.png) no-repeat 0 0;}
.faq-list .item dd .con{padding:1rem;font-size:1rem;color:#666;line-height:1.75;overflow:hidden;background:#f9f9f9;}
@media(max-width:768px){
.faq-wrap{padding:0rem 0.625rem;}
.faq-list{margin-top:1rem;padding:1rem;}
.faq-list .item{margin-bottom:1rem;}
}
/*--end faq-wrap--*/

@media screen and (max-width: 800px){
  .cx-inpage-nav01 { margin-bottom: 0px; background-color: #fff; position: relative; overflow: hidden; }
  .cx-inpage-nav01 a { padding: 15% 0; text-align: center; margin: 0; border-radius: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
  .cx-inpage-nav01 span.more { display: block; }
  .cx-picture-list01 .pic-list-box { padding: 3%; }
    .cx-picture-list01 .pic-list-box li { width: 48%; margin-bottom: 4%; padding-bottom: 4%;}
    .cx-picture-list01 .pic-list-box li p.jj { height: 48px; -webkit-line-clamp: 2; }

  .cx-inpage-nav01 .swiper-wrapper {
    display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }
  .cx-inpage-nav01 .swiper-wrapper .swiper-slide { display: inline-block; width: auto; }
}
/* ========== 证书区块 · 网格样式（PhotoList_k1）BEGIN（2026-10-03） ==========
   真值：li 23%+ml2.6%/mb2.5%、#f0f0f0 底 padding10px；图区 a 高 13.6vw（≤1100 21.2vw）#f6f6f6、
   img 垂直水平居中 max-height 87% / max-width 90%；标题 16px（≤1500 14px）#666 单行省略 padding 3% 10px；
   hover 标题 #072c87；容器白底 padding 20px 25px 50px；≤768 两列（48%，奇 ml0 / 偶 ml4%）、图区 31vw、标题 14px。
   本站手机断点沿用现有 800（原 ≤800 旧样式被本段整体取代）。
   2026-10-03 追加：① 图片显示大小回到原样（随卡宽撑满、图区不锁高度，取消 13.6vw/21.2vw/31vw 与 87%/90% 缩放）；
   ② 图上的半透明黑 + 图标覆盖层沿用站内原有 a[data-fancybox="gallery"]:after 规则（本块带该属性即自动命中）。
   ③ 本段选择器统一加 :not(.cx-picture-list02) —— 合作伙伴块（同带 cx-picture-list01 类）必须独立出来：
      回到它本来的白卡 + .cx-picture-list02 的每行 5 个（18%），并且不吃本块的加号覆盖层。 */
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box{ background:#fff; padding:20px 25px 50px; }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li{ float:left; width:23%; margin:0 0 2.5% 2.6%; background:#f0f0f0; padding:10px; box-sizing:border-box; text-align:center; }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li:nth-child(4n+1){ margin-left:0; }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li a.img-box{ display:block; position:relative; width:100%; height:auto; margin:0 auto; background:#f6f6f6; overflow:hidden; text-align:center; font-size:0; }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li a.img-box:before{ content:none; }
/* 2026-11-12 修正：证书原图都是竖版（505×635，比例 0.795），原来这里用 aspect-ratio:300/196（横版 1.53）
   + img{height:100%;object-fit:cover} 把竖版图裁成横条再放大 —— 证书上下、两边都被切掉。
   原站（www.hokaidovacuum.com/help/qyry.html）实测：a.img-box 276×347、img 276×347、object-fit:fill，
   即「宽度撑满卡片、高度按图片比例自适应」。这里改回 height:auto，取消 object-fit。 */
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li a.img-box img{ display:block; width:100%; height:auto; max-height:none; max-width:100%; margin:0; transition:all .8s ease-out; transform:scale(1); }
/* 悬停慢慢放大：站内通用规则是 common.css 的 .img-box:hover img{transform:scale(1.08)}（0,2,1），
   被上面这条 0,3,3 的 transform:scale(1) 压掉 → 这里补同块 hover 规则拿回，缓动沿用站内 .8s ease-out */
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li a.img-box:hover img{ transform:scale(1.08); }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li p.tt{ color:#666; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; padding:3% 10px; box-sizing:border-box; }
.cx-picture-list01:not(.cx-picture-list02) .pic-list-box li:hover p.tt{ color:#072c87; background:#f0f0f0; }
@media screen and (max-width:1500px){
  .cx-picture-list01:not(.cx-picture-list02) .pic-list-box li p.tt{ font-size:14px; }
}
@media screen and (max-width:1100px){
  /* 图片按原样随卡宽撑满，图区不锁高度 */
}
@media screen and (max-width:800px){
  .cx-picture-list01:not(.cx-picture-list02) .pic-list-box li{ width:48%; margin:0 0 5% 4%; padding:10px; }
  .cx-picture-list01:not(.cx-picture-list02) .pic-list-box li:nth-child(2n+1){ margin-left:0; }
  .cx-picture-list01:not(.cx-picture-list02) .pic-list-box li p.tt{ padding:2vw; font-size:14px; }
}
/* --- 证书灯箱（lightGallery）左右箭头：默认贴边 20px，太靠边 → 往中间推（2026-10-03）
    库真值：.lg-actions .lg-next{right:20px} / .lg-prev{left:20px}（权重 0,2,0）
    这里用 .lg-outer 前缀提到 0,3,0 覆盖，不改库文件；只动 left/right，箭头本身样式不动 --- */
.lg-outer .lg-actions .lg-prev{ left:90px; }
.lg-outer .lg-actions .lg-next{ right:90px; }
@media screen and (max-width:800px){
  .lg-outer .lg-actions .lg-prev{ left:36px; }
  .lg-outer .lg-actions .lg-next{ right:36px; }
}
/* ========== 证书区块 END ========== */
/*--人才招聘--*/
.cx-jobs-wrap{overflow:hidden;}
.cx-jobs-sideBar{float:left;width:360px;overflow:hidden;}
.cx-jobs-sideBar .hd{margin-bottom:45px;}
.cx-jobs-sideBar .hd em{font-size:12px;color:#999;}
.cx-jobs-sideBar .hd h3{margin-top:14px;font-weight:normal;font-size:24px;color:#333;}
.cx-jobs-sideBar .bd{position:relative;background:#04287e;}
.cx-jobs-sideBar .bd:before{display:block;position:absolute;left:0;top:-6px;content:"";border:6px solid #04287e;border-right:none;border-top-color:#f5f5f5;}
.cx-jobs-sideBar .bd dl{padding:20px 40px;color:#fff;overflow:hidden;border-bottom:#f5f5f5 solid 1px;}
.cx-jobs-sideBar .bd dt{float:left;width:32px;}
.cx-jobs-sideBar .bd dt img{display:block;}
.cx-jobs-sideBar .bd dd{padding-left:20px;overflow:hidden;}
.cx-jobs-sideBar .bd dd span{display:block;font-size:20px;}
.cx-jobs-sideBar .bd dd p{font-size:12px;}
.cx-jobs-sideBar .HRxx{margin-top:20px;padding:30px;background:#fff;}
.cx-jobs-sideBar .HRxx h3{margin-bottom:22px;font-size:24px;font-weight:normal;color:#04287e;}
.cx-jobs-sideBar .HRxx p{font-size:16px;color:#666;}
.cx-jobs-sideBar .HRxx p a{color:#666;}
.cx-jobs-list{float:right;padding-top:30px;width:810px;overflow:hidden;}
.cx-jobs-list .hd{height:70px;line-height:70px;overflow:hidden;background:#fff;border-bottom:#04287e solid 3px;}
.cx-jobs-list .hd li{float:left;font-size:20px;color:#666;text-align:center;}
.cx-jobs-list .hd li.li1{width:373px;text-align:left;text-indent:40px}
.cx-jobs-list .hd li.li2{width:104px;}
.cx-jobs-list .hd li.li3{width:165px;}
.cx-jobs-list .hd li.li4{width:164px;}
.cx-jobs-list .bd{overflow:hidden;}
.cx-jobs-list .item{margin:10px 0;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.cx-jobs-list .item .conTop{height:70px;line-height:70px;overflow:hidden;background:#fff;}
.cx-jobs-list .item .conTop li{float:left;font-size:14px;color:#666;text-align:center;}
.cx-jobs-list .item .conTop li.li1{width:373px;font-size:20px;text-align:left;text-indent:40px}
.cx-jobs-list .item .conTop li.li2{width:104px;}
.cx-jobs-list .item .conTop li.li3{width:165px;}
.cx-jobs-list .item .conTop li.li4{width:164px;background:url(../images/rczpicon08.png) no-repeat 90% center;cursor:pointer}
.cx-jobs-list .item .boxBot{display:none;padding:30px 40px;line-height:1.75;overflow:hidden;background:#f0f0f0;}
.cx-jobs-list .item .boxBot h4{font-weight:normal;font-size:18px;color:#333;}
.cx-jobs-list .item .boxBot p{color:#666;}
@media (max-width:1200px){
.cx-jobs-wrap{padding:30px 0;}
.cx-jobs-sideBar{display:none;}
.cx-jobs-list{float:none;padding-top:0;width:100%;}
.cx-jobs-list .hd,.cx-jobs-list .item .conTop{height:50px;line-height:50px;}
.cx-jobs-list .hd li{font-size:16px;text-indent:20px;}
.cx-jobs-list .hd li.li1{width:60%;}
.cx-jobs-list .hd li.li4{width:40%;}
.cx-jobs-list .hd li.li2,.cx-jobs-list .hd li.li3{display:none;}
.cx-jobs-list .item .conTop li.li1{width:60%;font-size:16px;text-indent:20px;}
.cx-jobs-list .item .conTop li.li4{width:40%;}
.cx-jobs-list .item .conTop li.li2,.cx-jobs-list .item .conTop li.li3{display:none;}
.cx-jobs-list .item .boxBot{padding:15px;}
.cx-jobs-list .item .boxBot h4{font-size:15px;}
}
/*--end cx-jobs--*/
/*404*/
.cx-error-box01 { width: 620px; margin: 8% auto; text-align: center;}
.cx-error-box01 .sorry { font-size: 16px; color: #04287e; margin-bottom: 3%; }
.cx-error-box01 .err-img { display: block; width: 68%; height: auto; margin: 0 auto; }
.cx-error-box01 .lines { display: block; width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 7%; position: relative;}
.cx-error-box01 .lines:after { content: ''; display: block; width: 100%; height: 1px; background-color: #ffffff; position: absolute; bottom: -1px; left: 0; z-index: 2; }
.cx-error-box01 .tips { font-size: 16px; color: #999; margin: 7% 0; }
.cx-error-box01 .abtns { width: 100%; text-align: center; }
.cx-error-box01 .abtns a { display: inline-block; width: 28%; font-size: 18px; color: #666; padding: 2% 0; background-color: #fff; border-radius: 50px; margin: 0 2%; box-shadow: 5px 5px 30px rgba(0,0,0,.1);}
.cx-error-box01 .abtns a:after { content: ''; display: inline-block; width: 0; height: 0; border-top: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #666; margin-left: 8%;  }
.cx-error-box01 .abtns a:hover { background-color: #04287e; color: #fff; }
.cx-error-box01 .abtns a:hover:after { border-left-color: #fff; }

@media screen and (max-width: 750px){
  .cx-error-box01 { width: 84%; margin-top: 15%;}
  .cx-error-box01 .abtns a { width: 42%; font-size: 16px; padding: 3% 0;}
}

/*搜索结果*/
.cx-search-result01 { margin:5% 0; }
.cx-search-result01 .search-form { width: 600px; height: 58px; background-color: #fff; border-radius: 50px; border: solid 1px #e2e2e2; margin: 0 auto; position: relative;}
.cx-search-result01 .search-form input { width: 100%; height: 58px; border-radius: 50px; padding: 0 10% 0 5%; font-size: 16px; }
.cx-search-result01 .search-form button { display: block; width: 47px; height: 47px; background-color: #04287e; border-radius: 50%; position: absolute; right: 5px; top: 5px; z-index: 5; cursor:pointer;}
.cx-search-result01 .search-form button:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/icon_sdwsearch.png) no-repeat; background-size: 100% 100%; }
.cx-search-result01 .search-list { margin-top: 3%; padding: 3% 5%; background-color: #fff; }
.cx-search-result01 .search-list h3 { font-size: 24px; color: #333; padding-bottom: 2%;}
.cx-search-result01 .search-cont { padding: 18px 0; border-bottom: solid 1px #e5e5e5; position: relative;}
.cx-search-result01 .search-cont:nth-of-type(1) { border-top: solid 1px #e5e5e5; }
.cx-search-result01 .search-cont>a { display: block; width: 20%; overflow: hidden;} 
.cx-search-result01 .search-cont .txts { width: 78%; }
.cx-search-result01 .search-cont .txts h4 { font-size: 16px; margin: 1.6% 0; }
.cx-search-result01 .search-cont .txts h4 a { color: #333; }
.cx-search-result01 .search-cont .txts p { color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cx-search-result01 .search-cont .time { width: 78%; font-size: 14px; position: absolute; left: 22%; bottom: 18px; z-index: 9; }
.cx-search-result01 .search-cont .time span { color: #999; padding-right: 25px; }
.cx-search-result01 .search-cont .time a { color: #666; padding-left: 25px; position: relative; }
.cx-search-result01 .search-cont .time a:before { content: ''; display: block; width: 16px; height: 16px; background: url(../images/icon_link.png) no-repeat; position: absolute; left: 0; top: 1px; z-index: 2; }
.cx-search-result01 .search-cont:hover h4 a { color: #04287e; }
.cx-search-result01 .search-cont:hover .txts p { color: #333; }
.cx-search-result01 .search-cont .time a:hover { color: #04287e; text-decoration: underline; }
.cx-search-result01 .search-cont:hover { 
  -webkit-transform:translateX(-5px); 
  -moz-transform:translateX(-5px); 
  -ms-transform:translateX(-5px); 
  transform:translateX(-5px); 
}

.cx-search-result01 .search-cont {
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.cx-search-result01 .noSearchData{text-align: center;padding-top: 20px;}

@media screen and (max-width: 900px) {
    .cx-search-result01 .search-list h3 { display: none; }
  .cx-search-result01 .search-form { width: 80%; height: 50px; }
  .cx-search-result01 .search-form input { height: 50px; }
  .cx-search-result01 .search-form button { width: 40px; height: 40px; }
  .cx-search-result01 .search-list { padding: 0 0 6% 0; margin-top: 5%;}
  .cx-search-result01 .search-cont>a{ width: 35%; }
  .cx-search-result01 .search-cont .txts,
  .cx-search-result01 .search-cont .time { width: 61%; }
  .cx-search-result01 .search-cont .time { left: 39%; }
  .cx-search-result01 .search-cont { padding: 4% 3%; }
  .cx-search-result01 .search-cont .time { bottom: 12%; }

}
@media screen and (max-width: 750px){
  .cx-search-result01 .search-cont .time a { display: none; }
  .cx-search-result01 .search-cont .txts p { display: none; }
}

/*网站地图*/
.cx-sitemap01 { margin-top: 5%; }
.cx-inpage-mbx02 { font-size: 15px; color: #666; }
.cx-inpage-mbx02 .maplink a:first-child { margin-right: 16px; padding-right: 20px; border-right: solid 1px #ccc; }
.cx-inpage-mbx02 a:hover { color: #04287e; text-decoration: underline; }
.cx-sitemap01 .sitemap-box { padding: 3% 4%; background-color: #fff; margin-top: 20px;}
.cx-sitemap01 .sitemap-cont { background-color: #fff; margin-bottom: 4%;}
.cx-sitemap01 .sitemap-cont h3 { font-size: 20px; padding-bottom: 2%; border-bottom: solid 1px #f2f2f2; position: relative;}
.cx-sitemap01 .sitemap-cont h3 a { color: #000; }
.cx-sitemap01 .sitemap-cont h3:after { content:''; display: block; width: 18px; height: 1px; background-color: #04287e; position: absolute; bottom: -1px; left: 0; z-index: 9; } 
.cx-sitemap01 .sitemap-cont .list a { display: block; float: left; width: 32.333333%; font-size: 16px; color: #666; margin-top: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cx-sitemap01 .sitemap-cont .list a:nth-child(3n-1) { margin-left: 1.5%; margin-right: 1.5%; }
.cx-sitemap01 .sitemap-cont a:hover { color: #04287e; }

@media screen and (max-width: 750px){
  .cx-sitemap01 { margin-top: 6%; }
  .cx-inpage-mbx02 { padding: 0 5%; font-size: 13px;}
  .cx-sitemap01 .sitemap-box { padding: 5%; }
  .cx-sitemap01 .sitemap-cont { margin-bottom: 8%; }
  .cx-sitemap01 .sitemap-cont h3 { font-size: 16px; padding-bottom: 4%; }
  .cx-sitemap01 .sitemap-cont .list a { width: 100%; margin-top: 5%; font-size: 14px;}
  .cx-sitemap01 .sitemap-cont .list a:nth-child(3n-1) { margin-left: 0; }
  .cx-inpage-mbx02 .maplink a:first-child { margin-right: 8px; padding-right: 12px; }
}

/*友情链接申请*/
.cx-friendLink01 { margin-top: 5%; }
.cx-friendLink01 .friendLink-box { width: 100%; margin-top: 20px; background-color: #fff;}
.cx-friendLink01 .friendLink-cont { width: 45%; padding: 3% 0 3% 4%;  }
.cx-friendLink01 .friendLink-cont h2 { font-size: 24px; color: #111; margin-bottom: 5%; }
.cx-friendLink01 .friendLink-cont .form-box>div { border: solid 1px #e5e5e5; font-size: 18px; margin-bottom: 3%; position: relative; }
.cx-friendLink01 .friendLink-cont .form-box input { width: 100%; padding: 3% 10% 3% 3%; }
.cx-friendLink01 .friendLink-cont .form-box textarea { width: 100%; height: 120px; padding: 3% 10% 3% 3%; color: #111; resize: none; font-family: '微软雅黑';}
.cx-friendLink01 .friendLink-cont .form-box button { width: 100%; padding: 3%; font-size: 18px; color: #fff; background-color: #04287e; cursor: pointer;}
.cx-friendLink01 .friendLink-cont .form-box img { width: 4%; position: absolute; right: 3%; top: 50%; z-index: 5; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.cx-friendLink01 .friendLink-cont .siteov img { top: 25%; }
.cx-friendLink01 .friendlink-img { width: 55%; }
@media screen and (max-width: 900px){
  .cx-friendLink01 { margin-top: 6%; }
  .cx-friendLink01 .friendlink-img { display: none; }
  .cx-friendLink01 .friendLink-cont { width: 100%; padding: 5% 5% 8%; }
  .cx-friendLink01 .friendLink-cont h2 { font-size: 18px; }
  .cx-friendLink01 .friendLink-cont .form-box button,
  .cx-friendLink01 .friendLink-cont .form-box>div { font-size: 16px; }
  .cx-friendLink01 .friendLink-cont .form-box input,
  .cx-friendLink01 .friendLink-cont .form-box textarea { padding: 4% 10% 4% 4%; }
  .cx-friendLink01 .friendLink-cont .form-box textarea { height: 100px; }
  .cx-friendLink01 .friendLink-cont .form-box img { width: 6%; }
}

/*标签管理*/
.cx-label-management01 { margin-top: 5%; }
.cx-label-management01 .label-box { background-color: #fff; padding: 3% 4%; margin-top: 20px;}
.cx-label-management01 .label-box h2 { font-size: 24px; color: #111; margin-bottom: 2%; }
.cx-label-management01 .label-cont a { display: inline-block; font-size: 16px; padding: 8px 15px; background-color: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 10px;}
.cx-label-management01 .label-cont a:hover { background-color: #04287e; color: #fff; }

@media screen and (max-width: 750px){
  .cx-label-management01 { margin-top: 6%; }
  .cx-label-management01 .label-box { padding: 5%; }
  .cx-label-management01 .label-box h2 { font-size: 18px; margin-bottom: 5%; }
  .cx-label-management01 .label-cont a { font-size: 14px; }
}

/*关闭网站*/
.cx-closeSite01 { width: 100%; height: 100%; background: url(../images/close_site_img.jpg) no-repeat center top; background-size: cover; }
.cx-closeSite01 .close-cont { width: 750px; padding: 4% 0 5%; background-color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.cx-closeSite01 .close-cont h2 { font-size: 36px; color: #333; margin-bottom: 2%; }
.cx-closeSite01 .close-cont p { font-size: 20px; color: #666; margin-bottom: 8%;}
.cx-closeSite01 .close-cont em.line { display: block; width: 86%; height: 1px; background-color: rgba(0,0,0,.1); margin: 0 auto 8%; }
.cx-closeSite01 .close-cont p strong { color: #04287e; }
.cx-closeSite01 .close-cont a { display: inline-block; padding: 1.5% 8%; background-color: #04287e; color: #fff; font-size: 20px; position: relative; z-index: 2;}
.cx-closeSite01 .close-cont:after { content: ''; display: block; width: 100%; height: 100%; border: solid 1px #fff; position: absolute; right: -12px; top: 12px; z-index: 1; }

@media screen and (max-width: 800px){
  .cx-closeSite01 .close-cont { width: 90%; padding: 8% 0 10%; }
  .cx-closeSite01 .close-cont:after { display: none; }
  .cx-closeSite01 .close-cont h2 { font-size: 22px; }
  .cx-closeSite01 .close-cont p,
  .cx-closeSite01 .close-cont a { font-size: 16px; }
  .cx-closeSite01 .close-cont p.sry { font-size: 15px; }
}

/*文档下载*/
/*.cx-download01 { margin: 30px 0;}*/
.download01-box{padding:40px 0;overflow:hidden;}
.cx-download01 .tt span { display: block; font-size: 12px; color: #999; }
.cx-download01 .tt h2 { font-size: 24px; color: #000; margin-top: 1%;}
.cx-download01 .download-list { margin-top: 2%; }
.cx-download01 .download-list table { width: 100%; border: solid 1px #eee; text-align: center; font-size: 15px;}
.cx-download01 .download-list table td { border: solid 1px #eee; padding: 2%; }
.cx-download01 table tr { background-color: #fff; color: #999; }
.cx-download01 table td.title { width: 70%; text-align: left;} 
.cx-download01 table td.date { width: 15%; }
.cx-download01 table td.download { width: 15%; }
.cx-download01 table td a { color: #666; }
.cx-download01 table tr:hover { background-color: #04287e; color: #fff;}
.cx-download01 table tr:hover a { color: #fff; }
@media screen and (max-width: 750px){
    /*.cx-download01 { margin: 3% 0; }*/
  .download01-box{padding:20px 10px;}
  .cx-download01 .tt { padding: 0 3%; margin-top: 2%;}
  .cx-download01 .tt h2 { font-size: 18px; }
  .cx-download01 .download-list table { font-size: 14px; }
  .cx-download01 .download-list table td { padding: 4% 2%; }
  .cx-download01 table td.title { width: 44%;} 
  .cx-download01 table td.date { width: 28%; padding-left: 1%; padding-right: 1%;}
  .cx-download01 table td.download { width: 28%; }
}


/*--public--*/

.wrap-title{margin-bottom:2.5rem;text-align:center;}
.wrap-title h2{line-height:1.25;font-weight:normal;font-size:2.625rem;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title h2 a:hover{color:#04287e;}
.wrap-title p{margin-top:0.625rem;line-height:1;font-size:1.125rem;color:#666;}
.wrap-title.white *{color:#fff;}
.wrap-title.white h2 a:hover{color:#fff;}
@media(max-width:1200px){
html{font-size:15px;}
}
@media(max-width:992px){
html{font-size:14px;}
.wrap-title h2{font-size:1.4rem;}
.wrap-title p{font-size:1rem;}
}
/*--end public--*/

/*--contact-info--*/
.contact-info{padding:3rem 0.625rem;overflow:hidden;background:#fff;}
.contact-info .list{overflow:hidden;}
.contact-info .list .item{float:left;margin:1%;padding:1rem;width:23%;text-align:center;overflow:hidden;border:#e0e0e0 solid 1px;}
.contact-info .list .item i{display:block;margin:0 auto;width:4rem;height:4rem;background-color:#04287e;background-position:center;background-repeat:no-repeat;border-radius:50%;}
.contact-info .list .item i.icons-tel{background-image:url(../images/linkus_icon02.png);}
.contact-info .list .item i.icons-tel2{background-image:url(../images/linkus_icon03.png);}
.contact-info .list .item i.icons-email{background-image:url(../images/linkus_icon06.png);}
.contact-info .list .item i.icons-address{background-image:url(../images/linkus_icon01.png);}
.contact-info .list .item p{margin-top:0.625rem;height:3rem;line-height:1.5rem;font-size:0.875rem;color:#666;}
.contact-info .map{position:relative;margin:2rem 1% 0;width:98%;height:450px;overflow:hidden;border:#e0e0e0 solid 1px;}
.contact-info .map>p{position:absolute;left:50%;top:50%;width:1200px;height:450px;transform:translate(-50%,-50%);}
@media(max-width:992px){
.contact-info{padding:2rem 0.625rem;}
.contact-info .list .item{margin:1% 0;width:100%;}
.contact-info .list .item i{width:3rem;height:3rem;}
.contact-info .list .item p{height:auto;line-height:1rem;font-size:0.875rem;}
.contact-info .map{margin:1rem 0 0;height:320px;}
}
/*--end contact-info--*/

/*--contact-form--*/
.contact-form{padding:3rem 0.625rem;overflow:hidden;background:#f4f4f4;}
.contact-form .pic{float:left;width:50%;overflow:hidden;}
.contact-form .pic img{display:block;width:100%;}
.contact-form .form{float:right;padding-left:2rem;width:50%;overflow:hidden;}
.contact-form .form li{position:relative;margin-bottom:1rem;overflow:hidden;}
.contact-form .form li.iptBox em{display:block;position:absolute;right:1rem;top:50%;font-size:0.875rem;color:red;transform:translateY(-50%);}
.contact-form .form li.iptBox input{display:block;padding:1rem;width:100%;height:3rem;font-size:0.875rem;border:#e0e0e0 solid 1px;outline:none;}
.contact-form .form li.txtBox textarea{display:block;padding:1rem;width:100%;height:6rem;font-size:0.875rem;border:#e0e0e0 solid 1px;outline:none;resize:none;}
.contact-form .form li.verCodeBox input{display:block;padding:1rem;width: calc(100% - 9rem);height:3rem;font-size:0.875rem;border:#e0e0e0 solid 1px;outline:none;}
.contact-form .form li.verCodeBox span{display:block;position:absolute;right: 0;top:50%;width: 8rem;cursor:pointer;overflow:hidden;transform:translateY(-50%);}
.contact-form .form li.verCodeBox span img{display:block;width:100%;}
.contact-form .form li.btnBox{margin-bottom:0;}
.contact-form .form li.btnBox a{display:block;line-height:3rem;font-size:0.875rem;color:#fff;text-align:center;background:#04287e;}
.contact-form .form li.btnBox a:hover{background:#f7b500;}
@media(max-width:992px){
.contact-form{padding:2rem 0.625rem;}
.contact-form .pic,.contact-form .form{float:none;width:100%;}
.contact-form .form{padding-left:0;padding-top:1rem;}
.contact-form .form li{margin-bottom:0.625rem;}
.contact-form .form li.iptBox input{padding:0.625rem;height:2.5rem;font-size:0.875rem;}
.contact-form .form li.txtBox textarea{padding:0.625rem;height:6rem;font-size:0.875rem;}
.contact-form .form li.verCodeBox input{padding:0.625rem;width:calc(100% - 7rem);height:2.5rem;font-size:0.875rem;}
.contact-form .form li.verCodeBox span{width:6rem;}
.contact-form .form li.btnBox a{line-height:2.5rem;font-size:0.875rem;}
}
/*--end contact-form--*/

/*--qywh-wrap--*/
.qywh-wrap{padding:1rem 0;overflow:hidden;background:#fff;}
.qywh-group{overflow:hidden;}
.qywh-group .item{position:relative;padding:2.5rem;width:49%;overflow:hidden;}
.qywh-group .item:after{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:80%;content:"";background:#f6f6f6;}
.qywh-group .item:nth-child(odd){float:left;}
.qywh-group .item:nth-child(even){float:right;}
.qywh-group .text{position:relative;z-index:3;float:left;width:70%;overflow:hidden;}
.qywh-group .text h3{position:relative;padding-bottom:1rem;font-weight:normal;font-size:1.5rem;color:#333;}
.qywh-group .text h3:after{display:block;position:absolute;left:0;bottom:0;width:1em;height:1px;content:"";background:#ef3000;}
.qywh-group .text em{display:none;margin-top:0.625rem;font-size:1rem;font-family:"DIN Medium";}
.qywh-group .text p{margin-top:2.5rem;font-size:1rem;color:#666;}
.qywh-group .pic{position:relative;z-index:3;float:right;width:30%;}
.qywh-group .pic img{display:block;width:100%;}

.qywh-list{position:relative;padding-top:1px;padding-left:1px;overflow:hidden;background:#eaeaea;}
.qywh-list .item{position:relative;float:left;margin-bottom:1px;margin-right:1px;padding:2.5rem;width:calc(33.33% - 1px);overflow:hidden;background:#fff;}
.qywh-list .item h3{position:relative;font-weight:normal;font-size:1.5rem;color:#333;padding-bottom:1rem;}
.qywh-list .item h3:after{display:block;position:absolute;left:0;bottom:0;width:1em;height:1px;content:"";background:#ef3000;}
.qywh-list .item em{display:none;margin-top:0.625rem;font-size:1rem;font-family:"DIN Medium";}
.qywh-list .item p{margin-top:2rem;font-size:1rem;height:3.75rem;line-height:1.25rem;color:#666;overflow:hidden;}
.qywh-list .item i{display:block;margin-top:2rem;text-align:right;}
.qywh-list .item i img{display:inline-block;width:2.5rem;}
@media(max-width:992px){
.qywh-wrap{padding:0;}
.qywh-group .item{margin-bottom:1rem;padding:1rem;float:none !important;width:100%;}
.qywh-group .text h3{font-size:1.25rem}
.qywh-group .text p{margin-top:0.625rem;line-height:1;}
.qywh-list .item{padding:1rem;width:calc(50% - 1px);}
.qywh-list .item h3{font-size:1.25rem}
}
/*--end qywh-wrap--*/

/*--product-pager-one--*/
.product-pager-one{padding:70px 0 24px;overflow:hidden;background:#fff;}
.product-pager-one .wrap-title{text-align:center;}
.product-pager-one .wrap-title i,.product-pager-one .wrap-title em{margin-left:auto;margin-right:auto;}
.product-pager-one .inner{position:relative;}
.product-pager-one .inner .pic{position:absolute;top:50%;left:50%;width: 550px;transform: translate(-50%,-50%);}
.product-pager-one .inner .pic img{display:block;width:100%;}

.scope-info{position:relative;height:400px;overflow:hidden;}
.scope-info .item{position:absolute;width:330px;overflow:hidden;}
.scope-info .item .icon{float:left;width:76px;height:76px;overflow:hidden;border:#c7c7c7 dashed 1px;border-radius:20px;}
.scope-info .item .icon img{display:block;width:76px;height:76px;}
.scope-info .item .text{padding-left:25px;overflow:hidden;}
.scope-info .item .text h3{display:block;height:25px;line-height:25px;font-weight:normal;font-size:18px;color:#333;}
.scope-info .item .text p{margin-top:4px;height:44px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
.scope-info .item-1,.scope-info .item-2,.scope-info .item-3{left:0;}
.scope-info .item-4,.scope-info .item-5,.scope-info .item-6{right:0;}
.scope-info .item-1,.scope-info .item-4{top:20px;}
.scope-info .item-2,.scope-info .item-5{top:140px;}
.scope-info .item-3,.scope-info .item-6{top:260px;}
@media screen and (max-width: 1200px){
.product-pager-one{padding:30px 20px;}
.scope-info{height:auto;}
.scope-info .item{position:static;margin-top:20px;width:100%;}
.product-pager-one .inner .pic{display:none;}
}
/*--end product-pager-one--*/

/*show-section-wrap*/
  .show-section-wrap{padding:3rem 0;overflow:hidden;}
  .show-section-list05{overflow:hidden;}
  .show-section-list05 .item{position:relative;float:left;margin:2% 0;box-sizing:border-box;}
  .show-section-list05 .item:first-child{margin-top:0;}
  .show-section-list05 .item:last-child{margin-bottom:0;}
  .show-section-list05 .pic{float:left;width:50%;overflow:hidden;}
  .show-section-list05 .pic img{display:block;width:100%;}
  .show-section-list05 .text{padding:0 2rem;width:50%;overflow:hidden;}
  .show-section-list05 .text h3{font-weight:normal;font-size:2rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .show-section-list05 .text .summary{margin-top:1rem;font-size:1.25rem;line-height:1.5;color:#666;overflow:hidden;}
  .show-section-list05 .item:nth-child(odd) .pic,.show-section-list05 .item:nth-child(even) .text{float:right;}
  .show-section-list05 .item:nth-child(even) .pic,.show-section-list05 .item:nth-child .text(odd){float:right;}
  @media screen and (max-width: 992px) {
  .show-section-list05 .pic,.show-section-list05 .text{float:none !important;margin:2% 0;width:100%;}
  .show-section-list05 .text{padding:1rem 0;}
  .show-section-list05 .text h3{font-size:1.75rem;}
  .show-section-list05 .text .summary{font-size:1rem;}
  }
  /*end show-section-wrap*/

/*pbox-title*/
.pbox-title{position:relative;margin-bottom:1rem;padding:0.5rem 0;line-height:1.5;border-bottom:#e0e0e0 solid 1px;}
.pbox-title span{display:block;padding-left:1rem;font-size:1.25rem;color:#333; font-size: 1.2rem;}
/* 兜底（2026-10-08）：met_img 的「行业应用」两篇（id=139 食品 / id=140 化工）内容里
   pbox-title 直接放 strong，外层 span 在内容迁移时丢了 —— 结果是文字紧贴左侧蓝色竖条
   （竖条被字压住看不出）、字号退回继承的 14px、标题块只有 38px 高。
   这里给直接子元素补上与 span 完全等效的缩进/字号；带 span 的内容不受影响（strong 非直接子元素）。
   原站真值：字号 1.2rem(19.2px)、padding-left 1rem、块高 46px、竖条 3x16 #04287e。 */
.pbox-title > strong,
.pbox-title > b{display:block;padding-left:1rem;font-size:1.2rem;color:#333;}
.pbox-title:after{display:block;position:absolute;left:0;top:50%;margin-top:-0.5rem;width:3px;height:1rem;content:"";background:#04287e;}
/*pbox-title*/


.product-show2{padding:wrem 0.625rem;overflow:hidden;background:#f0f0f0;}


/*--pro-show--*/
.pro-show-title{margin:2rem 0;text-align:center;overflow:hidden;}
.pro-show-title h2{position:relative;font-weight:normal;font-size:2.25rem;color:#333;line-height:1.25;}
.pro-show-title h2:after{display:block;position:absolute;top:50%;left:20%;width:60%;height:1px;content:"";background:#e0e0e0;}
.pro-show-title h2 span{position:relative;z-index:2;display:inline-block;padding:0 1rem;background:#fff;}
.pro-show-title p{font-size:1.125rem;color:#666;}
.pro-show-intro{overflow:hidden;background:#f0f0f0;}
.pro-show-intro .pic{float:right;width:50%;}
.pro-show-intro .pic img{display:block;width:100% !important;}
.pro-show-intro .text{padding:1.2rem;overflow:hidden;}
.pro-show-intro .hd{position:relative;padding-bottom:1rem;overflow:hidden;}
.pro-show-intro .hd:before,.pro-show-intro .hd:after{position:absolute;left:0;bottom:0;content:"";}
.pro-show-intro .hd:before{z-index:1;width:100%;height:1px;background:#ddd;}
.pro-show-intro .hd:after{z-index:2;width:2rem;height:2px;background:#c7000b;}
.pro-show-intro .hd h3{font-size:1.5rem;line-height:1.25;}
.pro-show-intro .bd{padding-top:1.5rem;line-height:1.75;font-size:0.875rem;color:#666;}

.pro-show-cont{overflow:hidden;}
.pro-show-cont .item{position:relative;margin-bottom:2rem;overflow:hidden;background:#f0f0f0;}
.pro-show-cont .item:nth-child(odd) .pic{float:left;}
.pro-show-cont .item:nth-child(even) .pic{float:right;}
.pro-show-cont .pic,.pro-show-cont .text{width:50%;overflow:hidden;}
.pro-show-cont .pic img{display:block;width:100% !important;}
.pro-show-cont .text{padding:1rem;overflow:hidden;}
.pro-show-cont .hd{position:relative;padding-bottom:1rem;overflow:hidden;}
.pro-show-cont .hd:before,.pro-show-cont .hd:after{position:absolute;left:0;bottom:0;content:"";}
.pro-show-cont .hd:before{z-index:1;width:100%;height:1px;background:#ddd;}
.pro-show-cont .hd:after{z-index:2;width:2rem;height:2px;background:#f7b500;}
.pro-show-cont .hd h3{font-size:1.5rem;line-height:1.25;}
.pro-show-cont .bd{padding-top:1.5rem;line-height:1.75;font-size:1rem;color:#666;}

@media(max-width:992px){

.pro-show-title{margin:1rem;}
.pro-show-intro .pic{float:none;width:100%;}
.pro-show-intro .text{padding:1rem;}
.pro-show-intro .hd h3{font-size:1.125rem;}
.pro-show-cont .pic,.pro-show-cont .text{float:none !important;width:100%;}
.pro-show-cont .text{padding:1rem;}
.pro-show-cont .hd h3{font-size:1.125rem;}
.pro-show-intro .bd,.pro-show-cont .bd{padding-top:1rem;}
.pro-show-title h2{font-size: 1.8rem;}
}

/* help-main */
.help-main2{margin-top:2rem;}
.help-main2 .map{padding: 3.125rem 0.625rem;}
.help-main2 .map .item{position:relative;width:100%;height:450px;overflow:hidden;border:#e0e0e0 solid 1px;}
.help-main2 .map .item>p{position:absolute;left:50%;top:50%;width:1200px;height:450px;transform:translate(-50%,-50%);}
.help-main2 .map .item>p iframe{display:block;}
@media(max-width:992px){
.help-main2 .map{padding:2rem 0.625rem;}
.help-main2 .map .item{height:240px;}
}
/* end help-main */

/* lianxi */
.layout01{padding:20px;overflow:hidden;background:#fff;}
.layout01 .text{padding:30px;line-height:1.5;overflow:hidden;}
.layout01 .text .hd{padding-bottom:20px;border-bottom:#e0e0e0 solid 1px;}
.layout01 .text .hd i{display:block;margin-bottom:10px;width:30px;height:3px;background:#1e4084;}
.layout01 .text .hd h3{font-size:1.5rem;font-weight:normal;}
.layout01 .text .hd small{display:block;color:#ccc;font-size:0.875rem;}
.layout01 .text .bd{padding-top:20px;font-size:0.875rem;color:#666;overflow:hidden;}
.layout01 .pic{position:relative;padding-right:20px;padding-bottom:20px;overflow:hidden;}
.layout01 .pic:before,.layout01 .pic:after{display:block;position:absolute;content:"";background:#1e4084;}
.layout01 .pic:before{width:20px;right:0;top:20px;bottom:0;}
.layout01 .pic:after{height:20px;right:0;left:20px;bottom:0;}
.layout01 .pic img{display:block;width:100%;}
@media (max-width: 992px) {
.layout01 .text{padding:10px;}
.layout01 .pic { display:none;}
}
/* lianxi end*/

  /*prodcut-adv*/
  .prodcut-adv{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;background:#fff;}
  .prodcut-adv .item{position:relative;margin:1%;padding-bottom:2rem;width:23%;overflow:hidden;background:#f0f0f0;}
 .prodcut-adv .item:after{display:block;position:absolute;left: 50%;bottom:2rem;width:20px;height:2px;content:"";background:#04287e;margin-left: -10px;}
  .prodcut-adv .pic{position:relative;overflow:hidden;}
  .prodcut-adv .pic img{display:block;width:100%;padding-top: 40px;}
  .prodcut-adv .text{padding:2rem;overflow:hidden;text-align: center;}
  .prodcut-adv .text h3{font-size:1.5rem;line-height:1.5;font-weight:normal;color:#04287e;}
  .prodcut-adv .text p{margin-top:0.625rem;font-size:1rem;line-height:1.5;color:#666;}
  @media(max-width:992px){
  .prodcut-adv .item{width:48%;}  
  }
  @media(max-width:750px){
  .prodcut-adv .item{margin:1% 0;width:100%;}  
  }
  /*end prodcut-adv*/

	.product-details-box div.subtitle{width: 100%;color:#555;font-size: 14px;line-height: 24px;}
	.product-details-box div.subtitle table{width: 100%;text-align: center;background-color: transparent;border-collapse: collapse; border-spacing: 0;}
    .product-details-box div.subtitle table thead th:nth-child(1) {width: 20% !important;}
	.product-details-box div.subtitle table thead tr th:first-child {border-left: 1px solid #e5e5e5;}
	.product-details-box div.subtitle table thead tr th {background-color: #04287e;border-top: 1px solid #e5e5e5;border-right: 1px solid rgba(255,255,255,0.25);border-bottom: 0;border-left: 1px solid #fff;color: #fff;font-weight: bold;padding: 8px 12px;text-align: center;font-size: 14px;font-size: .93333rem;}
	.product-details-box div.subtitle table tbody tr td {background-color: #fff;border: 1px solid #e5e5e5;padding: 8px 12px;vertical-align: middle;font-size: 14px;font-size: .93333rem;}


/*--special-intro--*/
.special-intro{padding:1.375rem 0.625rem;overflow:hidden;}
.special-menu{overflow:hidden;}
.special-menu ul{justify-content:center;}
.special-menu li{margin:0 0.5rem;width:12rem;text-align: center;}
.special-menu li a{display:block;padding:0.625rem;font-size: 1rem;color:#333;background:#fff;border:#e0e0e0 solid 1px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.special-menu li:hover a,.special-menu li.cur a{color:#fff;background:#1a57a9;border-color:#04287e;}
/* 产品卡片（2026-10-08 卡片式展示，ul.prod1 结构）：
   白色卡片 + 细边框/浅投影，上方正方形图区（contain 居中），下方整条标题条（居中单行省略），
   悬停时标题条变参考站深蓝 #202960 + 白字，图片轻微放大。一行 4 个（参考站 23%，本站算上 1% 右间距取 24.25%）。 */
.special-list{margin-top:1.5rem;display:flex;flex-wrap:wrap;overflow:hidden;}
.special-list .item{width:24.25%;margin:0 1% 1.5rem 0;display:flex;flex-direction:column;background:#fff;border:#ececec solid 1px;box-shadow:0 0 13px 0 rgba(0,0,0,0.07);text-align:center;overflow:hidden;box-sizing:border-box;transition:box-shadow .3s ease;}
.special-list .item:nth-child(4n){margin-right:0;}
.special-list .item:hover{box-shadow:0 4px 18px 0 rgba(0,0,0,0.14);}
/* 图区：正方形（aspect-ratio），contain 缩放居中。本站产品图统一 500×498，故任意比例都不裁切、卡片等高。
   必须覆盖全站 img{display:block;width:100%} 的撑满规则。 */
.special-list .pic{aspect-ratio:1 / 1;padding:1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.special-list .pic a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.special-list .pic img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;transition:transform .8s ease;}
.special-list .item:hover .pic img{transform:scale(1.08);}
/* 底部标题条：整条可点、居中单行省略；hover 整条换底换字色。
   省略号必须挂在真正承载文字的 <a> 上（挂在 h3 上只会硬截断、不出「…」）。 */
.special-list .text{margin-top:auto;padding:0 0 0.75rem;line-height:normal;overflow:hidden;border-top:#ececec solid 1px;}
.special-list .text h3{margin:0;font-weight:normal;font-size:1rem;line-height:3.4;background:#fff;overflow:hidden;transition:background-color .3s ease,color .3s ease;}
.special-list .text h3 a{display:block;padding:0 0.75rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease;}
.special-list .item:hover .text h3{background:#1a57a9;}
.special-list .item:hover .text h3 a{color:#fff;}
/* 标题下方的产品描述（2026-10-08：列表卡片标题下面原来就有这段描述，改版时必须留下来，不能隐藏）
   取 3 行 + 省略号：还原「原来」的观感，同时保证一行 4 张卡高度可控（部分产品描述长达 5~7 行）。
   文字左对齐、灰色，与参考站列表卡一致。 */
.special-list .text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0.5rem 0.75rem 0;color:#777;font-size:0.8125rem;line-height:1.6;text-align:left;}
@media(max-width:992px){
.special-menu li{margin:0;}
.special-menu li a{font-size:0.875rem;}
.special-menu ul{justify-content:start;}
.special-intro{padding:2rem 0.625rem;}
/* 产品卡片改两列（49% + 2% 右间距；每行第 2 个取消右间距）。
   注意顺序：先重置 :nth-child(4n) 的 0 右间距，再由 :nth-child(2n) 收口，避免两列下第 4/8 个少留白。 */
.special-list .item{width:49%;margin:0 2% 1.25rem 0;}
.special-list .item:nth-child(4n){margin-right:2%;}
.special-list .item:nth-child(2n){margin-right:0;}
.special-list .pic{padding:0.75rem;}
.special-list .text h3{font-size:0.875rem;line-height:3;}
.special-list .text p{margin:0.4375rem 0.625rem 0;font-size:0.75rem;}
}
/*--end special-intro--*/

/*--partner--*/
.partner{padding:4.375rem 0.625rem;overflow:hidden;background:url(../images/partner_bg.png);}
.partner-list{padding:1px;overflow:hidden;background:#eaeaea;}
.partner-list li{float:left;width:20%;overflow:hidden;background:#fff;border:#eaeaea solid 1px;}
.partner-list li img{display:block;width:100%;transition:all 0.5s;}
.partner-list li:hover img{opacity:0.8;}
@media (max-width:992px){
.partner{padding:2rem 0.625rem;}
.partner-list li{width:33.33%;}
.partner-list li:nth-child(9){display:none;}
}
/*--end partner--*/

/*--service--*/
.service{padding:4.375rem 0.625rem;overflow:hidden;background:#fff;}
.service .item{position:relative;float:left;padding:3.75rem 3.75rem;width:18.85%;height:21.875rem;text-align:center;background:#04287e;transition:all 0.5s;}
.service .item:before{display:none;position:absolute;z-index:3;left:50%;bottom:-0.9rem;margin-left:-1.25rem;width:2.5rem;height:2.5rem;content:"";background:#000 url(../images/service_arrow.png) no-repeat center;}
.service .item:after{display:block;position:absolute;z-index:1;left:0;bottom:0;width:0;height:5px;content:"";background:#000;transition:all 0.5s;}
.service .item:nth-child(even){background:#042167;}
.service .item i{display:block;margin:0 auto;width:3.75rem;height:3.75rem;}
.service .item i img{display:block;width:100%;}
.service .item h3{margin-top:1.5rem;height:4.5rem;line-height:2.25rem;font-weight:normal;font-size:1.75rem;color:#fff;}
.service .item p{display:none;margin-top:1rem;line-height:1.5rem;font-size:1rem;color:#fff;}
.service .item em{display:block;position:absolute;left:0;bottom:3.125rem;width:100%;font-size:0.875rem;font-family:"DIN Medium";color:#fff;text-transform:uppercase;}
.service .item.cur{width:43.45%;background:#f7b500 url(../images/service_cur.png) no-repeat center 0 !important;}
.service .item.cur *{color:#000;}
.service .item.cur i{filter:contrast(0) brightness(0);}
.service .item.cur h3{height:2.25rem;}
.service .item.cur p{display:block;}
.service .item.cur em{display:none;}
.service .item.cur:after{width:100%;}
.service .item.cur:before{display:block;}
@media (max-width:992px){
.service{padding:2rem 0.625rem;}
.service .item{padding:1rem;height:15rem;}
.service .item,.service .item.cur{width:50%;}
.service .item em{bottom:2rem;}
.service .item h3{font-size:1rem;}
.service .item.cur p{display:none;}
.service .item.cur em{display:block;}
}
/*--end service--*/

/*--aboutus--*/
.aboutus{margin-top:2rem;padding:5rem 0.625rem 6.25rem;overflow:hidden;background:#fff url(../images/369549c7342003a.jpg) no-repeat center 0;}
.aboutus .summary{text-align:center;font-size:1rem;line-height:1.75;color:#fff;overflow:hidden;}
.aboutus .playerBox{position:relative;margin-top:1.5rem;height:3.375rem;overflow:hidden;}
.aboutus .playerBox:before,.aboutus .playerBox:after{position:absolute;top:50%;width:calc(50% - 1.6875rem);height:1px;content:"";background:rgba(255,255,255,0.1);}
.aboutus .playerBox:before{left:0;}
.aboutus .playerBox:after{right:0;}
.aboutus .playerBox a{display:block;position:absolute;z-index:3;left:50%;top:0;margin-left:-1.6875rem;width:3.375rem;height:3.375rem;cursor:pointer;background:url(../images/player.png) no-repeat center;background-size:100%;transition:all 0.5s;border-radius:50%;}
.aboutus .playerBox a:hover{transform:rotate(360deg);}
.stats-counter{overflow:hidden;}
.stats-counter .item{float:left;padding:1.25rem;width:25%;text-align:center;}
.stats-counter .item i{display:block;margin:0 auto;width:3.75rem;height:3.75rem;}
.stats-counter .item dl{margin-top:0.625rem;color:#fff;overflow:hidden;}
.stats-counter .item dt em{font-size:3.4375rem;font-family:"Geometr415_Blk_Bt";}
.stats-counter .item dt sub{font-size:1.125rem;}
.stats-counter .item dd{font-size:1rem;}
@media (max-width:992px){
.aboutus{margin-top:0;padding:2rem 0.625rem;background-size:cover;}
.stats-counter .item{width:50%;}
.stats-counter .item dt em{font-size:2.5rem;}
}
/*--end aboutus--*/

/*--photos--*/
.photos{position:relative;z-index:33;margin-top:-5rem;padding-bottom:4.375rem;overflow:hidden;}
.photos .inner{padding:2.5rem;background:#fff;box-shadow:0 1.5rem 1.5rem rgba(0,0,0,0.1);}
.photos .prev,.photos .next{position:absolute;top:50%;width:2.625rem;height:2.625rem;cursor:pointer;background-color:#f7b500;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
.photos .prev{left:-2.625rem;background-image:url(../images/prev.png);}
.photos .next{right:-2.625rem;background-image:url(../images/next.png);}
.photos .prev:hover{background-color:#04287e;background-image:url(../images/prev_cur.png);}
.photos .next:hover{background-color:#04287e;background-image:url(../images/next_cur.png);}
.photos-slide{overflow:hidden;}
.photos-slide .item{overflow:hidden;}
.photos-slide .pic{overflow:hidden;}
.photos-slide .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-slide .tit{margin-top:1.25rem;font-size:1rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photos-slide .tit a{color:#000;}
.photos-slide .item:hover .pic img{transform:scale(1.1);}
.photos-slide .item:hover .tit a{color:#f7b500;}
@media (max-width:992px){
.photos{padding:2rem 0.625rem;margin-top:0;}
.photos .inner{padding:1rem;box-shadow:0 0.625rem 0.625rem rgba(0,0,0,0.1);}
.photos .prev,.photos .next{display:none;}
.photos-slide .tit{margin-top:0.625rem;}
}
/*--end photos--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:absolute;top:50%;left:50%;width:62.5rem;height:37.5rem;background:#fff;transform:translate(-50%,-50%);}
.video-pop .close{position:absolute;z-index:3;right:-1.2rem;top:-1.2rem;width:2.4rem;height:2.4rem;cursor:pointer;background:#04287e url(../images/close.png) no-repeat center;background-size:1rem;border-radius:50%;}
.video-pop #iframeBox{overflow:hidden;}
.video-pop #iframeBox iframe{display:block;width:62.5rem;height:37.5rem;}
@media(max-width:1200px){
.video-pop .inner{width:80vw;height:60vw;}
.video-pop #iframeBox iframe{display:block;width:80vw;height:60vw;}
}
/*--end video-pop--*/

/*--special-form--*/
.special-form{padding:3rem 0.625rem;overflow:hidden;background:url(../images/special_bg.jpg) center center / cover no-repeat;}
.special-form .text{float:left;width:60%;color:#fff;overflow:hidden;}
.special-form .text h3{margin-bottom:1.6rem;max-width:600px;font-size:1.5rem;font-weight:normal;}
.special-form .text p{font-size:1.25rem;line-height:1.5;}
.special-form .text .lxBox{padding-top:3.125rem;overflow:hidden;}
.special-form .text .lxBox ul{float:left;padding-left:3.375rem;width:16rem;overflow:hidden;background:url(../images/special_tel.png) no-repeat 0 center;background-size:2.75rem;}
.special-form .text .lxBox ul li{font-family:"DIN Medium";font-size:1.5rem;line-height:1.25;color:#fff;}
.special-form .text .lxBox a{display:block;float:left;margin-top:0.4rem;width:7.125rem;height:3rem;line-height:3rem;font-size:1.125rem;text-align: center;color:#000;background:url(../images/special_btn.png) no-repeat;background-size:100% 100%;}
.special-form .text .lxBox a:hover{background-image:url(../images/special_btn_cur.png)}
.special-form .form{float:right;width:31%;overflow:hidden;}
.special-form .form li{margin-bottom:0.5rem;overflow:hidden;}
.special-form .form li:last-child{margin-bottom:0;}
.special-form .form li input{display:block;padding:0.625rem 1rem;width:100%;height:3.375rem;font-size:1rem;border:none;outline:none;background-color:#fff;background-repeat:no-repeat;background-position:96% center;}
.special-form .form li input#userName{background-image:url(../images/username.png);}
.special-form .form li input#userPhone{background-image:url(../images/username.png);}
.special-form .form li textarea{display:block;padding:0.625rem 1rem;width:100%;height:6.5rem;font-size:1rem;border:none;outline:none;resize:none;background-color:#fff;background-repeat:no-repeat;background-position:96% 1rem;}
.special-form .form li textarea#userTxts{background-image:url(../images/usertxts.png);}
.special-form .form li a{display:block;width:100%;line-height:3.375rem;font-size:1rem;color:#333;text-align:center;background:#f7b500;}
.special-form .form li a:hover{color:#fff;background-color:#04287e;}
@media(max-width:992px){
.special-form{padding:2rem 0.625rem;}
.special-form .text,.special-form .form{float:none;width:100%;}
.special-form .text h3{margin-bottom:1rem;}
.special-form .text p{font-size:1rem;}
.special-form .text .lxBox ul{width:12rem;}
.special-form .text .lxBox ul li{font-size:1.125rem;}
.special-form .text .lxBox a{margin-top:0;font:1rem;}
.special-form .form{margin-top:1rem;}
.special-form .form li{margin-bottom:0.625rem;}
.special-form .form li input{height:2.5rem;}
.special-form .form li textarea{height:5rem;}
.special-form .form li a{line-height:2.5rem}
}
/*--end special-form--*/

.product-sub-menu{margin-bottom:1rem;padding:1rem;overflow:hidden;background: #1a57a9;border:#e6e6e6 solid 1px;}
.product-sub-menu a{display:inline-block;margin-right:1rem;font-size:0.875rem;color:#fff;}
.product-sub-menu a:hover,.product-sub-menu a.cur{color:#f7b500;}

/*--adv--*/
.adv{padding:5rem 0.625rem;overflow:hidden;background:#f5f5f5;}
.adv-list{overflow:hidden;}
.adv-list .item{overflow:hidden;background:#fff;}
.adv-list .pic{position:relative;width:50%;}
.adv-list .pic img{display:block;width:100%;}
.adv-list .pic .num{position:absolute;top:3.75rem;width:1.875rem;height:3.75rem;line-height:3.75rem;text-align:center;font-family:"DIN Medium";font-size:1.25rem;color:#fff;background:#04287e;}
.adv-list .pic .num:after{display:block;position:absolute;z-index:1;top:50%;width:8px;height:7px;transform:translateY(-50%);content:"";background:url(../images/adv_num.png) no-repeat;}
.adv-list .text{padding:2rem 2.5rem;width:50%;overflow:hidden;}
.adv-list .text .hd{padding-bottom:1.875rem;border-bottom:#eaeaea solid 1px;}
.adv-list .text .hd h3{padding-left:1.625rem;font-size:1.5rem;color:#222;border-left:#04287e solid 4px;}
.adv-list .text .hd h3 strong{display:block;margin-top:0.25rem;}
.adv-list .text .bd{padding-top:1rem;line-height:1.5rem;font-size:0.9375rem;color:#222;overflow:hidden;}
.adv-list .text .bd p{margin-top:1rem;padding-left:1.75rem;background:url(../images/adv_list.png) no-repeat 0.375rem 0.55rem;}
.adv-list .text .btns{padding-top:2rem;overflow:hidden;}
.adv-list .text .btns a{display:block;width:6.875rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.875rem;color:#fff;background:#04287e;}
.adv-list .item-1 .btns,.adv-list .item-2 .btns{display:none;}
.adv-list .item:nth-child(odd) .pic,.adv-list .item:nth-child(even) .text{float:left;}
.adv-list .item:nth-child(odd) .text,.adv-list .item:nth-child(even) .pic{float:right;}
.adv-list .item:nth-child(odd) .pic .num{right:0;}
.adv-list .item:nth-child(odd) .pic .num:after{right:-4px;}
.adv-list .item:nth-child(even) .pic .num{left:0;}
.adv-list .item:nth-child(even) .pic .num:after{left:-4px;}
@media (max-width:1200px){
.adv-list .pic,.adv-list .text{float:none !important;width:100%;}
}
@media (max-width:768px){
.adv{padding:2rem 0;}
.adv-list .text{padding:1.5rem;}
.adv-list .text .hd{padding-bottom:1.5rem;}
.adv-list .text .hd h3{font-size:1.25rem;}
.adv-list .text .bd{padding-top:0.625rem;}
.adv-list .text .bd p{margin-top:0.625rem;}
}
/*--end adv--*/

/*--wbfw-scope--*/
.wbfw-scope{padding:4.375rem 0.625rem;overflow:hidden;}
.scope-top{position:relative;float:left;width:49.5%;height:432px;overflow:hidden;background:#f0f0f0;}
.scope-top ul{position:absolute;top:50%;left:50%;width:404px; transform:translate(-50%,-50%);}
.scope-top ul li{float:left;margin:1px;width:calc(50% - 2px);justify-content: center;}
.scope-top ul li img{display:block;width:100%;}
.scope-list{float:right;width:50%;overflow:hidden;}
.scope-list .item{position:relative;float:left;margin-left:2%;margin-bottom:2%;width:48%;overflow:hidden;}
.scope-list .pic{overflow:hidden;}
.scope-list .pic img{display:block;width:100%;transition:all 0.5s;}
.scope-list .tit{position:absolute;left:0;bottom:0;right:0;padding:1rem 2.5rem;font-size:0.875rem;color:#fff;background:rgba(0,0,0,0.5);}
.scope-list .tit a{color:#fff;}
@media(max-width:992px){
.wbfw-scope{padding:2rem 0.625rem;}
.scope-top{float:none;padding:20px;width:100%;height:auto;}
.scope-top ul{position:static;width:100%;transform:translate(0,0);}
.scope-list{float:none;width:100%;}
.scope-list .item{margin:1%;}
.scope-top .tit,.scope-list .tit{padding:0.625rem 1rem;}
}
/*--end wbfw-scope--*/

/*--wbfw-adv--*/
.wbfw-adv{padding:4.375rem 0.625rem;overflow:hidden;background:#fff;}
.wbfw-adv .item{display:flex;flex-wrap:wrap;margin-bottom:2rem;overflow:hidden;background:#f0f0f0;}
.wbfw-adv .item:nth-child(even){flex-direction:row-reverse;}
.wbfw-adv .pic{width:50%;overflow:hidden;}
.wbfw-adv .pic img{display:block;width:100%;transition:all 0.5s;}
.wbfw-adv .text{position:relative;padding:2rem;width:50%;line-height:1.5;overflow:hidden;}
.wbfw-adv .text:after{display:block;position:absolute;left:2rem;bottom:2rem;width:20px;height:2px;content:"";background:#04287e;}
.wbfw-adv .text .hd{padding-bottom:1rem;overflow:hidden;border-bottom:#e0e0e0 solid 1px;}
.wbfw-adv .text .hd h3{/*font-weight:bold;*/font-size:1.5rem;color:#333;}
.wbfw-adv .text .bd{padding-top:1rem;font-size:1rem;color:#666;overflow:hidden;}
@media(max-width:992px){
.wbfw-adv{padding:2rem 0.625rem;}
.wbfw-adv .item{margin-bottom:1rem;}
.wbfw-adv .pic{width:100%;}
.wbfw-adv .text .hd h3{/*font-weight:bold;*/font-size:1.25rem;color:#333;}
.wbfw-adv .text .bd{font-size:1rem;color:#666;overflow:hidden;padding: 1rem 0rem 1.5rem 0rem;}
.wbfw-adv .text{padding:1rem;width:100%;}
.wbfw-adv .text:after{left:1rem;bottom:1rem;}
}
/*--end wbfw-adv--*/


/*--wbfw-step--*/
.wbfw-step{padding:4.375rem 0.625rem;overflow:hidden;}
.wbfw-step-list{position:relative;overflow:hidden;}
.wbfw-step-list:after{display:block;position:absolute;left:0;top:1.1rem;width:100%;height:1px;content:"";background:#e0e0e0;}
.wbfw-step-list .item{position:relative;z-index:3;padding:0 0.625rem;text-align:center;overflow:hidden;}
.wbfw-step-list .item em{display:block;margin:0 auto;width:2.2rem;height:2.2rem;line-height:2.2rem;text-align:center;font-size:1rem;color:#fff;background:#04287e;border:#f0f0f0 solid 1px;border-radius:50%;}
.wbfw-step-list .item h3{margin:0.6255rem 0;font-size:1rem;line-height:1.25;color:#04287e;}
.wbfw-step-list .item p{font-size:0.875rem;line-height:1.5;color:#666;}
@media(max-width:992px){
.wbfw-step{padding:2rem 0.625rem;}
.wbfw-step-list .item h3{font-size:0.875rem;}
.wbfw-step-list .item p{font-size:0.75rem;}
}
/*--end wbfw-step--*/

/*--mode--*/
.mode{padding:4.375rem 0.625rem;overflow:hidden;background:#fff;}
.mode-list{overflow:hidden;}
.mode-list .item{float:left;margin:1%;width:48%;overflow:hidden;background:#f3f3f3;}
.mode-list .pic{overflow:hidden;}
.mode-list .pic img{display:block;width:100%;}
.mode-list .text{padding:2rem;overflow:hidden;}
.mode-list .text h3{font-size:1.875rem;color:#333;}
.mode-list .text p{height:3.5rem;line-height:1.75rem;font-size:1rem;color:#333;overflow:hidden;}
.mode-list .text a{display:block;margin-top:0.625rem;width:8.125rem;height:2.75rem;line-height:2.75rem;text-align:center;font-size:1rem;color:#333;background:#f7b500;}
.mode-list .text a:hover{color:#fff;background:#04287e;}
@media(max-width:992px){
.mode{padding:2rem 0.625rem;}
.mode-list .item{width:98%;}
.mode-list .text h3{font-size:1.25rem;}
.mode-list .text p{font-size:0.875rem;}
.mode-list .text a{font-size:0.875rem;}
}
/*--end mode--*/

/*--研发制造--*/
.show-section-wrap{padding:3rem 0;overflow:hidden;}
  .show-section-list01{overflow:hidden;}
  .show-section-list01 .item{position:relative;float:left;margin:1%;width:23%;text-align:center;box-sizing:border-box;}
  .show-section-list01 .pic{overflow:hidden;}
  .show-section-list01 .pic img{display:block;width:100%;}
  .show-section-list01 .tit{padding:0.625rem;font-size:1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0054a7;}
  @media screen and (max-width: 768px) {
  .show-section-list01 .item{width:48%;}
}

.show-section-list05{overflow:hidden;}
  .show-section-list05 .item{position:relative;/* float:left; */margin:4% 0;box-sizing:border-box;width: 100%;overflow: hidden;background: #fff;}
  .show-section-list05 .item:first-child{margin-top:0;}
  .show-section-list05 .item:last-child{margin-bottom:0;}
  .show-section-list05 .pic{float:left;width:50%;overflow:hidden;}
  .show-section-list05 .pic img{display:block;width: 100% !important;}
  .show-section-list05 .text{padding: 3rem;width:50%;overflow:hidden;}
  .show-section-list05 .text h3{font-weight:normal;line-height:1.5;font-size:2.5rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .show-section-list05 .text .summary{margin-top:1rem;font-size:1.25rem;line-height:1.5;color:#666;overflow:hidden;}
  .show-section-list05 .item:nth-child(odd) .pic,.show-section-list05 .item:nth-child(even) .text{float:right;}
  .show-section-list05 .item:nth-child(even) .pic,.show-section-list05 .item:nth-child .text(odd){float:right;}
  @media screen and (max-width: 992px) {
  .show-section-list05 .pic,.show-section-list05 .text{float:none !important;margin:2% 0;width:100%;}
  .show-section-list05 .text{padding:1rem 0;}
  .show-section-list05 .text h3{font-size:1.75rem;}
  .show-section-list05 .text .summary{font-size:1rem;}
}


.show-section-wrap{padding:1rem 0;overflow:hidden;}
.show-section-list003{overflow:hidden;}
.show-section-list003 .item{position:relative;float:left;margin:1%;width:48%;text-align:center;box-sizing:border-box;background:#fff;}
.show-section-list003 .item:after,.show-section-list003 .item:before{display:block;position:absolute;z-index:3;content:"";background:#e0e0e0;}
.show-section-list003 .item:after{right:0;bottom:0;height:90%;}
.show-section-list003 .item:before{right:0;bottom:0;width:90%;}
.show-section-list003 .pic{overflow:hidden;}
.show-section-list003 .pic img{display:block;width:100%;}
.show-section-list003 .text{padding:1rem;overflow:hidden;background:#f0f0f0;}
.show-section-list003 .text h3{font-size:1.5rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show-section-list003 .text p{margin-top:0.625rem;font-size:1m;line-height:1.5;color:#666;overflow:hidden;}
@media screen and (max-width: 992px) {
.show-section-list003{display:flex;flex-wrap:wrap;justify-content:space-between;}
.show-section-list003 .item{margin:1% 0;width:100%;}
}

@media(max-width:992px){
.header{display:none;}
}
/*--end 研发制造--*/


/*--system--*/
.system{padding:4.375rem 0.625rem;overflow:hidden;background:#04287e;}
.system-slide{position:relative;}
.system-slide .prev,.system-slide .next{position:absolute;top:50%;width:2.625rem;height:2.625rem;cursor:pointer;background-color:#fff;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
.system-slide .prev{left:-5.5rem;background-image:url(../images/prev.png);}
.system-slide .next{right:-5.5rem;background-image:url(../images/next.png);}
.system-slide .prev:hover,.system-slide .next:hover{background-color:#f7b500;}
.system-list{overflow:hidden;}
.system-list .item{position:relative;padding-bottom:4.375rem;overflow:hidden;}
.system-list .icon{position:relative;z-index:3;margin:0 auto;width:7.625rem;height:7.625rem;background:#f7b500;border-radius:50%;}
.system-list .icon:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#f7b500;transform:rotate(45deg);}
.system-list .icon img{display:block;width:100%;}
.system-list .text{position:relative;margin-top:-1.125rem;padding:4.375rem 2.5rem 1.375rem;height:25rem;text-align:center;background:#fff;transition:all 0.5s;}
.system-list .text:before,.system-list .text:after{display:block;position:absolute;left:0;width:100%;height:4.375rem;content:"";background:url(../images/system_item.png) no-repeat;background-size:100% 100%;transition:all 0.5s;}
.system-list .text:before{top:0;transform:translateY(-99%);}
.system-list .text:after{bottom:0;transform:translateY(99%) rotate(180deg);}
.system-list .text h3{padding:0.625rem 0;font-size:1.875rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.system-list .text h3 a{color:#333;}
.system-list .text em{font-size:0.75rem;color:#333;text-transform:uppercase;}
.system-list .text p{margin-top:1.125rem;height:8.75rem;line-height:1.75rem;font-size:1rem;color:#333;overflow:hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.system-list .text a.read{display:block;margin:2.375rem auto 0;width:8.125rem;line-height:2.5rem;font-size:1rem;color:#333;border:#ccc solid 2px;}
.system-list .item:hover .icon,.system-list .item:hover .icon:after{background:#fff;}
.system-list .item:hover .text{background:#f7b500;}
.system-list .item:hover .text:before,.system-list .item:hover .text:after{background-image:url(../images/system_item_cur.png);}
.system-list .item:hover .text a.read{color:#f7b500;border-color:#000;background:#000;}
@media (max-width:992px){
.system{padding:2rem 0.625rem;}
.system-list .icon{width:6rem;height:6rem;}
.system-list .text{padding:2rem 1em;}
.system-list .text h3{font-size:1.125rem;}
.system-list .text p{font-size:0.875rem;}
}
/*--end system--*/


/*--searchBar--*/
.searchBar{ margin-bottom: 30px;padding:0.625rem;overflow:hidden;background:#fff;}
.search-keywrod{float:left;width:50%;height:2.625rem;line-height:2.625rem;font-size:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.search-keywrod span{color:#000;}
.search-keywrod a{display:inline-block;margin-right:0.25rem;color:#000;}
.search-keywrod a:after{content:"、";}
.search-keywrod a:last-child:after{display:none;}
.search-keywrod a:hover{color:#04287e;}
.search-form{position:relative;float:right;padding-right:2.875rem;width:16rem;height:2.625rem;overflow:hidden;border:#d8d8d8 solid 1px;border-radius:3px;}
.search-form input{display:block;padding:0.75rem;width:100%;height:2.625rem;font-size:0.875rem;border:none;outline:none;}
.search-form button{display:block;position:absolute;right:0;top:0;width:2.875rem;height:100%;cursor:pointer;border:none;background:#04287e url(../images/search.png) no-repeat center;border-radius:3px;}
.search-form button:hover{background-color:#f7b500;}
@media (max-width:992px){
.search-keywrod{display:none;}
.search-form{float:none;width:100%;}
}
/*--end searchBar--*/

/*--showr--*/
.showr-section-wrap{padding:3rem 0;overflow:hidden;}
.showr-section-list05{overflow:hidden;}
.showr-section-list05 .item{position:relative;float:left;margin:2% 0;box-sizing:border-box;overflow: hidden;width: 100%;}
.showr-section-list05 .item:first-child{margin-top:0;}
.showr-section-list05 .item:last-child{margin-bottom:0;}
.showr-section-list05 .pic{float:left;width:50%;overflow:hidden;}
.showr-section-list05 .pic img{display:block;width:100%;}
.showr-section-list05 .text{padding:0 2rem;width:50%;overflow:hidden;}
.showr-section-list05 .text h3{font-weight:normal;font-size:1.25rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.showr-section-list05 .text .summary{margin-top:1rem;font-size:1rem;color:#666;overflow:hidden;}
.showr-section-list05 .text em{display:block; margin-top:3rem;width:2rem;height:1px;background:#1e4084;}
.showr-section-list05 .item:nth-child(odd) .pic,.showr-section-list05 .item:nth-child(even) .text{float:right;}
.showr-section-list05 .item:nth-child(even) .pic,.showr-section-list05 .item:nth-child .text(odd){float:right;}
@media screen and (max-width: 992px) {
.showr-section-list05 .pic,.showr-section-list05 .text{float:none !important;margin:2% 0;width:100%;}
.showr-section-list05 .text{padding:1rem 0;}
.showr-section-list05 .text h3{font-size:1.75rem;}
.showr-section-list05 .text .summary{font-size:1rem;}
}
/*--end showr--*/


.product-pager-two{padding:60px  0;overflow:hidden;background:#fff;}
@media screen and (max-width: 992px) {
.product-pager-two{padding:40px 10px;}
}



/*--advs--*/
.advs{padding:4.375rem 0.625rem 3.75rem;overflow:hidden;background:url(../images/adv_bg.jpg) no-repeat center;background-size:cover;}
.advs-tab{position:relative;height:44.375rem;}
.advs-menu{position:absolute;left:0;top:0;padding:2rem 0;width:11.3333%;height:100%;background:url(../images/adv_menu_up.png) no-repeat center 0,url(../images/Index/adv_menu_down.png) no-repeat center bottom;background-size:100% 2rem;}
.advs-menu ul{height:100%;}
.advs-menu li{position:relative;height:25%;text-align:center;cursor:pointer;background:#f7b500;border-bottom:#7b5a00 solid 1px;}
.advs-menu li:after{display:block;position:absolute;z-index:3;right:0;top:50%;width:8px;height:8px;content:"";background:#000;transform:rotate(45deg);opacity:0;}
.advs-menu li:last-child{border-bottom:none;}
.advs-menu li a{display:block;position:relative;top:50%;transform:translateY(-50%);}
.advs-menu li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.advs-menu li span{display:block;margin-top:0.25rem;font-size:1.125rem;color:#000;}
.advs-menu li.cur,.adv-menu li:hover{background:#000;transition:all 0.25s;}
.advs-menu li.cur i,.adv-menu li:hover i{filter:contrast(0) brightness(2);}
.advs-menu li.cur span,.advs-menu li:hover span{color:#fff;}
.advs-menu li.cur:after,.advs-menu li:hover:after{right:-4px;opacity:1;transition:all 0.25s;}
.advs-main{position:absolute;left:11.3333%;top:2rem;bottom:2rem;overflow:hidden;} 
.advs-main .item{position:relative;height:100%;}
.advs-main .pic{height:100%;}
.advs-main .pic img{width:auto;height:100%;}
.advs-main .text{position:absolute;left:4.625rem;top:3.75rem;overflow:hidden;}
.advs-main .text .hd{overflow:hidden;}
.advs-main .text .hd span{position:relative;display:inline-block;margin-bottom:1.25rem;padding:0 0.75rem;line-height:2.25rem;font-size:1rem;color:#333;background:#f7b500;}
.advs-main .text .hd span:after{display:block;position:absolute;left:0;top:100%;width:9px;height:8px;content:"";background:url(../images/adv_hd_span.png) no-repeat;}
.advs-main .text .hd h3{line-height:1.25;font-size:2.25rem;font-weight:bold;color:#000;}
.advs-main .text .summary{margin-top:1.25rem;max-width:600px;font-size:1rem;line-height:1.25;color:#000;overflow:hidden;}
.advs-main .text .summary p{margin-top:0.4rem;}
.advs-main .btns{position:absolute;left:4.625rem;bottom:2.25rem;}
.advs-main .btns a{display:block;width:7.125rem;height:2.625rem;line-height:2.625rem;font-size:1rem;color:#333;text-align:center;background:url(../images/adv_zx_btn.png);}
.advs-main .btns a:after{display:inline-block;content:"";margin-left:1rem;width:6px;height:9px;vertical-align:middle;background:url(../images/product_read.png) no-repeat;}
@media(max-width:1500px){
.advs-tab{height:38.125rem;}
}
@media(max-width:992px){
.advs{display:none;}
}
/*--end advs--*/

/*--adv-mobile--*/
.adv-mobile{display:none;padding:3.75rem 0.625rem;overflow:hidden;background:url(../images/adv_bg_m.jpg) no-repeat;background-size:cover;}
.adv-slide{overflow:hidden;}
.adv-mobile-menu{position:relative;padding:0 1.8rem;height:6rem;}
.adv-mobile-menu:before,.adv-mobile-menu:after{display:block;position:absolute;top:0;width:1.8rem;height:100%;content:"";background:url(../images/adv_m_menu_bg.png) no-repeat center;background-size:100%;height:100%;}
.adv-mobile-menu:before{left:1px;}
.adv-mobile-menu:after{right:1px;transform:rotate(180deg);}
.adv-mobile-menu ul{height:6rem;background:#f7b500;}
.adv-mobile-menu li{position:relative;float:left;width:25%;height:6rem;text-align:center;cursor:pointer;}
.adv-mobile-menu li:after{display:block;position:absolute;z-index:3;left:50%;bottom:0;margin-left:-4px;margin-bottom:-4px;width:8px;height:8px;content:"";background:#000;transform:rotate(45deg);opacity:0;}
.adv-mobile-menu li a{display:block;position:relative;top:50%;transform:translateY(-50%);}
.adv-mobile-menu li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.adv-mobile-menu li span{display:block;font-size:1rem;color:#000;}
.adv-mobile-menu li.cur{background:#000;transition:all 0.25s;}
.adv-mobile-menu li.cur:after{opacity:1;}
.adv-mobile-menu li.cur i{filter:contrast(0) brightness(2);}
.adv-mobile-menu li.cur span{color:#fff;}
.adv-mobile-main{margin:0 1.8rem;overflow:hidden;}
.adv-mobile-main .swiper-slide{height:1px;transition:all .5s;}
.adv-mobile-main .swiper-slide-active{height:auto}
.adv-mobile-main .item{overflow:hidden;background:#fff;}
.adv-mobile-main .pic{overflow:hidden;}
.adv-mobile-main .pic img{display:block;width:100%;}
.adv-mobile-main .text{padding:2rem;overflow:hidden;}
.adv-mobile-main .text .hd{overflow:hidden;}
.adv-mobile-main .text .hd span{position:relative;display:inline-block;margin-bottom:1.25rem;padding:0 0.75rem;line-height:2.25rem;font-size:1rem;color:#333;background:#f7b500;}
.adv-mobile-main .text .hd span:after{display:block;position:absolute;left:0;top:100%;width:9px;height:8px;content:"";background:url(../images/adv_hd_span.png) no-repeat;}
.adv-mobile-main .text .hd h3{line-height:1.25;font-size:1.125rem;font-weight:bold;color:#000;}
.adv-mobile-main .text .summary{padding-top:1rem;font-size:1rem;line-height:1.5;color:#333;overflow:hidden;}
@media(max-width:992px){
.adv-mobile{display:block;}	
}
/*--end adv-mobile--*/

/*--case--*/
.case{padding:4.375rem 0.625rem 3.75rem;overflow:hidden;background:#fff;}
.case-list{overflow:hidden;}
.case-list .item{float:left;margin:1%;width:31.33%;overflow:hidden;background:#fff;border-bottom:#eaeaea solid 3px;}
.case-list .pic{overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 0.5s;}
.case-list .tit{font-size:1rem;overflow:hidden;}
.case-list .tit a{display:block;padding:1.25rem 2rem 1.25rem 0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/product_read.png) no-repeat right center;transition:all 0.5s;}
.case-list .item:hover{background:#f7b500;border-color:#f7b500;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .item:hover .tit a{padding:1.25rem 3.25rem 1.25rem 1.25rem;background-position:calc(100% - 1.25rem) center;}
.case .more{padding-top:3.75rem;font-size:1rem;text-align:center;overflow:hidden;}
.case .more a{display:inline-block;padding-right:1.25rem;background:url(../images/more.png) no-repeat right center;}
@media (max-width:992px){
.case{padding:2rem 0.625rem;}
.case-list .item{width:48%;}
.case-list .tit a{padding:1rem 1.25rem 1rem 0;}
.case-list .item:hover .tit a{padding:1rem 2rem 1rem 1rem;}
.case .more{padding-top:1.5rem;}
}
/*--end case--*/

/*--honor--*/
.honor{padding:4.375rem 0.625rem 3.75rem;overflow:hidden;background:#fff;}
.honor-slide{overflow:hidden;}
.honor-slide .item{overflow:hidden;}
.honor-slide .pic{position:relative;padding-right:0.75rem;padding-bottom:0.75rem;}
.honor-slide .pic:before,.honor-slide .pic:after{display:block;position:absolute;z-index:1;content:"";background:url(../images/honor_shadow.png);}
.honor-slide .pic:before{left:0.625rem;bottom:0;right:0;height:0.75rem;}
.honor-slide .pic:after{top:0.625rem;bottom:0;right:0;width:0.75rem;}
.honor-slide .pic a{display:block;overflow:hidden;border:#dedede solid 2px;}
.honor-slide .pic img{display:block;width:100%;transition:all 0.5s;}
.honor-slide .tit{margin-top:1.25rem;font-size:1rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-slide .tit a{color:#111;}
.honor-pager{padding-top:2rem;text-align:center;overflow:hidden;}
.honor-pager span{width:10px;height:10px;border-radius:5px;}
.honor-pager span.swiper-pagination-bullet-active{width:24px;background:#f7b500;}
@media (max-width:992px){
.honor{padding:0 0.625rem 2rem;}
.honor-slide .tit{margin-top:0.625rem;font-size:1rem;}
}
/*--end honor--*/

/*--playBox--*/
.playBox{padding:60px 0;overflow:hidden;background:#fff;}
.playBox .inner{height:600px;overflow:hidden;}
.playBox .inner iframe{width:100%;height:600px;}
@media(max-width:1440px){
.playBox{padding:50px 0;}
.playBox .inner{height:500px;}
.playBox .inner iframe{height:500px;}
}
@media(max-width:1200px){
.playBox{padding:30px 10px;}
.playBox .inner{max-width:600px;height:300px;}
.playBox .inner iframe{height:300px;}
}
/*--end playBox--*/

/* ============================================================
   关于·雅之雷德区块
   所有规则均带根类 .ydabout 前缀，作用域封闭，不与站内任何既有类冲突
   —— 数值一律取原站点层叠后真值（Playwright 实测校验过），不做"看起来更好"的调参
   ============================================================ */
/* ② reset —— 抄原站真值，补齐目标站缺失的初始值时，
   p / ul / li / h3~h5 的原站 margin 全为 0，漏掉会被 UA 默认外边距撑乱行距 */
.ydabout p{margin:0;}
.ydabout ul,.ydabout li{list-style:none;padding:0;margin:0;}
.ydabout h3,.ydabout h4,.ydabout h5{margin:0;font-weight:normal;}

/* ③ 基础类（根类作用域，只放继承项与通用横向布局；字体链不重设，继承站点 body） */
.ydabout{position:relative;text-align:left;font-size:14px;color:#333;line-height:1.5;}
.ydabout .flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex;}

/* ① 区块 CSS（背景 = 原站 .ab-bg；padding 沿用原站 vw，≤768 折叠为 px） */
.ydabout{background-color:#fff;background-image:url(../images/yd_bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% 100%;padding-top:4.42708333333333vw;padding-bottom:3.64583333333333vw;}
/* ⚠ 桌面档不能加 align-items:center —— 原站 .ab-index 仅在 ≤1024 才居中，
   桌面档 stretch：.abr 被拉满到文字列高度、照片整体贴到行顶（padding-top:150px）。
   加了 center 会让 .abr 缩到照片高并被下移半差（实测 1600 档照片下移 127px），
   右栏把 .abr::before 那块绿色装饰整片露出来。 */
.ydabout .ab-index{justify-content:space-between;}
.ydabout .abl{width:66.11%;}
.ydabout .at{position:relative;}
.ydabout .at::before{content:"";position:absolute;right:0;top:0;width:86px;height:86px;background:url(../images/yd_corner.png) no-repeat top center;background-size:100% 100%;}
.ydabout .at h3{font-size:38px;font-weight:500;line-height:1.1;color:#333;}
.ydabout .at h3 b{font-weight:500;color:#067344;}
.ydabout .at h4{font-size:24px;font-weight:500;line-height:1.1;color:#333;padding:1vw 0;}
.ydabout .at h5{width:90px;height:5px;background-color:#067344;}
.ydabout .aw{margin-top:2vw;padding-right:1.3vw;}
.ydabout .aw p{font-size:17px;line-height:1.8;color:#333;text-indent:2em;text-align:justify;}
.ydabout .abr{position:relative;width:40.75%;}
.ydabout .abr::before{content:"";position:absolute;right:0;bottom:0;width:388px;height:420px;background:url(../images/yd_brbefore.png) no-repeat top center;background-size:100% 100%;z-index:-1;}
.ydabout .abr::after{content:"";position:absolute;bottom:30px;right:0;width:58px;height:376px;background:url(../images/yd_brafter.png) no-repeat top center;background-size:100% 100%;}
.ydabout .abr img{max-width:100%;padding-right:30px;padding-top:150px;padding-bottom:30px;}
.ydabout .num-index{border-top:1px solid rgba(0,0,0,.08);padding-top:4.0625vw;}
.ydabout .nlist li{width:25%;padding-left:1.1vw;background:url(../images/yd_numline.png) no-repeat left center;}
.ydabout .nlist li .num1{font-family:Impact,"Arial Narrow",sans-serif;font-weight:600;font-size:60px;line-height:1;color:#333;}
.ydabout .nlist li .num2{font-size:16px;color:#666;padding:.78125vw 0;}

/* 入场动画：复刻原站 wow.js + animate.css 的 fadeInLeft / fadeInRight / fadeInUp。
   ⚠ opacity:0 只能挂在 .yd-anim 上（原 .ab-index 也被写成 opacity:0，
   而 .ab-index 没有 .yd-anim 子类 → 父级永久透明、整行内容不可见） */
@keyframes ydInLeft{from{opacity:0;transform:translate3d(-60px,0,0);}to{opacity:1;transform:none;}}
@keyframes ydInRight{from{opacity:0;transform:translate3d(60px,0,0);}to{opacity:1;transform:none;}}
@keyframes ydInUp{from{opacity:0;transform:translate3d(0,60px,0);}to{opacity:1;transform:none;}}
.ydabout.yd-ready .yd-anim{opacity:0;}
.ydabout.yd-ready .yd-anim.yd-in{opacity:1;}
.ydabout.yd-ready .yd-anim.yd-l{animation:ydInLeft .9s both;}
.ydabout.yd-ready .yd-anim.yd-r{animation:ydInRight .9s both;}
.ydabout.yd-ready .yd-anim.yd-u{animation:ydInUp .9s both;}
@media (prefers-reduced-motion:reduce){
  .ydabout.yd-ready .yd-anim{opacity:1;transform:none;animation:none;}
}

/* 断点：1100 / 1024 / 768（数值/折叠点全部对齐原站真值） */
@media screen and (max-width:1024px){
  .ydabout .ab-index{align-items:center;}   /* 原站唯一的居中断点，与桌面档行为不同 */
  .ydabout .aw p{font-size:15px;}
  .ydabout .abr::before{width:240px;height:330px;}
  .ydabout .abr::after{width:29px;height:176px;}
}
@media screen and (max-width:768px){
  .ydabout{padding-top:40px;padding-bottom:40px;}
  .ydabout .at h3{font-size:40px;}
  .ydabout .at h4{font-size:20px;}
  .ydabout .at::before{width:40px;height:40px;}
  /* 原站 767 断点三条：缺 flex-wrap 时 .flexed{nowrap} 会赢，.abr{width:100%} 被 flex-shrink 压扁成半栏 */
  .ydabout .ab-index{flex-wrap:wrap;}
  .ydabout .abl{width:100%;}
  .ydabout .abr{width:100%;margin-top:20px;}
  .ydabout .abr::before{width:100%;height:100%;}
  .ydabout .abr img{padding:15px;}
  .ydabout .num-index{padding-top:30px;}
  .ydabout .nlist{flex-wrap:wrap;}
  .ydabout .nlist li{width:50%;padding-left:15px;margin-bottom:20px;}
  .ydabout .nlist li .num1{font-size:48px;}
  .ydabout .nlist li .num2{font-size:14px;}
}

/* ===== 关于·雅之雷德 · 视频封面组件 ===== */
/* ② 基础重置：对齐原站层叠后真值（容器/图片内外边距一律清零，避免站内默认 img 规则叠到封面上） */
.ydabout .yd-vp{margin:0;padding:0;border:0;}
/* ③ 基础类：.yd-vp 保持原图在流内（几何完全不变）；仅作播放钮的百分比参照框（absolute 百分比相对它的 padding box） */
.ydabout .yd-vp{position:relative;display:block;width:100%;}
/* ① 区块 CSS：位置/尺寸/动效照搬原站 .assembly_video_btn 与 #new_video。
   注意：原站 top/left 百分比是相对整框（含图片 150px 上内缩），照搬到横图上会明显偏上；
   这里改为把「钮中心」钉在图片真实画面中心：画面中心 = padding-top 150 + 图高/2 = 框高/2 + 60px，
   水平 = 图宽/2 = (框宽-30)/2 = 框宽/2 - 15px；再用 translate(-50%,-50%) 抵消钮自身尺寸。
   padding 是固定 px，所以这个换算跨档位恒定，不需要逐档重算百分比。 */
.ydabout .yd-play{position:absolute;top:calc(50% + 60px);left:calc(50% - 15px);transform:translate(-50%,-50%);z-index:20;width:12.2%;padding-top:12.2%;cursor:pointer;background-image:url(../images/yd_play.png);background-repeat:no-repeat;background-position:center;background-size:contain;}
.ydabout .yd-play .yd-c1,.ydabout .yd-play .yd-c2{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:0;animation:ydCircleChange 2s linear infinite;}
.ydabout .yd-play .yd-c2{animation-delay:1s;}
@keyframes ydCircleChange{0%{transform:scale(1);opacity:.05;}25%{transform:scale(1.3);opacity:.1;}50%{transform:scale(1.6);opacity:.2;}75%{transform:scale(1.9);opacity:.1;}100%{transform:scale(2.2);opacity:0;}}
.ydv{position:fixed;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:9999;display:block;visibility:hidden;opacity:0;transition:opacity .3s linear,visibility .3s linear;}
.ydv.ydv-on{visibility:visible;opacity:1;}
.ydv .ydv-cont{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:calc(94px + 5vh) 10vw 5vh;}
.ydv .ydv-vid{display:block;max-width:100%;max-height:100%;object-fit:contain;background-color:#000;}
.ydv .ydv-close{position:absolute;right:10vw;top:calc(60px + 5vh);display:block;width:30px;height:30px;background:url(../images/yd_close.png) no-repeat center;background-size:contain;cursor:pointer;}
@media screen and (max-width:768px){
  /* 换栏后图片改为 15px 四边内缩，画面中心 = 框中心，直接 50%/50% 即可（不要再扣 15px） */
  .ydabout .yd-play{top:50%;left:50%;transform:translate(-50%,-50%);width:12.2%;padding-top:12.2%;}
}
@media (prefers-reduced-motion:reduce){
  .ydabout .yd-play .yd-c1,.ydabout .yd-play .yd-c2{animation:none;opacity:0;}
}
/* ===== 栏目导航区块 .dlnav（来源 www.bddlm.com/about.html） ===== */
/* 容器：用目标站自己的档位 .width1200（来源站是 94%/max-width:1600，
   落位后需与页面其余 .width1200 左边缘对齐；max-width:100% 保证窄屏自动收边） */
.dlnav .dlnav-in{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  width:1400px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.dlnav *{box-sizing:border-box;}
.dlnav{text-align:left;}
.dlnav a{color:inherit;text-decoration:none;cursor:pointer;}
.dlnav ul,.dlnav li{margin:0;padding:0;}
.dlnav ul{list-style:none;}

.dlnav .dlnav-tabs{ flex:1 1 0; max-width:100%; align-self:center; }
.dlnav .dlnav-list{ display:flex; flex-wrap:wrap; }
.dlnav .dlnav-item{ flex:0 0 auto; margin-right:25px; }
.dlnav .dlnav-tab{
  display:block; margin:0; padding:10px 35px; background-color:#fff;
  border:1px solid #eee; border-radius:0; font-size:16px; line-height:normal;
  color:#333; white-space:nowrap; transition:all .5s ease;
}
.dlnav .dlnav-tab:hover,
.dlnav .dlnav-tab.on{ background-color:#013082; color:#fff; }

.dlnav .dlnav-crumb{ flex:0 0 auto; align-self:center; }
.dlnav .dlnav-crumb-ul{
  display:flex; align-items:center; font-size:14px; line-height:1.6667;
  color:#999; white-space:nowrap;
}
.dlnav .dlnav-crumb-ul>li{ position:relative; padding:0 3px 0 15px; }
.dlnav .dlnav-crumb-ul>li:first-child{ padding:0; }
.dlnav .dlnav-crumb-ul>li+li::before{ content:'>'; position:absolute; left:3px; color:#999; }
.dlnav .dlnav-crumb-ul .dlnav-crumb-icon{
  display:inline-block; width:18.84px; height:12px; margin-right:0; vertical-align:-2px;
}
.dlnav .dlnav-crumb-ul a:hover{ color:#013082; }

@media screen and (max-width:768px){
  .dlnav .dlnav-list{
    display:inline-block; width:100%; margin:0 auto; padding:0; text-align:center;
    overflow-x:auto; overflow-y:hidden; white-space:nowrap;
    font-size:0; line-height:0; flex-wrap:nowrap;
  }
  .dlnav .dlnav-tabs{ line-height:1.6667; }
  .dlnav .dlnav-item{ display:inline-block; width:auto; margin:0 5px; vertical-align:top; }
  .dlnav .dlnav-item:first-child{margin-left:20px;}
  .dlnav .dlnav-item:last-child{margin-right:20px;}
  .dlnav .dlnav-tab{
    display:inline-block; width:auto; margin:0; vertical-align:top;
    padding:10px 20px; font-size:14px; text-align:center;
  }
  .dlnav .dlnav-crumb{ display:none; }
}
/* ==========================================================================
   关于我们横幅区块（满幅头图 + 栏目条 + 面包屑）
   （2026-10-03 确认四点：
     ① 头图 600px（1200/1024/768 三档断点同搬）
     ② 标题保留「关于我们」+ 标题下白色短线（.ad-line）
     ③ 栏目条强调色 深蓝 #21478b
     ④ 面包屑：「定位图标 + 您现在的位置：首页 - 关于我们」
        —— 2026-10-03 改成**栏目条下方独立一行、左对齐**（旧版右对齐挤在栏目条里已退役））
   根类：.hlbnr（头图 section） / .hlnav（栏目条 section） / .hlcrumb（面包屑 section）
   ⚠ 目标站 common.css 里已存在 6 处 .ServiceBar li .hideBox .hb，
     所以本块**不复用 .hb 做根类**，另起 .hlbnr / .hlnav，零冲突。
   目标站全局裸规则（common.css L3/L7/L8/L11/L12）已逐条还原：
     img{display:block;width:100%;height:auto} → .hlbnr-img img 提权重覆盖
     h1{font-size:18px} / h1,h2,h3{line-height:2} / h1~h6{font-weight:500} → .hlbnr .hlbnr-info h1 覆盖
     a{color:#666} → reset .hlbnr a,.hlnav a{color:inherit} + 显式色值的规则提一级权重
   容器档位：头图满幅（整屏宽 background）；栏目条/面包屑保持本站 1400 档。
   ========================================================================== */

/* ========== ① 基础重置 ========== */
.hlbnr,
.hlnav{
  font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  text-align: left;
}
.hlbnr *,
.hlnav *{ box-sizing: border-box; }
.hlbnr a,
.hlnav a{ color: inherit; text-decoration: none; cursor: pointer; }
.hlbnr ul,
.hlnav ul,
.hlnav li{ margin: 0; padding: 0; list-style: none; }
.hlbnr svg,
.hlnav svg{ display: inline-block; vertical-align: middle; }

/* ========== ② 容器 ========== */
.hlbnr-in{
  position: relative;
  width: 100%;
}
/* 栏目条容器：本站 .width1400 档位（width:1400px + max-width:100%），与同页 .dlnav 左边缘对齐 */
.hlnav-in{
  position: relative;
  width: 1400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* ========== ③ 头图（.subpage_ad：固定高 600 + 文字组 top:55%） ========== */
.hlbnr{
  position: relative;
  display: block;
}
.hlbnr-in{
  height: 400px;                    /* 真值 600；2026-10-03 要求「高度要低」→ 600→400，断点同比下调 */
  overflow: hidden;
}
.hlbnr-img{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #000;           /* 加载前底色（沿旧版） */
}
.hlbnr-img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;                /* 原图 1920×761 比 600px 高容器方，cover 裁满幅 */
  object-position: 50% 50%;
}
/* .subpage_ad .text：width:90% left:5% top:55% 上移 50% 白字居中 */
.hlbnr-info{
  position: absolute;
  width: 90%;
  left: 5%;
  top: 55%;
  transform: translate(0, -50%);
  z-index: 4;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
/* .ad-tit：36px 常规体（全局 h1 是 18px/粗 500，必须 (0,2,1) 提权压回） */
.hlbnr .hlbnr-info h1{
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 36px;
  font-weight: normal;
  line-height: 1.6;
  color: #fff;
}
/* .ad-line：标题下方白色短线（2px 高 / 3% 宽 / 水平居中） */
.hlbnr-line{
  height: 2px;
  width: 3%;
  background: #fff;
  margin: 0.8% auto;
}

/* ========== ④ 栏目条（.NavList_a1：白底 80px 文字链 + 1px 分隔线 + 3px 悬停下划线） ========== */
.hlnav{
  position: relative;
  display: block;
  background-color: #fff;
}
.hlnav-in{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 80px;                     /* a 高 80 / 行高 80 */
}
.hlnav-tabs{
  position: relative;
  display: block;
  flex: 0 0 auto;
  max-width: 100%;
}
.hlnav-list{
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
}
/* 手机端切换箭头：默认隐藏，≤768 媒体查询里开启 */
.hlnav-arrow{ display: none; }
.hlnav-item{
  position: relative;
  display: block;
  flex: 0 0 auto;
}
.hlnav .hlnav-tab{
  display: block;
  position: relative;               /* 承载 :before 下划线 / :after 分隔线 */
  padding: 0 30px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #222;
  background: none;                 /* 旧版胶囊底色/圆角/描边全部退役 */
  border: 0;
  border-radius: 0;
  white-space: nowrap;
  transition: all 0.3s ease 0s;
}
/* 项间分隔线：1px×15px 竖线垂直居中（.more:after），末项无 */
.hlnav .hlnav-tab:after{
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background: #ccc;
  top: 50%;
  margin-top: -7px;
  right: 0;
}
.hlnav-item:last-child .hlnav-tab:after{ display: none; }
/* 悬停/选中：3px 下划线从中间展开（a:before / a:hover:before） */
.hlnav .hlnav-tab:before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: transparent;
  transition: all 0.3s ease 0s;
}
.hlnav .hlnav-tab:hover:before,
.hlnav .hlnav-item.active .hlnav-tab:before{
  width: 80%;
  left: 10%;
  background-color: #21478b;
}
.hlnav .hlnav-tab:hover,
.hlnav .hlnav-item.active .hlnav-tab{
  color: #21478b;
}

/* ========== ⑤ 面包屑（.p_breadcrumbList：栏目条下方独立一行、左对齐 + 蓝色定位图标） ==========
   真值（实例 #c_portalResBreadcrumb_nav-15952274851233274）：
     .p_breadcrumbList{ text-align:left; margin:10px 0 }
     span{ font-size:14px; color:#555 }  span.weizhi{ padding-left:25px }
     .iconfont{ position:absolute; left:0; width:20px; height:22px }
     .iconfont:before{ content:'\e630'; color:#234989; font-size:20px }   → 本块以内联 SVG 等价替代
     .i_homePage:hover{ color:#234989 }
   行高 30px 取自 .p_breadcrumbFirst>a>.font{ line-height:30px }。
   注：「右对齐挤在栏目条里」的旧做法已退役——cascade 终值就是左对齐。 */
.hlcrumb{
  position: relative;
  display: block;
  background-color: #fff;
  font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  color: #555;
}
.hlcrumb *{ box-sizing: border-box; }
.hlcrumb a{ color: inherit; text-decoration: none; cursor: pointer; }
.hlcrumb ul,
.hlcrumb li{ margin: 0; padding: 0; list-style: none; }
.hlcrumb svg{ display: inline-block; vertical-align: middle; }
.hlcrumb-in{
  width: 1400px;
  max-width: 100%;
  margin: auto;
  padding: 25px 0;                  /* 面包屑白底行 80px = 本体 30 + 上下各 25。
                                       注：源码里还有一条 margin:10px 0，但它在小屏媒体查询里，
                                       1920 档终值是 25px 0（2026-10-03 在离线快照上实测得出，原先取的 10px 是错的） */
}
.hlcrumb .hlcrumb-ul{
  display: flex;
  flex-wrap: wrap;                  /* 2026-10-06：产品详情页面包屑层级多（顶级/二级/三级/产品名），
                                       窄屏一行放不下会横向溢出。参考站的面包屑子项是
                                       inline-block，天然换行 —— 这里用 flex-wrap 等价实现，超过容器宽度即换行 */
  align-items: center;
  font-size: 14px;
  line-height: 30px;                /* 行高 30px */
  color: #555;
  text-align: left;
}
.hlcrumb-li{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
}
/* 参考站用 iconfont \e630（#234989 / 20px），本站以内联 SVG 定位图标等价替代 */
.hlcrumb .hlcrumb-pin{
  width: 20px;
  height: 20px;
  margin-right: 5px;                /* 图钉 20px + 5px = 文字起点距容器左边 25px（= weizhi 的 padding-left） */
  flex: 0 0 auto;
}
.hlcrumb-label{ color: #555; }
/* 2026-10-06：「您现在所在的位置： 首页 / 产品中心」。
   参考站截图实测：标签「：」与「首页」之间约 10px 空档（靠 span.weizhi 的 padding-left 25px
   加全角冒号自身字距凑出来），本站补 8px 显式间距，避免出「：首页」贴在一起。 */
.hlcrumb .hlcrumb-label{ margin-right: 8px; }
.hlcrumb .hlcrumb-a{ color: #555; }
.hlcrumb .hlcrumb-a:hover{ color: #234989; }   /* .i_homePage:hover 色 */
.hlcrumb-sep{ margin: 0 4px; color: #555; }
.hlcrumb-cur{ color: #555; }
/* 手机端：面包屑行左右留 15px，与同页 .cx-product-center01 > .width1400 的 15px 内缩对齐
   （.hlcrumb * 已统一 box-sizing:border-box，所以这里的 padding 不会把 1400 容器撑出横向滚动条） */
@media screen and (max-width: 768px){
  .hlcrumb-in{ padding-left: 15px; padding-right: 15px; }
}

/* ========== ⑥ 断点（1200 / 1024 / 768 三档） ========== */
@media screen and (max-width: 1200px) and (min-width: 1025px){
  .hlbnr-in{ height: 340px; }
  .hlbnr .hlbnr-info h1{ font-size: 30px; }
}
@media screen and (max-width: 1024px) and (min-width: 769px){
  .hlbnr-in{ height: 300px; }
  .hlbnr .hlbnr-info h1{ font-size: 30px; }
}
@media screen and (max-width: 768px){
  /* 头图：30vh / 标题 22px 粗体 / 文字组 top:49%；
     margin 保持 0 —— 本站手机头部是 70px 白条流式排布，硬套 70px 会重现灰带（2026-10-03 已修过一次） */
  .hlbnr-in{
    height: 200px;                  /* 参考站是 30vh（768 档=230），同上「高度要低」→ 改固定 200 */
    margin: 0;
  }
  .hlbnr-info{ top: 49%; }
  .hlbnr .hlbnr-info h1{ font-size: 22px; font-weight: bold; }

  /* 栏目条：白底横向滚动（参考站 ≤768 是 swiper 滚动 62px 高，本站沿用 overflow-x 滚动等价实现） */
  .hlnav{ padding: 0; }
  .hlnav-in{
    display: block;
    height: auto;
    padding: 0;                       /* 箭头做边距，不再留 25px */
    border-bottom: 1px solid #ddd;   /* ≤768 栏目条带底线 */
  }
  .hlnav-tabs{
    display: block;
    width: auto;
    position: relative;
    padding: 0 25px;                  /* 给左右箭头留空（箭头 25px 宽） */
  }
  .hlnav-list{
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 25px;                  /* 让 tab 文字避开左右箭头（箭头与文字间也留 25px） */
  }
  .hlnav-list::-webkit-scrollbar{ display: none; }
  .hlnav-item{ flex: 0 0 auto; }
  .hlnav .hlnav-tab{
    padding: 0 20px;
    height: 62px;
    line-height: 62px;
    font-size: 14px;
  }
  /* 手机端左右切换箭头（.e_switchbtn：25×50 浅灰蓝块 + 深蓝箭头） */
  .hlnav-arrow{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);      /* .e_switchbtn 的垂直居中写法 */
    width: 25px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #eef2f5;
    z-index: 999;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    /* 关键：手指落在箭头上时不参与「翻页/滚动」手势仲裁，
       否则轻微位移会被判成滑动手势、把 click 吞掉 —— 这就是「点不动」的根因 */
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
  }
  /* 按下反馈（150ms 轻压色）：箭头在列表两端时点击无位移，靠这个让用户看到「点到了」 */
  .hlnav-arrow.is-pressed{ background-color: #dfe7ee; }
  .hlnav-arrow.hlnav-disabled{ cursor: default; }   /* 箭头 disabled 也不淡化（两侧同色，实测 avg 100,144,201 / 94,138,197） */
  /* ≤768 箭头始终显示（.e_switchbtn{display:block}）：
     不再随「能否滚动 / 刷新时机」判断隐藏 —— 之前按尺寸判显隐，刷新时会误判导致箭头消失。 */
  .hlnav-prev{ left: 15px; }        /* 箭头距容器左右边缘各 15px（原站 25px，按需求改 15px） */
  .hlnav-next{ right: 15px; }
  .hlnav-arrow:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #21478b;
    border-right: 2px solid #21478b;
    vertical-align: middle;
  }
  .hlnav-prev:before{ transform: rotate(-135deg); margin-right: -4px; }
  .hlnav-next:before{ transform: rotate(45deg); margin-left: -4px; }
  .hlnav-crumb{ display: none; }     /* ≤768 面包屑整行隐藏（手机端：面包屑 cell 被隐藏） */
}



/* ============================================================
   ↓↓↓ 成功案例轮播区块（.xycase） ↓↓↓
   ============================================================ */
@charset "UTF-8";
/* ============================================================
   成功案例轮播区块（落位自「成功案例轮播区块」提取件）
   注：swiper 依赖站内 Swiper 3.4.2（common.css 内置样式 + js/swiper.jquery.min.js），容器用 .swiper-container 双类；
   初始化脚本在本页 index.html 块内 inline（v3 语法 prevButton/nextButton/autoplay:3000）。
   来源结构 → 本块类名对照：
     .case-bg            → .xycase        （区块根：浅灰纹理背景）
     .w1560              → .xy-wrap       （容器 1400 + 左右 15px，原站 1590 已按本站档位改）
     .case-index .put    → .xy-hd         （标题组）
     .put .put1          → .xy-hd-t       （大标题，b 为绿色高亮）
     .put .put2          → .xy-hd-s       （副标题）
     .case-roll          → .xy-roll       （轮播区，含左右箭头）
     .casenext(左侧)     → .xy-prev       （左箭头，原站命名是反的：casenext 在左、当 prev 用）
     .caseprev(右侧)     → .xy-next       （右箭头）
     .caseSwiper         → .xy-swiper     （swiper 容器）
     .img1.imgbig        → .xy-img        （图片裁切容器 + 悬停缩放）
     .wz1                → .xy-wz         （卡片标题）
   reset 抄的是原站层叠后真值：bootstrap body（14px/1.42857143/#333）+ app.css（Microsoft YaHei / box-sizing / ul,a,img）。
   入场动画原站用 wow.js fadeInUp，这里用等价 CSS 动画自实现，不依赖 animate.css。
   ============================================================ */

/* ========== ② reset（原站层叠后真值，块作用域） ========== */
.xycase{
  font-family: "Microsoft YaHei";
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}
.xycase *,
.xycase *::before,
.xycase *::after{ box-sizing: border-box; }
.xycase img{ vertical-align: middle; border: 0; }
.xycase a{ text-decoration: none; }
.xycase p{ margin: 0; }

/* ========== ③ 基础类 ========== */
/* 容器宽度：原站 1590，按本站统一档位改成 1400（与 .hlnav-in 同档：width:1400 + max-width:100%，
   >1400 视口锁 1400，≤1400 视口收到视口宽） */
.xy-wrap{
  width: 1400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* ========== ① 区块 ========== */
/* 根：浅灰纹理背景，上下内边距按视口宽等比（原站真值 3.64583333vw / 5.20833333vw） */
.xycase{
  background: url(../images/xy_case_bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-top: 3.64583333vw;
  padding-bottom: 5.20833333vw;
}

/* 入场动画（原站 wow fadeInUp 的等价实现） */
@keyframes xyFadeUp{
  from{ opacity: 0; transform: translateY(30px); }
  to{ opacity: 1; transform: none; }
}
.xy-hd,
.xy-roll{ animation: xyFadeUp .8s ease both; }
@media (prefers-reduced-motion: reduce){
  .xy-hd,
  .xy-roll{ animation: none; }
}

/* 标题组：照搬本站 .wrap-title（.about-page-two 标题）真值：h2 2.625rem/400/#333/lh1.25，p 1.125rem/#666/lh1/上距 0.625rem，≤992 h2 1.4rem p 1rem（根字号 16/15/14 三档随 html 缩放） */
.xy-hd{ text-align: center; }
.xy-hd-t{
  font-weight: normal;
  color: #333;
  font-size: 2.625rem;
  line-height: 1.25;
}
.xy-hd-t b{ font-weight: normal; color: #333; }   /* .wrap-title 无高亮字，b 抹平成正文色 */
.xy-hd-s{
  color: #666;
  font-size: 1.125rem;
  line-height: 1;
  margin-top: 0.625rem;
}
@media (max-width: 992px){
  .xy-hd-t{ font-size: 1.4rem; }
  .xy-hd-s{ font-size: 1rem; }
}

/* 轮播区 */
.xy-roll{
  margin-top: 2.60416667vw;
  position: relative;
}

/* 左右箭头：48×48 图片按钮，垂直居中，距两侧 5.2%，悬停换图 */
.xy-prev,
.xy-next{
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  outline: none;
  cursor: pointer;
}
.xy-prev{ left: 5.2%;  background-image: url(../images/xy_arrow_l.png); }
.xy-next{ right: 5.2%; background-image: url(../images/xy_arrow_r.png); }
.xy-prev:hover{ background-image: url(../images/xy_arrow_l_hover.png); }
.xy-next:hover{ background-image: url(../images/xy_arrow_r_hover.png); }

/* swiper 容器 */
.xy-swiper{
  overflow: hidden;
  width: 100%;
}

/* 卡片：白底 + 1px 灰描边 + 1vw 内边距 */
.xy-swiper .swiper-slide a{
  display: block;
  padding: 1vw;
  border: 1px solid #eeeeee;
  background: #fff;
}

/* 图片：满幅 + 悬停放大 1.2（原站 .imgbig） */
.xy-swiper .swiper-slide .xy-img{ overflow: hidden; }
.xy-swiper .swiper-slide .xy-img img{
  width: 100%;
  transition: all ease .5s;
}
.xy-swiper .swiper-slide a:hover .xy-img img{
  transform: scale(1.2, 1.2);
}

/* 卡片标题：居中、超长省略 */
.xy-swiper .swiper-slide .xy-wz{
  color: #666666;
  font-size: 18px;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1.3vw;
}

/* 悬停：整卡变绿、字变白 */
.xy-swiper .swiper-slide a:hover{
  background: #1a57a9;
  border: 1px solid #1a57a9;
}
.xy-swiper .swiper-slide a:hover .xy-wz{ color: #fff; }

/* ========== 断点（对齐原站：1300 / 767；标题组断点已改跟 .wrap-title 的 992，见上） ========== */
@media (max-width: 1300px){
  .xy-swiper .swiper-slide .xy-wz{ font-size: 16px; }
}

@media (max-width: 767px){
  .xycase{ padding: 40px 0; }
  .xy-roll{ margin-top: 20px; }
  .xy-swiper .swiper-slide .xy-wz{
    font-size: 14px;
    padding: 10px 5px;
  }
  .xy-prev,
  .xy-next{ display: none; }       /* 手机端隐藏左右箭头 */
}

/* ============================================================
   证书区块 + 合作伙伴区块容器：1200 → 1400（2026-10-02 指定，
   与全站 1400 档统一）。只动这两个区块，不改全局 .width1200；
   ≤1400 视口 max-width:100% 自适应，≤1200 视口等于视口宽（与原 .width1200 断点行为一致）。
   两个区块的 .item 均为百分比宽（23%/20%），容器变宽后内容自动撑满。
   ============================================================ */
.about-page-two .width1200,
.about-page-five .width1200{
  width: 1400px;
  max-width: 100%;
}



/*--footer 底部区块
  隔离约定：全部规则挂在 .foot-wrap 作用域下，不影响其它版块；
  已还原目标站全局规则的影响：img{display:block;width:100%} → .foot-wrap img 复原 inline-block/自适应；
  p/dl/dt/dd margin 归零与本区块源站终态一致；.copyright 撞名 → 用 .foot-wrap .cop-index .copyright 压回。
  间距用 vw、字号用 px，无 rem 依赖。 --*/
.foot-wrap{line-height:1.42857143;font-family:"Microsoft YaHei";color:#333;}
.foot-wrap img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}
.foot-wrap p{margin:0;}
.foot-wrap dl{margin-top:0;margin-bottom:20px;}
.foot-wrap dd,.foot-wrap dt{line-height:1.42857143;}
.foot-wrap dt{font-weight:700;}
.foot-wrap dd{margin-left:0;}
.foot-wrap a{text-decoration:none;}
.foot-wrap .flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex;}
.foot-wrap .w1560{max-width:1400px;margin:0 auto;padding-left:15px;padding-right:15px;}

.foot-wrap .foot-bg{background:url(../images/ftr-foot-bg.jpg) no-repeat top center;background-size:100% 100%;padding-top:3.64583333333333vw;}
.foot-wrap .foot-index .footl{width:21.79%;}
.foot-wrap .foot-index .footl .flogo img{max-width:100%;}
.foot-wrap .foot-index .footl .flx{margin-top:2.34375vw;}
.foot-wrap .foot-index .footl .flx p{font-size:15px;color:rgba(255,255,255,.6);line-height:30px;}
.foot-wrap .foot-index .footr{width:61.22%;}
.foot-wrap .foot-index .footr .fnav{width:77.88%;}
.foot-wrap .foot-index .footr .fnav dl{width:25%;}
.foot-wrap .foot-index .footr .fnav dl dt{color:#fff;font-size:18px;font-weight:600;margin-bottom:24px;}
.foot-wrap .foot-index .footr .fnav dl dd a{display:block;font-size:15px;color:rgba(255,255,255,.6);line-height:34px;}
.foot-wrap .foot-index .footr .fnav dl dd a:hover{color:#1a57a9;}
.foot-wrap .foot-index .footr .ferq img{max-width:128px;width:100%;}
.foot-wrap .foot-index .footr .ferq p{text-align:center;color:rgba(255,255,255,.6);font-size:14px;margin-top:0.78125vw;}
.foot-wrap .cop-bg{border-top:1px solid rgba(255,255,255,0.1);margin-top:2.86458333333333vw;padding:1.9vw 0;}
.foot-wrap .cop-index{color:rgba(255,255,255,.6);font-size:14px;}
.foot-wrap .cop-index a{color:rgba(255,255,255,.6);}
.foot-wrap .cop-index a:hover{color:#067344;}
.foot-wrap .cop-index .copl{width:48%;}
.foot-wrap .cop-index .copr{width:48%;text-align:right;}
.foot-wrap .cop-index .copyright{color:rgba(255,255,255,.6);font-size:14px;}

.foot-wrap .c-link{background:#067344;padding:32px 0;color:#fff;font-size:14px;line-height:24px;}
.foot-wrap .c-link .con{display:flex;flex-wrap:wrap;position:relative;}
.foot-wrap .c-link span{background:url(../images/ftr-link-icon.png) no-repeat left center;padding-left:15px;cursor:pointer;display:block;}
.foot-wrap .c-link dd{width:calc(100% - 70px);}
.foot-wrap .c-link a{color:rgba(255,255,255,.6);padding:0 4px;font-size:14px;line-height:24px;}

@media(max-width:992px){
  .foot-wrap .c-link{display:none;}
}
@media(max-width:767px){
  .foot-wrap .foot-bg{padding-top:40px;}
  .foot-wrap .foot-index{flex-wrap:wrap;}
  .foot-wrap .foot-index .footl{width:100%;}
  .foot-wrap .foot-index .footl .flogo img{max-width:200px;width:100%;}
  .foot-wrap .foot-index .footr{width:100%;flex-wrap:wrap;}
  .foot-wrap .foot-index .footr .fnav{display:none;}
  .foot-wrap .ferq{margin-top:10px;}
  .foot-wrap .cop-bg{margin-top:20px;padding:20px 0;}
  .foot-wrap .cop-index{flex-wrap:wrap;}
  .foot-wrap .cop-index .copl{width:100%;text-align:center;}
  .foot-wrap .cop-index .copr{width:100%;text-align:center;}
}


/*--头部标语 + 24h 热线（.hdinfo）--*/
.header .hdinfo{position:relative;top:50%;float:right;display:flex;align-items:center;width:calc(100% - 20rem);height:3rem;transform:translateY(-50%);}
.header .hdinfo-slogan{margin-right:auto;margin-left:2rem;padding-left:1rem;overflow:hidden;border-left:1px solid #dcdcdc;}
.header .hdinfo-slogan h2{font-size:1.25rem;line-height:1.5;font-weight:normal;color:#333;}
.header .hdinfo-slogan p{font-size:1.375rem;line-height:1.5;font-weight:bold;color:#e94b2e;}
.header .hdinfo-tel{margin-right:4rem;}
.header .hdinfo-tel table{border-collapse:collapse;}
.header .hdinfo-tel td{padding:0;vertical-align:middle;}
.header .hdinfo-tel img{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:middle;}
.header .hdinfo-tel p{margin:0;line-height:1;}
.header .hdinfo-tel p em{display:inline-block;font-size:1.5rem;line-height:1.625rem;font-weight:bold;font-style:italic;color:#04287e;}
.header .hdinfo-tel .hdinfo-tel-label em{font-size:0.75rem;line-height:0.875rem;font-weight:normal;color:#333;}
@media (min-width:993px){
.header{padding:1.5rem 0.625rem;}
.header .inner{height:4rem;}
.header .hdinfo{height:4rem;}
}
@media (max-width:992px){
.header .hdinfo{width:calc(100% - 10rem);}
.header .hdinfo-slogan h2{font-size:1rem;line-height:1.5;}
.header .hdinfo-slogan p{display:none;}
.header .hdinfo-tel{display:none;}
}
/*--end 头部标语 + 24h 热线（.hdinfo）--*/

/*-- 关于雅之雷德标题组改为 hfhuihua 公司简介标题样式（间距按来源站量得真值 14.4 / 15 / 6.2） --*/
.ydabout .at.abtitle{ position: relative; }
.ydabout .at.abtitle .abtitle-en1{
  margin: 0 0 14.4px;          /* 英文标题 → 蓝线 14.4px（来源站真值） */
  font-size: 24px;
  line-height: 1.1;            /* 26.4px，同来源站 */
  font-weight: 400;
  color: #373c41;
}
.ydabout .at.abtitle .abtitle-line{
  display: block;              /* 块级，间距 = margin 精确值（行内盒会受基线 strut 干扰） */
  width: 35px;
  max-width: 100%;
  height: 0;
  border-top: 3px solid #0656a9;
  margin: 0 0 15px;            /* 蓝线 → 中文标题 15px（来源站真值） */
}
.ydabout .at.abtitle .abtitle-zh,
.ydabout .at.abtitle .abtitle-zh b{
  margin: 0 0 6.2px;           /* 中文标题 → 英文副标 6.2px（来源站真值） */
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #333e46;
}
.ydabout .at.abtitle .abtitle-en2{
  margin: 0;
  padding: 0;                  /* 必须显式清零：模板旧规则 .ydabout .at h4{padding:1vw 0} 会把副标题整体推下去
                                  （1920 档 1vw = 19.2px 上下各一份，实测把中文标题→副标题的可见间距从 11px 撑到 29px，
                                    来源站真值为 5px 盒间距） */
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  color: #d3d3d3;
}
.ydabout .at.abtitle h5{ display: none; }  /* 旧绿线隐藏（已换蓝线） */

@media (max-width: 768px){
  .ydabout .at.abtitle .abtitle-en1{ font-size: 18px; }
  .ydabout .at.abtitle .abtitle-line{ width: 28px; border-top-width: 2px; }
  .ydabout .at.abtitle .abtitle-zh,
  .ydabout .at.abtitle .abtitle-zh b{ font-size: 26px; }
  .ydabout .at.abtitle .abtitle-en2{ font-size: 14px; }
}

/* ===== JIINTRO-BEGIN ===== */
/* ============================================================
   ↓↓↓ 简介区块 ↓↓↓
   根类：.jiintro（原站平台 ID #c_static_001_P_35919-1704355346718）
   容器：按本站 1400 档 —— width:1400px + max-width:100%（与 .hlnav-in/.xy-wrap/.dlnav 同档）
   轮播：复用站内 Swiper 3.4.2（容器双类 .swiper-container.ji-swiper，JS 用 v3 语法
         nextButton/prevButton + autoplay:4000）。**未引入提取件 lib/swiper.min.js**（v5 会覆盖全局
         Swiper，令站内 .special-menu/.photos-slide/.xy-swiper 等全部静默失效）。
   图片：统一 ji_ 前缀落位到 ../images/（ji_slide1~6.jpg / ji_logo.png / ji_watermark.png）
   字体：swiper-icons（base64 内联，箭头字形）+ DINEngschrift（../fonts/dinengschrift.otf，数字字形）
   目标站既有规则的还原：img{display:block;width:100%} 由 .jiintro .e_bannerA-119 .p_img img 提权压过；
         a{color:#666} 由 .jiintro a{color:inherit} 压过；
         站内 v3 的箭头 SVG background 被本块 `background:#ffffffa8` 覆盖 → 由 ③b 的字形规则补回。
   ============================================================ */

/* ========== ② reset（源自原站 ceccbootstrap reboot + global 基座；作用域化到 .jiintro） ========== */
.jiintro *,.jiintro *::before,.jiintro *::after{box-sizing:border-box}
.jiintro dl,.jiintro h1,.jiintro h2,.jiintro h3,.jiintro h4,.jiintro h5,.jiintro h6,.jiintro ol,.jiintro p,.jiintro pre,.jiintro ul{margin-top:0}
.jiintro dl,.jiintro ol,.jiintro p,.jiintro ul{margin-bottom:1rem}
.jiintro li,.jiintro p,.jiintro ul{margin:0}
.jiintro a{color:inherit;text-decoration:none;background-color:transparent}
.jiintro img{border-style:none;vertical-align:middle}
.jiintro button{border-radius:0}
/* 注意：原站 reset 里的 Swiper 5 基座（.swiper-container/.swiper-wrapper/.swiper-slide）一概未带入 ——
   目标站 common.css 已内置 Swiper 3.4.2 全套样式，带入新版会把站内其它轮播打坏。
   但 swiper-icons 字体与 .swiper-button-*::after 字形两条**必须带入**（见下方 ③b），否则箭头空白。 */

/* ========== ③ 基础类（原站 site.css/global.css 通用类，作用域化） ========== */
.jiintro .s_title{font-size:16px;color:#333;line-height:1}
.jiintro .s_list{background-color:rgba(255,255,255,0)}
.jiintro .clearfix::after{display:block;clear:both;content:""}

/* ========== ③b 字体（提取件里本来就有，落位必须一并带入） ==========
   1) swiper-icons：源 CSS 内联 base64 woff，箭头 ::after 的 content:"next"/"prev" 靠它渲染成 chevron。
   2) DINEngschrift：源 .p_num 的数字专用字体，文件已落位到 ../fonts/dinengschrift.otf；
      源里仅 .p_num 引用该 family，全局定义无冲突。 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"6afcd7f5-0945-42a0-a69d-b41867c9a4c3";src:url(../fonts/dinengschrift.otf) format("opentype");font-display:swap}

/* 箭头字形：源块 v5 基座里 .swiper-button-*::after{font-family:swiper-icons;content:"next"/"prev"} 渲染成 chevron。
   目标站 v3 的做法是 SVG background-image，但被本块 ①段 `.jiintro .swiper-button-*{background:#ffffffa8}`
   简写覆盖成 none → 箭头会变空。这里把字形规则按 .jiintro 作用域补回（站内其它轮播不受影响）。 */
.jiintro .e_bannerA-119 .swiper-button-next,
.jiintro .e_bannerA-119 .swiper-button-prev{display:flex;align-items:center;justify-content:center}
.jiintro .e_bannerA-119 .swiper-button-next::after,
.jiintro .e_bannerA-119 .swiper-button-prev::after{
  font-family:swiper-icons;font-size:20px;line-height:1;
  text-transform:none!important;letter-spacing:0;font-variant:initial;
  color:#0554a1;padding:0}
.jiintro .e_bannerA-119 .swiper-button-next::after{content:"next"}
.jiintro .e_bannerA-119 .swiper-button-prev::after{content:"prev"}

/* ========== ③c 宿主适配：给本块铺白底（缺了它 HONG YE 英文水印会"消失"） ==========
   源块自身不带背景（原站整页是白的），而本站 body 是 #f4f4f4 灰底 → 落位后区块直接坐在灰底上。
   偏偏 .e_container-120 的 HONG YE 水印 hongye-watermark.png 是**不透明的「比白略蓝」浅色**
   （实测像素 242,245,250）：铺在白底上差 13/10/5 个色阶、看得见；铺在 #f4f4f4 上只剩
   2/1/6 个色阶差，肉眼等于完全消失（DOM/几何/像素都在，只是对比度没了）。
   补满幅白底后水印按原样显现，规格与本站 .about-page-two / .about-page-five 的白带一致。 */
.jiintro{background-color:#fff}

/* ① 区块 CSS —— 选择器前缀 .jiintro 原样保留 */
/* 注：原站 .cbox-62-1 的 overflow:hidden 是平台 JS 运行时注入的 inline style
   （防止轮播列被未定宽 swiper 内容的 min-width 撑爆换行），此处固化为规则。
   原站 .cbox-4-0 也有运行时注入的 overflow:hidden，但静态复刻加上它反而令
   Chromium 把整条 flex 链宽度算成 0（循环依赖），实测不需要、故不复刻。 */
.jiintro{min-height:0}
.jiintro .e_container-62 > .cbox-62-1{overflow:hidden}
/* 2026-10-02 按要求把主容器宽度从「width:90%; max-width:1600px」改为「width:1400px; max-width:100%」。
   .e_container-62(100%) / .e_container-120(100%) / .e_container-145(100%) / .e_container-137(100%) / .e_container-138(95%)
   都是从本容器取百分比，随本行自动跟随，无需改动。 */
.jiintro .e_container-4{display:flex;flex-wrap:wrap;flex-direction:row;width:1400px;max-width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;padding-top:0;margin-top:0;margin-bottom:0}
.jiintro .e_container-4 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-62{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:0;background-color:rgba(255,255,255,0)}
.jiintro .e_container-62 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-62 .cbox-62-0{flex:0 0 55%;padding-right:5%;padding-left:0}
.jiintro .e_container-120{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:none;margin-left:auto;margin-right:auto;margin-top:0;height:100%;background-image:url(../images/ji_watermark.png);background-repeat:no-repeat} /* 原图: omo-oss-image1...f75adc61-...png（HONG YE 水印） */
.jiintro .e_container-120 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_text-121{line-height:1.5;color:#1a6dba;font-size:34px;font-weight:bold;margin-top:0;text-align:left;background-repeat:no-repeat;background-position:center right;margin-bottom:10px;max-width:480px} /* 原图: ...3593b469-...png（标题右侧小 logo） */
.jiintro .e_richText-122 blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
.jiintro .e_richText-122 ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-122 li{display:list-item;text-align:-webkit-match-parent;list-style:inherit}
.jiintro .e_richText-122 ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-122{text-align:left;font-size:18px;line-height:2;margin-left:1px;margin-right:auto;max-width:none;-webkit-line-clamp:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:100}
.jiintro .e_text-136{line-height:1.5;color:rgba(0,0,0,1);font-size:24px;font-weight:100;margin-top:0;text-align:left;background-repeat:no-repeat;background-position:center right;margin-bottom:4%;max-width:none}
.jiintro .e_container-120 .cbox-120-0{align-self:center}
.jiintro .e_bannerA-119{height:auto}
.jiintro .e_bannerA-119 .swiper-container{height:inherit;overflow:hidden;border-radius:20px}
.jiintro .e_bannerA-119 .swiper-wrapper{height:inherit}
.jiintro .e_bannerA-119 .swiper-slide{height:inherit}
.jiintro .e_bannerA-119 .p_img{width:100%;height:100%;background:#000}
.jiintro .e_bannerA-119 .p_img img{width:100%;height:100%;object-fit:cover}
.jiintro .e_bannerA-119 .custom-bullet{background:#ccc}
.jiintro .e_bannerA-119 .p_info{width:50%;position:absolute;right:50%;top:50%;z-index:9;display:none;transform:translateX(50%) translateY(-50%);align-items:center;text-align:center}
.jiintro .e_bannerA-119 .p_info div{width:100%}
.jiintro .e_bannerA-119 .p_img a:hover{opacity:1}
.jiintro .e_bannerA-119 .p_subtitle{line-height:2;padding:5px 0}
.jiintro .e_bannerA-119 .swiper-container-vertical{height:400px}
.jiintro .e_bannerA-119 .p_video{width:100%;height:100%;z-index:3;overflow:hidden;margin-right:0;margin-left:auto;position:relative}
.jiintro .e_bannerA-119 .p_video .videoContent{width:100%;height:100%}
.jiintro .e_bannerA-119 .p_video video{width:100%;height:100%;background:#000}
.jiintro .e_bannerA-119 .p_videoPoster{position:absolute;width:100%;height:100%;z-index:2;cursor:pointer}
.jiintro .e_bannerA-119 .p_videoPoster::before{content:" ";position:absolute;width:100%;height:100%;z-index:2;background:url('/npublic/img/playVideo.png') no-repeat center center}
.jiintro .e_bannerA-119 .p_videoPoster img{width:100%;height:100%;object-fit:cover}
.jiintro .e_bannerA-119 .p_videoInfo{display:none}
.jiintro .swiper-button-next:after,.jiintro .swiper-container-rtl .swiper-button-prev:after{color:#0554a1;padding:0;font-size:20px}
.jiintro .swiper-button-next,.jiintro .swiper-container-rtl .swiper-button-prev{right:10px;left:auto;background:#ffffffa8}
.jiintro .swiper-button-prev:after,.jiintro .swiper-container-rtl .swiper-button-prev:after{color:#0554a1;padding:0;font-size:20px}
.jiintro .swiper-button-prev,.jiintro .swiper-container-rtl .swiper-button-prev{left:10px;right:auto;background:#ffffffa8}
.jiintro .e_container-145{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:1400px;margin-left:0;margin-right:auto;background-color:rgba(255,255,255,0);margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:4%}
.jiintro .e_container-145 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-145 .cbox-145-0{flex:0 0 25%}
.jiintro .e_container-145 .cbox-145-1{flex:0 0 25%}
.jiintro .e_container-145 .cbox-145-2{flex:0 0 25%}
.jiintro .e_container-145 .cbox-145-3{flex:0 0 25%}
.jiintro .e_container-155{display:flex;flex-wrap:wrap;flex-direction:row;padding-left:10%;padding-right:10px;border-left:1px solid #323232;margin-right:auto;width:auto;margin-left:auto;margin-bottom:13%;position:relative}
.jiintro .e_container-155:before{content:'';position:absolute;left:-1px;top:0;width:3px;height:30%;background:#1a6dba;z-index:1}
.jiintro .e_container-155 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-152{display:flex;flex-wrap:wrap;flex-direction:row;padding-left:10%;padding-right:10px;border-left:1px solid #323232;margin-right:auto;width:auto;margin-left:auto;position:relative}
.jiintro .e_container-152:before{content:'';position:absolute;left:-1px;top:0;width:3px;height:30%;background:#1a6dba;z-index:1}
.jiintro .e_container-152 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-149{display:flex;flex-wrap:wrap;flex-direction:row;padding-left:10%;padding-right:10px;border-left:1px solid #323232;margin-right:auto;width:auto;margin-left:auto;position:relative}
.jiintro .e_container-149:before{content:'';position:absolute;left:-1px;top:0;width:3px;height:30%;background:#1a6dba;z-index:1}
.jiintro .e_container-149 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-146{display:flex;flex-wrap:wrap;flex-direction:row;padding-left:10%;padding-right:10px;border-left:1px solid #323232;margin-right:auto;width:auto;margin-left:auto;position:relative}
.jiintro .e_container-146:before{content:'';position:absolute;left:-1px;top:0;width:3px;height:30%;background:#1a6dba;z-index:1}
.jiintro .e_container-146 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_scrollNumber-156{height:70px;line-height:60px;font-size:60px;text-align:left;font-family:"e35d3567-b381-467e-bd88-0025e030e525";color:#1a6dba;position:relative} /* 注：e35d3567... 字体原站从未 @font-face 定义 → 单位字(年/余人)实际回退系统字体，忠实保留 */
.jiintro .e_scrollNumber-156 .p_plus{font-size:16px}
.jiintro .e_scrollNumber-156 .p_num{font-weight:normal;font-family:"6afcd7f5-0945-42a0-a69d-b41867c9a4c3"}
.jiintro .e_text-157{line-height:normal;text-align:left;font-size:16px;color:rgba(0,0,0,1);margin-top:10px;font-weight:normal;font-family:Arial}
.jiintro .e_scrollNumber-153{height:70px;line-height:60px;font-size:60px;text-align:left;font-family:"e35d3567-b381-467e-bd88-0025e030e525";color:#1a6dba;position:relative}
.jiintro .e_scrollNumber-153 .p_plus{font-size:16px}
.jiintro .e_scrollNumber-153 .p_num{font-weight:normal;font-family:"6afcd7f5-0945-42a0-a69d-b41867c9a4c3"}
.jiintro .e_text-154{line-height:normal;text-align:left;font-size:16px;color:rgba(0,0,0,1);margin-top:10px;font-weight:normal;font-family:Arial}
.jiintro .e_scrollNumber-150{height:70px;line-height:60px;font-size:60px;text-align:left;font-family:"e35d3567-b381-467e-bd88-0025e030e525";color:#1a6dba;position:relative}
.jiintro .e_scrollNumber-150 .p_plus{font-size:16px}
.jiintro .e_scrollNumber-150 .p_num{font-weight:normal;font-family:"6afcd7f5-0945-42a0-a69d-b41867c9a4c3"}
.jiintro .e_text-151{line-height:normal;text-align:left;font-size:16px;color:rgba(0,0,0,1);margin-top:10px;font-weight:normal;font-family:Arial}
.jiintro .e_scrollNumber-147{height:70px;line-height:60px;font-size:60px;text-align:left;font-family:"e35d3567-b381-467e-bd88-0025e030e525";color:#1a6dba;position:relative}
.jiintro .e_scrollNumber-147 .p_plus{font-size:16px}
.jiintro .e_scrollNumber-147 .p_num{font-weight:normal;font-family:"6afcd7f5-0945-42a0-a69d-b41867c9a4c3"}
.jiintro .e_text-148{line-height:normal;text-align:left;font-size:16px;color:rgba(0,0,0,1);margin-top:10px;font-weight:normal;font-family:Arial}
.jiintro .e_container-137{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:4%;background-color:rgba(243,246,248,1);padding-top:2%;padding-bottom:2%;border-radius:30px}
.jiintro .e_container-137 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-137 .cbox-137-0{flex:0 0 100%;padding-right:0;padding-left:0}
.jiintro .e_container-138{display:flex;flex-wrap:wrap;flex-direction:row;width:95%;max-width:none;margin-left:auto;margin-right:auto;margin-top:0;height:100%;background-repeat:no-repeat}
.jiintro .e_container-138 > .p_item{flex:1;max-width:100%;max-height:100%}
.jiintro .e_container-138 .cbox-138-0{align-self:center}
.jiintro .e_richText-141 blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
.jiintro .e_richText-141 ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-141 li{display:list-item;text-align:-webkit-match-parent;list-style:inherit}
.jiintro .e_richText-141 ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-141{text-align:left;font-size:18px;line-height:2;margin-left:1px;margin-right:auto;max-width:none;-webkit-line-clamp:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:100}
.jiintro .e_richText-143 blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
.jiintro .e_richText-143 ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-143 li{display:list-item;text-align:-webkit-match-parent;list-style:inherit}
.jiintro .e_richText-143 ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-143{text-align:left;font-size:18px;line-height:2;margin-left:1px;margin-right:auto;max-width:none;-webkit-line-clamp:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:100}
.jiintro .e_richText-144 blockquote{font-style:italic;font-family:Georgia,Times,"Times New Roman",serif;padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;padding-left:20px;padding-right:8px;border-left-width:5px}
.jiintro .e_richText-144 ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-144 li{display:list-item;text-align:-webkit-match-parent;list-style:inherit}
.jiintro .e_richText-144 ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.jiintro .e_richText-144{text-align:left;font-size:18px;line-height:2;margin-left:1px;margin-right:auto;max-width:none;-webkit-line-clamp:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:100}

/* ── 移动端 @media screen and (max-width:768px) ── */
@media screen and (max-width:768px){
.jiintro .e_container-62{flex-direction:column}
.jiintro .e_container-62 .cbox-62-1{margin-bottom:5%}
.jiintro .e_bannerA-119 .swiper-slide{height:400px}
.jiintro .e_bannerA-119 .p_info{width:100%;z-index:9;text-align:center}
.jiintro .e_bannerA-119 .p_subtitle{display:none}
.jiintro .e_bannerA-119 .p_summary{display:none}
.jiintro .e_text-121{margin-top:3%;font-size:26px;color:#1a6dba;font-family:Arial;font-weight:bold;text-align:center;background:none}
.jiintro .e_text-136{margin-top:3%;font-size:22px;color:rgba(0,0,0,1);font-family:Arial;text-align:center}
.jiintro .e_container-137{flex-direction:column}
.jiintro .e_container-137 .cbox-137-1{margin-bottom:5%}
.jiintro .e_richText-122{width:100%;margin-bottom:4%;display:block}
.jiintro .e_container-62 .cbox-62-0{flex:0 0 100%;padding-right:0}
.jiintro .e_container-145{flex-direction:row;width:100%;margin-bottom:5%}
.jiintro .e_scrollNumber-147{font-size:28px;height:auto;line-height:1;width:auto}
.jiintro .e_text-148{font-size:14px}
.jiintro .e_container-149{position:relative}
.jiintro .e_scrollNumber-150{font-size:28px;height:auto;line-height:1}
.jiintro .e_text-151{font-size:14px}
.jiintro .e_scrollNumber-153{font-size:28px;height:auto;line-height:1}
.jiintro .e_text-154{font-size:14px}
.jiintro .e_scrollNumber-156{font-size:28px;width:auto;height:auto;line-height:1}
.jiintro .e_text-157{font-size:14px}
.jiintro .e_container-145 .cbox-145-0{flex:0 0 50%}
.jiintro .e_container-145 .cbox-145-1{flex:0 0 50%}
.jiintro .e_container-145 .cbox-145-2{flex:0 0 50%}
.jiintro .e_container-145 .cbox-145-3{flex:0 0 50%}
}
/* ========== ③d 视频入口：右图上的播放按钮（复用站内原生 .playerBtn + .video-pop 弹层） ==========
   素材 yd_play.png 就是用户参照的那颗按钮（白色圆底 + 镂空三角，80×80）；
   尺寸沿用本站既有档位 12.2%（参照图里封面 656 宽、按钮 80px = 12.2%；本块图片 630 宽 → 76.86px）。
   绝对居中钉在图片上：.p_img 只加 position:relative（无偏移量），几何零变化；
   背景定位区是 padding box，故 padding-top:12.2% 撑出的正方形正好是 76.86×76.86，contain 后 1:1 落位。 */
.jiintro .e_bannerA-119 .p_img{position:relative}
.jiintro .e_bannerA-119 .ji-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:block;width:12.2%;padding-top:12.2%;cursor:pointer;background-image:url(../images/yd_play.png);background-repeat:no-repeat;background-position:center;background-size:contain}
/* ========== ③e 播放按钮扩散动效（.assembly_video_btn .btns_bwen） ==========
   参考站图标与本站是同一张 yd_play.png（逐字节 md5 相同），差别只在动效：
   两枚白色圆（#fff + border-radius:50%）从 scale(1) 扩到 scale(2.2) 同时淡出，各 2s linear infinite，
   第二枚 animation-delay:1s 错峰 —— 原站 .circle / .circle1 即此二枚。
   用 ::before / ::after 承接，零 DOM 变更；z-index:-1 与原站一致（负层叠子层画在元素背景之上、内容之下），
   且 .ji-play 自身 z-index:20 已建立层叠上下文，波纹不会溢出到图片层。 */
.jiintro .e_bannerA-119 .ji-play::before,
.jiintro .e_bannerA-119 .ji-play::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;border-radius:50%;opacity:0;z-index:-1;pointer-events:none;animation:jiPlayCircleChange 2s linear infinite}
.jiintro .e_bannerA-119 .ji-play::after{animation-delay:1s}
@keyframes jiPlayCircleChange{0%{transform:scale(1);opacity:.05}25%{transform:scale(1.3);opacity:.1}50%{transform:scale(1.6);opacity:.2}75%{transform:scale(1.9);opacity:.1}100%{transform:scale(2.2);opacity:0}}
/* ===== JIINTRO-END ===== */
/* ===== LXWM-BEGIN ===== */
/* 联系我们区块（来源样式 ZTY-22.css，根类 .zty221x）
   结构：②reset → ③基础类 → ①区块css；reset/基础类抄「层叠后的最终生效值」；零裸选择器。
   落位改动（2026-10-02）：
     ① 容器改本站统一 1400 档：来源站 1630/1430/1230 收缩阶梯 → width:1400px + max-width:100%；
     ② 公司名主色 #078247（来源站绿）→ #04287e（本站深蓝，全站主色）；
     ③ 右侧百度地图 iframe 撤掉（原指向扬州田润位置、且挂在田润站域名下）；2026-10-03 改为图片占位
        （images/lxwm_map.jpg，object-fit:cover 填满原框），换图直接替换该文件即可。
   文字内容按用户要求先用原文占位，后续统一替换。 */
/* ======================== ② reset ======================== */
.zty221x,
.zty221x *{ -webkit-box-sizing:border-box; box-sizing:border-box; }

.zty221x{ color:#333; font:12px/1.5 "Microsoft YaHei", arial, 宋体, sans-serif; }

.zty221x div, .zty221x p, .zty221x span, .zty221x iframe, .zty221x a,
.zty221x img, .zty221x dl, .zty221x dt, .zty221x dd, .zty221x ul, .zty221x ol,
.zty221x li, .zty221x form, .zty221x label{ margin:0; padding:0; border:0; }

/* bootstrap 标题基类 + main.css 对 h1/h2 的收口（h5 不在 main.css 的归零名单里，靠 app.css 的 h1~h5{margin:0}） */
.zty221x h2, .zty221x h3, .zty221x h4, .zty221x h5{
  margin:0; padding:0; font-family:inherit; font-weight:500; line-height:1.1; color:inherit; }
.zty221x h2{ font-size:12px; font-weight:bold; }
.zty221x h3{ font-size:24px; }
.zty221x h4{ font-size:18px; }
.zty221x h5{ font-size:14px; }

.zty221x ul, .zty221x ol, .zty221x li{ list-style:none; }

.zty221x img{ vertical-align:middle; border:none; background:none; }

.zty221x a{ color:#337ab7; text-decoration:none; outline:none; }
.zty221x a:hover, .zty221x a:focus{ color:#23527c; text-decoration:none; }

/* 清浮动：来源块 HTML 上挂了 clearfix，而目标站通常没有全局 .clearfix ——
   不随块交付，.zty22w1600 / .zty221x 的高度会塌成 0，内容溢出到相邻区块。
   （.zty221x 自己就是 clearfix 根，所以根也要写进来，不能只写后代 .clearfix） */
.zty221x:before, .zty221x:after,
.zty221x .clearfix:before, .zty221x .clearfix:after{ display:table; content:" "; }
.zty221x:after, .zty221x .clearfix:after{ clear:both; }
.zty221x, .zty221x .clearfix{ zoom:1; }

/* ======================== ③ 基础类 ======================== */
/* 容器：来源站是 1630 / 1430 / 1230 的收缩阶梯，落位后改成本站统一 1400 档（fixed width + max-width:100%） */
.zty221x .zty22w1600{ width:1400px; max-width:100%; margin:0 auto; padding:0 15px; }

/* ======================== ① 区块 css ======================== */
.zty221x{ margin-top:5.3vw; background-color:#f7f7f7; padding-bottom:5vw; }

.zty221x .zty221z{
  background-color:#fff; width:65.8%; float:left;
  padding-left:48px; padding-top:3.8vw; padding-bottom:35px;
}
.zty221x .zty221z1{ width:65%; float:left; }
.zty221x .zty221z1 h2{
  font-size:34px; font-weight:bold; font-stretch:normal; letter-spacing:0px; color:#04287e;
}
.zty221x .zty221z1 h3{
  font-size:18px; font-weight:normal; font-stretch:normal; letter-spacing:0px;
  color:#666666; margin-top:22px;
}
.zty221x .zty221z1 h4{
  width:40px; height:2px; background-color:#666666; margin-top:30px;
}
.zty221x .zty221z1 h5{
  font-size:18px; font-weight:normal; font-stretch:normal; line-height:36px;
  letter-spacing:0px; color:#555555; margin-top:43px;
}

.zty221x .zty221z2{ width:35%; float:left; margin-top:48px; }
.zty221x .zty221z2 h2{
  font-size:18px; font-weight:normal; font-stretch:normal; line-height:18px;
  letter-spacing:0px; color:#444444;
}
.zty221x .zty221z2 h3{
  width:40px; height:2px; background-color:#666666; margin-top:45px;
}
.zty221x .zty221z2 h4{ margin-top:50px; }
.zty221x .zty221z2 h4 li{ width:100%; float:left; position:relative; }
.zty221x .zty221z2 h4 li .img{
  max-width:135px; float:left; border:solid 2px #e9e9e9; margin-bottom:14px;
}
.zty221x .zty221z2 h4 li .img img{ width:100%; }
.zty221x .zty221z2 h4 li dd{
  font-size:16px; font-weight:normal; font-stretch:normal; letter-spacing:0px;
  color:#555555; float:left; line-height:125px; margin-left:20px;
}

.zty221x .zty221y{ width:34.2%; float:right; height:556px; overflow:hidden; }
.zty221x .zty221y img{ display:block; width:100%; height:100%; object-fit:cover; }

/* ---------- 断点（照来源站 ZTY-22.css 原顺序） ---------- */
@media (max-width:1630px){
  .zty221x .zty221z2{ margin-top:30px; }
  .zty221x .zty221z2 h4{ margin-top:30px; }
  .zty221x .zty221z{ padding-top:2.7vw; }
  .zty221x .zty221y{ height:490px; overflow:hidden; }
}
@media (max-width:1430px){
  .zty221x .zty221z2{ margin-top:21px; }
  .zty221x .zty221z2 h4{ margin-top:30px; }
  .zty221x .zty221z{ padding-top:2.7vw; padding-left:30px; }
  .zty221x .zty221z1 h2{ font-size:28px; }
  .zty221x .zty221z1 h3{ font-size:13px; }
  .zty221x .zty221z1 h5{ font-size:16px; line-height:30px; }
  .zty221x .zty221z2 h4 li .img{ max-width:100px; }
  .zty221x .zty221z2 h4 li dd{ line-height:100px; }
  .zty221x .zty221y{ height:417px; }
}
@media (max-width:1230px){
  .zty221x .zty221z2{ margin-top:21px; }
  .zty221x .zty221z2 h4{ margin-top:22px; }
  .zty221x .zty221z{ padding-top:2.7vw; padding-left:15px; padding-bottom:17px; }
  .zty221x .zty221z1 h2{ font-size:23px; }
  .zty221x .zty221z1 h3{ font-size:12px; margin-top:11px; }
  .zty221x .zty221z1 h5{ font-size:14px; line-height:27px; margin-top:30px; }
  .zty221x .zty221z2 h4 li .img{ max-width:85px; }
  .zty221x .zty221z2 h4 li dd{ line-height:85px; font-size:14px; margin-left:10px; }
  .zty221x .zty221z1 h4{ margin-top:20px; }
  .zty221x .zty221z2 h3{ margin-top:24px; }
  .zty221x .zty221y{ height:334px; }
}
@media (max-width:992px){
  .zty221x .zty22w1600{ padding:0 2%; }
  .zty221x .zty221y{ width:100%; }
  .zty221x .zty221z1{ width:100%; }
  .zty221x .zty221z2{ margin-top:21px; width:100%; }
  .zty221x .zty221z{
    padding-top:2.7vw; padding-left:10px; padding-bottom:17px; width:100%;
  }
}
/* ===== LXWM-END ===== */

/* ===== ONLINE-MSG-BEGIN ===== */
/* ============================================================
   在线留言区块 · .zty222x
   结构：②reset → ③基础类 → ①区块css；所有选择器带根类前缀，零裸选择器。
   ============================================================ */
/* ==========================================================================
   在线留言区块（带表单）
   ---------------------------------------------------------------------------
   来源：江苏田润化工设备有限公司
   落位到本站（2026-10-03）改动：
     ① 容器 max-width:1630px -> width:1400px + max-width:100%（本站统一档），
        并删掉 1630/1430/1230 三条收缩阶梯里的容器规则；
     ② 提交按钮底色 #078247（来源站绿）-> #04287e（本站深蓝）；
     ③ 预检：本块所有类名/ID 在站内 0 占用（站内 #content 规则是 "#content table"，
        与本块 textarea#content 不相关）。
   来源样式表：ZTY-22.css
   根类：.zty222x
   结构：②reset → ③基础类 → ①区块css
   说明：来源站加载顺序为 bootstrap.css → app.css → main.css → ZTY-22.css，
        本文件里 reset / 基础类抄的都是「层叠后的最终生效值」，不是某一个 css 的原文。
        所有选择器均带根类前缀，零裸选择器。
   ========================================================================== */

/* ======================== ② reset ======================== */
.zty222x,
.zty222x *{ -webkit-box-sizing:border-box; box-sizing:border-box; }

.zty222x{ color:#333; font:12px/1.5 "Microsoft YaHei", arial, 宋体, sans-serif; background-color:#fff; }

.zty222x div, .zty222x p, .zty222x span, .zty222x iframe, .zty222x a,
.zty222x img, .zty222x dl, .zty222x dt, .zty222x dd, .zty222x ul, .zty222x ol,
.zty222x li, .zty222x form, .zty222x label{ margin:0; padding:0; border:0; }

.zty222x h2, .zty222x h3, .zty222x h4, .zty222x h5{
  margin:0; padding:0; font-family:inherit; font-weight:500; line-height:1.1; color:inherit; }
.zty222x h2{ font-size:12px; font-weight:bold; }
.zty222x h3{ font-size:24px; }
.zty222x h4{ font-size:18px; }
.zty222x h5{ font-size:14px; }

.zty222x ul, .zty222x ol, .zty222x li{ list-style:none; }

.zty222x img{ vertical-align:middle; border:none; background:none; }

.zty222x a{ color:#337ab7; text-decoration:none; outline:none; }
.zty222x a:hover, .zty222x a:focus{ color:#23527c; text-decoration:none; }

/* 清浮动：来源块 HTML 上挂了 clearfix，而目标站通常没有全局 .clearfix ——
   不随块交付，.zty22w1600 / .zty222x 的高度会塌成 0，表单与文字列会溢出到相邻区块。 */
.zty222x:before, .zty222x:after,
.zty222x .clearfix:before, .zty222x .clearfix:after{ display:table; content:" "; }
.zty222x:after, .zty222x .clearfix:after{ clear:both; }
.zty222x, .zty222x .clearfix{ zoom:1; }

/* ======================== ③ 基础类 ======================== */
/* 来源站的 1630 容器，本块自带，随块交付 */
.zty222x .zty22w1600{ width:1400px; max-width:100%; margin:0 auto; padding:0 15px; }

/* --- 表单控件（bootstrap 3 的表单/按钮类，来源块 HTML 直接用了 .form-control / .btn / .btn-primary，
       目标站若没有 bootstrap 必须随块交付；选择器加根类前缀，避免污染目标站同名类） --- */
.zty222x button, .zty222x input, .zty222x select, .zty222x textarea{
  font-family:inherit; font-size:inherit; line-height:inherit;
}
.zty222x input{ padding:0; margin:0; font-family:'Microsoft YaHei'; }
.zty222x input, .zty222x img, .zty222x select{ vertical-align:middle; }
.zty222x textarea{ overflow:auto; }

.zty222x .form-control{
  display:block; width:100%; height:34px; padding:6px 12px; font-size:14px;
  line-height:1.42857143; color:#555; background-color:#fff; background-image:none;
  border:1px solid #ccc; border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.zty222x textarea.form-control{ height:auto; }
/* 接入栏目134反馈模块表单：补 .form-group 字段间距（来源 Bootstrap，.zty222x 作用域未带） */
.zty222y .form-group{ margin-bottom:15px; }
.zty222y .form-group:last-child{ margin-bottom:0; }
.zty222x .form-control::-moz-placeholder{ color:#999; opacity:1; }
.zty222x .form-control:-ms-input-placeholder{ color:#999; }
.zty222x .form-control::-webkit-input-placeholder{ color:#999; }

/* 注意顺序：.form-control 必须写在 .btn 之前，两者同权重，靠书写顺序才能让 .btn 的
   display:inline-block 压过 .form-control 的 display:block（来源站就是这个顺序） */
.zty222x .btn{
  display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400;
  line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle;
  -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  background-image:none; border:1px solid transparent; border-radius:4px;
}
.zty222x .btn.focus, .zty222x .btn:focus, .zty222x .btn:hover{ color:#333; text-decoration:none; }
.zty222x .btn.active, .zty222x .btn:active{
  background-image:none; outline:0;
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}
.zty222x .btn.active.focus, .zty222x .btn.active:focus, .zty222x .btn.focus,
.zty222x .btn:active.focus, .zty222x .btn:active:focus, .zty222x .btn:focus{
  outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;
}
.zty222x .btn-primary{ color:#fff; background-color:#337ab7; border-color:#2e6da4; }

/* 注：原 #message-form 静态占位表单已替换为「栏目134 在线反馈模块」（.met-form 结构），
   相关样式见下方「在线反馈模块表单」段落，#message-form 规则不再需要。 */

/* ======================== ① 区块 css ======================== */
.zty222x{ padding-top:6.4vw; padding-bottom:6vw; }

.zty222x .zty222z{ width:39.4%; float:left; }

.zty222x .zty222zbt h2{
  font-size:38px; font-weight:bolder; font-stretch:normal; letter-spacing:0px; color:#222222;
}
.zty222x .zty222zbt h3{
  font-size:18px; font-weight:normal; font-stretch:normal; letter-spacing:0px;
  color:#666666; margin-top:20px;
}
.zty222x .zty222zbt h4{
  font-size:18px; font-weight:normal; font-stretch:normal; letter-spacing:0px;
  color:#666666; margin-top:54px;
}
.zty222x .zty222zbt h5{
  height:1px; background-color:#000000; opacity:0.2; width:100%; margin-top:30px;
}

.zty222x .zty222lx{
  margin-top:60px; border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:25px;
}
.zty222x .zty222lx li{ width:50%; float:left; }
.zty222x .zty222lx li h2{
  font-size:18px; font-weight:normal; font-stretch:normal; letter-spacing:0px; color:#666666;
}
.zty222x .zty222lx li h3{
  font-size:18px; font-weight:bold; font-stretch:normal; letter-spacing:0px;
  color:#333333; margin-top:20px;
}

.zty222x .zty222y{ width:46.75%; float:right; }

/* ===== 在线反馈模块表单（MetInfo .met-form 结构，栏目134）样式 ===== */
.zty222y .met-form{
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px 15px;
  align-items:start;
}
.zty222y .met-form .form-group{
  position:relative;
  margin-bottom:0;
  grid-column:1/3;
}

/* 输入框 */
.zty222y .form-control{
  display:block; width:100%; height:54px; padding:0 20px;
  background-color:#f5f6f7; border:1px solid #e6e6e6; border-radius:0;
  color:#333; font-size:15px; line-height:1.4;
  box-shadow:none; outline:none;
  transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.zty222y .form-control:hover{ border-color:#c9c9c9; }
.zty222y .form-control:focus{
  border-color:#04287e; background-color:#fff;
  box-shadow:0 0 0 2px rgba(4,40,126,.12);
}
.zty222y .form-control::-moz-placeholder{ color:#999; opacity:1; }
.zty222y .form-control:-ms-input-placeholder{ color:#999; }
.zty222y .form-control::-webkit-input-placeholder{ color:#999; }

/* 大文本域（内容字段由 JS 把 input 转成 textarea） */
.zty222y textarea.form-control{
  height:auto; min-height:120px; padding-top:14px; padding-bottom:14px;
  line-height:1.5; resize:vertical;
}

/* 必填项：左侧品牌色条提示 */
.zty222y .form-group.required .form-control{ border-left:3px solid #04287e; }

/* JS 按截图重排（2026-10-08 调整：名字保持半宽，电话改为满宽）：
   第1行 名字（左半）→ 第2行 邮箱 → 第3行 电话 → 第4行 内容 → 第5行 提交。
   电话原本是 grid-column:2/3（右半），但 DOM 顺序是 名字→邮箱→电话→内容，
   网格自动排布时第1、2行都被占，电话被挤到第3行右半、左侧留大片空白 —— 故改满宽。 */
.zty222y .met-form .form-group.field-name{ grid-column:1/2; }
.zty222y .met-form .form-group.field-tel{ grid-column:1/3; }
.zty222y .met-form .form-group.field-email{ grid-column:1/3; }
.zty222y .met-form .form-group.field-content{ grid-column:1/3; }
.zty222y .met-form .form-group.field-submit{ grid-column:1/2; }

/* 提交按钮（抵消通用 .btn / .btn-primary 的 Bootstrap 蓝与内联样式） */
.zty222y .btn{
  display:inline-block; width:auto; min-width:156px; height:56px; line-height:56px; padding:0 48px;
  font-size:18px; font-weight:bold; text-align:center; color:#fff;
  background-color:#04287e; border:none; border-radius:0; cursor:pointer;
  transition:background-color .25s ease;
}
.zty222y .btn:hover, .zty222y .btn:focus, .zty222y .btn:active{ background-color:#0a3da0; color:#fff; }
.zty222y .btn-primary{ color:#fff; background-color:#04287e; border-color:#04287e; }
.zty222y .btn-squared{ border-radius:0; }
.zty222y .btn-block{ display:inline-block; width:auto; } /* 覆盖 Bootstrap .btn-block */
.zty222y .btn-lg{ height:56px; font-size:18px; line-height:56px; }
.zty222y .form-group.m-b-0{ margin-bottom:0; }

/* ---------- 断点（照来源站 ZTY-22.css 原顺序） ---------- */

/* ---------- 断点（照来源站 ZTY-22.css 原顺序） ---------- */
@media (max-width:1230px){
  .zty222x .zty222y .form-control{ height:50px; }
  .zty222x .zty222y textarea.form-control{ height:auto; min-height:100px; }
  .zty222x .zty222y .btn{ height:50px; line-height:50px; font-size:18px; }
  .zty222x .zty222y .input-group .input-codeimg{ height:42px; }
  .zty222x .zty222y .met-getcode{ height:42px; }
}
@media (max-width:992px){
  .zty222x .zty22w1600{ padding:0 2%; }
  .zty222x .zty222z{ width:100%; }
  .zty222x .zty222zbt h2{ font-size:28px; }
  .zty222x .zty222zbt h3{ font-size:16px; margin-top:13px; }
  .zty222x .zty222zbt h4{ font-size:16px; margin-top:28px; }
  .zty222x .zty222lx{ padding-bottom:20px; margin-top:43px; }
  .zty222x .zty222lx li h2{ font-size:16px; }
  .zty222x .zty222lx li h3{ font-size:16px; margin-top:13px; }
  .zty222x .zty222y{ width:100%; margin-top:25px; }
  .zty222x .zty222y .met-form{ grid-template-columns:1fr; }
  .zty222x .zty222y .met-form .form-group{ grid-column:1/2 !important; }
  .zty222x .zty222y .form-control{ padding-left:15px; }
}
/* ===== ONLINE-MSG-END ===== */



/*--product-pager-one 产品详情：上一页/下一页（灰底双栏卡片）--*/
.cx-product-pager01{margin-top:1.875rem;}
.cx-product-pager01 .pro-pager-box{display:flex;}
.cx-product-pager01 .pro-pager-item{display:flex;align-items:center;flex:1 1 0;min-width:0;height:3.125rem;margin:0.3125rem;padding:0 1.25rem;background:#f5f5f5;}
.cx-product-pager01 .pro-pager-item:first-child{margin-left:0;}
.cx-product-pager01 .pro-pager-item:last-child{margin-right:0;}
.cx-product-pager01 .pro-pager-label{flex:0 0 3.75rem;font-size:1rem;color:#646464;}
.cx-product-pager01 .pro-pager-link{flex:1 1 0;min-width:0;font-size:1rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.3s;}
.cx-product-pager01 a.pro-pager-link:hover{color:#006fbc;}
.cx-product-pager01 .pro-pager-link.is-none{color:#999;}
@media(max-width:992px){
.cx-product-pager01 .pro-pager-box{flex-direction:column;}
.cx-product-pager01 .pro-pager-item{height:2.75rem;margin:0.3125rem 0;padding:0 1rem;}
.cx-product-pager01 .pro-pager-label{flex:0 0 3.25rem;}
}
/*--end product-pager-one--*/

/* ===== 产品列表·产品名称蓝底标题条（.porBbox+.proTitle：
   #5694c8 蓝底 / 白字 16px / 居中 / 上下 20px；hover 不变色） ===== */
.cx-product-center01 .y-right-product-list h4{ background:#5694c8; color:#fff; font-size:16px; line-height:21px; text-align:center; padding:20px 0; margin:0; }
.cx-product-center01 .y-right-product-list h4 a{ color:#fff; }
.cx-product-center01 .y-right-product-list h4 a:hover{ color:#fff; }


/* ===== 产品分类树侧栏（2026-10-08「业务领域」区块）=====
   参考站真值（page_impt_products_list.css + 截图逐像素实测）：
   · 蓝色渐变态栏：高 80px；背景为图片 /img/cp0011.jpg（300×80，已本地化为 images/hkd_cate_bg.jpg），
     background-size:cover 铺满；标题 28px / bold / #fff / line-height:80px，左右内边距 15px
     （参考站 #c_portalResProduct_category .stylebox_top / .title_main）。
   · 列表项统一 line-height:46px；一级项 h3 padding-left:20px，橙色小图标绝对定位 left:0 垂直居中；
     二级项整体再缩进 25px；文字统一 #333 —— 一级 16px/bold（.titleA），二级 16px 常规（.titleB）。
   · 分隔线：每条一级分组下方 border-bottom:1px solid #eee（参考站 li.list）。
   · 强调色 #d7000f：一级/二级链接 hover、以及「当前栏目所在的一级分组」（参考站 .list.highlight）。
   · 本站实测对照（截图 353px 宽、1:1 像素）：容器左 32 → 蓝色条 32..333（宽 302）；
     1px 分隔线 47..318（列表区左右内边距 15px）；一级图标 x=47、二级图标 x=72（=47+25）。 */
.hkd-cate-box { width: 100%; background-color: #fff; border: solid 1px #f0f0f0; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; }
.hkd-cate-top { height: 80px; background: url(../images/hkd_cate_bg.jpg) no-repeat; background-size: cover; }
.hkd-cate-top .hkd-cate-title { margin: 0; padding: 0 15px; font-size: 28px; font-weight: bold; line-height: 80px; color: #fff; }
.hkd-cate-list { padding: 0 15px 20px; }
.hkd-cate-li { border-bottom: solid 1px #eee; }
.hkd-cate-h3 { position: relative; margin: 0; padding-left: 20px; font-size: 16px; font-weight: normal; line-height: 46px; }
.hkd-cate-h3 .hkd-tit { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hkd-cate-li > .hkd-cate-h3 .hkd-titA { font-weight: bold; }
.hkd-cate-sub { padding-left: 25px; }
/* 图标：一级 = 橙色错位双方块（对应参考站 iconA.gif，实测色 #E5A15A）；二级 = 浅灰右三角（iconB.gif） */
.hkd-iconA { position: absolute; left: 0; top: 50%; width: 7px; height: 7px; margin-top: -6px; background-color: #e5a15a; }
.hkd-iconA:after { content: ''; position: absolute; left: 5px; top: 5px; width: 7px; height: 7px; background-color: #e5a15a; }
.hkd-iconB { position: absolute; left: 0; top: 50%; width: 0; height: 0; margin-top: -4px; border-left: 5px solid #cfcfcf; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
/* hover 与当前项 */
.hkd-cate-h3 .hkd-tit:hover,
.hkd-cate-li.cur > .hkd-cate-h3 > .hkd-tit,
.hkd-cate-li.highlight > .hkd-cate-h3 > .hkd-tit,
.hkd-cate-sub .hkd-cate-h3.cur > .hkd-tit { color: #d7000f; }
/* 窄屏（≤1200px 时本站侧栏会变全宽，整棵树平铺会把产品列表挤到 1500px 之后）：
   只展开「当前所在的一级分组」，其余分组收起 —— 点一级项即进入该分类页，刷新后该分组自动展开。
   纯 CSS 实现，不依赖 JS；宽屏仍与参考站一致保持整棵平铺。 */
@media screen and (max-width: 1200px) {
  .hkd-cate-list { padding-bottom: 10px; }
  .hkd-cate-sub { display: none; }
  .hkd-cate-li.cur .hkd-cate-sub,
  .hkd-cate-li.highlight .hkd-cate-sub { display: block; }
}

/* ===== 移动端折叠（2026-10-08 手机端「业务领域」栏）=====
   现象：手机打开 /product/，整棵分类树（12 组）平铺下来把产品列表挤到很远；
   要求：像参考站那样，蓝条右侧带一个白描边汉堡按钮，点一下展开/收起，默认收起。

   参考站真值（page_impt_products_list.css）：
   · #c_portalResProduct_category-xxx .navbar-toggle{margin:0; top:10px; right:15px; position:absolute;
     padding:9px 5px; border:1px solid #fff;}
   · .icon-bar{background:#fff;}（bootstrap.min.css 默认 .icon-bar{display:block;width:22px;height:2px;
     border-radius:1px} + .icon-bar + .icon-bar{margin-top:4px}）
   · 该按钮只在 ≤768px 出现：≥769px 时参考站直接把整个 .bigTitle（蓝色标题条）display:none
     —— 因为桌面端分类树本来就常驻展开，不需要开关。
   本站落地：按钮只在 ≤800px（本站手机断点，与页头 pc/mobile 切换一致）出现，
   垂直居中于本站 80px 蓝条（参考站蓝条只有约 58px 才用 top:10px）；
   条形尺寸按 80px 蓝条等比略放大到 26×2；默认收起，加 .is-open 才展开。 */
.hkd-cate-top { position: relative; }
.hkd-cate-toggle { display: none; }
.hkd-icon-bar { display: block; width: 26px; height: 2px; margin-top: 5px; border-radius: 1px; background-color: #fff; }
.hkd-icon-bar:first-child { margin-top: 0; }
@media screen and (max-width: 800px) {
  .hkd-cate-toggle {
    display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);
    margin: 0; padding: 10px 6px; background-color: transparent; background-image: none;
    border: 1px solid #fff; border-radius: 5px; cursor: pointer;
    -webkit-tap-highlight-color: transparent; outline: none;
  }
  .hkd-cate-list { display: none; padding-bottom: 10px; }
  .hkd-cate-list.is-open { display: block; }
  .hkd-cate-h3 { line-height: 44px; }
}

/* ---------------------------------------------------------------
   产品栏目切换后的落点（2026-10-08，v2）
   问题：点左侧栏目 / 系列标签切页后，页面停在最顶（112px 页头 + 470px 横幅），
         每次都要先手动往下滚才看得到产品。
   做法：product.php 给左栏 / 系列标签的链接补 #hkd-pro-top 片段，这里留 70px
         「落点余量」，由浏览器原生定位到内容区（不写 scrollTo，不会闪屏）。
   70px 真值来源：目标截图实测（1535×770，1:1 像素）——
         横幅底边 y=71；同图里侧栏蓝框高 80px、面包屑顶边到侧栏顶边 177px，
         与浏览器实测值完全一致，证明截图未经缩放，故取 70px。
   （v1 曾按「截图是 1440×720 缩到 1080」误算成 60px，已更正。）
   只对带 #hkd-pro-top 的跳转生效，全站其它链接不受影响。 */
.hlcrumb { scroll-margin-top: 70px; }

/* 产品详情页面包屑落点（2026-10-08）：点产品进详情页时，面包屑顶边停在距视口顶 37px。
   真值来源：目标截图（1312x760，1:1 像素）——横幅底边 y=37、面包屑白底行高 80px（37 到 117）；
   按 .hlcrumb-in 左边界 84px 反推视口 1568，该视口下 .hlcrumb 文档 top = 582，故 scrollY = 545，
   与截图逐像素比对 dy = 0。id 选择器优先于列表页的 .hlcrumb{70px}，两页各自独立互不影响。 */
#hkd-detail-top { scroll-margin-top: 37px; }

/* ======================== 在线留言表单 · 页内提示（替代浏览器 alert 弹窗） ======================== */
.zty222y .met-form .form-group.field-tip{ grid-column:1/3; margin:0; }
.zty222y .hkd-form-tip{
    display:none; width:100%; padding:10px 14px; font-size:14px; line-height:1.6;
    border-radius:2px; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.zty222y .hkd-form-tip.show{ display:block; }
.zty222y .hkd-form-tip.is-error{ color:#c62828; background-color:#fdecea; border:1px solid #f5c6c2; }
.zty222y .hkd-form-tip.is-success{ color:#1b7a3d; background-color:#e8f5ec; border:1px solid #b9e0c6; }
/* 校验失败的输入框 + 字段下方小字提示 */
.zty222y .form-group.has-error .form-control{ border-color:#c62828; background-color:#fff; }
.zty222y .form-group.has-error .form-control:focus{ box-shadow:0 0 0 2px rgba(198,40,40,.12); }
.zty222y .form-group .hkd-field-err{ display:none; }
.zty222y .form-group.has-error .hkd-field-err{
    display:block; margin-top:6px; font-size:13px; line-height:1.4; color:#c62828;
}


/* 反馈表单（cid 134）：米拓按字段生成 .met-form，这里套回专题页原外观 */
.special-form .form .met-form .form-group{margin-bottom:0.5rem;overflow:hidden;}
.special-form .form .met-form .form-group.m-b-0{margin-bottom:0;}
.special-form .form .met-form .form-control{display:block;padding:0.625rem 1rem;width:100%;height:3.375rem;font-size:1rem;color:#333;border:none;border-radius:0;outline:none;background-color:#fff;background-repeat:no-repeat;background-position:96% center;box-shadow:none;}
.special-form .form .met-form textarea.form-control{height:6.5rem;resize:none;background-position:96% 1rem;}
.special-form .form .met-form .form-group:nth-child(7) .form-control{background-image:url(../images/username.png);}   /* 第1栏 名字 */
.special-form .form .met-form .form-group:nth-child(9) .form-control{background-image:url(../images/username.png);}   /* 第3栏 电话 */
.special-form .form .met-form .form-group:nth-child(10) .form-control{background-image:url(../images/usertxts.png);}  /* 第4栏 内容 */
.special-form .form .met-form button[type=submit]{display:block;width:100%;height:3.375rem;line-height:3.375rem;padding:0;font-size:1rem;color:#333;text-align:center;border:none;border-radius:0;background:#f7b500;}
.special-form .form .met-form button[type=submit]:hover{color:#fff;background-color:#04287e;}