反馈修改-1110
|
@ -177,6 +177,7 @@
|
|||
<div class="swiper-wrapper">
|
||||
{foreach name="class" item="value" key="index"}
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank" class="swiper-slide">
|
||||
<ins></ins>
|
||||
<em class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0">{if $index>=9}{$index + 1}{else}0{$index + 1}{/if}</em>
|
||||
<img src="/uploads/home/common/{$value.gc_image}" alt="">
|
||||
<div class="program-txt">
|
||||
|
|
|
@ -217,7 +217,10 @@
|
|||
<div class="main-center main-title">
|
||||
<h2>Partner Universities</h2>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
<div class="main-center container universities-swiper">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-01.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-02.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-03.png" alt=""></div>
|
||||
|
@ -228,22 +231,20 @@
|
|||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-08.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-09.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-10.png" alt=""></div>
|
||||
|
||||
<!-- <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/05-SFSU.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/06-Manitoba.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/07-UWGB.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/08-WSU.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/09-FMCC.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/10-UNB.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div> -->
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-11.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-12.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-13.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-14.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-15.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-16.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-17.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-18.png" alt=""></div>
|
||||
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-19.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="about-swiper">
|
||||
|
@ -343,6 +344,14 @@
|
|||
{include file='default/base/mall_footer'/}
|
||||
<script>
|
||||
$(function(){
|
||||
var universitiesSwiper = new Swiper('.universities-swiper .swiper-container',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
effect : 'fade',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"(3d流)、"flip"(3d翻转)、"cards"(卡片式)、"creative"(创意性)。
|
||||
fadeEffect: {
|
||||
crossFade: true,
|
||||
},
|
||||
});
|
||||
var programSwiper = new Swiper('.about-swiper .swiper-container',{
|
||||
loop:true,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
|
|
|
@ -332,9 +332,10 @@
|
|||
.about .main-7 .main-title h2{
|
||||
text-align: center !important;
|
||||
}
|
||||
.about .main-7 .container {
|
||||
.about .main-7 .container .swiper-slide{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.about .main-7 .container .item {
|
||||
width: calc((100% - (5 - 1) * 1.3rem) / 5);
|
||||
|
|
|
@ -1072,7 +1072,7 @@ p {
|
|||
}
|
||||
|
||||
.i-start span {
|
||||
font-size: 1.1rem;
|
||||
font-size: 0.85rem;
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -341,7 +341,7 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.left p {
|
||||
font-size: 1.1rem;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
margin-bottom: 0 !important;
|
||||
|
@ -363,7 +363,7 @@ h4 {
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .des{
|
||||
font-size: 1.1rem;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.35;
|
||||
max-width: 80%;
|
||||
}
|
||||
|
@ -379,7 +379,8 @@ h4 {
|
|||
}
|
||||
.course-details .main-1 .container>.left h1,
|
||||
.course-details .main-1 .container>.left h2,
|
||||
.course-details .main-1 .container>.left h3{
|
||||
.course-details .main-1 .container>.left h3,
|
||||
.course-details .main-1 .container>.left h4{
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1 a{
|
||||
|
|
|
@ -139,9 +139,9 @@
|
|||
align-items: center;
|
||||
height: 2.6rem;
|
||||
padding: 0 0.9rem;
|
||||
background-color: #dedede;
|
||||
font-size: 0.9rem;
|
||||
border-radius: 0.5rem;
|
||||
background-color: #ffffff;
|
||||
position: absolute;
|
||||
right: 3.4rem;
|
||||
margin-top: 3.5rem;
|
||||
|
@ -149,8 +149,10 @@
|
|||
transition: all .6s;
|
||||
}
|
||||
.index-banner-btn span{
|
||||
display: block;
|
||||
padding-right: 1rem;
|
||||
position: relative;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.index-banner-btn em{
|
||||
|
@ -165,8 +167,12 @@
|
|||
.index-banner-btn:hover{
|
||||
background-color: #00db6d;
|
||||
}
|
||||
.index-banner-btn:hover span{
|
||||
color: #ffffff;
|
||||
}
|
||||
.index-banner-btn:hover em{
|
||||
right: -0.3rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.index-banner-float{
|
||||
|
|
|
@ -118,7 +118,7 @@
|
|||
|
||||
.program-top{
|
||||
width: 100%;
|
||||
height: 49.15rem;
|
||||
height: 37.5rem;
|
||||
background-color: #284dfd;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
|
@ -132,13 +132,13 @@
|
|||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 51.35rem;
|
||||
width: 50rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.program-top h2{
|
||||
font-size: 2.25rem;
|
||||
padding-top: 6rem;
|
||||
padding-top: 3.5rem;
|
||||
}
|
||||
|
||||
.program-top span{
|
||||
|
@ -151,7 +151,7 @@
|
|||
|
||||
.program-top .program-btn{
|
||||
display: inline-block;
|
||||
margin-top: 8rem;
|
||||
margin-top: 2.3rem;
|
||||
border-top: 0.1rem solid #fff;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
@ -184,33 +184,45 @@
|
|||
max-width: 89.9%;
|
||||
}
|
||||
.program{
|
||||
margin-top: -19.2rem;
|
||||
margin-top: -14rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.program>img{
|
||||
position: absolute;
|
||||
bottom: 7rem;
|
||||
bottom: 4rem;
|
||||
right: 0;
|
||||
width: 19.15rem;
|
||||
width: 18rem;
|
||||
z-index: 9;
|
||||
}
|
||||
.program .swiper-container{
|
||||
height: 36.4rem;
|
||||
height: 30rem;
|
||||
}
|
||||
.program .swiper-slide{
|
||||
width: 100%;
|
||||
height: 36.4rem;
|
||||
height: 30rem;
|
||||
position: relative;
|
||||
}
|
||||
.program .swiper-slide img{
|
||||
width: 100%;
|
||||
min-width: 36.4rem;
|
||||
transition: all .4s;
|
||||
min-height: 100%;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.program .swiper-slide:hover img{
|
||||
filter: grayscale(60%);
|
||||
.program .swiper-slide ins{
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.program .swiper-slide:hover ins{
|
||||
background-color: rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.program .swiper-slide>em{
|
||||
|
@ -220,6 +232,7 @@
|
|||
right: 2.1rem;
|
||||
font-size: 3.5rem;
|
||||
color: #ffffff;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.program .program-txt{
|
||||
|
@ -227,6 +240,7 @@
|
|||
left: 4.5rem;
|
||||
bottom: 4rem;
|
||||
max-width: 26.5rem;
|
||||
z-index: 2;
|
||||
}
|
||||
.program .program-txt>span{
|
||||
display: block;
|
||||
|
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 6.8 KiB |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 8.5 KiB |
After Width: | Height: | Size: 9.2 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 9.7 KiB |