* {

  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 .2s ease-in-out;

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

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

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

}



a:hover,

button:hover {#0d1a26.f

  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;

  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 {

  border: 0;

  -o-object-fit: cover;

  object-fit: cover

}



.homeTopSwiper img,

.width100,

.width100 img {

  width: 100%;

  display: block

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: 400

}



textarea {

  resize: none;

  padding: 5px 6px;

  height: 180px;

  width: 100px;

  -webkit-border-radius: 5px;

  border-radius: 5px

}



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 6px

}



input[placeholder] {

  padding: 0 6px;

  width: 50px;

  -webkit-border-radius: 5px;

  border-radius: 5px

}



.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)

}



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

  overflow: hidden;

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: color, background-color;

  -o-transition-property: color, background-color;

  transition-property: color, background-color

}



.hvr-fade:active,

.hvr-fade:focus,

.hvr-fade:hover {

  background-color: #234295;

  color: #fff

}



@-webkit-keyframes hvr-back-pulse {

  50% {

    background-color: rgba(32, 152, 209, .75)

  }

}



@keyframes hvr-back-pulse {

  50% {

    background-color: rgba(32, 152, 209, .75)

  }

}



.hvr-back-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);

  overflow: hidden;

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

  -webkit-transition-property: color, background-color;

  -o-transition-property: color, background-color;

  transition-property: color, background-color

}



.hvr-back-pulse:active,

.hvr-back-pulse:focus,

.hvr-back-pulse:hover {

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

  animation-name: hvr-back-pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-delay: .5s;

  animation-delay: .5s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  background-color: #234295;

  background-color: #2098d1;

  color: #fff

}



.hvr-sweep-to-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;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-sweep-to-right,

.hvr-sweep-to-right:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-sweep-to-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  -ms-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -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-sweep-to-right:active,

.hvr-sweep-to-right:focus,

.hvr-sweep-to-right:hover {

  color: #fff

}



.hvr-sweep-to-right:active:before,

.hvr-sweep-to-right:focus:before,

.hvr-sweep-to-right:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1)

}



.hvr-sweep-to-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;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-sweep-to-left,

.hvr-sweep-to-left:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-sweep-to-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -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-sweep-to-left:active,

.hvr-sweep-to-left:focus,

.hvr-sweep-to-left:hover {

  color: #fff

}



.hvr-sweep-to-left:active:before,

.hvr-sweep-to-left:focus:before,

.hvr-sweep-to-left:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1)

}



.hvr-sweep-to-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);

  position: relative;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-sweep-to-bottom,

.hvr-sweep-to-bottom:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-sweep-to-bottom:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -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-sweep-to-bottom:active,

.hvr-sweep-to-bottom:focus,

.hvr-sweep-to-bottom:hover {

  color: #fff

}



.hvr-sweep-to-bottom:active:before,

.hvr-sweep-to-bottom:focus:before,

.hvr-sweep-to-bottom:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1)

}



.hvr-sweep-to-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);

  position: relative;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-sweep-to-top,

.hvr-sweep-to-top:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-sweep-to-top:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 100%;

  -ms-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -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-sweep-to-top:active,

.hvr-sweep-to-top:focus,

.hvr-sweep-to-top:hover {

  color: #fff

}



.hvr-sweep-to-top:active:before,

.hvr-sweep-to-top:focus:before,

.hvr-sweep-to-top:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1)

}



.hvr-bounce-to-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;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-bounce-to-right,

.hvr-bounce-to-right:before {

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-to-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  -ms-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -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-bounce-to-right:active,

.hvr-bounce-to-right:focus,

.hvr-bounce-to-right:hover {

  color: #fff

}



.hvr-bounce-to-right:active:before,

.hvr-bounce-to-right:focus:before,

.hvr-bounce-to-right:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  -o-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-bounce-to-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;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-bounce-to-left,

.hvr-bounce-to-left:before {

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-to-left:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  -ms-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -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-bounce-to-left:active,

.hvr-bounce-to-left:focus,

.hvr-bounce-to-left:hover {

  color: #fff

}



.hvr-bounce-to-left:active:before,

.hvr-bounce-to-left:focus:before,

.hvr-bounce-to-left:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  -o-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-bounce-to-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);

  position: relative;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-bounce-to-bottom,

.hvr-bounce-to-bottom:before {

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-to-bottom:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -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-bounce-to-bottom:active,

.hvr-bounce-to-bottom:focus,

.hvr-bounce-to-bottom:hover {

  color: #fff

}



.hvr-bounce-to-bottom:active:before,

.hvr-bounce-to-bottom:focus:before,

.hvr-bounce-to-bottom:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  -o-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-bounce-to-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);

  position: relative;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-bounce-to-top,

.hvr-bounce-to-top:before {

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s

}



.hvr-bounce-to-top:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 100%;

  -ms-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -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-bounce-to-top:active,

.hvr-bounce-to-top:focus,

.hvr-bounce-to-top:hover {

  color: #fff

}



.hvr-bounce-to-top:active:before,

.hvr-bounce-to-top:focus:before,

.hvr-bounce-to-top:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  -o-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

  transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-radial-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;

  overflow: hidden;

  background: #e1e1e1;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-radial-out,

.hvr-radial-out:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-radial-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -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-radial-out:active,

.hvr-radial-out:focus,

.hvr-radial-out:hover {

  color: #fff

}



.hvr-radial-out:active:before,

.hvr-radial-out:focus:before,

.hvr-radial-out:hover:before {

  -webkit-transform: scale(2);

  -ms-transform: scale(2);

  transform: scale(2)

}



.hvr-radial-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;

  overflow: hidden;

  background: #234295;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-radial-in,

.hvr-radial-in:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-radial-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #e1e1e1;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-transform: scale(2);

  -ms-transform: scale(2);

  transform: scale(2);

  -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-radial-in:active,

.hvr-radial-in:focus,

.hvr-radial-in:hover {

  color: #fff

}



.hvr-radial-in:active:before,

.hvr-radial-in:focus:before,

.hvr-radial-in:hover:before {

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0)

}



.hvr-rectangle-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;

  background: #234295;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-rectangle-in,

.hvr-rectangle-in:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-rectangle-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #e1e1e1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -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-rectangle-in:active,

.hvr-rectangle-in:focus,

.hvr-rectangle-in:hover {

  color: #fff

}



.hvr-rectangle-in:active:before,

.hvr-rectangle-in:focus:before,

.hvr-rectangle-in:hover:before {

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0)

}



.hvr-rectangle-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;

  background: #e1e1e1;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-rectangle-out,

.hvr-rectangle-out:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-rectangle-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #234295;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -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-rectangle-out:active,

.hvr-rectangle-out:focus,

.hvr-rectangle-out:hover {

  color: #fff

}



.hvr-rectangle-out:active:before,

.hvr-rectangle-out:focus:before,

.hvr-rectangle-out:hover:before {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1)

}



.hvr-shutter-in-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);

  position: relative;

  background: #234295;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-shutter-in-horizontal,

.hvr-shutter-in-horizontal:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-shutter-in-horizontal:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #e1e1e1;

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

  transform-origin: 50%;

  -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-shutter-in-horizontal:active,

.hvr-shutter-in-horizontal:focus,

.hvr-shutter-in-horizontal:hover {

  color: #fff

}



.hvr-shutter-in-horizontal:active:before,

.hvr-shutter-in-horizontal:focus:before,

.hvr-shutter-in-horizontal:hover:before {

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0)

}



.hvr-shutter-out-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);

  position: relative;

  background: #e1e1e1;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-shutter-out-horizontal,

.hvr-shutter-out-horizontal:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-shutter-out-horizontal:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #234295;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

  transform-origin: 50%;

  -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-shutter-out-horizontal:active,

.hvr-shutter-out-horizontal:focus,

.hvr-shutter-out-horizontal:hover {

  color: #fff

}



.hvr-shutter-out-horizontal:active:before,

.hvr-shutter-out-horizontal:focus:before,

.hvr-shutter-out-horizontal:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1)

}



.hvr-shutter-in-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);

  position: relative;

  background: #234295;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-shutter-in-vertical,

.hvr-shutter-in-vertical:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-shutter-in-vertical:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #e1e1e1;

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

  transform-origin: 50%;

  -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-shutter-in-vertical:active,

.hvr-shutter-in-vertical:focus,

.hvr-shutter-in-vertical:hover {

  color: #fff

}



.hvr-shutter-in-vertical:active:before,

.hvr-shutter-in-vertical:focus:before,

.hvr-shutter-in-vertical:hover:before {

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0)

}



.hvr-shutter-out-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);

  position: relative;

  background: #e1e1e1;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color

}



.hvr-shutter-out-vertical,

.hvr-shutter-out-vertical:before {

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s

}



.hvr-shutter-out-vertical:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #234295;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

  transform-origin: 50%;

  -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-shutter-out-vertical:active,

.hvr-shutter-out-vertical:focus,

.hvr-shutter-out-vertical:hover {

  color: #fff

}



.hvr-shutter-out-vertical:active:before,

.hvr-shutter-out-vertical:focus:before,

.hvr-shutter-out-vertical:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  transform: scaleY(1)

}



.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 #234295, 0 0 1px rgba(0, 0, 0, 0);

  box-shadow: inset 0 0 0 4px #234295, 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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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: #234295;

  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

}



.hvr-bubble-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);

  position: relative

}



.hvr-bubble-top:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  border-style: solid;

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

  left: -webkit-calc(50% - 10px);

  left: calc(50% - 10px);

  top: 0;

  border-width: 0 10px 10px 10px;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0)

}



.hvr-bubble-top:active:before,

.hvr-bubble-top:focus:before,

.hvr-bubble-top:hover:before {

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

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

  transform: translateY(-10px)

}



.hvr-bubble-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

}



.hvr-bubble-right:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  border-style: solid;

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

  top: -webkit-calc(50% - 10px);

  top: calc(50% - 10px);

  right: 0;

  border-width: 10px 0 10px 10px;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1

}



.hvr-bubble-right:active:before,

.hvr-bubble-right:focus:before,

.hvr-bubble-right:hover:before {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px)

}



