@charset "gbk";
/* ===== reset ===== */

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{-webkit-text-size-adjust: none;margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;outline:0 none}a:hover{text-decoration:underline;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;resize: none;}table{border-collapse:collapse;border-spacing:0;}
.inner_nav ul:after,.tab_con ul:after{content:'\20';display:block;height:0;clear:both;}
.inner_nav ul,.tab_con ul{*zoom:1;}


#ost_box,#footer_ied{display:block;  }
#wrapper{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/wp_bg.jpg') no-repeat center top;position:relative;  }

.content_wp{width:1000px;margin:0 auto;background:#030720 url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/con_bg.jpg') no-repeat;position:relative; height:1114px; }

.logo_wp,.index_nav_box,.act_title{position:absolute;left:0;}
.logo_wp a,.act_title{line-height: 300;overflow:hidden; }
.act_title,.index_nav_box a{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/links.png ') no-repeat;}
.show_in_mobile{display:none; }

.logo_wp{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/logo.png') no-repeat;width:186px;height:98px;line-height: 300;overflow:hidden; position:absolute;}
.pc_logo_wp{left:13px;top:41px; }
.logo_wp a{width:100px;height:98px;display:block; }

.title_video{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/links.png') no-repeat;width:140px;height:104px;background-position:-213px -538px;position:absolute;left:38px;top:187px;line-height: 300;overflow:hidden;  }
.title_video:hover{background-position:-213px -650px;}


.pop_box{width:761px;height:431px;background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/pop_bg.png') no-repeat;position:absolute;outline:0 none; }
.video_close_btn{position:absolute;width:46px;height:46px;right:16px;top:13px;line-height:300;overflow:hidden;   }
.video_box{padding:4px 0 0 4px;}


.act_title{width:385px;height:127px;top:313px;left:10px;line-height: 300;}
.index_nav_box{top:0;}
.index_nav_box a{display:block;position:absolute;line-height: 300;overflow:hidden;  }
.index_nav_box a:hover{opacity: 0.8; filter:alpha(opacity=80); }
.in_01 a{left:196px;top:177px; width:118px;height:118px;background-position:-3px -246px; }
.in_02 a{left:305px;top:99px; width:120px;height:118px;background-position:-138px -155px;}
.in_03 a{left:437px;top:54px; width:118px;height:118px;background-position:-300px -135px;}
.in_04 a{left:797px;top:194px; width:104px;height:104px;background-position:-24px -398px;}
.in_05 a{left:849px;top:301px; width:104px;height:104px;background-position:-135px -399px;}
.in_06 a{left:874px;top:416px; width:104px;height:104px;background-position:-246px -393px;}
.in_07 a{left:859px;top:534px; width:104px;height:104px;background-position:-356px -392px;}
.in_08 a{left:809px;top:651px; width:104px;height:104px;background-position:-195px -286px;}



.ani_lay{position:absolute;left:0;top:0;}
.ani_lay span{position:absolute; }
.ani_lay span i{width:100%;height:100%;display:block;background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/ani_lay.png') no-repeat;  }
.ani_lay .al_01{width:48px;height:48px;left:9px;top:413px;}
.ani_lay .al_01 i{background-position:0 -149px;}
.ani_lay .al_02{width:26px;height:26px;left:439px;top:203px; }
.ani_lay .al_02 i{background-position:-71px -149px; }
.ani_lay .al_03{width:142px;height:118px;left:642px;top:719px;}
.ani_lay .al_03 i{background-position:  0 0;}







#footer_ied{position:absolute; text-align:center;bottom:20px;width:1000px;line-height: 1.6 }
#footer_ied,#footer_ied a{color:#132E87;}






.show_animate .act_title{
-webkit-animation:fadeInRight .5s  ease both;
-moz-animation:fadeInRight .5s  ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(50px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}



.show_animate .in_01{
-webkit-animation:in_01 .3s .2s ease both;
-moz-animation:in_01 .3s  .2s ease both;}
@-webkit-keyframes in_01{
0%{opacity:0;-webkit-transform:translate(200px,95px) ;}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_01{
0%{opacity:0;
-moz-transform:translate(200px,95px) ;}
100%{opacity:1;
-moz-transform:translate(0)}
}

.show_animate .in_02{
-webkit-animation:in_02 .4s .3s ease both;
-moz-animation:in_02 .4s  .3s ease both;}
@-webkit-keyframes in_02{
0%{opacity:0;-webkit-transform:translate(91px,173px) ;}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_02{
0%{opacity:0;
-moz-transform:translate(91px,173px) ;}
100%{opacity:1;
-moz-transform:translate(0)}
}

.show_animate .in_03{
-webkit-animation:in_03 .4s .4s ease both;
-moz-animation:in_03 .4s  .4s ease both;}
@-webkit-keyframes in_03{
0%{opacity:0;-webkit-transform:translate(-39px,218px) ;}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_03{
0%{opacity:0;
-moz-transform:translate(-39px,218px);}
100%{opacity:1;
-moz-transform:translate(0)}
}

.show_animate .in_04{
-webkit-animation:in_04 .6s .5s ease both;
-moz-animation:in_04 .6s  .5s ease both;}
@-webkit-keyframes in_04{
0%{opacity:0;-webkit-transform:translate(-394px,86px);}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_04{
0%{opacity:0;
-moz-transform:translate(-394px,86px);}
100%{opacity:1;
-moz-transform:translate(0)}
}


.show_animate .in_05{
-webkit-animation:in_05 .6s .6s ease both;
-moz-animation:in_05 .6s  .6s ease both;}
@-webkit-keyframes in_05{
0%{opacity:0;-webkit-transform:translate(-447px,-23px);}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_05{
0%{opacity:0;
-moz-transform:translate(-447px,-23px);}
100%{opacity:1;
-moz-transform:translate(0)}
}


.show_animate .in_06{
-webkit-animation:in_06 .6s .7s ease both;
-moz-animation:in_06 .6s  .7s ease both;}
@-webkit-keyframes in_06{
0%{opacity:0;-webkit-transform:translate(-472px,-138px) ;}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_06{
0%{opacity:0;
-moz-transform:translate(-472px,-138px) ;}
100%{opacity:1;
-moz-transform:translate(0)}
}

.show_animate .in_07{
-webkit-animation:in_07 .6s .8s ease both;
-moz-animation:in_07 .6s  .8s ease both;}
@-webkit-keyframes in_07{
0%{opacity:0;-webkit-transform:translate(-457px,-255px);}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_07{
0%{opacity:0;
-moz-transform:translate(-457px,-255px);}
100%{opacity:1;
-moz-transform:translate(0)}
}

.show_animate .in_08{
-webkit-animation:in_08 .5s 1.1s ease both;
-moz-animation:in_08 .5s  1.1s ease both;}
@-webkit-keyframes in_08{
0%{opacity:0;-webkit-transform:translate(-407px,-373px) ;}
100%{opacity:1;-webkit-transform:translate(0)}}
@-moz-keyframes in_08{
0%{opacity:0;
-moz-transform:translate(-407px,-373px) ;}
100%{opacity:1;
-moz-transform:translate(0)}
}



@media (max-width:668px){ 
	.is_mobile .title_video{display:block; }
	.is_mobile .title_video{display:none; }
	.is_mobile .content_wp{width:100%;height:640px; background-size:120%;background-position:0 left;}
	.is_mobile .act_title,.is_mobile .v_info_btn,.is_mobile .v_info_btn .hand{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/links.png ') no-repeat;background-size:238px 437px}
	.is_mobile .logo_wp{background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/logo.png') no-repeat;width:96px;height:49px;line-height: 300;overflow:hidden; position:absolute;background-size:96px 49px;left:50%;margin-left:-48px; }
	.is_mobile .logo_wp a{display:none; }
	.is_mobile .act_title{width:193px;height:64px;top:59px;left:10px;line-height: 300;}

	.is_mobile .v_info_btn{display:block; width:88px;height:88px;background-position:-9px -287px;position:absolute;bottom:39%;left:53%;z-index:99; }
	.abtest_b .v_info_btn{display:none !important; }
	.is_mobile .v_info_btn .hand{width:48px;height:52px;position:absolute;top:85px;left:50px;background-position:-52px -382px}
	.is_mobile .logo_wp{bottom:12%;}
	.is_mobile .ani_lay span i{display:block;background:url('http://ossweb-img.qq.com/images/speed/act/a20141217v/img/ani_lay.png') no-repeat;background-size:77px 103px  }
	.is_mobile .ani_lay .al_01{width:24px;height:24px;left:100px;top:20px;}
	.is_mobile .ani_lay .al_01 i{background-position:0 -74px;}
	.is_mobile .ani_lay .al_02{width:13px;height:13px;left:109px;top:300px; }
	.is_mobile .ani_lay .al_02 i{background-position:-35px -74px; }
	.is_mobile .ani_lay .al_03{display:none; }
	.is_mobile .v_info_btn{
	-webkit-animation:pulse .5s  ease both infinite;
	-moz-animation:pulse .5s  ease both infinite;}
	@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
	}
	@-moz-keyframes pulse{
	0%{-moz-transform:scale(1)}
	50%{-moz-transform:scale(1.05)}
	100%{-moz-transform:scale(1)}
	}	
	.is_mobile .v_info_btn .hand{
		-webkit-animation:hands .5s  ease both infinite;
		-moz-animation:hands .5s  ease both infinite;}
		@-webkit-keyframes hands{
		0%{
		-webkit-transform:translate(5px,5px)}
		50%{
		-webkit-transform:translate(0,0)}		
		100%{
		-webkit-transform:translate(5px,5px)}
		}
		@-moz-keyframes hands{
		0%{opacity:0;
		-moz-transform:translateY(-20px)}
		100%{opacity:1;
		-moz-transform:translateY(0)}
		}

}


/*  |xGv00|d1d2604a789c4296522b78d51ac12ade */