body{text-align:center; color:#333; font-size:14px; font-family:arial, microsoft yahei, simsun; background:#3b1b29;}
body, html, div, p, img, a, strong, span, ul, li, table, tr, td, th, h1, h2{padding:0; margin:0;}

.clearfix:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
a{text-decoration:none;}
img{border:none;}
p{line-height:28px;}
.blue{color:#3f6eb4;}
.b{font-weight:bold;}

#top{display:none;}
#nav{display:none;}
#nav2{display:none;}
#top2{display:block;}
#top2 img{width:100%;}
.menu{display:none;}
.menu2{display:none;}
.weixin_shu{display:none;}
.menulist2{display:none;}
.naver{display:block;}
nav ul{width:100%; line-height:3.75em; /*60/16px*/ background:#ac180c; padding:0 1%;}/*box-sizing:border-box;*/
nav ul.hide{display:none;}
nav ul li{list-style:none; border-bottom:1px solid #000;}
nav ul li.fr{float:right;}
nav ul li a{display:block; padding:0 0.625em; /*10/16px*/ line-height:3.75em; /*60/16px*/ color:#fff; font-weight:bold;}
nav ul li a:active{background:#eb4a3d;}
#nav-collapse{display:block; height:3.75em; /*60/16px*/ background:#ac180c; line-height:3.75em; padding:0 1%; text-align:right; color:#fff; font-weight:bold;}
#nav-collapse span{background:url(./images/menu.jpg) 0 center no-repeat; padding:0 0.625em 0 27px;}
#nav-collapse.active{display:block;}

#content{width:95%; margin:0 auto;}
.island{display:block;}
.island p{text-align:left; color:#fdefad; padding:0 20px; margin-bottom:20px; font-size:16px; line-height:32px;}
.island p a:hover{text-decoration:underline;}
.island p a:active{text-decoration:underline;}
h1{display:block; position:relative; top:0; left:0; color:#fbb925; font-size:20px; width:auto; text-align:center; background:url(./images/linebg2.jpg) 0 bottom repeat-x; padding:0 0 18px; line-height:40px;}
a h1:active{color:#fff;}
.article_block{margin-bottom:20px;}
.article_list{margin-left:20px;}
.article_list li{text-align:left; color:#fdefad;}
.article_list li a{color:#fdefad; line-height:32px; font-size:16px;}
.article_list li a:active{text-decoration:underline;}

h3{color:#fbb925; font-size:20px; margin-bottom:10px; text-align:left;}

.top10_main{display:none;}
.top10_main2{display:block;}
h2{color:#fbb925; font-size:20px; background:url(./images/linebg2.jpg) 0 bottom repeat-x; padding:0 0 18px; line-height:40px; text-align:center;}
.top10_list{margin-bottom:20px; margin-left:20px;}
.top10_list li{text-align:left; color:#fdefad; list-style:none;}
.top10_list li a{color:#fdefad; line-height:32px; font-size:16px;}
.top10_list li a:active{text-decoration:underline;}

#keywords{display:none;}
#keywords2{display:block;}
.kw_nav li{list-style:none;}
.kw_nav li a#kwdot_1, .kw_nav li a#kwdot_2, .kw_nav li a#kwdot_3, .kw_nav li a#kwdot_4{display:block; position:relative; top:0; left:0; color:#fbb925; font-size:20px; width:auto; text-align:center; background:url(./images/linebg2.jpg) 0 bottom repeat-x; padding:0 0 18px; line-height:40px; font-weight:bold;}
.kw_nav li .kw_main{margin-bottom:20px; margin-left:20px;}
.kw_nav li .kw_main li{text-align:left; color:#fdefad; list-style-type:disc;}
.kw_nav li .kw_main li.kw_main_t{list-style-type:square; color:#fbb925;}
.kw_nav li .kw_main li.kw_main_t a{color:#fbb925; font-size:18px; font-weight:bold;}
.kw_nav li .kw_main li a{color:#fdefad; line-height:32px; font-size:16px;}
.kw_nav li .kw_main li a:active{text-decoration:underline;}

#footer{line-height:25px; color:#fdefad; padding:20px 0 50px;}
#footer a{color:#fdefad;}

.back{display:block; width:100%; padding:10px 0; background:#ac180c; color:#fff; text-align:center; font-weight:bold; position:fixed; bottom:0;}
.weixin_shu{display:none;}
#rocket{display:none;}
.fr{float:none; display:block;}

@media screen and (min-width:750px){
	body{text-align:center; color:#333; font-size:14px; font-family:arial, microsoft yahei, simsun; background:url(./images/bg.gif) center 0 no-repeat #3b1b29;}
	#wrap{width:100%;}
	#container{max-width:1310px; margin:0 auto;}
	#top img{display:block; width:100%;}
	.back{display:none;}
	.fr{float:right;}

	.naver{display:none;}
	#top{display:block;}
	#top2{display:none;}
	#nav{display:none;}
	#nav2{display:block;}
	#nav2 img{width:100%;}
	.menu{display:none;}
	.menu2{display:block;}
	.weixin_shu{display:none;}
	.menulist2{background:#ac180c; display:block;}
	.menulist2:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
	.menulist2 li{list-style:none; float:left; text-align:center;}
	.menulist2 li a{display:block; padding:10px 0; width:120px; color:#fff;}
	.menulist2 li a:hover{background:#eb4a3d;}
	.memulist2 li a:active{background:#eb4a3d;}

	#content{width:95%; margin;0 auto;}
	.island{display:block;}
	.top10_list li, .kw_main li, .article_list li{width:50%; float:left;}
	.top10_list:after, .kw_main li:after, .article_list:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
	.kw_main li.kw_main_t{width:100%;}
	#textdiv1 .article_list li{width:100%;}
	.article_block{padding:0;}
	
	#rocket{display:none;}
}

@media screen and (min-width:1310px){
	#top2{display:none;}
	#top{display:block;}
	#top img{display:block; width:1310px;}
	/*nav*/
	.naver{display:none;}
	.menu{display:block;}
	.menu2{display:none;}
	.menulist2{display:none;}
	#nav{display:block;}
	#nav2{display:none;}
	#nav{max-width:1310px; height:494px; background:url(./images/nav.jpg) 0 0 no-repeat; position:relative; z-index:100;}
	#nav a{background:url(./images/nav.gif) 0 0 no-repeat; position:absolute;}

	#nav a#rocket{display:block;
	background:url(./images/rocket.gif) 0 0 no-repeat; width:109px; height:194px; top:-269px; left:269px; z-index:101;
	animation-delay:0ms;
	-moz-animation-delay:0ms;
	-webkit-animation-delay:0ms;
	-o-animation-delay:0ms;
	}
	.weixin{position:absolute; top:-229px; left:160px; z-index:101; display:none;}
	
	#nav a#leading{
	background-position:0 0; width:71px; height:98px; top:10px; left:182px; z-index:101;
	animation-delay:100ms;
	-moz-animation-delay:100ms;
	-webkit-animation-delay:100ms;
	-o-animation-delay:100ms;
	}
	#nav a#plan{
	background-position:-79px 0; width:146px; height:107px; top:123px; left:361px; z-index:102;
	animation-delay:200ms;
	-moz-animation-delay:200ms;
	-webkit-animation-delay:200ms;
	-o-animation-delay:200ms;
	}
	#nav a#resume{
	background-position:-228px 0; width:108px; height:107px; top:205px; left:433px; z-index:103;
	animation-delay:300ms;
	-moz-animation-delay:300ms;
	-webkit-animation-delay:300ms;
	-o-animation-delay:300ms;
	}
	#nav a#apply{
	background-position:-341px 0; width:83px; height:107px; top:69px; left:558px; z-index:104;
	animation-delay:400ms;
	-moz-animation-delay:400ms;
	-webkit-animation-delay:400ms;
	-o-animation-delay:400ms;
	}
	#nav a#write{
	background-position:-433px 0; width:108px; height:107px; top:136px; left:673px; z-index:105;
	animation-delay:500ms;
	-moz-animation-delay:500ms;
	-webkit-animation-delay:500ms;
	-o-animation-delay:500ms;
	}
	#nav a#interview{
	background-position:0px -138px; width:108px; height:107px; top:211px; left:724px; z-index:106;
	animation-delay:600ms;
	-moz-animation-delay:600ms;
	-webkit-animation-delay:600ms;
	-o-animation-delay:600ms;
	}
	#nav a#trap{
	background-position:-117px -138px; width:108px; height:107px; top:307px; left:791px; z-index:107;
	animation-delay:700ms;
	-moz-animation-delay:700ms;
	-webkit-animation-delay:700ms;
	-o-animation-delay:700ms;
	}
	#nav a#salary{
	background-position:-234px -138px; width:108px; height:107px; top:332px; left:957px; z-index:108;
	animation-delay:800ms;
	-moz-animation-delay:800ms;
	-webkit-animation-delay:800ms;
	-o-animation-delay:800ms;
	}
	#nav a#interns{
	background-position:-351px -138px; width:83px; height:107px; top:173px; left:1027px; z-index:109;
	animation-delay:900ms;
	-moz-animation-delay:900ms;
	-webkit-animation-delay:900ms;
	-o-animation-delay:900ms;
	}
	#nav a#job{
	background-position:-444px -138px; width:108px; height:107px; top:61px; left:911px; z-index:110;
	animation-delay:1000ms;
	-moz-animation-delay:1000ms;
	-webkit-animation-delay:1000ms;
	-o-animation-delay:1000ms;
	}

	#rocket, #leading, #plan, #resume, #apply, #write, #interview, #trap, #salary, #interns, #job{	
		animation:Move 300ms alternate infinite linear;	
		-moz-animation:Move 300ms alternate infinite linear;
		-webkit-animation:Move 300ms alternate infinite linear;
		-o-animation:Move 300ms alternate infinite linear;
	}

	@keyframes Move{
		from{margin-top:0;}
		to{margin-top:-10px;}
	}

	@-moz-keyframes Move{
		from{margin-top:0;}
		to{	margin-top:-10px;}
	}

	@-webkit-keyframes Move{
		from{margin-top:0;}
		to{	margin-top:-10px;}
	}

	@-o-keyframes Move{
		from{margin-top:0;}
		to{	margin-top:-10px;}
	}
	
	#content{width:auto;}
	.island{display:none;}

	.leading_detail{display:none; position:absolute; top:-180px; left:208px; padding:0 0 0 30px; z-index:111;}
	.leading_detail p{padding:10px 10px 10px 25px; text-align:left;}
	#nav .leading_detail p a{text-indent:0; background:none; width:auto; height:auto;}
	#nav .leading_detail p a:hover{text-decoration:underline;}
	/*nav end*/

	.top10{width:1310px; height:511px; display:block; _overflow:hidden; background:url(./images/top10.jpg) 0 0 no-repeat; position:relative; z-index:200;}
	.top10_main2{display:none;}
	.top10_main{display:block; height:326px; padding:185px 0 0;}
	.top10_list{width:560px; margin:0;}
	.top10_list li{width:280px; text-align:left; float:left;}
	.top10_list li a{text-align:left; color:#3b1b29; line-height:28px; font-size:14px;}
	.top10_list li a:hover{color:#fff;}

	
	/*--slider--*/
	.header-content .copy { font-size: 14px; line-height: 21px; padding-right: 15px; }	
	.header-content h2 { font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif; color: #fff; margin-bottom:26px; text-align:left; _margin-left:80px; padding:0; background:none;}

	#keywords{display:block;}
	#keywords2{display:none;}
	.keywords{width:1310px; height:485px; background:url(./images/keywords.jpg) 0 0 no-repeat;}
	.kw_nav{width:1310px;}
	.kw_nav li{float:left; position:relative;}
	.kw_nav li a#kwdot_1, .kw_nav li a#kwdot_2, .kw_nav li a#kwdot_3, .kw_nav li a#kwdot_4{position:absolute; top:10px; text-indent:-9999px; display:block; width:45px; height:48px; background:url(./images/sprite.jpg) 0 0 no-repeat; padding:0;}
	.kw_nav li a#kwdot_1{background-position:0 -149px; left:252px;}
	.kw_nav li a#kwdot_2{background-position:-60px -149px; left:512px;}
	.kw_nav li a#kwdot_3{background-position:-120px -149px; left:768px;}
	.kw_nav li a#kwdot_4{background-position:-180px -149px; left:1023px;}
	.kw_nav li a#kwdot_1:hover, .kw_nav li a#kwdot_1.on{background-position:0 -79px;}
	.kw_nav li a#kwdot_2:hover, .kw_nav li a#kwdot_2.on{background-position:-60px -79px;}
	.kw_nav li a#kwdot_3:hover, .kw_nav li a#kwdot_3.on{background-position:-120px -79px;}
	.kw_nav li a#kwdot_4:hover, .kw_nav li a#kwdot_4.on{background-position:-180px -79px;}

	.kw_nav li .kw_main{margin:0; position:absolute; display:block; width:600px; padding:0 166px 0 0; left:340px; text-align:left; top:90px;}

	#kw_main1{background:url(./images/keywords_t1.jpg) right 31px no-repeat;}
	#kw_main2{background:url(./images/keywords_t2.jpg) right 31px no-repeat;}
	#kw_main3{background:url(./images/keywords_t3.jpg) right 31px no-repeat;}
	#kw_main4{background:url(./images/keywords_t4.jpg) right 31px no-repeat;}

	#kw_main2, #kw_main3, #kw_main4{display:none;}
	.kw_nav li .kw_main p{width:600px; display:block;}
	.kw_nav li .kw_main li{position:relative; width:270px; text-align:left; list-style:none;}
	.kw_nav li .kw_main ul{margin-bottom:10px;}
	.kw_nav li .kw_main li.kw_main_t{width:540px; font-weight:bold; font-size:16px;}
	.kw_nav li .kw_main li.kw_main_t a{color:#fff;}
	.kw_nav li .kw_main li a{color:#3b1b29; font-size:14px; font-weight:normal; background:none; position:relative; text-indent:0; width:auto; height:auto; line-height:24px;}
	.kw_nav li .kw_main li a:hover{color:#fff;}


	.article{background:url(./images/linebg.jpg) 0 0 repeat-y; padding:20px 0;}
	.article_block{padding:20px 0 20px 584px; position:relative; margin-bottom:0;}
	.article_list_t1{background:url(./images/article_list_title1.jpg) 259px 35px no-repeat;}
	.article_list_t2{background:url(./images/article_list_title2.jpg) 259px 35px no-repeat;}
	h1{background:none; padding:0; display:block; position:absolute; top:45px; left:452px; color:#ac180c; font-size:16px; width:76px; text-align:center; line-height:40px;}
	a h1:hover{color:#000;}

	.article_list{margin-left:100px;}
	.article_list li{width:auto; float:none; text-align:left; color:#fdefad;}
	.article_list li a{color:#fdefad; line-height:28px; font-size:14px;}
	.article_list li a:hover{color:#fff; text-decoration:underline;}

	h3{color:#fdefad; font-size:20px; margin-bottom:10px; text-align:left;}
	
	#footer{line-height:50px; color:#fdefad;}
	#footer a{color:#fdefad;}

	.menu{display:none; width:150px; height:600px; position:fixed; left:50%; margin-left:510px; top:192px; z-index:1111; background:url(./images/menu.jpg) 0 0 no-repeat;}
	/* *html,*html body{background-image:url(about:blank);background-attachment:fixed}*/
	*html .menu{position:absolute; left:50%; z-index:1111; 
	top:expression(eval(document.documentElement.scrollTop+196))}
	.menu ul{margin-left:30px; margin-top:60px; position:relative;}
	.menu ul li{list-style:none; text-align:left;}
	.menu ul li.top{position:absolute; top:460px;  left:-20px; z-index:1113;}
	.menu ul li a{color:#fdefad; line-height:24px;}
	.menu ul li a:hover{color:#fff;}

	.weibo{max-width:950px; margin:0 auto;}
	.weixin_shu{display:none; position:fixed; right:50%; margin-right:510px; top:192px; z-index:1111;}
	*html .weixin_shu{position:absolute; right:50%; z-index:1111; top:expression(eval(document.documentElement.scrollTop+196))}
	
}