第三部分完成

app/home/view/default/base/mall_footer.html

@@ -196,6 +196,7 @@
 <script src="{$Think.HOME_SITE_ROOT}/new/js/accordion.js"></script>
 <script src="{$Think.HOME_SITE_ROOT}/new/js/semantic.min.js"></script>
 
+
 <script src="{$Think.PLUGINS_SITE_ROOT}/jquery.cookie.js"></script>
 
 <script src="{$Think.HOME_SITE_ROOT}/js/compare.js"></script>

app/home/view/default/base/mall_top.html

@@ -17,15 +17,15 @@
 		<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
 		<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
 		<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/font_3136242_62t986otkc6.css">
-		<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-2.1.1.min.js"></script>
-		<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.cookie.js"></script>
-		<script src="{$Think.HOME_SITE_ROOT}/new/js/common.js"></script>
 		<script>
 			var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
 			var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
 			var BASESITEURL = "{$Think.BASE_SITE_URL}";
 			var HOMESITEURL = "{$Think.HOME_SITE_URL}";
 		</script>
+		<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-2.1.1.min.js"></script>
+		<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.cookie.js"></script>
+		<script src="{$Think.HOME_SITE_ROOT}/new/js/common.js"></script>
 		<script src="{$Think.PLUGINS_SITE_ROOT}/common.js"></script>
 		<script src="{$Think.PLUGINS_SITE_ROOT}/js/dialog/dialog.js" id="dialog_js" charset="utf-8"></script>
 		<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></script>

app/home/view/default/mall/article/article_list.html

@@ -5,85 +5,74 @@
 <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/blog.css">
 
 <style>
-  .sec-container .sec-left > div{
+	.sec-container .sec-left>div {
 		box-shadow: none;
 	}
-  .sec-container .sec-left {
+	@media screen and (max-width:768px) {
-    box-shadow: 0 0 0.3rem #ebebeb;
+		.blog .main-1 .newest .img {
-  }
-  .blog .main-1 .newest .link{
-    display: flex;
-  }
-  .blog .main-1 .newest .img{
-    width: 12rem;
-    height: 8rem;
-    margin-right: 1rem;
-    flex-shrink: 0;
-  }
-  .blog .main-1 .newest .img img{
-    width: 100%;
-    height: 100%;
-    object-fit: scale-down;
-  }
-  .blog .main-1 .newest .text{
-    flex: 1;
-  }
-  .blog .main-1 .sec-left .link p{
-        font-size: 0.9rem;
-        color: #000;
-        font-family: 'robotoLight'!important;
-  }
-  @media screen and (max-width:768px){
-    .blog .main-1 .newest .img{
 			width: 30%;
 			height: 4rem;
 		}
 	}
 </style>
-<div class="list-banner">
+<div class="list-banner blog-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 	<div class="main-center container">
-    <div class="position">Position：Home > Blog > {$class_name}</div>
+		<div class="blog-txt">
+			<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2>
+			<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+				This article provides<br />an overview of<br />online education flexibi
+			</span>
+			<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
+				<a href="">Click To Enter<em>></em></a>
+			</div>
+		</div>
+		<img class="blog-img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-img.png" alt="">
+		<!-- <div class="position">Position：Home > Blog > {$class_name}</div>
 		<div class="content con1">
 			<div class="left">
 				<h2>LightCourse Blog</h2>
-        <!-- <h3>博客</h3> -->
-      </div>
 			</div>
+		</div> -->
 	</div>
+	<img class="blog-bg wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-bg.png" alt="">
 </div>
 <main class="blog">
-
 	<section class="main-1">
-
 		<div class="sec-container main-center">
 			<div class="sec-left">
-        <div class="newest-nav">
+				<!-- <div class="newest-nav">
-
 					{notempty name="class_list"}
 					{foreach name="class_list" item="val"}
-          <a href="/Article?ac_id={$val.ac_id}"  {if condition="$val.ac_id eq $ac_id"}class="active"{/if}> {$val.ac_name}</a>
+					<a href="/Article?ac_id={$val.ac_id}" {if condition="$val.ac_id eq $ac_id" }class="active" {/if}>
-
+						{$val.ac_name}</a>
 					{/foreach}
 					{/notempty}
-        </div>
+				</div> -->
 				<div class="newest">
-
 					{notempty name="article"}
 					{foreach name="article" item="article"}
 					<a href="/article/show?article_id={$article.article_id}" class="link">
 						<div class="img"><img src="{$article.article_pic}" alt="{$article.article_title}"></div>
 						<div class="text">
-              <h6><em>news</em> {$article.article_title}</h6>
+							<div>
+								<span>
+									<h6><!-- <em>news</em> -->{$article.article_title}</h6>
 									<p>{$article.article_desc}</p>
-            <div class="field">
+									<em>》</em>
-              <span>{:date('m/d/Y H:i',$article.article_time)}</span>
+								</span>
-             <!-- <span><svg class="icon" aria-hidden="true">
-                  <use xlink:href="#icon-pinglun"></use>
-                </svg>231</span>-->
-              <span><svg class="iconf" aria-hidden="true">
-                  <use xlink:href="#icon-iconfontfenxiang"></use>
-                </svg>{$article.article_show}</span>
 							</div>
+							<!-- <div class="field">
+								<span>{:date('m/d/Y H:i',$article.article_time)}</span>
+								<span><svg class="icon" aria-hidden="true">
+								  <use xlink:href="#icon-pinglun"></use>
+								</svg>231</span>
+								<span>
+									<svg class="iconf" aria-hidden="true">
+										<use xlink:href="#icon-iconfontfenxiang"></use>
+									</svg>
+									{$article.article_show}
+								</span>
+							</div> -->
 						</div>
 					</a>
 					{/foreach}
@@ -131,4 +120,3 @@
 
 
 {/block}
-

app/home/view/default/mall/brand/index.html

@@ -168,8 +168,8 @@
                 {/foreach}
             </div>-->
 		</div>
-		{else /}
+{else /}
-		<div class="course-banner list-banner">
+<div class="course-banner list-banner">
 	<div class="main-center main-center-course container">
 		<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home >
 			{$header_title_eng} </div>
@@ -210,7 +210,6 @@
 			</div>-->
 		</div>
 		{/if}
-
 		<div class="content con2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 			<div class="filter-container ui form" id="filter">
 				{notempty name="attr_array"}
@@ -289,9 +288,8 @@
 			</div>
 		</div>
 	</div>
-		</div>
+</div>
-	</div>
+<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="position: relative; z-index: -1;">
-	<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 	<section class="main-1">
 		<div class="main-center  main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 			<div class="link linknone">
@@ -308,7 +306,7 @@
 		</div>
 		<div class="main-center main-center-course container">
 			{foreach name="goods_list" item="value"}
-				<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
+			<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
 				<h6>{$value.goods_name}&nbsp;</h6>
 				<!--<p>{$value.ke_eng}</p>-->
 				<div class="label">
@@ -469,8 +467,8 @@
 			</div>
 		</div>
 	</section>
-	</main>
+</main>
-	<script>
+<script>
 	$(".form-clk").click(function() {
 		$(".form-wrap").addClass("show")
 	})
@@ -512,8 +510,8 @@
 	$(".form-clk").click(function() {
 		$(".form-wrap2").addClass("show")
 	})
-	</script>
+</script>
-	<script>
+<script>
 	$("body").on("click", ".homesearchs", function() {
 		var name = $('.homeinputvals').val();
 		window.location.href = "/brand?keyword=" + name
@@ -604,6 +602,6 @@
 			//}
 		})
 	})
-	</script>
+</script>
 
-	{/block}
+{/block}

app/home/view/default/mall/goods/goods_program.html

@@ -69,11 +69,15 @@
 }*/
 	.add-f-btn-con a {
 		display: block;
-		text-align: right;
+		text-align: right !important;
 		background: none !important;
-		color: #3b52f6 !important;
+		color: #838383 !important;
-		padding-top: 2rem;
+		font-size: 1rem;
-		text-decoration: revert;
+		transition: all .6s;
+		margin-top: -0.4rem;
+	}
+	.add-f-btn-con a:hover{
+		color: #00db6d !important;
 	}
 
 	.td-show {
@@ -97,7 +101,7 @@
 		})
 	})
 </script>
