@media (min-width:320px){
    .wrap{width: 310px;}
    .wrap-2{padding: 0 5px 20px;}
    .footer-count, .header-social, .header-hotline, .main-right, .main-left, .header-name, .footer-list, .footer-copyright img, .footer-copyright span{display: none;}
    .main-center{width: 100%;}
    .header-logo{margin: 10px 0 5px; width: 100%;}
    .footer-email{width: 100%;}
    .register-email-item{width: 100%;}
    .main-title a, .main-title h1{padding: 7.5px 5px 7.5px 5px;}
    .footer-info li:nth-of-type(1), .footer-info li:nth-of-type(2){text-align: center;}
    .footer-email{margin-top: 10px;}
    .header-logo canvas{margin: auto; display: -webkit-box;}
    .scroll{right: 50px;}
}
@media (min-width:360px){
    .wrap{width: 350px;}
}
@media (min-width:480px){
    .wrap{width: 480px;}
    .footer-info{width: 100%;}
    .main-title a, .main-title h1{padding: 7.5px 50px 7.5px 25px;}
    .register-email-item{width: calc((100% - 90px) / 2); float: left; margin-right: 5px;}
}
@media (min-width:580px){
    .wrap{width: 580px;}
    .header-logo{width: auto;}
    .header-name{width: 360px; margin: 40px 0 0; display: block;}
    .header-name a{font-size: 22px;}
    .header-name label{font-size: 20px;}
    .footer-copyright span{display: inline-block;}
    .header-logo{margin: 10px 15px 5px 0;}
}
@media (min-width:767px){
    .wrap{width: 767px;}   
    .header-logo{margin: 20px 25px 5px 0;}
    .main-center{width: calc(100% - 225px); margin: 0 0 0 10px}
    .header-name{width: auto; margin: 30px 0 0;}
    .header-name a{font-size: 33px;}
    .header-name label{font-size: 24px;}
    .footer-info{width: 567px;}
    .footer-email{width: 200px;}
    .register-email-item{width: 100%; margin-right: 0;}
    .main-left, .footer-copyright img{display: block;}
    .footer-info li:nth-of-type(1), .footer-info li:nth-of-type(2){text-align: start;}
    .footer-email{margin-top: 0;}
}
@media (min-width:970px){
    .wrap{width:970px;}
    .wrap-2{padding: 0 10px 20px;}
    .header-logo{margin: 20px 45px 5px 20px;}
    .header-social, .header-hotline, .main-right, .footer-list{display: block;}
    .main-center{float: left; width: calc(100% - 450px); margin: 0 10px}
    .footer-info{width: 470px;}
}
@media (min-width:1070px){
    .wrap{width:1070px;}
    .header-logo{margin: 20px 70px 5px 20px;}
    .footer-count{display: block;}
    .scroll{right: 100px;}
}