
/* 公共样式
========================================================================= */


/* 初始化样式
========================================================================= */
body, div,p,form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea,th, td,button,iframe { margin:0; padding:0; }
body{font-size:12px;color:#666;text-align:center;word-break:break-all; background:url(/images/public/bg_top.gif) repeat-x;}
h1, h2, h3, h4, h5, h6,th, td,button,select,input,textarea,font{font-size:12px;}
table{ border-collapse:collapse;}
img,input,button,select{ vertical-align:middle;  }
button{ cursor:pointer}
iframe,img { border:0; }
li { list-style:none; }
html,body{ height:100%; width:100%}
a{ color:#666; text-decoration:none}
a:hover { color:#0066B3; text-decoration:underline; }


/* 清除浮动样式
========================================================================= */
.clearfix:after,.container:after,.column:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix,.container,.column{display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix,* html .container,* html .column{height: 1%;} 
.clearfix,.container,.column{display: block;}
/* End hide from IE-mac */ 
.clearFloat, .clear{ display:block; clear:both; height:0; font-size:1px; line-height:0; }
.borderLine { border-bottom:1px solid #D9D9D9; }

/* 布局样式 
========================================================================== */
.container{ width:950px; margin-left:auto; margin-right:auto;text-align:left; clear:both; }
.mainBox{ background:url(/images/public/bg_mb.gif) repeat-y 200px 0}
.mainContent{ width:745px; float: right;border-right:1px solid #E3E3E3;overflow:hidden }
.sidebar{ width:200px; padding-top:29px; float:left; background:url(/images/public/bg_sidebar.gif) no-repeat;}
.column{ clear:both;}
.icon_img{ margin-left:4px;_margin:6px 0 6px 4px;}

/* 浮动和隐藏样式
========================================================================== */
.hide{ display:none}
.fl{ float:left}
.fr{ float:right} 
.fn { font-style:normal; }

/* 颜色样式
========================================================================== */
.red,a.red,a.red:hover{ color:#EC0000}



/* 头部样式
========================================================================== */
.header{ height:110px; margin-bottom:1px;}
.mainNav{ height:40px;}
.top{ height:70px; overflow:hidden}
.top .logo{ float:left; width:420px; padding-left:20px}
.top .logo .logo1{ float:left; margin-top:8px;}
.top .logo .logo2{ float:left; margin-top:36px;}
.top .topRight{ float:right; width:500px;text-align:right;}


.miniNav{ padding-top:11px; }
.miniNav li{ display:inline; padding:0 3px 0 13px;}
.miniNav li img{ margin:-2px 3px 0 0}
.search{ padding-top:23px;}
.search input{ margin:0}
.search .input{ width:247px; padding:0 10px; margin-right:3px; height:20px; line-height:20px; vertical-align:middle;  border:none; background:url(/images/public/search_input.gif) no-repeat; color:#ccc}


/* 底部样式
========================================================================== */
.footer{ height:111px; clear:both; padding:15px 24px 0; margin-top:10px; background:url(/images/public/bg_footer.png) no-repeat; line-height:18px;}


/* 左侧区域样式
========================================================================== */
.s_tit{ height:30px; line-height:30px; padding:0 24px; background:#094A93; border-top:1px solid #84A8D0; border-left:1px solid #FFB200; font-size:14px; font-weight:bold; color:#fff;}

.menu{ margin-top:7px;}
.menu li{ height:28px; padding:0 25px; border-bottom:1px solid #E3E3E3; line-height:28px; background:url(/images/public/icon_05.gif) 12px 9px no-repeat;}
.sidebar p{margin-top:12px; text-align:center}



/* 二级菜单
========================================================================== */
.subNav{ height:26px; padding-top:14px;overflow:hidden; background:url(/images/public/subLine.gif) repeat-x 0 bottom; line-height:25px;}
.subNav strong{ padding:0 58px 0 35px; background:url(/images/public/subNavtit.gif) no-repeat 15px 10px; font-size:14px; color:#0D459A; border-bottom:1px solid #0C406F;}
.subNav ol{ margin-right:5px;}
.subNav ol li{ display:inline; color:#666}


/* 文章样式
========================================================================== */
.content{ padding:20px; line-height:24px; }
.art_tit{ color:#0D459A; font-weight:bold;}
.line{ height:18px;background:url(/images/public/bg_line.gif) repeat-x 0 7px;}
.tit2{text-align:center;}
.tit2 strong{color:#0a51a1; font-size:15px;}
.tit3{font-weight:bold;color:#0a51a1;font-size:12px;}
/* 选项卡
========================================================================== */
.tabMenu{ padding-left:15px; height:27px; overflow:hidden;background:url(/images/public/bg_tabmenubox.gif) no-repeat}
.tabMenu li{ float:left; width:92px; height:27px; overflow:hidden;background:url(/images/public/bg_tabmenu_d.gif) no-repeat; text-align:center; color:#727272; cursor:pointer}
.tabMenu li.on { background:url(/images/public/bg_tabmenu_o.gif) no-repeat; font-weight:bold; line-height:28px; cursor:text}
.tabMenu li.on a{color:#0a51a1;}
.tabConBox{ padding:15px 15px 30px;}


/* 列表样式
========================================================================== */
.newsList li{ height:24px; padding-left:13px; line-height:24px; overflow:hidden; border-bottom:1px dashed #DFDFE0; background:url(/images/public/icon_dota.gif) no-repeat 3px 10px; }

/* 产品展示图片列表
========================================================================= */
.piclist ul {margin-left:20px;_margin-left:0px;}
.piclist ul li{ float:left;width:30%;text-align:center;margin-bottom:10px}
.piclist ul li .pic{ display:block; height:140px; width:160px;line-height:26px; padding:3px;border:#E4E3E3 1px solid;overflow:hidden;}
.piclist ul li .txt{ display:block; width:160px;line-height:26px; padding:3px;overflow:hidden}

/* 产品展示详细
====================================================== */
.demo{ margin-bottom:12px;}
.tab_pic{ float:left; width:271px; height:180px;padding:10px; overflow:hidden; border:#ddd 1px solid;text-align:center}
.info{ width:560px;}
.info strong{ display:block; height:30px; margin-bottom:10px; line-height:30px;background:url(/images/public/bg_2x2_line.gif) repeat-x 0 bottom; font-size:14px; color:#0d459a}
.info p{ line-height:18px;}
.tab01{width:100%;}
.tab01 tr td{ padding:3px 12px; border:1px solid #D5DDE6; line-height:18px;}
.tab01 thead tr td { color:#0d459a;font-weight:bold;}

/* 网站地图
====================================================== */
.map{width:200px;float:left; margin:10px 7px 5px 7px;}
.map_tit{ height:20px; line-height:20px; padding:0 24px;border-bottom:1px solid #84A8D0; font-size:12px; font-weight:bold; color:#0d459a;}
.map_menu{ margin-top:2px;}
.map_menu li{ height:28px; padding:0 20px; border-bottom:1px solid #e3e3e3; line-height:28px; background:url(/images/products/site_icon_01.gif) 10px 10px no-repeat;}

/* 分页
========================================================================== */
.pageturn{ padding-top:20px;  text-align:center}
.pageturn span{ display:inline-block;height:15px; margin:2px;padding:2px 5px;border:1px solid #c5cfd2;line-height:15px;}
.pageturn span.tag{padding:2px 0; border:1px solid #fff}








