Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in
Toggle navigation
B
bdt_en
Project
Project
Details
Activity
Releases
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
谢宇轩
bdt_en
Commits
1ada0f24
Commit
1ada0f24
authored
Jul 22, 2019
by
郭朴讴
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
半导体样式
parent
7de88520
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
1 addition
and
1 deletion
+1
-1
Main.min.css
Content/css/Main.min.css
+1
-1
No files found.
Content/css/Main.min.css
View file @
1ada0f24
.mplnone
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.pagebg
{
background-image
:
url("../img/bg.png")
;
background-repeat
:
no-repeat
}
.fl
{
float
:
left
}
.fr
{
float
:
right
}
.tc
{
text-align
:
center
}
.tl
{
text-align
:
left
}
.tr
{
text-align
:
right
}
.m-b-50
{
margin-bottom
:
50px
}
.pt40
{
padding-top
:
40px
}
.m-t-50
{
margin-top
:
50px
}
.pt-5
{
padding-top
:
5px
}
.p-t-15
{
padding-top
:
15px
}
.p-t-25
{
padding-top
:
25px
}
.p-t-40
{
padding-top
:
40px
}
.p-t-50
{
padding-top
:
50px
}
.text-right
{
text-align
:
right
}
.text-center
{
text-align
:
center
}
.sliders
{
width
:
100%
;
height
:
240px
;
background-color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.sliders
{
height
:
400px
}}
@media
only
screen
and
(
min-width
:
992px
){
.sliders
{
height
:
450px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.sliders
{
height
:
500px
}}
@media
only
screen
and
(
min-width
:
1400px
){
.sliders
{
height
:
600px
}}
@media
only
screen
and
(
min-width
:
1600px
){
.sliders
{
height
:
690px
}}
.sliders
.item
{
background-repeat
:
no-repeat
;
background-position
:
center
center
;
background-size
:
cover
;
height
:
100%
}
.sliders
.item
.container
{
padding-top
:
20%
}
.bx-wrapper
{
border
:
none
;
box-shadow
:
none
}
.bx-wrapper
.bx-pager.bx-default-pager
a
{
background
:
rgba
(
200
,
200
,
200
,
0.7
);
text-indent
:
-9999px
;
display
:
block
;
width
:
40px
;
height
:
8px
;
margin
:
0
5px
;
outline
:
0
;
-moz-border-radius
:
4px
;
-webkit-border-radius
:
4px
;
border-radius
:
4px
}
.bx-wrapper
.bx-pager
{
bottom
:
2rem
}
@media
only
screen
and
(
min-width
:
768px
){
.bx-wrapper
.bx-pager
{
bottom
:
3rem
}}
.bx-wrapper
.bx-pager.bx-default-pager
a
.active
,
.bx-wrapper
.bx-pager.bx-default-pager
a
:focus
,
.bx-wrapper
.bx-pager.bx-default-pager
a
:hover
{
background
:
#001b48
}
.dl-horizontal
dt
{
float
:
left
;
width
:
100px
;
padding
:
5px
0
;
margin
:
0
}
.dl-horizontal
dd
{
padding
:
5px
0
;
border-bottom
:
1px
#ddd
dotted
;
margin
:
0
0
0
105px
}
.navbar
{
margin-bottom
:
0
}
.pagination
>
li
>
a
,
.pagination
>
li
>
span
{
color
:
#666
}
.pagination
>
.active
>
a
,
.pagination
>
.active
>
a
:focus
,
.pagination
>
.active
>
a
:hover
,
.pagination
>
.active
>
span
,
.pagination
>
.active
>
span
:focus
,
.pagination
>
.active
>
span
:hover
{
background-color
:
#001b48
;
border-color
:
#001b48
}
.table-vmiddle
td
,
.table-vmiddle
th
{
vertical-align
:
middle
!important
}
.breadcrumb
{
background-color
:
transparent
}
.mainav
{
display
:
none
;
background-color
:
#001b48
;
position
:
absolute
;
z-index
:
1000
;
top
:
50px
;
left
:
0
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.mainav
{
top
:
65px
}}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
{
position
:
relative
;
z-index
:
1000
;
top
:
auto
;
left
:
auto
;
width
:
auto
;
background-color
:
transparent
;
display
:
block
;
float
:
right
;
margin
:
auto
}}
.mainav
.navbar-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.mainav
.navbar-nav
li
{
border-top
:
1px
#001029
solid
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
{
display
:
inline-block
;
border-top
:
none
}}
.mainav
.navbar-nav
li
a
{
padding
:
0.6rem
0
;
display
:
block
;
color
:
#fff
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
a
{
padding
:
0
1.3rem
;
font-size
:
16px
;
height
:
75px
;
line-height
:
75px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.mainav
.navbar-nav
li
a
{
padding
:
0
1.6rem
}}
.mainav
.navbar-nav
li
a
:hover
{
color
:
#fff
}
.mainav
.navbar-nav
li
.active
a
{
position
:
relative
;
background-color
:
#002667
;
color
:
#fff
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
.active
a
{
background-color
:
transparent
;
padding-bottom
:
1rem
;
background-image
:
-moz-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
255
,
0.412
)
100%
);
background-image
:
-webkit-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
78
,
0.412
)
100%
);
background-image
:
-ms-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
78
,
0.412
)
100%
)}}
@media
only
screen
and
(
min-width
:
1200px
){
.mainav
.navbar-nav
li
.active
a
{
padding-bottom
:
1.2rem
}}
@media
only
screen
and
(
max-width
:
760px
),
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
){
.table-download
{
border-bottom
:
1px
#ccc
solid
;
display
:
block
}
.table-download
tbody
,
.table-download
td
,
.table-download
th
,
.table-download
thead
,
.table-download
tr
{
display
:
block
}
.table-download
thead
tr
{
position
:
absolute
;
top
:
-9999px
;
left
:
-9999px
}
.table-download
td
{
vertical-align
:
middle
;
border
:
none
;
position
:
relative
;
padding-left
:
50%
!important
}
.table-download
td
:before
{
position
:
absolute
;
top
:
6px
;
left
:
6px
;
width
:
45%
;
padding-right
:
10px
;
white-space
:
nowrap
}
.table-download
td
:nth-of-type
(
1
)
:before
{
content
:
""
}
.table-download
td
:nth-of-type
(
2
)
:before
{
content
:
"主题"
}
.table-download
td
:nth-of-type
(
3
)
:before
{
content
:
"分类"
}
.table-download
td
:nth-of-type
(
4
)
:before
{
content
:
"文件大小"
}
.table-download
td
:nth-of-type
(
5
)
:before
{
content
:
"下载次数"
}
.table-download
td
:nth-of-type
(
6
)
:before
{
content
:
""
}}
@media
only
screen
and
(
min-device-width
:
320px
)
and
(
max-device-width
:
480px
){
body
{
padding
:
0
;
margin
:
0
;
width
:
100%
}}
@media
only
screen
and
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
){
body
{
width
:
100%
}}
.input-row
{
border-bottom
:
1px
#d2d2d2
solid
;
padding
:
1rem
0
;
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.input-row
{
padding
:
1.3rem
0
;
border-bottom
:
2px
#d2d2d2
solid
}}
.input-row
label
{
display
:
block
;
padding-top
:
0.5rem
;
text-align
:
center
;
color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.input-row
label
{
padding-top
:
0
}}
.input-row
.input-control
{
border
:
none
;
width
:
100%
;
outline-style
:
none
;
font-size
:
18px
}
.input-row
.input-control
:-webkit-autofill
{
-webkit-box-shadow
:
0
0
0
30px
white
inset
}
.btn-login
{
border-radius
:
4px
;
background-color
:
#beab87
;
height
:
50px
;
width
:
100%
;
color
:
#fff
;
border
:
none
;
margin-bottom
:
2.4rem
}
.btn-login-outline
{
border-radius
:
4px
;
display
:
block
;
text-align
:
center
;
line-height
:
48px
;
height
:
50px
;
width
:
100%
;
color
:
#beab87
;
border
:
none
;
border
:
1px
#beab87
solid
;
background-color
:
#fff
;
color
:
#001b48
!important
}
.btn-login-outline
:hover
{
color
:
#fff
!important
;
background-color
:
#001b48
}
.banner
{
height
:
200px
;
background-color
:
#003359
;
background-position
:
center
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
margin-top
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner
{
height
:
420px
}}
@media
only
screen
and
(
min-width
:
992px
){
.banner
{
margin-top
:
75px
;
height
:
650px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.banner
{
height
:
690px
}}
.section
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.section
{
padding-top
:
6rem
;
padding-bottom
:
6rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.section
{
padding-top
:
9rem
;
padding-bottom
:
9rem
}}
.section
.section-title
{
text-align
:
center
;
background
:
url("/en/Content/img/title_about.png")
no-repeat
center
center
;
background-size
:
auto
100%
;
height
:
24px
;
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.section-title
{
height
:
32px
;
margin-bottom
:
3rem
}}
.section
.more
{
text-align
:
center
;
padding-top
:
2rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.more
{
padding-top
:
3rem
}}
.section
.more
a
{
border-width
:
1px
;
border-color
:
#001b48
;
border-style
:
solid
;
color
:
#001b48
;
border-radius
:
17px
;
font-size
:
14px
;
width
:
120px
;
height
:
35px
;
line-height
:
33px
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.more
a
{
width
:
148px
;
height
:
58px
;
font-size
:
18px
;
line-height
:
56px
;
border-radius
:
29px
}}
.section
.more
a
:hover
{
color
:
#b8af8e
;
border-color
:
#b8af8e
}
.section1
.text
{
text-align
:
justify
;
font-size
:
14px
;
line-height
:
2
}
@media
only
screen
and
(
min-width
:
768px
){
.section1
.text
{
text-align
:
center
}}
@media
only
screen
and
(
min-width
:
992px
){
.section1
.text
{
font-size
:
18px
}}
.section2
{
background
:
url("/Content/img/bg_s2.jpg")
no-repeat
center
top
;
background-size
:
cover
;
overflow
:
hidden
}
@media
only
screen
and
(
min-width
:
992px
){
.section2
{
padding-top
:
7rem
;
padding-bottom
:
7rem
}}
.section2
.section-title
{
background-image
:
url("/en/Content/img/title_business.png")
}
.section2
.business
{
padding
:
3rem
30px
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.business
{
padding
:
5rem
10px
5rem
1px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.business
{
padding-top
:
7rem
;
padding-bottom
:
7rem
}}
.section2
.item
{
background
:
url("/Content/img/s2_bg1.jpg")
no-repeat
center
top
;
background-size
:
cover
;
text-align
:
center
;
color
:
#b8af8e
;
transition
:
all
0.25s
;
position
:
relative
;
box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
{
width
:
226px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
{
width
:
300px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
{
width
:
366px
}}
.section2
.item.item2
{
background-image
:
url("/Content/img/s2_bg2.jpg")
}
.section2
.item.item3
{
background-image
:
url("/Content/img/s2_bg3.jpg")
}
.section2
.item
.over
{
background-color
:
rgba
(
30
,
83
,
137
,
0.8
);
height
:
450px
;
padding-top
:
140px
;
transition
:
all
0.25s
}
.section2
.item
.iconfont
{
font-size
:
36px
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
.iconfont
{
font-size
:
42px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
.iconfont
{
font-size
:
56px
}}
.section2
.item
h3
{
font-weight
:
normal
;
font-size
:
26px
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
h3
{
font-size
:
20px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
h3
{
font-size
:
26px
}}
.section2
.item
.list
{
display
:
none
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
color
:
#fff
;
padding-top
:
30px
}
.section2
.item
.list
li
{
padding
:
4px
0
;
font-size
:
16px
}
.section2
.item
.over-img
{
position
:
absolute
;
z-index
:
100
;
display
:
none
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
.over-img
{
bottom
:
-10px
;
left
:
-38px
;
width
:
290px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
.over-img
{
bottom
:
-10px
;
left
:
-51px
;
width
:
385px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
.over-img
{
left
:
-62px
;
width
:
475px
}}
.section2
.item
:hover
{
border-top
:
8px
#b8af8e
solid
;
z-index
:
1000
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
:hover
{
width
:
226px
;
transform
:
scale
(
1.2
);
position
:
absolute
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
:hover
{
width
:
300px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
:hover
{
width
:
366px
}}
.section2
.item
:hover
.over
{
padding-top
:
20px
}
.section2
.item
:hover
.list
{
display
:
block
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
:hover
.over-img
{
display
:
block
}}
.section2
.more
a
{
border-color
:
#b8af8e
;
color
:
#b8af8e
}
.section2
.more
a
:hover
{
color
:
#fff
;
border-color
:
#fff
}
.section4
{
background-color
:
#f7f7f7
}
.section4
.section-title
{
background-image
:
url("/Content/img/title_news.png")
}
.section4
.articles
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
.section4
.item
{
background-color
:
#fff
;
box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
0.15
);
display
:
block
}
.section4
.item
.text
{
padding
:
8px
15px
;
min-height
:
100px
}
.section4
.item
.text
p
{
margin
:
0
;
color
:
#333
}
.section4
.item
.text
.date
{
color
:
#b8af8e
}
.section4
.item
.pic
img
{
width
:
100%
}
.section4
.item
a
{
position
:
relative
;
padding-left
:
7.6rem
;
height
:
96px
;
display
:
block
;
color
:
#00a0e9
;
padding-top
:
2rem
;
padding-right
:
1rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
{
padding-left
:
13rem
;
padding-top
:
2rem
;
height
:
112px
}}
.section4
.item
a
.date
{
position
:
absolute
;
left
:
0
;
top
:
1.6rem
;
padding-left
:
1rem
;
width
:
13rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
.date
{
padding-left
:
2rem
}}
.section4
.item
a
.date
p
{
font-size
:
20px
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
.date
p
{
font-size
:
28px
}}
.section4
.item
a
:hover
{
background-image
:
-moz-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-webkit-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-ms-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
color
:
#fff
}
.section4
.item
a
.active
{
background-image
:
-moz-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-webkit-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-ms-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
color
:
#fff
}
.section4
.item
a
.atitle
{
margin
:
0
;
font-size
:
16px
}
@media
only
screen
and
(
min-width
:
768px
){
.section4
.item
a
.atitle
{
font-size
:
18px
}}
.section5
.section-title
{
background-image
:
url("/Content/img/title_link.png")
;
margin-bottom
:
6rem
}
.section5
.clients
{
border-left
:
1px
#eee
solid
;
border-top
:
1px
#eee
solid
;
margin-bottom
:
4rem
}
.section5
.clients
.item
{
margin
:
0
-10px
;
border-bottom
:
#eee
1px
solid
;
border-right
:
1px
#eee
solid
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
768px
){
.section5
.clients
.item
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.section5
.clients
.item
{
padding-top
:
70px
;
height
:
210px
}}
.section5
.clients
.item
img
{
max-width
:
100%
;
margin
:
0
auto
;
transition
:
all
0.25s
}
.section5
.clients
.item
img
:hover
{
transform
:
scale
(
1.03
)}
@media
only
screen
and
(
min-width
:
992px
){
.section5
.clients
.item
:hover
{
border
:
3px
solid
#ddd
;
border-image
:
-webkit-linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
border-image
:
-moz-linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
border-image
:
linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
padding-top
:
67px
}}
.banner-contact
{
background-image
:
url("../img/banner/banner_contact.jpg")
;
background-size
:
cover
;
height
:
160px
;
margin-top
:
45px
;
padding-top
:
45px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner-contact
{
height
:
330px
;
margin-top
:
0
;
padding-top
:
150px
}}
@media
only
screen
and
(
min-width
:
992px
){
.banner-contact
{
margin-top
:
75px
;
height
:
395px
;
padding-top
:
140px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.banner-contact
{
height
:
395px
}}
.banner-contact
h1
{
text-align
:
center
;
color
:
#b8af8e
;
font-weight
:
normal
;
font-size
:
24px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner-contact
h1
{
font-size
:
36px
}}
.page-contact
{
display
:
none
;
padding-top
:
2rem
;
padding-bottom
:
2rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-contact
{
padding-top
:
5rem
;
padding-bottom
:
5rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-contact
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}}
.page-contact.active
{
display
:
block
}
.page-contact
.contact1
{
padding-top
:
2rem
}
.page-contact
.contact1
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
margin-bottom
:
4rem
}
.page-contact
.contact1
ul
li
{
position
:
relative
;
margin-bottom
:
4rem
;
padding-left
:
50px
;
font-size
:
16px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-contact
.contact1
ul
li
{
font-size
:
20px
}}
.page-contact
.contact1
ul
.icon
{
width
:
34px
;
height
:
34px
;
text-align
:
center
;
color
:
#fff
;
line-height
:
28px
;
position
:
absolute
;
left
:
0
;
top
:
-2px
;
border-radius
:
50%
;
background-image
:
-moz-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
);
background-image
:
-webkit-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
);
background-image
:
-ms-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
)}
.page-contact
.contact1
.map
img
{
max-width
:
100%
;
width
:
100%
}
.page-contact
.myform
.col-sm-12
,
.page-contact
.myform
.col-sm-4
{
margin-bottom
:
2rem
}
.page-contact
.myform
.flied
{
background-color
:
#f7f8fa
;
min-height
:
60px
;
padding
:
10px
10px
10px
90px
;
position
:
relative
}
.page-contact
.myform
.flied
label
{
position
:
absolute
;
left
:
1.5rem
;
top
:
15px
;
color
:
#00358e
}
.page-contact
.myform
.flied
input
{
width
:
100%
;
padding
:
5px
;
font-size
:
18px
;
border
:
none
;
background-color
:
transparent
}
.page-contact
.myform
.flied
textarea
{
width
:
100%
;
padding
:
5px
;
font-size
:
18px
;
border
:
none
;
background-color
:
transparent
}
.page-contact
.myform
.btn
{
border
:
none
;
background-color
:
#001b48
;
color
:
#fff
;
border-radius
:
17px
;
font-size
:
14px
;
width
:
180px
;
height
:
35px
;
line-height
:
33px
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
992px
){
.page-contact
.myform
.btn
{
width
:
200px
;
height
:
58px
;
font-size
:
18px
;
line-height
:
56px
;
border-radius
:
29px
}}
.page-contact
.myform
.btn
:hover
{
color
:
#b8af8e
;
border-color
:
#b8af8e
}
.banner-about
{
background-image
:
url("../img/banner/banner_about.jpg")
}
.tab_item
{
display
:
none
}
.tab_item.active
{
display
:
block
}
.page-about
{
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
{
padding-bottom
:
5rem
}}
.page-about
.section
{
padding-top
:
0
;
padding-bottom
:
0
}
.page-about
.section
.title
{
font-size
:
32px
;
font-weight
:
lighter
;
color
:
#333
;
margin-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section
.title
{
font-size
:
32px
;
margin-top
:
2rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-about
.section
.title
{
margin-top
:
4rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-about
.section
.title
{
margin-top
:
6rem
}}
.page-about
.section1
.item
{
background
:
#001b48
url("../img/about_bg1.jpg")
no-repeat
center
center
;
background-size
:
cover
;
color
:
#fff
;
padding
:
3rem
;
text-align
:
center
;
border-radius
:
12px
;
margin-bottom
:
1.5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section1
.item
{
height
:
375px
}}
.page-about
.section1
.item
.sub-title
{
font-size
:
22px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section1
.item
.sub-title
{
font-size
:
26px
}}
.page-about
.section1
.item
p
{
line-height
:
1.8
}
.page-about
.section1
.item.item2
{
background
:
#001b48
url("../img/about_bg2.jpg")
no-repeat
center
center
;
background-size
:
cover
}
.page-about
.section1
.card
{
text-align
:
center
;
border-radius
:
6px
;
box-shadow
:
0
2px
12px
rgba
(
0
,
0
,
0
,
0.15
);
padding-top
:
2rem
;
padding-bottom
:
3rem
;
margin-bottom
:
1.5rem
;
height
:
20.5rem
}
.page-about
.section1
.card
.iconfont
{
font-size
:
42px
;
display
:
inline-block
;
line-height
:
1.8
;
margin-bottom
:
1rem
;
color
:
#00358e
}
.page-about
.section1
.card
h3
{
margin
:
0
0
0.8rem
;
font-weight
:
normal
;
color
:
#333
;
font-size
:
24px
}
.page-about
.section1
.card
p
{
margin
:
0
}
.page-event
{
padding-bottom
:
6rem
;
padding-top
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
{
padding-bottom
:
9rem
;
padding-top
:
7rem
}}
.page-event
.history
{
position
:
relative
;
padding-left
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
{
padding-left
:
190px
}}
.page-event
.history
.clock
{
position
:
absolute
;
left
:
-2px
;
top
:
0.6rem
;
z-index
:
1000
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
.clock
{
left
:
134px
}}
.page-event
.history
:after
{
content
:
" "
;
display
:
block
;
position
:
absolute
;
left
:
15px
;
width
:
2px
;
height
:
100%
;
top
:
3rem
;
z-index
:
1
;
background-color
:
#00358e
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
:after
{
left
:
150px
}}
.page-event
.history
h2
{
margin-left
:
0
;
margin-top
:
0
;
font-size
:
26px
;
font-weight
:
normal
;
color
:
#00358e
;
margin-bottom
:
5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
h2
{
margin-left
:
-190px
;
font-size
:
32px
}}
.page-event
.history
dl
{
padding-bottom
:
2rem
;
padding-left
:
0
;
position
:
relative
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
{
padding-bottom
:
3.6rem
}}
.page-event
.history
dl
dt
{
font-size
:
20px
;
padding-top
:
8px
;
font-weight
:
normal
;
color
:
#333
;
color
:
#001b48
;
position
:
relative
}
.page-event
.history
dl
dt
span
{
position
:
absolute
;
left
:
0
;
top
:
-20px
;
font-size
:
20px
;
color
:
#00358e
;
z-index
:
100
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
span
{
left
:
-150px
;
top
:
0
}}
.page-event
.history
dl
dt
.dot
{
position
:
absolute
;
left
:
-43px
;
top
:
10px
;
color
:
#00358e
;
z-index
:
100
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
.dot
{
left
:
-48px
}}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
{
font-size
:
24px
;
padding-top
:
0
}}
.page-event
.history
dl
dd
{
margin
:
0
0
45px
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dd
{
font-size
:
16px
}}
.page-event
.history
dl
:last-child
{
padding-bottom
:
0
}
.page-event
.history
dl
:last-child:after
{
display
:
none
}
.page-event
.history
time
{
margin-right
:
2rem
}
.page-teams
{
padding-top
:
9rem
;
padding-bottom
:
5rem
}
.page-teams
.top
{
position
:
relative
;
border-radius
:
10px
;
background-image
:
-moz-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
background-image
:
-webkit-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
background-image
:
-ms-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
box-shadow
:
0
4px
11.52px
0.48px
rgba
(
0
,
0
,
0
,
0.1
);
color
:
#fff
;
margin-bottom
:
45px
;
padding-bottom
:
1.5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
{
height
:
480px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.top
{
height
:
430px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.top
{
height
:
387px
}}
.page-teams
.top
.boss
{
position
:
absolute
;
right
:
0
;
top
:
-7.6rem
;
z-index
:
100
;
width
:
120px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.boss
{
left
:
1.8rem
;
top
:
auto
;
bottom
:
0
;
width
:
200px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.top
.boss
{
left
:
3rem
;
bottom
:
0
;
width
:
250px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.top
.boss
{
left
:
3rem
;
bottom
:
0
;
width
:
300px
}}
.page-teams
.top
.boss
img
{
width
:
100%
}
.page-teams
.top
.intro
{
padding-top
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
{
padding-right
:
2rem
;
padding-top
:
3rem
}}
.page-teams
.top
.intro
header
{
position
:
relative
}
.page-teams
.top
.intro
h2
{
font-size
:
24px
;
font-weight
:
normal
;
margin
:
0
25px
0.6rem
0
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
h2
{
display
:
inline-block
;
font-size
:
34px
}}
.page-teams
.top
.intro
h3
{
font-weight
:
normal
;
margin-bottom
:
0
}
.page-teams
.top
.intro
span
{
display
:
inline-block
;
border-radius
:
14px
;
height
:
28px
;
font-size
:
16px
;
padding
:
0
15px
;
background-color
:
#aca488
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
span
{
position
:
absolute
;
left
:
140px
;
top
:
15px
;
z-index
:
100
}}
.page-teams
.top
.intro
p
{
font-size
:
14px
;
line-height
:
1.8
;
text-align
:
justify
}
.page-teams
.item
{
box-shadow
:
0
2px
8px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
30px
}
.page-teams
.item
.pic
img
{
width
:
100%
}
.page-teams
.item
.text
{
padding
:
1rem
1.5rem
;
text-align
:
justify
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.item
.text
{
padding
:
1rem
1.5rem
;
height
:
350px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.item
.text
{
height
:
400px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.item
.text
{
height
:
320px
}}
.page-teams
.item
h2
{
font-size
:
32px
;
color
:
#333
;
margin
:
0
0
1rem
;
padding
:
0
;
font-weight
:
lighter
;
text-align
:
left
}
.page-teams
.item
h3
{
font-size
:
16px
;
margin-top
:
0
;
margin-bottom
:
0
;
color
:
#666
;
font-weight
:
lighter
;
text-align
:
center
;
background-color
:
#b8af90
;
height
:
28px
;
border-radius
:
14px
;
color
:
#fff
;
display
:
inline-block
;
padding
:
0
15px
;
line-height
:
28px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.item
h3
{
text-align
:
left
}}
.page-teams
.item
p
{
padding-top
:
0
;
font-size
:
14px
}
.banner-business
{
background-image
:
url("../img/banner/banner_business.jpg")
}
.page-business
{
padding-bottom
:
3rem
;
margin-top
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
{
padding-bottom
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
{
padding-bottom
:
6rem
}}
.page-business
.setitle
{
position
:
relative
;
padding-left
:
70px
;
padding-top
:
1.3rem
;
margin-bottom
:
5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.setitle
{
padding-top
:
6rem
}}
.page-business
.setitle
.iconfont
{
font-size
:
56px
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
1000
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle
.iconfont
{
top
:
1.4rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.setitle
.iconfont
{
padding-top
:
2rem
}}
.page-business
.setitle
h2
{
font-size
:
32px
;
color
:
#333
;
font-weight
:
lighter
;
margin
:
0
;
line-height
:
1
}
.page-business
.setitle1
h2
{
font-size
:
32px
;
margin-top
:
0
;
color
:
#333
;
font-weight
:
normal
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle1
h2
{
font-size
:
50px
}}
.page-business
img
{
max-width
:
100%
}
.page-business
p
{
line-height
:
1.8
}
.page-business
.se2
{
text-align
:
center
;
font-size
:
28px
;
color
:
#fff
;
padding-bottom
:
3rem
}
.page-business
.se2
.item
{
height
:
350px
;
line-height
:
350px
;
background-position
:
center
center
;
background-color
:
#001b48
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
margin-bottom
:
1rem
}
.page-business
.se2
.item.item1
{
background-image
:
url("../img/b001.jpg")
}
.page-business
.se2
.item.item2
{
background-image
:
url("../img/b002.jpg")
}
.page-business
.se2
.item.item3
{
background-image
:
url("../img/b003.jpg")
}
.page-business
.se2
a
:hover
{
color
:
#fff
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.buslist
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.buslist
{
padding-top
:
6rem
}}
.page-business
.buslist
.bus
{
background-color
:
#fff
;
box-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
3rem
}
.page-business
.buslist
.bus
.pic
img
{
width
:
100%
}
.page-business
.buslist
.bus
.txt
{
padding
:
1.5rem
1.5rem
0
;
position
:
relative
}
.page-business
.buslist
.bus
.txt
h3
{
font-size
:
24px
;
margin
:
0
;
font-weight
:
normal
;
color
:
#333
}
.page-business
.buslist
.bus
.txt
p
{
margin
:
0
;
color
:
#999
}
.page-business
.buslist
.bus
.txt
.more
{
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
left
:
0
;
bottom
:
0
;
padding-bottom
:
2rem
}
.page-business
.buslist
.bus
.txt
.more
a
{
display
:
inline-block
;
border-radius
:
20px
;
height
:
40px
;
line-height
:
38px
;
border
:
1px
#001b48
solid
;
padding
:
0
2rem
;
color
:
#001b48
}
.page-business
.buslist
.bus
.txt
.more
a
:hover
{
border-color
:
#b8af8e
;
color
:
#b8af8e
}
.page-business
.pic1
{
padding-bottom
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.pic1
{
padding-bottom
:
1rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.pic1
{
padding-bottom
:
5rem
}}
.page-business
.pic1
img
{
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
{
margin-top
:
5rem
}}
.page-business
.se-title
h3
{
font-size
:
22px
;
font-weight
:
normal
;
color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.se-title
h3
{
font-size
:
32px
}}
.page-business
.item001
{
background-color
:
#fff
;
box-shadow
:
0
0
16px
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
20px
;
padding
:
15px
;
display
:
block
;
height
:
280px
}
.page-business
.item001
.icon
{
height
:
130px
;
background-position
:
center
center
;
background-size
:
auto
;
background-repeat
:
no-repeat
;
margin-bottom
:
1rem
}
.page-business
.item001
h4
{
font-size
:
18px
;
font-weight
:
normal
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.item001
h4
{
font-size
:
20px
}}
.page-business
.item001
p
{
color
:
#999
}
.page-business
.art-title
{
height
:
90px
;
line-height
:
90px
;
padding-left
:
30px
;
color
:
#fff
;
border-radius
:
10px
;
font-size
:
20px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.art-title
{
height
:
120px
;
line-height
:
120px
;
font-size
:
30px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.art-title
{
height
:
180px
;
line-height
:
180px
;
font-size
:
40px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-business
.art-title
{
height
:
240px
;
line-height
:
240px
;
font-size
:
40px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.content
{
padding
:
2rem
}}
.banner-product
{
background-image
:
url("../img/banner/banner_product.jpg")
}
.page-product
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-product
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}}
.page-product
.item
{
background
:
#001b48
url("../img/d_19.jpg")
no-repeat
center
center
;
background-size
:
cover
;
padding
:
1rem
;
margin-bottom
:
20px
;
border-radius
:
12px
;
color
:
#b8af8e
}
@media
only
screen
and
(
min-width
:
992px
){
.page-product
.item
{
height
:
350px
;
padding
:
5rem
3rem
}}
.page-product
.item
header
{
font-size
:
30px
;
text-align
:
center
;
font-weight
:
lighter
;
padding-bottom
:
2rem
;
margin-bottom
:
2rem
;
background
:
url("../img/d_18.png")
no-repeat
center
bottom
}
.page-product
.item
header
.iconfont
{
font-size
:
30px
}
.page-product
.item
p
{
padding
:
0
2rem
;
line-height
:
1.8
}
.page-product
.item.item1
{
background
:
#001b48
url("../img/d_20.jpg")
no-repeat
center
center
}
.page-product
.item.item2
{
background
:
#001b48
url("../img/d_21.jpg")
no-repeat
center
center
}
.page-product
.item.item3
{
background
:
#001b48
url("../img/d_22.jpg")
no-repeat
center
center
}
.banner-job
{
background-image
:
url("../img/banner/banner_job.jpg")
}
.page-job
{
padding-top
:
5rem
;
padding-bottom
:
5rem
}
.page-job
.item
{
background-color
:
#001b48
;
border-radius
:
12px
;
min-height
:
346px
;
color
:
#fff
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
padding
:
3rem
4rem
;
margin-bottom
:
45px
}
.page-job
.item
h2
{
font-size
:
32px
;
font-weight
:
normal
}
.page-job
.item
ul
li
{
font-size
:
18px
;
margin-bottom
:
10px
}
.page-job
.item.item1
{
background-image
:
url("../img/j_01.jpg")
}
.page-job
.item.item2
{
background-image
:
url("../img/j_02.jpg")
}
.page-job
.job
{
border-radius
:
12px
;
overflow
:
hidden
;
margin-bottom
:
1.6rem
}
.page-job
.job
.job-title
{
line-height
:
150px
;
height
:
150px
;
border-radius
:
12px
;
font-size
:
32px
;
padding
:
0
50px
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
center
}
@media
only
screen
and
(
min-width
:
768px
){
.page-job
.job
.job-title
{
line-height
:
220px
;
height
:
220px
}}
.page-job
.job
.job-title
a
{
width
:
100%
;
height
:
100%
;
display
:
block
;
color
:
#fff
;
position
:
relative
;
text-decoration
:
none
}
.page-job
.job
.job-title
a
.open
{
position
:
absolute
;
right
:
40px
;
border-radius
:
20px
;
height
:
40px
;
padding
:
0
2rem
;
top
:
95px
;
z-index
:
100
;
font-size
:
18px
;
line-height
:
40px
;
background-color
:
#b6ae91
;
color
:
#001b48
}
.page-job
.job
.content
{
padding
:
1rem
2rem
;
display
:
none
}
.page-job
.job
.content
h3
{
color
:
#00358e
;
font-weight
:
normal
;
margin-top
:
3rem
}
.page-job
.job
.content
p
{
color
:
#666
}
.page-job
.banner-job
{
border-radius
:
12px
;
background-position
:
center
center
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
overflow
:
hidden
}
.page-job
.banner-job
header
{
height
:
250px
;
line-height
:
250px
;
padding-left
:
5rem
;
color
:
#fff
;
font-size
:
32px
;
font-weight
:
lighter
;
background-color
:
rgba
(
0
,
31
,
77
,
0.702
)}
.page-job
.job-content
h3
{
font-weight
:
lighter
;
font-size
:
20px
;
color
:
#001b48
}
.page-job
.email
{
color
:
#001b48
;
margin-top
:
4rem
}
.page-job
.email
a
{
color
:
#001b48
}
.page-job
.email
a
:hover
{
border-bottom
:
1px
#001b48
solid
}
.banner-article
{
background-image
:
url("../img/banner/banner_article.jpg")
}
.page-article
{
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
{
padding-top
:
5rem
;
padding-bottom
:
8rem
}}
.page-article
.btn-load
{
border-radius
:
25px
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
30px
;
background-color
:
#001b48
;
color
:
#fff
;
display
:
inline-block
;
text-decoration
:
none
;
margin-top
:
50px
;
transition
:
all
0.25s
}
.page-article
.btn-load
:hover
{
background-color
:
#00358e
}
.page-article
.item
{
position
:
relative
;
padding
:
30px
0
;
transition
:
all
0.25s
;
border-bottom
:
1px
#ddd
solid
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
.item
{
padding
:
50px
0
}}
.page-article
.item
.pic
{
padding-top
:
2rem
}
.page-article
.item
.pic
img
{
width
:
100%
}
.page-article
.item
.txt
{
display
:
block
;
height
:
100%
;
font-size
:
18px
;
font-weight
:
normal
;
color
:
#fff
;
padding
:
1rem
1.5rem
}
@media
only
screen
and
(
min-width
:
992px
){
.page-article
.item
.txt
{
padding-left
:
3rem
}}
.page-article
.item
.txt
a
{
text-decoration
:
none
}
.page-article
.item
.txt
a
time
{
color
:
#001b48
;
font-size
:
30px
;
font-weight
:
normal
}
.page-article
.item
.txt
a
h3
{
font-weight
:
normal
;
margin
:
0
;
color
:
#333
;
font-size
:
18px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
.item
.txt
a
h3
{
font-size
:
20px
}}
.page-article
.item
.txt
a
p
{
color
:
#999
;
font-size
:
16px
;
line-height
:
1.8
}
.page-article
.art
{
background-color
:
#fff
}
.page-article
.art
.more
{
width
:
100px
;
height
:
40px
;
color
:
#001b48
;
text-align
:
center
;
line-height
:
40px
;
border-radius
:
20px
;
font-size
:
14px
;
margin-top
:
2rem
;
background-color
:
#eee
}
.page-article
.art
:hover
{
background-color
:
#f2f7ff
}
.page-article
.art
:hover
.more
{
background-color
:
#00358e
;
color
:
#fff
}
.page-article-detail
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article-detail
{
padding-top
:
5rem
;
padding-bottom
:
8rem
}}
.page-article-detail
.fullimage
{
width
:
100%
}
.page-article-detail
.article
{
padding-bottom
:
5rem
}
.page-article-detail
.article
.art-title
{
font-size
:
2.2rem
;
color
:
#333
;
margin-bottom
:
0
;
font-weight
:
normal
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article-detail
.article
.art-title
{
font-size
:
26px
}}
.page-article-detail
.article
.author
{
color
:
#00358e
;
margin-bottom
:
3rem
}
.page-article-detail
.article
.author
span
{
margin-right
:
1rem
}
.page-article-detail
.article
.art-body
p
{
text-indent
:
2em
}
.page-article-detail
.article
.art-body
p
img
{
max-width
:
100%
;
height
:
auto
;
margin-left
:
-2em
}
.banner-uc
{
background-image
:
url("../img/uc_bg1.jpg")
}
.usrInfo
.item
{
margin-bottom
:
4rem
}
.usrInfo
a
{
color
:
#4369d0
}
.page-uc
.action
{
padding-top
:
3rem
}
.page-uc
.action
.btn-login
{
margin-bottom
:
0
}
.page-uc
.updateName
.modalbox
{
height
:
370px
;
margin-top
:
-185px
}
.page-uc
.updateMobile
.modalbox
{
height
:
460px
;
margin-top
:
-230px
}
.page-uc
.updateMobile
.modalbox
.btnSend
{
border-radius
:
4px
;
background-color
:
#4369d0
;
display
:
block
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
height
:
39px
}
.page-uc
.updateMobile
.modalbox
.btnSend
[
disabled
=
true
]
{
background-color
:
#999
}
.page-uc
.updatePwd
.modalbox
{
height
:
520px
;
margin-top
:
-260px
}
.pagination-container
.pagination
{
list-style
:
none
;
text-align
:
center
;
margin
:
0
;
padding
:
0
}
.pagination-container
.pagination
li
{
display
:
inline-block
;
margin
:
0
3px
}
.pagination-container
.pagination
li
a
{
display
:
block
;
padding
:
5px
9px
;
border-radius
:
3px
;
border
:
1px
#001b48
solid
}
.pagination-container
.pagination
li
.active
a
{
background-color
:
#001b48
;
color
:
#fff
}
.overlayer
{
position
:
fixed
;
background-color
:
rgba
(
0
,
0
,
0
,
0.6
);
width
:
100%
;
height
:
100%
;
z-index
:
1000
;
top
:
0
;
left
:
0
;
display
:
none
}
.overlayer
.modalbox
{
background-color
:
#fff
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
width
:
320px
;
z-index
:
2000
;
margin-left
:
-160px
;
margin-top
:
-270px
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
{
width
:
720px
;
margin-left
:
-360px
;
height
:
540px
}}
.overlayer
.modalbox
.title
{
line-height
:
60px
;
background-color
:
#eeeeee
;
height
:
60px
;
text-align
:
center
;
position
:
relative
;
font-size
:
2rem
;
color
:
#9c865f
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
.title
{
font-size
:
2.4rem
}}
.overlayer
.modalbox
.title
.btnClose
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
1001
;
height
:
60px
;
width
:
60px
;
display
:
block
;
line-height
:
60px
}
.overlayer
.modalbox
.title
.btnClose
.iconfont
{
font-size
:
2.2rem
}
.overlayer
.modalbox
.box-body
{
padding
:
1.5rem
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
.box-body
{
width
:
720px
;
font-size
:
18px
;
padding
:
3rem
8rem
}}
.overlayer
.modalbox
.box-body
a
{
color
:
#4369d0
}
.overlayer
.modalbox
.box-body
.remember
{
margin-bottom
:
2.4rem
}
.overlayer
.modalbox
.box-body
.tip
strong
{
color
:
#4369d0
}
html
{
min-height
:
100%
}
.register
{
background
:
#65463a
url("../img/reg_bg.jpg")
no-repeat
center
top
;
background-size
:
cover
;
height
:
100%
}
.page-reg
{
padding-top
:
5%
}
.page-reg
.title
{
margin-bottom
:
4rem
}
.page-reg
.input-row
{
border-radius
:
3px
;
background-color
:
rgba
(
255
,
255
,
255
,
0.22
);
border
:
none
;
height
:
64px
;
font-size
:
18px
;
color
:
#fff
;
margin-bottom
:
2rem
}
.page-reg
.input-row
input
{
background-color
:
transparent
}
.page-reg
.input-row
input
::-webkit-input-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
:-moz-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
::-moz-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
:-ms-input-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
label
{
color
:
#fff
;
text-align
:
right
}
.page-reg
.input-row
.btnSend
{
border
:
1px
#eee
solid
;
width
:
90%
;
border-radius
:
3px
;
font-size
:
14px
;
height
:
33px
}
.page-reg
.xieyi
{
color
:
#fff
;
font-size
:
18px
}
.page-reg
.xieyi
a
{
color
:
#beab87
}
.page-reg
.tip
{
color
:
#fff
;
font-size
:
18px
}
.page-reg
.tip
strong
{
color
:
#beab87
}
.page-reg
.action
.btn-login
{
height
:
64px
;
font-size
:
20px
}
.page-reg
.action
.btn-login
[
disabled
=
disabled
]
{
background-color
:
#999
}
.page-reg
.action
.btn-login-outline
{
font-size
:
20px
;
border
:
none
;
background-color
:
rgba
(
177
,
157
,
119
,
0.42
);
height
:
64px
;
line-height
:
64px
}
.page-reg
.field-validation-error
{
display
:
block
;
text-align
:
center
;
color
:
#fff
;
margin-bottom
:
1rem
;
margin-top
:
-1rem
}
.page-reg
.overlayer
.title
{
margin-bottom
:
0
}
.page-reg
.overlayer
.box-body
{
max-height
:
400px
;
overflow-y
:
auto
;
margin
:
2rem
3rem
;
padding
:
0
}
body
,
html
{
margin
:
0
;
padding
:
0
}
body
{
position
:
relative
;
font-family
:
"Microsoft YaHei"
,
'Helvetica Neue'
,
Arial
,
'Liberation Sans'
,
FreeSans
,
sans-serif
;
font-size
:
16px
;
color
:
#666
;
background-color
:
#fff
;
line-height
:
1.6
}
a
{
color
:
#b8af8e
;
text-decoration
:
none
}
a
:hover
{
color
:
#001b48
;
text-decoration
:
none
}
.page-header
{
position
:
fixed
;
left
:
0
;
top
:
0
;
z-index
:
9000
;
width
:
100%
;
background-color
:
#001b48
}
.pageHeader
{
height
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
{
height
:
65px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
{
height
:
75px
}}
.pageHeader
.logo
{
padding-top
:
0.5rem
;
float
:
left
;
width
:
230px
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.logo
{
width
:
320px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
.logo
{
padding-top
:
1rem
;
width
:
320px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.pageHeader
.logo
{
padding-top
:
1rem
;
width
:
350px
}}
.pageHeader
.logo
img
{
width
:
100%
}
.pageHeader
.openmenu
{
height
:
36px
;
width
:
36px
;
position
:
absolute
;
top
:
2px
;
right
:
15px
}
.pageHeader
.openmenu
a
{
text-decoration
:
none
;
color
:
#fff
}
.pageHeader
.openmenu
a
.iconfont
{
font-size
:
28px
;
height
:
40px
;
width
:
40px
;
display
:
block
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.openmenu
a
.iconfont
{
font-size
:
36px
}}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.openmenu
{
top
:
4px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
.openmenu
{
display
:
none
}}
.pageHeader.fixed-header
{
position
:
fixed
;
top
:
0
;
left
:
0
;
z-index
:
6000
}
.sub-nav
{
text-align
:
center
;
background-color
:
#f7f8fa
}
.sub-nav
a
{
display
:
block
;
height
:
45px
;
line-height
:
45px
;
color
:
#999
;
text-decoration
:
none
;
border-right
:
1px
#ddd
solid
;
margin-left
:
-10px
;
margin-right
:
-10px
}
@media
only
screen
and
(
min-width
:
768px
){
.sub-nav
a
{
height
:
55px
;
line-height
:
55px
}}
@media
only
screen
and
(
min-width
:
992px
){
.sub-nav
a
{
height
:
82px
;
line-height
:
82px
;
font-size
:
20px
}}
.sub-nav
a
.iconfont
{
font-size
:
20px
}
.sub-nav
a
.first
{
border-left
:
1px
#ddd
solid
}
.sub-nav
a
:hover
{
color
:
#001b48
}
.sub-nav
a
.active
{
background-color
:
#e7eefd
;
color
:
#00358e
}
.page-footer
{
background-image
:
-moz-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
background-image
:
-webkit-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
background-image
:
-ms-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
padding-top
:
2rem
;
padding-bottom
:
3rem
;
background-color
:
#000
;
color
:
#fff
}
@media
only
screen
and
(
min-width
:
768px
){
.page-footer
{
padding-top
:
4rem
;
padding-bottom
:
5rem
}}
.page-footer
.menus
dl
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.page-footer
.menus
dt
{
font-weight
:
normal
;
margin-bottom
:
2rem
}
.page-footer
.menus
dd
{
font-weight
:
lighter
;
padding
:
0
;
margin
:
0
0
1.8rem
}
.page-footer
.menus
dd
a
{
color
:
#bde5ff
}
.page-footer
.rightcol
{
text-align
:
center
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
992px
){
.page-footer
.rightcol
{
text-align
:
right
}}
.page-footer
.rightcol
dd
{
font-weight
:
lighter
;
color
:
#bde5ff
;
margin-bottom
:
1rem
;
padding
:
0
;
margin
:
0
}
.page-footer
.rightcol
dd
.phone
{
font-weight
:
normal
;
font-size
:
30px
;
color
:
#b8af8e
;
margin-bottom
:
0.5rem
}
.page-footer
.copyright
{
border-top
:
1px
#33729b
solid
;
padding-top
:
1rem
;
margin-top
:
1rem
;
margin-bottom
:
2rem
;
color
:
#bde5ff
}
.page-footer
.copyright
p
{
text-align
:
center
;
padding
:
0
;
margin
:
0
0
1rem
;
font-weight
:
lighter
;
font-size
:
12px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-footer
.copyright
p
{
text-align
:
left
;
font-size
:
16px
}}
.mplnone
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.pagebg
{
background-image
:
url("../img/bg.png")
;
background-repeat
:
no-repeat
}
.fl
{
float
:
left
}
.fr
{
float
:
right
}
.tc
{
text-align
:
center
}
.tl
{
text-align
:
left
}
.tr
{
text-align
:
right
}
.m-b-50
{
margin-bottom
:
50px
}
.pt40
{
padding-top
:
40px
}
.m-t-50
{
margin-top
:
50px
}
.pt-5
{
padding-top
:
5px
}
.p-t-15
{
padding-top
:
15px
}
.p-t-25
{
padding-top
:
25px
}
.p-t-40
{
padding-top
:
40px
}
.p-t-50
{
padding-top
:
50px
}
.text-right
{
text-align
:
right
}
.text-center
{
text-align
:
center
}
.sliders
{
width
:
100%
;
height
:
240px
;
background-color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.sliders
{
height
:
400px
}}
@media
only
screen
and
(
min-width
:
992px
){
.sliders
{
height
:
450px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.sliders
{
height
:
500px
}}
@media
only
screen
and
(
min-width
:
1400px
){
.sliders
{
height
:
600px
}}
@media
only
screen
and
(
min-width
:
1600px
){
.sliders
{
height
:
690px
}}
.sliders
.item
{
background-repeat
:
no-repeat
;
background-position
:
center
center
;
background-size
:
cover
;
height
:
100%
}
.sliders
.item
.container
{
padding-top
:
20%
}
.bx-wrapper
{
border
:
none
;
box-shadow
:
none
}
.bx-wrapper
.bx-pager.bx-default-pager
a
{
background
:
rgba
(
200
,
200
,
200
,
0.7
);
text-indent
:
-9999px
;
display
:
block
;
width
:
40px
;
height
:
8px
;
margin
:
0
5px
;
outline
:
0
;
-moz-border-radius
:
4px
;
-webkit-border-radius
:
4px
;
border-radius
:
4px
}
.bx-wrapper
.bx-pager
{
bottom
:
2rem
}
@media
only
screen
and
(
min-width
:
768px
){
.bx-wrapper
.bx-pager
{
bottom
:
3rem
}}
.bx-wrapper
.bx-pager.bx-default-pager
a
.active
,
.bx-wrapper
.bx-pager.bx-default-pager
a
:focus
,
.bx-wrapper
.bx-pager.bx-default-pager
a
:hover
{
background
:
#001b48
}
.dl-horizontal
dt
{
float
:
left
;
width
:
100px
;
padding
:
5px
0
;
margin
:
0
}
.dl-horizontal
dd
{
padding
:
5px
0
;
border-bottom
:
1px
#ddd
dotted
;
margin
:
0
0
0
105px
}
.navbar
{
margin-bottom
:
0
}
.pagination
>
li
>
a
,
.pagination
>
li
>
span
{
color
:
#666
}
.pagination
>
.active
>
a
,
.pagination
>
.active
>
a
:focus
,
.pagination
>
.active
>
a
:hover
,
.pagination
>
.active
>
span
,
.pagination
>
.active
>
span
:focus
,
.pagination
>
.active
>
span
:hover
{
background-color
:
#001b48
;
border-color
:
#001b48
}
.table-vmiddle
td
,
.table-vmiddle
th
{
vertical-align
:
middle
!important
}
.breadcrumb
{
background-color
:
transparent
}
.mainav
{
display
:
none
;
background-color
:
#001b48
;
position
:
absolute
;
z-index
:
1000
;
top
:
50px
;
left
:
0
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.mainav
{
top
:
65px
}}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
{
position
:
relative
;
z-index
:
1000
;
top
:
auto
;
left
:
auto
;
width
:
auto
;
background-color
:
transparent
;
display
:
block
;
float
:
right
;
margin
:
auto
}}
.mainav
.navbar-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.mainav
.navbar-nav
li
{
border-top
:
1px
#001029
solid
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
{
display
:
inline-block
;
border-top
:
none
}}
.mainav
.navbar-nav
li
a
{
padding
:
0.6rem
0
;
display
:
block
;
color
:
#fff
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
a
{
padding
:
0
1.3rem
;
font-size
:
16px
;
height
:
75px
;
line-height
:
75px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.mainav
.navbar-nav
li
a
{
padding
:
0
1.6rem
}}
.mainav
.navbar-nav
li
a
:hover
{
color
:
#fff
}
.mainav
.navbar-nav
li
.active
a
{
position
:
relative
;
background-color
:
#002667
;
color
:
#fff
}
@media
only
screen
and
(
min-width
:
992px
){
.mainav
.navbar-nav
li
.active
a
{
background-color
:
transparent
;
padding-bottom
:
1rem
;
background-image
:
-moz-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
255
,
0.412
)
100%
);
background-image
:
-webkit-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
78
,
0.412
)
100%
);
background-image
:
-ms-linear-gradient
(
90deg
,
rgba
(
175
,
164
,
121
,
0.412
)
0%
,
rgba
(
98
,
104
,
100
,
0.412
)
45%
,
rgba
(
20
,
43
,
78
,
0.412
)
100%
)}}
@media
only
screen
and
(
min-width
:
1200px
){
.mainav
.navbar-nav
li
.active
a
{
padding-bottom
:
1.2rem
}}
@media
only
screen
and
(
max-width
:
760px
),
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
){
.table-download
{
border-bottom
:
1px
#ccc
solid
;
display
:
block
}
.table-download
tbody
,
.table-download
td
,
.table-download
th
,
.table-download
thead
,
.table-download
tr
{
display
:
block
}
.table-download
thead
tr
{
position
:
absolute
;
top
:
-9999px
;
left
:
-9999px
}
.table-download
td
{
vertical-align
:
middle
;
border
:
none
;
position
:
relative
;
padding-left
:
50%
!important
}
.table-download
td
:before
{
position
:
absolute
;
top
:
6px
;
left
:
6px
;
width
:
45%
;
padding-right
:
10px
;
white-space
:
nowrap
}
.table-download
td
:nth-of-type
(
1
)
:before
{
content
:
""
}
.table-download
td
:nth-of-type
(
2
)
:before
{
content
:
"主题"
}
.table-download
td
:nth-of-type
(
3
)
:before
{
content
:
"分类"
}
.table-download
td
:nth-of-type
(
4
)
:before
{
content
:
"文件大小"
}
.table-download
td
:nth-of-type
(
5
)
:before
{
content
:
"下载次数"
}
.table-download
td
:nth-of-type
(
6
)
:before
{
content
:
""
}}
@media
only
screen
and
(
min-device-width
:
320px
)
and
(
max-device-width
:
480px
){
body
{
padding
:
0
;
margin
:
0
;
width
:
100%
}}
@media
only
screen
and
(
min-device-width
:
768px
)
and
(
max-device-width
:
1024px
){
body
{
width
:
100%
}}
.input-row
{
border-bottom
:
1px
#d2d2d2
solid
;
padding
:
1rem
0
;
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.input-row
{
padding
:
1.3rem
0
;
border-bottom
:
2px
#d2d2d2
solid
}}
.input-row
label
{
display
:
block
;
padding-top
:
0.5rem
;
text-align
:
center
;
color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.input-row
label
{
padding-top
:
0
}}
.input-row
.input-control
{
border
:
none
;
width
:
100%
;
outline-style
:
none
;
font-size
:
18px
}
.input-row
.input-control
:-webkit-autofill
{
-webkit-box-shadow
:
0
0
0
30px
white
inset
}
.btn-login
{
border-radius
:
4px
;
background-color
:
#beab87
;
height
:
50px
;
width
:
100%
;
color
:
#fff
;
border
:
none
;
margin-bottom
:
2.4rem
}
.btn-login-outline
{
border-radius
:
4px
;
display
:
block
;
text-align
:
center
;
line-height
:
48px
;
height
:
50px
;
width
:
100%
;
color
:
#beab87
;
border
:
none
;
border
:
1px
#beab87
solid
;
background-color
:
#fff
;
color
:
#001b48
!important
}
.btn-login-outline
:hover
{
color
:
#fff
!important
;
background-color
:
#001b48
}
.banner
{
height
:
200px
;
background-color
:
#003359
;
background-position
:
center
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
margin-top
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner
{
height
:
420px
}}
@media
only
screen
and
(
min-width
:
992px
){
.banner
{
margin-top
:
75px
;
height
:
650px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.banner
{
height
:
690px
}}
.section
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.section
{
padding-top
:
6rem
;
padding-bottom
:
6rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.section
{
padding-top
:
9rem
;
padding-bottom
:
9rem
}}
.section
.section-title
{
text-align
:
center
;
background
:
url("/en/Content/img/title_about.png")
no-repeat
center
center
;
background-size
:
auto
100%
;
height
:
24px
;
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.section-title
{
height
:
32px
;
margin-bottom
:
3rem
}}
.section
.more
{
text-align
:
center
;
padding-top
:
2rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.more
{
padding-top
:
3rem
}}
.section
.more
a
{
border-width
:
1px
;
border-color
:
#001b48
;
border-style
:
solid
;
color
:
#001b48
;
border-radius
:
17px
;
font-size
:
14px
;
width
:
120px
;
height
:
35px
;
line-height
:
33px
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
992px
){
.section
.more
a
{
width
:
148px
;
height
:
58px
;
font-size
:
18px
;
line-height
:
56px
;
border-radius
:
29px
}}
.section
.more
a
:hover
{
color
:
#b8af8e
;
border-color
:
#b8af8e
}
.section1
.text
{
text-align
:
justify
;
font-size
:
14px
;
line-height
:
2
}
@media
only
screen
and
(
min-width
:
768px
){
.section1
.text
{
text-align
:
center
}}
@media
only
screen
and
(
min-width
:
992px
){
.section1
.text
{
font-size
:
18px
}}
.section2
{
background
:
url("/Content/img/bg_s2.jpg")
no-repeat
center
top
;
background-size
:
cover
;
overflow
:
hidden
}
@media
only
screen
and
(
min-width
:
992px
){
.section2
{
padding-top
:
7rem
;
padding-bottom
:
7rem
}}
.section2
.section-title
{
background-image
:
url("/en/Content/img/title_business.png")
}
.section2
.business
{
padding
:
3rem
30px
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.business
{
padding
:
5rem
10px
5rem
1px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.business
{
padding-top
:
7rem
;
padding-bottom
:
7rem
}}
.section2
.item
{
background
:
url("/Content/img/s2_bg1.jpg")
no-repeat
center
top
;
background-size
:
cover
;
text-align
:
center
;
color
:
#b8af8e
;
transition
:
all
0.25s
;
position
:
relative
;
box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
{
width
:
226px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
{
width
:
300px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
{
width
:
366px
}}
.section2
.item.item2
{
background-image
:
url("/Content/img/s2_bg2.jpg")
}
.section2
.item.item3
{
background-image
:
url("/Content/img/s2_bg3.jpg")
}
.section2
.item
.over
{
background-color
:
rgba
(
30
,
83
,
137
,
0.8
);
height
:
450px
;
padding-top
:
140px
;
transition
:
all
0.25s
}
.section2
.item
.iconfont
{
font-size
:
36px
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
.iconfont
{
font-size
:
42px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
.iconfont
{
font-size
:
56px
}}
.section2
.item
h3
{
font-weight
:
normal
;
font-size
:
26px
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
h3
{
font-size
:
20px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
h3
{
font-size
:
26px
}}
.section2
.item
.list
{
display
:
none
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
color
:
#fff
;
padding-top
:
30px
}
.section2
.item
.list
li
{
padding
:
4px
0
;
font-size
:
16px
}
.section2
.item
.over-img
{
position
:
absolute
;
z-index
:
100
;
display
:
none
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
.over-img
{
bottom
:
-10px
;
left
:
-38px
;
width
:
290px
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
.over-img
{
bottom
:
-10px
;
left
:
-51px
;
width
:
385px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
.over-img
{
left
:
-62px
;
width
:
475px
}}
.section2
.item
:hover
{
border-top
:
8px
#b8af8e
solid
;
z-index
:
1000
;
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
:hover
{
width
:
226px
;
transform
:
scale
(
1.2
);
position
:
absolute
}}
@media
only
screen
and
(
min-width
:
992px
){
.section2
.item
:hover
{
width
:
300px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.section2
.item
:hover
{
width
:
366px
}}
.section2
.item
:hover
.over
{
padding-top
:
20px
}
.section2
.item
:hover
.list
{
display
:
block
}
@media
only
screen
and
(
min-width
:
768px
){
.section2
.item
:hover
.over-img
{
display
:
block
}}
.section2
.more
a
{
border-color
:
#b8af8e
;
color
:
#b8af8e
}
.section2
.more
a
:hover
{
color
:
#fff
;
border-color
:
#fff
}
.section4
{
background-color
:
#f7f7f7
}
.section4
.section-title
{
background-image
:
url("/Content/img/title_news.png")
}
.section4
.articles
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
.section4
.item
{
background-color
:
#fff
;
box-shadow
:
0
0
12px
rgba
(
0
,
0
,
0
,
0.15
);
display
:
block
}
.section4
.item
.text
{
padding
:
8px
15px
;
min-height
:
100px
}
.section4
.item
.text
p
{
margin
:
0
;
color
:
#333
}
.section4
.item
.text
.date
{
color
:
#b8af8e
}
.section4
.item
.pic
img
{
width
:
100%
}
.section4
.item
a
{
position
:
relative
;
padding-left
:
7.6rem
;
height
:
96px
;
display
:
block
;
color
:
#00a0e9
;
padding-top
:
2rem
;
padding-right
:
1rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
{
padding-left
:
13rem
;
padding-top
:
2rem
;
height
:
112px
}}
.section4
.item
a
.date
{
position
:
absolute
;
left
:
0
;
top
:
1.6rem
;
padding-left
:
1rem
;
width
:
13rem
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
.date
{
padding-left
:
2rem
}}
.section4
.item
a
.date
p
{
font-size
:
20px
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
992px
){
.section4
.item
a
.date
p
{
font-size
:
28px
}}
.section4
.item
a
:hover
{
background-image
:
-moz-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-webkit-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-ms-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
color
:
#fff
}
.section4
.item
a
.active
{
background-image
:
-moz-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-webkit-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
background-image
:
-ms-linear-gradient
(
75deg
,
rgba
(
0
,
234
,
255
,
0.7
)
0%
,
rgba
(
0
,
192
,
255
,
0.7
)
100%
);
color
:
#fff
}
.section4
.item
a
.atitle
{
margin
:
0
;
font-size
:
16px
}
@media
only
screen
and
(
min-width
:
768px
){
.section4
.item
a
.atitle
{
font-size
:
18px
}}
.section5
.section-title
{
background-image
:
url("/Content/img/title_link.png")
;
margin-bottom
:
6rem
}
.section5
.clients
{
border-left
:
1px
#eee
solid
;
border-top
:
1px
#eee
solid
;
margin-bottom
:
4rem
}
.section5
.clients
.item
{
margin
:
0
-10px
;
border-bottom
:
#eee
1px
solid
;
border-right
:
1px
#eee
solid
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
768px
){
.section5
.clients
.item
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.section5
.clients
.item
{
padding-top
:
70px
;
height
:
210px
}}
.section5
.clients
.item
img
{
max-width
:
100%
;
margin
:
0
auto
;
transition
:
all
0.25s
}
.section5
.clients
.item
img
:hover
{
transform
:
scale
(
1.03
)}
@media
only
screen
and
(
min-width
:
992px
){
.section5
.clients
.item
:hover
{
border
:
3px
solid
#ddd
;
border-image
:
-webkit-linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
border-image
:
-moz-linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
border-image
:
linear-gradient
(
#00a6e4
,
#006bb1
)
30
30
;
padding-top
:
67px
}}
.banner-contact
{
background-image
:
url("../img/banner/banner_contact.jpg")
;
background-size
:
cover
;
height
:
160px
;
margin-top
:
45px
;
padding-top
:
45px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner-contact
{
height
:
330px
;
margin-top
:
0
;
padding-top
:
150px
}}
@media
only
screen
and
(
min-width
:
992px
){
.banner-contact
{
margin-top
:
75px
;
height
:
395px
;
padding-top
:
140px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.banner-contact
{
height
:
395px
}}
.banner-contact
h1
{
text-align
:
center
;
color
:
#b8af8e
;
font-weight
:
normal
;
font-size
:
24px
}
@media
only
screen
and
(
min-width
:
768px
){
.banner-contact
h1
{
font-size
:
36px
}}
.page-contact
{
display
:
none
;
padding-top
:
2rem
;
padding-bottom
:
2rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-contact
{
padding-top
:
5rem
;
padding-bottom
:
5rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-contact
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}}
.page-contact.active
{
display
:
block
}
.page-contact
.contact1
{
padding-top
:
2rem
}
.page-contact
.contact1
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
margin-bottom
:
4rem
}
.page-contact
.contact1
ul
li
{
position
:
relative
;
margin-bottom
:
4rem
;
padding-left
:
50px
;
font-size
:
16px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-contact
.contact1
ul
li
{
font-size
:
20px
}}
.page-contact
.contact1
ul
.icon
{
width
:
34px
;
height
:
34px
;
text-align
:
center
;
color
:
#fff
;
line-height
:
28px
;
position
:
absolute
;
left
:
0
;
top
:
-2px
;
border-radius
:
50%
;
background-image
:
-moz-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
);
background-image
:
-webkit-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
);
background-image
:
-ms-linear-gradient
(
30deg
,
#003177
0%
,
#4285e9
100%
)}
.page-contact
.contact1
.map
img
{
max-width
:
100%
;
width
:
100%
}
.page-contact
.myform
.col-sm-12
,
.page-contact
.myform
.col-sm-4
{
margin-bottom
:
2rem
}
.page-contact
.myform
.flied
{
background-color
:
#f7f8fa
;
min-height
:
60px
;
padding
:
10px
10px
10px
90px
;
position
:
relative
}
.page-contact
.myform
.flied
label
{
position
:
absolute
;
left
:
1.5rem
;
top
:
15px
;
color
:
#00358e
}
.page-contact
.myform
.flied
input
{
width
:
100%
;
padding
:
5px
;
font-size
:
18px
;
border
:
none
;
background-color
:
transparent
}
.page-contact
.myform
.flied
textarea
{
width
:
100%
;
padding
:
5px
;
font-size
:
18px
;
border
:
none
;
background-color
:
transparent
}
.page-contact
.myform
.btn
{
border
:
none
;
background-color
:
#001b48
;
color
:
#fff
;
border-radius
:
17px
;
font-size
:
14px
;
width
:
180px
;
height
:
35px
;
line-height
:
33px
;
display
:
inline-block
}
@media
only
screen
and
(
min-width
:
992px
){
.page-contact
.myform
.btn
{
width
:
200px
;
height
:
58px
;
font-size
:
18px
;
line-height
:
56px
;
border-radius
:
29px
}}
.page-contact
.myform
.btn
:hover
{
color
:
#b8af8e
;
border-color
:
#b8af8e
}
.banner-about
{
background-image
:
url("../img/banner/banner_about.jpg")
}
.tab_item
{
display
:
none
}
.tab_item.active
{
display
:
block
}
.page-about
{
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
{
padding-bottom
:
5rem
}}
.page-about
.section
{
padding-top
:
0
;
padding-bottom
:
0
}
.page-about
.section
.title
{
font-size
:
32px
;
font-weight
:
lighter
;
color
:
#333
;
margin-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section
.title
{
font-size
:
32px
;
margin-top
:
2rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-about
.section
.title
{
margin-top
:
4rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-about
.section
.title
{
margin-top
:
6rem
}}
.page-about
.section1
.item
{
background
:
#001b48
url("../img/about_bg1.jpg")
no-repeat
center
center
;
background-size
:
cover
;
color
:
#fff
;
padding
:
3rem
;
text-align
:
center
;
border-radius
:
12px
;
margin-bottom
:
1.5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section1
.item
{
height
:
375px
}}
.page-about
.section1
.item
.sub-title
{
font-size
:
22px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-about
.section1
.item
.sub-title
{
font-size
:
26px
}}
.page-about
.section1
.item
p
{
line-height
:
1.8
}
.page-about
.section1
.item.item2
{
background
:
#001b48
url("../img/about_bg2.jpg")
no-repeat
center
center
;
background-size
:
cover
}
.page-about
.section1
.card
{
text-align
:
center
;
border-radius
:
6px
;
box-shadow
:
0
2px
12px
rgba
(
0
,
0
,
0
,
0.15
);
padding-top
:
2rem
;
padding-bottom
:
3rem
;
margin-bottom
:
1.5rem
;
height
:
20.5rem
}
.page-about
.section1
.card
.iconfont
{
font-size
:
42px
;
display
:
inline-block
;
line-height
:
1.8
;
margin-bottom
:
1rem
;
color
:
#00358e
}
.page-about
.section1
.card
h3
{
margin
:
0
0
0.8rem
;
font-weight
:
normal
;
color
:
#333
;
font-size
:
24px
}
.page-about
.section1
.card
p
{
margin
:
0
}
.page-event
{
padding-bottom
:
6rem
;
padding-top
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
{
padding-bottom
:
9rem
;
padding-top
:
7rem
}}
.page-event
.history
{
position
:
relative
;
padding-left
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
{
padding-left
:
190px
}}
.page-event
.history
.clock
{
position
:
absolute
;
left
:
-2px
;
top
:
0.6rem
;
z-index
:
1000
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
.clock
{
left
:
134px
}}
.page-event
.history
:after
{
content
:
" "
;
display
:
block
;
position
:
absolute
;
left
:
15px
;
width
:
2px
;
height
:
100%
;
top
:
3rem
;
z-index
:
1
;
background-color
:
#00358e
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
:after
{
left
:
150px
}}
.page-event
.history
h2
{
margin-left
:
0
;
margin-top
:
0
;
font-size
:
26px
;
font-weight
:
normal
;
color
:
#00358e
;
margin-bottom
:
5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
h2
{
margin-left
:
-190px
;
font-size
:
32px
}}
.page-event
.history
dl
{
padding-bottom
:
2rem
;
padding-left
:
0
;
position
:
relative
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
{
padding-bottom
:
3.6rem
}}
.page-event
.history
dl
dt
{
font-size
:
20px
;
padding-top
:
8px
;
font-weight
:
normal
;
color
:
#333
;
color
:
#001b48
;
position
:
relative
}
.page-event
.history
dl
dt
span
{
position
:
absolute
;
left
:
0
;
top
:
-20px
;
font-size
:
20px
;
color
:
#00358e
;
z-index
:
100
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
span
{
left
:
-150px
;
top
:
0
}}
.page-event
.history
dl
dt
.dot
{
position
:
absolute
;
left
:
-43px
;
top
:
10px
;
color
:
#00358e
;
z-index
:
100
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
.dot
{
left
:
-48px
}}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dt
{
font-size
:
24px
;
padding-top
:
0
}}
.page-event
.history
dl
dd
{
margin
:
0
0
45px
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-event
.history
dl
dd
{
font-size
:
16px
}}
.page-event
.history
dl
:last-child
{
padding-bottom
:
0
}
.page-event
.history
dl
:last-child:after
{
display
:
none
}
.page-event
.history
time
{
margin-right
:
2rem
}
.page-teams
{
padding-top
:
9rem
;
padding-bottom
:
5rem
}
.page-teams
.top
{
position
:
relative
;
border-radius
:
10px
;
background-image
:
-moz-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
background-image
:
-webkit-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
background-image
:
-ms-linear-gradient
(
80deg
,
#989076
0%
,
#cec7ae
100%
);
box-shadow
:
0
4px
11.52px
0.48px
rgba
(
0
,
0
,
0
,
0.1
);
color
:
#fff
;
margin-bottom
:
45px
;
padding-bottom
:
1.5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
{
height
:
480px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.top
{
height
:
430px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.top
{
height
:
387px
}}
.page-teams
.top
.boss
{
position
:
absolute
;
right
:
0
;
top
:
-7.6rem
;
z-index
:
100
;
width
:
120px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.boss
{
left
:
1.8rem
;
top
:
auto
;
bottom
:
0
;
width
:
200px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.top
.boss
{
left
:
3rem
;
bottom
:
0
;
width
:
250px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.top
.boss
{
left
:
3rem
;
bottom
:
0
;
width
:
300px
}}
.page-teams
.top
.boss
img
{
width
:
100%
}
.page-teams
.top
.intro
{
padding-top
:
1rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
{
padding-right
:
2rem
;
padding-top
:
3rem
}}
.page-teams
.top
.intro
header
{
position
:
relative
}
.page-teams
.top
.intro
h2
{
font-size
:
24px
;
font-weight
:
normal
;
margin
:
0
25px
0.6rem
0
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
h2
{
display
:
inline-block
;
font-size
:
34px
}}
.page-teams
.top
.intro
h3
{
font-weight
:
normal
;
margin-bottom
:
0
}
.page-teams
.top
.intro
span
{
display
:
inline-block
;
border-radius
:
14px
;
height
:
28px
;
font-size
:
16px
;
padding
:
0
15px
;
background-color
:
#aca488
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.top
.intro
span
{
position
:
absolute
;
left
:
140px
;
top
:
15px
;
z-index
:
100
}}
.page-teams
.top
.intro
p
{
font-size
:
14px
;
line-height
:
1.8
;
text-align
:
justify
}
.page-teams
.item
{
box-shadow
:
0
2px
8px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
30px
}
.page-teams
.item
.pic
img
{
width
:
100%
}
.page-teams
.item
.text
{
padding
:
1rem
1.5rem
;
text-align
:
justify
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.item
.text
{
padding
:
1rem
1.5rem
;
height
:
350px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-teams
.item
.text
{
height
:
400px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-teams
.item
.text
{
height
:
320px
}}
.page-teams
.item
h2
{
font-size
:
32px
;
color
:
#333
;
margin
:
0
0
1rem
;
padding
:
0
;
font-weight
:
lighter
;
text-align
:
left
}
.page-teams
.item
h3
{
font-size
:
16px
;
margin-top
:
0
;
margin-bottom
:
0
;
color
:
#666
;
font-weight
:
lighter
;
text-align
:
center
;
background-color
:
#b8af90
;
height
:
28px
;
border-radius
:
14px
;
color
:
#fff
;
display
:
inline-block
;
padding
:
0
15px
;
line-height
:
28px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-teams
.item
h3
{
text-align
:
left
}}
.page-teams
.item
p
{
padding-top
:
0
;
font-size
:
14px
}
.banner-business
{
background-image
:
url("../img/banner/banner_business.jpg")
}
.page-business
{
padding-bottom
:
3rem
;
margin-top
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
{
padding-bottom
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
{
padding-bottom
:
6rem
}}
.page-business
.setitle
{
position
:
relative
;
padding-left
:
70px
;
padding-top
:
1.3rem
;
margin-bottom
:
5rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.setitle
{
padding-top
:
6rem
}}
.page-business
.setitle
.iconfont
{
font-size
:
56px
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
1000
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle
.iconfont
{
top
:
1.4rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.setitle
.iconfont
{
padding-top
:
2rem
}}
.page-business
.setitle
h2
{
font-size
:
32px
;
color
:
#333
;
font-weight
:
lighter
;
margin
:
0
;
line-height
:
1
}
.page-business
.setitle1
h2
{
font-size
:
32px
;
margin-top
:
0
;
color
:
#333
;
font-weight
:
normal
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.setitle1
h2
{
font-size
:
50px
}}
.page-business
img
{
max-width
:
100%
}
.page-business
p
{
line-height
:
1.8
}
.page-business
.se2
{
text-align
:
center
;
font-size
:
28px
;
color
:
#fff
;
padding-bottom
:
3rem
}
.page-business
.se2
.item
{
height
:
350px
;
line-height
:
350px
;
background-position
:
center
center
;
background-color
:
#001b48
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
margin-bottom
:
1rem
}
.page-business
.se2
.item.item1
{
background-image
:
url("../img/b001.jpg")
}
.page-business
.se2
.item.item2
{
background-image
:
url("../img/b002.jpg")
}
.page-business
.se2
.item.item3
{
background-image
:
url("../img/b003.jpg")
}
.page-business
.se2
a
:hover
{
color
:
#fff
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.buslist
{
padding-top
:
3rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.buslist
{
padding-top
:
6rem
}}
.page-business
.buslist
.bus
{
background-color
:
#fff
;
box-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
0.15
);
margin-bottom
:
3rem
}
.page-business
.buslist
.bus
.pic
img
{
width
:
100%
}
.page-business
.buslist
.bus
.txt
{
padding
:
1.5rem
1.5rem
30px
;
position
:
relative
}
.page-business
.buslist
.bus
.txt
h3
{
font-size
:
24px
;
margin
:
0
;
font-weight
:
normal
;
color
:
#333
}
.page-business
.buslist
.bus
.txt
p
{
margin
:
0
;
color
:
#999
}
.page-business
.buslist
.bus
.txt
.more
{
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
left
:
0
;
bottom
:
0
;
padding-bottom
:
2rem
}
.page-business
.buslist
.bus
.txt
.more
a
{
display
:
inline-block
;
border-radius
:
20px
;
height
:
40px
;
line-height
:
38px
;
border
:
1px
#001b48
solid
;
padding
:
0
2rem
;
color
:
#001b48
}
.page-business
.buslist
.bus
.txt
.more
a
:hover
{
border-color
:
#b8af8e
;
color
:
#b8af8e
}
.page-business
.pic1
{
padding-bottom
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.pic1
{
padding-bottom
:
1rem
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.pic1
{
padding-bottom
:
5rem
}}
.page-business
.pic1
img
{
width
:
100%
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
{
margin-top
:
5rem
}}
.page-business
.se-title
h3
{
font-size
:
22px
;
font-weight
:
normal
;
color
:
#333
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.se-title
h3
{
font-size
:
32px
}}
.page-business
.item001
{
background-color
:
#fff
;
box-shadow
:
0
0
16px
rgba
(
0
,
0
,
0
,
0.1
);
margin-bottom
:
20px
;
padding
:
15px
;
display
:
block
;
height
:
280px
}
.page-business
.item001
.icon
{
height
:
130px
;
background-position
:
center
center
;
background-size
:
auto
;
background-repeat
:
no-repeat
;
margin-bottom
:
1rem
}
.page-business
.item001
h4
{
font-size
:
18px
;
font-weight
:
normal
;
margin
:
0
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.item001
h4
{
font-size
:
20px
}}
.page-business
.item001
p
{
color
:
#999
}
.page-business
.art-title
{
height
:
90px
;
line-height
:
90px
;
padding-left
:
30px
;
color
:
#fff
;
border-radius
:
10px
;
font-size
:
20px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.art-title
{
height
:
120px
;
line-height
:
120px
;
font-size
:
30px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
992px
){
.page-business
.art-title
{
height
:
180px
;
line-height
:
180px
;
font-size
:
40px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.page-business
.art-title
{
height
:
240px
;
line-height
:
240px
;
font-size
:
40px
;
padding-left
:
50px
}}
@media
only
screen
and
(
min-width
:
768px
){
.page-business
.content
{
padding
:
2rem
}}
.banner-product
{
background-image
:
url("../img/banner/banner_product.jpg")
}
.page-product
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-product
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}}
.page-product
.item
{
background
:
#001b48
url("../img/d_19.jpg")
no-repeat
center
center
;
background-size
:
cover
;
padding
:
1rem
;
margin-bottom
:
20px
;
border-radius
:
12px
;
color
:
#b8af8e
}
@media
only
screen
and
(
min-width
:
992px
){
.page-product
.item
{
height
:
350px
;
padding
:
5rem
3rem
}}
.page-product
.item
header
{
font-size
:
30px
;
text-align
:
center
;
font-weight
:
lighter
;
padding-bottom
:
2rem
;
margin-bottom
:
2rem
;
background
:
url("../img/d_18.png")
no-repeat
center
bottom
}
.page-product
.item
header
.iconfont
{
font-size
:
30px
}
.page-product
.item
p
{
padding
:
0
2rem
;
line-height
:
1.8
}
.page-product
.item.item1
{
background
:
#001b48
url("../img/d_20.jpg")
no-repeat
center
center
}
.page-product
.item.item2
{
background
:
#001b48
url("../img/d_21.jpg")
no-repeat
center
center
}
.page-product
.item.item3
{
background
:
#001b48
url("../img/d_22.jpg")
no-repeat
center
center
}
.banner-job
{
background-image
:
url("../img/banner/banner_job.jpg")
}
.page-job
{
padding-top
:
5rem
;
padding-bottom
:
5rem
}
.page-job
.item
{
background-color
:
#001b48
;
border-radius
:
12px
;
min-height
:
346px
;
color
:
#fff
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
padding
:
3rem
4rem
;
margin-bottom
:
45px
}
.page-job
.item
h2
{
font-size
:
32px
;
font-weight
:
normal
}
.page-job
.item
ul
li
{
font-size
:
18px
;
margin-bottom
:
10px
}
.page-job
.item.item1
{
background-image
:
url("../img/j_01.jpg")
}
.page-job
.item.item2
{
background-image
:
url("../img/j_02.jpg")
}
.page-job
.job
{
border-radius
:
12px
;
overflow
:
hidden
;
margin-bottom
:
1.6rem
}
.page-job
.job
.job-title
{
line-height
:
150px
;
height
:
150px
;
border-radius
:
12px
;
font-size
:
32px
;
padding
:
0
50px
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
center
}
@media
only
screen
and
(
min-width
:
768px
){
.page-job
.job
.job-title
{
line-height
:
220px
;
height
:
220px
}}
.page-job
.job
.job-title
a
{
width
:
100%
;
height
:
100%
;
display
:
block
;
color
:
#fff
;
position
:
relative
;
text-decoration
:
none
}
.page-job
.job
.job-title
a
.open
{
position
:
absolute
;
right
:
40px
;
border-radius
:
20px
;
height
:
40px
;
padding
:
0
2rem
;
top
:
95px
;
z-index
:
100
;
font-size
:
18px
;
line-height
:
40px
;
background-color
:
#b6ae91
;
color
:
#001b48
}
.page-job
.job
.content
{
padding
:
1rem
2rem
;
display
:
none
}
.page-job
.job
.content
h3
{
color
:
#00358e
;
font-weight
:
normal
;
margin-top
:
3rem
}
.page-job
.job
.content
p
{
color
:
#666
}
.page-job
.banner-job
{
border-radius
:
12px
;
background-position
:
center
center
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
overflow
:
hidden
}
.page-job
.banner-job
header
{
height
:
250px
;
line-height
:
250px
;
padding-left
:
5rem
;
color
:
#fff
;
font-size
:
32px
;
font-weight
:
lighter
;
background-color
:
rgba
(
0
,
31
,
77
,
0.702
)}
.page-job
.job-content
h3
{
font-weight
:
lighter
;
font-size
:
20px
;
color
:
#001b48
}
.page-job
.email
{
color
:
#001b48
;
margin-top
:
4rem
}
.page-job
.email
a
{
color
:
#001b48
}
.page-job
.email
a
:hover
{
border-bottom
:
1px
#001b48
solid
}
.banner-article
{
background-image
:
url("../img/banner/banner_article.jpg")
}
.page-article
{
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
{
padding-top
:
5rem
;
padding-bottom
:
8rem
}}
.page-article
.btn-load
{
border-radius
:
25px
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
30px
;
background-color
:
#001b48
;
color
:
#fff
;
display
:
inline-block
;
text-decoration
:
none
;
margin-top
:
50px
;
transition
:
all
0.25s
}
.page-article
.btn-load
:hover
{
background-color
:
#00358e
}
.page-article
.item
{
position
:
relative
;
padding
:
30px
0
;
transition
:
all
0.25s
;
border-bottom
:
1px
#ddd
solid
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
.item
{
padding
:
50px
0
}}
.page-article
.item
.pic
{
padding-top
:
2rem
}
.page-article
.item
.pic
img
{
width
:
100%
}
.page-article
.item
.txt
{
display
:
block
;
height
:
100%
;
font-size
:
18px
;
font-weight
:
normal
;
color
:
#fff
;
padding
:
1rem
1.5rem
}
@media
only
screen
and
(
min-width
:
992px
){
.page-article
.item
.txt
{
padding-left
:
3rem
}}
.page-article
.item
.txt
a
{
text-decoration
:
none
}
.page-article
.item
.txt
a
time
{
color
:
#001b48
;
font-size
:
30px
;
font-weight
:
normal
}
.page-article
.item
.txt
a
h3
{
font-weight
:
normal
;
margin
:
0
;
color
:
#333
;
font-size
:
18px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article
.item
.txt
a
h3
{
font-size
:
20px
}}
.page-article
.item
.txt
a
p
{
color
:
#999
;
font-size
:
16px
;
line-height
:
1.8
}
.page-article
.art
{
background-color
:
#fff
}
.page-article
.art
.more
{
width
:
100px
;
height
:
40px
;
color
:
#001b48
;
text-align
:
center
;
line-height
:
40px
;
border-radius
:
20px
;
font-size
:
14px
;
margin-top
:
2rem
;
background-color
:
#eee
}
.page-article
.art
:hover
{
background-color
:
#f2f7ff
}
.page-article
.art
:hover
.more
{
background-color
:
#00358e
;
color
:
#fff
}
.page-article-detail
{
padding-top
:
3rem
;
padding-bottom
:
3rem
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article-detail
{
padding-top
:
5rem
;
padding-bottom
:
8rem
}}
.page-article-detail
.fullimage
{
width
:
100%
}
.page-article-detail
.article
{
padding-bottom
:
5rem
}
.page-article-detail
.article
.art-title
{
font-size
:
2.2rem
;
color
:
#333
;
margin-bottom
:
0
;
font-weight
:
normal
}
@media
only
screen
and
(
min-width
:
768px
){
.page-article-detail
.article
.art-title
{
font-size
:
26px
}}
.page-article-detail
.article
.author
{
color
:
#00358e
;
margin-bottom
:
3rem
}
.page-article-detail
.article
.author
span
{
margin-right
:
1rem
}
.page-article-detail
.article
.art-body
p
{
text-indent
:
2em
}
.page-article-detail
.article
.art-body
p
img
{
max-width
:
100%
;
height
:
auto
;
margin-left
:
-2em
}
.banner-uc
{
background-image
:
url("../img/uc_bg1.jpg")
}
.usrInfo
.item
{
margin-bottom
:
4rem
}
.usrInfo
a
{
color
:
#4369d0
}
.page-uc
.action
{
padding-top
:
3rem
}
.page-uc
.action
.btn-login
{
margin-bottom
:
0
}
.page-uc
.updateName
.modalbox
{
height
:
370px
;
margin-top
:
-185px
}
.page-uc
.updateMobile
.modalbox
{
height
:
460px
;
margin-top
:
-230px
}
.page-uc
.updateMobile
.modalbox
.btnSend
{
border-radius
:
4px
;
background-color
:
#4369d0
;
display
:
block
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
height
:
39px
}
.page-uc
.updateMobile
.modalbox
.btnSend
[
disabled
=
true
]
{
background-color
:
#999
}
.page-uc
.updatePwd
.modalbox
{
height
:
520px
;
margin-top
:
-260px
}
.pagination-container
.pagination
{
list-style
:
none
;
text-align
:
center
;
margin
:
0
;
padding
:
0
}
.pagination-container
.pagination
li
{
display
:
inline-block
;
margin
:
0
3px
}
.pagination-container
.pagination
li
a
{
display
:
block
;
padding
:
5px
9px
;
border-radius
:
3px
;
border
:
1px
#001b48
solid
}
.pagination-container
.pagination
li
.active
a
{
background-color
:
#001b48
;
color
:
#fff
}
.overlayer
{
position
:
fixed
;
background-color
:
rgba
(
0
,
0
,
0
,
0.6
);
width
:
100%
;
height
:
100%
;
z-index
:
1000
;
top
:
0
;
left
:
0
;
display
:
none
}
.overlayer
.modalbox
{
background-color
:
#fff
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
width
:
320px
;
z-index
:
2000
;
margin-left
:
-160px
;
margin-top
:
-270px
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
{
width
:
720px
;
margin-left
:
-360px
;
height
:
540px
}}
.overlayer
.modalbox
.title
{
line-height
:
60px
;
background-color
:
#eeeeee
;
height
:
60px
;
text-align
:
center
;
position
:
relative
;
font-size
:
2rem
;
color
:
#9c865f
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
.title
{
font-size
:
2.4rem
}}
.overlayer
.modalbox
.title
.btnClose
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
1001
;
height
:
60px
;
width
:
60px
;
display
:
block
;
line-height
:
60px
}
.overlayer
.modalbox
.title
.btnClose
.iconfont
{
font-size
:
2.2rem
}
.overlayer
.modalbox
.box-body
{
padding
:
1.5rem
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
768px
){
.overlayer
.modalbox
.box-body
{
width
:
720px
;
font-size
:
18px
;
padding
:
3rem
8rem
}}
.overlayer
.modalbox
.box-body
a
{
color
:
#4369d0
}
.overlayer
.modalbox
.box-body
.remember
{
margin-bottom
:
2.4rem
}
.overlayer
.modalbox
.box-body
.tip
strong
{
color
:
#4369d0
}
html
{
min-height
:
100%
}
.register
{
background
:
#65463a
url("../img/reg_bg.jpg")
no-repeat
center
top
;
background-size
:
cover
;
height
:
100%
}
.page-reg
{
padding-top
:
5%
}
.page-reg
.title
{
margin-bottom
:
4rem
}
.page-reg
.input-row
{
border-radius
:
3px
;
background-color
:
rgba
(
255
,
255
,
255
,
0.22
);
border
:
none
;
height
:
64px
;
font-size
:
18px
;
color
:
#fff
;
margin-bottom
:
2rem
}
.page-reg
.input-row
input
{
background-color
:
transparent
}
.page-reg
.input-row
input
::-webkit-input-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
:-moz-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
::-moz-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
input
:-ms-input-placeholder
{
color
:
#ccc
}
.page-reg
.input-row
label
{
color
:
#fff
;
text-align
:
right
}
.page-reg
.input-row
.btnSend
{
border
:
1px
#eee
solid
;
width
:
90%
;
border-radius
:
3px
;
font-size
:
14px
;
height
:
33px
}
.page-reg
.xieyi
{
color
:
#fff
;
font-size
:
18px
}
.page-reg
.xieyi
a
{
color
:
#beab87
}
.page-reg
.tip
{
color
:
#fff
;
font-size
:
18px
}
.page-reg
.tip
strong
{
color
:
#beab87
}
.page-reg
.action
.btn-login
{
height
:
64px
;
font-size
:
20px
}
.page-reg
.action
.btn-login
[
disabled
=
disabled
]
{
background-color
:
#999
}
.page-reg
.action
.btn-login-outline
{
font-size
:
20px
;
border
:
none
;
background-color
:
rgba
(
177
,
157
,
119
,
0.42
);
height
:
64px
;
line-height
:
64px
}
.page-reg
.field-validation-error
{
display
:
block
;
text-align
:
center
;
color
:
#fff
;
margin-bottom
:
1rem
;
margin-top
:
-1rem
}
.page-reg
.overlayer
.title
{
margin-bottom
:
0
}
.page-reg
.overlayer
.box-body
{
max-height
:
400px
;
overflow-y
:
auto
;
margin
:
2rem
3rem
;
padding
:
0
}
body
,
html
{
margin
:
0
;
padding
:
0
}
body
{
position
:
relative
;
font-family
:
"Microsoft YaHei"
,
'Helvetica Neue'
,
Arial
,
'Liberation Sans'
,
FreeSans
,
sans-serif
;
font-size
:
16px
;
color
:
#666
;
background-color
:
#fff
;
line-height
:
1.6
}
a
{
color
:
#b8af8e
;
text-decoration
:
none
}
a
:hover
{
color
:
#001b48
;
text-decoration
:
none
}
.page-header
{
position
:
fixed
;
left
:
0
;
top
:
0
;
z-index
:
9000
;
width
:
100%
;
background-color
:
#001b48
}
.pageHeader
{
height
:
50px
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
{
height
:
65px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
{
height
:
75px
}}
.pageHeader
.logo
{
padding-top
:
0.5rem
;
float
:
left
;
width
:
230px
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.logo
{
width
:
320px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
.logo
{
padding-top
:
1rem
;
width
:
320px
}}
@media
only
screen
and
(
min-width
:
1200px
){
.pageHeader
.logo
{
padding-top
:
1rem
;
width
:
350px
}}
.pageHeader
.logo
img
{
width
:
100%
}
.pageHeader
.openmenu
{
height
:
36px
;
width
:
36px
;
position
:
absolute
;
top
:
2px
;
right
:
15px
}
.pageHeader
.openmenu
a
{
text-decoration
:
none
;
color
:
#fff
}
.pageHeader
.openmenu
a
.iconfont
{
font-size
:
28px
;
height
:
40px
;
width
:
40px
;
display
:
block
;
text-align
:
center
}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.openmenu
a
.iconfont
{
font-size
:
36px
}}
@media
only
screen
and
(
min-width
:
768px
){
.pageHeader
.openmenu
{
top
:
4px
}}
@media
only
screen
and
(
min-width
:
992px
){
.pageHeader
.openmenu
{
display
:
none
}}
.pageHeader.fixed-header
{
position
:
fixed
;
top
:
0
;
left
:
0
;
z-index
:
6000
}
.sub-nav
{
text-align
:
center
;
background-color
:
#f7f8fa
}
.sub-nav
a
{
display
:
block
;
height
:
45px
;
line-height
:
45px
;
color
:
#999
;
text-decoration
:
none
;
border-right
:
1px
#ddd
solid
;
margin-left
:
-10px
;
margin-right
:
-10px
}
@media
only
screen
and
(
min-width
:
768px
){
.sub-nav
a
{
height
:
55px
;
line-height
:
55px
}}
@media
only
screen
and
(
min-width
:
992px
){
.sub-nav
a
{
height
:
82px
;
line-height
:
82px
;
font-size
:
20px
}}
.sub-nav
a
.iconfont
{
font-size
:
20px
}
.sub-nav
a
.first
{
border-left
:
1px
#ddd
solid
}
.sub-nav
a
:hover
{
color
:
#001b48
}
.sub-nav
a
.active
{
background-color
:
#e7eefd
;
color
:
#00358e
}
.page-footer
{
background-image
:
-moz-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
background-image
:
-webkit-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
background-image
:
-ms-linear-gradient
(
0deg
,
#ffffff
0%
,
#000000
0%
,
#011438
0%
,
#03275a
41%
,
#021e4a
67%
,
#01143a
100%
);
padding-top
:
2rem
;
padding-bottom
:
3rem
;
background-color
:
#000
;
color
:
#fff
}
@media
only
screen
and
(
min-width
:
768px
){
.page-footer
{
padding-top
:
4rem
;
padding-bottom
:
5rem
}}
.page-footer
.menus
dl
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.page-footer
.menus
dt
{
font-weight
:
normal
;
margin-bottom
:
2rem
}
.page-footer
.menus
dd
{
font-weight
:
lighter
;
padding
:
0
;
margin
:
0
0
1.8rem
}
.page-footer
.menus
dd
a
{
color
:
#bde5ff
}
.page-footer
.rightcol
{
text-align
:
center
;
margin
:
0
;
padding
:
0
;
list-style
:
none
;
font-size
:
14px
}
@media
only
screen
and
(
min-width
:
992px
){
.page-footer
.rightcol
{
text-align
:
right
}}
.page-footer
.rightcol
dd
{
font-weight
:
lighter
;
color
:
#bde5ff
;
margin-bottom
:
1rem
;
padding
:
0
;
margin
:
0
}
.page-footer
.rightcol
dd
.phone
{
font-weight
:
normal
;
font-size
:
30px
;
color
:
#b8af8e
;
margin-bottom
:
0.5rem
}
.page-footer
.copyright
{
border-top
:
1px
#33729b
solid
;
padding-top
:
1rem
;
margin-top
:
1rem
;
margin-bottom
:
2rem
;
color
:
#bde5ff
}
.page-footer
.copyright
p
{
text-align
:
center
;
padding
:
0
;
margin
:
0
0
1rem
;
font-weight
:
lighter
;
font-size
:
12px
}
@media
only
screen
and
(
min-width
:
768px
){
.page-footer
.copyright
p
{
text-align
:
left
;
font-size
:
16px
}}
\ 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