更新

aboutUs-culture.html

@@ -112,7 +112,7 @@
 				<div class="about-us">
 					<div class="about-entry ">
 						<img src="images/aboutus/culture-1.jpg">
-						<div class="clearfix" style="margin:60px 0">
+						<!-- <div class="clearfix" style="margin:60px 0">
 							<div class="fL" style="width:310px">
 							<h2 class="about-h2">团队合作</h2>
 							<img src="images/aboutus/culture-2.png" width="310">
@@ -128,6 +128,34 @@
 							<img src="images/aboutus/culture-4.png" width="310">
 							<p class="about-p">全过程造价蕴含丰富的专业知识、巨大的社会价值。入职培训到每年固定的集体培训，我们对员工培训的投入从未停止。不断激励员工能自我升值充实人生。</p>
 							</div>
+						</div> -->
+						<div class="about-text clearfix">
+							<div class="fL">
+								<div class="text-item">
+									<h2>愿景使命</h2>
+									<p>加班少一点<span style="margin-left:16px"></span>胜算多一点</p>
+								</div>
+								<div class="text-item">
+									<h2>产品定位</h2>
+									<p>简单<span style="margin-left:48px"></span>简洁<span style="margin-left:48px"></span>专业</p>
+								</div>
+								<div class="text-item">
+									<h2>开发理念</h2>
+									<p>博采众长<span style="margin-left:32px"></span>开创先河</p>
+								</div>
+							</div>
+							<div class="fR">
+								<div class="text-item">
+									<h2>精神准则</h2>
+									<p>责任<span style="margin-left:72px"></span>诚信<span style="margin-left:72px"></span>创新</p>
+									<p>终生学习<span style="margin-left:32px"></span>快乐工作<span style="margin-left:32px"></span>享受生活</p>
+								</div>
+								<div style="margin-top:50px">
+								</div>
+								<div class="text-item">
+									<img src="images/tiger.png" style="margin-left:-15px">
+								</div>
+							</div>
 						</div>
 						<div id="ri-grid" class="ri-grid ri-grid-size-2 ri-shadow">
 							<ul>

aboutUs-join-wap.html

@@ -26,130 +26,204 @@
 						</div>
 						<div class="about-text timeline join-line" style="padding:20px;margin-bottom:50px">
 							<div class="year">
-								<h3 title="展开详情">软件工程师（珠海）<i class="arow"></i></h3>
+								<h3 title="展开详情">技术支持工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责软件程序编写任务；</p>
-										<p>2、确保编码进度和质量；</p>
-										<p>3、负责开发文档编写工作。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、计算机及相关专业，本科以上学历，成绩优异，对软件开发有浓厚兴趣和热情；</p>
-										<p>2、学习能力强，沟通和表达能力好；</p>
-										<p>3、熟练掌握Delphi或C++或JAVA编程；</p>
-										<p>4、具有良好的沟通能力和团队合作精神；</p>
-										<p>5、具备较强需求分析和系统设计能力，以及的逻辑分析和独立解决问题能力。</p>
+										<p>1. 带薪岗前培训，学习与掌握公司日常事务及公司产品的使用和操作；</p>
+										<p>2. 通过网络和电话，解答与服务客户关于公司软件产品的技术问题；</p>
+										<p>3. 经培训后，协助完成公司软件产品的功能测试工作。</p>
 									</div>
 								</div>
-							</div>
-							<div class="year">
-								<h3 title="展开详情">JAVA开发工程师（珠海）<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>任职要求<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、参与项目需求分析,进行系统框架和核心模块的详细设计；</p>
-										<p>2、根据新项目开发进度和任务分配，开发相应的模块；</p>
-										<p>3、根据公司技术文档规范编写相应的技术文档；</p>
-										<p>4、根据需要不断修改完善系统平台。</p>
+										<p>1. 工程造价. 工程管理. 土木工程. 计算机等相关专业优先；</p>
+										<p>2. 熟练掌握日常办公软件（包括但不限于office、Xmind等）、打字速度快；</p>
+										<p>3. 热情开朗有耐心，具有良好的沟通表达能力、团队协作精神，稳定性好；</p>
+										<p>4. 掌握以下至少一种技能：</p>
+										<p>&nbsp;① 熟悉至少一种关系型数据库（ MySql / Oracle / SQL Server等）者；</p>
+										<p>&nbsp;② 有工程造价相关相关经验者；</p>
+										<p>&nbsp;③ 熟练使用至少一种工程造价管理软件（广联达、纵横、同望等）者。</p>
 									</div>
 								</div>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>薪酬福利<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、能独立完成整个产品，有团队领导能力；</p>
-										<p>2、两年以上java开发经验，并在项目中担任主要参与者角色；</p>
-										<p>3、熟悉Spring, Hibernate, Struts2等开源框架；</p>
-										<p>4、熟练使用相关工具，包括开发工具、数据库工具、版本控制工具等；</p>
-										<p>5、熟悉J2EE系统架构，熟练掌握jquery、HTML、XML、JavaScript、Java等语言并具有基于J2EE体系结构的代码开发经验； </p>
-										<p>6、熟悉使用Tomcat/WebSphere/WebLogic服务器其中之一种以上；</p>
-										<p>7、喜欢钻研技术、有独立探索技术的能力，具有良好的软件工程知识和质量意识； </p>
-										<p>8、工作踏实，有团队管理经验，对工作有热情，能够在一定压力下工作；</p>
-										<p>9、具备良好的表达和沟通能力。</p>
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利. 生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利</p>
+										<p>7. 提供技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">网页设计/网页美工（珠海）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件测试工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、独立负责网站及软件产品的页面制作、创意及美工设计工作；</p>
-										<p>2、熟练运用各种不同类型的设计表现形式，准确传达产品和市场信息。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、一年网页设计及制作工作经验，具备独立完成网站美工设计及制作的能力；</p>
-										<p>2、有良好的美工、设计及创意基础；</d>
-										<p>3、精通Html、Div+css,Javascript、PHP语言；</p>
-										<p>4、熟练使用Photoshop、Dreamweaver、Flash等绘图软件； </p>
-										<p>5、具备互联网营销策划能力，个人职业发展目标为互联网产品经理；</p>
-										<p>6、具备良好的沟通能力和敬业精神，有较强的工作责任感；</p>
-										<p>7、注：请在简历中附上您的作品或链接。</p>
+										<p>1. 负责编制测试方案、用例. 测试验证点，实现开发质量风险前移和测试的全面性，并提高被测软件的质量；</p>
+										<p>2. 负责执行功能点测试验证、系统测试，按时提供可发布的高质量版本；</p>
+										<p>3. 负责编制并提交测试相关的度量报告（测试报告）或者提供测试数据，为发版评审提供测试依据。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 软件工程或计算机科学与技术等相关专业，本科应届毕业生优先考虑；</p>
+										<p>2. 熟练掌握日常办公软件（包括但不限于office、Xmind等）；</p>
+										<p>3. 在校期间成绩优异，热爱软件测试工作；</p>
+										<p>4. 学习能力强，具有良好的沟通表达能力、团队协作精神，稳定性好。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利；</p>
+										<p>7. 提供技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
+
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件营销工程师（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">JavaScript后端开发工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、协助区域营销经理完成计划销售额，并确保销售利润率；</p>
-										<p>2、负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
-										<p>3、在区域营销经理的指导下开拓新市场，增加新客户，维护老客户。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历，专业不限；</p>
-										<p>2、热爱营销工作，开拓能力强，具备较强的抗压能力和工作主动性，适应短期出差；</p>
-										<p>3、性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
-										<p>4、愿意从基层做起，勇于接受挑战，吃苦耐劳，具有创新精神和承压能力。</p>
+										<p>1. 根据项目具体要求，高质量完成开发任务；</p>
+										<p>2. 负责公司后端框架设计及功能模块开发，主要开发语言为JavaScript；</p>
+										<p>3. 按公司的框架设计思路进行代码实现；</p>
+										<p>4. 负责解决开发过程中的技术问题，参与代码维护。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 全日制本科及以上学历，应届毕业生优先；</p>
+										<p>2. 熟练使用node.js搭建前后端开发环境；</p>
+										<p>3. 熟悉web开发后端框架的至少一个（Spring MVC、Yii、Django、  Express、Koa等）；</p>
+										<p>4. 熟悉至少一种关系型数据库（ MySQL/Oracle/SQL Server等）；</p>
+										<p>5. 熟悉常用的数据结构和算法；</p>
+										<p>6. 学习能力强，具有良好的沟通表达能力、团队协作精神，稳定性好。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利；</p>
+										<p>7. 提供研发技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件营销助理-技术支持（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件营销工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
-										<p>2、对客户提出的产品需求进行整理总结，并及时反馈给开发部门；</p>
-										<p>3、通过公司CLD客户关系管理系统，以电话、邮件、上门拜访方式维护老客户，解决客户的产品技术问题；</p>
-										<p>4、配合公司市场部在本区域市场内，对公司产品及服务进行市场宣传。</p>
+										<p>重庆市（另有各大省会城市）</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历，专业不限，有较强的计算机操作基础；</p>
-										<p>2、热爱营销工作，具备较强的抗压能力和工作主动性；</p>
-										<p>3、性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
-										<p>4、为让我们更好地认识您，请务必在简历中提供照片。</p>
+										<p>1. 协助区域营销经理完成计划销售额，并确保销售利润率；</p>
+										<p>2. 负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
+										<p>3. 在区域营销经理的指导下开拓新市场，增加新客户，维护老客户。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 本科学历，专业不限；</p>
+										<p>2. 热爱营销工作，开拓能力强，具备较强的抗压能力和工作主动性，适应短期出差；</p>
+										<p>3. 性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
+										<p>4. 愿意从基层做起，勇于接受挑战，吃苦耐劳，具有创新精神和承压能力；</p>
+										<p>5. 熟练掌握日常办公软件（包括但不限于office、Xmind等）。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户等多项福利；</p>
+										<p>7. 提供学习分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">管理培训生（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件实施工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责区域内培训会议的策划、组织和执行；</p>
-										<p>2、负责专业技术性资料的整理，及培训学习资料的制定；</p>
-										<p>3、为产品研发和市场营销提供一线需求和建议。</p>
+										<p>兰州市（另有各大省会城市）</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历；工程造价、工程管理相关专业毕业；</p>
-										<p>2、	在校期间成绩优异，性格热情开朗，有较强的语言表达能力和组织能力。</p>
+										<p>1. 负责软件产品的售前、售后技术服务和客户培训工作；</p>
+										<p>2. 负责客户关系发展与维护，协助公司开展商务工作，积极完成产品推广；</p>
+										<p>3. 配合销售人员进行客户访谈，了解并汇总客户需求，并制定实施方案；</p>
+										<p>4. 通过电话及网络向客户提供技术支持；</p>
+										<p>5. 负责与协同开发部门、测试部门做好项目实施中遇到的各种问题的解决。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 专科及以上学历，专业不限；</p>
+										<p>2. 有较强的理解能力，学习能力强，能够进行快速、独立的新知识学习；</p>
+										<p>3. 有较好的沟通及表达能力，善于倾听；</p>
+										<p>4. 具备一定的逻辑分析能力，能够独立进行信息的汇总与提炼；</p>
+										<p>5. 有热情，能积极乐观的面对困难，并且具备良好的客户服务意识；</p>
+										<p>6. 积极上进，有较好的团队合作精神；能适应短期出差和具有挑战性的工作。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户等多项福利；</p>
+										<p>7. 提供学习分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>

aboutUs-join.html

@@ -118,132 +118,206 @@
 							<p>正在寻找富有创意和想法的你</p>
 							<p>简历发送：<a href="mailto:yangfufang@smartcost.com.cn" target="_blank">yangfufang@smartcost.com.cn</a>；请在邮件中注明应聘职位名称，及工作地点。</p>
 						</div>
-						<div class="about-text timeline join-line">
+						<div class="about-text timeline join-line" style="padding-right: 100px;padding-left: 100px;">
 							<div class="year">
-								<h3 title="展开详情">软件工程师（珠海）<i class="arow"></i></h3>
+								<h3 title="展开详情">技术支持工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责软件程序编写任务；</p>
-										<p>2、确保编码进度和质量；</p>
-										<p>3、负责开发文档编写工作。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、计算机及相关专业，本科以上学历，成绩优异，对软件开发有浓厚兴趣和热情；</p>
-										<p>2、学习能力强，沟通和表达能力好；</p>
-										<p>3、熟练掌握Delphi或C++或JAVA编程；</p>
-										<p>4、具有良好的沟通能力和团队合作精神；</p>
-										<p>5、具备较强需求分析和系统设计能力，以及的逻辑分析和独立解决问题能力。</p>
+										<p>1. 带薪岗前培训，学习与掌握公司日常事务及公司产品的使用和操作；</p>
+										<p>2. 通过网络和电话，解答与服务客户关于公司软件产品的技术问题；</p>
+										<p>3. 经培训后，协助完成公司软件产品的功能测试工作。</p>
 									</div>
 								</div>
-							</div>
-							<div class="year">
-								<h3 title="展开详情">JAVA开发工程师（珠海）<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>任职要求<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、参与项目需求分析,进行系统框架和核心模块的详细设计；</p>
-										<p>2、根据新项目开发进度和任务分配，开发相应的模块；</p>
-										<p>3、根据公司技术文档规范编写相应的技术文档；</p>
-										<p>4、根据需要不断修改完善系统平台。</p>
+										<p>1. 工程造价. 工程管理. 土木工程. 计算机等相关专业优先；</p>
+										<p>2. 熟练掌握日常办公软件（包括但不限于office、Xmind等）、打字速度快；</p>
+										<p>3. 热情开朗有耐心，具有良好的沟通表达能力、团队协作精神，稳定性好；</p>
+										<p>4. 掌握以下至少一种技能：</p>
+										<p>&nbsp;① 熟悉至少一种关系型数据库（ MySql / Oracle / SQL Server等）者；</p>
+										<p>&nbsp;② 有工程造价相关相关经验者；</p>
+										<p>&nbsp;③ 熟练使用至少一种工程造价管理软件（广联达、纵横、同望等）者。</p>
 									</div>
 								</div>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>薪酬福利<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、能独立完成整个产品，有团队领导能力；</p>
-										<p>2、两年以上java开发经验，并在项目中担任主要参与者角色；</p>
-										<p>3、熟悉Spring, Hibernate, Struts2等开源框架；</p>
-										<p>4、熟练使用相关工具，包括开发工具、数据库工具、版本控制工具等；</p>
-										<p>5、熟悉J2EE系统架构，熟练掌握jquery、HTML、XML、JavaScript、Java等语言并具有基于J2EE体系结构的代码开发经验； </p>
-										<p>6、熟悉使用Tomcat/WebSphere/WebLogic服务器其中之一种以上；</p>
-										<p>7、喜欢钻研技术、有独立探索技术的能力，具有良好的软件工程知识和质量意识； </p>
-										<p>8、工作踏实，有团队管理经验，对工作有热情，能够在一定压力下工作；</p>
-										<p>9、具备良好的表达和沟通能力。</p>
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利. 生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利</p>
+										<p>7. 提供技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">网页设计/网页美工（珠海）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件测试工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、独立负责网站及软件产品的页面制作、创意及美工设计工作；</p>
-										<p>2、熟练运用各种不同类型的设计表现形式，准确传达产品和市场信息。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、一年网页设计及制作工作经验，具备独立完成网站美工设计及制作的能力；</p>
-										<p>2、有良好的美工、设计及创意基础；</d>
-										<p>3、精通Html、Div+css,Javascript、PHP语言；</p>
-										<p>4、熟练使用Photoshop、Dreamweaver、Flash等绘图软件； </p>
-										<p>5、具备互联网营销策划能力，个人职业发展目标为互联网产品经理；</p>
-										<p>6、具备良好的沟通能力和敬业精神，有较强的工作责任感；</p>
-										<p>7、注：请在简历中附上您的作品或链接。</p>
+										<p>1. 负责编制测试方案、用例. 测试验证点，实现开发质量风险前移和测试的全面性，并提高被测软件的质量；</p>
+										<p>2. 负责执行功能点测试验证、系统测试，按时提供可发布的高质量版本；</p>
+										<p>3. 负责编制并提交测试相关的度量报告（测试报告）或者提供测试数据，为发版评审提供测试依据。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 软件工程或计算机科学与技术等相关专业，本科应届毕业生优先考虑；</p>
+										<p>2. 熟练掌握日常办公软件（包括但不限于office、Xmind等）；</p>
+										<p>3. 在校期间成绩优异，热爱软件测试工作；</p>
+										<p>4. 学习能力强，具有良好的沟通表达能力、团队协作精神，稳定性好。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利；</p>
+										<p>7. 提供技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
+
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件营销工程师（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">JavaScript后端开发工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、协助区域营销经理完成计划销售额，并确保销售利润率；</p>
-										<p>2、负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
-										<p>3、在区域营销经理的指导下开拓新市场，增加新客户，维护老客户。</p>
+										<p>广东省珠海市香洲区</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历，专业不限；</p>
-										<p>2、热爱营销工作，开拓能力强，具备较强的抗压能力和工作主动性，适应短期出差；</p>
-										<p>3、性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
-										<p>4、愿意从基层做起，勇于接受挑战，吃苦耐劳，具有创新精神和承压能力。</p>
+										<p>1. 根据项目具体要求，高质量完成开发任务；</p>
+										<p>2. 负责公司后端框架设计及功能模块开发，主要开发语言为JavaScript；</p>
+										<p>3. 按公司的框架设计思路进行代码实现；</p>
+										<p>4. 负责解决开发过程中的技术问题，参与代码维护。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 全日制本科及以上学历，应届毕业生优先；</p>
+										<p>2. 熟练使用node.js搭建前后端开发环境；</p>
+										<p>3. 熟悉web开发后端框架的至少一个（Spring MVC、Yii、Django、  Express、Koa等）；</p>
+										<p>4. 熟悉至少一种关系型数据库（ MySQL/Oracle/SQL Server等）；</p>
+										<p>5. 熟悉常用的数据结构和算法；</p>
+										<p>6. 学习能力强，具有良好的沟通表达能力、团队协作精神，稳定性好。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户珠海等多项福利；</p>
+										<p>7. 提供研发技术分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">软件营销助理-技术支持（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件营销工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
-										<p>2、对客户提出的产品需求进行整理总结，并及时反馈给开发部门；</p>
-										<p>3、通过公司CLD客户关系管理系统，以电话、邮件、上门拜访方式维护老客户，解决客户的产品技术问题；</p>
-										<p>4、配合公司市场部在本区域市场内，对公司产品及服务进行市场宣传。</p>
+										<p>重庆市（另有各大省会城市）</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历，专业不限，有较强的计算机操作基础；</p>
-										<p>2、热爱营销工作，具备较强的抗压能力和工作主动性；</p>
-										<p>3、性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
-										<p>4、为让我们更好地认识您，请务必在简历中提供照片。</p>
+										<p>1. 协助区域营销经理完成计划销售额，并确保销售利润率；</p>
+										<p>2. 负责公司产品的售前客户培训和售后客户服务，积极完成公司产品推广任务；</p>
+										<p>3. 在区域营销经理的指导下开拓新市场，增加新客户，维护老客户。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 本科学历，专业不限；</p>
+										<p>2. 热爱营销工作，开拓能力强，具备较强的抗压能力和工作主动性，适应短期出差；</p>
+										<p>3. 性格热情开朗，沟通表达能力强，有良好的团队协作能力；</p>
+										<p>4. 愿意从基层做起，勇于接受挑战，吃苦耐劳，具有创新精神和承压能力；</p>
+										<p>5. 熟练掌握日常办公软件（包括但不限于office、Xmind等）。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户等多项福利；</p>
+										<p>7. 提供学习分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>
 							<div class="year">
-								<h3 title="展开详情">管理培训生（全国各省会城市）<i class="arow"></i></h3>
+								<h3 title="展开详情">软件实施工程师<i class="arow"></i></h3>
 								<div class="month">
-									<em>岗位职责<i class="dot"></i></em>
+									<em>工作地点<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、负责区域内培训会议的策划、组织和执行；</p>
-										<p>2、负责专业技术性资料的整理，及培训学习资料的制定；</p>
-										<p>3、为产品研发和市场营销提供一线需求和建议。</p>
+										<p>兰州市（另有各大省会城市）</p>
 									</div>
 								</div>
 								<div class="month">
 									<em>岗位职责<i class="dot"></i></em>
 									<div class="text clearfix">
-										<p>1、本科学历；工程造价、工程管理相关专业毕业；</p>
-										<p>2、	在校期间成绩优异，性格热情开朗，有较强的语言表达能力和组织能力。</p>
+										<p>1. 负责软件产品的售前、售后技术服务和客户培训工作；</p>
+										<p>2. 负责客户关系发展与维护，协助公司开展商务工作，积极完成产品推广；</p>
+										<p>3. 配合销售人员进行客户访谈，了解并汇总客户需求，并制定实施方案；</p>
+										<p>4. 通过电话及网络向客户提供技术支持；</p>
+										<p>5. 负责与协同开发部门、测试部门做好项目实施中遇到的各种问题的解决。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>任职要求<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 专科及以上学历，专业不限；</p>
+										<p>2. 有较强的理解能力，学习能力强，能够进行快速、独立的新知识学习；</p>
+										<p>3. 有较好的沟通及表达能力，善于倾听；</p>
+										<p>4. 具备一定的逻辑分析能力，能够独立进行信息的汇总与提炼；</p>
+										<p>5. 有热情，能积极乐观的面对困难，并且具备良好的客户服务意识；</p>
+										<p>6. 积极上进，有较好的团队合作精神；能适应短期出差和具有挑战性的工作。</p>
+									</div>
+								</div>
+								<div class="month">
+									<em>薪酬福利<i class="dot"></i></em>
+									<div class="text clearfix">
+										<p>1. 提供高于行业期望的薪酬；</p>
+										<p>2. 伴随公司发展，为个人定制适宜的职业发展规划；</p>
+										<p>3. 购买六险一金，额外补充商业医疗保险；</p>
+										<p>4. 5天8小时工作制，享受所有法定假期，含带薪年假、病假、婚产假等；</p>
+										<p>5. 享受年度体检、节日福利、生日金等各种福利；</p>
+										<p>6. 协助办理职称评审、落户等多项福利；</p>
+										<p>7. 提供学习分享会、每年三次培训的学习机会，构建学习型组织。</p>
 									</div>
 								</div>
 							</div>

contact.html

@@ -34,6 +34,23 @@
 				<a href="contact-custom.html">列表查询</a>
 			</div>
 			<div class="contact-main">
+				<div class="base">
+					<div class="base-warp clearfix">
+						<div class="base-box fL">
+							<h1>在线企业QQ客服</h1>
+							<p>服务时间：9:00 - 18:00</p>
+							<h2><b>80000 3850</b>
+								<!-- WPA Button Begin -->
+								<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzgwMDAwMzg1MF80MjEwODRfODAwMDAzODUwXw"></script>
+								<!-- WPA Button End --></h2>
+						</div>
+						<div class="base-box fR">
+							<h1>全国服务热线</h1>
+							<p>服务时间：9:00 - 18:00</p>
+							<h2><b>0756 - 3850 888</b></h2>
+						</div>
+					</div>
+				</div>
 				<div class="base"><div class="custom-warp">
 					<div class="hour-box">
 					<h1>带图标&nbsp;<img src="http://smartcost.com.cn/global/images/24hour.jpg">&nbsp;为 <a href=""><b class="colBlue" style="font-size: 48px">7x24</b></a> 小时服务热线</h1>
@@ -67,7 +84,7 @@
 							</div>
 						</div>	
 					</div>
-					<map name="m_map" id="m_map">  左 上 右 下
+					<map name="m_map" id="m_map"><!--   左 上 右 下 -->
 						<area shape="rect" coords="552, 79, 601, 104" href="javascript:setProvince('黑龙江')" alt="" />
 						<area shape="rect" coords="542, 125, 579, 149" href="javascript:setProvince('吉林')" alt="" />
 						<area shape="rect" coords="523, 170, 554, 192" href="javascript:setProvince('辽宁')" alt="" />
@@ -101,23 +118,6 @@
 						<area shape="rect" coords="342, 254, 373, 239" href="javascript:setProvince('宁夏')" alt="">
 					</map>	
 				</div>
-				<div class="base">
-					<div class="base-warp clearfix">
-						<div class="base-box fL">
-							<h1>在线企业QQ客服</h1>
-							<p>服务时间：9:00 - 18:00</p>
-							<h2><b>80000 3850</b>
-								<!-- WPA Button Begin -->
-								<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzgwMDAwMzg1MF80MjEwODRfODAwMDAzODUwXw"></script>
-								<!-- WPA Button End --></h2>
-						</div>
-						<div class="base-box fR">
-							<h1>全国服务热线</h1>
-							<p>服务时间：9:00 - 18:00</p>
-							<h2><b>0756 - 3850 888</b></h2>
-						</div>
-					</div>
-				</div>
 			<div class="custom-warp" style="margin-bottom:100px">
 				<div class="custom-box">
 					<h2>珠海总部：广东省珠海市香洲区银桦路8号深圳发展银行大厦24D </h2>

css/global.css

@@ -704,6 +704,49 @@ li.search .topSerach input[type=submit]:active{
 .videoItem li .videoCon span:hover{
   background:#ff6501
 }
+.videoItem li .videoCon2{
+  position: absolute;
+  bottom:7px;
+  width:100%;
+  color:#fff;
+  z-index:10;
+  text-align:center;
+  font-size:12px
+}
+.videoItem li .videoCon2{
+  background:url(titleBg-black.png) repeat;
+  z-index:9;
+  height:80px;
+  top:0;
+  padding:60px 0 0 0
+}
+.videoItem li .videoCon2 a:hover{
+  text-decoration: none
+}
+.videoItem li .videoCon2 span{
+  color:#fff;
+  font-size:16px;
+  line-height:16px;
+  height:16px;
+  padding:5px;
+  cursor:pointer
+}
+.videoItem li .videoCon2 span b{
+  display:inline-block;
+  *display:inline;
+  zoom:1;
+  width:16px;
+  height:16px;
+  background:url(scIcons.png) no-repeat 0 -95px;
+  vertical-align: middle;
+  padding:0 5px 0 0
+}
+.videoItem li .videoCon2 span.downBtn b{
+  background-position:0 -111px
+}
+.videoItem li .videoCon2 span:hover{
+  background:#ff6501
+}
 .softVideo .bottomSpace{
   height:100px
 }
@@ -2118,6 +2161,21 @@ border:none
   line-height: 60px;
   color:#2F2F2F;
 }
+.warp-header .header-nav h3{
+  font-size: 16px;
+  color:#ff6501;
+  font-weight: 600;
+  margin-top: 5px
+}
+.warp-header .header-nav .qq-online{
+  width:170px;
+  height:26px;
+  background:url(qqonline.png) no-repeat;
+  cursor: pointer;
+}
+.warp-header .header-nav .qq-online:hover{
+  background:url(qqonline_hover.png) no-repeat;
+}
 .warp-header .header-nav h2 > a{
   font-size: 16px;
   line-height: 60px;
@@ -2130,9 +2188,19 @@ border:none
   cursor:pointer;
   z-index: 999
 }
+.header-nav .nav-main.text {
+  float:left;
+  padding:0 20px;
+  position:relative;
+  cursor:default;
+  z-index: 999;
+}
 .header-nav .nav-main:hover {
   background-color: #F1F1F1
 }
+.header-nav .nav-main.text:hover {
+  background-color:#fff
+}
 .header-nav .nav-main:hover > h2{
   color:#2f2f2f
 }
@@ -2246,7 +2314,7 @@ border:none
   border:none;
   display:inline-block;
   padding:0 5px;
-  width:220px;
+  width:90px;
 }
 .search-bar .search-submit{
   height:24px;
@@ -2809,10 +2877,10 @@ border:none
 }
 .banner-six .title-2{
   background:url(banner-dinge.png) -1120px -200px;
-  width:485px;
-  height:80px;
+  width:629px;
+  height:50px;
   top:265px;
-  left:215px;
+  left:295px;
   transition: all 0.2s ease-in 0s;
   transform: translateX(30px);
   transition-delay: 0.2s;
@@ -2973,6 +3041,7 @@ border:none
 /*走进纵横*/
 .about-tab {
   background:#fff;
+  z-index: 9999
 }
 .about-tab li{
   float:left;
@@ -3007,12 +3076,15 @@ border:none
 .about-text {
   padding:67px 150px 67px 150px ;
 }
+.about-text .text-item{
+  height:150px
+}
 .about-text h2,.about-h2 {
   font-size:28px;
   color:#333;
 }
 .about-text p,.about-p {
-  font-size:16px;
+  font-size:20px;
   margin:15px 0;
   line-height: 28px;
 }
@@ -3445,4 +3517,38 @@ border:none
   0%,100%{transform:translateY(0);}
   10%,30%,50%,70%,90%{transform:translateY(-5px);}
   20%,40%,60%,80%{transform:translateY(8px);}
-  }*/
+  }*/
+/*视频教程内部播放列表*/
+.video-view{
+  margin-left:242px;
+}
+.video-view h2{
+  
+  border-color:#ff6501;
+}
+.video-mini-list{
+  float:left;
+  margin:0;
+}
+.video-mini-list h1{
+  border-color:#ff6501;
+}
+.video-mini-list ul{
+  height:646px;
+  width:242px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  white-space: nowrap;
+}
+.video-mini-list ul li{
+  margin:0 0 10px 0;
+  border:1px solid #ccc;
+}
+.video-mini-list ul li.active{
+  border:1px solid #ff6501;
+  background:#ff6501;
+  color:#fff;
+}
+.video-mini-list ul li.active .videoCon2{
+  display: none
+}

css/style.css

