body {
  counter-reset: reset;
}

#TabStrip dl {
  margin-bottom: 20px;
}

#TabStrip dl dt {
  display: flex;
  align-items: center;
  background: #f8f9fa;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

#TabStrip dl dt:before {
  display: inline-flex;
  counter-increment: reset;
  content: counter(reset);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #f00;
  margin-right: 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 50px;
}

.case .RowsTitle {
  margin-bottom: 3rem;
}

.case ul li .thumbs {
  margin-bottom: 1.5rem;
}

.slogan .Descript {
  line-height: 1.5em;
}

.fst {
  color: #DA1010;
}

.fst {
  color: #DA1010;
}

.fst * {
  color: #DA1010;
}

.bg-fst {
  background-color: #DA1010;
}

.hover-fst a:hover {
  color: #DA1010 !important;
}

.li-hover-fst li.on, .li-hover-fst li:hover {
  background-color: #DA1010;
}

.sec {
  color: #419B15;
}

.sec {
  color: #419B15;
}

.sec * {
  color: #419B15;
}

.bg-sec {
  background-color: #419B15;
}

.hover-sec a:hover {
  color: #419B15 !important;
}

.li-hover-sec li.on, .li-hover-sec li:hover {
  background-color: #419B15;
}

.thd {
  color: #0082D0;
}

.thd {
  color: #0082D0;
}

.thd * {
  color: #0082D0;
}

.bg-thd {
  background-color: #0082D0;
}

.hover-thd a:hover {
  color: #0082D0 !important;
}

.li-hover-thd li.on, .li-hover-thd li:hover {
  background-color: #0082D0;
}

.fth {
  color: #62B2E7;
}

.fth {
  color: #62B2E7;
}

.fth * {
  color: #62B2E7;
}

.bg-fth {
  background-color: #62B2E7;
}

.hover-fth a:hover {
  color: #62B2E7 !important;
}

.li-hover-fth li.on, .li-hover-fth li:hover {
  background-color: #62B2E7;
}

.blue {
  color: #1E61BA;
}

.blue {
  color: #1E61BA;
}

.blue * {
  color: #1E61BA;
}

.bg-blue {
  background-color: #1E61BA;
}

.hover-blue a:hover {
  color: #1E61BA !important;
}

.li-hover-blue li.on, .li-hover-blue li:hover {
  background-color: #1E61BA;
}

.dark {
  color: #383838;
}

.dark {
  color: #383838;
}

.dark * {
  color: #383838;
}

.bg-dark {
  background-color: #383838;
}

.hover-dark a:hover {
  color: #383838 !important;
}

.li-hover-dark li.on, .li-hover-dark li:hover {
  background-color: #383838;
}

.gray {
  color: #eee;
}

.gray {
  color: #eee;
}

.gray * {
  color: #eee;
}

.bg-gray {
  background-color: #eee;
}

.hover-gray a:hover {
  color: #eee !important;
}

.li-hover-gray li.on, .li-hover-gray li:hover {
  background-color: #eee;
}

.green {
  color: #54BA19;
}

.green {
  color: #54BA19;
}

.green * {
  color: #54BA19;
}

.bg-green {
  background-color: #54BA19;
}

.hover-green a:hover {
  color: #54BA19 !important;
}

.li-hover-green li.on, .li-hover-green li:hover {
  background-color: #54BA19;
}

.orange {
  color: #FF9900;
}

.orange {
  color: #FF9900;
}

.orange * {
  color: #FF9900;
}

.bg-orange {
  background-color: #FF9900;
}

.hover-orange a:hover {
  color: #FF9900 !important;
}

.li-hover-orange li.on, .li-hover-orange li:hover {
  background-color: #FF9900;
}

.red {
  color: #f00;
}

.red {
  color: #f00;
}

.red * {
  color: #f00;
}

.bg-red {
  background-color: #f00;
}

.hover-red a:hover {
  color: #f00 !important;
}

.li-hover-red li.on, .li-hover-red li:hover {
  background-color: #f00;
}

