.projectlist{font-size: 0;margin: 0 -20px}
.projectlist li{font-size: 16px;display: inline-block;vertical-align: top;width: 25%;padding: 0 20px;margin-bottom: 55px}
.projectbox{display: block;color: #3a3a3a;}
.projectxt{background: #fff;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.18);margin: -65px auto 0;position: relative;max-width:260px;}
.projectop{padding:20px 0;border-bottom: 4px double #d7d7d7;}
.projectxt p{font-size: 18px;line-height: 23px;}
.projectit{font-weight: 600;font-size: 20px;line-height:18px;margin-bottom: 5px; text-align: center;}
.viewmore{font-size: 16px;padding: 15px 34px;line-height: 100%;text-align: center;}
.viewmore i{color: #686868;margin-left: 5px;font-size: 10px;}
.projectxt,.projectit,.projectxt p{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.projectbox:hover .projectxt{background: #142c75;}
.projectbox:hover .projectxt p,.projectbox:hover .projectit,.projectbox:hover .viewmore,.projectbox:hover .viewmore i{color: #fff}
.projectimg{ text-align: center; }