/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/


/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);

@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
    box-sizing: border-box !important;
    transition: ease all 0.5s;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #666666;
    font-size: 14px;
    font-family: Raleway;
    line-height: 1.80857;
    font-weight: normal;
    overflow-x: hidden;
    background-color: #fffcf4;
}

a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: normal;
    color: #111111;
    margin: 0
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none!important;
    opacity: 1
}

button:focus {
    outline: none;
}

ul,
li,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

p {
    margin: 20px;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
	font-family: 'Poppins', sans-serif;
}

a {
    color: #222222;
    text-decoration: none;
    outline: none !important;
}

a,
.btn {
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
}

 :focus {
    outline: 0;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.paddind_bottom_0 {
    padding-bottom: 0 !important;
}

.btn-custom {
    margin-top: 20px;
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}

.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}

.form-control:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
    border: none !important;
}

.badge {
    font-weight: 500;
}

blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}

button {
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.full {
    float: left;
    width: 100%;
}

.layout_padding {
    padding-top: 90px;
    padding-bottom: 0px;
}

.padding_0 {
    padding: 0px;
}

.header_section {
    width: 100%;
    float: left;
    background-image: url(../images/banner-bg.png);
    height: auto;
    background-size: cover;
    position: relative;
}

.bg-light {
    background-color: #021239 !important;
}

.navbar {
    padding: .5rem 100px;
}

.logo {
    width: 10%;
    float: left;
    margin-right: 155px;
    position: relative;
    top: 55px;
    z-index: 10;
}

/* ===== K-03（2026-10-27）：首页单排导航与内页深蓝导航元素规格统一（结构各自保留，仅元素层对齐） =====
   字号统一 15px（与 992-1199 断点同值）、补 hover 过渡与统一 active 态；hover 橙 #e8531f 两处共用 */
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 18px;
    padding-left: 18px;
    color: #fffcf4;
    font-size: 15px;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: .4px;
    transition: color .25s ease;
	font-family: 'Poppins', sans-serif;
}

/* K-03：统一 active 态规格（当前页链接橙色高亮，首页/内页一致） */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .active > .nav-link {
    color: #e8531f;
}

/* ===== 批次三步骤8：992-1199 导航收敛（防语言切换右缘裁切） ===== */
@media (min-width: 992px) and (max-width: 1199.98px){
  .navbar-expand-lg .navbar-nav .nav-link{ padding-right: 6px; padding-left: 6px; font-size: 15px; }
  .search_icon{ display: none; }
}

/* ===== B+D 方案：首页导航透明悬浮+入场动画+滚动变色（仅桌面≥992，内页与移动端不受影响） ===== */
@media (min-width: 992px){
  .header-float{
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1030;
    background: transparent;
    background-image: none;
    box-shadow: none;
    transition: background .3s ease, box-shadow .3s ease;
    animation: jyHeaderIn .6s ease both;
  }
  .header-float .navbar{ background: transparent !important; box-shadow: none; }
  .header-float .logo{ top: 0; }
  .header-float.scrolled{
    background-color: #021239;
    background-image: none;
    box-shadow: 0 2px 12px rgba(0,0,0,.28);
  }
}
.header-float ~ .banner_section{ position: relative; }
.header-float ~ .banner_section::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 120px;
  background: linear-gradient(to bottom, rgba(2,18,57,.45), rgba(2,18,57,0));
  z-index: 1;
  pointer-events: none;
}
.header-float ~ .banner_section .carousel-item img{ animation: jyBannerIn 1s ease both; }
@keyframes jyHeaderIn{ from{ transform: translateY(-100%); opacity: 0; } to{ transform: translateY(0); opacity: 1; } }
@keyframes jyBannerIn{ from{ transform: scale(1.04); opacity: .55; } to{ transform: scale(1); opacity: 1; } }

/* ===== 内页导航 JS 钉顶：滚动超阈值后 fixed 固定（body 由 custom.js 加 padding-top 防跳动；Chrome 根元素 overflow 会使 sticky 失效，故用 JS 方案） ===== */
.header_section.nav-pinned-bar{ position: fixed; top: 0; left: 0; right: 0; z-index: 1030; }
/* 内页 header 基础层叠：未钉顶时也压住后文内容（修复产品详情页 FAQ 区块几何异常盖住导航、
   导致进入页面后导航不可点需下滑恢复的问题；首页 header-float 为悬浮方案，不在此列） */
