替换网站邮箱
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>德木自动化</title>
|
||||
<link rel="icon" href="./static/favicon.ico">
|
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=jcI3Q88g6V99OPBjLryoOqPTtsRdedHA"></script>
|
||||
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=jcI3Q88g6V99OPBjLryoOqPTtsRdedHA"></script>-->
|
||||
</head>
|
||||
<body data-spy="scroll" data-target="#myScrollspy">
|
||||
<div id="app"></div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="container">
|
||||
<div class="server pull-left">
|
||||
<span class="glyphicon glyphicon-earphone"></span>0512-53998127
|
||||
<span class="glyphicon glyphicon-envelope"></span>postmaster@dwoodauto.com
|
||||
<span class="glyphicon glyphicon-envelope"></span>service@dwoodauto.com
|
||||
<span class="glyphicon glyphicon-time"></span>7x24小时为您服务
|
||||
</div>
|
||||
<div class="shejiao pull-right">
|
||||
@@ -27,12 +27,8 @@
|
||||
</div>
|
||||
<!-- 导航内容 -->
|
||||
<ul class="header-nav-wrapper">
|
||||
<li
|
||||
v-for="(item,index) in navList"
|
||||
:key="index"
|
||||
:class="index==navIndex?'active':''"
|
||||
@click="navClick(index,item.name)"
|
||||
>
|
||||
<li v-for="(item,index) in navList" :key="index" :class="index==navIndex?'active':''"
|
||||
@click="navClick(index,item.name)">
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
<span v-if="item.children.length>0" class="glyphicon glyphicon-menu-down"></span>
|
||||
@@ -58,24 +54,13 @@
|
||||
<!-- 导航栏 -->
|
||||
<div class="header-nav-m-menu text-center">
|
||||
{{menuName}}
|
||||
<div
|
||||
class="header-nav-m-menu-wrapper"
|
||||
data-toggle="collapse"
|
||||
data-target="#menu"
|
||||
@click="menuClick"
|
||||
>
|
||||
<div class="header-nav-m-menu-wrapper" data-toggle="collapse" data-target="#menu" @click="menuClick">
|
||||
<span :class="menuClass"></span>
|
||||
</div>
|
||||
<!-- 导航内容 -->
|
||||
<ul id="menu" class="header-nav-m-wrapper collapse">
|
||||
<li
|
||||
v-for="(item,index) in navList"
|
||||
:key="index"
|
||||
:class="['text-left',index==navIndex?'active':'']"
|
||||
@click="navClick(index,item.name)"
|
||||
data-toggle="collapse"
|
||||
data-target="#menu"
|
||||
>
|
||||
<li v-for="(item,index) in navList" :key="index" :class="['text-left',index==navIndex?'active':'']"
|
||||
@click="navClick(index,item.name)" data-toggle="collapse" data-target="#menu">
|
||||
<router-link :to="item.path">
|
||||
{{item.name}}
|
||||
<i class="underline"></i>
|
||||
@@ -171,6 +156,7 @@ export default {
|
||||
background: #f4f4f4;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#header .header-top {
|
||||
height: 50px;
|
||||
color: #fff;
|
||||
@@ -178,14 +164,17 @@ export default {
|
||||
line-height: 50px;
|
||||
background: #474747;
|
||||
}
|
||||
|
||||
/* 顶部的图标 */
|
||||
#header .header-top span {
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
#header .header-nav {
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
/* 导航栏logo */
|
||||
#header .header-nav .header-nav-logo {
|
||||
width: 260px;
|
||||
@@ -195,43 +184,51 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 导航栏logo图片 */
|
||||
#header .header-nav .header-nav-logo img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
flex-basis: 60px;
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .logo-text {
|
||||
flex: 1;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .text-name {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-logo .text {
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 导航栏 导航容器 */
|
||||
#header .header-nav-fixed .header-nav-wrapper {
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-wrapper {
|
||||
line-height: 110px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航 */
|
||||
#header .header-nav .header-nav-wrapper>li {
|
||||
float: left;
|
||||
margin: 0 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 */
|
||||
#header .header-nav .header-nav-wrapper>li>a {
|
||||
color: #000;
|
||||
@@ -240,6 +237,7 @@ export default {
|
||||
padding: 15px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的下划线 */
|
||||
#header .header-nav .header-nav-wrapper>li>a>i {
|
||||
display: block;
|
||||
@@ -252,32 +250,38 @@ export default {
|
||||
transition: all 0.6s ease;
|
||||
background-color: #009688;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||
#header .header-nav .header-nav-wrapper>li>a>span {
|
||||
font-size: 12px;
|
||||
transition: transform ease 0.5s;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover {
|
||||
color: #009688;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去下划线的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover .underline {
|
||||
opacity: 1;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标滑上去三角标的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li>a:hover span {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 鼠标点击后的样式 */
|
||||
#header .header-nav .header-nav-wrapper>li.active>a {
|
||||
color: #009688;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid #009688;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器 */
|
||||
#header .header-nav .header-nav-wrapper>li>dl {
|
||||
display: none;
|
||||
@@ -289,20 +293,24 @@ export default {
|
||||
box-shadow: 0 0 3px 1px #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 */
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的二级导航容器的每个导航 当鼠标滑上时的样式*/
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt>a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 导航栏 滑上一级导航显示二级导航 */
|
||||
#header .header-nav .header-nav-wrapper>li:hover dl {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#header .header-nav .header-nav-wrapper>li>dl>dt:hover {
|
||||
cursor: pointer;
|
||||
background: #ccc;
|
||||
@@ -312,6 +320,7 @@ export default {
|
||||
#header .header-nav-m {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏logo容器 */
|
||||
#header .header-nav-m .header-nav-m-logo {
|
||||
height: 70px;
|
||||
@@ -320,24 +329,29 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 导航栏logo图片 */
|
||||
#header .header-nav-m .header-nav-m-logo img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text-name {
|
||||
margin-bottom: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#header .header-nav-m .header-nav-m-logo .logo-text .text {
|
||||
margin-bottom: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 导航栏 菜单容器 */
|
||||
#header .header-nav-m .header-nav-m-menu {
|
||||
color: #fff;
|
||||
@@ -346,6 +360,7 @@ export default {
|
||||
background: #474747;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* 导航栏 菜单图标 */
|
||||
#header .header-nav-m .header-nav-m-menu-wrapper {
|
||||
position: absolute;
|
||||
@@ -361,6 +376,7 @@ export default {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
#header .header-nav-m .header-nav-m-wrapper {
|
||||
position: absolute;
|
||||
@@ -370,11 +386,13 @@ export default {
|
||||
background: #474747;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航 */
|
||||
#header .header-nav-m .header-nav-m-wrapper>li {
|
||||
padding: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接 */
|
||||
#header .header-nav-m .header-nav-m-wrapper>li>a {
|
||||
color: #fff;
|
||||
@@ -385,6 +403,7 @@ export default {
|
||||
padding: 0 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* 导航栏 每个导航下面的 a 链接的右侧小三角 */
|
||||
#header .header-nav .header-nav-wrapper>li>a>span {
|
||||
font-size: 10px;
|
||||
|
||||
@@ -13,14 +13,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
|
||||
<!-- 如果需要导航按钮 -->
|
||||
<!-- <div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div id="videoFull" class="container-fuild">
|
||||
|
||||
</div> -->
|
||||
<!-- mes系统功能一览 -->
|
||||
<div id="customer" class="container-fuild">
|
||||
<div class="container customer-container">
|
||||
@@ -56,8 +56,7 @@
|
||||
<div class="row hidden-xs">
|
||||
<template v-for="(item,index) in customerModule">
|
||||
<div class="col col-xs-12 col-sm-6 col-md-3 wow zoomIn" v-if="!moduleShow?index<4:index>-1" :key="index">
|
||||
<div class="moduleView"
|
||||
onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
<div class="moduleView" onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
|
||||
<div class="customer-logo">
|
||||
<img :src="item.logo" alt="">
|
||||
@@ -83,7 +82,9 @@
|
||||
</template>
|
||||
</div>
|
||||
<div class="customer-head hidden-xs" @click="moduleShow=!moduleShow">
|
||||
<div class="head-name">查看更多<span :class="['icon',!moduleShow?'glyphicon glyphicon-chevron-down':'glyphicon glyphicon-chevron-up']"></span></div>
|
||||
<div class="head-name">查看更多<span
|
||||
:class="['icon',!moduleShow?'glyphicon glyphicon-chevron-down':'glyphicon glyphicon-chevron-up']"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -96,7 +97,8 @@
|
||||
</div>
|
||||
<div class="row bigData-container">
|
||||
<div class="col-xs-12 col-sm-12 col-md-6 wow zoomIn">
|
||||
<img class="img-responsive" src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/upperComputer.png" alt="上位记系统">
|
||||
<img class="img-responsive"
|
||||
src="https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-home/home/upperComputer.png" alt="上位记系统">
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12 col-md-6">
|
||||
<div class="bigDataItem">
|
||||
@@ -142,11 +144,9 @@
|
||||
<p class="text-center">同时，它采用了标准的openAPI接口，能够高效地连接供应链、生产、仓储物流和销售等各个系统，实现了系统之间的高效通信和集成。</p>
|
||||
<div class="stackItem">
|
||||
<div class="col-xs-12 col-sm-6 col-md-2 server-wrapper" v-for="(item,index) in stackList" :key="index">
|
||||
<div
|
||||
class="server-block wow slideInUp"
|
||||
<div class="server-block wow slideInUp"
|
||||
onmouseenter="this.style.color='#28f';this.style.borderColor='#098'"
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'"
|
||||
>
|
||||
onmouseleave="this.style.color='#666';this.style.borderColor='#ccc'">
|
||||
<img class="center-block" :src="item.logo" alt="logo">
|
||||
<!-- <p class="text-center">{{item.title}}</p>
|
||||
<div
|
||||
@@ -384,12 +384,14 @@ export default {
|
||||
.homeTitleView {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.homeTitleView .textBack {
|
||||
font-size: 34px;
|
||||
color: rgba(0, 0, 0, 0.05);
|
||||
font-family: Inter;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.homeTitleView .textName {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
@@ -404,6 +406,7 @@ export default {
|
||||
font-size: 36px;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
.homeTitleView .textNameArt::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -419,21 +422,26 @@ export default {
|
||||
#HomePage {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
#swiper {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -445,24 +453,34 @@ export default {
|
||||
background: rgba(51, 51, 51, 0.534);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 50px;
|
||||
margin-top: 13%;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 20px;
|
||||
margin-top: 3%;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* 视屏 */
|
||||
#videoFull {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
/* 大数据管理系统 */
|
||||
#bigData {
|
||||
padding: 50px 0;
|
||||
transition: all ease 0.6s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#bigData .bigDataItem {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
margin: 15px 0;
|
||||
border-radius: 28px;
|
||||
@@ -472,6 +490,7 @@ export default {
|
||||
padding: 8px 24px;
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 150, 136, 0.20);
|
||||
}
|
||||
|
||||
#bigData .text {
|
||||
font-weight: 400;
|
||||
color: #666;
|
||||
@@ -485,9 +504,11 @@ export default {
|
||||
color: #333;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
#bigData .bigData-device {
|
||||
margin: 50px 0 20px;
|
||||
}
|
||||
|
||||
#bigData .bigData-container {
|
||||
margin-top: 50px;
|
||||
}
|
||||
@@ -500,28 +521,34 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(1) {
|
||||
background: url("../assets/img/weixin.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(2) {
|
||||
background: url("../assets/img/weibo.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(3) {
|
||||
background: url("../assets/img/twitter.png") 0 0 no-repeat;
|
||||
background-size: 100% 100%;
|
||||
@@ -534,28 +561,35 @@ export default {
|
||||
background: #fff;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#customer .customer-block {
|
||||
background: #fff;
|
||||
padding: 30px 30px 70px 30px;
|
||||
}
|
||||
|
||||
#customer .customer-logo img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#customer .customer-yh img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
#customer .customer-content1 {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #0ce9f1;
|
||||
}
|
||||
|
||||
#customer .customer-content2 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.customer-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -563,6 +597,7 @@ export default {
|
||||
margin: 30px 0 20px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.customer-head .head-name {
|
||||
background: #009688;
|
||||
width: 200px;
|
||||
@@ -576,6 +611,7 @@ export default {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.customer-head .head-name .icon {
|
||||
margin-left: 10px;
|
||||
}
|
||||
@@ -589,10 +625,12 @@ export default {
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
#customerListView .row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#customerListView .moduleView {
|
||||
overflow: hidden;
|
||||
height: calc(100% - 40px);
|
||||
@@ -603,14 +641,17 @@ export default {
|
||||
margin: 20px 0;
|
||||
padding: 24px 24px 40px 24px;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo {
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo img {
|
||||
width: 68px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .head-name {
|
||||
margin: 20px 0 10px 0;
|
||||
font-weight: 600;
|
||||
@@ -618,6 +659,7 @@ export default {
|
||||
color: #000;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .text {
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
@@ -625,6 +667,7 @@ export default {
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
#customerListView .customer-head .head-name {
|
||||
border-radius: 8px;
|
||||
}
|
||||
@@ -636,12 +679,15 @@ export default {
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView .stackItem {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block {
|
||||
padding: 50px 20px;
|
||||
border: 1px solid #ccc;
|
||||
@@ -655,15 +701,18 @@ export default {
|
||||
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block img {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#whyChooseUs .whyChooseView>p {
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#whyChooseUs .stackItem {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -673,9 +722,11 @@ export default {
|
||||
.homeTitleView .textBack {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.homeTitleView .textName {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.homeTitleView .textNameArt::after {
|
||||
width: 80px;
|
||||
left: calc(50% - 40px);
|
||||
@@ -684,10 +735,12 @@ export default {
|
||||
#swiper {
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 24px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 14px;
|
||||
}
|
||||
@@ -697,13 +750,16 @@ export default {
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#customer .row {
|
||||
padding: 10px 15px 0 15px;
|
||||
}
|
||||
|
||||
#customer .customer-block>div {
|
||||
padding: 20px 0;
|
||||
}
|
||||
@@ -711,13 +767,16 @@ export default {
|
||||
#customerListView {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .customer-logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#customerListView .moduleView .head-name {
|
||||
font-size: 16px;
|
||||
}
|
||||
@@ -725,13 +784,16 @@ export default {
|
||||
#bigData {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#bigData .bigData-device {
|
||||
font-size: 20px;
|
||||
margin: 10px 0 10px;
|
||||
}
|
||||
|
||||
#bigData .bigDataItem {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -740,20 +802,25 @@ export default {
|
||||
height: 200px;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 200px;
|
||||
height: 30px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
@@ -765,18 +832,22 @@ export default {
|
||||
padding: 20px 0;
|
||||
transition: all ease 0.6s;
|
||||
}
|
||||
|
||||
#whyChooseUs .row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block {
|
||||
padding: 50px 0;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block>p {
|
||||
font-size: 20px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
#whyChooseUs .server-block>div {
|
||||
color: #ccc;
|
||||
}
|
||||
@@ -787,6 +858,7 @@ export default {
|
||||
.homeTitleView .textBack {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.homeTitleView .textName {
|
||||
font-size: 36px;
|
||||
}
|
||||
@@ -794,59 +866,73 @@ export default {
|
||||
#swiper {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>h1 {
|
||||
font-size: 30px;
|
||||
margin-top: 18%;
|
||||
}
|
||||
|
||||
#swiper .banner-swiper .swiper-slide-title>p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#customerListView {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
#bigData .bigData-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#bigData .bigData-device {
|
||||
font-size: 30px;
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
#contactUs {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container button {
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#contactUs .contactUs-container .contactUs-contactWay span {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
#customer .customer-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#whyChooseUs {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#whyChooseUs .row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user