@charset "utf-8";
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body {
  min-width: 1240px\9;
  overflow-x: auto;
}
/*for ie9+*/
@media all and (min-width: 0) {
  body {
    min-width: 0;
    overflow-x: hidden;
  }
}
/* reset */
body {
  font-size: 17px;
  line-height: 1.5;
  font-family: "arial","Microsoft YaHei", tahoma, "hiragino sans gb", stheiti,
    "wenquanyi micro hei", \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
  background: #fff;
  background-size: 100% 100%;
  overflow-x: hidden;
  color: #232323;
}
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: "Pc";
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dd,
dl,
form {
  margin: 0;
  font-size: 17px;
  font-weight: normal;
}
input,
button,
select,
legend,
fieldset {
  font-size: 100%;
  border: 0;
  vertical-align: middle;
  outline: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  cursor: pointer;
}
textarea {
  overflow: auto;
  height: auto;
  vertical-align: top;
  resize: vertical;
}
img {
  border: 0 none;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
ul {
  padding-left: 0;
  list-style-type: none;
}
i,
b {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  outline: none;
  color: inherit;
  transition: all 0.5s ease;
}
/* a:hover{color:#333;} */

/* html5 ele */
article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu {
  display: block;
}

/* ie scroll */
@-ms-viewport {
  width: device-width;
}

/* common */
.opc0 {
  opacity: 0;
}
.wrap {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  *width: 1600px;
}
.fix {
  *zoom: 1;
  *clear: both;
}
.fix:before,
.fix:after {
  content: "";
  display: table;
  clear: both;
}
.oh {
  overflow: hidden;
  *zoom: 1;
}
.l {
  float: left;
}
.r {
  float: right;
}
.dib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.el {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hidetext {
  font: 0/0 a;
  letter-spacing: -9px;
}
.btn {
  cursor: pointer;
}
.hide {
  display: none;
}
.fwb {
  font-weight: bold;
}
.arr {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.row {
  width: 102%;
  *zoom:1}

.row:before,.row:after {
  content: " ";
  display: table;
  clear: both
}

.span-1,.full-row .row .span-1 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 2.16666667%
}

.span-2,.full-row .row .span-2 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 6.33333333%
}

.span-3,.full-row .row .span-3 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 10.5%
}

.span-4,.full-row .row .span-4 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 14.66666667%
}

.span-5,.full-row .row .span-5 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 18.83333333%
}

.span-6,.full-row .row .span-6 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 23%
}

.span-7,.full-row .row .span-7 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 27.16666667%
}

.span-8,.full-row .row .span-8 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 31.33333333%
}

.span-9,.full-row .row .span-9 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 35.5%
}

.span-10,.full-row .row .span-10 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 39.66666667%
}

.span-11,.full-row .row .span-11 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 43.83333333%
}

.span-12,.full-row .row .span-12 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 48%
}

.span-13,.full-row .row .span-13 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 52.16666667%
}

.span-14,.full-row .row .span-14 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 56.33333333%
}

.span-15,.full-row .row .span-15 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 60.5%
}

.span-16,.full-row .row .span-16 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 64.66666667%
}

.span-17,.full-row .row .span-17 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 68.83333333%
}

.span-18,.full-row .row .span-18 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 73%
}

.span-19,.full-row .row .span-19 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 77.16666667%
}

.span-20,.full-row .row .span-20 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 81.33333333%
}

.span-21,.full-row .row .span-21 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 85.5%
}

.span-22,.full-row .row .span-22 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 89.66666667%
}

.span-23,.full-row .row .span-23 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 93.83333333%
}

.span-24,.full-row .row .span-24 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 98%
}

.pull-right {
  float: right;
  _display: inline
}

.pull-left-1 {
  position: relative;
  left: -4.16666667%
}

.pull-left-2 {
  position: relative;
  left: -8.33333333%
}

.pull-left-3 {
  position: relative;
  left: -12.5%
}

.pull-left-4 {
  position: relative;
  left: -16.66666667%
}

.pull-left-5 {
  position: relative;
  left: -20.83333333%
}

.pull-left-6 {
  position: relative;
  left: -25%
}

.pull-left-7 {
  position: relative;
  left: -29.16666667%
}

.pull-left-8 {
  position: relative;
  left: -33.33333333%
}

.pull-left-9 {
  position: relative;
  left: -37.5%
}

.pull-left-10 {
  position: relative;
  left: -41.66666667%
}

.pull-left-11 {
  position: relative;
  left: -45.83333333%
}

.pull-left-12 {
  position: relative;
  left: -50%
}

.pull-left-13 {
  position: relative;
  left: -54.16666667%
}

.pull-left-14 {
  position: relative;
  left: -58.33333333%
}

.pull-left-15 {
  position: relative;
  left: -62.5%
}

.pull-left-16 {
  position: relative;
  left: -66.66666667%
}

.pull-left-17 {
  position: relative;
  left: -70.83333333%
}

.pull-left-18 {
  position: relative;
  left: -75%
}

.pull-left-19 {
  position: relative;
  left: -79.16666667%
}

.pull-left-20 {
  position: relative;
  left: -83.33333333%
}

.pull-left-21 {
  position: relative;
  left: -87.5%
}

.pull-left-22 {
  position: relative;
  left: -91.66666667%
}

.pull-left-23 {
  position: relative;
  left: -95.83333333%
}

.pull-left-24 {
  position: relative;
  left: -100%
}

.pull-right-1 {
  position: relative;
  left: 4.16666667%
}

.pull-right-2 {
  position: relative;
  left: 8.33333333%
}

.pull-right-3 {
  position: relative;
  left: 12.5%
}

.pull-right-4 {
  position: relative;
  left: 16.66666667%
}

.pull-right-5 {
  position: relative;
  left: 20.83333333%
}

.pull-right-6 {
  position: relative;
  left: 25%
}

.pull-right-7 {
  position: relative;
  left: 29.16666667%
}

.pull-right-8 {
  position: relative;
  left: 33.33333333%
}

.pull-right-9 {
  position: relative;
  left: 37.5%
}

.pull-right-10 {
  position: relative;
  left: 41.66666667%
}

.pull-right-11 {
  position: relative;
  left: 45.83333333%
}

.pull-right-12 {
  position: relative;
  left: 50%
}

.pull-right-13 {
  position: relative;
  left: 54.16666667%
}

.pull-right-14 {
  position: relative;
  left: 58.33333333%
}

.pull-right-15 {
  position: relative;
  left: 62.5%
}

.pull-right-16 {
  position: relative;
  left: 66.66666667%
}

.pull-right-17 {
  position: relative;
  left: 70.83333333%
}

.pull-right-18 {
  position: relative;
  left: 75%
}

.pull-right-19 {
  position: relative;
  left: 79.16666667%
}

.pull-right-20 {
  position: relative;
  left: 83.33333333%
}

.pull-right-21 {
  position: relative;
  left: 87.5%
}

.pull-right-22 {
  position: relative;
  left: 91.66666667%
}

.pull-right-23 {
  position: relative;
  left: 95.83333333%
}

.pull-right-24 {
  position: relative;
  left: 100%
}

.row .row {
  _width: .98039216%;
  _overflow: hidden
}

