/* CSS Document */
#about { padding: 80px 0px 80px 0px; }

/* 公司简介 */
.sub-title { margin: 0 auto 0; padding: 0px 0 30px; text-align: center; }
.sub-title h1 { font-size: 40px; color: #313233; font-weight: bold; line-height: 1; margin: 0; }
.sub-title strong { display: block; width: 30px; height: 2px; background-color: #114fb7; margin: 30px auto; }

@media (max-width: 768px) {
.sub-title { padding: 0px 0 30px; }
.sub-title h1 { font-size: 24px; }
.sub-title strong { margin: 10px auto; }
}
.about-shili { display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin-top: 60px; margin-bottom: 0px; }
.ulbox { width: 24%; text-align: center; background-color: #f7f7f7; padding: 20px 0px; transition: all .35s; }
.ulbox:hover { background-color: #114fb7; }
.ulbox .counter { font-size: 50px; color: #114fb7; font-family: Impact; }
.ulbox .unit { font-size: 18px; }
.ulbox p { font-size: 18px; }
.ulbox:hover * { color: #FFFFFF; }

@media screen and (max-width: 1199px) {
.about-shili { margin-top: 45px; }
.ulbox { width: 100%; margin-top: 15px; }
.ulbox .counter { font-size: 36px; }
.ulbox .unit { font-size: 16px; }
.ulbox p { font-size: 16px; }
}

/* 简介图片 */
.about_pic { padding: 60px 0px 0px 0px; display: flex; justify-content: space-between; }
.about_pic .l { width: 49%; overflow: hidden; }
.about_pic .r { width: 49%; overflow: hidden; }

@media (max-width:991.98px) {
.about_pic { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; }
.about_pic .l { width: 100%; }
.about_pic .r { width: 100%; margin-top: 15px; }
}
.about_pic img { width: 100%; transition: all 0.6s; }
.about_pic img:hover { transform: scale(1.1); }


/* 企业文化 */
.pt_culture { padding-top: 80px; padding-bottom: 80px; background: #F8F8F8; overflow: hidden; }
.en_bot { display: flex; }
.en_bot .slide { flex: 1; position: relative; margin-right: 5px; transition: 0.6s; }
.en_bot .slide:last-child { margin-right: 0; }
.en_bot .slide .img { width: 100%; }
.en_bot .slide .img img { width: 100%; }

.en_bot .slide .post { transition: 0.8s; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; background: #F0F0F0; padding: 25px; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: calc(100% - 50px); }
.en_bot .slide .post .content1 { flex: 1; }
.en_bot .slide .post .content1 .txt { color: #333; transition: 0.4s; font-size: 22px; font-weight: bold; }
.en_bot .slide .post .content1 .desc { transition: 0.4s; color: #666; margin-top: 10px; line-height: 1.6; font-size: 16px; }
.en_bot .slide .post .content2 { position: relative; display: flex; }
.en_bot .slide .post .content2 img { transition: 0.4s; margin: auto 0; }
.en_bot .slide .post .content2 .white { opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.en_bot .slide:hover { flex: 1.2; }
.en_bot .slide:hover .post { background: none; }
.en_bot .slide:hover .post .content1 .txt { color: #fff; font-size: 22px; }
.en_bot .slide:hover .post .content1 .desc { color: #fff; font-size: 16px; }
.en_bot .slide:hover .post .content2 img { opacity: 0; }
.en_bot .slide:hover .post .content2 .white { opacity: 1; }

@media (max-width:991.98px) {
.en_bot { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.2rem; }
.en_bot .slide { margin-right: 0; }
.en_bot .slide .post .content1 .txt { font-size: 18px; }
.en_bot .slide:hover .post .content1 .txt { font-size: 18px; }
}