.white {
  color: #fff;
}

.white {
  color: #fff;
}

.white * {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.hover-white a:hover {
  color: #fff !important;
}

.li-hover-white li.on, .li-hover-white li:hover {
  background-color: #fff;
}

.light {
  color: #f8f9fa;
}

.light {
  color: #f8f9fa;
}

.light * {
  color: #f8f9fa;
}

.bg-light {
  background-color: #f8f9fa;
}

.hover-light a:hover {
  color: #f8f9fa !important;
}

.li-hover-light li.on, .li-hover-light li:hover {
  background-color: #f8f9fa;
}

.gray-600 {
  color: #6c757d;
}

.gray-600 {
  color: #6c757d;
}

.gray-600 * {
  color: #6c757d;
}

.bg-gray-600 {
  background-color: #6c757d;
}

.hover-gray-600 a:hover {
  color: #6c757d !important;
}

.li-hover-gray-600 li.on, .li-hover-gray-600 li:hover {
  background-color: #6c757d;
}

.gray-799 {
  color: #495057;
}

.gray-799 {
  color: #495057;
}

.gray-799 * {
  color: #495057;
}

.bg-gray-799 {
  background-color: #495057;
}

.hover-gray-799 a:hover {
  color: #495057 !important;
}

.li-hover-gray-799 li.on, .li-hover-gray-799 li:hover {
  background-color: #495057;
}

a,
.intro {
  color: #6c757d;
}

a:hover {
  color: #f00;
}

.banner .h5 {
  background: #f00;
  color: #fff;
  margin-bottom: 30px;
}

.banner .h5:hover {
  background: #54BA19;
}

.logo img {
  height: 55px;
}

.bottom .RowsTitle {
  display: none;
}

.bottom .qrcode {
  margin-top: 20px;
}

.bottom .qrcode .dt {
  display: none;
}

.bottom .qrcode .dd {
  display: flex;
  height: 120px;
  justify-content: center;
}

.bottom .qrcode .dd img {
  height: 100%;
}

.frame .news {
  border: 1px solid #1E61BA;
}

.frame .news h3 {
  background: #1E61BA;
  color: #fff;
  padding: 15px 0;
}

.frame .news .RowsTitle {
  margin-bottom: 0;
}

.frame .news .Margin {
  padding: 10px;
}

.hotline .dt::before {
  content: '\f095';
  color: #FF9900;
  line-height: 16px;
  margin-right: 8px;
}

.link {
  border-top: 1px solid #eee;
}

.link a {
  margin-right: 2em;
}

.logo {
  display: flex;
  min-height: 28px;
  align-items: center;
}

.logo img {
  max-height: 50px;
  max-width: 100%;
}

.body a {
  color: #1E61BA;
  text-decoration: underline;
}

.body p {
  line-height: 2em;
}

.body .Subject {
  padding: 10px 15px;
  background-color: #0082D0;
  border-bottom: 2px solid #1E61BA;
}

.body .Subject .Descript {
  text-align: left;
  color: white;
}

.body .Subject .Descript::before {
  display: inline-flex;
  content: "\f19d";
  margin-right: 1em;
}

.body .qrcode {
  position: relative;
  height: 120px;
}

.body .qrcode img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.body #ArticleSummary ul li {
  flex-direction: column;
}

.body #ArticleSummary ul li .thumbs {
  margin-bottom: 1.5rem;
}

.red {
  background: #f00;
  color: #fff;
}

.red menu ul li a {
  color: #fff;
}

.red menu ul li.on a, .red menu ul li:hover a {
  background: #FF9900;
}

.red menu ul li.on ul li a:hover, .red menu ul li:hover ul li a:hover {
  color: #fff;
}

.margin-row-right menu {
  display: inline-flex;
}

.navtop {
  margin-right: 10px;
}

.navtop menu ul {
  display: inline-flex;
  flex-direction: row;
}

.navtop menu ul li a {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}

.navbar-toggler {
  background: #f00;
  color: #fff;
}

.navbar-toggler * {
  color: #fff;
}

