button{
    border:none!important;
    outline: none;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
@media screen and (min-width: 1400px){
    .hidden-l{display:none!important;}
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .hidden-l{display:none!important;}
    .warpper{width: 96%!important;}
    /*index*/
    .logo{margin-left: 2%;}

    /*cases*/
    .al .banner-right{width:600px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .warpper{width: 96%!important;}
    .hidden-m{display:none!important;}

    /*index*/
    .banner{height: 42vh;}
    .logo{margin-left: 2%;}
    .nav{margin:0px}
    .nav a{margin-right: 30px;}
    .sousuo-li{width: 23.5%;padding-top:35px}
    .sousuo-ul b{margin: 15px 0px 10px;}
    .link-box .link-item{width: 16%;margin-right: 0.8%;}
    .link-box .link-item:nth-child(6n){margin-right: 0px}
    .link-box .link-item:nth-child(7n){margin-right: 0.8%}
    .foot-title .logo{width: 50%}
    .foot-title .nav{width: 100%;padding:0;}
    .gongju-right .gongju-item{padding: 10px 15px; margin-top: 10px;}
    .index-msg,.footer-item b{font-size: 16px;}
    .footer-item p{font-size: 12px;}
    .footer-item .pos-img{max-height: 37px;}


    /*cases*/
    .gu-banner{height: 42vh}
    .banner-left{width: 100%;padding-top: 15vh}

    /*template*/
    .gu-banner .banner-right{display:none;}
    .one-part .one-item{padding: 30px 10px;}
    .one-item .one-item-img{height: 60px;width: 60px;}
    .one-item b{font-size: 20px;}
    .one-item p{font-size: 14px;}

    /*contact*/
    .contact-item b{font-size: 18px;}

    /*login*/
    .jianjie b{font-size:30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .warpper{width: 96%!important;}
    .hidden-sm{display:none!important;}

    /*index*/
    .banner{height: 42vh;}
    .head-btn{width:15%;}
    .nav{display:none;}
    .nav{float:right;margin:0;}

    .logo{margin-left: 2%;}
    .sousuo-li{width: 49%;height:200px;padding-top:25px}
    .sousuo-li .icon-img{height: 65px;width: 65px;line-height: 65px;}
    .icon-img img{width:35px;}
    .sousuo-li:nth-child(2n){margin-right: 0px;}
    .sousuo-ul b{margin: 10px 0px 5px;font-size: 18px;}
    .sousuo-ul p{font-size: 14px;}
    .gongju-left{height: 260px;margin-top: 20px; width: 100%;}
    .gongju-right{width: 100%;padding: 0px 2%;}
    .gongju-btn{margin: 15px auto 50px;}
    .link-box .link-item{width: 22%;margin-right: 4%;}
    .link-box .link-item:nth-child(7n){margin-right: 4%}
    .link-box .link-item:nth-child(4n){margin-right: 0px}
    .foot-title .logo{width: 50%}
    .foot-title .nav{width: 100%;padding:0;}
    .gongju-right .gongju-item{padding: 10px 15px; margin-top: 10px;}
    .index-msg,.footer-item b{font-size: 16px; padding: 15px 20px;}
    .footer-item p{font-size: 12px;}
    .footer-item .pos-img{max-height: 37px;}

    .web-title{font-size: 28px;}
    .small-title{font-size: 14px}
    .step-ul{padding-bottom: 40px;}
    .pt70{padding-top: 40px;}
    .step-ul .step-li{height: 140px;padding-top:25px;}
    .step-ul .step-line{margin-top: 70px;}

    .thumb-box .thumb-item{width: 49%;}
    .thumb-box .thumb-item:nth-child(3n){margin-right: 2%;}
    .thumb-box .thumb-item:nth-child(2n){margin-right: 0;}

    .footer,.foot-title,.fix-box{display: none;}
    .foot-main{padding-bottom: 0px;}

    /*ssl*/
    .demo-item .demo-img{height: 240px;line-height: 240px;}
    .ssl-demo .demo-item{}
    .demo-item .demo-text{margin-top:30%;font-size: 16px;}

    /*cases*/
    .gu-banner{height: 42vh}
    .gu-banner .banner-right{display:none;}
    .banner-left{width: 100%;padding-top: 15vh}
    .al-li{ width: 33%; margin: 0px 0.5% 15px 0px;}
    .al-li:nth-child(4n){margin-right: 0.5%;}
    .al-li:nth-child(3n){margin-right: 0;}
    .al-main{padding:30px 0px 40px;}
    .banner-left h1{font-size: 36px;}
    .gu-banner .banner-btn,.shaix-item{font-size: 16px;}

    /*template*/
    .gu-banner .banner-right{display:none;}
    .one-part .one-item{padding: 30px 10px;}
    .one-item .one-item-img{height: 60px;width: 60px;}
    .one-item b{font-size: 20px;}
    .one-item p{font-size: 14px;margin-bottom: 15px;}

    /*contact*/
    .contact-us{padding: 30px 0px 20px 0px;}
    .contact-box .contact-item{height:106px;padding: 10px 15px 10px 15px;}
    .contact-item .contact-icon{height: 28px;}
    .contact-item p{line-height: 32px;}
    .contact-item b{font-size:16px;line-height: 20px;}
    .contact-item .shanxing{right: -30px; bottom: -30px;width: 60px;height: 60px;}
    .shanxing .small-yuan{width: 46px;height: 46px;}
    .contact-item:last-child p{line-height: 16px;}

    /*login*/
    .small-menu{font-size: 14px;}
    .login-box .login-head .line,.jianjie{display:none;}
    .login-main{justify-content: center;}

}
@media only screen and (max-width: 767px){
    .warpper{width:94%!important;}
    .hidden-xs{display:none!important;}

    /*index*/
    .head-content .line, .foot-title .line{display: none;}
    .logo>img{height: 30px;margin-right: 0px;}
    .head-btn>.btn{height: 56px;line-height: 56px;}
    .nav_phone{margin-top: 0px;}
    .banner{height: 42vh;}
    .head-btn{width:20%;}
    .advantage-ul{padding: 15px 0px 10px;}
    .advantage-li>img{max-height: 45px;}
    .advantage-ul .advantage-li{margin-bottom: 10px;}
    .nav{display:none;}
    .advantage-li>h2{font-size:14px;}
    .advantage-li>p{display:none}

    .logo{margin-left: 2%;padding:13px 0px;}
    .sousuo-li{width: 49%; height: 150px;margin-bottom: 10px;padding: 10px;}
    .sousuo-li .icon-img{height: 45px;width: 45px;line-height: 45px;}
    .sousuo-li:nth-child(2n){margin-right: 0px;}
    .icon-img img{width: 25px;}
    .sousuo-ul{padding-top: 15px;}
    .sousuo-ul b{margin: 5px 0px 0px;font-size: 16px;}
    .sousuo-ul p{font-size: 14px;}
    .gongju-left{height: 120px;margin-top: 20px; width: 100%;}
    .gongju-right{width: 100%;padding: 0px 2%;}
    .gongju-item b{font-size: 16px;line-height: 30px;}
    .gongju-box{padding-bottom: 30px;}
    .gongju-ul .gongju-li{font-size: 14px;}
    .gongju-btn{margin: 15px auto 30px;}
    .link-box,.link-box{padding-top: 15px;}
    .link-box .link-item{width: 49%;margin-right: 2%;height: 80px;line-height: 80px;margin-bottom: 10px;}
    .link-box .link-item:nth-child(7n){margin-right: 2%}
    .link-box .link-item:nth-child(2n){margin-right: 0px}
    .foot-title .logo{width: 50%}
    .foot-title .nav{width: 100%;padding:0;}
    .gongju-right .gongju-item{padding: 10px 15px; margin-top: 10px;}
    .index-msg,.footer-item b{font-size: 14px;padding: 10px 15px;margin: 20px 0px 20px;}
    .footer-item p{font-size: 12px;}
    .footer-item .pos-img{max-height: 37px;}

    .web-title{font-size: 20px;line-height: 30px;}
    .small-title{font-size: 14px}
    .pt70{padding-top: 20px;}

    .step-ul{padding:20px 0px;}
    .step-ul .step-li{width:20%;height: 120px;padding-top:25px;}
    .step-ul .step-line{display: none;}
    .step-li>p{font-size: 14px;margin-top: 10px;}
    .step-li .step-bg{height: 45px;width: 45px; line-height: 45px;background-size: 45px;}

    .thumb-box{padding:15px 0px 10px;}
    .thumb-box .thumb-item{width: 49%;height:180px;margin: 0px 2% 15px 0px;}
    .thumb-box .thumb-item:nth-child(3n){margin-right: 2%;}
    .thumb-box .thumb-item:nth-child(2n){margin-right: 0;}
    .ceng-text span{margin-top: 50px;}

    .footer,.foot-title,.fix-box,.pos-box p{display: none;}
    .foot-main{padding-bottom: 0px;}
    .pt80{padding-top: 20px;}
    .pos-box{bottom:0px;top: unset;}
    .foot-ul p, .foot-ul a{width: 100%}
    .foot-msg{padding:10px 0px;}


    /*cases*/
    .mb-box{padding: 20px 0px 10px;}
    .gu-banner{height: 42vh}
    .gu-banner .banner-right{display:none;}
    .banner-left{width: 100%;padding-top: 15vh}
    .al-li{width: 49%;margin: 0px 1% 15px 0px;}
    .al-li:nth-child(4n){margin-right: 0.5%;}
    .al-li:nth-child(2n){margin-right: 0;}
    .al-main{padding:30px 0px 40px;}
    .banner-left h1{font-size: 24px;}
    .banner-left p{font-size: 14px;margin-bottom: 15px;}
    .gu-banner .banner-btn{font-size: 14px;}
    .shaix-item{font-size: 14px;margin-bottom: 15px;}
    .shaix-item span{min-width: 85px;}
    .al-li .al-title{height: 32px;line-height: 32px;font-size: 14px;}
    .al-li .al-img{height: 180px;line-height: 180px;}
    .al-time{height: 28px;line-height: 28px;font-size: 12px;}

    /*template*/
    .mb-main{padding: 15px 0px 30px;}
    .gu-banner .banner-right,.one-part{display:none;}
    .one-part .one-item{padding: 30px 10px;}
    .one-item .one-item-img{height: 60px;width: 60px;}
    .one-item b{font-size: 20px;}
    .one-item p{font-size: 14px;margin-bottom: 15px;}
    .mb-list .mb-li{ width: 49%;margin-bottom: 10px;}
    .mb-list .mb-li:nth-child(3n){margin-right: 2%;}
    .mb-list .mb-li:nth-child(2n){margin-right: 0px;}
    .mb-li .mb-info{height: 40px;line-height: 40px;font-size: 14px;}
    .shaix-input .search-btn{width: 75px;}
    .shaix-input .mb-input{width: 140px;font-size: 14px;}
    .mb-li .mb-img{height: 180px;line-height: 180px;}

    /*ssl*/
    .ssl-box{margin: 15px auto;}
    .text-info{font-size: 14px;margin: 10px 0px;}
    .table-ul{font-size: 14px;height: 45px;line-height: 45px;}
    .table-ul.table-title,.ssl-item b{font-size: 16px;}
    .ssl-item{font-size: 14px;height: 140px;padding-top: 15px;width: 49%;margin-bottom: 10px;margin-right: 2%;}
    .ssl-item:nth-child(2n){margin-right: 0px;}
    .ssl-item b{margin: 3px 0px 1px;}
    .ssl-item p{padding: 0px 3px;}
    .ssl-list{margin-top: 15px;}
    .ssl-main{padding: 15px 0px;}
    .ssl-icon{height: 45px;}
    .ssl-icon.ysxy,.ssl-icon.aq,.ssl-icon.kxr{background-size: 30px;}
    .ssl-icon.jrx{background-size: 40px;}
    .ssl-demo{margin-top:10px;display: block;}
    .ssl-demo .demo-item{display: block;width: 100%;}
    .demo-item .demo-img{width: 100%;height: 180px;line-height: 180px;}
    .demo-item .demo-text{text-align: center;font-size: 14px;margin-top: 10px;}
    .text-info.huise{margin: 10px 0px 30px;}

    /*contact*/
    .contact-us{padding: 30px 0px 20px 0px;}
    .contact-box .contact-item{width: 49%;height: 98px;padding: 10px 15px;margiin:0px 0.8% 10px 0px;}
    .contact-item .contact-icon{height: 25px;}
    .contact-item p{line-height: 28px;}
    .contact-item b{font-size:16px;line-height: 20px;}
    .contact-item .shanxing{right: -30px; bottom: -30px;width: 60px;height: 60px;}
    .shanxing .small-yuan{width: 46px;height: 46px;}
    .contact-item:last-child p{line-height: 16px;}
    .form-box{padding: 20px 0px;}
    .contact-form{margin-top: 15px;}
    .bd-input{width: 100%; height: 50px;padding: 10px 15px;margin-bottom: 10px;}
    .bd-textarea{height: 140px;}
    .bd-textarea{padding: 10px 15px;}
    .bd-tijiao .bd-btn{height: 45px;width: 120px;font-size: 14px;line-height: 45px;}

    /*login*/
    .small-menu{font-size: 12px;text-align: center;padding-top: 0px;}
    .login-box .login-head{justify-content:unset;flex-wrap: wrap;}
    .login-box .login-head .line,.jianjie{display:none;}
    .login-main{justify-content: center;padding-top: 40px;}
    .small-menu a{line-height: 14px;}
    .form-title{margin-top: 0px;font-size:20px;}
    .login-form{height: unset;}
    .login-foot{margin-top: 50px;}
    .sub-btn{font-size: 14px;}
}

@media screen and (min-width: 960px) and (max-width: 1250px) {
    .mb-list-0409{
        grid-template-columns: repeat(4, 24%);
    }
}
@media screen and (min-width: 700px) and (max-width: 960px) {
    .mb-list-0409{
        grid-template-columns: repeat(3, 285px);
    }
}
@media screen and (min-width: 640px) and (max-width: 930px) {
    .mb-list-0409{
        grid-template-columns: repeat(3, 32%);
    }
}
@media only screen and (max-width: 768px){
    .mb-box-0409 {
        padding: 20px 0px 10px;
    }
    .screen-main-0409 {
        padding: 0 5px;
        margin-bottom:10px;
    }
    .shaix-input-0409 .search-btn-0409{
        width: 75px;
    }
}
@media only screen and (max-width: 640px){
    .mb-list-0409{
        grid-template-columns: repeat(2, 49%);
    }
    .mb-btn-main .link{
        width: 120px;
        height: 30px;
        line-height: 30px;
    }
    .mb-btn-main .link .text{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .mb-btn-main .desc0409{
        font-size: 12px;
        line-height: 1.5;
    }
    .shaix-input-0409 .mb-input-0409{
        width: 110px;
        padding:0 5px;
    }
    .shaix-item-0409{
        font-size: 14px;
    }
    .shaix-item-0409 span{
        min-width:90px;
    }
}