/*
 * Inner Style Index (industrial)
 * - final inner block:    inner-final-industrial-20260529z
 * - final feedback block: feedback-final-industrial-20260529z
 * - note: edit these final blocks first; avoid appending duplicate overrides.
 */

@charset "utf-8";

/* base 公共部分 */
body {
  font: 12px/22px "微软雅黑";
  color: #555;
  margin: 0px;
  text-align: center;
}

* {
  padding: 0;
  margin: 0;
}

a {
  color: #555;
  text-decoration: none;
}

a:hover {
  color: #0278b8;
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

img {
  border: none;
}

.clearboth {
  clear: both;
}

.page {
  text-align: center;
  margin: 20px 0 40px 0;
  width: 100%;
  float: left;
  font-size: 1.2em;
}

.page .p_state {
  padding: 0px 5px;
  font-weight: bold;
  color: #b3b3b3;
  float: left;
}

.page .p_state .p_curr,
.page .p_state .p_pages {
  padding: 2px 8px;
}

.page a {
  border: solid 1px #eaeaea;
  color: #b3b3b3;
  margin: 0 2px;
  padding: 2px 8px;
}

.page strong {
  padding: 0px 5px;
}

.page a.dq,
.page a:hover {
  color: #F60
}

.page a.on {
  color: #F60
}

.wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow: hidden;
}

#header {
  border-bottom: solid 1px #eaeaea;
  margin-bottom: 10px;
}

#header .container {
  padding-right: 0;
}

.logo {
  float: left;
  width: 100px;
  padding: 0;
  text-align: left;
  padding: 30px 0;
}

.logo img {
  height: 50px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.nav-box {
  width: 100%;
  display: none;
}

.container1 {
  margin-right: auto;
  margin-left: 335px;
}

@media (min-width:768px) {
  .container1 {
    width: 815px
  }
}

@media (min-width:992px) {
  .container1 {
    width: 970px
  }
}

@media (min-width:1200px) {
  .container1 {
    width: 815px
  }
}

.nav-box .container {
  padding: 0;
}

.nav {
  position: relative;
  z-index: 1;
  width: 800px;
  float: left
}

.language {
  margin-right: 0px;
  width: 80px;
  float: left;
  line-height: 14px;
  color: #F60;
  padding-top: 15px;
  display: none
}

.language a {
  font-size: 16px;
  color: #000
}

.language a.on {
  color: #F60
}

.nav a {
  color: #000;
}

.nav .nLi {
  float: left;
  position: relative;
  display: inline;
  width: 14%;
  padding-top: 15px;
}

.nav .nLi h3 {
  float: left;
  margin: 0;
}

.nav .nLi h3 a {
  display: block;
  font-weight: normal;
  color: #000;
  line-height: 50px;
}

.nav .nLi h3 a:hover,
.nav .nLi h3 a.active {
  border-bottom: solid 2px #000;
}

.nav .sub {
  display: none;
  width: 120px;
  left: 5px;
  top: 40px;
  position: absolute;
  background: #4E4E4E;
  line-height: 26px;
  padding: 5px 0;
}

.nav .sub li {
  zoom: 1;
}

.nav .sub a {
  display: block;
  padding: 2px 10px;
  text-align: center;
  font-size: 14px;
}

.nav .sub a:hover {
  background: #6d6d6d;
  color: #fff;
}

.nav .on h3 a {}

.wz {
  float: left;
  margin: 28px 0 0 20px;
  font-size: 1.2em;
}

.tel {
  float: right;
  margin: 28px 0 0 0;
  font-size: 1.6em;
  font-weight: bold;
  color: #d10e2c;
}

.nav3 {
  width: 160px;
  float: right;
  display: none;
}

.nav3 ul li {
  float: left;
  background: #f1f1f1;
  text-align: center;
  width: 80px;
  padding: 9px 0;
  border-left: 1px solid #fff;
}

.nav-box2 {
  display: block;
  float: right;
  margin-top: 30px;
  width: 38%
}

.nav2 {
  height: 40px;
  line-height: 40px;
  float: right;
  z-index: 9999999;
  position: relative
}

.nav2 a {
  color: #fff;
}

.nav2 .nLi {
  float: left;
  position: relative;
  display: inline;
}

.nav2 .nLi h3 {
  float: left;
  margin: 0;
}

.nav2 .nLi h3 a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 54px;
  font-size: 16px;
  font-weight: normal;
  color: #555;
}

.nav2 .sub {
  display: none;
  width: 100px;
  right: 5px;
  top: 40px;
  position: absolute;
  background: #f60;
  line-height: 26px;
  padding: 5px 0;
}

.nav2 .sub li {
  zoom: 1;
}

.nav2 .sub a {
  display: block;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
}

.nav2 .sub a:hover {
  background: #f60;
  color: #fff;
}

.nav2 .on h3 a {}

.search {
  display: none;
}

#banner {
  padding: 0;
  background: #efefef;
}

.banner {
  width: 100%;
}

.slideBox {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.slideBox .hd {
  overflow: hidden;
  position: absolute;
  left: 50%;
  width: 140px;
  margin-left: -55px;
  bottom: 10px;
  z-index: 1;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox .hd ul li {
  float: left;
  margin-right: 5px;
  width: 30px;
  height: 5px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  cursor: pointer;
}

.slideBox .hd ul li.on {
  background: #f00;
  color: #fff;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

.slideBox .bd img {
  max-width: 100%;
  display: block;
  height: auto;
}

/*首页-分类*/
.flei {
  width: 100%;
  height: auto;
  background-size: auto 100%;
}

.flei .container {
  padding: 0;
}

.flei .container .wmfw {
  width: 100%;
}

.flei .container .wm {
  padding-bottom: 60px;
}

.flei .container .wmfw p {
  text-align: center;
  margin: 0 auto;
}

.flei .container .wmfw .bt {
  font-size: 36px;
  font-weight: bold;
  color: #F60;
  padding-top: 68px;
}

.flei .container .wmfw .hg {
  width: 66px;
  border-bottom: solid 3px #F60;
  margin: 0 auto;
  padding-top: 30px;
}

.flei .container .wmfw .fbt {
  font-size: 18px;
  color: #747475;
  padding-top: 11px;
}

.flei .container .wmfw .xbt {
  font-size: 18px;
  color: #747475;
  width: 67%;
  margin: 0 auto;
  color: #1a1a1a;
  margin-top: 30px;
  line-height: 30px;
}

.flei .container .wmfw .thumbnail {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 0;
  background: #efefef;
  border: none;
  margin-top: 40px;
  padding: 0px;
  margin-bottom: 70px;
  color: #646464;
  box-shadow: #ccc 5px 5px 30px 5px;
}

.flei .container .wmfw .thumbnail:hover {
  background: #fdddc8;
}

.flei .container .wmfw .thumbnail img {
  width: 100%;
  height: auto;
  padding: 5px;
}

.flei .container .wmfw .thumbnail .dg {
  font-size: 22px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #333;
}

.flei .container .wmfw .thumbnail01 .dg {
  font-size: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: bold;
  color: #333
}

.flei .container .wmfw .thumbnail .dt {
  font-size: 12px;
  padding: 0 60px 20px 60px;
}

.flei .container .wmfw .row .ba .thumbnail01 {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 0;
  border: none;
  padding: 0px;
  margin-bottom: 40px;
}

.flei .container .wmfw .rk {
  font-size: 18px;
  color: #005cad;
  text-align: center
}

.flei .container .wmfw .frk {
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin-top: 13px;
}

.flei .container .wmfw .gj {
  font-size: 14px;
  margin-top: 42px;
}

.flei .container .wmfw .gj .col-md-6 {
  line-height: 30px;
  color: #333;
  text-align: center;
}

.flei .container .wmfw .sdds {
  width: 100%;
  height: auto
}

.flei .container .wmfw .row .ba .thumbnail01 .ld img {
  width: 100%;
  height: auto
}

.flei .container .wmfw .row .ba .thumbnail01 .ld01 {
  width: 94px;
  height: 94px;
  background: url(../images/xq01.jpg) no-repeat;
  transition: 1s;
}

.flei .container .wmfw .row .ba .thumbnail01 .ld01:hover {
  width: 94px;
  height: 94px;
  background: url(../images/bh01.jpg) no-repeat;
  transform: rotate(360deg);
}

.flei .container .wmfw .row .ba .thumbnail01 .ld02 {
  width: 94px;
  height: 94px;
  background: url(../images/xq02.jpg) no-repeat;
  transition: 1s;
}

.flei .container .wmfw .row .ba .thumbnail01 .ld02:hover {
  width: 94px;
  height: 94px;
  background: url(../images/bh02.jpg) no-repeat;
  transform: rotate(360deg);
}

.flei .container .wmfw .row .ba .thumbnail01 .ld03 {
  width: 94px;
  height: 94px;
  background: url(../images/xq03.jpg) no-repeat;
  transition: 1s;
}

.flei .container .wmfw .row .ba .thumbnail01 .ld03:hover {
  width: 94px;
  height: 94px;
  background: url(../images/bh03.jpg) no-repeat;
  transform: rotate(360deg);
}

.flei .container .wmfw .row .ba .thumbnail01 .ld04 {
  width: 94px;
  height: 94px;
  background: url(../images/xq04.jpg) no-repeat;
  transition: 1s;
}

.flei .container .wmfw .row .ba .thumbnail01 .ld04:hover {
  width: 94px;
  height: 94px;
  background: url(../images/bh04.jpg) no-repeat;
  transform: rotate(360deg);
}

.flei .container .wmfw .row .ba .thumbnail01 .ld05 {
  width: 94px;
  height: 94px;
  background: url(../images/xq05.jpg) no-repeat;
  transition: 1s;
}

.flei .container .wmfw .row .ba .thumbnail01 .ld05:hover {
  width: 94px;
  height: 94px;
  background: url(../images/bh05.jpg) no-repeat;
  transform: rotate(360deg);
}

.flei .container .wmfw .row .ba .thumbnail01 .dg {
  font-size: 24px;
  color: #333;
  padding-top: 16px;
  padding-bottom: 16px;
}

.flei .container .wmfw .row .ba .thumbnail01 .dt {
  font-size: 14px;
  color: #646464;
  padding-bottom: 16px;
}

.flei .container .wmfw .row .ba .thumbnail01 .dt1 {
  font-size: 14px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  background: #000000;
}

.flei .container .wmfw .row .thumbnail01 {
  margin-top: 40px;
}

.flei .container .wmfw .row .thumbnail01 .dtt {
  font-size: 16px;
  color: #333;
  margin-top: 30px;
  line-height: 26px;
}

.wzdz {
  width: 100%;
  height: auto;
  background: none
}

.wzdz img {
  width: 100%;
  height: auto;
}

.wzdz .container .wmfw {
  width: 100%;
}

.wzdz .container .wmfw p {
  text-align: center;
  margin: 0 auto;
}

.wzdz .container .wmfw .bt {
  font-size: 36px;
  font-weight: bold;
  color: #F60;
  padding-top: 68px;
}

.wzdz .container .wmfw .hg {
  width: 66px;
  border-bottom: solid 3px #F60;
  margin: 0 auto;
  padding-top: 30px;
}

.wzdz .container .wmfw .fbt {
  font-size: 18px;
  color: #ccc;
  padding-top: 11px;
}

.rollBox {
  width: 100%;
  overflow: hidden;
  margin: 0px 0 50px 0
}

.rollBox .LeftBotton {
  height: 66px;
  width: 51px;
  background: url(../images/an1.png) no-repeat 2px 0;
  overflow: hidden;
  float: left;
  display: inline;
  margin: 185px 0 0 0;
  cursor: pointer;
}

.rollBox .RightBotton {
  height: 66px;
  width: 48px;
  background: url(../images/an2.png) no-repeat -2px 0;
  overflow: hidden;
  float: left;
  display: inline;
  margin: 185px 0 0 0;
  cursor: pointer;
}

.rollBox .Cont {
  width: 71%;
  overflow: hidden;
  float: left;
  margin-top: 30px;
}

.rollBox .ScrCont {
  width: 10000000px;
}

.rollBox .Cont .pic {
  float: left;
  text-align: center;
  margin-left: 34px;
  background: #e4e4e4;
  width: 258px;
  height: auto
}

.rollBox .Cont .pic img {
  width: 258px;
  border: 1px solid #ccc;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}

.rollBox .Cont a:link,
.rollBox .Cont a:visited {
  color: #626466;
  text-decoration: none;
}

.rollBox .Cont a:hover {
  color: #f00;
  text-decoration: underline;
}

.rollBox #List1,
.rollBox #List2 {
  float: left;
}

.rollBox .Cont .pic p {
  color: #505050;
  font-size: 18px;
  float: left;
  width: 90%;
  text-align: left;
  padding: 0 30px;
}

.rollBox .Cont .pic p.third {
  font-size: 12px
}

.rollBox .Cont .pic p .ck {
  width: 80px;
  height: 30px;
  border: solid 1px #ccc;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  display: block;
}

.rollBox .Cont .pic p .ck:hover {
  text-decoration: none;
  color: #fff;
  background: #f60
}


.gsjj {
  width: 100%;
  height: auto;
}

.gsjj p {
  margin: 0 auto;
  text-align: left
}

.gsjj .img-responsive {
  margin: 0 auto;
  padding-top: 58px;
}

.gsjj .wmss {
  width: 100%;
  margin-top: 20px;
  float: left;
  background: none;
  margin-bottom: 30px;
}

.gsjj .about-rich-content .about-title {
  font-size: 30px;
  text-align: center;
  color: #000
}

.gsjj .wmss h3 {
  height: 19px;
  width: 100%;
  margin: 10px auto
}

.gsjj .wmss h3 a {
  font-size: 14px;
  color: #7f7c7c;
  margin: 0 auto;
  font-weight: normal;
  text-align: center;
  display: block;
  line-height: 20px;
}

.gsjj .wmss .aboutjs {
  width: 100%;
  float: right;
  margin-top: 30px;
}

.gsjj .wmss .aboutjs .fi {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 30px;
}

.gsjj .wmss .aboutjs .sec {
  font-size: 20px;
  font-weight: bold;
  color: #f64267;
  padding-top: 20px;
}

.gsjj .wmss .aboutjs .tir {
  font-size: 14px;
  color: #6e6d6d;
  padding-top: 20px;
}

.gsjj .wmss h4 {
  font-size: 14px;
  color: #000000;
  margin: 30px auto;
  font-weight: 400;
  text-align: center;
  display: block;
  line-height: 20px;
}

.gsjj .wmss .tdimg {
  width: 100%;
  height: auto;
}

.gsjj .wmss .partnerimg {
  width: 100%;
  height: auto;
}

.gsjj .wmss video {
  width: 100%;
  margin-top: 20px;
}


.gsjj .wmss .certificate {
  font-size: 36px;
  text-align: center;
  color: #fff;
  padding-bottom: 30px;
}

.gsjj .wmss .row img {
  width: 100%;
  height: auto;
  margin-top: 10px;
}

.wmzy {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 20px;
  background: #000000
}

.wmzy .zylf {
  width: 100%;
  float: left;
  padding-top: 25px
}

.wmzy .zylf .fir {
  font-size: 20px;
  color: #fff
}

.wmzy .zylf .sec {
  font-size: 14px;
  color: #fff;
  padding-top: 30px;
  font-weight: 400;
  line-height: 20px;
}

.wmzy .plimg {
  float: left;
  padding: 20px 0px 20px 0px;
}


.tab {
  width: 100%;
  margin-top: 30px;
}

.tab h2 {
  width: 445px;
  overflow: hidden;
  font-size: 16px;
  font-weight: normal;
  color: #666869;
  margin: 0 auto;
}

.tab h2 span,
.tab h2 a {
  float: left;
  margin-left: 32px;
  line-height: 25px;
  text-align: left;
  cursor: pointer;
}

.tab h2 .current {
  background: #fff;
  border-bottom: 2px solid #015dad;
  color: #015dad;
  padding-bottom: 5px;
}

.tab ul {
  margin-top: 30px;
  width: 100%;
}

.tab ul li {
  width: 16.6%;
  float: left;
}

.tab ul li img {
  width: 100%;
  height: auto;
}

.tab05 {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  color: #555;
}

.tab05 h2 {
  width: 100%;
  overflow: hidden;
  font-weight: normal;
  background: url(../images/gsjj.png) no-repeat left top;
  height: 74px;
  font-size: 18px
}

.tab05 h2 span,
.tab05 h2 a {
  float: left;
  padding-left: 27px;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  font-size: 18px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 29px;
}

.tab05 h2 .current {
  color: #2168b0;
}

.tab05 ul {}

.tab05 ul span {
  width: 42%;
  float: left;
  display: none
}

.tab05 ul .sk {
  width: 100%;
  float: right;
}

.tab05 ul .sk p {
  text-align: left;
  line-height: 30px;
}

.tab05 ul .sk p a {
  color: #2168b0
}

/*产品中心*/
#product .container {
  background: #fff;
  padding: 15px 15px;
}

.product-title {
  border-left: 3px solid #d10e2c;
  padding-left: 10px;
}

.product-title h3 {
  font-size: 2em;
  color: #000;
}

.product-title h3 a {
  color: #000;
}

.product-title p {
  font-size: 1.25em;
}

.product-content {
  margin-top: 20px;
}

.product-content img {
  width: 100%;
}

.product-content a h3 {
  color: #000;
  margin: 10px 0;
  font-size: 18px;
}

.product-content a p {
  color: #555;
  font-size: 1.25em;
  margin: 5px 0 20px 0;
}

.product-content a p.more {
  color: #777;
  font-size: 1em;
  margin-bottom: 20px;
}

.product-content a p.more span {
  color: #d10e2c;
}

.product-bottom {
  background: #f5f5f5;
}

.product-bottom ul {
  padding: 20px;
}

.product-bottom ul li {
  float: left;
  margin-right: 15px;
  font-size: 1.2em;
}

.product-bottom ul li a.more {
  color: #d10e2c;
}

.product-content .name {
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #000;
}

.product-content .date {
  text-align: center;
  margin-bottom: 10px;
  border-bottom: dashed 1px #dadada;
  padding-bottom: 10px;
}

.product-content .nr {
  padding: 8px 18px;
  font-size: 1.2em;
  line-height: 2;
}

.product-content .nr img {
  width: 100%;
}

.product-content .back {
  text-align: center;
  font-size: 1.2em;
  margin-top: 10px;
}

.product-content .back a:hover {
  color: #ec6100;
}

.product-content .prev_next {
  margin-bottom: 20px;
}

.product-content .prev_next .Pre {
  float: left;
  margin-left: 20px;
}

.product-content .prev_next .Next {
  float: right;
  margin-right: 20px;
}

.product-content .prev_next a:hover {
  color: #ec6100;
}

.pro-tp {
  width: 100%;
  overflow: hidden;
}

.pro-tp img {
  width: 100%;
  transform: scale(1, 1);
  transition-duration: 0.5s;
}

.pro-tp img:hover {
  transform: scale(1.1, 1.1);
  transition-duration: 0.5s;
}



/*新闻中心*/
#news {}

#news .container {
  background: #fff;
  padding: 20px 0 0 0;
}

#news .container .wmfw p {
  text-align: center;
  margin: 0 auto;
}

