@charset "gb2312";
*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
.top_bac{
    min-width:1290px;
    background: rgb(218,232,233);
}
.header{
    height: 270px;
    min-width: 1290px;
}
.header #logo{
    background: url("imgheaderbac.png");
    height: 219px;
}
#logo img{
    margin-top: 20px;
}
#nav{
    height: 40px;
    background: url("imgnavbac.png");
}
#nav a{
    color:white;
    text-decoration:none;
}

.footer{
    height: 454px;
    min-width: 1290px;
    background: url("imgfooter.png");
    line-height: 40px;
    text-align:center;
    clear: both;
}
.footer .title{
    padding-top:2%;
}
.footer .link{
  margin-left:-20%;
}
.footer p{
    color: black;
}
.footer .link img{
    border:0;
}
.footer .link div{   
   float: left;
   width:15%;
   text-align:center;
}

.friend_link .title{
   background:url("imgyqlj.png") no-repeat center;
   height:58px;
}

@media screen and (min-width:1550px) {
   .header #logo{
       background: url("imgheader_bac_long.png");
   }   
}

@media screen and (max-width:1450px)
{
    .friend_link .title{
         background:url("imgyqlj_s.png") no-repeat center;
    }     
}