@media only screen and ( max-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-width:1200px ) {
div.rePorts .ghy li a img {    width: 30%;
    float: left;
    max-width: 289px;
    max-height: 180px;
    box-shadow: 8px 8px 8px 0px rgba(18, 9, 11, 0.3);
}div.rePorts li article {
    float: left;
    max-width: 604px;
       margin-left: 13px;
    width: 68%;
}}
@media only screen and (max-width:874px ) {
div.rePorts li a img {    width: 35%;
    float: left;
    max-width: 289px;
    max-height: 180px;
    box-shadow: 8px 8px 8px 0px rgba(18, 9, 11, 0.3);
}div.rePorts li article {
       float: left;
    max-width: 604px;
    margin-left: 13px;
    width: 62%;
}

div.rePorts .list-unstyled li a img {
    width: 100% !important;
    float: left;
    max-width: 289px;
    max-height: 180px;
    box-shadow: 8px 8px 8px 0px rgba(18, 9, 11, 0.3);
}
}


@media only screen and (max-width:768px ) {div.intRoduce article .gh p {
    text-align: justify;
    float: left;
    width: 100%;
    padding-right: 0;
}.footer .foot ul li {
    padding: 10px 8px;
    float: left;
}
	.newstit { }
	div.phoneHead,
	menu.phoneNavgin{ display: block;}
	
	
	
	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: 100%;    padding-bottom: 0px; }
    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%;    margin-bottom: 0px;    margin-left: 0;}
    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: 0px 0 27px;margin-bottom: 8% !important;}    
    div.rePorts li img{     float: none!important;;
    display: block;
    margin: 0 auto;
    max-width: 100% !important;;
    width: 100% !important;;
    max-height: 100% !important;;}
    div.rePorts li article{ float: none; width: 100%; margin-top: 27px; 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;           width: 93%;
    border: 0px solid #fff;}
    div.parTners dl dd{ float: none; width: 100%;     min-height: 164px; height: auto; padding-top: 20px;}
    div.intRoduce article{ float: none; width: 98%;}
    div.intRoduce figure{float: none;width: 98%;display: none;}
    div.intRoduce figure img{  max-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 span img {    max-width: 100%;
   
}
    div.compCreate .topMus h3{ font-size: 20px;    float: none;}
    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{ }
    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;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;}
    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%;     padding: 0 0 0px 0;}
    section.join .joinList{ width: 100%; padding: 13px 10px 0px; 
     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:414px ){.footer .foot ul li {
    padding: 10px 0px;
    float: left;
}}


@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;}
}