Procházet zdrojové kódy

移动端联系方式

chente před 1 rokem
rodič
revize
ba1dbe811b
2 změnil soubory, kde provedl 312 přidání a 0 odebrání
  1. 71 0
      contact - mobile.html
  2. 241 0
      css/mobile.css

+ 71 - 0
contact - mobile.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="zh-cn"><head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<title>SmartCost-纵横公路造价软件-公路全过程造价软件专家</title> 
+	<meta name=description content=专业从事工程造价、工程信息、工程管理三大领域相关业务的管理研究和信息化技术开发。> 
+	<meta name=copyright content=smartcost.com.cn> 
+	<link rel=stylesheet href=css/mobile.css> 
+	<script src=js/jquery-1.7.1.min.js></script> 
+</head>
+<body>
+	<div class="header">全国服务热线:0756-3850888 企业QQ:80000 3850</div>
+	<div class="wrapContent">
+		<div class="pageTitle">
+			<div class="clearfix"><h1>面对面、心贴心、零距离</h1></div>
+			<div class="clearfix"><h2>我们的营销和服务网络遍布全国</h2></div>
+			<div class="clearfix"><h2>竭诚为您提供优质服务</h2></div>
+		</div>
+		<div class="content">
+			<!--选择片区-->
+<!-- 			<div class="areaSelect">
+				<ul>
+					<li>选择服务片区</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>
+					<li><a href="#">西南片区</a></li>
+					<li><a href="#">东北片区</a></li>
+				</ul>
+			</div> -->
+			<!--片区下的办事处联系方式-->
+			<div class="areaContent">
+				<div><a href="">返回</a> 华南片区</div>
+				<dl>
+					<dt>江西客户服务中心</dt>
+					<dd class="address">江西省南昌市西湖区抚生路388号国金滨江25F</dd>
+					<dd>0791 - 86588261</dd>
+					<dd>
+						<table>
+							<tr><th>祝海宾</th><td><a href="tel:15070988933">150 7098 8933</a></td><th>王文鹏</th><td><a href="tel:13699502634">136 9950 2634</a></td></tr>
+							<tr><th>高瑞</th><td><a href="tel:18579180528">185 7918 0528</a></td><th>丁宇</th><td><a href="tel:13576037520">135 7603 7520</a></td></tr>
+							<tr><th>高崧麟</th><td><a href="tel:18279159032">182 7915 9032</a></td><th>彭志雄</th><td><a href="tel:15979069572">159 7906 9572</a></td></tr>
+							<tr><th>祝志宾</th><td><a href="tel:18270240314">182 7024 0314</a></td><th>洪湾涔</th><td><a href="tel:18720414304">187 2041 4304</a></td></tr>
+						</table>
+					</dd>
+				</dl>
+				<dl>
+					<dt>江西客户服务中心</dt>
+					<dd class="address">江西省南昌市西湖区抚生路388号国金滨江25F</dd>
+					<dd>0791 - 86588261</dd>
+					<dd>
+						<table>
+							<tr><th>祝海宾</th><td><a href="tel:15070988933">150 7098 8933</a></td><th>王文鹏</th><td><a href="tel:13699502634">136 9950 2634</a></td></tr>
+							<tr><th>高瑞</th><td><a href="tel:18579180528">185 7918 0528</a></td><th>丁宇</th><td><a href="tel:13576037520">135 7603 7520</a></td></tr>
+							<tr><th>高崧麟</th><td><a href="tel:18279159032">182 7915 9032</a></td><th>彭志雄</th><td><a href="tel:15979069572">159 7906 9572</a></td></tr>
+							<tr><th>祝志宾</th><td><a href="tel:18270240314">182 7024 0314</a></td><th>洪湾涔</th><td><a href="tel:18720414304">187 2041 4304</a></td></tr>
+						</table>
+					</dd>
+				</dl>
+			</div>
+			
+		</div>
+		<div class="footer">
+			Copyright@珠海纵横创新软件有限公司 all rights reserved 粤ICP备10042688号
+		</div>
+	</div>
+
+</body>

+ 241 - 0
css/mobile.css

@@ -0,0 +1,241 @@
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
+}
+main {
+  display: block;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+ul, ol, li, h1 {
+  line-height:normal;
+  list-style-image:none;
+  list-style-position:outside;
+  list-style-type:none;
+}
+dl,ul {
+  margin:0;
+  padding:0;
+}
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+a {
+  background-color: transparent;
+}
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+img {
+  border-style: none;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+button,
+input { /* 1 */
+  overflow: visible;
+}
+button,
+select { /* 1 */
+  text-transform: none;
+}
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+progress {
+  vertical-align: baseline;
+}
+textarea {
+  overflow: auto;
+}
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+details {
+  display: block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none;
+}
+body{
+  background-color: #f2f2f2
+}
+.header{
+  font-size: .5rem;
+  background-color: #fff;
+  padding:4px;
+  color:#333;
+  text-align: center;
+}
+.wrapContent{
+  background: url(contentBg-index.png) no-repeat top center;
+  background-size: 300%;
+  border-top:2px solid #f8b62a;
+}
+.pageTitle {
+  font-size:.5rem;
+  color:#fff;
+  text-align: center;
+}
+.pageTitle h1{
+  background: url(titleBg-yellow.png) repeat;
+  display: inline-block;
+  padding:4px;
+  margin-bottom:0;
+  margin-top: 2px
+}
+.pageTitle h2 {
+  background: url(titleBg-black.png) repeat;
+  display: inline-block;
+  padding:4px;
+  margin:4px 0 0 0;
+}
+.content{
+  margin:8px auto;
+  background: #fff;
+  width: 80%;
+  display: block;
+  padding:8px;
+}
+.areaSelect ul {
+  margin:10px 0;
+}
+.areaSelect ul li{
+  margin-bottom: 8px;
+  text-align: center;
+  font-size: .5rem
+}
+.areaSelect ul a {
+  background-color:#f8b62a;
+  color:#fff; 
+  text-decoration: none;
+  padding:4px 32px;
+  display: inline-block;
+  font-size: .8rem
+}
+.areaContent dl{
+  margin-top:8px;
+}
+.areaContent dt{
+  background-color: #f8b62a;
+  color:#fff;
+  padding:2px;
+}
+.areaContent dd{
+  padding:4px;
+  margin-left:0;
+  font-size: .75rem;
+}
+.areaContent dd.address{
+  font-size: .6rem;
+  color:#666;
+}
+.footer {
+  font-size: .4rem;
+  text-align: center;
+}
+.areaContent dd table{
+  width: 100%
+}
+.areaContent dd a{
+  color:#333;
+  text-decoration: none
+}