#footer1{
    background:rgb(33,33,33);
}

#city{
    width:1200px;
    margin:0 auto;
    background:url('1.png') no-repeat;
    background-position: 0% 50px;
    height:210px;
    position:relative;
}

#city > a{

    width:22px;
    height:22px;
    display:block;
    position:absolute;
    border-radius:15px;
    z-index:777;
}

#city > a:hover{
    background:rgb(235,199,0);
}

#city .dz1{
    left: 72px;
    top: 69px;
}

#city .dz2{
    left: 124px;
    top: 106px;
}

#city .dz3{
    left: 204px;
    top: 105px;
}

#city .dz4{
    left: 262px;
    top: 70px;
}

#city .dz5{
    left: 346px;
    top: 108px;
}

#city .dz6{
    left: 452px;
    top: 75px;
}

#city .dz7{
    left: 522px;
    top: 103px;
}

#city .dizhi{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    z-index:9999;
    display:none;
    padding-left:20px;
    background:url('dizhi.png') no-repeat;
}

#city .list{
    width:420px;
    position:absolute;
    left:580px;
    padding-top:30px;
}

#city .list li{
    width: 70px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #CCC;
    float: left;
    margin: 0 0 2px 0;
}

#city .list li a{
    color: #CCC;
    width: 70px;
    height: 40px;
    line-height: 40px;
    background-color: #444;
    display: block;
}

#city .list li a:hover{
    color:white;
    background:rgb(235,199,0);
}

#gwlogo {
    position:absolute;
    left:1020px;
    top:80px;
}

#gwlogo img{
    width:170px;
}

#footer1_mobile{
    display:none;
}


@media screen and (max-width:1200px){
   #footer1{
       display:none;
   }

    #footer1_mobile{
        display:block;
    }
}

.yddh{
	font-size:13px;
	padding: 5px 5px 5px 0px;
}
.key{
	font-size:13px;
	padding:5px;
}