Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
G
ginfinite
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
superman
ginfinite
Commits
cb8f355e
Commit
cb8f355e
authored
Oct 26, 2016
by
superman
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update
parent
af4cb551
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
12 additions
and
11 deletions
+12
-11
about.html
dist/about.html
+1
-1
contact.html
dist/contact.html
+1
-1
culture.html
dist/culture.html
+1
-1
426b3ee2486ef66e793b10ff6aedbdd4.jpg
dist/images/426b3ee2486ef66e793b10ff6aedbdd4.jpg
+0
-0
index.css
dist/index.css
+1
-1
index.html
dist/index.html
+1
-1
index.js
dist/index.js
+5
-4
news.html
dist/news.html
+1
-1
team.html
dist/team.html
+1
-1
No files found.
dist/about.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
about
>
<head>
<meta
charset=
UTF-8
>
<title>
礼瀚-公司介绍/关于礼瀚
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
about
>
<head>
<meta
charset=
UTF-8
>
<title>
礼瀚-公司介绍/关于礼瀚
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<script
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
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号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li>
<a
href=
/
>
首页
</a>
</li>
<li
class=
"active company"
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
main
>
<div
class=
overview
>
<i></i>
<p>
杭州礼瀚投资管理有限公司成立于2012年,注册资本1000万元,是一家以投资银行业务、产业基金管理、 证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。
<br/><br/>
公司深耕节能环保领域,立足产业及资本市场远景,建立了以研究为基础,股权业务、投行业务、债权业 务、证券业务全方位发展的业务结构,累计资产管理规模达到40亿。
<br/><br/>
公司致力于为各阶段客户提供产业及资本战略规划,创造更多价值,同时协助客户解决资金、资产瓶颈, 以长期合作伙伴及财务顾问的身份,协助产业客户实现融资、投资需求,打造礼瀚自己的金融品牌。
</p>
</div>
<div
class=
enterprise-vision
>
<i></i>
<h1>
企业愿景 Enterprise vision
</h1>
<p>
公司致力于为各阶段客户提供产业及资本战略规划,创造更多价值,同时协助客户解决资金、资产瓶颈, 以长期合作伙伴及财务顾问的身份,协助产业客户实现融资、投资需求,打造礼瀚自己的金融品牌。
</p>
</div>
</div>
<div
class=
footer
>
<div
class=
top
>
<div
class=
address-phone
>
<address>
<i
class=
"iconfont icon-dizhi"
></i>
浙江.杭州市玉皇山基金小镇甘水巷150号
</address>
<br/>
<span
class=
phone
>
<i
class=
"iconfont icon-phone"
></i>
+86-0571-8773151
</span>
</div>
</div>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
dist/contact.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
contact
>
<head>
<meta
charset=
UTF-8
>
<title>
礼瀚-联系我们
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
contact
>
<head>
<meta
charset=
UTF-8
>
<title>
礼瀚-联系我们
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<script
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
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号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li>
<a
href=
/
>
首页
</a>
</li>
<li
class=
company
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li
class=
active
>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
banner
>
<img
src=
images/a7919ef1a4898c846a26f0226b91f13f.jpg
alt=
banner
/>
</div>
<div
class=
address-phone
>
<div
class=
"address-phone-box clear-fl"
>
<div
class=
"address-phone-left fl"
>
<div
class=
tel
>
<i
class=
"iconfont icon-dianhua"
></i>
<p>
<span>
CALL US
</span>
<br/>
+86-0751-8773151
</p>
</div>
<div
class=
email
>
<i
class=
"iconfont icon-m-loginEmail"
></i>
<p>
<span>
EMAIL
</span>
<br/>
info@consultplus.com
</p>
</div>
<div
class=
address
>
<i
class=
"iconfont icon-dizhi"
></i>
<p>
<span>
ADRESS
</span>
<br/>
浙江.杭州市玉皇山
<br/>
基金小镇甘水巷150号
</p>
</div>
</div>
<div
class=
"address-map fl"
></div>
</div>
</div>
<div
class=
footer
>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
dist/culture.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
culture
>
<head>
<meta
charset=
UTF-8
>
<title>
公司介绍-企业文化
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
culture
>
<head>
<meta
charset=
UTF-8
>
<title>
公司介绍-企业文化
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
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>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li>
<a
href=
/
>
首页
</a>
</li>
<li
class=
"active company"
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
banner
>
<img
src=
images/071af320c3118964e4fb67fc40286d69.jpg
alt=
banner
/>
<h1>
时代更迭 我们的专业态度不变
<br>
资本流转 你我间的信任不改
<br>
</h1>
</div>
<div
class=
main-box
>
<div
class=
main
>
<img
src=
images/831d1be34b0babe7539bac3b4ba13466.jpg
alt=
li
>
<img
src=
images/3b783f7181b9492b5bb4fb84afe61b4b.jpg
alt=
xin
>
<img
src=
images/0ed8eccbb187309ac6dbbd1f35036400.jpg
alt=
zhong
>
<img
src=
images/14937b27816fba1af8cedd0e5b3f8891.jpg
alt=
zhi
>
</div>
<p
class=
content
>
礼 | 信 | 忠 | 智
</p>
</div>
<div
class=
footer
>
<div
class=
"top bgImg"
>
<div
class=
address-phone
>
<address>
<i
class=
"iconfont icon-dizhi"
></i>
浙江.杭州市玉皇山基金小镇甘水巷150号
</address>
<br/>
<span
class=
phone
>
<i
class=
"iconfont icon-phone"
></i>
+86-0571-8773151
</span>
</div>
</div>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号 2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
dist/images/426b3ee2486ef66e793b10ff6aedbdd4.jpg
0 → 100644
View file @
cb8f355e
301 KB
dist/index.css
View file @
cb8f355e
#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/eHBhY2tldCBlbmQ9InIiPz5rpx1LAAAKr0lEQVR42uydf2xe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)
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
}}
#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
>
img
{
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/eHBhY2tldCBlbmQ9InIiPz5rpx1LAAAKr0lEQVR42uydf2xe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)
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
50px
;
background-color
:
#fff
}
#team
.main
.partner-pic
>
img
{
display
:
inline-block
;
height
:
124px
;
width
:
124px
;
border-radius
:
50%
}
#team
.main
.partner-pic
>
h2
{
margin
:
20px
0
0
;
font-size
:
16px
;
font-weight
:
400
}
#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
.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
:nth-child
(
1
)>
a
:after
{
content
:
'HOME'
;
display
:
block
}
.header
.header-box
.nav
>
li
:nth-child
(
2
)>
a
:after
{
content
:
'COMPANY'
;
display
:
block
}
.header
.header-box
.nav
>
li
:nth-child
(
3
)>
a
:after
{
content
:
'NEWS'
;
display
:
block
}
.header
.header-box
.nav
>
li
:nth-child
(
4
)>
a
:after
{
content
:
'CONTACT'
;
display
:
block
}
.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
>
address
{
font-style
:
normal
}
.footer
.top
.address-phone
.iconfont
{
display
:
inline-block
;
width
:
30px
}
.footer
.top
.address-phone
.iconfont.icon-phone
{
position
:
relative
;
top
:
-2px
;
left
:
5px
}
.footer
.top
.address-phone
.iconfont.icon-dizhi
{
position
:
relative
;
top
:
-33px
;
font-size
:
27px
}
.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
\ No newline at end of file
dist/index.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
index
>
<head>
<meta
charset=
UTF-8
>
<title>
首页
</title>
<link
rel=
stylesheet
href=
index.css
>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
index
>
<head>
<meta
charset=
UTF-8
>
<title>
首页
</title>
<link
rel=
stylesheet
href=
index.css
>
</head>
<body>
<!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
class=
active
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>
禮樂春秋環保夢
瀚海沉浮金融心
</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号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
class=
active
>
<a
href=
/
>
首页
</a>
</li>
<li
class=
company
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
main
>
<div
class=
banner
>
<img
src=
images/426b3ee2486ef66e793b10ff6aedbdd4.jpg
alt=
banner
/>
</div>
<div
class=
lihan
>
<div
class=
lihan-box
>
<h1
class=
title
>
关于礼瀚
</h1>
<p>
杭州礼瀚投资管理有限公司成立于2012年,注册资本1000万元,是一家以投资银行业务、
<br/>
产业基金管理、证券投资为主的资产管理机构。
<br/>
公司于2014年获得私募基金管理人资格。
</p>
</div>
</div>
<div
class=
service
>
<img
src=
images/b5781da7e3a149a832a33bfbf843e60e.jpg
alt=
rectangle
>
<div
class=
service-box
>
<h1
class=
title
>
礼瀚服务
</h1>
<div
class=
"category clear-fl"
>
<div
class=
fl
>
<h2>
股权
<br/>
业务
</h2>
<p>
产业并购基金、定增基金、股东增持减持、员工持股平台
</p>
</div>
<div
class=
fl
>
<h2>
投行
<br/>
业务
</h2>
<p>
咨询服务、财务顾问、市值管理
</p>
</div>
<div
class=
fl
>
<h2>
债务
<br/>
业务
</h2>
<p>
股票质押、股东借款、债务解决方案
</p>
</div>
<div
class=
"fl last"
>
<h2>
证券
<br/>
业务
</h2>
<p>
固定收益类、宏观资产对冲、 收益类、权益类
</p>
</div>
</div>
</div>
</div>
<div
class=
investment-field
>
<div
class=
investment-field-box
>
<h2
class=
title
>
主投领域
</h2>
<h3>
金融力量重塑绿水青山
</h3>
<ul
class=
"category clear-fl"
>
<li
class=
"fl first"
>
水工程及运营
</li>
<li
class=
"fl second"
>
大气工程及运营
</li>
<li
class=
"fl three"
>
固废工程及运营
</li>
<li
class=
"fl last"
>
检测及环评
</li>
</ul>
</div>
</div>
<div
class=
banner-bottom
>
<img
src=
images/8e0dd46c05e13876e7e71b669b2a781f.jpg
alt=
banner
/>
<div
class=
banner-bottom-box
>
<h1>
时代更迭 我们的专业态度不变
<br/>
资本流转 你我间的信任不改
</h1>
<a
href=
/culture.html
>
了解我们
</a>
</div>
</div>
</div>
<div
class=
footer
>
<div
class=
top
>
<div
class=
address-phone
>
<address>
<i
class=
"iconfont icon-dizhi"
></i>
浙江.杭州市玉皇山基金小镇甘水巷150号
</address>
<br/>
<span
class=
phone
>
<i
class=
"iconfont icon-phone"
></i>
+86-0571-8773151
</span>
</div>
</div>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
dist/index.js
View file @
cb8f355e
This source diff could not be displayed because it is too large. You can
view the blob
instead.
dist/news.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
news
>
<head>
<meta
charset=
UTF-8
>
<meta
name=
X-UA-Compatible
content=
"IE=edge"
/>
<meta
name=
viewport
content=
"width=device-width"
/>
<title>
礼瀚-动态新闻
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
news
>
<head>
<meta
charset=
UTF-8
>
<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
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
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
>
<
</a>
<a
class=
next
>
>
</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>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li>
<a
href=
/
>
首页
</a>
</li>
<li
class=
company
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li
class=
active
>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
main
>
<div
class=
header-img
>
<img
src=
images/b8c8a9de6f073a0cffc76d74969b9ed6.jpg
alt=
banner
/>
</div>
<div
class=
"dynamic-news clear-fl"
>
<div
class=
news
>
<h1>
动态新闻|DYNAMIC NEWS
</h1>
<ul
class=
"clear-fl important-news"
></ul>
<ul
class=
"clear-fl normal-news"
></ul>
</div>
</div>
<div
class=
case
>
<h1>
案例|CASE
</h1>
<div
class=
carouse
>
<a
class=
prev
>
<
</a>
<a
class=
next
>
>
</a>
<ul
class=
"clear-fl imgs-box"
data-i=
0
></ul>
</div>
<div
class=
detail
style=
height:278px
>
<ul></ul>
</div>
</div>
</div>
<div
class=
footer
>
<div
class=
top
>
<div
class=
address-phone
>
<address>
<i
class=
"iconfont icon-dizhi"
></i>
浙江.杭州市玉皇山基金小镇甘水巷150号
</address>
<br/>
<span
class=
phone
>
<i
class=
"iconfont icon-phone"
></i>
+86-0571-8773151
</span>
</div>
</div>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号 2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
dist/team.html
View file @
cb8f355e
<!DOCTYPE html>
<html
lang=
en
id=
team
>
<head>
<meta
charset=
UTF-8
>
<meta
name=
X-UA-Compatible
content=
"IE=edge"
/>
<title>
公司介绍-团队介绍
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<!DOCTYPE html>
<html
lang=
en
id=
team
>
<head>
<meta
charset=
UTF-8
>
<meta
name=
X-UA-Compatible
content=
"IE=edge"
/>
<title>
公司介绍-团队介绍
</title>
<link
rel=
stylesheet
href=
index.css
/>
</head>
<body>
<!--[if lte IE 10]>
<script
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li
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
>
×
</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号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
<![endif]-->
<div
class=
header
>
<div
class=
header-box
>
<ul
class=
nav
>
<li>
<a
href=
/
>
首页
</a>
</li>
<li
class=
"active company"
>
<a
href=
javascript:;
>
公司介绍
</a>
<div
class=
introduce
>
<div
class=
"left fl"
>
<a
href=
/about.html
>
关于礼瀚
</a>
<a
href=
/team.html
>
团队介绍
</a>
<a
href=
/culture.html
>
企业文化
</a>
</div>
<p
class=
"right fl"
>
杭州礼瀚投资管理有限公司成立于2012年,
<br/>
注册资本1000万元,是一家以投资银行业
<br/>
务、产业基金管理、证券投资为主的资产
<br/>
管理机构。公司于2014年获得私募基金管
<br/>
理人资格。
</p>
</div>
</li>
<li>
<a
href=
/news.html
>
动态新闻
</a>
</li>
<li>
<a
href=
/contact.html
>
联系我们
</a>
</li>
</ul>
</div>
</div>
<div
class=
main
>
<div
class=
banner
>
<img
src=
images/1cfcc95eef33e6a879c8d494beb41b5a.jpg
alt=
banner
/>
</div>
<div
class=
team-box
>
<div
class=
team
>
<h1>
作为【创业者背后的创业者】,我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】
</h1>
<ul
class=
"detail partners"
></ul>
<div
class=
arrow
>
<i
class=
"iconfont icon-01"
></i>
</div>
</div>
</div>
<div
class=
introduce-main
>
<h1>
团队介绍| INTRODUCE
</h1>
<ul
class=
"list partners"
></ul>
</div>
</div>
<div
class=
modal-box
>
<div
class=
modal-dialog
>
<a
class=
close
>
×
</a>
<div>
<div
class=
"left-pic fl"
>
<img
alt=
""
/>
</div>
<div
class=
"right-content fl"
>
<div>
<i
class=
"left-quotes iconfont icon-yinhao"
></i>
<i
class=
"right-quotes iconfont icon-youyinhao"
></i>
<h2></h2>
<p></p>
</div>
</div>
</div>
</div>
</div>
<div
class=
footer
>
<div
class=
top
>
<div
class=
address-phone
>
<address>
<i
class=
"iconfont icon-dizhi"
></i>
浙江.杭州市玉皇山基金小镇甘水巷150号
</address>
<br/>
<span
class=
phone
>
<i
class=
"iconfont icon-phone"
></i>
+86-0571-8773151
</span>
</div>
</div>
<div
class=
bottom
>
浙备案号: 浙ICP 13006995号
©
2016. All right reserved.
</div>
</div>
<script
src=
index.js
></script>
</body>
</html>
\ No newline at end of file
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment