调整首页

public/assets/index/css/style.css

@@ -112,6 +112,9 @@ img {
 background: url(../img/bg.png) no-repeat;
 background-size: 100% auto;
 }
+.mian{
+    background-color: #fff;
+}
 /* header */
 .header{
     margin-top: 16%;
@@ -878,7 +881,7 @@ background-size: 100% auto;
 
 .index-mian-right-ads {
     display: flex;
-    margin: 0 -10px 40px -10px;
+    margin: 0 -10px 33px -10px;
 }
 
 .index-mian-right-ad-5 {
@@ -898,7 +901,12 @@ background-size: 100% auto;
 .index-mian-right-ul li a {
     padding-right: 0;
 }
-
+.index-mian-news-ul_media{
+    margin: 8px 0 !important;
+}
+.index-mian-news-ul_media a{
+    line-height: 19px !important;
+}
 .index-mian-right-video {
     margin: 20px 0 40px;
     position: relative;
@@ -958,20 +966,21 @@ background-size: 100% auto;
 }
 
 .index-mian-notice-ul li {
-    line-height: 17px;
-    margin: 20px 0;
+    margin: 11px 0;
 }
 
 .index-mian-notice-ul li a{
     position: relative;
     padding-right: 0;
     padding-left: 20px;
+    display: -webkit-box;
+    line-height: 23px;
 }
 
 .index-mian-notice-ul li a i{
     position: absolute;
     left: 0;
-    top: 0;
+    top: 4px;
 }
 
 /* footer */
@@ -987,6 +996,10 @@ background-size: 100% auto;
     margin: 10px 0;
     font-size: 14px;
 }
+footer p span , footer p a{
+    color: #fff;
+    margin-left: 30px;
+}
 
 .footer img {
     width: 68px;
@@ -1775,3 +1788,193 @@ background-size: 100% auto;
     font-size: 18px;
     margin-bottom: 10px
 }
+.mb{
+    display: none;
+}
+
+
+@media (max-width:768px) {
+    .mb{
+    display: block;
+    background: #273981;
+    width: 30px;
+    border-radius: 4px;
+    margin-right: 20px
+    }
+    .nav{
+        display: none;
+    }
+    .mian-nav{
+        width: 100%;
+    }
+    .bg{
+         background-position: center 35px ;
+    }
+    .tool{
+        height: 35px;
+        padding: 0 10px;
+    }
+    .tool-content{
+        white-space: nowrap;
+    }
+    .tool-search input{
+        height: 20px;
+        width: 120px;
+    }
+    .tool-search{
+        margin: 6px 0;
+    }
+    .tool-search button{
+        height: 20px;
+        width: 20px;
+        vertical-align:top;
+    }
+    .tool-herf span{
+        padding: 0 2px;
+    }
+    .tool-herf a, .tool-herf span,.tool-search input{
+        line-height: 35px;
+        font-size: 12px;
+    }
+    .container{
+        width: 100%;
+    }
+    .header{
+        margin-top: 23%;
+    }
+    .header-logo{
+        width: 50%;
+        height: 50%;
+    }
+    .header-content{
+        padding: 0;
+    }
+    .header-text{
+        padding-left: 0;
+        width: 50%;
+        font-size: 12px;
+        margin-right: 8px;
+    }
+    .nav-ul{
+        flex-direction: column;
+    }
+    .nav-ul-li > a{
+        font-size: 12px;
+    }
+    .swiper-banner-img{
+        padding-top:12%;
+        background-size:40%;
+    }
+    .swiper-banner-img h3{
+        padding: 10px 10px 30px 10px;
+        font-size: 12px;
+    }
+    .swiper-pagination .swiper-pagination-bullet{
+        width: 8px;
+        height: 8px;
+    }
+    .index-mian-left,.index-mian-news-hot, .index-mian-news-hot ~ .index-mian-news-ul,.index-mian-right{
+        width: 100%;
+    }
+    .index-mian-news-hot ~ .index-mian-news-ul{
+        padding: 0 10px 0 20px;
+    }
+    .index-mian-news-cover{
+        padding-top: 67%;
+    }
+    .index-mian-right-video-item{
+        width: 82%;
+    }
+    .index-mian-right-video-item-lg{
+        width: 63%;
+        margin-left: 20px;
+    }
+   
+    .index-mian-right-video{
+        padding-left: 74%;
+    }
+    .newCont{
+        margin-top: 20px;
+        margin-left: 0;
+        width: 100%;
+    }
+    .index-mian-notice-ul{
+        margin: 0 20px;
+    }
+
+    /* 院所新闻 */
+    .results-news-ul{
+        margin: 0 20px;
+    }
+    .mian-content{
+        width: 100%;
+    }
+    .href-flex{
+        justify-content: center;
+    }
+    /* 组织机构 */
+    .org-intro,.org-history{
+        padding-top: 230px;
+        padding-left:0;
+        padding-right: 0;
+        margin: 0 20px;  
+    }
+    .org-history-cover, .org-intro-cover{
+        width: 100%;
+    }
+    .org-intro-more{
+        padding-bottom: 10px;
+    }
+    .org-inst span{
+        width: 30%;
+    }
+    .details{
+        margin: 0 auto;
+    }
+    /* 领导班子 */
+    .org-lead-ul{
+        margin: 0 20px 20px 10px;
+    }
+    .org-lead-ul li{
+        width: 100%;
+    }
+    /* 党建文化 */
+    .results-news-cover span,.results-news-cover{
+        width: 100%;
+    }
+    .results-news-cover ~ .results-news-ul{
+        padding-left: 0;
+        padding-top: 225px;
+    }
+    .results-news-cover span{
+        font-size: 14px;
+    }
+    .sub-title{
+        padding-right: 10px;
+    }
+    /* 人才队伍 */
+    .rctd-boeder:last-child,.rctd-boeder{
+        margin: 0 20px;
+    }
+    .rctd-boeder{
+        padding-left: 0;
+        padding-top: 165px;
+    }
+    .rctd2{
+        width: 100%;
+    }
+    /* 文章详情 */
+    .details-content p video{
+        width: 100%;
+        height: 100%;
+    }
+    .footer p{
+        display: flex;
+        flex-direction: column;
+        margin: 0;
+        line-height: 30px;
+    }
+    .footer p span , .footer p a{
+        margin: 0;
+    }
+}

resources/views/index/index.blade.php

@@ -234,7 +234,7 @@
             <ul class="index-mian-news-ul index-mian-notice-ul">
                 @if (getArticlesBYCate(86,3)->isNotEmpty())
                     @foreach (getArticlesBYCate(86,3) as $article)
-                        <li>
+                        <li class="index-mian-news-ul_media">
                             <a href="{{ $article->link }}" class="nowrap-multi">
                                 <i class="fa fa-chevron-circle-right"></i>
                                 {{ $article->title }}