Skip to content

T
test
提交 c1c0b786 作者: 武宏岩
操作

加盟页修改

上级 08efbcb0
正在显示 包含 674 行增加 和 267 行删除
contactus.html
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<link rel="stylesheet" href="./iconfont/iconfont.css"> <link rel="stylesheet" href="./iconfont/iconfont.css">
<link rel="stylesheet" href="./css/contactus.css"> <link rel="stylesheet" href="./css/contactus.css">
<script src="./js/common.js"></script> <script src="./js/common.js"></script>
<script src="./js/jquery-1.11.1.js"></script>
</head> </head>
<body> <body>
...@@ -62,99 +63,231 @@ ...@@ -62,99 +63,231 @@
</div> </div>
</div> </div>
</div> </div>
<!-- 品牌介绍和加盟流程 --> <!-- 表头展示数据 -->
<div id="partner_body"> <div id="exhibition" class="main_body">
<ul class="partner_listone clear"> <ul>
<li class="left">
<i class="iconfont icon-rcfz"></i>
<div class="introduce">
<p>现有近<span>3000</span>位专业经纪</p>
<p>人，拥有国家经纪人资格<br/></p>
<p><span>223</span>人，协理<span>300</span>人</p>
</div>
</li>
<li class="left">
<i class="iconfont icon-share"></i>
<div class="introduce">
<p>共享千家地产资源</p>
<p>现有房源<span>8</span>万</p>
<p>客源<span>7</span>万</p>
</div>
</li>
<li class="left"> <li class="left">
<i class="iconfont icon-renminbi3"></i> <div>3000+</div>
<div class="introduce"> <p>房产经纪人</p>
<p><span>免</span>加盟费，仅收取平台</p>
<p>运营费<span>800</span>元/月</p>
</div>
</li> </li>
</ul> <li>
<ul class="partner_list clear"> <div>300+</div>
<li class="list_img1"></li> <p>门店</p>
<li class="partner_list1">
<p>千家品牌名片支撑：</p>
<p>
①十四年名企。（2004年-2018年）
<br/> ②河北省唯一一家商务部备案房地产企业。
<br/> ③唐山百万家庭放心置业首选。客户认可度高，老百姓认可企业
<br/> ④权威部门数据采集企业。
<br/> ⑤电视台专访企业。
<br/> 公司每年广告宣传支持费用
<span>200余万</span>
</p>
</li> </li>
<li class="partner_list2"> <li>
<p>千家系统支持：</p> <div>80000+</div>
<p> <p>房源</p>
<span>免费</span>千家商学院，数百套名师授课精品视频。
<br/> 一线名企顾问讲师定期培训。
<br/> 行业公开课，分享行业内的最新资讯。
<br/> 公司年会，提供学习分享观摩交流平台
<br/> 季度启动会，优秀员工、团队表彰。
<br/> 周店长培训会。
<br/> 新员工入司培训。
</p>
</li> </li>
<li class="list_img2"></li> <li>
<li class="list_img3"></li> <div>70000+</div>
<li class="partner_list3"> <p>客源</p>
<p>权证支持：</p>
<p>
20余家银行信贷协议合作单位
<br/> 一站式服务制定最佳信贷组合方案
<br/> 优质的员工培养平台
<br/> 合同文书、法律顾问
<br/>唐山地区唯一一个具有网签资质的企业
<br>
</p>
</li> </li>
</ul> </ul>
<div class="partner_line"> </div>
<div class="login_content"> <div id="introduction" class="main_body">
<div>加盟流程</div> <div>
<div class="model_top">
<div class="model_title wow animated fadeInUp">品牌介绍</div>
<p class="model_eng wow animated fadeInUp">Introduction</p>
</div> </div>
</div> </div>
<div class="partner_flow"> <div class="brand">
<p></p> <div class="estate">
<div> <div class="top">第一品牌</div>
<ul class="flow_number clear"> <div class="lode">
<li>1</li> <img src="./images/brand_one.png">
<li>2</li> <p>千家地产</p>
<li>3</li> </div>
<li>4</li> <div class="conter">
<li>5</li> <span>千家地产</span>
<li>6</li> <p>-已有14年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
</ul> </div>
<ul class="flow_text clear"> </div>
<li>意向咨询</li> <div class="households">
<li>洽谈指导</li> <div class="top">第二品牌</div>
<li>店址考察</li> <div class="lode">
<li>签署协议</li> <img src="./images/brand_two.png">
<li>运营准备</li> <p>千家·万户</p>
<li>门店营业</li> <img class="img" src="./images/wenzi.png">
</ul> </div>
<div class="conter">
<span>千家·万户</span>
<p>-已有14年的发展历史，是一家以地产经纪业务为核心的全国化发展的房地产综合服务体，作为河北省唯一一家在国家商务部注册备案的房地产经纪企业，品牌定位为"中国安心置业服务第一品牌"！</p>
</div>
</div>
</div>
<div class="introduce_box wow animated fadeInUp">
<div class="market">
<div class="circleProgress_wrapper">
<div class="wrapper right">
<div class="circleProgress rightcircle"></div>
</div>
<div class="wrapper left">
<div class="circleProgress leftcircle"></div>
</div>
</div>
<div class="text">
<p class="top">截至到2018.5月</p>
<div class="number"><span class="numbers">85</span>%</div>
<b class="houes">二手房产市场占有率</b>
<p class="par">每<span>100笔</span>房产成交中就有<span>85个</span>是千家房地产完成交易的！</p>
</div>
<div class="fifty-six">56%</div>
<div class="thirty-two">32%</div>
<div class="sixty-seven">67%</div>
<div class="center_text">
唐山市最大的房产经纪公司，现有<span class="green">3000多</span>位专业经纪人，拥有国家经纪人资格<span class="green">223人</span>，协理<span class="green">300人</span>，截止到2018年5月，二手房产市场占有率达到<span class="green">85%</span>，每<span class="green">100笔</span>房产交易中就有<span class="green">85个</span>是千家地产完成交易的，总能第一时间掌握一手新房源，变现率高，多元化盈利，增加利润
</div>
</div>
</div>
</div>
<!-- 六大支持 -->
<div id="introduction" class="main_body">
<div>
<div class="model_top">
<div class="model_title wow animated fadeInUp">六大支持</div>
<p class="model_eng wow animated fadeInUp">Support</p>
</div> </div>
</div> </div>
<div class="introduce_box wow animated fadeInUp">
<div id="test1">
<ul class="lateral-fold" data-event="click">
<li class="on first firsted" >
<div class="shadow">
<div class="oness">品牌</div>
<div class="sected">
<p class="two">品牌支持</p>
<p>十四年名企（2004年-2018年）</p>
<p>河北省唯一一家商务部备案房地产企业</p>
<p>唐山百万家庭放心置业首选。客户认可度高，老百姓认可企业</p>
<p>唐山市具有网签资质的房地产企业</p>
</div>
</div>
</li>
<li class="on">
<div class="shadow">
<div class="oness twor">宣传</div>
<div class="sected secteds">
<p class="two">宣传支持</p>
<p>公司每年广告宣传支持费用200余万元</p>
<p>全市700多辆公交车进行全线开通千家广告</p>
<p>电视台专访企业</p>
<p>唐山市全覆盖广告</p>
</div>
</div>
</li>
<li class="on">
<div class="shadow">
<div class="oness twor">培训</div>
<div class="sected secteds">
<p class="two">培训支持</p>
</div>
</div>
</li>
<li class="on">
<div class="shadow">
<div class="oness twor">权证</div>
<div class="sected secteds">
<p class="two">权证支持</p>
<p>20余家银行信贷协议合作单位</p>
<p>一站式服务制定最佳信贷组合方案</p>
<p>严谨正规的合同，合同实时更新</p>
<p>让每一笔带框安全无忧过户，过户更安全，服务更专业</p>
</div>
</div>
</li>
<li class="on">
<div class="shadow">
<div class="oness twor">职能</div>
<div class="sected secteds">
<p class="two">部门支持</p>
<p>总部拥有九大部门组成强大的职能中心</p>
<p>近2000平总部大楼，支持300家门店业务运营</p>
<p>总部后台管理，协助门店管理</p>
<p>每个月60多万，专门定制系统房客源储备充足，足够支持成交</p>
</div>
</div>
</li>
<li class="on last">
<div class="shadow">
<div class="oness twor">系统</div>
<div class="sected secteds">
<p class="two">系统支持</p>
<p>专门的系统，定制升级</p>
<p>成长体系完善，平台晋升广阔</p>
<p>有自己的直营店做标杆，鼓励1:1复制</p>
<p>大数据系统，足够支持成交</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 加盟流程 -->
<div id="process" class="main_body">
<div>
<div class="model_top">
<div class="model_title wow animated fadeInUp">加盟流程</div>
<p class="model_eng wow animated fadeInUp">Process</p>
</div>
</div>
<div class="introduce_box wow animated fadeInUp">
<div class="process">
<ul class="proce">
<li>
<div class="garden">
<img src="./images/consultation.png">
</div>
<p>1、意向咨询</p>
</li>
<li>
<div class="garden garden_one">
<img src="./images/apply.png">
</div>
<p>2、提交申请</p>
</li>
<li>
<div class="garden garden_two">
<img src="./images/guidance.png">
</div>
<p>3、洽谈指导</p>
</li>
<li>
<div class="garden garden_three">
<img src="./images/investigate.png">
</div>
<p>4、店址考察</p>
</li>
</ul>
<ul class="gardenz">
<li>
<div class="garden">
<img src="./images/agreement.png">
</div>
<p>5、签署协议</p>
</li>
<li>
<div class="garden garder_five">
<img src="./images/operate.png">
</div>
<p>6、运营准备</p>
</li>
<li>
<div class="garden garder_six">
<img src="./images/celebration.png">
</div>
<p>7、门店营业</p>
</li>
</ul>
<div class="point"></div>
<div class="point point_one"></div>
<div class="point point_two"></div>
<div class="point point_three"></div>
<div class="point point_four"></div>
</div>
</div>
</div> </div>
<!-- 千家大地图 --> <!-- 千家大地图 -->
<a id="to_map" name="to_map"></a> <a id="to_map" name="to_map"></a>
...@@ -163,35 +296,9 @@ ...@@ -163,35 +296,9 @@
<div class="model_title">联系我们</div> <div class="model_title">联系我们</div>
<p class="model_eng">CONTACT US</p> <p class="model_eng">CONTACT US</p>
</div> </div>
<div class="map"> <div class="introduce_box wow animated fadeInUp">
<img src="./images/map.jpg" alt=""> <div class="map">
<div class="relation_us"> <img src="./images/maps.png" alt="">
<p>联系我们</p>
<div class="relation_more clear">
<div class="more_img left">
<img src="./images/map_img.png" alt="">
</div>
<ul class="more_msg left">
<li>
<div>
<span class="iconfont icon-dianhua"></span>
</div>
<span class="msg_content">0315-8080081</span>
</li>
<li>
<div>
<span class="iconfont icon-iconfonticon6"></span>
</div>
<span class="msg_content">1536887725</span>
</li>
<li>
<div>
<span class="iconfont icon-dizhi"></span>
</div>
<span class="msg_content">唐山市新天地·汇金中心B座8层</span>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -208,6 +315,6 @@ ...@@ -208,6 +315,6 @@
</footer> </footer>
</body> </body>
<script> <script>
common() common();
</script> </script>
</html> </html>
\ No newline at end of file
css/contactus.css
...@@ -52,195 +52,459 @@ ...@@ -52,195 +52,459 @@
margin-left: 185px; margin-left: 185px;
} }
} }
/* 品牌介绍和加盟流程 */ /* 表头展示数据 */
#partner_body{ #exhibition{
width:1048px; height: 236px;
margin: auto; margin-top: -30px;
background: #fff;
box-shadow:15px 0 15px -15px #e4e3e2,
-15px 0 15px -15px #e4e3e2;
}
#exhibition ul{
height: 42px;
width: 1090px;
margin: 0 auto;
padding-top:80px;
} }
/* 第一块 */ #exhibition ul li{
#partner_body .partner_listone{ width: 270px;
margin:138px 0px 170px; height: 82px;
float: left;
text-align: center;
border-left: 2px solid #ccc;
} }
#partner_body .partner_listone li{ #exhibition ul li:hover div{
width:283px; color: #12ab8d;
height:208px;
border:1px solid #e2e2e2;
} }
#partner_body .partner_listone li:nth-child(2){ #exhibition ul li:hover p{
margin:0px 92px; color: #12ab8d;
} }
#partner_body .partner_listone i{ #exhibition ul li div{
width:150px; font-size: 35px;
display: block; font-family:"Microsoft Yahei" ;
font-weight: bold;
color: #464646;
}
#exhibition ul li p{
font-size: 16px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
color: #c5c5c5;
}
#exhibition ul .left{
border-left:0;
}
/* 品牌展示 */
#introduction .brand {
margin-top: 60px;
height: 395px;
}
#introduction .brand .estate{
width: 575px;
height: 394px;
float: left;
margin-right: 45px;
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 0px 0px 30px #f9f8f8;
}
#introduction .brand .estate .top{
font-size: 25px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
color: #464646;
text-align: center; text-align: center;
line-height: 100px; margin-top: 35px;
color:#fff;
background: #12ab8c;
font-size:69px;
border-radius: 10px;
margin:-46px auto 0px;
} }
#partner_body .partner_listone .introduce{ #introduction .brand .estate .lode{
margin-top:33px; width: 275px;
line-height:31px; height: 57px;
margin: 40px auto;
position: relative;
}
#introduction .brand .estate .lode p{
font-size: 50px;
display: inline;
position: absolute;
top: -10px;
left: 60px;
color: #12ab8d;
font-weight: bold;
}
#introduction .brand .estate .conter{
width: 508px;
margin: 0 auto;
}
#introduction .brand .estate .conter span{
font-size: 30px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
color: #12ab8d;
}
#introduction .brand .estate .conter p{
display: inline;
font-size: 18px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
}
#introduction .brand .households{
width: 575px;
height: 394px;
float: left;
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 0px 0px 30px #f9f8f8;
} }
#partner_body .partner_listone .introduce p { #introduction .brand .households .top{
font-size: 17px; font-size: 25px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
color: #464646;
text-align: center; text-align: center;
margin-top: 35px;
} }
#partner_body .partner_listone span{ #introduction .brand .households .lode{
font-size: 20px; width: 355px;
color:#12ab8c; height: 57px;
padding:0px 1.5px; margin: 40px auto;
font-weight: 600; position: relative;
} }
/* 第二块 */ #introduction .brand .households .lode p{
#partner_body .partner_list{ font-size: 50px;
margin-bottom:76px; display: inline;
} position: absolute;
#partner_body .partner_list li{ top: -10px;
width:50%; left: 60px;
height:247px; color: #f4a81b;
float:left; font-weight: bold;
background: #12ab8c; }
color:#fff; #introduction .brand .households .lode .img{
text-align: left; position: absolute;
right: 15px;
top: 10px;
} }
#partner_body .partner_list li p{ #introduction .brand .households .conter{
line-height: 20px; width: 508px;
margin: 0 auto;
} }
#partner_body .partner_list li p span{ #introduction .brand .households .conter span{
font-size: 30px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
color: #f4a81b;
}
#introduction .brand .households .conter p{
display: inline;
font-size: 18px; font-size: 18px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
} }
#partner_body .partner_list1 p{ /* 圆圈展示 */
padding-left:75px; .market{
height: 700px;
position: relative;
display: none;
} }
#partner_body .partner_list2 p{ .circleProgress_wrapper{
padding-left:130px; width: 440px;
height: 440px;
margin: 50px auto;
position: relative;
} }
#partner_body .partner_list3 p{ .circleProgress_wrapper .wrapper{
padding-left:155px; width: 220px;
height: 440px;
position: absolute;
top:0;
overflow: hidden;
} }
#partner_body .partner_list li p:first-child{ .circleProgress_wrapper .wrapper .circleProgress{
width: 400px;
height: 400px;
border:20px solid #ccc;
border-radius: 50%;
position: absolute;
top:0;
-webkit-transform: rotate(-135deg);
}
.circleProgress_wrapper .wrapper .rightcircle{
border-top:20px solid #12ab8d;
border-right:20px solid #12ab8d;
right:0;
-webkit-animation: circleProgressLoad_right 5s linear forwards;
}
.circleProgress_wrapper .wrapper .leftcircle{
border-bottom:20px solid #12ab8d;
border-left:20px solid #12ab8d;
left:0;
-webkit-animation: circleProgressLoad_left 5s linear forwards;
}
@-webkit-keyframes circleProgressLoad_right{
0%{
-webkit-transform: rotate(-135deg);
}
50%,100%{
-webkit-transform: rotate(45deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%,50%{
-webkit-transform: rotate(-135deg);
}
100%{
-webkit-transform: rotate(-10deg);
}
}
.circleProgress_wrapper .right{
right:0;
}
.circleProgress_wrapper .left{
left:0px;
}
/* 圈内文字 */
.text{
width: 100%;
text-align: center;
position: absolute;
top: 85px;
}
.text .top{
font-size: 23.37px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
}
.text .number{
font-size: 90.45px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
color: #12ab8d;
}
.text .houes{
font-size: 23.37px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
}
.text .par{
margin: 0 auto;
width: 250px;
font-size: 18.99px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
}
.text .par span{
font-weight: bold;
}
.fifty-six{
font-size: 90.45px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
color: #eff0f4;
position: absolute;
top:320px;
left: 160px;
}
.thirty-two{
font-size: 90.45px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
color: #eff0f4;
position: absolute;
top:320px;
left: 840px;
}
.sixty-seven{
font-size: 90.45px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
color: #eff0f4;
position: absolute;
top:93px;
left: 900px;
}
.center_text{
font-size: 18px; font-size: 18px;
font-weight: 600; font-family:"Microsoft Yahei" ;
font-weight: regular;
width: 952px;
margin: 0 auto;
} }
#partner_body .partner_list1 p:first-child{ .center_text .green{
margin-top:18px; font-weight: bold;
margin-bottom:14px; color: #12ab8d;
line-height: 34px; font-size: 24px;
} }
#partner_body .partner_list2 p:first-child{ /* 六大支持 */
margin-top:14px; #test1{
margin-bottom:10px; margin-top: 70px;
line-height: 32px; height: 400px;
} }
#partner_body .partner_list3 p:first-child{ #test1 ul{
margin-top:38px; float: left;
line-height: 30px; height:400px;
width: 1200px
} }
#partner_body .partner_list1 p:first-child{ #test1 ul li{
line-height: 34px; float: left;
height:400px;
width:118px;
margin-right: 11px;
} }
#partner_body .partner_list li p:last-child{ #test1 ul .last{
line-height:26px; margin-right: 0;
margin-top:5px;
} }
#partner_body .partner_list .list_img1{ #test1 ul li:nth-of-type(1){
background: url('../images/support_a.png') width: 536px;
background: url(../images/a1.png) no-repeat;
} }
#partner_body .partner_list .list_img2{ #test1 ul .firsted:nth-of-type(1){
background: url('../images/support_c.png') width: 536px;
background: url(../images/a.png) no-repeat;
} }
#partner_body .partner_list .list_img3{ #test1 ul li:nth-of-type(2){
background: url('../images/support_b.png') background: url(../images/b1.png) no-repeat;
} }
/* 第三块 */ #test1 ul .firsted:nth-of-type(2){
#partner_body .partner_line{ background: url(../images/b.png) no-repeat;
position: relative; }
height:20px; #test1 ul li:nth-of-type(3){
} background: url(../images/c1.png) no-repeat;
#partner_body .login_content { }
position: absolute; #test1 ul .firsted:nth-of-type(3){
min-width: 1048px; background: url(../images/c.png) no-repeat;
} }
#partner_body .login_content div { #test1 ul li:nth-of-type(4){
color:#858585; background: url(../images/d1.png) no-repeat;
font-size: 20px; }
line-height: 20px; #test1 ul .firsted:nth-of-type(4){
margin-left: 485px; background: url(../images/d.png) no-repeat;
}
#partner_body .login_content div:after, .login_content div:before {
background: #ebebeb;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 42%;
}
/*调整背景横线的左右距离*/
#partner_body .login_content div:before {
left: 0;
}
#partner_body .login_content div:after {
right: 0;
}
/* 加盟流程 */
#partner_body .partner_flow{
position: relative;
height:136px;
margin-top:82px;
} }
#partner_body .partner_flow p{ #test1 ul li:nth-of-type(5){
background: url(../images/e1.png) no-repeat;
}
#test1 ul .firsted:nth-of-type(5){
background: url(../images/e.png) no-repeat;
}
#test1 ul li:nth-of-type(6){
background: url(../images/f1.png) no-repeat;
}
#test1 ul .firsted:nth-of-type(6){
background: url(../images/f.png) no-repeat;
}
#test1 .on .shadow{
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: relative;
}
#test1 .on .shadow p{
color: #fff;
text-align: right;
}
#test1 .on .shadow .two{
font-size: 23.37px;
font-family:"Microsoft Yahei" ;
font-weight: bold;
}
#test1 .on .shadow .sected{
position: absolute; position: absolute;
top:13px; top: 220px;
left:50%; right: 15px;
margin-left:-380px;
width:760px; }
height:2px; #test1 .on .shadow .oness{
border-bottom:1px dotted #cecdcd; width: 90px;
z-index: 98; height: 90px;
} line-height: 90px;
#partner_body .partner_flow div{ text-align: center;
color: #fff;
font-size: 40px;
font-weight: bold;
position: absolute; position: absolute;
left:50%; left: 430px;
margin-left:-413px; top: 110px;
z-index: 99; background: linear-gradient(to left, #fff, #fff) left top no-repeat,
linear-gradient(to bottom, #fff, #fff) left top no-repeat,
linear-gradient(to left, #fff, #fff) right top no-repeat,
linear-gradient(to bottom, #fff, #fff) right top no-repeat,
linear-gradient(to left, #fff, #fff) left bottom no-repeat,
linear-gradient(to bottom, #fff, #fff) left bottom no-repeat,
linear-gradient(to left, #fff, #fff) right bottom no-repeat,
linear-gradient(to left, #fff, #fff) right bottom no-repeat;
background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
}
#test1 .on .shadow .twor{
left: 15px;
} }
#partner_body .partner_flow .flow_number{ #test1 .on .shadow .secteds{
width:778px; display: none;
margin: auto;
} }
#partner_body .partner_flow li{ /* 加盟流程 */
float:left; #process{
margin-top: 100px;
margin-bottom: 60px;
} }
#partner_body .partner_flow .flow_number li{ #process .process{
width:28px; height: 525px;
line-height:28px; position: relative;
}
#process .process ul {
height: 200px;
}
#process .process ul li{
width: 300px;
height: 200px;
text-align: center; text-align: center;
color:#fff; padding-top: 40px;
background: #bababa; float: left;
margin-right:122px; }
font-size: 18px; #process .process ul li p{
font-size: 18px;
font-family:"Microsoft Yahei" ;
font-weight: regular;
}
#process .process ul li .garden{
width: 100px;
height: 100px;
border: 1px solid #eee;
border-radius: 50%; border-radius: 50%;
margin: 0 auto;
margin-bottom: 40px;
background: #fbfafa;
box-shadow: 0px 5px 2px #d6d4d4;
}
#process .process .gardenz{
width: 900px;
margin: 0 auto;
height: 525px;
}
/* 指向箭头 */
#process .process .point{
position: absolute;
top: 65px;
left: 290px;
width: 30px;
height: 55px;
background: url(../images/arrows.png) no-repeat;
} }
#partner_body .partner_flow .flow_number li:first-of-type{ #process .process .point_one{
background:#12ab8d; left: 605px;
} }
#partner_body .partner_flow ul li:last-of-type{ #process .process .point_two{
margin-right:0px; left: 920px;
} }
#partner_body .partner_flow .flow_text{ #process .process .point_three{
width:826px; left: 430px;
margin:20px auto 0px; top:303px;
} }
#partner_body .partner_flow .flow_text li{ #process .process .point_four{
width:66px; left: 740px;
color:#5b5b5b; top: 303px;
margin-right:86px;
font-size: 16px;
} }
/* 千家大地图 */ /* 千家大地图 */
#qj_map .map { #qj_map .map {
position: relative; position: relative;
......
css/index.css
...@@ -649,7 +649,7 @@ ...@@ -649,7 +649,7 @@
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
margin: 0 10px; margin: 0 10px;
box-shadow: 0 0 2px 5px #eeeeee; box-shadow: 2px 2px 6px 1px rgba(110,110, 110, 0.22);
position:relative; position:relative;
top: -10px; top: -10px;
} }
...@@ -659,7 +659,7 @@ ...@@ -659,7 +659,7 @@
background:url(../images/arrow.png) no-repeat; background:url(../images/arrow.png) no-repeat;
position: absolute; position: absolute;
left: 35px; left: 35px;
top: 93px; top: 92px;
} }
#hover .doublemint{ #hover .doublemint{
display: block; display: block;
......
js/common.js
...@@ -36,4 +36,40 @@ var common = function () { ...@@ -36,4 +36,40 @@ var common = function () {
img.style.animation = "fadeInBig .8s ease-in-out forwards" img.style.animation = "fadeInBig .8s ease-in-out forwards"
} }
} }
}
\ No newline at end of file
// 六大支持
$(".on").click(function(){
$(this).css("width","536px").siblings().css("width","118px");
$(this).addClass('firsted').siblings().removeClass('firsted');
$(this).find(".oness").css("left","430px");
$(this).siblings().find(".oness").css("left","15px");
$(this).find(".shadow .sected").css("display","block");
$(this).siblings().find(".shadow .sected").css("display","none");
})
}
// 品牌圆环的事件
var aaa = true;
window.onscroll=function(){
var topScroll =document.documentElement.scrollTop;
if(topScroll >= 800){
if(!aaa){
}else{
$(".market").css("display","block");
// 圈内数字加载
var num = 0;
var t = setInterval(function(){
num++;
var arr=document.getElementsByClassName("numbers")[0];
arr.innerHTML = num;
if(num==85){
clearInterval(t);
}
},60);
aaa = false;
}
}
}
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论