.head-mobile{ display: none; }
@media screen and (min-width:248px) and ( max-width:1200px) {
	html{ overflow-x: hidden; }
	body{ min-width: 100%; }
	.head-mobile{ display: block; width: 100%; min-width:100%; max-width:100%; position: fixed; top: 0; z-index: 99;box-shadow: 0 0 3px #888;    height: 60px;  background: #fff; }
	.head-mobile img{ height: 40px;  margin: 10px 0 0 2%;}
	.head-mobile .right{display: block;  width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background: url(../images/btn.png) no-repeat center center; background-size: 80%; transform: rotate(0deg);  -ms-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;}
	.index_nav{ display: none; }
	::-webkit-scrollbar{ width: 0 !important; }
	#indexPage #mslider{min-height: 135px !important; height:auto !important;padding-top: 0px;}
	#indexPage #mslider ul li{min-height: 135px !important; height: auto !important; background-size: contain; }
	#indexPage #mnews{ width: 94%;float: initial;position: initial; margin: 20px auto 0; }
	#indexPage #mservice{ width: 94%; float: initial; position: initial; margin: 20px auto 0; }
	#indexPage #mservice .content{ height: auto;    padding-top: 0; }
	#indexPage #mservice .content > .header{ width: 100%;     visibility: visible !important;}
	#indexPage #servicelist{ width: 100%; height: auto; }
	#indexPage #mservice .wrapper .bx-wrapper .bx-pager {
		top: -60px;
		right: 10px;
	}
	#indexPage #servicelist .serviceitem{visibility: visible !important;    margin-right: 0 !important; height: auto !important}
	#indexPage #servicelist .serviceitem a .service_img{ margin-right: 0; float: initial;  }
	#servicelist .serviceitem a img{ display: block; margin:auto; }
	#indexPage #servicelist .serviceitem div{ width: 100%; float: left;}
	#indexPage #mproject {
		clear: both;
		padding: 0 0.7em;
	}
	#indexPage #mproject .content {
		width: 100%;
		padding-bottom: 0;
		margin-top: 0;
	}
	#indexPage #mproject .content .header{width: 100%;     visibility: visible !important;padding: 20px 0;}
	#indexPage #mproject #category{ width: 100%;  display:none;  float: initial;    padding-top: 0; margin-right: 0;visibility: visible !important; padding-bottom: 0; position: absolute; top: 24px; right: 30px;}
	#indexPage #mproject a.more, #indexPage #mnews a.more, #indexPage #mservice a.more{ margin-top: 0;visibility: visible !important; width: 29px; height: 14px; top: 34px;}
	#indexPage #mproject .content .wrapper{ width: 100%; }
	#indexPage #mproject .content .wrapper .bx-wrapper{ max-width: 100% !important; }
	.bx-viewport{ height: auto !important; }
	#indexPage #mproject .bx-wrapper .bx-pager {
    display: none;
}
#indexPage #mproject #projectlist .projectitem a .project_info .div {
    height: 59px;
}
	#indexPage #mproject #projectlist .projectitem{ width: 100% !important; height: auto !important;    margin: 0 !important;visibility: visible !important; }
	#indexPage #mproject .content .wrapper .content_list{ width: 100% !important; }
	#indexPage #mproject #projectlist .projectitem a .project_info .title{ padding:15px 0 0 0; }
	#indexPage #mproject #projectlist .projectitem a .project_info p.description{ margin-top: 10px; }
	#indexPage #mproject #projectlist .projectitem a .project_info div{ height: auto; padding-bottom: 25px; }
	#indexPage #mpage .content{ width: 94%;height: auto; }
	#indexPage #mpage .content .header{ visibility: visible !important; width: 100%;    padding: 20px 0;top: 0; }
	#mpage .content p.description{visibility: visible !important; position: initial;width: 100%;    padding: 0 0 20px 0;}
	#indexPage #mpage a.more{ visibility: visible !important;position: initial;clear: both; }
	#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details{ margin:0;   }
	#indexPage #mpage .wrapper li .fimg{visibility: visible !important; width: 100%;  height: 210px; margin-top: 20px;background-size: contain;}
	#indexPage #mteam .content{ height: auto; padding-top: 20px; width: 94%; margin:auto; }
	#indexPage #mteam .content .fw{ width: 100%; }
	#indexPage #mteam .content_list li{visibility: visible !important; height: auto}
	#indexPage #mteam .header{ visibility: visible !important; width: 100px; height: 100px; border-radius: 100px;    margin-left: 0;}
	#indexPage #mteam .summary{ visibility: visible !important; width: 100%; padding: 10px 0 0 0;  text-align: left;  }
	#indexPage #mteam .summary p.subtitle,#indexPage #mteam .summary p.description{ display: none; }
	#indexPage #mteam .summary p.title {
		font-size: 15px;
		margin-bottom: 15px;
		text-align: center;
		padding-left: 10%;
	}
	#indexPage #mpartner{ width: 94%; margin:auto; }
	#indexPage #mpartner .module-content{ width: 100%; }
	#indexPage #mpartner .wrapper{ width: 100%; }
	#indexPage #mpartner .wrapper ul li{visibility: visible !important;}


	#indexPage #mcontact{ display: none; }
	#footer{ background: #000;}
	#footer p{ width: 94%; height: auto;  line-height: 24px; padding:10px 0;color: #fff; text-align: left;}
	#footer a{ color: #fff; }
	.npagePage #banner{ padding-top: 0; height: 130px; }
	.npagePage #banner div{ height: 130px;  background-size: cover !important; }
	.Pageanli .content{ width: 94%; margin-top: 0; }
	.Pageanli .content > .header{ position: initial; width: 100%; padding:20px 0; margin-bottom: 0}
	.Pageanli #category{ margin:0; }
	#plheader{ padding-bottom: 0 }
	.npagePage #projectlist .wrapper{ margin-left: 0; }
	.npagePage #category{ text-align: center; position: relative; width: 100%;    padding-bottom: 0;}
	.npagePage #category li{ padding-left: 0; width: 32%; text-align: center; display: inline-block; }
	.npagePage #category li:last-child{ border-bottom: 1px solid rgba(0, 0, 0, .08); }
	.Pageanli #projectlist{ width: 100%;margin-top: 20px; clear: both }
	#sitecontent .npagePage #projectlist .projectitem{width: 100%;  margin: 0 0 20px 0;  height: auto;}
	#sitecontent .npagePage #projectlist .projectitem:last-child{ margin-bottom: 0; }
	#projectlist .projectitem a .project_info{ margin-top: 15px; }
	#projectlist .projectitem a .project_info,.npagePage #projectlist .projectitem a .project_info div{ position: initial; }
	#pages{ width: 100%;    margin-left: 0;    padding: 20px 0 20px; height: auto;}

	#sitecontent{ padding-top: 60px; }
	.npagePage .content{ width: 94%; }
	#sitecontent .npagePage #projectwrap{ width: 100%;    padding-top: 20px; }
	#sitecontent .npagePage #projectwrap #projectbody{ width: 100%; }
	.npagePage #projectbody .postbody{ width: 100%; }
	#projectinfo{ width: 100%; margin-left: 0;border-top: 1px solid #e6e6e6; padding-top: 20px; }
	#projectinfo .header .description{ margin:20px 0; }
	#projecttags{ width: 100%; margin-left: 0; }
	#projectib{ width: 100%; margin-left: 0; margin-right: 0; }
	#projectib .projectitem{ width: 49%;    margin-right: 0;  }
	#projectib .projectitem img{ height: 110px; }
	#projectib .projectitem:nth-child(2n){ float: right; }
	.postbody img{ display: block; margin:auto; }
	.Pageyemian .content{ margin-top: 0; }
	.Pageyemian .content .header{ padding:20px 0; }
	.npagePage .postbody{ width: 100%; margin-bottom: 40px; }
	.Pageservice .content, .Pageteam .content, .Pagenews .content{ margin-top: 0; }
	.Pageservice .content .header, .Pageteam .content .header{ padding:20px 0; }
	.Pageteam #teamlist{ width: 100%; }
	.Pageteam #teamlist .teamitem{ width: 100%;    height: auto; margin-bottom: 20px;}
	#teamlist .teamitem a{ width: 100%; height: auto }
	.Pageteam #teamlist .teamitem a{ width: 100%; height: auto;    position: initial; }
	#teamlist .teamitem a img{ width: 100%; height: auto }
	.Pageteam #teamlist .teamitem .teaminfo{ width: auto; height: auto;    margin-right: 0; padding: 20px 3%;    float: left; }
	.Pageteam #teamlist .teamitem .description{ height: auto; }

	.fw{ width: 100%; }
	#teampost{ padding-top: 20px; }
	#teampost #teamimage{ width: 100%; float: initial; }
	#teampost #teamimage img{ width: 100%; }
	#teampost #teambody{ margin-left: 0; }
	#teampost #teambody .theader .title{ font-size: 24px; margin-top: 20px; }
	#teambody .theader .postbody{ margin-top: 20px; width: 100%; }
	.postbody img{ width: 100%; height:auto; margin:0px 0 !important; }

	.Pagenews .content .header{ padding:20px 0; }
	.Pagenews #category{ padding-left: 0; }
	.Pagenews #newslist{ width: 100%; }
	.Pagenews #newslist .wrapper .news_wrapper{ width: 100%;    margin-left: 0;  }
	.Pagenews #newslist .newstitem{ height: auto; float: left; visibility: visible !important;}
	.Pagenews #newslist .newstitem .newsimg{ width: 100%; height: 160px; }
	#newslist .newsbody{ margin-top: 0px; }
	.Pagenews #newslist .newsbody .date{ float: left; padding:20px 0 0; width: auto; top: -50px; left: 3%;}
	#newslist .newsbody .date .year{color: #fff !important; }
	.Pagenews #newslist .newsbody .title{ width: 100%;    left: 0; }
	.Pagenews #newslist .newsbody .description{width: 100%; left: 0; height: auto}
	.content .header{ padding:20px 0; }
	.postbody table tr td{ width:100% !important;padding-left: 0 !important; float: left; }
	.postbody table tr td p{ text-indent: 0; }

	.list-image-con{ padding: 0 0 30px 0; }
	.list-image-con li{ width: 100%;    margin-right: 0; }
	.list-image-con li a{ width: 100%; height: auto; }
	.list-image-con li a img{ margin:auto; display: block; float: initial; }
#footer p {
    width: 94%;
    height: auto;
    line-height: 24px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}
}