@charset "utf-8";

html {font-size: 62.5%;}
ul,ol,li {margin: 0;border: 0;padding: 0;list-style:none;-webkit-margin-before: 0;-webkit-margin-after: 0;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;border: 0;}
/*所有元素使用box-sizing和background-size*/
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd, input,div,span,img,a,* {margin: 0;border: 0;padding: 0;text-decoration: none; box-shadow: none; text-shadow:none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-margin-before:0;-webkit-margin-after:0;}
.clear {clear:both;font-size:1px;width:100%;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0;}

/***********************************************************************************************************************************/

/*定义html5元素 兼容IE8*/
header, section, footer, aside, nav, main, article, figure {display: block;margin: 0;border: 0;padding: 0;box-shadow: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/*定义所有图片自适应*/
img {max-width: 100%;width: auto;}

/*************************************************************************************************************************************/

body {
	font-size: 15px;
	font-family: "微软雅黑";
}
a,a:visited,.ui-page-theme-a a,
.ui-page-theme-a a:visited {color: #333;}
a:hover, .ui-page-theme-a a:hover {color: #333;}

@media only screen and (max-width: 468px) {
	div.top {
		width: 100%;
		height: 223px;
		background:url(jn-mob-007.png) repeat-x;
	}
	div.top_logo {
		width: 250px;
		height: 55px;
		margin: 0 auto;
		padding-top: 12px;
	}
	div.nav {
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	div.nav ul li {
		float: left;
		width: 33.33%;
		font-size: 16px;
		min-height: 36px;
		line-height: 36px;
		text-align: center;
	}
}
@media only screen and (min-width: 469px) and (max-width: 768px) {
	div.top {
		width: 100%;
		height: 190px;
		background:url(jn-mob-007.png) repeat-x;
	}
	div.top_logo {
		width: 250px;
		height: 55px;
		margin: 0 auto;
		padding-top: 12px;
	}
	div.nav {
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	div.nav ul li {
		float: left;
		width: 25%;
		font-size: 16px;
		min-height: 36px;
		line-height: 36px;
		text-align: center;
	}
}
@media only screen and (min-width: 769px) {
	div.top {
		width: 100%;
		height: 190px;
		background:url(jn-mob-007.png) repeat-x;
	}
	div.top_logo {
		width: 250px;
		height: 55px;
		margin: 0 auto;
		padding-top: 12px;
	}
	div.nav {
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
	div.nav ul li {
		float: left;
		width: 16.6667%;
		min-height: 36px;
		font-size: 16px;
		font-weight: bold;
		line-height: 36px;
		text-align: center;
	}
}
div.nav ul li a,
div.nav ul li a:visited {
	color: white;
}
div.nav ul li a:hover {
	color: white;
}
div.figure {
	width: 100%;
	min-height: 185px;
}
div.content {
	padding: 10px;
	background: #e4e5e4;
}
div.section1 {
	padding: 10px;
	background: white;
	margin-top: 10px;
}
div.section1 h1 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
}
div.section1 h1 span {
	float: left;
	color: #0062c5;
	font-weight: bold;
}
div.section1 h1 a {
	float: right;
	color: #999 !important;
	font-size: 15px;
}
div.section1 ul li {
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	overflow: hidden;
}
div.section1 ul li a,
div.section1 ul li a:visited {
	color: #333;
	font-weight: normal;
}
div.section1 span {
	color: #666;
}
div.section2 {
	margin-top: 10px;
	padding: 10px;
	background: white;
	overflow: hidden;
}
div.section2 h1 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
}
div.section2 h1 span {
	color: #0062c5;
	font-weight: bold;
}
div.section2 h1 a {
	color: #999 !important;
	font-size: 15px;
}
@media only screen and (max-width: 768px) {
	div.section2 ul li {
		float: left;
		width: 39%;
		height: 112px;
		line-height: 30px;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
		font-weight: normal;
	}
}
@media only screen and (min-width: 769px) {
	div.section2 ul li {
		float: left;
		width: 19%;
		height: 112px;
		line-height: 30px;
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
		font-weight: normal;
	}
}
div.section2 ul li a {
	color: #333;
	font-weight: normal;
}
div.section2 ul li div {
	width: 100%;
	height: 82px;
	line-height: 82px;
	text-align: center;
	background-color: #e8edfc;
	border: 1px solid #7ba8e6;
}
div.section2 ul li div img {
	width: 45px;
	height: 45px;
}

div.work_pic {
	width: 100%;
	height: 87px;
	line-height: 87px;
	text-align: center;
	background: #0062c5;
	margin-top: 10px;
	border-radius:3px;
}
div.work_pic a,
div.work_pic a:visited {
	color: white;
	font-weight: bold;
}
div.work_pic img {
	margin-right: 30px;
}
div.seach_pic {
	width: 100%;
	height: 87px;
	line-height: 87px;
	text-align: center;
	background: #0062c5;
	margin-top: 10px;
	border-radius:3px;
}
div.seach_pic a,
div.seach_pic a:visited {
	color: white;
	font-weight: bold;
}
div.seach_pic img {
	margin-right: 26px;
}
div.interview {
	width: 100%;
	padding: 10px;
	background: white;
	overflow: hidden;
}
div.interview h1 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
}
div.interview h1 span {
	float: left;
	color: #0062c5;
	font-weight: bold;
}
div.interview img {
	float: left;
	max-width: 100%;
	width: auto;
}
div.interview_tab {
	float: left;
	width: 285px;
	font-size: 15px;
	line-height: 30px;
}
@media only screen and (max-width: 637px) {
	div.interview_tab {
		float: left;
		width: 285px;
		font-size: 15px;
		line-height: 30px;
		margin-top: 10px;
	}
}
@media only screen and (min-width: 638px) {
	div.interview_tab {
		float: left;
		width: 285px;
		font-size: 15px;
		line-height: 30px;
		margin-left: 10px;
	}
}
div.footer {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 15px;
	color: white;
	text-align: center;
	background: #a1a2a1;
}