{include file='default/base/mall_top'/}
{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/course.css">
<style>
	.course-details .main-1 .container>.left p em {
		width: 9rem;
		text-align-last: unset;
	}

	.page-banner .text h2 {
		font-size: 2.4rem;
		line-height: 2;
	}

	.page-banner .text p {
		font-size: 1.3rem;
		font-weight: 100;
	}

	.course-details .main-2 .content1 .des th {
		font-size: 0.9rem;
	}

	/*.vclist{*/
	/*    width:15rem;*/
	/*    height:3rem;*/
	/*    border: 1px solid #0636FA;*/
	/*    border-radius: 8px;*/
	/*    font-size:1.5rem;*/
	/*    font-weight: 400;*/
	/*    text-align: center;*/
	/*    line-height:3rem;*/
	/*    margin:auto;*/
	/*}*/
	.vclist {
		height: 3rem;
		font-size: 1.5rem;
		font-weight: 400;
		text-align: center;
		line-height: 3rem;
		background: #eee;
		color: #333;
	}

	.vclist a {
		font-weight: 400;
		color: #333;
		display: block;
		height: 3rem;
		line-height: 3rem !important;
	}

	.applynow {
		height: 3.45rem;
		line-height: 3.45rem !important;
	}

	.tr-blue {
		background: #3b52f6;
		color: white;
	}

	.tr-blue td {
		color: white !important;
	}

	/*.course-details .main-2 .content1.apply-content .txt strong {
    width:100px;
}*/
	.add-f-btn-con a {
		display: block;
		text-align: right;
		background: none !important;
		color: #3b52f6 !important;
		padding-top: 2rem;
		text-decoration: revert;
	}

	.td-show {
		display: none;
	}
</style>
<script>
	$(document).ready(function() {
		var flag = true
		$('.course-details .main-2 .content1 > .f-btn-all').click(function() {
			if (flag) {
				$(".course-details .main-2 .content1 tbody").css({
					display: "contents"
				})
				$(this).text("收起")
			} else {
				$(".course-details .main-2 .content1 tbody").removeAttr('style')
				$(this).text("点击查看全部")
			}
			flag = !flag;
		})
	})
</script>
<div class="page-banner">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><img src="/uploads/home/common/{$class.gc_image}" alt="program"></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!-- <div class="text">
		<h2>{$class.gc_name}</h2>
		<p>{$class.pro_college}</p>
	</div> -->
</div>
<main class="course-details program-details">
	<section class="main-1">
		<div class="main-center ">
			<!-- <div class="position">Position：Home > Programs > Program Overview </div> -->
			<div class="program-title">
				<span class="c1">Program Name</span>
				<h2>{$class.gc_name}</h2>
			</div>
			<div class="program-info">
				<div class="container">
					<div>
						<h2>Program Overview</h2>
						<p><em>Location：</em><span>{$class.pro_locate}</span></p>
						<p><em>Institution：</em><span>{$class.pro_college}</span></p>
						<p><em>Session Date：</em><span>{$class.pro_period}</span></p>
						<p><em>Program Length：</em><span>{$class.pro_duration}</span></p>
						<p><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>
					<p>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
						international horizons and experience cultural immersion.
					</p>
				</div>
			</div>
		</div>
	</section>
	<section class="main-2">
		<div class="container">
			<div class="main-center">
				<div class="content1">
					<div class="des">
						<div class="d-left">
							<!-- {:htmlspecialchars_decode($class.pro_info)} -->
							<div>
								<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>
								<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>
								<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
									participating in our summer program, you will attend classes with students
									from other countries, participate in extracurricular and cultural activities,
									and make new friends from all over the world, providing you with new
									opportunities to broaden your international viewpoint.</p>
							</div>
						</div>
						<div class="d-right"><img src="/uploads/home/common/{$class.pro_info_image}"
								alt="Program Features"></div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="main-2">
		<div class="container main-center">
			<div class="content3">
				<div class="main-title">
					<h2>Campus Overview</h2>
				</div>
				<div class="con">
					<div class="main-center img-title"
						style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/program-banner.jpg);">
						Chengdu
					</div>
					<div class="des main-center">
						<!-- {$class.pro_overview} -->
						<p>Established in 1896, Sichuan University is one of the best comprehensive universities in
							China. The Wangjiang Campus,
							where the program is held, is located in central Chengdu, approximately 5-10 minutes from
							the downtown area, and
							has well-developed metro and bus lines as well as comprehensive services, making it a highly
							convenient place to live.</p>
						<p>Chengdu, the capital of Sichuan province in Southwest China, is renowned for being the
							homeland of giant pandas as
							well as a UNESCO Creative City of Gastronomy. In Chengdu, students can visit the Research
							Base of Giant Panda Breeding,
							explore the ancient Shu civilization, and experience the city's diverse culture.</p>
						<p><strong>Chengdu is a city that you will never want to leave.</strong></p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="main-2">
		<div class="container main-center">
			<div class="main-center">
				<div class="content1">
					<div class="main-title">
						<h2>Course Information</h2>
					</div>
					<div class="des">
						<div class="table">
							<table>
								<thead>
									<tr>
										<th>Course Title</th>
										<th>Course Code</th>
										<th>Course Credit</th>
										<!--<th>Language</th>-->
										<th>Instructor</th>
									</tr>
								</thead>
								<tbody>
									<!--{foreach name="goods" item="good"}-->
									<!--<tr class="tr-blue">-->
									<!--    <td  colspan='5'>15:20-17:20</td>-->
									<!--</tr>-->
									<!--<tr>-->
									<!--  <td><a href="">{$good.goods_name}</a></td>-->
									<!--  <td>{$good.goods_serial}</td>-->
									<!--  <td>{$good.ke_credit}</td>-->
									<!--  <td>{$good.ke_period}</td>-->
									<!--  <td>{$good.ke_institution}</td>-->
									<!--</tr>-->
									<!--{/foreach}-->
									<tr class="tr-blue">
										<td colspan='4'>08:30-10:30</td>
									</tr>
									<tr>
										<td>Introduction to Film & Media Studies</td>
										<td>FMS 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr>
										<td>Financial Accounting</td>
										<td>ACC 201</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr>
										<td>Human Resource Management</td>
										<td>MNG 312</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr>
										<td>Organizational Behavior</td>
										<td>MNG 310</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr>
										<td>Survey of British Literature</td>
										<td>LIT 285</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr>
										<td>Calculus III</td>
										<td>MTH 212</td>
										<td>4</td>
										<td>TBA</td>
									</tr>

									<tr class="tr-blue td-show">
										<td colspan='4'>10:40-12:40</td>
									</tr>
									<tr class="td-show">
										<td>Managerial Accounting</td>
										<td>ACC 202</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Philosophy</td>
										<td>PHI 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Calculus II</td>
										<td>MTH 211</td>
										<td>4</td>
										<td>TBA</td>
									</tr>

									<tr class="tr-blue td-show">
										<td colspan='4'>13:10-15:10</td>
									</tr>
									<tr class="td-show">
										<td>History of Western Art I: Ancient to Medieval</td>
										<td>ART 110</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Music Appreciation</td>
										<td>MUS 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Public Speaking</td>
										<td>COM 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Calculus I</td>
										<td>MTH 111</td>
										<td>4</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Psychology</td>
										<td>PSY 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>



									<tr class="tr-blue td-show">
										<td colspan='4'>15:20-17:20</td>
									</tr>
									<tr class="td-show">
										<td>History of Western Art II: Renaissance to Modern</td>
										<td>ART 115</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Macroeconomics</td>
										<td>ECO 202</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Linear Algebra</td>
										<td>MTH 201</td>
										<td>4</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Physics Fundamentals</td>
										<td>PHY 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Physics Laboratory</td>
										<td>PHY 102</td>
										<td>1</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Statistics</td>
										<td>STA 201</td>
										<td>3</td>
										<td>TBA</td>
									</tr>



									<tr class="tr-blue td-show">
										<td colspan='4'>17:30-19:30</td>
									</tr>
									<tr class="td-show">
										<td>History of Asian Art: China, Korea, Japan</td>
										<td>ART 116</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Photography</td>
										<td>ART 105</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Programming - Java</td>
										<td>CS 201</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Money and Banking</td>
										<td>ECO 301</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Differential Equations</td>
										<td>MTH 220</td>
										<td>4</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Introduction to Biology for Non-Majors</td>
										<td>BIO 101</td>
										<td>3</td>
										<td>TBA</td>
									</tr>
									<tr class="td-show">
										<td>Biology Laboratory</td>
										<td>BIO 102</td>
										<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">
						<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">
		<div class="main-center container">
			<div class="content4">
				<div class="main-title">
					<h2>Accommodation</h2>
				</div>
				<div class="con">
					<!-- <div class="text">
                <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>
              <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">
		<div class="main-center 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">
					<h2>Apply to the Program</h2>
				</div>
				<div class="txt">
					<div>
						<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>
					<div>
						<strong>Application Deadline：</strong>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;June 24, 2022</p>
					</div>
					<div>
						<strong>Application Instructions:</strong>
						<a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va"
							target="_blank" style="color:rgb(36,83,245);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Apply
							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">
						<strong>Contact：</strong>
						<p>Sichuan University International Summer Credit Course Program</p>
					</div>
					<div class="col-12">
						<strong>E-mail：</strong>
						<a href="mailto:pengl@scu.edu.cn">
							<p>&nbsp;&nbsp;&nbsp;pengl@scu.edu.cn</p>
						</a>
					</div>
					<div class="col-12">
						<strong>Tel：</strong>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(86)028-85405406</p>
					</div>
					<div class="col-12">
						<strong>Address：</strong>
						<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="">
				</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'/}
