/*
Theme Name: 	   Shopire
Text Domain: 	   shopire
Version:            1.0.79
Tested up to:       7.0
Requires at least:  4.7
Requires PHP:       5.6
Author:             WPFable
Author URI:         https://wpfable.com/
Theme URI:          https://wpfable.com/themes/shopire-free/
Description:        Shopire is a fast, clean, lightweight theme. Shopire is customizable and modern-looking free responsive WooCommerce WordPress theme for e-commerce stores like clothing, fashion, electronics, ebooks, dress store, sports shop, marketplace, multivendor, equipments or online products. Theme is compatible with Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Looking for a WooCommerce theme? Look no further! Shopire Pro demo https://demos.wpfable.com/premium/shopire/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
 */

html, body {
  overflow-x: hidden;
}
 
.iconbox:hover a {
    color: #fff;
}

.iconbox a {
    text-decoration: none;
	color: var(--wf-secondary-color);
}

.wp-block-details summary {
    font-weight: 600;
    padding: 10px;
}

.wp-block-latest-comments__comment a {
    text-decoration: none;
}

.wp-block-verse {
    padding: 10px;
}

.wp-block-archives-list a {
    text-decoration: none;
}

/* Woo / Custom CSS */

.header--two .wf_mobilenav.is--sticky {
    background-color: var(--wf-secondary-color);
}

.header--two + #content > .wf_slider_banner {
    margin-top: 0;
    padding-top: 2.4rem;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: 50%;
}

.woocommerce-Address-title h2 {
    font-size: 2.4rem;
}

.has-background.wp-block-read-more, 
.has-background.post-navigation-link-next,
.has-background.post-navigation-link-previous {
    padding: 0.25em 1.375em;
}

.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
    height: 2rem !important;
    width: 2rem !important;
}

.wp-block-avatar img {
    border-radius: 50%;
}

.wp-block-avatar:hover img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}

.post-navigation-link-next a,
.post-navigation-link-previous a {
    text-decoration: none;
}

.wp-block-woocommerce-single-product .wp-block-post-title a {
    text-decoration: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, 
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
    color: #fff;
}

.wp-block-page-list {
    list-style: none;
    padding: 0;
}

.wc-block-grid__products .wc-block-components-product-button__button {
    border-radius: 0;
    text-decoration: none;
}

.wp-block-page-list a {
    color: var(--wf-secondary-color);
    text-decoration: none;
    font-weight: 600;
}

.wc-block-components-product-title a.wc-block-components-product-name:hover, 
.wc-block-components-product-title a.wc-block-components-product-name:focus {
    color: var(--wf-main-color);
}

.wp-block-page-list a:hover,
.wp-block-page-list a:focus {
    color: var(--wf-main-color);
}

.wp-block-list {
    padding: 0;
}

.wc-block-components-product-name {
    color: var(--wf-secondary-color);
    text-decoration: none;
    font-weight: 600;
}

.wp-block-list.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-details.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-verse.has-background {
    padding: 1.25em 2.375em;
}

.wp-block-preformatted.has-background {
    padding: 1em;
}

.wp-block-archives {
    list-style: none;
    padding: 0;
}

.wp-block-archives-list a {
    font-weight: 600;
    color: var(--wf-secondary-color);
}

.wp-block-archives-list a:hover, 
.wp-block-archives-list a:focus {
    color: var(--wf-main-color);
}

.wp-block-page-list.has-background {
    padding: 1rem;
}

a.wp-block-button__link:hover, 
a.wp-block-button__link:focus {
    color: #fff;
    text-decoration: none;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
    color: var(--wf-main-color);
}

.wp-block-latest-comments {
    padding-left: 0;
}

.wp-block-latest-comments li a:not(:hover, :focus) {
    color: var(--wf-secondary-color);
}

.wp-block-latest-comments li a {
    text-decoration:none;
}

.wf_footer ul.product_list_widget li .woocommerce-Price-amount {
    color: var(--wf-main-color);
}

.wf_footer ul.product_list_widget li {
    border-bottom: none;
}

.wf_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button) {
    background-color: var(--wf-secondary-color);
}

.wf_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):hover,
.wf_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):focus {
        background-color: var(--wf-secondary-color) !important;
}

