Demo entry 6644275

3

   

Submitted by 3 on Oct 03, 2017 at 10:59
Language: HTML. Code size: 6.9 kB.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>尚合</title>
	<style type="text/css">
    body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font:12px simsun;} 
    li{list-style:none;} 
    input{
    border:0 none;
    outline-style: none;
    }
    a{
    	text-decoration: none;
    }
    .clearfix:after{
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
		clear:both;
	}
	.clearfix{
		zoom: 1;
	}
    .fl{
    	float:left;
    }
    .fr{
    	float:right;
    }
    .header{
    	width: 980px;
    	height: 39px;
    	margin:20px auto 0px;

    }
    .logo{
    	width: 179px;
    	height: 39px;
    }
    .search{
    	height: 30px;
    	width: 201px;
    	border: 1px solid #CECECE;

    }
   .search input[type="text"]{
   	width: 165px;
   	height: 30px;	
   	vertical-align: top;
   }
   .search input[type="button"]{
   	height:30px;
   	width:30px;
   	vertical-align: top;
   	background: url("search2.jpg");
   }
    .nav{
    	height: 55px;
    	border-top: 1px solid #bbb;
    	background: url("nav_bg.png");
    }
    .nav-con{
    	height: 55px;
    	width: 980px;
    	margin:0px auto;
    }
    .nav .nav-con ul{
    	font:12px simsun;
    }
    .nav .nav-con ul li{
    	float: left;
    }
	.nav .nav-con ul li a{
		display: inline-block;
		background: url("nav_bg-line.png") no-repeat right;
		text-align: center;
		font: 700 12px/55px 宋体;
        color: #000;
        padding: 0 30px;
	}
	.banner{
		width: 980px;
		height: 597px;
		margin: 0 auto;
	}
    .mes{
    	height: 32px;
    	background: #FBFBFB;
    	border-top: 1px solid #EFEFEF;
    	border-bottom: :1px solid #EFEFEF;
    	margin-bottom: 15px;
    }
    .mes .mes-con{
    	width: 980px;
    	height: 32px;
    	margin:0 auto;
    	line-height: 32px;
    }
    .mes .mes-con .mes-con1{
        line-height: 32px;
    }
     .mes .mes-con .mes-con2{
     margin-top:3px;
     }
    .news{
    	margin: 0 auto;
    	width: 980px;
    }
    .news-left,.news-center,.news-right{
    	border: 1px solid #E4E4E4;
    	height: 224px;
   }
   .news-left{
   	width: 310px;
   	position: relative;
   }
   .news-center{
   	width:373px ;
   	margin-left:11px ;
   	margin-right: 11px;

   }
   .news-right{
    width:268px ;
   }
   .pro{
   	margin:14px 0 0 6px;
   	color: #7AB800;
   	font:12px simsun;
   }
   .pro img{
   	vertical-align: middle;
   }
   .pro-pic{
   	position: absolute;
   	left: 55px;
   	top:50px;
   }
   .sj-l{
   	position: absolute;
   	left:23px;
   	bottom: 90px;

   }
   .sj-r{
    position: absolute;
    right: 23px;
    bottom: 90px;
   }
   .news-center .news-cen{
    margin:14px 0 0 6px;
   	color: #7AB800;
   	font:12px simsun;   }
	
   .news-cen img{
   	vertical-align: middle;
   }
   .news-center ul{
   	margin:10px 25px 0px;
   }
   .news-center ul li{
   	height: 27px;
   	line-height: 27px;
   	border-bottom: dashed 1px #DCDCDC;
   }
   .news-center ul li a{
   	font:12px/27px;
   	color: #000;
   }
   .news-center ul li a.sorry{
   	color:#ff0000;
   	font-weight: 700;


   }
   .tec{
    margin:14px 0 0 6px;
   	color: #7AB800;
   	font:12px simsun;
   }
   .tec img{
   	vertical-align: middle;
   }
   .news-right ul{
   	margin-left: 27px;
   }
   .news-right ul li{
   	height: 12px;
   	margin-top:10px;
   	line-height: 12px;
   	border-left: 3px solid #7AB800;
   	padding-left: 5px;
   }
   .news-right p{
   	margin-left:28px;
   	margin-top: 28px;
   }
   .footer{
		height: 280px;
		background: #2D2D2D;
		border-bottom: 2px solid #414141;
		
	}
	.footer-con{
		width: 980px;
		margin: 0 auto;
	}
	.footer-con dl{
		float: left;
		margin-top:20px;
		margin-right:40px;
	}
	.footer-con dl dt{
		color:#c0c0c0;
	}
	.footer-con dl dd{
		color:#707070;
		margin-top: 20px;
    }
    .dot{
    	background: #2D2D2D;
    	height: 54px;
    	margin:0 auto;
    	text-align: center;
    	padding-top: 30px;
    }
	</style>
   
