@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes slideInLeft-50{0%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes slideInLeft-50{0%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(100%,0);transform:translate(100%,0)}}@-webkit-keyframes slideOutRight-50{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}}@keyframes slideOutRight-50{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(50%,0);transform:translate(50%,0)}}.main{position:relative}.cover img{width:100%}.side-menu a{display:block}.side-menu .active>a,.side-menu h2>a{color:#fff}.side-menu h2{height:46px;line-height:46px;font-size:24px;background:#266f9c}.side-menu h2 a{padding-left:20px}.side-menu h3{height:36px;line-height:36px;margin:2px 0;font-size:16px}.side-menu h3 a{padding-left:26px}.side-menu h3.active,.side-menu h3:hover{background-color:#259cc8}.side-menu h3.active a,.side-menu h3:hover a{color:#fff}.content>h2{font-size:18px;color:#266f9c;padding:10px 0;border-bottom:1px solid #ccc}.content>.body{line-height:26px}.body.article-content img{max-width:100%}.body .article-list li{padding:10px 0;overflow:hidden;border-bottom:1px dotted #ccc}.body .article-list li a{color:#333}.body .article-list li .date{float:right}.body .case-list .item{cursor:pointer;position:relative;margin:4px -10px;overflow:hidden;height:300px}.body .case-list .item .cover{position:absolute;top:-100%;bottom:-100%;left:-100%;right:-100%;margin:auto;height:100%;min-width:100%}.body .case-list .item .hover,.body .case-list .item .small-title{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 20px;font-size:14px;color:#fff;background-color:rgba(51,173,214,.8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cc33add6', endColorstr='#cc33add6');display:none;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.body .case-list .item .hover>h3,.body .case-list .item .small-title>h3{font-size:16px}.body .case-list .item .small-title{width:100%;height:auto;margin:0;padding:10px 20px;top:auto;bottom:0}.body .case-list .item:hover .hover{display:block;-webkit-animation-name:fadeIn;animation-name:fadeIn}