<script>
	var swiper1 = new Swiper(".main-2 .content3 .swiper-container", {
		slidesPerView: 3,
		spaceBetween: 40,
		loop: true,
		loopedSlides: 5,
		autoplay: {
			disableOnInteraction: false
		},
		speed: 1000,
		navigation: {
			nextEl: '.main-2 .content3 .swiper-button-next',
			prevEl: '.main-2 .content3 .swiper-button-prev',
		},
		pagination: {
			el: '.main-2 .content3 .swiper-pagination',
			//clickable :true,
		},
		observer: true,
		breakpoints: {
			320: {
				slidesPerView: 1,
				spaceBetween: 20,
			},
			768: {
				slidesPerView: 1,
				spaceBetween: 20,
			},
			1024: {
				slidesPerView: 3,
				spaceBetween: 40,
			}
		}
	});
</script>
<script>
	$(".course-details .main-2 .content1 .des td").eq(1).on("click", function() {
		console.log(2);
		$(".description").addClass("show")
	})
	$('.vclists').click(function() {
		$('.td-show').show();
		$('.showlists').show();
		$(this).hide()
	})
	$('.showlists').click(function() {
		$('.td-show').hide();
		$('.vclists').show();
		$(this).hide()
	})
</script>
<script>
	$(function(){
		var programSwiper = new Swiper('.page-banner .swiper-container',{
			loop:false,//开启循环播放
			autoplay: true, //自动播放
			effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
			pagination: {
				el: '.page-banner .swiper-pagination',
				clickable :true,
			},
			on:{
				init: function(){
					swiperAnimateCache(this); // 隐藏动画元素 
					swiperAnimate(this); // 初始化完成开始动画
				}, 
				slideChangeTransitionEnd: function(){ 
					swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
					// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
				},
			}
		});
	})
</script>