.navbar-toggler::before {
  font-size: 30px;
}

.product {
  padding-left: -15px;
  padding-right: -15px;
}

.product .RowsTitle {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}

.product .RowsTitle h3 {
  font-size: 1.3rem;
}

.product .RowsTitle h3 a::before {
  content: '\f13d';
  margin-right: 10px;
}

.product .RowsTitle > span {
  display: none;
}

.product .RowsTitle .en:after {
  display: none;
}

.bottom .pt-3 {
  border-top: 1px solid #495057;
}

.RowsTitle {
  text-align: center;
}

.RowsTitle h3 .en {
  font-size: 1.2rem;
  color: #6c757d;
}

.sider {
  border: 0;
}

.sider .RowsTitle {
  display: none;
}

.sider ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sider ul li {
  display: flex;
  flex-direction: column;
  border: 0;
}

.sider ul li a {
  display: block;
  border-radius: 3px;
  margin: 2px 5px;
  background: #f00;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 2rem;
  white-space: nowrap;
}

.sider ul li:hover {
  background: #62B2E7;
}

.sider ul li:hover ul {
  background: #DA1010;
}

.sider ul li:hover ul li a {
  color: #fff;
}

.sider ul li ul {
  border-top: 1px solid #f8f9fa;
  background-color: #f8f9fa;
  margin: 0;
}

.sider ul li ul:hover li a {
  color: #fff;
}

.sider ul li ul:hover li a:hover {
  color: inherit;
}

.slogan .Subject {
  margin: 0;
}

.slogan .Subject .Descript {
  text-align: left;
}

#ArticleIntro ul .LongDatePlus {
  background: #eee;
}

#ArticleIntro ul .LongDatePlus * {
  color: #6c757d;
}

#ArticleView ul li .thumbs a,
#ProductView ul li .thumbs a {
  position: relative;
}

#ArticleView ul li .thumbs a:hover::before,
#ProductView ul li .thumbs a:hover::before {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(204, 0, 0, 0.5);
  font-size: 50px;
  content: '\f06e';
  color: #fff;
}

.row .col-lg-3,
.row .col-lg-9 {
  padding-left: 0;
  padding-right: 0;
}

.Subject {
  margin-bottom: 20px;
}

.Subject .Descript {
  text-align: center;
  color: #6c757d;
}

.menu-row-rake ul li {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
}

.menu-row-rake ul li a b {
  display: none;
}

.menu-row-rake ul li ul {
  position: relative;
  margin-top: 12px;
}

.menu-row-rake ul li ul li a {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1rem;
  display: block;
  font-size: 1rem;
  line-height: 1.6em;
}

.ico.ul-col ul li:nth-child(1)::before {
  content: '\f155';
}

.ico.ul-col ul li:nth-child(2)::before {
  content: '\f023';
}

.ico.ul-col ul li:nth-child(3)::before {
  content: '\f1ab';
}

.ico.ul-col ul li:nth-child(4)::before {
  content: '\f13b';
}

.ico.ul-col ul li:nth-child(5)::before {
  content: '\f2a2';
}

.ico.ul-col ul li:nth-child(6)::before {
  content: '\f19b';
}

.ico.ul-col ul li:nth-child(7)::before {
  content: '\f121';
}

.ico.ul-col ul li:nth-child(8)::before {
  content: '\f19d';
}

.ico.ul-col ul li:nth-child(9)::before {
  content: '\f211';
}

.ico.ul-col ul li:nth-child(10)::before {
  content: '\f1d9';
}

.ico.ul-col ul li:nth-child(11)::before {
  content: '\f1e6';
}

.ico.ul-col ul li:nth-child(12)::before {
  content: '\f0c0';
}

.ico.ul-col ul li > ul {
  display: none;
}

.clear {
  display: block;
}

pager {
  background: #f8f8f8;
  text-align: center;
}

pager cur {
  color: red;
  font-size: larger;
}

pager span {
  margin: 0 3px;
}

pager a {
  margin: 0 3px;
  cursor: pointer;
}

