@charset "utf-8";
/* CSS Document */

html,body,h1,h2,h3,h4,h5,input,button,form,p,span,a,div,ol,ul,li,table,tbody,tfoot,thead,tr,th,td,canvas{margin:0;padding:0;}
body{width:100%; text-align:center; margin:0 auto; height:auto;font-family: Arial,Helvetica;background:#f6f6f6;font-size:14px;}
table{border-collapse:collapse;border-spacing:0;}
ul, ol{ list-style:none;}
em{ font-style:normal}
a{text-decoration:none;color:#333;}
.cl{ clear:both;}
img{ border:none;}

.header{ max-width:640px; text-align:center; margin:0 auto;}
.top{ float:left;}
.topr{ float:right; padding:5px 0; line-height:20px; font-weight:bold; text-align:left;}
.nav{ clear:both; padding:3px 3px; background-color:#333;}
.nav li{ float:left; padding:0 6px; text-align:center; }
.nav a{ color:#FFF; font-weight:bold; text-transform:uppercase;}

/* banner css */
.banner{ clear:both; position:relative; overflow:hidden; margin:0 auto;  max-width:640px;/* 设置焦点图最大宽度 */ }
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#fff;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; max-width:640px;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.banner .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.mid{ max-width:640px; text-align:center; margin:0 auto;}
.midmenu { padding:5px 0px;}
.midmenu li{ float:left; width:33%;}
.mid .prolist{ text-align:left; width:100%; margin:0 0 36px 0; padding:0;}
.mid .prolist dd{ background-color:#EEEEEE; border:#CCC solid 1px; margin:5px 0; padding:5px 0; text-indent:10px;}

.mid .pro{ text-align:left; width:100%; margin:0 0 36px 0; padding:0;}
.mid .pro dd{ background-color:#EEEEEE; border:#CCC solid 1px; margin:5px 0; padding:5px 0; text-indent:10px;}

.mid .newslist{ text-align:left; width:100%; margin:0 0 36px 0; padding:0;}
.mid .newslist dd{ background-color:#EEEEEE; border:#CCC solid 1px; margin:5px 0; padding:5px 0; text-indent:10px;}
/*.mid dt{ background: #999 url(../images/icon-title.png) 10px 6px no-repeat; margin-bottom:5px; height:28px; line-height:28px; text-indent:34px; font-weight:bold; text-transform:uppercase; font-size:16px;}
.mid dd{ height:22px; line-height:22px; border-bottom:#CCC dashed 1px; margin:0 0 5px 0; padding:0 5px; overflow:hidden;}
.mid span{ font-size:12px; color:#666; padding:0 5px;}*/

.mid .pages{ width:80%; margin:0 auto; text-align:center;}
.mid .show p{ padding:8px 0;}
.mid .show ol{ list-style:decimal; margin:0 0 0 2em;}
.mid .show img{ width:100%;}
.mid .text{ padding:0 8px;}
.footer{max-width:640px; margin-bottom:35px;}
.footc{ max-width:640px; text-align:center; margin:0 auto; position:fixed; bottom:0; left:0; right:0; z-index:999; height:28px; line-height:28px; background:#CCC url(../images/focusBg.png) repeat-x;}
.footc ul{}
.footc li{ float:left; width:50%;}

.mid .show { line-height:22px; text-align:left;}
.mid .show h1{ font-size:16px; text-align:center; margin:10px auto;}
/*Message */
.message{ max-width:640px; text-align:center; margin:0 auto; padding:0px 8px 34px 8px;}
.message table { border-right:#CCC solid 1px; font-size:14px;}
.message td{ border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; text-align:left; padding:2px 5px;}
.message input{ border:#CCC solid 1px; width:200px; padding:1px 0; text-align:left; width:98%}
.message textarea{ border:#CCC solid 1px; width:98%;}
.message span{font-family: Verdana, Geneva, sans-serif; font-size:14px; color:#F00;}
.message .header {background:url(../images/xj_hd.gif) repeat-x; height:35px;}
.message .icon{/*background:url(../images/xj_h.jpg) no-repeat;*/ border-bottom:none;  margin:0; padding:0; height:35px; overflow:hidden;}
.message .footer input{ cursor:pointer; background:url(../images/send.jpg) no-repeat; border:none; width:95px; height:28px;}
.message span {	color:#E00;}