@media only screen and ( max-device-width:1440px ){
	header figure.logo img{ position: absolute; display: block; height: 80%;}
	header menu.navbars a{ height: 80px; padding-top: 8px;}
	section.page5,
	section.page4,
	section.page3,
	section.page2{ height: 450px; margin-top: -225px;}
	section.page3{ width: 1100px; margin-left: -550px;}
	article.waperTit{ margin-top: 10px;}
	section.page2 .greenCause{ margin-top: 25px;}
	div.more{ margin-top: 25px;}
	header menu.navbars a{ font-size: 15px;}
	section.page3 .newsDmos{ margin-top: 10px;}
	section.page3 .newsDmos .contWaper{ width: 466px;}
	section.page3 .newsDmos .contWaper .newImg{ margin-top: 10px;}
	section.page3 .newsDmos .contWaper .newImg dd{ height: 200px; padding-top: 64px;}
	section.page3 .newsDmos .contWaper .newImg h6 a{ font-size: 16px;}
	section.page3 .newsDmos .contWaper .newImg dt img{ height: 200px;}
	section.page3 .newsDmos .contWaper .newImg h6{ margin: 10px 0;}
	section.page3 .newsDmos .contWaper ul.newsList li{ margin-top: 5px;}
    section.page4 .aboutUs{ margin-top: 20px;}	
    section.page4 .aboutUs .ritImg{ height: 340px; margin-top: 20px;}
    section.page4 .aboutUs .ritImg a{ margin: 39px 43px 0 30px;}
    section.page4 .aboutUs .lftImg dl{ margin-top: 16px; padding-top: 16px;}
    section.page4 .aboutUs .lftImg dl dd div.more{ margin-top: 6px;}  
    section.page5 .techlohs{ margin-top: 0px;}
    section.page5 .techlohs .thePeople .peoples{ margin-top: 10px;}
    section.page5 .techlohs .thePeople p{ margin-top: 5px;}	
    
    .tgst{ height: 520px; margin-top: -260px; z-index: 99999;}
    
}
@media only screen and (max-device-width:768px ) {
	header{ display: none;}
	div.phoneHead,
	menu.phoneNavgin{ display: block;}
	footer .topFoot{ padding: 40px 0 20px;}
	footer .bomFoot{ display: none;}
	footer .topFoot article{ width: 94%;}
	footer .topFoot article .lft h3{ font-size: 28px;}
	footer .topFoot article .lft p{ font-size: 13px; line-height: 1.6;}
	footer .topFoot article .rit{ float: none;}
	footer .topFoot article .lft aside{ margin-top: 8px; margin-bottom: 8px;}
	
	section.banners{ margin-top: 50px;}
	
	article.waperTit h3{ font-size: 18px;}
	article.waperTit h4{ font-size: 14px;}
	article.waperTit h4 i{ width: 50px;}
	
	section.page5,
	section.page4,
	section.page3,
    section.page2{ width: 94%; margin-left: -47%;}
    
    section.page2 .greenCause{ margin-top: 0;}
	section.page2 .greenCause ul li{ width: 45%; height: 140px; margin-right: 10px;}
	section.page2 .greenCause ul li div.img{ border: none; width: 100%; height: 140px;}
	section.page2 .greenCause ul li div.img img{ width: 140px; height: 140px;}
	section.page2 .greenCause ul li h5{ font-size: 12px;}
	section.page2 .greenCause ul li:hover div.img img{
	 transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8);}
	section.page3 .newsDmos .contWaper .newImg dl{ display: none;}
	section.page3 .newsDmos .contWaper{ width: 100%;}
	section.page3 .newsDmos .contWaper .newImg{ margin-top: 0;}
	section.page3 .newsDmos .contWaper ul.newsList li a,
	section.page3 .newsDmos .contWaper .newImg h6 a{ font-size: 14px;}
    section.page4 .aboutUs .lftImg{ display: none;}
    section.page4 .aboutUs .ritImg{ fill: none; width: 100%;}
    section.page4 .aboutUs .ritImg:before{ display: none;}
    section.page4 .aboutUs .ritImg a{ margin: 39px 10px 0 10px;}
    section.page5 .techlohs .thePeople .peoples{ display: none;}
    section.page5 .techlohs .topTit h4{ font-size: 16px;}
    
    section.page5 .techlohs .topTit div.more3{ margin-top: 0px;}
    section.page5 .techlohs .topTit{ padding-bottom: 8px; padding-top: 10px;}
    section.page5 .techlohs .thePeople p{ font-size:15px;}
    
    section.mainTheme{ width: 94%; margin-left: -47%;}
    menu.naviGation{ float: none; width: 100%; display: table; /*text-align: center;*/}
    menu.naviGation a i,
    menu.naviGation .navTit{ display: none;}
    menu.naviGation a{ display:inline-block; width: 32.3333%; margin-bottom: 1%; margin-left: 1%; padding-left: 0; text-align: center; font-size: 12px;}
    div.fy a{ margin-bottom: 6px;}
    
    section.archiTects{ float: none; width: 100%;}
    aside.topNav .lfTit,
    aside.topNav .riTit{ float: none; margin-top: 10px;}
    .subcon img, 
    #mask, 
    #dituContent{ width: 100% !important;}
    div.Contact ul li{ float: none; width: 100%;}
    div.SiteMap .subMap li span{ display: block; float: none; margin-bottom: 10px;}
    div.SiteMap .subMap li div{ float: none; width: 100%;}
    div.rePorts{ margin-top: 0;}
    div.rePorts li{ padding: 20px 0;}    
    div.rePorts li img{ float: none; display: block; margin: 0 auto;}
    div.rePorts li article{ float: none; width: 100%; margin-top: 10px; margin-left: 0;}
    div.rePortsConts p img{ display: block; width: 100%; height: auto;}
    article.director dd{ float: none; width: 100%; margin-left: 0;}
    article.director dt{ float: none;}
    div.history dl dt{ float: none;}
    div.history dl dd{ float: none; width: 100%; margin-left: 0; min-height: 78px; height: auto; padding: 20px; margin-top: 15px;}
    div.parTners dl dt{ float: none; margin: 30px auto 0;}
    div.parTners dl dd{ float: none; width: 100%; min-height: 223px; height: auto; padding-top: 20px;}
    div.intRoduce article{ float: none; width: 100%;}
    div.intRoduce figure{float: none;}
    div.intRoduce figure img{ width: 100%;}
    div.intRoduce{ margin-top: 30px;}
    
    div.compCreate .imgs img{ width: 100%;}
    div.compCreate .vaLues li h3{ float: none;}
    div.compCreate .vaLues li p{ float: none; margin-left: 0; width: 100%;}
    div.compCreate .topMus{ padding-left: 0; margin-top: 15px;}
    div.compCreate .topMus h3{ font-size: 20px;}
    div.compCreate .theZx{ width: 100%;}
    div.compCreate .theZx dl{ float: none; width: 100%; margin-bottom: 20px;}
    div.compCreate .theZx dl dd{ max-height: inherit; min-height: 248px;}
    div.compCreate .coMap{ text-align: center;}
    div.compCreate .coMap span{ margin-bottom: 10px;}
    div.compCreate .listNav a{ margin-bottom: 15px;}
    .pendent,
    div.compCreate .newsLkg{ display: none;}
    div.Ecological p img,
    div.sapLings div.sapLis p img,
    div.theOldtree p img{ width: 100%; height: auto; display: block;}
    div.sapLings div.sapLis2 p{ text-align: center;}
    div.sapLings div.sapLis2 i{ margin-bottom: 10px;}
    div.sapLings .zy dt{ float: none;}
    div.sapLings .zy dt img{ width: 100%; height: auto;}
    div.sapLings .zy dd{ float: none; width: 100%;}
    div.Enterprise ul li img{ float: none;}
    div.Enterprise ul li article div,
    div.Enterprise ul li article{ float: none; width: 100%;}
    div.Enterprise ul li article span{ margin: 15px 32px;}
    div.Enterprise ul li article font{ margin-top: 15px;}
    section.join2{ display: none;}
    section.join{ width: 100%; margin-left: -50%;}
    section.join .joinList{ width: 100%; padding: 0 10px; 
     box-sizing: border-box;
     -moz-box-sizing: border-box;}
    section.join .joinList li article section{ float: none; width: 100%; margin-bottom: 10px;}
    section.tudui dt{ float: none;}
    section.tudui dt img{ width: 100%;}
    section.tujin,
    section.tudui dt span{ display: none;}   
    section.tudui dd{ width: 100%; margin-left: 0; padding-top: 20px;} 
    section.compas div{ width: 94%;}
    section.compas div p img{ width: 100%;}
    section.expert{ width: 100%; display: none;}
    section.Building .contgs,
    div.leeds,
    section.research .direction{ width: 100%;}
    section.Building .contgs .gwaps dd,
    div.leeds .leasd{ float: none; width: 100%;}
    section.Building .contgs .gwaps dt{ float: none; text-align: center;}
    .xxk ul li{ width: 33.33%;}
    section.Building .contgs .gwapt{ display: none;}
    section.Building .contgs .gwaps dt img,
    section.Building .contgs .gwapt p img{ width: 100%;}
    section.Building{ background-size: cover;}
    section.Building .contgs .Contss p{ width: 94%; margin: 0 auto 10px;}
    section.research .direction .dirs{ text-align: center;}
    section.research .direction .dirs li{ float: none; margin-right: 0; display: inline-block;}
    
    #banner{ display: none;}
    .mobban{ display: block;}
    
    .chengz .neis{ float: none; width: 100%;}
    .chengz .neis:nth-of-type(even){ float: none;}
    .chengz .neis dl{ padding: 60px 10px;}
    .chengz .neis dd{ margin-left: 20px;}
    
    div.reVideos ul li{ float: none; width: 100%; height: auto; padding: 30px 0; text-align: center;}
   .tmaps{ display: none;}
} 

@media only screen and (max-width:320px ) {
	
   article.waperTit{ margin-top: 40px;}
   section.page3 .newsDmos .contWaper .newImg h6{ margin: 3px 0;}
   section.page3 .newsDmos .contWaper .newImg h6 font{ padding-top: 0px;}
   section.page4 .aboutUs .ritImg{ margin-top: 0px;}
   section.page5 .techlohs .thePeople p{ font-size: 14px;}
}