<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>跨境TMS系统</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Premium Bootstrap 4 Landing Page Template">
<meta name="keywords" content="bootstrap 4, premium, marketing, multipurpose">

<!-- Pe-7 icon -->
<link href="static/css/pe-icon-7.css" rel="stylesheet" type="text/css">

<!--Slider-->
<link rel="stylesheet" href="static/css/owl.carousel.min.css">
<link rel="stylesheet" href="static/css/owl.theme.default.min.css">

<!-- css -->
<link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="static/css/style.min.css" rel="stylesheet" type="text/css">

</head>

<body>

<!-- Loader -->
<div id="preloader">
	<div id="status">
		<div class="spinner">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
	</div>
</div>

<!--Navbar Start-->
<nav class="navbar navbar-expand-lg fixed-top navbar-custom sticky sticky-dark align-items-center">
	<div class="container">
		<!-- LOGO -->
		<a class="logo mr-3" href="layout-one-1.html">
			<span class="hero-5-title line-height-1_4 mb-4">跨境<span class="text-primary">TMS</span>系统</span>
<!--			<img src="static/picture/logo-dark.png" alt="" class="" height="26">-->
		</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
			<i class="" data-feather="menu"></i>
		</button>
		<div class="collapse navbar-collapse" id="navbarCollapse">
			<ul class="navbar-nav navbar-center" id="mySidenav">
				<li class="nav-item active">
					<a href="#home" class="nav-link">首页</a>
				</li>
				<li class="nav-item">
					<a href="#about" class="nav-link">关于我们</a>
				</li>
				<li class="nav-item">
					<a href="#services" class="nav-link">产品服务</a>
				</li>
<!--				<li class="nav-item">-->
<!--					<a href="#features" class="nav-link">Features</a>-->
<!--				</li>-->
<!--				<li class="nav-item">-->
<!--					<a href="#project" class="nav-link">Project</a>-->
<!--				</li>-->
<!--				<li class="nav-item">-->
<!--					<a href="#clients" class="nav-link">Clients</a>-->
<!--				</li>-->
				<li class="nav-item">
					<a href="#contact" class="nav-link">联系我们</a>
				</li>
			</ul>

<!--			<ul class="list-inline ml-auto menu-social-icon mb-0 py-2 py-lg-0">-->
<!--				<li class="list-inline-item ml-0">-->
<!--					<a href="#" class="menu-social-link"><i class="icon-xs sw_1-5" data-feather="facebook"></i></a>-->
<!--				</li>-->
<!--				<li class="list-inline-item">-->
<!--					<a href="#" class="menu-social-link"><i class="icon-xs sw_1-5" data-feather="twitter"></i></a>-->
<!--				</li>-->
<!--				<li class="list-inline-item">-->
<!--					<a href="#" class="menu-social-link"><i class="icon-xs sw_1-5" data-feather="instagram"></i></a>-->
<!--				</li>-->
<!--				<li class="list-inline-item mr-0">-->
<!--					<a href="#" class="menu-social-link"><i class="icon-xs sw_1-5" data-feather="linkedin"></i></a>-->
<!--				</li>-->
<!--			</ul>-->
		</div>
	</div>
</nav>
<!-- Navbar End -->

<!-- Hero Start -->
<section class="hero-5-bg position-relative bg-light" id="home">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6">
				<div class="">
					<h1 class="hero-5-title line-height-1_4 mb-4">跨境<span class="text-primary">TMS</span>系统</h1>
					<p class="text-muted mb-4 pb-3">成为世界级美线跨境物流综合服务平台<br/>以新技术、新模式重塑中美贸易新生态</p>
					<div class="Subcribe-form">
						<form class="form-inline">
							<div class="form-group">
								<input type="email" class="form-control mr-md-3" id="inputEmail2" placeholder="填写您的邮箱...">
							</div>
							<a href="#" type="submit" class="btn btn-primary">订阅</a>
						</form>
					</div>
				</div>
			</div>
			<div class="col-lg-6">
				<img src="static/picture/hero-5-img.png" alt="" class="hero-5-img">
			</div>
		</div>
	</div>
