* {

  padding: 0;

  margin: 0;

  list-style: none;

  font-style: normal;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: none

}



.main {

  display: block;

  margin: 0 auto

}



.fl {

  float: left

}



.fr {

  float: right

}



.clear:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden

}



a {

  text-decoration: none;

  color: inherit;

  -webkit-transition: all .1s ease-in-out;

  -o-transition: all .1s ease-in-out;

  transition: all .1s ease-in-out;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



a:hover,

button:hover {

  opacity: .85;

  cursor: pointer

}



a:active,

button:active {

  opacity: .7

}



body,

html {

  width: 100%;

  scroll-behavior: smooth;

  position: relative

}



body {

  font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

  font-size: 14px;

  height: 100%;

  min-height: 100%;

  line-height: 1.5715;

  background-color: #fff;

  color: #0d1a26;

  overflow-x: hidden;

  font-variant: tabular-nums;

  -webkit-font-feature-settings: "tnum";

  font-feature-settings: "tnum"

}



article,

footer,

header,

main,

section {

  display: block

}



img,

video {

  max-width: 100%;

  border: 0;

  -o-object-fit: cover;

  object-fit: cover

}



.homeTopSwiper img,

.width100,

.width100 img {

  width: 100%;

  display: block

}



.height100,

.height100>* {

  height: 100%;

  display: block

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: inherit

}



form,

textarea {

  display: block

}



textarea {

  resize: none;

  padding: 6px 8px;

  height: 150px;

  width: 100%;

  -webkit-border-radius: 6px;

  border-radius: 6px

}



button {

  border: none

}



button,

input,

option,

select,

textarea {

  font-size: 100%;

  color: inherit;

  line-height: inherit;

  font-family: inherit;

  background: hsla(0, 0%, 100%, 0)

}



select {

  padding: 0 8px

}



input[placeholder] {

  padding: 0 8px;

  width: 50px;

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.hvr-grow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-grow:active,

.hvr-grow:focus,

.hvr-grow:hover {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}



.hvr-shrink {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-shrink:active,

.hvr-shrink:focus,

.hvr-shrink:hover {

  -webkit-transform: scale(.9);

  -ms-transform: scale(.9);

  transform: scale(.9)

}



@-webkit-keyframes hvr-pulse {

  25% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }



  75% {

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}



@keyframes hvr-pulse {

  25% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }



  75% {

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}



.hvr-pulse {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-pulse:active,

.hvr-pulse:focus,

.hvr-pulse:hover {

  -webkit-animation-name: hvr-pulse;

  animation-name: hvr-pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite

}



@-webkit-keyframes hvr-pulse-grow {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }

}



@keyframes hvr-pulse-grow {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }

}



.hvr-pulse-grow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-pulse-grow:active,

.hvr-pulse-grow:focus,

.hvr-pulse-grow:hover {

  -webkit-animation-name: hvr-pulse-grow;

  animation-name: hvr-pulse-grow;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate

}



@-webkit-keyframes hvr-pulse-shrink {

  to {

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}



@keyframes hvr-pulse-shrink {

  to {

    -webkit-transform: scale(.9);

    transform: scale(.9)

  }

}



.hvr-pulse-shrink {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-pulse-shrink:active,

.hvr-pulse-shrink:focus,

.hvr-pulse-shrink:hover {

  -webkit-animation-name: hvr-pulse-shrink;

  animation-name: hvr-pulse-shrink;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate

}



@-webkit-keyframes hvr-push {

  50% {

    -webkit-transform: scale(.8);

    transform: scale(.8)

  }



  to {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}



@keyframes hvr-push {

  50% {

    -webkit-transform: scale(.8);

    transform: scale(.8)

  }



  to {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}



.hvr-push {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-push:active,

.hvr-push:focus,

.hvr-push:hover {

  -webkit-animation-name: hvr-push;

  animation-name: hvr-push;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-pop {

  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

  }

}



@keyframes hvr-pop {

  50% {

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

  }

}



.hvr-pop {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-pop:active,

.hvr-pop:focus,

.hvr-pop:hover {

  -webkit-animation-name: hvr-pop;

  animation-name: hvr-pop;

  -webkit-animation-duration: .3s;

  animation-duration: .3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



.hvr-bounce-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-in:active,

.hvr-bounce-in:focus,

.hvr-bounce-in:hover {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

  -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

  -o-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



.hvr-bounce-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-out:active,

.hvr-bounce-out:focus,

.hvr-bounce-out:hover {

  -webkit-transform: scale(.8);

  -ms-transform: scale(.8);

  transform: scale(.8);

  -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

  -o-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

  transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



.hvr-rotate {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-rotate:active,

.hvr-rotate:focus,

.hvr-rotate:hover {

  -webkit-transform: rotate(4deg);

  -ms-transform: rotate(4deg);

  transform: rotate(4deg)

}



.hvr-grow-rotate {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-grow-rotate:active,

.hvr-grow-rotate:focus,

.hvr-grow-rotate:hover {

  -webkit-transform: scale(1.1) rotate(4deg);

  -ms-transform: scale(1.1) rotate(4deg);

  transform: scale(1.1) rotate(4deg)

}


#to_top{position:fixed;right:20px;bottom:285px;width:42px;border:0;overflow:visible!important;z-index:999}
#to_top a{margin-bottom:2px}
.transition{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.go-top{float:left;width:42px;height:42px;cursor:pointer;border:0;background:url(../images/up.png) no-repeat center 15px #ccc}
.go-top1{float:left;width:42px;height:42px;margin-bottom:1px;cursor:pointer;border:0;background:url(../images/qq.png) no-repeat center center #ccc}
.go-top2{float:left;width:42px;height:42px;margin-bottom:1px;cursor:pointer;border:0;background:url(../images/phone1.png) no-repeat center center #ccc}
.go-top3{float:left;width:42px;height:42px;margin-bottom:1px;cursor:pointer;border:0;background:url(../images/weixin.png) no-repeat center center #ccc}
#go-top-btn:hover{background-color:#555!important}
#go-top-btn1:hover{background-color:#555!important}
#go-top-btn2:hover{background-color:#555!important}
#go-top-btn3:hover{background-color:#555!important}
.rollbar-qrcode h6{position:absolute;z-index:1;top:50%;right:100%;margin:-15px 10px 0 0;height:30px;line-height:30px;font-size:12px;background-color:#555;color:#fff;width:95px;font-weight:400;text-align:center;display:none}
.rollbar-qrcode:hover h6{display:block}
.rollbar-qrcode h6{height:120px;margin-top:-60px;padding:0 5px 5px}
.rollbar-qrcode h6 img{width:85px;height:85px;display:block;margin:0 auto}
.rollbar-qrcode h6 i{position:absolute;right:-4px;top:50%;margin-top:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #555;border-top:4px solid transparent;border-bottom:4px solid transparent}
.rollbarer h6{position:absolute;z-index:1;top:50%;right:100%;margin:-15px 10px 0 0;height:30px;line-height:30px;font-size:12px;background-color:#555;color:#fff;width:auto;font-weight:400;text-align:center;display:none}
.rollbarer:hover h6{display:block}
.rollbarer h6 i{position:absolute;right:-4px;top:50%;margin-top:-4px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px solid #555;border-top:4px solid transparent;border-bottom:4px solid transparent}
        
.hvr-float {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-float:active,

.hvr-float:focus,

.hvr-float:hover {

  -webkit-transform: translateY(-8px);

  -ms-transform: translateY(-8px);

  transform: translateY(-8px)

}



.hvr-sink {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-sink:active,

.hvr-sink:focus,

.hvr-sink:hover {

  -webkit-transform: translateY(8px);

  -ms-transform: translateY(8px);

  transform: translateY(8px)

}



@-webkit-keyframes hvr-bob {

  0% {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }



  50% {

    -webkit-transform: translateY(-4px);

    transform: translateY(-4px)

  }



  to {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }

}



@keyframes hvr-bob {

  0% {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }



  50% {

    -webkit-transform: translateY(-4px);

    transform: translateY(-4px)

  }



  to {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }

}



@-webkit-keyframes hvr-bob-float {

  to {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }

}



@keyframes hvr-bob-float {

  to {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

  }

}



.hvr-bob {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-bob:active,

.hvr-bob:focus,

.hvr-bob:hover {

  -webkit-animation-name: hvr-bob-float, hvr-bob;

  animation-name: hvr-bob-float, hvr-bob;

  -webkit-animation-duration: .3s, 1.5s;

  animation-duration: .3s, 1.5s;

  -webkit-animation-delay: 0s, .3s;

  animation-delay: 0s, .3s;

  -webkit-animation-timing-function: ease-out, ease-in-out;

  animation-timing-function: ease-out, ease-in-out;

  -webkit-animation-iteration-count: 1, infinite;

  animation-iteration-count: 1, infinite;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-direction: normal, alternate;

  animation-direction: normal, alternate

}



@-webkit-keyframes hvr-hang {

  0% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }



  50% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px)

  }



  to {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }

}



@keyframes hvr-hang {

  0% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }



  50% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px)

  }



  to {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }

}



@-webkit-keyframes hvr-hang-sink {

  to {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }

}



@keyframes hvr-hang-sink {

  to {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }

}



.hvr-hang {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-hang:active,

.hvr-hang:focus,

.hvr-hang:hover {

  -webkit-animation-name: hvr-hang-sink, hvr-hang;

  animation-name: hvr-hang-sink, hvr-hang;

  -webkit-animation-duration: .3s, 1.5s;

  animation-duration: .3s, 1.5s;

  -webkit-animation-delay: 0s, .3s;

  animation-delay: 0s, .3s;

  -webkit-animation-timing-function: ease-out, ease-in-out;

  animation-timing-function: ease-out, ease-in-out;

  -webkit-animation-iteration-count: 1, infinite;

  animation-iteration-count: 1, infinite;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards;

  -webkit-animation-direction: normal, alternate;

  animation-direction: normal, alternate

}



.hvr-skew {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-skew:active,

.hvr-skew:focus,

.hvr-skew:hover {

  -webkit-transform: skew(-10deg);

  -ms-transform: skew(-10deg);

  transform: skew(-10deg)

}



.hvr-skew-forward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%

}



.hvr-skew-forward:active,

.hvr-skew-forward:focus,

.hvr-skew-forward:hover {

  -webkit-transform: skew(-10deg);

  -ms-transform: skew(-10deg);

  transform: skew(-10deg)

}



.hvr-skew-backward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%

}



.hvr-skew-backward:active,

.hvr-skew-backward:focus,

.hvr-skew-backward:hover {

  -webkit-transform: skew(10deg);

  -ms-transform: skew(10deg);

  transform: skew(10deg)

}



@-webkit-keyframes hvr-wobble-vertical {

  16.65% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }



  33.3% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px)

  }



  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px)

  }



  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px)

  }



  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px)

  }



  to {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



@keyframes hvr-wobble-vertical {

  16.65% {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

  }



  33.3% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px)

  }



  49.95% {

    -webkit-transform: translateY(4px);

    transform: translateY(4px)

  }



  66.6% {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px)

  }



  83.25% {

    -webkit-transform: translateY(1px);

    transform: translateY(1px)

  }



  to {

    -webkit-transform: translateY(0);

    transform: translateY(0)

  }

}



.hvr-wobble-vertical {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-wobble-vertical:active,

.hvr-wobble-vertical:focus,

.hvr-wobble-vertical:hover {

  -webkit-animation-name: hvr-wobble-vertical;

  animation-name: hvr-wobble-vertical;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px)

  }



  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px)

  }



  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px)

  }



  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px)

  }



  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px)

  }



  to {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}



@keyframes hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px)

  }



  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px)

  }



  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px)

  }



  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px)

  }



  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px)

  }



  to {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}



.hvr-wobble-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-wobble-horizontal:active,

.hvr-wobble-horizontal:focus,

.hvr-wobble-horizontal:hover {

  -webkit-animation-name: hvr-wobble-horizontal;

  animation-name: hvr-wobble-horizontal;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-to-bottom-right {

  16.65% {

    -webkit-transform: translate(8px, 8px);

    transform: translate(8px, 8px)

  }



  33.3% {

    -webkit-transform: translate(-6px, -6px);

    transform: translate(-6px, -6px)

  }



  49.95% {

    -webkit-transform: translate(4px, 4px);

    transform: translate(4px, 4px)

  }



  66.6% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  83.25% {

    -webkit-transform: translate(1px, 1px);

    transform: translate(1px, 1px)

  }



  to {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



@keyframes hvr-wobble-to-bottom-right {

  16.65% {

    -webkit-transform: translate(8px, 8px);

    transform: translate(8px, 8px)

  }



  33.3% {

    -webkit-transform: translate(-6px, -6px);

    transform: translate(-6px, -6px)

  }



  49.95% {

    -webkit-transform: translate(4px, 4px);

    transform: translate(4px, 4px)

  }



  66.6% {

    -webkit-transform: translate(-2px, -2px);

    transform: translate(-2px, -2px)

  }



  83.25% {

    -webkit-transform: translate(1px, 1px);

    transform: translate(1px, 1px)

  }



  to {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



.hvr-wobble-to-bottom-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-wobble-to-bottom-right:active,

.hvr-wobble-to-bottom-right:focus,

.hvr-wobble-to-bottom-right:hover {

  -webkit-animation-name: hvr-wobble-to-bottom-right;

  animation-name: hvr-wobble-to-bottom-right;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-to-top-right {

  16.65% {

    -webkit-transform: translate(8px, -8px);

    transform: translate(8px, -8px)

  }



  33.3% {

    -webkit-transform: translate(-6px, 6px);

    transform: translate(-6px, 6px)

  }



  49.95% {

    -webkit-transform: translate(4px, -4px);

    transform: translate(4px, -4px)

  }



  66.6% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  83.25% {

    -webkit-transform: translate(1px, -1px);

    transform: translate(1px, -1px)

  }



  to {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



@keyframes hvr-wobble-to-top-right {

  16.65% {

    -webkit-transform: translate(8px, -8px);

    transform: translate(8px, -8px)

  }



  33.3% {

    -webkit-transform: translate(-6px, 6px);

    transform: translate(-6px, 6px)

  }



  49.95% {

    -webkit-transform: translate(4px, -4px);

    transform: translate(4px, -4px)

  }



  66.6% {

    -webkit-transform: translate(-2px, 2px);

    transform: translate(-2px, 2px)

  }



  83.25% {

    -webkit-transform: translate(1px, -1px);

    transform: translate(1px, -1px)

  }



  to {

    -webkit-transform: translate(0);

    transform: translate(0)

  }

}



.hvr-wobble-to-top-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-wobble-to-top-right:active,

.hvr-wobble-to-top-right:focus,

.hvr-wobble-to-top-right:hover {

  -webkit-animation-name: hvr-wobble-to-top-right;

  animation-name: hvr-wobble-to-top-right;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



@keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



.hvr-wobble-top {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%

}



.hvr-wobble-top:active,

.hvr-wobble-top:focus,

.hvr-wobble-top:hover {

  -webkit-animation-name: hvr-wobble-top;

  animation-name: hvr-wobble-top;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-bottom {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



@keyframes hvr-wobble-bottom {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



.hvr-wobble-bottom {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0

}



.hvr-wobble-bottom:active,

.hvr-wobble-bottom:focus,

.hvr-wobble-bottom:hover {

  -webkit-animation-name: hvr-wobble-bottom;

  animation-name: hvr-wobble-bottom;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-wobble-skew {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



@keyframes hvr-wobble-skew {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg)

  }



  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

  }



  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg)

  }



  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg)

  }



  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg)

  }



  to {

    -webkit-transform: skew(0);

    transform: skew(0)

  }

}



.hvr-wobble-skew {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-wobble-skew:active,

.hvr-wobble-skew:focus,

.hvr-wobble-skew:hover {

  -webkit-animation-name: hvr-wobble-skew;

  animation-name: hvr-wobble-skew;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



@-webkit-keyframes hvr-buzz {

  50% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  to {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }

}



@keyframes hvr-buzz {

  50% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  to {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }

}



.hvr-buzz {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-buzz:active,

.hvr-buzz:focus,

.hvr-buzz:hover {

  -webkit-animation-name: hvr-buzz;

  animation-name: hvr-buzz;

  -webkit-animation-duration: .15s;

  animation-duration: .15s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite

}



@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }



  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }



  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg)

  }



  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg)

  }



  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg)

  }



  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg)

  }



  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0)

  }



  to {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0)

  }

}



@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }



  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg)

  }



  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg)

  }



  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg)

  }



  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg)

  }



  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg)

  }



  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg)

  }



  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0)

  }



  to {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0)

  }

}



.hvr-buzz-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-buzz-out:active,

.hvr-buzz-out:focus,

.hvr-buzz-out:hover {

  -webkit-animation-name: hvr-buzz-out;

  animation-name: hvr-buzz-out;

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1

}



.hvr-forward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-forward:active,

.hvr-forward:focus,

.hvr-forward:hover {

  -webkit-transform: translateX(8px);

  -ms-transform: translateX(8px);

  transform: translateX(8px)

}



.hvr-backward {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-backward:active,

.hvr-backward:focus,

.hvr-backward:hover {

  -webkit-transform: translateX(-8px);

  -ms-transform: translateX(-8px);

  transform: translateX(-8px)

}



.hvr-border-fade {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow;

  -webkit-transition-property: -webkit-box-shadow;

  transition-property: -webkit-box-shadow;

  -o-transition-property: box-shadow;

  transition-property: box-shadow;

  transition-property: box-shadow, -webkit-box-shadow;

  -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-border-fade:active,

.hvr-border-fade:focus,

.hvr-border-fade:hover {

  -webkit-box-shadow: inset 0 0 0 4px #43b6fe, 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 0 0 0 4px #43b6fe, 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-hollow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: background;

  -o-transition-property: background;

  transition-property: background;

  -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-hollow:active,

.hvr-hollow:focus,

.hvr-hollow:hover {

  background: none

}



.hvr-trim {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-trim:before {

  content: "";

  position: absolute;

  border: 4px solid #fff;

  top: 4px;

  left: 4px;

  right: 4px;

  bottom: 4px;

  opacity: 0;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity

}



.hvr-trim:active:before,

.hvr-trim:focus:before,

.hvr-trim:hover:before {

  opacity: 1

}



@-webkit-keyframes hvr-ripple-out {

  to {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0

  }

}



@keyframes hvr-ripple-out {

  to {

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0

  }

}



.hvr-ripple-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-ripple-out:before {

  content: "";

  position: absolute;

  border: 6px solid #e1e1e1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-animation-duration: 1s;

  animation-duration: 1s

}



.hvr-ripple-out:active:before,

.hvr-ripple-out:focus:before,

.hvr-ripple-out:hover:before {

  -webkit-animation-name: hvr-ripple-out;

  animation-name: hvr-ripple-out

}



@-webkit-keyframes hvr-ripple-in {

  to {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 1

  }

}



@keyframes hvr-ripple-in {

  to {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 1

  }

}



.hvr-ripple-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-ripple-in:before {

  content: "";

  position: absolute;

  border: 4px solid #e1e1e1;

  top: -12px;

  right: -12px;

  bottom: -12px;

  left: -12px;

  opacity: 0;

  -webkit-animation-duration: 1s;

  animation-duration: 1s

}



.hvr-ripple-in:active:before,

.hvr-ripple-in:focus:before,

.hvr-ripple-in:hover:before {

  -webkit-animation-name: hvr-ripple-in;

  animation-name: hvr-ripple-in

}



.hvr-outline-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-outline-out:before {

  content: "";

  position: absolute;

  border: 4px solid #e1e1e1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: top, right, bottom, left;

  -o-transition-property: top, right, bottom, left;

  transition-property: top, right, bottom, left

}



.hvr-outline-out:active:before,

.hvr-outline-out:focus:before,

.hvr-outline-out:hover:before {

  top: -8px;

  right: -8px;

  bottom: -8px;

  left: -8px

}



.hvr-outline-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-outline-in:before {

  pointer-events: none;

  content: "";

  position: absolute;

  border: 4px solid #e1e1e1;

  top: -16px;

  right: -16px;

  bottom: -16px;

  left: -16px;

  opacity: 0;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: top, right, bottom, left;

  -o-transition-property: top, right, bottom, left;

  transition-property: top, right, bottom, left

}



.hvr-outline-in:active:before,

.hvr-outline-in:focus:before,

.hvr-outline-in:hover:before {

  top: -8px;

  right: -8px;

  bottom: -8px;

  left: -8px;

  opacity: 1

}



.hvr-round-corners {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: border-radius;

  -webkit-transition-property: -webkit-border-radius;

  transition-property: -webkit-border-radius;

  -o-transition-property: border-radius;

  transition-property: border-radius;

  transition-property: border-radius, -webkit-border-radius

}



.hvr-round-corners:active,

.hvr-round-corners:focus,

.hvr-round-corners:hover {

  -webkit-border-radius: 1em;

  border-radius: 1em

}



.hvr-underline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-underline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: right;

  -o-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-underline-from-left:active:before,

.hvr-underline-from-left:focus:before,

.hvr-underline-from-left:hover:before {

  right: 0

}



.hvr-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  bottom: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: left, right;

  -o-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-underline-from-center:active:before,

.hvr-underline-from-center:focus:before,

.hvr-underline-from-center:hover:before {

  left: 0;

  right: 0

}



.hvr-underline-from-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-underline-from-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 100%;

  right: 0;

  bottom: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: left;

  -o-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-underline-from-right:active:before,

.hvr-underline-from-right:focus:before,

.hvr-underline-from-right:hover:before {

  left: 0

}



.hvr-overline-from-left {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-overline-from-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  top: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: right;

  -o-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-overline-from-left:active:before,

.hvr-overline-from-left:focus:before,

.hvr-overline-from-left:hover:before {

  right: 0

}



.hvr-overline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-overline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 51%;

  right: 51%;

  top: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: left, right;

  -o-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-overline-from-center:active:before,

.hvr-overline-from-center:focus:before,

.hvr-overline-from-center:hover:before {

  left: 0;

  right: 0

}



.hvr-overline-from-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-overline-from-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 100%;

  right: 0;

  top: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transition-property: left;

  -o-transition-property: left;

  transition-property: left;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-overline-from-right:active:before,

.hvr-overline-from-right:focus:before,

.hvr-overline-from-right:hover:before {

  left: 0

}



.hvr-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-color: #43b6fe;

  border-style: solid;

  border-width: 0;

  -webkit-transition-property: border-width;

  -o-transition-property: border-width;

  transition-property: border-width;

  -webkit-transition-duration: .1s;

  -o-transition-duration: .1s;

  transition-duration: .1s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-reveal:active:before,

.hvr-reveal:focus:before,

.hvr-reveal:hover:before {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  border-width: 4px

}



.hvr-underline-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-underline-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  bottom: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transform: translateY(4px);

  -ms-transform: translateY(4px);

  transform: translateY(4px);

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-underline-reveal:active:before,

.hvr-underline-reveal:focus:before,

.hvr-underline-reveal:hover:before {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0)

}



.hvr-overline-reveal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  overflow: hidden

}



.hvr-overline-reveal:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 0;

  top: 0;

  background: #43b6fe;

  height: 4px;

  -webkit-transform: translateY(-4px);

  -ms-transform: translateY(-4px);

  transform: translateY(-4px);

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out

}



.hvr-overline-reveal:active:before,

.hvr-overline-reveal:focus:before,

.hvr-overline-reveal:hover:before {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0)

}



.hvr-glow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow;

  -webkit-transition-property: -webkit-box-shadow;

  transition-property: -webkit-box-shadow;

  -o-transition-property: box-shadow;

  transition-property: box-shadow;

  transition-property: box-shadow, -webkit-box-shadow

}



