@charset "utf-8";

@media screen and (max-width:768px) {
	body {font-size:0.8rem;}
	.wrapper{ width:100%;}
	.header {height:60px; background:#fff;}
	.header .logo { margin-top:18px; margin-left:10px; background-image:url(../img/logo2.png); background-size:180px 24px;}
	.header .nav {display:none;}
	.header .icon {display:none;}
	.header .snav_btn {display:block;float:right;height:24px;cursor:pointer; margin:18px 10px}
	.header .snav_btn img {width:24px;}
	
	.header.fixed .logo {background-image:url(../img/logo2.png); background-size:180px 24px;}

	.hideMenu {background:#fff;width:100%;height:100%;position:fixed;top:0;z-index:999999999;display:none;}
	.hideMenu .hidemain {position:relative;width:100%;height:100%;}
	.hideMenu .top {overflow:hidden;margin:18px 10px;}
	.hideMenu .top .img {float:left;}
	.hideMenu .top .img img {height:24px;}
	.hideMenu .top .close {float:right;cursor:pointer;}
	.hideMenu .top .close img {height:20px;margin-top:0px;}
	.hideMenu ul {border-top:1px solid #eee;overflow:hidden;height:100%; margin:20px 10px}
	.hideMenu ul li {width:100%; font-size:1rem; height:3rem; line-height:3rem;border-bottom:1px solid #eee;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;transition:all 0.25s ease; background:url(../img/invite-icon1.png) right center no-repeat}
	.hideMenu ul li a {width:100%;height:100%;display:block;position:relative;}
	.hideMenu ul li i{width: .8rem; height: .8rem; border-left: 1px solid rgba(0,0,0,0.35); border-top: 1px solid rgba(0,0,0,0.35); outline:none;-webkit-transform: rotate(-225deg); transform: rotate(-225deg); position:absolute; top:1.1rem; right: 1rem;}
	.hideMenu .bottom {position:absolute; bottom:0; left:0;width:100%;padding:20px 0; text-align:center}

	.footer {padding:1.5rem 1rem;}
	.footer .footerLink {padding-bottom:15px;}
	.footer .foot-lx { float: none; margin-top: 15px; text-align:center}
	.footer .foot-lx h2 {font-size: 1.5rem}
	.footer .foot-lx p{ line-height:2;}
	.footer .footerLink span {float: none; width:100%;}
	.footer .footerLink span img{ width:30%; margin:10px auto;}
	
	.footer .foot-lk { display:none;}
	
	.footer .copyRight {margin-top:15px; text-align:center;}
	.footer .copyRight span { display: none;}
	.footer .copyRight em {display:block; margin-left:0px;}
	
	.homePage .swiper-slide{}
	.homePage .swiper-slide img{ display:none; width:100%;}
	.homePage .swiper-pagination-bullet { width:30px; margin:0 5px;}
	.homePage .swiper-button-prev,.homePage .swiper-button-next{ display:none}
	
	.swiper-txt{ top:40%; width:60%; margin:0 20%;}
	.swiper-txt h2{ font-size:1.5rem;}
	.swiper-txt h3{ font-size:0.9rem; margin-top:10px;}
	.swiper-txt h5{ font-size:0.9rem; margin-top:10px;}

	.case-tit { padding-bottom:20px;}
	.case-tit h2{font-size: 1.5rem;}
	.case-tit p{ font-size:0.9rem; line-height:200%; margin-top:15px; }
	
	.num-server{ padding:1.5rem 1rem;}
	.num-server .case-pic { width:50%; position:relative; margin-bottom:20px;}
	.num-server .case-pic:last-child{ display:none}
	.num-server .case-name{ margin:15px auto; line-height:20px;  font-size:1rem;}
	.num-server .case-up img{ height:60px;}
	.num-server .case-explain {height:60px;}
	.num-server .case-explain li {font-size:0.85rem; list-style:none; text-align:center}
	
	.mbox2Text{padding:1.5rem 1rem;; background-size: contain}
	.mbox2TitCn{font-size:1.5rem;}
	.mbox2TitCn span{ display:block; font-size:1rem;}
	.mbox2Brief{margin:20px 0; font-size:0.80rem;line-height:2;}
	.mbox2Num{margin:50px 0 50px ;color:#fff;line-height:26px; text-align:center}
	.mbox2Num li{ float:left; width:50%; display:block; padding:25px 0; font-size:0.85rem}
	.mbox2NumSp{font-size:2rem}
	.active .mbox2Bot li,
	.active .mbox2Brief,
	.active .mbox2TitCn,
	.active .mbox2TitEn{opacity:1;transform:translateX(0)}
	.active .mbox2TitEn{transition-delay:.3s}
	.active .mbox2TitCn{transition-delay:.5s}
	.active .mbox2Brief{transition-delay:.7s}
	
	.case-list{padding:1.5rem 1rem;}
	.case-list li{width:100%; margin-left:0; margin-top:1rem;}
	.case-list li .img{height: auto;}
	.case-list li .txt{font-size:.8rem; padding:10px 0;}
	
	.w-news{padding:1.5rem 1rem;;}
	.news-list li {width:100%; margin-left:0; margin-bottom: 15px; padding:0; overflow:hidden}
	.news-list li .words{padding:1rem; }
	.news-list li .date { display:none}
	.news-list li .desc {margin:0; overflow:hidden}
	.news-list li .desc h3 {margin-bottom: 5px; font-size: 1rem; font-weight:500; display:block; white-space: normal; }
	.news-list li .desc p {font-size: 0.85rem;}
	
	.w-customer{padding:30px 15px;}
	.w-customer li{width:31.33%;}
	
	.subPage{ padding:30px 0;}
	.subPage .case-tit{ padding:0 15px;}
	.subPage .case-list{padding:10px 15px}
	.subPage .news-list{ padding:15px;}
	.subPage .news-list li {float: none; width:100%; margin-left:0;}
	.subPage .news-list li:nth-child(2n){ float: none;}
	.subPage .news-list li .words{padding:10px;}
	.subPage .w-customer .case-tit{ margin-bottom:20px;}

	.sub-banner{height:240px;}
	.sub-banner .bannerInfo{top:65%;-ms-transform:translate(-50%, -65%);transform:translate(-50%, -65%);}
	.sub-banner .bannerInfo .title{font-size:1.25rem; padding:0 15%; line-height:200%;}

	.breadcrumb { padding:10px 0;font-size: 0.85rem; margin-bottom:20px;}
	.breadcrumb p { display:none}
	.breadcrumb p.p2{ display:block; padding:0 15px;}

	.case_filter{ padding:1rem; margin:1rem 0 0 0; border-top:#eee solid 1px; border-bottom:#eee solid 1px; display:flex; flex-wrap:wrap;}
	.case_filter a{ width:31.33%; margin:5px 1%; padding:5px 0;}
	.case_filter a:hover,
	.case_filter a.act{ background:none; color:#1FBEE5; font-weight:700;}

	.news_filter{float: none; text-align:center; display:flex; flex-wrap:wrap;}
	.news_filter a{ width:25%; margin:0; padding:0;}
	.news_filter a:hover,
	.news_filter a.act{ background:none; color:#1FBEE5; font-weight:700;}

	.ser_left{float: none}
	.ser_right{float: none}
	.ser_box_content,.ser_box_img{width:100%;}
	.ser_box_content_main{margin:2.5rem 0}
	.ser_box_title_top{font-size:1rem;letter-spacing: .1rem;}
	.ser_box_title{font-size:1.5rem; margin:.5rem 0 1rem 0}
	.ser_box_title_bottom{ display:none;}
	.ser_box_text{font-size:0.8rem;line-height:1.8; text-align:justify;}
	.ser_box_btn{margin-top:20px}
	.ser_box_btn a{font-size:1rem}
	.ser_box_img1:after{background:none}
	.ser_box_img2:after{background:none}
	.ser_box_img3:after{background:none}
	.ser_box_img4:after{background:none}
	.ser_box_img5:after{background:none}
	.ser_box_img6:after{background:none}
	.ser_box_img:after{background-size:auto 30%}

	.about_top_text{ padding:1rem;}
	.about_top_text p{font-size:0.85rem; text-align:justify}
	.about_top_img{width:90%;margin:20px auto auto auto}

	.about_mid{padding:50px 0}
	.about_mid_title{line-height:200%;font-size:1.1rem;}
	.about_mid_title h2 span{font-size:4rem;}
	.about_mid_content{margin-top:20px;}
	.about_mid_row{padding:0 20px;}
	.about_mid_img{width:100%;}
	.about_mid_text{width:100%;min-height: inherit; height: auto; line-height: none; margin-top:0px}
	.about_mid_text h3{font-size:1.25rem;line-height:1em; text-align:center}
	.about_mid_text p{font-size:0.8rem; margin-top:15px; text-align:justify}
	.about_mid_row:nth-child(2n+1) .about_mid_img{float:none}
	.about_mid_row:nth-child(2n+1) .about_mid_text{float:none}
	.about_mid_row:nth-child(2n) .about_mid_img{float:none}
	.about_mid_row:nth-child(2n) .about_mid_text{float:none}

	.about_bottom{ padding:50px 0 0 0;}
	.about_bottom_content_left,
	.about_bottom_content_right{float: none; width:100%; height: auto;}
	.about_bot_text_1{position: absolute; right:0; bottom:0; height: 50%;}
	.about_bot_text_1 span{font-size:2rem;}
	.about_bot_text_2{ height: auto; font-size:.9rem;}
	.about_bot_text_2 p{ padding:2rem 1.5rem;line-height:2; text-align:justify}

	.service_page{ padding:50px 0; }
	.service_page_title{margin:20px 0 0 0}
	.service_page_title_item label{font-size:1.25rem; font-weight:700}
	.service_page_title_item span{font-size:.9rem; display:block;}
	.service_page_content{padding-top:0px; padding-bottom:20px}
	.service_page_content_img{display:none}
	.service_page_content_list{position: inherit; width:33%; float:left;text-align:left;display:inline-block; text-align:center}
	.service_page_content_list:nth-child(1){line-height:200%;font-size:0.8rem; left:0;top:0}
	.service_page_content_list:nth-child(2){font-size:0.8rem;line-height:200%; left:0;top:0}
	.service_page_content_list:nth-child(2) li:nth-child(2){text-indent:0}
	.service_page_content_list:nth-child(2) li:nth-child(3){text-indent:0}
	.service_page_content_list:nth-child(2) li:nth-child(4){text-indent:0}
	.service_page_content_list:nth-child(2) li:nth-child(5){text-indent:0}
	.service_page_content_list:nth-child(3){font-size:0.8rem;line-height:200%; left:0;top:0}

	.contact{padding:30px 15px}
	.contact_title{font-size:1.5rem; padding-bottom:20px;}
	.contact_left{width:100%;float:none}
	.contact_left_content{ padding-top:20px;}
	.contact_left_content_item{ height:50px; line-height:25px;padding-left:50px;font-size:.9rem; margin-bottom:10px; background-size:30px 30px}
	.contact_left_content_item:nth-child(1){margin-bottom:30px;}
	.contact_left_code{width:100%; text-align:center; border-top:#eee solid 1px; padding-top:30px;}
	.contact_left_code img{display: inline-block; width:40%; padding:4px;}
	.contact_left_code span{font-size:.9rem;}
	.contact_right{margin-top:30px; width:100%; height: auto; float:none; box-shadow:0 0 0 }
	
	#allmap { height: 300px;}


	/*news detail*/
	.news-detail { padding:20px 15px;}
	.news-detail .title {padding-bottom:20px; margin-bottom:40px;}
	.news-detail .title h3 {font-size:1.5rem;}
	.news-detail .title h5{font-size:0.9rem;}
	.news-detail .title h5 span {margin:0 5px;}

	/*正文定义*/
	#article-lsf{line-height:2; font-size:.9rem !important; text-align:justify}
	#article-lsf p{ font-size:.9rem !important; margin-bottom:1rem;}
	#article-lsf span{ font-size:.9rem !important;}
	#article-lsf img{ width:100% !important; height:auto !important;}
	#article-lsf table{border-collapse: collapse; width:100%; border:#ddd solid 1px;}
	#article-lsf table th{padding:5px; border:#ddd solid 1px;font-size:0.75rem;}
	#article-lsf table td{padding:5px; border:#ddd solid 1px;font-size:0.75rem;}
	#article-lsf table td p{ margin-bottom:0px;}
	#article-lsf table td img{width:100%; display:block;}


	.newFixedRight{height: 45px; bottom: 20px;}
	.newFixedRight .box2{ display:none;}

	.pre_next {height: auto; padding:15px;margin-bottom:50px;border:0;border-top:1px solid #eaeaea;}
	.pre_next span{width:100%;float: none;text-align: left;line-height:180%;font-size:0.85rem;border:0; margin-top:10px}

	.turnover {font-size:0.9rem;}

	
	.table_post{ margin-top:20px; padding:20px;}
	.table_post .page-title{ font-size:1.25rem}
	.table_post .page-title:after {margin-top: 10px;}
	.table_post .aui-auto-form{ margin-top:10px;}
	.table_post .aui-flex{ margin-bottom:10px;}
	.table_post .aui-flex-box{ display:block; width:100%;}

	.table_post label{ display:none}
	.table_post input[type="text"] { width:98%; font-size:1rem}
	.table_post textarea { width:98%; height:80px; font-size:1rem }
	.table_post input.btn {margin-left:0%;	width:98%; font-size:1rem}
}