</section>
<!-- Hero End -->

<!-- About us Start -->
<section class="section" id="about">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-7">
				<div class="text-center mb-5">
					<h2 class="">关于我们</h2>
					<p class="text-muted">智慧处理中心 操作化繁为简<br/>已在中国广州、美国洛杉矶成立分公司</p>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-4">
				<h2 class="font-weight-normal line-height-1_4 mb-4">智慧处理中心 <span class="font-weight-medium">操作化繁为简</span></h2>
				<p class="text-muted mb-4">已在中国广州、美国洛杉矶成立分公司 .</p>
				<p class="f-17 text-muted"><i class="icon-xs text-primary icon-fill-primary icon mr-2" data-feather="grid"></i>船司一级代理</p>
				<p class="f-17 text-muted"><i class="icon-xs text-primary icon-fill-primary icon mr-2" data-feather="layout"></i>FBA智能物流操作中心</p>
				<p class="f-17 text-muted mb-4"><i class="icon-xs text-primary icon-fill-primary icon mr-2" data-feather="monitor"></i>资深团队</p>
				<p class="f-17 text-muted mb-4"><i class="icon-xs text-primary icon-fill-primary icon mr-2" data-feather="monitor"></i>全程可控</p>
<!--				<a href="#" class="read-more f-18">More Information <span class="ml-2 right-icon f-24">&#8594;</span></a>-->
			</div>
			<div class="col-lg-4">
				<div class="card border-0">
					<div class="bg-soft-primary about-img rounded">
						<img src="static/picture/img-1.png" alt="" class="img-fluid d-block mx-auto">
					</div>
					<div class="mt-3">
<!--						<p class="text-uppercase text-muted mb-2 f-13">Development</p>-->
						<h4 class="f-18">美森限时达（ups）</h4>
						<p class="text-muted">限时18天包提取；超时1天赔1元/KG；遇海关查验赔3元/KG；赔完免单；</p>
<!--						<a href="#" class="read-more">Read More <span class="ml-2 right-icon">&#8594;</span></a>-->
					</div>
				</div>
			</div>
			<div class="col-lg-4">
				<div class="card border-0">
					<div class="bg-soft-info about-img rounded">
						<img src="static/picture/img-2.png" alt="" class="img-fluid d-block mx-auto">
					</div>
					<div class="mt-3">
<!--						<p class="text-uppercase text-muted mb-2 f-13">Marketing</p>-->
						<h4 class="f-18">美森限时达（卡派）</h4>
						<p class="text-muted">25个自然日包提取；超时1天赔1元/KG；遇海关查验赔3元/KG；</p>
<!--						<a href="#" class="read-more">Read More <span class="ml-2 right-icon">&#8594;</span></a>-->
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- About us End -->

<!-- Services Start -->
<section class="section bg-light" id="services">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-7">
				<div class="text-center mb-5">
					<h2 class="">产品服务</h2>
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4">
				<div class="card service-box text-center p-4">
					<div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(static/image/service-icon-bg.png)">
						<div class="service-box-icon justify-content-center">
							<img src="static/picture/icon-1.png" alt="" class="img-fluid d-block">
						</div>
					</div>
					<h4 class="service-title mt-4 mb-3 f-18">全程可控</h4>
					<p class="service-subtitle mb-4 f-15">
						在美国洛杉矶设有分公司; 清拆提派由经验丰富的自营华人团队操作; 与总部实时对接，难题即刻解决
					</p>
<!--					<a href="#" class="read-more">More<span class="right-icon ml-2">&#8594;</span></a>-->
				</div>
			</div>
			<div class="col-lg-4">
				<div class="card service-box text-center p-4">
					<div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(static/image/service-icon-bg.png)">
						<div class="service-box-icon justify-content-center">
							<img src="static/picture/icon-2.png" alt="" class="img-fluid d-block">
						</div>
					</div>
					<h4 class="service-title mt-4 mb-3 f-18">资深团队</h4>
					<p class="service-subtitle mb-4 f-15">
						拥有跨境物流行业高素质专业化人才总计100余位; 拥有行业经验5年以上的物流老兵占比超60%
					</p>