.hvr-glow:active,

.hvr-glow:focus,

.hvr-glow:hover {

  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);

  box-shadow: 0 0 8px rgba(0, 0, 0, .6)

}



.hvr-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow;

  -webkit-transition-property: -webkit-box-shadow;

  transition-property: -webkit-box-shadow;

  -o-transition-property: box-shadow;

  transition-property: box-shadow;

  transition-property: box-shadow, -webkit-box-shadow

}



.hvr-shadow:active,

.hvr-shadow:focus,

.hvr-shadow:hover {

  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);

  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)

}



.hvr-grow-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow, transform;

  -webkit-transition-property: -webkit-box-shadow, -webkit-transform;

  transition-property: -webkit-box-shadow, -webkit-transform;

  -o-transition-property: box-shadow, transform;

  transition-property: box-shadow, transform;

  transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform

}



.hvr-grow-shadow:active,

.hvr-grow-shadow:focus,

.hvr-grow-shadow:hover {

  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);

  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}



.hvr-box-shadow-outset {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow;

  -webkit-transition-property: -webkit-box-shadow;

  transition-property: -webkit-box-shadow;

  -o-transition-property: box-shadow;

  transition-property: box-shadow;

  transition-property: box-shadow, -webkit-box-shadow

}



.hvr-box-shadow-outset:active,

.hvr-box-shadow-outset:focus,

.hvr-box-shadow-outset:hover {

  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .6);

  box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)

}



.hvr-box-shadow-inset {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: box-shadow;

  -webkit-transition-property: -webkit-box-shadow;

  transition-property: -webkit-box-shadow;

  -o-transition-property: box-shadow;

  transition-property: box-shadow;

  transition-property: box-shadow, -webkit-box-shadow;

  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-box-shadow-inset:active,

.hvr-box-shadow-inset:focus,

.hvr-box-shadow-inset:hover {

  -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 0, 0, 0)

}



.hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -o-transition-property: transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform

}



.hvr-float-shadow,

.hvr-float-shadow:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);

  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);

  -webkit-transition-property: transform, opacity;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  -o-transition-property: transform, opacity;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform

}



.hvr-float-shadow:active,

.hvr-float-shadow:focus,

.hvr-float-shadow:hover {

  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  transform: translateY(-5px)

}



.hvr-float-shadow:active:before,

.hvr-float-shadow:focus:before,

.hvr-float-shadow:hover:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  -ms-transform: translateY(5px);

  transform: translateY(5px)

}



.hvr-shadow-radial {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative

}



.hvr-shadow-radial:after,

.hvr-shadow-radial:before {

  pointer-events: none;

  position: absolute;

  content: "";

  left: 0;

  width: 100%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  background-repeat: no-repeat;

  height: 5px;

  opacity: 0;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity

}



.hvr-shadow-radial:before {

  bottom: 100%;

  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);

  background: -o-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)

}



.hvr-shadow-radial:after {

  top: 100%;

  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);

  background: -o-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)

}



.hvr-shadow-radial:active:after,

.hvr-shadow-radial:active:before,

.hvr-shadow-radial:focus:after,

.hvr-shadow-radial:focus:before,

.hvr-shadow-radial:hover:after,

.hvr-shadow-radial:hover:before {

  opacity: 1

}



.bubbleText {

  position: relative;

  z-index: 2

}



.bubbleText .bubble {

  position: absolute;

  background: rgba(67, 182, 254, .7);

  -webkit-border-radius: 100%;

  border-radius: 100%;

  pointer-events: none

}



.m-navs {

  display: none

}

img.zaax1{height:450px;object-fit:cover;}

@media only screen and (max-width:800px) and (min-width:250px) {
    
    img.zaax1{height:250px;object-fit:cover;}
    
  .on-menu .main-content {

    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

  }



  .on-menu .m-navs {

    visibility: visible

  }



  .on-menu .m-navs .an-bg,

  .on-menu .m-navs .an-wik {

    visibility: visible;

    opacity: 1

  }



  .on-menu .m-navs .an-wik {

    left: 0

  }



  .m-navs {

    z-index: 1000;

    position: fixed

  }



  .m-navs,

  .m-navs .an-bg {

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    visibility: hidden

  }



  .m-navs .an-bg {

    z-index: 2;

    position: absolute;

    background-color: rgba(0, 0, 0, .7);

    opacity: 0;

    -webkit-transition: all .2s ease .1s;

    -o-transition: all .2s ease .1s;

    transition: all .2s ease .1s

  }



  .m-navs .an-wik {

    width: 90%;

    height: 100%;

    max-width: 320px;

    background-color: #fff;

    position: relative;

    z-index: 10;

    left: -100%;

    border-right: 1px solid #9d9d9d;

    -webkit-box-shadow: hsla(0, 0%, 100%, .4);

    box-shadow: hsla(0, 0%, 100%, .4);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .2s ease .3s;

    -o-transition: all .2s ease .3s;

    transition: all .2s ease .3s

  }



  .m-navs .an-the {

    height: 50px;

    position: relative;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 3%

  }



  .m-navs .an-the-tit {

    font-size: 17px;

    color: #000;

    font-weight: 700

  }



  .m-navs .an-the-close {

    font-size: 30px;

    color: #ff5858

  }



  .m-navs .an-the-close i {

    position: relative;

    top: 10px

  }



  .m-navs .an-soll {

    height: -webkit-calc(100vh - 50px);

    height: calc(100vh - 50px);

    position: relative;

    padding: 10px 12px;

    overflow-x: hidden;

    overflow-y: auto

  }



  .m-navs .an-seek {

    padding: 12px 0 14px

  }



  .m-navs .an-seek .v-shek-sub,

  .m-navs .an-seek input[type=text].form-control {

    font-weight: 300;

    height: 36px

  }



  .m-navs .an-lang {

    position: relative

  }



  .m-navs .an-lang .row {

    margin-left: -7px;

    margin-right: -7px

  }



  .m-navs .an-lang .row>li {

    padding-left: 7px;

    padding-right: 7px

  }



  .m-navs .an-lang .row>li a {

    border: 1px solid #ccc;

    position: relative;

    padding: 7px 6px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    text-align: center;

    font-size: 13px;

    color: #333;

    font-weight: 300;

    display: block;

    margin: 0 0 12px

  }



  .m-navs .an-lang .row>li a.check {

    background-color: #333;

    border: 1px solid #333;

    color: #fff

  }



  .m-navs .an-navs {

    margin: 0 0 10px;

    padding-bottom: 20px

  }



  .m-navs .an-navs,

  .m-navs .an-navs .avs-itme {

    position: relative

  }



  .m-navs .an-navs .avs-in {

    position: relative;

    border-bottom: 1px solid #e4e4e4;

    padding: 5px 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

  }



  .m-navs .an-navs .avs-le {

    padding: 0 0 0 24px;

    position: relative;

    display: none

  }



  .m-navs .an-navs .avs-le:before {

    width: 1px;

    top: 16px;

    bottom: 12px;

    left: 11px;

    display: block;

    background-color: #e4e4e4;

    position: absolute;

    content: ""

  }



  .m-navs .an-navs .avs-inke {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    overflow: hidden;

    padding: 9px 6px;

    font-size: 14px;

    font-weight: 300;

    text-transform: capitalize

  }



  .m-navs .an-navs .avs-inke.on {

    color: #f24848

  }



  .m-navs .an-navs .avs-do {

    width: 40px;

    height: 100%;

    position: relative;

    right: 0;

    text-align: center

  }



  .m-navs .an-navs .avs-do i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    display: block;

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease

  }



  .m-navs .an-navs .avs-do.curr i {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0)

  }



  .m-navs .an-navs .avs-do:before {

    width: 1px;

    height: 24px;

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -12px;

    left: 0;

    background-color: #d1d1d1

  }



  .m-navs .an-navs .avs-do.on>span.avs-do-up {

    opacity: 1;

    visibility: visible;

    top: 0

  }



  .m-navs .an-navs .avs-do.on>span.avs-do-bm {

    opacity: 0;

    visibility: hidden;

    top: -70%

  }

}



.word-move .swiper-slide {

  position: relative

}



.word-move .swiper-slide.swiper-slide-active .cont {

  font-size: 110%

}



.word-move .swiper-slide .cont {

  -webkit-transition: all .5s ease;

  -o-transition: all ease .5s;

  transition: all .5s ease

}



.swiperHorse .swiper-wrapper {

  -webkit-transition-timing-function: linear !important;

  -o-transition-timing-function: linear !important;

  transition-timing-function: linear !important

}



