@charset "utf-8";
/*this css by rwun design, contact QQ:120965825 */
@charset "utf-8";
/* --------------------全局样式定义-------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
*{ margin:0; padding:0;}
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body{ color:#000; background:#FFF; font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋体; margin:0px auto;text-align:left;} 
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li{ list-style:none;}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{ border:none; display:block;}
/* 定义默认的链接样式 */
a {text-decoration:none; color:#333333; cursor:pointer;} a:hover{ color:#ff0000;}
/* 定义默认的文本域,下拉菜单，按钮样式 */
TEXTAREA ,select, INPUT {font-size:12px;OVERFLOW: auto}
/* 去掉按钮边框 */
button{margin:0;padding:0;border:0;cursor:pointer;}
/* 定义浮动及清除浮动样式 */
.fl { float:left;}
.fr{ float:right;}
.overflow{overflow:auto;zoom:1; _overflow:visible}
.clear { clear:both;}
.t_c { text-align:center;}

/* --------------------通用样式定义-------------------- */
/*更多*/
.more { float:right; padding-left:13px; font-size:12px; line-height:18px; font-weight:normal; color:#db8d3b; background:url(../images/icon.gif) 0 -46px no-repeat;}
.more:hover { color:#cb6d0a; background:url(../images/icon.gif) 0 -96px no-repeat;}
/*路径*/
.path { float:right; padding-left:13px; font-size:12px; line-height:18px; font-weight:normal; color:#333;}
/*分页*/
.page {clear:both; font-size:12px; line-height:18px; padding:5px; text-align:center; border-top:1px #eee solid}
.page input { width:20px;  height:16px;}

/*-----头部样式-----*/
.header_l { width:200px; height:146px; float:left}
.header_l img { float:left; margin:24px 0px 10px 15px; display:inline;}
.header_r { width:780px; float:right; text-align:right; line-height:30px;color:#333;}
.header_r .search {height:79px; display:block}
.header_r .search ul li { float:right; margin-top:4px; margin-right:5px;}
.header_r .search ul li a { display:inline; }
.header_r .search ul li .inp { margin-top:10px; width:150px; height:19px; background:url(images/search-bg.jpg) no-repeat; border:none;overflow:hidden}
.header_r .search ul li .btn {margin-top:10px; width:25px; height:19px; background:url(images/search.jpg) no-repeat; border:none; cursor:pointer; text-indent:-999em;}

#nav {float:left; color:#0e5857; font-size:12px; font-weight:normal; padding-top:5px; overflow:hidden;}
#nav ul li { float:left; font-size:14px; font-weight:bold; margin:0 2px; display:inline; overflow:hidden;}
#nav ul li a { float:left; display:block; height:26px; line-height:26px; display:inline; color:#000; padding-left:17px; overflow:hidden;}
#nav ul li a span { float:left; display:block; padding-right:17px;}
#nav ul li a:hover { background:url(images/nav.jpg) 0 0 no-repeat; color:#fff;}
#nav ul li a:hover span  { background:url(images/nav.jpg) right 0 no-repeat; cursor:pointer;}
.nav_on { background:url(images/nav.jpg) 0 0 no-repeat; color:#fff;}
.nav_on span { background:url(images/nav.jpg) right 0 no-repeat; color:#fff;}
#menu_con{text-align:center;clear:both;}
#menu_con ul li{float:left; font-size:12px; font-weight:normal; margin-top:7px; _margin-top:3px;}
#menu_con ul li a{color:#0e5a57; background:none;}
#menu_con ul li a:hover{text-decoration:none;background:none; color:#333;}

/*-----信息样式-----*/
.text_list {width:100%; background:url(images/sub-bg.jpg) repeat-x; overflow:auto; zoom:1; margin-bottom:10px;clear:both}
.text_list h1 { height:15px; padding:6px 5px 11px 61px; overflow:hidden;}
.text_list h2 { height:15px; padding:0 5px 16px 43px; overflow:hidden;}
.text_list h3 { padding-left:37px; overflow:hidden;}
.text_list ul li { padding-left:20px; padding-bottom:5px; line-height:23px; color:#fff; font-family:宋体; font-size:12px;}

.text {width:100%; overflow:auto; zoom:1; margin-bottom:10px; clear:both}
.text h1 { padding-left:2px;overflow:hidden;}
.text h2 {padding:7px 0 9px 0; overflow:hidden;}
.text h3 { float:left; padding-right:10px;}
.text ul li { padding:0 7px; line-height:23px; color:#333; }

.text_sub {width:100%; background:url(images/cont-bg.jpg) repeat-x; overflow:auto; zoom:1; margin-bottom:10px; clear:both}
.text_sub h2 { height:15px; padding:12px 0 18px 14px; overflow:hidden;}
.text_sub h3 { padding-left:37px; overflow:hidden;}
.text_sub ul li { padding-left:20px; padding-bottom:5px; line-height:23px; color:#fff; font-family:宋体; font-size:12px;}


/*-----文章列表样式-----*/
.news_list {width:100%;border:1px #ccc solid; overflow:auto; zoom:1; margin-bottom:10px;}
.news_list h2 { height:25px; line-height:23px; padding:5px 5px 0 5px;font-size:12px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; color:#333; overflow:hidden;}
.news_list h2 span { display:block; height:23px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.news_list ul { padding:0px 5px;}
.news_list ul li { background:url(../images/icon.gif) 0 -300px no-repeat; padding-left:13px; border-bottom:1px #ccc dashed; line-height:2.5; clear:both}
.news_list ul li span { float:right; color:#666; padding-right:5px;}
/*列表+文字描述*/
.news_list ul li font { display:block; line-height:1.5; border-top:1px #eee solid; font-size:12px; font-weight:normal; color:#666;  margin-right:5px; padding-bottom:10px; padding-left:-10px;}
/*头部图片新闻+列表*/
.news_list dl img { float:left; padding:10px; background:#fff;}
.news_list dl dt { margin-right:10px; line-height:24px; border-bottom:1px #ccc dashed}
.news_list dl dt span { float:right}
.news_list dl dd { padding-left:10px; line-height:18px; font-size:12px; color:#666}
/*头部标题新闻+列表*/
.news_top { border-bottom:1px dotted #ccc;}
.news_top h1 { font-size:18px; line-height:2; text-align:center; font-family:"microsoft yahei"; color:#333;}
.news_top p { color:#999; padding:5px;}	

/*-----文章浏览样式-----*/
.news_view {width:100%; zoom:1; margin-bottom:10px; clear:both}
.news_view h2 { height:25px; padding:5px 5px 0 5px; font-size:12px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; color:#333; display:block; overflow:hidden;}
.news_view h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.news_view dl { width:98%; margin:0px auto;}
.news_view dl h1 {font-family:"微软雅黑", "宋体", "Verdana", "Arial"; font-size:18px; line-height:3; text-align:center;}
.news_view dl dt {border-bottom:1px #cccccc dashed; border-top:1px #cccccc dashed; text-align:center; color:#666666; line-height:40px;}
.news_view dl dd{line-height:2; clear:both; text-align:left; margin-bottom:10px;}
.news_view ul li { margin:0px 10px;line-height:1.8; border-top:1px #ccc dashed;}
/*-----分类列表样式-----*/
.left_list {width:100%; overflow:auto; zoom:1; margin-bottom:10px;}
.left_list h2 { overflow:hidden;}
.left_list ul { border-left:1px #ccc solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;}
.left_list ul li { text-align:center; line-height:2.5; clear:both; padding-bottom:8px;}
.left_list ul li a { height:27px; display:block;}
.left_list ul li a:hover { background:#0e5a57; color:#fff;}
.left_list ul li .hover { background:#0e5a57; color:#fff;}
.left_list ul li span { float:right; color:#666; padding-right:3px;}
.left_list ul li font { display:block; line-height:1.5; border-top:1px #eee solid; font-size:12px; font-weight:normal; color:#666;  margin-right:5px; padding-bottom:10px; padding-left:-10px;}
/*-----图片、产品、案例 列表样式-----*/
/*横向列表*/
.pic_listx{width:100%;margin-bottom:10px;clear:both;}
.pic_listx h2{overflow:hidden; padding-top:10px;padding-bottom:10px;}
.pic_listx ul{ padding-left:0px;padding-bottom:10px; overflow:auto; zoom:1;}
.pic_listx ul li{width:24.9%;float:left;}
.pic_listx ul li div{width:160px;height:160px;border:1px solid #0e5857;position:relative;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;margin:0 auto;}
.pic_listx ul li div p{position:static;+position:absolute;top:50%;}
.pic_listx ul li img{position:static;+position:relative;top:-50%;left:-50%;display:inline;max-width:160px;max-height:140px;width:160px;}
.pic_listx ul li span{width:160px;display:block;margin:0 auto;text-align:center;}
/*竖向列表*/
.pic_listy {width:100%; border:1px #ccc solid; overflow:auto; zoom:1; margin-bottom:10px; clear:both}
.pic_listy h2 { height:25px; padding:5px 5px 0 5px; font-size:12px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; color:#333; overflow:hidden;}
.pic_listy h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.pic_listy ul { padding:0px 5px; overflow:auto; zoom:1;}
.pic_listy ul li { width:100%; height:160px; margin-top:10px; float:left; border-bottom:1px #ccc dashed; text-align:left; line-height:18px; overflow:hidden}
.pic_listy ul li a {display:block;}
.pic_listy dl {width:98%; height:170px; margin:0px auto; border-bottom:1px #ccc dashed; text-align:left; line-height:18px; overflow:hidden;}
.pic_listy dl img { float:left; padding:10px; background:#fff;}
.pic_listy dl dt {margin-left:10px; line-height:24px; font-weight:bold; border-bottom:1px #ccc dashed}
.pic_listy dl dd {padding-left:10px; line-height:18px; font-size:12px;}
/*-----图片、产品、案例 浏览 pic view-----*/
/*横向浏览*/
.pic_viewx {width:100%;border:1px #ccc solid; overflow:auto; zoom:1; margin-bottom:10px; clear:both}
.pic_viewx h2 { height:25px; padding:5px 5px 0 5px; font-size:12px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; color:#333; overflow:hidden;}
.pic_viewx h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.pic_viewx ul li { margin:0px 10px;line-height:1.8; clear:both; border-top:1px #ccc dashed;}
.pic_viewx dl {width:98%; margin:0px auto; text-align:left; line-height:18px; }
.pic_viewx dl img { width:300px; float:left; padding:10px; background:#fff;}
.pic_viewx dl dt {line-height:2.5; font-size:16px; font-weight:bold;font-family:"微软雅黑", "宋体", "Verdana", "Arial"; border-bottom:1px #ccc dashed}
.pic_viewx dl dd {line-height:18px; font-size:12px;}
/*竖向浏览*/
.pic_viewy {width:100%;overflow: hidden; margin-bottom:10px; clear:both}
.pic_viewy h2 { height:25px; padding:5px 5px 0 5px; font-size:12px; background:#f1f1f1; border-bottom:1px solid #dbdbdb; color:#333; overflow:hidden;}
.pic_viewy h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.pic_viewy h3 { margin:1px 10px; line-height:2.5; font-size:16px; text-align:center;font-family:"微软雅黑", "宋体", "Verdana", "Arial";border-top:1px #ccc solid;border-bottom:1px #ccc solid;}
.pic_viewy h1 img {max-width:400px;width:expression( this.scrollWidth > 399 ? "400" : "auto");margin:10px auto; border:1px #0e5857 solid}
.pic_viewy ul li {margin:0px 10px;line-height:1.8; border-bottom:1px #ccc dashed; }

/*-----底部版权样式-----*/
#footer dl dt {padding-top:11px; height:28px; line-height:28px; color:#000;}
#footer dl dt a { color:#000; }
#footer dl dd { padding:8px 0; color:#666; line-height:2;}
/* --------------------框架样式定义-------------------- */
/*区域样式 area Style*/
#header { width:988px; height:146px; margin:0px auto; background:url(images/head-bg.jpg) repeat-x; margin-bottom:2px;}
#banner {width:988px; margin:0px auto; margin-bottom:10px; margin-bottom:25px;} 
#area { width:988px; margin:0px auto; margin-bottom:17px; display:block; clear:both; }
#area .area_l { width:214px; float:left; }
#area .area_r { width:752px; float:right;}
#area .area_r .r_a { width:100%; clear:both; }
#area .area_r .r_a  .r_l { width:510px; float:left}
#area .area_r .r_a  .r_r { width:227px; float:right}
#footer { width:988px; margin:0px auto; text-align:center; clear:both; height:72px; background: url(images/footter-bg.jpg) repeat-x; }

.main {width:745px;overflow:auto; zoom:1; margin-bottom:10px;clear:both}