@charset "utf-8";
/* CSS Document */
    
		
		.h5tel{ display:none;}
/*cintact*/
@media screen and (max-width: 768px){
	.footer-kefu{ display:block;}
	.footer-kefu li{display:none;}
	.footer-kefu li.tel{display:block; border-radius:120px; display:block; overflow:hidden;}
	.footer-kefu li.top{ opacity:0}
	.footer-kefu{ bottom:0; top:auto; margin-top:0; right:15px;}
	.header, .page-contact, .footer .wps{ display:none;}
	.index-banner .s {
    	padding: 60px 0;
		padding-top:80px;
	}
	.h5tel{ display:block; color:#fff; background:#12152c; text-align:center; line-height:80px; padding-bottom:0px; font-size:14px;}
	.index-banner h2{ font-size:32px;}
	.index-customer, .index-news, .index-partner, .w1200, .footer, .index-contact, .bot-footer, .index-process, .wp, .index-banner, .index-service, .index-case, .cat-header, .in-cont .mn, .page-header,.page-service,.page-advantage,.page-case,.page-service, .page-header, .about-team{min-width:100% !important; width:100%  !important; display:block;}
	.index-title{ padding:0 20px;}
	.in-cont .sidebar{ display:none;}
	.index-process{ padding:0px;}
	.in-cont .list_news p{ line-height:24px;}
	.in-cont .list_news .m{ width:120px;}
	.in-cont .list_news .m img{ height:80px;}
	.anli_xs{ width:100%; display:block;}
	.wrapper{ padding-top:30px;}
	.cat-header .s{ padding:0 35px; box-sizing:border-box;}
	.index-banner h2 span{ display:block;}
	.index-service .m{ padding:10px 0}
	.index-service .sub{ height:auto;}
	.index-service .m img{ width:50px; height:50px;}
	.bot-footer p{ padding:5px 0; font-size:11px; line-height:30px;}
	.index-service .sub{ width:50%; margin-top:20px;}
	.vsms-offer .content{ margin-top:30px;}
	.index-service .s{ padding-top:0px;}
	.vsms-offer .content a{ margin:0px; height:auto; background:none; border:1px solid #f1f1f1; padding:0px; box-sizing:border-box; width:40%; margin:0 4%; border-radius:5px; margin-bottom:20px; padding-bottom:20px;
	}
	.vsms-offer .content a p:nth-child(1){ font-size:29px; margin-top:20px;}
	.vsms-offer .content a s{ display:none}
	.index-news .m p{ line-height:50px; font-size:16px;}
	.vsms-offer .content a p:nth-child(5){ display:none;}
	.index-news .news-list img{ opacity:0; display:block; height:50px;}
	.index-contact .btn{ position:relative; display:block; top:auto; left:auto; margin:0 auto;}
	.index-news .news-list{ width:33.33333%;}
	.index-title .tips{ line-height:24px;}
	.footer{ display:none;}
	.page-case .s{ padding:0px !important;}
	.index-partner a{ height:50px !important; background-size:auto 90%;}
	.index-partner li{ width:50% !important;}
	.index-service, .index-customer{ padding:30px 0}
	.index-news .index-title{ margin-bottom:10px;}
	.index-contact .btn{ right:auto; margin-top:20px;}
	.index-contact .s{ padding:0px; text-align:center;}
	.index-process .wp p{ display:block; padding:0px 30px; line-height:24px; margin-top:30px;}
	.index-process li img{ width:30px; height:30px;}
	.index-slogan .service-subject{ width:42%; padding:2% 4%;}
	.anli_xs .tabs span.on:before{ display:none; opacity:0;}
	.anli_xs .tabs{ display:block; width:100%; text-align:center; margin:0px; margin-bottom:30px; padding:0px 20px; box-sizing:border-box;}
	.anli_xs .tabs span{ display:inline-block; margin:0px; margin-bottom:10px;}
	.index-slogan .m img{ width:30px; height:30px; display:block; margin:0 auto;}
	.index-news, .index-case{ padding:30px 0}
	.index-case .more{ margin-top:30px;}
	.shoujis{ display:block; margin:0 auto; float:none; width:330px;}
	.index-case .wp{ display:none}
	.index-news .s{ padding-top:0px;}
	.index-process li a{ border:0px;}
	.index-process li{ width:50%; margin-bottom:25px; border:0px;}
	.index-news {padding-bottom:0px;}
	.index-process .wp li p{margin-top:5px;}
	.index-news .list-s{ border-radius:6px; margin:0 10px; overflow:hidden;}
	.header{ display:block;min-width:auto;}
	.index-news .m p{ background:rgb(48,52,72)}
	.heinfs{ display:none;}
	.header h1{ height:auto;}
	.header .wps{ margin:0px; padding:0 12px; box-sizing:content-box;}
	.headdmenux{ position:absolute; top:13px;width:30px;right:15px; cursor:pointer; z-index:99999;}
	.headdmenux span{height:3px; margin:5px 0px; background:#fff; display:block; border-radius:20px;}
	.logomain, .header h1 img{ margin-bottom:7px; height:40px; margin-top:7px;}
	.header .xnavs li{ width:100%; display:block;}
	.header .nav{ margin:0px; float:none; width:100%;}
	.header .nav li a{ text-align:center;    background: #12152c;
    color: #fff; line-height:50px; height:50px; display:block;}
	.header .nav li{ margin:0px;}
	.xnavs{ width:100%; position:fixed; top:54px; left:0px; display:none;}
	.headdmenux{ display:block;}
	.showmenus{ display:block;}
	
	.page-case, .page-advantage{ padding:30px 0 !important; padding-bottom:5px !important}
	.page-advantage .data{ width:50% !important;}
	.page-advantage .s{ padding:15px !important}
	.page-service{ padding:30px 0px !important;}
	.page-title .tips{ padding:0 20px; line-height:24px !important;}
	.page-service .data .des{ height:120px !important;}
	.page-service .m img{ width:25px !important; height:25px !important;}
	.page-service .data{ width:50% !important}
	.page-service .s{ margin:15px !important;}
	.page-header{ height:320px !important;}
	.page-case{ padding-bottom:30px !important;}
	.page-header{ height:330px !important;}
	.about-section{ padding-top:30px !important;}
	.about-team{ padding:30px 10px !important}
	.contactwps img{ display:block; width:80%; max-width:80%; margin:0 auto;}
	
	.about-page-header{ height:200px !important;}
	.about-page-header .s{ margin-top:-30px !important;}
	.page-advantage .m img{ height:25px !important;}
	.page-title .title{ font-size:21px !important;}
	.page-title .tips{ font-size:14px !important}
	.header .nav .sub-menu{ position:relative !important; top:auto !important; left:auto !important; width:100% !important; text-align:center !important; display:block; height:0px !important}
	.header .nav .sub-menu a, .header .nav .sub-menu li { display:block; width:100% !important;}
	
	
	.about-section .title{ display:none !important;}
.about-cat-list{ display:block;}

.index-slogan .des{ height:72px !important; display:block;}

.about-team img, .contactwps img{ max-width:100% !important; height:auto;}
}