.header_section:not(.header-float){ position: relative; z-index: 1030; }

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #e8531f;
}

.banner_section {
    width: 100%;
    float: left;
}

.banner_taital {
    width: 100%;
    float: left;
    font-size: 66px;
    color: #fffcf4;
    font-weight: 600;
    padding-top: 100px;
}

.btn_main {
    width: 100%;
    float: left;
    margin-top: 100px;
    margin-bottom: 127px;
}

.more_bt {
    width: 200px;
    float: left;
}

.more_bt a {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    background-color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

.more_bt a:hover {
    color: #ffffff;
    background-color: #e8531f;
}

.contact_bt {
    width: 200px;
    float: left;
    margin-left: 15px;
}

.contact_bt a {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    background-color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

.contact_bt a:hover {
    color: #ffffff;
    background-color: #e8531f;
}

.contact_bt.active a {
    color: #ffffff;
    background-color: #e8531f;
}

/* ===== banner 文案回退层（K-02：DB banner 未配文案时兜底输出语言包标语+询盘CTA，底部渐变遮罩保证可读） ===== */
.banner-cover {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
    padding-bottom: 36px;
    background: linear-gradient(to top, rgba(2,18,57,.78) 0%, rgba(2,18,57,.40) 55%, rgba(2,18,57,0) 100%);
}
.banner-cover .banner_taital {
    float: none;
    width: auto;
    padding-top: 28px;
    font-size: clamp(30px, 4.3vw, 44px);
    text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.banner-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 22px;
}
.banner-cta a {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 28px;
    border-radius: 5px;
    text-decoration: none;
}
.banner-cta .banner-cta-ghost { color: #000; background-color: #ffffff; }
.banner-cta .banner-cta-ghost:hover { color: #ffffff; background-color: #e8531f; }
.banner-cta .banner-cta-main { color: #ffffff; background-color: #e8531f; }
.banner-cta .banner-cta-main:hover { color: #ffffff; background-color: #c94314; }

#main_slider .carousel-control-prev:hover,
#main_slider .carousel-control-next:hover,
#main_slider .carousel-control-prev:focus,
#main_slider .carousel-control-next:focus {
    background-color: #e8531f;
    color: #ffffff;
}

#main_slider a.carousel-control-prev {
    position: absolute;
    left: 1030px;
    top: 67%;
    background-color: #e8531f;
}

#main_slider a.carousel-control-next {
    position: absolute;
    right: 170px;
    top: 67%;
}

#main_slider .carousel-control-prev,
#main_slider .carousel-control-next {
    width: 68px;
    height: 68px;
    background: #111111;
    opacity: 1;
    font-size: 30px;
    color: #ffffff;
    border-radius: 100%;
}

.about_section {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.about_main {
    padding-left: 100px;
    padding-top: 90px;
}

.about_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #191919;
    text-transform: uppercase;
    font-weight: 700;
}

.about_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #090808;
    margin-left: 0px;
}

.contact_bt a:hover {
    color: #ffffff;
    background-color: #e8531f;
}

.about_bt {
    width: 180px;
    float: left;
    margin-top: 30px;
}

.about_bt a {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #f9f9f9;
    background-color: #e8531f;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    border-radius: 5px;
}

.about_bt a:hover {
    color: #f9f9f9;
    background-color: #111111;
}

.about_img {
    width: 100%;
    float: left;
}

.about_img::after {
    content: '';
    position: absolute;
    background-color: #efefef;
    width: 700px;
    height: 600px;
    margin: 0 auto;
    left: initial;
    right: -120px;
    z-index: -1;
    border-radius: 100%;
    top: -40px;
}

.services_section {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.services_section:after {
    content: '';
    position: absolute;
    background-color: #efefef;
    width: 630px;
    height: 600px;
    border-radius: 520px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
}

.services_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 70px;
}

.services_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #090a0b;
    text-align: center;
    margin: 0px;
}

.services_section_2 {
    width: 100%;
    float: left;
}

.box_main {
    width: 100%;
    float: left;
}

.box_left {
    width: 35%;
    float: left;
}

.box_middle {
    width: 27%;
    float: left;
    margin: 0px 15px;
}

.see_bt {
    width: 170px;
    margin: 0 auto;
    text-align: center;
}

