@charset "UTF-8";
.btn-nobg {
  border: none;
  background: none;
  padding: 0;
}
.input-nobg {
  border: none;
  background: none;
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.bsBox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
body {
  color: #333;
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  height: 100%;
  max-width: none;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
span,
b,
i,
strong,
em {
  position: relative;
  z-index: 4;
  -webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}
dl,
dt,
dd,
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.iconfont {
  font-size: inherit;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.ellipsis,
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-upp {
  text-transform: uppercase;
}
.text-low {
  text-transform: lowercase;
}
.text-cap {
  text-transform: capitalize;
}
button:focus,
input:focus,
textarea:focus {
  outline: 0;
}
textarea {
  resize: none;
}
input:-webkit-autofill {
  background-color: transparent !important;
  background-image: none !important;
}
.btn {
  padding: 0;
  border: none;
  background: none;
}
.btn-hidden {
  display: none;
}
.btn-block {
  display: block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
img {
  visibility: hidden;
}
img[src] {
  visibility: visible;
}
img::after {
  content: attr(alt);
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
  transition: transform 0.2s;
}
img:hover::after {
  transform: translateY(0);
}
.box-padding5 {
  padding-bottom: 5%;
}
.box-padding10 {
  padding-bottom: 10%;
}
.box-padding15 {
  padding-bottom: 15%;
}
.box-padding20 {
  padding-bottom: 20%;
}
.box-padding25 {
  padding-bottom: 25%;
}
.box-padding30 {
  padding-bottom: 30%;
}
.box-padding35 {
  padding-bottom: 35%;
}
.box-padding40 {
  padding-bottom: 40%;
}
.box-padding45 {
  padding-bottom: 45%;
}
.box-padding50 {
  padding-bottom: 50%;
}
.box-padding55 {
  padding-bottom: 55%;
}
.box-padding60 {
  padding-bottom: 60%;
}
.box-padding65 {
  padding-bottom: 65%;
}
.box-padding70 {
  padding-bottom: 70%;
}
.box-padding75 {
  padding-bottom: 75%;
}
.box-padding80 {
  padding-bottom: 80%;
}
.box-padding85 {
  padding-bottom: 85%;
}
.box-padding90 {
  padding-bottom: 90%;
}
.box-padding95 {
  padding-bottom: 95%;
}
.box-padding100 {
  padding-bottom: 100%;
}
.box-padding105 {
  padding-bottom: 105%;
}
.box-padding110 {
  padding-bottom: 110%;
}
.box-padding115 {
  padding-bottom: 115%;
}
.box-padding120 {
  padding-bottom: 120%;
}
.box-padding125 {
  padding-bottom: 125%;
}
.box-padding130 {
  padding-bottom: 130%;
}
.box-padding135 {
  padding-bottom: 135%;
}
.box-padding140 {
  padding-bottom: 140%;
}
.box-padding145 {
  padding-bottom: 145%;
}
.box-padding150 {
  padding-bottom: 150%;
}
.box-padding155 {
  padding-bottom: 155%;
}
.box-padding160 {
  padding-bottom: 160%;
}
.box-padding165 {
  padding-bottom: 165%;
}
.box-padding170 {
  padding-bottom: 170%;
}
.box-padding175 {
  padding-bottom: 175%;
}
.box-padding180 {
  padding-bottom: 180%;
}
.box-padding185 {
  padding-bottom: 185%;
}
.box-padding190 {
  padding-bottom: 190%;
}
.box-padding195 {
  padding-bottom: 195%;
}
.box-padding200 {
  padding-bottom: 200%;
}
.box-square {
  padding-bottom: 100%;
}
.box-padding169 {
  padding-bottom: 56.25%;
}
.box-gold {
  padding-bottom: 61.8%;
}
.box-silver {
  padding-bottom: 70.6%;
}
.box-circular {
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.img-box {
  position: relative;
  overflow: hidden;
}
.img-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.img-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.img-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.img-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.video-box {
  position: relative;
  overflow: hidden;
}
.video-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.video-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.video-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.video-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.clear:before,
.clear:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
.container-full {
  min-width: 1280px;
}
[class^="row"] {
  position: relative;
}
[class^="row"]:before,
[class^="row"]:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
[class^="row"]:before,
[class^="row"]:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
[class^="row"]:before,
[class^="row"]:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}
.overflow-hidden {
  overflow: hidden;
}
.HorizontalLayout {
  overflow-x: auto;
}
.HorizontalLayout .Flowbox {
  white-space: nowrap;
  overflow-y: hidden;
}
.clear:before,
.clear:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
header:before,
.header:before,
footer:before,
.footer:before,
hgroup:before,
.hgroup:before,
.container-response:before,
.container-reverse-response:before,
.container-full:before,
.container:before,
.row:before,
header:after,
.header:after,
footer:after,
.footer:after,
hgroup:after,
.hgroup:after,
.container-response:after,
.container-reverse-response:after,
.container-full:after,
.container:after,
.row:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
.fixed-t {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}
.fixed-b {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
.fixed-l {
  position: fixed;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
}
.fixed-r {
  position: fixed;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
}
.fixed-tl {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.fixed-tr {
  position: fixed;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}
.fixed-bl {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}
.fixed-br {
  position: fixed;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}
.fixed-full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.fixed-none {
  position: relative;
}
.abs-t {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
}
.abs-b {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
.abs-l {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
}
.abs-r {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
}
.abs-tl {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
}
.abs-tr {
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
}
.abs-bl {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}
.abs-br {
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}
.abs-full {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.abs-none {
  position: relative;
}
.dis-xs-no {
  display: none;
}
.dis-xs-bl {
  display: block;
}
.dis-xs-il {
  display: inline;
}
.dis-xs-ib {
  display: inline-block;
}
.align-xs-rbase {
  text-align: right;
  vertical-align: baseline;
}
.align-xs-rb {
  text-align: right;
  vertical-align: bottom;
}
.align-xs-rm {
  text-align: right;
  vertical-align: middle;
}
.align-xs-rt {
  text-align: right;
  vertical-align: top;
}
.align-xs-cbase {
  text-align: center;
  vertical-align: baseline;
}
.align-xs-cb {
  text-align: center;
  vertical-align: bottom;
}
.align-xs-cm {
  text-align: center;
  vertical-align: middle;
}
.align-xs-ct {
  text-align: center;
  vertical-align: top;
}
.align-xs-lbase {
  text-align: left;
  vertical-align: baseline;
}
.align-xs-lb {
  text-align: left;
  vertical-align: bottom;
}
.align-xs-lm {
  text-align: left;
  vertical-align: middle;
}
.align-xs-lt {
  text-align: left;
  vertical-align: top;
}
[class^=ib-row] {
  font-size: 0;
}
.ib-xs-vt:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.ib-xs-vt [class^=ib-col] {
  vertical-align: top;
}
.ib-xs-vm:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ib-xs-vm [class^=ib-col] {
  vertical-align: middle;
}
.ib-xs-vb:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
.ib-xs-vb [class^=ib-col] {
  vertical-align: bottom;
}
@media (min-width: 1024px) {
  .dis-sm-no {
    display: none;
  }
  .dis-sm-bl {
    display: block;
  }
  .dis-sm-il {
    display: inline;
  }
  .dis-sm-ib {
    display: inline-block;
  }
  .align-sm-rbase {
    text-align: right;
    vertical-align: baseline;
  }
  .align-sm-rb {
    text-align: right;
    vertical-align: bottom;
  }
  .align-sm-rm {
    text-align: right;
    vertical-align: middle;
  }
  .align-sm-rt {
    text-align: right;
    vertical-align: top;
  }
  .align-sm-cbase {
    text-align: center;
    vertical-align: baseline;
  }
  .align-sm-cb {
    text-align: center;
    vertical-align: bottom;
  }
  .align-sm-cm {
    text-align: center;
    vertical-align: middle;
  }
  .align-sm-ct {
    text-align: center;
    vertical-align: top;
  }
  .align-sm-lbase {
    text-align: left;
    vertical-align: baseline;
  }
  .align-sm-lb {
    text-align: left;
    vertical-align: bottom;
  }
  .align-sm-lm {
    text-align: left;
    vertical-align: middle;
  }
  .align-sm-lt {
    text-align: left;
    vertical-align: top;
  }
  [class^=ib-row] {
    font-size: 0;
  }
  .ib-sm-vt:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: top;
  }
  .ib-sm-vt [class^=ib-col] {
    vertical-align: top;
  }
  .ib-sm-vm:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .ib-sm-vm [class^=ib-col] {
    vertical-align: middle;
  }
  .ib-sm-vb:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
  }
  .ib-sm-vb [class^=ib-col] {
    vertical-align: bottom;
  }
}
@media (min-width: 1500px) {
  .dis-lg-no {
    display: none;
  }
  .dis-lg-bl {
    display: block;
  }
  .dis-lg-il {
    display: inline;
  }
  .dis-lg-ib {
    display: inline-block;
  }
  .align-lg-rbase {
    text-align: right;
    vertical-align: baseline;
  }
  .align-lg-rb {
    text-align: right;
    vertical-align: bottom;
  }
  .align-lg-rm {
    text-align: right;
    vertical-align: middle;
  }
  .align-lg-rt {
    text-align: right;
    vertical-align: top;
  }
  .align-lg-cbase {
    text-align: center;
    vertical-align: baseline;
  }
  .align-lg-cb {
    text-align: center;
    vertical-align: bottom;
  }
  .align-lg-cm {
    text-align: center;
    vertical-align: middle;
  }
  .align-lg-ct {
    text-align: center;
    vertical-align: top;
  }
  .align-lg-lbase {
    text-align: left;
    vertical-align: baseline;
  }
  .align-lg-lb {
    text-align: left;
    vertical-align: bottom;
  }
  .align-lg-lm {
    text-align: left;
    vertical-align: middle;
  }
  .align-lg-lt {
    text-align: left;
    vertical-align: top;
  }
  [class^=ib-row] {
    font-size: 0;
  }
  .ib-lg-vt:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: top;
  }
  .ib-lg-vt [class^=ib-col] {
    vertical-align: top;
  }
  .ib-lg-vm:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .ib-lg-vm [class^=ib-col] {
    vertical-align: middle;
  }
  .ib-lg-vb:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
  }
  .ib-lg-vb [class^=ib-col] {
    vertical-align: bottom;
  }
}
.container-response {
  width: auto;
  min-width: 1280px;
  margin: 0 auto;
  padding: 0 0.34666667rem;
}
.container-reverse-response {
  width: 100%;
}
@media (min-width: 1024px) {
  .container-response {
    width: auto;
    min-width: 1280px;
    margin: 0 auto;
    padding: 0 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .container-response {
    width: 1500px;
    margin: 0 auto;
    padding: 0;
  }
  .container-reverse-response {
    width: 1500px;
    margin: 0 auto;
    padding: 0;
  }
}
.row-xs-G26-sb {
  margin-left: -0.17333333rem;
  margin-right: -0.17333333rem;
}
.row-xs-G26-no {
  margin-left: 0;
  margin-right: 0;
}
.row-xs-G26-sa {
  margin-left: 0.17333333rem;
  margin-right: 0.17333333rem;
}
.col-xs-0R12-G26 {
  float: left;
  width: 0%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-0R12 {
  left: 0%;
}
.pull-xs-0R12 {
  right: 0%;
}
.col-xs-1R12-G26 {
  float: left;
  width: 8.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-1R12 {
  left: 8.33333333%;
}
.pull-xs-1R12 {
  right: 8.33333333%;
}
.col-xs-2R12-G26 {
  float: left;
  width: 16.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-2R12 {
  left: 16.66666667%;
}
.pull-xs-2R12 {
  right: 16.66666667%;
}
.col-xs-3R12-G26 {
  float: left;
  width: 25%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-3R12 {
  left: 25%;
}
.pull-xs-3R12 {
  right: 25%;
}
.col-xs-4R12-G26 {
  float: left;
  width: 33.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-4R12 {
  left: 33.33333333%;
}
.pull-xs-4R12 {
  right: 33.33333333%;
}
.col-xs-5R12-G26 {
  float: left;
  width: 41.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-5R12 {
  left: 41.66666667%;
}
.pull-xs-5R12 {
  right: 41.66666667%;
}
.col-xs-6R12-G26 {
  float: left;
  width: 50%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-6R12 {
  left: 50%;
}
.pull-xs-6R12 {
  right: 50%;
}
.col-xs-7R12-G26 {
  float: left;
  width: 58.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-7R12 {
  left: 58.33333333%;
}
.pull-xs-7R12 {
  right: 58.33333333%;
}
.col-xs-8R12-G26 {
  float: left;
  width: 66.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-8R12 {
  left: 66.66666667%;
}
.pull-xs-8R12 {
  right: 66.66666667%;
}
.col-xs-9R12-G26 {
  float: left;
  width: 75%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-9R12 {
  left: 75%;
}
.pull-xs-9R12 {
  right: 75%;
}
.col-xs-10R12-G26 {
  float: left;
  width: 83.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-10R12 {
  left: 83.33333333%;
}
.pull-xs-10R12 {
  right: 83.33333333%;
}
.col-xs-11R12-G26 {
  float: left;
  width: 91.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-11R12 {
  left: 91.66666667%;
}
.pull-xs-11R12 {
  right: 91.66666667%;
}
.col-xs-12R12-G26 {
  float: left;
  width: 100%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}
.push-xs-12R12 {
  left: 100%;
}
.pull-xs-12R12 {
  right: 100%;
}
.row-xs-G52-sb {
  margin-left: -0.34666667rem;
  margin-right: -0.34666667rem;
}
.row-xs-G52-no {
  margin-left: 0;
  margin-right: 0;
}
.row-xs-G52-sa {
  margin-left: 0.34666667rem;
  margin-right: 0.34666667rem;
}
.col-xs-0R12-G52 {
  float: left;
  width: 0%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-0R12 {
  left: 0%;
}
.pull-xs-0R12 {
  right: 0%;
}
.col-xs-1R12-G52 {
  float: left;
  width: 8.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-1R12 {
  left: 8.33333333%;
}
.pull-xs-1R12 {
  right: 8.33333333%;
}
.col-xs-2R12-G52 {
  float: left;
  width: 16.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-2R12 {
  left: 16.66666667%;
}
.pull-xs-2R12 {
  right: 16.66666667%;
}
.col-xs-3R12-G52 {
  float: left;
  width: 25%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-3R12 {
  left: 25%;
}
.pull-xs-3R12 {
  right: 25%;
}
.col-xs-4R12-G52 {
  float: left;
  width: 33.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-4R12 {
  left: 33.33333333%;
}
.pull-xs-4R12 {
  right: 33.33333333%;
}
.col-xs-5R12-G52 {
  float: left;
  width: 41.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-5R12 {
  left: 41.66666667%;
}
.pull-xs-5R12 {
  right: 41.66666667%;
}
.col-xs-6R12-G52 {
  float: left;
  width: 50%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-6R12 {
  left: 50%;
}
.pull-xs-6R12 {
  right: 50%;
}
.col-xs-7R12-G52 {
  float: left;
  width: 58.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-7R12 {
  left: 58.33333333%;
}
.pull-xs-7R12 {
  right: 58.33333333%;
}
.col-xs-8R12-G52 {
  float: left;
  width: 66.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-8R12 {
  left: 66.66666667%;
}
.pull-xs-8R12 {
  right: 66.66666667%;
}
.col-xs-9R12-G52 {
  float: left;
  width: 75%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-9R12 {
  left: 75%;
}
.pull-xs-9R12 {
  right: 75%;
}
.col-xs-10R12-G52 {
  float: left;
  width: 83.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-10R12 {
  left: 83.33333333%;
}
.pull-xs-10R12 {
  right: 83.33333333%;
}
.col-xs-11R12-G52 {
  float: left;
  width: 91.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-11R12 {
  left: 91.66666667%;
}
.pull-xs-11R12 {
  right: 91.66666667%;
}
.col-xs-12R12-G52 {
  float: left;
  width: 100%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}
.push-xs-12R12 {
  left: 100%;
}
.pull-xs-12R12 {
  right: 100%;
}
.row-xs-G0-sb {
  margin-left: 0rem;
  margin-right: 0rem;
}
.row-xs-G0-no {
  margin-left: 0;
  margin-right: 0;
}
.row-xs-G0-sa {
  margin-left: 0rem;
  margin-right: 0rem;
}
.col-xs-0R3-G0 {
  float: left;
  width: 0%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-0R3 {
  left: 0%;
}
.pull-xs-0R3 {
  right: 0%;
}
.col-xs-1R3-G0 {
  float: left;
  width: 33.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-1R3 {
  left: 33.33333333%;
}
.pull-xs-1R3 {
  right: 33.33333333%;
}
.col-xs-2R3-G0 {
  float: left;
  width: 66.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-2R3 {
  left: 66.66666667%;
}
.pull-xs-2R3 {
  right: 66.66666667%;
}
.col-xs-3R3-G0 {
  float: left;
  width: 100%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-3R3 {
  left: 100%;
}
.pull-xs-3R3 {
  right: 100%;
}
.row-xs-G0-sb {
  margin-left: 0rem;
  margin-right: 0rem;
}
.row-xs-G0-no {
  margin-left: 0;
  margin-right: 0;
}
.row-xs-G0-sa {
  margin-left: 0rem;
  margin-right: 0rem;
}
.col-xs-0R12-G0 {
  float: left;
  width: 0%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-0R12 {
  left: 0%;
}
.pull-xs-0R12 {
  right: 0%;
}
.col-xs-1R12-G0 {
  float: left;
  width: 8.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-1R12 {
  left: 8.33333333%;
}
.pull-xs-1R12 {
  right: 8.33333333%;
}
.col-xs-2R12-G0 {
  float: left;
  width: 16.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-2R12 {
  left: 16.66666667%;
}
.pull-xs-2R12 {
  right: 16.66666667%;
}
.col-xs-3R12-G0 {
  float: left;
  width: 25%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-3R12 {
  left: 25%;
}
.pull-xs-3R12 {
  right: 25%;
}
.col-xs-4R12-G0 {
  float: left;
  width: 33.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-4R12 {
  left: 33.33333333%;
}
.pull-xs-4R12 {
  right: 33.33333333%;
}
.col-xs-5R12-G0 {
  float: left;
  width: 41.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-5R12 {
  left: 41.66666667%;
}
.pull-xs-5R12 {
  right: 41.66666667%;
}
.col-xs-6R12-G0 {
  float: left;
  width: 50%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-6R12 {
  left: 50%;
}
.pull-xs-6R12 {
  right: 50%;
}
.col-xs-7R12-G0 {
  float: left;
  width: 58.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-7R12 {
  left: 58.33333333%;
}
.pull-xs-7R12 {
  right: 58.33333333%;
}
.col-xs-8R12-G0 {
  float: left;
  width: 66.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-8R12 {
  left: 66.66666667%;
}
.pull-xs-8R12 {
  right: 66.66666667%;
}
.col-xs-9R12-G0 {
  float: left;
  width: 75%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-9R12 {
  left: 75%;
}
.pull-xs-9R12 {
  right: 75%;
}
.col-xs-10R12-G0 {
  float: left;
  width: 83.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-10R12 {
  left: 83.33333333%;
}
.pull-xs-10R12 {
  right: 83.33333333%;
}
.col-xs-11R12-G0 {
  float: left;
  width: 91.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-11R12 {
  left: 91.66666667%;
}
.pull-xs-11R12 {
  right: 91.66666667%;
}
.col-xs-12R12-G0 {
  float: left;
  width: 100%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.push-xs-12R12 {
  left: 100%;
}
.pull-xs-12R12 {
  right: 100%;
}
.flex-xs-h {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flex-xs-v {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.mainAxis-xs-sa {
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
.mainAxis-xs-sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.mainAxis-xs-e {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.mainAxis-xs-c {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.mainAxis-xs-s {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}
.crossAxis-xs-ba {
  align-items: baseline;
  -webkit-align-items: baseline;
  box-align: baseline;
  -moz-box-align: baseline;
  -webkit-box-align: baseline;
}
.crossAxis-xs-st {
  align-items: stretch;
  -webkit-align-items: stretch;
  box-align: stretch;
  -moz-box-align: stretch;
  -webkit-box-align: stretch;
}
.crossAxis-xs-e {
  align-items: end;
  -webkit-align-items: end;
  box-align: flex-end;
  -moz-box-align: flex-end;
  -webkit-box-align: flex-end;
}
.crossAxis-xs-c {
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
}
.crossAxis-xs-s {
  align-items: start;
  -webkit-align-items: start;
  box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-box-align: flex-start;
}
@media (min-width: 1024px) {
  .row-sm-G26-sb {
    margin-left: -0.12695312rem;
    margin-right: -0.12695312rem;
  }
  .row-sm-G26-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-sm-G26-sa {
    margin-left: 0.12695313rem;
    margin-right: 0.12695313rem;
  }
  .col-sm-0R12-G26 {
    float: left;
    width: 0%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-0R12 {
    left: 0%;
  }
  .pull-sm-0R12 {
    right: 0%;
  }
  .col-sm-1R12-G26 {
    float: left;
    width: 8.33333333%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-1R12 {
    left: 8.33333333%;
  }
  .pull-sm-1R12 {
    right: 8.33333333%;
  }
  .col-sm-2R12-G26 {
    float: left;
    width: 16.66666667%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-2R12 {
    left: 16.66666667%;
  }
  .pull-sm-2R12 {
    right: 16.66666667%;
  }
  .col-sm-3R12-G26 {
    float: left;
    width: 25%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-3R12 {
    left: 25%;
  }
  .pull-sm-3R12 {
    right: 25%;
  }
  .col-sm-4R12-G26 {
    float: left;
    width: 33.33333333%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-4R12 {
    left: 33.33333333%;
  }
  .pull-sm-4R12 {
    right: 33.33333333%;
  }
  .col-sm-5R12-G26 {
    float: left;
    width: 41.66666667%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-5R12 {
    left: 41.66666667%;
  }
  .pull-sm-5R12 {
    right: 41.66666667%;
  }
  .col-sm-6R12-G26 {
    float: left;
    width: 50%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-6R12 {
    left: 50%;
  }
  .pull-sm-6R12 {
    right: 50%;
  }
  .col-sm-7R12-G26 {
    float: left;
    width: 58.33333333%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-7R12 {
    left: 58.33333333%;
  }
  .pull-sm-7R12 {
    right: 58.33333333%;
  }
  .col-sm-8R12-G26 {
    float: left;
    width: 66.66666667%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-8R12 {
    left: 66.66666667%;
  }
  .pull-sm-8R12 {
    right: 66.66666667%;
  }
  .col-sm-9R12-G26 {
    float: left;
    width: 75%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-9R12 {
    left: 75%;
  }
  .pull-sm-9R12 {
    right: 75%;
  }
  .col-sm-10R12-G26 {
    float: left;
    width: 83.33333333%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-10R12 {
    left: 83.33333333%;
  }
  .pull-sm-10R12 {
    right: 83.33333333%;
  }
  .col-sm-11R12-G26 {
    float: left;
    width: 91.66666667%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-11R12 {
    left: 91.66666667%;
  }
  .pull-sm-11R12 {
    right: 91.66666667%;
  }
  .col-sm-12R12-G26 {
    float: left;
    width: 100%;
    padding-left: 0.12695313rem;
    padding-right: 0.12695313rem;
    padding-top: 0.12695313rem;
    padding-bottom: 0.12695313rem;
  }
  .push-sm-12R12 {
    left: 100%;
  }
  .pull-sm-12R12 {
    right: 100%;
  }
  .row-sm-G52-sb {
    margin-left: -0.25390625rem;
    margin-right: -0.25390625rem;
  }
  .row-sm-G52-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-sm-G52-sa {
    margin-left: 0.25390625rem;
    margin-right: 0.25390625rem;
  }
  .col-sm-0R12-G52 {
    float: left;
    width: 0%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-0R12 {
    left: 0%;
  }
  .pull-sm-0R12 {
    right: 0%;
  }
  .col-sm-1R12-G52 {
    float: left;
    width: 8.33333333%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-1R12 {
    left: 8.33333333%;
  }
  .pull-sm-1R12 {
    right: 8.33333333%;
  }
  .col-sm-2R12-G52 {
    float: left;
    width: 16.66666667%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-2R12 {
    left: 16.66666667%;
  }
  .pull-sm-2R12 {
    right: 16.66666667%;
  }
  .col-sm-3R12-G52 {
    float: left;
    width: 25%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-3R12 {
    left: 25%;
  }
  .pull-sm-3R12 {
    right: 25%;
  }
  .col-sm-4R12-G52 {
    float: left;
    width: 33.33333333%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-4R12 {
    left: 33.33333333%;
  }
  .pull-sm-4R12 {
    right: 33.33333333%;
  }
  .col-sm-5R12-G52 {
    float: left;
    width: 41.66666667%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-5R12 {
    left: 41.66666667%;
  }
  .pull-sm-5R12 {
    right: 41.66666667%;
  }
  .col-sm-6R12-G52 {
    float: left;
    width: 50%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-6R12 {
    left: 50%;
  }
  .pull-sm-6R12 {
    right: 50%;
  }
  .col-sm-7R12-G52 {
    float: left;
    width: 58.33333333%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-7R12 {
    left: 58.33333333%;
  }
  .pull-sm-7R12 {
    right: 58.33333333%;
  }
  .col-sm-8R12-G52 {
    float: left;
    width: 66.66666667%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-8R12 {
    left: 66.66666667%;
  }
  .pull-sm-8R12 {
    right: 66.66666667%;
  }
  .col-sm-9R12-G52 {
    float: left;
    width: 75%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-9R12 {
    left: 75%;
  }
  .pull-sm-9R12 {
    right: 75%;
  }
  .col-sm-10R12-G52 {
    float: left;
    width: 83.33333333%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-10R12 {
    left: 83.33333333%;
  }
  .pull-sm-10R12 {
    right: 83.33333333%;
  }
  .col-sm-11R12-G52 {
    float: left;
    width: 91.66666667%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-11R12 {
    left: 91.66666667%;
  }
  .pull-sm-11R12 {
    right: 91.66666667%;
  }
  .col-sm-12R12-G52 {
    float: left;
    width: 100%;
    padding-left: 0.25390625rem;
    padding-right: 0.25390625rem;
    padding-top: 0.25390625rem;
    padding-bottom: 0.25390625rem;
  }
  .push-sm-12R12 {
    left: 100%;
  }
  .pull-sm-12R12 {
    right: 100%;
  }
  .row-sm-G0-sb {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .row-sm-G0-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-sm-G0-sa {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .col-sm-0R3-G0 {
    float: left;
    width: 0%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-0R3 {
    left: 0%;
  }
  .pull-sm-0R3 {
    right: 0%;
  }
  .col-sm-1R3-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-1R3 {
    left: 33.33333333%;
  }
  .pull-sm-1R3 {
    right: 33.33333333%;
  }
  .col-sm-2R3-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-2R3 {
    left: 66.66666667%;
  }
  .pull-sm-2R3 {
    right: 66.66666667%;
  }
  .col-sm-3R3-G0 {
    float: left;
    width: 100%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-3R3 {
    left: 100%;
  }
  .pull-sm-3R3 {
    right: 100%;
  }
  .row-sm-G0-sb {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .row-sm-G0-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-sm-G0-sa {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .col-sm-0R12-G0 {
    float: left;
    width: 0%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-0R12 {
    left: 0%;
  }
  .pull-sm-0R12 {
    right: 0%;
  }
  .col-sm-1R12-G0 {
    float: left;
    width: 8.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-1R12 {
    left: 8.33333333%;
  }
  .pull-sm-1R12 {
    right: 8.33333333%;
  }
  .col-sm-2R12-G0 {
    float: left;
    width: 16.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-2R12 {
    left: 16.66666667%;
  }
  .pull-sm-2R12 {
    right: 16.66666667%;
  }
  .col-sm-3R12-G0 {
    float: left;
    width: 25%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-3R12 {
    left: 25%;
  }
  .pull-sm-3R12 {
    right: 25%;
  }
  .col-sm-4R12-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-4R12 {
    left: 33.33333333%;
  }
  .pull-sm-4R12 {
    right: 33.33333333%;
  }
  .col-sm-5R12-G0 {
    float: left;
    width: 41.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-5R12 {
    left: 41.66666667%;
  }
  .pull-sm-5R12 {
    right: 41.66666667%;
  }
  .col-sm-6R12-G0 {
    float: left;
    width: 50%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-6R12 {
    left: 50%;
  }
  .pull-sm-6R12 {
    right: 50%;
  }
  .col-sm-7R12-G0 {
    float: left;
    width: 58.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-7R12 {
    left: 58.33333333%;
  }
  .pull-sm-7R12 {
    right: 58.33333333%;
  }
  .col-sm-8R12-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-8R12 {
    left: 66.66666667%;
  }
  .pull-sm-8R12 {
    right: 66.66666667%;
  }
  .col-sm-9R12-G0 {
    float: left;
    width: 75%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-9R12 {
    left: 75%;
  }
  .pull-sm-9R12 {
    right: 75%;
  }
  .col-sm-10R12-G0 {
    float: left;
    width: 83.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-10R12 {
    left: 83.33333333%;
  }
  .pull-sm-10R12 {
    right: 83.33333333%;
  }
  .col-sm-11R12-G0 {
    float: left;
    width: 91.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-11R12 {
    left: 91.66666667%;
  }
  .pull-sm-11R12 {
    right: 91.66666667%;
  }
  .col-sm-12R12-G0 {
    float: left;
    width: 100%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .push-sm-12R12 {
    left: 100%;
  }
  .pull-sm-12R12 {
    right: 100%;
  }
  .flex-sm-h {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .flex-sm-v {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .mainAxis-sm-sa {
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .mainAxis-sm-sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .mainAxis-sm-e {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
  }
  .mainAxis-sm-c {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .mainAxis-sm-s {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
  .crossAxis-sm-ba {
    align-items: baseline;
    -webkit-align-items: baseline;
    box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
  }
  .crossAxis-sm-st {
    align-items: stretch;
    -webkit-align-items: stretch;
    box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
  }
  .crossAxis-sm-e {
    align-items: end;
    -webkit-align-items: end;
    box-align: flex-end;
    -moz-box-align: flex-end;
    -webkit-box-align: flex-end;
  }
  .crossAxis-sm-c {
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
  }
  .crossAxis-sm-s {
    align-items: start;
    -webkit-align-items: start;
    box-align: flex-start;
    -moz-box-align: flex-start;
    -webkit-box-align: flex-start;
  }
}
@media (min-width: 1500px) {
  .row-lg-G26-sb {
    margin-left: -13px;
    margin-right: -13px;
  }
  .row-lg-G26-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-lg-G26-sa {
    margin-left: 13px;
    margin-right: 13px;
  }
  .col-lg-0R12-G26 {
    float: left;
    width: 0%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-0R12 {
    left: 0%;
  }
  .pull-lg-0R12 {
    right: 0%;
  }
  .col-lg-1R12-G26 {
    float: left;
    width: 8.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-1R12 {
    left: 8.33333333%;
  }
  .pull-lg-1R12 {
    right: 8.33333333%;
  }
  .col-lg-2R12-G26 {
    float: left;
    width: 16.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-2R12 {
    left: 16.66666667%;
  }
  .pull-lg-2R12 {
    right: 16.66666667%;
  }
  .col-lg-3R12-G26 {
    float: left;
    width: 25%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-3R12 {
    left: 25%;
  }
  .pull-lg-3R12 {
    right: 25%;
  }
  .col-lg-4R12-G26 {
    float: left;
    width: 33.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-4R12 {
    left: 33.33333333%;
  }
  .pull-lg-4R12 {
    right: 33.33333333%;
  }
  .col-lg-5R12-G26 {
    float: left;
    width: 41.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-5R12 {
    left: 41.66666667%;
  }
  .pull-lg-5R12 {
    right: 41.66666667%;
  }
  .col-lg-6R12-G26 {
    float: left;
    width: 50%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-6R12 {
    left: 50%;
  }
  .pull-lg-6R12 {
    right: 50%;
  }
  .col-lg-7R12-G26 {
    float: left;
    width: 58.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-7R12 {
    left: 58.33333333%;
  }
  .pull-lg-7R12 {
    right: 58.33333333%;
  }
  .col-lg-8R12-G26 {
    float: left;
    width: 66.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-8R12 {
    left: 66.66666667%;
  }
  .pull-lg-8R12 {
    right: 66.66666667%;
  }
  .col-lg-9R12-G26 {
    float: left;
    width: 75%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-9R12 {
    left: 75%;
  }
  .pull-lg-9R12 {
    right: 75%;
  }
  .col-lg-10R12-G26 {
    float: left;
    width: 83.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-10R12 {
    left: 83.33333333%;
  }
  .pull-lg-10R12 {
    right: 83.33333333%;
  }
  .col-lg-11R12-G26 {
    float: left;
    width: 91.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-11R12 {
    left: 91.66666667%;
  }
  .pull-lg-11R12 {
    right: 91.66666667%;
  }
  .col-lg-12R12-G26 {
    float: left;
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .push-lg-12R12 {
    left: 100%;
  }
  .pull-lg-12R12 {
    right: 100%;
  }
  .row-lg-G52-sb {
    margin-left: -26px;
    margin-right: -26px;
  }
  .row-lg-G52-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-lg-G52-sa {
    margin-left: 26px;
    margin-right: 26px;
  }
  .col-lg-0R12-G52 {
    float: left;
    width: 0%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-0R12 {
    left: 0%;
  }
  .pull-lg-0R12 {
    right: 0%;
  }
  .col-lg-1R12-G52 {
    float: left;
    width: 8.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-1R12 {
    left: 8.33333333%;
  }
  .pull-lg-1R12 {
    right: 8.33333333%;
  }
  .col-lg-2R12-G52 {
    float: left;
    width: 16.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-2R12 {
    left: 16.66666667%;
  }
  .pull-lg-2R12 {
    right: 16.66666667%;
  }
  .col-lg-3R12-G52 {
    float: left;
    width: 25%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-3R12 {
    left: 25%;
  }
  .pull-lg-3R12 {
    right: 25%;
  }
  .col-lg-4R12-G52 {
    float: left;
    width: 33.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-4R12 {
    left: 33.33333333%;
  }
  .pull-lg-4R12 {
    right: 33.33333333%;
  }
  .col-lg-5R12-G52 {
    float: left;
    width: 41.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-5R12 {
    left: 41.66666667%;
  }
  .pull-lg-5R12 {
    right: 41.66666667%;
  }
  .col-lg-6R12-G52 {
    float: left;
    width: 50%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-6R12 {
    left: 50%;
  }
  .pull-lg-6R12 {
    right: 50%;
  }
  .col-lg-7R12-G52 {
    float: left;
    width: 58.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-7R12 {
    left: 58.33333333%;
  }
  .pull-lg-7R12 {
    right: 58.33333333%;
  }
  .col-lg-8R12-G52 {
    float: left;
    width: 66.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-8R12 {
    left: 66.66666667%;
  }
  .pull-lg-8R12 {
    right: 66.66666667%;
  }
  .col-lg-9R12-G52 {
    float: left;
    width: 75%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-9R12 {
    left: 75%;
  }
  .pull-lg-9R12 {
    right: 75%;
  }
  .col-lg-10R12-G52 {
    float: left;
    width: 83.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-10R12 {
    left: 83.33333333%;
  }
  .pull-lg-10R12 {
    right: 83.33333333%;
  }
  .col-lg-11R12-G52 {
    float: left;
    width: 91.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-11R12 {
    left: 91.66666667%;
  }
  .pull-lg-11R12 {
    right: 91.66666667%;
  }
  .col-lg-12R12-G52 {
    float: left;
    width: 100%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .push-lg-12R12 {
    left: 100%;
  }
  .pull-lg-12R12 {
    right: 100%;
  }
  .row-lg-G0-sb {
    margin-left: 0px;
    margin-right: 0px;
  }
  .row-lg-G0-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-lg-G0-sa {
    margin-left: 0px;
    margin-right: 0px;
  }
  .col-lg-0R3-G0 {
    float: left;
    width: 0%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-0R3 {
    left: 0%;
  }
  .pull-lg-0R3 {
    right: 0%;
  }
  .col-lg-1R3-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-1R3 {
    left: 33.33333333%;
  }
  .pull-lg-1R3 {
    right: 33.33333333%;
  }
  .col-lg-2R3-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-2R3 {
    left: 66.66666667%;
  }
  .pull-lg-2R3 {
    right: 66.66666667%;
  }
  .col-lg-3R3-G0 {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-3R3 {
    left: 100%;
  }
  .pull-lg-3R3 {
    right: 100%;
  }
  .row-lg-G0-sb {
    margin-left: 0px;
    margin-right: 0px;
  }
  .row-lg-G0-no {
    margin-left: 0;
    margin-right: 0;
  }
  .row-lg-G0-sa {
    margin-left: 0px;
    margin-right: 0px;
  }
  .col-lg-0R12-G0 {
    float: left;
    width: 0%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-0R12 {
    left: 0%;
  }
  .pull-lg-0R12 {
    right: 0%;
  }
  .col-lg-1R12-G0 {
    float: left;
    width: 8.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-1R12 {
    left: 8.33333333%;
  }
  .pull-lg-1R12 {
    right: 8.33333333%;
  }
  .col-lg-2R12-G0 {
    float: left;
    width: 16.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-2R12 {
    left: 16.66666667%;
  }
  .pull-lg-2R12 {
    right: 16.66666667%;
  }
  .col-lg-3R12-G0 {
    float: left;
    width: 25%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-3R12 {
    left: 25%;
  }
  .pull-lg-3R12 {
    right: 25%;
  }
  .col-lg-4R12-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-4R12 {
    left: 33.33333333%;
  }
  .pull-lg-4R12 {
    right: 33.33333333%;
  }
  .col-lg-5R12-G0 {
    float: left;
    width: 41.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-5R12 {
    left: 41.66666667%;
  }
  .pull-lg-5R12 {
    right: 41.66666667%;
  }
  .col-lg-6R12-G0 {
    float: left;
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-6R12 {
    left: 50%;
  }
  .pull-lg-6R12 {
    right: 50%;
  }
  .col-lg-7R12-G0 {
    float: left;
    width: 58.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-7R12 {
    left: 58.33333333%;
  }
  .pull-lg-7R12 {
    right: 58.33333333%;
  }
  .col-lg-8R12-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-8R12 {
    left: 66.66666667%;
  }
  .pull-lg-8R12 {
    right: 66.66666667%;
  }
  .col-lg-9R12-G0 {
    float: left;
    width: 75%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-9R12 {
    left: 75%;
  }
  .pull-lg-9R12 {
    right: 75%;
  }
  .col-lg-10R12-G0 {
    float: left;
    width: 83.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-10R12 {
    left: 83.33333333%;
  }
  .pull-lg-10R12 {
    right: 83.33333333%;
  }
  .col-lg-11R12-G0 {
    float: left;
    width: 91.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-11R12 {
    left: 91.66666667%;
  }
  .pull-lg-11R12 {
    right: 91.66666667%;
  }
  .col-lg-12R12-G0 {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .push-lg-12R12 {
    left: 100%;
  }
  .pull-lg-12R12 {
    right: 100%;
  }
  .flex-lg-h {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .flex-lg-v {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-align: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .mainAxis-lg-sa {
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
  }
  .mainAxis-lg-sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .mainAxis-lg-e {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
  }
  .mainAxis-lg-c {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
  }
  .mainAxis-lg-s {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
  }
  .crossAxis-lg-ba {
    align-items: baseline;
    -webkit-align-items: baseline;
    box-align: baseline;
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
  }
  .crossAxis-lg-st {
    align-items: stretch;
    -webkit-align-items: stretch;
    box-align: stretch;
    -moz-box-align: stretch;
    -webkit-box-align: stretch;
  }
  .crossAxis-lg-e {
    align-items: end;
    -webkit-align-items: end;
    box-align: flex-end;
    -moz-box-align: flex-end;
    -webkit-box-align: flex-end;
  }
  .crossAxis-lg-c {
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
  }
  .crossAxis-lg-s {
    align-items: start;
    -webkit-align-items: start;
    box-align: flex-start;
    -moz-box-align: flex-start;
    -webkit-box-align: flex-start;
  }
}
.border-gray5 {
  border-color: #0d0d0d;
}
.fzColor-gray5 {
  color: #0d0d0d;
}
.bgColor-gray5 {
  background-color: #0d0d0d;
}
.border-gray10 {
  border-color: #1a1a1a;
}
.fzColor-gray10 {
  color: #1a1a1a;
}
.bgColor-gray10 {
  background-color: #1a1a1a;
}
.border-gray15 {
  border-color: #262626;
}
.fzColor-gray15 {
  color: #262626;
}
.bgColor-gray15 {
  background-color: #262626;
}
.border-gray20 {
  border-color: #333333;
}
.fzColor-gray20 {
  color: #333333;
}
.bgColor-gray20 {
  background-color: #333333;
}
.border-gray25 {
  border-color: #404040;
}
.fzColor-gray25 {
  color: #404040;
}
.bgColor-gray25 {
  background-color: #404040;
}
.border-gray30 {
  border-color: #4d4d4d;
}
.fzColor-gray30 {
  color: #4d4d4d;
}
.bgColor-gray30 {
  background-color: #4d4d4d;
}
.border-gray35 {
  border-color: #595959;
}
.fzColor-gray35 {
  color: #595959;
}
.bgColor-gray35 {
  background-color: #595959;
}
.border-gray40 {
  border-color: #666666;
}
.fzColor-gray40 {
  color: #666666;
}
.bgColor-gray40 {
  background-color: #666666;
}
.border-gray45 {
  border-color: #737373;
}
.fzColor-gray45 {
  color: #737373;
}
.bgColor-gray45 {
  background-color: #737373;
}
.border-gray50 {
  border-color: #808080;
}
.fzColor-gray50 {
  color: #808080;
}
.bgColor-gray50 {
  background-color: #808080;
}
.border-gray55 {
  border-color: #8c8c8c;
}
.fzColor-gray55 {
  color: #8c8c8c;
}
.bgColor-gray55 {
  background-color: #8c8c8c;
}
.border-gray60 {
  border-color: #999999;
}
.fzColor-gray60 {
  color: #999999;
}
.bgColor-gray60 {
  background-color: #999999;
}
.border-gray65 {
  border-color: #a6a6a6;
}
.fzColor-gray65 {
  color: #a6a6a6;
}
.bgColor-gray65 {
  background-color: #a6a6a6;
}
.border-gray70 {
  border-color: #b3b3b3;
}
.fzColor-gray70 {
  color: #b3b3b3;
}
.bgColor-gray70 {
  background-color: #b3b3b3;
}
.border-gray75 {
  border-color: #bfbfbf;
}
.fzColor-gray75 {
  color: #bfbfbf;
}
.bgColor-gray75 {
  background-color: #bfbfbf;
}
.border-gray80 {
  border-color: #cccccc;
}
.fzColor-gray80 {
  color: #cccccc;
}
.bgColor-gray80 {
  background-color: #cccccc;
}
.border-gray85 {
  border-color: #d9d9d9;
}
.fzColor-gray85 {
  color: #d9d9d9;
}
.bgColor-gray85 {
  background-color: #d9d9d9;
}
.border-gray90 {
  border-color: #e6e6e6;
}
.fzColor-gray90 {
  color: #e6e6e6;
}
.bgColor-gray90 {
  background-color: #e6e6e6;
}
.border-gray95 {
  border-color: #f2f2f2;
}
.fzColor-gray95 {
  color: #f2f2f2;
}
.bgColor-gray95 {
  background-color: #f2f2f2;
}
.border-gray100 {
  border-color: #ffffff;
}
.fzColor-gray100 {
  color: #ffffff;
}
.bgColor-gray100 {
  background-color: #ffffff;
}
article,
.article {
  line-height: 1.5;
  /* lists */
}
article img,
.article img,
article video,
.article video {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
article h1,
.article h1,
article h2,
.article h2,
article h3,
.article h3,
article h4,
.article h4,
article h5,
.article h5,
article h6,
.article h6 {
  font-weight: bold;
}
article h1,
.article h1 {
  font-size: 2em;
  margin: 0.625em 0;
}
article h2,
.article h2 {
  font-size: 1.5em;
  margin: 0.83333333em 0;
}
article h3,
.article h3 {
  font-size: 1.125em;
  margin: 1.11111111em 0;
}
article h4,
.article h4 {
  font-size: 1em;
  margin: 1.25em 0;
}
article h5,
.article h5 {
  font-size: 0.875em;
  margin: 1.42857143em 0;
}
article h6,
.article h6 {
  font-size: 0.75em;
  margin: 1.66666667em 0;
}
article p,
.article p {
  margin: 1em 0;
}
article ul,
.article ul,
article menu,
.article menu,
article dir,
.article dir {
  display: block;
  list-style-type: disc;
  margin: 1__qem 0 1em 0;
  -webkit-padding-start: 40px;
}
article ol,
.article ol {
  display: block;
  list-style-type: decimal;
  margin: 1__qem 0 1em 0;
  -webkit-padding-start: 40px;
}
article li,
.article li {
  display: list-item;
}
article ul ul,
.article ul ul,
article ol ul,
.article ol ul {
  list-style-type: circle;
}
article ol ol ul,
.article ol ol ul,
article ol ul ul,
.article ol ul ul,
article ul ol ul,
.article ul ol ul,
article ul ul ul,
.article ul ul ul {
  list-style-type: square;
}
article dd,
.article dd {
  display: block;
  -webkit-margin-start: 40px;
}
article dl,
.article dl {
  display: block;
  margin: 1__qem 0 1em 0;
}
article dt,
.article dt {
  display: block;
}
article ol ul,
.article ol ul,
article ul ol,
.article ul ol,
article ul ul,
.article ul ul,
article ol ol,
.article ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.article {
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
}
@media (min-width: 1024px) {
  .article {
    padding-top: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .article {
    padding-top: 50px;
  }
}
@media (min-width: 1024px) {
  .article {
    padding-bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .article {
    padding-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .article {
    padding-left: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .article {
    padding-left: 50px;
  }
}
@media (min-width: 1024px) {
  .article {
    padding-right: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .article {
    padding-right: 50px;
  }
}
.article-title {
  text-align: center;
  font-size: 0.48rem;
  padding: 1em 0;
}
@media (min-width: 1024px) {
  .article-title {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .article-title {
    font-size: 24px;
  }
}
.article-info {
  font-weight: normal;
  font-size: 0.32rem;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #999;
}
@media (min-width: 1024px) {
  .article-info {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .article-info {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .article-info span {
    display: inline-block;
    margin: 0 3em;
  }
}
.article-main {
  padding: 2em 20em;
}
.article-main p {
  font-size: 16px;
}
.iconfont {
  font-size: inherit;
}
html.openNav {
  overflow: hidden;
}
.link {
  display: inline-block;
  padding: 16px 40px;
  margin-right: 20px;
  color: #ffffff;
  font-size: 16px;
  background: linear-gradient(to right, #007dff, #009eff);
  border-radius: 4px;
}
.indent0 {
  text-indent: 0em;
}
.indent1 {
  text-indent: 1em;
}
.indent2 {
  text-indent: 2em;
}
.indent3 {
  text-indent: 3em;
}
.indent4 {
  text-indent: 4em;
}
.screen-cover {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-color: #191919;
}
.header-bg {
  background-color: #ffffff;
  color: #333;
  box-shadow: 0px 5px 7px 0px rgba(11, 73, 49, 0.102);
  z-index: 7;
}
.header-bg .container-response {
  height: 100%;
}
.header-bg + .placeholder {
  height: 100px;
}
.header {
  height: 100%;
}
.header .header-absLeft {
  float: left;
  width: 220px;
  height: 100px;
}
.header .header-container {
  float: left;
  width: 530px;
}
.header .header-relMiddle {
  display: none;
  height: 100%;
  width: 0rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .header .header-relMiddle {
    display: block;
  }
}
@media (min-width: 1024px) {
  .header .header-relMiddle {
    width: 1.171875rem;
  }
}
@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 120px;
  }
}
.header .header-absRight {
  float: right;
  width: 380px;
  line-height: 100px;
  font-size: 14px;
}
.header .iconfont {
  font-size: 0.18666667rem;
  color: #a50082;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .header .iconfont {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .header .iconfont {
    font-size: 20px;
  }
}
.header .icon-font {
  width: 0.66666667rem;
  height: 0.66666667rem;
}
@media (min-width: 1024px) {
  .header .icon-font {
    width: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .header .icon-font {
    width: 30px;
  }
}
@media (min-width: 1024px) {
  .header .icon-font {
    height: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .header .icon-font {
    height: 30px;
  }
}
.header .tel {
  color: #333;
}
.header .btn {
  padding: 4px 8px;
  margin: 0 4px;
  background-color: #a50082;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}
.header .btn.primary {
  background-color: #fff;
  color: #a50082;
  border: 1px solid #a50082;
}
.header-container .nav-lv0 {
  font-size: 0;
  vertical-align: top;
  text-align: center;
}
.header-container .nav-lv0 .item-lv0 {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 100px;
}
.header-container .nav-lv0 .item-lv0:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 50%;
  margin: 0 auto;
  background-color: #fff;
}
.header-container .nav-lv0 .item-lv0.active:before,
.header-container .nav-lv0 .item-lv0:hover:before {
  display: block;
}
.header-container .nav-lv0 .item-lv0 .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.46666667rem;
  font-size: 0.56rem;
  line-height: 1.33333333rem;
}
@media (min-width: 1024px) {
  .header-container .nav-lv0 .item-lv0 .fa {
    display: none;
  }
}
.header-container .nav-lv0 .item-lv0 a:hover {
  text-decoration: none;
}
.header-container .item-lv0.hover .dis-xs-bl:after,
.header-container .item-lv0:hover .dis-xs-bl:after {
  position: absolute;
  left: -24%;
  bottom: 0;
  display: block;
  content: "";
  width: 156%;
  height: 1px;
  background-color: #0074ff;
}
.header-container .item-lv0.hover .link:after,
.header-container .item-lv0:hover .link:after {
  display: none;
}
.header-container .item-lv0.hover .nav-lv1,
.header-container .item-lv0:hover .nav-lv1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header-container .item-lv0.hover .container-full,
.header-container .item-lv0:hover .container-full {
  display: block;
}
.header-container .container-full {
  position: fixed;
  left: 0;
  right: 0;
  top: 101px;
  width: 100%;
  display: none;
  background-color: #fff;
}
.header-container .container-full:before,
.header-container .container-full:after {
  display: none;
}
.header-container .nav-lv1-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  padding: 10px 0;
}
.header-container .nav-lv1-box .img-box {
  width: 157px;
  height: 243px;
}
.header-container .nav-lv1-box .menu-link-box {
  width: 240px;
  line-height: 5;
  background: url(../image/menu-link-bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.header-container .nav-lv1-box .menu-link-box a {
  display: block;
  line-height: 4;
}
.header-container .nav-lv1-box .menu-link-box .link {
  display: inline-block;
  padding: 8px 30px;
  line-height: 1.8;
  font-size: 16px;
  color: #0074ff;
  border: 1px solid #0074ff;
  background-image: none;
  background-color: #ffffff;
}
.header-container .nav-lv1-box .logo-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}
.header-container .nav-lv1-box .logo-box .img-box {
  width: 220px;
  height: 90px;
  margin-right: 20px;
}
.header-container .nav-lv1 {
  display: none;
  width: 1024px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-container .nav-lv1 .item-lv1 {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
.header-container .nav-lv1 .item-lv1:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.header-container .nav-lv1 .item-lv1:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.header-container .nav-lv1 .title {
  font-size: 18px;
  font-weight: bold;
}
.header-container .nav-lv1 .desc {
  min-height: 80px;
  font-size: 16px;
  text-indent: 2em;
}
.header-container .nav-lv1 .link {
  padding: 6px 20px;
  color: #ffffff;
}
.header-container .product-box .item-lv1 {
  width: 32%;
  text-align: left;
}
.header-container .about-box {
  text-align: left;
}
.header-container .about-box .icon-font {
  width: 18px;
  height: 18px;
}
.header-container .link-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.header-container .link-box .link {
  margin-bottom: 10px;
}
.header-absRight {
  font-size: 0;
  vertical-align: middle;
  line-height: 1;
}
.header-absRight .reCssBtn {
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  height: 100%;
  width: 50%;
  color: #fff;
  cursor: pointer;
}
.header-absRight .reCssBtn:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 50%;
  margin: 0 auto;
  background-color: #fff;
}
.header-absRight .reCssBtn.active:before,
.header-absRight .reCssBtn:hover:before {
  display: block;
}
.header-absRight .reCssBtn.active .target_blank,
.header-absRight .reCssBtn:hover .target_blank {
  display: block;
}
.header-absRight .target_blank {
  display: none;
  text-align: center;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 6em;
  padding-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.header-absRight .target_blank .item {
  font-size: 18px;
  line-height: 3;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  color: #146336;
}
.header-absRight .target_blank .item:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.header-absRight .target_blank .item:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.header-absRight .target_blank .item:hover {
  background-color: #146336;
  color: #fff;
}
.absform {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.34666667rem;
  right: 0.34666667rem;
  z-index: 7;
  font-size: 0.48rem;
  background-color: #0074ff;
  color: #fff;
}
@media (min-width: 1024px) {
  .absform {
    left: 0.25390625rem;
    right: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .absform {
    left: 0;
    right: 0;
  }
}
@media (min-width: 1024px) {
  .absform {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .absform {
    font-size: 18px;
  }
}
.absform .input-box {
  height: 100%;
  font-size: 0.48rem;
  line-height: 1.33333333rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.5em;
  margin-right: 1.6rem;
}
@media (min-width: 1024px) {
  .absform .input-box {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .absform .input-box {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .absform .input-box {
    line-height: 0.9765625rem;
  }
}
@media (min-width: 1500px) {
  .absform .input-box {
    line-height: 100px;
  }
}
@media (min-width: 1024px) {
  .absform .input-box {
    margin-right: 2.34375rem;
  }
}
@media (min-width: 1500px) {
  .absform .input-box {
    margin-right: 220px;
  }
}
.absform .input-box .input-text {
  font-size: inherit;
  line-height: 0.66666667rem;
  display: block;
  width: 100%;
  margin-top: 0.33333333rem;
  border: none;
  border-bottom: 1px solid #fff;
  background: none;
  color: #fff;
}
@media (min-width: 1024px) {
  .absform .input-box .input-text {
    line-height: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .absform .input-box .input-text {
    line-height: 50px;
  }
}
@media (min-width: 1024px) {
  .absform .input-box .input-text {
    margin-top: 0.24414063rem;
  }
}
@media (min-width: 1500px) {
  .absform .input-box .input-text {
    margin-top: 25px;
  }
}
.absform .btn-submit,
.absform .btn-close {
  font-size: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.8rem;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .absform .btn-submit,
  .absform .btn-close {
    width: 1.171875rem;
  }
}
@media (min-width: 1500px) {
  .absform .btn-submit,
  .absform .btn-close {
    width: 110px;
  }
}
.absform .btn-submit .fa,
.absform .btn-close .fa,
.absform .btn-submit .iconfont,
.absform .btn-close .iconfont {
  font-size: inherit;
}
.absform .btn-submit {
  right: 0.8rem;
}
@media (min-width: 1024px) {
  .absform .btn-submit {
    right: 1.171875rem;
  }
}
@media (min-width: 1500px) {
  .absform .btn-submit {
    right: 110px;
  }
}
.absform .btn-close {
  right: 0;
}
/* .header-menu {
  position: absolute;
  top: 35%;
  right: 24%;
  display: block;
  @media (max-width: 968px) {
    right: 40%;
  }
  @media (min-width: 1032px) {
    display: none;
  }
}

.icon-menu {
  background: url(../image/icon-menu.png) no-repeat;
  background-size: 100% 100%;
} */
html.mm-opening #menu.mm-menu.mm-top.mm-front,
html.mm-opening #menu.mm-menu.mm-top.mm-next {
  top: 1.33333333rem;
  background-color: #fff;
}
.indexSwiper .container-response {
  height: 100%;
}
.indexSwiper .banner-con {
  height: 100%;
}
.indexSwiper .banner-con .hgroup {
  width: 80%;
}
.indexSwiper .banner-con .hgroup .h2 {
  font-size: 60px;
  line-height: 1;
}
.indexSwiper .banner-con .hgroup .h3 {
  margin: 20px auto 100px;
  font-size: 32px;
  font-weight: bold;
  color: #333;
}
.indexSwiper .banner-con .link {
  color: #fff;
}
.indexSwiper .img-box {
  padding-bottom: 0;
  height: 500px;
}
.indexSwiper + .swiper-pagination {
  bottom: 30px;
  left: 0;
  right: 0;
}
.indexSwiper + .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 5px;
  margin: 0 4px;
  border-radius: 4px;
  background-color: #b7cde7;
  opacity: 1;
}
.indexSwiper + .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1b7fd5;
}
.btns-box {
  position: absolute;
  bottom: 20%;
  width: 4.66666667rem;
  left: 18%;
}
@media (min-width: 1024px) {
  .btns-box {
    width: 3.41796875rem;
  }
}
@media (min-width: 1500px) {
  .btns-box {
    width: 350px;
  }
}
.btn-item {
  display: inline-block;
  list-style: none;
  font-size: 0.32rem;
  margin-left: 0.18666667rem;
}
@media (min-width: 1024px) {
  .btn-item {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .btn-item {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .btn-item {
    margin-left: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .btn-item {
    margin-left: 20px;
  }
}
.btn-item .btn {
  display: inline-block;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-top: 0.10666667rem;
  padding-bottom: 0.10666667rem;
  font-weight: bold;
  line-height: 1.8;
  color: #297bf9;
  background-color: #f0f5ff;
  border-radius: 4px;
}
@media (min-width: 1024px) {
  .btn-item .btn {
    padding-left: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .btn-item .btn {
    padding-left: 40px;
  }
}
@media (min-width: 1024px) {
  .btn-item .btn {
    padding-right: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .btn-item .btn {
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .btn-item .btn {
    padding-top: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .btn-item .btn {
    padding-top: 12px;
  }
}
@media (min-width: 1024px) {
  .btn-item .btn {
    padding-bottom: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .btn-item .btn {
    padding-bottom: 12px;
  }
}
.btn-item .btn:hover {
  box-shadow: 0 10px 25px 0 rgba(41, 123, 249, 0.4);
}
.index-banner {
  min-width: 1280px;
}
.index-banner .swiper-container {
  width: 100%;
}
.index-banner .btn-item .btn {
  font-size: 18px;
  color: #fff;
  background-color: #297bf9;
}
.hgroup {
  text-align: center;
  margin: 0 auto;
  padding: 60px 0 40px;
  color: #333;
}
.hgroup .h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.8;
}
.hgroup .h2.two {
  color: #ffffff;
}
.hgroup .hr {
  width: 45px;
  height: 4px;
  margin: 20px auto;
  background-color: #196eff;
}
.hgroup .h3 {
  margin: 20px auto;
  color: #666;
  font-size: 18px;
}
.hgroup .h3.two {
  color: #ffffff;
}
.index_product .bg {
  font-size: 0;
  border-radius: 12px;
  height: 390px;
  background: linear-gradient(to right, #fef2f3, #a2b2ff);
}
.index_product .cover {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  line-height: 2;
  padding: 40px;
  font-size: 24px;
}
.index_product .cover .des {
  height: 144px;
  overflow: hidden;
  font-size: 18px;
  text-indent: 2em;
  margin-bottom: 30px;
  color: #666;
}
.index_product .cover .more {
  text-align: left;
  font-size: 24px;
  color: #297bf9;
  border: none;
}
.index_product .img-box {
  height: 320px;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.index_product_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
}
.index_product_box .index_product_item {
  width: 48.8%;
}
.index_product_box .index_product_item .bg {
  height: 296px;
}
.index_product_box .index_product_item:nth-child(1) .bg {
  background: linear-gradient(to right, #ffeaf2, #e4aff1);
}
.index_product_box .index_product_item:nth-child(1) .img-box {
  margin-left: -10px;
}
.index_product_box .index_product_item:nth-child(2) .bg {
  background: linear-gradient(to right, #e8fff8, #84daf7);
}
.index_product_box .index_product_item:nth-child(2) .cover {
  padding-right: 10px;
}
.index_product_box .index_product_item .des {
  text-indent: 2em;
  margin-bottom: 0;
}
.index_product_box .index_product_item .img-box {
  height: 212px;
}
.tabCon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabCon:before,
.tabCon:after {
  display: none;
}
.tabCon .tab-item {
  text-align: center;
  padding: 16px 40px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 22px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid transparent;
}
.tabCon .tab-item.on,
.tabCon .tab-item:hover {
  color: #0074ff;
  border-bottom: 2px solid #0074ff;
}
.tabCon .tab-item .img-box {
  width: 150px;
  height: 60px;
}
.tabCon .tab-item .tab-title {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}
.tab-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab-container .tab-container-item {
  display: none;
}
.tab-container .tab-container-item.on {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-container .tab-container-item .left-box {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.tab-container .tab-container-item .right-box {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  text-align: center;
}
.tab-container .tab-container-item .right-box .img-box {
  height: 428px;
}
.tab-container .tab-container-item .title {
  font-size: 18px;
  font-weight: bold;
}
.tab-container .tab-container-item .desc,
.tab-container .tab-container-item .tips {
  font-size: 16px;
}
.tab-container .tab-container-item .desc {
  line-height: 1.8;
  text-indent: 2em;
  margin-bottom: 20px;
}
.tab-container .tab-container-item .tips {
  line-height: 1.8;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tab-container .tab-container-item .icon-font {
  width: 26px;
  height: 24px;
}
.tab-container .tab-container-item .tips-box {
  margin-bottom: 30px;
}
.tab-container .tab-container-item .link {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  color: #ffffff;
}
.insidePage .tabCon {
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: url(../image/tabBg.png) center bottom no-repeat;
  background-size: contain;
}
.insidePage .tab-container .tab-container-item.on {
  display: block;
}
.icon-font {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.21333333rem;
}
@media (min-width: 1024px) {
  .icon-font {
    margin-right: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .icon-font {
    margin-right: 10px;
  }
}
.icon-right {
  background: url("../image/icon-right.png") no-repeat;
  background-size: 100% 100%;
}
.icon-time {
  background: url("../image/icon-time.png") no-repeat;
  background-size: 100% 100%;
}
.icon-fuwu {
  background: url("../image/icon-fuwu.png") no-repeat;
  background-size: 100% 100%;
}
.icon-fangan {
  background: url("../image/icon-fangan.png") no-repeat;
  background-size: 100% 100%;
}
.icon-address {
  background: url("../image/icon-address.png") no-repeat;
  background-size: 100% 100%;
}
.icon-shiyong {
  background: url("../image/icon-shiyong.png") no-repeat;
  background-size: 100% 100%;
}
.icon-weixin {
  background: url("../image/icon-weixin.png") no-repeat;
  background-size: 100% 100%;
}
.icon-tel {
  background: url("../image/icon-tel.png") no-repeat;
  background-size: 100% 100%;
}
.icon-toTop {
  background: url("../image/icon-toTop.png") no-repeat;
  background-size: 100% 100%;
}
.icon-intro {
  background: url("../image/icon-intro.png") no-repeat;
  background-size: 100% 100%;
}
.icon-user {
  background: url("../image/icon-user.png") no-repeat;
  background-size: 100% 100%;
}
.icon-menu {
  background: url("../image/icon-menu.png") no-repeat;
  background-size: 100% 100%;
}
.solutionSection {
  margin-top: 60px;
}
.solutionSection .bg {
  height: 788px;
  background: url("../image/solutionBg.jpg") no-repeat;
  background-size: cover;
}
.solutionSection .container-response {
  min-width: 1280px;
  font-size: 0;
  border-radius: 4px;
  overflow: hidden;
}
.solutionSection .left-box {
  display: inline-block;
  vertical-align: top;
  width: 69%;
  padding: 32px 24px;
  background-color: #fff;
}
.solutionSection .left-box .desc {
  height: 200px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  text-indent: 2em;
  color: #666;
}
.solutionSection .right-box {
  display: inline-block;
  vertical-align: top;
  width: 31%;
  height: 497px;
  padding: 40px 40px 20px 40px;
  background-color: #1f5dc0;
}
.solutionSection .tags-box {
  height: 100%;
  padding-bottom: 60px;
}
.solutionSection .tab-item {
  height: 60px;
  text-align: center;
  font-size: 22px;
  border-radius: 4px;
  background-color: #5386d9;
}
.solutionSection .tab-container .tab-container-item.on {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.solutionSection .tab-title {
  width: 100%;
  padding: 10px;
  margin: 4px 0;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
}
.solutionSection .title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
}
.solutionSection .title .img-box {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 100px;
}
.solutionSection .title .text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 120px);
  padding-bottom: 8px;
  margin-left: 10px;
  border-bottom: 1px solid #cccccc;
}
.solutionSection .title .text:after {
  position: absolute;
  bottom: -1px;
  display: block;
  content: "";
  width: 8%;
  height: 2px;
  background-color: #007dff;
}
.solutionSection .swiper-pagination {
  text-align: left;
}
.solutionSection .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
}
.solutionSection .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.solutionSection .swiper-button-next {
  top: auto;
  bottom: 0;
  right: 0;
  width: 37px;
  height: 37px;
  background: url("../image/swiper-button-next.png") no-repeat;
  background-size: 100% 100%;
}
.solutionSection .link-box {
  text-align: right;
}
.solutionSection .link-box .link {
  margin-top: 20px;
}
.caseSection .swiper-pagination {
  position: static;
  width: 100%;
  margin-bottom: 30px;
}
.caseSection .swiper-pagination .swiper-pagination-bullet {
  margin-left: 8px;
  margin-right: 8px;
  background-color: #000000;
}
.caseSection .swiper-pagination .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 12px;
  background: linear-gradient(to right, #007dff, #009eff);
}
.caseSection .link {
  display: block;
  width: 144px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #ffffff;
}
.caseSwiper {
  height: 384px;
  padding: 0 4px;
  margin-bottom: 30px;
}
.caseSwiper .swiper-wrapper {
  height: 99%;
}
.caseSwiper .case-item {
  display: block;
  width: 32%;
  border-radius: 4px;
  overflow: hidden;
}
.caseSwiper .case-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.caseSwiper .img-box {
  height: 170px;
}
.caseSwiper .title {
  position: relative;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
}
.caseSwiper .desc {
  height: 64px;
  line-height: 1.8;
  margin-bottom: 16px;
  text-indent: 2em;
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.caseSwiper .textCon {
  padding: 20px 20px 10px;
}
.caseSwiper .btn-item {
  margin-left: 0;
}
.caseSwiper .btn-item .btn {
  padding: 6px 16px;
}
.rich-textarea .desc {
  line-height: 1.8;
  text-indent: 2em;
  font-size: 16px;
}
.trustSwiper01 {
  padding-left: 48px;
  padding-right: 48px;
}
.trustSwiper01 .trust-item {
  width: 15%;
  text-align: center;
}
.trustSwiper01 .swiper-slide-active .title {
  color: #007dff;
  border-bottom: 1px solid #007dff;
}
.trustSwiper01 .title {
  display: inline-block;
  padding: 16px 32px;
  font-size: 16px;
  border-bottom: 1px solid transparent;
}
.trustSwiper01 .swiper-button-next {
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url("../image/trust-swiper-button-next.png") no-repeat;
  background-size: 100% 100%;
}
.trustSwiper01 .swiper-button-next.swiper-button-disabled {
  display: none;
}
.trustSwiper01 .swiper-button-prev {
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: url("../image/trust-swiper-button-next.png") no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.trustSwiper01 .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.trust-box {
  padding: 16px 12px;
}
.trust-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 440px;
}
.trust-li {
  display: none;
}
.trust-li.on {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
.trust-li .mbp {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-right: 24px;
}
.trust-li .mbp:nth-child(6n+6) {
  margin-right: 0;
}
.trust-li .img-box {
  width: 100%;
  height: 90px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.trust-li .name {
  margin: 0 auto;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}
.fullColumnSection .bg {
  height: 235px;
  background: url("../image/fullColumn.jpg") center center no-repeat;
  background-size: cover;
}
.fullColumnSection .container-response {
  height: 100%;
}
.fullColumnSection .cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-top: 0;
}
.fullColumnSection .left-box {
  display: inline-block;
  vertical-align: middle;
}
.fullColumnSection .right-box {
  display: inline-block;
  vertical-align: middle;
}
.fullColumnSection .title {
  position: relative;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: bold;
}
.fullColumnSection .desc {
  line-height: 1.8;
  text-indent: 2em;
  margin-bottom: 16px;
  font-size: 22px;
}
.fullColumnSection .link {
  margin-right: 0;
  color: #ffffff;
}
.footer {
  min-width: 1280px;
  color: #ffffff;
  background-color: #040b1f;
}
.footer .container-full {
  border-bottom: 1px solid #25324e;
}
.footer .footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1280px;
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
.footer .footer-row:before {
  display: none;
}
.footer .footer-row:after {
  display: none;
}
.footer .footer-logo {
  width: 214px;
}
.footer .standard {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 810px;
  font-size: 16px;
}
.footer .standard-item {
  width: 270px;
  padding-left: 60px;
  margin-bottom: 20px;
  background: url(../image/standardLine.png) left center no-repeat;
  background-size: contain;
}
.footer .standard-item:first-child {
  background: none;
}
.footer .footer-ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 100px;
}
.footer .footer-li {
  width: 220px;
}
.footer .footer-li.two {
  width: 320px;
}
.footer .icon-font {
  width: 24px;
  height: 24px;
}
.footer .footer-h4 {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 16px;
}
.footer .QR {
  width: 132px;
}
.footer .address {
  padding-bottom: 16px;
  font-size: 16px;
  color: #999ba4;
}
.footer .company-info {
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 5;
  color: #999ba4;
}
.fix-chat {
  position: relative;
  max-width: 80px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}
.fix-chat .fix-chat-box {
  position: relative;
  width: 100%;
  padding: 4px;
  border-radius: 50%;
  border: 1px solid rgba(0, 128, 255, 0.5);
  animation: mymove 1s linear infinite, animated-border 1s linear infinite;
}
.fix-chat .fix-chat-box .fix-chat-img-box {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #0080ff;
  animation: breathe-img 1s linear infinite;
}
.fix-chat .fix-chat-txt-box {
  margin-top: -10px;
  line-height: 2;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  background-color: rgba(0, 128, 255);
}
@keyframes mymove {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes breathe-img {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.93);
  }
  50% {
    border-color: 1px solid rgba(0, 128, 255, 0.5);
    transform: scale(0.87);
  }
  75% {
    transform: scale(0.93);
  }
  to {
    transform: scale(1);
  }
}
.aside {
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 7;
  margin: auto 0;
  font-size: 0;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 5px 0 0 5px;
  height: 240px;
}
.aside .item {
  font-size: 32px;
  width: 60px;
  line-height: 1.5;
  margin: 0 auto;
  padding-bottom: 16px;
  border-bottom: 1px solid #0671d3;
  color: #fff;
  background-color: #0074ff;
  cursor: pointer;
}
.aside .item .txt {
  font-size: 14px;
}
.aside .item:last-child {
  padding-bottom: 0;
}
.aside + .placeholder {
  height: 1.33333333rem;
}
.aside .iconfont {
  font-size: 1em;
  line-height: 60px;
}
@media (min-width: 1024px) {
  .aside .iconfont {
    height: 0.5859375rem;
    width: 0.5859375rem;
  }
}
.aside .icon-font {
  width: 24px;
  height: 20px;
  margin: 4px auto;
}
.aside .icon-weixin:before {
  display: none;
}
.fix-item-box {
  border-radius: 4px;
}
.fix-item-box .item {
  width: 80px;
}
.js-toTop {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.consult-scan:hover .content-scan {
  display: block;
}
.content-scan {
  position: absolute;
  right: 90px;
  bottom: -50%;
  display: none;
  width: 164px;
  height: 164px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 40px rgba(79, 122, 253, 0.15);
  -webkit-box-shadow: 0px 0px 40px rgba(79, 122, 253, 0.15);
}
.content-scan:after {
  content: '';
  position: absolute;
  right: -22px;
  top: 50%;
  margin-top: -8px;
  border: 15px solid transparent;
  border-left-color: #fff;
}
.content-scan .code-box-new {
  width: 150px;
  height: 150px;
  overflow: hidden;
}
.consult-tel:hover .content-tel {
  display: block;
}
.content-tel {
  position: absolute;
  right: 90px;
  top: 28px;
  display: none;
  width: 150px;
  padding: 8px;
  color: #333;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 40px rgba(79, 122, 253, 0.15);
  -webkit-box-shadow: 0px 0px 40px rgba(79, 122, 253, 0.15);
}
.content-tel:after {
  content: '';
  position: absolute;
  right: -22px;
  top: 33%;
  margin-top: -8px;
  border: 15px solid transparent;
  border-left-color: #fff;
}
.content-tel .tel {
  font-weight: 600;
  font-size: 16px;
}
.content-tel .desc {
  font-weight: 400;
  font-size: 12px;
  text-indent: 2em;
  margin-top: 8px;
}
.breadcrumb .item {
  display: inline-block;
  font-size: 14px;
  line-height: 4.57142857;
  color: #999;
}
.breadcrumb .item + .item:before {
  content: '/';
  margin: 0 0.5em;
}
.subnav {
  font-size: 0;
}
.subnav .item {
  display: inline-block;
  font-size: 14px;
  line-height: 4.57142857;
  padding: 0 1em;
}
.subnav .item.active {
  color: #b6894e;
}
.subnav .item.active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #b6894e;
}
.select-subnav {
  display: block;
  font-size: 0.48rem;
  line-height: 1.33333333rem;
  width: 100%;
  padding: 0 1em;
  border: none;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select-subnav + .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  font-size: 0.48rem;
  line-height: 1.33333333rem;
}
.countupList {
  font-size: 0;
  text-align: center;
}
.countupList .item {
  display: inline-block;
  vertical-align: top;
  font-size: 0.21333333rem;
  line-height: 1.75;
  width: 33.33333333%;
  padding: 0 0.4rem 1.2rem;
  color: #999;
}
@media (min-width: 1024px) {
  .countupList .item {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .countupList .item {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .countupList .item {
    padding: 0 0.14648438rem 0.43945313rem;
  }
}
@media (min-width: 1500px) {
  .countupList .item {
    padding: 0 30px 100px;
  }
}
@media (min-width: 1024px) {
  .countupList .item {
    width: 20%;
  }
}
.countupList .item:after {
  content: '';
  display: block;
}
.countupList .item:nth-child(4):after {
  display: none;
}
@media (min-width: 1024px) {
  .countupList .item:nth-child(4):after {
    display: block;
  }
}
.countupList .item + .item:after {
  position: absolute;
  top: 15%;
  left: 0;
  height: 3em;
  width: 2px;
  background-color: #e5e5e5;
}
.countupList .jQ-countUp {
  font-size: 3em;
  margin-right: 0.5em;
  color: #333;
}
.index-section .more {
  line-height: 2.5;
  width: 197px;
  text-align: center;
  font-size: 0.18666667rem;
}
@media (min-width: 1024px) {
  .index-section .more {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .index-section .more {
    font-size: 14px;
  }
}
.index-section .more .fa {
  margin-left: 1em;
}
.index-section .more.green {
  border: 1px solid #146336;
  color: #146336;
}
.index-section .more.white {
  border: 1px solid #fff;
  color: #fff;
}
.index-section.section_1 .video-box {
  padding-bottom: 73.33333333%;
}
@media (min-width: 1024px) {
  .index-section.section_1 .video-box {
    padding-bottom: 34.1796875%;
  }
}
@media (min-width: 1500px) {
  .index-section.section_1 .video-box {
    padding-bottom: 34%;
  }
}
.index-section.section_1 .about_nav {
  text-align: center;
  font-size: 0;
  margin: 0.58666667rem auto;
  box-shadow: 0px 10px 16px 0px rgba(53, 48, 44, 0.02);
}
@media (min-width: 1024px) {
  .index-section.section_1 .about_nav {
    margin: 0 auto;
  }
}
.index-section.section_1 .about_nav [class^=col] {
  display: inline-block;
  float: none;
}
.index-section.section_1 .about_nav [class^=col] + [class^=col]:after {
  content: '';
  position: absolute;
  display: none;
  top: 50%;
  left: 0;
  width: 54px;
  height: 12px;
  margin-top: -6px;
  margin-left: -27px;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url("../image/is1-bg1.png");
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .index-section.section_1 .about_nav [class^=col] + [class^=col]:after {
    display: block;
  }
}
.index-section.section_1 .about_nav .item {
  text-align: center;
  font-size: 0.24rem;
  width: 3.28rem;
  height: 2.98666667rem;
  margin: 0.58666667rem auto;
  padding: 0.46666667rem 0;
  border: 1px solid #e6e6e6;
}
@media (min-width: 1024px) {
  .index-section.section_1 .about_nav .item {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_1 .about_nav .item {
    font-size: 18px;
  }
}
.index-section.section_1 .about_nav .item:hover {
  border: 1px solid #333333;
}
@media (min-width: 1024px) {
  .index-section.section_1 .about_nav .item {
    width: 1.50390625rem;
    height: 1.35742188rem;
    margin: 0.48828125rem auto;
    padding: 0.29296875rem 0 0.24414063rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_1 .about_nav .item {
    width: 200px;
    height: 180px;
    margin: 30px auto;
    padding: 40px 0;
  }
}
.index-section.section_1 .about_nav .item .img-box {
  width: 48px;
  height: 48px;
  margin: auto;
}
.index-section.section_1 .about_nav .item .beforeLine:before {
  content: '';
  display: block;
  width: 10%;
  height: 1px;
  margin: 0.14648438rem auto 0.24414063rem;
  background-color: #999;
}
@media (min-width: 1024px) {
  .index-section.section_1 .about_nav .item .beforeLine:before {
    margin: 0.09765625rem auto;
  }
}
@media (min-width: 1500px) {
  .index-section.section_1 .about_nav .item .beforeLine:before {
    margin: 20px auto;
  }
}
.index-section.section_2 .indexProRow {
  text-align: center;
}
.index-section.section_2 .js-c-is2SWiper {
  font-size: 0.24rem;
  line-height: 1.17333333rem;
  margin: 0.5em 0.5em;
  padding: 0 0.8rem;
  color: #146336;
  background-color: #eee;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .index-section.section_2 .js-c-is2SWiper {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .js-c-is2SWiper {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .index-section.section_2 .js-c-is2SWiper {
    line-height: 0.41015625rem;
    padding: 0 0.5859375rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .js-c-is2SWiper {
    line-height: 42px;
    margin: 0 0.5em;
    padding: 0 48px;
  }
}
.index-section.section_2 .js-c-is2SWiper.active {
  color: #eee;
  background-color: #146336;
}
.index-section.section_2 .is2SWiper {
  height: 17.50666667rem;
  margin-top: 1.06666667rem;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper {
    height: 6.796875rem;
    margin-top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper {
    height: 696px;
    margin-top: 40px;
  }
}
.index-section.section_2 .is2SWiper .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 17.50666667rem;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper .bg {
    height: 6.25rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper .bg {
    height: 640px;
  }
}
.index-section.section_2 .is2SWiper .fg {
  width: 100%;
  height: 6rem;
  margin-top: 1.33333333rem;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper .fg {
    position: absolute;
    top: 10%;
    left: 0;
    width: 4.39453125rem;
    height: 5.859375rem;
    margin-top: 0.9765625rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper .fg {
    top: 0;
    width: 460px;
    height: 600px;
    margin-top: 100px;
  }
}
.index-section.section_2 .is2SWiper .text {
  margin-left: 1em;
  margin-right: 1em;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper .text {
    position: absolute;
    top: 0;
    right: 10%;
    width: 3.60546875rem;
    margin-top: 10%;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper .text {
    width: 692px;
    margin-top: 10%;
  }
}
.index-section.section_2 .is2SWiper .text .title {
  font-weight: bold;
  font-size: 0.66666667rem;
  line-height: 3;
  border-bottom: 2px solid #146336;
  color: #146336;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper .text .title {
    font-size: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper .text .title {
    font-size: 50px;
  }
}
.index-section.section_2 .is2SWiper .text .des {
  font-size: 0.37333333rem;
  line-height: 1.75;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.26666667rem;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-indent: 2em;
  color: #146336;
  margin: 1.75em 0;
}
@media (min-width: 1024px) {
  .index-section.section_2 .is2SWiper .text .des {
    font-size: 0.17578125rem;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.53808594rem;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .index-section.section_2 .is2SWiper .text .des {
    font-size: 18px;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 157.5px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
.index-section.section_3 {
  z-index: 3;
  text-align: center;
  background-color: #f2f2f2;
  padding-bottom: 1.33333333rem;
}
@media (min-width: 1024rem) {
  .index-section.section_3 {
    padding-bottom: 0.9765625rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_3 {
    margin-top: -60px;
    padding-bottom: 100px;
  }
}
.index-section.section_3 .img-box {
  padding-bottom: 98.66666667%;
}
@media (min-width: 1024px) {
  .index-section.section_3 .img-box {
    padding-bottom: 61.03515625%;
  }
}
@media (min-width: 1500px) {
  .index-section.section_3 .img-box {
    padding-bottom: 41.66666667%;
  }
}
.index-section.section_3 .cover {
  position: absolute;
  top: 0.66666667rem;
  bottom: 0.66666667rem;
  left: 0.34666667rem;
  right: 0.34666667rem;
  padding: 0.8rem 0.53333333rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
@media (min-width: 1024rem) {
  .index-section.section_3 .cover {
    top: 0.78125rem;
    bottom: 0.78125rem;
    left: 0.9765625rem;
    right: 0.9765625rem;
    padding: 0.390625rem 1.12304688rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_3 .cover {
    top: 80px;
    bottom: 80px;
    left: 300px;
    right: 300px;
    padding: 60px 100px;
  }
}
.index-section.section_3 .title {
  font-size: 0.36rem;
}
@media (min-width: 1024px) {
  .index-section.section_3 .title {
    font-size: 0.26367188rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_3 .title {
    font-size: 27px;
  }
}
.index-section.section_3 .title:after {
  content: '';
  display: block;
  width: 3em;
  height: 1px;
  margin: 1em auto;
  background-color: #fff;
}
.index-section.section_3 .des {
  font-size: 0.28rem;
  line-height: 2;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.92rem;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-indent: 2em;
  margin-bottom: 0.8rem;
}
@media (min-width: 1024px) {
  .index-section.section_3 .des {
    font-size: 0.13671875rem;
    line-height: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.640625rem;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    margin-bottom: 0.5859375rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_3 .des {
    font-size: 14px;
    line-height: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 140px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin-bottom: 60px;
  }
}
.index-section.section_4 {
  padding-bottom: 1.6rem;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url("../image/is4-bg.png");
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .index-section.section_4 {
    padding-bottom: 0.78125rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .index-section.section_4 .news-left {
    width: 50%;
  }
}
.index-section.section_4 .news-right {
  padding: 0.73333333rem 0.46666667rem;
}
@media (min-width: 1024px) {
  .index-section.section_4 .news-right {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    padding: 0.390625rem 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 .news-right {
    padding: 80px 50px;
  }
}
.index-section.section_4 .title {
  font-size: 0.32rem;
  line-height: 2;
  color: #146336;
}
@media (min-width: 1024px) {
  .index-section.section_4 .title {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 .title {
    font-size: 24px;
  }
}
.index-section.section_4 .title:after {
  content: '';
  display: block;
  width: 1.5em;
  height: 2px;
  margin-top: 0.5em;
  background-color: #b6894e;
}
.index-section.section_4 .dateTime {
  font-size: 0.21333333rem;
  margin: 1em 0;
  color: #808080;
}
@media (min-width: 1024px) {
  .index-section.section_4 .dateTime {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 .dateTime {
    font-size: 16px;
  }
}
.index-section.section_4 .des {
  font-size: 0.37333333rem;
  line-height: 1.71428571;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.2rem;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 1em;
  text-indent: 2em;
  color: #999999;
}
@media (min-width: 1024px) {
  .index-section.section_4 .des {
    font-size: 0.17578125rem;
    line-height: 1.71428571;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.60267857rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 .des {
    font-size: 18px;
    line-height: 1.71428571;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 154.28571429px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
.index-section.section_4 .fa {
  font-size: 1.5em;
  color: #146336;
}
.index-section.section_4 .swiper-pagination {
  position: relative;
  margin: 0.8rem auto;
}
@media (min-width: 1024px) {
  .index-section.section_4 .swiper-pagination {
    margin: 0.48828125rem auto;
  }
}
@media (min-width: 1500px) {
  .index-section.section_4 .swiper-pagination {
    margin: 50px auto;
  }
}
.index-section.section_4 .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
.index-section.section_4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #146336;
}
.page-banner {
  height: 559px;
}
.page-banner .container-response {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 100%;
}
.page-banner .container-response .link {
  margin-right: 0;
  color: #ffffff;
}
.client-banner {
  height: 400px;
}
.client-banner .container-response {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 100%;
}
.client-banner .container-response .link {
  margin-right: 0;
  color: #ffffff;
}
.news-banner {
  height: 449px;
}
.news-banner .container-response {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 100%;
}
.news-banner .container-response .hgroup {
  padding-top: 0;
}
.news-banner .container-response .link {
  margin-right: 0;
  color: #ffffff;
}
.main {
  display: block;
  min-width: 1280px;
  padding: 80px 0;
}
.case-left {
  display: inline-block;
  vertical-align: top;
  width: 18%;
  padding: 30px 0;
  background-color: #f5f6f7;
}
.case-left h3 {
  font-size: 18px;
  margin-bottom: 20px;
  text-indent: 20px;
}
.case-left a {
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 16px;
  color: #4d4d4d;
}
.case-left a.active,
.case-left a:hover {
  background-color: #d0e8fd;
  color: #007dff;
}
.case-right {
  display: inline-block;
  vertical-align: top;
  width: 77%;
  margin-top: 0;
}
.case-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 86%;
  height: 120px;
  border-radius: 5px;
  padding: 0 7%;
  background-image: linear-gradient(-21deg, #ff5549 0%, #fe8e84 100%), linear-gradient(#f8756b, #f8756b);
}
.case-con-wrap {
  max-height: 800px;
  overflow: auto;
}
.case-item {
  display: none;
}
.case-item.on {
  display: block;
}
.case-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 40px 0 0;
}
.case-con:first-child {
  margin-top: 0;
}
.case-con .case-con-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22.5%;
  padding-top: 22.5%;
  min-width: 22%;
  border: 1px solid #f5f6f7;
  max-height: 194px;
}
.case-con .case-con-right {
  padding: 0 30px;
  border: 1px solid #e6e9eb;
}
.case-con .case-con-right .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px auto;
  line-height: 1.6;
  font-size: 16px;
}
.case-con .case-con-right .item .square {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 54px;
  height: 54px;
  padding: 8px;
  box-sizing: border-box;
  color: #ffffff;
  line-height: 1.2;
}
.case-con .case-con-right .item .square.bgRed {
  background-color: #f77a6f;
}
.case-con .case-con-right .item .square.bgBlue {
  background-color: #2d67e1;
}
.case-con .case-con-right .item .desc {
  display: inline-block;
  vertical-align: top;
  width: 88%;
  margin: 0;
  text-indent: 2em;
  font-size: 16px;
}
.case-con .case-con-right .item .sys-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 86%;
  margin: 0 auto;
}
.case-con .case-con-right .item .btn {
  color: #f57c73;
}
.case-con .case-con-right .title-box {
  margin: 20px auto;
  line-height: 1.6;
}
.case-con .case-con-right .title {
  padding-left: 8px;
  margin: 0 auto;
  line-height: 1.2;
  border-left: 3px solid #333;
  font-size: 18px;
  font-weight: bold;
}
.case-con .case-con-right .line {
  height: 1px;
  background-color: #e6e9eb;
}
.case-con .case-con-right .case-con-right-bottom {
  display: flex;
  align-items: center;
}
.case-con .case-con-right .case-con-right-bottom .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 4px 10px;
  margin: 0 20px 0 0;
}
.case-con .case-con-right .case-con-right-bottom .btn.colorRed {
  color: #f57c73;
  background-color: #fff1f0;
}
.case-con .case-con-right .case-con-right-bottom .btn.colorBlue {
  color: #0074ff;
  background-color: #f0f8ff;
}
.case-con .case-con-right .case-con-right-bottom .btn.colorGreen {
  color: #389e0d;
  background-color: #f6ffed;
}
.case-con .case-con-right .case-con-right-bottom .btn.colorPurple {
  color: #a50082;
  background-color: #fff2fc;
}
.case-con .case-con-right .case-con-right-bottom .img-inline {
  max-width: 20px;
  margin-right: 10px;
}
.case-con .case-con-right em {
  display: inline-block;
  vertical-align: middle;
  width: 14%;
  font-style: normal;
}
.case-con .case-con-right .case-detail1 {
  position: relative;
  height: 54px;
  overflow: hidden;
}
.case-con .case-con-right .case-detail1 .showmore {
  position: absolute;
  bottom: 4px;
  right: 12px;
  padding: 0 4px;
  color: #f57c73;
  background-color: #fff;
  cursor: pointer;
}
.case-con .case-con-right .case-detail1 .coverup {
  display: inline-block;
  color: #f57c73;
  cursor: pointer;
}
.case-con-bottom h3 {
  font-size: 30px;
  line-height: 6;
  text-align: center;
}
.case-con-bottom .case-con-more {
  display: block;
}
.case-con-bottom img {
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-bottom: 2%;
}
.case-con-bottom .link {
  display: block;
  width: 200px;
  height: 56px;
  margin: 60px auto 0;
  text-align: center;
  color: #fff;
}
.channel-banner {
  height: 400px;
}
.made-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-width: 1280px;
}
.made-items:before {
  display: none;
}
.made-items:after {
  display: none;
}
.made-items .made-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 32%;
  padding: 24px 24px;
  border-radius: 4px;
  border: 1px solid #60b1fe;
  margin-bottom: 10px;
}
.made-items .made-item.two {
  width: 48%;
  padding: 24px 30px;
}
.made-items .made-item.two .text-box {
  width: 84%;
}
.made-items .made-item:hover {
  box-shadow: 0 0 10px rgba(96, 177, 254, 0.3);
  margin-bottom: 20px;
  background: url(../image/madeBg.png) right bottom no-repeat;
  background-size: cover;
}
.made-items .img-box {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
}
.made-items .text-box {
  display: inline-block;
  vertical-align: top;
  width: 77%;
}
.made-items .title {
  margin: 10px auto;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
}
.made-items .desc {
  margin: 0;
  text-indent: 2em;
  font-size: 16px;
}
.rongyu-banner {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px;
}
.rongyu-banner .swiper-container {
  padding-left: 60px;
  padding-right: 60px;
}
.rongyu-banner .swiper-wrapper {
  overflow: hidden;
}
.rongyu-banner .img-box {
  height: 260px;
}
.rongyu-banner .title {
  font-size: 16px;
}
.rongyu-banner .btn {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.rongyu-banner .btn.swiper-button-prev {
  padding-left: 20px;
  padding-right: 23px;
  background: url(../image/leftArrow.png) center center no-repeat #dbdbdb;
  background-size: 40% 40%;
}
.rongyu-banner .btn.swiper-button-next {
  padding-left: 23px;
  padding-right: 20px;
  background: url(../image/rightArrow.png) center center no-repeat #dbdbdb;
  background-size: 40% 40%;
}
.about-infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 30px;
  flex-wrap: nowrap;
}
.about-infos .about-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 32%;
}
.about-infos .about-info .img-box {
  width: 18%;
}
.about-infos .about-info .desc {
  margin-top: 8px;
  margin-bottom: 8px;
  text-indent: 2em;
  color: #666;
  font-size: 18px;
}
.about-infos .about-info .text {
  font-size: 18px;
}
.ahout-map {
  height: 412px;
}
.BMap_bubble_content .item {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.8;
}
.BMap_bubble_content .square {
  position: absolute;
  left: 0;
  top: 11px;
  width: 10px;
  height: 10px;
  background-color: #0074ff;
}
.job-box .item {
  border: 1px solid #e5e5e5;
}
.job-box .title-box .icon-font {
  width: 15px;
  height: 19px;
}
.title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  font-size: 18px;
}
.title-box .job {
  width: 60%;
}
.title-box .money {
  font-style: normal;
  font-size: 14px;
}
.details-area {
  padding: 20px 30px;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 2.2;
}
.arrow-bottom {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 9px;
  background: url(../image/arrow-bottom.png) center center no-repeat;
  background-size: 100% 100%;
}
.banner-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-con .hgroup {
  width: 40%;
  text-align: left;
}
.banner-con .hgroup .hr {
  margin-left: 0;
}
.banner-con .img-box {
  width: 590px;
  height: 396px;
}
.product-icons-box {
  padding: 20px 30px 40px;
  margin-top: -60px;
  margin-bottom: 20px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(96, 177, 254, 0.3);
  background-color: #f2f6fe;
}
.product-icons-box .hgroup {
  padding-top: 30px;
}
.product-icons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.product-icon {
  width: 20%;
  text-align: center;
}
.product-icon .img-box {
  width: 77px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
}
.product-icon .title {
  font-size: 16px;
  line-height: 2;
}
.product-pic-text-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 130px;
}
.product-pic-text-box .left-con {
  width: 48%;
}
.product-pic-text-box .left-con .img-box {
  height: 334px;
}
.product-pic-text-box .right-con {
  width: 48%;
}
.product-pic-text-box .right-con .title {
  text-align: left;
  font-size: 32px;
  line-height: 2;
  font-weight: bold;
}
.product-pic-text-box .right-con .subTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
}
.product-pic-text-box .right-con .desc {
  padding-left: 24px;
  font-size: 16px;
  text-indent: 2em;
  line-height: 2;
}
.product-pic-text-box.ind01-box .left-con {
  width: 54%;
}
.product-pic-text-box.ind01-box .img-box {
  height: 400px;
}
.product-pic-text-box.ind03-box .left-con {
  width: 54%;
}
.product-pic-text-box.ind03-box .img-box {
  height: 460px;
}
.square02 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 17px;
  height: 17px;
  margin-right: 8px;
}
.square02.bgBlue {
  background: url(../image/square02.png) center center no-repeat;
  background-size: 100% 100%;
}
.productBg02 .bg {
  display: flex;
  align-items: center;
  height: 663px;
  background: url(../image/productBg02.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.productBg02 .product-pic-text-box {
  flex-direction: row;
  margin-bottom: 0;
}
.productBg02 .product-pic-text-box .right-con {
  width: 40%;
  margin-bottom: 60px;
}
.productBg02 .product-pic-text-box .left-con {
  width: 48%;
}
.productBg02 .product-pic-text-box .img-box {
  height: 460px;
}
.ind02-box .bg {
  display: flex;
  align-items: center;
  height: 663px;
  background: url(../image/indBg02.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.ind02-box .product-pic-text-box {
  flex-direction: row;
  margin-bottom: 0;
}
.ind02-box .product-pic-text-box .right-con {
  width: 40%;
  margin-bottom: 60px;
}
.ind02-box .product-pic-text-box .left-con {
  width: 48%;
}
.ind02-box .product-pic-text-box .img-box {
  height: 460px;
}
.ind04-box .bg {
  height: 905px;
  background: url(../image/indBg04.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.ind04-box .hr {
  width: 45px;
  height: 4px;
  margin: 20px 0;
  background-color: #196eff;
}
.productYoushi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.productYoushi:before {
  display: none;
}
.productYoushi:after {
  display: none;
}
.productYoushi .product-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 48%;
  height: 260px;
  padding: 0 16px;
  margin-bottom: 60px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.productYoushi .product-item.two .title {
  margin-top: -30px;
}
.productYoushi .title {
  font-size: 32px;
  line-height: 2;
  font-weight: bold;
}
.productYoushi .desc {
  height: 58px;
  overflow: hidden;
  font-size: 18px;
  text-indent: 2em;
  line-height: 1.5;
}
.productYoushiBtns {
  padding-top: 30px;
  padding-bottom: 30px;
}
.productYoushiBtns .link {
  color: #ffffff;
}
.productBg03 .product-pic-text-box {
  margin-top: 130px;
}
.productFuwuBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 1200px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.productFuwuBox .product-item {
  display: block;
  width: 23.5%;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  overflow: hidden;
}
.productFuwuBox .product-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.productFuwuBox .img-box {
  height: 160px;
}
.productFuwuBox .title {
  position: relative;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
}
.productFuwuBox .desc {
  font-size: 16px;
  text-indent: 2em;
  line-height: 1.8;
  min-height: 64px;
  margin-bottom: 16x;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.productFuwuBox .textCon {
  padding: 20px 20px 10px;
}
.productFuwuBtns {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 110px;
}
.productFuwuBtns .link {
  color: #ffffff;
}
.chan-chall-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.chan-chall-box .chan-chall {
  width: 49%;
  padding: 40px 20px;
  border-radius: 4px;
  background: url(../image/ssc_chan_bg.png) no-repeat bottom left / 100% 100%;
  cursor: default;
  transition: all 0.3s ease-in-out;
}
.chan-chall-box .chan-chall:hover {
  background: url(../image/ssc_chan_bg_hover.png) no-repeat bottom left / 100% 100%;
  transform: translateY(-30px);
}
.chan-chall-box .chan-chall.on {
  background: url(../image/ssc_chan_bg_hover.png) no-repeat bottom left / 100% 100%;
  transform: translateY(-30px);
}
.chan-chall-box .chan-chall.on h3 {
  padding: 0 20px;
  font-size: 18px;
}
.chan-chall-box .chan-chall.on h4 {
  color: #196eff;
  padding-bottom: 0;
}
.chan-chall-box .chan-chall.on h4 i {
  background: url(../image/iconxiangshang.png) center center no-repeat;
  background-size: 100% 100%;
}
.chan-chall-box .chan-chall.on .quality-now-content {
  max-height: 120px;
  padding-bottom: 30px;
}
.chan-chall-box .chan-chall h3 {
  font-size: 20px;
  line-height: 3;
}
.chan-chall-box .chan-chall h3 img {
  height: 32px;
  vertical-align: baseline;
}
.chan-chall-box .chan-chall .text01 {
  font-size: 16px;
  line-height: 2;
  color: #6e7080;
  padding-left: 40px;
  margin: 0 auto;
}
.chan-chall-box .chan-chall .text02 {
  font-size: 16px;
  line-height: 1.5;
  color: #6e7080;
  margin: 0 auto;
}
.chan-chall-box .chan-chall .quality-line {
  width: 92%;
  margin: 25px auto;
  height: 1px;
  border-top: 1px dashed #cacbea;
}
.chan-chall-box .chan-chall h4 {
  width: 92%;
  margin: 0 auto;
  display: flex;
  font-size: 18px;
  cursor: pointer;
  padding-bottom: 30px;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
}
.chan-chall-box .chan-chall h4 i {
  width: 20px;
  height: 12px;
  background: url(../image/iconxiangxia.png) center center no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s ease-in-out;
}
.chan-chall-box .chan-chall .quality-now-content {
  max-height: 0;
  width: 92%;
  margin: 10px auto 0;
  overflow: hidden;
  color: #282b42;
  line-height: 1.7;
  transition: all 0.3s ease-in-out;
}
.quality-use-box {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #96add6;
}
.quality-use-box .quality-use {
  width: 35%;
  padding: 40px 24px;
  background-color: #fff;
  border-right: 1px solid #96add6;
  background: url(../image/quality_use1.png) 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  cursor: default;
  transition: all 0.3s ease-in-out;
}
.quality-use-box .quality-use:hover {
  box-shadow: 0px 5px 20px 0px rgba(47, 72, 88, 0.07);
}
.quality-use-box .quality-use:nth-child(2) {
  background: url("../image/quality_use2.png") 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #eefcfd 100%);
}
.quality-use-box .quality-use h3 {
  font-size: 18px;
  font-weight: bold;
}
.quality-use-box .quality-use h3 img {
  max-height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
.quality-use-box .quality-use h4 {
  font-size: 18px;
  color: #597cba;
  margin: 20px 0;
}
.quality-use-box .quality-use p {
  margin: 0;
  line-height: 1.5;
  font-size: 16px;
}
.quality-use-box .quality-use-end {
  width: 30%;
  padding: 0;
  border: none;
  position: relative;
}
.quality-use-box .quality-use-end:hover {
  box-shadow: none;
}
.quality-use-box .quality-use-end div {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  background: url("../image/quality_use3.png") 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  transition: all 0.3s ease-in-out;
}
.quality-use-box .quality-use-end div h4 {
  margin-bottom: 0;
}
.quality-use-box .quality-use-end div p {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.quality-use-box .quality-use-end div:hover {
  height: 100%;
  box-shadow: 0px 5px 20px 0px rgba(47, 72, 88, 0.07);
}
.quality-use-box .quality-use-end div:hover h4 {
  margin-bottom: 20px;
}
.quality-use-box .quality-use-end div:hover p {
  max-height: 100px;
}
.quality-use-box .quality-use-end div:first-child:hover {
  z-index: 2;
}
.quality-use-box .quality-use-end div:last-child {
  top: unset;
  bottom: 0;
  background: url("../image/quality_use4.png") 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  border-top: 1px solid #96add6;
}
.quality-use-box .quality-use-end div:last-child :hover {
  z-index: 2;
}
.zhijianBg01 .bg {
  height: 884px;
  background: url(../image/zhijianBg01.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.zhijianBg01 .img-box {
  height: 530px;
}
.trade-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-width: 1280px;
}
.trade-items:before {
  display: none;
}
.trade-items:after {
  display: none;
}
.trade-items .trade-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 23%;
  padding: 24px 24px;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
}
.trade-items .trade-item:hover {
  box-shadow: 0 0 10px rgba(96, 177, 254, 0.3);
  margin-bottom: 30px;
}
.trade-items .trade-item:nth-child(1) {
  background: url(../image/tradeBg01.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(1):hover {
  background: url(../image/tradeBg01_hover.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(2) {
  background: url(../image/tradeBg02.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(2):hover {
  background: url(../image/tradeBg02_hover.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(3) {
  background: url(../image/tradeBg03.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(3):hover {
  background: url(../image/tradeBg03_hover.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(4) {
  background: url(../image/tradeBg04.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .trade-item:nth-child(4):hover {
  background: url(../image/tradeBg04_hover.png) center center no-repeat;
  background-size: 110% 110%;
}
.trade-items .title {
  margin: 10px auto;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
}
.trade-items .hr {
  width: 45px;
  height: 4px;
  margin: 20px 0;
  background-color: #196eff;
}
.trade-items .desc {
  margin: 0;
  min-height: 105px;
  font-size: 16px;
  text-indent: 2em;
}
.fangan-box {
  padding-bottom: 100px;
}
.fangan-box .tabCon {
  background: none;
}
.fangan-box .tabCon .tab-item {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
}
.fangan-box .tabCon .tab-item.on,
.fangan-box .tabCon .tab-item:hover {
  color: #ffffff;
  background-color: #0074ff;
  border: none;
}
.fangan-box .tab-container .tab-container-item {
  background-color: #ffffff;
}
.fangan-box .tab-container .tab-container-item .right-box .img-box {
  height: 388px;
}
.fangan-box .tab-container .tab-container-item .left-box {
  width: 50%;
  padding-right: 2%;
  text-align: justify;
}
.fangan-box .tab-container .tab-container-item .title {
  margin-bottom: 30px;
}
.fangan-box .tab-container .tab-container-item .desc {
  min-height: 200px;
  text-indent: 2em;
}
.insidePage .fangan-box .tab-container .tab-container-item.on {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.insidePage .section_1.index_product_intro .tab-container .tab-container-item.on {
  display: block;
}
.fanganyoushi-box .container-response {
  min-width: 1280px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.fanganyoushi-box .bg-box {
  width: 513px;
  height: 513px;
  margin: 0 auto;
}
.fanganyoushi-box .fanganyoushi-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 100px;
}
.fanganyoushi-box .fanganyoushi-item {
  width: 38%;
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 8px;
}
.fanganyoushi-box .fanganyoushi-item:after {
  position: absolute;
  z-index: 4;
  display: block;
  content: "";
}
.fanganyoushi-box .fanganyoushi-item:nth-child(1) {
  background: url(../image/fangan_text_pic_bg.png) 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #e8f4ff 100%);
}
.fanganyoushi-box .fanganyoushi-item:nth-child(1) .icon_text_box {
  background: url(../image/fanganIcon1.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(1) .icon_text_box .title {
  color: #4ca5fc;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(1) .circle {
  background-color: #4ca5fc;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(1):after {
  top: 44%;
  right: -15%;
  width: 89px;
  height: 100px;
  background: url(../image/fanganyoushi-item-line01.png) center center no-repeat;
  background-size: 70% 70%;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(2) {
  background: url(../image/fangan_text_pic_bg.png) 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #fefbf7 100%);
}
.fanganyoushi-box .fanganyoushi-item:nth-child(2) .icon_text_box {
  background: url(../image/fanganIcon2.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(2) .icon_text_box .title {
  color: #ff7c44;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(2) .circle {
  background-color: #ff7c44;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(2):after {
  top: 45%;
  left: -20%;
  width: 111px;
  height: 101px;
  background: url(../image/fanganyoushi-item-line02.png) center center no-repeat;
  background-size: 70% 70%;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(3) {
  background: url(../image/fangan_text_pic_bg.png) 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f9faff 100%);
}
.fanganyoushi-box .fanganyoushi-item:nth-child(3) .icon_text_box {
  background: url(../image/fanganIcon3.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(3) .icon_text_box .title {
  color: #8772f4;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(3) .circle {
  background-color: #8772f4;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(3):after {
  top: 15%;
  right: -21%;
  width: 111px;
  height: 107px;
  background: url(../image/fanganyoushi-item-line03.png) center center no-repeat;
  background-size: 70% 70%;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(4) {
  background: url(../image/fangan_text_pic_bg.png) 100% 100% no-repeat, linear-gradient(180deg, #ffffff 0%, #f0fcfd 100%);
}
.fanganyoushi-box .fanganyoushi-item:nth-child(4) .icon_text_box {
  background: url(../image/fanganIcon4.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(4) .icon_text_box .title {
  color: #11ddb2;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(4) .circle {
  background-color: #11ddb2;
}
.fanganyoushi-box .fanganyoushi-item:nth-child(4):after {
  top: 15%;
  left: -21%;
  width: 111px;
  height: 101px;
  background: url(../image/fanganyoushi-item-line04.png) center center no-repeat;
  background-size: 70% 70%;
}
.fanganyoushi-box .fanganyoushi-item:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(11, 128, 221, 0.7);
}
.fanganyoushi-box .fanganyoushi-item:hover:nth-child(1) .icon_text_box {
  background: url(../image/fanganIcon1_hover.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:hover:nth-child(2) .icon_text_box {
  background: url(../image/fanganIcon2_hover.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:hover:nth-child(3) .icon_text_box {
  background: url(../image/fanganIcon3_hover.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:hover:nth-child(4) .icon_text_box {
  background: url(../image/fanganIcon4_hover.png) left center no-repeat;
}
.fanganyoushi-box .fanganyoushi-item:hover .icon_text_box .title {
  color: #ffffff;
}
.fanganyoushi-box .fanganyoushi-item:hover .circle {
  background-color: #ffffff;
}
.fanganyoushi-box .fanganyoushi-item:hover .desc {
  color: #ffffff;
  text-indent: 2em;
}
.fanganyoushi-box .fanganyoushi-item .icon_text_box {
  padding-left: 60px;
}
.fanganyoushi-box .title {
  padding-right: 70px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
}
.fanganyoushi-box .desc {
  font-size: 16px;
  text-indent: 2em;
  min-height: 114px;
}
.fanganyoushi-box dd {
  padding-left: 22px;
  text-indent: -22px;
}
.fanganyoushi-box .circle {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.freeTry-banner {
  height: 1018px;
}
.freeTry-banner .container-response {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 100%;
}
.freeTry-banner .about8 {
  width: 566px;
  padding: 20px 60px;
  border-radius: 4px;
  background-color: #fff;
}
.freeTry-banner .about8 .h5 {
  font-size: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.freeTry-banner .about8 .form .input-box {
  margin-bottom: 14px;
  border: 1px solid #dcdcdc;
  background-color: #fff;
}
.freeTry-banner .about8 .form .input-box .label {
  display: inline-block;
  vertical-align: middle;
  width: 27%;
  text-align: right;
  margin: 0;
}
.freeTry-banner .about8 .form .input-box .input-text {
  display: inline-block;
  vertical-align: middle;
  width: 44%;
  line-height: 48px;
  height: 48px;
}
.freeTry-banner .about8 .form .input-box #code {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
.freeTry-banner .about8 .form .bg-code {
  background-image: none;
}
.freeTry-banner .about8 .form .bg-code .label {
  width: 46%;
}
.freeTry-banner .about8 .form .getCode {
  font-size: 16px;
}
.freeTry-banner .about8 .form .btn-submit {
  padding-left: 90px;
  padding-right: 90px;
  background-color: #196eff;
}
.login-container .bg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1280px;
  height: 801px;
  background: url(../image/loginBg.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.login-container .img-box {
  width: 699px;
  height: 463px;
}
.login-container .login-box {
  width: 486px;
  padding: 14px 20px 80px;
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
}
.login-container .login-box .title-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.login-container .login-box .title-box .title {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333;
}
.login-container .login-box .title-box .title.on {
  color: #0080ff;
  border-bottom: 1px solid #0080ff;
}
.login-container .login-box .submitBtn {
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #ffffff;
  background-color: #0080ff;
  border-radius: 4px;
  overflow: hidden;
}
.login-main {
  padding: 24px 30px;
}
.login_ul {
  min-height: 320px;
}
.login_li {
  padding-left: 34px;
  padding-right: 34px;
  margin-bottom: 18px;
  font-size: 18px;
  border-radius: 4px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.login_li .inputstyle {
  display: inline-block;
  width: 100%;
  padding: 6px 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: none;
  border-left: 1px solid #ddd;
  line-height: 1.5;
  background: none;
  background-color: transparent;
}
.login_li input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
}
.login_footer {
  text-align: center;
}
.login_footer .regist {
  color: #0080ff;
}
.bg-account {
  background: url("../image/icon-account.png") 10px no-repeat;
  background-size: 4%;
}
.bg-code {
  width: 60%;
  background: url("../image/icon-code.png") 10px no-repeat;
  background-size: 7%;
  overflow: visible;
}
.bg-code .inputstyle {
  display: inline-block;
  vertical-align: middle;
}
.bg-code .getCode {
  position: absolute;
  top: -1px;
  right: -68%;
  display: inline-block;
  width: 56%;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #fff;
  background-color: #0080ff;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.bg-code .getPic {
  position: absolute;
  top: -1px;
  right: -69%;
  display: inline-block;
  width: 65%;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.bg-mima {
  background: url("../image/icon-mima.png") 10px no-repeat;
  background-size: 4%;
}
.tips-container .tips-box .title-box {
  font: 18px;
  font-weight: bold;
}
.tips-container .tips-main {
  text-align: center;
  padding: 24px 30px 60px;
  font-size: 16px;
}
.tips-container .message-title {
  font-weight: bold;
}
.tips-container p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.menu-box {
  display: flex;
  width: 1000px;
  box-sizing: border-box;
}
.menu-left {
  height: 414px;
  padding-right: 50px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  /*滚动条下层*/
  /*滚动条上层*/
}
.menu-left::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.menu-left::-webkit-scrollbar-track {
  background: #E1ebf3;
}
.menu-left::-webkit-scrollbar-corner {
  background: #E1ebf3;
}
.menu-left::-webkit-scrollbar-thumb {
  background: #0074ff;
}
.menu-left .menu-left-li {
  line-height: 3;
  font-size: 16px;
  color: #333;
}
.menu-left .menu-left-li:hover {
  color: #0074ff;
  background: url(../image/menuTabBg.png?v=111) center center no-repeat;
  background-size: contain;
}
.menu-left .on .menu-left-li {
  color: #0074ff;
  background: url(../image/menuTabBg.png?v=111) center center no-repeat;
  background-size: contain;
}
.menu-right {
  flex: 1;
  height: 414px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 50px;
  /*滚动条下层*/
  /*滚动条上层*/
}
.menu-right::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.menu-right::-webkit-scrollbar-track {
  background: #ddd;
}
.menu-right::-webkit-scrollbar-corner {
  background: #ddd;
}
.menu-right::-webkit-scrollbar-thumb {
  background: #0074ff;
}
.menu-right .content-item {
  display: none;
  padding: 6px 20px;
  text-align: left;
}
.menu-right .content-item.on {
  display: block;
}
.menu-right .content-item .title {
  font-size: 24px;
  line-height: 1.8;
  font-weight: bold;
}
.menu-right .content-item .desc {
  min-height: 80px;
  line-height: 1.75;
  text-indent: 2em;
  font-size: 16px;
}
.menu-right .content-item .link {
  padding: 6px 20px;
  line-height: 2;
  color: #ffffff;
}
.menu-right .content-item .icon-font {
  width: 20px;
  height: 20px;
}
.about-hgroup {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 45px;
}
.about-hgroup .h2 {
  display: block;
  font-weight: bold;
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .about-hgroup .h2 {
    font-size: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .about-hgroup .h2 {
    font-size: 30px;
  }
}
.about-hgroup .h3 {
  display: inline-block;
  font-size: 0.32rem;
  line-height: 2.08333333;
  padding-left: 1em;
  padding-right: 1em;
  background-color: #146336;
  color: #fff;
}
@media (min-width: 1024px) {
  .about-hgroup .h3 {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .about-hgroup .h3 {
    font-size: 14px;
  }
}
.about1 .title {
  font-size: 0.8rem;
  line-height: 2;
}
@media (min-width: 1024px) {
  .about1 .title {
    font-size: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .about1 .title {
    font-size: 30px;
  }
}
.about1 .title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1em;
  height: 2px;
  background-color: #146336;
}
.about1 .indent2 {
  font-size: 0.37333333rem;
  line-height: 2;
  color: #666;
}
@media (min-width: 1024px) {
  .about1 .indent2 {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .about1 .indent2 {
    font-size: 18px;
  }
}
.about1 .swiper-bg {
  padding: 1em;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url("../image/about1-bg.png");
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.about1 .swiper-bg .swiper-container {
  width: 8.6rem;
}
@media (min-width: 1024px) {
  .about1 .swiper-bg .swiper-container {
    width: 4.23828125rem;
  }
}
@media (min-width: 1500px) {
  .about1 .swiper-bg .swiper-container {
    width: 645px;
  }
}
.about1 .swiper-bg .swiper-container .img-box {
  height: 6.04rem;
}
@media (min-width: 1024px) {
  .about1 .swiper-bg .swiper-container .img-box {
    height: 2.97851563rem;
  }
}
@media (min-width: 1500px) {
  .about1 .swiper-bg .swiper-container .img-box {
    height: 453px;
  }
}
.about1 .countupList {
  margin-top: 20px;
}
.about2 {
  padding-bottom: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object];
}
.about2 .swiper-slide {
  border: 1px solid #e6e6e6;
}
.about2 .title {
  text-align: center;
  font-size: 0.64rem;
  line-height: 3;
  background-color: rgba(182, 137, 78, 0.6);
  color: #fff;
}
@media (min-width: 1024px) {
  .about2 .title {
    font-size: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .about2 .title {
    font-size: 30px;
  }
}
.about2 .des {
  padding: 0 1em;
  font-size: 0.34666667rem;
  line-height: 2.07692308;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.16rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-indent: 2em;
}
@media (min-width: 1024px) {
  .about2 .des {
    font-size: 0.17578125rem;
    line-height: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.0546875rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .about2 .des {
    font-size: 18px;
    line-height: 2;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 108px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.about3 .aboutHis-list {
  padding-top: 1.73333333rem;
  padding-bottom: 1.73333333rem;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list {
    padding-top: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list {
    padding-bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list {
    padding-bottom: 40px;
  }
}
.about3 .aboutHis-list:before {
  content: '';
  display: block;
  position: absolute;
  top: 1.73333333rem;
  bottom: 1.73333333rem;
  left: 0.34666667rem;
  width: 1px;
  background-color: #d9d9d9;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list:before {
    top: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list:before {
    top: 40px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list:before {
    bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list:before {
    bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list:before {
    left: 50%;
  }
}
.about3 .aboutHis-list .item {
  margin-left: 0.69333333rem;
  margin-right: 0rem;
  margin-top: 0.46666667rem;
}
.about3 .aboutHis-list .item .point {
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 100%;
  width: 0.54666667rem;
  height: 0.34666667rem;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url(../image/time-point.png);
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .point {
    width: 0.1953125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .point {
    width: 41px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .point {
    height: 0.12695313rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .point {
    height: 26px;
  }
}
.about3 .aboutHis-list .item:hover .point {
  background-image: url('../image/time-point-hover.png');
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item:nth-child(even) {
    margin-left: 4.86328125rem;
    margin-right: 0;
  }
  .about3 .aboutHis-list .item:nth-child(even):hover .point {
    background-image: url('../image/time-point-hover2.png');
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item:nth-child(even) {
    margin-left: 750px;
  }
}
.about3 .aboutHis-list .item:nth-child(even) .point {
  left: auto;
  right: 100%;
  background-image: url('../image/time-point2.png');
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item:nth-child(odd) {
    margin-left: 0;
    margin-right: 4.86328125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item:nth-child(odd) {
    margin-right: 750px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item {
    margin-top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item {
    margin-top: 40px;
  }
}
.about3 .aboutHis-list .item .event {
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
}
.about3 .aboutHis-list .item:hover .event {
  border: 1px solid #146336;
}
.about3 .aboutHis-list .item .title {
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 1.75;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.68rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .title {
    font-size: 0.17578125rem;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.61523438rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .title {
    font-size: 18px;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 31.5px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.about3 .aboutHis-list .item:hover .title {
  color: #146336;
}
.about3 .aboutHis-list .item .des {
  margin: 0.5em 0;
  text-indent: 2em;
  font-size: 0.37333333rem;
  line-height: 1.75;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.96rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #666;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .des {
    font-size: 0.13671875rem;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.71777344rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .des {
    font-size: 14px;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 73.5px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.about3 .aboutHis-list .item .img-area {
  width: 3.6rem;
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .img-area {
    width: 1.953125rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .img-area {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .img-area {
    position: absolute;
    top: 0.15625rem;
    right: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .img-area {
    top: 16px;
    right: 16px;
  }
}
@media (min-width: 1024px) {
  .about3 .aboutHis-list .item .txt-area {
    margin-right: 2.24609375rem;
  }
}
@media (min-width: 1500px) {
  .about3 .aboutHis-list .item .txt-area {
    margin-right: 230px;
  }
}
.about4 {
  padding-bottom: 1.6rem;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .about4 {
    padding-bottom: 0.78125rem;
  }
}
@media (min-width: 1500px) {
  .about4 {
    padding-bottom: 100px;
  }
}
.about5 {
  padding: 0.34666667rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .about5 {
    padding: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .about5 {
    padding: 26px;
  }
}
.about5 .txt-area {
  padding: 1em;
  border: 1px solid #e6e6e6;
}
.about5 .title {
  font-weight: bold;
  font-size: 0.4rem;
  line-height: 1.75;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0.7rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
  .about5 .title {
    font-size: 0.17578125rem;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.30761719rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .about5 .title {
    font-size: 18px;
    line-height: 1.75;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 31.5px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.about5 + .swiper-pagination {
  left: 0;
  right: 0;
}
.about6 {
  margin-top: 1.5em;
  padding: 0.17333333rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .about6 {
    padding: 0.12695313rem;
  }
}
@media (min-width: 1500px) {
  .about6 {
    padding: 13px;
  }
}
.about6 .js-workDrop {
  font-size: 0.4rem;
  padding: 1em;
  background-color: #146336;
  color: #fff;
}
@media (min-width: 1024px) {
  .about6 .js-workDrop {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .about6 .js-workDrop {
    font-size: 18px;
  }
}
.about6 .js-workList {
  display: none;
}
@media (min-width: 1024px) {
  .about6 .js-workList {
    display: block;
  }
}
.about6 .js-workItem {
  font-size: 0.4rem;
  margin-top: 0.75em;
  padding: 1em;
  background-color: #f2f2f2;
  color: #333;
}
@media (min-width: 1024px) {
  .about6 .js-workItem {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .about6 .js-workItem {
    font-size: 18px;
  }
}
.about6 .js-workItem:hover {
  color: #146336;
  cursor: pointer;
}
.about6 .workInfo {
  font-size: 0;
  padding: 0.4rem;
  background-color: #e6e6e6;
  color: #333;
}
@media (min-width: 1024px) {
  .about6 .workInfo {
    padding: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .about6 .workInfo {
    padding: 18px;
  }
}
@media (min-width: 1024px) {
  .about6 .workInfo {
    background-color: #146336;
    color: #fff;
  }
}
.about6 .workInfo .dis-xs-ib {
  font-size: 0.32rem;
  line-height: 1.5;
  width: 50%;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .about6 .workInfo .dis-xs-ib {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .about6 .workInfo .dis-xs-ib {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .about6 .workInfo .dis-xs-ib {
    width: auto;
    margin-right: 1em;
  }
}
@media (min-width: 1500px) {
  .about6 .workInfo .dis-xs-ib {
    width: auto;
    margin-right: 3em;
  }
}
.about6 .workDes {
  line-height: 1.5;
  padding: 1.5em;
  padding-bottom: 6em;
  border: 1px solid #f2f2f2;
  background-color: #fff;
}
.about6 .workDes h4 {
  font-weight: bold;
  font-size: 0.48rem;
}
@media (min-width: 1024px) {
  .about6 .workDes h4 {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .about6 .workDes h4 {
    font-size: 18px;
  }
}
.about6 .workDes p {
  font-size: 0.37333333rem;
  margin: 0;
  color: #666;
}
@media (min-width: 1024px) {
  .about6 .workDes p {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .about6 .workDes p {
    font-size: 16px;
  }
}
.about6 .workDes hr {
  margin: 2em 0;
  border-color: #e6e6e6;
}
.about7 {
  background-color: #fff;
}
.about7 .map {
  height: 6.66666667rem;
  padding: 1em;
}
@media (min-width: 1024px) {
  .about7 .map {
    height: 3.7109375rem;
  }
}
@media (min-width: 1500px) {
  .about7 .map {
    height: 500px;
  }
}
.about7 .address {
  padding-top: 2em;
  padding-bottom: 2em;
}
.about7 .address .title {
  font-weight: bold;
  font-size: 0.53333333rem;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .about7 .address .title {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .about7 .address .title {
    font-size: 24px;
  }
}
.about7 .address .item {
  font-size: 0.37333333rem;
  line-height: 2.75;
  color: #666;
}
@media (min-width: 1024px) {
  .about7 .address .item {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .about7 .address .item {
    font-size: 14px;
  }
}
.about7 .address .item:hover {
  padding-left: 1em;
  background-color: #146336;
  color: #fff;
}
.about7 .address .item:hover .iconfont {
  color: #fff;
  border-color: #fff;
}
.about7 .address .iconfont {
  margin-right: 0.5em;
  padding: 0.25em;
  border: 1px solid #f2f2f2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.about7 .qr {
  text-align: center;
  width: 2.66666667rem;
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url(../image/QR-bg.png);
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .about7 .qr {
    width: 0.9765625rem;
  }
}
@media (min-width: 1500px) {
  .about7 .qr {
    width: 100px;
  }
}
.about7 .qr + .qr-txt {
  text-align: center;
  font-size: 0.32rem;
  margin-top: 1em;
}
@media (min-width: 1024px) {
  .about7 .qr + .qr-txt {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .about7 .qr + .qr-txt {
    font-size: 16px;
  }
}
.about8 {
  padding-top: 3em;
  padding-bottom: 3em;
}
.about8 .h5 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  padding: 1em 0;
}
.about8 .h6 {
  text-align: center;
  font-size: 14px;
  line-height: 1.875;
  color: #666;
}
.about8 .form {
  font-size: 16px;
  margin-top: 2em;
  padding-bottom: 1em;
  background-color: #fff;
}
.about8 .form .label {
  margin-bottom: 10px;
}
.about8 .form .input-box {
  background-color: #e6e6e6;
}
.about8 .form .input-box .input-text {
  display: block;
  font-size: 16px;
  line-height: 55px;
  height: 55px;
  width: 100%;
  padding: 10px 20px;
  border: none;
  background: none;
}
.about8 .form .textarea-box {
  background-color: #e6e6e6;
}
.about8 .form .textarea-box .input-textarea {
  display: block;
  font-size: 16px;
  width: 100%;
  height: 168px;
  padding: 10px 20px;
  border: none;
  background: none;
}
.about8 .form .btn-submit {
  display: block;
  font-size: 16px;
  line-height: 2.44444444;
  margin: 0 auto;
  padding: 0 3em;
  border: none;
  background-color: #146336;
  color: #fff;
  cursor: pointer;
}
.aboutSub {
  font-size: 0;
  margin-bottom: 0.33333333rem;
  padding: 0.34666667rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .aboutSub {
    margin-bottom: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .aboutSub {
    margin-bottom: 26px;
  }
}
@media (min-width: 1024px) {
  .aboutSub {
    padding: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .aboutSub {
    padding: 26px;
  }
}
.aboutSub .item {
  display: inline-block;
  font-size: 0.4rem;
  line-height: 1;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
@media (min-width: 1024px) {
  .aboutSub .item {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .aboutSub .item {
    font-size: 18px;
  }
}
.aboutSub .item .ib {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #e6e6e6;
  color: #333;
}
.aboutSub .item .ib:hover {
  background-color: #146336;
  color: #fff;
}
@media (min-width: 1024px) {
  .aboutSub .item + .item:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 2em;
    height: 2px;
    top: -5px;
    margin-left: 1.5em;
    margin-right: 1.5em;
    background-color: #e6e6e6;
  }
}
.listBox {
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .listBox {
    padding-top: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .listBox {
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .listBox {
    padding-bottom: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .listBox {
    padding-bottom: 20px;
  }
}
.listBox .des {
  font-size: 0.32rem;
  line-height: 2;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.92rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-indent: 2em;
  color: #999;
}
@media (min-width: 1024px) {
  .listBox .des {
    font-size: 0.13671875rem;
    line-height: 1.71428571;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.703125rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 1500px) {
  .listBox .des {
    font-size: 14px;
    line-height: 1.71428571;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.listBox a.btn {
  display: none;
  line-height: 1.71428571;
  padding: 0.5em 2em;
  border: 1px solid #146336;
  background-color: #fff;
  color: #146336;
}
@media (min-width: 1024px) {
  .listBox a.btn {
    display: inline-block;
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .listBox a.btn {
    font-size: 14px;
  }
}
.listBox a.btn .fa {
  margin-left: 1em;
}
.listBox .item:hover a.btn {
  background-color: #146336;
  color: #fff;
}
.re-bg {
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .re-bg {
    background-color: #fff;
  }
}
.his-list {
  padding-top: 1.73333333rem;
  padding-bottom: 1.73333333rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .his-list {
    padding-top: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .his-list {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .his-list {
    padding-bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .his-list {
    padding-bottom: 40px;
  }
}
.his-list:before {
  content: '';
  display: block;
  position: absolute;
  top: 1.73333333rem;
  bottom: 1.73333333rem;
  left: 1.90666667rem;
  width: 1px;
  background-color: #d9d9d9;
}
@media (min-width: 1024px) {
  .his-list:before {
    top: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .his-list:before {
    top: 40px;
  }
}
@media (min-width: 1024px) {
  .his-list:before {
    bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .his-list:before {
    bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .his-list:before {
    left: 1.55273438rem;
  }
}
@media (min-width: 1500px) {
  .his-list:before {
    left: 157px;
  }
}
.his-list .item {
  margin-top: 0.46666667rem;
}
@media (min-width: 1024px) {
  .his-list .item {
    margin-top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item {
    margin-top: 40px;
  }
}
.his-list .item .time {
  position: absolute;
  top: 0.53333333rem;
  left: 0.33333333rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 1.2rem;
  height: 1.2rem;
  width: 1.2rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .his-list .item .time {
    top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    top: 40px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .time {
    left: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    left: 40px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .time {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .time {
    line-height: 0.87890625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    line-height: 90px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .time {
    height: 0.87890625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    height: 90px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .time {
    width: 0.87890625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .time {
    width: 90px;
  }
}
.his-list .item .point {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 0.54666667rem;
  height: 0.34666667rem;
  margin: auto;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url(../image/time-point.png);
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media (min-width: 1024px) {
  .his-list .item .point {
    width: 0.40039063rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .point {
    width: 41px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .point {
    height: 0.25390625rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .point {
    height: 26px;
  }
}
.his-list .item .event {
  margin-left: 2.54666667rem;
  margin-right: 0.74666667rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}
@media (min-width: 1024px) {
  .his-list .item .event {
    margin-left: 2.03125rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .event {
    margin-left: 206px;
  }
}
@media (min-width: 1024px) {
  .his-list .item .event {
    margin-right: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .event {
    margin-right: 43px;
  }
}
.his-list .item .title {
  font-size: 0.32rem;
  line-height: 2.14285714;
  padding-left: 2em;
}
@media (min-width: 1024px) {
  .his-list .item .title {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .his-list .item .title {
    font-size: 14px;
  }
}
.his-list .item .title:before {
  content: '';
  position: absolute;
  left: 1em;
  top: 1em;
  width: 4px;
  height: 4px;
  background-color: #000;
}
.his-list .item:hover .time {
  background-color: #146336;
  color: #fff;
}
.his-list .item:hover .event {
  border: 1px solid #146336;
  background-color: #fff;
}
.his-list .item:hover .point {
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url(../image/time-point-hover.png);
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.dev-list {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
.dev-list:before {
  content: '';
  display: block;
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 157px;
  width: 3px;
  background-image: linear-gradient(180deg, #01bffa 0%, #f52ed4 100%);
}
.dev-list .item {
  margin-top: 40px;
}
.dev-list .item .point {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 157px;
  width: 20px;
  height: 20px;
  margin: auto;
  margin-left: -8px;
  border-radius: 50%;
  background-color: #f52ed4;
  overflow: hidden;
}
.dev-list .item .event {
  padding: 10px 30px;
  margin-left: 206px;
  margin-right: 43px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}
.dev-list .item .time {
  font-size: 24px;
  line-height: 1.8;
  font-weight: bold;
}
.dev-list .item .desc {
  line-height: 1.75;
  text-indent: 2em;
  font-size: 16px;
}
.dev-list .item:hover .time {
  color: #fff;
}
.dev-list .item:hover .desc {
  color: #fff;
}
.dev-list .item:hover .event {
  border: 1px solid #146336;
  background-color: #0074ff;
}
.dev-list .item:hover .point {
  background-color: #0074ff;
}
.honor-list .item .box {
  padding: 45px 50px;
  border: 1px solid #f2f2f2;
  background-color: #fff;
}
.honor-list .item .title {
  font-size: 0.37333333rem;
  line-height: 1.5;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.68rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 0.4rem;
  color: #666;
}
@media (min-width: 1024px) {
  .honor-list .item .title {
    font-size: 0.17578125rem;
    line-height: 1.5;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.79101563rem;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0.1953125rem;
  }
}
@media (min-width: 1500px) {
  .honor-list .item .title {
    font-size: 18px;
    line-height: 1.5;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 81px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 20px;
  }
}
.honor-list .item .icon-circular {
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.8rem;
  height: 0.8rem;
  width: 0.8rem;
  margin: 0.5em auto 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
}
@media (min-width: 1024px) {
  .honor-list .item .icon-circular {
    font-size: 0.1171875rem;
  }
}
@media (min-width: 1500px) {
  .honor-list .item .icon-circular {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .honor-list .item .icon-circular {
    line-height: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .honor-list .item .icon-circular {
    line-height: 45px;
  }
}
@media (min-width: 1024px) {
  .honor-list .item .icon-circular {
    height: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .honor-list .item .icon-circular {
    height: 45px;
  }
}
@media (min-width: 1024px) {
  .honor-list .item .icon-circular {
    width: 0.29296875rem;
  }
}
@media (min-width: 1500px) {
  .honor-list .item .icon-circular {
    width: 45px;
  }
}
.media-list {
  background-color: #fff;
}
.media-list.news-list .img-area {
  float: left;
  width: 25%;
  height: 284px;
}
.media-list.news-list .txt-area {
  float: right;
  width: 72%;
}
.media-list.news-list .img-box {
  width: 342px;
  height: 258px;
  border-radius: 12px;
  overflow: hidden;
}
.media-list.news-list .title {
  margin-left: 0;
  margin-right: 0;
}
.media-list.news-list .des {
  margin: 0.5em 0;
  text-indent: 2em;
}
.media-list .title {
  margin-right: 5em;
  font-weight: bold;
  font-size: 18px;
  line-height: 2;
  color: #333;
}
.media-list .time {
  top: 25px;
  right: 25px;
  font-size: 16px;
  color: #666;
}
@media (min-width: 1024px) {
  .media-list .time {
    position: absolute;
    top: 0.2rem;
    right: 0.17333333rem;
  }
}
.media-list .date {
  font-size: 16px;
}
.media-list .des {
  font-size: 16px;
  text-indent: 2em;
  margin: 0.5em 0 2em;
}
.media-list .more {
  position: absolute;
  right: 0;
  color: #0076ff;
}
.media-list a.arrow {
  font-size: 1.5em;
  color: #146336;
}
.media-list .item {
  margin-bottom: 0.34666667rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .media-list .item {
    margin-bottom: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .media-list .item {
    margin-bottom: 16px;
  }
}
.media-list .item:hover {
  box-shadow: 0 0 10px rgba(96, 177, 254, 0.3);
}
.news-list {
  background-color: #fff;
}
.news-list .img-box {
  border: 1px solid #f2f2f2;
}
.news-list .img-box .hover-cover {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
}
.news-list .img-box .hover-cover .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 60px;
  width: 60px;
  height: 60px;
  margin: auto;
  color: #fff;
}
.news-list .img-box:hover .hover-cover {
  display: block;
}
.news-list .txt-area {
  padding: 1em;
}
.news-list .time {
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 0;
  width: 120px;
  text-align: center;
  font-size: 14px;
  padding: 1em 0;
  color: #666;
}
.news-list .time .dd {
  font-size: 2.28571429em;
}
.news-list .time .yyyy-MM {
  font-size: 1em;
}
.news-list .time:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10%;
  width: 1px;
  background-color: #f2f2f2;
}
.news-list .title {
  font-weight: bold;
  font-size: 18px;
  margin-left: 120px;
  color: #333;
}
.news-list .des {
  height: 136px;
  margin-left: 120px;
  text-indent: 2em;
  line-height: 1.4;
  overflow: hidden;
}
.news-plus-list .item {
  margin-bottom: 1em;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
}
.news-plus-list .item:hover .title {
  color: #146336;
}
.news-plus-list .item:hover .useless-area .fa {
  color: #146336;
}
.news-plus-list .title {
  font-weight: bold;
  font-size: 18px;
}
.news-plus-list .time {
  font-size: 14px;
  line-height: 2;
  margin-top: 1em;
  color: #666;
}
.news-plus-list .txt-area {
  padding: 1em;
}
.news-plus-list .useless-area {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.news-plus-list .useless-area:after {
  content: '';
  display: block;
  position: absolute;
  top: 2em;
  bottom: 2em;
  left: 0;
  width: 1px;
  background-color: #f2f2f2;
}
.news-plus-list .useless-area .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 44px;
  width: 44px;
  height: 44px;
  margin: auto;
  color: #d9d9d9;
}
.pro-list .item:hover {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.059);
}
.pro-list .item:hover .title {
  color: #146336;
}
.pro-list .title {
  line-height: 4;
  padding: 0 1em;
  background-color: #fff;
}
.zebra-list .item:nth-child(odd) {
  background-color: #ffffff;
}
.zebra-list .item:nth-child(odd) .time:after {
  left: 0;
}
.zebra-list .item:nth-child(even) {
  background-color: #f2f2f2;
}
.zebra-list .item:nth-child(even) .time:after {
  right: 0;
}
.zebra-list .time {
  display: inline-block;
  font-size: 14px;
  line-height: 2;
  margin-top: 1em;
  color: #999;
}
.zebra-list .time:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 3em;
  height: 1px;
  background-color: #d9d9d9;
}
.zebra-list .title {
  font-weight: bold;
  font-size: 18px;
}
.join1 .hgroup.img-box,
.join2 .hgroup.img-box,
.join3 .hgroup.img-box,
.join4 .hgroup.img-box,
.join5 .hgroup.img-box {
  height: 130px;
}
.join1 .h6,
.join2 .h6,
.join3 .h6,
.join4 .h6,
.join5 .h6 {
  text-align: center;
  font-size: 24px;
  line-height: 1.86666667;
  margin-top: 1em;
  margin-bottom: 1em;
}
.join1 {
  padding-bottom: 60px;
}
.join2 .join2-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 1280px;
  padding-bottom: 2em;
}
.join2 .join2-list .item {
  width: 32%;
  height: 318px;
  line-height: 1.2;
  padding: 24px 30px;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #333;
}
.join2 .join2-list .item:nth-child(2n+1) {
  background: url(../image/join2-bg01.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.join2 .join2-list .item:nth-child(2n+2) {
  background: url(../image/join2-bg02.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.join2 .join2-list .img-box {
  width: 80px;
  height: 80px;
}
.join2 .join2-list .text-box {
  display: inline-block;
  vertical-align: top;
  width: 77%;
}
.join2 .join2-list .title {
  margin: 10px auto;
  line-height: 1.2;
  font-size: 18px;
  font-weight: bold;
}
.join2 .join2-list .desc {
  margin: 0;
  text-indent: 2em;
  font-size: 16px;
}
.join3 {
  padding-bottom: 80px;
}
.join3 .img-box {
  width: 90%;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.join3 .hgroup.two h2 {
  font-size: 24px;
}
.join3 .content {
  font-size: 0;
  text-align: center;
  vertical-align: top;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0.66666667rem;
  padding-bottom: 0.66666667rem;
  background-color: rgba(20, 99, 54, 0.7);
}
@media (min-width: 1024px) {
  .join3 .content {
    margin-top: 0.09765625rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content {
    margin-top: 70px;
  }
}
@media (min-width: 1024px) {
  .join3 .content {
    padding-bottom: 0.68359375rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content {
    padding-bottom: 125px;
  }
}
.join3 .content .item {
  width: 4.14666667rem;
  height: 2.66666667rem;
  display: inline-block;
  margin-top: 0.93333333rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0.68359375rem;
  vertical-align: top;
  background-attachment: scroll;
  background-color: transparent;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  -ms-background-clip: border-box;
  -o-background-clip: border-box;
  background-clip: border-box;
  background-image: url("../image/join3-c2.png");
  -webkit-background-origin: padding-box;
  -moz-background-origin: padding-box;
  -ms-background-origin: padding-box;
  -o-background-origin: padding-box;
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #fff;
}
@media (min-width: 1024px) {
  .join3 .content .item {
    width: 2.58789063rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item {
    width: 265px;
  }
}
@media (min-width: 1024px) {
  .join3 .content .item {
    height: 1.04492188rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item {
    height: 107px;
  }
}
@media (min-width: 1024px) {
  .join3 .content .item {
    margin-top: 0.87890625rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item {
    margin-top: 100px;
  }
}
@media (min-width: 1024px) {
  .join3 .content .item {
    margin-left: 0.14648438rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item {
    margin-left: 40px;
  }
}
@media (min-width: 1024px) {
  .join3 .content .item {
    margin-right: 0.14648438rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item {
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .join3 .content .item {
    background-image: url("../image/join3-c.png");
  }
}
.join3 .content .item .iconfont {
  font-size: 1.06666667rem;
  top: -0.5em;
}
@media (min-width: 1024px) {
  .join3 .content .item .iconfont {
    font-size: 0.703125rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item .iconfont {
    font-size: 72px;
  }
}
.join3 .content .item .txt {
  font-size: 0.34666667rem;
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .join3 .content .item .txt {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .join3 .content .item .txt {
    font-size: 18px;
  }
}
.join3 .content .item .txt:before {
  content: '';
  display: block;
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  width: 1em;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
.join4 {
  padding-top: 2rem;
  padding-bottom: 0.66666667rem;
}
@media (min-width: 1024px) {
  .join4 {
    padding-top: 1.26953125rem;
  }
}
@media (min-width: 1500px) {
  .join4 {
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  .join4 {
    padding-bottom: 0.5859375rem;
  }
}
@media (min-width: 1500px) {
  .join4 {
    padding-bottom: 40px;
  }
}
.join4 .content {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  border: 1px solid #146336;
}
@media (min-width: 1024px) {
  .join4 .content {
    padding-top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .join4 .content {
    padding-top: 55px;
  }
}
@media (min-width: 1024px) {
  .join4 .content {
    padding-bottom: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .join4 .content {
    padding-bottom: 55px;
  }
}
@media (min-width: 1024px) {
  .join4 .content {
    padding-left: 1.26953125rem;
  }
}
@media (min-width: 1500px) {
  .join4 .content {
    padding-left: 65px;
  }
}
@media (min-width: 1024px) {
  .join4 .content {
    padding-right: 0.5859375rem;
  }
}
@media (min-width: 1500px) {
  .join4 .content {
    padding-right: 65px;
  }
}
.join5 .content {
  text-align: center;
  font-size: 0.3125rem;
  padding-top: 0.390625rem;
  padding-bottom: 0.34179688rem;
  background-image: url("../image/join5-bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  color: #fff;
}
@media (min-width: 1500px) {
  .join5 .content {
    font-size: 32px;
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.join5 .content .qr {
  width: 168px;
  margin: 0 auto;
}
.join5 .content .txt {
  margin-top: 1em;
}
.join5 .content .txt .iconfont {
  display: inline-block;
  font-size: 1em;
  line-height: 1.5;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  border: 1px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.join5 .form {
  margin: 0 auto;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.join5 .form .title {
  text-align: center;
  font-size: 0.32rem;
}
@media (min-width: 1024px) {
  .join5 .form .title {
    font-size: 0.234375rem;
  }
}
@media (min-width: 1500px) {
  .join5 .form .title {
    font-size: 24px;
  }
}
.join5 .form .input-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
}
.join5 .form .input-box .input-text {
  display: block;
  font-size: 0.37333333rem;
  line-height: 0.53333333rem;
  height: 0.53333333rem;
  width: 100%;
  padding: 10px 20px;
  border: none;
  background: none;
  color: #fff;
}
@media (min-width: 1024px) {
  .join5 .form .input-box .input-text {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .join5 .form .input-box .input-text {
    font-size: 16px;
  }
}
@media (min-width: 1500px) {
  .join5 .form .input-box .input-text {
    line-height: 55px;
    height: 55px;
  }
}
.join5 .form .textarea-box {
  background-color: rgba(0, 0, 0, 0.4);
}
.join5 .form .textarea-box .input-textarea {
  display: block;
  font-size: 0.37333333rem;
  width: 100%;
  height: 0.9765625rem;
  padding: 10px 20px;
  border: none;
  background: none;
}
@media (min-width: 1024px) {
  .join5 .form .textarea-box .input-textarea {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .join5 .form .textarea-box .input-textarea {
    font-size: 16px;
  }
}
@media (min-width: 1500px) {
  .join5 .form .textarea-box .input-textarea {
    height: 168px;
  }
}
.join5 .form .btn-submit {
  display: block;
  font-size: 0.37333333rem;
  line-height: 2.44444444;
  margin: 0 auto;
  padding: 0 3em;
  border: none;
  background-color: #146336;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .join5 .form .btn-submit {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .join5 .form .btn-submit {
    font-size: 16px;
  }
}
.exp-box {
  font-size: 0.34666667rem;
  padding: 1em;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.059);
}
@media (min-width: 1024px) {
  .exp-box {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .exp-box {
    font-size: 16px;
  }
}
.exp-box .title {
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 2;
}
@media (min-width: 1024px) {
  .exp-box .title {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .exp-box .title {
    font-size: 18px;
  }
}
.exp-box .time {
  font-size: 0.34666667rem;
  color: #666;
}
@media (min-width: 1024px) {
  .exp-box .time {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .exp-box .time {
    font-size: 14px;
  }
}
.exp-box .des {
  margin: 0.5em 0 2em;
  text-indent: 2em;
}
.exp-list .title {
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 2;
}
@media (min-width: 1024px) {
  .exp-list .title {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .exp-list .title {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .exp-list .title {
    margin-right: 5em;
  }
}
.exp-list .time {
  font-size: 0.34666667rem;
  color: #666;
}
@media (min-width: 1024px) {
  .exp-list .time {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .exp-list .time {
    font-size: 14px;
  }
}
@media (min-width: 1024px) {
  .exp-list .time {
    position: absolute;
    top: 0.2rem;
    right: 0.17333333rem;
  }
}
@media (min-width: 1500px) {
  .exp-list .time {
    top: 12px;
    right: 25px;
  }
}
.exp-list .des {
  margin: 0.5em 0 2em;
  text-indent: 2em;
}
.sublogo {
  font-size: 24px;
  line-height: 2.66666667;
  color: #146336;
}
.box-content {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #e6e6e6;
}
.porductCenter {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #fff;
}
.porductCenter .title-logo {
  text-align: center;
}
.porductCenter .title-logo.padding {
  padding: 2em 0;
}
.porductCenter .des {
  font-size: 18px;
  line-height: 2;
  text-indent: 2em;
  color: #146336;
}
.porductCenter .sublist {
  font-size: 0;
  text-align: center;
}
.porductCenter .sublist .item-href {
  display: inline-block;
  font-size: 18px;
  line-height: 2.22222222;
  margin: 0.5em;
  padding: 0 3em;
  border: 1px solid #146336;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  color: #146336;
}
.porductCenter .sublist .item-href:hover {
  background-color: #146336;
  color: #fff;
}
.porductCenter .h4 {
  font-size: 18px;
}
.porductDetails {
  background-color: #fff;
}
.porductDetails .proSwiper {
  width: 400px;
  height: 400px;
  border: 1px solid #d9d9d9;
  margin: 0 auto;
}
.porductDetails .thumbnailList {
  font-size: 0;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.porductDetails .thumbnailList .item {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 10px;
  border: 1px solid #d9d9d9;
}
.porductDetails .thumbnailList .item.active {
  border: 1px solid #146336;
}
.porductDetails .porductTitle {
  font-weight: bold;
  font-size: 18px;
}
.porductDetails .porductInfo {
  font-size: 14px;
  line-height: 1.71428571;
  color: #999;
}
.porductDetails .porductInfo .subTitle {
  margin-top: 1em;
  margin-bottom: 1em;
}
.porductDetails .row-href {
  font-size: 0;
  padding-top: 0.8rem;
  padding-bottom: 1.06666667rem;
}
@media (min-width: 1024px) {
  .porductDetails .row-href {
    padding-top: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .row-href {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .porductDetails .row-href {
    padding-bottom: 0.48828125rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .row-href {
    padding-bottom: 60px;
  }
}
.porductDetails .row-href .btn-href {
  display: inline-block;
  font-size: 0.32rem;
  line-height: 1.66666667;
  margin-right: 1em;
  padding: 0.5em 2em;
  border: 1px solid #999;
  background-color: #fff;
  color: #999;
}
@media (min-width: 1024px) {
  .porductDetails .row-href .btn-href {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .row-href .btn-href {
    font-size: 14px;
  }
}
.porductDetails .row-href .btn-href:hover {
  border-color: #146336;
  background-color: #146336;
  color: #fff;
}
.porductDetails .porductArticle {
  font-weight: bold;
  font-size: 0.48rem;
  line-height: 1.5;
  border-bottom: 2px solid #146336;
  color: #146336;
}
@media (min-width: 1024px) {
  .porductDetails .porductArticle {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .porductArticle {
    font-size: 18px;
  }
}
.porductDetails .article {
  min-height: 200px;
  padding: 0;
}
.porductDetails .aboutProTitle {
  font-size: 0.37333333rem;
  padding-top: 2em;
  padding-bottom: 2em;
  border-top: 1px solid #d9d9d9;
}
@media (min-width: 1024px) {
  .porductDetails .aboutProTitle {
    font-size: 0.13671875rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .aboutProTitle {
    font-size: 14px;
  }
}
.porductDetails .aboutPro .item .txt {
  font-size: 0.37333333rem;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .porductDetails .aboutPro .item .txt {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .porductDetails .aboutPro .item .txt {
    font-size: 16px;
  }
}
.pagination {
  font-size: 0;
  margin-top: 60px;
  margin-bottom: 60px;
}
.pagination .item {
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  width: 36px;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-color: #fff;
  color: #333;
}
.pagination .item.prev,
.pagination .item.next {
  width: 100px;
}
.pagination .item:hover,
.pagination .item.active,
.pagination .item.prev,
.pagination .item.next {
  background-color: #0074ff;
  color: #fff;
}
.pagination .item a {
  display: block;
}
.article-pagination {
  text-align: center;
  border-top: 1px solid #e6e6e6;
}
.article-pagination .itemPrev,
.article-pagination .itemNext,
.article-pagination .returnList {
  display: block;
  font-size: 0.32rem;
  line-height: 3;
}
@media (min-width: 1024px) {
  .article-pagination .itemPrev,
  .article-pagination .itemNext,
  .article-pagination .returnList {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .article-pagination .itemPrev,
  .article-pagination .itemNext,
  .article-pagination .returnList {
    font-size: 16px;
  }
}
.article-pagination .itemPrev,
.article-pagination .itemNext {
  text-align: left;
}
@media (min-width: 1024px) {
  .article-pagination .itemPrev,
  .article-pagination .itemNext {
    position: absolute;
  }
  .article-pagination .itemPrev {
    text-align: left;
    left: 0;
    right: 50%;
    margin-left: 1em;
    margin-right: 6em;
  }
  .article-pagination .itemNext {
    text-align: right;
    left: 50%;
    right: 0;
    margin-left: 6em;
    margin-right: 6em;
  }
  .article-pagination .returnList {
    display: inline-block;
  }
}
.loginBar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 7;
  font-size: 0.24rem;
  background-color: #000;
  color: #fff;
}
@media (min-width: 1024px) {
  .loginBar {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .loginBar {
    font-size: 18px;
  }
}
.loginBar .container-response {
  padding-bottom: 0.16rem;
}
@media (min-width: 1024px) {
  .loginBar .container-response {
    padding-bottom: 0.1171875rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .container-response {
    padding-bottom: 16px;
  }
}
.loginBar .loginBar-item {
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  padding-right: 20%;
}
@media (min-width: 1024px) {
  .loginBar .loginBar-item {
    padding-top: 0.1953125rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .loginBar-item {
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .loginBar .loginBar-item {
    padding-bottom: 0.1953125rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .loginBar-item {
    padding-bottom: 20px;
  }
}
.loginBar .header-absLeft {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 0.49333333rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .loginBar .header-absLeft {
    width: 1.5625rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .header-absLeft {
    width: 215px;
  }
}
@media (min-width: 1024px) {
  .loginBar .header-absLeft {
    height: 0.36132813rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .header-absLeft {
    height: 37px;
  }
}
.loginBar .header-absMiddle {
  display: inline-block;
  vertical-align: middle;
  width: 3.2rem;
  height: 0.49333333rem;
  text-align: center;
  font-size: 0.24rem;
}
@media (min-width: 1024px) {
  .loginBar .header-absMiddle {
    width: 2.9296875rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .header-absMiddle {
    width: 440px;
  }
}
@media (min-width: 1024px) {
  .loginBar .header-absMiddle {
    height: 0.36132813rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .header-absMiddle {
    height: 37px;
  }
}
@media (min-width: 1024px) {
  .loginBar .header-absMiddle {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .header-absMiddle {
    font-size: 20px;
  }
}
.loginBar .header-absRight {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 1.7;
}
.loginBar .icon-font {
  width: 0.53333333rem;
  height: 0.45333333rem;
}
@media (min-width: 1024px) {
  .loginBar .icon-font {
    width: 0.390625rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .icon-font {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .loginBar .icon-font {
    height: 0.33203125rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .icon-font {
    height: 17px;
  }
}
.loginBar .btnClose {
  width: 0.8rem;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .loginBar .btnClose {
    width: 1.171875rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .btnClose {
    width: 110px;
  }
}
.loginBar .btnClose .fa,
.loginBar .btnClose .iconfont {
  font-size: 0.37333333rem;
}
@media (min-width: 1024px) {
  .loginBar .btnClose .fa,
  .loginBar .btnClose .iconfont {
    font-size: 0.2734375rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .btnClose .fa,
  .loginBar .btnClose .iconfont {
    font-size: 28px;
  }
}
.loginBar .link {
  width: 4.4rem;
  font-size: 0.37333333rem;
}
@media (min-width: 1024px) {
  .loginBar .link {
    width: 3.22265625rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .link {
    width: 330px;
  }
}
@media (min-width: 1024px) {
  .loginBar .link {
    font-size: 0.2734375rem;
  }
}
@media (min-width: 1500px) {
  .loginBar .link {
    font-size: 28px;
  }
}
.button-group {
  width: 100%;
  text-align: center;
  padding-right: 50%;
  font-size: 0.24rem;
}
@media (min-width: 1024px) {
  .button-group {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  .button-group {
    font-size: 18px;
  }
}
.button-group .link {
  width: 1.86666667rem;
  font-size: 0.18666667rem;
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
  margin: 0 20px;
}
@media (min-width: 1024px) {
  .button-group .link {
    width: 1.5625rem;
  }
}
@media (min-width: 1500px) {
  .button-group .link {
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .button-group .link {
    font-size: 0.15625rem;
  }
}
@media (min-width: 1500px) {
  .button-group .link {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .button-group .link {
    padding-top: 0.1171875rem;
  }
}
@media (min-width: 1500px) {
  .button-group .link {
    padding-top: 16px;
  }
}
@media (min-width: 1024px) {
  .button-group .link {
    padding-bottom: 0.1171875rem;
  }
}
@media (min-width: 1500px) {
  .button-group .link {
    padding-bottom: 16px;
  }
}
.button-group .link:nth-child(2) {
  border: 1px solid #ddd;
  background: none;
  background-color: #000;
}
#menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 7;
  font-size: 0.24rem;
  background-color: #000;
  color: #fff;
}
@media (min-width: 1024px) {
  #menu {
    font-size: 0.17578125rem;
  }
}
@media (min-width: 1500px) {
  #menu {
    font-size: 18px;
  }
}
#menu .btnClose {
  position: absolute;
  right: 2%;
  top: 4%;
  z-index: 6;
  width: 0.8rem;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #menu .btnClose {
    width: 1.171875rem;
  }
}
@media (min-width: 1500px) {
  #menu .btnClose {
    width: 110px;
  }
}
#menu .btnClose .fa,
#menu .btnClose .iconfont {
  font-size: 0.37333333rem;
}
@media (min-width: 1024px) {
  #menu .btnClose .fa,
  #menu .btnClose .iconfont {
    font-size: 0.2734375rem;
  }
}
@media (min-width: 1500px) {
  #menu .btnClose .fa,
  #menu .btnClose .iconfont {
    font-size: 28px;
  }
}
.cd-accordion-menu {
  margin: 0 auto;
  box-shadow: 0 4px 40px #70ac76;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label,
.cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 80px;
  background: #4d5158;
  box-shadow: inset 0 -1px #555960;
  color: #ffffff;
  font-size: 18px;
}
.no-touch .cd-accordion-menu label:hover,
.no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after,
.cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before,
.cd-accordion-menu label::after {
  background-image: url(../image/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left: 36px;
  background: url(../image/cd-icons.svg) no-repeat -64px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #35383d;
  box-shadow: inset 0 -1px #41444a;
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover,
.no-touch .cd-accordion-menu ul a:hover {
  background: #3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label,
  .cd-accordion-menu a {
    padding: 24px 24px 24px 80px;
    font-size: 18px;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    left: 53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 106px;
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}