#c-placeholder {height: 7.5rem;} header {position: fixed; left: 0; top: 1.4375rem; z-index: 99; width: 100%; transition: .6s; } .headBox {padding: 0 3.28%; transition: .5s; height: 7.5rem; display: flex; justify-content: space-between; align-items: center; background: transparent;} .headBox .logo {height: 100%;} .headBox .logo img {height: 7.125rem; max-height: 100%; object-fit: contain; filter: brightness(100); -webkit-filter:brightness(100);} .headBox .le {height: 100%; flex-shrink: 0;} .headBox .le .logo a {height: 100%;} .headBox .re {height: 100%; justify-content: end;} /* 导航 */ /* 取消layui默认样式 */ .qx-style {padding: 0; border-radius: 0; background: none;} .qx-style .layui-nav-item {line-height: initial;} .qx-style .layui-nav-item > a {padding: 0;} /* 取消layui默认样式 end!!!*/ nav {height: 100%; width: 50.6%;} nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;} nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; transition: 0.6s; position: relative; } nav .layui-nav .layui-nav-item::after{position: absolute;content: '';bottom: 1.8rem;width: 0;height: 1px;background: #fff;border-radius: .125rem;transition: .6s;} nav .layui-nav .layui-nav-item > a {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block;} nav .layui-nav .layui-nav-item > a i {display: none;} nav .layui-nav .layui-nav-item.layui-this::after{width: 100%;} @media (any-hover:hover) { nav .layui-nav .layui-nav-item:hover::after{width: 100%;} } nav .layui-nav-bar {display: none;} /* 默认下拉 */ .navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 9.5rem;left: 50%;transform: translateX(-50%);display: none;background: #fff;padding:1rem} .navlist dl dt a{color: #666!important;padding: 0!important;text-align: center;display: block;font-size: var(--font16);line-height: 2;} @media (any-hover: hover) { .navlist dl dt a:hover{color: #1383C1!important;} } .ver-link a{margin: 0 .3125rem;} /* 搜索 */ .head_search {cursor: pointer; margin-left: 5.875rem;} .head_search a img{width: 1.5625rem;} /* 弹出搜索 */ .searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9); display: none;} .searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;} .searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;} .searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;} .searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;} .searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;} .searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;} .ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;} .ssfDismisser svg {width: 100%; height: 100%;} .ssfDismisser svg path{fill: #fff;} header.c-style2 .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);} header.c-style2{background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); top: 0;} header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;} header.c-style2 nav .layui-nav .layui-this > a {color: #333!important;} header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #333!important;} header.c-style2 nav .layui-nav .layui-nav-item.layui-this::after{background: #1383C1;} header.c-style2 .ver-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);} header.c-style2 .ver-link span{color: #333;} header.c-style2 .ver-link a{color: #333;} @media (any-hover: hover) { header.c-style2 nav .layui-nav .layui-nav-item:hover::after{background: #1383C1;} header.c-style2 .ver-link a:hover{color: #1383C1;} } header.c-style2 .head_search a img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);} /* =================头部 end!!!=================== */ /* ==================公用css====================== */ /* 滚动条 */ .headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#1383C1 #DDDDDD;} /*定义滑块 内阴影*/ .headerNavScroll::-webkit-scrollbar-thumb {background: #1383C1; border-radius: 5px;} /*定义滚动条轨道 内阴影*/ .headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;} /* ===============公用css end!!!!===================*/ .more1 {position: relative;display: inline-flex;align-items: center;justify-content: center;padding: .85rem 2rem;color: #fff;border-radius: .375rem;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: #1383C1;} .more1::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #fff;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;} .more1 span {position: relative;z-index: 2;font-weight: 500;} .more1_r100 {border-radius: 6.25rem;} @media (any-hover: hover) { .more1:hover { color: #1470BD; box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2); transform: translateY(-2px); } .more1:hover::before { left: 0; } } /* 首页banner */ .indexBanner {position: relative;} .bannerSwiper {height: 100%;} .bannerSwiper .imgBox {height: 100%;} .bannerSwiper .imgBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;} .bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);} .bannerSwiper .slide{overflow: hidden;} .indexBanner .info h2{font-size: 4.375rem; font-weight: 800; line-height: 1.2;} .indexBanner .info h3{margin-top: 2.25rem;} .banner-bottom{bottom: 3.3125rem; z-index: 2; position: absolute; width: 100%;} #banner-num{width: auto;position: relative;font-size: var(--font15);color: rgba(255, 255, 255, 0.2);display: flex;align-items: flex-start; margin-right: 4.375rem;} #banner-num span{margin-left: .3rem;} #banner-num .swiper-pagination-current{font-size: var(--font36);color: #fff;display: block;line-height: 0.9; margin-right:.3rem;} .indexBanner .swjt{ transition: .6s;} .indexBanner .swjt i{font-size: var(--font22); color: #fff; opacity: 0.5;} #banner-prev{left: auto;} #banner-next{right: auto; margin-left: 2.2rem;} @media (any-hover: hover) { .indexBanner .swjt:hover i{opacity: 1;} } /* 首页第一部分 */ .indexOne {padding: 7.5rem 0 6.25rem;background: url(../images/indexOne-bg.webp) no-repeat center; background-size: cover; overflow: hidden;} .indexOne .left {width: 44%; padding-top: 3.625rem;} .indexOne .right {width: 49%;} .indexOne .left .more {margin-top: 4.25rem;} .indexTle h3{display: block;} .indexOne .imgBox {position: relative;overflow: hidden;} .indexOne .imgBox img {width: 100%;display: block;} .indexOne .play {position: absolute;right: 6%;bottom: 6%;width: 3rem;height: 3rem;transition: 0.6s; z-index: 1;} .indexOne .play img {width: 100%; object-fit: contain;} .indexOne .play:hover {transform: scale(1.1);} .indexOne .play::after {content: ''; position: absolute; z-index: -1; background: #fff; width: 150%; height: 150%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; animation: scalemap 2s linear infinite;} .indexOne .num-list {margin-top: 7rem;} .indexOne .num-list li {} .indexOne .num-list .num {font-size: 4rem; font-weight: 500;display: flex;} .indexOne .num-list .txt {font-size: var(--font18);} /* 首页第二部分 - 产品中心 */ .indexTwo {position: relative;overflow: hidden;background: #fff;} .indexTwo .box {width: 100%;} .indexTwo .left {width: 50%;padding: 7.5rem 0 7.5rem 6.56%;background: #f8fbff url(../images/indexTwo-bg.webp) no-repeat center bottom / cover;position: relative;display: flex;flex-direction: column;justify-content: center;} .indexTwo .right {width: 50%;} .indexTwo .left .desc {max-width: 85%;line-height: 1.8;} .indexTwo .left .more {margin-top: 5rem;} .indexTwo .pro-list {display: flex;flex-direction: column;height: 100%;} .indexTwo .pro-list li {flex: 1;border-bottom: 1px solid #eee;transition: 0.5s;background: #fff;position: relative;overflow: hidden;z-index: 1;} .indexTwo .pro-list li::after {z-index: -1;content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #1383C1;transition: 0.5s;} .indexTwo .pro-list li a {height: 100%;padding: 2.5rem 10%;display: flex;align-items: center;} .indexTwo .pro-list li .icon {flex-shrink: 0;width: 3.25rem;height: 3.25rem;margin-right: 3.25rem;display: flex;align-items: center;justify-content: center;} .indexTwo .pro-list li .icon svg {width: 100%;height: 100%;} .indexTwo .pro-list li .icon svg path {transition: .5s; fill: #494949;} .indexTwo .pro-list li .txt h5 {font-size: var(--font28);color: #3D3D3D;font-weight: 500;transition: .5s;} .indexTwo .pro-list li .txt p {color: #868686;font-size: var(--font18);transition: .5s;} .indexTwo .pro-list li .jt {opacity: 0;width: 4rem;height: 4rem;background: #fff;border-radius: 50%;transition: 0.5s;display: flex;align-items: center;justify-content: center;} .indexTwo .pro-list li .jt i {transform: rotate(180deg);font-size: var(--font18);color: #575757;} /* 激活状态 */ @media (any-hover: hover) { .indexTwo .pro-list li:hover .icon svg path {fill: #fff;} .indexTwo .pro-list li:hover .txt p {color: rgba(255,255,255,0.8);} .indexTwo .pro-list li:hover h5 {color: #fff;} .indexTwo .pro-list li:hover::after {width: 100%;} .indexTwo .pro-list li:hover .jt {opacity: 1;transition-delay: .5s;} } .indexThre {position: relative; z-index: 1; padding-top: 7.5rem; padding-bottom: 6.25rem;} .indexThre .w1668 {} .indexThre .bjlist .imgBox {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; z-index: -1;} .indexThre .bjlist .imgBox.active {} .indexThre .bjlist .imgBox.active img {} .indexThre .bjlist .imgBox img {width: 100%; height: 100%; object-fit: cover; opacity: 0; display: block;transform: scale(1.1);transition: opacity 1.5s cubic-bezier(.435, .25, .15, .965), transform 1s cubic-bezier(.435, .25, .15, .965), -webkit-transform 1s cubic-bezier(.435, .25, .15, .965);} .indexThre .bjlist .imgBox.active img {transform: scale(1);opacity: 1;} .indexThre .list { display: flex; justify-content: space-between; gap: 2.5rem; margin-top: 17.25rem;} .indexThre .list .item {padding: 2rem; border-radius: 1.5rem; background: #fff;background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), rgba(255, 255, 255, 0.97); transition: .5s;} .indexThre .list .item .icBox {width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; background: #1383C1; border-radius: 1rem; transition: .5s;} .indexThre .list .item .icBox img {min-width: 50%; max-width: 100%; max-height: 100%; object-fit: contain;} .indexThre .list .item h5 {font-size: var(--font24); color: #3D3D3D;font-weight: 500; margin-top: 5rem;} .indexThre .list .item p {font-size: var(--font14); margin-top: .5rem;} .indexThre .list .item.active {background: #1383C1;} .indexThre .list .item.active .icBox {background: #E28800;} .indexThre .list .item.active h5 {color: #fff;} .indexThre .list .item.active p {color: #fff;} .indexFour {position: relative; overflow: hidden; background: url(../images/indexFour-bg.webp) no-repeat center; background-size: cover; padding-top: 8rem; padding-bottom: 4.5rem;} .indexFour .list {margin-top: 3.75rem; display: flex; gap: .625rem;} .indexFour .list .item {flex: 1;transition: .35s linear; position: relative; overflow: hidden;} .indexFour .list .item .bj_box {position: relative; z-index: 1; border-radius: 1.25rem; overflow: hidden; height: 32.5rem;} .indexFour .list .item .bj_box img {width: 100%; height: 100%; object-fit: cover;} .indexFour .list .item .bj_box::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 28, 52, 0.27), rgba(0, 28, 52, 0.27)); } .indexFour .list .item h5 {position: absolute; width: 100%; left: 0; bottom: 0; padding: 2.5rem; font-size: var(--font20); color: #fff; z-index: 1; text-align: center; transition: .5s;} .indexFour .list .item .con {display: flex; flex-direction: column; justify-content: space-between; position: absolute; height: 100%; bottom: 0; left: 0; z-index: 1; padding: 2.5rem; opacity: 0; transition: .5s;} .indexFour .list .item .top {margin-top: 1.25rem;} .indexFour .list .item .top .icon {width: 3.25rem; height: 3.25rem; display: flex; align-items: center; justify-content: center;} .indexFour .list .item .top .icon img {max-width: 100%; max-height: 100%; object-fit: contain; min-width: 50%; transition: .5s;} .indexFour .list .item .top h6 {color: #fff; font-weight: 600; margin-top: 1.5rem; font-size: var(--font26);} .indexFour .list .item .text {color: #fff;} /* 激活状态 */ .indexFour .list .item.active {flex: 2;} .indexFour .list .item.active h5 {opacity: 0;} .indexFour .list .item.active .con {opacity: 1; transition-delay: .3s;} .indexFour .list .item.active .bj_box::after {background: linear-gradient(180deg, rgba(1, 92, 171, 0.21) 0%, #004E92 100%);} .indexFive { background: #fff; padding: 6.25rem 0; } .news-list { margin-top: 5rem; display: flex; gap: 2rem; align-items: stretch; } .news-item { background: #f7f7f7; overflow: hidden; transition: all 0.4s ease; display: flex; flex-direction: column; } .news-item a { display: flex; flex-direction: column; height: 100%; } .news-item.large { flex: 1; width: 33.33%; } .news-right { flex: 1; width: 33.33%; display: flex; flex-direction: column; gap: 2rem; } .news-item.small { height: calc(50% - 1rem); } .news-item .imgBox { width: 100%; overflow: hidden; } .news-item .imgBox figure { position: relative; padding-bottom: 55%;} .news-item .imgBox figure img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; } .news-item:hover .imgBox img { transform: scale(1.1); } .news-item .con { padding: 2.5rem 1.75rem; flex: 1; display: flex; flex-direction: column; } .news-item .category { color: #999; font-size: 14px; margin-bottom: 15px; display: block; } .news-item h3 { font-size: var(--font22); color: #333; transition: 0.3s; } .news-item .more-link { margin-top: 3rem; color: #666; transition: 0.3s; display: flex; align-items: center; } @media (any-hover: hover) { .news-item:hover {transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); background: #fff; } .news-item:hover .more-link { color: #1383C1; } .news-item:hover .more-link i { transform: translateX(5px); } .news-item:hover h3 { color: #1383C1; } } .customers {position: relative; padding-bottom: 6.25rem;} .customers .box {border-top: 1px solid #D8D8D8;padding-top: 5rem; } .customers .swiperBox {padding: 4rem 0; padding-bottom: 0; } .customers .swiperBox .slide .imgBox {height: 5rem; position: relative; display: flex; align-items: center; justify-content: center;} .customers .swiperBox .slide .imgBox img {min-width: 50%; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain;} /* 控件 */ .customers .swjt { width: 3.25rem; height: 3.25rem; border: 1px solid #666; margin: 0; border-radius: 50%; position: relative; transform: none; left: 0; right: 0; top: 0; bottom: 0; transition: .5s;} .customers .swjt i {color: #666;} .customers .swjt {} .customers .swjt.active {background: #1383C1;} .customers .swjt.active i {color: #fff;} @media (any-hover: hover) { .customers .swjt:hover {background: #1383C1; border-color: #1383C1;} .customers .swjt:hover i {color: #fff;} } /* ==========================================================底部=============================================================== */ .footer {background: url(../images/footer-bg.webp) no-repeat center ; background-size: cover; } .footer-search { padding: 5rem 0 2.5rem; border-bottom: 1px solid rgba(216,216,216,0.2); } .footer-search .search-box { width: 45%; margin: 1.5rem auto .75rem; background: #fff; border-radius: 6.25rem; height: 4.375rem; min-height: 40px; padding: 0 .625rem 0 1.875rem; } .footer-search .search-box form {display: flex; align-items: center; height: 100%; width: 100%;} .footer-search .search-box .icBox img {filter: brightness(0); -webkit-filter:brightness(0); max-width: 1.75rem;} .footer-search .search-box input { flex: 1; border: none; height: 100%; padding-left: 1rem; font-size: 1rem; } .footer-search .search-box input::placeholder{color: rgba(61, 61, 61, .5);} .footer-search .search-box button { background: #1383C1; color: #fff; border-radius: 6.25rem; padding: 0 1.875rem; height: calc(100% - .625rem); flex-shrink: 0; transition: .4s; } .footer-search .search-box button:hover { background: #A31E3F; } .footer-search .hot-keys { color: rgba(255, 255, 255, 0.5); } .footer-search .hot-keys a {color: rgba(255, 255, 255, 0.5); margin: 0 .625rem; } .footer-search .hot-keys a:hover { color: #fff; } .footer-main {padding: 5.625rem 0 0; } .f-info {min-width: 15%;} .f-info .f-logo img {max-width: 100%; max-height: 7.125rem; filter: brightness(100); -webkit-filter:brightness(100);} .f-social { margin-top: 2.5rem; gap: .938rem; } .f-social a { width: 2.5rem; height: 2.5rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; color: #fff; transition: .4s; } .f-social a i {display: flex; align-items: center; justify-content: center; width: 100%;} .f-social a svg {width: 50%;} .f-social a svg path {fill: #fff;} /* 二维码提示 */ .f-social .f-weixin { position: relative; } .f-social .weixin-code { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) translateY(10px); width: 150px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: all 0.4s ease; text-align: center; z-index: 99;} .f-social .weixin-code::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; } .f-social .weixin-code img { width: 100%; height: auto; display: block; margin-bottom: 8px; filter: none !important; } .f-social .weixin-code p { color: #333; font-size: 14px; margin: 0; line-height: 1.2; white-space: nowrap;} .f-social .f-weixin:hover .weixin-code { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); } .foternav { flex: 1; margin: 0 10%; gap: 1.25rem; } .foternav dl dt { color: #fff; font-size: var(--font20); font-weight: 500; margin-bottom: 1.875rem; } .foternav dl dd { margin-bottom: .625rem;} .foternav dl dd a { color: rgba(255,255,255,0.69); transition: .3s; font-size: var(--font16); position: relative;} .foternav dl dd a::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .3s;} .f-contact dt { color: #fff; font-size: var(--font20); font-weight: 500; } .f-contact .phone p { color: rgba(255,255,255,0.69); margin-top: .625rem; } .f-contact .email { margin-top: 1rem; } .f-contact .more-contact { display: block; margin-top: 2rem; color: rgba(255,255,255,0.69); transition: .3s; } .footer-copy { padding: 1.75rem 0; margin-top: 5.625rem; color: rgba(255,255,255,0.69); font-size: var(--font15); border-top: 1px solid rgba(216, 216, 216,.2);} .footer-copy a { color: rgba(255,255,255,0.69);} .footer-copy a:hover { color: #fff; } @media (any-hover: hover) { .f-social a:hover { opacity: 1; border-color: #1383C1; background: #1383C1; } .foternav dl dd a:hover::after {width: 100%;} .foternav dl dd a:hover { color: #fff; } .f-contact .more-contact:hover { color: #fff; } } /* =====================================================================================内页===================================================================================== */ /* 内页banner */ .ny-banner{position: relative;} .ny-banner .jddwjz {top: 57%;} .ny-banner img {display: block; width: 100%; object-fit: cover; min-height: 15rem;} .ny-banner .info h1 {display: block; font-size: 3.75rem; font-weight: 900; text-align: center; } .ny-banner .subnav {position: absolute; width: 100%; left: 0; background: rgba(0, 0, 0, 0.1882); bottom: 0; padding: 1.75rem 0;} .ny-banner .subnav .list {display: flex; justify-content: center; gap: 5rem;} .ny-banner .subnav .list a {color: #fff; font-size: var(--font18); transition: .5s;} @media (any-hover: hover) { .ny-banner .subnav .list a:hover {color: #1383C1;} } .moblie_sub {padding: 2rem 0;} .moblie_sub .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;} .moblie_sub .list a {display: inline-flex; justify-content: center; color: #333; font-size: var(--font18); transition: .5s; border: 1px solid #ddd; padding: .8rem 1rem; } /* =====关于我们 */ .aboutOne {position: relative; overflow: hidden; padding: 8.75rem 0;} .aboutOne .le {width: 46%;} .aboutOne .imgBox {width: 48%;} .aboutOne .imgBox img {width: 100%; display: block;} .aboutOne .le .text {margin-top: 5.625rem;} .aboutTwo {background: url(../images/aboutTwo-bg.webp) no-repeat center; background-size: cover; padding: 6.25rem 0; padding-bottom: 10rem;} .aboutTwo .list {margin-top: 7.5rem; display: flex; flex-direction: column; row-gap: 4.75rem;} .aboutTwo .list .item {display: flex; align-items: center; gap: 1.5rem;} .aboutTwo .list .item .icon {width: 4.25rem; height: 4.25rem; display: flex; align-items: center; justify-content: center;} .aboutTwo .list .item .icon img {max-width: 100%; max-height: 100%; object-fit: contain; min-width: 50%; min-height: 50%;} .aboutThre {padding: 6.25rem 0 10rem;} .aboutThre .box {display: flex; justify-content: space-between;} .aboutThre .aboutTle {padding-bottom: 3.5rem;} .aboutThre .le {width: 69%;border-right: 1px solid #D8D8D8; padding-right: 4.5rem;} .aboutThre .re {flex: 1; padding-left: 4.5rem;} .aboutThre .le_box {display: flex; justify-content: space-between;} .aboutThre .le_box .item {width: 49%;} .aboutThre .le_box .item .imgBox {border-radius: 1rem; overflow: hidden;} .aboutThre .le_box .item .imgBox img {width: 100%;} .aboutThre .le_box .item .con {padding: 0 1rem;} .aboutThre .le_box .item .c1 {font-size: var(--font28); font-weight: 500; margin-top: 2rem;} .aboutThre .le_box .item .c2 {font-size: var(--font20); color: #727272;} .aboutThre .re_list {display: flex; flex-direction: column; row-gap: 2.25rem;} .aboutThre .re_list .item {background: #F3F3F3; border-radius: 1rem; padding: 1.5rem 2rem; display: flex; align-items: center; gap: 1rem; transition: .6s;} .aboutThre .re_list .item .icon {background: #1671BC; width: 4.5rem; height: 4.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .aboutThre .re_list .item .icon img {max-width: 100%; max-height: 100%; object-fit: contain; min-width: 50%; min-height: 50%;} .aboutThre .re_list .item h6 {font-size: var(--font20); font-weight: 500;} @media (any-hover: hover) { .aboutThre .re_list .item:hover {background: #1671BC;} .aboutThre .re_list .item:hover .icon {background: #fff;} .aboutThre .re_list .item:hover .icon img {filter: invert(1);} .aboutThre .re_list .item:hover h6 {color: #fff;} } /* 关于我们 - 发展历程 */ .aboutFour {padding: 7.5rem 0; padding-bottom: 0; background: #F7F8FA; position: relative; overflow: hidden;} .develop{height: 53.3125rem; overflow-y: scroll;} .history-timeline {position: relative; padding-bottom: 5rem; width: 80%; margin: auto; margin-top: 3.75rem;} .history-timeline::after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #d8d8d9; transform: translateX(-50%);} .history-item {position: relative; min-height: 18.75rem; margin-bottom: 5rem;} .history-item:last-child {margin-bottom: 0;} .history-item .dot {position: absolute; left: 50%; top: 0; width: .75rem; height: .75rem; background: #d6d6d6; border-radius: 50%; transform: translate(-50%, -50%); z-index: 3; transition: 0.3s;} .history-item .year {position: absolute; top: 0; transform: translateY(-50%); color: #898989;; font-size: var(--font38); font-family: Arial, Helvetica, sans-serif; transition: .5s;} .history-item:nth-child(odd) .year {left: calc(50% + 1.5rem);} .history-item:nth-child(even) .year {right: calc(50% + 1.5rem);} .history-item .content {width: 47.5%; position: relative; transform: translateY(-3.75rem); } .history-item .content.left {margin-left: 0; margin-right: auto; text-align: right; padding-top: 3.3125rem; } .history-item .content.right {margin-left: auto; margin-right: 0; text-align: left; padding-top: 3.3125rem; } .history-item .imgBox {width: 100%; max-width: 60%; border-radius: 1.25rem 0 1.25rem 0; overflow: hidden; margin-bottom: 2rem; display: inline-block;} .history-item .imgBox img {width: 100%; transition: 0.5s;} .history-item .info .month {margin-bottom: .625rem; color: #1470BD; font-size: var(--font20); font-weight: 600;} .history-item .info .desc {font-size: var(--font15); color: #666;} .history-item .info .info-item {margin-bottom: 2.5rem;} .history-item .info .info-item:last-child {margin-bottom: 0;} @media (any-hover: hover) { .history-item:hover .dot {background: #1470BD; border-color: rgba(40, 95, 221, 0.3); box-shadow: 0 0 0 .625rem rgba(40, 95, 221, 0.1);} .history-item:hover .year {font-size: 7.5rem; color: #1470BD; font-weight: bolder;} } .thre-bottom {margin-top: 2rem;} .scroll-down-icon {display: flex; flex-direction: column; align-items: center; gap: 0.5rem;} .scroll-down-icon .mouse {width: 1.5rem; height: 2.5rem; border: 2px solid #1470BD; border-radius: 1rem; position: relative;} .scroll-down-icon .mouse::after {content: ''; position: absolute; left: 50%; top: 0.5rem; width: 2px; height: 0.5rem; background: #1470BD; transform: translateX(-50%); animation: scrollMouse 2s infinite;} .scroll-down-icon .arrows {display: flex; flex-direction: column; align-items: center; margin-top: -0.25rem;} .scroll-down-icon .arrows i {color: #1470BD; font-size: 1.5rem; line-height: 0.5; animation: scrollArrows 2s infinite;} .scroll-down-icon .arrows i:last-child {animation-delay: 0.2s;} @keyframes scrollMouse { 0% {opacity: 1; transform: translateX(-50%) translateY(0);} 100% {opacity: 0; transform: translateX(-50%) translateY(10px);} } @keyframes scrollArrows { 0% {opacity: 0; transform: translateY(-5px);} 50% {opacity: 1; transform: translateY(0);} 100% {opacity: 0; transform: translateY(5px);} } .bg-milestones {font-size: 11.25rem; color: #939393; opacity: .14; font-weight: 700; line-height: 1; margin-top: -8%;} .aboutFive {padding: 6.25rem 0;} .aboutFive .swiperBox {margin-top: 3.75rem; position: relative;} .aboutFive .swiper {position: static;} .aboutFive .slide {border: 1px solid #DBDBDB;box-sizing: border-box; padding: 1.25rem; box-sizing: border-box;} .aboutFive .slide .imgBox img{display: block; width: 100%;} .aboutFive .slide h6 {text-align: center; margin-top: 1.25rem; font-size: var(--font20); color: #3D3D3D; font-weight: 700;} .aboutFive .pagtion {bottom: -3rem; display: none;} /* 内页产品中心 */ .productMain{padding: 3.3125rem 0 12.9375rem;} .nypro-box{align-items: flex-start;} .pro-left{width: 16.125rem; min-width: 15rem; position: sticky; top: 7.5rem;} .pro-class{border: 1px solid #F1F1F1; margin-bottom: 2.1875rem;} .pro-class ul li {padding: 1.5rem 1.25rem; position: relative;} .pro-class ul li::after{position: absolute; content: ''; width: 0; height: 100%; background: #0075C1; top: 0; left: 0; transition: .6s; z-index: 1;} .pro-class ul li a{position: relative; z-index: 2;} .pro-class ul li h2{color: #5B5B5B;} .pro-class ul li i{color: #D1D1D1;} .pro-contact{border: 1px solid #F1F1F1;} .pro-contact .pic img{display: block; width: 100%;} .pro-contact .info{padding: 1.5625rem 1.25rem 0;} .pro-wechat{border-bottom: 1px solid #D8D8D8;} .pro-wechat img{display: block; max-width: 100%; margin: 0 auto;} .pro-wechat em{display: block; color: #3D3D3D; text-align: center; line-height: 3.2;} .pro-tel{padding: 1.875rem 0;} .pro-tel img{display: block; width: 2.0625rem; margin-right: .6rem;} .pro-tel a{color: #444444; font-weight: 500; display: block;} @media (any-hover: hover) { .pro-class ul li:hover::after{width: 100%;} .pro-class ul li:hover h2{color: #fff;} .pro-class ul li:hover i{color: #fff;} } .pro-right{width: 79%;} .pro-title{margin-bottom: 2.5rem;} .pro-title h4{display: block; margin-top: 1.4375rem;} .prolist-bg{background: #F7F7F7; border-radius: .625rem; padding: 3.4375rem 2.75rem; margin-bottom: 5.625rem;} .prolist-bg ul li{margin-right: 2.6875rem;} .prolist-bg ul li a{display: block;background: #FFFFFF;border-radius: 100px;color: #3D3D3D;padding: 0.8rem 2.65rem; transition: .6s;} @media (any-hover: hover) { .prolist-bg ul li a:hover{background: #0075C1; color: #fff;} } .class-title{background: #f5f5f5; padding: .9375rem 0; margin-bottom: 1.25rem;} .class-title em{display: block; font-size: var(--font20); color: #222; border-left: .25rem solid #0073bc; padding-left: .9375rem; font-weight: bold; margin-left: .9375rem} /* 内页合作伙伴 */ .partnerMain {padding: 6.25rem 0;} .partner-list ul {gap: 1.25rem;} .partner-list li {height: 8.75rem; border-radius: .625rem; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; padding: .625rem;} .partner-list li img {max-width: 70%; max-height: 70%; object-fit: contain;} /* 内页行业应用 */ .applyMain {padding: 6.25rem 0;} .applyTwo .list li {background: #F2F2F2; margin-bottom: 1.5rem;} .applyTwo .list li:nth-child(even) a{flex-direction: row-reverse;} .applyTwo .list li .imgBox {width: 50%; position: relative; overflow: hidden;} .applyTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;} .applyTwo .list li .con {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 3.125rem 5%;} .applyTwo .list li .con .tit { color: #3D3D3D;} .applyTwo .list li .con .tit::after {content: ''; margin-top: .625rem; display: block; width: 2.5rem; height: .375rem; background: #1383C1; border-radius: 6.25rem;} .applyTwo .list li .con .text {margin-top: 3rem; color: #666; line-height: 1.8;} @media (any-hover: hover) { .applyTwo .list li:hover .imgBox img {transform: scale(1.1);} } /* 技术支持 */ .techMain{padding: 6.25rem 0 4.6875rem;} .tech-title{margin-bottom: 2rem;} .tech-title h2{ display: block; font-weight: 500; margin-bottom: 1rem;} .tech-title i{display: block; width: 2.8125rem; height: .125rem; background: #1383C1; margin: 0 auto; border-radius: .3125rem;} .tech-content img{display: inline-block; max-width: 100%;} /* 内页人才引进 */ .join-box{padding: 6.25rem 0 4.6875rem;} .join-title{margin: 0 auto;} .join-title h3{color: #333333; margin-bottom:1.875rem} .join-title h4{color: #666666; width: 62.53%; margin: 0 auto 3rem;} .join-bg{background: url(../images/join-bg.webp) no-repeat center; background-size: cover; padding: 9.0625rem 0 10rem; } .join-bg .join-title h3{color: #FFFFFF;} .join-bg .join-title h5{color: #FFFFFF; width: 45%; line-height: 2;} .join-ys{padding: 3.75rem 0 6.0625rem;} .join-list{margin-top: 3.625rem;} .join-list ul{gap: 2.5rem 3rem} .join-list ul li {padding: 1.5625rem;border: 1px solid rgba(20,88,228, .06);border-radius: 5px;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease;} .join-list ul li .icon {width: 5.625rem;height: 5.625rem;border-radius: 50%; padding: .9375rem; background: url(../images/join-pic.png) no-repeat center;background-size: cover;margin-right: 1.5625rem; flex-shrink: 0;} .join-list ul li .icon img {-webkit-transition: transform .6s ease;transition: transform .6s ease; max-width: 100%;} .join-list ul li h4{color: #666; margin-top: .5rem;} @media (any-hover: hover) { .join-list ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .06);} .join-list ul li:hover .icon img {transform: rotateY(180deg);} } .talent{margin-bottom: 5rem;} .talent-item ul li{background: rgba(238, 239, 240, 0.39); display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; padding: 1.75rem 0; text-align: center; margin-bottom: .5625rem;} .talent-item ul li dd.note{ grid-column-end: span 2;} .talent-item ul li dt{color: #333333;} .talent-item ul li dd{color: #666666;} .talent-item ul li dd a{color: #333;} @media (any-hover: hover) { .talent-item ul li dd a:hover{color: #1383C1;} } .talent-item .list .more{margin-top: 2.25rem;} .talent-item .list .more em{color: #1383C1;} .talent-item .list .more img{display: block; margin-left: .75rem; width: 1.125rem;} /* 内页新闻资讯列表页 */ .newsMain {padding-bottom: 6.25rem;background: #F2F2F2;} .news_reconmd {padding: 7.5rem 0; background: #fff;} .news_reconmd .box {box-shadow: 0 0 1rem rgba(0,0,0,.1);} .news_reconmd .slide {display: flex;} .news_reconmd .slide .imgBox {width: 50%; overflow: hidden;} .news_reconmd .slide .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;} .news_reconmd .slide .info {display: flex; align-items: center; padding: 2rem 4rem;; width: 50%;} .news_reconmd .slide .p1 {} .news_reconmd .slide .p2 {color: #333333; margin-top: 1rem;} .news_reconmd .slide .p2 a {transition: .5s;} .news_reconmd .slide .txt {margin-top: 2.25rem;} .news_reconmd .slide .more {margin-top: 1.75rem; display: inline-block;} .news_reconmd .slide .more span {color: #333; transition: .5s;} @media (any-hover: hover) { .news_reconmd .slide .imgBox:hover img {transform: scale(1.05);} .news_reconmd .slide .p2 a:hover {color: #1383C1;} .news_reconmd .slide .more a:hover span {color: #1383C1; margin-right: .625rem;} } /* 控件 */ .news_reconmd .pagtion {width: auto;right: 5rem; left: auto; bottom: 3.5rem;} .news_reconmd .pagtion span {width: .375rem; height: .375rem; margin: 0 .625rem !important; background: #cccccc; opacity: 1; position: relative; box-sizing: border-box;} .news_reconmd .pagtion span::after {position: absolute; content: ''; width: 200%; height: 200%; background: #cccccc; border-radius: 50%; opacity: .5; top: 50%; left: 50%; transform: translate(-50%,-50%);} .news_reconmd .pagtion span.swiper-pagination-bullet-active {background: #1383C1;} .news_reconmd .pagtion span.swiper-pagination-bullet-active::after {background: #1383C1;} .news_list {padding: 6.25rem 0;} .news_list .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;} .news_list .list li {background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,.1);} .news_list .list li .imgBox {position: relative; padding-bottom: 70%; overflow: hidden;} .news_list .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;} @media (any-hover: hover) { .news_list .list li:hover .imgBox img {transform: scale(1.1);} .news_list .list li:hover .con .p1 {color: #1383C1;} } .news_list .list li .con {padding: 2.5rem;} .news_list .list li .p2 {} /* =====新闻详情===== */ .newsDateOne {background: url(../images/news-banner.webp) no-repeat top #f2f2f2; background-size: contain; min-height: 32.5rem; padding-top: 12.5rem; padding-bottom: 11.25rem;} .newsDateOne .mbx .layui-breadcrumb {color: #fff !important;} .newsDateOne .mbx .layui-breadcrumb span {color: #fff !important;} .newsDateOne .mbx .layui-breadcrumb a {color: #fff !important;} .newsDateOne .box {margin-top: 3rem; align-items: flex-start;} .newsDateOne .le {width: 72%; background: #fff; padding: 3.75rem;} .newsDateOne .re {width: 26%;} .newsDateOne .le .tle {padding-bottom: 1.5rem; border-bottom: 1px solid #eee;} .newsDateOne .le .tle .tit {line-height: 1.3;} .newsDateOne .le .tle .time {margin-top: 1rem; color: #666;} .newsDateOne .le .con {padding: 1.75rem 0;} .newsDateOne .le .con img ,.newsDateOne .le .con video ,.newsDateOne .le .con iframe ,.newsDateOne .le .con embed ,.newsDateOne .le .con object ,.newsDateOne .le .con table {max-width: 100%;} .newsDateOne .re .re_recomd {background: #fff; margin-bottom: 1.5rem; padding: 1.75rem;} .newsDateOne .re .tit {border-bottom: 1px solid #DEDEDE; padding-bottom: 1rem; font-size: var(--font24); font-weight: 700; color: #333;} .newsDateOne .re .list li {padding: 1.25rem 0; border-bottom: 1px solid #D2D2D2;} .newsDateOne .re .list li:last-child {border-bottom: 0; padding-bottom: 0;} .newsDateOne .re .list li a {display: flex; align-items: center; gap: 1rem;} .newsDateOne .re .list li .imgBox {width: 40%; padding-bottom: 35%; background: #fff; border-radius: .625rem; position: relative; flex-shrink: 0; overflow: hidden;} .newsDateOne .re .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: .5s;} @media (any-hover: hover) { .newsDateOne .re .list li:hover .imgBox img {transform: scale(1.1);} .newsDateOne .re .list li:hover .p1 {color: #1383C1;} } .newsDateOne .re .re_recomd2 .list li .imgBox img {object-fit: contain;} /* 新闻分页 */ .newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem; padding-top: 3rem; border-top: 1px solid #F2F2F2; } .newsxq-page a {display: flex; align-items: center; gap: .625rem;} .news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 2rem;height: 2rem;min-width: 30px;min-height: 30px; border: .125rem solid #eeeeee;border-radius: .313rem;} .news-prev i,.news-next i {font-size: var(--font14);} .newsxq-page .back-link {display: inline-flex; padding: .75rem 1.25rem;} @media (any-hover: hover) { .prev-link:hover .news-prev {background: #1383C1; border-color: #1383C1;} .prev-link:hover .news-prev i {color: #fff;} .next-link:hover .news-next {background: #1383C1; border-color: #1383C1;} .next-link:hover .news-next i {color: #fff;} } /* 联系我们-联系我们 */ .contact-title h2{display: block; font-size: 2.625rem; font-weight: 500; margin-bottom: 3.75rem;} .ny-contact .tact-box {padding: 10.375rem 0 13.4375rem; } .ny-contact .tact-box .info{width: 40%;} .ny-contact .tact-box .text{line-height: 2;} .ny-contact .tact-box .text b{display: block;} .ny-contact .tact-box .text a{color: #3D3D3D;} .follow {margin-top: 3.375rem;} .follow dt {flex-shrink: 0;} .follow dl {display: flex; align-items: center;} .follow dl .ddbox {display: flex;} .follow dl dd {margin-right: 1.25rem; position: relative;} .follow dl dd .icBox {width: 3.75rem; height: 3.75rem; border-radius: 50%;background: #D8D8D8;display: flex; align-items: center; justify-content: center;} .follow dl dd .icBox svg {width: 40%; height: 40%; object-fit: contain; } .follow dl dd .icBox svg path {} .follow dl dd:hover .icBox svg path {opacity: 1;} .follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 .625rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;} .follow dl dd.hover_code .code span {display: block; margin-top: .313rem;} .follow dl dd.hover_code .code img {width: 6.25rem;} .follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;} @media (any-hover: hover) { .follow dl dd.hover_code:hover .icBox{background: #1383C1;} .follow dl dd.hover_code:hover .icBox svg path {fill: #fff;} .follow dl dd.hover_code:hover .code {opacity: 1; bottom: 130%; visibility: visible; pointer-events: auto;} } .ny-contact .tact-box .pic{width: 53.375%; position: relative;} .ny-contact .tact-box .pic img{display: block; width: 100%; object-fit: cover; min-height: 25rem; } .maps-cirle {position: absolute;top: 51%;left: 59.5%;transform: translate(-50%,-50%);} .maps-cirle i {width: .875rem; height: .875rem; border-radius: 50%; display: block;background: #1C5BA2; position: relative; z-index: 2;} .maps-cirle::after {background: rgba(28,91,162,0.16); position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1; animation: scale 2s infinite;} @keyframes scale {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}} .message {background: rgba(220,220,220,0.46);} .message .box {display: flex;} .message .left {width: 40%; background: url(../images/message-bg.jpg) no-repeat center; background-size: cover; padding-left: 8%; padding-right: 8.25rem; padding-top: 8.75rem;} .message .left .p1 {margin-top: 5rem;} .message .right {flex: 1; padding: 7.5rem 0; padding-right: 8%; padding-left: 6%;} .tactForm .form input::placeholder {color: #5A5A5A;} .tactForm .form input::-webkit-input-placeholder {color: #5A5A5A;} .tactForm .form input::-moz-placeholder{color: #5A5A5A;} .tactForm .form input::-moz-placeholder {color: #5A5A5A;} .tactForm .form input::-ms-input-placeholder {color: #5A5A5A;} .tactForm .form textarea::placeholder { color: #5A5A5A;} .tactForm .form textarea::-webkit-textarea-placeholder { color: #5A5A5A;} .tactForm .form {display: flex; flex-wrap: wrap; justify-content: space-between;} .tactForm .form .inBox {margin-bottom: 1rem; width: 49%; position: relative;} .tactForm .form .inBox label {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 1.25rem; font-size: var(--font14); color: #FF0000;} .tactForm .form input , .tactForm .form textarea {border: 0; font-size: var(--font14); background: #fff; border-radius: .313rem; box-shadow: none; height: 3.375rem; padding: 0;padding-left: 2rem; color: #3d3d3d;} .tactForm .form .inTxtBox , .tactForm .form .inSect {width: 100%;} .tactForm .form .inSect dl dd {line-height: initial; padding: .625rem;} .tactForm .form .inTxtBox textarea {resize: none; padding: 1.5rem; height: 11.25rem;} .tactForm .form .inCode {display: flex;} .tactForm .form .inCode img {margin-left: .625rem; max-width: 9.375rem;} .tactForm .form .sub {width: 100%; margin-top: 2.5rem;} .tactForm .form .sub button {background: #1C5BA2;padding: 1rem 3.74rem;font-weight: 700;cursor: pointer;border-radius: .313rem;} .tactForm .form .sub button i {transform: rotate(180deg); display: inline-block;} #tactForm .layui-form-select dl {top: 100%;} #tactForm .layui-form-selectup dl {top: auto; bottom: 100%;} /* 2026.5.9 资料录入*/ .table_replace tr:nth-of-type(odd) td:first-child{padding: 1rem!important;} .table_replace tr:nth-of-type(even) td:last-child{padding: 1rem!important;} .table_form2 tr td{padding: .5rem;} nav ul li:nth-child(4) .navlist dl dt:last-child{display: none;} .join-bg{margin-bottom: 6rem;} .join-editor{padding: 6.25rem 0;}