@media screen and (max-width:1000px){
    .boxOne .loginImg{
        width: 350px;
    }
    .boxOne .loginImg img{
        width: 100%;
    }
    .loginBox{
        padding: 10px 0;
    }
    .loginCon input{
        margin:15px 0;
    }
}
@media screen and (max-width:990px){
    .nav-bar,.con {
        width:820px;
    }
    .conL{
        width:220px;
    }
    .conL img{
        width:100%;
    }
    .conR{
        width:550px;
    }
}
@media screen and (max-width:830px){
    .nav-bar,.con {
        padding:0 20px;
        width:auto;
    }
    .conL{
        display:none;
        float:none;
    }
    .conL img{
        width:100%;
    }
    .conR{
        width:auto;
        float:none;
        padding-top:20px;
        padding-left:0;
    }
    .watchCon{
        padding-top:30px;
    }
    .boxOne .loginImg img{
        width: 100%;
    }
    .boxOne .loginImg{
        float:none;
        width:490px;
        margin:auto;
    }
    .loginR{
        width:490px;
        margin:auto;
        float:none;
    }
    .loginBox{
        width:100%;
    }
    .loginCon{
        width:400px;
    }

}
@media screen and (max-width:800px){
    .tableImg,.tableImg img{
        width: 100%;
    }
    .scenceCon img{
        width: 100%;
    }
}