.hvr-bubble-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);

  position: relative

}



.hvr-bubble-bottom:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  border-style: solid;

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

  left: -webkit-calc(50% - 10px);

  left: calc(50% - 10px);

  bottom: 0;

  border-width: 10px 10px 0 10px;

  border-color: #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)

}



.hvr-bubble-bottom:active:before,

.hvr-bubble-bottom:focus:before,

.hvr-bubble-bottom:hover:before {

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px)

}



.hvr-bubble-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

}



.hvr-bubble-left:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  border-style: solid;

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

  top: -webkit-calc(50% - 10px);

  top: calc(50% - 10px);

  left: 0;

  border-width: 10px 10px 10px 0;

  border-color: rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)

}



.hvr-bubble-left:active:before,

.hvr-bubble-left:focus:before,

.hvr-bubble-left:hover:before {

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

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

  transform: translateX(-10px)

}



.hvr-bubble-float-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);

  position: relative

}



.hvr-bubble-float-top,

.hvr-bubble-float-top:before {

  -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-bubble-float-top:before {

  position: absolute;

  z-index: -1;

  content: "";

  left: -webkit-calc(50% - 10px);

  left: calc(50% - 10px);

  top: 0;

  border-style: solid;

  border-width: 0 10px 10px 10px;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0)

}



.hvr-bubble-float-top:active,

.hvr-bubble-float-top:focus,

.hvr-bubble-float-top:hover {

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px)

}



.hvr-bubble-float-top:active:before,

.hvr-bubble-float-top:focus:before,

.hvr-bubble-float-top:hover:before {

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

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

  transform: translateY(-10px)

}



.hvr-bubble-float-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

}



.hvr-bubble-float-right,

.hvr-bubble-float-right:before {

  -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-bubble-float-right:before {

  position: absolute;

  z-index: -1;

  top: -webkit-calc(50% - 10px);

  top: calc(50% - 10px);

  right: 0;

  content: "";

  border-style: solid;

  border-width: 10px 0 10px 10px;

  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e1e1e1

}



.hvr-bubble-float-right:active,

.hvr-bubble-float-right:focus,

.hvr-bubble-float-right:hover {

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

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

  transform: translateX(-10px)

}



.hvr-bubble-float-right:active:before,

.hvr-bubble-float-right:focus:before,

.hvr-bubble-float-right:hover:before {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px)

}



.hvr-bubble-float-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);

  position: relative

}



.hvr-bubble-float-bottom,

.hvr-bubble-float-bottom:before {

  -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-bubble-float-bottom:before {

  position: absolute;

  z-index: -1;

  content: "";

  left: -webkit-calc(50% - 10px);

  left: calc(50% - 10px);

  bottom: 0;

  border-style: solid;

  border-width: 10px 10px 0 10px;

  border-color: #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)

}



.hvr-bubble-float-bottom:active,

.hvr-bubble-float-bottom:focus,

.hvr-bubble-float-bottom:hover {

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

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

  transform: translateY(-10px)

}



.hvr-bubble-float-bottom:active:before,

.hvr-bubble-float-bottom:focus:before,

.hvr-bubble-float-bottom:hover:before {

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px)

}



.hvr-bubble-float-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

}



.hvr-bubble-float-left,

.hvr-bubble-float-left:before {

  -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-bubble-float-left:before {

  position: absolute;

  z-index: -1;

  content: "";

  top: -webkit-calc(50% - 10px);

  top: calc(50% - 10px);

  left: 0;

  border-style: solid;

  border-width: 10px 10px 10px 0;

  border-color: rgba(0, 0, 0, 0) #e1e1e1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)

}



.hvr-bubble-float-left:active,

.hvr-bubble-float-left:focus,

.hvr-bubble-float-left:hover {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px)

}



.hvr-bubble-float-left:active:before,

.hvr-bubble-float-left:focus:before,

.hvr-bubble-float-left:hover:before {

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

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

  transform: translateX(-10px)

}



.hvr-curl-top-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

}



.hvr-curl-top-left:before {

  pointer-events: none;

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  top: 0;

  left: 0;

  background: #fff;

  background: -webkit-linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: -o-linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");

  z-index: 1000;

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

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

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: width, height;

  -o-transition-property: width, height;

  transition-property: width, height

}



.hvr-curl-top-left:active:before,

.hvr-curl-top-left:focus:before,

.hvr-curl-top-left:hover:before {

  width: 25px;

  height: 25px

}



.hvr-curl-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);

  position: relative

}



.hvr-curl-top-right:before {

  pointer-events: none;

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  top: 0;

  right: 0;

  background: #fff;

  background: -webkit-linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: -o-linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

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

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

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: width, height;

  -o-transition-property: width, height;

  transition-property: width, height

}



.hvr-curl-top-right:active:before,

.hvr-curl-top-right:focus:before,

.hvr-curl-top-right:hover:before {

  width: 25px;

  height: 25px

}



.hvr-curl-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);

  position: relative

}



.hvr-curl-bottom-right:before {

  pointer-events: none;

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  bottom: 0;

  right: 0;

  background: #fff;

  background: -webkit-linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: -o-linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

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

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

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: width, height;

  -o-transition-property: width, height;

  transition-property: width, height

}



.hvr-curl-bottom-right:active:before,

.hvr-curl-bottom-right:focus:before,

.hvr-curl-bottom-right:hover:before {

  width: 25px;

  height: 25px

}



.hvr-curl-bottom-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

}



.hvr-curl-bottom-left:before {

  pointer-events: none;

  position: absolute;

  content: "";

  height: 0;

  width: 0;

  bottom: 0;

  left: 0;

  background: #fff;

  background: -webkit-linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: -o-linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

  background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

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

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

  -webkit-transition-duration: .3s;

  -o-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-property: width, height;

  -o-transition-property: width, height;

  transition-property: width, height

}



.hvr-curl-bottom-left:active:before,

.hvr-curl-bottom-left:focus:before,

.hvr-curl-bottom-left:hover:before {

  width: 25px;

  height: 25px

}



.p-msg {

  position: fixed;

  display: inline-block;

  padding: 8px 15px;

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

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

  -webkit-border-radius: 3px;

  border-radius: 3px;

  text-align: center;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 100863

}



.p-msg.p {

  line-height: 1.6;

  font-size: 14px

}



.p-pop .pop {

  width: 96%;

  background: #fff;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  position: fixed;

  left: 50%;

  top: -100%;

  z-index: 100862;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: all .3s ease;

  -o-transition: all ease .3s;

  transition: all .3s ease

}



.p-pop .pop .close {

  text-align: right;

  font-size: 250%;

  display: block;

  line-height: 1.3;

  padding-right: 3%

}



.p-pop .pop .title {

  text-align: center;

  font-size: 150%;

  line-height: 1;

  padding: 0 3% 2%

}



.p-pop .pop .content {

  padding: 2% 3%

}



.p-pop .pop .btn {

  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

}



.p-pop .pop .btn a {

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  position: relative;

  text-align: center;

  letter-spacing: 0;

  overflow: hidden;

  color: #fff;

  width: 100px;

  line-height: 30px;

  margin: 2% 3% 5%

}



.p-pop .pop .btn a,

.p-pop .pop .btn a:after {

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.p-pop .pop .btn a: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(#234295));

  background-image: -webkit-linear-gradient(#234295);

  background-image: -o-linear-gradient(#234295);

  background-image: linear-gradient(#234295)

}



.p-pop .pop .btn a.curr {

  background: #234295;

  color: #fff

}



.p-pop .pop .btn a:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0)

}



.p-pop .pop .btn a:hover,

.p-pop .pop .btn a: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)

}



.p-pop .pop .btn a:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg)

}



.p-pop .shade {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  height: 100vh;

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

  z-index: -10;

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

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

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

  opacity: 0

}



.p-pop.curr .shade {

  opacity: 1;

  z-index: 100861

}



.p-pop.curr .pop {

  top: 50%

}



.u-refresh {

  -webkit-animation: loading .6s linear infinite;

  animation: loading .6s linear infinite

}



@-webkit-keyframes loading {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }



  to {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn)

  }

}



@keyframes loading {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0)

  }



  to {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn)

  }

}



@-webkit-keyframes spin3D {

  0% {

    -webkit-transform: rotate3d(.5, .5, .5, 1turn);

    transform: rotate3d(.5, .5, .5, 1turn)

  }



  to {

    -webkit-transform: rotate3d(0, 0, 0, 0);

    transform: rotate3d(0, 0, 0, 0)

  }

}



@keyframes spin3D {

  0% {

    -webkit-transform: rotate3d(.5, .5, .5, 1turn);

    transform: rotate3d(.5, .5, .5, 1turn)

  }



  to {

    -webkit-transform: rotate3d(0, 0, 0, 0);

    transform: rotate3d(0, 0, 0, 0)

  }

}



.universe-loading {

  height: 100%;

  background-color: #1d2630;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  overflow: hidden;

  z-index: 99999999

}



.universe-loading,

.universe-loading .spinner-box {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center

}



.universe-loading .spinner-box {

  width: 300px;

  height: 300px;

  background-color: rgba(0, 0, 0, 0)

}



.universe-loading .leo {

  position: absolute;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-border-radius: 50%;

  border-radius: 50%

}



.universe-loading .blue-orbit {

  width: 165px;

  height: 165px;

  border: 1px solid rgba(145, 218, 255, .65);

  -webkit-animation: spin3D 3s linear .2s infinite;

  animation: spin3D 3s linear .2s infinite

}



.universe-loading .green-orbit {

  width: 120px;

  height: 120px;

  border: 1px solid rgba(145, 255, 191, .65);

  -webkit-animation: spin3D 2s linear 0s infinite;

  animation: spin3D 2s linear 0s infinite

}



.universe-loading .red-orbit {

  width: 90px;

  height: 90px;

  border: 1px solid rgba(255, 202, 145, .65);

  -webkit-animation: spin3D 1s linear 0s infinite;

  animation: spin3D 1s linear 0s infinite

}



