@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 640px) {
.Box_con{ display:block}
	.waplist,.wap_conbox{ display:none}
#logoClone img{ display:none}
}

@media only screen and (max-width: 640px) {.wap_conbox{ width:100%; float:left}
	.Box_con{ display:none}
	.wap_conbox li{ float:left; width:46%; margin:2%}.wap_conbox li img{ width:100%}
	#indexPage #mzt{ padding-top:20px}
	.waplist li{ width:46%; margin:2%; float:left }.waplist li a{ color:#000}#indexPage #mproject .content .header{ padding-bottom:20px}
	.waplist li img{width:100%; height:120px; margin-bottom:10px}
#projectSubList_ { display:none}
	.open #logo::after{ top:-33px; left:50px}
	.hotnews,.index_list{ padding:10px}.index_list a{ max-width:70%}.hotnews { width:calc(100% - 20px) !important}
	#mslider{ padding-top:60px !important}
	#mslider,#mslider .bx-viewport,#indexPage #mslider ul li{ height:230px !important}
	#indexPage #mslider ul li{ background-size: auto 100%}
	#logo::after{ content:"°ÄÃÅÐÂÆÖо©5197"; font-size:18px; color:#fff; position:relative; top:-14px; left:10px}
body.ipusher.open #header1 #headSHBtn i:before {
	content: "\f00d";
}
body.ipusher #header1 #headSHBtn i {
	font-size: 18px;
	margin-top: 12px;
}
.searchWrap{ display:none;}
.more{ display:none;}
#mnews{ display:none;}
#indexPage .pchide{ display:block;}

