*{
 margin: 0 auto;
}
body{
 margin: 0;
 padding: 0;
 background: #fff;
}

.top{
 width: 100%;
 height: 70px;
 background: #f8f8f8;
 border-bottom: 1px solid #e7e7e7;
 }
.top .logo{
  float: left;
  margin-left: 15%;
}
.top .navtop{
 float: right;
 width: 55%;
 
}
.top .navtop .navul{
 list-style: none;
 height: 70px;
 line-height: 70px;
 
}
.top .navtop .navul li{
 display: inline;
 float: left;
 width: 135px;
 position: relative;
 overflow: hidden;
 line-height: 60px;
}
.top .navtop .navul li a{
 color:#666; 
 text-decoration:none;
}
.top .navtop .navul li a:hover{
 color: #27825D;
}

.main-con{
 margin: 0 auto;
 width: 1120px;

}

#piclist{
 min-height:700px;
}
.maincon-first{
 margin-top: 10px;
 background: #fff;
}
.maincon-first:nth-child(even){
 background: #f7f7f7;
}
.conban{
 height: 50px;
}
.conban img{
 vertical-align: middle;
}
.maincon-first .conban span{
 line-height: 50px;
 text-align: center;
 font-size: 20px;
 vertical-align: middle;
 padding-left: 10px;
}
.conpic{
 
 padding-left: 0px;
 clear: all;
}



.conmore{
 padding-bottom: 20px;
 text-align: center;
}
.conmore a{
 text-decoration: none;
 color: #fff;
}
.conmore .buta{
 width: 170px; 
 height: 40px; 
 border-width: 0px; 
 border-radius: 15px; 
 background: #4e79cc; 
 cursor: pointer; 
 outline: none; 
 font-family: Microsoft YaHei; 
 color: white; 
 font-size: 17px; 
}
.conmore .buta:hover{
 background: #5599ff;
}

.footer{
 width: 100%;
 height: 80px;
 margin-top: 20px;
 background: #111;
 text-align: center;
 vertical-align: middle;
}
.footer span{
 line-height: 80px;
 color: #FFF;
 font-size: 16px;
 text-align: center;
 vertical-align: middle;
}
@media (max-width: 980px) {
 
 .top{
  width: 1100px;
 }
 .footer{
  width: 1100px;
 }
}