<head>
<meta charset="utf-8" />
<title>投联网</title>
<link rel="stylesheet" href="css/qq.css" />
</head>
<body>
<div class="header">
<div class="w">
<div class="w1">>
<img src="img/logo.png" class="logo" />
<img src="img/toulian.png" alt="" />
</div>
<div class="w2">
<a href="#">首页</a>
<a href="#">商业物业</a>
<a href="#">企业选址</a>
<a href="#"><span class="w6">政府招商</span></a>
<a href="#">园区招商</a>
<a href="#">企业招商</a>
<a href="#">商会协会</a>
<a href="#">投联服务</a>
<a href="#">投联活动</a>
</div>
<button>登录|注册</button>
</div>
</div>
<div>
<img src="img/logo_bg.png" />
</div>
<div class="a">
<img src="img/bg.png" />
</div>
<div class="a2">
<div class="s">
<a>北京市昌平区街乡办专区</a>
<a>北京市昌平区街乡办专区</a>
<a>北京市昌平区街乡办专区</a>
</div>
<div class="box">
<div class="box1">
<img src="img/show1.png" />
<p class="box3">昌平区域北街道</p>
<p class="box2">昌平区东关十字路口北侧</p>
</div>
<div class="box1">
<img src="img/show1.png" />
<p class="box3">昌平区域北街道</p>
<p class="box2">昌平区东关十字路口北侧</p>
</div>
<div class="box1">
<img src="img/show1.png" />
<p class="box3">昌平区域北街道</p>
<p class="box2">昌平区东关十字路口北侧</p>
</div>
<div class="box1">
<img src="img/show1.png" />
<p class="box3">昌平区域北街道</p>
<p class="box2">昌平区东关十字路口北侧</p>
</div>
</div>
</div>
<div class="a2">
<p class="h">
拱振街道 城关街道 西潞街道 石楼镇 十渡镇 窦店镇 阎村镇 河北镇 张坊镇 长沟镇 周口欧店镇 大石窝镇 韩河村镇 南窖乡 蒲洼乡 佛子庄乡 史家营乡
</p>
<p class="h">
霞云岭乡 大安山乡 北京高端制造业基地 北京房山中央休闲购物区(CSD)长阳核心区 中国房山世界地质公园 中国北京农业生活谷 房山区红酒中心
</p>
<p class="h">
房山历史文化旅游集聚区 北京西南良乡物流基地 北京良乡经济开发区
</p>
<div class="h"></div>
</div>
<div class="k1"></div>
<div class="g">
<div class="f">
<div class="f1">
<ul>
<li><span>关于投联网 </span></li>
<div class="r">
<li class="s">投联网介绍</li>
<li class="s">联系我们</li>
<li class="s">职位招聘</li>
<li class=" s">用户协议</li>
<li class="s">隐私保护</li>
</div>
</ul>
</div>
<div class="f2">
<ul>
<li>
<span style="display: inline-block;">微信订阅</span>
<img src="img/wx.png" style="display: inline-block;"/>
</li>
<li><span>联系我们</span></li>
<div class="r">
<li class="s">电话:010-61820546</li>
<li class="s">传真:010-61820545</li>
<li class="s">Email:ad@toulianwang.com</li>
</div>
</ul>
</div>
<div class="f3">
<ul>
<div class="u">
<li class="s">京JCP备1401419号</li>
<li class="s">京公网·安备11010902000246</li>
<li class="s">版权所有©2015 toulianwang.com 传世投联(北京)科技有限公司</li>
</div>
</ul>
</div>
</div>
</div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
.header {
width: 100%;
height: 75px;
background: #000000;
padding-top: 16px;
}
.w{
width: 1200px;
margin: 0px auto;
}
.w1{
display: inline-block;
margin-right: 110px;
}
.w1 .logo{
}
.w2{
display: inline-block;
}
.w2 a{
font-size: 15px;
color: white;
text-decoration: none;
margin-left: 10px;
}
.w6{
color: lightskyblue;
}
button{
width: 80px;
height: 40px;
background: red;
border: none;
color: white;
margin-top: -5px;
margin-left: 100px;
line-height: 40px ;
}
.a{
width: 1200px;
margin: 0px auto;
margin-top: 0px;
}
.a2{
width: 1200px;
margin: 0 auto;
margin-top: 30px;
}
.a2 p{
font-size: 14px;
display: inline-block;
margin-right:50px;
word-spacing: 10px;
}
.h{
margin-top: 20px;
}
.s a{
width: 282px;
height: 60px;
border: 1px transparent solid;
border-radius: 10px;
font-size: 20px;
text-align: center;
padding-top: 40px;
display: inline-block;
margin-right: 60px;
}
.s a:hover{
color: white;
background: dodgerblue;
}
.box{
margin-top: 15px;
height: 350PX;
}
.box1{
width: 280px;
height: 350px;
border: 1px transparent solid;
text-align: 10px;
float: left;
overflow: hidden;
}
.box5{
clear: both;
}
.box3{
margin-left: 15px;
margin-top: 10px;
}
.box2{
margin-left: 40px;
padding-top: 10px;
}
.box1:hover{
border: 1px #6495ED solid;
}
.box1 img {
padding: 10px;
}
.V{
width: 100%;
height: 4PX;
background: red;
}
.k1{
height: 5px;
background-image: -webkit-linear-gradient(left,#DB6969,#0FA8E4,#1F4A4B,#5095E2,#3B6480);
margin-top:100px;
}
.g{
height: 480px;
background: #000000;
padding-top: 50px;
}
.f{
width: 1250px;
height: 480px;
border: 1px transparent solid;
margin: 0px auto;
overflow: hidden;
}
.f ul{
list-style: none;
}
.f1{
width: 375px;
height: 470px;
border: 1px transparent solid;
float: left;
}
li span{
display: block;
color: #02ABED;
font-size: 25px;
margin-bottom: 40px;
}
.fi li{
margin-top: 30px;
margin-left: 25px;
}
.f2{
width: 375px;
height: 470px;
border: 1px transparent solid;
float: left;
}
.f3{
width: 485px;
height: 470px;
border: 1px transparent solid;
float: left;
}
.f1 li{
color: white;
}
.f2 li{
color: white;
}
.f3 li{
color: white;
}
.s{
line-height: 40px;
}
.r{
margin-top: 150px;
}
.u{
margin-top: 260px;
border-left: 1px solid #02ABED;
padding-left: 20px;
margin-left: -40px;
}