body.ipusher #header1 {
	width: 350px;
	height: 100%;
	background: #202122;
	padding: 0;
	left: -350px;/*transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/
}
body.ipusher #header1 ul li.navitem {
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 50px;
	border-top: 1px solid #272727;
}
body.ipusher.open #header1 {
	transform: translate3d(750px, 0, 0);
	-webkit-transform: translate3d(750px, 0, 0);
	-moz-transform: translate3d(750px, 0, 0);
	-o-transform: translate3d(750px, 0, 0);
}
#header1 ul#nav {
	float: right;
	margin-top: -1px;
}
#header1 ul li.navitem a.active::after {
	background: none
}
body {
	min-width: 0
}
.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper, .Pagenews #newslist {
	width: 100%
}

.Pagenews #newslist .wrapper .news_wrapper{ padding-left:150px;}

.Pagenews #newslist .wrapper .news_wrapper {
	width: 100%;
	margin: 0
}
#header .content {
}

#projectlist .content_list{}

#sitecontent .npagePage #projectlist .projectitem{ width:100%; margin:0; margin-bottom:20px;}
#header .content, #indexPage #mnews #newslist, #indexPage #newslist .wrapper, #indexPage #mnews, #indexPage #mnews .content .header, #indexPage #mnews .content_list, #newslist .newstitem, #indexPage #mpage .content, #mpage .content div.description p, #indexPage #mpage .wrapper li .fimg, ul li.navitem, #indexPage #mservice .content > .header, #indexPage #servicelist, #indexPage #servicelist .serviceitem div, .footer, #footer p, .Box .content, #indexPage #mproject .content .wrapper, #indexPage #mproject .content, #indexPage #mzt .content, #sitecontent .npagePage #projectwrap, #sitecontent .npagePage #projectwrap #projectbody, .npagePage #projectbody .postbody, .npagePage .content, #header1 ul#nav, #header1 ul li.navitem, #pages {
	width: 100%
}
#footer p {
	line-height: 20px;
	padding: 10px;
	width: calc(100% - 20px)
}
#indexPage #mpage .wrapper li .fimg {
	margin-top: 20px
}
#sitecontent {
	overflow: hidden
}
.npagePage .content, .npagePage .postbody {
	padding: 10px;
	width: calc(100% - 20px)
}
#indexPage #mpage .content, #mpage .content div.description, #indexPage #servicelist, #indexPage #servicelist .serviceitem {
	height: auto !important
}
#indexPage #mnews {
	position: relative;
	left: 0
}
#projectinfo {
	width: auto
}
#mpage .content div.description {
	top: 0;
	padding: 0 10px
}
#indexPage #mpage .content .header {
	padding-left: 10px;
	padding-top: 30px
}
#indexPage #mservice .wrapper .bx-wrapper .bx-pager {
	top: -50px
}
#indexPage #mservice .content {
	padding-top: 30px
}
#indexPage #servicelist .serviceitem div {
	padding-top: 0
}
#indexPage #servicelist .serviceitem a .service_img, #indexPage #servicelist .serviceitem div {
	margin: 10px
}
.bx-viewport, #indexPage #mservice, #indexPage #mservice .content, #indexPage #mproject #projectlist .projectitem a img {
	height: auto !important
}
#indexPage #mservice .content > .header {
	margin: 0 10px
}
#indexPage #servicelist {
	padding-top: 0
}
#projectib {
	margin: 0;
	width: 100%
}
#indexPage #mproject #projectlist .projectitem a .project_info .title {
	padding: 0;
	font-size: 12px
}
#indexPage #mproject #projectlist .projectitem a .project_info div {
	height: 40px
}
#indexPage #servicelist .serviceitem div {
}
#servicelist .serviceitem div p {
	padding: 0 20px !important;
	line-height: 20px;
	font-size: 16px !important
}
#mpage .content div.description, #servicelist .serviceitem a img {
	width: 100%;
	position: relative;
	margin-bottom: 0
}
#indexPage #servicelist .serviceitem div p.description {
	margin: 0
}
#logo {
	position: absolute;
	width: auto !important;
	left: 10px;
	width: 60px;
	height: 60px;
	top: 10px;
	margin: 0
}
#logo img {
	width: 40px;
	height: 40px
}
.index_nav {
}
#projectib .projectitem {
	width: 46%;
	margin: 2%
}
#indexPage #mnews {
	margin: 0
}
#indexPage #mservice {
	left: 0;
	width: 100%
}
#indexPage #mservice .wrapper .bx-wrapper .bx-pager {
	right: 0
}
#indexPage #mproject #projectlist .projectitem {
	height: 130px !important
}
#header ul li.navitem {
}
#indexPage #mproject #projectlist .projectitem a img {
	height: 80px !important
}
#mcontact {
	background: url(/templets/default/statics/images/fbga.jpg) no-repeat #0e62b1 bottom center !important;
	background-size: 200% auto !important;
}
.Pagenews #newslist .wrapper .news_wrapper {
	position: absolute
}
#indexPage #mzt .content .header, #indexPage #mproject .content .header {
	padding-left: 10px
}
.footer_logo {
	display: none
}
.Pagenews #newslist .newstitem {
	position: relative;
	height: 120px;
	margin-bottom: 20px;
}
.Pagenews #newslist .newstitem .newsimg {
	width: 140px;
	height: 100px;
	margin: 0;
	position: absolute
}
#projectinfo {
	margin: 0px
}
.footer ul.fList01 {
	width: 65%
}
.footer ul.fList01 li {
	width: 45%;
	margin: 0
}
.footer ul.fList03 {
	width: 30%;
	border: none;
	text-align: right;
	padding-right: 3%
}
.footer_right {
	width: 100%;
	display:none;
}
.contact span {
	padding: 0;
	text-align: center;
	font-size: 12px;
	float: left;
	width: 25%;
	margin-top: 0 !important
}
.footer {
	font-size: 12px;
	padding-bottom: 100px
}
body.ipusher #header, body.ipusher #header1 {
	width: 100%;
	left: -750px
}
body.ipusher #header #logo {
	margin: 0
}
.index_nav {
	padding-top: 0;
	background: #1a7edc;
	height: 70px
}
body.ipusher #header #logo img, #header1 #logo img {
	width: 40px;
	height: 40px;
	margin: 5px 0 0 0
}
#headSHBtn {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: fixed;
	right: 10px;
	top: 15px
}
ul#nav {
	background: #1a7edc;
	padding-top: 70px;
	width: 100%
}
body.ipusher #header, body.ipusher #header1 {
	position: fixed
}
#logoClone {
	background: #1a7edc;
	height: 70px
}
#logoClone img {
	margin: 5px 0 0 0px
}
.npagePage #banner div {
	height: 200px
}

.npagePage #banner {
	height: 350px
}

#mproject #banner div {
	height: 200px
}

#mproject #banner {
	height: 350px
}


.Pagenews #newslist .newsbody .title {
	margin-top: 0 !important
}
#newslist .newsbody {
	width: 100%;
	margin-left: 150px
}

.layoutslider #projectlist{ padding:0;}

#projectlist{    padding: 10px;
    width: calc(100% - 20px);}
#projectlist h2{ display:none;}
.npagePage #projectlist .wrapper{ padding:0; margin:0; width:100%;}
.Pagenews #newslist .newsbody .date{ display:none;}
.Pagenews #newslist .newsbody .title, .Pagenews #newslist .newsbody .description {
	position: relative;
	width: 60%;
	left: 0;
	top: 0;
	margin-top: 10px;
	
}

.Pagenews #newslist .newsbody .title{ height:auto;white-space:normal;}
 .Pagenews #newslist .newsbody .description {display:none;}
.Pagenews .content .header {
	padding: 20px 0
}

#mproject .content .header {
	padding: 20px 0
}

#pages {
	margin: 0
}
#header ul li.navitem a::after {
	display: none
}
.Pagenews #category {
	width: 100%;
	padding: 0;
	padding-bottom: 30px
}
.Pagenews #category a {
	width: 100%;
	display: inline-block
}
#mnews #newslist .newsbody{ width:100%; margin-left:0}
}