使用方法：

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、body引入HTML代碼

<div class="main">
	<div class="main-l">
		<p class="tit">
			智能建站，讓您的網站和微信公眾號無所不能<span>做企業(yè)、個人、網店、手機微信網站樣樣行，小程序、APP一鍵生成即刻擁有！內置超多豐富營銷推廣工具，超64種營銷應用</span>
		</p>
		<div class="main-l-m">
			<div class="w-1300">
				<ul>
					<li><img src="statics/images/n-main-5.gif">
						<p> PC + 手機 + 微信網站 + 小程序 + APP，五站合一<br></p>
					</li>
					<li><img src="statics/images/n-main-6.gif">
						<p>小程序眾多流量入口,集展示互動、交易為一體</p>
					</li>
					<li><img src="statics/images/n-main-7.gif">
						<p>強大組件應用多變<br>靈活滿足需求</p>
					</li>
					<li><img src="statics/images/n-main-8.gif">
						<p>微信無縫對接<br>超強微信應用</p>
					</li>
					<li class="li-bor-notrig"><img src="statics/images/n-main-9.gif">
						<p>支持創(chuàng)建<br>多語言站點</p>
					</li>
					<li><img src="statics/images/n-main-10.gif">
						<p>支持SEO優(yōu)化<br>PC端+手機移動端</p>
					</li>
					<li><img src="statics/images/n-main-11.gif">
						<p>形象實力展示強<br>激發(fā)顧客購買</p>
					</li>
					<li><img src="statics/images/n-main-12.gif">
						<p>擴大分銷渠道<br>　</p>
					</li>
					<li><img src="statics/images/n-main-13.gif">
						<p>強大電商應用<br>促進成交</p>
					</li>
					<li class="li-bor-notrig"><img src="statics/images/n-main-14.gif">
						<p>高效多維傳播<br>引來客流量</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-15.gif">
						<p>實時咨詢<br>轉化率高</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-16.gif">
						<p>強化粉絲黏度<br>優(yōu)化口碑營銷</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-17.gif">
						<p>客戶關懷與維系<br>增加回頭率</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-18.gif">
						<p>提升服務<br>留住更多客戶</p>
					</li>
					<li class="li-bor-notbot li-bor-notrig"><img src="statics/images/n-main-19.gif">
						<p>多種營銷工具<br>引爆人氣</p>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
		</div>
	</div>
</div>