.universe-loading .white-orbit {

  width: 60px;

  height: 60px;

  border: 2px solid #fff;

  -webkit-animation: spin3D 10s linear 0s infinite;

  animation: spin3D 10s linear 0s infinite

}



.universe-loading .w1 {

  -webkit-transform: rotate3D(1, 1, 1, 90deg);

  -ms-transform: rotate3D(1, 1, 1, 90deg);

  transform: rotate3D(1, 1, 1, 90deg)

}



.universe-loading .w2 {

  -webkit-transform: rotate3D(1, 2, .5, 90deg);

  -ms-transform: rotate3D(1, 2, .5, 90deg);

  transform: rotate3D(1, 2, .5, 90deg)

}



.universe-loading .w3 {

  -webkit-transform: rotate3D(.5, 1, 2, 90deg);

  -ms-transform: rotate3D(.5, 1, 2, 90deg);

  transform: rotate3D(.5, 1, 2, 90deg)

}



table {

  width: 100%;

  border-collapse: collapse;

  text-align: center;

  table-layout: fixed

}



td,

th {

  border: 1px solid #e9e9e9;

  padding: 5px 3px

}



tr {

  -webkit-transition: all .2s ease;

  -o-transition: all ease .2s;

  transition: all .2s ease

}



tr:nth-child(2n) td {

  /* background: #eee */

}



tr:hover td {

  /* background-color: #ecf6fd */

}



.nav_triangle {

  width: 800px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content

}



.nav_triangle>li {

  background: #34495e;

  float: left;

  position: relative;

  -webkit-transform: skewX(25deg);

  -ms-transform: skewX(25deg);

  transform: skewX(25deg)

}



.nav_triangle>li>a {

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

  padding: 1em 2em

}



.nav_triangle a {

  display: block;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  text-decoration: none;

  font-family: Arial, Helvetica;

  font-size: 14px

}



.nav_triangle li:hover {

  background: #e74c3c !important

}



.nav_triangle>li:hover .submenu,

.nav_triangle>li:hover .submenu li {

  opacity: 1;

  visibility: visible

}



.nav_triangle>li:hover .submenu li:nth-child(2n) {

  -webkit-transform: skewX(25deg) translateX(15px);

  -ms-transform: skewX(25deg) translateX(15px);

  transform: skewX(25deg) translateX(15px)

}



.nav_triangle>li:hover .submenu li:nth-child(odd) {

  -webkit-transform: skewX(-25deg) translateX(-15px);

  -ms-transform: skewX(-25deg) translateX(-15px);

  transform: skewX(-25deg) translateX(-15px)

}



.nav_triangle .submenu {

  position: absolute;

  width: 200px;

  left: 50%;

  margin-left: -100px;

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg);

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top

}



.nav_triangle .submenu li {

  background-color: #34495e;

  position: relative;

  overflow: hidden;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: transform .2s ease;

  -o-transition: .2s ease transform;

  transition: transform .2s ease

}



.nav_triangle .submenu>li>a {

  padding: 1em 2em

}



.nav_triangle .submenu>li:after {

  content: "";

  position: absolute;

  top: -125%;

  height: 100%;

  width: 100%;

  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .9);

  box-shadow: 0 0 50px rgba(0, 0, 0, .9)

}



.nav_triangle .submenu>li:nth-child(odd) {

  -webkit-transform: skewX(-25deg) translateX(0);

  -ms-transform: skewX(-25deg) translateX(0);

  transform: skewX(-25deg) translateX(0)

}



.nav_triangle .submenu>li:nth-child(odd)>a {

  -webkit-transform: skewX(25deg);

  -ms-transform: skewX(25deg);

  transform: skewX(25deg)

}



.nav_triangle .submenu>li:nth-child(odd):after {

  right: -50%;

  -webkit-transform: skewX(-25deg) rotate(3deg);

  -ms-transform: skewX(-25deg) rotate(3deg);

  transform: skewX(-25deg) rotate(3deg)

}



.nav_triangle .submenu>li:nth-child(2n) {

  -webkit-transform: skewX(25deg) translateX(0);

  -ms-transform: skewX(25deg) translateX(0);

  transform: skewX(25deg) translateX(0)

}



.nav_triangle .submenu>li:nth-child(2n)>a {

  -webkit-transform: skewX(-25deg);

  -ms-transform: skewX(-25deg);

  transform: skewX(-25deg)

}



.nav_triangle .submenu>li:nth-child(2n):after {

  left: -50%;

  -webkit-transform: skewX(25deg) rotate(3deg);

  -ms-transform: skewX(25deg) rotate(3deg);

  transform: skewX(25deg) rotate(3deg)

}



.m-navs {

  display: none

}



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

  .on-menu .main-content {

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

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

    transition: all .3s ease-out;

    -webkit-transform: scale(.85);

    -ms-transform: scale(.85);

    transform: scale(.85)

  }



  .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: 16px;

  font-weight: 400

}



@media (max-width:1200px) {

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

    font-size: 114.28571%

  }

}



.word-move .swiper-slide .cont {

  position: absolute;

  width: 100%;

  top: 30%;

  color: #fff;

  text-align: center;

  -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)

}



.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: #234295;

  opacity: .8

}



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

  background: #234295

}



@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: #234295

}



.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: #234295

}



.page1 a:hover span {

  text-decoration: underline

}



.page1 a i {

  float: right;

  color: #b3b3b3

}



.page1 .swiper-pagination-bullet-active {

  color: #234295

}



.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,.yingming-pages {

  text-align: right

}



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

  padding: 3.3% 0

}



.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: #234295

}



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

  .u-page .page>* {

    line-height: 30px;

    margin: 2px 3px;

    padding: 0 10px

  }

}



.threeDcards {

  -webkit-perspective: 1800px;

  perspective: 1800px;

  transform-style: preserve-3d

}



.threeDcards,

.threeDcards .card3d {

  -webkit-transform-style: preserve-3d

}



.threeDcards .card3d {

  -webkit-perspective: 1200px;

  perspective: 1200px;

  transform-style: preserve-3d;

  -webkit-transform: translatez(35px);

  -ms-transform: translatez(35px);

  transform: translatez(35px);

  -webkit-transition: -webkit-transform .2s ease-out;

  transition: -webkit-transform .2s ease-out;

  -o-transition: transform .2s ease-out;

  transition: transform .2s ease-out;

  transition: transform .2s ease-out, -webkit-transform .2s ease-out;

  position: relative

}



.threeDcards .card3d .bg3d {

  bottom: -50px;

  left: -50px;

  position: absolute;

  right: -50px;

  top: -50px;

  -webkit-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transform: translateZ(-50px);

  transform: translateZ(-50px)

}



.bubbleText {

  position: relative;

  z-index: 2

}



.bubbleText .bubble {

  position: absolute;

  background: rgba(35, 66, 149, .7);

  -webkit-border-radius: 100%;

  border-radius: 100%;

  pointer-events: none

}



#defaultCanvas,

#defaultCanvas0 {

  position: fixed;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%

}



#defaultCanvas0 {

  opacity: .15

}



.u-pc {

  display: block !important

}



.u-mobile {

  display: none !important

}



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

  body {

    font-size: 12px

  }

}



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

  body .u-pc {

    display: none !important

  }



  body .u-mobile {

    display: block !important

  }



  body a {

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

  }

}



.main {

  width: 1200px

}



.h-tricovern {

  padding: 10px 0;

  background: #efefef

}



.h-tricovern .main {

  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: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end

}



.h-tricovern .main img {

  height: 23px;

  display: block;

  padding: 0 7px

}



.h-header {

  height: 80px;

  padding: 15px 0;

  position: relative;

  -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 .mentins {

  width: 180px;

  height: 100%

}



.h-header section.main .mentins .stso {

  height: 20px;

  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 .mentins .stso a {

  width: 50%;

  height: 100%;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative

}



.h-header section.main .mentins .stso a .bgcont {

  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 .mentins .stso a>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.h-header section.main .mentins .stso .gduca {

  width: 46%

}



.h-header section.main .mentins .ntaki {

  height: 25px;

  margin-top: 8px

}



.h-header section.main .mentins .ntaki,

.h-header section.main .mentins .ntaki .login {

  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 .mentins .ntaki .login {

  width: 50px;

  font-size: 15px;

  font-weight: 400

}



@media (max-width:1200px) {

  .h-header section.main .mentins .ntaki .login {

    font-size: 107.14286%

  }

}



.h-header section.main .mentins .ntaki .form {

  width: 90px;

  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: 100%;

  border-bottom: 1px solid #585858

}



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

  padding: 5px 0;

  height: 100%

}



.h-header section.main .mentins .ntaki .form input {

  border: none;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1

}



.h-header section.main .nav {

  font-size: 13px;

  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: 92.85714%

  }

}



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

  position: relative

}



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

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

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

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

  opacity: 0;

  content: "▲";

  color: #234295;

  position: absolute;

  left: 50%;

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

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

  transform: translateX(-50%);

  bottom: -5px

}



.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>* {

  width: 29.33333%;

  margin-left: 3%;

  margin-right: 3%

}



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

  margin-left: 0

}



.h-header section.main .nav li .transImg dl>: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;

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

  background-size: cover

}



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

  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>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.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>img,

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

  -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

}



.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(35, 66, 149, .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;

  opacity: .5;

  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;

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

  -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: #234295;

  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: #234295;

  -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: #234295

}



.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,

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

  color: #234295

}



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

  opacity: 1

}



.m-home .ofrength {

  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: 410px;

  margin: 3.5% auto

}



.m-home .ofrength dt {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-right: 6%

}



.m-home .ofrength dt h2 {

  font-size: 36px;

  font-weight: 700;

  margin-bottom: 7%

}



@media (max-width:1200px) {

  .m-home .ofrength dt h2 {

    font-size: 257.14286%

  }

}



.m-home .ofrength dt p {

  font-size: 16px;

  font-weight: 400;

  color: #959494;

  line-height: 2;

  padding: .3% 0

}



@media (max-width:1200px) {

  .m-home .ofrength dt p {

    font-size: 114.28571%

  }

}



