@media (min-width:320px){
    .wrap{width: 310px;}
    .main-left, .header-name, .header-slogan, .header-email img, .footer-list-2, .footer-list-1, .footer-copyright span, .header-email i,.header-hottline,.header-email{display: none;}
    .main-right{width: 100%;}
    .header-logo{width: 100%; text-align: center; margin: 30px 0 5px;}
    .footer-info{margin: 0 0 15px;}
    .footer-email input[type="text"]{width: calc(100% - 100px);}
    .footer-email .fb_iframe_widget{float: right;}
    .footer-count{float: left;}
}
@media (min-width:360px){
    .wrap{width: 350px;}
    .header-hottline{right: 211px;}
    .header-email i{display: inline-block}
}
@media (min-width:480px){
    .wrap{width: 480px;}
    .header-logo{margin: 35px 15px 15px 5px; width: auto; text-align: start;}
    .header-name{font-size: 22px; margin: 44px 0 0; display: block;}
    .header-slogan{font-size: 17px; margin: 0 0 0 7px; display: block;}
    .header-hottline{top: 12px; right: 282px;}
    .header-email{top: 8px;}
    .header-email img,.header-email,.header-hottline{display: block;}
    .header-email a{margin: 0 0 0 8px;}
    .footer-copyright span{display: inline-block;}
}
@media (min-width:580px){
    .wrap{width: 580px;}
    .header-logo{margin: 25px 23px 25px 5px;}
    .header-name{font-size: 28px; margin: 32px 0 0;}
    .header-slogan{font-size: 19px; margin: 0 0 0 30px;}
    .footer-info{float: right; width: 325px; margin: 0;}
    .footer-email{float: left; width: 210px;}
    .footer-email input[type="text"]{width: 100%;}
    .footer-count{float: none;}
    .footer-email .fb_iframe_widget{float: none;}
}
@media (min-width:767px){
    .wrap{width: 767px;}
    .header-hottline{top: 40px; right: 0;}
    .header-hottline span{display: block; background: url(images/h.png) left 30px center no-repeat; line-height: 30px; font-size: 17px; padding: 0 0 0 70px;}
    .header-hottline a{font-size: 25px; line-height: 35px; text-shadow: -2px 0 #fff, -1px -1px #fff, -1px 1px #fff, 0 2px #fff, 0 -2px #fff, 1px -1px #fff, 1px 1px #fff, 2px 0 #fff, 0 2px 3px rgba(0,0,0,0.35);}
    .footer-facebook{display: block;}
    .footer-info{width: 400px;}
}
@media (min-width:970px){
    .wrap{width:970px;}
    .main-left{width: 250px; float: left; display: block;}
    .main-right{width: calc(100% - 280px); float: right;}
    .header-logo{margin: 25px 40px 25px 20px;}
    .header-name{font-size: 37px;}
    .header-slogan{font-size: 27px; margin: 0 0 0 40px;}
    .footer-list-1{display: block;}
    .header-hottline{right: 30px;}
}
@media (min-width:1170px){
    .wrap{width: 1170px;}
    .header-logo{margin: 25px 85px 25px 20px;}
    .header-name{margin: 20px 0 0;}
    .footer-list-2{display: block;}
    .footer-info{width: 315px;}
}