root / liepin · 提交

转到一个项目

作者 景龙
提交 7b571bdab95f1238a2ac03a5f9f21d7a2113fd6b 1 个父辈 395e0888
1 个管道 的构建 失败 耗费 2 秒

渲染移动端页面

内嵌 并排对比
正在显示 100 个修改的文件 包含 2802 行增加 和 22 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 100 of 100+ 个文件。

... ... @@ -33,8 +33,7 @@ class Index extends Frontend
$this->description = $description['value'];
}
public function index()
{
public function index(){
//普通新闻列表
$custom = Db::name('custom')
->field('id,url,image,weigh')
... ... @@ -57,11 +56,22 @@ class Index extends Frontend
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
$custom = Db::name('custom')
->field('id,url,image,weigh')
->limit(4)
->order('weigh','desc')
->select();
$this->assign('mobileCustom',$custom);
return $this->fetch('/mobile/index');
}else{
return $this->fetch();
}
}
public function news()
{
//新闻资讯
public function news(){
//普通新闻列表
$news = Db::name('news')
->where('flag','<>','index')
... ... @@ -88,7 +98,17 @@ class Index extends Frontend
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
$mobileHot = Db::name('news')
->where(['flag'=>'hot'])
->order('weigh','desc')
->select();
$this->assign('mobileHot',$mobileHot);
return $this->fetch('/mobile/news');
}else{
return $this->fetch();
}
}
public function loadNews(){
... ... @@ -123,52 +143,109 @@ class Index extends Frontend
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/news_detail');
}else{
return $this->fetch();
}
}
public function map()
{
//加载地图
public function map(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/map');
}else{
return $this->fetch();
}
}
public function course()
{
//课程体系
public function course(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/course');
}else{
return $this->fetch();
}
}
public function contact()
{
public function contact(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/contact');
}else{
return $this->fetch();
}
}
public function business()
{
//业务介绍
public function business(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/business');
}else{
return $this->fetch();
}
}
public function about()
{
//关于我们
public function about(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
return $this->fetch();
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/about');
}else{
return $this->fetch();
}
}
//关于我们更多
public function guidelines(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/guidelines');
}else{
return $this->fetch();
}
}
//公司介绍
public function introduce(){
//SEO标题关键字，描述
$this->assign('title',$this->title);
$this->assign('keys',$this->keys);
$this->assign('description',$this->description);
$isMobile = Request()->isMobile();
if($isMobile){
return $this->fetch('/mobile/introduce');
}else{
return $this->fetch();
}
}
}
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/about.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- 公司概述 -->
<div class="main1">
<div class="title">
<h1>公司概述</h1>
<p>COMPANY OVERVIEW</p>
</div>
<div class="con_txt con_txt1">
<p>九州纵横是中国领先的解决员工动力和能力问题的咨询机构。聚焦于股权激励和人才发展两大业务领域，为企业提供胜任力模型搭建、人才测评、人才盘点、企业大学构建、继任者计划、后备干部甄选与培养、中高层领导力和胜任力提升、企业内训和游戏化学习等系统服务，致力于为新经济背景下的中国企业构建核心竞争力，提供精准一站式解决方案。</p>
<p style="margin-top: 0.2rem;">截至2019年01月01日，九州纵横已拥有138个行业研究中心、300个TOP企业研究数据库和数千企业咨询案例库。公司团队实力雄厚，采用当下流行的“合伙人”运作模式，共有各类全职合伙人1628人，其中89%具有10年以上管理咨询经验、培训经验或企业高管经验。</p>
</div>
</div>
<!-- 业务逻辑 -->
<div class="main1">
<div class="title">
<h1>业务逻辑</h1>
<p>BUSINESS LOGIC</p>
</div>
<!-- 动力闭环 -->
<div>
<!--<div class="main1_h">-->
<!--动力闭环-->
<!--</div>-->
<div class="con_txt con_txt2">
<p>企业竞争的本质是人才动力和能力的竞争。通过股权管理和激励从人性角度改善员工动力，以此为基础导入科学、系统的人才发展体系，让员工在有动力的前提下学习，激发个人潜能，从而推动组织发展，提高组织运作效能，确保组织目标实现，提高企业股权价值。形成员工正向激励和企业持续增长的闭环。</p>
</div>
<img class="ring" src="__CDN__/assets/mobileStyle/images/donglibihuan@2x.png">
<ul class="ring_bottom">
<li>
<img class="rb_left" src="__CDN__/assets/mobileStyle/images/dongli@2x.png">
<div class="rb_right">
<h1>动力</h1>
<p>动力是员工做好工作的基础，是努力向上的意愿，是克服困难的源泉。</p>
</div>
</li>
<li>
<img class="rb_left" src="__CDN__/assets/mobileStyle/images/nengli@2x.png">
<div class="rb_right">
<h1>能力</h1>
<p>能力是员工提高效率的基础，是推升绩效的工具，是创造价值的保障。</p>
</div>
</li>
</ul>
</div>
</div>
<!-- 业务结构 -->
<div class="main3">
<div class="main3_content">
<div class="main3_tit">
<h1>业务结构</h1>
<h2>BUSINESS STRUCTURE</h2>
</div>
<div class="main3_box">
<div class="m3_box1">
<ul class="m3_box1_1">
<li>
<img src="__CDN__/assets/mobileStyle/images/hehuo@2x.png">
<p>合伙人1</p>
</li>
<li>
<img src="__CDN__/assets/mobileStyle/images/hehuo@2x.png">
<p>合伙人1</p>
</li>
<li>
<img src="__CDN__/assets/mobileStyle/images/hehuo@2x.png">
<p>合伙人1</p>
</li>
<li>
<img src="__CDN__/assets/mobileStyle/images/hehuo@2x.png">
<p>合伙人N</p>
</li>
</ul>
<ul class="m3_box1_2">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="main3_boxCenter">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
<h2>九州纵横</h2>
</div>
<div class="main3_bottom">
<div class="m3_bo1">
<img src="__CDN__/assets/mobileStyle/images/guquanguanli@2x.png">
<h1>股权管理</h1>
<p style="margin-top: 0.12rem">企业法人治理股</p>
<p>股权激励</p>
</div>
<div class="m3_bo2">
<div class="bor">人才动力</div>
<div>知识动力</div>
</div>
<div class="m3_bo3">
<img src="__CDN__/assets/mobileStyle/images/rencai@2x.png">
<h1>人才发展</h1>
</div>
<div class="bo3_area">
<dl>
<dd>人才测评</dd>
<dd>人才盘点</dd>
<dd>胜任力模型搭建</dd>
<dd>学习地图设计</dd>
<dd class="bo3_top1">职业生涯规划</dd>
<dd>企业内训</dd>
</dl>
<dl>
<dd>中高层领导力发展</dd>
<dd>中高层胜任力发展</dd>
<dd>后后各干部甄选与培养</dd>
<dd>继任计划</dd>
<dd>人才梯队发展</dd>
<dd class="bo3_top">新员工职业化</dd>
<dd>拓展培训</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<!-- 商业准则 -->
<div class="main4">
<div class="main4_tit main3_tit">
<h1>商业准则</h1>
<h2>BUSINESS RULES</h2>
</div>
<div class="main4_con">
<p>我们的核心商业准则是帮助客户提升员工动力和能力。</p>
<p>我们期望成为所在领域里最优秀的公司，而不一定是规模最大的公司。</p>
<p>我们认为与短期商业价值相比，陪伴客户共同成长更重要。</p>
<p>我们的客户是独一无二的。</p>
<p>我们无比重视九州纵横的声誉。</p>
<a href="/index/index/guidelines"><button>了解更多</button></a>
</div>
</div>
<!-- footer -->
<footer></footer>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>业务介绍</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/business.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- 股权激励 -->
<div class="main">
<div class="title">
<h1>股权激励</h1>
<p>EQUITY INCENTIVE</p>
</div>
<div class="main_con">
<ul>
<li>
<a>初创型服务</a>
<div class="main_con_txt">
九州纵横根据初创型公司的不同特点，针对企业法人治理结构和股权激励做顶层预设，确保初创型企业在发展壮大的过程中，创始股东的权益始终得到保障，核心成员的动力始终得到激励。
</div>
</li>
<li>
<a>成长型服务</a>
<div class="main_con_txt">
九州纵横根据不同行业成长型企业的不同特点，设计不同的股权激励方案，持续不断的激发员工动力，构建企业竞争的底层优势。同时，我们以科学的股权激励整体方案落地系统和先进的咨询式培训手段，将方案涉及的核心精髓嫁给企业，和企业携手，陪伴企业一起成长。
</div>
</li>
<li>
<a>成熟型服务</a>
<div class="main_con_txt">
随着企业运作的日渐成熟，诸如：核心人才被挖脚或自立山头、股权关系日渐敏感、核心员工激情衰退等一系列问题逐渐浮出水面。九州纵横将结合丰富的行业研究经验，以独立的视角、独到的策略和独特的落地手法为成熟型企业提供基于人性的动力系统整体解决方案。
</div>
</li>
<li>
<a>企业法人治理</a>
<div class="main_con_txt">
为充分保证创始人股东及其他股东的合法权益，协调股东与企业的利益关系，九州纵横在遵纪守法的基础上，帮助创始股东建立以职责明确为纽带的协调运转和有效制衡的企业法人治理结构，为企业发展做好顶层安全保障。
</div>
</li>
<li>
<a>股权激励</a>
<div class="main_con_txt">
股权激励是一种智慧、是一种模式、是一种机制、是一种系统，最后才是一种结果。九州纵横通过对众多实施股权激励的失败案例进行分析，建设性地研发了支撑股权激励落地的“3T10D”动力模型系统。帮助企业在落地股权激励方案时避免急功近利、维次混乱、本末倒置等陷阱，以管理学、组织行为学和心理学等理论为基础，以实践经验做保障，使股权激励激励效果最大限度显性化。
</div>
</li>
</ul>
</div>
</div>
<!-- 人才发展 -->
<div class="main2">
<div class="main2_top">
<div class="main2_left">
<img src="__CDN__/assets/mobileStyle/images/ke.png">
<p></p>
</div>
<div class="main_right">
<h1>人才发展</h1>
<p>TALENT DEVELOPMENT</p>
</div>
</div>
<p class="main2_bottom">九州纵横认为企业间的竞争归根到底是人才的竞争。只有对人才进行基于战略的发展和有效管理，才能推动组织发展，帮助企业建立长期竞争优势。这其中包括对关键人才的招募、识别、培养、留任和继任等环节。</p>
<p class="main2_bottom" style="margin-top: 0.2rem">九州纵横依托庞大的合伙人队伍为企业人才发展提供陪伴式系统解决方案，内容涵盖：胜任力模型搭建、人才测评、人才盘点、企业大学构建、继任者计划、后备干部甄选与培养、中高层领导力和胜任力提升、职业生涯的规划与发展、绘制学习地图、企业内训、拓展培训等服务，用专业能力确保人才发展项目顺利落地实施。</p>
</div>
<!-- footer -->
<footer></footer>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
// 股权 展开效果
$('.main_con ul li a').each(function(){
$(this).click(function(){
$(this).next('.main_con_txt').slideToggle(300);
})
})
$(function () {
parseURL();
});
function parseURL(){
var str=location.href; //取得整个地址栏
var url = str.split("?")[1];
var url2 = url.split("=")[1];
console.log(url2);
$('html,body').animate({scrollTop:url2},'slow');
}
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>股权激励</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/detail.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body class="con_body">
<!-- header -->
<div class="container">
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- main -->
<div class="main">
<!-- banner -->
<div class="banner">
<img src="__CDN__/assets/mobileStyle/images/ban.png">
</div>
<div class="contact_box">
<div class="contact_boxT">
<ul>
<li>
<div class="circle">咨询电话</div>
<p class="mail">+86 10 8567 9988</p>
</li>
<li>
<div class="circle">邮箱</div>
<p class="mail">Info@chinacrossing.cn</p>
</li>
<li>
<div class="circle">媒体合作</div>
<p class="mail">pr@chinacrossing.cn</p>
</li>
</ul>
</div>
<!--<div class="contact_box2">-->
<!--<ul>-->
<!--<li>-->
<!--<div class="main_icon">-->
<!--<div class="main_icon2">-->
<!--<img src="__CDN__/assets/mobileStyle/images/dianhua.png">-->
<!--</div>-->
<!--</div>-->
<!--<div class="contact_txt">-->
<!--<h1>咨询电话</h1>-->
<!--<p>+86 10 8567 9988 </p>-->
<!--</div>-->
<!--</li>-->
<!--<li>-->
<!--<div class="main_icon">-->
<!--<div class="main_icon2">-->
<!--<img src="__CDN__/assets/mobileStyle/images/dianhua.png">-->
<!--</div>-->
<!--</div>-->
<!--<div class="contact_txt">-->
<!--<h1>邮箱</h1>-->
<!--<p>Info@chinacrossing.cn</p>-->
<!--</div>-->
<!--</li>-->
<!--<li>-->
<!--<div class="main_icon">-->
<!--<div class="main_icon2">-->
<!--<img src="__CDN__/assets/mobileStyle/images/dianhua.png">-->
<!--</div>-->
<!--</div>-->
<!--<div class="contact_txt">-->
<!--<h1>媒体合作</h1>-->
<!--<p>pr@chinacrossing.cn</p>-->
<!--</div>-->
<!--</li>-->
<!--</ul>-->
<!--</div>-->
<div class="contact_box3">
<iframe src="/index/index/map" frameborder="0" scrolling="no"></iframe>
</div>
<div class="contact_box4">
<div class="contact_txt1">
<h2>公司地址</h2>
<p>北京市朝阳区北四环中路27号盘古大观A座</p>
</div>
<div class="contact_txt1">
<h2>公司官网</h2>
<p>www.chinacrossing.cn</p>
</div>
<div class="contact_txt1">
<h2>人才招聘</h2>
<p>career@chinacrossing.cn</p>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>课程体系</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/course.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- banner -->
<div class="banner">
<img src="__CDN__/assets/mobileStyle/images/ban2.png">
</div>
<!-- main1 -->
<div class="main1">
<h1>通用行业课程体系</h1>
<p>九州纵横通用行业课程体系涉及：红色党政、宏观经济分析、人力资本、通用管理、销售营销、
金融资本、互联网、国学礼仪、沙盘模拟，共9类一级课题模块，172类二级课题模块，并可实现培训课题
的定制化开发。
</p>
<img src="__CDN__/assets/mobileStyle/images/w1.png">
</div>
<!-- main2 -->
<div class="main2">
<h1>房地产行业课程体系</h1>
<p class="main2_p">九州纵横房地产行业课程体系涉及：地产趋势、规划设计、建筑施工、工程管理、成本采购、运营管理、精装修、销售营销、物业管理、中介销售、国学风水、服务礼仪等26类一级课题模块，课程内容可覆盖地产行业全产业链。</p>
<ul>
<li>
<div class="main2_img">
<img src="__CDN__/assets/mobileStyle/images/dichanfengshui@2x.png">
</div>
<div class="main2_txt main2_txt1">
<span>地产趋势 </span>
<span>土地拓展</span>
<span>规划设计</span>
<span>建筑设施</span>
<span>工程管理 </span>
<span>成本采购</span>
<span>运营管理</span>
<span>精 装 修</span>
<span>营销销售</span>
<span>物业管理</span>
<span>中介销售</span>
<span>地产风水</span>
</div>
</li>
<li>
<div class="main2_txt main2_txt2">
<span>经营管理</span>
<span>企业战略</span>
<span>中层管理</span>
<span>人力资本</span>
<span>财务税务</span>
<span>法&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp律</span>
<span>投资管理</span>
<span>服务礼仪</span>
<span>沙盘管理</span>
</div>
<div class="main2_img">
<img src="__CDN__/assets/mobileStyle/images/jingying@2x.png">
</div>
</li>
<li>
<div class="main2_img">
<img src="__CDN__/assets/mobileStyle/images/shangye@2x.png">
</div>
<div class="main2_txt main2_txt1">
<span>商业地产 </span>
<span>产业地产</span>
<span>文化地产</span>
<span>旅游地产</span>
<span>养老地产</span>
<span>长租公寓</span>
<span>住宅地产</span>
</div>
</li>
</ul>
</div>
<!-- 纵横商学院拓展培训课程体系 -->
<div class="main1 main3">
<h1>拓展培训课程体系</h1>
<p>九州纵横拓展培训课程体系涉及:销售策略、沟通、融合、执行力、领导力、企业文化等不同领域课题千余种。我们坚持安全、收获、乐趣的运作理念，结合丰富的人才发展和学习培训经验，致力于为各类企业设计“定制化”的拓展培训方案。</p>
<img src="__CDN__/assets/mobileStyle/images/w2.png">
</div>
<!-- footer -->
<footer></footer>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商业准则</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/detail.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
<style>
.guide_txt p{
margin-bottom: 0.2rem;
}
</style>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- main -->
<div class="main">
<!-- banner -->
<div class="banner">
<img src="__CDN__/assets/mobileStyle/images/shangyezhunze@2x.png">
</div>
<div class="guide_txt">
<p>我们的核心商业准则是帮助客户提升员工动力和能力。九州纵横的成功依托于客户的成功。无数案例告诉我们，只有持续不断的为客户创造价值，才能分享客户创造的财富。</p>
<p>我们期望成为所在领域里最优秀的公司，而不一定是规模最大的公司。九州纵横精选合作客户，并且只专注于我们可以为客户提供专业服务、创造价值的业务领域。 我们认为与短期商业价值相比，陪伴客户共同成长更重要。</p>
<p>我们的客户是独一无二的。正如这个世界上没有任何两片叶子是完全相同的。九州纵横深入挖掘每一位客户的实际需求，有的放矢的量身设计最具创新性和针对性的解决方案。</p>
<p>我们无比重视九州纵横的声誉。虽然利润和客户满意度对我们同样重要，但是九州纵横的声誉才是我们最宝贵的资产。</p>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/index.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logobai@2x.png">
</a>
<p>九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- banner -->
<div class="banner">
<img src="__CDN__/assets/mobileStyle/images/bannervh.png">
</div>
<!-- main -->
<div class="main1">
<a href="/index/index/introduce">
<div class="main1_content">
<div class="main1_left">
<div class="main1_leftTxt">
<h2>公司介绍</h2>
<h3>ABOUT US</h3>
<p>九州纵横是中国领先的解决员工动力和能力问题的咨询机构。聚焦于股权激励和人才发展两大业务领域，为企业提供股权激励咨询培训、胜任力模型搭建、人才测评、人才盘点、企业大学构建、继任者计划、后备干部甄选与培养、中高层领导力和胜任力提升、企业内训、拓展培训等专业服务，致力于为新经济背景下的中国企业构建核心竞争力，提供精准一站式系统解决方案。</p>
</div>
</div>
<div class="main1_right">
<img src="__CDN__/assets/mobileStyle/images/cheng.png">
</div>
</div>
</a>
</div>
<!-- yd main2 -->
<div class="yd_main2">
<div class="yd_main2tit">
<h3>业务介绍</h3>
<h2>OUR BUSlNESS</h2>
</div>
<div class="main2_content">
<ul>
<a href="business.html">
<li>
<img class="pic_pic" src="__CDN__/assets/mobileStyle/images/guquajili@2x.png">
<!-- <div class="main2_pic">
<img src="images/ren.png">
</div>
<div class="main2_txt">
<h3>股权激励</h3>
<p>EQUITY INCENTIVE</p>
</div> -->
</li>
</a>
<a class="rencai">
<li>
<img class="pic_pic" src="__CDN__/assets/mobileStyle/images/rencaifazhan@2x.png">
<!-- <div class="main2_pic">
<img src="images/ren.png">
</div>
<div class="main2_txt">
<h3>人才发展</h3>
<p>EQUITY INCENTIVE</p>
</div> -->
</li>
</a>
</ul>
</div>
</div>
<!-- main3 -->
<div class="main3">
<div class="main3_tit">
<div class="main3_titPic">
<img src="__CDN__/assets/mobileStyle/images/wenhua.png">
</div>
<div class="main3_titTxt">
<h3>企业文化</h3>
<p>OUR CULTURE</p>
</div>
</div>
<div class="main3_content">
<a >
<div class="con1">
<div class="cx">
<h3>开放共赢</h3>
<h2>OPEN AND WIN-WIN</h2>
</div>
</div>
</a>
<div class="con2">
<a class="con2_list main3_c">
<div>
<div class="cx">
<h3>持续创新</h3>
<h2>CONTINUOUS INNOVATION</h2>
</div>
</div>
</a>
<a class="con2_list main3_c">
<div>
<div class="cx">
<h3>追求卓越</h3>
<h2>PURSUIT OF EXCELLENCE</h2>
</div>
</div>
</a>
<a class="con2_list main3_w">
<div>
<div class="cx">
<h3>专业精进</h3>
<h2>PROFESSIONAL ADVANCEMENT</h2>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- ydmain4 -->
<div class="yd_main4">
<div class="main4_content">
<div class="main4_tit">
<div>
<h2>合作客户</h2>
<h3>COOPERATIVE CLIENT</h3>
</div>
</div>
<div class="main4_box">
<ul>
{volist name="mobileCustom" id="vo"}
<li onclick="detail('{$vo.url}')">
<img src="{$vo.image}">
</li>
{/volist}
</ul>
</div>
</div>
</div>
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
});
$('.rencai').click(function () {
location.href = "business.html?scrollTop=300";
});
function detail($url){
window.location.href = $url;
}
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公司介绍</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/detail.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- banner -->
<div class="banner">
<img src="__CDN__/assets/mobileStyle/images/gongsitu@2x.png">
</div>
<!-- main -->
<div class="main">
<div class="main_txt">
<p>九州纵横是中国领先的解决员工动力和能力问题的咨询机构。聚焦于股权激励、人才发展和学习发展三大业务领域，为企业提供胜任力模型搭建、人才测评、人才盘点、企业大学构建、继任者计划、后备干部甄选与培养、中高层领导力和胜任力提升、企业内训和游戏化学习等系统服务，致力于为新经济背景下的中国企业构建核心竞争力，提供精准一站式解决方案。</p>
<p style="margin-top: 0.2rem">截至2019年01月01日，九州纵横已拥有138个行业研究中心、300个TOP企业研究数据库和数千企业咨询案例库。公司团队实力雄厚，采用当下流行的“合伙人”运作模式，共有各类全职合伙人1628人，其中89%具有10年以上管理咨询经验、培训经验或企业高管经验。</p>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>业务介绍</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/detail.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- main -->
<div class="main">
<!-- banner -->
<div class="banner">
<img src="images/rencai2@2x.png">
</div>
<div class="main_tit">
<h2>人才发展</h2>
<p>TALENT DEVELOPMENT</p>
</div>
<div class="int1_txt">
<p>九州纵横认为企业间的竞争归根到底是人才的竞争。只有对人才进行基于战略的发展和有效管理，才能推动组织发展，为帮助企业建立长期竞争优势。这其中包括对关键人才的招募、识别、培养、留任和继任等环节。九州纵横依托庞大的合伙人队伍为企业人才发展提供陪伴式系统解决方案。内容涵盖：胜任力模型搭建、人才测评、人才盘点、企业大学构建、继任者计划、后备干部甄选与培养、中高层领导力和胜任力提升、职业生涯的规划与发展、绘制学习地图等。</p>
</div>
<div class="int1_bot">
<h1>业务介绍</h1>
<a href="introduce_y2.html">股权激励</a>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>业务介绍</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/detail.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!-- header -->
<div class="container">
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- banner -->
<div class="banner">
<img src="images/guquanjili2@2x.png">
</div>
<!-- main -->
<div class="main">
<div class="main_tit">
<h2>股权激励</h2>
<p>EQUITY INCENTIVE</p>
</div>
<div class="int1_txt">
<p>九州纵横向中国新经济背景下的初创型企业、成长型企业和成熟型企业提供全方位的企业法人治理和股权激励解决方案。帮助企业创始人维护股东权益，帮助企业员工提升工作动力。</p>
</div>
<ul class="int2_list">
<li>
<p>A.初创型服务</p>
<p>九州纵横根据初创型公司的不同特点，针对企业法人治理结构和股权激励做顶层预设，确保初创型企业在发展壮大的过程中，创始股东的权益始终得到保障，核心成员的动力始终得到激励。</p>
</li>
<li>
<p>B.成长型服务</p>
<p>九州纵横根据不同行业成长型企业的不同特点，设计不同的股权激励方案，持续不断的激发员工动力，构建企业竞争的底层优势。同时，我们以科学的股权激励整体方案落地系统和先进的咨询式培训手段，将方案涉及的核心精髓嫁给企业，和企业携手，陪伴企业一起成长。</p>
</li>
<li>
<p>C.成熟型服务</p>
<p>随着企业运作的日渐成熟，诸如：核心人才被挖脚或自立山头、股权关系日渐敏感、核心员工激情衰退等一系列问题逐渐浮出水面。九州纵横将结合丰富的行业研究经验，以独立的视角、独到的策略和独特的落地手法为成熟型企业提供基于人性的动力系统整体解决方案。 </p>
</li>
<li>
<p>D.企业法人治理</p>
<p>企业法人治理 为充分保证创始人股东及其他股东的合法权益，协调股东与企业的利益关系，九州纵横在遵纪守法的基础上，帮助创始股东建立以职责明确为纽带的协调运转和有效制衡的企业法人治理结构，为企业发展做好顶层安全保障。</p>
</li>
<li>
<p>E.股权激励</p>
<p>股权激励是一种智慧、是一种模式、是一种机制、是一种系统，最后才是一种结果。九州纵横通过对众多实施股权激励的失败案例进行分析，建设性地研发了支撑股权激励落地的“3T10D”动力模型系统。帮助企业在落地股权激励方案时避免急功近利、维次混乱、本末倒置等陷阱，以管理学、组织行为学和心理学等理论为基础，以实践经验做保障，使股权激励激励效果最大限度显性化。</p>
</li>
</ul>
<div class="int1_bot">
<h1>业务介绍</h1>
<a href="introduce_y1.html">人才发展</a>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>
<!--引用百度地图API-->
<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.anchorBL{
display: none !important;
}
.BMap_Marker label{
display: none !important;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<!--百度地图容器-->
<div style="width:100%;height:379px;" id="dituContent"></div>
</body>
<script type="text/javascript">
//创建和初始化地图函数：
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMarker();//向地图中添加marker
}
//创建地图函数：
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(116.393223,39.992000);//定义一个中心点坐标
map.centerAndZoom(point,15);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
}
//地图事件设置函数：
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}
//地图控件添加函数：
function addMapControl(){
}
//标注点数组
var markerArr = [{title:"九州纵横",content:"九州纵横",point:"116.391771|39.998090",isOpen:0,icon:{w:23,h:25,l:23,t:21,x:9,lb:12}}
];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//创建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();//创建和初始化地图
</script>
</html>
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新闻资讯</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/news.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
</head>
<body>
<div class="container">
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- main -->
<div class="main">
<div class="main_tit">
<img src="__CDN__/assets/mobileStyle/images/remen@2x.png">
<p>热门文章</p>
</div>
<div class="main_con">
<ul>
{volist name="mobileHot" id="vo"}
<li>
<div class="main_left">
<p class="left1">{:date('Y-m',$vo.createtime)}</p>
<p class="left2">{:date('d',$vo.createtime)}</p>
</div>
<div class="main_right">
<h1>{$vo.name}</h1>
<p>{$vo.description}</p>
<a href="/index/index/news_detail?id={$vo.id}"><div class="more">阅读全文</div></a>
</div>
</li>
{/volist}
</ul>
</div>
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热门文章</title>
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/base.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/public.css">
<link rel="stylesheet" type="text/css" href="__CDN__/assets/mobileStyle/css/news.css">
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/base.js"></script>
<style>
.art_txt img{
max-width:100%;
}
</style>
</head>
<body>
<div class="container">
<!-- header -->
<div class="header">
<div class="header_content">
<div class="logo">
<a href="index.html">
<img src="__CDN__/assets/mobileStyle/images/logohei@2x.png">
</a>
<p style="color: black">九州纵横</p>
</div>
<div class="header_right">
<p></p>
</div>
</div>
<div class="dh_down">
<ul>
<li><a href="/">首页</a></li>
<li><a href="/index/index/about">关于我们</a></li>
<li><a href="/index/index/business">业务介绍</a></li>
<li><a href="/index/index/course">课程体系</a></li>
<li><a href="/index/index/news">新闻资讯</a></li>
<li><a href="/index/index/contact">联系我们</a></li>
</ul>
</div>
</div>
<!-- art -->
<div class="art_main">
<div class="art_title">
<h1>{$detail.name}</h1>
<span>发布时间：{$detail.createtime}</span>
</div>
<div class="art_txt">
<!--<p>HR好不容易招来的新员工，没来几天就走了，现在已经成了很多企业的心病。</p>-->
<!--<p>要解决这个问题，首先要分析导致新员工流失的主要原因，然后对症下药，才能有效改善企业的留人问题。</p>-->
{$detail.content}
</div>
<!--<div class="art_problem">-->
<!--<ul>-->
<!--<li>-->
<!--<div class="art_proTitle">-->
<!--<p class="art_num">01</p>-->
<!--<p class="art_txt2">新员工为什么总是存活率不高？</p>-->
<!--</div>-->
<!--<div class="art_proCon">-->
<!--<p>根据公开调研数据，新员工普遍的存活率只有70-80%，也就是说有将近20%-30%的人流失了。-->
<!--所谓家家有本难念的经，每个企业都有自身的不足和短板。-->
<!--而随着年轻求职者心态越来越浮躁，对工作以外的期望值越来越高，如此高居不下的流失率也就不足为奇了。-->
<!--</p>-->
<!--</div>-->
<!--</li>-->
<!--<li>-->
<!--<div class="art_proTitle">-->
<!--<p class="art_num">02</p>-->
<!--<p class="art_txt2">如何提高新员工的存活率？</p>-->
<!--</div>-->
<!--<div class="art_proCon">-->
<!---->
<!--</div>-->
<!--</li>-->
<!--</ul>-->
<!--</div>-->
</div>
<!-- footer -->
<footer></footer>
</div>
<script type="text/javascript" src="__CDN__/assets/mobileStyle/js/jquery.js"></script>
<script type="text/javascript">
$('footer').load('__CDN__/assets/mobileStyle/public/footer.html');
$('.header_right').click(function(){
$('.dh_down').slideToggle();
})
</script>
</body>
</html>
\ No newline at end of file
... ...
.main1{
margin:0.3rem 0.32rem 0;
padding-bottom: 0.2rem;
}
.title h1,.main3_tit h1{
font-size:0.34rem;
font-weight:600;
color:#181818;
}
.title h1:after{
content: "";
width:0.5rem;
margin:0.1rem 0;
display: block;
border-bottom:0.03rem solid #C50101;
}
.title p{
font-size:0.26rem;
font-weight:600;
color:rgba(74,74,74,1);
}
.con_txt1{
margin-top: 0.4rem;
}
.con_txt p{
font-size:0.24rem;
font-weight:400;
line-height: 0.38rem;
color:rgba(153,153,153,1);
}
.main1_h{
width:2.36rem;
height:0.68rem;
background:#C4C4C4;
font-size:0.32rem;
font-weight:400;
line-height:44px;
color:#FFFFFF;
margin-top: 0.1rem;
text-align: center;
line-height: 0.68rem;
}
.con_txt2{
margin-top: 0.28rem;
}
.ring{
width: 82%;
display: block;
margin-left: 1.03rem;
}
.ring_bottom li{
display: flex;
display: -webkit-flex;
margin-top: 0.42rem;
align-items: center;
}
.rb_left{
width: 0.8rem;
}
.rb_right{
margin-left: 0.16rem;
}
.rb_right h1{
font-size:0.3rem;
font-weight:600;
color:#141520;
}
.rb_right h1:after{
content: "";
width:0.32rem;
margin-top:0.06rem;
display: block;
border-bottom:0.04rem solid #C50101;
}
.rb_right p{
margin-top: 0.06rem;
font-size:0.24rem;
font-weight:400;
line-height:0.32rem;
color:#141520;
}
/*main3*/
.main3{
padding: 0 0.21rem;
box-sizing: border-box;
width:100%;
padding-bottom: 2.2rem;
background:#F7F7F7;
}
.main3_content{
width:100%;
margin:0.4rem auto 0;
}
.main3_tit{
margin-left: auto;
text-align: right;
padding-top: 0.4rem;
}
.main3_tit h1:after{
content: "";
width:0.58rem;
height:0.04rem;
margin:0.1rem 0;
display: block;
background:#C50101;
margin-left: auto;
}
.main3_tit h2{
font-size:0.26rem;
font-weight:600;
color:rgba(74,74,74,1);
}
.main3_box{
margin-top:0.3rem;
}
.m3_box1 .m3_box1_1{
display: flex;
display: -webkit-flex;
}
.m3_box1 .m3_box1_1 li{
margin-right:0.48rem;
}
.m3_box1 .m3_box1_1 li img{
width:0.35rem;
height:0.3rem;
margin: auto;
}
.m3_box1 .m3_box1_1 li:last-child{
margin-left: auto;
margin-right:0;
}
.m3_box1_1 li p{
font-size:0.22rem;
font-weight:500;
line-height:0.5rem;
color:#C4C4C4;
text-align: center;
}
.m3_box1_2{
position: relative;
width:6.05rem;
height:0.43rem;
display: flex;
display: -webkit-flex;
border-bottom:1px dashed rgba(196,196,196,1);
margin: auto;
}
.m3_box1_2:after{
content: "";
width:1px;
height:0.43rem;
display: block;
position: absolute;
top:0.44rem;
left:0rem;
right: 0;
margin: auto;
border-left:1px dashed #C4C4C4;
}
.m3_box1_2 li{
width:1px;
height:0.43rem;
margin-right:1.2rem;
border-left:1px dashed #C4C4C4;
}
.m3_box1_2 li:last-child{
margin-left: auto;
margin-right:0;
}
.main3_boxCenter{
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
margin-top:0.5rem;
}
.main3_boxCenter img{
width:0.6rem;
height:0.6rem;
}
.main3_boxCenter h2{
font-size:0.3rem;
font-weight:600;
color:rgba(102,102,102,1);
}
.main3_bottom{
display: flex;
display: -webkit-flex;
position: relative;
}
.m3_bo1{
}
.m3_bo1 img{
width: 0.73rem;
height: 0.64rem;
margin: auto;
}
.m3_bo1 h1,.m3_bo3 h1{
cursor: pointer;
text-align: center;
font-size:0.28rem;
font-weight:500;
color:#666666;
}
.m3_bo1 p{
margin-top:0.04rem;
text-align: center;
font-size:0.22rem;
cursor: pointer;
font-weight:400;
color:#999999;
}
.m3_bo2{
width:3.66rem;
height:0.59rem;
margin:0.2rem 0.05rem 0;
display: flex;
display: -webkit-flex;
border-bottom:1px dashed #C4C4C4;
}
.m3_bo2 div{
width:1.83rem;
text-align: center;
box-sizing: border-box;
font-size:0.22rem;
font-weight:400;
line-height:0.6rem;
color:#999999;
}
.m3_bo2 .bor{
border-right:1px dashed #C4C4C4;
}
.m3_bo3 img{
width:0.48rem;
height:0.5rem;
margin: auto;
}
.m3_bo3 h1{
margin:0.12rem 0px;
}
.bo3_area{
right: 0.1rem;
top: 1.1rem;
position: absolute;
display: flex;
display: -webkit-flex;
}
.bo3_area dl{
margin-left:0.14rem;
text-align: center;
}
.bo3_area dl dd{
cursor: pointer;
font-size:0.22rem;
font-weight:400;
line-height:0.34rem;
color:#999999;
}
.bo3_top1{
margin-top: 0.46rem;
}
.bo3_top{
margin-top:0.14rem;
}
.main4_tit{
margin:0 0.32rem;
}
.main4 .main3_tit h2{
color:rgba(20,21,32,0.5);
}
.main4_con{
width: 100%;
height: 4.67rem;
margin-top: 0.34rem;
padding:0.8rem 0.44rem 0 0.64rem;
box-sizing: border-box;
background-size: 100% 100%;
background-image:url('../images/yewujieshao@2x.png');
}
.main4_con p{
margin-bottom: 0.12rem;
font-size:0.24rem;
font-weight:400;
line-height:0.32rem;
color:rgba(255,255,255,1);
}
.main4_con button{
display: block;
width:1.76rem;
border: 0;
text-align: center;
line-height: 0.64rem;
font-size:0.3rem;
font-weight:400;
margin-top: 0.3rem;
color:rgba(255,255,255,1);
height:0.64rem;
background:rgba(197,1,1,1);
}
... ...
/*css默认样式*/
body{
font-family: "微软雅黑";
}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
margin: 0;
padding: 0
}
fieldset,img {
border: 0
}
img {
display: block
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal
}
ul,ol {
list-style: none }
input {
padding-top: 0;
padding-bottom: 0;
font-family: "SimSun","宋体"
}
input::-moz-focus-inner {
border: 0;
padding: 0
}
select,input {
vertical-align: middle
}
select,input,textarea {
margin: 0
}
input[type="text"],input[type="password"],textarea {
outline-style: none;
-webkit-appearance: none
}
textarea {
resize: none
}
table {
border-collapse: collapse
}
/*css默认样式*/
\ No newline at end of file
... ...
.main{
width: 100%;
background-size: 100% 100%;
background-image: url(../images/yewujieshao@2x.png);
}
.title{
padding-top: 0.7rem;
}
.title h1{
text-align: center;
font-size:0.34rem;
font-weight:500;
color:#FFFFFF;
}
.title h1:after{
content: "";
width:0.28rem;
height:0.04rem;
display: block;
margin:0.1rem auto;
background-color:#C50101;
}
.title p{
text-align: center;
font-size:0.26rem;
font-weight:500;
color:#FFFFFF;
}
.main_con{
margin: 0.7rem 0rem 0;
padding-bottom: 0.3rem;
}
.main_con ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-direction: column;
}
.main_con ul li{
margin-bottom: 0.26rem;
/*margin-bottom: 0.32rem;
width:100%;
padding: 0.05rem 0;
border:0.02rem solid #FFFFFF;
font-size:0.3rem;
font-weight:400;
line-height:0.64rem;
text-align: center;*/
}
.main_con ul li a{
width:5rem;
margin: auto;
padding: 0.05rem 0;
border:0.02rem solid #FFFFFF;
font-size:0.3rem;
font-weight:400;
line-height:0.64rem;
text-align: center;
display: block;
color:#FFFFFF;
text-decoration: none;
}
.main_con_txt{
display: none;
width: 6rem;
margin:0.2rem auto 0;
font-size: 0.2rem;
color: white;
line-height: 0.36rem;
}
.main2{
margin: 0 0.32rem;
padding-bottom: 0.36rem;
}
.main2_top{
display: flex;
display: -webkit-flex;
}
.main2_left{
position: relative;
}
.main2_left img{
position: absolute;
top: 0.4rem;
left: 0.3rem;
width:2.73rem;
height:2.13rem;
}
.main2_left p{
margin: 0.6rem 0 0 0.58rem;
width: 2.62rem;
height: 2.26rem;
border:2px solid #C50101;
}
.main_right{
margin-top: 0.94rem;
margin-left: 0.24rem;
}
.main_right h1{
font-size:0.34rem;
font-weight:600;
color:rgba(24,24,24,1);
}
.main_right h1:after{
content: "";
width:0.5rem;
display: block;
height:0.04rem;
margin: 0.1rem 0;
background:rgba(197,1,1,1);
}
.main_right p{
width: 1.94rem;
font-size:0.26rem;
font-weight:600;
color:rgba(74,74,74,0.5);
}
.main2_bottom{
margin-top: 0.48rem;
font-size: 0.26rem;
font-weight:400;
line-height:0.4rem;
color:rgba(153,153,153,1);
}
\ No newline at end of file
... ...
.banner img{
width: 100%;
}
.main1{
padding: 0 0.32rem 0.36rem;
margin-top:0.5rem;
}
.main1 h1,.main2 h1{
text-align: center;
font-size:0.35rem;
font-weight: 600;
color:#141520;
}
.main1 p{
margin-top: .2rem;
font-size:0.23rem;
line-height: 0.36rem;
font-weight:400;
text-align: center;
color:rgba(153,153,153,1);
}
.main1 img{
width: 100%;
margin-top: 0.3rem;
}
.main2{
padding: 0 0.6rem;
background-color: #F7F7F7;
}
.main2 h1{
padding-top: 0.48rem;
}
.main2_p{
margin-top: 0.16rem;
text-align: center;
font-size:0.24rem;
font-weight:400;
line-height:0.34rem;
color:rgba(20,21,32,0.7);
}
.main2 ul{
margin-top: 0.54rem;
}
.main2 ul li{
align-items: center;
display: flex;
display: -webkit-flex;
padding-bottom: 0.46rem;
}
.main2_img img{
width: 1.44rem;
height: 1.44rem;
}
.main2_txt{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.main2_txt1{
margin-left: 0.32rem;
}
.main2_txt2{
margin-right: 0.32rem;
}
.main2_txt span{
text-align: center;
width: 25%;
line-height:0.4rem;
font-size:0.24rem;
display: block;
font-weight:400;
color:rgba(20,21,32,1);
}
.main3{
padding-bottom: 0.8rem;
}
\ No newline at end of file
... ...
html,body{
height: 100%;
}
.container{
display: flex;
flex-direction: column;
height:100%;
}
.main{
flex:1;
}
.header{
flex: 0 0 auto;
}
.footer{
flex: 0 0 auto;
}
/*公司介绍*/
.banner img{
width: 100%;
}
.main_txt{
margin:0.32rem;
}
.main_txt p{
font-size:0.26rem;
font-weight:400;
line-height:0.42rem;
color:rgba(102,102,102,1);
}
.main_tit{
text-align: center;
margin-top: 0.5rem;
}
/*业务介绍*/
.main_tit h2,.int1_bot h1{
font-size:0.3rem;
font-weight:600;
color:rgba(51,51,51,1);
}
.main_tit h2:after{
content: "";
width:0.24rem;
height:0.04rem;
display: block;
margin:0.08rem auto 0.04rem;
background:rgba(197,1,1,1);
}
.main_tit p{
font-size:0.2rem;
color:rgba(51,51,51,1);
}
.int1_txt{
margin: 0.32rem 0.32rem 0;
}
.int1_bot{
margin: 0.5rem 0.32rem 0.38rem;
}
.int1_txt p{
font-size:0.24rem;
font-weight:400;
line-height:0.36rem;
color:rgba(23,22,20,1);
}
.int1_bot a{
display: block;
margin-top: 0.14rem;
text-decoration: none;
font-size:0.24rem;
font-weight:400;
color:rgba(197,1,1,1);
}
/*业务介绍2*/
.int2_list{
padding: 0 0.32rem;
margin-top: 0.2rem;
}
.int2_list li p{
font-size:0.24rem;
font-weight:400;
line-height:0.4rem;
color:rgba(102,102,102,1);
}
/*企业文化*/
.int1_bot_t{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.int1_bot_t a{
width: 25%
}
/*商业准则*/
.guide_txt{
margin:0.48rem 0.32rem;
}
.guide_txt p{
font-size:0.24rem;
font-weight:400;
line-height:0.36rem;
color:#171614;
}
/*联系我们*/
.con_body{
background-color: #F7F7F7;
}
.contact_box{
position: relative;
top:-0.46rem;
margin: 0 0.32rem;
padding-bottom: 0.4rem;
background-color: white;
}
.contact_box2{
padding-top:1.08rem;
}
.contact_boxT ul{
overflow: hidden;
margin-bottom: 0.6rem;
}
.contact_boxT ul li{
margin-top: 0.3rem;
}
.circle{
width: 2rem;
height: 2rem;
margin: 0 auto 0.2rem;
border-radius: 100%;
color: #333;
text-align: center;
font-size: 0.34rem;
line-height: 2rem;
background: #f8f8f8;
}
.mail{
margin-bottom: 0.1rem;
color: #777;
text-align: center;
font-size: 0.24rem;
}
.contact_box3{
width: 6.56rem;
height: 3.33rem;
margin: 0 0.16rem;
}
.contact_box2 ul{
display: flex;
flex-wrap: wrap;
display: -webkit-flex;
justify-content: space-around;
}
.contact_box2 ul li{
position: relative;
width: 43%;
height: 2rem;
margin-bottom: 0.8rem;
border:0.02rem solid rgba(196,196,196,1);
}
.main_icon{
position: absolute;
left: 0;
right: 0;
margin: auto;
top:-0.46rem;
cursor: pointer;
width:0.9rem;
height:0.9rem;
box-sizing: border-box;
border-radius:50%;
border:1px dashed rgba(196,196,196,1);
}
.main_icon2{
width:0.7rem;
height:0.7rem;
margin:0.09rem;
overflow: hidden;
border-radius:50%;
background:#C4C4C4;
}
.main_icon2 img{
width:0.4rem;
height:0.4rem;
margin:0.13rem auto;
}
.contact_txt{
text-align: center;
padding-top: 0.66rem;
}
.contact_txt h1{
font-size:0.26rem;
line-height: 1;
font-weight:600;
color:rgba(74,74,74,1);
}
.contact_txt p{
line-height: 1;
font-size:0.26rem;
margin-top: 0.2rem;
font-weight:400;
color:rgba(74,74,74,1);
}
iframe{
width: 100%;
height: 100%
}
.contact_txt1{
margin-top: 0.3rem;
padding: 0 0.32rem;
}
.contact_txt1 h2{
font-size:0.26rem;
font-weight:700;
color:rgba(74,74,74,1);
}
.contact_txt1 p{
font-size:0.26rem;
margin-top: 0.06rem;
font-weight:400;
color:rgba(74,74,74,1);
}
.guide_txt p{
margin-bottom: 0.2rem;
}
... ...
.header_content{
display: flex;
display: -webkit-flex;
align-items: center;
padding: 0 0.2rem;
}
.header{
position: relative;
height: 1rem;
background-color: black;
}
.logo{
height: 1rem;
display: flex;
display: -webkit-flex;
align-items: center;
}
.logo img{
width:0.7rem;
height:0.7rem;
}
.logo p{
color: white;
font-size: 0.34rem;
}
.header_right{
margin-left: auto;
}
.header_right p{
width: 0.6rem;
height:0.6rem;
background-size: 100% 100%;
background-image:url(../images/daohang22.png);
}
.dh_down{
display: none;
z-index: 1;
position: absolute;
top: 0.9rem;
width: 100%;
height:5.72rem;
background-size: 100% 100%;
background-image: url('../images/xiala@2x.png');
}
.dh_down ul{
margin: 0.6rem 1.28rem 0;
}
.dh_down ul li a{
height: 0.78rem;
line-height: 0.86rem;
border-bottom: 1px solid #646464;
text-align: center;
text-decoration: none;
display: block;
font-size:0.24rem;
font-weight:400;
color:rgba(255,255,255,1);
}
/*banner*/
.banner{
position: relative;
width:100%;
height: 93vh;
background: black;
}
.banner img{
width: 100%;
height: 100%;
}
/*main*/
.main1{
position: relative;
width: 100%;
margin-top: 0.8rem;
padding-bottom: 0.66rem;
}
.main1_content{
width:100%;
margin:auto;
display: flex;
display: -webkit-flex;
}
.main1_right{
position: absolute;
top: -0.4rem;
right: 0.3rem;
margin-left: auto;
}
.main1_right img{
width:3.04rem;
height: 2.9rem;
display: block;
cursor: pointer;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.main1_right img:hover{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.main1_left {
width:6.5rem;
padding:1rem 0.34rem 0.4rem;
box-sizing: border-box;
margin: auto;
border:2px solid #C50101;
}
.main1_left h2,.main3_titTxt h3{
cursor: pointer;
color: #181818;
font-size:0.34rem;
}
.main1_left h2:after,.main3_titTxt h3:after{
content: "";
width:0.5rem;
margin-top:0.1rem;
display: block;
border-bottom:3px solid #C50101;
}
.main1_left h3,.main3_titTxt p{
cursor: pointer;
color: #929292;
font-weight: 500;
font-size:0.27rem;
margin:0.07rem 0 0rem 0;
}
.main1_left p{
margin-top: 0.9rem;
cursor: pointer;
color: #999999;
line-height:0.44rem;
font-size:0.24rem;
}
.yd_main2{
width: 100%;
padding-bottom: 0.74rem;
background-color: #F7F7F7;
}
.yd_main2tit{
padding-top: 0.6rem;
}
.yd_main2tit h3{
text-align: center;
font-size: 0.34rem;
font-weight: bold;
color: #181818;
}
.yd_main2tit h3:after{
content: "";
width: 0.56rem;
display: block;
margin: 0.1rem auto;
border-bottom: 0.03rem solid #C50101;
}
.yd_main2tit h2{
text-align: center;
cursor: pointer;
color: #4A4A4A;
font-weight: 500;
font-size: 0.26rem;
}
.main2_content{
padding-top: 0.3rem;
}
.main2_content ul{
padding: 0 0.22rem;
display: flex;
display: -webkit-flex;
justify-content: space-around;
}
.main2_content ul a{
width:48%;
}
.main2_content ul li{
position: relative;
width: 100%;
padding-bottom:0.2rem;
overflow: hidden;
}
.pic_pic{
width:100%;
}
/*.main2_pic{
width:100%;
}
.main2_pic img{
width:100%;
height:3rem;
cursor: pointer;
}
.main2_txt{
text-align: center;
margin-top:0.12rem;
}
.main2_txt h3{
cursor: pointer;
font-size: 0.3rem;
}
.main2_txt h3:after{
content: "";
width:0.24rem;
display: block;
margin:0.1rem auto;
border-bottom:0.05rem solid #C50101;
}
.main2_txt p{
cursor: pointer;
color: #333333;
font-size: 0.24rem;
}*/
.main2_yewu{
width:360px;
}
.main2_yewu img{
width:100%;
}
/*mian3*/
.main3{
padding-bottom:0.6rem;
}
.main3_titPic{
width:4rem;
margin-top:-0.25rem;
}
.main3_titPic img{
width:100%;
}
.main3_tit{
display: flex;
display: -webkit-flex;
}
.main3_titTxt{
padding:0.1rem 0 0 0.1rem;
}
.main3_content{
padding: 0 0.3rem;
box-sizing: border-box;
width: 100%;
margin:0.4rem auto 0;
}
.con1,.main3_w{
text-align: center;
width:100%;
height:2.6rem;
background:#F5F5F5;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.con1 h3,.con2_list h3{
font-size:0.32rem;
font-weight:400;
color: #181818;
}
.con1 h3:after,.con2_list h3:after{
content: "";
width:0.32rem;
display: block;
margin:0.1rem auto;
border-bottom:0.04rem solid #C50101;
}
.con1 h2,.con2_list h2{
font-size:0.24rem;
color: #292E34;
}
.con2{
flex-wrap: wrap;
position: relative;
margin-top:0.2rem;
display: flex;
display: -webkit-flex;
justify-content:space-between;
}
.main3_c{
width: 48.6%;
height:3.5rem;
}
.main3_w{
margin-top: 0.2rem;
}
.con2 .con2_list{
cursor: pointer;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
text-align: center;
background:#F5F5F5;
}
.yd_main4{
padding-bottom: 0.42rem;
width:100%;
background-color: #FBFBFB;
}
.main4_content{
padding: 0 0.32rem;
box-sizing: border-box;
}
.main4_tit{
display: flex;
display: -webkit-flex;
padding-top:0.6rem;
}
.main4_tit div{
margin-left:auto;
}
.main4_tit h2{
cursor: pointer;
text-align: right;
font-size:0.34rem;
color: #181818;
}
.main4_tit h2:after{
content: "";
margin-left: auto;
padding-top:0.1rem;
width: 0.5rem;
display:block;
border-bottom:0.06rem solid #C50101;
}
.main4_tit h3{
color: #929292;
font-weight: 500;
font-size: 0.27rem;
margin: 0.1rem 0 0rem 0;
}
.main4_box {
margin-top: 0.4rem;
}
.main4_box ul{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main4_box ul li{
width: 48.8%;
height: 1.5rem;
margin-bottom: 0.1rem;
border: 0.02rem solid #E6E6E6;
}
.main4_box ul li img{
width: 100%;
height: 100%;
}
\ No newline at end of file
... ...
.main{
margin-bottom: 0.44rem;
}
.main_tit{
margin-bottom: 0.32rem;
display: flex;
display: -webkit-flex;
align-items: center;
padding-bottom: 0.24rem;
border-bottom:1px solid #F5F5F5;
}
.main_tit img{
padding-left: 0.32rem;
width:0.32rem;
height:0.31rem;
display: block;
}
.main_tit p{
margin-left: 0.28rem;
font-size:0.34rem;
font-weight:600;
color:rgba(20,21,32,1);
}
.main_con{
margin: 0 0.32rem;
}
.main_con ul li{
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
border-bottom: 1px solid #F5F5F5;
padding-bottom: 0.32rem;
margin-bottom: 0.32rem;
}
.main_left{
width:1.12rem;
height:1.12rem;
border:0.02rem solid rgba(196,196,196,1);
}
.main_left p{
text-align: center;
font-family:DIN 1451 Std Mittelschrift;
font-weight:400;
}
.left1{
margin-top: 0.1rem;
font-size: 0.22rem;
color:rgba(153,153,153,1);
}
.left2{
margin-top: 0.06rem;
font-size: 0.38rem;
color:rgba(153,153,153,1);
}
.main_right{
width: 77%;
margin-right: 0.16rem;
}
.main_right h1{
font-size:0.3rem;
font-weight:600;
color:rgba(51,51,51,1);
}
.main_right p{
margin: 0.24rem 0 0.32rem 0;
font-size:0.26rem;
font-weight:400;
line-height: 0.38rem;
color:rgba(102,102,102,1);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.more{
width:1.44rem;
height:0.48rem;
font-size:0.24rem;
text-align: center;
font-weight:400;
line-height:0.48rem;
color:rgba(197,1,1,1);
border:0.02rem solid rgba(197,1,1,1);
}
/*热门文章*/
html,body{
height: 100%;
}
.container{
display: flex;
flex-direction: column;
height: 100%;
}
.art_main,.main{
flex: 1 0 auto;
}
.header{
flex: 0 0 auto;
}
.footer{
flex: 0 0 auto;
}
.art_main{
margin:0.2rem 0.32rem 0.2rem;
}
.art_title h1{
font-size:0.3rem;
font-weight:600;
color:rgba(51,51,51,1);
}
.art_title span{
line-height: 0.4rem;
font-size:0.22rem;
font-weight:400;
display: block;
color:rgba(153,153,153,1);
}
.art_txt{
margin-top: 0.32rem;
}
.art_txt p{
font-size:0.26rem;
font-weight:400;
line-height:0.36rem;
color:rgba(80,80,80,1);
}
.art_problem{
margin-top: 0.32rem;
}
.art_proTitle{
display: flex;
display: -webkit-flex;
align-items: center;
}
.art_problem ul li{
margin-bottom: 0.28rem;
}
.art_num{
text-align: center;
width:0.34rem;
height:0.34rem;
line-height: 0.34rem;
background:rgba(197,1,1,1);
border-radius:50%;
font-size:0.18rem;
font-weight:400;
color:rgba(255,255,255,1);
}
.art_txt2{
margin-left: 0.16rem;
font-size:0.26rem;
font-weight:400;
color:rgba(80,80,80,1);
}
.art_proCon{
margin-top: 0.28rem;
}
.art_proCon p{
font-size:0.26rem;
font-weight:400;
line-height:0.38rem;
color:rgba(80,80,80,1);
}
\ No newline at end of file
... ...
/*header*/
a{
text-decoration: none;
}
.header_content{
display: flex;
display: -webkit-flex;
align-items: center;
padding: 0 0.2rem;
}
.header{
position: relative;
height: 1rem;
background-color: white;
}
.logo{
height: 1rem;
display: flex;
display: -webkit-flex;
align-items: center;
}
.logo img{
width:0.7rem;
height:0.7rem;
}
.logo p{
color: white;
font-size: 0.34rem;
}
.nav{
display: none;
}
.header_right{
margin-left: auto;
}
.header_right p{
width: 0.48rem;
height:0.37rem;
background-size: 100% 100%;
background-image:url(../images/daohang@2x.png);
}
.dh_down{
display: none;
z-index: 1;
position: absolute;
top: 0.9rem;
width: 100%;
height:5.8rem;
background-size: 100% 100%;
background-image: url('../images/xiala@2x.png');
}
.dh_down ul{
margin: 0.7rem 1.28rem 0;
}
.dh_down ul li a{
height: 0.78rem;
line-height: 0.86rem;
border-bottom: 1px solid #646464;
text-align: center;
text-decoration: none;
display: block;
font-size:0.24rem;
font-weight:400;
color:rgba(255,255,255,1);
}
/*footer*/
.footer{
background-color: #292E34;
width: 100%;
padding-bottom: 0.76rem;
}
.footer_logo{
display: flex;
padding: 0.76rem 0 0.3rem;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.footer_logo img{
width:0.9rem;
height:0.9rem;
margin-right: 0.1rem;
}
.footer_logo p{
font-size:0.38rem;
font-weight:500;
line-height:52px;
color:rgba(251,251,251,1);
}
.fNav ul{
padding: 0 0.5rem;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.fNav ul li a{
display: block;
text-decoration: none;
font-size:0.24rem;
font-weight:400;
line-height:34px;
color:rgba(255,255,255,1);
}
.bot {
margin: 0.5rem 0.3rem 0;
border-top: 1px solid #94979A;
}
.bot p{
text-align: center;
font-size:0.2rem;
font-weight:400;
line-height:32px;
color:rgba(255,255,255,1);
opacity:0.5;
}
\ No newline at end of file
... ...