Compare commits
3 Commits
d87018d8a1
...
25c0818531
| Author | SHA1 | Date |
|---|---|---|
 Lee
|
25c0818531 | |
|
Lee
|
46002fb8f2 | |
|
Lee
|
7678ab2625 |
|
|
@ -599,14 +599,14 @@
|
|||
|
||||
.profile-title>p {
|
||||
max-width: 280px;
|
||||
font-size: 36px;
|
||||
font-size: 26px;
|
||||
line-height: 1.2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.profile-title>strong {
|
||||
display: block;
|
||||
font-size: 30px;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
|
@ -755,7 +755,6 @@
|
|||
}
|
||||
|
||||
.culture-title>strong {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -2102,7 +2101,6 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* 人才招聘 */
|
||||
.join-us .txt {
|
||||
width: calc(100% - 286px);
|
||||
|
|
@ -2385,7 +2383,7 @@
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* 非手机端隐藏 */
|
||||
/* 非手机端 */
|
||||
@media screen and (min-width:960px) {
|
||||
|
||||
/* 仅手机端展示 */
|
||||
|
|
@ -2413,6 +2411,15 @@
|
|||
top: 88px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.nav>.nav-item .sub-nav-item a{
|
||||
color: #9cbdfc;
|
||||
}
|
||||
|
||||
.nav>.nav-item .sub-nav-item a:hover{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.nav>.nav-item:nth-of-type(2):hover .sub-nav-item,
|
||||
.nav>.nav-item:nth-of-type(3):hover .sub-nav-item{
|
||||
left: 1px;
|
||||
|
|
@ -2453,6 +2460,7 @@
|
|||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
|
||||
.project-case-title .more:hover {
|
||||
background-color: #0e357f;
|
||||
color: #ffffff;
|
||||
|
|
@ -2945,23 +2953,24 @@
|
|||
|
||||
/* banner */
|
||||
.banner-swiper .swiper-button-prev{
|
||||
/* width: .6rem;
|
||||
width: .6rem;
|
||||
height: .6rem;
|
||||
border-radius: 100%;
|
||||
background-color: rgba(255, 255, 255, .5); */
|
||||
left: 0px;
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
left: .1rem;
|
||||
}
|
||||
.banner-swiper .swiper-button-next{
|
||||
/* width: .6rem;
|
||||
width: .6rem;
|
||||
height: .6rem;
|
||||
border-radius: 100%;
|
||||
background-color: rgba(255, 255, 255, .5); */
|
||||
right: 0px;
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
right: .1rem;
|
||||
}
|
||||
.banner-swiper .swiper-button-prev:after,
|
||||
.banner-swiper .swiper-button-next:after{
|
||||
font-size: .46rem;
|
||||
font-size: .3rem;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 尾部 */
|
||||
|
|
@ -3327,6 +3336,13 @@
|
|||
font-size: .18rem;
|
||||
margin-top: .12rem;
|
||||
}
|
||||
.project-case-title{
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.project-case-title span{
|
||||
font-size: .4rem;
|
||||
}
|
||||
|
||||
.project-case-list>a>.img{
|
||||
height: 2.24rem;
|
||||
|
|
@ -3367,7 +3383,6 @@
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.sub-nav {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
|
|
@ -3404,12 +3419,56 @@
|
|||
padding-top: .24rem;
|
||||
}
|
||||
|
||||
.sub-nav-bg-01{
|
||||
position: relative;
|
||||
padding-right: .3rem;
|
||||
}
|
||||
|
||||
.sub-nav-bg-01::after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: .2rem;
|
||||
height: .4rem;
|
||||
background: url(../images/icon/icon-arrow-nav.png);
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
top: .23rem;
|
||||
z-index: 1;
|
||||
animation: to_right_name 1.3s ease-out infinite;
|
||||
}
|
||||
.sub-nav-bg-01.last::after{
|
||||
animation: to_left_name 1.3s ease-out infinite;
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
@keyframes to_right_name {
|
||||
from {
|
||||
right: .1rem;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
right: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes to_left_name {
|
||||
from {
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
right: .1rem;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-nav-01>a {
|
||||
margin-left: .09rem;
|
||||
margin-left: 0;
|
||||
margin-right: .09rem;
|
||||
font-size: .26rem;
|
||||
line-height: .8rem;
|
||||
padding: 0 .25rem;
|
||||
color: #333333;
|
||||
line-height: .86rem;
|
||||
padding: 0 .3rem;
|
||||
color: #897b55;
|
||||
background-color: #e7dab7;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
|
|
@ -3479,9 +3538,24 @@
|
|||
|
||||
}
|
||||
|
||||
.management-team-list{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.management-team-nav {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: .9rem;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.management-team-nav.no-hide{
|
||||
height: auto;
|
||||
box-shadow: 0 0 .25rem rgba(14, 53, 127, .2);
|
||||
}
|
||||
|
||||
.management-team-nav>span {
|
||||
|
|
@ -3491,35 +3565,45 @@
|
|||
height: .9rem;
|
||||
padding: 0 .25rem;
|
||||
font-size: .26rem;
|
||||
background-color: #ffffff;
|
||||
margin-bottom: 1px;
|
||||
background-color: rgba(255, 255, 255, .8);
|
||||
border-right: 0 !important;
|
||||
border-bottom: 1px solid #dedede;
|
||||
}
|
||||
.management-team-nav>span::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: .18rem;
|
||||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
filter: grayscale(100%);
|
||||
|
||||
.management-team-nav>span:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.management-team-nav>span.active {
|
||||
color: #ffffff;
|
||||
background-color: #0e357f;
|
||||
background-color: rgba(255, 255, 255, .8);
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.management-team-nav>span.active::after {
|
||||
|
||||
.team-nav-show{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: .9rem;
|
||||
padding: 0 .25rem;
|
||||
font-size: .26rem;
|
||||
background-color: #0e357f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.team-nav-show::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: .18rem;
|
||||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
transform: rotateZ(180deg);
|
||||
filter: grayscale(0);
|
||||
}
|
||||
.team-nav-show.cur::after{
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.management-team-item {
|
||||
width: 100%;
|
||||
|
|
@ -3828,7 +3912,7 @@
|
|||
}
|
||||
|
||||
.preview-item .txt {
|
||||
width: 55%;
|
||||
width: 50%;
|
||||
padding: .15rem .2rem;
|
||||
}
|
||||
|
||||
|
|
@ -3848,7 +3932,7 @@
|
|||
|
||||
.preview-item .img {
|
||||
height: 2.3rem;
|
||||
width: 45%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.preview-item .img>img {
|
||||
|
|
@ -3983,12 +4067,29 @@
|
|||
}
|
||||
|
||||
/* 媒体报道 */
|
||||
.news-nav {
|
||||
flex-wrap: wrap;
|
||||
.news-nav-bg {
|
||||
padding: .26rem 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.srevices-more-btn{
|
||||
width: .42rem;
|
||||
width: .6rem;
|
||||
}
|
||||
.news-nav{
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 1.16rem;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.news-nav.no-hide{
|
||||
height: auto;
|
||||
box-shadow: 0 0 .25rem rgba(14, 53, 127, .2);
|
||||
}
|
||||
|
||||
.news-nav>a {
|
||||
|
|
@ -3999,36 +4100,44 @@
|
|||
height: .9rem;
|
||||
padding: 0 .25rem;
|
||||
font-size: .26rem;
|
||||
background-color: #ffffff;
|
||||
background-color: rgba(255, 255, 255, .8);
|
||||
color: #333333;
|
||||
margin-right: 0;
|
||||
border-bottom: 1px solid #f5f5f5;
|
||||
border-bottom: 1px solid #dedede;
|
||||
}
|
||||
.news-nav>a::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: .18rem;
|
||||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
filter: grayscale(100%);
|
||||
.news-nav>a:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.news-nav>a.active {
|
||||
color: #ffffff;
|
||||
background-color: #0e357f;
|
||||
background-color: rgba(255, 255, 255, .8);
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.news-nav>a.active::after {
|
||||
.news-nav-show{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: .9rem;
|
||||
padding: 0 .25rem;
|
||||
font-size: .26rem;
|
||||
background-color: #0e357f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.news-nav-show::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: .18rem;
|
||||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
transform: rotateZ(180deg);
|
||||
filter: grayscale(0);
|
||||
}
|
||||
.news-nav-show.cur::after{
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.news-first-bg {
|
||||
padding-bottom: .2rem;
|
||||
|
|
@ -4235,6 +4344,7 @@
|
|||
.market-banner .detai-title>h1,
|
||||
.market-nav .detai-title>h1 {
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.market-banner {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -112,21 +112,22 @@ $(function(){
|
|||
|
||||
// 管理团队切换
|
||||
if($('.management-team-list').length){
|
||||
$('.team-nav-show').text($('.management-team-nav>span').eq(0).text());
|
||||
$('.management-team-nav>span').eq(0).addClass('active');
|
||||
$('.management-team-list .management-team-item').eq(0).addClass('show');
|
||||
if(window.innerWidth <= 1024){
|
||||
$('.management-team-nav>span').eq(0).show().siblings().hide();
|
||||
$('.team-nav-show').click(function(){
|
||||
$(this).toggleClass('cur');
|
||||
$('.management-team-nav').toggleClass('no-hide');
|
||||
})
|
||||
$('.management-team-nav>span').click(function(){
|
||||
var scrollTop = $(document).scrollTop();
|
||||
if(!$(this).hasClass('active')){
|
||||
$(document).scrollTop(scrollTop+1).scrollTop(scrollTop);
|
||||
$('.management-team-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
|
||||
$('.management-team-nav>span').eq($(this).index()).show().siblings().hide();
|
||||
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show").siblings().removeClass('show');
|
||||
}else{
|
||||
$('.management-team-nav>span').removeClass('active');
|
||||
$('.management-team-nav>span').show();
|
||||
}
|
||||
$('.team-nav-show').text($(this).text());
|
||||
$('.team-nav-show').removeClass('cur');
|
||||
$('.management-team-nav').removeClass('no-hide');
|
||||
$('.management-team-list .management-team-item').removeClass('show');
|
||||
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show");
|
||||
})
|
||||
}else{
|
||||
$('.management-team-nav>span').click(function(){
|
||||
|
|
@ -134,7 +135,8 @@ $(function(){
|
|||
if(!$(this).hasClass('active')){
|
||||
$(document).scrollTop(scrollTop+1).scrollTop(scrollTop);
|
||||
$('.management-team-nav>span').eq($(this).index()).addClass("active").siblings().removeClass('active');
|
||||
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show").siblings().removeClass('show');
|
||||
$('.management-team-list .management-team-item').removeClass('show');
|
||||
$('.management-team-list .management-team-item').eq($(this).index()).addClass("show");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
@ -142,14 +144,13 @@ $(function(){
|
|||
|
||||
// 媒体报道导航
|
||||
if(window.innerWidth <= 1024){
|
||||
$('.news-nav>a').not('.active').hide();
|
||||
$('.news-nav-show').text($('.news-nav>a.active').text());
|
||||
$('.news-nav-show').click(function(){
|
||||
$(this).toggleClass('cur');
|
||||
$('.news-nav').toggleClass('no-hide');
|
||||
})
|
||||
$('.news-nav>a').click(function(){
|
||||
if($(this).hasClass('active')){
|
||||
$('.news-nav>a').removeClass('active');
|
||||
$('.news-nav>a').show();
|
||||
}else{
|
||||
window.location.href = $(this).data('url');
|
||||
}
|
||||
})
|
||||
}else{
|
||||
$('.news-nav>a').click(function(){
|
||||
|
|
@ -305,6 +306,13 @@ $(function(){
|
|||
$('.sub-nav').scrollLeft(offsetLeft);
|
||||
}
|
||||
}
|
||||
if($('.sub-nav-bg-01').length){
|
||||
if($('.sub-nav-01>a').eq($('.sub-nav-01>a').length-1).hasClass('active')){
|
||||
$('.sub-nav-bg-01').addClass('last');
|
||||
}else{
|
||||
$('.sub-nav-bg-01').removeClass('last');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
|
|
@ -9,8 +9,8 @@
|
|||
{foreach $slide as $slideItem}
|
||||
<div class="swiper-slide">
|
||||
<a href="">
|
||||
<img src="http://zzwy2.scdxtc.cn/{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img src="http://zzwy2.scdxtc.cn/{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
|
||||
<img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img src="{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
|
||||
<div class="banner-txt w1360">
|
||||
<p class="title ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">{$slideItem['font1']}</p>
|
||||
<p class="sub-title uppercase ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">{$slideItem['font2']}</p>
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ $childrenMenu = Category::getChildrenByParentId(Category::CATEGORY_COMPANY);
|
|||
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['manager_team']['title']}</strong>
|
||||
</div>
|
||||
<div class="management-team-list bg-col-white flex">
|
||||
<div class="team-nav-show wap-show"></div>
|
||||
<div class="management-team-nav wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
{foreach $teamList as $team}
|
||||
<span>{$team['title']}</span>
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ $previewList = Article::getList(Category::CATEGORY_BRAND_ACTIVITY, 10, null, ['i
|
|||
<div class="swiper-wrapper">
|
||||
{foreach $previewList as $prev}
|
||||
<a href="/activity/{$prev.id}.html" class="preview-item swiper-slide flex">
|
||||
<div class="img"><img src="http://zzwy2.scdxtc.cn/{$isMobile ? $prev.src_mobile : $prev.src}" alt="{$prev.title}"></div>
|
||||
<div class="img"><img src="{$isMobile ? $prev.src_mobile : $prev.src}" alt="{$prev.title}"></div>
|
||||
<div class="txt bg-col-white">
|
||||
<h2 class="clips1">{$prev.title}</h2>
|
||||
<p class="color-66 clips3">{$prev.summary}</p>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ $items = CasesModel::getByParentId($category['id'],true,$category['number'] ?: 6
|
|||
|
||||
<!-- 内容 -->
|
||||
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="profile-title culture-title honor-title">
|
||||
<div class="profile-title culture-title honor-title project-title">
|
||||
<p class="capitalize font-helvetica color-ashen wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['case_list_title']['value']}</p>
|
||||
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['case_list_title']['title']}</strong>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ $serviceList = Article::getList(Category::CATEGORY_SERVE_LIST, 500);
|
|||
<div class="market-banner w1360 wap-show">
|
||||
<!-- 标题 -->
|
||||
<div class="detai-title">
|
||||
<h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['market_zhongzheng']['title']}</h1>
|
||||
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="color: #d1ab57;">{$blocks['market_zhongzheng']['title']}</h1>
|
||||
<div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['market_zhongzheng']['value']}</div>
|
||||
</div>
|
||||
<div class="market-banner-swiper swiper">
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 二级导航 -->
|
||||
<div class="sub-nav-bg sub-nav-bg">
|
||||
<div class="sub-nav-bg sub-nav-bg {if $category['parent_id'] == 8} sub-nav-bg-01 {/if}">
|
||||
<div class="sub-nav {if $category['parent_id'] == 8} sub-nav-01 {/if}"><!-- sub-nav-01 -->
|
||||
{foreach $childrenMenu as $childrenMenuItem}
|
||||
<a href="{:getUri($childrenMenuItem)}" {if $category["id"] ==$childrenMenuItem['id'] || $category["parent_id"] ==$childrenMenuItem['id'] }class="active"{/if}>{$childrenMenuItem['title']}</a>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
<!-- 新闻导航 -->
|
||||
<div class="news-nav flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="news-nav-bg w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="news-nav-show wap-show"></div>
|
||||
<div class="news-nav flex">
|
||||
{foreach $childrenCate as $childrenItem}
|
||||
<a href="javaScript:void(0);" data-url="{:getUri($childrenItem)}" class="{if $category['id'] == $childrenItem['id']}color-white active{/if}">{$childrenItem['title']}</a>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in New Issue