响应式样式调整完成

about.html

@@ -330,7 +330,7 @@
 		</footer>
 	</body>
 	<script type="text/javascript">
-		if(screen.width <= 860){
+		if(screen.width <= 980){
 			let navTop = $(".pull-item").offset().top-70;
 			$(window).bind("scroll",function(){
 				let topScroll=$(this).scrollTop();//当前窗口的滚动距离

css/style.css

@@ -1837,6 +1837,9 @@ textarea::-webkit-input-placeholder {
 	.w1690{
 		width: 94%;
 	}
+	.pull-item.pull-item-fixed{
+		width: 94%;
+	}
 	.logo h1{
 		font-size: 24px;
 	}
@@ -1850,7 +1853,7 @@ textarea::-webkit-input-placeholder {
 }
 @media screen and (max-width:1580px){
 	.banner-swiper{
-		height: 580px;
+		height: 750px;
 	}
 	.banner-title h2{
 		font-size: 90px;
@@ -1862,7 +1865,7 @@ textarea::-webkit-input-placeholder {
 		font-size: 15px;
 	}
 	.pull-swiper{
-		height: 430px;
+		height: 490px;
 	}
 	.pull-banner-title h2{
 		font-size: 78px;
@@ -1886,7 +1889,7 @@ textarea::-webkit-input-placeholder {
 		width: 90%;
 	}
 	.banner-swiper{
-		height: 545px;
+		height: 670px;
 	}
 	.banner-title h2{
 		font-size: 87px;
@@ -1898,7 +1901,7 @@ textarea::-webkit-input-placeholder {
 		font-size: 15px;
 	}
 	.pull-swiper{
-		height: 405px;
+		height: 430px;
 	}
 	.pull-banner-title h2{
 		font-size: 76px;
@@ -1920,7 +1923,7 @@ textarea::-webkit-input-placeholder {
 		padding: 0 15px;
 	}
 	.banner-swiper{
-		height: 530px;
+		height: 580px;
 	}
 	.banner-title h2{
 		font-size: 84px;
@@ -1986,16 +1989,27 @@ textarea::-webkit-input-placeholder {
 	.pull-banner-title p{
 		font-size: 26px;
 	}
+	.index-information-title{
+		line-height: 1.5;
+	}
 }
 @media screen and (max-width:1080px){
-	
+	.nav li>a, .nav li.active>a{
+		padding: 0 12px;
+		font-size: 15px;
+	}
+	.contact-top{
+		flex-wrap: wrap;
+	}
+	.contact-top li{
+		width: 50%;
+		margin: 10px 0;
+	}
+	.contact-top li:nth-of-type(odd){
+		border: 0;
+	}
 }
-
 @media screen and (max-width:980px){
-	
-}
-
-@media screen and (max-width:860px){
 	.w1690{
 		width: 95%;
 	}
@@ -2077,7 +2091,101 @@ textarea::-webkit-input-placeholder {
 		color: #FFFFFF;
 		
 	}
+	.pull-item li>a{
+		padding: 0 20px;
+		font-size: 15px;
+	}
+	.pull-item-02 li>a{
+		padding: 0 15px;
+		font-size: 14px;
+	}
+	.pull-item-03 li>a{
+		padding: 0 12px;
+		font-size: 15px;
+		text-align: center;
+	}
+	.banner-swiper{
+		width: 100%;
+		height: 400px;
+		margin-top: 70px;
+	}
+	.pull-item.pull-item-fixed{
+		top: 70px;
+	}
+	.memorabili{
+		padding: 30px 0 40px;
+	}
 	
+	.memorabili-txt .swiper-slide{
+		width: 100% !important;
+		margin: 0;
+		padding: 0;
+	}
+	.memorabili-txt{
+		padding: 0;
+	}
+	.memorabili-txt .swiper-slide:nth-of-type(2n){
+		margin-top: 0;
+		padding: 0;
+	}
+	.memorabili-txt .swiper-slide strong{
+		margin: 10px 0 0 0;
+	}
+	.memorabili-txt .swiper-slide p{
+		font-size: 14px;
+		line-height: 2;
+	}
+	.memorabili-swiper .swiper-button-prev,
+	.memorabili-swiper .swiper-button-next,
+	.memorabili-txt .line,
+	.memorabili-txt .swiper-slide em{
+		display: none;
+	}
+	.banner-title p{
+		font-size: 27px;
+	}
+	.pull-swiper{
+		height: 360px;
+	}
+	.index-news-information{
+		flex-wrap: wrap;
+	}
+	.index-news,
+	.index-information{
+		width: 100%;
+	}
+	.index-information{
+		margin-top: 20px;
+	}
+	.index-about-bottom li p{
+		padding: 0 10%;
+	}
+	.news-list li,
+	.news-list li:nth-of-type(3n){
+		width: 49%;
+		margin-right: 2%;
+	}
+	.news-list li:nth-of-type(2n){
+		margin-right: 0;
+	}
+	.news>h1{
+		font-size: 22px;
+	}
+	.preview .swiper-slide{
+		height: 115px;
+		overflow: hidden;
+	}
+	.preview .swiper-slide img{
+		min-height: 115px;
+	}
+	.preview .swiper-slide-thumb-active img{
+		min-height: 101px;
+	}
+	.enterprise-txt p{
+		padding: 0 15%;
+	}
+}
+@media screen and (max-width:780px){
 	/* banner */
 	.banner-swiper{
 		width: 100%;
@@ -2097,6 +2205,7 @@ textarea::-webkit-input-placeholder {
 	.banner-title span{
 		font-size: 12px;
 	}
+	
 	.index-news-information{
 		flex-wrap: wrap;
 		margin-top: 25px;
@@ -2222,6 +2331,7 @@ textarea::-webkit-input-placeholder {
 		top: 20px;
 	}
 	.index-about-right img{
+		width: auto;
 		height: 45px;
 	}
 	.corporate-name{
@@ -2293,21 +2403,6 @@ textarea::-webkit-input-placeholder {
 	.follow{
 		margin-top: 20px;
 	}
-	
-	.pull-item li>a{
-		padding: 0 8px;
-		font-size: 15px;
-	}
-	.pull-item-02 li>a{
-		padding: 0 5px;
-		font-size: 14px;
-	}
-	.pull-item-03 li>a{
-		padding: 7px 12px;
-		line-height: 22px;
-		font-size: 15px;
-		text-align: center;
-	}
 	.section{
 		padding: 25px 0;
 	}
@@ -2343,35 +2438,6 @@ textarea::-webkit-input-placeholder {
 	.pull-title span{
 		font-size: 16px;
 	}
-	.memorabili{
-		padding: 30px 0 40px;
-	}
-	
-	.memorabili-txt .swiper-slide{
-		width: 100% !important;
-		margin: 0;
-		padding: 0;
-	}
-	.memorabili-txt{
-		padding: 0;
-	}
-	.memorabili-txt .swiper-slide:nth-of-type(2n){
-		margin-top: 0;
-		padding: 0;
-	}
-	.memorabili-txt .swiper-slide strong{
-		margin: 10px 0 0 0;
-	}
-	.memorabili-txt .swiper-slide p{
-		font-size: 14px;
-		line-height: 2;
-	}
-	.memorabili-swiper .swiper-button-prev,
-	.memorabili-swiper .swiper-button-next,
-	.memorabili-txt .line,
-	.memorabili-txt .swiper-slide em{
-		display: none;
-	}
 	.pull-item.pull-item-fixed{
 		top: 70px;
 	}
@@ -2381,6 +2447,7 @@ textarea::-webkit-input-placeholder {
 	}
 	.news-img{
 		height: 238px;
+		overflow: hidden;
 	}
 	.news-img img{
 		min-height: 238px;
@@ -2538,16 +2605,9 @@ textarea::-webkit-input-placeholder {
 	.contact-content{
 		padding: 15px 10px;
 	}
-	.contact-top{
-		flex-wrap: wrap;
-	}
 	.contact-top li{
 		width: 50%;
 		padding: 15px 10px;
-		margin: 10px 0;
-	}
-	.contact-top li:nth-of-type(odd){
-		border: 0;
 	}
 	.contact-top li>span{
 		margin-bottom: 20px;
@@ -2596,6 +2656,15 @@ textarea::-webkit-input-placeholder {
 		text-overflow: ellipsis;
 	}
 }
-@media screen and (max-width:350px){
+@media screen and (max-width:390px){
-	
+	.pull-item-02 li>a{
+		padding: 0 5px;
+		font-size: 14px;
+	}
+	.pull-item-03 li>a{
+		padding: 7px 12px;
+		line-height: 22px;
+		font-size: 15px;
+		text-align: center;
+	}
 }

js/javascript.js

@@ -74,7 +74,7 @@ jQuery(function($){
 	});
 	
 	// 大事记滚动
-	if(screen.width <= 860){
+	if(screen.width <= 980){
 		var memorabiliSwiper = new Swiper('.memorabili-swiper',{
 			loop:false,//开启循环播放
 			autoplay : {
@@ -115,7 +115,7 @@ jQuery(function($){
 		})
 	}
 	// 主营业务滚动
-	if(screen.width <= 860){
+	if(screen.width <= 780){
 		var viewSwiper = new Swiper('.view-swiper', {
 			navigation: {
 				prevEl: '.preview .preview-arrow-prev',
@@ -150,7 +150,7 @@ jQuery(function($){
 	// $('#toTop').click(function(){$('html,body').animate({scrollTop:$('#top').offset().top}, 600);});
 	
 	// 走进蜀能锚点
-	if(screen.width <= 860){
+	if(screen.width <= 980){
 		$('.abstract').click(function(){
 			$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600);
 			$('.pull-item>li').removeClass("cur");
@@ -178,7 +178,7 @@ jQuery(function($){
 		});
 	}else{
 		$('.abstract').click(function(){
-			$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 128}, 600);
+			$('html,body').animate({scrollTop:$('.abstract-bg').offset().top - 147}, 600);
 			$('.pull-item>li').removeClass("cur");
 			$(this).addClass("cur");
 		});
@@ -203,6 +203,7 @@ jQuery(function($){
 			$(this).addClass("cur");
 		});
 	}
+		
 	
 	
 	// 团队风采滚动