@media screen and (min-width:50px) and (max-width:1150px){
	
}
@media screen and (min-width:1150px) and (max-width:2200px){
	
}
@media screen and (min-width:50px) and (max-width:1200px){
.services-con dl{float:none;margin:0 auto;max-width:1200px}
.container .services-con dl dt{display: none;}
.services-con dl dd span{ text-align: center;}
.services-con dl dd{padding:10px;margin:10px }
.services-con{margin:0}

.services-section dl{width:97%;}
.services-section dl dt{width:100%}
.services-section dl .img-services{margin:0 auto}
.services-section dl dd{ text-align: center;}
.services-section dl dd a{margin:0 auto}

.footer-left{ text-align: center;margin:0 auto;border:none}
.footer-right{display: none;}
.footer-top{width:320px; background: none;border:none}

.header-upup{ display: none;}
.nav-phone{ display: block;}

.aboutdisiner .disiner-one,.aboutdisiner .disiner-two,.aboutdisiner .disiner-three{width:33%;float:left; position: static;left:0;top:0}
.aboutdisiner dl dt{width:100%;height:100%;}
.aboutdisiner{padding:0;min-height:350px;}

}

@media screen and (min-width:50px) and (max-width:600px){
	.aboutdisiner .disiner-one,.aboutdisiner .disiner-two,.aboutdisiner .disiner-three{float:none;width:100%}
	.aboutdisiner {width:100%;min-height:700px;}
	.aboutdisiner dl dt{width:80%;margin:0 auto}
	.aboutdisiner dl{margin:10px 0}
}

@media screen and (min-width:50px) and (max-width:1200px){
.services-con dl{float:none;margin:0 auto;max-width:1200px}
.container .services-con dl dt{display: none;}
.services-con dl dd span{ text-align: center;}
.services-con dl dd{padding:10px;margin:10px }
.services-con{margin:0}
.case-article div{padding:0 10px;}
.services-section dl dd{margin-top:10px;}
.services-section dl dt{height:50px;line-height:50px}


}

@media screen and (min-width:800px) and (max-width:1200px){
	.case-dlcase dl{float:left;width:250px;margin:0 6px;}
	.case-dlcase dl dt{width:250px;overflow: hidden;height:180px;}
	.case-dlcase dl dd{width:220px;border:2px solid #fff;border-top:none;}
	.case-dlcase dl dd span{font-size:16px;padding-top:10px;margin:0 10px;}
	.case-dlcase dl dd b{margin:0 10px;font-size:14px;}
	
	.newsdiv-left,.newsdiv-right{float:none;margin:0 auto; text-align: center;}
	.news-a{margin:0 auto;width:150px;}
	.h1-center{padding-top:130px;}

}
@media screen and (min-width:50px) and (max-width:700px){
	.contactus dl{float:left;width:100%;}
	
}
@media screen and (min-width:50px) and (max-width:800px){
	
	.case-dlcase dl{float:left;width:320px;margin:0 6px;}
	.case-dlcase dl dt{width:320px;overflow: hidden;height:220px;}
	.case-dlcase dl dd{width:280px;border:2px solid #fff;border-top:none;}
	.case-dlcase dl{float:none;margin:0 auto 20px auto}
	.h1-center{padding-top:130px;}
	
}
@media screen and (min-width:50px) and (max-width:500px){
   .h1-left{display: none;}
	.h1-center{padding-top:130px;}
	.h1-shine{float:none;margin:0 auto}
	.message-online div span{float:left;width:95%;margin:10px ;}

	.name-textarea textarea{width:87%}
}

@media screen and (min-width:660px) and (max-width:800px){
.newsdiv-left,.newsdiv-right{float:none;margin:0 auto; text-align: center;}
.news-a{margin:0 auto;width:150px;}
}

@media screen and (min-width:60px) and (max-width:660px){
.newsdiv-left{width:93%;height:100%}
.newsdiv-left .newsdiv-img{width:93%;height:100%}
.newsdiv-left,.newsdiv-right{float:none;margin:0 auto; text-align: center;}
.news-a{margin:0 auto;width:150px;}
.newsdiv-right{width:93%}


.services-h1{width:300px;}
}




@media screen and (min-width:50px) and (max-width:800px){
	.small-nav-ce{ display: none;}
	
	
	.construction dl{width:92%;height:330px;}
	.record-section{width:100%;margin:0 auto}
	.record-section dl{width:45%;}
	.record-section dl dt{width:100%;height:130px;}
	
	.container-nav ul{max-width:550px;}
	.container-nav ul li a{margin:0 20px}
}
@media screen and (min-width:50px) and (max-width:521px){
	
	.container-nav ul{width:100%}
	.container-nav ul li{width:100%;float:none;border-bottom:1px solid #ccc; overflow: hidden;}
	.container-nav ul li a{width:95%}
	.container-nav ul li:last-child{border:none}
	.container-nav ul li:hover{border-bottom:1px solid #DCB404}
}

@media screen and (min-width:1200px) and (max-width:1920px){
	
	.steel-about{ overflow:hidden;zoom:1;height:500px;}
}

@media screen and (min-width:50px) and (max-width:1200px){
	
	.company-article{width:100%}
	.article-left{width:100%}
	.article-right{display: none;width:100%}
	.steelright-center{width:100%; text-align: center;}
	
	.article-left{max-width:100%;margin:0 auto;text-align: center;}
	.article-left .wenzi-con{max-width:98%;margin:0 10px;}
	.wenzi-a a{margin:0 auto}
	.wenzi-a {margin-top:20px;}
	.company-article{margin:20px 0}
	
	.swiper-container2 {width: 600px;height: 100%;}
	.steel-left,.steel-right{float:none}
	.steel-left{margin:0 auto;height:390px;width:480px;}
	.steel-about{ background: url(../images/ggbg_03.png) no-repeat center center; background-size:100%;background-attachment: fixed; background-size: cover;}
	.steel-right{ background: none;width:100%}
	.steel-postion{height:70%;width:50%}
	.steel-postion b{padding-left:30px}
	.casea-section{ background: none;}
}

@media screen and (min-width:50px) and (max-width:600px){
	.record-section{width:100%;margin:0 auto}
	.record-section dl{width:93%;}
	.record-section dl dt{width:100%;height:180px;}
	.steel-left{height:290px;width:320px;}
	.steel-postion b img{ display: none;}
	.steel-postion b{padding-left:10px;}
}

@media screen and (min-width:800px) and (max-width:1200px){
.case-allcase dl{width:28%}
}
@media screen and (min-width:500px) and (max-width:800px){
.case-allcase dl{width:42%}
}
@media screen and (min-width:50px) and (max-width:500px){
.case-allcase dl{width:90%;}
}

@media screen and (min-width:600px) and (max-width:1200px){
.case-bottom dl{width:33.3%;margin-bottom:90px;}
.case-bottom dl .bgjiahao{ display: none;}
.case-bottom dl dt img{filter:grayscale(0%)}
}

@media screen and (min-width:100px) and (max-width:600px){
.case-bottom dl{width:100%;margin-bottom:90px;}
.case-bottom dl .bgjiahao{ display: none;}
.case-bottom dl dt img{filter:grayscale(0%)}
.case-dd{ position: absolute;bottom:-65px;left:40%;}

.jiudian-left{float:none;margin:0 auto 30px auto;width:100%}
.jiudian-right{float:none;margin:0 auto;width:100%; background: #fff;}
.biaocc-bottom form {width:100%}
.biao-form .submit-biao{margin:0 40px}
.lanrenzhijia,.spec-preview,.jqzoom,.spec-scroll{ width:320px;margin:0 auto}
.spec-scroll .items{width:280px}
.jiudian-article{margin:0 10px;}
.biaocc-bottom form div{width:80%}



}
@media screen and (min-width:100px) and (max-width:1200px){
.footer-nav{ display: none;}
.footer-logo {display: none;}
.footer-logo a{line-height:0px;margin-top:30px;}
.contact-footer{float:none;width:300px;margin:0 auto; text-align: center;}
}

@media screen and (min-width:750px) and (max-width:960px){
.news-newsdl dl{width:28%;}
}
@media screen and (min-width:1600px) and (max-width:2200px){
.deve-postion{ position: absolute;top:240px;width:370px;}
}
@media screen and (min-width:100px) and (max-width:1200px){
.deve-postion{ position: absolute;top:0px;width:370px;}
.deve-dl{padding:30px 0 20px 0}

.charm-right,.charm-left{ float:none;margin:0 auto}
.charm-left{width:100%;min-height:180px;}
.charm-left .charm-border{margin-left:80px;}
.charm{margin:0}
.charm-right{width:90%}
}
@media screen and (min-width:500px) and (max-width:1200px){
.deve-dl dl{width:90%;margin:10px 20px}
.deve-postion{width:300px;}

.jiudian-left{float:none;margin:0 auto 30px auto}
.jiudian-right{float:none;margin:0 auto;width:100%; background: #fff;}
.biaocc-bottom form {width:100%}
.biao-form .submit-biao{margin:0 40px}
}

@media screen and (min-width:150px) and (max-width:750px){
.news-newsdl dl{width:60%;float:none;margin:0 auto}
.news-caihonggu{height:900px;}
.news-about{width:100%;box-shadow: 0 0 0 #fff;}
.news-caihonggu{margin-top:20px;}
.deve-div{width:250px;}
.deve-div div{width:250px;}
.deve-dl{padding:70px 0 20px 0}
.deve-dl dl{width:90%;margin:10px 20px}

.about-article{padding:10px 0}
.aboutart-left,.aboutart-right{float:none}
.aboutart-right{width:95%;margin:0 auto}
.aboutart-left{margin:0 auto}
.about-hhh{ text-align: center;}
.jiudian-section dl{width:100%}


.pro-nav ul li,.pro-nav ul li a{width:97%; text-align: center;}
.pro-nav ul li a:hover{ background: #333;color:#8A654A}
.pro-nav ul li b{ display: none;}
.pro-all dl{float:none;margin:0 auto}

.spaddc-left,.spaddc-right{float:none;width:100%}
.spaandyyc{min-height:950px;}
}

@media screen and (min-width:750px) and (max-width:1200px){
.pro-all{width:750px;margin:0 auto;}	
.pro-all dl{float:left;width:47%;}
.pro-all dl dt{width:100%;height:380px;}

}

@media screen and (min-width:100px) and (max-width:380px){
.pro-all{width:100%;margin:0 auto;}	
.pro-all dl{float:none;width:100%;}
.pro-all dl dt{width:100%;height:330px;}
}


@media screen and (min-width:150px) and (max-width:900px){
	.meet-dl dl{ float: none;}
	.meet-show section div{float: none;}
	.meet-show section{height:820px;margin:0 auto;}
	.meet-show section div{width:100%;margin:0 auto;}
	.meet-show section article{margin:0 30px;padding-top:30px;}
	.meet-show .art-h1{margin:0 30px;}
	
	
	
}
@media screen and (min-width:150px) and (max-width:800px){
.contact-left,.contact-right{float:none;width:100%}
.contact-h1, .contact-all{margin:10px;}

.case-luxury{ overflow: hidden;zoom:1;width:100%;height:500px;position: relative;}
.case-left,.case-right{float:none;width:100%;height:100%}
.case-left{width:100%;}
.case-left img{width:100%;height:100%}
.case-right{width:100%; background:rgba(0,0,0,0.7);color:#8A654A; position: absolute;bottom:0;}
.swiper-container-vertical>.swiper-pagination-bullets{right:20px}
.case-h1{margin:0;padding:0}
.case-con{width:80%;margin:0 auto}
.case-right div{margin:30px 0}
.case-bottom{padding:0}

}
@media screen and (min-width:150px) and (max-width:1200px){
.jingdian-travl dl{width:575px;margin:15px auto;float:none}
.case-bottom{padding:0}
.bar-wenzi{width:100%;position: static; background: rgba(0,0,0,1);}
.bar-wenzi dl dt{margin:0}

}


@media screen and (min-width:430px) and (max-width:575px){
.jingdian-travl dl{width:100%;}
.jingdian-travl dl dt{width:100%; height:258px;}



}

@media screen and (min-width:200px) and (max-width:430px){
.jingdian-travl dl{width:100%;}
.jingdian-travl dl dt{width:100%; height:190px;}
}