|
|
@@ -130,7 +130,6 @@
|
|
|
/* 产品和服务 */
|
|
|
.products-services-box{
|
|
|
padding: 136px 0 32px;
|
|
|
- margin: 0 -29px;
|
|
|
li{
|
|
|
width: 33.33%;
|
|
|
display: inline-block;
|
|
|
@@ -270,7 +269,6 @@
|
|
|
.client-chose-box{
|
|
|
padding-bottom: 80px;
|
|
|
.chose-img-box{
|
|
|
- margin: 0 -70px;
|
|
|
li{
|
|
|
width: 25%;display: inline-block;
|
|
|
div{width: 190px;height: 190px;border-radius:50%;position:relative;margin: 48px auto 24px;transition: all 0.3s;background-size: cover}
|
|
|
@@ -318,51 +316,55 @@
|
|
|
background-image: url("~@/assets/images/client/index/" + "index-industry-bg.png");
|
|
|
background-position: center;
|
|
|
padding-bottom: 80px;
|
|
|
+
|
|
|
// 标题
|
|
|
.client-title{
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
+ // 轮播
|
|
|
+ .information-carousel-box{
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
// 轮播组件
|
|
|
+ .el-carousel--horizontal{
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
.el-carousel{
|
|
|
+ width: 1130px;
|
|
|
+ margin: 0 auto;
|
|
|
margin-top: 40px;
|
|
|
- .el-carousel__container{
|
|
|
- height: 360px;
|
|
|
- }
|
|
|
-
|
|
|
+ .el-carousel__container{width: 800px;height: 360px;margin: 0 auto;position: relative;}
|
|
|
}
|
|
|
.el-carousel__item{
|
|
|
+ width: 800px;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 8px;
|
|
|
- .industry-img-box{
|
|
|
- width: 25%;
|
|
|
- height: 360px;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: cover;
|
|
|
- background-position: center;
|
|
|
- transition: 0.3s;
|
|
|
- float: left;
|
|
|
- }
|
|
|
+ .industry-img-box{width: 28%;height: 360px;float: left;background-repeat: no-repeat;background-size: cover;transition: 0.6s;}
|
|
|
.industry-content-box{
|
|
|
- margin-left: 25%;
|
|
|
- padding:32px;
|
|
|
- height: inherit;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
+ height: inherit;margin-left: 28%;padding:32px;box-sizing: border-box;position: relative;transition: 0.6s;
|
|
|
h5{@include setFontStyle(2);color: rgba(0,0,0,0.85);margin-bottom: 16px;@include multi-line-ellipsis(2);line-height: 30px;max-height: 60px;}
|
|
|
p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;@include multi-line-ellipsis(6);margin-bottom: 24px;max-height: 144px;}
|
|
|
a{width: 132px;height: 32px;line-height:32px;position: absolute;bottom: 32px;}
|
|
|
}
|
|
|
}
|
|
|
.el-carousel__item.is-active{
|
|
|
- height: 350px;
|
|
|
- //box-shadow: 0 4px 8px 0 rgba(214, 214, 214, 0.76);
|
|
|
- box-shadow: 0 2px 8px 0 rgba(146, 143, 143, 0.76);
|
|
|
.industry-img-box{width: 50%;}
|
|
|
- .industry-content-box{
|
|
|
- margin-left: 50%;
|
|
|
- }
|
|
|
+ .industry-content-box{margin-left: 50%;}
|
|
|
}
|
|
|
- //指示器
|
|
|
+
|
|
|
+ // 左右按钮
|
|
|
+ .el-carousel__arrow{width: 64px;height: 64px;background-color: rgba(43, 92, 253, 0.22);@include setFontStyle(16);color: rgba(255,255,255,0.8);}
|
|
|
+
|
|
|
+ // 左箭头
|
|
|
+ .el-carousel__arrow--left{left:-190px;}
|
|
|
+
|
|
|
+ // 右箭头
|
|
|
+ .el-carousel__arrow--right{right:-190px;}
|
|
|
+
|
|
|
+ // 指示器
|
|
|
.el-carousel__indicators{display: none}
|
|
|
}
|
|
|
}
|
|
|
@@ -742,83 +744,144 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ // 企业发展历程
|
|
|
+ .enterprise-development-box{
|
|
|
+ background: #F9FAFF;
|
|
|
+ .development-left{
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 76px;
|
|
|
+ padding-top: 170px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .development-content{
|
|
|
+ h4 div{top: -8px;right: -87px;left: auto}
|
|
|
+ p i{margin-left:16px;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .development-right{
|
|
|
+ width: 50%;
|
|
|
+ margin-bottom: 80px;
|
|
|
+ float: right;
|
|
|
+ padding-left: 76px;
|
|
|
+ border-left: 1px solid #D1DFFD;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .development-content{
|
|
|
+ h4 div{top: -8px;left: -87px;right: auto}
|
|
|
+ p i{margin-right:16px;}
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .development-content{
|
|
|
+ position: relative;
|
|
|
+ h4{
|
|
|
+ @include setFontStyle(8);color: rgba(0,0,0,0.85);margin-bottom: 24px;
|
|
|
+ div{width: 20px;height: 34px;position: absolute;background:#F9FAFF}
|
|
|
+ span{
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ border: 1px solid #2B5CFD;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ i{
|
|
|
+ width: 12px;
|
|
|
+ height: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ margin-top: 3px;
|
|
|
+ background-image: url("~@/assets/images/client/aboutUs/" + "development-content-icon.svg");
|
|
|
+ }
|
|
|
+ p{display: inline-block;margin: 0;}
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ margin-bottom: 16px;
|
|
|
+ i{width: 36px;height:24px;line-height:24px;display: inline-block;text-align: center;@include setFontStyle(-6);color: rgba(0,0,0,0.65);background: rgba(121,152,255,0.26);border: 1px solid #7998FF;border-radius: 4px;font-style: normal;}
|
|
|
+ span{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .development-content + .development-content {
|
|
|
+ margin-top: 204px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
// 联系我们
|
|
|
.contact-us-box{
|
|
|
- background: #F9FAFF;
|
|
|
+ height: 534px;
|
|
|
+ padding-top: 80px;
|
|
|
+ background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-background.png");
|
|
|
.contact-container-box{
|
|
|
+ color: rgba(255,255,255,0.85);
|
|
|
+ h4{@include setFontStyle(10);margin-bottom: 32px;}
|
|
|
li{
|
|
|
- width: 25%;
|
|
|
- display: inline-block;
|
|
|
- i{width: 22px;height: 24px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px}
|
|
|
- span{@include setFontStyle(0);color: rgba(0,0,0,0.85);}
|
|
|
- p{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin: 20px 0 32px;}
|
|
|
- }
|
|
|
- li:nth-child(1) {
|
|
|
- i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon1.svg");}
|
|
|
+ i{width: 22px;height: 24px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px;vertical-align: middle;}
|
|
|
+ span{@include setFontStyle(0);vertical-align: middle;}
|
|
|
+ p{@include setFontStyle(-4);color: rgba(255,255,255,0.64);line-height: 24px;margin: 20px 0 24px;}
|
|
|
}
|
|
|
li:nth-child(2) {
|
|
|
- i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon2.svg");}
|
|
|
+ i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon1.png");}
|
|
|
}
|
|
|
li:nth-child(3) {
|
|
|
- i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon3.svg");}
|
|
|
+ i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon2.png");}
|
|
|
}
|
|
|
li:nth-child(4) {
|
|
|
- i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon4.svg");}
|
|
|
+ i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon3.png");}
|
|
|
+ }
|
|
|
+ li:nth-child(5) {
|
|
|
+ i {background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-icon4.png");}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- //地图
|
|
|
- .address-img-box{
|
|
|
- width: 100%;
|
|
|
- height: 720px;
|
|
|
- background-image: url("~@/assets/images/client/aboutUs/" + "contact-us-img.png");
|
|
|
- background-position: center;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
/******** describe: 新闻资讯 author: TX date:2020-08-10 ********/
|
|
|
.client-newsInfor-page{
|
|
|
// banner
|
|
|
- .newsInfor-banner{width: 100%;height: 400px;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-banner.png");background-position-x: center;}
|
|
|
+ .newsInfor-banner{width: 100%;height: 300px;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-banner.png");background-position-x: center;}
|
|
|
+
|
|
|
+ // 菜单 ul
|
|
|
+ .newsInfor-menu-ul{
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ background: #F7F9FB;
|
|
|
+ li{display: inline-block;@include setFontStyle(-2);padding:24px 32px;color: rgba(0,0,0,0.64);background: #F7F9FB;transition: all .3s;box-shadow: 0 2px 4px 0 rgba(43,92,253,0.16);border-bottom: 1px solid rgba(52, 99, 253, 0.08);@include single-line-ellipsis;cursor: pointer}
|
|
|
+ li.active{color: #2B5CFD;background-image: linear-gradient(270deg, #FFFFFF 0%, #F4F6FF 100%);}
|
|
|
+ li:hover{
|
|
|
+ transform: scale(1.1);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
// 页面主要内容区域
|
|
|
.newsInfor-content-box{
|
|
|
min-height: 304px;
|
|
|
- padding: 80px 0;
|
|
|
+ padding: 48px 0 80px;
|
|
|
ul{display: inline-block;vertical-align: top}
|
|
|
- // 菜单 ul
|
|
|
- .newsInfor-menu-ul{
|
|
|
- li{width: 200px;height: 64px;line-height: 64px;@include setFontStyle(0);color: rgba(0,0,0,0.64);text-align: left;padding: 0;padding-left: 24px;border-bottom: 1px solid rgba(52, 99, 253, 0.08);@include single-line-ellipsis;cursor: pointer}
|
|
|
- li:before{content: "";width:8px;height:8px;display: inline-block;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-tab-unSelect.svg");margin-right: 16px;
|
|
|
- vertical-align: middle;}
|
|
|
- li.active{color: #2B5CFD;background-image: linear-gradient(270deg, #FFFFFF 0%, #F4F6FF 100%);}
|
|
|
- li.active:before{background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-tab-select.svg");}
|
|
|
- }
|
|
|
|
|
|
// 右侧内容区域
|
|
|
.newsInfor-content-ul{
|
|
|
padding: 0 32px;
|
|
|
- width: calc(100% - 290px);
|
|
|
li{margin-bottom: 40px;}
|
|
|
li:last-child{margin-bottom: 0;}
|
|
|
//图片
|
|
|
- img{width:200px;height:150px;display: inline-block;margin-right: 24px;border-radius: 8px;overflow: hidden;vertical-align: top;}
|
|
|
+ img{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 8px;overflow: hidden;vertical-align: top;}
|
|
|
//内容区域
|
|
|
.newsInfor-list-content{
|
|
|
- width: calc(100% - 224px);
|
|
|
+ width: calc(100% - 350px);
|
|
|
display: inline-block;
|
|
|
vertical-align: top;
|
|
|
|
|
|
h5{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 8px;}
|
|
|
div{
|
|
|
- margin-bottom: 16px;
|
|
|
+ margin-bottom: 8px;
|
|
|
i{width: 20px;height: 20px;display: inline-block;margin-right: 14px;vertical-align: middle;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-details-time.svg");}
|
|
|
i[type="visits"]{background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-details-visits.svg");}
|
|
|
span{@include setFontStyle(-6);display:inline-block;color: #666;margin-right: 60px;vertical-align: middle;}
|
|
|
}
|
|
|
- p{height: 72px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin-bottom: 16px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;}
|
|
|
+ p{height: 72px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin-bottom: 32px;text-align: justify;@include multi-line-ellipsis(3);overflow: hidden;}
|
|
|
a{@include setFontStyle(-6);color: #4A73FD;}
|
|
|
a:after{content: "";width: 14px;height: 12px;display:inline-block;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-list-icon.svg");margin-left: 8px;}
|
|
|
a:hover{cursor: pointer;}
|
15724580513
