细节调整一部分

master
Lee 2022-11-01 17:30:14 +08:00
parent cf287ee2a2
commit 4042947997
11 changed files with 812 additions and 683 deletions

View File

@ -75,18 +75,18 @@
<div class="content">
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h6>Help&Support</h6>
<p>Need Help?</p>
<p class="f-medium">Need Help?</p>
<div class="zx-btn">
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
</div>
</div>
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<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>
</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>
</div>
</div>
@ -98,7 +98,7 @@
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center">
<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="icon">
<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">
<ul>
<li>
<a href="/promotion">About Us</a>
<a href="/document">How LightCourse Works</a>
<a href="/showpintuan">How to Transfer Credit</a>
<a href="/showgroupbuy">How to Apply</a>
<a href="/qa">FAQ</a>
<a class="f-bold" href="/promotion">About Us</a>
<a class="f-bold" href="/document">How LightCourse Works</a>
<a class="f-bold" href="/showpintuan">How to Transfer Credit</a>
<a class="f-bold" href="/showgroupbuy">How to Apply</a>
<a class="f-bold" href="/qa">FAQ</a>
<!-- <div>
<a href="mailto:studentservice@lightlobal.org">studentservice@lightlobal.org</a>
<a href="tel:028-85466301">028-85466301</a>
</div>-->
</li>
<li>
<a href="/goods/consulting">All Courses</a>
<a href="/activity">Partner with Us</a>
<a href="/contact">Contact Us</a>
<a href="/Article?ac_id=8">Blog</a>
<a class="f-bold" href="/goods/consulting">All Courses</a>
<a class="f-bold" href="/activity">Partner with Us</a>
<a class="f-bold" href="/contact">Contact Us</a>
<a class="f-bold" href="/Article?ac_id=8">Blog</a>
<!-- <a href="">Terms of Service</a>-->
<!-- <a href="">Privacy Statement</a>
<a href="">Website Terms</a> -->
@ -136,12 +136,12 @@
</div>
</div>
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span>
<span class="f-medium">
<script>
copyright = new Date();
update = copyright.getFullYear();
document.write("Copyright &copy; " + 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>
</span>

View File

@ -1,371 +1,323 @@
{include file='default/base/mall_top'/}
{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/coo.css">
<style>
.list-banner .container>h2 {
font-weight: 100;
padding-top: 2rem;
border-top: 1px solid #ebebeb;
color: #666;
}
.list-banner .container>h2 {
font-weight: 100;
padding-top: 2rem;
border-top: 1px solid #ebebeb;
color: #666;
}
.list-banner .container .con1 {
border-bottom: 1px solid #ebebeb;
}
.list-banner .container .con1 {
border-bottom: 1px solid #ebebeb;
}
.list-banner .container .con1 .img {
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;
.list-banner .container .con1 .img {
max-width: 40rem;
}
}
.md-us-content{
width: 100vw;
height: 100vh;
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;
.main-4 .item h2 {
font-size: 1rem;
color: #505050;
line-height: 1.25;
}
}
.md-m-content img{
width:6.5rem;
position: absolute;
top: -0.8rem;
left: -2rem;
}
.me-text{
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;
}
.md-us {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 1999;
@media(max-width: 768px) {
.md-m-content {
max-width: 100%;
width: 90%;
height: 10rem;
}
.md-m-content img {
width: 4.5rem;
left: -1rem;
}
}
}
.md-us-content {
width: 100vw;
height: 100vh;
display: flex !important;
justify-content: center;
align-items: center;
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>
<div class="list-banner">
<div class="main-center container">
<div class="position">PositionHome > Join Us </div>
<div class="content con1">
<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 class="join-us-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">JOIN US</h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Partner with Us</span>
</div>
</div>
<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="main-center container">
<div class="item">
<h1>For University</h1>
<h2>Partner with us to bring students more options</h2>
<div>
<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>
<!--<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>&nbsp; Promote your existing courses and programs</p>
</div>
<div>
<p><strong class="c1">- Explore global opportunities</strong></p>
<p>&nbsp; Develop programs in Asian countries like China</p>
</div>
<div>
<p><strong class="c1">- Seek internationalization solutions</strong></p>
<p>&nbsp; Establish globalized modularized curriculums and attract foreign faculty and students</p>
</div>
</div>
</div>
</div>
<div class="item">
<h2>Why us?</h2>
<p><strong>-Our partner institutions are able to expand their international reach and increase enrollments for
both new and
existing programs by leveraging our marketing expertise and capacity.</strong></p>
<div class="con">
<ul>
<li>
<h6 class="c1">Help Institutions Increase Brand Awareness</h6>
<p>Our student network spans the United States, Canada, and China, allowing our partner higher education
institutions to
expand their brand awareness across multiple regions.</p>
</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>
</li>
<li>
<h6 class="c1">The Convergence Advantage of Collaboration</h6>
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a 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>
</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-02">
<h2>Why us?</h2>
<h3>
Our partner institutions are able to expand their international reach and increase enrollments for
both new and existing programs by leveraging our marketing expertise and capacity.
</h3>
<div class="con p-box-3">
<ul>
<li>
<h6>Help Institutions Increase Brand Awareness</h6>
<p>
Our student network spans the United States, Canada, and China, allowing our partner
higher education institutions to expand their brand awareness across multiple regions.
</p>
</li>
<li>
<h6>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>
</li>
<li>
<h6>The Convergence Advantage of Collaboration</h6>
<p>LightCourse believes that 1+1 is greater than 2.We are committed to building a
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>
</ul>
<div class="more-btn1" style="margin-top: 3.5rem;">
<a href="javascript:void(0)" onclick="onTalk()">Talk to us<em>></em></a>
</div>
</div>
</div>
<div class="item item-03">
<h1>For Faculty</h1>
<h2>Join the LightCourse Instructor Network</h2>
<p>Are you:</p>
<div class="p-box-4">
<p><span>A fantastic instructor?</span></p>
<p><span>An expert in your field or discipline?</span></p>
<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>
<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 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>
<h2>Qualifications and skills:</h2>
<div class="p-box-5">
<p><span>Ph.D. or equivalent terminal degree in a relevant field</span></p>
<p><span>3+ years of relevant teaching experience at accredited institution(s)</span></p>
<p><span>Excellent oral communication and presenting skills</span></p>
<p><span>Willingness and ability to teach introductory courses</span></p>
</div>
<h2>Compensation:</h2>
<div class="p-box-5">
<p><span>Salary commensurate with qualifications</span></p>
<p><span>Travel stipend</span></p>
<p><span>Accommodations and certain other logistical costs are covered by LightCourse or platform partners</span></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 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>
<div class="md-us container-mask">
<div class="md-us-content">
<div class="md-m-content ">
<img src="/static/home/images/pc.png" alt="contactus">
<div class="iconf close-iconf btnclose"></div>
<div class="me-text">Please contact us at <text>partnerships@lightglobal.org</text></div>
<div class="me-btn btnclose">ok</div>
</div>
</div>
<div class="md-us-content">
<div class="md-m-content ">
<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-btn btnCopy">Copy</div>
</div>
</div>
</div>
{/block}
{include file='default/base/mall_footer'/}
<script>
function onTalk(){
$(".md-us").show();
function onTalk() {
$(".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,
// title: false,
// }, function (cart_confirm) {
}
$(".btnclose").click(function() {
$(".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';
}
}
$(".btnclose").click(function(){
$(".md-us").hide();
})
var main2 = new Swiper(".main-2 .swiper-container", {
slidesPerView: 4,
spaceBetween: 40,
centeredSlides: true,
loop: true,
autoplay: {
disableOnInteraction: false
},
breakpoints: {
320: {
slidesPerView: 1.4,
spaceBetween: 10,
},
768: {
slidesPerView: 1.4,
spaceBetween: 10,
},
1024: {
slidesPerView: 4,
spaceBetween: 40,
}
}
})
var main2 = new Swiper(".main-2 .swiper-container", {
slidesPerView: 4,
spaceBetween: 40,
centeredSlides: true,
loop: true,
autoplay: {
disableOnInteraction: false
},
breakpoints: {
320: {
slidesPerView: 1.4,
spaceBetween: 10,
},
768: {
slidesPerView: 1.4,
spaceBetween: 10,
},
1024: {
slidesPerView: 4,
spaceBetween: 40,
}
}
})
</script>

View File

@ -168,6 +168,16 @@
{/foreach}
</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 /}
<div class="course-banner list-banner">
<div class="main-center main-center-course container">
@ -242,7 +252,7 @@
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
is_array($checked_attr))}
<div id="selected">
<p>You have selected:</p>
<p class="f-medium">You have selected:</p>
<div>
{notempty name="checked_brand"}

View File

@ -319,7 +319,7 @@
})
</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="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="left">
@ -343,7 +343,7 @@
<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<!-- {$goods.goods_id}-->
<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">
<span class="iconf">
@ -367,15 +367,15 @@
</div>
<div class="basic-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h3>Basic Information</h3>
<p><em>Category : </em><span>{$goods.gc_name}</span></p>
<p><em>Credit(s) : </em><span>{$goods.ke_credit}</span></p>
<p><em>Enrollment start date : </em><span>{$goods.enroll_start_date}</span></p>
<p><em>Enrollment deadline : </em><span>{$goods.enroll_end_date}</span></p>
<p><em class="f-medium">Category : </em><span class="f-medium">{$goods.gc_name}</span></p>
<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_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>-->
</div>
<div class="content1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>Course Description</h2>
<div class="des">
<div class="des f-medium">
{$goods.goods_body}
</div>
<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 />
The home institution will decide whether or not to accept transfer credits based on the information provided.
</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
include:</strong>
<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:</span>
<div class="item-list1">
<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>

View File

@ -210,13 +210,10 @@
{include file='default/base/mall_footer'/}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EX6H2927S7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}