#news .container .wmfw .bt {
  font-size: 36px;
  font-weight: bold;
  color: #f60;
  margin-top: 68px;
}

#news .container .wmfw .hg {
  width: 66px;
  border-bottom: solid 3px #f60;
  margin: 0 auto;
  padding-top: 30px;
}

#news .container .wmfw .fbt {
  font-size: 18px;
  color: #747475;
  padding-top: 11px;
  padding-bottom: 40px;
}

.news-title {
  font-size: 2.5em;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}

.news-title a {
  color: #000;
}

.news-tp img {
  width: 100%;
}

.news-content {
  font-size: 1.2em;
  padding: 10px 0 50px 0;
}

.news-content .col-sm-6 {
  margin-bottom: 15px;
}

.news-content a {
  float: left;
  color: #333;
  padding-left: 25px;
  background: url(../images/bg3.png) left no-repeat;
}

.news-content span {
  float: right;
  color: #777;
  display: none;
}

/**/

/*小程序*/
#applet {
  margin-bottom: 50px;
  text-align: center;
}

#applet .container .title p {
  text-align: center;
  margin: 0 auto;
}

#applet .container .title .bt {
  font-size: 36px;
  font-weight: bold;
  color: #f60;
  margin-top: 68px;
}

#applet .container .title .hg {
  width: 66px;
  border-bottom: solid 3px #f60;
  margin: 0 auto;
  padding-top: 30px;
}

#applet .container .title .fbt {
  font-size: 18px;
  color: #747475;
  padding-top: 11px;
  padding-bottom: 40px;
}

/*内页--关于我们*/
.sider-nav {
  padding-top: 15px;
  background: #f1f1f1;
  padding-bottom: 15px;
}

.sider-nav ul {
  margin-bottom: 0;
}

.sider-nav ul li {
  float: left;
  font-size: 1.2em;
}

.sider-nav ul li a {
  display: block;
  color: #000;
  padding: 0 20px;
}

.sider-nav ul li a:hover {
  color: #f60;
}

.product-sider-nav {
  padding-top: 15px;
  border-bottom: solid 1px #dcdbdb;
  padding-bottom: 15px;
}

.product-sider-nav a {
  display: block;
  color: #000;
  padding: 0 5px;
  float: left;
  font-size: 1.2em;
}

.product-sider-nav .sy {
  background: url(../images/icon.png) no-repeat left;
  padding-left: 30px;
}

.product-sider-nav .active {
  color: #f60
}

/*产品中心*/
.product-nav {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.product-nav .product-nav-title {
  width: 100%;
  background: #f64367;
  height: 75px;
  line-height: 75px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}

.product-nav .product-nav-title span {
  font-size: 12px;
  padding-left: 10px;
}

.product-nav .menu_head {
  width: 100%;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #ffc8d4;
  margin-top: 2px;
  padding-left: 45px;
  font-size: 16px;
  color: #f64367;
}

.product-nav .menu_head a {
  color: #f64367;
}

.product-nav .menu_head i {
  width: 8px;
  height: 8px;
  border: solid 1px #fff;
  border-radius: 50%;
  float: right;
  margin-top: 16px;
  margin-right: 20px;
}

.product-nav .menu_list .current {
  background: #f64367;
  color: #fff;
}

.product-nav .menu_list .current a {
  color: #fff;
}

.product-nav .menu_body {
  width: 100%;
  height: auto;
  overflow: hidden;
  line-height: 38px;
}

.product-nav .menu_body a {
  font-size: 14px;
  color: #f64367;
  display: block;
  padding-left: 45px;
  border-bottom: solid 1px #fbe6eb;
}

.product-nav .menu_body a i {
  background: url(../images/icon01.png) no-repeat left;
  padding-left: 20px;
  font-style: normal
}

.product-nav .menu_body a:hover {
  background: #f64367;
  color: #fff
}

.product-nav .menu_body a:hover i {
  background: url(../images/icon02.png) no-repeat left;
}


.product-content {
  width: 100%;
  float: right;
}

.product-content .title {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #333;
  text-align: right;
  margin-bottom: 20px;
  border-bottom: solid 1px #eaeaea;
  padding-bottom: 10px;
}

/*人才招聘*/

#product .job {
  width: 100%;
  float: left
}

.job .menu_head {
  width: 100%;
  float: left;
  min-height: 44px;
  border: 0 !important;
  line-height: 44px;
  background: #f5f5f5;
  margin-top: 1px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 700;
  color: #222;
  cursor: pointer
}

.job .menu_head i {
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
  float: right;
  margin-top: 18px
}

.job .menu_list .current {
  background: #333;
  color: #fff
}

.job .menu_body {
  width: 100%;
  border: 0 !important;
  overflow: hidden;
  line-height: 1.85;
  padding: 20px 16px;
  font-size: 14px;
  color: #555
}


/*在线留言*/
.feedback {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}

.feedback .name {
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #000;
  margin-top: 40px;
}

.feedback .nr {
  width: 100%;
}

.guestbook #bookAdd {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
}

.guestbook #bookAdd .Text {
  display: inline-block;
  height: 150px;
  width: 100%;
  padding: 0 5px;
  border: 1px solid #e4e4e4;
  resize: none;
  padding-top: 5px;
  box-sizing: border-box;
}

.guestbook #bookAdd p {
  text-align: center;
}

.f-cb {
  zoom: 1;
}

.guestbook #bookAdd .InputText {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e4e4e4;
  padding: 0 5px;
  box-sizing: border-box;
  margin-top: 20px;
}

input[type="text"],
input[type="number"] {
  -webkit-appearance: none;
}

.fl {
  float: left;
  display: inline;
}

input {
  outline: none;
}

.guestbook #bookAdd .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 28px;
  background: #f60;
  color: #fff;
  border: 0px;
  display: inline-block;
  margin-top: 10px;
}


/*新闻列表*/
.news-list {
  padding: 20px 0;
}

.news-list img {
  width: 100%;
  margin-top: 7px;
}

.news-list .row {
  background: #f5f5f5;
  margin: 30px 0;
}

.news-list .row:hover {
  -webkit-box-shadow: 0 2px 5px #aaa;
  -moz-box-shadow: 0 2px 5px #aaa;
  box-shadow: 0 2px 5px #aaa;
}

.news-list h3 {
  font-size: 1.5em;
  line-height: 1.5;
}

.news-list h3 a {
  color: #000;
}

.news-list p {
  font-size: 1.2em;
}

.news-list p.date {
  font-size: 1em;
  color: #777;
}

.news-list p.more a {
  color: #d10e2c
}

/*新闻详细页*/
.news_show {
  padding: 40px 0;
}

.news_show .name {
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  color: #000;
}

.news_show .date {
  text-align: center;
  margin-bottom: 10px;
  border-bottom: dashed 1px #dadada;
  padding-bottom: 10px;
}

.news_show .nr {
  padding: 8px 18px;
  font-size: 1.2em;
  line-height: 2;
}

.news_show .nr img {
  width: 100%;
}

.news_show .back {
  text-align: left;
  font-size: 1.2em;
}

.news_show .back .Pre {
  float: left;
  margin-left: 20px;
}

.news_show .back .Next {
  float: right;
  margin-right: 20px;
}

.news_show .back a:hover {
  color: #ec6100;
}

.news_show .back {
  text-align: center;
}

/*联系我们*/
.contact {
  text-align: center;
  padding: 60px 0;
}

.contact h3 {
  font-size: 1.5em;
  color: #000;
}

.contact p {
  font-size: 1.2em;
  color: #555;
}

.contact p.more a {
  color: #777;
}

.map {
  width: 100%;
  height: auto;
  margin-top: 40px;
}

#dituContent {
  width: 100%;
  height: 300px;
}


/*首页--底部*/
#footer .container {
  padding: 20px 15px;
}

#footer {
  background: #000;
}

#footer a {
  color: #333;
}

#footer h3 {
  font-size: 14px;
  font-weight: normal;
}

#footer ul li {
  line-height: 32px;
  font-size: 1.2em;
}

#footer ul li a {
  color: #9e9e9e;
}

#footer p {
  margin: 6px 0;
  display: block;
  width: 100%;
  color: #9e9e9e;
  font-size: 12px;
  float: left;
}

#footer img {
  float: left;
  margin-top: 0;
}

#footer .ft2 {
  color: #9e9e9e
}

#footer .ft2 .container {
  padding: 0;
  text-align: center;
  font-size: 1em;
}

#footer .ft2 p a {
  color: #9e9e9e;
  white-space: nowrap;
}

#footer .lx {
  display: block;
  width: 55%;
}

#footer .bg {
  display: none;
  width: 100%;
}

#footer .em {
  display: block;
  width: 45%;
}

#footer .em img {
  width: 70%;
}

#footer .rg {
  margin-top: 145px;
  margin-left: 34px;
}

#footer .pz {
  text-align: center;
  padding-left: 30px;
  font-size: 12px
}


@media(min-width:768px) {
  .logo {}

  .nav-box2 {
    display: block;
    width: 19%
  }

  .nav-box {
    display: none;
  }

  .nav .nLi h3 a {
    font-size: 14px;
    padding: 0 26px;
  }

  .sider-nav ul li {
    float: left;
    font-size: 1.3em;
  }

  .sider-nav ul li a {
    margin: 0 15px;
    padding: 10px 0 15px 0;
  }

  .sider-nav ul li a.active {
    color: #f60
  }

  .about-title {
    margin: 50px auto 30px;
    font-size: 2.5em;
  }

  .news-list {
    padding: 30px 0;
  }

  .news-content span {
    display: none;
  }

  .news-list h3 {
    font-size: 1.8em;
  }

  .jzxl {
    background: none;
  }

  .wzdz {
    width: 100%;
    height: auto;
    background: none
  }

  .flei ul li {
    width: 33.3333%;
    float: left;
    border-right: 1px solid #ccc;
    padding: 20px 0;
    padding-left: 80px;
    padding-right: -1px;
    border-bottom: 3px solid #efefef;
  }

  .rollBox .Cont {
    width: 86%;
    overflow: hidden;
    float: left;
    margin-top: 30px;
  }

  .gsjj {
    width: 100%;
    background: none;
    height: auto;
  }

  .gsjj .wmss {
    width: 100%;
    margin-top: 20px;
    float: left;
    background: none;
    margin-bottom: 30px;
    min-height: 350px;
  }

  .gsjj .about-rich-content .about-title {
    font-size: 36px;
    text-align: center;
    color: #000
  }

  .gsjj .wmss h3 {
    height: 19px;
    width: 100%;
    margin: 10px auto
  }

  .gsjj .wmss h3 a {
    font-size: 14px;
    color: #7f7c7c;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
    display: block;
    line-height: 20px;
  }

  .gsjj .wmss .aboutjs {
    width: 100%;
    float: right;
    margin-top: 30px;
  }

  .gsjj .wmss .aboutjs .fi {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
  }

  .gsjj .wmss .aboutjs .sec {
    font-size: 20px;
    font-weight: bold;
    color: #f64267;
    padding-top: 20px;
  }

  .gsjj .wmss .aboutjs .tir {
    font-size: 14px;
    color: #6e6d6d;
    padding-top: 20px;
  }

  .gsjj .wmss .tdimg {
    width: 59%;
    height: auto;
    float: left
  }

  .gsjj .wmss video {
    width: 39%;
    float: right;
    margin-top: 0px
  }

  .wmzy {
    width: 100%;
    background: #000;
    height: auto;
    margin: 0 auto
  }

  .wmzy .zylf {
    width: 50%;
    float: left;
    padding-top: 50px
  }

  .wmzy .zylf .fir {
    font-size: 20px;
    color: #ffffff
  }

  .wmzy .zylf .sec {
    font-size: 14px;
    color: #ffffff;
    padding-top: 30px;
    font-weight: 400;
    line-height: 20px;
  }

  .wmzy .plimg {
    float: right;
    padding: 50px 0px 50px 0px;
  }

  /*产品中心*/
  .product-nav {
    width: 25%;
    float: left;
    margin-top: 20px;
  }

  .product-nav .product-nav-title {
    width: 100%;
    background: #f64367;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
  }

  .product-nav .product-nav-title span {
    font-size: 12px;
    padding-left: 10px;
  }

  .product-nav .menu_head {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #ffc8d4;
    margin-top: 2px;
    padding-left: 45px;
    font-size: 16px;
    color: #f64367;
  }

  .product-nav .menu_head i {
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    border-radius: 50%;
    float: right;
    margin-top: 16px;
    margin-right: 20px;
  }

  .product-nav .menu_list .current {
    background: #f64367;
    color: #fff;
  }

  .product-nav .menu_body {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 38px;
  }

  .product-nav .menu_body a {
    font-size: 14px;
    color: #f64367;
    display: block;
    padding-left: 45px;
    border-bottom: solid 1px #fbe6eb
  }

  .product-nav .menu_body a:hover {
    background: #f64367;
    color: #fff
  }

  .product-content {
    width: 70%;
    float: right;
  }

  #footer {
    background: #363636;
  }

  #footer .container {
    padding: 20px 0px;
  }

  .flei .container .wm {
    padding-bottom: 40px;
  }

  #footer .ft2 {
    color: #9e9e9e;
  }

  #footer .ft2 .container {
    font-size: 1.2em;
    text-align: left;
  }

  .nav3 {
    display: none;
  }

  .contact h3 {
    font-size: 1.75em;
  }

  #footer .lx {
    display: block;
    width: 55%;
  }

  #footer .bg {
    display: none;
    width: 100%;
  }

  #footer .em {
    display: block;
    width: 45%;
  }

  #footer .rm {
    margin-top: 70px;
    margin-left: 100px;
  }

  #footer .rg {
    margin-top: 30px;
    margin-left: 100px;
  }

  #footer .pz {
    text-align: center;
    padding-left: 80px;
  }

  .flei {
    background: url(../images/bg1.jpg) no-repeat center;
  }

  #tab06 ul span {
    width: 42%;
    float: left;
    display: none;
  }

  #tab06 ul .sk {
    width: 100%;
    float: right;
  }

  #tab06 ul .sk p a {
    color: #2168b0
  }

  .tab h2 {
    width: 445px;
    overflow: hidden;
    font-size: 24px;
    font-weight: normal;
    color: #666869;
    margin: 0 auto;
  }

  .flei .container .wmfw .rk {
    font-size: 18px;
    color: #005cad;
    text-align: left
  }

  .flei .container .wmfw .frk {
    font-size: 16px;
    color: #333333;
    margin-top: 13px;
    text-align: left
  }

  .flei .container .wmfw .gj {
    font-size: 14px;
    margin-top: 42px;
    text-align: left;
  }

  .flei .container .wmfw .gj .col-md-6 {
    text-align: left;
    background: url(../images/tt.jpg) no-repeat left;
  }
}

