main

xihuaTemplate/css/media.css

@@ -3,8 +3,12 @@
     padding: 16px 20px;
     justify-content: space-between;
   }
+  .header_logo {
+    flex: 1;
+  }
   .header_logo img {
-    height: 30px;
+    max-width: 100%;
+    max-height: 40px;
   }
   .header_layout .header_menu {
     display: none;
@@ -15,6 +19,21 @@
   .banner_wrapper {
     padding-top: 72px;
   }
+  .page_tabs_box {
+    display: none;
+  }
+  .header_btm_wrapper {
+    padding: 100px 0;
+  }
+  .content_wrapper {
+    padding: 0 40px;
+  }
+  .search_box .wp-search {
+    padding: 16px 20px;
+  }
+  .search_box .wp-search .form_box {
+    height: 40px;
+  }
   .wp-navi-aside {
     display: none;
     position: fixed;
@@ -117,6 +136,7 @@
   }
   .spe_cards .cards_item {
     height: auto;
+    margin: 0;
     padding: 40px 20px;
   }
   .spe_cards .cards_item .card_top {
@@ -160,19 +180,14 @@
     grid-template-columns: repeat(2, 1fr);
   }
   .tab_list .list_item .list_img {
+    height: 200px;
+  }
+  .tab_list.research_list .list_item .item .list_img {
     height: 300px;
   }
   .research_bg {
     background-size: cover;
   }
-  .research_bg .list_more .more_text,
-  .work_bg .list_more .more_text {
-    color: #fff;
-  }
-  .research_bg .list_more .arrow,
-  .work_bg .list_more .arrow {
-    background: url("../images/arrow_right.png") no-repeat center/contain;
-  }
   .work_bg {
     background-size: cover;
   }
@@ -209,10 +224,10 @@
   }
   .teachers_box .teachers_swiper {
     width: 100%;
-    height: 300px;
+    /* height: 300px; */
   }
   .teachers_box .teachers_swiper .teacher_item {
-    height: 300px;
+    /* height: 300px; */
   }
   /* .teachers_box .teachers_swiper .teacher_slide {
     width: 290px;
@@ -244,6 +259,9 @@
   .tabs_header .home_lay_title {
     margin-bottom: 10px;
   }
+  .tab_list.research_list {
+    grid-template-columns: repeat(1, 1fr);
+  }
   .tab_list {
     grid-template-columns: repeat(1, 1fr);
   }
@@ -279,13 +297,12 @@
   .page_title_box .title h1 {
     font-size: 24px;
   }
-  .content_wrapper {
-    padding: 50px 0;
-  }
+
   .wp_paging li.pages_count,
   .wp_paging li.page_jump {
     display: none;
   }
+
   .page_tabs_box .page_tab_list {
     justify-content: flex-start;
   }
@@ -313,15 +330,6 @@
   .page_teacher_list {
     grid-template-columns: repeat(2, 1fr);
   }
-  .page_article_list .list_img {
-    height: 220px;
-  }
-  .page_article_list img {
-    height: 220px;
-  }
-  .page_teacher_list .item {
-    height: 300px;
-  }
 }
 @media screen and (max-width: 576px) {
   .page_article_list,

xihuaTemplate/css/style.css

@@ -201,7 +201,8 @@
 .header_btm_wrapper {
   padding: 130px 0;
   display: flex;
-  width: 1200px;
+  width: 100%;
+  max-width: 1200px;
   margin: 0 auto;
 }
 .home_lay_title {
@@ -229,7 +230,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 18px;
+  font-size: 20px;
   color: var(--vt-c-indigo);
   line-height: 1;
   margin-bottom: 14px;
@@ -251,12 +252,10 @@
 }
 
 .news_lay_box .news_lay_item .list_item {
+  position: relative;
   padding: 20px 0;
   font-size: 14px;
   line-height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
   border-bottom: 1px solid #e5e5e5;
 }
 .news_lay_box .news_lay_item .list_item img {
@@ -271,6 +270,22 @@
 .news_lay_box .news_lay_item .list_item.news_1 {
   display: block;
 }
+.news_lay_box .news_lay_item .list_item .item_info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.news_lay_box .news_lay_item .list_item.news_1 .item_info {
+  position: absolute;
+  display: block;
+  left: 0;
+  bottom: 20px;
+  width: 100%;
+  height: 80px;
+  padding: 10px 20px;
+  background: linear-gradient(180deg, rgba(3, 3, 3, 0) 0%, #000000 100%);
+  color: #fff;
+}
 .news_lay_box .news_lay_item .list_item.news_1 .cover {
   display: block;
 }
@@ -283,20 +298,21 @@
 .news_lay_box .news_lay_item .list_item .first_date {
   display: none;
   font-size: 16px;
-  margin: 8px 0;
 }
 .news_lay_box .news_lay_item .list_item .item_date {
   display: block;
+  color: #848484;
 }
 .news_lay_box .news_lay_item .list_item.news_1 {
   padding-top: 0;
   font-size: 24px;
-  line-height: 36px;
+  line-height: 28px;
 }
 .news_lay_box .news_lay_item .list_item.news_1 .title {
   padding-right: 0;
-  overflow: auto;
-  white-space: normal;
+}
+.news_lay_box .news_lay_item .list_item.news_1 a:hover {
+  color: #fff;
 }
 .news_lay_box .news_lay_item .list_item .title {
   flex: 1;
@@ -311,6 +327,16 @@
   line-height: 28px;
   border-bottom: 1px solid #e5e5e5;
 }
+.news_lay_box .news_lay_item .s_item .title {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.news_lay_box .news_lay_item .s_item .item_date {
+  font-size: 12px;
+  color: #848484;
+}
 .news_lay_box .news_lay_item .s_item img {
   height: 210px;
   width: 100%;
@@ -337,10 +363,8 @@
   overflow: hidden;
   transition: all 0.2s ease-in-out;
 }
-.news_lay_box .news_lay_item .item:hover {
-  color: var(--vt-c-primary);
-}
-.news_lay_box .news_lay_item .item:hover a {
+
+.news_lay_box .news_lay_item .item a:hover {
   color: var(--vt-c-primary);
 }
 .news_lay_box .news_lay_item .item:hover img {
@@ -350,6 +374,9 @@
 .list_more {
   text-align: center;
 }
+.list_more.mt {
+  margin-top: 50px;
+}
 .list_more .more_text {
   color: var(--vt-c-primary);
   cursor: pointer;
@@ -490,7 +517,7 @@
 }
 
 .wrapper.wrapper_teacher_bg {
-  background: linear-gradient(180deg, #f3fbf1 0%, #ffffff 100%);
+  background: url("../images/bg_teachers.png") no-repeat center/cover;
 }
 /*teacher*/
 .teachers_box .teachers_swiper {
@@ -498,46 +525,33 @@
   display: grid;
   gap: 24px;
   grid-template-columns: repeat(5, 1fr);
-  height: 400px;
 }
