<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- PAGE TITLE -->
<title>世纪华游</title>

<!-- ===================================
	FAVICON ICON
==================================== -->
<link rel="shortcut icon" href="images/favicon.ico">

<!-- ===================================
	NORMALIZE CSS
==================================== -->
<link rel="stylesheet" href="css/normalize.css">

<!-- ===================================
	BOOTSTRAP 
==================================== -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- ===================================
	GOOGLE FONTS
==================================== -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:600,700,400,300' rel='stylesheet' type='text/css'>

<!-- ===================================
	FONTS ICON
==================================== -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css">

<!-- ===================================
	PLUGIN
==================================== -->
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/slider-pro.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/animate.css">

<!-- ===================================
	MAIN STYLESHEET
==================================== -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/colors.css" id="colors" />



<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
	<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<script src="http://s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
	<script src="http://css3-mediaqueries-js.googlecode.com/files/css3-mediaqueries.js"></script>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>

<body>
<!-- ===================================
	PRELOADER
==================================== -->
<div class="preloader">
	<div class="status"></div>
</div>

<!-- ===================================
	HEADER
==================================== -->
<header>
	<!-- Navigation Menu start-->
	<nav class="navbar respo-main-menu" role="navigation">
		<div class="container">

			<!-- Navbar Toggle -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>

				<!-- Logo -->
				<!-- <a class="navbar-brand" href="index.html" ><img class="logo" id="logo" src="images/logos.png"></a> -->
				<a class="navbar-brand" style="color: #eee;">九江世纪华游网络科技有限公司</a>
			</div>
			<!-- Navbar Toggle End -->

			<!-- navbar-collapse start-->
			<div id="nav-menu" class="navbar-collapse collapse" role="navigation">
				<ul class="nav navbar-nav respo-menu-wrapper">
					<li class="active">
						<a href="#respo-slider">首页</a>
					</li>
					<li> 
						<a href="#about">关于我们</a>
					</li>
					<li>
						<a href="#featured-works">成功案例</a>
					</li>
					<li>
						<a href="#offer">我们的优势</a>
					</li>
					<!-- <li>
						<a href="#pricing">Pricing</a>
					</li>
					<li>
						<a href="#testimonial">Testimonial</a>
					</li>
					<li>
						<a href="#contact">Contact Us</a>
					</li> -->
				</ul>
			</div>
			<!-- navbar-collapse end-->

		</div>
	</nav>
	<!-- Navigation Menu end-->
</header>


<!-- ===================================
	MAIN SLIDER
==================================== -->
<section class="slider-pro respo-slider" id="respo-slider">
	<div class="sp-slides">

		<!-- Slides -->
		<div class="sp-slide respo-main-slides">
			<div class="respo-img-overlay"></div>

			<img class="sp-image" src="images/slider/1.jpg" alt="Slider 1"/>

			<h1 class="sp-layer respo-slider-text-big"
			data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
			世纪华游
			</h1>
			

		</div>
		<!-- Slides End -->

		<!-- Slides -->
		<div class="sp-slide respo-main-slides">
		<div class="respo-img-overlay"></div>
			<img class="sp-image" src="images/slider/2.jpg" alt="Slider 2"/>

			 <h1 class="sp-layer respo-slider-text-big"
			data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
			世纪华游
			</h1>
		   
		</div>
		<!-- Slides End -->

		<!-- Slides -->
		<div class="sp-slide respo-main-slides">
			<div class="respo-img-overlay"></div>

			<img class="sp-image" src="images/slider/3.jpg" alt="Slider 3"/>

			<h1 class="sp-layer respo-slider-text-big"
			data-position="center" data-show-transition="right" data-hide-transition="right" data-show-delay="1500" data-hide-delay="200">
			世纪华游
			</h1>

		</div>
		<!-- Slides End -->

	</div>
</section>


<!-- ===================================
	SCREENSHOOT
