@media screen and (max-width: 1920px){
    .banner{
        height: 534px;
    }
    .swiper-slide .mbox{
        height: 534px !important;
    }
}

@media screen and (max-width: 1700px){
    .navbar a{
        font-size: 14px !important;
        font-weight: 500;
    }
    .logo img{
        padding-top: 15px;
    }
    .banner{
        height: 460px !important;
    }
    .swiper-slide .mbox{
        height: 460px !important;
    }
    .title h2{
        font-size: 20px !important;
        line-height: 40px !important;
    }
    .title span.desc{
        font-size: 14px !important;
    }

    .service{
        padding: 20px 0 !important;
    }
    .service .server-tips{
        margin: 10px auto !important;
    }
    .service .server-tips li{
        height: 40px !important;
        line-height: 40px !important;
    }
    .service .server-tips li:nth-child(n+2) {
        margin-left: 10px !important;
    }
    .service .active{
        font-size: 16px !important;
        vertical-align: middle;
        color: #fff;
    }
    .caselist .title{
        position: absolute;
        left: 0;
        bottom: 0;
        white-space:nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .caselist .title h2{
        font-size: 20px !important;
        line-height: 40px !important;
        
    }    
    .partnerlist li{
        margin: 10px 0px !important;
    }

    .partner-detail ul li:nth-child(n+2) {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1068px){
	body{
		padding-top: 0px;
	} 
    .mbox{
        width: 98% !important;
    }   
    .title h2{
        font-size: 16px !important;
        line-height: 32px !important;
    }
    .title span.desc{
        font-size: 12px !important;
    }
	.header{
		display: none !important;
	}
	#m-hd{
		display: block !important;
	}
	.banner{
		margin-top: 50px !important;
        height: 280px !important;
        overflow: hidden;
	}
    .banner .mbox{
        height: 280px !important;
    }
    .banner .banner-info{
        font-size: 14px !important;
    }
    .banner .banner-info p{
        font-size: 20px !important;
        line-height: 40px !important;
        margin-bottom: 10px;
    }

    .service{
        padding: 10px 0 !important;
    }
    .service .server-tips{
        margin: 5px auto !important;
    }
    .service .server-tips li{
        height: 32px !important;
        font-size: 12px !important;
        line-height: 32px !important;
    }

    .service .server-tips li:nth-child(n+2) {
        margin-left: 10px !important;
    }

    .service .server-info{
        left: 10px !important;
        bottom: 10px !important;
    }
    .server-info p{
        font-size: 16px;
        font-weight: 600;
    }
    .server-info span{
        width: 100%;
        font-size: 12px !important;
    }
    
}

@media screen and (max-width: 1020px){
    .banner{
		margin-top: 50px;
        height: 180px !important;
	}
}


@media screen and (max-width: 1048px){

}

@media screen and (max-width: 1024px){

}



@media screen and (max-width: 960px){

}

@media screen and (max-width: 900px){
    #m-hd{border-bottom: 1px solid #ccc;}

    .banner{
		margin-top: 0px !important;
        height: 240px !important;
	}
    .swiper-slide .mbox{
        height: 240px !important;
    }
    .banner .banner-info{
        width: 100%;
        text-align: center;
        font-size: 16px !important;
    }
    .swiper-button-prev,.swiper-button-next{
        display: none !important;
    }
    .banner .banner-info p{
        font-size: 24px !important;
        line-height: 40px !important;
        margin-bottom: 5px;
    }
    .footer {
		padding-top: 0;
		background: #000;
	}
	.footer .siteinfo, .footer p{
		display: none !important;
	}
	.footer .copyright{
		text-align: center;
        font-size: 12px;
		background: none;
		height: auto;
		padding: 8px 0;
	}
    .service{
        padding: 10px 0 !important;
    }
    .service .server-tips{
        margin: 5px auto !important;
    }
    .service .server-tips li{
        border-radius: 2px !important;
        height: 32px !important;
        font-size: 12px !important;
        line-height: 32px !important;
    }

    .service .server-tips li:nth-child(n+2) {
        margin-left: 5px !important;
    }
    .service .server-info{
        left: 10px !important;
        bottom: 10px !important;
    }
    .server-info p{
        font-size: 16px;
        font-weight: 600;
    }
    .server-info span{
        width: 100%;
        display: block;        
        font-size: 12px !important;
        line-height: 24px !important;
        overflow: hidden; 
        white-space:nowrap;
        text-overflow: ellipsis;
    }

    .case,.partner{
        padding: 10px 0 !important;
    }
    .case .title .desc a{
        font-size: 12px !important;
    }
    .caselist li{
        margin: 5px 0px !important;
        height: 150px !important;
        overflow: hidden;
    }
    .caselist .title{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -10px !important;
        
    }
    .caselist .title h2{
        font-size: 12px !important;
        line-height: 32px !important;   
        overflow: hidden; 
        white-space:nowrap;
        text-overflow: ellipsis;
    }

    .caselist img{
        height: 150px !important;
    }

    .caselist h2 a{
        padding-left: 10px !important;
        font-size: 14px !important;
    }

    .caselist .desc{
        display: none !important;
    }

    .partnerlist li{
        overflow: hidden;
        margin: 5px 0px !important;
    }
    .partnerlist li img{
        max-width: 100%;
        height: 50px !important;
    }

    .certificate h3{
        font-size: 16px !important;
    }
    .news ul{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    .news ul li{
        width: 23%;
        margin: 10px 5px !important;
        background: #fff;
        padding: 10px;
    }
    .news ul li p{
        overflow: hidden; 
        white-space:nowrap;
        text-overflow: ellipsis;
    }
    .news ul li img{
        width: 100%;
        height: 90px !important;
    }  
    .service-detail ul li{
        min-width: 100% !important;
    } 
    .partner-detail ul li{
        min-width: 100% !important;
    }
    .joblist li{
        width: 23% !important;
        margin: 10px 7px 10px 7px !important;
    }
    .joblist li .imgbox{
        padding-top: 10px !important;
        height: 80px !important;
    }    
}
@media screen and (max-width: 880px){

}



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


@media screen and (max-width: 640px){
	#m-hd{border-bottom: 1px solid #ccc;}

    .banner{
		margin-top: 0px !important;
        height: 180px !important;
	}
    .swiper-slide .mbox{
        height: 180px !important;
    }
    .banner .banner-info{
        font-size: 12px !important;        
        text-align: center;
    }
    .swiper-button-prev,.swiper-button-next{
        display: none !important;
    }
    .banner .banner-info p{
        font-size: 16px !important;
        line-height: 40px !important;
        margin-bottom: 5px;
    }
    .service{
        padding: 10px 0 !important;
    }
    .service .server-tips{
        margin: 5px auto !important;
    }
    .service .server-tips li{
        border-radius: 2px !important;
        height: 32px !important;
        font-size: 12px !important;
        line-height: 32px !important;
    }

    .service .server-tips li:nth-child(n+2) {
        margin-left: 5px !important;
    }
    .service .server-info{
        left: 10px !important;
        bottom: 10px !important;
    }
    .server-info p{
        font-size: 16px;
        font-weight: 600;
    }
    .server-info span{
        width: 100%;
        display: block;        
        font-size: 12px !important;
        line-height: 24px !important;
        overflow: hidden; 
        white-space:nowrap;
        text-overflow: ellipsis;
    }

    .case,.partner{
        padding: 10px 0 !important;
    }
    .case .title a{
        font-size: 12px !important;
    }
    .caselist li{
        margin: 5px 0px !important;
        height: 80px !important;
        overflow: hidden;
    }
    .caselist li .title{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: -10px !important;
        
    }
    .caselist li .title h2{
        line-height: 32px !important;   
        overflow: hidden; 
        white-space:nowrap;
        text-overflow: ellipsis;
    }

    .caselist img{
        height: 80px !important;
    }

    .caselist h2 a{
        padding-left: 10px !important;
        font-size: 12px !important;
    }

    .caselist .title .desc{
        display: none !important;
    }
    .partnerlist li{
        width: 49% !important;
        margin: 4px 0px !important;
    }
    .partnerlist li img{
        max-width: 100%;
        height: 50px !important;
    }

    .certificate h3{
        font-size: 16px !important;
    }
    .footer {
		padding-top: 0;
		background: #000;
	}
	.footer .siteinfo, .footer p{
		display: none !important;
	}
	.footer .copyright{
		text-align: center;
        font-size: 12px;
		background: none;
		height: auto;
		padding: 8px 0;
	}

    .content{
        padding:0 0 10px !important;
    }

    .content .mbox .mainbox,.partner .mbox .mainbox{
        width: 90% !important;
    }
    .navbox {
        height: 40px !important;
        line-height: 40px !important;
    }
    .navbox a{
        font-size: 12px !important;
    }
    .navbox a:hover{
        color: #3a64ff !important;
    }
    .noshow{
        display: none !important;
    }
    .news ul li{
        width: 80% !important;
        margin: 10px auto !important;
        min-width: 300px;
    }
    .news ul li img{
        height: 150px !important;
    }
    .joblist li{
        width: 45% !important;
        margin: 8px 8px 5px 8px !important;
    }
    .joblist li .imgbox{
        padding-top: 10px !important;
        height: 80px !important;
    }
    .pagination {
        width: 90% !important;
        font-size: 12px;
    }
    .contact-box {
        min-height: 500px;
    }    
    .contact-l{
        width: 300px;
    }
    .contact-l h3, .contact-l i{
        color: #3a64ff;
    }
    .ul-contact li {
        line-height: 25px !important;
    }
    .contact-detail {
        top: -30px !important;
        left: 0;
    }    
    .contact-form .sub{
        font-size: 12px !important;
    }
}


@media screen and (max-width: 480px){

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


@media screen and (max-width: 390px){

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

}