.swiper3d1 .swiper-container {

  width: 100%;

  position: relative

}



.swiper3d1 .swiper-slide {

  width: 55%;

  background: #fff;

  -webkit-box-shadow: 0 8px 30px hsla(0, 0%, 86.7%, .692);

  box-shadow: 0 8px 30px hsla(0, 0%, 86.7%, .692)

}



.swiper3d2 .swiper-slide {

  -webkit-transform: scale(.5);

  -ms-transform: scale(.5);

  transform: scale(.5);

  -webkit-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

  text-align: center

}



.swiper3d2 .swiper-slide-active {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.swiper3d2 .swiper-slide-active p {

  display: block

}



.homeTopSwiper1 .bg {

  -webkit-transform: perspective(1000px) translateZ(100px);

  transform: perspective(1000px) translateZ(100px)

}



.homeTopSwiper1 .bg,

.homeTopSwiper1 .bg img {

  position: relative;

  height: 100%;

  width: 100%;

  -webkit-transition: all 1s ease 2.5s;

  -o-transition: all 1s ease 2.5s;

  transition: all 1s ease 2.5s

}



.homeTopSwiper1 .bg img {

  display: block;

  -webkit-transform: unset;

  -ms-transform: unset;

  transform: unset;

  top: auto;

  left: auto;

  max-width: 100%;

  -webkit-transform: perspective(1000px) translateZ(100px);

  transform: perspective(1000px) translateZ(100px)

}



.homeTopSwiper1 .swiper-slide-active .bg,

.homeTopSwiper1 .swiper-slide-active .bg img {

  -webkit-transition: all 5s ease 0s;

  -o-transition: all 5s ease 0s;

  transition: all 5s ease 0s;

  -webkit-transform: perspective(1000px) translateZ(0);

  transform: perspective(1000px) translateZ(0)

}



.homeTopSwiper3 .swiper-container .leftUp img {

  -webkit-animation-name: leftUp;

  animation-name: leftUp

}



@-webkit-keyframes leftUp {

  0% {

    -webkit-transform: scale(1.1) translate(4.545%, 4.545%);

    transform: scale(1.1) translate(4.545%, 4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translate(-4.545%, -4.545%);

    transform: scale(1.1) translate(-4.545%, -4.545%)

  }

}



@keyframes leftUp {

  0% {

    -webkit-transform: scale(1.1) translate(4.545%, 4.545%);

    transform: scale(1.1) translate(4.545%, 4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translate(-4.545%, -4.545%);

    transform: scale(1.1) translate(-4.545%, -4.545%)

  }

}



.homeTopSwiper3 .swiper-container .moveRight img {

  -webkit-animation-name: moveRight;

  animation-name: moveRight

}



@-webkit-keyframes moveRight {

  0% {

    -webkit-transform: scale(1.1) translate(-4.545%);

    transform: scale(1.1) translate(-4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translate(4.545%);

    transform: scale(1.1) translate(4.545%)

  }

}



@keyframes moveRight {

  0% {

    -webkit-transform: scale(1.1) translate(-4.545%);

    transform: scale(1.1) translate(-4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translate(4.545%);

    transform: scale(1.1) translate(4.545%)

  }

}



.homeTopSwiper3 .swiper-container .moveDown img {

  -webkit-animation-name: moveDown;

  animation-name: moveDown

}


@-webkit-keyframes moveDown {

  0% {

    -webkit-transform: scale(1.1) translateY(-4.545%);

    transform: scale(1.1) translateY(-4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translateY(4.545%);

    transform: scale(1.1) translateY(4.545%)

  }

}



@keyframes moveDown {

  0% {

    -webkit-transform: scale(1.1) translateY(-4.545%);

    transform: scale(1.1) translateY(-4.545%)

  }



  to {

    -webkit-transform: scale(1.1) translateY(4.545%);

    transform: scale(1.1) translateY(4.545%)

  }

}



.homeTopSwiper3 .swiper-container .centerBig img {

  -webkit-animation-name: centerBig;

  animation-name: centerBig

}



@-webkit-keyframes centerBig {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }

}



@keyframes centerBig {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

  }

}



.homeTopSwiper3 .swiper-container .rightDownBig img {

  -webkit-animation-name: rightDownBig;

  animation-name: rightDownBig

}



@-webkit-keyframes rightDownBig {

  to {

    -webkit-transform: scale(1.1) translate(4%, 4%);

    transform: scale(1.1) translate(4%, 4%)

  }

}



@keyframes rightDownBig {

  to {

    -webkit-transform: scale(1.1) translate(4%, 4%);

    transform: scale(1.1) translate(4%, 4%)

  }

}



.homeTopSwiper3 .swiper-container .swiper-slide img {

  -webkit-animation-duration: 2.3s;

  animation-duration: 2.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-fill-mode: forwards;

  animation-fill-mode: forwards

}



.homeTopSwiper3 .swiper-container .swiper-wrapper {

  -webkit-transition: 2.3s cubic-bezier(.68, -.4, .27, 1.34) .2s;

  -o-transition: 2.3s cubic-bezier(.68, -.4, .27, 1.34) .2s;

  transition: 2.3s cubic-bezier(.68, -.4, .27, 1.34) .2s

}



.homeTopSwiper .swiper-pagination-bullet {

  width: 40px;

  height: 6px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  opacity: 1;

  background: #fffae8;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out

}



.homeTopSwiper .swiper-pagination-bullet:hover {

  background: #43b6fe;

  opacity: .8

}



.homeTopSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #43b6fe

}



@media only screen and (max-width:800px) and (min-width:250px) {
    

  .homeTopSwiper .swiper-pagination-bullet {

    width: 18px;

    height: 3px;

    -webkit-border-radius: 1px;

    border-radius: 1px

  }

}



.swiper-pagination-bullet {

  width: 12px;

  height: 12px

}



.swiper-pagination-bullet.swiper-pagination-bullet-active {

  background: #43b6fe

}



.page1 {

  width: 100%;

  height: 100%

}



.page1 a {

  display: block;

  width: 100%;

  height: auto;

  background: none;

  padding: 2% 0;

  font-size: 12px;

  font-weight: 400;

  color: #2c2c2c;

  opacity: 1

}



@media (max-width:1200px) {

  .page1 a {

    font-size: 85.71429%

  }

}



.page1 a:hover {

  color: #43b6fe

}



.page1 a:hover span {

  text-decoration: underline

}



.page1 a i {

  float: right;

  color: #b3b3b3

}



.page1 .swiper-pagination-bullet-active {

  color: #43b6fe

}



.page1 .swiper-pagination-bullet-active span {

  text-decoration: underline

}



.page2 .swiper-pagination {

  text-align: right;

  padding: 0 3%

}



.page2 .swiper-pagination .swiper-pagination-bullet {

  width: 20px;

  height: 20px;

  text-align: center;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  line-height: 20px;

  color: #fff

}



.u-page {

  text-align: right

}



.u-page .page,.yingming-pages {

  padding: 3.3% 0;

  text-align: right;

}



.u-page .page>*,.yingming-pages a,.yingming-pages span {

  display: inline-block;

  line-height: 35px;

  border: 1px solid #d9d9d9;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  font-size: 13px;

  color: #8d8d8d;

  padding: 0 13px;

  margin: 3px 5px;

  -webkit-transition: all .1s ease;

  -o-transition: all .1s ease;

  transition: all .1s ease;

  text-align: center

}



.u-page .page a.curr,

.u-page .page a:hover,

.yingming-pages a:hover,  

.yingming-pages span.ad-this {

  color: #fff;

  background: #43b6fe

}



@media only screen and (max-width:800px) and (min-width:250px) {

  .u-page .page>*,.yingming-pages  {

    line-height: 30px;

    margin: 2px 3px;

    padding: 0 10px

  }

}



#defaultCanvas,

#defaultCanvas0 {

  position: fixed;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%

}



#defaultCanvas0 {

  opacity: .15

}



.showPc {

  display: block !important

}



.showMobile {

  display: none !important

}



@media only screen and (max-width:800px) and (min-width:250px) {

  body .showPc {

    display: none !important

  }



  body .showMobile {

    display: block !important

  }



  body a {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

  }

}



.main {

  width: 1200px

}



.h-header {

  height: 80px;

  padding: 15px 0;

  position: fixed;

  z-index: 98;

  width: 100%;

  background: rgba(0, 0, 0, .533);

  color: #fff

}



.h-header.bgfff {

  background: hsla(0, 0%, 100%, .598);

  color: #3f3f3f;

  -webkit-box-shadow: 0 2px 8px #f0f1f2;

  box-shadow: 0 2px 8px #f0f1f2

}



.h-header section.main {

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center

}



.h-header section.main .horizo {

  display: none

}



.h-header section.main .logo,

.h-header section.main .logo img {

  height: 100%

}



.h-header section.main .form {

  width: 100px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 30px;

  border-bottom: 1px solid #585858

}



.h-header section.main .form button img {

  padding: 5px 0;

  height: 100%

}



.h-header section.main .form input {

  border: none;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  text-align: right

}



.h-header section.main .nav {

  font-size: 16px;

  font-weight: 400;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  margin-left: 90px;

  position: relative

}



@media (max-width:1200px) {

  .h-header section.main .nav {

    font-size: 114.28571%

  }

}



.h-header section.main .nav li {

  position: relative;

  text-align: center;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  position: static

}



.h-header section.main .nav li>a {

  display: inline-block;

  padding: 15px 0

}



.h-header section.main .nav li .transImg {

  position: absolute;

  display: none;

  z-index: 998;

  width: 100%;

  background: hsla(0, 0%, 100%, .9);

  left: 0;

  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);

  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);

  -webkit-border-radius: 3px;

  border-radius: 3px;

  padding: 1% 0

}



.h-header section.main .nav li .transImg dl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 1.5% 2% 0 2%

}



.h-header section.main .nav li .transImg dl .li {

  width: 29.33333%;

  margin-left: 3%;

  margin-right: 3%

}



.h-header section.main .nav li .transImg dl .li:nth-child(3n+1) {

  margin-left: 0

}



.h-header section.main .nav li .transImg dl .li:nth-child(3n+3) {

  margin-right: 0

}



.h-header section.main .nav li .transImg dl dt {

  padding: .5% 0

}



.h-header section.main .nav li .transImg dl dt .bg {

  width: 100%;

  height: 140px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.h-header section.main .nav li .transImg dl dt .bg .mask {

  opacity: 0

}



.h-header section.main .nav li .transImg dl dt .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  width: 100%;

  height: 100%;

  display: block

}



.h-header section.main .nav li .transImg dl dt .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.h-header section.main .nav li .transImg dl dt .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.h-header section.main .nav li .transImg dl dt .bg.curr,

.h-header section.main .nav li .transImg dl dt .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.h-header section.main .nav li .transImg dl dt .bg.curr .bgimg,

