/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .wp{padding: 0 20px 20px;}
    .wp2{padding: 0 20px;}
    .m-head .pic{width: 70px;height: 70px;border-radius: 10px;}
    .m-head .txt h3{font-size: 30px;}
    .m-head .txt .info{font-size: 20px;}
    .m-head .txt .info em{font-size: 22px;margin-left: 5px;}
    .m-head .txt .info em i{width: 20px;height: 20px;-webkit-background-size: auto 20px;
    background-size: auto 20px;}
    .m-head .txt .info em i:first-child{margin-left: 15px;}
    .m-head .con{font-size: 18px;line-height: 24px;padding: 20px 0 0;}
    .m-pictxt .pic{width: 50px;height: 50px;}
    .m-pictxt .txt h4 a{font-size: 18px;}
    .m-pictxt .txt .time{font-size: 14px;margin-top: 0;}
    .m-floor .con{font-size: 16px;line-height: 24px;}
    .g-message a i{
        width: 22px;height: 22px;
        -webkit-background-size: 22px 22px;
        background-size: 22px 22px;
        margin-right: 3px;
        vertical-align: -5px;
    }
    .g-message a{font-size: 16px;margin-left: 5px;}
    .m-floor2{padding: 0 20px 20px;}
    .m-floor2 .con{font-size: 18px;line-height: 22px;margin-bottom: 0;}
    .m-floor2 .con2 .reply{font-size: 14px;}
    .m-floor2 .con2 .reply a{font-size: 14px;letter-spacing: 1px;}
    .m-floor2 .con2 .txt{font-size: 18px;line-height: 20px;margin-right: 10px;}
    .m-floor2 .con2 .time{font-size: 14px;}
    .m-floor2 .con2 .time em{margin-right: 10px;}
    .footer{font-size: 16px;line-height: 24px;padding: 20px 0;}
    .m-floor2 .con2{padding: 0 10px 0 0;}
    .m-floor2 .con2 .reply em{font-size: 16px;margin-left: 3px;}
    .g-tit1{font-size: 30px;height: 60px;line-height: 60px;margin: 25px 0 5px;}
    .ul-list1{width:550px;margin:0 auto;}
    .ul-list1 h5{font-size: 22px;margin-bottom: 15px;}
    .ul-list1 li{font-size: 18px;padding: 30px 15px;}
    .qr-box .txt{font-size: 22px;}
    .tip{font-size: 22px;text-indent: 0;text-align: center;margin:10px 0;}
    .ul-list2{margin: 15px auto 0;}
    .ul-list2 li{padding: 30px 34px 16px;}
    .ul-list2 h5 a{font-size: 20px;}
    .ul-list2 li{font-size: 18px;}
    .ul-list2 li .tx{width: 200px;}
    .qr-box .txt span{font-size: 22px;}
    .tit2{font-size: 40px;}
    .list-box table th{font-size: 26px;}
    .list-box table{font-size: 24px;}
    .tit2::after{height: 2px;width: 60%;}
    .qr-box{position: relative;height: auto;padding-left: 0;width: 60%;margin: -20px auto 0;}
    .qr-box .txt{margin-top: -40px;padding-left: 0;text-align: center;}
    .pic-box{position: relative;height: 270px;width: auto;}
    .pic-box .img{padding: 0;text-align: center;}
    .pic-box .box{display: inline-block;float: none;}
    .qr-more .txt{font-size: 22px;}
    .qr-more{margin: 30px 78px;}
    .rowa1::after{bottom: -2px;}

}

