﻿.indexLb {
    width: 100%;
    overflow: hidden;
}

    .indexLb img {
        display: block;
        width: 100%;
    }

.indexGy_wai {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.indexGy_wai_img {
    width: 100%;
}

.indexGy {
    position: absolute;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    top: 39%;
    left: 0px;
    text-align: center;
    color: #fff;
}

.indexGyl {
    width: 37%;
    vertical-align: top;
}

.indexGyl_con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    line-height: 44px;
    font-size: 18px;
}

.indexGym {
    width: 26%;
    padding-top: 6%;
}

    .indexGym img {
        width: 100%;
        max-width: 460px;
        animation: xuanzuan 3s linear infinite;
    }

@keyframes xuanzuan {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.indexA_hui, .indexA_hei {
    display: block;
    width: 193px;
    height: 48px;
    line-height: 48px;
    border: 1px #fff solid;
    font-size: 20px;
    color: #fff;
    margin: 0 auto;
}

    .indexA_hui:hover {
        color: #fff;
    }

.indexA_hei {
    border: 1px #000 solid;
    color: #000;
}

    .indexA_hei:hover {
        color: #000;
    }

.img_aircraft {
    position: absolute;
    z-index: 1;
    width: 5%;
    top: 42%;
    right: -100px;
}

.index_yzbt {
    width: 100%;
    overflow: hidden;
    margin-top: 150px;
    text-align: center;
}

    .index_yzbt img {
        width: 100%;
    }

.index_bt, .index_con {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    font-size: 45px;
    margin-top: 150px;
}

.index_con {
    font-size: 26px;
    line-height: 36px;
    color: #727272;
    margin-top: 20px;
}


.index_ysxj {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 80px;
}

    .index_ysxj img {
        float: left;
        width: 30%;
        margin-left: 2.5%;
    }

.index_div, .index_shop {
    width: 100%;
    overflow: hidden;
    margin-top: 150px;
}

    .index_div img {
        width: 100%;
    }

.index_shop {
    position: relative;
}

.imgFd {
    position: absolute;
    top: 0px;
    left: 0px;
    max-height: 108px;
}


.index_shopBot {
    width: 85%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 100px;
}

.index_shopList {
    float: left;
    width: 30%;
    overflow: hidden;
    margin-left: 2.5%;
    text-align: center;
}

    .index_shopList img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .index_shopList li {
        width: 100%;
        font-size: 22px;
        color: #727272;
    }

.index_botDiv {
    width:100%;
    overflow:hidden;
    background:url(../img/bj/index2021/bj.jpg);
    background-repeat:repeat;
    background-size:450px auto;
    padding-bottom:50px;
}

.index_bot {
    width: 1360px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 150px;
}

.index_botBt {
    width: 415px;
    overflow: hidden;
    font-size: 20px;
    color: #727272;
    text-align: center;
    margin-top: 20px;
}

.index_botL {
    float: left;
    width: 440px;
    overflow: hidden;
    padding-bottom: 20px;
}

.index_botImg {
    position: relative;
    width: 415px;
    height: 220px;
    overflow: hidden;
    box-shadow: 8px 8px 10px 0px #666666;
}

    .index_botImg img {
        position: absolute;
        width: 100%;
        margin: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        animation: imgSmall 0.4s linear forwards;
    }

        .index_botImg img:hover {
            animation: imgBig 0.4s linear forwards;
        }

.index_botM {
    float: left;
    width: 350px;
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0px 70px 0px 60px;
}

@keyframes imgBig {
    0% {
        width: 100%;
    }

    100% {
        width: 105%;
    }
}

@keyframes imgSmall {
    0% {
        width: 105%;
    }

    100% {
        width: 100%;
    }
}