創(chuàng)意的產(chǎn)品服務圓形布局代碼

使用方法：

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