diff --git a/css/services.css b/css/services.css index 096416c..48e36f1 100644 --- a/css/services.css +++ b/css/services.css @@ -35,20 +35,21 @@ width: 1200px; margin: 0 auto; } +/*1 tab*/ .services-wrap-left-1{ background: url("../images/services_saasIco.png") no-repeat; width: 542px; height: 494px; margin-top: 102px; - margin-left: 50px; + margin-left: 10px; } .services-wrap-right-1{ width: 543px; height: 400px; margin-top: 177px; - margin-left: 50px; + margin-left: 78px; } -/*tab 右侧 切换部分 sta*/ +/*1----tab 右侧 切换部分 sta*/ .services-soft-wrap{ height: 168px; width: 100%; @@ -63,7 +64,7 @@ } .services-soft-wrap li:nth-of-type(1) { padding-top: 114px; - background: url(../images/services_titico1_active.png) no-repeat center 0; + background: url(../images/services_titico1.png) no-repeat center 0; margin-right: 72px; } .services-soft-wrap li:nth-of-type(1).active { @@ -93,19 +94,20 @@ border-bottom: 2px solid rgba(63,159,254,1); background: url(../images/services_titico3_active.png) no-repeat center 0; } -/*tab 右侧 cont*/ -.services-section-wrap{ +/*1------tab 右侧 cont*/ +.services-section-wrap,.services-section-user{ height: 100px; margin-top: 58px; width: 400px; } .services-soft-bottom-title{ - width:230px; + width:360px; height:30px; font-size:30px; font-weight:500; color:rgba(0,0,0,1); margin-bottom: 22px; + text-align: left; } .services-soft-bottom-des{ text-align: left; @@ -117,3 +119,66 @@ color:rgba(0,0,0,0.7); } +/*----2------ tab sta*/ + + +/*----3------ tab sta*/ +/*1 tab*/ +.services-wrap-left-3{ + background: url("../images/services_userIco.png") no-repeat; + width: 568px; + height: 593px; + margin-top: 67px; + margin-left: 10px; +} +.services-wrap-right-3{ + width: 543px; + height: 400px; + margin-top: 165px; + margin-left: 50px; +} +/*-------3---*/ +.services-user-wrap{ + height: 168px; + width: 100%; + border-bottom: 2px solid rgba(228,229,229,1);; +} +.services-user-wrap li { + color: rgba(6,14,19,.8); + font-size:20px; + cursor: pointer; + height: 168px; + width: 133px; +} +.services-user-wrap li:nth-of-type(1) { + padding-top: 114px; + background: url(../images/services_titico7.png) no-repeat center 0; + margin-right: 72px; +} +.services-user-wrap li:nth-of-type(1).active { + color: #3F9FFE; + padding-bottom: 22px; + border-bottom: 2px solid rgba(63,159,254,1); + background: url(../images/services_titico7_active.png) no-repeat center 0; +} +.services-user-wrap li:nth-of-type(2) { + padding-top: 114px; + background: url(../images/services_titico8.png) no-repeat center 0; + margin-right: 72px; +} +.services-user-wrap li:nth-of-type(2).active { + color: #3F9FFE; + padding-bottom: 22px; + border-bottom: 2px solid rgba(63,159,254,1); + background: url(../images/services_titico8_active.png) no-repeat center 0; +} +.services-user-wrap li:nth-of-type(3) { + padding-top: 114px; + background: url(../images/services_titico9.png) no-repeat center 0; +} +.services-user-wrap li:nth-of-type(3).active { + color: #3F9FFE; + padding-bottom: 22px; + border-bottom: 2px solid rgba(63,159,254,1); + background: url(../images/services_titico9_active.png) no-repeat center 0; +} \ No newline at end of file diff --git a/images/services_titico1.png b/images/services_titico1.png new file mode 100755 index 0000000..5c27616 --- /dev/null +++ b/images/services_titico1.png diff --git a/images/services_titico2_active.png b/images/services_titico2_active.png new file mode 100644 index 0000000..27ab6e2 --- /dev/null +++ b/images/services_titico2_active.png diff --git a/images/services_titico3_active.png b/images/services_titico3_active.png new file mode 100755 index 0000000..cd78fc8 --- /dev/null +++ b/images/services_titico3_active.png diff --git a/images/services_titico4.png b/images/services_titico4.png new file mode 100755 index 0000000..51468dc --- /dev/null +++ b/images/services_titico4.png diff --git a/images/services_titico5_active.png b/images/services_titico5_active.png new file mode 100644 index 0000000..d44c7e2 --- /dev/null +++ b/images/services_titico5_active.png diff --git a/images/services_titico6_active.png b/images/services_titico6_active.png new file mode 100755 index 0000000..67ec78d --- /dev/null +++ b/images/services_titico6_active.png diff --git a/images/services_titico7.png b/images/services_titico7.png new file mode 100755 index 0000000..69ab058 --- /dev/null +++ b/images/services_titico7.png diff --git a/images/services_titico8_active.png b/images/services_titico8_active.png new file mode 100644 index 0000000..c869ae6 --- /dev/null +++ b/images/services_titico8_active.png diff --git a/images/services_titico9_active.png b/images/services_titico9_active.png new file mode 100755 index 0000000..777d27f --- /dev/null +++ b/images/services_titico9_active.png diff --git a/js/nav-footer.js b/js/nav-footer.js index 555a4bd..38487ef 100644 --- a/js/nav-footer.js +++ b/js/nav-footer.js @@ -32,7 +32,7 @@ var headerHtmls='
' + //footer HTML var footHtmls='
' + '
' + - '
' + + '
' + '
' + '
公司介绍
' + '
    ' + @@ -43,7 +43,7 @@ var footHtmls='
    ' + '
' + '
' + '
' + - '
' + + '
' + '
' + '
产品介绍
' + '
    ' + @@ -53,7 +53,7 @@ var footHtmls='
    ' + '
' + '
' + '
' + - '
' + + '
' + '
' + '
联系我们
' + '
    ' + @@ -63,7 +63,7 @@ var footHtmls='
    ' + '
' + '
' + '
' + - '
' + + '
' + '
' + '
官方媒体
' + '
    ' + diff --git a/js/services.js b/js/services.js index 7ae1ea9..a385954 100644 --- a/js/services.js +++ b/js/services.js @@ -5,4 +5,11 @@ $('#services-soft-wrap li').on('click',function () { console.log(_index) $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active') $('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') +}); +//车主 tab 切换 +$('#services-user-wrap li').on('click',function () { + var _index = $(this).index(); + console.log(_index) + $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active') + $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') }) \ No newline at end of file diff --git a/services.html b/services.html index 7273028..75b9c12 100644 --- a/services.html +++ b/services.html @@ -91,28 +91,77 @@
  • - 集团SAAS云平台 + 任你停运营监控中心
    - 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。 + 建立综合停车数据资源，搭建基础分析模型，提供新一代的数据分析与商业智能 + BI解决方案，致力于缓解拥堵实现车位运营智能化
  • - 集团SAAS云平台 + 实时数据信息流互通
    - 跨平台停车管控云平台系统，提供集中数据管理和监控、数据挖掘和分析、资产管理和增值运营等一体化服务。 + 多端设备互联，商户、车主、平台数据实时精准安全同步云服务，线上线下一体化 + 连接，辅助商业决策分析，打造互联网+智慧停车新生态
- + +
    +
  • +
  • +
      +
    • + 车主服务 +
      • +
    • + 移动APP +
      • +
    • + 会员服务 +
      • +
    +
      +
    • +
      + 车主服务平台 +
      +
      + 移动掌上互联，为车主提供附近车位，个性导航，语音播报，手机缴费， + 订单详情，积分会员，共享车位，无感支付等多样化移动应用，解决停车 + 难题，方便车主快捷出行 +
      +
      • +
    • +
      + 移动端停车服务 +
      +
      + 提供附近停车场（当前位置智能推荐，选择离您“最近”停车场，一键导航前往） + 车场详情（展示停车场详情信息，距离、位置，空余车位数实时更新） + 电子支付（支持常用电子支付，更有抵扣优惠券） +
      +
      • +
    • +
      + 会员和车主服务 +
      +
      + 成为任你停会员，尊贵会员身份停车优惠。 + 为车主提供查违章、加油站、汽车美容等完善的服务，一站式出行，一站式服务 +
      +
      • +
    +
    • +
diff --git a/style.css b/style.css index bd7cab7..8c1ca2a 100755 --- a/style.css +++ b/style.css @@ -18,7 +18,7 @@ body{ background:#F6F6F6; margin:0; padding:0; - min-width: 1200px !important; + width: 100%; height: 100%; }