</head>
<body>
<div class="header">
	<div class="logo fl">
	<img src="logo.jpg" alt="">
	</div>
	<div class="search fr">
	<input type="text">
	<input type="button">
	</div>
</div>

<div class="nav">
	<div class="nav-con">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">智能手机</a></li>
			<li><a href="#">平板电脑</a></li>
			<li><a href="#">配件</a></li>
			<li><a href="#">服务支持</a></li>
			<li><a href="#">关于尚合</a></li>
		</ul>
    </div>
</div>
<div class="banner">
<img src="banner.jpg" alt="">
</div>
<div class="mes">
	<div class="mes-con ">
		<div class="mes-con1 fl">
        最新公告:尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网
        </div>
			<div class="mes-con2 fr">
            <img src="zone.png" alt="">
			<img src="weibo.png" alt="">
			<img src="xinlang.png" alt="">
			<img src="renren.png" alt="">

       </div>
	</div>
</div>
<div class="news">
	<div class="news-left fl">
    <div class="pro">
    <img src="o.jpg" alt="">
    新品发布
    </div>
    <div class="pro-pic">
    <img src="home_hot_01.png" alt="">
    </div>
    <div class="sj-l">
    <img src="left.png" alt="">
    </div>
    <div class="sj-r">
    <img src="right.png" alt="">
    </div>
	</div>
		<div class="news-center fl ">
        <div class="news-cen">
        <img src="o.jpg" alt="">
        新闻中心
        </div>
        <ul>
        	<li><a href="#" class="sorry">致歉公告</a></li>
				<li><a href="#">首批尚合Aonet已全部售馨!</a></li>
				<li><a href="#">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
				<li><a href="#">尚合Aone智能手机入网证已经获工信部门审批下发.</a></li>
				<li><a href="#">我司通过ISO9001:2008国际质量管理体系认证</a></li>
				<li><a href="#">我司产品已经通过了国家强制性产品3C认证</a></li>
        </ul>
		</div>
			<div class="news-right fr">
             <div class="tec">
            <img src="o.jpg" alt="">
            技术与支持
            
             </div>
             <ul>
             	    <li>售后服务</li>
					<li>投诉与建议</li>
					<li>联保网点</li>
					<li>常见问题FAQ</li>
             </ul>
             <p>
               深圳市汇聚众合科技发展有限公司<br>
			   服务热线:400-633-7922
			</p>
			</div>
			
			
</div>
<div class="clearfix"></div>
 <div class="footer">
             <div class="footer-con">
             <dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>
		    </dl>
		    <dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>
		   </dl>
		    <dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>
		</dl>
		<dl>
			<dt>尚合首页</dt>
			<dd>返回首页</dd>
		</dl>
             </div>
            
			</div>
			<div class="clearfix"></div>
			 <div class="dot">
             深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市<br>
会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司
             </div>

</body>
</html>

This snippet took 0.01 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).