.h-header section.main .nav li .transImg dl dt .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.h-header section.main .nav li .transImg dl dt .bg .bgcont,

.h-header section.main .nav li .transImg dl dt .bg .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  opacity: 0

}



.h-header section.main .nav li .transImg dl dt .bg .mask1,

.h-header section.main .nav li .transImg dl dt .bg .mask2 {

  height: 200%;

  width: 200%;

  background: rgba(67, 182, 254, .2);

  -webkit-transition: all .3s ease-in-out .6s;

  -o-transition: all .3s ease-in-out .6s;

  transition: all .3s ease-in-out .6s

}



.h-header section.main .nav li .transImg dl dt .bg .mask1 {

  left: auto;

  right: 0;

  -webkit-transform: rotate(56.5deg) translateX(-180px);

  -ms-transform: rotate(56.5deg) translateX(-180px);

  transform: rotate(56.5deg) translateX(-180px);

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0

}



.h-header section.main .nav li .transImg dl dt .bg .mask2 {

  top: auto;

  bottom: 0;

  -webkit-transform: rotate(56.5deg) translateX(180px);

  -ms-transform: rotate(56.5deg) translateX(180px);

  transform: rotate(56.5deg) translateX(180px);

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%

}



.h-header section.main .nav li .transImg dl dt .bg .bgcont {

  background: rgba(0, 0, 0, .5);

  height: 0;

  width: 100%;

  overflow: hidden;

  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);

  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);

  transform: rotate(-33.5deg) translate(-112px, 166px);

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%;

  -webkit-transition: all .4s ease-in-out .3s;

  -o-transition: all .4s ease-in-out .3s;

  transition: all .4s ease-in-out .3s

}



.h-header section.main .nav li .transImg dl dt .bg.curr .bgcont,

.h-header section.main .nav li .transImg dl dt .bg:hover .bgcont {

  height: 100%;

  width: 100%;

  opacity: .9;

  top: 0;

  -webkit-transform: rotate(0deg) translate(0);

  -ms-transform: rotate(0deg) translate(0);

  transform: rotate(0deg) translate(0)

}



.h-header section.main .nav li .transImg dl dt .bg.curr .mask1,

.h-header section.main .nav li .transImg dl dt .bg:hover .mask1 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

  -webkit-transform: rotate(56.5deg) translateX(1px);

  -ms-transform: rotate(56.5deg) translateX(1px);

  transform: rotate(56.5deg) translateX(1px)

}



.h-header section.main .nav li .transImg dl dt .bg.curr .mask2,

.h-header section.main .nav li .transImg dl dt .bg:hover .mask2 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

  -webkit-transform: rotate(56.5deg) translateX(-1px);

  -ms-transform: rotate(56.5deg) translateX(-1px);

  transform: rotate(56.5deg) translateX(-1px)

}



.h-header section.main .nav li .transImg dl dt .cont {

  color: #43b6fe;

  line-height: 2;

  padding-top: 1.5%

}



.h-header section.main .nav li .transImg dl dt .cont a {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden;

  display: inline-block;

  padding-bottom: 2px;

  position: relative

}



.h-header section.main .nav li .transImg dl dt .cont a:after {

  content: "";

  position: absolute;

  width: 98%;

  height: 2px;

  bottom: 0;

  left: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background-color: #43b6fe;

  -webkit-transform-origin: bottom right;

  -ms-transform-origin: bottom right;

  transform-origin: bottom right;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  -o-transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.h-header section.main .nav li .transImg dl dt .cont a:hover {

  color: #43b6fe

}



.h-header section.main .nav li .transImg dl dt .cont a:hover:after {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: bottom left;

  -ms-transform-origin: bottom left;

  transform-origin: bottom left

}



.h-header section.main .nav li.curr>a,

.h-header section.main .nav li:hover>a {

  color: #43b6fe

}



.f-footer {

  background: #085e94;

  color: #fff

}



.f-footer dl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 2% 0;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start

}



.f-footer dl dt {

  width: 240px

}



.f-footer dl dt img {

  width: 90%

}



.f-footer dl dt .zhenhav {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 3% 0

}



.f-footer dl dt .zhenhav .li {

  width: 49%;

  margin-left: 1%;

  margin-right: 1%

}



.f-footer dl dt .zhenhav .li:nth-child(odd) {

  margin-left: 0

}



.f-footer dl dt .zhenhav .li:nth-child(2n+2) {

  margin-right: 0

}



.f-footer dl dt .zhenhav li {

  padding: 4.5% 0

}



.f-footer dl dt .zhenhav li a {

  display: inline-block;

  padding-bottom: 2px;

  position: relative

}



