* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #fff;
    font-family: 'harmony-light';
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}

/*@font-face {*/
/*    font-family: 'douyu';*/
/*    src: url(/static/font/douyu.otf);*/
/*}*/

/*@font-face {*/
/*    font-family: 'harmony-light';*/
/*    src: url(/static/font/HarmonyOS_Sans_SC_Light.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: 'harmony-bold';*/
/*    src: url(/static/font/HarmonyOS_Sans_SC_Bold.ttf);*/
/*}*/


/* 网站顶部 */

@media screen and (min-width: 900px) {
    .header {
        padding: 15px 0;
    }
    
    .header-logo {
        height: 50px;
        overflow: hidden;
        display: flex;
        gap:15px;
        align-items: center;
    }
    
    .header-logo img {
        height: 100%;
    }
    
    .header-contact ul {
        display: flex;
        justify-content: flex-end;
        height: 50px;
        line-height: 50px;
        padding-left: 0;
    }
    
    .header-contact ul li {
        list-style: none;
        display: flex;
        align-items: center;
        gap:10px;
        color: #000;
        font-size: 0.9rem;
    }
    
    .header-contact i {
        font-size: 1.2rem;
    }
    
    .header-line {
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
    }
    
    .nav-menu ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
    }
    
    .nav-menu ul li {
        list-style: none;
        padding: 10px 0;
        position: relative;
    }
    
    .nav-menu ul li a {
        text-decoration: none;
        color: #585858;
        font-weight: 600;
    }
    
    .nav-menu ul li a:hover {
        color: #1a2d5b;
        transition: .3s;
    }
    
    .nav-menu ul li a.active {
        color: #1a2d5b;
        font-family: 'harmony-bold';
    }
    
    .nav-language {
        display: flex;
        justify-content: flex-end;
    }
    
    .nav-language a {
        text-decoration: none;
        padding: 10px 45px;
        background-color: #1a2d5b;
        color: #fff;
    }
    
    .nav-language a:hover {
        background-color: #fd2500;
        transition: .3s ease-in-out;
    }
    
    .about-dropdown-menu {
        position: absolute;
        top: -100px;
        left: -1500px;
        z-index: -3;
        width: 4000px;
        padding: 15px 0;
        background-color: #f2f2f2;
        box-shadow: 0 0 7px 0 #0000000f;
        display: none;
    }
    
    .about-dropdown-menu-list {
        width: 1160px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        gap:80px;
    }
    
    .about-dropdown:hover .about-dropdown-menu {
        display: block;
        top:44px;
        z-index: 3;
        transition: .3s;
    }
    
    .nav-line {
        position: absolute;
        top:42px;
        left:0;
        z-index: 2;
        border-bottom: 2px solid #1a2d5b;
        width: 0;
    }
    
    .nav-menu ul li:hover .nav-line {
        width: 100%;
        transition: .3s;
    }

    .mobile-header {
        display: none;
    }

    .mobile-nav {
        display: none;
    }

    .mobile-menu-close {
        display: none;
    }
}

@media screen and (max-width: 899px) {
    .header {
        display: none;
    }

    .nav {
        display: none;
    }

    .mobile-header {
        display: flex;
        justify-content: space-between;
        padding: 15px;
        position: fixed;
        z-index: 99;
        width: 100%;
        background-color: #fff;
    }

    .mobile-header-logo {
        width: 200px;
        overflow: hidden;
    }

    .mobile-header-logo img {
        width: 100%;
    }

    .mobile-header-menu i {
        font-size: 2rem;
    }

    .mobile-nav {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #1a2d5b;
        z-index: 100;
        display: none;
    }

    .mobile-nav-header {
        display: flex;
        justify-content: space-between;
        padding: 15px;
    }

    .mobile-nav-header-logo {
        width: 200px;
        overflow: hidden;
    }

    .mobile-nav-header-logo img {
        width: 100%;
    }

    .mobile-nav-header-close i {
        font-size: 2rem;
        color: #fff;
    }

    .mobile-nav-menu {
        display: flex;
        flex-direction: column;
        gap:10px;
        padding: 15px;
        margin-top: 20px;
    }

    .mobile-nav-menu a {
        text-decoration: none;
        color: #fff;
        font-size: 1.1rem;
    }

    .mobile-nav-menu-line {
        border-bottom: 1px solid #ffffff6c;
    }

    .mobile-nav-contact {
        padding: 15px;
        margin: 25px 0;
        color: #fff;
    }

    .mobile-nav-contact-item {
        margin-top: 15px;
    }

    .mobile-nav-contact p {
        margin-bottom: 0;
    }

    .mobile-nav-language a {
        text-decoration: none;
        color: #fff;
        padding: 15px;
    }

    .mobile-menu-close {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 101;
        display: none;
    }

    .mobile-menu-close i {
        font-size: 2rem;
        color: #fff;
    }
}


/* 网站顶部 */





/* 轮播图 */

