/* 全局重置 唯一cr前缀类名 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }
        a {text-decoration: none;color: #333;}
        ul {list-style: none;}
        button {border: 0;background: transparent;outline: none;cursor: pointer;}
        input {outline: none;}
/* 导航全屏通栏 */
.rn_nav_wrap {
    width: 100%;
    height: 80px;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 9999;
    display: flex;
}
/* 1400px主体区域：logo+菜单 */
.rn_nav_container {
    max-width: 1400px;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}
/* 右侧工具栏：脱离1400px，占剩余屏幕宽度 */
.rn_nav_side_tools {
    height: 80px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
/* 搜索按钮：仅蓝色空心放大镜图标 */
.rn_search_btn {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
}
.rn_search_icon {
    position: relative;
    transition: all .3s ease;
}
.rn_search_icon::before {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #007bdd;
    right: -7px;
    bottom: 5px;
    transform: rotate(-45deg);
}
.rn_search_icon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #007bdd;
    top: 7px;
    left: 7px;
    border-radius: 2px;
    transform: rotate(-20deg);
}
.rn_search_btn:hover .rn_search_icon {
    transform: scale(1.1);
}
/* 语言切换蓝色块 */
.rn_lang_wrap {
    width: 160px;
    height: 80px;
    background-color: #017cc2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.rn_lang_item {
    color: #fff;
    font-size: 20px;
    transition: opacity .3s ease;
}
.rn_lang_divider {
    color: #fff;
    font-size: 22px;
    opacity: .6;
}
.rn_lang_item:hover {
    opacity: .7;
}

/* Logo */
.rn_nav_logo {
    display: flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}
.rn_logo_en {
    font-size: 46px;
    font-weight: 700;
    color: #007bdd;
    letter-spacing: 1px;
}
.rn_logo_cn {
    font-size: 40px;
    color: #222;
    font-weight: 500;
}

/* 桌面菜单一级 */
.rn_nav_menu_list {
    display: flex;
    align-items: center;
    gap: 40px;
    height: 100%;
}
.rn_nav_menu_item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.rn_nav_menu_item > a {
    font-size: 17px;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
    padding: 0 4px;
}
.rn_nav_menu_item > a:hover {
    color: #007bdd;
}
.rn_nav_menu_item > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 0;
    height: 3px;
    background: #007bdd;
    border-radius: 3px;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.rn_nav_menu_item > a:hover::after {
    width: 100%;
}

/* 二级下拉菜单 */
.rn_nav_submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    overflow: visible;
    z-index: 99;
}
.rn_nav_has_sub:hover > .rn_nav_submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.rn_nav_submenu > li {
    position: relative;
}
.rn_nav_submenu li a {
    display: block;
    padding: 14px 22px;
    font-size: 16px;
    color: #555;
    transition: all 0.25s ease;
}
.rn_nav_submenu li a:hover {
    background: #f7fbff;
    color: #007bdd;
    padding-left: 26px;
}

/* 三级菜单（二级菜单右侧弹出） */
.rn_nav_submenu_lv3 {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 180px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    overflow: visible;
    z-index: 100;
}
.rn_nav_submenu li.rn_nav_has_sub_lv3:hover > .rn_nav_submenu_lv3 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 四级菜单（三级菜单右侧弹出） */
.rn_nav_submenu_lv4 {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 160px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    z-index: 101;
}

/* 汉堡按钮 */
.rn_nav_hamburger {
    display: none;
    font-size: 24px;
    color: #333;
}

/* 移动端侧边菜单 */
.rn_nav_mobile_wrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 380px;
    height: 100vh;
    background: #fff;
    z-index: 10000;
    padding: 30px;
    transition: right 0.4s cubic-bezier(0.4,0,0.2,1);
    box-shadow: -10px 0 30px rgba(0,0,0,0.06);
    overflow-y: auto;
}
.rn_nav_mobile_wrap.show {
    right: 0;
}
.rn_nav_mobile_close {
    font-size: 26px;
    color: #333;
    margin-bottom: 30px;
}
.rn_nav_mobile_item {
    border-bottom: 1px solid #f5f5f5;
}
.rn_nav_mobile_item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    font-size: 17px;
    color: #333;
    transition: color 0.3s ease;
}
.rn_nav_mobile_item > a:hover {
    color: #007bdd;
}
/* 移动端二级子菜单 */
.rn_nav_mobile_sub {
    display: none;
    padding-left: 15px;
}
.rn_nav_mobile_sub.open {
    display: block;
}
/* 移动端三级菜单缩进 */
.rn_nav_mobile_sub_lv3 {
    display: none;
    padding-left: 20px;
}
.rn_nav_mobile_sub_lv3.open {
    display: block;
}
/* 移动端四级菜单缩进 */
.rn_nav_mobile_sub_lv4 {
    display: none;
    padding-left: 25px;
}
.rn_nav_mobile_sub_lv4.open {
    display: block;
}
.rn_nav_mobile_sub li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 15px;
    color: #666;
}