.f-footer dl dt .zhenhav li a:after {

  content: "";

  position: absolute;

  width: 98%;

  height: 2px;

  bottom: 0;

  left: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background-color: #43b6fe;

  -webkit-transform-origin: bottom right;

  -ms-transform-origin: bottom right;

  transform-origin: bottom right;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  -o-transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.f-footer dl dt .zhenhav li a:hover {

  color: #43b6fe

}



.f-footer dl dt .zhenhav li a:hover:after {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: bottom left;

  -ms-transform-origin: bottom left;

  transform-origin: bottom left

}



.f-footer dl dd {

  width: 410px

}



.f-footer dl dd li {

  padding: 2.5% 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center

}



.f-footer dl dd li img {

  width: 15px

}



.f-footer dl dd li p {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 3%

}



.f-footer dl .ulatingonli {

  width: 350px

}



.f-footer dl .ulatingonli h2 {

  font-size: 16px;

  font-weight: 400

}



@media (max-width:1200px) {

  .f-footer dl .ulatingonli h2 {

    font-size: 114.28571%

  }

}



.f-footer dl .ulatingonli form button,

.f-footer dl .ulatingonli form textarea {

  background: #02426b;

  border: 1px solid #043954

}



.f-footer dl .ulatingonli form button {

  margin-top: 5%;

  display: block;

  width: 100%;

  font-size: 16px;

  font-weight: 400;

  line-height: 40px

}



@media (max-width:1200px) {

  .f-footer dl .ulatingonli form button {

    font-size: 114.28571%

  }

}



.f-footer .neAccord {

  padding: .5% 0;

  text-align: center;

  border-top: 1px solid #055384;

  color: #fff

}



.f-footer .qRcode {

  padding: 3.5% 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  text-align: center

}



.f-footer .qRcode li {

  position: relative;

  cursor: pointer;

  padding: 0 15px

}



.f-footer .qRcode li:hover .code {

  -webkit-transform: translateX(-50%) scale(2);

  -ms-transform: translateX(-50%) scale(2);

  transform: translateX(-50%) scale(2);

  opacity: 1

}



.f-footer .qRcode li .code {

  width: 50px;

  height: 50px;

  opacity: 0;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  top: -100px

}



.f-footer .qRcode li div {

  padding: 0 2%

}



.f-footer .qRcode li div img {

  width: 35px;

  height: 35px;

  -webkit-border-radius: 10px;

  border-radius: 10px

}



.t-ltipleide {

  padding: 3% 0;

  text-align: center

}



.t-ltipleide h2 {

  padding: 1% 0;

  font-size: 36px;

  font-weight: 400;

  color: #777777;
  
  font-weight: bold;

}



@media (max-width:1200px) {

  .t-ltipleide h2 {

    font-size: 342.85714%

  }

}



.t-ltipleide p {

  margin-top: 1%;

  font-size: 16px;

  font-weight: 400;

  color: #777777

}



@media (max-width:1200px) {

  .t-ltipleide p {

    font-size: 128.57143%

  }

}



.m-home .tltip {

  padding: 1% 0

}



.m-home .deosof {

  padding: 4.5% 0;

  margin-bottom: 2%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}



.m-home .deosof .li {

  width: 19%;

  margin-left: 4%;

  margin-right: 4%

}



.m-home .deosof .li:nth-child(4n+1) {

  margin-left: 0

}



.m-home .deosof .li:nth-child(4n+4) {

  margin-right: 0

}



.m-home .deosof li:hover .img img {

  display: none

}



.m-home .deosof li:hover .img img:last-child {

  display: block

}



.m-home .deosof .img {

  width: 180px;

  height: 180px;

  margin: 0 auto

}



.m-home .deosof .img img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home .deosof .img img:last-child {

  display: none

}



.m-home .deosof .cont {

  text-align: center;

  line-height: 2;

  width: 70%;

  margin: 0 auto;

  

}



.m-home .deosof .cont h2 {

  font-size: 22px;

  font-weight: 400;

  margin-top: 22px;

  color: #666666;

}



@media (max-width:1200px) {

  .m-home .deosof .cont h2 {

    font-size: 142.85714%

  }

}



.m-home .deosof .cont .h5 {

  font-size: 14px;

  font-weight: 400;

  color: #757575;

  text-align: left;

}



@media (max-width:1200px) {

  .m-home .deosof .cont p {

    font-size: 114.28571%

  }

}



.m-home .ormationploa .main {

  padding: 2.5% 0;

  background: url(../img/sy22_05.png) bottom no-repeat

}



.m-home .PRdeclin {

  padding: 1% 0

}



.m-home .odingYifang {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding: 4.5% 0;

  margin-top: 4%;

  text-align: center

}



.m-home .odingYifang .li {

  width: 22%;

  margin-left: 2%;

  margin-right: 2%

}



.m-home .odingYifang .li:nth-child(4n+1) {

  margin-left: 0

}



.m-home .odingYifang .li:nth-child(4n+4) {

  margin-right: 0

}



.m-home .odingYifang h2 {

  font-size: 60px;

  font-weight: 700;

  color: #43b6fe;

  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#43b6fe), to(#333));

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(0, 0, 0, 0)

}



@media (max-width:1200px) {

  .m-home .odingYifang h2 {

    font-size: 428.57143%

  }

}



.m-home .odingYifang p {

  font-size: 18px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home .odingYifang p {

    font-size: 128.57143%

  }

}



.m-home .ormationploa {

  background: #f3f3f3

}



.m-home .chengnLon {

  padding: 1% 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}



.m-home .chengnLon .li {

  width: 31.73333%;

  margin-left: 1.2%;

  margin-right: 1.2%

}



.m-home .chengnLon .li:nth-child(3n+1) {

  margin-left: 0

}



.m-home .chengnLon .li:nth-child(3n+3) {

  margin-right: 0

}



.m-home .chengnLon li {

  padding: .5% 0

}



.m-home .chengnLon .bg {

  width: 100%;

  height: 260px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home .chengnLon .bg .mask {

  opacity: 0

}



.m-home .chengnLon .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home .chengnLon .bg .bgimg,

.m-home .chengnLon .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home .chengnLon .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home .chengnLon .bg.curr,

.m-home .chengnLon .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home .chengnLon .bg.curr .bgimg,

.m-home .chengnLon .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home .chengnLon .cont {

  line-height: 2.3;

  font-size: 24px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home .chengnLon .cont {

    font-size: 171.42857%

  }

}



.m-home .nghuaDistr {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 2%

}



.m-home .nghuaDistr .li {

  width: 19.392%;

  margin-left: .38%;

  margin-right: .38%

}



.m-home .nghuaDistr .li:nth-child(5n+1) {

  margin-left: 0

}



.m-home .nghuaDistr .li:nth-child(5n+5) {

  margin-right: 0

}



.m-home .nghuaDistr .li {

  padding: 1% 0

}



.m-home .nghuaDistr .bg {

  width: 100%;

  height: 85px;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover;

  border: 1px solid #f0f0f0

}



.m-home .nghuaDistr .bg .mask {

  opacity: 0

}



.m-home .nghuaDistr .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home .nghuaDistr .bg .bgimg,

.m-home .nghuaDistr .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home .nghuaDistr .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home .nghuaDistr .bg.curr,

.m-home .nghuaDistr .bg:hover {

  -webkit-border-radius: 0;

  border-radius: 0

}



.m-home .nghuaDistr .bg.curr .bgimg,

.m-home .nghuaDistr .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home .heChin {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 2.5% 0

}



.m-home .heChin .hinaCentr {

  width: 500px;

  background: #fff

}



.m-home .heChin .hinaCentr dt {

  position: relative

}



.m-home .heChin .hinaCentr dt .bg {

  width: 100%;

  height: 370px;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home .heChin .hinaCentr dt .bg .mask {

  opacity: 0

}



.m-home .heChin .hinaCentr dt .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  width: 100%;

  height: 100%;

  display: block

}



.m-home .heChin .hinaCentr dt .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home .heChin .hinaCentr dt .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home .heChin .hinaCentr dt .bg.curr,

.m-home .heChin .hinaCentr dt .bg:hover {

  -webkit-border-radius: 0;

  border-radius: 0

}



.m-home .heChin .hinaCentr dt .bg.curr .bgimg,

.m-home .heChin .hinaCentr dt .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home .heChin .hinaCentr dt .btn {

  z-index: 998;

  position: absolute;

  right: 15px;

  bottom: 15px;

  cursor: pointer

}



.m-home .heChin .hinaCentr dd {

  padding: 0 3%;

  height: 330px;

  position: relative

}



.m-home .heChin .hinaCentr dd .time {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  border-bottom: 1px solid #dbdcdd;

  font-size: 16px;

  font-weight: 400;

  color: #989999;

  padding: 2% 0;

  margin-bottom: 2%

}



@media (max-width:1200px) {

  .m-home .heChin .hinaCentr dd .time {

    font-size: 114.28571%

  }

}



.m-home .heChin .hinaCentr dd p {

  color: #717272;

  font-size: 16px;

  font-weight: 400;

  line-height: 2;

  padding: 4.5% 0

}



@media (max-width:1200px) {

  .m-home .heChin .hinaCentr dd p {

    font-size: 114.28571%

  }

}



.m-home .heChin .hinaCentr dd .more {

  display: block;

  text-align: center;

  width: 130px;

  line-height: 37px;

  -webkit-border-radius: 20px;

  border-radius: 20px;

  border: 1px solid #43b6fe;

  color: #43b6fe;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  bottom: 10%

}



.m-home .heChin .sternEuro {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-left: 4%

}



.m-home .heChin .sternEuro .title {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center

}



.m-home .heChin .sternEuro .title h2 {

  font-size: 24px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home .heChin .sternEuro .title h2 {

    font-size: 171.42857%

  }

}



.m-home .heChin .sternEuro .title .line {

  width: 68%;

  height: 1px;

  background: #e3e3e3

}



.m-home .heChin .sternEuro .title .more {

  width: 70px;

  line-height: 28px;

  border: 1px solid #43b6fe;

  color: #43b6fe;

  text-align: center;

  -webkit-border-radius: 15px;

  border-radius: 15px

}



.m-home .heChin .sternEuro .peanCount {

  padding-bottom: 8.2%

}



.m-home .heChin .sternEuro .peanCount li {

  border-bottom: 1px solid #e3e3e3;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 3% 0

}



.m-home .heChin .sternEuro .peanCount li:hover .time h3 {

  background: #43b6fe

}



.m-home .heChin .sternEuro .peanCount li:hover p a {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden;

  color: #43b6fe;

  text-decoration: underline

}



.m-home .heChin .sternEuro .peanCount li .time {

  width: 75px

}



.m-home .heChin .sternEuro .peanCount li .time h2 {

  font-size: 30px;

  font-weight: 400;

  color: #999

}



@media (max-width:1200px) {

  .m-home .heChin .sternEuro .peanCount li .time h2 {

    font-size: 214.28571%

  }

}



.m-home .heChin .sternEuro .peanCount li .time h3 {

  background: #999;

  color: #fff;

  display: inline-block;

  width: 45px;

  line-height: 20px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  text-align: center

}



.m-home .heChin .sternEuro .peanCount li p {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  font-size: 18px;

  font-weight: 400;

  padding-left: 3%

}



@media (max-width:1200px) {

  .m-home .heChin .sternEuro .peanCount li p {

    font-size: 128.57143%

  }

}



.m-home .heChin .sternEuro .upgreate {

  padding-top: 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-size: 250%

}



.m-home .heChin .sternEuro .upgreate .li {

  width: 48.87%;

  margin-left: 1.13%;

  margin-right: 1.13%

}



.m-home .heChin .sternEuro .upgreate .li:nth-child(odd) {

  margin-left: 0

}



.m-home .heChin .sternEuro .upgreate .li:nth-child(2n+2) {

  margin-right: 0

}



.m-home .heChin .sternEuro .upgreate .bg {

  width: 100%;

  height: 220px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home .heChin .sternEuro .upgreate .bg .mask {

  opacity: 0

}



.m-home .heChin .sternEuro .upgreate .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  width: 100%;

  height: 100%;

  display: block

}



.m-home .heChin .sternEuro .upgreate .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home .heChin .sternEuro .upgreate .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home .heChin .sternEuro .upgreate .bg.curr,

.m-home .heChin .sternEuro .upgreate .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home .heChin .sternEuro .upgreate .bg.curr .bgimg,

.m-home .heChin .sternEuro .upgreate .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home .heChin .sternEuro .upgreate .bg .bgcont,

.m-home .heChin .sternEuro .upgreate .bg .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  opacity: 0

}



.m-home .heChin .sternEuro .upgreate .bg .mask1,

.m-home .heChin .sternEuro .upgreate .bg .mask2 {

  height: 200%;

  width: 200%;

  background: rgba(67, 182, 254, .2);

  -webkit-transition: all .3s ease-in-out .6s;

  -o-transition: all .3s ease-in-out .6s;

  transition: all .3s ease-in-out .6s

}



.m-home .heChin .sternEuro .upgreate .bg .mask1 {

  left: auto;

  right: 0;

  -webkit-transform: rotate(56.5deg) translateX(-180px);

  -ms-transform: rotate(56.5deg) translateX(-180px);

  transform: rotate(56.5deg) translateX(-180px);

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0

}



.m-home .heChin .sternEuro .upgreate .bg .mask2 {

  top: auto;

  bottom: 0;

  -webkit-transform: rotate(56.5deg) translateX(180px);

  -ms-transform: rotate(56.5deg) translateX(180px);

  transform: rotate(56.5deg) translateX(180px);

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%

}



.m-home .heChin .sternEuro .upgreate .bg .bgcont {

  background: rgba(0, 0, 0, .5);

  height: 0;

  width: 100%;

  overflow: hidden;

  -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);

  -ms-transform: rotate(-33.5deg) translate(-112px, 166px);

  transform: rotate(-33.5deg) translate(-112px, 166px);

  -webkit-transform-origin: 0 100%;

  -ms-transform-origin: 0 100%;

  transform-origin: 0 100%;

  -webkit-transition: all .4s ease-in-out .3s;

  -o-transition: all .4s ease-in-out .3s;

  transition: all .4s ease-in-out .3s

}



.m-home .heChin .sternEuro .upgreate .bg.curr .bgcont,

.m-home .heChin .sternEuro .upgreate .bg:hover .bgcont {

  height: 100%;

  width: 100%;

  opacity: .9;

  top: 0;

  -webkit-transform: rotate(0deg) translate(0);

  -ms-transform: rotate(0deg) translate(0);

  transform: rotate(0deg) translate(0)

}



.m-home .heChin .sternEuro .upgreate .bg.curr .mask1,

.m-home .heChin .sternEuro .upgreate .bg:hover .mask1 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

  -webkit-transform: rotate(56.5deg) translateX(1px);

  -ms-transform: rotate(56.5deg) translateX(1px);

  transform: rotate(56.5deg) translateX(1px)

}



.m-home .heChin .sternEuro .upgreate .bg.curr .mask2,

.m-home .heChin .sternEuro .upgreate .bg:hover .mask2 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

  -webkit-transform: rotate(56.5deg) translateX(-1px);

  -ms-transform: rotate(56.5deg) translateX(-1px);

  transform: rotate(56.5deg) translateX(-1px)

}



.m-home .reyou {

  padding: 1% 0;

  margin-top: 1%;

  padding-bottom: 2%;

  background: #f6f6f6

}



.n-rdingto {

  font-size: 16px;

  font-weight: 400;

  border-bottom: 1px solid #e1e1e1;

  margin-bottom: 2%

}



@media (max-width:1200px) {

  .n-rdingto {

    font-size: 114.28571%

  }

}



.n-rdingto a {

  line-height: 50px;

  display: inline-block;

  border-bottom: 3px solid rgba(0, 0, 0, 0);

  padding: 0 10px;

  margin: 0 5px;

  position: relative

}



.n-rdingto a.curr,

.n-rdingto a:hover {

  border-color: #43b6fe;

  color: #43b6fe

}



.n-rdingto a.curr:after,

.n-rdingto a:hover:after {

  display: block

}



.n-rdingto a:after {

  display: none;

  /* content: "▲"; */

  position: absolute;

  left: 50%;

  bottom: -22px;

  color: #43b6fe;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%)

}



.m-home1 {

  padding-bottom: 2%

}



.m-home1 .niorFinanc {

  margin: 2% 0

}



.m-home1 .ureddow .li {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 50px;

  border-bottom: 1px dashed #d1d1d1

}



.m-home1 .ureddow .li:hover {

  color: #43b6fe

}



.m-home1 .ureddow .li p {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden

}



.m-home1 .ureddow .li p span {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden

}



.m-home1 .tdoorstai .li {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-bottom: 1px solid #dcdcdc;

  padding: 1.5% 0

}



