Skip to content

G
ginfinite
Commit 4055cae1 authored by superman's avatar superman
Browse files
Options

v2016-11-01

parents cb8f355e d5a1b056
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 391 additions and 236 deletions
dist/about.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=about> <head> <meta charset=UTF-8> <title>礼瀚-公司介绍/关于礼瀚</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=about> <head> <meta charset=UTF-8> <title>礼瀚-公司介绍/关于礼瀚</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script <script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li> <a href=/ >首页</a> </li> <li class="active company"> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html>动态新闻</a> </li> <li> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=main> <div class=overview> <i></i> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、 证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。 <br/><br/> 公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业 务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。 <br/><br/> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> <div class=enterprise-vision> <i></i> <h1>企业愿景 Enterprise vision</h1> <p> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class="active company"> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=main> <div class=overview> <i></i> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、 证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。 <br/><br/> 公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业 务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。 <br/><br/> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> <div class=enterprise-vision> <i></i> <h1>企业愿景 Enterprise vision</h1> <p> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> 0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
dist/contact.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=contact> <head> <meta charset=UTF-8> <title>礼瀚-联系我们</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=contact> <head> <meta charset=UTF-8> <title>礼瀚-联系我们</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script <script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li> <a href=/ >首页</a> </li> <li class=company> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html>动态新闻</a> </li> <li class=active> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=banner> <img src=images/a7919ef1a4898c846a26f0226b91f13f.jpg alt=banner /> </div> <div class=address-phone> <div class="address-phone-box clear-fl"> <div class="address-phone-left fl"> <div class=tel> <i class="iconfont icon-dianhua"></i> <p> <span>CALL US</span> <br/> +86-0751-8773151 </p> </div> <div class=email> <i class="iconfont icon-m-loginEmail"></i> <p> <span>EMAIL</span> <br/> info@consultplus.com </p> </div> <div class=address> <i class="iconfont icon-dizhi"></i> <p> <span>ADRESS</span> <br/> 浙江.杭州市玉皇山 <br/> 基金小镇甘水巷150号 </p> </div> </div> <div class="address-map fl"></div> </div> </div> <div class=footer> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class=company> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li class=active> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=banner> <img src=images/a7919ef1a4898c846a26f0226b91f13f.jpg alt=banner /> </div> <div class=address-phone> <div class="address-phone-box clear-fl"> <div class="address-phone-left fl"> <div class=tel> <i class="iconfont icon-dianhua"></i> <p> <span>CALL US</span> <br/> 0571-8773151 </p> </div> <div class=email> <i class="iconfont icon-m-loginEmail"></i> <p> <span>EMAIL</span> <br/> info@consultplus.com </p> </div> <div class=address> <i class="iconfont icon-dizhi"></i> <p> <span>ADRESS</span> <br/> 浙江.杭州市玉皇山 <br/> 基金小镇甘水巷150号 </p> </div> </div> <div class="address-map fl"></div> </div> </div> <div class=footer> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
dist/culture.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=culture> <head> <meta charset=UTF-8> <title>公司介绍-企业文化</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=culture> <head> <meta charset=UTF-8> <title>公司介绍-企业文化</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li> <a href=/ >首页</a> </li> <li class="active company"> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html>动态新闻</a> </li> <li> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=banner> <img src=images/071af320c3118964e4fb67fc40286d69.jpg alt=banner /> <h1> 时代更迭 我们的专业态度不变 <br> 资本流转 你我间的信任不改 <br> </h1> </div> <div class=main-box> <div class=main> <img src=images/831d1be34b0babe7539bac3b4ba13466.jpg alt=li> <img src=images/3b783f7181b9492b5bb4fb84afe61b4b.jpg alt=xin> <img src=images/0ed8eccbb187309ac6dbbd1f35036400.jpg alt=zhong> <img src=images/14937b27816fba1af8cedd0e5b3f8891.jpg alt=zhi> </div> <p class=content> 礼 | 信 | 忠 | 智 </p> </div> <div class=footer> <div class="top bgImg"> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class="active company"> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=banner> <img src=images/071af320c3118964e4fb67fc40286d69.jpg alt=banner /> <h1> 时代更迭 我们的专业态度不变 <br> 资本流转 你我间的信任不改 <br> </h1> </div> <div class=main-box> <div class=main> <img src=images/831d1be34b0babe7539bac3b4ba13466.jpg alt=li> <img src=images/3b783f7181b9492b5bb4fb84afe61b4b.jpg alt=xin> <img src=images/0ed8eccbb187309ac6dbbd1f35036400.jpg alt=zhong> <img src=images/14937b27816fba1af8cedd0e5b3f8891.jpg alt=zhi> </div> <p class=content> 礼 | 信 | 忠 | 智 </p> </div> <div class=footer> <div class="top bgImg"> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> 0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995 号 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
dist/index.css
View file @ 4055cae1
This diff is collapsed.
dist/index.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=index> <head> <meta charset=UTF-8> <title>首页</title> <link rel=stylesheet href=index.css> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=index> <head> <meta charset=UTF-8> <title>首页</title> <link rel=stylesheet href=index.css> </head> <body> <!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li class=active> <a href=/ >首页</a> </li> <li class=company> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html>动态新闻</a> </li> <li> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/426b3ee2486ef66e793b10ff6aedbdd4.jpg alt=banner /> </div> <div class=lihan> <div class=lihan-box> <h1 class=title>关于礼瀚</h1> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、 <br/> 产业基金管理、证券投资为主的资产管理机构。 <br/> 公司于2014年获得私募基金管理人资格。 </p> </div> </div> <div class=service> <img src=images/b5781da7e3a149a832a33bfbf843e60e.jpg alt=rectangle> <div class=service-box> <h1 class=title>礼瀚服务</h1> <div class="category clear-fl"> <div class=fl> <h2>股权<br/>业务</h2> <p>产业并购基金、定增基金、股东增持减持、员工持股平台</p> </div> <div class=fl> <h2>投行<br/>业务</h2> <p>咨询服务、财务顾问、市值管理</p> </div> <div class=fl> <h2>债务<br/>业务</h2> <p>股票质押、股东借款、债务解决方案</p> </div> <div class="fl last"> <h2>证券<br/>业务</h2> <p>固定收益类、宏观资产对冲、 收益类、权益类</p> </div> </div> </div> </div> <div class=investment-field> <div class=investment-field-box> <h2 class=title>主投领域</h2> <h3>金融力量重塑绿水青山</h3> <ul class="category clear-fl"> <li class="fl first">水工程及运营</li> <li class="fl second">大气工程及运营</li> <li class="fl three">固废工程及运营</li> <li class="fl last">检测及环评</li> </ul> </div> </div> <div class=banner-bottom> <img src=images/8e0dd46c05e13876e7e71b669b2a781f.jpg alt=banner /> <div class=banner-bottom-box> <h1> 时代更迭 我们的专业态度不变<br/> 资本流转 你我间的信任不改 </h1> <a href=/culture.html>了解我们</a> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li class=active> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class=company> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/426b3ee2486ef66e793b10ff6aedbdd4.jpg alt=banner /> </div> <div class=lihan> <div class=lihan-box> <h1 class=title>关于礼瀚</h1> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、 <br/> 产业基金管理、证券投资为主的资产管理机构。 <br/> 公司于2014年获得私募基金管理人资格。 </p> </div> </div> <div class=service> <img src=images/b5781da7e3a149a832a33bfbf843e60e.jpg alt=rectangle> <div class=service-box> <div class=service-box-content> <h1 class=title>礼瀚服务</h1> <div class="category clear-fl"> <div class=fl> <h2>股权<br/>业务</h2> <p>产业并购基金、定增基金、股东增持减持、员工持股平台</p> </div> <div class=fl> <h2>投行<br/>业务</h2> <p>咨询服务、财务顾问、市值管理</p> </div> <div class=fl> <h2>债务<br/>业务</h2> <p>股票质押、股东借款、债务解决方案</p> </div> <div class="fl last"> <h2>证券<br/>业务</h2> <p>固定收益类、宏观资产对冲、 收益类、权益类</p> </div> </div> </div> </div> </div> <div class=investment-field> <div class=investment-field-box> <h2 class=title>主投领域</h2> <h3>金融力量重塑绿水青山</h3> <ul class="category clear-fl"> <li class="fl first">水工程及运营</li> <li class="fl second">大气工程及运营</li> <li class="fl three">固废工程及运营</li> <li class="fl last">检测及环评</li> </ul> </div> </div> <div class=banner-bottom> <img src=images/8e0dd46c05e13876e7e71b669b2a781f.jpg alt=banner /> <div class=banner-bottom-box> <h1> 时代更迭 我们的专业态度不变<br/> 资本流转 你我间的信任不改 </h1> <a href=/culture.html>了解我们</a> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> 0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
dist/index.js
View file @ 4055cae1
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/news.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=news> <head> <meta charset=UTF-8> <meta name=X-UA-Compatible content="IE=edge"/> <meta name=viewport content="width=device-width"/> <title>礼瀚-动态新闻</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=news> <head> <meta charset=UTF-8> <title>礼瀚-动态新闻</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script <script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li> <a href=/ >首页</a> </li> <li class=company> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li class=active> <a href=/news.html>动态新闻</a> </li> <li> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=main> <div class=header-img> <img src=images/b8c8a9de6f073a0cffc76d74969b9ed6.jpg alt=banner /> </div> <div class="dynamic-news clear-fl"> <div class=news> <h1>动态新闻|DYNAMIC NEWS</h1> <ul class="clear-fl important-news"></ul> <ul class="clear-fl normal-news"></ul> </div> </div> <div class=case> <h1>案例|CASE</h1> <div class=carouse> <a class=prev> &lt; </a> <a class=next> &gt; </a> <ul class="clear-fl imgs-box" data-i=0></ul> </div> <div class=detail style=height:278px> <ul></ul> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151</span> </div> </div> <div class=bottom>浙备案号： 浙ICP 13006995号 2016. All right reserved.</div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class=company> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li class=active> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=main> <div class=header-img> <img src=images/b8c8a9de6f073a0cffc76d74969b9ed6.jpg alt=banner /> </div> <div class="dynamic-news clear-fl"> <div class=news> <h1>动态新闻|DYNAMIC NEWS</h1> <ul class="clear-fl important-news"></ul> <ul class="clear-fl normal-news"></ul> </div> </div> <div class=case> <h1>案例|CASE</h1> <div class=carouse> <a class=prev> &lt; </a> <a class=next> &gt; </a> <ul class="clear-fl imgs-box" data-i=0></ul> </div> <div class=detail style=height:278px> <ul></ul> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> 0571-8773151</span> </div> </div> <div class=bottom>浙备案号： 浙ICP 13006995号 2016. All right reserved.</div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
dist/team.html
View file @ 4055cae1
<!DOCTYPE html> <html lang=en id=team> <head> <meta charset=UTF-8> <meta name=X-UA-Compatible content="IE=edge"/> <title>公司介绍-团队介绍</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]> <!DOCTYPE html> <html lang=en id=team> <head> <meta charset=UTF-8> <meta name=X-UA-Compatible content="IE=edge"/> <title>公司介绍-团队介绍</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script <script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script> src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li> <a href=/ >首页</a> </li> <li class="active company"> <a href=javascript:;>公司介绍</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html>动态新闻</a> </li> <li> <a href=/contact.html>联系我们</a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/1cfcc95eef33e6a879c8d494beb41b5a.jpg alt=banner /> </div> <div class=team-box> <div class=team> <h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1> <ul class="detail partners"></ul> <div class=arrow> <i class="iconfont icon-01"></i> </div> </div> </div> <div class=introduce-main> <h1>团队介绍| INTRODUCE</h1> <ul class="list partners"></ul> </div> </div> <div class=modal-box> <div class=modal-dialog> <a class=close>&times;</a> <div> <div class="left-pic fl"> <img alt=""/> </div> <div class="right-content fl"> <div> <i class="left-quotes iconfont icon-yinhao"></i> <i class="right-quotes iconfont icon-youyinhao"></i> <h2></h2> <p></p> </div> </div> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html> <![endif]--> <div class=header> <div class=header-box> <a class=logo href=/ ></a> <ul class=nav> <li> <a href=/ > <span>首页</span> <span>HOME</span> </a> </li> <li class="active company"> <a href=javascript:;> <span>公司介绍</span> <span>COMPANY</span> </a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li> <a href=/news.html> <span>动态新闻</span> <span>NEWS</span> </a> </li> <li> <a href=/contact.html> <span>联系我们</span> <span>CONTACT</span> </a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/1cfcc95eef33e6a879c8d494beb41b5a.jpg alt=banner /> </div> <div class=team-box> <div class=team> <h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1> <ul class="partners-leaders partners"></ul> <div class=arrow> <i class="iconfont icon-01"></i> </div> </div> </div> <div class=introduce-main> <h1>团队介绍| INTRODUCE</h1> <ul class="partners-normal partners"></ul> </div> </div> <div class=modal-box> <div class=modal-dialog> <a class=close>&times;</a> <div class=modal-content> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address> <i class="iconfont icon-dizhi"></i> 浙江.杭州市玉皇山基金小镇甘水巷150号 </address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> 0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file \ No newline at end of file
src/pages/about/about.html
View file @ 4055cae1
...@@ -12,12 +12,19 @@ ...@@ -12,12 +12,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class='active company'> <li class='active company'>
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -34,10 +41,16 @@ ...@@ -34,10 +41,16 @@
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li> <li>
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -75,7 +88,7 @@ ...@@ -75,7 +88,7 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
+86-0571-8773151 0571-8773151
</span> </span>
</div> </div>
</div> </div>
......
src/pages/about/about.less
View file @ 4055cae1
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
.main { .main {
margin: 0 auto; margin: 0 auto;
padding-bottom: 40px; padding-bottom: 40px;
min-width: 1200px;
.overview, .overview,
.enterprise-vision { .enterprise-vision {
margin: 0 auto \0; //IE8 margin: 0 auto \0; //IE8
......
src/pages/contact/contact.html
View file @ 4055cae1
...@@ -12,12 +12,19 @@ ...@@ -12,12 +12,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class="company"> <li class="company">
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -34,10 +41,16 @@ ...@@ -34,10 +41,16 @@
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li class="active"> <li class="active">
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -52,7 +65,7 @@ ...@@ -52,7 +65,7 @@
<i class="iconfont icon-dianhua"></i> <i class="iconfont icon-dianhua"></i>
<p> <p>
<span>CALL US</span> <br/> <span>CALL US</span> <br/>
+86-0751-8773151 0571-8773151
</p> </p>
</div> </div>
<div class="email"> <div class="email">
......
src/pages/contact/contact.less
View file @ 4055cae1
...@@ -2,10 +2,14 @@ ...@@ -2,10 +2,14 @@
:global { :global {
#contact { #contact {
.banner > img { .banner {
width: 100%; min-width: 1200px;
& > img {
width: 100%;
}
} }
.address-phone { .address-phone {
min-width: 1200px;
.address-phone-box { .address-phone-box {
margin: 0 auto; margin: 0 auto;
padding: 90px 0; padding: 90px 0;
...@@ -56,9 +60,9 @@ ...@@ -56,9 +60,9 @@
.address-phone-box { .address-phone-box {
width: @cw; width: @cw;
} }
.banner > div { //.banner {
width: @cw; // width: @cw;
} //}
} }
} }
......
src/pages/culture/culture.html
View file @ 4055cae1
...@@ -12,12 +12,19 @@ ...@@ -12,12 +12,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class="active company"> <li class="active company">
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -34,10 +41,16 @@ ...@@ -34,10 +41,16 @@
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li> <li>
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -70,12 +83,12 @@ ...@@ -70,12 +83,12 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
+86-0571-8773151 0571-8773151
</span> </span>
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
浙备案号： 浙ICP 13006995号 2016. All right reserved. 浙备案号： 浙ICP 13006995 号 2016. All right reserved.
</div> </div>
</div> </div>
......
src/pages/culture/culture.less
View file @ 4055cae1
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
#culture {
.banner { .banner {
position: relative; position: relative;
height: 461px; height: 461px;
width: 100%;
min-width: 1200px;
& > img { & > img {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -29,6 +30,7 @@ ...@@ -29,6 +30,7 @@
} }
.main-box { .main-box {
min-width: 1200px;
.main { .main {
& > img { & > img {
margin: 0 0 12px 0; margin: 0 0 12px 0;
...@@ -73,5 +75,5 @@ ...@@ -73,5 +75,5 @@
body { body {
.screen(); .screen();
} }
}
} }
src/pages/index/index.html
View file @ 4055cae1
...@@ -11,12 +11,19 @@ ...@@ -11,12 +11,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li class='active'> <li class='active'>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class="company"> <li class="company">
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -33,10 +40,16 @@ ...@@ -33,10 +40,16 @@
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li> <li>
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -58,23 +71,25 @@ ...@@ -58,23 +71,25 @@
<div class="service"> <div class="service">
<img src="images/rectangle.jpg" alt="rectangle"> <img src="images/rectangle.jpg" alt="rectangle">
<div class="service-box"> <div class="service-box">
<h1 class="title">礼瀚服务</h1> <div class="service-box-content">
<div class="category clear-fl"> <h1 class="title">礼瀚服务</h1>
<div class="fl"> <div class="category clear-fl">
<h2>股权<br/>业务</h2> <div class="fl">
<p>产业并购基金、定增基金、股东增持减持、员工持股平台</p> <h2>股权<br/>业务</h2>
</div> <p>产业并购基金、定增基金、股东增持减持、员工持股平台</p>
<div class="fl"> </div>
<h2>投行<br/>业务</h2> <div class="fl">
<p>咨询服务、财务顾问、市值管理</p> <h2>投行<br/>业务</h2>
</div> <p>咨询服务、财务顾问、市值管理</p>
<div class="fl"> </div>
<h2>债务<br/>业务</h2> <div class="fl">
<p>股票质押、股东借款、债务解决方案</p> <h2>债务<br/>业务</h2>
</div> <p>股票质押、股东借款、债务解决方案</p>
<div class="fl last"> </div>
<h2>证券<br/>业务</h2> <div class="fl last">
<p>固定收益类、宏观资产对冲、 收益类、权益类</p> <h2>证券<br/>业务</h2>
<p>固定收益类、宏观资产对冲、 收益类、权益类</p>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -112,7 +127,7 @@ ...@@ -112,7 +127,7 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
+86-0571-8773151 0571-8773151
</span> </span>
</div> </div>
</div> </div>
......
src/pages/index/index.less
View file @ 4055cae1
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
#index {
.title {
display: inline-block;
padding: 4px 40px;
font-size: 32px;
font-weight: normal;
border: 3px solid transparent;
}
.main { .main {
width: 100%;
.banner { .banner {
position: relative; position: relative;
width: 100%;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
height: 450px; //min-width: 990px;
//height: 450px;
} }
& > h1 { & > h1 {
position: absolute; position: absolute;
...@@ -30,6 +26,7 @@ ...@@ -30,6 +26,7 @@
.lihan { .lihan {
margin: 0 auto; margin: 0 auto;
width: 1200px \0; //IE8 width: 1200px \0; //IE8
min-width: 1200px;
.lihan-box { .lihan-box {
margin: 0 auto; margin: 0 auto;
padding: 70px 0 220px; padding: 70px 0 220px;
...@@ -51,43 +48,49 @@ ...@@ -51,43 +48,49 @@
.service { .service {
position: relative; position: relative;
text-align: center; text-align: center;
width: 100%;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
height: 570px; //min-width: 990px;
//height: 570px;
} }
.service-box { .service-box {
position: absolute; position: absolute;
left: 0;
top: 0; top: 0;
left: 0;
width: 100%; width: 100%;
& > h1 { .service-box-content{
margin-top: 70px;
font-size: 28px;
border-color: #7b7b7b;
}
.category {
margin: 0 auto; margin: 0 auto;
width: 950px; & > h1 {
& > div { margin-top: 70px;
position: relative; font-size: 28px;
margin-right: 50px; border-color: #7b7b7b;
width: 200px; }
&.last { .category {
margin-right: 0; margin: 0 auto;
} width: 950px;
& > h2 { & > div {
margin-bottom: 0; position: relative;
padding-top: 63px; margin-right: 50px;
height: 166px; width: 200px;
font-size: 48px; &.last {
color: #e67e22; margin-right: 0;
background: url(images/polygon.png) no-repeat; }
} & > h2 {
& > p { margin-bottom: 0;
line-height: 24px; padding-top: 63px;
text-align: justify; height: 166px;
font-size: 18px; font-size: 48px;
color: #000; color: #e67e22;
background: url(images/polygon.png) no-repeat;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
}
} }
} }
} }
...@@ -97,8 +100,10 @@ ...@@ -97,8 +100,10 @@
.investment-field-box { .investment-field-box {
margin: 0 auto; margin: 0 auto;
padding: 54px 0 100px 0; padding: 54px 0 100px 0;
width: 1200px \0; //IE8 width: 1120px \0; //IE8
text-align: center; text-align: center;
width: 100%;
min-width: 1120px;
& > h2 { & > h2 {
margin: 0; margin: 0;
font-size: 28px; font-size: 28px;
...@@ -111,7 +116,7 @@ ...@@ -111,7 +116,7 @@
color: #b52626; color: #b52626;
} }
.category { .category {
padding: 0; padding: 0 40px;
li { li {
margin-right: 4%; margin-right: 4%;
padding-top: 184px; padding-top: 184px;
...@@ -138,9 +143,11 @@ ...@@ -138,9 +143,11 @@
position: relative; position: relative;
text-align: center; text-align: center;
color: #fff; color: #fff;
min-width: 1200px;
& > img { & > img {
width: 100%; width: 100%;
height: 474px; //min-width: 990px;
//height: 474px;
} }
& > .banner-bottom-box { & > .banner-bottom-box {
position: absolute; position: absolute;
...@@ -149,7 +156,7 @@ ...@@ -149,7 +156,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
& > h1 { & > h1 {
margin-top: 140px; margin-top: 8%;
font-size: 48px; font-size: 48px;
line-height: 68px; line-height: 68px;
font-weight: normal; font-weight: normal;
...@@ -175,12 +182,32 @@ ...@@ -175,12 +182,32 @@
.rules(@cw); .rules(@cw);
} }
} }
.rules(@cw) { .rules(@cw) {
.lihan-box, .lihan-box,
.investment-field-box { .investment-field-box {
width: @cw; width: @cw;
} }
.main {
.service {
.service-box {
.service-box-content{
width: @cw;
}
}
}
.banner-bottom {
& > .banner-bottom-box{
& > h1 {
font-size: @cw/28.3;
}
}
//width: @cw;
}
.investment-field-box{
width: @cw;
//min-width: 920px;
}
}
} }
} }
...@@ -189,4 +216,4 @@ ...@@ -189,4 +216,4 @@
} }
} }
}
src/pages/news/images/banner-01.jpg
View replaced file @ cb8f355e View file @ 4055cae1
src/pages/news/images/banner-01.jpg

88.8 KB | W: | H:

src/pages/news/images/banner-01.jpg

173 KB | W: | H:

src/pages/news/images/banner-01.jpg
src/pages/news/images/banner-01.jpg
src/pages/news/images/banner-01.jpg
src/pages/news/images/banner-01.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/news/images/banner-02.jpg
View replaced file @ cb8f355e View file @ 4055cae1
src/pages/news/images/banner-02.jpg

104 KB | W: | H:

src/pages/news/images/banner-02.jpg

222 KB | W: | H:

src/pages/news/images/banner-02.jpg
src/pages/news/images/banner-02.jpg
src/pages/news/images/banner-02.jpg
src/pages/news/images/banner-02.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/news/images/banner-03.jpg
View replaced file @ cb8f355e View file @ 4055cae1
src/pages/news/images/banner-03.jpg

77.1 KB | W: | H:

src/pages/news/images/banner-03.jpg

240 KB | W: | H:

src/pages/news/images/banner-03.jpg
src/pages/news/images/banner-03.jpg
src/pages/news/images/banner-03.jpg
src/pages/news/images/banner-03.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/news/images/banner-04.jpg
View replaced file @ cb8f355e View file @ 4055cae1
src/pages/news/images/banner-04.jpg

81.9 KB | W: | H:

src/pages/news/images/banner-04.jpg

228 KB | W: | H:

src/pages/news/images/banner-04.jpg
src/pages/news/images/banner-04.jpg
src/pages/news/images/banner-04.jpg
src/pages/news/images/banner-04.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/news/news.html
View file @ 4055cae1
...@@ -2,8 +2,6 @@ ...@@ -2,8 +2,6 @@
<html lang="en" id="news"> <html lang="en" id="news">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width"/>
<title>礼瀚-动态新闻</title> <title>礼瀚-动态新闻</title>
<link rel="stylesheet" href="index.css"/> <link rel="stylesheet" href="index.css"/>
</head> </head>
...@@ -14,12 +12,19 @@ ...@@ -14,12 +12,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class="company"> <li class="company">
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -36,10 +41,16 @@ ...@@ -36,10 +41,16 @@
</div> </div>
</li> </li>
<li class='active'> <li class='active'>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li> <li>
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -77,7 +88,7 @@ ...@@ -77,7 +88,7 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
+86-0571-8773151</span> 0571-8773151</span>
</div> </div>
</div> </div>
<div class="bottom">浙备案号： 浙ICP 13006995号 2016. All right reserved.</div> <div class="bottom">浙备案号： 浙ICP 13006995号 2016. All right reserved.</div>
......
src/pages/news/news.js
View file @ 4055cae1
...@@ -40,10 +40,10 @@ const caseData = [ ...@@ -40,10 +40,10 @@ const caseData = [
/* 动态新闻数据 */ /* 动态新闻数据 */
const newsData = [ const newsData = [
{ {
title: '礼瀚投资入驻杭州玉皇山南基金小镇', title: '礼瀚团建：毛里求斯——享受自然与冒险',
time: '2016年3月初', time: '2016年9月2日',
href: 'http://mp.weixin.qq.com/s?__biz=MzAxNjAwOTQ3NQ==&mid=402072404&idx=1&sn=bd6fe51fff7aca8d86399d0883aaaa04&scene=1&srcid=0923Dp4MVWYr6NCK1mxp11xs#rd', href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd',
desc: '玉皇山南基金小镇管委会党组书记袁维民特别提到，基金小镇始终明确的功能定位是：要为整个实体经济的转型升级、创新创业服务。金融归根结底要回归实业，没有实业支持，资本市场无法实现健康、良性的发展。', desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。',
src: require('./images/2.jpg') src: require('./images/2.jpg')
}, },
{ {
...@@ -53,13 +53,6 @@ const newsData = [ ...@@ -53,13 +53,6 @@ const newsData = [
desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。', desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。',
src: require('./images/3.jpg') src: require('./images/3.jpg')
}, },
{
title: '礼瀚投资与神雾环保共同构建环保产业金融支持平台',
time: '2016年3月28日',
href: 'http://mp.weixin.qq.com/s?__biz=MzAwMzA3NzY0Mw==&mid=404244897&idx=1&sn=6ef5eb2878871f73430f6d24df468e41&scene=1&srcid=0923rA1ZtImEKIPBHnUbFuRK#rd',
desc: '牵手礼瀚投资，构建环保产业金融支持平台。为了扩展环保产业链，构建环保产业方向的金融支持平台，神雾环保与礼瀚投资签署战略合作协议。在合作协议框架下，公司将充分发挥研发及产业资源渠道优势，并由礼瀚投资把握环保行业的投资机会，取长补短，依托成立私募股权基金、产业并购基金等方式实现产业与金融有机结合。合作双方首期发起设立产业基金规模约3亿元。我们认为该项合作有利于扩展公司业务规模，增强公司的盈利能力。',
src: ''
},
{ {
title: '礼瀚概念的呈现与解读', title: '礼瀚概念的呈现与解读',
time: '2016年8月26日', time: '2016年8月26日',
...@@ -68,10 +61,17 @@ const newsData = [ ...@@ -68,10 +61,17 @@ const newsData = [
src: '' src: ''
}, },
{ {
title: '礼瀚团建：毛里求斯——享受自然与冒险', title: '礼瀚投资与神雾环保共同构建环保产业金融支持平台',
time: '2016年9月2日', time: '2016年3月28日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd', href: 'http://mp.weixin.qq.com/s?__biz=MzAwMzA3NzY0Mw==&mid=404244897&idx=1&sn=6ef5eb2878871f73430f6d24df468e41&scene=1&srcid=0923rA1ZtImEKIPBHnUbFuRK#rd',
desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。', desc: '牵手礼瀚投资，构建环保产业金融支持平台。为了扩展环保产业链，构建环保产业方向的金融支持平台，神雾环保与礼瀚投资签署战略合作协议。在合作协议框架下，公司将充分发挥研发及产业资源渠道优势，并由礼瀚投资把握环保行业的投资机会，取长补短，依托成立私募股权基金、产业并购基金等方式实现产业与金融有机结合。合作双方首期发起设立产业基金规模约3亿元。我们认为该项合作有利于扩展公司业务规模，增强公司的盈利能力。',
src: ''
},
{
title: '礼瀚投资入驻杭州玉皇山南基金小镇',
time: '2016年3月初',
href: 'http://mp.weixin.qq.com/s?__biz=MzAxNjAwOTQ3NQ==&mid=402072404&idx=1&sn=bd6fe51fff7aca8d86399d0883aaaa04&scene=1&srcid=0923Dp4MVWYr6NCK1mxp11xs#rd',
desc: '玉皇山南基金小镇管委会党组书记袁维民特别提到，基金小镇始终明确的功能定位是：要为整个实体经济的转型升级、创新创业服务。金融归根结底要回归实业，没有实业支持，资本市场无法实现健康、良性的发展。',
src: '' src: ''
}, },
]; ];
...@@ -79,7 +79,9 @@ const newsData = [ ...@@ -79,7 +79,9 @@ const newsData = [
function templateImportantNews(value) { function templateImportantNews(value) {
return (` return (`
<li class="fl"> <li class="fl">
<img class="news-left fl" src="${value.src}" alt="news"> <a class="news-left fl" href="${value.href}">
<img src="${value.src}" alt="news">
</a>
<div class="fl news-right"> <div class="fl news-right">
<div> <div>
<h2><a href="${value.href}" title="${value.title}" target="_blank">${value.title}</a></h2> <h2><a href="${value.href}" title="${value.title}" target="_blank">${value.title}</a></h2>
...@@ -135,7 +137,7 @@ export default function () { ...@@ -135,7 +137,7 @@ export default function () {
let len = caseData.length; let len = caseData.length;
caseData.forEach(value=> { caseData.forEach(value=> {
imgArr.push(`<li class="fl"><img src="${value.src}" alt="${value.name}"></li>`); imgArr.push(`<li class="fl"><a href="${value.href}" target="_blank"><img src="${value.src}" alt="${value.name}"></a></li>`);
contentArr.push(` contentArr.push(`
<li> <li>
<div> <div>
......
src/pages/news/news.less
View file @ 4055cae1
...@@ -3,11 +3,14 @@ ...@@ -3,11 +3,14 @@
:global { :global {
#news { #news {
.header-img > img { min-width: 1200px;
height: 400px; .header-img {
width: 100%; min-width: 1200px;
& > img {
height: 400px;
width: 100%;
}
} }
.dynamic-news { .dynamic-news {
margin: 0 auto; margin: 0 auto;
width: 1200px \0; width: 1200px \0;
...@@ -18,9 +21,10 @@ ...@@ -18,9 +21,10 @@
font-size: 24px; font-size: 24px;
} }
& > .important-news > li { & > .important-news > li {
position: relative;
margin: 0 60px 0 0; margin: 0 60px 0 0;
width: 538px \0; width: 538px \0;
height: 306px; //height: 306px;
border: 1px solid #e4ecee; border: 1px solid #e4ecee;
&:last-child, &:last-child,
&.last { &.last {
...@@ -31,12 +35,13 @@ ...@@ -31,12 +35,13 @@
} }
.news-left { .news-left {
display: inline-block; display: inline-block;
width: 50%; width: 40%;
height: 306px; & > img {
width: 100%;
}
} }
.news-right { .news-right {
position: relative; width: 60%;
width: 50%;
height: 100%; height: 100%;
& > div { & > div {
padding: 50px 30px; padding: 50px 30px;
...@@ -59,19 +64,22 @@ ...@@ -59,19 +64,22 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 7; -webkit-line-clamp: 4;
-ms-hyphenate-limit-lines: 7; -ms-hyphenate-limit-lines: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
& > a { & > a {
position: absolute; position: absolute;
bottom: 24px; bottom: 20px;
left: 30px; right: 30px;
padding: 6px 20px; padding: 2px 10px;
font-size: 16px; font-size: 14px;
color: #fff; color: #fff;
border-radius: 20px; border-radius: 20px;
background-color: #4674a9; background-color: #4674a9;
.right-arrow.icon-jiantou-copy:before{
font-size: 14px;
}
} }
} }
} }
...@@ -181,6 +189,7 @@ ...@@ -181,6 +189,7 @@
width: 1200px \0; width: 1200px \0;
height: 312px; height: 312px;
overflow: hidden; overflow: hidden;
cursor: pointer;
.prev, .prev,
.next { .next {
position: absolute; position: absolute;
...@@ -196,7 +205,6 @@ ...@@ -196,7 +205,6 @@
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, .3);
background-color: #aab1b8 \0; background-color: #aab1b8 \0;
z-index: 10; z-index: 10;
cursor: pointer;
&:hover { &:hover {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
background-color: #aab1b8 \0; background-color: #aab1b8 \0;
...@@ -213,8 +221,11 @@ ...@@ -213,8 +221,11 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
& > li > img { & > li > a {
width: 1200px; display: inline-block;
& > img {
width: 1200px;
}
} }
} }
} }
...@@ -231,6 +242,7 @@ ...@@ -231,6 +242,7 @@
} }
.rules(@cw) { .rules(@cw) {
.dynamic-news { .dynamic-news {
width: @cw; width: @cw;
& > .news { & > .news {
......
src/pages/team/team.html
View file @ 4055cae1
...@@ -13,12 +13,19 @@ ...@@ -13,12 +13,19 @@
<![endif]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/">首页</a> <a href="/">
<span>首页</span>
<span>HOME</span>
</a>
</li> </li>
<li class='active company'> <li class='active company'>
<a href="javascript:;">公司介绍</a> <a href="javascript:;">
<span>公司介绍</span>
<span>COMPANY</span>
</a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
...@@ -35,10 +42,16 @@ ...@@ -35,10 +42,16 @@
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html">动态新闻</a> <a href="/news.html">
<span>动态新闻</span>
<span>NEWS</span>
</a>
</li> </li>
<li> <li>
<a href="/contact.html">联系我们</a> <a href="/contact.html">
<span>联系我们</span>
<span>CONTACT</span>
</a>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -50,7 +63,7 @@ ...@@ -50,7 +63,7 @@
<div class="team-box"> <div class="team-box">
<div class="team"> <div class="team">
<h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1> <h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1>
<ul class="detail partners"><!-- {leader} --></ul> <ul class="partners-leaders partners"><!-- {leader} --></ul>
<div class="arrow"> <div class="arrow">
<i class="iconfont icon-01"></i> <i class="iconfont icon-01"></i>
</div> </div>
...@@ -58,24 +71,24 @@ ...@@ -58,24 +71,24 @@
</div> </div>
<div class="introduce-main"> <div class="introduce-main">
<h1>团队介绍| INTRODUCE</h1> <h1>团队介绍| INTRODUCE</h1>
<ul class="list partners"><!-- {team} --></ul> <ul class="partners-normal partners"><!-- {team} --></ul>
</div> </div>
</div> </div>
<div class="modal-box"> <div class="modal-box">
<div class="modal-dialog"> <div class="modal-dialog">
<a class="close">&times;</a> <a class="close">&times;</a>
<div> <div class="modal-content">
<div class="left-pic fl"> <!--<div class="left-pic fl">-->
<img alt=""/> <!--<img alt=""/>-->
</div> <!--</div>-->
<div class="right-content fl"> <!--<div class="right-content fl">-->
<div> <!--<div>-->
<i class="left-quotes iconfont icon-yinhao"></i> <!--<i class="left-quotes iconfont icon-yinhao"></i>-->
<i class="right-quotes iconfont icon-youyinhao"></i> <!--<i class="right-quotes iconfont icon-youyinhao"></i>-->
<h2></h2> <!--<h2></h2>-->
<p></p> <!--<p></p>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> </div>
</div> </div>
</div> </div>
...@@ -89,7 +102,7 @@ ...@@ -89,7 +102,7 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
+86-0571-8773151 0571-8773151
</span> </span>
</div> </div>
</div> </div>
......
src/pages/team/team.js
View file @ 4055cae1
...@@ -8,7 +8,7 @@ import "./team.html"; ...@@ -8,7 +8,7 @@ import "./team.html";
//团队数据 //团队数据
const teamData = [ const teamsData = [
{ {
name: '杨媛', name: '杨媛',
job: '总经理', job: '总经理',
...@@ -66,9 +66,9 @@ export default function() { ...@@ -66,9 +66,9 @@ export default function() {
const $modalBox = $('.modal-box'); const $modalBox = $('.modal-box');
const $close = $('.close', $modalBox); const $close = $('.close', $modalBox);
/* 初始化 */ /* 初始化 */
let lis = teamData.reduce((arr, value)=> { let lis = teamsData.reduce((arr, value,index)=> {
arr.push(` arr.push(`
<li class="partner-pic fl"> <li class="partner-pic fl" data-index=${index}>
<img src="${value.smallImg}" alt=""> <img src="${value.smallImg}" alt="">
<h2>${value.name} ${value.job}</h2> <h2>${value.name} ${value.job}</h2>
</li> </li>
...@@ -76,9 +76,9 @@ export default function() { ...@@ -76,9 +76,9 @@ export default function() {
return arr; return arr;
}, []); }, []);
$('.team .detail').html(lis[0] + lis[1] + lis[2]); $('.team .partners-leaders').html(lis[0] + lis[1] + lis[2]);
lis.splice(0,3); lis.splice(0,3);
$('.introduce-main .list').html(lis.join('')); $('.introduce-main .partners-normal').html(lis.join(''));
/* /*
...@@ -94,19 +94,29 @@ export default function() { ...@@ -94,19 +94,29 @@ export default function() {
* 点击模态框X,模态框隐藏 * 点击模态框X,模态框隐藏
*/ */
$('ul.partners').on('click', 'li', function (e) { $('ul.partners').on('click', 'li', function (e) {
let index = $(this).index(); let teamData = teamsData[$(this).data('index')];
$modalBox.fadeIn(300); $modalBox.fadeIn(300);
$('.left-pic img',$modalBox).attr('src', teamData[index].largeImg);
$('.left-pic h2',$modalBox).html(teamData[index].name); $('.modal-box .modal-content').html(`
$('.left-pic p',$modalBox).html(teamData[index].job); <div class="left-pic fl">
$('.right-content h2',$modalBox).html(teamData[index].name + ' ' + teamData[index].job); <img src="${teamData.largeImg}" alt="${teamData.name}"/>
$('.right-content p',$modalBox).html(teamData[index].desc); </div>
e.stopPropagation(); <div class="right-content fl">
e.preventDefault(); <div>
<i class="left-quotes iconfont icon-yinhao"></i>
<i class="right-quotes iconfont icon-youyinhao"></i>
<h2>${teamData.name} ${teamData.job}</h2>
<p>${teamData.desc}</p>
</div>
</div>
`);
e.stopPropagation();
e.preventDefault();
}); });
$close.on('click', ()=> { $close.on('click', ()=> {
$modalBox.fadeOut(300); $modalBox.fadeOut(300);
$('.modal-box .modal-content').html('');
}) })
} }
src/pages/team/team.less
View file @ 4055cae1
...@@ -4,10 +4,13 @@ ...@@ -4,10 +4,13 @@
:global { :global {
#team { #team {
.main { .main {
.banner > img { .banner {
width: 100%; //min-width: 1200px;
height: 400px; & > img {
display: block; width: 100%;
height: 400px;
display: block;
}
} }
.partner-pic { .partner-pic {
padding: 32px 0 50px 0; padding: 32px 0 50px 0;
...@@ -33,6 +36,7 @@ ...@@ -33,6 +36,7 @@
.team-box { .team-box {
background-color: #d9d9d9; background-color: #d9d9d9;
padding: 44px 0 25px 0; padding: 44px 0 25px 0;
min-width: 1200px;
} }
.team { .team {
margin: 0 auto; margin: 0 auto;
...@@ -44,7 +48,7 @@ ...@@ -44,7 +48,7 @@
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
} }
.detail { .partners-leaders {
&:after { &:after {
content: ''; content: '';
display: block; display: block;
...@@ -71,14 +75,14 @@ ...@@ -71,14 +75,14 @@
& > i { & > i {
display: inline-block; display: inline-block;
transition: transform 300ms; transition: transform 300ms;
transform: rotate(180deg); transform: rotate(0deg);
-webkit-transform: rotate(180deg); -webkit-transform: rotate(0deg);
-moz-transform: rotate(180deg); -moz-transform: rotate(0deg);
&.slideDown { &.slideDown {
transition: transform 300ms; transition: transform 300ms;
transform: rotate(0deg); transform: rotate(180deg);
-webkit-transform: rotate(0deg); -webkit-transform: rotate(180deg);
-moz-transform: rotate(0deg); -moz-transform: rotate(180deg);
} }
} }
} }
...@@ -87,20 +91,21 @@ ...@@ -87,20 +91,21 @@
display: none; display: none;
margin: 0 auto; margin: 0 auto;
width: 1200px \0; //IE8 width: 1200px \0; //IE8
padding-top: 60px; min-width: 1160px;
padding: 60px 0 0 40px;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
clear: both; clear: both;
} }
& > h1 { & > h1 {
margin-bottom: 44px; margin: 0 auto 44px;
padding: 0; padding: 0;
font-size: 24px; font-size: 24px;
color: #343a3b; color: #343a3b;
} }
.partner-pic { .partner-pic {
margin: 0 4% 4% 0; margin: 0 10px 10px 10px;
margin: 0 48px 48px 0 \0; margin: 0 48px 48px 0 \0;
width: 262px \0; width: 262px \0;
text-align: center; text-align: center;
...@@ -129,12 +134,17 @@ ...@@ -129,12 +134,17 @@
top: 50%; top: 50%;
margin-top: -200px; margin-top: -200px;
width: 100%; width: 100%;
height: 300px; //height: 300px;
background: -webkit-linear-gradient(left, #72757d, #aab1b8, #72757d); background: -webkit-linear-gradient(left, #72757d, #aab1b8, #72757d);
background: -moz-linear-gradient(left, #72757d, #aab1b8, #72757d); background: -moz-linear-gradient(left, #72757d, #aab1b8, #72757d);
background: linear-gradient(left, #72757d, #aab1b8, #72757d); background: linear-gradient(left, #72757d, #aab1b8, #72757d);
background-color: #aab1b8 \0; background-color: #aab1b8 \0;
color: #fff; color: #fff;
&:after {
content: '';
display: block;
clear: both;
}
.close { .close {
position: absolute; position: absolute;
top: -108px; top: -108px;
...@@ -161,6 +171,7 @@ ...@@ -161,6 +171,7 @@
} }
} }
& > div { & > div {
padding: 36px 40px;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
...@@ -170,17 +181,13 @@ ...@@ -170,17 +181,13 @@
position: relative; position: relative;
margin-left: 13%; margin-left: 13%;
margin-right: 5%; margin-right: 5%;
width: 300px; margin-bottom: -36px;
height: 300px; width: 25%;
text-align: center; text-align: center;
background-size: 300px 300px; background-size: 300px 300px;
color: #333; color: #333;
& > img { & > img {
position: absolute; width: 100%;
top: 0;
left: 0;
width: 300px;
height: 300px;
z-index: 0; z-index: 0;
} }
} }
...@@ -189,7 +196,7 @@ ...@@ -189,7 +196,7 @@
& > div { & > div {
position: relative; position: relative;
margin-top: 20px; margin-top: 20px;
padding: 36px 40px 0 40px; padding-left: 40px;
& > h2 { & > h2 {
margin-top: 0; margin-top: 0;
font-size: 20px; font-size: 20px;
...@@ -218,14 +225,22 @@ ...@@ -218,14 +225,22 @@
} }
.rules(@cw) { .rules(@cw) {
.team { .main {
width: @cw*3/4; .team {
} width: @cw*3/4;
.introduce-main { }
width: @cw; .introduce-main {
.partner-pic, & > h1 {
.boss { width: @cw;
width: (@cw*22/100)-2px; }
ul{
margin: 0 auto;
width: @cw;
.partner-pic,
.boss {
width: (@cw/4)-22px;
}
}
} }
} }
} }
......
src/styles/common.less
View file @ 4055cae1
...@@ -34,15 +34,26 @@ ...@@ -34,15 +34,26 @@
/* #header start */ /* #header start */
.header { .header {
background-color: #b62125; background-color: #b62125;
width: 100%;
min-width: 1200px;
.header-box { .header-box {
position: relative;
margin: 0 auto; margin: 0 auto;
padding-top: 36px; padding-top: 36px;
//min-width: 1000px;
width: 1200px\0; width: 1200px\0;
background: url(../images/Logo.png) no-repeat 30px 13px; background: url(../images/Logo.png) no-repeat 30px 13px;
&:before { &:before {
content: ''; content: '';
display: table; display: table;
} }
& > .logo {
position: absolute;
left: 30px;
top: 13px;
width: 190px;
height: 67px;
}
.nav { .nav {
margin: 0 0 0 35.6%; margin: 0 0 0 35.6%;
&:after { &:after {
...@@ -53,28 +64,19 @@ ...@@ -53,28 +64,19 @@
& > li { & > li {
position: relative; position: relative;
float: left; float: left;
padding: 0 30px 8px 30px; //padding: 0 30px 8px 30px;
text-align: center; //text-align: center;
&:nth-child(1) > a:after{
content: 'HOME';
display: block;
}
&:nth-child(2) > a:after{
content: 'COMPANY';
display: block;
}
&:nth-child(3) > a:after{
content: 'NEWS';
display: block;
}
&:nth-child(4) > a:after{
content: 'CONTACT';
display: block;
}
& > a { & > a {
color: #fca960; display: inline-block;
font-size: 18px; width: 150px;
padding-bottom: 12px;
text-align: center;
line-height: 24px; line-height: 24px;
color: #fca960;
& > span {
display: block;
font-size: 18px;
}
} }
&:hover, &:hover,
&.active { &.active {
...@@ -84,7 +86,7 @@ ...@@ -84,7 +86,7 @@
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0; bottom: 0;
margin-left: -10px; margin-left: -5px;
width: 0; width: 0;
height: 0; height: 0;
border: 5px solid transparent; border: 5px solid transparent;
...@@ -136,9 +138,11 @@ ...@@ -136,9 +138,11 @@
/* #footer start */ /* #footer start */
.footer { .footer {
//min-width: 990px;
min-width: 1200px;
.top { .top {
margin: 50px auto 0; margin: 50px auto 0;
padding-bottom: 46px; padding: 0 40px 46px 40px;
width: 1200px\0; width: 1200px\0;
.address-phone { .address-phone {
margin: 0 auto; margin: 0 auto;
...@@ -180,7 +184,6 @@ ...@@ -180,7 +184,6 @@
} }
} }
/* #footer end */ /* #footer end */
.screen() { .screen() {
.media(@screen-width-small, @container-width-small); .media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width); .media(@screen-width, @container-width);
...@@ -191,10 +194,10 @@ ...@@ -191,10 +194,10 @@
.rules(@cw); .rules(@cw);
} }
} }
.rules(@cw) { .rules(@cw) {
.header-box { .header-box {
width: @cw; width: @cw;
//min-width: 1000px;
} }
.top { .top {
width: @cw; width: @cw;
...@@ -208,3 +211,5 @@ ...@@ -208,3 +211,5 @@
} }
src/styles/iconfont.less
View file @ 4055cae1
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
color: #fff; color: #fff;
font-size: 40px; font-size: 40px;
position: absolute; position: absolute;
top: 0; top: -20px;
left: 0; left: 0;
} }
...@@ -57,8 +57,8 @@ ...@@ -57,8 +57,8 @@
color: #fff; color: #fff;
font-size: 40px; font-size: 40px;
position: absolute; position: absolute;
bottom: 0; bottom: -40px;
right: 0; right: -40px;
} }
.icon-dianhua:before { .icon-dianhua:before {
...@@ -82,7 +82,6 @@ ...@@ -82,7 +82,6 @@
.icon-dianhua:before, .icon-dianhua:before,
.icon-m-loginEmail:before, .icon-m-loginEmail:before,
.icon-dizhi:before { .icon-dizhi:before {
color: #16d428;
font-size: 30px; font-size: 30px;
position: absolute; position: absolute;
} }
......
src/styles/variable.less
View file @ 4055cae1
@container-width-small: 990px; @container-width-small: 1000px;
@screen-width-small: 769px; @screen-width-small: 0px;
@container-width: 1150px; @container-width: 1200px;
@screen-width:1281px; @screen-width:1281px;
@container-width-large: 1360px; @container-width-large: 1360px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment