Skip to content

Z
ZhongWeiXin
Commit f2e93abf by 邓丽
Options

fixheader

parent 3754aea7
Showing with 193 additions and 113 deletions
dist/css/sprite.css
......@@ -60,16 +60,22 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
}
.icon-instagram {
background-image: url(sprite.png);
background-position: -52px 0px;
background-position: 0px -52px;
width: 32px;
height: 32px;
}
.icon-pinterest {
background-image: url(sprite.png);
background-position: 0px -52px;
background-position: -52px 0px;
width: 32px;
height: 32px;
}
.icon-round {
background-image: url(sprite.png);
background-position: -15px -84px;
width: 15px;
height: 15px;
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -84px 0px;
......
dist/css/sprite.png
dist/css/sprite.png

4.05 KB | W: | H:

dist/css/sprite.png

4.37 KB | W: | H:

dist/css/sprite.png
dist/css/sprite.png
dist/css/sprite.png
dist/css/sprite.png
  • 2-up
  • Swipe
  • Onion skin
dist/css/style.css
......@@ -62,16 +62,22 @@ To change `display` (e.g. `display: inline-block;`), we suggest using a common C
}
.icon-instagram {
background-image: url(sprite.png);
background-position: -52px 0px;
background-position: 0px -52px;
width: 32px;
height: 32px;
}
.icon-pinterest {
background-image: url(sprite.png);
background-position: 0px -52px;
background-position: -52px 0px;
width: 32px;
height: 32px;
}
.icon-round {
background-image: url(sprite.png);
background-position: -15px -84px;
width: 15px;
height: 15px;
}
.icon-tuite {
background-image: url(sprite.png);
background-position: -84px 0px;
......@@ -526,6 +532,10 @@ body {
-o-object-fit: cover;
object-fit: cover;
}
.exhBox .am-gallery-overlay .am-gallery-item img {
-o-object-fit: initial;
object-fit: initial;
}
.am-gallery-overlay .am-gallery-title {
height: 100%;
text-align: center;
......@@ -723,10 +733,8 @@ a.cd-read-more:hover {
}
.bg-timeline-content h2 {
color: #b2b2b2;
line-height: 50px;
line-height: 30px;
font-size: 14px;
background: url(../images/dot.png) bottom left repeat-x;
margin-bottom: 16px;
}
.bg-timeline-content p {
font-size: 14px;
......@@ -832,19 +840,6 @@ a.cd-read-more:hover {
.topbar-nav > li > a:after {
display: none;
}
.topbar-nav > .current_page_item > a:after {
width: 86%;
position: absolute;
left: 7%;
margin-left: 0;
bottom: -3px;
content: "";
display: inline-block;
height: 0;
vertical-align: middle;
border-bottom: 1px solid #d4d4d4;
opacity: 0;
}
.topbar-nav > li.current_page_item > a {
border-radius: 0;
color: #d4d4d4;
......@@ -861,12 +856,6 @@ a.cd-read-more:hover {
border-radius: 50%;
background-color: #666;
}
.topbar-nav > .current_page_item > a:after {
bottom: -3px;
}
.topbar-nav > li.current_page_item > a:after {
border-bottom-color: #d4d4d4;
}
#exhibitionsUl {
margin: 2% 20%;
}
......@@ -879,7 +868,7 @@ a.cd-read-more:hover {
left: 0;
width: 100px;
height: 1px;
background: #d4d4d4;
background: #858484;
}
.topbar-nav > li > a {
color: #8a8a8a;
......@@ -1014,7 +1003,7 @@ a.cd-read-more:hover {
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
padding-left: 30px;
padding-left: 20px;
margin-top: 8px;
font-style: italic;
}
......@@ -1224,7 +1213,7 @@ a.cd-read-more:hover {
#news ul li .blog .brief p {
padding: 35px;
line-height: 26px;
font-size: 14px;
font-size: 12px;
text-align: left;
margin: 0px 0px 15px 0px;
overflow: hidden;
......@@ -1460,6 +1449,7 @@ a.cd-read-more:hover {
#news ul li .blog .brief p {
padding: 30px;
line-height: 24px;
font-size: 12px;
}
#news ul li .blog .brief .moreBtn {
bottom: 10px;
......@@ -1560,7 +1550,7 @@ a.cd-read-more:hover {
#news ul li .blog .brief p {
padding: 28px;
line-height: 23px;
font-size: 13px;
font-size: 12px;
text-indent: 30px;
}
#news ul li .blog .brief .moreBtn {
......@@ -1656,6 +1646,34 @@ a.cd-read-more:hover {
}
/*移动端媒体样式*/
@media only screen and (max-width: 640px) {
.bg-timeline-content li {
margin-bottom: 15px;
}
.bg-timeline-content h2 {
font-size: 12px;
}
.bg-timeline-content p {
font-size: 12px;
line-height: 24px;
color: #909090;
margin-bottom: 10px;
text-indent: 24px;
letter-spacing: 0px;
}
.bg-timeline-content .shotList {
margin: 10px 20px;
}
.bg-timeline-content .shotList li {
font-size: 12px;
line-height: 24px;
margin: 0px;
color: #909090;
list-style-type: disc;
}
.am-gallery-overlay .am-gallery-title h3 {
font-size: 12px;
line-height: 20px;
}
.cd-timeline-content img {
width: 80%;
height: auto;
......@@ -1663,7 +1681,7 @@ a.cd-read-more:hover {
object-fit: cover;
}
.am-gallery-overlay > li {
margin-bottom: 20px;
margin-bottom: 15px;
}
.sileTop {
margin-top: 200px;
......@@ -1786,15 +1804,15 @@ a.cd-read-more:hover {
}
.publicCon h2 {
color: #d4d4d4;
font-size: 16px;
line-height: 35px;
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.publicCon p {
color: #8a8a8a;
line-height: 25px;
font-size: 14px;
line-height: 22px;
font-size: 12px;
text-align: left;
text-indent: 28px;
}
......@@ -1818,13 +1836,13 @@ a.cd-read-more:hover {
text-align: center;
}
.publicationsIntro h3 {
font-size: 16px;
font-size: 12px;
color: #d4d4d4;
height: 25px;
height: 20px;
overflow: hidden;
word-spacing: normal;
text-overflow: ellipsis;
line-height: 25px;
line-height: 20px;
margin-top: 10px;
}
.publicationsIntro p {
......@@ -2012,7 +2030,7 @@ a.cd-read-more:hover {
margin: 0 auto;
}
#news ul li .blog h2 {
font-size: 16px;
font-size: 14px;
text-align: center;
line-height: 30px;
margin: 15px auto 5px;
......@@ -2042,7 +2060,7 @@ a.cd-read-more:hover {
}
#news ul li .blog .brief p {
line-height: 25px;
font-size: 14px;
font-size: 12px;
text-align: left;
padding: 15px 15px 0px 15px;
text-indent: 28px;
......@@ -2054,12 +2072,12 @@ a.cd-read-more:hover {
background: #a6a6a6;
color: #f6f6f6;
border-radius: 4px;
font-size: 13px;
font-size: 12px;
float: right;
margin: 5px 20px 10px;
height: 30px;
line-height: 30px;
width: 72px;
height: 28px;
line-height: 28px;
width: 68px;
text-align: center;
}
/*模态框效果*/
......
dist/css/style.min.css
@charset "UTF-8";.icon-closeIco2{background-image:url(sprite.png);background-position:0 0;width:52px;height:52px}.icon-closeIco3{background-image:url(sprite.png);background-position:-84px -54px;width:26px;height:26px}.icon-closeSmall{background-image:url(sprite.png);background-position:-52px -32px;width:19px;height:20px}.icon-contact_close{background-image:url(sprite.png);background-position:0 -84px;width:15px;height:15px}.icon-contact_close_2x{background-image:url(sprite.png);background-position:-61px -52px;width:19px;height:19px}.icon-contact_close_3x{background-image:url(sprite.png);background-position:-32px -52px;width:29px;height:29px}.icon-facebook{background-image:url(sprite.png);background-position:-84px -26px;width:28px;height:28px}.icon-instagram{background-image:url(sprite.png);background-position:-52px 0;width:32px;height:32px}.icon-pinterest{background-image:url(sprite.png);background-position:0 -52px;width:32px;height:32px}.icon-tuite{background-image:url(sprite.png);background-position:-84px 0;width:32px;height:26px}*,:after,:before{box-sizing:border-box}html{font-family:Microsoft YaHei,Helvetica,Tahoma,Arial,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;font-size:14px;line-height:1.5;background:#f9f9f9;color:#353535}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul{font-family:Microsoft YaHei,Helvetica,Tahoma,Arial,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;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-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;display:none}::-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}body,html{height:auto;width:100%}.am-container{height:auto}.am-slider{height:auto}.slider{position:relative;height:auto}.slick-arrow{position:absolute;transform:translateY(-50%)!important;top:50%!important;margin-top:0!important;height:100%!important}.slick-track{height:100%!important}.slick-slide{position:relative!important;height:100%!important;max-height:100%!important}body{background:#000}.left{float:left}.right{float:right}.black{color:#000}.blackBg{background:rgba(0,0,0,.8)}.blue{color:#5da6d5;font-weight:400}.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%;width:100%}.porBox{margin:0 auto;width:90%}.exhBox{margin:0 auto;width:75%}.pubBox{margin:0 auto;width:90%}.am-gallery{padding:0}.am-gallery-overlay>li{padding:0}.am-btn-warning:focus,.am-btn-warning:hover{background-color:#fff}.am-btn-warning.current_page_item,.am-btn-warning:active,.am-btn-warning:focus,.am-btn-warning:hover,.current_page_item .am-btn-warning.am-dropdown-toggle{color:#fff;border-color:#fff}.am-btn-warning{color:#fff;background-color:#fff;border-color:#fff}.am-dimmer.current_page_item{opacity:1}.am-slider-default .am-control-nav{display:none}.am-topbar-collapse{padding:0}.language{width:auto;text-align:center;color:#d4d4d4;font-size:14px;margin:2px 60px 0 15px;float:right}.language a{color:#d4d4d4;font-size:14px}#portfolioUl>li{overflow:hidden}.am-gallery-overlay .am-gallery-item{height:300px;width:400px}.exhBox .am-gallery-item{height:500px;width:400px}.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:16px;background-color:rgba(0,0,0,.7);opacity:0;word-break:break-all;white-space:normal;line-height:27px;color:#d4d4d4;letter-spacing:3px}.am-gallery-overlay .am-gallery-title:hover{opacity:1}.am-slider-default{background-color:#000;margin:0}.slick-next,.slick-prev{display:block;width:6%;top:0;height:100%;z-index:8}.slick-prev{left:-10%}.slick-next{right:-10%}.slick-next:before,.slick-prev:before{content:none}.slick-prev:hover{background:url(../images/leftIcon.png) no-repeat left}.slick-next:hover{background:url(../images/rightIcon.png) no-repeat right}.am-topbar-fixed-bottom,.am-topbar-fixed-top{z-index:100}.am-dimmer{z-index:110}.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:-9px;width:15px;height:15px;background-image:url(../images/round.png);left:25%;margin-left:-10px;margin-top:20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cd-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:5px 10px;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}#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:#b2b2b2;line-height:50px;font-size:14px;background:url(../images/dot.png) bottom left repeat-x;margin-bottom:16px}.bg-timeline-content p{font-size:14px;line-height:26px;color:#909090;margin-bottom:10px;text-indent:28px;letter-spacing:0}.bg-timeline-content .shotList{margin:20px 50px}.bg-timeline-content .shotList li{font-size:14px;line-height:27px;margin:0;color:#909090;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:28px;left:18px;height:96%;width:1px;background:#d4d4d4}[class*=am-icon-]{color:#8a8a8a}@media only screen and (min-width:640px){.cd-timeline-content img{width:auto;height:auto;max-width:100%}.am-with-topbar-fixed-top{padding-top:200px}.am-topbar-collapse.am-collapse{width:auto;float:right}.am-nav{margin-bottom:0;padding:0;list-style:none;width:auto;float:right}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:200px;line-height:200px;word-spacing:.6rem;padding:0;font-weight:400;letter-spacing:4px;margin-left:120px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;display:block}.topbar-nav>li>a:hover{background:0 0;color:#d4d4d4}.topbar-nav>li>a:hover:after{border:none}.topbar-nav>.current_page_item:hover a{background:0 0;color:#d4d4d4;cursor:pointer}.topbar-nav>.current_page_item a:hover:after{background:0 0;color:#d4d4d4;border:1px solid #d4d4d4}.topbar-nav>li>a:after{display:none}.topbar-nav>.current_page_item>a:after{width:86%;position:absolute;left:7%;margin-left:0;bottom:-3px;content:"";display:inline-block;height:0;vertical-align:middle;border-bottom:1px solid #d4d4d4;opacity:0}.topbar-nav>li.current_page_item>a{border-radius:0;color:#d4d4d4;width:auto;padding:0;margin:0 15px;font-weight:400;cursor:pointer}.am-slider-default .am-control-nav{bottom:15px}.am-slider-default .am-control-nav li a{border-radius:50%;background-color:#666}.topbar-nav>.current_page_item>a:after{bottom:-3px}.topbar-nav>li.current_page_item>a:after{border-bottom-color:#d4d4d4}#exhibitionsUl{margin:2% 20%}#example-one{position:relative}#magic-line{position:absolute;bottom:83px;left:0;width:100px;height:1px;background:#d4d4d4}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 15px;letter-spacing:1.4px}.am-nav-pills>li{height:200px;line-height:200px}#exDetail{margin:0 7%}#exDetail ul li{margin-bottom:0;padding:0}#exDetail div.am-gallery-item{height:80%}.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:24px;color:#fff;letter-spacing:2px;word-spacing:2px}.returnCon>span .prevBtn{display:block;position:fixed;right:0;top:60px;z-index:30;opacity:0;line-height:0}.returnCon>span .prevBtn .icon-closeIco3{display:none}.returnCon>span .prevBtn .icon-closeIco2{display:inline-block;height:52px;margin-right:40px}.returnCon>span:first-child{width:25%;min-width:400px;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}.publicationBox li{padding:0 20px 0 0;height:auto!important}.publicationBox li div.am-gallery-item{width:300px;height:300px}#exDetailUl li div.publicationsIntro h3,.publicationBox li div.publicationsIntro h3{line-height:20px;color:#d4d4d4;font-size:14px;margin-top:1.2rem;height:3rem;overflow:auto;text-align:left;padding-left:20px}#exDetailUl li div.publicationsIntro p,.publicationBox li div.publicationsIntro p{height:20px;line-height:20px;color:#8a8a8a;font-size:12px;overflow:hidden;word-spacing:normal;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:30px;margin-top:8px;font-style:italic}.publicCon{width:50%;text-align:center;margin:200px auto 50px auto;min-width:600px}.publicCon h2{color:#d4d4d4;font-size:22px;line-height:35px;letter-spacing:4px;margin-bottom:70px}.publicCon small{display:block;color:#aaa;font-size:17px;font-weight:500;margin:1rem 0 1.5rem 0}.publicCon p{color:#8a8a8a;line-height:25px;font-size:14px;text-indent:28px;text-align:left}.publicCon p img{display:block;max-width:100%!important;height:auto!important;margin:15px auto}.publicCon p a{color:#d4d4d4}.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:90px;left:100px;z-index:10;width:300px;background:rgba(0,0,0,.3);padding:20px}.imgIntro h3{font-size:24px;line-height:32px;color:#f6f6f6;margin-bottom:40px}.imgIntro p{font-size:14px;color:#d4d4d4;line-height:25px;overflow:auto;max-height:550px}.imgIntro p:hover .slick-prev{display:block}.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:24px;line-height:30px;color:#fff;margin-bottom:30px;letter-spacing:4px;font-weight:400;position:absolute;text-align:center;display:block;width:100%}.title p{font-size:14px;line-height:25px;letter-spacing:2px;width:100%;position:absolute;color:#d4d4d4}.title p a{color:#d4d4d4}.am-container>.am-g{width:auto;margin-left:1rem;margin-right:1rem}#news ul li{width:47%;margin:0 auto 50px;padding:20px 35px 35px 35px;background:#fff}#news ul li .blog{position:relative;width:100%}#news ul li .blog h2{font-size:18px;text-align:left;line-height:30px;margin:0 0 15px 0;color:#353535;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:80%}#news ul li .blog .date{position:absolute;top:5px;right:0;display:inline-block;color:#999;font-size:12px}#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:26px;font-size:14px;text-align:left;margin:0 0 15px 0;overflow:hidden;color:#353535;text-indent:32px;word-wrap:break-word}#news ul li .blog .brief .moreBtn{display:block;position:absolute;bottom:15px;right:30px;background:#a6a6a6;color:#f6f6f6;border-radius:4px;font-size:16px;height:36px;line-height:36px;width:86px;text-align:center}#news ul li .blog .brief .moreBtn:hover{color:#e9e9e9}.am-modal{left:35%;top:27%;width:600px;height:240px;margin:0 auto}.am-modal-dialog{opacity:.9;background:#fff;padding:0 0 20px 0;width:100%;border-radius:6px!important;box-shadow:8px 8px 20px rgba(0,0,0,.4);border-top:1px solid #999;border-bottom:1px solid #999}.am-modal-dialog .am-modal-hd{text-align:left;padding:0 30px;font-size:18px;color:#666;height:55px;line-height:55px}.am-modal-dialog .am-modal-hd .am-close{position:absolute;top:13px;right:20px;font-size:40px;font-weight:100;display:inline-block;transition:none;opacity:1}.am-modal-dialog .am-modal-hd .am-close i{display:inline-block}.am-modal-dialog .am-modal-hd .am-close .icon-contact_close{display:none}.am-modal-dialog .am-modal-bd{text-align:left;border:none;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:20px 30px 10px 30px}.am-modal-dialog .am-modal-bd p{line-height:35px;font-size:14px;color:#666}.am-modal-dialog .am-modal-bd p span{display:inline-block;margin-right:40px;font-size:14px;color:#666}.am-modal-dialog .am-modal-bd p span b{font-weight:400;font-size:14px;color:#666;display:inline-block;margin-left:5px}.am-modal-dialog .am-modal-bd .icon{padding:20px 0 10px 0}.am-modal-dialog .am-modal-bd .icon a{display:inline-block;margin-right:25px}.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:10px;font-size:13px;color:#f6f6f6}.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:#f6f6f6}.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;height:95%}.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%}.item{text-align:center;height:30px;line-height:30px;position:absolute;bottom:30px;width:100%;z-index:12;color:#d4d4d4;font-weight:400;font-size:14px}.language{line-height:200px;height:200px}}@media (min-width:1150px) and (max-width:1530px){.am-with-topbar-fixed-top{padding-top:150px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:150px;line-height:150px;word-spacing:.4rem;padding:0;letter-spacing:4px;margin-left:60px}.am-nav-pills>li{height:150px;line-height:150px;float:left}.language{height:150px;line-height:150px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 15px;letter-spacing:1.4px}#magic-line{bottom:60px}#news ul li{width:55%}#news ul li .blog .brief p{padding:30px;line-height:24px}#news ul li .blog .brief .moreBtn{bottom:10px;font-size:14px;height:30px;line-height:30px;width:80px}.am-modal{left:25%;top:24%;width:600px;height:240px;margin:0 auto;overflow:hidden}.am-gallery-overlay .am-gallery-title{font-size:1.6rem;line-height:25px}}@media (min-width:640px) and (max-width:1150px){.publicCon{margin:150px auto 40px auto}.am-with-topbar-fixed-top{padding-top:100px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:100px;line-height:100px;word-spacing:0;padding:0;font-weight:400;letter-spacing:1px;margin-left:60px}.am-nav-pills>li{height:100px;line-height:100px;float:left}.language{margin:2px 30px 0 15px;height:100px;line-height:100px}#magic-line{bottom:35px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 10px;letter-spacing:1.4px}.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;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}#news ul li .blog .brief p{padding:28px;line-height:23px;font-size:13px;text-indent:30px}#news ul li .blog .brief .moreBtn{bottom:10px;right:25px;font-size:12px;width:70px;height:30px;line-height:30px;padding:0}.am-modal{left:18%;top:21%;width:600px;height:240px;margin:0 auto;overflow:hidden}.am-slider-default .slick-next:hover{background:url(../images/rightM.png) no-repeat right}.am-slider-default .slick-arrow:hover{background:url(../images/leftM.png) no-repeat left}.am-gallery-overlay .am-gallery-title{font-size:16px;line-height:20px}}@media (min-width:640px) and (max-width:850px){.am-with-topbar-fixed-top{padding-top:100px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:18px;height:100px;line-height:100px;word-spacing:0;padding:0;letter-spacing:0;margin-left:30px;font-weight:400}.am-modal{left:7%}.language{line-height:100px;height:100px;margin-right:10px;font-size:13px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:13px;padding:0;margin:0 5px;letter-spacing:0}.topbar-nav>li.current_page_item>a{margin:0 5px}#news ul li{margin:0 auto 20px;padding:20px;width:80%}#news ul li .blog h2{font-size:16px}#news ul li .blog .brief p{line-height:22px;font-size:12px;padding:16px;text-indent:24px;word-wrap:break-word}#news ul li .blog .brief .moreBtn{bottom:10px;right:10px;width:66px;height:30px}}@media only screen and (max-width:640px){.cd-timeline-content img{width:80%;height:auto;-o-object-fit:cover;object-fit:cover}.am-gallery-overlay>li{margin-bottom:20px}.sileTop{margin-top:200px}.am-topbar-brand{padding:0 30px}.am-nav>li>a{color:#8a8a8a;font-size:14px}.am-nav>li.current_page_item>a,.am-nav>li.current_page_item>a:focus,.am-nav>li.current_page_item>a:hover{color:#fff;background-color:#666;cursor:default;display:block}.topbar-nav{margin:10px auto 50px;text-align:center;float:none}.topbar-nav li{display:block;width:100%;height:35px;line-height:35px;color:#d4d4d4;font-size:14px;font-weight:400;float:none}.topbar-nav li>a{display:block;color:#8a8a8a;font-size:14px}.topbar-nav li:hover a{color:#d4d4d4}.topbar-nav li:last-child{display:none}.am-nav-pills>li+li{margin-left:0;margin-top:0}.topbar-nav .current_page_item a{display:block;color:#d4d4d4;background:#666}.language{width:100%;font-size:14px;height:35px;line-height:35px;margin:0 auto;color:#d4d4d4;margin-top:15px;position:absolute;bottom:15px}.am-slider-default .am-control-nav{display:none}.publicationBox li div.am-gallery-item{height:74%}.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:#d4d4d4;font-size:16px;line-height:35px;letter-spacing:1px;margin-bottom:10px}.publicCon p{color:#8a8a8a;line-height:25px;font-size:14px;text-align:left;text-indent:28px}.publicCon p img{display:block;height:auto!important;margin:15px auto;width:100%!important}.publicCon p a{color:#d4d4d4}.publicCon .pubImg{width:100%}.publicCon .pubImg img{width:100%;height:auto}.publicationsIntro{text-align:center}.publicationsIntro h3{font-size:16px;color:#d4d4d4;height:25px;overflow:hidden;word-spacing:normal;text-overflow:ellipsis;line-height:25px;margin-top:10px}.publicationsIntro p{font-size:12px;color:#8a8a8a;height:20px;line-height:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-style:italic}.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:20px;word-spacing:1px;letter-spacing:1px;margin-bottom:20px;font-weight:400;position:absolute;text-align:center}.mobileTop .title p{width:100%;font-size:14px;letter-spacing:0;word-spacing:0;color:#d4d4d4;position:absolute;text-align:center}.mobileTop .title p a{color:#d4d4d4}.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;right:0;top:0;z-index:30;opacity:0;line-height:0}.returnCon>span .prevBtn .icon-closeIco2{display:none}.returnCon>span .prevBtn .icon-closeIco3{display:inline-block;margin-right:10px;margin-top:19px}.returnCon>span:first-child{width:auto;text-align:center;margin-left:30px}.marginTop{margin-top:70px}.cd-timeline-content{margin-left:40px!important;width:90%}.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:13px;text-align:left;display:block;line-height:30px;color:#f6f6f6}.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:96%}#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:30px;margin:15px auto 5px;color:#ccc;padding-left:15px;letter-spacing:1px}#news ul li .blog .date{display:none}#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;float:none}#news ul li .blog .brief p{line-height:25px;font-size:14px;text-align:left;padding:15px 15px 0 15px;text-indent:28px;word-wrap:break-word;color:#353535}#news ul li .blog .brief .moreBtn{display:inline-block;background:#a6a6a6;color:#f6f6f6;border-radius:4px;font-size:13px;float:right;margin:5px 20px 10px;height:30px;line-height:30px;width:72px;text-align:center}.am-modal{left:5%;top:35%;width:90%;margin-left:0}.am-modal-dialog{padding:10px 0 15px 0;width:100%;border-radius:6px!important;background:#fff;opacity:.9;box-shadow:8px 8px 20px rgba(0,0,0,.4);border-top:1px solid #999;border-bottom:1px solid #999}.am-modal-dialog .am-modal-hd{text-align:left;padding:0 30px;font-size:16px;margin-bottom:5px}.am-modal-dialog .am-modal-hd .am-close{top:8px;right:10px;font-size:30px;font-weight:100;transition:none;opacity:1}.am-modal-dialog .am-modal-hd .am-close i{display:inline-block}.am-modal-dialog .am-modal-hd .am-close .icon-contact_close{display:none}.am-modal-dialog .am-modal-bd{text-align:left;border:none;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:10px 30px}.am-modal-dialog .am-modal-bd p{line-height:25px;font-size:14px}.am-modal-dialog .am-modal-bd p span{display:block}.am-modal-dialog .am-modal-bd p span 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}.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}.porBox{margin:0 auto;width:100%}.am-gallery-overlay .am-gallery-item{height:auto;width:100%}.exhBox,.porBox,.pubBox{margin:0 auto;width:100%}.am-gallery-overlay .am-gallery-title{height:auto;text-align:center;font-size:16px;word-break:break-all;white-space:normal;line-height:25px;color:#d4d4d4;letter-spacing:2px;position:relative;opacity:1;padding:10px}.imgIntro{padding:15px;height:auto}.imgIntro h3{font-size:16px;color:#f6f6f6;text-align:center;margin:0 auto 10px}.imgIntro p{font-size:13px;color:#d4d4d4;text-indent:28px}.item{display:none}.am-slider .portfolioSiles img{width:100%;height:auto}}.am-dimmer{background-color:rgba(0,0,0,.6)}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}.slick-lazyload-error,.slick-loading{height:0!important;background:0 0}.am-gotop-fixed .am-gotop-icon{display:block;height:32px}[class*=am-icon-]:before{margin-top:4px}
\ No newline at end of file
@charset "UTF-8";.icon-closeIco2{background-image:url(sprite.png);background-position:0 0;width:52px;height:52px}.icon-closeIco3{background-image:url(sprite.png);background-position:-84px -54px;width:26px;height:26px}.icon-closeSmall{background-image:url(sprite.png);background-position:-52px -32px;width:19px;height:20px}.icon-contact_close{background-image:url(sprite.png);background-position:0 -84px;width:15px;height:15px}.icon-contact_close_2x{background-image:url(sprite.png);background-position:-61px -52px;width:19px;height:19px}.icon-contact_close_3x{background-image:url(sprite.png);background-position:-32px -52px;width:29px;height:29px}.icon-facebook{background-image:url(sprite.png);background-position:-84px -26px;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:-52px 0;width:32px;height:32px}.icon-round{background-image:url(sprite.png);background-position:-15px -84px;width:15px;height:15px}.icon-tuite{background-image:url(sprite.png);background-position:-84px 0;width:32px;height:26px}*,:after,:before{box-sizing:border-box}html{font-family:Microsoft YaHei,Helvetica,Tahoma,Arial,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;font-size:14px;line-height:1.5;background:#f9f9f9;color:#353535}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,td,textarea,th,ul{font-family:Microsoft YaHei,Helvetica,Tahoma,Arial,Hiragino Sans GB,Hiragino Sans GB W3,STXihei,STHeiti,Heiti,SimSun,sansSerif;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-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;display:none}::-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}body,html{height:auto;width:100%}.am-container{height:auto}.am-slider{height:auto}.slider{position:relative;height:auto}.slick-arrow{position:absolute;transform:translateY(-50%)!important;top:50%!important;margin-top:0!important;height:100%!important}.slick-track{height:100%!important}.slick-slide{position:relative!important;height:100%!important;max-height:100%!important}body{background:#000}.left{float:left}.right{float:right}.black{color:#000}.blackBg{background:rgba(0,0,0,.8)}.blue{color:#5da6d5;font-weight:400}.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%;width:100%}.porBox{margin:0 auto;width:90%}.exhBox{margin:0 auto;width:75%}.pubBox{margin:0 auto;width:90%}.am-gallery{padding:0}.am-gallery-overlay>li{padding:0}.am-btn-warning:focus,.am-btn-warning:hover{background-color:#fff}.am-btn-warning.current_page_item,.am-btn-warning:active,.am-btn-warning:focus,.am-btn-warning:hover,.current_page_item .am-btn-warning.am-dropdown-toggle{color:#fff;border-color:#fff}.am-btn-warning{color:#fff;background-color:#fff;border-color:#fff}.am-dimmer.current_page_item{opacity:1}.am-slider-default .am-control-nav{display:none}.am-topbar-collapse{padding:0}.language{width:auto;text-align:center;color:#d4d4d4;font-size:14px;margin:2px 60px 0 15px;float:right}.language a{color:#d4d4d4;font-size:14px}#portfolioUl>li{overflow:hidden}.am-gallery-overlay .am-gallery-item{height:300px;width:400px}.exhBox .am-gallery-item{height:500px;width:400px}.am-gallery-overlay .am-gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.exhBox .am-gallery-overlay .am-gallery-item img{-o-object-fit:initial;object-fit:initial}.am-gallery-overlay .am-gallery-title{height:100%;text-align:center;font-size:16px;background-color:rgba(0,0,0,.7);opacity:0;word-break:break-all;white-space:normal;line-height:27px;color:#d4d4d4;letter-spacing:3px}.am-gallery-overlay .am-gallery-title:hover{opacity:1}.am-slider-default{background-color:#000;margin:0}.slick-next,.slick-prev{display:block;width:6%;top:0;height:100%;z-index:8}.slick-prev{left:-10%}.slick-next{right:-10%}.slick-next:before,.slick-prev:before{content:none}.slick-prev:hover{background:url(../images/leftIcon.png) no-repeat left}.slick-next:hover{background:url(../images/rightIcon.png) no-repeat right}.am-topbar-fixed-bottom,.am-topbar-fixed-top{z-index:100}.am-dimmer{z-index:110}.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:-9px;width:15px;height:15px;background-image:url(../images/round.png);left:25%;margin-left:-10px;margin-top:20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cd-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:5px 10px;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}#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:#b2b2b2;line-height:30px;font-size:14px}.bg-timeline-content p{font-size:14px;line-height:26px;color:#909090;margin-bottom:10px;text-indent:28px;letter-spacing:0}.bg-timeline-content .shotList{margin:20px 50px}.bg-timeline-content .shotList li{font-size:14px;line-height:27px;margin:0;color:#909090;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:28px;left:18px;height:96%;width:1px;background:#d4d4d4}[class*=am-icon-]{color:#8a8a8a}@media only screen and (min-width:640px){.cd-timeline-content img{width:auto;height:auto;max-width:100%}.am-with-topbar-fixed-top{padding-top:200px}.am-topbar-collapse.am-collapse{width:auto;float:right}.am-nav{margin-bottom:0;padding:0;list-style:none;width:auto;float:right}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:200px;line-height:200px;word-spacing:.6rem;padding:0;font-weight:400;letter-spacing:4px;margin-left:120px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;display:block}.topbar-nav>li>a:hover{background:0 0;color:#d4d4d4}.topbar-nav>li>a:hover:after{border:none}.topbar-nav>.current_page_item:hover a{background:0 0;color:#d4d4d4;cursor:pointer}.topbar-nav>.current_page_item a:hover:after{background:0 0;color:#d4d4d4;border:1px solid #d4d4d4}.topbar-nav>li>a:after{display:none}.topbar-nav>li.current_page_item>a{border-radius:0;color:#d4d4d4;width:auto;padding:0;margin:0 15px;font-weight:400;cursor:pointer}.am-slider-default .am-control-nav{bottom:15px}.am-slider-default .am-control-nav li a{border-radius:50%;background-color:#666}#exhibitionsUl{margin:2% 20%}#example-one{position:relative}#magic-line{position:absolute;bottom:83px;left:0;width:100px;height:1px;background:#858484}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 15px;letter-spacing:1.4px}.am-nav-pills>li{height:200px;line-height:200px}#exDetail{margin:0 7%}#exDetail ul li{margin-bottom:0;padding:0}#exDetail div.am-gallery-item{height:80%}.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:24px;color:#fff;letter-spacing:2px;word-spacing:2px}.returnCon>span .prevBtn{display:block;position:fixed;right:0;top:60px;z-index:30;opacity:0;line-height:0}.returnCon>span .prevBtn .icon-closeIco3{display:none}.returnCon>span .prevBtn .icon-closeIco2{display:inline-block;height:52px;margin-right:40px}.returnCon>span:first-child{width:25%;min-width:400px;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}.publicationBox li{padding:0 20px 0 0;height:auto!important}.publicationBox li div.am-gallery-item{width:300px;height:300px}#exDetailUl li div.publicationsIntro h3,.publicationBox li div.publicationsIntro h3{line-height:20px;color:#d4d4d4;font-size:14px;margin-top:1.2rem;height:3rem;overflow:auto;text-align:left;padding-left:20px}#exDetailUl li div.publicationsIntro p,.publicationBox li div.publicationsIntro p{height:20px;line-height:20px;color:#8a8a8a;font-size:12px;overflow:hidden;word-spacing:normal;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:20px;margin-top:8px;font-style:italic}.publicCon{width:50%;text-align:center;margin:200px auto 50px auto;min-width:600px}.publicCon h2{color:#d4d4d4;font-size:22px;line-height:35px;letter-spacing:4px;margin-bottom:70px}.publicCon small{display:block;color:#aaa;font-size:17px;font-weight:500;margin:1rem 0 1.5rem 0}.publicCon p{color:#8a8a8a;line-height:25px;font-size:14px;text-indent:28px;text-align:left}.publicCon p img{display:block;max-width:100%!important;height:auto!important;margin:15px auto}.publicCon p a{color:#d4d4d4}.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:90px;left:100px;z-index:10;width:300px;background:rgba(0,0,0,.3);padding:20px}.imgIntro h3{font-size:24px;line-height:32px;color:#f6f6f6;margin-bottom:40px}.imgIntro p{font-size:14px;color:#d4d4d4;line-height:25px;overflow:auto;max-height:550px}.imgIntro p:hover .slick-prev{display:block}.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:24px;line-height:30px;color:#fff;margin-bottom:30px;letter-spacing:4px;font-weight:400;position:absolute;text-align:center;display:block;width:100%}.title p{font-size:14px;line-height:25px;letter-spacing:2px;width:100%;position:absolute;color:#d4d4d4}.title p a{color:#d4d4d4}.am-container>.am-g{width:auto;margin-left:1rem;margin-right:1rem}#news ul li{width:47%;margin:0 auto 50px;padding:20px 35px 35px 35px;background:#fff}#news ul li .blog{position:relative;width:100%}#news ul li .blog h2{font-size:18px;text-align:left;line-height:30px;margin:0 0 15px 0;color:#353535;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:80%}#news ul li .blog .date{position:absolute;top:5px;right:0;display:inline-block;color:#999;font-size:12px}#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:26px;font-size:12px;text-align:left;margin:0 0 15px 0;overflow:hidden;color:#353535;text-indent:32px;word-wrap:break-word}#news ul li .blog .brief .moreBtn{display:block;position:absolute;bottom:15px;right:30px;background:#a6a6a6;color:#f6f6f6;border-radius:4px;font-size:16px;height:36px;line-height:36px;width:86px;text-align:center}#news ul li .blog .brief .moreBtn:hover{color:#e9e9e9}.am-modal{left:35%;top:27%;width:600px;height:240px;margin:0 auto}.am-modal-dialog{opacity:.9;background:#fff;padding:0 0 20px 0;width:100%;border-radius:6px!important;box-shadow:8px 8px 20px rgba(0,0,0,.4);border-top:1px solid #999;border-bottom:1px solid #999}.am-modal-dialog .am-modal-hd{text-align:left;padding:0 30px;font-size:18px;color:#666;height:55px;line-height:55px}.am-modal-dialog .am-modal-hd .am-close{position:absolute;top:13px;right:20px;font-size:40px;font-weight:100;display:inline-block;transition:none;opacity:1}.am-modal-dialog .am-modal-hd .am-close i{display:inline-block}.am-modal-dialog .am-modal-hd .am-close .icon-contact_close{display:none}.am-modal-dialog .am-modal-bd{text-align:left;border:none;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:20px 30px 10px 30px}.am-modal-dialog .am-modal-bd p{line-height:35px;font-size:14px;color:#666}.am-modal-dialog .am-modal-bd p span{display:inline-block;margin-right:40px;font-size:14px;color:#666}.am-modal-dialog .am-modal-bd p span b{font-weight:400;font-size:14px;color:#666;display:inline-block;margin-left:5px}.am-modal-dialog .am-modal-bd .icon{padding:20px 0 10px 0}.am-modal-dialog .am-modal-bd .icon a{display:inline-block;margin-right:25px}.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:10px;font-size:13px;color:#f6f6f6}.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:#f6f6f6}.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;height:95%}.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%}.item{text-align:center;height:30px;line-height:30px;position:absolute;bottom:30px;width:100%;z-index:12;color:#d4d4d4;font-weight:400;font-size:14px}.language{line-height:200px;height:200px}}@media (min-width:1150px) and (max-width:1530px){.am-with-topbar-fixed-top{padding-top:150px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:150px;line-height:150px;word-spacing:.4rem;padding:0;letter-spacing:4px;margin-left:60px}.am-nav-pills>li{height:150px;line-height:150px;float:left}.language{height:150px;line-height:150px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 15px;letter-spacing:1.4px}#magic-line{bottom:60px}#news ul li{width:55%}#news ul li .blog .brief p{padding:30px;line-height:24px;font-size:12px}#news ul li .blog .brief .moreBtn{bottom:10px;font-size:14px;height:30px;line-height:30px;width:80px}.am-modal{left:25%;top:24%;width:600px;height:240px;margin:0 auto;overflow:hidden}.am-gallery-overlay .am-gallery-title{font-size:1.6rem;line-height:25px}}@media (min-width:640px) and (max-width:1150px){.publicCon{margin:150px auto 40px auto}.am-with-topbar-fixed-top{padding-top:100px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:24px;height:100px;line-height:100px;word-spacing:0;padding:0;font-weight:400;letter-spacing:1px;margin-left:60px}.am-nav-pills>li{height:100px;line-height:100px;float:left}.language{margin:2px 30px 0 15px;height:100px;line-height:100px}#magic-line{bottom:35px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:14px;padding:0;margin:0 10px;letter-spacing:1.4px}.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;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}#news ul li .blog .brief p{padding:28px;line-height:23px;font-size:12px;text-indent:30px}#news ul li .blog .brief .moreBtn{bottom:10px;right:25px;font-size:12px;width:70px;height:30px;line-height:30px;padding:0}.am-modal{left:18%;top:21%;width:600px;height:240px;margin:0 auto;overflow:hidden}.am-slider-default .slick-next:hover{background:url(../images/rightM.png) no-repeat right}.am-slider-default .slick-arrow:hover{background:url(../images/leftM.png) no-repeat left}.am-gallery-overlay .am-gallery-title{font-size:16px;line-height:20px}}@media (min-width:640px) and (max-width:850px){.am-with-topbar-fixed-top{padding-top:100px}.am-topbar-brand{width:auto;text-align:center;float:left;font-size:18px;height:100px;line-height:100px;word-spacing:0;padding:0;letter-spacing:0;margin-left:30px;font-weight:400}.am-modal{left:7%}.language{line-height:100px;height:100px;margin-right:10px;font-size:13px}.topbar-nav>li>a{color:#8a8a8a;font-weight:400;font-size:13px;padding:0;margin:0 5px;letter-spacing:0}.topbar-nav>li.current_page_item>a{margin:0 5px}#news ul li{margin:0 auto 20px;padding:20px;width:80%}#news ul li .blog h2{font-size:16px}#news ul li .blog .brief p{line-height:22px;font-size:12px;padding:16px;text-indent:24px;word-wrap:break-word}#news ul li .blog .brief .moreBtn{bottom:10px;right:10px;width:66px;height:30px}}@media only screen and (max-width:640px){.bg-timeline-content li{margin-bottom:15px}.bg-timeline-content h2{font-size:12px}.bg-timeline-content p{font-size:12px;line-height:24px;color:#909090;margin-bottom:10px;text-indent:24px;letter-spacing:0}.bg-timeline-content .shotList{margin:10px 20px}.bg-timeline-content .shotList li{font-size:12px;line-height:24px;margin:0;color:#909090;list-style-type:disc}.am-gallery-overlay .am-gallery-title h3{font-size:12px;line-height:20px}.cd-timeline-content img{width:80%;height:auto;-o-object-fit:cover;object-fit:cover}.am-gallery-overlay>li{margin-bottom:15px}.sileTop{margin-top:200px}.am-topbar-brand{padding:0 30px}.am-nav>li>a{color:#8a8a8a;font-size:14px}.am-nav>li.current_page_item>a,.am-nav>li.current_page_item>a:focus,.am-nav>li.current_page_item>a:hover{color:#fff;background-color:#666;cursor:default;display:block}.topbar-nav{margin:10px auto 50px;text-align:center;float:none}.topbar-nav li{display:block;width:100%;height:35px;line-height:35px;color:#d4d4d4;font-size:14px;font-weight:400;float:none}.topbar-nav li>a{display:block;color:#8a8a8a;font-size:14px}.topbar-nav li:hover a{color:#d4d4d4}.topbar-nav li:last-child{display:none}.am-nav-pills>li+li{margin-left:0;margin-top:0}.topbar-nav .current_page_item a{display:block;color:#d4d4d4;background:#666}.language{width:100%;font-size:14px;height:35px;line-height:35px;margin:0 auto;color:#d4d4d4;margin-top:15px;position:absolute;bottom:15px}.am-slider-default .am-control-nav{display:none}.publicationBox li div.am-gallery-item{height:74%}.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:#d4d4d4;font-size:14px;line-height:30px;letter-spacing:1px;margin-bottom:10px}.publicCon p{color:#8a8a8a;line-height:22px;font-size:12px;text-align:left;text-indent:28px}.publicCon p img{display:block;height:auto!important;margin:15px auto;width:100%!important}.publicCon p a{color:#d4d4d4}.publicCon .pubImg{width:100%}.publicCon .pubImg img{width:100%;height:auto}.publicationsIntro{text-align:center}.publicationsIntro h3{font-size:12px;color:#d4d4d4;height:20px;overflow:hidden;word-spacing:normal;text-overflow:ellipsis;line-height:20px;margin-top:10px}.publicationsIntro p{font-size:12px;color:#8a8a8a;height:20px;line-height:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-style:italic}.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:20px;word-spacing:1px;letter-spacing:1px;margin-bottom:20px;font-weight:400;position:absolute;text-align:center}.mobileTop .title p{width:100%;font-size:14px;letter-spacing:0;word-spacing:0;color:#d4d4d4;position:absolute;text-align:center}.mobileTop .title p a{color:#d4d4d4}.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;right:0;top:0;z-index:30;opacity:0;line-height:0}.returnCon>span .prevBtn .icon-closeIco2{display:none}.returnCon>span .prevBtn .icon-closeIco3{display:inline-block;margin-right:10px;margin-top:19px}.returnCon>span:first-child{width:auto;text-align:center;margin-left:30px}.marginTop{margin-top:70px}.cd-timeline-content{margin-left:40px!important;width:90%}.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:13px;text-align:left;display:block;line-height:30px;color:#f6f6f6}.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:96%}#news ul li{position:relative}#news ul li .blog{width:100%;margin:0 auto}#news ul li .blog h2{font-size:14px;text-align:center;line-height:30px;margin:15px auto 5px;color:#ccc;padding-left:15px;letter-spacing:1px}#news ul li .blog .date{display:none}#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;float:none}#news ul li .blog .brief p{line-height:25px;font-size:12px;text-align:left;padding:15px 15px 0 15px;text-indent:28px;word-wrap:break-word;color:#353535}#news ul li .blog .brief .moreBtn{display:inline-block;background:#a6a6a6;color:#f6f6f6;border-radius:4px;font-size:12px;float:right;margin:5px 20px 10px;height:28px;line-height:28px;width:68px;text-align:center}.am-modal{left:5%;top:35%;width:90%;margin-left:0}.am-modal-dialog{padding:10px 0 15px 0;width:100%;border-radius:6px!important;background:#fff;opacity:.9;box-shadow:8px 8px 20px rgba(0,0,0,.4);border-top:1px solid #999;border-bottom:1px solid #999}.am-modal-dialog .am-modal-hd{text-align:left;padding:0 30px;font-size:16px;margin-bottom:5px}.am-modal-dialog .am-modal-hd .am-close{top:8px;right:10px;font-size:30px;font-weight:100;transition:none;opacity:1}.am-modal-dialog .am-modal-hd .am-close i{display:inline-block}.am-modal-dialog .am-modal-hd .am-close .icon-contact_close{display:none}.am-modal-dialog .am-modal-bd{text-align:left;border:none;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:10px 30px}.am-modal-dialog .am-modal-bd p{line-height:25px;font-size:14px}.am-modal-dialog .am-modal-bd p span{display:block}.am-modal-dialog .am-modal-bd p span 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}.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}.porBox{margin:0 auto;width:100%}.am-gallery-overlay .am-gallery-item{height:auto;width:100%}.exhBox,.porBox,.pubBox{margin:0 auto;width:100%}.am-gallery-overlay .am-gallery-title{height:auto;text-align:center;font-size:16px;word-break:break-all;white-space:normal;line-height:25px;color:#d4d4d4;letter-spacing:2px;position:relative;opacity:1;padding:10px}.imgIntro{padding:15px;height:auto}.imgIntro h3{font-size:16px;color:#f6f6f6;text-align:center;margin:0 auto 10px}.imgIntro p{font-size:13px;color:#d4d4d4;text-indent:28px}.item{display:none}.am-slider .portfolioSiles img{width:100%;height:auto}}.am-dimmer{background-color:rgba(0,0,0,.6)}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}.slick-lazyload-error,.slick-loading{height:0!important;background:0 0}.am-gotop-fixed .am-gotop-icon{display:block;height:32px}[class*=am-icon-]:before{margin-top:4px}
\ No newline at end of file
dist/html/biography.html
......@@ -52,7 +52,8 @@
</style>
</head>
<body>
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -69,12 +70,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......@@ -148,7 +155,6 @@
</div>
<div class="cd-timeline-content bg-timeline-content">
<span class="cd-date">2015</span>
<p>《失落园》系列的重要作品，参加巴塞罗那国际当代艺术博览会（SWAB）</p>
<ul>
<li>
<h2>2016年5-10月工作情况</h2>
......
dist/html/exhibition.html
......@@ -48,7 +48,8 @@
</head>
<body>
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -65,12 +66,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......
dist/html/news.html
......@@ -51,7 +51,8 @@
</style>
</head>
<body>
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -68,12 +69,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......
dist/html/portfolio.html
......@@ -55,7 +55,8 @@
</style>
</head>
<body>
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -72,12 +73,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......
dist/html/publications.html
......@@ -56,7 +56,8 @@
</style>
</head>
<body>
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -73,12 +74,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......
dist/js/navRoll.js
......@@ -3,8 +3,8 @@ function tarRoll(){
var $el, leftPos, newWidth;
var $magicLine = $("#magic-line");
var lineWidth=parseInt($(".current_page_item").width()*0.6);
var lineLeft=parseFloat($(".current_page_item a").position().left + $(".current_page_item").width()*0.14);
var lineWidth=parseInt($(".current_page_item").width()*0.5);
var lineLeft=parseFloat($(".current_page_item a").position().left + $(".current_page_item").width()*0.17);
$magicLine
.width(lineWidth)
.css("left", lineLeft)
......@@ -13,8 +13,8 @@ function tarRoll(){
$("#example-one li").find("a").hover(function() {
$el = $(this);
leftPos = parseFloat($el.position().left + $el.parent().width()*0.14);
newWidth = parseInt($el.parent().width()*0.6);
leftPos = parseFloat($el.position().left + $el.parent().width()*0.17);
newWidth = parseInt($el.parent().width()*0.5);
$magicLine.stop().animate({
left: leftPos,
......
dist/js/navRoll.min.js
function tarRoll(){var $el,leftPos,newWidth;var $magicLine=$("#magic-line");var lineWidth=parseInt($(".current_page_item").width()*0.6);var lineLeft=parseFloat($(".current_page_item a").position().left+$(".current_page_item").width()*0.14);$magicLine.width(lineWidth).css("left",lineLeft).data("origLeft",$magicLine.position().left).data("origWidth",$magicLine.width());$("#example-one li").find("a").hover(function(){$el=$(this);leftPos=parseFloat($el.position().left+$el.parent().width()*0.14);newWidth=parseInt($el.parent().width()*0.6);$magicLine.stop().animate({left:leftPos,width:newWidth})},function(){$magicLine.stop().animate({left:$magicLine.data("origLeft"),width:$magicLine.data("origWidth")})})}var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;$(function(){$("#example-one").append("<li id='magic-line'></li>");tarRoll()});$(window).resize(function(){if(winWidth>414){tarRoll()}});
\ No newline at end of file
function tarRoll(){var $el,leftPos,newWidth;var $magicLine=$("#magic-line");var lineWidth=parseInt($(".current_page_item").width()*0.5);var lineLeft=parseFloat($(".current_page_item a").position().left+$(".current_page_item").width()*0.17);$magicLine.width(lineWidth).css("left",lineLeft).data("origLeft",$magicLine.position().left).data("origWidth",$magicLine.width());$("#example-one li").find("a").hover(function(){$el=$(this);leftPos=parseFloat($el.position().left+$el.parent().width()*0.17);newWidth=parseInt($el.parent().width()*0.5);$magicLine.stop().animate({left:leftPos,width:newWidth})},function(){$magicLine.stop().animate({left:$magicLine.data("origLeft"),width:$magicLine.data("origWidth")})})}var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;$(function(){$("#example-one").append("<li id='magic-line'></li>");tarRoll()});$(window).resize(function(){if(winWidth>414){tarRoll()}});
\ No newline at end of file
dist/js/public.js
......@@ -88,7 +88,7 @@ $(window).resize(function() {
if(winWidth>414){
newsHeight("#news",1);
autoWidth('.exhBox',1.358,3);
autoWidth('.exhBox',1.32,3);
autoWidth('.porBox',0.665,4);
autoWidth('.pubBox',1,5);
}
......
src/less/style.less
......@@ -139,6 +139,12 @@ body{
-o-object-fit: cover;
object-fit: cover;
}
.exhBox{
.am-gallery-overlay .am-gallery-item img{
-o-object-fit: initial;
object-fit:initial;
}
}
.am-gallery-overlay .am-gallery-title{
height: 100%;
text-align: center;
......@@ -334,10 +340,8 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
h2{
color: #b2b2b2;
line-height: 50px;
line-height: 30px;
font-size: 14px;
background: url(../images/dot.png) bottom left repeat-x;
margin-bottom: 16px;
}
p{
font-size: 14px;
......@@ -446,19 +450,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.topbar-nav>li>a:after {
display: none;
}
.topbar-nav>.current_page_item>a:after {
width: 86%;
position: absolute;
left:7%;
margin-left: 0;
bottom: -3px;
content: "";
display: inline-block;
height: 0;
vertical-align: middle;
border-bottom: 1px solid #d4d4d4;
opacity: 0;
}
.topbar-nav>li.current_page_item>a {
border-radius: 0;
color: #d4d4d4;
......@@ -475,12 +466,6 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
border-radius: 50%;
background-color: #666;
}
.topbar-nav > .current_page_item> a:after {
bottom: -3px;
}
.topbar-nav>li.current_page_item>a:after{
border-bottom-color: #d4d4d4;
}
#exhibitionsUl{
margin: 2% 20%;
}
......@@ -494,7 +479,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
left:0;
width:100px;
height:1px;
background:#d4d4d4
background:#858484
}
.topbar-nav > li > a {
color: #8a8a8a;
......@@ -634,7 +619,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
padding-left:30px;
padding-left:20px;
margin-top: 8px;
font-style: italic;
}
......@@ -847,7 +832,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
p{
padding: 35px;
line-height: 26px;
font-size: 14px;
font-size: 12px;
text-align: left;
margin: 0px 0px 15px 0px;
overflow: hidden;
......@@ -1088,6 +1073,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.blog .brief p {
padding: 30px;
line-height: 24px;
font-size: 12px;
}
.blog .brief .moreBtn {
bottom: 10px;
......@@ -1194,7 +1180,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
p{
padding: 28px;
line-height: 23px;
font-size: 13px;
font-size: 12px;
text-indent: 30px;
}
.moreBtn{
......@@ -1301,6 +1287,36 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
/*移动端媒体样式*/
@media only screen and (max-width: 640px){
.bg-timeline-content{
li{
margin-bottom: 15px;
}
h2{
font-size: 12px;
}
p{
font-size: 12px;
line-height: 24px;
color: #909090;
margin-bottom: 10px;
text-indent: 24px;
letter-spacing: 0px;
}
.shotList{
margin: 10px 20px;
li{
font-size: 12px;
line-height: 24px;
margin: 0px;
color: #909090;
list-style-type: disc;
}
}
}
.am-gallery-overlay .am-gallery-title h3{
font-size: 12px;
line-height: 20px;
}
.cd-timeline-content img{
width: 80%;
height: auto;
......@@ -1308,7 +1324,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
object-fit: cover;
}
.am-gallery-overlay>li{
margin-bottom: 20px;
margin-bottom: 15px;
}
.sileTop{
margin-top: 200px;
......@@ -1432,15 +1448,15 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin-bottom: 20px;
h2{
color: #d4d4d4;
font-size: 16px;
line-height: 35px;
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
margin-bottom: 10px;
}
p{
color: #8a8a8a;
line-height: 25px;
font-size: 14px;
line-height: 22px;
font-size: 12px;
text-align: left;
text-indent: 28px;
img{
......@@ -1464,13 +1480,13 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.publicationsIntro{
text-align: center;
h3{
font-size: 16px;
font-size: 12px;
color: #d4d4d4;
height: 25px;
height: 20px;
overflow: hidden;
word-spacing: normal;
text-overflow: ellipsis;
line-height: 25px;
line-height: 20px;
margin-top: 10px;
}
p{
......@@ -1659,7 +1675,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
width: 100%;
margin: 0 auto;
h2{
font-size: 16px;
font-size: 14px;
text-align: center;
line-height: 30px;
margin: 15px auto 5px;
......@@ -1688,7 +1704,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
float: none;
p{
line-height: 25px;
font-size: 14px;
font-size: 12px;
text-align: left;
padding: 15px 15px 0px 15px;
text-indent: 28px;
......@@ -1700,12 +1716,12 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
background: #a6a6a6;
color: #f6f6f6;
border-radius: 4px;
font-size: 13px;
font-size: 12px;
float: right;
margin: 5px 20px 10px;
height: 30px;
line-height: 30px;
width: 72px;
height: 28px;
line-height: 28px;
width: 68px;
text-align: center;
}
}
......
src/pages/biography.ejs
......@@ -58,7 +58,6 @@
</div>
<div class="cd-timeline-content bg-timeline-content">
<span class="cd-date">2015</span>
<p>《失落园》系列的重要作品，参加巴塞罗那国际当代艺术博览会（SWAB）</p>
<ul>
<li>
<h2>2016年5-10月工作情况</h2>
......
src/pages/components/header.html
<script type="text/javascript" src="../js/navRoll.min.js"></script>
<!--<script type="text/javascript" src="../js/navRoll.min.js"></script>-->
<script type="text/javascript" src="../js/navRoll.js"></script>
<!--header-->
<header class="am-topbar am-topbar-fixed-top wos-header blackBg header boxShadow">
<div class="am-container">
......@@ -15,12 +16,18 @@
<div class="am-collapse am-topbar-collapse nav-wrap" id="collapse-head">
<div class="language"><a href="#">中文</a> | <a href="#">English</a></div>
<ul class="am-nav-pills topbar-nav right" id="example-one">
<li class=""><a href="./portfolio.html">Portfolio</a></li>
<!-- <li class=""><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./exhibition.html">Exhibition</a></li>
<li><a href="./publications.html">Publications</a></li>
<li><a href="./news.html">News</a></li>
<li><a href="./biography.html">Biography</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">Contact</a></li>-->
<li class=""><a href="./portfolio.html">作品</a></li>
<li><a href="./exhibition.html">展览</a></li>
<li><a href="./publications.html">出版</a></li>
<li><a href="./news.html">新闻</a></li>
<li><a href="./biography.html">简历</a></li>
<li onclick="n=$('.am-active').index();$(this).addClass('am-active').siblings().removeClass('am-active');" id="contact"><a data-am-modal="{target: '#contact-modal'}">联系我们</a></li>
</ul>
<input type="hidden" id="dataModal"/>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment