@media screen and (max-width:768px) {
	html{ overflow-x:hidden;}
	body {font-size:0.9rem;}
	.wrap{ width:100%;}
	
	.pc{ display:none;}
	.mb{ display:block;}
	
	#topline{ display:none}

	#header {height: 60px; background: rgba(0,0,0,0.75); overflow:hidden}
	#header .logo { float:left; width:auto; background:none;}
	#header .logo img{ height:60px;}
	
	/*导航栏*/
	.nav {display:none;}
	.snav_btn { float:right; margin:18px 10px; display:block;height:24px;cursor:pointer;}
	.snav_btn img {width:24px;}

	.hideMenu {background: rgba(0,0,0,0.85);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; height:60px;}
	.hideMenu .top .img {float:left;}
	.hideMenu .top .img img {height:60px;}
	.hideMenu .top .close {float:right;cursor:pointer; margin:10px 20px;}
	.hideMenu .top .close img {height:20px;margin-top:10px;}
	.hideMenu ul {border-top:1px solid rgba(255,255,255,0.25);overflow:hidden;height:100%; margin:0 10px 20px 10px}
	.hideMenu ul li {width:100%; font-size:1rem; height:4rem; line-height:4rem;border-bottom:1px solid rgba(255,255,255,0.25);position:relative; overflow:hidden}
	.hideMenu ul li a {display:block; padding-left:1rem; color:#fff;}
	.hideMenu ul li i{width: 1rem; height: 1rem; border-left: 1px solid rgba(255,255,255,0.85); border-top: 1px solid rgba(255,255,255,0.85); outline:none;-webkit-transform: rotate(-225deg); transform: rotate(-225deg); position:absolute; top:1.5rem; right: 1rem;}
	.hideMenu .bottom {position:absolute; bottom:0; left:0;width:100%;padding:20px 0; text-align:center; color:#fff;}
	
	.banner {margin-top:0; height:320px;}
	.banner .swiper-container {height:320px;}
	.banner .swiper-slide { background-size:cover}
	
	.banner .swiper-button-prev,
	.banner .swiper-button-next{width: 2rem; height: 2rem; border-width:1px;}
	.banner .swiper-button-prev{left: 1rem;}
	.banner .swiper-button-next{right: 1rem;}
	
	.banner .gallery-thumbs { display:none;}

	.w-tit { margin-bottom:20px;}
	.w-zh {font-size: 1.5rem;}

	/*服务*/
	.w-fw-m img{ display:block; width:100%;}


	/*搭建*/
	.w-al{ height: auto; background-size:cover; padding:30px 15px;}
	.w-al .txt{ float: none; width:100%; margin-top:20px; text-align:center}
	.w-al .txt h1{ font-size:1.5rem;}
	.w-al .txt p{ font-size:0.8rem; margin-top:20px;}
	.w-al .txt span{ width:20%; height:2px; margin:20px auto;}
	.w-al .video{ float: none; width:100%; margin-top:20px;}
	.w-al .swiper-container { height:250px;}
	.w-al .swiper-wrapper{height:220px;}


	/*案例*/
	.w-app {height: auto; background-size:cover; padding-bottom:20px;}
	.w-app .swiper-container {height:300px;}
	.w-app .swiper-slide a.more{ width:150px; height:50px; line-height:50px; font-size:1rem;}

	.w-app .swiper-button-prev,
	.w-app .swiper-button-next{width: 2rem; height: 2rem; border-width:1px;}
	.w-app .swiper-button-prev{left: 1rem;}
	.w-app .swiper-button-next{right: 1rem;}

	.w-app .gallery-thumbs {height: 150px;}
	.w-app .gallery-thumbs .swiper-slide p{ margin:0; background:none;}
	.w-app .gallery-thumbs .swiper-slide span{ width: 20px; height:150px;font-size:0.9rem; margin: 20px auto 0 auto;}

	.w-app .txt{ margin:15px; text-align:center}
	.w-app .txt h2{ font-size:1.5rem;}
	.w-app .txt p{font-size:0.8rem}
	.w-app .txt p strong{ font-size:1rem;}
	.w-app .txt span{width:20%; margin:20px auto;}


	/*团队*/
	.w-team{ padding: 30px 15px; overflow:hidden; background:#dfdfe0;}
	.w-team .tit{ font-size:1rem;line-height:150%; text-align:center; color:#888}
	.w-team .tit span{ float: none; display:block; font-size:1.5rem; color:#ff8000; margin-bottom:10px;}

	.w-team .gallery-top {height: auto; margin-top:20px;}
	.w-team .gallery-top .txt{ float: none; width:100%; margin-top:0; background:#fff; padding:15px;}
	.w-team .gallery-top .txt dt{ float: none; width:100%; text-align:left}
	.w-team .gallery-top .txt dt h2{ font-size:1.5rem;}
	.w-team .gallery-top .txt dt p{ font-size:0.9rem;}
	.w-team .gallery-top .txt dd{ float: none; width:100%; margin-top:20px;}
	.w-team .gallery-top .img{ float: none; width:100%; height: auto; margin-top:10px;}
	
	.w-team .gallery-thumbs{ display:none}
	.w-team .gallery-thumbs .swiper-slide-thumb-active { height:120px; margin-top:15px;}
	
	.w-team .line{width:30%; margin-top:20px;}


	/*优势*/
	.w-ys { padding: 30px 15px;}
	.w-ys .wrap{background-size: 90% auto}
	.w-ys .txt{ float: none; width:100%; margin-left:0; margin-top:10px; text-align:center}
	.w-ys .txt h2{ font-size:1.5rem;}
	.w-ys .txt p{font-size:0.9rem; margin-top:15px;}
	.w-ys .w-ys-box{ float: none; width:100%; margin-top:20px;}
	.w-ys .w-ys-box li{margin-top:20px;}
	.w-ys .w-ys-box li img{height:30px;}
	.w-ys .w-ys-box li p{ margin-top:10px; font-size:0.8rem;}

	
	/*流程*/
	.w-lc{ border-bottom:#eee solid 1px; margin-bottom:30px;}
	.w-lc-top{ height:100px; background-size:auto 100px;}
	.w-lc-con{ height: auto; background-size:cover; padding:15px 0 35px 0;}
	.w-lc-con .wrap{ position:relative;}
	.w-lc li{ float:left; width:50%; position: inherit; left:inherit; top:inherit; text-align:center; margin-top:20px;}
	.w-lc li span{ width:40px; height:40px; line-height:40px; border-radius:40px; font-size:1.25rem;}
	.w-lc li p{ height:40px; line-height:20px; font-size:0.8rem; margin-top:10px;}


	/*评价*/
	.w-pj { padding-bottom:20px;}
	.w-pj .swiper-slide .txt{ float: none; width:100%;}
	.w-pj .swiper-slide .txt .box{ width:80%; margin:10% 10% 5% 10%;}
	.w-pj .swiper-slide .txt .box h2{ font-size:1.5rem; height:60px; line-height:60px;}
	.w-pj .swiper-slide .txt .box img{ width:60px;height:60px; border-radius:60px; margin-right:20px;}
	.w-pj .swiper-slide .txt .box p{ font-size:0.8rem; margin-top:20px;}
	.w-pj .swiper-slide .img{ float: none; width:80%; margin:0 10%;}
	
	.w-pj .swiper-button-prev,
	.w-pj .swiper-button-next{ border-width:1px;}
	.w-pj .swiper-button-prev{left:1rem; top:60%}
	.w-pj .swiper-button-next{right:1rem; top:60%;}
	
	.w-pj .arr{ width:100%; position: inherit; left: inherit; height: inherit; display:none;}
	.w-pj .gallery-thumbs {width:80%; margin-top:20px;}


	/*合作*/
	.w-hz { padding:30px 0;}
	.w-hz .swiper-container {height: auto;}
	
	.w-hz .swiper-button-prev,
	.w-hz .swiper-button-next{width: 1rem; height: 1rem; border-width:1px;}
	.w-hz .swiper-button-prev{left: 1rem;}
	.w-hz .swiper-button-next{right: 1rem;}
	
	/*新闻*/
	.w-news {height: auto; margin-bottom:0;}
	.w-news .img{ display:none}
	.w-news .box{ float: none; width:100%; height: auto;}
	.w-news .box .hd{padding-left:0; text-align:center }
	.w-news .box .hd li { float:none; display:inline-block; padding:0 15px; font-size:0.9rem;}
	
	.w-news .box .bd { padding-left:0; width:100%; padding:15px; background:#fff;}
	.w-news .box .bd li{height:50px; line-height:50px; border-color: rgba(0,0,0,0.05)}
	.w-news .box .bd li a { float: none; width:100%;font-size:0.9rem; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
	.w-news .box .bd li span { display:none;}

	.w-kf{ background:#ff8000; height:110px;}
	.w-kf li{ float:left; width:33.33%; height:70px; background-position:center top; background-size: 30px auto;margin-top:15px;}
	.w-kf li div{ padding:35px 0 0 0; text-align:center}
	.w-kf li h3{ font-size:1rem;}
	.w-kf li p{ font-size:0.7rem;}

	#footer {padding:20px 15px 0 15px;}
	
	/*wx*/
	#footer .f-wx{ float: none; margin:10px auto;}
	#footer .f-wx p{font-size:0.75rem;}
	/*logo*/
	#footer .f-logo { float: none; width:100px; margin:10px auto;}
	/*lx*/
	#footer .f-lx{ float: none; width:100%;}
	#footer .f-lx li{ height:24px; line-height:24px; font-size:0.8rem; text-align:center}
	/*ly*/
	#footer .f-ly{ float: none; width:80%; margin:10px 10%;}
	#footer .f-ly li input{ width:100%;}
	#footer .f-ly li textarea{ width:100%;}
	#footer .f-ly li .btn{width:100%; font-size:0.85rem}
	/*copy*/
	#footer .f-copy{ background-size: contain; margin-top:20px; padding:20px 0 0 0; text-align:center}
	#footer .f-copy dt a{ width:30%; display:inline-block; height:28px; line-height:28px; border-radius:28px; margin:2px; padding:0; font-size:0.75rem}
	#footer .f-copy dd{ margin:10px 0;}
	#footer .f-copy dd a{ width:24%; font-size:0.75rem;}

	.s-banner {height:240px; background-size:cover;}
	.s-banner .wrap{height:240px;}
	.s-banner .txt{left:20px; bottom:50px; height:45px; border-width:2px; padding-left:20px;}
	.s-banner .txt h2{ font-size:1.25rem;}
	.s-banner .txt h3{ margin-top:10px; font-size:0.9rem}

	/*内页导航*/
	.bt-position {height: 50px; margin-top:20px; font-size:0.8rem}
	.bt-position a {margin:0 5px;}

	
	.s-left{ float: none; width: 100%; border-width:2px;}
	
	/*内页分类*/
	.l-tit{ font-size:1.25rem; height:45px; line-height:45px; text-align:center}
	.l-tree {margin-bottom:20px; padding:0.5%;}
	.l-tree li{ float:left; width:49%; background:rgba(0,0,0,0.1); font-size:0.8rem; height:30px; line-height:30px; margin:0.5%;}
	.l-tree li a{padding:0 15px;}
	
	.s-right{ float:none; width:100%; margin-top:0; padding:0 15px 15px 15px;}

	.s-nav { padding:1% 0;}
	.s-nav li{font-size:0.8rem; width:48%; margin:1%;}

	.page-about{ margin-top:10px;}
	.page-about h2{ font-size:1.5rem; margin-bottom:10px;}
	.page-about p{ font-size:1rem; margin-bottom:10px;}
	
	.tbg{ height:35px; line-height:35px; width:50%; background-size: 100% 35px; margin-top:20px;}
	.tbg i{font-size:1.5rem;}
	.tbg span{font-size:1.15rem; margin-left:10px; letter-spacing:5px;}

	.page-sj{ margin-top:10px;}
	.page-sj li{ width:48%; margin-bottom:20px;}
	.page-sj li:nth-child(2n){ float:right;}
	.page-sj li .img {height: 120px;}
	.page-sj li .txt { margin-top:5px; padding-bottom:10px;}
	.page-sj li .txt h2{ font-size:1rem;  height:30px; line-height:30px;}
	.page-sj li .txt p{ font-size:0.8rem; height:20px; height:40px;}
	.page-sj li .txt:after{ width:25%;}


	.page-ys { margin-top:10px;}
	.page-ys .txt{background-size: 90% auto; text-align:center; padding:20px 0; position:relative}
	.page-ys .txt h2{ font-size:1.25rem; font-weight:700}
	.page-ys .txt p{font-size:0.9rem; margin-top:15; font-weight:500}
	.page-ys .txt:after{ content:''; position:absolute; bottom:0; left:35%; width:30%;}
	.page-ys .w-ys-box{ margin-top:20px; margin-bottom:40px;}
	.page-ys .w-ys-box li{ width:33.33%; margin-top:20px;}
	.page-ys .w-ys-box li img{ height:30px;}
	.page-ys .w-ys-box li p{margin-top:10px; font-size:0.8rem; font-weight:500}

	.page-lx{ padding:30px 15px;}
	.page-lx:before{ width:30%; height:5px;}
	.page-lx h2{ font-size:1.5rem; margin-top:20px;}
	.page-lx ul{ margin-top:20px;}
	.page-lx li{ font-size:1rem; margin-top:10px;}
	.page-lx .wx{ position: inherit; right: inherit; bottom: inherit; width:50%; margin-top:20px;}
	.page-lx .wx img{ width: 100%;}
	.page-lx .wx p{ font-size:0.8rem; margin-top:10px;}

	.s-box{ padding:15px;}
	.s-box .line{ width:20%; height:5px;}
	.s-box li{ width:48%; height:120px; background:#373741; position:relative; overflow:hidden; margin-right:4%; margin-top:20px;}
	.s-box li:nth-child(2n){ margin-right:0;}
	.s-box li .bg{ opacity:1; position:absolute; left:0; bottom:0; width:100%; height:30px; }
	.s-box li .bg h2{ font-size:0.8rem; font-weight:500; margin-top:0; height:30px; line-height:30px; overflow:hidden}
	.s-box li .bg p{ display:none}
	.s-box li .more{ height:40px; margin-top: 40px;}
	.s-box li .more a{font-size:1rem; line-height:40px; margin-left:35px;}
	.s-box li .more em{ margin-right:10px;}
	.s-box li .more span{ width:40px; height:40px; background-size:cover;}
	.s-box li:hover .more a{ margin-left:55px;}

	.al-list{ margin-top:20px;}
	.al-list li{ float:none; width:100%; margin-bottom:20px;}
	.al-list li:nth-child(2n){ float: none;}
	.al-list li .img {height: auto;}
	.al-list li .txt { margin-top:10px; position:relative; padding-bottom:15px;}
	.al-list li .txt h2{ font-size:1rem; height:30px; line-height:30px;}
	.al-list li .txt p{ font-size:0.8rem; height:20px; height:40px;}
	.al-list li .txt:after{ width:30%;}

	.al-box{ padding:0 15px;}
	.al-box:after{ content:''; position:absolute; left:0; top:0; background:#373741; width:100%; height:666px; z-index:-1}
	.al-show{ padding-bottom:40px;}
	.al-show:before{ width:30%; height:5px;}
	.al-show .img{ float: none; width:100%; height: auto;}
	.al-show .txt { float: none; width:100%;background:#373741; margin-top:20px;}
	.al-show .txt h2{ font-size:1.5rem; margin-top:20px;}
	.al-show .txt div{ margin-top:20px; margin-bottom:20px; font-size:0.9rem;}
	.al-show .txt span{ font-size:0.8rem; margin-top:20px;}
	.al-show .small-img{ margin-top:20px;}
	.al-show .small-img a{ width:50%; height:45px; line-height:45px; font-size:1rem}
	.pdshow{ margin-top:20px; font-size:0.9rem}

	/*内页新闻*/
	.news_list{ margin-top:30px;}
	.news_list li{ margin-bottom:20px;}
	.news_list li .img{float: none; width:100%; height: auto;}
	.news_list li .txt { float: none; width:100%; height: auto; margin-top:20px; padding-bottom:20px;}
	.news_list li .txt h2 {font-size: 1rem; margin-bottom:10px;}
	.news_list li .txt p {height: 40px; line-height: 20px; font-size: 0.8rem;}
	.news_list li .txt span{ margin-top:15px; margin-right:20px; font-size:0.8rem;}


	.news-xg { border-width:1px;}
	.news-xg h2{ font-size:1.15rem; height:auto; margin-bottom:10px;}
	.news-xg li{ float: none; width:100%; height:30px; line-height:30px;}
	.news-xg li:nth-child(2n){ float: none}
	.news-xg li a { float: none; width:100%;}
	.news-xg li span { display:none}
	
	.team-list li .txt{ float:none; width:100%; margin-top:0px; padding:15px;}
	.team-list li .txt dt{}
	.team-list li .txt dt h2{ font-size:1.25rem; font-weight:700;}
	.team-list li .txt dt p{ font-size:0.8rem; margin-top:5px;}
	.team-list li .txt dd{ margin-top:15px; padding-right:15px; font-size:0.8rem}
	.team-list li .img{ float:none; width:100%;}

	/*地图*/
	#allmap{ height:300px; margin:20px 0;}

	/*正文文章样式*/
	.single_title{font-size:1.25rem; margin-top:20px;}
	.single_add{ margin-bottom:20px; padding:10px 0 5px 0; font-size:0.8rem; border-width:1px;}
	.single_add a.a{margin:5px;}
	.single_add a.b{ position: inherit; right: inherit; top: inherit; margin:5px 0;}
	.single_add em{margin:5px;}

	.pre_next{ height: auto;line-height:30px; margin-top:20px;}
	.pre_next span{ height:30px;line-height:30px; font-size:0.8rem; background-size:30px 30px;}
	.pre_next span:last-child{ background-size:30px 30px;}
	.pre_next span a{ padding-left:40px;}
	.pre_next span:last-child a{padding-right:40px;}
	
	/*分页样式开始*/
	.turnover {margin-bottom:20px; font-size:1rem;padding-top:20px;}
	.turnover .sx{width:30px;height:30px;line-height:30px; border-radius:30px; margin:0 10px; font-size:1.5rem}
	.turnover .sz{height:30px;line-height:30px; padding:0 5px; font-size:1.35rem}
	
	.turnover .sx:after{ top:10px; content:'';width: 8px; height: 8px;}
	.turnover .sx1:after{left:12px;}
	.turnover .sx2:after{left:8px;}


	/*浮动客服*/
	#floatDivBoxs{ display:none}
	#rightArrow{ display:none}}

	/*正文定义*/
	#article-lsf{font-size:1rem; text-align:justify;}
	#article-lsf p{ margin-bottom:10px;}
	#article-lsf img{ max-width:100%; height: auto;}
	#article-lsf table{margin-top:15px;table-layout:fixed}
	#article-lsf table th{padding:5px; font-size:0.85rem;}
	#article-lsf table td{padding:5px; width:25%; font-size:0.85rem;word-break:break-all; word-wrap:break-all;}
	#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;}
}