==================================== -->
<section class="respo-custom-sec respo-section-wrapper background-one">
	<div class="container">
		<div class="row">
			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 respo-section-header wow fadeInDown">
				<h1><span class="respo-color-contras">我们的服务</span></h1>
				<div class="respo-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">外包（Outsourcing）也称资源外包、资源外取、外源化。就是企业做自己最能干的事情（扬己所长），把其它的工作外包给能做好这些事情的专业组织（避己之短）。外包业是新近兴起的一个行业，它给企业带来了新的活力。</p>
			</div>
			<!-- Section Header End -->

			<div class="col-md-6 col-sm-6 col-xs-12 respo-custom-sec-img wow bounceInLeft">
				<img src="images/custom.jpg" alt="Custom Image">
			</div>

			<div class="col-md-6 col-sm-6 col-xs-12 respo-custom-sec-text wow bounceInRight">
				<h3>服务范围</h3>
				<p>软件开发，技术服务、技术开发、技术咨询、技术交流、技术转让、技术推广，网络技术服务，网络与信息安全软件开发，信息咨询服务（不含许可类信息咨询服务），物联网技术服务，软件销售</p>
				<p>企业的信息化建设工作交给专业化服务公司来做。它可以包括以下内容：信息化规划（咨询）、设备和软件选型、网络系统和应用软件系统建设、整个系统网络的日常维护管理和升级等。是企业迅速发展企业数字化，提高数字化质量、提高企业工作效率，节约信息化成本的一种途径，也为个人用户提供巨大的帮助。 采用IT服务外包的原因　　现在的商业环境，变化快速，技术日新月异。做你最擅长的（核心竞争力），其余的外包!已经成为一种不可逆转的趋势。研究表明，外包支持服务的公司，比什么都在自己公司里做的公司，运行效率更高，成本更低。</p>   
				<p>专业的人做专业的事、资源的节省，投入的减少、节约时间</p>
			</div>
		</div>
	</div>
</section>


<!-- ===================================
	ABOUT SECTION
==================================== -->
<section id="about" class="respo-section-wrapper background-two">
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 respo-section-header wow fadeInDown">
				<h1><span class="respo-color-contras">关于我们</span></h1>
				<div class="respo-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">坚持只做“有用的企业互联网运用”，追求商业策划与数据分析、创意艺术与技术开发的完美融合，帮助广大客户顺利对接上历次互联网浪潮，准确优选出符合自己需要的互联网运用，也为无数年轻人创造了职业和事业的成功故事。</p>
			</div>
			<!-- Section Header End -->

			<!-- What We Do -->
			<div class="respo-what-we-do">

				<div class="col-md-3 col-sm-3 col-xs-12 respo-blurb-round-icon wow bounceInLeft">
					<div class="respo-icon">
						<i class="fa fa-html5"></i>
					</div>
					<h3>网站建设</h3>
					<p> 网站建设综合服务，是为企业提供一对一的定制建站方案，帮助企业在网络中全面展示品牌优势，扩大商业影响力</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 respo-blurb-round-icon wow bounceIn" data-wow-delay=".5s">
					<div class="respo-icon">
						<i class="fa fa-css3"></i>
					</div>
					<h3>移动应用</h3>
					<p> 移动智能终端用户激增，带来了广阔的商业契机。移动应用开发服务，为企业深度挖掘移动流量，转流量为消费提供了有力支持</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 respo-blurb-round-icon wow bounceIn" data-wow-delay=".5s">
					<div class="respo-icon">
						<i class="fa fa-laptop"></i>
					</div>
					<h3>营销渠道</h3>
					<p> 打开互联网营销新渠道，利用平台的数字化信息网络，企业可实现线上交易运营，获得更广阔的商业机遇</p>
				</div>

				<div class="col-md-3 col-sm-3 col-xs-12 respo-blurb-round-icon wow bounceInRight" data-wow-delay=".5s">
					<div class="respo-icon">
						<i class="fa fa-support"></i>
					</div>
					<h3>网络推广</h3>
					<p> 互联网推广等技术形式，将企业或其产品更好更快地展现在客户眼前，增强企业在网络中的有效宣传</p>
				</div>

			</div>

			<!-- What We Do End -->

		</div>
	</div>
</section>


<!-- ===================================
	FEATURED WORK SECTION
