@charset "UTF-8"; /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .about-banner { position: relative; min-height: 2rem; background: #ddd; } .about-banner .tit1 { position: absolute; bottom: 0.48rem; left: 0.48rem; color: #fff; line-height: 00.44rem; padding: 0 0.2rem; border-left: 0.03rem solid #fff; border-right: 0.03rem solid #fff; z-index: 1; } .about-des { line-height: 0.6rem; padding-top: 0.4rem; padding-bottom: 0.4rem; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .group-video { height: calc((100vw - 0.6rem) / (16 / 9)); position: relative; } .group-video .cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .group-video .play-btn { font-size: 0.84rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .group-video video { display: none; width: 100%; height: 100%; } .group-data { margin-top: 0.5rem; } .group-data ul { display: -webkit-box; display: flex; flex-wrap: wrap; } .group-data li { width: 50%; height: 1.8rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; text-align: center; } .group-data li:first-child { border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } .group-data li:last-child { border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; } .group-data .tit { font-size: 0.68rem; color: #F37020; line-height: 1; } .group-data .des { margin-top: 0.16rem; } .group-trait { margin-top: 0.55rem; } .group-trait .index { line-height: 1; } .group-trait .trait-tit { margin-top: 0.32rem; } .group-trait .des { margin-top: 0.24rem; line-height: 0.48rem; } .group-trait li ~ li { margin-top: 0.48rem; } .group-tags { margin-top: 0.8rem; } .group-tags ul { background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; padding: 0.96rem 0.3rem; background-color: #b1b1b1; } .group-tags .vice-tit { margin-top: 0.24rem; } .group-tags .tags-tit { line-height: 1.1; } .group-tags .tags-tit span { padding: 0 0.26rem; border-left: 0.04rem solid #fff; border-right: 0.04rem solid #fff; } .group-tags li ~ li { margin-top: 0.8rem; } .group-manage { margin-top: 0.68rem; padding-bottom: 0.85rem; } .group-manage .des { margin-top: 0.16rem; line-height: 0.48rem; } .group-manage .list { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 0.5rem; } .group-manage .list li { width: 20%; text-align: center; } .group-manage .list li .img { width: 0.86rem; height: 0.86rem; margin: 0 auto; background-color: transparent; } .group-manage .list li .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .group-manage .list li .name { margin-top: 0.15rem; white-space: nowrap; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .team { margin-top: 0.2rem; } .team .ceo { padding-bottom: 0.56rem; } .team .ceo .img { height: 7.9rem; width: 100%; } .team .ceo .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team .ceo .name { font-size: 0.5rem; margin-top: 0.4rem; } .team .ceo .tag { color: #666; margin-top: 0.32rem; line-height: 0.48rem; } .team .ceo .des { margin-top: 0.2rem; line-height: 0.56rem; } .team .list { display: -webkit-box; display: flex; flex-wrap: wrap; margin-top: 0.56rem; margin-left: -0.13rem; margin-right: -0.13rem; } .team .list li { width: 50%; text-align: center; margin-bottom: 0.56rem; padding: 0 0.13rem; } .team .list .img { width: 100%; } .team .list .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team .list .img img { min-height: 4.4rem; } .team .list .name { margin-top: 0.2rem; height: 0.4rem; line-height: 0.4rem; } .group-tit { font-size: 0.4rem; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .branch-list .list-tit { padding-bottom: 0.2rem; } .branch-list li ~ li .area-tit { border-top: 1px solid #E8E8E8; } .branch-list .area-tit { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: 0.8rem; line-height: 0.8rem; } .branch-list .area-tit.on .arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .branch-list .area-tit .arrow { width: 0; height: 0; border-style: solid; border-width: 0.12rem 0 0.12rem 0.12rem; border-color: transparent transparent transparent #F37020; -webkit-transition: all 0.3s; transition: all 0.3s; } .branch-list .info { background-color: #F2F2F2; padding: 0.4rem 0.32rem; display: none; } .branch-list .info hr { margin-top: 0.16rem; border: none; background-color: #ccc; height: 1px; } .branch-list .info .des { color: #999; line-height: 0.46rem; margin-top: 0.16rem; } .branch-bottom { height: 0.55rem; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .customer-block { background-color: #f9f9f9; padding-top: 0.48rem; } .customer-block ~ .customer-block { margin-top: 0.3rem; } .block-tit { position: relative; min-height: 4em; } .block-tit .tit1 { position: absolute; bottom: 0.48rem; left: 0.48rem; color: #fff; line-height: 00.44rem; padding: 0 0.2rem; border-left: 0.03rem solid #fff; border-right: 0.03rem solid #fff; z-index: 1; } .customer-list { font-size: 0.28rem; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 0.3rem; } .customer-list li { width: calc(50% - 0.15rem); background-color: #fff; height: 0.74rem; line-height: 0.74rem; padding: 0 0.2rem; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; margin-bottom: 0.3rem; } .customer-bottom { height: 0.78rem; background-color: #f9f9f9; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .develop-block { padding-top: 0.48rem; } .develop-block .about-des { padding: 0; margin-top: 0.16rem; } .develop-swiper { margin-top: 0.76rem; padding-bottom: 0.8rem; } .develop-swiper .year { line-height: 1.1; } .develop-swiper .year span { padding: 0 0.25rem; border-left: 0.02rem solid #063F88; border-right: 0.02rem solid #063F88; } .develop-swiper .year-tit { line-height: 0.48rem; margin-top: 0.32rem; min-height: 0.96rem; } .develop-swiper .img { height: 3.85rem; width: 100%; margin-top: 0.48rem; } .develop-swiper .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .develop-swiper .swiper-pagination { bottom: 0; text-align: right; font-size: 0.28rem; color: #999; } .develop-swiper .swiper-pagination .swiper-pagination-current { color: #063F88; } .develop-swiper .swiper-button-prev, .develop-swiper .swiper-button-next { top: unset; bottom: 2.2rem; } .develop-swiper .swiper-button-prev::after, .develop-swiper .swiper-button-next::after { font-size: 0.5rem; color: #F37020; } .develop-bottom { height: 0.6rem; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .time-axis .block { padding-top: 0.6rem; border-left: 1px solid #063F88; padding-left: 0.45rem; margin-left: 0.2rem; } .time-axis .year { margin-bottom: 0.14rem; position: relative; } .time-axis .year::after { content: ""; position: absolute; left: -0.62rem; top: 50%; z-index: 10; width: 0.28rem; height: 0.28rem; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #fff; border: 0.02rem solid #063F88; border-radius: 50%; } .time-axis .first { padding-top: 0; margin-top: 30px; } .time-axis .first .year::after { content: none; } .time-axis .first .year .icon { position: absolute; left: -0.73rem; z-index: 10; font-size: 0.52rem; background: #fff; color: #063F88; } .time-axis .honor-list li { font-size: 0.28rem; line-height: 0.48rem; padding-left: 0.24rem; position: relative; margin-top: 0.1rem; } .time-axis .honor-list li::before { content: ""; position: absolute; left: 0; top: 0; z-index: 10; width: 0.12rem; height: 0.12rem; margin-top: 0.18rem; background-color: #063F88; border-radius: 50%; } .honor-bottom { height: 0.7rem; } /*单行省略号*/ /*多行省略号*/ /**清除浮动**/ /**fit img**/ /*主色调*/ .img-view { display: block; width: 100%; height: 5.4rem; position: relative; background: #f8f8f8; } .img-view img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-view .info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3rem; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(0deg, #000000, transparent); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); color: #fff; } .img-view .info .tit1 { line-height: 0.5rem; } .img-view .info .des { margin-top: 0.2rem; } .img-view .info .des span ~ span { margin-left: 0.36rem; } .list-box { background-color: #F2F2F2; padding-top: 0.48rem; padding-bottom: 0.7rem; } .list-box .list { padding-bottom: 0.4rem; } .list-box .item { background-color: #fff; padding: 0.4rem 0.48rem; margin-top: 0.4rem; } .list-box .item .img { width: 100%; height: 2.7rem; margin-top: 0.3rem; } .list-box .item .img img { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-box .item .des { color: #999; line-height: 0.48rem; margin-top: 0.24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .list-box .item .other { color: #999; margin-top: 0.36rem; } .group-data-sub { font-size: 0.24rem; margin-left: -0.5em; } /*# sourceMappingURL=maps/about.css.map */