/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .wp{width: 95%;}
    .header{height: 60px;line-height: 60px;}
    .header .logo img{max-width: 80%;max-height: 80%;}
    .header .logo{height: 43px;line-height: 43px;margin-top: 10px;}
    .video{height: 400px;}
    .header .r{line-height: 60px;}
   
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .header{height: 40px;line-height: 40px;}
    .header .logo{height: 26px;line-height:26px;margin-top: 6px;}
     .header .logo img{max-width: 50%;max-height: 50%;}
     .header .r{line-height: 40px;width: 146px;height: 8px;}
     .wenan{margin-bottom: 35px;}
     .video{height: 251px;border:4px solid  #5D5F63;margin-bottom: 40px;}
     .footer .r .qr{float: none; width: 57.5px;height: 57.5px;margin-left: 111px;margin-bottom:2px;}
     .footer .r .txt{font-size: 12px;line-height: 1.38;float: right;margin-top: 0;}
     .footer .icon{margin-top: 24px;width: 86px;height: 32px;}
     .main{
        position: absolute;
        top: 45%;
        left:0;
            -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        }

.footer{
    overflow: hidden;
    position:absolute;
    left: 10px;
    right:10px;
    bottom:25px;
}

}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
}