.home .banner { width: 100%; position: relative; }
.home .banner img { width: 100%; display: block; object-fit: cover; }
.home .banner .text { position: absolute; left: 0; bottom: -20px; width: 100%; color: white; text-align: center; }
.home .banner .text .p1 { font-size: 40px; }
.home .banner .text .p2 { font-weight: lighter; font-size: 20px; margin: 40px 0 15px 0; }
.home .banner .text .line { width: 1px; height: 240px; background: rgba(242, 242, 242, 0.2); margin: 0 auto; position: relative; overflow: hidden; }
.home .banner .text .line::before { content: ""; display: block; width: 1px; height: 25px; background: #F2F2F2; position: absolute; left: 0; top: 0; animation: down 4s infinite linear; }
@keyframes down {
 from {
 top: 0;
}
 to {
 top: 100%;
}
}
.home .main { margin: 80px auto 120px auto; width: 80%; }
.home .main .people { width: 100%; }
.home .main .people .title { color: #111010; font-size: 34px; font-weight: bolder; border-bottom: 1px solid rgba(38, 51, 70, 0.2); padding-bottom: 30px; }
.home .main .people .ceo { margin: 40px 0; position: relative; }
.home .main .people .ceo img { width: 100%; display: block; object-fit: cover; }
.home .main .people .ceo .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: white; }
.home .main .people .ceo .txt .name { font-size: 50px; }
.home .main .people .ceo .txt .job { font-size: 20px; margin-top: 15px; }
.home .main .people .allItems { width: 100%; margin: 60px auto; display: flex; flex-wrap: wrap; }
.home .main .people .allItems .item { width: 31%; display: flex; justify-content: space-between; background: #F5F5F5; margin-bottom: 40px; margin-right: 1.5%; }
.home .main .people .allItems .item .pic { width: 197px; overflow: hidden; }
.home .main .people .allItems .item .pic img { width: 100%; display: block; object-fit: cover; height: 284px; transition: all 2s; }
.home .main .people .allItems .item .text { width: calc(100% - 237px); padding: 0 20px; display: flex; flex-direction: column; justify-content: center; }
.home .main .people .allItems .item .text .t1 { color: #333333; font-size: 14px; }
.home .main .people .allItems .item .text .name { color: #333333; font-size: 32px; border-bottom: 1px solid #389AFD; padding: 10px 0 20px 0; margin-bottom: 20px; }
.home .main .people .allItems .item .text .job { color: #333333; font-size: 18px; margin-top: 5px; line-height: 1.7; }
.home .main .people .allItems .item:hover .pic img { transform: scale(1.05); }

@media screen and (max-width: 1500px) {
.home .main { width: 90%; }
}

@media screen and (max-width: 1250px) {
.home .banner img { height: 320px; }
.home .banner .text .p1 { font-size: 24px; }
.home .banner .text .p2 { margin: 15px 0; }
.home .banner .text .line { height: 100px; }
.home .main { margin: 30px auto; width: 90%; }
.home .main .people .title { font-size: 22px; padding-bottom: 15px; }
.home .main .people .allItems { width: 100%; margin: 30px auto; }
.home .main .people .allItems .item { width: 100%; margin-bottom: 20px; flex-direction: column; padding: 20px; margin-right: 0; }
.home .main .people .allItems .item .text { width: calc(100% - 40px); padding: 20px 0; }
.home .main .people .allItems .item .text .name { font-size: 24px; }
.home .main .or .title { font-size: 22px; padding-bottom: 15px; }
}

/*# sourceMappingURL=leader.css.map */