.main-title{line-height:33px;width:250px;height:33px;margin:0 auto 48px;font-size:24px;position:relative;color:#4A4A4A;text-align:center}.main-title:after,.main-title:before{top:16px;width:54px;background-color:currentcolor;height:1px;position:absolute;content:''}.main-title:before{left:0}.main-title:after{right:0}.banner-wrapper{margin:60px 0 20px}.banner-wrapper .wrapper{background-color:#F7F3F3;border-radius:0 0 8px 8px;box-shadow:0 4px 5px #ded3d3;overflow:hidden}.banner-wrapper .wrapper:hover .next-btn,.banner-wrapper .wrapper:hover .pre-btn{display:block}.banner-wrapper .banner-bar{margin:15px 65px 40px;height:600px;position:relative}.banner-wrapper .banner-page{position:absolute;width:100%;height:100%;top:0;left:0}.banner-wrapper .banner-item{position:absolute;overflow:hidden;opacity:1;z-index:200}.banner-wrapper .banner-item .img{display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;position:absolute;top:0;left:0;z-index:200}.banner-wrapper .banner-item .text{position:absolute;width:100%;height:100%;top:0;left:0;z-index:300;color:#fff;display:none}.banner-wrapper .banner-item .text .name{text-align:center;width:100%;position:absolute;bottom:0;right:0;font-size:20px;-webkit-animation:wave-name .5s ease-in-out;animation:wave-name .5s ease-in-out}.banner-wrapper .banner-item .text:before{content:'';width:200%;height:200%;position:absolute;left:100%;top:100%;opacity:.5;background-color:#000;border-radius:100%;-webkit-transform:translate(-75%,-75%);-ms-transform:translate(-75%,-75%);transform:translate(-75%,-75%);-webkit-animation:wave-big .5s ease-in-out;animation:wave-big .5s ease-in-out}.banner-wrapper .banner-item:nth-child(1){top:0;left:0;width:550px;height:410px;line-height:410px}.banner-wrapper .banner-item:nth-child(2){bottom:0;left:0;width:270px;height:180px;line-height:180px}.banner-wrapper .banner-item:nth-child(3){bottom:0;left:280px;width:270px;height:180px;line-height:180px}.banner-wrapper .banner-item:nth-child(4){top:0;right:260px;width:250px;height:250px;line-height:250px}.banner-wrapper .banner-item:nth-child(5){top:0;right:0;width:250px;height:250px;line-height:250px}.banner-wrapper .banner-item:nth-child(6){right:0;bottom:0;width:510px;height:340px;line-height:340px}.banner-wrapper .banner-item:hover .text{display:block}.banner-wrapper .banner-item:hover .img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.banner-wrapper .next-btn,.banner-wrapper .pre-btn{width:80px;height:80px;background-position:0 0;position:absolute;top:50%;left:0;margin-top:-40px;z-index:400;display:none;cursor:pointer}.banner-wrapper .next-btn{right:0;left:auto;background-position:-80px 0}.banner-wrapper .banner-0 .banner-page:nth-child(1){z-index:350}.banner-wrapper .banner-0 .banner-page:nth-child(2){z-index:330}.banner-wrapper .banner-0 .banner-page:nth-child(3),.banner-wrapper .banner-1 .banner-page:nth-child(1){z-index:300}.banner-wrapper .banner-1 .banner-page:nth-child(2){z-index:350}.banner-wrapper .banner-1 .banner-page:nth-child(3),.banner-wrapper .banner-2 .banner-page:nth-child(1){z-index:330}.banner-wrapper .banner-2 .banner-page:nth-child(2){z-index:300}.banner-wrapper .banner-2 .banner-page:nth-child(3),.banner-wrapper .banner-pre-0 .banner-page:nth-child(1){z-index:350}.banner-wrapper .banner-pre-0 .banner-page:nth-child(2){z-index:300}.banner-wrapper .banner-pre-0 .banner-page:nth-child(3),.banner-wrapper .banner-pre-1 .banner-page:nth-child(1){z-index:330}.banner-wrapper .banner-pre-1 .banner-page:nth-child(2){z-index:350}.banner-wrapper .banner-pre-1 .banner-page:nth-child(3),.banner-wrapper .banner-pre-2 .banner-page:nth-child(1){z-index:300}.banner-wrapper .banner-pre-2 .banner-page:nth-child(2){z-index:330}.banner-wrapper .banner-pre-2 .banner-page:nth-child(3){z-index:350}.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(1) .img,.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(5) .img,.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(6) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(2) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(7) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(3) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(4) .img{-webkit-animation:leave-up .8s ease-in-out;animation:leave-up .8s ease-in-out}.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(3) .img,.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(4) .img,.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(7) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(6) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(1) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(5) .img{-webkit-animation:leave-down .8s ease-in-out;animation:leave-down .8s ease-in-out}.banner-wrapper .leave-0 .banner-page:nth-child(1) .banner-item:nth-child(2) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(1) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(3) .img,.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(5) .img{-webkit-animation:leave-left .8s ease-in-out;animation:leave-left .8s ease-in-out}.banner-wrapper .leave-1 .banner-page:nth-child(2) .banner-item:nth-child(4) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(2) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(6) .img,.banner-wrapper .leave-2 .banner-page:nth-child(3) .banner-item:nth-child(7) .img{-webkit-animation:leave-right .8s ease-in-out;animation:leave-right .8s ease-in-out}@-webkit-keyframes leave-up{0%{opacity:1}100%{opacity:0}}@keyframes leave-up{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes leave-down{0%{opacity:1}100%{opacity:0}}@keyframes leave-down{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes leave-left{0%{opacity:1}100%{opacity:0}}@keyframes leave-left{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes leave-right{0%{opacity:1}100%{opacity:0}}@keyframes leave-right{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-out{0%{opacity:0;z-index:400}100%{opacity:1;z-index:400}}@keyframes fade-out{0%{opacity:0;z-index:400}100%{opacity:1;z-index:400}}@-webkit-keyframes fade-in{0%{opacity:1;z-index:400}100%{opacity:0;z-index:400}}@keyframes fade-in{0%{opacity:1;z-index:400}100%{opacity:0;z-index:400}}@-webkit-keyframes wave-name{0%,50%{opacity:0}100%{opacity:1}}@keyframes wave-name{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes wave-big{0%{opacity:.8;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:.5;-webkit-transform:translate(-75%,-75%);transform:translate(-75%,-75%)}}@keyframes wave-big{0%{opacity:.8;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:.5;-webkit-transform:translate(-75%,-75%);transform:translate(-75%,-75%)}}@-webkit-keyframes wave-small{0%{opacity:.8;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(-75%,-75%);transform:translate(-75%,-75%)}}@keyframes wave-small{0%{opacity:.8;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(-75%,-75%);transform:translate(-75%,-75%)}}.recommend-wrapper{position:relative;margin-bottom:20px;background-color:#fff;overflow:hidden}.recommend-wrapper .wrapper{padding:40px 0;background-color:#fff;height:283px}.recommend-wrapper .img-list{width:1200px;position:absolute;height:210px;top:113px;left:50%;margin:0 0 0 -600px;background-color:#fff}.recommend-wrapper .img-bar{width:600px;height:200px;position:absolute;top:0;left:0;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translate3d(300px,0,0) scale(1);transform:translate3d(300px,0,0) scale(1);-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.recommend-wrapper .img-bar .img{width:600px;height:200px}.recommend-wrapper .img-bar:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 2px 8px #7d7d7d;opacity:0;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.recommend-1 .bar-1:after,.recommend-2 .bar-2:after,.recommend-3 .bar-3:after{opacity:.5}.recommend-1 .bar-1{z-index:100}.recommend-1 .bar-3{z-index:50;-webkit-transform:translate3d(-140px,0,-50px) scale(.7);transform:translate3d(-140px,0,-50px) scale(.7)}.recommend-1 .bar-2{z-index:70;-webkit-transform:translate3d(920px,0,0) scale(.7);transform:translate3d(920px,0,0) scale(.7)}.recommend-2 .bar-2{z-index:100}.recommend-2 .bar-1{z-index:50;-webkit-transform:translate3d(-140px,0,-50px) scale(.7);transform:translate3d(-140px,0,-50px) scale(.7)}.recommend-2 .bar-3{z-index:70;-webkit-transform:translate3d(920px,0,0) scale(.7);transform:translate3d(920px,0,0) scale(.7)}.recommend-3 .bar-3{z-index:100}.recommend-3 .bar-2{z-index:50;-webkit-transform:translate3d(-140px,0,-50px) scale(.7);transform:translate3d(-140px,0,-50px) scale(.7)}.recommend-3 .bar-1{z-index:70;-webkit-transform:translate3d(920px,0,0) scale(.7);transform:translate3d(920px,0,0) scale(.7)}.ranking-wrapper .rank-list{padding-top:226px;position:relative}.ranking-wrapper .rank-list:after{visibility:hidden;display:block;font-size:0;content:'';clear:both;height:0}.ranking-wrapper .wrapper{padding:73px 88px 40px;width:1053px;background-color:#fff}.ranking-wrapper .float-bar{float:left}.ranking-wrapper .item{margin:0 23px 5px}.ranking-wrapper .item-float:first-child{position:absolute;margin:0;top:0;left:23px}.ranking-wrapper .item-float:first-child .title{font-size:18px;margin-bottom:5px}.ranking-wrapper .item-float:first-child .link{width:266px;height:200px;padding-left:214px}.ranking-wrapper .item-float:first-child .link:after{background-position:-120px -120px;width:80px;height:80px}.ranking-wrapper .item-float:first-child .index{color:#fff;line-height:34px;width:30px;font-size:20px}.ranking-wrapper .item-float:first-child .img{width:200px;height:200px}.ranking-wrapper .item-float:first-child .resume{overflow:hidden;white-space:inherit;text-overflow:inherit;line-height:18px;height:90px}.ranking-wrapper .item-float:nth-child(2){position:absolute;margin:0;top:0;right:23px}.ranking-wrapper .item-float:nth-child(2) .link{width:350px;height:95px;padding-left:102px}.ranking-wrapper .item-float:nth-child(2) .link:after{background-position:-200px -80px}.ranking-wrapper .item-float:nth-child(2) .index{color:#fff;font-size:14px;width:18px}.ranking-wrapper .item-float:nth-child(2) .img{width:95px;height:95px}.ranking-wrapper .item-float:nth-child(2) .resume{overflow:hidden;white-space:inherit;text-overflow:inherit;line-height:16px;height:32px}.ranking-wrapper .item-float:nth-child(3){position:absolute;margin:0;top:105px;right:23px}.ranking-wrapper .item-float:nth-child(3) .link{width:350px;height:95px;padding-left:102px}.ranking-wrapper .item-float:nth-child(3) .link:after{background-position:-240px -80px}.ranking-wrapper .item-float:nth-child(3) .index{color:#fff;font-size:14px;width:18px}.ranking-wrapper .item-float:nth-child(3) .img{width:95px;height:95px}.ranking-wrapper .item-float:nth-child(3) .resume{overflow:hidden;white-space:inherit;text-overflow:inherit;line-height:16px;height:32px}.ranking-wrapper .link{display:block;padding:0 30px 0 99px;height:93px;width:174px;border:1px solid #E5E5E5;border-radius:0 8px 8px 0;position:relative}.ranking-wrapper .link:after{content:'';width:40px;height:40px;background:url(../img/index_sprite.png) -120px -80px no-repeat;position:absolute;bottom:-1px;right:-1px;border-radius:0 0 8px;z-index:100}.ranking-wrapper .img{position:absolute;top:0;left:0;width:93px;height:93px}.ranking-wrapper .title{font-size:14px;margin-top:12px;color:#4A4A4A}.ranking-wrapper .author{font-size:12px;color:#999;margin-top:2px}.ranking-wrapper .resume{font-size:12px;margin-top:10px;line-height:14px;height:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-wrapper .index{color:#A1A1A1;font-size:12px;position:absolute;z-index:200;width:16px;line-height:16px;text-align:center;bottom:0;right:0}