* { 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 { opacity: .85; cursor: pointer }
a:active,
button:active { opacity: .7 }
body,html { width: 100%; height: 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,video { 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: #1064ee; 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: #1064ee; 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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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: #1064ee; -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 #1064ee, 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 4px #1064ee, 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: #1064ee; 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: 2px; 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(#1064ee)); background-image: -webkit-linear-gradient(#1064ee); background-image: -o-linear-gradient(#1064ee); background-image: linear-gradient(#1064ee) }
.p-pop .pop .btn a.curr { background: #1064ee; 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 }
.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: #1064ee; opacity: .8 }
.homeTopSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1064ee }



@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: #1064ee }
.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: #1064ee }
.page1 a:hover span { text-decoration: underline }
.page1 a i { float: right; color: #b3b3b3 }
.page1 .swiper-pagination-bullet-active { color: #1064ee }
.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: center }
.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 }
.u-page .page a.curr,
.u-page .page a:hover,
.yingming-pages span.ad-this { color: #fff; background: #1064ee }



@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(16, 100, 238, .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-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 .form { width: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 30px; border-bottom: 1px solid #585858 }
.h-header section.main .form button img { padding: 5px 0; height: 100% }
.h-header section.main .form input { border: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right }
.h-header section.main .nav { font-size: 16px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 90px; position: relative }
.contactw{ display: flex; }
.contactw .bydefau { width: 40% !important;}
.contactw>div#MapBox { width: 60% !important; }

@media (max-width:1200px) { 
  .h-header section.main .nav { font-size: 114.28571%  }
}
.h-header section.main .nav li { position: relative; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: static }
.h-header section.main .nav li>a { display: inline-block; padding: 15px 0 }
.h-header section.main .nav li .transImg { position: absolute; display: none; z-index: 998; width: 100%; background: hsla(0, 0%, 100%, .9); left: 0; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -webkit-border-radius: 3px; border-radius: 3px; /* padding: 1% 0 */ }
.h-header section.main .nav li .transImg dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /* padding: 1.5% 2% 0 2% */
  padding:0% 1% 1%;  }
.h-header section.main .nav li .transImg dl>* { width: 23%; margin:0px 1%; /* margin-left: 3%; margin-right: 3% */  margin-top:2%;  }
.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(16, 100, 238, .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: #1064ee; 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: #1064ee; -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: #1064ee }
.h-header section.main .nav li .transImg dl dt .cont a:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left }
.h-header section.main .nav li.curr>a,
.h-header section.main .nav li:hover>a { color: #1064ee }
.f-footer { background: #212121; color: #f2f2f1; margin-top: 2% }
.f-footer .top { border-bottom: 1px solid #3f3f3f; padding: 1% 0 }
.f-footer .top a { display: inline-block; padding: 0 .2% }
.f-footer .top a:hover { color: #1064ee; text-decoration: underline }
.f-footer .ationto { 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: 1.5% 0; line-height: 2 }
.f-footer .ationto dd { font-size: 16px; font-weight: 400; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 8% }



@media (max-width:1200px) { 
  .f-footer .ationto dd { font-size: 114.28571%  }
}
.f-footer .ationto .code { width: 95px; text-align: center; font-size: 16px; font-weight: 400 }

@media (max-width:1200px) { 
  .f-footer .ationto .code { font-size: 114.28571%  }
}
.f-footer .ationto .code img { width: 100%; height: 95px }
.m-home .ssionampan dl { padding: 3.2% 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-home .ssionampan dl dt { width: 51.5%; padding-right: 3% }
.m-home .ssionampan dl dt h2 { font-size: 36px; font-weight: 400; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden }



@media (max-width:1200px) { 
  .m-home .ssionampan dl dt h2 { font-size: 257.14286%  }
}
.m-home .ssionampan dl dt h3 { font-size: 16px; font-weight: 400; padding: 1% 0 }



@media (max-width:1200px) { 
  .m-home .ssionampan dl dt h3 { font-size: 114.28571%  }
}
.m-home .ssionampan dl dt .line { border-bottom: 2px solid #ccc; position: relative; margin-top: 2%; margin-bottom: 3% }
.m-home .ssionampan dl dt .line i { width: 42px; height: 4px; background: #1064ee; position: absolute; left: 0; bottom: 0 }
.m-home .ssionampan dl dt p { color: grey; line-height: 2; padding: .1% 0 }
.m-home .ssionampan dl dd { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; position: relative }
.m-home .ssionampan dl dd .swip1er { width: 480px }
.m-home .ssionampan dl dd .swip1er .swiper-container { width: 100%; height: 320px }
.m-home .ssionampan dl dd .swip1er .swiper-container img { width: 100%; height: 100% }
.m-home .ssionampan dl dd .swip1er .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: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 3% 0; padding-bottom: 5% }
.m-home .ssionampan dl dd .bg { z-index: -1; position: absolute; right: 0; bottom: 0; height: 320px; background: #f3f3f3; width: 480px }
.m-home .avean { padding: 1.5% 0;  }
.m-home .avean .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 .avean .main>* { width: 31.73333%; margin-left: 1.2%; margin-right: 1.2% }
.m-home .avean .main>:nth-child(3n+1) { margin-left: 0 }
.m-home .avean .main>:nth-child(3n+3) { margin-right: 0 }
.m-home .avean .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; -webkit-transform: perspective(900px); transform: perspective(900px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.m-home .avean .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 .avean .main .bg>img { -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; display: block }
.m-home .avean .main .bg.curr,
.m-home .avean .main .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home .avean .main .bg.curr>img,
.m-home .avean .main .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home .avean .main .bg.curr,
.m-home .avean .main .bg:hover { -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; -webkit-transform: perspective(900px) rotateX(20deg) rotateY(0deg); transform: perspective(900px) rotateX(20deg) rotateY(0deg) }
.m-home .avean .main .bg.curr:before,
.m-home .avean .main .bg:hover:before { opacity: .6; -webkit-transform: scaleX(1); transform: scaleX(1); background: rgba(16, 100, 238, .8) }
.m-home .avean .main .bg.curr>img,
.m-home .avean .main .bg:hover>img { -webkit-transform: rotate(10deg) scale(1.3); -ms-transform: rotate(10deg) scale(1.3); transform: rotate(10deg) scale(1.3) }
.m-home .avean .main .bg.curr .bgcont,
.m-home .avean .main .bg:hover .bgcont { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1) }
.m-home .avean .main .bg:before { content: ""; background: #1064ee; width: 100%; height: 100%; -webkit-transform: scale3d(0, 1, 0); transform: scale3d(0, 1, 0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s }
.m-home .avean .main .bg>img { width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.m-home .avean .main .bg .bgcont { width: 100%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -ms-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s }
.m-home .avean .main .cont { padding: 2% 0; font-size: 22px; font-weight: 400 }



@media (max-width:1200px) { 
  .m-home .avean .main .cont { font-size: 157.14286%  }
}
.m-home .avean .main .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; line-height: 2 }
.m-home .avean .main .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: #1064ee; -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-home .avean .main .cont a:hover { color: #1064ee }
.m-home .avean .main .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 }
.m-home .saveth { padding: 1.5% 0;background: #f3f3f3 }
.m-home .saveth .main { position: relative; height: 400px; margin: 20px auto }
.m-home .saveth .main .swiper-container { height: 100% }
.m-home .saveth .main .swiper-container img { width: 100%; height: 100% }
.m-home .saveth .main .btn a { position: absolute; top: 45% }
.m-home .saveth .main .btn a.prev1 { left: -50px }
.m-home .saveth .main .btn a.next1 { right: -50px }
.m-home .henforma { padding: 1.2% 0 2%;background: #f3f3f3; margin-top: 20px; }
.m-home .henforma .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 .henforma .main>* { width: 30.13333%; margin-left: 2.4%; margin-right: 2.4% }
.m-home .henforma .main>:nth-child(3n+1) { margin-left: 0 }
.m-home .henforma .main>:nth-child(3n+3) { margin-right: 0 }
.m-home .henforma .main .bg { width: 100%; height: 220px; -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 .henforma .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 .henforma .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 .henforma .main .bg.curr,
.m-home .henforma .main .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home .henforma .main .bg.curr>img,
.m-home .henforma .main .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home .henforma .main .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-home .henforma .main .bg .bgcont>* { line-height: 2.5 }
.m-home .henforma .main .bg.curr .bgcont,
.m-home .henforma .main .bg:hover .bgcont { bottom: 0 }
.m-home .henforma .main .cont { padding: 1% 0 }
.m-home .henforma .main .cont h2 { padding-top: 2%; font-size: 18px; font-weight: 400 }



@media (max-width:1200px) {
 .m-home .henforma .main .cont h2 { font-size: 128.57143%  }
}
.m-home .henforma .main .cont h2 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 }
.m-home .henforma .main .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: #1064ee; -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-home .henforma .main .cont h2 a:hover { color: #1064ee }
.m-home .henforma .main .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-home .henforma .main .cont .time { color: #999; line-height: 1; padding-bottom: 2.8% }
.m-home .henforma .main .cont p { color: #7f7f7f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.m-home .phasizeth { padding: 1% 0 }
.m-home .phasizeth .title { font-size: 24px; font-weight: 400; padding: 1% 0 }



@media (max-width:1200px) { 
  .m-home .phasizeth .title { font-size: 171.42857%  }
}
.m-home .phasizeth .title i { color: #1064ee }
.m-home .phasizeth .swiper-container a { width: 100%; height: 80px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; display: block; position: relative; background: url(../img/aImg.jpg) 50% no-repeat; background-size: cover; padding: 3% 3.2%; background: #fff; border: 1px solid #cecece; margin: 6% 0 }
.m-home .phasizeth .swiper-container 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-home .phasizeth .swiper-container 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-home .phasizeth .swiper-container a.curr,
.m-home .phasizeth .swiper-container a:hover { -webkit-transition: all .8s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: all .8s cubic-bezier(.68, -.55, .265, 1.55); transition: all .8s cubic-bezier(.68, -.55, .265, 1.55); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(1turn) translateZ(20px); transform: rotateX(1turn) translateZ(20px); -webkit-border-radius: 6px; border-radius: 6px }
.m-home .phasizeth .swiper-container a.curr>img,
.m-home .phasizeth .swiper-container a:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.n-licksa { text-align: center; padding: 1.5% 0 }
.n-licksa h2 { font-size: 30px; font-weight: 400 }



@media (max-width:1200px) {
 .n-licksa h2 { font-size: 214.28571%  }
}
.n-licksa h3 { font-size: 18px; font-weight: 400; color: #9a9a9a; line-height: 1; padding-top: .3% }



@media (max-width:1200px) { .n-licksa h3 { font-size: 128.57143%  }
}
.n-licksa .line { display: inline-block; width: 35px; height: 3px; background: #1064ee }
.n-theCR { background-color: #f6f6f6; margin-bottom: 30px }
.n-theCR .main { padding: 12px 0 }
.n-theCR .main li { display: inline-block; font-size: 16px; font-weight: 400; line-height: 38px; padding: 0 15px; -webkit-border-radius: 5px; border-radius: 5px }



@media (max-width:1200px) {
 .n-theCR .main li { font-size: 128.57143%  }
}
.n-theCR .main li.curr,
.n-theCR .main li:hover { background: #1064ee; color: #fff }
.m-home1 .RMsyste { 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 .RMsyste>* { width: 23.5%; margin-left: 1%; margin-right: 1% }
.m-home1 .RMsyste>:nth-child(4n+1) { margin-left: 0 }
.m-home1 .RMsyste>:nth-child(4n+4) { margin-right: 0 }
.m-home1 .RMsyste .bg { width: 100%; height: 390px; -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 .RMsyste .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 .RMsyste .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 .RMsyste .bg.curr,
.m-home1 .RMsyste .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home1 .RMsyste .bg.curr>img,
.m-home1 .RMsyste .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home1 .RMsyste .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 .RMsyste .bg .bgcont>* { line-height: 2.5 }
.m-home1 .RMsyste .bg.curr .bgcont,
.m-home1 .RMsyste .bg:hover .bgcont { bottom: 0 }
.m-home1 .RMsyste .cont { padding: 1.5% 0 }
.m-home1 .RMsyste .cont h2 { font-size: 16px; font-weight: 400 }



@media (max-width:1200px) { 
  .m-home1 .RMsyste .cont h2 { font-size: 114.28571% }
}
.m-home1 .RMsyste .cont h2 a { line-height: 2; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; display: inline-block; padding-bottom: 2px; position: relative }
.m-home1 .RMsyste .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: #1064ee; -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 .RMsyste .cont h2 a:hover { color: #1064ee }
.m-home1 .RMsyste .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 .temGene dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start }
.m-home1 .temGene dt .bg { font-size: 200%; width: 45%; height: 365px; -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 .temGene 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 .temGene 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 .temGene dt .bg.curr,
.m-home1 .temGene dt .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home1 .temGene dt .bg.curr>img,
.m-home1 .temGene dt .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home1 .temGene dt .bg .bgcont,
.m-home1 .temGene dt .bg .mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0 }
.m-home1 .temGene dt .bg .mask1,
.m-home1 .temGene dt .bg .mask2 { height: 200%; width: 200%; background: rgba(16, 100, 238, .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 .temGene 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 }
.m-home1 .temGene 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% }
.m-home1 .temGene 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 }
.m-home1 .temGene dt .bg.curr .bgcont,
.m-home1 .temGene 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) }
.m-home1 .temGene dt .bg.curr .mask1,
.m-home1 .temGene 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) }
.m-home1 .temGene dt .bg.curr .mask2,
.m-home1 .temGene 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) }
.m-home1 .temGene dt .cont { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 3% }
.m-home1 .temGene dt .cont h2 { font-size: 30px; font-weight: 400; padding-bottom: 4.5% }



@media (max-width:1200px) { 
  .m-home1 .temGene dt .cont h2 { font-size: 214.28571%  }
}
.m-home1 .temGene dt .cont h3 { color: #7f7f7f; padding: 4.5% 0 }
.m-home1 .temGene dt .cont article { color: #7f7f7f; line-height: 2 }
.m-home1 .temGene nav { margin: 2% 0; background: #f4f4f4; 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 .temGene nav li { line-height: 53px; font-size: 18px; font-weight: 400; padding: 0 15px }



@media (max-width:1200px) {
 .m-home1 .temGene nav li { font-size: 128.57143%  }
}
.m-home1 .temGene nav li.curr { background: #1064ee; color: #fff }
.m-home1 .temGene dd { line-height: 2 }
.m-home1 .temGene dd h2 { font-size: 16px; font-weight: 400; color: #696969 }



@media (max-width:1200px) { 
  .m-home1 .temGene dd h2 { font-size: 114.28571%  }
}
.m-home1 .temGene dd p { color: #868686 }
.m-home1 .temGene dd img { padding: 1% 0 }
.m-home1 .ationnterf { 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 .ationnterf>* { width: 23.5%; margin-left: 1%; margin-right: 1% }
.m-home1 .ationnterf>:nth-child(4n+1) { margin-left: 0 }
.m-home1 .ationnterf>:nth-child(4n+4) { margin-right: 0 }
.m-home1 .ationnterf li { /* padding: 1% 0;*/ border: 1px solid #f1f1f1; margin-bottom: 15px; }
.m-home1 .ationnterf .bg { width: 100%; height: 200px; -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 .ationnterf .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 .ationnterf .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 .ationnterf .bg.curr,
.m-home1 .ationnterf .bg:hover { -webkit-border-radius: 0; border-radius: 0 }
.m-home1 .ationnterf .bg.curr>img,
.m-home1 .ationnterf .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home1 .ationnterf .bg .bgcont { opacity: 0; -webkit-transition: all .3s ease-in .4s; -o-transition: all .3s ease-in .4s; transition: all .3s ease-in .4s; background-color: rgba(16, 100, 238, .4); width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0 }
.m-home1 .ationnterf .bg .bgcont>* { opacity: 0; background: rgba(0, 0, 0, 0); -webkit-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -webkit-transition: all .3s ease-in-out .1s; -o-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s }
.m-home1 .ationnterf .bg.curr .bgcont,
.m-home1 .ationnterf .bg:hover .bgcont { opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.m-home1 .ationnterf .bg.curr .bgcont>*,
.m-home1 .ationnterf .bg:hover .bgcont>* { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s }
.m-home1 .ationnterf .bg.curr img,
.m-home1 .ationnterf .bg:hover img { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.m-home1 .ationnterf .cont {  padding: 3% 3%; background: #f9f9f9; }
.m-home1 .ationnterf .cont h2 a { font-size: 16px; font-weight: 400; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; display: inline-block; padding-bottom: 2px; position: relative }



@media (max-width:1200px) { 
  .m-home1 .ationnterf .cont h2 a { font-size: 114.28571%  }
}
.m-home1 .ationnterf .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: #1064ee; -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 .ationnterf .cont h2 a:hover { color: #1064ee }
.m-home1 .ationnterf .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 .ationnterf .cont p { color: #898989; font-size: 12px; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }



@media (max-width:1200px) { 
  .m-home1 .ationnterf .cont p { font-size: 85.71429%  }
}
.m-home1 .thewhol .aftersucc { color: #7e7e7e; line-height: 2; padding: .3% 0 }
.m-home1 .thewhol .aftersucc .width100 { padding: 1% 0 }
.m-home1 .ccessTh { 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 .ccessTh>* { width: 17.18%; margin-left: 1.76%; margin-right: 1.76% }
.m-home1 .ccessTh>:nth-child(5n+1) { margin-left: 0 }
.m-home1 .ccessTh>:nth-child(5n+5) { margin-right: 0 }
.m-home1 .ccessTh li { padding: .3% 0 }
.m-home1 .ccessTh .bg { width: 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; -webkit-transform: perspective(900px); transform: perspective(900px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.m-home1 .ccessTh .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 .ccessTh .bg>img { -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; display: block }
.m-home1 .ccessTh .bg.curr,
.m-home1 .ccessTh .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home1 .ccessTh .bg.curr>img,
.m-home1 .ccessTh .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home1 .ccessTh .bg.curr,
.m-home1 .ccessTh .bg:hover { -webkit-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; -webkit-transform: perspective(900px) rotateX(20deg) rotateY(0deg); transform: perspective(900px) rotateX(20deg) rotateY(0deg) }
.m-home1 .ccessTh .bg.curr:before,
.m-home1 .ccessTh .bg:hover:before { opacity: .6; -webkit-transform: scaleX(1); transform: scaleX(1); background: rgba(16, 100, 238, .8) }
.m-home1 .ccessTh .bg.curr>img,
.m-home1 .ccessTh .bg:hover>img { -webkit-transform: rotate(10deg) scale(1.3); -ms-transform: rotate(10deg) scale(1.3); transform: rotate(10deg) scale(1.3) }
.m-home1 .ccessTh .bg.curr .bgcont,
.m-home1 .ccessTh .bg:hover .bgcont { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1) }
.m-home1 .ccessTh .bg:before { content: ""; background: #1064ee; width: 100%; height: 100%; -webkit-transform: scale3d(0, 1, 0); transform: scale3d(0, 1, 0); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease .1s; -o-transition: all .5s ease .1s; transition: all .5s ease .1s }
.m-home1 .ccessTh .bg>img { width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.m-home1 .ccessTh .bg .bgcont { width: 100%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -ms-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s }
.m-home1 .ccessTh .cont { padding: 2.5% 0 }
.m-home1 .ccessTh .cont h2 a { font-size: 18px; font-weight: 400; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; display: inline-block; padding-bottom: 2px; position: relative }



@media (max-width:1200px) { 
  .m-home1 .ccessTh .cont h2 a { font-size: 128.57143%  }
}
.m-home1 .ccessTh .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: #1064ee; -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 .ccessTh .cont h2 a:hover { color: #1064ee }
.m-home1 .ccessTh .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 .ccessTh .cont p { color: #6b6b6b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden }
.m-home1 .bydefau dt h6 { font-size: 18px; font-weight: 400; color: #1064ee; padding: 1.2% 0 }


@media (max-width:1200px) { 
  .m-home1 .bydefau dt h6 { font-size: 128.57143%  }
}
.m-home1 .bydefau 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: 45px }
.m-home1 .bydefau dt li img { width: 20px }
.m-home1 .bydefau dt li p { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 16px; font-weight: 400; padding-left: 1%; color: #474747 }


@media (max-width:1200px) { 
  .m-home1 .bydefau dt li p { font-size: 114.28571%  }
}
.m-home1 .bydefau .code { padding: 2% 0; width: 160px; text-align: center; font-size: 18px; font-weight: 400 }


@media (max-width:1200px) { 
  .m-home1 .bydefau .code { font-size: 128.57143%  }
}
.m-home1 .bydefau .code img { width: 100%; height: 160px }
.m-home1 .hendao form { width: 630px; margin: 2% auto }
.m-home1 .hendao form 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; padding: 1.5% 0 }
.m-home1 .hendao form label input,
.m-home1 .hendao form label textarea { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #efefef; height: 50px }

.m-home1 .hendao form label img{ height: 50px;  }
.m-home1 .hendao form label textarea { height: 190px }
.m-home1 .hendao form .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; padding-top: 5% }
.m-home1 .hendao form .btn button { font-size: 18px; font-weight: 400; width: 160px; line-height: 50px; background: #1064ee; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; text-align: center; letter-spacing: 2px; overflow: hidden; color: #fff }


@media (max-width:1200px) { 
  .m-home1 .hendao form .btn button { font-size: 128.57143%  }
}
.m-home1 .hendao form .btn button:after { position: absolute; content: " "; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#1064ee)); background-image: -webkit-linear-gradient(#1064ee); background-image: -o-linear-gradient(#1064ee); background-image: linear-gradient(#1064ee); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.m-home1 .hendao form .btn button.curr { background: #1064ee; color: #fff }
.m-home1 .hendao form .btn button:hover { color: #fff; background: rgba(0, 0, 0, 0) }
.m-home1 .hendao form .btn button:hover,
.m-home1 .hendao form .btn button:hover:after { -webkit-box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3); box-shadow: 4px 4px 6px 0 hsla(0, 0%, 100%, .5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 hsla(0, 0%, 100%, .5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3) }
.m-home1 .hendao form .btn button:hover:after { -webkit-transform: scale(2) rotate(180deg); -ms-transform: scale(2) rotate(180deg); transform: scale(2) rotate(180deg) }
.m-home1 .daorubeg { 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 .daorubeg>* { width: 31.56%; margin-left: 1.33%; margin-right: 1.33% }
.m-home1 .daorubeg>:nth-child(3n+1) { margin-left: 0 }
.m-home1 .daorubeg>:nth-child(3n+3) { margin-right: 0 }
.m-home1 .daorubeg li { padding: .5% 0 }
.m-home1 .daorubeg .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-home1 .daorubeg .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 .daorubeg .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 .daorubeg .bg.curr,
.m-home1 .daorubeg .bg:hover { -webkit-border-radius: 6px; border-radius: 6px }
.m-home1 .daorubeg .bg.curr>img,
.m-home1 .daorubeg .bg:hover>img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03) }
.m-home1 .daorubeg .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 .daorubeg .bg .bgcont>* { line-height: 2.5 }
.m-home1 .daorubeg .bg.curr .bgcont,
.m-home1 .daorubeg .bg:hover .bgcont { bottom: 0 }
.m-home1 .daorubeg .cont { padding: 2% 0 }
.m-home1 .daorubeg .cont h2 { font-size: 18px; font-weight: 400 }

@media (max-width:1200px) { 
  .m-home1 .daorubeg .cont h2 { font-size: 128.57143%  }
}
.m-home1 .daorubeg .cont h2 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 }
.m-home1 .daorubeg .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: #1064ee; -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 .daorubeg .cont h2 a:hover { color: #1064ee }
.m-home1 .daorubeg .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 .daorubeg .cont p { color: #686868 }
.m-home1 .daorubeg .cont .more { line-height: 2; color: #1064ee }
.n-faceaft { text-align: center; line-height: 1; padding: 1% 0 }
.n-faceaft h2 { font-size: 24px; font-weight: 400; padding-bottom: .5% }


@media (max-width:1200px) { 
  .n-faceaft h2 { font-size: 171.42857%  }
}
.n-faceaft .line { width: 50px; display: inline-block; height: 3px; background: #1064ee; margin: .7% 0 }
.n-faceaft h3 { color: #9a9a9a }
.m-home2.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 }
.m-home2.main .left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 3% }
.m-home2.main .left .eriodof .h2 { font-size: 24px; font-weight: 400; color:#333;  }



@media (max-width:1200px) { 
  .m-home2.main .left .eriodof .h2 { font-size: 171.42857%  }
}
.m-home2.main .left .eriodof h3 { line-height: 3; font-size: 18px; font-weight: 400; color: #6e6e6e }


@media (max-width:1200px) { 
  .m-home2.main .left .eriodof h3 { font-size: 128.57143%  }
}
.m-home2.main .left .eriodof .time { color: #979797; padding: .5% 0 }
.m-home2.main .left .eriodof  { font-size: 16px; font-weight: 400; color: #6e6e6e; line-height: 2;  }

@media (max-width:1200px) { .m-home2.main .left .eriodof { font-size: 114.28571%  }
}
.m-home2.main .left .eriodof img { padding: .5% 0 }
.m-home2.main .right { width: 320px }
.m-home2.main .right .oraper dt { font-size: 18px; font-weight: 400; line-height: 3.2; text-align: center; border-top: 3px solid #1064ee; border-bottom: 1px dashed #e5e5e5 }



@media (max-width:1200px) { .m-home2.main .right .oraper dt { font-size: 128.57143%  }
}
.m-home2.main .right .oraper dd { height: 200px; width: 100%; overflow: hidden }
.m-home2.main .right .oraper dd ul { padding: 1% 0 }
.m-home2.main .right .oraper dd ul li i { color: #1064ee }
.m-home2.main .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 }



@media only screen and (max-width:1200px) and (min-width:800px) { body { font-size: 12px  }  body .main { width: 97%  }  body .m-home .ssionampan dl dd .swip1er { width: 100%  }  body .m-home .ssionampan dl dd .swip1er .swiper-container { height: 300px  }  body .m-home .avean .main .bg { height: 230px  }  body .m-home .saveth .main { height: 390px  }  body .m-home .henforma .main .bg { height: 200px  }  body .m-home .phasizeth .swiper-container a { height: 85px  }  body .m-home1 .RMsyste .bg,

  body .m-home1 .temGene dt .bg { height: 320px  }  body .m-home1 .ationnterf .bg { height: 160px  }  body .m-home1 .ccessTh .bg { height: 130px  }  body .m-home1 .daorubeg .bg { height: 240px  }  body .m-home2.main .left { padding-right: 2%  }  body .m-home2.main .right { height: 290px  }  body .m-home2.main .right .oraper dt { line-height: 2.8  }  body .m-home2.main .right .oraper ul li a { line-height: 35px  }
}



@media only screen and (max-width:500px) and (min-width:250px) { body { font-size: 3.2vw  }
}



@media only screen and (max-width:800px) and (min-width:250px) { body .main { width: 97%  }

  .contactw{ display: block; }
  .contactw .bydefau,.contactw>div#MapBox {  width:100% !important;  }

  body .h-header { height: 60px;   display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: justify;   -webkit-justify-content: space-between;   -ms-flex-pack: justify;   justify-content: space-between;   -webkit-box-align: center;   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center  }  body .h-header section.main .horizo { display: block  }  body .h-header section.main .horizo a i { display: block;   position: relative;   width: 30px;   height: 3px;   margin: 5px 0;   background-color: #1064ee;   -webkit-border-radius: 10px;   border-radius: 10px;   -webkit-transition: all .4s ease;   -o-transition: all ease .4s;   transition: all .4s ease  }  body .h-header section.main .horizo a.curr i:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg);   -ms-transform: translateY(-9px) rotate(45deg);   transform: translateY(-9px) rotate(45deg);   margin-bottom: 0  }  body .h-header section.main .horizo a.curr i:first-of-type { -webkit-transform: translateY(6px) rotate(-45deg);   -ms-transform: translateY(6px) rotate(-45deg);   transform: translateY(6px) rotate(-45deg);   margin-top: 0  }  body .h-header section.main .horizo a.curr i:nth-of-type(2) { opacity: 0  }  body .h-header section.main .logo,

  body .h-header section.main .logo img { height: 100%  }  body .h-header section.main .nav { padding-left: 0;   z-index: 2000;   position: absolute;   left: 0;   width: 100%;   background: #fff;   text-align: center;   top: 60px;   display: none;   padding: 0;   font-size: 100%  }  body .h-header section.main .nav li { padding: 3% 0;   display: block;   text-align: left;   padding-left: 15px;   border-bottom: 1px solid hsla(0, 0%, 40%, .216)  }  body .h-header section.main .nav li>a { font-size: 120%;   padding: 0  }  body .h-header section.main .nav li .vertical { display: block;   position: static;   -webkit-box-shadow: none;   box-shadow: none;   text-align: left;   padding-left: 30px  }  body .m-home .ssionampan dl { display: block  }  body .m-home .ssionampan dl dd,

  body .m-home .ssionampan dl dt { width: 100%;   padding: 1% 0  }  body .m-home .ssionampan dl dd .swip1er { width: 100%  }  body .m-home .ssionampan dl dd .swip1er .swiper-container { height: 230px  }  body .m-home .avean .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;   font-size: 80%  }  body .m-home .avean .main>* { width: 49%;   margin-left: 1%;   margin-right: 1%  }  body .m-home .avean .main>:nth-child(3n+1) { margin-left: 1%  }  body .m-home .avean .main>:nth-child(3n+3) { margin-right: 1%  }  body .m-home .avean .main>:nth-child(odd) { margin-left: 0  }  body .m-home .avean .main>:nth-child(2n+2) { margin-right: 0  }  body .m-home .avean .main .bg { height: 35vw  }  body .m-home .saveth .main { height: 145vw  }  body .m-home .henforma .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  }  body .m-home .henforma .main>* { width: 100%;   margin-left: 0;   margin-right: 0  }  body .m-home .henforma .main>:nth-child(3n+1) { margin-left: 0  }  body .m-home .henforma .main>:nth-child(3n+3) { margin-right: 0  }  body .m-home .henforma .main>:nth-child(1n+1) { margin-left: 0  }  body .m-home .henforma .main>:nth-child(1n+1) { margin-right: 0  }  body .m-home .henforma .main li { padding: 1.5% 0  }  body .m-home .henforma .main .bg { height: 55vw  }  body .m-home .phasizeth .swiper-container a { height: 15vw  }  body .n-licksa { font-size: 80%;   margin: 2% 0  }  body .f-footer .main .ationto,

  body .f-footer .main .top { display: none  }  body .f-footer .main .u-mobile { text-align: center;   padding: 3% 0  }  body .n-theCR .main { white-space: nowrap;   display: block;   width: 100%;   overflow-x: auto;   font-size: 80%;   padding: 5px 0  }  body .n-theCR .main li { line-height: 25px  }  body .m-home1 .RMsyste { 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;   text-align: center  }  body .m-home1 .RMsyste>* { width: 49%;   margin-left: 1%;   margin-right: 1%  }  body .m-home1 .RMsyste>:nth-child(4n+1) { margin-left: 1%  }  body .m-home1 .RMsyste>:nth-child(4n+4) { margin-right: 1%  }  body .m-home1 .RMsyste>:nth-child(odd) { margin-left: 0  }  body .m-home1 .RMsyste>:nth-child(2n+2) { margin-right: 0  }  body .m-home1 .RMsyste .bg { height: 76vw  }  body .m-home1 .temGene dt { display: block  }  body .m-home1 .temGene dt .bg { display: block;   width: 100%  }  body .m-home1 .temGene dt .cont { padding: 1% 0  }  body .m-home1 .temGene dt .cont h2 { text-align: center;   padding: 1% 0  }  body .m-home1 .temGene dt .cont h3 { padding: 1% 0  }  body .m-home1 .temGene nav li { line-height: 35px  }  body .m-home1 .ationnterf { display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: start;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   -webkit-box-align: start;   -webkit-align-items: flex-start;   -ms-flex-align: start;   align-items: flex-start;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap  }  body .m-home1 .ationnterf>* { width: 49%;   margin-left: 1%;   margin-right: 1%  }  body .m-home1 .ationnterf>:nth-child(4n+1) { margin-left: 1%  }  body .m-home1 .ationnterf>:nth-child(4n+4) { margin-right: 1%  }  body .m-home1 .ationnterf>:nth-child(odd) { margin-left: 0  }  body .m-home1 .ationnterf>:nth-child(2n+2) { margin-right: 0  }  body .m-home1 .ationnterf .bg { height: 33vw  }  body .m-home1 .ccessTh { display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: start;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   -webkit-box-align: start;   -webkit-align-items: flex-start;   -ms-flex-align: start;   align-items: flex-start;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap  }  body .m-home1 .ccessTh>* { width: 49%;   margin-left: 1%;   margin-right: 1%  }  body .m-home1 .ccessTh>:nth-child(4n+1) { margin-left: 1%  }  body .m-home1 .ccessTh>:nth-child(4n+4) { margin-right: 1%  }  body .m-home1 .ccessTh>:nth-child(odd) { margin-left: 0  }  body .m-home1 .ccessTh>:nth-child(2n+2) { margin-right: 0  }  body .m-home1 .ccessTh .bg { height: 35vw  }  body .m-home1 .ccessTh .cont h2 { text-align: center  }  body .m-home1 .bydefau dt h6 { margin-bottom: 2%  }  body .m-home1 .bydefau dt li { height: 35px  }  body .m-home1 .hendao form { width: 100%  }  body .m-home1 .hendao form label input,

  body .m-home1 .hendao form label img { height: 40px  }  body .m-home1 .hendao form .btn button { width: 120px;   line-height: 40px  }  body .m-home1 .daorubeg { display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: start;   -webkit-justify-content: flex-start;   -ms-flex-pack: start;   justify-content: flex-start;   -webkit-box-align: start;   -webkit-align-items: flex-start;   -ms-flex-align: start;   align-items: flex-start;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap  }  body .m-home1 .daorubeg>* { width: 49%;   margin-left: 1%;   margin-right: 1%  }  body .m-home1 .daorubeg>:nth-child(4n+1) { margin-left: 1%  }  body .m-home1 .daorubeg>:nth-child(4n+4) { margin-right: 1%  }  body .m-home1 .daorubeg>:nth-child(odd) { margin-left: 0  }  body .m-home1 .daorubeg>:nth-child(2n+2) { margin-right: 0  }  body .m-home1 .daorubeg .bg { height: 35vw  }  body .m-home2.main { display: block  }  body .m-home2.main .left { display: block;   width: 100%;   padding: 1% 0  }  body .m-home2.main .right { display: none  }
}