<!--					<a href="#" class="read-more">More<span class="right-icon ml-2">&#8594;</span></a>-->
				</div>
			</div>
			<div class="col-lg-4">
				<div class="card service-box text-center p-4">
					<div class="service-icon-bg mx-auto avatar-xxl p-4" style="background-image: url(static/image/service-icon-bg.png)">
						<div class="service-box-icon justify-content-center">
							<img src="static/picture/icon-3.png" alt="" class="img-fluid d-block">
						</div>
					</div>
					<h4 class="service-title mt-4 mb-3 f-18">FBA智能物流操作中心</h4>
					<p class="service-subtitle mb-4 f-15">
						配备众多先进的物流科技设备; 可同时处理30条货柜货量; 日均处理量超150吨; 月均装柜数量>200条;
					</p>
<!--					<a href="#" class="read-more">More<span class="right-icon ml-2">&#8594;</span></a>-->
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Services End -->

<!-- Features Start -->
<!--<section class="section" id="features">-->
<!--	<div class="container">-->
<!--		<div class="row justify-content-center">-->
<!--			<div class="col-lg-7">-->
<!--				<div class="text-center mb-5">-->
<!--					<h2 class="">Our Features</h2>-->
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="features-content">-->
<!--			<div class="row align-items-center">-->
<!--				<div class="col-lg-6 order-2 order-lg-1">-->
<!--					<div class="tab-content" id="v-pills-tabContent">-->
<!--						<div class="tab-pane fade show active" id="v-pills-work" role="tabpanel" aria-labelledby="v-pills-work-tab">-->
<!--							<img src="static/picture/img-11.png" alt="" class="img-fluid d-block mx-auto">-->
<!--						</div>-->

<!--						<div class="tab-pane fade" id="v-pills-marketing" role="tabpanel" aria-labelledby="v-pills-marketing-tab">-->
<!--							<img src="static/picture/img-21.png" alt="" class="img-fluid d-block mx-auto">-->
<!--						</div>-->
<!--						<div class="tab-pane fade" id="v-pills-feedback" role="tabpanel" aria-labelledby="v-pills-feedback-tab">-->
<!--							<img src="static/picture/img-3.png" alt="" class="img-fluid d-block mx-auto">-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="col-lg-5 offset-lg-1  order-1 order-lg-2">-->
<!--					<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">-->
<!--						<a class="nav-link active" id="v-pills-work-tab" data-toggle="pill" href="#v-pills-work" role="tab" aria-controls="v-pills-work" aria-selected="true">-->
<!--							<h4 class="text-dark f-18">Works With Existing Apps</h4>-->
<!--							<p class="text-muted f-15">At solmen necessi a uniform grammatica pronunciation sommun plu paroles ma quande.</p>-->
<!--							<p class="text-primary mb-0 read-more">More Information<span class="right-icon ml-2">&#8594;</span></p>-->
<!--						</a>-->
<!--						<a class="nav-link" id="v-pills-marketing-tab" data-toggle="pill" href="#v-pills-marketing" role="tab" aria-controls="v-pills-marketing" aria-selected="false">-->
<!--							<h4 class="text-dark f-18">Easy Email Marketing</h4>-->
<!--							<p class="text-muted f-15">At solmen necessi a uniform grammatica pronunciation sommun plu paroles ma quande.</p>-->
<!--							<p class="text-primary mb-0 read-more">More Information<span class="right-icon ml-2">&#8594;</span></p>-->
<!--						</a>-->
<!--						<a class="nav-link" id="v-pills-feedback-tab" data-toggle="pill" href="#v-pills-feedback" role="tab" aria-controls="v-pills-feedback" aria-selected="false">-->
<!--							<h4 class="text-dark f-18">Get Private Customers Feedback</h4>-->
<!--							<p class="text-muted f-15">At solmen necessi a uniform grammatica pronunciation sommun plu paroles ma quande.</p>-->
<!--							<p class="text-primary mb-0 read-more">More Information<span class="right-icon ml-2">&#8594;</span></p>-->
<!--						</a>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</section>-->
<!-- Features End -->

