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


.main_box {width: 1200px; margin:auto; padding-top:30px; padding-bottom:40px;}
.position{ line-height:30px; color:#0185e9; float:right; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position span,.position a, .position i{ font-size:12px; color:#b0b0b0; }
.position em{ font-size:12px; color:#27307e; font-style:normal;}
.position a:hover{ color:#27307e;}

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



/*=================产品=================*/
.pro_left { width:220px; float:left; border:1px solid #e9e9ec; background: #F7F7F9;}
.pro_title{ height:60px; padding-left:74px; padding-top:30px; background:url(../images/icon_sub_nav.png) 25px 35px no-repeat #27307e;}
.pro_title strong{ display:block;color:#fff;  font-size:18px; }
.pro_title span{ display:block; color:#ccc; display:block; font-size:12px;text-transform:uppercase; } 
.pro_list{ background:#f7f7f9; padding: 15px 0 0px 0;}
.pro_list a{ display:block; margin-top:1px; height:44px;  background:url(../images/bg_sub_li.png) center bottom no-repeat; }
.pro_list a strong{ padding:0 35px; margin:0 auto; display:block; position:relative; font-size:14px;   color:#444444; line-height:44px; height:44px; overflow:hidden;}
.pro_list a:hover{ background:url(../images/yd2.png) left bottom  no-repeat; color:#fff;}
.pro_list a:hover strong{  color:#fff;}
.pro_list .on {  background:url(../images/yd2.png) left bottom  no-repeat; color:#fff;}
.pro_list .on strong{  color:#fff;}

.lx{ background:#fff; margin:20px; padding:12px;box-shadow: 0px 0 30px rgba(0,0,0,0.1); border:1px solid #e9e9ec; }
.lx h1{ font-size:24px; padding-bottom:6px;color:#27307e; }
.lx p{ font-size:18px;font-family: Arial Black; color:#333; }


.pro_right{ width:935px; float:right;}
.s_title{  margin-bottom: 20px; background:url(../images/xian.jpg) no-repeat bottom; padding-bottom:15px;}
.s_title h1{ display:block; color:#3353537;}
.s_title span{  font-size:12px; display:block; color:#999; text-transform:uppercase; }
.s_title strong{ font-size:20px;  color:#353537; display:block; font-weight:bold;}
#s_pro_list ul{ margin:-4px; }
#s_pro_list li{ float:left; position:relative;  width:220px;  overflow:hidden; display:block; margin:0 6px 20px 6px;border:1px solid #d3d3d3; }
#s_pro_list li a{ display:block;    overflow:hidden;}
#s_pro_list li img{ width:220px; height:220px; display:block;    background:#fff;}
#s_pro_list li:hover img{ transform:scale(1.1);}
#s_pro_list li h1{  display:block; line-height:48px; text-align:center;  font-size:14px; color:#636363;background : #f7f7f9; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#s_pro_list li:hover h1{  color:#fff; background : #0185E9; }


/*首页放大效果*/
.team_list{ margin-top:20px;}
.team_list ul{ margin-left:-5px;}
.team_list ul li { float:left; width:300px; height:280px; margin:8px 5px 60px 5px;border:1px solid #E5E5E5;}
.team_list_title { position:absolute; z-index:1;  width:300px; margin-top:150px;  text-align:center; background:#999; height:180px;}
.team_list_title h4 { font-size:18px;  font-weight:bold; padding:12px 0; }
.team_list_title p{ font-size:12px; padding: 0 8px; max-height:150px; overflow:hidden;}
.team_list img {width: 300px;height:150px;}

.team_list ul li:hover .team_list_title { background:#27307e; }
.team_list * { transition:all 0.5s;}
.team_list li { float:left; width:300px;   color:#fff; text-align:center; }
.team_list li>a { position:relative; display:block; width:300px; height:150px; overflow:hidden; }
.team_list li:hover { background-color:#0c91e4; color:#fff;}
.team_list li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }



.cpxq-img{ width:400px; float:left; border:1px solid #eee;}
.cpxq-wz{ width:500px; float:right; padding-top:30px;}
.cpxq-wz h1{ font-size:20px; padding-bottom:10px;}
.cpxq-wz p{ font-size:14px; color:#666; line-height:24px;}

.cpxq-ms{ margin-top:20px;}
.cpxq-ms p{font-size:14px; color:#666; line-height:24px;}

/******************新闻样式************************/
.news {padding-bottom: 10px;}
.news ul {height: 38px;margin-right: 8px;padding-left: 12px;background: url(../images/xsj.jpg) no-repeat 1px;border-bottom: 1px dotted #dbdbdb;}
.news li {font-size: 12px;color: #999999;list-style-type: none;float: left;line-height: 38px;height: 38px;}
.news_wz {width: 830px;}
.news_wz a {color: #666666;text-decoration: none;font-size: 14px;}
.news_wz a:hover {color: #27307e;text-decoration: underline;}




/*新闻内页开始*/
.news-tit{text-align:center;font-size:18px;color: #333;padding-top: 20px;font-weight: bold;}
.news-tit span{ text-align:center;  display:block; line-height:25px;}
.news_detail {padding-top: 15px;}
.news_detail p {font-size: 14px;line-height: 24px;color: #434343;padding-top: 6px;}

.pages{line-height:30px;border-top:1px dotted #ccc;margin-top:25px;padding-top:12px;font-size:14px;color:#666666;margin-right: 12px;} 
.pages a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; color:#666666; }
.pages a:hover{text-decoration:none;border:1px solid #27307e;color:#fff; background-color:#27307e;}




/******************留言样式************************/
.message {
	padding-top: 10px;
    width: 900px; margin-left:10px;

}
.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: 15px;
	width: 50px;
}
.message .txt_wb {
	width: 420px;
	text-align: left;
}
.message .txt_wb2 {
	width: 420px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

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

.message .box2 {
	width: 900px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}
.message h2 {
	height: 40px;
	width: 280px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left:320px;
	margin-top: 12px;
	background-color:#585858;
}
.message h2 a { display:block; color:#FFFFFF;}

.message h2 a:hover {
	background-color: #27307e;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}