@media screen and (min-width: 900px) {
    .slider-content {
        display: flex;
        flex-direction: column;
        height: 800px;
        justify-content: center;
    }
    
    .slider-content h3 {
        color: #fff;
        font-size: 4rem;
    }
    
    .slider-content h1 {
        color: #fff;
        font-size: 5rem;
        font-family: 'douyu';
    }
    
    .slider-content p {
        color: #fff;
        font-size: 2.5rem;
        font-weight: 100;
    }
    
    .slider-btn {
        margin-top: 20px;
    }
    
    .slider-btn a {
        text-decoration: none;
        background-color: #fff;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #000;
    }
    
    .slider-btn a:hover {
        background-color: #1a2d5b;
        color: #fff;
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .slider-content {
        display: flex;
        flex-direction: column;
        margin-top: 250px;
        justify-content: center;
    }

    .slider-content h3 {
        color: #fff;
        font-size: 2rem;
    }

    .slider-content h1 {
        color: #fff;
        font-size: 2.5rem;
        font-family: 'douyu';
    }

    .slider-content p {
        color: #fff;
        font-size: 1.5rem;
        font-weight: 100;
    }

    .slider-btn {
        margin-top: 20px;
    }
    
    .slider-btn a {
        text-decoration: none;
        background-color: #fff;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #000;
    }
    
    .slider-btn a:hover {
        background-color: #1a2d5b;
        color: #fff;
        transition: .3s;
    }
}


/* 轮播图 */



/* 首页产品 */
@media screen and (min-width: 900px) {
    .hotsale-title {
        text-align: center;
    }
    
    .hotsale-title h2 {
        font-family: 'harmony-bold';
        font-weight: 600;
    }
    
    .hotsale-title h5 {
        color: #808080;
        font-size: 1rem;
        width: 60%;
        margin: 0 auto;
    }
    
    .hotsale-line {
        border-bottom: 5px solid #fd2500;
        margin: 0 auto;
        width: 60px;
        margin-top: 15px;
    }
    
    .hotsale-content {
        margin-top: 50px;
    }
    
    .hotsale-bigbox {
        overflow: hidden;
        position: relative;
        height: 600px;
    }
    
    .hotsale-bigbox-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 600px;
        z-index: -3;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .hotsale-bigbox-bg img {
        height: 100%;
    }
    
    .hotsale-bigbox:hover .hotsale-bigbox-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .hotsale-img {
        position: absolute;
        left: 0;
        width: 100%;
        height: 600px;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .hotsale-bigbox-line {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #fd2500;
        width: 0;
        z-index: 3;
    }
    
    .hotsale-bigbox:hover .hotsale-bigbox-line {
        width: 100%;
        transition: .3s;
    }
    
    .hotsale-img img {
        width: 100%;
    }
    
    .hotsale-icon {
        position: absolute;
        top:30px;
        right:30px;
        z-index: 2;
        width: 100px;
        overflow: hidden;
    }
    
    .hotsale-icon img {
        width: 100%;
    }
    
    .hotsale-text {
        position: absolute;
        bottom:-15px;
        transform: translateY(-50%);
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    .hotsale-text a {
        font-size: 2rem;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        margin-bottom: 10px;
        font-family: 'harmony-bold';
    }
    
    .hotsale-text span {
        color: #fff;
        width: 60%;
        text-align: center;
    }
    
    .small-box {
        width: 100%;
        height: 290px;
        margin-bottom: 20px;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .small-box-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: -3;
        background-color: #f7f8fc;
    }
    
    .small-box-img {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top:-20px;
        z-index: -3;
    }
    
    .small-box-img img {
        width: 100%;
    }
    
    .small-box-icon {
        position: absolute;
        left: 0;
        top:0;
        z-index: 2;
        width: 60px;
        overflow: hidden;
    }
    
    .small-box-icon img {
        width: 100%;
    }
    
    .small-box-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        position: absolute;
        bottom: 15px;
        width: 100%;
        text-align: center;
        z-index: 2;
    }
    
    .small-box-title a {
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        font-size: 1.2rem;
        font-family: 'harmony-bold';
    }
    
    .small-box-title span {
        font-size: 0.8rem;
        color: #fff;
        width: 80%;
        height: 20px;
        overflow: hidden;
    }
    
    .small-box-line {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #fd2500;
        width: 0;
    }
    
    .small-box:hover .small-box-line {
        width: 100%;
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .hotsale-title {
        text-align: center;
    }
    
    .hotsale-title h2 {
        font-family: 'harmony-bold';
    }
    
    .hotsale-title h5 {
        color: #808080;
        font-size: 1rem;
        width: 60%;
        margin: 0 auto;
    }
    
    .hotsale-line {
        border-bottom: 5px solid #fd2500;
        margin: 0 auto;
        width: 60px;
        margin-top: 15px;
    }
    
    .hotsale-content {
        margin-top: 50px;
    }
    
    .hotsale-bigbox {
        overflow: hidden;
        position: relative;
        height: 450px;
        margin-bottom: 20px;
    }
    
    .hotsale-bigbox-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 450px;
        z-index: -3;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .hotsale-bigbox-bg img {
        height: 100%;
    }
    
    .hotsale-bigbox:hover .hotsale-bigbox-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .hotsale-img {
        position: absolute;
        left: 0;
        bottom:0;
        width: 100%;
        height: 450px;
        z-index: -1;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .hotsale-bigbox-line {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #fd2500;
        width: 0;
        z-index: 3;
    }
    
    .hotsale-bigbox:hover .hotsale-bigbox-line {
        width: 100%;
        transition: .3s;
    }
    
    .hotsale-img img {
        width: 100%;
    }
    
    .hotsale-icon {
        position: absolute;
        top:30px;
        right:30px;
        z-index: 2;
        width: 100px;
        overflow: hidden;
    }
    
    .hotsale-icon img {
        width: 100%;
    }
    
    .hotsale-text {
        position: absolute;
        bottom:-15px;
        transform: translateY(-50%);
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    .hotsale-text a {
        font-size: 2rem;
        text-decoration: none;
        color: #000;
        font-weight: 600;
        margin-bottom: 10px;
        font-family: 'harmony-bold';
    }
    
    .hotsale-text span {
        color: #808080;
        width: 60%;
        text-align: center;
    }
    
    .small-box {
        width: 100%;
        height: 380px;
        margin-bottom: 20px;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .small-box-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: -3;
        background-color: #f7f8fc;
    }
    
    .small-box-img {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        top:-20px;
        z-index: -3;
    }
    
    .small-box-img img {
        width: 100%;
    }
    
    .small-box-icon {
        position: absolute;
        left: 0;
        top:0;
        z-index: 2;
        width: 60px;
        overflow: hidden;
    }
    
    .small-box-icon img {
        width: 100%;
    }
    
    .small-box-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        position: absolute;
        bottom: 15px;
        width: 100%;
        text-align: center;
        z-index: 2;
    }
    
    .small-box-title a {
        text-decoration: none;
        color: #000;
        font-weight: 600;
        font-size: 1.2rem;
        font-family: 'harmony-bold';
    }
    
    .small-box-title span {
        font-size: 0.8rem;
        color: #808080;
        width: 80%;
        height: 20px;
        overflow: hidden;
    }
    
    .small-box-line {
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #fd2500;
        width: 0;
    }
    
    .small-box:hover .small-box-line {
        width: 100%;
        transition: .3s;
    }
}

/* 首页产品 */




/* 行业应用 */
@media screen and (min-width: 900px) {
    .app-item {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        margin-top: 50px;
    }
    
    .app-bg {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .app-bg img {
        width: 100%;
    }
    
    .app-mask {
        position: absolute;
        top:0;
        left:0;
        z-index: 2;
        width: 100%;
        height: 500px;
        background: linear-gradient(to right, #1a2d5b, #1a2d5b00);
    }
    
    .app-text {
        background-color: #1a2d5b;
        padding: 30px;
        height: 405px;
    }
    
    .app-text h3 {
        font-size: 2rem;
        font-weight: 600;
        color: #fff;
        font-family: 'harmony-bold';
    }
    
    .app-text p {
        color: #fff;
        margin: 20px 0 40px 0;
    }
    
    .app-text a {
        text-decoration: none;
        background-color: #fd2500;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #fff;
    }
    
    .app-text a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .app-item {
        width: 100%;
        height: 500px;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        margin-top: 50px;
    }
    
    .app-bg {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .app-bg img {
        height: 100%;
    }
    
    .app-item:hover .app-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .app-mask {
        position: absolute;
        top:0;
        left:0;
        z-index: 2;
        width: 100%;
        height: 500px;
        background: linear-gradient(to right, #1a2d5b, #1a2d5b00);
    }
    
    .app-text {
        position: absolute;
        top: 250px;
        padding: 20px;
        transform: translateY(-50%);
        z-index: 3;
    }
    
    .app-text h3 {
        font-size: 2rem;
        font-weight: 600;
        color: #fff;
        font-family: 'harmony-bold';
    }
    
    .app-text p {
        color: #fff;
        margin: 15px 0;
    }

    .app-btn {
        margin-top: 25px;
    }
    
    .app-text a {
        text-decoration: none;
        background-color: #fd2500;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #fff;
    }
    
    .app-text a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
}

/* 行业应用 */




/* 服务支持 */
@media screen and (min-width: 900px) {
    .service-box {
        position: relative;
    }
    
    .service-switch {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
        z-index: 3;
        opacity: 0.3;
    }
    
    .service-switch i {
        color: #fff;
        font-size: 2.5rem;
    }
    
    .service-box:hover .service-switch {
        opacity: 1;
        transition: .3s;
    }
    
    .service-item {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        margin-top: 50px;
    }
    
    .service-bg {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
        overflow: hidden;
    }
    
    .service-bg img {
        height: 100%;
    }
    
    .service-mask {
        position: absolute;
        top:0;
        left:0;
        z-index: 2;
        width: 100%;
        height: 500px;
        background: linear-gradient(to left, #1a2d5b, #1a2d5b00);
    }
    
    .service-text {
        background-color: #1a2d5b;
        padding: 30px;
        height: 400px;
    }
    
    .service-text h3 {
        font-size: 2rem;
        font-weight: 600;
        color: #fff;
        text-align: center;
        font-family: 'harmony-bold';
    }
    
    .service-text p {
        color: #fff;
        margin: 20px 0 40px 0;
        text-align: center;
    }
    
    .service-icon {
        text-align: center;
    }
    
    .service-icon i {
        font-size: 3.5rem;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .service-btn {
        text-align: center;
    }
    
    .service-btn a {
        text-decoration: none;
        background-color: #fd2500;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #fff;
    }
    
    .service-btn a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .service-box {
        position: relative;
    }
    
    .service-switch {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
        z-index: 3;
        opacity: 0.3;
    }
    
    .service-switch i {
        color: #fff;
        font-size: 1.5rem;
    }
    
    .service-box:hover .service-switch {
        opacity: 1;
        transition: .3s;
    }
    
    .service-item {
        width: 100%;
        height: 500px;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        margin-top: 50px;
    }
    
    .service-bg {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .service-bg img {
        height: 100%;
    }
    
    .service-mask {
        position: absolute;
        top:0;
        left:0;
        z-index: 2;
        width: 100%;
        height: 500px;
        background: linear-gradient(to left, #1a2d5b, #1a2d5b00);
    }
    
    .service-text {
        position: absolute;
        top: 250px;
        padding: 20px;
        transform: translateY(-50%);
        z-index: 3;
    }
    
    .service-text h2 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #fff;
        text-align: center;
        font-family: 'harmony-bold';
    }
    
    .service-text p {
        color: #fff;
        margin: 20px 0 40px 0;
        text-align: center;
    }
    
    .service-icon {
        text-align: center;
    }
    
    .service-icon i {
        font-size: 3.5rem;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .service-btn {
        text-align: center;
    }
    
    .service-btn a {
        text-decoration: none;
        background-color: #fd2500;
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: 600;
        color: #fff;
    }
    
    .service-btn a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
}

/* 服务支持 */





/* 新闻资讯 */
@media screen and (min-width: 900px) {
    .news-box {
        margin-top: 50px;
        display: flex;
        justify-content: space-between;
    }
    
    .news-left {
        width: 59%;
    }
    
    .news-right {
        width: 39%;
    }
    
    .news-item {
        width: 100%;
        overflow: hidden;
        border-radius: 8px;
        background-color: #efefef;
    }
    
    .news-img {
        width: 100%;
        overflow: hidden;
    }
    
    .news-img img {
        width: 100%;
    }
    
    .news-text {
        padding: 30px;
    }
    
    .news-item:hover .news-text {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .news-text span {
        padding: 5px 12px;
        font-size: 0.6rem;
        font-weight: 600;
        background-color: #fd2500;
        color: #fff;
        border-radius: 5px;
    }
    
    .news-text a {
        text-decoration: none;
        color: #000;
        font-weight: 600;
        display: block;
        margin-top: 20px;
        font-family: 'harmony-bold';
    }
    
    .news-text h6 {
        color: #808080;
        font-size: 0.8rem;
        margin-top: 20px;
    }
    
    .news-item:hover .news-text a {
        color: #fff;
        transition: .5s;
    }
    
    .news-item:hover .news-text span {
        color: #fff;
        transition: .5s;
    }
    
    .news-item:hover .news-text h6 {
        color: #fff;
        transition: .5s;
    }
    
    .news-right {
        background-color: #efefef;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .news-right-up {
        padding: 30px;
    }
    
    .news-right-up span {
        padding: 5px 12px;
        font-size: 0.6rem;
        font-weight: 600;
        background-color: #fd2500;
        color: #fff;
        border-radius: 5px;
    }
    
    .news-right-up a {
        text-decoration: none;
        font-size: 1.2rem;
        color: #000;
        font-weight: 600;
        display: block;
        margin-top: 20px;
        font-family: 'harmony-bold';
    }
    
    .news-right-up a:hover {
        color: #1a2d5b;
        transition: .3s;
    }
    
    .news-right-up h6 {
        color: #808080;
        font-size: 0.8rem;
        margin-top: 20px;
    }
    
    .news-right-line {
        border-bottom: 1px solid #d5d5d5;
    }
    
    .news-right-down {
        padding: 30px;
    }
    
    .news-right-down ul li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 0.9rem;
    }
    
    .news-right-down ul li a {
        text-decoration: none;
        color: #000;
        width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .news-right-down ul li:hover {
        font-weight: 800;
        color: #1a2d5b;
        transition: .5s;
    }
}

@media screen and (max-width: 899px) {
    .news-box {
        margin-top: 50px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .news-left {
        width: 100%;
    }
    
    .news-right {
        width: 100%;
    }
    
    .news-item {
        width: 100%;
        overflow: hidden;
        border-radius: 8px;
        background-color: #efefef;
        margin-bottom: 20px;
    }
    
    .news-img {
        width: 100%;
        overflow: hidden;
    }
    
    .news-img img {
        width: 100%;
    }
    
    .news-text {
        padding: 20px;
    }
    
    .news-item:hover .news-text {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .news-text span {
        padding: 5px 12px;
        font-size: 0.6rem;
        font-weight: 600;
        background-color: #fd2500;
        color: #fff;
        border-radius: 5px;
    }
    
    .news-text a {
        text-decoration: none;
        color: #000;
        font-weight: 600;
        display: block;
        margin-top: 20px;
        font-family: 'harmony-bold';
    }
    
    .news-text h6 {
        color: #808080;
        font-size: 0.8rem;
        margin-top: 20px;
    }
    
    .news-item:hover .news-text a {
        color: #fff;
        transition: .5s;
    }
    
    .news-item:hover .news-text span {
        color: #fff;
        transition: .5s;
    }
    
    .news-item:hover .news-text h6 {
        color: #fff;
        transition: .5s;
    }
    
    .news-right {
        background-color: #efefef;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .news-right-up {
        padding: 20px;
    }
    
    .news-right-up span {
        padding: 5px 12px;
        font-size: 0.6rem;
        font-weight: 600;
        background-color: #fd2500;
        color: #fff;
        border-radius: 5px;
    }
    
    .news-right-up a {
        text-decoration: none;
        font-size: 1.2rem;
        color: #000;
        font-weight: 600;
        display: block;
        margin-top: 20px;
        font-family: 'harmony-bold';
    }
    
    .news-right-up a:hover {
        color: #1a2d5b;
        transition: .3s;
    }
    
    .news-right-up h6 {
        color: #808080;
        font-size: 0.8rem;
        margin-top: 20px;
    }
    
    .news-right-line {
        border-bottom: 1px solid #d5d5d5;
    }
    
    .news-right-down {
        padding: 20px;
    }
    
    .news-right-down ul li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 0.9rem;
    }
    
    .news-right-down ul li a {
        text-decoration: none;
        color: #000;
        width: 60%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .news-right-down ul li:hover {
        font-weight: 800;
        color: #1a2d5b;
        transition: .5s;
    }
    
}

/* 新闻资讯 */





/* 网站底部 */
@media screen and (min-width: 900px) {
    .footer {
        background-color: #efefef;
        padding: 80px 0;
    }
    
    .footer-menu h5 {
        color: #1a2d5b;
        font-family: 'harmony-bold';
    }
    
    .footer-menu h5:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-menu-line {
        border-bottom: 4px solid #fd2500;
        width: 40px;
    }
    
    .footer-menu-list-line {
        border-bottom: 1px solid #b4b4b4;
        width: 100%;
        margin: 10px 0;
    }
    
    .footer-menu-list a {
        text-decoration: none;
        color: #1a2d5b;
        font-family: 'harmony-bold';
        font-size: 0.9rem;
    }
    
    .footer-menu-list a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-search {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .footer-search h2 {
        font-family: 'harmony-bold';
    }
    
    .footer-search-btn {
        position: relative;
        margin-top: 20px;
    }
    
    .footer-search-btn input {
        border: #1a2d5b;
        outline: 2px solid #1a2d5b;
        width: 400px;
        border-radius: 4px;
        padding: 15px 20px;
        background-color: #efefef;
        font-size: 0.6rem;
    }
    
    .footer-search-btn a {
        position: absolute;
        right:20px;
        top:5px;
        z-index: 2;
        padding: 5px 25px;
        background-color: #1a2d5b;
        border-radius: 6px;
        color: #fff;
        text-decoration: none;
    }
    
    .footer-copyright {
        background-color: #0e0f13;
        padding: 20px 0;
    }
    
    .footer-copyright-link {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    
    .footer-copyright-link a {
        text-decoration: none;
        color: #fff;
    }
    
    .footer-copyright-link a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-logo {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: flex-end;
    }
    
    .footer-logo img {
        width: 80%;
    }
    
    .footer-social {
        width: 100%;
        display: flex;
        justify-content: center;
        color: #fff;
        margin-top: 30px;
        gap:15px;
    }
    
    .footer-social a {
        color: #fff;
        text-decoration: none;
    }
    
    .footer-social i {
        font-size: 2.5rem;
    }
    
    .footer-social i:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-copyright-text {
        margin-top: 30px;
    }
    
    .footer-copyright-text ul {
        display: flex;
        gap:20px;
        justify-content: center;
    }
    
    .footer-copyright-text ul li {
        list-style: none;
    }
    
    .footer-copyright-text ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 0.8rem;
    }
    
    .footer-copyright-text ul li a:hover {
        color: #fd2500;
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .footer {
        background-color: #efefef;
        padding: 80px 0;
    }

    .footer-menu {
        margin-bottom: 30px;
    }
    
    .footer-menu h5 {
        color: #1a2d5b;
        font-family: 'harmony-bold';
    }
    
    .footer-menu h5:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-menu-line {
        border-bottom: 4px solid #fd2500;
        width: 40px;
    }
    
    .footer-menu-list-line {
        border-bottom: 1px solid #b4b4b4;
        width: 100%;
        margin: 10px 0;
    }
    
    .footer-menu-list a {
        text-decoration: none;
        color: #1a2d5b;
        font-family: 'harmony-bold';
        font-size: 0.9rem;
    }
    
    .footer-menu-list a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-search {
        display: flex;
        flex-direction: column;
    }
    
    .footer-search h2 {
        font-family: 'harmony-bold';
    }
    
    .footer-search-btn {
        position: relative;
        margin-top: 20px;
    }
    
    .footer-search-btn input {
        border: #1a2d5b;
        outline: 2px solid #1a2d5b;
        width: 100%;
        border-radius: 4px;
        padding: 15px 20px;
        background-color: #efefef;
        font-size: 0.6rem;
    }
    
    .footer-search-btn a {
        position: absolute;
        right:20px;
        top:5px;
        z-index: 2;
        padding: 5px 25px;
        background-color: #1a2d5b;
        border-radius: 6px;
        color: #fff;
        text-decoration: none;
    }
    
    .footer-copyright {
        background-color: #0e0f13;
        padding: 20px 0;
    }
    
    .footer-copyright-link {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 20px 0;
    }
    
    .footer-copyright-link a {
        text-decoration: none;
        color: #fff;
    }
    
    .footer-copyright-link a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-logo {
        width: 100%;
        overflow: hidden;
        display: flex;
        margin-top: 20px;
    }
    
    .footer-logo img {
        width: 50%;
    }
    
    .footer-social {
        width: 100%;
        display: flex;
        color: #fff;
        margin-top: 30px;
        gap:15px;
    }
    
    .footer-social a {
        color: #fff;
        text-decoration: none;
    }
    
    .footer-social i {
        font-size: 2.5rem;
    }
    
    .footer-social i:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .footer-copyright-text {
        margin-top: 30px;
    }
    
    .footer-copyright-text ul {
        display: flex;
        flex-direction: column;
    }
    
    .footer-copyright-text ul li {
        list-style: none;
    }
    
    .footer-copyright-text ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 0.8rem;
    }
    
    .footer-copyright-text ul li a:hover {
        color: #fd2500;
        transition: .3s;
    }
}

/* 网站底部 */




/* 关于我们 */
@media screen and (min-width: 900px) {
    .page-link {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        gap:15px;
        height: 500px;
        padding: 30px 0;
        align-items: flex-end;
    }
    
    .page-link a {
        text-decoration: none;
        color: #fff;
    }
    
    .page-link a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .about-us {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .about-us-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -3;
        overflow: hidden;
    }
    
    .about-us-bg img {
        width: 100%;
    }
    
    .about-us:hover .about-us-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .about-us-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to top, #1a2d5b, #1a2e5b00);
    }
    
    .about-text {
        padding: 100px 0;
    }
    
    .about-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .about-title h2 {
        font-family: 'harmony-bold';
        margin-bottom: 0;
        font-weight: 600;
    }
    
    .about-title-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .about-content p {
        text-indent: 2em
    }
    
    .about-history {
        margin-top: 120px;
    }
    
    .about-history-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .about-history-item h2 {
        font-family: 'harmony-bold';
        font-size: 4.5rem;
        color: #fff;
    }
    
    .about-history-item  p {
        color: #fff;
    }
    
    .mission {
        position: relative;
    }
    
    .mission-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -3;
        overflow: hidden;
    }
    
    .mission-bg img {
        width: 100%;
    }
    
    .mission:hover .mission-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .mission-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to right, #1a2d5b, #1a2e5b00);
    }
    
    .mission-title {
        height: 800px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .mission-title h2 {
        font-family: 'harmony-bold';
        color: #fff;
        font-weight: 600;
    }
    
    .mission-title p {
        color: #fff;
        text-indent: 2em
    }
    
    .network {
        height: 800px;
        padding: 150px 0;
    }
    
    .network-map {
        width: 100%;
        overflow: hidden;
    }
    
    .network-map img {
        width: 100%;
    }
    
    .network-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        height: 500px;
        justify-content: center;
    }
    
    .network-title h2 {
        font-family: 'harmony-bold';
    }
    
    .network-title p {
        text-indent: 2em
    }
    
    .honor {
        padding: 150px 0;
    }
    
    .honor-left {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .honor-left img {
        width: 100%;
    }
    
    .network-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .network-title p {
        margin-left: 50px;
    }
    
    .factory {
        position: relative;
    }
    
    .factory-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 1200px;
        z-index: -3;
        overflow: hidden;
    }
    
    .factory-bg img {
        height: 100%;
    }
    
    .factory:hover .factory-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .factory-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 1200px;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to right, #1a2d5b, #1a2e5bc7);
    }
    
    .factory-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 120px;
    }
    
    .factory-title h2 {
        font-family: 'harmony-bold';
        color: #fff;
    }
    
    .factory-picture {
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
        margin-bottom: 20px;
    }
    
    .factory-picture img {
        width: 100%;
    }
    
    .factory-picture-title {
        color: #fff;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .honor-box-tab ul {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
        justify-content: center;
    }
    
    .honor-box-tab ul li {
        list-style: none;
        padding: 8px 40px;
        background-color: #e7e7e7;
        border-radius: 3px;
        font-family: 'harmony-bold';
    }
    
    .honor-box-tab ul li.action {
        background: #1a2d5b; 
        color: #fff;
    }
    
    .honor-box-box .item {
        display: none; 
    }
    
    .honor-box-box .item:first-child {
        display: block;
    }
    
    .tab-box { 
        width: 100%; 
        margin: 40px 0 120px 0;
    }
    
    .tab-box .tab {
        margin-bottom: 20px;
    }
    
    .tab-box .tab ul {
        display: flex;
        justify-content: space-between;
        gap:10px;
    }
    
    .tab-box .tab ul li { 
        width: 100%; 
        height: 50px; 
        line-height: 50px; 
        text-align: center;
        list-style: none;
        background-color: #fff;
        font-family: 'harmony-bold';
    }
    
    .tab-box .tab ul li.action { 
        background: #fd2500; 
        color: #fff;
    }
    
    .tab-box .box {
        width: 100%; 
    }
    
    .tab-box .box .item { 
        display: none; 
        width: 100%;
        height: 750px;
        overflow: hidden;
    }
    
    .tab-box .box .item:first-child {
        display: block;
    }
    
    .honor-picture-title {
        margin: 20px;
        text-align: center;
    }
    
    .honor-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    
    .honor-title h2 {
        font-weight: 600;
    }
    
    .honor-title p {
        text-align: center;
    }
    
    .Container {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
    }
      
    .Map-container {
        position: relative;
    }
      
    #Map-svg {
        width: 900px;
        max-width: 100%;
        height: auto;
    }
      
    .Location-nav {
        margin-top: 30px;
        color: rgba(255, 255, 255, 0.75);
    }

    .Location-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Location-nav li {
        margin: 15px;
        cursor: default;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: relative;
    }

    .Location-nav li::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(255, 255, 255, 0.75);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.25s linear, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .Location-nav li:hover::after {
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (max-width: 899px) {
    .page-link {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        gap:15px;
        height: 500px;
        padding: 30px 0;
        align-items: flex-end;
    }
    
    .page-link a {
        text-decoration: none;
        color: #fff;
    }
    
    .page-link a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .about-us {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .about-us-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        z-index: -3;
        overflow: hidden;
    }
    
    .about-us-bg img {
        height: 100%;
    }
    
    .about-us:hover .about-us-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .about-us-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to top, #1a2d5b, #1a2e5b00);
    }
    
    .about-text {
        padding: 100px 0;
    }
    
    .about-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 20px;
    }
    
    .about-title h2 {
        font-family: 'harmony-bold';
        margin-bottom: 0;
        font-weight: 600;
    }
    
    .about-title-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .about-content {
        padding: 0 20px;
    }
    
    .about-content p {
        text-indent: 2em
    }
    
    .about-history {
        margin-top: 50px;
    }
    
    .about-history-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .about-history-item h2 {
        font-family: 'harmony-bold';
        font-size: 4.5rem;
        color: #fff;
    }
    
    .about-history-item  p {
        color: #fff;
    }
    
    .mission {
        position: relative;
    }
    
    .mission-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -3;
        overflow: hidden;
    }
    
    .mission-bg img {
        height: 100%;
    }
    
    .mission:hover .mission-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .mission-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 800px;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to right, #1a2d5b, #1a2e5b00);
    }
    
    .mission-title {
        height: 800px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .mission-title h2 {
        font-family: 'harmony-bold';
        color: #fff;
        font-weight: 600;
    }
    
    .mission-title p {
        color: #fff;
        text-indent: 2em
    }
    
    .network {
        padding: 80px 0;
    }
    
    .network-map {
        width: 100%;
        overflow: hidden;
        height: 200px;
    }
    
    .network-map img {
        width: 100%;
    }
    
    .network-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
    }
    
    .network-title h2 {
        font-family: 'harmony-bold';
    }
    
    .network-title p {
        text-indent: 2em
    }
    
    .honor {
        padding: 150px 0 100px 0;
    }
    
    .honor-left {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    .honor-left img {
        width: 100%;
    }
    
    .network-title {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .factory {
        padding: 120px 0;
        position: relative;
    }
    
    .factory-bg {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: -3;
        overflow: hidden;
    }
    
    .factory-bg img {
        height: 100%;
    }
    
    .factory:hover .factory-bg img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .factory-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: -1;
        overflow: hidden; 
        background: linear-gradient(to right, #1a2d5b, #1a2e5b00);
    }
    
    .factory-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .factory-title h2 {
        font-family: 'harmony-bold';
        color: #fff;
        font-weight: 600;
    }
    
    .tab-box { 
        width: 100%; 
        margin-top: 40px; 
    }
    
    .tab-box .tab ul {
        display: flex;
        flex-direction: column;
        gap:1px;
    }
    
    .tab-box .tab ul li { 
        width: 100%; 
        height: 70px; 
        line-height: 70px; 
        padding-left: 50px;
        list-style: none;
        background-color: #fff;
        font-family: 'harmony-bold';
    }
    
    .tab-box .tab ul li.action { 
        background: #1a2d5b; 
        color: #fff;
    }

    .tab-box .box {
        margin-top: 20px;
    }
    
    .tab-box .box .item { 
        display: none; 
        height: 425px;
        width: 100%;
        overflow: hidden;
    }
    
    .tab-box .box .item:first-child {
        display: block;
    }
    
    
    .Container {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
    }
      
    .Map-container {
        position: relative;
    }
      
    #Map-svg {
        width: 900px;
        max-width: 100%;
        height: auto;
    }
      
    .Location-nav {
        margin-top: 30px;
        color: rgba(255, 255, 255, 0.75);
    }
      
    .Location-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .Location-nav li {
        margin: 15px;
        cursor: default;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        position: relative;
    }

    .Location-nav li::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(255, 255, 255, 0.75);
        opacity: 0;
        transform: translateY(100%);
        transition: opacity 0.25s linear, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    .Location-nav li:hover::after {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 关于我们 */




/* 服务支持列表页 */
@media screen and (min-width: 900px) {
    .service-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .service-title h2 {
        font-family: 'harmony-bold';
        font-weight: 600;
    }
    
    .service-title-line {
        border-bottom: 5px solid #fd2500;
        margin: 0 auto;
        width: 60px;
        margin-top: 15px;
    }
    
    .service-des {
        margin-top: 50px;
        text-align: center;
    }
    
    .service-des p {
        text-indent: 2em;
    }
    
    .service-date-item {
        text-align: center;
    }
    
    .service-date-item h1 {
        font-size: 4rem;
        font-family: 'harmony-bold';
        color: #1a2d5b;
    }
    
    .service-area-detail {
        background-color: #efefef;
        padding-bottom: 80px;
    }
    
    .service-more {
        margin-top: 60px;
    }
    
    .service-more-info-title {
        display: flex;
        gap:10px;
        align-items: center;
        color: #1a2d5b;
        margin-bottom: 20px;
    }
    
    .service-more-info-title i {
        font-size: 2rem;
    }
    
    .service-more-info-title h4 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .service-more-info-img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .service-more-info-img img {
        width: 100%;
    }
    
    .service-more:hover .service-more-info-img img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .service-team {
        margin: 60px 0;
    }
    
    .service-team-item {
        width: 100%;
        overflow: hidden;
    }
    
    .service-team-item img {
        width: 100%;
    }
    
    .service-team-item:hover img {
        transform: scale(1.1);
        transition: .3s;
    }
}

@media screen and (max-width: 899px) {
    .service-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .service-title h2 {
        font-family: 'harmony-bold';
    }
    
    .service-title-line {
        border-bottom: 5px solid #fd2500;
        margin: 0 auto;
        width: 60px;
        margin-top: 15px;
    }
    
    .service-des {
        margin-top: 50px;
        text-align: center;
    }
    
    .service-des p {
        text-indent: 2em;
    }
    
    .service-date-item {
        text-align: center;
    }
    
    .service-date-item h1 {
        font-size: 4rem;
        font-family: 'harmony-bold';
        color: #1a2d5b;
    }
    
    .service-area-detail {
        background-color: #efefef;
    }
    
    .service-more {
        margin-top: 60px;
    }
    
    .service-more-info-title {
        display: flex;
        gap:10px;
        align-items: center;
        color: #1a2d5b;
        margin-bottom: 20px;
    }
    
    .service-more-info-title i {
        font-size: 2rem;
    }
    
    .service-more-info-title h4 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .service-more-info-img {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .service-more-info-img img {
        width: 100%;
    }
    
    .service-more:hover .service-more-info-img img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .service-team {
        margin: 60px 0;
    }
    
    .service-team-item {
        width: 100%;
        overflow: hidden;
    }
    
    .service-team-item img {
        width: 100%;
    }
    
    .service-team-item:hover img {
        transform: scale(1.1);
        transition: .3s;
    }
}

/* 服务支持列表页 */





/* 产品列表 */
@media screen and (min-width: 900px) {
    .product {
        padding: 50px 0;
        background-color: #f6f6f6;
    }
    
    .sidebar {
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .sidebar-title {
        padding: 10px 20px;
        width: 100%;
        background-color: #1a2d5b;
        color: #fff;
        display: flex;
        align-items: center;
        gap:15px;
    }
    
    .sidebar-title h5 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .sidebar-title i {
        font-size: 1.5rem;
    }
    
    .sidebar-menu {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .sidebar-menu a {
        text-decoration: none;
        color: #000;
        display: flex;
        gap:15px;
        align-items: center;
    }
    
    .sidebar-menu a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .sidebar-menu-select {
        border: 1px solid #000;
        width: 15px;
        height: 15px;
    }
    
    .sidebar-menu a.active .sidebar-menu-select {
        background-color: #000;
    }
    
    .news-menu {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .news-menu-item a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .news-menu-item a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .news-menu-item p {
        font-size: 0.8rem;
        color: #585858;
        margin-bottom: 0;
        height: 40px;
        overflow: hidden;
    }
    
    .hotsale-product {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }

    .hotsale-product-item {
        display:flex;
        align-items: center;
    }
    
    .hotsale-product-img {
        width: 100%;
        overflow: hidden;
    }
    
    .hotsale-product-img img {
        width: 100%;
    }
    
    .hotsale-product-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .hotsale-product-text a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .hotsale-product-text p {
        font-size: 0.6rem;
        font-family: 'harmony-bold';
        color: #585858;
        margin-bottom: 0;
    }
    
    .hotsale-product-text span {
        font-size: 0.6rem;
        line-height: 0.6rem;
    }
    
    .product-list-item {
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        padding-bottom: 30px;
    }
    
    .product-list-item:hover {
        transform: translateY(-10px);
        box-shadow: 0px 0px 20px 7px #12121208;
        transition: .5s;
    }
    
    .product-list-img {
        width: 100%;
        overflow: hidden;
    }
    
    .product-list-img img {
        width: 100%;
    }
    
    .product-list-text {
        text-align: center;
        margin-top: 20px;
    }
    
    .product-list-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.3rem;
    }
    
    .product-list-btn {
        text-align: center;
        margin:20px 0 10px 0;
    }
    
    .product-list-btn a {
        text-decoration: none;
        padding: 10px 95px;
        background-color: #1a2d5b;
        color: #fff;
        font-size: 0.8rem;
        font-family: 'harmony-bold';
    }
    
    .product-list-item {
        position: relative;
    }
    
    .product-list-line {
        border-bottom: 3px solid #1a2d5b;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 0;
    }
    
    .product-list-item:hover .product-list-line {
        width: 100%;
        transition: .3s;
    }
    
    .pageinfo {
        margin-top: 30px;
        display: flex;
        gap:10px;
    }
    
    .pageinfo a {
        width: 30px;
        height: 30px;
        background-color: #fff;
        color: #000;
        text-align: center;
        line-height: 30px;
        text-decoration: none;
        font-family: 'harmony-bold';
        font-size: 0.6rem;
        border-radius: 3px;
    }
    
    .pageinfo a.active {
        background-color: #1a2d5b;
        color: #fff;
    }
}

@media screen and (max-width: 899px) {
    .product {
        padding: 100px 0;
        background-color: #f6f6f6;
    }
    
    .sidebar {
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .sidebar-title {
        padding: 10px 20px;
        width: 100%;
        background-color: #1a2d5b;
        color: #fff;
        display: flex;
        align-items: center;
        gap:15px;
    }
    
    .sidebar-title h5 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .sidebar-title i {
        font-size: 1.5rem;
    }
    
    .sidebar-menu {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .sidebar-menu a {
        text-decoration: none;
        color: #000;
        display: flex;
        gap:15px;
        align-items: center;
    }
    
    .sidebar-menu a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .sidebar-menu-select {
        border: 1px solid #000;
        width: 15px;
        height: 15px;
    }
    
    .sidebar-menu a.active .sidebar-menu-select {
        background-color: #000;
    }
    
    .news-menu {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .news-menu-item a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .news-menu-item a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .news-menu-item p {
        font-size: 0.8rem;
        color: #585858;
        margin-bottom: 0;
    }
    
    .hotsale-product {
        background-color: #fff;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }

    .hotsale-product-item {
        margin-bottom: 20px;
    }
    
    .hotsale-product-img {
        width: 100%;
        overflow: hidden;
    }
    
    .hotsale-product-img img {
        width: 100%;
    }
    
    .hotsale-product-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .hotsale-product-text a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .hotsale-product-text p {
        font-size: 0.6rem;
        font-family: 'harmony-bold';
        color: #585858;
        margin-bottom: 0;
    }
    
    .hotsale-product-text span {
        font-size: 0.6rem;
        line-height: 0.6rem;
    }
    
    .product-list-item {
        margin-bottom: 20px;
        background-color: #fff;
        border-radius: 8px;
        padding: 30px;
    }
    
    .product-list-item:hover {
        transform: translateY(-10px);
        box-shadow: 0px 0px 20px 7px #12121208;
        transition: .5s;
    }
    
    .product-list-img {
        width: 100%;
        overflow: hidden;
    }
    
    .product-list-img img {
        width: 100%;
    }
    
    .product-list-text {
        text-align: center;
        margin-top: 20px;
    }
    
    .product-list-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.3rem;
    }
    
    .product-list-btn {
        text-align: center;
        margin:20px 0 10px 0;
    }
    
    .product-list-btn a {
        text-decoration: none;
        padding: 10px 95px;
        background-color: #1a2d5b;
        color: #fff;
        font-size: 0.8rem;
        font-family: 'harmony-bold';
    }
    
    .product-list-item {
        position: relative;
    }
    
    .product-list-line {
        border-bottom: 3px solid #1a2d5b;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 0;
    }
    
    .product-list-item:hover .product-list-line {
        width: 100%;
        transition: .3s;
    }
    
    .pageinfo {
        margin-top: 30px;
        display: flex;
        gap:10px;
    }
    
    .pageinfo a {
        width: 30px;
        height: 30px;
        background-color: #fff;
        color: #000;
        text-align: center;
        line-height: 30px;
        text-decoration: none;
        font-family: 'harmony-bold';
        font-size: 0.6rem;
        border-radius: 3px;
    }
    
    .pageinfo a.active {
        background-color: #1a2d5b;
        color: #fff;
    }
}

/* 产品列表 */





/* 产品详情 */
@media screen and (min-width: 900px) {
    .product-show {
        padding: 50px 0;
        background-color: #f6f6f6;
    }
    
    .product-show-box {
        padding: 50px 0 0 50px;
    }
    
    .product-show-title h2 {
        font-family: 'harmony-bold';
        color: #1a2d5b;
    }
    
    
    .product-show-title h4 {
        font-family: 'harmony-bold';
    }
    
    .product-show-feature {
        margin-top: 30px;
    }
    
    .product-show-feature h5 {
        font-family: 'harmony-bold';
    }
    
    .product-show-feature-app {
        margin-top: 15px;
    }
    
    .product-show-feature-app ul {
        display: flex;
        gap:15px;
    }
    
    .product-show-feature-app ul li {
        list-style: none;
        padding: 5px 30px;
        background-color: #fff;
    }
    
    .product-show-feature-app ul li:hover {
        background-color: #fd2500;
        color: #fff;
        transition: .3s;
    }
    
    .product-show-service {
        display: flex;
        gap:15px;
        margin-top: 15px;
    }
    
    .product-show-service a {
        padding: 5px 20px;
        background-color: #1a2d5b;
        color: #fff;
        text-decoration: none;
    }
    
    .product-show-service a:hover {
        background-color: #fd2500;
        color: #fff;
        transition: .3s;
    }
    
    .product-show-btn {
        margin-top: 50px;
    }
    
    .product-show-btn a {
        padding: 10px 30px;
        background-color: #fd2500;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        font-family: 'harmony-bold';
    }
    
    .product-show-btn a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
    
    .product-detail {
        padding-bottom: 80px;
        background-color: #f6f6f6;
    }
    
    .product-detail-title {
        width: 100%;
        padding: 15px 0;
        background-color: #1a2d5b;
        height: 70px;
    }
    
    .product-detail-logo {
        height: 40px;
        overflow: hidden;
    }
    
    .product-detail-logo img {
        height: 100%;
    }
    
    .product-detail-menu {
        display: flex;
        justify-content: flex-end;
        gap:30px;
        height: 40px;
        align-items: center;
    }
    
    .product-detail-menu a {
        color: #fff;
        text-decoration: none;
        font-family: 'harmony-bold';
    }
    
    .product-detail-menu a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .product-detail-content {
        padding: 30px 0;
    }

    .product-detail-content table tr {
        padding: 10px 20px;
    }

    .product-detail-content table tr td {
        padding: 10px 20px;
        border-left:1px solid #fff;
    }

    .product-detail-content table tr:nth-child(odd) {
        background: #1a2d5bcc;
        color: #fff;
    }
}

@media screen and (max-width: 899px) {
    .product-show {
        padding: 50px 0;
        background-color: #f6f6f6;
    }
    
    .product-show-title h2 {
        font-family: 'harmony-bold';
        color: #1a2d5b;
    }
    
    
    .product-show-title h4 {
        font-family: 'harmony-bold';
    }
    
    .product-show-feature {
        margin-top: 30px;
    }
    
    .product-show-feature h5 {
        font-family: 'harmony-bold';
    }
    
    .product-show-feature-app {
        margin-top: 15px;
    }
    
    .product-show-feature-app ul li {
        list-style: none;
        padding: 5px 30px;
        background-color: #fff;
        margin-bottom: 10px;
    }
    
    .product-show-feature-app ul li:hover {
        background-color: #fd2500;
        color: #fff;
        transition: .3s;
    }
    
    .product-show-service {
        display: flex;
        flex-direction: column;
        gap:10px;
        margin-top: 15px;
    }
    
    .product-show-service a {
        padding: 5px 20px;
        background-color: #1a2d5b;
        color: #fff;
        text-decoration: none;
    }
    
    .product-show-service a:hover {
        background-color: #fd2500;
        color: #fff;
        transition: .3s;
    }
    
    .product-show-btn {
        margin-top: 50px;
    }
    
    .product-show-btn a {
        padding: 10px 30px;
        background-color: #fd2500;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        font-family: 'harmony-bold';
    }
    
    .product-show-btn a:hover {
        background-color: #fff;
        color: #000;
        transition: .3s;
    }
    
    .product-detail {
        padding-bottom: 80px;
        background-color: #f6f6f6;
    }
    
    .product-detail-title {
        width: 100%;
        padding: 15px 0;
        background-color: #1a2d5b;
        height: 70px;
    }
    
    .product-detail-logo {
        height: 40px;
        overflow: hidden;
    }
    
    .product-detail-logo img {
        height: 100%;
    }
    
    .product-detail-menu {
        display: none;
    }
    
    .product-detail-menu a {
        color: #fff;
        text-decoration: none;
        font-family: 'harmony-bold';
    }
    
    .product-detail-menu a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .product-detail-content {
        padding: 30px 0;
    }

    .product-detail-content table tr {
        padding: 10px 20px;
    }

    .product-detail-content table tr td {
        padding: 10px 20px;
        border-left:1px solid #fff;
    }

    .product-detail-content table tr:nth-child(odd) {
        background: #1a2d5bcc;
        color: #fff;
    }
}

/* 产品详情 */






/* 客户案例 */
@media screen and (min-width: 900px) {
    .video-wrapper {
        margin-bottom: 30px;
    }
    
    .video-wrapper-title {
        margin: 10px 0 30px 0;
        text-align: center;
    }
    
    .case-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .case-title h2 {
        font-weight: 600;
    }
}

@media screen and (max-width: 899px) {
    .case-function {
        background-color: #efefef;
        padding: 30px;
        border-radius: 8px;
        margin-top: 100px;
    }
    
    .case-function-menu {
        display: flex;
        gap:20px;
        flex-wrap: wrap;
    }
    
    .case-function-title h6 {
        font-family: 'harmony-bold';
    }
    
    .case-function-menu a {
        text-decoration: none;
        color: #000;
        display: flex;
        gap:10px;
        align-items: center;
    }
    
    .case-function-menu-select {
        border: 1px solid #000;
        width: 15px;
        height: 15px;
    }
    
    .case-function-menu a.active .case-function-menu-select {
        background-color: #000;
    }
    
    .case-content-item {
        margin-bottom: 30px;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
        box-shadow: 0px 0px 20px 7px #f4f4f4;
    }
    
    .case-content-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .case-content-item-img {
        width: 100%;
        overflow: hidden;
    }
    
    .case-content-item-img img {
        width: 100%;
    }
    
    .case-content-item-title {
        padding: 20px;
    }
    
    .case-content-item-title a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.1rem;
    }
    
    .case-content-item-title p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .case-content-item:hover .case-content-item-title a {
        color: #fff;
        transition: .5s;
    }
    
    .case-content-item:hover .case-content-item-title p {
        color: #fff;
        transition: .5s;
    }
    
    .case-content-item-line {
        border-bottom: 1px solid #e5e5e5;
    }
    
    .case-content-item-date {
        padding: 20px;
    }
    
    .case-content-item:hover .case-content-item-date {
        color: #fff;
        transition: .5s;
    }
}

/* 客户案例 */





/* 行业应用 */
@media screen and (min-width: 900px) {
    .application {
        padding: 50px 0;
        background-color: #f6f6f6;
    }
    
    .application-top {
        width: 100%;
        overflow: hidden;
        border-radius: 8px;
    }
    
    .application-top img {
        width: 100%;
    }
    
    .application-top:hover img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .application-content {
        padding-bottom: 50px;
        background-color: #f6f6f6;
    }
    
    .application-content-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .application-content-title h2 {
        font-family: 'harmony-bold';
        font-weight: 600;
    }
    
    .application-content-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .application-content-item {
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 0px 20px 7px #f4f4f4;
    }
    
    .application-content-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .application-content-item-img {
        width: 100%;
        overflow: hidden;
    }
    
    .application-content-item-img img {
        width: 100%;
    }
    
    .application-content-item-text {
        padding: 20px;
    }
    
    .application-content-item-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.1rem;
    }
    
    .application-content-item-text p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .application-content-item:hover .application-content-item-text a {
        color: #fff;
        transition: .5s;
    }
    
    .application-content-item:hover .application-content-item-text p {
        color: #fff;
        transition: .5s;
    }
}

@media screen and (max-width: 899px) {
    .application {
        padding: 100px 0 50px 0;
        background-color: #f6f6f6;
    }
    
    .application-top {
        width: 100%;
        overflow: hidden;
        border-radius: 8px;
    }
    
    .application-top img {
        width: 100%;
    }
    
    .application-top:hover img {
        transform: scale(1.1);
        transition: .3s;
    }
    
    .application-content {
        padding-bottom: 50px;
        background-color: #f6f6f6;
    }
    
    .application-content-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .application-content-title h2 {
        font-family: 'harmony-bold';
    }
    
    .application-content-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .application-content-item {
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 0px 20px 7px #f4f4f4;
    }
    
    .application-content-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .application-content-item-img {
        width: 100%;
        overflow: hidden;
    }
    
    .application-content-item-img img {
        width: 100%;
    }
    
    .application-content-item-text {
        padding: 20px;
    }
    
    .application-content-item-text a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.1rem;
    }
    
    .application-content-item-text p {
        margin-top: 15px;
        margin-bottom: 0;
    }
    
    .application-content-item:hover .application-content-item-text a {
        color: #fff;
        transition: .5s;
    }
    
    .application-content-item:hover .application-content-item-text p {
        color: #fff;
        transition: .5s;
    }
}

/* 行业应用 */





/* 新闻列表 */
@media screen and (min-width: 900px) {
    .article-area {
        padding: 80px 0;
    }
    
    .article-list-item {
        display: flex;
        background-color: #efefef;
        margin-bottom: 30px;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .article-list-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .article-list-item-img {
        width: 30%;
        overflow: hidden;
    }
    
    .article-list-item-img img {
        width: 100%;
    }
    
    .article-list-item:hover .article-list-item-img img {
        transform: scale(1.1);
        transition: .5s;
    }
    
    .article-list-item-title {
        padding: 25px;
        width: 70%;
    }
    
    .article-list-item-title a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.1rem;
    }
    
    .article-list-item-title p {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    
    .article-list-item-date {
        margin-top: 15px;
    }
    
    .article-list-item:hover .article-list-item-title a {
        color: #fff;
        transition: .5s;
    }
    
    .article-list-item:hover .article-list-item-title p {
        color: #fff;
        transition: .5s;
    }
    
    .article-list-item:hover .article-list-item-date {
        color: #fff;
        transition: .5s;
    }
    
    .article-sidebar {
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 30px;
    }
    
    .article-sidebar-title {
        padding: 10px 20px;
        width: 100%;
        background-color: #1a2d5b;
        color: #fff;
        display: flex;
        align-items: center;
        gap:15px;
    }
    
    .article-sidebar-title h5 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .article-sidebar-title i {
        font-size: 1.5rem;
    }
    
    .article-sidebar-menu {
        background-color: #efefef;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .article-sidebar-menu a {
        text-decoration: none;
        color: #000;
        font-family: 'harmony-bold';
        display: flex;
        gap:15px;
        align-items: center;
    }
    
    .article-sidebar-menu-select {
        border: 1px solid #000;
        width: 15px;
        height: 15px;
    }
    
    .article-sidebar-menu a.active .article-sidebar-menu-select {
        background-color: #000;
    }
    
    .article-sidebar-news-menu {
        background-color: #efefef;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .article-sidebar-news-menu-item a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .article-sidebar-news-menu-item a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .article-sidebar-news-menu-item p {
        font-size: 0.8rem;
        color: #585858;
        margin-bottom: 0;
    }
    
    .article-contact {
        background-color: #efefef;
        padding: 30px;
        gap:20px;
    }
    
    .article-contact ul li {
        list-style: none;
    }
}

@media screen and (max-width: 899px) {
    .article-area {
        padding: 80px 0;
    }
    
    .article-list-item {
        background-color: #efefef;
        margin-bottom: 30px;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .article-list-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .article-list-item-img {
        overflow: hidden;
    }
    
    .article-list-item-img img {
        width: 100%;
    }
    
    .article-list-item:hover .article-list-item-img img {
        transform: scale(1.1);
        transition: .5s;
    }
    
    .article-list-item-title {
        padding: 20px;
    }
    
    .article-list-item-title a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
        font-size: 1.1rem;
    }
    
    .article-list-item-title p {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    
    .article-list-item-date {
        margin-top: 15px;
    }
    
    .article-list-item:hover .article-list-item-title a {
        color: #fff;
        transition: .5s;
    }
    
    .article-list-item:hover .article-list-item-title p {
        color: #fff;
        transition: .5s;
    }
    
    .article-list-item:hover .article-list-item-date {
        color: #fff;
        transition: .5s;
    }
    
    .article-sidebar {
        border-radius: 8px;
        overflow: hidden;
        margin-top: 30px;
    }
    
    .article-sidebar-title {
        padding: 10px 20px;
        width: 100%;
        background-color: #1a2d5b;
        color: #fff;
        display: flex;
        align-items: center;
        gap:15px;
    }
    
    .article-sidebar-title h5 {
        margin-bottom: 0;
        font-family: 'harmony-bold';
    }
    
    .article-sidebar-title i {
        font-size: 1.5rem;
    }
    
    .article-sidebar-menu {
        background-color: #efefef;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .article-sidebar-menu a {
        text-decoration: none;
        color: #000;
        font-family: 'harmony-bold';
        display: flex;
        gap:15px;
        align-items: center;
    }
    
    .article-sidebar-menu-select {
        border: 1px solid #000;
        width: 15px;
        height: 15px;
    }
    
    .article-sidebar-menu a.active .article-sidebar-menu-select {
        background-color: #000;
    }
    
    .article-sidebar-news-menu {
        background-color: #efefef;
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap:20px;
    }
    
    .article-sidebar-news-menu-item a {
        font-family: 'harmony-bold';
        text-decoration: none;
        color: #000;
    }
    
    .article-sidebar-news-menu-item a:hover {
        color: #fd2500;
        transition: .3s;
    }
    
    .article-sidebar-news-menu-item p {
        font-size: 0.8rem;
        color: #585858;
        margin-bottom: 0;
    }
    
    .article-contact {
        background-color: #efefef;
        padding: 30px;
        gap:20px;
    }
    
    .article-contact ul li {
        list-style: none;
    }
}
/* 新闻列表 */





/* 新闻详情 */
.article-content h2 {
    font-family: 'harmony-bold';
}

.article-content-text img {
    width: 100%;
    margin: 30px 0;
}

.article-info {
    margin: 30px 0;
    padding: 15px 30px;
    width: 100%;
    background-color: #efefef;
}

.article-info ul {
    display: flex;
    gap:50px;
}

.article-info ul li {
    list-style: none;
}

/* 新闻详情 */





/* 联系我们 */
@media screen and (min-width: 900px) {
    .contact-area {
        padding: 80px 0;
    }
    
    .contact-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .contact-title h2 {
        font-family: 'harmony-bold';
        font-weight: 600;
    }
    
    .contact-title-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .contact-service {
        margin-top: 20px;
    }
    
    .contact-service-item {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
    }
    
    .contact-service-item img {
        width: 100%;
    }
    
    .contact-service-item:hover img {
        transform: scale(1.1);
        transition: .5s;
    }
    
    .contact-service-item-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 2;
    }
    
    .contact-service-item-title {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 3;
        width: 100%;
    }
    
    .contact-service-item-title h4 {
        color: #fff;
        font-family: 'harmony-bold';
    }
    
    .contact-service-item-title p {
        color: #fff;
    }
    
    .contact-service-item-btn {
        margin-top: 15px;
    }
    
    .contact-service-item-btn a {
        text-decoration: none;
        padding: 5px 25px;
        border: 1px solid #fff;
        border-radius: 5px;
        color: #fff;
    }
    
    .contact-service-item:hover .contact-service-item-btn a {
        background-color: #fff;
        color: #000;
        transition: .5s;
    }
    
    .contact-information {
        margin-top: 50px;
    }
    
    .contact-information-item {
        border: 1px solid #e5e5e5;
        padding: 30px;
        border-radius: 8px;
    }
    
    .contact-information-item h4 {
        font-family: 'harmony-bold';
    }
    
    .contact-information-item-line {
        border-bottom: 3px solid #fd2500;
        width: 30px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .contact-information-item-content ul li {
        list-style: none;
    }
    
    .contact-information-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .contact-information-item:hover h4 {
        color: #fff;
        transition: .5s;
    }
    
    .contact-information-item:hover .contact-information-item-content ul li {
        color: #fff;
        transition: .5s;
    }
}

@media screen and (max-width: 899px) {
    .contact-area {
        padding: 80px 0;
    }
    
    .contact-title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .contact-title h2 {
        font-family: 'harmony-bold';
    }
    
    .contact-title-line {
        border-bottom: 5px solid #fd2500;
        width: 60px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .contact-service {
        margin-top: 20px;
    }
    
    .contact-service-item {
        width: 100%;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        margin-bottom: 20px;
    }
    
    .contact-service-item img {
        width: 100%;
    }
    
    .contact-service-item:hover img {
        transform: scale(1.1);
        transition: .5s;
    }
    
    .contact-service-item-mask {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 2;
    }
    
    .contact-service-item-title {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 3;
        width: 100%;
    }
    
    .contact-service-item-title h4 {
        color: #fff;
        font-family: 'harmony-bold';
    }
    
    .contact-service-item-title p {
        color: #fff;
    }
    
    .contact-service-item-btn {
        margin-top: 15px;
    }
    
    .contact-service-item-btn a {
        text-decoration: none;
        padding: 5px 25px;
        border: 1px solid #fff;
        border-radius: 5px;
        color: #fff;
    }
    
    .contact-service-item:hover .contact-service-item-btn a {
        background-color: #fff;
        color: #000;
        transition: .5s;
    }
    
    .contact-information {
        margin-top: 50px;
    }
    
    .contact-information-item {
        border: 1px solid #e5e5e5;
        padding: 30px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    
    .contact-information-item h4 {
        font-family: 'harmony-bold';
    }
    
    .contact-information-item-line {
        border-bottom: 3px solid #fd2500;
        width: 30px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .contact-information-item-content ul li {
        list-style: none;
    }
    
    .contact-information-item:hover {
        background-color: #1a2d5b;
        transition: .5s;
    }
    
    .contact-information-item:hover h4 {
        color: #fff;
        transition: .5s;
    }
    
    .contact-information-item:hover .contact-information-item-content ul li {
        color: #fff;
        transition: .5s;
    }
}

/* 联系我们 */