@charset "utf-8";
.scale img{display:block;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;}
.scale img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.banner{height: 800px;background:url(../images/banner.jpg) center top no-repeat;}
.banner h3,.banner p,
.m1 h3,.m1 p,
.m2 h3,.m2 p,
.m3 h2,.m3 h3,.m3 p,
.m4 h2,.m4 li{text-indent:-9999px;}

.btn{cursor: pointer;}

.m1{height: 510px; overflow: hidden; background:url(../images/m1.jpg) center top no-repeat;}
.m2{height: 615px; overflow: hidden; background:url(../images/m2.jpg) center top no-repeat;}
.m2 h3{height: 170px;}
.m2 p{height: 255px;}
.m2 .btn{display: block;width: 460px;height: 63px;margin-left: 24px;}
.m3{height: 890px; overflow: hidden; background:url(../images/m3.jpg) center top no-repeat;}
.m4{height: 970px; overflow: hidden; background:url(../images/m4.jpg) center top no-repeat;}
.m4 .cnt{position: relative;z-index: 10;}
.m4 .btn{position: absolute;z-index: 10;width: 460px;height: 63px;top: 782px;}
.m4 .btn-1{left:114px;}
.m4 .btn-2{left:630px;}
.m5{height: 670px; background:url(../images/m5.jpg) center top no-repeat;}
.m5 .tab{padding-top: 165px;}
.m5 .tab-hd{height: 70px;background: url(../images/tab-hd-line.gif) 0 43px repeat-x;}
.m5 .tab-hd li{height:70px;position: relative;float: left;width: 200px;text-align: center;cursor: pointer;font-size: 16px;color: #a0a0a0;}
.m5 .tab-hd i{position: absolute;top:29px;left:50%;margin-left:-13px;width: 26px;height: 26px;background: url(../images/tab-hd.png) no-repeat;}
.m5 .tab-hd li.active{color: #5f1ba2;}
.m5 .tab-hd li.active i{background-position:  right top;}

.m5 .tab-bd{font-size: 18px;} 
.m5 .tab-bd .tab-con{display: none;}
.m5 .tab-bd .active{display: block;}
.m5 .tab-bd .intro{line-height: 1.6; opacity:0;opacity:1\9\0;filter:alpha(opacity=100);-webkit-animation:fadeInLeft .8s forwards;animation:fadeInLeft .8s forwards;}
.m5-list{padding-top: 30px;}
.m5 .scale{overflow: visible;}
.m5-list li{float: left;padding: 10px;margin-right: 55px;width: 343px;height: 240px;background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.4);
opacity:0;opacity:1\9\0;filter:alpha(opacity=100);-webkit-animation:enter .8s forwards;animation:enter .8s forwards;
}
.m5-list li.last{margin:0;}
.m5-list li:nth-child(1){animation-delay:.1s}
.m5-list li:nth-child(2){animation-delay:.1.5s}
.m5-list li:nth-child(3){animation-delay:.2s}
@-webkit-keyframes enter{from{-webkit-transform:translate(70px); transform:translate(70px); opacity:0; filter:alpha(opacity=0)} to{-webkit-transform:translate(0); transform:translate(0); opacity:1; filter:alpha(opacity=100)}}
@keyframes enter{from{-webkit-transform:translate(70px); ransform:translate(70px); opacity:0; filter:alpha(opacity=0)} to{-webkit-transform:translate(0); transform:translate(0); opacity:1; filter:alpha(opacity=100)}}
.m5-list li span{display: block;width: 343px;height: 240px;overflow: hidden;}
.m5-list li img{display: block;width: 343px;height: 240px;}

.m6{height: 838px; overflow: hidden; background:url(../images/m6.jpg) center top no-repeat;}
.m6 .cnt{position: relative;z-index: 10;}
.m6 h3{height: 150px;text-indent:-9999px;}
.m6 h2{height: 210px;text-indent:-9999px;}
.m6 ul{margin-left:662px;margin-right:-48px;}
.m6 ul li{float: left;width: 122px;height: 122px;margin-right:48px;text-indent:-9999px;}
.m6 p{margin-top: 40px;margin-left: 603px;color:#fff; font-size: 16px; line-height: 28px;}
.m6 p a{color:#fff;font-weight: bold; transition: all ease .3s;}
.m6 p a:hover{color: #5d1f9c;}
.m6 .btn{position: absolute;z-index: 10;width: 560px;height: 63px;top: 725px;text-indent:-9999px;}
.m6 .btn-1{left:0;}
.m6 .btn-2{left:603px;width: 570px;}

.m7{height: 959px; overflow: hidden; background:url(../images/m7.jpg) center top no-repeat;}
.m7 h3{text-indent: -9999px;}

.m8{height: 650px; overflow: hidden; background:url(../images/m8.jpg) center top no-repeat;}
.m8 h3,.m8 p{text-indent: -9999px;}

.m9{padding-bottom:50px;background:#f2914a;}
.m9 h2{height: 169px;text-indent:-9999px; background: url(../images/m9_hd.gif) center center no-repeat;}
.m9 ul{margin-right: -20px;}
.m9 li{float:left;width: 380px;height: 260px;margin-right: 20px;overflow: hidden;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3); box-shadow:0 0 15px rgba(0,0,0,.3);}
.m9 li img{display: block; width: 380px; height: 260px;}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}