@media (min-width: 320px){
    .wrap{width: 310px;}
    .name, .hotline, .main-left, .main-right{display: none;}
    .search{bottom: -35px;}
    .alo-phone{width: 100px; height: 100px;}
    .alo-ph-circle{width: 80px; height: 80px; top: 10px; left: 10px;}
    .alo-ph-circle-fill{width: 50px; height: 50px; top: 25px; left: 25px;}
    .alo-ph-img-circle{width: 30px; height: 30px; top: 35px; left: 35px; background: url(images/alo.png) no-repeat center / 50% 50%; background-color: #ff0000;}
    .alo-phone:hover .alo-ph-img-circle {background-color: #5ebc5e;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
}
@media (min-width:410px){
    .wrap{width: 400px;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
    .logo{float: left;}
    .name{display: block;}
    .name p:nth-child(1){font-size: 19px;}
    .hotline{top: 140px; display: block; padding-left: 35px;}
    .hotline b{padding-left: 5px;}
    .footer-copyright span{display: inline-block;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
    .name p:nth-child(1){font-size: 26px;}
    .hotline{top: 123px; padding-left: 55px;}
    .hotline a b{display: block; padding-left: 0;}
}
@media (min-width: 767px){
    .wrap, .ws-title-wrapper{width: 767px;}
    .name p:nth-child(1){font-size: 30px;}
    .footer-left{float: left; width: calc(45% - 61px); text-align: right; margin-right: 30px; padding-right: 30px; border-right: 1px solid #fff;}
    .footer-right{float: right; width: 55%;}
    .alo-phone{width: 200px; height: 200px;}
    .alo-ph-circle{width: 160px; height: 160px; top: 20px; left: 20px;}
    .alo-ph-circle-fill{width: 100px; height: 100px; top: 50px; left: 50px;}
    .alo-ph-img-circle{width: 60px; height: 60px; top: 70px; left: 70px; background: url(images/alo.png) no-repeat center; background-color: #ff0000;}
    .alo-phone:hover .alo-ph-img-circle {background-color: #5ebc5e;}
}
@media (min-width: 970px){
    .wrap, .ws-title-wrapper{width:970px;}
    .hotline{top: 40px;}
    .search{bottom: 40px;}
    .main-left{float: left; display: block; width: 220px;}
    .main-middle{float: left; width: calc(100% - 480px); margin: 0 20px;}
    .main-right{float: right; display: block; width: 220px;}
    
    .footer-list{display: block;}
}
@media (min-width: 1170px){
    .wrap, .ws-title-wrapper{width: 1170px;}

}