@charset "utf-8";body,div,h3,img,li,p,ul{border:none;margin:0;padding:0}
li,ul{list-style:none;list-style-type:none}
body{width:100%;overflow:hidden;font:16px/1.5 "Microsoft YaHei",Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial}
.pt19,.pt32{line-height:76px}
.tl{text-align:left}
.tc{text-align:center}
.fr{float:right}
.fl{float:left}
#pageContain{overflow:hidden}
.page{display:none;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.contain{width:100%;height:100%;display:none;position:relative;z-index:0}
.current .contain,.slide .contain{display:block}
.current{display:block;z-index:1}
.slide{display:block;z-index:2}
.swipe{display:block;z-index:3;transition-duration:0s!important;-webkit-transition-duration:0s!important}
.page1{width:100%;max-width:1920px;height:100%;margin:0 auto;position:relative;overflow:hidden}
.page1 .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.page1 .bg img{display:block;width:100%;height:100%}
.page1-foot{position:absolute;bottom:0;left:0;width:200000000px;height:55px;background:url(/special/year2017/images/page-foot.png) repeat;z-index:10;animation:cloud 800000s linear infinite;-webkit-animation:cloud 800000s linear infinite;-ms-animation:cloud 800000s linear infinite;-moz-animation:cloud 800000s linear infinite}
@keyframes cloud{from{background-position:0 0}
to{background-position:100% 100%}
}
@-webkit-keyframes cloud{from{background-position:0 0}
to{background-position:100% 100%}
}
.mountain{width:100%;height:538px;position:absolute;bottom:0;left:0;z-index:9}
.mountain img{width:100%;height:100%}
.sun{position:absolute;right:153px;width:445px;height:443px;background:url(/special/year2017/images/sun.png) no-repeat;z-index:8;animation:sun 2s ease-in-out both;-webkit-animation:sun 2s ease-in-out both;-ms-animation:sun 2s ease-in-out both;-moz-animation:sun 2s ease-in-out both}
@keyframes sun{from{bottom:0}
to{bottom:60px}
}
@-webkit-keyframes sun{from{bottom:0}
to{bottom:60px}
}
.lion{position:absolute;width:250px;height:276px;bottom:290px;left:100px;opacity:0;background:url(/special/year2017/images/lion.png) no-repeat;z-index:14;animation:lion 4s ease-in-out both;-webkit-animation:lion 4s ease-in-out both;-ms-animation:lion 4s ease-in-out both;-moz-animation:lion 4s ease-in-out both}
@keyframes lion{0%{opacity:0}
20%{opacity:1;-webkit-transform:scale(.6);transform:scale(.6);bottom:220px;left:-96px}
60%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);bottom:183px;left:48px}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);left:360px;bottom:86px}
}
@-webkit-keyframes lion{0%{opacity:0}
20%{opacity:1;-webkit-transform:scale(.6);transform:scale(.6);bottom:220px;left:-96px}
60%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);bottom:183px;left:48px}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);left:360px;bottom:86px}
}
.flower{position:absolute;opacity:0;width:1639px;height:614px;z-index:12;background:url(/special/year2017/images/flower.png) no-repeat;animation:flower 2s ease-in-out both;-webkit-animation:flower 2s ease-in-out both;-ms-animation:flower 2s ease-in-out both;-moz-animation:flower 2s ease-in-out both}
@keyframes flower{from{opacity:1;top:180px;left:23px}
to{opacity:1;top:206px;left:-65px}
}
@-webkit-keyframes flower{from{opacity:1;top:180px;left:23px}
to{opacity:1;top:206px;left:-65px}
}
.yun{width:406px;height:106px;position:absolute;top:237px;animation:yun 3s ease-in-out both;background:url(/special/year2017/images/yun1.png) no-repeat;z-index:13;-webkit-animation:yun 3s ease-in-out both;-ms-animation:yun 3s ease-in-out both;-moz-animation:yun 3s ease-in-out both}
@keyframes yun{from{right:-380px}
to{right:0}
}
@-webkit-keyframes yun{from{right:-380px}
to{right:0}
}
.yun2{width:725px;height:225px;position:absolute;bottom:153px;background:url(/special/year2017/images/yun2.png) no-repeat;animation:yun2 3s ease-in-out both;-webkit-animation:yun2 3s ease-in-out both;-ms-animation:yun2 3s ease-in-out both;-moz-animation:yun2 3s ease-in-out both;z-index:13}
@keyframes yun2{from{left:-50px}
to{left:138px}
}
@-webkit-keyframes yun2{from{left:-50px}
to{left:138px}
}
.title{width:864px;height:533px;position:absolute;top:110px;left:50%;opacity:0;margin-left:-432px;background:url(/special/year2017/images/title.png) no-repeat;animation:title 2s ease-in-out both;-webkit-animation:title 2s ease-in-out both;-ms-animation:title 2s ease-in-out both;-moz-animation:title 2s ease-in-out both;z-index:14}
@keyframes title{50%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes title{50%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.page2{background:#ff7583 url(/special/year2017/images/pg2-bg.jpg) center top}
.page2-container{width:100%;height:100%;position:relative}
.page2 .contain{width:1000px;height:100%;margin:0 auto;position:relative;padding-top:140px}
.page2-title{width:100%;height:99px;background:url(/special/year2017/images/pag2-title.png) no-repeat;opacity:0;-webkit-animation:page2-title 2s ease-in-out both;animation:page2-title 2s ease-in-out both}
@-webkit-keyframes page2-title{50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes page2-title{50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.page2-p1{font-size:30px;font-weight:700;color:#333;line-height:76px}
.page2-p2{font-size:20px;color:#333;line-height:34px}
.page2-list{opacity:0;padding-top:27px;-webkit-animation:page2-list 2s ease-in-out both;animation:page2-list 2s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes page2-list{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg)}
40%{opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}
}
@keyframes page2-list{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg)}
40%{opacity:0;-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{opacity:1;-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}
}
.page2-list li a{text-decoration:none;font-style:18px;color:#252525;line-height:50px}
.page2-list li a:hover{color:#ea3028}
.page2-yun{width:605px;height:285px;position:absolute;bottom:-50px;right:266px;opacity:0;background:url(/special/year2017/images/pag2-yun.png) no-repeat;animation:page2-yun 2s ease-in-out both;-webkit-animation:page2-yun 2s ease-in-out both;-ms-animation:page2-yun 2s ease-in-out both;-moz-animation:page2-yun 2s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s;z-index:10}
@keyframes page2-yun{100%{opacity:1;bottom:72px}
}
@-webkit-keyframes page2-yun{100%{opacity:1;bottom:72px}
}
.tihuan{width:399px;height:293px;position:absolute;bottom:137px;right:451px;opacity:0;z-index:11;animation:tihuan 3s ease-in-out both;-webkit-animation:tihuan 3s ease-in-out both;-ms-animation:tihuan 3s ease-in-out both;-moz-animation:tihuan 3s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s}
@keyframes tihuan{0%{opacity:0;-webkit-transform:rotate(90deg) translate(0,-800px) scale(.3);transform:rotate(90deg) translate(0,-800px) scale(.3)}
50%{opacity:1;-webkit-transform:rotate (-90deg) translate(0,-200px) scale(.3);transform:rotate (-90deg) translate(0,-200px) scale(.3)}
80%{opacity:1;-webkit-transform:translate(0,-200px) scale(.3);transform:translate(0,-200px) scale(.3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes tihuan{0%{opacity:0;-webkit-transform:rotate(90deg) translate(0,-800px) scale(.3);transform:rotate(90deg) translate(0,-800px) scale(.3)}
50%{opacity:1;-webkit-transform:rotate (-90deg) translate(0,-200px) scale(.3);transform:rotate (-90deg) translate(0,-200px) scale(.3)}
80%{opacity:1;-webkit-transform:translate(0,-200px) scale(.3);transform:translate(0,-200px) scale(.3)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.page3{background:url(/special/year2017/images/pg3-bg.jpg)}
.page3-container{width:100%;height:100%;overflow:hidden;position:relative}
.page3 .contain{width:1010px;height:100%;margin:0 auto;position:relative;padding-top:140px}
.page3-title{width:100%;height:72px;opacity:0;background:url(/special/year2017/images/pag3-title.png) no-repeat;-webkit-animation:page2-title 2s ease-in-out both;animation:page2-title 2s ease-in-out both}
.page3-p1{font-size:30px;font-weight:700;color:#fff;line-height:76px}
.page3-p2{font-size:20px;color:#333;line-height:34px}
.page3-list{width:100%;height:344px;padding-top:50px;overflow:hidden;position:absolute;opacity:0;-webkit-animation:page3-list 2s ease-in-out both;animation:page3-list 2s ease-in-out both;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes page3-list{from{bottom:20px;opacity:0}
to{bottom:224px;opacity:1}
}
@keyframes page3-list{from{bottom:20px;opacity:0}
to{bottom:224px;opacity:1}
}
.page3-list ul li{width:1010px;height:344px}
.page3-list1 ul li,.page3-list2 ul li{float:left;list-style:none;width:233px;height:344px;margin-right:26px;overflow:hidden;text-align:center}
.page3-list1 ul li p{padding-top:9px;color:#b31c15;font-size:25px}
.page-lit{font-size:20px}
.t{margin-right:0!important}
.page3-nav-list{width:34px;height:10px;position:absolute;left:50%;margin-left:-17px;bottom:0}
.page3-nav-list ul li{width:10px;height:10px;border-radius:50%;background:#eb8f55;cursor:pointer}
.nav-bg{background:#995428!important}
.nav-left{float:left}
.nav-right{float:right}
.trophy1{width:324px;height:565px;position:absolute;opacity:0;top:192px;background:url(/special/year2017/images/jiangbei1.png) no-repeat;-webkit-animation:trophy1 2s ease-in-out both;animation:trophy1 2s ease-in-out both;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes trophy1{from{opacity:0;left:-200px}
to{opacity:1;left:-57px}
}
@keyframes trophy1{from{opacity:0;left:-200px}
to{opacity:1;left:-57px}
}
.trophy2{width:244px;height:578px;position:absolute;opacity:0;top:175px;background:url(/special/year2017/images/jiangbei2.png) no-repeat;-webkit-animation:trophy2 2s ease-in-out both;animation:trophy2 2s ease-in-out both;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes trophy2{from{opacity:0;right:-200px}
to{opacity:1;right:96px}
}
@keyframes trophy2{from{opacity:0;right:-200px}
to{opacity:1;right:96px}
}
.page4{background:#daa778 url(/special/year2017/images/pg4-bg.jpg) center top}
.page4 .contain{width:1000px;height:100%;margin:0 auto;position:relative;padding-top:140px}
.page4-title{width:100%;height:83px;opacity:0;background:url(/special/year2017/images/pag4-title.png) no-repeat;-webkit-animation:page2-title 2s ease-in-out both}
.page4 .ndjj{width:100%;height:auto;padding-top:23px;overflow:hidden}
.page4 .ndjj ul li{float:left;width:309px;height:auto}
.page4 .ndjj ul li h3{font-size:45px;font-weight:700;color:#fff;margin-bottom:23px}
.page4 .ndjj ul li p{font-size:15px;line-height:25px;font-weight:400;color:#fff}
.page4 .ndjj ul li p strong{font-size:24px;font-weight:700;margin:18px 0 12px 0;display:inline-block}
.page4 .ndjj ul li p strong a{color:#fff;text-decoration:none}
.page4 .ndjj ul li p strong a:hover{text-decoration:underline}
.page4 .ndjj ul li.one{-webkit-animation:bottomIn .4s linear both;animation:bottomIn .4s linear both;-webkit-animation-delay:1.2s;animation-delay:1.2s}
.page4 .ndjj ul li.two{-webkit-animation:bottomIn .4s linear both;animation:bottomIn .4s linear both;-webkit-animation-delay:1.4s;animation-delay:1.4s}
.page4 .ndjj ul li.three{-webkit-animation:bottomIn .4s linear both;animation:bottomIn .4s linear both;-webkit-animation-delay:1.6s;animation-delay:1.6s}
@-webkit-keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bottomIn{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.earth{width:239px;height:224px;position:absolute;bottom:132px;right:94px;opacity:0;background:url(/special/year2017/images/earth.png) no-repeat;-webkit-animation:earth 3s ease-in-out both;animation:earth 3s ease-in-out both}
@-webkit-keyframes earth{0%{opacity:0;-webkit-transform:rotate(0) scale(.3);transform:rotate(0) scale(.3)}
100%{opacity:1;-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}
@keyframes earth{0%{opacity:0;-webkit-transform:rotate(0) scale(.3);transform:rotate(0) scale(.3)}
100%{opacity:1;-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}
.page5{background:#ffa72b url(/special/year2017/images/pg5-bg.jpg) center top}
.page5 h2{font-size:58px;font-weight:700;color:#fff;margin:90px 0 45px}
.page5 .contain{width:1000px;height:100%;margin:0 auto;position:relative;padding-top:140px}
.page5-title{width:100%;height:77px;opacity:0;background:url(/special/year2017/images/pag5-title.png) no-repeat;background-position:-20px;-webkit-animation:page2-title 2s ease-in-out both}
.page5-p{font-size:28px;color:#fde472;line-height:50px;padding-top:23px;font-weight:700}
.s{width:229px;height:229px;position:absolute;right:0;background:url(/special/year2017/images/page5-s.png) no-repeat;-webkit-animation:s 3s ease-in-out both;animation:s 3s ease-in-out both}
@-webkit-keyframes s{from{top:-500px}
to{top:150px}
}
@keyframes s{from{top:-500px}
to{top:150px}
}
.page5-list{width:100%;height:372px;position:absolute;left:0;overflow:hidden;-webkit-animation:page5-list 3s ease-in-out both;animation:page5-list 3s ease-in-out both}
.page5-list ul li{width:100%;height:372px}
.list-p{float:left;width:364px;height:372px}
.list-p1{font-size:30px;font-weight:700;color:#fff}
.list-p2{font-size:16px;color:#fff;line-height:30px;padding-top:30px;padding-bottom:40px}
.list-a{display:block;width:124px;height:40px;border:1px solid #f5dd6b;text-align:center;line-height:40px;font-size:15px;color:#f5dd6b;text-decoration:none;border-radius:10px}
.list-image{width:636px;height:372px;float:right}
.list-image ul li{width:292px;height:336px;float:left;margin-left:26px;padding-top:36px}
.list-image-t{width:610px;height:336px}
.swich-pic-l,.swich-pic-r,.switch_left,.switch_right{width:30px;height:40px;background:#000;cursor:pointer}
.swich-pic-l:hover,.swich-pic-r:hover,.switch_left:hover,.switch_right:hover{background:#ea3028!important}
.switch_left{position:absolute;top:50%;margin-top:55px;opacity:0;-webkit-animation:switch_left 3s ease-in-out both;animation:switch_left 3s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s}
@-webkit-keyframes switch_left{from{opacity:1;left:-1000px}
to{opacity:1;left:-55px}
}
@keyframes switch_left{from{opacity:1;left:-1000px}
to{opacity:1;left:-55px}
}
.switch_right{position:absolute;top:50%;margin-top:55px;opacity:0;-webkit-animation:switch_right 3s ease-in-out both;animation:switch_right 3s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1s}
.active{display:block}
@-webkit-keyframes switch_right{from{opacity:1;right:-1000px}
to{opacity:1;right:-55px}
}
@keyframes switch_right{from{opacity:1;right:-1000px}
to{opacity:1;right:-55px}
}
@-webkit-keyframes page5-list{from{opacity:1;bottom:-500px}
to{opacity:1;bottom:246px}
}
@keyframes page5-list{from{opacity:1;bottom:-500px}
to{opacity:1;bottom:246px}
}
.page6{background:#b4d465 url(/special/year2017/images/pg6-bg.jpg) center top}
.page6-container{width:100%;height:100%;overflow:hidden;position:relative}
.page6 .contain{width:1000px;height:100%;margin:0 auto;position:relative;padding-top:55px}
.pae6-title{width:1000px;height:80px;background:url(/special/year2017/images/pag6-title.png) -20px 0 no-repeat;opacity:0;-webkit-animation:page2-title 2s ease-in-out both;animation:page2-title 2s ease-in-out both}
.page6-p1{font-size:30px;line-height:76px;color:#ea3028;font-weight:700}
.page6-p2{font-size:20px;color:#333;line-height:34px}
.lantern{width:204px;height:378px;position:absolute;background:url(/special/year2017/images/denglong.png);-webkit-animation:lantern 3s ease-in-out both;animation:lantern 3s ease-in-out both}
@-webkit-keyframes lantern{0%{opacity:0;-webkit-transform:translate3d(160px,-100%,0);transform:translate3d(160px,-100%,0)}
100%{opacity:1;-webkit-transform:translate3d(160px,0,0);transform:translate3d(160px,0,0)}
}
@keyframes lantern{0%{opacity:0;-webkit-transform:translate3d(160px,-100%,0);transform:translate3d(160px,-100%,0)}
100%{opacity:1;-webkit-transform:translate3d(160px,0,0);transform:translate3d(50px,0,0)}
}
.page6-pic{width:100%;height:559px;margin-top:25px;-webkit-animation:page6-pic 2s ease-in-out both;animation:page6-pic 2s ease-in-out both}
@-webkit-keyframes page6-pic{0%{opacity:0;-webkit-transform:translate3d(0,600px,0);transform:translate3d(0,600px,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes page6-pic{0%{opacity:0;-webkit-transform:translate3d(0,600px,0);transform:translate3d(0,600px,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.page6-pic-left{width:580px;height:559px;float:left}
.page6-pic-right{width:408px;height:559px;float:right}
.page6-pic-list{width:100%;height:372px;overflow:hidden;position:relative}
.page4 .ndjj ul li p strong a:hover{text-decoration:none}
.page6-pic-list ul li{float:left;height:372px}
.desc{display:none}
.page6-pic-list ul li img,.page6-pic-right ul li img,.pic-bot ul li img{display:block;border:0}
.page6-pic-list ul li p,.page6-pic-right ul li p,.pic-bot ul li p{text-align:center;font-size:15px;color:#fff;line-height:30px;background:#a15e30}
.swich-pic-l{position:absolute;left:0;top:50%;margin-top:-20px}
.swich-pic-r{position:absolute;right:0;top:50%;margin-top:-20px}
.pic-bot{width:100%;height:178px;margin-top:9px}
.pic-list1{width:254px;height:178px;float:left}
.pic-list2{width:319px;height:178px;float:right}
.pic-list4{padding-top:6px}
#navBar{z-index:3;position:absolute;top:0;right:0;width:80px;height:100%;margin:0;padding:0;background-color:#262626;padding-top:160px}
#navBar .active{color:#fff}
#navBar li{cursor:pointer;-webkit-transition:all .7s ease;transition:all .7s ease;text-align:center;width:80px;height:76px;font-size:16px;font-weight:700}
#navBar li.Pg1{color:#fd2625;background-color:#3c2626}
#navBar li.Pg2{color:#ff7583;background-color:#3c2e2f}
#navBar li.Pg3{color:#37c1e3;background-color:#283639}
#navBar li.Pg4{color:#daa778;background-color:#38332e}
#navBar li.Pg5{color:#ffa72b;background-color:#3c3327}
#navBar li.Pg6{color:#a4cb42;background-color:#333729}
#navBar li.Pg7{color:#ff7583;background-color:#3c2e2f}
#navBar li.Pg7 p a{text-decoration:none;display:block;color:#fff;font-size:14px;font-weight:700}
#navBar li.Pg8{color:#92e0ec;background-color:#31393a}
#navBar li.Pg9{color:#fff;background-color:#262626}
#navBar li.Pg1.active,#navBar li.Pg1:hover{color:#fff;background-color:#fd2625}
#navBar li.Pg2.active,#navBar li.Pg2:hover{color:#fff;background-color:#ff7583}
#navBar li.Pg3.active,#navBar li.Pg3:hover{color:#fff;background-color:#37c1e3}
#navBar li.Pg4.active,#navBar li.Pg4:hover{color:#fff;background-color:#daa778}
#navBar li.Pg5.active,#navBar li.Pg5:hover{color:#fff;background-color:#ffa72b}
#navBar li.Pg6.active,#navBar li.Pg6:hover{color:#fff;background-color:#a4cb42}
#navBar li.Pg7.active,#navBar li.Pg7:hover{color:#fff;background-color:#ff7583}
#navBar li.Pg8.active,#navBar li.Pg8:hover{color:#fff;background-color:#92e0ec}
#navBar li.Pg9:hover{color:#262626;background-color:#fff}
.copy{width:760px;height:auto;left:50%;position:absolute;margin-left:-380px;bottom:16px;text-align:center;font-size:14px;color:#333}
@media (max-width:1500px){.page .contain{padding-top:55px}
@-webkit-keyframes lion{0%{opacity:0}
20%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3);bottom:170px;left:-96px}
60%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5);bottom:130px;left:30px}
100%{opacity:1;-webkit-transform:scale(.6);transform:scale(.6);left:303px;bottom:35px}
}
@keyframes lion{0%{opacity:0}
20%{opacity:1;-webkit-transform:scale(.3);transform:scale(.3);bottom:170px;left:-96px}
60%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5);bottom:130px;left:30px}
100%{opacity:1;-webkit-transform:scale(.6);transform:scale(.6);left:303px;bottom:35px}
}
.yun2{bottom:60px}
.page2-yun{right:175px;-webkit-transform:scale(.8);transform:scale(.8)}
@-webkit-keyframes page2-yun{100%{opacity:1;bottom:49px}
}
@keyframes page2-yun{100%{opacity:1;bottom:77px}
}
.tihuan{right:325px;bottom:113px}
@-webkit-keyframes tihuan{0%{opacity:0;-webkit-transform:rotate(90deg) translate(0,-800px) scale(.3);transform:rotate(90deg) translate(0,-800px) scale(.3)}
50%{opacity:1;-webkit-transform:rotate (-90deg) translate(0,-200px) scale(.3);transform:rotate (-90deg) translate(0,-200px) scale(.3)}
80%{opacity:1;-webkit-transform:translate(0,-200px) scale(.3);transform:translate(0,-200px) scale(.3)}
100%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}
}
@keyframes tihuan{0%{opacity:0;-webkit-transform:rotate(90deg) translate(0,-800px) scale(.3);transform:rotate(90deg) translate(0,-800px) scale(.3)}
50%{opacity:1;-webkit-transform:rotate (-90deg) translate(0,-200px) scale(.3);transform:rotate (-90deg) translate(0,-200px) scale(.3)}
80%{opacity:1;-webkit-transform:translate(0,-200px) scale(.3);transform:translate(0,-200px) scale(.3)}
100%{opacity:1;-webkit-transform:scale(.7);transform:scale(.7)}
}
@-webkit-keyframes page3-list{from{bottom:20px;opacity:0}
to{bottom:90px;opacity:1}
}
@keyframes page3-list{from{bottom:20px;opacity:0}
to{bottom:90px;opacity:1}
}
.trophy1{top:187px;-webkit-transform:scale(.7);transform:scale(.7)}
.trophy2{top:181px;-webkit-transform:scale(.7);transform:scale(.7)}
.earth{display:none}
.s{-webkit-transform:scale(.6);transform:scale(.6)}
@-webkit-keyframes s{from{top:-500px}
to{top:84px}
}
@keyframes s{from{top:-500px}
to{top:84px}
}
@-webkit-keyframes page5-list{from{opacity:1;bottom:-500px}
to{opacity:1;bottom:106px}
}
@keyframes page5-list{from{opacity:1;bottom:-500px}
to{opacity:1;bottom:106px}
}
.switch_left,.switch_right{margin-top:80px}
#navBar{padding-top:70px}
.page6-pic{width:900px}
.page6-pic-left,.page6-pic-right{transform:scale(.8);margin-top:-76px}
.page6-pic-right{margin-left:-100px}
}
.slider .bg{display:none}
.page6-pre{width:580px;height:372px;font-size:14px;position:relative}
.page6-pre a.control{position:absolute;display:block;top:50%;margin-top:-20px;width:30px;height:40px;cursor:pointer;z-index:2;background:#000}
.page6-pre a.prev{left:0;background:url(/special/year2017/images/switch6_left.png)}
.page6-pre a.next{right:0;background:url(/special/year2017/images/switch6_right.png)}
.page6-pre a.next:hover{background:url(/special/year2017/images/switch6_right-h.png)!important}
.page6-pre a.prev:hover{background:url(/special/year2017/images/switch6_left-h.png)!important}
.slider ul li{position:relative}
.slider ul li p{width:580px;left:50%;margin-left:-290px;position:absolute;bottom:0}