@media(min-width:992px) {
  .nav-box2 {
    display: block;
    width: 14%
  }

  .nav-box {
    display: none;
  }

  .nav .nLi h3 a {
    font-size: 16px;
    padding: 0 38px;
  }

  .sider-nav ul li {
    float: left;
    font-size: 1.5em;
  }

  .rollBox .Cont {
    width: 89%;
    overflow: hidden;
    float: left;
    margin-top: 30px;
  }

  .gsjj {
    width: 100%;
    background: none;
    height: auto;
  }

  .gsjj .wmss {
    width: 100%;
    margin-top: 20px;
    float: left;
    background: none;
    margin-bottom: 30px;
    min-height: 350px;
  }

  .gsjj .about-rich-content .about-title {
    font-size: 36px;
    text-align: center;
    color: #000
  }

  .gsjj .wmss h3 {
    height: 19px;
    width: 100%;
    background: url(../images/hgf.jpg) no-repeat center top;
    margin: 20px auto
  }

  .gsjj .wmss h3 a {
    font-size: 14px;
    color: #7f7c7c;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
    display: block;
    line-height: 20px;
  }

  .gsjj .wmss .aboutjs {
    width: 100%;
    float: right;
    margin-top: 30px;
  }

  .gsjj .wmss .aboutjs .fi {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
  }

  .gsjj .wmss .aboutjs .sec {
    font-size: 20px;
    font-weight: bold;
    color: #f64267;
    padding-top: 20px;
  }

  .gsjj .wmss .aboutjs .tir {
    font-size: 14px;
    color: #6e6d6d;
    padding-top: 20px;
  }

  .gsjj .wmss .tdimg {
    width: 59%;
    height: auto;
    float: left
  }

  .gsjj .wmss video {
    width: 39%;
    float: right;
    margin-top: 0px
  }

  .news-content span {
    display: block
  }

  .news-list {
    padding: 40px 0;
  }

  .news-list h3 {
    font-size: 2em;
  }

  .nav3 {
    display: block;
  }

  .wzdz {
    width: 100%;
    height: auto;
    background: none
  }

  .flei {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: 100% 100%
  }

  .flei ul li.third span {
    display: block;
  }

  #tab06 ul span {
    width: 42%;
    float: left;
    display: none;
  }

  #tab06 ul .sk {
    width: 100%;
    float: right;
  }

  #tab06 ul .sk p a {
    color: #2168b0
  }

  .wmzy {
    width: 100%;
    background: #000;
    height: auto;
    margin: 0 auto
  }

  .wmzy .zylf {
    width: 60%;
    float: left;
    padding-top: 50px
  }

  .wmzy .zylf .fir {
    font-size: 20px;
    color: #ffffff
  }

  .wmzy .zylf .sec {
    font-size: 14px;
    color: #ffffff;
    padding-top: 30px;
    font-weight: 400;
    line-height: 20px;
  }

  .wmzy .plimg {
    float: right;
    padding: 50px 0px 50px 0px;
  }

  /*产品中心*/
  .product-nav {
    width: 25%;
    float: left;
    margin-top: 20px;
  }

  .product-nav .product-nav-title {
    width: 100%;
    background: #f64367;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
  }

  .product-nav .product-nav-title span {
    font-size: 16px;
    padding-left: 10px;
  }

  .product-nav .menu_head {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #ffc8d4;
    margin-top: 2px;
    padding-left: 45px;
    font-size: 16px;
    color: #f64367;
  }

  .product-nav .menu_head i {
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    border-radius: 50%;
    float: right;
    margin-top: 16px;
    margin-right: 20px;
  }

  .product-nav .menu_list .current {
    background: #f64367;
    color: #fff;
  }

  .product-nav .menu_body {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 38px;
  }

  .product-nav .menu_body a {
    font-size: 14px;
    color: #f64367;
    display: block;
    padding-left: 45px;
    border-bottom: solid 1px #fbe6eb
  }

  .product-nav .menu_body a:hover {
    background: #f64367;
    color: #fff
  }

  .product-content {
    width: 70%;
    float: right;
  }

  #footer .lx {
    display: block;
    width: 33.3%
  }

  #footer .bg {
    display: block;
    width: 33.3%
  }

  #footer .em {
    display: block;
    width: 33.3%
  }

  #footer .ft2 {
    color: #9e9e9e;
  }

  #footer .rm {
    margin-top: 70px;
    margin-left: 100px;
  }

  #footer .rg {
    margin-top: 30px;
    margin-left: 100px;
  }

  #footer .pz {
    text-align: center;
    padding-left: 80px;
  }
}

.rheader {
  border-bottom: 2px solid #ccc;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.rheader .title {
  font-size: 24px;
  font-weight: bold;
}

.rheader .home {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: red;
}

.rfooter {
  border-top: 2px solid #ccc;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.rfooter a {
  font-size: 16px;
  margin: 0px 5px;
}

@media(min-width:1200px) {
  .logo {
    float: left;
    padding: 0;
    text-align: left;
    padding: 30px 0 0 0;
  }

  .logo img {}

  .nav-box2 {
    display: none;
  }

  .nav-box {
    display: block;
  }

  .nav .nLi h3 a {
    font-size: 16px;
    line-height: 84px;
    padding: 0 15px;
  }

  .language {
    line-height: 80px;
  }

  #menu2 {}

  #menu2 ul {
    float: right;
  }

  #menu2 li {
    position: relative;
  }

  #menu2 li a {
    float: left;
  }

  #menu2 ul ul {
    display: none;
    position: absolute;
    top: 101px;
    left: 0;
  }

  #menu2 ul ul li {
    padding: 0px;
  }

  #menu2 ul ul li a {
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 94px;
    padding: 0;
    text-align: center;
    line-height: 39px;
  }

  #menu2 ul ul li a:hover {
    color: #F60
  }

  #product .container {
    padding: 15px 30px;
  }

  .contact h3 {
    font-size: 2em;
  }

  .ba {
    width: 33%;
  }

  .flei {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: 100% 100%
  }

  .rollBox {
    width: 100%;
    overflow: hidden;
    margin: 30px 0 50px 0
  }

  .rollBox .LeftBotton {
    height: 66px;
    width: 51px;
    background: url(../images/an1.png) no-repeat 2px 0;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 185px 0 0 0;
    cursor: pointer;
  }

  .rollBox .RightBotton {
    height: 66px;
    width: 48px;
    background: url(../images/an2.png) no-repeat -2px 0;
    overflow: hidden;
    float: left;
    display: inline;
    margin: 185px 0 0 0;
    cursor: pointer;
  }

  .rollBox .Cont {
    width: 90%;
    overflow: hidden;
    float: left;
  }

  .rollBox .ScrCont {
    width: 10000000px;
  }

  .rollBox .Cont .pic {
    width: 308px;
    height: 500px;
    float: left;
    text-align: center;
    margin-left: 34px;
    background: #e4e4e4;
  }

  .rollBox .Cont .pic img {
    width: 100%;
    height: 315px;
  }

  .rollBox .Cont a:link,
  .rollBox .Cont a:visited {
    color: #626466;
    text-decoration: none;
  }

  .rollBox .Cont a:hover {
    color: #f00;
    text-decoration: underline;
  }

  .rollBox #List1,
  .rollBox #List2 {
    float: left;
  }

  .wzdz {
    background: url(../images/app.jpg) no-repeat center;
    background-size: 100% 100%;
  }

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

  .cont {
    margin-left: 20px;
    margin-right: 20px;
  }

  .gsjj {
    width: 100%;
    background: url(../images/bg8.jpg) no-repeat center;
    background-size: 100% 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .gsjj .wmss {
    width: 100%;
    margin-top: 50px;
    float: left;
    background: url(../images/aboutbg.jpg) no-repeat 0px 175px;
  }

  .gsjj .about-rich-content .about-title {
    font-size: 36px;
    text-align: center;
    color: #000
  }

  .gsjj .wmss h3 {
    height: 19px;
    width: 100%;
    background: url(../images/hgf.jpg) no-repeat center top;
    margin: 20px auto
  }

  .gsjj .wmss h3 a {
    font-size: 14px;
    color: #7f7c7c;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
    display: block;
    line-height: 20px;
  }

  .gsjj .wmss .aboutjs {
    width: 60%;
    float: right;
    margin-top: 50px;
  }

  .gsjj .wmss .aboutjs .fi {
    font-size: 28px;
    font-weight: bold;
    color: #000;
  }

  .gsjj .wmss .aboutjs .sec {
    font-size: 28px;
    font-weight: bold;
    color: #f64267;
    padding-top: 20px;
  }

  .gsjj .wmss .aboutjs .tir {
    font-size: 14px;
    color: #6e6d6d;
    padding-top: 20px;
  }

  .gsjj .wmss .tdimg {
    width: 59%;
    height: auto;
    float: left
  }

  .gsjj .wmss video {
    width: 39%;
    float: right;
    margin-top: 0px
  }

  .wmzy {
    width: 100%;
    background: url(../images/plbg.jpg) no-repeat center;
    height: 533px;
    margin: 0 auto
  }

  .wmzy .zylf {
    width: 60%;
    float: left;
    padding-top: 125px
  }

  .wmzy .zylf .fir {
    font-size: 30px;
    color: #ffffff
  }

  .wmzy .zylf .sec {
    font-size: 18px;
    color: #ffffff;
    padding-top: 30px;
    font-weight: 400;
    line-height: 30px;
  }

  .wmzy .plimg {
    float: right;
    padding: 120px 50px 120px 0px;
  }

  /*产品中心*/
  .product-nav {
    width: 25%;
    float: left;
    margin-top: 20px;
  }

  .product-nav .product-nav-title {
    width: 100%;
    background: #f64367;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
  }

  .product-nav .product-nav-title span {
    font-size: 16px;
    padding-left: 10px;
  }

  .product-nav .menu_head {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #ffc8d4;
    margin-top: 2px;
    padding-left: 45px;
    font-size: 16px;
    color: #f64367;
  }

  .product-nav .menu_head i {
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    border-radius: 50%;
    float: right;
    margin-top: 16px;
    margin-right: 20px;
  }

  .product-nav .menu_list .current {
    background: #f64367;
    color: #fff;
  }

  .product-nav .menu_body {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 38px;
  }

  .product-nav .menu_body a {
    font-size: 14px;
    color: #f64367;
    display: block;
    padding-left: 45px;
    border-bottom: solid 1px #fbe6eb
  }

  .product-nav .menu_body a:hover {
    background: #f64367;
    color: #fff
  }

  .product-content {
    width: 70%;
    float: right;
  }

  .wzdz .container .wmfw .fbt {
    font-size: 18px;
    color: #fff;
    padding-top: 11px;
  }

  .side-nav-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #f64367;
    padding-left: 45px;
    border-bottom: 2px solid #ffc8d4;
    color: #fff;
  }

  .side-nav-title span {
    font-size: 14px;
    margin-left: 10px;
  }

  .side-related ul li a {
    display: block;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #ccc;
  }


  #footer .txtzone {
    border-bottom: 1px solid #3f3f3f;
  }

  #footer .lx {
    display: block;
    width: 33.3%
  }

  #footer .bg {
    display: block;
    width: 33.3%
  }

  #footer .em {
    display: block;
    width: 33.3%
  }

  #footer .ft2 {
    border-top: 1px solid #2b2b2b;
  }

  #footer .rm {
    margin-top: 40px;
    margin-left: 100px;
  }

  #footer .rg {
    margin-top: 0px;
    margin-left: 100px;
  }

  #footer .pz {
    text-align: center;
    padding-left: 80px;
  }

  #tab06 ul span {
    width: 42%;
    float: left;
    display: block;
  }

  #tab06 ul span img {
    width: 85%
  }

  #tab06 ul .sk {
    width: 58%;
    float: right;
    margin-top: 30px;
  }

  #tab06 ul .sk p a {
    color: #2168b0
  }
}

#footer .f-nav h3 a {
  font-size: 14px;
}

#footer .f-nav ul li {
  line-height: 20px;
}

#footer .f-nav ul li a {
  font-size: 12px;
}

.sitemap {
  padding: 50px 0;
}

.sitemap .map1 {
  margin: 5px 0;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  background: #efefef;
  border-bottom: 2px solid #cfcfcf;
}

.sitemap .map2 {
  padding: 0px 20px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dashed #cfcfcf;
}

.sitemap .map-list .items a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0px 10px;
  color: #999;
}

.info404 .icon,
.info404 .info {
  height: 400px;
  line-height: 400px;
}

.info404 .icon {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

.info404 .icon span {
  padding: 10px 50px;
  border: 1px solid #F60;
  color: #F60;
  border-radius: 5px;
}

.info404 .info {
  text-align: left;
  font-size: 20px;
}

.info404 .info a {
  color: #F60;
}

.info-tags {
  padding: 0px 18px;
}

.info-tags .tag {
  display: inline-block;
  background: #efefef;
  padding: 2px 5px;
  border-radius: 3px;
}

.info-tags .bshare-custom {
  display: inline-block;
  float: right;
}

.bottom-nav-title {
  height: 30px;
  line-height: 30px;
  padding-left: 18px;
  margin-top: 10px;
  border-bottom: 2px solid #efefef;
  font-size: 14px;
}

.bottom-news-list {}

.bottom-pro-list img {
  width: 100%;
}

.links {
  padding: 20px 0;
  background: #efefef;
  ;
}

.links a {
  display: inline-block;
  float: left;
  height: 90px;
  margin-right: 5px;
  margin-bottom: 5px;
  /*border:1px solid #efefef;*/
  padding: 5px 5px 0px 5px;
  border-radius: 3px;
  text-align: center;
  background: #fff;
}

/* .links a:first-child{line-height:90px;border:none; font-size:12px; background: none;} */
.links a span {
  display: block;
  text-align: center;
  line-height: 35px;
}

.floatWindow {
  position: fixed;
  right: 35px;
  bottom: 24%;
  /*width:65px;*/
  z-index: 99;
  cursor: pointer;
}

.floatWindow .list {
  margin-top: -5px;
}

.floatWindow .list .item {
  margin-bottom: 5px;
  position: relative;
  width: 44px;
  height: 44px;
  background-color: #666666;
  line-height: 44px;
  text-align: center;
  color: #fff;
}

.floatWindow .list .item:hover {
  background-color: #2a7efb;
}

.floatWindow .list .item .itemCon {
  right: 100%;
  position: absolute;
  top: 0;
  display: none;
  padding-right: 20px;
}

.floatWindow .list .item.return {
  background-color: #b2b2b2;
}

.floatWindow .list .item.return:hover {
  background-color: #666;
}

.floatWindow .list .item .fa {
  font-size: 25px;
  line-height: 44px;
}

.floatWindow .list .item .itemCon .ewm {}

.floatWindow .list .item .itemCon .ewm .pictrue {
  width: 150px;
  height: 150px;
  vertical-align: middle;
  margin: 4.5px;
  position: relative;
  border: 1px solid #eee;
}

.floatWindow .list .item .itemCon .ewm .pictrue img {
  width: 100%;
  height: 100%;
}

.floatWindow .list .item .itemCon .ewm .pictrue .arrow,
.floatWindow .list .item .itemCon .qq .arrow,
.floatWindow .list .item .itemCon .phone .arrow {
  position: absolute;
  right: -16px;
  top: 10px;
  width: 0px;
  height: 0px;
  border: 8px solid transparent;
  border-left-color: #eee;
}

.floatWindow .list .item .itemCon .ewm .pictrue .arrow:before,
.floatWindow .list .item .itemCon .qq .arrow:before,
.floatWindow .list .item .itemCon .phone .arrow:before {
  position: absolute;
  left: -8px;
  top: -7px;
  content: "";
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-left-color: #fff;
}

.floatWindow .list .item .itemCon .qq,
.floatWindow .list .item .itemCon .phone {
  width: 220px;
  border: 1px solid #eeeeee;
  padding: 12px 15px;
  font-size: 15px;
  color: #282828;
  background-color: #fff;
  position: relative;
}

.floatWindow .list .item .itemCon .qq img,
.floatWindow .list .item .itemCon .phone img {
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}

.floatWindow .list .item .itemCon .phone .dis {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.floatWindow .list .item .itemCon .phone .items {
  height: 25px;
  line-height: 25px;
}

.floatWindow .list .item .itemCon .phone .items.num {
  color: #ff0200;
}

.floatWindow .list .item .itemCon.link {
  padding-right: 0px;
  background: #fff;
  color: #282828;
  width: 100px;
}


@media screen and (max-width: 480px) {
  .links a {
    display: inline;
    border: none;
    height: 24px !important;
    line-height: 24px !important;
    margin: 0px;
  }

  /* .links a:first-child{display:inline;height:24px !important;line-height:24px !important;font-size:12px;} */
  .links span {
    display: inline;
    line-height: 24px !important;
  }

  .links img {
    display: none;
  }

  .floatWindow {
    right: 0px;
  }
}

/* =========================
   2026 Template Refresh
   低风险覆盖层：不改结构，仅做视觉统一
   ========================= */

:root {
  --ui-primary: #ef6c00;
  --ui-primary-hover: #c04f00;
  --ui-text-main: #3a2c21;
  --ui-text-sub: #6a5240;
  --ui-text-soft: #8a6e56;
  --ui-border: #eadbcf;
  --ui-border-strong: #d4bda8;
  --ui-surface: #ffffff;
  --ui-bg: #fdf7f1;
  --ui-footer: #2f2218;
}

body {
  background: var(--ui-bg);
  color: var(--ui-text-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  transition: color .2s ease;
}

a:hover {
  color: var(--ui-primary);
}

#header {
  background: var(--ui-surface);
  border-bottom: 1px solid var(--ui-border);
  margin-bottom: 0;
  box-shadow: 0 6px 14px rgba(15, 23, 42, .035);
}

#header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: auto;
  padding: 18px 0;
}

.logo img {
  height: 56px;
  width: auto;
}

@media (min-width: 1200px) {
  .container1 {
    margin-left: auto;
    width: auto;
  }

  .nav {
    width: auto;
    float: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .nav .nLi {
    width: auto;
    padding-top: 0;
    margin-left: 12px;
  }

  .nav .nLi h3 a {
    line-height: 76px;
    padding: 0 14px;
    border-bottom: 2px solid transparent;
    color: #1e293b;
  }

  .nav .nLi h3 a:hover,
  .nav .nLi h3 a.active {
    border-bottom-color: var(--ui-primary);
    color: var(--ui-primary);
  }

  #menu2 ul ul {
    top: 76px;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
  }

  #menu2 ul ul li a {
    width: 132px;
    background: var(--ui-surface);
    border-bottom: 1px solid #eef3f9;
    color: var(--ui-text-main);
  }

  #menu2 ul ul li:last-child a {
    border-bottom: none;
  }
}

.flei .container .wmfw .thumbnail {
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
  margin-top: 26px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.flei .container .wmfw .thumbnail:hover {
  background: var(--ui-surface);
  border-color: var(--ui-border-strong);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
  transform: translateY(-2px);
}

.flei .container .wmfw .thumbnail img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  padding: 0;
}

.flei .container .wmfw .thumbnail .dg {
  font-size: 20px;
  line-height: 1.45;
  padding: 16px 18px 6px;
  color: #0f172a;
}

.flei .container .wmfw .thumbnail .dt {
  font-size: 13px;
  line-height: 1.75;
  color: var(--ui-text-sub);
  padding: 0 18px 18px;
}

.news-list {
  padding: 20px 0 10px;
}

.news-list .row {
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  margin: 0 0 16px;
  padding: 14px;
  box-shadow: 0 8px 16px rgba(15, 23, 42, .045);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.news-list .row:hover {
  border-color: var(--ui-border-strong);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .075);
  transform: translateY(-2px);
}

.news-list img {
  margin-top: 0;
  border-radius: 10px;
  height: 150px;
  object-fit: cover;
}

.news-list h3 {
  font-size: 22px;
  line-height: 1.4;
  margin: 2px 0 8px;
}

.news-list p {
  margin-bottom: 8px;
  color: var(--ui-text-main);
  line-height: 1.75;
}

.news-list p.date {
  font-size: 12px;
  color: var(--ui-text-soft);
}

.news-list p.more a {
  color: var(--ui-primary);
}