/* ===== 产品列表改版（jypl- 前缀，2026-10-27，仿 Rippa 版式：侧栏类目 + 卡片网格 + 数字分页） ===== */
.jypl-head { margin-bottom: 30px; }
.jypl-head__eyebrow { display: inline-block; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #e8531f; font-weight: 600; margin-bottom: 6px; }
.jypl-head__title { font-size: 40px; font-weight: 700; color: #111; margin: 0; } /* K-04（2026-10-28）：字级对齐站内区块标题（project/about/services_taital 均 40px），原 30px */
.jypl-layout { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 25px; }
.jypl-side { flex: 0 0 250px; max-width: 250px; background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; overflow: hidden; }
.jypl-side__title { font-size: 16px; font-weight: 700; color: #111; margin: 0; padding: 16px 18px 10px; }
.jypl-side__list { list-style: none; margin: 0; padding: 0 10px 12px; }
.jypl-side__list li a { display: block; padding: 10px 12px; border-radius: 8px; font-size: 14px; color: #444; text-decoration: none; transition: background-color .25s, color .25s; }
.jypl-side__list li a:hover { color: #e8531f; }
.jypl-side__list li.active a { background: #e8531f; color: #fff; font-weight: 600; }
.jypl-main { flex: 1 1 0; min-width: 0; }
.jypl-grid { list-style: none; padding: 0; } /* padding:0 显式自包含（420px 下防 ul 默认 padding-left 回归撑出右列溢出；负 margin 保留以对齐 Bootstrap row） */
.jypl-grid > li { display: flex; margin-bottom: 25px; min-width: 0; } /* min-width:0 防 flex item 内容（长参数串）撑破 col-6 */
.jypl-card { display: flex; flex-direction: column; width: 100%; background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; overflow: hidden; text-decoration: none; transition: box-shadow .3s, transform .3s, border-color .3s; }
.jypl-card:hover, .jypl-card:focus { text-decoration: none; box-shadow: 0 14px 30px rgba(0, 0, 0, .12); transform: translateY(-3px); }
.jypl-card__img { position: relative; display: block; height: 210px; background: #fff; border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.jypl-card__img > img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 14px; }
.jypl-card__img-ph { display: block; height: 100%; }
.jypl-card__img2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; padding: 14px; opacity: 0; transition: opacity .35s ease; }
.jypl-card:hover .jypl-card__img2 { opacity: 1; }
.jypl-card__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 16px 16px 18px; }
.jypl-card__title { display: block; font-size: 16px; font-weight: 700; color: #161616; line-height: 1.4; }
.jypl-card__model { display: block; margin-top: 3px; font-size: 13px; color: #8a8a8a; }
.jypl-card__params { display: block; margin-top: 10px; }
.jypl-card__param { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; font-size: 13px; color: #555; line-height: 1.5; padding: 5px 0; border-bottom: 1px dashed #ececec; }
/* K-09（2026-10-28）键值同行：键名 nowrap 不中断（灰阶弱化）；键+值同行放得下即同行，
   放不下时值整段下移一行全宽自然换行（wrap 防挤压竖排，不用 anywhere 逐字断行） */
.jypl-card__param:last-child { border-bottom: 0; }
.jypl-card__param-k { flex: 0 0 auto; white-space: nowrap; color: #8a8a8a; }
.jypl-card__param-v { flex: 0 1 auto; min-width: 0; overflow-wrap: break-word; }
.jypl-card__more { display: block; margin-top: auto; padding: 9px 10px; text-align: center; font-size: 14px; font-weight: 600; border-radius: 8px; background: #e8531f; color: #fff; transition: background-color .3s, color .3s; }
.jypl-card:hover .jypl-card__more { background: #111; color: #fff; }
.jypl-pager { margin-top: 15px; text-align: center; }
.jypl-pager__num { display: inline-block; min-width: 38px; height: 38px; line-height: 36px; padding: 0 8px; margin: 0 4px 6px; border: 1px solid #ddd; border-radius: 9px; background: #fff; font-size: 14px; color: #333; text-decoration: none; transition: border-color .25s, color .25s, background-color .25s; }
.jypl-pager__num:hover { border-color: #e8531f; color: #e8531f; text-decoration: none; }
.jypl-pager__num.current { background: #e8531f; border-color: #e8531f; color: #fff; font-weight: 600; }
@media (max-width: 991.98px) {
    .jypl-side { flex: 1 1 100%; max-width: 100%; }
    .jypl-side__list { display: flex; overflow-x: auto; padding-bottom: 12px; -webkit-overflow-scrolling: touch; }
    .jypl-side__list li { flex: 0 0 auto; }
    .jypl-side__list li a { white-space: nowrap; }
    .jypl-card__img { height: 170px; }
}

.see_bt a {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #ffffff;
    background-color: #e8531f;
    padding: 8px 5px;
    border-radius: 10px;
    text-align: center;
    margin-top: 40px;
}

.see_bt a:hover {
    color: #ffffff;
    background-color: #111111;
}

.padding_10 {
    padding: 20px 20px;
    width: 100%;
    float: left;
}

.box_right {
    width: 35%;
    float: left;
}

.box_left_main {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 0px;
    position: relative;
}

.icon_1 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #090a0b;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 60px;
}

.padding_left_10 {
    padding-left: 10px;
}

.long_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #090a0b;
    margin: 0px;
    padding-top: 20px;
}

.image_2 {
    width: 35%;
    float: left;
    top: -35px;
    position: absolute;
}

.box_left_one {
    width: 35%;
    float: left;
}

.box_right_one {
    width: 65%;
    float: left;
    padding: 20px 0px 20px 20px;
}

.project_section {
    width: 100%;
    float: left;
}

.project_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #191919;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.project_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.project_menu ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
}

.project_menu li {
    float: left;
    font-size: 18px;
    color: #202020;
    text-transform: uppercase;
    padding: 10px 15px;
    margin-top: 40px;
}

.project_menu li a {
    color: #202020;
    padding: 10px 15px;
}

.project_menu li a:hover {
    color: #ffffff;
    background-color: #e8531f;
}

.project_menu li.active a {
    color: #ffffff;
    background-color: #e8531f;
}

.project_section_2 {
    width: 100%;
    float: left;
    padding-top: 50px;
}

.image_3 {
    width: 100%;
    float: left;
    text-align: center;
}

/* ===== 产品中心（2026-10-19 新增：卡片图统一高度对齐） ===== */
.product-card .image_3 {
    height: 240px;
    object-fit: cover;
    float: none;
    display: block;
    border-radius: 4px;
}

.product-card .long_text {
    margin-top: 15px;
}

.philosophy_section {
    width: 100%;
    float: left;
}

.philosophy_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #191919;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.philosophy_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #090a0b;
    text-align: center;
    margin: 0 auto;
}

.philosophy_section_2 {
    width: 100%;
    float: left;
}

.image_7 {
    width: 100%;
    float: left;
}

.philosophy_box {
    width: 100%;
    float: left;
    margin-top: 20px;
	font-family: 'Poppins', sans-serif;
}

.philosophy_box_main {
    width: 85%;
    float: left;
    margin-left: 100px;
    border: 2px solid #6e6d6a;
    padding: 0px 20px 20px 50px;
}

.philosophy_left {
    width: 30%;
    float: left;
}

.philosophy_right {
    width: 70%;
    float: left;
}

.number_text {
    width: 55%;
    float: left;
    font-size: 30px;
    text-align: center;
    background-color: #e8531f;
    color: #fffcf4;
    border-radius: 10px;
    padding: 20px 0px;
}

.quick_text {
    width: 100%;
    float: left;
    font-size: 24px;
    color: #090a0b;
    font-weight: 500;
    padding-top: 20px;
}

.image_6 {
    width: 100%;
    float: left;
    position: relative;
}

.reader_text {
    width: 100%;
    float: left;
    color: #fffcf4;
    font-size: 26px;
    position: absolute;
    bottom: 10px;
    padding: 20px;
}

#my_slider .carousel-control-prev:hover,
#my_slider .carousel-control-next:hover,
#my_slider .carousel-control-prev:focus,
#my_slider .carousel-control-next:focus {
    background-color: #e8531f;
    color: #ffffff;
}

#my_slider a.carousel-control-prev {
    position: absolute;
    left: 87px;
    top: 45%;
    background-color: #e8531f;
}

#my_slider a.carousel-control-next {
    position: absolute;
    right: 87px;
    top: 45%;
}

#my_slider .carousel-control-prev,
#my_slider .carousel-control-next {
    width: 68px;
    height: 68px;
    background: #e8531f;
    opacity: 1;
    font-size: 20px;
    color: #ffffff;
    border-radius: 100%;
}

.project_section_3 {
    width: 100%;
    float: left;
}

.contact_section {
    width: 100%;
    float: left;
}

.contact_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.contact_section_2 {
    width: 100%;
    float: left;
    background-color: #efefef;
    height: auto;
    padding: 40px 0px;
    margin-top: 50px;
}

.mail_section {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.input_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #1e1e1e;
    background-color: #ffffff;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 35px;
    height: auto;
    padding: 10px 35px 10px 20px;
    border: none;
	font-family: 'Poppins', sans-serif;
}

input.input_text::placeholder {
    color: #1e1e1e;
}

.massage_box {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #1e1e1e;
    background-color: #ffffff;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 35px;
    height: auto;
    padding: 10px 35px 10px 20px;
    border: none;
}

textarea.massage_box::placeholder {
    color: #1e1e1e;
}

.send_text {
    width: 170px;
    margin: 0 auto;
    text-align: center;
}

.send_text a {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #ffffff;
    background-color: #e8531f; /* K-07（2026-10-28）：提交按钮统一品牌橙（原深藏青 #021239），形制（尺寸/内距）不变 */
    text-align: center;
    padding: 8px 10px;
    font-weight: bold;
}

.send_text a:hover {
    color: #ffffff;
    background-color: #cf4412; /* K-07：hover 用加深品牌橙，保持主 CTA 身份 */
}

.newslatter_section {
    width: 100%;
    float: left;
    background-color: #e8531f;
    padding: 30px 0px;
    height: auto;
}

.newslatter_main {
    width: 100%;
    display: flex;
}

.looking_text {
    width: 100%;
    float: left;
    font-size: 30px;
    color: #fffcf4;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 10px;
}

.quote_bt {
    width: 260px;
    float: left;
}

.quote_bt a {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #1e1e1e;
    background-color: #ffffff;
    text-align: center;
    padding: 8px 10px;
    font-weight: bold;
    border-radius: 10px;
}

.quote_bt a:hover {
    color: #ffffff;
    background-color: #021239;
}

.client_section {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.client_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.client_text {
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #090a0b;
    text-align: center;
    font-weight: 500;
}

.client_section_2 {
    width: 100%;
    float: left;
}

.client_main {
    width: 100%;
    float: left;
}

.client_left {
    width: 30%;
    float: left;
}

.client_right {
    width: 70%;
    float: left;
}

.client_img {
    width: 100%;
    float: left;
    text-align: center;
}

.henrry_name {
    width: 100%;
    float: left;
    font-size: 26px;
    color: #0b0e13;
    text-align: center;
    font-weight: 700;
    padding-top: 15px;
}

.henrry_text {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #e07c06;
    text-align: center;
    font-weight: 700;
}

.lorem_text {
    width: 95%;
    float: left;
    font-size: 16px;
    color: #1c1c1b;
    margin: 0px;
    background-color: #fffcf4;
    padding: 40px;
    box-shadow: 0px 6px 70px 1px #efefef;
}

.carousel-indicators .active {
    background-color: transparent !important;
    border: 3px solid #e07c06;
    padding: 10px;
    top: -6px;
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #e07c06;
    border-radius: 100px;
}

.footer_section {
    width: 100%;
    float: left;
    background-color: #021239;
    height: auto;
    padding: 70px 0px 50px 0px;
}

.map_text {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #ffffff;
}

.map_text a {
    color: #ffffff;
}

.map_text a:hover {
    color: #ffffff;
}

.image_main {
    height: auto;
    min-width: 75px;
    max-width: 75px;
}

.footer_section.layout_padding a {
    display: flex;
    align-items: center;
}

.copyright_section {
    width: 100%;
    float: left;
    background-color: #e8531f;
    height: auto;
}

.copyright_text {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    margin-left: 0px;
}

.copyright_text a {
    color: #ffffff;
}

.copyright_text a:hover {
    color: #000;
}

.margin_top_90 {
    margin-top: 90px;
}

.margin_90 {
    margin: 90px 0px;
}
/* ===== 语言切换按钮（中/EN） ===== */
/* ===== 语言切换按钮配色（深色导航栏：白字白描边） ===== */
.btn.lang-switch-btn{color:#fff;border-color:#fff;background:transparent}
.btn.lang-switch-btn:hover{color:#fff;background:rgba(255,255,255,.14);opacity:1}
/* ===== QA修复F1：移动端页脚信息条与项目卡标题溢出 ===== */
@media (max-width: 767px){
  #my_slider .col-sm-4 > div{ position: relative; }
  .map_text a{ display: flex; align-items: center; }
  .map_text .padding_left_10{ white-space: normal; display: inline; flex: 1; min-width: 0; }
  html, body{ overflow-x: hidden; }
}
/* ===== 三语切换下拉 ===== */
.lang-switch{position:relative;display:inline-block}
.lang-switch-btn .ls-caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:6px;vertical-align:middle}
.lang-switch-menu{display:none;position:absolute;right:0;top:100%;min-width:150px;margin:8px 0 0;padding:6px 0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.16);z-index:1000}
.lang-switch-menu li{margin:0;padding:0}
.lang-switch-menu a{display:block;padding:9px 16px;font-size:14px;color:#333;text-decoration:none}
.lang-switch-menu a:hover{background:#f2f2f2;color:#111;text-decoration:none}
.lang-switch.open .lang-switch-menu{display:block}
@media (min-width:992px){ .lang-switch:hover .lang-switch-menu{display:block} }
/* ===== QA修复F1扩展：桌面端同样锁定横向滚动（隐藏的幽灵溢出） ===== */
html, body{ overflow-x: hidden; }
/* ===== 首页产品无缝轮播（hp-marquee：匀速左滚/首尾相接/hover暂停） ===== */
.hp-marquee{overflow:hidden;width:100%;max-width:100%;padding:34px 0}
.hp-track{display:flex;width:max-content;animation:hpScroll var(--hp-dur,40s) linear infinite;will-change:transform}
.hp-marquee:hover .hp-track,.hp-marquee:focus-within .hp-track{animation-play-state:paused}
@keyframes hpScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hp-card{flex:0 0 auto;width:19vw;max-width:320px;min-width:200px;margin-right:22px;display:block;text-decoration:none}
.hp-imgwrap{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:10px}
.hp-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.hp-card:hover .hp-imgwrap img{transform:scale(1.06)}
.hp-name{display:block;margin-top:10px;font-size:15px;font-weight:600;line-height:1.4}
.hp-model{display:block;margin-top:2px;font-size:12.5px;letter-spacing:.5px}
@media (max-width:992px){.hp-card{width:31vw;min-width:150px}}
@media (max-width:576px){.hp-card{width:46vw;min-width:130px}}
@media (prefers-reduced-motion:reduce){
  .hp-track{animation:none}
  .hp-marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.hp-marquee{background:#f4f6fb;border-top:1px solid #e6e9f2;border-bottom:1px solid #e6e9f2}
.hp-name{color:#0d1b3e}
.hp-model{color:#6b7280;text-transform:uppercase}
/* ===== 瀵艰埅涓ょ骇涓嬫媺锛團2-01锛?===== */
.nav-dd{position:relative}
.nav-dd-panel{display:none;position:absolute;left:0;top:100%;min-width:260px;background:#fff;border-radius:10px;box-shadow:0 14px 40px rgba(13,27,62,.18);padding:10px 0;z-index:1040}
.nav-dd-panel::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.nav-dd:hover .nav-dd-panel,.nav-dd.open .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{display:block}
.nav-dd-group{padding:4px 16px}
.nav-dd-head{display:block;font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9aa1b2;padding:6px 0 4px;border-bottom:1px solid #eef0f5;margin-bottom:4px}
.nav-dd-link{display:block;padding:7px 6px;font-size:13.5px;color:#333d52;text-decoration:none;border-radius:6px}
.nav-dd-link:hover{background:#f4f6fb;color:#0d1b3e}
.nav-dd-top{font-weight:600}
@media (max-width:991px){
  .nav-dd-panel{position:static;display:none;box-shadow:none;background:rgba(255,255,255,.04);min-width:0;border-radius:8px;margin:6px 0}
  .nav-dd.open .nav-dd-panel{display:block}
  .nav-dd-head{color:rgba(255,255,255,.55);border-bottom-color:rgba(255,255,255,.12)}
  .nav-dd-link{color:rgba(255,255,255,.85);padding-left:14px}
  .nav-dd-link:hover{background:rgba(255,255,255,.08);color:#fff}
}

/* ===== FAQ 鎵嬮鐞达紙F2-05/F2-06锛変笌绫荤洰椤靛厓绱狅紙F2-04锛?===== */
.faq-group{margin-bottom:26px}
.faq-group-title,.pg-faq-title{font-size:20px;font-weight:700;margin:0 0 14px;color:#0d1b3e}
.faq-item{border:1px solid #e6e9f2;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;padding:14px 44px 14px 16px;font-size:15px;font-weight:600;color:#0d1b3e;list-style:none;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#f5b301;font-weight:700}
.faq-item[open] summary::after{content:'鈭?}
.faq-item[open] summary{border-bottom:1px solid #eef0f5}
.faq-a{padding:14px 16px;font-size:14px;line-height:1.8;color:#4a5568}
.pg-faq{padding:46px 0;background:#f7f8fc}
.pg-faq-all{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:#0d1b3e;text-decoration:none;border-bottom:2px solid #f5b301;padding-bottom:2px}
.pg-faq-all:hover{color:#f5b301}
.cat-breadcrumb{font-size:14px;color:#7a8194;padding:10px 0}
.cat-breadcrumb a{color:#7a8194;text-decoration:none}
.cat-breadcrumb a:hover{color:#0d1b3e}
.cat-breadcrumb .sep{margin:0 10px;color:#c3c9d6}
.cat-breadcrumb b{color:#0d1b3e;font-weight:600}
.cat-intro{font-size:15px;line-height:1.9;color:#4a5568;margin:14px 0 6px}
/* ===== 瀵艰埅涓ょ骇涓嬫媺锛團2-01锛?===== */
.nav-dd{position:relative}
.nav-dd-panel{display:none;position:absolute;left:0;top:100%;min-width:260px;background:#fff;border-radius:10px;box-shadow:0 14px 40px rgba(13,27,62,.18);padding:10px 0;z-index:1040}
.nav-dd-panel::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.nav-dd:hover .nav-dd-panel,.nav-dd.open .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{display:block}
.nav-dd-group{padding:4px 16px}
.nav-dd-head{display:block;font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#9aa1b2;padding:6px 0 4px;border-bottom:1px solid #eef0f5;margin-bottom:4px}
.nav-dd-link{display:block;padding:7px 6px;font-size:13.5px;color:#333d52;text-decoration:none;border-radius:6px}
.nav-dd-link:hover{background:#f4f6fb;color:#0d1b3e}
.nav-dd-top{font-weight:600}
@media (max-width:991px){
  .nav-dd-panel{position:static;display:none;box-shadow:none;background:rgba(255,255,255,.04);min-width:0;border-radius:8px;margin:6px 0}
  .nav-dd.open .nav-dd-panel{display:block}
  .nav-dd-head{color:rgba(255,255,255,.55);border-bottom-color:rgba(255,255,255,.12)}
  .nav-dd-link{color:rgba(255,255,255,.85);padding-left:14px}
  .nav-dd-link:hover{background:rgba(255,255,255,.08);color:#fff}
}

/* ===== FAQ 鎵嬮鐞达紙F2-05/F2-06锛変笌绫荤洰椤靛厓绱狅紙F2-04锛?===== */
.faq-group{margin-bottom:26px}
.faq-group-title,.pg-faq-title{font-size:20px;font-weight:700;margin:0 0 14px;color:#0d1b3e}
.faq-item{border:1px solid #e6e9f2;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;padding:14px 44px 14px 16px;font-size:15px;font-weight:600;color:#0d1b3e;list-style:none;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#f5b301;font-weight:700}
.faq-item[open] summary::after{content:'鈭?}
.faq-item[open] summary{border-bottom:1px solid #eef0f5}
.faq-a{padding:14px 16px;font-size:14px;line-height:1.8;color:#4a5568}
.pg-faq{padding:46px 0;background:#f7f8fc}
.pg-faq-all{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:#0d1b3e;text-decoration:none;border-bottom:2px solid #f5b301;padding-bottom:2px}
.pg-faq-all:hover{color:#f5b301}
.cat-breadcrumb{font-size:14px;color:#7a8194;padding:10px 0}
.cat-breadcrumb a{color:#7a8194;text-decoration:none}
.cat-breadcrumb a:hover{color:#0d1b3e}
.cat-breadcrumb .sep{margin:0 10px;color:#c3c9d6}
.cat-breadcrumb b{color:#0d1b3e;font-weight:600}
.cat-intro{font-size:15px;line-height:1.9;color:#4a5568;margin:14px 0 6px}