diff --git a/about.html b/about.html
index 9d6cba2..3f58de0 100644
--- a/about.html
+++ b/about.html
@@ -66,13 +66,16 @@
-
+
diff --git a/business-02.html b/business-02.html
index 0dbd0fc..24ea86a 100644
--- a/business-02.html
+++ b/business-02.html
@@ -66,14 +66,16 @@
-
+
diff --git a/business.html b/business.html
index 315e788..2acaa26 100644
--- a/business.html
+++ b/business.html
@@ -66,14 +66,16 @@
-
+
diff --git a/contact.html b/contact.html
index 1062fc0..259eb8a 100644
--- a/contact.html
+++ b/contact.html
@@ -66,10 +66,12 @@
-
+
diff --git a/css/style.css b/css/style.css
index 887f396..2ad5e9b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -263,7 +263,7 @@
.index-news-left span>em{
width: 53px;
height: 11px;
- background-image: url(../images/news-more.png);
+ background-image: url(../imgs/news-more.png);
background-size: 100%;
}
.index-news-left:hover .left-title{
@@ -285,7 +285,7 @@
height: 159px;
padding: 18px 15px;
background-color: #FFFFFF;
- box-shadow: 0 0 8px rgba(201,201,201,0.3);
+ box-shadow: 0 0 12px rgba(160,160,160,0.4);
}
.index-news-first>a{
display: flex;
@@ -507,7 +507,7 @@
.index-about{
margin-top: 50px;
padding: 50px;
- background-image: url(../images/about-bg.jpg);
+ background-image: url(../imgs/about-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
@@ -611,7 +611,7 @@
/* 尾部 */
.footer{
- background-image: url(../images/foot-bg.jpg);
+ background-image: url(../imgs/foot-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
@@ -759,18 +759,21 @@
background-color: #FFFFFF;
margin: 0 auto;
}
-.pull-item{
- display: flex;
- justify-content: center;
+.pull-item-all{
width: 100%;
- height: 58px;
- background-color: rgba(0,0,0,0.4);
position: absolute;
bottom: 0;
left: 0;
z-index: 99;
}
-.pull-item.pull-item-fixed{
+.pull-item{
+ display: flex;
+ justify-content: center;
+ width: auto;
+ height: 58px;
+ background-color: rgba(0,0,0,0.4);
+}
+.pull-item-all.pull-item-fixed{
width: 1690px;
position: fixed;
top: 90px;
@@ -835,7 +838,7 @@
/* 领导致辞 */
.speech-bg{
padding: 75px 0;
- background-image: url(../images/speech-bg.jpg);
+ background-image: url(../imgs/speech-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
@@ -938,6 +941,8 @@
}
.team-list .team-item span{
display: block;
+ width: 100%;
+ height: 27px;
font-size: 18px;
line-height: 1.5;
margin: 15px 0 10px;
@@ -950,7 +955,7 @@
/* 组织机构 */
.organization-bg{
- background-image: url(../images/organization-bg.jpg);
+ background-image: url(../imgs/organization-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
@@ -967,7 +972,7 @@
/* 大事记 */
.memorabilia-bg{
- background-image: url(../images/memorabilia-bg.jpg);
+ background-image: url(../imgs/memorabilia-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
@@ -1060,7 +1065,7 @@
background-color: #de0011;
margin-top: -25.5px;
left: 0;
- background-image: url(../images/join-arrow-left.png);
+ background-image: url(../imgs/join-arrow-left.png);
background-size: 20px 22px;
}
.memorabili-swiper .swiper-button-next{
@@ -1070,7 +1075,7 @@
background-color: #de0011;
margin-top: -25.5px;
right: 0;
- background-image: url(../images/join-arrow-right.png);
+ background-image: url(../imgs/join-arrow-right.png);
background-size: 20px 22px;
}
.memorabili-swiper .swiper-button-disabled{
@@ -1093,7 +1098,7 @@
/* 新闻动态 */
.news-bg{
- background-image: url(../images/news-bg.jpg);
+ background-image: url(../imgs/news-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
@@ -1147,7 +1152,7 @@
.news-txt span>em{
width: 53px;
height: 11px;
- background-image: url(../images/news-more.png);
+ background-image: url(../imgs/news-more.png);
background-size: 100%;
}
.news-list li:hover img{
@@ -1162,7 +1167,7 @@
transition: all .6s;
}
.news-list li:hover .news-txt span>em{
- background-image: url(../images/news-more2.png);
+ background-image: url(../imgs/news-more2.png);
transition: all .6s;
}
@@ -1361,7 +1366,7 @@
width: 58px;
height: 48px;
border: 1px solid #e7626c;
- background-image: url(../images/arrow-left.png);
+ background-image: url(../imgs/arrow-left.png);
background-repeat: no-repeat;
background-position: center;
background-size: 21px 20px;
@@ -1374,7 +1379,7 @@
width: 58px;
height: 48px;
border: 1px solid #e7626c;
- background-image: url(../images/arrow-right.png);
+ background-image: url(../imgs/arrow-right.png);
background-repeat: no-repeat;
background-position: center;
background-size: 21px 20px;
@@ -1389,11 +1394,11 @@
}
.preview-arrow .preview-arrow-prev:hover{
background-color: #de0011;
- background-image: url(../images/arrow-left2.png);
+ background-image: url(../imgs/arrow-left2.png);
}
.preview-arrow .preview-arrow-next:hover{
background-color: #de0011;
- background-image: url(../images/arrow-right2.png);
+ background-image: url(../imgs/arrow-right2.png);
}
.preview-arrow .swiper-button-disabled{
@@ -1406,11 +1411,11 @@
}
.preview-arrow .preview-arrow-prev.swiper-button-disabled:hover{
background-color: rgba(0,0,0,0);
- background-image: url(../images/arrow-left.png);
+ background-image: url(../imgs/arrow-left.png);
}
.preview-arrow .preview-arrow-next.swiper-button-disabled:hover{
background-color: rgba(0,0,0,0);
- background-image: url(../images/arrow-right.png);
+ background-image: url(../imgs/arrow-right.png);
}
@@ -1465,7 +1470,7 @@
display: block;
width: 16px;
height: 10px;
- background-image: url(../images/area-more.png);
+ background-image: url(../imgs/area-more.png);
background-size: 16px 10px;
margin-left: 6px;
}
@@ -1563,7 +1568,7 @@
.inspect-list li:hover .inspect-txt>span>em{
width: 53px;
height: 11px;
- background-image: url(../images/news-more.png);
+ background-image: url(../imgs/news-more.png);
background-size: 100%;
}
@@ -2019,7 +2024,7 @@ textarea::-webkit-input-placeholder {
.w1690{
width: 94%;
}
- .pull-item.pull-item-fixed{
+ .pull-item-all.pull-item-fixed{
width: 94%;
}
.logo h1{
@@ -2335,15 +2340,6 @@ textarea::-webkit-input-placeholder {
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: 14px;
- text-align: center;
- }
.banner-swiper{
width: 100%;
height: 400px;
@@ -2718,7 +2714,34 @@ textarea::-webkit-input-placeholder {
.pull-title span{
font-size: 14px;
}
- .pull-item.pull-item-fixed{
+ .pull-item-all{
+ width: 100%;
+ height: 58px;
+ overflow-y: hidden;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ }
+ .pull-item{
+ display: flex;
+ justify-content: center;
+ height: 58px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ }
+ .pull-item>li{
+ display: block;
+ width: 90px;
+ float: left;
+ }
+ .pull-item>li a{
+ line-height: 58px;
+ padding: 0;
+ text-align: center;
+ }
+
+ .pull-item-all.pull-item-fixed{
+ width: 100%;
top: 70px;
}
.news-list li,
@@ -3005,31 +3028,11 @@ textarea::-webkit-input-placeholder {
}
}
@media screen and (max-width:414px){
- .pull-item.pull-item-fixed{
+ .pull-item-all.pull-item-fixed{
width: 100%;
}
- .pull-item-02 li>a{
- padding: 0 8px;
- font-size: 14px;
- }
- .pull-item-03 li>a{
- padding: 7px 12px;
- line-height: 22px;
- font-size: 15px;
- text-align: center;
- }
}
@media screen and (max-width:350px){
- .pull-item-02 li>a{
- padding: 0 6px;
- font-size: 13px;
- }
- .pull-item-03 li>a{
- padding: 9px 8px;
- line-height: 20px;
- font-size: 14px;
- text-align: center;
- }
.pase-size a{
width: 22px;
line-height: 22px;
diff --git a/culture.html b/culture.html
index 8b3b40b..0795b9e 100644
--- a/culture.html
+++ b/culture.html
@@ -66,11 +66,13 @@
-
+
diff --git a/guide.html b/guide.html
index 3546811..44cff4e 100644
--- a/guide.html
+++ b/guide.html
@@ -66,11 +66,13 @@
-
+
diff --git a/information.html b/information.html
index b67c8e7..b05e194 100644
--- a/information.html
+++ b/information.html
@@ -66,11 +66,13 @@
-
+
diff --git a/inspect-detail.html b/inspect-detail.html
index 311d375..4fa3991 100644
--- a/inspect-detail.html
+++ b/inspect-detail.html
@@ -66,11 +66,13 @@
-
+
diff --git a/inspect.html b/inspect.html
index e87cea7..fe19910 100644
--- a/inspect.html
+++ b/inspect.html
@@ -66,11 +66,13 @@
-
+
diff --git a/join.html b/join.html
index 685d2df..9c0094d 100644
--- a/join.html
+++ b/join.html
@@ -66,10 +66,12 @@
-
+
diff --git a/js/about.js b/js/about.js
index 133579e..e4496e6 100644
--- a/js/about.js
+++ b/js/about.js
@@ -1,5 +1,5 @@
if(screen.width <= 980){
- let navTop = $(".pull-item").offset().top-70;
+ let navTop = $(".pull-item-all").offset().top-70;
let abstractTop = $(".abstract-bg").offset().top-129;
let speechTop = $(".speech-bg").offset().top-129;
let teamTop = $(".team-bg").offset().top-129;
@@ -8,9 +8,9 @@ if(screen.width <= 980){
$(window).bind("scroll",function(){
let topScroll=$(this).scrollTop();//当前窗口的滚动距离
if(topScroll > navTop){
- $(".pull-item").addClass("pull-item-fixed")
+ $(".pull-item-all").addClass("pull-item-fixed")
}else{
- $(".pull-item").removeClass("pull-item-fixed")
+ $(".pull-item-all").removeClass("pull-item-fixed")
}
if(topScroll > abstractTop){
@@ -35,7 +35,7 @@ if(screen.width <= 980){
}
});
}else{
- let navTop = $(".pull-item").offset().top-90;
+ let navTop = $(".pull-item-all").offset().top-90;
let abstractTop = $(".abstract-bg").offset().top-149;
let speechTop = $(".speech-bg").offset().top-149;
let teamTop = $(".team-bg").offset().top-149;
@@ -44,9 +44,9 @@ if(screen.width <= 980){
$(window).bind("scroll",function(){
let topScroll=$(this).scrollTop();//当前窗口的滚动距离
if(topScroll > navTop){
- $(".pull-item").addClass("pull-item-fixed")
+ $(".pull-item-all").addClass("pull-item-fixed")
}else{
- $(".pull-item").removeClass("pull-item-fixed")
+ $(".pull-item-all").removeClass("pull-item-fixed")
}
if(topScroll > abstractTop){
$(".pull-item li").removeClass("cur");
diff --git a/js/javascript.js b/js/javascript.js
index 8000a03..b20c9e8 100644
--- a/js/javascript.js
+++ b/js/javascript.js
@@ -213,7 +213,12 @@ jQuery(function($){
});
}
-
+ // 获取nav宽度
+ if(screen.width <= 780){
+ var liNumber = $(".pull-item>li").length;
+ var ulWidth = liNumber*90 + 'px';
+ $('.pull-item').css('min-width',ulWidth)
+ }
// 团队风采滚动
if(screen.width <= 860){
diff --git a/new_file.html b/new_file.html
deleted file mode 100644
index b021d8e..0000000
--- a/new_file.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/news-detail.html b/news-detail.html
index 4a49f86..61a27a4 100644
--- a/news-detail.html
+++ b/news-detail.html
@@ -66,10 +66,12 @@
-
+
diff --git a/news.html b/news.html
index 1594806..586bde5 100644
--- a/news.html
+++ b/news.html
@@ -66,10 +66,12 @@
-
+
diff --git a/results.html b/results.html
index e40601a..7a9afd3 100644
--- a/results.html
+++ b/results.html
@@ -66,11 +66,13 @@
-
+
diff --git a/social.html b/social.html
index abbbdf1..e741240 100644
--- a/social.html
+++ b/social.html
@@ -66,11 +66,13 @@
-
+
diff --git a/team.html b/team.html
index c8bcdd3..3feabe1 100644
--- a/team.html
+++ b/team.html
@@ -66,11 +66,13 @@
-
+