.group-banner { width: 100%; /*height: 5.9rem;*/ box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgb(0 0 0 / 30%); } .group-banner img { width: 100%; height: 100%; object-fit: cover; } .research-top-wrap { margin: 0 auto; margin-top: 0.5rem; padding-top: 0.84rem; position: relative; } .research-top-img { width: 100%; height: 5rem; object-fit: cover; } .research-top-p { width: 14rem; background: rgba(255, 255, 255, 0.85); border-radius: 0.1rem; box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgb(0 0 0 / 10%); position: absolute; left: 50%; top: .05rem; transform: translateX(-50%); padding: 0.36rem 0.45rem; font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.36rem; color: #666666; text-align: justify; } .research-icon-wrap { margin: 0 auto; margin-top: 0.65rem; margin-bottom: 1rem; display: flex; justify-content: space-between; } .research-icon { display: flex; flex-direction: column; align-items: center; } .research-icon img { width: 1.4rem; height: 1.4rem; } .research-icon p { font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.24rem; color: #333333; margin-top: 0.45rem; max-width: 2.3rem; text-align: center; } .research-plat-wrap { margin: 0 auto; margin-bottom: 1.5rem; } .research-plat-p { text-align: justify; font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.3rem; color: #333333; margin: 0.8rem 0; } .research-plat-img { width: 100%; height: auto; } .research-plat-img img { width: 100%; height: auto; } .research-client-wrap { width: 100%; padding: 0.45rem 0 0.5rem 0; background: url(../image/jishu/kehu-bg.png) no-repeat; background-size: cover; } .research-client-box { margin: 0 auto; } .research-client-title { font-size: 0.5rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; text-align: center; } .research-client-p { text-align: justify; font-size: 0.2rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.3rem; color: #333333; margin-top: 0.55rem; } .research-client-list { display: flex; flex-wrap: wrap; margin-top: 0.35rem; overflow: hidden; } .research-client-item { width: 3.3rem; height: 4rem; margin-right: 0.93rem; border: 0.03rem solid #C0C0C0; margin-top: 0.35rem; box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgb(0 0 0 / 30%); } .research-client-item:nth-child(4n) { margin-right: 0; } .research-client-item img { width: 100%; height: 100%; object-fit: cover; } .research-art-wrap { padding: 1rem 0 0.5rem; background: url(../image/jishu/zl-bg1.png) no-repeat; background-size: 100% auto; background-position-y: bottom; } .research-art-title { font-size: 0.6rem; font-family: Microsoft YaHei; font-weight: bold; color: #333333; text-align: center; } .research-art-p { font-size: 0.22rem; font-family: Microsoft YaHei; font-weight: 400; line-height: 0.36rem; color: #333333; margin: 0.3rem auto 0rem auto; text-align: center; } .research-art-banner { width: 100%; height: auto; /*background: url(../image/jishu/zl-bg.png) no-repeat;*/ /*background-size: cover;*/ padding: 0 0.35rem; /*padding-top: 1rem;*/ overflow: hidden; } .qualificationSwiper { position: relative; } .qualificationSwiper .swiper-wrapper { align-items: flex-end !important; } .qualificationSwiper .swiper-slide { width: 100%; height: 4.472rem; transform: scale(.8); position: relative; } .qualificationSwiper .swiper-slide::after { content: ''; width: 100%; height: 100%; /* background-color: rgba(255, 255, 255, .1); */ background-size: 100% 100%; backdrop-filter: blur(0.03rem); position: absolute; top: 0; left: 0; } .qualification-top-img { width: 100%; height: 100%; } .qualificationSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .qualificationSwiper .swiper-slide-active { /* width: 2.95rem !important; height: 4.47rem; */ transform: scale(1); } .qualificationSwiper .swiper-slide-active::after { content: ''; width: 100%; height: 100%; /* background-color: rgba(255, 255, 255, .1); */ background-size: 100% 100%; backdrop-filter: blur(0); position: absolute; top: 0; left: 0; } .qualification-top-box { display: flex; align-items: center; justify-content: center; margin: 0.3rem 0 0.6rem 0; } .qualification-top-bt { width: 0.75rem; height: 0.75rem; margin: 0 0.6rem; cursor: pointer; } .qualification-top-bt img { width: 100%; height: 100%; } .qualification-top-pagination { width: auto !important; display: flex; justify-content: center; padding: 0 0.13rem; } .research-acc-wrap { padding-top: 1rem; margin: 0 auto; } .about-honor-banner { position: relative; margin-top: 0.8rem; margin-bottom: 0.28rem; } .about-honor-bt { width: 0.4rem; height: 0.4rem; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; display: none; } .about-honor-left { left: -0.7rem; } .about-honor-right { right: -0.7rem; } .about-honor-bt img { width: 100%; height: 100%; } .honorSwiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .honorSwiper .swiper-slide { overflow: hidden; } .about-honor-img { width: 100%; height: 5.23rem; border: 1px solid #707070; } .about-honor-img img { width: 100%; height: 100%; object-fit: contain; } .about-honor-box { margin-top: 0.2rem; display: flex; background: #FFFFFF; border: 1px solid #DDDDDD; padding: 0.2rem; position: relative; transition: all .365s; } .about-honor-box::after { content: ''; position: absolute; right: 0.2rem; bottom: 0.2rem; width: 0.3rem; height: 0.01rem; background: #999999; transition: all .365s; } .about-honor-p { flex: 1; font-size: var(--font18); font-family: Microsoft YaHei; font-weight: 400; color: #333333; transition: all .365s; } .about-honor-icon { flex-shrink: 0; margin-left: 0.3rem; padding-bottom: 0.23rem; } .about-honor-icon img { width: 0.26rem; height: 0.2rem; cursor: pointer; } .about-honor-icon1 { display: block; } .about-honor-icon2 { display: none; } .honorSwiper .swiper-slide:hover .about-honor-box { background: #0745B1; } .honorSwiper .swiper-slide:hover .about-honor-p { color: #fff; } .honorSwiper .swiper-slide:hover .about-honor-icon1 { display: none; } .honorSwiper .swiper-slide:hover .about-honor-icon2 { display: block; } .honorSwiper .swiper-slide:hover .about-honor-box::after { width: calc(100% - 0.4rem); background: #fff; } .honorSwiper .swiper-slide:hover {} @media only screen and (max-width: 1024px) { .research-art-p{ font-size: 0.26rem; line-height: 0.41rem; } .research-icon{ width: 50%; } .research-top-img{ height: auto; } .research-top-p { position: inherit; left: 0; transform: none; padding: 0.36rem 0.25rem; font-size: 0.24rem; width: 100%; } .research-icon-wrap{ flex-wrap: wrap; } .research-icon{ margin-bottom: 0.6rem; } .research-icon p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 0.36rem; font-size: 0.24rem; max-width: 2.3rem; margin-top: 0.3rem; } .research-icon-wrap{ margin-bottom: 0; } .research-plat-wrap{ padding: 0 0.25rem; } .research-plat-p{ font-size: 0.24rem; line-height: 0.36rem; margin: 0.4rem 0; } .research-plat-wrap{ margin-bottom: 0.8rem; } .research-client-p{ font-size: 0.24rem; } .research-client-box{ padding: 0 0.25rem; } .research-client-list{ display: flex; justify-content: space-between; } .research-client-item{ margin-right: 0; } .qualificationSwiper .swiper-slide{ height: 2.972rem; } .research-art-wrap{ padding: 0 0.2rem; margin: 0.8rem 0; } .research-art-banner{ padding-top: 0.3rem; } .research-acc-wrap{ padding: 0 0.25rem; } .about-honor-box{ justify-content: space-between; } .about-honor-icon{ margin-left: 0; } .about-honor-banner{ margin-top: 0.6rem; } .research-icon-wrap{ padding: 0 0.25rem; } .group-banner { height: 2.5rem !important; } }