.content-container{width:1100px}
.case-sort{position:relative;z-index:1;margin-top:35px;margin-bottom:20px;width:1100px}
.case-sort ul{margin:auto;padding-bottom:20px;width:1100px}
.case-sort li{float:left;margin-right:20px;width:100px;height:38px}
.case-sort li a.sort-on{display:block;margin-bottom:4px;height:38px;border:1px solid #0382db;background-color:#0382db;border-radius:4px;color:#fff;text-align:center;font-size:14px;line-height:38px}
#case-list{margin:auto;width:1100px}
#case-list li{position:relative;float:left;overflow:hidden;margin-top:30px;width:350px;height:318px;text-align:center}
#case-list li h3{width:350px;height:38px}
#case-list li h3 p{position:absolute;top:280px;left:0;z-index:12;width:350px;height:38px;background:url(../image/case-li-p-background.png) #fff;color:#424242;font-size:14px;line-height:38px;cursor:pointer}
.box-hover{position:absolute;top:280px;left:0;z-index:11;width:350px;height:318px;cursor:pointer}
.case-page{float:left;padding-top:20px;padding-bottom:20px;width:1100px}
.case-detail{float:left;margin-top:38px;width:800px}
.case-detail .case-detail-content{overflow:hidden;color:#424242;font-size:14px;line-height:30px}
.case-detail .case-detail-content img{display:block;overflow:hidden;margin-top:-10px;padding:0;vertical-align:top;font-size:0}
.case-side{float:right;width:270px;background-color:#ededed}
.case-side h2{margin-top:18px;height:50px;color:#424242;font-size:16px;line-height:50px}
.case-side h2 a{float:right;padding-left:12px;background:url(../image/news-side-more-background.png) no-repeat left center;color:#797979;font-size:12px}
.case-side{float:right;margin-top:38px;width:270px;background:#ededed}
.case-side .case-logo{padding-top:30px;padding-bottom:30px;width:270px}
.case-side .case-logo img{display:block;margin:0 auto;height:auto;max-width:250px}
.case-side .case-title{display:block;height:40px;border-bottom:1px solid #dadada;color:#424242;text-align:center;font-weight:400;font-size:14px;line-height:40px}
.case-side .case-description{margin:0 auto;padding-top:20px;padding-bottom:38px;width:200px;color:#797979;text-indent:2em;font-size:13px;line-height:24px}
.case-side .case-related{padding-bottom:15px;text-align:center}
.case-side .case-related span{margin-right:32px;color:#d0d3d7;font-size:13px}
.case-side .case-related span.case-related-time{padding-left:25px;background:url(../image/news-related-time.gif) no-repeat left center}
.case-side .case-related span.case-related-viewtotal{padding-left:25px;background:url(../image/news-related-viewtotal.gif) no-repeat left center}
.case-side .case-url{margin-top:15px;margin-left:55px;padding-bottom:40px}
.case-side .case-url a{display:block;padding-left:14px;width:145px;height:38px;background:url(../image/case-url-background.png) no-repeat left top;color:#FF8D34;text-decoration:none;font-size:15px;line-height:38px}

a.hvr-rectangle-out{position:relative;display:block;margin-bottom:4px;height:38px;border:1px solid #dadada;border-radius:4px;background:#fff;box-shadow:0 0 1px transparent;color:#424242;text-align:center;font-size:14px;line-height:38px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color;transition-property:color;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
a.hvr-rectangle-out:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0382db;content:"";-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:scale(0);transform:scale(0)}
a.hvr-rectangle-out:active,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:hover{border:1px solid #0382db;color:#fff}
a.hvr-rectangle-out:active:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}