a:hover {
    text-decoration: none;
}
*{
    padding: 0;
    margin: 0;
}
p{
    text-align: justify;
}
@keyframes downUp {
    0% {
        margin-top: 5px
    }
    25% {
        margin-top: -5px
    }
    50% {
        margin-top: 5px
    }
    75% {
        margin-top: -5px
    }
    100% {
        margin-top: 5px
    }
}
@keyframes leftRight {
    0% {
        margin-right: 5px
    }

    25% {
        margin-right: -5px
    }
    50% {
        margin-right: 5px
    }
    75% {
        margin-right: -5px
    }
    100% {
        margin-right: 5px
    }
}
@keyframes wobble-horizontal-hover {
    16.65% {
        transform: translateX(5px)
    }

    33.3% {
        transform: translateX(-3px)
    }

    49.95% {
        transform: translateX(4px)
    }

    66.6% {
        transform: translateX(-2px)
    }

    83.25% {
        transform: translateX(1px)
    }

    100% {
        transform: translateX(0)
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0.5;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
.image {
    overflow: hidden;
    cursor: pointer;

}

/* 旋转 */
.rotate-image {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.rotate-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rotate-image:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(255, 255, 255, .30);
    -webkit-transform: scaleX(0) scaleY(0.5);
    -ms-transform: scaleX(0) scaleY(0.5);
    transform: scaleX(0) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.rotate-image:hover:before {
    -webkit-transform: scaleX(2) scaleY(2.0);
    -ms-transform: scaleX(2) scaleY(2.0);
    transform: scaleX(2) scaleY(2.0);
    opacity: 0;
}

* {
    margin: 0;
    padding: 0
}

p {
    margin: 0;
    padding: 0
}

.image {
    display: inline-block;
    vertical-align: top;
}

.image img {
    width: 100%;
    height: 100%;
    transition: .5s all ease-in-out;
    object-fit: cover;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
}

.image img:hover {
    transform: scale(1.05) rotate(0deg);
}
@media (min-width: 1200px) {
   

    .change {
        height: 50px;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .change .container {
        align-items: self-start;
    }

    .change .navbar-brand {
        padding: 0;
        margin: 0;
    }

    .change .navbar-brand > img {
        /*height: 40px;*/
    }

    .change.mu-header .navbar-nav .nav-item .nav-link {
        height: 40px;
        line-height: 40px;
    }

    .mu-header.change .navbar-phone {
        height: 40px;
        margin-top: 10px;
    }

    .change.mu-header .navbar-menu {
        align-items: self-start;
    }

    .change.mu-header .navbar-brand img{
        width: 146px;
    }
    .change.mu-header .navbar-search .navbar-search-button{
        height: 40px;
        margin-top: 2px;
        line-height: 40px;
    }
}