@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: 18px;
  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: #535353;
}
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: 18px;
  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{ transition:all 0.5s ease}
.header .h_logo {padding:12px 0;}
.header .h_logo a{display:block;}
.header-top{background-color: #fff;}
.header .search i{font-weight: bold;}
.header-top-menu{padding-top: 37px;}
.header-top-menu > li{float:left; position:relative; margin-right: 20px; font-weight: bold;}
.header-top-menu > li a:hover{color:#06872b;}
.header-top-menu .faq:hover .faq_list{opacity:1; visibility: visible;}
.faq_list{
  opacity:0;
  position:absolute;
  background-color: #fff;
  padding: 20px 0;
  box-sizing: border-box;
  width: 240px;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  transition:.5s ease;
  z-index: 2;
  top:45px;
}
.faq_list li{padding:0 20px;}
.faq_list li a{position:relative;display:inline-block; padding: 10px 0; margin:0 10px;}
.faq_list li a:after{
  content:'';
  position:absolute;
  bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scale(0);
    background-color: #6fba2a;
    transition: 0.5s all;
}
.faq_list li a:hover:after{
  transform: scale(1);
}
.header-bottom{
  background-color: #6fba2a;
  background-image: linear-gradient(to right,#357511,#6fba2a);
}
/* 导航栏 */
.inav .nav_li .secNav{ display:none; position:absolute; width:300px; right:0; top:100%;box-shadow: 0 2px 5px rgba(0, 0, 0, .1); background: #fff; color:#535353; z-index:14;}
.inav .nav_li .secNav>ul{padding:30px}
.inav .nav_li .secNav>ul>li{margin-bottom: 10px;}
.inav .nav_li .secNav>ul>li a{position:relative; padding:5px 0;}
.inav .nav_li .secNav>ul>li a:hover{color:#6fba2a;}
.inav .nav_li .secNav>ul>li a:after{
  content:'';
  position:absolute;
  bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scale(0);
    background-color: #6fba2a;
    transition: 0.5s all;
}
.inav .nav_li .secNav>ul>li a:hover:after{
  transform: scale(1);
}



.inav .nav_li{float: left;
  position:relative;
  padding: 14px 35px;
  transition:background-color 0.3s ease;
  color: #fff;}
.inav .nav_li .nav_a{text-transform: capitalize; font-size: 20px;} 
#menu .nav_a{text-transform: capitalize; font-size: 17px; font-weight: bold;}
.inav .nav_li:hover,
.inav .nav_li.cur{background-color: #205900;}

/*导航吸顶*/
.header.fixed{position: fixed;top: 0;width: 100%;z-index: 100; animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInDown; box-shadow: 0 0 10px rgba(0, 0, 0, .3);}

  @keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.mobile_key{display:none;}
.mm-menu{height: 10000px !important;;}

/* xc_banner */
.xc_banner{position:relative;}
.xc_banner .cover{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color: rgba(0,0,0,0.5);
}
.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: 50px; font-weight: bold; margin-top:-50px; color:#fff;}
.channel_content{padding:100px 0; min-height: 300px;}

/* footer */
footer{background-color: #222222; color:#fff;}
footer dl{float:left; margin-right: 13%;}
footer dl:last-child{margin-right: 0;}
footer dl:first-child{width:25%;}
footer dl a{color:#fff;}
footer dl a:hover{color:#6fba2a;}
footer .iconfont{color:#6fba2a;}
footer dl dt{font-size: 38px; font-weight: bold; margin-bottom: 15px;}
footer dl dd{margin-bottom:15px;} 
footer dl dd:last-child{margin-bottom: 0;}
footer dl dd.footer_contact a{
    padding: 15px 20px;
    background: #6fba2a;
    margin-top: 30px;
    display: inline-block;
    border-radius: 5px;
    color:#fff;
}
footer dl dd.footer_contact a:hover{background: #205900;}
footer dl dd span{display: inline-block; width:89%;
vertical-align: top;}
.footer_top{padding:100px 0;}
.footer_top .share i{width:45px; height:45px; line-height: 45px; transition:.5s ease; border-radius: 50%; background-color: #6fba2a; color:#fff; display:inline-block; margin-right: 10px; text-align: center;}
.footer_top .share i:hover{background-color: #205900;}
.footer_bottom{
  padding:30px 0;border-top:1px solid #535353;
}
o
.common-title{margin-bottom: 55px;}
.common-title .tit{font-size: 38px; font-weight: bold; color:#535353; line-height: 1;}
.common-title .tit a:hover{color:#6fba2a;}
.common-title .con{color:#535353; margin-top:35px;}
.second-title{font-size: 30px; font-weight: bold; line-height: 1;}

/* career */
.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: #6fba2a; text-transform: uppercase;}
.career01 .content ._un{float:left; 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;}
.career01 .content .bottom .box .con{width:72%;}
.career01 .content .bottom .box a{background-color: #6fba2a;  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: #205900;}


/* 分页 */
.pagination{text-align: center; margin:100px 0;}
.pagination li{display:inline-block; width:50px; height:50px; line-height: 50px; border:1px solid #ececec; vertical-align: middle; transition:.5s ease;}
.pagination  li:hover{background-color: #6fba2a; color:#fff;}
.pagination .active{background-color: #6fba2a; color:#fff;}
.pagination  li a{display:block;}
.pagination .page-prev,
.pagination .page-next{font-size: 14px;}


/* contact */
.contact01{margin-bottom: 100px;}
.contact01 .map{position:relative}
.contact01 .cover{position:absolute; width:32%; background-color: #6fba2a; right:13%; top:22%;}
.contact01 .cover .box{padding:50px; color:#fff;}
.contact01 .cover .box .tit{font-size: 26px; font-weight: bold;;}
.contact01 .cover .box a{color:#205900;}
/* .contact01 .map{height:500px; overflow: hidden;} */
.contact02 .form{margin-bottom: 50px;}
.comments-form{margin-top: 35px;;}
.comments-form .l,
.comments-form .r{width:47.5%}
.comments-form .title{font-size: 20px; font-weight: bold; color:#205900; margin-bottom: 20px;}
.comments-form .form-control{line-height: 58px; height: 58px; border:1px solid #dcdcdc; color:#535353; padding-left: 15px; background-color: #f6f6f6; width:100%; border-radius: 4px;}
.comments-form .form-group{margin-bottom: 20px;}
.comments-form textarea.form-control{height:230px;}
.comments-form select,
.comments-form .select-ui-choose{
  width:100%;height:58px; line-height: 58px;background-color: #f6f6f6;border:1px solid #dcdcdc; color:#535353; padding-left: 15px;box-sizing: border-box;
}
.comments-form .select-ui-choose ._arrow{right:15px;}
.common-btn{text-align: center; color:#fff; height:60px; line-height: 60px; padding:0 30px; transition:.5s ease; background-color: #6fba2a; text-transform: uppercase;}
.common-btn:hover{background-color: #205900;}

/* question */
.question .content li{padding:40px 30px; transition:.5s ease;}
.question .content li+li{border-top:1px solid #e7e7e7;}
.question .content li .date{background:#daebd0; padding:15px; color:#6fba2a; transition:.5s ease;}
.question .content li .date span{display:block; text-align: center; line-height: 1;}
.question .content li .day{font-size: 45px;}
.question .content li .list{width:90%;}
.question .content li .list .tit{font-size: 24px; font-weight: bold; margin-bottom:20px;}
.question .content li:hover{background:#daebd0;}
.question .content li:hover .date{background-color: #6fba2a; color:#fff;}

/* logo */
.partner01 .content ul li{float:left; width:25%; text-align: center; margin-bottom: 50px;}

/* solution */
.channel_content.solution{padding-bottom: 0;}
.solution02{margin:100px 0;}
.solution02 .common-title{text-align: center;}
.solution02 table{width:100%;}
.solution02 table td,.solution02 table th{width:33%; line-height: 50px; text-align: center; font-weight: normal;}
.solution02 table thead{background-color: #6fba2a; color:#fff;} 
.solution02 table tbody tr:nth-child(2n){background-color: #eaeaea; }
.solution03 .common-title{text-align: center; margin-bottom: 0;}
.solution03 .common-title .tit{padding:10px 20px; display:inline-block; background-color:#6fba2a; color:#fff;}
.solution04 .content{padding:70px 0;}
.solution04 .content .img{float:right; width:40%;}
.solution04 .content .img img{text-align: center;}
.solution04 .content .text{float:left; width:50%;}
.solution04 .content .text .second-title{margin-bottom: 35px;}
.solution04 .content:nth-child(2n){background-color: #e7e7e7;}
.solution04 .content:nth-child(2n) .img{float:left;}
.solution04 .content:nth-child(2n) .text{float:right;}

.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:#6fba2a;}
.news_list01 .content ul li .intro .con{overflow: hidden; line-height: 26px; height:52px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  overflow:hidden;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;}
.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:#535353;}
.detail_content .con{margin:55px 0;}
.detail_content .img{text-align: center;}
.news-art-bd{border-top: 1px solid #e6e6e6; margin-top: 40px; padding-top: 40px;}
.news-art-bd li:first-child{margin-bottom: 10px;}
.news-art-bd li a {
  transition:.5s ease;
}
.news-art-bd li a:hover{color:#6fba2a}
.rect-538{padding-bottom: 53.8%;}
.rect-55{padding-bottom: 55%;}
.rect-66{padding-bottom: 66%;}
.more{font-size: 20px;}

.channel_content.product_detail{padding-top: 0;}
.product_detail .crumbs{margin:35px 0; color:#000}
.product_detail .crumbs .active{color:#353535}
.product_detail .crumbs span{margin:0 8px;}
.product_detail .crumbs a:hover{color:#6fba2a;}
.product_detail01 .left{float:left; width:47%; }
.product_detail01 .left_box{border:1px solid #b4b4b4; border-radius: 15px; box-sizing: border-box; height:560px; text-align: center;}
.product_detail01 .left .img_box{text-align:center; padding-top: 40px; width:400px;display:inline-block;}
.product_detail01 .left .img_box .img{display:none}
.product_detail01 .left .img_box .img.cur{display:block;}
.product_detail01 .left .img_btn{text-align: center; padding:30px 0;}
.product_detail01 .left .img_btn .img{display:inline-block; width:60px; height:60px; border:1px solid #b4b4b4;}
.product_detail01 .left .img_btn .img.cur{border-color:#6fba2a}
.product_detail01 .left_info{padding:30px 0 80px;}
.product_detail01 .left_info .tit{font-size: 36px; font-weight: bold;}
.product_detail01 .right{float:right; height:560px; width:51.5%; border:1px solid #b4b4b4; border-radius: 15px; box-sizing: border-box;}
.product_detail01 .right_box{ padding:20px 0 20px 30px;}
.product_detail01 .right .tit{font-size: 42px; font-weight: bold; margin-bottom:20px;}
.product_detail01 .right dl{display:inline-block; overflow:hidden; margin-bottom: 22px; margin-right: 30px;}
.product_detail01 .right dt{float:left; background-color: #6fba2a; border:1px solid #6fba2a;color:#fff; font-size: 20px; font-weight: bold;}
.product_detail01 .right dd{float:left; border:1px solid #aaa; }
.product_detail01 .right dt,
.product_detail01 .right dd{padding:0 12px; height: 45px; line-height: 45px;}
.product_detail01 .right .info a{display:block;}
.product_detail02 .target_wrap{border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.product_detail02 .target_wrap ul li{cursor:pointer; float:left; font-size: 24px; font-weight: bold; padding:25px 50px; text-align:center; position:relative;}
.product_detail02 .target_wrap ul li.cur{background-color:#205900; color:#fff;}
.product_detail02 .content{background-color: #daebd0; padding:50px 100px;}
.product_detail02 .content .info_box{display:none; line-height: 30px;}
.product_detail02 .content .info_box.cur{display:block;}
.product_detail03{margin-top: 100px;}
.product_detail03 .common-title{text-align: center;}
.product_detail03 .content{padding:0 37px;}
.product_detail03 .item a{display:block; border:3px solid #bbb; border-radius: 5px;}
.product_detail03 .item .img{display:block; margin: 20px 0;}
.product_detail03 .owl-carousel{position:relative;}
.product_detail03 .owl-nav .owl-prev,
.product_detail03 .owl-nav .owl-next{
  width:30px; height:83%; background-color: #6fba2a; color:#fff;position:absolute; top:0; font-size: 18px;
}
.product_detail03 .owl-nav .owl-prev{left:-37px;}
.product_detail03 .owl-nav .owl-next{right:-37px;}
.product_detail03 .owl-nav .owl-prev.disabled,
.product_detail03 .owl-nav .owl-next.disabled{opacity:0.5}
.product_detail03 .owl-nav i{margin-top:125px;}
.product_detail03 .item .text{color:#3f3f3f; font-size: 20px; text-align: center; padding: 20px 0;}

.bg-primary{background-color: #6fba2a;}


/* product */

.asr-filter-div {
  position:relative;
  border-bottom: 1px solid #0000004D;
  z-index: 11;
  padding-bottom: 40px;
}
.filterlist {
  margin-right: 10px;
  margin-bottom: 10px;
  display:inline-block;
}
.filterlist h3 {
  background-color: #F0F0F0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 40px;
  border: 1px solid #CACDD8;
  border-radius: 2px;
  padding:0 12px;
  height: 40px;
  text-align: center;
  padding-bottom: 0px;
  cursor: pointer;
  display: inline-block;
}
.filterlist h3 svg {
  position: relative;
  left: 4px;
  top: 2px;
}
.filterlist .asr_attr input[type="checkbox"] {
  cursor: pointer;
  margin-top: 5px;
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  transition: all .3s linear;
  float: left;
  margin-right: 6px;
}
.filterlist .asr_attr input[type="checkbox"]:checked {
  background-color: #00000099;
  border-color: #00000099;
}

.filterlist:hover .attribute_list {
  display: block;
}
.attribute_list{
    display: none;
    position: absolute;
    left:0;
    text-align: left;
    background: #fff;
    z-index: 2;
    padding: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    width:100%;
    max-height:500px;
    overflow:auto;
    box-sizing: border-box;
}
.attribute_list span {
  font-size: 14px;
  font-weight: bold;
  color: #737373;
  padding: 5px 0px;
  display: block;
  width: 100%;
}
.attribute_list li {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  line-height: 30px;
  padding-bottom: 6px;
  display: inline-block;
  width:16.6%;
}
#filter-result {
  padding-top: 40px;
}
#clearFilterButton{
  background-color: #D8D8D8;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  cursor: pointer;
  color: #4F4F4F;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 30px;
  display:none;
  transition:.4s ease;
}
#clearFilterButton:hover{background-color: #6fba2a; color:#fff;}
.auto_c_filter button {
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
  color: #4F4F4F;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 30px;
  margin-right: 10px;
  height: 42px;
  line-height: 23px;
  display:none;
}
.auto_c_filter{display:inline-block; }
.auto_c_filter button{transition:.4s ease;}
.auto_c_filter button.active{display:inline-block;}
.auto_c_filter button:hover{background-color:#6fba2a ; color:#fff;}
.product01 .container{margin-top: 30px;}
.product01 table {border: 1px solid #eee;margin: 30px 0 15px;text-align: left;width: 100%;}
.product01 table tr:nth-child(odd) {background-color: #EEEEEE;}
.product01 table tr th {padding: 26px 20px;background: #313131;color: #ffffff;font-size: 16px;font-weight: bold;line-height: 16px;}
.product01 table tr td {padding: 20px;font-size: 16px;}
.product01 table tr td a{font-weight:bold;}
.product01 table tr td a:hover{color:#6fba2a;}

/*ibanner*/
.ibanner{width:100%; overflow:hidden; position:relative; z-index:0;}
.ibanner .item{position:relative;overflow:hidden;width:100%;}
.ibanner .item .cover{display:none; position:absolute; left:0; top:0; background:rgba(0,0,0,0.55); z-index:3; height:100%; width:100%;}
.ibanner .item .iban_word{display:none; width:100%; position:absolute; left:0; top:24%; 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: #6fba2a; background-color: #6fba2a; color:#fff;}
.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 {
  display:none;
  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{background:url(../img/ipart01_1.jpg) no-repeat center; background-size: cover;}
.ipart01 .cover{background: url(../img/iban_bg.png); padding:90px 0; text-align: center;}
.ipart01 .tit{color:#6fba2a}
.ipart01 .common-title{margin-bottom: 0;}
.ipart01 .common-title .con{color:#fff; padding: 0 14%; line-height: 1.7;}
.ipart02{margin:70px 0;}
.ipart02 .box{position:relative;}
.ipart02 .play{position:absolute; left:35px; bottom:40px; padding:5px 40px; border:1px solid #fff; border-radius: 30px; cursor:pointer;}
.ipart02 .play i{color:#6fba2a;}
.ipart03 .title.common-title{text-align: center;}
.ipart03 .title.common-title .con{padding:0 20%;}
.ipart03 .content .left{
  width:57%;
}
.rect-76{padding-bottom: 76%;}
.ipart03 .content .left .cover{position:absolute; width:100%; height:100%; background: url(../img/ipart03_2.png) no-repeat center; background-size: cover;}
.more_btn{border:1px solid #fff; border-radius: 30px; color:#fff; display:inline-block; padding:7px 30px;}
.ipart03 .info{position:absolute; right:0; top:50%;transform: translateY(-50%); color:#fff; width:30%; padding:0 20px;}
.ipart03 .info .tit{color:#fff;}
.ipart03 .info .con{color:#fff;}
.ipart03 .info .more_btn{margin-top: 45px;}
.ipart03 .content .right{width:41%;}
.ipart03 .item{border:2px solid #6fba2a; border-radius: 5px; margin-bottom: 18px;}
.ipart03 .item:last-child{margin-bottom: 0;}
.ipart03 .item .rect-33{padding-bottom: 33%;}
.ipart03 .item img{position:absolute; right: 0; top:0;}
.ipart03 .item .common-title{margin-bottom: 0; position:absolute; top:50%; transform: translateY(-50%); width:20%; left:60px;}
.ipart03 .item .common-title .tit{transition:.5s ease;}
.ipart03 .item:hover .common-title .tit{color:#6fba2a}
.ipart04{margin:100px 0;}
.ipart04 .common-title{text-align: center;}
.ipart04 ul{text-align: center;}
.ipart04 ul li{display:inline-block; width:20%;}
.ipart05{background-repeat: no-repeat; background-position: center; background-size: cover; padding:88px 0;}
.ipart05 .content{width:45%; background-color: #fff;}
.ipart05 .owl-carousel{margin-top: 20px;}
.ipart05 .owl-carousel .owl-item img{width:auto;}
.ipart05 .content .box{padding:55px 40px;}
.ipart05 .common-title .con{margin-top: 20px; margin-bottom: 20px;}
.ipart05 .owl-nav > div{display:inline-block;}
.ipart05 .owl-nav > div i{font-size: 30px; font-weight: bold; margin-left: 0; transition:.5s ease;}
.ipart05 .owl-nav > div i:hover{color:#6fba2a;}
.ipart05 .more_btn{color:#6fba2a; border-color:#6fba2a; margin-top: 40px; transition:.5s ease;}
.ipart05 .more_btn:hover{background-color:#6fba2a; color:#fff;}
.ipart05 .common-title{margin-bottom: 0;}
.ipart06{background-color: #6fba2a;background-image: linear-gradient(to right, #357511,#6fba2a); padding:45px 0; text-align: center;}
.ipart06 .left .tit{font-size: 35px; font-weight: bold; color:#fff;}
.ipart06 .right .right_btn{line-height: 60px; height: 60px; background-color: #ffd701; padding:0 45px; display:inline-block; border-radius: 5px;}
.ipart07{margin:100px 0;}
.ipart07 .common-title{text-align: center;}
.ipart07 .common-title .con{padding:0 20%;}
.ipart07 .content ul li{float:left; width:25%; text-align: center;}

.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;}

/* about */
.channel_content.about{padding-bottom: 0;}
.about01 .rect-70{padding-bottom: 70%;}
.about01 .video{float:right; margin-left: 40px; width:32.4%;}
.about01 .play{position:absolute; left:50%; top:50%; transform: translate(-50% ,-50%); padding:5px 40px; border:1px solid #fff; border-radius: 30px; cursor:pointer;}
.about01 .play i{color:#6fba2a;}
.about01 .common-title{margin-bottom: 30px;}
.about02{margin:100px 0;}
.about02 .item{float:left; width:20%;}
.about02 .item:nth-child(4){width:auto; margin-left: 5%;}
.about02 .item:last-child{float:right; width:auto}
.about02 .item .num{color:#6fba2a; background: linear-gradient(to right,#357511,#6fba2a);
  -webkit-background-clip: text;
  color: transparent; font-size: 40px; font-family: Arial; font-weight: bold;}
.about02 .item .num span{font-size: 62px; }
.about03 .item{float:left; position:relative; width:15%;  margin-left: 1.8%; height:410px; background-position: center; background-repeat: no-repeat; background-size: cover; transition:.5s ease; }
.about03 .item:first-child{margin-left: 0;}
.about03 .item .title1{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.about03 .item .title2{opacity:0;transition:.5s ease; padding:50px; transform: translateY(50px);}
.about03 .item .common-title .con{color:#fff;}
.about03 .item .common-title .tit{color:#fff;}
.about03 .item.cur{width:66.25%;}
.about03 .item.cur .title1{opacity:0;}
.about03 .item.cur .title2{opacity:1; transform: translateY(0);}
.about04{background: url(../img/about04.jpg) no-repeat center; background-size: cover; padding:100px 0; margin-top: 100px;}
.about04 .common-title .tit{color:#fff; text-align: center;}
.about04 .content{position:relative; height:400px;}
.about04 .bd ul li{position:relative; height:400px; float:left; color:#fff; width:20%; text-align: center;}
.about04 .bd ul li .line{position:absolute; width:100%; left:-50%; height:6px; top:45%; z-index: 2; background-color: #fff;}
.about04 .bd ul li .round{position:absolute; width:25px; height:25px; background-color: #fff; border-radius: 50%; top:50%; margin-top: -30.5px; left:50%; margin-left: -12.5px; z-index: 3;}
.about04 .bd ul li .text{ text-align:left; padding-left: 24%; padding-top: 10%;}
.about04 .bd ul li .year{position:absolute; top:53%; width:100%; font-size: 21px;}
.about04 .bd ul li:nth-child(2n+1) .text{position:absolute; top:70%;}
.about04 .bd ul li:nth-child(2n) .img{position:absolute; bottom:0; width:100%;}
.about04 .bd ul li.on_year .year{font-size: 32px;}
.about04 .bd ul li.on_year .round{background-color: #6fba2a;}
.about04 .bd ul li.passed_year .round{background-color: #6fba2a;}
.about04 .bd ul li.on_year .line{background-color: #6fba2a;}
.about04 .bd ul li.passed_year .line{background-color: #6fba2a;}
.about04 .wrap{position:relative;}
.about04 ._line_lt,
.about04 ._line_rt{position: absolute;width: 50%;height: 6px;top: 45%;  }
.about04 ._line_lt{background-color: #6fba2a;left: 0;}
.about04 ._line_rt{background-color: #fff;right: 0;}


/*搜索区域*/
/* .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);}


.right_float{
  position:fixed; 
  width:55px;
  right:0;
  top:50%;
  z-index: 100;
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  overflow:hidden;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.right_float i{font-size:25px;}
.right_float ul li{padding:10px 0;}
.right_float ul li span{font-size: 17px;}
.right_float ul li:first-child{background-color: #06872b; color:#fff;}

.inav .nav_li_hide{display:none;}


.service01{margin-bottom: 100px;}
.service01 .content{margin-top: 20px;}
.service01 .item{float:left; width:48.75%; position:relative;}
.service01 .item:nth-child(2){float:right}
.service01 .rect-554{padding-bottom: 55.48%;}
.service01 .img2{border:2px solid #06872b;}
.service01 .item .title{position:absolute; z-index: 5; left:50%; top:50%; transform: translate(-50%, -50%); width:47%; text-align: center; background-color: #6fba2a; background-image: linear-gradient(to right,#357511,#6fba2a); border-radius: 12px; font-size: 27px; font-weight: bold; color:#fff; padding:15px 0;}
.service02 .common-title{margin-bottom: 30px;}

.thanks01 .inner{margin:0 auto; text-align: center; width:60%; color:#000;}
.thanks01 .inner .title{color:#000; font-weight: bold; font-size: 56px;}
.thanks01 .inner .line{width:100%; height:1px; background-color: #000; margin:20px 0;}
.thanks01 .inner .tit{font-size: 23px; color:#000;}
.thanks01 .inner .con{font-size: 16px; margin:20px 0;}
.thanks01 .inner a{display:inline-block;font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  background-color: #06872b;
  border-style: none;
  border-radius: 10px;
  padding: 10px 30px; color:#fff;}
.thanks01 .inner a:hover{background-color: #205900;}

.img_list .rect-74{padding-bottom: 100%;}
.img_list01 .list .item{float:left; width:23%; margin-right: 2.5%; text-align: center; margin-bottom: 40px;}
.img_list01 .list .item:nth-child(4n){margin-right:0;}

.img_list01 .list .item .img{border:2px solid #b9b9b9; border-radius: 10px; overflow:hidden;}
.img_list01 .list .item .tit{font-size: 24px; color:#535353; margin-top: 10px;}
.img_list01 .pagination{margin-top: 40px;}
.dvs01 .content{margin-top: 83px;}
.dvs01 .content .left-float{float:left; width:62.5%;}
.dvs01 .content .right-float{float:right; width:34%;}

.dvs01 .img_item{width:47%;}
.dvs01 .img_item .tit{text-align: center; font-size:30px; color:#3f3f3f; margin-bottom: 15px; min-height:45px;}
.dvs01 .img_item .img{border:2px solid #3f3f3f; border-radius: 10px; overflow:hidden; padding:40px; height:280px; text-align: center;}
.dvs01 .img_item .img .t{text-align: center; font-size: 20px; font-weight: bold; color:#535353;}
.dvs01 ul{padding-left: 30px; margin-top: 20px; text-align: left;}
.dvs01 ul li{line-height: 30px; position:relative; padding-left: 20px; font-size: 20px;}
.dvs01 ul li:after{content:''; position:absolute; width: 6px; height: 6px; background-color: #6fba2a; left:0; top:11px; }
.dvs01 .table .tit{text-align: center; font-size: 30px; color:#fff; margin-bottom: 40px;}
.dvs01 .table .tit .box{padding:5px 30px; background-color: #6fba2a; display: inline-block;}
.dvs01 .title{background-color: #6fba2a; color:#fff; padding-left: 20px; line-height: 50px; font-size: 30px; margin-bottom: 30px;}
.dvs01 .content2 ul{padding-left: 0;}
.dvs02 .title{background-color: #6fba2a; color:#fff; text-align: center; font-weight: bold; line-height: 50px; font-size: 30px; margin:40px 0 30px;}
.dvs02 .img{width:47.5%}
.dvs03{margin-top: 100px;}
.dvs03 .title{text-align: center; font-size: 30px; color:#fff; font-weight: bold; margin-bottom: 40px;}
.dvs03 .title .box{padding:5px 30px; background-color: #6fba2a; display: inline-block;}
.dvs03 .content .left{width:46.8%}
.dvs03 .content .right{width:50%}
.dvs03 .content1{margin-bottom: 20px;}
.dvs03 .img_item .tit{text-align: center; font-size:28px; color:#3f3f3f; margin-bottom:15px;}
.dvs03 .img_item .img{border:2px solid #3f3f3f; border-radius: 10px; overflow:hidden; padding:40px 0; height:280px; text-align: center;}
.dvs03 .content2 .right .img_item{width:46%; display:inline-block;}
.dvs03 .content2 .right .img_item:last-child{float:right;}

.layui-input{width:auto; display:inline-block;}
.ai01 .list{margin-top: 50px;}
.ai01.dvs01 ul{padding-left: 0;}
.ai02 ul li{line-height: 30px; position:relative; padding-left: 20px; font-size: 20px; margin-bottom: 35px;}
.ai02 ul li:after{content:''; position:absolute; width: 6px; height: 6px; background-color: #6fba2a; left:0; top:11px; }
.ai02 .l{width:56.25%;}
.ai02 .r{width:33.5%;}
.dvs01 .img_item .img .con{text-align: left;}

.pi01.dvs01 ul{margin-top: 0; padding-left: 0;}
.pi01 .table .tit .box{background-color: #fff;}
.pi01.dvs01 .content2 .left-float{float:right;}
.pi01.dvs01 .content2 .right-float{float:left;}
.pi01 .img_list .item{width:20%; float:left; margin-bottom: 10px; text-align: center;}
.pi01 .img_list .t{font-size: 14px; text-align: center;}


/* 补充页面 */



.header-top-menu > li.cart i{font-size: 30px; line-height: 1; margin:0;}
/* 注册 */
.register{background-color: #f2f2f2;}
.register .content{width:500px; padding:55px 90px; background-color: #fff; border-radius: 10px; margin:0 auto;}
.register .content .common-title{text-align: center;}
.register .register_form .form-control{background-color: #f4f3f8; border:none; font-size: 19px; color:#666;}
.register .register_form button{background-color: #6fba2a;
  background-image: linear-gradient(to right, #357511, #6fba2a); display: block; width:100%; line-height: 59px; color:#fff; text-align: center; font-size: 26px; font-weight: bold;}
.register .tips{text-align: right; margin-top: 30px; font-size: 19px;}

.register .tips a{color:#377813; margin-left: 18px;}


.login.register .tips{text-align: left;}
.login.register .tips a{color:#666; margin-left: 0;}

.reset .reset01 .content{position:relative; padding-top: 87px; padding-bottom: 87px;}
.reset .reset01 .content .jt{position:absolute; left:25px; top:35px;}
.reset .reset01 .content button{margin-top: 70px;}

.cart.channel_content{padding-top: 0; background-color: #f2f2f2;}
.cart .crumbs {
  padding: 35px 0;
  color: #000;
}
.cart01 .common-title{text-align: center;}
.cart01 .container{margin-top: 40px;}
.cart01 .col-table-15{width:15%; float:left;}
.cart01 .col-table-2{width:20%; float:left;}
.cart01 .col-table-3{width:30%; float:left;}
.cart01 .col-table-1{width:10%; float:left;}
.cart01 .cart_bottom{background-color: #fff;  padding:40px 20%; position:relative;}

.cartMain{position: relative;margin: 0 auto;min-height: 210px;}
/*购物车头部*/
.cartMain_hd{ width: 100%; color: #6d6d6d;}
.cartMain_hd .cartTop{ height: 80px; line-height: 80px; background-color: #fff; margin-bottom: 20px; font-weight: bold;}
.cartMain_hd .cartTop .list_chk{ text-indent: 100px;}
.cartMain_hd .cartTop .list_chk label{position: absolute;left: 10px;top:19px;margin: 0;}
.cartMain_hd .cartTop .list_con{ text-indent: 140px;}
.cartBox{width: 100%;margin-bottom: 20px;}
.cartBox .shop_info{ position: relative; width: 100%; height: 38px; background-color: #fff; line-height: 38px; vertical-align: baseline;}
.cartBox .shop_info .all_check{ position: relative; float: left; width: 30px; height: 38px;}
.cartBox .shop_info .all_check input[type="checkbox"]{position: absolute;z-index: 0; left: -20px; top: -20px;}
.cartBox .shop_info .all_check .shop{ position: absolute; top:13px;}
.cartBox .shop_info .shop_name{float: left;}

/*商品列表*/
.cartBox .order_content{padding:20px 0;background-color: #fff;}
.cartBox .order_content a{ display: block;}
.order_lists{ width: 100%; height: 100%; border-bottom: 1px solid #e7e7e7;}
.order_lists:last-child{ border-bottom: none;}
.order_lists li{ float: left; height: 100%;}
.order_lists .list_chk{ position: relative;}
.order_lists .list_chk input[type="checkbox"]{ position: absolute; z-index: 0; left: 45px; top: 33px;}
.order_lists .list_chk label{margin: 20px 0 0 10px;}
.order_lists .list_con .list_img{float: left;}
.order_lists .list_con .list_img img{width: 100%;vertical-align: top;}
.order_lists .list_con .list_text{ margin-left: 20px; margin-top: 50px;float: left;}
.order_lists .list_con .list_text a{ color: #3c3c3c;}
.order_lists .list_con .list_text a:hover{color: #6fba2a;text-decoration: underline;}
.order_lists .list_price{text-align: center;}
.order_lists .list_price .price{margin-top: 50px;color: #676767;}
.order_lists .list_amount{text-align: center;}
.order_lists .list_amount .amount_box{ margin: 50px auto 0; width: 151px; height: 35px; position: relative;}
.order_lists .list_amount .amount_box input{ width: 79px; height: 37px; line-height: 37px; border: 1px solid #e5e5e5; border-left:0; color: #343434; text-align: center; padding: 4px 0; background-color: #fff; z-index: 2;
  position: absolute;
  left: 37px;
  float: left;
}
.order_lists .list_amount .amount_box a{
  float: left;
  height: 35px;
  width: 35px;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  line-height: 35px;
  color: #acacac;
  position: absolute;
  top:0;
}
.order_lists .list_amount .amount_box a:hover{
  border-color: #6fba2a;
  text-decoration: none;
  color: #6fba2a;
  z-index: 3;
}

.order_lists .list_amount .amount_box .reduce{
  left: 0;
}

.order_lists .list_amount .amount_box .reSty{
  color: #cbcbcb;
}
.order_lists .list_amount .amount_box .reSty:hover{
  border-right: none;
  border-color: #e5e5e5;
  text-decoration: none;
  color: #cbcbcb;
}

.order_lists .list_amount .amount_box .plus{
  border-left-color: transparent;
  right: 0;
}


.order_lists .list_sum{
  text-align: center;
}
.order_lists .list_sum .sum_price{
  margin-top: 50px;
}
.order_lists .list_op{
  text-align: center;
}
.order_lists .list_op .del{
  margin-top: 50px;
  line-height: 18px;
}
.order_lists .list_op .del button{background-color: transparent;}

/*底部总计算价*/
.bar-right{width:40%;color: #3c3c3c;}
.bar-right .title{font-size: 25px; font-weight: bold;}
.bar-right .money{overflow:hidden; line-height: 35px;}
.bar-right .money span{display:inline-block; width:70%;}
.piece{min-width: 110px;margin-right: 0px;height: 50px;line-height: 50px;}
.piece .piece_num{ display: inline-block; padding: 0 10px; font-weight: 700; font-size: 18px; font-family: tohoma,arial;}
.totalMoney{font-weight: bold;}
.bar-right strong{font-weight: 400; font-family: Arial;vertical-align: middle;margin-left: 0px;}
.calBtn{position:absolute;right:5%; top:55%;}
.calBtn a{display: block;padding:0 20px;height: 50px;color: #fff;background: #B0B0B0;cursor: not-allowed;text-decoration: none;line-height: 50px;text-align: center;border-radius: 2px;}
.calBtn a.btn_sty{background: #6fba2a;cursor: pointer;}
.Terms{color:#6fba2a; margin-top: 50px; display: inline-block;}

/*自己定义的模态框*/
.model_bg{
  position: absolute;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.6);
  z-index: 999;
  display: none;
}
.my_model{
  position: fixed;
  display: none;
  top:50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -200px;
  z-index: 9999;
  width: 360px;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  padding: 30px;
  background: #fff;
}
.my_model .title{
  color: #3c3c3c;
  font-weight: 700;
  margin-bottom: 20px;
}
.my_model .title .closeModel{
  float: right;
  cursor: pointer;
}

.my_model .opBtn{
  margin-top: 30px;
}
.my_model .opBtn a{
  width: 91px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
}
.my_model .dialog-sure{
  background: #6fba2a;
  color: #fff;
  border: 1px solid #6fba2a;
}

.my_model .dialog-close{
  background: #fff;
  border: 1px solid #d9d9d9;
  color: #3c3c3c;
}
.order.channel_content{ background-color: #f2f2f2;}
.order{padding:60px 0;}
.order01 .title{font-size: 27px; font-weight: bold; color:#333;}
.order01 .comments-form{background-color: #fff; padding:30px; margin-top: 0;}
.order01 .comments-form .form-group{float:left; width:48%; }
.order01 .comments-form .form-group:nth-child(2n){margin-left: 2%;}
.order01 .comments-form .form-group .form-name{float:left; width:48%;}
.order01 .comments-form .form-group .form-name:last-child{float:right;}
.order01 .comments-form .form-group label{margin-bottom: 5px; display:inline-block;}
.order01 .comments-form .form-group label span{color:red;}
.order01 .comments-form .form-control,
.order01 .comments-form select, .order01 .comments-form .select-ui-choose{background-color: #f4f3f8; border:none; line-height: 50px; height:50px;}
.order01 .product_order ul li{overflow:hidden; line-height: 60px; background-color: #f4f3f8; margin-bottom: 4px;;} 
.order01 .product_order ul li.first{background-color: #6fba2a;
  background-image: linear-gradient(to right, #357511, #6fba2a); color:#fff;}
.order01 .product_order ul li .t1{float:left; width:45%; padding-left: 4%;}
.order01 .product_order ul li .t2{float:left; width:50%;}
.order01 .product_order ul li.total{font-weight: bold;}
.order01 .common-btn{background-color: #fff; border:1px solid #333; border-radius:10px; line-height: 80px; height:80px;}
.order01 .text{margin:35px 0;}
.order01 .text .box{margin-top: 30px;}
.order01 .text .box a{color:#6fba2a;}

.member-center.channel_content{background-color: #f2f2f2; padding-bottom: 0;}
.member-center{padding: 60px 0;}
.member-l{width:17.5%; float:left; background-color: #fff;}
.member-l .box{padding:30px 55px;}
.member-l .box .title{font-size: 29px; color:#3e3e3e; position:relative; text-align: center;margin-bottom: 55px;}
.member-l .box .title:after{content:''; width:100%; height:6px; position:absolute; left:0; bottom:-5px; background-color: #6fba2a;
  background-image: linear-gradient(to right, #357511, #6fba2a); color:#fff;}
.member-l .box .tab li{background-color: #f4f3f8; margin-bottom: 30px; padding:18px 0; text-align: center; transition:.5s ease; color:#535353;}
.member-l .box .tab li a{transition:0;}
.member-l .box .tab li:hover,
.member-l .box .tab li.cur{background-color: #205900; color:#fff;}
.member-r{width:77.5%; float:right;}
.member-r .tab-title{background-color: #fff; margin-bottom: 30px;}
.member-r .tab-title .box{padding:30px;}
.member-r .tab-title .box span{font-size: 28px; font-weight: bold;;}
.member_bott{background-color: #fff; padding:60px}
.member-r .track ul li{line-height: 60px; height:60px; background-color: #f4f3f8; margin-bottom: 30px; position:relative;}
.member-r .track ul li input{background-color: transparent; line-height: 60px;}
.member-r .track ul li a{position:absolute; right:0; top:0; width:147px; height:100%; text-align: center; background-color: #ff6200; color:#fff;}
.member-r .track ul li img{height:60px;}
.member-r .track ul li .img{width:160px; display:inline-block}
.member-r .track ul li a:hover{background-color: #6fba2a;}

.detail_info .comments-form{margin-top: 0;}
.detail_info .comments-form .form-group .form-name{float:left; width:48%;}
.detail_info .comments-form .form-group .form-name:last-child{float:right;}
.detail_info .comments-form .form-group label{margin-bottom: 5px; display:inline-block;}
.detail_info .comments-form .form-group label span{color:red;}
.detail_info .comments-form .form-control,
.detail_info .comments-form select, .detail_info .comments-form .select-ui-choose{background-color: #f4f3f8; border:none; line-height: 50px; height:50px;}
.detail_info .common-btn{text-transform: none; background-image: linear-gradient(to right, #357511, #6fba2a);}
.member-r .tab-title ul{float:right;}
.member-r .tab-title ul li{display:inline-block; line-height: 40px; padding:0 30px; position:relative;}
.member-r .tab-title ul li:after{position:absolute; left:0; top:50%; margin-top: -10px; width:2px; height:20px; content:''; background-color: #686868;}
.member-r .tab-title ul li:first-child::after{display: none;}
.member-r .tab-title ul li.cur a{color:#6fba2a;}
.member_bott.member_pay{padding:0; background-color: transparent;}
.member-common .order_box{padding:20px 40px; background-color: #fff; margin-bottom: 40px;}
.member-common .order_box .order_t{ border-bottom:1px solid #dfdfdf; padding-bottom: 10px;}
.member-common .order_box .order_t .number{margin-right: 70px;}
.member-common .order_box .order_b{padding:20px; display: flex; align-items: center; justify-content: space-between;}
.member-common .order_box .order_b .order_product{width:71.5%; float:left;}
.member-common .order_box .order_b .order_product .item{ display: flex; align-items: center;}
.member-common .order_box .order_b .order_product .item .img{float:left; width:33.8%}
.member-common .order_box .order_b .order_product .item .text{float:left; font-size: 23px; width:26%;}
.member-common .order_box .order_b .order_product .item .order_money{float:left;}
.member-common .order_box .order_b .order_product .item .order_money span{margin:0 10px;}
.member-common .order_box .order_b .pay{float:left;}
.member-common .order_box .order_b .pay a{display: block; color:#ca2d2d; border:1px solid #ca2d2d; padding:10px 40px; border-radius: 10px;}
.member-common .order_box .order_b .pay a:hover{background-color: #6fba2a; border:1px solid #6fba2a; color:#fff;}
.member-common .order_box .order_b .del{float:right; width: 10%; text-align: center;}
.member-common .order_box .order_b .del .delBtn{background:transparent;}
.member-common .order_box .order_b .del .delBtn:hover{color:#6fba2a;}
.member_bott .pagination li{background-color: #fff;}

.member_bott  .pagination .active{background-color: #6fba2a;}
.delivary .member-common .order_box{padding:0; }
.delivary .member-common .order_box .order_b{display: block; padding:20px 50px;}
.complete .member-common .order_box .order_b{display:block; position:relative;}
.complete .member-common .order_box .order_b .del{position:absolute; right:10px; top:50%; margin-top: -12px;}
.complete .member-common .order_box{padding:0;}
.shipped .member-common .order_box .order_b .del{width:auto;}
.shipped .member-common .order_box .order_b .order_product{width:44%;}
.shipped .member-common .order_box{padding:0;}
.shipped .member-common .order_box .order_b .pay{text-align: center;}
.shipped .member-common .order_box .order_b .pay a{display:inline-block; padding:8px 30px; border-color: #949494; color:#535353;}
.shipped .member-common .order_box .order_b .pay a:hover{background-color: #6fba2a; border:1px solid #6fba2a; color:#fff;}
.shipped .member-common .order_box .order_b .pay .c{margin:5px 0;}
.shipped .member-common .order_box .order_b .del .btn{display: block; color: #ca2d2d; border: 1px solid #ca2d2d; padding: 10px 30px; border-radius: 10px; transition:.5s ease;}
.shipped .member-common .order_box .order_b .del .btn:hover{background-color: #6fba2a; border:1px solid #6fba2a; color:#fff;}

@media only screen and (max-width: 1640px) {
  .register .register_form .form-control{font-size: 16px;}
  .register .tips{font-size: 16px;}

  .order_lists .list_con .list_text{margin-left: 0;}
  .member-l .box{padding:30px 35px;}
  .member-l .box .title{font-size: 25px;}
  .member_bott{padding:50px 30px}
  .shipped .member-common .order_box .order_b .order_product{width:48%;}
  .shipped .member-common .order_box .order_b .order_product .item .text{font-size: 20px;}
  .shipped .member-common .order_box .order_b .pay{padding-right: 20px;}

}

@media only screen and (max-width: 1366px) {
  .member-common .order_box .order_b .pay a{padding:10px 25px;}
  .shipped .member-common .order_box .order_b .del .btn{padding:10px 20px;}
  .shipped .member-common .order_box .order_b .order_product{width:46%;}
  .member-r .tab-title ul li{padding:0 20px;}
  
}

@media only screen and (max-width: 1240px) {
  .cartMain_hd .cartTop .list_chk{text-indent: 40px;}
  .order_lists .list_chk input[type="checkbox"]{left:20px}
  .cart01 .cart_bottom{padding:20px;}
  .bar-right{width:50%;}
  .member-l{width:20.5%}
  .member-l .box{padding:20px;}

  .member-common .order_box .order_b .order_product .item .text{font-size: 20px; width:35%}
  .member-r .tab-title ul{float:none; margin-top: 20px;}
  .member-r .tab-title ul li{padding:0 15px;}
  .member-r .tab-title ul li:first-child{padding-left: 0;}
  .shipped .member-common .order_box .order_b{display:block;}
  .shipped .member-common .order_box .order_b .order_product{width:100%; margin-bottom: 15px;}
  .shipped .member-common .order_box .order_b .del{margin-top: 20px;}
  

}

@media only screen and (max-width:992px) {
  .member-l{width:100%; float:none; margin-bottom: 20px;}
  .member-l .box .title{margin-bottom: 20px;}
  .member-l .box .tab li{display:inline-block; width:18%;}
  .member-r{width:100%; float:none;}
  .member-r .tab-title .box span{font-size: 22px;}

 
}

@media only screen and (max-width: 768px) {

  .register .content{width:80%; padding:20px; box-sizing: border-box;}
  .register .register_form .form-control{font-size: 14px;}
  .register .register_form button{line-height: 40px; font-size: 18px;}
  .register .tips{font-size: 14px;}

  .cart01 .col-table-15{width:100%;}
  .cart01 .col-table-2{width:100%;}
  .cart01 .col-table-1{width:100%;}
  .cart .crumbs{padding:20px;}
  .cart01 .container{margin-top: 20px;}
  .cartMain_hd .cartTop{line-height: 50px; height:50px;}
  .order_lists .list_chk input[type="checkbox"]{top:19px;}
  .cartMain_hd .cartTop.order_lists .list_price,
  .cartMain_hd .cartTop.order_lists .list_amount,
  .cartMain_hd .cartTop.order_lists .list_sum,
  .cartMain_hd .cartTop.order_lists .list_con,
  .cartMain_hd .cartTop.order_lists .list_op{display:none;}
  .order_lists .list_price .price{margin-top: 0; text-align: left; padding-left: 30px;}
  .order_lists .list_amount .amount_box{margin:15px 0 15px 30px;}
  .order_lists .list_sum .sum_price{margin-left: 30px; margin-top: 0; text-align: left;}
  .order_lists .list_op .del{margin-right: 30px; margin-top: 15px; text-align: right;}
  .bar-right .title{font-size: 18px;}
  .bar-right{width:100%;}
  .calBtn{position:static;}
  .calBtn a{display:inline-block; line-height: 40px; height:40px;}
  .Terms{margin-top: 20px;}

  .order01 .comments-form{padding:20px;}
  .order01 .comments-form .form-group{width:100%;}
  .order01 .comments-form .form-group:nth-child(2n){margin-left: 0;}
  .order01 .comments-form .form-control, .order01 .comments-form select, .order01 .comments-form .select-ui-choose{line-height: 40px; height:40px;}
  .order01 .product_order ul li{line-height: 30px; padding:5px 0;}
  .order01 .product_order ul li .t1{width:60%}
  .order01 .product_order ul li .t2{width:30%}
  .order01 .text{margin:20px 0;}
  .order01 .text .box{margin-top: 20px;}
  .order01 .common-btn{line-height: 50px; height:50px;;}
  .order01 .common-btn img{height:45px;}

  .member-l .box .title{font-size: 20px; text-align: left;}
  .member-l .box .title::after{height:2px;}
  .member-l .box .tab li{width:48%; margin-bottom: 20px; padding:12px 0;}
  .member-r .tab-title .box{padding:20px;}
  .member-r .tab-title .box span{font-size: 20px;}
  .member_bott{padding:20px;}
  .member-r .track ul li img{height:40px;}
  .member-r .track ul li{line-height: 40px; height:40px; margin-bottom:20px;}
  .member-r .track ul li:last-child{margin-bottom: 0;}
  .member-r .track ul li input{line-height: 40px;}
  .member-r .track ul li a{width:80px;}
  .member-r .track ul li .img{width:auto;}
  .detail_info .comments-form .form-control,
  .detail_info .comments-form select, .detail_info .comments-form .select-ui-choose{line-height: 40px; height:40px;}
  .member-r .tab-title ul li{line-height: 30px; padding:0 10px;}
  .member-r .tab-title ul li:after{height:14px; margin-top: -7px;}
  .member-r .tab-title{margin-bottom: 20px;}
  .member-common .order_box{padding:20px; margin-bottom: 20px;}
  .member-common .order_box .order_t span{display: block;}
  .member-common .order_box .order_b .order_product{width:100%;}
  .member-common .order_box .order_b{display: block;}
  .member-common .order_box .order_b .order_product .item{display:block;}
  .member-common .order_box .order_b .order_product .item .img{width:35%;}
  .member-common .order_box .order_b .order_product .item .text{width:50%; float:right; font-size: 16px; margin-top: 20px;}
  .member-common .order_box .order_b .order_product .item .order_money{width:50%; float:right;}
  .member-common .order_box .order_b .pay{margin-top: 20px;}
  .member-common .order_box .order_b .del{margin-top: 30px;}
  .delivary .member-common .order_box .order_b{padding:20px;}
  .member-common .order_box .order_b .del{float:left;}
  .shipped .member-common .order_box .order_b .order_product{margin-bottom: 0;}
  .shipped .member-common .order_box .order_b .del .btn{display: inline-block;padding: 8px 30px;border-color: #949494;color: #535353; padding:8px 20px;}
  .shipped .member-common .order_box .order_b .pay{text-align: left;}
  .shipped .member-common .order_box .order_b .order_product .item .text{font-size: 16px;}
}