<!-- Project Start -->
<!--<section class="section bg-light" id="project">-->
<!--	<div class="container">-->
<!--		<div class="row justify-content-center">-->
<!--			<div class="col-lg-7">-->
<!--				<div class="text-center mb-5">-->
<!--					<h2 class="">Our Latest Project</h2>-->
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->

<!--		<div class="row">-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-1.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Professional Designer</a></h4>-->
<!--						<p class="text-muted">UI/UX Designer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-2.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Product Designer</a></h4>-->
<!--						<p class="text-muted">Web Designer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-3.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Design Development</a></h4>-->
<!--						<p class="text-muted">PHP Developer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-4.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Product Designer</a></h4>-->
<!--						<p class="text-muted">React Developer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-5.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Design Development</a></h4>-->
<!--						<p class="text-muted">UI/UX Designer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-4 col-md-6">-->
<!--				<div class="project-box mb-4">-->
<!--					<div class="position-relative overflow-hidden rounded">-->
<!--						<img src="static/picture/img-6.jpg" alt="" class="img-fluid d-block mx-auto shadow">-->
<!--						<div class="project-overlay">-->
<!--							<div class="project-content">-->
<!--								<a href="#">-->
<!--									<div class="project-icon">-->
<!--										<i class="icon" data-feather="eye"></i>-->
<!--									</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->

<!--					<div class="p-3">-->
<!--						<h4 class="f-17 mb-1"><a href="" class="text-dark">Graphic Development</a></h4>-->
<!--						<p class="text-muted">Web Designer</p>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</section>-->
<!-- Project End -->

<!-- Testimonial Start -->
<!--<section class="section" id="clients">-->
<!--	<div class="container">-->
<!--		<div class="row justify-content-center">-->
<!--			<div class="col-lg-7">-->
<!--				<div class="text-center mb-5">-->
<!--					<h2 class="">What Our Customers Say</h2>-->
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->

