@media only screen and (max-width:1280px){
	*{ box-sizing: border-box;}
  body,html{
    font-size: 12px;
  }
  img{
  	max-width: 100%;
  }
  .wrapper{
    width: auto; margin: 0 5%;
  }
  .gh {
    position: relative;
    float: right;
    margin-top:17px;
    height:40px;
    width:40px;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor:pointer; 
  }
  .gh.selected {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }
  .gh a {
    display: block; 
    height: 3px;
    margin-top: -3px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 60%;margin: 0 20%;
   background: #fff;
  }
  
  .gh a:after, .gh a:before {
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width:100%;
    background: #fff;
  }
  .gh a:after {
    top:8px;
  }
  .gh a:before {
    top:-8px;
  }
  .gh.selected a:after, .gh.selected a:before {
    top: 0;
  }
  .gh.selected a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
  }
  .gh.selected a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
  }
  .gh.selected a {
    background-color: transparent !important;
  }
   
   
   body{
   	min-width: inherit; padding-top: 50px;
   }
   #headSHBtn{
   	top: 0; left: -50px;
   }
   #logoClone{
   	background: #fff; height: 50px; text-align: center;
   	box-shadow: rgba(0,0,0,0.1) 0 5px 5px;
   }
   #logoClone img{
   	height: 23px; margin: 0; margin-top: 12px;
   }
   
   body.ipusher #header{
   	top: 0; 
   	width: 160px; right: -160px;
   }
   body.ipusher.open #header{
   	transform:translateX(-160px);
   }
   body.ipusher #header ul li.navitem{
   	 padding: 0 10px; text-align: center;
   }
   body.ipusher.open #header #headSHBtn{
   	margin-left: 160px; background: none;
   }
   #headSHBtn:hover{
   	background: none;
   }
   #headSHBtn:hover:before,
   #headSHBtn:hover:after{
   	background: #999;
   }
   body.ipusher.open #header #headSHBtn:hover{
   	background: none;
   }
   body.ipusher.open #headSHBtn:before,
   body.ipusher.open #headSHBtn:after{
   	background: #999;
   }
   #header ul li.navitem ul.subnav{
   	width: 140px;
   }
   #indexPage #mslider{
   	height: auto !important; display: none;
   }
   #indexPage #mslider2{
   	display: block;
   }
   #indexPage #mslider .bx-wrapper{
   	position: static;
   }
   #indexPage #mslider ul li{
   	/*width: 100% !important;*/
   }
   #indexPage #mproject .content .wrapper .content_list{
   	margin: 0;
   }
   #indexPage #projectlist .projectitem{
   	width: 46%; margin: 0 2%; margin-bottom: 20px;
   }
   .project_img{
   	overflow: hidden;
   }
   #projectlist .projectitem{
   	background: none;
   }
   #projectlist .projectitem:nth-child(2n+1){
   	clear: both;
   }
   #projectlist .projectitem a .project_info{
   	position: static; text-align: left;
   }
   #projectlist .projectitem a .project_info div{
   	position: static; margin: 0;
   }
   #projectlist .projectitem a:after{
   	display: none;
   }
   #projectlist .projectitem a .project_info p{
   	text-align: left; padding: 0;
   }
   #projectlist .projectitem a .project_info p.title{
   	color: #333; margin: 0 !important; margin-top: 10px !important; padding: 0 !important;
   	transform: none !important; text-align: left !important; font-size: 13px !important;
   }
   #projectlist .projectitem a .project_info p.subtitle{
   	color: #333; margin: 0 !important; margin-top: 5px !important; font-size: 12px;
   }
   #indexPage #mproject .content{
   	padding-bottom: 35px;
   }
   #indexPage #mproject .content a.more{
   	 position: static; margin: 0; background: #4E4E4E; width: 60%; margin: 0 auto; color: #fff; 
   }
   #mproject .content .header{
   	float: none; margin: 0; text-align: center;
   }
   #indexPage .content .header{
   	display: block; float: none; margin: 0; padding: 35px 15px;
   }
   #indexPage .content .header p{
   	text-align: inherit; font-size: 12px;
   }
   #indexPage .content .header .title{
   	border: none; margin: 0; font-size: 16px;
   }
   #indexPage .content a.more{
   	position: static !important; margin: 0; background: #4E4E4E; width: 60% !important; margin: 0 auto; color: #fff; text-transform: uppercase;
   }
   #indexPage .content a.more i{
   	display: none;
   }
   .mnumber-tit h3{
   	font-size: 16px;
   }
   .mnumber-list li .big{
   	font-size: 32px;
   }
   .mnumber-list li .txt{
   	font-size: 12px;
   }
   .mnumber-tit p{
   	font-size: 12px; color: #999;
   }
   .mnumber-list li .big sub{
   	position: static; font-size: inherit; vertical-align:inherit;
   }
   /*about*/
  #indexPage #mpage{
  	background: none !important;
  }
  #indexPage #mpage .content{
  	padding: 35px 0;
  }
  #indexPage #mpage .content .header{
  	position: static; padding: 0;
  }
  #indexPage #mpage .wrapper li .fimg{
  	display: none;
  }
  #indexPage #mpage .content .des-wrap{
  	width: auto; position: static; min-height: inherit; margin-bottom: 35px;
  }
  #indexPage #mpage .module-content .description{
  	height: auto; padding-top: 0;
  }
  #indexPage #mpage .content a.more{
  	position: static; margin: 0; background: #4E4E4E; width: 60%; margin: 0 auto; color: #fff;
  }
  #indexPage #mpage .content a.more::before{
  	display: none;
  }
  
  /*ideas*/
 #indexPage #mnews .content{
 	padding-bottom: 35px;
 }
 #indexPage #mnews .content .header{
 	float: none; display: block; padding: 35px 0;
 }
 #indexPage #mnews .content a.more{
 	position: static; margin: 0; background: #4E4E4E; width: 60%; margin: 0 auto; color: #fff; margin-top: 35px;
 }
 #newslist, #newslist .wrapper, #indexPage #mnews .content_list{
 	transform: none !important; position: static !important; width: auto !important; margin: 0;
 }
 #indexPage #mnews #newslist{
 	float: none; padding: 0 15px; margin: 0;
 }
 #indexPage #mnews #newslist .tempWrap{
 	width: auto !important; 
 }
  #indexPage #mnews #newslist .hd{
  	display: none;
  }
 #indexPage #mnews .bx-controls{
 	display: none;
 }
 #mnews #newslist .wrapper .newstitem{
 	width: auto !important; float: none !important; min-height: inherit; border-bottom: #eee solid 1px; padding: 20px 0;
 }
 #newslist .newsbody{
 	width: auto;
 }
 #indexPage #mnews #newslist .newsbody{
 	width: auto; display: block;
 }
 
 #indexPage #mservice .wrapper{
 	float: none; width: auto; margin: 0;
 } 
 #indexPage #mservice #servicelist{
 	width: auto; margin: 0;
 }
 #indexPage #mservice{
 	padding-bottom: 35px;
 }
 #indexPage #mservice .content a.more{
 	margin-top: 35px;
 }
 #indexPage #servicelist .serviceitem{
 	width: 46%; margin: 0 2%; margin-bottom: 10px;
 }
 #indexPage #mservice #servicelist .serviceitem div{
	position: static; margin: 0;
}
#indexPage #mservice #servicelist .serviceitem .service_info{
	text-align: left; padding: 5px 0;
}
#indexPage #mservice #servicelist .serviceitem .service_img:before{
	display: none;
}
#indexPage #servicelist .serviceitem div p.title{
	opacity: 1; line-height: inherit; height: auto; position: static; font-size: 14px;
}
#servicelist .serviceitem div p.description,
#indexPage #servicelist .serviceitem div p.description{
	height: auto; line-height: inherit; position: static; opacity: 1; text-align: inherit;
}
 #indexPage #mnumber .content{
 	padding: 35px 15px;
 }
 .mnumber-list{
 	margin-top: 35px;
 }
 .mnumber-list .wrapper{
 	margin: 0;
 }
 .mnumber-list li .big:before{
 	display: none;
 }
 /*footer*/