/* ====================== 新增搜索弹窗样式 ====================== */
.rn_search_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.65);
    backdrop-filter: blur(4px);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.rn_search_mask.show {
    opacity: 1;
    visibility: visible;
}
.rn_search_box {
    width: 100%;
    max-width: 700px;
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18);
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rn_search_mask.show .rn_search_box {
    transform: scale(1);
    opacity: 1;
}
.rn_search_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.rn_search_title {
    font-size: 24px;
    color: #222;
    font-weight: 500;
}
.rn_search_close {
    font-size: 28px;
    color: #999;
    transition: color 0.25s ease;
}
.rn_search_close:hover {
    color: #007bdd;
}
.rn_search_form {
    display: flex;
    gap: 12px;
}
.rn_search_input {
    flex: 1;
    height: 52px;
    padding: 0 20px;
    border: 2px solid #eee;
    border-radius: 8px;
    font-size: 17px;
    transition: border-color 0.3s ease;
}
.rn_search_input:focus {
    border-color: #007bdd;
}
.rn_search_submit {
    height: 52px;
    padding: 0 32px;
    background: #007bdd;
    color: #fff;
    border-radius: 8px;
    font-size: 17px;
    transition: background 0.3s ease;
}
.rn_search_submit:hover {
    background: #0069c4;
}

