.md-about-1.md33865 { padding-bottom: .5rem; overflow: hidden; position: relative; } .md-about-1.md33865 .my-id{position: absolute;top: -1rem;} .md-about-1.md33865 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; } .md-about-1.md33865 .h2 { margin-bottom: 0.3rem; line-height: 1; } .md-about-1.md33865 .desc { line-height: 1.2; margin-top: 0.1rem; } .md-about-1.md33865 .md { position: absolute; left: 0; top: -1.5rem; } .md-about-1.md33865 .box-1 { padding-top: 1rem; padding-bottom: 0.6rem; background-color: rgba(241, 244, 246, 0.6); } .md-about-1.md33865 .c-pic { width: 48.75%; } .md-about-1.md33865 .img { padding-top: calc( 500 / 780 * 100%); } .md-about-1.md33865 .text { width: calc( 760 / 1600 * 100%); } .md-about-1.md33865 .intro { line-height: 1.4; max-height: 4.2rem; overflow: auto; padding-right: .2rem; } .md-about-1.md33865 .box-2 { position: relative; } .md-about-1.md33865 .box-2::before { content: ""; position: absolute; left: 0%; top: 0%; width: 100%; height: 50%; background-color: rgba(241, 244, 246, 0.6); } .md-about-1.md33865 .nlist { position: relative; padding: 0.56rem 0; box-shadow: 0px 8px 8px 0px rgba(66, 135, 194, 0.1); } .md-about-1.md33865 .nitem { flex: 1; position: relative; } .md-about-1.md33865 .nitem:last-child::before { display: none; } .md-about-1.md33865 .nitem::before { content: ""; width: 1px; height: 0.5rem; background-color: #000; opacity: 0.15; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } .md-about-1.md33865 .nitem .n11 { color: var(--theme); line-height: 1; } .md-about-1.md33865 .nitem .n12 { line-height: calc( 28 / 18 ); margin-top: 0.2rem; } @media screen and (max-width: 900px) { .md-about-1.md33865 .c-pic { width: 100%; } .md-about-1.md33865 .text { width: 100%; margin-top: 0.3rem; } .md-about-1.md33865 .nlist { flex-wrap: wrap; padding: 0.3rem 0; } .md-about-1.md33865 .nitem { width: 50%; flex: none; margin: 0.3rem 0; } .md-about-1.md33865 .nitem::before { display: none; } .md-about-1.md33865 .intro{max-height: none;} } /* 管理团队 */ .md37081.wa-main{position: relative;width: 100%;padding-top: .5rem; padding-bottom: 1rem;} .md37081.wa-main img{display: inline-block;vertical-align:middle;max-width: 100%;} .md37081.wa-main .layout{width: 16rem;max-width: 92%;margin: 0 auto;} .md37081.wa-main .my-id{position: absolute;top: -1rem;} .md37081.wa-main .wa-top{width: 100%;margin-bottom: .55rem;} .md37081.wa-main .wa-titles{width: 100%;margin-bottom: .5rem;text-align: center;color: #383838;font-weight: bold;line-height: 1.2;} .md37081.wa-main .wa-name{width: 100%;margin-bottom: .25rem;color: #383838;font-weight: bold;line-height: 1.4;} .md37081.wa-main .wa-textbox{width: 100%;color: #222222;line-height: 1.8;} .md37081.wa-main .wa-textbox *{line-height: inherit;max-width: 100%;} .md37081.wa-main .wa-bottom{width: 100%;position: relative;} .md37081.wa-main .wa-swiper{width: 12.71rem;max-width: calc(100% - .5rem);} .md37081.wa-main .wa-item{display: block;width: 100%;} .md37081.wa-main .wa-img{width: 100%;} .md37081.wa-main .wa-img img{width: 100%;} .md37081.wa-main .wa-prev{left: -.9rem;display: flex;align-items: center;justify-content: center;color: #1e1e1e;width: .5rem;height: .5rem;background-color: #ffffff;border: solid 1px #dbdddf;background-size: 0 0;} .md37081.wa-main .wa-prev svg{color: inherit;width: .09rem;} .md37081.wa-main .wa-prev:hover{color: #fff;background-color: var(--theme);border: 1px solid var(--theme);} .md37081.wa-main .wa-next{right: -.9rem;display: flex;align-items: center;justify-content: center;color: #1e1e1e;width: .5rem;height: .5rem;background-color: #ffffff;border: solid 1px #dbdddf;background-size: 0 0;} .md37081.wa-main .wa-next svg{color: inherit;width: .09rem;} .md37081.wa-main .wa-next:hover{color: #fff;background-color: var(--theme);border: 1px solid var(--theme);} @media (max-width: 900px) { .md37081.wa-main .wa-prev{left: -.25rem;} .md37081.wa-main .wa-next{right: -.25rem;} } .md-about-2.md33866 { padding-top: 0.88rem; padding-bottom: 0.77rem; overflow: hidden; background-color: #f4f6f8; position: relative; } .md-about-2.md33866 .my-id{position: absolute;top: -1rem;} .md-about-2.md33866 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; } .md-about-2.md33866 .h2 { line-height: 1; } .md-about-2.md33866 .desc { line-height: 1.2; margin-top: 0.1rem; } .md-about-2.md33866 .md { position: absolute; left: 0; top: -1.5rem; } .md-about-2.md33866 .swiper { position: relative; width: calc(100% + 0.4rem); margin-left: -0.2rem; } .md-about-2.md33866 .swiper-container { padding: 0.4rem 0.2rem; } .md-about-2.md33866 .sw { height: auto; background-color: #fff; cursor: pointer; transition: 0.5s; } .md-about-2.md33866 .sw:hover { box-shadow: 0px 0.1rem 0.4rem 0px rgba(21, 64, 145, 0.1); } .md-about-2.md33866 .top { position: relative; padding: 0.4rem; } .md-about-2.md33866 .img { padding-top: calc( 300 / 305 * 100%); } .md-about-2.md33866 svg { width: 1em; height: 1em; position: absolute; right: 0.3rem; bottom: 0.2rem; color: #999; } .md-about-2.md33866 .text { padding: 0.24rem 0.4rem 0.32rem; border-top: 1px solid #eee; } .md-about-2.md33866 .sbtn { position: absolute; top: calc(50% - 0.5em); width: 1em; height: 1em; box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.5s; z-index: 30; } .md-about-2.md33866 .sbtn:hover { background-color: var(--theme); } .md-about-2.md33866 .sbtn:hover i { filter: brightness(0) invert(1); } .md-about-2.md33866 .sbtn i { width: 0.2em; height: 0.2em; border-left: 1px solid #000; border-bottom: 1px solid #000; } .md-about-2.md33866 .prev { left: calc(-1em - 0.2rem); } .md-about-2.md33866 .prev i { transform: rotate(45deg) translateX(25%); } .md-about-2.md33866 .next { right: calc(-1em - 0.2rem); } .md-about-2.md33866 .next i { transform: rotate(-135deg) translateX(25%); } .md-about-2.md33866 .swiper-pagination { position: static; margin-top: 0.2rem; } .md-about-2.md33866 .swiper-pagination-bullet { width: 1em; height: 3px; background-color: rgba(0, 0, 0, 0.2); margin: 0 0.05rem; border-radius: 0; opacity: 1; } .md-about-2.md33866 .swiper-pagination-bullet-active { background-image: linear-gradient(90deg, #054075 0%, var(--theme) 100%); } @media screen and (max-width: 900px) { .md-about-2.md33866 .prev { left: 0; } .md-about-2.md33866 .next { right: 0; } } .md-about-3.md33867 { padding-top: 0.88rem; padding-bottom: 0.9rem; overflow: hidden; position: relative; } .md-about-3.md33867 .my-id{position: absolute;top: -1rem;} .md-about-3.md33867 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; } .md-about-3.md33867 .h2 { line-height: 1; } .md-about-3.md33867 .desc { line-height: 1.2; margin-top: 0.1rem; } .md-about-3.md33867 .md { position: absolute; left: 0; top: -1.5rem; } .md-about-3.md33867 .swiper { position: relative; margin-top: 0.3rem; } .md-about-3.md33867 .sw:hover .img { transform: scale(1.1); } .md-about-3.md33867 .img { padding-top: calc( 325 / 520 * 100%); } .md-about-3.md33867 .text { margin-top: 0.12rem; } .md-about-3.md33867 .sbtn { position: absolute; top: calc(50% - 0.5em); width: 1em; height: 1em; box-shadow: 0 0 0 1px inset rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; justify-content: center; align-items: center; transition: 0.5s; z-index: 30; } .md-about-3.md33867 .sbtn:hover { background-color: var(--theme); } .md-about-3.md33867 .sbtn:hover i { filter: brightness(0) invert(1); } .md-about-3.md33867 .sbtn i { width: 0.2em; height: 0.2em; border-left: 1px solid #000; border-bottom: 1px solid #000; } .md-about-3.md33867 .prev { left: calc(-1em - 0.4rem); } .md-about-3.md33867 .prev i { transform: rotate(45deg) translateX(25%); } .md-about-3.md33867 .next { right: calc(-1em - 0.4rem); } .md-about-3.md33867 .next i { transform: rotate(-135deg) translateX(25%); } @media screen and (max-width: 900px) { .md-about-3.md33867 .prev { left: 0; } .md-about-3.md33867 .next { right: 0; } .md-about-3.md33867 .sbtn { background-color: #fff; } }