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

*{padding:0;margin:0;}
img{ border:0;}
ul,ol{ list-style:none;}

/*--------------------------娓呴櫎娴姩 -----------------------------------*/
.clear{clear:both; font-size:1px; line-height:0; height:0; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*-------------------------娓呴櫎娴姩缁撴潫 ------------------------------------*/

body{font:14px/1.5 arial,"微软雅黑"; color:#444; background: url(bodybg.jpg) repeat left top;}

.pr{ position:relative}
.pa{ position:absolute}
.tit{ padding:3% 0 2% 0}

.col01 ol{ width:96%;padding:0 2%;}
.col01 ol li{ width:33.333%;float:left;}
.col01 ol li a{ width:100%;display:block; overflow:hidden;}
.col01 ol li .imgOn{ display:none}
.col01 ol li.online .imgOn{ display:block; left:0;top:0;}
.col01 .wx_cont{margin:0 0 2% 0; background:url(col02picBg.jpg) no-repeat left top; float:left; color:#fff; font-size:20px;}

.col04 {padding:0 0 2% 0;}
.col04 ul { width:96%;padding:0 2%;}
.col04 ul li{ width:48%; float:left;padding:1%;}
.col04 ul li img{ width:100%;}


.col06 {padding:0 0 2% 0;}
.col06 ul { width:96%;padding:0 2%;}
.col06 ul li{ width:31.3333%; float:left;padding:1%;}
.col06 ul li img{ width:100%;}

.col07 {padding:0 0 2% 0;}
.col07 ul { width:96%;padding:0 2%;}
.col07 ul li{ width:31.3333%; float:left;padding:1%;}
.col07 ul li img{ width:100%;}

.col08 {padding:0 0 2% 0;}
.col08 ul { width:94%;padding:0 3%;}
.col08 ul li{ width:100%; float:left;}
.col08 ul li img{ width:100%; float:left}