.wf_footer .widget_shopping_cart a.checkout:hover, 
.wf_footer .widget_shopping_cart a.checkout:focus {
        background-color: var(--wf-main-color) !important;
}

.wf_footer .widget_shopping_cart span.amount {
    color: var(--wf-main-color);
}

.wf_footer .widget_shopping_cart li img {
   object-fit: contain !important;
   padding-right: 10px;
}

.wc-block-mini-cart__footer .wc-block-components-button {
    text-decoration: none;
}

.wf_footer .widget .wc-block-cart-link {
    color:#fff;
    background: var(--wf-main-color);
}

.wf_footer .widget .wc-block-cart-link:hover, 
.wf_footer .widget .wc-block-cart-link:focus {
    text-decoration: none;
}

.woocommerce-account .woocommerce-Address-title h2 {
    font-size: 4rem;
}

.wp-block-button.is-style-outline a.wp-block-button__link {
    border-color: inherit;
    background: transparent
}

.wp-block-categories-list.has-background {
    padding: 1rem;
}

.wp-block-latest-comments.has-background {
    padding: 1rem;
}

.wp-block-file a {
    text-decoration: none;
}

.wp-block-file.has-background {
    padding: 1rem;
}

.woocommerce .summary .product_meta>span a {
    text-decoration: none;
}

table.wc-block-cart-items .wc-block-cart-items__header th {
    color: var(--wf-secondary-color);
    font-size: 1.6rem;
    font-weight: 700;
}

.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title {
    font-weight: 700;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, 
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-weight: 600;
}

.wp-block-woocommerce-customer-account.has-background {
    padding: 1rem;
}

.wp-block-woocommerce-customer-account a:focus {
    text-decoration: underline !important;
}

.wc-block-customer-account__link {
    text-decoration: none;
}

.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
    font-size: 1.2rem !important;
}




.service-content{
	max-width: 1566px;
	margin-right: auto;
	margin-left: auto; 
}
/* 外层大容器头部工厂 flex布局 */
.factory-wrap {
    display: flex;
    gap: 20px;
    max-width: 2400px;
    margin: 30px auto;
}

/* 左侧大图容器 */
.factory-big {
    flex: 4;
}

.factory-big img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
    box-shadow: 8px 10px 10px rgb(199 199 199);
}

.factory-big:hover,.factory-small:hover {
    transform: scale(1.03);
}

/* 右侧小图竖排容器 */
.factory-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.factory-small img {
    width: 95%;
    height: auto;
    display: block;
    border-radius: 25px;
    box-shadow: 8px 10px 10px rgb(199 199 199);
}

/* ============== 顶部标题区域 ============== */
.header1 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
    align-items: flex-start;
    padding: 20px 20px 0 0;
}

.header2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    background: #fff;
    padding: 20px 20px 50px 0;
}

/* 中间居中的标题组（带左右箭头） */
.title-group {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-main {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 3.6rem;
    font-weight: bold;
    color: #01579b;
    margin-bottom: 5px;
}

/* 左右蓝色三角形箭头 */
.arrow {
    width: 3.6rem;
    height: 28px;
}

.arrow-left {
    background-color: #00a2ff;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
}

.arrow-right {
    background-color: #01579b;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.title-sub {
    font-size: 20px;
    color: #01579b;
    font-weight: normal;
    font-family: "Arial Black", Gadget, sans-serif;
}

/* 右上角SONLAM品牌名 */
.brand-name {
    font-size: 3.6rem;
    font-weight: bold;
    color: #0070c0;
    font-family: "Arial Black", Gadget, sans-serif;
    text-align: right;
}

/* ============== 主体内容区域（十字布局） ============== */
.content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    /* 十字分隔的宽度 */
    position: relative;
    margin-bottom: 20px;
}

/* 四个大圆角卡片 */
.card {
    background-color: #BFD5F5;
    padding: 20px 30px;
    line-height: 1.3;
    height: 150px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-shadow: 5px 3px 7px rgb(199 199 199);
}

.card:hover {
    transform: scale(1.03);
}