==================================== -->
<section id="featured-works" class="respo-section-wrapper background-one">
	<!-- Container -->
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 respo-section-header wow fadeInDown">
				<h1><span class="respo-color-contras">成功案例</span></h1>
				<div class="respo-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">网站建设、移动应用、局部优化等</p>
			</div>
			<!-- Section Header End -->

		</div>
	</div>
	<!-- Container End -->

	<!-- Featured Works Slider -->
	<div class="container-fluid">
		<div class="row-fluid">

			<div class="respo-portfolio-work-slider-section wow fadeIn" data-wow-duration="2s">
				<div id="featured-work-slider" class="owl-carousel respo-portfolio-works-slider">

					<!-- Work 1 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/1.png" alt="Feature Work 1">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/1.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 1 End -->

					<!-- Work 2 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/2.png" alt="Feature Work 2">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/2.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 2 End -->

					<!-- Work 3 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/3.png" alt="Feature Work 3">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/3.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 3 End -->

					<!-- Work 4 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/4.png" alt="Feature Work 4">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/4.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 4 End -->

					<!-- Work 5 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/5.png" alt="Feature Work 5">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/5.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 5 End -->

					<!-- Work 6 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/6.png" alt="Feature Work 6">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/6.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 6 End -->

					<!-- Work 7 -->
					<div class="respo-portfolio-work-item">

						<img src="images/featured-work/7.png" alt="Feature Work 7">
						<div class="respo-port-work-details">
							<ul class="respo-work-meta">
								<li class="respo-lighbox"><a href="images/featured-work/7.png" class="respo-featured-work-img"><i class="fa fa-cog"></i></a></li>
							</ul>
						</div>

					</div>
					<!-- Work 7 End -->

				</div>
			</div>
		</div>
	</div>
	<!-- Featured Works Slider -->

</section>

<!-- ===================================
	OFFER SECTION
==================================== -->
<section id="offer" class="respo-section-wrapper respo-offer-section  background-two">
	<div class="container">
		<div class="row">

			<!-- Section Header -->
			<div class="col-md-12 col-sm-12 col-xs-12 respo-section-header wow fadeInDown">
				<h1><span class="respo-color-contras">我们的优势</span></h1>
				<div class="respo-line"></div>
				<p class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1">全方面覆盖性服务</p>
			</div>
			<!-- Section Header End -->

			<!-- Services -->
			<div class="respo-service-wrapper">
				<div class="col-md-4 col-sm-4 col-xs-12 wow bounceInLeft">

					<div class="respo-blurb-icon-only">
						<i class="fa fa-html5"></i>
						<h3>HTML5</h3>
						<p>兼容主流平台，不挑设备</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-css3"></i>
						<h3>CSS3</h3>
						<p>随心所欲的样式设计</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-jsfiddle"></i>
						<h3>respo CODE</h3>
						<p>状态设计，根据所需业务情况设计</p>
					</div>

				</div>

				<div class="col-md-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="1s">

					<div class="respo-blurb-icon-only">
						<i class="fa fa-laptop"></i>
						<h3>RESPONSIVE</h3>
						<p>响应式框架</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-cog"></i>
						<h3>EASY TO EDIT</h3>
						<p>可视化编辑器</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-star"></i>
						<h3>FONT AWESOME</h3>
						<p>免费开源矢量图标</p>
					</div>

				</div>

				<div class="col-md-4 col-sm-4 col-xs-12 wow bounceInRight">

					<div class="respo-blurb-icon-only">
						<i class="fa fa-support"></i>
						<h3>FREE SUPPORT</h3>
						<p>自由支撑式设计</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-arrow-up"></i>
						<h3>FREE UPDATE</h3>
						<p>可控版本管理</p>
					</div>

					<div class="respo-blurb-icon-only">
						<i class="fa fa-play"></i>
						<h3>AND MORE</h3>
						<p>自定义需求</p>
					</div>

				</div>
				<!-- Services End -->

			</div>
		</div>
	</div>
</section>







<!-- ===================================
	FOOTER SECTION
==================================== -->
<footer>
	<div style="color:#EEEEEE !important;text-align: center;">
		公司名称： 九江世纪华游网络科技有限公司<br>
		地址:江西省九江市瑞昌市武蛟乡大桥村688号<br>
		邮箱：15563898730@139.com<br>
		<a href="https://beian.miit.gov.cn/" target="_blank" style="color:#EEEEEE !important;">赣ICP备2021009388号-8</a><br>
		Copyright © 九江世纪华游网络科技有限公司 版权所有  赣ICP备2021009388号-8
	</div>
</footer>


<!-- ===================================
	SCRIPTS
==================================== -->
<script src="js/modernizr.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.sliderPro.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.easypiechart.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