-<div class="page-banner">
+<div class="page-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 	<div class="swiper-container">
 		<div class="swiper-wrapper">
 			<div class="swiper-slide"><img src="/uploads/home/common/{$class.gc_image}" alt="program"></div>
@@ -109,31 +113,31 @@
 		<p>{$class.pro_college}</p>
 	</div> -->
 </div>
-<main class="course-details program-details">
+<main class="course-details program-details wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 	<section class="main-1">
 		<div class="main-center ">
 			<!-- <div class="position">Position：Home > Programs > Program Overview </div> -->
-			<div class="program-title">
+			<div class="program-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 				<span class="c1">Program Name</span>
 				<h2>{$class.gc_name}</h2>
 			</div>
 			<div class="program-info">
 				<div class="container">
 					<div>
-						<h2>Program Overview</h2>
+						<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Overview</h2>
-						<p><em>Location：</em><span>{$class.pro_locate}</span></p>
+						<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Location：</em><span>{$class.pro_locate}</span></p>
-						<p><em>Institution：</em><span>{$class.pro_college}</span></p>
+						<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Institution：</em><span>{$class.pro_college}</span></p>
-						<p><em>Session Date：</em><span>{$class.pro_period}</span></p>
+						<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Session Date：</em><span>{$class.pro_period}</span></p>
-						<p><em>Program Length：</em><span>{$class.pro_duration}</span></p>
+						<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Program Length：</em><span>{$class.pro_duration}</span></p>
-						<p><em>Target Audience：</em><span>{$class.pro_people}</span></p>
+						<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><em>Target Audience：</em><span>{$class.pro_people}</span></p>
 					</div>
 					<!-- <div class="right-2">
 						<img src="/uploads/home/common/{$class.gc_image}" alt="">
 					</div> -->
 				</div>
 				<div class="content">
-					<h4>Program Features</h4>
+					<h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Program Features</h4>
-					<p>The 2022 Sichuan University International Summer Credit Course Program is sponsored by Sichuan
+					<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">The 2022 Sichuan University International Summer Credit Course Program is sponsored by Sichuan
 						University's College
 						of International Studies. It is designed to help students from various countries, institutions, and
 						majors expand their
@@ -143,27 +147,28 @@
 			</div>
 		</div>
 	</section>
-	<section class="main-2">
+	<section class="main-2-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 		<div class="container">
 			<div class="main-center">
 				<div class="content1">
 					<div class="des">
 						<div class="d-left">
+							<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">What Can be Gained?</span>
 							<!-- {:htmlspecialchars_decode($class.pro_info)} -->
-							<div>
+							<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 								<h4>Personal Growth</h4>
 								<p>Studying abroad is a valuable experience that allows students to gain
 									independence, develop leadership abilities, and broaden their global
 									perspective.</p>
 							</div>
-							<div>
+							<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 								<h4>Immersive Cultural Experience</h4>
 								<p>Students will live and study in Chengdu, where they will be able to spend
 									their weekends visiting popular local attractions and cultural sites,
 									savoring local cuisine, attending ethnic festivals, and experiencing ancient
 									Shu culture.</p>
-							</div>
+							</div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-							<div>
+							<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 								<h4>Expand Global Perspective</h4>
 								<p>Experiencing a diverse lifestyle and meeting the challenges of cross-cultural
 									communication is essential to becoming a true global citizen. As a student
@@ -173,14 +178,13 @@
 									opportunities to broaden your international viewpoint.</p>
 							</div>
 						</div>
-						<div class="d-right"><img src="/uploads/home/common/{$class.pro_info_image}"
+						<div class="d-right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="/uploads/home/common/{$class.pro_info_image}" alt="Program Features"></div>
-								alt="Program Features"></div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</section>
-	<section class="main-2">
+	<section class="main-2" style="display: none;">
 		<div class="container main-center">
 			<div class="content3">
 				<div class="main-title">
@@ -210,7 +214,7 @@
 			</div>
 		</div>
 	</section>
-	<section class="main-2">
+	<section class="main-2 main-2-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 		<div class="container main-center">
 			<div class="main-center">
 				<div class="content1">
@@ -218,7 +222,7 @@
 						<h2>Course Information</h2>
 					</div>
 					<div class="des">
-						<div class="table">
+						<div class="table wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 							<table>
 								<thead>
 									<tr>
@@ -281,7 +285,6 @@
 										<td>4</td>
 										<td>TBA</td>
 									</tr>
-
 									<tr class="tr-blue td-show">
 										<td colspan='4'>10:40-12:40</td>
 									</tr>
@@ -303,7 +306,6 @@
 										<td>4</td>
 										<td>TBA</td>
 									</tr>
-
 									<tr class="tr-blue td-show">
 										<td colspan='4'>13:10-15:10</td>
 									</tr>
@@ -337,9 +339,6 @@
 										<td>3</td>
 										<td>TBA</td>
 									</tr>
-
-
-
 									<tr class="tr-blue td-show">
 										<td colspan='4'>15:20-17:20</td>
 									</tr>
@@ -379,9 +378,6 @@
 										<td>3</td>
 										<td>TBA</td>
 									</tr>
-
-
-
 									<tr class="tr-blue td-show">
 										<td colspan='4'>17:30-19:30</td>
 									</tr>
@@ -427,310 +423,125 @@
 										<td>1</td>
 										<td>TBA</td>
 									</tr>
-
 								</tbody>
-
 							</table>
 							<div class="vclist vclists"><a href="javascript:;">View Course List</a></div>
 							<div class="vclist showlists" style="display:none;"><a href="javascript:;">Show Less</a>
 							</div>
 						</div>
-
 					</div>
-
+					<div class="add-f-btn-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-					<div class="add-f-btn-con">
+						<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your course? Contact us !</a>
-						<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your
-							course? Contact us !</a>
 					</div>
 				</div>
-
-
-
-
 			</div>
 		</div>
 	</section>
-	<section class="main-2">
+	<section class="main-2 main-2-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 		<div class="main-center container">
 			<div class="content4">
 				<div class="main-title">
-					<h2>Accommodation</h2>
+					<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Accommodation</h2>
+					<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+						Sichuan University will provide on-campus apartments<br />
						for students to live in in order to provide a comfortable and safe living environment. 
+					</p>
+					<span class="c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">For more information on accommodation, please contact LightCourse for inquiries.</span>
 				</div>
 				<div class="con">
-					<!-- <div class="text">
+					<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
-                <p>
+						<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-                  Sichuan University will provide on-campus apartments for students to live in in order to provide a comfortable and safe living environment. The students' classroom is about a 5-minute walk from the apartment. The apartment comes in two sizes: one bedroom and two bedrooms. With private restroom facilities and a free laundry room, the environment is clean and sanitary. The apartment's first-floor front desk is staffed 24 hours a day to ensure that students have access to assistance in the event of an emergency.
+							The students' classroom <br/>
							is about a 5-minute walk <br/>
							from the apartment.
-                </p>
+						</h3>
+						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							will provide on-campus apartments for students <br/>
							to live in in order to provide <br/>
							a comfortable and safe living environment.
+						</span>
+					</div>
+					<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							The apartment<br/>
							comes in two sizes: <br/>
+							one bedroom / two bedrooms.
+						</h3>
+						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							the environment is <br/>
							clean and sanitary
+						</span>
+					</div>
+					<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							With<br/>
							private restroom facilities <br/>
							&  a free laundry room
+						</h3>
+						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							the environment is <br/>
							clean and sanitary
+						</span>
+					</div>
+					<div class="accommodation-item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							The apartment's first-floor <br/>
							front desk is<br/>
							staffed 24 hours a day 
+						</h3>
+						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+							to ensure that students<br/>
							have access to assistance<br/>
							in the event of an emergency.
+						</span>
 					</div>
-              <div class="img">
-                <img src="{$Think.HOME_SITE_ROOT}/new/images/pg6.png" alt="住宿信息">
-                <p>四川大学实拍图</p>
-              </div>-->
-					<p>
-						Sichuan University will provide on-campus apartments for students to live in in order to provide
-						a comfortable and safe living environment. The students' classroom is about a 5-minute walk from
-						the apartment. The apartment comes in two sizes: one bedroom and two bedrooms. With private
-						restroom facilities and a free laundry room, the environment is clean and sanitary. The
-						apartment's first-floor front desk is staffed 24 hours a day to ensure that students have access
-						to assistance in the event of an emergency.
-					</p>
-
 				</div>
