@charset "UTF-8";
/* line 1, ../sass/_index.scss */
.weixin-code {
  z-index: 9999999 !important;
}

/*首页样式*/
/* line 7, ../sass/_index.scss */
.music {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -12%;
  right: -28%;
  z-index: 999999999999999999;
}
/* line 14, ../sass/_index.scss */
.music img {
  width: 100%;
  height: 100%;
}

/* line 16, ../sass/_index.scss */
.music_btn {
  -webkit-animation: reverseRotataZ 1.2s linear infinite;
  -moz-animation: reverseRotataZ 1.2s linear infinite;
  -ms-animation: reverseRotataZ 1.2s linear infinite;
  animation: reverseRotataZ 1.2s linear infinite;
}

/* line 22, ../sass/_index.scss */
.on-music, .off-music {
  color: #d2d2d2;
  position: absolute;
  right: -45%;
  display: none;
}

@-webkit-keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@-moz-keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@-ms-keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@keyframes reverseRotataZ {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
/* line 47, ../sass/_index.scss */
.statement-shade {
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.9;
  position: absolute;
  z-index: 999;
}

/* line 55, ../sass/_index.scss */
.statement {
  width: 500px;
  height: 560px;
  position: absolute;
  z-index: 999999;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -240px;
}
/* line 64, ../sass/_index.scss */
.statement .statementPic {
  width: 100%;
  height: 100%;
}

/* line 69, ../sass/_index.scss */
.statement .closes {
  position: absolute;
  top: 0;
  right: -50px;
  cursor: pointer;
}

/* line 76, ../sass/_index.scss */
.error-1024 {
  display: none;
  width: 100%;
  height: 100%;
  background: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  position: relative;
  z-index: 99999999999;
}

/* line 87, ../sass/_index.scss */
.landing-page {
  width: 100%;
  height: 980px;
  position: relative;
}

/* line 94, ../sass/_index.scss */
.landing-page .content {
  width: 431px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
/* line 102, ../sass/_index.scss */
.landing-page .landing-logo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 315px;
  height: 55px;
  margin-left: 108px;
  position: absolute;
  top: 320px;
}
/* line 110, ../sass/_index.scss */
.landing-page .landing-play {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 42%;
  top: 467px;
  cursor: pointer;
}
/* line 119, ../sass/_index.scss */
.landing-page .landing-slogan {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 144px;
  height: 25px;
  position: absolute;
  top: 560px;
  left: 35%;
}
/* line 127, ../sass/_index.scss */
.landing-page .landing-down {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 60px;
  height: 44px;
  position: absolute;
  top: 800px;
  left: 44.5%;
  background: url(../images/home_down_btn.png) bottom center no-repeat;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
/* line 139, ../sass/_index.scss */
.landing-page .clickScroll, .landing-page clickScroll-ie7 {
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
/* line 144, ../sass/_index.scss */
.landing-page .pointer {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 48%;
  top: 530px;
}

/*	BigVideo Styles
	You may need to adjust these styles to get this working right in your design.
*/
/* line 156, ../sass/_index.scss */
#big-video-wrap {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background:#000;
 /* background: url(../images/video_bg.jpg) center center no-repeat;*/
}

/* line 157, ../sass/_index.scss */
#big-video-vid, #big-video-image {
  position: absolute;
}

/* line 158, ../sass/_index.scss */
#big-video-control-container {
  position: fixed;
  bottom: 20px;
  padding: 0 20px;
  width: 100%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

/* line 160, ../sass/_index.scss */
#big-video-control {
  width: 100%;
  height: 16px;
  position: relative;
}

/* line 161, ../sass/_index.scss */
#big-video-control-middle {
  margin: 0 56px 0 24px;
}

/* line 162, ../sass/_index.scss */
#big-video-control-bar {
  width: 100%;
  height: 16px;
  position: relative;
  cursor: pointer;
  display: none;
}

/* line 163, ../sass/_index.scss */
#big-video-control-progress {
  position: absolute;
  top: 7px;
  height: 3px;
  width: 0%;
  background: #fff;
}