.row .row .span-1,.row .row .span-2,.row .row .span-3,.row .row .span-4,.row .row .span-5,.row .row .span-6,.row .row .span-7,.row .row .span-8,.row .row .span-9,.row .row .span-10,.row .row .span-11,.row .row .span-12,.row .row .span-13,.row .row .span-14,.row .row .span-15,.row .row .span-16,.row .row .span-17,.row .row .span-18,.row .row .span-19,.row .row .span-20,.row .row .span-21,.row .row .span-22,.row .row .span-23,.row .row .span-24 {
  _margin-right: 1.8%
}

.full-row {
  width: 100%;
  *zoom:1}

.full-row:before,.full-row:after {
  content: " ";
  display: table;
  clear: both
}

.full-row .span-1,.full-row .span-2,.full-row .span-3,.full-row .span-4,.full-row .span-5,.full-row .span-6,.full-row .span-7,.full-row .span-8,.full-row .span-9,.full-row .span-10,.full-row .span-11,.full-row .span-12,.full-row .span-13,.full-row .span-14,.full-row .span-15,.full-row .span-16,.full-row .span-17,.full-row .span-18,.full-row .span-19,.full-row .span-20,.full-row .span-21,.full-row .span-22,.full-row .span-23,.full-row .span-24 {
  _margin-right: 0
}

.full-row [class*="span"],.full-row [class*="midd"],.full-row [class*="smal"] {
  margin-right: 0
}

.full-row .span-1 {
  width: 4.16666667%;
  *width: 4.05666667%
}

.full-row .span-2 {
  width: 8.33333333%;
  *width: 8.22333333%
}

.full-row .span-3 {
  width: 12.5%;
  *width: 12.39%
}

.full-row .span-4 {
  width: 16.66666667%;
  *width: 16.55666667%
}

.full-row .span-5 {
  width: 20.83333333%;
  *width: 20.72333333%
}

.full-row .span-6 {
  width: 25%;
  *width: 24.89%
}

.full-row .span-7 {
  width: 29.16666667%;
  *width: 29.05666667%
}

.full-row .span-8 {
  width: 33.33333333%;
  *width: 33.22333333%
}

.full-row .span-9 {
  width: 37.5%;
  *width: 37.39%
}

.full-row .span-10 {
  width: 41.66666667%;
  *width: 41.55666667%
}

.full-row .span-11 {
  width: 45.83333333%;
  *width: 45.72333333%
}

.full-row .span-12 {
  width: 50%;
  *width: 49.89%
}

.full-row .span-13 {
  width: 54.16666667%;
  *width: 54.05666667%
}

.full-row .span-14 {
  width: 58.33333333%;
  *width: 58.22333333%
}

.full-row .span-15 {
  width: 62.5%;
  *width: 62.39%
}

.full-row .span-16 {
  width: 66.66666667%;
  *width: 66.55666667%
}

.full-row .span-17 {
  width: 70.83333333%;
  *width: 70.72333333%
}

.full-row .span-18 {
  width: 75%;
  *width: 74.89%
}

.full-row .span-19 {
  width: 79.16666667%;
  *width: 79.05666667%
}

.full-row .span-20 {
  width: 83.33333333%;
  *width: 83.22333333%
}

.full-row .span-21 {
  width: 87.5%;
  *width: 87.39%
}

.full-row .span-22 {
  width: 91.66666667%;
  *width: 91.55666667%
}

.full-row .span-23 {
  width: 95.83333333%;
  *width: 95.72333333%
}

.full-row .span-24 {
  width: 100%;
  *width: 99.89%
}

.full-row .center {
  left: auto
}

@media only screen and (max-width: 64em) {
  .midd-1,.full-row .row .midd-1 {
      width:2.16666667%
  }

  .midd-2,.full-row .row .midd-2 {
      width: 6.33333333%
  }

  .midd-3,.full-row .row .midd-3 {
      width: 10.5%
  }

  .midd-4,.full-row .row .midd-4 {
      width: 14.66666667%
  }

  .midd-5,.full-row .row .midd-5 {
      width: 18.83333333%
  }

  .midd-6,.full-row .row .midd-6 {
      width: 23%
  }

  .midd-7,.full-row .row .midd-7 {
      width: 27.16666667%
  }

  .midd-8,.full-row .row .midd-8 {
      width: 31.33333333%
  }

  .midd-9,.full-row .row .midd-9 {
      width: 35.5%
  }

  .midd-10,.full-row .row .midd-10 {
      width: 39.66666667%
  }

  .midd-11,.full-row .row .midd-11 {
      width: 43.83333333%
  }

  .midd-12,.full-row .row .midd-12 {
      width: 48%
  }

  .midd-13,.full-row .row .midd-13 {
      width: 52.16666667%
  }

  .midd-14,.full-row .row .midd-14 {
      width: 56.33333333%
  }

  .midd-15,.full-row .row .midd-15 {
      width: 60.5%
  }

  .midd-16,.full-row .row .midd-16 {
      width: 64.66666667%
  }

  .midd-17,.full-row .row .midd-17 {
      width: 68.83333333%
  }

  .midd-18,.full-row .row .midd-18 {
      width: 73%
  }

  .midd-19,.full-row .row .midd-19 {
      width: 77.16666667%
  }

  .midd-20,.full-row .row .midd-20 {
      width: 81.33333333%
  }

  .midd-21,.full-row .row .midd-21 {
      width: 85.5%
  }

  .midd-22,.full-row .row .midd-22 {
      width: 89.66666667%
  }

  .midd-23,.full-row .row .midd-23 {
      width: 93.83333333%
  }

  .midd-24,.full-row .row .midd-24 {
      width: 98%
  }

  .midd-hide {
      display: none
  }

  .midd-center {
      clear: both;
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      left: -1%
  }

  .full-row .midd-1 {
      width: 4.16666667%
  }

  .full-row .midd-2 {
      width: 8.33333333%
  }

  .full-row .midd-3 {
      width: 12.5%
  }

  .full-row .midd-4 {
      width: 16.66666667%
  }

  .full-row .midd-5 {
      width: 20.83333333%
  }

  .full-row .midd-6 {
      width: 25%
  }

  .full-row .midd-7 {
      width: 29.16666667%
  }

  .full-row .midd-8 {
      width: 33.33333333%
  }

  .full-row .midd-9 {
      width: 37.5%
  }

  .full-row .midd-10 {
      width: 41.66666667%
  }

  .full-row .midd-11 {
      width: 45.83333333%
  }

  .full-row .midd-12 {
      width: 50%
  }

  .full-row .midd-13 {
      width: 54.16666667%
  }

  .full-row .midd-14 {
      width: 58.33333333%
  }

  .full-row .midd-15 {
      width: 62.5%
  }

  .full-row .midd-16 {
      width: 66.66666667%
  }

  .full-row .midd-17 {
      width: 70.83333333%
  }

  .full-row .midd-18 {
      width: 75%
  }

  .full-row .midd-19 {
      width: 79.16666667%
  }

  .full-row .midd-20 {
      width: 83.33333333%
  }

  .full-row .midd-21 {
      width: 87.5%
  }

  .full-row .midd-22 {
      width: 91.66666667%
  }

  .full-row .midd-23 {
      width: 95.83333333%
  }

  .full-row .midd-24 {
      width: 100%
  }
}

