@media (max-width: 768px) {
    @-webkit-keyframes moveit {
        from {right: -30%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -30%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .case-box .case-img-box .case-img-text {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    @-webkit-keyframes moveit {
        from {right: -50%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -50%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
}
@media (min-width: 992px) {
    @-webkit-keyframes moveit {
        from {right: -60%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -60%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
}
@media (min-width: 1200px) {
    @-webkit-keyframes moveit {
        from {right: -80%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
 
    /* Standard syntax */
    @keyframes moveit {
        from {right: -80%;opacity: 0;}
        to {right: 0;opacity: 1;}
    }
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}

}
.case-list { margin-top: 90px; }
.case-box { background:url('../images/case-background.png') repeat fixed ; background-size: cover; background-position: center center;  padding: 90px 0 50px;}
.case-box .case-content { margin-bottom: 40px; }
.case-box .case-box-title { text-align: center; font-size: 58px; color: #fff; margin-bottom: 40px;}
.case-box .case-img-box { margin-bottom: 20px; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer;}
.case-box .case-img-box img{ display: block; width: 100%; height: auto; }
.case-box .case-img-box .case-img-text {position: absolute; bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.45); color: #fff; padding: 10px 0;}

.bottom-content { padding-top: 40px; padding-bottom: 10px; }
.bottom-content ul { color: #b2b2b2; }
.bottom-content ul li{ font-size: 14px; margin-bottom: 30px; }
.bottom-content ul .buttom-title{ color: #fff; font-size: 16px; }
.bottom-box { text-align: center; font-size: 14px; color: #666666; padding-bottom: 10px;}
.bottom-box .bottom-buttom-text { margin-bottom: 12px; }
.bottom-box .bottom-buttom-text a{ color: #666666; text-decoration:none;}