@charset "UTF-8";
a.c-Btn, a.c-BorderBtn {
  -webkit-tap-highlight-color: transparent; }

button, [type="button"], [type="submit"], [type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0; }

a.c-Btn, a.c-BorderBtn {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a.c-Btn, a.c-BorderBtn {
  -webkit-touch-callout: none; }

.u-textBreak {
  word-wrap: break-word;
  word-break: break-all; }

.menu-Box:before, .part-One:before, .part-Two:before, .part-Three:before, .part-Four:before, .j-Footer-son:before, .menu-Box:after, .part-One:after, .part-Two:after, .part-Three:after, .part-Four:after, .j-Footer-son:after {
  content: "";
  display: table; }

.menu-Box:after, .part-One:after, .part-Two:after, .part-Three:after, .part-Four:after, .j-Footer-son:after {
  clear: both;
  overflow: hidden; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:active, a:hover {
    outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0; }

optgroup {
  font-weight: bold; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template,
[hidden] {
  display: none; }

html {
  box-sizing: border-box; }

*, *:before, *:after, *::before, *::after {
  box-sizing: inherit; }

::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset; }

:disabled, [disabled], [aria-disabled] {
  background-color: #e6e6e6 !important;
  color: #ababab !important;
  cursor: not-allowed !important;
  pointer-events: none !important; }

.u-textL {
  text-align: left !important; }

.u-textC {
  text-align: center !important; }

.u-textR {
  text-align: right !important; }

.u-textRtl {
  direction: rtl !important; }

.u-textMainTone {
  color: #3da4fe !important; }

.u-textSubTone {
  color: #fe6e00 !important; }

.u-textWarn {
  color: #8a6d3b !important; }

.u-textDanger {
  color: #a94442 !important; }

html {
  font-size: 16px;
  line-height: 1.625;
  font-family: arial, \5b8b\4f53, "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

body {
  background-color: #fff;
  min-width: 1260px; }
  .ie8 body {
    background-color: blue; }
  .ie9 body {
    background-color: red; }

:disabled, [disabled], [aria-disabled].c-BorderBtn {
  background-color: transparent !important; }

.c-Btn, .c-BorderBtn {
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  padding: 0 .8em;
  line-height: 2em;
  height: 2em;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

a.c-Btn, a.c-BorderBtn {
  text-decoration: none; }

.c-Btn {
  background-color: #999;
  color: #fff;
  border: none; }
  .c-Btn:active {
    box-shadow: 0 0 0px 1em rgba(0, 0, 0, 0.1) inset; }
  .c-Btn--primary {
    background-color: #3da4fe;
    color: #fff; }
  .c-Btn--radius {
    border-radius: 3px; }
  .c-Btn--round {
    border-radius: 1em/1em; }

.c-BorderBtn {
  background-color: transparent;
  color: #999;
  border: 1px solid #999; }
  .c-BorderBtn:active {
    color: gray;
    border-color: gray; }
  .c-BorderBtn--primary {
    color: #3da4fe;
    border-color: #3da4fe; }
    .c-BorderBtn--primary:active {
      color: #0a8cfe;
      border-color: #0a8cfe; }
  .c-BorderBtn--radius {
    border-radius: 3px; }
  .c-BorderBtn--round {
    border-radius: 1em/1em; }

.animated {
  display: block !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100; }

.animated1 {
  display: block !important;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100; }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

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

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

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

.fadeIn2 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-delay: 0.5s; }

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

.fadeIn4 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-delay: 0.8s; }

.fadeIn2 {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-delay: 1.2s; }

@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;
  animation-delay: 0.8s; }

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

.fadeInLeft2 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-delay: 0.5s; }

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-delay: 1s; }

.fadeInRight4 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-delay: 1.5s; }

.fadeInRight2 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-delay: 0.5s; }

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

@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;
  animation-delay: 0.8s; }

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

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

.bounceIn {
  display: block !important;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

html {
  font-size: 16px;
  line-height: 1.625;
  font-family: "Microsoft YaHei", "Hiragino Sans GB", sans-serif, arial, \5b8b\4f53; }

body {
  background-color: #ffffff; }

#menu {
  padding: 0;
  position: fixed;
  width: 60px;
  list-style-type: none;
  z-index: 70;
  right: 5%;
  height: 240px;
  top: 50%;
  margin-top: -120px; }
  #menu li a {
    display: block;
    margin: 24px auto;
    color: transparent;
    width: 12px;
    height: 12px;
    background: #bcbcbc;
    border-radius: 50%;
    transition: all .3s; }
  #menu li.active a {
    background: #19cc82;
    width: 56px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px; }

.section {
  text-align: center;
  font: 50px "Microsoft Yahei";
  color: #fff;
  position: relative; }

.music-box {
  position: absolute;
  top: 10%;
  left: 0; }

.j-Head {
  width: 100%;
  height: 70px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: #ffffff; }
  .j-Head .head-btn {
    float: right;
    margin-top: 12px;
    display: none; }
    .j-Head .head-btn a {
      display: inline-block;
      width: 160px;
      height: 45px;
      background: #19cc82;
      color: #ffffff;
      font-size: 16px;
      text-align: center;
      line-height: 45px;
      border-radius: 30px;
      margin-left: 20px;
      cursor: pointer; }
    .j-Head .head-btn .head-ios {
      background: #42a4fc; }

.menu-Box {
  width: 1200px;
  margin: 0 auto; }
  .menu-Box-logo {
    float: left;
    display: block;
    margin-top: 20px; }
  .menu-Box-nav {
    float: right;
    width: 60%;
    line-height: 70px;
    text-align: right; }
    .menu-Box-nav .nav-item {
      display: inline-block;
      color: #8b9097;
      font-size: 14px;
      padding: 0 20px;
      position: relative; }
      .menu-Box-nav .nav-item:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        height: 12px;
        width: 2px;
        background: #eeeeee;
        z-index: 3; }
      .menu-Box-nav .nav-item:last-child {
        padding-right: 0; }
      .menu-Box-nav .nav-item:last-child:after {
        width: 0; }
      .menu-Box-nav .nav-item a {
        color: #8b9097; }
      .menu-Box-nav .nav-item.active a {
        color: #19cc82; }

.one-sao {
  position: absolute;
  right: 20%;
  top: 20%; }
  .one-sao .sao-img {
    width: 110px;
    height: 110px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 5px; }
    .one-sao .sao-img img {
      width: 100%;
      height: 100%; }
  .one-sao .sao-text {
    color: #666666;
    font-size: 14px;
    text-align: center; }

.part-One {
  width: 1060px;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative; }
  
  .part-One-logo{
  	height: 124px;
  }
  .part-One-logo img{
  	height: 100%;
  }
  .part-One-img{
  	height: 313px;
  }
  .part-One-img img{
  	height: 100%;
  }
  .part-One-font{
  	height: 86px;
  }
  .part-One-font img{
  	height: 100%;
  }
  .part-One .one-vedio {
    width: 190px;
    cursor: pointer;
    margin: 20px auto 10px;
    color: #666666;
    font-size: 18px; }
    .part-One .one-vedio img {
      vertical-align: middle; }
  .part-One .down-btn {
    width: 64px;
    height: 25px;
    margin: 0 auto;
    /*position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: -10%;*/
    animation: bounce-down 1s linear infinite; }
    .part-One .down-btn img {
      width: 100%;
      height: 100%; }

@keyframes bounce-down {
  25% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0); } }
  .part-One .yh-one {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 69px;
    left: 311px;
    z-index: 2;
    animation: fireworks 2s infinite; }
  .part-One .yh-two {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 69px;
    right: 311px;
    z-index: 2;
    animation: fireworks 2s infinite;
    animation-delay: 0.2s; }
  .part-One .yh-three {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 89px;
    right: 241px;
    z-index: 2;
    animation: fireworks 2s infinite;
    animation-delay: .5s; }
  .part-One-font {
    margin-top: 10px; }
  .part-One-text {
    width: 840px !important;
    margin: 20px auto;
    color: #999999;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    overflow: hidden; }
  .part-One-btn {
    text-align: center; }
    .part-One-btn a {
      display: inline-block;
      width: 230px;
      cursor: pointer;
      margin: 0 30px;
      height: 48px;
      line-height: 48px;
      color: #ffffff;
      font-size: 16px;
      border-radius: 40px;
      text-align: center;
      background: #19cc82; }
      .part-One-btn a img {
        vertical-align: middle; }
    .part-One-btn .ios-btn {
      background: #42a4fc; }

@keyframes fireworks {
  0% {
    transform: scale(0); }
  80% {
    transform: scale(1.5); }
  100% {
    opacity: 0; } }

.part-Two {
  width: 1060px;
  margin: 0 auto; }
  .part-Two-left {
    float: left;
    text-align: left;
    width: 380px; }
    .part-Two-left .two-title {
      color: #19cc82;
      font-size: 60px; }
    .part-Two-left .two-tip {
      color: #333333;
      font-size: 30px;
      margin: 20px 0; }
    .part-Two-left .two-text {
      color: #999999;
      font-size: 18px;
      line-height: 30px; }

.home-Right {
  float: right;
  width: 530px;
  height: 430px;
  position: relative; }
  .home-Right .home-yun {
    position: absolute;
    left: 300px;
    top: 126px;
    z-index: 9;
    animation: smokeL 1s linear infinite; }
  .home-Right-one {
    position: absolute;
    width: 100px;
    height: 84px;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -42px;
    z-index: 4; }
  .home-Right-two {
    position: absolute;
    left: 56px;
    top: 102px;
    z-index: 1; }
  .home-Right-three {
    position: absolute;
    left: 74px;
    top: 166px;
    z-index: 1; }
  .home-Right-four {
    position: absolute;
    right: 66px;
    top: 166px;
    z-index: 1; }
  .home-Right-five {
    position: absolute;
    left: 10px;
    top: 6px;
    z-index: 1; }
  .home-Right-six {
    position: absolute;
    left: 138px;
    top: 6px;
    z-index: 1; }
  .home-Right-seven {
    position: absolute;
    left: 306px;
    top: 6px;
    z-index: 1; }
  .home-Right-eight {
    position: absolute;
    right: 4px;
    top: 6px;
    z-index: 1; }
  .home-Right-nine {
    position: absolute;
    left: 161px;
    bottom: 4px;
    z-index: 1; }
  .home-Right-ten {
    position: absolute;
    right: 147px;
    bottom: 4px;
    z-index: 1; }

.qy-Left {
  float: left;
  width: 630px;
  height: 455px;
  position: relative; }
  .qy-Left-one {
    position: absolute;
    left: 263px;
    bottom: -39px;
    z-index: 1; }
  .qy-Left-two {
    position: absolute;
    left: 0;
    height: 450px;
    bottom: -30px;
    z-index: 2; }
  .qy-Left-three {
    position: absolute;
    left: -4px;
    height: 450px;
    bottom: -3px;
    z-index: 3; }
  .qy-Left-four {
    position: absolute;
    left: 2px;
    height: 450px;
    bottom: 15px;
    z-index: 4; }
.qy-Left-two img{
	height: 100%;
}
.qy-Left-three img{
	height: 100%;
}
.qy-Left-four img{
	height: 100%;
}
.honor-Right {
  float: right;
  width: 480px;
  position: relative; }
  .honor-Right .huo {
    width: 36px;
    height: 60px;
    position: absolute;
    left: 112px;
    top: -56px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%; }
  .honor-Right .huos {
    width: 36px;
    height: 60px;
    position: absolute;
    left: 135px;
    top: -55px;
    opacity: 0.3;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%; }
  .honor-Right-one {
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 2;
    width: 257px;
    height: 263px; }
  .honor-Right-two {
    position: absolute;
    height: 304px;
    right: 0px;
    top: -30px;
    z-index: 1; }
.honor-Right-one img{
	height: 100%;
}
.honor-Right-two img{
	height: 100%;
}
@-webkit-keyframes fire /* Safari 与 Chrome */ {
  0% {
    background-image: url(../img/h1.png); }
  20% {
    background-image: url(../img/h2.png); }
  40% {
    background-image: url(../img/h3.png); }
  60% {
    background-image: url(../img/h4.png); }
  80% {
    background-image: url(../img/h5.png); }
  90% {
    background-image: url(../img/h6.png); }
  100% {
    background-image: url(../img/h7.png); } }

@keyframes fire /* Safari 与 Chrome */ {
  0% {
    background-image: url(../img/h1.png); }
  20% {
    background-image: url(../img/h2.png); }
  40% {
    background-image: url(../img/h3.png); }
  60% {
    background-image: url(../img/h4.png); }
  80% {
    background-image: url(../img/h5.png); }
  90% {
    background-image: url(../img/h6.png); }
  100% {
    background-image: url(../img/h7.png); } }

@keyframes flicker {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.1, 1) rotate(3deg); }
  50% {
    transform: scale(1, 1.2); }
  80% {
    transform: scale(0.9, 1.1) rotate(-3deg); }
  100% {
    transform: scale(1); } }

.part-Three {
  width: 1060px;
  margin: 0 auto; }
  .part-Three-left {
    float: left;
    width: 420px;
    height: 369px;
    position: relative; }
    .part-Three-left .three-one {
      position: absolute;
      top: 121px;
      left: 152px;
      z-index: 2; }
    .part-Three-left .three-bg {
      animation: myMove1 4s linear infinite;
      -webkit-animation: myMove1 4s linear infinite; }
    .part-Three-left .three-two {
      position: absolute;
      top: -39px;
      left: 170px;
      z-index: 2; }
    .part-Three-left .three-third {
      position: absolute;
      top: 42px;
      right: 30px;
      z-index: 2; }
    .part-Three-left .three-four {
      position: absolute;
      top: 225px;
      right: 19px;
      z-index: 2; }
    .part-Three-left .three-five {
      position: absolute;
      bottom: -34px;
      right: 164px;
      z-index: 2; }
    .part-Three-left .three-six {
      position: absolute;
      bottom: 42px;
      left: 14px;
      z-index: 2; }
    .part-Three-left .three-seven {
      position: absolute;
      top: 44px;
      left: 14px;
      z-index: 2; }
  .part-Three-right {
    float: right;
    text-align: left;
    width: 380px; }
    .part-Three-right .two-title {
      color: #19cc82;
      font-size: 60px; }
    .part-Three-right .two-tip {
      color: #333333;
      font-size: 30px;
      margin: 20px 0; }
    .part-Three-right .two-text {
      color: #999999;
      font-size: 18px;
      line-height: 30px; }

@keyframes myMove1 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes myMove1 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.part-Four {
  width: 1060px;
  margin: 0 auto; }
  .part-Four-left {
    float: left;
    text-align: left;
    width: 490px; }
    .part-Four-left .two-title {
      color: #19cc82;
      font-size: 60px; }
    .part-Four-left .two-tip {
      color: #333333;
      font-size: 30px;
      margin: 20px 0; }
    .part-Four-left .two-text {
      color: #999999;
      width: 380px;
      font-size: 18px;
      line-height: 30px; }
  .part-Four-right {
    float: right;
    width: 570px;
    position: relative; }
    .part-Four-right .blue-ico {
      position: absolute;
      left: 30px;
      top: 20px;
      z-index: 2; }
    .part-Four-right .h-ico {
      position: absolute;
      left: 220px;
      top: 30px;
      z-index: 2; }
    .part-Four-right .t-ico {
      position: absolute;
      left: 340px;
      top: 136px;
      z-index: 2; }
    .part-Four-right .g-ico {
      position: absolute;
      right: 0px;
      top: 150px;
      z-index: 2; }

.bounce-down {
  animation: bounce-down 1.5s linear infinite; }

.section.footerss .fp-tableCell {
  display: block !important; }

.xin-two {
  width: 83px;
  height: 78px;
  position: absolute;
  right: 165px;
  top: 109px;
  z-index: 4;
  opacity: 0;
  animation: smokeL 0.8s linear infinite;
  animation-delay: 5s; }
  .xin-two img {
    width: 100%;
    height: 100%; }

.xin-one {
  opacity: 0;
  width: 56px;
  height: 51px;
  position: absolute;
  left: 370px;
  top: 204px;
  z-index: 4;
  animation: smokeL 1s linear infinite;
  animation-delay: 3.5s; }
  .xin-one img {
    width: 100%;
    height: 100%; }

.xin {
  width: 37px;
  height: 34px;
  position: absolute;
  left: 316px;
  top: 229px;
  z-index: 4;
  animation: xin 2s linear infinite; }
  .xin img {
    width: 100%;
    height: 100%; }

@keyframes smokeL {
  0% {
    opacity: 0;
    transform: scale(1) translate(0, 0); }
  10% {
    opacity: .8;
    transform: scale(1) translate(3px, 2px); }
  100% {
    opacity: 0;
    transform: scale(1.5) translate(6px, -10px); } }

@keyframes xin {
  0% {
    opacity: 0;
    transform: scale(0) translate(0, 0); }
  10% {
    opacity: .8;
    transform: scale(1) translate(3px, 2px); }
  40% {
    opacity: 0;
    transform: scale(2) translate(6px, -10px); }
  70% {
    opacity: 0;
    transform: scale(3) translate(8px, -20px); }
  100% {
    opacity: 0;
    transform: scale(5) translate(2px, -30px); } }

.j-Footer {
  width: 100%;
  background: #ffffff;
  position: relative;
  height: 310px; }
  .gameTips{
	color: #333;
    font-size: 14px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 50px;
    line-height: 50px;
  }
  .j-Footer-son {
    width: 1060px;
    margin: 0 auto; }
    .j-Footer-son .foot-left {
      float: left;
      text-align: left;
      width: 350px; }
      .j-Footer-son .foot-left .foot-link {
        margin-top: 80px; }
        .j-Footer-son .foot-left .foot-link a {
          display: inline-block;
          margin-right: 40px; }
      .j-Footer-son .foot-left .foot-tag {
        font-size: 14px;
        color: #666666;
        margin-top: 10px; }
        .j-Footer-son .foot-left .foot-tag a {
          display: inline-block;
          color: #666666; }
      .j-Footer-son .foot-left .foot-copy {
        font-size: 14px;
        color: #666666;
        margin-top: 10px; }
    .j-Footer-son .foot-right {
      float: right;
      text-align: left;
      margin-top: 100px; }
      .j-Footer-son .foot-right .foot-title {
        color: #333333;
        font-size: 16px;
        margin-bottom: 20px; }
      .j-Footer-son .foot-right .foot-li {
        color: #999999;
        font-size: 14px;
        margin-top: 5px; }

.cover-two {
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999; }
  .cover-two .down-one {
    display: none;
    width: 486px;
    height: 366px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    margin-left: -243px;
    top: 50%;
    margin-top: -183px;
    border-radius: 20px; }
    .cover-two .down-one .down-close {
      color: #999;
      font-size: 30px;
      cursor: pointer;
      position: absolute;
      right: 20px;
      top: 10px; }
    .cover-two .down-one .down-img {
      width: 180px;
      height: 180px;
      margin: 93px auto 0; }
      .cover-two .down-one .down-img img {
        width: 100%;
        height: 100%; }
    .cover-two .down-one .down-text {
      color: #666666;
      font-size: 14px;
      text-align: center; }

.cover-one {
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999; }
  .cover-one .cover-vedio {
    width: 800px;
    height: 450px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 9999; }
  .cover-one .close-btn {
    color: #ffffff;
    width: 100%;
    cursor: pointer;
    font-size: 40px;
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 20%;
    z-index: 999; }
@media (min-width: 1050px) {
	.part-One .down-btn{
		margin: 50px auto 0;
	}
}
@media (max-width: 900px) {
	.part-One{
		margin: 80px auto 0;
	}
}
@media (max-height: 768px) {
	.part-One{
		margin: 80px auto 0;
	}
	.part-One-logo{
		height: 95px;
	}
	.part-One-img{
		height: 280px;
	}
	.part-One-font{
		height: 65px;
		margin-top: 0;
	}
	.part-One-text{
		font-size: 14px;
		line-height: 22px;
		margin: 30px auto 10px;
	}
	.part-One .one-vedio{
		margin: 15px auto 10px;
	}
	.part-Two-left{
		margin-top: 5%;
	}
	.one-sao{
		right: 13%;
	}
}
@media (max-height: 720px) {
	.part-One-logo{
		height: 80px;
	}
	.part-One-img{
		height: 257px;
	}
	#menu{
		right: 2%;
	}
	.qy-Left-four,.qy-Left-two,.qy-Left-three{
		height: 420px;
	}
	.part-Three-right{
		margin-top: 80px;
	}
	.honor-Right-one{
		height: 230px;
	}
	.honor-Right-two{
		height: 270px;
		right: 40px;
    top: -10px;
	}
	.honor-Right .huos{
		left: 118px;
	}
	.honor-Right{
		margin-top: 3%;
	}
	.part-Three-left{
		margin-top: 3%;
	}
	.part-One-btn{
		margin-top: -10px;
	}
	.part-One .down-btn{
		margin: 10px auto 0;
	}
}