.m-home .ofrength dt .more {

  padding:0px 15px;

  line-height: 40px;

  background: #234295;

  color: #fff;

  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: 0;

  margin-top: 10%

}



.m-home .ofrength dt .more:hover {

  background: #234295;

  color: #fff;

  -webkit-box-shadow: 10px 10px 99px 6px #234295;

  box-shadow: 10px 10px 99px 6px #234295

}



.m-home .ofrength dd {

  width: 580px;

  height: 100%;

  position: relative

}



.m-home .ofrength dd .nkingan {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative

}



.m-home .ofrength dd .nkingan .bgcont {

  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 .ofrength dd .nkingan>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home .ofrength dd .anceinstit {

  position: absolute;

  right: 25px;

  top: 25px;

  width: 100%;

  height: 100%;

  z-index: 2

}



.m-home .ofrength dd .anceinstit .swiper-container,

.m-home .ofrength dd .anceinstit .swiper-container img {

  width: 100%;

  height: 100%

}



.m-home .ofZha {

  width: 85%;

  margin: 0 auto;

  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: 2% 0

}



.m-home .ofZha>* {

  width: 31.86667%;

  margin-left: 1.1%;

  margin-right: 1.1%

}



.m-home .ofZha>:nth-child(3n+1) {

  margin-left: 0

}



.m-home .ofZha>:nth-child(3n+3) {

  margin-right: 0

}



.m-home .ofZha a {

  display: block;

  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;

  background: #f8f8f8;

  padding: 5% 4%

}



.m-home .ofZha a img {

  width: 70px;

  height: 55px

}



.m-home .ofZha a .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 4%;

  text-align: center

}



.m-home .ofZha a .cont h2 {

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home .ofZha a .cont h2 {

    font-size: 142.85714%

  }

}



.m-home .ofZha a .cont p {

  padding-top: 1%

}



.m-home .ofZha a:hover {

  background: #234295;

  color: #fff

}



.m-home .aoHeng {

  position: relative;

  padding-bottom: 8%;

  margin: 1% 0

}



