#project-body{
  width: 100%;
  background: url(../img/light-bg.jpg) fixed;
}
#project .sider{
	position: fixed;
	width: 235px;
	top: 120px;
	padding-top: 120px;
}


#project .sider ul li a{
	padding: 0 22px 0 0;
	overflow: hidden;;
	display: block;
	font-size: 14px;
	font-family: Tahoma;
    text-transform:uppercase;
    text-align: right;
    color: #5e5f5f;
    line-height: 28px;
}
#project .sider ul li a:hover, #project .sider ul li.active a{
	color: #000;
	background: url(../img/sider-li-bg.png) no-repeat right center;
}

#project .sider ul ol{
  margin-top:0px; display: block;
}
#project .sider ul ol li{
  display: block;
  height: 20px;
}
#project .sider ul ol li a{
  padding: 0 22px 0 0;
  overflow: hidden;;
  display: block;
  font-size: 10px;
  font-family: Tahoma;
    text-transform:uppercase;
    text-align: right;
    color: #5e5f5f;
    line-height: 20px;
}
#project .sider ul ol li a:hover, #project .sider ul ol li.active a{
  color: #d51721;
  background: none;
}


#project .main{
	margin-left: 235px;
	padding-left: 5%;
}
#project .main h1{
	font-family: Tahoma;
    text-transform:uppercase;
    font-size: 35px;
    height: 60px;
    padding-height: 60%;
}
#project .main .module-01{
	position: relative;
	padding-bottom: 24%;
	padding-top: 160px;
}
#project .main .module-01 h1{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}


#project .project-list{ padding-right: 3%;}
#project .main .module-01 .col-md-3{
  padding:1px;
  overflow: hidden;
}
#project .main .module-01 a{
  display: block;
  overflow: hidden;
}
#project .main .module-01 a .p-list{
  overflow: hidden;
  position: relative;
}
#project .img-responsive{
  max-width: 115%;
  width: 115%;
}
#project .main .module-01 a .p-l-t{
  background: url(../img/pro-t-bg.png) no-repeat 15px 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  filter:alpha(opacity=100); 
  opacity:1;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#project .main .module-01 a .p-l-t h4{
  position: absolute;
  bottom: 0;
  color: #fff;
  font-family:Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  padding: 15px;
  font-size: 14px;
  font-weight: 100;
  text-align: left;
  filter:alpha(opacity=100); 
  opacity:1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width:100%;
  background:url(/images/icon_over.png) no-repeat;
  background-size:100% 100%;
  }
#project .main .module-01 a:hover .p-l-t h4{
  filter:alpha(opacity=100); 
  opacity:1;
}


#project .main .module-01 a h5{
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  padding-top: 20px;
  color: #000;
  font-family: Tahoma;
}

@media screen and (max-width: 1400px) { 
  #project .main .module-01 a h5{
  font-size: 18px;
  line-height: 40px;
  padding-top: 15px;  
}
} 
@media screen and (max-width: 1400px) { 
  #project .main .module-01 a h5{
  font-size: 14px;
  line-height: 30px;
  padding-top: 10px;  
  }
} 
#project .main .module-01 a i{
  font-size: 12px;
  border-top: 1px solid #e0e0e0;
  width: 68px;
  padding-bottom: 20px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  display: block;
  color: #828282;
  font-style: normal;
}

    .framl-x{
      width:1382px; height:740px; border:0; margin: 0 auto;
    }

    .bg{
      width: 100%;
      height: 100%;
      background: #000;
      filter:alpha(opacity=80); 
      opacity:0.8;
     }
     .panels{
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: none;
      z-index: 999999999;
     }
     .active{
      display: block;
     }
     .panels-content{
      position: absolute;
      height: 740px;
      width: 1310px;
      left: 50%;
      top: 50%;
      margin: -370px 0 0 -691px;
      }
      .closed{
        color: #ccc;
        display: block;
        position: absolute;
        right: 30px;
        top: -17px;
        width: 45px;
        height: 45px;
        background: url(../img/closed.png);
        text-indent: -9999em;
      }

    @media screen and (max-width: 1450px) { 
      .panels-content{
      height: 580px;
      width: 1070px;
      left: 50%;
      top: 50%;
      margin: -290px 0 0 -535px;
      }
    .framl-x{
      width:1100px; height:580px; border:0; margin: 0 auto;
    }   
      .closed{
        right: 28px;
      }

}



  .flexslider { width:100%; position:relative; overflow: hidden; padding-bottom: 30px;}