/*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:url(../images/bg.jpg) center top repeat-x #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:26px; font-weight:normal; color:#fff; background:url(../images/icon.gif) 0 -46px no-repeat;}
.more:hover { color:#f00; 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_top { height:84px; background:url(../images/head_bg.jpg) no-repeat;}
.header_top img { float:left; margin:10px 50px 10px 0px;}
.header_top .header_r { float:right; text-align:right; line-height:44px;color:#444;}
.header_top .header_r a { padding-right:18px;}
/*-----菜单样式-----*/
#nav { height:35px; background:url(../images/nav_bg.jpg) 0 0 repeat-x; margin-bottom:8px;}
#nav ul li {width: 99px; line-height:35px; float: left;background:url(../images/nav_line.jpg) right top no-repeat;}
#nav ul li a {display: block; text-align:center; font-weight:bold; font-size:13px; color:#fff}
#nav ul li a:hover, .hover{background:url(../images/nav_bg2.jpg) center top no-repeat;}
/*-----信息样式-----*/
.text_list {width:100%; margin-bottom:10px; clear:both}
.text_list h2 { height:28px; padding:5px 5px 0 5px; font-size:12px; color:#333; overflow:hidden;}
.text_list h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.text_list ul li { padding:0px 3px;line-height:2; }
.text_list img { margin-bottom:5px;}
.right_cent {width:100%; height:231px; overflow:auto; zoom:1; margin-bottom:10px; clear:both; background:url(../images/right_title.jpg) no-repeat; }
.right_cent ul li { padding:95px 10px 0 10px;line-height:1.8;}
/*-----文章列表样式-----*/
.news_list {width:100%; margin-bottom:10px;}
.news_list h2 { height:28px; line-height:23px; padding:5px 5px 0 5px;font-size:12px;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 3px;}
.news_list ul li { background:url(../images/ico.gif) 5px 50% no-repeat; text-indent:13px; border-bottom:1px #ccc dashed; line-height:2.5; clear:both}
.news_list ul li span { float:right; color:#666;}

/*-----文章浏览样式-----*/
.news_view {width:100%;overflow:auto; 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 dl dd img{ max-width: 100%;}
.news_view ul li { margin:0px 10px;line-height:1.8; border-top:1px #ccc dashed;}
/*-----图片、产品、案例 列表样式-----*/
/*横向列表*/

.pic_listx {width:100%; margin-bottom:10px; clear:both}
.pic_listx h2 { height:28px; padding:5px 5px 0 5px; font-size:12px;color:#333; overflow:hidden;}
.pic_listx h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.pic_listx ul { padding-left:5px;padding-bottom:10px; overflow:auto; zoom:1;}
.pic_listx ul li { width:24%; height:180px; margin:10px auto; text-align:center; float:left;  line-height:21px; overflow:hidden}
.pic_listx ul li div {
	width:160px;
	height:160px; border:#3a9ce2 1px solid;
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	margin:0px 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:160px;width:160px;
	}

.index_pic {width:100%; margin-bottom:10px; clear:both}
.index_pic h2 { height:28px; padding:5px 5px 0 5px; font-size:12px;color:#333; overflow:hidden;}
.index_pic h2 span { display:block; height:25px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.index_pic ul { padding-left:5px;padding-bottom:10px; overflow:auto; zoom:1;}

/*横向列表*/
.picture {width:100%; margin-bottom:10px; clear:both}
.picture ul { padding-left:5px;padding-bottom:10px; overflow:auto; zoom:1;}
.picture ul li { width:180px; height:180px; margin:10px 2px 0 2px; text-align:center; float:left;  line-height:21px; overflow:hidden}
.picture ul li div {width:178px;height:160px;border:1px solid #b8def7;position:relative;display:table-cell;text-align:center;vertical-align:middle; }
.picture ul li div a {position:static;+position:absolute;top:50%;}
.picture ul li div a img {width:178px; margin:0px auto;+position:relative;top:-50%;left:-50%; }
.picture ul li div alt { font-weight:bold}

/*竖向浏览*/
.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 { line-height:2.5; font-size:16px; text-align:center;font-family:"微软雅黑", "宋体", "Verdana", "Arial";}
.pic_viewy h3 img {max-width:750px;width:expression( this.scrollWidth > 749 ? "750" : "auto");margin:10px;}
.pic_viewy ul li {margin:0px 10px;line-height:1.8; border-top:1px #ccc dashed; }

/*-----左分类列表样式-----*/
.left_list {width:100%;border:1px #ccc solid; border-top:none; overflow:auto; zoom:1; margin-bottom:10px;}
.left_list h2 { height:26px; line-height:26px; padding:0px 5px 0 20px;font-size:12px; background:url(../images/sub_bg1.jpg) no-repeat; color:#333; overflow:hidden;}
.left_list h2 span { display:block; color:#fff; height:23px; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.left_list ul { padding:0px}
.left_list ul li {background:url(../images/ico.gif) 10px 50% no-repeat;text-indent:30px; border-bottom:1px #ccc dashed; line-height:2.5; clear:both}
.left_list ul li a {display:block}
.left_list ul li a:hover {background:url(../images/ico.gif) 10px 50% no-repeat #ddd;}
.left_list ul li .hover {background:url(../images/ico.gif) 10px 50% no-repeat #ddd;}
.left_text {width:100%;border:1px #ccc solid; border-top:none; overflow:auto; zoom:1; margin-bottom:10px;}
.left_text h2 { height:26px; line-height:26px; padding:0px 5px 0 20px;font-size:12px; background:url(../images/sub_bg2.jpg) no-repeat; color:#333; overflow:hidden;}
.left_text h2 span { display:block; height:25px; color:#fff; background:url(../images/icon.gif) 0 -0px no-repeat; padding-left:15px;}
.left_text ul li { padding:0px 5px;line-height:2; }
.left_text img { margin-bottom:5px;}
.vice {width:100%; overflow:auto; zoom:1; margin-bottom:10px; background:url(../images/icot.gif) 0 -0px no-repeat;}
.vice h2 { height:26px; line-height:26px; border-bottom:1px #ccc solid; font-size:12px; color:#333; overflow:hidden;}
.vice h2 span { display:block; width:100px; height:26px; color:#fff; text-align:center;}
.vice ul li { padding:0px 3px;line-height:2; }
/*-----底部版权样式-----*/
#footer dl { background:url(../images/down_bg.jpg) repeat-x;}
#footer dl dt { padding-top:10px; height:28px; line-height:28px;}
#footer dl dd { padding:5px 0; color:#666; line-height:2;}
/* --------------------框架样式定义-------------------- */
/*区域样式 area Style*/
#header { width:990px; margin:0px auto;}
#nav { width:990px; margin:0px auto; margin-bottom:10px;}
#banner {width:990px; margin:0px auto;} 
#area { width:990px; height:470px; margin:0px auto; margin-bottom:10px; padding-top:10px; display:block; clear:both; background:url(../images/main_bg.jpg) repeat-x; }
#area .area_l { width:706px; float:left;}
#area .area_r { width:262px; float:right;}
#area .area_l .l_a { width:100%; clear:both;}
#area .area_l .l_a  .l_l { width:309px; float:left}
#area .area_l .l_a  .l_r { width:365px; float:right}
#footer { width:990px; margin:0px auto; text-align:center; overflow:auto; zoom:1;}
#vicearea { width:990px; min-height:470px ;height:auto; margin:0px auto; margin-bottom:10px; padding-top:10px; display:block; clear:both; }
#vicearea .area_l { width:200px; float:left;}
#vicearea .area_r { width:780px; float:right;}