@media (max-width: 1200px) {
    .issue-box li{
        width: 480px;
    }

    /******底部悬浮层 begin*****/
    .service-boxs .f-right {
        width: 100%;
    }
    .form-box{
        margin: 0 auto 30px;
    }
    /******底部悬浮层 emd*****/
}

@media (max-width: 996px) {
    .header-section .container span.f-right{
        display: none;
    }
    .header-section .navbar-default{
        right: 0;
    }
    .header-section .navbar-nav > li a{
        padding: 0 16px;
    }
    .service-box ul li img{
        width: 80%;
    }

    .signifi-box{
        width: 100%;
    }
    .signifi-box li{
        width: 200px;
    }

    .issue-box li{
        width: 100%;
        height: auto;
        padding: 10px;
    }

    /******footer begin*****/
    .sub-navs dl{
        margin: 0;
    }
    .contact-line{
        width: 180px;
    }
    .code-box{
        width: 140px;
        margin-right: 40px;
    }
    /******footer end*****/

}

@media (max-width: 767px) {
    .header-section .container span.f-left{
        padding-left: 10px;
        position: relative;
        z-index: 10;
    }
    .navbar-default .navbar-toggle{
        padding: 6px;
        margin: 6px 10px;
    }
    .header-section .navbar-default{
        position:relative;
        top: 0;
    }

    .banner-section img{
        width: 90%;
    }
    .banner-section .sort, .banner-section .form-box{
        width: auto;
        padding: 0 20px;
    }
    .banner-section .form-box{
        display: flex;
    }
    .banner-section .form-box .text{
        flex: 1;
    }
    .banner-section .form-box .btn{
        flex: 0 0 140px;
    }
    .section-box {
        padding: 30px 0 36px;
    }
    .service-box {
        margin: 20px 0 10px;
    }
    .section-btn{
        width: 80%;
        height: 40px;
        line-height: 40px;
        margin-top: 0;
        font-size: 14px;
    }

    .issue-section .tel-btn{
        width: 80%;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
        font-size: 14px;
    }

    .signifi-box{
        background: none;
    }
    .signifi-box li{
        width: 50%;
        height: 190px;
        box-sizing: border-box;
        padding: 0 5px 0 10px;
    }
    .signifi-box li:nth-child(1), .signifi-box li:nth-child(3){
        margin: 0;
    }
    .signifi-box li:nth-child(1) h3, .signifi-box li:nth-child(3) h3{
        text-align: left;
    }
    .signifi-box {
        margin: 10px 0 10px;
    }

    .flow-box{
        margin: 16px 0 10px;
    }
    .flow-box li.arrow{
        display: none;
    }
    .flow-box li{
        width: 50%;
    }

    .flow-btns li{
        width: 50%;
        box-sizing: border-box;
        margin: 0;
        padding: 10px;
    }
    .flow-btns li a{
        width: 100%;
    }
}

@media (max-width: 420px) {
    .banner-section .container{
        padding: 50px 0;
    }
    .banner-section .subhead{
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .banner-section .sort{
        height: 60px;
        line-height: 60px;
        font-size: 14px;
    }
    .banner-section .sort a{
        padding: 0 10px;
    }
    .banner-section .form-box .text, .banner-section .form-box .btn{
        height: 40px;
        line-height: 40px;
    }
    .banner-section .form-box .btn{
        flex: 0 0 100px;
        font-size: 16px;
    }
    .service-box ul li{
        width: 33%;
        height: 190px;
    }
	.service-box ul li:nth-child(4){
		margin-left:60px;
	}
    .service-box ul li h3{
        margin: 0;
        line-height: 30px;
        font-size: 14px;
    }
    .service-box ul li p{
        line-height: 18px;
        font-size: 12px;
    }
    .section-box h2{
        font-size: 24px;
    }

    .signifi-box li h3{
        font-size: 16px;
    }
    .signifi-box li p{
        line-height: 24px;
    }
    .flow-box li h3{
        line-height: 30px;
        font-size: 16px;
    }

    .flow-btns li a{
        text-indent: 0;
        text-align: center;
    }
    .flow-btns li a i{
        display: none;
    }

    .advant-box{
        margin-top: 20px;
		margin-bottom: 10px;
    }
    .advant-box li{
        width: 50%;
        margin-bottom: 20px;
    }

    .show-list{
        margin-top: 20px;
		margin-bottom: 10px;
    }
    .show-list li{
        margin-bottom: 10px;
    }
    .issue-box{
        margin-top: 0;
    }

    /*****footer begin*****/
    .footer-section{
        padding: 20px 15px 40px;
    }
    .sub-navs{
        width: 100%;
    }
    .sub-navs dl{
        width: 33%;
        text-align: center;
    }
    .contact-line{
        width: 50%;
    }
    .code-box{
        width: 50%;
        margin: 0;
    }
    .code-box img{
        width: 70%;
    }

    .pop-dzb-box .content{
        padding: 0 0px 10px;
    }
    .pop-dzb-box p{
        line-height: 50px;
        font-size: 20px;
    }
    /*****footer end*****/

    /******底部悬浮层 begin*****/
    .float-panel{
        display: none;
    }
    .box-content{
        display: flex !important;
        width: 80%;
    }
    .box-content .txyzm, .box-content .smsyzm{
        flex: 0 0 160px;
    }
    .box-content .tx-yzm{
        flex: 1;
    }
    .box-content .getsmyzm{
        flex: 1;
    }
    /******底部悬浮层 end*****/

    .side-menu, .xcx-code, .qihui-register{
        display: none;
    }

    .qihui-applet-wap{
        display: block;
    }


}

@media (max-width: 360px) {



}