#mfooter .wrapper{
	width: auto;
}
#mfooter{
	padding: 20px 15px; padding-bottom: 0;
}
.mfooter-main{
	padding: 0; padding-bottom: 20px;
}
.mfooter-logo{
	/*float: none;*/ margin-top: 0;
}
.mfooter-logo img{
	float: none; width: 100px;
}
.mfooter-tel{
	display: block;
}
 .mfooter-txt{
 	float: none; margin-top: 20px; display: none;
 }
 .mfooter-txt dl{
 	float: none; margin: 0; margin-top: 20px;
 }
 .copyrihgt{
 	padding: 15px 15px;
 }
 
   /*news*/
  .npagePage #banner{
  	height: auto;
  }
  .npagePage #banner div{
  	height: auto; padding-bottom: 30%;
  }
  #sitecontent .npagePage.Pagenews .content .header{
  	float: none; padding: 35px 0; text-align: center;
  }
  .Pagenews .content .header p.title, .Pagenews .content .header p.subtitle{
  	text-align: center;
  }
  .npagePage.Pagenews .content{
  	width: auto;
  }
  .Pagenews #category{
  	float: none; text-align: center; padding: 0;
  }
  #category a{
  	height: 40px; line-height: 40px; padding: 0 20px;
  }
  #newsPage #newslist{
  	float: none; margin-top: 35px; padding: 0 20px;
  }
  #newsPage #newslist .newstitem{
  	height: auto; margin-bottom: 20px; border-bottom: #eee solid 1px; padding: 20px 0;
  }
  .Pagenews #newslist .newstitem .newsimg{
  	display: none;
  }
  #newslist .newstitem.right a.newscontent{
  	padding: 0 !important;
  }
  #newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper{
  	position: static;
  }
  #indexPage #mnews .newstitem a.details{
  	display: none;
  }
  .Pagenews #newslist .newsbody{
  	width: auto; padding: 0; display: block; max-width: inherit;
  }
  #newslist .newsbody .date{
  	position: static; margin: 0 !important; padding-bottom: 10px;
  }
   #newslist .newstitem .newsbody .date:after{
   	display: none;
   }
  #newslist .newstitem .newsbody .date .year{
  	margin: 0 !important;
  }
  #newslist .newsbody .title{
  	margin: 0 !important;
  }
  #newslist .newsbody .description{
  	margin: 0 !important;
  }
  #footer p{
  	height: auto; width: auto; text-align: center; line-height: 1.7;
  }
  
   /*page*/
  .nobanner .npagePage{
  	padding: 0;
  }
  .npagePage.newsl .content{
  	width: auto;
  }
  .fw{
  	width: auto;
  }
  #sitecontent .newsl .content .header{
  	padding: 35px 0;
  }
  #sitecontent .npagePage .postbody{
  	width: auto; padding: 0 15px;
  }
  .content .header p.title{
  	font-size: 16px;
  }
  
  /**/
 #indexPage #mslider .bx-wrapper .bx-pager{
 	bottom: 10px;
 }
 #indexPage .sliderArrow{
 	display: none;
 }
 #shares{
 	display: none;
 }
 #online_open{
 	display: none;
 }
}