@charset "gb2312";
/* CSS Document */
*html, _html {
	background-image:url(about:blank);
	background-attachment:fixed;
}
html{overflow:hidden}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border:medium none;
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font: 12px/1.5 "΢ÈíÑźÚ", Verdana, Geneva, sans-serif, tahoma, Srial, helvetica, sans-serif;
}
body {
	color:#343434;
	background-color:#FFF;

}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
em {
	font-style:normal;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
	color:#333;
}
a:hover,a:focus {
	text-decoration: underline;
	color:#F40;
	outline:none;
}
img {
	border:0px;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}
.blank {
	width:100%;
	height:10px;
	clear:both;
	overflow:hidden;
}
.blank15 {
	width:100%;
	height:15px;
	clear:both;
	overflow:hidden;
}
.blank30 {
	width:100%;
	height:30px;
	clear:both;
	overflow:hidden;
}
.clear {
	clear:both;
	overflow:hidden;
}
.red {
	color:#F00;
	text-decoration:none;
}
.pubW {
	width:1200px;
}
.center {
	margin:0px auto;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.display-i {
	display:inline;
}
.display-b {
	display:block;
}
.relative {position:relative;}
.absolute {position:absolute;}
#noMarginR {margin-right:0;}


.tall {-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.bt {-moz-transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;transition:background 0.3s linear 0s;}
.ot {-moz-transition:opacity 0.3s linear 0s;-webkit-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.contentBox {-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.borderBox {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.backgroundSize {-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

html {height:100%;overflow:hidden;}
body {min-width:1200px;margin:0 auto;height:100%;}
.celebration-18th {height:100%;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {border:1px solid #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background-color:#FFF;}
#fp-nav.right {right:80px;}
.section {-moz-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;position:relative;height:100%;}
.section .pubW {height:100%;}
.section01 { background:url(http://www.eye024.com/zhuanti/151222/section1.jpg) no-repeat center;}
.celebration-logo {width:370px;height:248px;left:-100px;top:0;}
.bigLogo {opacity: 0;margin-left: 40%;margin-top: 13%;}
.clockBox {width:462px;margin:-120px auto 0;}
.clockBox h4 {font-size:24px;text-align:center;color:#fff;line-height:2;}
.clockContainer {padding-left:15px;height:68px;}
.clockContainer .timer {display:block;width:68px;height:68px;line-height:68px;text-align:center;color:#9200dd; background-color:#fff;font-size:44px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.clockContainer .tag {display:block;font-size:33px;width:40px;text-align:center;line-height:68px;color:#fff;}
.link1 {  left: 50%;  top: 350px;  display: block;  width: 158px;  opacity: 0;margin-left: -500px;}
.section01 .logo {right:32px;top:0;}
/*.section02 { background:url(http://wd.021huamei.com/zt/celebration-18th/images/section2_bg.jpg) no-repeat center;}
.guangying {left:50%;top:50%;width:100%;height:100%; background:url(http://wd.021huamei.com/zt/celebration-18th/images/guangying_bg.jpg) no-repeat center;filter:alpha(opacity:23);opacity:.23;}
	.guangshu{width:1315px;height:1532px-webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.guangshu1 { left:50%;bottom:-500px;margin-left:-1100px;opacity:.6;filter:alpha(opacity:60);}
.guangshu2 {right:50%;bottom:-500px;margin-right:-1100px;opacity:.6;filter:alpha(opacity:60);}
.guangshu1 img,.guangshu2 img {-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;}
.guangshu2 img {-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
*/
.blinkTxt {width:1293px;height:191px;left:50%;top:50%;margin-top:-350px;}
.section02 .txt1 {width:100%;left:0;top:13%; opacity: 0;}
.section02 .txt1 p {  font-size: 15px;  text-align: left;   line-height: 28px;  color: #000;width: 650px;  margin-left: 8%;text-indent: 32px;}
.nextPageArrow1 {width:46px;height:27px;left:50%;top:50%;margin-left:-23px;margin-top:40px;}
.section02 .txt2 {width:100%;left:0;top:50%;margin-top:100px; opacity: 0;}
.section02 .txt2 p {font-size:22px;text-align:center;color:#fff;line-height:28px;}
.section02 .txt2 em {display:block;font-size:14px;color:#fff;text-align:center;margin-bottom:3px;}
.link2 {display:block;width:258px;height:66px;line-height:66px;color:#fff;font-size:27px;text-align:center; text-decoration:none; background-color:#9200dd;-moz-border-radius:33px;-webkit-border-radius:33px;border-radius:33px;left:50%;top:50%;margin-top:230px;}
.link2:hover { background-color:#5c008b;text-decoration:none;color:#fff;}

/*.section03 { background:url(http://www.eye024.com/zhuanti/151222/section3.jpg) no-repeat center;}*/
.th15{left: 50%; margin-left: -145px;  top: 15%;opacity: 0;}
.section3_img1{left: 50%; margin-left: -195px;   top: 54%;opacity: 0;}
.section3_img2{left: 50%;  margin-left: -450px;  top: 69%;opacity: 0;}
.section3_img3{left: 5%;  top: 43%;opacity: 0;}
.dealy1{  -webkit-animation-delay: 1s;}
.dealy2{  -webkit-animation-delay: 2s;}
.dealy3{  -webkit-transition:opacity 0.5s 15s;  opacity:0; pointer-events:none;}
.dealy4{ -webkit-animation-delay: 5s;}


.videoBox {width:100%;height:100%;left:0;top:0;}
.video {width:100%;height:100%;display:block;min-width:100%;min-height:100%;}
.mask {width:100%;height:100%;left:0;top:0; background-color:rgba(0,0,0,.35);}
.poster {left:0;top:0;width:100%;height:100%; background:url(http://www.eye024.com/zhuanti/151222/video_poster.jpg) no-repeat center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;opacity:.65;filter:alpha(opacity:65);-moz-transition:opacity 2s linear 0s;-webkit-transition:opacity 2s linear 0s;transition:opacity 2s linear 0s;}
.playing .poster {opacity:0;filter:alpha(opacity:0);}
.playBtns {display:block;width:132px;height:132px;left:50%;top:50%;margin-top:-66px;margin-left:-66px;cursor:pointer;}
.playBtns:before {content:'';position:absolute;width:100%;height:100%;border:1px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.playBtns:after {content:'';position:absolute;width:0;height:0;left:50%;top:50%;border-width:25px;border-color:transparent transparent transparent #fff;border-style:solid;margin-left:-5px;margin-top:-20px;}
.playBtns:hover:before {-webkit-animation: rotate360 }
.section03 p {position:absolute;left:0;top:50%;margin-top:140px;width:100%;font-size:46px;color:#fff;text-align:center;line-height:94px; text-transform:uppercase;}
.playBtns2 {display:block;width:180px;height:46px;line-height:46px;text-align:center;font-size:18px;left:50%;top:50%;margin-top:230px;margin-left:-90px;cursor:pointer;color:#fff;text-decoration:none;border:1px solid #fff;-moz-border-radius:23px;-webkit-border-radius:23px;border-radius:23px;}
.playBtns2:hover { background-color:#fff;color:#000;text-decoration:none;}
.popVideo {width:840px;height:472px;display:none;left:50%;top:50%;margin-left:-420px;margin-top:-236px;z-index:2;}
.popVideo a {display:block;width:63px;height:59px;right:-63px;top:0; background:url(http://wd.021huamei.com/zt/celebration-18th/images/closeIcon.png) no-repeat 0 0;}
.popVideo a:hover { background-position:-82px 0;}
.videoPlayer {width:840px;height:472px;overflow:hidden;}


#focusBar{width:100%;height:100%;clear:both;position:relative; overflow:hidden;padding-top:10px;}
#focusBar .mypng{ background:url(../images/9.gif) repeat-x top center;}
#focusBar li{width:100%;clear:both;height:100%;display:none;position:absolute;/* position:relative;*/ }
#focusBar .focusL{height:462px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-960px;margin-left:50%;}
#focusBar .focusR{height:462px;position:absolute;z-index:10;/* right:1000px;*/top:-30%;left:-960px;margin-left:60%;}

#focusBar .arrL,#focusBar .arrR{display:block;width:52px;height:134px;position:absolute;top:40%;z-index:11111;cursor:pointer;background:url(http://www.eye024.com/zhuanti/151222/bt_arr.png) no-repeat;}
#focusBar .arrL{left:-52px;background-position:0px 0px;}
#focusBar .arrR{right:-52px;background-position:-68px 0px;}
#focusBar .arrL:hover{background-position:0px -144px;}
#focusBar .arrR:hover{background-position:-68px -144px;}
.zhezhao{height:100%;position:absolute;z-index:19;/* right:1000px;*/top:-15px;left:-960px;margin-left:70%;}



.section04 { background:url(http://www.eye024.com/zhuanti/151222/section4.jpg) no-repeat center;}
.shakeBox {left:50%;top:50%;margin-top:-510px;margin-left:-584px;width:1168px;height:784px;   -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);}
.shakeBox1  {width:573px;height:110px;left:50%;top:50%; background:url(http://wd.021huamei.com/zt/celebration-18th/images/chongli_nav1.png) no-repeat center;margin-left:-585px;margin-top:-185px;}
.shakeBox2 {width:310px;height:196px;left:50%;top:50%;margin-left:-605px;margin-top:250px; background:url(http://wd.021huamei.com/zt/celebration-18th/images/zhuti_small.png) no-repeat center;}
.section04 .txt {  left: 14%;  top: 20%;  margin-top: 55px;color:#000;text-align: center;width:800px;}
.section04 .txt  h4 {font-size:40px;line-height:100px;color:#fff;}
.section04 .txt p {font-size:16px;line-height:40px;color:#fff;}
.link3 {display:block;width:260px;height:68px;line-height:68px;text-align:center;left:50%;top:50%;font-size:27px;color:#fff;text-decoration:none; background-color:#fa008d;-moz-border-radius:34px;-webkit-border-radius:34px;border-radius:34px;margin-left:-130px;margin-top:260px;}
.link3:hover { background-color:#5c008b;text-decoration:none;color:#fff;}

.section5_img{ position:absolute; left:50%;bottom:80px;  margin-left:-660px;}
.section5_img td{  vertical-align: top;}
.section5_img td div{  opacity: 0;}
.section05 .txt {  left: 14%;  top: 20%;  margin-top: 55px;color:#000;text-align: center;width:800px;}
.section05 .txt  h4 {font-size:40px;line-height:100px;}
.section05 .txt p {  font-size: 16px;  line-height: 40px;
}
.zjtd{  position: absolute;  top: 50%;  left: 50%;  margin-left: -618px;opacity: 0;-webkit-animation-delay: 1s;}
#demo{overflow: hidden;  width: 1200px;  font-size: 16px;}
#demo_tit{   background-color: #D07A00;  width: 1200px;  height: 46px; }
#demo_tit a{color:#fff;font-size: 18px;  text-decoration:none;}
#demo td div{width:185px; background-color:#F5EFDF; margin-right:35px; height:300px;}
#demo td div img{ margin-bottom:10px;}
.secondBox {left:50%;top:50%;margin-top:-510px;margin-left:-584px;width:1168px;height:784px;   -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);}
.secondLogo {opacity:0;}
.second_youhui1 {width:598px;height:518px;overflow:hidden;left:0;bottom:0;}
.second_youhui2 {width:602px;height:650px;overflow:hidden;right:0;bottom:0;}
.second_youhui1 li,.second_youhui2 li {float:left;overflow:hidden;-webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;opacity:0;}
.second_youhui1 li img,.second_youhui2 li img {display:block;-moz-transition:transform 0.5s linear 0s;-webkit-transition:transform 0.5s linear 0s;transition:transform 0.5s linear 0s;}
.second_youhui1 li:hover img,.second_youhui2 li:hover img {-moz-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}

.section06 {  background:url(http://www.eye024.com/zhuanti/151222/section6.jpg) no-repeat center;}
.threeBox {width:1200px;height:650px;overflow:hidden;left:50%;top:50%;}
.threeLogo {opacity:0;font-size: 40px;  color: #fff; margin-top:30px;}
.threeLogo  p{font-size: 18px;  color: #80D237;  margin-top: 22px;width: 350px;  text-indent: 40px;}
.three_youhui {right:0;top:10%;-moz-transition:margin-top 0.3s linear 0s;-webkit-transition:margin-top 0.3s linear 0s;transition:margin-top 0.3s linear 0s;opacity:0;}
.mappoint {right:0;top:10%;-moz-transition:margin-top 0.3s linear 0s;-webkit-transition:margin-top 0.3s linear 0s;transition:margin-top 0.3s linear 0s;opacity:0;}
.maptip{width: 198px;  height: 198px;  top: -6px;  left: 347px;  background-size: 198px 198px;  background-image: url("http://c1.mifile.cn/f/i/2014/cn/goods/shouhuan/sh-6-ripple.png");
        position: absolute;background-repeat: no-repeat;  z-index: 30;  cursor: pointer;  -webkit-animation: sh-ripple 2s ease infinite;}

.section11 { background:url(http://www.eye024.com/zhuanti/151222/section8.jpg) no-repeat center;}
.fourBox {width:100%;height:100%;overflow:hidden;left:50%;top:50%;}
.fourLogo {opacity:0;left: 50%;  top: 15%;  margin-left: -290px;}
.fourTxt {width:100%;height:519px;left:0;bottom:0; background:url(http://wd.021huamei.com/zt/celebration-18th/images/fourTxtBg.png) no-repeat center top;opacity:0;}
/*.fourBox ul {float:left;margin-top:280px;}
.fourBox ul li {width:120px;float:left;}
.fourBox ul li img {display:block;width:82px;height:82px;margin:0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.fourBox ul li p {font-size:18px;text-align:center;color:#fff;line-height:44px;}
.fourBox span {display:block;text-align:center;color:#fff;line-height:40px;}
*/

.section07 { background:url(http://wd.021huamei.com/zt/celebration-18th/images/section7_bg.jpg) no-repeat center;}
.section07 .txt {width:410px;left:50%;top:50%;margin-left:-205px;margin-top:-320px;opacity:0;}
.section07 .txt h3 {width:342px;height:221px;margin:0 auto;}
.section07 .txt h4 {font-size:16px;color:#fff;text-align:center;line-height:32px;margin-bottom:5px;}
.section07 .txt p {font-size:16px;color:#fff;text-align:center;line-height:26px;}
.section07 .link3 {margin-top:160px;}

.section08 { background:url(http://wd.021huamei.com/zt/celebration-18th/images/section8_bg.jpg) no-repeat center;}
.qipao,.qipaoSlide {width:100%;height:100%;overflow:hidden;}
.pao {width:100%;height:100%; background:url(http://wd.021huamei.com/zt/celebration-18th/images/yuan.png) no-repeat center;opacity:.15;filter:alpha(opacity:15);}
.jiangliBox {width:1200px;height:650px;left:50%;top:50%;}
.jiangli {opacity:0;filter:alpha(opacity:0);}
.jiangli1 {left:0;top:0;}
.jiangli2 {left:334px;top:0;}
.jiangli3 {right:0;top:0;}
.jiangli4 {left:0;top:408px;}
.jiangli a {display:block;width:146px;height:38px;text-align:center;line-height:38px;color:#fff;font-size:20px;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px; background-color:#9200dd;margin-left:65px;margin-top:15px;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
.jiangli a:hover { background-color:#5c008b;text-decoration:none;color:#fff;}
.jiangli h4 {font-size:16px;color:#fff;margin-left:65px;margin-top:30px;}
.section09 { background-color:#000000;}
.slideContainer  {width:100%;height:auto;left:50%;top:50%;}
.slideContainer .slidesBox{width:100%;height:auto;overflow:hidden;}
.slideContainer .slidesBox .slide {overflow:hidden;}
/*.slideContainer .slidesBox .slide img {display:block;position:absolute;left:0;top:0;-moz-transition:all 8s linear 0s;-webkit-transition:all 8s linear 0s;transition:all 8s linear 0s;}*/
.fp-controlArrow {display:none;}

.section10 { background-color:#2d0d3d;}
.girgle {width:314px;height:960px;left:50%;top:50%;margin-left:-157px;margin-top:-380px;}
.guangshu3 {width:1920px;height:1000px;left:50%;top:50%;margin-left:-960px;margin-top:-600px;opacity:.53;filter:alpha(opacity:53);}
.section10 .txt {width:422px;left:50%;top:50%;margin-left:-211px;margin-top:-190px;opacity:0;filter:alpha(opacity:0)}
.section10 .txt h4 {font-size:46px;color:#fff;text-align:center;line-height:82px;}
.section10 .txt p {font-size:29px;color:#fff;text-align:center;line-height:52px;}
.section10 .link3 {margin:20px auto 0;}
.section10 .link3:hover { background-color:#5c008b;text-decoration:none;color:#fff;}
.home {color:#fff;text-decoration:none;font-size:16px;display:block;width:122px;text-align:center;line-height:26px;margin:20px auto 0}
.home:hover { text-decoration:none;color:#fff;}

.footer {  color: #999999;  width: 1200px;  height: 220px;  margin-left: auto;  margin-right: auto;  margin-top: 8px;}
.footer td{ vertical-align:top}
.footer_list{ line-height:26px; padding-left:32px; font-size:14px}
.footer_list a{color:#999999;}