ul,li{ padding: 0;}
.fs36{ font-size: 36px;}
.mt70{ margin-top: 70px!important;}
.mt60{ margin-top: 60px!important;}
.w1200{ width: 1200px; margin: 0 auto;}
.flex-wrap{ flex-wrap: wrap;}
.s-tit{ text-indent: -9999px; background: url(images/s-tit.png) no-repeat center top; height: 34px; margin-bottom: 40px;}
.banner{ width: 100%; height: 650px; background: url(images/0-banner.jpg) no-repeat center top;}
.c-container .b-tit{ font-size: 72px; color: #333333; text-align: center; }
.div{ padding: 115px 0 100px 0 ; }
.div-1{ background: url(images/1-bg.jpg) no-repeat center top; }
.div-1 .btn-1{position: absolute; bottom: 20px; left: 0; width: 100%;text-align: center;}
.div-1 .btn-1 img{ animation: bigger 2.5s infinite ease-in-out;}
@keyframes bigger{
    0%{ transform: scale(1); }
    10%{ transform: scale(1.2); }
    20%{ transform: scale(1); }
    30%{ transform: scale(1.2); }
    50%{ transform: scale(1); }
}
.div-1 .left{ width: 570px;}
.div-1 .form{ background: url(images/1-img-3.jpg) no-repeat center top/100% 100%; padding: 50px 80px 50px 80px; border-radius: 20px; border:1px solid #ff0808}
.div-1 .form h3{ background: url(images/1-3-txt.png) no-repeat center top; width: 100%; height: 47px; margin-bottom: 30px; text-indent: -9999px;}
.div-1 .item{ background: #e9e9e9; box-shadow: 0 5px 10px rgba(0,0,0,0.6); height: 60px; border-radius: 30px; font-size: 22px; overflow: hidden; margin-bottom: 10px;}
.div-1 .item label{ background: #000000; color: #fff; line-height: 60px; padding: 0 20px; white-space: nowrap;}
.div-1 .item  .input{ border:none; background: none; line-height: 60px; font-size: 22px; padding-left:20px; width: 100%;}
.div-1 .item ._mobile{ width:183px;}
.div-1 .item input[name='code']{ width: 120px; margin-right: 100px;}
.div-1 .item .l{  display: block; height: 24px; width: 1px; position: absolute; right: 225px; top: 18px; background: #a6a6a6;}
.div-1 .show-code{position: absolute; right:0; top: 0; line-height: 60px; background: #a90303; color: #fff; padding: 0 10px; cursor: pointer;}
.div-1 .right{ width: 440px; margin-left: 50px;}
.div-1 .thead{ background: #6f0303; height: 60px; line-height: 60px; border-radius: 30px;font-size: 20px; color: #fff;  }
.div-1 .thead span{ white-space: nowrap; }
.div-1 .thead span:nth-child(2){ margin: 0 40px;}
.div-1 .tbody{ color: #fff; font-size: 20px; height: 228px; overflow: hidden;}
.div-1 .tbody li{ height: 38px; line-height: 38px; text-align: center; display: flex; justify-content:center }
.div-1 .tbody li span{ white-space: nowrap; min-width: 80px;}
.div-1 .tbody li span:nth-child(2){ margin: 0 45px;}

.div-2{ background: url(images/2-bg.jpg) no-repeat center top/auto 100%; padding:90px 0 60px 0;}
.div-2 .swiper-2{ width: 90%; margin:0 auto; padding-bottom: 50px;}
.div-2 .swiper-2 .img{ width: 100%; box-shadow: 0 16px 60px rgba(24, 25, 25, .3);}
.div-2 .swiper-2 .swiper-slide{ transition: all .3s linear; max-width: 1000px;}
.div-2 .swiper-2 .swiper-slide-active{ transform: scale(1); }
.c-container .swiper-pagination .swiper-pagination-bullet{ background: #e9e9e9; width: 9px; height: 9px; border-radius: 6px; opacity: .6; transition: all .3s linear;}
.c-container .swiper-pagination .swiper-pagination-bullet-active{  width: 48px; opacity: 1;}
.div-3{ background: url(images/3-bg.jpg) no-repeat center top; padding: 120px 0 150px 0; height: 1668px;}
.div-3 .t-tit{ font-size: 32px; height: 70px; line-height: 68px; text-align: center;}
.div-3 .t-tit div:first-child{ width: 480px; color: #fff; background-image: linear-gradient(to right, #d10000, #ff0000, #d10000); border-radius: 35px 0 0 35px; }
.div-3 .t-tit div:last-child{ height: 68px; width: 400px; border:1px solid #b60303; font-weight: 300; border-radius: 0 35px 35px 0; padding: 0 20px;}
.div-3 .imgs{ margin-top: 100px;}
.div-3 .imgs li{ margin-bottom: 20px; font-size: 0; position: relative;}
.div-3 .imgs li:hover img{  animation: move 0.8s 1 ease-in-out; }
.div-3 .imgs li .back{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; transform: rotateY(180deg);}

@keyframes move{
    0%{
    }
    25%{
        transform: rotateY(90deg);
        filter: blur(5px);

    }
    50%{
        transform: rotateY(0);
        filter: blur(0);
    }
}