@keyframes textShow{
    0%{
        margin-top: -100px;
        opacity: 0;
    }
    100%{
        margin-top: 0;
        opacity: 1;
    }
}
@keyframes btmtxt{
    0%{

        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.bottom-txt span:nth-child(1){animation:btmtxt 3s forwards;animation-delay: 2s;}
.bottom-txt span:nth-child(2){animation:btmtxt 3s forwards;animation-delay: 3s;}
.bottom-txt span:nth-child(3){animation:btmtxt 3s forwards;animation-delay: 4s;}
.bottom-txt span:nth-child(4){animation:btmtxt 3s forwards;animation-delay: 5s;}
.bottom-txt span:nth-child(5){animation:btmtxt 3s forwards;animation-delay: 6s;}
.bottom-txt span:nth-child(6){animation:btmtxt 3s forwards;animation-delay: 7s;}
.bottom-txt{
    position: absolute;
    left:43.3%;
    top:75%;
    transform: translate(-50%,-50%);
}
.bannerTxt{
    position: absolute;
    left:40%;
    top:55%;
    transform: translate(-50%,-50%);
    z-index: 99;
    animation:textShow 3s forwards;
}
.bottom-txt span{
    margin-left: 80px;
    opacity: 0;
    font-family: IDONTKNOW;
}

.support-line{
    width:1200px;
    height:1px;
    background:rgba(0,0,0,1);
    opacity:0.2;
    margin: 30px auto;
}
.item-1-bg{
    background-image: url(/static/img/blue.png);
    background-repeat: no-repeat;
    background-size:auto;
    background-position-x: -50%;
    background-position-y: -300px;
}
.item-2-bg{
    background-image: url(/static/img/yellow.png);
    background-repeat: no-repeat;
    background-size:auto;
    background-position: right;
    background-position-x: 160%;
    background-position-y: 0; 
}
.item-2-bg-2{
    width:100%;
    height:100%;
    position: absolute;
    background-image: url(/static/img/green.png);
    background-repeat: no-repeat;
    background-size:auto;
    background-position: right;
    background-position-x: -60%;
    background-position-y: 70%; 
}
.item-1{
    width:1200px;
    height:max-content;
    margin:auto
}

.items-1{
    width:390px;
    max-width: 390px;
    height: 470px;
    box-shadow: 1px 1px 10px #ccc;
    border-radius: 10px;
    margin: auto;
    /* margin-left:2%; */
}


.items-1-img-content{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: white;
    z-index: 9;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.5);
}
.items-1-img{
    width: 100%;
    height: 300px;
    position: relative;
}
.items-1-img img{
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.items-1-txt{
    width: 100%;
    height: 170px;
    display: flex;
    flex-flow: wrap;
    padding:0 15px;
    box-sizing: border-box;
    text-align: center;
}
.items-1-txt p{
    margin: auto;
}
.item-2{
    width: 100%;
    background: white;
    box-sizing: border-box;
    padding: 30px;
}
.items-2{
    width: 100%;
    height: 400px;
    /* border: solid 1px #ccc; */
    box-sizing: border-box;

}
.items-2-img{
    width:50%;
    height: 320px;
    border: solid 1px #aaa;
    border-radius: 10px;
    box-sizing: border-box;
}
.items-2-txt{
    width:50%;
    height:350px;
    padding-left:50px;
    box-sizing: border-box;
}
.items-2-txt p{
    text-align: justify;
    line-height: 1.7;
}
.items-2-txt p:nth-child(1){text-align: right;}
.items-2-txt p:nth-child(2){
    margin:10px 0
}
.items-2-img img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-sizing: border-box;
}
.items-2-imgs{
    width: 100%;
    height: 200px;
    padding: 0 15px;
    box-sizing: border-box;
    
}
.items-2-imgs img{
    width: 48%;
    height: 100%;
}
.swiper-container{width:1200px;height:600px}
.swiper-slide{
    text-align: center;
    font-size: 18px;
    margin: auto;
    background: none !important;
    height:max-content !important;
    border-radius: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}