响应式完成

css/base.css

@@ -17,6 +17,8 @@
 	-webkit-appearance: none;
 	/* 去掉点击时的默认外观 */
 	outline-style: none;
+	/* 去除点击出现背景 */
+	-webkit-tap-highlight-color:transparent;
 }
 
 body {

css/style.css

@@ -867,7 +867,7 @@
 }
 
 .history .txt {
-	width: calc(100% - 590px);
+	width: calc(60% - 40px);
 }
 
 .history-title {
@@ -956,7 +956,7 @@
 }
 
 .history .img {
-	width: 550px;
+	width: 40%;
 	margin-top: 168px;
 }
 
@@ -1153,7 +1153,7 @@
 
 .activities-list .activities-item>.img>img {
 	width: 100%;
-	min-height: 222px;
+	min-height: 100%;
 	transition: all .6s;
 }
 
@@ -1242,6 +1242,7 @@
 
 .preview-item .img>img {
 	width: 100%;
+	min-height: 100%;
 	transition: all .6s;
 }
 
@@ -1577,7 +1578,7 @@
 
 .news-item .img>img {
 	width: 100%;
-	min-height: 240px;
+	min-height: 100%;
 	transition: all .6s;
 }
 
@@ -2456,13 +2457,186 @@
 		display: none;
 	}
 }
-@media screen and (max-width:1440px) {
+@media screen and (max-width:1520px) {
 	.w1360{
 		width: 90% !important;
 	}
 }
 
+@media screen and (max-width:1360px){
+	.preview-swiper .swiper-slide{
+		width: 84%;
+		margin: 0 15px;
+	}
+	.preview-swiper .swiper-button-prev{
+		left: 2.5%;
+	}
+	.preview-swiper .swiper-button-next{
+		right: 2.5%;
+	}
+	.services-list .item{
+		height: 420px;
+	}
+}
+
 @media screen and (max-width:1280px) {
+	.nav>a{
+		margin-left: 30px;
+	}
+	.sub-nav>a{
+		margin-left: 35px;
+	}
+	.foot-left .item{
+		margin-left: 60px;
+	}
+	.banner-txt .title{
+		font-size: 50px;
+	}
+	.banner-txt .sub-title{
+		font-size: 28px;
+	}
+	.project-case-list>a>.img{
+		height: 175px;
+	}
+	.culture-info{
+		line-height: 1.8;
+	}
+	.red-property-case>a>.img{
+		height: 235px;
+	}
+	.complaint .left{
+		width: 280px;
+	}
+	.complaint .right{
+		width: calc(100% - 320px);
+	}
+	
+	.services-list .item{
+		height: 390px;
+	}
+	.activities-list .activities-item>.txt{
+		padding: 20px;
+	}
+	.activities-list .activities-item{
+		height: 200px;
+	}
+	.news-first .info{
+		min-height: 124px;
+	}
+	.news-item .img{
+		height: 210px;
+	}
+	.news-item .time-bg{
+		height: 210px;
+	}
+}
+
+@media screen and (max-width:1220px) {
+	.foot{
+		position: relative;
+		padding-bottom: 50px;
+	}
+	.record-info{
+		display: flex;
+		justify-content: center;
+		width: 100%;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		z-index: 1;
+	}
+	.banner-txt .title{
+		font-size: 46px;
+	}
+	.banner-txt .sub-title{
+		font-size: 26px;
+	}
+	.index-service .left-service p, .index-service .right-service>a>p{
+		font-size: 18px;
+	}
+	.index-service .left-service span, .index-service .right-service>a>span{
+		font-size: 16px;
+	}
+	.project-case-list>a>.img{
+		height: 165px;
+	}
+	.red-property-case>a>.img{
+		height: 220px;
+	}
+	.enterprise-list .item .txt{
+		padding: 15px;
+	}
+	.activities-list .activities-item>.txt{
+		padding: 15px;
+	}
+	.activities-list .activities-item{
+		height: 190px;
+	}
+	.news-first .info{
+		min-height: 120px;
+	}
+	.news-item .img{
+		height: 200px;
+	}
+	.news-item .time-bg{
+		height: 200px;
+	}
+}
+
+@media screen and (max-width:1100px) {
+	.banner-txt .title{
+		font-size: 42px;
+	}
+	.banner-txt .sub-title{
+		font-size: 24px;
+	}
+	.index-service .left-service p, .index-service .right-service>a>p{
+		font-size: 17px;
+	}
+	.index-service .left-service span, .index-service .right-service>a>span{
+		font-size: 15px;
+	}
+}
+
+
+/* 非手机端隐藏 */
+@media screen and (min-width:960px) {
+
+	/* 仅手机端展示 */
+	.wap-show {
+		display: none !important;
+	}
+
+	/* 隐藏pc端图片 */
+	.wap-img {
+		display: none !important;
+	}
+}
+
+/* 手机端样式 */
+@media screen and (max-width:960px) {
+	body {
+		padding-top: .9rem;
+	}
+
+	html {
+		font-size: 100px;
+	}
+
+	.w1360 {
+		width: 94% !important;
+	}
+
+	/* 仅pc端展示 */
+	.pc-show {
+		display: none !important;
+	}
+
+	/* 隐藏pc端图片 */
+	.pc-img {
+		display: none !important;
+	}
+	
 	/* 头部 */
 	.header-white {
 		background-color: #f2f5fa;
@@ -2604,10 +2778,12 @@
 	/* 尾部 */
 	.footer {
 		padding-top: 0;
+		padding-bottom: 15px;
 	}
 	
 	.foot {
 		flex-wrap: wrap;
+		padding-bottom: 0;
 	}
 	
 	.foot-left {
@@ -2679,68 +2855,13 @@
 	}
 	
 	.record-info {
+		display: block;
 		width: 100%;
 		font-size: .24rem;
 		line-height: 1.5;
 		text-align: center;
 		margin-top: .15rem;
-	}
+		position: static;
-	
-	/* 内容 */
-	.project-case-list>a>.img{
-		height: 175px;
-	}
-	.culture-info{
-		line-height: 1.8;
-	}
-	.red-property-case>a>.img{
-		height: 235px;
-	}
-	.complaint .left{
-		width: 280px;
-	}
-	.complaint .right{
-		width: calc(100% - 320px);
-	}
-}
-
-
-/* 非手机端隐藏 */
-@media screen and (min-width:960px) {
-
-	/* 仅手机端展示 */
-	.wap-show {
-		display: none !important;
-	}
-
-	/* 隐藏pc端图片 */
-	.wap-img {
-		display: none !important;
-	}
-}
-
-/* 手机端样式 */
-@media screen and (max-width:960px) {
-	body {
-		padding-top: .9rem;
-	}
-
-	html {
-		font-size: 100px;
-	}
-
-	.w1360 {
-		width: 94% !important;
-	}
-
-	/* 仅pc端展示 */
-	.pc-show {
-		display: none !important;
-	}
-
-	/* 隐藏pc端图片 */
-	.pc-img {
-		display: none !important;
 	}
 
 	/* banner */