jianDemo_edu/target/edu/static/web/css/index_css_zj_rainbow.css

/*
* @description: 吉林省质量技术监督局 首页样式
* @author: rainbow
* @update: rainbow (2017-03-13 14:33)
*/
/* 重置样式
-------------------------------------------------------------------------------*/


/* total */
.mar-l-30 { margin-left:30px;} 
.pad-l-34 { padding-left:34px;} 

/* first-line 
-----------------------------------------------------------------------------------------------*/
/* pic 图片轮播 */
.frist-line-rainbow {width:1177px; height:310px; margin:0 auto; overflow:hidden;}
.frist-line-pic-news { float:left; width:820px; height:320px;}
.slideBox{ width:818px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd { position:absolute; bottom:66px; z-index:1; margin-left:329px; text-align: center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li { cursor:pointer;  width:50px; height:4px; background:#eee;   margin-right: 1px; line-height: 999px;overflow:hidden; display: inline-block;}
.slideBox .hd ul li.on {height:10px; background:#ff8416;  z-index:2; position:relative; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}


.slideBox .bd{ position:relative; height:100%; z-index:0; background-color:#f2f2f2; color:#333; font-size:18px; font-weight:bold}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li span { float:left; width:818px; line-height:45px; text-align:center;}
.slideBox .bd li span a { color:#666; font-size:16px;}
.slideBox .bd li span a:hover { color:#166ddb;}
.slideBox .bd img{ width:100%; height:260px; max-width:100%; background-size:cover; }


/* 前/后按钮 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:1.5%; top:43%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider_arrow_rainbow_0227.png)/*tpa=http://www.jlqi.gov.cn/images/slider_arrow_rainbow_0227.png*/ -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1.5%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }