﻿@charset "utf-8";

/*头图begin*/
.lh_xct{
    position: relative;
}
.lh_xct,
.swiper-slide {
    width: 100%;
    height: 900px;
    overflow: hidden;
}
#banner {
    width: 100%;
    height: 900px;
    overflow: hidden;
    position: relative;
}

.swiper-container {
    width: 1920px;
    height: 900px;
}

.effect1 img {
    transform: scale(1.25, 1.25) translate(10%, 10%);
    transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    /*tr     =    (sc-1)/2sc*100%              */
    /* --1.25       0.25/2.5*100%=10%          */
}

.leftUp img {
    -webkit-animation-name: leftUp;
    animation-name: leftUp;
}

@-webkit-keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}

@keyframes leftUp {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, 4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, -4.545%);
    }
}

.moveRight img {
    -webkit-animation-name: moveRight;
    animation-name: moveRight;
}

@-webkit-keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0);
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0);
    }
}

@keyframes moveRight {
    0% {
        transform: scale(1.1, 1.1) translate(-4.545%, 0);
    }

    100% {
        transform: scale(1.1, 1.1) translate(4.545%, 0);
    }
}

.moveDown img {
    -webkit-animation-name: moveDown;
    animation-name: moveDown;
}

@-webkit-keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, -4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, 4.545%);
    }
}

@keyframes moveDown {
    0% {
        transform: scale(1.1, 1.1) translate(4.545%, -4.545%);
    }

    100% {
        transform: scale(1.1, 1.1) translate(-4.545%, 4.545%);
    }
}

.centerBig img {
    -webkit-animation-name: centerBig;
    animation-name: centerBig;
}

@-webkit-keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1);
    }
}

@keyframes centerBig {
    100% {
        transform: scale(1.1, 1.1);
    }
}

.rightDownBig img {
    -webkit-animation-name: rightDownBig;
    animation-name: rightDownBig;
}

@-webkit-keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%);
    }
}

@keyframes rightDownBig {
    100% {
        transform: scale(1.1, 1.1) translate(4%, 4%);
    }
}

.swiper-slide img {
    width: 100%;
    height: 900px;
    overflow: hidden;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards; 
}
@media screen and (max-width:1000px){
    .lh_xct{
        display:none;
    }
}
/*头图end*/