使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="auto-box">
	<div class="main-box">
		<div class="index-tit">
			<h1>比公有云更多的，是精益求精的360°服務(wù)</h1>
			<p>近20年 IT 服務(wù)經(jīng)驗(yàn)，千錘百煉打造面向企業(yè)的全程服務(wù)</p>
		</div>
		<ul class="index-tserver">
			<li class="tserver-list1">
				上云遷移服務(wù)
				<p class="animated zoomin">
					<a href="#">制定上云整體方案，實(shí)現(xiàn)專業(yè)、有序、安全遷移上云</a>
				</p>
			</li>
			<li class="tserver-list2">
				新手服務(wù)
				<p class="animated zoomin">
					<a href="#">提供云端架構(gòu)、部署、產(chǎn)品和功能培訓(xùn)和指導(dǎo)</a>
				</p>
			</li>
			<li class="tserver-list3">
				網(wǎng)絡(luò)安全服務(wù)
				<p class="animated zoomin">
					<a href="#">提供漏掃、態(tài)勢(shì)感知、安全加固等全面網(wǎng)絡(luò)安全防護(hù)服務(wù)</a>
				</p>
			</li>
			<li class="tserver-list4">
				資質(zhì)服務(wù)
				<p class="animated zoomin">
					<a href="#">致力于為云上客戶的應(yīng)用提供更加安全防護(hù)與合規(guī)保障</a>
				</p>
			</li>
			<li class="tserver-list5">
				應(yīng)用部署服務(wù)
				<p class="animated zoomin">
					<a href="#">整合CI/CD，提供面向應(yīng)用的系統(tǒng)部署和運(yùn)維服務(wù)</a>
				</p>
			</li>
			<li class="tserver-list6">
				混合托管服務(wù)
				<p class="animated zoomin">
					<a href="#">提供IDC托管混合、云與IDC數(shù)據(jù)混合，全方位混合云構(gòu)建</a>
				</p>
			</li>
			<li class="tserver-list7">
				運(yùn)維運(yùn)營服務(wù)
				<p class="animated zoomin">
					<a href="#">提供各種技術(shù)代維和業(yè)務(wù)代維服務(wù)</a>
				</p>
			</li>
		</ul>
	</div>
	<div class="index-tserver-ad">
		<div class="main-box">
			<ul>
				<li><img src="statics/images/tserver-ad-icon1.png">7*24*365 服務(wù)支持</li>
				<li><img src="statics/images/tserver-ad-icon2.png">靈活定制行業(yè)解決方案</li>
				<li><img src="statics/images/tserver-ad-icon3.png">秒級(jí)快速響應(yīng)</li>
				<li><img src="statics/images/tserver-ad-icon4.png">VVIP 大客戶服務(wù)</li>
				<li><img src="statics/images/tserver-ad-icon5.png">最高15天免費(fèi)試用</li>
			</ul>
		</div>
	</div>
</div>