/* public */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;font-variant:normal;}
sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select { *font-size:100%;}
a { color: #00ffff; text-decoration: none;}
a:hover { color: #00ffff; text-decoration: underline;}
#body { font:14px/180% '\5FAE\8F6F\96C5\9ED1','\5B8B\4F53',tahoma; background: #020002; padding-top: 42px; color: #00ffff;}

/* class */
.a { position: absolute;}
.r { position: relative;}
.e-1, .e-2, .e-1-a, .e-2-a, .e-1-b, .e-2-b, .e-1-c, .e-2-c, .e-1-d, .e-2-d, .e-1-e, .e-2-e { display: block; text-indent: -9999px; overflow: hidden;}
.e-1 { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1.png?d=20150423") no-repeat;}
.e-1-a { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1-a.png?d=20150423") no-repeat;}
.e-1-b { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1-b.png?d=20150423") no-repeat;}
.e-1-c { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1-c.png?d=20150423") no-repeat;}
.e-1-d { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1-d.png?d=20150423") no-repeat;}
.e-1-e { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-1-e.png?d=20150423") no-repeat;}
.e-2 { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2.png?d=20150423") no-repeat;}
.e-2-a { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2-a.png?d=20150423") no-repeat;}
.e-2-b { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2-b.png?d=20150423") no-repeat;}
.e-2-c { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2-c.png?d=20150423") no-repeat;}
.e-2-d { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2-d.png?d=20150423") no-repeat;}
.e-2-e { background: url("http://ossweb-img.qq.com/images/176/web20150330/e-2-e.png?d=20150423") no-repeat;}
.ml-22 { margin-left: 22px; *margin_left: 10px; _margin-left: 0;}

/* page */
#body_wrap { min-width: 1200px; height: 1000px; overflow: hidden;}
#wrap_1 { top: 0; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-a.jpg") no-repeat center top;}
#wrap_2 { top: -1000px; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-b.jpg") no-repeat center top;}
#wrap_3 { top: -2000px; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-c.jpg") no-repeat center top;}
#wrap_4 { top: -3000px; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-d.jpg") no-repeat center top;}
#wrap_5 { top: -4000px; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-e.jpg") no-repeat center top;}
#wrap_6 { top: -5000px; background: #020002 url("http://ossweb-img.qq.com/images/176/web20150330/bg-f.jpg") no-repeat center top;}
.wrap { height: 1000px; min-width: 1200px; transition: all 0.5s Linear 0s; overflow: hidden;}
.light { width: 1028px; height: 366px; background: url("http://ossweb-img.qq.com/images/176/web20150330/light.png") no-repeat 0 0; position: relative; margin: 295px auto 0 auto; z-index: 9;}
.main { width: 1200px; height: 1000px; overflow: hidden; margin: 0 auto; top: 0; z-index: 2;}
.round{ width: 880px; height: 800px; background-position: 0 0; left: 159px; top: 76px; z-index: 1;}
.t-1 { width: 276px; height: 32px; background-position: -490px -810px; left: 462px; top: 172px; z-index: 2;}
.t-2 { width: 404px; height: 242px; background-position: 0 -160px; left: 407px; top: 237px; z-index: 2;}
.t-2-a { width: 564px; height: 134px; background-position: 0 -160px; left: 320px; top: 340px; z-index: 2;}
.t-2-b { width: 524px; height: 168px; background-position: 0 -160px; left: 335px; top: 290px; z-index: 2;}
.t-2-c { width: 240px; height: 220px; background-position: 0 -160px; left: 470px; top: 260px; z-index: 2;}
.t-2-d { width: 125px; height: 283px; background-position: 0 -160px; left: 536px; top: 240px; z-index: 2;}
.t-2-e { width: 349px; height: 195px; background-position: 0 -160px; left: 435px; top: 280px; z-index: 2;}
.t-3,
.t-3-a,
.t-3-b,
.t-3-c,
.t-3-d { width: 200px; height: 66px; font-size: 16px; line-height: 32px; text-align: center; left: 500px; top: 550px; z-index: 2;}
.t-3-e { width: 245px; height: 82px; background-position: 0 -360px; z-index: 2; left: 480px; top: 510px;}
.t-3-a,
.t-4-a { color: #07ecae;}
.t-3-b,
.t-4-b { color: #69cd1f;}
.t-3-c,
.t-4-c { color: #ffe400;}
.t-3-d,
.t-4-d { color: #e02810;}
.t-4,
.t-4-a,
.t-4-b,
.t-4-c,
.t-4-d { width: 250px; height: 72px; font-size: 18px; line-height: 36px; text-align: center; left: 475px; top: 620px; z-index: 2;}
.btn-box { width: 228px; height: 76px; left: 486px; top: 704px; z-index: 2;}
.btn-box-6 { top: 650px;}
.btn, .btn-6 { width: 228px; height: 76px; overflow: hidden;}
.btn em, .btn-6 em { width: 228px; height: 76px; background-position: 0 0; top: 0; z-index: 1; transition: all 0.3s ease-in-out 0s;}
.btn span { width: 228px; height: 76px; background-position: 0 -80px; top: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out 0s;}
.btn:hover em { opacity: 0; filter: alpha(opacity=0);}
.btn:hover span { opacity: 1; filter: alpha(opacity=100);}
.link-box { width: 1200px; height: 1000px; left: 0; top: 0; z-index: 10;}
#link_1, #link_2, #link_3, #link_4, #link_5, #link_6,
#link_1_a, #link_2_a, #link_3_a, #link_4_a, #link_5_a, #link_6_a,
#link_1_b, #link_2_b, #link_3_b, #link_4_b, #link_5_b, #link_6_b,
#link_1_c, #link_2_c, #link_3_c, #link_4_c, #link_5_c, #link_6_c,
#link_1_d, #link_2_d, #link_3_d, #link_4_d, #link_5_d, #link_6_d,
#link_1_e, #link_2_e, #link_3_e, #link_4_e, #link_5_e, #link_6_e { width: 80px; height: 80px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out 0s;}
#link_1, #link_1_a, #link_1_b, #link_1_c, #link_1_d, #link_1_e { background-position: 0 -810px; left: 158px; top: 437px; opacity: 1; filter: alpha(opacity=100);}
#link_2, #link_2_a, #link_2_b, #link_2_c, #link_2_d, #link_2_e { background-position: -80px -810px; left: 357px; top: 88px; opacity: 1; filter: alpha(opacity=100);}
#link_3, #link_3_a, #link_3_b, #link_3_c, #link_3_d, #link_3_e { background-position: -160px -810px; left: 761px; top: 89px; opacity: 1; filter: alpha(opacity=100);}
#link_4, #link_4_a, #link_4_b, #link_4_c, #link_4_d, #link_4_e { background-position: -240px -810px; left: 959px; top: 437px; opacity: 1; filter: alpha(opacity=100);}
#link_5, #link_5_a, #link_5_b, #link_5_c, #link_5_d, #link_5_e { background-position: -320px -810px; left: 759px; top: 782px; opacity: 1; filter: alpha(opacity=100);}
#link_6, #link_6_a, #link_6_b, #link_6_c, #link_6_d, #link_6_e { background-position: -400px -810px; left: 359px; top: 784px; opacity: 1; filter: alpha(opacity=100);}
#link_1:hover, #link_2:hover, #link_3:hover, #link_4:hover, #link_5:hover, #link_6:hover,
#link_1_a:hover, #link_2_a:hover, #link_3_a:hover, #link_4_a:hover, #link_5_a:hover, #link_6_a:hover,
#link_1_b:hover, #link_2_b:hover, #link_3_b:hover, #link_4_b:hover, #link_5_b:hover, #link_6_b:hover,
#link_1_c:hover, #link_2_c:hover, #link_3_c:hover, #link_4_c:hover, #link_5_c:hover, #link_6_c:hover,
#link_1_d:hover, #link_2_d:hover, #link_3_d:hover, #link_4_d:hover, #link_5_d:hover, #link_6_d:hover,
#link_1_e:hover, #link_2_e:hover, #link_3_e:hover, #link_4_e:hover, #link_5_e:hover, #link_6_e:hover { opacity: 1; filter: alpha(opacity=100);}
.txt-box { width: 1200px; height: 1000px; left: 0; top: 0; z-index: 2; color: #00ffff;}
.txt-box-a { color: #07ecae;}
.txt-box-b { color: #69cd1f;}
.txt-box-c { color: #ffe400;}
.txt-sgl, .txt-sgl-ac { width: 150px; height: 40px; position: absolute; opacity: 0.3; filter: alpha(opacity=30); transition: all 0.3s ease-in-out 0s;}
.txt-en { display: block; width: 170px; font-size: 12px; line-height: 14px; *font-size: 8px; font-size: 10px\9\0; text-indent: 26px\0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-text-indent: 30px; left: -25px; *left: 0;}
.txt-cn { display: block; font-size: 12px; line-height: 14px;}
#txt_1, #txt_1_a, #txt_1_b, #txt_1_c, #txt_1_d, #txt_1_e { left: 100px; top: 456px; color: #fc0;}
#txt_2, #txt_2_a, #txt_2_b, #txt_2_c, #txt_2_d, #txt_2_e { left: 330px; top: 62px; color: #fc0;}
#txt_3, #txt_3_a, #txt_3_b, #txt_3_c, #txt_3_d, #txt_3_e { left: 820px; top: 58px; color: #fc0;}
#txt_4, #txt_4_a, #txt_4_b, #txt_4_c, #txt_4_d, #txt_4_e { left: 1050px; top: 456px; color: #fc0;}
#txt_5, #txt_5_a, #txt_5_b, #txt_5_c, #txt_5_d, #txt_5_e { left: 825px; top: 862px; color: #fc0;}
#txt_6, #txt_6_a, #txt_6_b, #txt_6_c, #txt_6_d, #txt_6_e { left: 320px; top: 860px;}
.txt-sgl-ac { opacity: 1; filter: alpha(opacity=100);}

.footer { height: 80px; min-width: 1200px; background: #031C24 url("http://ossweb-img.qq.com/images/176/web20150330/footer_bg.png") no-repeat center top; overflow: hidden;}
.logo { width: 180px; height: 33px; margin: 20px 0 0 50px; background-position: -490px -850px; float: left;}
.logo a { display: block; width: 180px; height: 33px; text-indent: -9999px; overflow: hidden;}
.copy { margin: 26px 50px 0 0; font-size: 12px; color: #029395; float: right;}
.copy a, .copy a:hover { color: #029395;}

.m-btn { display: none;}

/*
@media screen and (max-width: 650px) {
	#body { background: none; background-color: #020002; padding-top: 0;}
	#body_wrap { min-width: 100%; overflow: hidden;}
	#wrap_1,
	#wrap_2,
	#wrap_3,
	#wrap_4,
	#wrap_5,
	#wrap_6 { width: 320px; min-width: 320px; height: 548px; background: url("http://ossweb-img.qq.com/images/176/web20150330/m-bg.jpg") no-repeat center top; background-size: 320px 548px; -webkit-transform-origin: 0% 0%; overflow: hidden;}
	#wrap_1 { top: 0;}
	#wrap_2 { top: -548px;}
	#wrap_3 { top: -1096px;}
	#wrap_4 { top: -1644px;}
	#wrap_5 { top: -2192px;}
	#wrap_6 { top: -2740px;}
	.main { display: none;}
	.footer { width: 320px; min-width: 320px; height: 50px; -webkit-transform-origin: 0% 0%; position: absolute; left: 0; top: 548px;}
	.logo { margin: 15px 0 0 15px; -webkit-transform: scale(0.6); -webkit-transform-origin: 0% 0%;}
	.copy { position: relative; top: -60px; -webkit-transform: scale(0.5); -webkit-transform-origin: 100% 100%; margin: 0 15px 0 0;}
	.copy span { display: block; text-align: right;}
	.m-btn { display: block;}
	.m-btn a { display: block; width: 115px; height: 27px; margin: 353px auto 0 auto; text-indent: -9999px; overflow: hidden;}
}
*/

/* ac */
.show { opacity: 1; filter: alpha(opacity=100); z-index: 2;}
.hide { opacity: 0; filter: alpha(opacity=0); z-index: 1;}

.show .round {
	-webkit-transform: rotate(-180deg) scale(0.01);
	-webkit-animation: rnd-in-ac 0.8s Linear 0s 1 normal forwards;
	-moz-transform: rotate(-180deg) scale(0.01);
	-moz-animation: rnd-in-ac 0.8s Linear 0s 1 normal forwards;
	-o-transform: rotate(-180deg) scale(0.01);
	-o-animation: rnd-in-ac 0.8s Linear 0s 1 normal forwards;
}
.hide .round {
	-webkit-transform: rotate(0deg) scale(1);
	-webkit-animation: rnd-out-ac 0.8s Linear 0s 1 normal forwards;
	-moz-transform: rotate(0deg) scale(1);
	-moz-animation: rnd-out-ac 0.8s Linear 0s 1 normal forwards;
	-o-transform: rotate(0deg) scale(1);
	-o-animation: rnd-out-ac 0.8s Linear 0s 1 normal forwards;
}
.show .a-link-box, .show .a-txt-box {
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation: opa-ac 0.5s Linear 1s 1 normal forwards;
	-moz-animation: opa-ac 0.5s Linear 1s 1 normal forwards;
	-o-animation: opa-ac 0.5s Linear 1s 1 normal forwards;

}
.hide .a-link-box, .hide .a-txt-box {
	opacity: 0;
	opacity: 1\9\0;
}
.show .a-t-1, .show .a-t-2, .show .a-t-3, .show .a-t-4 {
	transform: translate(0,-20px);
	opacity: 0;
	transform: translate(0,0)\9\0;
	opacity: 1\9\0;
	-webkit-animation: top-ac 0.5s Linear 0.5s 1 normal forwards;
	-moz-animation: top-ac 0.5s Linear 0.5s 1 normal forwards;
	-o-animation: top-ac 0.5s Linear 0.5s 1 normal forwards;
}
.show .a-t-2 {
	transform: translate(0,-20px);
	opacity: 0;
	transform: translate(0,0)\9\0;
	opacity: 1\9\0;
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}
.show .a-t-3 {
	transform: translate(0,-20px);
	opacity: 0;
	transform: translate(0,0)\9\0;
	opacity: 1\9\0;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
}
.show .a-t-4 {
	transform: translate(0,-20px);
	opacity: 0;
	transform: translate(0,0)\9\0;
	opacity: 1\9\0;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
}
.show .a-link-box {
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	-o-animation-delay: 1.7s;
}
.show .a-txt-box {
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
}
.show .a-light {
	opacity: 0;
	opacity: 1\9\0;
	-webkit-animation: opa-ac 0.5s Linear 2.5s 1 normal forwards;
	-moz-animation: opa-ac 0.5s Linear 2.5s 1 normal forwards;
	-o-animation: opa-ac 0.5s Linear 2.5s 1 normal forwards;
}
@-webkit-keyframes opa-ac {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes top-ac {
	0% { opacity: 0; transform: translate(0,-20px);}
	100% { opacity: 1; transform: translate(0,0);;}
}
@-moz-keyframes opa-ac {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes top-ac {
	0% { opacity: 0; transform: translate(0,-20px);}
	100% { opacity: 1; transform: translate(0,0);;}
}
@-o-keyframes opa-ac {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-o-keyframes top-ac {
	0% { opacity: 0; transform: translate(0,-20px);}
	100% { opacity: 1; transform: translate(0,0);;}
}
@-ms-keyframes opa-ac {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes top-ac {
	0% { opacity: 0; transform: translate(0,-20px);}
	100% { opacity: 1; transform: translate(0,0);;}
}
@keyframes rnd-in-ac {
	0% { transform: rotate(-180deg) scale(0.01);}
	100% { transform: rotate(0deg) scale(1);}
}
@keyframes rnd-out-ac {
	0% { transform: rotate(0deg) scale(1);}
	100% { transform: rotate(180deg) scale(0.01);}
}
@-webkit-keyframes rnd-in-ac {
	0% {
		transform: rotate(-180deg) scale(0.01);
		-webkit-transform: rotate(-180deg) scale(0.01);
	}
	100% {
		transform: rotate(0deg) scale(1);
		-webkit-transform: rotate(0deg) scale(1);
	}
}
@-webkit-keyframes rnd-out-ac {
	0% {
		transform: rotate(0deg) scale(1);
		-webkit-transform: rotate(0deg) scale(1);
	}
	100% {
		transform: rotate(180deg) scale(0.01);
		-webkit-transform: rotate(180deg) scale(0.01);
	}
}
@-moz-keyframes rnd-in-ac {
	0% { transform: rotate(-180deg) scale(0.01);}
	100% { transform: rotate(0deg) scale(1);}
}
@-moz-keyframes rnd-out-ac {
	0% { transform: rotate(0deg) scale(1);}
	100% { transform: rotate(180deg) scale(0.01);}
}
@-o-keyframes rnd-in-ac {
	0% { transform: rotate(-180deg) scale(0.01);}
	100% { transform: rotate(0deg) scale(1);}
}
@-o-keyframes rnd-out-ac {
	0% { transform: rotate(0deg) scale(1);}
	100% { transform: rotate(180deg) scale(0.01);}
}/*  |xGv00|d18168726e54286f698e904e3ce69ff9 */