魏志佳 преди 4 години
ревизия
32681bab0d

+ 109 - 0
aboutUs.html

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="网站描述" />
+    <meta name="keywords" content="网站关键词" />
+    <meta content="万户网络 http://www.wanhu.com.cn" name="design">
+    <title>关于我们-有腾管家</title>
+    <link rel="stylesheet" href="./css/reset.css">
+    <link rel="stylesheet" type="text/css" href="./utils/jquery.fullPage.css" />
+    <link rel="stylesheet" href="./css/About.css">
+
+</head>
+<body>
+    <div class="header clearFixed">
+        <div class="wrap1">           
+            <div class="navBody">
+                <ul id="menu">
+                    <li data-menuanchor="banner" >
+                        <a href="./index.html">
+                            <img src="./image/icon.png" alt="" class="iconImg">
+                        </a>                       
+                    </li>
+                    <div class="nav">
+                        <li data-menuanchor="intelligentDelivery" >
+                            <a href="./index.html#intelligentDelivery">
+                                智能投放                               
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="efficiencyTools">
+                            <a href="./index.html#efficiencyTools">
+                                效率工具                              
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="materialManagement">
+                            <a href="./index.html#materialManagement">
+                                素材管理
+                                
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="advertisingInformation">
+                            <a href="./index.html#advertisingInformation">
+                                广告情报
+                                
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="playMaterial">
+                            <a href="./index.html#playMaterial">
+                                试玩素材
+                                
+                            </a>                          
+                        </li>
+                        <li data-menuanchor="experienceDemo">
+                            <a href="./index.html#experienceDemo">
+                                体验demo
+                               
+                            </a>                           
+                        </li>
+                        <li data-menuanchor="aboutUs">
+                            <a href="./aboutUs.html">
+                                关于我们
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                    </div>
+
+                    
+                </ul>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="banner">
+            <img src="./image/showBanner.png" alt="">
+            <div class="context">
+                <p class="title">关于我们</p>
+                <p class="text">公司致力于以客户为中心,以人才为中心,注重人才的培养吸纳,推崇“更好的人成就更好的团队”这一核心理念</p>
+            </div>
+        </div>
+        <div class="section">
+            <div class="wrap1">
+                <p class="first">
+                    有腾文化是一家新型的移动端效果营销技术服务商,公司成立于2019年12月,总部位于上海。,我们凭借对媒体和客户的深刻理解,以大数据为依托,以短视频为主要内容载体,为客户提供精准投放,专业服务,助力流量增长,实现共赢。
+                </p>
+                <p class="second">
+                    公司致力于以客户为中心,以人才为中心,拥有专业的研发团队和视频制作团队,团队核心成员拥有多年知名互联网公司从业经验。公司注重人才的培养吸纳,推崇“更好的人成就更好的团队”这一核心理念,给大家提供良好的事业发展平台。
+                </p>
+            </div>
+            
+        </div>
+    </div>
+    <div class="footer">
+        
+            <div class="wrap1">
+                <div class="info">
+                    <p class="topInfo">沪ICP备20021025号-1</p>
+                    <p class="bottomInfo">Copyright © 2020 上海有腾文化传播有限公司</p>
+                </div>
+            </div>
+        
+    </div>
+</body>
+</html>

+ 171 - 0
css/About.css

@@ -0,0 +1,171 @@
+body,html{
+    width: 100%;
+    height: 100%;
+}
+.container{
+    width: 100%;
+    height: 100%;
+}
+
+.wrap1{
+    width:1200px;
+    height: 100%;
+    margin: 0 auto;
+    text-align: center;
+}
+.clearFixed::before{
+    content: '';
+    display: block;
+    clear: both;
+}
+.header{
+    width: 100%;
+    height: 80px;
+    box-sizing: border-box;
+    padding: 21px 0 22px 0;
+    background-color: #1E2A71;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+
+.fullpage-wrapper{
+    transform: translate3d(0px, -147px, 0px);
+}
+.iconImg{
+    width: 140px;
+    
+}
+.navBody{
+  height: 37px;
+  line-height: 37px;
+   
+}
+.navBody ul{
+    height: 100%;
+    /* overflow: hidden; */
+}
+.navBody li{
+    height: 100%;
+    margin-right: 32px;
+    float: left;
+}
+.navBody ul li:last-child{
+    margin-right: 0;
+}
+.navBody ul li:first-child{
+    
+    float: left;
+}
+.navBody a{
+
+    width:68px;
+    
+    font-size:16px;
+    font-family:PingFangSC-Semibold,PingFang SC;
+    font-weight:400;
+    color:rgba(235,235,235,1);
+    line-height:22px;
+    
+}
+
+.navBody .activeBorde{
+    width:30px;
+    height:2px;
+    background:rgba(82,196,26,1);
+    border-radius:1px;
+    display: block;
+}
+#menu{
+    height: 100%;
+    width: 100%;
+}
+#menu .nav{
+    float:right;
+}
+
+
+
+.active a{
+    color:rgba(255,255,255,1);
+}
+.active .activeBorde{
+    display: block;
+}
+
+.footer{
+    width: 100%;
+    height: 95px;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    background:rgba(44,50,54,1);
+}
+.topInfo{  
+    font-size:14px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,1);   
+    letter-spacing:1px;     
+    margin: 23px 0 11px;
+}
+.bottomInfo{
+    font-size:14px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,1);
+    letter-spacing:1px;
+}
+
+.banner{
+    
+    width: 100%;
+    padding-top: 80px;
+    position: relative;
+}
+.banner img{
+    width: 100%;
+}
+
+.banner .context{
+    width: 800px;
+    position: absolute;
+    top: 180px;
+    left: 50%;
+    margin-left: -400px;
+}
+.banner .context .title{    
+    height: 30px;
+    font-size: 36px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFFFFF;
+    line-height: 30px;
+    margin-bottom: 20px;
+}
+
+.banner .context .text{  
+    height: 30px;
+    font-size: 16px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFFFFF;
+    line-height: 30px;
+}
+.section{
+    margin-top: 56px;
+}
+.section .first,.section .second{   
+    font-size: 18px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 30px;
+    text-align: left;
+    text-indent: 36px;
+}
+.section .first{
+    margin-bottom: 30px;
+}
+

+ 745 - 0
css/index.css

