@charset "utf-8";
@import "font-awesome.css";
.clearfix:before {
  display: table;
  clear: both;
  content: "";
}
.clearfix:after {
  display: table;
  clear: both;
  content: "";
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.row:before {
  display: table;
  clear: both;
  content: "";
}
.row:after {
  display: table;
  clear: both;
  content: "";
}
ul:before {
  content: "";
  display: table;
  clear: both;
}
ul:after {
  content: "";
  display: table;
  clear: both;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.sep-md-5 {
  width: 20%;
  padding: 0 10px;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media screen and (max-width: 640) {
  .sep-md-5 {
    width: 100%;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control {
  vertical-align: middle;
  padding: 6px 8px;
  height: 32;
  font-size: 13px;
  font-weight: normal;
  border-radius: 3px;
  background: #fbfbfb;
  outline: none;
}
.form-group {
  margin-bottom: 15px;
  position: relative;
}
.btn-primary {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover {
  opacity: 0.7;
}
.hide {
  display: none !important;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  position: absolute;
  right: 20px;
  top: 15px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li:nth-child(1) > a,
.pagination > li:nth-child(1) > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.8;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.form-group.has-success:after {
  content: "\f058";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  bottom: 8px;
  height: 18px;
  line-height: 18px;
  margin-right: 5px;
  text-align: center;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
  width: 18px;
  color: green;
}
* {
  font-size: 16px;
  color: #4c4c4c;
  font-family: "Arial", "Microsoft YaHei UI Light", "Lucida Grande",
    "Microsoft Yahei";
  margin: 0;
  padding: 0;
}
i {
  color: inherit;
}
.richtext {
  line-height: 30px;
  color: #4c4c4c;
}
.richtext * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.richtext iframe {
  width: 100%;
  border: none;
}
.richtext img {
  max-width: 100%;
  height: auto !important;
}
.richtext.cors {
  color: #fff;
}
.richtext.h-ons {
  margin-top: 24px;
}
.richtext.lhs {
  line-height: 30px;
}
.richtext .num {
  font-size: 60px;
  line-height: 1;
  color: rgba(23, 184, 238, 0.13);
  font-weight: bold;
}
.richtext h2 {
  display: block;
  width: 100%;
  font-size: 26px;
  color: #004ea2;
  line-height: 1.32;
  margin-bottom: 10px;
}
.richtext a {
  color: #004ea2 !important;
  text-decoration: underline;
}
.richtext a:hover {
  color: #e60012 !important;
  text-decoration: none;
}
.richtext.strong strong {
  display: block;
  width: 100%;
  font-size: 26px;
  color: #004ea2;
  line-height: 1.32;
  margin-bottom: 10px;
}
.richtext ul {
  list-style: none !important;
}
.richtext ul li {
  list-style: none !important;
  position: relative;
  padding-left: 22px;
  font-size: inherit;
  color: inherit;
}
.richtext ul li * {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.richtext ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #004ea2;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 100%;
}
.richtext table {
  width: 100%;
}
.richtext table tr {
  background: none;
}
.richtext table tr td {
  border: 1px solid #e6e6e6;
  padding: 13px 30px;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  background: none;
}
.richtext table tr td * {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.richtext table tr:nth-child(odd) {
  background: none;
}
.richtext table tr:nth-child(1) {
  background: none;
}
.richtext .over-tabs {
  width: 100%;
  overflow-x: auto;
}
.richtext.table-pads table tr td {
  padding: 12px 8px;
}
.p-noxs {
  min-width: 100%;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #004ea2;
}
sup {
  vertical-align: text-top;
}
s {
  text-decoration: none;
}
sub {
  vertical-align: text-bottom;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.regular {
  font-family: "Arial";
}
.bold {
  font-weight: bold;
}
.inner-body {
  overflow-x: hidden;
}
.help-block {
  display: none !important;
}
.clearfix:before,
.fix:before {
  content: "";
  display: table;
  clear: both;
}
.clearfix:after,
.fix:after {
  content: "";
  display: table;
  clear: both;
}
.lf {
  float: left;
}
.rt {
  float: right;
}
dt {
  font-weight: normal;
}
.upps {
  text-transform: uppercase;
}
.ellipsis {
  text-overflow: ellipsis;
}
.i-imgs img,
.thumbs img,
.i-boxs img {
  display: inline;
}
.sep-container {
  width: 100%;
  max-width: 1360px;
  margin: auto;
}
.sep-container.maxs1 {
  max-width: 1800px;
}
.cens {
  text-align: center;
}
.ris {
  text-align: right;
}
.m-bottoms {
  margin-bottom: 25px;
}
.m-tops {
  margin-top: 25px;
}
.spans {
  line-height: 30px;
  color: #808080;
  overflow: hidden;
}
.spans * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.spans.size18 {
  font-size: 18px;
}
.thumbs {
  overflow: hidden;
}
.thumbs img {
  max-width: 100%;
  max-height: 100%;
}
.titles-a {
  display: block;
  width: 100%;
}
.thumbs,
.spans,
.titles-a {
  display: block;
  width: 100%;
}
.over-hides {
  overflow: hidden;
  position: relative;
}
.pres {
  position: relative;
}
.pres #xx-forms {
  position: absolute;
  top: -80px;
  left: 0;
}
.img-rot:hover .img-rot-lists {
  -webkit-animation: myfirst 0.5s;
  -moz-animation: myfirst 0.5s;
  -ms-animation: myfirst 0.5s;
  -o-animation: myfirst 0.5s;
  animation: myfirst 0.5s;
}
@keyframes myfirst {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0);
  }
}
.t-cens {
  text-align: center;
}
.wids {
  width: 100%;
}
.wids img {
  width: 100%;
}
.gtj-img img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
i {
  vertical-align: middle;
}
body {
  max-width: 100%;
  margin: 0 auto;
}
.m-hes img {
  max-height: 100%;
}
.gtj-t-r-deg1 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.gtj-t-r-deg2 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gtj-t-r-deg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.gtj-t-ty-fives {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.li-imgs:hover .i-imgs-lists.i-imgs1 {
  width: 0;
  height: 0;
}
.li-imgs:hover .i-imgs-lists.i-imgs2 {
  width: 100%;
  height: auto;
}
.li-imgs.active .i-imgs-lists.i-imgs1 {
  width: 0;
  height: 0;
}
.li-imgs.active .i-imgs-lists.i-imgs2 {
  width: 100%;
  height: auto;
}
.i-imgs-lists {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
}
.i-imgs-lists.i-imgs1 {
  width: 100%;
  height: auto;
}
.i-imgs-lists.i-imgs2 {
  width: 0;
  height: 0;
}
.imgs-hovers {
  position: relative;
}
.imgs-hovers:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.li-tops-hovers {
  position: relative;
  top: 0;
}
.li-tops-hovers:hover {
  top: -5px;
}
.size18 {
  font-size: 18px;
}
.size20 {
  font-size: 20px;
}
.size24 {
  font-size: 24px;
}
.size30 {
  font-size: 30px;
}
.size32 {
  font-size: 32px;
}
.size36 {
  font-size: 36px;
}
.size40 {
  font-size: 40px;
}
html {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  width: 100%;
}
.swiper-button-disabled {
  display: none !important;
}
.gtj-ons {
  margin-top: 10px;
}
.gtj-ff-arial {
  font-family: "Arial";
}
.gtj-ff-bold {
  font-weight: bold;
}
.trans {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.trans1 {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
li {
  list-style: none;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.fix:before,
.clearfix:before {
  content: "";
  display: table;
  clear: both;
}
.fix:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
#onlineService {
  position: fixed;
  right: 0;
  bottom: 32%;
  z-index: 100998;
}
.offside {
  width: 50px;
}
.offside li {
  width: 50px;
  height: 50px;
  position: relative;
  background: #b1b1b1;
  border-bottom: 1px solid #fff;
  text-align: center;
  transition: all 0.7s;
  -webkit-transition: all 0.7s;
}
.offside .code {
  position: absolute;
  top: 0;
  right: 50px;
  display: none;
  margin: 0;
}
.offside a,
.offside div {
  color: #333;
  position: absolute;
  z-index: 11;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.offside p {
  float: left;
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 0 10px;
  color: #fff;
  opacity: 0;
  position: absolute;
}
.offside .icon {
  font-size: 28px;
  height: 100%;
  line-height: 50px;
  text-align: center;
  display: block;
  color: #fff;
}
.offside li:not(.li_3) a,
.offside .li_3 a,
.offside .li_3 div {
  width: 50px;
}
.offside .back_top {
  display: none;
}
.offside li {
  background: #004ea2;
}
.offside li:last-child {
  background: #b1b1b1;
}
.offside .erweima {
  width: 150px;
  height: 150px;
  position: absolute;
  left: -150px;
  top: 0;
  display: none;
}
.offside li:hover a,
.offside li:hover div,
.offside li:hover .icon {
  color: #fff;
}
.offside li:hover p {
  opacity: 1;
}
.offside li:not(.li_3):hover {
  background: #e60012;
}
.offside li:not(.li_erweima):hover .erweima {
  display: block;
}
.offside .tel {
  width: 230px;
  transform: translateX(-180px);
  -webkit-transform: translateX(-180px);
}
.offside .back_none {
  height: 0;
  border: 0 !important;
}
.offside .li {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.offside .unfold {
  width: 30px;
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
}
@media screen and (max-width: 768px) {
  #onlineService {
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .sep-footer {
    margin-bottom: 50px;
  }
  .offside {
    width: 100%;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
  }
  .offside li {
    width: 100%;
    text-align: center;
  }
  .offside li.onss {
    display: none;
  }
  .offside li + li {
    border-left: 1px solid #fff;
  }
  .offside .tel {
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .offside .tel.onss {
    display: none;
  }
  .offside .tel p {
    display: none;
  }
  .offside a,
  .offside div {
    width: 100% !important;
  }
  .offside .erweima {
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
  }
}
.tops-hes {
  display: block;
  width: 100%;
  height: 160px;
}
.sep-header {
  width: 100%;
  height: 160px;
  z-index: 100;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}
.sep-header i {
  font: normal normal normal 14px/1 FontAwesome;
}
.sep-header.ons {
  position: absolute;
  left: 0;
  top: 0;
}
.sep-header.ons .h-tops {
  display: none;
}
.sep-header .logo {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 90px;
  float: left;
  overflow: hidden;
}
.sep-header .logo img {
  max-width: 100%;
  max-height: 96%;
}
.sep-header .logo.homes-ons1 {
  height: auto;
}
.sep-header .logo.homes-ons2 {
  height: 0;
}
.sep-header.onss {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  height: 109px;
}
.sep-header.onss .h-tops {
  display: none;
}
.sep-header.onss .logo img {
  /*max-width: 88%;*/
}
.sep-header .h-tops {
  padding: 0;
  z-index: 100;
  height: 51px;
  border-bottom: 1px solid #e6e6e6;
}
.sep-header .h-tops > .sep-container {
  z-index: 101;
}
.sep-header .h-tops .texts-rights {
  width: auto;
  z-index: 102;
  float: right;
  text-align: right;
}
.sep-header .globals {
  display: inline-block;
  vertical-align: top;
  position: relative;
  line-height: 40px;
  margin-top: 5px;
  margin-left: 40px;
  padding: 0 0 0 5px;
  float: right;
}
.sep-header .globals img {
  max-width: 100%;
}
.sep-header .globals .i-boxs {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  overflow: hidden;
  position: relative;
}
.sep-header .globals .i-boxs img {
  max-width: initial;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sep-header .globals i {
  color: #4c4c4c;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  text-align: center;
}
.sep-header .globals i.ons {
  font-size: 18px;
}
.sep-header .globals > a {
  display: inline-block;
  vertical-align: top;
  color: #4c4c4c;
  font-size: 16px;
  padding: 0 6px;
}
.sep-header .globals ul {
  position: absolute;
  display: block;
  height: 0;
  overflow: hidden;
  top: 100%;
  right: 0;
  width: 236px;
  text-align: left;
  background: #f3f3f3;
  z-index: 10200;
  box-shadow: 0 0 3px #666;
}
.sep-header .globals ul li {
  padding: 13px 17px;
  background: #fff;
  line-height: normal;
}
.sep-header .globals ul li a {
  font-size: 14px;
  color: #6d6d6d;
  margin: 0 5px;
}
.sep-header .globals ul li a img {
  margin-right: 30px;
}
.sep-header .globals ul li:hover {
  background: #e8e8e8;
}
.sep-header .globals ul li:hover a {
  color: #188ed2;
}
.sep-header .globals:hover .fa-angle-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sep-header .globals:hover ul {
  height: auto;
}
.sep-header .t-forms {
  position: absolute;
  right: 20px;
  top: 5px;
  z-index: 200;
  overflow: hidden;
  width: 0;
}
.sep-header .t-forms.ons {
  width: 296px;
}
.sep-header .t-forms form {
  width: 100%;
}
.sep-header .t-forms form input[type="text"] {
  box-shadow: none;
  width: 100%;
  color: #fff;
  line-height: 26px;
  outline: none;
  display: inline-block;
  border: none;
  font-size: 16px;
  padding-left: 14px;
  padding-right: 40px;
  background: none;
  border-radius: 20px;
  height: 40px;
  background: #004ea2;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}
.sep-header .t-forms form input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}
.sep-header .t-forms form button[type="submit"] {
  width: 40px;
  height: 100%;
  display: block;
  border: none;
  background: none;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}
.sep-header .t-forms form button[type="submit"] i {
  font-size: 16px;
  color: #fff;
}
.sep-header .forms {
  width: 100%;
  z-index: 103;
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  background: #004ea2;
}
.sep-header .forms.ons {
  height: 94px;
  padding: 25px 0;
  border-top: 1px solid #fff;
}
.sep-header .forms .forms-boxs {
  display: block;
  width: 100%;
  overflow: hidden;
}
.sep-header .forms .forms-boxs .sep-container {
  max-width: 1200px;
}
.sep-header .forms form {
  line-height: normal;
  position: relative;
  width: 100%;
  overflow: hidden;
  float: right;
}
.sep-header .forms form input[type="text"] {
  box-shadow: none;
  width: 100%;
  color: #fff;
  line-height: 26px;
  outline: none;
  display: inline-block;
  border: none;
  font-size: 18px;
  padding-left: 14px;
  padding-right: 40px;
  background: none;
  border-radius: 0;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  border-bottom: 1px solid #fff;
}
.sep-header .forms form input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}
.sep-header .forms form button[type="submit"] {
  width: 38px;
  height: 100%;
  display: block;
  border: none;
  background: none;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}
.sep-header .forms form button[type="submit"] i {
  font-size: 18px;
  color: #fff;
  border-color: #fff;
}
.sep-header .forms form button[type="submit"] i:after {
  background: #fff;
}
.sep-header .top-emalls-titles {
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
}
.sep-header .top-emalls-titles .spans {
  display: block;
  width: auto;
  height: auto;
  line-height: 32px;
  float: left;
  color: #646464;
  font-size: 16px;
  padding-left: 46px;
  position: relative;
}
.sep-header .top-emalls-titles .spans .i-boxs {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 100%;
  display: block;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
}
.sep-header .top-emalls-titles .spans .i-boxs i {
  color: #004ea2;
}
.sep-header .top-emalls-titles .spans i {
  color: #004ea2;
  font-size: 16px;
  vertical-align: middle;
}
.sep-header .top-emalls-titles .spans a {
  color: #646464;
  font-size: 16px;
}
.sep-header .top-emalls-titles .spans a:hover {
  text-decoration: underline;
  color: #004ea2;
}
.sep-header .top-emalls-titles .spans + .spans {
  margin-left: 98px;
}
.sep-header .top-emalls-titles .spans:hover {
  text-decoration: underline;
}
.sep-header .sep-searchs-boxs {
  width: 30px;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 50px;
  cursor: pointer;
  line-height: 50px;
  font-size: 16px;
  color: #004ea2;
  text-align: right;
}
.sep-header .sep-searchs-boxs i {
  font-size: 16px;
  color: #004ea2;
}
.sep-header .sep-searchs-boxs i.ons2 {
  display: none;
}
.sep-header .sep-searchs-boxs.ons i.ons1 {
  display: none;
}
.sep-header .sep-searchs-boxs.ons i.ons2 {
  display: inline-block;
}
.sep-mainnav {
  width: 100%;
  height: 109px;
  text-align: left;
  padding: 9px 0 10px;
}
.sep-mainnav > .sep-container > ul {
  width: auto;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.sep-mainnav > .sep-container > ul > li {
  line-height: 90px;
}
.sep-mainnav > .sep-container > ul > li > a {
  line-height: 42px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 21px;
  padding: 0 26px;
}
.sep-mainnav > .sep-container > ul > li.active > a {
  color: #fff;
  background: #004ea2;
}
.sep-mainnav > .sep-container > ul > li.active > a i {
  opacity: 1;
}
.sep-mainnav > .sep-container > ul > li:hover > a {
  color: #fff;
  background: #004ea2;
}
.sep-mainnav > .sep-container > ul > li:hover > a i {
  opacity: 1;
}
.sep-mainnav > .sep-container > ul > li.ons > a {
  color: #333;
  background: none;
}
.sep-mainnav > .sep-container > ul > li.ons > a i {
  opacity: 0;
}
.sep-mainnav ul li {
  float: left;
  width: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sep-mainnav ul li > a {
  color: #333;
  display: block;
  font-size: 18px;
  text-align: center;
}
.sep-mainnav ul li > a:hover {
  text-decoration: none;
}
.sep-mainnav ul li.ios {
  position: relative;
}
.sep-mainnav ul li:hover .ul {
  display: block;
}
.sep-mainnav ul li:hover .pro-boxs {
  visibility: initial;
  opacity: 1;
  height: auto;
}
.sep-mainnav ul li .ul {
  background: rgba(255, 255, 255, 0.97);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  min-width: 240px;
  float: left;
  display: none;
  border-top: 0;
  padding: 22px 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-align: left;
}
.sep-mainnav ul li .ul.ons li {
  width: 50%;
  float: left;
}
.sep-mainnav ul li .ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  white-space: nowrap;
  position: relative;
}
.sep-mainnav ul li .ul li a {
  font-weight: normal;
  font-size: 16px;
  padding: 10px 12px;
  padding-left: 32px;
  text-align: left;
  color: #676767;
  position: relative;
  line-height: 24px;
}
.sep-mainnav ul li .ul li a i {
  display: block;
  width: 3px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 11px;
  background: #004ea2;
  opacity: 0;
}
.sep-mainnav ul li .ul li a:hover {
  border: none;
  color: #004ea2;
}
.sep-mainnav ul li .ul li a:hover i {
  opacity: 1;
}
.sep-mainnav ul li .pro-boxs {
  display: block;
  width: 100%;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  overflow: hidden;
  opacity: 0;
  border-top: 1px solid #c5c5c5;
  padding: 50px 0 120px;
  transform: translateY(-20px);
  background: #fff;
}
.sep-mainnav ul li .pro-boxs .boxs {
  width: 100%;
}
.sep-mainnav ul li .pro-boxs .b-lists {
  width: 50%;
  justify-content: flex-end;
}
.sep-mainnav ul li .pro-boxs.ons {
  max-height: 1000px;
}
.sep-mainnav ul li .pro-boxs .pro-lists {
  width: 100%;
  max-width: 370px;
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  color: #333;
  padding: 15px 30px;
  position: relative;
  display: block;
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists i {
  display: block;
  border: 10px solid transparent;
  border-right-width: 0;
  border-left-color: #333;
  position: absolute;
  left: 0;
  top: 20px;
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists:hover {
  color: #004ea2;
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists:hover i {
  border-left-color: #004ea2;
  transform: rotate(45deg);
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists.active {
  color: #004ea2;
  font-family: inherit;
}
.sep-mainnav ul li .pro-boxs .pro-lists .p-lists.active i {
  border-left-color: #004ea2;
  transform: rotate(45deg);
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists {
  width: 100%;
  padding-left: 128px;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists-boxs {
  width: 100%;
  display: none;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists-boxs.active {
  display: block;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists {
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  position: relative;
  display: block;
  padding: 15px 22px;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists:before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #bfbfbf;
  position: absolute;
  left: 0;
  top: 29px;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists:hover {
  color: #004ea2;
}
.sep-mainnav ul li .pro-boxs .pro-rights-lists .p-lists:hover:before {
  background: #004ea2;
  height: 3px;
}
.sep-mainnav ul li .homes-ul .homes-rights .lists-boxs > ul > li {
  width: 100%;
}
.sep-mainnav ul li .homes-ul .homes-rights .lists-boxs > ul > li > ul > li {
  width: 100%;
}
button {
  cursor: pointer;
}
.sep-banner {
  width: 100%;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.sep-banner.banner-one {
  display: block;
}
.sep-banner.banner-two {
  display: none;
}
.sep-banner .banner .list {
  position: relative;
  display: block;
}
.sep-banner .banner .list img {
  max-width: 100%;
}
.sep-banner .banner .list .b-covers {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sep-banner .banner .list .b-covers .boxs {
  max-width: 50%;
}
.sep-banner .banner .list .b-covers .b-titles {
  display: block;
  font-size: 50px;
  color: #fff;
  line-height: 85px;
  position: relative;
}
.sep-banner .banner .list .b-covers a.b-titles:hover {
  color: #004ea2;
  text-shadow: 0 0 2px #fff;
}
.sep-banner .banner .list .b-covers .b-spans {
  display: block;
  width: 100%;
  font-size: 20px;
  color: #fff;
  line-height: 35px;
  margin-top: 36px;
}
.sep-banner .banner .list .b-covers .b-spans * {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.sep-banner .banner .list .b-covers .mores-boxs {
  display: block;
  width: 100%;
  margin-top: 88px;
}
.sep-banner .banner .list .b-covers .mores-boxs .mores {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px solid #fff;
  font-size: 20px;
  align-items: center;
  color: #fff;
  padding: 0;
  line-height: 24px;
}
.sep-banner .banner .list .b-covers .mores-boxs .mores span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.sep-banner .banner .list .b-covers .mores-boxs .mores span:after {
  content: "+";
  display: block;
}
.sep-banner .banner .list .b-covers .mores-boxs .mores:hover {
  color: #004ea2;
  background: #fff;
}
.sep-banner .banner .list .b-thumbs-boxs {
  width: 100%;
  position: relative;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs {
  display: inline-block;
  vertical-align: top;
  border-radius: 100%;
  padding: 32px;
  background: rgba(255, 255, 255, 0.3);
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs .t-boxs {
  width: 320px;
  height: 320px;
  line-height: 320px;
  border-radius: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.53);
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs img {
  max-width: 100%;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons {
  padding: 16px;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons .t-boxs {
  width: 202px;
  height: 202px;
  line-height: 202px;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons2 {
  float: right;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons3 {
  margin-top: 22px;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons4 {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 28px;
}
.sep-banner .banner .list .b-thumbs-boxs .b-thumbs.ons4 .t-boxs {
  width: 310px;
  height: 310px;
  line-height: 310px;
}
.sep-banner .banner .list.twos .b-covers .boxs {
  max-width: 100%;
}
.sep-banner .banner .list.twos .b-covers .b-titles {
  font-size: 80px;
  line-height: 1.2;
}
.sep-banner .banner .list.twos .b-covers .b-spans {
  font-size: 34px;
  line-height: 1.32;
  margin-top: 24px;
}
.sep-banner .banner .list.twos .b-covers .mores-boxs {
  margin-top: 36px;
}
.sep-banner .banner .list.threes .b-covers .boxs {
  max-width: 100%;
}
.sep-banner .banner .list.threes .b-covers .b-titles {
  font-size: 45px;
  line-height: 1.2;
}
.sep-banner .banner .list.threes .b-covers .mores-boxs {
  margin-top: 36px;
}
.sep-banner .lists-boxs {
  display: block;
  width: 100%;
  text-align: center;
  z-index: 88;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.sep-banner .lists-boxs .lists {
  width: 33.333%;
  float: left;
  position: relative;
  padding: 37px 2%;
  padding-left: 6.5%;
  display: -webkit-flex;
  display: flex;
  text-align: left;
}
.sep-banner .lists-boxs .lists .i-boxs {
  display: inline-block;
  vertical-align: top;
  width: 76px;
  height: 76px;
  text-align: center;
  line-height: 74px;
  border-radius: 100%;
  border: 1px solid #fff;
}
.sep-banner .lists-boxs .lists .i-boxs img {
  max-width: 100%;
}
.sep-banner .lists-boxs .lists .lis-boxs {
  padding-left: 30px;
  padding-top: 10px;
}
.sep-banner .lists-boxs .lists .nums {
  display: block;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
}
.sep-banner .lists-boxs .lists .b-texts {
  display: block;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
}
.sep-banner .lists-boxs .lists .b-texts.ons {
  white-space: nowrap;
}
.sep-banner .lists-boxs .lists:hover {
  background: #004ea2;
}
.sep-banner .lists-boxs .lists.active {
  background: #004ea2;
}
.sep-banner .swiper-pagination {
  width: 51px;
  position: absolute;
  right: 225px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sep-banner .swiper-pagination span {
  width: 23px;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  margin: 19px auto 0;
  position: relative;
  opacity: 1;
  border-radius: 0;
  border: none;
  outline: none;
}
.sep-banner .swiper-pagination span:nth-child(1) {
  margin-top: 0;
}
.sep-banner .swiper-pagination span:nth-child(1):after {
  content: "01";
}
.sep-banner .swiper-pagination span:nth-child(2):after {
  content: "02";
}
.sep-banner .swiper-pagination span:nth-child(3):after {
  content: "03";
}
.sep-banner .swiper-pagination span:nth-child(4):after {
  content: "04";
}
.sep-banner .swiper-pagination span:nth-child(5):after {
  content: "05";
}
.sep-banner .swiper-pagination span:after {
  content: "";
  display: block;
  font-size: 60px;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  opacity: 0;
  font-weight: bold;
  right: -80px;
}
.sep-banner .swiper-pagination span.swiper-pagination-bullet-active {
  width: 100%;
  background: #fff;
}
.sep-banner .swiper-pagination span.swiper-pagination-bullet-active:after {
  opacity: 1;
}
.banner-boxs {
  width: 100%;
  position: relative;
  left: 0;
  display: flex;
  display: -webkit-flex;
}
.banner-boxs .list {
  display: block;
  text-align: -webkit-match-parent;
  min-width: 100%;
  position: relative;
  left: 0;
}
.titles {
  width: 100%;
  height: auto;
  display: block;
  font-size: 50px;
  color: #333;
  line-height: 1.2;
  position: relative;
}
.titles.afts:after {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  background: #004ea2;
  margin-top: 16px;
}
.titles.cens.afts:after {
  content: "";
  display: block;
  width: 88px;
  height: 4px;
  background: #004ea2;
  margin: 15px auto 0;
}
.titles.no-afts:after {
  display: none;
}
.titles.cors {
  color: #fff;
}
.titles.sizes {
  font-size: 44px;
}
.titles.sizes1 {
  font-size: 50px;
}
.titles.sizes2 {
  font-size: 40px;
}
.titles.cors1 {
  color: #004ea2;
}
.titles.ons {
  margin-bottom: 30px;
}
.titles.onss {
  margin-top: 30px;
}
a.titles:hover {
  color: #e60012;
}
.y-boxs {
  width: 100%;
  margin: 15px 0;
}
.y-boxs.ons {
  margin-bottom: 0;
}
.y-boxs.onss {
  margin-top: 0;
}
.imgs-bgs {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 3;
}
.imgs-bgs.afts:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.imgs-bgs.trs {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.imgs-bgs img {
  position: relative;
  z-index: 2;
}
.imgs-bgs img.ons {
  max-width: 100%;
}
.imgs-bgs.maxs {
  width: 100%;
}
.imgs-bgs.maxs img {
  width: 100%;
}
.imgs-bgs.ons {
  top: auto;
  bottom: 0;
}
.imgs-bgs.img-rs {
  left: 50%;
}
.imgs-bgs.img-ls {
  z-index: 2;
  left: auto;
  right: 0;
}
.imgs-bgs.hes {
  height: 100%;
  min-width: 100%;
}
.imgs-bgs.hes img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.imgs-bgs.bgs {
  background: #fff;
}
.imgs-bgs.c-bgs {
  background: #004ea2;
}
.imgs-bgs.r-bgs img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bq-sep-titles-boxs {
  width: 100%;
  position: relative;
  padding: 15px 0;
  padding-left: 42px;
}
.bq-sep-titles-boxs:before {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background: #e60012;
  position: absolute;
  left: 0;
  top: 0;
}
.bq-sep-titles-boxs.ons {
  width: auto;
  margin-left: 33.3333%;
}
.bq-sep-titles-boxs.ons1 {
  margin-top: 66px;
}
.bq-sep-titles-boxs.bgs:before {
  background: #fff;
}
.sep-body {
  position: relative;
  z-index: 8;
}
.sep-body .sep-container {
  position: relative;
  z-index: 10;
}
.sep-body .richtext {
  width: 100%;
  line-height: 30px;
  color: #666;
}
.sep-body .richtext * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.sep-body .richtext.cors {
  color: #fff;
}
.sep-body .richtext.cors * {
  color: #fff;
}
.sep-body .richtext.sizes {
  font-size: 18px;
  line-height: 34px;
}
.sep-body .richtext.lh {
  line-height: 34px;
}
.sep-body .richtext.maxs1 {
  margin: auto;
}
.sep-body .richtext.h-ons {
  margin-top: 32px;
}
.sep-body .home-line-boxs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.sep-body .home-line-boxs:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 33.333%;
  top: 0;
  background: #f0f0f0;
}
.sep-body .home-line-boxs:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 66.666%;
  top: 0;
  background: #f0f0f0;
}
.sep-pro-boxs {
  display: block;
  width: 100%;
  padding: 106px 0 148px;
  position: relative;
}
.sep-pro-boxs .sep-container {
  position: initial;
}
.sep-pro-ul-boxs {
  width: 100%;
}
.sep-pro-ul-boxs.ons {
  margin-top: 84px;
}
.sep-pro-ul-boxs .swiper-container {
  width: calc(100% + 280px);
}
.sep-pro-ul-boxs ul li {
  width: 100%;
  position: relative;
}
.sep-pro-ul-boxs .thumbs {
  width: 56%;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.sep-pro-ul-boxs .thumbs.bgs {
  background: #f5f5f5;
}
.sep-pro-ul-boxs .thumbs img {
  max-width: 100%;
}
.sep-pro-ul-boxs .thumbs.ons {
  height: 640px;
  line-height: 640px;
}
.sep-pro-ul-boxs .lis-boxs {
  width: 44%;
  z-index: 20;
  padding: 135px 40px 0 160px;
}
.sep-pro-ul-boxs .lis-boxs.ons {
  width: 46%;
  z-index: 20;
  padding: 135px 0 0 224px;
  position: absolute;
  left: 0;
  top: 0;
}
.sep-pro-ul-boxs .titles-a {
  font-size: 40px;
  line-height: 1.32;
  color: #004ea2;
  position: relative;
}
.sep-pro-ul-boxs .titles-a:hover {
  color: #e60012;
}
.sep-pro-ul-boxs .nums {
  display: block;
  position: absolute;
  left: -70px;
  bottom: 0;
  z-index: -1;
  font-size: 120px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.1);
}
.sep-pro-ul-boxs .spans {
  line-height: 34px;
  margin-top: 22px;
}
.sep-pro-ul-boxs .mores {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #e60012;
  text-align: center;
  line-height: 80px;
  color: #fff;
  font-size: 28px;
  margin-top: 50px;
}
.sep-pro-ul-boxs .mores:hover {
  background: #004ea2;
}
.sep-pro-ul-boxs .swiper-pagination {
  position: relative;
  left: auto;
  bottom: auto;
  margin-top: 36px;
}
.sep-pro-ul-boxs .swiper-pagination span {
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid transparent;
  background: none;
  outline: none;
  margin-right: 8px;
  position: relative;
  float: left;
}
.sep-pro-ul-boxs .swiper-pagination span:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #656565;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: 50%;
  margin-top: -4px;
}
.sep-pro-ul-boxs .swiper-pagination span:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #e60012;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  top: 50%;
  margin-top: -2px;
  display: none;
}
.sep-pro-ul-boxs .swiper-pagination span:last-child {
  margin-right: 0;
}
.sep-pro-ul-boxs .swiper-pagination span.swiper-pagination-bullet-active {
  border-color: #e60012;
}
.sep-pro-ul-boxs
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  display: none;
}
.sep-pro-ul-boxs .swiper-pagination span.swiper-pagination-bullet-active:after {
  display: block;
}
.sep-pro-bottom-ul-boxs {
  width: 320px;
  height: 624px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #004ea2;
  padding: 76px 0 20px;
  z-index: 99;
}
.sep-pro-bottom-ul-boxs .ul-lists {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  padding: 20px 10px;
  padding-right: 40px;
  text-align: right;
  border-bottom: 1px solid transparent;
}
.sep-pro-bottom-ul-boxs .ul-lists.active {
  color: #e60012;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.sep-pro-bottom-ul-boxs .ul-lists:hover {
  color: #e60012;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.sep-about-boxs {
  width: 100%;
  position: relative;
  padding: 160px 0 0;
  background: #fafafa;
}
.sep-about-boxs .boxs {
  width: 100%;
  margin-top: 116px;
  padding: 0 0 180px;
}
.sep-about-boxs .boxs .thumbs {
  width: 50%;
  float: left;
  overflow: initial;
}
.sep-about-boxs .boxs .thumbs .imgs {
  display: block;
  width: calc(100% + 280px);
  float: right;
  position: relative;
}
.sep-about-boxs .boxs .thumbs .iframes {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
.sep-about-boxs .boxs .thumbs iframe {
  width: 100%;
  border: none;
}
.sep-about-boxs .boxs .thumbs .i-videos {
  position: absolute;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  padding: 23px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.1);
}
.sep-about-boxs .boxs .thumbs .i-videos i {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 3px solid #fff;
  position: relative;
}
.sep-about-boxs .boxs .thumbs .i-videos i:after {
  content: "";
  display: block;
  border: 10px solid transparent;
  border-left-width: 14px;
  border-left-color: #fff;
  border-right-width: 0;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -10px;
}
.sep-about-boxs .boxs .lis-boxs {
  width: 50%;
  float: left;
  padding: 80px 0 0 66px;
}
.sep-about-boxs .boxs .year {
  width: 33.3333%;
  height: 260px;
  position: absolute;
  background: #004ea2;
  right: 0;
  bottom: 0;
  align-items: center;
  padding: 16px 10px 16px 200px;
}
.sep-about-boxs .boxs .year .y-boxs {
  width: 100%;
}
.sep-about-boxs .boxs .year .y-titles {
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.sep-about-boxs .boxs .year .nums {
  font-size: 80px;
  color: #fff;
  line-height: 1;
  position: relative;
}
.sep-about-boxs .boxs .year .nums:before {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: -126px;
  top: 50%;
}
.sep-valve-boxs {
  width: 100%;
  padding: 140px 0 0;
  position: relative;
  overflow: hidden;
}
.sep-valve-ul-boxs {
  width: 100%;
  position: relative;
}
.sep-valve-ul-boxs.ons {
  margin-top: 96px;
}
.sep-valve-ul-boxs ul li {
  position: relative;
}
.sep-valve-ul-boxs ul li:hover .lis-boxs {
  opacity: 1;
}
.sep-valve-ul-boxs ul li:hover .thumbs .titles-a {
  display: none;
}
.sep-valve-ul-boxs ul li:hover .titles-a {
  color: #fff;
}
.sep-valve-ul-boxs ul li:hover .titles-a:hover {
  color: #e60012;
}
.sep-valve-ul-boxs .thumbs {
  text-align: center;
}
.sep-valve-ul-boxs .thumbs img {
  max-width: 100%;
}
.sep-valve-ul-boxs .thumbs.ons {
  height: 540px;
}
.sep-valve-ul-boxs .thumbs .titles-a {
  display: flex;
  align-items: center;
  background: #999;
  min-height: 70px;
  padding: 0 32px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
}
.sep-valve-ul-boxs .lis-boxs {
  width: 100%;
  min-height: 182px;
  margin-top: -170px;
  padding: 34px 30px 30px;
  opacity: 0;
  background: #004ea2;
  position: relative;
  z-index: 40;
}
.sep-valve-ul-boxs .lis-boxs .titles-a:after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: #fff;
  margin-top: 24px;
  margin-left: -30px;
}
.sep-valve-ul-boxs .t-boxs {
  width: 100%;
}
.sep-valve-ul-boxs .titles-a {
  font-size: 24px;
  line-height: 1.32;
  color: #fff;
}
.sep-valve-ul-boxs .spans {
  color: #fff;
  line-height: 28px;
  margin-top: 16px;
}
.sep-valve-ul-boxs .lr-lists-boxs .lr-lists {
  width: 240px;
  height: auto;
  font-size: 20px;
  line-height: 34px;
  color: rgba(255, 255, 255, 0.5);
  outline: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 9px 0;
  cursor: pointer;
  position: absolute;
  top: 29%;
}
.sep-valve-ul-boxs .lr-lists-boxs .lr-lists:hover {
  color: #fff;
  border-color: #fff;
}
.sep-valve-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: -280px;
  text-align: right;
}
.sep-valve-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: -280px;
}
.sep-valve-ul-boxs .swiper-pagination {
  width: 280px;
  height: 80px;
  left: auto;
  right: 0;
  top: -160px;
  font-size: 30px;
  color: #fff;
  text-align: right;
}
.sep-valve-ul-boxs .swiper-pagination .swiper-pagination-current {
  font-size: 70px;
  line-height: 1;
  color: #e60012;
}
.sep-valve-ul-boxs .swiper-pagination .swiper-pagination-total {
  font-size: 30px;
  line-height: 1;
  color: #fff;
}
.i-home-videos {
  display: block;
  padding: 9px;
  border-radius: 100%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 20;
}
.i-home-videos i {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
}
.i-home-videos i:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-left-color: #e60012;
  border-left-width: 26px;
  border-right-width: 0;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  top: 50%;
  margin-top: -20px;
}
.sep-news {
  padding: 116px 0 106px;
}
.sep-news .boxs {
  align-items: center;
  margin-top: 70px;
}
.sep-news .ne-lefts {
  width: 33.333%;
  float: left;
}
.sep-news .ne-lefts .thumbs img {
  max-width: 100%;
}
.sep-news .ne-rights {
  width: 66.6666%;
  float: left;
  padding-left: 180px;
}
.sep-news-ul-boxs {
  width: 100%;
  position: relative;
}
.sep-news-ul-boxs.ons {
  margin-top: 28px;
}
.sep-news-ul-boxs ul {
  width: calc(100% + 280px);
}
.sep-news-ul-boxs ul li {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 200px;
  align-items: center;
  padding: 20px 45px;
}
.sep-news-ul-boxs ul li:hover .li-bgs {
  opacity: 1;
}
.sep-news-ul-boxs ul li:hover .titles-a {
  color: #fff;
}
.sep-news-ul-boxs ul li:hover .titles-a:hover {
  color: #e60012;
}
.sep-news-ul-boxs ul li:hover .spans {
  color: #fff;
}
.sep-news-ul-boxs ul li:hover .times {
  color: #fff;
}
.sep-news-ul-boxs ul li.active .li-bgs {
  opacity: 1;
}
.sep-news-ul-boxs ul li.active .titles-a {
  color: #fff;
}
.sep-news-ul-boxs ul li.active .titles-a:hover {
  color: #e60012;
}
.sep-news-ul-boxs ul li.active .spans {
  color: #fff;
}
.sep-news-ul-boxs ul li.active .times {
  color: #fff;
}
.sep-news-ul-boxs .li-bgs {
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.sep-news-ul-boxs .li-bgs img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sep-news-ul-boxs .lis-boxs {
  width: 100%;
  position: relative;
  z-index: 20;
  display: block;
  max-width: 780px;
}
.sep-news-ul-boxs .titles-a {
  font-size: 22px;
  line-height: 34px;
  color: #1a1a1a;
}
.sep-news-ul-boxs .spans {
  line-height: 34px;
  margin-top: 10px;
}
.sep-news-ul-boxs .spans.ons {
  height: 34px;
}
.sep-news-ul-boxs .times {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #808080;
  margin-bottom: 5px;
}
.sep-transformer-boxs {
  width: 100%;
  padding: 100px 0 106px;
  background: #fafafa;
}
.sep-transformer-ul-boxs {
  width: 100%;
  position: relative;
}
.sep-transformer-ul-boxs.ons {
  margin-top: 130px;
}
.sep-transformer-ul-boxs .p-boxs {
  width: auto;
  min-width: 100%;
  margin: 0 -18px;
}
.sep-transformer-ul-boxs .p-lists {
  width: calc(20% - 36px);
  margin: 0 18px 64px;
  text-align: center;
}
.sep-transformer-ul-boxs .p-lists.ons1 {
  width: calc(16.6666% - 36px);
}
.sep-transformer-ul-boxs .thumbs {
  background: #fff;
}
.sep-transformer-ul-boxs .thumbs.ons {
  height: 120px;
  line-height: 120px;
}
.sep-transformer-ul-boxs .thumbs.ons1 {
  height: 160px;
  line-height: 160px;
}
.sep-transformer-ul-boxs .thumbs.ons2 {
  height: 75px;
  line-height: 75px;
}
.sep-transformer-ul-boxs .lr-lists-boxs {
  display: none;
}
.sep-transformer-ul-boxs .lr-lists-boxs .lr-lists {
  width: 240px;
  height: auto;
  font-size: 20px;
  line-height: 34px;
  color: rgba(0, 78, 162, 0.5);
  outline: none;
  border-bottom: 1px solid rgba(0, 78, 162, 0.5);
  padding: 9px 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -30px;
}
.sep-transformer-ul-boxs .lr-lists-boxs .lr-lists:hover {
  color: #004ea2;
  border-color: #004ea2;
}
.sep-transformer-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: -280px;
  text-align: right;
}
.sep-transformer-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: -280px;
}
.sep-transformer-ul-boxs .swiper-pagination {
  width: 280px;
  height: 80px;
  left: auto;
  right: 0;
  top: -160px;
  font-size: 30px;
  color: #fff;
  text-align: right;
}
.sep-transformer-ul-boxs .swiper-pagination .swiper-pagination-current {
  font-size: 70px;
  line-height: 1;
  color: #e60012;
}
.sep-transformer-ul-boxs .swiper-pagination .swiper-pagination-total {
  font-size: 30px;
  line-height: 1;
  color: #fff;
}
.sep-footer {
  width: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.sep-footer .footer-lists-boxs {
  display: block;
  position: relative;
  z-index: 6;
}
.sep-footer .footer-lists-boxs .footer-logo-rights {
  width: 100%;
  position: relative;
  padding: 88px 0 60px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs {
  width: 25%;
  float: left;
  position: relative;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs:nth-child(1) {
  width: calc(25% - 44px);
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs:nth-child(2) {
  width: calc(25% - 20px);
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs:nth-child(3) {
  width: calc(25% - 35px);
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs:nth-child(4) {
  width: calc(25% - 67px);
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs:last-child {
  width: 166px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul-titles {
  display: block;
  font-size: 20px;
  color: #fff;
  line-height: 24px;
  position: relative;
  margin-bottom: 18px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul-titles.ons {
  white-space: nowrap;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs a.ul-titles:hover {
  color: #e60012;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li {
  width: 100%;
  position: relative;
  float: left;
  color: rgba(255, 255, 255, 0.66);
  font-size: 16px;
  line-height: 28px;
  padding: 4px 0;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li .i-boxs {
  width: 20px;
  position: absolute;
  left: 0;
  top: 7px;
  text-align: center;
  line-height: 24px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li .i-boxs i {
  color: #fff;
  font-size: 14px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li a {
  color: rgba(255, 255, 255, 0.66);
  font-size: 16px;
  line-height: 28px;
  display: block;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li a.ons {
  white-space: nowrap;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li.ons {
  padding-left: 30px;
}
.sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul li:hover a {
  color: #e60012;
}
.sep-footer .f-zeco-boxs {
  width: 100%;
  background: #004ea2;
  display: flex;
  align-items: center;
  padding: 87px 0;
  padding-right: 190px;
  justify-content: space-between;
  position: relative;
}
.sep-footer .f-zeco-boxs:before {
  content: "";
  display: block;
  width: 280px;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background: #004ea2;
}
.sep-footer .f-zeco-boxs .titles-a {
  font-size: 40px;
  line-height: 1.32;
  color: #fff;
  padding-left: 36px;
  position: relative;
}
.sep-footer .f-zeco-boxs .titles-a:before {
  content: "";
  display: block;
  width: 4px;
  height: 80px;
  max-height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
}
.sep-footer .f-zeco-boxs .titles-a span {
  display: block;
  font-size: 28px;
  color: inherit;
  line-height: 1.2;
}
.sep-footer .f-zeco-boxs .titles-a:hover {
  color: #e60012;
}
.sep-footer .f-zeco-boxs .mores {
  display: block;
  min-width: 120px;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px solid #fff;
  text-align: center;
  padding-top: 44px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}
.sep-footer .f-zeco-boxs .mores:hover {
  background: #e60012;
  border-color: #e60012;
}
.link {
  width: auto;
}
.link .sep-share {
  position: relative;
}
.link .sep-share li {
  width: 30px;
  height: 30px;
  float: left;
  line-height: 30px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}
.link .sep-share li + li {
  margin-left: 10px;
}
.link .sep-share li a {
  width: 100%;
  height: 100%;
  display: block;
}
.link .sep-share li i {
  color: #687680;
  font-size: 22px;
  vertical-align: middle;
}
.link .sep-share li:hover i {
  color: #004ea2;
}
.link .sep-share li.lasts {
  border-radius: 0;
}
.link .sep-share li.lasts i {
  font-size: 24px;
}
.link .sep-share li.lasts .img {
  width: 150px;
  height: 150px;
  position: absolute;
  right: 5%;
  top: -170px;
  z-index: -1;
  opacity: 0;
  padding: 10px;
  background: #fff;
}
.link .sep-share li.lasts .img img {
  width: 100%;
}
.link .sep-share li.lasts:hover .img {
  z-index: 88;
  opacity: 1;
}
.footer-footer {
  width: 100%;
  position: relative;
  z-index: 6;
  padding: 80px 0;
}
.footer-footer .sep-container {
  position: relative;
  align-items: center;
  flex-direction: row-reverse;
}
.footer-footer .link {
  width: auto;
  margin: 20px 0 0;
}
.footer-footer .link ul {
  display: inline-block;
  vertical-align: top;
}
.footer-footer .f-lefts {
  width: calc(64% - 4px);
}
.footer-footer .f-rights {
  width: calc(36% + 4px);
}
.footer-footer a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 28px;
}
.footer-footer a:hover {
  text-decoration: underline;
  color: #e60012;
}
.footer-footer div {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 28px;
}
.footer-footer .ds {
  display: inline-block;
}
.footer-footer .lefts {
  width: auto;
}
.footer-footer .lefts a {
  padding-right: 5px;
}
.footer-footer .lefts a:last-child {
  padding-left: 5px;
  padding-right: 0;
}
.footer-footer .rights {
  width: auto;
  text-align: left;
}
.footer-footer .rights a {
  padding-right: 5px;
}
.footer-footer .rights a:last-child {
  padding-left: 8px;
}
.footer-footer .rights a + a {
  padding-left: 8px;
}
@media screen and (max-width: 1680px) {
  .sep-pro-ul-boxs .lis-boxs {
    padding-left: 230px;
  }
  .sep-pro-bottom-ul-boxs {
    width: 280px;
  }
  .sep-pro-ul-boxs .swiper-container {
    width: calc(100% + 160px);
  }
  .sep-news-ul-boxs ul {
    width: calc(100% + 160px);
  }
  .sep-banner .banner .list.twos .b-covers .b-titles {
    font-size: 66px;
  }
  .sep-banner .banner .list.twos .b-covers .b-spans {
    font-size: 24px;
  }
}
@media screen and (max-width: 1460px) {
  .sep-container {
    max-width: 1200px;
  }
  .sep-mainnav > .sep-container > ul > li > a {
    padding: 0 18px;
  }
  .sep-header .logo {
    max-width: 200px;
  }
  .sep-banner .banner .list .b-covers .b-titles {
    font-size: 40px;
    line-height: 2;
  }
  .sep-banner .banner .list .b-covers .mores-boxs {
    margin-top: 40px;
  }
  .sep-pro-ul-boxs .swiper-container {
    width: calc(100% + 120px);
  }
  .sep-pro-ul-boxs .lis-boxs {
    padding: 30px 40px 0 230px;
  }
  .sep-about-boxs .boxs .year {
    height: 180px;
    padding-left: 140px;
  }
  .sep-news .ne-rights {
    padding-left: 60px;
  }
  .sep-news-ul-boxs ul {
    width: calc(100% + 120px);
  }
  .sep-banner .banner .list.twos .b-covers .b-titles {
    font-size: 54px;
  }
  .sep-banner .banner .list.threes .b-covers .b-titles {
    font-size: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .sep-container {
    max-width: 1100px;
  }
  .sep-header .sep-container,
  .sep-footer .sep-container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sep-about-boxs .boxs .lis-boxs {
    padding-top: 0;
  }
}
@media screen and (max-width: 1280px) {
  .sep-banner .swiper-pagination {
    right: 130px;
  }
}
@media screen and (max-width: 1200px) {
  .sep-pro-bottom-ul-boxs {
    position: relative;
    left: auto;
    bottom: auto;
    min-height: 0;
    padding: 60px 0;
    height: auto;
  }
  .sep-pro-ul-boxs .lis-boxs {
    padding-left: 60px;
  }
  .sep-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sep-pro-ul-boxs .swiper-container {
    width: 100%;
  }
  .sep-pro-ul-boxs .nums {
    left: -50px;
  }
  .sep-pro-bottom-ul-boxs {
    margin-top: 30px;
  }
  .sep-news-ul-boxs ul {
    width: 100%;
  }
  .sep-footer .f-zeco-boxs {
    padding-right: 30px;
  }
  .sep-mainnav > .sep-container > ul > li > a {
    padding: 0 10px;
  }
  .sep-header .logo {
    max-width: 160px;
  }
  .sep-banner .banner .list .b-covers .boxs {
    max-width: 100%;
    margin: auto;
  }
  .sep-banner .banner .list .b-covers .b-titles {
    font-size: 30px;
  }
  .footer-footer .f-lefts {
    width: 100%;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .footer-footer .f-rights {
    width: 100%;
    text-align: left;
  }
  .footer-footer {
    padding: 10px 0 30px;
  }
}
@media screen and (max-width: 812px) {
  .sep-pro-boxs .bq-sep-titles-boxs {
    padding-left: 20px;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs {
    width: 100% !important;
    margin-top: 0;
    padding-right: 0;
    overflow: initial;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul {
    margin-top: 18px;
  }
  .sep-footer
    .footer-lists-boxs
    .footer-logo-rights
    .ul-boxs.ul-divs.onss
    .ul-titles
    i:after {
    opacity: 1;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs.ul-divs .ul {
    display: none;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul-titles {
    font-size: 20px;
    line-height: 28px;
    padding: 4px 0;
    position: relative;
    margin-bottom: 0;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights .ul-boxs .ul-titles i {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 4px;
    border-radius: 100%;
  }
  .sep-footer
    .footer-lists-boxs
    .footer-logo-rights
    .ul-boxs
    .ul-titles
    i:before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -1px;
  }
  .sep-footer
    .footer-lists-boxs
    .footer-logo-rights
    .ul-boxs
    .ul-titles
    i:after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -6px;
    opacity: 0;
  }
  .sep-pro-ul-boxs .lis-boxs {
    width: 100%;
    padding: 30px 20px;
  }
  .sep-pro-ul-boxs .thumbs {
    width: 100%;
  }
  .sep-pro-ul-boxs .mores {
    display: none;
  }
  .sep-pro-boxs .sep-container {
    padding: 0;
  }
  .sep-pro-ul-boxs .thumbs {
    padding-left: 60px;
  }
  .sep-pro-ul-boxs .nums {
    font-size: 80px;
    left: 0;
    bottom: auto;
    top: -40px;
  }
  .sep-pro-ul-boxs .swiper-pagination {
    position: absolute;
    left: 20px;
    bottom: 12px;
  }
  .sep-pro-ul-boxs .titles-a {
    padding-left: 33px;
  }
  .sep-pro-ul-boxs .titles-a {
    font-size: 24px;
  }
  .bq-sep-titles-boxs {
    padding: 0;
    padding-left: 12px;
  }
  .sep-pro-bottom-ul-boxs {
    padding: 20px 0;
    margin-top: 40px;
  }
  .sep-pro-bottom-ul-boxs .ul-lists {
    font-size: 16px;
    padding: 5px 10px;
    padding-left: 35px;
    text-align: left;
    height: auto;
  }
  .sep-pro-ul-boxs.ons {
    margin-top: 30px;
  }
  .sep-about-boxs .boxs .thumbs {
    width: 100%;
  }
  .sep-about-boxs .boxs .thumbs .imgs {
    width: 100% !important;
  }
  .sep-about-boxs .boxs .lis-boxs {
    width: 100%;
    padding: 24px 0 0;
  }
  .sep-about-boxs .boxs .year {
    height: 76px;
    padding-left: 27px;
    padding-top: 8px;
    padding-bottom: 0;
    max-width: 132px;
    position: relative;
    right: auto;
    bottom: auto;
    float: right;
    margin-left: 24px;
    margin-top: -24px;
  }
  .sep-about-boxs .boxs .year .y-boxs {
    margin: 0;
  }
  .sep-about-boxs .boxs .lis-boxs .richtext {
    display: inline;
  }
  .sep-about-boxs .boxs .year .nums:before {
    width: 18px;
    left: -21px;
  }
  .sep-about-boxs .boxs .year .nums {
    font-size: 40px;
  }
  .sep-about-boxs {
    background: none;
    padding: 0;
  }
  .titles {
    font-size: 24px !important;
  }
  .sep-news .boxs {
    margin: 36px -20px 0;
  }
  .sep-news .ne-lefts {
    width: 144px;
  }
  .sep-news .ne-rights {
    width: calc(100% - 144px);
    padding-left: 0;
    background: #f4f4f4;
  }
  .sep-news-ul-boxs ul li {
    height: 250px;
    padding: 16px 20px;
  }
  .sep-news-ul-boxs ul li:last-child {
    display: none;
  }
  .sep-news-ul-boxs .titles-a {
    font-size: 18px;
  }
  .sep-footer .f-zeco-boxs .titles-a {
    font-size: 22px;
    padding-left: 0;
  }
  .sep-footer .f-zeco-boxs .titles-a:before {
    display: none;
  }
  .sep-footer .f-zeco-boxs .titles-a span {
    font-size: 16px;
  }
  .sep-footer .f-zeco-boxs {
    flex-wrap: wrap;
    max-width: 320px;
    padding: 46px 10px 10px 0;
  }
  .sep-footer .f-zeco-boxs .mores {
    margin-top: 16px;
    width: 76px;
    height: 76px;
    min-width: 76px;
    padding-top: 26px;
    font-size: 14px;
    line-height: 1.32;
  }
  .sep-transformer-ul-boxs .lr-lists-boxs {
    display: block;
  }
  .sep-transformer-ul-boxs .p-lists {
    width: 100%;
    margin: 0 0 10px;
  }
  .sep-transformer-ul-boxs .p-lists.ons1 {
    width: 100%;
  }
  .sep-transformer-ul-boxs {
    padding: 0 22px;
  }
  .sep-transformer-ul-boxs .p-boxs {
    margin: 0;
  }
  .sep-transformer-ul-boxs .lr-lists-boxs .lr-lists {
    padding: 0;
    font-size: 14px;
  }
  .sep-transformer-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
    left: -224px;
  }
  .sep-transformer-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
    right: -224px;
  }
  .sep-banner .banner .list .b-covers .b-titles {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
  .sep-banner .banner .list .b-covers .mores-boxs {
    margin-top: 16px;
  }
  .sep-banner .banner .list .b-covers .mores-boxs .mores {
    width: 72px;
    height: 72px;
    font-size: 15px;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .tops-hes {
    display: none;
    height: 50px;
  }
  .tops-hes.mins {
    display: block;
  }
  #onlineService {
    right: auto;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .sep-footer {
    margin-bottom: 50px;
  }
  .sep-header {
    display: none;
  }
  .sep-banner.banner-one {
    display: none;
  }
  .sep-banner.banner-two {
    display: block;
  }
  .sep-body .home-line-boxs {
    display: none;
  }
}
@media screen and (max-width: 667px) {
  .sep-news-ul-boxs .spans {
    display: none;
  }
  .sep-pro-boxs {
    padding: 56px 0;
  }
  .sep-about-boxs .boxs {
    margin-top: 30px;
    padding-bottom: 110px;
  }
  .sep-valve-ul-boxs .swiper-pagination .swiper-pagination-total {
    font-size: 16px;
  }
  .sep-valve-ul-boxs .swiper-pagination {
    font-size: 16px;
    width: auto;
    top: -60px;
  }
  .sep-valve-ul-boxs .swiper-pagination .swiper-pagination-current {
    font-size: 36px;
  }
  .sep-valve-boxs {
    padding: 20px 0 0;
  }
  .sep-valve-ul-boxs.ons {
    margin-top: 30px;
  }
  .sep-valve-ul-boxs .titles-a {
    font-size: 22px;
  }
  .sep-news {
    padding: 56px 0 0;
  }
  .sep-footer .footer-lists-boxs .footer-logo-rights {
    padding: 40px 0 0;
  }
  .sep-transformer-ul-boxs.ons {
    margin-top: 24px;
  }
  .sep-transformer-boxs {
    padding: 56px 0 30px;
  }
}
.operation {
  overflow: hidden;
  margin-top: 30px;
}
.operation ul {
  max-width: 500px;
  margin: auto;
}
.operation ul li {
  width: 50%;
  text-align: center;
  float: left;
  margin-top: 10px;
}
.operation ul li a {
  color: #fff;
  background-color: #004ea2;
  border: 1px solid #004ea2;
  font-size: 16px;
  padding: 8px 20px;
}
.operation ul li:hover a {
  background: none;
  color: #004ea2;
}
.sep-pagination {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.sep-pagination .pagination {
  margin: 29px 0;
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.sep-pagination .pagination .page-num-current,
.sep-pagination .pagination .active a {
  background: #004ea2;
  color: #fff;
  border: 1px solid #004ea2;
}
.sep-pagination .pagination li {
  display: inline;
  border-radius: 5px;
}
.sep-pagination .pagination li a {
  padding: 4px 12px;
  margin: 0 5px;
  border-radius: 5px;
  background: #ebebeb;
  color: #333;
  border: 1px solid #ebebeb;
}
.sep-pagination .pagination li:first-child a {
  border-radius: 5px;
  padding: 4px 12px;
  color: #333;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
}
.sep-pagination .pagination li:last-child a {
  border-radius: 5px;
  padding: 4px 12px;
  color: #333;
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
}
.lg-search-ul-boxs {
  width: 100%;
}
.lg-search-ul-boxs.ons {
  margin-top: 30px;
}
.lg-search-ul-boxs ul {
  margin: 0 -18px;
  flex-wrap: wrap;
}
.lg-search-ul-boxs ul li {
  width: calc(33.333% - 36px);
  float: left;
  margin: 0 18px 30px;
}
.lg-search-ul-boxs ul li:last-child {
  margin-bottom: 0;
}
.lg-search-ul-boxs ul li:hover .thumbs {
  border-color: #e60012;
}
.lg-search-ul-boxs ul li:hover .titles-a {
  color: #e60012;
}
.lg-search-ul-boxs .thumbs {
  border: 1px solid #ddd;
  text-align: center;
}
.lg-search-ul-boxs .thumbs img {
  max-width: 100%;
}
.lg-search-ul-boxs .thumbs.ons {
  height: 224px;
  line-height: 220px;
}
.lg-search-ul-boxs .lis-boxs {
  width: 100%;
  padding: 16px 0 0;
}
.lg-search-ul-boxs .titles-a {
  text-align: center;
  font-size: 20px;
  line-height: 1.32;
  color: #333;
}
@media screen and (max-width: 812px) {
  .lg-search-ul-boxs ul {
    margin: 0 -18px;
  }
  .lg-search-ul-boxs ul li {
    width: calc(50% - 36px);
  }
}
@media screen and (max-width: 667px) {
  .lg-search-ul-boxs ul li {
    width: calc(100% - 36px);
  }
  .operation ul li {
    width: 100%;
  }
  .operation ul li a {
    min-width: 200px;
  }
}
.change-result {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 10px;
}
.change-result li {
  display: inline-block;
  vertical-align: top;
}
.change-result li.active button {
  background: #004ea2;
  color: #fff;
}
.change-result li.active button:hover {
  background: #e60012;
}
.change-result li:hover button {
  background: #004ea2;
  color: #fff;
}
.change-result button {
  font-size: 20px;
  display: inline-block;
  width: 220px;
  margin: 0 10px;
  background: #f0f0f0;
  color: #323232;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  border: none;
  cursor: pointer;
}
.fy-relates-ul-boxs {
  display: block;
  width: 100%;
}
.fy-relates-ul-boxs.ons {
  margin-top: 24px;
}
.fy-relates-ul-boxs .titles-a {
  display: block;
  width: 100%;
  position: relative;
  font-size: 16px;
  line-height: 28px;
  padding-left: 12px;
  margin-bottom: 6px;
  color: #646464;
}
.fy-relates-ul-boxs .titles-a:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #646464;
  position: absolute;
  left: 0;
  top: 12px;
}
.fy-relates-ul-boxs .titles-a.ons {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fy-relates-ul-boxs .titles-a:hover {
  color: #004ea2;
  text-decoration: underline;
}
.fy-relates-ul-boxs .titles-a:hover:before {
  background: #004ea2;
}
.sep-resource-list2 li {
  padding-left: 160px;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #afafaf;
  padding-top: 5px;
  min-height: 152px;
  margin-bottom: 30px;
}
.sep-resource-list2 li.nothumb {
  padding-left: 0;
}
.sep-resource-list2 li.nothumb .thumb {
  display: none;
}
.sep-resource-list2 li .thumb {
  display: block;
  position: absolute;
  width: 140px;
  overflow: hidden;
  left: 0;
  top: 0;
  text-align: center;
}
.sep-resource-list2 li .thumb img {
  width: 100%;
}
.sep-resource-list2 li .thumb i {
  font-size: 32px;
}
.sep-resource-list2 li .times {
  display: block;
  color: #545454;
  margin-bottom: 6px;
}
.sep-resource-list2 li .title {
  display: block;
  color: #545454;
  font-weight: bold;
  margin-bottom: 10px;
}
.sep-resource-list2 li .title:hover {
  color: #004ea2;
}
.sep-resource-list2 li .summary {
  display: block;
  color: #545454;
  line-height: 1.6em;
  margin-bottom: 10px;
}
.sep-resource-list2 li .more {
  text-transform: uppercase;
  color: #004ea2;
  font-size: 12px;
  font-weight: bold;
}
.sep-resource-list2 li .more:hover {
  text-decoration: underline;
}
.pdfs-boxs {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}
.pdfs-boxs .pdfs-lists {
  width: 49%;
  line-height: 59px;
  border: 1px solid #e0e0e0;
  padding: 0 14px;
  margin-bottom: 20px;
}
.pdfs-boxs .pdfs-lists.ons {
  width: 100%;
}
.pdfs-boxs .pdfs-lists:nth-child(odd) {
  float: left;
}
.pdfs-boxs .pdfs-lists:nth-child(even) {
  float: right;
}
.pdfs-boxs .pdfs-lists:hover {
  border-color: #e60012;
}
.pdfs-boxs .pdfs-lists a {
  color: #323232;
  line-height: 59px;
}
.pdfs-boxs .pdfs-lists a:hover {
  color: #004ea2;
}
.pdfs-boxs .pdfs-lists .titles-a {
  width: 80%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
}
.pdfs-boxs .pdfs-lists .titles-a i {
  font-size: 20px;
  margin-right: 10px;
}
.pdfs-boxs .pdfs-lists i {
  color: #004ea2;
  font: normal normal normal 14px/1 FontAwesome;
}
.pdfs-boxs .pdfs-lists img {
  margin-right: 10px;
}
.pdf-download {
  margin-right: 10px;
}
.sep-inner-banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.sep-inner-banner img {
  width: 100%;
}
.sep-inner-banner .banner.bgs:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}
.sep-inner-banner .b-covers {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 20;
}
.sep-inner-banner .b-covers .boxs {
  width: 100%;
  display: block;
  position: relative;
}
.sep-inner-banner .b-titles {
  width: 100%;
  display: block;
  font-size: 50px;
  line-height: normal;
  color: #fff;
}
.sep-inner-banner .b-titles.cors {
  color: #004ea2;
}
.sep-inner-banner .b-spans {
  width: 100%;
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  margin-top: 16px;
}
.sep-inner-banner .b-spans.cors {
  color: #fff;
}
.sep-inner-banner .b-spans * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.sep-breadcrumb {
  width: 100%;
  background: #f7f8f9;
}
.sep-breadcrumb.bors {
  border-bottom: 1px solid #e5e5e5;
}
.sep-breadcrumb.onss .breadcrumb-boxs {
  padding-left: 28px;
}
.sep-breadcrumb.onss .breadcrumb-boxs i {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 28px;
  position: absolute;
  left: 0;
  top: 10px;
}
.sep-breadcrumb.onss .breadcrumb-boxs i img {
  max-width: 100%;
}
.sep-breadcrumb .breadcrumb-boxs {
  position: relative;
  padding: 10px 0;
}
.sep-breadcrumb .breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
  line-height: 28px;
  text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.sep-breadcrumb .breadcrumb li {
  color: #666;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}
.sep-breadcrumb .breadcrumb li a {
  color: #666;
  font-size: 16px;
}
.sep-breadcrumb .breadcrumb li:last-child a {
  color: #004ea2;
}
.sep-breadcrumb .breadcrumb li:hover a {
  color: #004ea2 !important;
  text-decoration: underline;
}
.sep-breadcrumb .breadcrumb li + li:before {
  content: "/";
  color: inherit;
  padding: 0 5px;
}
#xm-nexts {
  width: 100%;
  position: relative;
}
.sep-pages-boxs {
  display: block;
  width: 100%;
  padding: 96px 0 115px;
}
.sep-pages-boxs.ons {
  padding: 0 0 100px;
}
.sep-pages-boxs.ons1 {
  padding: 72px 0 0;
}
.sep-pages-boxs.no-pads {
  padding: 0;
}
.sep-pages-boxs.bgs {
  background: #f5f5f5;
}
.sep-pages-boxs.bgs1 {
  background: #f7f8f9;
}
.sep-pages-boxs .hz-lefts {
  width: calc(100% - 360px);
}
.sep-pages-boxs .hz-rights {
  width: 300px;
  margin-left: auto;
}
.sep-pages-boxs .hz-rights.ons {
  position: fixed;
  left: 50%;
  margin-left: 380px;
  top: 130px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 88;
}
.sep-pages-boxs .hz-rights.ons::-webkit-scrollbar {
  width: 1px;
  height: 100%;
  background-color: #fff;
  overflow: initial;
}
.sep-pages-boxs .hz-rights.ons::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
}
.sep-pages-boxs .hz-rights.ons::-moz-scrollbar {
  width: 1px;
  height: 100%;
  background-color: #fff;
  overflow: initial;
}
.sep-pages-boxs .hz-rights.ons::-moz-scrollbar-thumb {
  background-color: #c8c8c8;
}
.sep-pages-boxs .hz-rights.ons::-ms-scrollbar {
  width: 1px;
  height: 100%;
  background-color: #fff;
  overflow: initial;
}
.sep-pages-boxs .hz-rights.ons::-ms-scrollbar-thumb {
  background-color: #c8c8c8;
}
.sep-pages-boxs .hz-rights.ons::-o-scrollbar {
  width: 1px;
  height: 100%;
  background-color: #fff;
  overflow: initial;
}
.sep-pages-boxs .hz-rights.ons::-o-scrollbar-thumb {
  background-color: #c8c8c8;
}
.sep-pages-boxs .hz-rights.onsss {
  position: absolute;
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
  margin: 0 !important;
  height: auto !important;
}
.hz-pro-index-ul-boxs {
  width: 100%;
}
.hz-pro-index-ul-boxs.ons {
  margin-top: 36px;
}
.hz-pro-index-ul-boxs .p-lists {
  width: 100%;
  align-items: center;
  margin-bottom: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 50px;
  background: #fff;
}
.hz-pro-index-ul-boxs .p-lists:nth-child(even) {
  flex-direction: row-reverse;
}
.hz-pro-index-ul-boxs .p-lists:nth-child(even) .lis-boxs {
  padding: 0 80px 0 0;
}
.hz-pro-index-ul-boxs .thumbs {
  width: calc(50% - 40px);
}
.hz-pro-index-ul-boxs .thumbs.ons {
  height: 300px;
  line-height: 300px;
}
.hz-pro-index-ul-boxs .lis-boxs {
  width: calc(50% + 40px);
  padding-left: 80px;
}
.hz-pro-index-ul-boxs .titles-a {
  font-size: 24px;
  line-height: 30px;
  color: #004ea2;
}
.hz-pro-index-ul-boxs .titles-a:hover {
  color: #e60012;
}
.hz-pro-index-ul-boxs .spans {
  margin-top: 15px;
  line-height: 28px;
}
.hz-pro-index-ul-boxs .spans.ons {
  height: 84px;
}
.hz-pro-index-ul-boxs .spans.ons1 {
  height: 102px;
}
.hz-pro-index-ul-boxs .ul-boxs {
  width: 100%;
  margin-top: 20px;
}
.hz-pro-index-ul-boxs .ul-boxs .ul-lists {
  display: block;
  width: 50%;
  float: left;
  font-size: 16px;
  line-height: 32px;
  padding-left: 16px;
  position: relative;
}
.hz-pro-index-ul-boxs .ul-boxs .ul-lists i {
  display: block;
  line-height: inherit;
  color: #004ea2;
  font-size: inherit;
  position: absolute;
  left: 0;
  top: 0;
}
.hz-pro-index-ul-boxs .ul-boxs .ul-lists:hover {
  color: #e60012;
}
.hz-pro-index-ul-boxs .ul-boxs .ul-lists:hover i {
  color: #e60012;
}
.mptj {
  position: relative;
  top: -64px;
}
.hz-pro-inner-boxs {
  width: 100%;
  align-items: center;
}
.hz-pro-inner-boxs.ons {
  margin-top: 50px;
}
.hz-pro-inner-boxs .pro-lists {
  width: 50%;
}
.hz-pro-inner-boxs .pro-lefts {
  padding-right: 100px;
  padding-right: 30px;
}
.hz-pro-adv-ul-boxs {
  width: 100%;
}
.hz-pro-adv-ul-boxs.ons {
  margin-top: 30px;
}
.hz-pro-adv-ul-boxs .p-boxs {
  margin: 0 -10px;
}
.hz-pro-adv-ul-boxs .p-boxs .p-lists {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
}
.hz-pro-adv-ul-boxs .p-lists {
  width: 100%;
  padding-left: 50px;
  margin-bottom: 32px;
  margin-bottom: 16px;
}
.hz-pro-adv-ul-boxs .p-lists:last-child {
  margin-bottom: 0;
}
.hz-pro-adv-ul-boxs .i-imgs {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
}
.hz-pro-adv-ul-boxs .titles-a {
  font-size: 18px;
  line-height: 30px;
}
.hz-pro-adv-ul-boxs .spans {
  margin-top: 12px;
}
.hz-pro-adv-ul-boxs1 {
  width: 100%;
}
.hz-pro-adv-ul-boxs1.ons {
  margin-top: 30px;
}
.hz-pro-adv-ul-boxs1 .p-boxs {
  border: 1px solid #e6e6e6;
  border-top: none;
  border-left: none;
}
.hz-pro-adv-ul-boxs1 .p-lists {
  width: 25%;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 30px 20px;
  text-align: center;
  position: relative;
  z-index: 12;
}
.hz-pro-adv-ul-boxs1 .p-lists:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #004ea2;
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
}
.hz-pro-adv-ul-boxs1 .p-lists:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #004ea2;
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
}
.hz-pro-adv-ul-boxs1 .p-lists:hover {
  border-color: #004ea2;
  z-index: 20;
}
.hz-pro-adv-ul-boxs1 .p-lists:hover:before,
.hz-pro-adv-ul-boxs1 .p-lists:hover:after {
  opacity: 1;
}
.hz-pro-adv-ul-boxs1 .i-imgs {
  width: 100%;
  line-height: 30px;
}
.hz-pro-adv-ul-boxs1 .titles-a {
  font-size: 18px;
  line-height: 30px;
  margin-top: 16px;
}
.hz-pro-adv-ul-boxs1 .spans {
  margin-top: 12px;
}
.hb-pro-index-news-boxs {
  width: 100%;
  position: relative;
}
.hb-pro-index-news-boxs.ons {
  margin-top: 60px;
}
.hb-pro-index-news-boxs ul.ons {
  margin: 0 -16px;
}
.hb-pro-index-news-boxs ul.ons li {
  width: calc(50% - 32px);
  margin: 0 16px 24px;
}
.hb-pro-index-news-boxs ul li {
  margin-bottom: 24px;
  float: left;
  border-bottom: 10px solid #fff;
  align-items: center;
  background: #f7f7f7;
  height: auto;
}
.hb-pro-index-news-boxs ul li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.hb-pro-index-news-boxs .thumbs {
  width: 240px;
  position: relative;
  overflow: hidden;
}
.hb-pro-index-news-boxs .thumbs img {
  max-width: 100%;
}
.hb-pro-index-news-boxs .lis-boxs {
  width: calc(100% - 240px);
  padding: 6px 20px;
}
.hb-pro-index-news-boxs .titles-a {
  font-size: 18px;
  line-height: 24px;
  color: #333;
}
.hb-pro-index-news-boxs .titles-a:hover {
  color: #004ea2;
}
.hb-pro-index-news-boxs .spans {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}
.hb-pro-index-news-boxs .spans.ons {
  height: 48px;
}
.hb-pro-index-news-boxs .times {
  width: auto;
  height: 60px;
  background-color: rgba(9, 113, 186, 0.8);
  position: absolute;
  left: 0;
  top: calc(50% - 30px);
  padding: 10px 10px;
  font-size: 14px;
  z-index: 30;
  color: #fff;
}
.hb-pro-index-news-boxs .lr-lists-boxs .lr-lists {
  display: block;
  outline: none;
  text-align: center;
  top: 44%;
}
.hb-pro-index-news-boxs .lr-lists-boxs .lr-lists i {
  font-size: 36px;
  color: #333;
}
.hb-pro-index-news-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: -60px;
}
.hb-pro-index-news-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: -60px;
}
.hb-pro-index-news-boxs .swiper-pagination {
  width: 100%;
  text-align: center;
  left: 0;
  bottom: -20px;
}
.hb-pro-index-news-boxs .swiper-pagination span {
  border-radius: 0;
  width: 44px;
  height: 3px;
  background: #e6e6e6;
  margin: 0 5px;
  opacity: 1;
}
.hb-pro-index-news-boxs
  .swiper-pagination
  span.swiper-pagination-bullet-active {
  background: #004ea2;
}
.hz-pro-index-contact-boxs {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.hz-pro-index-contact-boxs .sep-container {
  position: relative;
  z-index: 10;
}
.hz-pro-index-contact-boxs .boxs {
  width: 100%;
  align-items: center;
}
.hz-pro-index-contact-boxs .titles-a {
  width: calc(100% - 220px);
  font-size: 32px;
  line-height: 1.5;
  color: #fff;
}
.hz-pro-index-contact-boxs .titles-a:hover {
  color: #e60012;
}
.hz-pro-index-contact-boxs .mores-boxs {
  width: 220px;
  text-align: right;
}
.hz-pro-index-contact-boxs .mores-boxs .mores {
  display: inline-block;
  vertical-align: top;
  padding: 0 28px;
  line-height: 42px;
  border: 1px solid #fff;
  font-size: 16px;
  color: #fff;
}
.hz-pro-index-contact-boxs .mores-boxs .mores:hover {
  background: #fff;
  color: #004ea2;
}
.hz-pro-index-contact-boxs .faq-lefts {
  width: 47.5%;
}
.hz-pro-index-contact-boxs .faq-rights {
  width: 52.5%;
  padding-left: 4.5%;
}
.hz-inner-boxs {
  width: 100%;
}
.hz-inner-boxs.bgs {
  background: #f5f5f5;
  padding: 30px;
}
.hz-inner-boxs.ons {
  margin-top: 48px;
}
.hz-pro-detail-thumbs {
  width: 100%;
}
.hz-pro-detail-thumbs.ons {
  margin-top: 40px;
}
.hz-pro-detail-thumbs .thumbs {
  width: 100%;
  position: relative;
}
.hz-pro-detail-thumbs .thumbs .imgs {
  width: calc(100% - 190px);
  text-align: center;
  border: 1px solid #e6e6e6;
}
.hz-pro-detail-thumbs .thumbs .imgs img {
  max-width: 100%;
}
.hz-pro-detail-thumbs .thumbs .imgs.ons {
  height: 450px;
  line-height: 450px;
}
.hz-pro-detail-thumbs .thumbs-rights {
  width: 100%;
  padding: 30px 0 0;
}
.hz-pro-detail-thumbs .thumbs-rights .mores-boxs .mores {
  display: inline-block;
  vertical-align: top;
  padding: 0 24px;
  background: #004ea2;
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
}
.hz-pro-detail-thumbs .thumbs-rights .mores-boxs .mores:last-child {
  margin-right: 10px;
}
.hz-pro-detail-thumbs .thumbs-rights .mores-boxs .mores i {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  text-align: center;
  font-size: inherit;
  color: inherit;
  margin-right: 10px;
}
.hz-pro-detail-thumbs .thumbs-rights .mores-boxs .mores:hover {
  background: #e60012;
}
.hz-duotus-ul-boxs {
  width: 170px;
  margin-left: auto;
  padding: 40px 0;
  position: relative;
}
.hz-duotus-ul-boxs img {
  max-width: 100%;
  max-height: 100%;
}
.hz-duotus-ul-boxs .swiper-container {
  height: 370px;
}
.hz-duotus-ul-boxs li {
  background: #fff;
}
.hz-duotus-ul-boxs li.swiper-slide-thumb-active .lis-boxs {
  border-color: #004ea2;
}
.hz-duotus-ul-boxs .lis-boxs {
  border: 1px solid #e6e6e6;
}
.hz-duotus-ul-boxs .lis-boxs.ons {
  height: 112px;
  line-height: 110px;
}
.hz-duotus-ul-boxs .lr-lists-boxs .lr-lists {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #e6e6e6;
  font-size: 20px;
  color: #004ea2;
  position: absolute;
  left: 0;
  cursor: pointer;
}
.hz-duotus-ul-boxs .lr-lists-boxs .lr-lists i {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.hz-duotus-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  top: 0;
}
.hz-duotus-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
  bottom: 0;
}
.hz-duotus-ul-boxs .lr-lists-boxs .lr-lists:hover {
  background: #004ea2;
  color: #fff;
}
.hz-siderbar-contact-boxs {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.hz-siderbar-contact-boxs .boxs {
  position: relative;
  z-index: 10;
  padding: 75px 20px 10px;
}
.hz-siderbar-contact-boxs .p-lists {
  display: block;
  width: 100%;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}
.hz-siderbar-contact-boxs .p-lists.size20 {
  font-size: 20px;
}
.hz-siderbar-contact-boxs .p-lists i {
  display: block;
  font-size: 22px;
  color: inherit;
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
}
.hz-siderbar-contact-boxs .p-lists + .p-lists {
  margin-top: 6px;
}
.hz-siderbar-contact-boxs a.p-lists:hover {
  color: #e60012;
}
.xm-pro-relted-ul-boxs {
  width: 100%;
}
.xm-pro-relted-ul-boxs.ons {
  margin-top: 44px;
}
.xm-pro-relted-ul-boxs .p-boxs {
  margin: 0 -13px;
}
.xm-pro-relted-ul-boxs .p-lists {
  width: calc(25% - 26px);
  margin: 0 13px 24px;
}
.xm-pro-relted-ul-boxs .p-lists.ons {
  width: calc(33.3333% - 26px);
}
.xm-pro-relted-ul-boxs .thumbs {
  background: #f1f5f8;
}
.xm-pro-relted-ul-boxs .thumbs.ons {
  height: 210px;
  line-height: 210px;
}
.xm-pro-relted-ul-boxs .lis-boxs {
  width: calc(100% - 20px);
  min-height: 75px;
  padding: 16px 0 0;
  border-bottom: 1px solid #e6e6e6;
  margin: auto;
}
.xm-pro-relted-ul-boxs .titles-a {
  line-height: 26px;
  color: #4c4c4c;
  min-height: 52px;
}
.xm-pro-relted-ul-boxs .titles-a:hover {
  color: #004ea2;
}
.sep-sidebar {
  width: 100%;
  position: sticky;
  top: 130px;
}
.sep-sidebar .siderbar-boxs-titles {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  padding: 10px 20px;
  background: #004ea2;
}
.sep-sidebar .siderbar-boxs-titles.ons {
  margin-top: 16px;
}
.sep-sidebar a.siderbar-boxs-titles:hover {
  background: #e60012;
}
.hz-siderbar-ul-boxs {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 3px 19px 23px;
}
.hz-siderbar-ul-boxs.ons {
  margin-bottom: 16px;
}
.hz-siderbar-ul-boxs > ul > li {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.hz-siderbar-ul-boxs > ul > li:last-child {
  border-bottom: none;
}
.hz-siderbar-ul-boxs > ul > li > a {
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #1a1a1a;
  padding: 10px 0;
  padding-right: 30px;
  position: relative;
  border-bottom: 1px solid transparent;
}
.hz-siderbar-ul-boxs > ul > li > a .i-boxs {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: -10px;
}
.hz-siderbar-ul-boxs > ul > li > a .i-boxs i {
  display: block;
  width: 10px;
  height: 2px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  margin-top: -1px;
}
.hz-siderbar-ul-boxs > ul > li > a .i-boxs i:after {
  content: "";
  display: block;
  width: 2px;
  height: 10px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -5px;
}
.hz-siderbar-ul-boxs > ul > li:hover > a {
  color: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li:hover > a .i-boxs i {
  background: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li:hover > a .i-boxs i:after {
  background: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li.active > a {
  color: #004ea2;
  border-color: #e5e5e5;
}
.hz-siderbar-ul-boxs > ul > li.active > a .i-boxs i {
  background: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li.active > a .i-boxs i:after {
  background: #004ea2;
  display: none;
}
.hz-siderbar-ul-boxs > ul > li.activess > ul {
  display: block;
}
.hz-siderbar-ul-boxs > ul > li > ul {
  display: none;
  padding: 9px 0;
}
.hz-siderbar-ul-boxs > ul > li > ul > li {
  width: 100%;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > a {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 26px;
  position: relative;
  display: block;
  padding: 6px 0;
  padding-right: 30px;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > a .i-boxs {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: 4px;
  right: -10px;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > a .i-boxs i {
  font-size: inherit;
  color: #004ea2;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.hz-siderbar-ul-boxs > ul > li > ul > li:hover > a {
  color: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li > ul > li.active > a {
  color: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li > ul > li.active > a .i-boxs {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hz-siderbar-ul-boxs > ul > li > ul > li.activess > ul {
  display: block;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > ul {
  display: none;
  padding: 9px 0;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > ul > li {
  width: 100%;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > ul > li > a {
  width: 100%;
  font-size: 14px;
  color: #999;
  line-height: 26px;
  position: relative;
  display: block;
  padding: 6px 0;
  padding-left: 20px;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > ul > li:hover > a {
  color: #004ea2;
}
.hz-siderbar-ul-boxs > ul > li > ul > li > ul > li.active > a {
  color: #004ea2;
}
.hz-siderbar-news-ul-boxs {
  width: 100%;
  border: 1px solid #e5e5e5;
  padding: 19px 19px 39px;
}
.hz-siderbar-news-ul-boxs ul li {
  width: 100%;
  margin-bottom: 22px;
}
.hz-siderbar-news-ul-boxs ul li + li {
  border-top: 1px solid #e6e6e6;
}
.hz-siderbar-news-ul-boxs ul li:last-child {
  margin-bottom: 0;
}
.hz-siderbar-news-ul-boxs .thumbs {
  text-align: center;
}
.hz-siderbar-news-ul-boxs .thumbs.ons {
  height: 170px;
  line-height: 170px;
}
.hz-siderbar-news-ul-boxs .lis-boxs {
  width: 100%;
  display: block;
  padding: 15px 0 0;
}
.hz-siderbar-news-ul-boxs .titles-a {
  line-height: 28px;
  color: #1a1a1a;
}
.hz-siderbar-news-ul-boxs .titles-a:hover {
  color: #e60012;
}
.hz-siderbar-news-ul-boxs .times {
  color: #004ea2;
  line-height: 24px;
  margin-top: 10px;
}
.hz-siderbar-news-ul-boxs .mores-boxs {
  margin-top: 24px;
}
.hz-siderbar-news-ul-boxs .mores-boxs .mores {
  display: inline-block;
  vertical-align: top;
  padding: 0 18px;
  line-height: 32px;
  color: #fff;
  background: #004ea2;
}
.hz-siderbar-news-ul-boxs .mores-boxs .mores:hover {
  background: #e60012;
}
.hz-pro-detail-titles {
  display: block;
  width: 100%;
  font-size: 26px;
  color: #004ea2;
  line-height: 1.32;
}
.hz-pro-detail-titles.ons {
  margin-bottom: 30px;
}
.hz-pro-detail-titles.onss {
  margin-top: 30px;
}
.fyzn-pro-lists-boxs {
  width: 100%;
}
.fyzn-pro-lists-boxs.ons {
  margin-top: 30px;
}
.fyzn-pro-lists-boxs .p-lists {
  width: 100%;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.fyzn-pro-lists-boxs .thumbs {
  width: 270px;
}
.fyzn-pro-lists-boxs .thumbs.ons {
  height: 210px;
  line-height: 210px;
}
.fyzn-pro-lists-boxs .lis-boxs {
  width: calc(100% - 270px);
  padding-left: 30px;
}
.fyzn-pro-lists-boxs .titles-a {
  font-size: 22px;
  color: #1a1a1a;
}
.fyzn-pro-lists-boxs .titles-a:hover {
  color: #004ea2;
}
.fyzn-pro-lists-boxs .spans {
  margin-top: 16px;
}
.fyzn-pro-lists-boxs .mores-boxs {
  width: 100%;
  margin-top: 20px;
}
.fyzn-pro-lists-boxs .mores-boxs .mores {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  line-height: 38px;
  color: #004ea2;
}
.fyzn-pro-lists-boxs .mores-boxs .mores:hover {
  background: #004ea2;
  border-color: #004ea2;
  color: #fff;
}
.hz-pro-lists-difference-ul-boxs {
  width: 100%;
}
.hz-pro-lists-difference-ul-boxs.ons {
  margin-top: 30px;
}
.hz-pro-lists-difference-ul-boxs .p-lists {
  position: relative;
  border: 1px solid #e6e6e6;
  padding: 15px;
  margin-bottom: 12px;
  background: #fff;
}
.hz-pro-lists-difference-ul-boxs .p-lists.active .i-boxs {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.hz-pro-lists-difference-ul-boxs .p-lists.activess .lis-boxs {
  display: block;
}
.hz-pro-lists-difference-ul-boxs .titles-a {
  font-size: 20px;
  line-height: 30px;
  padding: 3px 0;
  position: relative;
  padding-right: 30px;
}
.hz-pro-lists-difference-ul-boxs .i-boxs {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 3px;
}
.hz-pro-lists-difference-ul-boxs .i-boxs i {
  font-size: 20px;
}
.hz-pro-lists-difference-ul-boxs .lis-boxs {
  width: 100%;
  display: none;
  padding: 10px 0;
}
.hz-pro-relted-ul-boxs {
  width: 100%;
}
.hz-pro-relted-ul-boxs.ons {
  margin-top: 44px;
}
.hz-pro-relted-ul-boxs .p-boxs {
  margin: 0 -13px;
}
.hz-pro-relted-ul-boxs .p-lists {
  width: calc(33.333% - 26px);
  margin: 0 13px 24px;
}
.hz-pro-relted-ul-boxs .p-lists.ons {
  width: calc(25% - 26px);
}
.hz-pro-relted-ul-boxs .thumbs.ons {
  height: 210px;
  line-height: 210px;
}
.hz-pro-relted-ul-boxs .lis-boxs {
  width: 100%;
  min-height: 115px;
  padding: 20px 12px 0;
  background: #e6e6e6;
}
.hz-pro-relted-ul-boxs .titles-a {
  line-height: 26px;
  color: #4c4c4c;
  min-height: 52px;
}
.hz-pro-relted-ul-boxs .titles-a:hover {
  color: #004ea2;
}
.sep-pro-forms-boxs {
  width: 100%;
}
.sep-pro-forms-boxs .sep-form {
  width: auto;
  min-width: 100%;
  padding: 0;
  margin: 0 -10px;
}
.sep-pro-forms-boxs .sep-form .form-group {
  width: calc(100% - 20px);
  margin: 0 10px 20px;
  position: relative;
  padding: 0;
}
.sep-pro-forms-boxs .sep-form .form-group.ons {
  width: calc(50% - 20px);
}
.sep-pro-forms-boxs .sep-form .form-group:last-child {
  margin-bottom: 0;
}
.sep-pro-forms-boxs .sep-form .form-control {
  width: 100%;
  outline: none;
  padding: 5px 14px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  border: 1px solid #e6e6e6;
  padding-left: 22px;
  box-shadow: none !important;
  height: 46px;
}
.sep-pro-forms-boxs .sep-form .form-control::-webkit-placeholder {
  color: inherit;
}
.sep-pro-forms-boxs .sep-form .form-control::-moz-placeholder {
  color: inherit;
}
.sep-pro-forms-boxs .sep-form .form-control::-ms-placeholder {
  color: inherit;
}
.sep-pro-forms-boxs .sep-form .form-control::-o-placeholder {
  color: inherit;
}
.sep-pro-forms-boxs .sep-form .form-control::placeholder {
  color: inherit;
}
.sep-pro-forms-boxs .sep-form textarea.form-control {
  height: 140px;
}
.sep-pro-forms-boxs .sep-form .i-imgs {
  position: absolute;
  left: 12px;
  top: 5px;
  line-height: 30px;
}
.sep-pro-forms-boxs .sep-form .i-imgs img {
  max-width: 100%;
}
.sep-pro-forms-boxs .sep-form .btn {
  display: inline-block;
  vertical-align: top;
  outline: none;
  border: none;
  padding: 0 100px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  background: #004ea2;
  margin-top: 20px;
  border-radius: 0;
}
.sep-pro-forms-boxs .sep-form .btn:hover {
  box-shadow: none;
  background: #e60012;
  opacity: 1;
}
.jm-projects-ul-boxs {
  display: block;
  width: 100%;
}
.jm-projects-ul-boxs.ons {
  margin-top: 32px;
}
.jm-projects-ul-boxs ul {
  margin: 0 -20px;
}
.jm-projects-ul-boxs ul li {
  display: block;
  width: calc(50% - 40px);
  background: #fff;
  border: 1px solid #f0f0f0;
  margin: 0 20px 40px;
}
.jm-projects-ul-boxs ul li.ons .lis-boxs {
  padding: 6px 18px 18px;
}
.jm-projects-ul-boxs ul li:hover .thumbs-boxs {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.jm-projects-ul-boxs ul li:hover .titles-a {
  color: #004ea2;
}
.jm-projects-ul-boxs .thumbs {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.jm-projects-ul-boxs .thumbs.ons {
  height: 257px;
  line-height: 257px;
}
.jm-projects-ul-boxs .thumbs img {
  width: 100%;
}
.jm-projects-ul-boxs .thumbs-boxs {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: rgba(0, 0, 0, 0.3);
}
.jm-projects-ul-boxs .thumbs-boxs .boxs {
  display: block;
  width: 100%;
  padding: 0 2%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.jm-projects-ul-boxs .thumbs-titles {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  padding: 9px 0;
  position: relative;
}
.jm-projects-ul-boxs .thumbs-titles:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 0;
}
.jm-projects-ul-boxs .thumbs-titles:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 0;
}
.jm-projects-ul-boxs .thumbs-titles:hover {
  color: #004ea2;
}
.jm-projects-ul-boxs .titles-a {
  line-height: 32px;
  margin-top: 12px;
}
.jm-projects-ul-boxs .titles-a.ons {
  min-height: 64px;
}
.jm-projects-ul-boxs .spans {
  overflow: hidden;
  margin-top: 7px;
}
.jm-projects-ul-boxs .spans.ons {
  height: 24px;
}
.jm-projects-ul-boxs .spans.onss {
  height: 48px;
}
.jm-projects-ul-boxs .lis-boxs {
  display: block;
  width: 100%;
  padding: 0 18px 11px;
}
.jm-projects-ul-boxs .mores-boxs {
  display: block;
  margin-top: 6px;
  border-top: 1px solid #f0f0f0;
  padding-top: 9px;
}
.jm-projects-ul-boxs .mores-boxs .mores {
  float: left;
  line-height: 32px;
  color: #646464;
}
.jm-projects-ul-boxs .mores-boxs i {
  display: block;
  width: 26px;
  height: 2px;
  background: #787878;
  float: right;
  position: relative;
  margin-right: 9px;
  margin-top: 15px;
}
.jm-projects-ul-boxs .mores-boxs i:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #787878;
  position: absolute;
  left: 100%;
  top: -3px;
  border-left-width: 8px;
  border-right-width: 8px;
}
.jm-projects-ul-boxs .mores-boxs:hover .mores {
  color: #004ea2;
}
.jm-projects-ul-boxs .mores-boxs:hover i {
  background: #004ea2;
}
.jm-projects-ul-boxs .mores-boxs:hover i:after {
  border-left-color: #004ea2;
}
.ytgd-inner-news-boxs {
  display: block;
  width: 100%;
}
.ytgd-inner-news-boxs.ons {
  margin-top: 30px;
}
.ytgd-inner-news-boxs ul li {
  background-color: #f3f5f5;
  margin-bottom: 30px;
  position: relative;
}
.ytgd-inner-news-boxs ul li .lis-boxs {
  padding: 40px;
}
.ytgd-inner-news-boxs ul li .titles-a {
  width: 100%;
  display: block;
  font-size: 25px;
  font-weight: 500;
  line-height: 37px;
  color: #004ea2;
  padding: 0 80px 0 0;
}
.ytgd-inner-news-boxs ul li .times {
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #959595;
  padding: 5px 0;
}
.ytgd-inner-news-boxs ul li .spans {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #363636;
  padding: 8px 0;
}
.ytgd-inner-news-boxs ul li .mores {
  font-weight: 700;
  color: #004ea2;
  font-size: 16px;
  width: 100%;
  text-align: right;
  display: block;
}
.ytgd-inner-news-boxs ul li .mores:after {
  content: ">";
  margin-left: 4px;
}
.ytgd-inner-news-boxs ul li .times-boxs {
  width: 70px;
  height: 70px;
  background-color: #004ea2;
  position: absolute;
  top: -8px;
  right: 40px;
  font-size: 30px;
  font-weight: 900;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding-top: 18px;
}
.ytgd-inner-news-boxs ul li .times-boxs:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: -6px;
  border: 6px solid transparent;
  border-bottom-color: #004ea2;
  display: block;
}
.ytgd-inner-news-boxs ul li .times-boxs .span {
  display: block;
  font-size: 16px;
  color: #fff;
}
.ytgd-inner-news-boxs ul li a:hover {
  text-decoration: underline;
}
.sep-resource-grid.ons .sep-datalist li {
  width: calc(50% - 30px);
}
.sep-resource-grid.onss {
  margin-top: 30px;
}
.sep-resource-grid .sep-datalist {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  overflow: hidden;
}
.sep-resource-grid .sep-datalist li {
  position: relative;
  float: left;
  width: calc(33.333% - 30px);
  overflow: hidden;
  margin: 0 15px 24px;
}
.sep-resource-grid .sep-datalist li .thumb {
  display: block;
  border: 1px solid #c8c8c8;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
}
.sep-resource-grid .sep-datalist li .thumb img {
  width: 100%;
  border: none;
}
.sep-resource-grid .sep-datalist li .thumb iframe {
  width: 100%;
  height: 190px;
  max-height: 200px;
}
.sep-resource-grid .sep-datalist li .thumb.ons {
  height: 200px;
  line-height: 200px;
}
.sep-resource-grid .sep-datalist li .title {
  line-height: 1.5em;
  height: 3em;
  display: block;
  overflow: hidden;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.sep-resource-grid .sep-datalist li .title:hover {
  color: #004ea2;
}
.sep-resource-grid .sep-datalist li .summary {
  display: none;
  line-height: 1.5em;
  height: 6em;
  overflow: hidden;
  color: #777;
}
.sep-resource-grid .sep-datalist li .published {
  display: none;
}
.sep-resource-grid .sep-datalist li .btn-read {
  display: none;
}
.clhs-download {
  width: 100%;
}
.clhs-download.ons {
  margin-top: 30px;
}
.clhs-download .download-list {
  border: 1px solid #ccc;
  padding: 25px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 24px;
}
.clhs-download .download-list:hover {
  border-color: #004ea2;
}
.clhs-download .download-list:hover .titles-a {
  color: #004ea2;
}
.clhs-download .titles-a {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #646464;
  margin: 24px 0;
}
.clhs-download .titles-a.ons {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.clhs-download .titles-a.ons1 {
  min-height: 52px;
}
.clhs-download .times {
  background: url(../images/news-03-2.png) no-repeat left center;
  padding-left: 25px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #646464;
}
.clhs-download .d-mores {
  display: block;
  width: 100%;
  text-align: right;
}
.clhs-download .d-mores img {
  max-width: 100%;
}
.clhs-download .d-mores i {
  color: #004ea2;
  margin-right: 10px;
}
.clhs-download a:hover {
  text-decoration: underline;
}
.hf-contacts-ul-boxs {
  width: 100%;
}
.hf-contacts-ul-boxs.ons {
  margin-top: 32px;
}
.hf-contacts-ul-boxs ul {
  margin: 0 -16px;
}
.hf-contacts-ul-boxs ul li {
  width: calc(25% - 32px);
  border: 1px dashed #004ea2;
  padding: 30px 16px 20px;
  border-radius: 10px;
  margin: 0 16px 30px;
  min-height: 200px;
}
.hf-contacts-ul-boxs ul li:hover i {
  background: #004ea2;
  color: #fff;
}
.hf-contacts-ul-boxs i {
  width: 66px;
  text-align: center;
  height: 66px;
  line-height: 64px;
  display: block;
  margin: auto;
  border-radius: 100%;
  border: 1px solid #004ea2;
  font-size: 24px;
  color: #004ea2;
}
.hf-contacts-ul-boxs .lis-boxs {
  width: 100%;
  display: block;
}
.hf-contacts-ul-boxs a.lis-boxs:hover .spans {
  color: #004ea2;
}
.hf-contacts-ul-boxs a.lis-boxs:hover .spans * {
  color: #004ea2;
}
.hf-contacts-ul-boxs .spans {
  min-height: 64px;
  margin-top: 20px;
}
.hf-contacts-ul-boxs .spans span {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  color: inherit;
  font-weight: bold;
}
.asked-form-boxs .form-titles {
  font-size: 20px;
  line-height: normal;
  color: #343434;
  display: block;
}
.asked-form-boxs .richtext {
  font-size: 15px;
  line-height: 30px;
}
.asked-form-boxs .richtext * {
  font-size: 15px;
  line-height: 30px;
}
.asked-form-boxs .sep-general-form {
  margin-top: 15px;
}
.asked-form-boxs .sep-general-form .sep-form .form-group {
  width: 48.8%;
  margin-bottom: 22px;
}
.asked-form-boxs .sep-general-form .sep-form .form-group:last-child {
  margin-bottom: 0;
}
.asked-form-boxs .sep-general-form .sep-form .form-group.ons {
  width: 100%;
}
.asked-form-boxs .sep-general-form .sep-form .form-group .form-control {
  border-color: transparent;
  height: 51px;
  box-shadow: none !important;
  font-size: 14px;
  color: #b5b5b5;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .form-control::-webkit-placeholder {
  color: #b5b5b5;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .form-control::-moz-placeholder {
  color: #b5b5b5;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .form-control::placeholder {
  color: #b5b5b5;
}
.asked-form-boxs .sep-general-form .sep-form .form-group textarea.form-control {
  height: 109px;
}
.asked-form-boxs .sep-general-form .sep-form .form-group .btn-primary {
  border: none;
  background: #004ea2;
  height: 44px;
  border-radius: 22px;
  padding: 0 16px 0 40px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 42px;
  color: #fff;
  border: 1px solid #004ea2;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .btn-primary
  .i-b-boxs {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  float: right;
  border-radius: 100%;
  margin-top: 7px;
  margin-left: 16px;
  background: #004ea2;
  position: relative;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .btn-primary
  .i-b-boxs
  i {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -4px;
}
.asked-form-boxs .sep-general-form .sep-form .form-group .btn-primary:hover {
  background: none;
  color: #004ea2;
}
.asked-form-boxs
  .sep-general-form
  .sep-form
  .form-group
  .btn-primary:hover
  .i-b-boxs
  i {
  color: #004ea2;
}
.hf-wqa-ul-boxs {
  width: 100%;
}
.hf-wqa-ul-boxs.ons {
  margin-top: 26px;
}
.hf-wqa-ul-boxs ul li {
  width: 100%;
  position: relative;
}
.hf-wqa-ul-boxs ul li + li {
  margin-top: 32px;
}
.hf-wqa-ul-boxs ul li:hover .i-boxs {
  background: #004ea2;
}
.hf-wqa-ul-boxs .lis-boxs {
  display: block;
  position: relative;
  width: 100%;
  min-height: 70px;
  padding-left: 88px;
  padding-top: 3px;
}
.hf-wqa-ul-boxs a.lis-boxs:hover .titles-a {
  color: #004ea2;
}
.hf-wqa-ul-boxs a.lis-boxs:hover .span {
  color: #004ea2;
}
.hf-wqa-ul-boxs .i-boxs {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  border: 1px dashed #004ea2;
  position: absolute;
  left: 0;
  top: 0;
}
.hf-wqa-ul-boxs .i-boxs .i-imgs {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100%;
  text-align: center;
  background: #004ea2;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.hf-wqa-ul-boxs .i-boxs i {
  font-size: 22px;
  color: #fff;
}
.hf-wqa-ul-boxs .titles-a {
  font-size: 18px;
  line-height: 30px;
  color: #343434;
}
.hf-wqa-ul-boxs .span {
  display: block;
  font-size: 15px;
  line-height: 28px;
  color: #343434;
  margin-top: 4px;
}
.xk-contacts-boxs {
  width: 100%;
  padding: 120px 0 104px;
}
.xk-contacts-boxs .boxs {
  align-items: center;
}
.xk-contacts-boxs .c-lefts {
  width: 40.25%;
  padding-right: 60px;
}
.xk-contacts-boxs .c-lefts .richtext {
  margin-top: 20px;
}
.xk-contacts-boxs .c-rights {
  width: 59.75%;
}
.xk-contacts-ul-boxs {
  display: block;
  width: 100%;
}
.xk-contacts-ul-boxs ul {
  margin: 0 -20px;
}
.xk-contacts-ul-boxs ul li {
  width: calc(50% - 40px);
  border-bottom: 1px solid #d1dae3;
  margin: 0 20px;
}
.xk-contacts-ul-boxs .titles-a {
  line-height: 32px;
  color: #194872;
  padding: 8px 0;
  padding-left: 24px;
  position: relative;
}
.xk-contacts-ul-boxs .titles-a.ons {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xk-contacts-ul-boxs .titles-a i {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -12px;
  top: 9px;
}
.xk-contacts-ul-boxs .titles-a i:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid transparent;
  border-top-color: #004ea2;
  border-right-color: #004ea2;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -5px;
}
.xk-contacts-ul-boxs .titles-a:hover {
  color: #004ea2;
}
.hz-inner-solution-ul-boxs {
  width: 100%;
}
.hz-inner-solution-ul-boxs.ons {
  margin-top: 30px;
}
.hz-inner-solution-ul-boxs .p-boxs {
  margin: 0 -16px;
}
.hz-inner-solution-ul-boxs .p-lists {
  width: calc(50% - 32px);
  margin: 0 16px 30px;
  flex-direction: row-reverse;
  align-items: center;
  padding: 16px;
  border: 1px solid #e6e6e6;
}
.hz-inner-solution-ul-boxs .p-lists:hover {
  border-color: #004ea2;
}
.hz-inner-solution-ul-boxs .thumbs {
  width: 60%;
}
.hz-inner-solution-ul-boxs .thumbs.ons {
  height: 200px;
  line-height: 200px;
}
.hz-inner-solution-ul-boxs .lis-boxs {
  width: 40%;
  padding-right: 20px;
}
.hz-inner-solution-ul-boxs .titles-a {
  line-height: 30px;
  min-height: 60px;
}
.hz-inner-solution-ul-boxs .titles-a:hover {
  color: #004ea2;
}
.hz-inner-solution-ul-boxs .mores-boxs {
  margin-top: 12px;
}
.hz-inner-solution-ul-boxs .mores-boxs .mores {
  display: inline-block;
  vertical-align: top;
  padding: 0 16px;
  line-height: 30px;
  background: #004ea2;
  color: #fff;
}
.hz-inner-solution-ul-boxs .mores-boxs .mores:hover {
  text-decoration: underline;
}
.bq-kc-inner-news-ul-boxs {
  width: 100%;
}
.bq-kc-inner-news-ul-boxs.ons {
  margin-top: 30px;
}
.bq-kc-inner-news-ul-boxs ul li {
  width: 100%;
  margin-bottom: 36px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px;
  min-height: 250px;
  position: relative;
}
.bq-kc-inner-news-ul-boxs ul li:last-child {
  margin-bottom: 0;
}
.bq-kc-inner-news-ul-boxs .times {
  width: 82px;
  text-align: center;
  margin-right: 12px;
}
.bq-kc-inner-news-ul-boxs .times .t-y {
  display: block;
  width: 100%;
  background: #004ea2;
  line-height: 1.2;
  padding: 8px 0 5px;
  color: #fff;
}
.bq-kc-inner-news-ul-boxs .times .t-y .y {
  display: block;
  line-height: 29px;
  font-size: 29px;
  font-weight: bold;
  color: inherit;
}
.bq-kc-inner-news-ul-boxs .times .i {
  margin-top: 4px;
  display: block;
  line-height: 55px;
  font-size: 30px;
  text-align: center;
  color: #333;
  background: #f5f5f5;
}
.bq-kc-inner-news-ul-boxs .thumbs {
  width: calc(52% - 94px);
}
.bq-kc-inner-news-ul-boxs .thumbs img {
  max-width: 100%;
}
.bq-kc-inner-news-ul-boxs .lis-boxs {
  width: 48%;
  padding-left: 16px;
  position: relative;
  padding-bottom: 20px;
}
.bq-kc-inner-news-ul-boxs .titles-a {
  color: #004ea2;
  line-height: 1.32;
}
.bq-kc-inner-news-ul-boxs .titles-a:hover {
  color: #e60012;
}
.bq-kc-inner-news-ul-boxs .spans {
  margin-top: 12px;
}
.bq-kc-inner-news-ul-boxs .spans.ons {
  height: 96px;
}
.bq-kc-inner-news-ul-boxs .mores {
  position: absolute;
  right: 0;
  color: #aaa;
}
.bq-kc-inner-news-ul-boxs .mores:hover {
  color: #004ea2;
}
.hz-max-boxs {
  width: 100%;
  margin: auto;
}
.hz-max-boxs.ons {
  max-width: 80%;
}
.hz-max-boxs .lr-lists-boxs .lr-lists {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.3);
}
.hz-max-boxs .lr-lists-boxs .lr-lists i {
  display: block;
  margin: auto;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
.hz-max-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: -30px;
}
.hz-max-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: -30px;
}
.hz-max-boxs .lr-lists-boxs .lr-lists:hover {
  color: #004ea2;
}
.hz-factory-show-ul-boxs {
  width: 100%;
}
.hz-factory-show-ul-boxs.ons {
  margin-top: 30px;
}
.hz-factory-show-ul-boxs img {
  max-width: 100%;
}
.hz-factory-show-ul-boxs .titles-a {
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 12px;
  z-index: 30;
}
.hz-factory-show-ul-boxs .lr-lists-boxs .lr-lists {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.3);
}
.hz-factory-show-ul-boxs .lr-lists-boxs .lr-lists i {
  display: block;
  margin: auto;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
.hz-factory-show-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: -30px;
}
.hz-factory-show-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: -30px;
}
.hz-factory-show-ul-boxs .lr-lists-boxs .lr-lists:hover {
  color: #004ea2;
}
.hz-factory-show-bottom-ul-boxs {
  width: 100%;
  margin-top: 12px;
  padding: 0 40px;
}
.hz-factory-show-bottom-ul-boxs .p-lists {
  border: 1px solid transparent;
}
.hz-factory-show-bottom-ul-boxs .p-lists.swiper-slide-thumb-active {
  border-color: #004ea2;
}
.hz-factory-show-bottom-ul-boxs .lr-lists-boxs .lr-lists {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.3);
}
.hz-factory-show-bottom-ul-boxs .lr-lists-boxs .lr-lists i {
  display: block;
  margin: auto;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
.hz-factory-show-bottom-ul-boxs .lr-lists-boxs .lr-lists.lr-lefts {
  left: 0;
}
.hz-factory-show-bottom-ul-boxs .lr-lists-boxs .lr-lists.lr-rights {
  right: 0;
}
.hz-factory-show-bottom-ul-boxs .lr-lists-boxs .lr-lists:hover {
  color: #004ea2;
}
#certify {
  width: 100%;
}
#certify.ons {
  margin-top: 30px;
}
#certify .swiper-slide {
  width: 33.3333%;
}
#certify .swiper-slide img {
  width: 100%;
}
#certify .lr-lists-boxs .lr-lists {
  width: 30px;
  height: 44px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  line-height: 44px;
  font-size: 30px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
#certify .lr-lists-boxs .lr-lists i {
  display: block;
  margin: auto;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}
#certify .lr-lists-boxs .lr-lists.lr-lefts {
  left: 0;
}
#certify .lr-lists-boxs .lr-lists.lr-rights {
  right: 0;
}
#certify .lr-lists-boxs .lr-lists:hover {
  background: #004ea2;
}
.hz-conpany-subtitles {
  line-height: 1.32;
  font-size: 20px;
  margin-bottom: 16px;
}
.hz-conpany-subtitles:before {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  background: #004ea2;
  margin-bottom: 20px;
}
.hz-conpany-subtitles.cens:before {
  margin: 0 auto 20px;
}
.hz-conpany-nums-boxs {
  width: 100%;
}
.hz-conpany-nums-boxs .p-lists {
  width: 33.3333%;
  padding: 0 16px;
}
.hz-conpany-nums-boxs .thumbs {
  height: 42px;
  line-height: 42px;
}
.hz-conpany-nums-boxs .thumbs img {
  max-height: 100%;
}
.hz-conpany-nums-boxs .nums {
  line-height: 1.2;
  font-size: 44px;
  margin-top: 8px;
}
.hz-conpany-nums-boxs .titles-a {
  margin-top: 16px;
  font-size: 20px;
}
.hz-company-enterprise-ul-boxs {
  width: 100%;
}
.hz-company-enterprise-ul-boxs.ons {
  margin-top: 30px;
}
.hz-company-enterprise-ul-boxs .p-boxs {
  margin: 0 -16px;
}
.hz-company-enterprise-ul-boxs .p-lists {
  width: calc(33.3333% - 32px);
  margin: 0 16px 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 32px;
}
.hz-company-enterprise-ul-boxs .p-lists:hover .i-imgs {
  background: rgba(0, 78, 162, 0.5);
}
.hz-company-enterprise-ul-boxs .i-imgs {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  border: 2px solid #004ea2;
  background: #004ea2;
  text-align: center;
  line-height: 60px;
}
.hz-company-enterprise-ul-boxs .titles-a {
  font-size: 24px;
  line-height: 1.32;
  margin-top: 16px;
}
.hz-company-enterprise-ul-boxs .spans {
  margin-top: 16px;
}
#hz-nexts {
  width: 100%;
  position: relative;
}
.hz-transformer-ul-top-boxs {
  width: 100%;
}
.hz-transformer-ul-top-boxs.onss {
  margin-top: 30px;
}
.hz-transformer-ul-top-boxs.ons {
  margin-bottom: 30px;
}
.hz-transformer-ul-top-boxs .p-lists {
  width: 33.33333%;
  text-align: center;
  min-height: 54px;
  align-items: center;
  padding: 0 30px;
  justify-content: center;
  line-height: 1.32;
  background: #f5f7fa;
  position: relative;
  border-left: 1px solid #e6e6e6;
}
.hz-transformer-ul-top-boxs .p-lists:nth-child(3n + 1) {
  border-left: transparent;
}
.hz-transformer-ul-top-boxs .p-lists:hover {
  background: #004ea2;
  color: #fff;
  border-left-color: transparent;
}
.hz-transformer-ul-top-boxs .p-lists.active {
  background: #004ea2;
  color: #fff;
  border-left-color: transparent;
}
@media screen and (max-width: 1460px) {
  .sep-pages-boxs .hz-rights.ons {
    margin-left: 300px;
  }
}
@media screen and (max-width: 1366px) {
  .sep-inner-body .sep-container {
    max-width: 1100px;
  }
  .sep-inner-banner .sep-container {
    max-width: 1100px;
  }
  .sep-pages-boxs .hz-rights.ons {
    margin-left: 250px;
  }
}
@media screen and (max-width: 1200px) {
  .sep-pages-boxs .hz-lefts {
    width: 100%;
  }
  .sep-pages-boxs .hz-rights {
    display: none;
  }
}
@media screen and (max-width: 812px) {
  .hz-pro-index-contact-boxs .faq-lefts {
    width: 100%;
  }
  .hz-pro-index-contact-boxs .faq-rights {
    width: 100%;
    padding: 30px 0 0;
  }
  .xk-contacts-boxs .c-lefts {
    width: 100%;
    padding: 0 0 24px;
  }
  .xk-contacts-boxs .c-rights {
    width: 100%;
  }
  .hf-contacts-ul-boxs ul li {
    width: calc(50% - 32px);
  }
  .sep-resource-grid .sep-datalist li {
    width: calc(50% - 30px);
  }
  .hz-pro-index-ul-boxs .ul-boxs .ul-lists {
    width: 100%;
  }
  .hz-pro-inner-boxs .pro-lists {
    width: 100%;
  }
  .hz-pro-inner-boxs .pro-lefts {
    padding: 0 0 30px;
  }
  .hz-pro-detail-titles {
    font-size: 22px;
  }
  .richtext h2 {
    font-size: 22px;
  }
  .hz-pro-detail-thumbs .thumbs .imgs {
    width: 100%;
  }
  .hz-pro-detail-thumbs .thumbs .imgs.ons {
    height: auto;
    line-height: normal;
  }
  .hz-duotus-ul-boxs {
    display: none;
  }
  .sep-pro-forms-boxs .sep-form .form-group.ons {
    width: calc(100% - 20px);
  }
  .sep-pro-forms-boxs .sep-form .btn {
    padding: 0 50px;
    margin-top: 0;
  }
  .sep-pro-forms-boxs .sep-form textarea.form-control {
    height: 100px;
  }
  .hz-company-enterprise-ul-boxs .p-lists {
    width: calc(100% - 32px);
  }
  .hz-company-enterprise-ul-boxs .p-lists:last-child {
    margin-bottom: 0;
  }
  .sep-inner-banner .b-titles {
    font-size: 24px;
  }
  .sep-inner-banner .b-covers.ons1 {
    position: relative;
    left: auto;
    top: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 667px) {
  .xk-contacts-boxs {
    padding: 0 0 50px;
  }
  .richtext iframe {
    max-height: 320px;
  }
  .xk-contacts-ul-boxs ul li {
    width: calc(100% - 40px);
  }
  .hz-pro-index-contact-boxs {
    padding: 50px 0;
  }
  .hf-contacts-ul-boxs ul li {
    width: calc(100% - 32px);
  }
  .hf-contacts-ul-boxs ul li:last-child {
    margin-bottom: 0;
  }
  .ytgd-inner-news-boxs ul li .lis-boxs {
    padding: 24px;
  }
  .ytgd-inner-news-boxs ul li .times-boxs {
    right: 16px;
    width: 60px;
    font-size: 20px;
  }
  .ytgd-inner-news-boxs ul li .titles-a {
    font-size: 22px;
    padding-right: 60px;
  }
  .sep-resource-grid .sep-datalist li {
    width: calc(100% - 30px);
  }
  .sep-resource-grid.ons .sep-datalist li {
    width: calc(100% - 30px);
  }
  .jm-projects-ul-boxs ul li {
    width: calc(100% - 40px);
  }
  .jm-projects-ul-boxs ul li:last-child {
    margin-bottom: 0;
  }
  .bq-kc-inner-news-ul-boxs .thumbs {
    width: calc(100% - 94px);
  }
  .bq-kc-inner-news-ul-boxs .lis-boxs {
    width: 100%;
    padding: 20px 0 0;
  }
  #certify .swiper-slide {
    width: 100%;
  }
  .hz-max-boxs.ons {
    max-width: 100%;
  }
  .hz-conpany-nums-boxs .nums {
    font-size: 24px;
  }
  .hz-conpany-nums-boxs .titles-a {
    font-size: 16px;
  }
  .hz-inner-solution-ul-boxs .p-lists {
    width: calc(100% - 32px);
  }
  .hz-inner-solution-ul-boxs .p-lists:last-child {
    margin-bottom: 0;
  }
  .size18 {
    font-size: 16px;
  }
  .hz-transformer-ul-top-boxs .p-lists {
    width: 100%;
    border-top: 1px solid #fff;
  }
  .hz-pro-relted-ul-boxs .p-lists {
    width: calc(100% - 24px);
  }
  .hz-pro-relted-ul-boxs .p-lists:last-child {
    margin-bottom: 0;
  }
  .hz-pro-relted-ul-boxs .lis-boxs {
    min-height: 0;
    padding: 20px 10px;
  }
  .fyzn-pro-lists-boxs .thumbs {
    width: 100%;
  }
  .fyzn-pro-lists-boxs .lis-boxs {
    width: 100%;
    padding: 24px 0 0;
  }
  .hb-pro-index-news-boxs.ons {
    margin-top: 30px;
  }
  .hb-pro-index-news-boxs .times {
    top: 20px;
  }
  .hb-pro-index-news-boxs .thumbs {
    width: 100%;
  }
  .hb-pro-index-news-boxs .lis-boxs {
    width: 100%;
    padding: 24px 16px 16px;
    min-height: 60px;
  }
  .hb-pro-index-news-boxs .spans {
    display: none;
  }
  .hz-pro-index-ul-boxs .thumbs {
    width: 100%;
  }
  .hz-pro-index-ul-boxs .lis-boxs {
    width: 100%;
    padding: 20px 0 0;
  }
  .hz-pro-index-ul-boxs .p-lists {
    padding: 24px;
    margin-bottom: 24px;
  }
  .hz-pro-index-ul-boxs .p-lists:last-child {
    margin-bottom: 0;
  }
  .sep-pages-boxs {
    padding: 50px 0;
  }
  .mptj {
    top: auto;
  }
  .sep-pages-boxs.no-pads {
    padding: 50px 0;
  }
}
.sep-lx-header-mb {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000000;
  background: #fff;
}
.sep-lx-header-mb .box-wrap {
  padding: 0 0 0 20px;
  position: relative;
  z-index: 1000;
}
.sep-lx-header-mb .box-wrap .logo {
  float: none;
  margin: 0 auto;
}
.sep-lx-header-mb .box-wrap .logo img {
  width: 100px;
}
.sep-lx-header-mb .box-wrap > ul {
  position: relative;
  top: 1px;
}
.sep-lx-header-mb .box-wrap > ul > li {
  float: left;
  width: 42px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #004ea2;
}
.sep-lx-header-mb .box-wrap > ul > li.afts:after {
  content: "";
  display: block;
  width: 1px;
  height: 22px;
  background: #dfdfdf;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
}
.sep-lx-header-mb .box-wrap > ul > li#menu {
  width: 58px;
  float: left;
  background: #004ea2;
}
.sep-lx-header-mb .box-wrap > ul > li#menu i {
  display: block;
  width: 18px;
  height: 2px;
  position: relative;
  background: #fff;
  margin: 24px 0 0 20px;
}
.sep-lx-header-mb .box-wrap > ul > li#menu i span {
  display: block;
  width: 18px;
  height: 2px;
  position: absolute;
  left: 0;
  top: -7px;
  background: #fff;
}
.sep-lx-header-mb .box-wrap > ul > li#menu i span.ons1 {
  top: 7px;
}
.sep-lx-header-mb .box-wrap > ul > li#logo {
  border: none;
  float: none;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sep-lx-header-mb .box-wrap > ul > li .multi-language {
  position: absolute;
  background: #004ea2;
  width: 157px;
  text-align: center;
  padding: 10px 20px;
  z-index: 100000;
  top: 40px;
  left: -67px;
  display: none;
  border: 1px solid #fff;
}
.sep-lx-header-mb .box-wrap > ul > li .multi-language li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
  line-height: 32px;
}
.sep-lx-header-mb .box-wrap > ul > li .multi-language li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.sep-lx-header-mb .box-wrap > ul > li .multi-language li a {
  color: #fff;
  font-size: 16px;
}
.sep-lx-header-mb .box-wrap > ul > li.active {
  border: 1px solid #1f2256;
  background: #1f2256;
}
.sep-lx-header-mb .box-wrap > ul > li.active i {
  color: #fff;
}
.sep-lx-header-mb .box-wrap > ul > li i {
  color: #004ea2;
  font-size: 16px;
  line-height: normal;
}
.sep-lx-header-mb .box-wrap > ul > li i.cors {
  color: #004ea2;
}
.sep-shadow {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000000;
  display: none;
}
i.i-searchs {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 3px solid #000;
  position: relative;
}
i.i-searchs:after {
  content: "";
  display: block;
  width: 3px;
  height: 8px;
  background: #000;
  position: absolute;
  left: 100%;
  top: 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
i.i-closes {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
i.i-closes:before {
  content: "";
  display: block;
  width: 17px;
  height: 3px;
  background: #000;
  position: absolute;
  left: 4px;
  top: 11px;
}
i.i-closes:after {
  content: "";
  display: block;
  width: 3px;
  height: 17px;
  background: #000;
  position: absolute;
  left: 11px;
  top: 4px;
}
i.i-closes.ons {
  position: absolute;
  right: 31px;
  top: 24px;
  cursor: pointer;
}
i.i-globals {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #000;
  position: relative;
}
i.i-globals:after {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 0;
}
i.i-globals:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  background: #000;
}
i.i-menus {
  display: inline-block;
  width: 18px;
  height: 2px;
  position: relative;
  background: #000;
}
i.i-menus:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: -5px;
}
i.i-menus:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 5px;
}
.sep-search-box {
  position: fixed;
  width: 100%;
  background: #fff;
  top: 50px;
  z-index: 10000000;
  padding: 44px 31px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  display: none;
}
.sep-search-box .fa-times {
  color: #000;
  font-size: 20px;
  position: absolute;
  right: 31px;
  top: 24px;
  cursor: pointer;
}
.sep-search-box .hd {
  color: #282828;
  font-size: 18px;
  font-family: "LATO-BOLD";
}
.sep-search-box form {
  margin-top: 10px;
  margin-bottom: 25px;
}
.sep-search-box form .form-control {
  height: 47px;
  border-radius: 0;
}
.sep-search-box form .btn {
  background: #004ea2;
  color: #fff;
  display: table;
  margin: 0 auto;
  margin-top: 17px;
  padding: 10px 40px;
  font-size: 16px;
  width: 100%;
}
.sep-search-box form .btn i {
  margin-right: 5px;
  border-color: #fff;
}
.sep-search-box form .btn i:after {
  background: #fff;
}
.sep-search-box .more {
  background: #004ea2;
  color: #fff;
  display: table;
  margin: 0 auto;
  margin-top: 17px;
  padding: 10px 40px;
  font-size: 16px;
  width: 100%;
  border: none;
}
.sep-search-box .more i {
  padding-right: 5px;
}
.sep-search-box ul li {
  margin-top: 8px;
}
.sep-search-box ul li a {
  color: #8c8c8c;
  font-size: 14px;
  display: block;
}
.logos {
  max-width: 170px;
  display: inline-block;
  line-height: 50px;
}
.logos img {
  max-width: 100%;
  max-height: 26px;
  display: inline;
}
.sep-menu-box {
  width: 100%;
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  z-index: 10000000;
  max-width: 310px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -webkit-transform: translateX(-105%);
  -moz-transform: translateX(-105%);
  -ms-transform: translateX(-105%);
  -o-transform: translateX(-105%);
  transform: translateX(-105%);
}
.sep-menu-box.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.sep-menu-box .top {
  padding: 20px 30px;
  text-align: center;
  box-shadow: 0 0 12px rgba(145, 145, 145, 0.7);
  position: relative;
  z-index: 10000;
}
.sep-menu-box .top i {
  color: #000;
  font-size: 22px;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.sep-menu-box .bottom {
  visibility: visible;
}
.sep-menu-box .bottom.no {
  visibility: hidden;
}
.sep-menu-box .bottom .menu-item {
  margin-bottom: 20px;
}
.sep-menu-box .bottom .menu-item > li {
  border-bottom: 1px solid #ddd;
}
.sep-menu-box .bottom .menu-item > li:last-child {
  border-bottom: none;
}
.sep-menu-box .bottom .menu-item > li.active {
  background: #004ea2;
}
.sep-menu-box .bottom .menu-item > li.active .box {
  border-bottom: 1px solid #fff;
}
.sep-menu-box .bottom .menu-item > li.active .box a {
  color: #fff;
}
.sep-menu-box .bottom .menu-item > li.active .box i {
  color: #fff;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  background: #fff;
}
.sep-menu-box .bottom .menu-item > li.active .box i:after {
  border-top-color: #004ea2;
  border-right-color: #004ea2;
}
.sep-menu-box .bottom .menu-item > li .box {
  position: relative;
  padding: 22px 30px;
  border-bottom: 1px solid transparent;
}
.sep-menu-box .bottom .menu-item > li .box a {
  color: #282828;
  font-size: 18px;
}
.sep-menu-box .bottom .menu-item > li .box i {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 20px;
  border-radius: 100%;
  background: #004ea2;
  color: #282828;
  position: absolute;
  right: 30px;
  top: 26px;
  cursor: pointer;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
}
.sep-menu-box .bottom .menu-item > li .box i:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sep-menu-box .bottom .menu-item > li > ul {
  padding: 5px 0;
  display: none;
}
.sep-menu-box .bottom .menu-item > li > ul > li {
  padding: 4px 20px;
}
.sep-menu-box .bottom .menu-item > li > ul > li a {
  color: #fff;
  font-size: 14px;
}
.sep-menu-box .bottom-toggle {
  position: absolute;
  width: 100%;
  z-index: 1000;
  top: 64px;
  background: #fff;
  transition: All 0.4s ease-in-out;
  -webkit-transition: All 0.4s ease-in-out;
  -moz-transition: All 0.4s ease-in-out;
  -o-transition: All 0.4s ease-in-out;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.sep-menu-box .bottom-toggle.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.sep-menu-box .bottom-toggle .toggle {
  display: none;
}
.sep-menu-box .bottom-toggle .toggle > ul {
  background: #fff;
}
.sep-menu-box .bottom-toggle .toggle > ul > li {
  padding: 0 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  line-height: 60px;
}
.sep-menu-box .bottom-toggle .toggle > ul > li:nth-child(1) span {
  width: 60;
  min-width: 60px;
  height: 59px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #ccc;
}
.sep-menu-box .bottom-toggle .toggle > ul > li:nth-child(1) a {
  font-family: "LATO-BOLD";
}
.sep-menu-box .bottom-toggle .toggle > ul > li > ul {
  display: none;
}
.sep-menu-box .bottom-toggle .toggle > ul > li > ul > li {
  line-height: 40px;
}
.sep-menu-box .bottom-toggle .toggle > ul > li > ul > li a {
  font-size: 14px;
}
.sep-menu-box .bottom-toggle .toggle > ul > li a {
  color: #282828;
  font-size: 16px;
  padding-left: 30px;
}
.sep-menu-box .bottom-toggle .toggle > ul > li a i {
  font-size: 20px;
  color: #282828;
  position: absolute;
  right: 30px;
  top: 21px;
  cursor: pointer;
}
.sep-menu-box .contact {
  background: #004ea2;
  color: #fff;
  display: table;
  margin: 0 auto 20px;
  margin-top: 0;
  padding: 4px 40px;
  font-size: 22px;
  border: none;
  border-radius: 0;
}
.sep-menu-box .contact i {
  padding-right: 5px;
}
.sep-menu-box .logo img {
  width: 59px;
}
.gdw-mb-c {
  display: none;
}
.sep-banner-mb {
  display: none;
}
.sep-banner-mb img {
  width: 100%;
}
.mb-bottom-wrap {
  padding-bottom: 24px;
  background: #131d26;
}
.mb-bottom-wrap ul.info {
  padding: 28px 37px;
}
.mb-bottom-wrap ul.info li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 36px;
  color: #fff;
  font-size: 14px;
}
.mb-bottom-wrap ul.info li:last-child {
  margin-bottom: 0;
}
.mb-bottom-wrap ul.info li i {
  color: #fff;
}
.mb-bottom-wrap ul.info li a {
  color: #fff;
}
.mb-bottom-wrap ul.info li img {
  position: absolute;
  left: 0;
  top: 10px;
}
.mb-bottom-wrap .bottom-menu > li:last-child {
  border-bottom: 1px solid #343e46;
}
.mb-bottom-wrap .bottom-menu > li > ul {
  padding: 5px 0;
  padding-left: 60px;
  border-top: 1px solid #343e46;
  display: none;
}
.mb-bottom-wrap .bottom-menu > li > ul li {
  padding: 5px 0;
  list-style: disc;
  color: #fff;
}
.mb-bottom-wrap .bottom-menu > li > ul li a {
  font-size: 14px;
  color: #fff;
}
.mb-bottom-wrap .bottom-menu > li .box {
  padding: 13px 37px;
  border-top: 1px solid #343e46;
  position: relative;
}
.mb-bottom-wrap .bottom-menu > li .box a {
  color: #fff;
  font-size: 14px;
}
.mb-bottom-wrap .bottom-menu > li .box i {
  position: absolute;
  right: 37px;
  top: 17px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.mb-bottom-wrap .sep-share {
  display: table;
  margin: 0 auto;
  margin-top: 24px;
}
.mb-bottom-wrap .sep-share li {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 6px;
  background: #1e2c39;
}
.mb-bottom-wrap .sep-share li:hover {
  background: #004ea2;
  border: 1px solid #004ea2;
}
.mb-bottom-wrap .sep-share li:hover a i {
  color: #fff;
}
.mb-bottom-wrap .sep-share li a i {
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .sep-banner-mb {
    display: none;
  }
  .sep-search-box,
  .sep-shadow,
  .sep-lx-header-mb,
  .sep-menu-box {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .sep-banner-pc {
    display: none;
  }
  .sep-banner-mb {
    display: block;
  }
}