<!--		<div class="row">-->
<!--			<div class="col-lg-12">-->
<!--				<div class="owl-carousel owl-theme testi-content" id="testi-clients">-->
<!--					<div class="item">-->
<!--						<div class="testi-box text-center m-2">-->
<!--							<div class="card border-0 shadow p-4 mb-4">-->
<!--								<div class="mt-1 mb-3">-->
<!--									<img src="static/picture/testi-icon.png" alt="" class="testi-icon img-fluid d-block mx-auto w-auto">-->
<!--								</div>-->
<!--								<p class="text-muted mb-0 f-15">Et harum quidem rerum facilis expedita distinctio nam libero tempore soluta nobis optio cumque.</p>-->
<!--							</div>-->
<!--							<div class="test-user-info">-->
<!--								<div class="avatar-md mx-auto">-->
<!--									<img src="static/picture/img-11.jpg" alt="" class="img-fluid d-block rounded-circle testi-user-img">-->
<!--								</div>-->
<!--								<h5 class="f-17 mt-3 mb-1">Joshua Vargas</h5>-->
<!--								<p class="text-muted f-14">Web Developer, USA</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="item">-->
<!--						<div class="testi-box text-center m-2">-->
<!--							<div class="card border-0 shadow p-4 mb-4">-->
<!--								<div class="mt-1 mb-3">-->
<!--									<img src="static/picture/testi-icon.png" alt="" class="testi-icon img-fluid d-block mx-auto w-auto">-->
<!--								</div>-->
<!--								<p class="text-muted mb-0 f-15">Et harum quidem rerum facilis expedita distinctio nam libero tempore soluta nobis optio cumque.</p>-->
<!--							</div>-->
<!--							<div class="test-user-info">-->
<!--								<div class="avatar-md mx-auto">-->
<!--									<img src="static/picture/img-21.jpg" alt="" class="img-fluid d-block rounded-circle testi-user-img">-->
<!--								</div>-->
<!--								<h5 class="f-17 mt-3 mb-1">Sammie Lewis</h5>-->
<!--								<p class="text-muted f-14">UI/UX Designer, USA</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="item">-->
<!--						<div class="testi-box text-center m-2">-->
<!--							<div class="card border-0 shadow p-4 mb-4">-->
<!--								<div class="mt-1 mb-3">-->
<!--									<img src="static/picture/testi-icon.png" alt="" class="testi-icon img-fluid d-block mx-auto w-auto">-->
<!--								</div>-->
<!--								<p class="text-muted mb-0 f-15">Et harum quidem rerum facilis expedita distinctio nam libero tempore soluta nobis optio cumque.</p>-->
<!--							</div>-->
<!--							<div class="test-user-info">-->
<!--								<div class="avatar-md mx-auto">-->
<!--									<img src="static/picture/img-31.jpg" alt="" class="img-fluid d-block rounded-circle testi-user-img">-->
<!--								</div>-->
<!--								<h5 class="f-17 mt-3 mb-1">Sarah Levine</h5>-->
<!--								<p class="text-muted f-14">PHP Developer, USA</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="item">-->
<!--						<div class="testi-box text-center m-2">-->
<!--							<div class="card border-0 shadow p-4 mb-4">-->
<!--								<div class="mt-1 mb-3">-->
<!--									<img src="static/picture/testi-icon.png" alt="" class="testi-icon img-fluid d-block mx-auto w-auto">-->
<!--								</div>-->
<!--								<p class="text-muted mb-0 f-15">Et harum quidem rerum facilis expedita distinctio nam libero tempore soluta nobis optio cumque.</p>-->
<!--							</div>-->
<!--							<div class="test-user-info">-->
<!--								<div class="avatar-md mx-auto">-->
<!--									<img src="static/picture/img-41.jpg" alt="" class="img-fluid d-block rounded-circle testi-user-img">-->
<!--								</div>-->
<!--								<h5 class="f-17 mt-3 mb-1">Bobby Kelly</h5>-->
<!--								<p class="text-muted f-14">Graphic Designer, USA</p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</section>-->
<!-- Testimonial End -->

<!-- Latest News Start -->
<!--<section class="section bg-light">-->
<!--	<div class="container">-->
<!--		<div class="row justify-content-center">-->
<!--			<div class="col-lg-7">-->
<!--				<div class="text-center mb-5">-->
<!--					<h2 class="">Latest News</h2>-->
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->

<!--		<div class="row">-->
<!--			<div class="col-lg-6">-->
<!--				<div class="blog-box mb-4 mb-lg-0">-->
<!--					<img src="static/picture/img-12.jpg" alt="" class="img-fluid d-block mx-auto rounded shadow">-->
<!--				</div>-->
<!--			</div>-->

<!--			<div class="col-lg-6">-->
<!--				<div class="blog-box">-->
<!--					<div class="media blog-box-content align-items-center">-->
<!--						<img src="static/picture/img-22.jpg" alt="" class="img-fluid d-block rounded shadow blog-img mr-3">-->
<!--						<div class="media-body">-->
<!--							<h5 class="f-17 mb-1"><a href="#" class="text-dark">The Big Event Conference</a></h5>-->
<!--							<p class="text-muted f-15">At vero eos et accusamus et iusto dignissimos.</p>-->
<!--							<ul class="list-inline text-muted f-14 mb-0">-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="calendar"></i> 07 Jan 2020</li>-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="clock"></i> 15 min ago</li>-->
<!--							</ul>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="media blog-box-content align-items-center">-->
<!--						<img src="static/picture/img-32.jpg" alt="" class="img-fluid d-block rounded shadow blog-img mr-3">-->
<!--						<div class="media-body">-->
<!--							<h5 class="f-17 mb-1"><a href="#" class="text-dark">Best Family House For You</a></h5>-->
<!--							<p class="text-muted f-15">At vero eos et accusamus et iusto dignissimos.</p>-->
<!--							<ul class="list-inline text-muted f-14 mb-0">-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="calendar"></i> 07 Jan 2020</li>-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="clock"></i> 20 min ago</li>-->
<!--							</ul>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="media blog-box-content align-items-center">-->
<!--						<img src="static/picture/img-42.jpg" alt="" class="img-fluid d-block rounded shadow blog-img mr-3">-->
<!--						<div class="media-body">-->
<!--							<h5 class="f-17 mb-1"><a href="#" class="text-dark">Business Metting Places</a></h5>-->
<!--							<p class="text-muted f-15">At vero eos et accusamus et iusto dignissimos.</p>-->
<!--							<ul class="list-inline text-muted f-14 mb-0">-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="calendar"></i> 07 Jan 2020</li>-->
<!--								<li class="list-inline-item"><i class="icon-size-15 mr-1 icon" data-feather="clock"></i> 30 min ago</li>-->
<!--							</ul>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
<!--</section>-->
<!-- Latest News End -->