@@ -0,0 +1,745 @@
+/* 修改fullpage的css */
+
+
+
+.fp-controlArrow{
+    display: none;
+}
+
+body{
+    margin: 0;
+    padding: 0;
+}
+.container{
+    width: 100%;
+}
+
+.wrap{
+    width:1200px;
+    height: 100%;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+}
+.wrap1{
+    width:1200px;
+    height: 100%;
+    margin: 0 auto;
+    
+}
+.clearFixed::before{
+    content: '';
+    display: block;
+    clear: both;
+}
+.header{
+    width: 100%;
+    height: 80px;
+    box-sizing: border-box;
+    padding: 21px 0 22px 0;
+    
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 10;
+}
+.headerColor{
+    background-color: #1E2A71;
+}
+.fullpage-wrapper{
+    transform: translate3d(0px, -147px, 0px);
+}
+.iconImg{
+    width: 140px;
+    
+}
+.navBody{
+  height: 37px;
+  line-height: 37px;
+   
+}
+.navBody ul{
+    height: 100%;
+    /* overflow: hidden; */
+}
+.navBody li{
+    height: 100%;
+    margin-right: 32px;
+    float: left;
+}
+.navBody ul li:last-child{
+    margin-right: 0;
+}
+.navBody ul li:first-child{
+    
+    float: left;
+}
+.navBody a{
+
+    width:68px;
+    
+    font-size:16px;
+    font-family:PingFangSC-Semibold,PingFang SC;
+    font-weight:400;
+    color:rgba(235,235,235,1);
+    line-height:22px;
+    
+}
+
+.navBody .activeBorde{
+    width:30px;
+    height:2px;
+    background:rgba(82,196,26,1);
+    border-radius:1px;
+    display: none;
+}
+#menu{
+    height: 100%;
+    width: 100%;
+}
+#menu .nav{
+    float:right;
+}
+
+
+
+.active a{
+    color:rgba(255,255,255,1);
+}
+.active .activeBorde{
+    display: block;
+}
+
+.swiper-container{
+    width: 100%;
+    min-width: 1200px;
+    height: 100%;
+}
+.swiper-pagination-bullet-active{
+    background-color: #fff;
+}
+.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
+    bottom: 50px;
+    left: 0;
+    width: 100%;
+}
+
+.bannerImg{
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+}
+.intelligentDelivery{
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    
+}
+
+.intelligentDeliveryBody{
+    width: 100%;
+    display: flex;
+    /* box-sizing: border-box; */
+    align-items: center;
+}
+.flexBox{
+    width: 100%;
+    /* margin-top: 10%; */
+}
+.intelligentDelivery-top{   
+    width: 100%;
+    text-align: center;
+}
+.intelligentDelivery-title{
+    font-size:34px;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(51,51,51,1);
+    line-height:48px;
+    letter-spacing:1px;
+}
+.greenBar{
+    width:40px;
+    height:6px;
+    display: block;
+    margin: 28px auto 50px;
+    background:rgba(82,196,26,1);
+    border-radius:5px;
+}
+.intelligentDelivery-bottom{
+    width: 100%;
+    overflow: hidden;
+    position: relative; 
+    bottom: -600px;
+}
+.intelligentDelivery-item{
+    width: 30%;
+    text-align: center;
+    float: left;
+}
+.intelligentDelivery-item-img{
+    width: 200px;
+    height: 200px;
+    margin: 0 auto;
+}
+.intelligentDelivery-item-img .itemImg{
+    width: 200px;
+    height: 200px;
+}
+
+.intelligentDelivery-item:nth-child(2){
+    margin: 0 5%;
+}
+.intelligentDelivery-item-title{
+    margin: 20px 0;
+    font-size:26px;
+    font-family:PingFangSC-Semibold,PingFang SC;
+    font-weight:600;
+    color:rgba(51,51,51,1);
+    line-height:45px;
+    letter-spacing:1px;
+}
+
+.intelligentDelivery-item-text{
+    width: 100%;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(91,108,148,1);
+    line-height:28px;
+    word-wrap: wrap;
+}
+
+
+.efficiencyTools,.advertisingInformation{
+    width: 100%;
+    height: 100%;
+    background:rgba(244,250,255,1);
+}
+
+.efficiencyToolsBody{    
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+}
+.efficiencyToolsLeft{
+    width: 50%;   
+    position: relative;
+    left: -1000px;    
+}
+.efficiencyToolsRight{
+    width: 50%;
+    height: 53.6%;
+    box-sizing: border-box;
+    position: relative;
+    right: -1000px;   
+}
+.imgBox {
+    width: 100%;
+    height: 100%;
+}
+.imgBox img{
+    width: 100%;
+    height: 100%;
+}
+.efficiencyToolsLeft-title{
+text-align:left;
+}
+.efficiencyToolsLeft-title p{
+    font-size:34px;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(51,51,51,1);
+    line-height:48px;
+    letter-spacing:1px;
+}
+.orangeBar{
+    width:40px;
+    height:6px;
+    background:rgba(82,196,26,1);
+    border-radius:4px;
+    margin: 25px 0;
+}
+
+.efficiencyToolsLeft-text{
+    margin-top: 34px;
+    padding-right: 100px;
+}
+.efficiencyToolsLeft-text .text{
+    text-align: left;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(91,108,148,1);
+    line-height:28px;
+    word-wrap: wrap;
+
+}
+
+.btn{
+    margin-top: 50px;
+    width:160px;
+    height:50px;
+    background:rgba(24,144,255,1);
+    box-shadow:0px 2px 4px 0px rgba(193,213,253,1);
+    border-radius:33px;
+    text-align: center;
+    padding: 8px 20px;
+    box-sizing: border-box;
+    cursor: pointer;
+}
+.btn span{
+    display: block;
+    width:120px;
+    height:30px;
+    line-height: 30px;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:500;
+    color:rgba(255,255,255,1);   
+    cursor: pointer;
+}
+.materialManagement,.playMaterial{
+    width: 100%;
+    height: 100%;
+    background:rgba(255,255,255,1);
+}
+.materialManagementBody{
+    box-sizing: border-box;
+    display: flex;
+}
+.materialManagementLeft{
+    width: 50%;
+    height: 408px;   
+    position: relative;
+    left: -1000px;
+}
+.materialManagementRight{
+    width: 50%;
+    height: 408px;
+    box-sizing: border-box;
+    padding-left: 90px;
+    position: relative;
+    right: -1000px;
+}
+.materialManagementRight-text{
+    margin-top: 34px;
+    
+}
+
+.materialManagementRight-text .text{
+    text-align: left;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(91,108,148,1);
+    line-height:28px;
+    word-wrap: wrap;
+
+}
+
+
+
+/* tiyandemo */
+.experienceDemo{
+    width: 100%;
+    height: 100%;
+    background:rgba(40,106,239,1);
+    position: relative;
+}
+.experienceDemoBody{
+    width: 100%;
+    
+    display: flex;
+    align-content: center;
+}
+
+.experienceDemoLeft{
+    width: 50%;
+    
+}
+.experienceDemoRight{
+    width: 40%;
+    
+    padding-left: 10%;
+}
+.experienceDemoRight-title{
+    width: 100%;
+    text-align: center;
+}
+.experienceDemoRight-title .top{   
+    height:48px;
+    font-size:34px;
+    font-family:PingFangSC-Semibold,PingFang SC;
+    font-weight:500;
+    color:rgba(255,255,255,1);
+    line-height:48px;
+    letter-spacing:1px;
+}
+.experienceDemoRight-title .bottom{
+    height:22px;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,0.8);
+    line-height:22px;
+    letter-spacing:1px;
+    margin-top: 10px;
+}
+
+.experienceDemoRight-imgBOX{
+    width: 80%;  
+    margin: 0 auto;
+}
+.experienceDemoRight-imgBOX .people{
+    width: 100%;
+    height: 100%;
+}
+.experienceDemoRight-tip .email{
+    height:28px;
+    font-size:20px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,0.8);
+    line-height:28px;
+    letter-spacing:1px;
+}
+
+.experienceDemoLeft-form{
+    margin-top: 70px;
+    width: 100%;
+}
+.experienceDemoLeft-form .item{
+    display: flex;
+    margin-bottom: 25px;
+}
+.experienceDemoLeft-form .item-left{
+    width:280px;
+    height:64px;
+    border-radius:32px;
+    border:2px solid rgba(107,155,255,1);
+    padding-left: 20px;
+    box-sizing: border-box;
+    margin-right: 50px;
+    position: relative;
+}
+
+.experienceDemoLeft-form .item-left.error{
+    border:2px solid #FF887F;
+}
+.experienceDemoLeft-form .item-right.error{
+    border:2px solid #FF887F;
+}
+
+.experienceDemoLeft-form .item-right{
+    width:280px;
+    height:64px;
+    border-radius:32px;
+    border:2px solid rgba(107,155,255,1);
+    padding-left: 20px;
+    box-sizing: border-box;
+    position: relative;
+}
+input{
+    background-color: transparent;
+    width: 100%;
+    height: 100%;
+    font-size: 16px;
+    outline: none;
+    
+    color: #fff;
+    /* color: -internal-light-dark-color( white,black); */
+    
+}
+input:focus{
+    outline: none;
+}
+input::-webkit-input-placeholder { 
+    /* WebKit browsers */ 
+    color: #B5CCFB; 
+} 
+input:-moz-placeholder { 
+    /* Mozilla Firefox 4 to 18 */ 
+color: #B5CCFB; 
+} 
+input::-moz-placeholder { 
+/* Mozilla Firefox 19+ */ 
+color: #B5CCFB; 
+} 
+input:-ms-input-placeholder { 
+/* Internet Explorer 10+ */ 
+color: #B5CCFB; 
+}
+
+
+.item .yuyue{
+    width:100%;
+    height:64px;
+    line-height: 64px;
+    background:rgba(214,226,252,1);
+    border-radius:32px;
+    text-align: center;
+    cursor: pointer;
+}
+.item .yuyue:hover{
+    background:#fff;
+}
+.item .yuyue span{
+    
+    height:28px;
+    font-size:18px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(39,107,239,1);
+    line-height:28px;
+    letter-spacing:1px;
+    cursor: pointer;
+}
+
+.verificationCode,.showNum{
+    height:22px;
+    font-size:14px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color: #B5CCFB;
+    line-height:22px;
+    letter-spacing:1px;
+    cursor: pointer;
+}
+.verificationCodeArea{
+    position: relative;
+    height: 22px;
+}
+.clickArea{
+    position: absolute;
+    right: 20px;
+    top: 19px;
+    padding-left: 10px;
+}
+.verificationCode::before,.showNum::before{
+    content: '';
+    display: block;
+    width:2px;
+    height:14px;
+    background:#6B9BFF;
+    position: absolute;
+    left: 0;
+    top: 5px;
+}
+.showNum{
+    color: #B5CCFB;
+    cursor: default;
+}
+.experienceDemoBottom{
+    width: 100%;
+    position: absolute;
+    height: 95px;
+    background:rgba(44,50,54,1);
+    text-align: center;
+    bottom: 0;
+    left: 0;
+}
+
+
+.topInfo{  
+    font-size:14px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,1);   
+    letter-spacing:1px;     
+    margin: 23px 0 11px;
+}
+.bottomInfo{
+    font-size:14px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,1);
+    letter-spacing:1px;
+}
+.item-left1,.item-left2{
+    width: 122px;
+    height: 64px;
+    border-radius: 32px;
+    border: 2px solid #6B9BFF;
+    padding:0 20px;
+    box-sizing: border-box;
+}
+.item-left2{
+    margin-right: 50px;
+}
+.hengxian{
+    width: 16px;
+    height: 3px;
+    background: #6B9BFF;
+    margin: auto 10px;
+}
+select{
+    background-color: transparent;
+    width: 100%;
+    height: 100%;
+    font-size: 16px;
+    outline: none;  
+    color: #B5CCFB;
+    border: none;
+    max-height: 300px;
+    appearance:none;
+	-moz-appearance:none;
+	-webkit-appearance:none; 
+}
+option {
+    font-weight: normal;
+    display: block;
+    white-space: pre;
+    min-height: 1.2em;
+    padding: 0px 2px 1px;
+    background-color: transparent;
+    color: #333;
+    outline: none;
+}
+option:focus{
+    outline: none;
+    border: none;
+}
+
+.arrow{
+    width: 12px;
+    height: 8px;
+    display: inline-block;
+    position: absolute;
+    right: 20px;
+    top: 16px;
+    z-index: 2;
+}
+.arrow img{
+    width: 100%;
+    height: 100%;
+}
+
+.item-left1,.item-left2{
+    position: relative;
+}
+
+.companyTip,.nameTip,.phoneNumtip,.verificationCodetip{
+    position: absolute;
+    top: 64px;
+    left: 20px;
+}
+
+.item .successOK{
+    background: #5689F1;    
+    color: #8DB4FF;
+}
+.item .successOK:hover{
+    background:#5689F1;
+}
+
+.materialManagementRight-title{
+    text-align:left;
+}
+.materialManagementRight-title p{
+    font-size:34px;
+    font-family:PingFangSC-Medium,PingFang SC;
+    font-weight:500;
+    color:rgba(51,51,51,1);
+    line-height:48px;
+    letter-spacing:1px;
+}
+.materialManagementRight .orangeBar{
+    width:40px;
+    height:6px;
+    background:rgba(82,196,26,1);
+    border-radius:4px;
+    margin: 25px 0;
+}
+
+.materialManagementRight-text{
+    margin-top: 34px;
+    /* padding-right: 100px; */
+}
+.materialManagementRight-text .text{
+    text-align: left;
+    font-size:16px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(91,108,148,1);
+    line-height:28px;
+    word-wrap: wrap;
+
+}
+
+
+.onSubmitPage{
+    width: 100%;
+    height: 100%;
+    
+    background: rgba(0,0,0,.54);
+   
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 50;
+    display: none;
+}
+.onSubmitPage .infoBox{
+    width: 618px;
+    height: 376px;
+    background: #FFFFFF;
+    box-shadow: 0px 2px 4px 0px rgba(228, 228, 228, 0.5);
+    border-radius: 6px;
+    position: absolute;
+    top: 50%;
+    margin-top: -188px;
+    left: 50%;
+    margin-left: -309px;
+    z-index: 60;
+}
+
+.closeIcon{
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    z-index: 60;
+}
+
+.infoBodyTop{
+    padding-top: 74px;
+    text-align: center;
+}
+.infoBodyTop img{
+    width: 110px;
+    height: 110px;
+    margin: 0 auto;
+}
+.infoBodyBottom{
+    margin-top: 42px;
+    text-align: center;
+    width: 100%;
+}
+.infoBodyBottom .tipBig{
+    
+    height: 33px;
+    font-size: 24px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    line-height: 33px;
+    letter-spacing: 1px;
+    margin-bottom: 14px;
+}
+.infoBodyBottom .tipSmall{
+    width: 342px;
+    height: 40px;
+    font-size: 14px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #999999;
+    line-height: 20px;
+    margin: 0 auto;
+}
+
+
+
+

