@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'zt1';
    src: url('fzqkbys.TTF');
}
html, body {
    position: relative;
    height: 100%;
}

body {
    font: 16px/1.5;
    font-family:zt1;
    margin: 0;
    padding: 0;
}
/* 自适应框架（设计图宽度） */
body {
    max-width: 7.5rem;
    margin: 0 auto;
}

    body * {
        max-width: 7.5rem;
    }


.swiper-container {
    width: 100%;
    height: 100%;
}
.page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}
.p_1 {background: url(../images/1.jpg) no-repeat center top;}
.p_2,.p_4 {
    background: url(../images/3.jpg) no-repeat center top;
}
.p_1, .p_2, .p_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.tcenter{text-align:center}
.rel{position:relative}

.fb{font-weight:bold}
.t1 {
    color: #1A1A1A
}

.t2 {
    color: #991C07
}

.t3 {
    color: #fff
}

.t4 {
    color: #b70d0d;
}
.t5 {
    color: #141414
}
.t6 {
    color: #212120
}
.f16 {
    font-size: 0.7em;
}

.f18 {
    font-size: 0.85em;
}

.f20 {
    font-size: 0.9em;
}

.f22 {
    font-size: 0.95em;
}

.f24 {
    font-size: 1em;
}

.f26 {
    font-size: 1.05em;
}

.f28 {
    font-size: 1.05em;
}

.f30 {
    font-size: 1.2em;
}

.f32 {
    font-size: 1.4em;
}

.f36 {
    font-size: 1.5em;
}

.f38 {
    font-size: 1.55em;
}

.f40 {
    font-size: 1.6em;
}

.lh125 {
    line-height: 125%
}

.lh130 {
    line-height: 130%
}

.lh133 {
    line-height: 133%
}

.lh140 {
    line-height: 140%
}

.lh155 {
    line-height: 155%
}

.lh160 {
    line-height: 160%
}

.lh180 {
    line-height: 180%
}

@media screen and (max-width: 640px) {
    .f16 {
        font-size: 0.7em;
    }

    .f18 {
        font-size: 0.85em;
    }

    .f20 {
        font-size: 0.9em;
    }

    .f22 {
        font-size: 0.95em;
    }

    .f24 {
        font-size: 1em;
    }

    .f26 {
        font-size: 1.05em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 414px) {
    .f16 {
        font-size: 0.5em;
    }

    .f18 {
        font-size: 0.65em;
    }

    .f20 {
        font-size: 0.7em;
    }

    .f22 {
        font-size: 0.75em;
    }

    .f24 {
        font-size: 0.8em;
    }

    .f26 {
        font-size: 0.85em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 400px) {
    .f16 {
        font-size: 0.5em;
    }

    .f18 {
        font-size: 0.65em;
    }

    .f20 {
        font-size: 0.7em;
    }

    .f22 {
        font-size: 0.75em;
    }

    .f24 {
        font-size: 0.8em;
    }

    .f26 {
        font-size: 0.85em;
    }

    .f28 {
        font-size: 1.05em;
    }

    .f30 {
        font-size: 1.2em;
    }

    .f32 {
        font-size: 1.4em;
    }

    .f36 {
        font-size: 1.5em;
    }

    .f38 {
        font-size: 1.55em;
    }

    .f40 {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 392px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 385px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 375px) {
    .f16 {
        font-size: 0.45em;
    }

    .f18 {
        font-size: 0.6em;
    }

    .f20 {
        font-size: 0.65em;
    }

    .f22 {
        font-size: 0.7em;
    }

    .f24 {
        font-size: 0.75em;
    }

    .f26 {
        font-size: 0.8em;
    }

    .f28 {
        font-size: 0.95em;
    }

    .f30 {
        font-size: 1.1em;
    }

    .f32 {
        font-size: 1.3em;
    }

    .f36 {
        font-size: 1.4em;
    }

    .f38 {
        font-size: 1.45em;
    }

    .f40 {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 359px) {
    .f16 {
        font-size: 0.4em;
    }

    .f18 {
        font-size: 0.5em;
    }

    .f20 {
        font-size: 0.55em;
    }

    .f22 {
        font-size: 0.6em;
    }

    .f24 {
        font-size: 0.65em;
    }

    .f26 {
        font-size: 0.7em;
    }

    .f28 {
        font-size: 0.75em;
    }

    .f30 {
        font-size: 0.9em;
    }

    .f32 {
        font-size: 1.1em;
    }

    .f36 {
        font-size: 1.2em;
    }

    .f38 {
        font-size: 1.25em;
    }

    .f40 {
        font-size: 1.3em;
    }
}

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}
.fl{float:left; display:inline}
.fr{float:right; display:inline}
.none{display:none}

.szd {
    animation: szds 1s 3 linear forwards;
    -webkit-animation: szds 1s 3 linear forwards;
}

@keyframes szds {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }

}
@-webkit-keyframes szds {
    0% {
        -webkit-transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
    }
}