@media screen and (max-width:780px){
    .nav-bar .fL img{
        width:150px;
    }
    .nav-bar .fL{
        padding-top:25px;
    }
    .nav-bar .fR img{
        width:400px;
    }
    .nav-bar .fR{
        padding-top:30px;
    }
    .bLdl dl{
        width:80%;
        margin:auto;
    }
    .bLdl dl dt img{
        width: 100%;
    }
}
@media screen and (max-width:620px){
    .nav-bar .fL img{
        width:130px;
    }
    .nav-bar .fL{
        padding-top:15px;
    }
    .nav-bar .fR img{
        width:350px;
    }
    .nav-bar .fR{
        padding-top:25px;
    }
    .header{
        height:90px;
    }
    .network .bLdl{
        width: 50%;
    }
    .network .bLdl dl dt img{
        width: 150px;
    }
}
@media screen and (max-width:580px){
    .form label{
        display:none!important;
    }
    .form .red{
        padding-left:0!important;
    }
    .form li{
        margin:10px 0;
    }
    .form li .form-control{
        width:85%;
        margin:auto;
    }
    .box_2 dl dd{
        width:auto;
    }
    .box_2 dt,.box_2 dd{
        float:none;
    }
    .box_2 dd{
        padding-left:0!important;
        padding-top:15px;
    }
    .box_2 dt{
        font-size:18px;
        margin-bottom:10px;
        border-bottom:1px solid #ccc;
        width:100%!important;
    }

    .footer span{
        display:block;
    }
}
@media screen and (max-width:550px){
    .nav>p>img{
        width: 100%!important;
    }
}
@media screen and (max-width:530px){
    .nav-bar .fL img{
        width:130px;
    }
    .nav-bar .fL{
        float:none!important;
        text-align:center;
    }
    .nav-bar .fR img{
        width:350px;
    }
    .nav-bar .fR{
        padding-top:15px;
        float:none!important;
        padding-bottom:10px;
        text-align:center;
    }
    .header{
        height:auto;
    }
    .relt{
        padding-left:20px;
    }
    .fixedHead,.fixedCon,.fixedFoot{
        position: relative;
    }
    .fixedCon{
        position: relative;
        top:0;
        bottom:0;
    }
    .BuyWay{
        margin:0;
    }
    .BuyWay{
        width: 100%;
    }
    .buyCon{
        width: 100%;
        padding:0;
    }
    .BuyWayList li a{
        display: block;
    }
    .BuyWayList li label{
        width: 20%;
        text-align: center;
        padding-left:3%;
    }
    .BuyWayList li span{
        width:50%;
        padding-left:7%;
    }
    .BuyWayList li b{
        width:15%;
        text-align: center;
    }

    .BuyWayList li{
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        -moz-transition:all .5s;
        -webkit-transition:all .5s;
        -o-transition:all .5s;
        transition:all .5s;
    }
    .BuyWayList li:hover{
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
    }
    .xlh label{
        display:none;
    }
    .xlh .form-control{
        width: 75%;
    }
    .xlh .btn_sub{
        width: 15%;
    }
    .watchCon p{
        text-align: center;
    }
    .bLdl{
        width:100%;
        float:left;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .bLdl dl dt img{
        width: 168px;
    }
    .bLdl dl dd{
        text-align: center;
    }
    .table{
        width: 90%;
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .formCon{
        width: 100%;
    }
    .oneLabel{
        display:none!important;
    }
    .forms>div .form-control{
        width: 90%;
    }
    .formCon{
        background: none;
    }
    .subBtn2{
        margin-bottom: 20px;
    }
    .forms{
        padding-bottom: 20px;
    }
    .loginR{
        width:100%;
        margin:auto;
        float:none;
    }
    .boxOne .loginImg{
        width: 100%;
    }
    .loginCon{
        width: 100%;
    }
    .loginCon .form-control{
        width: 95%!important;
    }
    .boxTwo ul li{
        width: 24.8%;
    }
    .boxTwo ul li:nth-child(4) a{
        border:none;
    }
    .boxTwo ul li a{
        padding:0;
        text-align: center;
    }
}
@media screen and (max-width:430px){
    .box_3 dd{
        height:auto;
    }
    .box_4 .red{
        padding-left:0;
    }
    .box_4_p{
        padding-left:15px;
    }
    .form ul{
        float:none;
        width:100%;
    }
    .form li .form-control{
        width:95%;
        margin:auto;
    }
    .subBtn{
        margin-top:15px;
    }
    .box_4{
        padding-top:15px;
        padding-bottom:10px;
    }
    
    .nav-bar .fR img{
    	width:100%;
    }
    .audHead{
        height: 157px;
        position: absolute;
        top:0;
    }
    .audCon{
        top: 157px;
        bottom:120px;
        position: absolute;
    }
    .audFoot{
        position: absolute;
        bottom:0;
    }
    .watchCon img{
        width: 100%;
    }

    .network .bLdl dl dt img{
        width: 120px;
    }
    .network .bLdl dl dd{
        font-size: 13px;
        text-align: left;
    }
    .network{
        width: 100%;
    }
    .networkP{
        margin-bottom: 40px;
    }
    .btnMt{
        margin-top: 20px;
    }
}

@media screen and (max-width:380px){
    .checked span{
        font-size:12px;
    }
    .checked .pL20{
        padding-left:10px!important;
    }
    .btn_one{
    	margin-left:30px!important;
    }
    .audHead{
        height: 147px;
        position: absolute;
        top:0;
    }
    .audCon{
        top: 147px;
        position: absolute;
    }
    .BuyWayList li span{
        font-size: 12px;
    }

    .popWord{
        position:fixed;
        left:50%;
        margin-left:-90px;
        top: 50%;
        z-index:99999;
        margin-top:-104px;
    }
    .popWord img{
        width: 180px;
    }
    .bLdl dl dt img{
        width: 130px;
    }

    .network .bLdl dl dd{
        font-size: 12px;
    }

    .networkP{
        margin-bottom: 20px;
    }
    .forms>div label{
        font-size: 13px;
    }
    .forms>div label input{
        vertical-align: -2px;
    }
    .boxTwo ul li a{
        font-size: 12px;
    }
    .wrodCon p{
        font-size: 12px;
    }
    .loginCon input{
        padding:5px 2%;
    }

}
@media screen and (max-width:330px){
    .box_2 dl dd>div p{
        font-size:12px;
    }
    .box_1 div span{
        font-size:12px;
    }
    .con{
        padding:0 10px;
    }
    .btn{
        margin:5px 0;
        margin-left:17px;
    }
    .box_4_p{
        font-size:12px!important;
    }

    .BuyWayList li label{
        width: 20%;
        text-align: center;
        padding-left:3%;
    }
    .BuyWayList li span{
        width:56%;
        font-size: 12px;
        padding-left:0;
    }
    .BuyWayList li b{
        width:12%;
        text-align: center;
        padding-left:2%;
    }
    .buyCon{
        padding:0;
    }

}
@media screen and (max-width:315px){
    .BuyWayList li label{
        width: 23%;
        text-align: center;
        padding-left:3%;
    }
    .BuyWayList li span{
        width:53%;
        font-size: 12px;
        padding-left:0;
    }
    .BuyWayList li b{
        width:12%;
        text-align: center;
        padding-left:2%;
    }
}