+ 6 - 0
css/reset.css

@@ -0,0 +1,6 @@
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
+{margin: 0;padding: 0;}
+body{text-align: center;background-color: #EEEDE8;}
+li{ list-style: none;}
+a{text-decoration: none;color:#333}
+input,button,img{border: none}

BIN
image/1212.png


BIN
image/S1.png


BIN
image/S2.png


BIN
image/S3.png


BIN
image/S4.png


BIN
image/close.png


BIN
image/error.png


BIN
image/icon.png


BIN
image/icon_on_the_top.png


BIN
image/people.png


BIN
image/show1.png


BIN
image/show2.png


BIN
image/show3.png


BIN
image/showBanner.png


BIN
image/tijiaochenggong.png


+ 757 - 0
index.html

@@ -0,0 +1,757 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="网站描述" />
+    <meta name="keywords" content="网站关键词" />
+    <meta content="万户网络 http://www.wanhu.com.cn" name="design">
+    <title>有腾管家</title>
+    <link rel="stylesheet" href="./css/reset.css">
+    <link rel="stylesheet" type="text/css" href="./utils/jquery.fullPage.css" />
+    <link rel="stylesheet" href="./utils/swiper-bundle.min.css">
+    <link rel="stylesheet" href="./css/index.css">
+    <style>
+        body{
+-webkit-user-select: none;
+-moz-user-select: none;
+-ms-user-select: none;
+user-select: none;
+}
+    </style>
+    
+</head>
+<body  leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'>
+    <!-- 头部 -->
+    <div class="header clearFixed">
+        <div class="wrap1">
+            
+            <div class="navBody">
+                <ul id="menu">
+
+                    <li data-menuanchor="banner" >
+                        <a href="#banner">
+                            <img src="./image/icon.png" alt="" class="iconImg">
+                        </a>                       
+                    </li>
+                    <div class="nav">
+                        <li data-menuanchor="intelligentDelivery" >
+                            <a href="#intelligentDelivery">
+                                智能投放
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="efficiencyTools">
+                            <a href="#efficiencyTools">
+                                效率工具
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="materialManagement">
+                            <a href="#materialManagement">
+                                素材管理
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="advertisingInformation">
+                            <a href="#advertisingInformation">
+                                广告情报
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="playMaterial">
+                            <a href="#playMaterial">
+                                试玩素材
+                                 <span class="activeBorde"></span>
+                            </a>
+                           
+                        </li>
+                        <li data-menuanchor="experienceDemo">
+                            <a href="#experienceDemo">
+                                体验demo
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                        <li data-menuanchor="aboutUs">
+                            <a href="./aboutUs.html">
+                                关于我们
+                                <span class="activeBorde"></span>
+                            </a>
+                            
+                        </li>
+                    </div>
+
+                    
+                </ul>
+            </div>
+        </div>
+    </div>
+  
+    <div class="container" id="fullpage">      
+         <!--banner  -->
+        <div class="section"  style="height: 100%;" >           
+                <div class="swiper-container" style="height: 100%;width:100%;overflow: hidden;">
+                    <div class="swiper-wrapper" style="height: 100%;width: 100%;">
+                        <div class="swiper-slide" style="height: 100%;width: 100%;">
+                            <div  data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <img src="./image/1212.png" alt="" class="bannerImg" style="height: 100%;width: 100%;">
+                                </a>
+                            </div>
+                        </div>
+                        <div class="swiper-slide" style="height: 100%;">
+                            <div  data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <img src="./image/1212.png" alt="" class="bannerImg" >
+                                </a>
+                            </div>
+                        </div>
+                        
+                    </div>
+                    <!-- 如果需要分页器 -->
+                    <div class="swiper-pagination"></div>
+
+                </div>
+            
+        </div>
+        <!-- 智能投放 -->
+        <div class="section">
+            <div class="intelligentDelivery clearFixed">
+                <div class="wrap">
+                    <div class="intelligentDeliveryBody">
+                        <div class="flexBox">         
+                            <div class="intelligentDelivery-top">
+                                <p class="intelligentDelivery-title">
+                                    智能高效的产品特点
+                                </p>
+                                <p class="intelligentDelivery-title">
+                                    帮您实现高效高质量的投放工作
+                                </p>
+                                <span class="greenBar"></span>
+                            </div>
+                            <div class="intelligentDelivery-bottom clearFixed">
+                                <div class="intelligentDelivery-item">
+                                    <div class="intelligentDelivery-item-img">
+                                        <img src="./image/show2.png" alt="" class="itemImg">
+                                    </div>
+                                    <div class="intelligentDelivery-item-title">
+                                        <p>跨户同步</p>
+                                    </div>
+                                    <div class="intelligentDelivery-item-text">
+                                        <span>快速跨户批量新建项目、广告计划,智能全链投放觉醒,效率一触即达</span>
+                                    </div>
+                                </div>
+                                <div class="intelligentDelivery-item">
+                                    <div class="intelligentDelivery-item-img">
+                                        <img src="./image/show3.png" alt="" class="itemImg">
+                                    </div>
+                                    <div class="intelligentDelivery-item-title">
+                                        <p>批量工具</p>
+                                    </div>
+                                    <div class="intelligentDelivery-item-text">
+                                        <span>多种形式批量创建广告,满足个性化需求,支持转化事件批量导入,降低人工成本</span>
+                                    </div>
+                                </div>
+                                <div class="intelligentDelivery-item">
+                                    <div class="intelligentDelivery-item-img">
+                                        <img src="./image/show1.png" alt="" class="itemImg">
+                                    </div>
+                                    <div class="intelligentDelivery-item-title">
+                                        <p>广告情报</p>
+                                    </div>
+                                    <div class="intelligentDelivery-item-text">
+                                        <span>海量优秀广告素材情报实时收集,跑量数据一目了然,激发创作灵感</span>
+                                    </div>
+                                </div>
+                                
+                            </div>
+                        </div>
+                    </div>  
+                </div>
+            </div>
+        </div>
+        
+        <!-- 效率工具 -->
+        <div class="section">
+            <div class="efficiencyTools">
+                <div class="wrap">
+                    <div class="efficiencyToolsBody ">
+                        <div class="efficiencyToolsLeft">
+
+                            <div class="efficiencyToolsLeft-title">
+                                <p>高效高质的智能工具</p>
+                                <p>全面助力投放工作 提高工作效率</p>
+                                <div class="orangeBar"></div>
+                            </div>
+                            <div class="efficiencyToolsLeft-text">
+                                <p class="text">批量操作工具&统计报表&跨账户操作,减少优化师重复性工作、解决每日投放数据汇总繁琐、减少频繁切换账号等诉求,保证投放工作全面、高效、高质。</p>
+                            </div>
+                            <div class="btn" data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <span>快速体验demo</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="efficiencyToolsRight">
+                            <div class="imgBox">
+                                <img src="./image/S1.png" alt="" class="efficiencyToolsRightIMg">
+                            </div>
+                        </div>
+                    </div>
+                </div>  
+            </div>
+        </div>
+
+        <!-- 素材管理 -->
+        <div class="section">
+            <div class="materialManagement">
+                <div class="wrap">
+                    <div class="materialManagementBody clearFixed">
+                        <div class="materialManagementLeft">
+                            <div class="imgBox">
+                                <img src="./image/S2.png" alt="">
+                            </div>
+                        </div>
+                        <div class="materialManagementRight">
+                            <div class="materialManagementRight-title">
+                                <p>素材管理流水线</p>
+                                <p>减少沟通成本 高效跨部门协作</p>
+                                <div class="orangeBar"></div>
+                            </div>
+                            <div class="materialManagementRight-text">
+                                <p class="text">素材同步流水线式工作,素材上传、素材审核、优秀素材入库一键即达。减少人工沟通成本,提高沟通效率。优秀素材内部共享,激发设计同学创作灵感。</p>
+                            </div>
+                            <div class="btn" data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <span>快速体验demo</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 广告情报 -->
+        <div class="section">
+            <div class="advertisingInformation">
+                <div class="wrap">
+                    <div class="efficiencyToolsBody clearFixed">
+                        <div class="efficiencyToolsLeft">
+
+                            <div class="efficiencyToolsLeft-title">
+                                <p>千万级营销情报和案例</p>
+                                <p>海量营销素材,激发无限创意灵感</p>
+                                <div class="orangeBar"></div>
+                            </div>
+                            <div class="efficiencyToolsLeft-text">
+                                <p class="text">通过人工智能及数据挖掘快速收集西瓜视频、穿山甲、抖音、火山小视频、快手等平台高质量创意和运营情报,提供创意灵感以及高效益创意组合策略。</p>
+                            </div>
+                            <div class="btn" data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <span>快速体验demo</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="efficiencyToolsRight">
+                            <div class="imgBox">
+                                <img src="./image/S3.png" alt="">
+                            </div>
+                        </div>
+                    </div>
+                </div>  
+            </div>
+        </div>
+
+        <!-- 试玩素材 -->
+        <div class="section">
+            <div class="playMaterial">
+                <div class="wrap">
+                    <div class="materialManagementBody clearFixed">
+                        <div class="materialManagementLeft">
+                            <div class="imgBox">
+                                <img src="./image/S4.png" alt="">
+                            </div>
+                        </div>
+                        <div class="materialManagementRight">
+                            <div class="efficiencyToolsLeft-title">
+                                <p>互动试玩广告</p>
+                                <p>交互沉浸式体验 激发用户好奇心</p>
+                                <div class="orangeBar"></div>
+                            </div>
+                            <div class="materialManagementRight-text">
+                                <p class="text">互动试玩广告可以让用户在线试玩无需下载,互动性强、适用性高,真实的还原场景和高效的用户转化与留存,为游戏广告带来更高的ROI。</p>
+                            </div>
+                            <div class="btn" data-menuanchor="experienceDemo" >                               
+                                <a href="#experienceDemo">
+                                    <span>快速体验demo</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 体验demo -->
+        <div class="section">
+            <div class="experienceDemo">
+                <div class="wrap">
+                    <div class="experienceDemoBody">
+                        
+                            <div class="experienceDemoLeft">
+                                <div class="experienceDemoRight-title">
+                                    <p class="top">留下您的联系方式</p>
+                                    <p class="bottom">有腾管家营销服务中心将尽快与您联系</p>
+                                </div>
+                                <div class="experienceDemoLeft-form">
+                                    <form >
+                                        <div class="item">
+                                            <div class="item-left">
+                                                <input type="text" placeholder="企业名称" class="company">
+                                                <span class="companyTip">公司名称必须填写</span>
+                                            </div>
+                                            <div class="item-right">
+                                                <input type="text" placeholder="姓名" class="name">
+                                                <span class="nameTip">姓名必须填写</span>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="item-left1">
+                                                
+                                                <select id="province"  >
+                                                    <option value="省">省份</option>
+                                                </select>
+                                                <span class="arrow">
+                                                    <img src="./image/icon_on_the_top.png" alt="">
+                                                </span>
+                                            </div>
+                                            <span class="hengxian"></span>
+                                            <div class="item-left2">
+                                                <select id="city" placeholder="市">
+                                                    <option value="城市">城市</option>
+                                                </select>
+                                                <span class="arrow">
+                                                    <img src="./image/icon_on_the_top.png" alt="">
+                                                </span>
+                                            </div>
+                                            <div class="item-right">
+                                                <input type="text" placeholder="行业" class="business">
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="item-left">
+                                                <input type="text" placeholder="手机号" class="phoneNum">
+                                                <span class="phoneNumtip">请正确填写手机号码</span>
+                                            </div>
+                                            <div class="item-right verificationCodeArea">
+                                                <input type="text" placeholder="验证码" class="verificationCodeValue">
+                                                <div class="clickArea">
+                                                    <span class="verificationCode">获取验证码</span>
+                                                    <span class="showNum">60s</span>
+                                                    <span class="verificationCodetip">验证码填写错误</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="item">
+                                            <div class="yuyue"><span>
+                                                预约营销顾问
+                                            </span></div>
+                                            
+                                        </div>
+                                       
+                                    </form>
+                                </div>
+                            </div>
+                            <div class="experienceDemoRight">
+                                <div class="experienceDemoRight-title">
+                                    <p class="top">立即联系技术顾问</p>
+                                    <p class="bottom">现在立即发送邮件联系有腾管家技术顾问</p>
+                                </div>
+                                <div class="experienceDemoRight-imgBOX">
+                                    <img src="./image/people.png" alt="" class="people">
+                                </div>
+                                <div class="experienceDemoRight-tip">
+                                    <p class="email">songyinghao@shyouteng.com.cn</p>
+                                </div>
+                            </div>
+                        
+                    </div>
+                </div>
+                <div class="experienceDemoBottom">
+                    <div class="wrap1">
+                        <div class="info">
+                            <p class="topInfo">沪ICP备20021025号-1</p>
+                            <p class="bottomInfo">Copyright © 2020 上海有腾文化传播有限公司</p>
+                        </div>
+                    </div>     
+                </div>  
+            </div>
+            <!-- 提交成功页面 -->
+            <div class="onSubmitPage">
+                <div class="infoBox">
+                    <div class="infoBody">
+                        <img src="./image/close.png" alt="" class="closeIcon">
+                        <div class="infoBodyTop">
+                            <img src="./image/tijiaochenggong.png" alt="" class="tipImg">
+                        </div>
+                        <div class="infoBodyBottom">
+                            <p class="tipBig">信息提交成功</p>
+                            <p class="tipSmall">请您耐心等待,有腾营销服务中心将在48小时之内与您取得联系,并为您提供定制化服务</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        
+    </div>
+
+
+        
+    <script src="./utils/jquery-3.5.1.min.js"></script>
+    <script src="./utils/fullPage.js"></script>
+    <script src="./utils/jquery.easing.min.js"></script>
+    <script src="./utils/swiper-bundle.min.js"></script>
+    <script src="./js/cityData.js"></script>
+    <script>
+         $('.showNum').hide();
+         $('.companyTip').hide();
+         $('.nameTip').hide();
+         $('.phoneNumtip').hide();
+         $('.verificationCodetip').hide();
+         $('.onSubmitPage').hide();
+        
+        $(function(){
+            var mySwiper = new Swiper ('.swiper-container', {
+                direction: 'horizontal', // 水平切换
+                loop: true, // 循环模式选项
+                autoplay:true,
+                // 如果需要分页器
+                pagination: {
+                    el: '.swiper-pagination',
+                },               
+            }) 
+            $('#fullpage').fullpage({
+                anchors: ['banner','intelligentDelivery', 'efficiencyTools', 'materialManagement', 'advertisingInformation','playMaterial','experienceDemo','aboutUs'],
+                menu: '#menu',
+                navigation:true,
+                navigationPosition: 'right',//导航小圆点的位置               
+                resize : true,
+                fitToSection: true,
+                
+                onLeave (index, nextIndex, direction){
+                    console.log(index, nextIndex, direction);
+                    
+                    if(direction=='down'&&index==1){
+                        $('.header').addClass('headerColor')
+                    }else if(direction=='up'&&nextIndex==1){
+                        $('.header').removeClass('headerColor')
+                    }
+
+                    if(index == '2'){
+                        $('.intelligentDelivery').find('.intelligentDelivery-bottom').delay(0).animate({
+                            bottom: '-600px'
+                        }, 0, 'easeOutExpo');
+                        
+                    }
+                    if(index == '3'){
+                        $('.efficiencyTools').find('.efficiencyToolsLeft').delay(0).animate({
+                            left:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                        $('.efficiencyTools').find('.efficiencyToolsRight').delay(0).animate({
+                            right:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    if(index == '4'){
+                      
+                        $('.materialManagement').find('.materialManagementLeft').delay(0).animate({
+                            left:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                        $('.materialManagement').find('.materialManagementRight').delay(0).animate({
+                            right:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    if(index == '5'){
+                      
+                        $('.advertisingInformation').find('.efficiencyToolsLeft').delay(0).animate({
+                            left:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                        $('.advertisingInformation').find('.efficiencyToolsRight').delay(0).animate({
+                            right:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    if(index == '6'){
+                      
+                        $('.playMaterial').find('.materialManagementLeft').delay(0).animate({
+                            left:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                        $('.playMaterial').find('.materialManagementRight').delay(0).animate({
+                            right:'-1000px'
+                        }, 1000, 'easeOutExpo');
+                    }
+                },
+                
+               
+                afterLoad: function(anchorLink, index){
+                    console.log(anchorLink, index)
+                    if(index == 2){
+                        
+                        $('.intelligentDelivery').find('.intelligentDelivery-bottom').delay(-500).animate({
+                            bottom: '0'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    if(index == 3){
+                        $('.efficiencyTools').find('.efficiencyToolsLeft').delay(-500).animate({
+                            left:'0'
+                        }, 1000, 'easeOutExpo');
+                        $('.efficiencyTools').find('.efficiencyToolsRight').delay(-500).animate({
+                            right:'0'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    if(index == 4){
+                        if(index == '4')
+                        
+                        $('.materialManagement').find('.materialManagementLeft').delay(0-500).animate({
+                            left:'0px'
+                        }, 1000, 'easeOutExpo');
+                        $('.materialManagement').find('.materialManagementRight').delay(-500).animate({
+                            right:'0px'
+                        }, 1000, 'easeOutExpo');
+                        
+                    }
+                    if(index == 5){
+                        
+                        
+                        $('.advertisingInformation').find('.efficiencyToolsLeft').delay(-500).animate({
+                            left:'0px'
+                        }, 1000, 'easeOutExpo');
+                        $('.advertisingInformation').find('.efficiencyToolsRight').delay(-500).animate({
+                            right:'0px'
+                        }, 1000, 'easeOutExpo');
+                    }
+                    
+                    if(index == 6){
+                        
+                        $('.playMaterial').find('.materialManagementLeft').delay(-500).animate({
+                            left:'0px'
+                        }, 1000, 'easeOutExpo');
+                        $('.playMaterial').find('.materialManagementRight').delay(-500).animate({
+                            right:'0px'
+                        }, 1000, 'easeOutExpo');
+                        
+                    }
+                },
+                
+            });
+           
+            for(let key in address){
+                $('#province').append(`<option value="${key}" >${key}</option>`)
+            }
+            
+        });
+        
+        console.log(address);
+        
+        
+        $('#province').on('change',()=>{
+           $('#city').empty();
+           $('#city').append(` <option value="城市">城市</option>`)
+            for(let key in address){
+                if($('#province').val()==key){
+                    let cityArr=address[key]
+                    console.log(cityArr)
+                    cityArr.forEach(element => {
+                        $('#city').append(`<option value="${element}" '>${element}</option>`)
+                    });
+                    
+                }
+            }
+        })
+
+        $('.verificationCode').on('click',()=>{
+            // console.log('huoqu');     
+            console.log($('.phoneNum').val())
+            if($('.phoneNum').val().length==11&&(/^1[3456789]\d{9}$/.test($('.phoneNum').val()))){
+
+                $('.verificationCode').hide();
+                $('.showNum').show();
+                let index=59
+                $.ajax({
+                    url:'http://129.28.197.250:8089/rest/sms/sendCode',
+                    type:'POST',
+                    async:true,
+                    contentType:'application/json',
+                    data:JSON.stringify({
+                        phoneNumber:$('.phoneNum').val(),
+                        sceneName:"website"
+                    }),
+                    success:(res)=>{
+                        console.log(res)
+                        if(res.head.code!=200){
+                            // $('.resTip').html(res.body.errorMag)
+                            // $('.verificationCodetip').show();
+                            $('.tipImg').attr('src','./image/error.png');
+                            $('.tipBig').html(res.head.msg)
+                            $('.tipSmall').html(res.body.errorMsg)
+                            $('.onSubmitPage').show();
+                        }
+                    }
+                })   
+
+                let timer=setInterval(() => {
+                
+                    $('.showNum').html(`${index}s`)
+                    index--;
+                    if(index<0){
+                        $('.showNum').html('60s');
+                        $('.showNum').hide();
+                        $('.verificationCode').show();
+                        index=59
+
+                        clearInterval(timer);
+                        // index=59
+                    }
+                }, 1000);               
+                    
+            }else{
+                $('.phoneNum').parents('.item-left').addClass('error'); 
+            }
+        })
+
+
+        $('.yuyue').on('click',yanzheng)
+        function yanzheng(){   
+            let company=$('.company').val();
+            let userName=$('.name').val();
+            let address=`${$('#province').val()}省${$('#city').val()}市`;
+            let business=$('.business').val();
+            let phone=$('.phoneNum').val();
+            let code=$('.verificationCodeValue').val();
+            if(company&&userName&&phone.length==11&&code){
+                    $.ajax({
+                        type:'POST',
+                        url:'http://129.28.197.250:8089/rest/sms/verifyCode',
+                        async:true,
+                        contentType:'application/json',
+                        data:JSON.stringify({
+                            phoneNumber:$('.phoneNum').val(),
+                            sceneName:"website",
+                            code,
+                        }),
+                        success:(res)=>{
+                            console.log(res)
+                            if(res.head.code==200){
+                                submitFormData();
+                            }else{
+                                // $('.resTip').html(res.body.errorMag)
+                                $('.tipImg').attr('src','./image/error.png');
+                                $('.tipBig').html(res.head.msg)
+                                $('.tipSmall').html(res.body.errorMsg)
+                                $('.onSubmitPage').show();
+                            }
+                        }
+                    })
+            }else{
+                if(!company){
+                    $('.company').parents('.item-left').addClass('error');
+                }
+                if(!userName){
+                    $('.name').parents('.item-right').addClass('error');
+                }
+                if(!phone||$('.phoneNum').val().length!=11||!(/^1[3456789]\d{9}$/.test($('.phoneNum').val()))){
+                    $('.phoneNum').parents('.item-left').addClass('error');
+                }
+                if(!code){
+                    $('.verificationCodeValue').parents('.item-right').addClass('error');
+                }
+
+           }
+           
+       }
+        $('.company').on('change',()=>{
+            if($('.company').val()){
+                $('.company').parents('.item-left').removeClass('error');
+            }
+        });
+        $('.name').on('change',()=>{
+            if($('.name').val()){
+                $('.name').parents('.item-right').removeClass('error');
+            }
+        });
+        
+        $('.phoneNum').on('change',()=>{
+            // if(!(/^1[3456789]\d{9}$/.test(phone))){ 
+            //     alert("手机号码有误,请重填");  
+            //     return false; 
+            // } 
+            if($('.phoneNum').val().length>=11){
+                $('.phoneNum').parents('.item-left').removeClass('error');
+            }
+        });
+        $('.verificationCodeValue').on('change',()=>{
+            if($('.verificationCodeValue').val().length==4){
+                $('.verificationCodeValue').parents('.item-right').removeClass('error');
+            }
+        });
+
+
+        $('.closeIcon').on('click',()=>{
+            $('.onSubmitPage').hide();
+        })
+
+        function submitFormData(){
+            let company=$('.company').val();
+            let userName=$('.name').val();
+            let address=`${$('#province').val()}省${$('#city').val()}市`;
+            let business=$('.business').val();
+            let phone=$('.phoneNum').val();
+            if(company&&userName&&phone.length==11){
+                $.ajax({
+                    type:'POST',
+                    url:'http://129.28.197.250:8089/hcst/youteng/visit/add',
+                    async:true,
+                    contentType:'application/json',
+                    data:JSON.stringify({
+                        company,
+                        userName,
+                        address,
+                        business,
+                        phone
+                    }),
+                    success:(res)=>{
+                        console.log(res);
+                        if(res.success){
+                            $('.yuyue').html('预约成功');
+                            $('.yuyue').addClass('successOK')
+                            $('.yuyue').off('click',yanzheng);
+                            $('.showNum').hide();
+                            $('.verificationCode').show();
+                            $('.onSubmitPage').show();
+                            $('.tipImg').attr('src','./image/tijiaochenggong.png');
+                            $('.tipBig').html('信息提交成功')
+                            $('.tipSmall').html('请您耐心等待,有腾营销服务中心将在48小时之内与您取得联系,并为您提供定制化服务')
+                        }else{
+                            $('.tipImg').attr('src','./image/error.png');
+                            $('.tipBig').html('信息提交失败')
+                            $('.tipSmall').html(res.message)
+                            $('.onSubmitPage').show();
+                        }
+                    }
+                })
+            }
+            
+
+        }
+
+
+        
+        
+    </script>
+</body>
+</html>

+ 37 - 0
js/cityData.js

@@ -0,0 +1,37 @@
+
+ const address = {
+    '北京': ['北京'],
+    '广东': ['广州', '深圳', '珠海', '汕头', '韶关', '佛山', '江门', '湛江', '茂名', '肇庆', '惠州', '梅州', '汕尾', '河源', '阳江', '清远', '东莞', '中山', '潮州', '揭阳', '云浮'],
+    '上海': ['上海'],
+    '天津': ['天津'],
+    '重庆': ['重庆'],
+    '辽宁': ['沈阳', '大连', '鞍山', '抚顺', '本溪', '丹东', '锦州', '营口', '阜新', '辽阳', '盘锦', '铁岭', '朝阳', '葫芦岛'],
+    '江苏': ['南京', '苏州', '无锡', '常州', '镇江', '南通', '泰州', '扬州', '盐城', '连云港', '徐州', '淮安', '宿迁'],
+    '湖北': ['武汉', '黄石', '十堰', '荆州', '宜昌', '襄樊', '鄂州', '荆门', '孝感', '黄冈', '咸宁', '随州', '恩施土家族苗族自治州', '仙桃', '天门', '潜江', '神农架林区'],
+    '四川': ['成都', '自贡', '攀枝花', '泸州', '德阳', '绵阳', '广元', '遂宁', '内江', '乐山', '南充', '眉山', '宜宾', '广安', '达州', '雅安', '巴中', '资阳', '阿坝藏族羌族自治州', '甘孜藏族自治州', '凉山彝族自治州'],
+    '陕西': ['西安', '铜川', '宝鸡', '咸阳', '渭南', '延安', '汉中', '榆林', '安康', '商洛'],
+    '河北': ['石家庄', '唐山', '秦皇岛', '邯郸', '邢台', '保定', '张家口', '承德', '沧州', '廊坊', '衡水'],
+    '山西': ['太原', '大同', '阳泉', '长治', '晋城', '朔州', '晋中', '运城', '忻州', '临汾', '吕梁'],
+    '河南': ['郑州', '开封', '洛阳', '平顶山', '安阳', '鹤壁', '新乡', '焦作', '濮阳', '许昌', '漯河', '三门峡', '南阳', '商丘', '信阳', '周口', '驻马店'],
+    '吉林': ['长春', '吉林', '四平', '辽源', '通化', '白山', '松原', '白城', '延边朝鲜族自治州'],
+    '黑龙江': ['哈尔滨', '齐齐哈尔', '鹤岗', '双鸭山', '鸡西', '大庆', '伊春', '牡丹江', '佳木斯', '七台河', '黑河', '绥化', '大兴安岭地区'],
+    '内蒙古': ['呼和浩特', '包头', '乌海', '赤峰', '通辽', '鄂尔多斯', '呼伦贝尔', '巴彦淖尔', '乌兰察布', '锡林郭勒盟', '兴安盟', '阿拉善盟'],
+    '山东': ['济南', '青岛', '淄博', '枣庄', '东营', '烟台', '潍坊', '济宁', '泰安', '威海', '日照', '莱芜', '临沂', '德州', '聊城', '滨州', '菏泽'],
+    '安徽': ['合肥', '芜湖', '蚌埠', '淮南', '马鞍山', '淮北', '铜陵', '安庆', '黄山', '滁州', '阜阳', '宿州', '巢湖', '六安', '亳州', '池州', '宣城'],
+    '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
+    '福建': ['福州', '厦门', '莆田', '三明', '泉州', '漳州', '南平', '龙岩', '宁德'],
+    '湖南': ['长沙', '株洲', '湘潭', '衡阳', '邵阳', '岳阳', '常德', '张家界', '益阳', '郴州', '永州', '怀化', '娄底', '湘西土家族苗族自治州'],
+    '广西': ['南宁', '柳州', '桂林', '梧州', '北海', '防城港', '钦州', '贵港', '玉林', '百色', '贺州', '河池', '来宾', '崇左'],
+    '江西': ['南昌', '景德镇', '萍乡', '九江', '新余', '鹰潭', '赣州', '吉安', '宜春', '抚州', '上饶'],
+    '贵州': ['贵阳', '六盘水', '遵义', '安顺', '铜仁地区', '毕节地区', '黔西南布依族苗族自治州', '黔东南苗族侗族自治州', '黔南布依族苗族自治州'],
+    '云南': ['昆明', '曲靖', '玉溪', '保山', '昭通', '丽江', '普洱', '临沧', '德宏傣族景颇族自治州', '怒江傈僳族自治州', '迪庆藏族自治州', '大理白族自治州', '楚雄彝族自治州', '红河哈尼族彝族自治州', '文山壮族苗族自治州', '西双版纳傣族自治州'],
+    '西藏': ['拉萨', '那曲地区', '昌都地区', '林芝地区', '山南地区', '日喀则地区', '阿里地区'],
+    '海南': ['海口', '三亚', '五指山', '琼海', '儋州', '文昌', '万宁', '东方', '澄迈县', '定安县', '屯昌县', '临高县', '白沙黎族自治县', '昌江黎族自治县', '乐东黎族自治县', '陵水黎族自治县', '保亭黎族苗族自治县', '琼中黎族苗族自治县'],
+    '甘肃': ['兰州', '嘉峪关', '金昌', '白银', '天水', '武威', '酒泉', '张掖', '庆阳', '平凉', '定西', '陇南', '临夏回族自治州', '甘南藏族自治州'],
+    '宁夏': ['银川', '石嘴山', '吴忠', '固原', '中卫'],
+    '青海': ['西宁', '海东地区', '海北藏族自治州', '海南藏族自治州', '黄南藏族自治州', '果洛藏族自治州', '玉树藏族自治州', '海西蒙古族藏族自治州'],
+    '新疆': ['乌鲁木齐', '克拉玛依', '吐鲁番地区', '哈密地区', '和田地区', '阿克苏地区', '喀什地区', '克孜勒苏柯尔克孜自治州', '巴音郭楞蒙古自治州', '昌吉回族自治州', '博尔塔拉蒙古自治州', '石河子', '阿拉尔', '图木舒克', '五家渠', '伊犁哈萨克自治州'],
+    '香港': ['香港'],
+    '澳门': ['澳门'],
+    '台湾': ['台北市', '高雄市', '台北县', '桃园县', '新竹县', '苗栗县', '台中县', '彰化县', '南投县', '云林县', '嘉义县', '台南县', '高雄县', '屏东县', '宜兰县', '花莲县', '台东县', '澎湖县', '基隆市', '新竹市', '台中市', '嘉义市', '台南市']
+}

Файловите разлики са ограничени, защото са твърде много
+ 2834 - 0
utils/fullPage.js


Файловите разлики са ограничени, защото са твърде много
+ 2 - 0
utils/jquery-3.5.1.min.js


Файловите разлики са ограничени, защото са твърде много
+ 44 - 0
utils/jquery.easing.min.js


+ 213 - 0
utils/jquery.fullPage.css

@@ -0,0 +1,213 @@
+/*!
+ * fullPage 2.7.8
+ * https://github.com/alvarotrigo/fullPage.js
+ * MIT licensed
+ *
+ * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
+ */
+html.fp-enabled,
+.fp-enabled body {
+    margin: 0;
+    padding: 0;
+    overflow:hidden;
+
+    /*Avoid flicker on slides transitions for mobile phones #336 */
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+#superContainer {
+    height: 100%;
+    position: relative;
+
+    /* Touch detection for Windows 8 */
+    -ms-touch-action: none;
+
+    /* IE 11 on Windows Phone 8.1*/
+    touch-action: none;
+}
+.fp-section {
+    position: relative;
+    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
+    -moz-box-sizing: border-box; /* <=28 */
+    box-sizing: border-box;
+}
+.fp-slide {
+    float: left;
+}
+.fp-slide, .fp-slidesContainer {
+    height: 100%;
+    display: block;
+}
+.fp-slides {
+    z-index:1;
+    height: 100%;
+    overflow: hidden;
+    position: relative;
+    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
+    transition: all 0.3s ease-out;
+}
+.fp-section.fp-table, .fp-slide.fp-table {
+    display: table;
+    table-layout:fixed;
+    width: 100%;
+}
+.fp-tableCell {
+    display: table-cell;
+    vertical-align: middle;
+    width: 100%;
+    height: 100%;
+}
+.fp-slidesContainer {
+    float: left;
+    position: relative;
+}
+.fp-controlArrow {
+    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
+    -moz-user-select: none; /* mozilla browsers */
+    -khtml-user-select: none; /* webkit (konqueror) browsers */
+    -ms-user-select: none; /* IE10+ */
+    position: absolute;
+    z-index: 4;
+    top: 50%;
+    cursor: pointer;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    margin-top: -38px;
+    -webkit-transform: translate3d(0,0,0);
+    -ms-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
+.fp-controlArrow.fp-prev {
+    left: 15px;
+    width: 0;
+    border-width: 38.5px 34px 38.5px 0;
+    border-color: transparent #fff transparent transparent;
+}
+.fp-controlArrow.fp-next {
+    right: 15px;
+    border-width: 38.5px 0 38.5px 34px;
+    border-color: transparent transparent transparent #fff;
+}
+.fp-scrollable {
+    overflow: scroll;
+}
+.fp-notransition {
+    -webkit-transition: none !important;
+    transition: none !important;
+}
+#fp-nav {
+    position: fixed;
+    z-index: 100;
+    margin-top: -32px;
+    top: 50%;
+    opacity: 1;
+    -webkit-transform: translate3d(0,0,0);
+}
+#fp-nav.right {
+    right: 17px;
+}
+#fp-nav.left {
+    left: 17px;
+}
+.fp-slidesNav{
+    position: absolute;
+    z-index: 4;
+    left: 50%;
+    opacity: 1;
+}
+.fp-slidesNav.bottom {
+    bottom: 17px;
+}
+.fp-slidesNav.top {
+    top: 17px;
+}
+#fp-nav ul,
+.fp-slidesNav ul {
+  margin: 0;
+  padding: 0;
+}
+#fp-nav ul li,
+.fp-slidesNav ul li {
+    display: block;
+    width: 14px;
+    height: 13px;
+    margin: 7px;
+    position:relative;
+}
+.fp-slidesNav ul li {
+    display: inline-block;
+}
+#fp-nav ul li a,
+.fp-slidesNav ul li a {
+    display: block;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    text-decoration: none;
+}
+#fp-nav ul li a.active span,
+.fp-slidesNav ul li a.active span,
+#fp-nav ul li:hover a.active span,
+.fp-slidesNav ul li:hover a.active span{
+    height: 12px;
+    width: 12px;
+    margin: -6px 0 0 -6px;
+    border-radius: 100%;
+ }
+#fp-nav ul li a span,
+.fp-slidesNav ul li a span {
+    border-radius: 50%;
+    position: absolute;
+    z-index: 1;
+    height: 4px;
+    width: 4px;
+    border: 0;
+    background: #333;
+    left: 50%;
+    top: 50%;
+    margin: -2px 0 0 -2px;
+    -webkit-transition: all 0.1s ease-in-out;
+    -moz-transition: all 0.1s ease-in-out;
+    -o-transition: all 0.1s ease-in-out;
+    transition: all 0.1s ease-in-out;
+}
+#fp-nav ul li:hover a span,
+.fp-slidesNav ul li:hover a span{
+    width: 10px;
+    height: 10px;
+    margin: -5px 0px 0px -5px;
+}
+#fp-nav ul li .fp-tooltip {
+    position: absolute;
+    top: -2px;
+    color: #fff;
+    font-size: 14px;
+    font-family: arial, helvetica, sans-serif;
+    white-space: nowrap;
+    max-width: 220px;
+    overflow: hidden;
+    display: block;
+    opacity: 0;
+    width: 0;
+    cursor: pointer;
+}
+#fp-nav ul li:hover .fp-tooltip,
+#fp-nav.fp-show-active a.active + .fp-tooltip {
+    -webkit-transition: opacity 0.2s ease-in;
+    transition: opacity 0.2s ease-in;
+    width: auto;
+    opacity: 1;
+}
+#fp-nav ul li .fp-tooltip.right {
+    right: 20px;
+}
+#fp-nav ul li .fp-tooltip.left {
+    left: 20px;
+}
+.fp-auto-height.fp-section,
+.fp-auto-height .fp-slide,
+.fp-auto-height .fp-tableCell{
+    height: auto !important;
+}

Файловите разлики са ограничени, защото са твърде много
+ 13 - 0
utils/swiper-bundle.min.css


Файловите разлики са ограничени, защото са твърде много
+ 14 - 0
utils/swiper-bundle.min.js