@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Montserrat 粗体 */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --header-pc-height: 110px;
    --header-h5-height: 70px;
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
html {
    scroll-behavior: smooth;
    letter-spacing: 1px;
}
body {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
}
.button {
    cursor: pointer;
}
button {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
}
input {
    outline: none;
    border: none;
    padding: 0 10px;
}
.pages-placeholder {
    height: var(--header-pc-height);
}
/* 分页 */
.pages-list {
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
    margin-top: 70px;
}
#pages {
    display: flex;
    list-style: none;
    gap: 15px;
    padding: 10px;
}
#pages li {
    display: flex;
    align-items: center;
    justify-content: center;
}
#pages li > * {
    border: solid 1px rgba(211, 211, 211, 1);
}
#pages li:first-child > *,
#pages li:last-child > *
{
    font-size: 0;
    position: relative;
    border: solid 1px rgba(211, 211, 211, 1);
}
#pages li:first-child > *::before{
    content: '';
    width: 20%;
    height: 20%;
    border-left: 2px solid rgba(51, 51, 51, 1);
    border-bottom: 2px solid rgba(51, 51, 51, 1);
    transform: rotate(45deg);
    margin-left: 4px;
    position: absolute;
}
#pages li:last-child > *::before{
    content: '';
    width: 20%;
    height: 20%;
    border-left: 2px solid rgba(51, 51, 51, 1);
    border-bottom: 2px solid rgba(51, 51, 51, 1);
    transform: rotate(-135deg);
    margin-right: 4px;
    position: absolute;
}
#pages a, #pages span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
    color: #2c3e50;
    transition: all 0.3s ease;
}
#pages a:hover::before {
    border-color: white;
}
#pages li a:hover {
    background-color: rgba(24, 48, 104, 1);
    color: white;
    border: solid 1px rgba(24, 48, 104, 1);
}
#pages .active span {
    background-color: rgba(24, 48, 104, 1);
    border: solid 1px rgba(24, 48, 104, 1);
    color: white;
    cursor: default;
}
#pages .disabled span {
    color: #bdc3c7;
    cursor: not-allowed;
    background-color: #ebebed;
}
/* 面包屑 */
.breadcrumb a {
    font-size: 14px;
    color: #999999;
}
.breadcrumb span {
    font-size: 14px;
    color: #333333;
}
/* 公共banner */
.public-banner {
    height: 600px;
    background: url(../images/banner6.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.public-banner .title {
    font-weight: 400;
    font-size: 60px;
    color: #FFFFFF;
    transform: translateY(calc(var(--header-pc-height) / 2));
}
/* 产品列表 */
.products-lists .img-box {
    width: 100%;
    aspect-ratio: 365 / 400;
    background: #F3F4F6;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.products-lists .img-box img {
    width: 50%;
    aspect-ratio: 245 / 260;
    object-fit: contain;
    margin: 0 auto;
}
.products-lists .img-box .img-d {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    bottom: 0;
    z-index: 1;
    border-radius: 10px;
    transition: .3s;
}
.products-lists .item .text-n {
    text-align: center;
    margin-top: 30px;
    transition: .3s;
}
.products-lists .item:hover .text-n {
    color: #183068;
}
.products-lists .item:hover .img-box .img-d {
    left: 0
}

/* 滚动条 */
.index-pages .whychoose-main .left-content::-webkit-scrollbar-button,
.about-pages .company__main .content-text::-webkit-scrollbar-button,
.products-details-pages .products-details-main .left::-webkit-scrollbar-button,
.service-pages .business-main .item .content::-webkit-scrollbar-button {
    display: none !important;
}
.index-pages .whychoose-main .left-content::-webkit-scrollbar,
.about-pages .company__main .content-text::-webkit-scrollbar,
.products-details-pages .products-details-main .left::-webkit-scrollbar,
.service-pages .business-main .item .content::-webkit-scrollbar {
     width: 2px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 0;
}
.index-pages .whychoose-main .left-content::-webkit-scrollbar-thumb,
.about-pages .company__main .content-text::-webkit-scrollbar-thumb,
.products-details-pages .products-details-main .left::-webkit-scrollbar-thumb,
.service-pages .business-main .item .content::-webkit-scrollbar-thumb {
    background-color: #183068;
    border-radius: 0;
}
/* 标签样式 */
.label {
    text-align: center;
    margin-top: 10px;
    color: #333;
    font-size: 14px;
}
/* 标题 */
.about-pages .pages-title,
.blog-details-pages .pages-title,
.products-details-pages .pages-title,
.service-pages .pages-title,
.contact-pages .pages-title,
.oem-pages .pages-title {
    font-weight: bold;
    font-size: 48px;
    color: #183068;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
    line-height: 1.5;
}
.about-pages .pages-title::after,
.blog-details-pages .pages-title::after,
.products-details-pages .pages-title::after,
.service-pages .pages-title::after,
.contact-pages .pages-title::after,
.oem-pages .pages-title::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 5px;
    background: #FFCC00;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.service-pages .pages-title,
.contact-pages .pages-title {
    text-align: left;
}
.service-pages .pages-title::after,
.contact-pages .pages-title::after {
    left: 0;
    transform: translateX(0);
}

.header-h5,
.side-nav {
    display: none;
}
.header-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-pc-height);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 999;
    transition: 0.3s;
    display: flex;
    align-items: center;
}
.header-pc .header-main {
    width: 1520px;
    margin: 0 auto;
    display: flex;
    height: 100%;
    align-items: center;
}
.header-pc .logo {
    margin-left: 10px;
}
.header-pc .logo img {
    height: 70px;
}
.header-pc.scrolled {
    background-color: rgb(24, 48, 104,1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-pc .header-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    height: 100%;
}
.header-pc .header-center .cell {
    transition: .3s;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.header-pc .header-center .cell::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #FFFFFF;
    transition: .3s;
}
.header-pc .header-center .cell:hover::after,
.header-pc .header-center .cell.active::after{
    width: 100%;
}
.header-pc .header-right {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.header-pc .header-right .search-box {
    display: flex;
    position: relative;
}
.header-pc .header-right .search-box input {
    background: transparent;
    border-bottom: solid 1px #fff;
    padding: 0;
    caret-color: #fff;
    color: #fff;
    width: 0;
    transition: .3s;
    position: absolute;
    right: 20px;
}
.header-pc .header-right .search-box input.show {
    width: 120px;
}
.header-pc.header-main-style2 .header-right .search-box input {
    caret-color: #000;
    color: #000;
    border-bottom: solid 1px #000;
}
.header-pc.header-main-style2 .header-right .search-box .search-btn img {
    filter: brightness(0) grayscale(1);
}
.header-pc .quote-btn {
    width: 120px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 6px;
    font-size: 14px;
    color: #183068;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 47px;
}
.header-pc.header-main-style2 {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.header-pc.header-main-style2 .cell {
    color: #666666;
}
.header-pc.header-main-style2 .cell:hover {
    color: #183068;
}
.header-pc.header-main-style2  .header-center .cell::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #183068;
    transition: .3s;
}
.header-pc.header-main-style2  .header-center .cell:hover::after,
.header-pc.header-main-style2  .header-center .cell.active::after{
    width: 100%;
}
.header-pc.header-main-style2 .quote-btn {
    background-color: #FFCC00;
}
footer {
    width: 100%;
}
footer .footer-top {
    height: 300px;
    background: url(../images/banner5.jpg) no-repeat center center;
    background-size: cover;
}
footer .footer-top__main {
    max-width: 1520px;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}
footer .footer-top__main .right {
    display: flex;
    align-items: center;
    gap: 15px;
}
footer .footer-top__main .button {
    width: 200px;
    height: 56px;
    border-radius: 6px;
    border: 2px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: .3s;
}
footer .footer-top__main .button:hover {
    background: #FFCC00;
    color: #183068;
    border-color: #FFCC00;
}
footer .footer-top__main .title {
    font-weight: bold;
    font-size: 48px;
    color: #FFCC00;
}
footer .footer-top__main .title span {
    color: #FFFFFF;
}
footer .footer-top__main .text {
    font-size: 24px;
    margin-top: 40px;
    line-height: 1.5;
    color: #FFFFFF;
}
footer .footer-bottom {
    background-color: #183068;
    color: rgba(255, 255, 255, 0.5);
}
footer .footer-bottom__main {
    max-width: 1520px;
    margin: 0 auto;
    height: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}
footer .footer-bottom__main .top {
    flex: 1;
    padding-top: 80px;
    display: flex;
    gap: 2%;
    padding-bottom: 63px;
}
footer .footer-bottom__main .top .item {
    margin-left: auto;
}
footer .footer-bottom__main .top .item:nth-of-type(1) {
    margin-left: 0;
}
footer .footer-bottom__main .top .item:nth-of-type(3) {
    max-width: 420px;
}
footer .footer-bottom__main .top .item:nth-of-type(4) {
    max-width: 350px;
}
footer .footer-bottom__main .top .item .title {
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1.5;
}
footer .footer-bottom__main .top .item .lists {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    gap: 20px;
}
footer .footer-bottom__main .top .item .lists .cell {
    max-width: 300px;
    font-size: 16px;
    display: flex;
}
footer .footer-bottom__main .top .item .lists .cell img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 15px;
}
footer .footer-bottom__main .top .item .lists .cell span {
    word-wrap: break-word;
    word-break: break-all;
    flex: 1;
    min-width: 0;
}
footer .footer-bottom__main .top .item .text-d {
    margin-top: 30px;
    line-height: 1.5;
    font-size: 16px;
}
footer .footer-bottom__main .top .item .tips {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.5;
}
footer .footer-bottom__main .top .item form {
    display: flex;
    margin-top: 20px;
    width: 100%;
    height: 46px;
    border-radius: 6px;
    overflow: hidden;
}
footer .footer-bottom__main .top .item form input {
    height: 100%;
    flex: 1;
}
footer .footer-bottom__main .top .item form button {
    width: 50px;
    background-color: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .footer-bottom__main .top .item form button img {
    width: 40%;
    height: 40%;
}
footer .footer-bottom__main .item .social-box {
    display: flex;
    gap: 16px;
    margin-top: 70px;
    justify-content: flex-end;
}
footer .footer-bottom__main .bottom {
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
}
footer .footer-bottom__main .bottom .right {
    display: flex;
    align-items: center;
    gap: 40px;
}
footer .footer-bottom__main .bottom  a {
    line-height: 1.5;
}

.swiper-container {
    overflow: hidden;
    position: relative;
}

/* 首页start */
.index-pages .banner {
    height: 980px;
}
.index-pages .banner .tips-box {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.index-pages .banner .tips-mouse {
    width: 20px;
    height: 30px;
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    display: flex;
    justify-content: center;
}
.index-pages .banner .tips-mouse .bar {
    width: 2px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 1px;
    margin-top: 8px;
    animation: mouse 1s infinite;
}
.index-pages .banner .tips-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.index-pages .banner .tips-icon .bar {
    width: 8px;
    height: 8px;
    border-right: #fff solid 1px;
    border-bottom: solid #fff 1px;
    transform: rotate(45deg);
}
.index-pages .banner .tips-icon .bar:nth-of-type(2) {
    opacity: 0.5;
}
.index-pages .banner .tips-icon .bar:nth-of-type(3) {
    opacity: 0.3;
}
@keyframes mouse {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-2px);
    }
    100% {
        transform: translateY(0px);
    }
}
.index-pages .banner .text1 {
    text-align: center;
    max-width: 990px;
    margin: 300px auto 0;
    font-size: 72px;
    color: #fff;
    line-height: 1.1;
    font-weight: bold;
}
.index-pages .banner .text1 span {
    color: #FFCC00;
}
.index-pages .banner .text2 {
    margin-top: 50px;
    font-size: 24px;
    color: #FFFFFF;
}
.index-pages .banner .btn-box {
    margin: 80px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.index-pages .banner .btn-box .button {
    width: 200px;
    height: 56px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    transition: .3s;
}
.index-pages .banner .btn-box .button:hover {
    border-color: #FFCC00;
    color: #183068;
    background-color: #FFCC00;
}
.index-pages .banner .swiper-slide {
    text-align: center;
    background: #fff;
    overflow: hidden;
}
.index-pages .banner .slide-inner {
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    z-index: -1;
    object-fit: cover;
}
.index-pages .banner .color-bg {
    position: absolute;
    min-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
}
.index-pages .banner .content-wrapper {
    position: relative;
    z-index: 2;
}
.index-pages .banner .slide-inner video {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button-prev svg,
.swiper-button-next svg {
    content: none;
    display: none;
}
.swiper-button-prev::before,
.swiper-button-next::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.swiper-button-prev::before {
    transform: rotate(-135deg);
    margin-left: 20%;
}
.swiper-button-next::before {
    transform: rotate(45deg);
    margin-right: 20%;
}
.index-pages .swiper-button-next {
    right: 6.25%;
}
.index-pages .swiper-button-prev {
    left: 6.25%;
}
.index-pages .pages-title {
    width: 100%;
    text-align: center;
}
.index-pages .pages-title .text1 {
    font-weight: bold;
    font-size: 48px;
    color: #183068;
    line-height: 1.5;
}
.index-pages .pages-title .text2 {
    color: #999999;
    line-height: 1.5;
}
.index-pages .products {
    margin: 20px 20px 0;
}
.index-pages .products .swiper-wrapper {
    padding-bottom: 60px;
}
.index-pages .products .swiper-scrollbar {
    height: 2px;
    background: rgba(0,0,0,0.1);
    border-radius: 1px;
    width: 100%;
}
.index-pages .products .swiper-scrollbar-drag {
    background: #183068;
    height: 4px;
    margin-top: -1px;
    border-radius: 0;
}
.index-pages .button-theme {
    width: 229px;
    height: 50px;
    background: #FFCC00;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto 100px;
    color: #183068;
    cursor: pointer;
}
.index-pages .button-theme::after {
    content: '';
    background-image: url('../images/i1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 15px;
    height: 12px;
    margin-left: 14px;
}
.index-pages .scenarios {
    background-color: #F3F4F6;
    padding: 100px 0;
}
.index-pages .scenarios-main {
    max-width: 1520px;
    display: flex;
    gap: 1%;
    margin: 50px auto 0;
}
.index-pages .scenarios-main img {
    width: 100%;
    object-fit: cover;
}
.index-pages .scenarios-main > div {
    flex: 1;
    aspect-ratio: 750 / 680;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2%;
}
.index-pages .scenarios-main .right-bottom {
    display: flex;
    gap: 2%;
}
.index-pages .scenarios-main .img-box {
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}
.index-pages .scenarios-main .img-box .text {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    line-height: 52px;
    margin-right: 10px;
    background: rgba(0,0,0,0.3);
    align-items: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    border-radius: 6px;
    transition: .3s;
}
.index-pages .scenarios-main .img-box:hover .text {
    background: #FFCC00;
    color: #183068;
}
.index-pages .whychoose {
    padding: 100px 0;
}
.index-pages .whychoose-main {
    margin: 60px auto 0;
    max-width: 1520px;
}
.index-pages .whychoose-main .left {
    width: 52.6%;
    height: 440px;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    position: absolute;
    left: 20px;
    padding-left: 20px;
    top: 5%;
    background-color: #fff;
    padding: 3.2%;
    z-index: 1;
    display: flex;
    flex-direction: column;
}
.index-pages .whychoose-main .left-content {
    overflow-y: auto;
    flex: 1;
}
.index-pages .whychoose-main .left .title-box {
    display: flex;
    align-items: center;
}
.index-pages .whychoose-main .left .title-box img {
    width: 70px;
    margin-right: 20px;
}
.index-pages .whychoose-main .left .title-box .text1 {
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-pages .whychoose-main .left .title-box .text2 {
    font-size: 24px;
    color: #000000;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-pages .whychoose-main .left .text-box {
    width: calc(100% - 90px);
}
.index-pages .whychoose-main .left .left-content {
    color: #666666;
    line-height: 2;
    margin-top: 40px;
}
.index-pages .whychoose-main .right {
    width: 52%;
    height: 600px;
    right: 20px;
    top: 0;
    border-radius: 10px;
    margin-left: auto;
    overflow: hidden;
    position: relative;
}
.index-pages .whychoose-main .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-pages .whychoose-main .right .color-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(24, 48, 104, 0) 0%,  
        rgba(24, 48, 104, 1) 100%);
}
.index-pages .whychoose-main .tab-wrapper {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 20px;
    display: flex;
    width: 100%;
    color: #333333;
}
.index-pages .whychoose-main .tab-wrapper .item {
    width: 10.5%;
    margin-right: 10px;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer;
}
.index-pages .whychoose-main .tab-wrapper .progress,
.index-pages .whychoose-main .tab-wrapper .progress-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
}
.index-pages .whychoose-main .tab-wrapper .progress {
    background-color: rgba(0, 0, 0, 0.1);
}
.index-pages .whychoose-main .tab-wrapper .progress-bg {
    background-color: #FFCC00;
    width: 0;
}
.index-pages .services {
    background: url('../images/bg1.jpg') no-repeat center center;
    background-size: cover;
    padding: 100px 0 220px;
}
.index-pages .services .text1 {
    color: #FFCC00;
}
.index-pages .services .text2 {
    margin: 10px auto 0;
    opacity: 0.5;
    color: #fff;
    max-width: 800px;
}
.index-pages .services .preface {
    margin-top: 60px;
    font-weight: bold;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
}
.index-pages .services-main {
    max-width: 1520px;
    margin: 40px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, 235px);
    gap: 20px;
    justify-content: center;
}
.index-pages .services-main .item {
    aspect-ratio: 235 / 240;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.1);
    padding: 25px;
    overflow: hidden;
}
.index-pages .services-main .item .img-box {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 204, 0, 0.2);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-pages .services-main .item .img-box img {
    width: 40%;
}
.index-pages .services-main .item .text {
    line-height: 1.5;
    color: #FFFFFF;
    margin-top: 20px;
    letter-spacing: 0.4px;
}
.index-pages .process {
    max-width: 1520px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 6px;
    padding: 60px;
    margin: -130px auto 0;
}
.index-pages .process .preface {
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    text-align: center;
}
.index-pages .process .process-main {
    margin-top: 60px;
    display: flex;
}
.index-pages .process .process-main .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.index-pages .process .process-main .item .text-bg {
    position: absolute;
    font-weight: bold;
    font-size: 72px;
    color: #EAEAEA;
    z-index: 0;
    top: 0;
}
.index-pages .process .process-main .item .img-box {
    position: relative;
    margin: 20% auto 0;
    width: 50px;
    height: 50px;
}
.index-pages .process .process-main .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.index-pages .process .process-main .item .text {
    margin-top: 25px;
    line-height: 1.5;
    color: #333333;
    text-align: center;
}
.index-pages .process .process-main .item .bar-box {
    display: flex;
    align-items: center;
    position: absolute;
    right: calc((-4px * 3 + 2 * -10px) / 2);
    top: 45px;
    gap: 10px;
}
.index-pages .process .process-main .item .bar-box .bar {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
}
.index-pages .process .btn-box {
    gap: 20px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.index-pages .process .btn-box .button {
    width: 200px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 2px solid #183068;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #183068;
    transition: all 0.3s;
}
.index-pages .process .btn-box .button::after {
    content: '';
    width: 15px;
    height: 12px;
    background: url(../images/i1.png) no-repeat center center;
    background-size: cover;
    margin-left: 20px;
}
.index-pages .process .btn-box .button:hover {
    background: #183068;
    color: #fff;
}
.index-pages .process .btn-box .button:hover::after {
    background: url(../images/i1-1.png);
}
.index-pages .factory {
    padding: 100px 0;
}
.index-pages .factory .factory-main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}
.index-pages .factory .factory-main .item {
    width: 25%;
    aspect-ratio: 480 / 320;
    position: relative;
}
.index-pages .factory .factory-main .item .bg-img {
    width: 100%;
    height: 100%;
}
.index-pages .factory .factory-main .item .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-pages .factory .factory-main .item .content-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.index-pages .factory .factory-main .item .content-box > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFCC00;
    border-radius: 10px;
    color: #FFCC00;
    line-height: 1.5;
    font-size: 24px;
}
.index-pages .factory .factory-main .item:hover .content-box {
    visibility: visible;
    opacity: 1;
    background-color: rgba(24, 48, 104, 0.9);
}
.index-pages .about-main .about-text {
    line-height: 1.5;
    margin-top: 30px;
    color: #666666;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
/* .index-pages .about-main .about-text::after {
    content: '...';
} */
.index-pages .grid-box {
    padding: 0 20px;
}
.index-pages .grid-box .top {
    width: 100%;
    height: 660px;
    background: url(../images/banner2.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding-top: 100px;
}
.index-pages .grid-box .top .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 380px;
}
.index-pages .grid-box .top .item .item-top {
    display: flex;
    align-items: center;
    font-size: 60px;
}
.index-pages .grid-box .top .item .item-top sup {
    font-size: 24px;
    margin-top: -20px;
}
.index-pages .grid-box .top .item .item-bottom {
    margin-top: 20px;
    font-size: 16px;
}
.index-pages .grid-box .bottom {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.index-pages .grid-box .bottom .left {
    width: 67%;
    height: 540px;
    background: url(../images/banner3.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 6px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 50px;
}
.index-pages .grid-box .bottom .left .title1 {
    margin-top: 60px;
    font-size: 30px;
}
.index-pages .grid-box .bottom .left .title2 {
    margin-top: 30px;
    font-size: 16px;
}
.index-pages .grid-box .bottom .left .more {
    margin-top: 30px;
    color: #FFCC00;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-pages .grid-box .bottom .left .more::after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #FFCC00;
    border-right: 1px solid #FFCC00;
    transform: rotate(45deg);
    margin-left: 10px;
}
.index-pages .grid-box .bottom .left .honor {
    margin-top: 30px;
}
.index-pages .grid-box .bottom .left .honor .swiper-slide {
    max-width: 200px;
    transition: transform .3s;
}
.index-pages .grid-box .bottom .left .honor .swiper-slide img {
    width: 100%;
    aspect-ratio: 224 / 320;
}
.index-pages .grid-box .bottom .right {
    width: 32%;
    background: url(../images/banner4.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    padding: 60px;
}
.index-pages .grid-box .ourvision {
    height: 100%;
}
.index-pages .grid-box .ourvision .title {
    font-weight: bold;
    font-size: 30px;
    color: #FFCC00;
    display: flex;
    padding-bottom: 50px;
    position: relative;
}
.index-pages .grid-box .ourvision .title::before {
    content: '';
    width: 60px;
    height: 3px;
    background: #FFCC00;
    position: absolute;
    bottom: 0;
    left: 0;
}
.index-pages .grid-box .ourvision .text {
    margin-top: 40px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    padding-right: 40px;
}
.index-pages .grid-box .ourvision .swiper-button-next,
.index-pages .grid-box .ourvision .swiper-button-prev {
    bottom: 0;
    left: 0;
    color: #fff;
    top: auto;
    border: solid 1px #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
}
.index-pages .grid-box .swiper-button-prev::before,
.index-pages .grid-box .swiper-button-next::before {
    width: 40%;
    height: 40%;
    border-width: 1px;
}
.index-pages .grid-box .ourvision .swiper-button-next {
    left: 50px;
}
.index-pages .reviews {
    position: relative;
    width: 100%;
    height: 1250px;
}
.index-pages .reviews > * {
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
}
.index-pages .reviews .pages-text {
    top: 160px;
    left: 8%;
    width: 400px;
}
.index-pages .reviews .pages-text .title {
    font-weight: bold;
    font-size: 48px;
    color: #183068;
}
.index-pages .reviews .pages-text .text {
    color: #999999;
    margin-top: 30px;
    line-height: 1.5;
}
.index-pages .reviews .r1 {
    left: 0;
    top: 470px;
    max-width: 300px;
    aspect-ratio: 300 / 200;
}
.index-pages .reviews .r2 {
    top: 100px;
    right: 14%;
    max-width: 300px;
    aspect-ratio: 300 / 200;
}
.index-pages .reviews .c1 {
    top: 566px;
    left: 12.5%;
    max-width: 450px;
    aspect-ratio: 450 / 525;
}
.index-pages .reviews .c2 {
    top: 221px;
    left: 42%;
    max-width: 600px;
    aspect-ratio: 600 / 700;
}
.index-pages .reviews .c3 {
    top: 822px;
    right: 6.3%;
    max-width: 450px;
    aspect-ratio: 450 / 330;
}
.index-pages .reviews .c4 {
    top: 344px;
    right: 2%;
    max-width: 310px;
    aspect-ratio: 310 / 362;
}
.index-pages .reviews .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-pages .reviews .text-box {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(24, 48, 104, 0) 0%,  
        rgba(24, 48, 104, 1) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    color: #FFFFFF;
}
.index-pages .reviews .text-box .title {
    font-size: 24px;
    margin-bottom: 30px;
}
.index-pages .reviews .text-box .text {
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: center;
    padding: 0 20px;
}
.index-pages .reviews .text-box img {
    margin-bottom: 10%;
}
/* 首页end */
/* 关于我们start */
.about-pages .banner {
    height: 600px;
    background: url(../images/banner2.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-pages .group-overview {
    padding-top: 100px;
    max-width: 1520px;
    margin: 0 auto;
}
.about-pages .group-overview .num-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0 100px 0;
}
.about-pages .group-overview .num-box .item {
    display: flex;
    flex-direction: column;
}
.about-pages .group-overview .num-box .item-top {
    font-weight: 400;
    font-size: 60px;
    color: #183068;
    display: flex;
    align-items: center;
}
.about-pages .group-overview .num-box .item-bottom {
    font-size: 16px;
    margin-top: 28px;
}
.about-pages .group-overview-main {
    margin-top: 50px;
    padding-bottom: 30px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(0, 41, 114, 0.3);
}
.about-pages .group-overview-main > p {
    margin-bottom: 30px;
    line-height: 1.5;
}
.about-pages .factories {
    background-color: rgba(243, 244, 246, 1);
    padding: 100px 0;
}
.about-pages .factories-main {
    position: relative;
    max-width: 1520px;
    margin: 0 auto;
}
.about-pages .factories-main .map-container {
    background: url(../images/bg3.png) no-repeat center center;
    background-size: cover;
    width: 79%;
    aspect-ratio: 1200 / 600;
    margin-left: auto;
    position: relative;
}
.about-pages .factories-main .title {
    font-weight: bold;
    font-size: 48px;
    color: #183068;
    line-height: 1.2;
    max-width: 560px;
}
.about-pages .factories-main .pages-text {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 400px;
    line-height: 1.5;
}
.about-pages .factories-main .map-container .center-box,
.about-pages .factories-main .map-container .outer-box {
    width: 140px;
    aspect-ratio: 1 / 1;
    border: solid 4px #FFFFFF;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
    transition: .5s;
    cursor: pointer;
}
.about-pages .factories-main .map-container .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    font-size: 12px;
    border-radius: 50%;
    opacity: 0;
    text-align: center;
    align-items: center;
    color: #FFCC00;
    line-height: 1.25;
}
.about-pages .factories-main .map-container .center-box:hover,
.about-pages .factories-main .map-container .outer-box:hover {
    transform: scale(1.4);
    background-color: #183068;
    z-index: 15;
}
.about-pages .factories-main .map-container .center-box:hover .text,
.about-pages .factories-main .map-container .outer-box:hover .text {
    transform: scale(0.71111);
    opacity: 1
}
.about-pages .factories-main .map-container .center-box:hover img,
.about-pages .factories-main .map-container .outer-box:hover img {
    opacity: 0;
}
.about-pages .factories-main .map-container .outer-box img,
.about-pages .factories-main .map-container .center-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-pages .factories-main .map-container .center-box {
    top: 30%;
    right: 36.5%;
}
.about-pages .factories-main .map-container .connection-svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5;
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(2) {
    left: calc((183 / 1200) * 100%);
    top: calc((143 / 600) * 100%);
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(3) {
    left: calc((412 / 1200) * 100%);
    top: calc((90 / 600) * 100%);
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(4) {
    left: calc((987 / 1200) * 100%);
    top: -45px;
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(5) {
    left: calc((682 / 1200) * 100%);
    top: -45px;
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(6) {
    left: calc((838 / 1200) * 100%);
    top: calc((63 / 600) * 100%);
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(7) {
    left: calc((1006 / 1200) * 100%);
    top: calc((169 / 600) * 100%);
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(8) {
    left: calc((846 / 1200) * 100%);
    top: calc((334 / 600) * 100%);
}
.about-pages .factories-main .map-container .outer-box:nth-of-type(9) {
    left: calc((365 / 1200) * 100%);
    top: calc((333 / 600) * 100%);
}
.about-pages .history {
    margin: 0 auto;
    background: url(../images/bg2.jpg) no-repeat center center;
    background-size: cover;
}
.about-pages .history-main {
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    padding: 100px 0 0;
    gap: 20px;
}
.about-pages .history-main .left {
    position: sticky;
    top: var(--header-pc-height);
    max-width: 600px;
    height: calc(100vh - var(--header-pc-height));
}
.about-pages .history-main .left .pages-title {
    color: #FFCC00;
    text-align: left;
}
.about-pages .history-main .left .pages-title::after {
    left: 0;
    transform: translateX(0);
}
.about-pages .history-main .left .nav-box {
    /* position: absolute;
    left: 0;
    bottom: 100px; */
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 100px;
}
.about-pages .history-main .left .nav-box .item .date {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: .5s;
}
.about-pages .history-main .left .nav-box .item.active .date {
    font-size: 72px;
    color: #fff;
}
.about-pages .history-main .left .nav-box .item .title {
    display: none;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 30px;
}
.about-pages .history-main .left .nav-box .item.active .title {
    display: block;
}
.about-pages .history-main .right {
    padding-bottom: 100px;
    margin-left: auto;
    max-width: 760px;
    flex: 1;
}
.about-pages .history-main .right .lists {
    width: 100%;
}
.about-pages .history-main .right .lists .cell {
    padding: 40px 0;
    border-bottom: 1px rgba(255,255,255,0.2) solid;
    width: 100%;
}
.about-pages .history-main .right .lists .date {
    font-size: 36px;
    color: #FFFFFF;
}
.about-pages .history-main .right .lists .content {
    margin-top: 30px;
}
.about-pages .history-main .right .lists p {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.about-pages .history-main .right .lists p::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #FFFFFF;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
}
.about-pages .company {
    background-color: #F3F4F6;
}
.about-pages .company__main {
    display: flex;
}
.about-pages .company__main > div {
    width: 50%;
    aspect-ratio: 1 / 1;
}
.about-pages .company__main .left {
    padding: 100px 40px 100px 20px;
    display: flex;
    flex-direction: column;
    max-width: 780px;
    margin-left: auto;
}
.about-pages .company__main .pages-title {
    text-align: left;
}
.about-pages .company__main .pages-title::after {
    left: 0;
    transform: translateX(0);
}
.about-pages .company__main .left .content-text {
    height: 0;
    overflow-y: scroll;
    flex: 1;
    margin-top: 40px;
    line-height: 1.5;
    padding-right: 60px;
}
.about-pages .company__main .right {
    aspect-ratio: 1 / 1;
}
.about-pages .company__main .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-pages .honor {
    margin-top: 120px;
}
.about-pages .honor .swiper {
    margin-top: 50px;
}
.about-pages .honor .swiper-slide {
    max-width: 250px;
    transition: transform .3s;
}
.about-pages .honor .swiper-slide img {
    width: 100%;
    aspect-ratio: 224 / 320;
}
.about-pages .honor .swiper-button-next {
    right: 13.5%;
}
.about-pages .honor .swiper-button-prev {
    left: 13.5%;
}
.about-pages .honor .swiper-button-next,
.about-pages .honor .swiper-button-prev {
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.5);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    transition: .3s;
}
.about-pages .honor .swiper-button-next:hover,
.about-pages .honor .swiper-button-prev:hover {
    background-color: #183068;
}
.about-pages .honor .swiper-button-prev::before,
.about-pages .honor .swiper-button-next::before {
    width: 25%;
    height: 25%;
}
.about-pages .honor-mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    display: flex;
    flex-direction: column;
}
.about-pages .honor-mask.show {
    opacity: 1;
    visibility: visible;
}
.about-pages .honor-mask .tips {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 16px;
    color: #FFFFFF;
}
.about-pages .honor-mask .close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.about-pages .honor-mask .close img {
    width: 35%;
    object-fit: contain;
}
.about-pages .honor-mask .swiper {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(24, 48, 104, 0) 0%,
        rgba(24, 48, 104, 0) 80%, 
        rgba(24, 48, 104, 1) 100%);
}
.about-pages .honor-mask .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.about-pages .honor-mask .swiper .swiper-slide img {
    height: 70%;
}
.about-pages .honor-mask .swiper .swiper-slide .text {
    margin-top: 30px;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    bottom: 40px;
}
.about-pages .honor-mask .swiper-button-next {
    right: 2%;
}
.about-pages .honor-mask .swiper-button-prev {
    left: 2%;
}
.about-pages .honor-mask .swiper-button-next,
.about-pages .honor-mask .swiper-button-prev {
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.5);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    transition: .3s;
}
.about-pages .honor-mask .swiper-button-next:hover,
.about-pages .honor-mask .swiper-button-prev:hover {
    background-color: #183068;
}
.about-pages .honor-mask .swiper-button-next svg,
.about-pages .honor-mask .swiper-button-prev svg {
    width: 40%;
    height: 40%;
}
.about-pages .culture {
    margin-top: 120px;
    margin-bottom: 120px;
}
.about-pages .culture .lists {
    max-width: 1520px;
    margin: 50px auto 0;
    display: flex;
    gap: 25px;
}
.about-pages .culture .lists .item {
    flex: 1 1 490px;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 40px 30px;
    position: relative;
    transition: .5s;
    cursor: pointer;
}
.about-pages .culture .lists .item .title {
    font-weight: bold;
    font-size: 30px;
    color: #333333;
}
.about-pages .culture .lists .item .content {
    margin-top: 70px;
    line-height: 1.5;
}
.about-pages .culture .lists .item .icon {
    width: 46px;
    height: 46px;
    position: absolute;
    background-size: cover;
    right: 30px;
    top: 40px;
}
.about-pages .culture .lists .item:hover {
    background-color: #183068;
    color: #FFFFFF;
}
.about-pages .culture .lists .item:hover .title {
    color: #FFFFFF;
}
.about-pages .culture .lists .item:nth-of-type(1):hover .icon {
    background-image: url(../images/i18-2.png);
}
.about-pages .culture .lists .item:nth-of-type(2):hover .icon {
    background-image: url(../images/i19-2.png);
}
.about-pages .culture .lists .item:nth-of-type(3):hover .icon {
    background-image: url(../images/i20-2.png);
}
.about-pages .culture .lists .item:nth-of-type(1) .icon {
    background-image: url(../images/i18.png);
}
.about-pages .culture .lists .item:nth-of-type(2) .icon {
    background-image: url(../images/i19.png);
}
.about-pages .culture .lists .item:nth-of-type(3) .icon {
    background-image: url(../images/i20.png);
}
/* 关于我们end */
/* 博客status */
.blog-pages .main-box {
    margin-top: 10px;
}
.blog-pages .main-box .item-wrapper {
    display: block;
    height: 450px;
    transition: .5s;
}
.blog-pages .main-box .item-wrapper:hover {
    background-color: rgba(248, 248, 248, 1);
}
.blog-pages .main-box .item {
    max-width: 1520px;
    height: 100%;
    border-bottom: solid #ebebeb 1px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    padding: 70px 0 80px 0;
    justify-content: space-between;
}
.blog-pages .main-box .item .left {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.blog-pages .main-box .item .left .name {
    font-weight: bold;
    font-size: 30px;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-pages .main-box .item .left .content {
    margin-top: 40px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-pages .main-box .item .left .date {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #999999;
}
.blog-pages .main-box .item .right {
    width: 465px;
    aspect-ratio: 465 / 310;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}
.blog-pages .main-box .item .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 博客end */
/* 博客详情start */
.blog-details-pages .blog-details-main {
    max-width: 1000px;
    margin: 120px auto 0;
}
.blog-details-pages .blog-details-main .article {
    padding-bottom: 60px;
    border-bottom: solid 1px #ccc;
}
.blog-details-pages .blog-details-main .title {
    font-weight: bold;
    font-size: 30px;
    color: #183068;
    margin-top: 40px;
    padding-bottom: 50px;
    border-bottom: solid 1px #ccc;
}
.blog-details-pages .blog-details-main .content {
    margin-top: 40px;
    line-height: 1.5;
}
.blog-details-pages .blog-details-main .content p {
    line-height: 1.5;
}
.blog-details-pages .blog-details-main .content img {
    display: block;
    margin: 30px auto;
    max-width: 100%;
}
.blog-details-pages .blog-details-main .pages-list {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 50px;
}
.blog-details-pages .blog-details-main .pages-list .item {
    display: flex;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
.blog-details-pages .blog-details-main .pages-list .item .left {
    margin-right: 30px;
    color: #333333;
}
.blog-details-pages .blog-details-main .pages-list .item .right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    transition: .5s;
}
.blog-details-pages .blog-details-main .pages-list .item:hover .right {
    color: #183068;
}
.blog-details-pages .back-btn {
    margin: 0 auto;
    width: 180px;
    height: 52px;
    background: #183068;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    color: #FFFFFF;
    cursor: pointer;
}
.blog-details-pages .back-btn img {
    margin-left: 10px;
}
.blog-details-pages .hot-list-main {
    background-color: #F8F8F8;
    padding: 100px 0;
}
.blog-details-pages .hot-list-main .lists {
    display: flex;
    margin: 50px auto 0;
    max-width: 1520px;
    gap: 4.25%;
}
.blog-details-pages .hot-list-main .item {
    width: 30.5%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.blog-details-pages .hot-list-main .item .text {
    font-size: 20px;
    margin: 40px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.blog-details-pages .hot-list-main .item .img-box {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}
.blog-details-pages .hot-list-main .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 博客详情end */
/* 产品start */
.products-pages .public-banner {
    background-image: url(../images/banner7.png);
}
.products-pages .products-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    row-gap: 45px;
    margin: 0 auto;
    max-width: 1520px;
    padding-top: 120px;
}
/* 产品end */
/* 产品详情start */
.products-details-pages .breadcrumb {
    max-width: 1520px;
    margin: 40px auto;
}
.products-details-pages .products-details-main {
    display: flex;
    margin: 0 auto;
    max-width: 1520px;
    padding-bottom: 100px;
    /* padding: 0 10px; */
    gap: 80px;
}
.products-details-pages .products-details-main > .left {
    padding-right: 20px;
    max-width: 520px;
    overflow-y: auto;
    position: sticky;
    max-height: calc(100vh - var(--header-pc-height));
    top: var(--header-pc-height);
    min-width: 300px;
}
.products-details-pages .products-details-main .left .name {
    font-weight: bold;
    font-size: 36px;
    color: #183068;
    padding: 40px 0;
    border-bottom: solid 1px #ccc;
}
.products-details-pages .products-details-main .expandable-list {
    margin-top: 0px;
}
.products-details-pages .products-details-main .list-item {
    border-bottom: 1px solid #ddd;
}
.products-details-pages .products-details-main .item-header {
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: #333333;
}
.products-details-pages .products-details-main .item-header .text::after {
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #FFCC00;
    margin-top: 5px;
    transition: 0.3s;
}
.products-details-pages .products-details-main .arrow {
    width: 0;
    height: 0;
    position: relative;
    transition: transform 0.3s ease;
}
.products-details-pages .products-details-main .arrow::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    right: 10px;
    top: -6px;
    transition: .3s;
}
.products-details-pages .products-details-main .item-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
}
.products-details-pages .products-details-main .item-content > div {
    overflow: hidden;
    padding: 0 20px;
}
.products-details-pages .products-details-main .item-content p {
    margin: 10px 0 30px;
}
.products-details-pages .products-details-main .list-item.active .item-content {
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.3s ease-in;
}
.products-details-pages .products-details-main .list-item.active .arrow::before {
    transform: rotate(-135deg);
}
.products-details-pages .products-details-main .list-item.active .item-header .text::after {
    width: 100%;
}
.products-details-pages .btn-box {
    display: flex;
    align-items: center;
    margin-top: 50px;
    gap: 20px;
}
.products-details-pages .btn-box .btn {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #183068;
    background-color: #FFCC00;
    border-radius: 6px;
    transition: .5s;
    flex: 1;
}
.products-details-pages .btn-box .btn:hover {
    color: #FFCC00;
    background-color: #183068;
}
.products-details-pages .accessories-box {
    margin-top: 50px;
}
.products-details-pages .accessories-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333333;
    font-size: 16px;
}
.products-details-pages .swiper-tab {
    display: flex;
    align-items: center;
    gap: 20px;
}
.products-details-pages .swiper-tab .bar {
    width: 8px;
    height: 8px;
    border-right: #333 1px solid;
    border-bottom: #333 1px solid;
    cursor: pointer;
}
.products-details-pages .swiper-tab .bar.next {
    transform: rotate(-45deg);
}
.products-details-pages .swiper-tab .bar.prev {
    transform: rotate(135deg);
}
.products-details-pages .accessories-content {
    margin-top: 30px;
    margin-bottom: 20px;
}
.products-details-pages .accessories-content .img-box {
    background: #F3F4F6;
    border: 1px solid #EBEDF0;;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products-details-pages .products-details-main > .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}
.products-details-pages .products-details-main .right .img-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.products-details-pages .products-details-main .right .img-lists .img-box {
    width: calc(50% - 5px);
    /* height: 500px; */
    aspect-ratio: 455 / 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F3F4F6;
}
.products-details-pages .products-details-main .right .img-lists .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.products-details-pages .products-details-main .right .details {
    margin-top: 60px;
}
.products-details-pages .products-details-main .right .details .title {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 30px;
    color: #333333;
}
.products-details-pages .products-details-main .right .details img {
    width: 100%;
    display: block;
    margin: 0;
}

.products-details-pages .accessories-content .img-box img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
.products-details-pages .accessories-content .text {
    margin-top: 15px;
    font-size: 16px;
}
.products-details-pages .products-details-main .nav-list {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    margin-bottom: 50px;
    border-top: 1px solid #ccc;
}
.products-details-pages .products-details-main .nav-list .item {
    display: flex;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}
.products-details-pages .products-details-main .nav-list .item .left {
    margin-right: 30px;
    color: #333333;
}
.products-details-pages .products-details-main .nav-list .item .right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    transition: .5s;
    flex: 1;
    min-width: 0;
}
.products-details-pages .products-details-main .nav-list .item:hover .right {
    color: #183068;
}
.products-details-pages .back-btn {
    margin: 0 auto;
    width: 180px;
    height: 52px;
    background: #183068;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
.products-details-pages .back-btn img {
    margin-left: 10px;
}
.products-details-pages .recommendation {
    padding: 120px 0;
    margin: 0 auto;
    background-color: #F3F4F6;
}
.recommendation .products-lists {
    max-width: 1520px;
    margin: 50px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px
}
.recommendation .products-lists .img-box {
    background-color: #FFFFFF;
}
/* 产品详情end */

/* 服务start */
.service-pages .public-banner {
    background-image: url('../images/banner8.png');
}
.service-pages .business-main {
    max-width: 1520px;
    padding: 100px 0;
    margin: 0 auto;
}
.service-pages .business-main .lists {
    margin-top: 50px;
    display: flex;
    gap: 25px;
}
.service-pages .business-main .item {
    height: 630px;
    flex: 1;
    min-width: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    transition: .5s;
}
.service-pages .business-main .item .img-box {
    width: 100%;
    height: 300px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.service-pages .business-main .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-pages .business-main .item .content-box {
    flex: 1;
    background-color: #F5F6F8;
    margin-top: -10px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    transition: .5s;
    border-radius: 10px;
    position: relative;
}
.service-pages .business-main .item .content-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    left: 8px;
    /* left: 50%;
    transform: translateX(-50%) perspective(10px) rotateX(-5deg); */
    background: #183068;
    transform: perspective(10px) rotateX(-5deg);
    transform-origin: bottom;
    transition: width .5s;
}
.service-pages .business-main .item .name-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: solid 1px #ccc;
}
.service-pages .business-main .item .name-box .text {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    margin-right: 20px;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.service-pages .business-main .item .content {
    overflow-y: auto;
    font-size: 16px;
    padding-right: 10px;
    margin-top: 30px;
    min-height: 0;
    line-height: 1.7;
}
.service-pages .business-main .item:hover .content-box {
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
}
.service-pages .business-main .item:hover .content-box::before {
    width: calc(100% - 16px);
}
.service-pages .after-sales {
    background: url(../images/bg5.png) no-repeat center center;
    background-size: cover;
    padding: 100px 0;
}
.service-pages .after-sales-warpper {
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.service-pages .after-sales-warpper .left {
    max-width: 500px;
}
.service-pages .after-sales-warpper .left .preface {
    margin-top: 30px;
    font-size: 16px;
}
.service-pages .after-sales-warpper .left .contact {
    width: 100%;
    height: 340px;
    margin-top: 100px;
    background: url(../images/bg4.png) no-repeat center center;
    background-size: cover;
    padding: 0 35px 0;
    border-radius: 10px;
}
.service-pages .after-sales-warpper .left .contact .item {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    border-top: solid 1px #ccc;
    margin-bottom: 40px;
}
.service-pages .after-sales-warpper .left .contact .item:first-of-type {
    border-top: none;
}
.service-pages .after-sales-warpper .left .contact .item .name {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 16px;
}
.service-pages .after-sales-warpper .left .contact .item .name .icon {
    margin-right: 25px;
    font-size: 16px;
    width: 27px;
}
.service-pages .after-sales-warpper img {
    width: 100%;
}
.service-pages .after-sales-warpper .left .contact .item .cell {
    margin-left: 55px;
    color: #183068;
    font-size: 20px;
    font-weight: bold;
}
.service-pages .after-sales-warpper .right {
    max-width: 880px;
}
.service-pages .after-sales-warpper .right .item {
    padding-bottom: 40px;
    border-bottom: solid 1px #ccc;
    padding-top: 40px;
}
.service-pages .after-sales-warpper .right .item .name {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 30px;
    color: #333333;
}
.service-pages .after-sales-warpper .right .item .name .icon {
    width: 32px;
    margin-right: 30px;
}
.service-pages .after-sales-warpper .right .item > .content, 
.service-pages .after-sales-warpper .right .item .lists {
    padding-left: 65px;
}
.service-pages .after-sales-warpper .right .item .content {
    margin-top: 20px;
    font-size: 16px;
}
.service-pages .after-sales-warpper .right .item .lists {
    display: flex;
    justify-content: space-between;
}
.service-pages .after-sales-warpper .right .item .lists > div {
    max-width: 240px;
}
.service-pages .after-sales-warpper .right .item .lists .title {
    margin-top: 30px;
    color: #183068;
    font-weight: bold;
}
/* 服务end */

/* 联系我们start */
.contact-pages .public-banner {
    background-image: url(../images/banner9.png);
}
.contact-pages .icon-box {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #E7EAEF;
}
.contact-pages .icon-box img {
    width: 40%;
    height: 40%;
    object-fit: contain;
}
.contact-pages .contact-pages-main {
    margin: 100px auto 0;
    max-width: 1520px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.contact-pages .contact-pages-main .left {
    max-width: 680px;
    flex: 1;
}
.contact-pages .contact-pages-main .left .preface {
    font-size: 16px;
    margin-top: 30px;
}
.contact-pages .contact-pages-main .left .item {
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.contact-pages .contact-pages-main .left .item .icon-box {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    flex-shrink: 0;
}
.contact-pages .contact-pages-main .left .item .text1 {
    color: #183068;
}
.contact-pages .contact-pages-main .left .item .text2 {
    font-size: 24px;
    font-weight: bold;
    color: #183068;
}
.contact-pages .contact-pages-main .left .item .text3 {
    font-size: 16px;
}
.contact-pages .contact-pages-main .left .follow {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.contact-pages .contact-pages-main .left .follow-title {
    margin-top: 70px;
    font-weight: bold;
    font-size: 18px;
    color: #183068;
}
.contact-pages .contact-pages-main .right {
    max-width: 700px;
    background: #F5F7FA;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.08);
    border-radius: 10px;
    flex: 1;
    padding: 40px;
}
.contact-pages .contact-pages-main .right .box-title {
    font-weight: bold;
    font-size: 24px;
    color: #183068;
}
.contact-pages .contact-pages-main .right .row {
    display: flex;
    gap: 20px;
}
.contact-pages .contact-pages-main .right .row .item {
    flex: 1;
    margin-top: 30px;
}
.contact-pages .contact-pages-main .right .row .name {
    margin-bottom: 15px;
}
.contact-pages .contact-pages-main .right .row button {
    background-color: #183068;
    width: 100%;
    color: #fff;
    height: 44px;
    border-radius: 6px;
}
.contact-pages .contact-pages-main .right .row button:hover {
    background-color: #1d3a7e;
}
.contact-pages .contact-pages-main .right .row button:active {
    background-color: #1c397e;
}
.contact-pages input,
.contact-pages textarea,
.contact-pages select {
    width: 100%;
    height: 44px;
    outline: none;
    border: #D1D5DB solid 1px;
    border-radius: 6px;
    padding: 0 16px;
}
.contact-pages select option {
    outline: none;
}
.contact-pages select option:hover {
    background-color: #000;
}
.contact-pages textarea {
    resize: none;
    height: 120px;
    padding: 20px;
}
.contact-pages input::placeholder {
    color: #A8B0BD;
}
/* .contact-pages input:focus,
.contact-pages textarea:focus,
.contact-pages select:focus {
    border: #2ABC75 solid 1px;
    box-shadow: 0px 0px 15px 0px rgba(42,188,117,0.15);
} */
.contact-pages .layui-select-title input {
    height: 60px;
}
.contact-pages .layui-form-select dl {
    top: 60px;
}
.contact-pages .instructions {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    max-width: 1520px;
    margin: 80px auto 120px;
}
.contact-pages .instructions .item {
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    flex: 1;
    transition: all .5s;
}
.contact-pages .instructions .item .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.contact-pages .instructions .item .text1 {
    margin-top: 30px;
    font-weight: bold;
    font-size: 20px;
    color: #183068;
}
.contact-pages .instructions .item .text2 {
    font-size: 16px;
    margin-top: 20px;
}
.contact-pages .instructions .item * {
    transition: .5s;
}
.contact-pages .instructions .item:hover {
    background-color: #183068;
}
.contact-pages .instructions .item:hover .icon-box {
    transition: .5s;
    background-color: #FFCC00;
}
.contact-pages .instructions .item:hover * {
    color: #FFFFFF;
}
/* 联系我们end */
/* 下载start */
.download-pages .public-banner {
    background-image: url(../images/banner11.jpg);
    display: flex;
    flex-direction: column;
}
.download-pages .public-banner .title {
    transform: none
}
.download-pages .public-banner .text {
    color: #FFFFFF;
}
.download-pages .public-banner form {
    margin-top: 30px;
    display: flex;
    align-items: center;
    max-width: 680px;
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    border: 1px solid #D1D5DB;
    overflow: hidden;
}
.download-pages .public-banner form input {
    flex: 1;
    height: 100%;
    padding: 0 20px;
}
.download-pages .public-banner form input::placeholder {
    color: #A8B0BD;
}
.download-pages .public-banner form button {
    width: 40px;
    height: 40px;
    background: #183068;
    border-radius: 50%;
    border: none;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}
.download-pages {
    background: #F9FAFB;
    padding-bottom: 100px;
}
.download-pages .download-pages-main {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(390px, 490px));
    max-width: 1520px;
    margin: 100px auto 0;
    justify-content: center;
}
.download-pages .download-pages-main .item {
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.06);
    border-radius: 10px;
    height: 210px;
    cursor: pointer;
    transition: .3s;
    padding: 20px;
    display: flex;
    position: relative;
    font-size: 14px;
    color: #A8B0BD;
    background-color: #fff;
}
.download-pages .download-pages-main .item .icon-box {
    width: 50px;
    height: 50px;
    background: rgba(24, 48, 104, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}
.download-pages .download-pages-main .item .icon-box img {
    width: 26px;
}
.download-pages .download-pages-main .right .text1 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: .3s;
}
.download-pages .download-pages-main .right .text2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 20px;
}
.download-pages .download-pages-main .info {
    display: flex;
    align-items: center;
    margin-top: 40px;
    position: absolute;
    left: 90px;
    bottom: 20px;
    width: calc(100% - 20px - 90px);
    gap: 30px;
}
.download-pages .download-pages-main .info img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    object-fit: contain;
}
.download-pages .download-pages-main .info .button {
    width: 100px;
    height: 40px;
    background: #183068;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFCC00;
    margin-left: auto;
    transition: .3s;
}
.download-pages .download-pages-main .info > div {
    display: flex;
    align-items: center;
}
.download-pages .download-pages-main .item:hover {
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
}
.download-pages .download-pages-main .item:hover .text1 {
    color: rgba(24, 48, 104, 1);
}
.download-pages .download-pages-main .item:hover .info .button {
    color: #183068;
    background: #FFCC00;
}
.download-pages .pages-list {
    margin-bottom: 0px;
    margin-top: 60px;
}
.download-pages .pages-list .el-pagination {
    display: flex;
    gap: 10px;
}
.download-pages .pages-list .el-pager {
    gap: 10px;
}
.download-pages .pages-list .el-pagination .btn-next,
.download-pages .pages-list .el-pagination .btn-prev,
.download-pages .pages-list .el-pagination li {
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #D3D3D3;
    transition: .2s;
}
.download-pages .pages-list .el-pagination .btn-next .el-icon,
.download-pages .pages-list .el-pagination .btn-prev .el-icon {
    font-size: 24px;
}
.download-pages .pages-list .el-pagination .btn-next:hover,
.download-pages .pages-list .el-pagination .btn-prev:hover,
.download-pages .pages-list .el-pagination li:hover,
.download-pages .pages-list .el-pagination .is-active{
    background-color: #183068;
    color: #fff;
}
.download-pages .pages-list .el-pagination .btn-prev:disabled,
.download-pages .pages-list .el-pagination .btn-next:disabled {
    color: #bdc3c7;
    background-color: #ebebed
}
.download-pages .pages-list .el-pagination .btn-prev:disabled:hover,
.download-pages .pages-list .el-pagination .btn-next:disabled:hover {
    color: #bdc3c7;
    background-color: #ebebed
}
.download-pages .download-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.download-pages .download-mask.show {
    visibility: visible;
    opacity: 1;
}
.download-pages .download-mask .download-mask-main {
    width: 760px;
    padding: 60px 40px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.download-pages .download-mask .download-mask-main .left {
    max-width: 350px;
}
.download-pages .download-mask .download-mask-main .left .text1 {
    font-size: 14px;
}
.download-pages .download-mask .download-mask-main .left .text2 {
    font-size: 20px;
    color: #333333;
    margin-top: 20px;
}
.download-pages .download-mask .download-mask-main .left form {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}
.download-pages .download-mask .download-mask-main .left form input {
    max-width: 320px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 2px solid #DCDFE6;
    font-size: 14px;
}
.download-pages .download-mask .download-mask-main .left form input::placeholder {
    color: #A8B0BD;
}
.download-pages .download-mask .download-mask-main .left form button {
    width: 160px;
    height: 40px;
    background: #183068;
    border-radius: 6px;
    margin-top: 30px;
    color: #FFCC00;
}
.download-pages .download-mask .download-mask-main .right {
    max-width: 255px;
    flex: 1;
}
.download-pages .download-mask .download-mask-main .right .title {
    text-align: center;
    color: #333333;
}
.download-pages .download-mask .download-mask-main .right .qrcode-box {
    display: flex;
    gap: 15px;
    margin-top: 17px;
}
.download-pages .download-mask .download-mask-main .right .qrcode-box .item {
    flex: 1 1 auto;
}
.download-pages .download-mask .download-mask-main .right .qrcode-box .text {
    font-size: 14px;
    text-align: center;
}
.download-pages .download-mask .download-mask-main .right .contact {
    margin-top: 30px;
    text-align: center;
    color: #183068;
    font-size: 14px;
}
.download-pages .download-mask .download-mask-main .right .contact .cell {
    margin-top: 10px;
}
.download-pages .download-mask .download-mask-main .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 24px;
}
.download-pages .download-mask .download-mask-main .close::before {
    content: '×';
    color: #999999;
    cursor: pointer;
}
/* 下载end */
/* oemstart */
.oem-pages .public-banner {
    background-image: url(../images/banner10.png);
}
.oem-pages .why-choose {
    padding: 100px 0;
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.oem-pages .why-choose .pages-title {
    text-align: left;
}
.oem-pages .why-choose .pages-title::after {
    left: 0;
    transform: translateX(0);
}
.oem-pages .why-choose .left {
    max-width: 800px;
    width: 0;
    flex: 1;
}
.oem-pages .why-choose .left .lists {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.oem-pages .why-choose .left .lists .item {
    display: flex;
    gap: 25px;
}
.oem-pages .why-choose .left .lists .icon-box {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #183068;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.oem-pages .why-choose .left .lists .text1 {
    font-weight: bold;
    font-size: 20px;
    color: #183068;
}
.oem-pages .why-choose .left .lists .text2 {
    font-size: 16px;
    margin-top: 10px;
}
.oem-pages .why-choose .right {
    flex: 1;
    max-width: 700px;
    width: 0;
    border-radius: 10px;
    overflow: hidden;
}
.oem-pages .why-choose .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.oem-pages .period {
    padding: 100px 0;
    background-color: #183068;
}
.oem-pages .period .period-warpper {
    max-width: 1520px;
    margin: 0 auto;
}
.oem-pages .period .pages-title {
    text-align: left;
    color: #fff;
}
.oem-pages .period .pages-title::after {
    left: 0;
    transform: translateX(0);
}
.oem-pages .period-warpper .tips-text {
    color: #FFFFFF;
    margin-top: 45px;
    font-size: 17px;
} 
.oem-pages .period-warpper .num-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 70px;
}
.oem-pages .period-warpper .num-box .item {
    display: flex;
    flex-direction: column;
}
.oem-pages .period-warpper .num-box .item-top {
    font-weight: 400;
    font-size: 60px;
    color: #FFCC00;
    display: flex;
    align-items: center;
}
.oem-pages .period-warpper .num-box .item-top span {
    margin-left: 10px;
}
.oem-pages .period-warpper .num-box .item-bottom {
    font-size: 24px;
    margin-top: 10px;
    color: #FFFFFF;
}
.oem-pages .services {
    max-width: 1520px;
    margin: 0 auto;
    padding: 100px 0;
}
.oem-pages .services-main {
    margin: 50px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, 235px);
    gap: 20px;
    justify-content: center;
}
.oem-pages .services-main .item {
    width: 235px;
    aspect-ratio: 235 / 240;
    border-radius: 6px;
    border: 1px solid #E6EAF2;
    background: #F5F6F8;
    padding: 25px;
    overflow: hidden;
}
.oem-pages .services-main .item .img-box {
    width: 60px;
    height: 60px;
    background-color: #183068;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.oem-pages .services-main .item .img-box img {
    width: 40%;
}
.oem-pages .services-main .item .text {
    color: #333333;
    margin-top: 20px;
    letter-spacing: 0.4px
}
.oem-pages .ability {
    background-color: #F5F6F8;
    padding: 100px 0;
}
.oem-pages .ability-warpper {
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}
.oem-pages .ability-warpper .pages-title {
    text-align: left;
}
.oem-pages .ability-warpper .pages-title::after {
    left: 0;
    transform: translateX(0);
}
.oem-pages .ability-warpper .left {
    max-width: 800px;
    width: 0;
    flex: 1;
}
.oem-pages .ability-warpper .left .text-box {
    margin-top: 50px;
    color: #333333;
}
.oem-pages .ability-warpper .left .button {
    width: 250px;
    height: 56px;
    background: #183068;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    color: #FFCC00;
}
.oem-pages .ability-warpper .right {
    flex: 1;
    max-width: 700px;
    width: 0;
    border-radius: 10px;
    overflow: hidden;
}
.oem-pages .ability-warpper .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.oem-pages .process {
    max-width: 1520px;
    background: #FFFFFF;
    padding: 100px 0;
    margin: 0 auto;
}
.oem-pages .process .preface {
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
}
.oem-pages .process .process-main {
    margin-top: 60px;
    display: flex;
}
.oem-pages .process .process-main .item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.oem-pages .process .process-main .item .text-bg {
    position: absolute;
    font-weight: bold;
    font-size: 72px;
    color: #EAEAEA;
    z-index: 0;
    top: 0;
}
.oem-pages .process .process-main .item .img-box {
    position: relative;
    margin: 50px auto 0;
    width: 50px;
    height: 50px;
}
.oem-pages .process .process-main .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.oem-pages .process .process-main .item .text1 {
    margin-top: 25px;
    line-height: 1.5;
    color: #333333;
    text-align: center;
}
.oem-pages .process .process-main .item .text2 {
    font-size: 14px;
    margin-top: 20px;
    padding: 0 40px;
    text-align: center;
}
.oem-pages .process .process-main .item .bar-box {
    display: flex;
    align-items: center;
    position: absolute;
    right: calc((-4px * 3 + 2 * -10px) / 2);
    top: 45px;
    gap: 10px;
}
.oem-pages .process .process-main .item .bar-box .bar {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333333;
}

/* oemend */