-				<p>In addition to on-campus housing, there are many other clean and sanitary accommodations around
-					Sichuan University's Wangjiang Campus, including hotels, flats, and B&Bs, for students seeking a
-					better living environment. </p>
-
-				<p class="more">For more information on accommodation, please <a
-						href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">contact
-						LightCourse</a> for inquiries. </p>
 			</div>
 		</div>
 	</section>
-	<section class="main-2">
+	<section class="main-2 main-2-5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
-		<div class="main-center container">
+		<div class="main-center container program-container">
-			<div class="content1">
-				<div class="main-title">
-					<h2>Flight</h2>
-				</div>
-				<div class="des">
-					<p>
-						Students are responsible for purchasing their own airfare. <br>
-						Students are strongly recommended not to purchase airfare until after being officially accepted
-						to the program and receiving your admission letter with arrival/departure dates indicated.
-					</p>
-				</div>
-
-			</div>
-		</div>
-	</section>
-	<section class="main-2">
-		<div class="main-center container">
 			<div class="content1 apply-content">
-				<div class="main-title">
+				<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 					<h2>Apply to the Program</h2>
 				</div>
 				<div class="txt">
-					<div>
+					<div class="program-txt-01 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Application Requirements：</strong>
-						<div>
 						<p>• Demonstrated outstanding academic achievement</p>
 						<p>• Full-time college student with a cumulative GPA of 2.5 or above</p>
 						<p>• Fluency in English (listening, speaking, reading and writing)</p>
-							<p>* Students who do not satisfy the above criteria should contact us to see if they are
-								eligible</p>
-							<p>* Seats will be assigned to students in the order in which they enroll, subject to class
-								size
-								and number limitations.</p>
 					</div>
+					<div class="program-txt-02 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+						<p><em>* </em>Students who do not satisfy the above criteria should contact us to see if they are eligible</p>
+						<p>
+							<em>* </em>Seats will be assigned to students in the order in which they enroll, <br />
+							subject to class size and number limitations.
+						</p>
 					</div>
-					<div>
+					<div class="program-txt-03 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Application Deadline：</strong>
+						<p>Application Deadline：</p>
-						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;June 24, 2022</p>
+						<p>June 24, 2022</p>
 					</div>
-					<div>
+					<div class="program-txt-04 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Application Instructions:</strong>
+						<p>Application Instructions:</p>
 						<a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va"
-							target="_blank" style="color:rgb(36,83,245);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Apply
+							target="_blank">Apply now</a>
-							now</a>
 					</div>
 				</div>
 			</div>
-		</div>
-	</section>
-	<section class="main-2">
-		<div class="main-center container">
 			<div class="content1 apply-content contact-content">
 				<div class="main-title">
 					<h2>Contact Information</h2>
 				</div>
 				<div class="txt">
-					<div class="col-12">
+					<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Contact：</strong>
+						<p>Contact：</p>
 						<p>Sichuan University International Summer Credit Course Program</p>
 					</div>
-					<div class="col-12">
+					<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>E-mail：</strong>
+						<p>E-mail：</p>
-						<a href="mailto:pengl@scu.edu.cn">
+						<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a></p>
-							<p>&nbsp;&nbsp;&nbsp;pengl@scu.edu.cn</p>
-						</a>
 					</div>
-					<div class="col-12">
+					<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Tel：</strong>
+						<p>Tel：</p>
-						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(86)028-85405406</p>
+						<p>(86)028-85405406</p>
 					</div>
-					<div class="col-12">
+					<div class="col-12 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-						<strong>Address：</strong>
+						<p>Address：</p>
 						<p>Room 104, College of International Studies,<br> Sichuan University, No.24 South Section 1,
 							Yihuan Road, Chengdu</p>
 					</div>
-					<img src="{$Think.HOME_SITE_ROOT}/new/images/Contact.png" alt="">
+					<!-- <img src="{$Think.HOME_SITE_ROOT}/new/images/Contact.png" alt=""> -->
 				</div>
 			</div>
 		</div>
 	</section>
-	<!-- <section class=" comment-container">
-  <div class="main-center">
-    <div class="comment">
-      <div class="comment-list">
-        <h5>List (2)</h5>
-        <div class="content">
-
-          <div class="item">
-            <div>
-              <h6>The Wig Experts</h6>
-              <div class="des">
-                We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
-              </div>
-              <div class="time">
-                <span>
-                  <i class="iconfont icon-shijian"></i>
-                  2021-12-15 15:17:51
-                </span>
-                <span>
-                  <i class="iconfont icon-eye"></i>
-                  Reply
-                </span>
-              </div>
-            </div>
-          </div>
-          <div class="item">
-            <div>
-              <h6>The Wig Experts</h6>
-              <div class="des">
-                We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
-              </div>
-              <div class="time">
-                <span>
-                  <i class="iconfont icon-shijian"></i>
-                  2021-12-15 15:17:51
-                </span>
-                <span>
-                  <i class="iconfont icon-eye"></i>
-                  Reply
-                </span>
-              </div>
-            </div>
-          </div>
-
-        </div>
-      </div>
-      <div class="comment-right">
-        <h6>Leave a comment</h6>
-        <form action="javascript:return false" class="form">
-          <div>
-            <label for="">Name</label>
-            <input type="text" placeholder="Please enter name">
-          </div>
-          <div>
-            <label for="">Email</label>
-            <input type="text" placeholder="Please enter email">
-          </div>
-          <div>
-            <label for="">Message</label>
-          <textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
-          </div>
-          <div class="code-img">
-            <!--  <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
-            <div class="img">
-              <img title="点击刷新" class="codeimg" src="" />
-            </div>-->
-	<!-- </div>
-          <div class="submit-btn">
-            <input type="submit" value="SUBMIT">
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</section> -->
-	<section class="main-QA">
-		<div class="main-center container">
-			<div class="t">
-				<h2>FAQ</h2>
-				<div class="more-btn">
-					<a href="/qa">Learn more</a>
-				</div>
-			</div>
-			<div class="content">
-				<ul id="accordion1" class="accordion">
-					<li class="open">
-						<div class="link">
-							<h5><span>01. Registration Procedure </span> <i></i></h5>
-						</div>
-						<div class="submenu">
-							<h6>01. Registration Procedure </h6>
-							<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement
-								- Recieve student manual- Begin classes - Get grades - Send transcripts - Transfer
-								credits</p>
-						</div>
-					</li>
-					<li>
-						<div class="link">
-							<h5><span>02. Tuition/Fees Description</span> <i></i></h5>
-						</div>
-						<div class="submenu">
-							<h6>1. Course price</h6>
-							<p>All courses offered on LightCourse are priced individually and are consistent with the
-								institutions offering the courses. Please check the top right of the course page for
-								specific prices or contact your advisor for a one-on-one consultation.</p>
-							<h6>2. Payment methods</h6>
-							<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
-								WeChat / Alipay / bank transfer / Paypal transfer are all accepted.</p>
-							<h6>3. Fee inclusions</h6>
-							<p>The course price, application fee, and file management charge are included in the fees;
-								however, they do not include course materials, third-party platforms such as Cengage,
-								Labster, and other course-related costs such as VPN, accommodation, etc.</p>
-						</div>
-					</li>
-
-					<li>
-						<div class="link">
-							<h5><span>03. Select the Right Course</span> <i></i></h5>
-						</div>
-						<div class="submenu">
-							<h6>1. How to choose the right program/course?</h6>
-							<p>Throughout the year, LightCourse offers programs and courses from institutions around the
-								world in a variety of disciplines, including engineering, business, natural sciences,
-								social sciences, humanities, and arts, to meet the needs of a wide range of students
-								seeking major, elective, and general education courses. There are a variety of study
-								alternatives available, including online credit courses (live/recorded/self-paced) and
-								in-person courses, as well as study abroad programs.
-							</p>
-							<p>LightCourse will also assign you a professional advisor who will suggest the right course
-								for you depending on your requirements.</p>
-							<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
-								possible to ensure a spot.)</p>
-						</div>
-					</li>
-
-					<li>
-						<div class="link">
-							<h5><span>04. Complete Course Approval</span> <i></i></h5>
-						</div>
-						<div class="submenu">
-							<h6>1. Does my school approve these courses?</h6>
-							<p>LightCourse will provide you with a professional course advisor who will provide you with
-								one-on-one support throughout the transfer process according to your university's
-								transfer credit policy to ensure that you can complete the transfer effectively.</p>
-						</div>
-					</li>
-
-
-				</ul>
-			</div>
-		</div>
-	</section>
-
-	<section class="container-mask no description">
-		<div class="container des">
-			<i class="iconfont close">2</i>
-			<h5>PSY 101 <br>
-				Introduction toPsychology</h5>
-			<div>
-				DescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescriptionDescription
-			</div>
-		</div>
-	</section>
 </main>
 {/block}
 {include file='default/base/mall_footer'/}

app/home/view/default/mall/promotion/index.html

@@ -4,8 +4,6 @@
 {block name="mall_main"}
 <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/about.css">
 <style>
-
-
 	.about h2 {
 		margin-bottom: 1rem;
 	}
@@ -39,22 +37,20 @@
 		margin-top: 1rem;
 	}
 
-  @media screen and (max-width:768px){
+	@media screen and (max-width:768px) {
-    .list-banner .container .left h3{
+		.list-banner .container .left h3 {
 			font-size: 2rem;
 		}
-    .list-banner .container .left h4{
+
+		.list-banner .container .left h4 {
 			font-size: 1.3rem;
 		}
 	}
 </style>
-<div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);">
+<!-- <div class="list-banner" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/about.png);">
 	<div class="main-center container">
-    <!-- <div class="position">当前位置：首页 > 所有课程 </div> -->
 		<div class="content con1">
 			<div class="left">
-        <!-- <h2>ABOUT US</h2>
-          <h3>关于我们</h3> -->
 				<h3>Earn college credits anytime, <br>
 					from anywhere</h3>
 				<h4>7000+ universitiy courses, <br>
@@ -62,170 +58,179 @@
 			</div>
 
 		</div>
-
 	</div>
 	<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt=""></div>
-
+</div> -->
+<div class="list-banner about-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+	<div class="main-center container">
+		<div class="about-banner-txt">
+			<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Who Are We ?</h2>
+			<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Earn college credits anytime, from anywhere</span>
+		</div>
+	</div>
+	<img class="wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/about-banner-bg.png" alt="about">
 </div>
 <main class="about">
-  <section class="main-1">
+	<section class="main-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 		<div class="main-center container">
 			<div class="text">
-        <h6>Who Are We ? </h6>
+				<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Who Are We ? </h6>
-        <h2>7000+ College Courses - <br>
+				<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+ College Courses - <br>
 					Earn Credits More Flexibly While Even Saving Money !</h2>
-        <p>LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs
+				<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs of students as well<br />
-          of students
+					as to help universities and colleges develop and promote courses and programs that can reach potential students worldwide. <br />
-          as well as to help universities and colleges develop and promote courses and programs that can reach potential
+					We offer a platform that facilitates student access to various study options, including <a href="/brand">online</a> as well as <a href="/brand">face-to-face credit-bearing<br /> 
-          students worldwide. <br>
+					courses</a> and <a href="/program">study abroad</a> opportunities.
-          We offer a platform that facilitates student access to various study options, including <a
-            href="/brand">online</a> as well as <a href="/brand">face-to-face credit-bearing courses</a> and <a href="/program">study abroad</a>
-          opportunities.
 				</p>
-
+			</div>
+			<div class="our-goal wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+				<div class="main-center main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+					<h2 class="c1">Our Goal</h2>
+				</div>
+				<div class="text wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+					<p>LightCourse's goal is to provide diversified, flexible, and convenient learning options to students globally in collaboration with in-<br />stitutions of higher education as technology advances and makes education more accessible to all.</p>
					<p>We are confident that by collaborating with our partner institutions, we will bring more educational possibilities and knowledge to stu-<br />dents and help broaden their perspectives and gain new skills that will enable them to succeed in a global economy.</p>
+				</div>
 			</div>
 		</div>
 	</section>
-  <section class="main-2">
+	<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
-    <div class="main-center main-title">
-      <h2>WHY CHOOSE US?</h2>
-    </div>
 		<div class="main-center container">
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">What We Do?</h3>
-          <img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt="">
+				<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
+					<h4>LightCourse provides worldwide access to credit-bearing courses, both online and on-campus.</h4>
+					<p>
+						<span>Featured For-Credit Courses</span>
						We feature 7000+ online university courses covering more than 300 different majors and disciplines, allowing students to undertake high-quality international university courses at any time and from anywhere.
+					</p>
+					<p>
+						<span>Study aboard programs</span>
						LightCourse also works with our partner institutions to provide study abroad opportunities. We have partnered with top-notch institutions in several global cities like San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, Chengdu, and Beijing to offer students face-to-face credit-bearing courses--adding unique cultural dimensions to students' educations while expanding our partners' global market coverage.
+					</p>
 				</div>
+				<em></em>
+			</div>
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+				<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Our Services</h3>
+				<div class="txt  wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
+					<h4>LightCourse has rich experience in providing excellent student services.</h4>
+					<p>
+						We provide students seeking credit-bearing study possibilities with high-quality and convenient "one-stop" services,
						thanks to our dedicated team with more than a decade of experience and expertise. LightCourse provides full credit transfer service to assist students with the entire process of registering for off-campus courses and transferring credits.
+					</p>
+				</div>
+				<em></em>
+			</div>
+		</div>
+	</section>
+	
+	<section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+		<div class="main-center main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+			<h2>WHY CHOOSE US?</h2>
+			<p>
+				LightCourse is a global higher education opportunity provider that aims to meet the diverse educational needs of students as well<br/>
+				as to help universities and colleges develop and promote courses and programs that can reach potential students worldwide.<br/>
				We offer a platform that facilitates student access to various study options, including online as well as face-to-face credit-bearing<br/>
+				courses and study abroad opportunities.
+			</p>
+		</div>
+		<div class="main-center container main-list">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
+				<!-- <div class="i">
+					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico1.png" alt="">
+				</div> -->
 				<div class="text">
 					<h6>Professional 1-on-1 Transfer Credit Guidance</h6>
-          <p>Our expert academic advisors provide 1-on-1 guidance to students to assure final credit transfer by working with students to complete course pre-approval according to the credit transfer policy of a student’s home institution.</p>
+					<p>Our expert academic advisors provide 1-on-1 guidance to students to assure final credit transfer
+						by working with students to complete course pre-approval according to the credit transfer policy
+						of a student’s home institution.</p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico2.png" alt="">
-        </div>
+				</div> -->
 				<div class="text">
 					<h6>Unlimited Follow-up Support</h6>
-          <p>We provide ongoing support as students move forward with their studies and careers. We're here to help
+					<p>We provide ongoing support as students move forward with their studies and careers. We're here to
-            ensure your credits and successes follow you as you transfer between universities, apply for graduate
+						help
+						ensure your credits and successes follow you as you transfer between universities, apply for
+						graduate
 						school, and pursue job applications.</p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico3.png" alt="">
-        </div>
+				</div> -->
 				<div class="text">
 					<h6>Proven Experience in Program Operations</h6>
-          <p>Founded in 2012, LightCourse has been helping students find and pursue unique educational opportunities for more than a decade. Over the years, LightCourse has assisted 10,000+ students from 200+ colleges and institutions in transferring a total of 80,000+ academic credits. We always aim to ensure academic success for every student.</p>
+					<p>Founded in 2012, LightCourse has been helping students find and pursue unique educational
+						opportunities for more than a decade. Over the years, LightCourse has assisted 10,000+ students
+						from 200+ colleges and institutions in transferring a total of 80,000+ academic credits. We
+						always aim to ensure academic success for every student.</p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico4.png" alt="">
-        </div>
+				</div> -->
 				<div class="text">
 					<h6>Extensive Curriculum for Any Credit Requirement</h6>
-          <p>LightCourse offers 7000+ accredited college courses covering 300+ majors and disciplines. Available courses include undergraduate- and graduate-level required courses for many majors, general education requirements, and electives.</p>
+					<p>LightCourse offers 7000+ accredited college courses covering 300+ majors and disciplines.
+						Available courses include undergraduate- and graduate-level required courses for many majors,
+						general education requirements, and electives.</p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico5.png" alt="">
-
+				</div> -->
-        </div>
 				<div class="text">
 					<h6>Popular Study Destinations</h6>
-          <p>We provide a selection of over 10 exciting destinations worldwide so you can add a different cultural experience to your studies. </p>
+					<p>We provide a selection of over 10 exciting destinations worldwide so you can add a different
+						cultural experience to your studies. </p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico6.png" alt="">
-        </div>
+				</div> -->
 				<div class="text">
 					<h6>Courses to Meet Any Schedule</h6>
-          <p>Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses available.
+					<p>Along with the usual spring, summer, fall, and winter terms, there are also self-paced courses
+						available.
 						Students can choose their preferred classes based on their own schedules.</p>
 				</div>
 			</div>
-      <div class="item">
+			<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-        <div class="i">
+				<!-- <div class="i">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/ico7.png" alt="">
-
+				</div> -->
-        </div>
 				<div class="text">
 					<h6>Academic Credit System Compliance</h6>
-          <p>All courses on LightCourse are provided by accredited partner institutions with world class teaching and a dedication to high quality education. Course syllabi, academic credits, and credit hours are set in strict accordance with the requirements of North American academics.
+					<p>All courses on LightCourse are provided by accredited partner institutions with world class
+						teaching and a dedication to high quality education. Course syllabi, academic credits, and
+						credit hours are set in strict accordance with the requirements of North American academics.
 					</p>
 				</div>
 			</div>
 		</div>
 	</section>
-  <section class="main-3">
+	<section class="main-7 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
-    <div class="main-center container">
-      <div class="main-center main-title">
-        <h2>Our Goal</h2>
-      </div>
-      <div class="text">
-        <p><strong>LightCourse's goal is to provide diversified, flexible, and convenient learning options to students
-            globally in collaboration with institutions of higher education as technology advances and makes
-            education more accessible to all. </strong></p>
-        <p>We are confident that by collaborating with our partner institutions, we will bring more educational
-          possibilities and knowledge to students and help broaden their perspectives and gain new skills that
-          will enable them to succeed in a global economy.</p>
-      </div>
-    </div>
-  </section>
-  <section class="main-4">
-    <div class="main-center container">
-      <div class="main-title">
-        <h2>What We Do?</h2>
-      <p><strong>-LightCourse provides worldwide access to credit-bearing courses, both online and on-campus.</strong></p>
-      </div>
-      <div class="text">
-        <p>We feature <span class="c1">7000+ online university courses</span> covering more than <span class="c1">300 different majors and disciplines</span>,<br>
-          allowing students to undertake high-quality international university courses at any time and from anywhere.
-          </p>
-          <div class="img-wrap">
-            <div class="img">
-              <h4>Study aboard <br>
-                programs</h4>
-                <img src="{$Think.HOME_SITE_ROOT}/new/images/Earth.png" alt="Earth">
-            </div>
-            <div class="txt">
-              <p>LightCourse also works with our partner institutions to provide study abroad opportunities.
-                We have partnered with top-notch institutions in several global cities like <br>
-                <strong>San Francisco, London, Florence, Toronto, Seoul, Tokyo, Shanghai, Chengdu, and Beijing</strong>
-                to offer students face-to-face credit-bearing courses--adding unique cultural dimensions
-                to students' educations while expanding our partners' global market coverage.</p>
-            </div>
-          </div>
-      </div>
-    </div>
-
-  </section>
-
-  <section class="main-6">
-    <div class="main-center main-title container">
-      <h2>Our Services</h2>
-      <p><strong>-LightCourse has rich experience in providing excellent student services. </strong></p>
-    </div>
-    <div class="main-center container">
-      <div class="item">
-        <p><span class="c1">We provide students seeking credit-bearing study possibilities with high-quality and convenient "one-stop" services,</span><br>
-          thanks to our dedicated team with more than a decade of experience and expertise. LightCourse provides full credit transfer
-          service to assist students with the entire process of registering for off-campus courses and transferring
-          credits.</p>
-      </div>
-    </div>
-  </section>
-  <section class="main-7">
 		<div class="main-center main-title">
 			<h2>Partner Universities</h2>
 		</div>
 		<div class="main-center container">
-      <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-01.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-02.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-03.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-04.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-05.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-06.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-07.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-08.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-09.png" alt=""></div>
+			<div class="img item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-10.png" alt=""></div>
+		
+			<!-- <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
+			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div>
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div>
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div>
@@ -238,13 +243,25 @@
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div>
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div>
 			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
-      <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div>
+			<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div> -->
-      <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
 		</div>
 	</section>
-  <section class="main-QA">
+	<section class="about-swiper wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+		<div class="swiper-container">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper.jpg" alt="">
+					<div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
+						<img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt="">
+						<span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
 		<div class="main-center container">
-      <div class="t">
+			<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 				<h2>FAQ</h2>
 				<div class="more-btn">
 					<a href="/qa">Learn more</a>
@@ -252,50 +269,66 @@
 			</div>
 			<div class="content">
 				<ul id="accordion1" class="accordion">
-          <li class="open">
+					<li class="open wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
 						<div class="link">
 							<h5><span>01. Registration Procedure </span> <i></i></h5>
 						</div>
 						<div class="submenu">
 							<h6>1. Online Registration Procedure </h6>
-              <p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement - Receive
+							<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement
+								- Receive
 								student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
 						</div>
 					</li>
-          <li>
+					<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
 						<div class="link">
 							<h5><span>02. Tuition/Fees</span> <i></i></h5>
 						</div>
 						<div class="submenu">
 							<h6>1. Pricing</h6>
-              <p>All courses offered on LightCourse are priced individually based on the institution offering the course. Please check the top right of the course page for specific prices or contact your advisor for a one-on-one consultation.</p>
+							<p>All courses offered on LightCourse are priced individually based on the institution
+								offering the course. Please check the top right of the course page for specific prices
+								or contact your advisor for a one-on-one consultation.</p>
 							<h6>2. Payment</h6>
-              <p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB, WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
+							<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
+								WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
 							<h6>3. Fees</h6>
-              <p>The course price, application fee, and file management charge are included in the pricing. However, other fees—such as those covering course materials, third-party platforms such as Cengage, Labster, and other course-related costs such as VPN, accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
+							<p>The course price, application fee, and file management charge are included in the
+								pricing. However, other fees—such as those covering course materials, third-party
+								platforms such as Cengage, Labster, and other course-related costs such as VPN,
+								accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
 						</div>
 					</li>
 
-          <li>
+					<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
 						<div class="link">
 							<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
 						</div>
 						<div class="submenu">
 							<h6>1. Choosing the best program/course for your needs</h6>
-              <p>Throughout the year, LightCourse offers programs and courses from institutions around the world in a variety of disciplines, including engineering, business, natural sciences, social sciences, humanities, and arts. These courses are intended to meet the needs of a wide range of students seeking major, elective, and general education courses. There are a variety of study alternatives available, including online for-credit courses (live/recorded/self-paced) and in-person courses, as well as study abroad programs.
+							<p>Throughout the year, LightCourse offers programs and courses from institutions around the
+								world in a variety of disciplines, including engineering, business, natural sciences,
+								social sciences, humanities, and arts. These courses are intended to meet the needs of a
+								wide range of students seeking major, elective, and general education courses. There are
+								a variety of study alternatives available, including online for-credit courses
+								(live/recorded/self-paced) and in-person courses, as well as study abroad programs.
 							</p>
-              <p>LightCourse will provide you with an advisor who will work directly with you to help determine the best options for your needs.</p>
+							<p>LightCourse will provide you with an advisor who will work directly with you to help
-              <p>(Note: Since all courses have limited capacity, we recommend registering as soon as possible to ensure a spot.)</p>
+								determine the best options for your needs.</p>
+							<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
+								possible to ensure a spot.)</p>
 						</div>
 					</li>
 
-          <li>
+					<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.8s">
 						<div class="link">
 							<h5><span>04. Complete Course Approval</span> <i></i></h5>
 						</div>
 						<div class="submenu">
 							<h6>1. Does my home school approve these courses?</h6>
-              <p>LightCourse will provide you with an advisor who will provide you with one-on-one support throughout the transfer process according to your university's transfer credit policy to ensure that you can complete the credit transfer successfully.</p>
+							<p>LightCourse will provide you with an advisor who will provide you with one-on-one support
+								throughout the transfer process according to your university's transfer credit policy to
+								ensure that you can complete the credit transfer successfully.</p>
 						</div>
 					</li>
 
@@ -308,3 +341,22 @@
 
 {/block}
 {include file='default/base/mall_footer'/}
+<script>
+	$(function(){
+		var programSwiper = new Swiper('.about-swiper .swiper-container',{
+			loop:true,//开启循环播放
+			autoplay: true, //自动播放
+			effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
+			on:{
+				init: function(){
+					swiperAnimateCache(this); // 隐藏动画元素 
+					swiperAnimate(this); // 初始化完成开始动画
+				}, 
+				slideChangeTransitionEnd: function(){ 
+					swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
+					// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
+				},
+			}
+		});
+	})
+</script>

public/static/home/new/css/about.css

@@ -46,28 +46,34 @@
 .a-hover:hover {
   color: #3b52f6;
 }
-.fb {
-  font-family: "robotoMedium";
-}
 .list-banner {
   position: relative;
 }
-.list-banner > .img {
+.about-banner{
+	background-color: #07cd6a;
+	padding: 2.5rem 0;
+}
+
+.about-banner .main-center{
+	justify-content: flex-start !important;
+	max-width: 76rem;
+	height: auto !important;
+}
+.about-banner .about-banner-txt h2{
+	font-size: 2rem;
+	color: #fff;
+}
+.about-banner .about-banner-txt span{
+	display: inline-block;
+	font-size: 1rem;
+	margin-top: 0.5rem;
+}
+.about-banner>img{
+	height: 100%;
 	position: absolute;
-  bottom: 0;
+	top: 0;
-  left: 50%;
+	right: 0;
-  width: 20.9rem;
+	z-index: 1;
-  padding: 2rem;
-  transform: translate(-50%, 50%);
-  box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
-  border-radius: 0.25rem;
-  background-color: #fff;
-}
-.list-banner h3 {
-  font-family: "robotoMedium";
-}
-.about {
-  padding-top: 5rem;
 }
 .about .main-title {
   margin-bottom: 2rem;
@@ -88,83 +94,215 @@
   margin-bottom: 2rem;
 }
 .about .container b {
-  font-family: "robotoMedium";
 }
 .about .container h4 {
   font-size: 2rem;
- font-family: "robotoMedium";
 }
 .about .container p {
   margin-top: 1.3rem;
   font-size: 0.9rem;
-  font-family: 'robotoLight'!important;
 }
 .about .container span.c1 {
   color: #3b52f6;
 }
 .about .container em {
-  font-weight: bold;
-  font-family: "robotoMedium";
   font-size: 1.3rem;
 }
 .about .container .f-img img {
   float: right;
   max-width: 23rem;
 }
+
+.about .main-1{
+	padding: 5.5rem 0 0;
+	background-image: url(../images/about-bg.jpg);
+	background-repeat: no-repeat;
+	background-size: 100% 36.9rem;
+	text-align: center;
+}
+
+.about .main-1 .main-center{
+	max-width: 70rem;
+}
+
 .about .main-1 .container h2 {
-  font-family: "robotoMedium";
+	font-size: 1.9rem;
 	line-height: 1.2;
+	text-align: center;
 }
 .about .main-1 .container h6 {
-  font-size: 1.3rem;
+  font-size: 1.25rem;
-  color: #3b52f6;
+  color: #00db6d;
+  margin-bottom: 0.8rem;
 }
-.about .main-1 .container a {
+
-  font-family: "robotoMedium";
+.about .main-1 .container p{
-  text-decoration: underline;
+	font-size: 0.85rem;
+	line-height: 1.8;
 }
-.about .main-2 {
+
-  padding-top: 0;
+.about .main-1 .our-goal{
+	background-color: #ffff1b;
+	padding: 3.5rem 3rem 5rem;
+	margin-top: 5rem;
 }
-.about .main-2 h3 {
+
-  color: #3b52f6;
+.about .main-1 .our-goal p{
-  text-align: center;
+	color: #505050;
-  font-weight: 500;
-  margin-bottom: 3rem;
 }
-.about .main-2 .container .item {
+.about .main-1 .our-goal p:nth-of-type(2){
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	line-height: 1.8;
+}
+
+.about .main-4 {
+	padding-top: 2.2rem;
+	padding-bottom: 0;
+}
+.about .main-4 .main-center {
+	max-width: 84.5rem;
 	display: flex;
-  align-items: center;
+	justify-content: space-between;
-  margin-bottom: 2rem;
-}
-.about .main-2 .container .item:last-of-type {
 	margin-bottom: 0;
 }
-.about .main-2 .container .item .i {
+
-  width: 5rem;
+.about .main-4 .item{
-  height: 5rem;
+	width: calc(50% - 0.75rem);
-  border-radius: 50%;
+	height: 40rem;
-  display: flex;
+	background-color: #2847db;
-  flex-direction: column;
+	padding: 5.5rem;
-  align-items: center;
+	color: #ffffff;
-  justify-content: center;
+	position: relative;
-  margin-right: 2rem;
-  flex-shrink: 0;
 }
-.about .main-2 .container .item .i .icon {
+.about .main-4 .item h3{
-  font-size: 2rem;
+	font-size: 1.9rem;
-  color: #3b52f6;
+	line-height: 1.1;
+	margin-bottom: 4rem;
 }
-.about .main-2 .container .item .text h6 {
+.about .main-4 .item h4{
-  line-height: 1.4;
+	font-size: 0.85rem;
-  margin-bottom: 0.5rem;
-}
-.about .main-2 .container .item .text p {
 	line-height: 1.8;
-  color: #000;
-  font-size: 0.9rem;
-  font-family: 'robotoLight'!important;
 }
+.about .main-4 .item p{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	font-size: 0.85rem;
+	line-height: 1.8;
+}
+.about .main-4 .item p>span{
+	display: block;
+}
+.about .main-4 .item p>span:before{
+	content: "";
+	display: inline-block;
+	width: 0.7rem;
+	height: 0.7rem;
+	border-radius: 100%;
+	background-color: #fff;
+	margin-right: 2rem;
+	margin-left: -2.7rem;
+}
+
+.about .main-4 .item:nth-of-type(1){
+	padding-left: 7rem;
+}
+.about .main-4 .item em{
+	display: block;
+	width: 1.5rem;
+	height: 1.5rem;
+	border-radius: 100%;
+	background-color: #f7f74c;
+	position: absolute;
+	right: 2.1rem;
+	bottom: 1.8rem;
+}
+
+
+.about .main-2 {
+  padding-top: 18.8rem;
+  padding-bottom: 4.3rem;
+  background-color: #07cd6a;
+  margin-top: -12.25rem;
+  position: relative;
+  z-index: -1;
+}
+
+.about .main-2 .main-center{
+	max-width: 64rem;
+}
+
+.about .main-2 h2{
+	text-align: center;
+	color: #ffff1b;
+	margin-bottom: 1.6rem;
+}
+.about .main-2 .main-title p{
+	text-align: center;
+}
+.about .main-2 .main-list{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	padding-top: 1.2rem;
+}
+.about .main-2 .item{
+	width: calc(50% - 2.5rem);
+}
+.about .main-2 .item p{
+	display: none !important;
+}
+
+.about .main-2 .item h6{
+	font-size: 1rem;
+	line-height: 1.5;
+	color: #ffffff;
+	margin-top: 1.8rem;
+}
+
+.about .main-2 .item h6:before{
+	content: "";
+	display: inline-block;
+	width: 0.75rem;
+	height: 0.75rem;
+	border-radius: 100%;
+	background-color: #ffffff;
+	margin-right: 0.6rem;
+}
+
+
+.about-swiper{
+	padding: 0 0 5.5rem;
+}
+.about-swiper .swiper-slide{
+	position: relative;
+	height: 45.5rem;
+}
+.about-swiper .swiper-slide>img{
+	width: 100%;
+	min-height: 45.5rem;
+}
+.about-swiper-txt{
+	display: flex;
+	align-items: center;
+	width: 53.75%;
+	height: 16.35rem;
+	background-image: linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,.1));
+	position: absolute;
+	left: 0;
+	bottom: 0;
+}
+.about-swiper-txt>img{
+	max-width: 10rem;
+	margin: 0 5rem 0 4rem;
+}
+
+.about-swiper-txt>span{
+	font-size: 0.85rem;
+	line-height: 1.8;
+	max-width: 22rem;
+	color: #ffffff;
+}
+
+
 .about .main-3 {
   background-color: #3b52f6;
 }
@@ -174,63 +312,20 @@
 .about .main-3 h2 {
   color: #fff;
 }
-.about .main-4 {
+
-  padding-bottom: 10rem;
-}
-.about .main-4 .container {
-  margin-bottom: 0;
-}
-.about .main-4 .container .content p {
-  text-align: center;
-  line-height: 1.8;
-  margin-bottom: 1.3rem;
-}
-.about .main-4 .container .content p:last-of-type {
-  margin-bottom: 0;
-}
-.about .main-4 .container .img-wrap {
-  display: flex;
-  box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
-  padding: 2rem;
-  margin-top: 2rem;
-}
-.about .main-4 .container .img-wrap .img {
-  width: 21.3rem;
-  flex-shrink: 0;
-  position: relative;
-}
-.about .main-4 .container .img-wrap .img h4 {
-  font-size: 1.3rem;
-  line-height: 1.2;
-  text-align: center;
-}
-.about .main-4 .container .img-wrap .img img {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translate(-50%, 8rem);
-}
-.about .main-4 .container .img-wrap .txt p {
-  margin-top: 0;
-  color: #000;
-  font-size: 0.9rem;
-  font-family: 'robotoLight'!important;
-}
 .about .main-5 {
   background-color: #fafafb;
 }
 .about .main-6 {
   padding-top: 0;
 }
+
+
 .about .main-7 {
-  padding-top: 0;
+	padding: 5rem 0 3.7rem;
 }
-.about .main-7 h3 {
+.about .main-7 .main-title h2{
-  font-size: 1.3rem;
+	text-align: center !important;
-  color: #3b52f6;
-  text-align: center;
-  font-weight: 500;
-  margin-bottom: 3rem;
 }
 .about .main-7 .container {
   display: flex;
@@ -240,6 +335,7 @@
   width: calc((100% - (5 - 1) * 1.3rem) / 5);
   margin-right: 1.3rem;
   margin-bottom: 1.3rem;
+  text-align: center;
 }
 .about .main-7 .container .item:nth-of-type(5n) {
   margin-right: 0;

public/static/home/new/css/blog.css

@@ -46,6 +46,9 @@
 .a-hover:hover {
   color: #3b52f6;
 }
+.blog .main-center{
+	max-width: 55rem;
+}
 .sec-container {
   display: flex;
   justify-content: space-between;
@@ -152,63 +155,115 @@
   margin-bottom: 0.9rem;
 }
 .blog .main-1 .sec-left .link {
-  display: block;
-  padding: 0.9rem 0;
-  border-bottom: 1px solid #ebebeb;
-}
-.blog .main-1 .sec-left .link:last-of-type {
-  border-bottom: none;
-}
-.blog .main-1 .sec-left .link:hover h6 {
-  color: #3b52f6;
-}
-.blog .main-1 .sec-left .link h6 {
-  font-size: 0.9rem;
 	display: flex;
 	align-items: center;
 }
-.blog .main-1 .sec-left .link h6 em {
+.blog .main-1 .sec-left .link:nth-of-type(2){
-  display: inline-block;
+	
-  padding: 0.4rem;
-  background-color: #3b52f6;
-  color: #fff;
-  font-size: 0.9rem;
-  font-weight: normal;
-  margin-right: 0.3rem;
-  text-transform: uppercase;
 }
-.blog .main-1 .sec-left .link p {
+.blog .main-1 .sec-left .link:nth-of-type(even){
-  line-height: 1.8;
+	flex-direction: row-reverse;
-  margin: 0.5rem 0;
+}
+
+.blog .main-1 .sec-left .link .img{
+	width: 50%;
+	height: 16rem;
+	position: relative;
+}
+.blog .main-1 .sec-left .link .img img{
+	min-height: 100%;
+	min-width: 100%;
+	max-width: 120%;
+	max-height: 120%;
+	position: absolute;
+	left: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+.blog .main-1 .sec-left .link:nth-of-type(2n) .img img{
+	min-height: 100%;
+	min-width: 100%;
+	max-width: 125%;
+	max-height: 125%;
+}
+
+.blog .main-1 .sec-left .link:nth-of-type(3n) .img img{
+	min-height: 100%;
+	min-width: 100%;
+	max-width: 130%;
+	max-height: 130%;
+}
+
+.blog .main-1 .sec-left .link:nth-of-type(5n) .img img{
+	min-height: 100%;
+	min-width: 100%;
+	max-width: 115%;
+	max-height: 115%;
+}
+
+.blog .main-1 .sec-left .link:nth-of-type(even) .img img{
+	left: auto;
+	right: 0;
+}
+.blog .main-1 .sec-left .link .text{
+	display: flex;
+	justify-content: flex-end;
+	width: 50%;
+}
+.blog .main-1 .sec-left .link .text>div{
+	display: flex;
+	justify-content: flex-end;
+	width: 100%;
+	border-top: 0.8rem solid #ffff1b;
+}
+.blog .main-1 .sec-left .link:nth-of-type(even) .text>div{
+	justify-content: flex-start;
+}
+.blog .main-1 .sec-left .link .text>div span{
+	width: 17rem;
+	position: relative;
+	transition: all .6s;
+}
+.blog .main-1 .sec-left .link:nth-of-type(even) .text{
+	justify-content: flex-start;
+}
+
+.blog .main-1 .sec-left .link .text h6{
+	font-size: 1.55rem;
+	line-height: 1.1;
+	margin: 0.2rem 0 0.5rem;
+}
+
+.blog .main-1 .sec-left .link .text p{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	font-size: 0.7rem;
+	line-height: 0.9rem;
+	display: -webkit-box;
+	max-height: 2.7rem;
+	-webkit-line-clamp: 3;
+	word-break: break-all;
 	overflow: hidden;
 	text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 }
-.blog .main-1 .sec-left .link .field {
+
-  display: flex;
+.blog .main-1 .sec-left .link .text em{
-  align-items: center;
+	display: block;
+	font-size: 0.85rem;
+	color: #333333;
+	position: absolute;
+	bottom: -0.5rem;
+	right: -0.2rem;
+	transform: scaleX(1.8);
+	transition: all .6s;
 }
-.blog .main-1 .sec-left .link .field span,
+.blog .main-1 .sec-left .link:hover .text>div span{
-.blog .main-1 .sec-left .link .field span * {
+	opacity: .65;
-  font-size: 0.9rem;
-  color: #999;
 }
-.blog .main-1 .sec-left .link .field span:nth-of-type(2) {
+.blog .main-1 .sec-left .link:hover .text em{
-  margin-left: auto;
+	right: -0.5rem;
-}
-.blog .main-1 .sec-left .link .field span:nth-of-type(3) {
-  margin-left: 2rem;
-}
-.blog .main-1 .sec-left .link .field span .icon {
-  font-size: 0.9rem;
-  margin-right: 0.2rem;
-}
-.blog .main-1 .sec-left .link .field span:hover,
-.blog .main-1 .sec-left .link .field span:hover * {
-  color: #3b52f6;
 }
+
 .blog-details .main-1 .sec-left .article {
   margin-bottom: 0.9rem;
 }
@@ -361,6 +416,93 @@
 .blog-details .main-1 .share span .iconf {
   color: #999;
 }
+
+
+.blog-banner{
+	background-color: #18d777;
+	padding: 4.4rem 0;
+	position: relative;
+}
+.blog-banner .main-center{
+	max-width: 58.5rem;
+	position: relative;
+	padding: 0;
+	text-align: right;
+}
+.blog-banner .blog-txt{
+	max-width: 31rem;
+	text-align: left;
+	position: absolute;
+	top: 3.5rem;
+	left: 0;
+	z-index: 2;
+}
+.blog-banner .blog-txt h2{
+	font-size: 2.7rem;
+	line-height: 1.1;
+	color: #fff;
+}
+.blog-banner .blog-txt h2>em{
+	color: #ffff1b;
+}
+.blog-banner .blog-txt span{
+	display: block;
+	font-size: 1.25rem;
+	line-height: 1.4;
+	color: #ffff1b;
+	margin: 2rem 0 7rem;
+}
+.blog-banner .blog-img{
+	width: 35.8rem;
+}
+.blog-banner .blog-bg{
+	position: absolute;
+	right: 0;
+	bottom: 1.7rem;
+	z-index: 2;
+}
+
+.blog-banner .more-btn1{
+	box-sizing: border-box;
+	display: inline-block;
+	height: 2.4rem;
+	padding: 0 0.8rem;
+	border: 0.15rem solid #ffffff;
+	border-radius: 0.5rem;
+	transition: all .6s;
+}
+.blog-banner .more-btn1 a{
+	display: flex;
+	align-items: center;
+	border: 0;
+	height: 100%;
+	color: #ffffff;
+	padding-right: 1rem;
+	font-size: 0.9rem;
+	position: relative;
+	transition: all .6s;
+}
+.blog-banner .more-btn1 em{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	margin-left: 0.3rem;
+	margin-top: 0.1rem;
+	transition: all .6s;
+	position: absolute;
+	right: 0;
+	top: 50%;
+	transform: scaleY(1.8) translateY(-32.5%);
+}
+.blog-banner .more-btn1:hover{
+	border: 0.15rem solid #ffff1b;
+}
+.blog-banner .more-btn1:hover a{
+	color: #ffff1b;
+}
+.blog-banner .more-btn1:hover em{
+	right: -0.3rem;
+}
+
+
 @media screen and (max-width: 1024px) {
   .social-share .social-share-icon {
     width: 1.5rem !important;

public/static/home/new/css/course.css

@@ -637,6 +637,7 @@ h4 {
 
 .course-details .main-2 .content1 .des table tbody {
 	display: none;
+	font-size: 0.9rem;
 }
 
 .course-details .main-2 .content1 .des table tbody:first-of-type {
@@ -1258,6 +1259,174 @@ h4 {
 	margin-bottom: 0;
 }
 
+.program-details .main-2-1{
+	padding: 6rem 0;
+	background-color: #00db6d;
+}
+.program-details .main-2-1 *{
+	text-align: left;
+}
+.program-details .main-2-1 .des{
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-end;
+}
+.program-details .main-2-1 .content1 .des .d-left{
+	width: 42%;
+}
+.program-details .main-2-1 span{
+	display: block;
+	font-size: 1.9rem;
+	line-height: 1.1 !important;
+	color: #ffff1b;
+}
+
+.program-details .main-2-1 h4{
+	font-size: 1.1rem;
+	line-height: 1.5;
+	color: #ffff1b;
+	margin: 4.2rem 0 0.5rem;
+}
+.program-details .main-2-1 .d-left>div:nth-of-type(1) h4{
+	margin-top: 2.8rem;
+}
+.program-details .main-2-1 p{
+	font-family: "HarmonyOS_Sans_Regular";
+	font-size: 0.85rem;
+	line-height: 1.6;
+	color: #ffffff;
+	margin-bottom: 0 !important;
+}
+
+.program-details .main-2-1 .d-right{
+	width: 40%;
+}
+.program-details .main-2-1 .d-right img{
+	width: 100%;
+}
+
+.program-details .main-2{
+	background-color: #ffffff;
+}
+.program-details .main-2-2{
+	padding-top: 6rem;
+}
+.program-details .main-2-2 .main-center,
+.program-details .main-2-4 .main-center{
+	max-width: 87.5rem;
+}
+.program-details .main-2-4 .main-title>p{
+	margin: 1.3rem 0 0 !important;
+}
+
+.program-details .main-2-4 .main-title>span{
+	display: block;
+	font-size: 0.85rem;
+	margin: 0.8rem;
+}
+
+.program-details .main-2-4 .accommodation-item{
+	box-sizing: border-box;
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: center;
+	width: calc(25% - 0.825rem) !important;
+	height: 16.7rem;
+	background-color: #ffff1b;
+	border-radius: 0.5rem;
+	margin-top: 1rem;
+}
+.program-details .main-2-4 .accommodation-item h3{
+	font-size: 1.1rem;
+	line-height: 1.3;
+}
+.program-details .main-2-4 .accommodation-item span{
+	font-family: "HarmonyOS_Sans_Medium";
+	min-height: 3rem;
+	font-size: 0.65rem;
+	margin-top: 1rem;
+	line-height: 1.55;
+}
+
+.program-details .main-2-5 .main-center{
+	max-width: 80rem;
+}
+
+.program-details .main-2-5 *{
+	text-align: left;
+}
+
+.program-container{
+	display: flex;
+	justify-content: space-between;
+}
+.program-container .content1:nth-of-type(odd){
+	width: 55%;
+	padding-right: 7rem;
+	border-right: 0.1rem solid #353535;
+}
+.program-container .content1:nth-of-type(even){
+	width: 45%;
+	padding-left: 8rem;
+}
+.program-details .main-2 .content1 .txt>div{
+	flex-direction: column;
+	margin-left: 0.75rem;
+}
+.program-details .main-2 .content1.apply-content .txt p{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	font-size: 0.85rem;
+	color: #8b8b8b;
+	margin-bottom: 0 !important;
+}
+.program-details .program-txt-01{
+	margin-left: -0.25rem !important;
+}
+.program-details .program-txt-01 p{
+	color: #2e2e2e !important;
+	font-weight: bold;
+}
+.program-details .program-txt-02{
+	margin: 1.5rem 0 4.5rem 0.75rem !important;
+}
+.program-details .program-txt-02 p em{
+	display: inline-block;
+	margin-right: 0.4rem;
+}
+
+.program-details .program-txt-03 p,
+.program-details .program-txt-04 p,
+.program-details .program-txt-04 a{
+	font-size: 0.85rem;
+	display: block;
+	line-height: 1.5 !important;
+	color: #8b8b8b;
+}
+.program-details .program-txt-03 p:nth-of-type(2){
+	text-indent: 1.9rem;
+}
+.program-details .program-txt-04 a{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	text-indent: 1.25rem;
+	height: auto;
+}
+
+.program-details .main-2 .content1:nth-of-type(2) .txt>div{
+	margin-left: 0 !important;
+}
+
+.program-details .main-2 .content1:nth-of-type(2) .txt>div p,
+.program-details .main-2 .content1:nth-of-type(2) .txt>div a{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	color: #505050;
+}
+.program-details .main-2 .content1:nth-of-type(2) .txt>div p:nth-of-type(1){
+	font-family: "HarmonyOS_Sans_Black" !important;
+}
+.program-details .main-2 .content1:nth-of-type(2) .txt>div:nth-of-type(1){
+	margin-top: 3rem;
+}
 
 @media screen and (max-width: 1024px) {
 	.course-details .main-2 .content1.contact-content .txt img {

public/static/home/new/css/index.css

@@ -793,6 +793,7 @@ main .main-2 .container .more-btn1 a{
 	padding-right: 1rem;
 	font-size: 0.9rem;
 	position: relative;
+	transition: all .6s;
 }
 main .main-2 .container .more-btn1 em{
 	font-family: "HarmonyOS_Sans_Regular" !important;
@@ -920,6 +921,7 @@ main .main-4 .container .item .img {
 	width: 59%;
 	height: 100%;
 	position: relative;
+	overflow: hidden;
 }
 main .main-4 .container .item .img img{
 	width: 100%;

public/static/home/new/js/common.js

@@ -460,10 +460,11 @@ $(".homeinputval").val(secret);
   	var wow = new WOW({
     		boxClass: 'wow',   /* 执行动画的元素 class */
     		animateClass: 'animated',   /* animate.css 动画的 class */
-    		offset: 5,   /* 距离可视区域多少开始执行动画 */
+    		offset: 40,   /* 距离可视区域多少开始执行动画 */
     		mobile: true,  /* 是否在移动设备执行动画 */
     		live: true     /* 异步加载的内容是否有效 */
   	});
   	wow.init();  
   };
+  
 });