/* css 重置 */
body,div,ul,li,h2,span,p { padding: 0; margin: 0; }
body { font-family:Arial, Helvetica, sans-serif; }
.clearfix:after { content :" "; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { *zoom:1; }
ul { list-style: none ; }
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; text-decoration:none; }

/*本实例 css*/
.warpper {width: 1000px; margin:0 auto; height: 320px; }
.wwwqirecom { width: 1000px; margin:0 auto; overflow:hidden; background: #21629b; }

.qirepic { width:700px; height: 310px; color:#e3f1fe; margin-top: 10px; float: left; display:block; }
.qirepic ul li img { width: 300px; height: 300px; vertical-align:top; }
.qirepic ul li a.qirepic-silder-img{ width: 300px;background:#5295d0; float:left; font-size:0; margin:0 0 0 10px; }

.qirepic-silder-intro { height: 300px; width: 340px; float: left; padding:0 15px; background:#3274ae; }
.qirepic-silder-title { line-height: 30px; padding: 10px 0 14px 0; }
.qirepic-silder-title h2 a { color: #FFFFFF; font-size: 26px; font-weight: normal; font-family:"Microsoft Yahei" }
.qirepic-silder-title h2 a:hover { text-decoration:underline; }
.qirepic-silder-title span { color: #ffef3d; font-size: 14px; }

.qirepic-silder-desc { display:block; height: 180px; line-height:24px; padding-bottom: 10px; overflow: hidden; }
 

/*图片导航*/
.num { width: 300px; height: 300px; padding: 0; margin-top: 15px; float: left; overflow:hidden; }
.num li { float: left; margin: 0 8px 8px 0px; font-size:0; background:#c5e4ff ;}
.num li img { width: 85px; display:block; height: 85px; opacity:0.5;filter:alpha(opacity=50); border: 2px #559ad7 solid; cursor:pointer;}
.num li.on img {opacity:0.9;filter:alpha(opacity=90); border: 2px #93c2ec solid;}/*当前项*/