@media only screen and (max-width: 40em) {
  .smal-1,.full-row .row .smal-1 {
      width:2.16666667%
  }

  .smal-2,.full-row .row .smal-2 {
      width: 6.33333333%
  }

  .smal-3,.full-row .row .smal-3 {
      width: 10.5%
  }

  .smal-4,.full-row .row .smal-4 {
      width: 14.66666667%
  }

  .smal-5,.full-row .row .smal-5 {
      width: 18.83333333%
  }

  .smal-6,.full-row .row .smal-6 {
      width: 23%
  }

  .smal-7,.full-row .row .smal-7 {
      width: 27.16666667%
  }

  .smal-8,.full-row .row .smal-8 {
      width: 31.33333333%
  }

  .smal-9,.full-row .row .smal-9 {
      width: 35.5%
  }

  .smal-10,.full-row .row .smal-10 {
      width: 39.66666667%
  }

  .smal-11,.full-row .row .smal-11 {
      width: 43.83333333%
  }

  .smal-12,.full-row .row .smal-12 {
      width: 48%
  }

  .smal-13,.full-row .row .smal-13 {
      width: 52.16666667%
  }

  .smal-14,.full-row .row .smal-14 {
      width: 56.33333333%
  }

  .smal-15,.full-row .row .smal-15 {
      width: 60.5%
  }

  .smal-16,.full-row .row .smal-16 {
      width: 64.66666667%
  }

  .smal-17,.full-row .row .smal-17 {
      width: 68.83333333%
  }

  .smal-18,.full-row .row .smal-18 {
      width: 73%
  }

  .smal-19,.full-row .row .smal-19 {
      width: 77.16666667%
  }

  .smal-20,.full-row .row .smal-20 {
      width: 81.33333333%
  }

  .smal-21,.full-row .row .smal-21 {
      width: 85.5%
  }

  .smal-22,.full-row .row .smal-22 {
      width: 89.66666667%
  }

  .smal-23,.full-row .row .smal-23 {
      width: 93.83333333%
  }

  .smal-24,.full-row .row .smal-24 {
      width: 98%
  }

  .smal-hide {
      display: none
  }

  .smal-show {
      display: block
  }

  .smal-center {
      clear: both;
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      left: -1%
  }

  [class*='pull-left-'],[class*='pull-right-'] {
      left: auto;
      right: auto
  }

  .full-row .smal-1 {
      width: 4.16666667%
  }

  .full-row .smal-2 {
      width: 8.33333333%
  }

  .full-row .smal-3 {
      width: 12.5%
  }

  .full-row .smal-4 {
      width: 16.66666667%
  }

  .full-row .smal-5 {
      width: 20.83333333%
  }

  .full-row .smal-6 {
      width: 25%
  }

  .full-row .smal-7 {
      width: 29.16666667%
  }

  .full-row .smal-8 {
      width: 33.33333333%
  }

  .full-row .smal-9 {
      width: 37.5%
  }

  .full-row .smal-10 {
      width: 41.66666667%
  }

  .full-row .smal-11 {
      width: 45.83333333%
  }

  .full-row .smal-12 {
      width: 50%
  }

  .full-row .smal-13 {
      width: 54.16666667%
  }

  .full-row .smal-14 {
      width: 58.33333333%
  }

  .full-row .smal-15 {
      width: 62.5%
  }

  .full-row .smal-16 {
      width: 66.66666667%
  }

  .full-row .smal-17 {
      width: 70.83333333%
  }

  .full-row .smal-18 {
      width: 75%
  }

  .full-row .smal-19 {
      width: 79.16666667%
  }

  .full-row .smal-20 {
      width: 83.33333333%
  }

  .full-row .smal-21 {
      width: 87.5%
  }

  .full-row .smal-22 {
      width: 91.66666667%
  }

  .full-row .smal-23 {
      width: 95.83333333%
  }

  .full-row .smal-24 {
      width: 100%
  }
}



/* ico */
.ico {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(../img/ico.png);
}
.ico1_2 {
  background-position: -20px 0;
}
.ico1_3 {
  background-position: -40px 0;
}
.ico1_4 {
  background-position: -60px 0;
}
.ico1_5 {
  background-position: -80px 0;
}
.ico2_1 {
  background-position: 0 -20px;
}
.ico2_2 {
  background-position: -20px -20px;
}
.ico2_3 {
  background-position: -40px -20px;
}
.ico2_4 {
  background-position: -60px -20px;
}
.ico2_5 {
  background-position: -80px -20px;
}
.ico3_1 {
  background-position: 0 -40px;
}
.ico3_2 {
  background-position: -20px -40px;
}
.ico3_3 {
  background-position: -40px -40px;
}
.ico3_4 {
  background-position: -60px -40px;
}
.ico3_5 {
  background-position: -80px -40px;
}
.ico4_1 {
  background-position: 0 -60px;
}
.ico4_2 {
  background-position: -20px -60px;
}
.ico4_3 {
  background-position: -40px -60px;
}
.ico4_4 {
  background-position: -60px -60px;
}
.ico4_5 {
  background-position: -80px -60px;
}
.ico5_1 {
  background-position: 0 -80px;
}
.ico5_2 {
  background-position: -20px -80px;
}
.ico5_3 {
  background-position: -40px -80px;
}
.ico5_4 {
  background-position: -60px -80px;
}
.ico5_5 {
  background-position: -80px -80px;
}

/* 表格 */
.datalist {
  border: 1px solid #ccc;
  border-collapse: collapse;
  background: #fff;
}
.datalist caption {
  padding-bottom: 5px;
  text-align: left;
}
.datalist th {
  border: 1px solid #ccc;
  background-color: #eee;
  font-weight: 700;
  padding: 5px 15px;
}
.datalist td {
  border: 1px solid #ccc;
  padding: 5px 15px;
}
.datalist tr.altrow {
  background-color: #ccc;
}