@media only screen and (max-width: 850px){
    
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .m-head .txt h3{font-size: 20px;letter-spacing: 0;}
    .m-head .pic{margin-right: 10px;width: 60px;height: 60px;}
    .pages a.turn{margin: 0 30px;}
    .m-head .txt .info{font-size: 16px;margin-top: 5px;}
    .m-head .txt .info em{font-size: 18px;}
    .m-head .con{font-size: 16px;}
    .m-floor .con{padding: 10px 0 0;font-size: 14px;}
    .m-floor2 .con{font-size: 15px;}
    .m-floor2 .con2 .txt{font-size: 14px;}
    .m-floor2 .con2 .reply{font-size: 16px;}
    .m-floor2{padding: 0 10px 10px;}
    .footer{font-size: 14px;}
    .m-head .txt .info em i{width: 12px;}
    .pages a{font-size: 18px;}
    .pic-box .box{width: 120px;height: 113px;}
    .pic-box{height: 220px;}
    .pic-box .img{top: 30px;}
    .list-box{margin:0 25px;padding: 51px 19px 51px 36px;}
    .qr-more .img{width: 120px;height: 120px;}
    .qr-more{margin:15px 15px 30px;}
    .qr-more .txt{height: 120px;}
    .ul-list2 li:nth-child(2n) .txt {padding: 25px 4px 0 18px;}
    .ul-list2 li:nth-child(2n+1) .txt {padding: 25px 26px 0 0;}
    .list-box table{margin-bottom: 40px;}
    .list-img{margin:30px;}
    .m-video{width: 90%;margin: 10px auto 15px;}
    .list-img2{margin: 0 30px;}
    .tip{font-size: 18px;padding: 0;}
    .pages a{height: 35px;width: 60px;}
    .pages .a-prev,.pages .a-next{-webkit-background-size: 100% auto;
    background-size: 100% auto;}
    .pages span{font-size: 30px;}
    .ul-list1 li{margin-bottom: 15px;}

}

@media only screen and (max-width: 600px){
    .ul-list1{width: auto;margin: 0 30px;}
    .pic-box{height: auto;}
    .pic-box .img{position: static;}
    .qr-box .txt{margin-top: 30px;font-size: 18px;}
    .qr-box{width: 100%;margin: 0 auto 20px;}
    .qr-more .img{margin: 0 20px 0 30px;}
    .qr-more .txt{font-size: 18px;}
    .pic-box img{display: none;}
    .tit2{font-size: 30px;}
    .list-box{padding: 32px 2px 15px 20px;}
    .list-box table th,.list-box table{font-size: 18px;}
    .g-tit1{font-size: 20px;height: 35px;line-height: 35px;}
    .ul-list2 li .tx {width: 120px;}
    .ul-list2 li{padding: 30px 25px 16px;}
    .ul-list2 li:nth-child(2n) .txt,.ul-list2 li:nth-child(2n+1) .txt{padding: 10px 5px 0;}
    .ul-list2 h5 a{font-size: 16px;margin-bottom: 10px;}
    .ul-list2 li{font-size: 14px;}
    .qr-box .txt span{font-size: 18px;}
    .tit2{margin: 15px 0;padding-bottom: 10px;}
    .ul-list1 h5{font-size: 16px;}
    .ul-list1 li{font-size: 14px;}
    .wp{padding-bottom: 10px;}
}
/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .tit2{font-size: 18px;}
    .list-box{margin: 0;}
    .list-img{margin: 30px 0;}
    .list-img2{margin: 0;}
    .m-video{width: 100%;}
    .list-box table th, .list-box table{font-size: 16px;}
    .qr-more{margin: 15px 0 30px;}
    .ul-list2 li{padding: 16px 15px;}
    .ul-list1{margin: 0;}
    .ul-list1 .con{padding: 0;}
    .pages{padding: 0;}
    .pages a{height: 25px;width: 45px;}
    .pages .a-prev,.pages .a-next{-webkit-background-size: 100% auto;
    background-size: 100% auto;}
    .pages span{font-size: 20px;}
    .ul-list2 li .tx{width: 100px;}
    .g-message a{font-size: 13px;}
    .m-floor2 .con{letter-spacing: 0;}
    

}
@media only screen and (max-width: 375px) {
    .list-box table th, .list-box table{font-size: 13px;}
}