@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:12px; 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) top center repeat-x #fbfbfb;}
.top{ width:980px; height:120px; margin:0 auto; position:relative;}
.top .logo{ position:absolute; top:10px; left:0;}
.top .tel{ width:300px; height:90px; background:url(../images/tel.jpg); position:absolute; right:0; bottom:10px;}

.menu{ width:980px; height:50px; line-height:50px; border-top:1px solid #f0f0f0; margin:0 auto; z-index:10000;}
.menu ul{ padding:0 5px; z-index:10000;}
.menu ul li{ position:relative; display:block; float:left;  z-index:10000;}
.menu ul li.last{ background:none; padding:0; z-index:10000;}
.menu ul li a{ color:#4d4d4d; font-weight:bold; font-size:14px; display:block; width:119px; text-align:center; z-index:10000;}
.menu ul li a:hover{ text-decoration:none; z-index:10000; color:#018adb; background:url(../images/menu-arr.gif) bottom center no-repeat;}
.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;}
.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:350px; padding:0 20px; margin:0 auto 20px; 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:#333; float:left;}
.index_news .con ul li span{ color:#999; 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:1px solid #ddd; background:url(../images/logo1.jpg) left 10px no-repeat; padding-left:220px; padding-top:10px; margin-top:15px; line-height:22px; color:#666; padding-bottom:10px;}
.foot a{ color:#666;}


.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;}
.mainbox .title{ border-bottom:1px solid #0099cc;height:30px; overflow:hidden; margin-bottom:15px;}
.mainbox .title span{ font-size:14px; display:block; font-weight:bold; float:left; padding:0 30px 0 10px; border-bottom:4px solid #0099cc;  line-height:26px;}
.mainbox .page_con{ line-height:22px; color:#333;}

.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:177px; height:170px; border:1px solid #efefef; margin:0 20px 15px 0; background:#fff;}
.proList li img{ width:177px; height:133px; 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{height:250px; padding-bottom:5px; border-bottom:1px dotted #CCC;}
.products_view .pro_img{border:1px solid #ddd; background:#fff; text-align:center; height:255px; width:300px;  line-height:248px; display:table-cell; vertical-align:middle; *display:block; *font-family:Arial, Helvetica, sans-serif; *font-size:217px; }
.products_view .pro_img img{ max-height:255px; max-width:300px;  vertical-align:middle; }
.products_view .pro_title{ padding-left:20px; float:left; width:350px;}
.products_view .pro_title h3{ background:none; text-indent:0; font-size:16px; font-weight:bold; line-height:22px;}
.products_view .pro_title p{ line-height:20px;}
.products_view .pro_title p span{ font-size:16px; color:#000; font-weight:bold;}
.products_view .pro_title p a{ color:#090;}