/*effect*/


/*hover effect */

a,
.backtop li a img,
.more1:hover,
.more_icon img,
.index_icon img,
.ipro .imgshow img,
.isol .imgshow img ,
.case_box li .imgshow img ,
.in_showbox .tabname li:hover h5 ,
.download .list .icon_down img ,
.red ,
.blue {
    transition: ease-in all .35s;
    -moz-transition: ease-in all .35s;
    -ms-transition: ease-in all .35s;
    -o-transition: ease-in all .35s;
    -webkit-transition: ease-in all .35s;
}

.ipro li:hover,
.isol li:hover ,
.case_box li:hover {
    box-shadow: 5px 5px 10px #d7d7d7;
    -moz-box-shadow: 5px 5px 10px #d7d7d7;
    -o-box-shadow: 5px 5px 10px #d7d7d7;
    -ms-box-shadow: 5px 5px 10px #d7d7d7;
    -webkit-box-shadow: 5px 5px 10px #d7d7d7;
}


/* hover img scale */

.ipro li:hover .imgshow img,
.isol li:hover .imgshow img ,
.case_box li:hover .imgshow img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}


/* hover img rotate */

.more1:hover .more_icon img ,
.close_btn:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}


/*animation*/

@-webkit-keyframes mymove {
    0%,
    100%,
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25%,
    75% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@keyframes mymove {
    0%,
    100%,
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25%,
    75% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}


/* loading animation*/

.spinner {
    margin: 0 auto;
    width: 150px;
    text-align: center;
}

.spinner > div {
    width: 5px;
    height: 5px;
    background-color: #999999;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}