/* 单个角圆角设置（每个卡片仅保留一个外角圆角） */
.card-top-left {
    border-top-left-radius: 24px;
    /* 左上卡片：仅左上角圆角 */
}

.card-top-right {
    border-top-right-radius: 24px;
    /* 右上卡片：仅右上角圆角 */
}

.card-bottom-left {
    border-bottom-left-radius: 24px;
    /* 左下卡片：仅左下角圆角 */
}

.card-bottom-right {
    border-bottom-right-radius: 24px;
    /* 右下卡片：仅右下角圆角 */
}

/* 文字对齐方式：左上、左下左对齐；右上、右下右对齐 */
.card-left {
    text-align: left;
    padding-right: 150px;
}

.card-right {
    text-align: left;
    padding-left: 150px;
}

/* 中文文字样式 */
.card-cn {
    font-size: 22px;
    color: #000000;
    margin: 0;
    font-weight: bold;
}

/* 英文文字样式 */
.card-en {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

/* 右下角卡片英文不需要全大写，单独处理 */
.card-en.normal-case {
    text-transform: none;
    letter-spacing: normal;
}

/* ============== 中间圆形LOGO ============== */
.center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 238px;
    height: 238px;
    z-index: 10;
    /* 确保在卡片上层 */
}

.center-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 卡片容器运营中心 - 实现**完全平分宽度**并排布局 */
.cards-wrapper {
    display: flex;
    gap: 1rem;
    margin-bottom: 30px;
    width: 100%;
    flex-wrap: wrap;
}

/* 单个卡片样式 - 关键修改：平分宽度 */
.operation-card {
    width: 100%;
    flex: none;
    /* 强制平分可用空间 */
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(8px);
    box-shadow: 1px 2px 20px 0px rgb(173 173 173);
    background: linear-gradient(to top left, #01579b 0%, #29b6f6 100%);
}

.center-card {
    box-shadow: 1px 2px 20px 0px rgb(173 173 173);
    border-radius: 12px;
    margin: 20px 0;
    padding-top: 10px;
    position: relative;
}

.body-card {
    padding: 20px 30px;
    box-shadow: 1px 2px 20px 0px rgb(173 173 173);
    border-radius: 12px
}

/* 卡片头部 - 国旗+标题 */
.card-header {
    width: 350px;
}

.flag-img {
    width: 350px;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.card-title h1 {
    font-size: 1.8rem;
    color: #ffffff;
    margin-bottom: 0.1rem;
    font-weight: 600;
    margin: 0;
}

.card-title h2 {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    margin: 0;
}

/* 卡片主体 - 主图+文字介绍 */
.card-body {
    display: flex;
    gap: 1.2rem;
    padding: 1.2rem 1.2rem 1rem 2rem;
}

.card-con-body {
    height: 215px overflow-y: auto;
}

.card-con-body::-webkit-scrollbar {
    width: 4px;
    /* 从6px改为4px，更细 */
}

.card-con-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    /* 降低轨道透明度，更不明显 */
    border-radius: 2px;
    /* 圆角与宽度匹配 */
}

.card-con-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    /* 降低滑块透明度 */
    border-radius: 2px;
}

.card-con-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
    /* hover时稍亮 */
}

.main-image {
    width: 160px;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    align-self: flex-start;
}

.card-content {
    color: #ffffff;
    line-height: 1.35;
    font-size: 0.88rem;
}

.card-content p {
    margin-bottom: 0.8rem;
}

.address-info {
    margin-top: 1.2rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
}

/* 卡片底部 - 图片画廊 */
.card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #fff;
}

.image-gallery {
    display: flex;
    gap: 0.8rem;
    overflow-x: auto;
    padding-bottom: 0.4rem;
    /* 隐藏滚动条但保留滚动功能 */
    scrollbar-width: none;
    padding: 0.8rem 1.2rem 1.2rem;
}

.image-gallery::-webkit-scrollbar {
    display: none;
}

.gallery-img {
    width: 24%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
    flex-shrink: 0;
    box-shadow: 8px 9px 12px rgb(19 19 19 / 43%);
    transition: transform 0.3s ease;
}

.gallery-img1 {
    width: 19%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
    flex-shrink: 0;
    box-shadow: 8px 9px 12px rgb(19 19 19 / 43%);
    transition: transform 0.3s ease;
}