.news-list p.more a:hover {
  color: var(--ui-primary-hover);
}

#footer {
  background: var(--ui-footer);
}

#footer .txtzone {
  border-bottom: 1px solid rgba(148, 163, 184, .18);
}

#footer .f-nav h3 a {
  color: #e2e8f0;
  font-size: 15px;
}

#footer .f-nav ul li a {
  color: #94a3b8;
}

#footer .f-nav ul li a:hover {
  color: #cbd5e1;
}

#footer p,
#footer .ft2,
#footer .ft2 p a {
  color: #94a3b8;
}

#footer .ft2 {
  border-top: 1px solid rgba(148, 163, 184, .12);
}

/* 内页左侧菜单：从旧红色统一到经典蓝 */
.product-nav .product-nav-title,
.side-nav-title {
  background: var(--ui-primary);
  color: #ffffff;
}

.product-nav .menu_head {
  background: #eef4fc;
  color: var(--ui-primary);
}

.product-nav .menu_head a {
  color: var(--ui-primary);
}

.product-nav .menu_head i {
  border-color: #b9cee8;
}

.product-nav .menu_list .current {
  background: var(--ui-primary);
  color: #ffffff;
}

.product-nav .menu_list .current a {
  color: #ffffff;
}

.product-nav .menu_body a {
  color: var(--ui-primary);
  border-bottom-color: #e6edf7;
}

.product-nav .menu_body a:hover {
  background: var(--ui-primary);
  color: #ffffff;
}

.sitemap .map1 {
  border: 1px solid var(--ui-border);
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  background: #f9fbff;
  color: #1e293b;
}

.sitemap .map2 {
  border: 1px solid var(--ui-border);
  border-top: none;
  background: var(--ui-surface);
}

@media (max-width: 1199px) {
  #header .container {
    display: block;
  }

  .logo {
    float: none;
    text-align: center;
    padding: 14px 0 8px;
  }

  .logo img {
    height: 48px;
  }

  .nav-box2 {
    float: none;
    width: 100%;
    margin-top: 0;
    padding-bottom: 10px;
  }

  .nav2 {
    float: right;
  }

  .news-list h3 {
    font-size: 18px;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {

  .flei .container .wmfw .bt,
  #news .container .wmfw .bt,
  #applet .container .title .bt {
    font-size: 30px;
    margin-top: 44px;
  }

  .flei .container .wmfw .xbt {
    width: 90%;
    font-size: 15px;
    line-height: 1.8;
  }

  .flei .container .wmfw .thumbnail img {
    height: 180px;
  }

  .news-list .row {
    padding: 12px;
  }
}


/* base-industrial: strong product-first manufacturing layout */
.wrapper.base-industrial {
  display: flex;
  flex-direction: column;
  background: #f4f6f8;
  color: #26313b
}

.base-industrial #header {
  order: 1;
  margin: 0;
  background: #111820;
  border: 0
}

.base-industrial #header .container {
  min-height: 92px
}

.base-industrial .logo {
  padding: 22px 0
}

.base-industrial .nav .nLi h3 a,
.base-industrial .language a {
  color: #fff
}

.base-industrial .nav .nLi h3 a:hover,
.base-industrial .nav .nLi h3 a.active {
  border-color: #f36b21;
  color: #f36b21
}

.base-industrial #banner {
  order: 2;
  background: #1b252f
}

.base-industrial .home-products {
  order: 3;
  background: #fff;
  padding: 42px 0 58px
}

.base-industrial .home-intro {
  order: 4;
  background: #eef2f5;
  padding: 28px 0
}

.base-industrial .home-process {
  order: 5;
  background: #fff;
  padding: 24px 0 52px
}

.base-industrial .home-about {
  order: 6;
  background: #202a34;
  color: #dce5ec;
  padding: 42px 0
}

.base-industrial .home-news {
  order: 7;
  background: #f7f8fa;
  padding: 40px 0 54px
}

.base-industrial #footer {
  order: 8
}

.base-industrial .wmfw .bt,
.base-industrial .flei .container .wmfw .bt,
.base-industrial .wzdz .container .wmfw .bt {
  color: #111820;
  text-align: left
}

.base-industrial .wmfw .hg,
.base-industrial .flei .container .wmfw .hg,
.base-industrial .wzdz .container .wmfw .hg {
  margin-left: 0;
  border-color: #f36b21
}

.base-industrial .thumbnail,
.base-industrial .product-content .pro {
  border: 1px solid #d8dee4;
  background: #fff;
  box-shadow: none
}

.base-industrial .thumbnail:hover {
  background: #fff4ec;
  border-color: #f36b21
}

.base-industrial .product-nav-title,
.base-industrial .product-title {
  border-left-color: #f36b21
}

/*: red steel manufacturing visual theme */

/* refine:common:start */
/* refined-common: cross-template polish */
.wrapper {
  min-height: 100vh
}

.wrapper * {
  box-sizing: border-box
}

.wrapper img {
  max-width: 100%;
  height: auto
}

.wrapper .container {
  max-width: 1180px
}

.wrapper #header {
  position: relative;
  z-index: 30
}

.wrapper #header .container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.wrapper .logo {
  float: none;
  flex: 0 0 auto
}

.wrapper .logo img {
  max-width: 170px;
  object-fit: contain
}

.wrapper .nav-box {
  float: none
}

.wrapper .nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto
}

.wrapper .nav .nLi {
  width: auto;
  min-width: 92px;
  text-align: center
}

.wrapper .nav .nLi h3 {
  float: none
}

.wrapper .nav .nLi h3 a {
  padding: 0 8px;
  transition: color .2s ease, border-color .2s ease
}

.wrapper .slideBox .bd img {
  width: 100%;
  max-height: 680px;
  object-fit: cover
}

.home-section {
  position: relative;
  overflow: hidden
}

.home-section .wmfw .bt,
.home-section .wmfw .fbt,
.home-section .wmfw .xbt {
  letter-spacing: 0
}

.home-section .wmfw .bt {
  line-height: 1.25
}

.home-section .wmfw .fbt {
  line-height: 1.7
}

.home-section .wmfw .xbt {
  line-height: 1.9
}

.home-section .thumbnail,
.home-section .thumbnail01,
.rollBox .Cont .pic,
.news-content .col-sm-6,
.news-list .row {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease
}

.home-section .thumbnail:hover,
.home-section .thumbnail01:hover,
.rollBox .Cont .pic:hover,
.news-list .row:hover {
  transform: translateY(-4px)
}

.rollBox {
  position: relative;
  margin-bottom: 0
}

.rollBox .Cont {
  width: calc(100% - 120px);
  margin-left: 10px;
  margin-right: 10px
}

.rollBox .Cont .pic {
  margin-left: 22px;
  padding-bottom: 18px;
  overflow: hidden
}

.rollBox .Cont .pic img {
  height: 180px;
  object-fit: cover
}

.rollBox .Cont .pic p {
  width: 100%;
  padding: 0 18px;
  line-height: 1.65
}

.rollBox .Cont .pic p:first-of-type {
  min-height: 52px;
  font-weight: 700
}

.rollBox .Cont .pic .ck {
  border-radius: 0;
  transition: background .2s ease, color .2s ease, border-color .2s ease
}

.tab05 {
  padding: 18px 0 10px
}

.tab05 h2 {
  background: none !important;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 24px
}

.tab05 h2 a {
  float: none;
  height: auto;
  padding: 10px 18px;
  border: 1px solid transparent;
  line-height: 1.2;
  transition: background .2s ease, color .2s ease, border-color .2s ease
}

.tab05 ul span img {
  width: 100%;
  height: 260px;
  object-fit: cover
}

.tab05 ul .sk {
  font-size: 14px;
  line-height: 1.9
}

#news .container {
  background: transparent !important
}

.news-tp img {
  width: 100%;
  height: 260px;
  object-fit: cover
}

.news-content .col-sm-6 {
  line-height: 28px
}

.news-content .col-sm-6 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.news-list .row {
  margin: 0 0 18px;
  padding: 18px;
  background: #fff;
  border: 1px solid #eceff3
}

.news-list .row img {
  width: 100%;
  height: 170px;
  object-fit: cover
}

.news-list h3 {
  margin-top: 0;
  line-height: 1.45
}

.product-content .pro {
  min-height: 0
}

.product-content .pro-tp img {
  height: 240px;
  object-fit: cover
}

.product-content a p {
  line-height: 1.75
}

.product-nav {
  border: 0
}

.product-nav .product-nav-title {
  font-weight: 700;
  letter-spacing: 0
}

.product-nav .menu_head,
.product-nav .menu_body a {
  transition: background .2s ease, color .2s ease, border-color .2s ease
}

#footer {
  clear: both
}

#footer .txtzone {
  padding-top: 20px
}

#footer .f-nav {
  display: flex;
  flex-wrap: wrap
}

#footer .f-nav h3 {
  margin-top: 0
}

#footer .f-nav h3 a {
  font-weight: 700
}

#footer .ft2 {
  padding: 12px 0
}

.floatWindow .list .item {
  border-radius: 2px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
  transition: transform .2s ease, background .2s ease
}

.floatWindow .list .item:hover {
  transform: translateX(-3px)
}

@media (max-width:1199px) {
  .wrapper #header .container {
    display: block
  }

  .wrapper .logo {
    text-align: left
  }

  .wrapper .nav-box {
    width: 100%
  }

  .wrapper .nav {
    justify-content: center
  }
}

@media (max-width:767px) {
  .wrapper #header .container {
    padding-left: 15px;
    padding-right: 15px
  }

  .wrapper .logo {
    text-align: center;
    padding: 14px 0
  }

  .wrapper .logo img {
    height: 46px
  }

  .wrapper .slideBox .bd img {
    height: 260px
  }

  .home-section {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .home-section .wmfw .bt {
    font-size: 28px !important;
    margin-top: 34px !important;
    padding-top: 0 !important;
    text-align: center !important
  }

  .home-section .wmfw .hg {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .rollBox .LeftBotton,
  .rollBox .RightBotton {
    display: none
  }

  .rollBox .Cont {
    width: 100%;
    float: none;
    margin: 16px 0 0
  }

  .rollBox .Cont .pic {
    width: 260px;
    margin-left: 16px
  }

  .tab05 h2 {
    justify-content: center
  }

  .tab05 h2 a {
    font-size: 14px;
    padding: 8px 12px
  }

  .tab05 ul span,
  .tab05 ul .sk {
    width: 100%;
    float: none
  }

  .tab05 ul span img {
    height: 210px;
    margin-bottom: 16px
  }

  .news-tp,
  .news-content {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important
  }

  .news-list .row img {
    height: 190px;
    margin-bottom: 14px
  }

  #footer .f-nav {
    display: none
  }

  #footer .lx,
  #footer .bg,
  #footer .em {
    width: 100% !important;
    text-align: center
  }

  #footer .rg,
  #footer .rm {
    margin: 14px auto !important
  }

  #footer .em img {
    float: none;
    width: 150px
  }
}

/* refine:common:end */

/* refine:base-detail:start */
/* refined-base-industrial */
.base-industrial .home-products:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 38%;
  height: 4px;
  background: #f36b21
}

.base-industrial .slideBox .bd img {
  filter: saturate(.9) contrast(1.06)
}

.base-industrial .home-products .wmfw .bt:after {
  content: " / PRODUCT LINE";
  font-size: 14px;
  color: #f36b21;
  margin-left: 12px;
  font-weight: 700
}

.base-industrial .rollBox .Cont .pic {
  background: #fff;
  border: 1px solid #d5dbe2;
  box-shadow: 0 10px 24px rgba(17, 24, 32, .08)
}

.base-industrial .rollBox .Cont .pic p:first-of-type {
  color: #111820
}

.base-industrial .rollBox .Cont .pic .ck {
  border-color: #111820;
  color: #111820
}

.base-industrial .rollBox .Cont .pic .ck:hover {
  background: #f36b21;
  border-color: #f36b21
}

.base-industrial .home-process .thumbnail01 {
  border-top: 3px solid #f36b21
}

.base-industrial .tab05 h2 a.current {
  background: #f36b21;
  border-color: #f36b21;
  color: #fff
}

.base-industrial #footer {
  background: #171d23
}

/* refine:base-detail:end */

/* rebuild-homepage:start */
.home-rebuild {
  background: #fff
}

.home-rebuild #header {
  margin-bottom: 0
}

.home-rebuild .eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  color: inherit;
  text-transform: uppercase
}

.home-rebuild h1,
.home-rebuild h2,
.home-rebuild h3 {
  letter-spacing: 0;
  line-height: 1.12
}

.home-rebuild h1 {
  font-size: 58px;
  font-weight: 800;
  margin: 16px 0 24px
}

.home-rebuild h2 {
  font-size: 42px;
  font-weight: 800;
  margin: 10px 0 18px
}

.home-rebuild p {
  font-size: 16px;
  line-height: 1.9
}

.home-rebuild a {
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease
}

.home-rebuild .home-rail {
  position: fixed;
  right: 28px;
  top: 36%;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px
}

.home-rebuild .home-rail:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255, 255, 255, .22)
}

.home-rebuild .home-rail span {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: currentColor;
  transform-origin: top;
  transform: scaleY(.04)
}

.home-rebuild .home-rail button {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  border: 1px solid currentColor;
  background: rgba(255, 255, 255, .08);
  color: inherit;
  font-size: 11px
}

.home-rebuild .home-rail button.is-active {
  background: currentColor;
  color: #fff
}

.home-fullscreen main,
.home-parallax main {
  scroll-behavior: smooth
}

.industrial-panel,
.tech-panel,
.service-scene,
.minimal-slide {
  min-height: calc(100vh - 92px);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden
}

.industrial-bg {
  position: absolute;
  inset: -8%;
  background-size: cover;
  background-position: center;
  transform: translateZ(0);
  filter: grayscale(.25) contrast(1.1);
  will-change: transform
}

.industrial-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 15, 20, .9), rgba(10, 15, 20, .52), rgba(10, 15, 20, .82))
}

.industrial-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 60px;
  align-items: end;
  color: #fff
}

.industrial-copy {
  max-width: 720px
}

.industrial-actions {
  display: flex;
  gap: 14px;
  margin-top: 34px
}

.industrial-actions a,
.service-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 44px;
  border: 1px solid currentColor;
  color: inherit
}

.industrial-actions a:first-child {
  background: #f36b21;
  border-color: #f36b21;
  color: #fff
}

.industrial-meter {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 24px;
  border-left: 4px solid #f36b21;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(8px)
}

.industrial-meter strong {
  font-size: 42px;
  line-height: 1
}

.industrial-meter span {
  font-size: 13px;
  color: rgba(255, 255, 255, .72)
}

.industrial-line {
  background: #f4f6f8
}

.machine-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 36px
}

.machine-card {
  position: relative;
  display: block;
  height: 310px;
  overflow: hidden;
  background: #111820;
  color: #fff
}

.machine-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .72;
  transition: transform .4s ease, opacity .4s ease
}

.machine-card span {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 22px;
  font-weight: 800
}

.machine-card:hover img {
  transform: scale(1.08);
  opacity: .95
}

.industrial-proof {
  background: #111820;
  color: #fff
}

.proof-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 18px
}

.proof-card {
  padding: 28px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16)
}

.proof-card b {
  display: block;
  color: #f36b21;
  font-size: 30px
}

.proof-card span {
  font-size: 22px;
  font-weight: 800
}

.tech-story {
  background: #061626;
  color: #eaf4ff
}

.tech-hero {
  background: radial-gradient(circle at 72% 20%, rgba(34, 184, 255, .22), transparent 28%), #061626
}

.tech-hero .container {
  position: relative;
  max-width: 900px;
  text-align: center
}

.tech-orbit {
  position: absolute;
  right: 8%;
  top: 18%;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(34, 184, 255, .28);
  border-radius: 50%;
  animation: spinSlow 18s linear infinite;
  will-change: transform
}

.tech-orbit i {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #22b8ff;
  box-shadow: 0 0 28px #22b8ff
}

.tech-orbit i:nth-child(1) {
  left: 20%;
  top: 6%
}

.tech-orbit i:nth-child(2) {
  right: 8%;
  top: 48%
}

.tech-orbit i:nth-child(3) {
  left: 44%;
  bottom: 0
}

@keyframes spinSlow {
  to {
    transform: rotate(360deg)
  }
}

.stack-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 52px;
  align-items: start
}

.stack-sticky {
  position: sticky;
  top: 120px
}

.stack-cards {
  display: grid;
  gap: 22px
}

.stack-cards article {
  min-height: 220px;
  padding: 34px;
  border: 1px solid rgba(34, 184, 255, .25);
  background: rgba(255, 255, 255, .06);
  backdrop-filter: blur(10px)
}

.stack-cards span {
  color: #22b8ff;
  font-weight: 800
}

.case-radar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 36px
}

.case-radar a {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(34, 184, 255, .28);
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 22px;
  font-weight: 800
}

.trade-hero {
  padding: 90px 0;
  background: #edf8f4
}

.trade-hero-grid {
  display: grid;
  grid-template-columns: 1fr 48%;
  gap: 46px;
  align-items: center
}

.trade-visual img {
  height: 420px;
  width: 100%;
  object-fit: cover
}

.trade-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 34px;
  padding: 70px 15px
}

.trade-layout aside {
  position: sticky;
  top: 110px;
  align-self: start;
  border-top: 4px solid #10a37f;
  padding-top: 20px
}

.trade-layout aside span {
  color: #10a37f;
  font-weight: 800
}

.trade-layout aside a {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 22px;
  background: #10a37f;
  color: #fff
}

.catalog-wall {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px
}

.catalog-wall a {
  display: block;
  background: #fff;
  border: 1px solid #dfe9ee;
  color: #075f53
}

.catalog-wall img {
  width: 100%;
  height: 210px;
  object-fit: cover
}

.catalog-wall b {
  display: block;
  padding: 16px;
  font-size: 18px
}

.cert-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #dfe9ee;
  margin-bottom: 60px
}

.cert-strip div {
  background: #fff;
  padding: 28px;
  text-align: center;
  font-weight: 800;
  color: #075f53
}

.service-scene {
  background: #fffaf2
}

