@charset "utf-8";

.mcontainer,.banner .flex-control-nav {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .mcontainer,.banner .flex-control-nav {    width: 750px; margin:0 auto;  }
}
@media (min-width: 840px) {
  .mcontainer,.banner .flex-control-nav {
    width: 820px;
  }
}

@media (min-width: 992px) {
  .mcontainer,.banner .flex-control-nav {
    width:880px;
  }
}
@media (min-width: 1100px) {
  .mcontainer,.banner .flex-control-nav {
    width:1000px;
  }
}

@media (min-width: 1250px) {
  .mcontainer,.banner .flex-control-nav {
    width: 1200px;
  }
}
@media (min-width: 1280px) {
  .mcontainer,.banner .flex-control-nav {
    width: 1230px;
  }
}
@media (min-width: 1440px) {
  .mcontainer,.banner .flex-control-nav {
    width: 1366px;
  }
}
@media (min-width: 1500px) {
  .mcontainer,.banner .flex-control-nav {
    width: 1450px;
  }
}


.mouse{ width:51px; height:51px; background:#fff; text-align:center; position:absolute; z-index:50; left:50%; border-radius:50%; margin-left:-25px; bottom:5%; animation:arrow linear 2s 0s infinite running; -webkit-animation:arrow linear 2s 0s infinite running; cursor:pointer; }
.mouse i{ background:url(/template/default/index/3370/images/tdian.png) no-repeat center center; display:inline-block; width:51px; height:51px;}


#top{text-transform:capitalize;font-size:18px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top span{display:inline-block;vertical-align:middle;margin-left:15px;border-radius:100%; background:rgba(255,255,255,0.8);width:46px;height:46px;border:1px solid #EB0021;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top .aico{height:100%; width:100%; display:inline-block; background:url(/template/default/index/3370/images/tiaox_03.png) no-repeat center;-webkit-animation:scrollUp 2s infinite;-moz-animation:scrollUp 2s infinite;animation:scrollUp 2s infinite}

@-webkit-keyframes scrollUp{
0%{-webkit-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@-moz-keyframes scrollUp{
0%{-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@keyframes scrollUp{
0%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


@-webkit-keyframes mouse{
0%{-webkit-transform:none;transform:none;opacity:1}
100%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:0}
}
@-moz-keyframes mouse{
0%{-moz-transform:none;transform:none;opacity:1}
100%{-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}
}
@keyframes mouse{
0%{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}
100%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}
}


.cg-w .item.prevSlick{z-index:4!important}
.cg-w .item{z-index:2!important;opacity:1!important}
.cg-w .item.prevSlick .pic2{-moz-animation:increaseHeight 1.5s;animation:increaseHeight 1.5s;-webkit-animation:increaseHeight 1.5s}
.cg-s .slick-current .pic2 img{-webkit-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94)}

@-webkit-keyframes phoneRotate{
from,to{-webkit-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@-moz-keyframes phoneRotate{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes phoneRotate{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
}
@-webkit-keyframes phoneJump{
from,to{-webkit-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@-moz-keyframes phoneJump{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@keyframes phoneJump{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@-webkit-keyframes _cyLogoShow{
0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@-moz-keyframes _cyLogoShow{
0%{background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@keyframes _cyLogoShow{
0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@-webkit-keyframes logoShow{
from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@-moz-keyframes logoShow{
from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@keyframes logoShow{
from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@-webkit-keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{
from{opacity:0;-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@-moz-keyframes lightSpeedIn{
from{-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-moz-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInDown{
from{opacity:0;-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInRight{
from{opacity:0;-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInLeft{
from{opacity:0;-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes reveal-v{
0%{-webkit-transform:scaleY(0);transform:scaleY(0)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@-moz-keyframes reveal-v{
0%{-moz-transform:scaleY(0);transform:scaleY(0)}
50%{-moz-transform:scaleY(1);transform:scaleY(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-moz-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@keyframes reveal-v{
0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)}
50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@-webkit-keyframes reveal-l{
0%{-webkit-transform:scaleX(0);transform:scaleX(0)}
50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@-moz-keyframes reveal-l{
0%{-moz-transform:scaleX(0);transform:scaleX(0)}
50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@keyframes reveal-l{
0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)}
50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@-webkit-keyframes hide-lr{
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@-moz-keyframes hide-lr{
0%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes hide-lr{
0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px)}
}
@-webkit-keyframes hide-dt{
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@-moz-keyframes hide-dt{
0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}
}
@keyframes hide-dt{
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}
}
@-webkit-keyframes hide-dt-f{
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
@-moz-keyframes hide-dt-f{
0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}
}
@keyframes hide-dt-f{
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)}
}
@-webkit-keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@-moz-keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@-webkit-keyframes tbfade{
0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}
}
@-moz-keyframes tbfade{
0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}
}
@keyframes tbfade{
0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}
}
@media screen and (min-width:1025px){

.transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden}
.transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden}
.transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden}
.active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}
.trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}
.dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}
.dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}
.dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
.dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}
.dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
.dly-9{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
.dly-10{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
.dly-11{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;transition-delay:1.1s}
.dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
.active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both}
.active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both}
.active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both}
.active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both}
.active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both}
.active .am-rvv{position:relative}
.active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-rvl{position:relative}
.active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}
.active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
.active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s}
.active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
}
.bubbly-button:after,.bubbly-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transition:all ease-in-out .5s;background-repeat:no-repeat}
.bubbly-button:before{display:none;top:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}
.bubbly-button:after{display:none;bottom:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}
@-webkit-keyframes topBubbles{
0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}
50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}
100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@-moz-keyframes topBubbles{
0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}
50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}
100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@keyframes topBubbles{
0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}
50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}
100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@-webkit-keyframes bottomBubbles{
0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}
50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}
100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@-moz-keyframes bottomBubbles{
0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}
50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}
100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}
@keyframes bottomBubbles{
0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}
50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}
100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}
}


.binbox {
	position: absolute;
	left:50%;
	width:640px;
	margin-left:-320px;
	top: 35%;
	text-align:center;
	color: #fff
}
.binbox .t { color: #fff;font-size:48px; line-height:48px;overflow: hidden;}
.binbox .en {font-size:21px; padding-top:35px;}

.banner .slick-active .binbox {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(.6, 4, .3, .8);
	transition-timing-function: cubic-bezier(.6, 4, .3, .8);
	-webkit-animation: fadeInRightBig 1.2s 1;
	animation: fadeInRightBig 1.2s 1
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(300px);
transform:translateX(300px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(300px);
transform:translateX(300px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}

/*第一屏*/
.rowbg{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.8s cubic-bezier(.445,.145,.355,1);-moz-transition:.8s cubic-bezier(.445,.145,.355,1);transition:.8s cubic-bezier(.445,.145,.355,1)}
.active .rowbg{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}

.tac{text-align:center}

.smouse{position:fixed;z-index:98;bottom:60px;left:50%;width:51px;  margin-left:-25px;  text-align:center;cursor:pointer;}
.smouse span {background:#fff; display:block;width:51px; height:51px; position:relative; border-radius:100%;-moz-box-shadow:0px 0px 10px #E4E4E4; -webkit-box-shadow:0px 0px 10px #E4E4E4; box-shadow:0px 0px 10px #E4E4E4;-webkit-transform: scale(1.0) rotate(-90deg);
	-o-transform: scale(1.0) rotate(-90deg);transform: scale(1.0) rotate(-90deg)}
.smouse span i{ background:url(/template/default/index/3370/images/tdian.png) no-repeat center center; display:inline-block; width:51px; height:51px;-webkit-transform: scale(1.0) rotate(90deg);	-o-transform: scale(1.0) rotate(90deg);	transform: scale(1.0) rotate(90deg)}

.smouse span:after, .smouse span:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #fff;
	border-radius: 100%;
	-webkit-box-shadow: 0 4px 8px 1px rgba(0,0,0,.2);
	box-shadow: 0 4px 8px 1px rgba(0,0,0,.2);
	right: 0;
	opacity: 0
}
.smouse span:before{
	height: 6px;
	width: 6px;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s
}
.smouse span:after  {
	height: 10px;
	width: 10px;
	-webkit-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s
}

.smouse span:hover:before {
	-webkit-transform: translateX(35px);
	-o-transform: translateX(35px);
	transform: translateX(35px)
}

.smouse span:hover:after, .smouse span:hover:before {
	opacity: 1;
	-webkit-box-shadow: 0 -4px 8px 1px rgba(0,0,0,.2);
	box-shadow: 0 -4px 8px 1px rgba(0,0,0,.2)
}

.smouse span:hover:after {
	-webkit-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px)
}

.itop6 .smouse,.itop5 .smouse { display:none;}

@media screen and (max-width:1366px){
.smouse{ bottom:30px;}
}

@media screen and (max-width:1024px){
.smouse { display:none;}
}

/*首页第二屏*/
.ix-c{ position:relative; top:0px; width:100%; height:100%; box-sizing:border-box;}
.cleft{ float:left; width:50%; height:100%; padding-top:90px;}
.cright{ float:right; width:50%;height:100%;padding-top:90px;}
.hometwobg { width:100%; height:100%; min-height:500px; position:relative;}
.twomeng { background:url(/template/default/index/3370/images/hui02.png) repeat; width:100%; height:100%; padding:0 30px; position:absolute; left:0; top:0;}
.twomeng:hover { background:url(/template/default/index/3370/images/hui03.png) repeat;}


.twoeng { position:relative; width:100%; height:100%;}
.twoeng a { display:block; height:100%;}
.twoeng h3{ font-size:28px; color:#fff; font-weight:500; top:44%; position:relative;}
.twomeng img { max-width:100%;}
.twotan { position:absolute; width:100%; left:0; top:35%;}
.twosub { font-size:22px; color:#fff;}
.twodes { color:#fff; font-size:16px; padding:10px 0 45px 0;}

.twocont { text-align:center;font-size:16px; color:#fff; padding-top:30px;}
.twocont img { max-width:100%;}

.twocont_w { line-height:45px; padding-top:12px;}
.twocont_w i { margin:0 5px;}
.twocont_w i img{ vertical-align: middle;}
.twocont_w span { display:inline-block; width:112px; text-align:left; margin-right:10px; margin-left:10px; cursor: default;}

.twoimg { text-align:center;}
.twoimg span { background:url(/template/default/index/3370/images/twojt.png) no-repeat left 5px; padding-left:25px; display:inline-block; line-height:25px;}

.twoeng h3 { transition:all 0.3s;}
.twotan { opacity:0; height:0; }
.twoeng:hover h3 { opacity:0; }
.twoeng:hover .twotan { opacity:1;transition:all 0.5s; height:auto; }

@media screen and (max-width:1445px){
.twocont { font-size:15px;}
}
@media screen and (max-width:1439px){
.twocont { font-size:14px;}
}
@media screen and (max-width:1366px){
.twocont_w i { margin:0 3px;}
}
@media screen and (max-width:1365px){
.twocont_w a { display:inline-block; width:auto; text-align:left; margin-right:10px; margin-left:10px;}
}
@media screen and (max-width:1279px){
.twocont_w i { margin:0;}
}
@media screen and (max-width:1230px){
.twocont { max-width:85%; margin:0 auto;line-height:25px; padding-top:22px;}
}

@media screen and (max-width:1200px){
.header-form{ display:none;}
}
@media screen and (max-width:1024px){
.cleft,.cright{ padding-top:0px;}
.twotan { top:20%;}

}

@media screen and (max-width:767px){
.cleft,.cright { width:50%;}
.twomeng { padding:0 15px;}
.twoeng h3,.twocont { display:none;}
.hometwobg { min-height:350px; margin:15px 0;}
.twocont a { font-size:16px;}
.twotan { opacity:1; top:25%;}
.twosub { font-size:20px; margin-bottom:15px; max-width:70%; margin:0 auto;}
.twodes { font-size:14px; padding:20px 0;}
.twoimg span { background:none; padding-left:0;}
}



/*第三屏*/
.threebg {background: url(/template/default/index/3370/images/page3.jpg) no-repeat center; background-size:cover;}
.hb_cont { width:100%; height:100%;
-webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.three_title { font-size:34px; color:#fff; font-weight:bold;text-shadow: 1.147px 1.638px 3px rgba(0, 0, 0, 0.5); padding-bottom:20px;}

.hb_cont p { font-size:16px; color:#fff;text-shadow: 0.574px 0.819px 1px rgba(0, 0, 0, 0.5); max-width:712px; line-height:2; padding-bottom:50px;}


#leaves {position:relative;top:0px;width:100%;text-align: left;}
#leaves i {
    display: inline-block;
    width: 200px;
    height: 150px;
  	transform: skew(20deg);
	  z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}

#leaves i:nth-of-type(2n) { -webkit-animation: falling2 5s 0s infinite; }
#leaves i:nth-of-type(3n) { -webkit-animation: falling3 5s 0s infinite; }

#leaves i:nth-of-type(n)    { height:74px; width:41px; background:url(/template/default/index/3370/images/leav01.png) no-repeat; }

#leaves i:nth-of-type(2n+1)    { height:41px; width:26px; background:url(/template/default/index/3370/images/leav02.png) no-repeat; }

#leaves i:nth-of-type(3n+2)  { height:37px; width:31px; background:url(/template/default/index/3370/images/leav03.png) no-repeat; }

#leaves i:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#leaves i:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#leaves i:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#leaves i:nth-of-type(4n)  { -webkit-animation-delay: 4.4s; width:33px; height:45px;background:url(/template/default/index/3370/images/leav04.png) no-repeat;}
#leaves i:nth-of-type(5n)  { -webkit-animation-delay: 5s;  width:47px; height:17px;background:url(/template/default/index/3370/images/leav05.png) no-repeat;}
#leaves i:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;width:16px; height:19px;background:url(/template/default/index/3370/images/leav06.png) no-repeat;}
#leaves i:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#leaves i:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#leaves i:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#leaves i:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}
#leaves i:nth-of-type(11n) { -webkit-animation-delay: 1.2s;}
#leaves i:nth-of-type(12n) { -webkit-animation-delay: 4.1s;}
#leaves i:nth-of-type(13n) { -webkit-animation-delay: 1s;  }
#leaves i:nth-of-type(14n) { -webkit-animation-delay: 4.7s;}
#leaves i:nth-of-type(15n) { -webkit-animation-delay: 3s;  }

#leaves i:nth-of-type(n)    { opacity: .9;}
#leaves i:nth-of-type(3n+1)  { opacity: .7;}
#leaves i:nth-of-type(3n+2)  { opacity: .5;}

#leaves i:nth-of-type(n)    {transform: rotate(180deg);}
#leaves i:nth-of-type(n) { -webkit-animation-timing-function:ease-in-out;}

@-webkit-keyframes falling {
    
    0% {
        -webkit-transform:
            translate3d(300,0,0)
            rotate(0deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-350px,700px,0)
            rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(-20deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-230px,1040px,0)
            rotate(-70deg);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
            rotate(90deg);
    }
    
    100% {
        -webkit-transform:
            translate3d(-400px,1080px,0)
            rotate(0deg);
        opacity: 0;
    }
}


@media screen and (max-width:1024px){
#leaves {top:-50px;}
.hb_cont { min-height:450px;}
.threebg { overflow:hidden;}
}

@media screen and (max-width:767px){

.hb_cont { min-height:350px;}
.hb_cont p { padding-bottom:50px;}
.three_title { font-size:26px;}
.threebg { margin-bottom:15px;}

}


/*banner*/

.banner-box { position: relative; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index:9; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerText { position: absolute; left:0; width:100%; top:34%;  z-index: 30;  }
.bann { width:100%; position: relative; }
.banne-list { position: relative; }
.banne-list li { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden;  transform: translateY(30px); -webkit-transform: translateY(30px); transition: 800ms 200ms; -webkit-transition: 800ms 200ms;  }
.banne-list .en{ font-size:18px; visibility: hidden; opacity: 0;  }
.banne-list .ch{ font-size:48px; line-height:1.1; visibility: hidden; opacity: 0;  }
.bandes { font-size:18px; color:#fff; padding-bottom:30px; }
.banimg { padding-top:20px;}
.banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); }
.banne-list li.on .en{ visibility: visible; opacity: 1; }
.banne-list li.on .ch{ visibility: visible; opacity: 1; }
.banmore { color:#fff; width:167px; height:40px; border:1px solid #fff; line-height:40px; text-align:center; display:block; margin-top:55px; position:relative;}

.btn {	 width:100%; height:100%; display:block;color: #fff; z-index:99;}
.banmore:after {
	content: '';
	 background:#CA0107;
	position: absolute;	
	-webkit-transition: inherit;	
	transition: inherit;
	z-index: -1;
}

.btn:hover { font-weight:bold;}
.banmore:after {width: 0;background:#CA0107;height:100%;transition: .3s linear; -webkit-transition: .3s linear; -moz-transition: .3s linear;}
.banmore:hover { border:1px solid #CA0107;}
.banmore:after { bottom:0;left: 0;}
.banmore:hover:after {width: 100%;}

.bamnline { width:602px;  height: 1px; background: #fff; position:absolute; left:50%; margin-left:-301px; bottom:0; }
.bamnline span { display: block; width: 0; height: 100%; background: #c7000a; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

.sibada { position:absolute; bottom:40px; width:100%; left:0; z-index:9;}
.banner .flex-control-nav {}
.banner .flex-control-nav li { position:relative;width:50px;height:3px; float:left;border-radius:0;margin:0 10px 0 0;cursor:pointer  }
.banner .flex-control-nav li a { display:block; width:100%}
.banner .flex-control-nav li a span { display: block;background:rgba(255,255,255,0.5);width:100%;height:3px; font-size:0; transition: 400ms; -webkit-transition: 400ms;  }
.banner .flex-control-nav li a.flex-active span {background:rgba(255,255,255,1);  }
.mhidden {}
.mvilib { display:none;}
 .quanjing360{
        position: absolute;
        width: 135px;
        height: 135px;
        background-color: #CA0107;
        border-radius: 5px;
        z-index: 999;
        bottom: 20%;
    right: 10%;
    }
    .quanjing360:hover{
      background-color: #bd0006;
    }
    .quanjing360 a{
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-left: 15px;
    }
    .quanjing360 a span{
        font-size: 16px;
        color: #fff;
        display: block;
        margin-top: 4px;
    }
    @media (max-width: 992px){
      .quanjing360{
        bottom: 50px;
      }
    }
    @media (max-width: 768px){
      .quanjing360 {
    width: 84px;
    height: 84px;
    bottom: 10px;
    right: 5%;
}
.quanjing360 a{
  padding-left: 10px;
}
.quanjing360 a img{
  width: 25px;
}
.quanjing360 a span {
    font-size: 12px;
    margin-top: 6px;
    line-height: 14px;
}
    }
@media screen and (max-width:1440px){
.banner .flex-control-nav {  left:3%;}
.bannerText { top:36%; }

}
@media screen and (max-width:1366px){
.sibada {  bottom:15px;}
.banmore {  margin-top:35px;}
}

@media screen and (max-width:1024px){
.banner-box { margin-top:90px; }
.bannerText { top:20%;}
.banmore {  margin-top:30px;}
.bandes { font-size:16px;padding-bottom:20px; }
.banne-list .en{ font-size:16px;  }
.banne-list .ch{ font-size:48px; }
.ch img,.banimg img { max-height:30px;}
.banner .flex-control-nav {  bottom:20px; left:9%;}


}
@media screen and (max-width:839px){
.bannerText { top:15%;}
}

@media screen and (max-width:767px){
.ch img,.banimg img { max-height:25px;}
.banner-box { margin-top:0px; }
.bannerText {  top:25%; }
.banne-list .en,.banimg { display:none;}
.bandes { font-size:16px;padding-bottom:0; line-height:22px; }
.banmore { width:100px; height:30px; line-height:30px; margin-top:0; display:none;}
.banner .flex-control-nav li { width:30px;height:3px;  }
.banner .flex-control-nav { right:10px; left:inherit;}
.mhidden { display:none;}
.mvilib { display:block;}
}

/*第四屏*/
.fourtop { padding-top:90px;}
.pp_title { text-align:center;color:#000000; padding-top:8%;}
.pp_title h2{ font-size:34px;color:#000000;}
.pp_title p { width:90%; font-size:16px; max-width:1140px; margin:0 auto; line-height:36px; padding-top:17px;}

.pp_list{ width:90%;  max-width:1140px; margin: 0 auto; padding-top:40px;}
.pp_list ul { margin-left:-30px; margin-right:-30px;}
.pp_list ul li{ float:left; width: 25%; padding:24px 30px; text-align: center;}
.pp_list ul li .img{ width: 100%; border-radius: 14px; background-color: rgb(255, 255, 255);
  box-shadow: 2.294px 3.277px 8px 0px rgba(0, 0, 0, 0.1); overflow: hidden; padding:20px 5px; }
.pp_list ul li .img img{ max-width:100%;border-radius: 14px; transition:all 0.3s;}
.pp_list ul li:hover .img img{ -moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1);}

@media screen and (max-width:1440px){

.pp_list ul li{  padding:10px 30px;}
.pp_list ul li .img{ padding:10px 5px;}
.pp_list ul li .img img{ max-height:82px;}

}
@media screen and (max-width:1366px){
.pp_title { padding-top:40px;}
.pp_title p { padding-top:10px;}
.pp_list{  padding-top:20px;}
.pp_list ul li .img{ padding:10px 5px;}
.pp_list ul li .img img{ max-height:80px;}

}
@media screen and (max-width:1249px){
.pp_list ul { margin-left:-15px; margin-right:-15px;}
.pp_list ul li{  padding:24px 15px;}

}
@media screen and (max-width:1024px){
.fourtop { padding-top:10px;}
.pp_list{  padding-top:40px; padding-bottom:30px;}

}
@media screen and (max-width:767px){
.pp_title h2 { font-size:26px;}
.pp_title p { width:100%; line-height:32px;}
.pp_list ul { margin-left:-15px; margin-right:-15px;}
.pp_list ul li{  width: 50%; padding:15px;}


}



/*左侧小导航*/
.row-controls{position:fixed;left:0;top:40%;box-sizing:border-box;z-index:89;height:100%;width: 40px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.row-controls li{cursor:pointer;position:relative;margin-bottom:10px;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:rgba(255,255,255,0);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;width: 15px;height: 15px;}
.row-controls li:before{content:"";position:absolute; border:1px solid #B10000;left:0px;top:0%;width: 15px;height:15px; border-radius:50%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.row-controls li.act{color:#fff; font-size:15px;}
.row-controls li.act:before{left:0;border-color:#B10000; background:#B10000;}
.row-controls li.act{ color:#fff;}









<!--0.00012111663818359-->