@@ -0,0 +1,465 @@
+/*Reset 样式初始化*/
+html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
+br, input, button, textarea, h1, h2, h3, h4, h5,em{
+  padding: 0;
+  margin: 0;
+	font-weight: normal;
+	font-style: normal;
+	font-size: 12px;
+	font-family:"微软雅黑","Tahoma";
+	vertical-align: baseline;
+	text-align:justify;
+	word-wrap:break-word;
+	text-justify:inter-ideograph
+}
+body{text-align:center}
+ul, ol, li, h1 {
+	line-height:normal;
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none
+}
+dl {
+	margin:0
+}
+dd {
+	margin-left:0
+}
+a {
+	outline:none;
+}
+a img {
+	border:0 none
+}
+img {
+	vertical-align:middle;
+	border:0px
+}
+table {
+	border-collapse:collapse
+}
+.clearfix:after {
+	content:".";
+	display:block;
+	height:0;
+	clear:both;
+	visibility:hidden
+}
+.clearfix {
+	display:inline-block;
+	overflow:hidden
+}
+.clearfix {
+	display:block
+}
+body {color:#333}
+a {color:#00A0E9;text-decoration:none}
+a:hover {color:#0091d3;text-decoration:underline}
+/**/
+.clearB {clearfix:both}
+.fL {float:left}
+.fR {float:right}
+.colGreen{color:#17ab0c}
+.colRed {color:#f70000}
+.colOrange {color:#ed8b00}
+.width960 {width:960px;margin-left:auto;margin-right:auto}
+/*css*/
+.warpHeader .mainLogo {
+	width:437px;
+	height:57px;
+	margin:10px
+}
+.warpHeader .mainLogo a {
+	display:block;
+	width:348px;
+	height:57px;
+	background:url(mainLogo.png) no-repeat
+}
+.warpHeader .mainSearch {
+	float:right;
+	height:32px;
+	border:1px solid #ccc;
+	border-radius:5px;
+	margin:25px 0 0 0
+}
+.warpHeader .mainSearch input{
+	vertical-align: top;
+	margin:5px 0 0 0;
+	height:22px;
+	font-size:14px;
+	color:#666;
+	padding:0 5px;
+	border:none;
+	width:250px
+}
+.warpHeader .mainSearch .searchBtn {
+	display:inline-block;
+	*display:inline;
+	zoom:1;
+	width:24px;
+	height:24px;
+	background:url(searchBtn.png) no-repeat 0 0;
+	margin:5px 5px 0 0
+}
+.warpHeader .mainSearch .searchBtn:hover {
+	background-position: 0 -24px
+}
+.warpHeader .mainNav {
+	height:24px;
+	width:100%;
+	background:url(navBg.png) repeat-x 0 -48px;
+	margin:0 0 20px 0
+}
+.warpHeader .mainNav .navBgLeft,.warpHeader .mainNav .navBgRight {
+	background:url(navBg.png) no-repeat 0 0;
+	font-size:1px;
+	width:7px;
+	height:24px;
+	float:left
+}
+.warpHeader .mainNav .navBgRight {
+	background-position:0 -24px;
+	float:right
+}
+.warpContent {
+	width:950px
+}
+.warpContent .sideBar {
+	width:190px;
+	float:left
+}
+.warpContent .sideBar .mainMenuEntry{
+	margin:10px 0 10px 30px;
+	padding:8px 10px 8px 10px
+}
+.warpContent .sideBar .mainMenuEntry h3{
+	text-align:right;
+	font-size:14px;
+	font-weight:600;
+	cursor:pointer
+}
+.warpContent .sideBar .mainMenuEntry ul {
+	display:none
+}
+.warpContent .sideBar .mainMenuEntry ul li{
+	text-align:right;
+	margin:8px 0 0 0
+}
+.warpContent .sideBar .mainMenuEntry ul li a:hover{
+	padding:0 5px 0 0
+}
+.warpContent .sideBar .mainMenuEntry ul li a.now {
+	padding:0 10px 0 0;
+	font-weight:600;
+	color:#993333;
+	cursor:default
+}
+.warpContent .sideBar .mainMenuEntry ul li a.now:hover {
+	
+}
+.warpContent .sideBar .menuHover {
+	background:#fff
+}
+.warpContent .sideBar .menuHover h3{
+	padding:0 0 5px 0;
+	border-bottom:1px dashed #d2d2d2;
+	cursor:default
+}
+.warpContent .sideBar .menuHover ul{
+	display:block
+}
+.warpContent .sideBar .adminInfo {
+	margin:10px 0 0 30px
+}
+.warpContent .mainContent {
+	margin:0 0 0 200px;
+	padding:10px 0 10px 10px
+}
+.mainContent .helpContent .listEntry {
+	margin: 10px 0;
+	background:url(iconSlideup.png) no-repeat 0 7px;
+	padding:0 16px
+}
+.mainContent .helpContent .listEntry h3{
+	cursor:pointer;
+	font-size:14px;
+	padding:5px 8px 0 5px;
+	color:#00A0E9
+}
+.mainContent .helpContent .listEntry h3 span{
+	color:#999
+}
+.mainContent .helpContent .listEntry h3:hover{
+	font-weight:600
+}
+.mainContent .helpContent .listEntry .listItem {
+	display:none;
+	border-bottom:1px dashed #ededed;
+	padding:0 8px 10px 8px;
+	margin:0 0 20px 0
+}
+.mainContent .helpContent .listEntry .listItem p {
+	line-height:22px;
+	color:#666
+}
+.mainContent .helpContent .listEntry .listItem p img {
+	padding:3px;
+	background:#f3f3f3;
+	border:1px solid #dfdfdf
+}
+.helpContent .qDone {
+	margin:20px 0 0 0;
+	padding:15px 15px;
+	background:#f7f7f7;
+	float:left
+}
+.mainContent .helpContent .listEntryDown {
+	background:url(iconSlidedown.png) no-repeat 0 7px
+}
+
+.mainContent .helpContent .listEntryDown h3 {
+	font-weight:600
+}
+.mainContent .formPage h3{
+	font-size:16px;
+	font-weight:600;
+	padding:0 0 10px 0;
+	margin:0 0 10px 0;
+	border-bottom:1px dashed #ccc
+}
+.mainContent .formPage li {
+	margin:0 0 10px 0
+}
+.mainContent .formPage .postList {
+	margin:10px 0
+}
+.mainContent .formPage .postList li {
+	border-bottom:1px dashed #f2f2f2;
+	padding:0 0 5px 0;
+	margin:0 0 5px 0
+}
+.mainContent .formPage .postList li .editBar a{
+	margin:0 5px;
+	color:#ccc
+}
+.mainContent .formPage .postList li .editBar a:hover{
+	color:#FF6500
+}
+.mainContent .formPage .pageBar {
+	text-align:center;
+	margin:20px 0 0 0
+}
+.mainContent .formPage .pageBar a{
+	margin:0 5px;
+	color:#0061DE;
+	padding:2px 6px;
+	margin:0 3px 0 0;
+	border:1px solid #dedfde
+}
+.mainContent .formPage .pageBar a:hover{
+	background:#0061de;
+	border-color:#000;
+	color:#fff
+}
+.mainContent .formPage .pageBar a.current{
+	border-color:#fff;
+	color:#FF6500;
+	font-weight:600;
+	cursor:default
+}
+.mainContent .formPage .pageBar a.current:hover{
+	border-color:#fff;
+	color:#FF6500;
+	cont-weight:600;
+	background:#fff
+}
+.mainContent .formPage .pageBar a.inactivePrev{
+	border-color:#fff;
+	color:#ccc;
+	cursor:default
+}
+.mainContent .formPage .pageBar a.inactivePrev:hover{
+	background:#fff
+}
+.mainContent .catePage dl{
+	margin:20px 0;
+	width:350px
+}
+.mainContent .catePage dl dt{
+	font-size:14px;
+	margin:0 0 10px 0;
+	font-weight:600
+}
+.mainContent .catePage dl dd{
+	margin:0 0 5px 0;
+	padding:0 0 5px 0;
+	border-bottom:1px dashed #f2f2f2
+}
+.loginContent {
+	background:#fff
+}
+.loginContent .loginPanel {
+	margin:100px 0 100px 350px
+}
+.loginContent .loginPanel dt{
+	font-size:18px;
+	margin:15px 0 5px 0
+}
+.loginContent .loginPanel dd input {
+	width:200px;
+	height:22px;
+	line-height:22px;
+	font-size:18px;
+	padding:5px
+}
+.loginContent .loginPanel dd button {
+	margin:20px 0 0 0;
+	width:210px;
+	padding:5px;
+	text-align:center
+}
+.warpFooter {
+	margin-top:15px;
+	padding-top:10px;
+	border-top:1px solid #f1f1f1
+}
+.warpFooter .tel {
+	font-size:20px;
+	color:#ff7e00
+}
+.warpFooter .copyright {
+	color:#ccc
+}
+.fbList li {
+	margin:0 0 40px 0;
+	padding:0 0 0 0;
+	color:#666
+}
+.qItem .qImg,.aItem .aImg{
+	width:48px;
+	height:48px;
+	background:url(qaImg.png) no-repeat
+}
+.aItem .aImg{
+	background-position:0 -48px
+}
+.qItem .qContent,.aItem .aContent {
+	padding:10px;
+	margin:0 58px 0 48px;
+	background:#FDF7ED;	
+}
+.qItem .qContent,.aItem .aContent p{
+	line-height:22px
+}
+.aItem {margin:5px 0 0 0}
+.aItem .aContent {
+	background:#EAFAEA;
+	margin:0 48px 0 58px
+}
+.fbList li .fbInfo{
+	background:#999;
+	padding:0 5px;
+	height:20px;
+	color:#fff;
+	margin:0 0 0 48px
+}
+.categoryList dt {
+	margin:0 0 10px 0;
+	color:#ccc
+}
+.categoryList dt a{
+	display:inline-block;
+	*display:inline;
+	*zoom:1;
+	color:#333;
+	padding:5px 0 5px 30px;
+	width:160px;
+	font-weight:600
+}
+.categoryList dt a:hover{
+	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat 10px 5px
+}
+.categoryList dt span {
+	margin:0 0 0 30px
+}
+.categoryList dd a{
+	padding:8px 0 8px 30px;
+	display:inline-block;
+	*display:inline;
+	*zoom:1;
+	width:160px;
+	color:#666
+}
+.categoryList dd a:hover{
+	background:#f2f2f2;
+	color:#333;
+	text-decoration:none
+}
+.categoryList dd a.now{
+	color:#6c9e00;
+	border-left:5px solid #90C61A;
+	font-weight:600;
+	padding-left:25px;
+	cursor:default
+}
+.categoryList dd a.now:hover{
+	background:none;
+	text-decoration:none;
+}
+.categoryList dd a span{
+	padding-right:16px;
+	background:url(catrgoryListMoreArrow.png) no-repeat right center
+}
+.helpContent {line-height:22px}
+.helpContent h2.conTitle {
+	font-size:22px;
+	margin:0 0 15px 0
+}
+.helpContent blockquote{
+	margin:10px;
+	padding:10px;
+	background:#f2f2f2
+}
+.helpContent img{
+	padding:3px;
+	border:1px solid #ccc;
+	background:#ccc;
+	margin:5px
+}
+.helpContent a img{
+	border:1px solid #999
+}
+.helpContent a:hover img{
+	border:1px solid #ccc;
+	box-shadow: 0 0 5px 0 #999;
+	background-color: #ff6501;
+}
+.helpContent table th {
+	background:#f2f2f2;
+	padding:5px 8px
+}
+.helpContent table td {
+	border-bottom:1px solid #ccc;
+	padding:5px 8px
+}
+.subCategoryList li{
+	margin:10px 0
+}
+.subCategoryList li a{
+	font-size:14px
+}
+.subCategoryList li a span{
+    background: url(catrgoryListMoreArrow.png) no-repeat scroll right center transparent;
+    padding-right: 16px;
+  }
+a.backIndex {
+	margin:0 0 15px 0;
+	display:inline-block;
+	*display:inline;
+	*zoom:1;
+	background:#f2f2f2 url(categoryListLeftArrow.gif) no-repeat left center;
+	padding:3px 5px 3px 16px;
+	color:#666;
+	border-radius:5px;
+	box-shadow:1px 1px 1px -1px #999
+}

index4.html

@@ -9,6 +9,7 @@
 	<script src=js/jquery-1.7.1.min.js></script>
 	<script src=js/smartcost_socus.js></script>
 	<link rel=stylesheet href=css/2017/style.css>
+	<script charset="utf-8" src="https://wpa.b.qq.com/cgi/wpa.php"></script>
 </head>
 <body>
 	<div class="warp-header">
@@ -19,75 +20,77 @@
 			<div class="header-nav fL">
 				<ul>
 					<li class="nav-main">
-						<h2>产品<span class="nav-icon icon-up"></span></h2>
+						<h2>产品下载<span class="nav-icon icon-up"></span></h2>
 						<div class="nav-drop nav-dropdown hide">
 							<dl>
-								<dt class="">造价软件<span class="nav-icon icon-right"></span></dt>
-								<dd class="nav-dropdown-content hide" style="height:450px">
-									<ul>
-										<li><a href="http://smartcost.com.cn/product/7">公路造价</a></li>
-										<li><a href="http://smartcost.com.cn/product/19">计量支付</a></li>
-										<li><a href="http://smartcost.com.cn/product/18">结算决算</a></li>
-										<li><a href="http://smartcost.com.cn/product/16">材料调差</a></li>
-										<li><a href="http://smartcost.com.cn/product/10">养护造价</a></li>
-										<li><a href="http://smartcost.com.cn/product/20">固化清单</a></li>
-										<li><a href="http://smartcost.com.cn/product/15">公路算量</a></li>
-										<li><a href="http://smartcost.com.cn/product/17">0号台账编制</a></li>
-										<li><a href="http://smartcost.com.cn/product/11">标后预算</a></li>
-										<li><a href="http://smartcost.com.cn/product/8">广东公路造价(标准化2011)</a></li>
-									</ul>
-								</dd>
+							<dt class=""><a href="/product/24" target="_blank">公路造价</a></dt>
 							</dl>
 							<dl>
-								<dt>造价服务<span class="nav-icon icon-right"></span></dt>
-								<dd class="nav-dropdown-content hide" style="height:250px">
-									<ul>
-										<li><a href="http://smartcost.com.cn/train" target="_blank">纵横职业培训</a></li>
-										<li><a href="http://zhzdwk.com" target="_blank">纵横知道·文库</a></li>
-										<li><a href="http://zhzdwd.comn" target="_blank">纵横知道·问答</a></li>
-										<li><a href="http://zhzdjg.com" target="_blank">纵横知道·价格信息</a></li>
-									</ul>
-								</dd>
+							<dt><a href="/product/19" target="_blank">计量支付结算决算</a></dt>
 							</dl>
 							<dl>
-								<dt>应用<span class="nav-icon icon-right"></span></dt>
-								<dd class="nav-dropdown-content hide" style="height:150px">
-									<ul>
-										<li><a href="http://sso.smartcost.com.cn" target="_blank">通行账号</a></li>
-										<li><a href="http://qy.smartcost.com.cn" target="_blank">工程晴雨表</a></li>
-									</ul>
-								</dd>
+							<dt><a href="/product/16" target="_blank">材料调差</a></dt>
+							</dl>
+							<dl>
+							<dt><a href="/product/23" target="_blank">养护造价</a></dt>
+							</dl>
+							<dl>
+							<dt><a href="/product/20" target="_blank">固化清单</a></dt>
+							</dl>
+							<dl>
+							<dt><a href="/product/15" target="_blank">公路算量</a></dt>
+							</dl>
+							<dl>
+							<dt><a href="/product/8" target="_blank">广东公路造价(标准化2011)</a></dt>
 							</dl>
 						</div>
 					</li>
 					<li class="nav-main">
-						<h2>支持<span class="nav-icon icon-up"></span></h2>
-						<div class="nav-drop hide">
-							<dl>
-								<dt><a href="http://smartcost.com.cn/help">使用帮助</a></dt>
-							</dl>
+						<h2>造价服务<span class="nav-icon icon-up"></span></h2>
+						<div class="nav-drop nav-dropdown hide">
 							<dl>
-								<dt><a href="http://smartcost.com.cn/news">新闻中心</a></dt>
+							<dt><a href="/train" target="_blank">纵横专业培训</a></dt>
 							</dl>
 							<dl>
-								<dt><a href="http://smartcost.com.cn/genuine/authentication">真伪查询</a></dt>
+							<dt><a href="http://sso.smartcost.com.cn" target="_blank">通行账号</a></dt>
 							</dl>
 							<dl>
-								<dt><a href="http://smartcost.com.cn/contact">联系我们</a></dt>
+							<dt><a href="http://zhzdwk.com" target="_blank">文库</a></dt>
 							</dl>
 							<dl>
-								<dt><a href="http://smartcost.com.cn/aboutUs">走进纵横</a></dt>
+							<dt><a href="http://zhzdwd.com" target="_blank">问答</a></dt>
 							</dl>
 						</div>
 					</li>
+					<li class="nav-main active">
+						<h2><a href="/contact" target="_blank">联系我们</a></h2>
+					</li>
 					<li class="nav-main">
-						<h2><a>支持</a></h2>
+						<h2>支持<span class="nav-icon icon-up"></span></h2>
+						<div class="nav-drop hide">
+						<dl>
+						<dt><a href="http://help.smartcost.com.cn" target="_blank">帮助中心</a></dt>
+						</dl>
+						<dl>
+						<dt><a href="/news" target="_blank">新闻动态</a></dt>
+						</dl>
+						<dl>
+						<dt><a href="/genuine/authentication" target="_blank">真伪查询</a></dt>
+						</dl>
+						<dl>
+						<dt><a href="/aboutUs" target="_blank">走进纵横</a></dt>
+						</dl>
+						</div>
+					</li>
+					<li class="nav-main text">
+					    <h3>全国服务热线：0756-3850888</h3>
+					    <div class="qq-online" id="BizQQWPA" title="企业QQ在线客服"></div>
 					</li>
 				</ul>
 			</div>
 			<div class="header-search">
-				<a class="search-icon" title="展开搜索框"></a>
-				<div class="search-bar hide">
+				<!-- <a class="search-icon" title="展开搜索框"></a> -->
+				<div class="search-bar">
 					<select><option>帮助中心</option><option>文章</option><option>产品</option></select>
 					<input tyoe="text" class="search-input" placeholder="输入搜索内容">
 					<input value="搜索" type="submit" class="search-submit">
@@ -250,4 +253,7 @@
 	<script type="text/javascript">
 	    autoFlashHeight();
 	</script>
+	<script type="text/javascript">
+	    BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 800003850, selector: 'BizQQWPA'});
+	</script>
 </body>

product - video.html

@@ -60,40 +60,40 @@
 									<img src="img/video.png">
 									<h3>横V9特点动画教程完整版</h3>
 									<div class="videoCon">
-										<span class="playBtn"><b></b>播放</span>
-										<span href="#" class="downBtn"><b></b>下载</span>
+										<span class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
 									</div>
 								</li>
 								<li>
 									<img src="img/video.png">
 									<h3>纵横V9特点动画教程完整版</h3>
 									<div class="videoCon">
-										<span class="playBtn"  data-toggle="modal" href="#myModal"  data-keyboard="false" data-backdrop="ture"><b></b>播放</span>
-										<span href="#" class="downBtn"><b></b>下载</span>
+										<span class="playBtn"  data-toggle="modal" href="#myModal"  data-keyboard="false" data-backdrop="ture"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
 									</div>
 								</li>
 								<li>
 									<img src="img/video.png">
 									<h3>纵横V9特点动画教程完整版</h3>
 									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span>
-										<span href="#" class="downBtn"><b></b>下载</span>
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
 									</div>
 								</li>
 								<li>
 									<img src="img/video.png">
 									<h3>纵横V9特点动画教程完整版</h3>
 									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span>
-										<span href="#" class="downBtn"><b></b>下载</span>
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
 									</div>
 								</li>
 								<li>
 									<img src="img/video.png">
 									<h3>纵横V9特点动画教程完整版</h3>
 									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span>
-										<span href="#" class="downBtn"><b></b>下载</span>
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
 									</div>
 								</li>
 							</ul>

video2.html

@@ -31,21 +31,65 @@
 			<style>.videoItem li{margin:0 18px 30px;_margin:0 16px 30px}</style>
 			<div class="index">
 					<h2>透过纵横案例学公路新定额</h2>			
-					<span>因文件大小或网络问题，需要一定时间加载视频，请耐心等候！您也可以><a href="" target="_blank">直接下载</a><本视频教程。</span>
 					<div class="softVideo">
-						<div class="videoItem">
-							<!--视频代码-->
-							<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="858" height="558" id="Untitled-1" align="middle">
-<param name="movie" value="http://d1.smartcost.com.cn/video/play/1.swf" />
-<param name="quality" value="high" />
-<param name="bgcolor" value="#ffffff" />
-<embed src="http://d1.smartcost.com.cn/video/play/1.swf" quality="high" bgcolor="#ffffff" width="858" 
-   height="558" name="mymovie" align="middle" allowScriptAccess="sameDomain" 
-   type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
-</object>
-							<!--视频代码-->
+						<!--教程的视频列表-->
+						<div class="videoItem video-mini-list">
+							<h1>本教程包含5个视频</h1>
+							<ul class="clearfix">
+								<li>
+									<img src="img/video.png">
+									<h3>横V9特点动画教程完整版</h3>
+									<div class="videoCon2">
+										<span class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
+									</div>
+								</li>
+								<li class="active">
+									<img src="img/video.png">
+									<h3>纵横V9特点动画教程完整版</h3>
+									<div class="videoCon2">
+										<span class="playBtn"  data-toggle="modal" href="#myModal"  data-keyboard="false" data-backdrop="ture"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
+									</div>
+								</li>
+								<li>
+									<img src="img/video.png">
+									<h3>纵横V9特点动画教程完整版</h3>
+									<div class="videoCon2">
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
+									</div>
+								</li>
+								<li>
+									<img src="img/video.png">
+									<h3>纵横V9特点动画教程完整版</h3>
+									<div class="videoCon2">
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
+									</div>
+								</li>
+								<li>
+									<img src="img/video.png">
+									<h3>纵横V9特点动画教程完整版</h3>
+									<div class="videoCon2">
+										<span href="#" class="playBtn"><b></b>播放</span><!-- 
+										<span href="#" class="downBtn"><b></b>下载</span> -->
+									</div>
+								</li>
+							</ul>
+						</div>
+						<!--当前播放视频-->
+						<div class="video-view">
+							<h2>纵横V9特点动画教程完整版</h2>
+							<span>因文件大小或网络问题，需要一定时间加载视频，请耐心等候！您也可以><a href="" target="_blank">直接下载</a><本视频教程。</span>
+								<div class="videoItem">
+									<!--视频代码-->
+									<video width="778" height="640" controls="controls">
+									  <source src="http://d1.video.smartcost.com.cn/video/play/2018/step11.mp4" type="video/mp4" />
+									</video>
+									<!--视频代码-->
+								</div>
 						</div>
-						<div class="bottomSpace"></div>
 					</div>
 			</div>
 		</div>