* {
  margin: 0;
  padding: 0;
  outline: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #282828 !important;
}
.header .wrap {
  width: 79%;
  height: 66px;
}
.header .logo {
  display: inline-block;
  width: 82px;
  height: 42px;
  float: left;
  margin-top: 12px;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .nav {
  display: inline-block;
  float: right;
  padding: 20px 0 25px;
}
.header .nav .item {
  position: relative;
  display: inline-block;
  color: #fff;
  height: 21px;
  line-height: 21px;
  font-size: 16px;
  margin: 0 40px;
  cursor: pointer;
}
.header .nav .cur,
.header .nav .item:hover {
  color: #11D7AE;
}
.header .nav .sub-item {
  display: none;
  position: absolute;
  top: 13px;
  left: 50%;
  width: 180px;
  height: 135px;
  margin-left: -75px;
  padding-top: 33px;
}
.header .nav .sub-item a {
  display: block;
  width: 150px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #727272;
  font-size: 16px;
  cursor: pointer;
  background: #fff;
}
.header .nav .sub-item a:first-child {
  border-radius: 4px 4px 0 0;
}
.header .nav .sub-item a:last-child {
  border-radius: 0 0 4px 4px;
}
.header .nav .sub-item .cur,
.header .nav .sub-item a:hover {
  background: #F9F8FD;
  color: #11D7AE;
}
.header .nav .sub-main {
  display: block;
  width: 150px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
}
.header .nav .item:hover .sub-item {
  display: block;
}
.footer {
  background-color: #282828;
}
.footer .wrap {
  height: 270px;
  padding: 61px 0 53px;
}
.footer .foot-left,
.footer .foot-right {
  display: inline-block;
  float: left;
}
.footer .list {
  display: inline-block;
  float: left;
  width: 80px;
  margin-right: 70px;
}
.footer .list a {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 30px;
}
.footer .list .tit {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 20px;
}
.footer .foot-right {
  float: right;
  height: 152px;
  padding-left: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.footer .foot-right .code {
  display: inline-block;
  float: left;
  width: 120px;
}
.footer .foot-right .code img {
  display: block;
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
}
.footer .foot-right .code p {
  line-height: 22px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.footer .foot-right .code + .code {
  margin-left: 70px;
}
.footer .foot-bom {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(134, 132, 157, 0.6);
}
.sfooter {
  background-color: #282828;
  height: 158px;
}
.sfooter .foot-top {
  height: 114px;
  text-align: center;
  padding: 46px 0;
}
.sfooter .foot-top a {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 0 33px;
}
.sfooter .foot-bom {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(134, 132, 157, 0.6);
}
@media screen and (max-width: 1440px) {
  .wrap {
    width: 1000px;
  }
  .header .wrap {
    width: 1080px;
    height: 50px;
  }
  .header .logo {
    width: 62px;
    height: 31px;
    margin-top: 9px;
  }
  .header .nav {
    padding: 13px 0;
  }
  .header .nav .item {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 0 30px;
  }
  .header .nav .sub-item {
    top: 4px;
    width: 110px;
    height: 100px;
    margin-left: -55px;
  }
  .header .nav .sub-item a {
    width: 110px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
  .header .nav .sub-main {
    width: 110px;
  }
  .footer {
    background-color: #282828;
  }
  .footer .wrap {
    width: 1000px;
    height: 190px;
    padding: 44px 0 37px;
  }
  .footer .list {
    width: 60px;
    margin-right: 65px;
  }
  .footer .list a {
    font-size: 12px;
    line-height: 24px;
  }
  .footer .list .tit {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 11px;
  }
  .footer .foot-right {
    height: 108px;
    padding-left: 60px;
  }
  .footer .foot-right .code {
    width: 85px;
  }
  .footer .foot-right .code img {
    width: 85px;
    height: 85px;
    margin-bottom: 7px;
  }
  .footer .foot-right .code p {
    font-size: 12px;
  }
  .footer .foot-right .code + .code {
    margin-left: 50px;
  }
  .footer .foot-bom {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .sfooter {
    height: 118px;
  }
  .sfooter .foot-top {
    height: 84px;
    text-align: center;
    padding: 34px 0;
  }
  .sfooter .foot-top a {
    font-size: 12px;
    line-height: 18px;
    padding: 0 25px;
  }
  .sfooter .foot-bom {
    font-size: 12px;
    height: 34px;
    line-height: 34px;
  }
}

@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #282828 !important;
}
.header .wrap {
  width: 79%;
  height: 66px;
}
.header .logo {
  display: inline-block;
  width: 82px;
  height: 42px;
  float: left;
  margin-top: 12px;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header .nav {
  display: inline-block;
  float: right;
  padding: 20px 0 25px;
}
.header .nav .item {
  position: relative;
  display: inline-block;
  color: #fff;
  height: 21px;
  line-height: 21px;
  font-size: 16px;
  margin: 0 40px;
  cursor: pointer;
}
.header .nav .cur,
.header .nav .item:hover {
  color: #11D7AE;
}
.header .nav .sub-item {
  display: none;
  position: absolute;
  top: 13px;
  left: 50%;
  width: 180px;
  height: 135px;
  margin-left: -75px;
  padding-top: 33px;
}
.header .nav .sub-item a {
  display: block;
  width: 150px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #727272;
  font-size: 16px;
  cursor: pointer;
  background: #fff;
}
.header .nav .sub-item a:first-child {
  border-radius: 4px 4px 0 0;
}
.header .nav .sub-item a:last-child {
  border-radius: 0 0 4px 4px;
}
.header .nav .sub-item .cur,
.header .nav .sub-item a:hover {
  background: #F9F8FD;
  color: #11D7AE;
}
.header .nav .sub-main {
  display: block;
  width: 150px;
  border-radius: 4px;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.05);
}
.header .nav .item:hover .sub-item {
  display: block;
}
.footer {
  background-color: #282828;
}
.footer .wrap {
  height: 270px;
  padding: 61px 0 53px;
}
.footer .foot-left,
.footer .foot-right {
  display: inline-block;
  float: left;
}
.footer .list {
  display: inline-block;
  float: left;
  width: 80px;
  margin-right: 70px;
}
.footer .list a {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 30px;
}
.footer .list .tit {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 20px;
}
.footer .foot-right {
  float: right;
  height: 152px;
  padding-left: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}
.footer .foot-right .code {
  display: inline-block;
  float: left;
  width: 120px;
}
.footer .foot-right .code img {
  display: block;
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
}
.footer .foot-right .code p {
  line-height: 22px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.footer .foot-right .code + .code {
  margin-left: 70px;
}
.footer .foot-bom {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(134, 132, 157, 0.6);
}
.sfooter {
  background-color: #282828;
  height: 158px;
}
.sfooter .foot-top {
  height: 114px;
  text-align: center;
  padding: 46px 0;
}
.sfooter .foot-top a {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  padding: 0 33px;
}
.sfooter .foot-bom {
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(134, 132, 157, 0.6);
}
@media screen and (max-width: 1440px) {
  .wrap {
    width: 1000px;
  }
  .header .wrap {
    width: 1080px;
    height: 50px;
  }
  .header .logo {
    width: 62px;
    height: 31px;
    margin-top: 9px;
  }
  .header .nav {
    padding: 13px 0;
  }
  .header .nav .item {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 0 30px;
  }
  .header .nav .sub-item {
    top: 4px;
    width: 110px;
    height: 100px;
    margin-left: -55px;
  }
  .header .nav .sub-item a {
    width: 110px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
  .header .nav .sub-main {
    width: 110px;
  }
  .footer {
    background-color: #282828;
  }
  .footer .wrap {
    width: 1000px;
    height: 190px;
    padding: 44px 0 37px;
  }
  .footer .list {
    width: 60px;
    margin-right: 65px;
  }
  .footer .list a {
    font-size: 12px;
    line-height: 24px;
  }
  .footer .list .tit {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 11px;
  }
  .footer .foot-right {
    height: 108px;
    padding-left: 60px;
  }
  .footer .foot-right .code {
    width: 85px;
  }
  .footer .foot-right .code img {
    width: 85px;
    height: 85px;
    margin-bottom: 7px;
  }
  .footer .foot-right .code p {
    font-size: 12px;
  }
  .footer .foot-right .code + .code {
    margin-left: 50px;
  }
  .footer .foot-bom {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .sfooter {
    height: 118px;
  }
  .sfooter .foot-top {
    height: 84px;
    text-align: center;
    padding: 34px 0;
  }
  .sfooter .foot-top a {
    font-size: 12px;
    line-height: 18px;
    padding: 0 25px;
  }
  .sfooter .foot-bom {
    font-size: 12px;
    height: 34px;
    line-height: 34px;
  }
}
.hide {
  display: none;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
li {
  list-style-type: none;
}
h4 {
  color: #1E1E1E;
  font-size: 24px;
  font-weight: 400;
}
.f26 {
  font-size: 24px;
}
.f22 {
  font-size: 22px;
}
.f20 {
  font-size: 20px;
}
.f16 {
  font-size: 16px;
}
.f14 {
  font-size: 14px;
}
.hui {
  color: #727272;
}
.hei {
  color: #1E1E1E;
}
.frow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}
.frow > li {
  float: left;
}
.w600 {
  float: left;
  width: 600px;
  height: 100%;
  padding: 50px 0;
}
.w600 img {
  width: 491px;
  height: auto;
}
.banner {
  margin-top: 66px;
  height: 520px;
  width: 100%;
  /*background:linear-gradient(254deg,rgba(36,62,201,1) 0%,rgba(37,75,208,1) 100%); */
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC0AAAAACCAYAAADL2F39AAAB3UlEQVR4Xu2bW67DIAxE7cXc1XTz3RFXjRSpqRJCBBOPyfQHqWqA2sTHL/zv9S6mD04CH+m6mcHGYuZuVjR2ywGrKPRBeNb81fOOfN+eJeZeu7WoSeroFeOA54u5uRU7GEsxd7eikV8ONT0e6VffV86/3DO5j+LUltMnvIiyJ+ITP59WP2JaTgF5ERVeKH3QnT6Ap2Go4yhSXohTeXgRFX/CODUhJ6L4tK4rTk3CKfGimo+7gVtLxKvAn6h+duLg4aqUmnm0BGD13mgA370+EPiqTFFHlJuMrDi1wylS9Y22pZoPJ4HpOAXkBTzBd+CPi1Okhm6ns4WSU3nEN6DRpb2Qi7OqmjmJBFwN0Ek0xbTN6ZymUUE9ofMl5ykP/Smdp94keR7xX3K+mOyx9rIvAVpOEXIiKrhf1xWn8hhKKKfyiOESL6JuAYkN/BI45ZR4wdD1s1wOgzXLVS6n3dAMk+9/NTQX6rVheG3aeqyE/YHuBMhO6fJRnmZycernsncDL0alga/OI06JUyH8A3Ei2l8Vp8Spbv4R8+IqX0b9Xpx6OKcm5UUUr8SpiTglXpymsUdxaGeeTZI/ciNRdR7KdSsOg+q9IRFfe3fw14GC1nt7+4uyPQ9WO3+1k2qH//VYVEeQmdYIAAAAAElFTkSuQmCC);
  color: #fff;
  position: relative;
}
.banner .wrap {
  position: relative;
  z-index: 1;
  height: 520px;
}
.banner h3 {
  font-size: 38px;
  margin-top: 188px;
  margin-bottom: 21px;
  font-weight: 400;
}
.banner h4 {
  opacity: 0.8;
  color: #fff;
  margin-bottom: 55px;
}
.banner .banner-left {
  float: left;
}
.banner .banner-right {
  float: right;
  width: 550px;
}
.banner .banner-right img {
  width: 450px;
  height: auto;
  margin-top: 162px;
}
.banner .banner-right .xybanne,
.banner .banner-right .ldbanne {
  width: 438px;
}
.bannerbg2 {
  /* background:linear-gradient(91deg,rgba(255,163,41,1) 0%,rgba(248,103,38,1) 100%);*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC0AAAAACCAYAAADL2F39AAACvklEQVR4Xu1cW3KDMAyUj5Nj56J1p03dMWDHsrQQAZsfpp0Cm7UeK0tu+no+chKRLCKLaxZJSSSbr1lSSpJzdZUkWbIkxLV+7vo91p8RuMr3Q+JD4prApzaApeWsLcn2s93wtoZLfB5Htq3fNqK8noNc1xKgkP6B9NsSh4hvmQe68bljHq38ZLVKcz57kw+V+ETz2SRi6xfVvMzwN8RnIK265ST8QcK00i+a+hOuRxv+S3y+dByEv5e8awR2pO6DOMSf/kHiKjqL+ByJEqxL36yvuf5F6lKkHp2oJzf7AT0diMSH5O0men6xE4SMK1W91thxsvmvC18ngfkU3vLuk+i9Xrk+9Xskb+VZA/6mlh+pV4q1IutJ4ruEHu3tm0PdAxlXSgGGBHh5fNesN9T6FKmrkHovuh4lPl//r7I7dX9q1MhE1uNTgkRZdxKfr28UgL9XH/xk/Q3q0Th69MB6wyUDkbrPBWR1MxLXHfUyci34LDJABsgAGSADZIAMfJCBlJ+PH2no+yDFpQHJ8PVRmxRIXKW4RhatxOfbOunukTuI9SFaNpmRm3VIXBzqsQ0DrLvVzvXd7fAKmwCwJoB6qGh0KAjZhEI2xwZDR6tjWzq/cfrFZ4YtnYndoKu6twwFl24ZfsPVHp+g+P5hOdL/poniNIt9Dj9Ww+bEF6eJMmF3ajmH9F+k396xSdHlb2Lh1wFGbQiKYyzIvFvhUg/tjA5fI3ULUk9RL/v0cgD+VDp1J/9wD5sjcYUbgu9MpUSNewfw93ZYRzmzpcgG+tl6R/qiXvbNjkXnb+OmSD2qPIShN2QwOOplH6EH8zf9OmTcO7Q/1PjnR6P9x+iHC2+i53c7/IjUU+wPTWywNpTYRfT8oj81ii9I/0XuE0SPe4fhM+rUk+wv+4TKjsPcUGB8GBkgA2SADJABMkAG4jPwDcW5Bt2hubp5AAAAAElFTkSuQmCC);
}
.bannerbg2 .iosbtn {
  color: #FB8127;
}
.bannerbg3 {
  /*background:linear-gradient(300deg,rgba(10,200,212,1) 0%,rgba(6,203,171,1) 100%);*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC0AAAAAECAYAAAAdgb7gAAAELklEQVR4Xu1dUXbjIBCDn73/PfYoPZT3bf3cxq1jjwDZApQf/wDBygAazTDJfz7+Lon+ySml/1+j8KS/bOALiDgsS0o5pxR+KvwsyHzR90PbG4+cc1qWJa1P0Jwo7V/ns83r7qcCDtuyNh57uzQexuNsfQbtI+W0pCVlyvOY/QTIAqEJkX+EeR7hteAhFXDYeDE8eUIH47EH1XiMhEf7X5N5XkTPIQ2veuUfwXOW2s48Xc9/s99y7EePv15idND6zx4n4zEVHjCTb89kyvV5ePKEDgp4EF4LHPIbBfPSfbTJeBiPMz/J9tGtfVDiTdf+yv2BMccl93Ft42E8zvwk28dqHwo4bOk/ZX5tW13R+uAvfVAmO8s8rFseRt1mFOxii8coxFv4eMQPDlCkoDRX0H+U4vgUkIccNF8nQNu4apIAOMlUc23G8aS0OQ4n4xFNDvnZ7mH7cJLIwd2MdkkA5aIklb3HueQnhyoTCdr2Mx564mKdiDSefSisky36orBe7sXjXJQkbmNhsY4vEpiHdcrDPpergn08zEd325bxUBWfNZQnBR1IA4l1Fh3iQQmG3ss7znmsws9iPEZIXua54e30ju8iBaXFAIg8PbwMjIcvrze4vM6+VBf2O0G5Dx53PJ5ex+o65GF1L3zR23jo8HOlpAgFuzAeT5dBeW8FxHPlq5hWlKeal+oUH7u+DFLvh/RkF8Zj1sv8WDHAsAMMFKtEb3tZD9OL44N2QdWZqY5IcHDz0iBQbkZAIJAA3eJbbeQ1SdRQsA07pdlqXXB88FDgRSeC84VVS3DcZ/HQqyCmECRRcMrtfNn5itih10tRUJGaFPe09PnKQBT4WAteWTuGAg4OCiitjNt4Olyao9bWW/Tve720nz0xaBT+JwLIO4StLpwz6ct91Mt95UGmCF8kavA7zd68tIiXspO7iHJDbMMhTsB6WOUG4CAaPYgGU7P2TAYUKF8EUHjyhA4KeBBeCxzSFaDfWbF5uurlvrB/QT2GbB/d2geaEwS1f++vlBdbgSbw4phRF0Dw+DdPH+FyHy+nyvahZx8K+0Zd8R5XgGbqZiL6sYuSHGzL5qUrL1XAYa6io0FCCCoUrOYK+o9SHJ+F83jjBhKgbVw1SRHczVuBvPhw0hOP5jqsu6nE6CQRapJIuSjZv0gwXoXfOtHEeDDFSIX1wnw/NEgxHx6uAI3wXvP0vR9kPFY8FHDYpC7Enksrf1/1Mx5H60RDdlLQgTSQ0KkwB+JB2XDMw/SC3vP+M0mrCuG8GgvMYHa0ktrWrjI3HnWTDtsbj9kuxWB3UhTsw7yU6b+BLOZHc/PSmvgkx7LrftE2vRXsQikpwnjorZP77cMVoKOXvUV4h4x7bTzM0zv4pxah9VKej9DEsY7nsFJ0QaX4fcd6GO+2UhuaXT2KeWk1hB6gGIF/DNxUecfKnqMAAAAASUVORK5CYII=);
}
.bannerbg3 .iosbtn {
  color: #07CABA;
}
.btns img {
  width: 134px;
  height: auto;
  display: inline-block;
}
.protab li {
  width: 340px;
  margin-bottom: 100px;
  margin-right: 90px;
}
.protab li h4 {
  margin: 30px auto 20px;
  font-size: 22px;
}
.protab li img {
  width: 66px;
  height: 66px;
  margin-top: 122px;
}
.protab li:last-child {
  margin-right: 0px;
}
.boxmain {
  margin-top: 44px;
  overflow: hidden;
}
.boximg {
  float: left;
  width: 59.53%;
  height: 600px;
  background: #fbfbfb;
  padding: 65px 45px;
  opacity: 1;
}
.boximg img {
  width: 720px;
  height: auto;
}
.boxtab {
  width: 40.47%;
  height: 600px;
  padding: 60px 40px;
  position: relative;
  float: left;
}
.boxtab .tabrow {
  width: 467px;
}
.boxtab h4 {
  margin-bottom: 55px;
  padding: 0 20px;
}
.boxtab ul {
  margin-bottom: 33px;
}
.boxtab ul li {
  height: 105px;
  padding: 24px 20px;
  line-height: 28px;
  cursor: pointer;
}
.boxtab ul .active::before {
  content: ' ';
  display: block;
  width: 100%;
  height: 105px ;
  position: absolute;
  z-index: -1;
  margin: -24px;
  background: #fbfbfb;
}
.boxtab .fr ul .active::before {
  left: -40px;
}
.alerts,
.alerts2 {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 1px;
}
.alerts .alertbg,
.alerts2 .alertbg {
  background: rgba(30, 30, 30, 0.57);
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.alerts .videobox,
.alerts2 .videobox {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100;
}
.alerts .videobox .gbal,
.alerts2 .videobox .gbal {
  position: absolute;
  width: 35px;
  right: 30px;
  top: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.alerts .videobox .gbal:hover,
.alerts2 .videobox .gbal:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
}
.alerts .videobox .video-class,
.alerts2 .videobox .video-class {
  margin: 2.5% 5%;
  background: #000;
  height: 90%;
  width: 90%;
}
.alerts .videobox .videoerr,
.alerts2 .videobox .videoerr {
  color: #fff;
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  padding-top: 200px;
  margin: 2.5% 5%;
  background: #000;
  height: 90%;
  width: 90%;
}
.alerts .alertsbox,
.alerts2 .alertsbox {
  position: relative;
  top: 50%;
  width: 661px;
  height: 395px;
  margin: -200px auto;
  z-index: 999;
  background: #ffffff;
  border-radius: 8px;
  padding: 44px 47px;
  -webkit-animation: scaleIn 0.3s ease-out;
  animation: scaleIn 0.3s ease-out;
}
.alerts .alertsbox h4,
.alerts2 .alertsbox h4 {
  font-size: 24px;
}
.alerts .alertsbox .gbal,
.alerts2 .alertsbox .gbal {
  width: 23px;
  height: 23px;
  float: right;
  margin: -2px -5px;
  cursor: pointer;
}
.alerts .alertsbox p,
.alerts2 .alertsbox p {
  font-size: 16px;
  color: #727272;
  line-height: 26px;
  margin: 28px auto 50px;
}
.alerts .alertsbox .box-bg,
.alerts2 .alertsbox .box-bg {
  width: 100%;
  height: 100px;
  background: #ebf4fd;
  padding: 10px 38px ;
  line-height: 40px;
  font-size: 16px;
  color: #1E1E1E;
}
.alerts .alertsbox .box-bg span,
.alerts2 .alertsbox .box-bg span {
  color: #727272;
  font-size: 14px;
}
.openalerts {
  cursor: pointer;
  width: 116px;
  height: 35px;
  line-height: 35px;
  background: #09C9CB;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}
.openalerts img {
  margin-right: 5px;
  width: 15px;
  vertical-align: sub;
}
.openvideo {
  cursor: pointer;
  width: 116px;
  height: 35px;
  line-height: 35px;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  color: #575757;
  margin-left: 15px;
  font-size: 12px;
}
.openvideo img {
  margin-right: 5px;
  width: 15px;
  vertical-align: sub;
}
.iosbtn,
.banner-left .openalerts {
  cursor: pointer;
  width: 128px;
  height: 44px;
  line-height: 42px;
  background: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  color: #2546CD;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}
.iosbtn img,
.banner-left .openalerts img {
  margin-right: 5px;
  width: 15px;
  vertical-align: sub;
}
.anzbtn,
.banner-left .openvideo {
  cursor: pointer;
  width: 128px;
  height: 44px;
  line-height: 42px;
  background: none;
  border: 1px solid #ffffff;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  margin-left: 15px;
  font-size: 12px;
}
.anzbtn img,
.banner-left .openvideo img {
  margin-right: 5px;
  width: 15px;
  vertical-align: sub;
}
.icons img {
  width: 44px;
  height: auto;
}
.xybox1 {
  height: 675px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADwAAAAFXCAMAAAAoUUsdAAACqVBMVEUAAAD////////////////////////////////////////////////////////u7u7////////w8PD////////y8vL////////z8/P////////09PT////////19fX////////29vb29vb////29vb29vb////39/f39/f////39/f4+Pj////4+Pj4+Pj////4+Pj4+Pj////4+Pj5+fn5+fn5+fn5+fn////5+fn5+fn////5+fn6+vr////6+vr6+vr////6+vr6+vr////6+vr6+vr6+vr6+vr6+vr7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v4+Pj7+/v7+/v4+Pj7+/v7+/v4+Pj8/Pz8/Pz4+Pj8/Pz8/Pz4+Pj8/Pz8/Pz5+fn8/Pz8/Pz5+fn5+fn8/Pz5+fn5+fn8/Pz5+fn5+fn8/Pz8/Pz5+fn8/Pz8/Pz5+fn8/Pz8/Pz5+fn8/Pz8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr9/f36+vr6+vr9/f36+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v5+fn7+/v7+/v5+fn7+/v7+/v5+fn7+/v7+/v5+fn7+/v7+/v7+/v7+/v7+/v7+/v7+/v5+fn7+/v7+/v5+fn7+/v7+/v6+vr7+/v7+/v6+vr7+/v7+/v6+vr7+/v7+/v6+vr8/Pz8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr8/Pz6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr7+/v7+/v7+/v7+/v7+/v7+/s/TYRPAAAA43RSTlMAAQIDBAUGBwgJCgsMDQ4PDxARERITExQVFRYXFxgZGRobHBwdHh4fICAhIiIjJCQlJiYnKCkqKyssLS0uLy8wMTEyMzM0NTY3ODk6Ozw9Pj9AQUJDREVFRkdHSElJSktLTE1NTk9PUFFSUlNUVFVWVldYWFlaWltcXF1eX19gYWFiY2NkZWVmZ2doaWlqa2xtbm9wcXJzdHV2d3h5ent7fH19fn9/gIGBgoOEhYaHiIiJioqLjIyNjo6PkJCRkpKTlJWVlpeXmJmZmpubnJ2dnp+foKGio6SlpqeoqaqrrK2ur++yYiAAAB/iSURBVBgZ7cGJw9eD/QDwd8eeHomUNvedEpKNKIQRSaWS+04fJDeb+8hccyRJtcqVORNyFIacIccSUo+nVr3/kt/O32ZzdDzH9/v5vl6vAABaxGa79B103Hm/HX/X/dNnzf6Hlxcs+rox/8uyLz5865VnX3pz4eJl+V2NX3305ouz/+6pB6dMvPXai04e0r/H5gEAAACtqVOPAaMuuG36nHkLPvpiWTanZV98+NYrs2dOvPHCU4cN6LlJAAAAQPPatMdBw8+5+q5pj7/8/tfZeha9MP22C0b9evcuAQAAAE1ms54HDh9z7X2z5v85K87iVx+dePXoYfvvvHEAAKMDAFgPm/U+6sxrp875NKtD47uP33vxsQdsFwBQu7JnAADrYIdfn37jg281ZpX65Om7zz2qRwBADcq36gMA+Gmb9Bk27p4nP85y+OyZey8Y2rtjAEANyXy2LgCAH1TX/bDTb5jx+vIso6UvT/nt8f23CgCoBZk5MwCA/7XNgJOvmTr3y6wFC5+46/whe9UFAJRZ/tUfAgD4t277n3jDzLezBn325B1nDdg6AKCc8m+e2zgAgIgdB130wCuNWetenXrxoB0CAMom/27BZgEAtaztjoMvmvL6iuT/Nc6bdM6hPw8AKI/8h097BADUpo79R0+ctyL5XstemDDmkF8EAJRB/tO3AwMAas1Og696+LPkJzW8MPGcQ7sFAFS3/H8nBwDUjE4Hjpn4UrJOlj05/tg9AwCqVv7bnQEANWCvUeOfWJKsr1cnnzugUwBAFcr/8NLWAQAl1n3oFTPfS5rAxzPGHdIpAKC65H9qGBUAUEbbHnHhlNeSpvXx9AsO7hQAUDXyux7fPACgVLYcct0zy5PmsmjGJQO7BQBUg/wvy48PACiJTgMvnbU0aX5f//GqIdsHAFS4/B8zNwkAqHYdDzpvxqKkJTXMvnJgxwCAypX/6+vhAQDVa6P+5075YE3SGtYsuOfYHQIAKlN+nye2DgCoQvX9zpnydtLKls4c2zcAoPLk91rx2w4BANWk7e4nT1ywOqkQK+eOH/KLAICKkj/gi2MCAKrElkOum9OYVJzP/1DsEwBQMfIHPbltAEClq+t/wYyvkgo29+YhWwYAVIL8EZfWBQBUrq2OuWV+Ug2+mHn+AR0CAFpZ/pjPhrcJAKhA7fqMnvZZUk1Wv3HP8T3aBAC0nvxx8/sGAFSWTgOvfrYxqUoNs68+tEMAQOvInzKrZwBAhWi7x6n3v59Ut1UvXX94fQBAy8uf9sDWAQCtrvOga2Y3JiUx/4ZBHQMAWlaujVs6BQC0oj5nPvBRUjbzfjeoUwBAy8m18s3oAIBW0WHAFU82JmX1xp1DuwYAtIxcS5+e0C4AoGV1HXbr/FVJ2X006bgdAgCaX661hcPbBgC0kDY9T5n8cVIzvph2Rq82AQDNKtfBOyPbBgA0v51Om740qTnfzBzdq00AQLPJdfLhSe0DAJpTt2MnfZ7UrKUzzurZJgCgWeQ6+vzc+gCA5tFpyB3vJjVv6YwzewYANL1cZw3XdgsAaGr1h13/WsI/fT399O4BAE0r18ek7gEATafu4KvmJvyXxRNHdg0AaDq5XtbM3CsAoCn8rP8Vc1YmfL93bj+qYwBA08j19dSBAQAbpn3fS55ZkfCjVr98zYC6AIANl+vv1ZEBAOtt73FPNiasndnn9w4A2EC5IT47r2MAwLrb6bQZ3ySsk6+njOoaALABcsN8e/O2AQDrYrORExcnrJe3xw/sEACwnnJDrfnjEW0CANbKRoNuXZCwIVbOvqB3mwCA9ZBN4OPzNg4A+Cn9rpyb0BS+mTaqSwDAusom0Xj3TgEAP2ynMx9uSGg6a169ev92AQDrIpvK44cFAHyfjYdO+CSh6S2fceIWAQBrLZvOeydvFADwXf2uejGh+bw1/pAAgLWTTWnF/QcGAPxL99EPf5vQ3BpnnblNAMBPyya26IptAwBis+H3fZbQUt656cD2AQA/LpvenJEBQE2rP2L8Gwkt7NuZJ3YJAPgR2RyW3dYzAKhN7fpeNucvCa3j1Sv3aRsA8AOymbxyUn0AUGt2Hf1wQ0KrWvrA8E4BAN8nm03j5IPaBAA1o37whM8TKsHq587fNQDgf2Rz+vSqbQKAWrDLOU+vTKggH916cPsAgO/IZvbCCR0DgFKrO/yOjxIqT+P0kZsGAPxbNruVM4fUBQAltdUZsxoTKtXquRf2DAD4p2wJ3046JAAonwHj306odJ/ccWgAwN9kC/lqfO8AoEQ6jfpDQ0J1+HbG8Z0CALLlvDW2awBQCt3Pn7MqoZqsfm7sLgFAjcuWtPqJEXUBQHVrd9DvFiZUow/G928bANSwbGGN9x0aAFStTqOmNSRUr+WTjukYANSqbHlLbt83AKhCPc6fk1D9njx7mwCgJmWr+PjqHgFANWm73w3vJZTF65ftFgDUnmwt71y0dQBQHeqHTFyWUC6LbtovAKgx2YpevWDrAKDSbX7qYysTymjJPYe1DwBqSLauV8dtHQBUrj0um59QYg1ThtYHALUiW91rF+4QAFSiX9/2RUL5zTpp0wCgJmQleOvKPQOAitJp+PTGhFoxp9g2ACi/rBCLxvdtGwBUhj0vnrs6obYsuGaftgFAuWXlWHr3EQFAa6sffPeXCTXpm4lHdwgASiwryrczR3UKAFrNjmOeXJlQw1Y+durmAUBZZaVZ/dzYnQOAltf+kN99kEC+ekXvAKCUshJ9fMN+AUBL2vzkB79N4J++/P0RAUD5ZIX66u7DA4CW0ffK1xP4rsaHTu4cAJRLVq7lU4bWBwDNq9PwB5Ym8H3WvHhRzwCgRLKyPXr8pgFAc9n9oucS+DGLbj8kACiLrHSr517QIwBoch0G3fN5Aj+t4Q8jOwUAZZDV4KNbDmofADSdbUY/vjKBtbVqznk7BwBVL6vEsqnDOwYATaD9gJvfS2BdfXBT/7YBQFXLKvLcuF4BwAbpdPzMxgTWz/LJQ+oDgOqV1eWzuwfVBwDrZ5fzn1udwIZY8fBxmwYAVSqrzsonz94xAFhHbfvd9EECTWD1s2dvGQBUo6xKH956ZIcAYG3VD528PIGm89qlvQKAqpPVauUzY3cLAH7az894YmUCTe3Dm/q2DQCqSlazLyYd0ykA+BF9fvt6As3kywkD2wcA1SOr3cu/7R8AfJ/6wRO+TKBZfTt9VKcAoEpkCXw7a0zPAOA7dhrz1MoEWsCqOWN3CQCqQZbEksmjugUAf9f+17cuTKAFLbz5gHYBQKXLEllw25EbBUCt2/LUhxsTaHEN04/pGABUtCyXVS9fe0iHAKhV7fpd92YCrWXV7HN2DAAqV5bPX+Zc0e9nAVBzOo+atiyBVvbejf3aBgCVKcup8akLf9U2AGpGu35Xz1+TQEVYNu3YzgFABcryanjorO4BUAO2O+3BhgQqyZp5v92nbQBQYbLcFt8/smsAlFj9oDsWJlCJlk4ZsWkAUEmy/N6+5cj6ACihNnteMPsvCVSuNS9fvnfbAKBSZG144YoDAqBUOh/3wNcJVL5vJg3vFABUhKwdz1y0bwCUQ/9r/pRA9Xjxkj0DgNaXNaVh1nm92wZAVety3B+WJVBtPr9r4M8CgNaVNWfZzNE92wRAVWq775Xz1yRQnRofOrFLANCKsiZ9Pf2sXm0CoLp0GjFlaQJVbc28y3sHAK0la9Y3M8fs2TYAqkObvS59cXUCZbD4niPrAoDWkDVt2SPn9WkbABWu49BJSxIokRWPnLx5ANDisuY1Pj5uvwCoWHtf/FwCJfTaVfsFAC0r+asVc6769UYBUGm6Hjd1aQKltWzaqC4BQMtJ/mn1q7cM6RwAlaLusJsXJFB6r129X7sAoGUk/+mDiaO2D4BW1+u8p1YmUCOWTT9+8wCgBST/bcn04pftA6C1bDLi/i8SqDF/urZf+wCgmSXfa861R3YKgBZ30HXzE6hN38448RcBQHNKftA7947aMQBaTPezZzUmUNPevP7A9gFAc0l+1NKHxvWrC4Dm1mnYPUsSIPPbh07dKgBoFslPWjX/9hHbBUBzad/vqldWJ8D/e+fmQ34WADS5ZO189dAF/TsEQFPb6cyHGxLgvzU+esZ2AUDTStbeqtd+P3KHAGgqHYdM+CQBfsjC2w7vEAA0nWQdffPw+fsFwIaqG3DVSwnwU548b48AoIkk62Hl3BsHdw6A9dR2n4ufWZkAa+erKaO6BQBNIFlfCyed3KNNAKybNr2KRxoSYN28e+uR9QHABko2RMNjlxxUHwBraedTpy1NgPXz3OV9A4ANkWyoNe9OPmufnwXAj+s2ctKnCbBBls88fccAYH0lTeP1CSftEQDfr9OQO95LgCax+J7hmwQA6yNpOivm3jpy5zYB8J/qB9702poEaEJrXr/h0LoAYF0lTezb2VcP3iwA/qbuoKvmJkCzmH3h3gHAOkmaw2fTz9u/LoCa1m7fi59ZmQDN6Jvpp2wXAKy1pNm8NuGEXgHUpt7nzWpMgBbw8b1DOgVAk6nvvOVOvX7V/zv69f3VXrv32HmHbbbYvHOnjh2ieiXNqvGZ6wZtFkBN2fWMGcsSoAXNu/7gugBYax02265X34MHDT325LPHXXHdrfdM/sMjTz3/6juLlizPtdXY8M1Xiz/96P2333j15RdmPzZt4u9+O/a0kUcdsPcuv+gYlStpfosfvPDQjgHUgu1PnLIkAVrB0+P6BMD36bLj3ocMOfG83/zu3qmPPDv/vT83ZHNb/tG8J6bcccXZI4/YZ6fOUUmSFvLh1GL/ugBKrNuxEz9PgNazbPqpOwRQ8zpt3Wv/I0ecfuH1d097/MV3l6zI1vb1G09MunbMsP47dYxWl7SkP008da8ASqjzsLveT4DWt+ieYzYJoMZs88sjjht3/d1TH5uz4POGrGCNHz039epTD+8erSZpcS/dMWqPAMpj48G3vZEAleP1mw7rEEDJ/WLPg0eec919j8xd1JjVZ+lL08efdfiu0eKSVrFy/sQz96sPoNrVH37D/NUJUGlWzr74V20DKJtNdh0w4tybHnj67W+yFFYtfHT8Sf26RstJWtFHMy4duGUAVarjkTe8nAAVq2HW2L0DKIEtfjn41CvueeiVz7KkGl6ZfNFRO0dLSFrb0mfGj9ytXQBVpfOQ2/60JgEq3fJHzu3dNoBqtPGuh4y66PcPzlu8OmvDyjenXTZk1/bRrJLKMG/iGX07BFANth5+79sJUDWWP3xu7wCqxRb7DDn7himzP2jMGvXutLEHbBTNJakcq9+eXBzQMYAKttOJkz9JgKqz7KFij7YBVK7Neh915g1Tn/90VZK55r0Hiv3roxkklebjGRce1jmAytPrjBlLE6BqLXtozB4BVJZOvY449crJsz9M/teCSafuGU0sqUh/fviKo7YMoFJ0OPCSx5YlQNVb9si4vu0DaHXttj/klBumv7Y8+XGNz143uHM0naRyffPMjSN7BtDKtjrm1vkJUCJzrjp8owBaxyZ9hl1w79OLknXw6dQTukXTSCrdvIln9q0PoFX0GT1tcQKU0Ku3D+kaQAvafsDJ10+ftzxZP2/fMWij2HBJVVg4/aKBPw+gBXUc+NvZjQlQYh/ff+IuATSzn/cdeemkZz9NNtyLV+wZGyipHl8/ccPwXQNofjuPmvBmAtSCb2aes3cAzWCTvYaMvfOx95Im9fH4fWNDJFWm8YVbj9sjgOZS12/cw0sToJY0zr7ikPoAmsjWB59+08w/NSTNZMntA2K9JdVo5bx7TvllXQBNq9vQ3738lwSoRavm3zJkswA2RJe+x107/c0VSbNbOmlQXayXpGqtenPS6P3rA2gKbfc6a+qnCVDbPpx04i4BrLP6vYZf/sAry5IW1Dh9RMdYd0mV+2Da+Qd3DWADdBp4zewVCcDfLHtw7L4BrKUeg8ZNnPNl0jqeGBLrKimDr56+6fg+dQGss91Puu+9BOC75lx55CYB/IjN+59yw6wPk1a27LaesU6S8vhg+uWDdghgLW09+KZnVyQA3+/9yaf3DuB/7DHk4skvNiaVYv5pHWPtJSXT+PK9ow/sFMCP6XjIxQ8tSQB+QuOz1x3VNYC/63bAqb977KPVSaX59s6dYm0lpbTkyRtH9akL4H/tfcbkBQnAWvtk2uhfBdS07kdfNPmlxqRyPTM01k5SYh8+fOXwngH8y44jb34xAVgPL4wfumVAzdlo72OvfvC9pAp8enqsjaTsVi2Ydsng7dsG1LQ22w+7/ullCcAGWPzQJb/uFFAbNj/gtNue/DypIouOaxc/KakNjfMnnXfYFgE1qM2Ox9z4zLIEoEl8PO28/vUB5dV2hyPH3jd3WVKFPhjeNn5CUksanr+3OGyrgJqx8/Abn21IAJrYgsln7VsXUDbdh1wy9fWkmi0YEj8uqT0NL086/8jt2gaUWZtdRtz8bEMC0FxWvT7hpD3aBZRB+x5DL5+24C9JCbxycPyYpGa9NuWSId0DSqjPib97rjEBaAEv/v6kPgFVbPfhv535XlImz/aOH5bUtr8s+MNvhu32s4By6Prr86e8vSoBaEmr3ph0dr+OAdWlbs8RV8/8YFVSPmsmbho/JCFz9fszrxq+e11A9Wq76/DrH1+SALSSNR9Ov/CwrgFVoH3PY66cuXB1Ul7Li3bx/RL+ZfXCB68ZsUddQJWp3//MifNWJACt74tZVw3Ztk1AhWq7w+BLpi1YlZTfW73jeyX8l48eufbYveoCqsH2R1/+8KIEoKI0PHvzqN0DKstWA8fePy+pIdfVxfdI+F4fP3rdqD4dAipV3T6n3PpCQwJQqV6beOZ+9QGtr8tBoyfMbUhqzsJ9438l/IhFj48//eCtAirK1oMunrkwAagCC6dfeHi3gFay7eFj7pr9TVKzbqqL/5bw016bfs2ofTsHtLpfnnDb7IYEoKp89cdrh+4U0ILqfznyqumvJTXv3T3ivySsrYa5ky8etkddQGvY+ehLpr2RAFSrxufvOn3/jgHNbLuBY+6evSThn4bGdyWso8+fuas4Ysd2AS2jzbZHXjD59ZUJQAl8Nuu6Eb3aBzS9+r1HXjX9rZUJ37FmXHxHwvr5YNb1Jx/QLaAZbXn4uZNeXpEAlMwb0y4ctG1AE9nmsDF3z16S8P3ui/+UsCEa5j1w2bA96wKaVtcBoye8sDwBKK+Gufec2X/jgPVXt8cxV0x9vTHhRz1ZF/+W0AQWz767GLhDwIbbadDY++YuSwBqw5ezf3/GQZsHrJufH3Ta+Cc+TVgrL28c/y+h6bz74A0n7PeLgPWxUZ+RV894OwGoQcufn3jOYVsH/KS63QZdNPnFxoR18c7m8S8JTe7dWbcXg3vVB6ydLQ4+8/fPLE4Aalzj/MkXHrVTwPfZbJ8Rl97//JKE9fHpFvFPCc3l65emXHn8gVsH/JCu+4649IH53yYA/Ntb064Y2bdLwD9sM+Dk66a/3pCwId7eOP4hobktfOKusUP27BjwL3Xdjzhr/ENvNSYA/IBv/zTjulMGbBPUrLpdB425/Y8fJDSJ5+IfElrIstdm3nz2UbtvHNSuNt36jrxs0pw/r0kAWCt/ef+x288+svvPgprRbpsDj79y8vOL1yQ0pRvi7xJaWMMbD912ztG9Nw1qSP1ug8bc9ug7KxIA1suf59x34TF7bxKU2C/2G3nJfbM/SWgeA+NvElpJw5uP3H7ukD6dgxJru82BJ1w15cWvEgCawrL506458cCt2gYlsmmfoeff9cf3ViY0q4bt4q8SWlnjwmen3DhmaN+t2wfl0XnvYRdMeOqjVQkATe8v7z92ezGoR11Qvdp06T3o9Kvvf+a9xoSWMa9NRCRUjKV/mjXh8pMG7t45qFqdew8+e/yDb3ybAND8ljx//2WjDtg2qCJb9R1a3DDt+U8SWtxpEZFQgRY9P+3mc4/Zb7ugWmzb79iLJzzxbmMCQMv7bM7k35w4YMegcm3fb8S422fO+yKh9SztGJFQyZb+adaEy084dLdNgorUqdfhZ1w/7bk/JwBUgCXPT7vutEN3rQsqRN1OBxx70Z0Pv740oRJcFpFQFVZ8+OyU684ess+WQQXYtNfAky6/97EFDQkAFWjpSzNvO394v+2C1lHf/ZDjLrln1pvLEirK1xEJ1WX1l68/dt/VZw7pu21d0LLabbXvkLNvmDLnwxUJANVgzZfzH7zjghH9t/9Z0Pw67NBvWHHDA7PfbUioUEUkVK2G92ZPvXnsyAE9NgmaUbdeA0ZdfOfDr3yZAFCtlv7pkbsuHnVQzy5BE6vbYb9jihsfmP1eQ0LFGxMJZfDJ3Icn3TjuxMH7d+8SNIGuux10zFm/uXvGnPeWJQCUyVdvPT31lgtPHLTPtvXB+tpij0OGn3XFnX945t2GhCoyJhLKZtnCFx6dNP7Ck4/u16NrsPa69Og/7Mzf3Dn92XeXJgDUgMZFLzw88Zoxww/crWvwUzbrvv/RJ1/0u8l/nLeoMaFKjYmEUlu28MVHJ910wYmD9+++Wdvgv7TdfLeDhp35mzunz3ln6ZoEgJq1Zunbs6fdfukpg/vu2Cn4p/qt9vr1yDFX3zNzzrtL1ySUQBEJtWPZB88/MunGcScM3q/XNptErdpshz4Dhp991YSZc95flgDA/1j8+uOTx4877oh9dtk8as0m2+ze7+hTLr7lgcdf/WxFQtmMiYRa1fjFuy8/Nf2+W35z7onDDtu3x5Yd20QZ1Xfrvu9hx5w67to7pzz2wtuLGxMAWHsrvnhn7mNTfn/12JOGHNxnh87tolTadt6+94GDjz3rkhsnTHt87tt//jah3IpI4F8av/r4zblPzZx8901XjD3t2KMP7bv79ptvFNWkQ5ft99h/4LATxlxyw12TH3x6/odLEwBoQo1/XvDcY9Puvfnyc08efkS/Pbfv0iGqQ13nbXruc/DgkaeNvXz8PVMeevrltz/9JqHWjIkEflzjVx+98cKTMyffeeNl554yYvDB+/TcZrMO0Zo22vQX2+/ae98DDxt8zKhTRp9/6fV3Tp759MvvfL48AYAWt+zTBXOfmD7p1t9cdM4ZJ4wYcsSAvn167rBF542itdR13na3fQ8ZfOzp519x871TH5k9770/L0/gr4pIYL00LP3ikw8WvPbS7Kf/+ND0KZPuuX38tZdfetG484rRZ5x60vGjRg4fNmTwoIG/Prh/v76/6rNnrx677Ljd1lt067Jpp471dfE3Heo7dtpks64/32LrbXfYqXuPXnvstfc+fffrP+CwQUcPG3ncyWeMGXvR5Vddf/Ptd0+cPHX6Q489NfvF19/9+ItvGhMAqA6N3yz+6O3X5s5+4tGZf5gyacLvb7nxmssvPr8485TjRw47etBhA/rv1/dXfXrvvtuuu+y4/TZb/aJbl86dNt6ovi7+psNGG2/SpdsWW2+3U/eeu/fee9/9+h90yGFHHnX00GNGHHvcSaeeMbo4b9zFl11+3c2/v/f+qTMefXL23Plvvr9o8dKGBH7Q2ZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FZEAAABQfkUkAAAAlF8RCQAAAOVXRAIAAED5FXE5AAAAlN8+/wcYib9S/YAHoQAAAABJRU5ErkJggg==) no-repeat;
  background-position: bottom;
  background-size: 100% auto;
}
.xybox1 .w600:first-child img {
  margin-left: -40px;
}
.xybox1 .xyboxtet > div {
  width: 355px;
  float: right;
}
.xybox2 {
  height: 641px;
}
.xybox3 {
  height: 479px;
  background: url(/static/img/bg3.116b875.png) no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
}
.xybox3 h4 {
  color: #fff;
}
.xybox3 img {
  position: absolute;
  bottom: 0;
  width: 400px;
  height: auto;
  margin-left: 200px;
}
.xybox3 p {
  white-space: nowrap;
}
.xyboxtet {
  margin-top: 120px;
  padding: 40px 0;
  height: 400px;
}
.xyboxtet h4 {
  margin: 13px auto 40px;
  font-size: 22px;
}
.xyboxtet p {
  line-height: 30px;
}
.xybox4 {
  height: 919px;
  padding: 1px;
}
.xybox4 h4 {
  margin-top: 100px;
  margin-bottom: 24px;
  font-size: 22px;
}
.xybox4 .f16 {
  color: #727272;
}
.xybimng {
  margin-top: 55px;
}
.xybimng img {
  position: absolute;
  left: 50%;
  z-index: 9;
  width: auto;
  height: 565px;
}
.xybimng .b1 {
  height: 615px;
  margin-left: -195px;
  margin-top: -35px;
  z-index: 11;
}
.xybimng .b2 {
  z-index: 10;
  margin-left: -400px;
}
.xybimng .b3 {
  z-index: 10;
  margin-left: 40px;
}
.xybimng .b4 {
  margin-left: -635px;
}
.xybimng .b5 {
  margin-left: 275px;
}
.ldbox1 {
  height: 600px;
  background: #fbfbfb;
  padding: 100px 0;
}
.ldbox1 ul li {
  width: 288px;
  height: 228px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 24px rgba(157, 157, 157, 0.16);
  box-shadow: 0px 8px 24px rgba(157, 157, 157, 0.16);
  opacity: 1;
  border-radius: 6px;
  padding: 45px;
  margin-right: 16px;
}
.ldbox1 ul li img {
  width: 60px;
}
.ldbox1 ul li .f16 {
  margin: 20px auto 5px;
}
.ldbox1 ul li:last-child {
  margin-right: 0px;
}
.ldbody .xybox3 {
  background-image: url(/static/img/lbg2.ce92535.png);
  background-repeat: no-repeat;
}
.ldbox4 {
  height: 660px;
  /* background: url('@{imgPath}/pro/app/lbg3.png') no-repeat;*/
  background: url(/static/img/lbg3.6cc3d87.png) no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
}
.ldbox4 .f22 {
  margin-bottom: 14px;
}
.ldbox4 .f16 {
  margin-bottom: 62px;
}
.ldbimg {
  margin-top: 75px;
  position: relative;
}
.ldbimg img {
  position: absolute;
  z-index: 9;
  height: auto;
}
.ldbimg .lb1 {
  margin: 180px 280px;
  width: 106px;
}
.ldbimg .lb2 {
  width: 88px;
  margin: 330px 380px;
}
.ldbimg .lb3 {
  margin: 350px 120px;
  width: 89px;
}
.ldbimg .lb4 {
  margin: 10px 200px;
  width: 90px;
}
.ldbimg .lb5 {
  margin: 0px 500px;
  width: 82px;
}
.ldbimg .lb6 {
  margin: 200px 510px;
  width: 45px;
}
@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@media screen and (max-width: 1440px) {
  h4 {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 400;
  }
  .hui {
    color: #727272;
  }
  .f26 {
    font-size: 20px;
  }
  .f22 {
    font-size: 20px;
  }
  .f20 {
    font-size: 16px;
  }
  .f16 {
    font-size: 14px;
  }
  .f14 {
    font-size: 12px;
  }
  .w600 {
    width: 500px;
    padding: 30px 0;
  }
  .w600 img {
    width: 450px;
  }
  .banner {
    margin-top: 50px;
    height: 380px;
  }
  .banner .wrap {
    height: 380px;
  }
  .banner h3 {
    font-size: 28px;
    margin-top: 129px;
  }
  .banner h4 {
    margin-bottom: 44px;
  }
  .banner .banner-right {
    width: 416px;
  }
  .banner .banner-right img {
    width: 340px;
    margin-top: 108px;
  }
  .banner .banner-right .xybanne {
    width: 329px;
  }
  .banner .banner-right .ldbanne {
    width: 366px;
  }
  .alerts .alertsbox {
    width: 661px;
    height: 360px;
  }
  .alerts .alertsbox h4 {
    font-size: 18px;
  }
  .alerts .alertsbox p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px auto 40px;
  }
  .alerts .alertsbox .gbal {
    width: 16px;
    height: 16px;
  }
  .alerts .alertsbox .box-bg {
    font-size: 14px;
  }
  .openvideo,
  .openalerts {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  .openvideo img,
  .openalerts img {
    width: 14px;
  }
  .anzbtn,
  .banner-left .openvideo,
  .iosbtn,
  .banner-left .openalerts {
    width: 94px;
    height: 32px;
    line-height: 30px;
  }
  .anzbtn img,
  .banner-left .openvideo img,
  .iosbtn img,
  .banner-left .openalerts img {
    width: 14px;
  }
  .anzbtn {
    width: 116px;
  }
  .anzbtn,
  .openvideo {
    margin-left: 10px;
  }
  .protab li {
    width: 266px;
    margin-bottom: 40px;
    margin-right: 90px;
  }
  .protab li h4 {
    margin: 24px auto 16px;
    font-size: 20px;
  }
  .protab li img {
    margin-top: 52px;
    width: 58px;
    height: 58px;
  }
  .protab li p {
    color: #727272;
    font-size: 14px;
  }
  .boximg {
    height: 499px;
    padding: 50px 15px;
  }
  .boximg img {
    width: 595px;
  }
  .boxtab {
    width: 40.47%;
    height: 499px;
    padding: 39px 30px;
    position: relative;
    float: left;
  }
  .boxtab .tabrow {
    width: 375px;
  }
  .boxtab h4 {
    margin-bottom: 55px;
    padding: 0 16px;
  }
  .boxtab ul {
    margin-bottom: 33px;
  }
  .boxtab ul li {
    height: 79px;
    padding: 16px 10px;
    line-height: 24px;
  }
  .boxtab ul .active::before {
    height: 79px ;
    margin: -16px;
  }
  .boxtab .fr ul .active::before {
    left: -40px;
  }
  .icons img {
    width: 46px;
  }
  .xyboxtet {
    margin-top: 107px;
    padding: 40px 0;
    height: 400px;
  }
  .xyboxtet h4 {
    margin: 13px auto 40px;
    font-size: 20px;
  }
  .xyboxtet .f20 {
    font-size: 14px;
  }
  .xybox1 {
    height: 585px;
  }
  .xybox1 .xy1img {
    width: 95%;
  }
  .xybox1 .xyboxtet {
    padding-left: 80px;
  }
  .xybox2 {
    height: 550px;
  }
  .xybox2 .xy2img {
    width: 450px;
  }
  .xybox2 .xyboxtet {
    margin-top: 97px;
  }
  .xybox3 {
    height: 410px;
  }
  .xybox3 img {
    margin-left: 150px;
    width: 340px;
  }
  .xybox3 .xyboxtet h4 {
    margin-top: 0;
  }
  .xybox4 {
    height: 699px;
  }
  .xybox4 h4 {
    margin-top: 78px;
    margin-bottom: 16px;
  }
  .xybox4 .f20 {
    color: #727272;
  }
  .xybimng {
    margin-top: 40px;
  }
  .xybimng img {
    height: 470px;
  }
  .xybimng .b1 {
    height: 512px;
    margin-left: -165px;
    margin-top: -35px;
  }
  .xybimng .b2 {
    margin-left: -350px;
  }
  .xybimng .b3 {
    margin-left: 75px;
  }
  .xybimng .b4 {
    margin-left: -545px;
  }
  .xybimng .b5 {
    margin-left: 270px;
  }
  .ldbox1 {
    height: 450px;
    background: #fbfbfb;
    padding: 65px 0;
  }
  .ldbox1 ul li {
    width: 240px;
    height: 190px;
    padding: 33px 35px;
    margin-right: 13px;
  }
  .ldbox1 ul li img {
    width: 56px;
  }
  .ldbox1 ul li .f20 {
    margin: 15px auto 5px;
  }
  .ldbox1 ul li .f16 {
    font-size: 13px;
  }
  .ldbox4 {
    height: 560px;
    background-position: bottom;
  }
  .ldbox4 .f26 {
    margin-bottom: 19px;
  }
  .ldbox4 .f20 {
    margin-bottom: 68px;
  }
  .ldbox4 ul li:first-child {
    margin-top: 100px !important;
  }
  .xybox3 .xyboxtet p span {
    width: 245px !important;
  }
  .ldbody .xybox1 .ldwimg {
    width: 454px;
    margin-top: 20px;
  }
  .ldbimg {
    margin-top: 100px;
    position: relative;
  }
  .ldbimg img {
    position: absolute;
    z-index: 9;
    height: auto;
  }
  .ldbimg .lb1 {
    margin: 100px 150px;
    width: 106px;
  }
  .ldbimg .lb2 {
    width: 101px;
    margin: 210px 280px;
  }
  .ldbimg .lb3 {
    margin: 280px 0px;
    width: 75px;
  }
  .ldbimg .lb4 {
    margin: -30px 80px;
    width: 80px;
  }
  .ldbimg .lb5 {
    margin: 0px 360px;
    width: 100px;
  }
  .ldbimg .lb6 {
    margin: 155px 370px;
    width: 32px;
  }
}