* {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei";
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  display: block;
}
a {
  text-decoration: none;
}
a,
input,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: none;
}
html,
body {
  height: 100%;
  position: relative;
  background: #eee;
}
.innerDiv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.innerDiv1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.clear {
  clear: both;
}
.page {
  overflow: hidden;
  position: relative;
}
.page1 {
  z-index: 1007;
}
.page2 {
  z-index: 1006;
  background: #e7e8e9;
}
.page3 {
  z-index: 1005;
}
.page4 {
  z-index: 1004;
}
.page5 {
  z-index: 1003;
}
.page6 {
  z-index: 1002;
}
.page7 {
  z-index: 1001;
}
.imgBg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.move {
  width: 100%;
  position: relative;
}
.movePs1 {
  width: 4.525rem;
  height: 2.60833333rem;
  position: absolute;
  left: 2.5rem;
  top: 1.36666667rem;
  display: none;
}
.movePs2 {
  width: 6.625rem;
  height: 2.45rem;
  position: absolute;
  left: 6.45rem;
  top: 3.56666667rem;
  display: none;
}
.moveImg1 {
  width: 50%;
  overflow: hidden;
}
.moveImg1,
.moveImg2 {
  position: absolute;
  left: 0;
  top: 0;
}
.moveLine {
  width: 0.01666667rem;
  height: 100%;
  background: #5c6c6f;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 0.00833333rem;
}
.moveBtn {
  width: 0.89166667rem;
  height: 0.89166667rem;
  position: absolute;
  left: 50%;
  top: 50%;
}
.moveLeft,
.moveRight {
  width: 0.05833333rem;
  height: 0.08333333rem;
  position: absolute;
  top: 0.25rem;
}
.moveLeft {
  left: 0.19166667rem;
}
.moveRight {
  right: 0.19166667rem;
}
.moveGoLeft {
  animation: moveGoLeft 2s 0s linear both infinite;
  -webkit-animation: moveGoLeft 2s 0s linear both infinite;
  -moz-animation: moveGoLeft 2s 0s linear both infinite;
  -ms-animation: moveGoLeft 2s 0s linear both infinite;
  -o-animation: moveGoLeft 2s 0s linear both infinite;
}
@-webkit-keyframes moveGoLeft {
  0% {
    -webkit-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@-ms-keyframes moveGoLeft {
  0% {
    -ms-transform: translate(0, 0);
  }
  50% {
    -ms-transform: translate(-100%, 0);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}
@-o-keyframes moveGoLeft {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(-100%, 0);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}
@-moz-keyframes moveGoLeft {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(-100%, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}
@keyframes moveGoLeft {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.moveGoRight {
  animation: moveGoRight 2s 0s linear both infinite;
  -webkit-animation: moveGoRight 2s 0s linear both infinite;
  -moz-animation: moveGoRight 2s 0s linear both infinite;
  -ms-animation: moveGoRight 2s 0s linear both infinite;
  -o-animation: moveGoRight 2s 0s linear both infinite;
}
@-webkit-keyframes moveGoRight {
  0% {
    -webkit-transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@-ms-keyframes moveGoRight {
  0% {
    -ms-transform: translate(0, 0);
  }
  50% {
    -ms-transform: translate(100%, 0);
  }
  100% {
    -ms-transform: translate(0, 0);
  }
}
@-o-keyframes moveGoRight {
  0% {
    -o-transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(100%, 0);
  }
  100% {
    -o-transform: translate(0, 0);
  }
}
@-moz-keyframes moveGoRight {
  0% {
    -moz-transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(100%, 0);
  }
  100% {
    -moz-transform: translate(0, 0);
  }
}
@keyframes moveGoRight {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.breath {
  animation: breath 3s 0s linear both infinite;
  -webkit-animation: breath 3s 0s linear both infinite;
  -moz-animation: breath 3s 0s linear both infinite;
  -ms-animation: breath 3s 0s linear both infinite;
  -o-animation: breath 3s 0s linear both infinite;
}
@keyframes breath {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-webkit-keyframes breath {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-moz-keyframes breath {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-ms-keyframes breath {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-o-keyframes breath {
  from {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
.page2 > .fp-tableCell > .imgBg > img {
  position: absolute;
  left: 0;
  top: 0;
}
.page2 > .fp-tableCell > .imgBg > .col-lg-4,
.page2 > .fp-tableCell > .imgBg > .col-md-4 {
  height: 100%;
}
.vInnerDiv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}
video {
  display: none;
}
.video {
  width: 100%;
}
.video > div {
  padding: 0;
}
.videoBox {
  width: 4.15833333rem;
  height: 4.15833333rem;
  background: #e7e8e9;
  position: absolute;
}
.videoBox0 {
  left: 1.325rem;
  top: 2.1rem;
}
.videoBox1 {
  left: 5.91666667rem;
  top: 2.1rem;
}
.videoBox2 {
  left: 10.55833333rem;
  top: 2.1rem;
}
.sVideoCir1 {
  width: 4.15833333rem;
  height: 4.15833333rem;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
}
.sVideoCir2 {
  width: 3.84166667rem;
  height: 3.84166667rem;
  position: absolute;
  left: 0.15833333rem;
  top: 0.15833333rem;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
}
.sVideoCir3 {
  width: 4.15833333rem;
  height: 4.15833333rem;
  position: absolute;
  left: 0;
  top: 0;
}
.sRotate1 {
  animation: sRotate1 4s linear both infinite;
  -webkit-animation: sRotate1 4s linear both infinite;
  -moz-animation: sRotate1 4s linear both infinite;
  -o-animation: sRotate1 4s linear both infinite;
}
@-webkit-keyframes sRotate1 {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: center center;
  }
  100% {
    -webkit-transform: rotate(360deg);
    -webkit-transform-origin: center center;
  }
}
@-o-keyframes sRotate1 {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: center center;
  }
  100% {
    -o-transform: rotate(360deg);
    -o-transform-origin: center center;
  }
}
@-moz-keyframes sRotate1 {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: center center;
  }
  100% {
    -moz-transform: rotate(360deg);
    -moz-transform-origin: center center;
  }
}
@keyframes sRotate1 {
  0% {
    transform: rotate(0);
    transform-origin: center center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}
.sRotate2 {
  animation: sRotate2 20s linear both infinite;
  -webkit-animation: sRotate2 20s linear both infinite;
  -moz-animation: sRotate2 20s linear both infinite;
  -o-animation: sRotate2 20s linear both infinite;
}
@-webkit-keyframes sRotate2 {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: center center;
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -webkit-transform-origin: center center;
  }
}
@-o-keyframes sRotate2 {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: center center;
  }
  100% {
    -o-transform: rotate(-360deg);
    -o-transform-origin: center center;
  }
}
@-moz-keyframes sRotate2 {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: center center;
  }
  100% {
    -moz-transform: rotate(-360deg);
    -moz-transform-origin: center center;
  }
}
@keyframes sRotate2 {
  0% {
    transform: rotate(0);
    transform-origin: center center;
  }
  100% {
    transform: rotate(-360deg);
    transform-origin: center center;
  }
}
.videoBtn {
  width: 0.35833333rem;
  height: 0.35rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.175rem 0 0 -0.17916667rem;
  cursor: pointer;
}
.sVideoTitle {
  width: 4.15833333rem;
  height: 0.60833333rem;
  position: absolute;
  top: 6.8rem;
}
.sVideoTitle1 {
  left: 1.325rem;
}
.sVideoTitle2 {
  left: 5.94166667rem;
}
.sVideoTitle3 {
  left: 10.55833333rem;
}
.sVideoTitle > .innerDiv1 > .clearfix {
  width: 100%;
  height: 0.60833333rem;
  line-height: 0.60833333rem;
  display: table;
}
.sVideoTitle > .innerDiv1 > .clearfix > div {
  width: 0.20833333rem;
  height: 0.60833333rem;
  display: table-cell;
  vertical-align: middle;
  float: left;
}
.sVideoTitle > .innerDiv1 > .clearfix > p {
  font-size: 0.18333333rem;
  margin-left: 0.11666667rem;
  font-weight: 100;
  color: #165895;
  float: left;
}
.sVideoTitle > .innerDiv1 > .clearfix > p > span {
  font-weight: bold;
}
.sImg1 {
  margin-left: 1.13333333rem;
}
.sImg2 {
  margin-left: 0.875rem;
}
.sImg3 {
  margin-left: 1.13333333rem;
}
.sVideoArrow {
  width: 0.11666667rem;
  height: 0.08333333rem;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -0.05833333rem;
  display: none;
}
.videoPop {
  width: 100%;
  height: 100%;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
}
.videoBack {
  width: 0.66666667rem;
  height: 0.5rem;
  position: absolute;
  left: 1.25rem;
  top: 0.41666667rem;
  cursor: pointer;
}
.special {
  width: 100%;
  height: 100%;
}
/*一键旋钮 化繁为简*/
.dB2Animate1,
.dB2Animate2,
.dB2Animate3 {
  display: none;
}
.dB2Cir {
  width: 0.85833333rem;
  height: 0.825rem;
  position: absolute;
  left: 3.025rem;
  top: 4.35833333rem;
  opacity: 0;
}
.dB2Big0 {
  animation: cirBig 3s 0s linear both infinite;
  -webkit-animation: cirBig 3s 0s linear both infinite;
  -moz-animation: cirBig 3s 0s linear both infinite;
  -ms-animation: cirBig 3s 0s linear both infinite;
  -o-animation: cirBig 3s 0s linear both infinite;
}
.dB2Big1 {
  animation: cirBig 3s .5s linear both infinite;
  -webkit-animation: cirBig 3s .5s linear both infinite;
  -moz-animation: cirBig 3s .5s linear both infinite;
  -ms-animation: cirBig 3s .5s linear both infinite;
  -o-animation: cirBig 3s .5s linear both infinite;
}
.dB2Big2 {
  animation: cirBig 3s 1s linear both infinite;
  -webkit-animation: cirBig 3s 1s linear both infinite;
  -moz-animation: cirBig 3s 1s linear both infinite;
  -ms-animation: cirBig 3s 1s linear both infinite;
  -o-animation: cirBig 3s 1s linear both infinite;
}
.dB2Big3 {
  animation: cirBig 3s 1.5s linear both infinite;
  -webkit-animation: cirBig 3s 1.5s linear both infinite;
  -moz-animation: cirBig 3s 1.5s linear both infinite;
  -ms-animation: cirBig 3s 1.5s linear both infinite;
  -o-animation: cirBig 3s 1.5s linear both infinite;
}
.dB2Big4 {
  animation: cirBig 3s 2s linear both infinite;
  -webkit-animation: cirBig 3s 2s linear both infinite;
  -moz-animation: cirBig 3s 2s linear both infinite;
  -ms-animation: cirBig 3s 2s linear both infinite;
  -o-animation: cirBig 3s 2s linear both infinite;
}
.dB2Big5 {
  animation: cirBig 3s 2.5s linear both infinite;
  -webkit-animation: cirBig 3s 2.5s linear both infinite;
  -moz-animation: cirBig 3s 2.5s linear both infinite;
  -ms-animation: cirBig 3s 2.5s linear both infinite;
  -o-animation: cirBig 3s 2.5s linear both infinite;
}
@-webkit-keyframes cirBig {
  0% {
    -webkit-transform: scale(0.2);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.8);
    opacity: 0;
  }
}
@-ms-keyframes cirBig {
  0% {
    -ms-transform: scale(0.2);
    opacity: 1;
  }
  50% {
    -ms-transform: scale(1);
    opacity: 1;
  }
  75% {
    -ms-transform: scale(1.4);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(1.8);
    opacity: 0;
  }
}
@-o-keyframes cirBig {
  0% {
    -o-transform: scale(0.2);
    opacity: 1;
  }
  50% {
    -o-transform: scale(1);
    opacity: 1;
  }
  75% {
    -o-transform: scale(1.4);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1.8);
    opacity: 0;
  }
}
@-moz-keyframes cirBig {
  0% {
    -moz-transform: scale(0.2);
    opacity: 1;
  }
  50% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  75% {
    -moz-transform: scale(1.4);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes cirBig {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    transform: scale(1.4);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.dB2Animate0Arrow {
  width: 0.33333333rem;
  height: 0.16666667rem;
  position: absolute;
  left: 3.75rem;
  top: 4.7rem;
}
.dB2A0Arrow {
  animation: dB2A0Arrow 2s 0s linear both infinite;
  -webkit-animation: dB2A0Arrow 2s 0s linear both infinite;
  -moz-animation: dB2A0Arrow 2s 0s linear both infinite;
  -ms-animation: dB2A0Arrow 2s 0s linear both infinite;
  -o-animation: dB2A0Arrow 2s 0s linear both infinite;
}
@-webkit-keyframes dB2A0Arrow {
  0% {
    -webkit-transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(75%, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(50%, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(25%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-ms-keyframes dB2A0Arrow {
  0% {
    -ms-transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    -ms-transform: translate(75%, 0);
    opacity: 1;
  }
  50% {
    -ms-transform: translate(50%, 0);
    opacity: 1;
  }
  75% {
    -ms-transform: translate(25%, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-o-keyframes dB2A0Arrow {
  0% {
    -o-transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    -o-transform: translate(75%, 0);
    opacity: 1;
  }
  50% {
    -o-transform: translate(50%, 0);
    opacity: 1;
  }
  75% {
    -o-transform: translate(25%, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-moz-keyframes dB2A0Arrow {
  0% {
    -moz-transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    -moz-transform: translate(75%, 0);
    opacity: 1;
  }
  50% {
    -moz-transform: translate(50%, 0);
    opacity: 1;
  }
  75% {
    -moz-transform: translate(25%, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes dB2A0Arrow {
  0% {
    transform: translate(100%, 0);
    opacity: 0;
  }
  25% {
    transform: translate(75%, 0);
    opacity: 1;
  }
  50% {
    transform: translate(50%, 0);
    opacity: 1;
  }
  75% {
    transform: translate(25%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
.dB2Animate1Img {
  width: 0.83333333rem;
  height: 0.83333333rem;
  position: absolute;
  left: 3.025rem;
  top: 4.44166667rem;
}
.dB2Animate2Img {
  width: 0.83333333rem;
  height: 0.75rem;
  position: absolute;
  left: 3.025rem;
  top: 4.41666667rem;
}
.dB2A1Rotate {
  animation: dB2A1Rotate 2s 0s linear both infinite;
  -webkit-animation: dB2A1Rotate 2s 0s linear both infinite;
  -moz-animation: dB2A1Rotate 2s 0s linear both infinite;
  -ms-animation: dB2A1Rotate 2s 0s linear both infinite;
  -o-animation: dB2A1Rotate 2s 0s linear both infinite;
}
@-webkit-keyframes dB2A1Rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-ms-keyframes dB2A1Rotate {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes dB2A1Rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes dB2A1Rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes dB2A1Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dB2Animate3Img1 {
  width: 0.83333333rem;
  height: 0.83333333rem;
  position: absolute;
  left: 3.05rem;
  top: 4.43333333rem;
}
.dB2Animate3Img2 {
  width: 0.33333333rem;
  height: 0.16666667rem;
  position: absolute;
  left: 2.83333333rem;
  top: 4.68333333rem;
}
.dB2A3Arrow {
  animation: dB2A3Arrow 2s 0s linear both infinite;
  -webkit-animation: dB2A3Arrow 2s 0s linear both infinite;
  -moz-animation: dB2A3Arrow 2s 0s linear both infinite;
  -ms-animation: dB2A3Arrow 2s 0s linear both infinite;
  -o-animation: dB2A3Arrow 2s 0s linear both infinite;
}
@-webkit-keyframes dB2A3Arrow {
  0% {
    -webkit-transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-75%, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-50%, 0);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-25%, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-ms-keyframes dB2A3Arrow {
  0% {
    -ms-transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    -ms-transform: translate(-75%, 0);
    opacity: 1;
  }
  50% {
    -ms-transform: translate(-50%, 0);
    opacity: 1;
  }
  75% {
    -ms-transform: translate(-25%, 0);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-o-keyframes dB2A3Arrow {
  0% {
    -o-transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    -o-transform: translate(-75%, 0);
    opacity: 1;
  }
  50% {
    -o-transform: translate(-50%, 0);
    opacity: 1;
  }
  75% {
    -o-transform: translate(-25%, 0);
    opacity: 1;
  }
  100% {
    -o-transform: translate(0%, 0);
    opacity: 1;
  }
}
@-moz-keyframes dB2A3Arrow {
  0% {
    -moz-transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    -moz-transform: translate(-75%, 0);
    opacity: 1;
  }
  50% {
    -moz-transform: translate(-50%, 0);
    opacity: 1;
  }
  75% {
    -moz-transform: translate(-25%, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0%, 0);
    opacity: 1;
  }
}
@keyframes dB2A3Arrow {
  0% {
    transform: translate(-100%, 0);
    opacity: 0;
  }
  25% {
    transform: translate(-75%, 0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  75% {
    transform: translate(-25%, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
  }
}
.dB2A3Rotate {
  animation: dB2A3Rotate 2s 0s linear both infinite;
  -webkit-animation: dB2A3Rotate 2s 0s linear both infinite;
  -moz-animation: dB2A3Rotate 2s 0s linear both infinite;
  -ms-animation: dB2A3Rotate 2s 0s linear both infinite;
  -o-animation: dB2A3Rotate 2s 0s linear both infinite;
}
@-webkit-keyframes dB2A3Rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-ms-keyframes dB2A3Rotate {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(-360deg);
  }
}
@-o-keyframes dB2A3Rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(-360deg);
  }
}
@-moz-keyframes dB2A3Rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}
@keyframes dB2A3Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.dB2Box {
  width: 6.33333333rem;
  position: absolute;
  right: 1.85833333rem;
}
.btnBox {
  width: 100%;
  height: 0.69166667rem;
  opacity: 0;
  transform: translate(0, 30%);
  -webkit-transform: translate(0, 30%);
  -ms-transform: translate(0, 30%);
  -moz-transform: translate(0, 30%);
  -o-transform: translate(0, 30%);
}
.btnBox > div,
.btnBox > p {
  float: left;
}
.btnBox > div {
  width: 0.55rem;
  height: 0.55rem;
  margin: 0 0.15rem;
  cursor: pointer;
}
.btnBox > p {
  width: 2.08333333rem;
  height: 0.55rem;
  overflow: hidden;
}
.btnBox > p:nth-child(4),
.btnBox > p:nth-child(6),
.btnBox > p:nth-child(8) {
  width: 0;
}
.btnBox > p > span {
  width: 2.08333333rem;
  max-width: 2.41666667rem;
  font-size: 0.16666667rem;
  color: #002e64;
  display: block;
}
.dB2Box > .btnBox {
  padding-left: 0.8rem;
}
.btnMiddle {
  width: 100%;
  margin: 0.75rem 0 0.625rem;
  opacity: 0;
  transform: translate(0, 30%);
  -webkit-transform: translate(0, 30%);
  -ms-transform: translate(0, 30%);
  -moz-transform: translate(0, 30%);
  -o-transform: translate(0, 30%);
}
.btnMiddle > div {
  width: 0.50833333rem;
  height: 0.55833333rem;
  margin: 0 0.45833333rem 0 1.06666667rem;
  float: left;
}
.btnMiddle > h2 {
  line-height: 0.55833333rem;
  font-size: 0.33333333rem;
  font-weight: bold;
  color: #002e64;
  float: left;
}
.btnMiddle > h2 > span {
  font-weight: 100;
}
.btnPs {
  width: 5.21666667rem;
  font-size: 0.16666667rem;
  color: #7f7f7f;
  opacity: 0;
  transform: translate(0, 30%);
  -webkit-transform: translate(0, 30%);
  -ms-transform: translate(0, 30%);
  -moz-transform: translate(0, 30%);
  -o-transform: translate(0, 30%);
}
.dB4PsWrite {
  padding-right: 0.125rem;
}
.dB3Img0 {
  width: 5.98333333rem;
  height: 6.44166667rem;
  position: absolute;
  left: 8.3rem;
  top: 0.55rem;
}
.dB3Animate0 {
  animation: dB3Animate0 2s 0s linear infinite;
  -webkit-animation: dB3Animate0 2s 0s linear infinite;
  -moz-animation: dB3Animate0 2s 0s linear infinite;
  -ms-animation: dB3Animate0 2s 0s linear infinite;
  -o-animation: dB3Animate0 2s 0s linear infinite;
}
@-webkit-keyframes dB3Animate0 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(-40deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-80deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(-120deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-160deg) scale(0.2);
    opacity: 0;
  }
}
@-ms-keyframes dB3Animate0 {
  20% {
    -ms-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -ms-transform: rotate(-40deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -ms-transform: rotate(-80deg) scale(0.6);
  }
  80% {
    -ms-transform: rotate(-120deg) scale(0.4);
  }
  100% {
    -ms-transform: rotate(-160deg) scale(0.2);
    opacity: 0;
  }
}
@-o-keyframes dB3Animate0 {
  20% {
    -o-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -o-transform: rotate(-40deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -o-transform: rotate(-80deg) scale(0.6);
  }
  80% {
    -o-transform: rotate(-120deg) scale(0.4);
  }
  100% {
    -o-transform: rotate(-160deg) scale(0.2);
    opacity: 0;
  }
}
@-moz-keyframes dB3Animate0 {
  20% {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -moz-transform: rotate(-40deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -moz-transform: rotate(-80deg) scale(0.6);
  }
  80% {
    -moz-transform: rotate(-120deg) scale(0.4);
  }
  100% {
    -moz-transform: rotate(-160deg) scale(0.2);
    opacity: 0;
  }
}
@keyframes dB3Animate0 {
  20% {
    transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    transform: rotate(-40deg) scale(0.8);
    opacity: 1;
  }
  60% {
    transform: rotate(-80deg) scale(0.6);
  }
  80% {
    transform: rotate(-120deg) scale(0.4);
  }
  100% {
    transform: rotate(-160deg) scale(0.2);
    opacity: 0;
  }
}
.dB3Img2 {
  width: 3.475rem;
  height: 2.06666667rem;
  position: absolute;
  left: 9.55rem;
  top: 2.55rem;
  display: none;
}
.dB3Animate1 {
  animation: dB3Animate1 2s 0s linear infinite;
  -webkit-animation: dB3Animate1 2s 0s linear infinite;
  -moz-animation: dB3Animate1 2s 0s linear infinite;
  -ms-animation: dB3Animate1 2s 0s linear infinite;
  -o-animation: dB3Animate1 2s 0s linear infinite;
}
@-webkit-keyframes dB3Animate1 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-20deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(20deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-20deg) scale(0.2);
    opacity: 0;
  }
}
@-ms-keyframes dB3Animate1 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-20deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(20deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-20deg) scale(0.2);
    opacity: 0;
  }
}
@-o-keyframes dB3Animate1 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-20deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(20deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-20deg) scale(0.2);
    opacity: 0;
  }
}
@-moz-keyframes dB3Animate1 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-20deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(20deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-20deg) scale(0.2);
    opacity: 0;
  }
}
@keyframes dB3Animate1 {
  20% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: rotate(20deg) scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(-20deg) scale(0.6);
  }
  80% {
    -webkit-transform: rotate(20deg) scale(0.4);
  }
  100% {
    -webkit-transform: rotate(-20deg) scale(0.2);
    opacity: 0;
  }
}
.dB3Img1 {
  width: 2.25rem;
  height: 2.65rem;
  position: absolute;
  left: 10.08333333rem;
  top: 2.41666667rem;
  display: none;
}
.dB3Animate2 {
  animation: dB3Animate2 2s 0s linear infinite;
  -webkit-animation: dB3Animate2 2s 0s linear infinite;
  -moz-animation: dB3Animate2 2s 0s linear infinite;
  -ms-animation: dB3Animate2 2s 0s linear infinite;
  -o-animation: dB3Animate2 2s 0s linear infinite;
}
@-webkit-keyframes dB3Animate2 {
  20% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(0.8);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0.6);
  }
  80% {
    -webkit-transform: scale(0.4);
  }
  100% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
}
@-ms-keyframes dB3Animate2 {
  20% {
    -ms-transform: scale(1);
    opacity: 0;
  }
  40% {
    -ms-transform: scale(0.8);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(0.6);
  }
  80% {
    -ms-transform: scale(0.4);
  }
  100% {
    -ms-transform: scale(0.2);
    opacity: 0;
  }
}
@-o-keyframes dB3Animate2 {
  20% {
    -o-transform: scale(1);
    opacity: 0;
  }
  40% {
    -o-transform: scale(0.8);
    opacity: 1;
  }
  60% {
    -o-transform: scale(0.6);
  }
  80% {
    -o-transform: scale(0.4);
  }
  100% {
    -o-transform: scale(0.2);
    opacity: 0;
  }
}
@-moz-keyframes dB3Animate2 {
  20% {
    -moz-transform: scale(1);
    opacity: 0;
  }
  40% {
    -moz-transform: scale(0.8);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0.6);
  }
  80% {
    -moz-transform: scale(0.4);
  }
  100% {
    -moz-transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes dB3Animate2 {
  20% {
    transform: scale(1);
    opacity: 0;
  }
  40% {
    transform: scale(0.8);
    opacity: 1;
  }
  60% {
    transform: scale(0.6);
  }
  80% {
    transform: scale(0.4);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
.dB3Box {
  width: 6.33333333rem;
  position: absolute;
  left: 1.325rem;
}
.dB3Box > .btnMiddle > div {
  width: 0.38333333rem;
  height: 0.61666667rem;
  margin: 0 0.34166667rem 0 0;
  float: left;
}
.dB4Box {
  width: 6.33333333rem;
  position: absolute;
  right: 1.68333333rem;
}
.dB4Box > .btnBox {
  width: 4.16666667rem;
}
.dB4Box > .btnBox > p {
  width: 2.41666667rem;
  height: 0.55rem;
  overflow: hidden;
}
.dB4Box > .btnBox > p > span {
  width: 2.41666667rem;
  max-width: 2.41666667rem;
  font-size: 0.16666667rem;
  color: #002e64;
  display: block;
}
.dB4Box > .btnBox > p:nth-child(4) {
  width: 0;
}
.dB4Box > .btnMiddle > div {
  width: 0.41666667rem;
  height: 0.6rem;
  margin: 0 0.275rem 0 2.625rem;
  float: left;
}
.dB4Img0 {
  width: 6.975rem;
  height: 6.975rem;
  position: absolute;
  left: -0.05rem;
  top: -0.475rem;
}
.dB4Img1 {
  width: 6.975rem;
  height: 6.975rem;
  position: absolute;
  left: 0rem;
  top: -0.425rem;
  display: none;
}
.dB4Water {
  width: 1.60833333rem;
  height: 1.60833333rem;
  position: absolute;
  left: 5.49166667rem;
  top: 4.14166667rem;
  display: none;
}
.dB4Shui {
  width: 6.3rem;
  height: 4.99166667rem;
  position: absolute;
  left: 6.03333333rem;
  bottom: 2.44166667rem;
}
/*三个文字区域的动画*/
.writeFade0 {
  animation: writeFade .4s 0s linear both;
  -webkit-animation: writeFade .4s 0s linear both;
  -moz-animation: writeFade .4s 0s linear both;
  -ms-animation: writeFade .4s 0s linear both;
  -o-animation: writeFade .4s 0s linear both;
}
.writeFade1 {
  animation: writeFade .4s .4s linear both;
  -webkit-animation: writeFade .4s .4s linear both;
  -moz-animation: writeFade .4s .4s linear both;
  -ms-animation: writeFade .4s .4s linear both;
  -o-animation: writeFade .4s .4s linear both;
}
.writeFade2 {
  animation: writeFade .4s .8s linear both;
  -webkit-animation: writeFade .4s .8s linear both;
  -moz-animation: writeFade .4s .8s linear both;
  -ms-animation: writeFade .4s .8s linear both;
  -o-animation: writeFade .4s .8s linear both;
}
@-webkit-keyframes writeFade {
  0% {
    -webkit-transform: translate(0, 30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes writeFade {
  0% {
    -ms-transform: translate(0, 30%);
    opacity: 0;
  }
  100% {
    -ms-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes writeFade {
  0% {
    -o-transform: translate(0, 30%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes writeFade {
  0% {
    -moz-transform: translate(0, 30%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes writeFade {
  0% {
    transform: translate(0, 30%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.dB4Tem {
  display: none;
}
.dB4WaterBg {
  width: 7.04166667rem;
  height: 5.29166667rem;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.dB4Cir {
  width: 1.63333333rem;
  height: 1.625rem;
  position: absolute;
  left: 5.49166667rem;
  top: 4.125rem;
}
.dB4CirRotate {
  animation: dB4CirRotate 1s 0s linear both;
  -webkit-animation: dB4CirRotate 1s 0s linear both;
  -moz-animation: dB4CirRotate 1s 0s linear both;
  -ms-animation: dB4CirRotate 1s 0s linear both;
  -o-animation: dB4CirRotate 1s .0s linear both;
}
@-webkit-keyframes dB4CirRotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-ms-keyframes dB4CirRotate {
  0% {
    -ms-transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes dB4CirRotate {
  0% {
    -o-transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes dB4CirRotate {
  0% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes dB4CirRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dB4CirShade {
  width: 3.025rem;
  height: 3.025rem;
  position: absolute;
  left: 4.74166667rem;
  top: 3.45rem;
}
.dB4CirNum {
  width: 0.6rem;
  height: 0.225rem;
  position: absolute;
  left: 6.04166667rem;
  top: 4.65833333rem;
}
.dB5Box {
  width: 6.19166667rem;
  position: absolute;
  left: 1.61666667rem;
}
.dB5Line1 > div:nth-child(1) {
  width: 0.64166667rem;
  height: 0.95rem;
  float: left;
}
.dB5Line1 > div:nth-child(2) {
  padding-left: 0.175rem;
  font-size: 0.225rem;
  font-weight: bold;
  color: #002e64;
  float: left;
}
.dB5Line1 > div:nth-child(2) > span {
  font-weight: 100;
}
.dB5Lin2 {
  font-size: 0.33333333rem;
  font-weight: bold;
  color: #002e64;
  padding: 0.50833333rem 0;
}
.dB5Lin3 {
  font-size: 0.16666667rem;
  color: #7f7f7f;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.dB6 .swiper-pagination {
  width: 1.5rem;
  height: 0.08333333rem;
  position: absolute;
  right: 1.225rem;
  bottom: 1rem;
}
.dB6 .swiper-pagination-bullet {
  width: 0.08333333rem;
  height: 0.08333333rem;
  border-radius: 0;
  border: 1px solid #fff;
  background: #002e64;
  margin-right: 0.21666667rem !important;
}
.dB6 .swiper-pagination-bullet:nth-child(last) {
  margin-right: 0 !important;
}
.dB7Line1 {
  width: 100%;
  font-size: 0.38333333rem;
  font-weight: bold;
  color: #002e64;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.65833333rem;
}
.dB7Line2 {
  width: 100%;
  font-size: 0.25rem;
  color: #002e64;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.93333333rem;
  padding-top: 0.19166667rem;
}
.dB7Img {
  width: 4.15833333rem;
  height: 0.71666667rem;
  position: absolute;
  left: 5.9rem;
  top: 1.79166667rem;
}
.dB7BtnBox {
  width: 4.33333333rem;
  position: absolute;
  left: 5.875rem;
  top: 2.85rem;
}
.dB7BtnBox > a {
  width: 1.25rem;
  height: 0.35833333rem;
  margin-right: 0.25rem;
  float: left;
  display: block;
}
.dB7BtnBox > a:nth-child(3) {
  margin: 0;
}
.dB7BtnBox1 {
  width: 4.25rem;
  position: absolute;
  left: 5.875rem;
  top: 2.85rem;
  display: none;
}
.dB7BtnBox1 > a {
  width: 1.25rem;
  height: 0.35833333rem;
  display: block;
}
.dB7BtnBox1 > a:nth-child(1) {
  float: left;
  margin-left: 0.625rem;
}
.dB7BtnBox1 > a:nth-child(2) {
  float: right;
  margin-right: 0.625rem;
}
.dB7Left {
  width: 0.55833333rem;
  height: 0.39166667rem;
  cursor: pointer;
  position: absolute;
  left: 6.10833333rem;
  top: 6.90833333rem;
}
.dB7Right {
  width: 0.55833333rem;
  height: 0.39166667rem;
  cursor: pointer;
  position: absolute;
  left: 9.33333333rem;
  top: 6.90833333rem;
}
.dB7Name {
  width: 2.66666667rem;
  height: 0.39166667rem;
  line-height: 0.39166667rem;
  font-size: 0.21666667rem;
  color: #002e64;
  text-align: center;
  position: absolute;
  left: 6.66666667rem;
  top: 6.90833333rem;
}
.dB7Swiper {
  width: 60%;
  position: absolute;
  left: 20%;
  top: 3.63333333rem;
}
.swiper-container1 .swiper-slide {
  width: 33.3333333333%;
  -webkit-transform: scale3d(0.49, 0.49, 0.49) translate3d(0, -3rem, 0);
  -ms-transform: scale3d(0.49, 0.49, 0.49) translate3d(0, -3rem, 0);
  -moz-transform: scale3d(0.49, 0.49, 0.49) translate3d(0, -3rem, 0);
  -o-transform: scale3d(0.49, 0.49, 0.49) translate3d(0, -3rem, 0);
  transform: scale3d(0.49, 0.49, 0.49) translate3d(0, -3rem, 0);
  opacity: 0;
  -webkit-filter: blur(10px);
  -ms-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
}
.swiper-container1 .swiper-slide-active {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(0, 0, 0);
  -ms-transform: scale3d(0.9, 0.9, 0.9) translate3d(0, 0, 0);
  -moz-transform: scale3d(0.9, 0.9, 0.9) translate3d(0, 0, 0);
  -o-transform: scale3d(0.9, 0.9, 0.9) translate3d(0, 0, 0);
  transform: scale3d(0.9, 0.9, 0.9) translate3d(0, 0, 0);
  opacity: 1;
  -webkit-filter: blur(0px);
  -ms-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -ms-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -moz-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -o-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
}
.swiper-container1 .swiper-slide-prev {
  -webkit-transform: scale3d(0.7, 0.7, 0.7) translate3d(-0.41666667rem, -0.5rem, 0);
  -ms-transform: scale3d(0.7, 0.7, 0.7) translate3d(-0.41666667rem, -0.5rem, 0);
  -moz-transform: scale3d(0.7, 0.7, 0.7) translate3d(-0.41666667rem, -0.5rem, 0);
  -o-transform: scale3d(0.7, 0.7, 0.7) translate3d(-0.41666667rem, -0.5rem, 0);
  transform: scale3d(0.7, 0.7, 0.7) translate3d(-0.41666667rem, -0.5rem, 0);
  opacity: 1;
  -webkit-filter: blur(5px);
  -ms-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -ms-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -moz-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -o-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
}
.swiper-container1 .swiper-slide-next {
  -webkit-transform: scale3d(0.7, 0.7, 0.7) translate3d(0.41666667rem, -0.5rem, 0);
  -ms-transform: scale3d(0.7, 0.7, 0.7) translate3d(0.41666667rem, -0.5rem, 0);
  -moz-transform: scale3d(0.7, 0.7, 0.7) translate3d(0.41666667rem, -0.5rem, 0);
  -o-transform: scale3d(0.7, 0.7, 0.7) translate3d(0.41666667rem, -0.5rem, 0);
  transform: scale3d(0.7, 0.7, 0.7) translate3d(0.41666667rem, -0.5rem, 0);
  opacity: 1;
  -webkit-filter: blur(5px);
  -ms-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -ms-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -moz-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  -o-transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
  transition: all 400ms cubic-bezier(0.23, 1, 0.23, 1);
}
footer {
  width: 100%;
  display: none;
}
/**********jquery scroll bar**********/
.scrollbar-inner {
  width: 100%;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 0.01666667rem;
  height: 0.06666667rem;
  left: 0;
  width: 100%;
  display: none !important;
}
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 0rem;
  top: 0;
  width: 0.06666667rem;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 0.06666667rem;
  -moz-border-radius: 0.06666667rem;
  border-radius: 0.06666667rem;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #ccccdd;
}
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #002e64;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #002e64;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #002e64;
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -0.1rem;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -0.1rem;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -0.1rem;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -0.1rem;
}
/**********jquery scroll bar**********/