Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
Z
ZhongWeiXin
Overview
Overview
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
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
邓丽
ZhongWeiXin
Commits
d40dd07d
Commit
d40dd07d
authored
Nov 21, 2016
by
邓丽
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
text
parent
b04379c6
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
15 additions
and
16 deletions
+15
-16
dist/css/style.css
+12
-12
dist/css/style.min.css
+2
-3
dist/html/portfolioDetail.html
+1
-1
No files found.
dist/css/style.css
View file @
d40dd07d
...
...
@@ -971,7 +971,7 @@ a.cd-read-more:hover {
}
#publicationsUl
li
{
padding
:
0px
10px
0px
0px
;
margin-bottom
:
3
rem
;
margin-bottom
:
0
rem
;
}
#publicationsUl
li
div
.am-gallery-item
{
height
:
74%
;
...
...
@@ -980,7 +980,7 @@ a.cd-read-more:hover {
#publicationsUl
li
div
.publicationsIntro
h3
{
line-height
:
3rem
;
color
:
#f4f4f4
;
font-size
:
1.5
rem
;
font-size
:
2.0
rem
;
margin-top
:
1.2rem
;
height
:
3rem
;
overflow
:
hidden
;
...
...
@@ -991,16 +991,16 @@ a.cd-read-more:hover {
}
#exDetailUl
li
div
.publicationsIntro
p
,
#publicationsUl
li
div
.publicationsIntro
p
{
height
:
3
rem
;
line-height
:
3
rem
;
color
:
#fefefe
;
font-size
:
1.6
rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
white-space
:
nowrap
;
text-align
:
center
;
height
:
1
rem
;
line-height
:
1
rem
;
color
:
#fefefe
;
font-size
:
1.3
rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
text-align
:
center
;
margin-top
:
0.5rem
;
}
/*publicationsDetail页面*/
.publicCon
{
...
...
dist/css/style.min.css
View file @
d40dd07d
@import
"common/base.less"
;
@import
"../../dist/css/sprite.css"
;
#contact-modal
{
margin-top
:
5%
!important
}
body
,
html
{
height
:
100%
}
.am-container
{
height
:
100%
}
.am-slider
{
height
:
100%
}
.slider
{
position
:
relative
;
height
:
100%
}
.slick-arrow
{
position
:
absolute
;
transform
:
translateY
(
-50%
)
!important
;
top
:
50%
!important
;
margin-top
:
0
!important
;
height
:
100%
!important
}
.slick-list
{
height
:
100%
!important
}
.slick-track
{
height
:
100%
!important
}
.slick-slide
{
position
:
relative
!important
;
height
:
100%
!important
;
max-height
:
100%
!important
}
body
{
background
:
#000
;
font-family
:
initial
}
.left
{
float
:
left
}
.right
{
float
:
right
}
.black
{
color
:
#000
}
.blackBg
{
background
:
hsla
(
0
,
0%
,
0%
,
.8
)}
.blue
{
color
:
#4ca0d2
}
.clear
{
clear
:
both
}
.boxShadow
{
box-shadow
:
none
}
.inlineBlock
{
display
:
inline-block
}
#linkTitle
{
display
:
none
}
.am-container
{
padding-left
:
0
;
padding-right
:
0
;
max-width
:
100%
}
.am-gallery
{
padding
:
0
}
.am-gallery-overlay
>
li
{
padding
:
0
}
.am-btn-warning
:focus
,
.am-btn-warning
:hover
{
background-color
:
#fff
}
.am-active
.am-btn-warning.am-dropdown-toggle
,
.am-btn-warning.am-active
,
.am-btn-warning
:active
,
.am-btn-warning
:focus
,
.am-btn-warning
:hover
{
color
:
#fff
;
border-color
:
#fff
}
.am-btn-warning
{
color
:
#fff
;
background-color
:
#fff
;
border-color
:
#fff
}
.am-dimmer.am-active
{
opacity
:
1
}
.am-slider-default
.am-control-nav
{
display
:
none
}
.am-topbar-collapse
{
padding
:
0
}
.language
{
width
:
17rem
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
1.6rem
}
#portfolioUl
>
li
{
overflow
:
hidden
}
.am-gallery-overlay
.am-gallery-item
{
;
height
:
100%
;}
.am-gallery-overlay
.am-gallery-item
img
{
width
:
100%
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
.am-gallery-overlay
.am-gallery-title
{
height
:
100%
;
text-align
:
center
;
font-size
:
2.2rem
;
padding
:
27%
;
background-color
:
rgba
(
0
,
0
,
0
,
.6
);
opacity
:
0
}
.am-gallery-overlay
.am-gallery-title
:hover
{
opacity
:
1
}
.am-slider-default
{
background-color
:
#000
;
margin
:
0
}
.slick-next
,
.slick-prev
{
display
:
block
;
width
:
200px
;
top
:
0
;
height
:
100%
;
z-index
:
8
}
.slick-next
:before
,
.slick-prev
:before
{
content
:
none
}
.slick-prev
:hover
{
background
:
url(../images/leftIcon.png)
no-repeat
left
;
margin-left
:
30px
}
.slick-next
:hover
{
background
:
url(../images/rightIcon.png)
no-repeat
right
;
margin-right
:
30px
}
.am-slider
.am-slides
div
.imgMask
{
width
:
100%
;
display
:
block
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.am-slider
.am-slides
li
,
.am-slider
.am-slides
li
div
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.am-slider
.am-slides
img
{
width
:
100%
;
display
:
block
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
.cd-timeline-block
{
position
:
relative
;
margin
:
0
}
.cd-timeline-block
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.cd-timeline-block
:first-child
{
margin-top
:
0
}
.cd-timeline-block
:last-child
{
margin-bottom
:
0
}
.cd-timeline-img
{
position
:
absolute
;
top
:
0
;
border-radius
:
50%
;
width
:
17px
;
height
:
17px
;
border
:
1px
solid
#fff
;
left
:
25%
;
margin-left
:
-10px
;
margin-top
:
20px
;
-webkit-transform
:
translateZ
(
0
);
-webkit-backface-visibility
:
hidden
}
.cd-timeline-img
.roundPoint
{
background
:
#fff
;
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
border-radius
:
50%
;
margin-bottom
:
2px
;
margin-left
:
2px
}
.cd-timeline-content
{
position
:
relative
;
margin-left
:
60px
;
background
:
#fff
;
border-radius
:
.25em
;
padding
:
1em
;
box-shadow
:
0
3px
0
#d7e4ed
;
text-align
:
center
}
.cd-timeline-content
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.cd-timeline-content
h2
{
color
:
#303e49
}
.cd-timeline-content
.cd-date
,
.cd-timeline-content
.cd-read-more
{
display
:
inline-block
}
.cd-timeline-content
.cd-read-more
{
float
:
right
;
padding
:
.8em
1em
;
background
:
#acb7c0
;
color
:
#fff
;
border-radius
:
.25em
}
.no-touch
.cd-timeline-content
.cd-read-more
:hover
{
background-color
:
#bac4cb
}
a
.cd-read-more
:hover
{
text-decoration
:
none
;
background-color
:
#424242
}
.cd-timeline-content
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
7px
0
}
#timeline
{
width
:
760px
;
height
:
440px
;
overflow
:
hidden
;
margin
:
10%
auto
;
position
:
relative
}
#dates
{
width
:
115px
;
height
:
440px
;
overflow
:
hidden
;
float
:
left
}
#dates
li
{
list-style
:
none
;
width
:
117px
;
height
:
100px
;
line-height
:
100px
;
font-size
:
24px
;
padding-right
:
20px
;
text-align
:
right
}
#dates
a
{
line-height
:
38px
;
padding-bottom
:
10px
}
#dates
.selected
{
font-size
:
38px
}
#issues
{
width
:
630px
;
height
:
440px
;
overflow
:
hidden
;
float
:
right
}
#issues
li
{
width
:
630px
;
height
:
440px
;
list-style
:
none
}
#issues
li
h1
{
color
:
#fc0
;
font-size
:
42px
;
height
:
52px
;
line-height
:
52px
;
text-shadow
:
#000
1px
1px
2px
}
#issues
li
p
{
font-size
:
16px
;
margin
:
10px
;
line-height
:
26px
;
color
:
#7c7c7c
}
.bg-timeline-content
{
background
:
#000
;
text-align
:
left
;
box-shadow
:
none
}
.cd-container
{
width
:
90%
;
max-width
:
1170px
;
margin
:
0
30%
0
auto
}
.cd-container
::after
{
content
:
''
;
display
:
table
;
clear
:
both
}
#cd-timeline
{
position
:
relative
}
#cd-timeline
::before
{
content
:
''
;
position
:
absolute
;
top
:
45px
;
left
:
18px
;
height
:
94%
;
width
:
1px
;
background
:
#d7e4ed
}
[
class
*=
am-icon-
]
{
color
:
#8a8a8a
}
@media
only
screen
and
(
min-width
:
640px
){
.am-with-topbar-fixed-top
{
padding-top
:
200px
}
.am-topbar-collapse.am-collapse
{
width
:
75%
;
float
:
right
}
.am-nav
{
margin-bottom
:
0
;
padding
:
0
;
list-style
:
none
;
width
:
auto
;
float
:
right
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
2.6rem
;
height
:
200px
;
line-height
:
200px
;
word-spacing
:
.6rem
;
padding
:
0
4rem
;
letter-spacing
:
4px
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
background-color
:
#000
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
background-color
:
#fff
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
.5rem
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
1.8rem
}
.am-topbar-nav
>
li
>
a
:after
{
width
:
80%
;
position
:
absolute
;
left
:
11%
;
margin-left
:
0
;
bottom
:
15px
;
content
:
""
;
display
:
inline-block
;
height
:
0
;
vertical-align
:
middle
;
border-bottom
:
3px
solid
#fff
;
-ms-transform
:
rotate
(
360deg
);
opacity
:
0
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.am-topbar-nav
>
li
>
a
:hover:after
{
opacity
:
1
;
background-color
:
#e6e6e6
}
.am-topbar-nav
>
li
.am-active
>
a
,
.am-topbar-nav
>
li
.am-active
>
a
:focus
,
.am-topbar-nav
>
li
.am-active
>
a
:hover
{
border-radius
:
0
;
color
:
#fff
;
width
:
auto
}
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
border-radius
:
0
;
color
:
#e6e6e6
;
width
:
auto
;
background
:
0
0
}
.am-slider
.am-slides
:after
,
.am-slider
.am-slides
:before
{
content
:
" "
;
display
:
none
}
.am-slider-default
.am-control-nav
{
bottom
:
15px
}
.am-slider-default
.am-control-nav
li
a
{
border-radius
:
50%
;
background-color
:
#666
}
.am-nav-pills
>
li
{
height
:
200px
;
line-height
:
200px
;
float
:
left
}
.am-nav-pills
>
li
>
a
{
display
:
inline
}
.am-topbar-nav
>
li
>
a
:after
{
bottom
:
-8px
}
#exhibitionsUl
{
margin
:
2%
20%
}
#exDetail
{
margin
:
0
7%
}
.returnCon
{
height
:
200px
;
line-height
:
200px
;
position
:
absolute
;
top
:
0
;
z-index
:
10
;
width
:
100%
;
background
:
0
0
}
.publicIntro
{
background
:
#fff
;
overflow-y
:
scroll
;
height
:
750px
;
padding
:
1rem
1.5rem
1rem
1.5rem
}
#publicationsUl
{
margin
:
2%
10%
}
#publicationsUl
li
{
padding
:
0
10px
0
0
;
margin-bottom
:
3rem
}
#publicationsUl
li
div
.am-gallery-item
{
height
:
74%
}
#exDetailUl
li
div
.publicationsIntro
h3
,
#publicationsUl
li
div
.publicationsIntro
h3
{
line-height
:
3rem
;
color
:
#f4f4f4
;
font-size
:
1.5rem
;
margin-top
:
1.2rem
;
height
:
3rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
text-align
:
center
}
#exDetailUl
li
div
.publicationsIntro
p
,
#publicationsUl
li
div
.publicationsIntro
p
{
height
:
3rem
;
line-height
:
3rem
;
color
:
#fefefe
;
font-size
:
1.6rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
white-space
:
nowrap
;
text-align
:
center
}
.publicCon
{
width
:
50%
;
text-align
:
center
;
margin
:
200px
auto
20px
auto
}
.projectCon
{
margin
:
100px
10%
}
.imgIntro
{
color
:
#fff
;
position
:
absolute
;
top
:
5%
;
left
:
6%
;
z-index
:
10
;
width
:
20%
;
max-width
:
300px
;
min-width
:
200px
;
line-height
:
20px
;
padding
:
15px
;
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.title
{
display
:
block
;
color
:
#fff
;
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
z-index
:
12
;
text-align
:
center
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.am-container
>
.am-g
{
width
:
auto
;
margin-left
:
1rem
;
margin-right
:
1rem
}
.am-modal
{
left
:
30%
;
top
:
20%
;
width
:
40%
;
margin-left
:
0
}
.am-modal-dialog
{
opacity
:
1
;
background
:
#fff
;
padding
:
20px
0
25px
0
;
width
:
100%
;
border-radius
:
6px
!important
}
.cd-timeline-content
{
margin-right
:
4rem
;
width
:
62%
;
float
:
right
;
height
:
auto
}
.cd-timeline-content
::before
{
top
:
24px
;
left
:
25%
;
border-color
:
transparent
;
border-left-color
:
#fff
}
.cd-timeline-content
.cd-read-more
{
float
:
left
}
.cd-timeline-content
.cd-date
{
position
:
absolute
;
width
:
auto
;
left
:
-10%
;
top
:
18px
;
font-size
:
16px
;
color
:
#fff
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
{
float
:
right
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
.cd-read-more
{
float
:
right
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
.cd-date
{
text-align
:
right
;
font-szie
:
16px
;
color
:
#fff
}
.cssanimations
.cd-timeline-content.is-hidden
{
visibility
:
hidden
}
.cssanimations
.cd-timeline-content.bounce-in
{
visibility
:
visible
;
-webkit-animation
:
cd-bounce-2
.6s
;
-moz-animation
:
cd-bounce-2
.6s
;
animation
:
cd-bounce-2
.6s
}
.cssanimations
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content.bounce-in
{
-webkit-animation
:
cd-bounce-2-inverse
.6s
;
-moz-animation
:
cd-bounce-2-inverse
.6s
;
animation
:
cd-bounce-2-inverse
.6s
}
#cd-timeline
{
margin-bottom
:
2em
}
#cd-timeline
::before
{
left
:
25%
;
margin-left
:
-2px
}
.am-slider
.portfolioSiles
img
{
width
:
auto
;
height
:
auto
;
display
:
block
;
margin
:
0
auto
}
.am-slider
.portfolioSiles
img
.crossImg
{
max-width
:
100%
}
.am-slider
.portfolioSiles
img
.verticalImg
{
max-height
:
100%
}}
@media
(
min-width
:
1150px
)
and
(
max-width
:
1530px
){
.am-with-topbar-fixed-top
{
padding-top
:
150px
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
2.2rem
;
height
:
150px
;
line-height
:
150px
;
word-spacing
:
.4rem
;
padding
:
0
;
letter-spacing
:
4px
}
.am-nav-pills
>
li
{
height
:
150px
;
line-height
:
150px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
.2rem
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
1.6rem
;
padding
:
0
8px
}
.language
{
width
:
12rem
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
1.4rem
}
.am-modal
{
left
:
25%
;
top
:
20%
;
width
:
50%
;
margin-left
:
0
}}
@media
(
min-width
:
640px
)
and
(
max-width
:
1150px
){
.publicCon
{
margin
:
150px
auto
0
}
.am-with-topbar-fixed-top
{
padding-top
:
100px
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
18px
;
height
:
100px
;
line-height
:
100px
;
word-spacing
:
0
;
padding
:
0
;
font-weight
:
700
;
letter-spacing
:
1px
}
.am-nav-pills
>
li
{
height
:
100px
;
line-height
:
100px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
15px
;
padding
:
0
4px
}
.language
{
width
:
auto
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
12px
;
padding
:
0
10px
}
.imgIntro
{
width
:
25%
;
margin
:
10px
70px
}
.am-topbar-collapse.am-collapse
{
width
:
74%
}
.returnCon
{
height
:
150px
;
line-height
:
150px
}
.projectCon
>
ul
li
div
.introCom
h3
{
font-size
:
18px
;
color
:
#ababab
;
line-height
:
30px
;
margin-bottom
:
5px
;
height
:
30px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.projectCon
>
ul
li
div
.introCom
p
{
font-size
:
14px
;
color
:
#8f8f8f
;
line-height
:
18px
;
white-space
:
normal
;
text-overflow
:
ellipsis
;
overflow
:
hidden
}
.cd-timeline-content
{
margin-right
:
0
;
padding
:
1.6em
;
width
:
66%
;
float
:
right
;
height
:
auto
}
.am-modal
{
left
:
20%
;
top
:
20%
;
width
:
60%
;
margin-left
:
0
}
.am-slider-default
.slick-next
:hover
{
background
:
url(../images/rightM.png)
no-repeat
right
;
margin-right
:
15px
}
.am-slider-default
.slick-arrow
:hover
{
background
:
url(../images/leftM.png)
no-repeat
left
;
margin-left
:
15px
}}
@media
(
min-width
:
640px
)
and
(
max-width
:
850px
){
.am-with-topbar-fixed-top
{
padding-top
:
100px
}
.am-topbar-brand
{
width
:
26%
;
text-align
:
center
;
float
:
left
;
font-size
:
18px
;
height
:
100px
;
line-height
:
100px
;
word-spacing
:
0
;
padding
:
0
;
font-weight
:
700
;
letter-spacing
:
1px
}
.am-nav-pills
>
li
{
height
:
100px
;
line-height
:
100px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
14px
;
padding
:
0
4px
}
.language
{
display
:
none
}
.am-topbar-nav
>
li
>
a
:after
{
width
:
77%
;
left
:
12%
}
.imgIntro
{
width
:
25%
;
margin
:
10px
70px
}
.am-topbar-collapse.am-collapse
{
width
:
74%
}}
@media
only
screen
and
(
max-width
:
640px
){
.sileTop
{
margin-top
:
200px
}
.am-nav
>
li
>
a
{
color
:
#8a8a8a
;
font-size
:
14px
}
.am-nav
>
li
.am-active
>
a
,
.am-nav
>
li
.am-active
>
a
:focus
,
.am-nav
>
li
.am-active
>
a
:hover
{
color
:
#fff
;
background-color
:
#666
;
cursor
:
default
;
display
:
block
}
.am-topbar-nav
{
margin-bottom
:
8px
;
float
:
none
!important
;
text-align
:
center
;
line-height
:
1.4rem
;
margin-top
:
10px
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
,
.am-topbar-nav
>
li
>
a
:target
{
background-color
:
#fff
;
color
:
#000
;
border
:
none
!important
}
.language
{
width
:
100%
;
line-height
:
2rem
;
height
:
2rem
;
font-size
:
1.4rem
;
margin
:
10px
0
}
#portfolioDel
li
img
{
width
:
100%
;
height
:
auto
}
.imgIntro
{
display
:
block
;
position
:
relative
;
z-index
:
14
;
font-size
:
1.6rem
;
padding
:
20px
;
margin
:
0
;
width
:
100%
;
height
:
auto
;
background
:
#222
}
.am-slider-default
.am-control-nav
{
display
:
none
}
#publicationsUl
li
{
padding
:
0
;
margin-bottom
:
0
}
#publicationsUl
li
div
.am-gallery-item
{
height
:
74%
}
#publicationsUl
li
div
.publicationsIntro
h3
{
line-height
:
2rem
;
color
:
#f4f4f4
;
font-size
:
1.4rem
;
margin-top
:
1.2rem
;
height
:
2rem
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
padding
:
0
10px
}
#publicationsUl
li
div
.publicationsIntro
p
{
height
:
3rem
;
line-height
:
2.5rem
;
color
:
#fefefe
;
font-size
:
1.5rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
white-space
:
nowrap
}
.publicIntro
{
background
:
#fff
;
overflow-y
:
auto
;
height
:
auto
;
padding
:
10px
20px
}
.publicCon
{
padding
:
0
20px
;
text-align
:
center
;
margin-bottom
:
20px
}
.publicationsIntro
{
text-align
:
center
}
.projectCon
{
margin
:
0
}
.mobileTop
{
overflow
:
hidden
}
.bgImg
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
10
;
height
:
100%
;
width
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.sileTop
{
margin-top
:
70px
}
.returnCon
{
height
:
70px
;
line-height
:
70px
;
position
:
absolute
;
top
:
0
;
z-index
:
10
;
width
:
100%
;
background
:
0
0
}
.marginTop
{
margin-top
:
60px
}
.cd-timeline-content
{
margin-left
:
40px
!important
;
padding
:
15px
0
0
10px
;
width
:
90%
}
.cd-timeline-content
h2
{
color
:
#353535
;
font-size
:
20px
;
line-height
:
35px
;
letter-spacing
:
1px
}
.cd-timeline-content
small
{
display
:
block
;
font-size
:
16px
;
color
:
#999
;
font-weight
:
400
;
line-height
:
30px
;
padding-bottom
:
5px
;
border-bottom
:
1px
dashed
#ccc
;
letter-spacing
:
2px
}
.cd-timeline-content
p
{
font-size
:
17px
;
line-height
:
30px
;
color
:
#8f8f8f
;
margin
:
10px
0
;
text-align
:
left
}
.cd-container
{
width
:
90%
;
max-width
:
1170px
;
margin
:
0
10%
0
auto
!important
}
.cd-timeline-img
{
left
:
20px
}
.cd-timeline-content
.cd-date
{
font-size
:
14px
;
color
:
#fff
;
text-align
:
left
;
display
:
block
;
line-height
:
30px
}
.cd-timeline-content
h2
{
color
:
#999
;
font-size
:
16px
;
line-height
:
30px
;
letter-spacing
:
1px
}
.cd-timeline-content
p
{
margin
:
0
;
line-height
:
24px
;
font-size
:
14px
;
text-align
:
left
;
text-indent
:
28px
}
.bg-timeline-content
.shotList
li
{
font-size
:
12px
;
line-height
:
22px
}
.cd-timeline-content
small
{
display
:
block
;
border-bottom
:
1px
dashed
#ccc
;
line-height
:
20px
;
font-size
:
14px
}
.cd-timeline-block
{
margin
:
0
}
.bg-timeline-content
li
{
margin-bottom
:
15px
}
#cd-timeline
{
margin-bottom
:
1em
}
#cd-timeline
::before
{
height
:
97%
}
.am-modal
{
left
:
5%
;
top
:
35%
;
width
:
90%
;
margin-left
:
0
}
.am-modal-dialog
{
padding
:
10px
0
15px
0
;
width
:
100%
;
border-radius
:
4px
!important
}
.slick-next
,
.slick-prev
{
display
:
none
!important
}}
.am-dimmer
{
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
img
.lazy
{
width
:
800px
;
height
:
400px
}
\ No newline at end of file
@charset
"UTF-8"
;
.icon-closeIco
{
background-image
:
url(sprite.png)
;
background-position
:
0
0
;
width
:
52px
;
height
:
52px
}
.icon-closeIco2
{
background-image
:
url(sprite.png)
;
background-position
:
-97px
-28px
;
width
:
26px
;
height
:
26px
}
.icon-closeIco3
{
background-image
:
url(sprite.png)
;
background-position
:
-52px
0
;
width
:
45px
;
height
:
45px
}
.icon-closeSmall
{
background-image
:
url(sprite.png)
;
background-position
:
-97px
-54px
;
width
:
19px
;
height
:
20px
}
.icon-facebook
{
background-image
:
url(sprite.png)
;
background-position
:
-97px
0
;
width
:
28px
;
height
:
28px
}
.icon-instagram
{
background-image
:
url(sprite.png)
;
background-position
:
0
-52px
;
width
:
32px
;
height
:
32px
}
.icon-pinterest
{
background-image
:
url(sprite.png)
;
background-position
:
-32px
-52px
;
width
:
32px
;
height
:
32px
}
.icon-tuite
{
background-image
:
url(sprite.png)
;
background-position
:
-64px
-52px
;
width
:
32px
;
height
:
26px
}
*,
:after
,
:before
{
box-sizing
:
border-box
}
html
{
font-family
:
sans-serif
;
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
-webkit-tap-highlight-color
:
transparent
}
body
{
font-family
:
"Helvetica Neue"
,
Helvetica
,
STHeiTi
,
sans-serif
;
font-size
:
14px
;
line-height
:
1.5
;
background
:
#f9f9f9
;
color
:
#353535
}
body
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
ol
,
p
,
ul
{
padding
:
0
;
margin
:
0
;
font-weight
:
400
}
a
{
color
:
#353535
;
text-decoration
:
none
}
a
:active
,
a
:hover
{
outline-width
:
0
;
cursor
:
pointer
}
div
,
footer
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
section
,
span
{
font-size
:
100%
}
ol
,
ul
{
list-style
:
none
}
textarea
{
resize
:
none
}
button
,
input
,
select
,
textarea
{
outline
:
0
;
border
:
none
;
-webkit-appearance
:
none
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
sans-serif
;
font-size
:
100%
;
line-height
:
1.15
;
margin
:
0
}
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
}
::-webkit-scrollbar
{
width
:
14px
;
height
:
14px
}
::-webkit-scrollbar-thumb
,
::-webkit-scrollbar-track
{
border-radius
:
999px
;
border
:
5px
solid
transparent
}
::-webkit-scrollbar-track
{
box-shadow
:
1px
1px
5px
rgba
(
0
,
0
,
0
,
.2
)
inset
}
::-webkit-scrollbar-thumb
{
min-height
:
20px
;
background-clip
:
content-box
;
box-shadow
:
0
0
0
5px
rgba
(
0
,
0
,
0
,
.2
)
inset
}
::-webkit-scrollbar-corner
{
background
:
0
0
}
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
}
progress
{
display
:
inline-block
;
vertical-align
:
baseline
}
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
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
main
,
menu
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
progress
,
video
{
display
:
inline-block
;
vertical-align
:
baseline
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
],
template
{
display
:
none
}
em
{
font-style
:
normal
}
img
{
border
:
0
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
td
,
th
{
padding
:
0
}
.hidden
{
display
:
none
}
#contact-modal
{
margin-top
:
5%
!important
}
body
,
html
{
height
:
100%
}
.am-container
{
height
:
100%
}
.am-slider
{
height
:
100%
}
.slider
{
position
:
relative
;
height
:
100%
}
.slick-arrow
{
position
:
absolute
;
transform
:
translateY
(
-50%
)
!important
;
top
:
50%
!important
;
margin-top
:
0
!important
;
height
:
100%
!important
}
.slick-list
{
height
:
100%
!important
}
.slick-track
{
height
:
100%
!important
}
.slick-slide
{
position
:
relative
!important
;
height
:
100%
!important
;
max-height
:
100%
!important
}
body
{
background
:
#000
;
font-family
:
initial
}
.left
{
float
:
left
}
.right
{
float
:
right
}
.black
{
color
:
#000
}
.blackBg
{
background
:
rgba
(
0
,
0
,
0
,
.8
)}
.blue
{
color
:
#4ca0d2
}
.clear
{
clear
:
both
}
.boxShadow
{
box-shadow
:
none
}
.inlineBlock
{
display
:
inline-block
}
#linkTitle
{
display
:
none
}
.am-container
{
padding-left
:
0
;
padding-right
:
0
;
max-width
:
100%
}
.am-gallery
{
padding
:
0
}
.am-gallery-overlay
>
li
{
padding
:
0
}
.am-btn-warning
:focus
,
.am-btn-warning
:hover
{
background-color
:
#fff
}
.am-active
.am-btn-warning.am-dropdown-toggle
,
.am-btn-warning.am-active
,
.am-btn-warning
:active
,
.am-btn-warning
:focus
,
.am-btn-warning
:hover
{
color
:
#fff
;
border-color
:
#fff
}
.am-btn-warning
{
color
:
#fff
;
background-color
:
#fff
;
border-color
:
#fff
}
.am-dimmer.am-active
{
opacity
:
1
}
.am-slider-default
.am-control-nav
{
display
:
none
}
.am-topbar-collapse
{
padding
:
0
}
.language
{
width
:
17rem
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
1.6rem
}
#portfolioUl
>
li
{
overflow
:
hidden
}
.am-gallery-overlay
.am-gallery-item
{
height
:
100%
}
.am-gallery-overlay
.am-gallery-item
img
{
width
:
100%
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
.am-gallery-overlay
.am-gallery-title
{
height
:
100%
;
text-align
:
center
;
font-size
:
2.2rem
;
padding
:
27%
;
background-color
:
rgba
(
0
,
0
,
0
,
.6
);
opacity
:
0
}
.am-gallery-overlay
.am-gallery-title
:hover
{
opacity
:
1
}
.am-slider-default
{
background-color
:
#000
;
margin
:
0
}
.slick-next
,
.slick-prev
{
display
:
block
;
width
:
200px
;
top
:
0
;
height
:
100%
;
z-index
:
8
}
.slick-next
:before
,
.slick-prev
:before
{
content
:
none
}
.slick-prev
:hover
{
background
:
url(../images/leftIcon.png)
no-repeat
left
;
margin-left
:
30px
}
.slick-next
:hover
{
background
:
url(../images/rightIcon.png)
no-repeat
right
;
margin-right
:
30px
}
.am-slider
.am-slides
div
.imgMask
{
width
:
100%
;
display
:
block
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.am-slider
.am-slides
li
,
.am-slider
.am-slides
li
div
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.am-slider
.am-slides
img
{
width
:
100%
;
display
:
block
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
.cd-timeline-block
{
position
:
relative
;
margin
:
0
}
.cd-timeline-block
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.cd-timeline-block
:first-child
{
margin-top
:
0
}
.cd-timeline-block
:last-child
{
margin-bottom
:
0
}
.cd-timeline-img
{
position
:
absolute
;
top
:
0
;
border-radius
:
50%
;
width
:
17px
;
height
:
17px
;
border
:
1px
solid
#fff
;
left
:
25%
;
margin-left
:
-10px
;
margin-top
:
20px
;
-webkit-transform
:
translateZ
(
0
);
-webkit-backface-visibility
:
hidden
}
.cd-timeline-img
.roundPoint
{
background
:
#fff
;
display
:
inline-block
;
width
:
10px
;
height
:
10px
;
border-radius
:
50%
;
margin-bottom
:
2px
;
margin-left
:
2px
}
.cd-timeline-content
{
position
:
relative
;
margin-left
:
60px
;
background
:
#fff
;
border-radius
:
.25em
;
padding
:
1em
;
box-shadow
:
0
3px
0
#d7e4ed
;
text-align
:
center
}
.cd-timeline-content
:after
{
content
:
""
;
display
:
table
;
clear
:
both
}
.cd-timeline-content
h2
{
color
:
#303e49
}
.cd-timeline-content
.cd-date
,
.cd-timeline-content
.cd-read-more
{
display
:
inline-block
}
.cd-timeline-content
.cd-read-more
{
float
:
right
;
padding
:
.8em
1em
;
background
:
#acb7c0
;
color
:
#fff
;
border-radius
:
.25em
}
.no-touch
.cd-timeline-content
.cd-read-more
:hover
{
background-color
:
#bac4cb
}
a
.cd-read-more
:hover
{
text-decoration
:
none
;
background-color
:
#424242
}
.cd-timeline-content
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
7px
0
}
#timeline
{
width
:
760px
;
height
:
440px
;
overflow
:
hidden
;
margin
:
10%
auto
;
position
:
relative
}
#dates
{
width
:
115px
;
height
:
440px
;
overflow
:
hidden
;
float
:
left
}
#dates
li
{
list-style
:
none
;
width
:
117px
;
height
:
100px
;
line-height
:
100px
;
font-size
:
24px
;
padding-right
:
20px
;
text-align
:
right
}
#dates
a
{
line-height
:
38px
;
padding-bottom
:
10px
}
#dates
.selected
{
font-size
:
38px
}
#issues
{
width
:
630px
;
height
:
440px
;
overflow
:
hidden
;
float
:
right
}
#issues
li
{
width
:
630px
;
height
:
440px
;
list-style
:
none
}
#issues
li
h1
{
color
:
#fc0
;
font-size
:
42px
;
height
:
52px
;
line-height
:
52px
;
text-shadow
:
#000
1px
1px
2px
}
#issues
li
p
{
font-size
:
16px
;
margin
:
10px
;
line-height
:
26px
;
color
:
#7c7c7c
}
.bg-timeline-content
{
background
:
#000
;
text-align
:
left
;
box-shadow
:
none
}
.bg-timeline-content
li
{
margin-bottom
:
15px
}
.bg-timeline-content
h2
{
color
:
#999
;
line-height
:
50px
;
font-size
:
20px
;
border-bottom
:
1px
dashed
#464646
;
margin-bottom
:
10px
}
.bg-timeline-content
p
{
font-size
:
16px
;
line-height
:
28px
;
color
:
#888
;
margin-bottom
:
10px
;
text-indent
:
32px
;
letter-spacing
:
0
}
.bg-timeline-content
.shotList
{
margin
:
20px
50px
}
.bg-timeline-content
.shotList
li
{
font-size
:
14px
;
line-height
:
27px
;
margin
:
0
;
color
:
#888
;
list-style-type
:
disc
}
.cd-container
{
width
:
90%
;
max-width
:
1170px
;
margin
:
0
30%
0
auto
}
.cd-container
::after
{
content
:
''
;
display
:
table
;
clear
:
both
}
#cd-timeline
{
position
:
relative
}
#cd-timeline
::before
{
content
:
''
;
position
:
absolute
;
top
:
45px
;
left
:
18px
;
height
:
94%
;
width
:
1px
;
background
:
#d7e4ed
}
[
class
*=
am-icon-
]
{
color
:
#8a8a8a
}
@media
only
screen
and
(
min-width
:
640px
){
.am-with-topbar-fixed-top
{
padding-top
:
200px
}
.am-topbar-collapse.am-collapse
{
width
:
75%
;
float
:
right
}
.am-nav
{
margin-bottom
:
0
;
padding
:
0
;
list-style
:
none
;
width
:
auto
;
float
:
right
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
2.6rem
;
height
:
200px
;
line-height
:
200px
;
word-spacing
:
.6rem
;
padding
:
0
4rem
;
letter-spacing
:
4px
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
background-color
:
#000
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
background-color
:
#fff
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
.5rem
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
1.8rem
}
.am-topbar-nav
>
li
>
a
:after
{
width
:
80%
;
position
:
absolute
;
left
:
11%
;
margin-left
:
0
;
bottom
:
15px
;
content
:
""
;
display
:
inline-block
;
height
:
0
;
vertical-align
:
middle
;
border-bottom
:
3px
solid
#fff
;
-ms-transform
:
rotate
(
360deg
);
opacity
:
0
;
-webkit-transition
:
opacity
.1s
;
transition
:
opacity
.1s
}
.am-topbar-nav
>
li
>
a
:hover:after
{
opacity
:
1
;
background-color
:
#e6e6e6
}
.am-topbar-nav
>
li
.am-active
>
a
,
.am-topbar-nav
>
li
.am-active
>
a
:focus
,
.am-topbar-nav
>
li
.am-active
>
a
:hover
{
border-radius
:
0
;
color
:
#fff
;
width
:
auto
}
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
{
border-radius
:
0
;
color
:
#e6e6e6
;
width
:
auto
;
background
:
0
0
}
.am-slider
.am-slides
:after
,
.am-slider
.am-slides
:before
{
content
:
" "
;
display
:
none
}
.am-slider-default
.am-control-nav
{
bottom
:
15px
}
.am-slider-default
.am-control-nav
li
a
{
border-radius
:
50%
;
background-color
:
#666
}
.am-nav-pills
>
li
{
height
:
200px
;
line-height
:
200px
;
float
:
left
}
.am-nav-pills
>
li
>
a
{
display
:
inline
}
.am-topbar-nav
>
li
>
a
:after
{
bottom
:
-8px
}
#exhibitionsUl
{
margin
:
2%
20%
}
#exDetail
{
margin
:
0
7%
}
#exDetail
ul
li
{
margin-bottom
:
0
;
padding
:
0
}
#exDetail
div
.am-gallery-item
{
height
:
80%
}
#exDetail
.publicationsIntro
{
text-align
:
center
}
#exDetail
.publicationsIntro
h3
{
font-size
:
14px
;
color
:
#d1d1d1
;
height
:
1.5rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
line-height
:
1.5rem
;
margin-top
:
1rem
}
#exDetail
.publicationsIntro
p
{
font-size
:
18px
;
color
:
#fefefe
;
height
:
3rem
;
line-height
:
3rem
;
font-weight
:
400
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.returnCon
{
height
:
200px
;
line-height
:
200px
;
position
:
absolute
;
top
:
0
;
z-index
:
10
;
width
:
100%
;
background
:
0
0
}
.returnCon
>
span
{
display
:
inline-block
;
font-size
:
2.6rem
;
color
:
#fff
;
letter-spacing
:
4px
;
word-spacing
:
.6rem
}
.returnCon
>
span
.prevBtn
{
display
:
block
;
position
:
fixed
;
right
:
0
;
z-index
:
30
}
.returnCon
>
span
.prevBtn
.icon-closeIco2
,
.returnCon
>
span
.prevBtn
.icon-closeIco3
{
display
:
none
}
.returnCon
>
span
.prevBtn
.icon-closeIco
{
display
:
inline-block
;
height
:
51px
;
margin-right
:
40px
}
.returnCon
>
span
:first-child
{
width
:
25%
;
text-align
:
center
}
.publicIntro
{
background
:
#fff
;
overflow-y
:
scroll
;
height
:
750px
;
padding
:
1rem
1.5rem
1rem
1.5rem
}
.publicIntro
.close
{
font-size
:
36px
;
color
:
#aaa
;
position
:
absolute
;
right
:
0
;
top
:
0
}
.publicIntro
.introCon
{
margin-top
:
2rem
}
.publicIntro
.introCon
>
h2
{
line-height
:
41px
;
font-size
:
20px
;
color
:
#353535
}
.publicIntro
.introCon
>
p
{
font-size
:
16px
;
line-height
:
28px
;
color
:
#a9a9a9
}
.publicIntro
.introCon
ul
{
margin-top
:
2rem
}
.publicIntro
.introCon
ul
li
h3
{
line-height
:
35px
;
font-size
:
18px
;
color
:
#666
}
.publicIntro
.introCon
ul
li
p
{
line-height
:
28px
;
margin-bottom
:
10px
;
font-size
:
16px
;
color
:
#a9a9a9
}
#publicationsUl
{
margin
:
2%
10%
}
#publicationsUl
li
{
padding
:
0
10px
0
0
;
margin-bottom
:
0
}
#publicationsUl
li
div
.am-gallery-item
{
height
:
74%
}
#exDetailUl
li
div
.publicationsIntro
h3
,
#publicationsUl
li
div
.publicationsIntro
h3
{
line-height
:
3rem
;
color
:
#f4f4f4
;
font-size
:
2rem
;
margin-top
:
1.2rem
;
height
:
3rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
text-align
:
center
}
#exDetailUl
li
div
.publicationsIntro
p
,
#publicationsUl
li
div
.publicationsIntro
p
{
height
:
1rem
;
line-height
:
1rem
;
color
:
#fefefe
;
font-size
:
1.3rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
text-align
:
center
;
margin-top
:
.5rem
}
.publicCon
{
width
:
50%
;
text-align
:
center
;
margin
:
200px
auto
20px
auto
}
.publicCon
h2
{
color
:
#fff
;
font-size
:
2.4rem
;
line-height
:
60px
}
.publicCon
small
{
display
:
block
;
color
:
#aaa
;
font-size
:
17px
;
font-weight
:
500
;
margin
:
1rem
0
1.5rem
0
}
.publicCon
p
{
color
:
#cbcbcb
;
line-height
:
30px
;
font-size
:
16px
;
text-indent
:
36px
;
text-align
:
left
}
.publicCon
p
img
{
display
:
block
;
max-width
:
100%
!important
;
height
:
auto
!important
;
margin
:
15px
auto
}
.publicCon
p
a
{
color
:
#fff
}
.publicCon
.pubImg
{
width
:
100%
;
padding
:
3rem
10%
}
.publicCon
.pubImg
img
{
width
:
100%
;
height
:
auto
}
.projectCon
{
margin
:
100px
10%
}
.projectCon
>
ul
li
{
float
:
left
;
width
:
50%
;
margin-bottom
:
50px
;
height
:
350px
;
overflow
:
hidden
}
.projectCon
>
ul
li
div
{
float
:
left
;
width
:
41.5%
;
overflow
:
hidden
;
margin
:
0
8%
0
0
}
.projectCon
>
ul
li
div
.imgShow
{
height
:
100%
;
overflow
:
hidden
}
.projectCon
>
ul
li
div
.imgShow
img
{
width
:
100%
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
.projectCon
>
ul
li
div
.introCom
{
height
:
auto
}
.projectCon
>
ul
li
div
.introCom
h3
{
font-size
:
22px
;
color
:
#ababab
;
line-height
:
50px
;
margin-bottom
:
20px
}
.projectCon
>
ul
li
div
.introCom
p
{
font-size
:
18px
;
color
:
#8f8f8f
;
line-height
:
26px
;
white-space
:
normal
;
text-overflow
:
ellipsis
;
height
:
200px
;
overflow
:
hidden
}
.imgIntro
{
color
:
#fff
;
position
:
absolute
;
top
:
5%
;
left
:
6%
;
z-index
:
10
;
width
:
20%
;
max-width
:
300px
;
min-width
:
200px
;
line-height
:
20px
;
padding
:
15px
;
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.imgIntro
h3
{
font-size
:
2.2rem
;
line-height
:
30px
;
color
:
#eee
;
margin-bottom
:
4rem
}
.imgIntro
p
{
font-size
:
1.6rem
;
color
:
#eee
;
line-height
:
25px
;
word-spacing
:
2px
;
max-height
:
600px
;
overflow
:
auto
}
.title
{
display
:
block
;
color
:
#fff
;
width
:
100%
;
height
:
100%
;
position
:
absolute
;
top
:
0
;
z-index
:
12
;
text-align
:
center
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.title
h2
{
font-size
:
2.8rem
;
line-height
:
30px
;
color
:
#e5e5e5
;
margin-bottom
:
2rem
;
letter-spacing
:
3px
;
word-spacing
:
4px
;
font-weight
:
400
;
width
:
100%
;
position
:
absolute
;
top
:
53%
}
.title
p
{
font-size
:
2rem
;
line-height
:
25px
;
word-spacing
:
4px
;
letter-spacing
:
2px
;
width
:
100%
;
position
:
absolute
;
top
:
60%
}
.title
p
a
{
color
:
#c9c9c9
}
.am-container
>
.am-g
{
width
:
auto
;
margin-left
:
1rem
;
margin-right
:
1rem
}
#news
ul
li
{
width
:
47%
;
margin
:
0
auto
30px
;
padding
:
30px
;
background
:
#fff
}
#news
ul
li
.blog
{
position
:
relative
;
width
:
100%
}
#news
ul
li
.blog
h2
{
font-size
:
22px
;
text-align
:
left
;
line-height
:
30px
;
margin
:
0
0
15px
0
;
color
:
#666
;
height
:
30px
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
width
:
80%
}
#news
ul
li
.blog
.date
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
display
:
inline-block
;
color
:
#888
;
font-size
:
16px
}
#news
ul
li
.blog
.thumbnail
{
width
:
30%
}
#news
ul
li
.blog
.thumbnail
img
{
width
:
100%
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
#news
ul
li
.blog
.brief
{
background
:
#eee
;
width
:
70%
;
overflow
:
hidden
}
#news
ul
li
.blog
.brief
a
:hover
{
color
:
#666
}
#news
ul
li
.blog
.brief
p
{
padding
:
35px
;
line-height
:
30px
;
font-size
:
16px
;
text-align
:
left
;
margin
:
0
0
15px
0
;
overflow
:
hidden
;
color
:
#666
;
text-indent
:
32px
;
word-wrap
:
break-word
}
#news
ul
li
.blog
.brief
.moreBtn
{
display
:
block
;
position
:
absolute
;
bottom
:
15px
;
right
:
30px
;
background
:
#4d4d4d
;
color
:
#fff
;
padding
:
7px
13px
;
border-radius
:
4px
;
font-size
:
14px
}
#news
ul
li
.blog
.brief
.moreBtn
:hover
{
color
:
#e9e9e9
}
.am-modal
{
left
:
30%
;
top
:
20%
;
width
:
40%
;
margin-left
:
0
}
.am-modal-dialog
{
opacity
:
1
;
background
:
#fff
;
padding
:
20px
0
25px
0
;
width
:
100%
;
border-radius
:
6px
!important
}
.am-modal-dialog
.am-modal-hd
{
text-align
:
left
;
padding
:
0
20px
;
font-size
:
22px
;
margin-bottom
:
10px
}
.am-modal-dialog
.am-modal-hd
.am-close
{
position
:
absolute
;
top
:
25px
;
right
:
20px
;
font-size
:
30px
;
font-weight
:
100
;
transition
:
none
}
.am-modal-dialog
.am-modal-bd
{
text-align
:
left
;
border
:
1px
solid
#ccc
;
padding
:
20px
}
.am-modal-dialog
.am-modal-bd
p
{
line-height
:
45px
;
font-size
:
18px
}
.am-modal-dialog
.am-modal-bd
p
b
{
font-weight
:
400
;
font-size
:
17px
;
display
:
inline-block
;
margin-left
:
5px
}
.am-modal-dialog
.am-modal-bd
.icon
{
padding
:
20px
20px
10px
20px
;
margin-top
:
10px
}
.am-modal-dialog
.am-modal-bd
.icon
a
{
display
:
inline-block
;
margin-right
:
15px
}
.am-modal-dialog
.am-modal-bd
.icon
a
i
{
display
:
inline-block
;
vertical-align
:
middle
}
.cd-timeline-content
{
margin-right
:
4rem
;
width
:
62%
;
float
:
right
;
height
:
auto
}
.cd-timeline-content
::before
{
top
:
24px
;
left
:
25%
;
border-color
:
transparent
;
border-left-color
:
#fff
}
.cd-timeline-content
.cd-read-more
{
float
:
left
}
.cd-timeline-content
.cd-date
{
position
:
absolute
;
width
:
auto
;
left
:
-10%
;
top
:
18px
;
font-size
:
16px
;
color
:
#fff
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
{
float
:
right
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
.cd-read-more
{
float
:
right
}
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content
.cd-date
{
text-align
:
right
;
font-szie
:
16px
;
color
:
#fff
}
.cssanimations
.cd-timeline-content.is-hidden
{
visibility
:
hidden
}
.cssanimations
.cd-timeline-content.bounce-in
{
visibility
:
visible
;
-webkit-animation
:
cd-bounce-2
.6s
;
-moz-animation
:
cd-bounce-2
.6s
;
animation
:
cd-bounce-2
.6s
}
.cssanimations
.cd-timeline-block
:nth-child
(
even
)
.cd-timeline-content.bounce-in
{
-webkit-animation
:
cd-bounce-2-inverse
.6s
;
-moz-animation
:
cd-bounce-2-inverse
.6s
;
animation
:
cd-bounce-2-inverse
.6s
}
#cd-timeline
{
margin-bottom
:
2em
}
#cd-timeline
::before
{
left
:
25%
;
margin-left
:
-2px
}
.am-slider
.portfolioSiles
img
{
width
:
auto
;
height
:
auto
;
display
:
block
;
margin
:
0
auto
}
.am-slider
.portfolioSiles
img
.crossImg
{
max-width
:
100%
}
.am-slider
.portfolioSiles
img
.verticalImg
{
max-height
:
100%
}}
@media
(
min-width
:
1150px
)
and
(
max-width
:
1530px
){
.am-with-topbar-fixed-top
{
padding-top
:
150px
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
2.2rem
;
height
:
150px
;
line-height
:
150px
;
word-spacing
:
.4rem
;
padding
:
0
;
letter-spacing
:
4px
}
.am-nav-pills
>
li
{
height
:
150px
;
line-height
:
150px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
.2rem
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
1.6rem
;
padding
:
0
8px
}
.language
{
width
:
12rem
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
1.4rem
}
#news
ul
li
{
margin
:
0
auto
25px
;
padding
:
25px
;
width
:
55%
}
#news
ul
li
.blog
h2
{
font-size
:
18px
;
margin
:
0
0
13px
0
}
#news
ul
li
.blog
.date
{
top
:
5px
;
font-size
:
15px
}
#news
ul
li
.blog
.brief
p
{
line-height
:
28px
;
font-size
:
15px
;
padding
:
25px
;
text-indent
:
30px
;
word-wrap
:
break-word
}
#news
ul
li
.blog
.brief
.moreBtn
{
bottom
:
12px
;
right
:
18px
;
padding
:
6px
9px
;
border-radius
:
4px
;
font-size
:
12px
}
.am-modal
{
left
:
25%
;
top
:
20%
;
width
:
50%
;
margin-left
:
0
}}
@media
(
min-width
:
640px
)
and
(
max-width
:
1150px
){
.publicCon
{
margin
:
150px
auto
0
}
.am-with-topbar-fixed-top
{
padding-top
:
100px
}
.am-topbar-brand
{
width
:
25%
;
text-align
:
center
;
float
:
left
;
font-size
:
18px
;
height
:
100px
;
line-height
:
100px
;
word-spacing
:
0
;
padding
:
0
;
font-weight
:
700
;
letter-spacing
:
1px
}
.am-nav-pills
>
li
{
height
:
100px
;
line-height
:
100px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
15px
;
padding
:
0
4px
}
.language
{
width
:
auto
;
text-align
:
center
;
color
:
#d4d4d4
;
font-size
:
12px
;
padding
:
0
10px
}
.imgIntro
{
width
:
25%
;
margin
:
10px
70px
}
.imgIntro
h3
{
font-size
:
1.8rem
;
line-height
:
26px
;
color
:
#eee
;
margin-bottom
:
3rem
}
.imgIntro
p
{
font-size
:
1.4rem
;
color
:
#eee
;
line-height
:
22px
;
word-spacing
:
1px
;
overflow
:
auto
}
.am-topbar-collapse.am-collapse
{
width
:
74%
}
.returnCon
{
height
:
150px
;
line-height
:
150px
}
.returnCon
>
span
{
font-size
:
2.2rem
;
letter-spacing
:
2px
;
word-spacing
:
.2rem
}
.returnCon
>
span
.prevBtn
{
display
:
block
;
position
:
fixed
;
right
:
0
;
z-index
:
30
}
.returnCon
>
span
.prevBtn
.icon-closeIco
,
.returnCon
>
span
.prevBtn
.icon-closeIco2
{
display
:
none
}
.returnCon
>
span
.prevBtn
.icon-closeIco3
{
display
:
inline-block
;
margin-right
:
40px
}
.returnCon
>
span
:first-child
{
width
:
35%
;
text-align
:
center
}
.projectCon
>
ul
li
div
.introCom
h3
{
font-size
:
18px
;
color
:
#ababab
;
line-height
:
30px
;
margin-bottom
:
5px
;
height
:
30px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
}
.projectCon
>
ul
li
div
.introCom
p
{
font-size
:
14px
;
color
:
#8f8f8f
;
line-height
:
18px
;
white-space
:
normal
;
text-overflow
:
ellipsis
;
overflow
:
hidden
}
.cd-timeline-content
{
margin-right
:
0
;
padding
:
1.6em
;
width
:
66%
;
float
:
right
;
height
:
auto
}
#news
ul
li
{
margin
:
0
auto
20px
;
padding
:
20px
;
width
:
65%
}
#news
ul
li
.blog
h2
{
font-size
:
16px
;
margin
:
0
0
10px
0
}
#news
ul
li
.blog
.date
{
top
:
5px
;
font-size
:
14px
}
#news
ul
li
.blog
.brief
p
{
line-height
:
25px
;
font-size
:
14px
;
padding
:
15px
;
text-indent
:
28px
;
word-wrap
:
break-word
}
#news
ul
li
.blog
.brief
.moreBtn
{
bottom
:
11px
;
right
:
18px
;
padding
:
4px
7px
;
border-radius
:
4px
;
font-size
:
12px
}
.am-modal
{
left
:
20%
;
top
:
20%
;
width
:
60%
;
margin-left
:
0
}
.am-slider-default
.slick-next
:hover
{
background
:
url(../images/rightM.png)
no-repeat
right
;
margin-right
:
15px
}
.am-slider-default
.slick-arrow
:hover
{
background
:
url(../images/leftM.png)
no-repeat
left
;
margin-left
:
15px
}}
@media
(
min-width
:
640px
)
and
(
max-width
:
850px
){
.am-with-topbar-fixed-top
{
padding-top
:
100px
}
.am-topbar-brand
{
width
:
26%
;
text-align
:
center
;
float
:
left
;
font-size
:
18px
;
height
:
100px
;
line-height
:
100px
;
word-spacing
:
0
;
padding
:
0
;
font-weight
:
700
;
letter-spacing
:
1px
}
.am-nav-pills
>
li
{
height
:
100px
;
line-height
:
100px
;
float
:
left
}
.am-nav-pills
>
li
+
li
{
margin-left
:
0
;
margin-top
:
0
}
.am-topbar-nav
>
li
>
a
{
margin
:
0
;
color
:
#8a8a8a
;
font-weight
:
700
;
font-size
:
14px
;
padding
:
0
4px
}
.language
{
display
:
none
}
.am-topbar-nav
>
li
>
a
:after
{
width
:
77%
;
left
:
12%
}
.imgIntro
{
width
:
25%
;
margin
:
10px
70px
}
.imgIntro
h3
{
font-size
:
1.8rem
;
line-height
:
26px
;
color
:
#eee
;
margin-bottom
:
3rem
}
.imgIntro
p
{
font-size
:
1.4rem
;
color
:
#eee
;
line-height
:
20px
;
word-spacing
:
1px
;
overflow
:
auto
}
.am-topbar-collapse.am-collapse
{
width
:
74%
}
#news
ul
li
{
margin
:
0
auto
20px
;
padding
:
20px
;
width
:
80%
}
#news
ul
li
.blog
h2
{
font-size
:
14px
;
margin
:
0
0
10px
0
}
#news
ul
li
.blog
.date
{
top
:
5px
;
font-size
:
14px
}
#news
ul
li
.blog
.brief
p
{
line-height
:
23px
;
font-size
:
13px
;
padding
:
12px
;
text-indent
:
26px
;
word-wrap
:
break-word
}
#news
ul
li
.blog
.brief
.moreBtn
{
bottom
:
10px
;
right
:
10px
;
padding
:
4px
7px
;
border-radius
:
4px
;
font-size
:
12px
}}
@media
only
screen
and
(
max-width
:
640px
){
.sileTop
{
margin-top
:
200px
}
.am-nav
>
li
>
a
{
color
:
#8a8a8a
;
font-size
:
14px
}
.am-nav
>
li
.am-active
>
a
,
.am-nav
>
li
.am-active
>
a
:focus
,
.am-nav
>
li
.am-active
>
a
:hover
{
color
:
#fff
;
background-color
:
#666
;
cursor
:
default
;
display
:
block
}
.am-topbar-nav
{
margin-bottom
:
8px
;
float
:
none
!important
;
text-align
:
center
;
line-height
:
1.4rem
;
margin-top
:
10px
}
.am-topbar-nav
>
li
>
a
:after
,
.am-topbar-nav
>
li
>
a
:focus
,
.am-topbar-nav
>
li
>
a
:hover
,
.am-topbar-nav
>
li
>
a
:target
{
background-color
:
#fff
;
color
:
#000
;
border
:
none
!important
}
.language
{
width
:
100%
;
line-height
:
2rem
;
height
:
2rem
;
font-size
:
1.4rem
;
margin
:
10px
0
}
#portfolioDel
li
img
{
width
:
100%
;
height
:
auto
}
.imgIntro
{
display
:
block
;
position
:
relative
;
z-index
:
14
;
font-size
:
1.6rem
;
padding
:
20px
;
margin
:
0
;
width
:
100%
;
height
:
auto
;
background
:
#222
}
.imgIntro
h3
{
font-size
:
1.8rem
;
line-height
:
25px
;
margin-bottom
:
1.5rem
;
color
:
#b2b2b2
}
.imgIntro
p
{
font-size
:
1.4rem
;
line-height
:
22px
;
color
:
#9b9b9b
}
.am-slider-default
.am-control-nav
{
display
:
none
}
#publicationsUl
li
{
padding
:
0
;
margin-bottom
:
0
}
#publicationsUl
li
div
.am-gallery-item
{
height
:
74%
}
#publicationsUl
li
div
.publicationsIntro
h3
{
line-height
:
2rem
;
color
:
#f4f4f4
;
font-size
:
1.4rem
;
margin-top
:
1.2rem
;
height
:
2rem
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
padding
:
0
10px
}
#publicationsUl
li
div
.publicationsIntro
p
{
height
:
3rem
;
line-height
:
2.5rem
;
color
:
#fefefe
;
font-size
:
1.5rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
white-space
:
nowrap
}
.publicIntro
{
background
:
#fff
;
overflow-y
:
auto
;
height
:
auto
;
padding
:
10px
20px
}
.publicIntro
.close
{
font-size
:
26px
;
color
:
#aaa
;
margin-right
:
10px
;
position
:
absolute
;
right
:
10px
;
top
:
0
}
.publicIntro
.introCon
{
margin-top
:
1rem
}
.publicIntro
.introCon
>
h2
{
line-height
:
25px
;
font-size
:
16px
;
color
:
#353535
}
.publicIntro
.introCon
>
p
{
font-size
:
14px
;
line-height
:
20px
;
color
:
#a9a9a9
}
.publicIntro
.introCon
ul
{
margin-top
:
1rem
}
.publicIntro
.introCon
ul
li
h3
{
line-height
:
25px
;
font-size
:
16px
;
color
:
#666
}
.publicIntro
.introCon
ul
li
p
{
line-height
:
23px
;
margin-bottom
:
7px
;
font-size
:
14px
;
color
:
#a9a9a9
}
.publicCon
{
padding
:
0
20px
;
text-align
:
center
;
margin-bottom
:
20px
}
.publicCon
h2
{
color
:
#fff
;
font-size
:
16px
;
line-height
:
40px
}
.publicCon
small
{
display
:
block
;
color
:
#aaa
;
font-size
:
14px
;
font-weight
:
500
;
margin
:
.5rem
0
1rem
0
}
.publicCon
p
{
color
:
#cbcbcb
;
line-height
:
25px
;
font-size
:
14px
;
text-align
:
left
;
word-break
:
normal
;
text-indent
:
0
}
.publicCon
p
img
{
display
:
block
;
height
:
auto
!important
;
margin
:
15px
auto
;
width
:
100%
!important
}
.publicCon
p
a
{
color
:
#fff
}
.publicCon
.pubImg
{
width
:
100%
;
padding
:
2rem
0
}
.publicCon
.pubImg
img
{
width
:
100%
;
height
:
auto
}
.publicationsIntro
{
text-align
:
center
}
.publicationsIntro
h3
{
font-size
:
14px
;
color
:
#d1d1d1
;
height
:
1.5rem
;
overflow
:
hidden
;
word-spacing
:
normal
;
text-overflow
:
ellipsis
;
padding
:
0
10px
;
line-height
:
1.5rem
;
margin-top
:
1rem
}
.publicationsIntro
p
{
font-size
:
15px
;
color
:
#fefefe
;
height
:
2.5rem
;
line-height
:
2.5rem
;
font-weight
:
400
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin-bottom
:
.8rem
}
.projectCon
{
margin
:
0
}
.projectCon
>
ul
li
{
margin-bottom
:
20px
}
.projectCon
>
ul
li
div
.imgShow
{
height
:
auto
}
.projectCon
>
ul
li
div
.imgShow
img
{
width
:
100%
;
height
:
auto
}
.projectCon
>
ul
li
div
.introCom
{
height
:
auto
;
padding
:
0
15px
}
.projectCon
>
ul
li
div
.introCom
h3
{
font-size
:
18px
;
color
:
#ababab
;
line-height
:
35px
;
text-align
:
center
;
margin-top
:
10px
}
.projectCon
>
ul
li
div
.introCom
p
{
font-size
:
14px
;
color
:
#8f8f8f
;
line-height
:
20px
}
.mobileTop
{
overflow
:
hidden
}
.mobileTop
#entry
{
width
:
100%
;
position
:
absolute
}
.mobileTop
.title
{
color
:
#fff
;
position
:
absolute
;
z-index
:
10
;
width
:
100%
;
height
:
100%
;
text-align
:
center
;
top
:
0
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.mobileTop
.title
h2
{
width
:
100%
;
font-size
:
18px
;
word-spacing
:
0
;
letter-spacing
:
1px
;
margin-bottom
:
.5rem
;
font-weight
:
400
;
position
:
absolute
;
text-align
:
center
}
.mobileTop
.title
p
{
width
:
100%
;
font-size
:
14px
;
letter-spacing
:
0
;
word-spacing
:
0
;
position
:
absolute
;
text-align
:
center
}
.mobileTop
.title
p
a
{
color
:
#c9c9c9
}
.bgImg
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
10
;
height
:
100%
;
width
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.3
)}
.sileTop
{
margin-top
:
70px
}
.returnCon
{
height
:
70px
;
line-height
:
70px
;
position
:
absolute
;
top
:
0
;
z-index
:
10
;
width
:
100%
;
background
:
0
0
}
.returnCon
>
span
{
display
:
inline-block
;
font-size
:
1.8rem
;
color
:
#fff
;
letter-spacing
:
1px
;
word-spacing
:
0
}
.returnCon
>
span
.prevBtn
{
display
:
block
;
position
:
fixed
;
z-index
:
30
;
right
:
0
}
.returnCon
>
span
.prevBtn
.icon-closeIco
,
.returnCon
>
span
.prevBtn
.icon-closeIco3
{
display
:
none
}
.returnCon
>
span
.prevBtn
.icon-closeIco2
{
display
:
inline-block
;
margin-right
:
10px
;
margin-top
:
19px
}
.returnCon
>
span
:first-child
{
width
:
55%
;
text-align
:
center
}
.marginTop
{
margin-top
:
60px
}
.cd-timeline-content
{
margin-left
:
40px
!important
;
padding
:
15px
0
0
10px
;
width
:
90%
}
.cd-timeline-content
h2
{
color
:
#353535
;
font-size
:
20px
;
line-height
:
35px
;
letter-spacing
:
1px
}
.cd-timeline-content
small
{
display
:
block
;
font-size
:
16px
;
color
:
#999
;
font-weight
:
400
;
line-height
:
30px
;
padding-bottom
:
5px
;
border-bottom
:
1px
dashed
#ccc
;
letter-spacing
:
2px
}
.cd-timeline-content
p
{
font-size
:
17px
;
line-height
:
30px
;
color
:
#8f8f8f
;
margin
:
10px
0
;
text-align
:
left
}
.cd-container
{
width
:
90%
;
max-width
:
1170px
;
margin
:
0
10%
0
auto
!important
}
.cd-timeline-img
{
left
:
20px
}
.cd-timeline-content
.cd-date
{
font-size
:
14px
;
color
:
#fff
;
text-align
:
left
;
display
:
block
;
line-height
:
30px
}
.cd-timeline-content
h2
{
color
:
#999
;
font-size
:
16px
;
line-height
:
30px
;
letter-spacing
:
1px
}
.cd-timeline-content
p
{
margin
:
0
;
line-height
:
24px
;
font-size
:
14px
;
text-align
:
left
;
text-indent
:
28px
}
.bg-timeline-content
.shotList
li
{
font-size
:
12px
;
line-height
:
22px
}
.cd-timeline-content
small
{
display
:
block
;
border-bottom
:
1px
dashed
#ccc
;
line-height
:
20px
;
font-size
:
14px
}
.cd-timeline-block
{
margin
:
0
}
.bg-timeline-content
li
{
margin-bottom
:
15px
}
#cd-timeline
{
margin-bottom
:
1em
}
#cd-timeline
::before
{
height
:
97%
}
#news
ul
li
{
position
:
relative
}
#news
ul
li
.blog
{
width
:
100%
;
margin
:
0
auto
}
#news
ul
li
.blog
h2
{
font-size
:
16px
;
text-align
:
center
;
line-height
:
35px
;
margin-bottom
:
0
;
color
:
#ccc
;
padding-left
:
15px
}
#news
ul
li
.blog
.date
{
display
:
block
;
color
:
#ccc
;
padding-left
:
15px
;
line-height
:
20px
;
margin-bottom
:
10px
;
font-size
:
12px
;
text-align
:
center
}
#news
ul
li
.blog
.thumbnail
{
width
:
100%
;
height
:
auto
!important
}
#news
ul
li
.blog
.thumbnail
img
{
width
:
100%
;
height
:
100%
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
#news
ul
li
.blog
.brief
{
background
:
#fff
;
width
:
100%
;
height
:
auto
!important
;
overflow
:
hidden
}
#news
ul
li
.blog
.brief
p
{
line-height
:
26px
;
font-size
:
14px
;
text-align
:
left
;
padding
:
15px
15px
0
15px
;
text-indent
:
28px
;
word-wrap
:
break-word
}
#news
ul
li
.blog
.brief
.moreBtn
{
display
:
inline-block
;
background
:
#4d4d4d
;
color
:
#fff
;
padding
:
4px
8px
;
border-radius
:
4px
;
font-size
:
12px
;
float
:
right
;
margin
:
5px
20px
10px
}
.am-modal
{
left
:
5%
;
top
:
35%
;
width
:
90%
;
margin-left
:
0
}
.am-modal-dialog
{
padding
:
10px
0
15px
0
;
width
:
100%
;
border-radius
:
4px
!important
}
.am-modal-dialog
.am-modal-hd
{
text-align
:
left
;
padding
:
0
20px
;
font-size
:
16px
;
margin-bottom
:
5px
}
.am-modal-dialog
.am-modal-hd
.am-close
{
top
:
8px
;
right
:
10px
;
font-size
:
30px
;
font-weight
:
100
}
.am-modal-dialog
.am-modal-bd
{
text-align
:
left
;
border
:
1px
solid
#ccc
;
padding
:
10px
20px
}
.am-modal-dialog
.am-modal-bd
p
{
line-height
:
25px
;
font-size
:
14px
}
.am-modal-dialog
.am-modal-bd
p
b
{
font-weight
:
400
;
font-size
:
14px
;
display
:
inline-block
;
margin-left
:
5px
}
.am-modal-dialog
.am-modal-bd
.icon
{
padding
:
10px
0
0
0
;
margin-top
:
10px
}
.am-modal-dialog
.am-modal-bd
.icon
a
{
display
:
inline-block
;
margin-right
:
10px
}
.am-modal-dialog
.am-modal-bd
.icon
a
i
{
display
:
inline-block
;
vertical-align
:
middle
}
.slick-next
,
.slick-prev
{
display
:
none
!important
}}
.am-dimmer
{
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
img
.lazy
{
width
:
800px
;
height
:
400px
}
.am-slider
.indexSlide
ul
li
div
{
width
:
100%
!important
}
.am-slider
.indexSlide
ul
li
div
img
{
display
:
block
;
width
:
100%
!important
;
height
:
100%
!important
;
margin-top
:
none
!important
;
-o-object-fit
:
cover
;
object-fit
:
cover
}
\ No newline at end of file
dist/html/portfolioDetail.html
View file @
d40dd07d
...
...
@@ -51,7 +51,7 @@
s
.
parentNode
.
insertBefore
(
hm
,
s
);
})();
</script>
<script
src=
"../assets/js/slickPort.js"
></script>
<script
src=
"../assets/js/slickPort.js"
></script>
</head>
<body>
<!--返回上一页-->
...
...
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
