@media screen and (max-width: 1280px){
    .section{
        padding: 0 10px;
    }
}

@media screen and (max-width: 700px){
    #hd{
        display: none;
    }
    #m-hd{
        display: block;
    }
    .section .r .sec-m1,
    .section .l,
    .section .r{
        float: none;
        width: 100%;
    }
    .section .txt{
        margin: 30px 0;
    }
    .section .pad{
        padding: 0 20px;
    }
    .section .img{text-align: center;}
    .section .img img{
        width: 80%;
    }
    .sec-m1 i{
        -webkit-background-size: 30px;
        -moz-background-size: 30px;
        -o-background-size: 30px;
        background-size: 30px;
    }
    .sec-m1 dt{margin-right: 0;margin-top: -5px;}
    .sec-m1 h3{font-size: 22px;}
    .sec-m1 p{font-size: 14px;}
    .p-t1{
        background: none;
        font-size: 18px;
        text-align: center;
        height: 50px;
        line-height: 50px;
        color: #f39801;
    }
    .progress-con{margin: 0;}
    .progress-con .tc{display: none;}
    .progress-list{display: block;overflow: hidden;}
    #fd {
        padding: 10px 0;
        font-size: 12px;
    }
    .side{display: none;}
    .main{
        padding: 10px;
        margin-left: 0;
    }
    .qa-box{margin-top: 0;}
    #banner .wp{
        left: 0;
        margin-left: 0;
        width: 100%;
    }
    #banner .r,
    #banner .l{
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    #banner .r{
        padding: 0 10px;
    }
    .ban-btn a,
    .qr, .ban-btn{display: block;
        margin: 0 auto;
    }
    .ban-btn a{margin-top: 10px;margin-bottom:10px;}

    #banner .slides li{
        height: 670px;
        background-image: none !important;
    }
    .ig1{
        width: 200px;
    }
    .ig2{height: 30px;}
    .qr{padding: 20px 0;}
    .ban-btn{margin: 0;}
    #banner .r h3{font-size: 20px;}    
    .ab-m1{display: block !important;}
}