body{background: #000;font: 12px/170% simsun,arial,"Lucida Grande","Lucida Sans Unicode"; position: relative; min-width: 1000px;}
a{text-decoration: none; color: #e23a3f;}

.stage{height: 100%;transform:translate3d(0,0,0);}
.stage.in{-webkit-animation: fadeInUp 0.5s 1 ease-in-out both; -ms-animation: fadeInUp 0.5s 1 ease-in-out both; animation: fadeInUp 0.5s 1 ease-in-out both; animation: fadeInUp 0.5s 1 ease-in-out both; z-index: 10;}
.stage.out{-webkit-animation: empty 0.5s 1 ease-in-out both; -ms-animation: empty 0.5s 1 ease-in-out both; animation: empty 0.5s 1 ease-in-out both; z-index: 9;}

#main_container{position: absolute; overflow: hidden; left: 0; top: 0px; width: 100%; min-width: 1000px; _width: expression((document.documentElement.clientWidth<1000||document.body.clientWidth<1000)?"1000px":"100%"); max-width: 1920px; margin: 0 auto; font-family: "Microsoft YaHei";}

/*MAIN START*/
#main{width: 100%; min-height: 1000px;}
/*MAIN END*/
#NIE-share{position: absolute; top: 100px; right: 50px;}

#NIE-share .NIE-share-txt,#NIE-share .NIE-share-iconBtn a{color: #f9ba33;}

.logo{position: absolute; width: 166px; height: 101px; top: 65px; left: 20px; background: url(../images/logo_87.png); z-index: 11;}
/*.stage9 START*/
.stage9{}
.stage9 .bg{background: url(../images/stage9_bg_19.png); }
/*.stage9 .container START*/
.stage9 .container .pic{background: url(../images/stage9_container_pic_7.png); }
.stage9 .container .txt{position: absolute; width: 466px; height: 41px; top: 575px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage9_container_txt_10.png); }
.stage9 .container .qr{position: absolute; width: 191px; height: 191px; top: 353px; left: 499px; background: url(../images/stage9_container_qr_100.png); }
.stage9 .container .logo2{position: absolute; width: 261px; height: 159px; top: 155px; left: 466px; background: url(../images/stage9_container_logo2_7.png); }
/*.stage8 START*/
.stage8{}
.stage8 .bg{background: url(../images/stage8_bg_96.png); }
/*.stage8 .container START*/
.stage8 .container .pic{background: url(../images/stage8_container_pic_14.png); }
.stage8 .container .top{position: absolute; width: 940px; height: 33px; top: 105px; left: 124px; background: url(../images/stage8_container_top_15.png); }
.stage8 .container .word{position: absolute; width: 900px; height: 610px; overflow: hidden; left: 0; right: 0; margin: 0 auto; top: 155px;}
.stage8 .container .txt{position: relative; color: #fff; font-size: 14px; text-indent: 28px; padding-bottom: 20px;}
.stage8 .container .txt p{margin: 10px 0;}
/*.stage7 START*/
.stage7{}
.stage7 .bg{background: url(../images/stage7_bg_78.png); }
/*.stage7 .container START*/
.stage7 .container .pic{background: url(../images/stage7_container_pic_9.png); }
.stage7 .container .top{position: absolute; width: 940px; height: 33px; top: 105px; left: 126px; background: url(../images/stage7_container_top_9.png); }
.stage7 .container .word{position: absolute; width: 917px; height: 610px; overflow: hidden; left: 0; right: 0; margin: 0 auto; top: 155px;}
.stage7 .container .word_title{position: relative; width: 917px; height: 258px; margin-top: 20px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage7_title.png); }
.stage7 .container .txt{position: relative; color: #fff; font-size: 14px; text-indent: 28px; padding-bottom: 20px;}
.stage7 .container .txt p{margin: 10px 0;}
/*.stage6 START*/
.stage6{}
.stage6 .bg{background: url(../images/stage6_bg_43.png); }
/*.stage6 .container START*/
.stage6 .container .pic{background: url(../images/stage6_container_pic_96.png); }
/*.stage6 .container .word START*/
.stage6 .container .word{position: absolute; width: 944px; height: 606px; top: 160px; left: 136px; overflow: hidden;}
.stage6 .container .word .data_button{position: relative; width: 402px; height: 161px; float: left; margin: 15px 30px;}
.stage6 .container .word .data_button_8{background: url(../images/stage6_container_word_data_button_8_70.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_7{background: url(../images/stage6_container_word_data_button_7_25.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_6{background: url(../images/stage6_container_word_data_button_6_16.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_5{background: url(../images/stage6_container_word_data_button_5_5.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_4{background: url(../images/stage6_container_word_data_button_4_53.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_3{background: url(../images/stage6_container_word_data_button_3_81.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_2{background: url(../images/stage6_container_word_data_button_2_16.png) -40px 0 no-repeat;}
.stage6 .container .word .data_button_1{background: url(../images/stage6_container_word_data_button_1_63.png) -40px 0 no-repeat;}
.stage6 .container .top{position: absolute; width: 925px; height: 33px; top: 105px; left: 136px; background: url(../images/stage6_container_top_84.png); }
.stage6 .container .data_button ul{position: absolute; width: 100%; height: 161px; opacity: 0; background: rgba(0,0,0,0.8); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.stage6 .container .data_button ul:hover{opacity: 1;}
.stage6 .container .data_button_8 ul:hover{opacity: 0;}
.stage6 .container .data_button ul li{color: #f9ba33; width: 60%; position: relative; line-height: 32px; height: 32px; text-align: left; left: 20%; font-size: 14px; white-space: nowrap;}
/*.stage5 START*/
.stage5{}
.stage5 .bg{background: url(../images/stage5_bg_21.png); }
/*.stage5 .container START*/
.stage5 .container .pic{background: url(../images/stage5_container_pic_62.png); }
.stage5 .container .top{position: absolute; width: 938px; height: 33px; top: 105px; left: 126px; background: url(../images/stage5_container_top_56.png); }
.stage5 .container .word{position: absolute; width: 900px; height: 610px; overflow: hidden; left: 0; right: 0; margin: 0 auto; top: 155px;}
.stage5 .container .txt{position: relative; color: #fff; font-size: 14px; text-indent: 28px; padding-bottom: 20px;}
.stage5 .container .txt p{margin: 10px 0;}
/*.stage4 START*/
.stage4{}
.stage4 .bg{background: url(../images/stage4_bg_39.png); }
/*.stage4 .container START*/
.stage4 .container .pic{background: url(../images/stage4_container_pic_65.png); }
.stage4 .container .top{position: absolute; width: 934px; height: 33px; top: 105px; left: 127px; background: url(../images/stage4_container_top_48.png); }
.stage4 .container .word_title{position: relative; width: 705px; height: 240px; margin-top: 161px; left: 0; right: 0; margin: 0 auto; background: url(../images/stage4_container_word_title_89.png); }
.stage4 .container .word{position: absolute; width: 900px; height: 610px; overflow: hidden; left: 0; right: 0; margin: 0 auto; top: 155px;}
.stage4 .container .txt{position: relative; color: #fff; font-size: 14px; text-indent: 28px; padding-bottom: 20px;}
.stage4 .container .txt p{margin: 10px 0;}
/*.stage3 START*/
.stage3{}
.stage3 .bg{background: url(../images/stage3_bg_58.png); }
/*.stage3 .container START*/
.stage3 .container .pic{background: url(../images/stage3_container_pic_75.png); }
.stage3 .container .top{position: absolute; width: 321px; height: 34px; top: 105px; left: 133px; background: url(../images/stage3_container_top_36.png); }
.stage3 .container .word{position: absolute; width: 399px; height: 690px; overflow: hidden; left: 650px; top: 75px;}
.stage3 .container .txt{position: relative; color: #fff; font-size: 14px; text-indent: 28px; padding-bottom: 20px; width: 100%;}
.stage3 .container .txt p{margin: 10px 0;}
.stage3 .container .word_title{position: relative; width: 399px; margin: 37px 0 20px; left: 0; font-size: 33px; text-align: center; color: #fff; line-height: 60px; font-weight: 500;}
/*.stage2 START*/
.stage2{}
.stage2 .bg{background: url(../images/stage2_bg_43.png); }
/*.stage2 .container START*/
.stage2 .container .pic{background: url(../images/stage2_container_pic_75.png); }
.stage2 .container .txt{position: absolute; color: #fff; font-size: 22px; top: 34px; left: 38px; white-space: nowrap; font-family: "微软雅黑";}
.stage2 .container .prev_list{position: absolute; top: 685px; left: 164px; width: 860px;}
.stage2 .container .prev_season_button{position: relative; float: left; color: #000; background: #ffc138; padding: 8px 15px; cursor: pointer; font-size: 20px; margin-right: 15px; margin-bottom: 6px;}
.stage2 .container .prev_season_button:hover{background: #906300;}
.stage2 .container .link6_button{position: absolute; width: 391px; height: 30px; top: 596px; left: 125px; background: url(../images/stage2_container_link6_button_36.png); }
.stage2 .container .link5_button{position: absolute; width: 416px; height: 30px; top: 511px; left: 126px; background: url(../images/stage2_container_link5_button_42.png); }
.stage2 .container .link4_button{position: absolute; width: 286px; height: 30px; top: 425px; left: 125px; background: url(../images/stage2_container_link4_button_74.png); }
.stage2 .container .link3_button{position: absolute; width: 220px; height: 30px; top: 340px; left: 125px; background: url(../images/stage2_container_link3_button_19.png); }
.stage2 .container .link2_button{position: absolute; width: 308px; height: 30px; top: 254px; left: 125px; background: url(../images/stage2_container_link2_button_69.png); }
.stage2 .container .link1_button{position: absolute; width: 353px; height: 30px; top: 169px; left: 125px; background: url(../images/stage2_container_link1_button_19.png); }
.stage2 .container .title{position: absolute; width: 349px; height: 48px; top: 105px; left: 125px; background: url(../images/stage2_container_title_48.png); }
/*.stage1 START*/
.stage1{}

.stage1 .bg{background: url(../images/stage1_bg_9.png); }
.stage1 .container .season{position: absolute; width: 598px; height: 37px; text-align: center; font-size: 24px; color: #fff; line-height: 37px; background: url(../images/season.png); top: 250px; left: 530px;}
.stage1 .container .pic{background: url(../images/stage1_container_pic_54.png); }
.stage1 .container .title{position: absolute; width: 447px; height: 116px; top: 115px; left: 609px; background: url(../images/stage1_container_title_10.png); }
/*.stage1 .container .word{position: absolute; width: 931px; height: 631px; top: 105px; left: 125px; background: url(../images/stage1_container_word_22.png); }*/
.stage1 .container .word{position: absolute; width: 931px; height: 631px; top: 105px; left: 125px; background: transparent; }
/*.stage1 .bg{background: #333; }
.stage1 .container .pic{position: absolute; width: 1191px; height: 908px; top: 0px; left: 0px; background: #666; }
.stage1 .container .title{position: absolute; width: 447px; height: 116px; top: 115px; left: 609px; background: #999; }
.stage1 .container .word{position: absolute; width: 931px; height: 631px; top: 105px; left: 125px; background: #aaa; }*/

.container .control_list{position: relative; width: 300px; left: 0; right: 0; margin: 0px auto; }
.container .control_list .menu_button{position: relative; width: 60px; height: 40px; border: solid #fff 1px; color: #fff; background: transparent; text-align: center; line-height: 40px; float: left; cursor: pointer; margin: 0 18px 20px;}
.container .control_list .menu_button:hover{background: #fff; color: #000;}
.container .control_list .prev_button{position: relative; width: 60px; height: 40px; border: solid #fff 1px; color: #fff; background: transparent; text-align: center; line-height: 40px; float: left; cursor: pointer; margin: 0 18px 20px;}
.container .control_list .prev_button:hover{background: #fff; color: #000;}
.container .control_list .next_button{position: relative; width: 60px; height: 40px; border: solid #fff 1px; color: #fff; background: transparent; text-align: center; line-height: 40px; float: left; cursor: pointer; margin: 0 18px 20px;}
.container .control_list .next_button:hover{background: #fff; color: #000;}

.txt .green{color: #CDDC39;}
.txt .yellow{color: #f9ba33;}
.txt .red{color: #c0322b;}
.txt .blue{color: #2970bf;}
.txt .center{text-align: center; text-indent: 0;}
.txt .left{text-indent: 0;}
.txt .b{font-weight: bold;}
.txt .big{font-size: 20px;}
.txt .border{border: solid #f9ba33 1px; padding: 10px;}

.stage .bg{position: absolute; width: 100%; height: 1080px; top: 0px; left: 0; right: 0; margin: 0 auto; background-position-x: 50%; background-position-y: 0%; background-repeat-y: no-repeat;}
.stage .container{position: relative; width: 1191px; height: 908px; top: 105px; left: 0; right: 0; margin: 0 auto;}
.stage .container .pic{position: absolute; width: 1191px; height: 908px; top: 0px; left: 0px;}
.stage .container.in{-webkit-animation: fadeInUp 0.5s 1 ease-in-out both; animation: fadeInUp 0.5s 1 ease-in-out both; -ms-animation: fadeInUp 0.5s 1 ease-in-out both;}
.stage .container.smaller.in{-webkit-animation: fadeInUp_smaller 0.5s 1 ease-in-out both; animation: fadeInUp_smaller 0.5s 1 ease-in-out both; -ms-animation: fadeInUp_smaller 0.5s 1 ease-in-out both;}

.jump_button{cursor: pointer;}

#NIE-copyRight{position: absolute; top: 960px; left: 0; right: 0; margin: 0 auto; background: #272727; color: #e23a3f; padding-bottom: 15px;}

.page_list{position: fixed; right: 20px; top: 180px; color: #fff; z-index: 11;}
.page_list li{position: relative; margin: 8px; height: 18px;}
.page_list li .txt{text-align: right; position: absolute; width: 100px; white-space: nowrap; line-height: 18px; height: 18px; top: 0; right: -20px; opacity: 0;-webkit-transition: right 0.5s, opacity 0.5s; -ms-transition: right 0.5s, opacity 0.5s; -moz-transition: right 0.5s, opacity 0.5s; right: -o-transform 0.5s, opacity 0.5s; transition: right 0.5s, opacity 0.5s;}
.page_list li span{position: absolute; width: 18px; height: 18px; background: url(../images/point.png) 0 -18px;}
.page_list li.current span,.page_list li:hover span{background: url(../images/point.png) 0 0;}
.page_list li.current .txt,.page_list li:hover .txt{right: 10px; opacity: 1;}

/*.ps-scrollbar-y-rail{position: absolute;}*/

@-ms-keyframes empty { 
	0%,100% { -ms-transform:translate3d(0,0,0); opacity: 1;}
}

@-ms-keyframes fadeIn { 
	0% { -ms-transform:translate3d(0,0,0); opacity: 0;}
	100% { -ms-transform:translate3d(0,0,0); opacity: 1;}
}

@-ms-keyframes fadeInUp { 
	0% { -ms-transform:translate3d(0,200px,0); opacity: 0;}
	100% { -ms-transform:translate3d(0,0,0); opacity: 1;}
}

@-webkit-keyframes empty { 
	0%,100% { -webkit-transform:translate3d(0,0,0); opacity: 1;}
}

@-webkit-keyframes fadeIn { 
	0% { -webkit-transform:translate3d(0,0,0); opacity: 0;}
	100% { -webkit-transform:translate3d(0,0,0); opacity: 1;}
}

@-webkit-keyframes fadeInUp { 
	0% { -webkit-transform:translate3d(0,200px,0); opacity: 0;}
	100% { -webkit-transform:translate3d(0,0,0); opacity: 1;}
}

@keyframes empty { 
	0%,100% { transform:translate3d(0,0,0); opacity: 1;}
}

@keyframes fadeIn { 
	0% { transform:translate3d(0,0,0); opacity: 0;}
	100% { transform:translate3d(0,0,0); opacity: 1;}
}

@keyframes fadeInUp { 
	0% { transform:translate3d(0,200px,0); opacity: 0;}
	100% { transform:translate3d(0,0,0); opacity: 1;}
}

@-ms-keyframes fadeInUp_smaller { 
	0% { -ms-transform:translate3d(-100px,120px,0) scale(0.8); opacity: 0;}
	100% { -ms-transform:translate3d(-100px,-80px,0) scale(0.8); opacity: 1;}
}

@-webkit-keyframes fadeInUp_smaller { 
	0% { -webkit-transform:translate3d(-100px,120px,0) scale(0.8); opacity: 0;}
	100% { -webkit-transform:translate3d(-100px,-80px,0) scale(0.8); opacity: 1;}
}

@keyframes fadeInUp_smaller { 
	0% { transform:translate3d(-100px,120px,0) scale(0.8); opacity: 0;}
	100% { transform:translate3d(-100px,-80px,0) scale(0.8); opacity: 1;}
}