尚合手机
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0px;
}
.a {
height: 44px;
border-bottom: solid #D6D6D6;
position: relative;
}
.logo {
margin-left: 275px;
margin-top: 4px;
}
.b {
display: inline-block;
width: 176px;
height: 29px;
position: absolute;
right: 270px;
top: 7px;
margin: auto;
z-index: 0;
background-image: url(./尚合/search2.jpg);
background-repeat: no-repeat;
background-position-x: 148px;
border: gainsboro 1px solid;
cursor:pointer;
}
.c {
float: right;
}
.d {
margin-right: 250px;
z-index: 999;
}
.daohang {
display: inline-block;
}
.e {
height: 55px;
background-image: url(./尚合/nav_bg.png);
width: 100% ;
padding-left: 85px;
}
.daohangu {
height: 55px;
line-height: 55px;
margin: 0px;
}
.daohang {
padding-left: 20px;
padding-right: 20px;
background-image: url(./尚合/nav_bg-line.png);
background-repeat: no-repeat;
background-position: right;
}
#a {
margin-left: 100px;
}
.datu {
width: 980px;
height: 597px;
margin: auto;
}
.gg {
margin-left: 17%;
margin-bottom: 40px;
font-size: 10px;
line-height: 30px;
}
.q {
height: 30px;
background-color: #FBFBFB;
}
.youtu {
float: right;
margin-right: 270px;
}
.sanhe1 {
width: 205px;
height: 189px;
margin-left: 467px;
position: relative;
border: 1px solid gainsboro;
margin-right: 100px;
position: relative;
margin-top: 20px;
}
#l {
position: absolute;
top: 50%;
left: 0px;
}
#r {
position: absolute;
top: 50%;
right: 0px;
}
.he {
float: left;
}
.gonggao {
list-style: none;
}
.gonggao1{
border-bottom: gainsboro 1px dashed;
}
.sanhe2 {
width: 300px;
height: 189px;
border: 1px solid gainsboro;
margin-right: 100px;
position: relative;
margin-top: 20px;
}
.sanhe3 {
width: 255px;
height: 189px;
border: 1px solid gainsboro;
position: relative;
margin-top: 20px;
}
.sanhe1,
.sange2,
.sanhe3 {
float: left;
}
.three {
list-style: none;
}
.rexian {
padding-left: 40px;
}
.fanhui {
margin-top: 245px;
height: 150px;
}
.pigu {
border-top: dashed 1px rgb(88, 88, 88);
height: 90px;
width: 100%;
}
.yan {
background-color: #2D2D2D;
}
.shangheshou {
padding-left: 20px;
padding-right: 20px;
color: #C0C0C0;
display: inline-block;
font-size: small;
}
.fanshou {
margin-left: 207px;
}
.z {
color: #515151;
}
.zuihou {
text-align: center;
margin-top: 40px;
color: #010101;
font-size: small;
}
.zuihou2 {
text-align: center;
color: #010101;
font-size: small;
}
.san1{
position: absolute;
top: 14px;
left: 25px;
margin-left: -17px;
margin-top: -17px;
}
.wuyu{
margin-top: 40px;
padding-left: 5px;
}
.r{
margin-top: 30px;
padding-left: 22px;
}
.shouhou{
color: green;
}
.three{
color: black;
}
</style>
</head>
<body>
<div class="a">
<img src="./尚合/logo.jpg" alt="" class="logo">
<input type="text" value="请输入... " class="b ">
</div>
<div class="e">
<ul class="daohangu">
<li id="a" class="daohang"></li>
<li class="daohang"><strong>首页</li></strong></li>
<li class="daohang"><strong>智能手机</li></strong></li>
<li class="daohang"><strong>平板电脑</li></strong></li>
<li class="daohang"><strong>配件</li></strong></li>
<li class="daohang"><strong>服务支持</li></strong></li>
<li class="daohang"><strong>关于尚合</li></strong></li>
</ul>
</div>
<div class="datu"><img src="./尚合/banner.jpg" alt=""></div>
<div class="q">
<div class="gg">最新公告:尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网<div class="youtu"><img src="./尚合/zone.png" alt="">
<img src="./尚合/xinlang.png" alt="">
<img src="./尚合/weibo.png" alt="">
<img src="./尚合/renren.png" alt=""> </div>
</div>
</div>
<div>
<div class="sanhe1 he">
<img src="./尚合/home_hot_01.png" alt="" class="wuyu">
<img src="./尚合/left.png" alt="" id="l">
<img src="./尚合/right.png" alt="" id="r">
<div class="san1"><img src="./尚合/o.jpg" alt=""><span style="color: #7DB905;">新品发布</span> </div>
</div>
<div class="sanhe2 he">
<ul class="gonggao r" style="padding-right: 22px;"><span style="color: red;" >致歉公告</span>
<li class="gonggao gonggao1">首批</li>
<li class="gonggao gonggao1">媒体</li>
<li class="gonggao gonggao1">尚合</li>
<li class="gonggao gonggao1">我司</li>
<li class="gonggao gonggao1">我司</li>
<div class="san1"><img src="./尚合/o.jpg" alt=""><span style="color: #7DB905;">新品发布</span> </div>
</ul>
</div>
<div class="sanhe3">
<div class="shouhou">
<ul style="padding-left: 22px;" class="r">
<li class="three"><span class="shouhou">|</span> 售后</li>
<li class="three"><span class="shouhou">|</span> 投诉</li>
<li class="three"><span class="shouhou">|</span> 联保</li>
<li class="three"><span class="shouhou">|</span> 常见问题</li>
<div class="san1"><img src="./尚合/o.jpg" alt=""><span style="color: #7DB905;">新品发布</span> </div>
</ul>
</div>
<div class="rexian" style="padding-left: 22px;">
深圳热线
</div>
</div>
</div>
<div>
<div class="fanhui yan">
<div class="fanshou">
<ul>
<li class="shangheshou">尚合首页</li>
<li class="shangheshou">尚合首页</li>
<li class="shangheshou">尚合首页</li>
<li class="shangheshou">尚合首页</li>
</ul>
</div>
<div class="fanshou">
<ul>
<li class="shangheshou z">返回首页</li>
<li class="shangheshou z">返回首页</li>
<li class="shangheshou z">返回首页</li>
<li class="shangheshou z">返回首页</li>
</ul>
</div>
</div>
<div class="pigu yan">
<div class="zuihou">深圳巴拉巴拉12312313213</div>
<div class="zuihou2">深圳巴拉巴拉</div>
</div>
</div>
</body>
</html>