细节调整一部分
parent
cf287ee2a2
commit
4042947997
|
|
@ -75,18 +75,18 @@
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<h6>Help&Support</h6>
|
<h6>Help&Support</h6>
|
||||||
<p>Need Help?</p>
|
<p class="f-medium">Need Help?</p>
|
||||||
<div class="zx-btn">
|
<div class="zx-btn">
|
||||||
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
|
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<div>
|
<div>
|
||||||
<p>LightCourse Student Services</p>
|
<p class="f-medium">LightCourse Student Services</p>
|
||||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<p>Partner With Us</p>
|
<p class="f-medium">Partner With Us</p>
|
||||||
<a href="mailto:partnerships@lightglobal.org"><strong>partnerships@lightglobal.org</strong></a>
|
<a href="mailto:partnerships@lightglobal.org"><strong>partnerships@lightglobal.org</strong></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||||
<div class="main-center">
|
<div class="main-center">
|
||||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<div class="info">Earn Credits in a More Flexible Way<br />A global higher education o</div>
|
<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education o</div>
|
||||||
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></div>
|
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></div>
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
|
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
|
||||||
|
|
@ -109,21 +109,21 @@
|
||||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/promotion">About Us</a>
|
<a class="f-bold" href="/promotion">About Us</a>
|
||||||
<a href="/document">How LightCourse Works</a>
|
<a class="f-bold" href="/document">How LightCourse Works</a>
|
||||||
<a href="/showpintuan">How to Transfer Credit</a>
|
<a class="f-bold" href="/showpintuan">How to Transfer Credit</a>
|
||||||
<a href="/showgroupbuy">How to Apply</a>
|
<a class="f-bold" href="/showgroupbuy">How to Apply</a>
|
||||||
<a href="/qa">FAQ</a>
|
<a class="f-bold" href="/qa">FAQ</a>
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
|
<a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
|
||||||
<a href="tel:028-85466301">028-85466301</a>
|
<a href="tel:028-85466301">028-85466301</a>
|
||||||
</div>-->
|
</div>-->
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/goods/consulting">All Courses</a>
|
<a class="f-bold" href="/goods/consulting">All Courses</a>
|
||||||
<a href="/activity">Partner with Us</a>
|
<a class="f-bold" href="/activity">Partner with Us</a>
|
||||||
<a href="/contact">Contact Us</a>
|
<a class="f-bold" href="/contact">Contact Us</a>
|
||||||
<a href="/Article?ac_id=8">Blog</a>
|
<a class="f-bold" href="/Article?ac_id=8">Blog</a>
|
||||||
<!-- <a href="">Terms of Service</a>-->
|
<!-- <a href="">Terms of Service</a>-->
|
||||||
<!-- <a href="">Privacy Statement</a>
|
<!-- <a href="">Privacy Statement</a>
|
||||||
<a href="">Website Terms</a> -->
|
<a href="">Website Terms</a> -->
|
||||||
|
|
@ -136,12 +136,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<span>
|
<span class="f-medium">
|
||||||
<script>
|
<script>
|
||||||
copyright = new Date();
|
copyright = new Date();
|
||||||
update = copyright.getFullYear();
|
update = copyright.getFullYear();
|
||||||
document.write("Copyright © " + update +
|
document.write("Copyright © " + update +
|
||||||
" All rights reserved. LightCourse Inc. <a href='https://beian.miit.gov.cn' target='_blank'>蜀ICP备2020030077号-1</a>"
|
" All rights reserved. LightCourse Inc. <a class='f-medium' href='https://beian.miit.gov.cn' target='_blank'>蜀ICP备2020030077号-1</a>"
|
||||||
);
|
);
|
||||||
</script>
|
</script>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
|
|
@ -1,371 +1,323 @@
|
||||||
{include file='default/base/mall_top'/}
|
{include file='default/base/mall_top'/}
|
||||||
|
|
||||||
{block name="mall_main"}
|
{block name="mall_main"}
|
||||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/coo.css">
|
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/coo.css">
|
||||||
<style>
|
<style>
|
||||||
.list-banner .container>h2 {
|
.list-banner .container>h2 {
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
border-top: 1px solid #ebebeb;
|
border-top: 1px solid #ebebeb;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .container .con1 {
|
.list-banner .container .con1 {
|
||||||
border-bottom: 1px solid #ebebeb;
|
border-bottom: 1px solid #ebebeb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .container .con1 .img {
|
.list-banner .container .con1 .img {
|
||||||
max-width: 40rem;
|
max-width: 40rem;
|
||||||
}
|
}
|
||||||
.main-4 .item h1{
|
|
||||||
font-size: 2rem;
|
|
||||||
}
|
|
||||||
.main-4 .item h2{
|
|
||||||
font-size:1.3rem;
|
|
||||||
margin-top:0.8rem;
|
|
||||||
}
|
|
||||||
.md-us{
|
|
||||||
position: fixed;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background: rgba(0,0,0,0.5);
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1999;
|
|
||||||
|
|
||||||
}
|
.main-4 .item h2 {
|
||||||
.md-us-content{
|
font-size: 1rem;
|
||||||
width: 100vw;
|
color: #505050;
|
||||||
height: 100vh;
|
line-height: 1.25;
|
||||||
display: flex!important;
|
}
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.md-m-content{
|
|
||||||
width:37rem;
|
|
||||||
height:8rem;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
|
|
||||||
border-radius: 5px;
|
|
||||||
position: relative;
|
|
||||||
background:white;
|
|
||||||
|
|
||||||
}
|
.md-us {
|
||||||
.md-m-content img{
|
position: fixed;
|
||||||
width:6.5rem;
|
width: 100%;
|
||||||
position: absolute;
|
height: 100%;
|
||||||
top: -0.8rem;
|
background: rgba(0, 0, 0, 0.5);
|
||||||
left: -2rem;
|
top: 0;
|
||||||
}
|
left: 0;
|
||||||
.me-text{
|
z-index: 1999;
|
||||||
font-size: 1.3rem;
|
|
||||||
color: #000000;
|
|
||||||
text-align: center;
|
|
||||||
margin-top:2.1rem;
|
|
||||||
padding-left:1.5rem;
|
|
||||||
font-family: 'robotoMedium'!important;
|
|
||||||
}
|
|
||||||
.me-text text{
|
|
||||||
color: #0536F9;
|
|
||||||
}
|
|
||||||
.me-btn{
|
|
||||||
width: 136px;
|
|
||||||
height: 37px;
|
|
||||||
border: 1px solid #0536F9;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-size:1rem;
|
|
||||||
font-weight: 300;
|
|
||||||
color: #0536F9;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 37px;
|
|
||||||
margin:1rem auto;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media(max-width: 768px) {
|
}
|
||||||
.md-m-content {
|
|
||||||
max-width: 100%;
|
.md-us-content {
|
||||||
width: 90%;
|
width: 100vw;
|
||||||
height: 10rem;
|
height: 100vh;
|
||||||
}
|
display: flex !important;
|
||||||
.md-m-content img {
|
justify-content: center;
|
||||||
width: 4.5rem;
|
align-items: center;
|
||||||
left: -1rem;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.md-m-content {
|
||||||
|
width: 28.4rem;
|
||||||
|
padding: 2.5rem;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
|
||||||
|
border-radius: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
background: white;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-m-content img {
|
||||||
|
width: 6.5rem;
|
||||||
|
position: absolute;
|
||||||
|
top: -0.8rem;
|
||||||
|
left: -2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.me-text {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #1b1b1b;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.me-text span {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.me-btn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 19.4rem;
|
||||||
|
height: 1.5rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 1rem;
|
||||||
|
background-color: #18d777;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
margin: 1.5rem auto 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width: 768px) {
|
||||||
|
.md-m-content {
|
||||||
|
max-width: 100%;
|
||||||
|
width: 90%;
|
||||||
|
height: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-m-content img {
|
||||||
|
width: 4.5rem;
|
||||||
|
left: -1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="list-banner">
|
<div class="join-us-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||||
<div class="main-center container">
|
<div class="main-center container">
|
||||||
<div class="position">Position：Home > Join Us </div>
|
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">JOIN US</h2>
|
||||||
<div class="content con1">
|
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Partner with Us</span>
|
||||||
<div class="left">
|
</div>
|
||||||
<h2 style="white-space: nowrap;">JOIN US</h2>
|
|
||||||
<!-- <h3>加入我们</h3> -->
|
|
||||||
</div>
|
|
||||||
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/coo.png" alt="JOIN US"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<main class="coo">
|
<main class="coo">
|
||||||
|
<section class="main-4">
|
||||||
|
<div class="main-center container">
|
||||||
|
<div class="item item-01">
|
||||||
|
<h1>For University</h1>
|
||||||
|
<h2>Partner with us to bring students more options</h2>
|
||||||
|
<div class="p-box-1">
|
||||||
|
<p>
|
||||||
|
LightCourse is a global higher education opportunity provider that aims to meet students' diverse educational needs
|
||||||
|
while also assisting universities and colleges in developing and promoting courses and programs
|
||||||
|
that can reach potential students all over the world.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
With over ten years of experience in the education industry, LightCourse has established marketing channels covering
|
||||||
|
North American and Chinese students and has accumulated rich experience in international student services,
|
||||||
|
international program establishment and operation. To better meet the varied needs of students seeking
|
||||||
|
higher education, we provide students with different choices of online and in-person credit courses and
|
||||||
|
study abroad programs.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<h2>
|
||||||
|
We're seeking great partner institutions from all over the world to join our platform.<br/>
|
||||||
|
With LightCourse, you can:
|
||||||
|
</h2>
|
||||||
|
<div class="p-box-2">
|
||||||
|
<p><span>Increase enrollments and global market reach<br />Promote your existing courses and programs</span></p>
|
||||||
|
<p><span>Explore global opportunities<br />Develop programs in Asian countries like China</span></p>
|
||||||
|
<p><span>Seek internationalization solutions<br />Establish globalized modularized curriculums and attract foreign faculty and students</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<section class="main-4">
|
<div class="item item-02">
|
||||||
<div class="main-center container">
|
<h2>Why us?</h2>
|
||||||
<div class="item">
|
<h3>
|
||||||
<h1>For University</h1>
|
Our partner institutions are able to expand their international reach and increase enrollments for
|
||||||
<h2>Partner with us to bring students more options</h2>
|
both new and existing programs by leveraging our marketing expertise and capacity.
|
||||||
<div>
|
</h3>
|
||||||
<p>LightCourse is a global higher education opportunity provider that aims to meet students' diverse
|
<div class="con p-box-3">
|
||||||
educational needs
|
<ul>
|
||||||
while also assisting universities and colleges in developing and promoting courses and programs that can
|
<li>
|
||||||
reach
|
<h6>Help Institutions Increase Brand Awareness</h6>
|
||||||
potential students all over the world.</p>
|
<p>
|
||||||
<p>With over ten years of experience in the education industry, LightCourse has established marketing channels
|
Our student network spans the United States, Canada, and China, allowing our partner
|
||||||
covering
|
higher education institutions to expand their brand awareness across multiple regions.
|
||||||
North American and Chinese students and has accumulated rich experience in international student services,
|
</p>
|
||||||
international program establishment and operation. To better meet the varied needs of students seeking
|
</li>
|
||||||
higher
|
<li>
|
||||||
education, we provide students with different choices of online and in-person credit courses and study
|
<h6>Wide Student Coverage</h6>
|
||||||
abroad programs.</p>
|
<p>
|
||||||
</div>
|
LightCourse has an active and engaging presence on key student-oriented social media channels. LightCourse has tens of thousands of followers
|
||||||
<!--<div class="link-right">-->
|
on social media, resulting in significant brand recognition among students.
|
||||||
<!-- <a href="" class="a-link">See about us</a>-->
|
</p>
|
||||||
<!--</div>-->
|
</li>
|
||||||
<div class="shadow">
|
<li>
|
||||||
<div class="left">
|
<h6>The Convergence Advantage of Collaboration</h6>
|
||||||
<i></i>
|
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a
|
||||||
<p><strong>We're seeking great partner institutions
|
collaborative model centered on the LightCourse platform, with active partner participation, to maximize the benefits of
|
||||||
from all over the world to join our platform.</strong></p>
|
aggregation in a way that a single institution cannot achieve. We work with institutions to provide students with a wider
|
||||||
<p><strong>With LightCourse, you can:</strong></p>
|
variety of programs and courses, as well as more diverse learning opportunities, depending on their needs. At the same
|
||||||
</div>
|
time, through LightCourse, universities can expand the global influence of their brands.
|
||||||
<div class="right">
|
</p>
|
||||||
<div>
|
</li>
|
||||||
<p><strong class="c1">- Increase enrollments and global market reach</strong></p>
|
</ul>
|
||||||
<p> Promote your existing courses and programs</p>
|
<div class="more-btn1" style="margin-top: 3.5rem;">
|
||||||
</div>
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
<div>
|
</div>
|
||||||
<p><strong class="c1">- Explore global opportunities</strong></p>
|
</div>
|
||||||
<p> Develop programs in Asian countries like China</p>
|
</div>
|
||||||
</div>
|
<div class="item item-03">
|
||||||
<div>
|
<h1>For Faculty</h1>
|
||||||
<p><strong class="c1">- Seek internationalization solutions</strong></p>
|
<h2>Join the LightCourse Instructor Network！</h2>
|
||||||
<p> Establish globalized modularized curriculums and attract foreign faculty and students</p>
|
<p>Are you:</p>
|
||||||
</div>
|
<div class="p-box-4">
|
||||||
</div>
|
<p><span>A fantastic instructor?</span></p>
|
||||||
</div>
|
<p><span>An expert in your field or discipline?</span></p>
|
||||||
</div>
|
<p><span>Looking forward to working with brilliant and eager students from all over the world?</span></p>
|
||||||
|
<p><span>Ready to interact with people from different cultures and maybe travel internationally?</span></p>
|
||||||
<div class="item">
|
</div>
|
||||||
<h2>Why us?</h2>
|
<h5 class="c1">Then we're looking for you！</h5>
|
||||||
<p><strong>-Our partner institutions are able to expand their international reach and increase enrollments for
|
<p>
|
||||||
both new and
|
LightCourse is looking for experienced instructors to join our growing network of educators who will
|
||||||
existing programs by leveraging our marketing expertise and capacity.</strong></p>
|
help students have simple access to higher education that will prepare them for an increasingly globalized society.
|
||||||
<div class="con">
|
</p>
|
||||||
<ul>
|
<p>
|
||||||
<li>
|
As an instructor in the LightCourse network, you will have the opportunity to teach abroad or online
|
||||||
<h6 class="c1">Help Institutions Increase Brand Awareness</h6>
|
at top global higher education institutions during convenient times in the academic calendar. Classes are conducted in
|
||||||
<p>Our student network spans the United States, Canada, and China, allowing our partner higher education
|
English with small student-to-faculty ratios. Instructors generally teach two to three courses in a given term and will
|
||||||
institutions to
|
be fully supported by a dedicated team of professional staff with extensive expertise and experience in developing and
|
||||||
expand their brand awareness across multiple regions.</p>
|
operating high-quality academic programming.
|
||||||
</li>
|
</p>
|
||||||
<li>
|
<h2>Qualifications and skills:</h2>
|
||||||
<h6 class="c1">Wide Student Coverage</h6>
|
<div class="p-box-5">
|
||||||
<p>LightCourse has an active and engaging presence on key student-oriented social media channels.
|
<p><span>Ph.D. or equivalent terminal degree in a relevant field</span></p>
|
||||||
LightCourse has tens
|
<p><span>3+ years of relevant teaching experience at accredited institution(s)</span></p>
|
||||||
of thousands of followers on social media, resulting in significant brand recognition among students.
|
<p><span>Excellent oral communication and presenting skills</span></p>
|
||||||
</p>
|
<p><span>Willingness and ability to teach introductory courses</span></p>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<h2>Compensation:</h2>
|
||||||
<h6 class="c1">The Convergence Advantage of Collaboration</h6>
|
<div class="p-box-5">
|
||||||
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a collaborative model
|
<p><span>Salary commensurate with qualifications</span></p>
|
||||||
centered on the
|
<p><span>Travel stipend</span></p>
|
||||||
LightCourse platform, with active partner participation, to maximize the benefits of aggregation in a
|
<p><span>Accommodations and certain other logistical costs are covered by LightCourse or platform partners</span></p>
|
||||||
way that a single
|
</div>
|
||||||
institution cannot achieve. We work with institutions to provide students with a wider variety of
|
<div class="more-btn1" style="margin-top: 2.5rem;">
|
||||||
programs and courses,
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
as well as more diverse learning opportunities, depending on their needs. At the same time, through
|
</div>
|
||||||
LightCourse,
|
</div>
|
||||||
universities can expand the global influence of their brands.</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="more-btn">
|
|
||||||
<a href="javascript:void(0)" onclick="onTalk()">Talk to us</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<h2>For Faculty</h2>
|
|
||||||
<p><strong>-Join the LightCourse Instructor Network！</strong></p>
|
|
||||||
<p>Are you:</p>
|
|
||||||
<div class="shadow block">
|
|
||||||
<p>- A fantastic instructor?</p>
|
|
||||||
<p>- An expert in your field or discipline?</p>
|
|
||||||
<p>- Looking forward to working with brilliant and eager students from all over the world?</p>
|
|
||||||
<p>- Ready to interact with people from different cultures and maybe travel internationally?</p>
|
|
||||||
</div>
|
|
||||||
<p class="c2">Then we're looking for you！</p>
|
|
||||||
<p>LightCourse is looking for experienced instructors to join our growing network of educators who will help
|
|
||||||
students have
|
|
||||||
simple access to higher education that will prepare them for an increasingly globalized society.</p>
|
|
||||||
<p>As an instructor in the LightCourse network, you will have the opportunity to teach abroad or online at top
|
|
||||||
global higher
|
|
||||||
education institutions during convenient times in the academic calendar. Classes are conducted in English with
|
|
||||||
small
|
|
||||||
student-to-faculty ratios. Instructors generally teach two to three courses in a given term and will be fully
|
|
||||||
supported
|
|
||||||
by a dedicated team of professional staff with extensive expertise and experience in developing and operating
|
|
||||||
high-quality academic programming.</p>
|
|
||||||
<p>We presently have openings for summer sessions at institutions in various cities in the United States and
|
|
||||||
China.
|
|
||||||
As the pandemic fades, our platform will expand since we have already partnered with institutions in London,
|
|
||||||
Florence,
|
|
||||||
Toronto, Seoul, Tokyo, and more locations. We anticipate many additional future opportunities around the globe
|
|
||||||
throughout the academic calendar.</p>
|
|
||||||
<p>We welcome applications from instructors in the fields of business, science, mathematics, social sciences,
|
|
||||||
humanities,
|
|
||||||
and arts.</p>
|
|
||||||
<p><a href="javascript:void(0)" onclick="onTalk()">Apply now</a> to join our network. We look forward to hearing from you!</p>
|
|
||||||
<div class="img-txt ">
|
|
||||||
<h6>Qualifications and skills:</h6>
|
|
||||||
<div class="shadow block img1">
|
|
||||||
<p class="c1">-Ph.D. or equivalent terminal degree in a relevant field</p>
|
|
||||||
<p class="c1">-3+ years of relevant teaching experience at accredited institution(s)</p>
|
|
||||||
<p class="c1">-Excellent oral communication and presenting skills</p>
|
|
||||||
<p class="c1">-Willingness and ability to teach introductory courses</p>
|
|
||||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/b-black.png" alt="Qualifications and skills">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<h6>Compensation:</h6>
|
|
||||||
<div class="shadow block">
|
|
||||||
<p class="c1">-Salary commensurate with qualifications</p>
|
|
||||||
<p class="c1">-Travel stipend</p>
|
|
||||||
<p class="c1">-Accommodations and certain other logistical costs are covered by LightCourse or platform
|
|
||||||
partners</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="item img2">
|
|
||||||
<h2>LightCourse Campus Representative</h2>
|
|
||||||
<p><strong>What is a campus representative?</strong></p>
|
|
||||||
<i class="border"></i>
|
|
||||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/1703188156.png" alt="">
|
|
||||||
<ul>
|
|
||||||
<li class="shadow">
|
|
||||||
<p>As a LightCourse campus representative, you will be responsible for the positive branding of LightCourse at your school, assisting with channel negotiations, recommending the LightCourse credit course platform to your peers, executing campus events, etc. </p>
|
|
||||||
</li>
|
|
||||||
<li class="shadow">
|
|
||||||
<p>We hope you will consider this internship as an opportunity to develop and enhance yourself. We encourage you to focus your preferences and strengths in the direction you want to go throughout the internship - branding, channel, event planning and execution, team growth,
|
|
||||||
or anything else - and we'll work together towards your career path.</p>
|
|
||||||
</li>
|
|
||||||
<li class="shadow">
|
|
||||||
<p>This is a paid internship, and we hope that you will be rewarded for all your efforts. Please don't hesitate to contact us if you have any questions about salaries.</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="item setBetween img3-wrap">
|
|
||||||
<div class="left">
|
|
||||||
<h5>As a LightCourse campus representative,<br>
|
|
||||||
you can gain:</h5>
|
|
||||||
<img class="img3" src="{$Think.HOME_SITE_ROOT}/new/images/z6.png" alt="" style="max-width: 14rem;display: block;margin: 0 auto;">
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<ol>
|
|
||||||
<li>
|
|
||||||
<p>Marketing ability training-marketing, traffic operation, brand
|
|
||||||
promotion, and other aspects of capacity enhancement.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Event planning and execution skills training.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Skills development- professional career-oriented analysis and
|
|
||||||
consultation, comprehensive training on marketing knowledge,
|
|
||||||
job interview skills, and resume revision.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Expanding connections with global campus representatives.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Occasional campus representative gatherings.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Internship certifications in both the United States and China.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Referral opportunities to jobs in elite enterprises.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Opportunity to get air tickets and free credit courses for excellent
|
|
||||||
performance.</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>Priority access to other benefits.</p>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="more-btn">
|
|
||||||
<a href="javascript:void(0)" onclick="onTalk()">Apply now</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="item item-04">
|
||||||
|
<h1>LightCourse Campus Representative</h1>
|
||||||
|
<h2>What is a campus representative?</h2>
|
||||||
|
<div class="p-box-6">
|
||||||
|
<p><span>As a LightCourse campus representative, you will be responsible for the positive branding of
|
||||||
|
LightCourse at your school, assisting with channel negotiations, recommending the
|
||||||
|
LightCourse credit course platform to your peers, executing campus events, etc. </span></p>
|
||||||
|
<p><span>We hope you will consider this internship as an opportunity to develop and enhance yourself.
|
||||||
|
We encourage you to focus your preferences and strengths in the direction you want to go
|
||||||
|
throughout the internship - branding, channel, event planning and execution, team growth,
|
||||||
|
or anything else - and we'll work together towards your career path.</span></p>
|
||||||
|
<p><span>This is a paid internship, and we hope that you will be rewarded for all your efforts. Please
|
||||||
|
don't hesitate to contact us if you have any questions about salaries.</span></p>
|
||||||
|
</div>
|
||||||
|
<h2>As a LightCourse campus representative,you can gain:</h2>
|
||||||
|
<div class="p-box-7">
|
||||||
|
<p><span>Marketing ability training-marketing, traffic operation, brand
|
||||||
|
promotion, and other aspects of capacity enhancement.</span></p>
|
||||||
|
<p><span>Event planning and execution skills training.</span></p>
|
||||||
|
<p><span>Skills development- professional career-oriented analysis and
|
||||||
|
consultation, comprehensive training on marketing knowledge,
|
||||||
|
job interview skills, and resume revision.</span></p>
|
||||||
|
<p><span>Expanding connections with global campus representatives.</span></p>
|
||||||
|
<p><span>Occasional campus representative gatherings.</span></p>
|
||||||
|
<p><span>Internship certifications in both the United States and China.</span></p>
|
||||||
|
<p><span>Referral opportunities to jobs in elite enterprises.</span></p>
|
||||||
|
<p><span>Opportunity to get air tickets and free credit courses for excellent
|
||||||
|
performance.</span></p>
|
||||||
|
<p><span>Priority access to other benefits.</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="more-btn1" style="margin-top: 3rem;">
|
||||||
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<div class="md-us container-mask">
|
<div class="md-us container-mask">
|
||||||
<div class="md-us-content">
|
<div class="md-us-content">
|
||||||
<div class="md-m-content ">
|
<div class="md-m-content ">
|
||||||
<img src="/static/home/images/pc.png" alt="contactus">
|
<div class="iconf close-iconf btnclose"></div>
|
||||||
<div class="iconf close-iconf btnclose"></div>
|
<div class="me-text">Please contact us at<span class="c1">partnerships@lightglobal.org</span></div>
|
||||||
<div class="me-text">Please contact us at <text>partnerships@lightglobal.org</text></div>
|
<div class="me-btn btnCopy">Copy</div>
|
||||||
<div class="me-btn btnclose">ok</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
{include file='default/base/mall_footer'/}
|
{include file='default/base/mall_footer'/}
|
||||||
<script>
|
<script>
|
||||||
function onTalk(){
|
function onTalk() {
|
||||||
$(".md-us").show();
|
$(".md-us").show();
|
||||||
|
// layer.confirm('Please contact us at partnerships@lightglobal.org', {
|
||||||
|
// btn:false,
|
||||||
|
// title: false,
|
||||||
|
// }, function (cart_confirm) {
|
||||||
|
// });
|
||||||
|
|
||||||
// layer.confirm('Please contact us at partnerships@lightglobal.org', {
|
}
|
||||||
// btn:false,
|
$(".btnclose").click(function() {
|
||||||
// title: false,
|
$(".md-us").hide();
|
||||||
// }, function (cart_confirm) {
|
})
|
||||||
|
|
||||||
|
$(".btnCopy").click(function () {
|
||||||
|
var copy_text = $(".me-text>span").text(); //需要复制的内容
|
||||||
|
var y = $(this).offset().top - 32,
|
||||||
|
x = $(this).offset().left + 45;
|
||||||
|
copyText(copy_text);
|
||||||
|
//复制成功后提示文字
|
||||||
|
layer.msg("Copy Succeeded");
|
||||||
|
});
|
||||||
|
|
||||||
// });
|
function copyText(text) {
|
||||||
|
var oInput = document.createElement('input');
|
||||||
|
oInput.value = text;
|
||||||
|
document.body.appendChild(oInput);
|
||||||
|
oInput.select();
|
||||||
|
document.execCommand("Copy");
|
||||||
|
oInput.className = 'oInput';
|
||||||
|
oInput.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
}
|
var main2 = new Swiper(".main-2 .swiper-container", {
|
||||||
$(".btnclose").click(function(){
|
slidesPerView: 4,
|
||||||
$(".md-us").hide();
|
spaceBetween: 40,
|
||||||
})
|
centeredSlides: true,
|
||||||
var main2 = new Swiper(".main-2 .swiper-container", {
|
loop: true,
|
||||||
slidesPerView: 4,
|
autoplay: {
|
||||||
spaceBetween: 40,
|
disableOnInteraction: false
|
||||||
centeredSlides: true,
|
},
|
||||||
loop: true,
|
breakpoints: {
|
||||||
autoplay: {
|
320: {
|
||||||
disableOnInteraction: false
|
slidesPerView: 1.4,
|
||||||
},
|
spaceBetween: 10,
|
||||||
breakpoints: {
|
},
|
||||||
320: {
|
768: {
|
||||||
slidesPerView: 1.4,
|
slidesPerView: 1.4,
|
||||||
spaceBetween: 10,
|
spaceBetween: 10,
|
||||||
},
|
},
|
||||||
768: {
|
1024: {
|
||||||
slidesPerView: 1.4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 10,
|
spaceBetween: 40,
|
||||||
},
|
}
|
||||||
1024: {
|
}
|
||||||
slidesPerView: 4,
|
})
|
||||||
spaceBetween: 40,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -168,6 +168,16 @@
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</div>-->
|
</div>-->
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$(".inp .submit-btn").mouseover(function(){
|
||||||
|
$(this).parent().css("border","0.1rem solid #00db6d");
|
||||||
|
})
|
||||||
|
$(".inp .submit-btn").mouseout(function(){
|
||||||
|
$(this).parent().css("border","0.1rem solid #95a1fa");
|
||||||
|
})
|
||||||
|
});
|
||||||
|
</script>
|
||||||
{else /}
|
{else /}
|
||||||
<div class="course-banner list-banner">
|
<div class="course-banner list-banner">
|
||||||
<div class="main-center main-center-course container">
|
<div class="main-center main-center-course container">
|
||||||
|
|
@ -242,7 +252,7 @@
|
||||||
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
|
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
|
||||||
is_array($checked_attr))}
|
is_array($checked_attr))}
|
||||||
<div id="selected">
|
<div id="selected">
|
||||||
<p>You have selected:</p>
|
<p class="f-medium">You have selected:</p>
|
||||||
<div>
|
<div>
|
||||||
{notempty name="checked_brand"}
|
{notempty name="checked_brand"}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -319,7 +319,7 @@
|
||||||
|
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<div class="course-banner list-banner">
|
<div class="course-banner goods-banner list-banner">
|
||||||
<!-- <div class="position">Position: <a href="/">Home</a> > Courses </div> -->
|
<!-- <div class="position">Position: <a href="/">Home</a> > Courses </div> -->
|
||||||
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
|
|
@ -343,7 +343,7 @@
|
||||||
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<!-- {$goods.goods_id}-->
|
<!-- {$goods.goods_id}-->
|
||||||
<h1>{$goods.goods_name}</h1>
|
<h1>{$goods.goods_name}</h1>
|
||||||
<h4>{$goods.ke_college}</h4>
|
<h4 class="f-medium">{$goods.ke_college}</h4>
|
||||||
<div class="i-start">
|
<div class="i-start">
|
||||||
<div class="i">
|
<div class="i">
|
||||||
<span class="iconf">
|
<span class="iconf">
|
||||||
|
|
@ -367,15 +367,15 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="basic-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="basic-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<h3>Basic Information</h3>
|
<h3>Basic Information</h3>
|
||||||
<p><em>Category : </em><span>{$goods.gc_name}</span></p>
|
<p><em class="f-medium">Category : </em><span class="f-medium">{$goods.gc_name}</span></p>
|
||||||
<p><em>Credit(s) : </em><span>{$goods.ke_credit}</span></p>
|
<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
|
||||||
<p><em>Enrollment start date : </em><span>{$goods.enroll_start_date}</span></p>
|
<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p>
|
||||||
<p><em>Enrollment deadline : </em><span>{$goods.enroll_end_date}</span></p>
|
<p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p>
|
||||||
<!-- <p><em>Prerequisite(s) </em>：<span>empty</span></p>-->
|
<!-- <p><em>Prerequisite(s) </em>：<span>empty</span></p>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="content1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<div class="content1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<h2>Course Description</h2>
|
<h2>Course Description</h2>
|
||||||
<div class="des">
|
<div class="des f-medium">
|
||||||
{$goods.goods_body}
|
{$goods.goods_body}
|
||||||
</div>
|
</div>
|
||||||
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||||
|
|
@ -505,8 +505,8 @@
|
||||||
such as a link to the official website, course syllabus, class hours, location, etc.<br />
|
such as a link to the official website, course syllabus, class hours, location, etc.<br />
|
||||||
The home institution will decide whether or not to accept transfer credits based on the information provided.
|
The home institution will decide whether or not to accept transfer credits based on the information provided.
|
||||||
</p>
|
</p>
|
||||||
<strong class="c2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Key assessment criteria for evaluating whether credit will be transferred
|
<span class="c2 f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Key assessment criteria for evaluating whether credit will be transferred
|
||||||
include:</strong>
|
include:</span>
|
||||||
<div class="item-list1">
|
<div class="item-list1">
|
||||||
<div class="item" num="01">
|
<div class="item" num="01">
|
||||||
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span>Student<br />information</span></h6>
|
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span>Student<br />information</span></h6>
|
||||||
|
|
|
||||||
|
|
@ -210,13 +210,10 @@
|
||||||
|
|
||||||
|
|
||||||
{include file='default/base/mall_footer'/}
|
{include file='default/base/mall_footer'/}
|
||||||
|
|
||||||
|
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX6H2927S7"></script>
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX6H2927S7"></script>
|
||||||
<script>
|
<script>
|
||||||
window.dataLayer = window.dataLayer || [];
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
|
||||||
function gtag() {
|
function gtag() {
|
||||||
dataLayer.push(arguments);
|
dataLayer.push(arguments);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -269,7 +269,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<ul id="accordion1" class="accordion">
|
<ul id="accordion1" class="accordion">
|
||||||
<li class="open wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||||
<div class="link">
|
<div class="link">
|
||||||
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -44,6 +44,7 @@
|
||||||
margin-top: 0.4rem;
|
margin-top: 0.4rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-QA .content .left-tabs span.active {
|
.main-QA .content .left-tabs span.active {
|
||||||
|
|
@ -106,7 +107,7 @@
|
||||||
</div>
|
</div>
|
||||||
<main class="course">
|
<main class="course">
|
||||||
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||||
<div class="main-center container">
|
<div class="main-center container" style="padding-top: 0;">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="left-tabs">
|
<div class="left-tabs">
|
||||||
<span class="active wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Registration Procedure </span>
|
<span class="active wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Registration Procedure </span>
|
||||||
|
|
|
||||||
|
|
@ -939,12 +939,12 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-title {
|
.main-title {
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 4.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-title h2 {
|
.main-title h2 {
|
||||||
font-size: 1.9rem;
|
font-size: 1.9rem;
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-title p {
|
.main-title p {
|
||||||
|
|
@ -1039,13 +1039,14 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.selection.dropdown .menu>.item {
|
.ui.selection.dropdown .menu>.item {
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: 2rem 0;
|
margin: 2rem 0 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination li {
|
.pagination li {
|
||||||
|
|
@ -1056,6 +1057,7 @@ p {
|
||||||
|
|
||||||
.pagination li a,
|
.pagination li a,
|
||||||
.pagination li span {
|
.pagination li span {
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -1070,10 +1072,17 @@ p {
|
||||||
border: 1px solid #3b52f6;
|
border: 1px solid #3b52f6;
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
}
|
}
|
||||||
.pagination:hover li.active{
|
.pagination li:hover{
|
||||||
background-color: #00db6d;
|
background-color: #00db6d;
|
||||||
border: 1px solid #00db6d;
|
border: 1px solid #00db6d;
|
||||||
}
|
}
|
||||||
|
.pagination li:hover a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.pagination li.active:hover {
|
||||||
|
background-color: #3b52f6;
|
||||||
|
border: 1px solid #3b52f6;
|
||||||
|
}
|
||||||
|
|
||||||
.pagination li.active a,
|
.pagination li.active a,
|
||||||
.pagination li.active span {
|
.pagination li.active span {
|
||||||
|
|
@ -1240,7 +1249,7 @@ p {
|
||||||
|
|
||||||
.list-banner .container {
|
.list-banner .container {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 2rem 0;
|
padding: 3.75rem 0 1.77rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .con1 {
|
.list-banner .con1 {
|
||||||
|
|
@ -1268,7 +1277,19 @@ p {
|
||||||
|
|
||||||
.list-banner .con1 .left span{
|
.list-banner .con1 .left span{
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
line-height: 1.8;
|
line-height: 1.47;
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods-banner .con1 .left h2{
|
||||||
|
font-size: 2.25rem;
|
||||||
|
}
|
||||||
|
.goods-banner .con1 .left h3{
|
||||||
|
font-size: 2rem;
|
||||||
|
margin-top: 0.3rem;
|
||||||
|
}
|
||||||
|
.goods-banner.con1 .left span{
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .con1 .left .des,
|
.list-banner .con1 .left .des,
|
||||||
|
|
@ -1376,7 +1397,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .search-con1 h5 {
|
.list-banner .search-con1 h5 {
|
||||||
font-size: 1.3rem;
|
font-size: 1rem;
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1390,13 +1411,9 @@ p {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
border: 0.1rem solid #95a1fa;
|
border: 0.1rem solid #95a1fa;
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
}
|
}
|
||||||
.list-banner .search-con1 .inp:hover{
|
|
||||||
border: 0.1rem solid #00db6d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-banner .search-con1 .inp .submit-btn {
|
.list-banner .search-con1 .inp .submit-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1408,7 +1425,7 @@ p {
|
||||||
border-radius: 0.5rem 0 0 0.5rem;
|
border-radius: 0.5rem 0 0 0.5rem;
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
}
|
}
|
||||||
.list-banner .search-con1 .inp:hover .submit-btn{
|
.list-banner .search-con1 .inp .submit-btn:hover{
|
||||||
background-image: linear-gradient(256deg, #aaf8d1 0%, #42ea96 36%, #00db6d 100%), linear-gradient(#00db6d, #00db6d);
|
background-image: linear-gradient(256deg, #aaf8d1 0%, #42ea96 36%, #00db6d 100%), linear-gradient(#00db6d, #00db6d);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1420,13 +1437,14 @@ p {
|
||||||
.list-banner .search-con1 .inp input {
|
.list-banner .search-con1 .inp input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .search-con1 .inp>span {
|
.list-banner .search-con1 .inp>span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(100% + 0.5rem);
|
top: calc(100% + 0.5rem);
|
||||||
right: 0;
|
right: 0;
|
||||||
font-size: 0.9rem;
|
font-size: 0.8rem;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1454,7 +1472,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-banner .con2 .ui.form .field>label {
|
.list-banner .con2 .ui.form .field>label {
|
||||||
font-size: 0.9rem;
|
font-size: 0.85rem !important;
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1655,6 +1673,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-QA .t .more-btn a{
|
.main-QA .t .more-btn a{
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
border: 0;
|
border: 0;
|
||||||
color: #838383;
|
color: #838383;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
|
|
@ -1664,7 +1683,7 @@ p {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.main-QA .t .more-btn a>em{
|
.main-QA .t .more-btn a>em{
|
||||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
font-family: "HarmonyOS_Sans_Regular" !important;HarmonyOS_Sans_Regular
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 0.4rem;
|
margin-left: 0.4rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -1823,6 +1842,7 @@ p {
|
||||||
.main-other-qa .container .left>p {
|
.main-other-qa .container .left>p {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
color: #838383;
|
color: #838383;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-other-qa .container .right p {
|
.main-other-qa .container .right p {
|
||||||
|
|
@ -1897,6 +1917,7 @@ p {
|
||||||
.main-other-qa .container .content .right>div a{
|
.main-other-qa .container .content .right>div a{
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
color: #838383;
|
color: #838383;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-mask {
|
.container-mask {
|
||||||
|
|
@ -3049,10 +3070,12 @@ footer .footer .left * {
|
||||||
footer .footer .left .info {
|
footer .footer .left .info {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
margin-left: 0.4rem;
|
margin-left: 0.4rem;
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .footer .left .logo {
|
footer .footer .left .logo {
|
||||||
max-width: 12.5rem;
|
max-width: 12.5rem;
|
||||||
|
margin-top: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .footer .left .icon {
|
footer .footer .left .icon {
|
||||||
|
|
@ -3097,13 +3120,9 @@ footer .footer .right ul span {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .footer .right ul a {
|
footer .footer .right ul a {
|
||||||
margin-top: 0.8rem;
|
|
||||||
display: block;
|
display: block;
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
}
|
line-height: 2.2;
|
||||||
|
|
||||||
footer .footer .right ul a:first-of-type {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .footer .right ul a:hover {
|
footer .footer .right ul a:hover {
|
||||||
|
|
@ -3120,9 +3139,14 @@ footer .footer .copyright {
|
||||||
footer .footer .copyright * {
|
footer .footer .copyright * {
|
||||||
font-size: 0.5rem;
|
font-size: 0.5rem;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
color: #0f0f0f;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer .footer .copyright a{
|
||||||
|
color: #0f0f0f;
|
||||||
|
}
|
||||||
|
|
||||||
footer .cookie {
|
footer .cookie {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
@ -3199,6 +3223,7 @@ footer .cookie .container a {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
.ui.dropdown>.text{
|
.ui.dropdown>.text{
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,353 +1,482 @@
|
||||||
.dot {
|
.dot {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setBetween {
|
.setBetween {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setRowCenter {
|
.setRowCenter {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setColumnCenter {
|
.setColumnCenter {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setCenter {
|
.setCenter {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ra {
|
.ra {
|
||||||
border-radius: 0.2rem;
|
border-radius: 0.2rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bs {
|
.bs {
|
||||||
box-shadow: 0 0 0.5rem #ebebeb;
|
box-shadow: 0 0 0.5rem #ebebeb;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-shadow {
|
.box-shadow {
|
||||||
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
|
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
padding: 0.3rem 0.9rem;
|
padding: 0.3rem 0.9rem;
|
||||||
background-color: #3b52f6;
|
background-color: #3b52f6;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.s1 {
|
.btn.s1 {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: 1px solid #3b52f6;
|
border: 1px solid #3b52f6;
|
||||||
color: #3b52f6;
|
color: #3b52f6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.a-hover:hover {
|
.a-hover:hover {
|
||||||
color: #3b52f6;
|
color: #3b52f6;
|
||||||
}
|
}
|
||||||
.coo h2 {
|
|
||||||
margin-bottom: 2rem;
|
.join-us-banner{
|
||||||
|
background-color: #284dfd;
|
||||||
|
padding: 4.35rem 0;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.coo h2 span {
|
.join-us-banner h2{
|
||||||
font: inherit;
|
font-size: 2rem;
|
||||||
font-weight: 100;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
.join-us-banner span{
|
||||||
|
display: block;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.2;
|
||||||
|
color: #f2f429;
|
||||||
|
margin-top: 0.45rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-center{
|
||||||
|
max-width: 57.7rem;
|
||||||
|
}
|
||||||
|
.coo .main-4{
|
||||||
|
padding: 0 0 6.4rem;
|
||||||
|
}
|
||||||
|
.coo .main-4 h1{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 3.2rem;
|
||||||
|
background-color: #284dfd;
|
||||||
|
font-size: 1.9rem;
|
||||||
|
color: #ffffff;
|
||||||
|
margin-top: 8.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 h1:nth-of-type(2){
|
||||||
|
margin-top: 10.3rem;
|
||||||
|
}
|
||||||
|
.coo .main-4 h1:nth-of-type(){
|
||||||
|
margin-top: 15.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 h2 {
|
||||||
|
margin-top: 3.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 h3,
|
||||||
|
.coo .main-4 h6{
|
||||||
|
display: flex;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.47;
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
color: #505050;
|
||||||
|
}
|
||||||
|
.coo .main-4 h5{
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.47;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 h6:before{
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 0.65rem;
|
||||||
|
height: 0.65rem;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #505050;
|
||||||
|
margin: 0.3rem 0.7rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 p{
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
line-height: 1.47;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
.coo .main-4 p>span{
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
|
max-width: calc(100% - 1.35rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .p-box-2 p,
|
||||||
|
.coo .main-4 .p-box-4 p,
|
||||||
|
.coo .main-4 .p-box-5 p,
|
||||||
|
.coo .main-4 .p-box-6 p,
|
||||||
|
.coo .main-4 .p-box-7 p{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .p-box-2 p:before,
|
||||||
|
.coo .main-4 .p-box-4 p:before,
|
||||||
|
.coo .main-4 .p-box-5 p:before,
|
||||||
|
.coo .main-4 .p-box-6 p:before,
|
||||||
|
.coo .main-4 .p-box-7 p:before{
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 0.65rem;
|
||||||
|
height: 0.65rem;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #505050;
|
||||||
|
margin: 0.3rem 0.7rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .p-box-4{
|
||||||
|
padding: 0.9rem 3.2rem;
|
||||||
|
background-color: #d9d9d9;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
}
|
||||||
|
.coo .main-4 .p-box-4 p,
|
||||||
|
.coo .main-4 .p-box-5 p,
|
||||||
|
.coo .main-4 .p-box-7 p{
|
||||||
|
margin: 0.7rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .p-box-5,
|
||||||
|
.coo .main-4 .p-box-7{
|
||||||
|
margin-top: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .p-box-5 p,
|
||||||
|
.coo .main-4 .p-box-5 p>span{
|
||||||
|
font-family: "HarmonyOS_Sans_Black" !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .more-btn1{
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 2.4rem;
|
||||||
|
padding: 0 0.8rem;
|
||||||
|
border: 0.1rem solid #18d777;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
float: right;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
.coo .main-4 .item::after{
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.coo .main-4 .more-btn1 a{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border: 0;
|
||||||
|
height: 100%;
|
||||||
|
color: #18d777;
|
||||||
|
padding-right: 1rem;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
position: relative;
|
||||||
|
transition: all .6s;
|
||||||
|
}
|
||||||
|
.coo .main-4 .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%);
|
||||||
|
}
|
||||||
|
.coo .main-4 .more-btn1:hover{
|
||||||
|
opacity: .6;
|
||||||
|
}
|
||||||
|
.coo .main-4 .more-btn1:hover em{
|
||||||
|
right: -0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.coo p.p {
|
.coo p.p {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-left: 0.9rem;
|
padding-left: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo p.p::after {
|
.coo p.p::after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 0.3rem;
|
width: 0.3rem;
|
||||||
height: 0.3rem;
|
height: 0.3rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: #3b52f6;
|
background-color: #3b52f6;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-1 {
|
.coo .main-1 {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-1 .container div {
|
.coo .main-1 .container div {
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 {
|
.coo .main-2 {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .t {
|
.coo .main-2 .t {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .t * {
|
.coo .main-2 .t * {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .t p {
|
.coo .main-2 .t p {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 h2 {
|
.coo .main-2 h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 h2 span {
|
.coo .main-2 h2 span {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 h3 {
|
.coo .main-2 h3 {
|
||||||
max-width: 60rem;
|
max-width: 60rem;
|
||||||
margin: 0.5rem auto;
|
margin: 0.5rem auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide {
|
.coo .main-2 .container .swiper-slide {
|
||||||
border-radius: 0.9rem;
|
border-radius: 0.9rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 3rem;
|
border-radius: 3rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide img {
|
.coo .main-2 .container .swiper-slide img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide .text {
|
.coo .main-2 .container .swiper-slide .text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0.9rem;
|
padding: 0.9rem;
|
||||||
padding-top: 5rem;
|
padding-top: 5rem;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide .text * {
|
.coo .main-2 .container .swiper-slide .text * {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide .text h6 {
|
.coo .main-2 .container .swiper-slide .text h6 {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-2 .container .swiper-slide .text p {
|
.coo .main-2 .container .swiper-slide .text p {
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 {
|
.coo .main-3 {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container {
|
.coo .main-3 .container {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container .t {
|
.coo .main-3 .container .t {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
max-width: 16.5rem;
|
max-width: 16.5rem;
|
||||||
}
|
}
|
||||||
.coo .main-3 .container > .img {
|
|
||||||
height: 15rem;
|
.coo .main-3 .container>.img {
|
||||||
margin-bottom: 3rem;
|
height: 15rem;
|
||||||
background-color: #ccc;
|
margin-bottom: 3rem;
|
||||||
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container h4 {
|
.coo .main-3 .container h4 {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container p {
|
.coo .main-3 .container p {
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container p.p {
|
.coo .main-3 .container p.p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container h5 {
|
.coo .main-3 .container h5 {
|
||||||
font-size: 1.0.9rem;
|
font-size: 1.0.9rem;
|
||||||
color: #343434;
|
color: #343434;
|
||||||
padding-top: 0.9rem;
|
padding-top: 0.9rem;
|
||||||
padding-bottom: 0.9rem;
|
padding-bottom: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container h6 {
|
.coo .main-3 .container h6 {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
.coo .main-3 .container > div > p {
|
|
||||||
font-weight: bold;
|
.coo .main-3 .container>div>p {
|
||||||
color: #3b52f6;
|
font-weight: bold;
|
||||||
|
color: #3b52f6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container .con {
|
.coo .main-3 .container .con {
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container .con .item {
|
.coo .main-3 .container .con .item {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container .con .item:last-of-type {
|
.coo .main-3 .container .con .item:last-of-type {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-3 .container .con .item h4 {
|
.coo .main-3 .container .con .item h4 {
|
||||||
margin-right: 3rem;
|
margin-right: 3rem;
|
||||||
margin-bottom: 0.9rem;
|
margin-bottom: 0.9rem;
|
||||||
}
|
|
||||||
.coo .main-4 {
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .shadow {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0.9rem;
|
|
||||||
margin: 0.9rem 0;
|
|
||||||
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .shadow.block {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .shadow .left i {
|
|
||||||
display: block;
|
|
||||||
width: 1.3rem;
|
|
||||||
height: 1.3rem;
|
|
||||||
margin-bottom: 0.9rem;
|
|
||||||
background-color: #3b52f6;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .shadow .right {
|
|
||||||
margin-left: 4rem;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container ul li {
|
|
||||||
margin-bottom: 0.9rem;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container ul li::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: calc(100% + 0.9rem);
|
|
||||||
width: 1.3rem;
|
|
||||||
height: 1.3rem;
|
|
||||||
background-color: #3b52f6;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container ol li {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container ol li::before {
|
|
||||||
content: "•";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: calc(100% + 0.9rem);
|
|
||||||
line-height: 1.4;
|
|
||||||
color: #3b52f6;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container p a {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: #3b52f6;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .setBetween .left {
|
|
||||||
margin-right: 2rem;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img1 {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img1 img {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left:125%;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img2 {
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
margin-bottom: 4rem;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img2 ul {
|
|
||||||
max-width: 70%;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img2 ul li {
|
|
||||||
background-color: #fff;
|
|
||||||
padding-right: 3rem;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img2 i {
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2rem;
|
|
||||||
right: 0;
|
|
||||||
display: block;
|
|
||||||
width: 20.65rem;
|
|
||||||
height: 14.95rem;
|
|
||||||
border: 1px solid #3b52f6;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.coo .main-4 .container .img2 img {
|
|
||||||
position: absolute;
|
|
||||||
bottom: -2rem;
|
|
||||||
right: 0;
|
|
||||||
z-index: 2;
|
|
||||||
width: 35%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
.coo .main-4 .container .img1 img {
|
.coo .main-4 .container .img1 img {
|
||||||
max-width: 20rem;
|
max-width: 20rem;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
left:125%;
|
left: 125%;
|
||||||
.coo .main-4 .container .img2 img {
|
|
||||||
max-width: 17rem;
|
.coo .main-4 .container .img2 img {
|
||||||
}
|
max-width: 17rem;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 768px) {
|
}
|
||||||
.coo {
|
|
||||||
margin-top: 2rem;
|
@media screen and (max-width: 768px) {
|
||||||
}
|
.coo {
|
||||||
.coo .main-3 .container > img {
|
margin-top: 2rem;
|
||||||
display: none;
|
}
|
||||||
}
|
|
||||||
.coo .main-4 h2 {
|
.coo .main-3 .container>img {
|
||||||
font-size: 1.3rem;
|
display: none;
|
||||||
}
|
}
|
||||||
.coo .main-4 .title > img {
|
|
||||||
display: none;
|
.coo .main-4 h2 {
|
||||||
}
|
font-size: 1.3rem;
|
||||||
.coo .main-4 .title div p {
|
}
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
.coo .main-4 .title>img {
|
||||||
.coo .main-4 .container .item {
|
display: none;
|
||||||
margin-bottom: 2rem;
|
}
|
||||||
}
|
|
||||||
.coo .main-4 .container .img1 ul,
|
.coo .main-4 .title div p {
|
||||||
.coo .main-4 .container .img2 ul {
|
font-size: 1.3rem;
|
||||||
max-width: 100%;
|
}
|
||||||
}
|
|
||||||
.coo .main-4 .container .img1 ul li,
|
.coo .main-4 .container .item {
|
||||||
.coo .main-4 .container .img2 ul li {
|
margin-bottom: 2rem;
|
||||||
padding-right: 1rem;
|
}
|
||||||
}
|
|
||||||
.coo .main-4 .container .img1 img,
|
.coo .main-4 .container .img1 ul,
|
||||||
.coo .main-4 .container .img2 img,
|
.coo .main-4 .container .img2 ul {
|
||||||
.coo .main-4 .container .img1 i,
|
max-width: 100%;
|
||||||
.coo .main-4 .container .img2 i {
|
}
|
||||||
display: none;
|
|
||||||
}
|
.coo .main-4 .container .img1 ul li,
|
||||||
.coo .main-4 .container .img2 {
|
.coo .main-4 .container .img2 ul li {
|
||||||
margin-bottom: 2rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
.coo .main-4 .container .img3 {
|
|
||||||
display: none !important;
|
.coo .main-4 .container .img1 img,
|
||||||
}
|
.coo .main-4 .container .img2 img,
|
||||||
.coo .main-4 .container .img3-wrap {
|
.coo .main-4 .container .img1 i,
|
||||||
flex-direction: column;
|
.coo .main-4 .container .img2 i {
|
||||||
}
|
display: none;
|
||||||
.coo .main-4 .container .shadow {
|
}
|
||||||
flex-direction: column;
|
|
||||||
}
|
.coo .main-4 .container .img2 {
|
||||||
.coo .main-4 .container .shadow .right {
|
margin-bottom: 2rem;
|
||||||
margin-left: 0;
|
}
|
||||||
}
|
|
||||||
.coo .main-4 .container h5 br {
|
.coo .main-4 .container .img3 {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
.coo .main-4 .container .img3-wrap {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .container .shadow {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .container .shadow .right {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coo .main-4 .container h5 br {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1022,9 +1022,9 @@ h4 {
|
||||||
transition: all .6s;
|
transition: all .6s;
|
||||||
}
|
}
|
||||||
.course-details .main-2 .con1 .shadow .more-btn-k a em{
|
.course-details .main-2 .con1 .shadow .more-btn-k a em{
|
||||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
font-family: "HarmonyOS_Sans_Light" !important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transform: scaleY(1.6) translateY(-26%);
|
transform: scaleY(1.8) translateY(-24%);
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
@ -1121,7 +1121,7 @@ h4 {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
.qa-banner span{
|
.qa-banner span{
|
||||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-top: 0.3rem;
|
margin-top: 0.3rem;
|
||||||
|
|
@ -1140,12 +1140,13 @@ h4 {
|
||||||
|
|
||||||
.qa-titie-info h2{
|
.qa-titie-info h2{
|
||||||
font-size: 1.9rem;
|
font-size: 1.9rem;
|
||||||
margin-bottom: 1.2rem;
|
margin-bottom: 1.65rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.qa-titie-info h3{
|
.qa-titie-info h3{
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
line-height: 1.5;
|
line-height: 1.47;
|
||||||
|
color: #505050;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -181,20 +181,20 @@
|
||||||
}
|
}
|
||||||
.index-banner-info .left h2{
|
.index-banner-info .left h2{
|
||||||
font-size: 1.9rem;
|
font-size: 1.9rem;
|
||||||
line-height: 1.1;
|
line-height: 1.15;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.index-banner-info .left span{
|
.index-banner-info .left span{
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0.65rem;
|
font-size: 0.65rem;
|
||||||
color: #ffff1b;
|
color: #ffff1b;
|
||||||
margin-top: .3rem;
|
margin-top: .4rem;
|
||||||
}
|
}
|
||||||
.index-banner-info .right{
|
.index-banner-info .right{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 42.6rem;
|
width: 42rem;
|
||||||
}
|
}
|
||||||
.index-banner-info .right .item{
|
.index-banner-info .right .item{
|
||||||
width: calc(50% - 2.5rem);
|
width: calc(50% - 2.5rem);
|
||||||
|
|
@ -218,6 +218,7 @@
|
||||||
margin-top: 1.2rem;
|
margin-top: 1.2rem;
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
|
text-align: justify;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -613,6 +614,10 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main .main-1{
|
||||||
|
padding-bottom: 7.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
main .main-1 .container {
|
main .main-1 .container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
@ -728,6 +733,7 @@ main .main-2 {
|
||||||
}
|
}
|
||||||
main .main-2 .main-center{
|
main .main-2 .main-center{
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
padding-top: 0.75rem;
|
||||||
}
|
}
|
||||||
main .main-2 .swiper-wrapper {
|
main .main-2 .swiper-wrapper {
|
||||||
height: 32rem;
|
height: 32rem;
|
||||||
|
|
@ -883,7 +889,7 @@ main .main-3 p{
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 53rem;
|
max-width: 53rem;
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
line-height: 1.5;
|
line-height: 1.47;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
|
|
@ -895,7 +901,15 @@ main .main-3 more-btn1{
|
||||||
|
|
||||||
|
|
||||||
main .main-4{
|
main .main-4{
|
||||||
padding: 6rem 0 4.5rem;
|
padding: 6.4rem 0 4.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .main-4 .main-title{
|
||||||
|
margin-bottom: 3.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .main-4 .main-title h2{
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main .main-4 .container {
|
main .main-4 .container {
|
||||||
|
|
@ -975,7 +989,7 @@ main .main-4 .more-btn{
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
max-width: 70rem;
|
max-width: 70rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
margin: 0 auto;
|
margin: -0.2rem auto 0;
|
||||||
}
|
}
|
||||||
main .main-4 .more-btn>a{
|
main .main-4 .more-btn>a{
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue