﻿@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;font-size:14px; font-family:Arial,Helvetica, sans-serif,"宋体";}
table{border-collapse:collapse;}
a img{border:0px;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
ul,li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{text-decoration:none; color:#000;}/*outline:none;*/
a:hover{ text-decoration:underline;}
/****resetend***/

/*公共样式部分*/
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
.clearfix { _zoom:1;}


/*通用样式部分*/
body{ background:url(../images/bg.jpg) repeat-x top center ;}
.top{ width:980px; height:120px; margin:0 auto; position:relative;}
.top .logo{ position:absolute; top:10px; left:0;}
.top .tel{ width:300px; height:50px; background:url(../images/tel.png); position:absolute; right:0; bottom:10px;}

.menu{ width:980px; height:50px; line-height:50px; margin:0 auto; z-index:10000; padding:0;}
.menu ul{ padding:0 5px; z-index:10000; margin:0;}
.menu ul li{ position:relative; display:block; float:left;  z-index:10000; border-right:1px solid #177e62;}
.menu ul li.last{ background:none; padding:0; z-index:10000; border:0;}
.menu ul li a{ color:#fff; font-weight:bold; font-size:14px; display:block; width:109px; text-align:center; z-index:10000; margin:0 5px;}
.menu ul li a:hover{ text-decoration:none; z-index:10000; color:#135241; background:url(../images/menu-arr.gif) bottom center no-repeat #fff;}
.menu ul li dl{ display:none; position:absolute; top:45px; padding-top:5px; width:119px; padding-bottom:10px; z-index:10000;}
.menu ul li dl dd{ padding:0; display:block; line-height:25px; z-index:10000;}
.menu ul li dl dd a{ font-size:12px; display:block; height:25px; padding-bottom:2px; line-height:25px; background:url(../images/menu_bg.png) repeat-x; color:#333; z-index:10000; overflow:hidden;}
.menu ul li dl dd a:hover{ background:#018adb; color:#fff; z-index:10000; background:url(../images/menu_bg1.png) repeat-x;}


.banner{ width:980px; height:528px; padding:0 20px; margin:0 auto; overflow:hidden;}

.wrapper{ width:980px; margin:0 auto 0; overflow:hidden;}
.index_news{ float:left; width:240px; height:190px; background:url(../images/index_border.gif) top right no-repeat; padding-right:20px;}
.index_news .title{ height:26px; line-height:26px; border-bottom:1px solid #036caf;}
.index_news .title ul{}
.index_news .title ul li{ float:left; cursor:pointer; font-size:12px; color:#333; display:block; width:80px; background:url(../images/tab_li.gif); text-align:center;}
.index_news .title ul li.sd01{ background:url(../images/tab_li_now.gif) no-repeat;}
.index_news .title ul li.sd01 span{ color:#fff; font-weight: bold;}

.index_news .con{ height:163px; border-top:none; }
.index_news .con ul{ padding:5px 0 0;}
.index_news .con ul li{ display:block; height:25px; background:url(../images/index_news_ico.gif) 2px 10px no-repeat; padding-left:15px; line-height:25px; border-bottom:1px dotted #ccc;}
.index_news .con ul li a{ color:#000; float:left;}
.index_news .con ul li span{ color:#000; float:right;}
.index_news .con ul li a:hover{ color:#039;}
#cc02,#cc03{ display:none;}

.index_pro{float:left; width:447px; height:190px; margin:0 10px;background:url(../images/index_border.gif) top right no-repeat; padding-right:20px;}
.index_pro .title{ height:31px; line-height:31px;}
.index_pro .title ul{ display:block; height:31px;}
.index_pro .title ul li{ cursor:pointer; display:block; float:left; width:149px; color:#333; background:url(../images/tab2.gif) right no-repeat; text-align:center;}
#m01{ background:url(../images/tab2.gif) left;}
.index_pro .title ul li.sd01{ background:url(../images/tab_li_now2.gif) !important;}
.index_pro .title ul li.sd01 span{ color:#fff; font-weight:bold;}
#c02,#c03{ display:none;}
.index_pro .con{ height:151px; border-top:none;}
#sy{ width:447px; height:130px; overflow:hidden; margin:0 auto; padding-top:15px;}
#sy ul{ width:500px;}
#sy ul li{ display:block; width:100px; height:130px; float:left; margin-right:15px;}
#sy ul li img{ border:1px solid #ddd; padding:2px; width:94px; height:94px;}
#sy ul li span{ display:block; height:25px; line-height:25px; text-align:center;}

.indexright{ width:233px; height:190px; float:left;}


.foot{ width:760px; height:66px; margin:0 auto; border-top:0px solid #ddd; background:url(../images/logo1.png) left top no-repeat; padding-left:220px; padding-top:10px; margin-top:15px; line-height:22px; 
color:#5C5C5C; padding-bottom:20px; }
.foot a{ color:#5C5C5C;}


.sideBox{ width:185px; float:left;}
.sideBox .hd{ background:url(../images/l_hd.gif) repeat-x left top; height:52px; line-height:51px; border:1px solid #e5e5e5; border-bottom:0;}
.sideBox .hd strong{ font-size:18px; font-family:"microsoft Yahei","黑体"; color:#FFF; margin-left:20px; font-weight:normal;}
.sideBox .bd{ background:#efefef;border:1px solid #e5e5e5; border-width:0 1px;}
.sideBox .bd ul li{ padding-left:20px; line-height:35px; background:url(../images/lineBg.gif) repeat-x left bottom; overflow:hidden;}
.sideBox .bd ul li a{ font-size:14px;}
.sideBox .bd ul li.active a{ color:#0099cc;}
.sideBox .bd ul li.active dl a{ color:#5b5b5b;}
.sideBox .bd ul li a.active{ color:#0099cc;}
.sideBox .bd ul li dl{line-height:22px; overflow:hidden; margin-bottom:5px; width:165px;_width:163px;}
.sideBox .bd ul li dl dt{ background:url(../images/dot.gif) no-repeat left 10px;padding-left:10px;}
.sideBox .bd ul li dl dd{padding-left:10px; float:left; width:60px;}
.sideBox .bd ul li dl a{font-size:12px;}
.sideBox .bt{ background:url(../images/l_bt.gif) no-repeat left top; width:185px; height:149px;}


.mainbox{ float:right; width:780px; background-color:#fff;}
.mainbox .title{ border-bottom:1px solid #000;height:30px; overflow:hidden; margin-bottom:15px;}
.mainbox .title span{ font-size:14px; display:block; font-weight:bold; float:left; padding:0 10px 0 10px; border-bottom:4px solid #000;  line-height:26px; color:#000;}
.mainbox .page_con{ line-height:1.8em; color:#444; font-size: 16px;}

.newsList{ padding:0 10px;}
.newsList dl dt{ background:url(../images/titBg.gif) repeat-x left bottom; height:20px; border:1px solid #d5d5d5; padding:5px 10px 0;}
.newsList dl dt em{ float:right;}
.newsList dl dd{ line-height:30px; height:30px; overflow:hidden; padding:0 10px; background:url(../images/line_dash.gif) repeat-x left bottom;}
.newsList dl dd a{ background:url(../images/dot_sq.gif) no-repeat left center; padding-left:15px;}
.newsList dl dd .span{ float:right;}
.newshd{ padding:20px 0 10px;}
.newshd h1{ font-size:25px;font-family: "Microsoft YaHei","宋体","Verdana";}
.newshd p{ line-height:24px; padding-top:10px;}

.proList{ width:800px;}
.proList li{ display:block; float:left; width:133px; height:140px; border:1px solid #efefef; margin:0 20px 15px 0; background:#fff;}
.proList li img{ width:133px; height:120px; vertical-align:bottom;}
.proList li span{ display:block; height:37px; line-height:28px; padding-left:5px; background:url(../images/overview4.gif) -1px -80px no-repeat;}
.products_view{ padding-bottom:5px; border-bottom:1px dotted #CCC;}

.pro_title{ line-height:24px; text-align:center; font-size:16px; font-weight:bold;}
.pro_img{ height:650px; text-align:center; margin:12px auto;}
.pro_img img{ vertical-align:middle; border:1px solid #ddd;  }





.index_pic{
	width:980px;
	height:105px;
	margin-bottom:10px;
	}
.index_pic ul li{
	float:left;
	display:inline;
	margin-left:1px;
	}


.main_2{
	width:978px;
	margin:10px auto;
	clear:both;
	border:1px solid #145241;
	padding-bottom:10px;
	}

.sy_title{
	height:36px;
	line-height:36px;
	background:url(../images/sy_title.jpg) no-repeat left center;
	font-size:14px; 
	font-weight:bold;
	color:#fff;
	padding-left:45px;
	padding-top:2px;
	}

.sy_pro{
	margin:10px auto;
	padding:0 5px;
	}

.sy_pro ul li{
	float:left;
	width:220px;
	margin:0 10px;
	text-align:center;
	}
.sy_pro ul li .sy_pic{
	width:220px;
	height:220px;
	display:table-cell;
	vertical-align:middle;
	border:1px solid #ccc;
	*display:block;
	}
.sy_pro ul li h2{
	height:30px;
	line-height:30px;
	overflow:hidden;
	}


.img{
	width:980px;
	margin:5px auto;
	overflow:hidden;
	}
.img img{
	width:980px;
	}


.main_3{
	width:980px;
	margin:12px auto;
	}
.main_3 .panel{
	width:315px;
	height:250px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 4px;
	border:1px solid #145241;
	}
.main_3 .panel .sy_news{
	padding:10px 5px;
	}

.main_3 .panel .sy_news ul li{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding-left:15px;
	background:url(../images/dot_sq.gif) no-repeat left center;
	border-bottom:1px dashed #ccc;
	}


.main_3 .panel .sy_news ul li span{
	float:right;
	margin-right:10px;
	}

.main_3 .panel .contact{
	padding:10px 5px;
	line-height:25px;
	
	}

.main_3 .panel .contact h2{
	font-weight:bold;
	font-size:14px;
	}

.feedback td{ padding:3px 0;}
.feedback_input{ width:180px; border:  #999 solid 1px;  height:21px; line-height:21px;}
.feedback_textarea{ width:280px; border:  #999 solid 1px; }
.submit_button{ width:45px; height:21px; border:1px solid #999;}