<!-- Contact Us Start -->
<section class="section" id="contact">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-7">
				<div class="text-center mb-5">
					<h2 class="">联系我们</h2>
<!--					<p class="text-muted">Ut enim ad minima veniam quis nostrum exercitationem ullam corporis suscipit laboriosam nisi commodi consequatur.</p>-->
				</div>
			</div>
		</div>

		<div class="row align-items-center justify-content-center">
			<div class="col-lg-6 col-md-10">
				<div class="mb-5 mb-lg-0">
					<div class="text-center">
						<img src="static/picture/contact-img.png" alt="" class="img-fluid d-block w-75 mx-auto">
<!--						<h4 class="mt-4">Are You Facing Any Problem..?</h4>-->
<!--						<p class="text-muted mb-4">It va esser tam simplic quam Occidental in fact it va esser Occidental angles quam un skeptic cambridge es.</p>-->
<!--						<a href="#" class="btn btn-success"><i class="icon mr-2 icon-fill-white" data-feather="message-circle"></i> Start Live Chat</a>-->
<!--						<p class="mt-4">Or you can contact at</p>-->
<!--						<div class="row">-->
<!--							<div class="col-md-6">-->
<!--								<a href="#">-->
<!--									<div class="badge f-14 bg-soft-dark text-muted"><span class="text-dark mr-1">Email:</span> Youremailid@gmail.com</div>-->
<!--								</a>-->
<!--							</div>-->
<!--							<div class="col-md-6 mt-2 mt-sm-0">-->
<!--								<a href="#">-->
<!--									<div class="badge f-14 bg-soft-dark text-muted"><span class="text-dark mr-1">Phone:</span> (001) 1234 567 890</div>-->
<!--								</a>-->
<!--							</div>-->
<!--						</div>-->
					</div>
				</div>
			</div>
			<div class="col-lg-5 offset-lg-1">
<!--				<h4 class="line-height-1_4 mb-4">Get in Touch</h4>-->
				<div class="custom-form mt-4 mt-lg-0">
					<div id="message"></div>
					<form method="post" action="php/contact.php" name="contact-form" id="contact-form">
						<div class="row">
							<div class="col-md-12">
								<div class="form-group app-label">
									<label for="name" class="text-muted">姓名</label>
									<input name="name" id="name" type="text" class="form-control" placeholder="姓名. . .">
								</div>
							</div>
<!--							<div class="col-md-6">-->
<!--								<div class="form-group app-label">-->
<!--									<label for="name" class="text-muted">Last Name</label>-->
<!--									<input name="name" id="name1" type="text" class="form-control" placeholder="Enter. . .">-->
<!--								</div>-->
<!--							</div>-->
							<div class="col-md-12">
								<div class="form-group app-label">
									<label for="name" class="text-muted">邮箱</label>
									<input name="email" id="email" type="email" class="form-control" placeholder="邮箱. . .">
								</div>
							</div>
							<div class="col-md-12">
								<div class="form-group app-label">
									<label for="name" class="text-muted">内容</label>
									<textarea name="comments" id="comments" rows="4" class="form-control" placeholder="内容...."></textarea>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<button type="submit" id="submit" name="send" class="btn btn-primary">发送</button>
								<div id="simple-msg"></div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Contact Us End -->

