反馈调整完成，大事记处js需要调整
parent
bc08d7cd26
commit
6ce34ae097
|
|
@ -134,7 +134,14 @@ textarea {
|
|||
color: #0e357f;
|
||||
}
|
||||
|
||||
.color-ashen{
|
||||
color: #dab277;
|
||||
}
|
||||
|
||||
/* 背景颜色 */
|
||||
.bg-col-ashen{
|
||||
background-color: #dab277;
|
||||
}
|
||||
.bg-col-orange{
|
||||
background-color: #fe8917;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/* 头部 */
|
||||
.header {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||
box-shadow: 0 0 1px rgba(255, 255, 255, .3);
|
||||
background-image: url(/static/web/images/public/header-bg.jpg);
|
||||
background-size: 100% 100%;
|
||||
position: fixed;
|
||||
|
|
@ -21,11 +21,11 @@
|
|||
|
||||
/* logo */
|
||||
.logo {
|
||||
height: 68px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
height: 68px;
|
||||
height: 100%;
|
||||
filter: grayscale(100%) brightness(100);
|
||||
}
|
||||
|
||||
|
|
@ -38,27 +38,48 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.nav>a {
|
||||
margin-left: 45px;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
.nav>.nav-item{
|
||||
position: relative;
|
||||
}
|
||||
.nav>.nav-item>a{
|
||||
display: inline-block;
|
||||
padding: 0 24px;
|
||||
margin: 0 1px;
|
||||
font-size: 16px;
|
||||
line-height: 88px;
|
||||
color: #ffffff;
|
||||
border-bottom: 2px solid rgba(254, 137, 23, 0);
|
||||
}
|
||||
|
||||
.nav>a.active {
|
||||
color: #fe8917;
|
||||
border-bottom: 2px solid rgba(254, 137, 23, 1);
|
||||
.nav>.nav-item.active>a{
|
||||
background-color: #0e357f;
|
||||
padding: 0 24px !important;
|
||||
}
|
||||
|
||||
.nav>a:first-child {
|
||||
.nav>.nav-item:first-of-type>a{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.nav>.nav-item:last-of-type>a{
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* 二级导航 */
|
||||
.nav>.nav-item .sub-nav-item{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav>.nav-item .sub-nav-item>a{
|
||||
color: #ffffff;
|
||||
line-height: 60px;
|
||||
padding: 0 25px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* 电话 */
|
||||
.pull-call {
|
||||
align-items: center;
|
||||
height: 90px;
|
||||
font-size: 17px;
|
||||
font-weight: normal !important;
|
||||
position: fixed;
|
||||
|
|
@ -91,13 +112,12 @@
|
|||
filter: none;
|
||||
}
|
||||
|
||||
.header-white .nav>a {
|
||||
color: #333333;
|
||||
.header-white .nav>.nav-item>a{
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
.header-white .nav>a.active {
|
||||
color: #fe8917;
|
||||
border-bottom: 2px solid rgba(254, 137, 23, 1);
|
||||
.header-white .nav>.nav-item.active>a{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.header-white .pull-call>span {
|
||||
|
|
@ -400,6 +420,17 @@
|
|||
padding: 20px;
|
||||
color: #ffffff;
|
||||
transition: all .6s;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.index-service .right-service>a img{
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.index-service .left-service p,
|
||||
|
|
@ -417,22 +448,6 @@
|
|||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.index-service .right-service>a:nth-of-type(1) {
|
||||
background-color: #1e89d0;
|
||||
}
|
||||
|
||||
.index-service .right-service>a:nth-of-type(2) {
|
||||
background-color: #5cbaa0;
|
||||
}
|
||||
|
||||
.index-service .right-service>a:nth-of-type(3) {
|
||||
background-color: #ff8916;
|
||||
}
|
||||
|
||||
.index-service .right-service>a:nth-of-type(4) {
|
||||
background-color: #2cc5f1;
|
||||
}
|
||||
|
||||
/* 首页案例 */
|
||||
.project-case-bg {
|
||||
background-color: #f5f5f5;
|
||||
|
|
@ -668,8 +683,8 @@
|
|||
}
|
||||
|
||||
.management-team-nav>span.active {
|
||||
color: #fe8917;
|
||||
border-right: 1px solid #fe8917;
|
||||
color: #0e357f;
|
||||
border-right: 1px solid #0e357f;
|
||||
}
|
||||
|
||||
.management-team-item {
|
||||
|
|
@ -1119,6 +1134,19 @@
|
|||
padding: 30px;
|
||||
}
|
||||
|
||||
.more-btn-other{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 130px;
|
||||
height: 36px;
|
||||
font-size: 14px;
|
||||
border: 1px solid #d6d6d6;
|
||||
margin: 0 auto;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.activities-list .activities-item>.txt>h2 {
|
||||
font-size: 20px;
|
||||
transition: all .6s;
|
||||
|
|
@ -1167,7 +1195,7 @@
|
|||
}
|
||||
|
||||
.preview-swiper .swiper-slide {
|
||||
width: 1100px;
|
||||
width: 1280px;
|
||||
opacity: .3;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
|
@ -1229,7 +1257,7 @@
|
|||
height: 66px;
|
||||
overflow: hidden;
|
||||
border-radius: 100%;
|
||||
left: calc(50% - 650px);
|
||||
left: calc(50% - 766px);
|
||||
}
|
||||
|
||||
.preview-swiper .swiper-button-next {
|
||||
|
|
@ -1237,7 +1265,7 @@
|
|||
height: 66px;
|
||||
overflow: hidden;
|
||||
border-radius: 100%;
|
||||
right: calc(50% - 650px);
|
||||
right: calc(50% - 766px);
|
||||
}
|
||||
|
||||
.preview-swiper .swiper-button-prev>img,
|
||||
|
|
@ -1273,6 +1301,20 @@
|
|||
color: #ffffff;
|
||||
font-size: 24px;
|
||||
text-align: right;
|
||||
bottom: 14px !important;
|
||||
}
|
||||
.detail-swiper .swiper-pagination-bullet{
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background-color: #ffffff;
|
||||
margin: 0 9px !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.detail-swiper .swiper-pagination-bullet-active{
|
||||
background-color: #0e357f;
|
||||
}
|
||||
.detail-swiper .swiper-pagination-bullet:last-of-type{
|
||||
margin-right: 40px !important;
|
||||
}
|
||||
|
||||
.detail-swiper .swiper-pagination>em {
|
||||
|
|
@ -1289,6 +1331,7 @@
|
|||
|
||||
.detail-swiper .swiper-button-prev,
|
||||
.detail-swiper .swiper-button-next {
|
||||
display: none;
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 13px;
|
||||
|
|
@ -1433,7 +1476,7 @@
|
|||
}
|
||||
|
||||
.news-nav>a.active {
|
||||
background-color: #fe8917;
|
||||
background-color: #0e357f;
|
||||
}
|
||||
|
||||
/* 推荐新闻 */
|
||||
|
|
@ -1443,7 +1486,7 @@
|
|||
|
||||
.news-first {
|
||||
justify-content: space-between;
|
||||
padding: 30px;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.news-first .img {
|
||||
|
|
@ -1491,7 +1534,7 @@
|
|||
}
|
||||
|
||||
.news-list {
|
||||
padding-top: 10px;
|
||||
padding: 10px 24px 0;
|
||||
}
|
||||
|
||||
.news-item {
|
||||
|
|
@ -1684,6 +1727,16 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.srevices-more-btn{
|
||||
display: block;
|
||||
width: 42px;
|
||||
margin-top: 40px;
|
||||
transition: all .6s;
|
||||
}
|
||||
.srevices-more-btn>img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.services-list .item .img {
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
|
|
@ -1883,7 +1936,7 @@
|
|||
}
|
||||
|
||||
.market-activity .swiper-pagination-bullet-active {
|
||||
background-color: #fe8917;
|
||||
background-color: #0e357f;
|
||||
}
|
||||
|
||||
.market-banner .swiper-pagination-bullet-active {
|
||||
|
|
@ -2004,11 +2057,13 @@
|
|||
}
|
||||
|
||||
.red-property-case>a .txt {
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
transition: all .6s;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.red-property-case>a .txt>span {
|
||||
|
|
@ -2016,7 +2071,8 @@
|
|||
}
|
||||
|
||||
.red-property-case>a .txt>p {
|
||||
max-width: calc(100% - 40px);
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.red-property-case>a .info>p {
|
||||
|
|
@ -2245,11 +2301,12 @@
|
|||
.business-map {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 32px 0 50px;
|
||||
padding: 32px 0 90px;
|
||||
}
|
||||
|
||||
.business-map .txt {
|
||||
width: calc(48% - 40px);
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.business-map .txt>h2 {
|
||||
|
|
@ -2263,7 +2320,7 @@
|
|||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.business-map .txt>p {
|
||||
.business-map .txt p {
|
||||
font-size: 16px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
|
@ -2291,9 +2348,7 @@
|
|||
}
|
||||
|
||||
.complaint-phone {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.complaint-phone>img {
|
||||
|
|
@ -2342,15 +2397,40 @@
|
|||
.wap-img {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav>.nav-item:hover>a{
|
||||
background-color: #0e357f;
|
||||
padding: 0 24px !important;
|
||||
}
|
||||
|
||||
.nav>.nav-item:hover .sub-nav-item{
|
||||
display: flex;
|
||||
height: 60px;
|
||||
padding: 0 25px;
|
||||
background-color: rgba(14, 53, 127, .7);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 88px;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.header-white .nav>.nav-item:hover>a{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 鼠标移入效果 */
|
||||
.news-service .new-list>.swiper .swiper-slide:hover .info {
|
||||
color: rgba(14, 53, 127, .68);
|
||||
}
|
||||
|
||||
|
||||
.more-btn-other:hover{
|
||||
background-color: #0e357f;
|
||||
color: #ffffff;
|
||||
border: 1px solid #0e357f;
|
||||
}
|
||||
|
||||
.index-service .left-service:hover em {
|
||||
background-color: #fe8917;
|
||||
border: 1px solid #fe8917;
|
||||
background-color: #0e357f;
|
||||
border: 1px solid #0e357f;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -2363,9 +2443,9 @@
|
|||
}
|
||||
|
||||
.project-case-title .more:hover {
|
||||
background-color: #fe8917;
|
||||
background-color: #0e357f;
|
||||
color: #ffffff;
|
||||
border: 1px solid #fe8917;
|
||||
border: 1px solid #0e357f;
|
||||
}
|
||||
|
||||
.project-case-list>a:hover img {
|
||||
|
|
@ -2394,7 +2474,7 @@
|
|||
}
|
||||
|
||||
.history-swiper .swiper-slide:hover .history-time>p {
|
||||
background-color: #fe8917;
|
||||
background-color: #0e357f;
|
||||
}
|
||||
|
||||
.activities-list .activities-item:hover .img>img {
|
||||
|
|
@ -2406,8 +2486,8 @@
|
|||
}
|
||||
|
||||
.load-more:hover {
|
||||
background-color: #fe8917;
|
||||
border: 1px solid #fe8917;
|
||||
background-color: #0e357f;
|
||||
border: 1px solid #0e357f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
|
|
@ -2431,13 +2511,17 @@
|
|||
}
|
||||
|
||||
.load-more-news:hover {
|
||||
color: #fe8917;
|
||||
color: #0e357f;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.services-list .item:hover .img>img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.services-list .item:hover .srevices-more-btn{
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.market-item:hover img {
|
||||
transform: scale(1.1);
|
||||
|
|
@ -2699,7 +2783,7 @@
|
|||
|
||||
/* logo */
|
||||
.logo {
|
||||
height: .66rem;
|
||||
height: .55rem;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
|
|
@ -2779,21 +2863,34 @@
|
|||
}
|
||||
|
||||
.nav>span>img {
|
||||
height: .66rem;
|
||||
height: .55rem;
|
||||
}
|
||||
|
||||
.head .nav>a {
|
||||
.head .nav>.nav-item {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: .32rem;
|
||||
line-height: 1rem;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
|
||||
.head .nav>.nav-item>a{
|
||||
font-size: .32rem;
|
||||
line-height: 1rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.nav>.nav-item.active{
|
||||
border-bottom: 1px solid #09357f;
|
||||
}
|
||||
|
||||
.header-white .nav>a.active {
|
||||
border-bottom: 1px solid #ececec;
|
||||
.nav>.nav-item.active>a{
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
color: #09357f !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.nav>a{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.pull-call {
|
||||
|
|
@ -2802,6 +2899,7 @@
|
|||
transform: none;
|
||||
border-bottom: 0 !important;
|
||||
padding-top: 30px;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.head .nav.active {
|
||||
|
|
@ -2961,6 +3059,12 @@
|
|||
.pull-section {
|
||||
padding: .4rem 0;
|
||||
}
|
||||
|
||||
.more-btn-other{
|
||||
width: 1.3rem;
|
||||
height: .36rem;
|
||||
font-size: .16rem;
|
||||
}
|
||||
|
||||
/* 走进中正 */
|
||||
.index-about {
|
||||
|
|
@ -3151,8 +3255,12 @@
|
|||
}
|
||||
|
||||
.news-service .new-list .swiper-slide {
|
||||
width: 5.3rem;
|
||||
margin: 0 .2rem;
|
||||
width: 6rem;
|
||||
margin: 0 .12rem;
|
||||
opacity: .6;
|
||||
}
|
||||
.news-service .new-list .swiper-slide-active{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.news-service .new-list .swiper-slide>div {
|
||||
|
|
@ -3187,6 +3295,17 @@
|
|||
font-size: .18rem;
|
||||
margin-top: .12rem;
|
||||
}
|
||||
|
||||
.project-case-list>a>.img{
|
||||
height: 2.24rem;
|
||||
}
|
||||
.project-case-list>a .txt{
|
||||
height: .6rem;
|
||||
font-size: .24rem;
|
||||
}
|
||||
.project-case-list>a>.txt span{
|
||||
font-size: .24rem;
|
||||
}
|
||||
|
||||
/* 分页样式 */
|
||||
.new-list .swiper-pagination-bullet {
|
||||
|
|
@ -3232,16 +3351,30 @@
|
|||
height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.position-nav-bg {
|
||||
background-color: #ffffff !important;
|
||||
padding-top: .24rem;
|
||||
}
|
||||
|
||||
.pull-section-wap{
|
||||
padding-top: .24rem;
|
||||
}
|
||||
|
||||
.sub-nav>a {
|
||||
margin-left: .6rem;
|
||||
margin-left: .09rem;
|
||||
font-size: .26rem;
|
||||
line-height: .87rem;
|
||||
border-bottom: .03rem solid rgba(14, 53, 127, 0);
|
||||
line-height: .8rem;
|
||||
padding: 0 .25rem;
|
||||
color: #333333;
|
||||
background-color: #e7dab7;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.sub-nav>a.active {
|
||||
border-bottom: .03rem solid #0e357f;
|
||||
background-color: #dab277;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.company-profile {
|
||||
|
|
@ -3318,6 +3451,14 @@
|
|||
margin-bottom: 1px;
|
||||
border-right: 0 !important;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
|
||||
.management-team-nav>span.active {
|
||||
color: #ffffff;
|
||||
|
|
@ -3331,6 +3472,7 @@
|
|||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.management-team-item {
|
||||
|
|
@ -3572,7 +3714,7 @@
|
|||
/* 品牌活动 */
|
||||
.activities-list .activities-item {
|
||||
width: 100%;
|
||||
height: 2.3rem;
|
||||
height: 2.4rem;
|
||||
}
|
||||
|
||||
.activities-list .activities-item:nth-of-type(even) {
|
||||
|
|
@ -3601,7 +3743,7 @@
|
|||
}
|
||||
|
||||
.activities-list .activities-item>.img>img {
|
||||
min-height: 2.3rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.article-more-btn {
|
||||
|
|
@ -3633,12 +3775,14 @@
|
|||
}
|
||||
|
||||
.preview-item .txt {
|
||||
width: 55%;
|
||||
padding: .15rem .2rem;
|
||||
}
|
||||
|
||||
.preview-item .txt h2 {
|
||||
font-size: .26rem;
|
||||
-webkit-line-clamp: 2;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.preview-item .txt p {
|
||||
|
|
@ -3650,11 +3794,12 @@
|
|||
}
|
||||
|
||||
.preview-item .img {
|
||||
height: 2.4rem;
|
||||
height: 2.3rem;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.preview-item .img>img {
|
||||
min-height: 2.4rem;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.preview-swiper .swiper-button-prev {
|
||||
|
|
@ -3789,6 +3934,9 @@
|
|||
flex-wrap: wrap;
|
||||
padding: .26rem 0;
|
||||
}
|
||||
.srevices-more-btn{
|
||||
width: .42rem;
|
||||
}
|
||||
|
||||
.news-nav>a {
|
||||
display: flex;
|
||||
|
|
@ -3802,6 +3950,14 @@
|
|||
color: #333333;
|
||||
margin-right: 0;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
|
||||
.news-nav>a.active {
|
||||
color: #ffffff;
|
||||
|
|
@ -3815,6 +3971,7 @@
|
|||
height: .1rem;
|
||||
background-image: url(/static/web/images/icon/icon-foot-arrow.png);
|
||||
background-size: 100%;
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
|
||||
.news-first-bg {
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -25,7 +25,6 @@ $(function(){
|
|||
});
|
||||
}
|
||||
|
||||
|
||||
// 轮播动画
|
||||
if($('.banner-swiper').length){
|
||||
var bannerSwiper = new Swiper('.banner-swiper',{
|
||||
|
|
@ -184,12 +183,7 @@ $(function(){
|
|||
},
|
||||
pagination: {
|
||||
el: '.detail-swiper .swiper-pagination',
|
||||
type: 'fraction',
|
||||
renderFraction: function (currentClass, totalClass) {
|
||||
return '<span class="' + currentClass + '"></span>' +
|
||||
'<em>/</em>' +
|
||||
'<span class="' + totalClass + '"></span>';
|
||||
},
|
||||
clickable :true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.detail-swiper .swiper-button-next',
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ if (!$topNews->isEmpty()) {
|
|||
|
||||
{include file="public/about_second" /}
|
||||
<!-- 服务列表 -->
|
||||
<div class="pull-section pull-content-bg content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="pull-section pull-content-bg pull-section-wap content-bg-white wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="services-list w1360">
|
||||
{foreach $items as $item}
|
||||
<a href="/service/{$item.id}.html" class="item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
|
|
@ -25,7 +25,7 @@ if (!$topNews->isEmpty()) {
|
|||
<div class="txt">
|
||||
<h2 class="color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title}</h2>
|
||||
<p class="capitalize wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title_en}</p>
|
||||
<span class="article-more-btn color-coffee wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">查看详情<img src="__STATIC__/web/images/icon/icon-arrow-coffee.png" alt="查看详情"></span>
|
||||
<span class="srevices-more-btn wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="__STATIC__/web/images/icon/icon-srevices-more.png" alt="查看详情"></span>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@
|
|||
{foreach $slide as $slideItem}
|
||||
<div class="swiper-slide">
|
||||
<a href="">
|
||||
<img src="{$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img src="{$slideItem['src_mobile']}" alt="{$slideItem['title']}" class="wap-img">
|
||||
<img {$slideItem['src']}" alt="{$slideItem['title']}" class="pc-img">
|
||||
<img {$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>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{if $isMobile}
|
||||
{if $isMobile&&1==2}
|
||||
<!-- 走进中正 -->
|
||||
<div class="index-about wap-show wow fadeInUp" wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="title">
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
{/foreach}
|
||||
</div>
|
||||
<a href="{$blocks['company_history_more']['link'] ?? ''}" class="about-more color-66 flex">{$blocks['company_history_more']['value'] ?? ''}</a>
|
||||
<img src="{$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
|
||||
<img {$blocks['company_profile_mobile']['value'] ?? ''}" alt="{$blocks['company_profile_mobile']['alt'] ?? ''}" class="wap-img">
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<div class="swiper-wrapper">
|
||||
{foreach $news as $n}
|
||||
<div class="swiper-slide">
|
||||
<div class="wap-show"><img src="{$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
|
||||
<div class="wap-show"><img {$n.src_mobile ?? ''}" alt="{$n.title ?? ''}"></div>
|
||||
<a href="/news/{$n.id}.html">
|
||||
<em class="color-blue wap-show">{:date('Y.m.d', $n.create_time)}</em>
|
||||
<div class="title color-blue clips2">{$n.title}</div>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<!-- 物业服务 -->
|
||||
<div class="index-service flex">
|
||||
<a href="{$blocks['home_service_img']['link'] ?? 'javascript:;'}" class="left-service color-white">
|
||||
<img src="{$blocks['home_service_img']['value'] ?? ''}" alt="{$blocks['home_service_img']['alt'] ?? ''}">
|
||||
<img {$blocks['home_service_img']['value'] ?? ''}" alt="{$blocks['home_service_img']['alt'] ?? ''}">
|
||||
<div class="txt">
|
||||
<p class="font-helvetica">{$blocks['home_service_img']['summary'] ?? ''}</p>
|
||||
<span>{$blocks['home_service_img']['title'] ?? ''}</span>
|
||||
|
|
@ -95,18 +95,22 @@
|
|||
</a>
|
||||
<div class="right-service flex">
|
||||
<a href="{$blocks['business_service']['link'] ?: 'javascript:;'}">
|
||||
<img src="/static/web/images/new/service-a1.jpg" alt="{$blocks['business_service']['title'] ?? ''}">
|
||||
<p class="font-helvetica">{$blocks['business_service']['value'] ?? ''}</p>
|
||||
<span>{$blocks['business_service']['title'] ?? ''}</span>
|
||||
</a>
|
||||
<a href="{$blocks['park_service']['link'] ?: 'javascript:;'}">
|
||||
<img src="/static/web/images/new/service-a2.jpg" alt="{$blocks['park_service']['title'] ?? ''}">
|
||||
<p>{$blocks['park_service']['value'] ?? ''}</p>
|
||||
<span>{$blocks['park_service']['title'] ?? ''}</span>
|
||||
</a>
|
||||
<a href="{$blocks['community_service']['link'] ?: 'javascript:;'}">
|
||||
<img src="/static/web/images/new/service-a3.jpg" alt="{$blocks['community_service']['title'] ?? ''}">
|
||||
<p class="font-helvetica">{$blocks['community_service']['value'] ?? ''}</p>
|
||||
<span>{$blocks['community_service']['title'] ?: ''}</span>
|
||||
</a>
|
||||
<a href="{$blocks['toujishi_service']['link'] ?: 'javascript:;'}">
|
||||
<img src="/static/web/images/new/service-a4.jpg" alt="{$blocks['business_service']['title'] ?? ''}">
|
||||
<p class="font-helvetica">{$blocks['toujishi_service']['value'] ?? ''}</p>
|
||||
<span>{$blocks['toujishi_service']['title'] ?? ''}</span>
|
||||
</a>
|
||||
|
|
@ -116,19 +120,19 @@
|
|||
</div>
|
||||
|
||||
<!-- 项目案例 -->
|
||||
<div class="pull-section project-case-bg pc-show w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="pull-section project-case-bg w100 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="project-case w1360">
|
||||
<div class="project-case-title flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="txt">
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="{$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"></p>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img {$blocks['project_case_en']['value'] ?? ''}" alt="{$blocks['project_case_en']['alt'] ?? ''}"></p>
|
||||
<span class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['project_case_title']['value'] ?? ''}</span>
|
||||
</div>
|
||||
<a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
|
||||
<a href="{$blocks['project_case_more']['link'] ?: 'javascript:;'}" class="more pc-show color-66">{$blocks['project_case_more']['value'] ?? ''}</a>
|
||||
</div>
|
||||
<div class="project-case-list flex">
|
||||
{foreach $casesList as $case}
|
||||
<a href="/cases/{$case.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="{$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
|
||||
<div class="img"><img {$isMobile ? $case.image_mobile : $case.image}" alt="{$case.title}"></div>
|
||||
<div class="txt bg-col-white flex">
|
||||
<p class="clips1">{$case.title}</p>
|
||||
<span>+</span>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ $previewList = Article::getList(Category::CATEGORY_BRAND_ACTIVITY, 10, null, ['i
|
|||
<div class="txt bg-col-f5">
|
||||
<h2 class="clips1">{$item.title}</h2>
|
||||
<p class="color-66 clips3">{$item.summary}</p>
|
||||
<span class="article-more-btn color-blue">查看详情<img src="__STATIC__/web/images/icon/icon-arrow-more.png" alt="查看详情"></span>
|
||||
<span class="more-btn-other color-66">查看更多</span>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@ $childrenMenu = Category::getChildrenByParentId($topCategoryId);
|
|||
<div class="pull-section pull-content-bg content-bg-white join-detail-bg min-heigh-box wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="complaint flex w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="complaint-logo flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"><img src="{$blocks['logo']['value']}" alt="{$blocks['logo']['alt']}"></div>
|
||||
<div class="complaint-phone flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<img src="__STATIC__/web/images/icon/ico-complaint-phone.png" alt="投诉建议电话">
|
||||
<a href="tel:400-852-1199">
|
||||
|
|
|
|||
|
|
@ -42,11 +42,11 @@ $map = json_decode($blocks['company_map']['value'],true);
|
|||
<p>邮政编码：{$system['postcode']??''}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="map wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="map"></div>
|
||||
<!-- <div class="map wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="map"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<script src="__STATIC__/web/js/bdmap.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
<!-- <script src="__STATIC__/web/js/bdmap.js" type="text/javascript" charset="utf-8"></script> -->
|
||||
<!-- <script type="text/javascript">
|
||||
ShowMap("map",{
|
||||
city:'',
|
||||
addr:'{$map['address']}',
|
||||
|
|
@ -57,4 +57,4 @@ $map = json_decode($blocks['company_map']['value'],true);
|
|||
piobj:'nxp',
|
||||
zoom:15
|
||||
});
|
||||
</script>
|
||||
</script> -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ $items = CasesModel::getByParentId($category['id'],true,$category['number'] ?: 6
|
|||
<div class="company-profile company-culture flex w1360">
|
||||
<div class="txt">
|
||||
<div class="profile-title culture-title project-title">
|
||||
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['item_title']['value']}</p>
|
||||
<p class="capitalize font-helvetica color-ashen wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['item_title']['value']}</p>
|
||||
<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$blocks['item_title']['title']}</strong>
|
||||
</div>
|
||||
<div class="profile-info culture-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
|
|
@ -29,19 +29,18 @@ $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">
|
||||
<p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$blocks['case_list_title']['value']}</p>
|
||||
<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>
|
||||
<div class="project-case-list red-property-case flex w1360">
|
||||
{foreach $items as $item}
|
||||
<a href="/cases/{$item.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="{$isMobile ? $item['image_mobile'] : $item['image']}" alt="{$item.title}"></div>
|
||||
<div class="info bg-col-white">
|
||||
<div class="info bg-col-ashen">
|
||||
<div class="txt flex">
|
||||
<p class="clips1">{$item.title}</p>
|
||||
<span>+</span>
|
||||
</div>
|
||||
<p class="color-66 clips2">{$item.description}</p>
|
||||
<p class="color-white clips2">{$item.description}</p>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
|
|
@ -74,12 +73,12 @@ $items = CasesModel::getByParentId($category['id'],true,$category['number'] ?: 6
|
|||
html += `
|
||||
<a href="/cases/${item.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="img"><img src="${item.image}" alt="${item.title}"></div>
|
||||
<div class="info bg-col-white">
|
||||
<div class="info bg-col-ashen">
|
||||
<div class="txt flex">
|
||||
<p class="clips1">${item.title}</p>
|
||||
<span>+</span>
|
||||
</div>
|
||||
<p class="color-66 clips2">${item.description}</p>
|
||||
<p class="color-white clips2">${item.description}</p>
|
||||
</div>
|
||||
</a>
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -2,11 +2,20 @@
|
|||
<div class="header {$Request.controller == 'Index' ? 'no-background' : ''} w100">
|
||||
<!-- logo&导航 -->
|
||||
<div class="head flex w1360">
|
||||
<div class="logo"><a href="/"><img src="{$system['img_logo']}" alt="{$system['company_name']}"></a></div>
|
||||
<div class="logo"><a href="/"><img src="http://zzwy2.scdxtc.cn{$system['img_logo']}" alt="{$system['company_name']}"></a></div>
|
||||
<div class="nav flex">
|
||||
<span><img src="{$system['img_logo']}" alt="{$system['company_name']}"></span>
|
||||
<span><img src="http://zzwy2.scdxtc.cn{$system['img_logo']}" alt="{$system['company_name']}"></span>
|
||||
{foreach $menus as $menusitem}
|
||||
<a href="{:getUri($menusitem)}" class="{if $topCategoryId == $menusitem['id']} active {/if}">{$menusitem['title']}</a>
|
||||
<div class="nav-item {if $topCategoryId == $menusitem['id']} active {/if}">
|
||||
<a href="{:getUri($menusitem)}">{$menusitem['title']}</a>
|
||||
<div class="sub-nav-item">
|
||||
<a href="">住宅物业服务</a>
|
||||
<a href="">商企物业服务</a>
|
||||
<a href="">园区物业服务</a>
|
||||
<a href="">社区增值服务</a>
|
||||
<a href="">友邻集市服务</a>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
<!-- 电话 -->
|
||||
<a href="tel:400-852-1199" class="pull-call color-white flex">
|
||||
|
|
|
|||
Loading…
Reference in New Issue