Skip to content

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

0.0.1

parents
Hide whitespace changes
Inline Side-by-side
Showing with 2931 additions and 0 deletions
dist/about.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</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>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i></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>
\ No newline at end of file
dist/contact.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li class=active data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=banner> <div> <img src=images/a7919ef1a4898c846a26f0226b91f13f.jpg /> </div> </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>
\ No newline at end of file
dist/culture.html 0 → 100644
View file @ e4c2d872
<!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>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</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>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i></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>
\ No newline at end of file
dist/images/a02c59f61ae087cc6daa1f5a3052b30e.svg 0 → 100644
View file @ e4c2d872
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Sun Oct 16 12:45:11 2016
By admin
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
panose-1="2 0 6 3 0 0 0 0 0 0"
ascent="896"
descent="-128"
x-height="792"
bbox="0 -224 1219 896"
underline-thickness="50"
underline-position="-100"
unicode-range="U+0078-F00BD"
/>
<missing-glyph horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".notdef" horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
/>
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
<glyph glyph-name="uniE601" unicode="&#xe601;"
d="M529 797q-99 0 -183 -50t-132.5 -135.5t-48.5 -186.5q0 -117 65 -212q4 -8 6 -10l248 -319q18 -25 45 -25t45 25l249 319q2 3 6 10q65 95 65 212q0 101 -49 186.5t-133 135.5t-183 50v0zM769 255l-2 -3l-2 -3l-1 -2l-235 -302l-235 302l-1 3l-2 3l-2 2q-51 76 -51 170
q0 123 85 210t206 87t206.5 -87t85.5 -210q0 -94 -52 -170v0zM529 573q-60 0 -103 -43.5t-43 -105t43 -105t103.5 -43.5t103 43.5t42.5 105t-42.5 105t-103.5 43.5v0zM529 350q-30 0 -51.5 22t-21.5 52.5t21.5 52.5t51.5 22t51.5 -22t21.5 -52.5t-21.5 -52.5t-51.5 -22v0z
M725 -57z" />
<glyph glyph-name="uniE614" unicode="&#xe614;"
d="M294 -128q-30 0 -51.5 21.5t-21.5 51.5t21 52l387 387l-387 387q-21 22 -21 52t21.5 51.5t51.5 21.5t52 -21l439 -439q21 -22 21 -52t-21 -52l-439 -439q-22 -21 -52 -21z" />
<glyph glyph-name="uniE632" unicode="&#xe632;"
d="M730 896q30 0 51.5 -21.5t21.5 -51.5t-21 -52l-387 -387l387 -387q21 -22 21 -52t-21.5 -51.5t-51.5 -21.5t-52 21l-439 439q-21 22 -21 52t21 52l439 439q22 21 52 21z" />
<glyph glyph-name="uniE640" unicode="&#xe640;"
d="M736 800h-448q-40 0 -68 -28t-28 -68v-832q0 -40 28 -68t68 -28h448q40 0 68 28t28 68v832q0 40 -28 68t-68 28zM512 -160q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM768 32h-512v640h512v-640z" />
<glyph glyph-name="uniE641" unicode="&#xe641;"
d="M195 896q-9 0 -18 -2q-42 -7 -81 -46.5t-61 -83t-27 -77.5q-13 -74 2.5 -132.5t49.5 -116.5q98 -168 239 -302q89 -86 143.5 -127t151.5 -94q29 -16 83.5 -29.5t85.5 -13.5h3q89 2 148 44q14 10 31 24.5t43.5 46t31.5 56.5q5 24 -1.5 47t-24.5 43.5t-30 31.5t-33 27
q-10 8 -14 11q-93 79 -159 79q-55 0 -89 -46l-3 -3q-14 -16 -19 -19.5t-18 -3.5q-87 0 -168 84q-71 75 -106 146q-19 39 -18.5 50t19.5 40l1 1q1 2 6 7q10 11 16 19.5t15 28t11 38.5t-4.5 47.5t-23.5 57.5q-21 36 -39 62t-41.5 52t-49.5 39.5t-52 13.5v0zM547 594
q-8 9 -8 20t8 19t20 8h325q11 0 19 -8t8 -19t-8 -19.5t-19 -8.5h-325q-12 0 -20 8v0zM779 465q-9 8 -9 19.5t9 19.5l111 111l-131 119q-9 7 -9.5 18.5t7.5 20t19 9t20 -6.5l131 -120q17 -14 18 -39q0 -23 -16 -40l-111 -111q-9 -8 -20 -8t-19 8v0z" />
<glyph glyph-name="uniE677" unicode="&#xe677;"
d="M772 319l87 -86l-347 -347l-347 347l87 86l260 -260zM772 319zM512 402zM443 402q0 29 20 49.5t49 20.5t49 -20.5t20 -49.5t-20 -49t-49 -20t-49 20t-20 49zM512 645zM443 645q0 29 20 49t49 20t49 -20t20 -49t-20 -49t-49 -20t-49 20t-20 49z" />
<glyph glyph-name="uniE69E" unicode="&#xe69e;"
d="M512 896l-512 -288v-608q0 -53 37.5 -90.5t90.5 -37.5h768q53 0 90.5 37.5t37.5 90.5v608zM68 0v500l288 -231l-286 -287q-2 6 -2 18zM114 -63l294 295l104 -72l104 70l294 -292zM956 0q0 -15 -1 -18l-288 287l289 231v-500zM512 235l-448 341l447 245l449 -245z" />
<glyph glyph-name="uniE6B6" unicode="&#xe6b6;"
d="M776 458q68 105 183 184l-75 79q-66 -25 -126 -69.5t-107 -102t-75.5 -130t-28.5 -146.5h1v-19q0 -85 60 -145.5t145 -60.5t145.5 60.5t60.5 145.5q0 79 -52.5 137.5t-130.5 66.5zM473 642l-75 79q-66 -25 -126 -69.5t-107.5 -102t-75.5 -130t-28 -146.5h1q-1 -10 -1 -19
q0 -85 60.5 -145.5t145.5 -60.5t145.5 60.5t60.5 145.5q0 79 -53 137.5t-130 66.5q68 105 183 184z" />
<glyph glyph-name="uniE6D3" unicode="&#xe6d3;"
d="M492 -74q-117 0 -216 57.5t-157 157t-58 216t58 216t157 157t216 57.5t216 -57.5t157 -157t58 -216t-58 -216t-157 -157t-216 -57.5zM491.5 727q-100.5 0 -185.5 -49.5t-135 -135t-50 -186t50 -186t135 -135t185.5 -49.5t186 49.5t135 135t49.5 186t-49.5 186t-135 135
t-186 49.5zM491.5 171q-76.5 0 -130.5 54.5t-54 131t54 130.5t130.5 54t131 -54t54.5 -130.5t-54.5 -131t-131 -54.5zM491.5 481q-51.5 0 -88 -36.5t-36.5 -88t36.5 -88t88 -36.5t88.5 36.5t37 88t-37 88t-88.5 36.5z" />
<glyph glyph-name="uniE75F" unicode="&#xe75f;"
d="M251 310q-67 -105 -183 -183l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5zM554 127l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19
q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5q-67 -105 -183 -183z" />
<glyph glyph-name="uF00BD" unicode="&#xf00bd;" horiz-adv-x="1220"
d="M1068 -101l33 -111l-119 67q-86 -22 -129 -22q-101 0 -185.5 43t-133 117.5t-48.5 162t48.5 162t133 117.5t185.5 43q96 0 180.5 -43t135 -118t50.5 -162q0 -71 -40.5 -136.5t-110.5 -119.5zM734 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q23 0 38.5 13.5
t15.5 31t-15.5 31t-38.5 13.5zM971 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q24 0 39 13.5t15 31t-15 31t-39 13.5zM459 150q0 -46 13 -93q-22 -2 -40 -2q-16 0 -30.5 1t-32 4t-27 4.5t-32 6.5t-30.5 6l-150 -78l43 134q-173 125 -173 301q0 104 58 191
t157.5 137t216.5 50q159 0 283 -89t152 -223q-23 2 -42 2q-100 0 -184.5 -47t-133 -128t-48.5 -177zM291 623q-25 0 -45 -16t-20 -40t20 -39.5t45 -15.5t39.5 15t14.5 40t-14.5 40.5t-39.5 15.5zM593 623q-25 0 -44.5 -16t-19.5 -40t19.5 -39.5t44.5 -15.5t39.5 15t14.5 40
t-14.5 40.5t-39.5 15.5z" />
</font>
</defs></svg>
dist/index.css 0 → 100644
View file @ e4c2d872
#about .main{margin:0 auto;padding-bottom:40px}#about .main .enterprise-vision,#about .main .overview{margin:0 auto \0;width:1200px \0;padding:30px;background-color:#f1f1f1}#about .main .enterprise-vision>i,#about .main .overview>i{display:block;height:400px}#about .main .enterprise-vision>p,#about .main .overview>p{font-size:18px;line-height:34px;color:#707070}#about .main .overview{margin-bottom:18px}#about .main .overview>i{background:url(images/69a3966432b621b0f54368d658dda299.jpg) no-repeat 50%;background-size:cover}#about .main .overview>p{margin:50px 20px 20px}#about .main .enterprise-vision>i{background:url(images/dde8f7fff72d2fd11284aea3cd9c62f1.jpg) no-repeat 50%;background-size:cover}#about .main .enterprise-vision>h1{margin:30px 0 20px;font-size:22px;color:#616161}#about .main .enterprise-vision>p{margin-top:0}@media screen and (min-width:769px){#about body .main{width:990px}}@media screen and (min-width:1281px){#about body .main{width:1150px}}@media screen and (min-width:1441px){#about body .main{width:1360px}}#contact .banner{background-color:#7e7e7e;padding:50px 0}#contact .banner>div{margin:0 auto;height:400px;text-align:right}#contact .banner>div img{height:400px;max-width:100%}#contact .address-phone .address-phone-box{margin:0 auto;padding:90px 0;width:1200px \0}#contact .address-phone .address-phone-left{padding-top:88px;width:33%;background:url(images/c8f69fb6682cb2e29e1b3dbc3900865c.png) no-repeat}#contact .address-phone .address-phone-left>div{position:relative;margin-top:30px;color:#999}#contact .address-phone .address-phone-left>div>p{margin-left:50px;line-height:30px;font-size:18px;color:#999}#contact .address-phone .address-phone-left>div>p>span{font-family:monospace;font-size:16px;color:#000}#contact .address-phone .address-map{margin-top:34px;width:67%;height:354px;background:url(images/86ecb33a99b5156deb0f9522f43f66ed.jpg) no-repeat 50%;background-size:cover}@media screen and (min-width:769px){#contact body .address-phone-box,#contact body .banner>div{width:990px}}@media screen and (min-width:1281px){#contact body .address-phone-box,#contact body .banner>div{width:1150px}}@media screen and (min-width:1441px){#contact body .address-phone-box,#contact body .banner>div{width:1360px}}#culture .banner{position:relative;height:461px}#culture .banner>img{position:absolute;top:0;left:0;width:100%;height:461px}#culture .banner>h1{position:relative;margin:0 auto;width:680px;padding-top:132px;text-align:center;line-height:62px;font-size:38px;color:#000;z-index:100;text-shadow:#fff 4px 0 18px,#fff 0 4px 18px,#fff -4px 0 18px,#fff 0 -4px 18px;-webkit-text-shadow:#fff 4px 0 18px,#fff 0 4px 18px,#fff -4px 0 18px,#fff 0 -4px 18px;-moz-text-shadow:#fff 4px 0 18px,#fff 0 4px 18px,#fff -4px 0 18px,#fff 0 -4px 18px}#culture .main-box .main>img{margin:0 0 12px;padding:0;height:auto;width:100%}#culture .main-box .content{margin:60px auto 0;height:auto;font-family:serif;font-size:30px;font-weight:100;text-align:center;-webkit-font-smoothing:antialiased}#culture .address-phone{width:1200px \0}@media screen and (min-width:769px){#culture body .address-phone{width:990px}}@media screen and (min-width:1281px){#culture body .address-phone{width:1150px}}@media screen and (min-width:1441px){#culture body .address-phone{width:1360px}}#index .title{display:inline-block;padding:4px 40px;font-size:32px;font-weight:400;border:3px solid transparent}#index .main .banner{position:relative}#index .main .banner>img{width:100%;height:450px}#index .main .banner>h1{position:absolute;top:200px;left:42%;font-size:40px;font-weight:100;font-family:Serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#index .main .lihan{margin:0 auto;width:1200px \0}#index .main .lihan .lihan-box{margin:0 auto;padding:70px 0 220px;text-align:center;background:url(images/d687890344b951b260f4b7ece376107a.png) no-repeat 50% 330px}#index .main .lihan .lihan-box>h1{font-size:28px;color:#ab0000;border-color:#e67e22;margin:0 auto}#index .main .lihan .lihan-box>p{line-height:38px;font-size:20px;color:#777}#index .main .service{position:relative;text-align:center}#index .main .service>img{width:100%;height:570px}#index .main .service .service-box{position:absolute;left:0;top:0;width:100%}#index .main .service .service-box>h1{margin-top:70px;font-size:28px;border-color:#7b7b7b}#index .main .service .service-box .category{margin:0 auto;width:950px}#index .main .service .service-box .category>div{position:relative;margin-right:50px;width:200px}#index .main .service .service-box .category>div.last{margin-right:0}#index .main .service .service-box .category>div>h2{margin-bottom:0;padding-top:63px;height:166px;font-size:48px;color:#e67e22;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADgCAYAAABGpynFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMkI2NkFFODZCMTExRTY4OERGQUFBRjIwMzBENkRGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMkI2NkFGODZCMTExRTY4OERGQUFBRjIwMzBENkRGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyQjY2QUM4NkIxMTFFNjg4REZBQUFGMjAzMEQ2REYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyQjY2QUQ4NkIxMTFFNjg4REZBQUFGMjAzMEQ2REYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rpx1LAAAKr0lEQVR42uydf2xeVRnHn8GYDKbMuKA1WpMxWZh/LC2aYIxJCRrnjxCnxE3UWEwE/IG4gYCm/NicMAYDdJMAidmMBhZBZ/iRNJGEZkZlSASCLOCmxmakQKouMN1cttXn2XkutvVt++5973vvOfd+PsmXFTLWvufez84595zn3FljY2MCAI2ZhSCFc4JmqeZcTa9msebtmjd6jFc1r2le1Dyv+YPmMc2zGi4YglSSRZpLNSs072jxz/ib5j7NXf41IEjydGvWaT7nvUceHNZs0VyvGaGJESRF5mqu1lzlX3eC/Zrvau7QHKLJESSJNtWs1Kz33qMI9riI22l+BImZ92o2ac4p6fsPab6ueY5LkQ8n0AS50KX5kWZniXIYfZqnNT/ULOCy0IPEMM9YrblGMy+yn22fZq33aIe5VAhSNMs1GyQ8vo2ZXZorNINcMgQpgh7NbT6cSQkTZJWEhUdAkNxZ4EOWSxKeux3yIdc6H4IBgrTNHM1lmgHN/Ip8plEJi4z3MD9BkHZY5n/jLqro53vKHzIMcakR5HhYotnogtQBW2C0hcY9XHoEmQ4bQtnWDdtUOLtmn/0/mlsl7ADYz62AIOMxGS7WrBEW2EZ8vrVVcxRBEOTDEjb7LeHviQk8KeHhxOMIUk9s4m0LfctxYUrs5tgmYafAMILUZ54x4H87zsGBpjjgc5Nb/GsEqSC2uNcvYZGsi3u+JYa9N9kmNSn9rYsgfRK2h/Rwj+eCzUu+KmEdBUESptuHBZ/hns4de8K11YerIwiSFvN8KGCrxHO5lzuKrZncKGFh9RCCRP55NBd6r8E8o1gqWfZbJUGsku92KbeiD8K+rm9qnkGQOOjy7n2l9yBQPrZD2HYK247hUQQph5jLXSFgNSf2WH1TqvOTVAWx3uJmKe5YHWiPZMt+UxMk1XJXCAy6KLsQJP95hnXV/cJRRVWYn3xfEin7jV2QrNz1Ws1p3FuVIomy35gFSeVYHWgPe6XDNyTSst8YBVniXfCHuHdqRZRlvzEJYpV8VtFnlX2zuV9qiT0Ktocw35NIyn5jEMRk+IqEM6fmc4+ARFT2W7YgdmrIRqHcFRpj2+m/pvld3QQ50+cZy7gHYAZKLfstWhDKXaFVrNTXjiW6SQos+y1KkBMlnGnLsTrQLoWW/RYhSJ9Q7gr5Y2W/tn7y+1QF4Vgd6DQdL/vthCBZueuVmjdwDaEAbM3EjiWyJ6IHYxWEY3WgbHIv+81LECtz3aw5m2sEETAkoZiu7WOJ2t06bgVL92p+ixwQEX0+eW/7bb+t9iBW7nq1d2ccqwMx01bZ7/EKYocirPQJEeWukBIvSDhtZbBTgtg6xp3CsTqQNibI5Zo/5TUHsd22ttP2CeSACmD7/+zMrlXSxDFRM/Ugp2h+LmwqhGryU81FMk3J73SC2MbChzUfoB2hwjyoWSFTLDBOJYjttH1U80HaD2rAAxLeADDW7BzkbuSAGnGB5oZmexArf72TNoOaYSKc79OKKQVZ5DP8U2gvqCEva87S/HOqIdZm5IAa81YJLwNq2IN8TPMIbQQ1xx75LhU/P3h8D3IDbQNwbGF8YHIPYk+sdtA2AK/3ImdohrMe5Eu0CcCEXuSirAc5VX99SXhLE8B4dmvOtB7kPOQA+D/enQlyLm0B0JA+E6SXdgBoSK8JwgkkAI1ZaIKcTjsANOQtJgjv/gNozEm8MRZgGhAEAEEAEAQAQQAQBABBABAEAEEAEAQAQQAAQQAQBABBABAEAEEAEAQAQQAQBABBABAEABAEAEEAEAQAQQAQBABBABAEAEEAEAQAEAQAQQAQBABBABAEAEEAEAQAQQAQBABBAABBABAEAEEAEAQAQQAQBABBABAEAEEAAEEAEAQAQQAQBABBABAEAEEAEAQAQQAQBAAQBABBABAEAEEAEAQAQQAQBABBABAEABAEAEEAEAQAQQAQBABBABAEAEEAEAQAQQAAQQAQBABBABAEAEEAEAQAQQAQBABBAABBABAEoHVBDtMMAFMLMkozADTkXybIK7QDQEP2miB7aAeAhjxvguykHQAasnPW2NjYUv3iadoCYAKHNAusB3lG8xztATCBX2ley9ZBttIeABP4sf3Dhlj269s0f9WcTLsAyIuahTbMynqQlzRbaBeAY9zqc5DXexCjS7NbcyrtAzVmWLNYc9D+ZfxerBHNdbQP1JzLMjkm9yDGiZpfa95PO0EN2ab57Pj/MFkQ8e7lCc2baC+oEXs1PTJpb2Kj7e4vaL6gOUKbQU34t+YCabBxd6p6kAd9LDZG20HFOeLDqoZbrhoNsSZPWO4QCqugmtij3M9r7p/qN8wkiLFcwko7cxKoErb2t0KzY7rf1EzPsF3Tq3mMNoWKsN0n5Dtm+o3NDp3+rDlPc6GEhRSAFNml+ajmU96DzEgzQ6zJzNWs1lyjmUebQwLs01yruUuO8wyGVgTJeKfmZs1K+3O4BhAhJsM9muulxbMX2hEk4xzN7f4rQCw8qrnch1Utk4cg4j2ILS6ul7DpEaAs7IyFq3wi3v6NnZMgGfN8brLa5yoARfGqZq1mk/hW9RgFyejW3Kb5NNcNOsxRCet0AxJ2pOdKpwTJ6HNReriO0AGGfLTyVKe+QacFMWytpV9zk+Z0rinkwLAP5W17ekdv4CIEyZjv3aDt75rDNYYW2C/hQZCNSg4U8Q2LFCRjkWaDhD1eAM0w5r2FPZ3aW+Q3LkOQjI/43wRLuP4wDY9rVvmvhVOmIMZszcWaNZoF3AswjhGfZ/xESqxLKluQ8fOTdZpLXBqoLwd8ZLHe5xylEosgGTbc2qhZxn1SS37hw6lodozHJkiGbUn+gU/oofrYOoatZwzF9oPFKohhj4LtkfCAD8Ggeoz6PMNO9Twa4w8YsyAZNnlf6/MTauOrge2V2uTzzn0x/6ApCJLR45O3Pu6vpHnIh1NJvNksJUEybIFxA/OT5LC6jCs0gyn90CkKYpzsjU3Zb/z8Q0K5q1X2JffK8VQFyejycWw/85PoaLvcFUHy42zNZqHsNxYGvYfflfoHqYogxz6LhAMkbAW2m3u0FHItd0WQzmClvt/y+Qllv8Wwz4e6uZa7Ikhn6fbehGOJOkdW7vodzctV/IBVFiTD5iW2beV93M+5MiQdLndFkOLIyn5tGMCxRO0x7EPYn9Xhw9ZFkAyOJWqdwstdEaQ8ztDcIpT9NoPdIPdprpQOHKuDIHHTJxxLNB2llrsiSDzzky/7/ISy38CIzzPulZq/hg9B/gfHEkVW7oogcWK7hO29jB+v2ee+3+cZvCAJQZrC6uKtPr7qxxJFW+6KIPGTHUtk85M3V+yzvaL5toSV8KNcagRpB5u8r3FZUj+WKJlyVwRJj9SPJfqlhKdTe7iUCNJJPilhoTGVst8ky10RJG1SOJbIKvmsoi/JclcEqc78xN722y/xlP1m5a7Xaf7OJUKQGIjlWKLKlLsiSDWxDZC20Fh02a9NvG094yEuAYLEzly/WYs4lqiy5a4IUn2sOOtGzRcl/7JfW9zb4hKO0tQIkjK9Eg5POz+HifwRCaeG2HnFz9K0CFIl3qVZofmEhFr5k5r8/w5qfqN5WPOAFPyePgSBMjA5Fmveo1koYa/XaePmFXZk5180f9TsFtYxSuG/AgwA5+/4yTMpEaQAAAAASUVORK5CYII=) no-repeat}#index .main .service .service-box .category>div>p{line-height:24px;text-align:justify;font-size:18px;color:#000}#index .main .investment-field-box{margin:0 auto;padding:54px 0 100px;width:1200px \0;text-align:center}#index .main .investment-field-box>h2{margin:0;font-size:28px;color:#ab0000;border-color:#e67e22}#index .main .investment-field-box>h3{font-size:30px;color:#b52626}#index .main .investment-field-box .category{padding:0}#index .main .investment-field-box .category li{margin-right:4%;padding-top:184px;width:22%;font-size:26px}#index .main .investment-field-box .category li.first{background:url(images/47dc257fb9b355cb50ebdf6e1e107366.jpg) no-repeat}#index .main .investment-field-box .category li.second{background:url(images/90e2a28c6acbdb2293b894344eb99e59.jpg) no-repeat}#index .main .investment-field-box .category li.three{background:url(images/a877ad60d8fb217c2ca7d4804c0a5a6d.jpg) no-repeat}#index .main .investment-field-box .category li.last{margin-right:0;background:url(images/9765b09720098aa6e97d2721fb0cfd08.jpg) no-repeat}#index .main .banner-bottom{position:relative;text-align:center;color:#fff}#index .main .banner-bottom>img{width:100%;height:474px}#index .main .banner-bottom>.banner-bottom-box{position:absolute;top:0;left:0;width:100%;height:100%}#index .main .banner-bottom>.banner-bottom-box>h1{margin-top:140px;font-size:48px;line-height:68px;font-weight:400}#index .main .banner-bottom>.banner-bottom-box>a{padding:8px 50px;font-size:24px;border-radius:20px;color:#fff;background-color:#b62125}@media screen and (min-width:769px){#index body .investment-field-box,#index body .lihan-box{width:990px}}@media screen and (min-width:1281px){#index body .investment-field-box,#index body .lihan-box{width:1150px}}@media screen and (min-width:1441px){#index body .investment-field-box,#index body .lihan-box{width:1360px}}#news .header-img>img{height:400px;width:100%}#news .dynamic-news{margin:0 auto;width:1200px \0}#news .dynamic-news>.news>h1{margin:30px 0;font-family:monospace;font-size:24px}#news .dynamic-news>.news>.important-news>li{margin:0 60px 0 0;width:538px \0;height:306px;border:1px solid #e4ecee}#news .dynamic-news>.news>.important-news>li.last,#news .dynamic-news>.news>.important-news>li:last-child{margin-right:0}#news .dynamic-news>.news>.important-news>li:hover{box-shadow:0 0 30px #ebf1f1}#news .dynamic-news>.news>.important-news>li .news-left{display:inline-block;width:50%;height:306px}#news .dynamic-news>.news>.important-news>li .news-right{position:relative;width:50%;height:100%}#news .dynamic-news>.news>.important-news>li .news-right>div{padding:50px 30px}#news .dynamic-news>.news>.important-news>li .news-right>div>h2{margin:0 0 6px;line-height:24px;font-size:20px;font-weight:400;color:#343a3b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#news .dynamic-news>.news>.important-news>li .news-right>div>p{margin:0;line-height:21px;font-size:15px;color:#838b8c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-ms-hyphenate-limit-lines:7;-webkit-box-orient:vertical}#news .dynamic-news>.news>.important-news>li .news-right>div>a{position:absolute;bottom:24px;left:30px;padding:6px 20px;font-size:16px;color:#fff;border-radius:20px;background-color:#4674a9}#news .dynamic-news>.news>.normal-news{margin:54px 0 0}#news .dynamic-news>.news>.normal-news>li{position:relative;margin-right:64px;width:538px \0;line-height:30px}#news .dynamic-news>.news>.normal-news>li:hover>a{text-decoration:underline;font-weight:700}#news .dynamic-news>.news>.normal-news>li:hover>time{font-weight:700}#news .dynamic-news>.news>.normal-news>li>a{display:inline-block;margin-left:20px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}#news .dynamic-news>.news>.normal-news>li>time{font-size:14px}#news .dynamic-news>.news>.normal-news>li:nth-child(2n){margin-right:0}#news .no-data{text-align:center;font-size:20px}#news .case{margin:0 auto;width:1200px \0}#news .case>h1{margin:40px 0 20px;font-family:monospace;font-size:24px}#news .case .detail{position:relative;margin:0 auto;padding-top:28px}#news .case .detail>ul>li{position:absolute;padding-bottom:170px;width:100%;display:none}#news .case .detail>ul>li>div{width:80%;margin:0 auto}#news .case .detail>ul>li>div>h2{margin:16px 0;font-size:20px;font-weight:100;-webkit-font-smoothing:antialiased}#news .case .detail>ul>li>div>h3,#news .case .detail>ul>li>div>p{margin:0;line-height:28px;font-size:18px;font-weight:400;color:#7b7b7b;-webkit-font-smoothing:antialiased}#news .case .detail>ul>li>a{position:absolute;right:30px;bottom:60px;padding:12px 100px 12px 26px;font-size:18px;color:#fff;background-color:#4674a9;border-radius:20px}#news .case .detail>ul>li>a>i.right-arrow:before{font-size:18px;color:#fff}#news .carouse{position:relative;width:1200px \0;height:312px;overflow:hidden}#news .carouse .next,#news .carouse .prev{position:absolute;top:50%;margin-top:-25px;height:50px;width:50px;text-align:center;line-height:50px;font-size:30px;color:red;border-radius:50%;background-color:rgba(0,0,0,.3);background-color:#aab1b8 \0;z-index:10;cursor:pointer}#news .carouse .next:hover,#news .carouse .prev:hover{background-color:rgba(0,0,0,.5);background-color:#aab1b8 \0}#news .carouse .prev{left:30px}#news .carouse .next{right:30px}#news .carouse .imgs-box{margin:0;position:absolute;left:0;top:0}#news .carouse .imgs-box>li>img{width:1200px}@media screen and (min-width:769px){#news body .dynamic-news,#news body .dynamic-news>.news{width:990px}#news body .dynamic-news>.news>ul>li{width:463px}#news body .case,#news body .case .carouse{width:990px}#news body .case .carouse>ul{width:3960px}#news body .case .carouse>ul img{width:990px;height:auto}#news body .case .detail{width:990px}}@media screen and (min-width:1281px){#news body .dynamic-news,#news body .dynamic-news>.news{width:1150px}#news body .dynamic-news>.news>ul>li{width:543px}#news body .case,#news body .case .carouse{width:1150px}#news body .case .carouse>ul{width:4600px}#news body .case .carouse>ul img{width:1150px;height:auto}#news body .case .detail{width:1150px}}@media screen and (min-width:1441px){#news body .dynamic-news,#news body .dynamic-news>.news{width:1360px}#news body .dynamic-news>.news>ul>li{width:648px}#news body .case,#news body .case .carouse{width:1360px}#news body .case .carouse>ul{width:5440px}#news body .case .carouse>ul img{width:1360px;height:auto}#news body .case .detail{width:1360px}}#team .main .banner>img{width:100%;height:400px;display:block}#team .main .partner-pic{padding:32px 0 0;background-color:#fff}#team .main .partner-pic>img{display:inline-block;height:124px;width:124px;border-radius:50%}#team .main .partner-pic>h2{font-size:16px;font-weight:400}#team .main .partner-pic .icon{padding:10px 0;background-color:#e8eff1}#team .main .partner-pic:hover .icon{background-color:#ffac55}#team .main .partner-pic:hover .icon .wechat:before{color:#fff}#team .main .boss>i{background:#f1f2f4 url(images/786e76c4a90951fa68e33156bff4d489.png) no-repeat;background-size:124px 124px}#team .main .team-box{background-color:#d9d9d9;padding:44px 0 25px}#team .main .team{margin:0 auto;width:900px \0;text-align:center}#team .main .team>h1{margin:0 0 46px;line-height:32px;font-size:24px;font-weight:400}#team .main .team .detail:after{content:'';display:block;clear:both}#team .main .team .detail .partner-pic{margin-right:5%;width:30%;cursor:pointer}#team .main .team .detail .partner-pic:last-child{margin-right:0}#team .main .team .detail .boss>i{background:#f1f2f4 url(images/786e76c4a90951fa68e33156bff4d489.png) no-repeat;background-size:124px 124px}#team .main .team .arrow{margin-top:14px;cursor:pointer}#team .main .team .arrow>i{display:inline-block;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}#team .main .team .arrow>i,#team .main .team .arrow>i.slideDown{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}#team .main .team .arrow>i.slideDown{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg)}#team .main .introduce-main{display:none;margin:0 auto;width:1200px \0;padding-top:60px}#team .main .introduce-main:after{content:'';display:block;clear:both}#team .main .introduce-main>h1{margin-bottom:44px;padding:0;font-size:24px;color:#343a3b}#team .main .introduce-main .partner-pic{margin:0 4% 4% 0;margin:0 48px 48px 0;width:262px \0;text-align:center;border:1px solid #e1e9eb;cursor:pointer}#team .main .introduce-main .partner-pic:nth-child(4n){margin-right:0}#team .main .introduce-main .partner-pic:nth-child(n+4){margin-bottom:0}#team .modal-box{display:none;position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.3)}#team .modal-box .modal-dialog{position:absolute;top:50%;margin-top:-200px;width:100%;height:300px;background:-webkit-linear-gradient(left,#72757d,#aab1b8,#72757d);background:linear-gradient(left,#72757d,#aab1b8,#72757d);background-color:#aab1b8 \0;color:#fff}#team .modal-box .modal-dialog .close{position:absolute;top:-108px;right:15%;padding:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:38px;font-weight:700;border-radius:50%;border:4px solid #fff;background-color:#5f5f5f;color:#fff;cursor:pointer}#team .modal-box .modal-dialog .close:after{content:'';position:absolute;top:54px;left:22px;height:50px;border-right:6px solid #fff}#team .modal-box .modal-dialog>div:after{content:'';display:block;clear:both}#team .modal-box .modal-dialog>div .left-pic{position:relative;margin-left:13%;margin-right:5%;width:300px;height:300px;text-align:center;background-size:300px 300px;color:#333}#team .modal-box .modal-dialog>div .left-pic>img{position:absolute;top:0;left:0;width:300px;height:300px;z-index:0}#team .modal-box .modal-dialog>div .left-pic>div{position:absolute;top:0;left:0;right:0;bottom:0}#team .modal-box .modal-dialog>div .left-pic>div>h2{margin:230px 0 0;font-size:20px;font-weight:400}#team .modal-box .modal-dialog>div .right-content{width:53%}#team .modal-box .modal-dialog>div .right-content>div{position:relative;margin-top:20px;padding:36px 40px 0}#team .modal-box .modal-dialog>div .right-content>div>h2{margin-top:0;font-size:20px}#team .modal-box .modal-dialog>div .right-content>div>p{font-size:16px;line-height:24px;font-weight:200;-webkit-font-smoothing:antialiased}@media screen and (min-width:769px){#team body .team{width:742.5px}#team body .introduce-main{width:990px}#team body .introduce-main .boss,#team body .introduce-main .partner-pic{width:215.8px}}@media screen and (min-width:1281px){#team body .team{width:862.5px}#team body .introduce-main{width:1150px}#team body .introduce-main .boss,#team body .introduce-main .partner-pic{width:251px}}@media screen and (min-width:1441px){#team body .team{width:1020px}#team body .introduce-main{width:1360px}#team body .introduce-main .boss,#team body .introduce-main .partner-pic{width:297.2px}}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:iconfont;src:url(fonts/aa6c3a9240aa20254ca45d9b60df197c.eot);src:url(fonts/aa6c3a9240aa20254ca45d9b60df197c.eot#iefix) format('embedded-opentype'),url(fonts/706eb7b94e972aecd2818a340938b6e0.woff) format('woff'),url(fonts/5c0edbf6646ecc19308771549b07a29c.ttf) format('truetype'),url(images/a02c59f61ae087cc6daa1f5a3052b30e.svg#iconfont) format('svg')}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.icon-jiantou-copy:before{content:"\E614";color:red;font-size:30px}.right-arrow.icon-jiantou-copy:before{content:"\E614";font-size:18px;color:#fff}.icon-jiantou-copy1:before{content:"\E632";color:red;font-size:30px}.icon-weixin:before{content:"\F00BD";color:#838b8c;font-size:40px}.icon-phone:before{content:"\E640";font-size:20px}.icon-yinhao:before{content:"\E6B6";top:0;left:0}.icon-yinhao:before,.icon-youyinhao:before{color:#fff;font-size:40px;position:absolute}.icon-youyinhao:before{content:"\E75F";bottom:0;right:0}.icon-dianhua:before{content:"\E641";position:relative;top:12px}.icon-m-loginEmail:before{content:"\E69E";position:relative;top:12px}.icon-dizhi:before{content:"\E601";position:relative;top:12px}.icon-dianhua:before,.icon-dizhi:before,.icon-m-loginEmail:before{color:#16d428;font-size:30px;position:absolute}.icon-01:before{content:"\E677";font-size:68px;color:#bababa;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icon-quanquanb:before{content:"\E6D3";position:absolute}a{text-decoration:none;color:#000}li,ul{list-style:none;padding-left:0}.fl{float:left}.fr{float:right}.clear-fl:after{content:'';display:block;clear:both}.header{background-color:#b62125}.header .header-box{margin:0 auto;padding-top:36px;width:1200px\0;background:url(images/7f34d1646b90542483a02379dd1150a6.png) no-repeat 30px 13px}.header .header-box:before{content:'';display:table}.header .header-box .nav{margin:0 0 0 35.6%}.header .header-box .nav:after{content:'';display:block;clear:both}.header .header-box .nav>li{position:relative;float:left;padding:0 30px 8px;text-align:center}.header .header-box .nav>li>a{color:#fca960;font-size:18px;line-height:24px}.header .header-box .nav>li.active,.header .header-box .nav>li:hover{border-bottom:5px solid #fff}.header .header-box .nav>li.active:after,.header .header-box .nav>li:hover:after{content:'';position:absolute;left:50%;bottom:0;margin-left:-10px;width:0;height:0;border:5px solid transparent;border-bottom-color:#fff}.header .header-box .nav>li.active>a,.header .header-box .nav>li:hover>a{color:#fff}.header .header-box .nav>li .introduce{display:none;position:absolute;top:60px;width:496px;padding:28px 44px 52px 16px;z-index:999;text-align:left;background-color:#eee}.header .header-box .nav>li .introduce .left{margin-top:22px}.header .header-box .nav>li .introduce .left>a{display:block;margin-bottom:44px;padding:6px 10px;border-radius:4px;font-size:20px}.header .header-box .nav>li .introduce .left>a:last-child{margin-bottom:0}.header .header-box .nav>li .introduce .left>a:hover{background-color:#b62125;color:#fff}.header .header-box .nav>li .introduce .right{margin:0 0 0 22px;padding:16px 0 170px 22px;line-height:30px;font-size:18px;border-left:3px solid #b62125}.footer .top{margin:50px auto 0;padding-bottom:46px;width:1200px\0}.footer .top .address-phone{margin:0 auto;padding-top:107px;background:url(images/c8f69fb6682cb2e29e1b3dbc3900865c.png) no-repeat;font-size:16px;color:#777}.footer .top .address-phone .iconfont.icon-phone{position:relative;top:-2px}.footer .bgImg{margin-top:118px;padding-bottom:180px;background:url(images/07d708492b8f758e08456216619f2908.jpg) no-repeat}.footer .bottom{padding:26px 0 36px;text-align:center;font-size:16px;color:#fff;background-color:#b62125}@media screen and (min-width:769px){body .header-box,body .top{width:990px}}@media screen and (min-width:1281px){body .header-box,body .top{width:1150px}}@media screen and (min-width:1441px){body .header-box,body .top{width:1360px}}
\ No newline at end of file
dist/index.html 0 → 100644
View file @ e4c2d872
<!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>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li class=active data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/bb626a7ee12b7dc7148be37dbdda1089.jpg alt=banner /> <h1>禮樂春秋環保夢&nbsp;&nbsp;&nbsp;瀚海沉浮金融心</h1> </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>浙江.杭州市玉皇山基金小镇甘水巷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>
\ No newline at end of file
dist/index.js 0 → 100644
View file @ e4c2d872
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/news.html 0 → 100644
View file @ e4c2d872
<!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]>
<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 data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</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>浙江.杭州市玉皇山基金小镇甘水巷150号</address><br/> <span class=phone><i></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>
\ No newline at end of file
dist/team.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index=0> <a href=/ >首页 <br/> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</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 data-index=2> <a href=/news.html>动态新闻 <br/> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br/> CONTACT</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> <h2></h2> <p></p> </div> </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>浙江.杭州市玉皇山基金小镇甘水巷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>
\ No newline at end of file
mock/example.js 0 → 100644
View file @ e4c2d872
'use strict';
module.exports = {
'GET /api/example': function (req, res) {
setTimeout(function () {
res.json({
success: true,
data: ['foo', 'bar'],
});
}, 500);
},
};
package.json 0 → 100644
View file @ e4c2d872
{
"private": true,
"entry": {
"index": "./src/index.js"
},
"dependencies": {
"babel-plugin-transform-es3-property-literals": "^6.8.0",
"console-polyfill": "^0.2.3",
"dva": "^1.0.0",
"es5-shim": "^4.5.9",
"images": "^3.0.0",
"jquery": "^3.1.1",
"react": "^15.1.0",
"react-dom": "^15.1.0"
},
"devDependencies": {
" babel-plugin-transform-es3-property-literals": "6.8.0",
"atool-build": "^0.7.6",
"atool-test-mocha": "^0.1.5",
"babel-plugin-dev-expression": "^0.2.1",
"babel-plugin-dva-hmr": "^0.1.0",
"babel-plugin-transform-es3-member-expression-literals": "6.8.0",
"babel-plugin-transform-runtime": "^6.9.0",
"babel-runtime": "^6.9.2",
"console-polyfill": "0.2.3",
"dora": "0.3.x",
"dora-plugin-proxy": "^0.7.0",
"dora-plugin-webpack": "0.6.x",
"dora-plugin-webpack-hmr": "^0.1.0",
"es5-shim": "4.5.9",
"expect": "^1.20.2",
"extract-loader": "^0.0.2",
"html-loader": "^0.4.4",
"redbox-react": "^1.2.10"
},
"scripts": {
"start": "dora --plugins \"proxy,webpack,webpack-hmr\"",
"build": "atool-build",
"test": "atool-test-mocha ./src/**/*-test.js"
}
}
proxy.config.js 0 → 100644
View file @ e4c2d872
'use strict';
// const mock = {};
// require('fs').readdirSync(require('path').join(__dirname + '/mock'))
// .forEach(function (file) {
// Object.assign(mock, require('./mock/' + file));
// });
module.exports = {
// '/images/*': function(req, res){
// console.log(req.url);
// res.json({
// ok:1
// })
// }
}
src/common/header.js 0 → 100644
View file @ e4c2d872
/*
* 当鼠标移入导航栏,对应栏有下边框
*/
import '../styles/common.less';
import $ from 'jquery';
export default function () {
const $introduce = $('.nav .introduce');
$('.nav a').on('click', function (e) {
$('.active', '.nav').removeClass('active');
const $li = $(this).parent();
$li.addClass('active');
if ($li.data('index') == 1) {
$introduce.slideToggle(300);
} else {
$introduce.slideUp(300);
}
e.stopPropagation();
});
}
src/index.js 0 → 100644
View file @ e4c2d872
import './pages/about/about';
import './pages/contact/contact';
import './pages/culture/culture';
import './pages/index/index';
import initNews from './pages/news/news';
import initTeam from './pages/team/team';
import initHeader from './common/header';
initHeader();
switch (location.pathname) {
case '/team.html':
initTeam();
break;
case '/news.html':
initNews();
break;
}
src/pages/about/about.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li class='active' data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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 data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</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>浙江.杭州市玉皇山基金小镇甘水巷150号</address>
<br/>
<span class="phone">
<i></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>
src/pages/about/about.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./about.less";
import "./about.html";
src/pages/about/about.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#about {
.main {
margin: 0 auto;
padding-bottom: 40px;
.overview,
.enterprise-vision {
margin: 0 auto \0; //IE8
width: 1200px \0;
padding: 30px;
background-color: #f1f1f1;
& > i {
display: block;
height: 400px;
}
& > p {
font-size: 18px;
line-height: 34px;
color: #707070;
}
}
.overview {
margin-bottom: 18px;
& > i {
background: url(images/1.jpg) no-repeat center center;
background-size: cover;
}
& > p {
margin: 50px 20px 20px 20px;
}
}
.enterprise-vision {
& > i {
background: url(images/2.jpg) no-repeat center center;
background-size: cover;
}
& > h1 {
margin: 30px 0 20px 0;
font-size: 22px;
color: #616161;
}
& > p {
margin-top: 0;
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.main {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/contact/contact.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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 data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li class='active' data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="banner">
<div>
<img src="images/banner.jpg"/>
</div>
</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>
src/pages/contact/contact.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./contact.less";
import "./contact.html";
src/pages/contact/contact.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#contact {
.banner {
background-color: #7e7e7e;
padding: 50px 0;
& > div {
margin: 0 auto;
//margin: 0 7% 0 21%;
height: 400px;
text-align: right;
img {
height: 400px;
max-width: 100%;
}
}
}
.address-phone {
.address-phone-box {
margin: 0 auto;
padding: 90px 0;
width: 1200px \0; //IE8
}
.address-phone-left {
padding-top: 88px;
width: 33%;
background: url(../../images/logo-footer.png) no-repeat;
& > div {
position: relative;
margin-top: 30px;
color: #999;
& > p {
margin-left: 50px;
line-height: 30px;
font-size: 18px;
color: #999;
& > span {
font-family: monospace;
font-size: 16px;
color: #000;
}
}
}
}
.address-map {
margin-top: 34px;
width: 67%;
height: 354px;
background: url(images/map.jpg) no-repeat center center;
background-size: cover;
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.address-phone-box {
width: @cw;
}
.banner > div {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/culture/culture.html 0 → 100644
View file @ e4c2d872
<!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>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li class='active' data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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 data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="banner">
<img src="images/banner.jpg" alt="banner"/>
<h1>
时代更迭 我们的专业态度不变 <br>
资本流转 你我间的信任不改 <br>
</h1>
</div>
<div class="main-box">
<div class="main">
<img src="images/li.jpg" alt="li">
<img src="images/xin.jpg" alt="xin">
<img src="images/zhong.jpg" alt="zhong">
<img src="images/zhi.jpg" alt="zhi">
</div>
<p class="content">
礼 | 信 | 忠 | 智
</p>
</div>
<div class="footer">
<div class="top bgImg">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address>
<br/>
<span class="phone">
<i></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>
src/pages/culture/culture.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./culture.less";
import "./culture.html";
src/pages/culture/culture.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#culture {
.banner {
position: relative;
height: 461px;
& > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 461px;
}
& > h1 {
position: relative;
margin: 0 auto;
width: 680px;
padding-top: 132px;
text-align: center;
line-height: 62px;
font-size: 38px;
color: #000;
z-index: 100;
text-shadow: #fff 4px 0 18px, #fff 0 4px 18px, #fff -4px 0 18px, #fff 0 -4px 18px;
-webkit-text-shadow: #fff 4px 0 18px, #fff 0 4px 18px,#fff -4px 0 18px, #fff 0 -4px 18px;
-moz-text-shadow: #fff 4px 0 18px, #fff 0 4px 18px,#fff -4px 0 18px, #fff 0 -4px 18px;
}
}
.main-box {
.main {
& > img {
margin: 0 0 12px 0;
padding: 0;
height: auto;
width: 100%;
}
}
& .content {
margin: 60px auto 0;
height: auto;
text-align: center;
font-family: serif;
font-size: 30px;
font-weight: 100;
text-align: center;
-webkit-font-smoothing: antialiased;
}
}
.address-phone {
width: 1200px \0; //IE8
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.address-phone {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/index/index.html 0 → 100644
View file @ e4c2d872
<!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>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li class='active' data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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 data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="banner">
<img src="images/lihan.jpg" alt="banner"/>
<h1>禮樂春秋環保夢&nbsp;&nbsp;&nbsp;瀚海沉浮金融心</h1>
</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/rectangle.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/banner.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>浙江.杭州市玉皇山基金小镇甘水巷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>
src/pages/index/index.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./index.less";
import "./index.html";
src/pages/index/index.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#index {
.title {
display: inline-block;
padding: 4px 40px;
font-size: 32px;
font-weight: normal;
border: 3px solid transparent;
}
.main {
.banner {
position: relative;
& > img {
width: 100%;
height: 450px;
}
& > h1 {
position: absolute;
top: 200px;
left: 42%;
font-size: 40px;
font-weight: 100;
font-family: "Serif";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.lihan {
margin: 0 auto;
width: 1200px \0; //IE8
.lihan-box {
margin: 0 auto;
padding: 70px 0 220px;
text-align: center;
background: url(images/three.png) no-repeat 50% 330px;
& > h1 {
font-size: 28px;
color: #ab0000;
border-color: #e67e22;
margin: 0 auto;
}
& > p {
line-height: 38px;
font-size: 20px;
color: #777;
}
}
}
.service {
position: relative;
text-align: center;
& > img {
width: 100%;
height: 570px;
}
.service-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
& > h1 {
margin-top: 70px;
font-size: 28px;
border-color: #7b7b7b;
}
.category {
margin: 0 auto;
width: 950px;
& > div {
position: relative;
margin-right: 50px;
width: 200px;
&.last {
margin-right: 0;
}
& > h2 {
margin-bottom: 0;
padding-top: 63px;
height: 166px;
font-size: 48px;
color: #e67e22;
background: url(images/polygon.png) no-repeat;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
}
}
}
}
}
.investment-field-box {
margin: 0 auto;
padding: 54px 0 100px 0;
width: 1200px \0; //IE8
text-align: center;
& > h2 {
margin: 0;
font-size: 28px;
color: #ab0000;
border-color: #e67e22;
}
& > h3 {
font-size: 30px;
color: #b52626;
}
.category {
padding: 0;
li {
margin-right: 4%;
padding-top: 184px;
width: 22%;
font-size: 26px;
&.first {
background: url(images/pic-01.jpg) no-repeat;
}
&.second {
background: url(images/pic-02.jpg) no-repeat;
}
&.three {
background: url(images/pic-03.jpg) no-repeat;
}
&.last {
margin-right: 0;
background: url(images/pic-04.jpg) no-repeat;
}
}
}
}
.banner-bottom {
position: relative;
text-align: center;
color: #fff;
& > img {
width: 100%;
height: 474px;
}
& > .banner-bottom-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
& > h1 {
margin-top: 140px;
font-size: 48px;
line-height: 68px;
font-weight: normal;
}
& > a {
padding: 8px 50px;
font-size: 24px;
border-radius: 20px;
color: #fff;
background-color: #b62125;
}
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.lihan-box,
.investment-field-box {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/news/news.html 0 → 100644
View file @ e4c2d872
<!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]>
<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 data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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' data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="header-img">
<img src="images/1.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"><!--{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><!-- {case detail} --></ul>
</div>
</div>
</div>
<div class="footer">
<div class="top">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address><br/>
<span class="phone"><i></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>
src/pages/news/news.js 0 → 100644
View file @ e4c2d872
import "./news.less";
import $ from "jquery";
import "./news.html";
import "babel-plugin-transform-es3-member-expression-literals";
import "babel-plugin-transform-es3-property-literals";
/* 轮播数据 */
const caseData = [
{
name: '长青集团',
fullName: '广东长青（集团）股份有限公司',
desc: '其环保新能源产业主营的环保热能的项目策划、投资、建设和运营环保装备的研发和制造',
href: 'http://www.chinachant.com/',
src: require('./images/banner-01.jpg')
},
{
name: '众合科技',
fullName: '浙江众合科技股份有限公司',
desc: '国家重点发展的轨道交通业务和能源环保业务',
href: 'http://www.swet.net.cn/index.html',
src: require('./images/banner-02.jpg')
},
{
name: '神雾环保',
fullName: '神雾环保技术股份有限公司',
desc: '向煤化工、石油化工客户提供节能环保综合解决方案',
href: 'ttp://www.swet.net.cn/index.html',
src: require('./images/banner-03.jpg')
},
{
name: '天翔环境',
fullName: '成都天翔环境股份有限公司',
desc: '节能环保及清洁能源设备的研发、生产、销售和服务',
href: 'http://www.tbhic.cn/',
src: require('./images/banner-04.jpg')
},
];
/* 动态新闻数据 */
const newsData = [
{
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: require('./images/2.jpg')
},
{
title: '牵手兴源环境 设立环保产业基金',
time: '2016年8月27日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483680&idx=1&sn=13a520365472bda45e0f9a4ef6c6ffc0&scene=1&srcid=0923uuFJJaXdz6OTGqkUqILE#rd',
desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。',
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: '礼瀚概念的呈现与解读',
time: '2016年8月26日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483664&idx=1&sn=791fc3b4988eff3aff5413fca8657652&scene=1&srcid=0923E21ltCilDaPCdyC2A9cw#rd',
desc: '为了拓展兴源环境（300266）的环保产业链,构建环保产业方向的金融支持平台,杭州礼瀚投资管理有限公司(以下简称“礼瀚投资”)携手杭州壹舟投资管理有限公司(以下简称“壹舟投资”)与兴源环境科技股份有限公司(以下简称“兴源环境”)及兴源控股有限公司(以下简称“兴源控股”)于2016年8月26日共同发起设立环保产业基金。',
src: ''
},
{
title: '礼瀚团建：毛里求斯——享受自然与冒险',
time: '2016年9月2日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd',
desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。',
src: ''
},
];
function templateImportantNews(value) {
return (`
<li class="fl">
<img class="news-left fl" src="${value.src}" alt="news">
<div class="fl news-right">
<div>
<h2><a href="${value.href}" title="${value.title}" target="_blank">${value.title}</a></h2>
<p> ${value.desc} </p>
<a href="${value.href}" target="_blank">
了解更多
<i class="right-arrow iconfont icon-jiantou-copy"></i>
</a>
</div>
</div>
</li>
`);
}
function templateNormalNews(value) {
return (`
<li class="fl">
<i class="iconfont icon-quanquanb"></i>
<a href="${value.href}" title="${value.title}" target="_blank">
${value.title}
</a>
<time class="fr">${value.time}</time>
</li>
`);
}
export default function () {
/* 初始化 */
/**
* 动态新闻部分添加内容
*/
let importantNewsArr = [];
let normalNewsArr = [];
newsData.forEach((value, index)=> {
index < 2 ?
importantNewsArr.push(templateImportantNews(value))
:
normalNewsArr.push(templateNormalNews(value));
});
$('.dynamic-news .important-news').html(importantNewsArr.join(''));
$('.dynamic-news .normal-news').html(normalNewsArr.join(''));
// $('.important-news li:last').addClass('last');
/* 轮播部分添加图片和文案 */
let imgArr = [];
let contentArr = [];
let len = caseData.length;
caseData.forEach(value=> {
imgArr.push(`<li class="fl"><img src="${value.src}" alt="${value.name}"></li>`);
contentArr.push(`
<li>
<div>
<h2>${value.name}</h2>
<h3>${value.fullName}</h3>
<p>${value.desc}</p>
</div>
<a href="${value.href}" target="_blank">
了解更多
<i class="right-arrow iconfont icon-jiantou-copy"></i>
</a>
</li>
`);
});
fnTab();
/*
* 图片轮播
*/
const $carouse = $('.carouse');
const $imgsBox = $('.imgs-box');
const $detail = $('.detail');
let $detailLis = $('.detail li');
let carouseWidth = $carouse.width();
let index = 0;
//初始化图片和内容的容器的高度
$imgsBox.width(carouseWidth * len);
$detail.height($detailLis[0].offsetHeight);
//点击右箭头
$('.next', $carouse).on('click', function (e) {
index++;
if (index == len) {
$('.case .imgs-box').append($('.imgs-box > li:first').detach());
$('.detail > ul').append($('.detail li:first').detach());
$imgsBox.css('left', -carouseWidth * (len - 2) + 'px');
index--;
}
change(index, carouseWidth, $imgsBox, e);
});
//点击左箭头
$('.prev', $carouse).on('click', function (e) {
index--;
if (index == -1) {
$('.case .imgs-box').prepend($('.imgs-box > li:last').detach());
$('.detail > ul').prepend($('.detail li:last').detach());
$imgsBox.css('left', -carouseWidth + 'px');
index++;
}
change(index, carouseWidth, $imgsBox, e);
});
/*
* 轮播添加图片和文案
*/
function fnTab() {
$('.carouse > ul').html(imgArr.join(''));
$('.detail > ul').html(contentArr.join(''));
$('.detail li:first').css('display', 'block');
}
/*
* 图片切换时的动画
*/
function change(index, carouseWidth, $imgsBox, e) {
$('.detail li').fadeOut(0)
.eq(index).fadeIn(500);
$imgsBox.animate({
left: -index * carouseWidth + 'px'
}, 500);
e.preventDefault();
e.stopPropagation();
}
}
src/pages/news/news.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
// @import "../../public/stylesheets/iconfont.less";
:global {
#news {
.header-img > img {
height: 400px;
width: 100%;
}
.dynamic-news {
margin: 0 auto;
width: 1200px \0;
& > .news {
& > h1 {
margin: 30px 0;
font-family: monospace;
font-size: 24px;
}
& > .important-news > li {
margin: 0 60px 0 0;
width: 538px \0;
height: 306px;
border: 1px solid #e4ecee;
&:last-child,
&.last {
margin-right: 0;
}
&:hover {
box-shadow: 0 0 30px #ebf1f1;
}
.news-left {
display: inline-block;
width: 50%;
height: 306px;
}
.news-right {
position: relative;
width: 50%;
height: 100%;
& > div {
padding: 50px 30px;
& > h2 {
margin: 0 0 6px 0;
line-height: 24px;
font-size: 20px;
font-weight: normal;
color: #343a3b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
& > p {
margin: 0;
line-height: 21px;
font-size: 15px;
color: #838b8c;
//text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-ms-hyphenate-limit-lines: 7;
-webkit-box-orient: vertical;
}
& > a {
position: absolute;
bottom: 24px;
left: 30px;
padding: 6px 20px;
font-size: 16px;
color: #fff;
border-radius: 20px;
background-color: #4674a9;
}
}
}
}
& > .normal-news {
margin: 54px 0 0 0;
& > li {
position: relative;
margin-right: 64px;
width: 538px \0;
line-height: 30px;
&:hover {
& > a {
text-decoration: underline;
font-weight: bold;
}
& > time {
font-weight: bold;
}
}
& > a {
display: inline-block;
margin-left: 20px;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
}
& > time {
font-size: 14px;
}
&:nth-child(2n) {
margin-right: 0;
}
//&:nth-child(1),
//&:nth-child(2) {
// margin-top: 0;
//}
}
}
}
}
.no-data {
text-align: center;
font-size: 20px;
}
.case {
margin: 0 auto;
width: 1200px \0;
& > h1 {
margin: 40px 0 20px 0;
font-family: monospace;
font-size: 24px;
}
.detail {
position: relative;
margin: 0 auto;
padding-top: 28px;
& > ul > li {
position: absolute;
padding-bottom: 170px;
width: 100%;
display: none;
& > div {
width: 80%;
margin: 0 auto;
& > h2 {
margin: 16px 0;
font-size: 20px;
font-weight: 100;
-webkit-font-smoothing: antialiased;
}
& > h3,
& > p {
margin: 0;
line-height: 28px;
font-size: 18px;
font-weight: normal;
color: #7b7b7b;
-webkit-font-smoothing: antialiased;
}
}
& > a {
position: absolute;
right: 30px;
bottom: 60px;
padding: 12px 100px 12px 26px;
font-size: 18px;
color: #fff;
background-color: #4674a9;
border-radius: 20px;
& > i.right-arrow:before {
font-size: 18px;
color: #fff;
}
}
}
}
}
.carouse {
position: relative;
width: 1200px \0;
height: 312px;
overflow: hidden;
.prev,
.next {
position: absolute;
top: 50%;
margin-top: -25px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
font-size: 30px;
color: #ff0000;
border-radius: 50%;
background-color: rgba(0, 0, 0, .3);
background-color: #aab1b8 \0;
z-index: 10;
cursor: pointer;
&:hover {
background-color: rgba(0, 0, 0, .5);
background-color: #aab1b8 \0;
}
}
.prev {
left: 30px;
}
.next {
right: 30px;
}
.imgs-box {
margin: 0;
position: absolute;
left: 0;
top: 0;
& > li > img {
width: 1200px;
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.dynamic-news {
width: @cw;
& > .news {
width: @cw;
& > ul > li {
width: @cw / 2 - 32px;
}
}
}
.case {
width: @cw;
.carouse {
width: @cw;
& > ul {
width: 4 * @cw;
img {
width: @cw;
height: auto;
}
}
}
.detail {
width: @cw;
}
}
}
}
body {
.screen();
}
}
}
src/pages/team/team.html 0 → 100644
View file @ e4c2d872
<!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
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 data-index="0">
<a href="/">首页 <br/> HOME</a>
</li>
<li class='active' data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</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 data-index="2">
<a href="/news.html">动态新闻 <br/> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br/> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="banner">
<img src="images/banner.jpg" alt="banner"/>
</div>
<div class="team-box">
<div class="team">
<h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1>
<ul class="detail partners"><!-- {leader} --></ul>
<div class="arrow">
<i class="iconfont icon-01"></i>
</div>
</div>
</div>
<div class="introduce-main">
<h1>团队介绍| INTRODUCE</h1>
<ul class="list partners"><!-- {team} --></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>
<h2></h2>
<p></p>
</div>
</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>浙江.杭州市玉皇山基金小镇甘水巷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>
src/pages/team/team.js 0 → 100644
View file @ e4c2d872
import "./team.less";
import $ from "jquery";
import "./team.html";
//团队数据
const teamData = [
{
name: '葛健斌',
job: '副总经理',
desc: '葛健斌先生毕业于南京财经大学，中国注册会计师，具有基金业从业资格。<br/>近10年证券业相关单位从业经验，历任天健会计师事务所高级项目经理，具有多年IPO、并购重组实战经验，主要负责金固股份、恒生电子、利欧股份、浙报传媒等上市公司的年报审计、并购重组及IPO等事项。<br/>2015年加入杭州礼瀚，任公司副总经理，任职期间，公司与众合科技、天翔环境等上市公司形成了全面战略合作。公司环保能源产业事业部主要负责人，管理基金规模超10亿元。',
largeImg: require('./images/gejianbin.png'),
smallImg: require('./images/gejianbin-small.jpg')
},
{
name: '杨媛',
job: '总经理',
desc: '法学专业，12年金融从业经验。熟悉证券、基金、银行、保险金融业务。具有金融公司运营、管理经验，熟悉相关政策和法规。<br/>擅长私募基金项目开发，股权、债券等产品设计，销售渠道开发。具有基金业从业资格。',
largeImg: require('./images/yangyuan.png'),
smallImg: require('./images/yangyuan-small.jpg')
},
{
name: '吴霄薇',
job: '研究部副总',
desc: '曾任职于安可国际公关公司，具有多年公共关系行业经验，服务于各金融、政府以及非政府机构。曾为中国工商银行、中信证券、瑞士信贷等机构提供企业传播、金融政策研究等服务。<br/>香港浸会大学社会科学学士以及伦敦政治经济学院理学硕士毕业，具有基金业从业资格。',
largeImg: require('./images/wuxiaowei.png'),
smallImg: require('./images/wuxiaowei-small.jpg')
},
{
name: '罗杭婷',
job: '产品部总经理',
desc: '金融学专业毕业，具有基金业从业资格。<br/>丰富的金融工作经验，熟悉产品设计、基金架构搭建、股权投资等主要私募基金模式。曾参与产业基金、并购基金、定增基金、过桥基金以及员工股权激励平台的设计和执行。合作参与的上市公司包括天翔环境、兴源环境、长青集团、易事特、思创医惠等。',
largeImg: require('./images/luohangting.png'),
smallImg: require('./images/luohangting-small.jpg')
},
{
name: '刘川',
job: '环保能源事业部副总',
desc: '刘川先生毕业于浙江财经大学，中国注册会计师。<br/>近6年证券业相关单位从业经验，曾任天健会计师事务所项目经理、国信证券投行部项目经理，主要参与过海正药业、升华拜克、兔宝宝等上市公司的年报审计、并购重组及IPO等事项。<br/>2016年加入杭州礼瀚，公司环保能源产业事业部主要成员。',
largeImg: require('./images/liuchuan.png'),
smallImg: require('./images/liuchuan-small.jpg')
},
{
name: '吴炜',
job: '财务经理',
desc: '金融学专业，11年财务从业经验，具有会计从业资格证，房地产估价师证。熟悉财务、银行、税务、投融资业务。熟悉公司运营管理及相关法律法规，目前负责财务管理工作。',
largeImg: require('./images/wuwei.png'),
smallImg: require('./images/wuwei-small.jpg')
},
{
name: '沈好文',
job: '产品经理',
desc: '浙江工商大学理学学士以及美国圣约瑟夫大学金融硕士。具有证券从业资格、基金从业资格，通过CFA1级考试。熟悉公司经营情况、盈利模式、现金流等分析方法、行业研究方法和权益、债券、公司整体估值、定价方法，有海外财务工作经验和券商工作经验。',
largeImg: require('./images/shenhaowen.png'),
smallImg: require('./images/shenhaowen-small.jpg')
},
];
export default function() {
const $introduceMain = $('.introduce-main');
const $modalBox = $('.modal-box');
const $close = $('.close', $modalBox);
/* 初始化 */
let lis = teamData.reduce((arr, value)=> {
arr.push(`
<li class="partner-pic fl">
<img src="${value.smallImg}" alt="">
<h2>${value.name} ${value.job}</h2>
<div class="icon">
<i class="wechat iconfont icon-weixin"></i>
</div>
</li>
`);
return arr;
}, []);
$('.team .detail').html(lis[0] + lis[1] + lis[2]);
$('.introduce-main .list').html(lis.join(''));
/*
* 点击箭头,团队介绍部分出现和隐藏
*/
$('.team .arrow > i').on('click', function () {
$introduceMain.slideToggle(300);
$(this).hasClass('slideDown') ? $(this).removeClass('slideDown') : $(this).addClass('slideDown');
});
/*
* 点击合伙人图片,模态框出现
* 点击模态框X,模态框隐藏
*/
$('ul.partners').on('click', 'li', function (e) {
let index = $(this).index();
$modalBox.fadeIn(300);
$('.left-pic img',$modalBox).attr('src', teamData[index].largeImg);
$('.left-pic h2',$modalBox).html(teamData[index].name);
$('.left-pic p',$modalBox).html(teamData[index].job);
$('.right-content h2',$modalBox).html(teamData[index].name + ' ' + teamData[index].job);
$('.right-content p',$modalBox).html(teamData[index].desc);
e.stopPropagation();
e.preventDefault();
});
$close.on('click', ()=> {
$modalBox.fadeOut(300);
})
}
src/pages/team/team.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
// @import "../../public/stylesheets/iconfont.less";
:global {
#team {
.main {
.banner > img {
width: 100%;
height: 400px;
display: block;
}
.partner-pic {
padding: 32px 0 0 0;
background-color: #fff;
& > img {
display: inline-block;
height: 124px;
width: 124px;
border-radius: 50%;
}
& > h2 {
font-size: 16px;
font-weight: normal;
}
.icon {
padding: 10px 0;
background-color: #e8eff1;
}
&:hover .icon {
background-color: #ffac55;
.wechat:before {
color: #fff;
}
}
}
.boss {
& > i {
background: #f1f2f4 url(images/gejianbin.png) no-repeat;
background-size: 124px 124px;
}
}
.team-box {
background-color: #d9d9d9;
padding: 44px 0 25px 0;
}
.team {
margin: 0 auto;
width: 900px \0;
text-align: center;
& > h1 {
margin: 0 0 46px 0;
line-height: 32px;
font-size: 24px;
font-weight: normal;
}
.detail {
&:after {
content: '';
display: block;
clear: both;
}
.partner-pic {
margin-right: 5%;
width: 30%;
cursor: pointer;
&:last-child {
margin-right: 0;
}
}
.boss {
& > i {
background: #f1f2f4 url(images/gejianbin.png) no-repeat;
background-size: 124px 124px;
}
}
}
.arrow {
margin-top: 14px;
cursor: pointer;
& > i {
display: inline-block;
transition: transform 300ms;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
&.slideDown {
transition: transform 300ms;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
}
}
}
.introduce-main {
display: none;
margin: 0 auto;
width: 1200px \0; //IE8
padding-top: 60px;
&:after {
content: '';
display: block;
clear: both;
}
& > h1 {
margin-bottom: 44px;
padding: 0;
font-size: 24px;
color: #343a3b;
}
.partner-pic {
margin: 0 4% 4% 0;
margin: 0 48px 48px 0 \0;
width: 262px \0;
text-align: center;
border: 1px solid #e1e9eb;
cursor: pointer;
&:nth-child(4n) {
margin-right: 0;
}
&:nth-child(n+4) {
margin-bottom: 0;
}
}
}
}
.modal-box {
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
.modal-dialog {
position: absolute;
top: 50%;
margin-top: -200px;
width: 100%;
height: 300px;
background: -webkit-linear-gradient(left, #72757d, #aab1b8, #72757d);
background: -moz-linear-gradient(left, #72757d, #aab1b8, #72757d);
background: linear-gradient(left, #72757d, #aab1b8, #72757d);
background-color: #aab1b8 \0;
color: #fff;
.close {
position: absolute;
top: -108px;
right: 15%;
padding: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 38px;
font-weight: bold;
border-radius: 50%;
border: 4px solid #fff;
background-color: #5f5f5f;
color: #fff;
cursor: pointer;
&:after {
content: '';
position: absolute;
top: 54px;
left: 22px;
height: 50px;
border-right: 6px solid #fff;
}
}
& > div {
&:after {
content: '';
display: block;
clear: both;
}
.left-pic {
position: relative;
margin-left: 13%;
margin-right: 5%;
width: 300px;
height: 300px;
text-align: center;
background-size: 300px 300px;
color: #333;
& > img {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 300px;
z-index: 0;
}
& > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
& > h2 {
margin: 230px 0 0 0;
font-size: 20px;
font-weight: normal;
}
}
}
.right-content {
width: 53%;
& > div {
position: relative;
margin-top: 20px;
padding: 36px 40px 0 40px;
& > h2 {
margin-top: 0;
font-size: 20px;
}
& > p {
font-size: 16px;
line-height: 24px;
font-weight: 200;
-webkit-font-smoothing: antialiased;
}
}
}
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.team {
width: @cw*3/4;
}
.introduce-main {
width: @cw;
.partner-pic,
.boss {
width: (@cw*22/100)-2px;
}
}
}
}
body {
.screen();
}
}
}
src/styles/common.less 0 → 100644
View file @ e4c2d872
@import "normalize";
@import "variable";
@import "iconfont.less";
/* 公共样式 start*/
:global {
a {
text-decoration: none;
color: #000000;
}
ul, li {
list-style: none;
padding-left: 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear-fl {
&:after {
content: '';
display: block;
clear: both;
}
}
/* 公共样式 end*/
/* #header start */
.header {
background-color: #b62125;
.header-box {
margin: 0 auto;
padding-top: 36px;
width: 1200px\0;
background: url(../images/Logo.png) no-repeat 30px 13px;
&:before {
content: '';
display: table;
}
.nav {
margin: 0 0 0 35.6%;
&:after {
content: '';
display: block;
clear: both;
}
& > li {
position: relative;
float: left;
padding: 0 30px 8px 30px;
text-align: center;
& > a {
color: #fca960;
font-size: 18px;
line-height: 24px;
}
&:hover,
&.active {
border-bottom: 5px solid #fff;
&:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
margin-left: -10px;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom-color: #fff;
}
& > a {
color: #fff;
}
}
.introduce {
display: none;
position: absolute;
top: 60px;
width: 496px;
padding: 28px 44px 52px 16px;
z-index: 999;
text-align: left;
background-color: #eee;
.left {
margin-top: 22px;
& > a {
display: block;
margin-bottom: 44px;
padding: 6px 10px;
border-radius: 4px;
font-size: 20px;
&:last-child {
margin-bottom: 0;
}
&:hover {
background-color: #b62125;
color: #fff;
}
}
}
.right {
margin: 0 0 0 22px;
padding: 16px 0 170px 22px;
line-height: 30px;
font-size: 18px;
border-left: 3px solid #b62125;
}
}
}
}
}
}
/* #header end */
/* #footer start */
.footer {
.top {
margin: 50px auto 0;
padding-bottom: 46px;
width: 1200px\0;
.address-phone {
margin: 0 auto;
padding-top: 107px;
background: url(../images/logo-footer.png) no-repeat;
font-size: 16px;
color: #777;
.iconfont.icon-phone {
position: relative;
top: -2px;
}
}
}
.bgImg {
margin-top: 118px;
padding-bottom: 180px;
background: url(../images/footer.jpg) no-repeat;
//background-size: cover;
}
.bottom {
padding: 26px 0 36px 0;
text-align: center;
font-size: 16px;
color: #fff;
background-color: #b62125;
}
}
/* #footer end */
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.header-box {
width: @cw;
}
.top {
width: @cw;
}
}
}
body {
.screen();
}
}
src/styles/iconfont.less 0 → 100644
View file @ e4c2d872
:global {
@font-face {
font-family: "iconfont";
src: url('../styles/iconfont.eot?t=1476593111'); /* IE9*/
src: url('../styles/iconfont.eot?t=1476593111#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../styles/iconfont.woff?t=1476593111') format('woff'), /* chrome, firefox */ url('../styles/iconfont.ttf?t=1476593111') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../styles/iconfont.svg?t=1476593111#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.icon-jiantou-copy:before {
content: "\e614";
color: #ff0000;
font-size: 30px;
}
.right-arrow.icon-jiantou-copy:before {
content: "\e614";
font-size: 18px;
color: #fff;
}
.icon-jiantou-copy1:before {
content: "\e632";
color: #ff0000;
font-size: 30px;
}
.icon-weixin:before {
content: "\f00bd";
color: #838b8c;
font-size: 40px;
}
.icon-phone:before {
content: "\e640";
font-size: 20px;
}
.icon-yinhao:before {
content: "\e6b6";
color: #fff;
font-size: 40px;
position: absolute;
top: 0;
left: 0;
}
.icon-youyinhao:before {
content: "\e75f";
color: #fff;
font-size: 40px;
position: absolute;
bottom: 0;
right: 0;
}
.icon-dianhua:before {
content: "\e641";
position: relative;
top: 12px;
}
.icon-m-loginEmail:before {
content: "\e69e";
position: relative;
top: 12px;
}
.icon-dizhi:before {
content: "\e601";
position: relative;
top: 12px;
}
.icon-dianhua:before,
.icon-m-loginEmail:before,
.icon-dizhi:before {
color: #16d428;
font-size: 30px;
position: absolute;
}
.icon-01:before {
content: "\e677";
font-size: 68px;
color: #bababa;
transform: rotate(180deg);
}
.icon-quanquanb:before {
content: "\e6d3";
position: absolute;
}
}
src/styles/iconfont.svg 0 → 100644
View file @ e4c2d872
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Sun Oct 16 12:45:11 2016
By admin
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
panose-1="2 0 6 3 0 0 0 0 0 0"
ascent="896"
descent="-128"
x-height="792"
bbox="0 -224 1219 896"
underline-thickness="50"
underline-position="-100"
unicode-range="U+0078-F00BD"
/>
<missing-glyph horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".notdef" horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
/>
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
<glyph glyph-name="uniE601" unicode="&#xe601;"
d="M529 797q-99 0 -183 -50t-132.5 -135.5t-48.5 -186.5q0 -117 65 -212q4 -8 6 -10l248 -319q18 -25 45 -25t45 25l249 319q2 3 6 10q65 95 65 212q0 101 -49 186.5t-133 135.5t-183 50v0zM769 255l-2 -3l-2 -3l-1 -2l-235 -302l-235 302l-1 3l-2 3l-2 2q-51 76 -51 170
q0 123 85 210t206 87t206.5 -87t85.5 -210q0 -94 -52 -170v0zM529 573q-60 0 -103 -43.5t-43 -105t43 -105t103.5 -43.5t103 43.5t42.5 105t-42.5 105t-103.5 43.5v0zM529 350q-30 0 -51.5 22t-21.5 52.5t21.5 52.5t51.5 22t51.5 -22t21.5 -52.5t-21.5 -52.5t-51.5 -22v0z
M725 -57z" />
<glyph glyph-name="uniE614" unicode="&#xe614;"
d="M294 -128q-30 0 -51.5 21.5t-21.5 51.5t21 52l387 387l-387 387q-21 22 -21 52t21.5 51.5t51.5 21.5t52 -21l439 -439q21 -22 21 -52t-21 -52l-439 -439q-22 -21 -52 -21z" />
<glyph glyph-name="uniE632" unicode="&#xe632;"
d="M730 896q30 0 51.5 -21.5t21.5 -51.5t-21 -52l-387 -387l387 -387q21 -22 21 -52t-21.5 -51.5t-51.5 -21.5t-52 21l-439 439q-21 22 -21 52t21 52l439 439q22 21 52 21z" />
<glyph glyph-name="uniE640" unicode="&#xe640;"
d="M736 800h-448q-40 0 -68 -28t-28 -68v-832q0 -40 28 -68t68 -28h448q40 0 68 28t28 68v832q0 40 -28 68t-68 28zM512 -160q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM768 32h-512v640h512v-640z" />
<glyph glyph-name="uniE641" unicode="&#xe641;"
d="M195 896q-9 0 -18 -2q-42 -7 -81 -46.5t-61 -83t-27 -77.5q-13 -74 2.5 -132.5t49.5 -116.5q98 -168 239 -302q89 -86 143.5 -127t151.5 -94q29 -16 83.5 -29.5t85.5 -13.5h3q89 2 148 44q14 10 31 24.5t43.5 46t31.5 56.5q5 24 -1.5 47t-24.5 43.5t-30 31.5t-33 27
q-10 8 -14 11q-93 79 -159 79q-55 0 -89 -46l-3 -3q-14 -16 -19 -19.5t-18 -3.5q-87 0 -168 84q-71 75 -106 146q-19 39 -18.5 50t19.5 40l1 1q1 2 6 7q10 11 16 19.5t15 28t11 38.5t-4.5 47.5t-23.5 57.5q-21 36 -39 62t-41.5 52t-49.5 39.5t-52 13.5v0zM547 594
q-8 9 -8 20t8 19t20 8h325q11 0 19 -8t8 -19t-8 -19.5t-19 -8.5h-325q-12 0 -20 8v0zM779 465q-9 8 -9 19.5t9 19.5l111 111l-131 119q-9 7 -9.5 18.5t7.5 20t19 9t20 -6.5l131 -120q17 -14 18 -39q0 -23 -16 -40l-111 -111q-9 -8 -20 -8t-19 8v0z" />
<glyph glyph-name="uniE677" unicode="&#xe677;"
d="M772 319l87 -86l-347 -347l-347 347l87 86l260 -260zM772 319zM512 402zM443 402q0 29 20 49.5t49 20.5t49 -20.5t20 -49.5t-20 -49t-49 -20t-49 20t-20 49zM512 645zM443 645q0 29 20 49t49 20t49 -20t20 -49t-20 -49t-49 -20t-49 20t-20 49z" />
<glyph glyph-name="uniE69E" unicode="&#xe69e;"
d="M512 896l-512 -288v-608q0 -53 37.5 -90.5t90.5 -37.5h768q53 0 90.5 37.5t37.5 90.5v608zM68 0v500l288 -231l-286 -287q-2 6 -2 18zM114 -63l294 295l104 -72l104 70l294 -292zM956 0q0 -15 -1 -18l-288 287l289 231v-500zM512 235l-448 341l447 245l449 -245z" />
<glyph glyph-name="uniE6B6" unicode="&#xe6b6;"
d="M776 458q68 105 183 184l-75 79q-66 -25 -126 -69.5t-107 -102t-75.5 -130t-28.5 -146.5h1v-19q0 -85 60 -145.5t145 -60.5t145.5 60.5t60.5 145.5q0 79 -52.5 137.5t-130.5 66.5zM473 642l-75 79q-66 -25 -126 -69.5t-107.5 -102t-75.5 -130t-28 -146.5h1q-1 -10 -1 -19
q0 -85 60.5 -145.5t145.5 -60.5t145.5 60.5t60.5 145.5q0 79 -53 137.5t-130 66.5q68 105 183 184z" />
<glyph glyph-name="uniE6D3" unicode="&#xe6d3;"
d="M492 -74q-117 0 -216 57.5t-157 157t-58 216t58 216t157 157t216 57.5t216 -57.5t157 -157t58 -216t-58 -216t-157 -157t-216 -57.5zM491.5 727q-100.5 0 -185.5 -49.5t-135 -135t-50 -186t50 -186t135 -135t185.5 -49.5t186 49.5t135 135t49.5 186t-49.5 186t-135 135
t-186 49.5zM491.5 171q-76.5 0 -130.5 54.5t-54 131t54 130.5t130.5 54t131 -54t54.5 -130.5t-54.5 -131t-131 -54.5zM491.5 481q-51.5 0 -88 -36.5t-36.5 -88t36.5 -88t88 -36.5t88.5 36.5t37 88t-37 88t-88.5 36.5z" />
<glyph glyph-name="uniE75F" unicode="&#xe75f;"
d="M251 310q-67 -105 -183 -183l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5zM554 127l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19
q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5q-67 -105 -183 -183z" />
<glyph glyph-name="uF00BD" unicode="&#xf00bd;" horiz-adv-x="1220"
d="M1068 -101l33 -111l-119 67q-86 -22 -129 -22q-101 0 -185.5 43t-133 117.5t-48.5 162t48.5 162t133 117.5t185.5 43q96 0 180.5 -43t135 -118t50.5 -162q0 -71 -40.5 -136.5t-110.5 -119.5zM734 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q23 0 38.5 13.5
t15.5 31t-15.5 31t-38.5 13.5zM971 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q24 0 39 13.5t15 31t-15 31t-39 13.5zM459 150q0 -46 13 -93q-22 -2 -40 -2q-16 0 -30.5 1t-32 4t-27 4.5t-32 6.5t-30.5 6l-150 -78l43 134q-173 125 -173 301q0 104 58 191
t157.5 137t216.5 50q159 0 283 -89t152 -223q-23 2 -42 2q-100 0 -184.5 -47t-133 -128t-48.5 -177zM291 623q-25 0 -45 -16t-20 -40t20 -39.5t45 -15.5t39.5 15t14.5 40t-14.5 40.5t-39.5 15.5zM593 623q-25 0 -44.5 -16t-19.5 -40t19.5 -39.5t44.5 -15.5t39.5 15t14.5 40
t-14.5 40.5t-39.5 15.5z" />
</font>
</defs></svg>
src/styles/normalize.less 0 → 100755
View file @ e4c2d872
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
src/styles/variable.less 0 → 100644
View file @ e4c2d872
@container-width-small: 990px;
@screen-width-small: 769px;
@container-width: 1150px;
@screen-width:1281px;
@container-width-large: 1360px;
@screen-width-large:1441px;
webpack.config.js 0 → 100644
View file @ e4c2d872
const fs = require('fs');
const path = require('path');
module.exports = function(webpackConfig, env) {
webpackConfig.plugins.shift();
webpackConfig.babel.plugins.push('transform-runtime');
// Support hmr
if (env === 'development') {
webpackConfig.devtool = '#eval';
webpackConfig.babel.plugins.push(['dva-hmr', {
entries: [
// './src/public.js',
],
}]);
} else {
webpackConfig.babel.plugins.push('dev-expression');
}
// Support CSS Modules
// Parse all less files as css module.
webpackConfig.module.loaders.forEach(function(loader, index) {
var test = loader.test;
var testString = test.toString() + '';
if (typeof test === 'function' && testString.indexOf('\\.less$') > -1) {
loader.include = /node_modules/;
loader.test = /\.less$/;
}
if (testString === '/\\.module\\.less$/') {
loader.exclude = /node_modules/;
loader.test = /\.less$/;
}
if (typeof test === 'function' && testString.indexOf('\\.css$') > -1) {
loader.include = /node_modules/;
loader.test = /\.css$/;
}
if (testString === '/\\.module\\.css$/') {
loader.exclude = /node_modules/;
loader.test = /\.css$/;
}
switch(testString){
case '/\\.(png|jpg|jpeg|gif)(\\?v=\\d+\\.\\d+\\.\\d+)?$/i':
loader.loader = 'url?limit=10000' + (env === 'development' ? '&name=[path][name].[ext]' : '&name=images/[hash].[ext]');
break;
case '/\\.woff(\\?v=\\d+\\.\\d+\\.\\d+)?$/':
loader.test = /\.woff((\?v=\d+\.\d+\.\d+)|(\?t=\d+))?$/i;
loader.loader = 'url?limit=2048&minetype=application/font-woff' + (env === 'development' ? '': '&name=fonts/[hash].[ext]');
break;
case '/\\.woff2(\\?v=\\d+\\.\\d+\\.\\d+)?$/':
loader.test = /\.woff2((\?v=\d+\.\d+\.\d+)|(\?t=\d+))?$/i;
loader.loader = 'url?limit=2048&minetype=application/font-woff' + (env === 'development' ? '': '&name=fonts/[hash].[ext]');
break;
case '/\\.ttf(\\?v=\\d+\\.\\d+\\.\\d+)?$/':
loader.test = /\.ttf((\?v=\d+\.\d+\.\d+)|(\?t=\d+))?$/i;
loader.loader = 'url?limit=2048&minetype=application/octet-stream' + (env === 'development' ? '': '&name=fonts/[hash].[ext]');
break;
case '/\\.eot(\\?v=\\d+\\.\\d+\\.\\d+)?$/':
loader.test = /\.eot((\?v=\d+\.\d+\.\d+)|(\?t=\d+))?(\#iefix)?$/i;
loader.loader = 'file' + (env === 'development' ? '': '?name=fonts/[hash].[ext]');
break;
case '/\\.svg(\\?v=\\d+\\.\\d+\\.\\d+)?$/':
loader.test = /\.svg((\?v=\d+\.\d+\.\d+)|(\?t=\d+))?(\#iconfont)?$/i;
loader.loader = 'url?limit=2048&minetype=image/svg+xml' + (env === 'development' ? '': '&name=images/[hash].[ext]');
break;
case '/\\.html?$/':
loader.loader = 'file?name=[name].[ext]!extract!html'
break;
}
});
return webpackConfig;
};
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