.header{position:fixed;top:0;left:0;width:100%;height:680px}.header .banner-mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../resource/mask-opc-1.png) repeat}.header .banner-box{display:block;width:100%;height:680px;text-align:center}.header .banner-box img{display:inline-block;height:100%}.header .words{top:50%;margin:-56px 0 0 -251px}.header .dropdown,.header .words{position:absolute;left:50%;z-index:20}.header .dropdown{bottom:30px;margin-left:-14px;display:block;width:29px;height:30px;background:url(../resource/dropdown.png) no-repeat;animation:upHid 1.6s both infinite;-webkit-animation:upHid 1.6s both infinite;cursor:default}.main-box{position:absolute;top:680px;left:0;z-index:20}.check-more{margin-right:30px;padding-right:20px;display:block;font-size:14px;color:#555;background:url(../resource/icon-more.png) 62px -14px no-repeat;transition:none}.check-more:hover{color:#00a0e9;background-position-y:3px;transition:none}@keyframes upHid{0%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}to{opacity:0}}@-webkit-keyframes upHid{0%{-webkit-opacity:0;-webkit-transform:translateY(0)}50%{-webkit-opacity:1;-webkit-transform:translateY(-8px)}to{-webkit-opacity:0}}.main-box-play{width:100%;background:#fff}.main-box-play .section-box{position:relative;width:100%}.main-box-play .section-box .section-play-bg{position:absolute;bottom:0;left:0;display:block;width:100%;height:240px;background:#f9f9f9}.main-box-play .section-box .section-play{position:relative;z-index:10;margin:0 auto;padding-top:80px;width:1202px;height:481px;overflow:hidden}.main-box-play .section-box .section-play li{position:relative;margin:0 0 1px 1px;float:left;width:399px;height:240px;text-align:center;overflow:hidden}.main-box-play .section-box .section-play li .mask{position:absolute;display:block;width:100%;height:100%;background:url(../resource/mask-opc-1.png) repeat}.main-box-play .section-box .section-play li img{height:100%}.main-box-play .section-box .section-play li a{position:absolute;top:50%;left:50%;margin:-19px 0 0 -61px;display:block;width:120px;height:36px;color:#fff;font-size:16px;line-height:36px;text-align:center;border:1px solid #fff}.main-box-play .section-box .section-play li a:hover{border:1px solid #00a0e9;background:#00a0e9}.main-box-play .section-box .section-play-line{margin:0 auto;width:1200px;height:606px}.main-box-play .section-box .section-play-line .title{margin:80px 0 60px}.main-box-play .section-box .section-play-line .title h3{margin-left:30px;font-size:20px}.main-box-play .section-box .section-play-line .line-list{margin-left:-30px;width:1230px;overflow:hidden}.main-box-play .section-box .section-play-line .line-list li{position:relative;margin-left:30px;float:left;width:380px;height:468px}.main-box-play .section-box .section-play-line .line-list li .img-box{width:380px;height:285px}.main-box-play .section-box .section-play-line .line-list li .ct{padding:0 20px;width:338px;height:182px;border:1px solid #e4e4e4;border-top:none;overflow:hidden}.main-box-play .section-box .section-play-line .line-list li .ct .title{display:block;margin:20px 0 10px;color:#222;font-size:20px}.main-box-play .section-box .section-play-line .line-list li .ct .title:hover{color:#00a0e9}.main-box-play .section-box .section-play-line .line-list li .ct .intro{color:#555;line-height:24px}.main-box-play .section-box .section-play-line .line-list li .ct .more{position:absolute;bottom:29px;left:50%;margin-left:-50px;display:block;width:100px;height:30px;color:#d0d0d0;text-align:center;line-height:30px;border:1px solid #d0d0d0}.main-box-play .section-box .section-play-line .line-list li .ct .more:hover{color:#fff;border:1px solid #00a0e9;background:#00a0e9}