@charset "utf-8";
/*css-reset*/
body, h1, h2, h3, h4, p, ul, li, dl, dd, dt {
	margin: 0;
	padding: 0;
	font-family: '微软雅黑';
}
ul li {
	list-style-type: none;
}
dl dd {
	margin: 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
}
input, button {
	border: none;
	background: none;
	outline: none;
}
.e{dede:field.id/}{ color:#0178BC;}
textarea {
	outline: 0;
}
em, i {
	font-style: normal;
}
h1, h2, h3, h4 {
	font-weight: normal;
	font-family: '微软雅黑';
}
body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	min-width: 1002px;
}
/*base-css*/

.wrap {
	min-width:1002px;
	max-width:1200px;
	margin: 0 auto;
}
/*.hide,.popup{ display:none;}*/



.clearfix:after {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
@font-face {
	font-family: HeliosThin;
	src: url(HE_TH.TTF);
}



/*WebKit browsers*/

input::-webkit-input-placeholder {
color:#999;
}

/*Mozilla Firefox 4 to 18*/

input:-moz-placeholder {
color:#999;
}

 /*Mozilla Firefox 19+*/

::-moz-placeholder {
color:#999;
}

/*Internet Explorer 10+*/

:-ms-input-placeholder {
color:#999;
}
/*fliter*/

/*background-color: rgba(0,0,0,.45); background-color:#000 ; opacity:0.45;  -ms-filter:alpha(opacity=45); filter:alpha(opacity=45);*/



/*editor-style*/

.editor-style {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	padding-top: 30px;
}
.editor-style p {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 28px;
	color: #777;
	;
}
/*header*/

.header {
	width: 100%;
	padding-top: 30px;
}
.js-logo {
	width: 260px;
	height: 30px;
	background: url(../imgs/logo.png) no-repeat;
	float: left;
	color: #5d6064;
	text-indent: -100px;
	overflow: hidden;
}
.js-logo a {
	display: block;
	height: 60px;
}
.header ul {
	margin-left: 184px;
	float: left;
}
.header li {
	height: 50px;
	margin-right: 20px;
	padding: 5px 15px;
	float: left;
	position: static;
}
.header li h3 {
	font-size: 16px;
	color: #333;
	line-height: 30px;
}
.header li.active {
	height: 47px;
	border-bottom: 3px solid #0178BC;
}
.header li .active:hover, .header li:hover {
	height: 47px;
	border-bottom: 3px solid #bdbdbd;
}
.nav-drop {
	width: 100%;
	height: 0;
	background-color: #f8f9fb; /*opacity:0;  -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);*/
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 3;
	text-align: center;
	overflow: hidden;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.nav-drop-content {
	display: inline-block;
}
.nav-drop dl {
	float: left;
	margin-right: 0px;
	width: 200px;
	white-space: nowrap;
}
#nav-last-width {
	width: 80px;
	margin-right: 0;
}
.nav-drop dl dt {
	font-size: 16px;
	line-height: 16px;
	color: #70c64e;
	margin-bottom: 36px;
	padding-left: 12px;
	text-align: left;
}
.nav-drop dl dt a {
	font-size: 16px;
	line-height: 16px;
	color: #70c64e;
}
.nav-drop dl dd {
	margin-bottom: 18px;
	text-align: left;
}
.nav-drop dl dd a {
	font-size: 12px;
	line-height: 12px;
	color: #777;
	padding-left: 12px;
}
.sub-nav-active {
	background: url("../imgs/dd-bg.png") left no-repeat;
}
.nav-drop dl dd a:hover {
	color: #666;
	background: url("../imgs/dd-bgh.png") left no-repeat;
}
.header li span:hover {
	cursor: pointer;
}
.header li:hover .nav-drop {
	width: 100%;
	height: auto;
	padding: 40px 0 22px 0;
	border-top: 1px solid #e9e9e9;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s; /* background-color: #f8f9fb; opacity:100;  -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);*/
	overflow: visible;
}
.base-info {
	width: 80px;
	height: 20px;
	padding: 5px 0;
	margin-left: 20px;
	float: right;
}
.login i {
	width: 36px;
	height: 36px;
	margin-right: 12px;
	float: left;
	cursor: pointer;
}
.user {
	background: url(../imgs/user.png) no-repeat;
}
.user-login {
	background: url(../imgs/user-login.png) no-repeat;
}
.login {
	position: relative;
}
.login:hover .login-box {
	display: block;
}
.language {
	padding: 5px 5px;
	margin-top: 8px;
	color: #c8c8c8;
	font-size: 12px;
	line-height: 12px;
	float: left;
	cursor: pointer;
}
/*footer*/
.fowi { max-width:1200px; margin:0px auto; }
.footer {
	width:100%;
	height:180px;
	background-color:#283443;
	position:relative;
}
.wrap14 {
	width:90%;
	margin:0px auto;
	min-width:980px;

	}
.footer-info {
	padding-top:20px;
	height:90px;
}
.footer-info-l {
	float: left;
}
.footer-info-phone {
	float: left;
	margin-right: 36px;
}
.footer-info-phone p {
	font-size:1.2em;
	line-height:20px;
	color: rgba(152,164,169,.4);
	margin-bottom: 4px;
}
.footer-info-phone strong {
	font-size: 22px;
	line-height: 22px;
	color:#eee;
}
.footer-info-links {
	float: left;
}
.footer-info-links ul {
	margin-top: 26px;
}
.footer-info-links li {
	margin-right: 30px;
	float: left;
}
.footer-info-links li a {
	font-size:1.2em;
	line-height:1.2em;
	color: #5e6977;
}
.footer-info-links li a:hover {
	color:#a9aeb4;
}
.footer-info-r {
	float: right;
	padding-top: 20px;
}
.footer-info-weibo {
	float: left;
	padding-top: 20px;
}
.footer-info-weibo a {
	width: 24px;
	height: 21px;
	display: block;
	margin-right: 20px;
	float: left;
}

.footer-info-join {
	float: right;
}
.footer-info-join a {
	width:26px;
	height:26px;
	display: block;
	margin-left:0px;
	float: right;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.join-txt {
	float: right;
	width:70px;
	margin-right: 10px;
	text-align: right;
}
.join-txt span {
	font-size: 13px;
	line-height: 13px;
	color: #5e6977;
	margin-bottom: 8px;
	display: block;
}
.join-txt em {
	font-size: 13px;
	line-height: 13px;
	color: rgba(255,255,255,.3);
	display: block;
}
.copyright {
	height:60px;
	padding-top:20px;
	border-top:1px solid rgba(50,62,76,.6);
}
.copyright p {
	font-size: 12px;
	color: #4d555f;
	float: left;
}
.copyright span {
	color: #707883;
	margin-left: 10px;
}

/*index*/

.f-s1 {
	overflow: hidden;
	height: 610px;
	margin-bottom: 110px;
	position: relative;
}
.slide {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	text-align: center;
}
.slideWrap {
	width: 100%;
	height: 610px;
	margin: 0 auto;
}
.slide .slideWrap ul {
	width: 100%;
}
.slide li {
	position: relative;
	width: 100%;
	height: 610px;
	overflow: hidden;
}
.icon-arr {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	display: block;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	z-index: 2;
}
.s-arr-pre {
	background: url(../imgs/arr-pre.png) no-repeat;
	right: 100px;
}
.s-arr-next {
	background: url(../imgs/arr-next.png) no-repeat;
	left: 100px;
}
.s-arr-pre:hover {
	background: url(../imgs/arr-preh.png) no-repeat;
}
.s-arr-next:hover {
	background: url(../imgs/arr-nexth.png) no-repeat;
}
.f-s2 {
	height: 350px;
	margin-bottom: 100px;
}
.f-s2-p1 {
	padding-top: 20px;
	margin-bottom: 30px;
}
.solution-img {
	width: 600px;
	height: 200px;
	float: left;
}
.solution-info {
	float: left;
	padding-left: 40px;
}
.solution-info h2 {
	font-size: 18px;
	line-height: 18px;
	color: #555;
	margin-bottom: 24px;
}
.solution-info p {
	font-size: 12px;
	line-height: 26px;
	color: #999;
	width: 440px;
	height: 44px;
	margin-bottom: 20px;
}
.solution-info i {
	width: 36px;
	height: 36px;
	display: block;
	background: url("../imgs/arr-more.png");
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.f-s2-p1:hover .solution-info i {
	width: 36px;
	height: 36px;
	display: block;
	background: url("../imgs/arr-preh01.png");
}
.f-s2-p2 {
	height: 100px;
}
.solutions {
	float: left;
	width: 490px;
	height: 68px;
	background-color: #f8f9fb;
	border-bottom: 1px solid #ebf1f5;
	border-top: 1px solid #ebf1f5;
	padding: 30px 50px 0 60px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.solutions-l {
	float: left;
}
.solutions h3 {
	font-size: 18px;
	line-height: 18px;
	color: #626262;
	margin-bottom: 6px;
}
.solutions p {
	font-size: 13px;
	line-height: 13px;
	color: #cccbcb;
}
.solutions span {
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	float: right;
	margin-top: 6px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.solutions i {
	width: 10px;
	height: 6px;
	display: inline-block;
	background: url("../imgs/arr-more3.png");
	margin-top: 11px;
}
.solutions span:hover {
	background: url("../imgs/arr-bg.png");
}
.solution-active {
	background-color: #0178BC;
	border-bottom: 1px solid #0178BC;
	border-top: 1px solid #0178BC;
}
.solution-active h3, .solution-active p {
	color: #fff;
}
.solutions:hover {
	background-color: #0178BC;
	border-bottom: 1px solid #0178BC;
	border-top: 1px solid #0178BC;
}
.solutions:hover h3, .solutions:hover p {
	color: #fff;
}
.solution-active span, .solutions:hover span {
	background: url("../imgs/arr-bg.png");
}
.f-s3 {
	margin-top: 100px;
	height: 500px;
}
.f-s3-head {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #eaf0f4;
}
.f-s3-box {
	position: relative;
}
.f-s3-box h2 {
	height: 45px;
	font-size: 20px;
	line-height: 20px;
	color: #5e5e5e;
	border-bottom: 1px solid #abb4bb;
	display: inline-block;
}
.f-s3-box span {
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	color: #cac9c9;
	margin-left: 8px;
}
.f-s3-box a {
	position: absolute;
	top: 16px;
	right: 0;
	color: #858585;
	font-size: 13px;
	line-height: 13px;
	width: 42px;
	display: block;
}
.f-s3-box a i {
	width: 6px;
	height: 10px;
	display: inline-block;
	background: url(../imgs/arr-more2.png) no-repeat;
	margin-left: 10px;
}
.list-news {
	margin-top: 60px;
}
.list-news ul {
	margin-right: -60px;
}
.list-news ul li {
	width: 360px;
	height: 300px;
	float: left;
	margin-right: 60px;
}
.list-news ul li:last-child {
	margin-right: 0;
}
.item-mask {
	width: 360px;
	height: 110px;
	overflow: hidden;
}
.list-news ul li img {
	width: 360px;
	height: 110px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.list-news ul li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.news-info {
	margin-top: 38px;
}
.news-info-l {
	float: left;
	width: 60px;
	height: 80px;
	border-right: 1px solid #eaf0f4;
}
.date {
	font-size: 14px;
	line-height: 14px;
	color: #949494;
	height: 14px;
	display: inline-block;
}
.year {
	font-size: 12px;
	line-height: 12px;
	color: #cac9c9;
	height: 12px;
	display: inline-block;
	margin-top: 8px;
}
.news-info-r {
	float: left;
	margin-left: 24px;
	width: 274px;
}
.news-info-r h3 {
	font-size: 16px;
	line-height: 16px;
	color: #2b2b2b;
	height: 16px;
	display: inline-block;
}
.news-info-r p {
	height: 42px;
	font-size: 12px;
	line-height: 24px;
	color: #939393;
	margin-top: 24px;
}
.icon-news-more {
	width: 36px;
	height: 36px;
	display: block;
	background: url(../imgs/arr-more.png) no-repeat;
	margin-top: 30px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.list-news ul li:hover .icon-news-more {
	background: url(../imgs/arr-preh01.png) no-repeat;
}
.join {
	width: 100%;
	height: 110px;
	background-color: #f2f4f8;
}
.side-nav {
	width: 290px;
	float: left;
	border-left: 1px solid #ebf1f5;
	margin-left: 9px;
}
.side-nav-list {
	padding-top: 60px;
}
.side-nav-list li {
	height: 34px;
	margin-bottom: 40px;
	padding-left: 30px;
	position: relative;
}
.side-nav-list li h2 {
	font-size: 15px;
	line-height: 15px;
	color: #555;
	margin-bottom: 8px;
}
.side-nav-list li h3 {
	font-size: 12px;
	line-height: 12px;
	color: #999;
}
.side-nav-list li span {
	width: 5px;
	height: 34px;
	background-color: #0178BC;
	display: none;
	position: absolute;
	top: 0;
	left: -3px;
}
.side-nav-list li:hover span {
	display: block;
}
/*project*/
.f-project-s1 {
	width: 100%;
	height: 280px;
	margin: 0 auto;
	overflow: hidden;
	overflow-x: hidden;
	background-color: #3671cf;
	position: relative;
}
.f-project-s2 {
	margin-top: 50px;
}
.project-s2-p1 {
	overflow: hidden;
}
.public-description-content {
	width: 864px;
	padding: 50px 42px 40px 64px;
	background-color: #eef2f5;
	float: left;
}
.public-description-content h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 26px;
}
.public-description-content p {
	font-size: 13px;
	line-height: 28px;
	color: #666;
}
.public-description-title {
	width: 230px;
	height: 218px;
	background-color: #0178BC;
	float: right;
	color: #fff;
	text-align: center;
}
.public-description-title h2 {
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	margin: 86px 0 9px 0;
}
.public-description-title h3 {
	font-size: 12px;
}
.project-s2-p2 {
	margin-top: 50px;
	border-top: 1px solid #ebf1f5;
	overflow: hidden;
}
.project-s2-p2 ul {
	margin-right: -2px;
}
.project-s2-p2 ul li {
	height: 242px;
	width: 600px;
	float: left;
	border-bottom: 1px solid #ebf1f5;
	border-right: 1px solid #ebf1f5
}
.project-s2-p2 ul li:nth-child(even) {
	border-right: 0;
}
.project-model {
	float: left;
	position: relative;
	width: 600px;
	height: 242px;
}
.project-model-l {
	position: absolute;
	top: 0;
	left: 0;
}
.project-model-img {
	width: 290px;
	height: 242px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.project-model-l img {
	vertical-align: middle;
}
.project-model-r {
	margin-left: 290px;
}
.project-model-r dl {
	padding-top: 40px;
}
.project-model-r dt {
	margin-bottom: 24px;
}
.project-model-r dt h3 {
	font-size: 20px;
	color: #333;
	line-height: 20px;
	margin-bottom: 6px;
}
.project-model-r dt span {
	font-size: 12px;
	color: #d0d0d0;
	line-height: 12px;
}
.project-model-r dd {
	height: 19px;
	margin-bottom: 14px;
}
.project-model-r dd p {
	font-size: 13px;
	color: #666;
	line-height: 19px;
	display: inline-block;
	float: left;
}
.project-model-r dd i {
	width: 19px;
	height: 19px;
	display: none;
	background: url(../imgs/arr-p1.png) no-repeat;
	margin-left: 10px;
}
.project-model:hover {
	background-color: #eef2f5;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.project-model-r dd:hover i {
	display: inline-block;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.project-s2-p3 {
	margin: 50px 0 68px 0;
	height: 172px;
	background-color: #eef2f5;
	border: 1px solid #dce4ea;
}
.project-case-img {
	float: left;
	margin: 22px 26px 0 400px;
}
.project-case-info {
	float: left;
	margin-top: 44px;
}
.project-case-info h3 {
	padding-left: 18px;
	font-size: 20px;
	color: #333;
	line-height: 20px;
	margin-bottom: 8px;
}
.project-case-info span {
	padding-left: 14px;
	display: inline-block;
	font-size: 12px;
	color: #999;
	line-height: 12px;
	margin-bottom: 20px;
}
.project-case-info a {
	width: 117px;
	height: 22px;
	display: block;
	text-align: center;
	color: #fff;
	padding-top: 8px;
	background: url(../imgs/btn-p1.png);
}
/*projectpost*/
.f-projectpost-s2 {
	height: auto;
}
.projectpost-content {
	position: relative;
	height: auto;
}
.projectpost-aside {
	width: 210px;
	height: 100%;
	margin-left: 9px;
	border-left: 1px solid #ebf1f5;
	position: absolute;
	top: 0;
	left: 0;
}
.menu-list {
	padding-top: 35px;
}
.hover-line {
	width: 5px;
	height: 55px;
	display: none;
	background-color: #0178BC;
	position: absolute;
	top: 0;
	left: -3px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	z-index: 1;
}
.active-line {
	width: 5px;
	height: 55px;
	display: block;
	background-color: #0178BC;
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 1;
}
.menu-head {
	width: 175px;
	margin-bottom: 1px;
	padding-left: 32px;
	font-size: 16px;
	line-height: 55px;
	color: #444;
	background-color: #eef2f5;
	cursor: pointer;
	position: relative;
}
.menu-head a {
	color: #444;
}

.menu-head2 {
	width: 175px;
	margin-bottom: 1px;
	padding-left: 32px;
	font-size: 16px;
	line-height: 55px;
	color: #444;
	background-color: #F1F4F8;
	cursor: pointer;
	position: relative;
}
.menu-head2 a {
	color: #444;
}

.menu-body {
	display: none;
}
.menu-body a {
	font-size: 13px;
	line-height: 13px;
	padding: 16px 10px 14px 32px;
	color: #555;
	display: block;
}
.menu-head:hover span {
	display: block;
}
.menu-body a:hover {
	color: #000;
}
.projectpost-main {
	margin-left: 290px;
	height: auto;
	padding-bottom: 40px;
}
.projectpost-main h2 {
	font-size: 22px;
	line-height: 92px;
	color: #444;
	text-align: center;
	border-bottom: 1px solid #ebf1f5;
}
.projectpost-main-content {
	padding: 30px 0;
	overflow: hidden;
}
.projectpost-main-case {
	margin: 50px 0 40px 0;
}
.projectpost-case-head {
	margin-bottom: 34px;
	position: relative;
}
.projectpost-case-head h3 {
	font-size: 22px;
	color: #555;
	line-height: 22px;
	margin-bottom: 10px;
}
.projectpost-case-head span {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #999;
}
.projectpst-case-head i {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
}
.btn-prior {
	background: url(../imgs/p-c1.png) no-repeat;
	right: 50px;
}
.btn-next {
	background: url(../imgs/p-c2.png) no-repeat;
	right: 0;
}
.btn-prior:hover {
	background: url(../imgs/p-c1h.png) no-repeat;
}
.btn-next:hover {
	background: url(../imgs/p-c2h.png) no-repeat;
}
.projectpost-main-case ul li {
	width: 290px;
	overflow: hidden;
	margin-right: 16px;
	float: left;
}
.projectpost-main-case ul li:last-child {
	margin-right: 0;
}
.btn-next:hover {
	background: url(../imgs/p-c2h.png) no-repeat;
}
.projectpost-main-case li img {
	width: 290px;
	height: 170px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.img-mask {
	width: 290px;
	height: 170px;
	overflow: hidden;
}
.projectpost-main-case li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.2);
}
.projectpost-main-case li p {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 52px;
}
/*case*/
.project-case-list {
	margin-top: 6px;
}
.project-case-list ul {
	margin-right: -15px;
}
.project-case-list ul li {
	width: 290px;
	float: left;
	margin: 0 15px 50px 0;
}
.project-case-model {
	display: block;
}
.case-list-img {
	width: 290px;
	height: 170px;
	overflow: hidden;
}
.project-case-model img {
	width: 290px;
	height: 170px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.project-case-list ul li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.project-case-model p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: center;
}
/*about*/
.f-about-s1 {
	width:100%;
	height:250px;
	margin:0 auto;
	background-color:#3671cf;
}
.about-banner123123 {
	position: absolute;
	width:1800px;
	height:250px;
	margin:0 auto;
	overflow:hidden;
	left:50%;
	margin-left:-960px;
	background-color:#3671cf;
}
.about-banner {
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(about_banner.jpg) no-repeat center bottom;
}
.guanyu-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(guanyu_banner.jpg) no-repeat center bottom;
}
.news-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(news_banner.jpg) no-repeat center bottom;
}
.dangjian-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(dangjian_banner.jpg) no-repeat center bottom;
}
.yewu-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(yewu_banner.jpg) no-repeat center bottom;
}
.zhaopin-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(zhaopin_banner.jpg) no-repeat center bottom;
}
.contact-banner{
	max-width:100%;
	height:250px;
	margin:0 auto;
	background:url(contact_banner.jpg) no-repeat center bottom;
}


.f-about-s2 {
	height:auto;
	max-width:1200px;
	min-width:1002px;
	margin:0px auto;
	position:relative;
}
.about-content {
	padding-top:35px;
	position:relative;
	height:auto;
}
.about-aside {
	min-width:200px;
	height:100%;
	margin-left:9px;
	border-left:1px solid #ebf1f5;
	position:absolute;
	top:0;
	left:0;
}
.menu-list {
	padding-top: 35px;
}
.hover-line {
	width: 5px;
	height: 55px;
	display: none;
	background-color: #0178BC;
	position: absolute;
	top: 0;
	left: -3px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	transition: 0.25s;
	z-index: 1;
}
.active-line {
	width: 5px;
	height: 55px;
	display: block;
	background-color: #0178BC;
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 1;
}
.menu-head {
	width: 175px;
	margin-bottom: 1px;
	padding-left: 32px;
	font-size: 16px;
	line-height: 55px;
	color: #444;
	background-color: #eef2f5;
	cursor: pointer;
	position: relative;
}
.menu-head:hover span {
	display: block;
}
.menu-body a:hover {
	color: #000;
}
.about-main {
	margin-left:240px;
	height:auto;
	min-height:600px;
	padding-bottom: 40px;
	overflow: hidden;
}
.zp_list { width:840px; margin:0px auto;}
.jishu-main {
	height:auto;
	padding-bottom:40px;
	overflow: hidden;
	max-width:1200px;
	min-width:1002px;
}
.jishu-main img {
	height:auto;
	padding-bottom:40px;
	overflow: hidden;
	width:100%;
}
.jishu-main {
	height:auto;
	padding-bottom:40px;
	overflow: hidden;
	width:100%;
}
.about-head-title {
	font-size:2em;
	line-height:24px;
	color: #444;
	margin-top: 8px;
	padding-bottom:22px;
	border-bottom:1px solid #e1e4ec;
}
.about-head-title a:hover {
	line-height:24px;
	color:#004DA1;
	
}
.place {
	font-size:12px;
	line-height:24px;
	margin-top: 8px;
	padding-bottom:22px;
	color:#333;
	float:right;
	}
.about-introduction { margin-top:45px;}
.about-introduction p {
	font-size:14px;
	line-height: 28px;
	color: #777;
	margin-top: 24px;
	margin-left:60px;
	width:840px;
}
.about-introduction-common p { margin:10px 0px;}
.zhaopin-introduction { margin-top:45px;}
.zhaopin-introduction p {
	font-size:14px;
	line-height: 28px;
	color: #777;
	margin-top: 24px;
	width:840px;
	
}
.about-introduction-list {
	border-top: 1px dashed #e1e4ec;
	margin:30px 60px;
}
.about-introduction-list li {
	border-bottom: 1px dashed #e1e4ec;
	padding:40px 0;
	position: relative;
}
.about-introduction-list li img {
	position:absolute;
	top:30px;
	left:20px;
}
.about-introduction-content {
	margin-left: 198px;
	overflow: hidden;
}
.about-introduction-content h3 {
	font-size: 18px;
	line-height: 18px;
	color: #333;
	margin-bottom: 20px;
}
.about-history ul {
	margin-top: 26px;
}
.about-history li {
	border-top: 1px dashed #e1e4ec;
	font-size: 14px;
	line-height: 60px;
	color: #777;
	position: relative;
}
.a-list-bg {
	background-color: #f6f7fa;
}
.about-history i {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	top: 25px;
	left:139px;
	background: url(../imgs/a-2i1.png) no-repeat;
}
.about-history-year {
	width: 145px;
	font-size: 14px;
	line-height: 56px;
	color: #333;
	padding: 0 20px 0 24px;
	margin-right: 20px;
	border-right: 1px solid #e1e4ec;
	float: left;
	font-family: '微软雅黑';
}
.about-history-year1 {
	width:145px;
	font-size:14px;
	line-height: 56px;
	color: #333;
	padding: 0 20px 0 24px;
	margin-right: 20px;
	border-right: 1px solid #e1e4ec;
	float: left;
	font-family:'微软雅黑';
}
.about-history-year span {
	font-size: 14px;
	font-family: '微软雅黑';
}
.about-history li p {
	width: 760px;
	display: block;
	line-height: 21px;
	height: 50px;
	padding-top: 10px;
}
.a-border-fn {
	margin-top: 30px;
	height: 30px;
	line-height: 0;
}
.a-border-ln {
	height: 30px;
	line-height: 54px;
}
/*新闻*/
.fl{ float:left;display:inline}
.fr{ float:left; display:inline; margin-left:15px;}
.News_list{ margin:50px 50px 20px 50px; width:100%; min-height:500px; overflow:hidden;}
.News_list li{width:100%; border-bottom:1px dashed #d4d4d4; padding-bottom:20px; margin-bottom:35px; overflow:hidden;}
.News_li_left,.News_li_left dt,.News_li_left dd{width:57px; overflow:hidden;}
.News_li_left dt{height:40px; line-height:40px; text-align:center; background:#f4f4f4; color:#575757; margin-bottom:2px; font-size:30px;}
.News_li_left dd{color:#666; height:20px; line-height:20px; text-align:center; background:#f4f4f4; font-size:12px;}
.News_li_Right,.News_li_Right dt,.News_li_Right dd{width:650px; overflow:hidden;}
.News_li_Right dt{color:#000; font-size:14px; margin-bottom:8px;}
.News_li_Right dd{color:#666; line-height:1.5;}
.News_li_Right dt a{color:#000;}
.News_li_Right dd a{color:#666;}
.News_li_Right dt a:hover,.News_li_Right dd a:hover{color:#FF2626;}
.neirong { width:100%; min-height:0px; font-size:1.2em; margin:15px auto 0px auto; padding:0px; font-size:14px; color:#555; text-align:left;}
.neirong p { margin:0px 0px 15px 0px; padding:0px; font-size:1.2em;}
.neirong h2 { width:100%; font-size:1.5em; padding-bottom:15px; text-align:center; border-bottom:#c1c1c1 1px dotted; margin-bottom:20px;}
.info { font-size:11px; color:#AFAFAF; margin:15px;}
.wenzhang { font-size:14px; line-height:22px; font-family:"微软雅黑"; color:#2E2E2E;}
/*招聘*/
.iitem ul li{ height:40px; width:100%;border-bottom:#c1c1c1 1px dotted; float:left; overflow:hidden}
.iitem ul li a{ height:30px; width:100%; line-height:30px; display:block; color:#5a5a5a; background:#fff; margin-top:5px; text-indent:20px;-webkit-transition:all ease-out .2s;transition:all linear .1s}
.iitem ul li a:hover,.iitem ul li.active a,.iitem3 ul li.active a{ background:#f60; color:#fff}.iitem4 ul li a:hover,.iitem2 ul li a:hover,.iitem1 ul li a:hover{color:#f60; background:none;}
.iitem3{ margin-right:40px}
.iitem3 ul li{ border-bottom:none; height:auto; margin-bottom:5px}
.iitem3 ul li div{ display:none;word-wrap:break-word;}
.iitem3 ul li div p{word-wrap:break-word;}
.iitem3 ul li a span,#cbhead span.cb-s2{ display:inline-block;background-image:url(../imgs/jtr2.png); width:20px; height:20px; position:relative; top:6px; right:5px;}
.iitem3 ul li a{ background:#f4f4f4; text-indent:10px}
.iitem3 ul li a:hover,.iitem3 ul li.active a{ background:#ababab;}
.iitem3 ul li a:hover span{background-image:url(../imgs/jtr.png);}
.iitem3 ul li.active span,.iitem3 ul li.active a:hover span{background-image:url(../imgs/jtx.png);}
.iitem3 ul li div{ line-height:24px; padding:20px 0; font-size:12px; height:142px; overflow:hidden;}
.iitem3 ul li.active div{ display:block}
#iitemmore2{ padding-top:0; margin-right:0; width:100%;}
#iitemmore2 ul{ margin-top:2px; width:100%}
#iitemmore2 ul li a{ margin-top:0}
#iitemmore2 ul li{ height:auto; width:100%; margin-bottom:10px; width:100%}
#iitemmore2 ul li div{ height:auto; padding:20px;}
#iitemmore2 ul li a{height:50px; line-height:50px; font-size:14px; color:#4c4c4c; text-indent:20px;width:100%; overflow:hidden}
#iitemmore2 ul li a:hover,#iitemmore2 ul li.active a{background:#f4f4f4;}
#iitemmore2 ul li a span{ background:none}
#iitemmore2 .newsdate{ height:50px; line-height:50px; color:#717171; font-size:12px; top:0; left:0;width:100px;}
#iitemmore2 .newcc{height:50px;top:0; background:url(../imgs/njd.png); width:55px; float:right;}
#iitemmore2 li.active .newcc{background:url(../imgs/nju.png);}
/*产品列表*/
.listbox{
	width:100%;
	margin:2% 0px;
	overflow:hidden;
	float:left;
	clear:both;
	overflow:hidden;
}

.e2{
	min-width:750px;
	max-width:915px;
	width:100%;
	margin:0px auto;
	min-height:400px;
	
}
.e2 li{
	width:272px;
	overflow:hidden;
	float:left;
	padding:0px;
	color:#aaa;
	margin-left:30px;
	margin-bottom:5%;
	background-color:#F3F3F3;
	border-bottom:2px solid #0178BC;
	height:215px;
}
.e2 li a.preview{
	width:100%;
	float:left;
	display:inline;
	padding:5px;
}
.e2 li a.preview img{
	width:260px;
	height:150px;
	display:block;
}
.e2 li a.preview:hover img{
}
.e2 p { margin:0px; padding:0px; text-indent:0px;}
.e2 li a.title{
	overflow:hidden;
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
	padding-left:5px;
	color:#333;
	text-align:left;
}
.e2 span.info{
	display:block;
	line-height:24px;
	color:#555;
}
.e2 span.info small{
	color:#AAA;
	font-size:12px;
	margin-left:3px;
}
.e2 span.info a{
	color:#690;
}
.e2 p.intro{
	color:#666;
	line-height:24px;
	margin:10px;
}
/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
/*返回顶部*/
#footer .cpr {
    font-family: 'Microsoft YaHei';
}
#footer .gotop {
    display: inline-block;
    margin-left: 8px;
    padding-left: 22px;
    height: 16px;
    line-height: 16px;
    background: url('go_top.jpg') no-repeat left center;
}
#returnTop {
    position: fixed;
    z-index:20;
    display: block;
    right: 20px;
    bottom: 20px;
    width: 74px;
    height: 74px;
    background: url('go_top.jpg') no-repeat center;

    opacity: 0.2;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media screen and (max-width: 1440px) {
    #returnTop {
        width: 60px;
        height: 60px;
    }
}
#returnTop:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
}
#rocket-to-top {
    background: url("go_top.jpg") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    bottom: 20px;
    width: 149px;
    z-index:30;
}
#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 149px;
}
#rocket-to-top .level-2 {
    background: url("go_top.jpg") no-repeat scroll -149px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 10;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 20;
}