.m-home .aoHeng .main {

  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 .aoHeng .main>* {

  width: 31.73333%;

  margin-left: 1.2%;

  margin-right: 1.2%

}



.m-home .aoHeng .main>:nth-child(3n+1) {

  margin-left: 0

}



.m-home .aoHeng .main>:nth-child(3n+3) {

  margin-right: 0

}



.m-home .aoHeng .main .bg {

  width: 100%;

  height: 260px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home .aoHeng .main .bg .bgcont {

  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 .aoHeng .main .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home .aoHeng .main .bg.curr,

.m-home .aoHeng .main .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home .aoHeng .main .bg.curr>img,

.m-home .aoHeng .main .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home .aoHeng .main .bg .bgcont,

.m-home .aoHeng .main .bg .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0

}



.m-home .aoHeng .main .bg .mask1,

.m-home .aoHeng .main .bg .mask2 {

  height: 200%;

  width: 200%;

  background: rgba(35, 66, 149, .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 .aoHeng .main .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 .aoHeng .main .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 .aoHeng .main .bg .bgcont {

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

  height: 0;

  opacity: .5;

  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 .aoHeng .main .bg.curr .bgcont,

.m-home .aoHeng .main .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 .aoHeng .main .bg.curr .mask1,

.m-home .aoHeng .main .bg:hover .mask1 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home .aoHeng .main .bg.curr .mask2,

.m-home .aoHeng .main .bg:hover .mask2 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home .aoHeng .main .cont {

  background: #fff;

  padding: 0 4%;

  height: 95px

}



.m-home .aoHeng .main .cont h2 {

  font-size: 20px;

  font-weight: 400;

  padding: 1% 0

}



@media (max-width:1200px) {

  .m-home .aoHeng .main .cont h2 {

    font-size: 142.85714%

  }

}



.m-home .aoHeng .main .cont p {

  color: #969696

}



.m-home .aoHeng .width100 {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: -1

}



.m-home .sfamil .swiper-container {

  margin: 2% 0

}



.m-home .sfamil .swiper-container img {

  width: 100%;

  height: 300px

}



.m-home .sfamil .more {

  text-align: center;

}



.m-home .sfamil .more a{

  width: auto;

  padding:0px 20px;

  line-height: 46px;

  background: #234295;

  display: inline-block;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  position: relative;

  text-align: center;

  letter-spacing: 0;

  overflow: hidden;

  color: #fff;

  display: inline-block;

  margin: 3% auto;

}



.m-home .sfamil .more a,

.m-home .sfamil .more a:after {

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home .sfamil .more a: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(#234295));

  background-image: -webkit-linear-gradient(#234295);

  background-image: -o-linear-gradient(#234295);

  background-image: linear-gradient(#234295)

}



.m-home .sfamil .more.curr {

  background: #234295;

  color: #fff

}



.m-home .sfamil .more a:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0)

}



.m-home .sfamil .more a:hover,

.m-home .sfamil .more a: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-home .sfamil .more a:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg)

}



.t-storyf {

  text-align: center;

  padding: .5% 0;

  margin-bottom: .5%

}



.t-storyf h2 {

  font-size: 30px;

  font-weight: 700;

  line-height: 2.1

}



@media (max-width:1200px) {

  .t-storyf h2 {

    font-size: 214.28571%

  }

}



.t-storyf .div {

  width: 45px;

  height: 7px;

  background: #234295;

  margin: 0 auto

}



.t-storyf .line {

  width: 100%;

  height: 1px;

  background: #dedede

}



.t-storyf h3 {

  font-size: 18px;

  font-weight: 400;

  color: #767676;

  line-height: 2.5

}



@media (max-width:1200px) {

  .t-storyf h3 {

    font-size: 128.57143%

  }

}



.f-footer {

  background: #eee;

  margin-top: 2%

}



.f-footer .main {

  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: 1.5% 0 3% 0

}



.f-footer .main dt {

  line-height: 2

}



.f-footer .main dt h2 {

  font-size: 16px;

  font-weight: 400;

  padding-bottom: 3.5%

}



@media (max-width:1200px) {

  .f-footer .main dt h2 {

    font-size: 114.28571%

  }

}



.f-footer .main dt a {

  color: #858585;

  display: block

}



.f-footer .main dt a:hover {

  color: #234295

}



.f-footer .main dt 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

}



.f-footer .main dt li p,

.f-footer .main dt li a {

  display: block;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 5px;

  color:#0d1a26;

}



.f-footer .ingfram {

  text-align: center;

  color: #373737;

  background: #e5e5e5;

  padding: 10px 0

}



.n-byYa {

  border-bottom: 1px solid #f2f2f2;



}



.n-byYa .main a {

  font-size: 16px;

  font-weight: 400;

  padding: 0 15px;

  display: inline-block;

  line-height: 50px

}



@media (max-width:1200px) {

  .n-byYa .main a {

    font-size: 114.28571%

  }

}



.n-byYa .main a.curr,

.n-byYa .main a:hover {

  background: #234295;

  color: #fff

}



.m-home1 .sdf54 {

  font-size: 18px;

  font-weight: 400;

  color: #4c4c4c

}



@media (max-width:1200px) {

  .m-home1 .sdf54 {

    font-size: 128.57143%

  }

}



.m-home1 .sdf54 h2 {

  padding: .5% 0

}



.m-home1 .sdf54 ul li {

  padding: 5px 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: start;

  -ms-flex-pack: justify;

  justify-content: start;

  -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 .sdf54 ul li p {

  /* -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden */

}



.m-home1 .anSon {

  padding-bottom: 1.5%

}



.m-home1 .anSon form {

  width: 320px;

  height: 45px;

  padding: 8px 0;

  border: 2px solid #234295;

  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-home1 .anSon form input {

  height: 100%;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  border: none;

  padding: 0 5px

}



.m-home1 .anSon form button {

  padding: 3px 10px;

  border-left: 1px solid #e9e9e9;

  height: 100%

}



.m-home1 .anSon form button img {

  height: 100%

}



.m-home1 .heMin {

  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 .heMin>* {

  width: 46.65%;

  margin-left: 3.35%;

  margin-right: 3.35%

}



.m-home1 .heMin>:nth-child(odd) {

  margin-left: 0

}



.m-home1 .heMin>:nth-child(2n+2) {

  margin-right: 0

}



.m-home1 .heMin li {

  border: 1px solid #ccc;

  padding: 1.5% 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;

  margin-top: 1%;

  margin-bottom: 1%

}



.m-home1 .heMin li .bg {

  width: 115px;

  height: 110px;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative

}



.m-home1 .heMin li .bg .bgcont {

  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 .heMin li .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .heMin li .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 3%

}



.m-home1 .heMin li .cont h2 {

  font-size: 20px;

  font-weight: 400;

  padding-bottom: 3%

}



@media (max-width:1200px) {

  .m-home1 .heMin li .cont h2 {

    font-size: 142.85714%

  }

}



.m-home1 .heMin li .cont .heurisd {

  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-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  color: #234295

}



@media (max-width:1200px) {

  .m-home1 .heMin li .cont .heurisd {

    font-size: 114.28571%

  }

}



.m-home1 .ictionwil 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 #d7d7d7;

  padding: 2% 0

}



.m-home1 .ictionwil li .bg {

  width: 320px;

  height: 200px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .ictionwil li .bg .bgcont {

  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 .ictionwil li .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .ictionwil li .bg.curr,

.m-home1 .ictionwil li .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .ictionwil li .bg.curr>img,

.m-home1 .ictionwil li .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .ictionwil li .bg .bgcont,

.m-home1 .ictionwil li .bg .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0

}



.m-home1 .ictionwil li .bg .mask1,

.m-home1 .ictionwil li .bg .mask2 {

  height: 200%;

  width: 200%;

  background: rgba(35, 66, 149, .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-home1 .ictionwil li .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-home1 .ictionwil li .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-home1 .ictionwil li .bg .bgcont {

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

  height: 0;

  opacity: .5;

  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-home1 .ictionwil li .bg.curr .bgcont,

.m-home1 .ictionwil li .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-home1 .ictionwil li .bg.curr .mask1,

.m-home1 .ictionwil li .bg:hover .mask1 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home1 .ictionwil li .bg.curr .mask2,

.m-home1 .ictionwil li .bg:hover .mask2 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home1 .ictionwil li .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 2.6%

}



.m-home1 .ictionwil li .cont h2 a {

  font-size: 24px;

  font-weight: 400;

  display: inline-block;

  padding-bottom: 2px;

  position: relative;

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden

}



@media (max-width:1200px) {

  .m-home1 .ictionwil li .cont h2 a {

    font-size: 171.42857%

  }

}



.m-home1 .ictionwil li .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: #234295;

  -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 .ictionwil li .cont h2 a:hover {

  color: #234295

}



.m-home1 .ictionwil li .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 .ictionwil li .cont p {

  color: #7e7e7e;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  padding: 1.5% 0

}



.m-home1 .ictionwil li .cont .more {

  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 .ictionwil li .cont .more .illals {

  width: auto;

  padding:0px 20px;

  line-height: 40px;

  background: #f3f3f3;

  text-align: center;

  color: #989898;

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

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

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

  margin-top: 15px;

  margin-right: 20px

}



.m-home1 .ictionwil li .cont .more .illals:hover {

  background: #234295;

  color: #fff;

  -webkit-border-radius: 5px;

  border-radius: 5px

}



.m-home1 .ictionwil li .cont .more .ingDyna {

  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 5px;

  font-size: 12px;

  font-weight: 400;

  color: silver

}



@media (max-width:1200px) {

  .m-home1 .ictionwil li .cont .more .ingDyna {

    font-size: 85.71429%

  }

}



.m-home1 .ictionwil li .cont .more .ingDyna.Hisso i {

  color: #234295

}



.m-home1 .ictionwil li .cont .more .ingDyna i {

  padding: 0 5px

}



.m-home1 .nggather dd,

.m-home1 .nggather dt {

  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: .5% 0

}



.m-home1 .nggather dd>*,

.m-home1 .nggather dt>* {

  width: 18.24%;

  margin-left: 1.1%;

  margin-right: 1.1%

}



.m-home1 .nggather dd>:nth-child(5n+1),

.m-home1 .nggather dt>:nth-child(5n+1) {

  margin-left: 0

}



.m-home1 .nggather dd>:nth-child(5n+5),

.m-home1 .nggather dt>:nth-child(5n+5) {

  margin-right: 0

}



.m-home1 .nggather dd .bg,

.m-home1 .nggather dt .bg {

  width: 100%;

  height: 300px;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .nggather dd .bg .bgcont,

.m-home1 .nggather dt .bg .bgcont {

  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 .nggather dd .bg>img,

.m-home1 .nggather dt .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .nggather dd .bg.curr,

.m-home1 .nggather dd .bg:hover,

.m-home1 .nggather dt .bg.curr,

.m-home1 .nggather dt .bg:hover {

  -webkit-border-radius: 0;

  border-radius: 0

}



.m-home1 .nggather dd .bg.curr>img,

.m-home1 .nggather dd .bg:hover>img,

.m-home1 .nggather dt .bg.curr>img,

.m-home1 .nggather dt .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .nggather dd .bg .bgcont,

.m-home1 .nggather dt .bg .bgcont {

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

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

  transition: all .3s ease-out;

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

  width: 100%;

  position: absolute;

  overflow: hidden;

  bottom: -100px;

  left: 0

}



.m-home1 .nggather dd .bg .bgcont>*,

.m-home1 .nggather dt .bg .bgcont>* {

  line-height: 2.5

}



.m-home1 .nggather dd .bg.curr .bgcont,

.m-home1 .nggather dd .bg:hover .bgcont,

.m-home1 .nggather dt .bg.curr .bgcont,

.m-home1 .nggather dt .bg:hover .bgcont {

  bottom: 0

}



.m-home1 .nggather dd .cont,

.m-home1 .nggather dt .cont {

  font-size: 18px;

  font-weight: 400;

  line-height: 2.5

}



@media (max-width:1200px) {



  .m-home1 .nggather dd .cont,

  .m-home1 .nggather dt .cont {

    font-size: 128.57143%

  }

}



.m-home1 .nggather dd {

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center

}



.m-home1 .nggather dd li {

  margin: 0 1.1% !important

}



.m-home1 .redin {

  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-home1 .redin dt {

  width: 50%

}



.m-home1 .redin dt 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: 60px;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start

}



.m-home1 .redin dt li h2 {

  font-size: 24px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home1 .redin dt li h2 {

    font-size: 171.42857%

  }

}



.m-home1 .redin dt li p {

  color: #686868;

  font-size: 16px;

  font-weight: 400;

  padding: 0 2%

}



@media (max-width:1200px) {

  .m-home1 .redin dt li p {

    font-size: 114.28571%

  }

}



.m-home1 .redin dt li img {

  display: block

}



.m-home1 .redin dd {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1

}



.m-home1 .redin dd img {

  width: 100%

}



.m-home1 .nLusha .ionan {

  width: 950px;

  margin: 0 auto;

  color: #757575;

  font-size: 18px;

  font-weight: 400;

  padding: 1.5% 0

}



@media (max-width:1200px) {

  .m-home1 .nLusha .ionan {

    font-size: 128.57143%

  }

}



.m-home1 .nLusha .arryout {

  width: 950px;

  margin: 0 auto;

  background: #e8eeff;

  color: #334f9d;

  font-size: 18px;

  font-weight: 400

}



.m-home1 .nLusha .arryout .nlycompa {

  width: 460px;

  margin: 0 auto;

  padding: 1.5% 0

}



@media (max-width:1200px) {

  .m-home1 .nLusha .arryout {

    font-size: 128.57143%

  }

}



.m-home1 .nLusha .arryout h2 {

  font-size: 18px;

  font-weight: 700;

  text-align: center;

  line-height: 40px;

  color: #fff;

  background: -webkit-gradient(linear, left top, left bottom, from(#234295), color-stop(#385ab5), to(#234295));

  background: -webkit-linear-gradient(#234295, #385ab5, #234295);

  background: -o-linear-gradient(#234295, #385ab5, #234295);

  background: linear-gradient(#234295, #385ab5, #234295)

}



@media (max-width:1200px) {

  .m-home1 .nLusha .arryout h2 {

    font-size: 142.85714%

  }

}



.m-home1 .nLusha .arryout .ietyof p {

  padding-bottom: 3%

}



.m-home1 .nLusha .arryout input {

  width: 100%;

  display: block;

  height: 40px;

  border: 2px solid #334f9d

}



.m-home1 .nLusha .arryout .ordingto {

  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;

  padding: 3% 0

}



.m-home1 .nLusha .arryout .ordingto input {

  width: 130px

}



.m-home1 .nLusha .arryout .ordingto .heobser {

  height: 40px;

  margin: 0 6px

}



.m-home1 .nLusha .arryout button {

  width: 100%;

  line-height: 40px;

  background: #234295;

  color: #fff;

  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: 0;

  padding: 0;

  border: none;

  margin-top: 3%

}



.m-home1 .nLusha .arryout button span {

  position: relative;

  display: block;

  width: 100%;

  height: 100%

}



.m-home1 .nLusha .arryout button:after,

.m-home1 .nLusha .arryout button:before {

  position: absolute;

  content: "";

  right: 0;

  top: 0;

  background: #234295;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .nLusha .arryout button:before {

  height: 0%;

  width: 2px

}



.m-home1 .nLusha .arryout button:after {

  width: 0;

  height: 2px

}



.m-home1 .nLusha .arryout button:hover {

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

  -webkit-box-shadow: none;

  box-shadow: none

}



.m-home1 .nLusha .arryout button:hover:before {

  height: 100%

}



.m-home1 .nLusha .arryout button:hover:after {

  width: 100%

}



.m-home1 .nLusha .arryout button span:hover {

  color: #234295

}



.m-home1 .nLusha .arryout button span:after,

.m-home1 .nLusha .arryout button span:before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  background: #234295;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .nLusha .arryout button span:before {

  width: 2px;

  height: 0%

}



.m-home1 .nLusha .arryout button span:after {

  width: 0;

  height: 2px

}



.m-home1 .nLusha .arryout button span:hover:before {

  height: 100%

}



.m-home1 .nLusha .arryout button span:hover:after {

  width: 100%

}



.m-home1 .anan .dhi {

  font-size: 16px;

  font-weight: 400;

  color: #757575;

  line-height: 2;

  padding: .3% 0;

  /* text-indent: 30px */

}



@media (max-width:1200px) {

  .m-home1 .anan .dhi {

    font-size: 114.28571%

  }

}



.m-home1 .anan .dhi .width100 {

  margin: .5% 0

}



.m-home1 .isdaught .ndana {

  width: 820px;

  margin: 0 auto;

  display: block

}



.m-home1 .isdaught .ndana label {

  display: block;

  padding: 8px 0

}



.m-home1 .isdaught .ndana label i {

  color: #f24747

}



.m-home1 .isdaught .ndana input,

.m-home1 .isdaught .ndana textarea {

  font-size: 16px;

  font-weight: 400;

  margin: 5px 0;

  width: 100%;

  display: block;

  height: 40px;

  border: 1px solid #d6d6d6

}



@media (max-width:1200px) {



  .m-home1 .isdaught .ndana input,

  .m-home1 .isdaught .ndana textarea {

    font-size: 114.28571%

  }

}



.m-home1 .isdaught .ndana textarea {

  height: 100px

}



.m-home1 .isdaught .ndana .sisof {

  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 .isdaught .ndana .sisof input {

  width: 180px

}



.m-home1 .isdaught .ndana .sisof .code {

  height: 50px;

  margin: 0 16px

}



.m-home1 .isdaught .ndana .sisof .henew {

  font-size: 16px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .isdaught .ndana .sisof .henew {

    font-size: 114.28571%

  }

}



.m-home1 .isdaught .ndana button,.m-home1 .isdaught .ndana .button {

  width: auto;

  height:50px;

  font-size: 18px;

  font-weight: 400;

  color: #fff;

  background: #234295;

  line-height: 50px;

  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: 0;

  padding: 0px 20px;

  border: none;

  margin-top: 4%;

  cursor: pointer;

}



@media (max-width:1200px) {

  .m-home1 .isdaught .ndana button {

    font-size: 128.57143%

  }

}



.m-home1 .isdaught .ndana button span {

  position: relative;

  display: block;

  width: 100%;

  height: 100%

}



.m-home1 .isdaught .ndana button:after,

.m-home1 .isdaught .ndana button:before {

  position: absolute;

  content: "";

  right: 0;

  top: 0;

  background: #234295;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .isdaught .ndana button:before {

  height: 0%;

  width: 2px

}



.m-home1 .isdaught .ndana button:after {

  width: 0;

  height: 2px

}



.m-home1 .isdaught .ndana button:hover {

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

  -webkit-box-shadow: none;

  box-shadow: none

}



.m-home1 .isdaught .ndana button:hover:before {

  height: 100%

}



.m-home1 .isdaught .ndana button:hover:after {

  width: 100%

}



.m-home1 .isdaught .ndana button span:hover {

  color: #234295

}



.m-home1 .isdaught .ndana button span:after,

.m-home1 .isdaught .ndana button span:before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  background: #234295;

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home1 .isdaught .ndana button span:before {

  width: 2px;

  height: 0%

}



.m-home1 .isdaught .ndana button span:after {

  width: 0;

  height: 2px

}



.m-home1 .isdaught .ndana button span:hover:before {

  height: 100%

}



.m-home1 .isdaught .ndana button span:hover:after {

  width: 100%

}



.m-home1 .htersZha .ewmus {

  font-size: 24px;

  font-weight: 400;

  color: #234295

}



@media (max-width:1200px) {

  .m-home1 .htersZha .ewmus {

    font-size: 171.42857%

  }

}



.m-home1 .htersZha .ahaoeiron {

  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;

  font-size: 18px;

  font-weight: 400;

  margin: 1% 0

}



@media (max-width:1200px) {

  .m-home1 .htersZha .ahaoeiron {

    font-size: 128.57143%

  }

}



.m-home1 .htersZha .ahaoeiron dt {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1

}



.m-home1 .htersZha .ahaoeiron dt 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: 8px 0

}



.m-home1 .htersZha .ahaoeiron dt li img {

  width: 20px

}



.m-home1 .htersZha .ahaoeiron dt li p {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 2%

}



.m-home1 .htersZha .ahaoeiron dd {

  width: 300px

}



.m-home1 .htersZha .ahaoeiron dd .icon {

  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 .htersZha .ahaoeiron dd .icon>* {

  width: 15%;

  margin-left: 1%;

  margin-right: 1%

}



.m-home1 .htersZha .ahaoeiron dd .icon>:nth-child(6n+1) {

  margin-left: 0

}



.m-home1 .htersZha .ahaoeiron dd .icon>:nth-child(6n+6) {

  margin-right: 0

}



.m-home1 .htersZha .ahaoeiron dd .icon a {

  width: 100%;

  height: 45px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative

}



.m-home1 .htersZha .ahaoeiron dd .icon a .bgcont {

  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 .htersZha .ahaoeiron dd .icon a>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .htersZha .ahaoeiron dd .sicindu {

  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;

  text-align: center;

  padding-top: 3%

}



.m-home1 .htersZha .ahaoeiron dd .sicindu li {

  width: 125px

}



.m-home1 .htersZha .ahaoeiron dd .sicindu li img {

  width: 100%;

  height: 125px

}



.m-home1 .elyXingr {

  height: 260px;

  position: relative

}



.m-home1 .elyXingr .swiper-container {

  height: 100%

}



.m-home1 .elyXingr .swiper-container .swiper-slide {

  width: 100%;

  height: 100%;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .elyXingr .swiper-container .swiper-slide .bgcont {

  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 .elyXingr .swiper-container .swiper-slide>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .elyXingr .swiper-container .swiper-slide.curr,

.m-home1 .elyXingr .swiper-container .swiper-slide:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .elyXingr .swiper-container .swiper-slide.curr>img,

.m-home1 .elyXingr .swiper-container .swiper-slide:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .elyXingr .btn a {

  position: absolute;

  left: -55px;

  top: 50%;

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

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

  transform: translateY(-50%)

}



.m-home1 .elyXingr .btn a.next1 {

  right: -55px;

  left: auto

}



.m-home1 .irongand .ndYa {

  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: 2% 0

}



.m-home1 .irongand .ndYa>* {

  width: 23.8%;

  margin-left: .8%;

  margin-right: .8%

}



.m-home1 .irongand .ndYa>:nth-child(4n+1) {

  margin-left: 0

}



.m-home1 .irongand .ndYa>:nth-child(4n+4) {

  margin-right: 0

}



.m-home1 .irongand .ndYa .bg {

  width: 100%;

  height: 180px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .irongand .ndYa .bg .bgcont {

  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 .irongand .ndYa .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .irongand .ndYa .bg.curr,

.m-home1 .irongand .ndYa .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .irongand .ndYa .bg.curr>img,

.m-home1 .irongand .ndYa .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .irongand .ndYa .cont {

  background: #f5f5f5;

  padding: 2.5% 3%

}



.m-home1 .irongand .ndYa .cont h2 {

  font-size: 20px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home1 .irongand .ndYa .cont h2 {

    font-size: 142.85714%

  }

}



.m-home1 .irongand .ndYa .cont h3 {

  padding: 2% 0;

  font-size: 17px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .irongand .ndYa .cont h3 {

    font-size: 121.42857%

  }

}



.m-home1 .irongand .ndYa .cont p {

  font-size: 16px;

  font-weight: 400;

  color: #777

}



@media (max-width:1200px) {

  .m-home1 .irongand .ndYa .cont p {

    font-size: 114.28571%

  }

}



.m-home1 .irongand .anRo {

  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;

  padding: .5% 0

}



.m-home1 .irongand .anRo label,.m-home1 .irongand .anRo a {

  font-size: 16px;

  font-weight: 400;

  padding: 0 5px

}







@media (max-width:1200px) {

  .m-home1 .irongand .anRo label,.m-home1 .irongand .anRo a {

    font-size: 114.28571%

  }

}



.m-home1 .irongand .anRo label i,.m-home1 .irongand .anRo a i {

  padding: 0 8px

}



.m-home1 .irongand .ngfled {

  padding: 10px 0

}



.m-home1 .irongand .ngfled.curr dt {

  background: #234295;

  color: #fff

}



.m-home1 .irongand .ngfled.curr dt a {

  color: #fff;

  display: none

}



.m-home1 .irongand .ngfled.curr dt a:last-child {

  display: block

}



.m-home1 .irongand .ngfled.curr dd {

  display: block

}



.m-home1 .irongand .ngfled dt {

  height: 50px;

  background: #f5f5f5;

  color: #424242;

  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-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  padding: 0 1%

}



@media (max-width:1200px) {

  .m-home1 .irongand .ngfled dt {

    font-size: 114.28571%

  }

}



.m-home1 .irongand .ngfled dt p {

  padding: 0 8px

}



.m-home1 .irongand .ngfled dt a {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  text-align: right;

  font-size: 180%;

  color: #999

}



.m-home1 .irongand .ngfled dt a:last-child {

  display: none

}



.m-home1 .irongand .ngfled dd {

  display: none

}



.m-home1 .irongand .ngfled dd 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;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 10px 0

}



.m-home1 .irongand .ngfled dd li h4 {

  padding: 0 5px

}



.m-home1 .irongand .ngfled dd li .con1t {

  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 .irongand .ngfled dd li .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden

}



.m-home1 .irongand .ngfled dd li .cont i,

.m-home1 .irongand .ngfled dd li .cont p {

  color: #7b7b7b

}



.m-home1 .tointrod {

  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: 550px;

  margin: 5% 0

}



.m-home1 .tointrod .bottom {

  width: 190px;

  height: 100%;

  position: relative

}



.m-home1 .tointrod .bottom .btn a {

  position: absolute;

  left: 50%;

  font-size: 35px;

  color: #9b9b9b;

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

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

  transform: translateX(-50%)

}



.m-home1 .tointrod .bottom .btn a.prev1 {

  top: -50px

}



.m-home1 .tointrod .bottom .btn a.next1 {

  bottom: -50px

}



.m-home1 .tointrod .bottom .swiper-container {

  height: 100%

}



.m-home1 .tointrod .bottom .swiper-container img {

  width: 100%;

  height: 100%

}



.m-home1 .tointrod .top {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 3.5%;

  height: 100%

}



.m-home1 .tointrod .top .swiper-container {

  height: 100%

}



.m-home1 .tointrod .top .swiper-container .swiper-slide {

  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-home1 .tointrod .top .swiper-container .swiper-slide .bg {

  width: 50%;

  height: 100%;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg .bgcont {

  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 .tointrod .top .swiper-container .swiper-slide .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg.curr,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg.curr>img,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg .bgcont,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg .mask {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg .mask1,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg .mask2 {

  height: 200%;

  width: 200%;

  background: rgba(35, 66, 149, .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-home1 .tointrod .top .swiper-container .swiper-slide .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-home1 .tointrod .top .swiper-container .swiper-slide .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-home1 .tointrod .top .swiper-container .swiper-slide .bg .bgcont {

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

  height: 0;

  opacity: .5;

  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-home1 .tointrod .top .swiper-container .swiper-slide .bg.curr .bgcont,

.m-home1 .tointrod .top .swiper-container .swiper-slide .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-home1 .tointrod .top .swiper-container .swiper-slide .bg.curr .mask1,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg:hover .mask1 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .bg.curr .mask2,

.m-home1 .tointrod .top .swiper-container .swiper-slide .bg:hover .mask2 {

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

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

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

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

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 3.5%

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .cont h2 {

  font-size: 30px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home1 .tointrod .top .swiper-container .swiper-slide .cont h2 {

    font-size: 214.28571%

  }

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .cont .line {

  width: 40px;

  height: 5px;

  background: #234295;

  margin: 2% 0;

  margin-bottom: 10%

}



.m-home1 .tointrod .top .swiper-container .swiper-slide .cont p {

  color: #838282;

  font-size: 18px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .tointrod .top .swiper-container .swiper-slide .cont p {

    font-size: 128.57143%

  }

}



.m-home1 .reeye {

  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 .reeye>* {

  width: 21.7%;

  margin-left: 2.2%;

  margin-right: 2.2%

}



.m-home1 .reeye>:nth-child(4n+1) {

  margin-left: 0

}



.m-home1 .reeye>:nth-child(4n+4) {

  margin-right: 0

}



.m-home1 .reeye li {

  padding: 1% 0

}



.m-home1 .reeye .bg {

  width: 100%;

  height: 135px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home1 .reeye .bg .bgcont {

  color: #fff;

  font-size: 120%;

  padding: 0 3%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center

}



.m-home1 .reeye .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home1 .reeye .bg.curr,

.m-home1 .reeye .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home1 .reeye .bg.curr>img,

.m-home1 .reeye .bg:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home1 .reeye .bg .bgcont {

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

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

  transition: all .3s ease-out;

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

  width: 100%;

  position: absolute;

  overflow: hidden;

  bottom: -100px;

  left: 0

}



.m-home1 .reeye .bg .bgcont>* {

  line-height: 2.5

}



.m-home1 .reeye .bg.curr .bgcont,

.m-home1 .reeye .bg:hover .bgcont {

  bottom: 0

}



.m-home1 .reeye .bg .bgcont {

  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;

  font-size: 12px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home1 .reeye .bg .bgcont {

    font-size: 85.71429%

  }

}



.m-home1 .reeye .cont {

  background: #f2f2f2;

  padding: 2% 3%;

  padding-bottom: 5%

}



.m-home1 .reeye .cont h2 {

  height: 45px

}



.m-home1 .reeye .cont .ofoope {

  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: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  font-size: 16px;

  font-weight: 400;

  color: #234295

}



@media (max-width:1200px) {

  .m-home1 .reeye .cont .ofoope {

    font-size: 114.28571%

  }

}



.n-toind {

  font-size: 16px;

  font-weight: 400;

  text-align: right;

  color: #6b6b6b

}



@media (max-width:1200px) {

  .n-toind {

    font-size: 114.28571%

  }

}



.n-toind a.curr,

.n-toind a:hover {

  color: #234295;

  text-decoration: underline

}



.m-home2 .shanto {

  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-home2 .shanto .left {

  width: 200px

}



.m-home2 .shanto .left .indth .eirbrot {

  background: #f3f3f3

}



.m-home2 .shanto .left .indth .eirbrot.curr h2 {

  background: #234295;

  color: #fff

}



.m-home2 .shanto .left .indth .eirbrot.curr dt {

  height: auto;

  opacity: 1

}



.m-home2 .shanto .left .indth .eirbrot h2 {

  height: 50px;

  border-bottom: 1px solid #ebebeb;

  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;

  cursor: pointer;

  color: #777575;

  padding: 0 3%;

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

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

  transition: all .2s ease-in-out

}



.m-home2 .shanto .left .indth .eirbrot h2 i {

  font-size: 16px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home2 .shanto .left .indth .eirbrot h2 i {

    font-size: 114.28571%

  }

}



.m-home2 .shanto .left .indth .eirbrot dt {

  padding: 0 3%;

  color: #8e8e8e;

  height: 0;

  opacity: 0;

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

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

  transition: all .2s ease-in

}



.m-home2 .shanto .left .indth .eirbrot dt h3 {

  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 #ebebeb;

  height: 35px;

  cursor: pointer

}



.m-home2 .shanto .left .indth .eirbrot dt h3 a {

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home2 .shanto .left .indth .eirbrot dt h3 a {

    font-size: 142.85714%

  }

}



.m-home2 .shanto .left .indth .eirbrot dt h3 a:last-child {

  display: none

}



.m-home2 .shanto .left .indth .eirbrot dt h3.curr {

  color: #234295

}



.m-home2 .shanto .left .indth .eirbrot dt h3.curr a {

  display: none

}



.m-home2 .shanto .left .indth .eirbrot dt h3.curr a:last-child {

  display: block

}



.m-home2 .shanto .left .indth .eirbrot dt li {

  display: none

}



.m-home2 .shanto .left .indth .eirbrot dt li a {

  display: block;

  font-size: 12px;

  font-weight: 400;

  line-height: 30px

}



@media (max-width:1200px) {

  .m-home2 .shanto .left .indth .eirbrot dt li a {

    font-size: 85.71429%

  }

}



.m-home2 .shanto .left .indth .eirbrot dt li a.curr,

.m-home2 .shanto .left .indth .eirbrot dt li a:hover {

  color: #234295;

  text-decoration: underline

}



.m-home2 .shanto .right {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 2%

}



.m-home2 .shanto .right .ersIn {

  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-home2 .shanto .right .ersIn .swiper {

  width: 510px

}



.m-home2 .shanto .right .ersIn .swiper .top {

  height: 340px

}



.m-home2 .shanto .right .ersIn .swiper .top .swiper-container,

.m-home2 .shanto .right .ersIn .swiper .top .swiper-container img {

  width: 100%;

  height: 100%

}



.m-home2 .shanto .right .ersIn .swiper .bottom {

  height: 80px;

  margin-top: 15px

}



.m-home2 .shanto .right .ersIn .swiper .bottom .swiper-container {

  width: 100%;

  height: 100%

}



.m-home2 .shanto .right .ersIn .swiper .bottom .swiper-container .swiper-slide-thumb-active {

  border: 3px solid #234295

}



.m-home2 .shanto .right .ersIn .swiper .bottom .swiper-container img {

  width: 100%;

  height: 100%

}



.m-home2 .shanto .right .ersIn .norde {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-left: 30px

}



.m-home2 .shanto .right .ersIn .norde h2,

.m-home2 .shanto .right .ersIn .norde h1 {

  font-size: 30px;

  font-weight: 700;

  padding-bottom: 4%;

  margin-bottom: 4%;

  border-bottom: 1px solid #dcdcdc

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .ersIn .norde h2,

  .m-home2 .shanto .right .ersIn .norde h1 {

    font-size: 214.28571%

  }

}



.m-home2 .shanto .right .ersIn .norde li {

  font-size: 16px;

  font-weight: 400;

  height: 43px

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .ersIn .norde li {

    font-size: 114.28571%

  }

}



.m-home2 .shanto .right .ersIn .norde li i {

  color: #424242

}



.m-home2 .shanto .right .ersIn .norde .derto {

  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;

  padding: 3% 0;

  margin-bottom: 6%

}



.m-home2 .shanto .right .ersIn .norde .derto img {

  display: block

}



.m-home2 .shanto .right .ersIn .norde .derto .ateno {

  padding: 0 5px

}



.m-home2 .shanto .right .ersIn .norde .derto .ateno a {

  width: 25px;

  height: 25px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home2 .shanto .right .ersIn .norde .derto .ateno a .bgcont {

  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-home2 .shanto .right .ersIn .norde .derto .ateno a>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home2 .shanto .right .ersIn .norde .derto .ateno a.curr,

.m-home2 .shanto .right .ersIn .norde .derto .ateno a:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home2 .shanto .right .ersIn .norde .derto .ateno a.curr>img,

.m-home2 .shanto .right .ersIn .norde .derto .ateno a:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home2 .shanto .right .ersIn .norde .tocilitate {

  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-home2 .shanto .right .ersIn .norde .tocilitate dl {

  position: relative;

  height: 50px

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl.erateth:hover dd {

  display: block

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl.erateth .stryif {

  background: #f18519

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl .stryif {

  width: 200px;

  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;

  background: #234295;

  color: #fff;

  font-size: 18px;

  font-weight: 400;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-border-radius: 5px;

  border-radius: 5px

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .ersIn .norde .tocilitate dl .stryif {

    font-size: 128.57143%

  }

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl dd {

  border: 1px solid #d4d4d4;

  padding: 0 3%;

  width: 100%;

  position: absolute;

  left: 0;

  top: 40px;

  display: none;

  background: #fff

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl dd li {

  border-bottom: 1px dashed #e1e1e1

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl dd li a {

  height: 43px;

  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-home2 .shanto .right .ersIn .norde .tocilitate dl dd li a:hover {

  color: #234295

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl dd li a:hover i {

  color: #234295;

  text-decoration: underline

}



.m-home2 .shanto .right .ersIn .norde .tocilitate dl dd li a i {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-left: 2%

}



.m-home2 .shanto .right .itatehe {

  height: 50px;

  background: #f3f3f3;

  font-size: 18px;

  font-weight: 400;

  line-height: 50px;

  color: #fff;

  margin: 2% 0

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .itatehe {

    font-size: 128.57143%

  }

}



.m-home2 .shanto .right .itatehe .ejour {

  background: url(../img/cpxq33_03.png) 50% no-repeat;

  background-size: cover;

  height: 100%;

  width: 220px;

  padding-left: 6%

}



.m-home2 .shanto .right .neyYa {

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

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

  -webkit-transition: all .2s ease;

  -o-transition: all ease .2s;

  transition: all .2s ease;

  background: #f9fafa;

  padding: 2% 3%;

  -webkit-border-radius: 8px;

  border-radius: 8px

}



.m-home2 .shanto .right .neyYa .anRon {

  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;

  font-size: 30px;

  font-weight: 700;

  color: #234295

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa .anRon {

    font-size: 214.28571%

  }

}



.m-home2 .shanto .right .neyYa h2 {

  color: #676767;

  font-size: 16px;

  font-weight: 400;

  margin: 1% 0

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa h2 {

    font-size: 114.28571%

  }

}



.m-home2 .shanto .right .neyYa .eserio {

  border: 1px solid #d5d6d5;

  background: #eff2f8;

  color: #636364;

  font-size: 16px;

  font-weight: 400;

  padding: 1% 3%;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  margin: 1.5% 0

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa .eserio {

    font-size: 114.28571%

  }

}



.m-home2 .shanto .right .neyYa .odelof li {

  padding: .9% 0

}



.m-home2 .shanto .right .neyYa .odelof li,

.m-home2 .shanto .right .neyYa .odelof li label {

  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-home2 .shanto .right .neyYa .odelof li label {

  width: 48%;

  border: 1px solid #e6e6e6;

  color: #676767;

  height: 55px;

  padding: 0 2%;

  background: #fff;

  -webkit-border-radius: 8px;

  border-radius: 8px

}



.m-home2 .shanto .right .neyYa .odelof li label input {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  border: none

}



.m-home2 .shanto .right .neyYa .odelof li label .iconfont {

  color: #e8e8e8;

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa .odelof li label .iconfont {

    font-size: 142.85714%

  }

}



.m-home2 .shanto .right .neyYa .odelof .uisedas {

  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: 1px solid #e6e6e6;

  color: #676767;

  -webkit-border-radius: 8px;

  border-radius: 8px;

  padding: 1% 2%;

  background: #fff;

  margin: .9% 0

}



.m-home2 .shanto .right .neyYa .odelof .uisedas textarea {

  height: 80px;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  border: none

}



.m-home2 .shanto .right .neyYa .odelof .uisedas .iconfont {

  color: #e8e8e8;

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa .odelof .uisedas .iconfont {

    font-size: 142.85714%

  }

}



.m-home2 .shanto .right .neyYa .odelof button {

  margin-top: 3%;

  width: 160px;

  font-size: 18px;

  font-weight: 400;

  line-height: 55px;

  background: #234295;

  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: 0;

  overflow: hidden;

  color: #fff

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .neyYa .odelof button {

    font-size: 128.57143%

  }

}



.m-home2 .shanto .right .neyYa .odelof 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(#234295));

  background-image: -webkit-linear-gradient(#234295);

  background-image: -o-linear-gradient(#234295);

  background-image: linear-gradient(#234295);

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease

}



.m-home2 .shanto .right .neyYa .odelof button.curr {

  background: #234295;

  color: #fff

}



.m-home2 .shanto .right .neyYa .odelof button:hover {

  color: #fff;

  background: rgba(0, 0, 0, 0)

}



.m-home2 .shanto .right .neyYa .odelof button:hover,

.m-home2 .shanto .right .neyYa .odelof 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-home2 .shanto .right .neyYa .odelof button:hover:after {

  -webkit-transform: scale(2) rotate(180deg);

  -ms-transform: scale(2) rotate(180deg);

  transform: scale(2) rotate(180deg)

}



.m-home2 .shanto .right .dpretend {

  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;

  font-size: 16px;

  font-weight: bold;

  color:#323232;

  height:40px;

}

.m-home2 .shanto .right .dpretend h2{

  font-weight: bold;

  padding-right:16px;

}



@media (max-width:1200px) {

  .m-home2 .shanto .right .dpretend {

    font-size: 114.28571%

  }

}



.m-home2 .shanto .right .dpretend a {

  display: flex;

  height:40px;

  align-items: center;

  -webkit-border-radius: 0;

  border-radius: 0;

  overflow: hidden;

  position: relative;

  margin: 0 5px;

}



.m-home2 .shanto .right .dpretend a .bgcont {

  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-home2 .shanto .right .dpretend a>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home2 .shanto .right .an3an {

  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-home2 .shanto .right .an3an>* {

  /* width: 31.86667%;

  margin-left: 1.1%;

  margin-right: 1.1% */

}



.m-home2 .shanto .right .an3an>:nth-child(3n+1) {

  /* margin-left: 0 */

}



.m-home2 .shanto .right .an3an>:nth-child(3n+3) {

  /* margin-right: 0 */

}



.m-home2 .shanto .right .an3an li {

  padding: 1% .5%

}



.m-home2 .shanto .right .an3an .bg {

  width: 100%;

  height: auto;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home2 .shanto .right .an3an .bg .bgcont {

  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-home2 .shanto .right .an3an .bg>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home2 .shanto .right .an3an .bg.curr,

.m-home2 .shanto .right .an3an .bg:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home2 .shanto .right .an3an .bg.curr>img,

.m-home2 .shanto .right .an3an .bg:hover>img {

  /* -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03) */

}



.m-home2 .shanto .right .an3an .bg .bgcont {

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

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

  transition: all .3s ease-out;

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

  width: 100%;

  position: absolute;

  overflow: hidden;

  bottom: -100px;

  left: 0 */

}



.m-home2 .shanto .right .an3an .bg .bgcont>* {

  line-height: 2.5

}



.m-home2 .shanto .right .an3an .bg.curr .bgcont,

.m-home2 .shanto .right .an3an .bg:hover .bgcont {

  bottom: 0

}



.m-home2 .shanto .right .an3an .bg .bgcont {

  background: #eee;

  color: #505050

}



.m-home2 .shanto .right .an3an .bg:hover .bgcont {

  background: #234295;

  color: #fff

}



.m-home2 .ongive {

  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-home2 .ongive .left {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  overflow: hidden;

  padding-right: 3%

}



.m-home2 .ongive .left .eriodof .h2 {

  font-size: 24px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home2 .ongive .left .eriodof .h2 {

    font-size: 171.42857%

  }

}



.m-home2 .ongive .left .eriodof h3 {

  line-height: 3;

  font-size: 18px;

  font-weight: 400;

  color: #6e6e6e

}



@media (max-width:1200px) {

  .m-home2 .ongive .left .eriodof h3 {

    font-size: 128.57143%

  }

}



.m-home2 .ongive .left .eriodof .time {

  color: #979797;

  padding: .5% 0

}



.m-home2 .ongive .left .eriodof .articlecon {

  font-size: 16px;

  font-weight: 400;

  color: #6e6e6e;

  line-height: 2;

  padding: .1% 0

}



@media (max-width:1200px) {

  .m-home2 .ongive .left .eriodof .articlecon {

    font-size: 114.28571%

  }

}



.m-home2 .ongive .left .eriodof img {

  padding: .5% 0

}



.m-home2 .ongive .right {

  width: 320px

}



.m-home2 .ongive .right .oraper dt {

  font-size: 18px;

  font-weight: 400;

  line-height: 3.2;

  text-align: center;

  border-top: 3px solid #234295;

  border-bottom: 1px dashed #e5e5e5

}



@media (max-width:1200px) {

  .m-home2 .ongive .right .oraper dt {

    font-size: 128.57143%

  }

}



.m-home2 .ongive .right .oraper dd {

  height: 200px;

  width: 100%;

  overflow: hidden

}



.m-home2 .ongive .right .oraper dd ul {

  padding: 1% 0

}



.m-home2 .ongive .right .oraper dd ul li i {

  color: #234295

}



.m-home2 .ongive .right .oraper dd ul li a {

  line-height: 40px;

  white-space: nowrap;

  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;

  width: 100%;

  display: block;

  overflow: hidden

}



.m-home3 .gOilCo {

  background: url(../img/gw53_10.png) 50% no-repeat;

  background-size: cover;

  padding-top: 1%;

  padding-bottom: 3%

}



.m-home3 .gOilCo .swiper {

  padding: 3% 0

}



.m-home3 .gOilCo .swiper .swiper-slide {

  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-home3 .gOilCo .swiper .swiper-slide a {

  width: 450px;

  height: 200px;

  -webkit-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  display: block;

  position: relative;

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

  background-size: cover

}



.m-home3 .gOilCo .swiper .swiper-slide a .bgcont {

  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-home3 .gOilCo .swiper .swiper-slide a>img {

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

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

  transition: all .4s ease-in;

  width: 100%;

  height: 100%;

  display: block

}



.m-home3 .gOilCo .swiper .swiper-slide a.curr,

.m-home3 .gOilCo .swiper .swiper-slide a:hover {

  -webkit-border-radius: 6px;

  border-radius: 6px

}



.m-home3 .gOilCo .swiper .swiper-slide a.curr>img,

.m-home3 .gOilCo .swiper .swiper-slide a:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03)

}



.m-home3 .gOilCo .swiper .swiper-slide .cont {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-left: 3%

}



.m-home3 .gOilCo .swiper .swiper-slide .cont h6 {

  font-size: 18px;

  font-weight: 400;

  color: #9a9a9a

}



@media (max-width:1200px) {

  .m-home3 .gOilCo .swiper .swiper-slide .cont h6 {

    font-size: 128.57143%

  }

}



.m-home3 .gOilCo .swiper .swiper-slide .cont h5 {

  font-size: 48px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home3 .gOilCo .swiper .swiper-slide .cont h5 {

    font-size: 342.85714%

  }

}



.m-home3 .gOilCo .swiper .swiper-slide .cont p {

  font-size: 18px;

  font-weight: 400;

  color: #676767

}



@media (max-width:1200px) {

  .m-home3 .gOilCo .swiper .swiper-slide .cont p {

    font-size: 128.57143%

  }

}



.m-home3 .gOilCo .pagin {

  border-top: 1px solid #e7e7e7;

  border-bottom: 1px solid #e7e7e7;

  margin: 20px 0;

  margin-top: 50px;

  position: relative

}



.m-home3 .gOilCo .pagin .btn {

  position: absolute;

  z-index: 200;

  top: 12px;

  height: 28px

}



.m-home3 .gOilCo .pagin .btn img {

  height: 100%

}



.m-home3 .gOilCo .pagin .swiper-button-prev1 {

  left: 5px

}



.m-home3 .gOilCo .pagin .swiper-button-next1 {

  right: 5px

}



.m-home3 .gOilCo .pagin .swiper-pagination {

  position: relative;

  line-height: 60px;

  font-size: 20px;

  font-weight: 400

}



@media (max-width:1200px) {

  .m-home3 .gOilCo .pagin .swiper-pagination {

    font-size: 142.85714%

  }

}



.m-home3 .gOilCo .pagin .swiper-pagination .swiper-pagination-bullet-active {

  color: #234295;

  font-size: 26px;

  font-weight: 700

}



@media (max-width:1200px) {

  .m-home3 .gOilCo .pagin .swiper-pagination .swiper-pagination-bullet-active {

    font-size: 185.71429%

  }

}



.m-home3 .gOilCo .pagin .swiper-pagination-bullet {

  width: 100px;

  opacity: 1;

  background: none;

  text-align: center

}