/* line 164, ../sass/_index.scss */
#big-video-control-track {
  position: absolute;
  top: 8px;
  height: 1px;
  width: 100%;
  background: #fff;
}

/* line 165, ../sass/_index.scss */
#big-video-control-bound-left {
  left: 0;
}

/* line 166, ../sass/_index.scss */
#big-video-control-bound-right {
  right: -1px;
}

/* line 167, ../sass/_index.scss */
#big-video-control-track .ui-slider-handle {
  opacity: 0;
}

/* line 168, ../sass/_index.scss */
#big-video-control-playhead {
  left: 30%;
}

/* line 169, ../sass/_index.scss */
#big-video-control-play {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-image: url("bigvideo.png");
}

/* line 170, ../sass/_index.scss */
#big-video-control-timer {
  position: absolute;
  top: 1px;
  right: 0;
  color: #fff;
  font-size: 11px;
  display: none;
}

/* line 171, ../sass/_index.scss */
#big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right {
  position: absolute;
  top: 0;
  height: 16px;
  width: 1px;
  background: #fff;
}

/* line 172, ../sass/_index.scss */
#big-video-control .ui-slider-handle {
  border-left: solid 1px #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
}

/* line 173, ../sass/_index.scss */
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 174, ../sass/_index.scss */
.vjs-big-play-button {
  display: none !important;
}

/*首页banner*/
/* line 177, ../sass/_index.scss */
.home-banner {
  width: 100%;
  height: 800px;
  position: relative;
  top: 34px;
  background: #FFD7DF;
}