/* 平板适配 */
@media screen and (max-width: 1200px) {
    .rn_nav_menu_list {gap: 30px;}
    .rn_logo_en {font-size: 38px;}
    .rn_logo_cn {font-size: 34px;}
    .rn_lang_wrap {width:130px;}
    .rn_lang_item{font-size:20px}
}
/* 手机适配 */
@media screen and (max-width: 768px) {
    .rn_nav_logo img{max-width:50%;}
    .rn_nav_menu_list {display: none;}
    .rn_nav_hamburger {display: block;}
    .rn_logo_en {font-size: 32px;}
    .rn_logo_cn {font-size: 28px;}
    .rn_nav_side_tools {display: none;}
    .rn_search_box {padding: 24px;}
    .rn_search_form {flex-direction: column;}
}
		
		.rn_footer_wrap1{background:url(../images/foot.jpg);background-size: 100% 100%;}
		.rn_footer_wrap{
    width:100%;
}
.rn_footer_container{
    max-width:1400px;
    margin:0 auto;
}
/* 顶部深色区域 */
.rn_footer_top{
    /* background:#33373b; */
    padding: 50px 10px 20px;
}
.rn_brand_row{
    display:flex;
    justify-content:space-between;
}
/* 品牌主标题 */
.rn_brand_name{
    font-size: 48px;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:22px;
}
.rn_brand_name span{
    font-size: 36px;
    color:#f2f2f2;
    margin-left:12px;
    font-weight:500;
}
/* 导航文字 */
.rn_nav_list{
    display:flex;
    gap:18px;
    font-size: 18px;
}
.rn_nav_list a{
    color:#e6e6e6;
    text-decoration:none;
}
.rn_nav_list span{
    color:#6c7073;
}
.rn_brand_tag_qr{
    display:flex;
    align-items:flex-start;
    gap:24px;
}
.rn_tag{
    background: #017cc2;
    color:#ffffff;
    padding:14px 36px;
    border-radius:40px;
    font-size: 22px;
    white-space:nowrap;
}
.rn_qr_box{
    text-align:center;
    display: none;
}
.rn_qr{
    margin-bottom:8px;
}
.rn_qr_box p{
    color:#d8d8d8;
    font-size:17px;
}
/* 中部联系方式 */
.rn_contact_row{
    display:flex;
    background:#fff;
    margin: 0 10px;
}
.rn_contact_item{
    flex:1;
    display:flex;
    align-items:center;
    gap:16px;
    padding:32px 24px;
    border-right:1px solid #eee;
}
.rn_contact_item:last-child{
    border-right:none;
}
.rn_contact_icon{
    width:56px;
    height:56px;
    flex-shrink:0;
}
/* 联系栏文字 */
.rn_contact_text p:first-child{
    color:#707070;
    font-size:18px;
    margin-bottom:8px;
}
.rn_contact_text p:last-child{
    color:#262626;
    font-size: 18px;
    font-weight: 700;
}
/* 底部版权蓝色栏 */
.rn_copyright_row{
    display:flex;
    justify-content:space-around;
    padding:24px 20px;
    color:#e8f4fc;
    font-size: 16px;
}
.rn_copyright_row a{color:#fff}
/* 平板适配 */
@media screen and (max-width:1200px){
    .rn_brand_name{font-size:50px;}
    .rn_brand_name span{font-size:28px;}
    .rn_nav_list{font-size:17px;}
    .rn_tag{font-size:19px;padding:10px 22px;}
    .rn_qr{width:110px;height:110px;}
    .rn_contact_text p:last-child{font-size:19px;}
    .rn_copyright_row{font-size:16px;}
}
/* 移动端适配 */
@media screen and (max-width:768px){
    .rn_brand_row{flex-direction:column;gap:24px;}
    .rn_brand_name{font-size:34px;}
    .rn_brand_name span{font-size:20px;display:block;margin-left:0;margin-top:8px;}
    .rn_nav_list{flex-wrap:wrap;row-gap:10px;}
    .rn_brand_tag_qr{flex-direction:column;}
    .rn_contact_row{flex-direction:column;margin:0 16px;}
    .rn_contact_item{border-right:none;border-bottom:1px solid #eee;}
    .rn_copyright_row{flex-direction:column;gap:12px;text-align:center;}
}


 /* 右侧固定栏容器 */
    .fixed-sidebar {
      position: fixed;
      right: 20px;
      bottom: 80px;
      z-index: 999;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    /* 圆形按钮 浅灰简约外贸风 */
    .sidebar-item {
      width: 50px;
      height: 50px;
      background-color: #f7f7f7;
      border: 1px solid #eaeaea;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    /* 统一图标尺寸 */
    .sidebar-item svg {
      width: 22px;
      height: 22px;
      fill: #555;
      transition: fill 0.3s;
    }

    /* 悬浮交互效果 */
    .sidebar-item:hover {
      background-color: #e9e9e9;
      border-color: #dcdcdc;
      transform: scale(1.08) translateX(-3px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    .sidebar-item:hover svg {
      fill: #222;
    }

    /* 悬浮文字提示 */
    .tooltip {
      position: absolute;
      right: 60px;
      white-space: nowrap;
      background: #444;
      color: #fff;
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 12px;
      opacity: 0;
      transform: translateX(10px);
      transition: all 0.3s;
      pointer-events: none;
    }

    .sidebar-item:hover .tooltip {
      opacity: 1;
      transform: translateX(0);
    }

    /* 微信二维码弹窗 */
    .wechat-qrcode {
      position: absolute;
      right: 60px;
      bottom: 0;
      width: 160px;
      padding: 10px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      display: none;
      text-align: center;
      animation: fadeIn 0.3s;
    }
    .wechat-qrcode img {
      width: 100%;
      border-radius: 6px;
    }
    .wechat-qrcode p {
      margin-top: 6px;
      font-size: 12px;
      color: #666;
    }
    .sidebar-item:hover .wechat-qrcode {
      display: block;
    }

    /* 返回顶部默认隐藏 */
    #backTop {
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s;
    }
    #backTop.show {
      opacity: 1;
      visibility: visible;
    }

    /* 淡入动画 */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateX(10px); }
      to { opacity: 1; transform: translateX(0); }
    }

    /* 移动端适配 */
    @media (max-width: 768px) {
      .fixed-sidebar {
        right: 12px;
        bottom: 60px;
        gap: 8px;
      }
      .sidebar-item {
        width: 44px;
        height: 44px;
      }
      .sidebar-item svg {
        width: 19px;
        height: 19px;
      }
      .wechat-qrcode {
        width: 130px;
      }
    }