代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>中科软证券解决方案事业部</title>
<meta name="description" content="Worthy a Bootstrap-based, Responsive HTML5 Template">
<meta name="author" content="htmlcoder.me">
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="public/images/sino.ico">
<!-- Web Fonts -->
<!-- Bootstrap core CSS -->
<link href="public/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="public/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Plugins -->
<link href="public/css/animations.css" rel="stylesheet">
<!-- Worthy core CSS file -->
<link href="public/css/style.css" rel="stylesheet">
<!-- Custom css -->
<link href="public/css/custom.css" rel="stylesheet">
</head>
<body class="no-trans">
<!-- scrollToTop -->
<!-- ================ -->
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
<!-- header start -->
<!-- ================ -->
<header class="header fixed clearfix navbar navbar-fixed-top">
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- header-left start -->
<!-- ================ -->
<div class="header-left clearfix">
<!-- logo -->
<div class="logo smooth-scroll">
<a href="#banner"><img id="logo" src="public/images/sino.png" width="60" alt="ZHCS"></a>
</div>
<!-- name-and-slogan -->
<div class="site-name-and-slogan smooth-scroll">
<div class="site-name">
<a href="#banner">中科软科技</a>
</div>
<div class="site-slogan">专业企业信息化方案,企业信息化建设,移动展业....</div>
</div>
</div>
<!-- header-left end -->
</div>
<div class="col-md-6">
<!-- header-right start -->
<!-- ================ -->
<div class="header-right clearfix">
<!-- main-navigation start -->
<!-- ================ -->
<div class="main-navigation animated">
<!-- navbar start -->
<!-- ================ -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a href="#banner">首页</a>
</li>
<li>
<a href="#about">关于</a>
</li>
<li>
<a href="#services">服务</a>
</li>
<li>
<a href="#portfolio">案例</a>
</li>
<li>
<a href="#clients">方案</a>
</li>
<li>
<a href="#contact">联系</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- navbar end -->
</div>
<!-- main-navigation end -->
</div>
<!-- header-right end -->
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- banner start -->
<!-- ================ -->
<div id="banner" class="banner">
<div class="banner-image"></div>
<div class="banner-caption">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 object-non-visible" data-animation-effect="fadeIn">
<h1 class="text-center">我们是 <span>中科软证券解决方案事业部</span></h1>
<p class="lead text-center">专业企业信息化解决方案团队,主要从事:</p>
<p class="lead text-center">企业信息化方案</p>
<p class="lead text-center">企业信息化开发</p>
<p class="lead text-center">移动展业</p>
<p class="lead text-center">APP开发</p>
<p class="lead text-center">微信开发</p>
<p class="lead text-center">智能化方案</p>
<p class="lead text-center">....</p>
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->
<!-- section start -->
<!-- ================ -->
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 id="about" class="title text-center">关于 <span>中科软</span></h1>
<p class="lead ">中科软科技股份有限公司源于北京中科软信息系统有限公司，是中国科学院软件研究所实施国家知识创新试点工程的产物，是研究所技术研究及开发主体转制的结果。</p>
<p class="lead ">公司成立于1996年5月，总部设在北京。公司是专门从事计算机软件研发、应用、服务的智能密集型高新技术企业，以大型行业应用软件开发和系统集成为核心，集自主开发的行业通用软件产品、网络信息安全软件产品、大型网络应用软件组合平台、中间件软件产品及应用工具于一体，涵盖了系统软件、支撑软件、行业应用软件等各个层次，可为大型应用系统工程提供全方位支持。公司拥有多年从事软件工程实施、国内外合作开发及推广的丰富经验，是北京市新技术产业开发试验区新技术企业，国家发展计划委员会、信息产业部、商务部、国家税务总局认定的“国家规划布局内的重点软件企业”，“国家火炬计划北京软件产业基地”骨干企业，“AAA级信用企业”，北京市软件企业。</p>
<p class="lead">公司已通过ISO9001质量体系认证，CMMI5级的评估认证。获得信息产业部系统集成一级资质证书，国家保密局涉及国家秘密的信息系统集成甲级资质证书。到目前为止，公司已获得突出业绩和颇高荣誉，荣获国家科技进步三等奖一项，国家级新产品、国家重点新产品各一项，中科院科技进步二等奖一项，并多次获得中国国际软件博览会金奖和创新奖。</p>
<p class="lead">中科软科技现已拥有一支千余人的、以年轻的博士硕士为骨干的、老中青结合的科技队伍。同时，我们也拥有一支资深顾问团队，成员涉及保险、银行、政府、媒体、电力、卫生、邮政等诸多行业领域。中科软科技以在保险、银行、政府、媒体、邮政等各个领域的迅猛发展，吸引着越来越多的来自世界各地的跨国企业巨头，如Microsoft、IBM、HP、BEA、Oracle、SGI、DELL、BakBone、BMC及NEC、Toshiba、Lotus等公司成为我们的战略伙伴。</p>
<p class="lead">从2003年开始，中科软科技更是依托在业界的广泛渠道及良好的合作关系，连续举办中国软件领域的权威盛会――中国软件技术大会（以“张扬个性、促进创新、引爆争鸣、激发活力”为口号，以中立、开放为宗旨，容纳并汇聚了当今软件业的多种技术和流派，获得了社会的广泛关注与认可。</p>
<p class="lead">“发展软件产业，创新软件科技”――中科软科技作为一家快速成长的中国软件企业，将继续秉承踏实严谨的工作作风，以发展民族软件业为己任，扎根本土，放眼世界，用我们的激情与智慧，携手合作伙伴、共创辉煌未来！</p>
<div class="space"></div>
<div class="row hide">
<div class="col-md-6">
<img src="public/images/section-image-1.png" alt="">
<div class="space"></div>
</div>
<div class="col-md-6">
<p>公司拥有专业化的技术团队,成员均从事IT行业多年.从企业本身信息化现状入手,完整的信息化方案,信息化建设,移动展业方案,办公移动化,信息化系统开发,微信开发,APP开发,网站建设,企业智能化改造方案和建设,全方位解决一体化解决企业信息化难题.</p>
<p>企业信息化难点:</p>
<ul class="list-unstyled">
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 无专业技术团队,无法评估idea的可行性</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 无开发能力,无法将好的idea转化成产品为企业服务</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 信息化系统七零八落,各自为政,使用过程十分别捏</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 各自云平台无法保证企业数据的安全性和隐私性</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 信息化开发成本过高</li>
</ul>
</div>
</div>
<div class="space hide"></div>
<h2 class="hide">那么我们</h2>
<div class="row hide">
<div class="col-md-6">
<ul class="list-unstyled">
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 专业队伍全方位的解决企业信息化可行性方案评估及信息化方案制作</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 专业的信息化开发团队,全面解决信息化系统建设,微信接入,APP开发,企业网站制作等信息化系统开发问题</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 专业架构,企业信息化系统整合和良好的扩展支持</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 企业自有系统,完善的角色隔离机制保障企业数据的内,外部安全性</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 高品质的系统使用体验,可视化的数据报表</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 高品质的系统使用体验,可视化的数据报表</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> ...</li>
</ul>
</div>
<div class="col-md-6">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Kerbores
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
架构师,多年企业信息化建设经验,曾领导完成中国印钞造币总公司及子公司门户系统建设和企业信息化集成项目, 证券公司核心业务系统项目,房产公司智能营销系统项目,保险公司移动展业接报案查勘定损一体化解决方案项目,物业公司智能化解决方案项目等.
<br/> 在系统架构,项目管理,运维监控,大数据处理,高并发应用,性能调优等方面有丰富的经验
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Allen
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
产品经理,多年互联网产品运营经验,百万级用户产品运营.尤其擅长用户交互体验设计及产品轻量化
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Ixion
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
高级开发工程师,多年开发经验,精通企业信息化开发,多年OA,ERP,BI等个方面产品设计开发经验.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Apache
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
设计师,多年互联网产品设计经验,擅长简洁化的用户交互界面设计.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section translucent-bg bg-image-1 blue">
<div class="container object-non-visible" data-animation-effect="fadeIn">
<h1 id="services" class="text-center title">服务项目</h1>
<div class="space"></div>
<div class="row">
<div class="col-sm-6">
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">信息化方案</h4>
<p>
针对企业现状,全方位的设计指定信息化解决方案,解决企业信息化过程中的日常办公,成本优化,事务移动端化,方案智能化等问题
</p>
</div>
<div class="media-right">
<i class="fa fa-cog"></i>
</div>
</div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">信息化建设</h4>
<p>
针对企业现状进行信息化系统建设或改造,在保证企业现有信息化使用不受影响的情况下进行信息化架构优化,和信息化的升级
</p>
</div>
<div class="media-right">
<i class="fa fa-check"></i>
</div>
</div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">移动端化</h4>
<p>
企业信息化系统的移动端化,将企业人员从PC面前解放出来,通过大家日常使用频率最高的手机,平板等移动设备进行办公接入,同时满足企业外勤人员与其他部门之间的沟通顺畅性和及时性要求
</p>
</div>
<div class="media-right">
<i class="fa fa-desktop"></i>
</div>
</div>
<div class="media">
<div class="media-body text-right">
<h4 class="media-heading">移动展业</h4>
<p>
企业业务办理(处理)系统的移动端化和智能化,摈弃传统的业务办理模式,节省业务处理成本,保证任何时间,任何地点都能便捷的进行业务处理.
</p>
</div>
<div class="media-right">
<i class="fa fa-users"></i>
</div>
</div>
</div>
<div class="space visible-xs"></div>
<div class="col-sm-6">
<div class="media">
<div class="media-left">
<i class="fa fa-leaf"></i>
</div>
<div class="media-body">
<h4 class="media-heading">企业宣传</h4>
<p>
企业网站建设及企业公众号建设,拓展企业的宣传渠道,高质量,多形式的进行企业的宣传和推广
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<i class="fa fa-area-chart"></i>
</div>
<div class="media-body">
<h4 class="media-heading">数据可视化</h4>
<p>
抛弃传统的表格形式报表,生动的图形化报表技术,准确的企业指导性报表,Officer,开会不用再准备神马PPT啥的了
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<i class="fa fa-child"></i>
</div>
<div class="media-body">
<h4 class="media-heading">智能化方案</h4>
<p>
智能设备普及的今天,你的企业智能了吗?在实际情况下,企业缺乏智能设备在企业环境下应用的整体解决方案,智能设备在没有应用场景的情况之下就只是玩具,我们是国内早期的智能设备研发团队,同时也提供智能设备的应用场景普及,让智能为企业真正带来实惠
</p>
</div>
</div>
<div class="media">
<div class="media-left">
<i class="fa fa-codepen"></i>
</div>
<div class="media-body">
<h4 class="media-heading">运维支持</h4>
<p>
为企业提供信息化系统的运行,维护和升级服务,保障企业的信息化系统安全稳定地为企业服务
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="default-bg space blue">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center">Can do Or not ,Tell me! I'm ZHCS</h1>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section">
<div class="container">
<h1 class="text-center title" id="portfolio">成功案例</h1>
<div class="separator"></div>
<div class="row object-non-visible" data-animation-effect="fadeIn">
<div class="col-md-12">
<!-- isotope filters start -->
<div class="filters text-center">
<ul class="nav nav-pills">
<li class="active">
<a href="#" data-filter="*">全部</a>
</li>
<li>
<a href="#" data-filter=".web-design">信息化系统</a>
</li>
<li>
<a href="#" data-filter=".app-development">APP开发</a>
</li>
<li>
<a href="#" data-filter=".site-building">微信案例</a>
</li>
<li>
<a href="#" data-filter=".site-building">网站建设</a>
</li>
</ul>
</div>
<!-- isotope filters end -->
<!-- portfolio items start -->
<div class="isotope-container row grid-space-20">
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-1.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-1">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-1-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-1.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-2.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-2">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-2">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-2" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-2-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-2.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-3.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-3">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-3-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-3-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-3.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-4.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-4">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-4">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-4" tabindex="-1" role="dialog" aria-labelledby="project-4-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-4-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-4.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-5.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-5">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-5">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-5" tabindex="-1" role="dialog" aria-labelledby="project-5-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-5-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-5.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-6.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-6">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-6">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-6" tabindex="-1" role="dialog" aria-labelledby="project-6-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-6-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-6.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-7.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-7">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-7">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-7" tabindex="-1" role="dialog" aria-labelledby="project-7-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-7-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-7.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-8.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-8">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-8">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-8" tabindex="-1" role="dialog" aria-labelledby="project-8-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-8-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-8.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-9.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-9">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-9">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-9" tabindex="-1" role="dialog" aria-labelledby="project-9-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-9-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-9.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-10.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-10">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-10">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-10" tabindex="-1" role="dialog" aria-labelledby="project-10-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-10-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-10.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-11.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-11">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-11">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-11" tabindex="-1" role="dialog" aria-labelledby="project-11-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-11-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-11.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="public/images/portfolio-12.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-12">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-12">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-12" tabindex="-1" role="dialog" aria-labelledby="project-12-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-12-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>
<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>
</div>
<div class="col-md-6">
<img src="public/images/portfolio-12.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
</div>
<!-- portfolio items end -->
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section translucent-bg bg-image-2 pb-clear">
<div class="container object-non-visible" data-animation-effect="fadeIn">
<h1 id="clients" class="title text-center">解决方案</h1>
<div class="space"></div>
<div class="row">
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-1.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">可视化数据报表</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-2.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">室内导航方案</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-3.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">智能化门禁方案</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-2.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">移动展业方案</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-3.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">智能巡更方案</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="public/images/testimonial-1.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">停车管理方案</h3>
<blockquote>
<p> <img src="public/images/portfolio-2.jpg" /> </p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!-- section start -->
<!-- ================ -->
<div class="translucent-bg blue">
<div class="container">
<div class="list-horizontal">
<div class="row">
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-1.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-2.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-3.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-4.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-5.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="public/images/client-6.png" alt="client">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="default-bg space">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center">多平台,多方案</h1>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- footer start -->
<!-- ================ -->
<footer id="footer">
<!-- .footer start -->
<!-- ================ -->
<div class="footer section">
<div class="container">
<h1 class="title text-center" id="contact">联系我们</h1>
<div class="space"></div>
<div class="row">
<div class="col-sm-6">
<div class="footer-content">
<p class="large">
业务需求,方案制作,方案实现,智能化改造....我们将竭诚为您服务!
</p>
<ul class="list-icons">
<li><i class="fa fa-map-marker pr-10"></i> 重庆市南岸区辅仁路4号</li>
<li><i class="fa fa-phone pr-10"></i> 18996359766</li>
<li><i class="fa fa-fax pr-10"></i> 023-63813052 </li>
<li><i class="fa fa-envelope-o pr-10"></i> kerbores@zhcs.club</li>
</ul>
<ul class="social-links">
<li class="facebook">
<a target="_blank" href="https://www.facebook.com/pages/HtmlCoder/714570988650168"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter">
<a target="_blank" href="https://twitter.com/HtmlcoderMe"><i class="fa fa-twitter"></i></a>
</li>
<li class="googleplus">
<a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a>
</li>
<li class="skype">
<a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a>
</li>
<li class="linkedin">
<a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a>
</li>
<li class="youtube">
<a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube"></i></a>
</li>
<li class="flickr">
<a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a>
</li>
<li class="pinterest">
<a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="footer-content">
<form role="form" id="footer-form">
<div class="form-group has-feedback">
<label class="sr-only" for="name2">姓名</label>
<input type="text" class="form-control" id="name2" placeholder="我该怎么称呼您呢" name="name2" required>
<i class="fa fa-user form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="email2">邮箱</label>
<input type="email" class="form-control" id="email2" placeholder="我该怎么联系您呢" name="email2" required>
<i class="fa fa-envelope form-control-feedback"></i>
</div>
<div class="form-group has-feedback">
<label class="sr-only" for="message2">内容</label>
<textarea class="form-control" rows="8" id="message2" placeholder="您有什么想对我们说的呢" name="message2" required></textarea>
<i class="fa fa-pencil form-control-feedback"></i>
</div>
<input type="submit" value="发送给我" class="btn btn-default">
</form>
</div>
</div>
</div>
</div>
</div>
<!-- .footer end -->
<!-- .subfooter start -->
<!-- ================ -->
<div class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="text-center">Copyright © 2014 ZBCS by
<a target="_blank" href="http://www.zhcs.club">ZHCS</a>.</p>
</div>
</div>
</div>
</div>
<!-- .subfooter end -->
</footer>
<!-- footer end -->
<!-- JavaScript files placed at the end of the document so the pages load faster
================================================== -->
<!-- Jquery and Bootstap core js files -->
<script type="text/javascript" src="public/plugins/jquery.min.js"></script>
<script type="text/javascript" src="public/bootstrap/js/bootstrap.min.js"></script>
<!-- Modernizr javascript -->
<script type="text/javascript" src="public/plugins/modernizr.js"></script>
<!-- Isotope javascript -->
<script type="text/javascript" src="public/plugins/isotope/isotope.pkgd.min.js"></script>
<!-- Backstretch javascript -->
<script type="text/javascript" src="public/plugins/jquery.backstretch.min.js"></script>
<!-- Appear javascript -->
<script type="text/javascript" src="public/plugins/jquery.appear.js"></script>
<!-- Initialization of Plugins -->
<script type="text/javascript" src="public/js/template.js"></script>
<!-- Custom Scripts -->
<script type="text/javascript" src="public/js/custom.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。