/* line 186, ../sass/_index.scss */
.home-banner .slide-wrapper {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
/* line 192, ../sass/_index.scss */
.home-banner .slider-list {
  width: 100%;
  height: 800px;
}
/* line 195, ../sass/_index.scss */
.home-banner .slider-list a {
  width: 100%;
  height: 100%;
  display: block;
}
/* line 199, ../sass/_index.scss */
.home-banner .slider-list a img {
  display: block;
}
/* line 205, ../sass/_index.scss */
.home-banner .banner-tabs {
  width: 965px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -482.5px;
  z-index: 9999;
  zoom: 1;
}
/* line 214, ../sass/_index.scss */
.home-banner .banner-tabs li {
  width: 320px;
  height: 100px;
  *width: 320px;
  *height: 60px;
  *float: left;
  *overflow: hidden;
  *zoom: 1;
  *margin-left: 1px;
  padding-top: 40px;
  float: left;
  margin: 0.5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
  opacity: 0.5;
  background: #737373;
  filter: Alpha(opacity=50);
  /*实现IE背景透明*/
}
/* line 235, ../sass/_index.scss */
.home-banner .banner-tabs .large-font {
  padding-top: 30px;
  *height: 70px;
}
/* line 239, ../sass/_index.scss */
.home-banner .banner-tabs li:hover {
  opacity: 0.6;
  background: #292929;
  filter: Alpha(opacity=60);
  /*实现IE背景透明*/
}
/* line 244, ../sass/_index.scss */
.home-banner .banner-tabs li.on {
  opacity: 0.6;
  background: #292929;
  filter: Alpha(opacity=60);
}
/* line 248, ../sass/_index.scss */
.home-banner .on {
  opacity: 0.6;
  background: #292929;
  filter: Alpha(opacity=60);
}

/* line 254, ../sass/_index.scss */
.home-column {
  width: 100%;
  background-color: #fff;
  margin-top: 40px;
}

/* line 260, ../sass/_index.scss */
.home-column .content {
  position: relative;
}

/* line 261, ../sass/_index.scss */
.bottom-title-1, .bottom-title-2, .bottom-title-3 {
  width: 72px;
  height: 16px;
  text-indent: -9999px;
  position: absolute;
  top: 40px;
}

/* line 262, ../sass/_index.scss */
.home-column .bottom-title-1 {
  left: 20px;
  background: url(../images/index/bottom-title-1.jpg) no-repeat;
}

/* line 263, ../sass/_index.scss */
.home-column .bottom-title-2 {
  left: 400px;
  background: url(../images/index/bottom-title-2.jpg) no-repeat;
}

/* line 264, ../sass/_index.scss */
.home-column .bottom-title-3 {
  left: 780px;
  background: url(../images/index/bottom-title-3.jpg) no-repeat;
}

/* line 266, ../sass/_index.scss */
.home-column .content {
  overflow: hidden;
  *zoom: 1;
  width: 1150px;
  margin: 0 auto;
  padding: 50px 0px 50px 0px;
}
/* line 272, ../sass/_index.scss */
.home-column .content a {
  margin: 20px;
  display: block;
  width: 340px;
  height: 180px;
  float: left;
  overflow: hidden;
  position: relative;
}
/* line 280, ../sass/_index.scss */
.home-column .content a .bigpic {
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 3s ease-out;
  -moz-transition: -moz-transform 3s ease-out;
  -ms-transition: -ms-transform 3s ease-out;
  transition: transform 3s ease-out;
}
/* line 291, ../sass/_index.scss */
.home-column .content a .play-title {
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 6px;
  left: 6px;
}
/* line 304, ../sass/_index.scss */
.home-column .content a .pic1-font {
  position: absolute;
  top: 39%;
  left: 5%;
  z-index: 4;
}
/* line 310, ../sass/_index.scss */
.home-column .content a .pic2-font {
  position: absolute;
  top: 34%;
  left: 4%;
  z-index: 4;
}
/* line 316, ../sass/_index.scss */
.home-column .content a .play {
  position: absolute;
  z-index: 3;
  top: 32%;
  left: 40%;
}
/* line 322, ../sass/_index.scss */
.home-column .content a .play-font {
  position: absolute;
  z-index: 3;
  top: 60%;
  left: 32%;
}
/* line 328, ../sass/_index.scss */
.home-column .content a .small-shade {
  width: 370px;
  height: 200px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  position: absolute;
  z-index: 2;
  background: black;
}

/*首页动画*/
/* line 340, ../sass/_index.scss */
.hide {
  display: none;
}

/* line 343, ../sass/_index.scss */
.animate {
  background: #000;
  position: absolute;
  z-index: 2;
}
/* line 347, ../sass/_index.scss */
.animate .ie-logo {
  display: none;
  width: 431px;
  height: 82px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  margin-left: -215.5px;
  background-image: url("../images/home_logo.png");
}
/* line 358, ../sass/_index.scss */
.animate .logo {
  overflow: hidden;
  *zoom: 1;
  width: 471px;
  height: 80px;
  padding: 5px 0;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  z-index: 9999;
  left: 50%;
  margin-left: -235.5px;
}
/* line 369, ../sass/_index.scss */
.animate .logo img {
  display: block;
  float: left;
  padding-right: 7px;
}
/* line 375, ../sass/_index.scss */
.animate .logo .logo-slogan {
  overflow: hidden;
  *zoom: 1;
  width: 226px;
  height: 35px;
  float: none;
  padding-top: 10px;
}
/* line 383, ../sass/_index.scss */
.animate .logo .logo-slogan span {
  float: left;
  width: 15px;
  height: 16px;
  margin-left: 12px;
}
/* line 390, ../sass/_index.scss */
.animate .logo .logo-slogan .nv {
  background: url("../images/show-logo.png") no-repeat -3px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 398, ../sass/_index.scss */
.animate .logo .logo-slogan .ren {
  background: url("../images/show-logo.png") no-repeat -23px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.8s;
  -moz-animation: fadein 4s linear 0.8s;
  -webkit-animation: fadein 4s linear 0.8s;
  -ms-animation: fadein 4s linear 0.8s;
}
/* line 406, ../sass/_index.scss */
.animate .logo .logo-slogan .yong {
  background: url("../images/show-logo.png") no-repeat -44px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .6s;
  -moz-animation: fadein 4s linear .6s;
  -webkit-animation: fadein 4s linear .6s;
  -ms-animation: fadein 4s linear .6s;
}
/* line 414, ../sass/_index.scss */
.animate .logo .logo-slogan .gan {
  background: url("../images/show-logo.png") no-repeat -63px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .4s;
  -moz-animation: fadein 4s linear .4s;
  -webkit-animation: fadein 4s linear .4s;
  -ms-animation: fadein 4s linear .4s;
}
/* line 422, ../sass/_index.scss */
.animate .logo .logo-slogan .ai {
  background: url("../images/show-logo.png") no-repeat -84px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin-right: 40px;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 431, ../sass/_index.scss */
.animate .logo .logo-slogan .qu {
  background: url("../images/show-logo.png") no-repeat -136px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 439, ../sass/_index.scss */
.animate .logo .logo-slogan .ai2 {
  background: url("../images/show-logo.png") no-repeat -157px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.6s;
  -moz-animation: fadein 4s linear 0.6s;
  -webkit-animation: fadein 4s linear 0.6s;
  -ms-animation: fadein 4s linear 0.6s;
}
/* line 447, ../sass/_index.scss */
.animate .logo .logo-slogan .yong2 {
  background: url("../images/show-logo.png") no-repeat -178px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .4s;
  -moz-animation: fadein 4s linear .4s;
  -webkit-animation: fadein 4s linear .4s;
  -ms-animation: fadein 4s linear .4s;
}
/* line 455, ../sass/_index.scss */
.animate .logo .logo-slogan .ni {
  background: url("../images/show-logo.png") no-repeat -196px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .9s;
  -moz-animation: fadein 4s linear .9s;
  -webkit-animation: fadein 4s linear .9s;
  -ms-animation: fadein 4s linear .9s;
}
/* line 463, ../sass/_index.scss */
.animate .logo .logo-slogan .zui {
  background: url("../images/show-logo.png") no-repeat -217px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .9s;
  -moz-animation: fadein 4s linear .9s;
  -webkit-animation: fadein 4s linear .9s;
  -ms-animation: fadein 4s linear .9s;
}
/* line 471, ../sass/_index.scss */
.animate .logo .logo-slogan .mei {
  background: url("../images/show-logo.png") no-repeat -237px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .4s;
  -moz-animation: fadein 4s linear .4s;
  -webkit-animation: fadein 4s linear .4s;
  -ms-animation: fadein 4s linear .4s;
}
/* line 479, ../sass/_index.scss */
.animate .logo .logo-slogan .de {
  background: url("../images/show-logo.png") no-repeat -256px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .4s;
  -moz-animation: fadein 4s linear .4s;
  -webkit-animation: fadein 4s linear .4s;
  -ms-animation: fadein 4s linear .4s;
}
/* line 487, ../sass/_index.scss */
.animate .logo .logo-slogan .zi {
  background: url("../images/show-logo.png") no-repeat -276px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .5s;
  -moz-animation: fadein 4s linear .5s;
  -webkit-animation: fadein 4s linear .5s;
  -ms-animation: fadein 4s linear .5s;
}
/* line 495, ../sass/_index.scss */
.animate .logo .logo-slogan .tai {
  background: url("../images/show-logo.png") no-repeat -296px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .3s;
  -moz-animation: fadein 4s linear .3s;
  -webkit-animation: fadein 4s linear .3s;
  -ms-animation: fadein 4s linear .3s;
}
/* line 505, ../sass/_index.scss */
.animate .logo .C {
    margin-left:107px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .0s;
  -moz-animation: fadein 4s linear .0s;
  -webkit-animation: fadein 4s linear .0s;
  -ms-animation: fadein 4s linear .0s;
}
/* line 512, ../sass/_index.scss */
.animate .logo .N {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear .0s;
  -moz-animation: fadein 4s linear .0s;
  -webkit-animation: fadein 4s linear .0s;
  -ms-animation: fadein 4s linear .0s;
}
/* line 519, ../sass/_index.scss */
.animate .logo .A {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.4s;
  -moz-animation: fadein 4s linear 0.4s;
  -webkit-animation: fadein 4s linear 0.4s;
  -ms-animation: fadein 4s linear 0.4s;
}
/* line 526, ../sass/_index.scss */
.animate .logo .ti {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.4s;
  -moz-animation: fadein 4s linear 0.4s;
  -webkit-animation: fadein 4s linear 0.4s;
  -ms-animation: fadein 4s linear 0.4s;
}
/* line 533, ../sass/_index.scss */
.animate .logo .L {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.3s;
  -moz-animation: fadein 4s linear 0.3s;
  -webkit-animation: fadein 4s linear 0.3s;
  -ms-animation: fadein 4s linear 0.3s;
}
/* line 540, ../sass/_index.scss */
.animate .logo .li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.4s;
  -moz-animation: fadein 4s linear 0.4s;
  -webkit-animation: fadein 4s linear 0.4s;
  -ms-animation: fadein 4s linear 0.4s;
}
/* line 547, ../sass/_index.scss */
.animate .logo .I {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.4s;
  -moz-animation: fadein 4s linear 0.4s;
  -webkit-animation: fadein 4s linear 0.4s;
  -ms-animation: fadein 4s linear 0.4s;
}
/* line 554, ../sass/_index.scss */
.animate .logo .H {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 561, ../sass/_index.scss */
.animate .logo .T {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 568, ../sass/_index.scss */
.animate .logo .ke {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 575, ../sass/_index.scss */
.animate .logo .icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: relative;
  top: -8px;
  padding-left: 5px;
  padding-right: 10px;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 586, ../sass/_index.scss */
.animate .logo .I2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  animation: fadein 4s linear 0.6s;
  -moz-animation: fadein 4s linear 0.6s;
  -webkit-animation: fadein 4s linear 0.6s;
  -ms-animation: fadein 4s linear 0.6s;
}
/* line 593, ../sass/_index.scss */
.animate .logo .na {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  opacity: 0;
  animation: fadein 4s linear 0.5s;
  -moz-animation: fadein 4s linear 0.5s;
  -webkit-animation: fadein 4s linear 0.5s;
  -ms-animation: fadein 4s linear 0.5s;
}
/* line 603, ../sass/_index.scss */
.animate .animate_title {
  display: none;
  width: 471px;
    height: 38px;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    left: 50%;
    margin-left: -238px;
}
/* line 613, ../sass/_index.scss */
.animate .animate_subtitle {
  display: none;
  width: 410px;
  height: 130px;
  position: absolute;
  top: 50%;
  margin-top: -75px;
  left: 50%;
  margin-left: -224px;
}
/* line 623, ../sass/_index.scss */
.animate .skip-animate {
  width: 58px;
  height: 44px;
  position: absolute;
  top: 85%;
  left: 50%;
  margin-left: -29px;
  font-size: 12px;
  color: #d2d2d2;
  cursor: pointer;
  text-align:center;
}

/* 淡入css3 */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-moz-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
/* line 660, ../sass/_index.scss */
.video-content {
  display: none;
  width: 660px;
  height: 500px;
  position: absolute;
  z-index: 5;
  left: 50%;
  margin-left: -330px;
  top: 20%;
}
/* line 669, ../sass/_index.scss */
.video-content .close {
  display: none;
  width: 44px;
  height: 43px;
  position: absolute;
  z-index: 5;
  left: 104%;
  top: 10px;
  cursor: pointer;
}

/* line 682, ../sass/_index.scss */
.shade {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 100%;
  height: 1080px;
  background: black;
  position: absolute;
  z-index: 4;
}

/* line 690, ../sass/_index.scss */
.shade-videobg {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  background: black;
  position: absolute;
  z-index: 2;
  *background: none;
  *width: 0;
  *height: 0;
}

/* line 703, ../sass/_index.scss */
.header {
  position: relative;
}

/* line 706, ../sass/_index.scss */
.header-top {
  position: absolute;
}
/* line 710, ../sass/_index.scss */
.header-top .header-top-right {
  *left: -50px;
}
/* line 713, ../sass/_index.scss */
.header-top .logo {
  display: run-in\9 !important;
  *display: block !important;
}

/* line 718, ../sass/_index.scss */
.header-menu-wrapper {
  position: absolute;
}

/* line 723, ../sass/_index.scss */
.banner-bg-1 {
  width: 100%;
  height: 100%;
  display: block;
  animation: fadeinfont 0s linear;
  -moz-animation: fadeinfont 0s linear;
  -webkit-animation: fadeinfont 0s linear;
  -ms-animation: fadeinfont 0s linear;
}

/* line 734, ../sass/_index.scss */
.banner-bg-2 {
  width: 100%;
  height: 800px;
  display: block;
  background: url(../images/index/banner-2-bg.jpg);
  animation: fadeinfont 0s linear;
  -moz-animation: fadeinfont 0s linear;
  -webkit-animation: fadeinfont 0s linear;
  -ms-animation: fadeinfont 0s linear;
}

/* line 744, ../sass/_index.scss */
.banner-bg-3 {
  width: 100%;
  height: 800px;
  display: block;
  background: url(../images/index/banner-3-bg.jpg);
}

/* line 750, ../sass/_index.scss */
.banner-bg-4 {
  width: 100%;
  height: 800px;
  display: block;
  background: url(../images/index/banner-4-bg.jpg);
}

/* line 757, ../sass/_index.scss */
.wrapper .home-banner .banner1-font {
  opacity: 0;
  opacity: 1\0;
  display: block;
  position: absolute;
  top: 30%;
  right: 24%;
  z-index: 2;
  width: 388px;
  height: 231px;
}

/* line 768, ../sass/_index.scss */
.banner1-options .banner1-font-click {
  animation: fadeinfont 3s linear .3s both;
  -moz-animation: fadeinfont 3s linear .3s both;
  -webkit-animation: fadeinfont 3s linear .3s both;
  -ms-animation: fadeinfont 3s linear .3s both;
}

/* line 774, ../sass/_index.scss */
.wrapper .home-banner .banner1-animate {
  opacity: 0;
  opacity: 1\0;
  display: block;
  width: 902px;
  height: 800px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 9%;
}

@-moz-document url-prefix() {
  /* line 786, ../sass/_index.scss */
  .wrapper .home-banner .banner1-animate {
    opacity: 1;
  }
}
/* line 790, ../sass/_index.scss */
.banner1-options .banner1-animate-click {
  animation: narrow 3s linear .3s both;
  -moz-animation: narrow 3s linear 0.3s both;
  -webkit-animation: narrow 3s linear 0.3s both;
  -ms-animation: narrow 3s linear 0.3s both;
}

/* line 800, ../sass/_index.scss */
.wrapper .home-banner .banner1-leaves {
  opacity: 0;
  opacity: 1\0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 0;
}

/* line 809, ../sass/_index.scss */
.banner1-options .banner1-leaves-click {
  -webkit-animation: fadeInRightTop 3s .3s ease both;
  -moz-animation: fadeInRightTop 3s .3s ease both;
  -ms-animation: fadeInRightTop 3s .3s ease both;
  animation: fadeInRightTop 3s .3s ease both;
}

/* line 817, ../sass/_index.scss */
.wrapper .home-banner .banner2-font {
  opacity: 0;
  opacity: 1\0;
  width: 645px;
  height: 376px;
  position: absolute;
  display: block;
  top: 20%;
  left: 16%;
}

/* line 827, ../sass/_index.scss */
.banner2-options .banner2-font-click {
  animation: fadeinfont 3s linear .3s both;
  -moz-animation: fadeinfont 3s linear .3s both;
  -webkit-animation: fadeinfont 3s linear .3s both;
  -ms-animation: fadeinfont 3s linear .3s both;
}

/* line 833, ../sass/_index.scss */
.wrapper .home-banner .banner2-animate {
  opacity: 0;
  opacity: 1\0;
  display: block;
  width: 718px;
  height: 800px;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 843, ../sass/_index.scss */
.banner2-options .banner2-animate-click {
  -webkit-animation: fadeInRight 3s .3s ease both;
  -moz-animation: fadeInRight 3s .3s ease both;
  -ms-animation: fadeInRight 3s .3s ease both;
  animation: fadeInRight 3s .3s ease both;
}

/* line 849, ../sass/_index.scss */
.wrapper .home-banner .banner2-icon {
  opacity: 0;
  opacity: 1\0;
  width: 308px;
  height: 391px;
  position: absolute;
  display: block;
  top: 19%;
  right: 33%;
}

/* line 859, ../sass/_index.scss */
.banner2-options .banner2-icon-click {
  animation: fadeinfont 3s linear .3s both;
  -moz-animation: fadeinfont 3s linear .3s both;
  -webkit-animation: fadeinfont 3s linear .3s both;
  -ms-animation: fadeinfont 3s linear .3s both;
}

/* line 867, ../sass/_index.scss */
.wrapper .home-banner .banner3-font {
  opacity: 0;
  opacity: 1\0;
  width: 491px;
  height: 100px;
  position: absolute;
  display: block;
  top: 20%;
  right: 18%;
}

/* line 877, ../sass/_index.scss */
.banner3-options .banner3-font-click {
  -webkit-animation: fadeInDown 2s .2s ease both;
  -moz-animation: fadeInDown 2s .2s ease both;
  -ms-animation: fadeInDown 2s .2s ease both;
  animation: fadeInDown 2s .2s ease both;
}

/* line 883, ../sass/_index.scss */
.wrapper .home-banner .banner3-animate {
  opacity: 0;
  opacity: 1\0;
  width: 928px;
  height: 800px;
  position: absolute;
  display: block;
  top: 0;
  left: 8%;
}

/* line 893, ../sass/_index.scss */
.banner3-options .banner3-animate-click {
  animation: fadeinfont 2s linear .3s both;
  -moz-animation: fadeinfont 2s linear .3s both;
  -webkit-animation: fadeinfont 2s linear .3s both;
  -ms-animation: fadeinfont 2s linear .3s both;
}

/* line 899, ../sass/_index.scss */
.wrapper .home-banner .banner3-product {
  opacity: 0;
  opacity: 1\0;
  width: 318px;
  height: 272px;
  position: absolute;
  display: block;
  top: 39%;
  right: 22%;
}

/* line 909, ../sass/_index.scss */
.banner3-options .banner3-product-click {
  -webkit-animation: fadeInUp 2s .2s ease both;
  -moz-animation: fadeInUp 2s .2s ease both;
  -ms-animation: fadeInUp 2s .2s ease both;
  animation: fadeInUp 2s .2s ease both;
}

/* line 917, ../sass/_index.scss */
.wrapper .home-banner .banner4-font {
  width: 531px;
  height: 409px;
  position: absolute;
  display: block;
  top: 13%;
  left: 22%;
}

/* line 925, ../sass/_index.scss */
.banner4-options .banner4-font-click {
  -webkit-animation: fadeInDown 2s .2s ease both;
  -moz-animation: fadeInDown 2s .2s ease both;
  -ms-animation: fadeInDown 2s .2s ease both;
  animation: fadeInDown 2s .2s ease both;
}

/* line 931, ../sass/_index.scss */
.wrapper .home-banner .banner4-product {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 0;
}

/* line 938, ../sass/_index.scss */
.banner4-options .banner4-product-click {
  -webkit-animation: fadeInDown 2s .2s ease both;
  -moz-animation: fadeInDown 2s .2s ease both;
  -ms-animation: fadeInDown 2s .2s ease both;
  animation: fadeInDown 2s .2s ease both;
}

/* line 944, ../sass/_index.scss */
.wrapper .home-banner .banner4-icon {
  width: 735px;
  height: 100%;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
}

/* line 952, ../sass/_index.scss */
.banner4-options .banner4-icon-click {
  animation: fadeinfont 2s linear .3s both;
  -moz-animation: fadeinfont 2s linear .3s both;
  -webkit-animation: fadeinfont 2s linear .3s both;
  -ms-animation: fadeinfont 2s linear .3s both;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(150px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeinfont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeinfont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeinfont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeinfont {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes narrow {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes narrow {
  0% {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes narrow {
  0% {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes narrow {
  0% {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeInRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes fadeInRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-ms-keyframes fadeInRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes fadeInRightTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, -200px);
    -moz-transform: translate(200px, -200px);
    -ms-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(25px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(25px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}