@charset "utf-8";
/* ====================公共样式========================= */
@font-face {
    font-family: 'Roboto';
    src: url('{pboot:sitetplpath}/static/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 强制应用字体 */
.Header-navbar,
.Header-Menu,
.Header-dropdown,
.Footer-wrapper {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;
}

/* 确保字重正确 */
.Header-Menu {
    font-weight: 600 !important;
}
/* 头部 */
.Header-wrapper{width: 100%;background: #fff ;position: fixed;left: 0;top: 0;z-index: 99999;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.Header-wrapper:after{content: "";width: 100%;height: 1px;background: #e8e8ea;position: absolute;left: 0;bottom: 0;z-index: 99;display: none;}
.Header-container{width: 100%;margin: 0 auto;padding: 0 60px;}
.bodyontrue .Header-navbarbox{display: block !important;}

.Header-logo{float: left;position: relative;z-index: 999;}
.Header-logo a{height: 80px;line-height: 80px;float: left;user-select: none;}
.Header-logo a img, .Header-logo a p{display: inline-block;vertical-align: middle;}
.Header-logo a p{margin-left: 16px;padding-left: 16px;border-left: 1px solid #e5e5e5;font-size: 16px;color: #666;}
.Header-logo a p span{display: block;width: 100%;}
.Header-logo a p b{font-weight: normal;letter-spacing: .14em;}

.Header-search{float: right;}
.Header-search-click{width: 48px;height: 80px;background:transparent url('../images/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/close.png') no-repeat center;}

.Header-navbar{font-size: 0;width: 100%;text-align: center;}
.Header-navbar ul li{display: inline-block;margin: 0 18px;}
.Header-Menu{display: block;height: 80px;line-height: 82px;font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;font-size: 16px;color: #333;padding: 0 4px;transition: all .4s ease-in-out;}
    
.Header-navbar ul li.ontrue .Header-Menu{color: #01a6e6;font-weight: 700;    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;
}
.Header-Menu:hover{color: #01a6e6;}

.Header-search-message{width: 100%;height: 80px;position: absolute;z-index: 99;background: #fff;right: 0;top: 0;display: none;}
.Header-search-words{width: 1360px;margin: 0 auto;}
.Header-search-wordsform{float: right;height: 80px;line-height: 80px;font-size: 0;}
.Header-search-submit{width: 54px;height: 80px;background: url('../images/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;}
.Header-search-wordsform input{width: 580px;height: 40px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #333;margin-right: 40px;border-bottom: 1px solid #dadada;}
.Header-search-close{width: 54px;height: 80px;background: url('../images/close.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;}

.H-lang {position: relative;float: right;}
.H-lang .Hlang-menu {display: block;width: 116px;height: 100%;transition: none;-webkit-transition: none;font-size: 16px;text-align: center;color: #666;line-height: 80px;}
.H-lang .Hlang-menu i{width: 20px;height: 20px;background-repeat: no-repeat;background-image: url('../images/lang.png');display: inline-block;vertical-align: middle;margin: -2px 6px 0 0;}
/* 多个语言 */
.Hlang-box {padding: 16px 0px;z-index: 4;width: 128px;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);background: #fff;position: absolute;top: 80px;left: 50%;display: none;margin-left: -64px;}
.Hlang-box:before {content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -4px;}
.Hlang-box a {display: block;padding: 5px 10px 5px 44px;line-height: 30px;background-repeat: no-repeat !important;background-position: 14px center !important;font-size: 16px;color: #666;}
.Hlang-box a:hover {color: #fff;background: #01a6e6;}
.Hlang-box a.CN {background-image: url('../images/icon-cn.png');}
.Hlang-box a.JP {background-image: url('../images/icon-jp.png');}
.Hlang-box a.EN {background-image: url('../images/icon-en.png');}
.Hlang-box a.ES {background-image: url('../images/icon-es.png');}
.Hlang-box a.FR {background-image: url('../images/icon-fr.png');}
.Hlang-box a.RU {background-image: url('../images/icon-ru.png');}
.Hlang-box a.BR {background-image: url('../images/icon-br.png');}
.H-lang.ontrue .Hlang-box {display: block;animation: fadeInUpV .6s ease-in-out;-webkit-animation: fadeInUpV .6s ease-in-out;}
@keyframes fadeInUpV {0% {transform: translateY(-20px);-webkit-transform: translateY(-20px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}}

/* 下拉 */
.Header-arr{display: none;}
.Header-dropdown{display: none;width: 100%;background: #fff;position: absolute;top: 80px;left: 0;border-top: 1px solid #eee;padding: 58px 0 68px;text-align: left;}
.Header-dropdown-contain{width: 1200px;margin: 0 auto;}
.Header-dpmenu{width: 17%;float: left;border-right: 1px solid #e5e5e5;min-height: 180px;}
.Header-dpmenu p{display: block;width: 100%;}

.Header-dpmenu a{font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;display: inline-block;padding-left: 32px;position: relative;font-size: 15px;color: #333;height: 36px;line-height: 36px;transition: all .4s ease;}
.Header-dpmenu a i{position: absolute;top: 0;left: 0;height: 100%;width: 30px;text-align: left;background: url('../images/droparr.png') no-repeat left center;}
.Header-dpmenu a.ontrue{color: #01a6e6;}
.Header-dpcont{width: 83%;float: right;}
.Header-dpitem{display: none;width: 100%;overflow: hidden;}
.Header-dpitem.ontrue{display: block;}
.Header-prolink{ width:60%;
    float: left;
    padding: 0 30px;
    border-right: 1px solid #e5e5e5;
    min-height: 180px;
    overflow: hidden;}
.Header-prolink p{display: block;width: 50%;float: left;}
.Header-prolink a{display: inline-block;font-size: 15px;color: #333;padding-bottom: 10px;line-height: 28px;transition: all .4s ease;}
.Header-prolink a.ontrue{color: #01a6e6;}
.Header-proimg{width: 39%;
    text-align: center;
    float: right;}
.Header-proimg-img{max-width: 100%;display: none;margin: 0 auto;height: 180px;}
.Header-proimg-img.ontrue{display: block;}
.Header-sonwdimg{width: 100%;overflow: hidden;padding-left: 60px;}
.Header-sonwd{width: 52%;float: left;}
.Header-sonwd p{font-size: 12px;color: #666;line-height: 28px;}
.Header-sonimg{width: 34%;float: left;}
.Header-sonimg img{width: 100%;object-fit: cover;}
.Header-dropmore .Header-dpmenu{width: 24%;}
.Header-dropmore .Header-dpcont{width: 76%;}
.Header-dropmore .Header-sonimg{width: 35.2%;}

.mmy{ display: none !important;}
/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 4px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 28px;height: 3px;background: #666;display: block;position: relative;margin-top: 28.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 底部 */
.Footer-wrapper {
    background: #2c3e50;
    padding: 60px 0 40px;
    color: #ecf0f1;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;}

.Footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.Footer-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}

.Footer-column {
    flex: 1;
    min-width: 200px;
}

.column-title {
    color: #fff;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;

    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #3498db;
    text-transform: uppercase;
}

.column-list {
    list-style: none;
    padding: 0;
}

.column-list li {
    margin-bottom: 15px;
    color: #bdc3c7;
    display: flex;
    align-items: center;
    gap: 10px;
}

.column-link {
    color: #bdc3c7;
    text-decoration: none;
    transition: all 0.3s ease;
}

.column-link:hover {
    color: #3498db;
    padding-left: 5px;
}

.Footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 40px;
}

.Footer-subscribe {
    max-width: 500px;
}

.subscribe-desc {
    color: #bdc3c7;
    font-size: 14px;
    margin: 10px 0 20px;
}

.subscribe-form {
    position: relative;
}

.input-group {
    display: flex;
    gap: 10px;
    max-width: 400px;
}

.subscribe-form input[type="text"] {
    flex: 1;
    padding: 15px 20px;
    border: none;
    border-radius: 30px;
    background: rgba(255,255,255,0.1);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

.subscribe-form input[type="text"]:focus {
    outline: none;
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 0 3px rgba(52,152,219,0.3);
}

.subscribe-btn {
    padding: 15px 30px;
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.subscribe-btn:hover {
    background: #2980b9;
    transform: translateY(-1px);
}

.subscribe-note {
    color: #7f8c8d;
    font-size: 10px;
    margin-top: 10px;
    margin-left: 5px;
}

.communication-tools {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.tool-link {
    color: #bdc3c7;
    font-size: 24px;
    transition: all 0.3s ease;
    text-decoration: none;
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.1);
}

.tool-link:hover {
    color: #fff;
    background: #3498db;
    transform: translateY(-3px);
}

.Footer-copyright {
    background: rgba(0,0,0,0.1);
    padding: 20px 0;
    text-align: center;
    color: #bdc3c7;
    font-size: 14px;
}

/* Font Awesome icons */
.fa {
    width: 20px;
    text-align: center;
}

.Backtop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: none;
    transition: all 0.3s ease;
    z-index: 999;
}
.Backtop:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(-3px);
}
.Backtop i {
    font-size: 24px;
}
.social-icons {
    display: flex;
    gap: 15px;
}

.social-icon {
    color: rgba(255,255,255,0.8);
    font-size: 24px;
    transition: all 0.3s ease;
}

.social-icon:hover {
    color: #fff;
}

.Footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 30px;
}



.contact-icons {
    display: flex;
    gap: 20px;
}

.contact-icons a {
    color: #fff;
    font-size: 28px;
    transition: opacity 0.3s;
}

.contact-icons a:hover {
    opacity: 0.8;
}

.Footer-subscribe input[type="email"] {
    flex: 1;
    padding: 10px 15px;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    color: #333; /* 确保输入文字可见 */
}


.Footer-subscribe {
    max-width: 400px;
}

.Footer-subscribe h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.Footer-subscribe form {
    display: flex;
}

.Footer-subscribe input[type="email"] {
    flex: 1;
    padding: 10px 15px;
    border: none;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
}

.Footer-subscribe button {
    background: #fff;
    color: #01a6e6;
    border: none;
    padding: 10px 20px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: background 0.3s;
}

.Footer-subscribe button:hover {
    background: #f0f0f0;
}

.Footer-copyright {
    background: rgba(0,0,0,0.1);
    padding: 15px 0;
    text-align: center;
}

.Footer-copyright p {
    margin: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}

/* Product overview alignment */
.pro_3 #n1,
.pro_3 #n1 .container,
.pro_3 #n1 .row,
.pro_3 #n1 p,
.pro_3 #n1 strong,
.pro_3 #n1 span,
.pro_3 #n1 div {
    text-align: left !important;
}

.pro_3 #n1 .row {
    justify-content: flex-start !important;
}

.pro_3 #n1 p {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 1.8;
}

/* Homepage featured events polished override */
.news {
    padding: 66px 0 78px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
}

.news .pubTitle {
    margin-bottom: 38px !important;
}

.news .s_tit {
    color: #102d47 !important;
    font-size: 34px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.news .s_tit:after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: #08a6df;
}

.news .s_tit2 {
    margin-top: 12px !important;
    color: #617287 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.news-list ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.news-list li {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

.news-list .news-imgwd {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 100% !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #dfeaf4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 36px rgba(14, 43, 72, 0.08) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.news-list .news-imgwd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #08a6df 0%, #1f74c9 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.news-list .news-imgwd:hover {
    border-color: #bfd9ee !important;
    box-shadow: 0 24px 48px rgba(14, 43, 72, 0.13) !important;
    transform: translateY(-5px) !important;
}

.news-list .news-imgwd:hover:before {
    opacity: 1;
}

.news-list .news-img {
    display: flex !important;
    height: 246px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf3f8 !important;
}

.news-list .news-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.news-list .news-imgwd:hover .news-img img {
    transform: scale(1.025) !important;
}

.news-list .al {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    padding: 22px 24px 24px !important;
}

.news-list .news-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    color: #7c8b9b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.news-list .news-tag {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #e8f6fd !important;
    color: #078bc4 !important;
    font-weight: 600 !important;
}

.news-list .news-date {
    color: #8795a5 !important;
    white-space: nowrap !important;
}

.news-list .news-title {
    display: -webkit-box !important;
    min-height: 54px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    color: #132f48 !important;
    font-size: 19px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .news-desc {
    display: -webkit-box !important;
    min-height: 48px !important;
    margin: 0 0 20px !important;
    overflow: hidden !important;
    color: #637489 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .toLink {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin-top: auto !important;
    color: #087db8 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 991.98px) {
    .news-list ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .news-list .news-img {
        height: 220px !important;
    }
}

@media (max-width: 767.98px) {
    .news {
        padding: 44px 0 50px !important;
    }

    .news .pubTitle {
        margin-bottom: 26px !important;
    }

    .news .s_tit {
        font-size: 25px !important;
    }

    .news-list ul {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .news-list .news-img {
        height: 205px !important;
    }

    .news-list .news-title,
    .news-list .news-desc {
        min-height: 0 !important;
    }
}

/* Homepage featured events polished override */
.news {
    padding: 66px 0 78px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
}

.news .pubTitle {
    margin-bottom: 38px !important;
}

.news .s_tit {
    color: #102d47 !important;
    font-size: 34px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.news .s_tit:after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: #08a6df;
}

.news .s_tit2 {
    margin-top: 12px !important;
    color: #617287 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.news-list ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.news-list li {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

.news-list .news-imgwd {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 100% !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #dfeaf4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 36px rgba(14, 43, 72, 0.08) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.news-list .news-imgwd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #08a6df 0%, #1f74c9 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.news-list .news-imgwd:hover {
    border-color: #bfd9ee !important;
    box-shadow: 0 24px 48px rgba(14, 43, 72, 0.13) !important;
    transform: translateY(-5px) !important;
}

.news-list .news-imgwd:hover:before {
    opacity: 1;
}

.news-list .news-img {
    display: flex !important;
    height: 246px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf3f8 !important;
}

.news-list .news-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.news-list .news-imgwd:hover .news-img img {
    transform: scale(1.025) !important;
}

.news-list .al {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    padding: 22px 24px 24px !important;
}

.news-list .news-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    color: #7c8b9b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.news-list .news-tag {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #e8f6fd !important;
    color: #078bc4 !important;
    font-weight: 600 !important;
}

.news-list .news-date {
    color: #8795a5 !important;
    white-space: nowrap !important;
}

.news-list .news-title {
    display: -webkit-box !important;
    min-height: 54px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    color: #132f48 !important;
    font-size: 19px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .news-desc {
    display: -webkit-box !important;
    min-height: 48px !important;
    margin: 0 0 20px !important;
    overflow: hidden !important;
    color: #637489 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .toLink {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin-top: auto !important;
    color: #087db8 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 991.98px) {
    .news-list ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .news-list .news-img {
        height: 220px !important;
    }
}

@media (max-width: 767.98px) {
    .news {
        padding: 44px 0 50px !important;
    }

    .news .pubTitle {
        margin-bottom: 26px !important;
    }

    .news .s_tit {
        font-size: 25px !important;
    }

    .news-list ul {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .news-list .news-img {
        height: 205px !important;
    }

    .news-list .news-title,
    .news-list .news-desc {
        min-height: 0 !important;
    }
}

/* Homepage featured events */
.news {
    padding: 58px 0 68px;
    background: #f7fafd;
}

.news .pubTitle {
    margin-bottom: 34px;
}

.news .s_tit {
    color: #0b9edb;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0;
}

.news .s_tit2 {
    margin-top: 8px;
    color: #526273;
    font-size: 15px;
    line-height: 1.6;
}

.news-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin: 0;
    padding: 0;
}

.news-list li {
    float: none !important;
    display: flex;
    width: calc((100% - 56px) / 3);
    margin: 0 !important;
}

.news-list .news-imgwd {
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e4edf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 45, 75, 0.07);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.news-list .news-imgwd:hover {
    border-color: #c9e0f4;
    box-shadow: 0 18px 42px rgba(15, 45, 75, 0.12);
    transform: translateY(-4px);
}

.news-list .news-img {
    display: flex;
    height: 235px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 18px;
    background: #fff;
    border-bottom: 1px solid #edf2f7;
}

.news-list .news-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.news-list .news-imgwd:hover .news-img img {
    transform: scale(1.03);
}

.news-list .al {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px 22px 22px;
}

.news-list .news-title {
    display: -webkit-box;
    min-height: 52px;
    margin: 0 0 12px;
    overflow: hidden;
    color: #172f48;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list .news-desc {
    display: -webkit-box;
    min-height: 48px;
    margin: 0 0 18px;
    overflow: hidden;
    color: #5f6f80;
    font-size: 13px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-list .toLink {
    margin-top: auto;
    color: #0b76bd;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .news-list li {
        width: calc((100% - 28px) / 2);
    }

    .news-list .news-img {
        height: 220px;
    }
}

@media (max-width: 767.98px) {
    .news {
        padding: 40px 0 46px;
    }

    .news .pubTitle {
        margin-bottom: 24px;
    }

    .news .s_tit {
        font-size: 24px;
    }

    .news-list ul {
        gap: 20px;
    }

    .news-list li {
        width: 100%;
    }

    .news-list .news-img {
        height: 200px;
    }

    .news-list .news-title,
    .news-list .news-desc {
        min-height: 0;
    }
}

/* Footer subscribe polish */
.Footer-subscribe {
    float: none !important;
    width: min(420px, 100%);
    max-width: 420px;
    text-align: left;
}

.Footer-subscribe h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.Footer-subscribe .subscribe-desc {
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    line-height: 1.6;
}

.Footer-subscribe .subscribe-form {
    display: block;
    width: 100%;
}

.Footer-subscribe .input-group {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: none;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.Footer-subscribe .subscribe-form input[type="text"],
.Footer-subscribe .subscribe-form input[type="email"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    box-shadow: none;
}

.Footer-subscribe .subscribe-form input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.Footer-subscribe .subscribe-form input:focus {
    outline: none;
    background: transparent;
    box-shadow: none;
}

.Footer-subscribe .subscribe-btn,
.Footer-subscribe button {
    flex: 0 0 auto;
    min-width: 92px;
    height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #0b8ed8;
    font-size: 14px;
    font-weight: 700;
    line-height: 44px;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.Footer-subscribe .subscribe-btn:hover,
.Footer-subscribe button:hover {
    background: #f4fbff;
    color: #0077bd;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

.Footer-subscribe .subscribe-note {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.46);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .Footer-bottom {
        align-items: flex-start;
        gap: 28px;
    }

    .Footer-subscribe {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 480px) {
    .Footer-subscribe .input-group {
        flex-direction: column;
        align-items: stretch;
        padding: 8px;
        border-radius: 18px;
    }

    .Footer-subscribe .subscribe-btn,
    .Footer-subscribe button {
        width: 100%;
    }
}

/* News list cards */
.services-content__body .news-grid {
    row-gap: 26px;
}

.services-content__body .news-grid__col {
    display: flex;
}

.services-content__body .news-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(18, 41, 63, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(17, 38, 60, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.services-content__body .news-item:hover {
    transform: translateY(-4px);
    border-color: rgba(0, 102, 204, 0.18);
    box-shadow: 0 18px 42px rgba(17, 38, 60, 0.12);
}

.services-content__body .news-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #fff;
}

.services-content__body .news-thumb a {
    display: block;
    width: 100%;
    height: 100%;
}

.services-content__body .news-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    object-fit: contain;
    padding: 16px;
    background: #fff;
    transition: transform 0.35s ease;
}

.services-content__body .news-item:hover .news-thumb img {
    transform: scale(1.04);
}

.services-content__body .news-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 18px 18px 20px;
}

.services-content__body .news-title {
    min-height: 52px;
    margin: 0 0 12px;
    color: #17324d;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
}

.services-content__body .news-title a {
    display: -webkit-box;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.services-content__body .news-title a:hover {
    color: #0066cc;
}

.services-content__body .news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 10px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.4;
}

.services-content__body .news-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.services-content__body .news-meta i {
    color: #0066cc;
}

.services-content__body .news-desc {
    display: -webkit-box;
    overflow: hidden;
    margin-top: auto;
    color: #5b6b7c;
    font-size: 14px;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.services-content__body .news-badges {
    margin-top: 14px;
}

@media (max-width: 767px) {
    .services-content__body .news-content {
        padding: 16px;
    }

    .services-content__body .news-title {
        min-height: auto;
        font-size: 17px;
    }

    .services-content__body .news-thumb img {
        padding: 12px;
    }
}

/* 响应式设计 */
@media (max-width: 992px) {
    .Footer-column {
        width: 33.33%;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .Footer-column {
        width: 50%;
    }
    
    .Footer-bottom {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .Footer-column {
        width: 100%;
    }
}


/* 中间+共用部分 */
.Container-wrapper{width: 100%;margin-top: 80px;}
.contain{width: 1600px;margin: 0 auto;}

.toLink{display: inline-block;position: relative;font-size: 14px;color: #666;font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;text-transform: uppercase;padding-right: 14px;background: url('../images/indarr.png') no-repeat right top 7px;transition: all .4s ease;}
.toLink:after{content: "";position: absolute;right: 0;bottom: -4px;width: 0;height: 1px;background: #01a6e6;transition: all .6s ease;}
.toLink:hover:after{width: 100%;right: auto;left: 0;}
.toLink:hover{color: #01a6e6;background-image: url('../images/indarrh.png');}
.toLink-white{color: #fff !important;background-image: url('../images/indarrw.png') !important;}
.toLink-white:after{background: #fff !important;}
.news-list li:hover .toLink:after{width: 100%;right: auto;left: 0;}
.pubTitle{text-align: center;}
.pubTitle h6, .pubTitle h1{    font-size: 36px;
    color: #333;
    font-weight: bold;}
.pubTitle i{display: block;width: 40px;height: 2px;
    background: #666;margin: 14px auto;}
.pubTitle p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
}
.pubTitle-white h6, .pubTitle-white h1{color: #fff;}
.pubTitle-white i{background: #fff;}
.pubTitle-white p{color: #fff;}


#ECHAT_icon{width: 54px !important;height: 50px !important;}
.echat .echat-icon-link{width: 54px !important;height: 50px !important;}
#ECHAT_icon_img{border-top-left-radius: 6px;border-bottom-left-radius: 6px;object-fit: cover;}
.echat-mini-num, .echat-custom-num{right: 0 !important;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .contain{width: 92%;}
    .Footer-container{width: 92%;}
    .Header-container{padding: 0 2%;}
		.attest li {
		    width: 160px;
		    margin: 10px 1%;
		}
		.Footer-navclick a {
		    font-size: 16px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .Footer-infonav {padding: 32px 0;}
   .Footer-navbar ul li {
       width: 12%;}
    .pubTitle h6, .pubTitle h1{font-size: 36px;}
    .Header-dropdown{padding: 40px 0 48px;}
		.Header-navbar ul li {margin: 0 12px;	}
.about .fl {
	    width: 50%;
	    float: left;
	    padding: 1% 2%;
	}
	.about .fl .wen {
	    margin-left: 0px;
	}
	.about .fl .wen .p0 {
	    font-size: 24px;
	    position: relative;
	    margin-bottom: 26px;
	    margin-top: 8px;
	}
.about .fl .wen .p1 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 14px;
}
.about .fl .wen .p2 {
    font-size: 15px;
    color: #666;
    line-height: 28px;
}
.about .fl .wen .p2 p {
    line-height: 26px;}		
.intro_history_list_w{    margin-top: -72px;}	
.attest li {
    width: 120px;
    margin: 10px 6px;
}		
.attest li span {
	    line-height: 93px;
	    width: 120px;
	}	
.attest li img {
    max-width: 70px;
}

		
		
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .Header-navbar ul li {margin: 0 10px;}
    .Header-search-words{width: 92%;}
    .pubTitle h6, .pubTitle h1{font-size: 32px;}
    .pubTitle i{margin: 20px auto;}
	
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-navbar ul li {margin: 0 8px;}
    .Footer-navbar {width: 76%;}
    .Footer-infonav {padding: 54px 0;}
    .pubTitle h6, .pubTitle h1{font-size: 28px;}
    .pubTitle i{margin: 16px auto;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-logo a img{height: 40px;}
    .Header-logo a p {margin-left: 12px;padding-left: 12px;font-size: 14px;}
    .Header-navbar ul li {margin: 0 6px;}
    .Header-search-wordsform input{width: 480px;}
    .pubTitle h6, .pubTitle h1{font-size: 24px;}
    .pubTitle i{margin: 14px auto;height: 2px;}
    .Header-dropdown-contain{width: 92%;}
    .Header-dpmenu{width: 20%;}
    .Header-dpcont{width: 80%;}
    .Header-sonimg{width: 39%;}
    .Header-dropmore .Header-sonimg {width: 42%;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .Header-navbar ul li {margin: 0px;}
    .Header-sonimg{width: 43%;}
    .Header-sonwdimg {padding-left: 28px;}
    .Header-prolink{padding: 0 28px;}

  

    #ECHAT_icon{width: 40px !important;height: 37px !important;}
    .echat .echat-icon-link{width: 40px !important;height: 37px !important;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
		.mm{ display: none !important;}
		.mmy{ display: block !important;}
    .Container-wrapper{margin-top: 60px;}
.about {
    margin: 22px auto 0px;
}
    .Header-container{height: 60px;}
    .Header-logo{height: 60px;}
    .Header-logo a {height: 60px;line-height: 60px;}
    .Header-logo a p {margin-left: 6px;padding-left: 8px;font-size: 12px;}
    .H-lang .Hlang-menu{line-height: 60px;width: 30px;}
    .Header-search-click{height: 60px;line-height: 60px;background: url("../images/search.png") no-repeat center;}
    .Header-navclick{display: block;}
    .Header-navbarbox{display: none;width: 100%;background: #fff;position: absolute;top: 60px;left: 0;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: auto;overflow-y: auto !important;padding-bottom: 20px;text-align: left;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-Menu{width: 100%;height: 44px;line-height: 44px;padding: 0 4%;}
    .Header-search-message{height: 45px;top: 60px;background: #fafafa;}
    .Header-search-click{width: 36px;}
    .Header-search-close{display: none;}
    .Header-search-wordsform{height: 44px;line-height: 44px;float: initial;}
    .Header-search-submit{height: 100%;position: absolute;right: 0;top: 0;z-index: 2;width: 44px;background: #01a6e6 url("../images/searchw.png") no-repeat center;}
    .Header-search-wordsform input{background: #fafafa;width: 100%;margin-right: 0;height: 44px;padding-right: 46px;box-sizing: border-box;border-bottom: none;}
    .Header-wrapper:after{display: block;}
    .Header-wrapper{box-shadow: none;}
    .Header-arr{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;right: 0;top: 0;background: url("../images/iconarrh.png") no-repeat center center /14px auto;}
    .Header-arr.ontrue{transform: rotate(180deg);}
    .Header-dropdown {position: relative;top: 0;padding: 18px 0 20px;background: #f1f1f1;}
    .Header-proimg{display: none;}
    .Header-dpmenu {width: 38%;min-height: auto;}
    .Header-dpcont {width: 62%;}
    .Header-prolink {width: 100%;border-right: none;padding: 0 0 0 20px;min-height: auto;}
    .Header-prolink a.ontrue {color: #333;}
    .Header-dropmore .Header-dpcont{display: none !important;}
    .Header-dropmore .Header-dpmenu{width: 100%;min-height: auto;border-right: none;}
    .Header-dropmore .Header-dpmenu a.ontrue{color: #333;}
    .Header-dpmenu a{padding-left: 20px;}
    .Header-dpmenu a i{width: 20px;}

    .Footer-infonav {padding: 32px 0 24px;border-bottom: none;}
    .Footer-info{width: 100%;}
    .Footer-info h6, .Footer-info h1{margin-top: 0;}
    .Footer-info p{margin-top: 6px;}
    .Footer-infoto {margin-top: 24px;}
    .Footer-navbar {width: 100%;padding: 0;margin-top: 0px;margin-left: 0;}
    .Footer-navbar ul li{width: 100%;}
    .Footer-navclick h6, .Footer-navclick h1 {line-height: 40px;}
    .Footer-navwords a {padding: 4px 0;font-size: 16px;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-share{display: none;}
    .Footer-navclick i{display: block;}
    .Footer-copyright {padding: 16px 0 20px;}
 
    .top-listbox .contain{width: 100%;}
    .top-list{width: 100%;overflow-x: auto;float: none;}
    .top-list ul{float: none;width: 2000px;}
    .top-list ul li a{line-height: 44px;padding: 0 12px;font-size: 14px;}
    .sunMenu-blank {height: 44px;}
    .top-listbox.sunMenu {top: 60px;}
    .mdclass{top: -92px;}
    .top-list ul li a:hover{background-color: transparent;}
    .top-list ul li.ontrue a {background-color: #449356;}

    .H-lang{position: static;}
    .Hlang-box{top: 60px;width: 100%;left: 0;margin-left: 0;padding: 4px 0;box-shadow: none;background: #fafafa;animation: none !important;}
    .Hlang-box:before{display: none;}
.a2 li {    margin: 12px auto; width: 100% !important;
}.about2 {
    padding-bottom: 20px;
}
    .H-lang .Hlang-menu i{margin-right: 0;}
    .H-lang .Hlang-menu span{display: none;}
	.a2 {
	    padding: 20px 0px;
	}
	.attest li {
	    float: left;
	    width: 30%;}
	.prolist .slideTxtBox .hd ul li {
	    cursor: pointer;    line-height: 46px;
	    margin: 0px;}		
	
		.slideTxtBox2 .hd ul li{margin: 0 1%;
    font-size: 14px;
    color: #666;
    padding: 0px; overflow: hidden;
    transition: all .4s ease;
    width: 47%;
	    height: 46px;
	    line-height: 46px;
    text-align: center;}	
		.pro_3 .nei_1 .row{ display: block;    padding: 12px 0px;}	
		.pro_3 .nei_1 p {
		    line-height: 30px;    font-size: 15px;
		}	
	.slideTxtBox3 .bd ul {
	    padding: 20px 10px;}		
	.banner-img .wen .p1 {
	    font-size: 34px;
	    font-weight: bold;
	}	
.banner-img .wen{ top: 3%;width:80%;}	
.banner-img .wen .p2 {
    font-size: 18px;
    margin-top: 6px;
}	
.banner-img .wen a {
		    margin-top: 8%;
		}
		.about .she{ display: block;}
.about .fl {
    width: 100%;
}		
.about .fl .wen {
    margin-left: 2px;
}
.about .fr {width: 100% !important;}
.about .fr ul li {
    padding: 0px 2%;
}		
.about .fr ul li p {
    font-size: 20px;}		
.about .fl .wen .p0 {
    font-size: 20px;
    position: relative;
    margin-bottom: 24px;
    margin-top: 15px;
}		
.about .fl .wen .p2 {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}
.about .fl .wen .p1 {
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 18px;
}		
.s_tit2 {
	    margin-bottom: 12px;
	}	
.s_cp ul li .pic .tit {
    font-size: 16px;
}	
	.Footer-navclick a {    font-weight: 400;
	    font-size: 16px;}
	.pro_3 .nei_1 h2 {
	    font-size: 16px;
	    font-weight: bold;    margin-top: 16px;
	    margin-bottom: 12px;
	}	
    
.pro_1_r .nei .nei_r .tel {
    margin-top: 20px;
}
.pro_1_r .nei .nei_r .tel a {
    margin: 0px 0px;
    width: 48%;
    float: left;
}	
.slideTxtBox3 iframe{ width: 100% !important;}	
	.s_news ul li .she {
	    padding: 25px 5px;
	}
	.s_news ul li .she .fr p {
	    font-size: 17px;
	    line-height: 1.5;
	}
	
	.s_news ul li .she .fr span {	    line-height: 24px;
	    padding: 10px 0px 4px;
	    display: flex;
	}
	.icoo {
	    padding: 30px 0px;
	}
	.s_news {
	    margin: 24px auto;
	}
	.intro_history_list_w {
	    margin-top: -4px;
	}
	
}


.sns-area{
  position: fixed;
  top: 16%;
  right: 30px;
  z-index: 9999;
  padding: 2px;
  background-color: rgba(240, 240, 240, 0.5);
  border-radius: 5px;
  border: 1px solid #ccc;
  text-align: center;width: 66px;
}
.sns-area ul li img{margin: 10px 0px;
    width: 72%;}
.sns-area ul li i.fa{
font-size: 2em;
    padding: 8px 0;
}
.sns-area ul li.wx{ position:relative;}
.sns-area ul li.wx .pa{ display: none;   z-index: 99;
    position: absolute;
    left: -204px;
    width: 200px;
    top: 0px;}
.sns-area ul li img{border: 1px solid #dfdfdf;
    border-radius: 50%;
    padding: 6px;}
.sns-area ul li.wx img{border: none;
    border-radius: 0;
    padding: 0px;}
.sns-area ul li.wx .pa img{ width:100%;}
.sns-area ul li.wx:hover .pa{ display:block;}

.sns-area ul li i.fa-weixin{ color:#50c705f7;}
.sns-area ul li i.fa-qq{color:#046ad6;}
.fa-youtube{
  color: red;
}

.fa-facebook-square{
  color: #3B5998;
}

.fa-instagram{
  color: rgb(211, 1, 99);
}

.fa-twitter-square{
  color:#1DA1F2;
}

.case-category{
    font-size: 0.8em;
    border-top: 1px solid;
    padding: 15px 0;
}

.case-category a{
    background-color: #002554;
    padding: 5px 10px;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}

.section-overview .item-count{
    margin: 20px;
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
.about .fr ul {
    padding: 0px 0px 10px;
}
.Footer-info h5, .Footer-info h2 {
    font-size: 24px;}
    .pubtit h6, .pubtit h1{font-size: 28px;}
    .pubtit p{font-size: 16px;}
    .pubTitle p {display: inline;}
    .Footer-copyright span {    font-size: 12px;
    margin-top: 0px;
    float: none;}
    .Footer-copyright p a:nth-of-type(3){display: none;}
		.attest li {    margin: 8px 1%;
		    float: left;width: 31%;}
		.attest {
		    padding: 20px 0px;}
.attest li span {
    display: flex;
    line-height: auto;
    background: #fff;
    width: 100%;
    background-size: none;
    height: 70px;
    align-items: center;
    justify-content: center;
}
.attest li img {
    max-width: 50px;}
		.pro_1_r .t {
		    font-size: 18px;
		    margin-bottom: 18px;
		    border-bottom: 1px #dedede solid;
		    padding-bottom: 12px;
		    margin-top: 14px;
		}
		.slideTxtBox3 .hd ul li{ width: 100%;}
		.slideTxtBox3 .bd ul {
    border: none;
    zoom: 1;
    padding: 0px;
    margin-top: 25px;
}
.sns-area{     right: 0px;}	
.sns-area ul li img {
    margin: 4px 4px;
    width: 40px;
}
.banner-img .wen a {
    padding: 8px 28px;
    margin-top: 10%;
}	
.banner-img .wen{    top: 3%;width:80%;}	
.banner-img .wen .p1 {
	    font-size: 24px;
	    font-weight: bold;
	}	
.banner-img .wen .p2 {
    font-size: 15px;
    margin-top: 6px;
}	
.s_cp ul li .pic{}
.s_cp ul li .pic img {
    margin-top: 10px;    height: auto !important;
}		
		
		

		
		
}

/* 数码产品展示板块美化 */
.s_cp {
    padding: 60px 0; /* 增加上下内边距 */
    background: #f5f5f7; /* 背景颜色，更接近科技感 */
}

.s_cp .s_tit {
    font-size: 32px; /* 标题字体大小 */
    font-weight: 600; /* 标题加粗 */
    text-transform: capitalize; /* 标题改为大写 */
    text-align: center; /* 标题居中 */
    margin-bottom: 15px; /* 标题与副标题之间的间距 */
    color: #01a6e6; /* 标题颜色，深灰色更显科技感 */
    letter-spacing: 2px; /* 增加字母间距 */
}

.s_cp .s_tit2 {
    font-size: 16px; /* 副标题字体大小 */
    text-align: center; /* 副标题居中 */
    color: #86868b; /* 副标题颜色，浅灰色 */
    margin-bottom: 40px; /* 副标题与内容之间的间距 */
}

.s_cp .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;  /* 使用负边距抵消子元素的margin */
}

.s_cp .row li {
    width: 25%;  /* 保持25%宽度 */
    padding: 0 15px;  /* 使用padding替代margin */
    margin-bottom: 30px;
    box-sizing: border-box;
}


.s_cp .row li .pic {
    width: 100%; /* 图片宽度占满父容器 */
    height: auto; /* 高度自适应 */
    background: #fff; /* 背景颜色 */
    padding: 20px; /* 增加内边距 */
    border-radius: 12px; /* 圆角效果 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
    overflow: hidden; /* 隐藏溢出内容 */
}

.s_cp .row li .pic:hover {
    transform: translateY(-8px); /* 鼠标悬停时上移 */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* 鼠标悬停时阴影加深 */
}

.s_cp .row li .pic img {
    width: 100%;
    height: 250px; /* 固定高度 */
    object-fit: cover; /* 保持图片比例 */
    border-radius: 8px; /* 图片圆角效果 */
    transition: transform 0.3s ease; /* 添加过渡效果 */
}

.s_cp .row li .pic:hover img {
    transform: scale(1.05); /* 鼠标悬停时图片放大 */
}

.s_cp .row li .info {
    margin-top: 20px; /* 信息区域与图片之间的间距 */
    text-align: center; /* 文字居中 */
}

.s_cp .row li .info .tit {
    font-size: 18px; /* 标题字体大小 */
    font-weight: 600; /* 标题加粗 */
    text-transform: capitalize; /* 标题改为大写 */
    color: #1d1d1f; /* 标题颜色 */
    letter-spacing: 0px; /* 增加字母间距 */
    margin-bottom: 10px; /* 标题与描述之间的间距 */
}

.s_cp .row li .info .desc {
    font-size: 14px; /* 描述字体大小 */
    color: #666; /* 描述颜色 */
    line-height: 1.6; /* 行高 */
}
/* 基础样式 */
.category-nav {
    margin-bottom: 2rem;
}

.category-nav .nav-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: #4a5568;
    transition: all 0.3s ease;
    border-radius: 0.5rem;
    margin: 0.25rem;
}

.category-nav .nav-link.active {
    background-color: #3b82f6;
    color: white;
}

.category-nav .nav-link:hover {
    background-color: #e2e8f0;
}

/* 筛选栏样式 */
.filter-bar {
    background-color: #f8fafc;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.filter-bar label {
    font-size: 0.875rem;
    color: #4a5568;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}

.filter-bar .form-select {
    border-radius: 0.5rem;
    border-color: #e2e8f0;
    height: 2.75rem;
    font-size: 0.875rem;
}

.filter-bar .form-control {
    border-radius: 0.5rem;
    border-color: #e2e8f0;
    height: 2.75rem;
}

.filter-bar .btn {
    border-radius: 0.5rem;
    height: 2.75rem;
    width: 2.75rem;
}

/* 产品卡片样式 */
.product-card {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: white;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.product-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.product-image img {
    transition: transform 0.3s ease;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.product-card:hover .product-image img {
    transform: scale(1.05);
}

.product-badges {
    z-index: 2;
}

.product-badges .badge {
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0.25rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
}

.product-info {
    display: flex;
    flex-direction: column;
    height: calc(100% - 200px);
}

.product-title {
    font-size: 1rem;
    color: #1a202c;
    margin-bottom: 0.75rem;
}

.product-description {
    font-size: 0.875rem;
    color: #718096;
    line-height: 1.5;
    flex-grow: 1;
}

.product-tags .badge {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    background-color: #f8fafc;
    color: #4a5568;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.product-tags .badge:hover {
    background-color: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .category-nav .nav-link {
        font-size: 0.8rem;
        padding: 0.5rem 0.75rem;
    }

    .filter-bar {
        padding: 1rem;
    }

    .filter-bar .form-select,
    .filter-bar .form-control {
        height: 2.5rem;
        font-size: 0.8rem;
    }

    .filter-bar .btn {
        height: 2.5rem;
        width: 2.5rem;
    }

    .product-card {
        margin-bottom: 1rem;
    }
}

/* 图片文字板块样式 */
.image-text-section {
    padding: 4rem 0;
    margin: 2rem 0;
    background-color: #fff;
}

.image-text-section:nth-child(odd) {
    background-color: #f8fafc;
}

/* 图片样式 */
.image-text-section img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-text-section img:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 功能优势模块 */
.features-section {
    padding: 60px 0;
}

.feature-card {
    padding: 30px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.feature-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.feature-description {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
}

/* 合并后的标题样式 */
.section-title {
    font-size: 4.5rem;
    font-weight: 700;
    color: #1a365d;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.5px;
    position: relative;
    padding-bottom: 0.5rem;
}

.section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background-color: #3182ce;
    border-radius: 2px;
}

/* 副标题样式 */
.section-subtitle {
    font-size: 2.25rem;
    color: #4a5568;
    margin-bottom: 1.5rem;
    letter-spacing: 0.3px;
    line-height: 1.6;
    font-weight: 400;
    font-style: italic;
    opacity: 0.8;
}

.section-subtitle.text-muted {
    color: #4a5568 !important; /* 覆盖Bootstrap的默认text-muted颜色 */
}

/* 合并后的描述文字样式 */
.section-description {
    font-size: 1.1rem;
    color: #718096;
    line-height: 1.8;
    margin-bottom: 2rem;
    font-weight: 300;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }
    .section-subtitle {
        font-size: 1.1rem;
    }
    .section-description {
        font-size: 1rem;
    }
}

/* 简洁按钮样式 */
.btn-primary {
    background-color: #3182ce;
    border: none;
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    transition: all 0.2s ease;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-primary:hover {
    background-color: #2c5282;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-primary:active {
    transform: translateY(0);
    box-shadow: none;
}

/* 默认布局：图片在左，文字在右 */
.image-text-section .row {
    flex-direction: row;
}

/* 偶数板块：图片在右，文字在左 */
.image-text-section:nth-child(even) .row {
    flex-direction: row-reverse;
}

/* 图片列样式 */
.image-col {
    padding: 0 15px;
}

/* 文字列样式 */
.text-col {
    padding: 0 15px;
}

@media (max-width: 767.98px) {
    /* 移动端：图片在上，文字在下 */
    .image-text-section .row,
    .image-text-section:nth-child(even) .row {
        flex-direction: column;
    }
}

/* 确保Bootstrap的order类正常工作 */
.row {
    display: flex;
    flex-wrap: wrap;
}

.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}



/* 响应式间距调整 */
@media (min-width: 768px) {
    .pl-md-5 {
        padding-left: 3rem !important;
    }
    .pr-md-5 {
        padding-right: 3rem !important;
    }
}
/* 图片+介绍模块样式 */
.image-text-section {
    padding: 4rem;
    background-color: #f8f9fa;
}

.image-text-section img {
    transition: transform 0.3s ease;
    width: 100%;
    height: auto;  /* 改为自适应高度 */
    max-height: 400px;  /* 设置最大高度 */
    object-fit: contain;  /* 保持图片完整显示 */
    border-radius: 8px;
}

.image-text-section img:hover {
    transform: scale(1.02);
}




.btn-primary {
    background-color: #3498db;
    border: none;
    padding: 0.8rem 2rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #2980b9;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}

/* 手机端自适应调整 */
@media (max-width: 767.98px) {
    /* 图片+介绍模块 */
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 100%;
        padding: 1.5rem;
    }
    .image-text-section {
        width: 100%;
        padding: 3.5rem;
    }

    .image-text-section .row {
        flex-direction: column;
    }

    .image-text-section .col-md-6 {
        
        padding: 0;
        margin-bottom: 1.5rem;
    }

    .image-text-section img {
        max-height: 250px;
        margin-bottom: 1.5rem;
    }

    /* 标题 */
    .section-title {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .section-title::after {
        width: 40px;
        height: 2px;
    }

    /* 副标题 */
    .section-subtitle {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    /* 描述文字 */
    .section-description {
        font-size: 0.95rem;
        margin-bottom: 1.5rem;
    }

    /* 按钮 */
    .btn-primary {
        width: 100%;
        padding: 0.75rem 1rem;
        font-size: 0.95rem;
    }

    /* 功能优势模块 */
    .features-section {
        padding: 2rem 0;
    }

    .feature-card {
        margin-bottom: 1rem;
        padding: 1.5rem;
    }

    .feature-title {
        font-size: 1.2rem;
    }

    .feature-description {
        font-size: 0.95rem;
    }
}
/* template/cn/css/services.css */
/* ... existing code ... */

/* 服务页面专属前缀 */
.services-page {
    padding: 120px 0;
    min-height: 80vh;
}

/* 侧边栏样式 */
.services-sidebar {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.services-sidebar__title {
    color: #2c3e50;
    margin-bottom: 20px;
    font-weight: 600;
}

.services-sidebar__link {
    color: #34495e;
    padding: 10px 15px;
    margin: 5px 0;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.services-sidebar__link--active,
.services-sidebar__link:hover {
    background-color: #3498db;
    color: white;
}
/* ... existing code ... */

.services-sidebar__link.active {
    background-color: #3498db;
    color: white;
}
/* 内容区样式 */
.services-content {
    padding: 0 30px;
}

.services-content__header {
    color: #2c3e50;
    margin-bottom: 30px;
    font-weight: 700;
}

.services-content__body {
    line-height: 1.8;
    color: #34495e;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .services-sidebar {
        margin-bottom: 30px;
    }
    .services-content {
        padding: 0 15px;
    }
}
/* 下载按钮样式 */
.download-btn-container {
    margin-top: 30px;
    text-align: center;
}

.download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background-color: #3498db;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.download-btn i {
    margin-left: 8px;
    font-size: 18px;
}

.download-btn:hover {
    background-color: #2980b9;
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.download-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* ... existing code ... */

/* 内容区美化 */
.services-content__header h1{ font-size: 20px; font-weight: bold;}
.services-content__body {
    line-height: 1.8;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    color: #444;
    font-size: 18px;

  
}
/* 服务内容区文本样式 */
.services-content .content-text-style {
    line-height: 1.8 !important;
    font-size: 16px;
    color: #444;
}

.services-content .content-text-style p {
    line-height: 1.8 !important;
    margin-bottom: 1.5em !important;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    color: #444;
}

.services-content .content-text-style * {
    line-height: 1.8 !important;

}
/* 段落样式 */
.services-content__body p {
    margin-bottom: 1.5em;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    text-align: justify;
}

/* 标题样式 */
.services-content__body h1,
.services-content__body h2,
.services-content__body h3,
.services-content__body h4,
.services-content__body h5,
.services-content__body h6 {
    margin-top: 1.5em;font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    margin-bottom: 0.75em;
    color: #2c3e50;
    font-weight: 600;
}

/* 图片样式 */
.services-content__body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    border-radius: 8px;
}

/* 引用样式 */
.services-content__body blockquote {
    margin: 1.5em 0;
    padding: 15px 20px;
    background-color: #f8f9fa;
    border-left: 4px solid #3498db;
    color: #666;
    font-style: italic;
}

/* 代码样式 */
.services-content__body code {
    background-color: #f8f9fa;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft Yahei", sans-serif !important;    font-size: 14px;
    color: #e74c3c;
}

/* 表格样式 */
.services-content__body table {
    width: 100%;
    margin: 1.5em 0;
    border-collapse: collapse;
}

.services-content__body th,
.services-content__body td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.services-content__body th {
    background-color: #f8f9fa;
    font-weight: 600;
}
/* ... existing code ... */

/* 内容区美化 */
.services-content__body {
    line-height: 1.8;
    color: #444;
    font-size: 16px;
    padding: 20px;
}

.content-wrapper {
    display: flex;
    gap: 60px; /* 增加间距 */
}

.content-text {
    flex: 1;
}

/* ... existing code ... */

/* 表单布局优化 */
.contact-form {
    flex: 1;
    max-width: 500px;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 5px;
}

.form-row .form-group {
    flex: 1;
}

.form-group {
    margin-bottom: 10px; /* 减少下边距 */
}

.form-group label {
    margin-bottom: 5px; /* 减少标签下边距 */
    display: block;
}

.form-group input,
.form-group textarea {
    padding: 8px; /* 减少内边距 */
    width: 100%;
    box-sizing: border-box;
    height: 36px; /* 固定输入框高度 */
}

.form-group textarea {
    height: 100px; /* 固定文本域高度 */
    resize: vertical; /* 允许垂直调整大小 */
}

.submit-btn {
    width: 100%;
    padding: 12px;
    background-color: #3498db;
    color: white;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
    .form-group {
        margin-bottom: 10px;
    }
}

.contact-form h3 {
    margin-bottom: 25px; /* 增加标题间距 */
    color: #2c3e50;
    font-size: 26px; /* 增大标题字体 */
    font-weight: 600;
}

.form-group {
    margin-bottom: 10px; /* 增加表单项间距 */
}

.form-group label {
    display: block;
    margin-bottom: 8px; /* 增加标签间距 */
    color: #34495e;
    font-weight: 500;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px; /* 增加输入框内边距 */
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px; /* 增大字体 */
    transition: border-color 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #3498db;
    outline: none;
}

.form-group textarea {
    resize: vertical;
    min-height: 120px; /* 增加文本域高度 */
}

.submit-btn {
    width: 100%;
    padding: 14px; /* 增加按钮内边距 */
    background-color: #3498db;
    color: white;
    font-size: 18px; /* 增大按钮字体 */
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.submit-btn:hover {
    background-color: #2980b9;
}

.submit-btn:disabled {
    background-color: #bdc3c7;
    cursor: not-allowed;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column;
        gap: 30px; /* 移动端减少间距 */
    }
    .contact-form {
        max-width: 100%;
        padding: 20px; /* 移动端减少内边距 */
    }
    .contact-form h3 {
        font-size: 24px; /* 移动端减小标题字体 */
    }
    .form-group input,
    .form-group textarea {
        font-size: 14px; /* 移动端减小字体 */
    }
    .submit-btn {
        font-size: 16px; /* 移动端减小按钮字体 */
    }
}
/* ... existing code ... */

/* 联系方式部分 */
.contact-methods {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.contact-methods h4 {
    margin-bottom: 15px;
    color: #2c3e50;
    font-size: 18px;
    font-weight: 500;
}

.contact-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #3498db;
    color: white;
    border-radius: 50%;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-icon:hover {
    background-color: #2980b9;
    transform: translateY(-3px);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .contact-icons {
        gap: 15px;
    }
    .contact-icon {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

/* 手机端内容头部调整 */
@media (max-width: 767.98px) {
    .services-sidebar {
        display: none;
    }
    .services-content__header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .services-content__header h1 {
        font-size: 24px; /* 适当减小标题字号 */
        margin-bottom: 15px;
    }
}

/* 图片展示区域美化 */
.picFocus {
    position: relative;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.picFocus .bd {
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    overflow: hidden;
   
}

.picFocus .bd:hover {
   
    transform: translateY(-2px);
}

.picFocus .bd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   
    pointer-events: none;
    z-index: 1;
}

.picFocus .hd {
    margin-top: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow-x: auto; /* 允许水平滚动 */
    position: relative;
    -webkit-overflow-scrolling: touch; /* 平滑滚动 */
}

.picFocus .hd ul {
    display: flex;
    gap: 5px; /* 统一间距 */
    margin: 0 10px;
    padding: 0 ; /* 左右内边距10px */
    list-style: none;
    width: max-content;
    min-width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
}

.picFocus .hd li:nth-child(5) {
    margin-left: 20px; /* 从第五个开始增加左边距 */
}

.picFocus .hd li {
    flex: 0 0 80px; /* 固定宽度为80px */
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    height: 60px; /* 固定高度为60px */
    margin-right: 0; /* 确保没有额外的右边距 */
    box-sizing: border-box; /* 确保宽度计算包含内边距 */
}


/* 隐藏滚动条 */
.picFocus .hd::-webkit-scrollbar {
    display: none;
}

/* 添加滚动提示 */
.picFocus .hd {
    position: relative;
}

.picFocus .hd::after {
    display: none; /* 隐藏箭头 */
    content: '→';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #3498db;
    font-size: 20px;
    animation: scrollHint 1.5s infinite;
}

@keyframes scrollHint {
    0%, 100% {
        transform: translateY(-50%) translateX(0);
    }
    50% {
        transform: translateY(-50%) translateX(5px);
    }
}

.picFocus .hd li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.picFocus .hd li.active::after,
.picFocus .hd li:hover::after {
    border-color: #3498db;
}

.picFocus .hd img {
    width: 100%;
    padding: 5px;
    height: 80px; /* 固定小图高度 */
    object-fit: cover;
    border-radius: 4px;
}



/* 响应式设计 */
@media (max-width: 768px) {
    .picFocus .bd img {
        height: 300px;
    }
    
    .picFocus .hd img {
        height: 60px;
    }
    
    .picFocus .arrow {
        width: 30px;
        height: 30px;
    }
    
    .picFocus .arrow i {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .picFocus .bd img {
        height: 200px;
    }
    
    .picFocus .hd img {
        height: 50px;
    }
}

.picFocus .bd img {
    width: 100%;
    height: 400px; /* 保持统一高度 */
    object-fit: contain; /* 改为contain，完整显示图片 */
    background-color: #ffffff; /* 添加背景色填充空白区域 */
    
    position: relative;
    transition: all 0.3s ease;
}


.picFocus .bd img:hover {
   
    filter: brightness(1.05) contrast(1.1);
}

/* 添加加载动画 */
@keyframes imageLoad {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.picFocus .bd img {
    animation: imageLoad 0.6s ease-out;
}

.picFocus .bd img {
    
    position: relative;
    transition: all 0.3s ease; /* 添加过渡效果 */
}

.picFocus .bd img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    pointer-events: none;
}

.picFocus .bd img:hover {
    border-color: rgba(255, 255, 255, 0.3);
    
}

/* 导航选项卡样式 */
.pro_3-nav {
    margin: 2rem 0;
}

.nav-tabs {
    display: flex;
    gap: 1rem;
    border-bottom: 2px solid #e9ecef;
}

.nav-link {
    padding: 0.8rem 1.5rem;
    border: none;
    background: none;
    color: #6c757d;
    font-weight: 500;
    border-radius: 6px 6px 0 0;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.nav-link.active,
.nav-link:hover {
    color: #0d6efd;
    background: rgba(13, 110, 253, 0.1);
}

.nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #0d6efd;
}
.tech-specs li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.spec-table {
    width: 100%;
    border-collapse: collapse;
}
.spec-table th, .spec-table td {
    padding: 12px;
    border: 1px solid #ddd;
}
.download-list .file-item {
    padding: 10px;
    background: #f8f9fa;
    margin-bottom: 8px;
}
.file-item i { color: #d32f2f; margin-right: 10px; }

/* Solutions and case studies spacing polish */
.solution-list-page {
    padding-top: 28px;
    padding-bottom: 36px;
}

.solution-list-page .content {
    color: #34495e;
}

.solution-list-page .solution-card-section {
    margin: 0 0 28px !important;
    padding: 34px 36px !important;
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(24, 47, 72, 0.05);
}

.solution-list-page .solution-card-section:nth-child(odd) {
    background: #fbfdff;
}

.solution-list-page .solution-card-section .row {
    align-items: center;
}

.solution-list-page .solution-card-section img {
    width: 100%;
    height: 280px;
    max-height: 280px;
    object-fit: cover;
    margin: 0;
    border-radius: 8px;
    box-shadow: none;
}

.solution-list-page .section-title {
    font-size: 28px;
    line-height: 1.3;
    margin: 0 0 16px !important;
    padding-bottom: 12px;
    letter-spacing: 0;
    color: #17324d;
}

.solution-list-page .section-title::after {
    width: 44px;
    height: 3px;
}

.solution-list-page .section-subtitle {
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 12px !important;
    color: #41556b !important;
    font-style: normal;
    opacity: 1;
    letter-spacing: 0;
    font-weight: 600;
}

.solution-list-page .section-description {
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 22px !important;
    color: #68788a;
    font-weight: 400;
}

.solution-list-page .btn-primary {
    padding: 10px 22px;
    font-size: 14px;
    line-height: 1.3;
    border-radius: 6px;
    letter-spacing: 0;
    text-transform: none;
}

.case-studies-page {
    padding: 48px 0 58px;
}

.case-studies-page .s_tit {
    margin-bottom: 12px;
    letter-spacing: 0;
}

.case-studies-page .s_tit2 {
    max-width: 760px;
    margin: 0 auto 34px;
    line-height: 1.7;
}

.case-studies-page .row {
    gap: 24px 0;
    align-items: stretch;
}

.case-studies-page .row li {
    margin-bottom: 0;
}

.case-studies-page .row li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(24, 47, 72, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.case-studies-page .row li a:hover {
    transform: translateY(-3px);
    border-color: #cddff0;
    box-shadow: 0 12px 28px rgba(24, 47, 72, 0.09);
}

.case-studies-page .row li .pic {
    height: 210px;
    padding: 18px;
    background: #f8fafc;
    border-radius: 0;
    box-shadow: none;
}

.case-studies-page .row li .pic:hover {
    transform: none;
    box-shadow: none;
}

.case-studies-page .row li .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.case-studies-page .row li .pic:hover img {
    transform: none;
}

.case-studies-page .row li .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding: 20px 20px 22px;
    text-align: left;
}

.case-studies-page .row li .info .tit {
    min-height: 48px;
    margin-bottom: 10px;
    color: #17324d;
    font-size: 18px;
    line-height: 1.35;
    letter-spacing: 0;
}

.case-studies-page .row li .info .desc {
    min-height: 68px;
    color: #68788a;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 991.98px) {
    .solution-list-page .solution-card-section {
        padding: 28px !important;
    }

    .solution-list-page .solution-card-section img {
        height: 240px;
        max-height: 240px;
    }

    .solution-list-page .section-title {
        font-size: 24px;
    }

    .case-studies-page .row li .pic {
        height: 190px;
    }
}

@media (max-width: 767.98px) {
    .solution-list-page {
        padding-top: 16px;
    }

    .solution-list-page .solution-card-section {
        padding: 22px !important;
        margin-bottom: 22px !important;
    }

    .solution-list-page .solution-card-section .col-md-6 {
        padding: 0 !important;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .solution-list-page .solution-card-section img {
        height: 220px;
        max-height: 220px;
        margin-bottom: 20px;
    }

    .solution-list-page .section-title {
        font-size: 22px;
        margin-bottom: 14px !important;
    }

    .solution-list-page .section-subtitle,
    .solution-list-page .section-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .solution-list-page .btn-primary {
        width: auto;
        min-width: 120px;
    }

    .case-studies-page {
        padding: 36px 0 44px;
    }

    .case-studies-page .s_tit2 {
        margin-bottom: 26px;
    }

    .case-studies-page .row li .pic {
        height: 210px;
    }

    .case-studies-page .row li .info .tit,
    .case-studies-page .row li .info .desc {
        min-height: 0;
    }
}

/* Homepage featured events final override */
.news {
    padding: 58px 0 68px !important;
    background: #f7fafd !important;
}

.news .pubTitle {
    margin-bottom: 34px !important;
}

.news .s_tit {
    color: #0b9edb !important;
    font-size: 32px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.news .s_tit2 {
    margin-top: 8px !important;
    color: #526273 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.news-list ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.news-list li {
    float: none !important;
    display: flex !important;
    width: calc((100% - 56px) / 3) !important;
    margin: 0 !important;
}

.news-list .news-imgwd {
    display: flex !important;
    width: 100% !important;
    min-height: 100% !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #e4edf5 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(15, 45, 75, 0.07) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.news-list .news-imgwd:hover {
    border-color: #c9e0f4 !important;
    box-shadow: 0 18px 42px rgba(15, 45, 75, 0.12) !important;
    transform: translateY(-4px) !important;
}

.news-list .news-img {
    display: flex !important;
    height: 235px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 18px !important;
    background: #fff !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.news-list .news-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.news-list .news-imgwd:hover .news-img img {
    transform: scale(1.03) !important;
}

.news-list .al {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    padding: 20px 22px 22px !important;
}

.news-list .news-title {
    display: -webkit-box !important;
    min-height: 52px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    color: #172f48 !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .news-desc {
    display: -webkit-box !important;
    min-height: 48px !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    color: #5f6f80 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .toLink {
    margin-top: auto !important;
    color: #0b76bd !important;
    font-weight: 600 !important;
}

@media (max-width: 991.98px) {
    .news-list li {
        width: calc((100% - 28px) / 2) !important;
    }

    .news-list .news-img {
        height: 220px !important;
    }
}

@media (max-width: 767.98px) {
    .news {
        padding: 40px 0 46px !important;
    }

    .news .pubTitle {
        margin-bottom: 24px !important;
    }

    .news .s_tit {
        font-size: 24px !important;
    }

    .news-list ul {
        gap: 20px !important;
    }

    .news-list li {
        width: 100% !important;
    }

    .news-list .news-img {
        height: 200px !important;
    }

    .news-list .news-title,
    .news-list .news-desc {
        min-height: 0 !important;
    }
}

/* Product overview alignment final override */
.pro_3 #n1,
.pro_3 #n1 .container,
.pro_3 #n1 .row,
.pro_3 #n1 p,
.pro_3 #n1 strong,
.pro_3 #n1 span,
.pro_3 #n1 div {
    text-align: left !important;
}

.pro_3 #n1 .row {
    justify-content: flex-start !important;
}

.pro_3 #n1 p {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    line-height: 1.8;
}

/* Homepage featured events final polish */
.news {
    padding: 66px 0 78px !important;
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
}

.news .pubTitle {
    margin-bottom: 38px !important;
}

.news .s_tit {
    color: #102d47 !important;
    font-size: 34px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.news .s_tit:after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    margin: 14px auto 0;
    border-radius: 999px;
    background: #08a6df;
}

.news .s_tit2 {
    margin-top: 12px !important;
    color: #617287 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.news-list ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.news-list li {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

.news-list .news-imgwd {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 100% !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid #dfeaf4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 36px rgba(14, 43, 72, 0.08) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
}

.news-list .news-imgwd:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #08a6df 0%, #1f74c9 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.news-list .news-imgwd:hover {
    border-color: #bfd9ee !important;
    box-shadow: 0 24px 48px rgba(14, 43, 72, 0.13) !important;
    transform: translateY(-5px) !important;
}

.news-list .news-imgwd:hover:before {
    opacity: 1;
}

.news-list .news-img {
    display: flex !important;
    height: 246px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf3f8 !important;
}

.news-list .news-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.news-list .news-imgwd:hover .news-img img {
    transform: scale(1.025) !important;
}

.news-list .al {
    display: flex !important;
    flex: 1 !important;
    flex-direction: column !important;
    padding: 22px 24px 24px !important;
}

.news-list .news-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
    color: #7c8b9b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

.news-list .news-tag {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #e8f6fd !important;
    color: #078bc4 !important;
    font-weight: 600 !important;
}

.news-list .news-date {
    color: #8795a5 !important;
    white-space: nowrap !important;
}

.news-list .news-title {
    display: -webkit-box !important;
    min-height: 54px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    color: #132f48 !important;
    font-size: 19px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .news-desc {
    display: -webkit-box !important;
    min-height: 48px !important;
    margin: 0 0 20px !important;
    overflow: hidden !important;
    color: #637489 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.news-list .toLink {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin-top: auto !important;
    color: #087db8 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

@media (max-width: 991.98px) {
    .news-list ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .news-list .news-img {
        height: 220px !important;
    }
}

@media (max-width: 767.98px) {
    .news {
        padding: 44px 0 50px !important;
    }

    .news .pubTitle {
        margin-bottom: 26px !important;
    }

    .news .s_tit {
        font-size: 25px !important;
    }

    .news-list ul {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .news-list .news-img {
        height: 205px !important;
    }

    .news-list .news-title,
    .news-list .news-desc {
        min-height: 0 !important;
    }
}