body {
  font-family: Ubuntu, sans-serif;
  font-size: 12px;
  color: #333;
  margin: 0;
  background-color: #fff;
  font-weight: 400;
  position: relative;
  line-height: 1.6;
  scroll-behavior: smooth
}

@media (min-width:577px) {
  body {
    font-size: 13px
  }
}

@media (min-width:768px) {
  body {
    font-size: 14px
  }
}

@media (min-width:992px) {
  body {
    font-size: 15px
  }
}

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

ol,
ul {
  padding: 0;
  margin: 0
}

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  background-color: #f1f1f1;
  scroll-padding-top: 62px
}

@media (max-width:767px) {
  html {
    scroll-padding-top: 50px
  }
}

@media (max-width:575px) {
  html {
    scroll-padding-top: 45px
  }
}

main {
  display: block
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

.em,
em {
  font-style: italic
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: 700
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em;
  display: inline-block;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8)
}

sup.r {
  top: -.5em;
  display: inline-block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

img {
  border-style: none
}

iframe {
  border: 0;
  height: 100%;
  width: 100%
}

p {
  margin: 5px 0 15px
}

i {
  font-style: normal
}

.img--6,
.img--7,
.img--8,
.img--10,
.img--22-4,
.img--32-5,
.img--100,
.img--130,
.img--133,
.img--135,
.img--140,
.img--15,
.img--21,
.img--20,
.img--23-4375,
.img--25,
.img--26,
.img--30,
.img--33,
.img--36-363,
.img--35,
.img--37,
.img--40,
.img--43-75,
.img--45,
.img--50,
.img--53,
.img--55,
.img--57,
.img--60,
.img--62-5,
.img--70,
.img--75,
.img--85,
.img--46 {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  background: url(../image/snowate-logo.png) no-repeat center center;
  background-color: #f9f9f9;
  background-size: 30%
}

.img--6 {
  padding-bottom: 6%
}

.img--7 {
  padding-bottom: 7%
}

.img--8 {
  padding-bottom: 8%
}

.img--10 {
  padding-bottom: 10%
}

.img--15 {
  padding-bottom: 15%
}

.img--21 {
  padding-bottom: 21%
}

.img--20 {
  padding-bottom: 20%;
}

.img--22-4 {
  padding-bottom: 22.495%
}

.img--23-4375 {
  padding-bottom: 23.4375%
}

.img--25 {
  padding-bottom: 25%
}

.img--26 {
  padding-bottom: 26%
}

.img--30 {
  padding-bottom: 30%
}

.img--32-5 {
  padding-bottom: 32.5%
}

.img--33 {
  padding-bottom: 33%
}

.img--35 {
  padding-bottom: 35%;
}

.img--36-363 {
  padding-bottom: 36.363%
}

.img--37 {
  padding-bottom: 37%
}

.img--40 {
  padding-bottom: 40%
}

.img--43-75 {
  padding-bottom: 43.75%
}

.img--45 {
  padding-bottom: 44%
}

.img--46 {
  padding-bottom: 46.633%
}

.img--50 {
  padding-bottom: 50%
}

.img--53 {
  padding-bottom: 50%
}

.img--55 {
  padding-bottom: 55%
}

.img--57 {
  padding-bottom: 57%
}

.img--60 {
  padding-bottom: 60%
}

.img--62-5 {
  padding-bottom: 62.5%
}

.img--70 {
  padding-bottom: 70%
}

.img--75 {
  padding-bottom: 75%
}

.img--85 {
  padding-bottom: 85%
}

.img--100 {
  padding-bottom: 100%
}

.img--130 {
  padding-bottom: 130%
}

.img--133 {
  padding-bottom: 133.333%
}

.img--135 {
  padding-bottom: 135%
}

.img--140 {
  padding-bottom: 140%
}

.img--6 img,
.img--7 img,
.img--8 img,
.img--10 img,
.img--100 img,
.img--130 img,
.img--133 img,
.img--135 img,
.img--140 img,
.img--15 img,
.img--20 img,
.img--21 img,
.img--22-4 img,
.img--23-4375 img,
.img--25 img,
.img--26 img,
.img--30 img,
.img--32-5 img,
.img--33 img,
.img--35 img,
.img--36-363 img,
.img--37 img,
.img--40 img,
.img--43-75 img,
.img--45 iframe,
.img--45 img,
.img--50 img,
.img--53 img,
.img--55 img,
.img--57 img,
.img--60 img,
.img--62-5 img,
.img--70 img,
.img--75 iframe,
.img--75 img,
.img--85 img,
.topnav--left-img .img--100 i,
.img--46 img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff
}

.img--100 a[data-lightbox],
.img--50 a[data-lightbox],
.img--75 a[data-lightbox] {
  position: initial
}

.img--21,
.img--21 img,
.popup--message__tit .img--46 img,
.popup--message__tit .img--46 {
  background: unset
}

.text-center {
  text-align: center;
  text-wrap: balance;
}

.lazyload {
  z-index: -1
}

.lazyload.loaded {
  z-index: 0
}

@media (max-width:575px) {
  a[data-lightbox] {
    cursor: not-allowed;
    pointer-events: none
  }

  p {
    margin: 5px 0 10px
  }
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.25;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

:after,
:before {
  font-style: normal
}

:focus {
  outline: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

a {
  color: #C4161C;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s
}

a:hover {
  text-decoration: underline;
  background-color: transparent;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s
}

button {
  background: 0 0;
  border: 0;
  padding: 0
}

.region {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff
}

.region--top {
  display: none;
  position: fixed;
  top: 0;
  left: 0
}

.region--bottom {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0
}

.stage {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px
}

body {
  width: 100%;
  background-color: #fff;
  margin: auto;
  max-width: 1920px
}

@media (min-width:576px) {
  .stage {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .stage {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .stage {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .stage {
    max-width: 1160px
  }
}

@media (min-width:1400px) {
  .stage {
    max-width: 1360px
  }
}

@media (min-width:1600px) {
  .stage {
    max-width: 1540px
  }
}

.gray {
  background-color: #f5f5f5
}

.text-gray {
  color: #888;
  font-size: 14px;
}

.light_blue {
  background-color: #dbe9f5
}

.blue {
  background-color: #C4161C
}

.text-white-space {
  white-space: nowrap
}

.paddingTB-80 {
  padding: 80px 0
}

.paddingTB-60 {
  padding: 60px 0
}

.paddingTB-100 {
  padding: 100px 0
}

.paddingT-80 {
  padding: 80px 0 0
}

.paddingB-80 {
  padding: 0 0 80px
}

.paddingT60-B80 {
  padding: 60px 0 80px
}

.paddingT40-B80 {
  padding: 40px 0 80px
}

.paddingT-60 {
  padding: 60px 0 0
}

.paddingT-40 {
  padding: 40px 0 0
}

.paddingTB-20 {
  padding: 20px 0;
}

.paddingTB-25 {
  padding: 25px 0;
}

.paddingTB-40 {
  padding: 40px 0;
}

.paddingTB-60 {
  padding: 60px 0;
}

@media (max-width:1599px) {
  .paddingTB-80 {
    padding: 70px 0
  }

  .paddingT-80 {
    padding: 70px 0 0
  }

  .paddingB-80 {
    padding: 0 0 70px
  }

  .paddingTB-100 {
    padding: 90px 0
  }

  .paddingT60-B80 {
    padding: 60px 0 70px
  }

  .paddingT40-B80 {
    padding: 40px 0 70px
  }
}

@media (max-width:1199px) {
  .paddingTB-80 {
    padding: 60px 0
  }

  .paddingT-80 {
    padding: 60px 0 0
  }

  .paddingB-80 {
    padding: 0 0 60px
  }

  .paddingTB-100 {
    padding: 80px 0
  }

  .paddingTB-60 {
    padding: 50px 0
  }

  .paddingT60-B80 {
    padding: 50px 0 60px
  }

  .paddingT40-B80 {
    padding: 40px 0 60px
  }

  .paddingT-60 {
    padding: 50px 0 0
  }

  .paddingTB-60 {
    padding: 50px 0;
  }
}

@media (max-width:991px) {
  .paddingTB-80 {
    padding: 50px 0
  }

  .paddingT-80 {
    padding: 50px 0 0
  }

  .paddingB-80 {
    padding: 0 0 50px
  }

  .paddingTB-100 {
    padding: 60px 0
  }

  .paddingTB-60 {
    padding: 40px 0
  }

  .paddingT60-B80 {
    padding: 40px 0 50px
  }

  .paddingT40-B80 {
    padding: 40px 0 50px
  }

  .paddingT-60 {
    padding: 40px 0 0
  }

  .paddingTB-60 {
    padding: 40px 0;
  }
}

@media (max-width:767px) {
  .paddingTB-80 {
    padding: 40px 0
  }

  .paddingT-80 {
    padding: 40px 0 0
  }

  .paddingB-80 {
    padding: 0 0 40px
  }

  .paddingTB-100 {
    padding: 40px 0
  }

  .paddingTB-60 {
    padding: 30px 0
  }

  .paddingT60-B80 {
    padding: 30px 0 40px
  }

  .paddingT40-B80 {
    padding: 30px 0 40px
  }

  .paddingT-40 {
    padding: 30px 0 0
  }

  .paddingT-60 {
    padding: 30px 0 0
  }

  .paddingTB-40 {
    padding: 30px 0;
  }

  .paddingTB-60 {
    padding: 30px 0;
  }
}

@media (max-width:575px) {
  .paddingTB-80 {
    padding: 30px 0
  }

  .paddingT-80 {
    padding: 30px 0 0
  }

  .paddingB-80 {
    padding: 0 0 30px
  }

  .paddingTB-100 {
    padding: 30px 0
  }

  .paddingTB-60 {
    padding: 30px 0
  }

  .paddingT60-B80 {
    padding: 30px 0 30px
  }

  .paddingT40-B80 {
    padding: 30px 0 30px
  }

  .paddingT-40 {
    padding: 20px 0 0
  }

  .paddingT-60 {
    padding: 20px 0 0
  }

  .paddingTB-20 {
    padding: 20px 0;
  }

  .paddingTB-25 {
    padding: 20px 0;
  }

  .paddingTB-40 {
    padding: 20px 0;
  }

  .paddingTB-60 {
    padding: 20px 0;
  }
}

.cell,
.grid {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.grid {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex ;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px
}

.cell {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-width: 1px !important;
  border-color: #ebebeb;
  border-style: none
}

.cell:last-child {
  margin-right: 0 !important
}

.grid.gridcenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--border {
  padding-top: 1px
}

.grid.grid--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--border>.cell {
  border-style: solid;
  margin: 0 0 -1px -1px
}

.grid--gutter {
  padding-top: 0
}

.grid--gutter>.cell {
  margin: 0 0 20px 0
}

.grid--center>.cell {
  text-align: center
}

.grid--auto>.cell {
  width: 0;
  max-width: none;
  min-width: 100%
}

.gridB-0 {
  margin-bottom: -10px
}

@media (min-width:576px) {
  .cell {
    max-width: 50%;
    margin: 0
  }

  .grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--gutter>.cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0
  }

  .cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 10px)
  }

  .gridB-0 {
    margin-bottom: -10px
  }

  .grid {
    margin-top: 10px
  }
}

@media (min-width:768px) {
  .cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--gutter>.cell {
    max-width: calc(33.333333% - 13.333px);
    margin: 0 20px 20px 0
  }

  .cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 13.333px)
  }
}

.grid--1>.cell {
  max-width: 100%;
  margin: 0
}

.grid--1.grid--border>.cell {
  margin: -1px 0 0
}

.grid--1.grid--gutter>.cell {
  margin: 0 0 20px
}

.grid--2>.cell {
  max-width: 50%;
  margin: 0
}

.grid--2.grid--border>.cell {
  max-width: calc(50% + .5px);
  margin: -1px -1px 0 0
}

.grid--2.grid--gutter>.cell {
  max-width: calc(50% - 5px);
  margin: 0 10px 10px 0
}

.grid--2>.cell:nth-child(2n) {
  margin-right: 0
}

.grid--2.grid--auto>.cell {
  max-width: none;
  min-width: 50%
}

.grid--2.grid--auto.grid--gutter>.cell {
  min-width: calc(50% - 10px)
}

.grid--3>.cell {
  max-width: 33.333333%;
  margin: 0
}

.grid--3.grid--border>.cell {
  max-width: calc(33.333333% + .67px);
  margin: -1px -1px 0 0
}

.grid--3.grid--gutter>.cell {
  max-width: calc(33.333333% - 13.333px);
  margin: 0 20px 20px 0
}

.grid--3>.cell:nth-child(3n) {
  margin-right: 0
}

.grid--3.grid--auto>.cell {
  max-width: none;
  min-width: 33.333333%
}

.grid--3.grid--auto.grid--gutter>.cell {
  min-width: calc(33.333333% - 13.333px)
}

.grid--4>.cell {
  max-width: 25%;
  margin: 0
}

.grid--4.grid--border>.cell {
  max-width: calc(25% + .75px);
  margin: -1px -1px 0 0
}

.grid--4.grid--gutter>.cell {
  max-width: calc(25% - 15px);
  margin: 0 20px 20px 0
}

.grid--4>.cell:nth-child(4n) {
  margin-right: 0
}

.grid--4.grid--auto>.cell {
  max-width: none;
  min-width: 25%
}

.grid--4.grid--auto.grid--gutter>.cell {
  min-width: calc(25% - 15px)
}

.grid--5>.cell {
  max-width: 20%;
  margin: 0
}

.grid--5.grid--border>.cell {
  max-width: calc(20% + .8px);
  margin: -1px -1px 0 0
}

.grid--5.grid--gutter>.cell {
  max-width: calc(20% - 16px);
  margin: 0 20px 20px 0
}

.grid--5>.cell:nth-child(5n) {
  margin-right: 0
}

.grid--5.grid--auto>.cell {
  max-width: none;
  min-width: 20%
}

.grid--5.grid--auto.grid--gutter>.cell {
  min-width: calc(20% - 16px)
}

.grid--6>.cell {
  max-width: 16.666667%;
  margin: 0
}

.grid--6.grid--border>.cell {
  max-width: calc(16.666667% + .83px);
  margin: -1px -1px 0 0
}

.grid--6.grid--gutter>.cell {
  max-width: calc(16.666667% - 16.67px);
  margin: 0 20px 20px 0
}

.grid--6>.cell:nth-child(6n) {
  margin-right: 0
}

.grid--6.grid--auto>.cell {
  max-width: none;
  min-width: 16.666667%
}

.grid--6.grid--auto.grid--gutter>.cell {
  min-width: calc(16.666667% - 16.67px)
}

@media (min-width:576px) {
  .grid--sm-1>.cell {
    max-width: 100%;
    margin: 0
  }

  .grid--sm-1.grid--border>.cell {
    margin: -1px 0 0
  }

  .grid--sm-1.grid--gutter>.cell {
    margin: 0 0 20px
  }

  .grid--sm-2>.cell {
    max-width: 50%;
    margin: 0
  }

  .grid--sm-2.grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--sm-2.grid--gutter>.cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0
  }

  .grid--sm-2>.cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--sm-2.grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--sm-2.grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 10px)
  }

  .grid--sm-3>.cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--sm-3.grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--sm-3.grid--gutter>.cell {
    max-width: calc(33.333333% - 13.333px);
    margin: 0 20px 20px 0
  }

  .grid--sm-3>.cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--sm-3.grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--sm-3.grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 13.333px)
  }

  .grid--sm-4>.cell {
    max-width: 25%;
    margin: 0
  }

  .grid--sm-4.grid--border>.cell {
    max-width: calc(25% + .75px);
    margin: -1px -1px 0 0
  }

  .grid--sm-4.grid--gutter>.cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0
  }

  .grid--sm-4>.cell:nth-child(4n) {
    margin-right: 0
  }

  .grid--sm-4.grid--auto>.cell {
    max-width: none;
    min-width: 25%
  }

  .grid--sm-4.grid--auto.grid--gutter>.cell {
    min-width: calc(25% - 15px)
  }

  .grid--sm-5>.cell {
    max-width: 20%;
    margin: 0
  }

  .grid--sm-5.grid--border>.cell {
    max-width: calc(20% + .8px);
    margin: -1px -1px 0 0
  }

  .grid--sm-5.grid--gutter>.cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0
  }

  .grid--sm-5>.cell:nth-child(5n) {
    margin-right: 0
  }

  .grid--sm-5.grid--auto>.cell {
    max-width: none;
    min-width: 20%
  }

  .grid--sm-5.grid--auto.grid--gutter>.cell {
    min-width: calc(20% - 16px)
  }

  .grid--sm-6>.cell {
    max-width: 16.666667%;
    margin: 0
  }

  .grid--sm-6.grid--border>.cell {
    max-width: calc(16.666667% + .83px);
    margin: -1px -1px 0 0
  }

  .grid--sm-6.grid--gutter>.cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0
  }

  .grid--sm-6>.cell:nth-child(6n) {
    margin-right: 0
  }

  .grid--sm-6.grid--auto>.cell {
    max-width: none;
    min-width: 16.666667%
  }

  .grid--sm-6.grid--auto.grid--gutter>.cell {
    min-width: calc(16.666667% - 16.67px)
  }

  .grid {
    margin-top: 20px
  }
}

@media (min-width:768px) {
  .grid--md-1>.cell {
    max-width: 100%;
    margin: 0
  }

  .grid--md-1.grid--border>.cell {
    margin: -1px 0 0
  }

  .grid--md-1.grid--gutter>.cell {
    margin: 0 0 20px
  }

  .grid--md-2>.cell {
    max-width: 50%;
    margin: 0
  }

  .grid--md-2.grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--md-2.grid--gutter>.cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0
  }

  .grid--md-2>.cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--md-2.grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--md-2.grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 10px)
  }

  .grid--md-3>.cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--md-3.grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--md-3.grid--gutter>.cell {
    max-width: calc(33.333333% - 13.333px);
    margin: 0 20px 20px 0
  }

  .grid--md-3>.cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--md-3.grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--md-3.grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 13.333px)
  }

  .grid--md-4>.cell {
    max-width: 25%;
    margin: 0
  }

  .grid--md-4.grid--border>.cell {
    max-width: calc(25% + .75px);
    margin: -1px -1px 0 0
  }

  .grid--md-4.grid--gutter>.cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0
  }

  .grid--md-4>.cell:nth-child(4n) {
    margin-right: 0
  }

  .grid--md-4.grid--auto>.cell {
    max-width: none;
    min-width: 25%
  }

  .grid--md-4.grid--auto.grid--gutter>.cell {
    min-width: calc(25% - 15px)
  }

  .grid--md-5>.cell {
    max-width: 20%;
    margin: 0
  }

  .grid--md-5.grid--border>.cell {
    max-width: calc(20% + .8px);
    margin: -1px -1px 0 0
  }

  .grid--md-5.grid--gutter>.cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0
  }

  .grid--md-5>.cell:nth-child(5n) {
    margin-right: 0
  }

  .grid--md-5.grid--auto>.cell {
    max-width: none;
    min-width: 20%
  }

  .grid--md-5.grid--auto.grid--gutter>.cell {
    min-width: calc(20% - 16px)
  }

  .grid--md-6>.cell {
    max-width: 16.666667%;
    margin: 0
  }

  .grid--md-6.grid--border>.cell {
    max-width: calc(16.666667% + .83px);
    margin: -1px -1px 0 0
  }

  .grid--md-6.grid--gutter>.cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0
  }

  .grid--md-6>.cell:nth-child(6n) {
    margin-right: 0
  }

  .grid--md-6.grid--auto>.cell {
    max-width: none;
    min-width: 16.666667%
  }

  .grid--md-6.grid--auto.grid--gutter>.cell {
    min-width: calc(16.666667% - 16.67px)
  }

  .content {
    padding: 0
  }
}

@media (min-width:992px) {
  .grid--lg-1>.cell {
    max-width: 100%;
    margin: 0
  }

  .grid--lg-1.grid--border>.cell {
    margin: -1px 0 0
  }

  .grid--lg-1.grid--gutter>.cell {
    margin: 0 0 20px
  }

  .grid--lg-2>.cell {
    max-width: 50%;
    margin: 0
  }

  .grid--lg-2.grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--lg-2.grid--gutter>.cell {
    max-width: calc(50% - 10px);
    margin: 0 20px 20px 0
  }

  .grid--lg-2>.cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--lg-2.grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--lg-2.grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 10px)
  }

  .grid--lg-3>.cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--lg-3.grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--lg-3.grid--gutter>.cell {
    max-width: calc(33.333333% - 13.333px);
    margin: 0 20px 20px 0
  }

  .grid--lg-3>.cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--lg-3.grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--lg-3.grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 13.333px)
  }

  .grid--lg-4>.cell {
    max-width: 25%;
    margin: 0
  }

  .grid--lg-4.grid--border>.cell {
    max-width: calc(25% + .75px);
    margin: -1px -1px 0 0
  }

  .grid--lg-4.grid--gutter>.cell {
    max-width: calc(25% - 15px);
    margin: 0 20px 20px 0
  }

  .grid--lg-4>.cell:nth-child(4n) {
    margin-right: 0
  }

  .grid--lg-4.grid--auto>.cell {
    max-width: none;
    min-width: 25%
  }

  .grid--lg-4.grid--auto.grid--gutter>.cell {
    min-width: calc(25% - 15px)
  }

  .grid--lg-5>.cell {
    max-width: 20%;
    margin: 0
  }

  .grid--lg-5.grid--border>.cell {
    max-width: calc(20% + .8px);
    margin: -1px -1px 0 0
  }

  .grid--lg-5.grid--gutter>.cell {
    max-width: calc(20% - 16px);
    margin: 0 20px 20px 0
  }

  .grid--lg-5>.cell:nth-child(5n) {
    margin-right: 0
  }

  .grid--lg-5.grid--auto>.cell {
    max-width: none;
    min-width: 20%
  }

  .grid--lg-5.grid--auto.grid--gutter>.cell {
    min-width: calc(20% - 16px)
  }

  .grid--lg-6>.cell {
    max-width: 16.666667%;
    margin: 0
  }

  .grid--lg-6.grid--border>.cell {
    max-width: calc(16.666667% + .83px);
    margin: -1px -1px 0 0
  }

  .grid--lg-6.grid--gutter>.cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0
  }

  .grid--lg-6>.cell:nth-child(6n) {
    margin-right: 0
  }

  .grid--lg-6.grid--auto>.cell {
    max-width: none;
    min-width: 16.666667%
  }

  .grid--lg-6.grid--auto.grid--gutter>.cell {
    min-width: calc(16.666667% - 16.67px)
  }

  .content {
    padding: 0 30px
  }

  .gridB-0 {
    margin-bottom: -20px
  }
}

@media (min-width:1200px) {
  .grid--xl-1>.cell {
    max-width: 100%;
    margin: 0
  }

  .grid--xl-1.grid--border>.cell {
    margin: -1px 0 0
  }

  .grid--xl-1.grid--gutter>.cell {
    margin: 0 0 30px
  }

  .grid--xl-2>.cell {
    max-width: 50%;
    margin: 0
  }

  .grid--xl-2.grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--xl-2.grid--gutter>.cell {
    max-width: calc(50% - 15px);
    margin: 0 30px 30px 0
  }

  .grid--xl-2>.cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--xl-2.grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--xl-2.grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 15px)
  }

  .grid--xl-3>.cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--xl-3.grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--xl-3.grid--gutter>.cell {
    max-width: calc(33.333333% - 20px);
    margin: 0 30px 30px 0
  }

  .grid--xl-3>.cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--xl-3.grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--xl-3.grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 20px)
  }

  .grid--xl-4>.cell {
    max-width: 25%;
    margin: 0
  }

  .grid--xl-4.grid--border>.cell {
    max-width: calc(25% + .75px);
    margin: -1px -1px 0 0
  }

  .grid--xl-4.grid--gutter>.cell {
    max-width: calc(25% - 22.5px);
    margin: 0 30px 30px 0
  }

  .grid--xl-4>.cell:nth-child(4n) {
    margin-right: 0
  }

  .grid--xl-4.grid--auto>.cell {
    max-width: none;
    min-width: 25%
  }

  .grid--xl-4.grid--auto.grid--gutter>.cell {
    min-width: calc(25% - 22.5px)
  }

  .grid--xl-5>.cell {
    max-width: 20%;
    margin: 0
  }

  .grid--xl-5.grid--border>.cell {
    max-width: calc(20% + .8px);
    margin: -1px -1px 0 0
  }

  .grid--xl-5.grid--gutter>.cell {
    max-width: calc(20% - 24px);
    margin: 0 30px 30px 0
  }

  .grid--xl-5>.cell:nth-child(5n) {
    margin-right: 0
  }

  .grid--xl-5.grid--auto>.cell {
    max-width: none;
    min-width: 20%
  }

  .grid--xl-5.grid--auto.grid--gutter>.cell {
    min-width: calc(20% - 24px)
  }

  .grid--xl-6>.cell {
    max-width: 16.666667%;
    margin: 0
  }

  .grid--xl-6.grid--border>.cell {
    max-width: calc(16.666667% + .83px);
    margin: -1px -1px 0 0
  }

  .grid--xl-6.grid--gutter>.cell {
    max-width: calc(16.666667% - 25px);
    margin: 0 30px 30px 0
  }

  .grid--xl-6>.cell:nth-child(6n) {
    margin-right: 0
  }

  .grid--xl-6.grid--auto>.cell {
    max-width: none;
    min-width: 16.666667%
  }

  .grid--xl-6.grid--auto.grid--gutter>.cell {
    min-width: calc(16.666667% - 25px)
  }

  .gridB-0 {
    margin-bottom: -30px
  }
}

@media (min-width:1599px) {
  .grid--xxl-1>.cell {
    max-width: 100%;
    margin: 0
  }

  .grid--xxl-1.grid--border>.cell {
    margin: -1px 0 0
  }

  .grid--xxl-1.grid--gutter>.cell {
    margin: 0 0 20px
  }

  .grid--xxl-2>.cell {
    max-width: 50%;
    margin: 0
  }

  .grid--xxl-2.grid--border>.cell {
    max-width: calc(50% + .5px);
    margin: -1px -1px 0 0
  }

  .grid--xxl-2.grid--gutter>.cell {
    max-width: calc(50% - 15px);
    margin: 0 30px 30px 0
  }

  .grid--xxl-2>.cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--xxl-2.grid--auto>.cell {
    max-width: none;
    min-width: 50%
  }

  .grid--xxl-2.grid--auto.grid--gutter>.cell {
    min-width: calc(50% - 10px)
  }

  .grid--xxl-3>.cell {
    max-width: 33.333333%;
    margin: 0
  }

  .grid--xxl-3.grid--border>.cell {
    max-width: calc(33.333333% + .67px);
    margin: -1px -1px 0 0
  }

  .grid--xxl-3.grid--gutter>.cell {
    max-width: calc(33.333333% - 20px);
    margin: 0 30px 30px 0
  }

  .grid--xxl-3>.cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--xxl-3.grid--auto>.cell {
    max-width: none;
    min-width: 33.333333%
  }

  .grid--xxl-3.grid--auto.grid--gutter>.cell {
    min-width: calc(33.333333% - 13.333px)
  }

  .grid--xxl-4>.cell {
    max-width: 25%;
    margin: 0
  }

  .grid--xxl-4.grid--border>.cell {
    max-width: calc(25% + .75px);
    margin: -1px -1px 0 0
  }

  .grid--xxl-4.grid--gutter>.cell {
    max-width: calc(25% - 22.5px);
    margin: 0 30px 30px 0
  }

  .grid--xxl-4>.cell:nth-child(4n) {
    margin-right: 0
  }

  .grid--xxl-4.grid--auto>.cell {
    max-width: none;
    min-width: 25%
  }

  .grid--xxl-4.grid--auto.grid--gutter>.cell {
    min-width: calc(25% - 15px)
  }

  .grid--xxl-5>.cell {
    max-width: 20%;
    margin: 0
  }

  .grid--xxl-5.grid--border>.cell {
    max-width: calc(20% + .8px);
    margin: -1px -1px 0 0
  }

  .grid--xxl-5.grid--gutter>.cell {
    max-width: calc(20% - 24px);
    margin: 0 30px 30px 0
  }

  .grid--xxl-5>.cell:nth-child(5n) {
    margin-right: 0
  }

  .grid--xxl-5.grid--auto>.cell {
    max-width: none;
    min-width: 20%
  }

  .grid--xxl-5.grid--auto.grid--gutter>.cell {
    min-width: calc(20% - 16px)
  }

  .grid--xxl-6>.cell {
    max-width: 16.666667%;
    margin: 0
  }

  .grid--xxl-6.grid--border>.cell {
    max-width: calc(16.666667% + .83px);
    margin: -1px -1px 0 0
  }

  .grid--xxl-6.grid--gutter>.cell {
    max-width: calc(16.666667% - 16.67px);
    margin: 0 20px 20px 0
  }

  .grid--xxl-6>.cell:nth-child(6n) {
    margin-right: 0
  }

  .grid--xxl-6.grid--auto>.cell {
    max-width: none;
    min-width: 16.666667%
  }

  .grid--xxl-6.grid--auto.grid--gutter>.cell {
    min-width: calc(16.666667% - 16.67px)
  }

  .gridB-0 {
    margin-bottom: -30px
  }
}

/*! lightbox*/
html.lb-disable-scrolling {
  position: fixed;
  overflow: hidden;
  width: 100vw;
  height: 100vh
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  opacity: .8
}

.lightbox {
  position: absolute;
  left: 0;
  z-index: 10000;
  width: 100%;
  text-align: center;
  font-weight: 400;
  line-height: 0
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border: 4px solid #fff;
  border-radius: 3px
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  margin: 0 auto;
  width: 250px;
  height: 250px;
  border-radius: 4px;
  background-color: #fff
}

.lb-outerContainer:after {
  clear: both;
  display: table;
  content: ""
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  width: 100%;
  height: 25%;
  text-align: center;
  line-height: 0
}

.lb-cancel {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
  background: url(../image/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%
}

.lb-container>.nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url('data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
}

.lb-next,
.lb-prev {
  display: block;
  height: 100%;
  cursor: pointer
}

.lb-nav a.lb-prev {
  left: 0;
  float: left;
  width: 34%;
  background: url(../image/prev.png) left 48% no-repeat;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  opacity: 1
}

.lb-nav a.lb-next {
  right: 0;
  float: right;
  width: 64%;
  background: url(../image/next.png) right 48% no-repeat;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  opacity: 1
}

.lb-dataContainer {
  position: relative;
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}

.lb-dataContainer:after {
  clear: both;
  display: table;
  content: ""
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  margin: 0 auto;
  margin-top: 8px;
  width: 85%;
  text-align: center;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25
}

.lb-data .lb-caption a {
  color: #4ae
}

.lb-data .lb-number {
  clear: left;
  display: block;
  padding-bottom: 1em;
  color: #999;
  font-size: 12px
}

.lb-data .lb-close {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  outline: 0;
  background: url(../image/close.png) top right no-repeat;
  text-align: right;
  opacity: .7;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  opacity: 1;
  cursor: pointer
}

[data-lightbox]:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  background: rgba(0, 113, 190, .4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M1024 0v416L864 256 672 448l-96-96 192-192L608 0zM448 672L256 864l160 160H0V608l160 160 192-192z'/%3E%3C/svg%3E") no-repeat center;
  background-size: 0 0;
  content: '';
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

[data-lightbox]:hover:after {
  background-size: 32px 32px;
  opacity: 1;
  width: 100%;
  height: 100%
}

/*! error-page*/
.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px
}

.error-page-left {
  width: 40%;
  text-align: center
}

.error-page-p1 {
  line-height: 1.2;
  color: #C4161C;
  margin-bottom: 18px;
  margin-top: 20px;
  text-transform: uppercase;
  background: url(../image/404-bg.png) repeat-x;
  background-position: center bottom;
  padding-bottom: 14px;
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 7px;
  width: 80%
}

p.error-page-p2 {
  background-position: right 5px;
  margin-bottom: 5px;
  padding-right: 15px;
  line-height: 30px;
  font-weight: 700;
  font-size: 17px;
  width: 80%
}

.pape-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}

.pape-1 a {
  margin-right: 20px;
  padding: 8px 30px;
  border: 1px solid #C4161C;
  border-radius: 5px;
  background: #fff;
  background: #C4161C;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none
}

.pape-1 a.homemail {
  background: #fff;
  color: #C4161C
}

.pape-1 a:hover {
  background-color: #2298ff;
  color: #fff;
  border: solid 1px #2298ff
}

.error-page-right {
  padding-left: 40px;
  width: 60%
}

.error-page-left img {
  max-width: 100%
}

p.h2--page.page-choose {
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 24px
}

p.h2--page.page-choose+p {
  margin-bottom: -100px
}

.region--page p+ol,
.region--page p+ul {
  margin-top: 0
}

.region--pape .pape-1 .home404 {
  color: #fff
}

@media(max-width:1599px) {

  .error-page-p1,
  p.error-page-p2 {
    width: 100%
  }
}

@media(max-width:1199px) {

  .error-page-p1,
  p.error-page-p2 {
    width: 100%
  }

  .error-page-p1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0;
    width: 100%
  }
}

@media(max-width:991px) {
  p.h2--page.page-choose {
    font-size: 18px
  }

  .pape-1 {
    margin-top: 20px
  }

  p.error-page-p2 {
    font-size: 14px
  }
}

@media(max-width:767px) {
  .error-page-left {
    display: none
  }

  .error-page-right {
    width: 100%;
    padding-left: 0
  }
}

@media(max-width:575px) {
  p.h2--page.page-choose {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px
  }

  p.h2--page.page-choose+p {
    margin-bottom: -10px
  }

  .error-page-p1 {
    font-size: 16px
  }

  .error-page {
    margin-top: 0;
    margin-bottom: 20px
  }

  p.error-page-p2 {
    font-size: 13px;
    line-height: 1.6;
    text-transform: lowercase
  }
}

/*!popup--message*/
.popup--main {
  position: relative
}

.popup--message__tit {
  width: 220px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 500;
  line-height: 1;
  cursor: pointer;
  font-weight: 600;
  padding: 0;
  -webkit-transition: all.3s;
  -o-transition: all.3s;
  transition: all.3s;
  -ms-transition: all.3s;
  font-size: 15px;
}

.popup--message__tit i {
  font-size: 22px;
  padding-right: 10px;
  vertical-align: middle
}

.popup--message__tit img {
  max-width: 100%;
  line-height: 1
}

.popup--message__main {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 300;
  overflow: auto;
  background: #fff;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
  border-radius: 10px;
  width: 440px;
  padding-bottom: 10px
}

.popup--message__tit+.popup--message__main {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -ms-transition: all .5s
}

.popup--message__tit-1 {
  padding: 5px 20px;
  background-color: #C4161C;
  color: #fff;
  font-weight: 600;
  font-size: 15px
}

.popup--message__p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background-color: #f5f5f5
}

.popup--message__p img {
  height: 35px
}

.popup--message__p p {
  margin: 0;
  padding-top: 5px;
  padding-left: 10px;
  color: #444;
  font-weight: 700;
  font-size: 15px
}

.popup--message__p-1 {
  padding: 10px 15px 10px;
  font-size: 15px;
  color: #575a5d;
  line-height: 1.5
}

#contactform ul {
  margin-top: 0;
  padding: 0 15px
}

#contactform ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#contactform ul li label {
  margin-top: 7px;
  width: 100%;
  font-size: 14px
}

#contactform ul li button,
#contactform ul li input,
#contactform ul li textarea {
  padding: 6px;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  border: solid 1px #bbb;
  background-color: #fff
}

#contactform ul li input[type=radio],
.contact-mail form input[type=radio] {
  width: auto
}

#contactform ul li .red,
.red {
  color: red
}

#contactform ul li.buttons input {
  display: inline-block;
  margin: 18px 0 10px;
  padding: 8px 30px;
  border: 0;
  background-color: #C4161C;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  letter-spacing: .6px;
  border: solid 2px #C4161C;
  width: auto;
  border-radius: 18px
}

#contactform ul li.buttons input:hover {
  border: solid 2px #2298ff;
  background-color: #2298ff
}

.popup--message__tit.message-opened img {
  display: none
}

.popup--message__tit.message-opened {
  position: absolute;
  z-index: 300
}

.popup--message__tit.message-opened+.popup--message__main {
  visibility: visible;
  height: auto;
  opacity: 1
}

.close-message {
  position: absolute;
  top: 2px;
  right: 15px;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer
}

.close-message:hover {
  color: #eee
}

.app--popup span {
  font-size: 0
}

.app--popup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 301;
  display: none;
  line-height: 1
}

.app--popup i {
  color: #C4161C;
  font-size: 50px
}

.app--popup:hover i {
  color: #C4161C
}

.app--popup a:hover {
  text-decoration: none
}

.form-test1,
input.form_required {
  display: none
}

@media(max-width:1599px) {
  .popup--message__tit {
    width: 180px;
  }
}

@media(max-width:1199px) {
  .popup--message__tit {
    width: 160px;
  }
}

@media(max-width:991px) {
  .popup--message__tit {
    width: 150px;
  }
}

@media(max-width:767px) {
  .popup--message__tit {
    width: 140px;
  }
}

@media(max-width:575px) {
  .popup--message__main {
    width: 90%
  }

  #contactform ul li button,
  #contactform ul li input,
  #contactform ul li label,
  #contactform ul li textarea,
  #contactform ul li.buttons input,
  .popup--message__p-1 {
    font-size: 12px
  }

  .popup--message__tit {
    width: 120px;
  }
}

/*! nav */
.region--nav {
  left: 0;
  z-index: 150;
  width: 100%;
  height: 100px;
  max-width: 100%;
  background-color: unset;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  position: relative;
  z-index: 100;
  margin-top: 40px;
  position: fixed;
  top: 0
}

.region--nav.navtop {
  margin-top: 0;
  height: auto
}

.nav--main {
  background-color: rgba(255, 255, 255, .4);
  height: 100px;
  border-radius: 10px;
  position: relative;
  -webkit-box-shadow: 0 0 20px rgba(0, 78, 145, .2);
  box-shadow: 0 0 20px rgba(0, 78, 145, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.nav--left {
  width: 160px;
  background-color: #C4161C;
  border-radius: 10px 0 0 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--logo {
  width: 100%;
  height: 100%
}

.nav--left .nav--logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav--left .nav--logo a img {
  width: 130px
}

.nav--right {
  padding: 0 30px;
  width: calc(100% - 160px)
}

.nav--top {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: #C4161C;
  border-bottom: 1px solid #cfcfcf;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 62px
}

.app-nav {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 3px;
  padding-top: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none
}

.app-nav1:after {
  display: block;
  color: #C4161C;
  content: "\e6c1";
  vertical-align: middle;
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal
}

.nav--left:hover {
  background-color: #2298ff
}

.menu--img-con {
  position: absolute;
  text-align: center;
  visibility: visible;
  opacity: 0;
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in;
  background-color: unset;
  z-index: -5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.input-search {
  display: none
}

.nav {
  height: 100%
}

.nav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav>ul>li {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.nav>ul>li>a {
  padding: 0 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1.4
}

.nav>ul>li:first-child {
  display: none
}

.nav>ul>li:first-child+li {
  padding-left: 0
}

.nav>ul>li:last-child {
  padding-right: 0
}

.nav .dropdown>a:after {
  display: inline-block;
  padding-left: 5px;
  content: "\e6c0";
  vertical-align: middle;
  font-size: 12px;
  font-weight: 700;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  font-weight: 400
}

.nav .dropdown:hover>a:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}

.nav>ul>li a {
  color: #333;
  ;
}

.nav--search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.search-form input {
  padding: 8px 40px 8px 15px;
  width: 240px;
  outline: 0;
  border: 0;
  background-color: #fff;
  color: #bdbdbd;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  border: 1px solid #c9c9c9;
  border-radius: 40px
}

.nav--search form {
  position: relative
}

.input-group button {
  position: absolute;
  top: 9px;
  right: 10px;
  font-size: 0
}

.input-group button:before {
  display: inline-block;
  color: #005c8f;
  content: "\e6c6";
  vertical-align: middle;
  font-size: 20px;
  font-size: 16px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s
}

.input-group button:hover:before {
  color: #2298ff
}

.search-form input:focus {
  outline: 0;
  border: 1px solid #C4161C;
  color: #333
}

.search-form input[name=keywords] {
  color: #333
}

.dropdown .menu--img-con {
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  background-color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 0 5px 18px rgb(0 0 0 / 10%);
  box-shadow: 0 5px 18px rgb(0 0 0 / 10%);
  overflow: hidden;
  height: 0;
  width: 230px;
  top: 62px;
  border-top: solid 1px #eee;
  padding: 0 20px;
  background-color: #fff
}

.dropdown:hover .menu--img-con {
  top: 62px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .2s .2s;
  -o-transition: all .2s .2s;
  transition: all .2s .2s;
  overflow: hidden;
  height: auto;
  z-index: 1;
  height: auto;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  border-radius: 10px;
  padding: 30px 20px
}

.nav>ul>li.dropdown>a:before {
  -webkit-transition: all .2s .2s;
  -o-transition: all .2s .2s;
  transition: all .2s .2s;
  display: block;
  color: #fff;
  content: "\e608";
  vertical-align: middle;
  font-size: 16px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  visibility: hidden;
  opacity: 0
}

.nav>ul>li:hover>a:before {
  visibility: visible;
  opacity: 1
}

.nav--about {
  position: relative
}

.nav--about .menu--img-con ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav--about .menu--img-con ul li+li {
  margin-top: 25px
}

.nav--about .menu--img-con ul li a i {
  line-height: 1;
  color: #C4161C;
  margin-right: 10px;
  font-size: 20px
}

.nav--about .menu--img-con ul li a p {
  color: #707070;
  margin: 0;
  font-size: 15px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--about .menu--img-con ul li a:hover p {
  color: #C4161C
}

.dropdown.dropdown1 .menu--img-con {
  width: 100%;
  top: 100px
}

.dropdown.dropdown1:hover .menu--img-con {
  padding: 50px 30px
}

.nav--parts .menu--img-con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.nav--parts .menu--img-con ul li {
  width: calc(9.09% - 20px);
  margin: 0 10px 50px 10px;
  text-align: center
}

.nav--parts .menu--img-con ul li i {
  font-size: 55px;
  line-height: 1;
  color: #C4161C
}

.nav--parts .menu--img-con ul li p {
  color: #707070;
  line-height: 1.4;
  font-size: 13px;
  margin: 0;
  padding-top: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--parts .menu--img-con ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.nav--parts .menu--img-con ul li a:hover p {
  color: #C4161C
}

.nav--system .menu--img-con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.nav--system .menu--img-con ul li {
  width: calc(33.333% - 20px);
  margin: 0 10px 0 10px;
  text-align: center
}

.nav--system .menu--img-con ul li p {
  color: #707070;
  line-height: 1.4;
  font-size: 15px;
  margin: 0;
  padding-top: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--system .menu--img-con ul li a:hover p {
  color: #C4161C
}

.dropdown.dropdown1.nav--industry:hover .menu--img-con {
  padding: 50px 25px
}

.nav--industry .menu--img-con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.nav--industry .menu--img-con ul li {
  width: calc(11.111% - 15px);
  margin: 0 15px 30px 15px;
  text-align: center
}

.nav--industry .menu--img-con ul li i {
  font-size: 36px;
  line-height: 1;
  color: #C4161C;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--industry .menu--img-con ul li p {
  color: #707070;
  line-height: 1.4;
  font-size: 15px;
  margin: 0;
  padding-top: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav--industry .menu--img-con ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f8f8f8;
  border-radius: 5px;
  height: 122px;
  padding: 10px
}

.nav--industry .menu--img-con ul li a:hover,
.nav>ul .nav--industry li.active>a {
  background-color: #C4161C
}

.nav--industry .menu--img-con ul li a:hover p,
.nav>ul .nav--industry li.active>a p {
  color: #fff
}

.nav--industry .menu--img-con ul li a:hover i,
.nav>ul .nav--industry li.active>a i {
  color: #fff
}

.navtop .nav--main {
  background-color: rgba(255, 255, 255, .98);
  height: auto
}

.navtop .nav--top {
  display: none
}

.navtop .dropdown.dropdown1 .menu--img-con {
  top: 62px
}

.input-search:after:hover {
  background-color: #2298ff
}

.nav>ul li.active>a,
.nav>ul li.active>a>p,
.nav>ul>li a:hover,
.nav>ul>li:hover a {
  text-decoration: none;
  color: #C4161C
}

@media (max-width:1599px) {
  .search-form input {
    width: 200px
  }

  .nav>ul>li>a {
    padding: 0 8px;
  }
}

@media (max-width:1399px) {
  .nav--left {
    width: 140px
  }

  .nav--right {
    width: calc(100% - 140px)
  }

  .nav--left .nav--logo a img {
    width: 120px
  }

  .region--nav {
    margin-top: 30px
  }

  .nav--search {
    position: relative
  }

  .input-search {
    display: block;
    font-size: 0
  }

  .search-form input {
    width: 400px;
    padding: 10px 40px 10px 15px
  }

  .nav--search form {
    position: absolute;
    right: -30px;
    top: 62px
  }

  .input-search:after {
    display: block;
    color: #C4161C;
    content: "\e6c6";
    font-size: 20px;
    font-family: iconfont;
    line-height: 1;
    cursor: pointer;
    font-style: normal
  }

  .activate .nav--search-1 {
    display: block
  }

  .activate .input-search:after {
    content: "\e6c2"
  }

  .nav--parts .menu--img-con ul li i {
    font-size: 60px
  }

  .nav--parts .menu--img-con ul li p {
    font-size: 14px
  }

  .nav--parts .menu--img-con ul li {
    margin: 0 10px 35px 10px
  }

  .nav--search-1 {
    display: none
  }
}

@media (max-width:1199px) {
  .nav--main {
    height: auto
  }

  .nav--top {
    display: none
  }

  .nav>ul>li:first-child {
    display: block
  }

  .nav>ul>li>a {
    font-size: 15px;
    line-height: 1.6;
  }

  .nav--mail-1 {
    display: block
  }

  .nav--mail-1 i {
    color: #333;
    font-size: 26px;
    top: 13px;
    right: 70px;
    position: absolute;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
  }

  .nav--mail-1 i:hover {
    color: #21a41f
  }

  .dropdown:hover .menu--img-con {
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: none;
    overflow: hidden;
    border-top: 0 solid #e4e4e4
  }

  .menu--img-con ul li a {
    font-size: 15px
  }

  .nav .dropdown .active>a {
    color: #21a41f
  }

  .menu--img-con ul li a span {
    white-space: nowrap;
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0
  }

  .nav .dropdown a:hover {
    color: #21a41f
  }

  .menu--img-con ul li a span:after {
    display: none
  }

  .region--nav .stage {
    max-width: 100%;
    width: 100%
  }

  .region--nav .nav--con .stage {
    padding: 0
  }

  .nav>ul>li {
    height: max-content;
    display: block;
    text-align: left;
    margin: 0
  }

  .nav>ul>li:hover .menu--img-con {
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 10;
    display: none
  }

  .dropdown .menu--img-con,
  .nav>ul>li.dropdown--appli .menu--img-con {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    visibility: visible;
    opacity: 1;
    position: initial;
    width: 100%;
    border-top: 0 solid #f1f1f1;
    border-bottom: 0 solid #f1f1f1;
    display: none;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .dropdown .menu--img-con ul:before {
    display: none
  }

  .menu--img-con ul li {
    margin-bottom: 0;
    padding: 0;
    background-color: #f8f8f8;
    text-align: left;
    border-bottom: solid 1px #eee
  }

  .menu--img-con ul li a {
    padding: 8px;
    padding-left: 15px;
    display: block
  }

  .app-nav.nav-module-trigger.nav-opened-1 .app-nav1:after {
    font-size: 20px;
    content: "\e6c2"
  }

  .app-nav1:hover:after {
    color: #2298ff
  }

  .nav-module-trigger1,
  .nav-module-trigger1-1 {
    height: 40px;
    position: absolute;
    top: 1px;
    left: auto;
    right: 0;
    width: 100%;
    cursor: pointer;
    background-color: unset
  }

  .nav-module-trigger1-1 {
    background-color: #ececec
  }

  .nav-module-trigger1-1:after,
  .nav-module-trigger1:after {
    display: inline-block;
    content: "\e6c3";
    font-size: 18px;
    font-family: iconfont;
    line-height: 1;
    cursor: pointer;
    color: #000;
    top: 12px;
    right: 10px;
    position: absolute
  }

  .nav-module-trigger1-1.nav-opened-2:after,
  .nav-module-trigger1.nav-opened:after {
    content: "\e6c4"
  }

  li.dropdown {
    position: relative
  }

  .nav>ul>li>a {
    padding: 7px;
    padding-right: 40px;
    border-bottom: 1px solid #f1f1f1;
    color: #363533
  }

  .menu--ul li {
    margin: 0
  }

  .menu--ul li a i {
    font-size: 18px;
    margin-right: 10px
  }

  .nav .dropdown>a:after {
    display: none
  }

  .nav>ul {
    display: block
  }

  .app-nav {
    display: block;
    right: 30px;
    z-index: 20
  }

  .nav--mail {
    width: auto;
    margin-right: 42px
  }

  .nav {
    padding: 0 20px;
    display: none;
    position: fixed;
    width: 100%;
    top: 82px;
    left: 0;
    background-color: #fff;
    max-height: 100%;
    overflow: auto;
    padding-bottom: 48px;
    z-index: 101;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    height: calc(100% - 82px)
  }

  .navtop .nav {
    top: 62px;
    height: calc(100% - 62px)
  }

  .nav--search {
    margin-right: 10px
  }

  .nav>ul>li.dropdown.dropdown--right {
    position: relative
  }

  .dropdown:hover .menu--support .menu--img-con-1,
  dropdown .menu--support .menu--img-con-1 {
    height: auto;
    display: block
  }

  .menu--img-con ul li ul li {
    border-top: solid 1px #fff
  }

  .nav--language {
    display: block;
    position: absolute;
    right: 118px;
    top: 15px
  }

  .nav--language span {
    font-size: 0
  }

  .nav--language img {
    width: 22px
  }

  .nav>ul>li.dropdown--appli {
    position: relative
  }

  .menu--img-main {
    padding: 0;
    max-width: 100%;
    display: block
  }

  .input-search {
    margin-right: 40px
  }

  .region--nav {
    margin-top: 20px;
    height: auto
  }

  .nav--about .menu--img-con ul li+li {
    margin-top: 0
  }

  .dropdown.dropdown1.nav--industry:hover .menu--img-con,
  .dropdown.dropdown1:hover .menu--img-con,
  .nav>ul>li:hover .menu--img-con {
    padding: 0;
    border-radius: 0
  }

  .nav--about .menu--img-con ul li a p {
    font-size: 14px
  }

  .nav--about .menu--img-con ul li a i {
    font-size: 18px
  }

  .nav--industry .menu--img-con ul,
  .nav--parts .menu--img-con ul,
  .nav--system .menu--img-con ul {
    display: block;
    margin-bottom: 0
  }

  .nav--industry .menu--img-con ul li,
  .nav--parts .menu--img-con ul li,
  .nav--system .menu--img-con ul li {
    margin: 0;
    width: 100%
  }

  .nav--industry .menu--img-con ul li a,
  .nav--parts .menu--img-con ul li a,
  .nav--system .menu--img-con ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    text-align: left;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .nav--industry .menu--img-con ul li a i,
  .nav--parts .menu--img-con ul li a i {
    margin-right: 10px;
    font-size: 20px
  }

  .nav--system .menu--img-con ul li a .img--35 {
    display: none
  }

  .nav--industry .menu--img-con ul li p,
  .nav--parts .menu--img-con ul li p,
  .nav--system .menu--img-con ul li p {
    padding-top: 0;
    font-size: 14px
  }

  .nav--industry .menu--img-con ul li a:hover,
  .nav>ul .nav--industry li.active>a {
    background-color: unset
  }

  .nav--industry .menu--img-con ul li a:hover p,
  .nav>ul .nav--industry li.active>a p {
    color: #C4161C
  }

  .nav--industry .menu--img-con ul li a:hover i,
  .nav>ul .nav--industry li.active>a i {
    color: #C4161C
  }
}

@media (max-width:991px) {
  .nav>ul>li>a {
    font-size: 14px
  }

  .nav-module-trigger1,
  .nav-module-trigger1-1 {
    height: 39px
  }

  .nav-module-trigger1-1:after,
  .nav-module-trigger1:after {
    top: 7px
  }
}

@media (max-width:767px) {

  .nav--industry .menu--img-con ul li p,
  .nav--parts .menu--img-con ul li p,
  .nav--system .menu--img-con ul li p {
    padding-top: 0;
    font-size: 13px
  }

  .nav>ul>li>a {
    font-size: 13px
  }

  .nav--bottom {
    height: 50px
  }

  .region--nav {
    margin-top: 10px
  }

  .nav--left {
    width: 120px
  }

  .nav--right {
    width: calc(100% - 120px)
  }

  .nav--left .nav--logo a img {
    width: 100px
  }

  .nav {
    top: 60px
  }

  .navtop .nav {
    top: 50px;
    height: calc(100% - 50px)
  }

  .nav--search form {
    top: 50px
  }

  .nav-module-trigger1,
  .nav-module-trigger1-1 {
    height: 36px
  }

  .nav-module-trigger1-1:after,
  .nav-module-trigger1:after {
    top: 8px
  }

  .nav--about .menu--img-con ul li a p {
    font-size: 13px
  }
}

@media (max-width:575px) {

  .nav--industry .menu--img-con ul li p,
  .nav--parts .menu--img-con ul li p,
  .nav--system .menu--img-con ul li p {
    padding-top: 0;
    font-size: 12px
  }

  .nav>ul>li>a {
    font-size: 12px
  }

  .nav--industry .menu--img-con ul li a i,
  .nav--parts .menu--img-con ul li a i {
    margin-right: 8px;
    font-size: 14px
  }

  .nav--left {
    width: 100px
  }

  .nav--right {
    width: calc(100% - 100px);
    padding: 0 20px
  }

  .nav--left .nav--logo a img {
    width: 80px
  }

  .app-nav {
    right: 20px
  }

  .nav--bottom {
    height: 45px
  }

  .nav {
    top: 55px
  }

  .navtop .nav {
    top: 50px;
    height: calc(100% - 45px)
  }

  .nav--search form {
    top: 45px
  }

  .search-form input {
    width: 100%;
    min-width: 300px;
    padding: 6px 40px 10px 15px
  }

  .nav-module-trigger1,
  .nav-module-trigger1-1 {
    height: 34px
  }

  .nav-module-trigger1-1:after,
  .nav-module-trigger1:after {
    top: 6px
  }

  .nav {
    top: 55px
  }

  .navtop .nav {
    top: 45px;
    height: calc(100% - 45px)
  }

  .nav--search form {
    top: 45px
  }

  .nav--about .menu--img-con ul li a p {
    font-size: 12px
  }

  .nav--about .menu--img-con ul li a i {
    font-size: 14px;
    margin-right: 8px;
  }
}

/*! .region--carouse */
.region--carouse {
  overflow: hidden;
  position: relative;
}

.carouse--img {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  background-size: 30% 30%;
  padding-bottom: 43.75%
}

.carouse--img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff
}

.carouse--main {
  position: relative
}

.carouse--con {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.carouse--con-1 {
  width: 380px;
  background-color: rgba(255, 255, 255, .75);
  padding: 60px 50px;
  margin-bottom: 50px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  position: relative
}

.carouse--con .stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.carouse--con-t {
  font-weight: 300;
  font-size: 18px;
  line-height: 1
}

.carouse--con-img-1 {
  width: 194px;
  margin: 30px 0
}

.carouse--con p {
  margin: 0;
  font-size: 18px;
  font-weight: 300
}

.carouse--con p+p {
  font-weight: 500;
  margin-top: 15px
}

.carouse--con-img-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.carouse--con-img-3 {
  width: 104px
}

.carouse--con-img-2 i {
  color: #C4161C;
  line-height: 1;
  font-size: 34px
}

.carouse--con-img-2 span {
  font-size: 0;
  width: calc(100% - 168px);
  height: 1px;
  background-color: #C4161C
}

.carouse--con-img-4 .img--135,
.carouse--con-img-4 .img--135 img {
  background-color: unset
}

.carouse--con-img-4 {
  width: 150px;
  position: absolute;
  right: -60px;
  top: -80px
}

@media (max-width:1599px) {
  .carouse--con-1 {
    padding: 40px;
    margin-bottom: 40px
  }

  .carouse--con-img-1 {
    width: 170px;
    margin: 20px 0
  }

  .carouse--con-img-2 {
    margin-top: 25px
  }

  .carouse--con p,
  .carouse--con-t {
    font-size: 16px
  }

  .carouse--con-img-4 {
    width: 120px;
    right: -50px;
    top: -70px
  }
}

@media (max-width:1399px) {
  .carouse--con-img-2 {
    display: none
  }
}

@media (max-width:1199px) {
  .carouse--img {
    padding-bottom: 46.7%
  }

  .carouse--con-img-4 {
    width: 100px;
    right: -40px;
    top: -55px
  }

  .carouse--con-1 {
    padding: 30px;
    margin-bottom: 30px;
    margin-right: 20px
  }

  .carouse--con .stage {
    width: 100%;
    max-width: 100%
  }
}

@media (max-width:991px) {
  .carouse--img {
    padding-bottom: 48.435%
  }

  .carouse--con-img-1 {
    width: 120px;
    margin: 15px 0
  }

  .carouse--con p+p {
    margin-top: 10px
  }

  .carouse--con-img-4 {
    width: 90px;
    right: -30px;
    top: -30px
  }

  .carouse--con p,
  .carouse--con-t {
    font-size: 15px
  }
}

@media (max-width:767px) {
  .carouse--img {
    padding-bottom: 54.758%
  }

  .carouse--con p,
  .carouse--con-t {
    font-size: 14px
  }

  .carouse--con-1 {
    padding: 20px;
    margin-bottom: 0
  }

  .carouse--con {
    bottom: 0;
    top: 0px;
    bottom: auto
  }
}

@media (max-width:575px) {
  .carouse--img {
    padding-bottom: 56.14%
  }

  .carouse--con-1 {
    background-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .carouse--con p,
  .carouse--con-img-1,
  .carouse--con-t {
    display: none
  }

  .carouse--con-img-4 {
    width: 90px;
    right: 0;
    bottom: 30px;
    top: auto
  }

  .carouse--main {
    position: relative
  }
}

/*! index-con */
.index-con--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.index-con--cell {
  width: calc(50% - 20px);
  position: relative;
  overflow: hidden;
  padding-bottom: 45px
}

.index-con--img {
  position: relative
}

.index-con--img:after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .2)), to(#000));
  background: -o-linear-gradient(top, rgba(0, 0, 0, .2) 0, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, .2) 0, #000 100%);
  opacity: .1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: ""
}

.index-con--img-1 .img--62-5,
.index-con--img-1 .img--62-5 img {
  background: unset
}

.index-con--left .index-con--con-1 {
  background-color: rgba(51, 51, 51, .5)
}

.index-con--right .index-con--con-1 {
  background-color: rgba(18, 130, 229, .7)
}

.index-con--con-1 {
  width: calc(100% - 100px);
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 60px
}

.index-con--img-1 {
  width: 360px;
  margin: auto
}

.index-con--con-1-p,
.index-con--tit {
  margin-bottom: 15px;
  font-size: 34px;
  color: #fff;
  line-height: 1.3;
  font-weight: 500
}

.index-con--con-1-p {
  text-align: center;
  font-weight: 400
}

.index-con--left .index-con--con-2 {
  background-color: rgba(51, 51, 51, .9)
}

.index-con--right .index-con--con-2 {
  background-color: rgba(18, 130, 229, .9)
}

.index-con--con-2 {
  width: calc(100% - 100px);
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  padding: 75px 60px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #fff
}

.index-con--cell:hover .index-con--con-2 {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.index-con--cell:hover .index-con--con-1 {
  display: none
}

.index-con--con-2 ol {
  margin-top: 20px;
  margin-left: 25px
}

.index-con--con-2 ol li {
  list-style-type: decimal
}

.index-con--con-2 ol li+li {
  margin-top: 5px
}

.index-demand--b {
  background-size: cover
}

.index-demand--main {
  width: 100%;
  max-width: 960px;
  padding: 50px 0;
  margin: auto
}

.index-demand--main .img--15,
.index-demand--main .img--15 img {
  background: unset
}

.region--index-con1 {
  overflow: hidden;
  background: url('') no-repeat left center
}

.index-con1--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.index-con1--con {
  width: 60%;
  padding: 120px 6% 115px 50px;
  background-color: rgba(255, 255, 255, .9)
}

.h1-tit {
  line-height: 1.2;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 30px;
  width: 100%;
  margin-top: 0
}

.index-con1--h1 .h1-tit {
  width: calc(100% - 90px)
}

.index-con1--h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-con1--img {
  width: 72px;
  margin-right: 12px
}

.index-con1--con p {
  color: #666
}

.font-18 {
  font-size: 18px
}

.index-con1--img .img--135,
.index-con1--img .img--135 img {
  background: unset
}

.index-con1--main .carouse--con-img-2 {
  margin-top: 60px
}

/*.index-con1--main .carouse--con-img-2 span{background-color:#999}*/
.index-con1--h1 .h1-tit {
  margin-bottom: 0
}

@media (max-width:1599px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 32px
  }

  .h1-tit {
    font-size: 38px;
    margin-bottom: 30px
  }

  .index-con1--con {
    padding: 120px 0 120px 50px
  }
}

@media (max-width:1399px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 30px
  }

  .index-con--con-1 {
    width: calc(100% - 50px);
    padding: 45px
  }

  .index-con--con-2 {
    width: calc(100% - 80px);
    padding: 45px
  }

  .index-demand--main {
    padding: 45px 0
  }

  .h1-tit {
    font-size: 36px;
    margin-bottom: 25px
  }

  .font-18 {
    font-size: 17px
  }

  .index-con1--con {
    padding: 100px 0 100px 50px
  }

  .index-con1--main .carouse--con-img-2 {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:1199px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 26px
  }

  .index-con--cell {
    width: calc(50% - 10px)
  }

  .index-con--img-1 {
    width: 280px
  }

  .index-con--con-1 {
    width: calc(100% - 40px);
    padding: 25px
  }

  .index-con--con-2 {
    width: calc(100% - 40px);
    padding: 25px
  }

  .index-demand--main {
    padding: 40px 0
  }

  .h1-tit {
    font-size: 30px;
    margin-bottom: 25px
  }

  .font-18 {
    font-size: 16px
  }

  .index-con1--con {
    padding: 80px 0 80px 50px;
    width: 60%
  }

  .index-con1--main .carouse--con-img-2 {
    margin-top: 40px
  }
}

@media (max-width:991px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 22px
  }

  .index-con--main {
    display: block
  }

  .index-con--cell {
    width: 100%
  }

  .index-con--cell+.index-con--cell {
    margin-top: 40px
  }

  .index-demand--main {
    padding: 35px 0
  }

  .h1-tit {
    font-size: 24px;
    margin-bottom: 20px
  }

  .font-18 {
    font-size: 15px
  }

  .index-con1--con {
    padding: 50px;
    width: 100%
  }

  .index-con1--main .carouse--con-img-2 {
    margin-top: 30px
  }
}

@media (max-width:767px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 18px
  }

  .index-con--con-2 ol {
    margin-top: 15px
  }

  .index-con--con-1 {
    display: none
  }

  .index-con--con-2 {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .index-con--cell {
    padding-bottom: 25px
  }

  .index-demand--main {
    padding: 30px 0
  }

  .h1-tit {
    font-size: 20px;
    margin-bottom: 20px
  }

  .font-18 {
    font-size: 14px
  }

  .index-con1--con {
    padding: 40px
  }

  .index-con1--main .carouse--con-img-2 {
    display: none
  }
}

@media (max-width:575px) {

  .index-con--con-1-p,
  .index-con--tit {
    font-size: 15px
  }

  .index-con--cell+.index-con--cell {
    margin-top: 20px
  }

  .index-demand--main {
    padding: 25px 0
  }

  .h1-tit {
    font-size: 18px;
    margin-bottom: 15px
  }

  .font-18 {
    font-size: 13px
  }

  .index-con1--con {
    padding: 40px 20px
  }

  .index-con1--img {
    width: 35px;
    margin-right: 10px
  }

  .index-con1--h1 .h1-tit {
    width: calc(100% - 50px)
  }

  .index-con--con-2 {
    width: calc(100% - 10px);
    padding: 10px
  }
}

/*! region--index-con2 */
.region--index-con2 {
  overflow: hidden;
  position: relative;
  z-index: 12;
  width: 100%
}

.region--index-con2:after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: "";
  background: -o-radial-gradient(circle, #004680 0, #000 100%);
  background: radial-gradient(circle, #004680 0, #000 100%);
  z-index: -2
}

.index-con2--t .img--43-75,
.index-con2--t .img--43-75 img {
  background: unset
}

.index-con2-main {
  position: relative;
  z-index: 5
}

.index-con2--cell {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.index-con2--1 {
  width: 36px
}

.index-con2--2 {
  width: 200px;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  height: 0;
  position: absolute;
  top: 0;
  right: -220px
}

.index-con2--opened .index-con2--2 {
  visibility: visible;
  opacity: 1;
  z-index: 10;
  height: auto
}

.index-con2--2 .img--100,
.index-con2--2 .img--100 img {
  background: unset
}

.index-con2--2 a {
  width: 100%;
  background-color: rgba(255, 255, 255, .95);
  padding: 15px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center
}

.index-con2--tit {
  margin: 0;
  margin-top: 15px;
  padding-top: 15px;
  line-height: 1.3;
  border-top: 1px solid #d9d9d9;
  color: #333;
  font-weight: 500;
  margin-bottom: 5px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.index-con2--tit+p {
  margin: 10px 0;
  line-height: 1;
  color: #C4161C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px
}

.index-con2--tit+p:after {
  content: "\e632";
  vertical-align: middle;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-left: 6px
}

.index-con2--2 a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  background-color: #fff
}

.index-con2--2 a:hover .index-con2--tit {
  color: #C4161C
}

.index-con2--2>i {
  position: absolute;
  line-height: 1;
  top: 0;
  right: 0;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-weight: 700;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.index-con2--2>i:hover {
  color: #C4161C
}

.index-con2--1 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 1
}

.index-con2--white {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.index-con2--black {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #000;
  border: 2px #fff solid
}

.index-con2--ani {
  background-color: rgba(51, 51, 51, .5);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  z-index: -1
}

.ani {
  -webkit-animation: ani 1.5s linear infinite
}

.index-con2--opened .index-con2--1:after {
  color: #fff;
  content: "\e608";
  display: block;
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  right: -21px;
  top: 8px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.index-con2--black:after {
  width: 0;
  height: 0;
  background-color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.index-con2--opened .index-con2--black:after {
  width: 36px;
  height: 36px
}

.index-con2--opened.index-con2--cell {
  z-index: 13
}

@-webkit-keyframes ani {
  0% {
    width: 20px;
    height: 20px
  }

  25% {
    width: 28px;
    height: 28px
  }

  50% {
    width: 36px;
    height: 36px
  }

  75% {
    width: 28px;
    height: 28px
  }

  100% {
    width: 20px;
    height: 20px
  }
}

@keyframes ani {
  0% {
    width: 20px;
    height: 20px
  }

  25% {
    width: 28px;
    height: 28px
  }

  50% {
    width: 36px;
    height: 36px
  }

  75% {
    width: 28px;
    height: 28px
  }

  100% {
    width: 20px;
    height: 20px
  }
}

.index-con2--b .index-con2--cell:nth-child(1) {
  margin-left: 18.947%;
  margin-top: 2.631%
}

.index-con2--b .index-con2--cell:nth-child(2) {
  margin-left: 5.789%;
  margin-top: 1.052%
}

.index-con2--b .index-con2--cell:nth-child(3) {
  margin-left: 0;
  margin-top: -2.631%
}

.index-con2--b .index-con2--cell:nth-child(4) {
  margin-left: -13.157%;
  margin-top: -3.684%
}

.index-con2--b .index-con2--cell:nth-child(5) {
  margin-left: -15.789%;
  margin-top: -7.894%
}

.index-con2--b .index-con2--cell:nth-child(6) {
  margin-left: -36.84%;
  margin-top: -4.21%
}

.index-con2--b .index-con2--cell:nth-child(7) {
  margin-left: -30.526%;
  margin-top: -4.21%
}

.index-con2--b .index-con2--cell:nth-child(8) {
  margin-left: -26.052%;
  margin-top: -2.105%
}

.index-con2--b .index-con2--cell:nth-child(9) {
  margin-left: -22.368%;
  margin-top: .526%
}

.index-con2--b .index-con2--cell:nth-child(10) {
  margin-left: -13.157%;
  margin-top: 2.368%
}

.index-con2--b .index-con2--cell:nth-child(11) {
  margin-left: -5.263%;
  margin-top: 5.263%
}

.index-con2--b .index-con2--cell:nth-child(12) {
  margin-left: 7.294%;
  margin-top: 8.368%
}

.index-con2--b .index-con2--cell:nth-child(12) .index-con2--2 {
  -webkit-transform: translateY(-26%);
  -ms-transform: translateY(-26%);
  transform: translateY(-26%)
}

@media (max-width:1699px) {
  .index-con2--b .index-con2--cell:nth-child(11) .index-con2--2 {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
  }
}

@media (max-width:1599px) {
  .index-con2--2 {
    width: 180px;
    right: -200px
  }

  .index-con2--tit+p {
    font-size: 14px
  }
}

@media (max-width:1399px) {
  .index-con2--tit {
    font-size: 16px
  }

  .index-con2--b .index-con2--cell:nth-child(1) .index-con2--2 {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
  }

  .index-con2--b .index-con2--cell:nth-child(12) .index-con2--2 {
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%)
  }

  .index-con2--b .index-con2--cell:nth-child(2) .index-con2--2 {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
  }

  .index-con2--b .index-con2--cell:nth-child(10) .index-con2--2 {
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%)
  }
}

@media (max-width:1199px) {
  .index-con2--1 {
    display: none
  }

  .index-con2--b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px;
    margin-bottom: 10px
  }

  .index-con2--b .index-con2--cell:nth-child(n) {
    margin: 0 30px 30px 0;
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: calc(25% - 22.5px)
  }

  .index-con2--b .index-con2--cell:nth-child(4n) {
    margin-right: 0
  }

  .index-con2--b .index-con2--cell:nth-child(n) .index-con2--2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    height: auto;
    width: 100%;
    position: initial
  }

  .index-con2--2>i {
    display: none
  }

  .index-con2--2 a {
    height: 100%
  }
}

@media (max-width:991px) {
  .index-con2--tit {
    font-size: 15px
  }

  .index-con2--b .index-con2--cell:nth-child(n) {
    margin: 0 20px 20px 0;
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: calc(33.333% - 13.333px)
  }

  .index-con2--b .index-con2--cell:nth-child(4n) {
    margin-right: 20px
  }

  .index-con2--b .index-con2--cell:nth-child(3n) {
    margin-right: 0
  }
}

@media (max-width:767px) {
  .index-con2--tit {
    font-size: 14px
  }

  .index-con2--tit+p {
    font-size: 13px
  }
}

@media (max-width:575px) {
  .index-con2--tit {
    font-size: 13px;
    margin-top: 10px;
    padding-top: 10px
  }

  .index-con2--tit+p {
    font-size: 12px
  }

  .index-con2--b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px;
    margin-bottom: 10px
  }

  .index-con2--b .index-con2--cell:nth-child(n) {
    margin: 0 10px 10px 0;
    position: initial;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: calc(50% - 5px)
  }

  .index-con2--b .index-con2--cell:nth-child(4n) {
    margin-right: 10px
  }

  .index-con2--b .index-con2--cell:nth-child(3n) {
    margin-right: 10px
  }

  .index-con2--b .index-con2--cell:nth-child(2n) {
    margin-right: 0
  }

  .index-con2--tit+p {
    margin: 5px 0
  }
}

/*! carousel*/
.owl-carousel {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-tap-highlight-color: transparent
}

.owl-carousel>.item {
  display: none
}

.owl-carousel>.owlitem01.item {
  display: block
}

.owl-carousel>.item img {
  max-width: 100%
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
  line-height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  position: relative;
  float: left;
  min-height: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-loaded {
  display: block
}

.owl-carousel.owl-loading {
  display: block;
  opacity: 0
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.no-js .owl-carousel {
  display: block
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  cursor: pointer;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}

.owl-carousel .owl-video-tn {
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%
}

.item--index-img {
  position: relative
}

.owl-carousel .item .item--index-img {
  position: relative;
  padding-bottom: 33.33%;
  width: 100%
}

.owl-carousel .item .item--index-img picture img {
  position: absolute;
  top: 0;
  left: 0
}

.item--con {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  left: 50%
}

.item--con.item-right .item--con-p {
  margin-left: auto;
  margin-right: 0
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(51, 51, 51, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.owl-carousel .owl-prev {
  left: 40px
}

.owl-carousel .owl-next {
  right: 40px
}

.owl-carousel .owl-next span,
.owl-carousel .owl-prev span {
  font-size: 0
}

.owl-carousel .owl-prev:after {
  content: "\e6d1";
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: rgba(18, 130, 229, .3);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.owl-carousel .owl-next:after {
  content: "\e6d1";
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: rgba(18, 130, 229, .3)
}

.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
  background-color: #004182
}

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.owl-carousel .owl-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #dcdcdc;
  margin: 0 5px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border: solid 1px #fff
}

.owl-carousel .owl-dot.active {
  background-color: #C4161C;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

/*! .region--index-con3 */
.region--index-con3 {
  overflow: hidden
}

#owl-demo1 {
  margin-left: calc((1920px - 1500px)/ 2);
  width: calc(1500px + (1920px - 1500px)/ 2);
  padding-bottom: 60px
}

#owl-demo1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

#owl-demo1 .owl-prev {
  left: -25px
}

#owl-demo1 .owl-next {
  right: -25px
}

#owl-demo1 .owl-nav {
  width: 100%;
  max-width: 1500px;
  position: absolute;
  height: 0;
  top: 50%
}

#owl-demo1 .owl-dots {
  bottom: 0
}

#owl-demo1 .owl-next,
#owl-demo1 .owl-prev {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  box-shadow: 0 0 20px rgba(0, 0, 0, .08);
  background-color: rgba(255, 255, 255, .8)
}

#owl-demo1 .owl-next:hover,
#owl-demo1 .owl-prev:hover {
  background-color: #0264b9
}

#owl-demo1 .owl-next:after,
#owl-demo1 .owl-prev:after {
  color: #0264b9
}

#owl-demo1 .owl-next:hover:after,
#owl-demo1 .owl-prev:hover:after {
  color: #fff
}

.owl-demo1--con {
  position: absolute;
  width: 100%;
  min-width: 220px;
  max-width: 80%;
  background-color: rgba(18, 130, 229, .8);
  color: #fff;
  bottom: 0;
  right: 0;
  padding: 25px 25px 40px 25px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.owl-demo1--con p {
  text-align: center;
  margin: 0;
  line-height: 1.2
}

.owl-demo1--con p+p {
  margin-top: 10px
}

.owl-demo1--top {
  color: #fff;
  opacity: 80%;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px
}

.owl-demo1--tit {
  font-size: 22px
}

.owl-demo1--con:after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, .6);
  width: 1px;
  height: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0
}

#owl-demo1 a:hover .owl-demo1--con {
  background-color: #C4161C
}

#owl-demo1 a img {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

#owl-demo1 a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1)
}

.owl-demo1--img:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(46%, rgba(0, 0, 0, .35)), to(#000));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .35) 46%, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .35) 46%, #000 100%);
  opacity: .5;
  position: absolute;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

#owl-demo1 a:hover .owl-demo1--img:after {
  opacity: 0
}

.index-con4--b {
  overflow: hidden
}

.index-con4--main {
  width: 440px;
  background-color: rgba(255, 255, 255, .5);
  padding: 60px 60px 80px;
  margin: 85px 0
}

.index-con4--main p {
  margin-bottom: 0;
}

.index-con4--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 40px
}

.index-con4--top-tit {
  line-height: 1.2;
  font-weight: 700;
  font-size: 34px;
  width: calc(100% - 120px)
}

.index-con4--top-img {
  width: 100px
}

.index-con4--top .img--135,
.index-con4--top .img--135 img {
  background: unset
}

@media (max-width:1920px) {
  #owl-demo1 {
    margin-left: calc((100vw - 1500px)/ 2);
    width: calc(1500px + (100vw - 1500px)/ 2)
  }
}

@media (max-width:1599px) {
  #owl-demo1 {
    margin-left: calc((100vw - 1320px)/ 2);
    width: calc(1320px + (100vw - 1320px)/ 2)
  }

  #owl-demo1 .owl-nav {
    max-width: 1320px
  }

  .index-con4--top-tit {
    font-size: 30px;
    width: calc(100% - 110px)
  }

  .index-con4--top-img {
    width: 95px
  }
}

@media (max-width:1399px) {
  #owl-demo1 .owl-nav {
    max-width: 1120px
  }

  #owl-demo1 {
    margin-left: calc((100vw - 1120px)/ 2);
    width: calc(1120px + (100vw - 1120px)/ 2)
  }

  .index-con4--top-tit {
    font-size: 26px;
    width: calc(100% - 100px)
  }

  .index-con4--top-img {
    width: 90px
  }
}

@media (max-width:1199px) {
  #owl-demo1 {
    margin-left: 0;
    width: 100%
  }

  #owl-demo1 .owl-prev {
    left: 0
  }

  #owl-demo1 .owl-next {
    right: 0
  }

  .index-con4--top-tit {
    font-size: 24px;
    width: calc(100% - 100px)
  }

  .index-con4--top-img {
    width: 90px
  }

  .index-con4--top {
    margin-bottom: 30px
  }

  .index-con4--main {
    width: 420px;
    padding: 40px 40px 60px;
    margin: 65px 0
  }
}

@media (max-width:991px) {
  .marginT-40 {
    margin-top: 30px
  }

  .marginT-50 {
    margin-top: 40px
  }

  .index-con4--top-tit {
    font-size: 22px;
    width: calc(100% - 95px)
  }

  .index-con4--top-img {
    width: 85px
  }

  .index-con4--top {
    margin-bottom: 25px
  }
}

@media (max-width:767px) {
  .owl-carousel .owl-dot {
    width: 10px;
    height: 10px
  }

  .index-con4--top-tit {
    width: calc(100% - 95px);
    font-size: 18px
  }

  .index-con4--top-img {
    width: 85px
  }

  .index-con4--top {
    margin-bottom: 20px
  }

  .index-con4--main {
    width: 400px;
    padding: 30px 30px 50px;
    margin: 50px 0
  }
}

@media (max-width:575px) {
  #owl-demo1 {
    margin: 0 20px;
    width: calc(100% - 40px);
    padding-bottom: 30px
  }

  .index-con4--top-tit {
    width: calc(100% - 85px)
  }

  .index-con4--top-img {
    width: 75px
  }

  .index-con4--top {
    margin-bottom: 15px
  }

  .index-con4--main {
    width: 100%;
    padding: 20px;
    margin: 30px 0
  }
}

/*! #owl-demo2 */
#owl-demo2 {
  padding-bottom: 70px
}

#owl-demo2 .item {
  padding: 60px 40px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);
  box-shadow: 0 0 20px rgba(0, 0, 0, .05);
  border-radius: 8px
}

#owl-demo2 .owl-stage .owl-item:nth-child(1n) .item {
  background-color: #fff9ea
}

#owl-demo2 .owl-stage .owl-item:nth-child(2n) .item {
  background-color: #ecf4e6
}

#owl-demo2 .owl-stage .owl-item:nth-child(3n) .item {
  background-color: #eee
}

#owl-demo2 .owl-stage .owl-item:nth-child(4n) .item {
  background-color: #e7eff4
}

.owl-demo2--tit {
  font-size: 26px;
  line-height: 1.3;
  color: #0264b9;
  font-weight: 700
}

.owl-demo2--t {
  font-weight: 300;
  color: #666;
  font-style: italic;
  margin: 15px 0 25px;
  line-height: 1.2
}

.owl-demo2--b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px
}

.owl-demo2--b-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px
}

#owl-demo2 p {
  margin: 0
}

.owl-demo2--b-con {
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.owl-demo2--b-1 {
  list-style: 1.3;
  color: #999
}

.owl-demo2--b-2 {
  color: #4f9e1b;
  font-weight: 500
}

.owl-demo2--x {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.owl-demo2--x i {
  color: #ff9c00;
  font-size: 20px;
  margin-right: 6px;
  line-height: 1
}

#owl-demo2 .owl-dots {
  bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

#owl-demo2 .owl-nav {
  width: 180px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

#owl-demo2 .owl-next,
#owl-demo2 .owl-prev {
  width: 30px;
  height: 30px;
  background-color: #C4161C
}

#owl-demo2 .owl-next:hover,
#owl-demo2 .owl-prev:hover {
  background-color: #2298ff
}

#owl-demo2 .owl-prev {
  left: 0
}

#owl-demo2 .owl-next {
  right: 0
}

#owl-demo2 .owl-dot {
  width: 10px;
  height: 10px;
  margin: 0
}

#owl-demo2 .owl-next:after,
#owl-demo2 .owl-prev:after {
  font-size: 16px
}

@media (max-width:1599px) {
  .owl-demo2--tit {
    font-size: 24px
  }

  #owl-demo2 .item {
    padding: 50px 35px
  }
}

@media (max-width:1399px) {
  .owl-demo2--tit {
    font-size: 22px
  }

  .owl-demo2--b-img {
    width: 50px;
    height: 50px
  }

  #owl-demo2 {
    padding-bottom: 65px
  }

  #owl-demo2 .item {
    padding: 50px 30px
  }
}

@media (max-width:1199px) {
  .owl-demo2--tit {
    font-size: 20px
  }

  #owl-demo2 {
    padding-bottom: 60px
  }

  #owl-demo2 .item {
    padding: 40px 25px
  }
}

@media (max-width:991px) {
  .owl-demo2--tit {
    font-size: 18px
  }

  .owl-demo2--b-img {
    width: 45px;
    height: 45px
  }

  #owl-demo2 {
    padding-bottom: 55px
  }

  #owl-demo2 .item {
    padding: 35px 25px
  }

  .owl-demo2--t {
    margin: 10px 0 20px
  }

  .owl-demo2--b {
    margin-top: 20px
  }

  .owl-demo2--x i {
    font-size: 16px;
    margin-right: 8px
  }
}

@media (max-width:767px) {
  .owl-demo2--tit {
    font-size: 17px
  }

  .owl-demo2--b-img {
    width: 40px;
    height: 40px
  }

  #owl-demo2 {
    padding-bottom: 50px
  }

  #owl-demo2 .item {
    padding: 30px 20px
  }

  .owl-demo2--t {
    margin: 8px 0 15px
  }

  .owl-demo2--x {
    margin-top: 20px
  }
}

@media (max-width:575px) {
  .owl-demo2--tit {
    font-size: 16px
  }

  #owl-demo2 {
    padding-bottom: 40px
  }

  .owl-demo2--x i {
    font-size: 14px;
    margin-right: 5px
  }
}

/*! footer-t */
.region--footer-t {
  background-color: #EBEBEB;
  color: #333;
  position: relative;
  z-index: 12
}

.footer-t--2 .img--40,
.footer-t--2 .img--40 img {
  background: unset
}

.footer-t--1 {
  width: 100%;
  position: relative;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin-bottom: 30px;
}

/* .footer-t--1:after{content:"";height:34px;background-color:rgba(18, 130, 229, .3);opacity:.5;width:1px;position:absolute;right:40px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} */
.footer-t--2 {
  width: calc(100% - 170px)
}

.footer-t--main {
  position: relative;
  padding: 35px 0;
  z-index: 2
}

.footer-t--3 {
  position: absolute;
  bottom: 8px;
  right: 0;
  width: 120px
}

.footer-t--3 .img--135,
.footer-t--3 .img--135 img {
  background: unset
}

#owl-demo3 .owl-dots {
  display: none
}

#owl-demo3 .item {
  border-radius: 5px;
  overflow: hidden;
}

#owl-demo3 {
  padding: 0 40px
}

#owl-demo3 .owl-next,
#owl-demo3 .owl-prev {
  border: solid 1px rgba(18, 130, 229, .3);
  width: 20px;
  height: 50px;
  background-color: unset;
  border-radius: 0
}

#owl-demo3 .owl-next:after,
#owl-demo3 .owl-prev:after {
  font-size: 12px
}

#owl-demo3 .owl-prev {
  left: 0
}

#owl-demo3 .owl-next {
  right: 0
}

#owl-demo3 .owl-next:hover,
#owl-demo3 .owl-prev:hover {
  background-color: #fff
}

#owl-demo3 .owl-next:hover:after,
#owl-demo3 .owl-prev:hover:after {
  color: #0264b9
}

.region--footer {
  background: url(../image/foot-bg.png) no-repeat top center #C4161C;
  background-size: cover
}

.footer--main {
  padding: 60px 0 40px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
}

.footer--main a {
  color: #fff
}

.footer--main a:hover {
  text-decoration: underline
}

.footer--1 {
  width: 23.333%
}

.footer--2 {
  width: 13.333%
}

.footer--3 {
  width: 25.333%
}

.footer--4 {
  width: 22%
}

.footer--1 img {
  width: 230px
}

.footer--1 p {
  font-weight: 300;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 30px;
  color: rgba(255, 255, 255, .8);
  line-height: 1.8
}

.footer--2 li+li {
  margin-top: 12px
}

.footer--2 li a {
  list-style: 1.5
}

.footer--3-tit {
  font-size: 20px
}

.footer--3 p {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.footer--3 p b {
  margin-right: 5px
}

.footer--3 p span {
  font-weight: 300
}

.footer--4 {
  border: 1px solid rgba(255, 255, 255, .5);
  padding: 40px 25px
}

#form_request-updates {
  margin-top: 35px
}

#form_request-updates input {
  border: 1px solid #C4161C;
  border-radius: 19px;
  width: 100%;
  max-width: 200px;
  padding: 8px;
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color: silver;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background-color: #fff;
  font-weight: 300
}

#form_request-updates input.input {
  background-color: #C4161C;
  color: #fff;
  cursor: pointer;
  font-weight: 500
}

#form_request-updates input:focus,
#form_request-updates.nonoen [name=email] {
  color: #333;
  font-weight: 400
}

#form_request-updates input.input:hover {
  background-color: #2298ff
}

.footer--social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px
}

.footer--social ul li span {
  font-size: 0
}

.footer--social ul li {
  margin-right: 20px
}

.footer--social ul li a {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer--social ul li a:before {
  color: #fff;
  content: "\e625";
  vertical-align: middle;
  font-size: 42px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  position: absolute;
  left: 0;
  top: -3px
}

.footer--social ul li i {
  font-size: 17px;
  font-weight: 400
}

.footer--social ul li a:hover {
  text-decoration: none;
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .2)
}

.footer--copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-top: solid 1px rgba(255, 255, 255, .2);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer--copyright-left {
  font-weight: 500;
  margin-right: 20px;
  color: #fff
}

.footer--copyright-right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer--copyright-right ul li a {
  color: #9cb8d1;
  font-weight: 300;
  line-height: 1.2
}

.footer--copyright-right ul li {
  line-height: 1.2
}

.footer--copyright-right ul li+li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: solid 1px #9cb8d1
}

.footer--copyright-right ul li a:hover {
  color: #fff
}

@media (max-width:1599px) {
  .footer--main {
    padding: 70px 0 50px
  }
}

@media (max-width:1399px) {
  .footer-t--1 {
    font-size: 22px
  }

  .footer-t--3 {
    width: 100px
  }

  .footer-t--1:after {
    height: 30px;
    right: 30px
  }

  #owl-demo3 .owl-next,
  #owl-demo3 .owl-prev {
    height: 40px
  }

  .footer-t--2 {
    width: calc(100% - 130px)
  }

  .footer--1 {
    width: 25.333%
  }

  .footer--2 {
    width: 15.333%
  }

  .footer--3 {
    width: 27.333%
  }

  .footer--4 {
    width: 24%
  }

  .footer--1 img {
    width: 200px
  }

  .footer--social ul li {
    margin-right: 12px
  }

  .footer--social ul li a {
    width: 38px;
    height: 38px
  }

  .footer--social ul li a:before {
    font-size: 38px;
    top: -2px
  }

  .footer--social ul li i {
    font-size: 16px
  }

  .footer--main {
    padding: 60px 0 40px
  }
}

@media (max-width:1199px) {
  .footer-t--1 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .footer-t--3 {
    bottom: 30px;
    width: 80px
  }

  .footer-t--1:after {
    height: 26px;
    right: 25px
  }

  #owl-demo3 .owl-next,
  #owl-demo3 .owl-prev {
    height: 36px
  }

  .footer-t--2 {
    width: calc(100% - 100px)
  }

  .footer--2 {
    display: none
  }

  .footer--1 {
    width: 28.333%
  }

  .footer--2 {
    width: 18.333%
  }

  .footer--4 {
    width: 30%
  }

  .footer--main {
    padding: 50px 0 35px
  }
}

@media (max-width:991px) {
  .footer-t--main {
    padding: 20px 0
  }

  .footer-t--1 {
    font-size: 18px
  }

  .footer--1 {
    display: none
  }

  .footer--3 {
    width: 48%
  }

  .footer--4 {
    width: 48%
  }

  .footer--social ul {
    margin-top: 25px
  }

  #form_request-updates {
    margin-top: 25px
  }

  .footer--3-tit {
    font-size: 18px
  }

  .footer--copyright-left {
    margin-bottom: 5px
  }

  .footer-t--3 {
    bottom: 6px;
  }
}

@media (max-width:767px) {
  .footer-t--1 {
    font-size: 17px
  }

  .footer-t--3 {
    bottom: 6px;
    width: 60px
  }

  .footer-t--1:after {
    height: 24px;
    right: 20px
  }

  #owl-demo3 .owl-next,
  #owl-demo3 .owl-prev {
    height: 32px
  }

  .footer-t--2 {
    width: calc(100% - 75px)
  }

  #owl-demo3 {
    padding: 0 30px
  }

  .footer--main {
    padding: 40px 0 30px;
    display: block
  }

  .footer--3 {
    width: 100%
  }

  .footer--4 {
    width: 100%;
    margin-top: 25px
  }

  .footer--3 p {
    margin-top: 10px
  }

  #form_request-updates input {
    max-width: none
  }
}

@media (max-width:575px) {
  .footer-t--1 {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px
  }

  .footer-t--main {
    padding: 15px 0;
    display: block
  }

  #owl-demo3 .owl-next,
  #owl-demo3 .owl-prev {
    width: 16px
  }

  .footer-t--3 {
    display: none
  }

  .footer-t--1:after {
    height: 20px;
    right: 10px
  }

  #owl-demo3 .owl-next,
  #owl-demo3 .owl-prev {
    height: 30px
  }

  .footer-t--2 {
    width: 100%
  }

  .footer-t--1:after {
    display: none
  }

  .footer--main {
    padding: 25px 0 20px
  }

  .footer--4 {
    padding: 30px 15px
  }

  #form_request-updates {
    margin-top: 0
  }

  .footer--3-tit {
    font-size: 16px
  }

  .footer--copyright {
    padding: 15px 0
  }
}

/*! about */
.region--breadcrumbs-top {
  height: 380px;
  background-size: cover;
  position: relative
}

.region--breadcrumbs-top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #C4161C), to(rgba(0, 92, 143, .3)));
  background: -o-linear-gradient(bottom, #C4161C 0, rgba(0, 92, 143, .3) 100%);
  background: linear-gradient(360deg, #C4161C 0, rgba(0, 92, 143, .3) 100%);
  opacity: .9
}

.region--breadcrumbs-top:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 47px;
  background: url(../image/water-1.svg) no-repeat bottom center;
  background-size: cover
}

.nav--main.nav--main-page {
  background-color: rgba(255, 255, 255, .95)
}

.region--breadcrumbs-top .stage {
  position: relative;
  height: 100%
}

.breadcrumbs-main {
  position: absolute;
  z-index: 2;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 40px;
  width: calc(100% - 40px)
}

.breadcrumbs-main:before {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, .55) 0, rgba(255, 255, 255, .03) 45%, rgba(255, 255, 255, 0) 100%);
  top: -50px;
  opacity: .3;
  left: 160px;
  z-index: 1
}

.breadcrumbs-a {
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
  padding-right: 20px;
  font-weight: 300
}

.breadcrumbs-a a {
  color: #e8e8e8;
  text-decoration: none
}

.home1:before {
  font-family: iconfont;
  content: "\e631";
  padding-right: 7px
}

.breadcrumbs-a a:after,
.breadcrumbs-a em:after {
  content: ">";
  padding-left: 7px;
  padding-right: 5px;
  display: inline-block;
  color: #e8e8e8
}

.breadcrumbs-a a:hover {
  color: #fff;
  text-decoration: underline
}

.breadcrumbs-a em {
  color: #666
}

.breadcrumbs--tit {
  font-weight: 300;
  font-size: 40px;
  line-height: 1.2;
  margin-top: 15px;
  color: #fff
}

.region--topnav {
  margin-top: -120px;
  padding-top: 60px
}

.topnav--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: calc(100% - 100px);
  height: 105px;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.topnav--main-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px 10px 0 0;
  padding: 0 20px;
  padding-right: 0;
  background-color: #fff;
  position: relative
}

.topnav--main-1:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: -o-linear-gradient(225deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
  background: linear-gradient(225deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
  opacity: .5;
  bottom: 0;
  left: -50px
}

.topnav--main-1:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: -o-linear-gradient(315deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
  background: linear-gradient(135deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
  opacity: .5;
  bottom: 0;
  right: -50px
}

.topnav--img {
  width: 70px;
  -webkit-transform: translateY(-11%);
  -ms-transform: translateY(-11%);
  transform: translateY(-11%);
  margin-right: 25px
}

.topnav--img .img--135,
.topnav--img .img--135 img {
  background: unset
}

.topnav--con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 95px);
  padding: 12px 0
}

.topnav--right>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 30px;
  border-left: solid 1px #dfdfdf
}

.topnav--left {
  margin-right: 25px
}

.topnav--left a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.topnav--left-img {
  width: 40px;
  margin-right: 10px
}

.topnav--left-img .img--100 {
  background-color: #fff
}

.topnav--left-img i {
  font-size: 40px;
  line-height: 1;
  color: #C4161C
}

.topnav--left a ul li span {
  color: #333;
  font-weight: 500;
  font-size: 18px;
  white-space: nowrap;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.topnav--right>ul li {
  margin-right: 30px
}

.topnav--right>ul li a {
  padding: 4px 0;
  font-size: 18px;
  color: #666;
  display: inline-block
}

.topnav--left a ul li span:hover,
.topnav--left a ul li.active span,
.topnav--left a:hover,
.topnav--right>ul li a:hover,
.topnav--right>ul li.active>a {
  text-decoration: none;
  color: #C4161C
}

.topnav--right-top {
  max-width: 200px;
  min-width: 160px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background-color: #f1f1f1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  cursor: pointer
}

.topnav--right-top span {
  font-weight: 500;
  line-height: 1.4;
  margin-left: 15px
}

.topnav--right-top i {
  color: #C4161C;
  line-height: 1;
  font-size: 12px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.page-h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.page-h1 .h1-tit {
  width: 43.333%;
  padding-right: 50px
}

.page-h1 p {
  margin: 0;
  width: 56.666%;
  padding-left: 50px;
  border-left: solid 1px #eaeaea;
  font-size: 20px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -60px
}

.about-list--cell {
  margin: 0 60px 60px 0;
  width: calc(33.333% - 40px);
  position: relative;
  z-index: 2
}

.about-list .about-list--cell:nth-child(3n) {
  margin-right: 0
}

.about-list--img {
  width: calc(100% - 50px)
}

.about-list--cell:after {
  content: "";
  position: absolute;
  background-color: #f7f7f7;
  width: 100%;
  height: calc(100% - 50px);
  bottom: 0;
  z-index: -1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.about-list--con {
  padding: 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-list--top {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
  color: #707070;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.about-list--tit {
  color: #C4161C;
  line-height: 1.2;
  font-weight: 500;
  font-size: 28px;
  margin: 10px 0 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.about-list--con p {
  margin: 0;
  font-size: 14px;
  color: #333;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-weight: 300
}

.about-list--con i {
  margin-top: 50px;
  font-size: 26px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.about-list--cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-list--cell a:hover {
  text-decoration: none
}

.about-list--cell a:hover .about-list--con i,
.about-list--cell a:hover .about-list--con p,
.about-list--cell a:hover .about-list--tit,
.about-list--cell a:hover .about-list--top {
  color: #fff
}

.about-list--cell:hover:after {
  background-color: #C4161C;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.topnav--right-top.topnav__opened i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media (max-width:1599px) {
  .breadcrumbs--tit {
    font-size: 34px
  }

  .breadcrumbs-main:before {
    top: -55px
  }

  .about-list {
    margin-bottom: -40px
  }

  .about-list--cell {
    margin: 0 40px 40px 0
  }

  .about-list--img {
    width: calc(100% - 40px)
  }

  .about-list--tit {
    font-size: 26px
  }

  .page-h1 p {
    font-size: 19px
  }
}

@media (max-width:1399px) {
  .breadcrumbs-main:before {
    left: 140px;
    top: -64px
  }

  .region--breadcrumbs-top {
    height: 350px
  }

  .topnav--right>ul li a {
    font-size: 16px
  }

  .topnav--img {
    width: 60px;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    margin-right: 20px
  }

  .topnav--right>ul li {
    margin-right: 20px
  }

  .topnav--left a ul li span {
    font-size: 16px
  }

  .topnav--main {
    height: 95px
  }

  .topnav--left {
    margin-right: 20px
  }

  .topnav--main {
    max-width: 100%
  }

  .topnav--con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 95px)
  }

  .topnav--right>ul {
    padding-left: 20px
  }

  .about-list--cell {
    margin: 0 40px 40px 0
  }

  .about-list--img {
    width: calc(100% - 40px)
  }

  .about-list--tit {
    font-size: 22px
  }

  .about-list--con {
    padding: 30px
  }

  .about-list--con i {
    margin-top: 40px
  }

  .page-h1 p {
    font-size: 18px
  }
}

@media (max-width:1199px) {
  .breadcrumbs-a {
    font-size: 13px
  }

  .region--breadcrumbs-top {
    height: 300px
  }

  .breadcrumbs-main:before {
    display: none
  }

  .breadcrumbs-main {
    margin-top: 10px
  }

  .breadcrumbs--tit {
    font-size: 30px;
    margin-top: 15px
  }

  .topnav--img {
    display: none
  }

  .topnav--con {
    width: 100%
  }

  .topnav--left-img {
    width: 35px
  }

  .topnav--left-img i {
    width: 35px;
    font-size: 35px
  }

  .topnav--main {
    height: 90px
  }

  .about-list--cell {
    margin: 0 30px 30px 0;
    width: calc(50% - 15px)
  }

  .about-list .about-list--cell:nth-child(3n) {
    margin-right: 30px
  }

  .about-list .about-list--cell:nth-child(2n) {
    margin-right: 0
  }

  .page-h1 p {
    font-size: 17px;
    width: 100%;
    padding: 0;
    border-left-width: 0
  }

  .page-h1 {
    display: block
  }

  .page-h1 .h1-tit {
    width: 100%;
    padding: 0
  }
}

@media (max-width:991px) {
  .region--breadcrumbs-top {
    height: 270px
  }

  .breadcrumbs--tit {
    font-size: 26px;
    margin-top: 10px
  }

  .topnav--left a ul li span {
    font-size: 15px
  }

  .topnav--right>ul li a {
    font-size: 15px
  }

  .about-list--top {
    font-size: 13px
  }

  .about-list--tit {
    font-size: 20px
  }

  .about-list--con p {
    font-size: 13px
  }

  .page-h1 p {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .breadcrumbs-a {
    font-size: 12px
  }

  .region--breadcrumbs-top {
    height: 240px
  }

  .breadcrumbs-main {
    margin-top: 0
  }

  .breadcrumbs--tit {
    font-size: 23px;
    margin-top: 8px
  }

  .topnav--con {
    position: relative;
    padding: 12px 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 20px rgba(0, 78, 145, .2);
    box-shadow: 0 0 20px rgba(0, 78, 145, .2)
  }

  .topnav--right>ul {
    margin-left: 0;
    padding-left: 0;
    border-left-width: 0;
    position: absolute;
    left: 0;
    background-color: #f8f8f8;
    display: none;
    z-index: 999;
    top: 65px;
    width: 100%;
    padding: 5px 15px;
    z-index: 4;
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 18px rgba(0, 0, 0, .1)
  }

  .topnav--main {
    width: 100%
  }

  .topnav--main-1 {
    padding: 0;
    width: 100%
  }

  .topnav--right-top span {
    margin-left: 0
  }

  .topnav--right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: inherit;
    min-width: auto
  }

  .topnav--main {
    height: 65px
  }

  .region--topnav {
    overflow: inherit
  }

  .topnav--main-1:after,
  .topnav--main-1:before {
    display: none
  }

  .topnav--right>ul li {
    margin-right: 0
  }

  .topnav--right>ul li a {
    width: 100%;
    padding: 5px 0;
    font-size: 13px
  }

  .topnav--right>ul li+li {
    border-top: solid 1px #fff
  }

  .topnav--left a ul li span {
    display: none
  }

  .topnav--left {
    margin-right: 0
  }

  .topnav--right {
    width: calc(100% - 45px)
  }

  .about-list--top {
    font-size: 12px
  }

  .about-list--tit {
    font-size: 18px
  }

  .about-list--img {
    width: calc(100% - 15px)
  }

  .about-list--con {
    padding: 20px 15px
  }

  .about-list--con i {
    margin-top: 25px
  }

  .about-list--con p {
    font-size: 12px
  }

  .page-h1 p {
    font-size: 14px
  }
}

@media (max-width:575px) {
  .region--breadcrumbs-top {
    height: 220px
  }

  .breadcrumbs--tit {
    font-size: 18px;
    font-weight: 400
  }

  .topnav--left a ul li span {
    font-size: 14px
  }

  .topnav--main-1 {
    padding-left: 0
  }

  .topnav--right-top {
    padding: 8px
  }

  .topnav--main {
    height: 54px
  }

  .topnav--right>ul {
    top: 54px
  }

  .region--topnav {
    margin-top: -108px;
    padding-top: 54px
  }

  .about-list--tit {
    font-size: 16px;
    margin: 8px 0 15px
  }

  .about-list--cell {
    margin: 0 0 20px 0;
    width: 100%
  }

  .about-list {
    margin-bottom: -20px
  }

  .page-h1 p {
    font-size: 13px
  }

  .topnav--right>ul li a {
    font-size: 12px
  }
}

/*! company */
.company-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.company-top--left {
  width: 40.666%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.company-top--right {
  width: 54%
}

.company-top--con {
  padding-left: 50px;
  position: relative
}

.company-top--con p {
  margin-top: 0;
  color: #666
}

.company-top--con:before {
  display: block;
  color: #C4161C;
  content: "\e665";
  vertical-align: middle;
  font-size: 32px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  position: absolute;
  left: 0;
  bottom: 0
}

.company-top--con:after {
  content: "";
  height: calc(100% - 40px);
  width: 1px;
  left: 16px;
  background-color: #C4161C;
  position: absolute;
  top: 0
}

.company-top--right .cell {
  background-color: #f2f2f2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.company-top--right .cell p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  line-height: 1.4
}

.company-top--right .cell p span:first-child {
  font-size: 40px;
  color: #C4161C;
  line-height: 1;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 15px
}

.company-top--img {
  width: 167px
}

.company-top--right .cell:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.company-top--right .cell .img--85,
.company-top--right .cell .img--85 img {
  background: unset
}

.company--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.company--main.company--main-1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.company--img {
  width: 44%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.company--con {
  width: 50.666%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.h2-tit {
  font-size: 34px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.3
}

.company--t {
  color: #C4161C;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 1.3
}

.region--business {
  overflow: hidden;
  position: relative;
  z-index: 3
}

.region--business:after {
  content: "\e665";
  vertical-align: middle;
  font-size: 1080px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(40%, -50%);
  -ms-transform: translate(40%, -50%);
  transform: translate(40%, -50%);
  color: #C4161C;
  z-index: -1;
  opacity: .1
}

.business-1--main0 {
  margin-left: calc((1920px - 1500px)/ 2);
  width: calc(1500px + (1920px - 1500px)/ 2)
}

.business-1--top ul li {
  cursor: pointer;
  line-height: 1;
  font-size: 20px;
  position: relative;
  padding-bottom: 5px;
  z-index: 1
}

.business-1--top ul li+li {
  margin-left: 60px
}

.business-1--top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.business-1--top ul li:after {
  position: absolute;
  height: 10px;
  background-color: #88c0f2;
  width: 0;
  left: 0;
  bottom: 0;
  content: "";
  z-index: -1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.business-1--top ul li.is-active:after,
.business-1--top ul li:hover:after {
  width: 100%
}

.business-1--cell {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.business-1--cell.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.business-1--left {
  width: 36.912%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.business-1--right {
  width: 59.06%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.business-1--right .img--36-363,
.business-1--right .img--36-363 img {
  background: unset
}

.h3-tit {
  line-height: 1.2;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 25px;
  color: #0a508d
}

.company-top--con-b {
  font-size: 20px;
  color: #999;
  margin-bottom: 20px;
  font-style: italic;
  line-height: 1.5
}

.grid--business .cell {
  border-radius: 10px;
  background-color: #fff;
  padding: 40px 10px;
  text-align: center;
  position: relative;
  z-index: 3
}

.grid--business .cell:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 60px;
  height: 60px;
  background: url(../image/line-2.svg) no-repeat;
  background-size: 100%
}

.grid--business .cell i {
  color: #C4161C;
  font-size: 50px;
  line-height: 1
}

.grid--business .cell p {
  color: #666;
  font-weight: 500;
  line-height: 1.4;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 0
}

.region--business-advantages {
  position: relative;
  z-index: 3
}

.region--business-advantages:after {
  content: "";
  width: 100%;
  height: 490px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../image/wavy-water-background.png) no-repeat;
  background-size: cover
}

.business-advantages--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.business-advantages--left {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.business-advantages--right {
  width: 56%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.business-advantages--left .img--100,
.business-advantages--left .img--100 img {
  background: unset
}

.business-advantages--cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1
}

.business-advantages--cell+.business-advantages--cell {
  margin-top: 60px
}

.business-advantages--i {
  width: 56px;
  height: 56px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.business-advantages--i:after {
  content: "\e66f";
  vertical-align: middle;
  font-size: 56px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  color: #C4161C;
  z-index: -1
}

.business-advantages--i i {
  font-size: 30px;
  color: #fff;
  padding-top: 8px;
  line-height: 1
}

.business-advantages--con {
  width: calc(100% - 84px)
}

.business-advantages--tit {
  line-height: 1.3;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px
}

.business-advantages--con p {
  margin: 0;
  color: #666;
  font-weight: 300
}

.business-advantages--cell:after {
  content: "";
  position: absolute;
  left: 28px;
  height: calc(100% + 60px);
  background-color: #C4161C;
  z-index: -1;
  width: 1px;
  top: 10px
}

.business-advantages--right .business-advantages--cell:last-child:after {
  display: none
}

@media (max-width:1920px) {
  .business-1--main0 {
    margin-left: calc((100vw - 1500px)/ 2);
    width: calc(1500px + (100vw - 1500px)/ 2)
  }
}

@media (max-width:1599px) {
  .company-top--right .cell p span:first-child {
    font-size: 36px
  }

  .company-top--right .cell {
    padding: 35px 15px
  }

  .h2-tit {
    font-size: 32px;
    margin-bottom: 30px
  }

  .business-1--main0 {
    margin-left: calc((100vw - 1320px)/ 2);
    width: calc(1320px + (100vw - 1320px)/ 2)
  }

  .business-1--top ul li+li {
    margin-left: 50px
  }

  .grid--business .cell p {
    font-size: 19px
  }
}

@media (max-width:1399px) {
  .company-top--right .cell p span:first-child {
    font-size: 32px
  }

  .company-top--right .cell {
    padding: 30px 15px
  }

  .h2-tit {
    font-size: 30px;
    margin-bottom: 25px
  }

  .company--t {
    margin-bottom: 25px
  }

  .business-1--main0 {
    margin-left: calc((100vw - 1120px)/ 2);
    width: calc(1120px + (100vw - 1120px)/ 2)
  }

  .h3-tit {
    font-size: 24px;
    margin-bottom: 20px
  }

  .company-top--con-b {
    font-size: 18px;
    margin-bottom: 15px
  }

  .region--business:after {
    font-size: 900px
  }

  .business-1--top ul li+li {
    margin-left: 45px
  }

  .grid--business .cell p {
    font-size: 18px
  }

  .business-advantages--cell:after {
    height: calc(100% + 45px)
  }

  .business-advantages--cell+.business-advantages--cell {
    margin-top: 45px
  }

  .business-advantages--tit {
    font-size: 19px
  }
}

@media (max-width:1199px) {
  .company-top--right .cell p span:first-child {
    font-size: 28px
  }

  .company-top--right .cell {
    padding: 25px 10px
  }

  .company-top--img {
    width: 150px
  }

  .h2-tit {
    font-size: 26px;
    margin-bottom: 25px
  }

  .region--business:after {
    font-size: 800px
  }

  .business-1--main0 {
    margin-left: calc((100vw - 920px)/ 2);
    width: calc(920px + (100vw - 920px)/ 2)
  }

  .h3-tit {
    font-size: 22px;
    margin-bottom: 20px
  }

  .company-top--con-b {
    font-size: 17px;
    margin-bottom: 15px
  }

  .business-1--top ul li {
    font-size: 18px;
    font-weight: 500
  }

  .business-1--top ul li:after {
    height: 8px
  }

  .grid--business .cell p {
    font-size: 17px
  }

  .business-advantages--cell:after {
    height: calc(100% + 40px)
  }

  .business-advantages--cell+.business-advantages--cell {
    margin-top: 40px
  }

  .business-advantages--tit {
    font-size: 18px
  }
}

@media (max-width:991px) {
  .company-top--right .cell p span:first-child {
    font-size: 24px;
    margin-bottom: 10px
  }

  .company-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .company-top--left {
    width: 100%
  }

  .company-top--right {
    width: 100%;
    margin-top: 20px
  }

  .company-top--img {
    width: 140px
  }

  .h2-tit {
    font-size: 22px;
    margin-bottom: 20px
  }

  .company--t {
    margin-bottom: 20px
  }

  .company--main,
  .company--main.company--main-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .company--img {
    width: 100%;
    max-width: 600px;
    margin-top: 30px
  }

  .company--con {
    width: 100%
  }

  .business-1--cell.is-active {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .business-1--left {
    width: 100%
  }

  .business-1--right {
    width: 100%;
    margin-top: 25px
  }

  .h3-tit {
    font-size: 20px;
    margin-bottom: 15px
  }

  .company-top--con-b {
    font-size: 16px;
    margin-bottom: 15px
  }

  .business-1--main0 {
    width: 680px;
    margin: 0 auto
  }

  .business-1--top ul li+li {
    margin-left: 35px
  }

  .business-1--top ul li {
    font-size: 17px
  }

  .grid--business .cell p {
    font-size: 16px;
    margin-top: 15px
  }

  .grid--business .cell {
    padding: 30px 10px
  }

  .business-advantages--left {
    display: none
  }

  .business-advantages--right {
    width: 100%
  }
}

@media (max-width:767px) {
  .company-top--right .cell p span:first-child {
    font-size: 20px
  }

  .company-top--right .cell {
    padding: 20px 10px
  }

  .company-top--img {
    width: 130px
  }

  .company-top--con {
    padding-left: 40px
  }

  .company-top--con:before {
    font-size: 26px
  }

  .company-top--con:after {
    content: "";
    height: calc(100% - 35px);
    width: 1px;
    left: 13px
  }

  .h2-tit {
    font-size: 20px;
    margin-bottom: 20px
  }

  .business-1--main0 {
    width: 500px;
    margin: 0 auto
  }

  .business-1--top ul li+li {
    margin-left: 25px
  }

  .business-1--top ul li {
    font-size: 15px
  }

  .company-top--con-b {
    font-size: 15px
  }

  .h3-tit {
    font-size: 18px
  }

  .business-1--top ul li {
    line-height: 1.4
  }

  .grid--business .cell p {
    font-size: 15px
  }

  .business-advantages--cell:after {
    height: calc(100% + 30px);
    left: 22px
  }

  .business-advantages--cell+.business-advantages--cell {
    margin-top: 30px
  }

  .business-advantages--tit {
    font-size: 16px;
    margin-bottom: 10px
  }

  .business-advantages--i {
    width: 45px;
    height: 45px
  }

  .business-advantages--i i {
    font-size: 25px;
    padding-top: 5px
  }

  .business-advantages--i:after {
    font-size: 45px
  }

  .business-advantages--con {
    width: calc(100% - 60px)
  }
}

@media (max-width:575px) {
  .company-top--img {
    width: 120px
  }

  .company-top--right {
    margin-top: 10px
  }

  .h2-tit {
    font-size: 16px;
    margin-bottom: 15px
  }

  .company--t {
    margin-bottom: 15px
  }

  .company--img {
    margin-top: 20px
  }

  .business-1--right {
    margin-top: 20px
  }

  .business-1--main0 {
    width: calc(100% - 40px)
  }

  .business-1--top ul li+li {
    margin-left: 15px
  }

  .business-1--top ul li {
    font-size: 13px;
    font-weight: 700
  }

  .h3-tit {
    font-size: 16px
  }

  .company-top--con-b {
    font-size: 13px;
    margin-bottom: 10px
  }

  .region--business:after {
    font-size: 600px
  }

  .grid--business .cell p {
    font-size: 14px;
    margin-top: 10px
  }

  .grid--business .cell {
    padding: 20px 10px
  }

  .grid--business .cell i {
    font-size: 40px
  }

  .business-advantages--cell:after {
    height: calc(100% + 20px)
  }

  .business-advantages--cell+.business-advantages--cell {
    margin-top: 20px
  }

  .business-advantages--tit {
    font-size: 14px
  }
}

/*! quality */
.qualitylogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px
}

.qualitylogo li {
  width: calc(12.5% - 17.5px);
  margin: 0 20px 20px 0;
  overflow: hidden;
  border-radius: 5px
}

.qualitylogo li:nth-child(8n) {
  margin-right: 0
}

.maxw--70 {
  margin: 0 auto;
  width: 100%;
  max-width: 70px
}

.maxw--120 {
  margin: 0 auto;
  width: 100%;
  max-width: 120px
}

.maxw--450 {
  margin: 0 auto;
  width: 100%;
  max-width: 450px
}

.maxw--600 {
  margin: 0 auto;
  width: 100%;
  max-width: 600px
}

.maxw--700 {
  margin: 0 auto;
  width: 100%;
  max-width: 700px
}

.maxw--800 {
  margin: 0 auto;
  width: 100%;
  max-width: 800px
}

.maxw--900 {
  margin: 0 auto;
  width: 100%;
  max-width: 900px
}

.maxw--1200 {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px
}

.maxw--1000 {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px
}

.maxw--1300 {
  margin: 0 auto;
  width: 100%;
  max-width: 1300px
}

.maxw--1380 {
  margin: 0 auto;
  width: 100%;
  max-width: 1380px
}

.maxw--1500 {
  margin: 0 auto;
  width: 100%;
  max-width: 1500px
}

.font--666 {
  color: #666
}

.font--999 {
  color: #999
}

.font--fff {
  color: #fff
}

.quality-2--img {
  border-radius: 15px 15px 0 0;
  overflow: hidden
}

.quality-3--b {
  height: 660px;
  position: relative
}

.quality-3--b:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .91)), color-stop(54%, rgba(0, 0, 0, .4)), color-stop(68%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, .91) 0, rgba(0, 0, 0, .4) 54%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, .91) 0, rgba(0, 0, 0, .4) 54%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
  opacity: .6
}

.quality-3--main {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 54%;
  max-width: 840px;
  text-shadow: #000 .05em .05em .1em
}

.font--fff .company-top--con:before,
.font--fff .h2-tit,
.font--fff p {
  color: #fff
}

.font--fff .company-top--con:after {
  background-color: #fff
}

.quality-3--b .stage {
  height: 100%
}

.pro-ol,
.pro-ul {
  margin: 5px 0 15px
}

.pro-ul li {
  list-style-type: disc;
  margin-left: 25px
}

.pro-ol li {
  margin-left: 25px
}

.pro-ol li+li,
.pro-ul li+li {
  margin-top: 5px
}

.pro-ul li li {
  list-style-type: inherit
}

.pro-ul li::marker {
  color: #C4161C
}

.pro-ol ol,
.pro-ol ul,
.pro-ul ol,
.pro-ul ul {
  margin-top: 5px
}

.pro-ol li {
  list-style-type: inherit
}

.quality-3--main .pro-ul li::marker {
  color: #fff
}

.quality-3--main .pro-ul {
  margin-bottom: 0
}

.font-italic {
  font-style: italic
}

.mission-ul {
  margin-bottom: 0;
  margin-top: 0
}

.mission-ul li+li {
  margin-top: 30px
}

.mission-ul li p {
  margin: 0;
  padding-left: 20px
}

.mission-ul li p:first-child {
  color: #666;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  position: relative
}

.mission-ul li p+p {
  margin-top: 10px
}

.company--mission {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.mission-ul li p:first-child:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: #C4161C;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.company--vision {
  margin: 0;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.4
}

.region--culture1 {
  overflow: hidden;
  position: relative;
  z-index: 1
}

.region--culture1:after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #C4161C;
  width: 100%;
  height: 380px;
  left: 0;
  top: 0
}

.culture1--main ul {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  background-color: #fff;
  padding: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.culture1--main ul li {
  width: 27.868%;
  position: relative
}

.culture1--main ul li+li:after {
  position: absolute;
  top: 0;
  left: -14.705%;
  width: 1px;
  height: 100%;
  background-color: #d8d8d8;
  content: ""
}

.culture1--main ul li p {
  margin: 0
}

.culture1--main ul li p:first-child {
  font-size: 20px;
  margin-bottom: 15px
}

.core-values--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 45px 0;
  position: relative;
  cursor: pointer
}

.core-values--top:after {
  color: #999;
  content: "\e62b";
  vertical-align: middle;
  font-size: 30px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  line-height: 0
}

.core-values--top-img {
  width: 80px
}

.core-values--top-con {
  width: calc(100% - 120px);
  padding-right: 50px
}

.core-values--top-con-tit {
  color: #C4161C;
  line-height: 1.3;
  font-size: 26px;
  font-weight: 500
}

.core-values--top-con p {
  color: #666;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 10px
}

.core-values--cell {
  border-bottom: solid 1px #dedede
}

.core-values--main .core-values--cell:first-child {
  border-top: solid 1px #dedede
}

.core-values--con {
  padding-left: 120px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all .3s
}

.core-values--cell.active .core-values--con {
  padding-bottom: 45px;
  visibility: visible;
  opacity: 1;
  height: auto
}

.core-values--con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.core-values--con ul li {
  width: 46.774%
}

.core-values--con ul li i {
  color: #C4161C;
  line-height: 1;
  font-size: 40px
}

.core-values--con-tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin: 20px 0
}

.core-values--cell.active .core-values--top:after {
  color: #C4161C;
  -webkit-transform: rotate(180deg) translateY(-50%);
  -ms-transform: rotate(180deg) translateY(-50%);
  transform: rotate(180deg) translateY(-50%)
}

.core-values--con ul li p {
  margin: 0;
  font-weight: 300
}

@media (max-width:1599px) {
  .qualitylogo li {
    width: calc(14.285% - 17.142px)
  }

  .qualitylogo li:nth-child(8n) {
    margin-right: 20px
  }

  .qualitylogo li:nth-child(7n) {
    margin-right: 0
  }

  .quality-3--b {
    height: 640px
  }

  .company--vision {
    font-size: 32px
  }

  .culture1--main ul li p:first-child {
    font-size: 19px
  }

  .core-values--top-con-tit {
    font-size: 24px
  }
}

@media (max-width:1399px) {
  .quality-3--b {
    height: 600px
  }

  .company--vision {
    font-size: 30px
  }

  .mission-ul li p:first-child {
    font-size: 18px
  }

  .culture1--main ul li p:first-child {
    font-size: 18px
  }

  .culture1--main ul {
    padding: 65px
  }

  .core-values--top-con-tit {
    font-size: 22px
  }
}

@media (max-width:1199px) {
  .qualitylogo li {
    width: calc(16.666% - 16.666px)
  }

  .qualitylogo li:nth-child(8n) {
    margin-right: 20px
  }

  .qualitylogo li:nth-child(7n) {
    margin-right: 20px
  }

  .qualitylogo li:nth-child(6n) {
    margin-right: 0
  }

  .quality-3--b {
    height: 550px
  }

  .company--vision {
    font-size: 28px
  }

  .mission-ul li p:first-child {
    font-size: 17px
  }

  .culture1--main ul li p:first-child {
    font-size: 17px
  }

  .culture1--main ul {
    padding: 55px
  }

  .core-values--top-con-tit {
    font-size: 20px
  }

  .core-values--top:after {
    font-size: 24px
  }

  .core-values--con-tit {
    font-size: 18px;
    margin: 15px 0
  }
}

@media (max-width:991px) {
  .quality-3--b {
    height: 500px
  }

  .quality-3--main {
    width: 70%
  }

  .company--vision {
    font-size: 24px
  }

  .mission-ul li p:first-child {
    font-size: 16px
  }

  .mission-ul li+li {
    margin-top: 20px
  }

  .culture1--main ul li p:first-child {
    font-size: 16px
  }

  .culture1--main ul {
    padding: 45px
  }

  .core-values--top-con-tit {
    font-size: 18px
  }

  .core-values--top-con {
    padding-right: 40px
  }

  .core-values--con-tit {
    font-size: 16px
  }

  .core-values--top {
    padding: 35px 0
  }

  .core-values--cell.active .core-values--con {
    padding-bottom: 35px
  }
}

@media (max-width:767px) {
  .qualitylogo {
    margin-bottom: -15px
  }

  .qualitylogo li {
    width: calc(20% - 12px);
    margin: 0 15px 15px 0
  }

  .qualitylogo li:nth-child(8n) {
    margin-right: 15px
  }

  .qualitylogo li:nth-child(7n) {
    margin-right: 15px
  }

  .qualitylogo li:nth-child(6n) {
    margin-right: 15px
  }

  .qualitylogo li:nth-child(5n) {
    margin-right: 0
  }

  .quality-3--main {
    width: 80%;
    text-shadow: #000 .1em .1em .2em
  }

  .company--vision {
    font-size: 20px
  }

  .mission-ul li p:first-child {
    font-size: 15px
  }

  .mission-ul li p+p {
    margin-top: 7px
  }

  .culture1--main ul li p:first-child {
    font-size: 15px;
    margin-bottom: 8px
  }

  .culture1--main ul {
    padding: 35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .culture1--main ul li {
    width: 100%
  }

  .culture1--main ul li+li:after {
    display: none
  }

  .culture1--main ul li+li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #d8d8d8
  }

  .core-values--top-con-tit {
    font-size: 16px
  }

  .core-values--con-tit {
    font-size: 15px
  }

  .core-values--top-img {
    width: 60px
  }

  .core-values--top-con {
    width: calc(100% - 75px)
  }

  .core-values--con {
    padding-left: 75px
  }
}

@media (max-width:575px) {
  .qualitylogo {
    margin-bottom: -10px
  }

  .qualitylogo li {
    width: calc(33.33% - 6.666px);
    margin: 0 10px 10px 0
  }

  .qualitylogo li:nth-child(8n) {
    margin-right: 10px
  }

  .qualitylogo li:nth-child(7n) {
    margin-right: 10px
  }

  .qualitylogo li:nth-child(6n) {
    margin-right: 10px
  }

  .qualitylogo li:nth-child(5n) {
    margin-right: 10px
  }

  .qualitylogo li:nth-child(3n) {
    margin-right: 0
  }

  .quality-3--main {
    width: 100%
  }

  .quality-3--b {
    height: 460px
  }

  .company--vision {
    font-size: 18px
  }

  .mission-ul li p:first-child {
    font-size: 14px
  }

  .mission-ul li+li {
    margin-top: 15px
  }

  .culture1--main ul li p:first-child {
    font-size: 14px;
    margin-bottom: 10px
  }

  .culture1--main ul {
    padding: 20px
  }

  .core-values--top-con-tit {
    font-size: 15px
  }

  .core-values--con-tit {
    font-size: 14px;
    margin: 10px 0
  }

  .core-values--con ul li i {
    font-size: 30px
  }

  .core-values--top-img {
    width: 50px
  }

  .core-values--top-con {
    width: calc(100% - 60px)
  }

  .core-values--con {
    padding-left: 60px
  }

  .core-values--top {
    padding: 20px 0
  }

  .core-values--cell.active .core-values--con {
    padding-bottom: 50px
  }

  .core-values--con ul li {
    width: 100%
  }

  .core-values--con ul li+li {
    margin-top: 15px
  }
}

/*! Social Responsibility */
.about-sr--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-sr--top-img {
  width: 43.076%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.about-sr--top-con {
  width: 50.769%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.about-sr--top-con p {
  margin: 0
}

.about-sr--top-con--img {
  width: 195px;
  margin: 60px 0 35px
}

.about-sr--top-img .img--133,
.about-sr--top-img .img--133 img {
  background-color: #fff
}

.about-sr--top-b span {
  line-height: 1;
  font-size: 18px;
  font-weight: 300;
  color: #999
}

.about-sr--top-b span:first-child {
  font-weight: 700;
  font-size: 24px;
  font-style: italic;
  color: #C4161C;
  margin-right: 15px
}

.region--about-sr--top {
  position: relative;
  z-index: 1
}

.region--about-sr--top:after {
  position: absolute;
  z-index: -1;
  background-color: #f7f7f7;
  width: 100%;
  height: 45%;
  left: 0;
  bottom: 0;
  content: ""
}

.about-sr--top-b--img .img--10,
.about-sr--top-b--img .img--10 img {
  background: unset
}

.about-sr1--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-sr1--con {
  width: 57.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.about-sr1--img {
  width: 39.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.about-sr1--img .img--130,
.about-sr1--img .img--130 img {
  background-color: #fff
}

.about-sr1--con .h1-tit {
  margin-bottom: 0
}

.about-sr1--t {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  color: #666;
  margin: 20px 0
}

.about-sr1--con p {
  color: #666
}

.region--about-sr2 .quality-3--b:after {
  background: rgba(0, 0, 0, .4);
  opacity: 1
}

.about-sr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.about-sr2--con {
  width: 100%;
  max-width: 860px;
  text-align: center
}

.about-sr2-tit {
  font-size: 20px;
  margin-bottom: 25px
}

.about-sr2--con .h1-tit {
  width: 100%
}

.region--about-sr3 {
  background: url(../image/linkedin-background.png) no-repeat left center;
  background-size: cover;
  position: relative;
  z-index: 1
}

.about-sr3--main {
  padding: 160px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 2
}

.about-sr3--con p {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px
}

.about-sr3--con p+p {
  margin-top: 0
}

.about-sr3--con .h1-tit {
  margin: 30px 0 45px
}

.about-sr3--con {
  max-width: 50%
}

.more-a {
  display: inline-block
}

.more-a a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  padding: 12px 18px;
  font-weight: 500;
  font-size: 18px;
  background-color: #C4161C;
  color: #fff;
  border: solid 2px #C4161C
}

.more-a a:hover {
  text-decoration: none;
  background-color: #2298ff;
  border-color: #2298ff
}

@media (max-width:1599px) {
  .about-sr3--main {
    padding: 120px 0
  }
}

@media (max-width:1399px) {
  .about-sr3--con p {
    font-size: 18px
  }

  .about-sr3--main {
    padding: 90px 0
  }

  .more-a a {
    padding: 10px 16px;
    font-size: 16px
  }

  .about-sr3--con .h1-tit {
    margin: 20px 0 35px
  }
}

@media (max-width:1199px) {
  .about-sr3--con p {
    font-size: 17px
  }

  .more-a a {
    padding: 10px 16px;
    font-size: 15px
  }

  .about-sr3--main {
    padding: 70px 0
  }

  .about-sr1--t {
    font-size: 22px;
    margin: 18px 0
  }

  .about-sr--top-con--img {
    width: 170px;
    margin: 45px 0 25px
  }

  .about-sr--top-b span:first-child {
    font-size: 22px
  }
}

@media (max-width:991px) {
  .about-sr3--con p {
    font-size: 16px
  }

  .more-a a {
    padding: 8px 15px;
    font-size: 14px
  }

  .about-sr3--main {
    padding: 50px 0
  }

  .about-sr2-tit {
    font-size: 18px;
    margin-bottom: 20px
  }

  .about-sr1--t {
    font-size: 20px;
    margin: 15px 0
  }

  .about-sr--top-b span:first-child {
    font-size: 20px
  }

  .about-sr--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .about-sr--top-img {
    width: 100%;
    max-width: 600px;
    margin-top: 30px
  }

  .about-sr--top-con {
    width: 100%
  }

  .about-sr--top-con--img {
    width: 150px;
    margin: 15px 0
  }

  .about-sr1--main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .about-sr1--con {
    width: 100%
  }

  .about-sr1--img {
    width: 100%;
    max-width: 600px;
    margin-top: 30px
  }
}

@media (max-width:767px) {
  .about-sr3--con p {
    font-size: 14px
  }

  .more-a a {
    padding: 10px 16px;
    font-size: 13px
  }

  .about-sr3--main {
    padding: 40px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .about-sr3--con {
    max-width: 100%
  }

  .about-sr3--con .h1-tit {
    margin: 15px 0 30px
  }

  .region--about-sr3:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .91)), color-stop(54%, rgba(255, 255, 255, .4)), color-stop(68%, rgba(255, 255, 255)), to(rgba(255, 255, 255)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, .91) 0, rgba(255, 255, 255, .4) 54%, rgba(255, 255, 255) 68%, rgba(255, 255, 255) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, .91) 0, rgba(255, 255, 255, .4) 54%, rgba(255, 255, 255) 68%, rgba(255, 255, 255) 100%);
    opacity: .6;
    z-index: -1
  }

  .about-sr2-tit {
    font-size: 16px;
    margin-bottom: 20px
  }

  .about-sr1--t {
    font-size: 18px;
    margin: 15px 0
  }

  .about-sr--top-b span:first-child {
    font-size: 18px
  }
}

@media (max-width:575px) {
  .about-sr3--con p {
    font-size: 13px
  }

  .more-a a {
    font-size: 12px;
    font-weight: 700
  }

  .about-sr3--con {
    max-width: 100%
  }

  .about-sr3--con .h1-tit {
    margin: 15px 0 20px
  }

  .about-sr2-tit {
    font-size: 14px;
    margin-bottom: 15px
  }

  .about-sr1--t {
    font-size: 15px;
    margin: 10px 0
  }

  .about-sr--top-b span:first-child {
    font-size: 16px;
    margin-right: 10px
  }

  .about-sr1--img {
    margin-top: 20px
  }
}

/*! contact */
.contact-mail form>div {
  margin-bottom: 20px;
  position: relative;
  width: 100%
}

.contact-mail form .submitdiv {
  margin-bottom: 0
}

.input-group-1>input,
.input-group-1>textarea {
  border-width: 0;
  border: 1px solid #e1e1e1
}

.contact-mail form input {
  width: 100%;
  background-color: unset
}

.contact-mail form input,
.contact-mail form textarea {
  font-size: 16px;
  padding: 10px 10px 10px 35px;
  line-height: 20px;
  position: relative;
  background-color: #f6f6f6
}

.contact-mail .form-name:before {
  font-family: iconfont;
  content: "\e6f1";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail .form-email:before {
  font-family: iconfont;
  content: "\e6f2";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail .form-phone:before {
  font-family: iconfont;
  content: "\e6f3";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail .form-message:before {
  font-family: iconfont;
  content: "\e6f4";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail .form-company_name:before {
  font-family: iconfont;
  content: "\e84f";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail .form-website:before {
  font-family: iconfont;
  content: "\e637";
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 1;
  color: #666;
  font-size: 18px
}

.contact-mail form textarea {
  width: 100%
}

.contact-mail form .form-message {
  margin-bottom: 15px
}

.contact-mail form input.input {
  margin: 10px 0 10px;
  border: 0;
  border-radius: 18px;
  background-color: #C4161C;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  letter-spacing: .6px;
  border: solid 2px #C4161C;
  width: 120px;
  padding: 0;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.contact-mail form .input:hover {
  border: solid 2px #2298ff;
  background-color: #2298ff
}

input[name=track_report] {
  display: none
}

.textfield__label {
  color: rgba(0, 0, 0, .55);
  font-weight: 400;
  left: 35px;
  pointer-events: none;
  position: absolute;
  top: 12px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  background: unset;
  padding: 0 5px;
  font-size: 14px
}

.input-group-1>input .textfield__label,
.input-group-1>input:focus~.textfield__label,
.input-group-1>textarea:focus~.textfield__label {
  color: rgba(0, 0, 0, .55);
  font-size: 12px;
  top: -12px;
  background-color: #fff
}

.input-group-1>input:focus,
.input-group-1>textarea:focus {
  border: 1px solid #4285f4
}

.nonoen span {
  color: rgba(0, 0, 0, .55);
  font-size: 12px;
  top: -12px;
  background-color: #fff
}

.form-test {
  display: none
}

.contact--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.contact--left {
  width: 50.666%
}

.contact--right {
  width: 42.666%
}

.contact--left>p>b {
  color: #333
}

.contact--left>p {
  color: #666
}

.contact--right>p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.contact--right>p span {
  color: #666;
  margin-top: 10px
}

.contact--right-cell p {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 500
}

.contact--right-cell .footer--social ul li a:before {
  color: #C4161C
}

.contact--right-cell form input.input {
  border: 0;
  border-radius: 18px;
  background-color: #C4161C;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  letter-spacing: .6px;
  border: solid 2px #C4161C;
  width: 120px;
  padding: 0;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.contact--right-cell form .input:hover {
  border: solid 2px #2298ff;
  background-color: #2298ff
}

#form_request-updates-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%
}

#form_request-updates-1 input[name=email] {
  font-size: 14px;
  border: 1px solid #C4161C;
  padding: 10px;
  border-radius: 18px;
  width: calc(100% - 120px);
  margin-right: 20px;
  background-color: #fff
}

.contact--right-cell .footer--social ul li a:hover {
  text-decoration: none;
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (max-width:1199px) {
  #form_request-updates-1 {
    width: 100%
  }
}

@media (max-width:991px) {
  .contact--left {
    width: 100%
  }

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

@media (max-width:767px) {

  .contact-mail form input,
  .contact-mail form textarea {
    font-size: 14px
  }

  .contact-mail form>div {
    margin-bottom: 15px
  }

  .contact-mail form input.input {
    font-size: 13px;
    width: 130px;
    height: 36px
  }

  .contact-mail form input,
  .contact-mail form textarea {
    font-size: 12px;
    padding: 6px 10px 6px 35px
  }

  .textfield__label {
    font-size: 12px;
    top: 9px
  }

  .textfield__label.nonoen {
    font-size: 10px;
    top: -12px
  }

  .contact-mail form input.input {
    font-size: 12px;
    width: 120px
  }

  .contact-mail .form-email:before,
  .contact-mail .form-message:before,
  .contact-mail .form-name:before,
  .contact-mail .form-phone:before {
    top: 5px
  }

  #form_request-updates-1 input[name=email] {
    font-size: 13px
  }

  .contact--right-cell p {
    margin-bottom: 10px
  }
}

@media (max-width:575px) {
  .contact-mail form input.input {
    margin-top: 0;
    height: 32px
  }

  .contact--right {
    width: 100%;
    margin-top: 20px
  }

  #form_request-updates-1 input[name=email] {
    font-size: 12px;
    width: calc(100% - 100px);
    margin-right: 10px
  }

  .contact--right-cell form input.input {
    font-size: 12px;
    width: 90px
  }

  .contact--right-cell p {
    margin-bottom: 5px
  }
}

/*! industrial */
.grid--industrial .cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.grid--industrial .cell a i {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--industrial-con {
  position: absolute;
  width: 100%;
  min-width: 220px;
  max-width: 80%;
  background-color: rgba(18, 130, 229, .8);
  color: #fff;
  bottom: 0;
  right: 0;
  padding: 20px 20px 30px 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--industrial-con p {
  text-align: center;
  margin: 0;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500
}

.owl-demo1--top {
  color: #fff;
  opacity: 80%;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px
}

.grid--industrial-con:after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, .6);
  width: 1px;
  height: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0
}

.grid--industrial a:hover .grid--industrial-con {
  background-color: #C4161C
}

.grid--industrial a img {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  object-fit: cover;
  height: 100%;
}

.grid--industrial a:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1)
}

.industrialcon3--img .img-135,
.industrialcon3--img .img-135 img {
  background: unset
}

.industry--top .h3-tit {
  color: #333;
  margin-bottom: 15px;
  margin-top: 0
}

.industry--top p {
  color: #666;
  font-style: italic;
  margin: 0
}

.industry--top {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 30px
}

.industry--top:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #C4161C;
  left: 0;
  bottom: 0;
  content: ""
}

.industry--top.text-center:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.industrialcon1--img {
  position: relative
}

.industrialcon1--img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 92, 143, 0)), color-stop(56%, rgba(0, 92, 143, .42)), to(#005c8f));
  background: -o-linear-gradient(top, rgba(0, 92, 143, 0) 0, rgba(0, 92, 143, .42) 56%, #005c8f 100%);
  background: linear-gradient(180deg, rgba(0, 92, 143, 0) 0, rgba(0, 92, 143, .42) 56%, #005c8f 100%);
  opacity: .9
}

.grid--industrialcon1 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--industrialcon1 .cell {
  position: relative
}

.grid--industrialcon1 p {
  margin: 0;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0 20px 40px 20px;
  z-index: 2;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 1.3
}

.grid--industrialcon1 p:after {
  width: 1px;
  height: 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  content: "";
  background-color: #fff
}

.industrialcon2--ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px
}

.industrialcon2--ul .industrialcon2--cell {
  margin: 0 20px 20px 0;
  width: calc(25% - 15px)
}

.industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
  margin-right: 0
}

.industrialcon2--ul .industrialcon2--cell:last-child {
  margin-right: 0
}

.industrialcon2--ul .industrialcon2--cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c9e0f4;
  padding: 20px 20px 20px 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff
}

.industrialcon2--img {
  width: 36.363%
}

.industrialcon2--con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 57.575%
}

.industrialcon2--con:after {
  color: #C4161C;
  content: "\e632";
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal
}

.industrialcon2--ul .industrialcon2--cell a p {
  margin-top: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #333
}

.industrialcon2--ul .industrialcon2--cell a:hover {
  text-decoration: none
}

.industrialcon2--ul .industrialcon2--cell:hover a {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.industrialcon2--ul .industrialcon2--cell:hover a p {
  color: #C4161C
}

.industrialcon2--img .img--100,
.industrialcon2--img .img--100 img {
  background-color: #fff
}

.ul-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.ul-5 li {
  width: calc(20% - 30px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.pro-ul.ul-5 {
  margin-top: -20px
}

.pro-ul.ul-5 li,
.pro-ul.ul-5 li+li {
  margin-top: 20px
}

.industrialcon3--main {
  padding: 60px 110px 60px 60px;
  background: url(../image/water-background-lighter.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.gray .industrialcon3--main {
  border: solid 5px #fff
}

.industrialcon3--img {
  width: 120px
}

.industrialcon3--con {
  width: calc(100% - 150px)
}

.industrialcon3--img .img--135,
.industrialcon3--img .img--135 img {
  background: unset
}

.industrialcon3--tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  font-size: 34px;
  line-height: 1;
  color: #C4161C;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.industrialcon3--tit:after {
  width: 80px;
  height: 2px;
  background-color: #C4161C;
  content: "";
  margin-left: 15px
}

.industrialcon3--con p {
  margin: 20px 0 30px
}

.more-a1 a {
  width: 260px;
  height: 46px;
  border: solid 2px #C4161C;
  background-color: #C4161C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #fff;
  padding: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.more-a1 a span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1
}

.more-a1 a:after {
  content: "\e6d1";
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal
}

.more-a1 a:hover {
  background-color: #2298ff;
  border: solid 2px #2298ff;
  text-decoration: none
}

.marginB-0 {
  margin-bottom: 0
}

@media (max-width:1599px) {
  .ul-5 li {
    width: calc(25% - 30px)
  }
}

@media (max-width:1399px) {
  .industrialcon2--ul {
    margin-bottom: -20px
  }

  .industrialcon2--ul .industrialcon2--cell {
    margin: 0 20px 20px 0;
    width: calc(33.333% - 13.333px)
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 20px
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 0
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-size: 17px
  }

  .more-a1 a {
    width: 220px;
    height: 44px
  }

  .more-a1 a span {
    font-size: 17px
  }

  .industrialcon3--tit {
    font-size: 30px
  }

  .ul-5 li {
    width: calc(33.333% - 30px)
  }

  .pro-ul.ul-5 {
    margin-top: -15px
  }

  .pro-ul.ul-5 li,
  .pro-ul.ul-5 li+li {
    margin-top: 15px
  }
}

@media (max-width:1199px) {
  .grid--industrial-con p {
    font-size: 16px
  }

  .industry--top {
    padding-bottom: 15px;
    margin-bottom: 25px
  }

  .more-a1 a span {
    font-size: 16px
  }

  .industrialcon3--tit {
    font-size: 28px
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-size: 16px
  }

  .ul-5 li {
    width: calc(50% - 30px)
  }
}

@media (max-width:991px) {
  .grid--industrial-con p {
    font-size: 15px
  }

  .grid--industrial .cell a i {
    font-size: 36px
  }

  .more-a1 a span {
    font-size: 15px
  }

  .industrialcon3--tit {
    font-size: 24px
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-size: 15px
  }

  .industrialcon3--main {
    padding: 45px
  }

  .industrialcon2--ul {
    margin-bottom: -20px
  }

  .industrialcon2--ul .industrialcon2--cell {
    margin: 0 20px 20px 0;
    width: calc(50% - 10px)
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 20px
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 20px
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
    margin-right: 0
  }

  .industrialcon3--con p {
    margin: 15px 0 20px
  }

  .more-a1 a {
    width: 200px;
    height: 40px
  }

  .pro-ul.ul-5 {
    margin-top: -10px
  }

  .pro-ul.ul-5 li,
  .pro-ul.ul-5 li+li {
    margin-top: 10px
  }
}

@media (max-width:767px) {
  .grid--industrial-con p {
    font-size: 14px
  }

  .grid--industrial .cell a i {
    font-size: 32px;
    margin-bottom: 10px
  }

  .grid--industrial-con {
    padding: 15px 15px 25px 15px
  }

  .more-a1 a span {
    font-size: 14px
  }

  .industrialcon3--tit {
    font-size: 20px
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-size: 14px
  }

  .more-a1 a {
    width: 180px;
    height: 36px
  }

  .industry--top .h3-tit {
    margin-bottom: 10px
  }

  .industry--top {
    padding-bottom: 15px;
    margin-bottom: 15px
  }

  .grid--industrialcon1 p {
    padding: 0 15px 30px 15px
  }

  .industrialcon3--main {
    padding: 25px
  }

  .industrialcon3--img {
    width: 100px
  }

  .industrialcon3--con {
    width: calc(100% - 120px)
  }

  .ul-5 li {
    width: 100%
  }

  .pro-ul.ul-5 {
    margin-top: -10px
  }

  .pro-ul.ul-5 li,
  .pro-ul.ul-5 li+li {
    margin-top: 10px
  }
}

@media (max-width:575px) {
  .grid--industrial-con p {
    font-size: 13px
  }

  .grid--industrial .cell a i {
    font-size: 30px
  }

  .more-a1 a span {
    font-size: 12px
  }

  .industrialcon3--tit {
    font-size: 17px
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-size: 13px
  }

  .industry--top .h3-tit {
    margin-bottom: 5px
  }

  .industry--top:after {
    width: 30px;
    height: 1px
  }

  .industry--top {
    padding-bottom: 10px;
    margin-bottom: 15px
  }

  .industrialcon3--main {
    padding: 20px;
    padding-left: 10px
  }

  .more-a1 a {
    width: 120px;
    height: 32px;
    padding: 0 10px
  }

  .industrialcon3--img {
    width: 70px
  }

  .industrialcon3--con {
    width: calc(100% - 80px)
  }

  .industrialcon2--ul {
    margin-bottom: -10px
  }

  .industrialcon2--ul .industrialcon2--cell {
    margin: 0 10px 10px 0;
    width: calc(50% - 5px)
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 10px
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 10px
  }

  .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
    margin-right: 0
  }

  .industrialcon2--ul .industrialcon2--cell a {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
  }

  .industrialcon2--img {
    width: 100%
  }

  .industrialcon2--con {
    width: 100%;
    margin-top: 10px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .industrialcon2--ul .industrialcon2--cell a p {
    font-weight: 700
  }

  .industrialcon2--con:after {
    font-size: 20px
  }

  .industrialcon3--tit:after {
    width: 30px
  }

  .pro-ul.ul-5 {
    margin-top: -5px
  }

  .pro-ul.ul-5 li,
  .pro-ul.ul-5 li+li {
    margin-top: 5px
  }
}

/*! system */
.systemlist-t {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 25px;
  line-height: 1.4
}

.systemlist-50--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.systemlist-50--cell {
  width: 48%
}

.systemlist-50--tit {
  line-height: 1.3;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px
}

.region--systemlist1 {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.region--systemlist1:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 160px;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), to(#fff));
  background: -o-linear-gradient(top, #f2f2f2 0, #fff 100%);
  background: linear-gradient(180deg, #f2f2f2 0, #fff 100%);
  z-index: -1
}

.systemlist0--tit {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 25px
}

.systemlist0-t {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px
}

.systemlist1--cell {
  position: relative;
  z-index: 1
}

.systemlist1--tit {
  line-height: 1.3;
  color: #C4161C;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px
}

.systemlist1--con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px
}

.systemlist1--left {
  width: 38.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.systemlist1--right {
  width: 56.666%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.systemlist1--left .img--35,
.systemlist1--left .img--35 img {
  background: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.systemlist1--right-tit {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px
}

.systemlist1--right li {
  color: #666;
  font-size: 14px
}

.learn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.learn-more span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 128px;
  height: 32px;
  border: 1px solid #0264b9;
  border-radius: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.systemlist1--cell a:hover .learn-more span {
  background-color: #0264b9;
  color: #fff
}

.systemlist1--top-img .img--10,
.systemlist1--top-img .img--10 img {
  background: unset
}

.systemlist1--b {
  overflow: hidden
}

.systemlist01--main {
  margin: 120px 0;
  padding: 60px 20px;
  text-align: center;
  color: #fff
}

.line-b {
  position: relative;
  padding-bottom: 25px
}

.line-b:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: #fff
}

.text-center.line-b:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.systemlist01--main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px
}

.region--page .systemlist01--main p+ul {
  margin-top: 25px
}

.systemlist01--main ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.systemlist01--main ul li:before {
  content: "\e715";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-right: 5px
}

.grid--systemlist2 {
  justify-content: center;
}

.grid--systemlist2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  border: 1px solid #f2f2f2
}

.grid--systemlist2 a p {
  background-color: #C4161C;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  height: 100%;
  font-size: 18px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.grid--systemlist2 a p:after {
  content: "\e632";
  vertical-align: middle;
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-top: 15px
}

.grid--systemlist2 a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.line-b.line-blue:after {
  background-color: #C4161C
}

.grid--systemlist3 .cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #fff;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 1
}

.grid--systemlist3 .cell a i {
  line-height: 1;
  font-size: 50px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--systemlist3 .cell a p {
  margin: 20px 0 0;
  font-weight: 500;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--systemlist3 .cell a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.grid--systemlist3 .cell a:hover i,
.grid--systemlist3 .cell a:hover p {
  color: #2298ff
}

.grid--systemlist3 .cell a:after {
  content: "\e604";
  vertical-align: middle;
  font-size: 70px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  color: rgba(18, 130, 229, .08);
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 0
}

.h3-tit.font-333 {
  color: #333
}

.benefits--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.benefits--cell {
  padding: 40px
}

.benefits--cell-1 {
  width: 41.333%;
  background-color: rgba(18, 130, 229, .05)
}

.benefits--cell-2 {
  width: 25.333%;
  background-color: rgba(18, 130, 229, .1)
}

.benefits--cell-3 {
  width: 25.333%;
  background-color: rgba(18, 130, 229, .1)
}

.working-principle--img .img--30,
.working-principle--img .img--30 img {
  background: unset
}

#owl-demo4 {
  padding: 0 60px
}

#owl-demo4 .owl-dots {
  display: none
}

#owl-demo4 .owl-prev {
  left: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 50%;
  background-color: #fff
}

#owl-demo4 .owl-next {
  right: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 50%;
  background-color: #fff
}

#owl-demo4 .owl-next:after,
#owl-demo4 .owl-prev:after {
  color: #666
}

#owl-demo4 .owl-next:hover,
#owl-demo4 .owl-prev:hover {
  background-color: #C4161C
}

#owl-demo4 .owl-next:hover:after,
#owl-demo4 .owl-prev:hover:after {
  color: #fff
}

#owl-demo4 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#owl-demo4 p {
  background-color: rgba(18, 130, 229, .1);
  margin: 0;
  padding: 25px 15px;
  color: #C4161C;
  font-weight: 500;
  line-height: 1.3;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#owl-demo4 p:after {
  content: "\e632";
  vertical-align: middle;
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-top: 15px
}

#owl-demo4 a:hover {
  text-decoration: none
}

#owl-demo4 a:hover p {
  background-color: #C4161C;
  color: #fff
}

.ul-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.ul-3 li {
  width: calc(33.333% - 40px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1599px) {
  .grid--systemlist2 a p {
    font-size: 17px
  }
}

@media (max-width:1399px) {
  .grid--systemlist2 a p {
    font-size: 16px
  }

  #owl-demo4 p {
    font-size: 17px
  }

  .ul-3 li {
    width: calc(50% - 30px)
  }
}

@media (max-width:1199px) {
  .systemlist-t {
    font-size: 20px;
    margin-bottom: 20px
  }

  .systemlist-50--tit {
    font-size: 20px;
    margin-bottom: 20px
  }

  .systemlist0--tit {
    font-size: 24px
  }

  .systemlist1--tit {
    font-size: 20px
  }

  .systemlist1--left {
    width: 45%
  }

  .systemlist1--right {
    width: 50%
  }

  .systemlist01--main {
    margin: 100px 0;
    padding: 50px 20px
  }

  .grid--systemlist3 .cell a i {
    font-size: 46px
  }

  .benefits--cell-1 {
    width: 100%;
    margin-bottom: 30px
  }

  .benefits--cell-2,
  .benefits--cell-3 {
    width: 48%
  }

  #owl-demo4 p {
    font-size: 16px;
    padding: 20px 10px
  }

  #owl-demo4 {
    padding: 0 20px
  }
}

@media (max-width:991px) {
  .systemlist01--main ul li:before {
    font-size: 18px
  }

  .systemlist-t {
    font-size: 18px;
    margin-bottom: 15px
  }

  .systemlist-50--tit {
    font-size: 18px;
    margin-bottom: 15px
  }

  .systemlist0--tit {
    font-size: 22px;
    margin-bottom: 20px
  }

  .systemlist1--tit {
    font-size: 18px
  }

  .systemlist1--left {
    width: 55%
  }

  .systemlist1--right {
    width: 42%
  }

  .systemlist0-t {
    font-size: 18px
  }

  .systemlist1--cell a>p,
  .systemlist1--right li {
    font-size: 13px
  }

  .line-b {
    padding-bottom: 15px
  }

  .line-b:after {
    width: 40px
  }

  .region--page .systemlist01--main p+ul {
    margin-top: 20px
  }

  .systemlist01--main ul li {
    margin: 0 15px;
    margin-bottom: 10px
  }

  .grid--systemlist2 a p {
    font-size: 15px;
    padding: 15px
  }

  .grid--systemlist3 .cell a i {
    font-size: 42px
  }

  .benefits--cell {
    padding: 25px
  }

  #owl-demo4 p {
    font-size: 15px
  }

  .ul-3 li {
    width: 100%
  }
}

@media (max-width:767px) {
  .systemlist-t {
    font-size: 16px;
    margin-bottom: 15px
  }

  .systemlist-50--tit {
    font-size: 16px;
    margin-bottom: 12px
  }

  .systemlist0--tit {
    font-size: 20px;
    margin-bottom: 12px
  }

  .systemlist1--tit {
    font-size: 16px;
    margin-bottom: 5px
  }

  .systemlist1--left {
    width: 100%
  }

  .systemlist1--right {
    width: 100%
  }

  .systemlist0-t {
    font-size: 16px
  }

  .systemlist-50--cell {
    width: 100%
  }

  .systemlist-50--cell+.systemlist-50--cell {
    margin-top: 15px
  }

  .learn-more span {
    width: 120px;
    height: 28px
  }

  .systemlist1--con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 0
  }

  .systemlist1--right-tit {
    font-size: 13px
  }

  .systemlist01--main ul li:before {
    font-size: 16px
  }

  .systemlist01--main {
    margin: 60px 0;
    padding: 40px 20px
  }

  .grid--systemlist2 a p {
    font-size: 14px
  }

  .grid--systemlist3 .cell a i {
    font-size: 40px
  }

  .grid--systemlist3 .cell a {
    padding: 25px
  }

  .benefits--cell-1,
  .benefits--cell-2 {
    width: 100%;
    margin-bottom: 15px;
    padding: 20px
  }

  .benefits--cell-3 {
    width: 100%;
    padding: 20px
  }

  #owl-demo4 p {
    font-size: 14px
  }

  .line-b {
    padding-bottom: 10px
  }
}

@media (max-width:575px) {

  .systemlist1--cell a>p,
  .systemlist1--right li {
    font-size: 12px
  }

  .systemlist-t {
    font-size: 13px;
    margin-bottom: 12px
  }

  .systemlist-50--tit {
    font-size: 15px
  }

  .systemlist0--tit {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 1.4
  }

  .systemlist0-t {
    font-size: 13px;
    margin-bottom: 8px
  }

  .systemlist1--tit {
    font-size: 15px
  }

  .systemlist01--main ul li:before {
    font-size: 14px
  }

  .systemlist01--main {
    margin: 40px 0;
    padding: 30px 10px
  }

  .systemlist01--main ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -5px
  }

  .systemlist01--main ul li {
    margin-bottom: 5px
  }

  .region--page .systemlist01--main p+ul {
    margin-top: 15px
  }

  .line-b:after {
    width: 35px;
    height: 1px
  }

  .grid--systemlist2 a p:after {
    font-size: 20px;
    margin-top: 10px
  }

  .grid--systemlist2 a p {
    font-size: 12px;
    padding: 10px
  }

  .grid--systemlist3 .cell a i {
    font-size: 36px
  }

  .grid--systemlist3 .cell a:after {
    font-size: 40px
  }

  .grid--systemlist3 .cell a p {
    margin: 15px 0 0
  }

  .grid--systemlist3 .cell a {
    padding: 20px
  }

  #owl-demo4 p {
    padding: 15px 5px
  }

  #owl-demo4 p:after {
    font-size: 20px;
    margin-top: 10px
  }
}

/*! pro list */
.prolist--main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.prolist--main ul li {
  margin: 0 30px 30px 0;
  width: calc(14.285% - 25.714px)
}

.prolist--main ul li:nth-child(7n) {
  margin-right: 0
}

.prolist--main ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  background-color: #f2f9fe;
  border-radius: 5px;
  overflow: hidden;
  padding: 35px 15px;
  height: 100%
}

.prolist--main ul li a i {
  color: #C4161C;
  line-height: 1;
  margin: 0 auto;
  font-size: 120px
}

.prolist--main ul li a p {
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 1.4;
  font-weight: 500;
  color: #333
}

.prolist--main ul li a:hover {
  text-decoration: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.prolist1--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.prolist1--cell {
  width: 47.333%;
  position: relative;
  border-radius: 5px;
  overflow: hidden
}

.prolist1--img {
  position: relative;
  z-index: 2
}

.prolist1--img:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(18, 130, 229, 0)), color-stop(25%, rgba(18, 130, 229, .02)), color-stop(49%, rgba(18, 130, 229, .5)), to(#C4161C));
  background: -o-linear-gradient(top, rgba(18, 130, 229, 0) 0, rgba(18, 130, 229, .02) 25%, rgba(18, 130, 229, .5) 49%, #C4161C 100%);
  background: linear-gradient(180deg, rgba(18, 130, 229, 0) 0, rgba(18, 130, 229, .02) 25%, rgba(18, 130, 229, .5) 49%, #C4161C 100%)
}

.prolist1--con,
.prolist1--con .pro-ul li::marker {
  color: #fff
}

.prolist1--con {
  position: absolute;
  width: 100%;
  padding: 60px;
  bottom: 0;
  left: 0;
  z-index: 3
}

.prolist1--tit {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 20px
}

.nav--dropdown {
  position: relative
}

.nav--menu-con {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .1s ease-in;
  -o-transition: .1s ease-in;
  transition: .1s ease-in;
  background-color: unset;
  z-index: -5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 18px rgb(0 0 0 / 10%);
  box-shadow: 0 5px 18px rgb(0 0 0 / 10%);
  overflow: hidden;
  width: 280px;
  padding: 0 20px;
  height: 0
}

.nav--dropdown:hover .nav--menu-con {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .2s .2s;
  -o-transition: all .2s .2s;
  transition: all .2s .2s;
  overflow: auto;
  max-height: 500px;
  z-index: 20;
  height: auto;
  -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
  border-radius: 0;
  height: auto;
  padding: 10px 20px 20px
}

.nav--dropdown>a:after {
  display: inline-block;
  padding-left: 5px;
  content: "\e6c0";
  vertical-align: middle;
  font-size: 12px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  font-weight: 400
}

.topnav--right ul .nav--dropdown:last-child>a:after,
.topnav--right ul .nav--dropdown:nth-child(5)>a:after {
  display: none
}

.nav--dropdown:hover>a:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}

.topnav--right>ul li.nav--dropdown li+li {
  border-top: solid 1px #f1f1f1
}

.topnav--right>ul li.nav--dropdown li a {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.4;
  padding-left: 20px;
  position: relative
}

.topnav--right>ul li.nav--dropdown li {
  margin-right: 0
}

.topnav--right>ul li.nav--dropdown li a:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\e625";
  vertical-align: middle;
  font-size: 14px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  left: 0
}

.nav-module-trigger01 {
  height: 31px;
  position: absolute;
  top: 1px;
  left: auto;
  right: 0;
  width: 100%;
  cursor: pointer;
  background-color: unset;
  display: none
}

.nav-module-trigger01:after {
  display: inline-block;
  content: "\e6c3";
  font-size: 18px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #000;
  top: 4px;
  right: 10px;
  position: absolute
}

.nav-module-trigger01.nav-opened-2:after {
  content: "\e6c4"
}

@media (max-width:1599px) {
  .topnav--main-1:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 50px;
    background: -o-linear-gradient(197deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(253deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
    opacity: .5;
    bottom: 0;
    left: -20px
  }

  .topnav--main-1:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 50px;
    background: -o-linear-gradient(343deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(107deg, rgba(51, 51, 51, .23) 0, rgba(51, 51, 51, .01) 57%, rgba(51, 51, 51, 0) 100%);
    opacity: .5;
    bottom: 0;
    right: -20px
  }
}

@media (max-width:1399px) {
  .prolist--main ul {
    margin-bottom: -20px
  }

  .prolist--main ul li {
    margin: 0 20px 20px 0;
    width: calc(16.666% - 16.666px)
  }

  .prolist--main ul li:nth-child(7n) {
    margin-right: 20px
  }

  .prolist--main ul li:nth-child(6n) {
    margin-right: 0
  }

  .prolist1--con {
    padding: 40px
  }

  .topnav--right>ul li.nav--dropdown li a {
    font-size: 14px
  }
}

@media (max-width:1199px) {
  .prolist--main ul li a i {
    font-size: 100px
  }

  .prolist--main ul {
    margin-bottom: -20px
  }

  .prolist--main ul li {
    margin: 0 20px 20px 0;
    width: calc(20% - 16px)
  }

  .prolist--main ul li:nth-child(7n) {
    margin-right: 20px
  }

  .prolist--main ul li:nth-child(6n) {
    margin-right: 20px
  }

  .prolist--main ul li:nth-child(5n) {
    margin-right: 0
  }

  .prolist--main ul li a {
    padding: 25px 10px
  }

  .prolist1--con {
    padding: 20px
  }

  .prolist1--tit {
    font-size: 20px;
    margin-bottom: 15px
  }
}

@media (max-width:991px) {
  .prolist--main ul li a i {
    font-size: 80px
  }

  .prolist--main ul {
    margin-bottom: -15px
  }

  .prolist--main ul li {
    margin: 0 15px 15px 0;
    width: calc(25% - 11.25px)
  }

  .prolist--main ul li:nth-child(7n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(6n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(5n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(4n) {
    margin-right: 0
  }

  .prolist--main ul li a {
    padding: 20px 10px
  }

  .prolist--main ul li a p {
    margin-top: 15px
  }

  .prolist1--main {
    display: block
  }

  .prolist1--cell {
    width: 100%
  }

  .prolist1--cell+.prolist1--cell {
    margin-top: 20px
  }

  .prolist1--tit {
    font-size: 18px;
    margin-bottom: 15px
  }

  .topnav--right>ul li.nav--dropdown li a {
    font-size: 13px
  }

  .nav--menu-con {
    padding: 0 10px
  }

  .nav--dropdown:hover .nav--menu-con {
    padding: 10px;
    max-height: 400px;
  }
}

@media (max-width:767px) {
  .prolist--main ul li {
    margin: 0 15px 15px 0;
    width: calc(33.333% - 10px)
  }

  .prolist--main ul li:nth-child(7n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(6n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(5n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(4n) {
    margin-right: 15px
  }

  .prolist--main ul li:nth-child(3n) {
    margin-right: 0
  }

  .prolist1--tit {
    font-size: 16px;
    margin-bottom: 10px
  }

  .nav--dropdown .nav--menu-con {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    visibility: visible;
    opacity: 1;
    position: initial;
    width: 100%;
    border-top: 0 solid #f1f1f1;
    border-bottom: 0 solid #f1f1f1;
    display: none;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .nav--dropdown:hover .nav--menu-con {
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 10;
    display: none
  }

  .nav--dropdown>a:after,
  .topnav--right>ul li.nav--dropdown li a:before {
    display: none
  }

  .nav-module-trigger01 {
    display: block
  }

  .nav--dropdown:hover .nav--menu-con {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: auto;
  }

  .topnav--right>ul li.nav--dropdown li a {
    padding: 5px 0;
    padding-left: 10px;
    background-color: #eee;
    font-size: 12px
  }
}

@media (max-width:575px) {
  .prolist--main ul {
    margin-bottom: -10px
  }

  .prolist--main ul li a i {
    font-size: 70px
  }

  .prolist--main ul li {
    margin: 0 10px 10px 0;
    width: calc(50% - 5px)
  }

  .prolist--main ul li:nth-child(7n) {
    margin-right: 10px
  }

  .prolist--main ul li:nth-child(6n) {
    margin-right: 10px
  }

  .prolist--main ul li:nth-child(5n) {
    margin-right: 10px
  }

  .prolist--main ul li:nth-child(4n) {
    margin-right: 10px
  }

  .prolist--main ul li:nth-child(3n) {
    margin-right: 10px
  }

  .prolist--main ul li:nth-child(2n) {
    margin-right: 0
  }

  .prolist--main ul li a p {
    margin-top: 10px
  }

  .prolist1--tit {
    font-size: 14px
  }
}

.table {
  display: block;
  width: 100%;
  margin: 15px auto;
  text-align: center;
  border: none;
  overflow-y: auto
}

.table table {
  width: 100%;
  min-width: 320px;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: solid 1px #dee0e0
}

.table table+table {
  margin-top: 20px;
}

.table td,
.table th {
  padding: 6px
}

.table caption,
.table tfoot td {
  padding: 8px 15px
}

.nowrap,
.nowrap td,
.nowrap th,
.nowrap--10>tr>th:nth-last-child(10) .nowrap--11>tr>td:nth-last-child(11),
.nowrap--11>tr>th:nth-last-child(11) .nowrap--12>tr>td:nth-last-child(12),
.nowrap--12>tr>th:nth-last-child(12),
.nowrap--1>tr>th:nth-last-child(1) .nowrap--2>tr>td:nth-last-child(2),
.nowrap--2>tr>th:nth-last-child(2) .nowrap--3>tr>td:nth-last-child(3),
.nowrap--3>tr>th:nth-last-child(3) .nowrap--4>tr>td:nth-last-child(4),
.nowrap--4>tr>th:nth-last-child(4) .nowrap--5>tr>td:nth-last-child(5),
.nowrap--5>tr>th:nth-last-child(5) .nowrap--6>tr>td:nth-last-child(6),
.nowrap--6>tr>th:nth-last-child(6) .nowrap--7>tr>td:nth-last-child(7),
.nowrap--7>tr>th:nth-last-child(7) .nowrap--8>tr>td:nth-last-child(8),
.nowrap--8>tr>th:nth-last-child(8) .nowrap--9>tr>td:nth-last-child(9),
.nowrap--9>tr>th:nth-last-child(9) .nowrap--10>tr>td:nth-last-child(10),
.nowrap-10>tr>th:nth-child(10) .nowrap-11>tr>td:nth-child(11),
.nowrap-11>tr>th:nth-child(11) .nowrap-12>tr>td:nth-child(12),
.nowrap-12>tr>th:nth-child(12) .nowrap--1>tr>td:nth-last-child(1),
.nowrap-1>tr>td:nth-child(1),
.nowrap-1>tr>th:nth-child(1) .nowrap-2>tr>td:nth-child(2),
.nowrap-2>tr>th:nth-child(2) .nowrap-3>tr>td:nth-child(3),
.nowrap-3>tr>th:nth-child(3) .nowrap-4>tr>td:nth-child(4),
.nowrap-4>tr>th:nth-child(4) .nowrap-5>tr>td:nth-child(5),
.nowrap-5>tr>th:nth-child(5) .nowrap-6>tr>td:nth-child(6),
.nowrap-6>tr>th:nth-child(6) .nowrap-7>tr>td:nth-child(7),
.nowrap-7>tr>th:nth-child(7) .nowrap-8>tr>td:nth-child(8),
.nowrap-8>tr>th:nth-child(8) .nowrap-9>tr>td:nth-child(9),
.nowrap-9>tr>th:nth-child(9) .nowrap-10>tr>td:nth-child(10),
.nowrap-th th {
  white-space: nowrap
}

.table.collapse {
  overflow: hidden
}

.toggle-target,
.toggle-trigger {
  display: block;
  width: 100%
}

.toggle-trigger {
  cursor: pointer
}

.table .toggle-target,
.table .toggle-trigger {
  margin: 0
}

.table-caption {
  position: relative;
  margin-bottom: 0;
  padding: 10px 15px;
  line-height: 1;
  text-align: center
}

.table-caption>span {
  display: inline-block;
  margin: 0;
  padding: 0
}

.table-caption:after {
  display: inline-block;
  content: "\e6c3";
  font-size: 18px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #C4161C;
  top: 50%;
  right: 10px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 700
}

.expanded .table-caption:after {
  content: "\e6c4"
}

.table-collapse.table-animate .table-caption {
  text-align: left
}

.table-collapse.table-animate .table-caption>span {
  position: relative;
  left: 0;
  text-align: left;
  -webkit-transition: all 240ms ease;
  -o-transition: all 240ms ease;
  transition: all 240ms ease
}

.table-collapse.table-animate .expanded .table-caption>span {
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.table-wrapper {
  display: block;
  width: 100%;
  overflow-y: auto
}

.table-wrapper table {
  border-top: none
}

.table table,
.table-caption>span {
  font-size: 14px;
  line-height: 1.42857
}

.table th,
.table-caption>span {
  font-weight: 500
}

.table caption {
  font-weight: 700
}

.table caption,
.table td,
.table th,
.table-caption {
  border: 1px solid #dee0e0
}

.table caption {
  border-bottom-width: 0
}

.table td,
.table th {
  border-top: none
}

.table caption,
.table th,
.table-caption>span {
  color: #333
}

.table-hover tbody>tr:hover,
.table:not(.table-hover) tbody>tr:nth-child(odd) {
  background: #f7f7f7
}

.table caption {
  background-color: #f1f1f1
}

.table th {
  font-weight: 500;
}

.table td {
  color: #666;
}

/* table2 */
.table2 {
  display: block;
  width: 100%;
  margin: 15px auto;
  text-align: center;
  border: none;
  overflow-y: auto
}

.table2 table {
  width: 100%;
  min-width: 320px;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #f7f7f7
}

.table2 td,
.table2 th {
  padding: 4px
}

.table2 caption,
.table2 tfoot td {
  padding: 8px 12px
}

.table2 th {
  font-weight: 500
}

.nowrap,
.nowrap td,
.nowrap th,
.nowrap--10>tr>th:nth-last-child(10) .nowrap--11>tr>td:nth-last-child(11),
.nowrap--11>tr>th:nth-last-child(11) .nowrap--12>tr>td:nth-last-child(12),
.nowrap--12>tr>th:nth-last-child(12),
.nowrap--1>tr>th:nth-last-child(1) .nowrap--2>tr>td:nth-last-child(2),
.nowrap--2>tr>th:nth-last-child(2) .nowrap--3>tr>td:nth-last-child(3),
.nowrap--3>tr>th:nth-last-child(3) .nowrap--4>tr>td:nth-last-child(4),
.nowrap--4>tr>th:nth-last-child(4) .nowrap--5>tr>td:nth-last-child(5),
.nowrap--5>tr>th:nth-last-child(5) .nowrap--6>tr>td:nth-last-child(6),
.nowrap--6>tr>th:nth-last-child(6) .nowrap--7>tr>td:nth-last-child(7),
.nowrap--7>tr>th:nth-last-child(7) .nowrap--8>tr>td:nth-last-child(8),
.nowrap--8>tr>th:nth-last-child(8) .nowrap--9>tr>td:nth-last-child(9),
.nowrap--9>tr>th:nth-last-child(9) .nowrap--10>tr>td:nth-last-child(10),
.nowrap-10>tr>th:nth-child(10) .nowrap-11>tr>td:nth-child(11),
.nowrap-11>tr>th:nth-child(11) .nowrap-12>tr>td:nth-child(12),
.nowrap-12>tr>th:nth-child(12) .nowrap--1>tr>td:nth-last-child(1),
.nowrap-1>tr>td:nth-child(1),
.nowrap-1>tr>th:nth-child(1) .nowrap-2>tr>td:nth-child(2),
.nowrap-2>tr>th:nth-child(2) .nowrap-3>tr>td:nth-child(3),
.nowrap-3>tr>th:nth-child(3) .nowrap-4>tr>td:nth-child(4),
.nowrap-4>tr>th:nth-child(4) .nowrap-5>tr>td:nth-child(5),
.nowrap-5>tr>th:nth-child(5) .nowrap-6>tr>td:nth-child(6),
.nowrap-6>tr>th:nth-child(6) .nowrap-7>tr>td:nth-child(7),
.nowrap-7>tr>th:nth-child(7) .nowrap-8>tr>td:nth-child(8),
.nowrap-8>tr>th:nth-child(8) .nowrap-9>tr>td:nth-child(9),
.nowrap-9>tr>th:nth-child(9) .nowrap-10>tr>td:nth-child(10),
.nowrap-th th {
  white-space: nowrap
}

.table2.collapse {
  overflow: hidden
}

.toggle-target,
.toggle-trigger {
  display: block;
  width: 100%
}

.toggle-trigger {
  cursor: pointer
}

.table2 .toggle-target,
.table .toggle-trigger {
  margin: 0
}

.table-caption {
  position: relative;
  margin-bottom: 0;
  padding: 10px 15px;
  line-height: 1;
  text-align: center
}

.table-caption>span {
  display: inline-block;
  margin: 0;
  padding: 0
}

.table-caption:after {
  content: '+';
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  height: 22px;
  width: 22px;
  text-align: center;
  color: #fff
}

.expanded .table-caption:after {
  content: '–'
}

.table-collapse.table-animate .table-caption {
  text-align: left
}

.table-collapse.table-animate .table-caption>span {
  position: relative;
  left: 0;
  text-align: left;
  -webkit-transition: all 240ms ease;
  -o-transition: all 240ms ease;
  transition: all 240ms ease
}

.table-collapse.table-animate .expanded .table-caption>span {
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.table-wrapper {
  display: block;
  width: 100%;
  overflow-y: auto
}

.table-wrapper table {
  border-top: none
}

.table2 table,
.table-caption>span {
  line-height: 1.42857
}

.table2 caption,
.table-caption>span {
  font-weight: 700
}

.table2 td,
.table2 th,
.table-caption {
  border: 1px solid #dee0e0
}

.table2 caption {
  border: 1px solid #dee0e0;
  background-color: #dbdbdb
}

.table2 td,
.table2 th {
  border-top: none;
  min-width: 70px
}

.table2 caption,
.table2 th {
  color: #333
}

.table-caption>span {
  color: #fff;
}

.table2 tbody tr:nth-child(odd),
.table2 thead tr:nth-child(odd) {
  background-color: #fff
}

.table--pro-spec.table-collapse .table-caption {
  background-color: #025ebe;
  padding-right: 40px
}

/*! pro1 */
.pro1--top-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.pro1--top-left {
  width: 67.333%
}

.pro1--top-right {
  width: 27.333%
}

.pro1--top-img {
  margin-bottom: 30px
}

.pro1--top-right-1 {
  padding: 40px;
  background-color: rgba(18, 130, 229, .05);
  border-radius: 10px;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: 1
}

.pro1--top-right-2 {
  padding: 40px;
  background-color: rgba(51, 51, 51, .03);
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin-top: 40px
}

.pro1--top-right-2:after {
  color: #C4161C;
  content: "\e614";
  vertical-align: middle;
  font-size: 140px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  opacity: 10%;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: -1
}

.pro1--top-right-1 a {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  font-size: 0;
  left: 0;
  top: 0
}

.pro1--top-right-1-t {
  color: #C4161C;
  line-height: 1.2;
  font-weight: 500;
  font-size: 24px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro1--top-right-1-tit {
  margin: 12px 0;
  line-height: 1.4;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro1--top-right-1 p {
  margin: 0;
  color: #666;
  font-size: 14px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding-right: 17%
}

.pro1--top-right-1 i {
  line-height: 1;
  font-size: 26px;
  color: #C4161C;
  margin-top: 25px;
  display: block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro1--top-right-1-i {
  position: absolute;
  right: 20px;
  bottom: 20px
}

.pro1--top-right-1-i .img--135,
.pro1--top-right-1-i .img--135 img {
  background: unset;
  width: 70px;
  z-index: -1
}

.pro1--top-right-1:hover {
  background-color: #C4161C
}

.pro1--top-right-1:hover * {
  color: #fff
}

.pro1--top-right-2-tit {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
  color: #333;
  margin-bottom: 25px
}

.pro1--top-right-2 ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
  font-size: 14px;
  color: #333
}

.pro1--top-right-2 ul li a i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 1
}

.pro1--top-right-2 ul li a i.icon-PDF {
  color: red
}

.pro1--top-right-2 ul li a i.icon-biaoge {
  color: #C4161C
}

.pro1--top-right-2 ul li+li {
  margin-top: 17px
}

.pro1--top-right-2 ul li a:hover {
  text-decoration: none;
  color: #C4161C
}

.pro11-b {
  position: relative;
  width: 100%;
  background: url(../image/water-2.svg) no-repeat top center;
  background-size: 100%;
  background-color: #0264b9
}

.grid--pro11 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--pro11 .cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 0 20px rgb(255 255 255 / 20%);
  box-shadow: 0 0 20px rgb(255 255 255 / 20%);
  border-radius: 10px;
  padding: 40px 20px;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  border: 1px solid #ededed;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.grid--pro11-tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #333;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--pro11-img {
  line-height: 1;
  margin: 20px 0 25px
}

.grid--pro11-a {
  display: inline-block;
  text-align: center
}

.grid--pro11-a span {
  display: inline-block;
  line-height: 1;
  border-radius: 50px;
  padding: 8px 28px;
  font-size: 14px;
  border: 1px solid #0264b9;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--pro11 a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  text-decoration: none
}

.grid--pro11 a:hover .grid--pro11-tit {
  color: #C4161C
}

.grid--pro11 a:hover .grid--pro11-a span {
  background-color: #C4161C;
  color: #fff
}

.pro12-b {
  position: relative;
  width: 100%;
  background: url(../image/line-bg-1.png) no-repeat right bottom;
  background-size: 1200px 290px
}

.pro12-b ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -40px
}

.pro12-b ul li {
  margin: 0 40px 40px 0;
  width: calc(25% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-left: 35px
}

.pro12-b ul li:nth-child(4n) {
  margin-right: 0
}

.pro12-b ul li:after {
  display: block;
  color: #C4161C;
  content: "\e61e";
  vertical-align: middle;
  font-size: 25px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0
}

.pro12-b ul li span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3
}

.pro12-b ul li span+span {
  font-size: 16px;
  color: #666;
  margin-top: 12px;
  font-weight: 400;
  line-height: 1.5
}

.pro13-b--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pro13-b--left {
  width: 54.666%
}

.pro13-b--right {
  width: 40%
}

.pro13-b--left .industrialcon2--ul .industrialcon2--cell {
  margin: 0 20px 20px 0;
  width: calc(50% - 10px)
}

.pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
  margin-right: 20px
}

.pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
  margin-right: 20px
}

.pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
  margin-right: 0
}

.pro13-b--right ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px
}

.pro13-b--right ul li {
  margin: 0 20px 20px 0;
  width: calc(50% - 10px);
  background-color: #4f9e1b
}

.pro13-b--right ul li:nth-child(2n) {
  margin-right: 0
}

.pro13-b--right ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 50px 30px;
  color: #fff;
  position: relative;
  z-index: 1
}

.pro13-b--right ul li:nth-child(1),
.pro13-b--right ul li:nth-child(4),
.pro13-b--right ul li:nth-child(5) {
  background-color: #005c8f
}

.pro13-b--right ul li a i {
  color: rgba(255, 255, 255, .1);
  font-size: 60px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.pro13-b-links--tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px
}

.pro13-b-links--a {
  color: rgba(255, 255, 255, .6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro13-b-links--a:before {
  content: "\e63b";
  vertical-align: middle;
  font-size: 14px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  margin-right: 6px
}

.pro13-b--right ul li a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  text-decoration: none
}

.pro13-b--right ul li a:hover .pro13-b-links--a {
  color: #fff;
  padding-right: 0;
  padding-left: 10px
}

.grid--pro11 .cell a:after {
  position: absolute;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(76%, #fff), to(#dfdfdf));
  background: -o-linear-gradient(top, #fff 0, #fff 76%, #dfdfdf 100%);
  background: linear-gradient(180deg, #fff 0, #fff 76%, #dfdfdf 100%);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0
}

.region--pro-con1 {
  position: relative;
  z-index: 10
}

.region--pro-con1:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 160px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), to(#fff));
  background: -o-linear-gradient(top, #f2f2f2 0, #fff 100%);
  background: linear-gradient(180deg, #f2f2f2 0, #fff 100%);
  top: 0;
  left: 0;
  z-index: -1
}

.region--pro-con-1 {
  position: relative;
  z-index: 10
}

.region--pro-con-1:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 400px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), to(#fff));
  background: -o-linear-gradient(top, #f7f7f7 0, #fff 100%);
  background: linear-gradient(180deg, #f7f7f7 0, #fff 100%);
  top: 0;
  left: 0;
  z-index: -1
}

.tableclose-1 {
  position: relative;
  background-color: #fff
}

.table-open {
  height: 60px;
  cursor: pointer;
  color: red;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  font-weight: 500;
  z-index: 1;
  position: absolute;
  width: 100%;
  bottom: 0
}

.table-open:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(204, 204, 204, 0)), color-stop(30%, rgba(218, 218, 218, .49)), to(#a1a1a1));
  background: -o-linear-gradient(top, rgba(204, 204, 204, 0) 0, rgba(218, 218, 218, .49) 30%, #a1a1a1 100%);
  background: linear-gradient(180deg, rgba(204, 204, 204, 0) 0, rgba(218, 218, 218, .49) 30%, #a1a1a1 100%);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 100%;
  opacity: .8;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.table-open span {
  position: relative;
  animation: mymove 1s infinite;
  -webkit-animation: mymove 1s infinite
}

.is-opened .table-open span {
  position: initial;
}

.pro-con1--main .is-opened .table-open span {
  display: flex;
  align-items: center;
}

.table-open:hover:after {
  opacity: 1;
  color: #2298ff
}

.table-open:hover {
  color: #2298ff
}

.table-open em {
  font-style: inherit;
}

.table-open .table-close {
  display: none;
  margin-right: 5px;
}

@-webkit-keyframes mymove {
  0% {
    top: 0
  }

  25% {
    top: 5px
  }

  50% {
    top: 10px
  }

  75% {
    top: 5px
  }

  100% {
    top: 0
  }
}

@keyframes mymove {
  0% {
    top: 0
  }

  25% {
    top: 5px
  }

  50% {
    top: 10px
  }

  75% {
    top: 5px
  }

  100% {
    top: 0
  }
}

.table.tableclose-1.is-opened {
  padding-bottom: 60px
}

.table.tableclose-1.is-opened .table-open {
  border-bottom: -60px
}

.table.tableclose-1.is-opened .table-open .table-open-more {
  display: none;
}

.table.tableclose-1.is-opened .table-open .table-close {
  display: inline-block;
}

.table.tableclose-1.is-opened .icon-arrow-down:before {
  content: "\e6c2";
  font-size: 24px
}

.table.tableclose-1.is-opened .table-open:after {
  display: none
}

/* .table.tableclose-1.is-opened .table-open span{font-size:0} */
.table.tableclose-1.is-opened .icon-arrow-down:hover:before {
  color: #2298ff
}

.pro-con1--main .table.tableclose-1.is-opened .icon-arrow-down:before {
  content: "\e682";
  font-size: 24px
}

.pro-con1--spe-pdf {
  display: inline-block;
  float: right;
  position: absolute;
  top: 0;
  right: 0
}

.pro-con1--spe-pdf a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  padding: 10px 30px;
  border: 1px solid #C4161C;
  border-radius: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-weight: 500
}

.pro-con1--spe-pdf a:before {
  color: #C4161C;
  content: "\e7b8";
  vertical-align: middle;
  font-size: 25px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  margin-right: 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con1--cell {
  position: relative
}

.pro-con1--spe-pdf a:hover {
  background-color: #C4161C;
  color: #fff;
  text-decoration: none
}

.pro-con1--spe-pdf a:hover:before {
  color: #fff
}

.pro-con1--cell {
  display: none
}

.pro-con1--cell.is-active {
  display: block
}

.pro-con1--top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pro-con1--top ul li {
  margin-right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 22px;
  position: relative;
  cursor: pointer
}

.pro-con1--top ul li:last-child {
  margin-right: 0
}

.pro-con1--top ul li i {
  line-height: 1;
  font-size: 24px;
  color: #999;
  margin-right: 10px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con1--top ul li span {
  color: #333;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con1--top ul li.is-active i,
.pro-con1--top ul li.is-active span,
.pro-con1--top ul li:hover i,
.pro-con1--top ul li:hover span {
  color: #C4161C
}

.pro-con1--top ul li:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #C4161C;
  height: 2px;
  content: "";
  width: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con1--top ul li.is-active:after {
  width: 100%
}

.proimg-600--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.proimg-600--img {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.proimg-600--con {
  width: 54.666%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.proimg-600--img .img--75,
.proimg-600--img .img--75 img {
  background: unset
}

.grid--procon1-ideos p {
  margin-bottom: 0;
  line-height: 1.4;
  margin-top: 15px;
  font-weight: 500;
  font-size: 18px;
  text-align: center
}

.marginT-0 {
  margin-top: 0
}

.pro-con2--right-img .img--135,
.pro-con2--right-img .img--135 img {
  background: unset
}

.region--pro-con2 {
  margin-top: 20px;
  position: relative;
  background: url(../image/download-bg.png) no-repeat center center;
  background-size: cover;
  background-color: #C4161C
}

.pro-con2--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.pro-con2--left {
  width: 55%
}

.pro-con2--right {
  width: 40%;
  position: absolute;
  right: 0;
  top: -100px;
  background: url(../image/contact-bg1.png) no-repeat center center;
  background-size: cover
}

.pro-con2--right-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pro-con2--right-img {
  width: 120px
}

.pro-con2--right-con {
  width: calc(100% - 150px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pro-con2--right-tit {
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  font-style: italic;
  color: #fff;
  text-transform: uppercase
}

.pro-con2--right-a {
  margin-top: 30px
}

.pro-con2--right-a a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  height: 46px;
  background-color: #fff;
  padding: 0 20px;
  color: #C4161C;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: solid 2px #fff
}

.pro-con2--right-a a:after {
  display: block;
  content: "\e6d1";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal
}

.pro-con2--left p {
  color: #b5cadd;
  margin-top: -10px
}

.pro-con2--pdf ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
  margin-top: 25px
}

.pro-con2--pdf ul li {
  margin-right: 30px;
  margin-bottom: 20px
}

.pro-con2--pdf ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pro-con2--pdf ul li i {
  width: 55px;
  height: 55px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 25px;
  line-height: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background-color: #006bca
}

.pro-con2--pdf ul li span {
  padding: 0 20px;
  background-color: #C4161C;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.3;
  height: 55px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con2--pdf ul li a:hover {
  text-decoration: none
}

.pro-con2--pdf ul li a:hover i {
  background-color: #0060b6
}

.pro-con2--pdf ul li a:hover span {
  background-color: #0071d6
}

.pro-con2--right-a a:hover {
  text-decoration: none;
  background-color: unset;
  color: #fff
}

.region--pro-con3 {
  position: relative;
  z-index: 5;
  position: relative;
  width: 100%;
  background: url(../image/water-2.svg) no-repeat top center;
  background-size: 100%;
  background-color: #0264b9
}

#owl-demo5 .owl-dots {
  display: none
}

.owl-demo5--img .img--75,
.owl-demo5--img .img--75 img {
  background-color: #fff
}

#owl-demo5 {
  padding: 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

#owl-demo5 .owl-prev {
  left: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 50%;
  background-color: #fff;
  opacity: 1
}

#owl-demo5 .owl-next {
  right: 0;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  border-radius: 50%;
  background-color: #fff;
  opacity: 1
}

#owl-demo5 .disabled {
  opacity: .1
}

#owl-demo5 .owl-next:after,
#owl-demo5 .owl-prev:after {
  color: #666
}

#owl-demo5 .owl-next:hover,
#owl-demo5 .owl-prev:hover {
  background-color: #C4161C
}

#owl-demo5 .owl-next:hover:after,
#owl-demo5 .owl-prev:hover:after {
  color: #fff
}

#owl-demo5 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: rgba(18, 130, 229, .3);
  padding: 10px;
  border-radius: 5px;
  overflow: hidden
}

.owl-demo5--img {
  border-radius: 5px;
  overflow: hidden
}

#owl-demo5 p {
  margin: 0;
  padding: 25px 0;
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#owl-demo5 p:after {
  content: "\e63b";
  vertical-align: middle;
  font-size: 18px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-top: 20px
}

#owl-demo5 a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, .3)
}

.white .grid--systemlist3 .cell a {
  background-color: #f7f7f7
}

@media (max-width:1599px) {
  .pro1--top-left {
    width: 65%
  }

  .pro1--top-right {
    width: 30%
  }

  .pro13-b--right ul li a {
    padding: 40px 20px
  }
}

@media (max-width:1399px) {
  .pro1--top-left {
    width: 62%
  }

  .pro1--top-right {
    width: 33%
  }

  .pro1--top-right-1,
  .pro1--top-right-2 {
    padding: 30px
  }

  .pro-con2--right-main {
    padding: 50px 30px
  }

  .pro-con2--right-img {
    width: 100px
  }

  .pro-con2--right-con {
    width: calc(100% - 120px)
  }

  .pro-con2--right-tit {
    font-size: 26px
  }

  .pro-con2--right-a a {
    width: 230px;
    font-size: 17px
  }

  .pro12-b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px
  }

  .pro12-b ul li {
    margin: 0 30px 30px 0;
    width: calc(33.333% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 35px
  }

  .pro12-b ul li:nth-child(4n) {
    margin-right: 30px
  }

  .pro12-b ul li:nth-child(3n) {
    margin-right: 0
  }

  .pro12-b ul li span {
    font-size: 17px
  }

  .pro12-b ul li span+span {
    font-size: 16px
  }

  .pro13-b-links--tit {
    font-size: 20px;
    margin-bottom: 15px
  }

  .pro13-b-links--a {
    font-size: 13px
  }

  .pro13-b--right ul li a {
    padding: 39px 15px
  }

  .pro-con1--top ul li span {
    font-size: 18px
  }

  .pro-con1--spe-pdf a {
    padding: 8px 25px
  }

  .pro-con1--spe-pdf a:before {
    font-size: 22px
  }

  .grid--procon1-ideos p {
    font-size: 17px
  }

  .pro-con1--top ul li {
    margin-right: 50px
  }
}

@media (max-width:1199px) {
  .pro1--top-right-1-t {
    font-size: 20px
  }

  .pro1--top-right-1-tit {
    font-size: 16px
  }

  .pro1--top-left {
    width: 60%
  }

  .pro1--top-right {
    width: 36%
  }

  .pro1--top-right-2-tit {
    font-size: 20px;
    margin-bottom: 20px
  }

  .pro1--top-right-1,
  .pro1--top-right-2 {
    padding: 25px
  }

  .grid--pro11-tit {
    font-size: 17px
  }

  .grid--pro11 .cell a {
    padding: 30px 15px
  }

  .pro12-b ul li span {
    font-size: 16px
  }

  .pro12-b ul li span+span {
    font-size: 15px
  }

  .pro13-b--left {
    width: 100%
  }

  .pro13-b--right {
    width: 100%;
    margin-top: 40px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell {
    margin: 0 20px 20px 0;
    width: calc(33.333% - 13.333px)
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 20px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
    margin-right: 20px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 0
  }

  .grid--procon1-ideos p {
    font-size: 16px
  }

  .region--pro-con2 {
    margin-top: 0
  }

  .pro-con2--right {
    width: 48%;
    position: initial
  }

  .pro-con2--left {
    width: 48%
  }

  .pro-con2--pdf ul li i {
    width: 50px;
    height: 50px;
    font-size: 22px
  }

  .pro-con2--pdf ul li span {
    padding: 0 15px;
    font-size: 16px;
    height: 50px
  }

  #owl-demo5 p {
    padding: 20px 0
  }

  .pro-con2--pdf ul {
    margin-top: 20px
  }

  .pro-con2--right-a {
    margin-top: 25px
  }
}

@media (max-width:991px) {
  .pro1--top-main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .pro1--top-left {
    width: 100%
  }

  .pro1--top-right {
    width: 100%
  }

  .pro1--top-right-1 {
    display: none
  }

  .pro1--top-right-2 {
    margin-top: 30px
  }

  .pro1--top-right-2-tit {
    font-size: 18px
  }

  .pro1--top-right-2 ul li a:before {
    font-size: 18px
  }

  .pro1--top-right-2:after {
    font-size: 120px
  }

  .grid--pro11-tit {
    font-size: 16px
  }

  .grid--pro11-a span {
    padding: 6px 25px;
    font-size: 13px
  }

  .pro12-b ul li span {
    font-size: 15px
  }

  .pro12-b ul li span+span {
    font-size: 14px
  }

  .pro12-b ul li:after {
    font-size: 22px
  }

  .pro12-b {
    background-size: 600px 145px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell {
    margin: 0 20px 20px 0;
    width: calc(50% - 13.333px)
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 20px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 20px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--procon1-ideos p {
    font-size: 15px;
    margin-top: 10px
  }

  .pro-con1--top ul li span {
    font-size: 15px
  }

  .pro-con1--top ul li i {
    font-size: 22px;
    margin-right: 8px;
    margin-bottom: 4px
  }

  .pro-con1--top ul li {
    margin-right: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 12px
  }

  .table caption,
  .table table,
  .table th,
  .table-caption>span {
    font-size: 13px
  }

  .proimg-600--main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    align-items: center;
  }

  .proimg-600--con {
    width: 100%
  }

  .proimg-600--img {
    width: 100%;
    max-width: 600px;
    margin-top: 25px
  }

  .proimg-600--img.maxw-400 {
    max-width: 400px;
  }

  .pro-con2--main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .pro-con2--right {
    width: 80%
  }

  .pro-con2--left {
    width: 100%;
    margin-bottom: 25px
  }

  .pro-con2--right-tit {
    font-size: 20px
  }

  .pro-con2--right-a a {
    width: 200px;
    font-size: 16px;
    height: 40px
  }

  .pro-con2--right-a a:after {
    font-size: 18px
  }

  .pro-con2--right-main {
    padding: 20px
  }

  .pro-con2--left p {
    margin-top: -5px
  }

  .pro-con2--pdf ul li i {
    width: 46px;
    height: 46px;
    font-size: 20px
  }

  .pro-con2--pdf ul li span {
    padding: 0 15px;
    font-size: 14px;
    height: 46px
  }

  #owl-demo5 p {
    font-size: 13px
  }

  #owl-demo5 {
    padding: 0 20px
  }
}

@media (max-width:767px) {
  .pro1--top-right-2-tit {
    font-size: 16px;
    margin-bottom: 15px
  }

  .pro1--top-right-2 ul li+li {
    margin-top: 12px
  }

  .pro1--top-right-2 {
    padding: 20px
  }

  .pro1--top-right-2 ul li a {
    font-size: 13px
  }

  .grid--pro11-tit {
    font-size: 15px
  }

  .grid--pro11 .cell a {
    padding: 25px 10px
  }

  .pro12-b ul li span {
    font-size: 14px
  }

  .pro12-b ul li span+span {
    font-size: 13px;
    margin-top: 5px
  }

  .pro12-b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -20px
  }

  .pro12-b ul li {
    margin: 0 20px 20px 0;
    width: calc(50% - 10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 30px
  }

  .pro12-b ul li:nth-child(4n) {
    margin-right: 20px
  }

  .pro12-b ul li:nth-child(3n) {
    margin-right: 20px
  }

  .pro12-b ul li:nth-child(2n) {
    margin-right: 0
  }

  .pro12-b ul li:after {
    font-size: 20px
  }

  .pro13-b--right {
    margin-top: 30px
  }

  .pro13-b-links--tit {
    font-size: 18px;
    margin-bottom: 15px
  }

  .grid--procon1-ideos p {
    font-size: 14px
  }

  .pro-con1--top ul li span {
    font-size: 14px
  }

  .pro-con1--top ul li i {
    font-size: 20px
  }

  .pro-con1--top {
    display: none
  }

  .pro-con1--cell {
    display: block
  }

  .pro-con1--spe-pdf a {
    padding: 6px 20px
  }

  .pro-con1--spe-pdf a:before {
    font-size: 18px
  }

  .pro-con1--spe-pdf {
    float: none;
    position: initial;
    margin-bottom: 20px
  }

  .table caption,
  .table table,
  .table th,
  .table-caption>span {
    font-size: 12px;
    min-width: 60px
  }

  .pro-con1--cell+.pro-con1--cell {
    margin-top: 30px
  }

  .table td,
  .table th {
    padding: 3px 2px
  }

  .pro-con1--cell .h2-tit {
    margin-bottom: 15px
  }

  .pro-con2--pdf ul {
    margin-bottom: -15px
  }

  .pro-con2--pdf ul li {
    margin-right: 15px;
    margin-bottom: 15px
  }

  .pro-con2--right {
    width: 100%
  }

  .pro-con2--left {
    margin-bottom: 20px
  }

  .pro-con2--right-img {
    width: 80px
  }

  .pro-con2--right-tit {
    font-size: 17px
  }

  .pro-con2--right-a a {
    width: 160px;
    font-size: 14px;
    height: 32px
  }

  .pro-con2--right-a a:after {
    font-size: 15px
  }
}

@media (max-width:575px) {
  .pro1--top-right-2 ul li a {
    font-size: 12px
  }

  .pro1--top-right-2 ul li a:before {
    font-size: 16px;
    margin-right: 8px
  }

  .pro1--top-right-2:after {
    font-size: 100px
  }

  .grid--pro11-tit {
    font-size: 14px
  }

  .grid--pro11 .cell a {
    padding: 15px 10px
  }

  .grid--pro11-a span {
    padding: 7px 23px;
    font-size: 12px
  }

  .grid--pro11-img {
    margin: 15px 0 20px
  }

  .pro12-b ul li span {
    font-size: 13px
  }

  .pro12-b ul li span+span {
    font-size: 12px
  }

  .pro12-b ul li:after {
    font-size: 15px
  }

  .pro12-b ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -10px
  }

  .pro12-b ul li {
    margin: 0 0 10px 0;
    width: 100%;
    padding-left: 30px
  }

  .pro12-b ul li:nth-child(4n) {
    margin-right: 0
  }

  .pro12-b ul li:nth-child(3n) {
    margin-right: 0
  }

  .pro12-b ul li:nth-child(2n) {
    margin-right: 0
  }

  .pro12-b {
    position: relative;
    width: 100%;
    background: url(../image/line-bg-1.png) no-repeat right bottom;
    background-size: 400px 97px
  }

  .pro13-b-links--tit {
    font-size: 14px;
    margin-bottom: 10px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell {
    margin: 0 10px 10px 0;
    width: calc(50% - 5px)
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(4n) {
    margin-right: 10px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(3n) {
    margin-right: 10px
  }

  .pro13-b--left .industrialcon2--ul .industrialcon2--cell:nth-child(2n) {
    margin-right: 0
  }

  .pro13-b-links--a {
    font-size: 0
  }

  .pro13-b-links--a:before {
    font-size: 14px
  }

  .pro13-b--right ul li a i {
    font-size: 40px
  }

  .pro13-b--right ul li a {
    padding: 30px 10px
  }

  .grid--procon1-ideos p {
    font-size: 13px
  }

  .pro-con1--top ul li span {
    font-size: 14px
  }

  .pro-con1--top ul li i {
    font-size: 18px
  }

  .pro-con1--cell .h2-tit {
    margin-bottom: 10px
  }

  .pro-con1--spe-pdf {
    margin-bottom: 15px
  }

  .pro-con2--pdf ul li i {
    width: 36px;
    height: 36px;
    font-size: 15px
  }

  .pro-con2--pdf ul li span {
    padding: 0 15px;
    font-size: 12px;
    height: 36px
  }

  .pro-con2--right-main {
    padding: 10px
  }

  .pro-con2--right-img {
    width: 60px
  }

  .pro-con2--right-con {
    width: calc(100% - 80px)
  }

  .pro-con2--right-tit {
    font-size: 14px
  }

  .pro-con2--right-a {
    margin-top: 15px
  }

  .pro-con2--right-a a {
    width: 120px;
    font-size: 13px;
    height: 30px;
    padding: 0 10px
  }

  #owl-demo5 p {
    padding: 15px 0
  }

  #owl-demo5 p:after {
    font-size: 18px;
    margin-top: 10px
  }
}

/*! Category-con2 */
.prospe1--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -20px;
  width: 100%
}

.prospe1--main li {
  margin: 0 20px 20px 0;
  width: calc(11.111% - 17.777px);
  text-align: center
}

.prospe1--main li:nth-child(9n) {
  margin-right: 0
}

.prospe1--main li:last-child {
  margin-right: 0
}

.prospe1--img {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  overflow: hidden
}

.prospe1--tit {
  margin: 15px 0 10px;
  font-weight: 500;
  line-height: 1.4
}

.prospe1--p {
  margin: 0 auto;
  color: #666;
  font-size: 14px;
  font-weight: 300
}

.table .td-left {
  text-align: left
}

.table .td-left .pro-ul {
  margin-bottom: 0
}

.prospe2--con {
  margin-top: 30px
}

.prospe2--cell {
  display: none
}

.prospe2--cell.is-active {
  display: block
}

.prospe2--main-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.prospe2--main-top ul li {
  width: 200px;
  background-color: #f3f3f3;
  padding: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  text-align: center
}

.prospe2--main-top ul li p {
  margin: 0;
  padding: 15px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.prospe2--main-top ul li p.marginT-0 {
  padding: 0
}

.prospe2--main-top ul li.is-active,
.prospe2--main-top ul li:hover {
  background-color: #C4161C
}

.prospe2--main-top ul li.is-active p,
.prospe2--main-top ul li:hover p {
  color: #fff
}

.structure-stage {
  margin-top: 15px
}

.structure-stage ul li {
  border: 1px solid #dfdfdf
}

.structure-stage--tit {
  font-weight: 700;
  line-height: 1.3;
  padding: 15px 50px 15px 25px;
  cursor: pointer;
  position: relative
}

.structure-stage--con {
  padding: 0 50px 0 25px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}

.structure-stage ul li+li {
  margin-top: 20px
}

.structure-stage ul li.active .structure-stage--con {
  padding: 0 50px 25px 25px;
  height: auto;
  opacity: 1;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  visibility: visible;
  overflow: hidden
}

.structure-stage--con p:last-child {
  margin-bottom: 0
}

.structure-stage--tit:after {
  display: inline-block;
  content: "\e6c3";
  font-size: 18px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #C4161C;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute
}

.structure-stage ul li.active .structure-stage--tit:after {
  content: "\e6c4"
}

.pro-con12-spe .table-left td,
.pro-con12-spe .table-left th {
  text-align: left
}

.pro-con12-spe .table-caption>span>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con12-spe .table-caption>span>span img {
  width: 100px;
  height: 75px;
  margin: auto;
  margin-bottom: 10px
}

.pro-con12-spe--img {
  width: 100%
}

.pro-con12-spe--img p {
  margin-top: 10px;
  font-weight: 500;
  margin-bottom: 0
}

.td-1 {
  width: 20%
}

.td-2 {
  width: 40%
}

.pro-con12-spe .expanded .table-caption span span,
.pro-con12-spe .table-caption:hover span span {
  color: #C4161C
}

.pro-con12-spe .table-caption {
  padding-right: 40px
}

.pro-con120-spe--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.pro-con120-spe--top img {
  width: 100px;
  height: 75px;
  margin: auto;
  margin-bottom: 10px
}

.pro-con120-spe--cell {
  border: solid 1px #ddd
}

.pro-con120-spe--cell+.pro-con120-spe--cell {
  margin-top: 20px
}

.pro-con120-spe--top {
  position: relative;
  padding: 20px 40px 20px 20px;
  cursor: pointer;
  font-weight: 500
}

.pro-con120-spe--con {
  padding: 20px 20px 20px 20px;
  display: none;
  border-top: solid 1px #f1f1f1
}

.pro-con120-spe--top:after {
  display: inline-block;
  content: "\e6c3";
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #C4161C;
  top: 50%;
  right: 10px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.pro-con120-spe--top:hover {
  color: #C4161C
}

.pro-con12-spe--main {
  width: 100%
}

.pro-con120-spe-opened.pro-con120-spe--top:after {
  content: "\e6c4"
}

.pro-con120-spe--cell.pro-con120-spe-opened0 {
  border: solid 1px #C4161C
}

@media (max-width:1599px) {
  .prospe1--main li {
    margin: 0 20px 20px 0;
    width: calc(12.5% - 17.5px);
    text-align: center
  }

  .prospe1--main li:nth-child(9n) {
    margin-right: 20px
  }

  .prospe1--main li:nth-child(8n) {
    margin-right: 0
  }
}

@media (max-width:1399px) {
  .prospe1--main {
    margin-bottom: -20px
  }

  .prospe1--main li {
    margin: 0 15px 20px 0;
    width: calc(14.285% - 12.857px);
    text-align: center
  }

  .prospe1--main li:nth-child(9n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(8n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(7n) {
    margin-right: 0
  }
}

@media (max-width:1199px) {
  .prospe1--main li {
    margin: 0 15px 20px 0;
    width: calc(20% - 12px);
    text-align: center
  }

  .prospe1--main li:nth-child(9n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(8n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(7n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(6n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(5n) {
    margin-right: 0
  }

  .prospe1--p {
    font-size: 13px
  }

  .prospe2--main-top ul {
    gap: 30px;
  }

  .prospe2--main-top ul li {
    width: 160px;
    padding: 10px
  }
}

@media (max-width:991px) {
  .prospe2--main-top ul {
    gap: 20px;
  }

  .prospe2--main-top ul li {
    width: 140px;
    padding: 10px
  }

  .prospe2--con {
    margin-top: 20px
  }

  .prospe2--main-top ul li p {
    padding: 10px 0 0;
    font-size: 13px
  }

  .pro-con120-spe--cell+.pro-con120-spe--cell {
    margin-top: 15px
  }
}

@media (max-width:767px) {
  .prospe1--main {
    margin-bottom: -15px
  }

  .prospe1--main li {
    margin: 0 15px 15px 0;
    width: calc(25% - 11.25px);
    text-align: center
  }

  .prospe1--main li:nth-child(9n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(8n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(7n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(6n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(5n) {
    margin-right: 15px
  }

  .prospe1--main li:nth-child(4n) {
    margin-right: 0
  }

  .prospe1--tit {
    margin: 10px 0 5px;
    font-size: 13px
  }

  .prospe1--p {
    font-size: 12px
  }

  .prospe2--main-top ul {
    gap: 10px;
  }

  .prospe2--main-top ul li {
    width: 110px;
    padding: 5px
  }

  .structure-stage ul li+li {
    margin-top: 15px
  }

  .structure-stage--tit {
    padding: 12px 50px 12px 25px
  }

  .pro-con12-spe--img p {
    margin-top: 5px
  }
}

@media (max-width:575px) {
  .prospe1--main {
    margin-bottom: -10px
  }

  .prospe1--main li {
    margin: 0 10px 10px 0;
    width: calc(50% - 5px);
    text-align: center
  }

  .prospe1--main li:nth-child(9n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(8n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(7n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(6n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(5n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(4n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(3n) {
    margin-right: 10px
  }

  .prospe1--main li:nth-child(2n) {
    margin-right: 0
  }

  .prospe2--main-top ul li p {
    font-size: 12px
  }

  .prospe2--main-top ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -10px;
  }

  .prospe2--main-top ul li {
    padding: 5px;
    width: calc(50% - 5px);
    max-width: 120px
  }

  .prospe2--main-top ul li:nth-child(2n) {
    margin-right: 0
  }

  .structure-stage {
    margin-top: 10px
  }

  .pro-con120-spe--top {
    padding: 10px 30px 10px 10px
  }

  .pro-con120-spe--con {
    padding: 10px
  }

  .pro-con120-spe--top:after {
    font-size: 20px
  }

  .pro-con120-spe--cell+.pro-con120-spe--cell {
    margin-top: 10px
  }
}

/*! selection guide */
.grid--selection-guide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grid--selection-guide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e6f2fd;
  padding: 10px;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height: 100%
}

.grid--selection-guide a p {
  margin: 0;
  padding: 20px 0 15px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--selection-guide-con {
  width: 100%
}

.grid--selection-guide-img {
  position: relative;
  border-radius: 6px;
  overflow: hidden
}

.grid--selection-guide-img:before {
  content: "";
  width: 165px;
  height: 165px;
  border: 83px solid rgba(18, 130, 229, .9);
  border-top-color: transparent;
  border-left-color: transparent;
  line-height: 1;
  cursor: pointer;
  color: rgba(18, 130, 229, .9);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--selection-guide-img:after {
  content: "\e66b";
  font-size: 52px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 25px;
  z-index: 2
}

.grid--selection-guide a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  background-color: rgba(18, 130, 229, .9)
}

.grid--selection-guide a:hover .grid--selection-guide-img:before {
  border-color: rgb(34, 152, 255, .9);
  border-top-color: transparent;
  border-left-color: transparent;
}

.grid--selection-guide a:hover p {
  color: #fff
}

.region--selection-guide {
  position: relative;
  z-index: 10
}

.region--selection-guide:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 160px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), to(#fff));
  background: -o-linear-gradient(top, #f2f2f2 0, #fff 100%);
  background: linear-gradient(180deg, #f2f2f2 0, #fff 100%);
  top: 0;
  left: 0;
  z-index: -1
}

.h4-tit {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px
}

.h5-tit {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px
}

.selection-guide-con--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.selection-guide-con--top-left {
  width: 67.333%
}

.selection-guide-con--top-right {
  width: 27.333%
}

.selection-guide-con--top-right a {
  background-color: #C4161C;
  border-radius: 10px;
  overflow: hidden;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.selection-guide-con--top-right-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.selection-guide-con--top-right-tit i {
  font-size: 26px;
  margin-right: 14px
}

.selection-guide-con--top-right-tit span {
  line-height: 1.2;
  font-size: 24px;
  font-weight: 500
}

.selection-guide-con--top-right p {
  font-size: 14px;
  color: #89c1f2;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.selection-guide-con--top-right a>i {
  font-size: 26px;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.selection-guide-con--top-right a:before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  background-color: #fff;
  opacity: .9;
  border-radius: 10px 0 10px 0;
  z-index: 1;
  content: ""
}

.selection-guide-con--top-right a:after {
  color: #C4161C;
  content: "\e626";
  vertical-align: middle;
  font-size: 30px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2
}

.selection-guide-con--top-right a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  background-color: #2298ff
}

.selection-guide-con--top-right a:hover p {
  color: #fff
}

.spcon-sc--top ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.spcon-sc--top ul li {
  margin: 0 20px;
  cursor: pointer;
  padding-bottom: 20px;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  font-weight: 700;
  line-height: 1.2
}

.spcon-sc--top ul li:after {
  width: 0;
  height: 2px;
  background-color: #C4161C;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.spcon-sc--top ul li.is-active:after {
  width: 100%
}

.spcon-sc--cell {
  display: none
}

.spcon-sc--cell.is-active {
  display: block
}

.supports--tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.1;
  font-size: 38px;
  font-weight: 700;
  text-transform: uppercase
}

.supports--tit b {
  padding-left: 38px;
  position: relative;
  font-weight: 700;
  padding-right: 10px
}

.supports--tit b:before {
  display: block;
  color: #C4161C;
  content: "\e665";
  vertical-align: middle;
  font-size: 27px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  position: absolute;
  font-weight: 400;
  left: 0;
  bottom: 0
}

.supports--tit b:after {
  content: "";
  height: calc(100% - 30px);
  width: 1px;
  left: 13px;
  background-color: #C4161C;
  position: absolute;
  top: 0
}

.supports--tit.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.supports--tit b {
  color: #C4161C
}

.supports-videos--con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -30px
}

.supports-videos--cell {
  width: calc(25% - 22.5px);
  margin: 0 30px 30px 0
}

.supports-videos--con .supports-videos--cell:nth-child(4n) {
  margin-right: 0
}

.supports-videos--con .supports-videos--cell:last-child {
  margin-right: 0
}

.supports-videos--con .supports-videos--cell p {
  margin: 0;
  padding: 15px;
  text-align: center;
  font-weight: 500;
  line-height: 1.4
}

.supports-videos--view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 192px;
  height: 38px;
  border: 1px solid #C4161C;
  border-radius: 25px;
  margin: 25px auto 0;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all .05s;
  -o-transition: all .05s;
  transition: all .05s
}

.supports-videos--view span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #C4161C;
  cursor: pointer
}

.supports-videos--view span:after {
  display: inline-block;
  padding-left: 5px;
  content: "\e6c0";
  vertical-align: middle;
  font-size: 16px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s
}

.supports-videos--view:hover {
  background-color: #C4161C
}

.supports-videos--view:hover span,
.supports-videos--view:hover span:after {
  color: #fff
}

.supports-videos--view:hover span:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1)
}

.supports-videos--main.is-opened .supports-videos--view {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.supports-videos--view span:after {
  display: none
}

.supports-videos--main.is-opened .supports-videos--view:after {
  display: block;
  color: #C4161C;
  content: "\e6c2";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.supports-videos--main.is-opened .supports-videos--view:hover:after {
  color: #fff
}

.grid--supports-technology a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%
}

.supports-technology--img {
  position: relative
}

.supports-technology--con {
  position: absolute;
  bottom: 45px;
  right: 0;
  max-width: 100%;
  padding-left: 45px;
  z-index: 1
}

.supports-technology--con-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(18, 130, 229, .9);
  color: #fff;
  padding: 15px 25px 15px 0;
  height: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.supports-technology--conleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 15px
}

.supports-technology--con:after {
  content: '';
  width: calc(26.5%);
  border-bottom: 80px solid rgba(18, 130, 229, .9);
  border-left: 45px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1
}

.supports-technology--conleft span:first-child {
  font-weight: 300;
  line-height: 1;
  font-size: 14px
}

.supports-technology--conleft span+span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 7px
}

.supports-technology--con-1>i {
  font-size: 40px;
  line-height: 1;
  font-weight: 400
}

.grid--supports-technology a p {
  margin: 0;
  padding: 20px;
  color: #333;
  font-weight: 500;
  line-height: 1.3;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f2f2f2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

.grid--supports-technology a p:after {
  content: "\e632";
  vertical-align: middle;
  font-size: 24px;
  font-family: iconfont;
  line-height: 1;
  font-style: normal;
  margin-top: 15px;
  color: #C4161C;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--supports-technology a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.grid--supports-technology a:hover p {
  background-color: #C4161C;
  color: #fff
}

.grid--supports-technology a:hover p:after {
  color: #fff
}

.supports-con-top-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.supports-con-top-i i {
  line-height: 1;
  font-size: 24px
}

.supports-con-top-i span {
  font-weight: 300;
  line-height: 1.3;
  font-weight: 300;
  margin-left: 10px
}

.grid--pro-img .cell {
  border-radius: 5px;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  position: relative
}

.grid--pro-img .cell img {
  border-radius: 5px;
  overflow: hidden
}

.grid--pro-img .cell p {
  margin: 0;
  padding: 15px 0 5px
}

.grid--pro-img .cell p span {
  display: block
}

.grid--pro-img .cell p span+span {
  margin-top: 10px;
  color: #666
}

.grid--pro-img-pp .cell p+p {
  margin-top: -10px
}

.grid--step {
  border-radius: 5px 0 5px 0;
  background-color: rgba(18, 130, 229, .7);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  font-weight: 700;
  padding: 10px 15px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: italic
}

.grid--step span {
  font-size: 22px;
  margin-left: 5px
}

.pro-ul-tit {
  font-weight: 700;
  margin-bottom: 10px
}

.grid--pro-img-pp .line-b.line-30 {
  margin-bottom: 5px;
  padding-bottom: 10px
}

.line-b.line-30:after {
  width: 30px
}

.grid--pro-img-pp .cell p+p {
  font-size: 14px
}

@media (max-width:1599px) {
  .h4-tit {
    font-size: 26px
  }

  .selection-guide-con--top-right a {
    padding: 30px
  }

  .selection-guide-con--top-right-tit span {
    font-size: 22px
  }

  .supports-technology--con-1>i {
    font-size: 34px
  }

  .supports-technology--conleft span+span {
    font-size: 16px
  }

  .supports-technology--con-1 {
    padding: 10px 15px 10px 0
  }

  .supports--tit {
    font-size: 36px
  }
}

@media (max-width:1399px) {
  .grid--selection-guide a p {
    padding: 15px 0 10px
  }

  .grid--selection-guide-img:before {
    width: 130px;
    height: 130px;
    border-width: 65px;
  }

  .grid--selection-guide-img:after {
    font-size: 44px;
    right: 12px;
    bottom: 15px
  }

  .h4-tit {
    font-size: 24px
  }

  .h5-tit {
    font-size: 20px;
    margin-bottom: 15px
  }

  .selection-guide-con--top-right-tit span {
    font-size: 20px
  }

  .selection-guide-con--top-right {
    width: 28.333%
  }

  .selection-guide-con--top-right-tit i {
    font-size: 24px;
    margin-right: 10px
  }

  .supports--tit {
    font-size: 32px
  }

  .supports--tit b:before {
    font-size: 22px
  }

  .supports--tit b:after {
    height: calc(100% - 25px);
    left: 11px
  }

  .supports--tit b {
    padding-left: 32px
  }

  .supports-con-top-i i {
    font-size: 22px
  }

  .grid--step {
    font-size: 14px;
    padding: 10px 15px
  }

  .grid--step span {
    font-size: 20px
  }
}

@media (max-width:1199px) {
  .h4-tit {
    font-size: 22px;
    margin-bottom: 15px
  }

  .selection-guide-con--top-left {
    width: 63%
  }

  .selection-guide-con--top-right {
    width: 33%
  }

  .selection-guide-con--top-right-tit i {
    font-size: 22px;
    margin-right: 10px
  }

  .selection-guide-con--top-right-tit span {
    font-size: 18px
  }

  .selection-guide-con--top-right a:before {
    width: 50px;
    height: 50px
  }

  .selection-guide-con--top-right a:after {
    right: 10px;
    bottom: 11px
  }

  .supports-videos--con {
    margin-bottom: -20px
  }

  .supports-videos--cell {
    width: calc(50% - 10px);
    margin: 0 20px 20px 0
  }

  .supports-videos--con .supports-videos--cell:nth-child(4n) {
    margin-right: 20px
  }

  .supports-videos--con .supports-videos--cell:nth-child(2n) {
    margin-right: 0
  }

  .grid--step {
    font-size: 13px;
    padding: 8px 12px
  }

  .grid--step span {
    font-size: 18px
  }

  .supports--tit {
    font-size: 28px
  }

  .supports--tit b:before {
    font-size: 20px
  }

  .supports--tit b:after {
    height: calc(100% - 22px);
    left: 10px
  }

  .supports--tit b {
    padding-left: 30px;
    padding-right: 8px
  }
}

@media (max-width:991px) {
  .h4-tit {
    font-size: 20px;
    margin-bottom: 15px
  }

  .selection-guide-con--top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .selection-guide-con--top-left {
    width: 100%
  }

  .selection-guide-con--top-right {
    width: 100%;
    margin-top: 25px;
    max-width: 400px
  }

  .selection-guide-con--top-right p {
    font-size: 13px
  }

  .supports-technology--conleft span:first-child {
    font-size: 13px
  }

  .supports-con-top-i i {
    font-size: 20px
  }

  .h5-tit {
    font-size: 18px
  }

  .supports--tit {
    font-size: 24px
  }

  .supports--tit b:before {
    font-size: 18px
  }

  .supports--tit b:after {
    height: calc(100% - 20px);
    left: 9px
  }

  .supports--tit b {
    padding-left: 26px;
    padding-right: 7px
  }

  .grid--pro-img-pp .cell p+p {
    font-size: 13px
  }
}

@media (max-width:767px) {
  .h4-tit {
    font-size: 18px;
    margin-bottom: 10px
  }

  .selection-guide-con--top-right a {
    padding: 20px
  }

  .selection-guide-con--top-right a>i {
    font-size: 22px;
    margin-top: 0
  }

  .selection-guide-con--top-right-tit span {
    font-size: 16px
  }

  .selection-guide-con--top-right a:before {
    width: 40px;
    height: 40px
  }

  .selection-guide-con--top-right a:after {
    right: 8px;
    bottom: 8px;
    font-size: 24px
  }

  .supports-videos--con {
    margin-bottom: -20px
  }

  .spcon-sc--top ul li {
    padding-bottom: 15px
  }

  .supports-videos--view {
    width: 170px;
    height: 36px;
    margin: 20px auto 0
  }

  .supports-technology--conleft span+span {
    font-size: 14px;
    margin-top: 0
  }

  .grid--supports-technology a p {
    font-weight: 700;
    padding: 15px
  }

  .supports-technology--conleft span:first-child {
    display: none
  }

  .supports-technology--con-1 {
    height: 50px
  }

  .supports-technology--con:after {
    border-bottom: 50px solid rgba(18, 130, 229, .9)
  }

  .supports-technology--con-1>i {
    font-size: 28px
  }

  .supports-technology--conleft {
    margin-right: 10px
  }

  .grid--step {
    font-size: 13px;
    padding: 6px 10px
  }

  .grid--step span {
    font-size: 15px
  }

  .h5-tit {
    font-size: 16px;
    margin-bottom: 10px
  }

  .supports--tit {
    font-size: 20px
  }

  .supports--tit b:before {
    font-size: 16px
  }

  .supports--tit b:after {
    height: calc(100% - 18px);
    left: 7px
  }

  .supports--tit b {
    padding-left: 24px;
    padding-right: 6px
  }
}

@media (max-width:575px) {
  .h4-tit {
    font-size: 16px;
    margin-bottom: 10px
  }

  .selection-guide-con--top-right-tit span {
    font-size: 14px
  }

  .selection-guide-con--top-right p {
    font-size: 12px
  }

  .spcon-sc--top ul li {
    padding-bottom: 10px;
    margin: 0 10px
  }

  .supports-videos--view {
    width: 150px;
    height: 32px;
    margin: 20px auto 0
  }

  .supports-videos--main.is-opened .supports-videos--view {
    width: 36px;
    height: 36px
  }

  .supports-videos--con {
    margin-bottom: -10px
  }

  .supports-videos--con .supports-videos--cell p {
    padding: 10px 0 0
  }

  .supports-videos--cell {
    width: calc(50% - 5px);
    margin: 0 10px 10px 0
  }

  .supports-videos--con .supports-videos--cell:nth-child(4n) {
    margin-right: 10px
  }

  .supports-videos--con .supports-videos--cell:nth-child(2n) {
    margin-right: 0
  }

  .supports-technology--conleft span+span {
    font-size: 12px
  }

  .supports-technology--conleft span:first-child {
    font-size: 12px
  }

  .grid--supports-technology a p:after {
    font-size: 20px
  }

  .supports-con-top-i i {
    font-size: 18px
  }

  .supports-con-top-i span {
    margin-left: 5px
  }

  .grid--pro-img .cell {
    padding: 5px;
    overflow: hidden
  }

  .grid--pro-img .cell p {
    margin: 0;
    padding: 10px 0 5px
  }

  .grid--pro-img .cell p span+span {
    margin-top: 5px
  }

  .grid--step {
    font-size: 12px;
    padding: 6px 10px;
    left: 5px;
    top: 5px
  }

  .grid--step span {
    font-size: 14px
  }

  .pro-ul-tit {
    margin-bottom: 5px
  }

  .h5-tit {
    font-size: 14px;
    margin-bottom: 8px
  }

  .supports--tit {
    font-size: 18px
  }

  .supports--tit b:before {
    font-size: 12px
  }

  .supports--tit b:after {
    height: calc(100% - 14px);
    left: 5px
  }

  .supports--tit b {
    padding-left: 20px;
    padding-right: 5px
  }

  .grid--pro-img-pp .cell p+p {
    font-size: 12px
  }
}

/*! search02*/
.search02 ol {
  padding-left: 0
}

.search02 .result-h3 {
  background-color: #7d7d7d;
  text-align: center;
  font-weight: 700;
  margin: 15px 0 30px;
  padding: 10px;
  color: #fff;
  font-size: 18px
}

.search02 .keyword {
  color: red
}

.search02 ol li {
  border-bottom: solid 1px #999;
  margin-bottom: 10px;
  padding: 10px;
  margin-left: 15px
}

.content1 section .search02 a .searchtit {
  font-weight: 700;
  color: #333;
  display: block
}

.search02 .result-h5 {
  color: #555;
  font-weight: 500;
  font-size: 14px;
  margin: 5px auto;
  font-style: italic
}

.search02 p {
  margin-top: 10px;
  color: #666
}

.search02 .result-h2 {
  font-weight: 600;
  font-size: 1.3em;
  margin: 20px 0
}

.search-else {
  text-align: center;
  margin-top: 40px
}

.search-else img {
  max-width: 100%
}

.pro-search-tit {
  font-weight: 700;
  color: #333;
  margin-bottom: 3px
}

.search02.search03 #search-bar {
  width: 100%;
  margin-top: 30px
}

.search02 .search:before {
  display: none
}

.search02:hover .search:before {
  color: #00a0e9
}

.search02.search03 input[name=keywords] {
  width: 100%;
  border: solid 1px #333
}

.search02.search03 input[name=keywords]:focus {
  border: solid 1px #C4161C
}

.search03 input[name=keywords] {
  background: #fff;
  border-radius: 50px;
  width: 540px;
  padding: 15px 60px 15px 30px;
  border: 0;
  border: solid 1px #fff
}

.search03 input[name=keywords]:focus {
  border: solid 1px #C4161C;
  outline-style: none
}

.search02 .search input[type=submit] {
  position: absolute;
  right: 1px;
  border: 0;
  top: 1px;
  width: 50px;
  z-index: 2;
  background-color: unset;
  cursor: pointer
}

.grid--gutter.grid--302 .cell {
  max-width: 66%
}

.search03 button {
  cursor: pointer;
  width: 80px;
  height: 38px;
  background: #C4161C;
  border-radius: 30px;
  outline-style: none;
  border: 0;
  -o-transition: all .3s;
  transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  position: absolute;
  right: 6px;
  top: 6px
}

.search03 button:hover {
  width: 100px
}

.search03 button i {
  font-size: 0
}

.search03 button i:before {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -6px;
  font-weight: 100
}

#search-bar {
  position: relative
}

.region--search .breadcrumbs {
  padding-top: 20px;
  font-size: 14px
}

.searchimg {
  text-align: center;
  margin: 20px 0 50px 0
}

.result-hs {
  font-size: 30px
}

.search02 .input-search:after {
  display: inline-block;
  padding-left: 5px;
  content: "\e6c6";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  color: #fff
}

.pro-search-top {
  color: #666;
  font-size: 14px
}

.region--page .search02 a {
  text-decoration: none
}

.region--page .search02 a:hover {
  text-decoration: underline
}

@media (max-width:1199px) {
  .result-hs {
    font-size: 20px
  }

  .pro-search-top {
    font-size: 13px
  }
}

@media (max-width:575px) {
  .result-hs {
    font-size: 16px
  }

  .pro-search-top {
    font-size: 10px
  }

  .search03 input[name=keywords] {
    height: 40px
  }

  .search02 .result-h3 {
    font-size: 14px
  }

  .search03 button {
    cursor: pointer;
    width: 40px;
    height: 28px
  }

  .search03 button i:before {
    font-size: 18px
  }

  .search02 ol li {
    margin-bottom: 10px;
    padding: 0
  }

  .region--search .paddingTB-60 {
    padding: 20px 0
  }

  .search02 .result-h5 {
    color: #333;
    font-size: 12px
  }
}

/*! downloads */
.grid--downloads .cell {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.grid--downloads-img {
  padding: 10px 40px
}

.grid--downloads .cell p {
  margin: 0;
  padding: 5px 10px 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #333;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.grid--downloads .cell a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.grid--downloads-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.grid--downloads-b a {
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid #e6e6e6;
  font-size: 20px;
  line-height: 1
}

.grid--downloads-b a:hover {
  background-color: #f2f2f2;
  text-decoration: none
}

.grid--downloads .cell a:hover p {
  color: #C4161C
}

.grid--downloads .cell a:hover {
  text-decoration: none
}

.grid--downloads .cell:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.gallery--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.gallery--top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.gallery--top ul li {
  margin: 0 12px;
  margin-bottom: 15px
}

.gallery--top ul li a {
  line-height: 1.2;
  color: #C4161C;
  padding: 10px 25px;
  border: 2px solid #C4161C;
  border-radius: 5px;
  background-color: unset;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.gallery--top ul li a:hover {
  background-color: #C4161C;
  color: #fff;
  text-decoration: none
}

.grid--gallery .cell {
  padding: 10px;
  border-radius: 5px;
  background-color: #f7f7f7
}

.grid--gallery .cell p {
  margin: 0;
  padding: 20px 0 10px;
  line-height: 1.4;
  text-align: center
}

.grid--gallery-img {
  position: relative;
  border-radius: 5px;
  overflow: hidden
}

.grid--gallery-t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px 0 0;
  line-height: 1.2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px
}

.grid--gallery-t span {
  padding-left: 5px
}

.grid--gallery-t i {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px
}

.gray .grid--gallery .cell {
  background-color: #fff
}

.grid--gallery-01 .grid--gallery-t,
.grid--gallery-01 .grid--gallery-t i {
  background-color: rgba(18, 130, 229, .7)
}

.grid--gallery-02 .grid--gallery-t,
.grid--gallery-02 .grid--gallery-t i {
  background-color: rgba(129, 78, 0, .7)
}

.grid--gallery-03 .grid--gallery-t,
.grid--gallery-03 .grid--gallery-t i {
  background-color: rgba(4, 56, 101, .7)
}

.grid--gallery-04 .grid--gallery-t,
.grid--gallery-04 .grid--gallery-t i {
  background-color: rgba(160, 140, 116, .7)
}

.region--page-downloads .region--page:nth-child(odd) {
  background-color: #f5f5f5
}

.maxw--1000.texe-left,
.maxw--1000.text-left {
  margin-left: 0
}

.footer--scrollpopup *,
.scrollpopup *,
.scrollpopup--contact * {
  font-family: Ubuntu, sans-serif !important
}

.scrollpopup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999
}

.scrollpopup-1 {
  width: 800px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  position: absolute;
  z-index: 6;
  padding: 70px 120px 40px
}

.scrollpopup .close {
  top: 5px;
  right: 15px;
  position: absolute;
  line-height: 1;
  font-size: 30px;
  cursor: pointer;
  transition: all .3s
}

.scrollpopup .close:hover {
  color: #0a508d
}

.mask {
  position: absolute;
  z-index: 4;
  background-color: #000;
  opacity: .3;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.scrollpopup--con>div>div>div {
  background: unset !important
}

.scrollpopup--main {
  display: flex;
  margin-top: 25px;
  justify-content: center
}

.scrollpopup--img {
  width: 80px
}

.scrollpopup--con {
  width: 300px;
  margin-left: 15px
}

.scrollpopup--img .img--135,
.scrollpopup--img .img--135 img {
  background: unset
}

.scrollpopup--top {
  line-height: 1.3;
  font-size: 40px;
  color: #0a508d;
  font-weight: 700;
  margin-bottom: 30px
}

.scrollpopup-1 p {
  font-size: 14px;
  color: #999
}

.scrollpopup--con>div>div>div>div input+fieldset input {
  width: 300px;
  height: 38px;
  border: 1px solid #C4161C;
  border-radius: 17px;
  text-transform: uppercase;
  text-align: center
}

.scrollpopup--con>div>div>div>div fieldset+fieldset div {
  width: 300px;
  height: 38px;
  border: 1px solid #C4161C !important;
  border-radius: 17px !important;
  background: #C4161C !important;
  color: #fff;
  padding: 10px !important;
  text-transform: uppercase;
  transition: all .3s;
  font-weight: 500
}

.scrollpopup--con>div>div>div>div fieldset {
  padding: 0 !important
}

.scrollpopup--con>div>div>div>div {
  padding: 0 !important
}

.scrollpopup--b {
  margin-top: 30px
}

.scrollpopup--b ul {
  display: flex;
  justify-content: center;
  line-height: 1.2
}

.scrollpopup--b ul li+li {
  margin-left: 10px;
  padding-left: 10px;
  border-left: solid 1px #c5c5c5
}

.scrollpopup--b ul li a {
  font-size: 14px;
  color: #999
}

.footer--scrollpopup>div>div>div {
  background: unset !important
}

.footer--scrollpopup {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px
}

.footer--scrollpopup>div>div>div>div input+fieldset input {
  width: 100%;
  max-width: 200px;
  height: 36px;
  border-radius: 17px;
  text-align: center;
  border: 1px solid #C4161C;
  margin-top: 15px;
  font-size: 14px;
  color: #333 !important;
  font-weight: 300 !important
}

.footer--scrollpopup>div>div>div>div fieldset+fieldset div {
  width: 100%;
  max-width: 200px;
  height: 36px;
  border: 1px solid #C4161C !important;
  border-radius: 16px !important;
  background: #C4161C !important;
  color: #fff;
  padding: 10px !important;
  transition: all .3s;
  text-transform: uppercase;
  font-weight: 500
}

.footer--scrollpopup>div>div>div>div fieldset+fieldset div:hover {
  background-color: #2298ff !important
}

.footer--scrollpopup>div>div>div>div fieldset {
  padding: 0 !important
}

.footer--scrollpopup>div>div>div>div {
  padding: 0 !important
}

.scrollpopup--contact>div>div>div {
  background: unset !important
}

.scrollpopup--contact {
  width: 100%;
  display: flex
}

.scrollpopup--contact>div,
.scrollpopup--contact>div>div,
.scrollpopup--contact>div>div>div {
  width: 100%
}

.scrollpopup--contact>div>div>div>div {
  display: flex !important;
  width: 100%;
  max-width: 90%
}

.scrollpopup--contact>div>div>div>div input+fieldset {
  width: calc(100% - 120px) !important;
  margin-right: 20px !important
}

.scrollpopup--contact>div>div>div>div input+fieldset input {
  font-size: 14px !important;
  border: 1px solid #C4161C !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background-color: #fff !important
}

.scrollpopup--contact>div>div>div>div fieldset+fieldset {
  width: 120px !important
}

.scrollpopup--contact>div>div>div>div fieldset+fieldset div {
  border-radius: 18px !important;
  background-color: #C4161C !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all .3s !important;
  letter-spacing: .6px !important;
  border: solid 2px #C4161C !important;
  padding: 8px !important;
  height: 36px !important;
  display: flex !important;
  align-content: center !important;
  justify-content: center !important;
  text-transform: uppercase
}

.scrollpopup--contact>div>div>div>div fieldset+fieldset div:hover {
  background-color: #2298ff !important;
  border: solid 2px #2298ff !important
}

.scrollpopup--contact>div>div>div>div fieldset {
  padding: 0 !important
}

.scrollpopup--contact>div>div>div>div {
  padding: 0 !important
}

/* .resources--main{ min-height: 600px;} */
.resources--main .cell {
  width: 100%;
  max-width: 100%;
}

.resources--main colgroup [name="el-table_1_column_1"] {
  width: 50%;
}

.resources--main colgroup [name="el-table_1_column_2"] {
  width: 35%;
}

.resources--main colgroup [name="el-table_1_column_3"] {
  width: 15%;
}

.resources--main tbody .el-table__row td:first-child {
  color: #C4161C;
}

.resources--main tbody .el-table__row td {
  cursor: pointer;
}

.resources--main .el-pagination {
  margin-top: 20px;
}

.resources--main .el-table--fit {
  margin-top: 30px;
}

.resources--main thead .cell {
  color: #333;
}

.resources--main .el-table th.el-table__cell {
  background-color: #eee;
}

.resources--main .el-input__wrapper {
  padding: 0;
  line-height: 1;
}

.resources--main .resources--search .el-input__inner {
  background-color: #fff;
  padding: 20px 0 20px 50px;
  border: 1px solid #DFDFDF;
}

.resources--main .resources--search .el-input__inner:focus {
  border: 1px solid #C4161C;
}

.resources--main .resources--search {
  position: relative;
}

.resources--main .resources--search .el-button {
  width: 0;
  height: 0;
  padding: 0;
}

.resources--main .resources--search .el-button:after {
  display: block;
  color: #C4161C;
  content: "\e6c6";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 12px;
}

.resources--main .resources--search .el-button span {
  font-size: 0;
}

.resources--main .resources--search+div>span {
  display: none;
}

.resources--main .el-button.data-reset-button {
  border-width: 0;
  padding: 0;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.2;
  height: auto;
  color: #666;
  font-weight: 400;
  background-color: unset;
}

.resources--main .el-button.data-reset-button:before {
  content: "\e8c1";
  vertical-align: middle;
  font-size: 20px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  cursor: pointer;
  margin-right: 5px;
}

.resources--main .el-button.data-reset-button:hover {
  color: #C4161C;
}

.resources--main .el-button.data-reset-button:focus,
.resources--main .el-button.data-reset-button:hover {
  background-color: unset;
}

.resources--main .el-table {
  font-size: 14px;
}

.resources--main .el-table .cell {
  line-height: 1.5;
}

.resources--top {
  background-color: #f7f7f7;
  padding: 20px;
  box-shadow: 0 0 2px rgb(0 0 0 / 5%);
}

.grid--c a {
  display: flex;
  background-color: #fff;
  padding: 25px;
  justify-content: space-between;
  align-items: center;
}

.grid--c-img {
  width: 120px;
}

.grid--c a p {
  width: calc(100% - 140px);
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
}

.grid--c a:hover {
  text-decoration: none;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.grid--k {
  overflow: hidden;
  position: relative;
}

.grid--k a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.grid--k .cell {
  position: relative;
  padding-bottom: 20px;
}

.grid--k .cell:after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% + 30px);
  top: -25px;
  right: -15px;
  background-color: #E2E2E2;
}

.grid--k .cell:before {
  content: "";
  position: absolute;
  width: calc(100% + 30px);
  height: 1px;
  bottom: -5px;
  left: -15px;
  background-color: #E2E2E2;
}

.grid--k:after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 25px;
  left: 0;
  background-color: #fff;
}

.grid--k-con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.grid--k-con i {
  line-height: 1;
  font-size: 22px;
}

.grid--k-con p {
  color: #333;
  font-weight: 500;
  margin: 20px 0;
  transition: all .3s;
  line-height: 1.5;
}

.grid--k a:hover {
  text-decoration: none;
}

.grid--k a:hover p {
  color: #C4161C;
}

.region--topnav.region--topnav-1 .topnav--main-1:before,
.region--topnav.region--topnav-1 .topnav--main-1:after {
  display: none;
}

.region--topnav.region--topnav-1 .topnav--main-1 {
  background: unset;
}

#result {
  position: fixed;
  top: 50%;
  left: 50%;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 5px;
  background: white;
  z-index: 999;
  padding: 40px;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 500px;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 0 20px rgb(0 0 0 / 20%);
  display: none;
  max-width: 80%;
}

#result * {
  position: relative;
  z-index: 2;
}

#result:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}

#result:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #333;
  opacity: 70%;
}

#result span.close {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  justify-content: center;
  font-size: 22px;
  line-height: 0;
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  align-items: center;
  padding-bottom: 3px;
  transition: all .3s;

}

#result .container+.container {
  display: none;
}

#result span.close:hover {
  background-color: #C4161C;
}

#result h1 {
  line-height: 1.3;
  margin-top: 0;
  font-size: 28px;
  font-weight: 500;
}

#result p.result-p {
  color: #666;
}

#time {
  color: #f00;
}

.prospe2--con.prospe2--con-1 {
  border: solid 1px #f3f3f3;
  padding: 10px 40px 30px;
  border-top: solid 2px #C4161C;
}

.text-blue {
  color: #C4161C;
}

@media (max-width:1399px) {
  .scrollpopup--top {
    font-size: 34px
  }

  .footer--scrollpopup {
    margin-top: 30px
  }

  .grid--c a {
    padding: 15px;
  }

  .grid--c-img {
    width: 110px;
  }

  .grid--c a p {
    width: calc(100% - 125px);
  }

  #result h1 {
    font-size: 26px;
  }

  #result {
    min-height: 330px;
  }
}

@media (max-width:1199px) {
  .grid--downloads-b a {
    width: 50px;
    height: 50px
  }

  .grid--downloads-img {
    padding: 10px 20px
  }

  .grid--downloads .cell p {
    padding: 5px 10px 15px
  }

  .scrollpopup-1 {
    width: 600px;
    padding: 40px 60px 30px
  }

  .resources--main .el-radio-group {
    margin-top: -5px;
  }

  .grid--k .cell:after {
    height: calc(100% + 30px);
    right: -10px;
  }

  .grid--k:after {
    bottom: 15px;
  }

  #result h1 {
    font-size: 22px;
  }

  #result {
    min-height: 300px;
  }
}

@media (max-width:991px) {
  .grid--gallery .cell p {
    padding: 15px 0 5px
  }

  .gallery--top {
    padding: 40px 0
  }

  .scrollpopup-1 {
    width: 500px;
    padding: 25px 40px 30px
  }

  .scrollpopup--top {
    font-size: 24px;
    margin-bottom: 15px
  }

  .scrollpopup--b {
    margin-top: 20px
  }

  .scrollpopup--top {
    font-size: 20px
  }

  .scrollpopup--contact>div>div>div>div {
    max-width: 100%
  }

  .resources--main .el-table {
    font-size: 13px;
  }

  .resources--main .el-button.data-reset-button {
    font-size: 14px;
  }

  .resources--main .el-button.data-reset-button:before {
    font-size: 18px;
  }

  .resources--main .el-radio {
    font-size: 13px;
    height: 28px;
  }

  #result h1 {
    font-size: 20px;
  }

  #result {
    min-height: 260px;
  }
}

@media (max-width:767px) {
  .grid--downloads-img {
    padding: 10px
  }

  .gallery--top ul li a {
    padding: 8px 20px;
    border: 1px solid #C4161C
  }

  .grid--gallery-t {
    font-size: 12px
  }

  .grid--gallery .cell p {
    font-weight: 500
  }

  .scrollpopup-0 {
    display: none
  }

  .footer--scrollpopup>div>div>div>div input+fieldset input {
    width: 100%;
    max-width: 100%;
    height: 34px
  }

  .footer--scrollpopup>div>div>div>div fieldset+fieldset div {
    width: 100%;
    max-width: 100%;
    height: 34px;
    border: 1px solid #C4161C !important;
    padding: 9px !important
  }

  .footer--scrollpopup {
    margin-top: 25px
  }

  .resources--main .el-table {
    font-size: 12px;
  }

  .resources--main .el-button.data-reset-button {
    font-size: 13px;
  }

  .resources--main .el-button.data-reset-button:before {
    font-size: 16px;
  }

  .resources--main .el-radio {
    font-size: 12px;
    margin-right: 20px;
    height: 26px;
  }

  .grid--c a {
    padding: 10px;
  }

  .grid--c-img {
    width: 80px;
  }

  .grid--c a p {
    width: calc(100% - 90px);
  }

  .grid--k-con p {
    margin: 15px 0;
    font-size: 14px;
  }

  #result h1 {
    font-size: 18px;
  }
}

@media (max-width:575px) {
  .grid--downloads-img {
    padding: 5px 10px
  }

  .grid--downloads-b a {
    width: 40px;
    height: 40px
  }

  .gallery--top {
    padding: 30px 0
  }

  .gallery--top ul {
    margin-bottom: -10px
  }

  .gallery--top ul li {
    margin: 0 8px;
    margin-bottom: 10px
  }

  .grid--gallery .cell p {
    font-weight: 700
  }

  .footer--scrollpopup {
    margin-top: 15px
  }

  .scrollpopup--contact>div>div>div>div fieldset+fieldset div {
    font-size: 12px !important;
    padding: 9px !important
  }

  .scrollpopup--contact>div>div>div>div fieldset+fieldset {
    width: 100px !important
  }

  .scrollpopup--contact>div>div>div>div input+fieldset {
    width: calc(100% - 110px) !important;
    margin-right: 10px !important
  }

  .resources--main .el-table {
    font-size: 11px;
  }

  .resources--main colgroup [name="el-table_1_column_1"] {
    width: 50%;
  }

  .resources--main colgroup [name="el-table_1_column_2"] {
    width: 32%;
  }

  .resources--main colgroup [name="el-table_1_column_3"] {
    width: 18%;
  }

  .resources--main .el-button.data-reset-button {
    font-size: 12px;
  }

  .resources--main .el-button.data-reset-button:before {
    font-size: 15px;
  }

  .grid--c-img {
    width: 60px;
  }

  .grid--c a p {
    width: calc(100% - 70px);
  }

  .grid--k-con p {
    margin: 10px 0;
    font-size: 13px;
  }

  .grid--k .cell:after {
    right: -5px;
  }

  .grid--k:after {
    bottom: 5px;
  }

  .grid--k .cell:before {
    bottom: 5px;
  }

  .grid--k .cell:after {
    height: calc(100% + 20px);
  }

  .grid--k:after {
    bottom: 14px;
    height: 2px;
  }
}




.p-tit {
  line-height: 1.3;
  margin-top: 30px;
  font-weight: 500;
  font-size: 22px
}

.marginT-0 {
  margin-top: 0;
}

.marginT-20 {
  margin-top: 20px
}

.marginT-30 {
  margin-top: 30px
}

.marginT-40 {
  margin-top: 40px
}

.marginT-50 {
  margin-top: 50px
}

.marginT-60 {
  margin-top: 60px
}

.marginB-40 {
  margin-bottom: 40px
}

.marginB-60 {
  margin-bottom: 60px
}

.marginB-130 {
  margin-bottom: 130px
}

.marginTB-40 {
  margin: 40px 0;
}

@media (max-width:1599px) {
  .marginT-60 {
    margin-top: 55px
  }

  .marginB-60 {
    margin-bottom: 55px
  }

  .marginB-130 {
    margin-bottom: 110px
  }
}

@media (max-width:1399px) {
  .marginT-60 {
    margin-top: 50px
  }

  .marginB-60 {
    margin-bottom: 50px
  }

  .marginT-20 {
    margin-top: 15px
  }

  .prospe2--con.prospe2--con-1 {
    padding: 10px 30px 20px;
  }

  .marginB-130 {
    margin-bottom: 90px
  }
}

@media (max-width:1199px) {
  .marginT-60 {
    margin-top: 45px
  }

  .marginB-60 {
    margin-bottom: 45px
  }

  .p-tit {
    margin-top: 25px;
    font-size: 20px
  }

  .prospe2--con.prospe2--con-1 {
    padding: 5px 30px 20px;
  }

  .marginB-130 {
    margin-bottom: 70px
  }
}

@media (max-width:991px) {
  .marginT-40 {
    margin-top: 30px
  }

  .marginT-50 {
    margin-top: 40px
  }

  .marginT-60 {
    margin-top: 40px
  }

  .marginB-60 {
    margin-bottom: 40px
  }

  .marginT-30 {
    margin-top: 25px
  }

  .marginT-20 {
    margin-top: 10px
  }

  .p-tit {
    margin-top: 25px;
    font-size: 18px
  }

  .prospe2--con.prospe2--con-1 {
    padding: 0 25px 15px;
  }

  .marginB-130 {
    margin-bottom: 50px
  }
}

@media (max-width:767px) {
  .marginT-60 {
    margin-top: 30px
  }

  .marginB-40 {
    margin-bottom: 30px
  }

  .marginB-60 {
    margin-bottom: 30px
  }

  .marginT-50 {
    margin-top: 30px
  }

  .marginT-30 {
    margin-top: 20px
  }

  .marginTB-40 {
    margin: 30px 0;
  }

  .p-tit {
    margin-top: 20px;
    font-size: 17px
  }

  .prospe2--con.prospe2--con-1 {
    padding: 0 20px 10px;
  }

  .marginB-130 {
    margin-bottom: 40px
  }
}

@media (max-width:575px) {
  #owl-demo1 {
    margin: 0 20px;
    width: calc(100% - 40px);
    padding-bottom: 30px
  }

  .marginT-40 {
    margin-top: 20px
  }

  .marginTB-40 {
    margin: 20px 0;
  }

  .marginT-50 {
    margin-top: 20px
  }

  .marginT-60 {
    margin-top: 25px
  }

  .marginB-40 {
    margin-bottom: 25px
  }

  .marginB-60 {
    margin-bottom: 25px
  }

  .marginT-30 {
    margin-top: 15px
  }

  .p-tit {
    margin-top: 15px;
    font-size: 16px
  }

  .marginB-130 {
    margin-bottom: 30px
  }
}

/* 2023.4.14 计算页面添加 */
.tabs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabs-box .tabs__tab {
  width: 230px;
  padding: 25px 0 25px 35px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}

.tabs-box .tabs__tab.is-active::after,
.tabs-box .tabs__tab.is-active::before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute
}

.tabs-box .is-active::before {
  background: -o-radial-gradient(0 0, circle, transparent 13px, #fff 0);
  background: radial-gradient(circle at 0 0, transparent 13px, #fff 0);
  right: -2px;
  top: -13px
}

.tabs-box .is-active::after {
  background: -o-radial-gradient(0 15px, circle, transparent 13px, #fff 0);
  background: radial-gradient(circle at 0 15px, transparent 13px, #fff 0);
  right: -2px;
  bottom: -13px
}

.tabs-box {
  padding-left: 80px
}

.tabs-box .tabs__header {
  position: relative
}

.tabs-box .tabs__header::before {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #c9c9c9;
  position: absolute;
  left: -30px;
  top: 0
}

.tabs-box .tabs__header .is-active {
  background-color: #fff;
  border-radius: 35px 0 0 35px;
  color: #C4161C;
  font-weight: 500;
  position: relative
}

.tabs-box .tabs__header .is-active span {
  width: 2px;
  height: 100%;
  background-color: #C4161C;
  position: absolute;
  left: -30px;
  top: 0
}

.tabs-box .tabs__tab .iconfont {
  font-size: 19px;
  margin-right: 10px
}

.tabs-box .tabs__body {
  width: 100%;
  max-width: 1140px
}

.tabs-box .tabs__body .tabs__panel {
  display: none;
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 60px;
  min-height: 660px
}

.tabs-box .tabs__body .tabs__panel.is-active {
  display: block
}

.tabs-con-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabs-con-tit .iconfont {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #C4161C;
  font-size: 30px;
  color: #fff;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px
}

.tabs-con-h3 {
  font-size: 20px;
  font-weight: 700
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0
}

.tabs-hardness-units {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabs-fill {
  color: #C4161C;
  font-size: 20px;
  font-weight: 500
}

.tabs-units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
  border: 1px solid #C4161C;
  border-radius: 3px;
  padding: 3px;
  height: 32px
}

.tabs-units input {
  border: 0;
  width: 160px;
  text-align: right;
  margin-right: 3px
}

.tabs-units div {
  width: 135px;
  border-left: 1px solid #C4161C;
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabs-units div ul {
  position: absolute;
  width: calc(100% + 4px);
  top: 100%;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  max-height: 550px;
  z-index: 15;
  ;
  overflow-y: auto;
  display: none
}

.tabs-units div ul::-webkit-scrollbar {
  width: 3px;
  height: 3px
}

.tabs-units div ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 2px
}

.tabs-units div ul::-webkit-scrollbar-thumb {
  background: #C4161C;
  border-radius: 10px
}

.tabs-units div ul::-webkit-scrollbar-thumb:hover {
  background: #0e6aba
}

.tabs-units div ul::-webkit-scrollbar-corner {
  background: #179a16
}

.tabs-units div ul li {
  padding: 3px 6px
}

.tabs-units div ul li:hover {
  background-color: #C4161C;
  color: #fff
}

.tabs-units .iconfont {
  font-size: 12px
}

.tabs-hardness-more {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1
}

.tabs-decimal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  font-size: 14px
}

.tabs-decimal div {
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
  background-color: #f5f5f5;
  padding: 3px 6px;
  line-height: 1;
  cursor: pointer;
  position: relative
}

.tabs-decimal div .iconfont {
  font-size: 12px;
  margin-left: 10px
}

.tabs-decimal div ul {
  position: absolute;
  width: calc(100% + 2px);
  top: 100%;
  left: -1px;
  background-color: #f5f5f5;
  border: 1px solid #c9c9c9;
  border-top: 0;
  display: none
}

.tabs-decimal div ul li {
  padding: 3px 6px
}

.tabs-decimal div ul li:hover {
  background-color: #C4161C;
  color: #fff
}

.tabs-decimal-list {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.tabs-decimal-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tabs-decimal-list .tabs-units-seven+.tabs-units-seven,
.tabs-decimal-list ul+ul {
  margin-left: 60px
}

.tabs-decimal-list li {
  font-size: 14px;
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tabs-decimal-list li input {
  width: 140px;
  height: 30px;
  margin-right: 10px;
  padding: 7px 10px;
  border: 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 3px;
  text-align: right
}

.tabs-decimal-list li+li {
  margin-top: 15px
}

.tabs-list-tit {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px
}

.tabs-check-unit input[name=tsrt] {
  width: 0;
  height: 0;
}

.tabs-check-unit label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

@media (max-width:1399px) {
  .tabs-box {
    padding-left: 40px
  }

  .tabs-box .tabs__header .is-active span,
  .tabs-box .tabs__header::before {
    left: -20px
  }

  .tabs-box .tabs__tab {
    width: 200px;
    padding: 23px 0 23px 25px;
    font-size: 14px
  }

  .tabs-con-tit .iconfont {
    font-size: 26px;
    width: 50px;
    height: 50px
  }

  .tabs-con-h3,
  .tabs-fill {
    font-size: 18px
  }

  .tabs-list-tit {
    font-size: 15px
  }

  .tabs-box .tabs__body .tabs__panel {
    padding: 30px 40px
  }

  .tabs-decimal-list .tabs-units-seven+.tabs-units-seven,
  .tabs-decimal-list ul+ul {
    margin-left: 0
  }
}

@media (max-width:991px) {

  .tabs-box .tabs__header .is-active span,
  .tabs-box .tabs__header::before {
    display: none
  }

  .tabs-box {
    padding-left: 0
  }

  .tabs-box .tabs__tab {
    width: 130px;
    font-size: 12px;
    padding: 16px 0 16px 16px
  }

  .tabs-box .tabs__tab .iconfont {
    font-size: 14px;
    margin-right: 5px
  }

  .tabs-box .tabs__body .tabs__panel {
    padding: 20px 30px;
    min-height: auto
  }

  .tabs-con-tit .iconfont {
    width: 40px;
    height: 40px;
    font-size: 17px
  }

  .tabs-con-h3,
  .tabs-fill {
    font-size: 16px
  }

  .tabs-hardness-units {
    margin-top: 25px
  }

  .tabs-hardness-more {
    margin-top: 25px
  }

  .tabs-units,
  .tabs-units div {
    height: 28px
  }

  .tabs-units div {
    font-size: 12px
  }

  .tabs-decimal-list {
    margin-top: 20px
  }

  .tabs-decimal-list li {
    font-size: 12px;
    width: 210px
  }

  .tabs-decimal-list li input {
    height: 28px;
    width: 120px;
    margin-right: 5px
  }

  .tabs-decimal-list li span {
    width: 85px
  }

  .tabs-list-tit {
    margin-bottom: 10px;
    font-size: 12px
  }

  .tabs-units input {
    width: 140px
  }

  .tabs-units div {
    width: 115px
  }

  .tabs-decimal-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media (max-width:767px) {
  .tabs-box .tabs__tab .iconfont {
    display: none
  }

  .tabs-box .tabs__tab {
    width: 100px;
    padding: 12px 0 12px 12px
  }

  .tabs-box .tabs__body .tabs__panel {
    padding: 20px
  }

  .tabs-con-tit .iconfont {
    width: 30px;
    height: 30px;
    font-size: 14px
  }

  .tabs-decimal-f {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .tabs-hide-767 {
    display: none
  }

  .tabs-decimal-f>div+div {
    margin-top: 15px
  }

  .tabs-con-h3,
  .tabs-fill {
    font-size: 14px
  }

  .tabs-hardness-units {
    margin-top: 20px
  }

  .tabs-units input {
    width: 100px
  }

  .tabs-units div {
    width: 115px
  }

  .tabs-fill {
    width: 85px
  }

  .tabs-decimal-list li input {
    width: 80px;
    height: 26px
  }

  .tabs-decimal-list li {
    width: 170px
  }

  .tabs-units div ul {
    max-height: 400px
  }

  .tabs-decimal {
    font-size: 12px
  }
}

@media (max-width:575px) {
  .tabs-hardness-units {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .tabs-units {
    margin-left: 0;
    margin-top: 5px
  }

  .tabs-hardness-more {
    margin-top: 15px
  }

  .tabs-decimal-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .tabs-units input {
    width: 70px
  }

  .tabs-decimal-list .tabs-units-seven+.tabs-units-seven,
  .tabs-decimal-list ul+ul {
    margin-top: 15px
  }
}


/* Total Water Hardness Calculation */
.new-total {
  padding: 60px
}

.new-line {
  width: 100%;
  height: 0;
  border-bottom: 1px solid #dadada;
  margin-top: 15px
}

.new--total-input .tabs-units {
  background-color: #fff
}

.new--total-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px
}

.new--total-input>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.new--total-input>div+div {
  margin-left: 60px
}

.new-total-result {
  margin-top: 50px
}

.new-total .tabs-decimal {
  margin-top: 20px
}

.new-total-others {
  margin-top: 35px
}

.new-total-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 45px
}

.new-total-ul ul {
  margin-top: 5px
}

.new-total-ul ul+ul {
  margin-left: 60px
}

.new-total-ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.new-total-ul li+li {
  margin-top: 15px
}

.new-total-ul input {
  width: 140px;
  height: 32px;
  border: 0;
  border-bottom: 1px solid #dcdcdc;
  background-color: #fff;
  text-align: right;
}

.new-total-ul li span {
  font-size: 14px;
  margin-left: 9px;
  color: #666;
  display: inline-block;
  width: 150px
}

.new-total-percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.percentage-tit {
  font-size: 18px;
  color: #C4161C;
  padding-left: 26px;
  margin-bottom: 6px
}

.new-total-percentage span {
  padding-top: 10px
}

.new-total-percentage>div {
  margin: 0 10px;
  position: relative
}

.new-mobile-box {
  position: absolute;
  top: 0;
  left: 28px;
  width: calc(100% - 54px)
}

.new-mobile-module {
  position: absolute;
  width: 6px;
  height: 45px;
  background-color: #C4161C;
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

@media (max-width:1199px) {
  .new-total {
    padding: 50px
  }
}

@media (max-width:991px) {
  .new-total {
    padding: 40px
  }

  .new-line {
    margin-top: 10px
  }

  .new--total-input {
    margin-top: 20px
  }

  .new--input-tit {
    width: 40px;
    display: inline-block
  }

  .new--total-input>div+div {
    margin-left: 40px
  }

  .new--total-input .tabs-units input {
    width: 105px
  }

  .new-total-result {
    margin-top: 35px
  }

  .new-total .tabs-decimal {
    margin-top: 15px
  }

  .new-total-others .tabs-list-tit {
    font-size: 14px
  }

  .new-total-others {
    margin-top: 25px
  }

  .new-total-ul ul+ul {
    margin-left: 40px
  }

  .new-total-ul li span {
    width: 130px
  }

  .new-total-ul input {
    height: 28px
  }

  .percentage-tit {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .new-total {
    padding: 30px
  }

  .new--total-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .new--total-input>div {
    margin-bottom: 15px
  }

  .new--total-input>div+div,
  .new-total-ul ul+ul {
    margin-left: 0
  }

  .new-total-result {
    margin-top: 20px
  }

  .new-total-others {
    margin-top: 20px
  }

  .new-total-ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .new-total-ul li span {
    width: 150px;
    font-size: 12px;
  }

  .new-total-ul ul {
    margin-top: 15px
  }

  .new-total-percentage img {
    width: 100%
  }

  .new-mobile-module {
    height: 34px
  }

  .new-mobile-box {
    left: 20px;
    width: calc(100% - 40px)
  }
}

@media (max-width:575px) {
  .new-total {
    padding: 20px
  }

  .new-total-result {
    margin-top: 10px
  }

  .tabs-list-tit {
    margin-bottom: 0
  }

  .new-total-ul li span {
    font-size: 12px
  }

  .new-total-ul {
    margin-bottom: 20px
  }

  .percentage-tit {
    font-size: 14px;
    margin-top: 5px
  }

  .new-mobile-box {
    left: 7%;
    width: calc(93% - 29px)
  }

  .new-mobile-module {
    height: 24px;
    width: 3px
  }

  .new-total-percentage span {
    padding-top: 0
  }
}


/* Total Dissolved Solids Calculation */
.new--solids {
  display: flex;
  align-items: flex-start;
}

.new--solids>div {
  width: calc(50% - 25px);
  padding: 40px;
}

.new--solids-left {
  margin-right: 50px;
}

.new--solids-tit {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  line-height: 1;
}

.tabs-fill.solids-unit-box {
  margin-top: 24px;
}

.solids--con-caption,
.tabs-fill-type,
.solids--con-cell {
  display: flex;
  align-items: center;
}

.solids--con-caption {
  margin-top: 10px;
  margin-bottom: 13px;
}

.solids-unit-box {
  width: 270px;
}

.solids--con-units {
  width: calc(100% - 445px);
  margin-left: 70px;
  border: 1px solid #C4161C;
  border-radius: 3px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  height: 30px;
  cursor: pointer;
  background-color: #fff;
  position: relative;
}

.tabs-fill-type {
  width: calc(100% - 300px);
}

.solids--con-caption>div+div,
.solids--con-cell>div+div {
  margin-left: 40px;
}

.solid--list-tit {
  width: calc(33.333333% - 6.666666px);
  font-size: 14px;
  text-align: center;
}

.tabs-fill-type>div+div {
  margin-left: 10px;
}

.solids--con-units .iconfont {
  font-size: 12px;
}

.solid--list-tit input {
  width: 100%;
  border: 0;
  height: 30px;
  border-radius: 3px;
  text-align: center;
}

.solids--con-cell+.solids--con-cell {
  margin-top: 13px;
}

.solids-unit-box {
  display: flex;
  align-items: center;
}

.solids-unit-name {
  width: 60px;
  text-align: right;
  font-weight: 500;
}

.solids-unit-input {
  width: calc(100% - 70px);
  margin-left: 10px;
  border: 1px solid #ddd;
  height: 32px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 5px;
}

.solids-unit-input input {
  width: 80%;
  height: 28px;
  border: 0;
  margin-right: 5px;
  text-align: right;
}

.solids-unit-input span {
  color: #999;
}

.solids--con-units ul {
  position: absolute;
  width: 100%;
  top: calc(100% + 1px);
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  z-index: 15;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  display: none;
}

.solids--con-units li {
  padding: 5px 8px;
  font-size: 14px;
}

.solids--con-units li:hover {
  background-color: #C4161C;
  color: #fff;
}

.new--solids-right .solids--con-units {
  border: 0;
  background-color: transparent;
}

.solids--total {
  display: flex;
  align-items: center;
  margin-top: 35px;
  cursor: pointer;
}

.solids--total>span {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  margin-right: 15px;
}

.solids--total-input {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
}

.solids--total-input input {
  border: 0;
  width: 110px;
}

.total--list {
  border-left: 1px solid #ccc;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  height: 30px;
  position: relative;
}

.total--list span {
  font-size: 14px;
  width: 100%;
}

.total--list .iconfont {
  font-size: 12px;
}

.total--list ul,
.amount-units ul {
  position: absolute;
  width: 100%;
  top: calc(100% + 1px);
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  z-index: 15;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  display: none;
}

.total--list li,
.amount-units li {
  padding: 5px 8px;
  font-size: 14px;
}

.total--list li:hover,
.amount-units li:hover {
  background-color: #C4161C;
  color: #fff;
}

.new--solids-btn {
  margin-top: 25px;
}

.solids--reset,
.solids--calculate {
  padding: 10px 28px;
  border: 0;
  color: #fff;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
}

.solids--reset {
  background-color: #999;
}

.solids--calculate {
  background-color: #C4161C;
  margin-left: 20px;
}

.new-tds {
  background-color: #C4161C;
  padding: 30px 40px;
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.new-tds>span {
  color: #fff;
  font-size: 32px;
  margin-right: 15px;
}

.amount--input {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3px;
  padding: 3px;
  height: 32px;
}

.amount--input input {
  width: 110px;
  border: 0;
  background-color: #fff;
  height: 30px;
}

.amount-units {
  width: 110px;
  border-left: 1px solid #C4161C;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 8px;
  cursor: pointer;
  position: relative;
}

.amount-units ul {
  position: absolute;
  left: -1px;
  top: calc(100% + 1px);
  width: calc(100% + 2px);
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  overflow: hidden;
  display: none;
  z-index: 15;
}

.amount-units .iconfont {
  font-size: 12px;
}

.amount-units span,
.solids--con-units span,
.total--list span {
  width: 100%;
  position: relative;
}

.solids--con-units span::before,
.amount-units span::before,
.total--list span::before {
  content: '\e62b';
  font-family: "iconfont" !important;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width:1599px) {

  .solids--reset,
  .solids--calculate {
    padding: 8px 25px;
  }

  .solids--con-units {
    width: calc(100% - 358px)
  }

}

@media (max-width:1399px) {
  .new--solids>div {
    padding: 30px;
  }

  .solids-unit-name {
    font-size: 14px;
  }

  .solids-unit-box {
    width: 200px;
  }

  .solids--con-caption>div+div,
  .solids--con-cell>div+div {
    margin-left: 30px;
  }

  .tabs-fill-type {
    width: calc(100% - 230px);
  }

  .tabs-fill-type>div+div {
    margin-left: 10px;
  }

  .solid--list-tit {
    width: calc(33.333333% - 6.666666px);
  }

  .solids--con-cell+.solids--con-cell {
    margin-top: 10px;
  }

  .solids--total {
    margin-top: 25px;
  }

  .solids--total>span {
    font-size: 16px;
  }

  .new-tds {
    padding: 20px 30px;
  }

  .solids--con-units {
    width: calc(100% - 345px);
  }
}

@media (max-width:1199px) {
  .new--solids>div {
    width: calc(50% - 15px);
  }

  .new--solids-left {
    margin-right: 30px;
  }

  .new--solids-tit {
    font-size: 18px;
  }

  .tabs-con-h3,
  .tabs-fill {
    font-size: 16px;
  }

  .solids-unit-box {
    width: 180px;
    height: 28px;
  }

  .solids-unit-name {
    width: 52px;
  }

  .solids-unit-input {
    width: calc(100% - 62px);
    height: 30px;
  }

  .solid--list-tit input {
    height: 28px;
  }

  .solid--list-tit {
    font-size: 12px;
  }

  .tabs-fill-type {
    width: calc(100% - 200px);
  }

  .solids--con-caption>div+div,
  .solids--con-cell>div+div {
    margin-left: 20px;
  }

  .solids-unit-input span {
    font-size: 12px;
  }

  .solids--total>span {
    font-size: 14px;
  }

  .total--list {
    height: 28px;
  }

  .solids--reset,
  .solids--calculate {
    padding: 6px 20px;
    font-size: 14px;
  }

  .new-tds {
    padding: 15px 20px;
  }

  .new-tds>span {
    font-size: 24px;
  }

  .amount--input {
    height: 30px;
  }

  .tabs-fill.solids-unit-box {
    margin-top: 15px;
  }

  .solids--con-units {
    width: calc(100% - 266px);
    margin-left: 62px;
    height: 28px;
  }
}

@media (max-width:991px) {
  .new--solids {
    flex-direction: column;
  }

  .new--solids>div {
    width: 100%;
  }

  .new--solids-left {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .solids-unit-box {
    width: 270px;
  }

  .solids--con-units {
    width: calc(100% - 425px);
  }
}

@media (max-width:767px) {
  .solids-unit-box {
    width: 200px;
  }

  .tabs-fill.solids-unit-box {
    margin-top: 10px;
  }

  .new-tds>span {
    font-size: 20px;
  }

  .solids--con-units {
    width: calc(100% - 306px);
  }

  .tabs-con-h3,
  .tabs-fill {
    font-size: 14px;
  }

  .new--solids-tit {
    font-size: 16px;
  }
}

@media (max-width:575px) {
  .solids-unit-box {
    width: 100px;
  }

  .solids-unit-name {
    font-size: 12px;
    width: 47px;
  }

  .solids--con-caption>div+div,
  .solids--con-cell>div+div {
    margin-left: 10px;
  }

  .tabs-fill-type {
    width: calc(100% - 150px);
  }

  .solids-unit-box {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .solids--con-cell+.solids--con-cell {
    margin-top: 5px;
  }

  .solids-unit-name {
    text-align: left;
    margin-bottom: 5px;
  }

  .solids-unit-input {
    margin-left: 0;
  }

  .solids--con-cell {
    align-items: flex-end
  }

  .solids-unit-input {
    width: 100%;
  }

  .tabs-fill-type {
    width: calc(100% - 100px);
  }

  .solids--con-caption {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .solids--total {
    flex-direction: column;
    align-items: flex-start;
  }

  .solids--total>span {
    margin-bottom: 5px;
  }

  .solids--con-units {
    margin-left: 0;
    width: 100px;
  }
}


/* Flexible Conversion between TDS and EC */
.new-tds-ec {
  margin-top: 40px
}

.new-te-tit {
  font-size: 36px;
  color: #333;
  margin-bottom: 25px;
  line-height: 1
}

.new-te-tit span {
  font-size: 22px;
  color: #707070
}

.text-italic {
  font-style: italic;
  color: #888;
  font-size: 14px
}

.new-tds-con {
  width: 100%;
  padding: 60px;
  background-color: #f7f7f7;
  margin-top: 50px
}

.new--tds-input {
  margin-top: 40px;
  margin-bottom: 40px
}

.new--tds-input,
.new--tds-input>div,
.new--tds-input>div>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.new--tds-input>div+div {
  margin-left: 60px
}

.new--tds-input>div>div {
  margin-left: 10px
}

.tds--inp-box>div {
  border: 1px solid #C4161C;
  border-radius: 3px;
  max-width: 360px;
  height: 30px;
  background-color: #fff
}

.k--inp-box>div {
  width: 100%;
  max-width: 160px
}

.k--inp-box>div input {
  width: 100%;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px 8px
}

.tds--inp-box span {
  font-weight: 500;
  display: inline-block
}

.tds--inp-box>div input {
  border: 0;
  padding: 3px;
  width: 160px;
  text-align: right
}

.tds--inp-box>div div {
  width: 100px;
  border-left: 1px solid #C4161C;
  height: 30px;
  padding: 7px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px
}

.tds--inp-box>div div .iconfont {
  font-size: 14px
}

.new--change-units {
  cursor: pointer;
  position: relative
}

.new--change-units ul {
  position: absolute;
  width: 100%;
  border-radius: 0 0 3px 3px;
  top: 100%;
  left: 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 15;
  display: none
}

.new--change-units ul li {
  padding: 3px 5px
}

.k--inp-box>div {
  position: relative
}

.input-tips {
  color: red;
  font-size: 12px;
  position: absolute;
  top: 105%;
  display: none
}

.new--change-units ul li:hover {
  background-color: #C4161C;
  color: #fff;
  -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  box-shadow: 0 7px 8px rgba(0, 0, 0, .16)
}

@media (max-width:1399px) {
  .new-tds-ec {
    margin-top: 30px
  }

  .new-te-tit {
    font-size: 28px
  }

  .new-te-tit span {
    font-size: 18px
  }

  .new-tds-con {
    margin-top: 40px;
    padding: 50px
  }

  .new--tds-input {
    margin: 30px 0
  }

  .tds--inp-box span {
    font-size: 14px
  }

  .tds--inp-box>div input {
    width: 155px
  }
}

@media (max-width:1199px) {
  .new-te-tit {
    font-size: 26px
  }

  .new-te-tit span {
    font-size: 16px
  }

  .new-tds-con {
    margin-top: 30px;
    padding: 40px
  }

  .new--tds-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .new--tds-input>div+div {
    margin-left: 0;
    margin-top: 20px
  }

  .tds--inp-box,
  .k--inp-box {
    width: 370px;
  }

  .new--tds-input>div>div {
    width: calc(100% - 165px);
  }

  .tds--inp-box>div div {
    width: calc(100% - 100px);
  }

  .k--inp-box>span,
  .tds--inp-box>span {
    width: 155px;
    display: inline-block
  }

  .text-italic {
    font-size: 12px
  }

  .k--inp-box>div {
    max-width: inherit;
  }
}

@media (max-width:991px) {
  .new-tds-ec {
    margin-top: 20px
  }

  .new-te-tit {
    font-size: 22px;
    margin-bottom: 15px
  }

  .new-te-tit span {
    font-size: 14px
  }

  .new-tds-con {
    margin-top: 20px;
    padding: 30px
  }

  .new--tds-input>div+div {
    margin-top: 15px
  }

  .new--tds-input {
    margin: 20px 0
  }
}

@media (max-width:575px) {
  .new-tds-ec {
    margin-top: 10px
  }

  .new-tds-con {
    margin-top: 10px;
    padding: 20px
  }

  .new-te-tit {
    font-size: 18px;
    margin-bottom: 15px
  }

  .new-te-tit span {
    font-size: 12px
  }

  .tds--inp-box,
  .k--inp-box {
    width: 100%;
  }

  .k--inp-box>span,
  .tds--inp-box>span {
    font-size: 12px;
    width: 90px
  }

  .tds--inp-box>div input {
    width: 100px
  }

  .tds--inp-box>div div {
    width: calc(100% - 90px);
    padding: 5px
  }

  .k--inp-box>div input {
    width: 100%
  }

  .new--change-units ul li,
  .tds--inp-box>div div .iconfont {
    font-size: 12px
  }

  .new--tds-input>div>div {
    width: calc(100% - 100px);
  }
}


/* Quick Conversion Between Electrical Resistivity and Conductivity */
.new-conduct {
  padding: 60px
}

.new-conduct-radio,
.new-conduct-radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.new-conduct-radio label {
  cursor: pointer
}

.new-conduct-radio label+label {
  margin-left: 30px
}

.demo--radio {
  display: none
}

.demo--radioInput {
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 100%;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  margin-top: -1px;
  vertical-align: middle;
  width: 16px;
  line-height: 1
}

.demo--radio:checked+.demo--radioInput {
  background-color: #C4161C;
  border-color: #C4161C
}

.demo--radio:checked+.demo--radioInput:after {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 8px;
  margin: 3px;
  width: 8px
}

.demo--checkbox.demo--radioInput,
.demo--radio:checked+.demo--checkbox.demo--radioInput:after {
  border-radius: 0
}

.new-conduct-input {
  border: 1px solid #C4161C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 280px;
  height: 32px;
  margin-top: 26px;
  background-color: #fff
}

.new-conduct-input input {
  width: 160px;
  border: 0;
  padding: 3px;
  text-align: right
}

.new-conduct-input>div {
  width: 120px;
  border-left: 1px solid #C4161C;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 8px;
  font-size: 14px;
  position: relative;
  cursor: pointer
}

.new-conduct-input>div .iconfont {
  font-size: 14px
}

.new-conduct-input>div ul {
  position: absolute;
  top: calc(100% + 1px);
  left: -1px;
  background-color: #fff;
  width: calc(100% + 2px);
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  z-index: 15;
  -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  box-shadow: 0 7px 8px rgba(0, 0, 0, .16);
  display: none
}

.new-conduct-input>div ul li {
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer
}

.new-conduct-input>div ul li:hover {
  background-color: #C4161C;
  color: #fff
}

.new-conduct .new-line {
  margin-top: 30px
}

.conduct-result {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.conduct-result>div {
  width: 300px
}

.conduct-result .new-total-ul {
  margin-bottom: 0
}

.new-conduct-input>div.units-two {
  display: none
}

.donduct-clear {
  margin-top: 30px;
}

@media (max-width:1399px) {
  .new-conduct {
    padding: 50px
  }
}

@media (max-width:1199px) {
  .new-conduct {
    padding: 40px
  }
}

@media (max-width:991px) {
  .new-conduct {
    padding: 30px
  }

  .new-conduct-input {
    height: 30px
  }

  .new-conduct-input>div,
  .new-conduct-input>div .iconfont,
  .new-conduct-input>div ul li {
    font-size: 12px
  }
}

@media (max-width:767px) {
  .new-conduct {
    padding: 20px
  }

  .conduct-result>div {
    width: 250px
  }

  .conduct-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
  }

  .new-conduct-radio label+label {
    margin-left: 10px
  }

  .new-conduct-input {
    margin-top: 15px
  }

  .new-conduct .new-line {
    margin-top: 20px
  }
}

.ro-input {
  padding-right: 6px
}

.new-ro-con .solids--reset {
  margin-top: 0
}

.new--recovery-units {
  cursor: pointer;
  position: relative
}

.new--recovery-units ul {
  position: absolute;
  width: 100%;
  border-radius: 0 0 3px 3px;
  top: 100%;
  left: 0;
  background-color: #fff;
  overflow: hidden;
  z-index: 15;
  display: none
}

.new--recovery-units ul li {
  padding: 3px 5px
}

@media (max-width:1599px) {
  .tds--inp-box>div input {
    width: 155px
  }
}

@media (max-width:1399px) {
  .tds--inp-box>div input {
    width: 100px
  }

  .new--recovery-units ul li {
    font-size: 14px
  }

  .tds--inp-box>div.ro-input input {
    width: 100%;
  }
}

@media (max-width:575px) {
  .new-ro-con .width-175 {
    width: 120px
  }

  .tds--inp-box>div.recovery-box input {
    width: 80px
  }

  .tds--inp-box>div.recovery-box div {
    width: calc(100% - 80px);
  }

  .new--recovery-units ul li {
    font-size: 12px
  }

  .tds--inp-box>div.ro-input {
    width: calc(100% - 130px);
  }

  .tds--inp-box>div.ro-input input {
    width: 100%;
  }

  .new--tds-input>div>div.recovery-box {
    width: calc(100% - 130px);
  }
}

/* Get A Comprehensive Understanding of Water Hardness */
.hardness-p {
  margin-top: 25px;
}

.hardness-flex {
  display: flex;
  margin-top: 30px;
  align-items: center;
}

.hardness-img {
  width: 460px;
}

.hardness-con {
  width: calc(100% - 660px);
  margin-left: 80px;
  display: flex;
  flex-wrap: wrap;
}

.hardness-cell {
  width: 50%;
  max-width: 240px;
  margin-bottom: 60px;
}

.hardness-cell-l {
  font-size: 24px;
  font-weight: 400;
  position: relative;
  line-height: 1;
  margin-bottom: 30px;
  color: #333;
}

.hardness-cell-l::before {
  content: '';
  width: 25px;
  height: 0;
  border-bottom: 2px solid #C4161C;
  position: absolute;
  bottom: -16px;
  left: 0;
  border-radius: 2px;
}

.hardness-type {
  color: #666;
  font-size: 18px;
}

.hardness-grid .cell {
  background-color: #ebebeb;
}

.hardness-grid .cell p {
  margin: 10px 0;
}

.hardness-example {
  width: 100%;
  background-color: #f8f8f8;
  padding: 40px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.h-example-tit {
  font-size: 16px;
  font-weight: 500;
}

.h-example-con {
  margin-top: 30px;
  padding-left: 24px;
}

.h-example-con div+div {
  margin-top: 20px;
}

.h-example-con .h-example-tit {
  margin-top: 50px;
  margin-bottom: 15px;
}

.h-example-con img {
  background-color: #f8f8f8;
}

.gy-add-flex {
  display: flex;
  justify-content: space-between;
}

.add-left-con {
  width: 60%;
  margin-right: 5%;
}

.add-right-img {
  width: 35%;
}

@media (max-width:1199px) {

  .hardness-img,
  .hardness-con {
    width: 50%;
  }

  .hardness-cell-l {
    font-size: 22px;
  }

  .hardness-type {
    font-size: 16px;
  }

  .hardness-example {
    padding: 30px;
  }

  .h-example-con {
    margin-top: 20px;
  }

  .h-example-con div+div {
    margin-top: 10px;
  }

  .h-example-con .h-example-tit {
    margin-top: 35px;
  }

  .hardness-cell {
    margin-bottom: 50px;
  }
}

@media (max-width:991px) {
  .hardness-cell-l {
    font-size: 18px;
    margin-bottom: 26px;
  }

  .hardness-cell-l::before {
    bottom: -13px;
  }

  .hardness-type {
    font-size: 14px;
  }

  .hardness-cell {
    margin-bottom: 40px;
  }

  .h-example-con img {
    width: 100%;
  }
}

@media (max-width:767px) {
  .hardness-p {
    margin-top: 20px;
  }

  .hardness-flex {
    flex-direction: column;
  }

  .hardness-img,
  .hardness-con {
    width: 100%;
    margin: 0;
  }

  .hardness-img {
    margin-bottom: 30px;
  }

  .hardness-example {
    padding: 20px;
  }

  .h-example-con {
    padding-left: 0;
  }

  .gy-add-flex {
    flex-direction: column;
  }

  .add-left-con {
    width: 100%;
  }

  .add-right-img {
    width: 100%;
  }
}

@media (max-width:575px) {
  .hardness-p {
    margin-top: 15px;
  }

  .h-example-con {
    margin-top: 10px;
  }

  .h-example-con .h-example-tit {
    margin-top: 20px;
  }

  .hardness-cell-l {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .hardness-cell-l::before {
    bottom: -10px;
  }

  .hardness-cell {
    margin-bottom: 25px;
  }
}


/* 2023.7.4添加计算css */
/* FRP Tanks Size Selection Methods */
.new-frp-con .new-line {
  margin-top: 20px
}

.width-150 {
  width: 150px;
  text-align: right
}

.new-frp-con .new--tds-input {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.new-frp-con .tds--inp-box {
  margin-bottom: 25px
}

.new--frp-input .tds--inp-box:nth-child(4n) {
  margin-left: 0
}

.new-frp-con .tds--inp-box>div input {
  width: 139px
}

.new-frp-con .tds--inp-box>div div {
  width: 119px
}

.new-result-inp {
  margin-top: 25px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.new-result-inp>span:first-child {
  font-weight: 500;
  font-size: 16px
}

.new-inp {
  border: 0;
  margin-left: 15px;
  width: 140px;
  background-color: #fff;
  border-bottom: 1px solid #dcdcdc;
  height: 30px;
  color: #666;
  font-size: 16px;
  text-align: right;
  padding: 6px 10px
}

.new-result-inp>span:last-child {
  font-size: 14px;
  color: #666
}

.new--adc-input .tds--inp-box:nth-child(2n-1) {
  margin-left: 0
}

.width-260 {
  width: 260px;
  text-align: right
}

.new--adc-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px
}

.new--adc-result .new-result-inp:nth-child(2n) {
  margin-left: 30px
}

.new--adc-result .new-result-inp>span:first-child {
  width: 215px;
  text-align: right;
  line-height: 1.3
}

.new--adc-result .new-result-inp input[type=button] {
  width: 140px
}

.new--adc-result .new-result-inp>span:last-child {
  width: 100px
}

.new--adc-result .new-result-inp {
  margin: 0;
  margin-bottom: 30px;
  line-height: 1
}

.new--tds-page .company--con.img--flexd,
.new--tds-page .pro-ul .company--con {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.new--tds-page .company--con.img--flexd {
  width: calc(95% - 600px)
}

.new--tds-page .company--img.img--flexd {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ededed;
  border: 1px solid #dedede;
  width: 600px
}

.new--tds-page .company--img.img--flexd p {
  margin: 10px 0
}

.new--cycle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.new--cycle img {
  margin-left: 10px
}

.new--width-fit {
  width: 100%;
  border-radius: 5px;
  padding: 10px;
  text-align: center
}

.new--width-fit p {
  margin: 0;
  margin-top: 10px
}

.new--tank-size .new--recovery-units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 8px;
  height: 30px
}

.new--tank-size .new--recovery-units span {
  color: #666;
  width: 25px;
  display: inline-block;
  font-weight: 400
}

.new--tank-size .new--recovery-units .iconfont {
  font-size: 12px;
  margin-left: 10px
}

.new--tank-size .new--recovery-units ul li {
  font-size: 14px
}

.new--recovery-units ul li:hover {
  color: #fff;
  background-color: #0264b9
}

.new--adc-result .new--recovery-units {
  background-color: #fff;
  width: 100px;
  height: 30px;
  padding: 0 8px;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  color: #666
}

.new--adc-result .new--recovery-units .icon-xiala {
  font-size: 14px;
  color: #666
}

.new--adc-result .new--recovery-units ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 8px
}

.img-border .cell {
  border: 1px solid #dedede;
  background-color: #f1f1f1
}

.img-border .cell p {
  margin: 10px 0
}

.marign-auto {
  margin: 0 auto;
  width: 100%
}

.w-25 {
  width: 25%;
}

.w-5 {
  width: 5%
}

.mw-70 {
  max-width: 70px
}

.mw-120 {
  max-width: 120px
}

.mw-220 {
  max-width: 220px
}

.mw-240 {
  max-width: 240px
}

.mw-280 {
  max-width: 280px
}

.mw-300 {
  max-width: 300px
}

.mw-320 {
  max-width: 320px
}

.mw-400 {
  max-width: 400px
}

.mw-540 {
  max-width: 540px
}

.mw-600 {
  max-width: 600px
}

.mw-700 {
  max-width: 700px
}

.mw-800 {
  max-width: 800px
}

.mw-1000 {
  max-width: 1000px
}

.mw-1200 {
  max-width: 1200px
}

.mw-1400 {
  max-width: 1400px
}

.mw-font p {
  font-size: 14px;
  margin: 10px 0
}

.company--main.osmosis-flex {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media (max-width:1599px) {
  .new--frp-input .tds--inp-box:nth-child(4n) {
    margin-left: 60px
  }

  .new--tds-input>div:nth-child(2n-1) {
    margin-left: 0
  }
}

@media (max-width:1399px) {
  .new--tds-input>div+div {
    margin-left: 0
  }

  .new--adc-input .tds--inp-box {
    width: 460px
  }

  .new--adc-input .tds--inp-box>span {
    width: 275px
  }

  .new-frp-con .new--adc-input .tds--inp-box>div div {
    width: 90px
  }

  .new--adc-result .new-result-inp:nth-child(2n) {
    margin-left: 0
  }

  .new--adc-result .new-result-inp {
    margin-bottom: 15px
  }

  .new--adc-result {
    margin-bottom: 20px
  }

  .new-result-inp>span:first-child {
    font-weight: 400
  }
}

@media (max-width:1199px) {

  .new--frp-input .tds--inp-box,
  .new--frp-input .tds--inp-box:nth-child(4n) {
    margin-left: 0
  }

  .new--frp-input .tds--inp-box {
    width: 420px;
    margin-bottom: 20px
  }

  .new--frp-input .tds--inp-box span {
    font-weight: 400
  }

  .new-frp-con .new--adc-input .tds--inp-box {
    margin-bottom: 5px
  }
}

@media(max-width:767px) {
  .new-result-inp>span:first-child {
    font-size: 12px
  }
}

@media (max-width:575px) {
  .new--tds-page img {
    width: 100%
  }

  .new--frp-input .tds--inp-box {
    width: 375px;
    margin-bottom: 10px
  }

  .new--frp-input .tds--inp-box>span {
    width: 110px
  }

  .new--adc-input .tds--inp-box {
    width: 415px
  }

  .new--adc-result .new--recovery-units {
    width: 70px
  }
}

#categories {
  text-align: center;
  margin-top: -30px
}

.category-button {
  padding: 5px 10px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  font-size: 20px
}

.category-button.active {
  color: #00a0e9
}

.product-item {
  width: calc(25% - 22.5px);
  display: none;
  padding-bottom: 20px;
  position: relative
}

.product-item:nth-child(4n) {
  margin-right: 0
}

.new--pro-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 30px;
}

.product-item a:hover {
  text-decoration: none
}

.product-item:before {
  content: "";
  position: absolute;
  width: calc(100% + 30px);
  height: 1px;
  bottom: -5px;
  left: -15px;
  background-color: #e2e2e2
}

.product-item:after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% + 30px);
  top: -25px;
  right: -15px;
  background-color: #e2e2e2
}

.grid--k-img {
  position: relative
}

.article-type {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  background-color: #0870d8;
  opacity: .8;
  padding: 3px 8px;
  font-size: 12px
}

#pagination {
  margin-top: 20px;
  text-align: center
}

#pagination button {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 15px;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer
}

#pagination button.active {
  background-color: #C4161C;
  color: #fff
}

.minH-330 {
  min-height: 330px
}

@media (max-width:1199px) {
  .product-item {
    width: calc(33.333333% - 13.333px);
  }

  .new--pro-list {
    gap: 20px;
  }

  .product-item:after {
    right: -10px
  }
}

@media (max-width:991px) {
  .product-item {
    width: calc(50% - 10px)
  }
}

@media (max-width:767px) {
  .article-type {
    padding: 0 5px
  }
}


/* 2023.8.2 计算补充样式 */
.langelier_cal .tds--inp-box {
  position: relative
}

.langelier_cal .tds--inp-box:first-child .recovery-box input {
  width: 260px
}

.langelier_cal .width-150 {
  width: 175px
}

.langelier-result>div {
  margin-right: 40px
}

.langelier-result>div+div {
  margin-top: 20px
}

.langelier-result>div span:first-child {
  font-weight: 700;
  display: inline-block;
  width: 60px
}

.langelier-result>div span.lange-trends {
  color: #C4161C;
  font-weight: 400;
  margin-left: 15px
}

.langelier-result {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.lange_tips {
  color: red;
  font-size: 12px;
  position: absolute;
  left: 42%;
  bottom: -65%;
  width: 75px
}

.langelier_cal.new--tds-input>div+div {
  margin-left: 20px
}

@media (max-width:1599px) {
  .new--frp-input.langelier_cal .tds--inp-box {
    margin-left: 0
  }
}

@media (max-width:1399px) {
  .tds--inp-box span.lange_tips {
    font-size: 12px;
    font-weight: 400
  }
}

@media (max-width:1199px) {
  .lange_tips {
    left: 40%
  }
}

@media (max-width:575px) {
  .langelier-result>div span:first-child {
    width: 40px
  }
}


/* Water Quality Analysis */
.accordion-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}

.accordion-half {
  width: calc(50% - 20px)
}

.accordion-box>div+div {
  margin-left: 40px
}

.accordion-half>div+div {
  margin-top: 20px
}

.accordion-cell {
  background-color: #f4f4f4;
  padding: 12px 20px 20px 20px;
  max-height: 42px;
  overflow: hidden;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

.accordion-tit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  line-height: 1
}

.accordion-tit {
  width: 95%;
  padding-bottom: 10px;
  line-height: 1;
  border-bottom: 1px solid transparent;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.accordion-cell.is-active {
  max-height: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

.is-active .accordion-tit {
  border-bottom: 1px solid #d8d8d8;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.accordion-tit-box span {
  padding-bottom: 10px;
  color: #333
}

.accordion-tit-box .icon-jian {
  display: none
}

.is-active .accordion-tit-box .icon-jia {
  display: none
}

.is-active .accordion-tit-box .icon-jian {
  display: block
}

.accordion-con {
  margin-top: 12px;
  font-size: 14px
}

.accordion-con p {
  margin: 0
}

.accordion-con p+p {
  margin-top: 10px
}

.problem-process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.pro-gray {
  background-color: #f8f8f8
}

.pro-left {
  width: 60%;
  padding: 50px 40px
}

.pro--left-scroll {
  max-height: 350px;
  overflow: auto
}

.pro-left div+p {
  margin-top: 25px
}

.pro-right {
  width: 40%
}

.pro-right p {
  text-align: center;
  margin: 10px 0
}

.pro--left-tit {
  font-size: 20px;
  font-weight: 700
}

.pro-left img {
  background-color: #f8f8f8
}

.pro-overflow {
  padding-right: 20px
}

.pro--left-scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
  border-radius: 5px
}

.pro--left-scroll::-webkit-scrollbar-track {
  border-radius: 5px
}

.pro--left-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
  width: 6px
}

.pro--left-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #b1b1b1
}

@media (max-width:1599px) {
  .pro-left {
    width: 55%
  }

  .pro-right {
    width: 45%
  }
}

@media (max-width:1399px) {
  .pro-left {
    padding: 40px;
    width: 49%
  }

  .pro-right {
    width: 51%
  }

  .pro-left div+p {
    margin-top: 20px
  }

  .pro--left-tit {
    font-size: 18px
  }
}

@media (max-width:1199px) {
  .accordion-half {
    width: calc(50% - 15px)
  }

  .accordion-box>div+div {
    margin-left: 30px
  }

  .pro-left {
    padding: 20px
  }

  .pro-left div+p {
    margin-top: 15px
  }

  .pro--left-scroll {
    max-height: 310px
  }
}

@media (max-width:991px) {
  .accordion-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .accordion-box>div+div {
    margin-left: 0;
    margin-top: 15px
  }

  .accordion-half {
    width: 100%
  }

  .accordion-half>div+div {
    margin-top: 15px
  }

  .accordion-cell {
    padding: 8px 15px 15px 15px;
    max-height: 32px
  }

  .accordion-tit {
    padding-bottom: 8px;
    width: 95%
  }

  .accordion-con {
    margin-top: 8px
  }

  .pro-left {
    width: 55%
  }

  .pro-right {
    width: 45%
  }

  .pro--left-scroll {
    max-height: 193px
  }

  .pro--left-tit {
    font-size: 16px
  }

  .pro-left div+p {
    margin-top: 10px
  }
}

@media (max-width:767px) {
  .problem-process {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .pro-left,
  .pro-right {
    width: 100%
  }

  .pro--left-scroll {
    max-height: 320px
  }

  .pro-left {
    padding: 15px
  }
}

.diff-grid .cell {
  padding: 40px
}

.diff--grid-2 {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.diff-cell {
  width: calc(50% - 10px);
  text-align: center
}

.diff-cell p {
  margin: 10px 0
}

.diff--grid-2 .diff-cell:nth-child(2n) {
  margin-left: 20px
}

.diff-table table th {
  width: 50%;
  font-weight: 700
}

@media (max-width:1399px) {
  .diff-grid .cell {
    padding: 30px
  }
}

@media (max-width:1399px) {
  .diff--grid-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .diff--grid-2 .diff-cell {
    width: 100%
  }

  .diff--grid-2 .diff-cell:nth-child(2n) {
    margin-left: 0
  }

  .diff--grid-2>div+div {
    margin-top: 20px
  }
}

@media (max-width:991px) {
  .diff-grid .cell {
    padding: 20px
  }

  .diff-grid .hardness-p {
    margin-top: 15px
  }

  .diff--grid-2>div+div {
    margin-top: 15px
  }
}


/* contact 页面修改css */
.contact--qrcode {
  display: flex;
  margin-top: 30px
}

.contact--qrcode-cell {
  width: 100%;
  max-width: 110px;
  text-align: center
}

.contact--qrcode>div+div {
  margin-left: 10px
}

.contact--qrcode-cell p {
  font-size: 14px;
  color: #999;
  margin-top: 3px;
  margin-bottom: 0
}

@media (max-width:575px) {
  .contact--qrcode-cell p {
    font-size: 12px;
  }

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


/* company 添加PDF */
.company--pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #005c8f;
  padding: 60px 40px
}

.company--pdf-left {
  width: 45%;
  position: relative
}

.company--pdf-left .img--50,
.company--pdf-left .img--50 img {
  background-color: transparent
}

.company--pdf-left .img--50 {
  position: absolute;
  bottom: -60px
}

.company--pdf-tit {
  font-size: 28px;
  color: #fff;
  font-weight: 500;
  line-height: 1
}

.company--pdf-right {
  width: calc(55% - 30px);
  margin-left: 30px
}

.company--pdf-right p {
  color: #fff;
  margin-top: 25px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, .6)
}

.company--pdf-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 16px;
  margin-top: 30px
}

.company--pdf-right a:hover {
  width: 60px;
  text-decoration: none
}

.company--pdf-right a .iconfont {
  color: #fff;
  font-size: 14px;
  line-height: 1
}


.text-left {
  text-align: left;
}

.img-background>div {
  background-color: #fff;
}

.nav--sl {
  display: flex;
}

.nav-lang-multiple {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  margin-left: 20px;
}

.nav-lang-multiple i {
  line-height: 1;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav-lang-multiple:hover i {
  color: #C4161C
}

.nav-lang-multiple ul {
  position: absolute;
  top: 60px;
  background: rgb(255 255 255 / 95%);
  -webkit-box-shadow: 0 0 10px 1px #999;
  box-shadow: 0 0 10px 1px #999;
  padding: 15px 15px;
  border-radius: 5px;
  display: none;
  z-index: 9;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  list-style: none;
  width: 80px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.nav-lang-multiple:hover ul {
  display: block
}

.nav-lang-multiple li {
  width: 100%;
  display: flex
}

.nav-lang-multiple li+li {
  margin-top: 12px
}

.nav-lang-multiple li a {
  display: flex;
  color: #333;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.nav-lang-multiple li a img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  border-radius: 50%;
}

.nav-lang-multiple li a span {
  line-height: 1
}

.nav-lang-multiple:hover ul {
  display: block
}

.nav-lang-multiple li a:hover {
  color: #C4161C
}

.data-screen-all>div>span {
  display: none;
}



@media (max-width:1599px) {
  .company--pdf {
    padding: 40px
  }

  .company--pdf-left .img--50 {
    bottom: -40px
  }
}

@media (max-width:1399px) {
  .company--pdf-tit {
    font-size: 24px
  }

  .company--pdf-right p {
    margin-top: 20px
  }

  .company--pdf-right a {
    margin-top: 20px
  }
}

@media (max-width:1199px) {
  .company--pdf {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px
  }

  .company--pdf-right {
    width: calc(55% - 25px)
  }

  .company--pdf-left .img--50 {
    bottom: 0;
    position: inherit
  }

  .company--pdf-tit {
    font-size: 20px
  }

  .company--pdf-right p {
    margin-top: 15px
  }

  .company--pdf-right a {
    margin-top: 15px
  }

  .nav-lang-multiple {
    margin-left: 0;
    margin-right: 40px;
  }

  .input-search {
    margin-right: 30px;
  }

  .nav-lang-multiple i {
    color: #C4161C
  }
}

@media (max-width:991px) {
  .company--pdf-left {
    display: none
  }

  .company--pdf-right {
    width: 100%;
    margin-left: 0
  }

  .company--pdf-tit {
    font-size: 18px
  }
}

@media (max-width:665px) {
  .company--pdf {
    padding: 25px
  }

  .company--pdf-tit {
    font-size: 16px
  }

  .company--pdf-right a {
    width: 20px;
    height: 20px
  }

  .company--pdf-right a:hover {
    width: 40px
  }
}

/* 2023.10.10 修改 */
.footer--4 .footer--4-tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px
}

.footer--4>p {
  font-size: 14px;
  color: #a3c0d8;
  font-style: italic
}

.footer--4 .footer--4-con p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #fff
}

.footer--4 .footer--4-con .icon-whats-app {
  font-size: 28px;
  margin-right: 10px;
  line-height: 1.2
}

.footer--4 .footer--4-con a.jump_con {
  display: block;
  width: 100%;
  font-size: 14px;
  text-align: center;
  padding: 12px 0;
  background-color: #C4161C;
  color: #fff;
  text-transform: uppercase;
  border-radius: 20px;
  margin-top: 20px;
  line-height: 1.2
}

.footer--4 .footer--4-con a.jump_con:hover {
  background-color: #3a94e3;
  text-decoration: none
}

@media (max-width:1399px) {
  .footer--4 .footer--4-con .icon-whats-app {
    font-size: 26px
  }

  .footer--4 .footer--4-con a {
    padding: 10px 0
  }
}

@media (max-width:1199px) {
  .footer--4 .footer--4-tit {
    font-size: 20px
  }
}

@media (max-width:991px) {
  .footer--4 .footer--4-con .icon-whats-app {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .footer--4 .footer--4-con .icon-whats-app {
    font-size: 22px
  }

  .footer--4 .footer--4-con a.jump_con {
    width: 50%;
    margin-top: 15px
  }

  .footer--4 .footer--4-tit {
    font-size: 18px
  }
}

@media (max-width:575px) {
  .footer--4 .footer--4-con a.jump_con {
    width: 30%;
    font-size: 12px;
    padding: 8px 0;
    margin-top: 10px
  }

  .footer--4 .footer--4-tit {
    font-size: 16px
  }

  .footer--4 .footer--4-con p {
    font-size: 14px
  }
}

.p-tit-1 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px
}

.table .k-table div {
  width: 30%;
  margin: 0 auto
}

.table .k-table div img {
  width: 100%
}

.table td div+div {
  margin-top: 10px
}

.region--news .cell {
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.region--news .cell a:hover {
  text-decoration: none
}

.region--news-con {
  padding: 10px 10px 25px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.region--news-date {
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.region--news-date .iconfont {
  font-size: 16px;
  margin-right: 6px
}

.region--news-tit {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 15px;
  line-height: 1.2;
}

.region--news-con .icon-youjiantou {
  font-size: 16px;
  color: #C4161C
}

.region--news .cell:hover {
  background-color: #fff;
  border-width: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

@media (max-width:1599px) {
  .region--news-tit {
    font-size: 16px
  }
}

@media (max-width:1199px) {
  .region--news-date {
    margin-bottom: 5px
  }
}

@media (max-width:990px) {
  .region--news-date {
    font-size: 12px
  }

  .region--news-con {
    padding: 10px 10px 15px 10px
  }

  .region--news-tit {
    font-size: 14px;
    margin-bottom: 5px
  }

  .region--news-date .iconfont {
    font-size: 14px
  }
}

.region-news-detail {
  position: relative
}

.news-detail-date {
  color: #999;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 200;
  font-style: italic
}

.width-1000 {
  max-width: calc(100% - 180px);
  width: 100%;
  margin-left: 180px
}

.news-detail-gray .cell {
  background-color: #f7f7f7
}

.news-detail-gray .cell p {
  margin: 10px;
  line-height: 1.4
}

.news-share {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.news-share-tit {
  line-height: 1;
  color: #999;
  margin-bottom: 25px
}

.news-share ul li i {
  width: 70px;
  height: 32px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: 22px;
  border-radius: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.news-share ul li i.icon-Facebook {
  background-color: #324a89
}

.news-share ul li i.icon-Twitter {
  background-color: #000
}

.news-share ul li i.icon-linkedin {
  background-color: #2185ba
}

.news-share ul li+li {
  margin-top: 15px
}

.news-share ul li a:hover {
  text-decoration: none
}

.news-share ul li i:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1)
}

.region-news-detail.active .news-share {
  position: fixed;
  top: 100px
}

@media (max-width:1199px) {
  .news-detail-date {
    font-size: 14px;
    margin-bottom: 10px
  }
}

@media (max-width:990px) {
  .width-1000 {
    max-width: calc(100% - 140px);
    margin-left: 140px
  }

  .news-share ul li i {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .region-news-detail {
    margin-top: 40px;
    position: inherit
  }

  .news-share {
    left: 20px
  }

  .width-1000 {
    max-width: 100%;
    margin-left: 0
  }
}

@media (max-width:665px) {
  .width-1000 {
    max-width: calc(100% - 60px);
    margin-left: 60px
  }

  .news-share-tit {
    margin-bottom: 15px
  }

  .news-share ul li i {
    width: 65px;
    height: 30px;
    font-size: 14px
  }
}

@media (max-width:575px) {
  .width-1000 {
    max-width: calc(100% - 90px);
    margin-left: 90px
  }
}

.index-pdf {
  margin: 30px 0
}

.index-pdf a {
  position: relative;
  padding: 0 30px
}

.index-pdf a::before {
  content: '\e626';
  font-family: iconfont !important;
  position: absolute;
  font-size: 22px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.index-pdf a::after {
  content: '\e63b';
  font-family: iconfont !important;
  position: absolute;
  font-size: 22px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.index-pdf a:hover {
  text-decoration: none
}

.index-pdf:hover a::after {
  right: -15px
}

.proimg--600-t-border>div:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.proimg--600-t-border>div.proimg-600--main+div {
  border-top: 1px solid #ececec
}

.speci-grid .cell {
  -webkit-box-shadow: 0 0 15px #e1e1e1;
  box-shadow: 0 0 15px #e1e1e1;
  border-radius: 8px;
  overflow: hidden
}

.speci-grid .cell .text-center {
  margin: 8px 0;
  font-weight: 600;
  padding: 0 10px
}

.speci-grid .cell .pro-ul {
  padding: 0 20px
}

@media (max-width:991px) {
  .proimg--600-t-border>div:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .proimg--600-t-border .proimg-600--img {
    margin-bottom: 20px
  }
}

@media (max-width:575px) {
  .proimg--600-t-border .proimg-600--img {
    margin-bottom: 15px
  }
}

.proimg-box>div {
  padding: 30px 0
}

.proimg-box>div+div {
  border-top: 1px solid #dedede
}

.marginTB-30 {
  margin: 30px 0
}

.spec-pdf-grid .cell {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1);
  border-radius: 10px;
  text-align: center;
  padding: 10px 10px 20px 10px;
  overflow: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.spec-pdf-grid .cell:hover {
  -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, .2)
}

.spec-pdf-grid a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.spec-pdf-grid a:hover {
  text-decoration: none
}

.spec-pdf-tit {
  color: #333;
  font-weight: 500;
  padding-bottom: 10px;
  line-height: 1.4
}

.spec-pdf-grid .cell span {
  font-size: 14px;
  color: red
}

.spec-pdf-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%
}

@media (max-width:575px) {
  .spec-pdf-tit {
    font-size: 14px
  }

  .spec-pdf-grid .cell span {
    font-size: 12px
  }
}


/* solutions style */
.solutions-list .cell {
  background-color: #f2f9fe;
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.solutions-list .cell a:hover {
  text-decoration: none
}

.solution-list-img {
  border-radius: 5px;
  overflow: hidden
}

.solutions-list-con {
  padding: 15px
}

.solutions-list-tit {
  font-weight: 500;
  font-size: 20px;
  color: #C4161C;
  font-family: Ubuntu;
  line-height: 1.4
}

.solutions-list-con ul {
  margin: 20px 0 25px 10px
}

.solutions-list-con ul li {
  color: #777;
  padding-left: 20px;
  position: relative;
  font-size: 16px;
  font-style: italic;
  line-height: 1.4
}

.solutions-list-con ul li+li {
  margin-top: 10px
}

.solutions-list-con ul li::before {
  content: '';
  width: 10px;
  height: 1px;
  background-color: #C4161C;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.solutions-list-con .icon-youjiantou {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.solutions-list .cell:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, .08);
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, .08)
}

.solutions-list .cell:hover .solutions-list-con .icon-youjiantou {
  margin-left: 10px
}

@media (max-width:1399px) {

  .solutions-list-con .icon-youjiantou,
  .solutions-list-tit {
    font-size: 18px
  }

  .solutions-list-con ul li {
    font-size: 14px
  }
}

@media (max-width:1199px) {

  .solutions-list-con .icon-youjiantou,
  .solutions-list-tit {
    font-size: 16px
  }

  .solutions-list-con ul li {
    font-size: 14px
  }

  .solutions-list-con ul li+li {
    margin-top: 5px
  }
}

@media (max-width:767px) {
  .solutions-list-tit {
    font-size: 14px
  }

  .solutions-list-con ul {
    margin: 10px 0 20px 5px
  }

  .solutions-list-con ul li {
    font-size: 12px
  }
}

.solutions-tag {
  background-color: #f9f9f9;
  padding: 15px 30px;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 45px
}

.solutions-tag div {
  font-size: 16px;
  position: relative;
  color: #555;
  font-style: italic;
  padding-left: 20px;
  line-height: 1
}

.solutions-tag div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 1px;
  background-color: #C4161C
}

.solutions-con-box .proimg-600--img {
  border-radius: 5px;
  overflow: hidden
}

.solutions-con-box .h5-tit {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px
}

.solutions-con-box .h5-tit::before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #C4161C;
  position: absolute;
  left: 0;
  bottom: 0
}

.h6-tit {
  font-weight: 600;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 20px
}

.solutions-con-box .img--30 img {
  background-color: #f5f5f5
}

.limits-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.limits-flex>div {
  width: 46.666666%
}

.limits-flex-right ul {
  font-style: italic
}

.limits-flex-notes {
  color: #666;
  font-style: italic
}

.feedback-grid .cell {
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #e0e0e0
}

.feedback-grid .cell>div {
  border-radius: 5px;
  overflow: hidden
}

.different-box .table+.table {
  margin-top: 25px
}

.test-grid .cell a {
  position: relative
}

.test-grid .cell>p {
  text-align: center;
  margin: 10px 0 0 0;
}

@media (max-width:1199px) {
  .solutions-tag {
    padding: 12px 20px;
    gap: 35px
  }

  .solutions-tag div {
    font-size: 14px
  }

  .solutions-con-box .h5-tit {
    margin-bottom: 10px;
    padding-bottom: 15px
  }

  .h6-tit {
    margin-bottom: 10px;
    font-size: 16px
  }
}

@media (max-width:991px) {
  .solutions-con-box .proimg-600--img {
    margin-top: 0;
    margin-bottom: 25px
  }

  .h6-tit {
    font-size: 14px
  }

  .limits-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .limits-flex>div {
    width: 100%
  }
}

@media (max-width:767px) {
  .solutions-tag {
    padding: 10px 15px;
    gap: 30px
  }

  .solutions-tag div {
    font-size: 12px
  }

  .h6-tit {
    font-size: 13px
  }
}

.company--main-2 .company--img {
  display: initial;
}

.prospe2--main-top ul li.wid--300 {
  width: 300px;
}

.flex-center {
  align-items: center;
}


/* Solutions 修改 */
.solution-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  border-top: 1px solid #eaeaea;
  padding-top: 34px;
  margin-bottom: 35px
}

.solution-cell {
  color: #C4161C;
  border: 1px solid #C4161C;
  padding: 12px 30px;
  border-radius: 5px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.solution-cell.active,
.solution-cell:hover {
  background-color: #C4161C;
  color: #fff
}

.solutions-list .solution-grid {
  gap: 30px
}

.solutions-list .solution-grid .cell {
  margin: 0
}

@media (max-width:1399px) {
  .solution-cell {
    padding: 10px 25px
  }
}

@media (max-width:1199px) {
  .solutions-list .solution-grid {
    gap: 20px
  }
}

@media (max-width:990px) {
  .solution-tab {
    padding-top: 30px;
    margin-bottom: 30px
  }
}

@media (max-width:575px) {
  .solution-tab {
    padding-top: 20px;
    margin-bottom: 20px;
    gap: 10px
  }

  .solution-cell {
    padding: 8px 15px
  }
}

/* MBR System for China Urban Domestic Sewage Treatment 图片背景颜色修改 */
.solutions-con-box .img--20 img {
  background-color: #f5f5f5;
}

/* Systems 页面修改 */
.systemlist1--cell a:hover,
.contains--cell-right a:hover {
  text-decoration: none
}

.systemlist1--tit a:hover,
.contains--cell-right a:hover {
  color: #004680
}

.systemlist1--cell a.more-btn,
.contains--cell-right a.more-btn {
  display: inline-block;
  border: 1px solid #C4161C;
  padding: 8px 28px;
  border-radius: 30px;
  line-height: 1
}

.systemlist1--cell a.more-btn:hover,
.contains--cell-right a.more-btn:hover {
  color: #fff;
  background-color: #0264b9
}

.systemlist1--main>div+div {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #c9c9c9
}

.region--topnav.region--change {
  padding-top: 30px
}

.region--change .img--135,
.region--change .img--135 img {
  background-color: transparent
}

.systems-water .systemlist1--tit {
  color: #333
}

.systems-water .margin0 {
  margin-top: 0
}

.systemlist1--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.systemlist1--flex>ul {
  width: 65%;
  margin-right: 5%
}

.systemlist1--img {
  max-width: 460px;
  width: 30%;
  text-align: center
}

@media (max-width:1199px) {
  .systemlist1--main>div+div {
    margin-top: 30px;
    padding-top: 30px
  }

  .systemlist1--cell a.more-btn,
  .contains--cell-right a.more-btn {
    padding: 8px 24px
  }
}

@media (max-width:990px) {
  .systemlist1--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .systemlist1--flex>ul,
  .systemlist1--img {
    width: 100%;
    margin-right: 0
  }

  .systemlist1--img {
    text-align: left
  }
}

@media (max-width:767px) {
  .systemlist1--main>div+div {
    margin-top: 20px;
    padding-top: 20px
  }
}

/* Secondary Treatment */
.contains--grid>div+div {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #c5c5c5
}

.contains--grid .contains--cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 60px
}

.contains--cell-left {
  width: 55%;
  max-width: 800px
}

.contains--cell-right {
  width: calc(48% - 60px)
}

.contains--grid .contains--cell:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.systemlist01--main ul.removed--ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 30px
}

.systemlist01--main .removed--ul li {
  width: calc(25% - 22.5px);
  background-color: rgba(255, 255, 255, .7);
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 60px 25px;
  margin: 0;
  color: #333
}

.systemlist01--main .removed--ul li:before {
  display: none
}

.systemlist01--main .removed--ul li p {
  margin: 0;
  line-height: 1.4
}

.systemlist01--main .removed--ul li .p-tit {
  margin-bottom: 15px;
  font-size: 18px;
  color: #333
}

@media screen and (max-width:1199px) {
  .contains--grid>div+div {
    margin-top: 40px;
    padding-top: 40px
  }

  .contains--grid .contains--cell {
    gap: 40px
  }

  .contains--cell-right {
    width: calc(48% - 40px)
  }

  .contains--grid .contains--cell:nth-child(even),
  .systemlist01--main ul.removed--ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .systemlist01--main ul.removed--ul li {
    width: calc(50% - 15px)
  }

  .contains--cell-left {
    width: 52%
  }
}

@media screen and (max-width:990px) {
  .contains--grid>div+div {
    margin-top: 3%;
    padding-top: 30px
  }

  .contains--grid .contains--cell {
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .contains--grid .contains--cell:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .contains--cell-left,
  .contains--cell-right {
    width: 100%
  }

  .contains--cell-right .p-tit {
    margin-top: 0
  }

  .systemlist01--main ul.removed--ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .systemlist01--main .removed--ul li {
    padding: 40px 20px
  }

  .systemlist01--main .removed--ul li .p-tit {
    font-size: 16px
  }
}


#owl-demo6 .owl-nav {
  display: none
}

#owl-demo6 .item {
  border-radius: 5px;
  background-color: rgba(18, 130, 229, .1);
  text-align: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  overflow: hidden
}

.owl-item6--con {
  padding: 0 10px 30px 10px
}

.owl-demo6--tit {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #C4161C;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.owl-item6--con .iconfont {
  color: #C4161C;
  font-size: 20px;
  font-weight: 600
}

#owl-demo6 .item:hover {
  background-color: rgba(18, 130, 229, .2)
}

#owl-demo6 .item:hover a {
  text-decoration: none
}

@media (max-width:1199px) {
  .owl-demo6--tit {
    font-size: 16px;
    margin-bottom: 10px
  }

  .owl-item6--con .iconfont {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .owl-demo6--tit {
    font-size: 14px;
    margin-bottom: 10px
  }

  .owl-item6--con .iconfont {
    font-weight: 400
  }
}

.nav--dropdown>a:after {
  display: inline-block !important;
  padding-left: 5px;
  content: "\e6c0";
  vertical-align: middle;
  font-size: 12px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
  font-weight: 400
}

.leftimg-rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6
}

.leftimg-rtable:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0
}

.leftimg-rtable--img {
  width: 46.666666%
}

.leftimg-rtable--table {
  width: calc(53.333333% - 30px)
}

@media (max-width:1199px) {
  .leftimg-rtable {
    margin-bottom: 20px;
    padding-bottom: 20px;
    gap: 20px
  }

  .leftimg-rtable--table {
    width: calc(53.333333% - 20px)
  }
}

@media (max-width:990px) {
  .leftimg-rtable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .leftimg-rtable--img,
  .leftimg-rtable--table {
    width: 100%
  }
}

.add-left-con-pdf {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
}

.add-left-con-pdf a {
  border: 1px solid #C4161C;
  padding: 8px 15px;
  border-radius: 5px;
  background-color: #C4161C;
  color: #fff;
}

.add-left-con-pdf a .iconfont {
  font-size: 20px;
  margin-right: 8px;
}

.add-left-con-pdf a:hover {
  text-decoration: none;
  background-color: #005c8f;
}

@media (max-width:1920px) {
  .add-left-con-pdf a {
    padding: 6px 15px;
  }
}

@media (max-width:1199px) {
  .add-left-con-pdf a {
    padding: 4px 15px;
  }
}

@media (max-width:990px) {
  .add-left-con-pdf {
    margin-bottom: 20px;
  }

  .add-left-con-pdf a .iconfont {
    font-size: 16px;
  }
}

@media (max-width:575px) {
  .add-left-con-pdf {
    margin-bottom: 15px;
  }

  .add-left-con-pdf a .iconfont {
    font-size: 14px;
  }
}


/* News页面修改 2024.9.21 */

.region--news-tab ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 120px;
  font-size: 18px;
  color: #999;
  cursor: pointer;
  border-top: 1px solid #cfcfcf;
}

.region--news-tab ul li {
  padding: 10px 30px 0;
  position: relative;
}

.region--news-tab ul li.active {
  color: #C4161C;
}

.region--news-tab ul li.active::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #C4161C;
  top: -1px;
  left: 0;
}

.region--news-tab-cell {
  display: none;
}

.region--news-tab-cell.active {
  display: block;
}

.region--news .cell img {
  border-radius: 10px;
}

.region--news-more {
  line-height: 1;
  font-size: 14px;
}

.region--news-more .iconfont {
  margin-left: 10px;
  font-size: 14px;
}

@media (max-width: 1199px) {
  .region--news-tab ul {
    gap: 30px;
  }

  .region--news-tab ul li {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .region--news-tab ul {
    gap: 20px;
  }

  .region--news-tab ul li {
    font-size: 14px;
    padding: 8px 25px 0;
  }

  .region--news-more,
  .region--news-more .iconfont {
    font-size: 12px;
  }
}

.table--quality {
  max-width: 1000px;
  width: 100%;
  margin: inherit;
}

.table--quality td {
  vertical-align: top;
}

.three-d-iframe iframe {
  aspect-ratio: 2 / 1
}


.swiper {
  width: 100%;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  overflow: hidden;
}

.swiper-container {
  overflow: hidden
}

.swiper .swiper-wrapper {
  opacity: 0;
  display: flex;
  flex-wrap: wrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.swiper-cell {
  display: none;
  position: relative
}

.swiper-01.swiper-cell {
  display: flex
}

.swiper .swiper-wrapper .swiper-cell {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: flex
}

.swiper .swiper-wrapper .swiper-cell img {
  width: 100%;
  display: block;
  max-width: 100%;
}

.swiper-1 .swiper-wrapper .swiper-cell::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(255 255 255 / 48%) 0%, rgb(255 255 255 / 39%) 9%, rgba(255, 255, 255, 0.28) 20%, rgb(255 255 255 / 0%) 35%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  top: 0;
  z-index: 1;
}

.swiper .swiper-button-prev {
  top: 0;
  left: 0;
  cursor: pointer;
  position: absolute
}

.swiper .swiper-button-next {
  top: 0;
  right: 0;
  cursor: pointer;
  position: absolute
}

.swiper .swiper-button-next.disabled,
.swiper .swiper-button-prev.disabled {
  opacity: .5
}

.swiper .swiper-pagination {
  right: 0;
  bottom: 10px;
  position: absolute
}

.swiper .swiper-pagination ul {
  display: flex
}

.swiper .swiper-pagination ul li {
  padding: 5px;
  list-style: none
}

.swiper .swiper-pagination ul li span {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  background: grey;
  border-radius: 50%
}

.swiper .swiper-pagination ul li.active span {
  background: #1890ff
}

.swiper-cell>a[data-lightbox=lightbox-demo] {
  display: block;
  width: 100%;
  height: 100%
}

.next,
.prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .16);
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border: 1px solid #fff;
  backdrop-filter: blur(3px);
}

.next {
  right: 10px
}

.prev {
  left: 10px
}

.next.disabled,
.prev.disabled {
  opacity: 0
}

.next:hover,
.prev:hover {
  background-color: #1890ff;
  transition: all .3s;
}

.next:after {
  content: "\e6d1";
  font-size: 12px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  display: block;
  transition: all .3s;
  color: #fff
}

.prev:after {
  content: "\e6d1";
  font-size: 12px;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  display: block;
  transition: all .3s;
  color: #fff;
  transform: scaleX(-1)
}

.next:hover:after,
.prev:hover:after {
  color: #fff
}

.swiper-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  bottom: 15px
}

.swiper-dots ul {
  display: flex
}

.swiper-dots ul li {
  margin: 0 2px
}

.swiper-dots ul li span {
  width: 8px;
  height: 8px;
  background-color: #8d99ae;
  border-radius: 50%;
  display: flex;
  cursor: pointer;
  border: solid 2px #fff;
  transition: all .3s
}

.swiper-dots ul li.active span {
  background-color: #1890ff
}

.region--index-1 {
  overflow: hidden;
  width: 100%
}

.swiper-1--img {
  position: relative;
  display: block;
  padding-bottom: 52.17%;
  width: 100%;
  z-index: 2
}

.swiper-1--img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(91deg, #000 0, #000 10%, rgba(255, 255, 255, .1) 100%);
  opacity: .35
}

.swiper-1--img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 100%;
  transform: translate(-50%, -50%)
}

.swiper-1--main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.swiper-1--main .stage {
  height: 100%;
  padding: 0
}

.swiper-1--con {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 4;
  color: #fff;
  text-align: center;
  padding: 0 40px;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, .5)
}

.swiper-1--tit {
  font-weight: 700;
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 20px
}

.swiper-1--tit-1 {
  font-size: 12px;
  font-weight: 300;
  margin-top: 10px;
  padding-bottom: 10px;
  position: relative
}

.swiper-1--con p {
  font-size: 13px;
  margin-top: 10px;
  line-height: 1.6;
  display: none
}

.swiper-1-more {
  display: inline-block
}

.swiper-1-more a {
  display: flex;
  font-size: 12px;
  text-decoration: underline;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  font-weight: 400;
  align-items: center
}

.swiper-1-more a:after {
  content: "\e6a6";
  vertical-align: middle;
  font-family: iconfont;
  line-height: 1;
  cursor: pointer;
  font-style: normal;
  margin-left: 5px;
  font-size: 12px
}

.swiper-1-more a:hover {
  color: #0050b3
}

.swiper-1--con-img {
  margin: 10px 0
}

.swiper-1--con-img img {
  width: auto;
  height: 14px
}

.swiper-1--con.swiper-1--left {
  align-items: flex-start;
  text-align: left
}

.swiper-1--con.swiper-1--right {
  align-items: flex-end;
  text-align: right
}

.swiper .swiper-wrapper .swiper-cell .swiper-1--img img {
  width: auto;
  display: block;
  max-width: none;
  height: 100%
}

.swiper-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

.swiper-cell .swiper-img img {
  position: absolute;
  height: auto;
  left: 0;
  top: 0;
}

.swiper-img {
  padding-bottom: 43.7%;
  position: relative;
  width: 100%;
}

@media (min-width:576px) {
  .swiper-1--tit {
    font-size: 18px;
    margin-bottom: 0
  }

  .swiper-1--tit-1 {
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 15px
  }

  .swiper-1--con p {
    font-size: 16px;
    margin-top: 15px;
    display: block
  }

  .swiper-1--con-img img {
    height: 15px
  }

  .swiper-1--img {
    padding-bottom: 54.68%
  }

  .swiper-dots ul li span {
    margin: 0 2px
  }

  .swiper-1--con {
    padding: 0
  }

  .swiper-1--con {
    display: flex;
    width: 80%
  }
}

@media (min-width:768px) {
  .swiper-1--tit {
    font-size: 22px
  }

  .swiper-1--tit-1 {
    font-size: 16px
  }

  .swiper-1--con p {
    font-size: 17px;
    font-weight: 400
  }

  .swiper-1--con-img img {
    height: 17px
  }

  .swiper-1-more {
    margin-top: 10px
  }

  .swiper-1-more a {
    font-size: 13px
  }

  .swiper-1--img {
    padding-bottom: 45.36%
  }

  .swiper-dots {
    bottom: 20px
  }

  .next,
  .prev {
    width: 35px;
    height: 35px
  }

  .next:after,
  .prev:after {
    font-size: 16px
  }

  .next {
    right: 20px
  }

  .prev {
    left: 20px
  }

  .swiper-1--con {
    width: 600px
  }

  .fixed-top {
    margin-top: 60px;
  }
}

@media (min-width:992px) {
  .swiper-1--tit {
    font-size: 26px
  }

  .swiper-1--tit-1 {
    font-size: 17px
  }

  .swiper-1--con p {
    font-size: 18px;
    font-weight: 300
  }

  .swiper-1--con-img img {
    height: 24px
  }

  .swiper-1-more a {
    font-size: 14px
  }

  .swiper-1--img {
    padding-bottom: 37.5%
  }

  .swiper-dots ul li span {
    margin: 0 3px;
    width: 10px;
    height: 10px
  }
}

@media (min-width:1200px) {
  .swiper-1--tit {
    font-size: 30px
  }

  .swiper-1--tit-1 {
    font-size: 18px
  }

  .swiper-1--con p {
    font-size: 20px
  }

  .swiper-1--con-img img {
    height: 25px
  }

  .swiper-1-more a {
    font-size: 15px
  }

  .swiper-1--img {
    padding-bottom: 33.333%
  }

  .swiper-dots {
    bottom: 30px
  }

  .next,
  .prev {
    width: 40px;
    height: 40px
  }

  .next:after,
  .prev:after {
    font-size: 18px
  }

  .swiper .swiper-wrapper .swiper-cell .swiper-1--img img {
    width: 101%;
    display: block;
    max-width: 101%
  }

  .fixed-top {
    margin-top: 70px;
  }
}

@media (min-width:1480px) {
  .swiper-1-more a {
    font-size: 15px
  }

  .swiper-1--tit {
    font-size: 33px
  }

  .swiper-1--tit-1 {
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 20px
  }

  .swiper-1--con p {
    font-size: 20px;
    margin-top: 25px
  }

  .swiper-1--con-img img {
    height: 30px
  }

  .swiper-1-more a {
    font-size: 16px
  }

  .swiper-1-more {
    margin-top: 15px
  }
}

.swiper--con {
  width: 380px;
  background-color: rgba(255, 255, 255, .72);
  backdrop-filter: blur(3px);
  padding: 40px;
  margin-top: 140px;
  border-radius: 15px;
  -webkit-box-shadow: 3px 3px 12px 1px rgba(0, 0, 0, .11);
  box-shadow: 3px 3px 12px 1px rgba(0, 0, 0, .11);
  position: relative;
  margin-right: -100px;
  opacity: 1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

.swiper-cell.swiper-active .swiper--con {
  opacity: 1;
  margin-right: 0
}

.swiper--logo {
  width: 150px;
  margin-top: 20px
}

.snowate--mascot {
  width: 100px;
  position: absolute;
  right: 40px;
  top: -45px
}

.snowate--mascot .img--135,
.snowate--mascot .img--135 img {
  background-color: transparent
}

.snowate--mascot img,
.swiper--logo img {
  width: 100%
}

.swiper--con-tit {
  margin-top: 40px;
  font-size: 27px;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
}

.swiper--con-desc {
  margin-top: 15px;
  font-size: 18px;
  color: #333;
  font-weight: 300;
  line-height: 1.3;
}

.swiper--con-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 40px
}

.swiper--con-other .iconfont {
  color: #C4161C;
  font-size: 20px;
  line-height: 1;
}

.con-other--logo {
  width: 115px
}

.con-other--logo img {
  width: 100%
}

.swiper--con-other span {
  display: inline-block;
  width: calc(100% - 145px);
  margin: 0 15px;
  height: 1px;
  background-color: #C4161C
}

.swiper-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.swiper-more a {
  padding: 12px 18px;
  background-color: #C4161C;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  line-height: 1;
  border: 2px solid transparent
}

.swiper-more a:hover {
  background-color: #fff;
  border-color: #C4161C;
  color: #C4161C;
  text-decoration: none
}

@media (max-width:1599px) {
  .swiper--con {
    padding: 35px;
  }

  .swiper--logo {
    margin-top: 10px;
    width: 140px;
  }

  .snowate--mascot {
    width: 90px;
  }

  .swiper--con-tit {
    margin-top: 30px;
    font-size: 24px
  }

  .swiper--con-desc {
    margin-top: 10px;
    font-size: 16px;
  }

  .swiper--con-other {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .swiper-more a {
    padding: 8px 14px;
    font-size: 16px;
  }
}

@media (max-width:1399px) {
  .swiper--con {
    padding: 30px;
  }

  .swiper--logo {
    width: 130px;
  }

  .snowate--mascot {
    width: 80px;
  }

  .swiper--con-tit {
    margin-top: 20px;
    font-size: 22px
  }

  .swiper--con-desc {
    font-size: 14px;
  }

  .swiper--con-other {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .swiper-more a {
    padding: 8px 14px;
    font-size: 16px;
  }
}

@media (max-width:1199px) {
  .swiper-img {
    padding-bottom: 47%;
  }

  .swiper--con {
    padding: 25px;
    margin-top: 95px;
  }

  .swiper--logo {
    width: 120px;
  }

  .snowate--mascot {
    width: 70px;
  }

  .swiper--con-tit {
    margin-top: 16px;
    font-size: 18px
  }

  .swiper--con-desc {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .swiper--con-other {
    margin: 20px 0;
  }

  .swiper-more a {
    padding: 8px 14px;
    font-size: 16px;
  }
}

@media (max-width:991px) {
  .swiper-img {
    padding-bottom: 48%;
  }

  .swiper--con {
    padding: 20px;
    margin-top: 70px;
    border-radius: 10px;
  }

  .swiper--logo {
    width: 95px;
  }

  .snowate--mascot {
    width: 60px;
    top: -35px;
    ;
  }

  .swiper--con-tit {
    margin-top: 10px;
    font-size: 16px
  }

  .swiper--con-desc {
    font-size: 12px;
    margin-bottom: 15px;
  }

  .swiper--con-other {
    display: none;
  }

  .con-other--logo {
    width: 85px;
  }

  .swiper-more a {
    font-size: 14px;
  }
}

@media (max-width:767px) {
  .swiper-img {
    padding-bottom: 55%;
  }

  .swiper--logo {
    display: none;
  }

  .carouse--con .stage {
    justify-content: center;
  }

  .swiper--con {
    padding: 15px;
  }

  .snowate--mascot {
    width: 50px;
    top: -30px;
  }

  .swiper--con-desc {
    margin-bottom: 10px;
  }

  .swiper-more a {
    font-size: 12px;
    padding: 5px 8px;
  }
}

@media (max-width:575px) {
  .swiper-img {
    padding-bottom: 56%;
  }

  .swiper--con-tit {
    margin-top: 0;
  }
}