View File

@ -269,7 +269,7 @@
</div>
<div class="content">
<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">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>

View File

@ -44,6 +44,7 @@
margin-top: 0.4rem;
text-align: center;
transition: all .6s;
cursor: pointer;
}
.main-QA .content .left-tabs span.active {
@ -106,7 +107,7 @@
</div>
<main class="course">
<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="left-tabs">
<span class="active wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Registration Procedure </span>

View File

@ -939,12 +939,12 @@ p {
}
.main-title {
margin-bottom: 4rem;
margin-bottom: 4.8rem;
}
.main-title h2 {
font-size: 1.9rem;
margin-bottom: 0.9rem;
margin-bottom: 1.5rem;
}
.main-title p {
@ -1039,13 +1039,14 @@ p {
}
.ui.selection.dropdown .menu>.item {
font-family: "HarmonyOS_Sans_Medium" !important;
font-size: 0.8rem;
}
.pagination {
display: flex;
justify-content: center;
margin: 2rem 0;
margin: 2rem 0 2rem;
}
.pagination li {
@ -1056,6 +1057,7 @@ p {
.pagination li a,
.pagination li span {
font-family: "HarmonyOS_Sans_Medium" !important;
display: flex;
align-items: center;
justify-content: center;
@ -1070,10 +1072,17 @@ p {
border: 1px solid #3b52f6;
transition: all .6s;
}
.pagination:hover li.active{
.pagination li:hover{
background-color: #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 span {
@ -1240,7 +1249,7 @@ p {
.list-banner .container {
position: relative;
padding: 2rem 0;
padding: 3.75rem 0 1.77rem;
}
.list-banner .con1 {
@ -1268,7 +1277,19 @@ p {
.list-banner .con1 .left span{
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,
@ -1376,7 +1397,7 @@ p {
}
.list-banner .search-con1 h5 {
font-size: 1.3rem;
font-size: 1rem;
margin-bottom: 0.9rem;
}
@ -1390,13 +1411,9 @@ p {
background-color: #fff;
border-radius: 0.5rem;
border: 0.1rem solid #95a1fa;
overflow: hidden;
position: relative;
transition: all .6s;
}
.list-banner .search-con1 .inp:hover{
border: 0.1rem solid #00db6d;
}
.list-banner .search-con1 .inp .submit-btn {
display: flex;
@ -1408,7 +1425,7 @@ p {
border-radius: 0.5rem 0 0 0.5rem;
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);
}
@ -1420,13 +1437,14 @@ p {
.list-banner .search-con1 .inp input {
width: 100%;
height: 100%;
font-size: 0.8rem;
}
.list-banner .search-con1 .inp>span {
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
font-size: 0.9rem;
font-size: 0.8rem;
color: #666;
}
@ -1454,7 +1472,7 @@ p {
}
.list-banner .con2 .ui.form .field>label {
font-size: 0.9rem;
font-size: 0.85rem !important;
margin-bottom: 0.9rem;
}
@ -1655,6 +1673,7 @@ p {
}
.main-QA .t .more-btn a{
font-family: "HarmonyOS_Sans_Medium" !important;
border: 0;
color: #838383;
font-size: 0.85rem;
@ -1664,7 +1683,7 @@ p {
position: relative;
}
.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;
margin-left: 0.4rem;
position: absolute;
@ -1823,6 +1842,7 @@ p {
.main-other-qa .container .left>p {
font-size: 0.75rem;
color: #838383;
margin-bottom: 0 !important;
}
.main-other-qa .container .right p {
@ -1897,6 +1917,7 @@ p {
.main-other-qa .container .content .right>div a{
font-size: 0.8rem;
color: #838383;
line-height: 1.5;
}
.container-mask {
@ -3049,10 +3070,12 @@ footer .footer .left * {
footer .footer .left .info {
font-size: 0.7rem;
margin-left: 0.4rem;
line-height: 1.5;
}
footer .footer .left .logo {
max-width: 12.5rem;
margin-top: 0.2rem;
}
footer .footer .left .icon {
@ -3097,13 +3120,9 @@ footer .footer .right ul span {
}
footer .footer .right ul a {
margin-top: 0.8rem;
display: block;
transition: all .6s;
}
footer .footer .right ul a:first-of-type {
margin-bottom: 0;
line-height: 2.2;
}
footer .footer .right ul a:hover {
@ -3120,9 +3139,14 @@ footer .footer .copyright {
footer .footer .copyright * {
font-size: 0.5rem;
line-height: 1.2;
color: #0f0f0f;
text-align: right;
}
footer .footer .copyright a{
color: #0f0f0f;
}
footer .cookie {
position: fixed;
bottom: 0;
@ -3199,6 +3223,7 @@ footer .cookie .container a {
font-style: normal;
}
.ui.dropdown>.text{
font-family: "HarmonyOS_Sans_Medium" !important;
font-size: 0.8rem;
}

View File

@ -1,353 +1,482 @@
.dot {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.setBetween {
display: flex;
justify-content: space-between;
display: flex;
justify-content: space-between;
}
.setRowCenter {
display: flex;
justify-content: center;
display: flex;
justify-content: center;
}
.setColumnCenter {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.setCenter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ra {
border-radius: 0.2rem;
overflow: hidden;
border-radius: 0.2rem;
overflow: hidden;
}
.bs {
box-shadow: 0 0 0.5rem #ebebeb;
box-shadow: 0 0 0.5rem #ebebeb;
}
.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 {
padding: 0.3rem 0.9rem;
background-color: #3b52f6;
color: #fff;
border-radius: 2rem;
font-size: 0.9rem;
padding: 0.3rem 0.9rem;
background-color: #3b52f6;
color: #fff;
border-radius: 2rem;
font-size: 0.9rem;
}
.btn.s1 {
background-color: transparent;
border: 1px solid #3b52f6;
color: #3b52f6;
background-color: transparent;
border: 1px solid #3b52f6;
color: #3b52f6;
}
.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 {
font: inherit;
font-weight: 100;
.join-us-banner h2{
font-size: 2rem;
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 {
position: relative;
padding-left: 0.9rem;
position: relative;
padding-left: 0.9rem;
}
.coo p.p::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
background-color: #3b52f6;
transform: translateY(-50%);
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0.3rem;
height: 0.3rem;
border-radius: 50%;
background-color: #3b52f6;
transform: translateY(-50%);
}
.coo .main-1 {
padding-top: 0;
padding-top: 0;
}
.coo .main-1 .container div {
margin-bottom: 0.9rem;
margin-bottom: 0.9rem;
}
.coo .main-2 {
padding-top: 0;
padding-top: 0;
}
.coo .main-2 .t {
margin-bottom: 3rem;
margin-bottom: 3rem;
}
.coo .main-2 .t * {
text-align: left;
text-align: left;
}
.coo .main-2 .t p {
margin-top: 2rem;
line-height: 2;
color: #999;
margin-top: 2rem;
line-height: 2;
color: #999;
}
.coo .main-2 h2 {
text-align: center;
margin-bottom: 0.5rem;
text-align: center;
margin-bottom: 0.5rem;
}
.coo .main-2 h2 span {
font: inherit;
font-weight: 100;
font: inherit;
font-weight: 100;
}
.coo .main-2 h3 {
max-width: 60rem;
margin: 0.5rem auto;
text-align: center;
font-size: 0.9rem;
font-weight: normal;
max-width: 60rem;
margin: 0.5rem auto;
text-align: center;
font-size: 0.9rem;
font-weight: normal;
}
.coo .main-2 .container .swiper-slide {
border-radius: 0.9rem;
position: relative;
border-radius: 3rem;
overflow: hidden;
border-radius: 0.9rem;
position: relative;
border-radius: 3rem;
overflow: hidden;
}
.coo .main-2 .container .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover;
}
.coo .main-2 .container .swiper-slide .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0.9rem;
padding-top: 5rem;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0.9rem;
padding-top: 5rem;
background-color: rgba(0, 0, 0, 0.5);
}
.coo .main-2 .container .swiper-slide .text * {
color: #fff;
text-align: center;
color: #fff;
text-align: center;
}
.coo .main-2 .container .swiper-slide .text h6 {
font-size: 0.9rem;
margin-bottom: 2rem;
font-size: 0.9rem;
margin-bottom: 2rem;
}
.coo .main-2 .container .swiper-slide .text p {
font-weight: 100;
line-height: 1.6;
font-weight: 100;
line-height: 1.6;
}
.coo .main-3 {
padding-top: 0;
padding-top: 0;
}
.coo .main-3 .container {
position: relative;
position: relative;
}
.coo .main-3 .container .t {
position: absolute;
top: 0;
right: 0;
max-width: 16.5rem;
position: absolute;
top: 0;
right: 0;
max-width: 16.5rem;
}
.coo .main-3 .container > .img {
height: 15rem;
margin-bottom: 3rem;
background-color: #ccc;
.coo .main-3 .container>.img {
height: 15rem;
margin-bottom: 3rem;
background-color: #ccc;
}
.coo .main-3 .container h4 {
font-size: 1.3rem;
margin-bottom: 2rem;
font-size: 1.3rem;
margin-bottom: 2rem;
}
.coo .main-3 .container p {
line-height: 1.8;
font-size: 0.9rem;
margin-bottom: 2rem;
word-break: break-word;
line-height: 1.8;
font-size: 0.9rem;
margin-bottom: 2rem;
word-break: break-word;
}
.coo .main-3 .container p.p {
margin-bottom: 0;
margin-bottom: 0;
}
.coo .main-3 .container h5 {
font-size: 1.0.9rem;
color: #343434;
padding-top: 0.9rem;
padding-bottom: 0.9rem;
font-size: 1.0.9rem;
color: #343434;
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}
.coo .main-3 .container h6 {
font-size: 1.3rem;
font-weight: 100;
margin-bottom: 2rem;
font-size: 1.3rem;
font-weight: 100;
margin-bottom: 2rem;
}
.coo .main-3 .container > div > p {
font-weight: bold;
color: #3b52f6;
.coo .main-3 .container>div>p {
font-weight: bold;
color: #3b52f6;
}
.coo .main-3 .container .con {
margin-top: 3rem;
margin-top: 3rem;
}
.coo .main-3 .container .con .item {
margin-bottom: 3rem;
margin-bottom: 3rem;
}
.coo .main-3 .container .con .item:last-of-type {
margin-bottom: 0;
margin-bottom: 0;
}
.coo .main-3 .container .con .item h4 {
margin-right: 3rem;
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%;
margin-right: 3rem;
margin-bottom: 0.9rem;
}
@media screen and (max-width: 1024px) {
.coo .main-4 .container .img1 img {
max-width: 20rem;
width: 75%;
left:125%;
.coo .main-4 .container .img2 img {
max-width: 17rem;
}
}
@media screen and (max-width: 768px) {
.coo {
margin-top: 2rem;
}
.coo .main-3 .container > img {
display: none;
}
.coo .main-4 h2 {
font-size: 1.3rem;
}
.coo .main-4 .title > img {
display: none;
}
.coo .main-4 .title div p {
font-size: 1.3rem;
}
.coo .main-4 .container .item {
margin-bottom: 2rem;
}
.coo .main-4 .container .img1 ul,
.coo .main-4 .container .img2 ul {
max-width: 100%;
}
.coo .main-4 .container .img1 ul li,
.coo .main-4 .container .img2 ul li {
padding-right: 1rem;
}
.coo .main-4 .container .img1 img,
.coo .main-4 .container .img2 img,
.coo .main-4 .container .img1 i,
.coo .main-4 .container .img2 i {
display: none;
}
.coo .main-4 .container .img2 {
margin-bottom: 2rem;
}
.coo .main-4 .container .img3 {
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;
}
}
.coo .main-4 .container .img1 img {
max-width: 20rem;
width: 75%;
left: 125%;
.coo .main-4 .container .img2 img {
max-width: 17rem;
}
}
@media screen and (max-width: 768px) {
.coo {
margin-top: 2rem;
}
.coo .main-3 .container>img {
display: none;
}
.coo .main-4 h2 {
font-size: 1.3rem;
}
.coo .main-4 .title>img {
display: none;
}
.coo .main-4 .title div p {
font-size: 1.3rem;
}
.coo .main-4 .container .item {
margin-bottom: 2rem;
}
.coo .main-4 .container .img1 ul,
.coo .main-4 .container .img2 ul {
max-width: 100%;
}
.coo .main-4 .container .img1 ul li,
.coo .main-4 .container .img2 ul li {
padding-right: 1rem;
}
.coo .main-4 .container .img1 img,
.coo .main-4 .container .img2 img,
.coo .main-4 .container .img1 i,
.coo .main-4 .container .img2 i {
display: none;
}
.coo .main-4 .container .img2 {
margin-bottom: 2rem;
}
.coo .main-4 .container .img3 {
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;
}
}

View File

@ -1022,9 +1022,9 @@ h4 {
transition: all .6s;
}
.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;
transform: scaleY(1.6) translateY(-26%);
transform: scaleY(1.8) translateY(-24%);
margin-left: 0.5rem;
position: absolute;
top: 50%;
@ -1121,7 +1121,7 @@ h4 {
font-size: 2rem;
}
.qa-banner span{
font-family: "HarmonyOS_Sans_Medium" !important;
font-family: "HarmonyOS_Sans_Bold" !important;
display: inline-block;
font-size: 1rem;
margin-top: 0.3rem;
@ -1140,12 +1140,13 @@ h4 {
.qa-titie-info h2{
font-size: 1.9rem;
margin-bottom: 1.2rem;
margin-bottom: 1.65rem;
}
.qa-titie-info h3{
font-size: 0.85rem;
line-height: 1.5;
line-height: 1.47;
color: #505050;
}

View File

@ -181,20 +181,20 @@
}
.index-banner-info .left h2{
font-size: 1.9rem;
line-height: 1.1;
line-height: 1.15;
color: #ffffff;
}
.index-banner-info .left span{
display: block;
font-size: 0.65rem;
color: #ffff1b;
margin-top: .3rem;
margin-top: .4rem;
}
.index-banner-info .right{
display: flex;
justify-content: space-between;
align-items: center;
width: 42.6rem;
width: 42rem;
}
.index-banner-info .right .item{
width: calc(50% - 2.5rem);
@ -218,6 +218,7 @@
margin-top: 1.2rem;
font-size: 0.75rem;
line-height: 1.2;
text-align: justify;
color: #fff;
}
@ -613,6 +614,10 @@
text-align: center;
}
main .main-1{
padding-bottom: 7.5rem;
}
main .main-1 .container {
display: flex;
flex-wrap: wrap;
@ -728,6 +733,7 @@ main .main-2 {
}
main .main-2 .main-center{
max-width: 100%;
padding-top: 0.75rem;
}
main .main-2 .swiper-wrapper {
height: 32rem;
@ -883,7 +889,7 @@ main .main-3 p{
display: block;
max-width: 53rem;
font-size: 0.85rem;
line-height: 1.5;
line-height: 1.47;
color: #ffffff;
margin-bottom: 0 !important;
text-align: justify;
@ -895,7 +901,15 @@ main .main-3 more-btn1{
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 {
@ -975,7 +989,7 @@ main .main-4 .more-btn{
justify-content: flex-end;
max-width: 70rem;
height: 1rem;
margin: 0 auto;
margin: -0.2rem auto 0;
}
main .main-4 .more-btn>a{
border: 0;