/* flex栅格 */
.flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
}
.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.flex-4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.align-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.justify-center {
  -webkit-box-pack: center;
  -ms-box-pack: center;
  justify-content: center;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.scroll_cont {
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

/* style */
.UnpcPush,
.MobilePush {
  display: none;
}
/* rect */
*[class*="rect-"] {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
*[class*="rect-"] ._full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  *height: auto;
}
.rect-75 {
  padding-bottom: 75%;
}
.rect-63 {
  padding-bottom: 63%;
}
.rect-556 {
  padding-bottom: 55.6%;
}
.rect-438 {
  padding-bottom: 43.8%;
}
.rect-141 {
  padding-bottom: 141%;
}
.rect-576 {
  padding-bottom: 57.6%;
}
.rect-564 {
  padding-bottom: 56.4%;
}
.rect-92 {
  padding-bottom: 92%;
}
.shadow {
  box-shadow: 0px 0px 0px #e5e5e5, 10px 8px 15px #e5e5e5, 0px 19px 20px #e5e5e5,
    -10px 5px 15px #e5e5e5;
}
.imgZoom img,
.imgY180 img {
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}
.imgZoom {
  overflow: hidden;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.imgZoom:hover img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.imgY180:hover img {
  cursor: pointer;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


/* 头部 */
header{height:77px;}
.header{position:fixed; left:0; top:0; width:100%; z-index:10; transition:all 0.5s ease; background-color: #fff;;}
.header .h_logo {padding:7px 0; margin-right:5%;}
.header .h_logo a{display:block;}
.header .h_logo .img1{display:none;}
.header .h_logo .img2{display:block; width: auto; height: 63px;}
.header .search{margin-top: 26px;}
.header .search i{font-weight: bold;}
/* 导航栏 */
.inav .nav_li .secNav{ display:none; position:absolute; width:300px; left:0; top:100%; background: #fff; color:#818181;}
.inav .nav_li:nth-child(3) .secNav{width:400px;}
.inav .nav_li .secNav>ul>li{padding:10px 30px; position:relative;}
.inav .nav_li .secNav>ul>li:hover{color:#fff; background-color: #028389;transition:.5s ease;}
.inav .nav_li .secNav>ul>li a{display:block; transition:none;}
.inav .nav_li .secNav>ul>li a:hover{color:#fff;}
.inav .nav_li{float: left;
  position:relative;
  margin-right: 50px;
  padding: 25px 0;
  transition: padding 0.5s ease;}
  .inav .nav_li:after{content:''; position:absolute; bottom:0; left:0; width:0; height:8px; background-color: #24cd7a; transition:.5s ease;}
.inav .nav_li .nav_a{text-transform: uppercase; font-size: 20px;} 
#menu .nav_a{text-transform: uppercase;}
.inav .nav_li:hover:after{width:100%;}
.inav .nav_li.cur:after{width:100%;}
.inav .nav_li .thirdNav{display:none; position:absolute; width:330px; left:100%; top:0; color:#818181;}
.inav .nav_li .thirdNav ul{background: #fff;}
.inav .nav_li .thirdNav ul li{padding:10px 30px;}
.inav .nav_li .thirdNav ul li:hover{color:#fff; background-color: #028389;transition:.5s ease;}
.inav .nav_li .thirdNav ul li a:hover{color:#fff;}
/*导航吸顶*/
.header.fixed{box-shadow:0 0 10px rgba(0,0,0,.3);}
.header.product{box-shadow:0 0 10px rgba(0,0,0,.3);}

.mobile_key{display:none;}

/* xc_banner */
.xc_banner{position:relative;}
.xc_banner .cover{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.xc_banner .img img{width:100%;}
.xc_banner .cover .title{position:absolute; text-align: center; text-transform: uppercase; width:100%; left:0; top:50%; font-size: 60px; font-weight: bold; margin-top:-50px; color:#fff;}
.channel_content{padding-top:100px; min-height: 300px;}

/* footer */
footer dl{float:left; margin-right: 100px;}
footer .footer_top dl:last-child{float:right; margin-right: 0;}
footer dl a{color:#818181;}
footer dl a:hover{color:#028389;}
footer dl dt{font-size: 20px; font-weight: bold; margin-bottom: 15px;}
footer dl dd{margin-bottom:15px;} 
footer dl dd:last-child{margin-bottom: 0;}
.footer_top{margin:50px 0;}
.copyright{color:#818181; margin:30px 0;}
.copyright .share i{width:40px; height:40px; line-height: 40px; transition:.5s ease; border-radius: 5px; background-color: #9a9a9a; color:#fff; display:inline-block; margin-right: 10px; text-align: center;}
.copyright .share i:hover{background-color: #028389;}

.common-title{margin-bottom: 55px;}
.common-title .tit{font-size: 45px; font-weight: bold; color:#000; line-height: 1; text-transform: uppercase;}
.common-title .tit a:hover{color:#028389;}
.common-title .con{color:#656565; margin-top:35px;}
.second-title{font-size: 28px; font-weight: bold; line-height: 1;}

/* career */
.career01{margin-bottom: 100px;}
.career01 .content li .top{height:55px; line-height: 55px; cursor:pointer;}
.career01 .content li:nth-child(2n+1){background-color: #f0f0f0;}
.career01 .content li.first{height:55px; line-height: 55px; background-color: #028389; text-transform: uppercase;}
.career01 .content ._un{float:left; color:#000; box-sizing: border-box;  width:15%;}
.career01 .content .first ._un{color:#fff;}
.career01 .content ._un._t1{width:35%; padding:0 35px;}
.career01 .content ._un._t2{width:30%;}
.career01 .content li {
  *zoom: 1;
  *clear: both;
}
.career01 .content li:before,
.career01 .content li:after {
  content: "";
  display: table;
  clear: both;
}
.career01 .content .bottom{display:none;}
.career01 .content .bottom .box{padding:30px;}
.career01 .content .bottom .box .tit{font-size: 20px; margin-bottom: 20px; font-weight: bold; color:#000;}
.career01 .content .bottom .box .con{width:72%;}
.career01 .content .bottom .box a{background-color: #00b1b9; display:inline-block; margin-top: 30px; padding:10px; color:#fff;}
.career01 .content .bottom .box a i{display:inline-block; margin-right:10px; vertical-align: middle; width:20px; height:20px; background: url(../img/fly.png) no-repeat center;}
.career01 .content .bottom .box a:hover{background-color: #028389;}

.career02{position:relative;}
.career02 .cover{position:absolute; z-index: 1; width:100%; left:0; top:50%; transform: translateY(-50%); color:#fff; text-align: center;}
.career02 .cover .tit{font-size: 45px; font-weight: bold; margin-bottom: 30px; line-height: 1;}
.career02 .cover .con{font-size: 20px;}
.career02 .cover .con .icon{width:100px; height:10px; background: url(../img/career_jiantou.png) no-repeat center; display: inline-block; margin-right: 17px; transition:.5s ease;}
.career02 .cover .con:hover .icon{transform: translateX(5px);}
.career02 .img img{width:100%;}

/* 分页 */
.pagination{text-align: center; margin-bottom:100px;}
.pagination li{display:inline-block; width:50px; height:50px; line-height: 50px; border:1px solid #ececec; vertical-align: middle;}
.pagination  li:hover{background-color: #028389; color:#fff;}
.pagination   .active{background-color: #028389; color:#fff;}

.pagination .page-prev,
.pagination .page-next{font-size: 14px;}


/* contact */
.contact01{margin-bottom: 100px;}
.contact01 .left ul{margin-bottom:50px;}
.contact01 .left ul li{color:#656565; margin-bottom: 12px;}
.contact01 .left ul li span{color:#000; font-weight: bold;}
.contact01 .left ul li a:hover{color:#028389;}
.contact01 .left .share .share-icon{margin-top: 25px;}
.contact01 .left .share .share-icon a{display:inline-block; text-align: center; width:30px; height:30px; line-height: 30px; color:#fff; background-color: #028389; border-radius: 5px; margin-right: 30px;}
.contact01 .left .share .share-icon a:hover{transform: translateY(-5px);}
.contact01 .right{width:41%; margin-right: 100px;}
.comments-form{margin-top: 35px;;}
.comments-form .form-control{line-height: 58px; height: 58px; border:1px solid #dcdcdc; color:#6b6b6b; padding-left: 15px; background-color: #f9f9f9; width:100%;}
.comments-form .form-group{margin-bottom: 20px;}
.comments-form .form-group1 input{width:48%; float:left;}
.comments-form .form-group1 input:first-child{margin-right:4%;}
.comments-form textarea.form-control{height:230px;}
.common-btn{width:100%; text-align: center; color:#fff; height:50px; line-height: 50px; transition:.5s ease; background-color: #028389; font-weight: bold; text-transform: uppercase;}
.common-btn:hover{background-color: #0eb9c3;}


.engineering .common-title .con{width:79%;}
.engineering02{background-color: #028389; padding:100px 0; color:#fff;}
.engineering02 .common-title .tit{color:#fff;}
.engineering02 .content{margin-top: 35px; }
.engineering02 .item{margin-bottom: 80px;}
.engineering02 .item:last-child{margin-bottom: 0;}
.engineering02 .item .img{width:48.75%; float:left;}
.engineering02 .item .text{width:46%; float:right; margin-right: 50px; margin-top: 15px;}
.engineering02 .item:nth-child(2) .text{float:left; }
.engineering02 .item:nth-child(2) .img{float:right;}
.engineering02 .item .text-right{float:left; }
.engineering02 .item .img-right{float:right;}
.engineering02 .item .text .second-title{margin-bottom: 25px; width:82%;}
.engineering02 .item .text .con p{line-height: 1.5; margin-bottom: 20px;}
.engineering03{margin:100px 0;}
.engineering03 .content{margin-top: 50px;}
.engineering03 .item{float:left; width:25%;}
.engineering03 .item .img{margin-bottom: 35px; display:inline-block; transition:.5s ease;}
.engineering03 .item .box{margin-right: 50px; position:relative;}
.engineering03 .item .box::after{content:''; position:absolute; right:0; top:0; width:1px; height:100%;  background-color: #dce1de;;}
.engineering03 .item:last-child .box::after{display:none;}
.engineering03 .item .con{padding-right: 22%; min-height: 170px;}
.engineering03 .item:hover .img{transform: rotateY(180deg);}

.rect-731{padding-bottom: 73.1%;}
.rect-3635{padding-bottom: 36.35%;}
.rect-563{padding-bottom: 56.3%;}
.video01 .content-top{margin-bottom:30px;}
.video01 .content-top .left{
  width:50%;
}
.video01 .content-top .right{width:47.6%;}
.video01 .content-top .right .item:first-child{margin-bottom: 25px;}
.video01 .item{position:relative;}
.video01 .item .cover{position:absolute; width:100%; height:100%; left:0; top:0; background-color: rgba(0,0,0,0.08);}
.video01 .item .play{width:80px; height:80px; position: absolute; left:50%; top:50%; margin-top: -40px; margin-left: -40px; background: url(../img/video_play.png) no-repeat center;}
.video01 .content-top .item .intro{position:absolute; width:100%; left:0; bottom:0; color:#fff;}
.video01 .content-top .item .intro .box{padding:20px 30px;}
.video01 .content-bott{margin-bottom: 55px;}
.video01 .content-bott .item{width:31.75%; float:left; margin-left: 2.3%; margin-bottom: 45px;}
.video01 .content-bott .item:nth-child(3n+1){margin-left: 0;}
.video01 .content-bott .item .intro{border:1px solid #f5f5f5;}
.video01 .content-bott .item .intro .box{padding:25px 10px;}
.video01 .content-bott .item .intro .date{color:#adadad;}

.story01 .common-title .tit{float:left;}
.story01 .common-title .con{float:right; width:61.25%;margin:0; margin-right: 50px;}

.rect-117{padding-bottom: 117%;}
.story01 .content {margin-bottom:100px;}
.story01 .content .item{width:22.5%; margin-left: 3.3%; float:left;}
.story01 .content .item:nth-child(4n+1){margin-left: 0;}
.story01 .content .item .mask{width:100%; height:100%; position:absolute; left:0; top:0; background: url(../img/story_cover.png) no-repeat center; background-size: cover;}
.story01 .content .item img{transition:.5s ease;}
.story01 .content .item:hover img{transform: scale(1.2);}
.story01 .content .item .cover{position:absolute; bottom:0; transform:translateY(50px); height:150px; left:0; width:100%; color:#fff; transition:.5s ease;}
.story01 .content .item .cover .box{padding:30px 30px 50px;}
.story01 .content .item .cover .second-title{margin-bottom: 15px;}
.story01 .content .item .cover ul{opacity:0;transition:all .5s ease;}
.story01 .content .item:hover ul{opacity:1;}
.story01 .content .item:hover .cover{height:auto; transform:translateY(0);}
.story02{position:relative}
.story02 img{width:100%;}
.story02 .play{width:80px; height:80px; position: absolute; left:50%; top:50%; margin-top: -40px; margin-left: -40px; background: url(../img/video_play.png) no-repeat center;}

.news_list01 .content{margin-bottom: 45px;}
.news_list01 .content a{display:block;}
.news_list01 .content ul li{float:left; width: 31%; margin-right: 3.5%; margin-bottom: 55px;}
.news_list01 .content ul li:nth-child(3n){margin-right: 0;}
.rect-564{padding-bottom: 56.4%;}
.news_list01 .content ul li .item{border:1px solid #e5e5e5;}
.news_list01 .content ul li .item .box{padding:30px 20px;}
.news_list01 .content ul li .item .box .second-title{margin-bottom: 20px;}
.news_list01 .content ul li:hover .intro a{color:#028389;}
.news_list01 .content ul li .intro .con{color:#656565;}
.news_list01 .content ul li .intro .tool{margin-top: 35px;}
.news_list01 .content ul li .intro .tool .share a{width:22px; height:22px; padding:0; margin-right:22px; display:inline-block; background-repeat: no-repeat; background-position: center; background-size: cover;}
.news_list01 .content ul li .intro .tool .share a.linkin{background-image: url(../img/news_icon1.jpg);}
.news_list01 .content ul li .intro .tool .share a.facebook{background-image: url(../img/news_icon2.jpg);}
.news_list01 .content ul li .intro .tool .share a.twitter{background-image: url(../img/news_icon3.jpg);}
.news_list01 .content ul li .intro .tool .share a span{display:none;}
.news_list01 .content ul li .intro .tool .date{color:#adadad;}

.news_detail01{margin-bottom: 100px;}
.detail_title{border-bottom:1px solid #b1b1b1;}
.detail_title .tool{padding: 22px 0 15px;}
.detail_title .tool .share a{width:22px; height:22px; padding:0; margin-right:22px; display:inline-block; background-repeat: no-repeat; background-position: center; background-size: cover;}
.detail_title .tool .share a.linkin{background-image: url(../img/news_icon1.jpg);}
.detail_title .tool .share a.facebook{background-image: url(../img/news_icon2.jpg);}
.detail_title .tool .share a.twitter{background-image: url(../img/news_icon3.jpg);}
.detail_title .tool .share a span{display:none;}
.detail_title .tool .date{color:#adadad;}
.detail_content{color:#656565;}
.detail_content .con{margin:55px 0;}
.detail_content .img{text-align: center;}

.service01 .content ul{margin-bottom: 100px;}
.service01 .content li{margin-bottom: 55px;}
.service01 .content li .img{float:left; width:48.6%;}
.service01 .content li .text{float:right; width:50%; background-color: #383838;}
.rect-56{padding-bottom: 56%;;}
.rect-549{padding-bottom: 54.5%;}
.service01 .content li .box{ color:#fff; padding:50px 40px; position:relative; z-index:1;}
.service01 .content li .box .second-title{margin-bottom: 20px;}
.service01 .content li .box .con{line-height: 1.5;}
.service01 .content li .text .cover{content:''; position:absolute; width:100%; transition:.5s ease; height:100%; left:0; top:0; opacity:0; background:url(../img/service_cover.jpg) no-repeat center; background-size:cover;}
.service01 .content li .text:hover .cover{opacity:1;}
.service01 .content li.even .img{float:right; width:50%;}
.service01 .content li.even .text{float:left; width:48.6%}

.service02{margin-bottom: 100px;}
.service02 .item{margin-bottom: 55px;}
.service02 .item:last-child{margin-bottom: 0;}
.service02 .item .img{width:48.5%; float:right;}
.service02 .item .text{width:48.5%; float:left; margin-top: 15px; color:#6a6a6a;}
.service02 .item:nth-child(2) .text{float:right;}
.service02 .item:nth-child(2) .img{float:left;}
.service02 .item .text .con p{line-height: 1.5; margin-bottom: 20px;}

.rect-538{padding-bottom: 53.8%;}
.rect-55{padding-bottom: 55%;}
.product01 .content{margin-bottom: 100px;}
.product01 .content li{margin-bottom: 35px;}
.product01 .content li .img{float:left; width:48.5%; border:4px solid #028389; box-sizing: border-box;}
.product01 .content li .text{float:right; width:50%; background-color: #383838;}
.product01 .content li .box{ color:#fff; padding:50px 40px; position:relative; z-index:1;}
.product01 .content li .box .con{line-height: 1.5; margin:30px 0; width:84%;}
.product01 .content li .box .con p{margin-bottom: 10px;}
.product01 .content li .text .cover{content:''; position:absolute; width:100%; transition:.5s ease; height:100%; left:0; top:0; opacity:0; background:url(../img/service_cover.jpg) no-repeat center; background-size:cover;}
.product01 .content li .text:hover .cover{opacity:1;}

.more{font-size: 20px;}
.more .icon{width:100px; height:10px; background: url(../img/career_jiantou.png) no-repeat center; display: inline-block; margin-right: 17px; transition:.5s ease;}
.more:hover .icon{transform: translateX(5px);}

.product_detail .crumbs{margin:1px 0; color:#000}
.product_detail .crumbs .home{color:#028389}
.product_detail .crumbs .active{color:#353535}
.product_detail .crumbs span{margin:0 8px;}
.product_detail .crumbs a:hover{color:#028389;}
.product_detail01 .left{float:left; width:45.6%;}
.product_detail01 .left .second-title{margin: 60px 0 15px; color:#434343; font-weight: normal;}
.product_detail01 .left .btn_box a{display:inline-block; color:#2d2d2d; padding:13px 40px; border:1px solid #000;}
.product_detail01 .left .btn_box a.mail{margin-left: 20px;}
.product_detail01 .left .btn_box a:hover{background-color: #028389; border-color: #028389; color:#fff;}
.product_detail01 .right{float:right; width:50%;}
.product_detail01 .right img{
  position:relative;
  top:-50px;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.product_detail01 .right:hover img{
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.product_detail02{height:70px; }
.product_detail02 .target_wrap{background:#028389;}
.product_detail02 .target_wrap ul{float:left; width:83%;}
.product_detail02 .target_wrap ul li{cursor:pointer; float:left; padding:0 27px; text-align:center; line-height:70px; color:#fff; position:relative;}
.product_detail02 .target_wrap.fixed{width:100%; position:fixed; left:0; top:98px; z-index:5; box-shadow:0 0 15px rgba(0,0,0,.2);}
.product_detail02 .target_wrap ul li.active{background-color:#005458;}
.product_detail .section{padding-top: 100px;}
.product_detail .section .second-title{color:#353535; margin-bottom: 50px;}
.product_detail03 .content{color:#353535;}
.product_detail03 .content p{margin-bottom: 10px;}
.product_detail04 table{width:100%;}
.product_detail04 table td,.product_detail04 table th{width:33%; line-height: 50px; text-align: center; font-weight: normal;}
.product_detail04 table thead{background-color: #f0f0f0;}
.product_detail04 table tbody tr:nth-child(2n){background-color: #f0f0f0; }
.product_detail05 .content{padding:0 37px; margin-bottom: 100px;}
.product_detail05 .item a{display:block;}
.product_detail05 .item .img{display:block; border:3px solid #028389;}
.product_detail05 .owl-carousel{position:relative;}
.product_detail05 .owl-nav .owl-prev,
.product_detail05 .owl-nav .owl-next{
  width:30px; height:83%; background-color: #028389; color:#fff;position:absolute; top:0; font-size: 18px;
}
.product_detail05 .owl-nav .owl-prev{left:-37px;}
.product_detail05 .owl-nav .owl-next{right:-37px;}
.product_detail05 .owl-nav i{margin-top:125px;}
.product_detail05 .item .text{color:#3f3f3f; font-size: 20px; text-align: center; margin-top: 28px;}

.bg-primary{background-color: #028389;}

/*ibanner*/
.ibanner{width:100%; height:1080px;overflow:hidden; position:relative; z-index:0;}
.ibanner .owl-carousel{position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.ibanner .item{position:relative;overflow:hidden;width:100%;}
.ibanner .item .banner_img{position:absolute;top:0;left:0; z-index:0;}
.ibanner .item .banner_img img{width:100%;height:100%;position:absolute;top:0;left:0;}
.ibanner .item video{position:absolute; left:0; top:0; width:100%; /*height:100%;*/ z-index:1; object-fit:fill}
.ibanner .item .cover{position:absolute; left:0; top:0; z-index:3; height:100%; width:100%;}
.ibanner .item .iban_word{width:100%; position:absolute; left:0; top:33%; z-index:5; color:#fff; text-align: center;}
.ibanner .item .iban_word .word{width:37.25%; margin:0 auto;}
.ibanner .item .iban_word .tit{color:#fff;}
.ibanner .item .iban_word .con{color:#fff; margin-bottom: 70px;}
.ibanner .item .iban_word .more a{border:1px solid #fff; padding:14px 40px; display:inline-block;}
.ibanner .item .iban_word .more a:hover{border-color: #028389; background-color: #028389; color:#a4a424;}
.ibanner .owl-dots{position:absolute; width:100%; right:6%; bottom:8%; text-align: right;}
.ibanner .owl-dot{position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 2px solid hsla(0, 0%, 100%, .8);
  background: 0;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 35px; box-sizing: border-box;}
.ibanner .owl-dot.active{border: 2px solid #fff;}
.ibanner .owl-dot:after, .ibanner .owl-dot:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 50%;
}
.ibanner .owl-dot.active:before {
  background: hsla(0, 0%, 100%, .2);
  border: 1px solid hsla(0, 0%, 100%, .6);
}

.ibanner .owl-dot:hover:before {
  border-top-color: transparent;
  -webkit-animation: rotating 3s linear infinite;
  animation: rotating 3s linear infinite
}
.ibanner .owl-dot:hover:after, .ibanner .owl-dot:hover:before {
  border-color: hsla(0, 0%, 100%, .6);
}
.ibanner .owl-dot span {
  width: 68px;
  position: absolute;
  right: 100%;
  height: 1px;
  background: hsla(0, 0%, 100%, .6);
  top: 50%;
}

.ibanner .owl-dot:hover:after {
  width: 34px;
  height: 34px;
  margin-left: -17px;
  margin-top: -17px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation: rotating 3s linear infinite reverse
}

.ibanner .owl-dot button {
  width: 68px;
  position: absolute;
  right: 100%;
  height: 1px;
  background: hsla(0,0%,100%,.6);
  top: 50%
}

.ibanner .owl-dot:first-child span {
  display: none
}

@-webkit-keyframes rotating {
  0% {
      transform: rotate(0)
  }

  to {
      transform: rotate(1turn)
  }
}

@keyframes rotating {
  0% {
      transform: rotate(0)
  }

  to {
      transform: rotate(1turn)
  }
}



.ibanner .mouse {
  position: absolute;
  width: 100%;
  bottom: 70px
}

.banner_mouse {
  position: relative;
  z-index: 10;
  width: 23px;
  height: 40px;
  cursor: pointer;
  background: url(../img/mouse2.png) no-repeat -23px 0;
  -webkit-animation: nudgeMouse 1.6s linear infinite;
  animation: nudgeMouse 1.6s linear infinite
}

.banner_mouse:after,.banner_mouse:before {
  content: "";
  position: absolute
}

.banner_mouse:before {
  width: 23px;
  height: 40px;
  background: url(../img/mouse1.png) no-repeat 0 0;
  -webkit-animation: colorSlide 1.6s linear infinite;
  animation: colorSlide 1.6s linear infinite;
  top: 0;
  left: 0
}

.banner_mouse:after {
  background-color: #fff;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 1.6s linear infinite;
  animation: trackBallSlide 1.6s linear infinite;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

@-webkit-keyframes colorSlide {
  0% {
      height: 0
  }

  90% {
      height: 40px
  }
}

@keyframes colorSlide {
  0% {
      height: 0
  }

  90% {
      height: 40px
  }
}

@-webkit-keyframes trackBallSlide {
  0% {
      opacity: 1;
      transform: scale(1) translateY(-8px)
  }

  34% {
      opacity: 1;
      transform: scale(.9) translateY(4px)
  }

  68% {
      opacity: 0;
      transform: scale(.4) translateY(16px)
  }

  to {
      opacity: 0;
      transform: scale(.4) translateY(-8px)
  }
}

@keyframes trackBallSlide {
  0% {
      opacity: 1;
      transform: scale(1) translateY(-8px)
  }

  34% {
      opacity: 1;
      transform: scale(.9) translateY(4px)
  }

  68% {
      opacity: 0;
      transform: scale(.4) translateY(16px)
  }

  to {
      opacity: 0;
      transform: scale(.4) translateY(-8px)
  }
}

@-webkit-keyframes nudgeMouse {
  0% {
      transform: translateY(0)
  }

  50% {
      transform: translateY(8px)
  }

  to {
      transform: translateY(0)
  }
}

@keyframes nudgeMouse {
  0% {
      transform: translateY(0)
  }

  50% {
      transform: translateY(8px)
  }

  to {
      transform: translateY(0)
  }
}

.ipart01{margin:100px 0;}
.ipart01 .content{width:1200px; margin:0 auto;}
.ipart01 .content .item .img{float:right; width:71.5%;}
.rect-686{padding-bottom: 68.6%;;}
.rect-172{padding-bottom: 172%;}
.ipart01 .content .item .text{float:left; width:28.5%; background:url(../img/ipart01_2.jpg) no-repeat center; background-size: cover;}
.ipart01 .content .item .box{padding:80px 30px; color:#fff;}
.ipart01 .content .item .second-title{margin-bottom: 20px;}
.ipart01 .content .item .second-title:hover{color:#a4a424;}
.ipart01 .content .item .second-title a:hover{color:#a4a424;}
.ipart01 .content .item ul li{margin-bottom: 10px;}
.ipart01 .content .item ul li a:hover{color:#a4a424;}
.ipart01 .content .item .more{margin-top: 20px;}
.ipart01 .content .item .more .icon{width:100px; height:10px; background: url(../img/career_jiantou.png) no-repeat center; display: inline-block; margin-right: 17px; transition:.5s ease;}
.ipart01 .content .item .more:hover .icon{transform: translateX(5px);}
.ipart01 .owl-carousel .owl-stage-outer{overflow:visible;}

.ipart01 .owl-carousel.owl-drag .owl-item{position:relative;}
.ipart01 .owl-carousel.owl-drag .owl-item::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: url(../img/white.5.png); background: rgba(255,255,255,0.55);}
.ipart01 .owl-carousel.owl-drag .owl-item.active::after{display:none;}

.ipart01 .owl-nav>div{cursor:pointer; z-index:5; font-size:40px; font-weight:bold; position:absolute; top:50%; margin-top:-36px;}
.ipart01 .owl-nav .owl-prev{left:-5%;}
.ipart01 .owl-nav .owl-next{right:-5%; background-position:-60px 0;}
.ipart01 .owl-nav>div:hover{color:#028389;}

.ipart02{position:relative;}
.ipart02 .img img{width:100%;}
.ipart02 .cover{position:absolute; width:100%; height: 100%; left:0; top:0; background: url(../img/ipart02_2.png) no-repeat center; background-size: cover;}
.ipart02 .text{position: absolute; width:100%; left:0; top:25%; color:#fff; z-index: 2;}
.ipart02 .text .box{width:54%;}
.ipart02 .text .common-title .tit{color:#fff;}
.ipart02 .text .common-title .con{color:#fff;}
.ipart02 .text .common-title a:hover{color:#a4a424;}
.ipart02 .text .link{margin-top: 50px;}
.ipart02 .text .link a{display:inline-block; border:1px solid #fff; padding:8px 12px; margin-bottom: 15px; margin-right: 20px;}
.ipart02 .text .link a:hover{background-color: #005458; border-color: #028389;}

.rect-635{padding-bottom: 63.5%;}
.rect-641{padding-bottom: 64.1%;}
.rect-139{padding-bottom: 139%;}
.ipart03{margin:100px 0;}
.ipart03 .common-title{text-align: center;}
.ipart03 .left{float:left; width:32%;}
.ipart03 .left .item{border:1px solid #cdcdcd;}
.ipart03 .left .item .box{padding:30px; color:#717171;}
.ipart03 .left .item .box .con{font-size: 22px; margin-bottom: 30px;}
.ipart03 .left .item .box .date{color:#bbbbbb;}
.ipart03 .left .item a:hover .box{color:#028389;}
.rect-75{padding-bottom: 75%;}
.ipart03 .center{float:left; width:32%; margin-left: 2%;}
.ipart03 .center .item{border:1px solid #cdcdcd;}
.ipart03 .center .item .box{padding:30px; color:#717171;}
.ipart03 .center .item .box .con{font-size: 22px; margin-bottom: 30px;}
.ipart03 .center .item .box .date{color:#bbbbbb;}
.ipart03 .center .item a:hover .box{color:#028389;}
.ipart03 .right{float:right; width:32%;}
.ipart03 .right .item{border:1px solid #cdcdcd;}
.ipart03 .right .item .box{padding:32; color:#717171;}
.ipart03 .right .item .box .con{font-size: 22px; margin-bottom: 30px;}
.ipart03 .right .item .box .date{color:#bbbbbb;}
.ipart03 .right .item a:hover .box{color:#028389;}

.ipart04{background: url(../img/ipart04_bg.jpg) no-repeat center; background-size: cover; padding:100px 0;}
.ipart04 .left{width:40%; margin-left: 5%; margin-top: 55px;}
.ipart04 .right{width:40%; margin-right: 5%;}
.ipart04 .common-btn{background-color: #a4a424;}
.ipart04 .left .common-title .tit{color:#fff;}
.ipart04 .left .common-title .con{color:#fff;}
.ipart04 .left .common-title .con p{margin-bottom: 10px;}
.ipart04 .left .common-title a:hover{color:#a4a424;}
.ipart04 .comments-form{margin-top: 0;}

.sub-nav{ position: relative; z-index: 1; height: 78px; line-height: 78px; margin-bottom: 118px; background-color: #ededed;}
.sub-nav.special{ position: relative; z-index: 3; margin-bottom: 0;}
.sub-nav ._lev1>li{ position: relative; float: left;}
.sub-nav ._lev1>li{padding: 0 45px;}
.sub-nav ._lev1>li>a{ display: block; color: #767676;}
.sub-nav ._lev1>li._arr>a{padding-right: 30px; background-image: url(../img/arrow.png); background-repeat: no-repeat; background-position: right px;}
.sub-nav ._lev1>li::after{ display: none; content:''; position: absolute; bottom: 0; left: 0; right: 0; height: 6px; background-color: #f0c02f; }
.sub-nav ._lev1>li:hover::after,.sub-nav ._lev1>li._cur::after{ display: block;}
.sub-nav ._lev2{ display: none; position: absolute; left: 0; right: 0; padding-left:15px; padding-right: 15px; padding-top: 2px; background-color: #f0c02f;}
.sub-nav ._lev2 a{ display: block; color: #fff; line-height: normal; margin-bottom: 20px;}
.sub-nav ._lev1>li:hover ._lev2{ display: block;}



/*搜索区域*/
/* .searchArea{padding:100px 0;} */
.searchArea{padding: 0 0 20px;}
.searchArea .infor{text-align:center; color:#000000;}
.searchArea .infor .tit{font-size:36px; line-height:46px; font-weight:bold;}
.searchArea .content_form{padding:0 8%; margin-top:60px;}
.searchArea .content_form .form_box .searchTit {font-size:58px; font-weight:bold; color:#fff; text-align:center}
.searchArea .content_form .form_box .search {position:relative; overflow:visible}
.searchArea .content_form .form_box .search .input_wrap {position:relative; width:80%; line-height:68px; height:68px;}
.searchArea .content_form .form_box .search .input_wrap input{width:98%; padding:0 0 0 2%; height:68px; line-height:68px; border:1px solid #e1e1e1;}
.searchArea .content_form .form_box .search .input_wrap .textDelBtn{display:none;}
:root .searchArea .content_form .form_box .search .input_wrap .textDelBtn {display:block; position:absolute; top:20px; right:30px; width:30px; height:30px; background:url(/resources/web/img/del_btn.jpg) no-repeat center center;}
.searchArea .content_form .form_box .search .btn_wrap{width:20%; text-align:center; vertical-align:middle;}
.searchArea .content_form .form_box .search .btn_wrap .btns {padding:0; margin:0; font-size:20px; font-weight:bold; height:70px; line-height:70px; width:100%; border:none; outline:none; background:#0d1233; color:#fff; cursor:pointer;}
.searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#418443;}
.searchArea .content_form .list{margin-top:20px;}
.searchArea .content_form .list a{display:inline-block; padding:0 10px; font-size:14px; color:#93949e;  position:relative;}
.searchArea .content_form .list a:after{content:''; width:1px; height:14px; background:#93949e; position:absolute; left:0; top:50%; margin-top:-7px;}
.searchArea .content_form .list a:first-child:after{display:none;}
/*搜索结果区域*/
.resultArea .infor{text-align:center;}
.resultArea .infor .tit{font-size:30px; color:#181818;}
.resultArea .infor .tit span{color:#ff0000}
.resultArea .content_form{margin-top:60px; border-top:10px solid #f4f4f4; /*border-bottom:10px solid #f4f4f4;*/ padding:60px 0;}
.resultArea .content_form h3{font-size:30px; color:#181818; font-weight:bold; margin-bottom:30px;}
.resultArea .content_form .area{border-bottom:1px solid #dddddd; padding:40px 0;}
/*.resultArea .content_form .area:last-child{border-bottom:none;}*/
/*搜索结果区域 -- 产品部分*/
.resultArea .content_form .piclist_area .rect-695{padding-bottom:69.5%;}
.resultArea .content_form .piclist_area .srchList li{margin-bottom:40px;}
.resultArea .content_form .piclist_area .srchList li a{display:block;}
.resultArea .content_form .piclist_area .srchList li .intro{margin-top:10px;height: 125px;}

.resultArea .content_form .piclist_area .srchList li .intro .t{font-size:28px; text-align:center;}
.resultArea .content_form .piclist_area .srchList li .intro .t span {display:inline-block; font-size:20px; line-height:20px; color:#068ccb; margin-left:23px;}

/*搜索结果区域 -- 信息部分*/
.resultArea .content_form .content_area li{margin-bottom:20px;}
.resultArea .content_form .content_area li a{display:block;}
.resultArea .content_form .content_area li .t{ line-height:28px; font-weight:700; color:#333333; }
.resultArea .content_form .content_area li .c{margin-top:10px;}
.resultArea .content_form .area.content_video li{cursor:pointer;}

.dib {margin-top: 20px;}
/*搜索结果区域 -- 加载更多按钮*/
body .resultArea .content_form .piclist_area .srchList li img{display:block; margin:0 auto;}

/*全站搜索结果页面按钮*/
.resultArea .botBtn{text-align:center; padding-top:0px;}
.resultArea .botBtn .btnMore {display:inline-block; padding:0 85px; font-size:16px; height:56px; line-height:56px; color:#333f47; border:1px solid #333f47; position:relative; z-index:1; overflow:hidden;}
.resultArea .botBtn a {background:#fff; overflow:hidden;-webkit-transition:color 0.3s;transition:color 0.3s; position:relative; display:inline-block; z-index:1;  color:#078fcf; border:1px solid #078fcf;}
.resultArea .botBtn a{background:transparent; border:1px solid #333f47; color:#333f47}
.resultArea .botBtn a {-webkit-transition:border-color 0.4s, color 0.4s; transition:border-color 0.4s, color 0.4s; position:relative;}
.resultArea .botBtn a::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#333f47; z-index:-1; opacity:0; -webkit-transform:scale3d(0.7, 1, 1); transform:scale3d(0.7, 1, 1); -webkit-transition:-webkit-transform 0.4s, opacity 0.4s; transition:transform 0.4s, opacity 0.4s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.resultArea .botBtn a,
.resultArea .botBtn a::before {-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.resultArea .botBtn a:hover{background:#333f47;}
:root .resultArea .botBtn a:hover{background:none;}
.resultArea .botBtn a:hover {color:#fff; border-color:#333f47;}
.resultArea .botBtn a:hover::before {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.searchArea .content_form .form_box .search .btn_wrap .btns {background:#fff; overflow:hidden;-webkit-transition:color 0.3s;transition:color 0.3s; position:relative; display:inline-block; z-index:1;  color:#078fcf; border:1px solid #078fcf;}
.searchArea .content_form .form_box .search .btn_wrap .btns{background:transparent; border:1px solid #333f47; color:#333f47}
.searchArea .content_form .form_box .search .btn_wrap .btns {-webkit-transition:border-color 0.4s, color 0.4s; transition:border-color 0.4s, color 0.4s; position:relative;}
.searchArea .content_form .form_box .search .btn_wrap .btns::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#333f47; z-index:-1; opacity:0; -webkit-transform:scale3d(0.7, 1, 1); transform:scale3d(0.7, 1, 1); -webkit-transition:-webkit-transform 0.4s, opacity 0.4s; transition:transform 0.4s, opacity 0.4s; -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.searchArea .content_form .form_box .search .btn_wrap .btns,
.searchArea .content_form .form_box .search .btn_wrap .btns::before {-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.searchArea .content_form .form_box .search .btn_wrap .btns:hover {color:#fff;}
.searchArea .content_form .form_box .search .btn_wrap .btns:hover::before {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}


/* 新增qhse */
.qhse .rect-117{
  padding-bottom: 117%;
}
.qhse .service02 .item .img{
  width:50%;
}
.qhse01 .item .img_box{
  float:left;
  width:45%;
  margin:0 2.5%;
}
.qhse02{
  margin-bottom: 100px;
}
.qhse02 .content{
  color:#6a6a6a;
}


.product_detail.channel_content{padding-top: 40px;}