.projectList .Txt .title a{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.projectInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px}.projectInfoBox .classTitle,.projectInfoBox .dateBox{padding:5px 0}.projectInfoBox .dateBox .date{line-height:1}.projectInfoBox .classTitle{font-size:14px;line-height:1;letter-spacing:0.5px;padding:5px 10px}.projectList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}.projectList .projectItem{width:33.3333333333%;padding:0 15px 30px;-webkit-perspective:800px;perspective:800px}@media (max-width:1180px){.projectList .projectItem{width:50%}}@media (max-width:480px){.projectList .projectItem{padding:0 10px}}.projectList .item{padding:20px 0px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}@media (min-width:1181px){.projectList .item:hover .Img{-webkit-transform:rotateY(5deg) translateZ(-10px) rotateX(5deg);transform:rotateY(5deg) translateZ(-10px) rotateX(5deg);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4)}.projectList .item:hover .Txt .title a{color:#dca545}}.projectList .Img{width:100%;-webkit-transform:rotateX(0) translateX(0px);transform:rotateX(0) translateX(0px);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;max-width:300px}.projectList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.projectList .Txt{padding:15px 0;overflow:hidden}.projectList .Txt .title a{display:block;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectList .Txt .title a:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:5}@media (max-width:1180px){.projectList .Txt .title a{font-size:22px}}@media (max-width:480px){.projectList .Txt .title a{font-size:16px}}.projectList .Txt .text{height:60px;color:#8B8B8B;font-size:16px;padding-top:10px}@media (max-width:1180px){.projectList .Txt .text{font-size:15px}}.shareBox{float:right}.shareBox .btn-fb{display:inline-block;vertical-align:middle;margin-right:5px}.shareBox .back{display:inline-block;vertical-align:middle;padding:3px 5px;border-radius:3px;font-size:12px;color:#fff;background:rgb(174,66,51);background:-webkit-gradient(linear,left top,left bottom,from(rgb(174,66,51)),to(rgb(196,76,76)));background:linear-gradient(to bottom,rgb(174,66,51) 0%,rgb(196,76,76) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae4233",endColorstr="#c44c4c",GradientType=0);cursor:pointer}@media (min-width:1181px){.shareBox .back:hover{background:#398cb1}}.introBox{margin-top:30px}.introBox .Txt{font-size:16px;letter-spacing:0.08px;color:#5b5b5b;line-height:1.6875}.albumBox{margin-top:60px}@media (max-width:768px){.albumBox{margin-top:30px}}