@media (min-width: 320px){
    .wrap{width: 310px;}
    .ws-title-wrapper{display: none;}
    .header{padding-top: 55px;}
    .header-show{top: 0;}
    .header-hide{top: -55px;}
    .logo{width: 175px;}
    .main-left{display: none;}
    .main-wrap-2{padding: 15px;}
    .main-detail iframe{width: 310px; height: 175px;}
    .footer-right{padding-top: 30px;}
    .social-popup{width: 120px;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
    .main-detail iframe{width: 350px; height: 197px;}
}
@media (min-width: 410px){
    .wrap{width: 400px;}
    .main-detail iframe{width: 400px; height: 225px;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
    .header{padding-top: 65px;}
    .header-show{top: 0;}
    .header-hide{top: -65px;}
    .logo{width: 245px;}
    .main-detail iframe{width: 470px; height: 265px;}
    .social-popup{width: 150px;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
    .main-detail iframe{width: 570px; height: 321px;}
    .footer-bottom p:nth-child(1){float: left;}
    .footer-bottom p:nth-child(2){float: right;}
}
@media (min-width: 768px){
    .wrap, .ws-title-wrapper{width: 748px;}
    .ws-title-wrapper{display: block;}
    .main-detail iframe{width: 758px; height: 427px;}    
    .footer-left{float: left;}    
    .footer-right{float: right; width: 260px; padding-top: 0;}
}
@media (min-width: 970px){
    .wrap, .ws-title-wrapper{width: 970px;}
    .duan .wrap{max-width: 860px;}
    .main-wrap-2{padding: 30px;}
    .main-left{float: left; display: block; width: 240px;}
    .main-right{float: right; width: calc(100% - 250px);}
    .intro-img-2 .main-detail iframe{width: 435px; height: 245px;}    
    .footer-right{width: 390px;}
}
@media (min-width: 1170px){
    .wrap, .ws-title-wrapper{width: 1170px;}
    .intro-img-2 .main-detail iframe{width: 540px; height: 304px;}
    .footer-logo{float: left; margin-right: 50px; padding-top: 30px;}
    .footer-left ul{float: right;}
}