/* */ .home-swiper, .section-content{ height: 100vh; } /* */ /* 右侧分页 */ .right-navigate{ display: flex; font-size: 20px; left: auto; width: 5.6em; right: 0; top: 0; z-index: 9; height: 100vh; border-left: 0px solid rgba(255, 255, 255, .2); } .right-navigate .navigate-item { width: .4em; height: .4em; background: #a6aaac; margin-bottom: 1.6em; } .right-navigate .navigate-item:last-of-type { margin-bottom: 0; } .right-navigate .navigate-item.active { background: #fff; } .right-navigate .navigate-item::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.5); width: 1.4em; height: 1.4em; border-radius: 50%; border: 1px solid #fff; opacity: 0; transition: .6s all; } .right-navigate .navigate-item.active::after { opacity: 1; transform: translate(-50%, -50%) scale(1); } .right-navigate.deep .navigate-item.active { background: #006FBC; } .right-navigate.deep .navigate-item.active::after { border: 1px solid #006FBC; } /* 右侧分页 */ /* banner */ .banner-swiper{ width: 100vw; } .banner-swiper .banner-item{ height: 100vh; width: 100vw; } .banner-swiper .banner-item .banner-pic{ height: 100%; width: 100%; object-fit: cover; } .banner-swiper .banner-item .banner-text{ left: 50%; transform: translateX(-50%); top: 275px; width: 100%; } .banner-swiper .banner-item .banner-text .banner-total{ color: #a1afbb; } .banner-swiper .banner-item .banner-text .banner-item-title{ margin-top: 12px;height: 80px;} .banner-swiper .swiper-pagination{ font-size: 20px; left: 50%; transform: translateX(-50%); bottom: 8.3em; } .banner-swiper .swiper-pagination .swiper-pagination-bullet{ width: 9px; height: 9px;border-radius: 999px; background: rgba(255, 255, 255, .3); opacity: 1; position: relative; } .banner-swiper .swiper-pagination .swiper-pagination-bullet::after{ content: ''; transition: .3s all; background: #fff; width: 0; height: 100%;border-radius: 999px; position: absolute; left: 0; top: 0; z-index: 1; } .banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 12px;height: 12px;top: -1px;left: -1px; } .right-navigate .scroll-pic{ font-size: 20px; width: 5.6em; height: 3.6em; right: 0; bottom: 2em; z-index: 2; } .right-navigate .scroll-pic .indicator { width: 36px; height: 37px; background: url(../../images/indicator.png); animation: indicatorAni 1s steps(31) infinite; } @keyframes indicatorAni { from { background-position: 0 0; } to { background-position: 0 -1147px; } } .banner-item{ height: 100vh; width: 100vw; } .banner-item>img{ height: 100vh; width: 100%; object-fit: cover; } .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-pc {display: block; width: 90%;} .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-mo {display: none;} .banner-swiper .banner-item .banner-text .banner-en-pc {display: block;} .banner-swiper .banner-item .banner-text .banner-en-mo {display: none;} .banner-swiper .banner-item .banner-pic.banner-pic-pc { display: block; } .banner-swiper .banner-item .banner-pic.banner-pic-mo { display: none; } .banner_page_h5{ display: none; } .banner_page{ display: block; } .banner_more{ font-size: 14px; line-height: 14px; margin-top: 262px; padding: 20px 60px; border: 1px solid #fff; border-radius: 4px; display: inline-block; } .banner-h5{ position: absolute; left: 9999px; } @media (max-width: 500px) { .banner-swiper .banner-item .banner-pic.banner-pic-pc { display: none; } .banner-swiper .banner-item .banner-pic.banner-pic-mo { display: block; } .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-pc {display: none;} .banner-swiper .banner-item .banner-text .banner-item-title.banner-title-mo {display: block; font-size: 28px;width: 195px;} .banner-swiper .banner-item .banner-text .banner-en-pc {display: none;} .banner-swiper .banner-item .banner-text .banner-en-mo {display: block;} .banner_more{ margin-top: 180px; padding: 10px 30px; border-radius: 4px; } .banner_page_h5{ position: absolute; left: 20px; bottom: 50px; width: 50%; height: 10px; /* background: rgba(0, 0, 0, 0.5); */ z-index: 1; display: block; } .banner-swiper .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px; border-radius: 0px; } .banner-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 40px; height: 4px; border-radius: 0px; top: 0;left: 0; } .banner_page{ display: none; } .banner-pc{ position: absolute; left: 9999px; } .banner-h5{ position: relative; left: 0px; } } /* banner */ /* about us */ /* .index-about { height: 100vh; } */ .index-about{ font-size: 20px; overflow: hidden; } .about-text-box{ z-index: 9; } .index-about .index-about-text { width: 27.4em; } .index-about .advantage { padding-top: 2.7em; } .index-about .advantage-item { color: #006FBC; font-weight: bold; margin-right: 2.7em; } .index-about .advantage-item .advant-number{ line-height: 1; font-weight: 500; } .index-about .advantage-item .advant-number::after { content: attr(data-item); color: #9a9a9a; font-size: 16px; top: 0; position: absolute; transform: translate( 6px, -4px); } .index-about .advantage-item .advantage-desc { margin-top: .8em; } .index-about .link-btn{ margin-top: 3.6em; } /* .index-about-pic-wrap{ position: absolute; right: 0; top: 0; width: 47.5em; height: 100%; } */ /*.index-about-pic-wrap{ position: absolute; right: 0; top: 0; width: auto; height: 100%; }*/ /*.index-about .index-about-pic{ height: 100%; }*/ /*.index-about .index-about-bg { width: auto; height: 100%; max-width: none; top: 0; right: 0; z-index: 1; }*/ /*.index-about .index-about-bg>img { height: 100%; }*/ /*.index-about .index-about-bg01 { z-index: 2; left: -1.8em; width: 50em; }*/ /*.index-about .index-about-bg01::after { content: ''; display: block; width: 50em; padding-bottom: 95%; }*/ /*.index-about .index-about-bg01 .index-about-pic { position: absolute; width: 100%; top: 0; left: 0; }*/ /*.index-about .index-about-bg02 { left: -3.3em; }*/ /*.index-about .index-about-pic { z-index: 3; }*/ .index-about-pic-wrap {position:absolute;right:0;top:0;width:100vh;height:100vh;transition: all .3s;} .index-about .index-about-pic {position:absolute;right:0;top:50%;z-index:3;width:200%;height:200%;max-width:none;border-radius:50%;transform:translate(50%,-50%);overflow:hidden;} .index-about .index-about-pic img {width:100%;height:100%;} .index-about .index-about-pic .pc {display: block;} .index-about .index-about-pic .mo {display: none;} .index-about .index-about-bg {position:absolute;right:0;top:50%;transform:translate(50%,-50%);border-radius:50%;} .index-about .index-about-bg01 {z-index:2;width:207%;height:207%;background:#006fbc;} .index-about .index-about-bg02 {z-index:1;width:214%;height:214%;background:#b0d2ea;} .index-about .about-circle-pic {position:absolute;display:block;right:0;top:50%;transform:translate(50%,-50%);z-index:-1;width:400%;max-width:none;animation:rotateTest 30s linear infinite;} .index-about .about-circle-pic { position: absolute; display: block; right: 0; top: 50%; transform: translate(50%, -50%); z-index: 0; width: 400%; max-width: none; animation: rotateTest 30s linear infinite; } @keyframes rotateTest { 0%{ transform: translate(50%, -50%) rotate(0deg); } 100% { transform: translate(50%, -50%) rotate(360deg); } } @media (max-width: 1024px) { .index-about .index-about-pic .pc {display: none;} .index-about .index-about-pic .mo {display: block;} } /* about us */ /* 专业领域 */ .index-field { font-size: 20px; padding-bottom: 5em; } .index-field .link-btn{ justify-content: center; margin-top: 2.6em; } .index-field .index-field-title{ color: rgba(255, 255, 255, .6); } .index-field .index-section-title{ margin-top: 14px; line-height: 1.2; } .field-swiper .field-nav{ bottom: 5em; width: 100%; z-index: 2; font-size: 20px; } .field-swiper .field-item{ width: 5em; left: 0; top: 0; right: 0; bottom: 0; margin-right: 2em; cursor: pointer; } .field-swiper .field-item:last-of-type{ margin-right: 0; } .field-swiper .field-item-pic{ width: 100%; height: 5em; left: 0; top: 0; right: 0; bottom: 0; margin-bottom: 1.2em; } .field-swiper .field-item .field-item-content { width: 2.2em; } .field-swiper .field-item-pic .circle { width: 6em; max-width: none; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.8); } .field-swiper .field-item-pic .circle-active{ width: 6em; max-width: none; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.8); opacity: 0; } .field-swiper .field-item:hover .field-item-pic .circle{ transform: translate(-50%, -50%) scale(.8); opacity: 0; } .field-swiper .field-item:hover .field-item-pic .circle-active, .field-swiper .field-item.active .circle-active{ transform: translate(-50%, -50%) scale(1); opacity: 1; } .field-swiper .field-item.active .circle { transform: translate(-50%, -50%) scale(.8); opacity: 0 } .field-swiper .field-item-mo { display: none; } .field-swiper .field-nav-pc{display: flex;} .field-swiper .field-nav-mo{display: none;} /* 专业领域 */ /* 项目 */ /* .project-section{ width: 100%; font-size: 20px; padding-top: 9em; padding-bottom: 5em;background: pink; } */ .project-section{ width: 100%; font-size: 20px; padding-top: 0em; padding-bottom: 0em; } .project-section .project-item-pic{ width: 100%;height: 135px; overflow: hidden; border: 0px solid Red; } .project-section .project-item-pic::after{ content: ''; width: 100%; padding-bottom: 60%; display: block; } .project-section .project-pic{ position: absolute; width: 100%; height: 100%; display: block; transition: all .3s; object-fit: contain;} .project-section .project-swiper{ padding-top: 0.5em;border: 0px solid red;overflow: hidden; } .project-section .project-item-title{ padding-top: .8em;margin: 20px 0px 10px; color: #212A40;text-align: center;font-weight: 600;font-size: 16px;padding: 0px 12px;} .project-section .project-item-desc{ color: #6D7383;text-align: center;height: 18px;padding: 0px 12px;} .project-section .project-item:hover .project-pic { transform: scale(1.1) } .project-section .project-slide:hover .project-item-title { color: #0a84ff; } .project-section .project-button { top: 34%; width: 40px; height: 40px; border-radius: 50%; margin-top: 0; color: #fff; background: rgba(0,0,0,.6); } .project-section .project-button:after { font-size: 20px; } .project-section .project-button.swiper-button-disabled { opacity: 0; } .project-section .project-next { right: 1%; } .project-section .project-prev { left: 1%; } .project-section .project-pagination{ padding: 0.2em 0 0.2em;margin-top: 14px;} .project-section .project-pagination .swiper-pagination-bullet{ width: 2.5em; height: 4px; background: #e8e8e8; border-radius: 0; opacity: 1; position: relative; } .project-section .project-pagination .swiper-pagination-bullet::after{ content: ''; transition: .3s all; background: #006FBC; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .project-section .project-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 100%; } .project-tags-content{ overflow-x: auto; overflow-y: hidden; } .project-tags{border-bottom: 1px solid #E8E8E8} .project-section .project-tag{ padding-bottom: 0.6em;;min-width: 7.7em; cursor: pointer; margin-right: 1em; border: 0px solid #E8E8E8; height: auto; min-height:auto; border-radius: 0em; overflow: hidden; z-index: 1; color: #333; font-size: 1em; background: #fff;white-space: nowrap; } .project-section .project-tag:last-of-type{ margin-right: 0; } .project-section .project-tag.active{ color: #006fbc; border-bottom: 2px solid #006fbc;} /* .project-section .project-tag::after{ content: ''; position: absolute; top: 0; left: 50%; z-index: 2; transform: scale(.6) translate(-50%, 100%); width: 100%; padding-bottom: 35%; background: url(../../images/index-project-active.png) no-repeat center; } */ .project-section .project-tag.active::after{ transform: scale(1) translate(-50%, 0); } .project-section .project-tag.disabled { cursor:not-allowed; pointer-events: none; } @media (max-width: 1081px) { .project-section .project-tag { font-size: .89em; } } /* 项目 */ /* 新闻中心 */ .index-news-center{ font-size: 20px; padding-top: 0em; } .news-recommond{ width: 60%; padding-right: 5em; } .news-recommond .news-recommond-pic-box{ width: 100%; overflow: hidden; } .news-recommond-pic-box::after{ content: ''; display: block; width: 100%; padding-bottom: 54.48%; } .news-recommond-pic-box .news-recommond-pic{ width: 100%; height: 100%; object-fit: cover; position: absolute; } .news-recommond .news-recommond-time{ color: #adadad; line-height: 3; } .news-recommond .news-recommond-title{ line-height: 1.42; margin-bottom: .7em; } .news-recommond:hover .news-recommond-pic { transform: scale(1.1) } .news-recommond:hover .news-recommond-title { color: #0a84ff; } .index-news-center .news-center-list{ width: 40%;} .index-news-center .news-center-list .news-center-item{ padding: 1.5em 0; border-bottom: 1px solid #d6d6d6; } .index-news-center .news-center-list .news-center-item:first-of-type { border-top: 1px solid #d6d6d6; } .index-news-center .news-center-list .news-center-item .news-center-item-title{ width: 24.2em; line-height: 1.6; } .index-news-center .news-center-list .news-center-item .news-center-item-time{ color: #878787; } .index-news-center .news-center-list .news-center-item:hover .news-center-item-title { color: #0a84ff; } /* 新闻中心 */ /* 招聘 */ .recruitment-content{ font-size: 20px; padding-bottom: 3.5em; } .recruitment-title-box .recruitment-title-desc{ color: rgba(255, 255, 255, .8); padding-top: .5em; } .recruitment-type{ width: 60%; padding-top: 9em; margin: 0 auto; justify-content: space-between; } .recruitment-type .iconfont { margin-bottom: .2em; font-size: 2.7em; } .recruitment-type .link-btn{ padding-top: 1.2em; } /* 招聘 */ @media (max-width: 1367px) { .recruitment-section-bg { background-position: 81% center; } .index-about-pic-wrap { top: auto; bottom: 0; width: 70vh; height: 70vh; } .banner-swiper .banner-item .banner-text {left:0;bottom:30vh;transform:translateX(0);} .right-navigate .scroll-pic { font-size: 18px; } .field-swiper .field-nav { font-size: 15px; } .field-swiper .field-nav .field-item-title{ font-size: 16px; } .project-section{ font-size: 18px; } .project-section .main-layout { padding: 0 5.6em; } .recruitment-content{ font-size: 15px; } .recruitment-type{ padding-top: 6em; } .recruitment-type .recruitment-type-name{ font-size: 24px; } .index-about{ display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-end; } /*.index-about-pic-wrap{ position: relative; height: auto; width: 60%; }*/ /*.index-about-pic-wrap {top:auto;width:90vh;height:90vh;}*/ .project-section .project-swiper { padding-top: 2em; } .project-section .project-pagination { padding: 1em 0 1.5em; } /*.news-recommond .news-recommond-pic-box { width: 50%; }*/ .news-recommond .news-recommond-title { font-size: 20px; } .index-news-center .news-center-list .news-center-item { padding: 1em 0; } .field-swiper .field-item { width: 8em; } } @media (max-width: 1081px) { .banner-swiper .swiper-pagination { bottom: 4em; } .banner-swiper .banner-item .banner-text { bottom: 15vh; } .index-news-center .news-center-list .news-center-item { padding: 1em 0; } .index-news-center .news-center-list .news-center-item .news-center-item-title { width: 80%; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } } @media (max-width: 1024px) { .right-navigate{ border-left: 0; } .right-navigate .scroll-pic { font-size: 15px; } .banner-swiper .banner-item .banner-text { bottom: 18vh; } .banner-swiper .swiper-pagination {bottom: 5.6em;} /*.index-about .about-circle-pic{ width: 420%; }*/ .index-about-pic-wrap {width:66vh;height:66vh;top:80%;} .index-news-center{ flex-direction: column; } .index-news-center .news-recommond{ margin-right: 0; width: 100%; display: flex; } .index-news-center .news-center-list{ width: 100%; margin-top: 30px;} .project-section{ padding-top: 3em; } .mobile-text{ width: 50%; margin-left: 30px; } } @media (max-width: 768px) { .right-navigate, .right-navigate .scroll-pic{ width: 3.6em; font-size: 15px; } .banner-swiper .banner-item .banner-text{ bottom: 14vh; } .project-header-title-cn { font-size: 36px; } .project-header-title-en { font-size: 20px; } .project-section .project-item-title{ font-size: 16px; } .news-recommond .news-recommond-title{ font-size: 18px; } .index-news-center .news-center-list .news-center-item .news-center-item-title{ width: 100%; font-size: 14px; } .index-news-center .news-center-list .news-center-item .news-center-item-time{ font-size: 12px; } } @media (max-width: 500px) { .project-section .main-layout { padding: 0 30px; } .banner-swiper .swiper-pagination {bottom: 2em;} .index-about { font-size: 15px; } .index-about .index-about-text{ width: 100%; } .index-about .index-about-text .index-about-title{ font-size: 26px; } .index-about .advantage-item .advant-number{ font-size: 18px; } .index-about .advantage-item{ margin-bottom: 1.2em; margin-right: 2em; } .index-about .advantage-item .advant-number::after{ font-size: 12px; } .index-about .advantage-item .advant-number{ font-size: 24px; } .index-about .advantage-item .advantage-desc { margin-top: 0.3em; } .index-about .link-btn{ margin-top: 2em; font-size: 16px; } .about-text-box {justify-content:flex-start;margin-top:15vh;} .index-about-pic-wrap {width:50vh;height:50vh;top:89%;} .index-field{ padding-bottom: 0; } .index-field .index-section-title{ font-size: 26px; } .index-field .index-field-title{ font-size: 18px; } .field-swiper .field-nav-pc{display: none;} .field-swiper .field-nav-mo{display: block;} .field-swiper .field-nav-mo::before, .field-swiper .field-nav-mo::after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,.3); } .field-swiper .field-nav-mo::before { top: 0; } .field-swiper .field-nav-mo::after { bottom: 0; } .field-swiper .field-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; padding: 3% 2%; margin-right: 0; border-left: 1px solid rgba(255,255,255,.3); opacity: .6; } .field-swiper .field-item:last-child { border-right: 1px solid rgba(255,255,255,.3); } .field-swiper .field-item::before { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #fff; opacity: 0; transition: all .3s; } .field-swiper .field-item.swiper-slide-active, .field-swiper .field-item.swiper-slide-active::before { opacity: 1; } .field-swiper .field-item-pic { width: 22px; height: 22px; margin-bottom: 0; } .field-swiper .field-item .field-item-content { width: 100%; height: 100%; object-fit: contain; } .field-swiper .field-nav-mo .field-item-title { font-size: 11px; margin-top: 6px; } .field-swiper .link-btn { font-size: 16px; } .field-swiper .field-item-mo { display: block; margin: 0 auto; } .field-swiper .field-item-mo .field-item-content { width: 1.2em; } .field-swiper .field-item-mo .field-item-pic { margin-bottom: 0; } .field-swiper .field-item-mo .field-item-pic .circle { width: 2em; } .field-swiper .field-item-mo .field-item-pic .circle-active { width: 4em; } .project-header-title-cn { font-size: 24px; } .project-header-title-en { font-size: 14px; } .project-section .link-btn .link-btn-text{ display: none; } /*.project-section .link-btn .circle{ width: 30px; height: 30px; }*/ .project-section .project-item-title{ font-size: 14px; } .project-section .project-tag{ min-width: 6.7em; min-height: 36px; font-size: 14px; } .project-section .project-pagination { padding: 2em 0 3em; } .index-news-center .news-center-list { margin-top: 1em; } .index-news-center .news-center-list .news-center-item { flex-direction: column; align-items: flex-start; padding: 10px 0; } .index-news-center .news-center-list .news-center-item .news-center-item-time { margin-top: 0.5em; } .index-news-center .news-center-list .news-center-item:last-of-type { display: none; } .mobile-text{ width: 100%; margin-left: 0; } .index-news-center .news-recommond{ padding-right: 0; } .recruitment-title-box h2 { font-size: 28px; } .recruitment-title-box .recruitment-title-desc { font-size: 16px; } .recruitment-type{ width: 86%; } .recruitment-type .recruitment-type-name { font-size: 20px; } .recruitment-type .link-btn { font-size: 14px; } /*.recruitment-type .link-btn .circle { width: 2.2em; height: 2.2em; }*/ .link-btn:hover .link-btn-text .text-box {transform:none;} .link-btn:hover .circle__inner--yellow {transform:none;opacity:1;} .link-btn:hover .circle__inner--bordered {transform:none;opacity:0;} .link-btn:hover .circle__arrow--yellow {transform:none;opacity:0;} .link-btn:hover .circle__arrow--black {transform:none;opacity:1;} } /* ===============================我的样式=============================== */ .banner-pic-chuan{ position: absolute; top: 200px; bottom: 0px; right: -20px; width: 900px !important; height: 600px !important; /* background: pink; */ } .banner-pic-chuan img{ object-fit: fill !important; animation: swim2 3s infinite forwards; animation-direction:alternate; /* border: 1px solid red; */ /* transform: translateX(0vw) translateY(-6%) rotate(0deg); */ } @keyframes swim { 0% { transform: translateX(100vw) translateY(-30%) rotate(-5deg); } 30% { transform: translateX(10vw) translateY(10%) rotate(8deg); } 80% { transform: translateX(-50%) translateY(-10%) rotate(5deg); } 100% { transform: translateX(-100vw) translateY(-20%) rotate(-8deg); } } @keyframes swim2 { 0% { transform: translateX(0vw) translateY(0%) rotate(0deg); } 100% { transform: translateX(0.5vw) translateY(-6%) rotate(-3deg); } } .btn1{ /* background: #006FBC; */ background: none; border: 1px solid #6D7383; } .banner_tit2{ font-size: 16px; height: 22px; /* background: darkgreen; */ } .banner_page{ position: absolute; left: 0; bottom: 0; width: 680px; height: 125px; background: rgba(0, 0, 0, 0.627); z-index: 1; } .banner_mid{ width: 120px !important; height: 125px !important; /* background: #006FBC; */ position: absolute; left: calc(50% - 60px); top: 0px; } .banner_point_l,.banner_point_r{ position: absolute; top: calc(50% - 24px); width: 50px; height: 50px; border-radius: 999px; border: 1px solid #fff; } .banner_point_l{ left: -75%; } .banner_point_r{ right: -75%; } .banner-swiper .swiper-pagination{ height: 9px; transform: none; width: 100%; top: 50%; /* 将元素的顶部定位到父容器的中央位置 */ left: 50%; /* 将元素的左侧定位到父容器的中央位置 */ transform: translate(-50%, -50%); /* 通过负的margin值将元素的中心定位到父容器的中央位置 */ /* background: pink; */ } /* ===============================通知公告=============================== */ .tzgg{ /* padding: 64px 46px 64px 155px; */ padding-left: 100px; /* background: #605d5d; */ /* border: 1px solid red; */ width: 40%; height: 100vh; padding-top: 3.3em; } .tzgg_news{ /* padding: 0px 155px; */ padding: 0px 155px 0px 0px; background: #F6F7F9; /* background: pink; */ } .tzgg_tit{ margin-bottom: 26px; } .tzgg_tit p{ color: #0156C3; font-size: 22px; } .tzgg_tit img{ width: 24px; height: 24px; object-fit: contain; margin-left: 6px; } .tzgg_box{ padding-right: 40px; height: 331px; /* overflow: hidden; */ } .tzgg_box li{ border-top: 1px dashed #6D7383; padding: 20px 0px; position: relative; cursor: pointer; } .tzgg_box li::after{ position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; content: ""; background: #f4f4f4; z-index: -1; transition:.6s all; } .tzgg_box li:hover::after{ width: 100%; } .tzgg_box li:hover .tzgg_desc,.tzgg_box li:hover .tzgg_time{ /* color: red; */ /* background: #0156C3; */ color: #0156C3; } .tzgg_box li:last-child{ border-top: 1px dashed #6D7383; border-bottom: 1px dashed #6D7383; } .tzgg_box img{ width: 16px; height: 16px; object-fit: contain; margin-right: 6px; } .tzgg_desc{ color: #212A40; font-size: 14px; margin-bottom: 8px; } .tzgg_time{ color: #6D7383; font-size: 12px; } .project-total-aaa{ overflow: hidden; margin-left: 40px; /* background: pink; */ } .project-tags-aaa{ margin-left: 40px; } @media (max-width: 750px) { .project-tags-aaa{ overflow: scroll; } .project-tags-bbb{ overflow: scroll; margin-top: 20px; } } /* ===============================公司新闻+健康资讯=============================== */ .news{ /* padding: 64px 0px 64px 60px; */ padding-right: 100px; width: 60%; background: #F6F7F9; height: 100vh; padding-top: 3.3em; } .news_tit{ margin-bottom: 26px; } .news_tit li{ margin-right: 24px; } .news_tit img{ width: 24px; height: 24px; object-fit: contain; margin-right: 6px; } .news_tit p{ color: #a8a8a8; font-size: 22px; } .news_chose p{ color: #0156C3 !important; } .news_tit_item{ background: none !important; border: none !important; margin-right: 20px; cursor: pointer; } .news_img{ width: 100%; margin-bottom: 32px; } .news_img img{ width: 100%; object-fit: contain; } .news_box{ /* height: 331px; */ /* background: pink; */ } .news_box li{ /* background: #ccc; */ cursor: pointer; overflow: hidden; width: 32%; margin-right: 1.33%; } .news_box li:hover .news_img img{ transform: scale(1.1); } .news_box li h5{ color: #212A40; font-size: 16px; font-weight:600; } .news_box li p{ color: #6D7383; font-size: 16px; } .news_more2{ /* margin-bottom: 10px; */ } .news_more{ margin-top: 10px; } .news_more div{ background: #0156C3; color: #fff; width: 100px; height: 26px; overflow: hidden; line-height: 26px; text-align: center; font-size: 14px; } .news_more_btn{ width: 26px !important; height: 26px !important; background: #0156C3; margin-left: 4px; display: flex; justify-content: center; align-items: center; } .news_more_btn img{ width: 16px; height: 16px; } .jkzx_item h5{ margin-bottom: 20px; height: 42px; /* background-color: #fff; */ } .jkzx_item p{ margin-bottom: 72px; margin-top: 56px; font-size: 14px !important; line-height: 28px; height: 134px; /* background-color: #fff; */ } .jkzx_item2{ } .bjsp_item:nth-of-type(4) .news_more2,.bjsp_item:nth-of-type(5) .news_more2,.bjsp_item:nth-of-type(6) .news_more2{ /* background: pink; */ margin-bottom: 0px; } .bjsp_item p{ margin-top: 20px; margin-bottom: 40px; } /* ===============================关于我们=============================== */ .about_left{ /* height: 545px; */ background: #0156C3; /* background: #0155c37e; */ color: #FFF; padding-top: 0px; padding-bottom: 0px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; /* border: 2px solid red; */ padding-right: 40px; } .about_left_tit1{ font-size: 36px; /* margin-bottom: 0px; */ } .about_left_tit2{ /* margin-top: 0px; */ font-size: 30px; margin-bottom: 60px; } .about_left p{ font-size: 14px; line-height: 32px; margin-bottom: 70px; } .about_left>div{ font-size: 14px; margin-bottom: 80px; line-height: 32px; } .about_right{ /* background: url('/img/about_dfh.png') center right no-repeat; */ background: center right no-repeat; background-size: cover; } .about_right_box{ display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; } .about_right_item{ width: 240px; /* border: 2px solid red; */ border-right:1px solid #FFF; display: flex; align-items: center; flex-direction: column; color: #fff; position: relative; text-align: center; } .about_right_item:last-child{ border: none; } .about_right_item>span{ font-size: 16px; position: absolute; right: 20px; top: 18px; } .about_right_item div{ font-size: 90px; line-height: 90px; font-weight: bold; } .about_right_item p{ font-size: 16px; position: relative; top: 20px; } #count-container2-1,.point{ font-size: 40px; line-height: 40px; padding-bottom: 6px; } .abouth5{ padding-top: 0px; padding-bottom: 0px; } @media (max-width: 750px) { .about_left>div{ margin-bottom: 30px; } .abouth5{ padding: 0px !important; height: 100%; /* background: pink; */ } .abouth5 .index-news-center{ margin-top: 0px; background: #0156C3; } .abouth5 .main-layout2{ height: 100%; } .abouth5 .index-news-center{ height: 100%; } .abouth5 .tzgg{ padding-top: 3.3em !important; } .about_left_tit2{ margin-bottom: 30px; } .about_left p{ margin-bottom: 30px; line-height: 30px; } .about_left{ padding: 0px 30px 30px 30px !important; } .about_right{ flex: 1; } .about_left_tit1{ font-size: 24px; } .about_left_tit2{ font-size: 24px; } } /* ===============================科研创新=============================== */ .kycx{ background: #fff; } .kycx_left{ /* background-color: pink; */ padding-right: 40px; } .kycx_left h4{ font-size: 30px; font-weight: bold; margin-bottom: 26px; } .kycx_left>div>img{ display: none; } .kycx_left p{ font-size: 14px; line-height: 30px; font-weight: 400; color: #6D7383; margin-bottom: 26px; } .kycx_left span{ font-family: "Microsoft Yahei", 微软雅黑, Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 30px; font-weight: 400; color: #6D7383 !important; margin-bottom: 26px; } .kycx_left_btnbox{ width: 130px; } #kycxLeft,#kycxRight{ width: 50px; height: 50px; border: 1px solid #6D7383; border-radius: 999px; transition: all .3s; } #kycxLeft:hover,#kycxRight:hover{ transform: scale(1.1); cursor: pointer; background: #006FBC; border:none; } .kycx_right{ background: #fff; } .kycx_right_item_box{ background: none; height:66px; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 20px; color: #fff; } .kycx_right_item_box h4{ padding-top: 20px; margin-bottom: 20px; height: 44px; font-size: 18px; } .kycx_right_item_box p{ margin-bottom: 30px; font-size: 14px; line-height: 24px; height: 44px; } #swiper0{ /* width: 800px; */ width: 100%; /* height: 480px; */ position: relative; /* background: deeppink; */ } #swiper0::before{ position: absolute; left: 0px; width: 67px; height: 100%; background: #fff; content: ''; z-index: 999; } #swiper0::after{ position: absolute; right: 0px; top: 0px; width: 67px; height: 100%; background: #fff; content: ''; z-index: 999; } #swiper0 .swiper-slide{ border-radius: 10px; } /* 中间的 */ #swiper0 .swiper-slide-active{ /* border: 1px solid red; */ } #swiper0 .swiper-slide-active .kycx_right_item_box{ height: 200px; background: linear-gradient( 45deg, #21A2F3 0%, #0156C3 100%); border-radius: 0px 0px 10px 10px; /* background: red; */ } /* 左边的 */ /* #swiper0 .swiper-slide-active{ border: 1px solid rgb(205, 70, 70); transform:translate3d(0px, 0px, -180px) rotateX(0deg) rotateY(0deg) scale(1) ; } */ .swiper_itembox{ border: 1px solid deepskyblue; } .kycx_right_item_pic{ width: 100%; height: 100%; border-radius: 10px; } .my-slide-active .kycx_right_item_box{ background: linear-gradient(45deg, #21A2F3 0%, #0156C3 100%); } @media (max-width: 750px) { .kycx{ margin-top: 0px !important; } .kycx .tzgg{ padding: 20px 20px 20px 20px; } } /* ===============================研发团队=============================== */ .bbb{ -webkit-mask-size:100% 100%; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-composite:add; -webkit-mask-image: url('../../../../img/science/zjbg4.png'); width: 100%; aspect-ratio: 1/1; z-index: 999; position: relative; } .mylayout2{ padding: 0px 156px; } .yftd{ /* height: 700px; */ /* background: #F6F7F9; */ /* background: #fff; */ font-size: 20px; } .yftd_tit{ /* background: #F6F7F9; */ /* background: pink; */ padding-right: 0px; padding-bottom: 0px; } .yftd_tit h4{ color: #212A40; font-size: 34px; } .yftd_tit>div>img{ display: none; } .yftd_btn{ width: 120px; height: 60px; } .yftd_btn img{ /* width: 42px; height: 42px; */ cursor: pointer; } #yftdLeft,#yftdRight{ width: 48px; height: 48px; border: 1px solid rgb(109 115 131 / 20%); border-radius: 999px; transition: all .3s; } #yftdLeft:hover,#yftdRight:hover{ transform: scale(1.1); cursor: pointer; background: #006FBC; border:none; } .yftd_box{ /* background: #F6F7F9; */ padding-top: 30px; padding-right: 0px; overflow: hidden; /* background: PINK; */ } #swiper1{ /* height: 500px; */ } .yftd_item{ position: relative; cursor: pointer; /* background: pink; */ padding: 0px 12px; /* margin: 0 12px; */ } .yftd_peo{ width: 88%; margin: 0 auto; display: block; /* padding: 0px 20px; */ position: relative; /* border: 1px solid red; */ } .yftd_peo1_cri{ position: absolute; z-index: 0; /* left: 0px; bottom: 2px; */ bottom:10%; left:50%; transform:translate(-50%,10%); -webkit-transform:translate(-50%,10%); -moz-transform:translate(-50%,10%); /* border: 1px solid rgb(118, 118, 118); */ } .yftd_item .yftd_peo1,.yftd_item .yftd_peo2{ width: 100%; } .cri1{ /* display: none; */ height: 0px; } .yftd_peo1_cri{ } .yftd_item .yftd_peo1{ /* display: none; */ z-index: 1; position: relative; /* border: 1px solid rgb(203, 83, 83); */ } .yftd_name{ border-bottom: 1px solid #0156C3; margin-bottom: 10px; /* background: pink; */ width: 168px; } .yftd_name h5{ color: #0156C3; margin-right: 12px; } .yftd_name span{ color: #6D7383; font-size: 14px; } .yftd_txt{ width: 88%; margin: 0 auto; } .yftd_txt p{ font-size: 14px; color: #6D7383; margin-bottom: 6px; } /* ===============================产品体系=============================== */ .cptx-top{ padding: 0px 60px; /* margin-top: 60px; */ } .cptx-tit{ color: #212A40; font-size: 34px; } .cptx-tit>img{ display: none; } .cptx_item{ background: #F6F7F9; /* border: 1px solid red; */ text-align: center; padding: 20px 0px 50px; border-radius: 0px; cursor: pointer; } .cptx_item:nth-child(2n){ background: #fff; } .cptx_item img{ width: 50%; margin: 0 auto; display: block; } .cptx_item h4{ margin: 20px 0px 10px; color: #212A40; font-size: 20px; } .cptx_item p{ color: #6D7383; font-size: 14px; } .project-slide a{ text-align: center; padding: 20px 0px 20px; border-radius: 0px !important; cursor: pointer; margin-bottom: 20px; display: block; } .zzzzzzzzzzuuuuu .wrapnormal:nth-of-type(2n) a{ background: #F6F7F9; } .zzzzzzzzzzuuuuu .wrapfirst:nth-of-type(2n) a{ background: #F6F7F9; } .zzzzzzzzzzuuuuu .wrapsecond:nth-of-type(2n+1) a{ background: #F6F7F9; } .zzzzzzzzzzuuuuu .swiper-slide{ /* border: 1px solid red; */ } @media (max-width: 750px) { .zzzzzzzzzzuuuuu .wrapfirst:nth-of-type(2n) a{ background: #F6F7F9; } .zzzzzzzzzzuuuuu .wrapsecond:nth-of-type(2n+1) a{ background: #ffffff; } .zzzzzzzzzzuuuuu .wrapsecond:nth-of-type(2n) a{ background: #F6F7F9; } .cptx-tit{font-size: 24px;} .cptx-tit>img{ width: 26px; display: block; margin-right: 2px; margin-top: 2px; } .cptx-tit>h4{ color: #0156C3; } } /* ===============================视频专区=============================== */ .spzq{ /* height: 700px; background: #F6F7F9; */ } .spzq_box{ margin-top: 20px; } .spzq_item{ width: 50%; } /* .spzq_item video{ width: 100%; height: 400px; border: 1px solid #ccc; } */ .spzq_item>img{ width: 100%; aspect-ratio: 16/9; object-fit: cover; /* height: 400px; */ cursor: pointer; border: 1px solid #ccc; } .spzt_txt{ margin-top: 30px; margin-right: 30px; } .spzt_txt_l{ text-align: right; margin-right: 10px; } .spzt_txt_l p,.spzt_txt_l2 p{ color: #6D7383; font-size: 14px; margin-top: 14px; } .spzt_txt_l2{ text-align: left; margin-left: 10px; } .spzt_txt2{ margin-bottom: 30px; margin-left: 30px; } .spzt_btn{ background: #0156C3; width: 54px; height: 54px; } .spzt_btn img{ width: 34px; height: 28px; } .video{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; } .video_cont{ width: 100%; height: 100vh; } .video video{ width: 60%; height: 500px; } .video_btn{ position: absolute; top: 20px; right: 20px; cursor: pointer; } /* ===============================社会责任=============================== */ .shzr_item{ border: 1px solid #CBD4E2; padding: 20px; position: relative; cursor: pointer; border-radius: 10px; display: block; } .shzr_item:first-child{ margin-bottom: 20px; } .shzr_item:hover{ background: linear-gradient(45deg, #21A2F3 0%, #0156C3 100%); } .shzr_item:hover .shzr_tit,.shzr_item:hover .shzr_subtitle{ color: #fff; } .shzr_item_pic{ width: 100%; height: 220px; margin-bottom: 10px; border-radius: 10px; overflow: hidden; } .shzr_item_pic img{ width: 100%; height: 100%; transition: all .3s; object-fit: cover; } .shzr_item_pic img:hover{ transform: scale(1.1); } .shzr_tit{ color: #212A40; font-size: 16px; font-weight: 600; height: 44px; /* background: pink; */ } .shzr_subtitle{ color: #767676; font-size: 14px; margin-top: 4px; } .shzr_btn_box{ display: none; } .shzr_btn{ position: absolute; right: 40px; top: 40px; background: #0156C3; border-radius: 999px; width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; } .shzr_tit_btn img{ width: 24px; height: 24px; } .shzr_tit_btn{ width: 120px; height: 58px; /* background: pink; */ } .shzr_tit_btn>.pubbtn{ width: 48px; height: 48px; border: 1px solid rgb(109 115 131 / 20%); border-radius: 999px; transition: all .3s } .shzr_tit_btn>.pubbtn:hover{ transform: scale(1.1); cursor: pointer; background: #006FBC; border:none; } .shzr_tit_btnpic2{ display: none; } @media (max-width: 750px) { .shzr .swiper-slide a:last-child{ /* background: red; */ /* display: none; */ } } /* ===============================媒体查询=============================== */ @media (max-width: 1367px) { /* .project-section{height: 100%;} */ } @media (max-width: 750px) { .project-section .main-layout2 { padding: 0 0em; } .tzgg{ width: 100%; padding-right: 30px; display: block; height: auto; } .news{ width: 100%; padding-left: 30px; padding-top: 1em; display: block; height: auto; } .tzgg_tit{ margin-bottom: 18px; } .project-total-aaa{ margin-left: 0px; } .project-tags-aaa{ margin-left: 0px; } .about_right{ padding-bottom: 1em; } .about_right_item div{ font-size: 60px; } .about_right_item>span{ position: relative; left: 0px; top: 0px; text-align: center; display: block; width: 100%; } #count-container2-1, .point{ font-size: 30px; } .about_right_item p{ font-size: 12px; top:0px; width: 80%; } #swiper0::before{ position: absolute; left: 0px; width: 0px; height: 100%; background: #fff; content: ''; z-index: 999; } #swiper0::after{ position: absolute; right: 0px; top: 0px; width: 0px; height: 100%; background: #fff; content: ''; z-index: 999; } #swiper0 .swiper-slide-active .kycx_right_item_box{ /* height: 100px; */ } .tzgg_box li{ padding: 10px; } .tzgg_box li:nth-of-type(4){ display: none; } .tzgg_box li:nth-of-type(3){ display: none; } .kycx_left{ padding-right: 0px; } .kycx_left p{ margin-bottom: 0px; line-height: 24px; /* background: pink; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:8; } .kycx_left h4{ margin-bottom: 10px; color: #0156C3; font-size: 24px; } .kycx_left div img{ display: block; width: 32px; } .yftd{ padding: 0px 20px !important; } .yftd_tit h4{ font-size: 24px; line-height: 52px; color: #0156C3; } .yftd_tit>div>img{ width: 26px; display: block; margin-right: 2px; margin-top: 2px; } .spzq_box{ flex-wrap: wrap; } .spzq_item{ width: 100%; } .spzq_item>img{ height: 200px; } .spzq_tit{ /* margin-top: 1em; */ } .spzt_txt{ margin-top: 10px; margin-right: 0px; } .spzt_txt2{ margin-bottom: 10px; margin-left: 0px; justify-content: flex-start; padding-top: 14px; } .spzt_txt_l p, .spzt_txt_l2 p{ margin-top: 0px; } .spzq_box .circle__arrow{ transform: rotate(-90deg); } /* ================== */ .project-section .main-layout2 { padding: 0 0; } .tzgg{ width: 100%; padding-right: 0px; padding-left: 0px; padding-top: 0px; display: block; height: auto; } .news_img{ margin-bottom: 10px; overflow: hidden; } .news{ width: 100%; padding: 16px 20px 0px 20px; display: block; height: 284px; box-sizing: border-box; padding-bottom: 40px; /* background: pink; */ } .news_box{ height: auto; } /* .project-section{height: 100%;} */ .project-section-header{ flex-wrap: wrap; } .tzgg_box{ padding-right: 0px; /* height: 37vh; */ height: auto; overflow: hidden; margin-bottom: 10px; } .index-news-center{ /* background: pink; */ /* padding-top: 3.3em; */ margin-top: 60px; } .news_tit{ margin-bottom: 10px; } .news_box li{ width: 100%; /* border: 1px solid red; */ margin-right: 0px; } .news_box li:first-child{ /* display: block; width: 100%; */ } .bjsp_item p{ display: none; } .bjsp_item .news_more{ display: none; } .jkzx_item p{ height: 78px; margin-top: 0px; margin-bottom: 30px; -webkit-line-clamp:3 ; overflow: hidden; } #swiper0 .swiper-slide-active .kycx_right_item_box{ height: 80px; } .kycx_right_item_box h4{ font-size: 16px; padding-top: 10px; margin-bottom: 0px; height: 34px; } .kycx_right_item_box p{ font-size: 12px; line-height: 18px; height: 38px; margin-bottom: 10px; /* background: red; */ } .kycx_right_item_box img{ width: 26px; display: none; } .kycx_left_btnbox{ display: none; } .project-section .project-item-pic{ width: 80%; height: 100px; margin: 0 auto; } }