@charset "utf-8";
/* CSS Document */
/****************************
 * version:1.0
 * By:landry
 * Date:2016-01-20
 *
 */
/*大体架构
 ----------*/
body,html {
    color: #666;
    font-family:'Helvetica','Microsoft YaHei';
    width: 100%;
    font-size:12px;
    word-break: break-all;
}
body{
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");}
}


img {
    border: 0;
    vertical-align: middle;
    display:block;
    outline: none;
}
.container{
    position: relative;
    margin: 0 auto;
    width: 1000px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
}

a{ text-decoration:none;color: #666;}
a:hover{ color:#00aeff;}

/*颜色值
 --------------*/
.orange {
    color: #ffe400;
}
.blue {
    color: #00aeff;
}
a.blue:hover{
    color: #3071b9;
}

/*层级*/
.z-index{z-index: 30;}

/*清除浮动
 --------------*/
.clear {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: 0;
    clear: both;
    line-height: 0;
}
.clearfix {
  zoom: 1;
  _height: 1px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/*清楚文字内容
 --------------*/
.txtIndent {
    text-indent: -9999em;
}
/*用于seo不显示的内容
 --------------*/
.seo {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.seo, .hideImg {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}
.hideImg {
    overflow: hidden;
}
.hideImg img {
    width: 0;
    height: 0;
    overflow: hidden;
}
/*左浮动和右浮动
 --------------*/
.float_l {
    float: left;
}
.float_r {
    float: right;
}
.float_r, .float_l {
    _display: inline;
}

/*灰遮罩*/
.cover{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; background: #000;opacity: 0.5;filter: alpha(opacity=50);text-indent: -1000px;overflow: hidden;}
#overlay{ background:#333; opacity:0.3; box-shadow: 4px 0 10px #999; position:absolute; left:0; top:0; height:100%; width: 100%; display:none; z-index: 9;}



/**主体**/
/*鼠标经过图片缩放*/
.pics{display: block; height: 100%; overflow: hidden;}
.pics:hover img {
-webkit-transition: .3s linear;
-moz-transition: .3s linear;
-o-transition: .3s linear;
-ms-transition: .3s linear;
transition: .3s linear;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
-webkit-transform: rotate(5deg) scale(1.2);
-moz-transform: rotate(5deg) scale(1.2);
-o-transform: rotate(5deg) scale(1.2);
-ms-transform: rotate(5deg) scale(1.2);
transform: rotate(5deg) scale(1.2);
}

/*公用按钮*/
.button{
  line-height: 30px;
  background: #e6e6e7;
  padding: 0 14px;
  display: inline-block;
  color: #a29999;
  font-size: 14px;
  border: 0;
 }

.button-blue{
  background: #00aeff;
  color: #fff;
  position: relative;
}
.button-blue:hover{
  color: #fff;
  background: #3071b9;
}
.button-gray{
  margin: 0 0 0 8px;
}
.button-gray:hover{
  background: #a29999;
  color: #fff;
}

/*焦点图轮播*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
/*底部*/
.footer {
  padding: 52px 0 0;
}
.footer .foot{
  background: url(../images/cover.png) repeat;
  line-height: 52px;
  text-align: center;
  color: #fff;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
}

/*弹出层*/
.layer{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  display: none;
}
.layer-box{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 210px;
  height: 280px;
  margin: -140px 0 0 -105px;
  background: #fff;
}
.layer-box .close{
  position: absolute;
  right: -20px;
  top: 0;
  display: inline-block;
  background: #0e9bfd url(../images/close.png) center center no-repeat;
  width: 20px;
  height: 20px;
}
.layer-cont{
  padding: 34px 0 0;
  text-align: center;
  color: #000;
}
.layer-cont img{
  width: 148px;
}
.layer-box h1{
  line-height: 34px;
  font-size: 24px;
  padding: 16px 0 0;
}
.layer-box p{
  line-height: 24px;
  font-size: 12px;
}