@@ -0,0 +1,121 @@ | |||
.toutu { | |||
margin-top: 80px; | |||
width: 100%; | |||
/* height: 598px; | |||
width: 100%; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/busu/saas_banner.png'); | |||
background-repeat: no-repeat; | |||
width: 100%; | |||
background-size: 100% 100%; | |||
cursor: pointer; */ | |||
} | |||
.jituanBox { | |||
height: 598px; | |||
width: 100%; | |||
overflow: hidden; | |||
} | |||
.busuTextBox { | |||
float: left; | |||
margin-top: 157px; | |||
margin-left: 18%; | |||
} | |||
.busuImg { | |||
float: left; | |||
margin-top: 157px; | |||
margin-left: 10%; | |||
} | |||
.busuTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-bottom: 40px; | |||
} | |||
.busuTextBoxchi { | |||
overflow: hidden; | |||
margin-bottom: 30px; | |||
} | |||
.yuan { | |||
float: left; | |||
background-color: #82B1FB; | |||
width: 10px; | |||
height: 10px; | |||
border-radius: 50%; | |||
margin-right: 15px; | |||
margin-top: 8px; | |||
} | |||
.busuText { | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #6B7280; | |||
float: left; | |||
} | |||
.danItemBox { | |||
width: 100%; | |||
background: #F7FAFF; | |||
overflow: hidden; | |||
} | |||
.imgDanItem { | |||
float: left; | |||
display: block; | |||
width: 650px; | |||
height: 540px; | |||
margin-left: 18%; | |||
margin-top: 60px; | |||
margin-bottom: 60px; | |||
} | |||
.danItemTextBox { | |||
float: left; | |||
margin-left: 130px; | |||
margin-top: 200px; | |||
} | |||
.danItemTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
} | |||
.danItemText { | |||
overflow: hidden; | |||
margin-top: 40px; | |||
} | |||
.customizationBox { | |||
height: 600px; | |||
overflow: hidden; | |||
} | |||
.customizationLBox { | |||
float: left; | |||
margin: 157px 0 0 18%; | |||
} | |||
.customizationTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
} | |||
.customizationTextBox { | |||
overflow: hidden; | |||
margin-top: 40px; | |||
} | |||
.customizationRBox { | |||
float: left; | |||
margin-top: 89px; | |||
} |
@@ -0,0 +1,48 @@ | |||
.xhuancuanimg { | |||
margin-top: 80px; | |||
width: 100%; | |||
cursor: pointer; | |||
} | |||
.publicityBox { | |||
width: 1200px; | |||
overflow: hidden; | |||
margin: 100px auto 0 auto; | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
margin-bottom: 76px; | |||
} | |||
.item1Box { | |||
width: 49%; | |||
/* height: 240px; */ | |||
} | |||
.item1Title { | |||
font-size: 22px; | |||
font-family: OPPOSans; | |||
font-weight: 500; | |||
color: #131D2E; | |||
margin: 20px 0 20px 0; | |||
} | |||
.item1p { | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #767F8F; | |||
} | |||
.item1Img { | |||
width: 100%; | |||
height: 240px; | |||
} | |||
.xian { | |||
width: 559px; | |||
height: 1px; | |||
background: #E5E5E5; | |||
margin-top: 26px; | |||
margin-bottom: 40px; | |||
} |
@@ -0,0 +1,106 @@ | |||
@charset "utf-8"; | |||
body, | |||
video, | |||
p, | |||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6, | |||
dl, | |||
ol, | |||
li, | |||
ul, | |||
dd, | |||
input, | |||
textarea, | |||
button { | |||
padding: 0; | |||
margin: 0; | |||
} | |||
img { | |||
vertical-align: top; | |||
border: 0; | |||
} | |||
a { | |||
color: inherit; | |||
text-decoration: none; | |||
} | |||
li { | |||
list-style: none; | |||
} | |||
body { | |||
font-family: "微软雅黑", "宋体", Arial; | |||
font-size: 12px; | |||
color: #666; | |||
width: 100%; | |||
min-width: 1200px; | |||
} | |||
input { | |||
color: inherit; | |||
font-size: inherit; | |||
font-family: inherit; | |||
} | |||
textarea { | |||
resize: none; | |||
} | |||
input:focus, | |||
button:focus, | |||
textarea:focus, | |||
select:focus { | |||
outline: none; | |||
} | |||
/*input,button,textarea,select{ | |||
outline: none; | |||
}*/ | |||
input[type="button"], | |||
input[type="reset"], | |||
input[type="submit"] { | |||
cursor: pointer; | |||
} | |||
input { | |||
background: none; | |||
outline: none; | |||
border: none; | |||
} | |||
a:hover { | |||
color: #53cac3 !important; | |||
} | |||
.sl { | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.w { | |||
width: 1170px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.cl:after { | |||
content: ""; | |||
display: block; | |||
clear: both; | |||
height: 0; | |||
overflow: hidden; | |||
visibility: hidden; | |||
} | |||
.cl { | |||
zoom: 1; | |||
} |
@@ -0,0 +1,152 @@ | |||
.jianliBox { | |||
margin-top: 80px; | |||
width: 100%; | |||
/* height: 600px; | |||
position: relative; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_banner.png'); | |||
background-repeat: no-repeat; | |||
background-size: 100% 100%; | |||
cursor: pointer; */ | |||
} | |||
.textBox { | |||
position: absolute; | |||
top: 140px; | |||
left: 359px; | |||
/* background: linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB); */ | |||
} | |||
.titleBefore { | |||
font-size: 60px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
float: left; | |||
} | |||
.title { | |||
background-image: -webkit-linear-gradient(265deg, #0067ED, #02A3FF, #0E5DDB); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
font-size: 60px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
float: left; | |||
} | |||
.textp { | |||
width: 380px; | |||
height: 20px; | |||
font-size: 20px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #575B61; | |||
margin-top: 35px; | |||
margin-bottom: 57px; | |||
} | |||
.zhixun { | |||
width: 260px; | |||
height: 60px; | |||
background: #0067ED; | |||
border-radius: 6px; | |||
color: #ffffff; | |||
text-align: center; | |||
font-size: 20px; | |||
font-family: OPPOSans; | |||
font-weight: 500; | |||
line-height: 60px; | |||
cursor: pointer; | |||
} | |||
.conversionBox { | |||
overflow: hidden; | |||
} | |||
.conversionTitle { | |||
text-align: center; | |||
margin-top: 100px; | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-bottom: 30px; | |||
} | |||
.conversionText { | |||
width: 1086px; | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #8A8F99; | |||
line-height: 34px; | |||
margin: 0 auto; | |||
text-align: center; | |||
} | |||
.conversionImg { | |||
margin: 60px auto 0 auto; | |||
display: block; | |||
} | |||
.conversionImg2 { | |||
margin: -200px auto 0 auto; | |||
display: block; | |||
} | |||
.productBox { | |||
height: 842px; | |||
/* background: #F8FAFF; */ | |||
overflow: hidden; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/syll_cpfw_bnt.png'); | |||
background-repeat: no-repeat; | |||
} | |||
.productText { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
text-align: center; | |||
margin-top: 96px; | |||
margin-bottom: 80px; | |||
} | |||
.imgItemBox { | |||
width: 1200px; | |||
margin: 0 auto; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.imgItem { | |||
width: 23%; | |||
height: 226px; | |||
background-color: #ffffff; | |||
margin-bottom: 10px; | |||
border-radius: 6px; | |||
} | |||
.itemImg { | |||
width: 50px; | |||
height: 50px; | |||
margin: 30px 0 25px 22px; | |||
} | |||
.itemTitle { | |||
font-size: 20px; | |||
font-family: Microsoft YaHei; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-left: 22px; | |||
} | |||
.itemP { | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #A1A7B3; | |||
margin-left: 22px; | |||
margin-top: 16px; | |||
} |
@@ -0,0 +1,83 @@ | |||
.suspendedBox { | |||
position: fixed; | |||
right: 0; | |||
top: 30%; | |||
width: 66px; | |||
} | |||
.suspended1 { | |||
height: 66px; | |||
border-bottom: #666F80 1px solid; | |||
background-color: #0067ED; | |||
text-align: center; | |||
cursor: pointer; | |||
overflow: hidden; | |||
} | |||
.suspendedImg { | |||
width: 22px; | |||
height: 22px; | |||
margin: 10px auto; | |||
display: block; | |||
} | |||
.suspendedImgText { | |||
font-size: 12px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
} | |||
.suspended2:hover .showText { | |||
display: block; | |||
} | |||
.showText { | |||
/* width: 150px; */ | |||
position: absolute; | |||
height: 66px; | |||
top: 70px; | |||
left: -170px; | |||
background: #ffffff; | |||
line-height: 66px; | |||
text-align: center; | |||
padding: 0 20px; | |||
font-size: 18px; | |||
display: none; | |||
} | |||
.suspended2 { | |||
overflow: hidden; | |||
height: 66px; | |||
border-bottom: #666F80 1px solid; | |||
background-color: #0067ED; | |||
text-align: center; | |||
cursor: pointer; | |||
} | |||
.suspended3:hover .showRqCode { | |||
display: block; | |||
} | |||
.suspended3 { | |||
height: 66px; | |||
background-color: #0059CD; | |||
text-align: center; | |||
cursor: pointer; | |||
overflow: hidden; | |||
} | |||
.showRqCode { | |||
top: 60px; | |||
left: -140px; | |||
position: absolute; | |||
width: 140px; | |||
height: 140px; | |||
background-color: #ffffff; | |||
display: none; | |||
} | |||
.showRqCodeImg { | |||
width: 130px; | |||
height: 130px; | |||
} |
@@ -0,0 +1,207 @@ | |||
.wufuImg { | |||
width: 100%; | |||
margin-top: 80px; | |||
cursor: pointer; | |||
} | |||
.jingpaiBox { | |||
overflow: hidden; | |||
} | |||
.jingpaiTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
text-align: center; | |||
margin: 100px 0 37px 0; | |||
} | |||
.jingpaiText { | |||
width: 1032px; | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #8A8F99; | |||
line-height: 34px; | |||
margin: 0 auto 80px auto; | |||
} | |||
.jingpaiImg { | |||
display: block; | |||
margin: 0 auto 100px auto; | |||
} | |||
.shengjiBox { | |||
height: 904px; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_gnsj_bnt.png'); | |||
background-repeat: no-repeat; | |||
overflow: hidden; | |||
} | |||
.shengjiTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #FFFFFF; | |||
margin-top: 109px; | |||
margin-bottom: 37px; | |||
text-align: center; | |||
} | |||
.shengjiText { | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #BCBECF; | |||
text-align: center; | |||
} | |||
.shengImg { | |||
margin: 105px auto; | |||
display: block; | |||
} | |||
.userBox { | |||
height: 1155px; | |||
background: #F6FAFF; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/zcfw_yhgh_bnt.png'); | |||
background-repeat: no-repeat; | |||
overflow: hidden; | |||
text-align: center; | |||
background-size: 100% 100%; | |||
} | |||
.userTitle { | |||
margin-top: 110px; | |||
text-align: center; | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
} | |||
.userAllBox { | |||
/* display: inline; */ | |||
margin-top: 80px; | |||
margin-bottom: 80px; | |||
width: 58%; | |||
} | |||
.item1Box { | |||
position: absolute; | |||
width: 200px; | |||
height: 130px; | |||
top: 11%; | |||
left: 50%; | |||
} | |||
.item2Box { | |||
position: absolute; | |||
width: 200px; | |||
height: 130px; | |||
top: 31%; | |||
left: 24%; | |||
} | |||
.item3Box { | |||
position: absolute; | |||
width: 200px; | |||
height: 130px; | |||
top: 45%; | |||
left: 65%; | |||
} | |||
.item4Box { | |||
position: absolute; | |||
width: 200px; | |||
height: 130px; | |||
top: 69%; | |||
left: 31%; | |||
} | |||
.item5Box { | |||
position: absolute; | |||
width: 200px; | |||
height: 130px; | |||
top: 74%; | |||
left: 59%; | |||
} | |||
.itemImgBox { | |||
overflow: hidden; | |||
} | |||
.itemImg { | |||
width: 24px; | |||
height: 24px; | |||
float: left; | |||
} | |||
.itemImgTitle { | |||
font-size: 20px; | |||
font-family: Microsoft YaHei; | |||
font-weight: bold; | |||
color: #202530; | |||
margin: 0 5px; | |||
float: left; | |||
} | |||
.itemImgText { | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #868C9B; | |||
margin-top: 27px; | |||
text-align: left; | |||
} | |||
.yunyinBox { | |||
height: 700px; | |||
overflow: hidden; | |||
text-align: center; | |||
} | |||
.yunyinBoxTitle { | |||
text-align: center; | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-top: 110px; | |||
margin-bottom: 76px; | |||
} | |||
.yunyinTiemBox { | |||
margin: 0 auto; | |||
width: 1100px; | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.yunyinTiem { | |||
width: 30%; | |||
} | |||
.yunyinTiemImg { | |||
width: 192px; | |||
height: 201px; | |||
margin: 10px auto; | |||
} | |||
.yunyinTiemTitle { | |||
font-size: 24px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
text-align: center; | |||
} | |||
.yunyinTiemText { | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #868C9B; | |||
text-align: center; | |||
margin-top: 30px; | |||
} |
@@ -0,0 +1,178 @@ | |||
.yewuBox { | |||
margin-top: 80px; | |||
width: 100%; | |||
/* height: 598px; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_banner.png'); | |||
background-repeat: no-repeat; | |||
background-size: 100% 100%; | |||
cursor: pointer; */ | |||
} | |||
.digitizationBox { | |||
overflow: hidden; | |||
} | |||
.digitizationTitle { | |||
text-align: center; | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-top: 100px; | |||
margin-bottom: 37px; | |||
} | |||
.digitizationText { | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #8A8F99; | |||
text-align: center; | |||
} | |||
.digitizationImg { | |||
margin: 0 auto; | |||
display: block; | |||
margin-top: 80px; | |||
margin-bottom: 90px; | |||
} | |||
.stieBox { | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_lshgl_bnt.png'); | |||
background-repeat: no-repeat; | |||
height: 800px; | |||
overflow: hidden; | |||
position: relative; | |||
background-size: 100% 100%; | |||
} | |||
.stieTitle { | |||
text-align: center; | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #FFFFFF; | |||
margin-top: 90px; | |||
margin-bottom: 37px; | |||
} | |||
.stieText { | |||
font-size: 18px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
text-align: center; | |||
} | |||
.stieTitleBox { | |||
position: absolute; | |||
top: 40%; | |||
left: 20%; | |||
width: 420px; | |||
height: 264px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.itemBox { | |||
width: 44%; | |||
height: 60px; | |||
overflow: hidden; | |||
} | |||
.yuandian { | |||
width: 15px; | |||
height: 15px; | |||
border-radius: 50%; | |||
background-color: #1091FA; | |||
float: left; | |||
margin: 12px 10px; | |||
} | |||
.itemText { | |||
float: left; | |||
font-size: 28px; | |||
font-family: Adobe Heiti Std; | |||
font-weight: normal; | |||
color: #FFFFFF; | |||
} | |||
.zixuan { | |||
position: absolute; | |||
left: 20%; | |||
bottom: 13%; | |||
width: 228px; | |||
height: 60px; | |||
background: #0067ED; | |||
border-radius: 6px; | |||
text-align: center; | |||
line-height: 60px; | |||
font-size: 20px; | |||
font-family: OPPOSans; | |||
font-weight: 500; | |||
color: #FFFFFF; | |||
} | |||
.dataBox { | |||
height: 769px; | |||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_sjbb_bnt.png'); | |||
background-repeat: no-repeat; | |||
position: relative; | |||
overflow: hidden; | |||
/* background-size: 100% 100%; */ | |||
} | |||
.dataTitle { | |||
font-size: 48px; | |||
font-family: OPPOSans; | |||
font-weight: bold; | |||
color: #202530; | |||
margin-top: 100px; | |||
margin-left: 20%; | |||
} | |||
.dataItem1 { | |||
width: 471px; | |||
height: 60px; | |||
background: #F2F5F9; | |||
border-radius: 8px; | |||
text-align: center; | |||
line-height: 60px; | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #737780; | |||
margin-left: 20%; | |||
margin-top: 60px; | |||
} | |||
.dataItem2 { | |||
width: 365px; | |||
height: 60px; | |||
background: #F2F5F9; | |||
border-radius: 8px; | |||
text-align: center; | |||
line-height: 60px; | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #737780; | |||
margin-left: 20%; | |||
margin-top: 20px; | |||
} | |||
.dataItem3 { | |||
width: 268px; | |||
height: 60px; | |||
background: #F2F5F9; | |||
border-radius: 8px; | |||
text-align: center; | |||
line-height: 60px; | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #737780; | |||
margin-left: 20%; | |||
margin-top: 20px; | |||
} |
@@ -0,0 +1,94 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
<link rel="stylesheet" href="../css/busu.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"></div> | |||
<!-- 头图 --> | |||
<!-- <div class="toutu"></div> --> | |||
<img class="toutu" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/busu/saas_banner.png" alt=""> | |||
<!-- 集团部署 --> | |||
<div class="jituanBox"> | |||
<div class="busuTextBox"> | |||
<div class="busuTitle">集团部署</div> | |||
<div class="busuTextBoxchi"> | |||
<div class="yuan"></div> | |||
<div class="busuText">集团汇集各广场数据统一分析管理,业务审批逐层管理</div> | |||
</div> | |||
<div class="busuTextBoxchi"> | |||
<div class="yuan"></div> | |||
<div class="busuText">营销活动可由集团、各广场灵活配置</div> | |||
</div> | |||
<div class="busuTextBoxchi"> | |||
<div class="yuan"></div> | |||
<div class="busuText">集团会员统一管理</div> | |||
</div> | |||
<div class="busuTextBoxchi"> | |||
<div class="yuan"></div> | |||
<div class="busuText">会员积分可跨店使用,通存通兑</div> | |||
</div> | |||
<div class="busuTextBoxchi"> | |||
<div class="yuan"></div> | |||
<div class="busuText">集团内新增广场可快速部署,助力业务扩展</div> | |||
</div> | |||
</div> | |||
<img class="busuImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/busu/saas_img_jtbs.png" alt=""> | |||
</div> | |||
<!--单项目部署 --> | |||
<div class="danItemBox"> | |||
<img class="imgDanItem" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/busu/saas_img_dxmbs.png" alt=""> | |||
<div class="danItemTextBox"> | |||
<div class="danItemTitle">单项目部署</div> | |||
<div class="danItemText"> | |||
<div class="yuan"></div> | |||
<div class="busuText">单独广场独立部署数据私有,智能分析</div> | |||
</div> | |||
<div class="danItemText"> | |||
<div class="yuan"></div> | |||
<div class="busuText">营销活动因地制宜,大数据分析个性化配置</div> | |||
</div> | |||
<div class="danItemText"> | |||
<div class="yuan"></div> | |||
<div class="busuText">单独广场私有流量池,会员经营与管理方便灵活</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 定制需求项目 --> | |||
<div class="customizationBox"> | |||
<div class="customizationLBox"> | |||
<div class="customizationTitle">定制需求项目</div> | |||
<div class="customizationTextBox"> | |||
<div class="yuan"></div> | |||
<div class="busuText">标准产品不能满足的场景;</div> | |||
</div> | |||
<div class="customizationTextBox"> | |||
<div class="yuan"></div> | |||
<div class="busuText">定制开发:</div> | |||
<div class="busuText">系统对接、已有系统兼容,特殊功能等</div> | |||
<div class="busuText">可提供定制开发服务</div> | |||
</div> | |||
<div class="customizationTextBox"> | |||
<div class="yuan"></div> | |||
<div class="busuText">私有部署:</div> | |||
<div class="busuText">从用户前端、后端、管理后台到服务器一站式交付</div> | |||
</div> | |||
</div> | |||
<img class="customizationRBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/busu/saas_img_dzxqxm.png" alt=""> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension"></div> | |||
<!-- 尾部 --> | |||
<div class="footer"></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/busu.js"></script> | |||
</html> |
@@ -0,0 +1,215 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
</head> | |||
<body> | |||
<footer class="footerBox"> | |||
<!-- <div class="relationBox"> | |||
<div class="inpuetBox"> | |||
<input type="text" class="nameInpuet" placeholder="姓名"> | |||
</div> | |||
<div class="inpuetBox1"> | |||
<input type="text" class="nameInpuet" placeholder="电话"> | |||
</div> | |||
<div class="inpuetBox1"> | |||
<input type="text" class="nameInpuet" placeholder="项目名称"> | |||
</div> | |||
<div class="inpuetBox2"> | |||
预约联系 | |||
</div> | |||
</div> --> | |||
<div class="accessoryBox"> | |||
<div class="accessoryBoxA"> | |||
<div class="phoneBox"> | |||
<div class="phoneText">7*24小时服务热线</div> | |||
<div class="phone">027-59771170</div> | |||
</div> | |||
<div class="siteBox"> | |||
<div class="siteText">公司地址 </div> | |||
<div class="site">湖北省武汉市洪山区佩尔中心B座11层</div> | |||
</div> | |||
<div class="rqCodeBox"> | |||
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt=""> | |||
<div class="codeText">扫码体验·富茂链客</div> | |||
</div> | |||
<div class="rqCodeBox1"> | |||
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt=""> | |||
<div class="codeText">扫码关注富茂链客</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="bianma"> © 2021 Copyright 武汉富茂链客科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">鄂ICP备2021007416号</a> © 2017 Copyright 北京富茂科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">京ICP备18046216号-1 </a></div> | |||
</footer> | |||
</body> | |||
</html> | |||
<style> | |||
.bianma { | |||
text-align: center; | |||
font-size: 14px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #A3BFD9; | |||
; | |||
line-height: 66px; | |||
background: #1A1A1C; | |||
height: 66px; | |||
} | |||
.bianma a { | |||
color: #ffffff; | |||
} | |||
.codeText { | |||
text-align: center; | |||
/* height: 12px; */ | |||
font-size: 14px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #BBBBCB; | |||
line-height: 36px; | |||
} | |||
.rqCodeBox1 { | |||
margin-top: 50px; | |||
float: left; | |||
margin-left: 3%; | |||
} | |||
.rqCodeBox { | |||
margin-top: 50px; | |||
float: left; | |||
margin-left: 15%; | |||
} | |||
.code { | |||
width: 126px; | |||
height: 126px; | |||
background: #FFFFFF; | |||
} | |||
.siteBox { | |||
margin-top: 82px; | |||
margin-left: 6%; | |||
float: left; | |||
} | |||
.siteText { | |||
color: #868695; | |||
font-size: 12px; | |||
} | |||
.site { | |||
color: #ffffff; | |||
font-size: 22px; | |||
margin-top: 10px; | |||
} | |||
.phoneBox { | |||
margin-top: 82px; | |||
margin-left: 10%; | |||
float: left; | |||
} | |||
.phoneText { | |||
color: #868695; | |||
font-size: 12px; | |||
} | |||
.accessoryBox { | |||
height: 254px; | |||
background: #1A1A1C; | |||
overflow: hidden; | |||
} | |||
.accessoryBoxA { | |||
width: 90%; | |||
margin: 0 auto; | |||
overflow: hidden; | |||
} | |||
.phone { | |||
color: #ffffff; | |||
font-size: 22px; | |||
margin-top: 10px; | |||
} | |||
.footerBox { | |||
widows: 100%; | |||
} | |||
.relationBox { | |||
height: 260px; | |||
background: #0065E8; | |||
overflow: hidden; | |||
} | |||
.inpuetBox { | |||
width: 278px; | |||
height: 72px; | |||
background: rgba(255, 255, 255, 0.11); | |||
border: 1px solid #FFFFFF; | |||
border-radius: 36px; | |||
float: left; | |||
margin-top: 92px; | |||
margin-left: 360px; | |||
} | |||
.inpuetBox1 { | |||
width: 278px; | |||
height: 72px; | |||
background: rgba(255, 255, 255, 0.11); | |||
border: 1px solid #FFFFFF; | |||
border-radius: 36px; | |||
float: left; | |||
margin-top: 92px; | |||
margin-left: 30px; | |||
} | |||
.inpuetBox2 { | |||
width: 278px; | |||
height: 72px; | |||
font-size: 20px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #0067ED; | |||
line-height: 72px; | |||
background-color: #FFFFFF; | |||
border: 1px solid #FFFFFF; | |||
border-radius: 36px; | |||
float: left; | |||
margin-top: 92px; | |||
margin-left: 30px; | |||
text-align: center; | |||
cursor: pointer; | |||
} | |||
.nameInpuet { | |||
width: 80%; | |||
margin: 2px 10%; | |||
height: 60px; | |||
font-size: 16px; | |||
color: #FFFFFF; | |||
} | |||
input::-webkit-input-placeholder { | |||
color: #FFFFFF; | |||
} | |||
input::-moz-input-placeholder { | |||
color: #FFFFFF; | |||
} | |||
input::-ms-input-placeholder { | |||
color: #FFFFFF; | |||
} | |||
</style> |
@@ -0,0 +1,104 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
</head> | |||
<body> | |||
<head class="headerBox"> | |||
<!-- <div ></div> --> | |||
<a href="../index.html"><img class="imgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_logo.png" alt=""></a> | |||
<div class="contenBox"> | |||
<a href="../index.html" class="item">首页</a> | |||
</div> | |||
<div class="goBox"> | |||
<!-- <div class="zx">立即咨询</div> --> | |||
<a target="_blank" href="https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn" class="zx">立即咨询</a> | |||
<a target="_blank" href="https://admin.malls.iformall.com/#/login" class="goA">登录</a> | |||
</div> | |||
</head> | |||
</body> | |||
</html> | |||
<style> | |||
.headerBox { | |||
width: 100%; | |||
height: 80px; | |||
background: #FFFFFF; | |||
overflow: hidden; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
} | |||
.imgBox { | |||
float: left; | |||
margin-left: 40px; | |||
margin-top: 17px; | |||
/* width: 158px; | |||
height: 45px; */ | |||
} | |||
.contenBox { | |||
float: left; | |||
margin-left: 162px; | |||
margin-top: 32px; | |||
overflow: hidden; | |||
} | |||
.item { | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #333333; | |||
line-height: 16px; | |||
float: left; | |||
cursor: pointer; | |||
margin-right: 80px; | |||
} | |||
.goBox { | |||
overflow: hidden; | |||
float: right; | |||
margin-top: 22px; | |||
margin-right: 40px; | |||
} | |||
.zx { | |||
width: 108px; | |||
height: 36px; | |||
background: #FF4800; | |||
border-radius: 6px; | |||
float: left; | |||
margin-right: 14px; | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
line-height: 36px; | |||
text-align: center; | |||
cursor: pointer; | |||
} | |||
.goA { | |||
width: 78px; | |||
height: 36px; | |||
background: #0067ED; | |||
border-radius: 6px; | |||
float: left; | |||
font-size: 16px; | |||
font-family: Microsoft YaHei; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
line-height: 36px; | |||
text-align: center; | |||
} | |||
</style> |
@@ -0,0 +1,62 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
<link rel="stylesheet" href="../css/iot.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"></div> | |||
<img class="xhuancuanimg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_banner.png" alt=""> | |||
<!-- 宣传页 --> | |||
<div class="publicityBox"> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_img_1.png" alt=""> | |||
<div class="item1Title">智慧停车</div> | |||
<div class="item1p">车辆 + 会员 + 场景,精准实时停车场景营销推送</div> | |||
<div class="xian"></div> | |||
</div> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_img_2.png" alt=""> | |||
<div class="item1Title">客流系统</div> | |||
<div class="item1p">合作商与富茂系统无缝对接,更有竞争力的成本优势,实现软硬件一体数字化</div> | |||
<div class="xian"></div> | |||
</div> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_img_wf.png" alt=""> | |||
<div class="item1Title">WiFi</div> | |||
<div class="item1p">通过流量分析,及时、准确了解客户的到店情况,了解顾客的属性分布、喜好</div> | |||
<div class="xian"></div> | |||
</div> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_img_xpj.png" alt=""> | |||
<div class="item1Title">数据采集器</div> | |||
<div class="item1p">小票机全量抓取交易,提供精准租金把控依据</div> | |||
<div class="xian"></div> | |||
</div> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/home_jjfa_img3_1.png" alt=""> | |||
<div class="item1Title">POS</div> | |||
<div class="item1p">富茂收银系统融合会员营销系统满足百货及自营业态,完整输出全量对账单,减轻财务压力,降低人工对账出错概率</div> | |||
</div> | |||
<div class="item1Box"> | |||
<img class="item1Img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/iot/yjjc_img_dp.png" alt=""> | |||
<div class="item1Title">智慧大屏</div> | |||
<div class="item1p">营销产品、广告投放,让场内与顾客的交互、运营无死角</div> | |||
</div> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension"></div> | |||
<!-- 尾部 --> | |||
<div class="footer"></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/iot.js"></script> | |||
</html> |
@@ -0,0 +1,83 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<!-- <title>Document</title> --> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
<link rel="stylesheet" href="../css/liuliang.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"></div> | |||
<!-- 建立流量 --> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_banner.png" alt="" class="jianliBox"> | |||
<!-- 全渠道获客,极简会员转化 --> | |||
<div class="conversionBox"> | |||
<div class="conversionTitle">全渠道获客,极简会员转化</div> | |||
<div class="conversionText">触达用户渠道、排名,进入系统全方位分析,帮助精准化运营动作。深度分析获客渠道,优化广告投放,物料铺设,提升运营和营销效率。 线下消费简单引导;线上浏览授权即为潜客,交互、传播,一键转化即可将顾客转化为会员</div> | |||
<img class="conversionImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_hyzh_bnt.png" alt=""> | |||
<div class="conversionTitle">精准画像自动化管理</div> | |||
<div class="conversionText">会员等级,关联积分、交易折扣,门店特权,刺激会员销售,特别设计交易直达停车优惠功能,将客户体验提升数倍 大数据可扩展自动标签功能,持续精准会员画像,是会员运营最重要的得力工具。</div> | |||
<img class="conversionImg2" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_jzhx_bnt.png" alt=""> | |||
</div> | |||
<!-- 完整的产品+服务,提升您的数字化运营能力 --> | |||
<div class="productBox"> | |||
<div class="productText">完整的产品+服务,提升您的数字化运营能力</div> | |||
<div class="imgItemBox"> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_zb.png" alt=""> | |||
<div class="itemTitle">直播</div> | |||
<div class="itemP">直播卡券营销,即时带货</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_yhq.png" alt=""> | |||
<div class="itemTitle">优惠券</div> | |||
<div class="itemP">串联线上线下的各类优惠</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_ptkj.png" alt=""> | |||
<div class="itemTitle">砍价、拼团</div> | |||
<div class="itemP">会员拉新促交易,快速带动数据 增长</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_dzcxk.png" alt=""> | |||
<div class="itemTitle">电子储值卡</div> | |||
<div class="itemP">满足营销和人际关系需求</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_shyy.png" alt=""> | |||
<div class="itemTitle">商户自运营</div> | |||
<div class="itemP">更加快速灵活的发布能力</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_jzyx.png" alt=""> | |||
<div class="itemTitle">精准营销</div> | |||
<div class="itemP">大数据标签选定目标用户推送</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_cjyx.png" alt=""> | |||
<div class="itemTitle">场景营销</div> | |||
<div class="itemP">停车等智能硬件精准触达</div> | |||
</div> | |||
<div class="imgItem"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/liuliang/syll_cpfw_ic_zhsq.png" alt=""> | |||
<div class="itemTitle">智慧商圈</div> | |||
<div class="itemP">通过支付宝、微信支付掌握商圈内 内线上交易,用户无感积分</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension"></div> | |||
<!-- 尾部 --> | |||
<div class="footer"></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/liuliang.js"></script> | |||
</html> |
@@ -0,0 +1,37 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="./css/index.css"> | |||
<link rel="stylesheet" href="../css/suspension.css"> | |||
</head> | |||
<body> | |||
<!-- 悬浮 --> | |||
<div class="suspendedBox"> | |||
<div class="suspended1"> | |||
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_kfzx.png" alt=""> | |||
<div class="suspendedImgText">客服咨询</div> | |||
</div> | |||
<div class="suspended2"> | |||
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_dhzx.png" alt=""> | |||
<div class="suspendedImgText">电话咨询</div> | |||
<div class="showText">027-59771170</div> | |||
</div> | |||
<div class="suspended3"> | |||
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_gzh.png" alt=""> | |||
<div class="suspendedImgText">公众号</div> | |||
<div class="showRqCode"> | |||
<img class="showRqCodeImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt=""> | |||
</div> | |||
</div> | |||
</div> | |||
</body> | |||
</html> | |||
<script language="javascript" src="https://dbt.zoosnet.net/JS/LsJS.aspx?siteid=DBT86461431&float=1&lng=cn"></script> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/suspension.js"></script> |
@@ -0,0 +1,112 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
<link rel="stylesheet" href="../css/wufu.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"></div> | |||
<!-- 技术支持与服务 --> | |||
<img class="wufuImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_banner.png" alt=""> | |||
<!-- 金牌服务:全流程持续服务 --> | |||
<div class="jingpaiBox"> | |||
<div class="jingpaiTitle">金牌服务:全流程持续服务</div> | |||
<div class="jingpaiText">在产品的搭建到运营协助的服务周期中,富茂链客通过邮件、热线电话、即时通讯等多渠道,向用户提供全方位的运营和技术支持。 北京、上海、武汉、四川、南宁均设有分公司或办事处,可根据项目所在地快速调派服务专家上门支持。</div> | |||
<img class="jingpaiImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_img_qlcfw.png" alt=""> | |||
</div> | |||
<!-- 功能持续升级 --> | |||
<div class="shengjiBox"> | |||
<div class="shengjiTitle">功能持续升级</div> | |||
<div class="shengjiText">功能持续升级:服务期内持续获得富茂链客新特性功能:无需重新实施,无需操作静默升级,无需支付昂贵的“开发费”。</div> | |||
<img class="shengImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/dataCase.png" alt=""> | |||
</div> | |||
<!-- 用户关怀:产品使用中毫无顾虑 --> | |||
<div class="userBox"> | |||
<div class="userTitle">用户关怀:产品使用中毫无顾虑</div> | |||
<div style="position: relative;"> | |||
<img class="userAllBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_img.png" alt=""> | |||
<div class="item1Box"> | |||
<div class="itemImgBox"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_icon_cxcz.png" alt=""> | |||
<div class="itemImgTitle">持续成长</div> | |||
</div> | |||
<div class="itemImgText">免费升级行业标准需求的提案,协助您把握机会</div> | |||
</div> | |||
<div class="item2Box"> | |||
<div class="itemImgBox"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_icon_px.png" alt=""> | |||
<div class="itemImgTitle">定期培训</div> | |||
</div> | |||
<div class="itemImgText">月,季,年度 定期不同形式培训方式</div> | |||
</div> | |||
<div class="item3Box"> | |||
<div class="itemImgBox"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_icon_sh.png" alt=""> | |||
<div class="itemImgTitle">7*24守护</div> | |||
</div> | |||
<div class="itemImgText">全天候产品守护,及时响应技术与运营问题</div> | |||
</div> | |||
<div class="item4Box"> | |||
<div class="itemImgBox"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_icon_jc.png" alt=""> | |||
<div class="itemImgTitle">在线教程</div> | |||
</div> | |||
<div class="itemImgText">图文、视频产品使用教程让您对产品轻松上手</div> | |||
</div> | |||
<div class="item5Box"> | |||
<div class="itemImgBox"> | |||
<img class="itemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yhgh_icon_gt.png" alt=""> | |||
<div class="itemImgTitle">全面沟通</div> | |||
</div> | |||
<div class="itemImgText">邮件、热线电话、即时通讯,全方位守护随时待命</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 运营策划与线上带运营 降低企业运营成本 --> | |||
<div class="yunyinBox"> | |||
<div class="yunyinBoxTitle">运营策划与线上代运营 降低企业运营成本</div> | |||
<div class="yunyinTiemBox"> | |||
<div class="yunyinTiem"> | |||
<img class="yunyinTiemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yicb_imgzy.png" alt=""> | |||
<div class="yunyinTiemTitle">专业</div> | |||
<div class="yunyinTiemText">富茂链客代运营团队对产品使用和规则非常熟悉,有着丰富的运营实操经验,可以有效的少走弯路提高效率</div> | |||
</div> | |||
<div class="yunyinTiem"> | |||
<img class="yunyinTiemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yicb_imgcb.png" alt=""> | |||
<div class="yunyinTiemTitle">成本</div> | |||
<div class="yunyinTiemText">富茂链客代运营团队可有效节省团队招聘培训运营支出、管理等搭建成本</div> | |||
</div> | |||
<div class="yunyinTiem"> | |||
<img class="yunyinTiemImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/wufu/zcfw_yicb_imglh.png" alt=""> | |||
<div class="yunyinTiemTitle">灵活</div> | |||
<div class="yunyinTiemText">富茂链客代运营团队内部的培训和交流,可以把新探索出来的好的运营方法,在项目内推而广之,有效推动商业综合体的运营业绩提升</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension"></div> | |||
<!-- 尾部 --> | |||
<div class="footer"></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/wufu.js"></script> | |||
</html> |
@@ -0,0 +1,81 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<link rel="stylesheet" href="../css/iti.css"> | |||
<link rel="stylesheet" href="../css/yewu.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"></div> | |||
<!-- 业务管理数字化 实现在线可视化运营--> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_banner.png" alt="" class="yewuBox"> | |||
<!-- 数字化营运管理轻量替代传统ERP --> | |||
<div class="digitizationBox"> | |||
<div class="digitizationTitle">数字化营运管理轻量替代传统ERP</div> | |||
<div class="digitizationText">从资源管理到账单管理,一个系统,全面覆盖,既可全流程无纸化,也可线上线下双通道并行。让数字化运营真正高效便捷</div> | |||
<img class="digitizationImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/yewu/ywgl_erp_bnt.png" alt=""> | |||
</div> | |||
<!-- 地图可视化管理-轻触鼠标便可纵览全局 --> | |||
<div class="stieBox"> | |||
<div class="stieTitle">地图可视化管理-轻触鼠标便可纵览全局</div> | |||
<div class="stieText">灵活应对各种现实中复杂业务场景,一店一码、拆改并铺、多经点位,兼容百货,超市</div> | |||
<div class="stieTitleBox"> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">优惠地图</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">实时投放</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">活动地图</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">营销信息</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">美食地图</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">基础信息</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">导航信息</div> | |||
</div> | |||
<div class="itemBox"> | |||
<div class="yuandian"></div> | |||
<div class="itemText">经营信息</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!--多维度数据报表 --> | |||
<div class="dataBox"> | |||
<div class="dataTitle">多维度数据报表</div> | |||
<div class="dataItem1">驾驶舱、客流、车流、营销、用户、交易上报等多维核心数据</div> | |||
<div class="dataItem2">高管、部门总、员工等权限区分数据查看范围</div> | |||
<div class="dataItem3">运营数据 预警通知,防患未然。</div> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension"></div> | |||
<!-- 尾部 --> | |||
<div class="footer"></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js"></script> | |||
<script src="../js/yewu.js"></script> | |||
</html> |
@@ -0,0 +1,334 @@ | |||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |||
<title>富茂链客</title> | |||
<link rel="stylesheet" href="./css/index.css"> | |||
</head> | |||
<body> | |||
<!-- 头部 --> | |||
<div class="headerBox"> | |||
<!-- <div ></div> --> | |||
<a href="../index.html"><img class="imgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_logo.png" alt=""></a> | |||
<div class="contenBox"> | |||
<div class="item" id="home">首页</div> | |||
<div class="item" id="jiejue">解决方案</div> | |||
<div class="item" id="fuwu">服务支持</div> | |||
<div class="item" id="anli">成功案例</div> | |||
<div class="item" id="women">关于我们</div> | |||
</div> | |||
<div class="goBox"> | |||
<a target="_blank" href="https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn" class="zx">立即咨询</a> | |||
<a target="_blank" href="https://admin.malls.iformall.com/#/login" class="goA">登录</a> | |||
</div> | |||
</div> | |||
<!-- 专注 --> | |||
<img class="concentrationBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_banner.png" alt=""> | |||
<!-- <div ></div> --> | |||
<!-- h3 --> | |||
<h3 class="h3">富茂链客解决方案</h3> | |||
<!-- 跳转模块 --> | |||
<div class="modeBox"> | |||
<div class="privateBox"> | |||
<div class="private"> | |||
<div class="privateText">私域流量、顾客、会员、权益 精准数字化营销</div> | |||
<a target="_blank" href="./html/liuliang.html" class="goIntegration">了解详情</a> | |||
<div class="privateHie"></div> | |||
</div> | |||
<div class="digitization"> | |||
<div class="privateText">业务管理数字化 <br/>实现在线可视化运营</div> | |||
<a target="_blank" href="./html/yewu.html" class="goIntegration">了解详情</a> | |||
<div class="digitizationHie"></div> | |||
</div> | |||
</div> | |||
<div class="integrationBox"> | |||
<div class="integrationItem"> | |||
<div class="integrationText">智能硬件集成 <br/>实现软硬一体无缝业务关联</div> | |||
<a target="_blank" href="./html/iot.html" class="goIntegration">了解详情</a> | |||
<div class="integrationItemHie"></div> | |||
</div> | |||
<div class="integrationItem2"> | |||
<div class="integrationText2">快速实施部署 <br/>可定制化大客户需求</div> | |||
<a target="_blank" href="./html/busu.html" class="goIntegration">了解详情</a> | |||
<div class="integrationItem2Hie"></div> | |||
</div> | |||
<div class="integrationItem3"> | |||
<div class="integrationText3">持续迭代的技术 <br/>支持和服务</div> | |||
<a target="_blank" href="./html/wufu.html" class="goIntegration">了解详情</a> | |||
<div class="integrationItem3Hie"></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 服务模式 --> | |||
<div class="serveBox"> | |||
<div class="title" id="mian">我们的服务模式</div> | |||
<div class="textBox"> | |||
<div class="itemBox4"> | |||
<div class="itemImgBox1"> | |||
<img class="img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_ic_fw.png" alt=""> | |||
<div class="imgText">全流程持续服务</div> | |||
<div class="activity1"></div> | |||
</div> | |||
<div class="itemImgBox2"> | |||
<img class="img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_ic_sj.png" alt=""> | |||
<div class="imgText">新功能持续升级</div> | |||
<div class="activity2"></div> | |||
</div> | |||
<div class="itemImgBox3"> | |||
<img class="img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_ic_wh.png" alt=""> | |||
<div class="imgText">全方位执行协助维护</div> | |||
<div class="activity3"></div> | |||
</div> | |||
<div class="itemImgBox4"> | |||
<img class="img" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_ic_zzfw.png" alt=""> | |||
<div class="imgText">制定运营增值服务</div> | |||
<div class="activity4"></div> | |||
</div> | |||
</div> | |||
<div class="explainBox1"> | |||
<img class="explainImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_img.png" alt=""> | |||
<div class="explainTextBox"> | |||
<div class="explainH3">金牌服务: </div> | |||
<div class="explainText">全流程持续服务</div> | |||
<div class="explainP">在产品的搭建到运营协助的服务周期中,富茂链客通过邮件、热线电话、即时通讯等多渠道,向用户提供全方位的运营和技术支持。</div> | |||
</div> | |||
<img class="explainImgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_img_1.png" alt=""> | |||
</div> | |||
<div class="explainBox2"> | |||
<img class="explainImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_img.png" alt=""> | |||
<div class="explainTextBox"> | |||
<div class="explainH3">功能持续升级: </div> | |||
<div class="explainText">时刻拥有核心竞争力</div> | |||
<div class="explainP">服务期内持续获得富茂链客新特性功能:无需重新实施,无需操作静默升级,无需支付昂贵的“开发费”。</div> | |||
</div> | |||
<img class="explainImgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_fwms_img_2.png" alt=""> | |||
</div> | |||
<div class="explainBox3"> | |||
<img class="explainImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_img.png" alt=""> | |||
<div class="explainTextBox"> | |||
<div class="explainH3">用户关怀: </div> | |||
<div class="explainText">产品使用中毫无顾虑</div> | |||
<div class="explainP">免费升级行业标准需求的提案,全方位多维度多岗位守护随时待命,线上与线下的定期关怀协助您把握机会。</div> | |||
</div> | |||
<img class="explainImgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_fwms_img_3.png" alt=""> | |||
</div> | |||
<div class="explainBox4"> | |||
<img class="explainImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_fwms_img.png" alt=""> | |||
<div class="explainTextBox"> | |||
<div class="explainH3">运营增值服务: </div> | |||
<div class="explainText">提高效率有效降低企业成本</div> | |||
<div class="explainP">线上代运营服务可有效节省团队招聘培训、运营支出、管理等搭建成本:丰富的运营实操经验,可以有效的少走弯路提高效率,推动商业综合体的运营业绩提升。</div> | |||
</div> | |||
<img class="explainImgBox" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/home_fwms_img_zzfw.png" alt=""> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 案例 --> | |||
<div class="caseBox"> | |||
<div class="caseText">我们的精选案例</div> | |||
<div class="caseLogoBox"> | |||
<div class="caseLogo1"> | |||
<div class="logoBox1"> | |||
<!-- <div class="LOGO">LOGO</div> --> | |||
<div class="name">金茂泊悦荟</div> | |||
</div> | |||
<div class="jinbaoBoxA1"> | |||
<div class="jinbaoF"> | |||
<div class="jinbaoText">金茂泊悦荟</div> | |||
<div class="jinbaop">茂邻荟商业项目位于湖南省级金融中心,湘江西岸、国家级湘江新区,滨江新城北区,定位为小而美社区商业,同时兼具商务配套功能,总建筑面积约3万㎡,涵盖商业街、酒店、创客空间,打造零售、餐饮、服务、娱乐、教培、亲子六大业态,开业后将提升滨江北版块的整体商业配套丰富度及品质感,在服务周边社区居民的同时,为滨江金融中心办公人群提供生活后花园</div> | |||
</div> | |||
<div class="jinbaoR"> | |||
<!-- <div class="rqCode"></div> --> | |||
<img class="rqCode" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_mlh.jpg" alt=""> | |||
<div class="rqText">微信扫码立即体验</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="caseLogo2"> | |||
<div class="logoBox2"> | |||
<!-- <div class="LOGO">LOGO</div> --> | |||
<div class="name">欢乐城国际购物中心</div> | |||
</div> | |||
<div class="jinbaoBoxA2"> | |||
<div class="jinbaoF"> | |||
<div class="jinbaoText">欢乐城</div> | |||
<div class="jinbaop">常德和瑞欢乐城,由湖南恒睿商业管理有限公司运营管理。地处常德火车站商圈,位于武陵大道与三星路交汇处。是集国际购物中心、时尚天街、奢品公寓、全能写字楼等多功能为一体的城市综合体。</div> | |||
</div> | |||
<div class="jinbaoR"> | |||
<img class="rqCode" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_dzxz.png" alt=""> | |||
<div class="rqText">微信扫码立即体验</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="caseLogo3"> | |||
<div class="logoBox3"> | |||
<!-- <div class="LOGO">LOGO</div> --> | |||
<div class="name">杭州东站西子国际 </div> | |||
</div> | |||
<div class="jinbaoBoxA3"> | |||
<div class="jinbaoF"> | |||
<div class="jinbaoText">杭州东站西子</div> | |||
<div class="jinbaop">东站·西子国际项目面积约13万方。以儿童娱乐教育培训为主同时涵盖超市零售、休闲娱乐、精品酒店等多业态为一体的特色商业综合体。</div> | |||
</div> | |||
<div class="jinbaoR"> | |||
<img class="rqCode" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_hlc.png" alt=""> | |||
<div class="rqText">微信扫码立即体验</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="caseLogo4"> | |||
<div class="logoBox4"> | |||
<!-- <div class="LOGO">LOGO</div> --> | |||
<div class="name">福州连江万星广场</div> | |||
</div> | |||
<div class="jinbaoBoxA4"> | |||
<div class="jinbaoF"> | |||
<div class="jinbaoText">福州连江万星</div> | |||
<div class="jinbaop">福州连江万星广场总体量22万㎡,商业体量10万㎡。以“家庭生活+”的概念定位打造集精致生活体验、魔幻亲子乐园、缤纷美食、休闲娱乐于一体的连江新商业综合体,为连江提供专属的“星”生活方式及圈层社交平台。 </div> | |||
</div> | |||
<div class="jinbaoR"> | |||
<img class="rqCode" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_wx.png" alt=""> | |||
<div class="rqText">微信扫码立即体验</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 关于富茂科技 --> | |||
<div class="aboutUt"> | |||
<div class="aboutTextBoxw"> | |||
<div class="aboutTextBox"> | |||
<div class="aboutTitle">关于富茂科技</div> | |||
<div class="xian"> | |||
<div class="zixian"></div> | |||
</div> | |||
<div class="aboutText1">富茂科技2018年7月成立,目前北京,武汉两家分公司,全国设有上海,南宁,成都,长沙   4个销售办事处。团队融合实体商业 + 大数据 + 互联网技术,专注于线下商业数字化方案的科技企业。</div> | |||
<div class="aboutText2"> 富茂链客通过自主研发的富茂链客TM帮助商业综合体实现场内营销、数据采集和数字化运营, 解决商业综合体的场景营销、场内数据采集的痛点,实现一体化经营。</div> | |||
</div> | |||
</div> | |||
<div class="bgImg"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_gywm_dttt.png" alt=""> | |||
</div> | |||
</div> | |||
<!-- 更多选择 --> | |||
<div class="select"> | |||
<div class="selectTitle">更多用户的共同选择</div> | |||
<div class="companyLogoBox"> | |||
<div class="companyLogo1"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1/malinkadmin/2021-08-04/cf6278ff5c394d4d840ee7fd5b20e95e.jpg" alt=""> | |||
</div> | |||
<div class="companyLogo2"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1001/logo-1.png" alt=""> | |||
</div> | |||
<div class="companyLogo3"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1002/tongfulou.png" alt=""> | |||
</div> | |||
<div class="companyLogo4"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1003/dongzhanxiziguoji.png" alt=""> | |||
</div> | |||
<div class="companyLogo5"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1004/ld1086.png" alt=""> | |||
</div> | |||
<div class="companyLogo6"> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1/malinkadmin/2020-11-23/5a0bdb2874db45f3bdae8739e97bb594.jpg " alt=" "> | |||
</div> | |||
<div class="companyLogo7 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1005/yxtlw.png " alt=" "> | |||
</div> | |||
<div class="companyLogo8 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1006/hyc.png " alt=" "> | |||
</div> | |||
<div class="companyLogo9 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1007/njol.png " alt=" "> | |||
</div> | |||
<div class="companyLogo10 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1/malinkadmin/2021-07-26/f9a6f6fdf17747149e687db2ab980135.jpg " alt=" "> | |||
</div> | |||
<div class="companyLogo11 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1009/jyxh.png " alt=" "> | |||
</div> | |||
<div class="companyLogo12 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1010/qbj.png " alt=" "> | |||
</div> | |||
<div class="companyLogo13 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1011/ydgc.jpeg " alt=" "> | |||
</div> | |||
<div class="companyLogo14 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1012/jp99.jpeg " alt=" "> | |||
</div> | |||
<div class="companyLogo15 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1013/weiye.png " alt=" "> | |||
</div> | |||
<div class="companyLogo16 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1014/snyf.png " alt=" "> | |||
</div> | |||
<div class="companyLogo17 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1015/zfjy.png " alt=" "> | |||
</div> | |||
<div class="companyLogo18 "> | |||
<!-- 富茂 --> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/456/f6a298b5-96a8-44e7-9502-ff144aa5f418.png " alt=" "> | |||
</div> | |||
<div class="companyLogo19 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1016/dlfyh.png " alt=" "> | |||
</div> | |||
<div class="companyLogo20 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1017/dysm.png " alt=" "> | |||
</div> | |||
<div class="companyLogo21 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1018/wlxtd.png " alt=" "> | |||
</div> | |||
<!-- <div class="companyLogo22 "></div> --> | |||
<div class="companyLogo23 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1000/ma.png" alt=" "> | |||
</div> | |||
<div class="companyLogo24 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1008/hrhlc.jpeg " alt=" "> | |||
</div> | |||
<div class="companyLogo25 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1021/yzc.png " alt=" "> | |||
</div> | |||
<div class="companyLogo26 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1022/wxgc.png " alt=" "> | |||
</div> | |||
<div class="companyLogo27 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1023/ddgc.png " alt=" "> | |||
</div> | |||
<div class="companyLogo28 "> | |||
<img src="https://formall.oss-accelerate.aliyuncs.com/1024/mf.png " alt=" "> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 我们的合作伙伴 --> | |||
<div class="partner ">我们的合作伙伴</div> | |||
<div class="partnerLogoBox "> | |||
<img class="partnerLogo " src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_hzhb_img.png " alt=" "> | |||
</div> | |||
<!-- 右悬浮 --> | |||
<div class="suspension "></div> | |||
<!-- 尾部 --> | |||
<div class="footer "></div> | |||
</body> | |||
<script src="../js/jquery-1.11.3.js "></script> | |||
<script src="../js/index.js "></script> | |||
</html> | |||
<script language="javascript " src="http://dbt.zoosnet.net/JS/LsJS.aspx?siteid=DBT86461431&float=1&lng=cn "></script> |
@@ -0,0 +1,8 @@ | |||
$(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
$(function() { | |||
$(".toutu").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,258 @@ | |||
// $(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
$(function() { | |||
$("#home").click(function() { | |||
$("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000) | |||
}); | |||
$("#jiejue").click(function() { | |||
$("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000) | |||
}); | |||
$("#fuwu").click(function() { | |||
$("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000) | |||
}); | |||
$("#anli").click(function() { | |||
$("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000) | |||
}); | |||
$("#women").click(function() { | |||
$("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000) | |||
}); | |||
$(".itemImgBox1").click(function() { | |||
$(".activity1").css("display", "block") | |||
$(".activity2").css("display", "none") | |||
$(".activity3").css("display", "none") | |||
$(".activity4").css("display", "none") | |||
$(".explainBox1").css("display", "block") | |||
$(".explainBox2").css("display", "none") | |||
$(".explainBox3").css("display", "none") | |||
$(".explainBox4").css("display", "none") | |||
}) | |||
$(".itemImgBox2").click(function() { | |||
$(".activity1").css("display", "none") | |||
$(".activity2").css("display", "block") | |||
$(".activity3").css("display", "none") | |||
$(".activity4").css("display", "none") | |||
$(".explainBox1").css("display", "none") | |||
$(".explainBox2").css("display", "block") | |||
$(".explainBox3").css("display", "none") | |||
$(".explainBox4").css("display", "none") | |||
}) | |||
$(".itemImgBox3").click(function() { | |||
$(".activity1").css("display", "none") | |||
$(".activity2").css("display", "none") | |||
$(".activity3").css("display", "block") | |||
$(".activity4").css("display", "none") | |||
$(".explainBox1").css("display", "none") | |||
$(".explainBox2").css("display", "none") | |||
$(".explainBox3").css("display", "block") | |||
$(".explainBox4").css("display", "none") | |||
}) | |||
$(".itemImgBox4").click(function() { | |||
$(".activity1").css("display", "none") | |||
$(".activity2").css("display", "none") | |||
$(".activity3").css("display", "none") | |||
$(".activity4").css("display", "block") | |||
$(".explainBox1").css("display", "none") | |||
$(".explainBox2").css("display", "none") | |||
$(".explainBox3").css("display", "none") | |||
$(".explainBox4").css("display", "block") | |||
}) | |||
// 动画组 | |||
$(".caseLogo1").mouseenter(function() { | |||
$(".caseLogo1").animate({ width: '443px' }, 300, function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo2").css("width", "222px") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo3").css("width", "222px") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo4").css("width", "222px") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".jinbaoBoxA1").css("display", "block") | |||
$(".logoBox1").css("display", "none") | |||
}) | |||
}) | |||
// $(".caseLogo1").mouseleave(function() { | |||
// $(".caseLogo1").stop() | |||
// // 隐藏其他 | |||
// $(".caseLogo2").css("width", "222px") | |||
// $(".jinbaoBoxA2").css("display", "none") | |||
// $(".logoBox2").css("display", "block") | |||
// $(".caseLogo3").css("width", "222px") | |||
// $(".jinbaoBoxA3").css("display", "none") | |||
// $(".logoBox3").css("display", "block") | |||
// $(".caseLogo4").css("width", "222px") | |||
// $(".jinbaoBoxA4").css("display", "none") | |||
// $(".logoBox4").css("display", "block") | |||
// $(".caseLogo1").animate({ width: '222px' }, 300) | |||
// $(".jinbaoBoxA1").css("display", "none") | |||
// $(".logoBox1").css("display", "block") | |||
// }) | |||
$(".caseLogo2").mouseenter(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".caseLogo3").css("width", "222px") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo4").css("width", "222px") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".caseLogo2").animate({ width: '443px' }, 300, function() { | |||
$(".jinbaoBoxA2").css("display", "block") | |||
$(".logoBox2").css("display", "none") | |||
}) | |||
}) | |||
$(".caseLogo2").mouseleave(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".caseLogo3").css("width", "222px") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo4").css("width", "222px") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo2").animate({ width: '222px' }, 300, function() { | |||
$(".caseLogo1").css("width", '443px') | |||
$(".jinbaoBoxA1").css("display", "block") | |||
$(".logoBox1").css("display", "none") | |||
}) | |||
}) | |||
$(".caseLogo3").mouseenter(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo2").css("width", "222px") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".caseLogo4").css("width", "222px") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".caseLogo3").animate({ width: '443px' }, 300, function() { | |||
$(".jinbaoBoxA3").css("display", "block") | |||
$(".logoBox3").css("display", "none") | |||
}) | |||
}) | |||
$(".caseLogo3").mouseleave(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo2").css("width", "222px") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".caseLogo4").css("width", "222px") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo3").animate({ width: '222px' }, 300, function() { | |||
$(".caseLogo1").css("width", '443px') | |||
$(".jinbaoBoxA1").css("display", "block") | |||
$(".logoBox1").css("display", "none") | |||
}) | |||
}) | |||
$(".caseLogo4").mouseenter(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo2").css("width", "222px") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo3").css("width", "222px") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".caseLogo4").animate({ width: '443px' }, 300, function() { | |||
$(".jinbaoBoxA4").css("display", "block") | |||
$(".logoBox4").css("display", "none") | |||
}) | |||
}) | |||
$(".caseLogo4").mouseleave(function() { | |||
$(".caseLogo2").stop() | |||
$(".caseLogo1").stop() | |||
$(".caseLogo3").stop() | |||
$(".caseLogo4").stop() | |||
// 隐藏其他 | |||
$(".caseLogo2").css("width", "222px") | |||
$(".jinbaoBoxA2").css("display", "none") | |||
$(".logoBox2").css("display", "block") | |||
$(".caseLogo3").css("width", "222px") | |||
$(".jinbaoBoxA3").css("display", "none") | |||
$(".logoBox3").css("display", "block") | |||
$(".caseLogo1").css("width", "222px") | |||
$(".jinbaoBoxA1").css("display", "none") | |||
$(".logoBox1").css("display", "block") | |||
$(".jinbaoBoxA4").css("display", "none") | |||
$(".logoBox4").css("display", "block") | |||
$(".caseLogo4").animate({ width: '222px' }, 300, function() { | |||
$(".caseLogo1").css("width", '443px') | |||
$(".jinbaoBoxA1").css("display", "block") | |||
$(".logoBox1").css("display", "none") | |||
}) | |||
}) | |||
$(".concentrationBox").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,8 @@ | |||
$(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
$(function() { | |||
$(".xhuancuanimg").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,9 @@ | |||
$(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
console.log($(".headerBox")); | |||
$(function() { | |||
$(".jianliBox").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,5 @@ | |||
$(function() { | |||
$(".suspended1").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,8 @@ | |||
$(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
$(function() { | |||
$(".wufuImg").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |
@@ -0,0 +1,8 @@ | |||
$(".headerBox").load("../html/head.html"); | |||
$(".suspension").load("../html/suspension.html"); | |||
$(".footer").load("../html/footer.html"); | |||
$(function() { | |||
$(".yewuBox").click(function() { | |||
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") | |||
}) | |||
}) |