<!-- Footer Start -->
<section class="footer" style="background-image: url(static/image/hero-1-bg-img.png)">
	<div class="container">
<!--		<div class="row">-->
<!--			<div class="col-lg-4">-->
<!--				<div class="mb-5">-->
<!--					<img src="static/picture/logo-light.png" alt="" class="" height="35">-->
<!--					<p class="text-white-50 my-4">Cras ultricies mi eu turpis sit hendrerit fringilla vestibulum ante ipsum primis in faucibus ultrices posuere cubilia.</p>-->
<!--					<a href="#" class="text-white-70"><i class="icon mr-1" data-feather="instagram"></i> Join Us In Instagram</a>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="col-lg-7 offset-lg-1">-->
<!--				<div class="row">-->
<!--					<div class="col-md-4">-->
<!--						<h4 class="text-white f-22 font-weight-normal mb-3">Customer</h4>-->
<!--						<ul class="list-unstyled footer-sub-menu">-->
<!--							<li><a href="#" class="footer-link">Works</a></li>-->
<!--							<li><a href="#" class="footer-link">Strategy</a></li>-->
<!--							<li><a href="#" class="footer-link">Releases</a></li>-->
<!--							<li><a href="#" class="footer-link">Press</a></li>-->
<!--							<li><a href="#" class="footer-link">Mission</a></li>-->
<!--						</ul>-->
<!--					</div>-->
<!--					<div class="col-md-4">-->
<!--						<h4 class="text-white f-22 font-weight-normal mb-3">Product</h4>-->
<!--						<ul class="list-unstyled footer-sub-menu">-->
<!--							<li><a href="#" class="footer-link">Tranding</a></li>-->
<!--							<li><a href="#" class="footer-link">Popular</a></li>-->
<!--							<li><a href="#" class="footer-link">Customers</a></li>-->
<!--							<li><a href="#" class="footer-link">Features</a></li>-->
<!--						</ul>-->
<!--					</div>-->
<!--					<div class="col-md-4">-->
<!--						<h4 class="text-white f-22 font-weight-normal mb-3">Learn More</h4>-->
<!--						<ul class="list-unstyled footer-sub-menu">-->
<!--							<li><a href="#" class="footer-link">Developers</a></li>-->
<!--							<li><a href="#" class="footer-link">Support</a></li>-->
<!--							<li><a href="#" class="footer-link">Customer Service</a></li>-->
<!--							<li><a href="#" class="footer-link">Get Started</a></li>-->
<!--							<li><a href="#" class="footer-link">Guide</a></li>-->
<!--						</ul>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->

		<div class="row">
			<div class="col-lg-12">
				<div class="text-center mt-5">
					<p class="text-white-50 f-15 mb-0">Copyright &copy; 深圳市众壹供应链有限公司 版权所有 2022.
						<a target="_blank" href="http://beian.miit.gov.cn/">粤ICP备2022143786号-1 </a>
					</p>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Footer End -->

<!-- javascript -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/scrollspy.min.js"></script>
<script src="static/js/jquery.easing.min.js"></script>
<!-- feather icons -->
<script src="static/js/feather-icons.js"></script>

<!-- carousel -->
<script src="static/js/owl.carousel.min.js"></script>

<!-- Main Js -->
<script src="static/js/app.js"></script>

<script>
	// Fether icon
	feather.replace()

	// Testimonial
	$('#testi-clients').owlCarousel({
		loop: true,
		center: true,
		autoplay: true,
		autoplayTimeout: 3000,
		margin: 20,
		nav: true,
		responsive: {
			0: {
				items: 1
			},
			600: {
				items: 2
			},
			1000: {
				items: 3
			}
		}
	})
</script>

</body>
</html>