.m-home1 .tdoorstai .li .bg {

  width: 320px;

  height: 200px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home1 .tdoorstai .li .bg .mask {

  opacity: 0

}



.m-home1 .tdoorstai .li .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home1 .tdoorstai .li .bg .bgimg,

.m-home1 .tdoorstai .li .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .tdoorstai .li .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .tdoorstai .li .bg.curr,

.m-home1 .tdoorstai .li .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .tdoorstai .li .bg.curr .bgimg,

.m-home1 .tdoorstai .li .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .tdoorstai .li .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 3%

}



.m-home1 .tdoorstai .li .cont h2 {

  font-size: 24px;

  font-weight: 400;

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden;

  display: inline-block;

  padding-bottom: 2px;

  position: relative

}



@media (max-width:1200px) {

  .m-home1 .tdoorstai .li .cont h2 {

    font-size: 171.42857%

  }

}



.m-home1 .tdoorstai .li .cont h2:after {

  content: "";

  position: absolute;

  width: 98%;

  height: 2px;

  bottom: 0;

  left: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background-color: #43b6fe;

  -webkit-transform-origin: bottom right;

  -ms-transform-origin: bottom right;

  transform-origin: bottom right;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  -o-transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.m-home1 .tdoorstai .li .cont h2:hover {

  color: #43b6fe

}



.m-home1 .tdoorstai .li .cont h2:hover:after {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: bottom left;

  -ms-transform-origin: bottom left;

  transform-origin: bottom left

}



.m-home1 .tdoorstai .li .cont p {

  color: #838383;

  line-height: 2;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin: 1.5% 0

}



.m-home1 .tdoorstai .li .cont .aterflowe {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  color: #8e8e8e

}



.m-home1 .tdoorstai .li .cont .aterflowe .more {

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  position: relative;

  text-align: center;

  letter-spacing: 2px;

  overflow: hidden;

  color: #fff;

  width: 150px;

  line-height: 40px;

  background: #f3f3f3;

  color: #8e8e8e

}



.m-home1 .tdoorstai .li .cont .aterflowe .more:after {

  position: absolute;

  content: " ";

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#43b6fe));

  background-image: -webkit-linear-gradient(#43b6fe);

  background-image: -o-linear-gradient(#43b6fe);

  background-image: linear-gradient(#43b6fe);

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .tdoorstai .li .cont .aterflowe .more.curr {

  background: #43b6fe;

  color: #fff

}



.m-home1 .tdoorstai .li .cont .aterflowe .more:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0)

}



.m-home1 .tdoorstai .li .cont .aterflowe .more:hover,

.m-home1 .tdoorstai .li .cont .aterflowe .more:hover:after {

  -webkit-box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

  box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)

}



.m-home1 .tdoorstai .li .cont .aterflowe .more:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg)

}



.m-home1 .tdoorstai .li .cont .aterflowe img {

  padding-left: 30px

}



.m-home1 .tdoorstai .li .cont .aterflowe i {

  color: #43b6fe

}



.m-home1 .heFuzh {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}



.m-home1 .heFuzh .li {

  width: 31.69333%;

  margin-left: 1.23%;

  margin-right: 1.23%

}



.m-home1 .heFuzh .li:nth-child(3n+1) {

  margin-left: 0

}



.m-home1 .heFuzh .li:nth-child(3n+3) {

  margin-right: 0

}



.m-home1 .heFuzh li {

  padding: .5% 0

}



.m-home1 .heFuzh .bg {

  width: 100%;

  height: 260px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home1 .heFuzh .bg .mask {

  opacity: 0

}



.m-home1 .heFuzh .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home1 .heFuzh .bg .bgimg,

.m-home1 .heFuzh .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .heFuzh .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .heFuzh .bg.curr,

.m-home1 .heFuzh .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .heFuzh .bg.curr .bgimg,

.m-home1 .heFuzh .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .heFuzh .cont {

  font-size: 18px;

  font-weight: 400;

  padding-top: 2%

}



@media (max-width:1200px) {

  .m-home1 .heFuzh .cont {

    font-size: 128.57143%

  }

}



.m-home1 .heFuzh .cont h2 {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden;

  display: inline-block;

  padding-bottom: 2px;

  position: relative

}



.m-home1 .heFuzh .cont h2:after {

  content: "";

  position: absolute;

  width: 98%;

  height: 2px;

  bottom: 0;

  left: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background-color: #43b6fe;

  -webkit-transform-origin: bottom right;

  -ms-transform-origin: bottom right;

  transform-origin: bottom right;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  -o-transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.m-home1 .heFuzh .cont h2:hover {

  color: #43b6fe

}



.m-home1 .heFuzh .cont h2:hover:after {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: bottom left;

  -ms-transform-origin: bottom left;

  transform-origin: bottom left

}



.m-home1 .ofIndus {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start

}



.m-home1 .ofIndus .bg {

  width: 48%;

  height: 390px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home1 .ofIndus .bg .mask {

  opacity: 0

}



.m-home1 .ofIndus .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home1 .ofIndus .bg .bgimg,

.m-home1 .ofIndus .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .ofIndus .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .ofIndus .bg.curr,

.m-home1 .ofIndus .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .ofIndus .bg.curr .bgimg,

.m-home1 .ofIndus .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .ofIndus .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 4.5%

}



.m-home1 .ofIndus .cont h2,

.m-home1 .ofIndus .cont h1 {

  font-size: 24px;

  font-weight: 400;

  border-bottom: 1px solid #d3d3d3;

  padding-bottom: 3%

}



@media (max-width:1200px) {

  .m-home1 .ofIndus .cont h2,

  .m-home1 .ofIndus .cont h1 {

    font-size: 171.42857%

  }

}



.m-home1 .ofIndus .cont h2 a,

.m-home1 .ofIndus .cont h1 a {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden;

  line-height: 2

}



.m-home1 .ofIndus .cont ul,

.m-home1 .ofIndus .cont .ul {

  padding: 2.5% 0;

  padding-top:4%;

  color:#666666;line-height: 1.8;

}



.m-home1 .ofIndus .cont li {

  padding: 1.5% 0;

  color: #666666

}



.m-home1 .ofIndus .cont li b {

  color: #646464

}



.m-home1 .rialBan {

  border-bottom: 1px solid #e4e4e4;

  margin: 2.5% 0

}



.m-home1 .rialBan a {

  font-size: 18px;

  font-weight: 400;

  padding: 0 25px;

  display: inline-block;

  line-height: 42px;

  background: #43b6fe;

  color: #fff

}



@media (max-width:1200px) {

  .m-home1 .rialBan a {

    font-size: 128.57143%

  }

}



.m-home1 .inahas {

  line-height: 1.8

}



.m-home1 .inahas h2 {

  font-size: 24px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .inahas h2 {

    font-size: 171.42857%

  }

}



.m-home1 .inahas {

  padding: .35% 0;

  font-size: 16px;

  font-weight: 400;

  color: #717171

}

.m-home1 .inahas img{max-width: 100%;height: auto;}



@media (max-width:1200px) {

  .m-home1 .inahas  {

    font-size: 114.28571%

  }

}



.m-home1 .inahas h3 {

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .inahas h3 {

    font-size: 142.85714%

  }

}



.m-home1 .suedan {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}



.m-home1 .suedan .li {

  width: 31.68%;

  margin-left: 1.24%;

  margin-right: 1.24%

}



.m-home1 .suedan .li:nth-child(3n+1) {

  margin-left: 0

}



.m-home1 .suedan .li:nth-child(3n+3) {

  margin-right: 0

}



.m-home1 .suedan li {

  padding: .5% 0

}



.m-home1 .suedan .bg {

  width: 100%;

  height: 260px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background: url(../img/aImg.jpg) 50% no-repeat;

  background-size: cover

}



.m-home1 .suedan .bg .mask {

  opacity: 0

}



.m-home1 .suedan .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



.m-home1 .suedan .bg .bgimg,

.m-home1 .suedan .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .suedan .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .suedan .bg.curr,

.m-home1 .suedan .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .suedan .bg.curr .bgimg,

.m-home1 .suedan .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .suedan .cont {

  font-size: 24px;

  font-weight: 400;

  padding: 1% 0

}



@media (max-width:1200px) {

  .m-home1 .suedan .cont {

    font-size: 171.42857%

  }

}



.m-home1 .suedan .cont h2 {

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden

}



.m-home1 .suedan .cont h2 a {

  display: inline-block;

  padding-bottom: 2px;

  position: relative

}



.m-home1 .suedan .cont h2 a:after {

  content: "";

  position: absolute;

  width: 98%;

  height: 2px;

  bottom: 0;

  left: 0;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  background-color: #43b6fe;

  -webkit-transform-origin: bottom right;

  -ms-transform-origin: bottom right;

  transform-origin: bottom right;

  -webkit-transition: -webkit-transform .3s ease-in-out;

  transition: -webkit-transform .3s ease-in-out;

  -o-transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out;

  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out

}



.m-home1 .suedan .cont h2 a:hover {

  color: #43b6fe

}



.m-home1 .suedan .cont h2 a:hover:after {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: bottom left;

  -ms-transform-origin: bottom left;

  transform-origin: bottom left

}



.m-home1 .noraryrtifica {

  line-height: 2

}



.m-home1 .noraryrtifica h2 {

  font-size: 30px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .noraryrtifica h2 {

    font-size: 214.28571%

  }

}



.m-home1 .noraryrtifica .SINCE {

  font-size: 18px;

  font-weight: 400;

  color: #43b6fe

}



@media (max-width:1200px) {

  .m-home1 .noraryrtifica .SINCE {

    font-size: 128.57143%

  }

}



.m-home1 .noraryrtifica {

  color: #666666;

  line-height: 1.8;

  font-size:14px;

}



.m-home1 .noraryrtifica img{max-width: 100%;height: auto;}



.m-home1 .cialKnowl {

  padding-bottom: 2%

}



.m-home1 .cialKnowl h2 {

  line-height: 2;

  font-size: 28px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home1 .cialKnowl h2 {

    font-size: 142.85714%

  }

}



.m-home1 .cialKnowl .line {

  width: 70px;

  height: 5px;

  background: #43b6fe

}



.m-home1 .xcellentSe {

  padding: 1% 0;

  line-height: 2

}



.m-home1 .xcellentSe img {

  width: 20px

}



.m-home1 .xcellentSe li {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: .5% 0;

  font-size: 16px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .xcellentSe li {

    font-size: 114.28571%

  }

}



.m-home1 .xcellentSe li div {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 1%

}



.m-home1 .ationOffic {

  width: 810px;

  line-height: 2

}



.m-home1 .ationOffic li {

  padding: 1% 0

}



.m-home1 .ationOffic li p {

  padding-bottom: .3%

}



.m-home1 .ationOffic li p i {

  color: #f45252

}



.m-home1 .ationOffic input,

.m-home1 .ationOffic textarea {

  display: block;

  width: 100%;

  border: 1px solid #d8d8d8

}



.m-home1 .ationOffic input {

  height: 50px

}



.m-home1 .ationOffic .code {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start

}



.m-home1 .ationOffic .code input {

  width: 180px

}



.m-home1 .ationOffic .code img {

  height: 50px;

  margin: 0 2%

}



.m-home1 .ationOffic .btn {

  padding-top: 3.5%

}



.m-home1 .ationOffic .btn button {

  background: #999;

  font-size: 18px;

  font-weight: 400;

  width: 160px;

  line-height: 48px;

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  position: relative;

  text-align: center;

  letter-spacing: 2px;

  overflow: hidden;

  color: #fff;

  margin-right: 3%

}



@media (max-width:1200px) {

  .m-home1 .ationOffic .btn button {

    font-size: 128.57143%

  }

}



.m-home1 .ationOffic .btn button:after {

  position: absolute;

  content: " ";

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#999));

  background-image: -webkit-linear-gradient(#999);

  background-image: -o-linear-gradient(#999);

  background-image: linear-gradient(#999);

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .ationOffic .btn button.curr {

  background: #43b6fe;

  color: #fff

}



.m-home1 .ationOffic .btn button:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0)

}



.m-home1 .ationOffic .btn button:hover,

.m-home1 .ationOffic .btn button:hover:after {

  -webkit-box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

  box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)

}



.m-home1 .ationOffic .btn button:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg)

}



.m-home1 .ationOffic .btn button:last-child {

  background: #43b6fe;

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

  position: relative;

  text-align: center;

  letter-spacing: 2px;

  overflow: hidden;

  color: #fff

}



.m-home1 .ationOffic .btn button:last-child:after {

  position: absolute;

  content: " ";

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#43b6fe));

  background-image: -webkit-linear-gradient(#43b6fe);

  background-image: -o-linear-gradient(#43b6fe);

  background-image: linear-gradient(#43b6fe);

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .ationOffic .btn button:last-child.curr {

  background: #43b6fe;

  color: #fff

}



.m-home1 .ationOffic .btn button:last-child:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0);

  -webkit-box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

  box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)

}



.m-home1 .ationOffic .btn button:last-child:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg);

  -webkit-box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);

  box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3)

}



