body{background:#000;font-size:14px}
#index{position:relative;height:100%;position:absolute;width:100%;overflow: hidden;min-height:680px;}
#index a:hover{text-decoration:none;}
.rb{background:rgba(0,0,0,.3);height:32px;width:600px;z-index:100;bottom: 0;right: 0;position: absolute;text-align:right;line-height:31px}
.rb a{color:#888;margin-right: 15px}
.rb a:hover{color:#ccc}

.sidebar{width:150px;height:100%;background:#010000;float:left;padding-left:20px}
.sidebar .logo{height:65px;padding-top:30px;display:block;position:relative;}
.sidebar .logo a{display:block;height:53px;background:url(../images/logo.png) no-repeat;background-repeat:no-repeat;}
.sidebar .logo a:hover{opacity:.8;filter:alpha(opacity=80);}
.sidebar ul li{border-bottom:2px solid #717171;width:130px;padding-top:6px;line-height:30px}
.sidebar ul li a{color:#c9bc9c}
.sidebar ul li a:hover{color:#fff}
.sidebar dl{position:absolute;left:20px;bottom:30px;}
.sidebar dl dd{display:block;width:90px;height:90px;margin-top:10px;background:url(../images/wx.jpg) no-repeat;}
.sidebar dl dt a{color:#666}
.sidebar dl dt a:hover{color:#999}
.sidebar .phone{width:129px;height:91px;}
.sidebar .bm{width:127px;height:168px;border:1px dashed #d3a243;}
.sidebar .bm h2{font:14px/36px "微软雅黑";text-align: center;color:#d0ba95;}
 
.sidebar .bm form p{font:14px/24px "宋体";}
a，img{border:none}
a{text-decoration:none;}
input{width:112px;height:19px;margin-left:0px;-webkit-margin-start:0px;border:1px solid #dcdddd;text-align: center;font:15px/19px "微软雅黑";color:#ad9874;}
a.font{color:#333;width: ;display:inline-block;}
 
 
.main{display:block;height:100%;overflow:hidden;}
.main ul{width:100%;height:100%;display:block;position:relative;}
.main li{width:33.3%;float:left;height:100%;overflow:hidden;position:relative;background:url(../images/loading.gif) center center no-repeat;}
.main li img{position:absolute;top:0;left:-50%;z-index:1}
.main li a{display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:2}
.main li a:hover{background:rgba(0,0,0,.8);}
.main li a h2{top:25%;background:url(../images/h2.png) center 0 no-repeat;height:40px;position:absolute;width:100%; color:#fff;padding-top:60px;font-size:14px;text-align:center;opacity:0;filter:alpha(opacity=0);}
.main li.n1 a h2{background-position:center -100px }
.main li.n2 a h2{background-position:center -200px }
.main li a:hover h2{top:40%;opacity:1;filter: alpha(opacity=100);}
.main li a .uptext{position:absolute;font-size:14px;color:#fff;text-transform:uppercase;height:40px;line-height:40px;border:1px solid #fff;display:block;top:75%;left:50%;overflow:hidden;width:150px;margin-left:-75px;opacity:0;filter:alpha(opacity=0);}
.main li a:hover .uptext{top:60%;opacity:1;filter: alpha(opacity=100);}
.main li a .uptext span{line-height:40px;margin-bottom:40px;color:#fff}
.main li a .uptext span:after{margin-bottom:40px;color:#fff}

.sidebar a,.rb a{-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.main li a,.main li a h2,.main li a .uptext,.main ul.move li img{-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}