细节调整一部分
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,5 +1,4 @@
|
||||||
{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>
|
||||||
|
|
@ -17,69 +16,76 @@
|
||||||
.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: 1rem;
|
||||||
|
color: #505050;
|
||||||
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
.main-4 .item h2{
|
|
||||||
font-size:1.3rem;
|
.md-us {
|
||||||
margin-top:0.8rem;
|
|
||||||
}
|
|
||||||
.md-us{
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(0,0,0,0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 1999;
|
z-index: 1999;
|
||||||
|
|
||||||
}
|
}
|
||||||
.md-us-content{
|
|
||||||
|
.md-us-content {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
display: flex!important;
|
display: flex !important;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.md-m-content{
|
|
||||||
width:37rem;
|
.md-m-content {
|
||||||
height:8rem;
|
width: 28.4rem;
|
||||||
|
padding: 2.5rem;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
|
box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
|
||||||
border-radius: 5px;
|
border-radius: 0.75rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
background:white;
|
background: white;
|
||||||
|
|
||||||
}
|
}
|
||||||
.md-m-content img{
|
|
||||||
width:6.5rem;
|
.md-m-content img {
|
||||||
|
width: 6.5rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -0.8rem;
|
top: -0.8rem;
|
||||||
left: -2rem;
|
left: -2rem;
|
||||||
}
|
}
|
||||||
.me-text{
|
|
||||||
font-size: 1.3rem;
|
.me-text {
|
||||||
color: #000000;
|
font-size: 1rem;
|
||||||
|
color: #1b1b1b;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top:2.1rem;
|
line-height: 1.3;
|
||||||
padding-left:1.5rem;
|
|
||||||
font-family: 'robotoMedium'!important;
|
|
||||||
}
|
}
|
||||||
.me-text text{
|
|
||||||
color: #0536F9;
|
.me-text span {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||||
}
|
}
|
||||||
.me-btn{
|
|
||||||
width: 136px;
|
.me-btn {
|
||||||
height: 37px;
|
display: flex;
|
||||||
border: 1px solid #0536F9;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 19.4rem;
|
||||||
|
height: 1.5rem;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
font-size:1rem;
|
font-size: 1rem;
|
||||||
font-weight: 300;
|
background-color: #18d777;
|
||||||
color: #0536F9;
|
color: #ffffff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 37px;
|
margin: 1.5rem auto 0;
|
||||||
margin:1rem auto;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -89,262 +95,208 @@
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md-m-content img {
|
.md-m-content img {
|
||||||
width: 4.5rem;
|
width: 4.5rem;
|
||||||
left: -1rem;
|
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">
|
|
||||||
<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>
|
</div>
|
||||||
<main class="coo">
|
<main class="coo">
|
||||||
|
|
||||||
<section class="main-4">
|
<section class="main-4">
|
||||||
<div class="main-center container">
|
<div class="main-center container">
|
||||||
<div class="item">
|
<div class="item item-01">
|
||||||
<h1>For University</h1>
|
<h1>For University</h1>
|
||||||
<h2>Partner with us to bring students more options</h2>
|
<h2>Partner with us to bring students more options</h2>
|
||||||
<div>
|
<div class="p-box-1">
|
||||||
<p>LightCourse is a global higher education opportunity provider that aims to meet students' diverse
|
<p>
|
||||||
educational needs
|
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
|
while also assisting universities and colleges in developing and promoting courses and programs
|
||||||
reach
|
that can reach potential students all over the world.
|
||||||
potential students all over the world.</p>
|
</p>
|
||||||
<p>With over ten years of experience in the education industry, LightCourse has established marketing channels
|
<p>
|
||||||
covering
|
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,
|
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
|
international program establishment and operation. To better meet the varied needs of students seeking
|
||||||
higher
|
higher education, we provide students with different choices of online and in-person credit courses and
|
||||||
education, we provide students with different choices of online and in-person credit courses and study
|
study abroad programs.
|
||||||
abroad programs.</p>
|
</p>
|
||||||
</div>
|
|
||||||
<!--<div class="link-right">-->
|
|
||||||
<!-- <a href="" class="a-link">See about us</a>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<div class="shadow">
|
|
||||||
<div class="left">
|
|
||||||
<i></i>
|
|
||||||
<p><strong>We're seeking great partner institutions
|
|
||||||
from all over the world to join our platform.</strong></p>
|
|
||||||
<p><strong>With LightCourse, you can:</strong></p>
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<div>
|
|
||||||
<p><strong class="c1">- Increase enrollments and global market reach</strong></p>
|
|
||||||
<p> Promote your existing courses and programs</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p><strong class="c1">- Explore global opportunities</strong></p>
|
|
||||||
<p> Develop programs in Asian countries like China</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p><strong class="c1">- Seek internationalization solutions</strong></p>
|
|
||||||
<p> Establish globalized modularized curriculums and attract foreign faculty and students</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="item">
|
<div class="item item-02">
|
||||||
<h2>Why us?</h2>
|
<h2>Why us?</h2>
|
||||||
<p><strong>-Our partner institutions are able to expand their international reach and increase enrollments for
|
<h3>
|
||||||
both new and
|
Our partner institutions are able to expand their international reach and increase enrollments for
|
||||||
existing programs by leveraging our marketing expertise and capacity.</strong></p>
|
both new and existing programs by leveraging our marketing expertise and capacity.
|
||||||
<div class="con">
|
</h3>
|
||||||
|
<div class="con p-box-3">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<h6 class="c1">Help Institutions Increase Brand Awareness</h6>
|
<h6>Help Institutions Increase Brand Awareness</h6>
|
||||||
<p>Our student network spans the United States, Canada, and China, allowing our partner higher education
|
<p>
|
||||||
institutions to
|
Our student network spans the United States, Canada, and China, allowing our partner
|
||||||
expand their brand awareness across multiple regions.</p>
|
higher education institutions to expand their brand awareness across multiple regions.
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<h6 class="c1">Wide Student Coverage</h6>
|
|
||||||
<p>LightCourse has an active and engaging presence on key student-oriented social media channels.
|
|
||||||
LightCourse has tens
|
|
||||||
of thousands of followers on social media, resulting in significant brand recognition among students.
|
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<h6 class="c1">The Convergence Advantage of Collaboration</h6>
|
<h6>Wide Student Coverage</h6>
|
||||||
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a collaborative model
|
<p>
|
||||||
centered on the
|
LightCourse has an active and engaging presence on key student-oriented social media channels. LightCourse has tens of thousands of followers
|
||||||
LightCourse platform, with active partner participation, to maximize the benefits of aggregation in a
|
on social media, resulting in significant brand recognition among students.
|
||||||
way that a single
|
</p>
|
||||||
institution cannot achieve. We work with institutions to provide students with a wider variety of
|
</li>
|
||||||
programs and courses,
|
<li>
|
||||||
as well as more diverse learning opportunities, depending on their needs. At the same time, through
|
<h6>The Convergence Advantage of Collaboration</h6>
|
||||||
LightCourse,
|
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a
|
||||||
universities can expand the global influence of their brands.</p>
|
collaborative model centered on the LightCourse platform, with active partner participation, to maximize the benefits of
|
||||||
|
aggregation in a way that a single institution cannot achieve. We work with institutions to provide students with a wider
|
||||||
|
variety of programs and courses, as well as more diverse learning opportunities, depending on their needs. At the same
|
||||||
|
time, through LightCourse, universities can expand the global influence of their brands.
|
||||||
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="more-btn">
|
<div class="more-btn1" style="margin-top: 3.5rem;">
|
||||||
<a href="javascript:void(0)" onclick="onTalk()">Talk to us</a>
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item item-03">
|
||||||
<h2>For Faculty</h2>
|
<h1>For Faculty</h1>
|
||||||
<p><strong>-Join the LightCourse Instructor Network！</strong></p>
|
<h2>Join the LightCourse Instructor Network！</h2>
|
||||||
<p>Are you:</p>
|
<p>Are you:</p>
|
||||||
<div class="shadow block">
|
<div class="p-box-4">
|
||||||
<p>- A fantastic instructor?</p>
|
<p><span>A fantastic instructor?</span></p>
|
||||||
<p>- An expert in your field or discipline?</p>
|
<p><span>An expert in your field or discipline?</span></p>
|
||||||
<p>- Looking forward to working with brilliant and eager students from all over the world?</p>
|
<p><span>Looking forward to working with brilliant and eager students from all over the world?</span></p>
|
||||||
<p>- Ready to interact with people from different cultures and maybe travel internationally?</p>
|
<p><span>Ready to interact with people from different cultures and maybe travel internationally?</span></p>
|
||||||
</div>
|
</div>
|
||||||
<p class="c2">Then we're looking for you！</p>
|
<h5 class="c1">Then we're looking for you！</h5>
|
||||||
<p>LightCourse is looking for experienced instructors to join our growing network of educators who will help
|
<p>
|
||||||
students have
|
LightCourse is looking for experienced instructors to join our growing network of educators who will
|
||||||
simple access to higher education that will prepare them for an increasingly globalized society.</p>
|
help students have simple access to higher education that will prepare them for an increasingly globalized society.
|
||||||
<p>As an instructor in the LightCourse network, you will have the opportunity to teach abroad or online at top
|
</p>
|
||||||
global higher
|
<p>
|
||||||
education institutions during convenient times in the academic calendar. Classes are conducted in English with
|
As an instructor in the LightCourse network, you will have the opportunity to teach abroad or online
|
||||||
small
|
at top global higher education institutions during convenient times in the academic calendar. Classes are conducted in
|
||||||
student-to-faculty ratios. Instructors generally teach two to three courses in a given term and will be fully
|
English with small student-to-faculty ratios. Instructors generally teach two to three courses in a given term and will
|
||||||
supported
|
be fully supported by a dedicated team of professional staff with extensive expertise and experience in developing and
|
||||||
by a dedicated team of professional staff with extensive expertise and experience in developing and operating
|
operating high-quality academic programming.
|
||||||
high-quality academic programming.</p>
|
</p>
|
||||||
<p>We presently have openings for summer sessions at institutions in various cities in the United States and
|
<h2>Qualifications and skills:</h2>
|
||||||
China.
|
<div class="p-box-5">
|
||||||
As the pandemic fades, our platform will expand since we have already partnered with institutions in London,
|
<p><span>Ph.D. or equivalent terminal degree in a relevant field</span></p>
|
||||||
Florence,
|
<p><span>3+ years of relevant teaching experience at accredited institution(s)</span></p>
|
||||||
Toronto, Seoul, Tokyo, and more locations. We anticipate many additional future opportunities around the globe
|
<p><span>Excellent oral communication and presenting skills</span></p>
|
||||||
throughout the academic calendar.</p>
|
<p><span>Willingness and ability to teach introductory courses</span></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>
|
</div>
|
||||||
<h6>Compensation:</h6>
|
<h2>Compensation:</h2>
|
||||||
<div class="shadow block">
|
<div class="p-box-5">
|
||||||
<p class="c1">-Salary commensurate with qualifications</p>
|
<p><span>Salary commensurate with qualifications</span></p>
|
||||||
<p class="c1">-Travel stipend</p>
|
<p><span>Travel stipend</span></p>
|
||||||
<p class="c1">-Accommodations and certain other logistical costs are covered by LightCourse or platform
|
<p><span>Accommodations and certain other logistical costs are covered by LightCourse or platform partners</span></p>
|
||||||
partners</p>
|
</div>
|
||||||
|
<div class="more-btn1" style="margin-top: 2.5rem;">
|
||||||
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
</div>
|
||||||
<div class="item img2">
|
<h2>As a LightCourse campus representative,you can gain:</h2>
|
||||||
<h2>LightCourse Campus Representative</h2>
|
<div class="p-box-7">
|
||||||
<p><strong>What is a campus representative?</strong></p>
|
<p><span>Marketing ability training-marketing, traffic operation, brand
|
||||||
<i class="border"></i>
|
promotion, and other aspects of capacity enhancement.</span></p>
|
||||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/1703188156.png" alt="">
|
<p><span>Event planning and execution skills training.</span></p>
|
||||||
<ul>
|
<p><span>Skills development- professional career-oriented analysis and
|
||||||
<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,
|
consultation, comprehensive training on marketing knowledge,
|
||||||
job interview skills, and resume revision.</p>
|
job interview skills, and resume revision.</span></p>
|
||||||
</li>
|
<p><span>Expanding connections with global campus representatives.</span></p>
|
||||||
<li>
|
<p><span>Occasional campus representative gatherings.</span></p>
|
||||||
<p>Expanding connections with global campus representatives.</p>
|
<p><span>Internship certifications in both the United States and China.</span></p>
|
||||||
</li>
|
<p><span>Referral opportunities to jobs in elite enterprises.</span></p>
|
||||||
<li>
|
<p><span>Opportunity to get air tickets and free credit courses for excellent
|
||||||
<p>Occasional campus representative gatherings.</p>
|
performance.</span></p>
|
||||||
</li>
|
<p><span>Priority access to other benefits.</span></p>
|
||||||
<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-btn1" style="margin-top: 3rem;">
|
||||||
|
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="more-btn">
|
|
||||||
<a href="javascript:void(0)" onclick="onTalk()">Apply now</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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 <text>partnerships@lightglobal.org</text></div>
|
<div class="me-text">Please contact us at<span class="c1">partnerships@lightglobal.org</span></div>
|
||||||
<div class="me-btn btnclose">ok</div>
|
<div class="me-btn btnCopy">Copy</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', {
|
// layer.confirm('Please contact us at partnerships@lightglobal.org', {
|
||||||
// btn:false,
|
// btn:false,
|
||||||
// title: false,
|
// title: false,
|
||||||
// }, function (cart_confirm) {
|
// }, function (cart_confirm) {
|
||||||
|
|
||||||
|
|
||||||
// });
|
// });
|
||||||
|
|
||||||
}
|
}
|
||||||
$(".btnclose").click(function(){
|
$(".btnclose").click(function() {
|
||||||
$(".md-us").hide();
|
$(".md-us").hide();
|
||||||
})
|
})
|
||||||
|
|
||||||
|
$(".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", {
|
var main2 = new Swiper(".main-2 .swiper-container", {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 40,
|
spaceBetween: 40,
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,34 +3,42 @@
|
||||||
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;
|
||||||
|
|
@ -38,25 +46,195 @@
|
||||||
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;
|
||||||
|
|
@ -68,34 +246,43 @@
|
||||||
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;
|
||||||
|
|
@ -103,17 +290,20 @@
|
||||||
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;
|
||||||
|
|
@ -124,230 +314,169 @@
|
||||||
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 {
|
|
||||||
|
.coo .main-3 .container>.img {
|
||||||
height: 15rem;
|
height: 15rem;
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
background-color: #ccc;
|
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 {
|
|
||||||
|
.coo .main-3 .container>div>p {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #3b52f6;
|
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 {
|
.coo .main-4 .container .img2 img {
|
||||||
max-width: 17rem;
|
max-width: 17rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
.coo {
|
.coo {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
.coo .main-3 .container > img {
|
|
||||||
|
.coo .main-3 .container>img {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 h2 {
|
.coo .main-4 h2 {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
}
|
}
|
||||||
.coo .main-4 .title > img {
|
|
||||||
|
.coo .main-4 .title>img {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .title div p {
|
.coo .main-4 .title div p {
|
||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .item {
|
.coo .main-4 .container .item {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img1 ul,
|
.coo .main-4 .container .img1 ul,
|
||||||
.coo .main-4 .container .img2 ul {
|
.coo .main-4 .container .img2 ul {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img1 ul li,
|
.coo .main-4 .container .img1 ul li,
|
||||||
.coo .main-4 .container .img2 ul li {
|
.coo .main-4 .container .img2 ul li {
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img1 img,
|
.coo .main-4 .container .img1 img,
|
||||||
.coo .main-4 .container .img2 img,
|
.coo .main-4 .container .img2 img,
|
||||||
.coo .main-4 .container .img1 i,
|
.coo .main-4 .container .img1 i,
|
||||||
.coo .main-4 .container .img2 i {
|
.coo .main-4 .container .img2 i {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img2 {
|
.coo .main-4 .container .img2 {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img3 {
|
.coo .main-4 .container .img3 {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .img3-wrap {
|
.coo .main-4 .container .img3-wrap {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .shadow {
|
.coo .main-4 .container .shadow {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container .shadow .right {
|
.coo .main-4 .container .shadow .right {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.coo .main-4 .container h5 br {
|
.coo .main-4 .container h5 br {
|
||||||
display: none;
|
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