.service-hero {
  background: linear-gradient(135deg, #fff7e8, #ffffff)
}

.service-hero .container {
  max-width: 820px
}

.step-stage {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.step-stage article {
  min-height: 360px;
  padding: 36px;
  background: #fff;
  border: 1px solid #eee2cf;
  box-shadow: 0 18px 42px rgba(66, 45, 20, .08)
}

.step-stage b {
  font-size: 56px;
  color: #e67616
}

.step-stage h3 {
  font-size: 30px
}

.service-contact {
  background: #2c2721;
  color: #fff;
  text-align: center
}

.service-cta a {
  margin: 8px;
  color: #fff
}

.service-cta a:first-of-type {
  background: #e67616;
  border-color: #e67616
}

.brand-cover {
  min-height: 660px;
  position: relative;
  display: flex;
  align-items: flex-end;
  color: #fff;
  overflow: hidden
}

.brand-cover-image {
  position: absolute;
  inset: -8% 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.56);
  will-change: transform
}

.brand-cover .container {
  position: relative;
  padding-bottom: 72px
}

.brand-cover h1 {
  max-width: 760px
}

.magazine-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-auto-rows: 260px;
  gap: 18px;
  padding: 80px 15px
}

.magazine-grid article {
  position: relative;
  overflow: hidden;
  background: #f7f7f5;
  padding: 28px
}

.magazine-grid .lead {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #20242a;
  color: #fff
}

.magazine-grid img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.78)
}

.magazine-grid h3 {
  position: absolute;
  left: 22px;
  bottom: 18px;
  color: #fff
}

.news-editorial {
  padding: 70px 15px;
  border-top: 1px solid #e7e2d4;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.news-editorial a {
  padding: 12px 22px;
  border: 1px solid #20242a;
  color: #20242a
}

.minimal-slides {
  scroll-snap-type: y mandatory
}

.minimal-slide {
  scroll-snap-align: start;
  background: #fff;
  color: #111;
  text-align: left
}

.minimal-slide .container span {
  font-size: 12px;
  font-weight: 800
}

.minimal-slide h1 {
  max-width: 760px
}

.minimal-slide p {
  max-width: 560px
}

.image-slide {
  color: #fff
}

.image-slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.62)
}

.image-slide .container {
  position: relative
}

.minimal-gallery {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: calc(100vh - 92px)
}

.minimal-gallery a {
  position: relative;
  display: block;
  overflow: hidden;
  color: #fff
}

.minimal-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.72);
  transition: transform .45s ease
}

.minimal-gallery b {
  position: absolute;
  left: 32px;
  bottom: 28px;
  font-size: 28px
}

.minimal-gallery a:hover img {
  transform: scale(1.06)
}

@media (max-width:991px) {
  .home-rebuild h1 {
    font-size: 42px
  }

  .home-rebuild h2 {
    font-size: 32px
  }

  .industrial-grid,
  .stack-layout,
  .trade-hero-grid,
  .trade-layout,
  .proof-grid {
    grid-template-columns: 1fr
  }

  .machine-track,
  .catalog-wall,
  .step-stage,
  .case-radar,
  .cert-strip {
    grid-template-columns: repeat(2, 1fr)
  }

  .magazine-grid {
    grid-template-columns: 1fr 1fr
  }

  .home-rebuild .home-rail {
    display: none
  }
}

@media (max-width:767px) {

  .industrial-panel,
  .tech-panel,
  .service-scene,
  .minimal-slide {
    min-height: auto;
    padding: 70px 0
  }

  .home-rebuild h1 {
    font-size: 34px
  }

  .home-rebuild h2 {
    font-size: 28px
  }

  .home-rebuild p {
    font-size: 15px
  }

  .machine-track,
  .catalog-wall,
  .step-stage,
  .case-radar,
  .cert-strip,
  .magazine-grid {
    grid-template-columns: 1fr
  }

  .industrial-grid {
    gap: 28px
  }

  .industrial-actions {
    flex-direction: column
  }

  .machine-card {
    height: 230px
  }

  .trade-visual img {
    height: 260px
  }

  .catalog-wall img {
    height: 190px
  }

  .minimal-gallery {
    height: auto;
    grid-template-columns: 1fr
  }

  .minimal-gallery a {
    height: 260px
  }

  .news-editorial {
    display: block
  }

  .news-editorial a {
    display: inline-block;
    margin-top: 14px
  }
}

/* rebuild-homepage:end */

/* differentiated-industrial-20260526:start */
.wrapper.base-industrial {
  --ind-ink: #10151a;
  --ind-panel: #1d252d;
  --ind-red: #c91f2f;
  --ind-amber: #f2a51a;
  --ind-steel: #eef1f3;
  --ind-line: #ccd3da;
  background: #eef1f3;
  color: #26313b
}

.wrapper.base-industrial #header {
  background: #111820 !important;
  border-bottom: 4px solid var(--ind-red) !important
}

.wrapper.base-industrial #header .container {
  min-height: 84px
}

.wrapper.base-industrial #header .nav .nLi h3 a {
  color: #f4f7f9 !important;
  font-weight: 800
}

.wrapper.base-industrial #header .nav .nLi h3 a:hover,
.wrapper.base-industrial #header .nav .nLi h3 a.active {
  color: #fff !important;
  border-bottom-color: var(--ind-red) !important
}

.wrapper.base-industrial .banner {
  background: #111820
}

.wrapper.base-industrial .banner img {
  width: 100%;
  max-height: 340px;
  object-fit: cover;
  filter: grayscale(.22) contrast(1.12)
}

.wrapper.base-industrial .sider-nav,
.wrapper.base-industrial .product-sider-nav {
  background: #dfe5ea;
  border-bottom: 1px solid #c5cdd4
}

.wrapper.base-industrial .sider-nav .container,
.wrapper.base-industrial .product-sider-nav .container {
  background: #fff;
  border-left: 6px solid var(--ind-red)
}

.wrapper.base-industrial #main,
.wrapper.base-industrial #product,
.wrapper.base-industrial .gsjj {
  background: #eef1f3 !important
}

.wrapper.base-industrial #main>.container,
.wrapper.base-industrial #product>.container,
.wrapper.base-industrial .gsjj>.container {
  background: #fff;
  border: 1px solid var(--ind-line);
  box-shadow: 0 16px 38px rgba(16, 21, 26, .08)
}

.industrial-master #header {
  position: relative;
  z-index: 20
}

.industrial-master .ind-plant {
  overflow: hidden;
  background: #eef1f3
}

.industrial-master .ind-hero {
  position: relative;
  min-height: 620px;
  background: #111820;
  color: #fff;
  overflow: hidden
}

.industrial-master .ind-hero-media {
  position: absolute;
  inset: 0
}

.industrial-master .ind-hero-media:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 17, 22, .94), rgba(12, 17, 22, .62) 48%, rgba(12, 17, 22, .86))
}

.industrial-master .ind-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.32) contrast(1.18)
}

.industrial-master .ind-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 52px;
  align-items: end;
  min-height: 620px;
  padding-top: 70px;
  padding-bottom: 70px
}

.industrial-master .ind-hero-copy span,
.industrial-master .ind-section-head span,
.industrial-master .ind-proof-title span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ind-amber);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase
}

.industrial-master .ind-hero-copy span:before,
.industrial-master .ind-section-head span:before,
.industrial-master .ind-proof-title span:before {
  content: "";
  width: 34px;
  height: 3px;
  background: var(--ind-red)
}

.industrial-master .ind-hero h1 {
  max-width: 760px;
  margin: 18px 0 20px;
  color: #fff;
  font-size: 58px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0
}

.industrial-master .ind-hero p {
  max-width: 680px;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
  line-height: 1.9
}

.industrial-master .ind-hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 30px
}

.industrial-master .ind-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, .4);
  color: #fff;
  font-weight: 800
}

.industrial-master .ind-hero-actions a:first-child {
  border-color: var(--ind-red);
  background: var(--ind-red)
}

.industrial-master .ind-control {
  border: 1px solid rgba(255, 255, 255, .16);
  border-left: 6px solid var(--ind-red);
  background: rgba(16, 21, 26, .72);
  padding: 22px
}

.industrial-master .ind-control b {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-size: 13px
}

.industrial-master .ind-control dl {
  display: grid;
  grid-template-columns: 46px 1fr;
  align-items: center;
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, .12)
}

.industrial-master .ind-control dt {
  color: var(--ind-amber);
  font-size: 26px;
  line-height: 1
}

.industrial-master .ind-control dd {
  margin: 0;
  color: #d9e1e8;
  font-weight: 800
}

.industrial-master .ind-line {
  padding: 82px 0 88px;
  background: #eef1f3
}

.industrial-master .ind-section-head {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 26px;
  align-items: end;
  margin-bottom: 30px
}

.industrial-master .ind-section-head h2,
.industrial-master .ind-proof-title h2 {
  margin: 0;
  color: var(--ind-ink);
  font-size: 42px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0
}

.industrial-master .ind-process {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--ind-line);
  background: #fff
}

.industrial-master .ind-process a {
  position: relative;
  display: block;
  min-height: 360px;
  padding: 18px;
  border-right: 1px solid var(--ind-line);
  color: var(--ind-ink);
  overflow: hidden
}

.industrial-master .ind-process a:last-child {
  border-right: 0
}

.industrial-master .ind-process img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  filter: saturate(.88) contrast(1.08)
}

.industrial-master .ind-process b {
  display: block;
  margin-top: 18px;
  font-size: 22px;
  font-weight: 900
}

.industrial-master .ind-process small {
  display: block;
  margin-top: 6px;
  color: #7c8893;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase
}

.industrial-master .ind-process a:hover {
  background: #fff6ea
}

.industrial-master .ind-proof {
  padding: 64px 0;
  background: #111820;
  color: #fff
}

.industrial-master .ind-proof-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 18px;
  align-items: stretch
}

.industrial-master .ind-proof-title h2 {
  color: #fff
}

.industrial-master .ind-proof article {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .13);
  background: #1d252d
}

.industrial-master .ind-proof strong {
  display: block;
  color: var(--ind-amber);
  font-size: 44px;
  line-height: 1
}

.industrial-master .ind-proof p {
  margin: 12px 0 0;
  color: #ccd6df;
  font-size: 15px
}

.wrapper.base-industrial #footer {
  background: #111820;
  color: #cbd4dc
}

@media (max-width:991px) {

  .industrial-master .ind-hero-grid,
  .industrial-master .ind-section-head,
  .industrial-master .ind-proof-grid {
    grid-template-columns: 1fr
  }

  .industrial-master .ind-process {
    grid-template-columns: repeat(2, 1fr)
  }

  .industrial-master .ind-hero h1 {
    font-size: 42px
  }
}

@media (max-width:767px) {

  .industrial-master .ind-hero,
  .industrial-master .ind-hero-grid {
    min-height: auto
  }

  .industrial-master .ind-hero-grid {
    padding-top: 56px;
    padding-bottom: 56px
  }

  .industrial-master .ind-hero h1 {
    font-size: 34px
  }

  .industrial-master .ind-hero-actions {
    flex-direction: column
  }

  .industrial-master .ind-process {
    grid-template-columns: 1fr
  }

  .industrial-master .ind-process a {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--ind-line)
  }
}

/* differentiated-industrial-20260526:end */

/* structural-redesign-industrial-20260526:start */
.industrial-console {
  background: #e7ecef;
  color: #141b22
}

.industrial-console #header {
  background: #10151a !important;
  border-bottom: 5px solid #bd1f2d !important
}

.industrial-console .factory-console {
  background: #e7ecef;
  overflow: hidden
}

.industrial-console .factory-board {
  position: relative;
  min-height: 690px;
  padding: 34px 42px 42px;
  background: #111820;
  color: #fff;
  overflow: hidden
}

.industrial-console .factory-photo {
  position: absolute;
  inset: 0
}

.industrial-console .factory-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 15, 20, .96), rgba(10, 15, 20, .72) 46%, rgba(10, 15, 20, .92))
}

.industrial-console .factory-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.35) contrast(1.22)
}

.industrial-console .factory-board-top {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 20px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .16)
}

.industrial-console .factory-board-top span {
  color: #f2a51a;
  font-size: 12px;
  font-weight: 900
}

.industrial-console .factory-board-top strong {
  font-size: 18px
}

.industrial-console .factory-board-top a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 18px;
  background: #bd1f2d;
  color: #fff;
  font-weight: 900
}

.industrial-console .factory-title {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin-top: 120px
}

.industrial-console .factory-title h1 {
  margin: 0;
  color: #fff;
  font-size: 64px;
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0
}

.industrial-console .factory-title p {
  max-width: 650px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, .76);
  font-size: 17px;
  line-height: 1.9
}

.industrial-console .factory-kpi {
  position: absolute;
  right: 42px;
  bottom: 42px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 160px);
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(17, 24, 32, .82)
}

.industrial-console .factory-kpi dl {
  margin: 0;
  padding: 24px 18px;
  border-right: 1px solid rgba(255, 255, 255, .12)
}

.industrial-console .factory-kpi dl:last-child {
  border-right: 0
}

.industrial-console .factory-kpi dt {
  color: #f2a51a;
  font-size: 38px;
  line-height: 1
}

.industrial-console .factory-kpi dd {
  margin: 10px 0 0;
  color: #d8e0e7;
  font-weight: 800
}

.industrial-console .factory-line {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 0;
  background: #fff;
  border-top: 1px solid #c8d0d7;
  border-bottom: 1px solid #c8d0d7
}

.industrial-console .line-head {
  padding: 36px;
  border-right: 1px solid #c8d0d7;
  background: #e7ecef
}

.industrial-console .line-head b {
  display: block;
  color: #bd1f2d;
  font-size: 13px;
  font-weight: 900
}

.industrial-console .line-head span {
  display: block;
  margin-top: 18px;
  color: #26313b;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.22
}

.industrial-console .line-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(210px, 1fr));
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none
}

.industrial-console .line-rail li {
  position: relative;
  min-height: 390px;
  padding: 18px;
  border-right: 1px solid #d5dde4;
  background: #fff
}

.industrial-console .line-rail li:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 132px;
  height: 4px;
  background: #bd1f2d
}

.industrial-console .line-rail img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  filter: saturate(.86) contrast(1.08)
}

.industrial-console .line-rail b {
  display: block;
  margin-top: 28px;
  color: #141b22;
  font-size: 22px;
  font-weight: 900
}

.industrial-console .line-rail span {
  display: block;
  margin-top: 8px;
  color: #7b8791;
  font-size: 12px;
  font-weight: 900
}

.industrial-console .factory-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #111820
}

.industrial-console .factory-bottom a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
  border-right: 1px solid rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 18px;
  font-weight: 900
}

.industrial-console .factory-bottom a:last-child {
  background: #bd1f2d;
  border-right: 0
}

@media (max-width:991px) {
  .industrial-console .factory-title h1 {
    font-size: 46px
  }

  .industrial-console .factory-kpi {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 42px;
    grid-template-columns: repeat(3, 1fr)
  }

  .industrial-console .factory-line {
    grid-template-columns: 1fr
  }

  .industrial-console .line-head {
    border-right: 0;
    border-bottom: 1px solid #c8d0d7
  }
}

@media (max-width:767px) {
  .industrial-console .factory-board {
    min-height: auto;
    padding: 24px
  }

  .industrial-console .factory-board-top {
    grid-template-columns: 1fr
  }

  .industrial-console .factory-title {
    margin-top: 70px
  }

  .industrial-console .factory-title h1 {
    font-size: 34px
  }

  .industrial-console .factory-kpi {
    grid-template-columns: 1fr
  }

  .industrial-console .factory-kpi dl {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
  }

  .industrial-console .factory-bottom {
    grid-template-columns: 1fr
  }
}

/* structural-redesign-industrial-20260526:end */

/* base-home-order-fix-20260527:start */
.wrapper.base-industrial {
  display: block !important;
  flex-direction: initial !important;
}

.wrapper.base-industrial>#header {
  display: block !important;
  order: 0 !important;
  width: 100%;
  clear: both;
}

.wrapper.base-industrial>main,
.wrapper.base-industrial>.factory-console {
  display: block !important;
  order: 1 !important;
  width: 100%;
  clear: both;
}

.wrapper.base-industrial>#footer {
  display: block !important;
  order: 2 !important;
  width: 100%;
  clear: both;
}

/* base-home-order-fix-20260527:end */

/* full-structure-industrial-20260527:start */
.base-industrial #header.ind-header {
  position: relative;
  z-index: 50;
  margin: 0 !important;
  background: #10151a !important;
  color: #fff;
  border: 0 !important
}

.ind-header-status {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 32px;
  background: #bd1f2d;
  color: #fff
}

.ind-header-status span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, .18);
  font-size: 11px;
  font-weight: 900
}

.ind-header-main {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 136px 46px;
  align-items: center;
  gap: 18px;
  min-height: 78px;
  padding: 0 34px
}

.ind-logo img {
  max-width: 180px;
  max-height: 52px;
  filter: brightness(0) invert(1)
}

.ind-nav {
  display: flex;
  justify-content: flex-end;
  gap: 4px
}

.ind-nav a {
  display: flex;
  align-items: center;
  height: 78px;
  padding: 0 13px;
  color: #dce4ea;
  font-weight: 800
}

.ind-nav a.active,
.ind-nav a:hover {
  background: #1b252e;
  color: #fff
}

.ind-header-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #bd1f2d;
  color: #fff;
  font-weight: 900
}

.base-mobile-toggle,
.base-mobile-panel {
  display: none
}

.ind-inner {
  display: block !important;
  background: #e7ecef;
  color: #1b252e
}

.ind-inner>#header {
  order: 0 !important
}

.ind-inner>#footer {
  order: 999 !important
}

.ind-inner>.banner {
  height: 280px;
  overflow: hidden;
  background: #10151a;
  position: relative
}

.ind-inner>.banner:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(16, 21, 26, .88), rgba(189, 31, 45, .24))
}

.ind-inner>.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.35) contrast(1.18)
}

.ind-inner .sider-nav,
.ind-inner .product-sider-nav {
  margin: 0;
  padding: 0;
  background: #1b252e;
  color: #fff
}

.ind-inner .sider-nav .container,
.ind-inner .product-sider-nav .container {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 58px;
  width: 100% !important;
  max-width: none;
  padding: 0 34px !important;
  background: #1b252e;
  border: 0;
  overflow: auto
}

.ind-inner .sider-nav ul {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0
}

.ind-inner .sider-nav li {
  float: none;
  list-style: none
}

.ind-inner .sider-nav a,
.ind-inner .product-sider-nav a {
  float: none;
  color: #d8e0e7 !important;
  font-weight: 800;
  white-space: nowrap
}

.ind-inner .sider-nav a.active,
.ind-inner .product-sider-nav .active {
  color: #f2a51a !important
}

.ind-inner #main,
.ind-inner #product,
.ind-inner .gsjj {
  background: #e7ecef !important;
  padding: 42px 34px !important
}

.ind-inner #main>.container,
.ind-inner #product>.container,
.ind-inner .gsjj>.container {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

.ind-inner #product>.container {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 24px
}

.ind-inner .product-nav {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: #fff;
  border: 1px solid #c9d1d8
}

.ind-inner .product-nav-title,
.ind-inner .side-nav-title {
  height: auto !important;
  min-height: 78px;
  padding: 20px !important;
  background: #10151a !important;
  border-left: 6px solid #bd1f2d !important;
  color: #fff !important;
  text-align: left !important;
  line-height: 1.25 !important
}

.ind-inner .product-nav .menu_head {
  float: none;
  height: auto;
  min-height: 50px;
  margin: 0;
  border-top: 1px solid #d6dde3;
  background: #f7f9fa;
  color: #1b252e;
  line-height: 50px
}

.ind-inner .product-nav .menu_body a {
  background: #fff;
  border-bottom: 1px solid #e4e9ed;
  color: #4d5964
}

.ind-inner .product-content {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 28px;
  background: #fff;
  border: 1px solid #c9d1d8
}

.ind-inner .product-content .row {
  display: flex;
  flex-wrap: wrap
}

.ind-inner .product-content .pro {
  float: none;
  display: flex
}

.ind-inner .product-content .pro a {
  display: block;
  width: 100%;
  border: 1px solid #d7dde3;
  background: #fff;
  color: #1b252e
}

.ind-inner .product-content .pro-tp img {
  height: 230px;
  object-fit: cover;
  filter: saturate(.9) contrast(1.08)
}

.ind-inner .news-list .row,
.ind-inner .feedback,
.ind-inner .contact {
  background: #fff;
  padding: 24px !important
}

.ind-inner .aboutinfo,
.ind-inner .news_show,
.ind-inner .case_show {
  background: #fff;
  border: 1px solid #c9d1d8;
  padding: 30px
}

.ind-footer {
  background: #10151a;
  color: #d8e0e7
}

.ind-footer-grid {
  display: grid;
  grid-template-columns: 1.1fr .8fr 1fr 160px;
  gap: 28px;
  padding: 48px 34px;
  border-top: 5px solid #bd1f2d
}

.ind-footer img {
  max-width: 170px;
  max-height: 58px;
  filter: brightness(0) invert(1)
}

.ind-footer a {
  display: block;
  color: #d8e0e7;
  margin-top: 10px
}

.ind-footer span {
  display: block;
  color: #f2a51a;
  font-weight: 900;
  margin-bottom: 12px
}

.ind-footer-qr img {
  width: 92px;
  height: 92px;
  filter: none;
  background: #fff
}

.ind-footer-bottom {
  padding: 18px 34px;
  background: #0b0f13;
  color: #89949e
}

@media(max-width:991px) {
  .ind-header-main {
    grid-template-columns: 1fr 46px
  }

  .ind-nav,
  .ind-header-cta {
    display: none
  }

  .base-mobile-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 0;
    background: transparent
  }

  .base-mobile-toggle span {
    display: block;
    width: 28px;
    height: 2px;
    background: #fff
  }

  .mobile-open .base-mobile-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #1b252e
  }

  .base-mobile-panel a {
    padding: 14px 18px;
    color: #fff;
    background: #10151a
  }

  .ind-inner #product>.container,
  .ind-footer-grid {
    grid-template-columns: 1fr
  }
}

@media(max-width:767px) {
  .ind-header-status {
    grid-template-columns: 1fr;
    height: auto
  }

  .ind-header-status span {
    min-height: 28px
  }

  .ind-header-main {
    padding: 0 18px
  }

  .ind-inner #main,
  .ind-inner #product,
  .ind-inner .gsjj {
    padding: 24px 16px !important
  }

  .ind-footer-grid {
    padding: 34px 18px
  }
}

/* full-structure-industrial-20260527:end */

/* footer-layout-fix-industrial-20260527:start */
.base-industrial .ind-footer,
.base-industrial .ind-footer * {
  box-sizing: border-box
}

.base-industrial .ind-footer {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: #10151a;
  color: #d8e0e7
}

.base-industrial .ind-footer img,
.base-industrial .ind-footer p,
#footer.ind-footer img,
#footer.ind-footer p {
  float: none !important
}

.base-industrial .ind-footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(150px, .7fr) minmax(280px, 1.15fr) 132px;
  gap: 30px;
  align-items: start;
  width: 100%;
  padding: 46px 34px;
  border-top: 5px solid #bd1f2d
}

.base-industrial .ind-footer-grid>div {
  min-width: 0
}

.base-industrial .ind-footer-brand img {
  display: block;
  max-width: 170px;
  max-height: 58px;
  object-fit: contain;
  filter: brightness(0) invert(1)
}

.base-industrial .ind-footer-brand p {
  width: auto !important;
  margin: 18px 0 0;
  color: #aeb8c2;
  font-size: 14px;
  line-height: 1.8
}

.base-industrial .ind-footer-route a {
  display: block;
  margin: 0 0 10px;
  color: #d8e0e7;
  font-weight: 800
}

.base-industrial .ind-footer-contact div,
.base-industrial .ind-footer-contact p {
  width: auto !important;
  margin: 0;
  color: #c3ccd4;
  line-height: 1.8;
  overflow-wrap: anywhere
}

.base-industrial .ind-footer-contact img {
  max-width: 100%;
  height: auto
}

.base-industrial .ind-footer-qr {
  justify-self: end;
  text-align: center
}

.base-industrial .ind-footer-qr img {
  display: block;
  width: 92px;
  height: 92px;
  max-width: 92px;
  max-height: 92px;
  margin: 0 auto 10px;
  object-fit: cover;
  filter: none;
  background: #fff
}

.base-industrial .ind-footer-qr span {
  margin: 0;
  color: #f2a51a;
  font-size: 12px;
  line-height: 1.45
}

.base-industrial .ind-footer-bottom {
  clear: both;
  padding: 18px 34px;
  background: #0b0f13;
  color: #89949e;
  line-height: 1.7;
  overflow-wrap: anywhere
}

@media(max-width:991px) {
  .base-industrial .ind-footer-grid {
    grid-template-columns: 1fr 1fr
  }

  .base-industrial .ind-footer-contact {
    grid-column: 1 / -1
  }

  .base-industrial .ind-footer-qr {
    justify-self: start
  }
}

@media(max-width:767px) {
  .base-industrial .ind-footer-grid {
    grid-template-columns: 1fr;
    padding: 34px 18px
  }

  .base-industrial .ind-footer-bottom {
    padding: 16px 18px
  }

  .base-industrial .ind-footer-qr {
    text-align: left
  }

  .base-industrial .ind-footer-qr img {
    margin-left: 0
  }
}

/* footer-layout-fix-industrial-20260527:end */

/* footer-content-fix-industrial-20260527:start */
.base-industrial .ind-footer-route>span,
.base-industrial .ind-footer-contact>span,
.base-industrial .ind-footer-qr>span {
  display: block;
  color: #f2a51a;
  font-weight: 900;
  margin: 0 0 12px
}

.base-industrial .ind-footer-contact>div {
  color: #c3ccd4
}

.base-industrial .ind-footer-contact p {
  position: relative;
  display: block !important;
  width: auto !important;
  min-height: 22px;
  margin: 0 0 8px !important;
  padding-left: 26px;
  color: #c3ccd4 !important;
  font-size: 14px;
  line-height: 1.7
}

.base-industrial .ind-footer-contact p .glyphicon {
  position: absolute;
  left: 0;
  top: .28em;
  display: inline-block !important;
  width: 18px;
  margin: 0 !important;
  color: #f2a51a !important;
  font-weight: 400 !important;
  text-indent: 0 !important
}

.base-industrial .ind-footer-contact p span:not(.glyphicon) {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
  text-indent: 0 !important
}

.base-industrial .ind-footer-bottom p {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #89949e !important;
  line-height: 1.7;
  white-space: normal;
  overflow: visible
}

.base-industrial .ind-footer-bottom p:after {
  content: "";
  display: block;
  clear: both
}

.base-industrial .ind-footer-bottom a {
  display: inline-block;
  color: #c0c8d0 !important;
  white-space: nowrap
}

.base-industrial .ind-footer-bottom a:hover {
  color: #f2a51a !important
}

@media(max-width:767px) {
  .base-industrial .ind-footer-bottom p {
    white-space: normal;
    flex-wrap: wrap;
    overflow-x: visible
  }
}

/* footer-content-fix-industrial-20260527:end */

/* footer-contrast-icon-fix-industrial-20260527:start */
#footer.ind-footer .ind-footer-route a {
  color: #f3f7fb !important;
  font-size: 15px;
  line-height: 1.65
}

#footer.ind-footer .ind-footer-route a:hover {
  color: #f2a51a !important;
  text-decoration: none
}

#footer.ind-footer .ind-footer-contact p {
  padding-left: 30px !important;
  color: #dce4ea !important
}

#footer.ind-footer .ind-footer-contact p .glyphicon {
  width: 22px !important;
  height: 22px !important;
  top: .16em !important;
  color: #f2a51a !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  font-size: 16px !important;
  line-height: 22px !important;
  text-align: center
}

#footer.ind-footer .ind-footer-contact p .glyphicon:before {
  font-family: Arial, "Microsoft YaHei", sans-serif !important
}

#footer.ind-footer .ind-footer-contact p .glyphicon-phone-alt:before {
  content: "☎" !important
}

#footer.ind-footer .ind-footer-contact p .glyphicon-earphone:before {
  content: "☏" !important
}

#footer.ind-footer .ind-footer-contact p .glyphicon-envelope:before {
  content: "✉" !important
}

#footer.ind-footer .ind-footer-contact p .glyphicon-map-marker:before {
  content: "⌖" !important
}

/* footer-contrast-icon-fix-industrial-20260527:end */

/* footer-contact-icons-industrial-20260527:start */
#footer.ind-footer .ind-footer-contact {
  padding: 0;
  background: transparent;
  border: 0;
}

#footer.ind-footer .ind-footer-contact>span {
  display: block;
  margin-bottom: 16px;
  color: #f2a51a !important;
  letter-spacing: 0;
}

#footer.ind-footer .ind-footer-contact>span:before {
  content: none;
}

#footer.ind-footer .ind-footer-contact p {
  position: relative;
  display: block !important;
  min-height: 24px;
  margin: 0 0 10px !important;
  padding: 0 0 0 28px !important;
  color: #e8eef3 !important;
  line-height: 1.65 !important;
}

#footer.ind-footer .ind-footer-contact p .glyphicon {
  display: none !important
}

#footer.ind-footer .ind-footer-contact p:before {
  position: absolute;
  left: 0;
  top: .18em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 0;
  color: #f2a51a;
  font-family: FontAwesome;
  font-size: 14px;
}

#footer.ind-footer .ind-footer-contact p:nth-child(1):before {
  content: "\f1ad"
}

#footer.ind-footer .ind-footer-contact p:nth-child(2):before {
  content: "\f095"
}

#footer.ind-footer .ind-footer-contact p:nth-child(3):before {
  content: "\f0e0"
}

#footer.ind-footer .ind-footer-contact p:nth-child(4):before {
  content: "\f041"
}

#footer.ind-footer .ind-footer-contact p span:not(.glyphicon) {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
  text-indent: 0 !important;
}

#footer.ind-footer .ind-footer-grid {
  align-items: stretch;
}

/* footer-contact-icons-industrial-20260527:end */


/* inner-content-readability-industrial-20260527:start */
.ind-inner .sider-nav a,
.ind-inner .product-sider-nav a {
  color: #edf3f8 !important
}

.ind-inner .sider-nav a:hover,
.ind-inner .product-sider-nav a:hover {
  color: #f2a51a !important;
  text-decoration: none
}

.ind-inner .product-nav-title span,
.ind-inner .side-nav-title span {
  color: #f2a51a !important
}

.ind-inner .product-nav .menu_head,
.ind-inner .product-nav .menu_head a {
  color: #1b252e !important
}

.ind-inner .product-nav .menu_head:hover,
.ind-inner .product-nav .menu_head.active {
  background: #edf1f4 !important;
  color: #bd1f2d !important
}

.ind-inner .product-nav .menu_body a {
  color: #34424f !important
}

.ind-inner .product-nav .menu_body a:hover {
  color: #bd1f2d !important;
  background: #fff6ea !important
}

.ind-inner .gsjj .wmss {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #c9d1d8;
  box-shadow: 0 16px 38px rgba(16, 21, 26, .08);
  overflow: hidden
}

.ind-inner .gsjj .about-rich-content .about-title {
  margin: 0 !important;
  padding: 22px 30px !important;
  background: #10151a;
  color: #fff !important;
  border-left: 6px solid #bd1f2d;
  text-align: left !important;
  font-size: 28px !important;
  font-weight: 900;
  line-height: 1.25 !important
}

.ind-inner .gsjj .wmss .aboutinfo {
  width: 100% !important;
  margin: 0 !important;
  padding: 30px !important;
  background: transparent !important;
  border: 0 !important;
  color: #26313b !important;
  line-height: 2
}

.ind-inner .product-content {
  overflow: hidden
}

.ind-inner .product-content .title {
  float: none !important;
  width: auto !important;
  margin: -28px -28px 24px !important;
  padding: 16px 28px !important;
  background: #f7f9fa;
  border: 0 !important;
  border-bottom: 1px solid #c9d1d8 !important;
  color: #4d5964 !important;
  text-align: left !important;
  line-height: 1.6
}

.ind-inner .product-content .name,
.ind-inner .news_show .name,
.ind-inner .case_show .name {
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 2px solid #bd1f2d;
  color: #10151a !important;
  text-align: left !important;
  font-size: 28px !important;
  font-weight: 900;
  line-height: 1.35 !important
}

.ind-inner .product-content .nr,
.ind-inner .news_show .nr,
.ind-inner .case_show .nr {
  padding: 0 !important;
  background: transparent !important;
  color: #26313b !important;
  line-height: 2
}

@media(max-width:767px) {
  .ind-inner .gsjj .about-rich-content .about-title {
    padding: 18px 22px !important;
    font-size: 24px !important
  }

  .ind-inner .gsjj .wmss .aboutinfo {
    padding: 22px !important
  }

  .ind-inner .product-content .title {
    margin: -28px -28px 20px !important
  }
}

/* inner-content-readability-industrial-20260527:end */

