.fl{ float: left; } 
.fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.cl{zoom:1} 

/***************
宋体 SimSun  黑体 SimHei  微软雅黑 Microsoft YaHei  微软正黑体 Microsoft JhengHei 新宋体 NSimSun 楷体 KaiTi
深黑 重要文字和标题  #222
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w1120{ width:1120px; clear:both; margin:0 auto; overflow:hidden  }
.w100{ width:100%; min-width:1120px;  clear:both; margin:0 auto; overflow:hidden  }


/********* top *****************/


/***********分页*******************/

.pagination a:hover ,.pagination li.thisclass a{ background:#b22; color:#fff;}


/********cp**************/


* .tabsList{margin:0; padding:0; list-style:none; }
/* 本例子css */
.tabsList{overflow:hidden; zoom:1; width:1200px; margin:50px auto 10px; border:1px solid #6b96ff; border-left:none; }
.tabsList li{float:left; display:inline;height:330px;  padding: 0 10px; overflow:hidden; zoom:1; border-left:1px solid #6b96ff; }

.tabsList li h4{width:26px; padding:50px 12px 10px 12px ; height:320px;margin-top:10px;cursor:pointer;float:left; font-size:24px; line-height:30px; overflow:hidden; background:url(5xh.png) no-repeat  center 10px;  }
.tabsList li.on{ border-left:4px solid #6b96ff; background: url(aabb.jpg)  bottom  right;;}
.tabsList li.on h4{  background:url(5xl.png) no-repeat  center 10px; color:#4f81ff;}
.tabsList li.on .tabBody{display:block;width:650px; height:310px; padding:20px 10px 0 20px;display:inline; float:left;margin-left:10px; font-size:16px; line-height:1.75em; border-left:1px    dotted #6b96ff; }
.tabsList li .tabBody{display:none;  }