@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
.eventName .container {max-width:1000px; margin:0 auto; position:relative}
.eventName h2{position:absolute; left:-9999px; top:-9999px; font-size:0}
.eventName h3{position:absolute; left:-9999px; top:-9999px; font-size:0}

.con01{position:relative; height:947px; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; height:1715px; background:url(images_hk/con02_bg.jpg) center top / cover}
.con03{position:relative; height:1135px; background:url(images_hk/con03_bg.jpg) center top / cover}
.con04{position:relative; height:956px; background:url(images_hk/con04_bg.jpg) center top / cover}
.con05{position:relative; height:1604px; background:url(images_hk/con05_bg.jpg) center top / cover}
.con06{position:relative; background:url(images_hk/con06_bg2.jpg) center top / cover}
.con07{position:relative; height:2760px; background:url(images_hk/con07_bg.jpg) center top / cover}



/* * gif */
.con06 .img {position:relative; margin:auto;}
.con06 .img .gif {position:absolute; bottom: 3.7%; width:38.5%; height:19%;}
.con06 .img .gif01 {left: 11%;}
.con06 .img .gif02 {right: 10.5%;}

.con07 .container{height:100%;width:100%;position:absolute;left:0;top:0;max-width: none;}
.con07 .link{width:20%;height:5%;position:absolute;left: 40%;bottom: 4%;font-size:0;display:block;}
.con07 .link01 {width:30%; height:3%; left:35%; top:30.2%;}
.con07 .link02 {width:30%; height:3%; left:35%; top:56%;}
.con07 .link03 {width:30%; height:3%; left:35%; top:93%;}

.fixed_banner{position:fixed; right:0; top:150px; display:inline-block; font-size:0; z-index:1}
.fixed_banner img{width:120px; display:block}
.fixed_banner a{display:inline-block; font-size:0; position:absolute; left:37%; width:50%; height:15%}
.fixed_banner a.link01{top:53%}
.fixed_banner a.link02{top:69%;}



@media screen and (max-width: 1040px){
	/* .eventName .container{box-sizing:border-box; padding:0 20px;} */
	
	.con01{height:auto;padding: 40% 0;}
	.con02{height:auto;padding: 72% 0;}
	.con03{height:auto;padding: 46% 0;}
	.con04{height:auto;padding: 38% 0;}
	.con05{height:auto;padding: 64% 0;}
	/* .con06{height:auto;padding: 85% 0;} */
	.con07{height:auto;padding: 114% 0;}

		/* * gif */
	.con06 .img {max-width: 66%;}
	.con06 .img .gif {bottom: 3.7%; width:48.7%; height:19%;}
	.con06 .img .gif01 {left: 1%;}
	.con06 .img .gif02 {right: 0;}
	
	.fixed_banner{top:70px}
	.fixed_banner img{width:60px}
}

@media screen and (max-width: 768px){
	
}