@charset 'utf-8';
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  -webkit-tap-highlight-color: transparent
}

body {
  overflow-x: hidden;
  color: #333;
  font-size: 14px;
  font-family: 'Arial', 'Microsoft Yahei';
  -webkit-overflow-scrolling: touch
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
th,
td,
form,
figure {
  margin: 0;
  padding: 0;
  border: 0
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style-type: none
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: middle
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  background: transparent;
  color: inherit;
  text-decoration: none
}

a:hover {
  -webkit-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease -moz-transition:background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease
}

a,
i,
em,
span {
  display: inline-block
}

b,
em,
i {
  font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 14px
}

button,
input,
optgroup,
select,
textarea {
  outline: 0;
  border: 0;
  vertical-align: middle;
  font-family: 'Microsoft Yahei'
}

button,
input {
  padding: 0;
  border-radius: 0
}

-webkit-appearance:none;
textarea,
input {
  -webkit-user-modify: read-write-plaintext-only
}

textarea {
  resize: none
}

.w100 {
  width: 100%
}

.wh1 {
  width: 100%;
  height: 100%
}

.w50 {
  width: 50%
}

.mauto {
  margin: 0 auto;
  max-width: 1200px
}

.mauto:before,
.mauto:after,
.clearfix:before,
.clearfix:after {
  display: table;
  content: " "
}

.clearfix:after,
.mauto:after {
  clear: both
}

.clear {
  clear: both;
  height: 0
}

.db {
  display: block
}

.dn {
  display: none
}

.rel {
  position: relative
}

.abs {
  position: absolute
}

.fl {
  float: left
}

.fr {
  float: right
}

.ov {
  overflow: hidden
}

.tar {
  text-align: right
}

.tal {
  text-align: left
}

.tac {
  text-align: center
}
.taj{text-align:justify;}

.fb {
  font-weight: bold
}

.text-ups {
  text-transform: uppercase
}

.dt {
  display: table
}

.dtcell {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.els {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word
}

.els2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none
}

.select::-ms-expand {
  display: none
}

.img-md img {
  -moz-transition: all .8s;
  -o-transition: all .8s;
  -ms-transition: all .8s;
  -webkit-transition: all .8s;
  transition: all .8s;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.img-md:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.tra {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s
}

.po-auto {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%
}

.cf {
  color: #fff
}

.c0 {
  color: #000
}

.c6 {
  color: #666
}

.c9 {
  color: #999
}

.cc {
  color: #ccc
}

.baf {
  background: #fff
}

.li22 {
  line-height: 22px
}

.li25 {
  line-height: 25px
}

.li28 {
  line-height: 28px
}

.li30 {
  line-height: 30px
}

.li34 {
  line-height: 34px
}
.f12 {
  font-size: 12px
}

.f14 {
  font-size: 14px
}

.f16 {
  font-size: 16px
}

.f18 {
  font-size: 18px
}

.f20 {
  font-size: 20px
}

.f22 {
  font-size: 22px
}

.f24 {
  font-size: 24px
}

.f26 {
  font-size: 26px
}

.f28 {
  font-size: 28px
}

.f30 {
  font-size: 30px
}

.f32 {
  font-size: 32px
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

.mt50 {
  margin-top: 50px
}

.mr5 {
  margin-right: 5px
}

.mr10 {
  margin-right: 10px
}

.mr15 {
  margin-right: 15px
}

.mr20 {
  margin-right: 20px
}

.mr25 {
  margin-right: 25px
}

.mr30 {
  margin-right: 30px
}

.mr35 {
  margin-right: 35px
}

.mr40 {
  margin-right: 40px
}

.mr45 {
  margin-right: 45px
}

.mr50 {
  margin-right: 50px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb45 {
  margin-bottom: 45px
}

.mb50 {
  margin-bottom: 50px
}

.ml5 {
  margin-left: 5px
}

.ml10 {
  margin-left: 10px
}

.ml15 {
  margin-left: 15px
}

.ml20 {
  margin-left: 20px
}

.ml25 {
  margin-left: 25px
}

.ml30 {
  margin-left: 30px
}

.ml35 {
  margin-left: 35px
}

.ml40 {
  margin-left: 35px
}

.ml45 {
  margin-left: 45px
}

.ml50 {
  margin-left: 50px
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt35 {
  padding-top: 35px
}

.pt40 {
  padding-top: 40px
}

.pt45 {
  padding-top: 45px
}

.pt50 {
  padding-top: 50px
}

.pr5 {
  padding-right: 5px
}

.pr10 {
  padding-right: 10px
}

.pr15 {
  padding-right: 15px
}

.pr20 {
  padding-right: 20px
}

.pr25 {
  padding-right: 25px
}

.pr30 {
  padding-right: 30px
}

.pr35 {
  padding-right: 35px
}

.pr40 {
  padding-right: 40px
}

.pr45 {
  padding-right: 45px
}

.pr50 {
  padding-right: 50px
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.pb35 {
  padding-bottom: 35px
}

.pb40 {
  padding-bottom: 40px
}

.pb45 {
  padding-bottom: 45px
}

.pb50 {
  padding-bottom: 50px
}

.pl5 {
  padding-left: 5px
}

.pl10 {
  padding-left: 10px
}

.pl15 {
  padding-left: 15px
}

.pl20 {
  padding-left: 20px
}

.pl25 {
  padding-left: 25px
}

.pl30 {
  padding-left: 30px
}

.pl35 {
  padding-left: 35px
}

.pl40 {
  padding-left: 40px
}

.pl45 {
  padding-left: 45px
}

.pl50 {
  padding-left: 50px
}

@media(max-width:767px) {
  .mt5 {
    margin-top: .05rem
  }
  .mt10 {
    margin-top: .1rem
  }
  .mt15 {
    margin-top: .15rem
  }
  .mt20 {
    margin-top: .2rem
  }
  .mt25 {
    margin-top: .25rem
  }
  .mt30 {
    margin-top: .3rem
  }
  .mt35 {
    margin-top: .35rem
  }
  .mt40 {
    margin-top: .4rem
  }
  .mt45 {
    margin-top: .45rem
  }
  .mt50 {
    margin-top: .5rem
  }
  .mr5 {
    margin-right: .05rem
  }
  .mr10 {
    margin-right: .1rem
  }
  .mr15 {
    margin-right: .15rem
  }
  .mr20 {
    margin-right: .2rem
  }
  .mr25 {
    margin-right: .25rem
  }
  .mr30 {
    margin-right: .3rem
  }
  .mr35 {
    margin-right: .35rem
  }
  .mr40 {
    margin-right: .4rem
  }
  .mr45 {
    margin-right: .45rem
  }
  .mr50 {
    margin-right: .5rem
  }
  .mb5 {
    margin-bottom: .05rem
  }
  .mb10 {
    margin-bottom: .1rem
  }
  .mb15 {
    margin-bottom: .15rem
  }
  .mb20 {
    margin-bottom: .2rem
  }
  .mb25 {
    margin-bottom: .25rem
  }
  .mb30 {
    margin-bottom: .3rem
  }
  .mb35 {
    margin-bottom: .35rem
  }
  .mb40 {
    margin-bottom: .4rem
  }
  .mb45 {
    margin-bottom: .45rem
  }
  .mb50 {
    margin-bottom: .5rem
  }
  .ml5 {
    margin-left: .05rem
  }
  .ml10 {
    margin-left: .1rem
  }
  .ml15 {
    margin-left: .15rem
  }
  .ml20 {
    margin-left: .2rem
  }
  .ml25 {
    margin-left: .25rem
  }
  .ml30 {
    margin-left: .3rem
  }
  .ml35 {
    margin-left: .35rem
  }
  .ml40 {
    margin-left: .4rem
  }
  .ml45 {
    margin-left: .45rem
  }
  .ml50 {
    margin-left: .5rem
  }
  .pt5 {
    padding-top: .05rem
  }
  .pt10 {
    padding-top: .1rem
  }
  .pt15 {
    padding-top: .15rem
  }
  .pt20 {
    padding-top: .2rem
  }
  .pt25 {
    padding-top: .25rem
  }
  .pt30 {
    padding-top: .3rem
  }
  .pt35 {
    padding-top: .35rem
  }
  .pt40 {
    padding-top: .4rem
  }
  .pt45 {
    padding-top: .45rem
  }
  .pt50 {
    padding-top: .5rem
  }
  .pr5 {
    padding-right: .05rem
  }
  .pr10 {
    padding-right: .1rem
  }
  .pr15 {
    padding-right: .15rem
  }
  .pr20 {
    padding-right: .2rem
  }
  .pr25 {
    padding-right: .25rem
  }
  .pr30 {
    padding-right: .3rem
  }
  .pr35 {
    padding-right: .35rem
  }
  .pr40 {
    padding-right: .4rem
  }
  .pr45 {
    padding-right: .45rem
  }
  .pr50 {
    padding-right: .5rem
  }
  .pb5 {
    padding-right: .05rem
  }
  .pb10 {
    padding-bottom: .1rem
  }
  .pb15 {
    padding-bottom: .15rem
  }
  .pb20 {
    padding-bottom: .2rem
  }
  .pb25 {
    padding-bottom: .25rem
  }
  .pb30 {
    padding-bottom: .3rem
  }
  .pb35 {
    padding-bottom: .35rem
  }
  .pb40 {
    padding-bottom: .4rem
  }
  .pb45 {
    padding-bottom: .45rem
  }
  .pb50 {
    padding-bottom: .5rem
  }
  .pl5 {
    padding-left: .05rem
  }
  .pl10 {
    padding-left: .1rem
  }
  .pl15 {
    padding-left: .15rem
  }
  .pl20 {
    padding-left: .2rem
  }
  .pl25 {
    padding-left: .25rem
  }
  .pl30 {
    padding-left: .3rem
  }
  .pl35 {
    padding-left: .35rem
  }
  .pl40 {
    padding-left: .4rem
  }
  .pl45 {
    padding-left: .45rem
  }
  .pl50 {
    padding-left: .5rem
  }
}

@media(max-width:1199px) {
  .col-lg-p10 {
    padding-right: 10px;
    padding-left: 10px
  }
  .col-lg-p0 {
    padding-right: 0;
    padding-left: 0
  }
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left
}

.col-lg-12 {
  width: 100%
}

.col-lg-11 {
  width: 91.66666667%
}

.col-lg-10 {
  width: 83.33333333%
}

.col-lg-9 {
  width: 75%
}

.col-lg-8 {
  width: 66.66666667%
}

.col-lg-7 {
  width: 58.33333333%
}

.col-lg-6 {
  width: 50%
}

.col-lg-5 {
  width: 41.66666667%
}

.col-lg-4 {
  width: 33.33333333%
}

.col-lg-3 {
  width: 25%
}

.col-lg-2 {
  width: 16.66666667%
}

.col-lg-1 {
  width: 8.33333333%
}

@media(max-width:1023px) {
  .col-md-p0 {
    padding: 0
  }
  .col-md-dn {
    display: none
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left
  }
  .col-md-12 {
    width: 100% !important;
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50% !important;
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
}

@media(max-width:767px) {
  .col-sm-dn {
    display: none
  }
  .col-sm-db {
    display: block
  }
  .col-sm-p {
    padding: 0 !important
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left
  }
  .col-sm-12 {
    width: 100% !important
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 66.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
}

.fadet,
.fader,
.fadel {
  visibility: hidden;
  -webkit-opacity: 0;
  opacity: 0
}

.fadeInUp {
  visibility: visible;
  animation: fadeInUp ease-out .6s forwards;
  -webkit-animation: fadeInUp ease-out .6s forwards;
  -moz-animation: fadeInUp ease-out .6s forwards
}

.faderight {
  visibility: visible;
  animation: faderight ease-out .6s forwards;
  -webkit-animation: faderight ease-out .6s forwards;
  -moz-animation: faderight ease-out .6s forwards
}

.fadeleft {
  visibility: visible;
  animation: fadeleft ease-out .6s forwards;
  -webkit-animation: fadeleft ease-out .6s forwards;
  -moz-animation: fadeleft ease-out .6s forwards
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 85%, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -webkit-transform: translate3d(0, 85%, 0)
  }
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -webkit-transform: none
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0)
  }
  100% {
    opacity: 1;
    -moz-transform: none
  }
}

@keyframes faderight {
  0% {
    opacity: 0;
    transform: translate3d(50%, 0, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-webkit-keyframes faderight {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -webkit-transform: none
  }
}

@-moz-keyframes faderight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0)
  }
  100% {
    opacity: 1;
    -moz-transform: none
  }
}

@keyframes fadeleft {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0)
  }
  100% {
    opacity: 1;
    transform: none
  }
}

@-webkit-keyframes fadeleft {
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0)
  }
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -webkit-transform: none
  }
}

@-moz-keyframes fadeleft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0)
  }
  100% {
    opacity: 1;
    -moz-transform: none
  }
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
  float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
  cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-controls {
  text-align: center
}

.owl-pagination {
  position: absolute;
  width: 100%;
  bottom: 25px
}

.owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  text-indent: -99999px;
  display: inline-block;
  zoom: 1;
  *display: inline
}

.owl-controls .owl-buttons .owl-prev {
  left: 0
}

.owl-controls .owl-buttons .owl-next {
  right: 0
}

.owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline
}

.owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #999
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
  background: #333
}

.owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease
}

@-webkit-keyframes empty {
  0% {
    opacity: 1
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1
  }
}

@keyframes empty {
  0% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

@media(max-width:640px) {
.zl img{width:92%; margin-bottom:.6rem;}
}