-/* .teachers_box .teachers_swiper .teacher_slide {
-   width: 370px; 
-} */
+.teachers_box .teachers_swiper .teacher_slide {
+  text-align: center;
+}
 .teachers_box .teacher_item {
   width: 100%;
-  height: 400px;
   position: relative;
   overflow: hidden;
 }
 .teachers_box .teacher_item img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
+  border-radius: 50%;
   transition: all 0.3s ease-in-out;
 }
-.teachers_box .teacher_item:hover .item_footer {
-  transform: translateY(0);
-}
+
 .teachers_box .teacher_item:hover img {
   transform: scale(1.2);
 }
-.teachers_box .teacher_item .item_footer {
-  position: absolute;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 140px;
-  padding: 0 24px 20px;
-  transform: translateY(100%);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
-  transition: all 0.3s ease-in-out;
+.teachers_box .teacher_slide .item_footer {
+  margin-top: 20px;
+  display: block;
 }
-.teachers_box .teacher_item .name a {
-  color: #fff;
-  font-size: 18px;
+.teachers_box .teacher_slide .name a {
+  color: #000;
+  font-size: 20px;
   font-weight: 600;
 }
 
@@ -597,6 +611,9 @@
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
 }
+.tab_list.research_list {
+  grid-template-columns: repeat(2, 1fr);
+}
 .tab_list .list_item,
 .page_article_list .list_item {
   width: 100%;
@@ -607,7 +624,7 @@
 .tab_list .list_item .item {
   position: relative;
   display: block;
-  border-bottom: 2px solid rgba(159, 159, 159, 0.5);
+  /* border-bottom: 2px solid rgba(159, 159, 159, 0.5); */
   cursor: pointer;
 }
 .page_article_list .list_item .item {
@@ -618,7 +635,7 @@
 .page_article_list .list_item .item:hover {
   background-color: #f5f5f5;
 }
-.tab_list .list_item .item::before {
+/* .tab_list .list_item .item::before {
   content: "";
   position: absolute;
   bottom: 0;
@@ -627,8 +644,8 @@
   border-style: solid;
   border-color: transparent rgba(159, 159, 159, 0.5) rgba(159, 159, 159, 0.5)
     transparent;
-}
-.tab_list .list_item .item::after {
+} */
+/* .tab_list .list_item .item::after {
   content: "";
   position: absolute;
   bottom: -2px;
@@ -643,29 +660,66 @@
 }
 .tab_list .list_item .item:hover::after {
   width: 100%;
-}
+} */
 .tab_list .list_item .item:hover img,
 .page_article_list .list_item .item:hover img {
   transform: scale(1.2);
 }
+.tab_list.research_list .list_item .item {
+  position: relative;
+}
+
+.tab_list.research_list .list_item .item .list_img {
+  width: 100%;
+  height: 400px;
+  overflow: hidden;
+}
+.tab_list.research_list .list_item .item .info_box {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  padding: 30px 20px;
+  width: 100%;
+  color: #fff;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  opacity: 0;
+  overflow: hidden;
+}
+.tab_list.research_list .list_item .item:hover .info_box {
+  animation: fadeInUp 0.3s ease-in-out;
+  animation-fill-mode: forwards;
+}
+.tab_list.research_list .list_item .item .info_box .item_tit {
+  height: auto;
+  font-size: 20px;
+  font-weight: 600;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #fff;
+}
+.tab_list.research_list .list_item .item .info_box .item_date {
+  color: #fff;
+}
 .tab_list .list_item .list_img {
   width: 100%;
-  height: 390px;
+  height: 300px;
   overflow: hidden;
 }
 .tab_list .list_item img {
   width: 100%;
-  height: 390px;
+  height: 300px;
   object-fit: cover;
   transition: all 0.3s ease-in-out;
 }
 .tab_list .list_item .info_box {
-  padding: 20px 18px;
+  padding: 16px 18px;
 }
 .tab_list .list_item .item_tit {
-  height: 56px;
-  font-size: 20px;
-  line-height: 28px;
+  height: 48px;
+  font-size: 16px;
+  line-height: 24px;
   color: var(--vt-c-indigo);
   overflow: hidden;
 }
@@ -681,8 +735,8 @@
 }
 .tab_list .list_item .item_date {
   font-size: 14px;
-  margin-top: 30px;
-  font-weight: 300;
+  margin-top: 10px;
+  font-weight: 400;
   color: #999999;
 }
 .page_article_list .list_img {
@@ -737,20 +791,12 @@
   position: relative;
   z-index: 2;
 }
-.teach_bg::after {
-  position: absolute;
-  content: "";
-  right: 0;
-  top: 40%;
-  width: 40%;
-  height: 200px;
-  background-color: rgba(53, 152, 107, 0.1);
-}
+
 .work_bg {
   background: url("../images/bg_works.png") no-repeat center top/100% auto;
 }
 .works_tab .tab_list .list_item {
-  height: 388px;
+  height: 320px;
 }
 .works_tab .tab_list .list_item .item_link {
   display: block;
@@ -764,7 +810,7 @@
   position: absolute;
   left: 0;
   bottom: 0;
-  padding: 30px 40px;
+  padding: 30px 20px;
   width: 100%;
   color: #fff;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
@@ -809,7 +855,7 @@
 .services_bg {
   position: relative;
 }
-.services_bg::after {
+/* .services_bg::after {
   position: absolute;
   content: "";
   left: 0;
@@ -817,7 +863,7 @@
   width: 60%;
   height: 200px;
   background-color: rgba(53, 152, 107, 0.1);
-}
+} */
 .service_list {
   position: relative;
   display: grid;
@@ -1297,20 +1343,23 @@
   padding-left: 20px;
 }
 .search_box .wp-search {
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 40px;
-  width: 0;
-  height: 50px;
+  position: fixed;
+  top: -100%;
+  left: 0;
+  z-index: 201;
+  width: 100%;
+  padding: 16px 25px;
   background-color: #fff;
   overflow: hidden;
 }
 
 .search_box .wp-search .form_box {
-  width: 100%;
   display: flex;
   align-items: center;
+  width: 100%;
+  height: 65px;
+
+  margin: 0 auto;
 }
 .search_box .wp-search .form_box .search-input {
   flex: 1;
@@ -1344,8 +1393,13 @@
   background: url("../images/icon_search.png") no-repeat center/contain;
   cursor: pointer;
 }
-.search_box .search_icon.close {
+.search_box .close_icon {
+  display: block;
+  margin-left: 10px;
+  width: 40px;
+  height: 40px;
   background: url("../images/icon_close.png") no-repeat center/contain;
+  cursor: pointer;
 }
 .page_article_box .wp_paging {
   margin-top: 20px;

xihuaTemplate/displayinfo.htm

@@ -97,6 +97,7 @@
                         value="搜索"
                       />
                     </div>
+                    <div class="close_icon"></div>
                   </div>
                 </form>
               </div>

xihuaTemplate/js/app.js

@@ -103,15 +103,11 @@ SDAPP.prototype.plugin = function () {
 		return false;
 	});
 	$(".search_icon").click(function () {
-		if (_this.J(this).hasClass("close")) {
-			_this.J(this).removeClass("close")
-			$(".search_box .wp-search").stop().animate({ width: "0" }, 200)
-		}
-		else {
-			_this.J(this).addClass("close")
-			$(".search_box .wp-search").stop().animate({ width: "260px" }, 200)
-		}
+		$(".search_box .wp-search").stop().animate({ top: "0", opacity: 1 }, 200)
 
 	})
+	$(".close_icon").click(function () {
+		$(".search_box .wp-search").stop().animate({ top: "-100%", opacity: 0 }, 200)
+	})
 
 }

xihuaTemplate/js/comcus.js

@@ -10,7 +10,5 @@ $(function () {
 		}
 		return false;
 	});
-	$(".search_icon").click(function () {
-		$(".wp-search").show()
-	})
+
 });

xihuaTemplate/listcolumn.htm

@@ -96,6 +96,7 @@
                         value="搜索"
                       />
                     </div>
+                    <div class="close_icon"></div>
                   </div>
                 </form>
               </div>

xihuaTemplate/listintro.htm

@@ -96,6 +96,7 @@
                         value="搜索"
                       />
                     </div>
+                    <div class="close_icon"></div>
                   </div>
                 </form>
               </div>

xihuaTemplate/listteacher.htm

@@ -96,6 +96,7 @@
                         value="搜索"
                       />
                     </div>
+                    <div class="close_icon"></div>
                   </div>
                 </form>
               </div>

xihuaTemplate/main.htm

@@ -98,6 +98,7 @@
                         value="搜索"
                       />
                     </div>
+                    <div class="close_icon"></div>
                   </div>
                 </form>
               </div>
@@ -164,25 +165,15 @@
               </div>
             </div>
             <div frag="窗口内容">
-              <div class="news_list">
+              <div>
                 <!--[InfoCycleBegin]-->
-                <div class="list_item item news_1">
-                  <div class="cover">{缩略图}</div>
-                  <div class="first_date">{发布时间}</div>
-                  <div class="title">{标题}</div>
-                  <div class="item_date">{发布时间}</div>
-                </div>
-                <div class="list_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div class="first_date">{发布时间}</div>
-                  <div class="title">{标题}</div>
-                  <div class="item_date">{发布时间}</div>
-                </div>
                 <div class="list_item item news_{序号值}">
                   <div class="cover">{缩略图}</div>
-                  <div class="first_date">{发布时间}</div>
-                  <div class="title">{标题}</div>
-                  <div class="item_date">{发布时间}</div>
+                  <div class="item_info">
+                    <div class="first_date">{发布时间}</div>
+                    <div class="title">{标题}</div>
+                    <div class="item_date">{发布时间}</div>
+                  </div>
                 </div>
                 <!--[InfoCycleEnd]-->
               </div>
@@ -198,35 +189,12 @@
               </div>
             </div>
             <div frag="窗口内容">
-              <div class="news_list_s">
+              <div>
                 <!--[InfoCycleBegin]-->
-                <div class="s_item item news_1">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
-                <div class="s_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
-                <div class="s_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
-                <div class="s_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
-                <div class="s_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
                 <div class="s_item item news_{序号值}">
                   <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
-                </div>
-                <div class="s_item item news_{序号值}">
-                  <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
+                  <div class="title">{标题}</div>
+                  <div class="item_date">{发布时间}</div>
                 </div>
                 <!--[InfoCycleEnd]-->
               </div>
@@ -242,11 +210,12 @@
               </div>
             </div>
             <div frag="窗口内容">
-              <div class="news_list_s">
+              <div>
                 <!--[InfoCycleBegin]-->
                 <div class="s_item item news_{序号值}">
                   <div class="cover">{缩略图}</div>
-                  <div>{标题}</div>
+                  <div class="title">{标题}</div>
+                  <div class="item_date">{发布时间}</div>
                 </div>
                 <!--[InfoCycleEnd]-->
               </div>
@@ -265,7 +234,7 @@
         <div frag="窗口内容">
           <div class="spe_cards">
             <!--[InfoCycleBegin]-->
-            <!-- <div class="cards_item card_{序号值}">
+            <div class="cards_item card_{序号值}">
               <div class="card_top">
                 <div class="card_icon icon_{序号值}"></div>
                 <div class="card_tit">
@@ -282,96 +251,6 @@
                   </a>
                 </div>
               </div>
-            </div> -->
-            <div class="cards_item card_1">
-              <div class="card_top">
-                <div class="card_icon icon_1"></div>
-                <div class="card_tit">
-                  <div>{标题}</div>
-                </div>
-              </div>
-              <div class="card_desc">
-                <div class="desc">{简介}</div>
-                <div class="more">
-                  <a href="{文章URL}" target="{打开方式}">
-                    <span class="more_text"
-                      >了解更多 <i class="arrow"></i
-                    ></span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div class="cards_item card_2">
-              <div class="card_top">
-                <div class="card_icon icon_2"></div>
-                <div class="card_tit">
-                  <div>{标题}</div>
-                </div>
-              </div>
-              <div class="card_desc">
-                <div class="desc">{简介}</div>
-                <div class="more">
-                  <a href="{文章URL}" target="{打开方式}">
-                    <span class="more_text"
-                      >了解更多 <i class="arrow"></i
-                    ></span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div class="cards_item card_3">
-              <div class="card_top">
-                <div class="card_icon icon_3"></div>
-                <div class="card_tit">
-                  <div>{标题}</div>
-                </div>
-              </div>
-              <div class="card_desc">
-                <div class="desc">{简介}</div>
-                <div class="more">
-                  <a href="{文章URL}" target="{打开方式}">
-                    <span class="more_text"
-                      >了解更多 <i class="arrow"></i
-                    ></span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div class="cards_item card_4">
-              <div class="card_top">
-                <div class="card_icon icon_4"></div>
-                <div class="card_tit">
-                  <div>{标题}</div>
-                </div>
-              </div>
-              <div class="card_desc">
-                <div class="desc">{简介}</div>
-                <div class="more">
-                  <a href="{文章URL}" target="{打开方式}">
-                    <span class="more_text"
-                      >了解更多 <i class="arrow"></i
-                    ></span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div class="cards_item card_5">
-              <div class="card_top">
-                <div class="card_icon icon_5"></div>
-                <div class="card_tit">
-                  <div>{标题}</div>
-                </div>
-              </div>
-              <div class="card_desc">
-                <div class="desc">{简介}</div>
-                <div class="more">
-                  <a href="{文章URL}" target="{打开方式}">
-                    <span class="more_text"
-                      >了解更多 <i class="arrow"></i
-                    ></span>
-                  </a>
-                </div>
-              </div>
             </div>
             <!--[InfoCycleEnd]-->
           </div>
@@ -390,18 +269,16 @@
             <div class="teachers_swiper">
               <!--[InfoCycleBegin]-->
               <div class="teacher_slide">
-                <div class="teacher_item">
-                  {缩略图}
-                  <div class="item_footer">
-                    <div class="name">{标题}</div>
-                  </div>
+                <div class="teacher_item">{缩略图}</div>
+                <div class="item_footer">
+                  <div class="name">{标题}</div>
                 </div>
               </div>
               <!--[InfoCycleEnd]-->
             </div>
           </div>
         </div>
-        <div class="list_more" frag="按钮" type="更多">
+        <div class="list_more mt" frag="按钮" type="更多">
           <span class="more_text" frag="按钮内容"
             >查看更多 <i class="arrow"></i
           ></span>
@@ -438,7 +315,6 @@
                     <div class="list_img">{缩略图}</div>
                     <div class="info_box">
                       <div class="item_tit">{标题}</div>
-                      <div class="item_desc">{简介}</div>
                       <div class="item_date">{发布时间}</div>
                     </div>
                   </div>
@@ -446,7 +322,7 @@
                 </li>
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -461,7 +337,6 @@
                     <div class="list_img">{缩略图}</div>
                     <div class="info_box">
                       <div class="item_tit">{标题}</div>
-                      <div class="item_desc">{简介}</div>
                       <div class="item_date">{发布时间}</div>
                     </div>
                   </div>
@@ -469,7 +344,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -484,7 +359,6 @@
                     <div class="list_img">{缩略图}</div>
                     <div class="info_box">
                       <div class="item_tit">{标题}</div>
-                      <div class="item_desc">{简介}</div>
                       <div class="item_date">{发布时间}</div>
                     </div>
                   </div>
@@ -492,7 +366,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -503,20 +377,19 @@
     </div>
 
     <div class="wrapper home_lay_item_box research_bg">
-      <div class="inner" frag="窗口12">
-        <div class="home_lay_title white">
+      <div class="inner research" frag="窗口12">
+        <div class="home_lay_title">
           科研创作<span>/</span>
           <span>Scientific Research</span>
         </div>
         <div frag="窗口内容">
-          <ul class="tab_list">
+          <ul class="tab_list research_list">
             <!--[InfoCycleBegin]-->
             <li class="list_item">
               <div class="item">
                 <div class="list_img">{缩略图}</div>
                 <div class="info_box">
                   <div class="item_tit">{标题}</div>
-                  <div class="item_desc">{简介}</div>
                   <div class="item_date">{发布时间}</div>
                 </div>
               </div>
@@ -524,7 +397,7 @@
             <!--[InfoCycleEnd]-->
           </ul>
         </div>
-        <div class="list_more" frag="按钮" type="更多">
+        <div class="list_more mt" frag="按钮" type="更多">
           <span class="more_text" frag="按钮内容"
             >查看更多 <i class="arrow"></i
           ></span>
@@ -573,7 +446,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -594,7 +467,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -615,7 +488,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -636,7 +509,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>
@@ -657,7 +530,7 @@
                 <!--[InfoCycleEnd]-->
               </ul>
             </div>
-            <div class="list_more" frag="按钮" type="更多">
+            <div class="list_more mt" frag="按钮" type="更多">
               <span class="more_text" frag="按钮内容"
                 >查看更多 <i class="arrow"></i
               ></span>