﻿.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; height:300px;}
.ban-contact{ background:url(../images/ban-contact.jpg) center top no-repeat; height:300px;}
.ban-feedback{ background:url(../images/ban-feedback.jpg) center top no-repeat; height:300px;}
.ban-news{ background:url(../images/ban-news.jpg) center top no-repeat; height:300px;}
.ban-service{ background:url(../images/ban-service.jpg) center top no-repeat; height:300px;}
.ban-job{ background:url(../images/ban-job.jpg) center top no-repeat; height:300px;}
.ban-product{ background:url(../images/ban-product.jpg) center top no-repeat; height:300px;}




#n_main_box{ min-height:200px; padding:0px 0 10px;   }
.main_box{ width:1200px; margin:0 auto;}
#n_main_box .main_box{ position:relative;  }
#n_nav_bar{  position:relative; border:1px solid #dde0e4; border-top:none; background:#f2f3f4;}
.position{ position:absolute; right:0; top: 0px; z-index: 9; line-height:48px; color:#a8abb1; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a,.position i{ font-size:12px; color:#a8abb1;}
.position em{ font-size:12px; color:#033E80; font-style:normal;}
.position a:hover{ color:#033E80;}



#n_nav{ position:relative; }
#n_nav .main_box{  }
#n_nav a{ display:block; min-width:100px; position:relative;height:55px; float:left;  line-height:55px; padding:0 20px; text-align:center; color:#666; }
#n_nav a span { display:block;  height:0px; position:absolute; z-index:2; bottom:0px; left:-1px; width:100%; background:#033E80;}
#n_nav a strong{ display:block; color:#4a4a4b; position:relative; z-index:4; font-size:16px; font-weight:normal; } 
#n_nav a:hover{ color:#4f9431;  }
#n_nav a:hover span{ height:55px; }
#n_nav a:hover strong{ color:#fff;}
#n_nav .on{ color:#4f9431; }
#n_nav .on span{  height:55px;}
#n_nav .on strong{  color:#fff;}

#n_nav *,.n_news li:hover{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 


.main_box2{ width:1200px; margin:0 auto; margin-top:50px;}

.about p{font-size: 14px;color: #666;line-height: 30px;text-align: justify;}


.nav-list {height: 44px;text-align: center;}

.nav-list a {
	font-size: 15px;
    color: #333;
    min-width: 90px;
	padding: 0 30px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #e7e7e7;
    display: inline-table;
    margin: 0 4px;
}
.nav-list a:hover {
    color: #fff;
    background: #033E80;
    -webkit-transition: all 0.5s;transition: all 0.5s;
}
.nav-list .on {
    color: #fff;
    background: #033E80;
    -webkit-transition: all 0.5s;transition: all 0.5s;
}




/*==============公司新闻====================*/

.n_news ul{ margin:0 -15px;}
.n_news li{ display:block; float:left; margin:0 15px; padding:15px; width:555px; background:#f4f4f4; margin-bottom:30px;color:#666666;}
.n_news li .fl a{ display:block;}
.n_news li .fl img{ width:125px; height:95px;}
.n_news li .fl img:hover{ box-shadow:0px 5px 5px #888; filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.n_news li .fr{ width:415px; overflow:hidden;}
.n_news li .fr h1 { font-size:16px; line-height:40px; font-weight:bold;}
.n_news li .fr h1 a:hover{ color:#EE8303;}
.n_news li .fr p{ font-size:14px;  line-height:22px; margin-top:5px; height:45px; overflow:hidden;}
.n_news .fl{ padding:0 30px; float:left;}
.n_news .fl strong{ font-size:40px; color:#959494; display:block; text-align:center; font-weight:normal;}
.n_news .fl span{ font-size:18px; color:#c7c7c7; display:block; text-align:center; margin-top:5px;}
.n_news li:hover{ background:#033E80; color:#fff;}


/*==============新闻详情====================*/
.n_newsxq .ar_title { text-align:center; padding-bottom:30px; border-bottom:1px solid #e7e6e6; margin-bottom:30px;}
.n_newsxq .ar_title h1{ font-size:24px; color:#555; font-weight:500;}
.n_newsxq .ar_title p{ color:#b8b7b7; font-size:12px; margin-top:10px;}

.news_detail {}
.news_detail p {font-size: 14px;line-height: 24px;color: #666;padding-top: 6px;}

.xq_fot{ border-top:1px solid #e7e6e6;border-bottom:1px solid #e7e6e6; margin:40px 0 20px 0;}
.xq_fot h1 a{ line-height:50px; font-size:14px; color:#6d6c6c; font-weight:normal;}
.xq_fot h1 span{ line-height:50px; font-size:12px; color:#6d6c6c;}
.xq_fot a:hover{ color:#033E80; text-decoration:underline;}
.share{ float:right;}



.cpxq{ margin-top:40px;}
.cpxq h1{ font-size:24px; color:#666; padding-bottom:20px; margin-bottom:20px; background:url(../images/xian.jpg) no-repeat center bottom;}
.cpxq p{ }

/*==============招聘====================*/
.faq-box {
	position: relative;
	margin-bottom: 25px;
}
.faq-box .faq-top {
	height: 50px;
	padding-left: 19px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	background-color: #f5f5f5;
	background-image: url(../images/icon-dd4.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	cursor: pointer;
}
.faq-top span {
	display: block;
	width: 90%;
	padding-left: 12px;
	background: url(../images/sj.png) no-repeat left center;
	float: left;
}
.faq-box .faq-block {
	padding-top: 12px;
	background: url(../images/icon-dd5.png) no-repeat 19px top;
	margin-top: 20px;
	display: none;
}
.faq-block .faq-con {
	padding: 25px;
	color: #666666;
	line-height: 30px;
	background-color: #f5f5f5;
	position: relative;
	font-size:14px;
}
.faq-block .faq-con p{ font-size:14px;}
.faq-box .faq-top.cur {
	background-color: #033E80;
	color: #fff;
	background-image: url(../images/icon-dd4-2.png);
	background-repeat: no-repeat;
	background-position: 98% center;
}

/******************留言样式************************/
.message {
	width: 1140px;
	margin-left:30px;
}
.message h3 {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

.message li {
	list-style-type: none;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	float: left;
	text-align: right;
	margin-top: 10px;
	width: 50px;
}
.message .txt_wb {
	width: 540px;
	text-align: left;
}
.message .txt_wb2 {
	width: 540px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

.message .box {
	height: 32px;
	width: 540px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}

.message .box2 {
	width: 1140px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}