.m-home1 .essingrecog {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap

}



.m-home1 .essingrecog .li {

  width: 30.86667%;

  margin-left: 1.85%;

  margin-right: 1.85%

}



.m-home1 .essingrecog .li:nth-child(3n+1) {

  margin-left: 0

}



.m-home1 .essingrecog .li:nth-child(3n+3) {

  margin-right: 0

}



.m-home1 .essingrecog li {

  padding: .5% 0

}



.m-home1 .essingrecog .bg {

  width: 100%;

  height: 238px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  /* background: url(../img/aImg.jpg) 50% no-repeat; */

  background-size: cover;
  display: flex;
  align-items:center;

}



.m-home1 .essingrecog .bg .mask {

  opacity: 0

}



.m-home1 .essingrecog .bg .bgimg {

  -webkit-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out

}



/* .m-home1 .essingrecog .bg .bgimg,

.m-home1 .essingrecog .bg .bgimg img {

  width: 100%;

  height: 100%;

  display: block

} */



.m-home1 .essingrecog .bg .bgcont {

  opacity: 0;

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .essingrecog .bg.curr,

.m-home1 .essingrecog .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .essingrecog .bg.curr .bgimg,

.m-home1 .essingrecog .bg:hover .bgimg {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .essingrecog .cont {

  font-size: 18px;

  font-weight: 400;

  line-height: 2;

  padding-top: 1%

}



@media (max-width:1200px) {

  .m-home1 .essingrecog .cont {

    font-size: 128.57143%

  }

}



@media only screen and (max-width:1200px) and (min-width:800px) {

  body {

    font-size: 12px

  }



  body .main {

    width: 97%

  }



  body .h-header section.main .nav {

    margin: 0 5px

  }



  body .h-header section.main .nav li .transImg dl dt .bg {

    height: 110px

  }

}



@media only screen and (max-width:800px) and (min-width:500px) {

  body {

    font-size: 12px

  }

}



@media only screen and (max-width:500px) and (min-width:250px) {

  body {

    font-size: 3.2vw

  }

}



@media only screen and (max-width:800px) and (min-width:250px) {

  body {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

  }



  body .main {

    width: 97%

  }



  body .h-header {

    height: 60px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

  }



  body .h-header section.main .horizo {

    display: block

  }



  body .h-header section.main .horizo a i {

    display: block;

    position: relative;

    width: 30px;

    height: 3px;

    margin: 5px 0;

    background-color: #43b6fe;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: all .4s ease;

    -o-transition: all ease .4s;

    transition: all .4s ease

  }



  body .h-header section.main .horizo a.curr i:nth-of-type(3) {

    -webkit-transform: translateY(-9px) rotate(45deg);

    -ms-transform: translateY(-9px) rotate(45deg);

    transform: translateY(-9px) rotate(45deg);

    margin-bottom: 0

  }



  body .h-header section.main .horizo a.curr i:first-of-type {

    -webkit-transform: translateY(6px) rotate(-45deg);

    -ms-transform: translateY(6px) rotate(-45deg);

    transform: translateY(6px) rotate(-45deg);

    margin-top: 0

  }



  body .h-header section.main .horizo a.curr i:nth-of-type(2) {

    opacity: 0

  }



  body .h-header section.main .logo,

  body .h-header section.main .logo img {

    height: 100%

  }



  body .h-header section.main .nav {

    padding-left: 0;

    z-index: 2000;

    position: absolute;

    left: 0;

    width: 100%;

    background: #fff;

    text-align: center;

    top: 60px;

    display: none;

    padding: 0;

    font-size: 100%

  }



  body .h-header section.main .nav li {

    padding: 3% 0;

    display: block;

    text-align: left;

    padding-left: 15px;

    border-bottom: 1px solid hsla(0, 0%, 40%, .216)

  }



  body .h-header section.main .nav li>a {

    font-size: 120%;

    padding: 0

  }



  body .h-header section.main .nav li .vertical {

    display: block;

    position: static;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-align: left;

    padding-left: 30px

  }



  body .m-home .t-ltipleide {

    font-size: 70%

  }



  body .m-home .deosof {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home .deosof .li {

    width: 48%;

    margin-left: 2%;

    margin-right: 2%

  }



  body .m-home .deosof .li:nth-child(4n+1) {

    margin-left: 2%

  }



  body .m-home .deosof .li:nth-child(4n+4) {

    margin-right: 2%

  }



  body .m-home .deosof .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home .deosof .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home .deosof li {

    padding: 1% 0

  }



  body .m-home .deosof .img {

    width: 120px;

    height: 120px

  }



  body .m-home .odingYifang {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home .odingYifang .li {

    width: 48%;

    margin-left: 2%;

    margin-right: 2%

  }



  body .m-home .odingYifang .li:nth-child(4n+1) {

    margin-left: 2%

  }



  body .m-home .odingYifang .li:nth-child(4n+4) {

    margin-right: 2%

  }



  body .m-home .odingYifang .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home .odingYifang .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home .odingYifang li {

    padding: 1% 0

  }



  body .m-home .chengnLon {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home .chengnLon .li {

    width: 48.8%;

    margin-left: 1.2%;

    margin-right: 1.2%

  }



  body .m-home .chengnLon .li:nth-child(3n+1) {

    margin-left: 1.2%

  }



  body .m-home .chengnLon .li:nth-child(3n+3) {

    margin-right: 1.2%

  }



  body .m-home .chengnLon .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home .chengnLon .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home .chengnLon .bg {

    height: 34vw

  }



  body .m-home .reyou {

    display: none

  }



  body .m-home .nghuaDistr {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home .nghuaDistr .li {

    width: 32.82667%;

    margin-left: .38%;

    margin-right: .38%

  }



  body .m-home .nghuaDistr .li:nth-child(5n+1) {

    margin-left: .38%

  }



  body .m-home .nghuaDistr .li:nth-child(5n+5) {

    margin-right: .38%

  }



  body .m-home .nghuaDistr .li:nth-child(3n+1) {

    margin-left: 0

  }



  body .m-home .nghuaDistr .li:nth-child(3n+3) {

    margin-right: 0

  }



  body .m-home .nghuaDistr .bg {

    height: 45px

  }



  body .f-footer dl {

    display: none

  }



  body .f-footer .neAccord {

    padding: 2.5% 2%

  }



  body .n-rdingto ul {

    overflow-x: auto

  }



  body .m-home1 .ureddow .li {

    height: 45px

  }



  body .m-home1 .tdoorstai .li {

    display: block

  }



  body .m-home1 .tdoorstai .li .bg,

  body .m-home1 .tdoorstai .li .cont .aterflowe {

    display: none

  }



  body .m-home1 .heFuzh {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home1 .heFuzh .li {

    width: 48.77%;

    margin-left: 1.23%;

    margin-right: 1.23%

  }



  body .m-home1 .heFuzh .li:nth-child(3n+1) {

    margin-left: 1.23%

  }



  body .m-home1 .heFuzh .li:nth-child(3n+3) {

    margin-right: 1.23%

  }



  body .m-home1 .heFuzh .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home1 .heFuzh .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home1 .heFuzh .bg {

    height: 33vw

  }



  body .m-home1 .ofIndus {

    display: block

  }



  body .m-home1 .ofIndus .bg {

    width: 100%;

    height: auto

  }



  body .m-home1 .ofIndus .cont {

    padding: 1% 0

  }



  body .m-home1 .suedan {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home1 .suedan .li {

    width: 48.76%;

    margin-left: 1.24%;

    margin-right: 1.24%

  }



  body .m-home1 .suedan .li:nth-child(3n+1) {

    margin-left: 1.24%

  }



  body .m-home1 .suedan .li:nth-child(3n+3) {

    margin-right: 1.24%

  }



  body .m-home1 .suedan .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home1 .suedan .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home1 .suedan .bg {

    height: 35vw

  }



  body .m-home1 .ationOffic {

    width: 100%

  }



  body .m-home1 .essingrecog {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

  }



  body .m-home1 .essingrecog .li {

    width: 48.15%;

    margin-left: 1.85%;

    margin-right: 1.85%

  }



  body .m-home1 .essingrecog .li:nth-child(3n+1) {

    margin-left: 1.85%

  }



  body .m-home1 .essingrecog .li:nth-child(3n+3) {

    margin-right: 1.85%

  }



  body .m-home1 .essingrecog .li:nth-child(odd) {

    margin-left: 0

  }



  body .m-home1 .essingrecog .li:nth-child(2n+2) {

    margin-right: 0

  }



  body .m-home1 .essingrecog .bg {

    height: 33vw

  }

}
.contact{justify-content: space-between;}
.contact .xcellentSe{width: 45%;}
.contact .map{width: 52%;}
.m-home .ormationploa .p0{text-align: left;    text-indent: 2em;text-align: justify;}
.m-home .deosof{padding-top: 0px;}