/* inner-column-title-contrast-industrial-20260527:start */
.wrapper.base-industrial.ind-inner .product-nav-title,
.wrapper.base-industrial.ind-inner .side-nav-title,
.wrapper.base-industrial.ind-inner .product-nav .product-nav-title {
  display: block !important;
  min-height: 78px !important;
  padding: 20px 22px !important;
  background: #10151a !important;
  border: 0 !important;
  border-left: 6px solid #bd1f2d !important;
  border-bottom: 1px solid #2b3540 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.wrapper.base-industrial.ind-inner .product-nav-title *,
.wrapper.base-industrial.ind-inner .side-nav-title * {
  color: #f2a51a !important;
  opacity: 1 !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_head,
.wrapper.base-industrial.ind-inner .product-nav p.menu_head {
  display: block !important;
  float: none !important;
  min-height: 52px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 18px 0 22px !important;
  background: #eef1f3 !important;
  border: 0 !important;
  border-top: 1px solid #c9d1d8 !important;
  color: #10151a !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 52px !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_head a,
.wrapper.base-industrial.ind-inner .product-nav .menu_head i {
  color: #10151a !important;
  opacity: 1 !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_head.current,
.wrapper.base-industrial.ind-inner .product-nav .menu_head:hover {
  background: #fff6ea !important;
  color: #bd1f2d !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_head.current a,
.wrapper.base-industrial.ind-inner .product-nav .menu_head.current i,
.wrapper.base-industrial.ind-inner .product-nav .menu_head:hover a,
.wrapper.base-industrial.ind-inner .product-nav .menu_head:hover i {
  color: #bd1f2d !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_body a,
.wrapper.base-industrial.ind-inner .side-related a {
  background: #ffffff !important;
  color: #26313b !important;
  opacity: 1 !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_body a i {
  color: #26313b !important;
  opacity: 1 !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_body a:hover,
.wrapper.base-industrial.ind-inner .side-related a:hover {
  background: #bd1f2d !important;
  color: #ffffff !important;
}

.wrapper.base-industrial.ind-inner .product-nav .menu_body a:hover i {
  color: #ffffff !important;
}

/* inner-column-title-contrast-industrial-20260527:end */

/* inner-top-column-bg-industrial-20260527:start */
.wrapper.base-industrial.ind-inner .sider-nav,
.wrapper.base-industrial.ind-inner .product-sider-nav,
.wrapper.base-industrial.ind-inner .sider-nav .container,
.wrapper.base-industrial.ind-inner .product-sider-nav .container {
  background: #1b252e !important;
  border: 0 !important;
  color: #edf3f8 !important;
}

.wrapper.base-industrial.ind-inner .sider-nav .container,
.wrapper.base-industrial.ind-inner .product-sider-nav .container {
  border-left: 0 !important;
}

.wrapper.base-industrial.ind-inner .sider-nav a,
.wrapper.base-industrial.ind-inner .product-sider-nav a {
  color: #edf3f8 !important;
}

.wrapper.base-industrial.ind-inner .sider-nav a.active,
.wrapper.base-industrial.ind-inner .product-sider-nav a.active,
.wrapper.base-industrial.ind-inner .product-sider-nav .active {
  color: #f2a51a !important;
}

/* inner-top-column-bg-industrial-20260527:end */

/* product-case-layout-lock-industrial-20260527:start */
.wrapper.base-industrial.ind-inner #product>.container {
  display: grid !important;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-nav {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-content {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-content .row {
  width: auto !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

@media(max-width:991px) {
  .wrapper.base-industrial.ind-inner #product>.container {
    grid-template-columns: 1fr !important;
  }

  .wrapper.base-industrial.ind-inner #product>.container>.product-nav,
  .wrapper.base-industrial.ind-inner #product>.container>.product-content {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* product-case-layout-lock-industrial-20260527:end */

/* product-case-list-polish-industrial-20260527:start */
.wrapper.base-industrial.ind-inner #product .product-content>.title {
  display: none !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-content {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-content .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 26px !important;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro {
  display: block !important;
  float: none !important;
  width: auto !important;
  flex: 0 0 calc(50% - 13px) !important;
  max-width: calc(50% - 13px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro a {
  position: relative;
  display: grid !important;
  grid-template-rows: auto 1fr;
  width: 100% !important;
  min-height: 100%;
  padding: 0 !important;
  background: #f8fafb !important;
  border: 0 !important;
  color: #1b252e !important;
  box-shadow: none !important;
  overflow: hidden;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 6px;
  height: 74px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro-tp {
  position: relative;
  width: 100% !important;
  height: 250px;
  background: #dfe5ea;
  overflow: hidden;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro-tp:after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 40%;
  background: linear-gradient(180deg, rgba(16, 21, 26, 0), rgba(16, 21, 26, .34));
  pointer-events: none;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro-tp img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
  filter: saturate(.86) contrast(1.08);
  transform: none;
  transition: transform .35s ease, filter .35s ease;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro h3 {
  margin: 0 !important;
  padding: 22px 24px 8px !important;
  border: 0 !important;
  color: #10151a !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro p {
  margin: 0 !important;
  padding: 0 24px 26px !important;
  border: 0 !important;
  color: #5d6a75 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro a:after {
  content: none;
  display: none;
  margin: 0 24px 24px;
  color: #bd1f2d;
  font-size: 13px;
  font-weight: 900;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro a:hover {
  background: #fff !important;
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(16, 21, 26, .12) !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .pro a:hover .pro-tp img {
  transform: scale(1.05);
  filter: saturate(.95) contrast(1.14);
}

.wrapper.base-industrial.ind-inner #product .product-content>.name {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #10151a !important;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner #product>.container>.product-content .row {
    gap: 20px !important;
  }

  .wrapper.base-industrial.ind-inner #product .product-content .pro {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .wrapper.base-industrial.ind-inner #product .product-content .pro-tp {
    height: 220px
  }
}

/* product-case-list-polish-industrial-20260527:end */

/* product-case-pagination-flow-industrial-20260527:start */
.wrapper.base-industrial.ind-inner #product .product-content .row>.page,
.wrapper.base-industrial.ind-inner #product .product-content .row>.clearboth {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .page {
  margin: 10px 0 0 !important;
  text-align: center !important;
}

/* product-case-pagination-flow-industrial-20260527:end */

/* product-case-grid-stability-industrial-20260527:start */
.wrapper.base-industrial.ind-inner #product>.container>.product-content .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .row>.pro {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .row>.pro>a {
  height: 100% !important;
}

.wrapper.base-industrial.ind-inner #product .product-content .row>.page,
.wrapper.base-industrial.ind-inner #product .product-content .row>.clearboth {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner #product>.container>.product-content .row {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* product-case-grid-stability-industrial-20260527:end */

/* product-case-row-pseudo-fix-industrial-20260527:start */
.wrapper.base-industrial.ind-inner #product .product-content .row:before,
.wrapper.base-industrial.ind-inner #product .product-content .row:after {
  content: none !important;
  display: none !important;
}

/* product-case-row-pseudo-fix-industrial-20260527:end */

/* product-case-row-padding-industrial-20260603:start */
.wrapper.base-industrial.ind-inner.page-product #product>.container>.product-content .row,
.wrapper.base-industrial.ind-inner.page-case #product>.container>.product-content .row {
  padding-top: 22px !important;
}

@media (max-width: 767px) {

  .wrapper.base-industrial.ind-inner.page-product #product>.container>.product-content .row,
  .wrapper.base-industrial.ind-inner.page-case #product>.container>.product-content .row {
    padding-top: 16px !important;
  }
}

/* product-case-row-padding-industrial-20260603:end */

/* product-case-navigation-polish-industrial-20260527:start */
.wrapper.base-industrial.ind-inner .product-sider-nav {
  padding: 18px 34px !important;
  background: #e7ecef !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav .container {
  position: relative;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  gap: 10px !important;
  overflow: visible !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav .container:before {
  content: "";
  width: 6px;
  height: 24px;
  background: #bd1f2d;
  flex: 0 0 6px;
}

.wrapper.base-industrial.ind-inner .product-sider-nav a {
  display: inline-flex !important;
  align-items: center;
  height: 28px;
  padding: 0 !important;
  background: transparent !important;
  color: #5d6a75 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav a.active,
.wrapper.base-industrial.ind-inner .product-sider-nav .active {
  color: #10151a !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav .sy {
  padding-left: 0 !important;
  background: none !important;
}

.wrapper.base-industrial.ind-inner #product>.container>.product-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav-title,
.wrapper.base-industrial.ind-inner #product .side-nav-title {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 22px 24px !important;
  background: #10151a !important;
  border: 0 !important;
  color: #fff !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav-title:before,
.wrapper.base-industrial.ind-inner #product .side-nav-title:before {
  content: "";
  display: block;
  width: 38px;
  height: 5px;
  margin-bottom: 14px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner #product .product-nav-title span,
.wrapper.base-industrial.ind-inner #product .side-nav-title span {
  color: #f2a51a !important;
}

.wrapper.base-industrial.ind-inner #product .menu_list {
  display: grid;
  gap: 10px;
}

.wrapper.base-industrial.ind-inner #product .product-nav p.menu_head,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_head {
  position: relative;
  min-height: 52px !important;
  padding: 0 18px 0 24px !important;
  background: #f8fafb !important;
  border: 0 !important;
  color: #10151a !important;
  font-weight: 900 !important;
  line-height: 52px !important;
  overflow: hidden;
}

.wrapper.base-industrial.ind-inner #product .product-nav p.menu_head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #cfd7de;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_head.current,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_head:hover {
  background: #fff !important;
  color: #bd1f2d !important;
  box-shadow: 0 12px 26px rgba(16, 21, 26, .08);
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_head.current:before,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_head:hover:before {
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_head a,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_head i {
  color: inherit !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_head i {
  border-color: #bd1f2d !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body {
  margin: 0 0 2px !important;
  background: transparent !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a {
  margin-top: 6px;
  padding: 0 18px 0 24px !important;
  background: transparent !important;
  border: 0 !important;
  color: #5d6a75 !important;
  line-height: 36px !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover {
  background: #bd1f2d !important;
  color: #fff !important;
}

.wrapper.base-industrial.ind-inner #product .side-related {
  margin-top: 18px;
}

.wrapper.base-industrial.ind-inner #product .side-related ul {
  display: grid;
  gap: 8px;
}

.wrapper.base-industrial.ind-inner #product .side-related a {
  height: auto !important;
  padding: 10px 12px !important;
  background: #f8fafb !important;
  border: 0 !important;
  color: #5d6a75 !important;
  line-height: 1.55 !important;
}

.wrapper.base-industrial.ind-inner #product .page {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 18px 0 0 !important;
  color: #697681 !important;
}

.wrapper.base-industrial.ind-inner #product .page .p_state {
  float: none !important;
  padding: 0 10px !important;
  color: #697681 !important;
  line-height: 34px;
}

.wrapper.base-industrial.ind-inner #product .page a,
.wrapper.base-industrial.ind-inner #product .page strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0 !important;
  padding: 0 12px !important;
  background: #f8fafb !important;
  border: 0 !important;
  color: #4d5964 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.wrapper.base-industrial.ind-inner #product .page a.on,
.wrapper.base-industrial.ind-inner #product .page a.dq,
.wrapper.base-industrial.ind-inner #product .page a:hover {
  background: #bd1f2d !important;
  color: #fff !important;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner .product-sider-nav {
    padding: 14px 18px !important
  }
}

/* product-case-navigation-polish-industrial-20260527:end */

/* inner-nav-width-lock-industrial-20260527:start */
.wrapper.base-industrial.ind-inner .sider-nav {
  padding: 0 34px !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav {
  padding: 18px 34px !important;
}

.wrapper.base-industrial.ind-inner .sider-nav .container,
.wrapper.base-industrial.ind-inner .product-sider-nav .container {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media(max-width:767px) {

  .wrapper.base-industrial.ind-inner .sider-nav,
  .wrapper.base-industrial.ind-inner .product-sider-nav {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* inner-nav-width-lock-industrial-20260527:end */

/* breadcrumb-separator-industrial-20260527:start */
.wrapper.base-industrial.ind-inner .product-sider-nav .breadcrumb-sep {
  top: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 0 2px !important;
  color: #f2a51a !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.wrapper.base-industrial.ind-inner .product-sider-nav .breadcrumb-sep:before {
  content: ">" !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
}

/* breadcrumb-separator-industrial-20260527:end */

/* contact-bootstrap-icons-industrial-20260528:start */
.wrapper.base-industrial.ind-inner .contact .row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 0;
}

.wrapper.base-industrial.ind-inner .contact .col-xs-6.col-sm-3 {
  float: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.wrapper.base-industrial.ind-inner .contact .col-xs-6.col-sm-3 .contact-icon {
  position: relative;
  top: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 auto 10px;
  background: transparent;
  border: 0;
  color: #bd1f2d;
  font-size: 25px;
  line-height: 1;
  box-shadow: none;
}

.wrapper.base-industrial.ind-inner .contact .col-xs-6.col-sm-3 .contact-icon:after {
  content: none;
  display: none;
}

.wrapper.base-industrial.ind-inner .contact h3 {
  margin: 0 0 10px !important;
  color: #10151a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

.wrapper.base-industrial.ind-inner .contact p {
  margin: 0 !important;
  color: #5d6a75 !important;
  line-height: 1.8 !important;
}

/* contact-bootstrap-icons-industrial-20260528:end */



/* detail-related-polish-industrial-20260528:start */
.wrapper.base-industrial.ind-inner #product .product-content>.nr {
  margin: 0 0 20px !important;
  padding: 24px 28px !important;
  background: #fff !important;
  border: 1px solid #e3e8ed !important;
  border-left: 4px solid #bd1f2d !important;
  color: #26313b !important;
  line-height: 2 !important;
}

.wrapper.base-industrial.ind-inner #product .product-content>.nr p {
  margin: 0 0 14px;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title {
  position: relative;
  height: auto !important;
  margin: 30px 0 14px !important;
  padding: 0 0 12px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e0e6 !important;
  color: #10151a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  width: 5px;
  height: 18px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 88px;
  height: 2px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list,
.wrapper.base-industrial.ind-inner .bottom-news-list {
  margin: 0 0 8px;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list ul,
.wrapper.base-industrial.ind-inner .bottom-news-list ul {
  margin-left: -8px;
  margin-right: -8px;
  padding: 0;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list li,
.wrapper.base-industrial.ind-inner .bottom-news-list li {
  margin-bottom: 16px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  list-style: none;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list a {
  display: block;
  min-height: 100%;
  padding: 10px 10px 13px;
  background: #f8fafb;
  border: 1px solid #e0e6eb;
  color: #1b252e;
  font-weight: 800;
  line-height: 1.55;
  overflow: hidden;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list img {
  display: block;
  width: 100%;
  height: 138px;
  margin: 0 0 10px;
  object-fit: cover;
  filter: saturate(.92) contrast(1.04);
}

.wrapper.base-industrial.ind-inner .bottom-pro-list a:hover {
  transform: translateY(-2px);
  background: #fff;
  border-color: rgba(189, 31, 45, .34);
  color: #bd1f2d;
  text-decoration: none;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a {
  position: relative;
  display: block;
  min-height: 44px;
  padding: 11px 14px 11px 34px;
  background: #f8fafb;
  border: 1px solid #e0e6eb;
  color: #34424f;
  line-height: 1.55;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a:hover {
  background: #fff;
  border-color: rgba(189, 31, 45, .34);
  color: #bd1f2d;
  text-decoration: none;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner #product .product-content>.nr {
    padding: 20px !important
  }

  .wrapper.base-industrial.ind-inner .bottom-pro-list img {
    height: 112px
  }

  .wrapper.base-industrial.ind-inner .bottom-news-list a {
    white-space: normal
  }
}

/* detail-related-polish-industrial-20260528:end */

/* detail-related-borderless-industrial-20260528:start */
.wrapper.base-industrial.ind-inner .bottom-nav-title {
  border-bottom: 0 !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title:after {
  content: none !important;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list a,
.wrapper.base-industrial.ind-inner .bottom-news-list a {
  border: 0 !important;
}

.wrapper.base-industrial.ind-inner .bottom-pro-list a {
  background: #f7f9fb;
  box-shadow: 0 8px 18px rgba(16, 21, 26, .045);
}

.wrapper.base-industrial.ind-inner .bottom-pro-list a:hover {
  box-shadow: 0 12px 24px rgba(16, 21, 26, .075);
}

.wrapper.base-industrial.ind-inner .bottom-news-list a {
  background: #f7f9fb;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a:hover {
  background: #fff6ea;
}

/* detail-related-borderless-industrial-20260528:end */

/* detail-left-clean-industrial-20260528:start */
.wrapper.base-industrial.ind-inner #product .product-content>.nr,
.wrapper.base-industrial.ind-inner .news_show .nr {
  border-left: 0 !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title {
  padding-left: 0 !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title:before,
.wrapper.base-industrial.ind-inner .bottom-news-list a:before {
  content: none !important;
  display: none !important;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a {
  padding-left: 14px !important;
}

/* detail-left-clean-industrial-20260528:end */

/* list-card-clean-related-restore-industrial-20260528:start */
.wrapper.base-industrial.ind-inner #product .product-content .pro a:before {
  content: none !important;
  display: none !important;
}

.wrapper.base-industrial.ind-inner .news-list .row,
.wrapper.base-industrial.ind-inner .news-list .row:hover {
  border-left: 0 !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title {
  padding-left: 18px !important;
}

.wrapper.base-industrial.ind-inner .bottom-nav-title:before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  top: .2em;
  width: 5px;
  height: 18px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a {
  padding-left: 34px !important;
}

.wrapper.base-industrial.ind-inner .bottom-news-list a:before {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 16px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #bd1f2d;
}

/* list-card-clean-related-restore-industrial-20260528:end */

/* detail-panel-cohesion-industrial-20260528:start */
.wrapper.base-industrial.ind-inner #product>.container>.product-content.detail-content {
  padding: 0 28px 30px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 32px rgba(16, 21, 26, .07) !important;
  overflow: hidden !important;
}

.wrapper.base-industrial.ind-inner #product .product-content.detail-content>.name {
  margin: 0 -28px 24px !important;
  padding: 24px 28px 20px !important;
  background: #f7f9fb !important;
  border: 0 !important;
  border-bottom: 1px solid #e3e8ed !important;
  color: #10151a !important;
}

.wrapper.base-industrial.ind-inner #product .product-content.detail-content>.name:before {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin: 0 0 12px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner #product .product-content.detail-content>.nr {
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner #product>.container>.product-content.detail-content {
    padding: 0 20px 24px !important
  }

  .wrapper.base-industrial.ind-inner #product .product-content.detail-content>.name {
    margin-left: -20px !important;
    margin-right: -20px !important;
    padding: 20px !important
  }
}

/* detail-panel-cohesion-industrial-20260528:end */

/* inner-polish-industrial-20260528:start */
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body {
  padding: 8px 10px 12px !important;
  background: #eef2f5 !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a {
  margin: 6px 0 0 !important;
  padding: 10px 14px 10px 22px !important;
  background: #fff !important;
  color: #34424f !important;
  line-height: 1.45 !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover {
  background: #fff6ea !important;
  color: #bd1f2d !important;
}

.wrapper.base-industrial.ind-inner .news-list p.more {
  margin: 18px 0 0 !important;
}

.wrapper.base-industrial.ind-inner .news-list p.more a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 16px;
  background: #10151a;
  color: #fff !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
}

.wrapper.base-industrial.ind-inner .news-list p.more a:after {
  content: "\f178";
  font-family: FontAwesome;
  color: #f2a51a;
}

.wrapper.base-industrial.ind-inner .news-list p.more a:hover {
  background: #bd1f2d;
}

#footer.ind-footer .ind-footer-contact p:before {
  display: flex !important;
  opacity: 1 !important;
}

.wrapper.base-industrial.ind-inner .contact {
  padding: 30px !important;
  background: #fff !important;
}

.wrapper.base-industrial.ind-inner .contact>.row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner .contact>.row:before,
.wrapper.base-industrial.ind-inner .contact>.row:after {
  content: none !important;
}

.wrapper.base-industrial.ind-inner .contact .col-xs-6.col-sm-3 {
  float: none !important;
  width: auto !important;
  min-height: 150px;
  padding: 22px 18px !important;
  background: #f7f9fb;
  border: 0;
  text-align: left;
}

.wrapper.base-industrial.ind-inner .contact .contact-icon {
  margin: 0 0 14px !important;
  color: #bd1f2d !important;
  font-size: 24px !important;
}

.wrapper.base-industrial.ind-inner .contact h3 {
  margin: 0 0 10px !important;
  color: #10151a !important;
}

.wrapper.base-industrial.ind-inner .contact p {
  color: #5d6a75 !important;
}

.wrapper.base-industrial.ind-inner .contact-map-panel {
  margin-top: 22px;
  background: #f7f9fb;
  overflow: hidden;
}

.wrapper.base-industrial.ind-inner .contact-map-iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
}

@media(max-width:991px) {
  .wrapper.base-industrial.ind-inner .contact>.row {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner .contact {
    padding: 20px !important
  }

  .wrapper.base-industrial.ind-inner .contact>.row {
    grid-template-columns: 1fr
  }

  .wrapper.base-industrial.ind-inner .contact-map-iframe {
    height: 320px
  }
}

/* inner-polish-industrial-20260528:end */

/* inner-sider-nav-clean-industrial-20260528:start */
.wrapper.base-industrial.ind-inner .sider-nav {
  padding: 0 34px !important;
  background: linear-gradient(180deg, #f3f6f8 0, #e9eef2 100%) !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), inset 0 -1px 0 rgba(16, 21, 26, .08);
}

.wrapper.base-industrial.ind-inner .sider-nav .container {
  min-height: 62px !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  overflow: auto;
}

.wrapper.base-industrial.ind-inner .sider-nav ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wrapper.base-industrial.ind-inner .sider-nav li {
  float: none !important;
}

.wrapper.base-industrial.ind-inner .sider-nav a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  min-height: 62px;
  padding: 0 2px !important;
  background: transparent !important;
  border: 0 !important;
  color: #4d5964 !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.wrapper.base-industrial.ind-inner .sider-nav a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 3px;
  background: #bd1f2d;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .18s ease;
}

.wrapper.base-industrial.ind-inner .sider-nav a:hover,
.wrapper.base-industrial.ind-inner .sider-nav a.active {
  color: #10151a !important;
}

.wrapper.base-industrial.ind-inner .sider-nav a:hover:after,
.wrapper.base-industrial.ind-inner .sider-nav a.active:after {
  transform: scaleX(1);
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner .sider-nav {
    padding: 0 16px !important
  }

  .wrapper.base-industrial.ind-inner .sider-nav .container {
    min-height: 56px !important
  }

  .wrapper.base-industrial.ind-inner .sider-nav ul {
    gap: 12px !important
  }

  .wrapper.base-industrial.ind-inner .sider-nav a {
    min-height: 56px;
    font-size: 13px
  }
}

/* inner-sider-nav-clean-industrial-20260528:end */

/* feedback-form-modern-industrial-20260528:start */
.wrapper.base-industrial.ind-inner .feedback {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 34px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 34px;
  background: #fff;
  box-shadow: 0 22px 48px rgba(16, 21, 26, .08);
}

.wrapper.base-industrial.ind-inner .feedback .name {
  margin: 0 !important;
  color: #10151a !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.wrapper.base-industrial.ind-inner .feedback .name:before {
  content: "REQUEST";
  display: block;
  margin-bottom: 14px;
  color: #bd1f2d;
  font-size: 12px;
  font-weight: 900;
}

.wrapper.base-industrial.ind-inner .feedback .name:after {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  margin-top: 18px;
  background: #bd1f2d;
}

.wrapper.base-industrial.ind-inner .feedback .nr {
  margin: 0 !important
}

.wrapper.base-industrial.ind-inner .feedback .nr>p {
  margin: 0 !important
}

.wrapper.base-industrial.ind-inner .guestbook {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin: 0 !important;
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .f-cb {
  display: contents
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd p {
  grid-column: 1 / -1;
  margin: 0 !important;
  text-align: left !important
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .InputText,
.wrapper.base-industrial.ind-inner .guestbook #bookAdd .Text {
  float: none !important;
  width: 100% !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: #f4f7f9 !important;
  border: 0 !important;
  box-shadow: inset 0 -2px 0 #d8e0e7;
  color: #10151a !important;
  font-size: 14px !important;
  line-height: 52px !important;
  transition: background .18s ease, box-shadow .18s ease;
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd #pro,
.wrapper.base-industrial.ind-inner .guestbook #bookAdd .Text {
  grid-column: 1 / -1
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .Text {
  min-height: 138px !important;
  padding-top: 14px !important;
  line-height: 1.8 !important;
  resize: vertical;
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .InputText:focus,
.wrapper.base-industrial.ind-inner .guestbook #bookAdd .Text:focus {
  background: #fff !important;
  box-shadow: inset 0 -2px 0 #bd1f2d, 0 12px 24px rgba(16, 21, 26, .06);
  outline: 0;
}

.wrapper.base-industrial.ind-inner .feedback-captcha {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 12px;
}

.wrapper.base-industrial.ind-inner .feedback-captcha .captcha-code {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  background: #10151a;
  color: #f2a51a;
  font-size: 16px;
  font-weight: 900;
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .btn {
  min-width: 156px;
  height: 50px;
  margin: 4px 0 0 !important;
  padding: 0 30px !important;
  background: #bd1f2d !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 900;
  line-height: 50px !important;
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd .btn:hover {
  background: #10151a !important
}

.wrapper.base-industrial.ind-inner .guestbook #bookAdd div[style*="height:40px"] {
  height: auto !important;
  overflow: visible !important;
  text-align: left !important;
}

@media(max-width:991px) {
  .wrapper.base-industrial.ind-inner .feedback {
    grid-template-columns: 1fr
  }
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner .feedback {
    padding: 22px
  }

  .wrapper.base-industrial.ind-inner .guestbook #bookAdd-captcha {
    grid-template-columns: 1fr
  }
}

/* feedback-form-modern-industrial-20260528:end */




/* job-override-industrial-20260528:start */
.ind-inner .job .menu_head {
  min-height: 52px !important;
  line-height: 52px !important;
  padding: 0 22px !important;
  background: #f4f6f8 !important;
  color: #1b252e !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border: 0 !important
}

.ind-inner .job .menu_head i {
  background: #7d8b98 !important
}

.ind-inner .job .menu_list .current {
  background: #bd1f2d !important;
  color: #fff !important
}

.ind-inner .job .menu_list .current i {
  background: #fff !important
}

.ind-inner .job .menu_body {
  padding: 28px 22px !important;
  line-height: 2 !important;
  font-size: 15px !important;
  color: #3d4955 !important;
  background: #fff !important;
  border: 0 !important
}

/* job-override-industrial-20260528:end */

/* job-list-industrial-20260528b:start */
.wrapper.base-industrial.ind-inner .ind-job-list {
  max-width: 980px;
  margin: 0 auto;
}

.wrapper.base-industrial.ind-inner .ind-job-item {
  margin: 0 0 12px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(16, 21, 26, .06);
}

.wrapper.base-industrial.ind-inner .ind-job-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 56px;
  padding: 0 22px;
  background: #e5ebf0;
  border: 0;
  color: #1b252e;
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}

.wrapper.base-industrial.ind-inner .ind-job-title {
  line-height: 1.5
}

.wrapper.base-industrial.ind-inner .ind-job-arrow {
  width: 11px;
  height: 11px;
  border-right: 2px solid #6a7886;
  border-bottom: 2px solid #6a7886;
  transform: rotate(45deg);
  transition: transform .22s ease, border-color .22s ease;
}

.wrapper.base-industrial.ind-inner .ind-job-head.open {
  background: #bd1f2d;
  color: #fff;
}

.wrapper.base-industrial.ind-inner .ind-job-head.open .ind-job-arrow {
  border-color: #fff;
  transform: rotate(-135deg);
}

.wrapper.base-industrial.ind-inner .ind-job-body {
  padding: 24px 22px 28px;
  color: #3d4955;
  font-size: 15px;
  line-height: 2;
}

@media(max-width:767px) {
  .wrapper.base-industrial.ind-inner .ind-job-head {
    padding: 0 16px;
    font-size: 15px
  }

  .wrapper.base-industrial.ind-inner .ind-job-body {
    padding: 18px 16px 22px;
    font-size: 14px
  }
}

/* job-list-industrial-20260528b:end */








/* inner-shell-industrial-20260528j:start */
.wrapper.base-industrial .ind-product-shell .title {
  font-size: 12px !important;
  letter-spacing: .03em
}

.wrapper.base-industrial .ind-news-shell {
  position: relative;
  padding-left: 12px
}

.wrapper.base-industrial .ind-detail-shell .date {
  font-weight: 700;
  letter-spacing: .02em
}

/* inner-shell-industrial-20260528j:end */

/* product-item-meta-industrial-20260528k:start */
.wrapper.base-industrial .ind-product-shell .pro-kicker {
  display: block;
  padding: 0 24px;
  color: #bd1f2d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em
}

.wrapper.base-industrial .ind-product-shell .pro-action {
  display: block;
  padding: 0 24px 22px;
  color: #7b8895;
  font-style: normal;
  font-size: 12px
}

/* product-item-meta-industrial-20260528k:end */

/* detail-meta-industrial-20260528u:start */
.wrapper.base-industrial .ind-detail-shell .detail-kicker,
.wrapper.base-industrial .product-content .detail-kicker,
.wrapper.base-industrial .case_show .detail-kicker {
  margin: 6px 0 10px;
  color: #bd1f2d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em
}

.wrapper.base-industrial .ind-detail-shell .detail-back a,
.wrapper.base-industrial .product-content .detail-back a,
.wrapper.base-industrial .case_show .detail-back a {
  display: inline-block;
  padding: 0 10px;
  line-height: 28px;
  background: #edf2f6;
  color: #1b252e !important
}

/* detail-meta-industrial-20260528u:end */

/* ===== Inner Matrix: base-industrial ===== */
.base-industrial.base-inner .product-sider-nav,
.base-industrial.base-inner .sider-nav {
  margin-bottom: 0;
}

.base-industrial.base-inner #main .container,
.base-industrial.base-inner #product .container,
.base-industrial.base-inner .gsjj .container {
  max-width: 1280px;
}

.base-industrial.base-inner .news-list .row,
.base-industrial.base-inner .product-content .pro,
.base-industrial.base-inner .detail-content,
.base-industrial.base-inner .news_show,
.base-industrial.base-inner .feedback {
  border-radius: 8px;
}

.base-industrial.base-inner .news-list .row,
.base-industrial.base-inner .detail-content,
.base-industrial.base-inner .news_show {
  padding: 20px 22px;
  box-shadow: 0 8px 20px rgba(47, 34, 24, .08);
}

.base-industrial.base-inner .product-nav-title,
.base-industrial.base-inner .name,
.base-industrial.base-inner .title {
  letter-spacing: 0.02em;
}

.base-industrial.base-inner .detail-kicker,
.base-industrial.base-inner .more a,
.base-industrial.base-inner .pro-action {
  transition: all .2s ease;
}

.base-industrial.base-inner .detail-kicker:hover,
.base-industrial.base-inner .more a:hover,
.base-industrial.base-inner .pro-action:hover {
  opacity: .85;
}



/* feedback-final-industrial-20260529z:start */
.wrapper.base-industrial.ind-inner.feedback-page .gsjj > .container.feedback-container-bg{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:24px !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
.wrapper.base-industrial.ind-inner.feedback-page .feedback.ind-feedback-shell,
.wrapper.base-industrial.ind-inner.feedback-page .feedback{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.wrapper.base-industrial.ind-inner.feedback-page .feedback:before,
.wrapper.base-industrial.ind-inner.feedback-page .feedback:after,
.wrapper.base-industrial.ind-inner.feedback-page .feedback.ind-feedback-shell:before,
.wrapper.base-industrial.ind-inner.feedback-page .feedback.ind-feedback-shell:after{
  content:none !important;
  display:none !important;
}
/* feedback-final-industrial-20260529z:end */

/* inner-final-industrial-20260529z:start */
.wrapper.base-industrial.ind-inner #main,
.wrapper.base-industrial.ind-inner #product,
.wrapper.base-industrial.ind-inner .gsjj{
  background:#dde5ec !important;
  padding-top:24px !important;
}
.wrapper.base-industrial.ind-inner .sider-nav{
  background:#141b23 !important;
}
.wrapper.base-industrial.ind-inner .product-sider-nav{
  background:#dde5ec !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.wrapper.base-industrial.ind-inner .product-sider-nav,
.wrapper.base-industrial.ind-inner .product-sider-nav .container,
.wrapper.base-industrial.ind-inner .sider-nav,
.wrapper.base-industrial.ind-inner .sider-nav .container{
  border:0 !important;
  box-shadow:none !important;
}
.wrapper.base-industrial.ind-inner .product-sider-nav a{color:#3f4d5a !important}
.wrapper.base-industrial.ind-inner .product-sider-nav a:hover{color:#10151a !important}
.wrapper.base-industrial.ind-inner .product-sider-nav a.active,
.wrapper.base-industrial.ind-inner .product-sider-nav .active{color:#bd1f2d !important}
.wrapper.base-industrial.ind-inner .product-sider-nav .breadcrumb-sep{color:#7b8996 !important}
.wrapper.base-industrial.ind-inner .sider-nav a{color:#c2ced8 !important}
.wrapper.base-industrial.ind-inner .sider-nav a:hover{color:#fff !important}
.wrapper.base-industrial.ind-inner .sider-nav a.active{color:#f2a51a !important}
.wrapper.base-industrial.ind-inner .sider-nav a.active:after{background:#f2a51a !important}

.wrapper.base-industrial.ind-inner .aboutinfo,
.wrapper.base-industrial.ind-inner .news_show,
.wrapper.base-industrial.ind-inner .case_show,
.wrapper.base-industrial.ind-inner .contact,
.wrapper.base-industrial.ind-inner .news-list .row{
  background:#fff !important;
  border:0 !important;
  box-shadow:0 14px 32px rgba(16,21,26,.08) !important;
}
.wrapper.base-industrial.ind-inner #product .product-content .pro a{
  box-shadow:0 16px 34px rgba(16,21,26,.09) !important;
}
@media(max-width:767px){
  .wrapper.base-industrial.ind-inner #main,
  .wrapper.base-industrial.ind-inner #product,
  .wrapper.base-industrial.ind-inner .gsjj{padding-top:16px !important}
  .wrapper.base-industrial.ind-inner .product-sider-nav{padding-top:8px !important;padding-bottom:8px !important}
}
/* inner-final-industrial-20260529z:end */

/* side-nav-hover-fix-20260529 */
.wrapper.base-industrial .product-nav .menu_body a:hover {
  background: #aa1e2c !important;
  color: #ffffff !important;
}
.wrapper.base-industrial .product-nav .menu_body a:hover i {
  color: #ffffff !important;
}

/* side-nav-hover-force-20260529b */
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* side-nav-hover-industrial-final-20260529c */
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover {
  background: #fff6ea !important;
  color: #8f1a24 !important;
  -webkit-text-fill-color: #8f1a24 !important;
}
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover i {
  color: #8f1a24 !important;
  -webkit-text-fill-color: #8f1a24 !important;
}

/* side-nav-bootstrap-icon-final-20260529d */
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a {
  position: relative;
  padding-left: 42px !important;
  color: #5d6a75 !important;
}
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:before {
  content: "\e080";
  font-family: "Glyphicons Halflings";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #bd1f2d;
}
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a i {
  background: none !important;
  padding-left: 0 !important;
  color: inherit !important;
}
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a.current,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover {
  color: #8f1a24 !important;
}
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a.current:before,
.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:hover:before {
  color: #8f1a24 !important;
}

.wrapper.base-industrial.ind-inner #product .product-nav .menu_body a:before { font-family: "Glyphicons Halflings", "Arial"; }
.wrapper.base-industrial .product-nav .menu_head.no-children{cursor:pointer;}

/* news-row-inset-industrial-20260529 */
.wrapper.base-industrial.ind-inner.page-news .news-list .row{
  margin-left:12px !important;
  margin-right:12px !important;
}
@media (max-width:767px){
  .wrapper.base-industrial.ind-inner.page-news .news-list .row{
    margin-left:8px !important;
    margin-right:8px !important;
  }
}

/* feedback-left-bottom-bg-20260529 */
.wrapper.base-industrial.page-feedback .gsjj > .container.feedback-container-bg{
  position:relative;
  overflow:hidden;
  background:#f3f5f7 !important;
}
.wrapper.base-industrial.page-feedback .gsjj > .container.feedback-container-bg:before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:32%;
  height:100%;
  background:linear-gradient(180deg,#e3e8ec 0%,#d6dde3 100%);
}
.wrapper.base-industrial.page-feedback .gsjj > .container.feedback-container-bg > .feedback{
  position:relative;
  z-index:1;
}
/* click-focus-outline-fix-industrial-20260529 */
.wrapper.base-industrial a:focus,
.wrapper.base-industrial a:active,
.wrapper.base-industrial button:focus,
.wrapper.base-industrial button:active{
  outline:0 !important;
  box-shadow:none !important;
}
.wrapper.base-industrial a,
.wrapper.base-industrial button{
  -webkit-tap-highlight-color:transparent;
}

.tpl-semantic-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* inner-nav-content-merge-20260529:start */
.wrapper.base-inner > .sider-nav,
.wrapper.base-inner > .product-sider-nav{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.wrapper.base-inner > .sider-nav + #main,
.wrapper.base-inner > .sider-nav + #product,
.wrapper.base-inner > .sider-nav + .gsjj,
.wrapper.base-inner > .product-sider-nav + #main,
.wrapper.base-inner > .product-sider-nav + #product,
.wrapper.base-inner > .product-sider-nav + .gsjj{
  padding-top:0!important;
  margin-top:0!important;
}
/* inner-nav-content-merge-20260529:end */

/* inner-nav-gap-hotfix-industrial-20260529b:start */
.wrapper.base-industrial.ind-inner > .sider-nav,
.wrapper.base-industrial.ind-inner > .product-sider-nav{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.wrapper.base-industrial.ind-inner > .sider-nav + #main,
.wrapper.base-industrial.ind-inner > .sider-nav + #product,
.wrapper.base-industrial.ind-inner > .sider-nav + .gsjj,
.wrapper.base-industrial.ind-inner > .product-sider-nav + #main,
.wrapper.base-industrial.ind-inner > .product-sider-nav + #product,
.wrapper.base-industrial.ind-inner > .product-sider-nav + .gsjj{
  padding-top:0!important;
  margin-top:0!important;
}
/* inner-nav-gap-hotfix-industrial-20260529b:end */