@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.bsBox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  height: 100%;
  min-width: 1200px;
  max-height: none;
  overflow-y: scroll;
  margin: 0;
  color: #333;
  background-color: #f5f5f5;
  font-family: "Microsoft YaHei", "PingFang SC", "Source Han Sans CN", "Source Han Sans SC", "Hiragino Sans GB", "STXihei", "华文细黑";
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
}

h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
span,
b,
i,
strong,
em {
  position: relative;
  z-index: 4;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}

dl,
dt,
dd,
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.iconfont {
  font-size: inherit;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.ellipsis,
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

textarea.template {
  display: none !important;
}

button:focus,
input:focus,
textarea:focus {
  outline: 0;
}

textarea {
  resize: none;
}

input:-webkit-autofill {
  background-color: transparent !important;
  background-image: none !important;
}

.btn {
  padding: 0;
  border: none;
  background: none;
}

.btn-hidden {
  display: none;
}

.btn-block {
  display: block;
  text-align: center;
  width: 100%;
}

#menu {
  opacity: 0;
}

html.mm-opening #menu.mm-menu.mm-top.mm-front,
html.mm-opening #menu.mm-menu.mm-top.mm-next {
  top: 1.33333333rem;
}

.btn-nobg {
  border: none;
  background: none;
  padding: 0;
}

.input-nobg {
  border: none;
  background: none;
  padding: 0;
}

/*
  部分模块跳级直升3.0
  3.0以上版本部分模块设定.def(模块名)方法用于导入时默认调用，
  节约常规调用时间

  修改box-padding的计算，
  由原来的div计算padding转before计算padding，
  用于节约dom节点，
  并引入若干参数用于计算
*/
img {
  visibility: hidden;
}

img[src] {
  visibility: visible;
}

img::after {
  content: attr(alt);
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateY(100%);
  transition: transform 0.2s;
}

img:hover::after {
  transform: translateY(0);
}

.img-box {
  position: relative;
  overflow: hidden;
}

.img-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}

.img-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.img-p1 {
  position: absolute;
  font-size: 40px;
  top: 6%;
  left: 50%;
  margin-left: -380px;
  font-weight: 600;
}
.img-p2 {
  position: absolute;
  font-size: 40px;
  top: 0%;
  left: 50%;
  margin-left: -270px;
  font-weight: 600;
}
.img-p3 {
  position: absolute;
  font-size: 40px;
  top: 18%;
  left: 50%;
  margin-left: -350px;
  font-weight: 600;
}
.img-p4 {
  position: absolute;
  font-size: 40px;
  top: 18%;
  left: 50%;
  margin-left: -366px;
  font-weight: 600;
}
.img-p5 {
  position: absolute;
  font-size: 40px;
  top: 18%;
  left: 50%;
  margin-left: -385px;
  font-weight: 600;
}
.profile {
  font-size: 18px;
  color: #9999a3;
  margin-bottom: 10px;
}

.img-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.img-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}

.box-1b1:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.box-2b1:before {
  content: '';
  display: block;
  padding-bottom: 50%;
}

.box-4b3:before {
  content: '';
  display: block;
  padding-bottom: 75%;
}

.box-5b3:before {
  content: '';
  display: block;
  padding-bottom: 60%;
}

.box-16b9:before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

.box-5b4:before {
  content: '';
  display: block;
  padding-bottom: 80%;
}

.video-box {
  position: relative;
  overflow: hidden;
}

.video-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}

.video-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}

.video-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.video-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}

.clear,
.row,
[class^="row"] {
  position: relative;
}

.clear:before,
.row:before,
[class^="row"]:before,
.clear:after,
.row:after,
[class^="row"]:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.clear:before,
.row:before,
[class^="row"]:before,
.clear:after,
.row:after,
[class^="row"]:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.container-full {
  width: 100%;
}

.dis-no {
  display: none;
}

.dis-bl {
  display: block;
}

.dis-il {
  display: inline;
}

.dis-ib {
  display: inline-block;
}

.align-rbase {
  text-align: right;
  vertical-align: baseline;
}

.align-rb {
  text-align: right;
  vertical-align: bottom;
}

.align-rm {
  text-align: right;
  vertical-align: middle;
}

.align-rt {
  text-align: right;
  vertical-align: top;
}

.align-cbase {
  text-align: center;
  vertical-align: baseline;
}

.align-cb {
  text-align: center;
  vertical-align: bottom;
}

.align-cm {
  text-align: center;
  vertical-align: middle;
}

.align-ct {
  text-align: center;
  vertical-align: top;
}

.align-lbase {
  text-align: left;
  vertical-align: baseline;
}

.align-lb {
  text-align: left;
  vertical-align: bottom;
}

.align-lm {
  text-align: left;
  vertical-align: middle;
}

.align-lt {
  text-align: left;
  vertical-align: top;
}

.dis-xs-no {
  display: none;
}

.dis-xs-bl {
  display: block;
}

.dis-xs-il {
  display: inline;
}

.dis-xs-ib {
  display: inline-block;
}

.align-xs-rbase {
  text-align: right;
  vertical-align: baseline;
}

.align-xs-rb {
  text-align: right;
  vertical-align: bottom;
}

.align-xs-rm {
  text-align: right;
  vertical-align: middle;
}

.align-xs-rt {
  text-align: right;
  vertical-align: top;
}

.align-xs-cbase {
  text-align: center;
  vertical-align: baseline;
}

.align-xs-cb {
  text-align: center;
  vertical-align: bottom;
}

.align-xs-cm {
  text-align: center;
  vertical-align: middle;
}

.align-xs-ct {
  text-align: center;
  vertical-align: top;
}

.align-xs-lbase {
  text-align: left;
  vertical-align: baseline;
}

.align-xs-lb {
  text-align: left;
  vertical-align: bottom;
}

.align-xs-lm {
  text-align: left;
  vertical-align: middle;
}

.align-xs-lt {
  text-align: left;
  vertical-align: top;
}

@media (min-width: 1200px) {
  .dis-sm-no {
    display: none;
  }

  .dis-sm-bl {
    display: block;
  }

  .dis-sm-il {
    display: inline;
  }

  .dis-sm-ib {
    display: inline-block;
  }

  .align-sm-rbase {
    text-align: right;
    vertical-align: baseline;
  }

  .align-sm-rb {
    text-align: right;
    vertical-align: bottom;
  }

  .align-sm-rm {
    text-align: right;
    vertical-align: middle;
  }

  .align-sm-rt {
    text-align: right;
    vertical-align: top;
  }

  .align-sm-cbase {
    text-align: center;
    vertical-align: baseline;
  }

  .align-sm-cb {
    text-align: center;
    vertical-align: bottom;
  }

  .align-sm-cm {
    text-align: center;
    vertical-align: middle;
  }

  .align-sm-ct {
    text-align: center;
    vertical-align: top;
  }

  .align-sm-lbase {
    text-align: left;
    vertical-align: baseline;
  }

  .align-sm-lb {
    text-align: left;
    vertical-align: bottom;
  }

  .align-sm-lm {
    text-align: left;
    vertical-align: middle;
  }

  .align-sm-lt {
    text-align: left;
    vertical-align: top;
  }
}

@media (min-width: 1500px) {
  .dis-lg-no {
    display: none;
  }

  .dis-lg-bl {
    display: block;
  }

  .dis-lg-il {
    display: inline;
  }

  .dis-lg-ib {
    display: inline-block;
  }

  .align-lg-rbase {
    text-align: right;
    vertical-align: baseline;
  }

  .align-lg-rb {
    text-align: right;
    vertical-align: bottom;
  }

  .align-lg-rm {
    text-align: right;
    vertical-align: middle;
  }

  .align-lg-rt {
    text-align: right;
    vertical-align: top;
  }

  .align-lg-cbase {
    text-align: center;
    vertical-align: baseline;
  }

  .align-lg-cb {
    text-align: center;
    vertical-align: bottom;
  }

  .align-lg-cm {
    text-align: center;
    vertical-align: middle;
  }

  .align-lg-ct {
    text-align: center;
    vertical-align: top;
  }

  .align-lg-lbase {
    text-align: left;
    vertical-align: baseline;
  }

  .align-lg-lb {
    text-align: left;
    vertical-align: bottom;
  }

  .align-lg-lm {
    text-align: left;
    vertical-align: middle;
  }

  .align-lg-lt {
    text-align: left;
    vertical-align: top;
  }
}

@media (min-width: 1500px) {
  .container-reverse-response {
    width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.row-xs-G26-sb {
  margin-left: -0.17333333rem;
  margin-right: -0.17333333rem;
}

.row-xs-G26-no {
  margin-left: 0;
  margin-right: 0;
}

.row-xs-G26-sa {
  margin-left: 0.17333333rem;
  margin-right: 0.17333333rem;
}

.col-xs-0R12-G26 {
  float: left;
  width: 0%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-0R12 {
  left: 0%;
}

.pull-xs-0R12 {
  right: 0%;
}

.col-xs-1R12-G26 {
  float: left;
  width: 8.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-1R12 {
  left: 8.33333333%;
}

.pull-xs-1R12 {
  right: 8.33333333%;
}

.col-xs-2R12-G26 {
  float: left;
  width: 16.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-2R12 {
  left: 16.66666667%;
}

.pull-xs-2R12 {
  right: 16.66666667%;
}

.col-xs-3R12-G26 {
  float: left;
  width: 25%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-3R12 {
  left: 25%;
}

.pull-xs-3R12 {
  right: 25%;
}

.col-xs-4R12-G26 {
  float: left;
  width: 33.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-4R12 {
  left: 33.33333333%;
}

.pull-xs-4R12 {
  right: 33.33333333%;
}

.col-xs-5R12-G26 {
  float: left;
  width: 41.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-5R12 {
  left: 41.66666667%;
}

.pull-xs-5R12 {
  right: 41.66666667%;
}

.col-xs-6R12-G26 {
  float: left;
  width: 50%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-6R12 {
  left: 50%;
}

.pull-xs-6R12 {
  right: 50%;
}

.col-xs-7R12-G26 {
  float: left;
  width: 58.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-7R12 {
  left: 58.33333333%;
}

.pull-xs-7R12 {
  right: 58.33333333%;
}

.col-xs-8R12-G26 {
  float: left;
  width: 66.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-8R12 {
  left: 66.66666667%;
}

.pull-xs-8R12 {
  right: 66.66666667%;
}

.col-xs-9R12-G26 {
  float: left;
  width: 75%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-9R12 {
  left: 75%;
}

.pull-xs-9R12 {
  right: 75%;
}

.col-xs-10R12-G26 {
  float: left;
  width: 83.33333333%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-10R12 {
  left: 83.33333333%;
}

.pull-xs-10R12 {
  right: 83.33333333%;
}

.col-xs-11R12-G26 {
  float: left;
  width: 91.66666667%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-11R12 {
  left: 91.66666667%;
}

.pull-xs-11R12 {
  right: 91.66666667%;
}

.col-xs-12R12-G26 {
  float: left;
  width: 100%;
  padding-left: 0.17333333rem;
  padding-right: 0.17333333rem;
  padding-top: 0.17333333rem;
  padding-bottom: 0.17333333rem;
}

.push-xs-12R12 {
  left: 100%;
}

.pull-xs-12R12 {
  right: 100%;
}

.row-xs-G52-sb {
  margin-left: -0.34666667rem;
  margin-right: -0.34666667rem;
}

.row-xs-G52-no {
  margin-left: 0;
  margin-right: 0;
}

.row-xs-G52-sa {
  margin-left: 0.34666667rem;
  margin-right: 0.34666667rem;
}

.col-xs-0R12-G52 {
  float: left;
  width: 0%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-0R12 {
  left: 0%;
}

.pull-xs-0R12 {
  right: 0%;
}

.col-xs-1R12-G52 {
  float: left;
  width: 8.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-1R12 {
  left: 8.33333333%;
}

.pull-xs-1R12 {
  right: 8.33333333%;
}

.col-xs-2R12-G52 {
  float: left;
  width: 16.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-2R12 {
  left: 16.66666667%;
}

.pull-xs-2R12 {
  right: 16.66666667%;
}

.col-xs-3R12-G52 {
  float: left;
  width: 25%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-3R12 {
  left: 25%;
}

.pull-xs-3R12 {
  right: 25%;
}

.col-xs-4R12-G52 {
  float: left;
  width: 33.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-4R12 {
  left: 33.33333333%;
}

.pull-xs-4R12 {
  right: 33.33333333%;
}

.col-xs-5R12-G52 {
  float: left;
  width: 41.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-5R12 {
  left: 41.66666667%;
}

.pull-xs-5R12 {
  right: 41.66666667%;
}

.col-xs-6R12-G52 {
  float: left;
  width: 50%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-6R12 {
  left: 50%;
}

.pull-xs-6R12 {
  right: 50%;
}

.col-xs-7R12-G52 {
  float: left;
  width: 58.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-7R12 {
  left: 58.33333333%;
}

.pull-xs-7R12 {
  right: 58.33333333%;
}

.col-xs-8R12-G52 {
  float: left;
  width: 66.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-8R12 {
  left: 66.66666667%;
}

.pull-xs-8R12 {
  right: 66.66666667%;
}

.col-xs-9R12-G52 {
  float: left;
  width: 75%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-9R12 {
  left: 75%;
}

.pull-xs-9R12 {
  right: 75%;
}

.col-xs-10R12-G52 {
  float: left;
  width: 83.33333333%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-10R12 {
  left: 83.33333333%;
}

.pull-xs-10R12 {
  right: 83.33333333%;
}

.col-xs-11R12-G52 {
  float: left;
  width: 91.66666667%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-11R12 {
  left: 91.66666667%;
}

.pull-xs-11R12 {
  right: 91.66666667%;
}

.col-xs-12R12-G52 {
  float: left;
  width: 100%;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
}

.push-xs-12R12 {
  left: 100%;
}

.pull-xs-12R12 {
  right: 100%;
}

.row-xs-G0-sb {
  margin-left: 0rem;
  margin-right: 0rem;
}

.row-xs-G0-no {
  margin-left: 0;
  margin-right: 0;
}

.row-xs-G0-sa {
  margin-left: 0rem;
  margin-right: 0rem;
}

.col-xs-0R12-G0 {
  float: left;
  width: 0%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-0R12 {
  left: 0%;
}

.pull-xs-0R12 {
  right: 0%;
}

.col-xs-1R12-G0 {
  float: left;
  width: 8.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-1R12 {
  left: 8.33333333%;
}

.pull-xs-1R12 {
  right: 8.33333333%;
}

.col-xs-2R12-G0 {
  float: left;
  width: 16.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-2R12 {
  left: 16.66666667%;
}

.pull-xs-2R12 {
  right: 16.66666667%;
}

.col-xs-3R12-G0 {
  float: left;
  width: 25%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-3R12 {
  left: 25%;
}

.pull-xs-3R12 {
  right: 25%;
}

.col-xs-4R12-G0 {
  float: left;
  width: 33.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-4R12 {
  left: 33.33333333%;
}

.pull-xs-4R12 {
  right: 33.33333333%;
}

.col-xs-5R12-G0 {
  float: left;
  width: 41.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-5R12 {
  left: 41.66666667%;
}

.pull-xs-5R12 {
  right: 41.66666667%;
}

.col-xs-6R12-G0 {
  float: left;
  width: 50%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-6R12 {
  left: 50%;
}

.pull-xs-6R12 {
  right: 50%;
}

.col-xs-7R12-G0 {
  float: left;
  width: 58.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-7R12 {
  left: 58.33333333%;
}

.pull-xs-7R12 {
  right: 58.33333333%;
}

.col-xs-8R12-G0 {
  float: left;
  width: 66.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-8R12 {
  left: 66.66666667%;
}

.pull-xs-8R12 {
  right: 66.66666667%;
}

.col-xs-9R12-G0 {
  float: left;
  width: 75%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-9R12 {
  left: 75%;
}

.pull-xs-9R12 {
  right: 75%;
}

.col-xs-10R12-G0 {
  float: left;
  width: 83.33333333%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-10R12 {
  left: 83.33333333%;
}

.pull-xs-10R12 {
  right: 83.33333333%;
}

.col-xs-11R12-G0 {
  float: left;
  width: 91.66666667%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-11R12 {
  left: 91.66666667%;
}

.pull-xs-11R12 {
  right: 91.66666667%;
}

.col-xs-12R12-G0 {
  float: left;
  width: 100%;
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.push-xs-12R12 {
  left: 100%;
}

.pull-xs-12R12 {
  right: 100%;
}

@media (min-width: 1200px) {
  .row-sm-G26-sb {
    margin-left: -0.10833333rem;
    margin-right: -0.10833333rem;
  }

  .row-sm-G26-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-sm-G26-sa {
    margin-left: 0.10833333rem;
    margin-right: 0.10833333rem;
  }

  .col-sm-0R12-G26 {
    float: left;
    width: 0%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-0R12 {
    left: 0%;
  }

  .pull-sm-0R12 {
    right: 0%;
  }

  .col-sm-1R12-G26 {
    float: left;
    width: 8.33333333%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-1R12 {
    left: 8.33333333%;
  }

  .pull-sm-1R12 {
    right: 8.33333333%;
  }

  .col-sm-2R12-G26 {
    float: left;
    width: 16.66666667%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-2R12 {
    left: 16.66666667%;
  }

  .pull-sm-2R12 {
    right: 16.66666667%;
  }

  .col-sm-3R12-G26 {
    float: left;
    width: 25%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-3R12 {
    left: 25%;
  }

  .pull-sm-3R12 {
    right: 25%;
  }

  .col-sm-4R12-G26 {
    float: left;
    width: 33.33333333%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-4R12 {
    left: 33.33333333%;
  }

  .pull-sm-4R12 {
    right: 33.33333333%;
  }

  .col-sm-5R12-G26 {
    float: left;
    width: 41.66666667%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-5R12 {
    left: 41.66666667%;
  }

  .pull-sm-5R12 {
    right: 41.66666667%;
  }

  .col-sm-6R12-G26 {
    float: left;
    width: 50%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-6R12 {
    left: 50%;
  }

  .pull-sm-6R12 {
    right: 50%;
  }

  .col-sm-7R12-G26 {
    float: left;
    width: 58.33333333%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-7R12 {
    left: 58.33333333%;
  }

  .pull-sm-7R12 {
    right: 58.33333333%;
  }

  .col-sm-8R12-G26 {
    float: left;
    width: 66.66666667%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-8R12 {
    left: 66.66666667%;
  }

  .pull-sm-8R12 {
    right: 66.66666667%;
  }

  .col-sm-9R12-G26 {
    float: left;
    width: 75%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-9R12 {
    left: 75%;
  }

  .pull-sm-9R12 {
    right: 75%;
  }

  .col-sm-10R12-G26 {
    float: left;
    width: 83.33333333%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-10R12 {
    left: 83.33333333%;
  }

  .pull-sm-10R12 {
    right: 83.33333333%;
  }

  .col-sm-11R12-G26 {
    float: left;
    width: 91.66666667%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-11R12 {
    left: 91.66666667%;
  }

  .pull-sm-11R12 {
    right: 91.66666667%;
  }

  .col-sm-12R12-G26 {
    float: left;
    width: 100%;
    padding-left: 0.10833333rem;
    padding-right: 0.10833333rem;
    padding-top: 0.10833333rem;
    padding-bottom: 0.10833333rem;
  }

  .push-sm-12R12 {
    left: 100%;
  }

  .pull-sm-12R12 {
    right: 100%;
  }

  .row-sm-G52-sb {
    margin-left: -0.21666667rem;
    margin-right: -0.21666667rem;
  }

  .row-sm-G52-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-sm-G52-sa {
    margin-left: 0.21666667rem;
    margin-right: 0.21666667rem;
  }

  .col-sm-0R12-G52 {
    float: left;
    width: 0%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-0R12 {
    left: 0%;
  }

  .pull-sm-0R12 {
    right: 0%;
  }

  .col-sm-1R12-G52 {
    float: left;
    width: 8.33333333%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-1R12 {
    left: 8.33333333%;
  }

  .pull-sm-1R12 {
    right: 8.33333333%;
  }

  .col-sm-2R12-G52 {
    float: left;
    width: 16.66666667%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-2R12 {
    left: 16.66666667%;
  }

  .pull-sm-2R12 {
    right: 16.66666667%;
  }

  .col-sm-3R12-G52 {
    float: left;
    width: 25%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-3R12 {
    left: 25%;
  }

  .pull-sm-3R12 {
    right: 25%;
  }

  .col-sm-4R12-G52 {
    float: left;
    width: 33.33333333%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-4R12 {
    left: 33.33333333%;
  }

  .pull-sm-4R12 {
    right: 33.33333333%;
  }

  .col-sm-5R12-G52 {
    float: left;
    width: 41.66666667%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-5R12 {
    left: 41.66666667%;
  }

  .pull-sm-5R12 {
    right: 41.66666667%;
  }

  .col-sm-6R12-G52 {
    float: left;
    width: 50%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-6R12 {
    left: 50%;
  }

  .pull-sm-6R12 {
    right: 50%;
  }

  .col-sm-7R12-G52 {
    float: left;
    width: 58.33333333%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-7R12 {
    left: 58.33333333%;
  }

  .pull-sm-7R12 {
    right: 58.33333333%;
  }

  .col-sm-8R12-G52 {
    float: left;
    width: 66.66666667%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-8R12 {
    left: 66.66666667%;
  }

  .pull-sm-8R12 {
    right: 66.66666667%;
  }

  .col-sm-9R12-G52 {
    float: left;
    width: 75%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-9R12 {
    left: 75%;
  }

  .pull-sm-9R12 {
    right: 75%;
  }

  .col-sm-10R12-G52 {
    float: left;
    width: 83.33333333%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-10R12 {
    left: 83.33333333%;
  }

  .pull-sm-10R12 {
    right: 83.33333333%;
  }

  .col-sm-11R12-G52 {
    float: left;
    width: 91.66666667%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-11R12 {
    left: 91.66666667%;
  }

  .pull-sm-11R12 {
    right: 91.66666667%;
  }

  .col-sm-12R12-G52 {
    float: left;
    width: 100%;
    padding-left: 0.21666667rem;
    padding-right: 0.21666667rem;
    padding-top: 0.21666667rem;
    padding-bottom: 0.21666667rem;
  }

  .push-sm-12R12 {
    left: 100%;
  }

  .pull-sm-12R12 {
    right: 100%;
  }

  .row-sm-G0-sb {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .row-sm-G0-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-sm-G0-sa {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .col-sm-0R12-G0 {
    float: left;
    width: 0%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-0R12 {
    left: 0%;
  }

  .pull-sm-0R12 {
    right: 0%;
  }

  .col-sm-1R12-G0 {
    float: left;
    width: 8.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-1R12 {
    left: 8.33333333%;
  }

  .pull-sm-1R12 {
    right: 8.33333333%;
  }

  .col-sm-2R12-G0 {
    float: left;
    width: 16.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-2R12 {
    left: 16.66666667%;
  }

  .pull-sm-2R12 {
    right: 16.66666667%;
  }

  .col-sm-3R12-G0 {
    float: left;
    width: 25%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-3R12 {
    left: 25%;
  }

  .pull-sm-3R12 {
    right: 25%;
  }

  .col-sm-4R12-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-4R12 {
    left: 33.33333333%;
  }

  .pull-sm-4R12 {
    right: 33.33333333%;
  }

  .col-sm-5R12-G0 {
    float: left;
    width: 41.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-5R12 {
    left: 41.66666667%;
  }

  .pull-sm-5R12 {
    right: 41.66666667%;
  }

  .col-sm-6R12-G0 {
    float: left;
    width: 50%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-6R12 {
    left: 50%;
  }

  .pull-sm-6R12 {
    right: 50%;
  }

  .col-sm-7R12-G0 {
    float: left;
    width: 58.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-7R12 {
    left: 58.33333333%;
  }

  .pull-sm-7R12 {
    right: 58.33333333%;
  }

  .col-sm-8R12-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-8R12 {
    left: 66.66666667%;
  }

  .pull-sm-8R12 {
    right: 66.66666667%;
  }

  .col-sm-9R12-G0 {
    float: left;
    width: 75%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-9R12 {
    left: 75%;
  }

  .pull-sm-9R12 {
    right: 75%;
  }

  .col-sm-10R12-G0 {
    float: left;
    width: 83.33333333%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-10R12 {
    left: 83.33333333%;
  }

  .pull-sm-10R12 {
    right: 83.33333333%;
  }

  .col-sm-11R12-G0 {
    float: left;
    width: 91.66666667%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-11R12 {
    left: 91.66666667%;
  }

  .pull-sm-11R12 {
    right: 91.66666667%;
  }

  .col-sm-12R12-G0 {
    float: left;
    width: 100%;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }

  .push-sm-12R12 {
    left: 100%;
  }

  .pull-sm-12R12 {
    right: 100%;
  }
}

@media (min-width: 1500px) {
  .row-lg-G26-sb {
    margin-left: -13px;
    margin-right: -13px;
  }

  .row-lg-G26-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-lg-G26-sa {
    margin-left: 13px;
    margin-right: 13px;
  }

  .col-lg-0R12-G26 {
    float: left;
    width: 0%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-0R12 {
    left: 0%;
  }

  .pull-lg-0R12 {
    right: 0%;
  }

  .col-lg-1R12-G26 {
    float: left;
    width: 8.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-1R12 {
    left: 8.33333333%;
  }

  .pull-lg-1R12 {
    right: 8.33333333%;
  }

  .col-lg-2R12-G26 {
    float: left;
    width: 16.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-2R12 {
    left: 16.66666667%;
  }

  .pull-lg-2R12 {
    right: 16.66666667%;
  }

  .col-lg-3R12-G26 {
    float: left;
    width: 25%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-3R12 {
    left: 25%;
  }

  .pull-lg-3R12 {
    right: 25%;
  }

  .col-lg-4R12-G26 {
    float: left;
    width: 33.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-4R12 {
    left: 33.33333333%;
  }

  .pull-lg-4R12 {
    right: 33.33333333%;
  }

  .col-lg-5R12-G26 {
    float: left;
    width: 41.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-5R12 {
    left: 41.66666667%;
  }

  .pull-lg-5R12 {
    right: 41.66666667%;
  }

  .col-lg-6R12-G26 {
    float: left;
    width: 50%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-6R12 {
    left: 50%;
  }

  .pull-lg-6R12 {
    right: 50%;
  }

  .col-lg-7R12-G26 {
    float: left;
    width: 58.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-7R12 {
    left: 58.33333333%;
  }

  .pull-lg-7R12 {
    right: 58.33333333%;
  }

  .col-lg-8R12-G26 {
    float: left;
    width: 66.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-8R12 {
    left: 66.66666667%;
  }

  .pull-lg-8R12 {
    right: 66.66666667%;
  }

  .col-lg-9R12-G26 {
    float: left;
    width: 75%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-9R12 {
    left: 75%;
  }

  .pull-lg-9R12 {
    right: 75%;
  }

  .col-lg-10R12-G26 {
    float: left;
    width: 83.33333333%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-10R12 {
    left: 83.33333333%;
  }

  .pull-lg-10R12 {
    right: 83.33333333%;
  }

  .col-lg-11R12-G26 {
    float: left;
    width: 91.66666667%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-11R12 {
    left: 91.66666667%;
  }

  .pull-lg-11R12 {
    right: 91.66666667%;
  }

  .col-lg-12R12-G26 {
    float: left;
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .push-lg-12R12 {
    left: 100%;
  }

  .pull-lg-12R12 {
    right: 100%;
  }

  .row-lg-G52-sb {
    margin-left: -26px;
    margin-right: -26px;
  }

  .row-lg-G52-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-lg-G52-sa {
    margin-left: 26px;
    margin-right: 26px;
  }

  .col-lg-0R12-G52 {
    float: left;
    width: 0%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-0R12 {
    left: 0%;
  }

  .pull-lg-0R12 {
    right: 0%;
  }

  .col-lg-1R12-G52 {
    float: left;
    width: 8.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-1R12 {
    left: 8.33333333%;
  }

  .pull-lg-1R12 {
    right: 8.33333333%;
  }

  .col-lg-2R12-G52 {
    float: left;
    width: 16.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-2R12 {
    left: 16.66666667%;
  }

  .pull-lg-2R12 {
    right: 16.66666667%;
  }

  .col-lg-3R12-G52 {
    float: left;
    width: 25%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-3R12 {
    left: 25%;
  }

  .pull-lg-3R12 {
    right: 25%;
  }

  .col-lg-4R12-G52 {
    float: left;
    width: 33.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-4R12 {
    left: 33.33333333%;
  }

  .pull-lg-4R12 {
    right: 33.33333333%;
  }

  .col-lg-5R12-G52 {
    float: left;
    width: 41.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-5R12 {
    left: 41.66666667%;
  }

  .pull-lg-5R12 {
    right: 41.66666667%;
  }

  .col-lg-6R12-G52 {
    float: left;
    width: 50%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-6R12 {
    left: 50%;
  }

  .pull-lg-6R12 {
    right: 50%;
  }

  .col-lg-7R12-G52 {
    float: left;
    width: 58.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-7R12 {
    left: 58.33333333%;
  }

  .pull-lg-7R12 {
    right: 58.33333333%;
  }

  .col-lg-8R12-G52 {
    float: left;
    width: 66.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-8R12 {
    left: 66.66666667%;
  }

  .pull-lg-8R12 {
    right: 66.66666667%;
  }

  .col-lg-9R12-G52 {
    float: left;
    width: 75%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-9R12 {
    left: 75%;
  }

  .pull-lg-9R12 {
    right: 75%;
  }

  .col-lg-10R12-G52 {
    float: left;
    width: 83.33333333%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-10R12 {
    left: 83.33333333%;
  }

  .pull-lg-10R12 {
    right: 83.33333333%;
  }

  .col-lg-11R12-G52 {
    float: left;
    width: 91.66666667%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-11R12 {
    left: 91.66666667%;
  }

  .pull-lg-11R12 {
    right: 91.66666667%;
  }

  .col-lg-12R12-G52 {
    float: left;
    width: 100%;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .push-lg-12R12 {
    left: 100%;
  }

  .pull-lg-12R12 {
    right: 100%;
  }

  .row-lg-G0-sb {
    margin-left: 0px;
    margin-right: 0px;
  }

  .row-lg-G0-no {
    margin-left: 0;
    margin-right: 0;
  }

  .row-lg-G0-sa {
    margin-left: 0px;
    margin-right: 0px;
  }

  .col-lg-0R12-G0 {
    float: left;
    width: 0%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-0R12 {
    left: 0%;
  }

  .pull-lg-0R12 {
    right: 0%;
  }

  .col-lg-1R12-G0 {
    float: left;
    width: 8.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-1R12 {
    left: 8.33333333%;
  }

  .pull-lg-1R12 {
    right: 8.33333333%;
  }

  .col-lg-2R12-G0 {
    float: left;
    width: 16.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-2R12 {
    left: 16.66666667%;
  }

  .pull-lg-2R12 {
    right: 16.66666667%;
  }

  .col-lg-3R12-G0 {
    float: left;
    width: 25%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-3R12 {
    left: 25%;
  }

  .pull-lg-3R12 {
    right: 25%;
  }

  .col-lg-4R12-G0 {
    float: left;
    width: 33.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-4R12 {
    left: 33.33333333%;
  }

  .pull-lg-4R12 {
    right: 33.33333333%;
  }

  .col-lg-5R12-G0 {
    float: left;
    width: 41.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-5R12 {
    left: 41.66666667%;
  }

  .pull-lg-5R12 {
    right: 41.66666667%;
  }

  .col-lg-6R12-G0 {
    float: left;
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-6R12 {
    left: 50%;
  }

  .pull-lg-6R12 {
    right: 50%;
  }

  .col-lg-7R12-G0 {
    float: left;
    width: 58.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-7R12 {
    left: 58.33333333%;
  }

  .pull-lg-7R12 {
    right: 58.33333333%;
  }

  .col-lg-8R12-G0 {
    float: left;
    width: 66.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-8R12 {
    left: 66.66666667%;
  }

  .pull-lg-8R12 {
    right: 66.66666667%;
  }

  .col-lg-9R12-G0 {
    float: left;
    width: 75%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-9R12 {
    left: 75%;
  }

  .pull-lg-9R12 {
    right: 75%;
  }

  .col-lg-10R12-G0 {
    float: left;
    width: 83.33333333%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-10R12 {
    left: 83.33333333%;
  }

  .pull-lg-10R12 {
    right: 83.33333333%;
  }

  .col-lg-11R12-G0 {
    float: left;
    width: 91.66666667%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-11R12 {
    left: 91.66666667%;
  }

  .pull-lg-11R12 {
    right: 91.66666667%;
  }

  .col-lg-12R12-G0 {
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .push-lg-12R12 {
    left: 100%;
  }

  .pull-lg-12R12 {
    right: 100%;
  }
}

.white {
  color: #fff;
}

.def-btn-more {
  display: inline-block;
  font-size: 0.4rem;
  line-height: 1.17333333rem;
  padding: 0 0.53333333rem;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #fff;
}

@media (min-width: 1200px) {
  .def-btn-more {
    font-size: 0.13333333rem;
    line-height: 0.35rem;
    padding: 0 0.33333333rem;
  }
}

@media (min-width: 1500px) {
  .def-btn-more {
    font-size: 16px;
    line-height: 42px;
    padding: 0 40px;
  }
}

a.def-btn-more {
  color: #fff;
}

.border-gray5 {
  border-color: #0d0d0d;
}

.fzColor-gray5 {
  color: #0d0d0d;
}

.bgColor-gray5 {
  background-color: #0d0d0d;
}

.border-gray10 {
  border-color: #1a1a1a;
}

.fzColor-gray10 {
  color: #1a1a1a;
}

.bgColor-gray10 {
  background-color: #1a1a1a;
}

.border-gray15 {
  border-color: #262626;
}

.fzColor-gray15 {
  color: #262626;
}

.bgColor-gray15 {
  background-color: #262626;
}

.border-gray20 {
  border-color: #333333;
}

.fzColor-gray20 {
  color: #333333;
}

.bgColor-gray20 {
  background-color: #333333;
}

.border-gray25 {
  border-color: #404040;
}

.fzColor-gray25 {
  color: #404040;
}

.bgColor-gray25 {
  background-color: #404040;
}

.border-gray30 {
  border-color: #4d4d4d;
}

.fzColor-gray30 {
  color: #4d4d4d;
}

.bgColor-gray30 {
  background-color: #4d4d4d;
}

.border-gray35 {
  border-color: #595959;
}

.fzColor-gray35 {
  color: #595959;
}

.bgColor-gray35 {
  background-color: #595959;
}

.border-gray40 {
  border-color: #666666;
}

.fzColor-gray40 {
  color: #666666;
}

.bgColor-gray40 {
  background-color: #666666;
}

.border-gray45 {
  border-color: #737373;
}

.fzColor-gray45 {
  color: #737373;
}

.bgColor-gray45 {
  background-color: #737373;
}

.border-gray50 {
  border-color: #808080;
}

.fzColor-gray50 {
  color: #808080;
}

.bgColor-gray50 {
  background-color: #808080;
}

.border-gray55 {
  border-color: #8c8c8c;
}

.fzColor-gray55 {
  color: #8c8c8c;
}

.bgColor-gray55 {
  background-color: #8c8c8c;
}

.border-gray60 {
  border-color: #999999;
}

.fzColor-gray60 {
  color: #999999;
}

.bgColor-gray60 {
  background-color: #999999;
}

.border-gray65 {
  border-color: #a6a6a6;
}

.fzColor-gray65 {
  color: #a6a6a6;
}

.bgColor-gray65 {
  background-color: #a6a6a6;
}

.border-gray70 {
  border-color: #b3b3b3;
}

.fzColor-gray70 {
  color: #b3b3b3;
}

.bgColor-gray70 {
  background-color: #b3b3b3;
}

.border-gray75 {
  border-color: #bfbfbf;
}

.fzColor-gray75 {
  color: #bfbfbf;
}

.bgColor-gray75 {
  background-color: #bfbfbf;
}

.border-gray80 {
  border-color: #cccccc;
}

.fzColor-gray80 {
  color: #cccccc;
}

.bgColor-gray80 {
  background-color: #cccccc;
}

.border-gray85 {
  border-color: #d9d9d9;
}

.fzColor-gray85 {
  color: #d9d9d9;
}

.bgColor-gray85 {
  background-color: #d9d9d9;
}

.border-gray90 {
  border-color: #e6e6e6;
}

.fzColor-gray90 {
  color: #e6e6e6;
}

.bgColor-gray90 {
  background-color: #e6e6e6;
}

.border-gray95 {
  border-color: #f2f2f2;
}

.fzColor-gray95 {
  color: #f2f2f2;
}

.bgColor-gray95 {
  background-color: #f2f2f2;
}

.border-gray100 {
  border-color: #ffffff;
}

.fzColor-gray100 {
  color: #ffffff;
}

.bgColor-gray100 {
  background-color: #ffffff;
}

.indent0 {
  text-indent: 0em;
}

.indent1 {
  text-indent: 1em;
}

.indent2 {
  text-indent: 2em;
}

.indent3 {
  text-indent: 3em;
}

.indent4 {
  text-indent: 4em;
}

article {
  line-height: 1.5;
  /* lists */
}

article img,
article video {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  font-weight: bold;
}

article h1 {
  font-size: 2em;
  margin: 0.625em 0;
}

article h2 {
  font-size: 1.5em;
  margin: 0.83333333em 0;
}

article h3 {
  font-size: 1.125em;
  margin: 1.11111111em 0;
}

article h4 {
  font-size: 1em;
  margin: 1.25em 0;
}

article h5 {
  font-size: 0.875em;
  margin: 1.42857143em 0;
}

article h6 {
  font-size: 0.75em;
  margin: 1.66666667em 0;
}

article p {
  margin: 1em 0;
}

article ul,
article menu,
article dir {
  display: block;
  list-style-type: disc;
  margin: 1__qem 0 1em 0;
  -webkit-padding-start: 40px;
}

article ol {
  display: block;
  list-style-type: decimal;
  margin: 1__qem 0 1em 0;
  -webkit-padding-start: 40px;
}

article li {
  display: list-item;
}

article ul ul,
article ol ul {
  list-style-type: circle;
}

article ol ol ul,
article ol ul ul,
article ul ol ul,
article ul ul ul {
  list-style-type: square;
}

article dd {
  display: block;
  -webkit-margin-start: 40px;
}

article dl {
  display: block;
  margin: 1__qem 0 1em 0;
}

article dt {
  display: block;
}

article ol ul,
article ul ol,
article ul ul,
article ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

.article_hgroup {
  position: relative;
}

.article_hgroup:before,
.article_hgroup:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_hgroup:before,
.article_hgroup:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_hgroup:before,
.article_hgroup:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.article_hgroup:before,
.article_hgroup:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.article_hgroup h1,
.article_hgroup h2,
.article_hgroup h3,
.article_hgroup h4,
.article_hgroup h5,
.article_hgroup h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.article_info {
  position: relative;
}

.article_info:before,
.article_info:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_info:before,
.article_info:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_info:before,
.article_info:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.article_info:before,
.article_info:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.article_pagination {
  position: relative;
}

.article_pagination:before,
.article_pagination:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_pagination:before,
.article_pagination:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}

.article_pagination:before,
.article_pagination:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

.article_pagination:before,
.article_pagination:after {
  content: '';
  display: block;
  float: none;
  clear: both;
  margin-top: -1px;
}

html.openNav {
  overflow: hidden;
}

.article {
  padding-top: 0.34666667rem;
  padding-bottom: 0.34666667rem;
  padding-left: 0.34666667rem;
  padding-right: 0.34666667rem;
}

@media (min-width: 1200px) {
  .article {
    padding-top: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-top: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-top: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-bottom: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-bottom: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-bottom: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-left: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-left: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-left: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-right: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-right: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  .article {
    padding-right: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article {
    padding-right: 50px;
  }
}

.article-title {
  text-align: center;
  font-size: 0.48rem;
  padding: 1em 0;
}

@media (min-width: 1200px) {
  .article-title {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article-title {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .article-title {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article-title {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .article-title {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .article-title {
    font-size: 24px;
  }
}

.article-info {
  font-weight: normal;
  font-size: 0.32rem;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #999;
}

@media (min-width: 1200px) {
  .article-info {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-info {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .article-info {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-info {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .article-info {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-info {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .article-info span {
    display: inline-block;
    margin: 0 3em;
  }
}

.article-main {
  padding: 2em 1em;
}

.article-main p {
  font-size: 0.37333333rem;
}

@media (min-width: 1200px) {
  .article-main p {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-main p {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .article-main p {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-main p {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .article-main p {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .article-main p {
    font-size: 16px;
  }
}

.article img {
  max-width: 100%;
}

.screen-cover {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-color: #191919;
}

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

.header-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 72%;
}

.header-menu {
  width: 80%;
}

.header-right {
  width: 28%;
}

.header-pc .nav-lv0 {
  display: flex;
  justify-content: space-around;
}

.header-pc .btn-ul {
  display: flex;
  justify-content: space-evenly;
  font-size: 16px;
}

.header-mobile {
  display: block;
}

@media (min-width: 1200px) {
  .header-mobile {
    display: none;
  }
}

.logo-box {
  position: relative;
  width: 55px;
  height: 54px;
  margin-right: 0.3rem;
}

@media (max-width: 1199px) {
  .logo-box {
    margin-right: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .logo-box {
    margin-right: 0.72rem;
  }
}

.item-lv0 {
  display: block;
  font-size: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
  padding-right: 40px;
}

.item-lv0:hover .nav-lv1 {
  display: block;
}

.item-lv1 {
  line-height: 1.75;
  margin-bottom: 5px;
}

.item-lv0:hover .arrowRightEmpty {
  transform: rotate(135deg);
}

.nav-lv1 {
  display: none;
  position: absolute;
  left: 50%;
  top: 60px;
  width: 160px;
  margin-left: -80px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.27);
  /* background-color: #fff; */
}

.nav-lv1:before {
  position: absolute;
  top: -10px;
  left: 50%;
  display: block;
  content: "";
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

.btn-ul .btn-li {
  margin-left: 12px;
  margin-right: 12px;
  /* border-radius: 24px; */
  border: 1px solid #fff;
  overflow: hidden;
}

.header-right .btn-ul .btn-li {
  border: unset;
}

@media (min-width: 1500px) {
  .header-right .btn-ul .loading-btn {
    font-size: 16px;
  }
}

.btn-ul .btn-li:hover {
  border-color: #083473;
}

.btn-ul .btn-li:hover .loading-btn {
  color: #fff;
  background-color: #083473;
}

.btn-ul .loading-btn {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
  font-size: 16px;
  color: #fff;
  border: none;
  background-color: transparent;
}

@media (min-width: 1200px) {
  .btn-ul .loading-btn {
    padding-top: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .btn-ul .loading-btn {
    padding-top: 12px;
  }
}

@media (min-width: 1200px) {
  .btn-ul .loading-btn {
    padding-bottom: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .btn-ul .loading-btn {
    padding-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .btn-ul .loading-btn {
    padding-left: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .btn-ul .loading-btn {
    padding-left: 32px;
  }
}

@media (min-width: 1200px) {
  .btn-ul .loading-btn {
    padding-right: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .btn-ul .loading-btn {
    padding-right: 32px;
  }
}

@media (min-width: 1200px) {
  .btn-ul .loading-btn {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .btn-ul .loading-btn {
    font-size: 18px;
  }
}

.header-bg {
  height: 1.33333333rem;
  background-color: transparent;
  color: #fff;
  box-shadow: 0px 5px 7px 0px rgba(11, 73, 49, 0.102);
  z-index: 7;
}

@media (min-width: 1200px) {
  .header-bg {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg {
    height: 100px;
  }
}

.header-bg.headroom--unpinned {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  height: 1.33333333rem;
  color: #333;
  background-color: rgba(255, 255, 255, 0.5);
}

.header-bg.headroom--unpinned .btn-ul .btn-li {
  border-color: #333;
}

.header-bg.headroom--unpinned .btn-ul .loading-btn {
  color: #333;
}

.header-bg.headroom--unpinned .btn-ul .loading-btn:hover {
  color: #fff;
}

@media (min-width: 1200px) {
  .header-bg.headroom--unpinned {
    height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .header-bg.headroom--unpinned {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg.headroom--unpinned {
    height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .header-bg.headroom--unpinned {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg.headroom--unpinned {
    height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .header-bg.headroom--unpinned {
    height: 100px;
  }
}

.header-bg .container-response {
  height: 100%;
}

.header-bg+.placeholder {
  height: 1.33333333rem;
}

@media (min-width: 1200px) {
  .header-bg+.placeholder {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg+.placeholder {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg+.placeholder {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg+.placeholder {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .header-bg+.placeholder {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .header-bg+.placeholder {
    height: 100px;
  }
}

.header-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  min-width: 1200px;
  height: 100px;
}

.header-fixed+.placeholder {
  display: none;
  height: 100px;
  color: #fff;
}

.hide {
  -webkit-transform: scale(0) !important;
  -moz-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  -o-transform: scale(0) !important;
  transform: scale(0) !important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.show {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.header {
  height: 100%;
}

.header .header-absLeft,
.header .header-flexLeft,
.header .header-flexRight,
.header .header-absRight {
  position: absolute;
  top: 0;
  bottom: 0;
}

.header .header-absLeft {
  left: 0;
  width: 0.8rem;
  text-align: center;
  font-size: 0;
}

@media (min-width: 1200px) {
  .header .header-absLeft {
    width: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-absLeft {
    width: 60px;
  }
}

.header .header-absLeft:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.header .header-absLeft .reCssBtn {
  vertical-align: middle;
  font-size: 0.42666667rem;
  width: 50%;
  color: #4F4F4F;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .header .header-absLeft .reCssBtn {
    font-size: 0.16666667rem;
  }
}

@media (min-width: 1500px) {
  .header .header-absLeft .reCssBtn {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .header .header-absLeft .reCssBtn {
    font-size: 0.16666667rem;
  }
}

@media (min-width: 1500px) {
  .header .header-absLeft .reCssBtn {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .header .header-absLeft .reCssBtn {
    font-size: 0.16666667rem;
  }
}

@media (min-width: 1500px) {
  .header .header-absLeft .reCssBtn {
    font-size: 28px;
  }
}

.header .header-absLeft .reCssBtn:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 50%;
  margin: 0 auto;
  background-color: #fff;
}

.header .header-absLeft .reCssBtn.active:before,
.header .header-absLeft .reCssBtn:hover:before {
  display: block;
}

.header .header-absLeft .reCssBtn.active .target_blank,
.header .header-absLeft .reCssBtn:hover .target_blank {
  display: block;
}

.header .header-absLeft .reCssBtn .iconfont {
  font-size: inherit;
}

.header .header-flexLeft {
  display: none;
  left: 0rem;
  right: 0rem;
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    display: block;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    left: 60px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    right: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    right: 965px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    right: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    right: 965px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexLeft {
    right: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexLeft {
    right: 965px;
  }
}

.header .header-relMiddle {
  height: 100%;
  width: 5.73333333rem;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    display: block;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

@media (min-width: 1200px) {
  .header .header-relMiddle {
    width: 3.58333333rem;
  }
}

@media (min-width: 1500px) {
  .header .header-relMiddle {
    width: 430px;
  }
}

.header .header-flexRight {
  display: none;
  left: 0rem;
  right: 0rem;
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    display: block;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    left: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    left: 965px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    left: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    left: 965px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    left: 6.575rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    left: 965px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    right: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    right: 120px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    right: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    right: 120px;
  }
}

@media (min-width: 1200px) {
  .header .header-flexRight {
    right: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-flexRight {
    right: 120px;
  }
}

.header .header-absRight {
  right: 0;
  width: 0.8rem;
}

@media (min-width: 1200px) {
  .header .header-absRight {
    width: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .header .header-absRight {
    width: 120px;
  }
}

.header-flexLeft .nav-lv0,
.header-flexRight .nav-lv0 {
  font-size: 0;
  vertical-align: top;
  text-align: center;
}

.header-flexLeft .nav-lv0 .item-lv0,
.header-flexRight .nav-lv0 .item-lv0 {
  display: inline-block;
  vertical-align: top;
  font-size: 0rem;
  line-height: 1.33333333rem;
  width: 33.33333333%;
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 100px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 100px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv0 .item-lv0,
  .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 100px;
  }
}

.header-flexLeft .nav-lv0 .item-lv0:before,
.header-flexRight .nav-lv0 .item-lv0:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 50%;
  margin: 0 auto;
  background-color: #fff;
}

.header-flexLeft .nav-lv0 .item-lv0.active:before,
.header-flexRight .nav-lv0 .item-lv0.active:before,
.header-flexLeft .nav-lv0 .item-lv0:hover:before,
.header-flexRight .nav-lv0 .item-lv0:hover:before {
  display: block;
}

.header-flexLeft .nav-lv0 .item-lv0 .fa,
.header-flexRight .nav-lv0 .item-lv0 .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.46666667rem;
  font-size: 0.56rem;
  line-height: 1.33333333rem;
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv0 .item-lv0 .fa,
  .header-flexRight .nav-lv0 .item-lv0 .fa {
    display: none;
  }
}

.header-flexLeft .item-lv0.hover .nav-lv1,
.header-flexRight .item-lv0.hover .nav-lv1,
.header-flexLeft .item-lv0:hover .nav-lv1,
.header-flexRight .item-lv0:hover .nav-lv1 {
  display: block;
}

.header-flexLeft .nav-lv1,
.header-flexRight .nav-lv1 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 6em;
  padding-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.header-flexLeft .nav-lv1 .item-lv1,
.header-flexRight .nav-lv1 .item-lv1 {
  font-size: 0rem;
  line-height: 3;
  text-align: left;
  margin-left: -10%;
  margin-right: -10%;
  padding-left: 1em;
  background-color: #ffffff;
  color: #ffffff;
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {

  .header-flexLeft .nav-lv1 .item-lv1,
  .header-flexRight .nav-lv1 .item-lv1 {
    font-size: 18px;
  }
}

.header-flexLeft .nav-lv1 .item-lv1>a:before,
.header-flexRight .nav-lv1 .item-lv1>a:before {
  content: '·';
}

.header-flexLeft .nav-lv1 .item-lv1:first-child,
.header-flexRight .nav-lv1 .item-lv1:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.header-flexLeft .nav-lv1 .item-lv1:last-child,
.header-flexRight .nav-lv1 .item-lv1:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.header-flexLeft .nav-lv1 .item-lv1:hover,
.header-flexRight .nav-lv1 .item-lv1:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #fff;
}

.headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
.headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  line-height: 1.33333333rem;
}

@media (min-width: 1200px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 80px;
  }
}

@media (min-width: 1200px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 80px;
  }
}

@media (min-width: 1200px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {

  .headroom--unpinned .header-flexLeft .nav-lv0 .item-lv0,
  .headroom--unpinned .header-flexRight .nav-lv0 .item-lv0 {
    line-height: 80px;
  }
}

.headroom--unpinned .header-absRight {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  line-height: 1.7;
}

.header-absRight {
  font-size: 0;
  vertical-align: top;
  line-height: 1.7;
}

.header-absRight .target_blank {
  display: none;
  text-align: center;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 6em;
  padding-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.header-absRight .target_blank .item {
  font-size: 18px;
  line-height: 3;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  color: #ffffff;
}

.header-absRight .target_blank .item:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.header-absRight .target_blank .item:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.header-absRight .target_blank .item:hover {
  background-color: #ffffff;
  color: #fff;
}

.caption {
  font-size: 24px;
  padding: 20px 0;
  font-weight: bold;
  text-align: center;
}

.search-box {
  padding-top: 20px;
}

.search-box .input-box {
  width: 60%;
  margin: 0 auto;
  border: 1px solid #ddd;
  font-size: 0;
}

.search-box .input-text {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  height: 100%;
  padding: 4px 10px;
  font-size: 14px;
  border: none;
}

.search-box .btn {
  width: 20%;
  color: #fff;
  border: none;
  background-color: #dc0000;
}

.search-box .btn:hover {
  color: #fff;
}

.problem-box {
  border: 1px solid #ddd;
  padding-bottom: 20px;
}

.problem-box h4 {
  font-size: 20px;
  line-height: 2.0;
  text-align: center;
  color: #fff;
  background-color: #047FDA;
}

.problem-ul {
  padding: 16px 14px;
}

.problem-li {
  font-size: 18px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.problem-box .more {
  text-align: center;
  font-size: 24px;
  border: none;
}

.absform {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.34666667rem;
  right: 0.34666667rem;
  z-index: 7;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  font-size: 0.48rem;
  color: #fff;
}

@media (min-width: 1200px) {
  .absform {
    left: 20%;
    right: 20%;
  }
}

@media (min-width: 1500px) {
  .absform {
    left: 25%;
    right: 25%;
  }
}

@media (min-width: 1200px) {
  .absform {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .absform {
    font-size: 18px;
  }
}

.absform .input-box {
  height: 50%;
  font-size: 0.48rem;
  line-height: 1.33333333rem;
  margin-top: auto;
  margin-bottom: auto;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-right: 0.4rem;
}

@media (min-width: 1200px) {
  .absform .input-box {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box {
    line-height: 100px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box {
    background-color: #fff;
    color: #333;
  }
}

@media (min-width: 1200px) {
  .absform .input-box {
    margin-right: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box {
    margin-right: 60px;
  }
}

.absform .input-box .input-text {
  font-size: inherit;
  line-height: 0.66666667rem;
  display: block;
  width: 90%;
  margin-left: 10%;
  margin-top: 0.33333333rem;
  border: none;
  background: none;
  color: #333;
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    line-height: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    line-height: 50px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    line-height: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    line-height: 50px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    line-height: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    line-height: 50px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    margin-top: 0.20833333rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    margin-top: 25px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    margin-top: 0.20833333rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    margin-top: 25px;
  }
}

@media (min-width: 1200px) {
  .absform .input-box .input-text {
    margin-top: 0.20833333rem;
  }
}

@media (min-width: 1500px) {
  .absform .input-box .input-text {
    margin-top: 25px;
  }
}

.absform .btn-submit,
.absform .btn-close {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: inherit;
  width: 0.4rem;
  border: none;
  background: none;
  cursor: pointer;
}

@media (min-width: 1200px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 0.25rem;
  }
}

@media (min-width: 1500px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 60px;
  }
}

@media (min-width: 1200px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 0.25rem;
  }
}

@media (min-width: 1500px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 60px;
  }
}

@media (min-width: 1200px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 0.25rem;
  }
}

@media (min-width: 1500px) {

  .absform .btn-submit,
  .absform .btn-close {
    width: 60px;
  }
}

.absform .btn-submit .fa,
.absform .btn-close .fa,
.absform .btn-submit .iconfont,
.absform .btn-close .iconfont {
  font-size: inherit;
}

.absform .btn-submit {
  left: auto;
  right: 0.4rem;
  color: #fff;
}

@media (min-width: 1200px) {
  .absform .btn-submit {
    left: 0;
    color: #333;
  }
}

.absform .btn-close {
  right: 0;
  color: #fff;
}

.iconfont {
  font-size: 16px;
}

.gb_top {
  width: 100%;
  height: 42px;
  font-size: 12px;
  color: #fff;
  background-color: #2182DC;
}

.gb_top.on {
  background-color: #fff;
}

.gb_main {
  display: block;
  height: 100%;
}

.gb_main:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.gb_main div,
.gb_main p,
.gb_top_list {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0;
}

.headerLeft {
  float: left;
}

.time_box {
  margin-right: 16px;
}

.headerRight {
  float: right;
  width: 354px;
  text-align: right;
}

.gb_top_list>li {
  float: left;
  color: #fff;
  position: relative;
}

.gb_top_list>li a {
  display: block;
  padding: 0 10px;
  color: #fff;
}

.xl_erweima>li:hover a {
  color: #59acff;
}

.xl_erweima,
.xl_erweima1 {
  list-style: none;
  display: none;
  border-radius: 5px;
  position: absolute;
  border: solid 1px #ddd;
  padding: 5px;
  background: #7084a4;
  z-index: 2000;
}

.gb_top_list li:hover ul ul,
.gb_top_list li:hover ul ul ul {
  display: none;
}

.gb_top_list li:hover ul,
.gb_top_list ul li:hover ul,
.gb_top_list ul ul li:hover ul {
  display: block;
  cursor: pointer;
}

.xl_erweima {
  left: 10px;
  top: 33px;
}

.xl_erweima p {
  display: block;
  width: 84px;
  text-align: center;
  line-height: 24px !important;
  margin: 8px 10px 0 10px;
}

.xl_erweima .transform {
  position: absolute;
  left: 17px;
  top: -14px;
  color: #7d8188;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.xl_erweima1 {
  position: absolute;
  top: 0;
  left: -96px;
}

.xl_erweima1 img {
  display: block;
  width: 84px;
  height: 84px;
}

.gb_top_list li .iconfont {
  vertical-align: middle;
  margin-left: 2px;
  font-size: 30px;
}

.gb_top_list ul li:hover {
  color: #59acff;
}

.banner_box {
  width: 100%;
  height: 10.49333333rem;
}

@media (min-width: 1200px) {
  .banner_box {
    height: 570px;
  }
}

@media (min-width: 1500px) {
  .banner_box {
    height: 787px;
  }
}

.banner_box .pic_scroll {
  height: 100%;
}

.banner_box .pic_scroll .swiper-slide {
  /* background-color: #027ddb; */
}

.banner_box .pic_scroll .pagination {
  text-align: center;
}

.text-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 1.5;
  color: #fff;
}

.layui-layer-content.layui-layer-padding {
  background-color: #fff;
}
.layui-layer-btn.layui-layer-btn- {
  background-color: #fff;
}
.text-cover .mbp {
  margin-top: 270px;
}

.text-cover h2 {
  font-size: 41px;
}

.text-cover h3 {
  font-size: 28px;
  margin: 15px 0 20px;
}

.gb_logo_box {
  width: 100%;
  overflow: hidden;
  font-size: 0;
  padding: 18px 0;
}

.gb_logo {
  display: inline-block;
  vertical-align: middle;
  width: 429px;
  height: 54px;
  background: url(../image/logo.png) no-repeat;
}

.gb_ul {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-right: 120px;
  color: #fff;
}

.gb_ul .gb_li {
  display: inline-block;
  padding: 6px 14px;
  margin-left: 10px;
  font-size: 14px;
  background-blend-mode: soft-light, normal;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.gb_ul .gb_li .iconfont {
  font-size: 12px;
}

.gb_ul .gb_li.blue_purple {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #475CCD;
}

.gb_ul .gb_li.cyanine {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #1C7BB0;
}

.gb_ul .gb_li.grass_green {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #189881;
}

.gb_ul .gb_li a:hover {
  color: #fff;
}

.gb_search {
  display: inline-block;
  vertical-align: middle;
  width: 334px;
  font-size: 14px;
  margin-top: 5px;
}

.gb_search .gb_text_box1 {
  float: left;
  width: 234px;
  padding-left: 30px;
  border-radius: 55px 0 0 55px;
  border: solid 1px #bfbfbf;
  border-right: none;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #999;
  outline: none;
}

.gb_search .gb_btn_ok {
  float: right;
  width: 100px;
  border-radius: 0 55px 55px 0;
  background: #2182DC;
  border: none;
  cursor: pointer;
  height: 40px;
  color: #edf5ff;
  outline: none;
}

.nav {
  position: relative;
  *z-index: 1000;
}

.sy1_ul {
  position: relative;
  z-index: 1111;
}

.sy1_ul .sy2_inside {
  font-size: 0;
}

.sy1_ul .sy1_li {
  display: inline-block;
  width: 19.8%;
  height: 54px;
  line-height: 54px;
  margin-right: 2px;
  font-size: 16px;
  z-index: 10000;
  background: #1C6FEC;
}

.sy1_ul .sy1_li .sy1_tit {
  display: block;
  text-align: center;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  color: #FFF;
}

.sy1_ul .sy1_li .iconfont {
  margin-right: 6px;
}

.sy1_ul .sy1_li>a:hover {
  background: #0E3FA9;
}

.sy2_ul {
  position: absolute;
  left: 0;
  top: 54px;
  display: none;
  width: 1198px;
  text-align: left;
  border: #1C6FEC solid 2px;
  border-top: none;
  padding: 25px 20px;
  background: #fff;
}

.sy2_ul.two .gb_xl_video {
  margin-left: 10px;
}

.sy2_ul.two .gb_xl_news {
  margin-left: 20px;
  margin-right: 10px;
}

.sy1_ul .sy1_li:hover .sy2_ul {
  display: block;
  font-size: 0;
}

/*自贸区*/
.into_fta .fta_left {
  float: left;
  width: 630px;
  font-size: 0;
  margin-left: 10px;
}

.into_fta .fta_left img {
  display: inline-block;
  vertical-align: top;
  width: 362px;
  height: 296px;
  margin-right: 16px;
}

.into_fta .fta_left p {
  display: inline-block;
  vertical-align: top;
  width: 236px;
  line-height: 26px;
  font-size: 14px;
  text-indent: 2em;
  color: #333;
  text-align: justify;
}

.into_fta .fta_left a {
  color: #2182DC;
}

.into_fta .fta_right {
  float: right;
  width: 500px;
  margin-right: 10px;
}

.into_fta .fta_right ul {
  width: 105%;
  font-size: 0;
}

.into_fta .fta_right ul .link {
  display: inline-block;
  width: 244px;
  height: 90px;
}

.into_fta .fta_right ul .link:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.into_fta .fta_right li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 12px;
  margin-right: 12px;
  line-height: 0;
}

.into_fta .fta_right li:first-child .link {
  background: url(../image/zjzmq_bg01.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right li:nth-child(2) .link {
  background: url(../image/zjzmq_bg02.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right li:nth-child(3) .link {
  background: url(../image/zjzmq_bg03.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right li:nth-child(4) .link {
  background: url(../image/zjzmq_bg04.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right li:nth-child(5) .link {
  background: url(../image/zjzmq_bg05.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right li:nth-child(6) .link {
  background: url(../image/zjzmq_bg06.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.into_fta .fta_right img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  border-radius: 50px;
  width: 56px;
  height: 56px;
  box-shadow: 0 0 2px #fff;
}

.into_fta .fta_right p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 18px;
  color: #fff;
  line-height: 32px;
}

.gb_xl_news {
  display: inline-block;
  vertical-align: top;
  width: 560px;
  margin-right: 20px;
  margin-left: 10px;
}

.slideTxtBox {
  text-align: left;
}

.slideTxtBox .hd ul {
  width: 150%;
  height: 1.04rem;
  line-height: 0.93333333rem;
  font-size: 0;
  overflow: hidden;
  border-bottom: 1px solid #D2DFFB;
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    height: 0.75rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    height: 0.75rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    height: 0.75rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    line-height: 90px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    line-height: 90px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd ul {
    line-height: 0.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd ul {
    line-height: 90px;
  }
}

.slideTxtBox .hd li {
  display: inline-block;
  width: auto;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.slideTxtBox .hd li.on {
  color: #1C6FEC;
}

.slideTxtBox .hd li:hover {
  color: #1C6FEC;
}

.slideTxtBox .hd a {
  display: block;
  width: 2rem;
  text-align: center;
  font-size: 0.42666667rem;
  border-radius: 2px 2px 0 0;
  border-bottom: 3px solid transparent;
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    width: 1.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    width: 240px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    width: 1.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    width: 240px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    width: 1.66666667rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    width: 240px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    font-size: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    font-size: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .slideTxtBox .hd a {
    font-size: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .slideTxtBox .hd a {
    font-size: 56px;
  }
}

.slideTxtBox .bd .infoList {
  padding: 10px 0;
}

.infoList li {
  line-height: 0.64rem;
}

@media (min-width: 1200px) {
  .infoList li {
    line-height: 0.46666667rem;
  }
}

@media (min-width: 1500px) {
  .infoList li {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .infoList li {
    line-height: 0.46666667rem;
  }
}

@media (min-width: 1500px) {
  .infoList li {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .infoList li {
    line-height: 0.46666667rem;
  }
}

@media (min-width: 1500px) {
  .infoList li {
    line-height: 64px;
  }
}

.link {
  display: inline-block;
  width: 84%;
  overflow: hidden;
  padding-left: 16px;
  background: url(../image/dian.jpg) left no-repeat;
  font-size: 0.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .link {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .link {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .link {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .link {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .link {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .link {
    font-size: 48px;
  }
}

.link .title {
  color: #2182DC;
}

/*新闻资讯*/
.gb_xl_video {
  display: inline-block;
  vertical-align: middle;
  width: 560px;
}

.gb_xl_video h3 {
  font-size: 16px;
  color: #1b4586;
  font-weight: normal;
}

.video_list {
  overflow: hidden;
  margin-top: 12px;
}

.video_list ul {
  line-height: 0;
}

.video_list li {
  display: inline-block;
  width: 274px;
  margin-right: 6px;
}

.video_list li .img-box {
  display: block;
  width: 100%;
  height: 136px;
  overflow: hidden;
  margin-right: 15px;
}

.video_list li .img-box p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
}

.video_news_list {
  margin-top: 6px;
}

.video_news_list li {
  line-height: 28px;
}

.video_news_list li .link:hover span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 46px;
  height: 46px;
  background: url(../image/play_btn.png) no-repeat;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 9;
}

/*制度创新*/
.xl_fta_box {
  display: inline-block;
  vertical-align: top;
  width: 560px;
  margin-left: 10px;
}

.xl_fta_box .info_news {
  display: inline-block;
  width: 548px;
  padding-right: 30px;
  margin-bottom: 10px;
}

.xl_fta_box .info_news li {
  line-height: 32px;
}

.xl_fta_box h3 {
  display: block;
  line-height: 32px;
  overflow: hidden;
  margin-bottom: 4px;
  font-size: 16px;
  color: #0084ff;
  font-weight: normal;
}

.xl_fta_box .info_zhidu {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  padding: 0 16px;
  background-color: #f4f4f4;
  font-size: 16px;
  text-align: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.xl_fta_box .iconfont {
  font-size: 16px;
  margin-right: 4px;
  vertical-align: baseline;
}

.jucuo {
  background: url(../image/chaungxinjucuo.png) center center no-repeat;
  background-size: 100% 100%;
  color: #24b600;
}

.anli {
  background: url(../image/shijiananli.png) no-repeat;
  background-size: 100% 100%;
  color: #ed4747;
}

.tuiguang {
  background: url(../image/fuzhituiguang.png) no-repeat;
  color: #ba8313;
}

/*政策超市*/
.info_list {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  margin-left: 10px;
}

.info_list li .tab_link {
  display: block;
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 10px;
  border-radius: 5px;
  color: #2182DC;
  background: #f7f7f7;
}

.info_list li .iconfont {
  margin-right: 8px;
}

.info_list li.on a {
  background-color: #2182DC;
  color: #fff;
}

.info_list li:hover a {
  background-color: #2182DC;
  color: #fff;
}

.info_box {
  display: inline-block;
  vertical-align: top;
  width: 955px;
}

.info_box h3 {
  display: block;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #0084ff;
  font-weight: normal;
  border-bottom: 1px solid #D2DFFB;
}

.info_box .title {
  display: inline-block;
  text-align: center;
  width: 150px;
  font-weight: bold;
  color: #1C6FEC;
  border-bottom: 4px solid #1C6FEC;
}

.info_box .info_news li {
  width: 50%;
  padding-right: 2%;
  display: inline-block;
  line-height: 30px;
}

/*企业巡展*/
.tour_box {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  font-size: 0;
}

.tour_box.two {
  width: 500px;
  margin-left: 32px;
}

.tour_box .infoList {
  width: 560px;
}

.tour_box .tour_title {
  display: block;
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #0084ff;
  font-weight: normal;
  border-bottom: 1px solid #D2DFFB;
}

.tour_box .tour_list {
  margin-top: 10px;
}

.tour_box .title {
  display: inline-block;
  text-align: center;
  width: 150px;
  color: #1C6FEC;
  border-bottom: 4px solid #1C6FEC;
}

.tour_box .tour_img {
  display: inline-block;
  vertical-align: middle;
  width: 240px;
  height: 111px;
}

.tour_box .content_box {
  display: inline-block;
  vertical-align: middle;
  width: 288px;
  margin-left: 16px;
}

.tour_box .content_box .con_title {
  font-size: 18px;
  font-weight: bold;
}

.details {
  font-size: 16px;
  color: #1C6FEC;
}

.circle {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  background-color: #1C6FEC;
  border-radius: 50px;
}

.link_two {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 30px;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #F5F5F5;
  margin-top: 4px;
  margin-bottom: 4px;
}

/*互动交流*/
.communication_news {
  display: inline-block;
  vertical-align: top;
  width: 744px;
  margin-left: 6px;
  font-size: 0;
}

.communication_news .infoList li {
  line-height: 30px;
}

.communication_btns {
  display: inline-block;
  vertical-align: top;
  width: 360px;
  margin-left: 32px;
  font-size: 0;
}

.communi_list {
  height: 90px;
  text-align: center;
  margin-top: 12px;
  color: #fff;
  background-color: #1C6FEC;
}

.communi_list:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}

.communi_list .iconfont {
  margin-right: 12px;
  font-size: 18px;
  color: #fff;
}

.communi_list .iconfont:hover {
  color: #fff;
}

.communi_list .title {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
}

.communi_list .title:hover {
  color: #fff;
}

/*直播平台*/
.live_platform_column {
  font-size: 0;
  padding-bottom: 0.42666667rem;
}

@media (min-width: 1200px) {
  .live_platform_column {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column {
    padding-bottom: 32px;
  }
}

.live_platform_column .live_lists {
  line-height: 0;
  padding-bottom: 0.42666667rem;
}

@media (min-width: 1200px) {
  .live_platform_column .live_lists {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_lists {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_lists {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_lists {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_lists {
    padding-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_lists {
    padding-bottom: 32px;
  }
}

.live_platform_column .live_list {
  height: 3.2rem;
  margin-bottom: 0.32rem;
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .live_platform_column .live_list {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_platform_column .live_list {
    margin-bottom: 48px;
  }
}

.live_platform_column .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.live_platform_column .img-box .tips {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 16px;
  line-height: 22px;
  padding: 6px 8px;
  color: #fff;
  border-radius: 0 0 10px 0;
}

.live_platform_column .img-box .tips.orange {
  background: #F2994A;
}

.live_platform_column .img-box .tips.gray {
  background: #828282;
}

.live_platform_column .img-box .tips.green {
  background: #27AE60;
}

.live_platform_column .title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -24px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 30px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  z-index: 2;
}

/*底部样式*/
.footer {
  height: 5rem;
  background: url(../image/footer.jpg) center center no-repeat;
  background-size: cover;
}

@media (min-width: 1200px) {
  .footer {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .footer {
    height: 344px;
  }
}

@media (min-width: 1200px) {
  .footer {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .footer {
    height: 344px;
  }
}

@media (min-width: 1200px) {
  .footer {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .footer {
    height: 344px;
  }
}

.footer .container-response {
  font-size: 0;
  padding-top: 0.85333333rem;
}

@media (min-width: 1200px) {
  .footer .container-response {
    padding-top: 0.53333333rem;
  }
}

@media (min-width: 1500px) {
  .footer .container-response {
    padding-top: 64px;
  }
}

@media (min-width: 1200px) {
  .footer .container-response {
    padding-top: 0.53333333rem;
  }
}

@media (min-width: 1500px) {
  .footer .container-response {
    padding-top: 64px;
  }
}

@media (min-width: 1200px) {
  .footer .container-response {
    padding-top: 0.53333333rem;
  }
}

@media (min-width: 1500px) {
  .footer .container-response {
    padding-top: 64px;
  }
}

.footer .left-con {
  display: inline-block;
  vertical-align: top;
  width: 32.92%;
  color: #fff;
}

.footer .left-con .iconfont {
  display: inline-block;
  vertical-align: top;
  font-size: 0.66666667rem;
  margin-right: 0.10666667rem;
}

@media (min-width: 1200px) {
  .footer .left-con .iconfont {
    font-size: 0.41666667rem;
  }
}

@media (min-width: 1500px) {
  .footer .left-con .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .footer .left-con .iconfont {
    margin-right: 0.06666667rem;
  }
}

@media (min-width: 1500px) {
  .footer .left-con .iconfont {
    margin-right: 8px;
  }
}

.footer .left-con li {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

@media (min-width: 1200px) {
  .footer .left-con li {
    margin-top: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .footer .left-con li {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .footer .left-con li {
    margin-bottom: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .footer .left-con li {
    margin-bottom: 12px;
  }
}

.footer .right-con {
  display: inline-block;
  vertical-align: top;
  width: 61%;
  color: #fff;
}

.tel-box {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.tel-box .h2 {
  font-size: 0.32rem;
}

@media (min-width: 1200px) {
  .tel-box .h2 {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .tel-box .h2 {
    font-size: 24px;
  }
}

.tel-box .h4 {
  font-size: 0.2rem;
}

@media (min-width: 1200px) {
  .tel-box .h4 {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .tel-box .h4 {
    font-size: 18px;
  }
}

.tel-box .h5 {
  font-size: 0.16rem;
}

@media (min-width: 1200px) {
  .tel-box .h5 {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .tel-box .h5 {
    font-size: 16px;
  }
}

.address_box {
  border-left: 1px solid #fff;
}

.address_box .items {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  padding-left: 10%;
}

.address_box li {
  color: #fff;
}

.address_box .title {
  font-size: 0.24rem;
}

@media (min-width: 1200px) {
  .address_box .title {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .address_box .title {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .address_box .title {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .address_box .title {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .address_box .title {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .address_box .title {
    font-size: 16px;
  }
}

.address_box .menu-link {
  font-size: 0.15rem;
}

@media (min-width: 1200px) {
  .address_box .menu-link {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .address_box .menu-link {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .address_box .menu-link {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .address_box .menu-link {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .address_box .menu-link {
    font-size: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box .menu-link {
    font-size: 14px;
  }
}

.address_box p {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

@media (min-width: 1200px) {
  .address_box p {
    margin-top: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .address_box p {
    margin-top: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .address_box p {
    margin-top: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .address_box p {
    margin-bottom: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .address_box p {
    margin-bottom: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .address_box p {
    margin-bottom: 0.1rem;
  }
}

@media (min-width: 1500px) {
  .address_box p {
    margin-bottom: 12px;
  }
}

.address_box a {
  text-decoration: none;
}

.address_box a:hover {
  color: #fff;
}

.company {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(18, 22, 39, 0.47);
}

.company .container-response {
  padding: 0;
}

.company p {
  padding-left: 0.8rem;
  font-size: 0.1rem;
}

@media (min-width: 1200px) {
  .company p {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    padding-left: 60px;
  }
}

@media (min-width: 1200px) {
  .company p {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    padding-left: 60px;
  }
}

@media (min-width: 1200px) {
  .company p {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    padding-left: 60px;
  }
}

@media (min-width: 1200px) {
  .company p {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .company p {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .company p {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {
  .company p {
    font-size: 14px;
  }
}

.fixed-br {
  position: fixed;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

.js-toTop {
  right: 5%;
  bottom: 33%;
  z-index: 7;
  padding-top: 4px;
  line-height: 1;
  text-align: center;
  width: 0.93333333rem;
  height: 0.93333333rem;
  border-radius: 4px;
  /* background-color: rgba(255, 255, 255, 0.13); */
  background-color: #2182dc;
  color: #fff;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .js-toTop {
    width: 0.58333333rem;
  }
}

@media (min-width: 1500px) {
  .js-toTop {
    width: 70px;
  }
}

@media (min-width: 1200px) {
  .js-toTop {
    width: 0.58333333rem;
  }
}

@media (min-width: 1500px) {
  .js-toTop {
    width: 70px;
  }
}

@media (min-width: 1200px) {
  .js-toTop {
    height: 0.58333333rem;
  }
}

@media (min-width: 1500px) {
  .js-toTop {
    height: 70px;
  }
}

.js-toTop .iconfont {
  font-size: 0.48rem;
}

@media (min-width: 1200px) {
  .js-toTop .iconfont {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .js-toTop .iconfont {
    font-size: 36px;
  }
}

.js-toTop span {
  font-size: 0.24rem;
}

@media (min-width: 1200px) {
  .js-toTop span {
    font-size: 0.15rem;
  }
}

@media (min-width: 1500px) {
  .js-toTop span {
    font-size: 18px;
  }
}

/*飘窗和两侧广告位*/
.floating_window {
  position: absolute;
  display: block;
  width: 300px;
  height: 150px;
  left: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 10000000;
}

.floating_window .iconfont {
  text-align: right;
  font-size: 24px;
  color: honeydew;
}

.sideBar {
  position: fixed;
  top: 300px;
  width: 100px;
  z-index: 20000;
}

.sideBar.left {
  left: 0;
}

.sideBar.left .item {
  float: left;
}

.sideBar.left .iconfont {
  left: 0;
}

.sideBar.right {
  right: 0;
}

.sideBar.right .item {
  float: right;
}

.sideBar.right .iconfont {
  right: 0;
}

.sideBar .iconfont {
  position: absolute;
  top: 0;
  text-align: right;
  font-size: 20px;
  color: honeydew;
}

.sideBar .item {
  display: block;
  width: 100px;
  margin-bottom: 10px;
}

.sideBar .item:hover {
  width: 240px;
}

.sideBar:after {
  display: block;
  content: "";
  clear: both;
}

.swiper-button-prev,
.swiper-button-next {
  text-align: center;
  font-size: 16px;
  line-height: 45px;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-image: none;
  background-color: #cccccc;
  color: #fff;
  box-shadow: 0px 0px 7.6px 0.4px rgba(0, 0, 0, 0.027);
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 0.5em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
  opacity: 1;
}

.my-pagination-ul .swiper-pagination-bullet {
  text-align: center;
  border-radius: 0;
  opacity: 1;
}

.my-pagination-ul .swiper-pagination-bullet-active {
  color: #1C6FEC;
}

.my-pagination-ul .swiper-pagination-bullet-active a {
  border-color: #1c6fec;
}

.my-pagination-ul .swiper-pagination-bullet-active:after {
  opacity: 1;
  background-color: #1C6FEC;
  height: 4px;
}

.indexSwiper .img-box {
  height: auto;
}

.indexSwiper .img-box:before {
  content: '';
  display: block;
  padding-bottom: 50%;
}

@media (min-width: 1200px) {
  .indexSwiper .img-box {
    height: auto;
  }

  .indexSwiper .img-box:before {
    padding-bottom: 54%;
  }
}

@media (min-width: 1500px) {
  .indexSwiper .img-box {
    height: 893px;
  }

  .indexSwiper .img-box:before {
    padding-bottom: 0;
  }
}

.indexSwiper+.swiper-pagination {
  bottom: 0.26666667rem;
  left: 0;
  right: 0;
}

@media (min-width: 1200px) {
  .indexSwiper+.swiper-pagination {
    bottom: 0.16666667rem;
  }
}

@media (min-width: 1500px) {
  .indexSwiper+.swiper-pagination {
    bottom: 30px;
  }
}

.indexSwiper+.swiper-pagination .swiper-pagination-bullet {
  width: 0.64rem;
  height: 0.04rem;
  margin: 0 4px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  opacity: 1;
}

@media (min-width: 1200px) {
  .indexSwiper+.swiper-pagination .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.025rem;
  }
}

@media (min-width: 1500px) {
  .indexSwiper+.swiper-pagination .swiper-pagination-bullet {
    width: 90px;
    height: 5px;
  }
}

.indexSwiper+.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.container-response {
  width: 79%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1519px) {
  .container-response {
    width: 89%;
  }
}

.container-reverse-response {
  width: 100%;
}

.index-section {
  padding-top: 0.42666667rem;
  margin-bottom: 0.42666667rem;
  background-color: #fff;
}

@media (min-width: 1200px) {
  .index-section {
    padding-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .index-section {
    padding-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .index-section {
    padding-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .index-section {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .index-section {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .index-section {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .index-section {
    margin-bottom: 32px;
  }
}

.index-section.section_2 .live_list {
  height: 5.25333333rem;
}

@media (min-width: 1200px) {
  .index-section.section_2 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_2 .live_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_2 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_2 .live_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_2 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_2 .live_list {
    height: 540px;
  }
}

.index-section.section_3 .live_list {
  display: inline-block;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0.16rem;
  height: 3.2rem;
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_3 .live_list {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_3 .live_list {
    height: 480px;
  }
}

.index-section.section_3 .live_list:nth-child(2n+2) {
  margin-right: 0;
}

.index-section.section_3 .iconfont {
  color: #fff;
  border-radius: 50%;
  font-weight: normal;
}

.index-section.section_3 .iconzhengcezhipei {
  color: #8FBE3E;
}

.index-section.section_3 .txt-box .txt {
  width: 50%;
}

.index-section.section_4 .live_list {
  height: 5.33333333rem;
}

@media (min-width: 1200px) {
  .index-section.section_4 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .live_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_4 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .live_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_4 .live_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .live_list {
    height: 540px;
  }
}

.index-section.section_4 .black {
  text-align: left;
}

.index-section.section_4 .name {
  width: 60%;
}

.index-section.section_4 .pagination {
  text-align: right;
  padding-right: 0.5rem;
  bottom: 1.33333333rem;
  z-index: 20;
}

@media (min-width: 1200px) {
  .index-section.section_4 .pagination {
    bottom: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .pagination {
    bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_4 .pagination {
    bottom: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .pagination {
    bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .index-section.section_4 .pagination {
    bottom: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .index-section.section_4 .pagination {
    bottom: 100px;
  }
}

.index-section.section_4 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 0.1rem;
}

.index-section.section_4 .swiper-pagination-bullet-active {
  border: 1px solid #8FBE3E;
  background: #8FBE3E;
}

.hgroup {
  text-align: center;
  margin: 0 auto;
  padding: 0.16rem 0;
  color: #0f2246;
}

@media (min-width: 1200px) {
  .hgroup {
    margin: 0 auto;
    padding: 0.66666667rem 0;
  }
}

@media (min-width: 1500px) {
  .hgroup {
    margin: 0 auto;
    padding: 100px 0 40px;
  }
}

.hgroup .iconfont {
  color: #0f2246;
  margin-right: 0.18666667rem;
  font-size: 0.42666667rem;
}

@media (min-width: 1200px) {
  .hgroup .iconfont {
    font-size: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .hgroup .iconfont {
    font-size: 24px;
  }
}

.hgroup .h2 {
  font-weight: bold;
  font-size: 0.42666667rem;
}

@media (min-width: 1200px) {
  .hgroup .h2 {
    font-size: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .hgroup .h2 {
    font-size: 24px;
  }
}

.hgroup .hr {
  width: 0.8rem;
  height: 3px;
  margin: 0.26666667rem auto;
  background-color: #0f2246;
}

@media (min-width: 1200px) {
  .hgroup .hr {
    width: 0.375rem;
    height: 2px;
    margin: 0.16666667rem auto;
  }
}

@media (min-width: 1500px) {
  .hgroup .hr {
    width: 45px;
    height: 2px;
    margin: 20px auto;
  }
}

.hgroup .h3 {
  font-size: 0.18666667rem;
}

@media (min-width: 1200px) {
  .hgroup .h3 {
    font-size: 0.11666667rem;
  }
}

@media (min-width: 1500px) {
  .hgroup .h3 {
    font-size: 14px;
  }
}

@media (min-width: 1500px) {
  .hgroup .h3 {
    margin: 20px auto;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: "underline";
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #F5F5F5;
  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 .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }

  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -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);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -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);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -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);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label~.form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group>.form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.form-horizontal .form-group .row {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

a:hover {
  color: #027ddb;
}

em {
  font-style: normal;
}

.time {
  padding-right: 16px;
}

.author {
  padding-right: 16px;
}

.ly {
  padding-right: 16px;
}

.blue_bg {
  background-color: #027ddb;
}

.container {
  margin: 0 auto;
  width: 1200px;
}

.container:after {
  display: block;
  content: "";
  clear: both;
}

.container+.blue_bg {
  width: 1200px;
  margin: 0 auto;
}

.width35 {
  width: 35%;
}

.date {
  color: inherit;
  font-size: 0.21333333rem;
}

@media screen and (max-width:1700px) {
  .img-p1 {
    position: absolute;
    font-size: 40px;
    top: 6%;
    left: 50%;
    margin-left: -320px;
    font-weight: 600;
  }
}
@media screen and (max-width:1650px) {
  .img-p1 {
    position: absolute;
    font-size: 40px;
    top: 6%;
    left: 50%;
    margin-left: -310px;
    font-weight: 600;
  }
}

@media screen and (max-width:1500px) {
  .img-p1 {
    position: absolute;
    font-size: 40px;
    top: -7%;
    left: 50%;
    margin-left: -285px;
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  .date {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .date {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .date {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .date {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .date {
    font-size: 0.13333333rem;
  }
}

@media (min-width: 1500px) {
  .date {
    font-size: 16px;
  }
}

.more {
  display: block;
  width: 3.2rem;
  margin: 0 auto;
  color: #828282;
  font-size: 0.4rem;
  border: 1px solid #75B4F9;
  border-radius: 0;
}

@media (min-width: 1200px) {
  .more {
    width: 3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    width: 480px;
  }
}

@media (min-width: 1200px) {
  .more {
    width: 3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    width: 480px;
  }
}

@media (min-width: 1200px) {
  .more {
    width: 3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    width: 480px;
  }
}

@media (min-width: 1200px) {
  .more {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .more {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .more {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .more {
    font-size: 48px;
  }
}

.more-btn {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 36px;
  padding-right: 36px;
  border-radius: 20px;
  font-size: 18px;
  color: #000;
  border: 1px solid #000;
}

.more-btn .iconfont {
  display: inline-block;
  padding-left: 12px;
}

.color-red {
  color: #EB5757;
}

.color-blue {
  color: #2a3b6e;
}

.video-box {
  text-align: center;
  color: #fff;
}

.video-box .iconfont {
  position: absolute;
  display: block;
  top: 68%;
  left: 50%;
  width: 64px;
  height: 64px;
  line-height: 0;
  margin-left: -32px;
  margin-top: -32px;
  font-size: 64px;
  z-index: 2;
}

.video-box .iconfont:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 64px;
  height: 64px;
}

/*表单*/
.form-horizontal {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .form-horizontal {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .form-horizontal {
    padding-bottom: 32px;
  }
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 6px;
  padding: 8px 0;
}

.form-horizontal .btn {
  margin-right: 16px;
  background-color: #1c6fec;
  border-color: #1c6fec;
}

.control-label {
  width: 140px;
  font-weight: bold;
  font-size: 14px;
  line-height: 180%;
  padding-right: 8px;
}

.radio {
  font-size: 14px;
}

.radio label {
  position: relative;
  margin-right: 12px;
}

.radio .radio-input {
  top: 1px;
}

.radio-txt {
  display: inline-block;
  vertical-align: middle;
}

.radio-input {
  display: inline-block;
  vertical-align: middle;
  top: 10px;
}

.smsCode {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 84px);
  margin-right: 4px;
}

.smsImg {
  display: inline-block;
  vertical-align: middle;
  width: 76px;
  height: 33px;
}

.head_title {
  position: relative;
  border-bottom: 1px solid #D2DFFB;
  font-size: 0;
}

.head_title:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.curr_title {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid #1C6FEC;
  color: #1C6FEC;
  font-size: 16px;
  font-weight: bold;
}

.curr_title .iconfont {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

/*banner*/
.gb_mainbox {
  background-color: #fff;
  font-size: 0;
  margin-top: 60px;
  overflow: hidden;
}

.bg_pic {
  width: 800px;
  margin: 0 auto 0.5rem;
}

.bg_pic .pic_scroll {
  height: 720px;
}

.bg_news {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 32px;
}

.bg_news .hd a {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.pic_scroll {
  height: 400px;
  overflow: hidden;
  position: relative;
}

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

.pic_scroll .img-box {
  position: relative;
  height: 100%;
  background: url(../image/index-banner-bg.png) center center no-repeat;
  background-size: 100% 100%;
}

.pic_scroll .img-box .mbp {
  position: absolute;
  right: 10%;
  top: -4%;
  width: 40%;
}

.pic_scroll .video-box {
  position: relative;
  height: 100%;
}

.pic_scroll .pagination {
  bottom: 85px;
  z-index: 20;
}

.pic_scroll .swiper-pagination-bullet {
  /* width: 44px;
  height: 6px;
  border-radius: 20px;
  background-color: #acc4ff; */
  width: 15px;
  height: 15px;
  margin: 0px 20px !important;
  border-radius: 20px;
  background-color: #acc4ff;
}

.zi {
  position: absolute;
  top: 40%;
  left: 11%;
  color: #fff;
}

.zi1 {
  font-size: 41px;
  margin-bottom: 10px;
}

.zi2 {
  font-size: 28px;
}

.pic_scroll .swiper-pagination-bullet-active {
  background: #1574d9;
}

.product-box {
  height: 806px;
  overflow: hidden;
  background: url(../image/product_bg.jpg) center center repeat-y;
}

.product-box .container-response {
  padding-right: 4%;
}

@media (min-width: 1200px) {
  .product-box .container-response {
    padding-right: 4%;
  }
}

@media (min-width: 1500px) {
  .product-box .container-response {
    padding-right: 80px;
  }
}

.product-box .product-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-box .product-title .img-box {
  width: 50%;
  height: 130px;
}

@media (min-width: 1200px) {
  .product-box .product-title .img-box {
    width: 50%;
  }
}

@media (min-width: 1500px) {
  .product-box .product-title .img-box {
    width: 55%;
  }
}

@media (min-width: 1200px) {
  .product-box .product-title .img-box {
    height: 130px;
  }
}

@media (min-width: 1500px) {
  .product-box .product-title .img-box {
    height: 170px;
  }
}

.product-wrapper-title {
  text-align: center;
}

.product-wrapper-title .title {
  font-size: 36px;
  color: #083473;
}

.cloud {
  position: relative;
}

.left-cloud {
  display: inline-block;
  content: "";
  width: 100px;
  height: 24px;
  margin-right: 28px;
  background: url(../image/left-cloud.png) center center no-repeat;
  background-size: 100% 100%;
}

.right-cloud {
  display: inline-block;
  content: "";
  width: 100px;
  height: 24px;
  margin-left: 28px;
  background: url(../image/right-cloud.png) center center no-repeat;
  background-size: 100% 100%;
}

.product-wrapper {
  background-color: #fff;
}

.product-wrapper-title .sub-title {
  font-size: 18px;
  line-height: 2.0;
  color: #333;
}

.product-wrapper .product-content {
  border: none;
  padding-right: 0;
  margin-right: 0;
}

.product-wrapper .product-wrapper-left {
  width: 42%;
  padding-top: 25%;
  border-radius: 20px;
  overflow: hidden;
}

.product-wrapper .product-wrapper-left .img-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-wrapper .product-wrapper-right {
  width: 48%;
  margin-left: 4%;
}

.section-title-cn {
  font-size: 26px;
  color: #0f2246;
}

.section-title-en {
  font-size: 26px;
  color: #083473;
}

.section-txt {
  font-size: 18px;
  color: #666;
}

.product-wrapper-right .section-txt {
  max-height: 170px;
  font-size: 16px;
  line-height: 1.75;
  overflow: hidden;
}

.product-wrapper-right .line {
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin: 40px 0;
}

.product-wrapper-right .btn-ul {
  display: flex;
  justify-content: flex-start;
}

.product-wrapper-right .btn-li {
  border-color: #083473;
  border-radius: 30px;
}

.product-wrapper-right .btn-ul .btn-li .loading-btn {
  color: #fff;
  background-color: #083473;
}

.product-wrapper-right .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 8px;
}

/* 服务流程 */
.service-wrapper {
  /* height: 778px; */
  height: 500px;
  background: url(../image/service-bg.jpg) center center no-repeat;
  background-size: cover;
}

.service-wrapper-title {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.i-process {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .i-process {
    width: 1200px;
  }
}

@media (min-width: 1500px) {
  .i-process {
    width: 1500px;
  }
}

.i-process .list {
  width: 1200px;
  height: 528px;
  margin: 0 auto;
  /* background: url(../image/servevice-line-bg.png) no-repeat center;
  background-size: 100% 100%; */
}

@media (min-width: 1200px) {
  .i-process .list {
    width: 1200px;
  }
}

@media (min-width: 1500px) {
  .i-process .list {
    width: 1500px;
  }
}

.i-process .hold {
  width: 1106px;
  height: 352px;
  margin: 0 auto;
}

.service-item {
  /* position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 130px;
  text-align: center; */
  display: inline-block;
  vertical-align: top;
  width: 160px;
  text-align: center;
}
.service-item2 {
  /* position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 130px;
  text-align: center; */
  display: inline-block;
  vertical-align: top;
  width: 160px;
  text-align: center;
}
.service-item3 {
  /* position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 130px;
  text-align: center; */
  display: inline-block;
  vertical-align: top;
  width: 160px;
  text-align: center;
}
/* .service-item:nth-child(even) {
  flex-direction: column-reverse;
}
.service-item:nth-child(1) {
  left: 1%;
  top: 38%;
}
.service-item:nth-child(2) {
  left: 14%;
  bottom: 0;
}
.service-item:nth-child(3) {
  left: 23%;
  top: 31%;
}
.service-item:nth-child(4) {
  left: 34%;
  bottom: 15%;
}
.service-item:nth-child(5) {
  left: 45%;
  top: 12%;
}
.service-item:nth-child(6) {
  right: 38%;
  bottom: 28%;
}
.service-item:nth-child(7) {
  right: 27%;
  bottom: 31%;
}
.service-item:nth-child(8) {
  right: 14%;
  bottom: 26%;
}
.service-item:nth-child(9) {
  right: 4%;
  top: -2%;
} */
.service-item {
  background: url(../image/service-bg.png) center center no-repeat;
  background-size: 100% 100%;
  margin: 0px 85px;
}
.service-item2 {
  background: url(../image/service-bg.png) center center no-repeat;
  background-size: 100% 100%;
  /* margin: 0px 85px; */
}
.service-item3 {
  /* background: url(../image/service-bg.png) center center no-repeat; */
  background-size: 100% 100%;
  margin: 0px 23px;
}
.service-item2:nth-of-type(even) {
  margin-top: 88px;
  margin-left: -44px;
  margin-right: -44px;
}

.service-item.cur,
.service-item:hover {
  background: url(../image/service-bg-hover.png) center center no-repeat;
  background-size: 100% 100%;
}
.service-item2.cur,
.service-item2:hover {
  background: url(../image/service-bg-hover.png) center center no-repeat;
  background-size: 100% 100%;
}
.service-item3.cur,
.service-item3:hover {
  /* background: url(../image/service-bg-hover.png) center center no-repeat; */
  background-size: 100% 100%;
}
.alyImg1{
  background: url(../image/aly11.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.alyImg2{
  background: url(../image/aly22.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.alyImg3{
  background: url(../image/aly33.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.alyImg4{
  background: url(../image/aly44.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.alyImg5{
  background: url(../image/aly55.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.alyImg6{
  background: url(../image/aly66.png) center center no-repeat;
  width: 80px;
  height: 80px;
}
.service-icon-box {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-around;
  width: 145px;
  text-align: center;
  margin: 0 auto;
  transform: translateX(50px);
}

/* .service-icon-box {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-around;
  width: 101px;
  height: 172px;
  line-height: 2;
  text-align: center;
  transform: translateX(50px);
  background: url(../image/service-icon01-bg.png) center center no-repeat;
  background: url(../image/service-bg.png) center center no-repeat;
  background-size: 100% 100%;
} */
/* .service-item:nth-of-type(even) .service-icon-box {
  flex-direction: column;
  background: url(../image/service-icon02-bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.service-item.cur .service-icon-box,
.service-item:hover .service-icon-box {
  background: url(../image/service-icon01-bg-hover.png) center center no-repeat;
  background-size: 100% 100%;
}
.service-item:nth-of-type(even).cur .service-icon-box,
.service-item:nth-of-type(even):hover .service-icon-box {
  background: url(../image/service-icon02-bg-hover.png) center center no-repeat;
  background-size: 100% 100%;
} */
.service-icon-box .light {
  font-size: 18px;
  color: #1e5aad;
  margin-top: 10px;
}
.service-icon-box .light3 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 10px;
}
.service-item.cur .light,
.service-item:hover .light {
  color: #fff;
}
.service-item2.cur .light,
.service-item2:hover .light {
  color: #fff;
}
.service-item3.cur .light,
.service-item3:hover .light {
  color: #f8771d;
}
/* .service-icon-box .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  font-size: 60px;
  color: #083473;
  border-radius: 48px;
  border: 1px dashed #083473;
  background: #fff;
  margin: 8px 0;
} */
.service-item .name {
  font-size: 16px;
  font-weight: bold;
  color: #083473;
  margin-top: 4px;
}
.service-item2 .name {
  font-size: 16px;
  font-weight: bold;
  color: #083473;
  margin-top: 4px;
}
.service-item3 .name {
  font-size: 12px;
  /* font-weight: bold; */
  color: #8f8f8f;
  margin-top: 4px;
}
.service-item.cur .name,
.service-item:hover .name {
  color: #fff;
}
.service-item2.cur .name,
.service-item2:hover .name {
  color: #fff;
}
.service-item3.cur .name,
.service-item3:hover .name {
  color: #f8771d;
}
.service-icon-box .circle {
  display: block;
  width: 72px;
  height: 54px;
  font-size: 54px;
  color: #083473;
  background-color: #f5f5f5;
  margin: 20px 0 0;
}

.service-item.cur .circle,
.service-item:hover .circle {
  color: #fff;
  border-color: #fff;
  background: #083473;
}
.service-item2.cur .circle,
.service-item2:hover .circle {
  color: #fff;
  border-color: #fff;
  background: #083473;
}
.service-item3.cur .circle,
.service-item3:hover .circle {
  color: #fff;
  border-color: #fff;
  background: #083473;
}
@media (min-width: 1500px) {
  .service-item {
    width: 200px;
    
  }
  .service-item2 {
    width: 200px;
    
  }
  .service-item3 {
    width: 200px;
    
  }
  .service-icon-box .circle {
    width: 96px;
    height: 58px;
    font-size: 60px;
  }

  .service-item .name {
    font-size: 20px;
    margin-top: 16px;
  }
  .service-item2 .name {
    font-size: 20px;
    margin-top: 16px;
  }
  .service-item3 .name {
    font-size: 16px;
    margin-top: 16px;
  }
}
@media (max-width: 1500px) {
  .service-item {
    width: 200px;
    margin: 0px 45px;
  }
  .service-item2 {
    width: 165px;
    /* margin: 0px 45px; */
  }
  .service-item3 {
    width: 150px;
    margin: 0px 20px;
  }
}
/* 服务优势 */
.advantage-wrapper {
  height: 800px;
  background: #fff top center no-repeat;
  background-size: cover;
}

.advantage-wrapper .service-wrapper-title {
  padding-top: 80px;
  padding-bottom: 60px;
}

.advantage-wrapper-left {
  width: 51.5%;
  padding-top: 35.5%;
  border-radius: 20px;
  overflow: hidden;
}

.advantage-wrapper1-left {
  width: 30%;
  padding-top: 35.5%;
  border-radius: 20px;
  overflow: hidden;
}

.advantage-slide {
  display: flex;
}

.advantage-wrapper-left .img-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.advantage-wrapper1-left .img-box {
  position: absolute;
  /* top: 0; */
  top: 10%;
  bottom: 0;
  left: 0;
  right: 0;
}
.advantage-wrapper1-left .img-box .img-box-img {
  /* position: absolute;
  top: 20%;
  bottom: 0;
  left: 0; */
  /* left: 20%; */
  /* right: 0; */
}

.advantage-wrapper-right {
  width: 44%;
  margin-left: 7%;
}

.advantage-wrapper1-right {
  width: 84%;
  margin-left: 3%;
}

.wrapper1BigBox {
  text-align: center;
  margin-bottom: 20px;
  
}
.bannersmall {
  width: 170px;
  /* text-align: center; */
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
.wrapper1Box {
  width: 320px;
  height: 190px;
  background-color: #fff;
  display: inline-block;
  margin-right: 20px;
  border-radius: 10px;
  border: 1px solid #083473;
}


.wrapper1BoxImg {
  padding-top: 10px;
  display: inline-block;
}

.wrapper1Box1Div {
  font-size: 18px;
  color: #083473;
  font-weight: 700;
  margin-top: 5px;
  /* margin-bottom: 10px; */
}

.wrapper1BoxDiv {
  font-size: 16px;
  color: #717171;
  height: 65px;
  display: table;
  overflow: hidden;
  padding: 0 10px;
  width: 100%;
}
.wrapper1BoxSpan {
  display: table-cell;
  vertical-align: middle;
}
.img-box-Div {
  font-size: 30px;
  color: #083473;
  width: 150px;
  font-weight: 700;
}
.img-box-Div2 {
  font-size: 26px;
  color: #717171;
  width: 150px;
  font-weight: 700;
  /* margin-top: 70px; */
}
@media screen and (max-width:1840px) {
  .wrapper1Box {
    width: 280px;
    height: 200px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #083473;
  }
}
@media screen and (max-width:1625px) {
  .wrapper1Box {
    width: 260px;
    height: 200px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #083473;
  }
}
@media screen and (max-width:1555px) {
  .wrapper1Box {
    width: 260px;
    height: 200px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #083473;
  }
}
@media screen and (max-width:1400px) {
  .wrapper1Box {
    width: 260px;
    height: 202px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #083473;
  }
  .wrapper1BoxDiv {
    font-size: 16px;
    color: #717171;
    height: 65px;
    display: table;
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
  }
}
@media screen and (max-width:1355px) {
  .wrapper1Box {
    width: 250px;
    height: 180px;
    background-color: #fff;
    display: inline-block;
    margin-right: 20px;
    border-radius: 10px;
    border: 1px solid #083473;
  }
}
.advantage-item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.advantage-item .iconfont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 52px;
  border-radius: 50%;
  font-size: 28px;
  color: #fff;
  background-image: linear-gradient(#0454c6, #083679);
}

.advantage-item .text-box {
  flex: 1;
  margin-left: 4%;
}

.text-box .title {
  font-weight: bold;
  font-size: 24px;
  color: #333;
  margin: 0 auto;
  line-height: 1.75;
}

.text-box .describe {
  font-size: 18px;
  color: #666;
  margin: 0 auto;
  line-height: 1.75;
}

/* 翻页 */
.pagebook-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #999;
}

.pagebook-ul {
  display: flex;
  width: 60%;
}

.pagebook-li {
  max-width: 50%;
  margin-right: 1%;
  padding: 10px 20px;
  background-color: #f7f7f7;
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.pagebook-box .btn-ul .btn-li {
  background-color: #083473;
  border-color: #083473;
}

.tabs-ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.tabs-li {
  font-size: 24px;
  margin-left: 32px;
  margin-right: 32px;
  color: #333;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
}

.tabs-li.on {
  color: #027ddb;
  border-color: #027ddb;
}

.tabs-li:hover {
  color: #027ddb;
  border-color: #027ddb;
}

.product-content {
  padding-top: 44px;
  padding-bottom: 70px;
  padding-right: 80px;
  margin-right: -80px;
  /*  border-right: 1px solid #ddd; */
}

.product-slide {
  display: flex;
  padding: 0 10px;
}

.product-left {
  display: inline-block;
  vertical-align: top;
  width: 38%;
}

.product-left .product-section-title {
  font-size: 32px;
  margin-top: 60px;
  margin-bottom: 16px;
}

.product-left .line {
  width: 20px;
  height: 4px;
  background-color: #027ddb;
}

.product-left .product-section-txt {
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
}

.product-left .product-section-txt:first-child {
  margin-top: 36px;
}

.product-left .details-btn {
  font-size: 18px;
  margin-top: 80px;
  color: #333;
}

.product-right {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-left: 12.5%;
  height: 371px;
  margin-top: 18px;
  border: 4px solid #fff;
  box-shadow: 20px 20px 4px rgba(20, 37, 71, 0.38);
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (max-width:1700px) {
  
  .img-p2 {
    position: absolute;
    font-size: 40px;
    top: 0%;
    left: 50%;
    margin-left: -245px;
    font-weight: 600;
  }
}
/* @media screen and (max-width:1550px) {
  
  .img-p2 {
    position: absolute;
    font-size: 40px;
    top: 0%;
    left: 50%;
    margin-left: -245px;
    font-weight: 600;
  }
} */
@media screen and (max-width:1400px) {
  .product-right {
    height: 330px;
  }
  .img-p2 {
    position: absolute;
    font-size: 40px;
    top: 0%;
    left: 50%;
    margin-left: -203px;
    font-weight: 600;
  }
}
.product-right .img-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.product-button-next {
  position: absolute;
  right: 0;
  top: 50%;
  width: 58px;
  height: 58px;
  margin-top: -29px;
  margin-right: -29px;
  background: url(../image/product-button-next.png) center center no-repeat;
  background-size: 100% 100%;
}

.consult-box {
  height: 888px;
  background-color: #fff;
  /* background: url(../image/consult_bg.jpg) center center no-repeat; */
}

.consult-box .container-response {
  padding-top: 0;
  padding-bottom: 0;
}

.consult-box .consult-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.consult-box .consult-title .img-box {
  width: 780px;
  height: 170px;
}

.consult-content {
  margin-top: 44px;
  margin-bottom: 70px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #fff;
  font-size: 0;
}

.consult-left {
  display: inline-block;
  vertical-align: top;
  width: 39.5%;
  background: url(../image/consult-left-bg.png) bottom center no-repeat;
  background-size: contain;
  border: 1px solid #f4f4f4;
}

.consult-left .img-box {
  height: 360px;
}

.consult-left .details-btn {
  font-size: 18px;
  margin-top: 80px;
  color: #333;
}

.intro-box {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
}

.intro-box .title {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.intro-box .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  color: #999;
  line-height: 1.2;
  margin-top: 10px;
  margin-bottom: 20px;
}

.intro-box .date {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

.intro-box:hover {
  background-color: #2f3f76;
}

.intro-box:hover .title,
.intro-box:hover .txt,
.intro-box:hover .date {
  color: #fff;
}

.consult-right {
  display: inline-block;
  vertical-align: top;
  width: 59%;
  margin-left: 1%;
}

.consult-right-ul {
  display: block;
}

.consult-right-ul a:first-child .consult-right-li {
  margin-top: 0;
}

.consult-right-li {
  display: flex;
  font-size: 0;
  border: 1px solid #f4f4f4;
  background-color: #2f3f76;
  margin-top: 14px;
}

.consult-right-li .intro-box {
  max-width: 76%;
}

.consult-right-li .date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.consult-right-li .img-box {
  width: 100%;
  height: 100%;
}

.case-box {
  /* height: 500px; */
  background-color: #fff;
}

.case-box .container-response {
  padding-top: 70px;
}

.case-box .case-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.case-box .case-title .img-box {
  /* width: 780px;  */
  width: 730px;
  height: 170px;
}

.case-box .more-btn {
  color: #1574d9;
  border-color: #1574d9;
}

.case-content {
  margin-top: 60px;
  margin-bottom: 56px;
  font-size: 0;
  overflow: hidden;
}

.case-content.two {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 56px;
  font-size: 0;
  overflow: hidden;
  /* background-color: #f7f7f7; */
}

.case-content.two .case-slide {
  /* width: 325px;
  height: 90px;
  margin-top: 15px;
  margin-bottom: 12px;
  background-color: #f7f7f7; */
  width: 240px;
  height: 90px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 40px;
  margin-right: 40px;
  background-color: #f7f7f7
}

.case-content .str_move {
  width: 2600px;
}

.case-content .img-freedom {
  margin-right: 20px;
}

.img-freedom {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 90px;
}

.case-ul {
  display: block;
  font-size: 0;
}

.case-li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  transition-property: width;
  transition-duration: 1s;
}

.case-li:hover,
.case-li.on {
  width: 50%;
}

.case-li:hover .mbp,
.case-li.on .mbp {
  padding-top: 72%;
}

.case-li:hover .intro-box,
.case-li.on .intro-box {
  width: 46%;
  bottom: auto;
  top: 50%;
  margin-top: -20.5%;
  padding-right: 56px;
  text-align: right;
  color: #333;
  background-color: #fff;
}

@media (min-width: 1559px) {

  .case-li:hover .intro-box,
  .case-li.on .intro-box {
    margin-top: -12.5%;
  }
}

.case-li:hover .intro-box .title,
.case-li.on .intro-box .title {
  color: #333;
}

.case-li:hover .icon-box,
.case-li.on .icon-box {
  position: absolute;
  right: -13%;
  top: 50%;
  margin-top: -10%;
  color: #fff;
  background-color: #2a3b6e;
}

.case-li:hover .icon-img-box,
.case-li.on .icon-img-box {
  position: absolute;
  right: -13%;
  top: 50%;
  margin-top: -10%;
  color: #fff;
  background-color: #2a3b6e;
}

.case-li:hover .line,
.case-li.on .line {
  position: relative;
  width: 100%;
  margin-bottom: 14px;
  background-color: #2a3b6e;
}

.case-li:hover .line:after,
.case-li.on .line:after {
  position: absolute;
  right: -5px;
  bottom: -6px;
  display: inline-block;
  content: "";
  border-bottom: 8px solid #2a3b6e;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transform: rotate(45deg);
}

.case-li:hover .txt,
.case-li.on .txt {
  color: #999;
}

.case-li:hover .color-blue,
.case-li.on .color-blue {
  display: block;
}

.case-li .mbp {
  height: 541px;
}

.case-li .intro-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
}

.case-li .icon-box {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 50%;
  color: #2a3b6e;
  background-color: #d3e2fd;
}

.case-li .icon-box .iconfont {
  font-size: 44px;
}

.case-li .icon-img-box {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 85px;
  overflow: hidden;
  border-radius: 50%;
  color: #2a3b6e;
  background-color: #d3e2fd;
}

.case-li .line {
  display: inline-block;
  width: 36px;
  height: 2px;
  background-color: #fff;
}

.case-li .img-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.case-li .intro-box {
  color: #fff;
  background-color: transparent;
}

.case-li .txt {
  color: #fff;
}

.case-li .color-blue {
  display: none;
  font-size: 16px;
  font-weight: bold;
}

.case-slide .img-box {
  width: 100%;
  height: 90px;
  /* border: 1px solid #e5e5e5;
  box-sizing: border-box; */
}

.case-items {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.case-items:nth-child(4n) {
  margin-right: 0;
}

.case-items.one {
  width: 210px;
}

.case-items.two {
  width: 300px;
}

.case-items.three {
  width: 360px;
}

.case-items.four {
  width: 260px;
}

.case-item {
  width: auto;
  height: 90px;
}

.case-item:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.case-item .img-box {
  width: 100%;
  height: 100%;
}


.aboutUs-box {
  height: 832px;
  background: url(../image/aboutUs_bg.jpg) center center no-repeat;
}

.aboutUs-box .container-response {
  padding-top: 144px;
}

.aboutUs-box .aboutUs-item {
  font-size: 0;
  background-color: #f0f6ff;
}

.aboutUs-box .left-con {
  display: inline-block;
  vertical-align: top;
  width: 45.78%;
}

.aboutUs-box .left-con .img-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.aboutUs-box .mbp {
  padding-top: 75.5%;
}

.aboutUs-box .right-con {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 45.78%);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 44px;
  padding-right: 44px;
}

.aboutUs-box .more-box {
  display: inline-block;
  width: 32%;
  margin-left: 13.5%;
}

@media (min-width: 1559px) {
  .aboutUs-box .more-box {
    width: 28%;
  }
}

.aboutUs-box .more-btn {
  color: #1574d9;
  border-color: #1574d9;
}

.aboutUs-txt-box {
  position: relative;
  padding-top: 15%;
  padding-left: 23%;
  min-height: 400px;
}

.aboutUs-txt-box .img-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 80%;
}

@media (min-width: 1366px) {
  .aboutUs-txt-box .img-box {
    width: 10%;
    height: 100%;
  }
}

.aboutUs-txt-box .txt {
  margin-left: -70px;
  font-size: 16px;
  line-height: 2;
  color: #666;
}

.aboutUs-button-prev,
.aboutUs-button-next {
  position: absolute;
  bottom: 5%;
  font-size: 28px;
  color: #027ddb;
}

.aboutUs-button-prev.swiper-button-disabled,
.aboutUs-button-next.swiper-button-disabled {
  opacity: 0.3;
}

.aboutUs-button-prev {
  left: 49%;
}

.aboutUs-button-next {
  left: 51.5%;
}

/* 产品页 */
.produceSwiper {
  height: 5.86666667rem;
}

@media (min-width: 1200px) {
  .produceSwiper {
    height: 3.66666667rem;
  }
}

@media (min-width: 1500px) {
  .produceSwiper {
    height: 440px;
  }
}

@media (min-width: 1200px) {
  .produceSwiper {
    height: 3.66666667rem;
  }
}

@media (min-width: 1500px) {
  .produceSwiper {
    height: 440px;
  }
}

@media (min-width: 1200px) {
  .produceSwiper {
    height: 3.66666667rem;
  }
}

@media (min-width: 1500px) {
  .produceSwiper {
    height: 440px;
  }
}

.produceSwiper .img-box {
  height: 100%;
}

.full_col {
  height: 3.2rem;
  margin-bottom: 0.42666667rem;
}

@media (min-width: 1200px) {
  .full_col {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .full_col {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .full_col {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .full_col {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .full_col {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    margin-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .full_col {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .full_col {
    margin-bottom: 32px;
  }
}

.showJPG {
  width: 100%;
  height: 100%;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}

.swiper-visible-switch {
  background: #aaa;
}

.swiper-active-switch {
  background: #fff;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  width: 16px;
  height: 30px;
  background-image: url(../image/arrow-right.png);
  background-size: contain;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  width: 16px;
  height: 30px;
  background-image: url(../image/arrow-left.png);
  background-size: contain;
}

.black {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1.06666667rem;
  line-height: 1.06666667rem;
  text-align: center;
  color: #fff;
  font-size: 0.4rem;
  background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 1200px) {
  .black {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    line-height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    line-height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    line-height: 0.83333333rem;
  }
}

@media (min-width: 1500px) {
  .black {
    line-height: 120px;
  }
}

@media (min-width: 1200px) {
  .black {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .black {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .black {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .black {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .black {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .black {
    font-size: 48px;
  }
}

.black.purple_bg {
  background: rgba(71, 92, 205, 0.8);
}

.black.dark_green_bg {
  background: rgba(28, 123, 176, 0.8);
}

.black.grass_green_bg {
  background: rgba(24, 152, 129, 0.8);
}

.black p {
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.breadcrumb {
  display: block;
  font-size: 0.4rem;
  line-height: 0.58666667rem;
  margin-bottom: 12px;
}

@media (min-width: 1200px) {
  .breadcrumb {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .breadcrumb {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .breadcrumb {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .breadcrumb {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .breadcrumb {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .breadcrumb {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .breadcrumb {
    line-height: 64px;
  }
}

.breadcrumb li {
  display: inline-block;
  vertical-align: middle;
  color: #1C6FEC;
}

.breadcrumb .active {
  color: #1C6FEC;
}

.breadcrumb li+li:before {
  color: #1C6FEC;
  content: ">";
  padding: 0 5px;
}

.breadcrumb .txt {
  display: inline-block;
  vertical-align: middle;
  color: #828282;
}

.breadcrumb .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin-right: 4px;
  color: #8FBE3E;
}

/*标签*/
.tag {
  display: block;
  font-size: 0;
  line-height: 0.58666667rem;
  margin-bottom: 12px;
}

@media (min-width: 1200px) {
  .tag {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .tag {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .tag {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .tag {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .tag {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .tag {
    line-height: 64px;
  }
}

.tag .item {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.4rem;
  color: #333;
  margin: 4px;
}

@media (min-width: 1200px) {
  .tag .item {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .tag .item {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .tag .item {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .tag .item {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .tag .item {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .tag .item {
    font-size: 48px;
  }
}

.tag .active {
  color: #fff;
  background-color: #1C6FEC;
  padding: 4px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/*左侧菜单*/
.menu {
  margin-bottom: 15px;
}

.menu ul {
  list-style: none;
  background: #F8F8f8;
  padding: 0px;
  margin: 0px;
  border: solid 1px #eee;
  text-align: left;
}

.menu a {
  position: relative;
  display: block;
  line-height: 16px;
  padding-left: 6px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  border-left: 4px solid #1C6FEC;
}

.menu .iconfont {
  position: absolute;
  right: 0;
  color: #BDBDBD;
}

.menu li {
  position: relative;
  padding: 18px 24px;
  height: 56px;
  font-size: 16px;
  color: #333;
}

.menu li+li {
  border-top: 1px solid #fff;
}

.menu li:hover {
  background-color: #1C6FEC;
  color: #ffffff;
  font-weight: bold;
}

.menu li:hover a {
  color: #fff;
  border-left: 4px solid #fff;
}

.menu li:hover .iconfont {
  color: #fff;
}

.menu li.selected {
  background-color: #1C6FEC;
  color: #fff;
  font-weight: bold;
}

.menu li.selected a {
  color: #fff;
  border-left: 4px solid #fff;
}

.menu li.selected .iconfont {
  color: #fff;
}

/*新闻视频*/
.xwsp_items {
  margin: 24px 0 12px;
  line-height: 0;
}

.xwsp_items .xwsp_item {
  position: relative;
  padding-top: 60%;
  margin-bottom: 0.32rem;
}

@media (min-width: 1200px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items .xwsp_item {
    margin-bottom: 48px;
  }
}

.xwsp_items .img-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.xwsp_items .video-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.xwsp_items .iconbofang {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  line-height: 0;
  margin-left: -32px;
  margin-top: -14px;
  margin-right: 0;
  color: #fff;
  font-size: 64px;
  z-index: 4;
}

.xwsp_items .iconbofang:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 64px;
  height: 64px;
}

.xwsp_items+.more {
  margin-top: 0.85333333rem;
}

@media (min-width: 1200px) {
  .xwsp_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items+.more {
    margin-top: 84px;
  }
}

@media (min-width: 1200px) {
  .xwsp_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items+.more {
    margin-top: 84px;
  }
}

@media (min-width: 1200px) {
  .xwsp_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .xwsp_items+.more {
    margin-top: 84px;
  }
}

#swtzbpt_swiper1 .xwsp_items {
  margin: 0;
}

#swtzbpt_swiper1 .xwsp_item {
  padding-top: 25%;
}

#swtzbpt_swiper1 .swiper-button-next,
#swtzbpt_swiper1 .swiper-button-prev {
  top: 56%;
}

/*专题专栏*/
.ztzl_items {
  margin: 24px 0 12px;
  line-height: 0;
}

.ztzl_items .ztzl_item {
  padding: 0.13333333rem;
  border: 1px solid #cccccc;
  margin-bottom: 0.32rem;
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    padding: 0.08333333rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    padding: 0.08333333rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    padding: 0.08333333rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items .ztzl_item {
    margin-bottom: 48px;
  }
}

.ztzl_items .mbp {
  position: relative;
  padding-top: 40%;
}

.ztzl_items .mbp.two {
  padding-top: 50%;
}

.ztzl_items .img-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ztzl_items+.more {
  margin-top: 0.85333333rem;
}

@media (min-width: 1200px) {
  .ztzl_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items+.more {
    margin-top: 84px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items+.more {
    margin-top: 84px;
  }
}

@media (min-width: 1200px) {
  .ztzl_items+.more {
    margin-top: 0.6rem;
  }
}

@media (min-width: 1500px) {
  .ztzl_items+.more {
    margin-top: 84px;
  }
}

.zw_contain {
  font-size: 0.4rem;
  padding-bottom: 50px;
}

@media (min-width: 1200px) {
  .zw_contain {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .zw_contain {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .zw_contain {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .zw_contain {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .zw_contain {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .zw_contain {
    font-size: 48px;
  }
}

.zw_contain h1 {
  font-size: 28px;
  line-height: 50px;
  text-align: center;
  color: #333;
  margin-top: 40px;
  overflow: hidden;
  font-weight: normal;
}

.zw_contain .slideTxtBox .infoList {
  padding: 0 0 16px;
}

.zw_contain .infoList li {
  line-height: 16px;
  padding: 18px 0 12px 0;
  border-bottom: 1px solid #D2DFFB;
}

.news_vdcon {
  font-size: 14px;
  line-height: 180%;
  overflow: hidden;
  padding: 20px 0 0;
}

.news_vdcon p {
  margin-bottom: 10px;
}

.zw_hd {
  text-align: center;
  color: #333;
  word-break: break-all;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .zw_hd {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .zw_hd {
    padding-bottom: 32px;
  }
}

.big_title {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 2;
  padding-top: 30px;
}

@media (min-width: 1200px) {
  .big_title {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .big_title {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .big_title {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .big_title {
    font-size: 56px;
  }
}

@media (min-width: 1200px) {
  .big_title {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .big_title {
    font-size: 56px;
  }
}

.desc {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  font-size: 0.4rem;
  text-align: justify;
  line-height: 180%;
  color: #828282;
  background: #F5F5F5;
}

@media (min-width: 1200px) {
  .desc {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-top: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-top: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-bottom: 32px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-left: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-left: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-left: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-left: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-left: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-left: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-right: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-right: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-right: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-right: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    padding-right: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    padding-right: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .desc {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .desc {
    font-size: 48px;
  }
}

.zw_bd {
  margin-bottom: 24px;
  word-break: break-all;
}

.zw_bd tr {
  margin-bottom: 10px;
}

.zw_bd .txt {
  color: #333;
  font-size: 14px;
  text-indent: 28px;
  text-align: justify;
  margin-bottom: 24px;
}

.zw_bd .content .txt {
  margin-bottom: 0;
  text-indent: 0;
  height: auto;
  line-height: 22px;
  font-size: 12px;
  color: #999;
}

.zw_bd .img_con .txt {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  color: #828282;
}

.zw_bd .circle {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 8px;
  border: 2px solid #cb1315;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.zw_bd .form-horizontal .control-label {
  padding-top: 4px;
}

.zw_ft {
  margin-top: 50px;
}

/*上一页 下一页*/
.bottom_label {
  padding: 0.32rem;
  padding: 12px;
  background: #F5F5F5;
}

@media (min-width: 1200px) {
  .bottom_label {
    padding: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .bottom_label {
    padding: 48px;
  }
}

@media (min-width: 1200px) {
  .bottom_label {
    padding: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .bottom_label {
    padding: 48px;
  }
}

@media (min-width: 1200px) {
  .bottom_label {
    padding: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .bottom_label {
    padding: 48px;
  }
}

.bottom_label .items {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.post {
  width: 1.6rem;
  font-size: 0.4rem;
  color: #333;
}

@media (min-width: 1200px) {
  .post {
    width: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .post {
    width: 216px;
  }
}

@media (min-width: 1200px) {
  .post {
    width: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .post {
    width: 216px;
  }
}

@media (min-width: 1200px) {
  .post {
    width: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .post {
    width: 216px;
  }
}

@media (min-width: 1200px) {
  .post {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .post {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .post {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post {
    font-size: 48px;
  }
}

.post_title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.4rem;
  color: #1C6FEC;
}

@media (min-width: 1200px) {
  .post_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post_title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .post_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post_title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .post_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .post_title {
    font-size: 48px;
  }
}

/*直播平台*/
.live_box .live_list {
  height: auto;
  border: 1px solid #D2DFFB;
  box-sizing: border-box;
  text-align: left;
  margin-top: 0.32rem;
  border-radius: 10px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .live_box .live_list {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list {
    margin-top: 48px;
  }
}

.live_box .live_list:nth-child(1) .iconfont {
  background-color: transparent;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(1) .iconfont {
    line-height: 48px;
  }
}

.live_box .live_list:nth-child(2) .iconfont {
  background-color: transparent;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(2) .iconfont {
    line-height: 48px;
  }
}

.live_box .live_list:nth-child(3) .iconfont {
  background-color: transparent;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(3) .iconfont {
    line-height: 48px;
  }
}

.live_box .live_list:nth-child(4) .iconfont {
  background-color: transparent;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .live_box .live_list:nth-child(4) .iconfont {
    line-height: 48px;
  }
}

.txt-box {
  height: 116px;
  background-color: #F5F5F5;
}

.txt-box:before {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}

.txt-box .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: bold;
  color: #000;
}

@media (min-width: 1200px) {
  .txt-box .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .txt-box .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .txt-box .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .txt-box .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .txt-box .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .txt-box .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .txt {
    line-height: 64px;
  }
}

.txt-box .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.4rem;
  margin-right: 8px;
}

@media (min-width: 1200px) {
  .txt-box .iconfont {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .iconfont {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .txt-box .iconfont {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .iconfont {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .txt-box .iconfont {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .txt-box .iconfont {
    font-size: 48px;
  }
}

.live_list {
  font-size: 0;
  text-align: center;
}

.live_list:nth-child(1) .txt-box {
  background-color: #EFF5E7;
}

.live_list:nth-child(1) .iconfont {
  background-color: #8FBE3E;
  padding: 17px 10px;
}

.live_list:nth-child(2) .txt-box {
  background-color: #E2F0FB;
}

.live_list:nth-child(2) .iconfont {
  background-color: #047FDA;
  font-size: 0.48rem;
  padding: 17px 8px;
}

@media (min-width: 1200px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(2) .iconfont {
    font-size: 50px;
  }
}

.live_list:nth-child(3) .txt-box {
  background-color: #F7EFE8;
}

.live_list:nth-child(3) .txt-box .txt {
  width: 55%;
}

.live_list:nth-child(3) .iconfont {
  background-color: #F77B3F;
  font-size: 0.48rem;
  padding: 17px 8px;
}

@media (min-width: 1200px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(3) .iconfont {
    font-size: 50px;
  }
}

.live_list:nth-child(4) .txt-box {
  background-color: #FFF3E1;
}

.live_list:nth-child(4) .iconfont {
  background-color: #FCAD20;
  font-size: 0.48rem;
  padding: 17px 8px;
}

@media (min-width: 1200px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .live_list:nth-child(4) .iconfont {
    font-size: 50px;
  }
}

.hdpt_list {
  font-size: 0;
  text-align: center;
  background-size: cover;
  background-position: center center;
  margin-bottom: 0.16rem;
}

@media (min-width: 1200px) {
  .hdpt_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list {
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .hdpt_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list {
    margin-bottom: 36px;
  }
}

@media (min-width: 1200px) {
  .hdpt_list {
    margin-bottom: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list {
    margin-bottom: 36px;
  }
}

.hdpt_list .txt-box {
  background-color: transparent;
}

.hdpt_list .txt {
  color: #fff;
}

.hdpt_list .iconfont {
  font-size: 0.48rem;
  font-weight: normal;
}

@media (min-width: 1200px) {
  .hdpt_list .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .hdpt_list .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list .iconfont {
    font-size: 50px;
  }
}

@media (min-width: 1200px) {
  .hdpt_list .iconfont {
    font-size: 0.36666667rem;
  }
}

@media (min-width: 1500px) {
  .hdpt_list .iconfont {
    font-size: 50px;
  }
}

.xwzx_list {
  height: 5.33333333rem;
}

@media (min-width: 1200px) {
  .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_list {
    height: 540px;
  }
}

.xwzx_list .black {
  text-align: left;
}

.xwzx_list .name {
  width: 60%;
}

.xwzx_list .img-box {
  height: 100%;
}

.xwzx_box {
  margin-top: 0.32rem;
}

@media (min-width: 1200px) {
  .xwzx_box {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box {
    margin-top: 48px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box {
    margin-top: 0.26666667rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box {
    margin-top: 48px;
  }
}

.xwzx_box .xwzx_list {
  height: 5.33333333rem;
}

@media (min-width: 1200px) {
  .xwzx_box .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .xwzx_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .xwzx_list {
    height: 540px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box .xwzx_list {
    height: 4rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .xwzx_list {
    height: 540px;
  }
}

.xwzx_box .pagination {
  text-align: right;
  padding-right: 0.5rem;
  bottom: 0.8rem;
  z-index: 20;
}

@media (min-width: 1200px) {
  .xwzx_box .pagination {
    bottom: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .pagination {
    bottom: 60px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box .pagination {
    bottom: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .pagination {
    bottom: 60px;
  }
}

@media (min-width: 1200px) {
  .xwzx_box .pagination {
    bottom: 0.5rem;
  }
}

@media (min-width: 1500px) {
  .xwzx_box .pagination {
    bottom: 60px;
  }
}

.xwzx_box .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 0.1rem;
}

.xwzx_box .swiper-pagination-bullet-active {
  border: 1px solid #8FBE3E;
  background: #8FBE3E;
}

/*联系我们*/
.contact_us_items {
  margin-top: 36px;
}

.contact_us_items .contact_us_item .txt {
  font-size: 0.4rem;
  line-height: 0.48rem;
  text-indent: 1.33333333rem;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 240px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 240px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 1.33333333rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .contact_us_item .txt {
    text-indent: 240px;
  }
}

.contact_us_items .contact_us_item {
  margin-bottom: 24px;
}

.contact_us_items .iconfont {
  display: inline-block;
  vertical-align: top;
  width: 54px;
  padding-right: 6px;
  font-size: 20px;
  text-align: right;
  color: #2182dc;
}

.contact_us_items .title {
  font-size: 0.4rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .contact_us_items .title {
    line-height: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .contact_us_items .title {
    line-height: 64px;
  }
}

.contact_us_items span {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

.con_txt {
  text-align: left;
  padding: 16px 10px;
}

.con_txt .title {
  position: static;
  color: #333;
  margin-top: -4px;
  font-size: 0.4rem;
  line-height: 0.58666667rem;
}

@media (min-width: 1200px) {
  .con_txt .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .title {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .con_txt .title {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .con_txt .title {
    line-height: 0.45rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .title {
    line-height: 64px;
  }
}

.con_txt .time {
  color: #828282;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .con_txt .time {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .time {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .time {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .time {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .time {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .time {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .time {
    line-height: 48px;
  }
}

.con_txt .iconfont {
  margin-right: 8px;
  font-size: 0.32rem;
  line-height: 0.48rem;
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    font-size: 0.23333333rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .con_txt .iconfont {
    line-height: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .con_txt .iconfont {
    line-height: 48px;
  }
}

.realend {
  position: absolute;
  width: 18px;
  bottom: 0;
  right: 0;
  background: #fbf8f1;
  font-size: 14px;
  color: #999;
}

/*网站地图*/
.mapbox {
  border: solid 1px #ddd;
}

.map_h1 {
  font-size: 0.4rem;
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-bottom: 1px solid #ddd;
  color: #555;
}

@media (min-width: 1200px) {
  .map_h1 {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-right: 56px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-right: 56px;
  }
}

@media (min-width: 1200px) {
  .map_h1 {
    padding-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_h1 {
    padding-right: 56px;
  }
}

.map_bd {
  border-bottom: 1px solid #f0f0f0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .map_bd {
    margin-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    margin-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    margin-left: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-left: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    margin-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-right: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    margin-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-right: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    margin-right: 0.4rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    margin-right: 56px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd {
    padding-bottom: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd {
    padding-bottom: 48px;
  }
}

.map_bd h1 {
  background: #f3f9fb;
  padding-left: 15px;
}

.map_bd h1 .menulink {
  display: block;
  font-size: 16px;
  color: #555;
  font-weight: normal;
  line-height: 40px;
  background: url(../image/add.jpg) left no-repeat;
  padding-left: 25px;
}

.map_bd .menulink {
  font-size: 0.37333333rem;
  line-height: 1.7;
}

@media (min-width: 1200px) {
  .map_bd .menulink {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd .menulink {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd .menulink {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd .menulink {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd .menulink {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd .menulink {
    font-size: 48px;
  }
}

.map_bd dl {
  padding-top: 0.32rem;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .map_bd dl {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd dl {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd dl {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd dl {
    padding-top: 48px;
  }
}

@media (min-width: 1200px) {
  .map_bd dl {
    padding-top: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .map_bd dl {
    padding-top: 48px;
  }
}

.map_bd dd {
  display: inline-block;
  padding-right: 50px;
}

.dian {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 6px;
  background: url(../images/dian.gif) center center no-repeat;
}

.contain.on .img_con,
.contain:hover .img_con {
  display: block;
}

.icon {
  width: 30px;
  height: 30px;
  margin-right: 12px;
}

.content {
  display: inline-block;
  vertical-align: top;
}

.content .txt {
  color: #999;
  text-indent: 0;
  height: 44px;
  margin-bottom: 24px;
}

.img_contain {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  margin-right: 30px;
}

.img_contain .img-box {
  position: relative;
  width: 160px;
  height: 160px;
}

.img_con:hover .sub_title {
  color: #1C6FEC;
  font-weight: bold;
}

.img_con {
  margin-top: 24px;
  font-size: 0;
}

.img_con .content {
  width: 60%;
  padding-left: 4%;
}

.img_con .img-box {
  display: inline-block;
  vertical-align: top;
  width: 36%;
  height: 3.2rem;
  background-color: #f5f5f5;
}

@media (min-width: 1200px) {
  .img_con .img-box {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .img-box {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .img_con .img-box {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .img-box {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .img_con .img-box {
    height: 3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .img-box {
    height: 480px;
  }
}

.img_con .sub_title {
  font-size: 0.4rem;
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: bold;
}

@media (min-width: 1200px) {
  .img_con .sub_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .sub_title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .img_con .sub_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .sub_title {
    font-size: 48px;
  }
}

@media (min-width: 1200px) {
  .img_con .sub_title {
    font-size: 0.3rem;
  }
}

@media (min-width: 1500px) {
  .img_con .sub_title {
    font-size: 48px;
  }
}

.img_con .txt {
  position: relative;
  height: 2.4rem;
  font-size: 0.26666667rem;
  line-height: 1.56;
  margin-top: 0;
  overflow: hidden;
  color: #828282;
}

@media (min-width: 1200px) {
  .img_con .txt {
    height: 2.16666667rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    height: 360px;
  }
}

@media (min-width: 1200px) {
  .img_con .txt {
    height: 2.16666667rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    height: 360px;
  }
}

@media (min-width: 1200px) {
  .img_con .txt {
    height: 2.16666667rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    height: 360px;
  }
}

@media (min-width: 1200px) {
  .img_con .txt {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    font-size: 32px;
  }
}

@media (min-width: 1200px) {
  .img_con .txt {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    font-size: 32px;
  }
}

@media (min-width: 1200px) {
  .img_con .txt {
    font-size: 0.2rem;
  }
}

@media (min-width: 1500px) {
  .img_con .txt {
    font-size: 32px;
  }
}

.img_con .singleTxt {
  height: auto;
  font-size: 14px;
  color: #999;
}

.img_con .detail {
  float: right;
  color: #1C6FEC;
}

.tips {
  margin-top: -10px;
  margin-bottom: 14px;
}

.title:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

/*  分页器  */
.pagination {
  text-align: center;
}

.pagination li {
  display: inline;
}

.pagination li a,
.pagination li span {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #666;
  background-color: #fff;
  border: 1px solid #027ddb;
  margin: 0 2px;
  font-size: 12px;
}

.pagination .disabled span,
.pagination .disabled span:hover,
.pagination .disabled span:focus,
.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled a:focus {
  color: #999;
  background-color: transparent;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
  z-index: 2;
  color: #fff;
  background-color: #027ddb;
  border-color: #027ddb;
  cursor: pointer;
}

.pagination .controls {
  color: #666;
  margin-left: 4px;
  font-size: 12px;
}

.pagination .controls:after {
  display: block;
  content: "";
  clear: both;
}

.pagination .controls input {
  width: 30px;
  padding: 2px 4px;
  display: inline-block;
  text-align: center;
}

.pagination .controls a {
  border: none;
  background-color: transparent;
}

/*.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
}*/
/*  实心三角形 需要时加上  arrow1  arrow2  arrow3 即可*/
.arrow1 {
  margin: 3px 8px 4px 0;
  border-top: 5px dashed transparent;
  border-bottom: 5px dashed transparent;
  border-right: 5px dashed transparent;
  border-left: 5px solid #ccc;
  display: inline-block;
  vertical-align: middle;
}

.arrow2 {
  margin: 3px 8px 4px 0;
  border-left: 5px dashed transparent;
  border-bottom: 5px dashed transparent;
  border-top: 5px dashed transparent;
  border-right: 5px solid #ccc;
  display: inline-block;
  vertical-align: middle;
}

.arrow3 {
  margin: 3px 0 4px 8px;
  border-top: 5px dashed transparent;
  border-bottom: 5px dashed transparent;
  border-right: 5px dashed transparent;
  border-left: 5px solid #ccc;
  display: inline-block;
  vertical-align: middle;
}

/*  空心三角形 需要时加上  arrowRightEmpty  arrowLeftEmpty arrowTopEmpty arrowBottomEmpty 即可*/
.arrowRightEmpty {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrowLeftEmpty {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arrowTopEmpty {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrowBottomEmpty {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}