pager input {
  width: auto;
  margin: 5px;
  padding: 2px 15px;
}

pager input[name=jump] {
  width: 30px;
  padding: 2px;
  text-align: center;
}

@media (min-width: 576px) {
  .logo img {
    height: auto;
  }
  #ArticleView ul li,
#ProductView ul li {
    width: 33%;
  }
  .factory #ArticleView ul li,
.factory #ProductView ul li {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .tab-row #TabStrip {
    flex-wrap: wrap;
  }
  .tab-row #TabStrip dl {
    min-width: 50%;
  }
  .body #ArticleSummary ul li {
    flex-direction: row;
  }
  .body #ArticleSummary ul li .thumbs {
    margin-bottom: 0;
    width: 200px;
  }
  .body #ArticleSummary ul li .detail {
    flex: 1;
  }
}

@media (min-width: 992px) {
  .hidden-lg {
    display: none;
  }
  .bottom {
    padding-bottom: 0;
  }
  .bottom .col-lg-10 {
    text-align: left;
  }
  .bottom .RowsTitle {
    display: flex;
    margin-bottom: 15px;
  }
  .bottom .RowsTitle h3 {
    display: block;
    text-align: left;
    font-size: 1.125rem;
  }
  .bottom .qrcode {
    margin-top: 0;
  }
  .bottom .Margin > div {
    margin: 5px 0;
  }
  .bottom .menu-row-rake ul li ul li a {
    padding-left: 0;
    font-weight: 100;
    line-height: 2em;
  }
  .menu-lg-underline {
    background: transparent;
    color: inherit;
  }
  .menu-lg-underline ul li a {
    color: #6c757d !important;
    border-bottom: 2px solid transparent;
  }
  .menu-lg-underline ul li a b {
    display: none;
  }
  .menu-lg-underline ul li.on a, .menu-lg-underline ul li:hover a {
    background: #fff !important;
    color: inherit;
    border-bottom: 2px solid #f00;
  }
  .menu-lg-underline ul li.on ul, .menu-lg-underline ul li:hover ul {
    border-top: 14px solid #fff;
    background: #f00;
  }
  .menu-lg-underline ul li.on ul li, .menu-lg-underline ul li:hover ul li {
    background: #f00;
  }
  .menu-lg-underline ul li.on ul li a, .menu-lg-underline ul li:hover ul li a {
    background: #f00 !important;
    color: #fff !important;
  }
  .menu-lg-underline ul li.on ul li a:hover, .menu-lg-underline ul li:hover ul li a:hover {
    background: #eee !important;
    color: inherit !important;
  }
  .menu-lg-underline ul li.on ul li a:hover::before, .menu-lg-underline ul li:hover ul li a:hover::before {
    color: #FF9900;
  }
  .menu-lg-underline ul li ul {
    background: #f00;
  }
  .logo {
    max-height: 70px;
  }
  .logo img {
    max-height: 70px;
  }
  .row .col-lg-3,
.row .col-lg-9 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sider {
    border: 1px solid transparent;
    box-shadow: 0 0 10px #6c757d;
    padding-left: 0;
    padding-right: 0;
    top: 10px;
  }
  .sider .RowsTitle {
    display: block;
    background: #DA1010;
    padding: 10px;
    margin: 0;
  }
  .sider .RowsTitle * {
    color: #fff;
  }
  .sider .RowsTitle .en:after {
    display: none;
  }
  .sider ul {
    display: flex;
    flex-flow: column wrap;
    margin: 10px;
  }
  .sider ul li {
    display: flex;
    border-bottom: 1px solid #eee;
  }
  .sider ul li a {
    display: block;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    border-radius: 0;
    background: inherit;
    color: inherit;
    font-size: 12px;
    line-height: 3.4em;
  }
  .sider ul li a:hover {
    background: #eee;
  }
  .sider .contact .Margin {
    margin: 15px;
  }
}

@media (min-width: 1200px) {
  .ad2 .Subject {
    display: flex;
  }
  .ad2 .Frame {
    padding-left: 68px;
  }
}