@charset "utf-8";
body{
    font-size:12px;
}

.div1{
    width:300px;
    height:156px;
    /* background-color:pink; */
}

.navi{
    width:350px;
    float: right;

}
.navi ul{
    margin-top:0px;
    padding:0px;
    margin-left:0px;
    float:left;
}
.navi li{
    list-style-type:none;
    width:70%;
	line-height:25px;
    float:left;
    background-color:#fcfcfc;
}
.zs,.rz,.cg{
    margin-top:2px;
    margin-bottom:2px;
    width:100px;
    height:152px;
    margin-left:4px;
    float:left;
}


.rz,.cg{
  
    display:none;


}


@media screen and (max-width:700px) {


.navi{
    width:100%;
    float: none;
	margin-bottom:10px;

}
.navi ul{
    margin-top:0px;
    padding:0px;
    margin-left:0px;
    float:left;
}
.navi li{
    list-style-type:none;
    width:50%;
	line-height:25px;
    float:left;
    background-color:#fcfcfc;
}
.zs,.rz,.cg{
    margin-top:2px;
    margin-bottom:2px;
    width:100px;
    height:152px;
    margin-left:4px;
    float:left;
}


}