.gallery-img:hover,.gallery-img1:hover {
    transform: scale(1.03);
}

#chartdiv {
    width: 100%;
    height: 500px;
}

/* 底部区域 */
.globalfooter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px 20px;
}

.globalfooter .slogan {
    background: #00529B;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto;
    margin-left: 30%;
}

.legend {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #333;
    border: 2px solid #00529B;
    text-align: center;
    justify-content: center;
    padding: 5px;
}

.completed {
    background: #00529B;
    color: #fff;
}

.preparing {
    color: #00529B;
}

/* 切换按钮 */
.toggle-btn {
    background: #fff;
    border: 1.5px solid #00529B;
    color: #00529B;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.toggle-btn:hover {
    background: #00529B;
    color: #fff;
}

.left-logo {
    position: absolute;
    top: 85%;
    left: 130px;
    transform: translate(-50%, -50%);
    width: 138px;
    height: 138px;
    z-index: 10;
}

.left-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header3 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    background: #fff;
    padding: 20px 20px 0 0;
}
.companycontainer {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    padding: 50px;
    justify-content: space-around;
    padding-bottom: 200px;
}
/* 左侧数据列表 */
.left-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.info-item {
    display: flex;
    gap: 16px;
    align-items: center;
}
.num-box {
    width: 80px;
    height: 80px;
    background: #0052aa;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.info-text1 p:first-child {
    font-size: 20px;
    color: #01579B;
    margin: 0;
    font-weight: bold;
}
.info-text1 p:last-child {
    font-size: 18px;
    color: #333;
    margin: 0;
}
/* 右侧蓝色核心板块 */
.core-card {
    background: linear-gradient(180deg, #34a0e9 0%, #0066b3 100%);
    color: #fff;
    padding: 30px;
    max-width: 600px;
    z-index: 1;
}
.core-card h2 {
    font-size: 28px;
    margin: 0;
}
.core-card h2 span {
    font-size: 24px;
    opacity: 0.9;
}
.cn-desc {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.en-desc {
    font-size: 14px;
    line-height: 1.6;
}
/* 右下角品牌圆形 */
.brand-circle {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 230px;
    height: 230px;
    background: #e8e8e8;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.brand-circle .cn {
    font-size: 30px;
    color: #0052aa;
    font-weight: bold;
}
.brand-circle .en {
    font-size: 30px;
    color: #0052aa;
    font-weight: 700;
}

/* 外层容器：横向排列 + 自动换行 */
.product-list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 20px;
}
/* 卡片基础样式：顶部半圆拱形 */
.product-card {
    max-width: 210px;
    margin-bottom: 20px;
    color: #ffffff;
    border-top-left-radius: 145px;
    border-top-right-radius: 145px;
    overflow: hidden;
    box-shadow: 16px 13px 10px 0px rgba(0, 0, 0, 0.2);
}
.product-card:hover {
    transform: scale(1.03);
}
/* 深浅蓝色交替 */
.card-dark {
    background-color: #0055a5;
}
.card-light {
    background-color: #33b6f2;
}
/* 圆形产品图容器 */
.card-img-wrap {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #ffffff;
    margin: 16px auto 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-img-wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* 标题样式 */
.card-title-cn {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 6px;
}
.card-title-en {
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    padding: 0 20px;
    margin-bottom: 20px;
    font-weight: normal;
    margin: 0;
}

/* 描述文本 */
.card-desc {
    padding: 0 24px;
    font-size: 12px;
    line-height: 1.7;
    text-align: left;
}
.card-desc p + p {
    margin-top: 8px;
}
 /* 发展措施外层容器 */
.global-layout {
    width: 100%;
    height: 560px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
/* 底部浅灰背景 */
.bottom-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 320px;
    background: #edf0f3;
    z-index: 0;
}
/* 灰色圆环轨道 */
.ring-track {
    width: 470px;
    height: 470px;
    border:24px solid #e0e2e5;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
/* 中间圆形主图 */
.center-image {
    width: 390px;
    height: 390px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.center-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 图标圆形 */
.icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 36px;
    position: absolute;
    z-index: 3;
}
.icon-light {
    background: #33b6f2;
}
.icon-dark {
    background: #0055a5;
}
/* 四个图标精准定位在圆环上 */
.icon-tl { /* 左上 */
    left: 420px;
    top: 30px;
}
.icon-tr { /* 右上 */
    left: 680px;
    top: 30px;
}
.icon-bl { /* 左下 */
    left: 310px;
    top: 210px;
}
.icon-br { /* 右下 */
    left: 800px;
    top: 210px;
}
/* 箭头 */
.arrow1 {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 3;
}
.arrow-left1 { /* 朝左箭头 < */
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #c2c5c9;
}
.arrow-right1 { /* 朝右箭头 > */
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #c2c5c9;
}
/* 四个箭头定位 */
.arrow-tl {
    left: 390px;
    top: 60px;
}
.arrow-tr {
    left: 780px;
    top: 60px;
}
.arrow-bl {
    left: 280px;
    top: 240px;
}
.arrow-br {
    left: 900px;
    top: 240px;
}
/* 文字块 */
.text-block {
    width: 360px;
    position: absolute;
    z-index: 3;
}
.text-block h3 {
    font-size: 22px;
    color: #222;
    margin: 0;
    font-weight: 600;
}
.text-block h4 {
    font-size: 14px;
    color: #222;
    margin: 0;
    font-weight: 600;
}
.text-block p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}
.text-block p.en {
    font-size: 13px;
    color: #888;
    line-height: 1.5;
}
/* 四个文字块定位 */
.text-tl {
    left: 25px;
    top: 30px;
    text-align: right;
}
.text-tr {
    left: 800px;
    top: 30px;
}
.text-bl {
    left: 35px;
    top: 210px;
    text-align: right;
    width: 240px;
}
.text-br {
    left: 915px;
    top: 210px;
    width: 240px;
}


/* 证书外层容器：横向布局 顶部对齐 */
.cert-section {
    margin: 0 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-direction: column;
}
/* 证书图片组 */
.cert-images {
    display: flex;
    flex-shrink: 0;
    gap: 15px;
}
.cert-item {
    width: 290px;
    height: 600px;
}
.cert-item img {
    width: 100%;
    display: block;
}
/* 右侧文字块 */
.cert-text {
    flex: 1;
    background: linear-gradient(180deg, #33b6f2 0%, #0055a5 100%);
    color: #ffffff;
    padding: 20px 45px;
    margin-top:18px;
}
.cert-text .text-cn {
    font-size: 22px;
    line-height: 1.45;
    margin-bottom: 35px;
    font-weight: 500;
}
.cert-text .text-en {
    font-size: 22px;
    line-height: 1.45;
    font-weight: normal;
}

/* 升澜服务外层容器：6列等宽横向排列 */
.service-wrap {
    margin: 0 20px;
    display: flex;
    gap: 22px;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
/* 单个服务卡片 */
.service-card {
    flex: 1;
    min-width: 172px;
    display: flex;
    flex-direction: column;
}
/* 文字区域 */
.service-wrap .card-text {
    margin-bottom: 18px;
}
/* 标题：居中亮蓝色 */
.service-wrap .title-cn {
    font-size: 16px;
    color: #33b6f2;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px;
}
.service-wrap .title-en {
    font-size: 16px;
    color: #33b6f2;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}
.service-wrap .title-cn1 {
    font-size: 16px;
    color: #6096E6;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px;
}
.service-wrap .title-en1 {
    font-size: 16px;
    color: #6096E6;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}
/* 描述文本：左对齐灰色 */
.service-wrap .desc-cn {
    font-size: 12px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 8px;
}
.service-wrap .desc-en {
    font-size: 12px;
    color: #666666;
    line-height: 1.5;
}
/* 图片区域：圆角统一高度 */
.service-wrap .card-img {
    width: 100%;
    height: 340px;
    border-radius: 14px;
    overflow: hidden;
    margin-top: auto;
    box-shadow: 16px 13px 10px 0px rgba(0, 0, 0, 0.2);
}
.service-wrap .card-img:hover {
    transform: scale(1.03);
}
.service-wrap .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#chartdiv {
    width: 100%;
    height: 800px;
}