/* 1. 常规体 (55-Regular) */
@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 2. 中等粗细 (65-Medium) */
@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('fonts/AlibabaPuHuiTi-3-65-Medium.woff2') format('woff2');
    font-weight: 500; 
    font-style: normal;
    font-display: swap;
}

/* 3. 粗体 (85-Bold) */
/*
@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('fonts/AlibabaPuHuiTi-3-85-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'DIN Alternate Bold';
    src: url('fonts/DIN Alternate Bold.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* 强制覆盖系统的减弱动态效果设置 */
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    /* 重新启用 Bootstrap 默认的过渡效果 */
    transition: -webkit-transform .6s ease-in-out !important;
    transition: transform .6s ease-in-out !important;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out !important;
  }

  /* 确保在滑动过程中，元素是可见的且位置正确 */
  .carousel-item-next,
  .carousel-item-prev,
  .carousel-item.active {
      display: block;
  }
}





*{
    font-family: 'Alibaba PuHuiTi','Microsoft Yahei','黑体';
    font-weight: 400;
    text-align: justify;
}


html { 
    font-size: 62.5%; 
  
}
body{
    font-size: 1.4rem;
}

.container{
    padding:0;
}

a:hover,a:visited{
    text-decoration: none;
}

.row{
    margin-left:0;
    margin-right:0;
}

.clearfix{
    clear:both;
}






/*导航栏*/
.navbar{
    
    height:81px;
    position: absolute;
    background:none;
    width:100%;
    z-index:10;
    justify-content: space-between;
    display:flex;
    padding:0 100px;
    transition: all 1s;
}
.navbar.floatnav{
    position:fixed;
    height:52px;
    background:url(imgs/menubg.png);
}

.logo1{
    opacity: 1;
}
.logo2{
    opacity: 0;
    width:133px;
    height: auto;
    position: absolute;
    left:0;
}
.floatnav .logo2{
   width:78px;
   top:13px; 
}

.dark .logo1,.floatnav .logo1{
    opacity: 0;
}
.dark .logo2,.floatnav .logo2{
    opacity: 1;    
}




.navbar-nav{
    height:72px;
    position:relative;
    width:700px;
    margin:0 auto;
    border-bottom:1px solid #71a1e3;
}
.dark .navbar-nav{
    border-bottom:1px solid #575757;
}

.floatnav .navbar-nav{
    height:52px;
    border-bottom:1px solid #eaecee;
}

.navbar-item{
    height:72px;
    line-height:64px;
   
}

.floatnav .nav-item .nav-link{
    height:51px;
    line-height: 51px;
}


.nav-item>a:link,.nav-item>a:hover,.nav-item>a:active{
    font-size:16px;
    color:#fff;
    /*font-weight: 500;*/
    transition:color 0.5s ease , font-size 0.45s cubic-bezier(0.25, 0.95, 0.4, 1.05);
}

.navbar_right{
    display: flex;
}

.dark .nav-item a:link,.dark .nav-item a:hover,.dark .nav-item a:active,.floatnav .nav-item a:link,.floatnav .nav-item a:hover,.floatnav .nav-item a:active{
    color:#000;
    
}

.navbar-dark .navbar-nav .nav-link{
    color:#fff;
    transition: color 0.5s ease,font-size 0.5s ease;
}

.navbar-dark .navbar-nav .nav-link:hover{
    color:#f4b719 ;
}

.floatnav  .navbar-nav .nav-link:hover{
    color:#2b44e9 !important;
}

.dark .navbar-nav .nav-link,.floatnav .navbar-nav .nav-link{
    color:#000;
   
}




.dark.navbar-dark .navbar-nav .active>.nav-link,.dark.navbar-dark .navbar-nav .nav-link.active,.dark.navbar-dark .navbar-nav .nav-link.show, .dark.navbar-dark .navbar-nav .show>.nav-link,.floatnav.navbar-dark .navbar-nav .active>.nav-link,.floatnav.navbar-dark .navbar-nav .nav-link.active,.floatnav.navbar-dark .navbar-nav .nav-link.show, .floatnav.navbar-dark .navbar-nav .show>.nav-link{
    color:#000;
   
}
.nav-item .dropdown-menu a:link, .nav-item .dropdown-menu a:active{
    color:#535353;
}
.nav-item .dropdown-menu a:hover{
    color:#f4b719;
}
.nav-item .nav-link{
    line-height:64px;
    padding:0 !important;
    height:72px;
    width:100px;
    text-align:center;
    color:#fff;
    transition: color 0.5s ease,font-size 0.5s ease;
}

.dark .nav-item .nav-link,.floatnav .nav-item .nav-link{
    color:#000;

    
}
.nav-item .nav-link:hover,.nav-item .nav-link.on{
   font-size:18px;
  
}

.nav-item .nav-link:hover,.dark .nav-item .nav-link:hover{
    color:#f4b719;
}


.dropdown-toggle::after{display:none;}

.dropdown-menu {
    margin-top: 0px;
    border-radius:10px;
    border:0;
    min-width:100%;
    width:auto;
    padding:0 5px;
    background:url(imgs/dropmenu_bg.png);
    max-height:0px;
    will-change: max-height;
    transition: max-height 0.5s ease;
    overflow:hidden;
    display:block;
    transform: translateX(-50%);
    left:50%;
}


    



.dropdown-menu .dropdown-item{
    height:42px;
    line-height: 42px;
    text-align: center;
    padding:0 5px;
    font-size:16px;
    color:#535353;
    
}

.dropdown-menu a:not(:last-child)::after{
    content: '';
    display: block;
    height: 2px; /* 根据图片实际高度调整 */
    background: url('imgs/line.png') repeat-x center;
}
.dropdown-menu .dropdown-item:hover{
    background:none;
    color:#535353;
    
}
.navbar-brand{
    width:133px;
    margin-right:0;
    position: relative;
}

.searchbox{
    width:162px;
    margin-right:-38px;
    margin-left: auto;
    position:relative;
   
}
.searchbox input[type='search']{
    width:162px;
    border-radius:10px;
    height:24px;
    line-height:24px;
    background:url(imgs/searchbg.png);
    border:0;
    font-size: 16px;
    color:#fff;
    position:absolute;
  
    top:50%;
    transform: translateY(-50%);
}

.floatnav .searchbox input[type='search']{
    background:url(imgs/searchbg2.png);
}

.searchbox input[type='search']{
    color:#000;
}
.searchbox input[type='search']{
    width:162px;
    border-radius:12px;
}

.searchbox input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.searchbox button[type='submit']{
    position:absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    border:0;
    width:16px;
    height:16px;
    background:url(imgs/searchbtn.png) no-repeat;
    padding:0;
}
.lang{
    width:40px;
    margin-right: 22px;
}
.lang a{
    color:#fff;
    transition: color 0.5s ease;
    font-size:14px;
}

.dark .lang a,.floatnav .lang a{
    color:#000;
}

.navbar-expand-lg .navbar-collapse{margin-left:53px;}

.footer{
    min-height:41.5rem;
    background:url(imgs/footer_bg.jpg) center center no-repeat;
    background-size:cover;
    padding:3rem 0 0 0;
    
}


.footer .footer_left{
    width:70rem;
}

.footer .footer_left .footer_back-top{
    color:#fff;
    font-size:1.4rem;
    /*font-weight: 500;*/
    line-height:1.6rem;
    margin-top:7.4rem;
    display:block;
    text-decoration: none;
    margin-bottom:4.7rem; 
}
.footer .footer_left .footer_nav-row{
    display:flex;
}
.footer .footer_left .footer_nav-row>a{
    border-left:5px solid #fff;
    font-size:1.4rem;
    /*font-weight: 500;*/
    color:#fff;
    display: block;
    text-indent: 1.5rem;
    line-height:2rem;
    width:13.5rem;
    margin-bottom:2.5rem;
    text-decoration: none;
}




.footer .footer_left .footer_copyright{
    font-size: 1.4rem;
    color:#fff;
    font-weight: 400;
    margin-top:1rem;
    margin-bottom:1rem;
}

.footer .footer_left .footer_copyright a{
    color:#fff;
}

.footer .footer_right{
    width:50rem;
    display: flex;
    flex-direction: column;
}

.footer .footer_right .footer_contact-title{
    font-size:1.8rem;
    line-height: 2.5rem;
    /*font-weight: 500;*/
    color:#fff;
    text-align: right;
    margin-top:1.6rem;
    margin-bottom:0.3rem;
}

.footer .footer_right .address,.footer .footer_right .tel{
    font-size:1.4rem;
    line-height: 2.5rem;
    font-weight: 400;
    color:#fff;
    text-align: right;
    margin-bottom:0;
}

.footer .footer_right .footer_qrcodes{
    display:flex;
    justify-content: flex-end;
}

.footer .footer_right .footer_qrcodes .footer_qr{
    margin-left:2.2rem;
}

.footer .footer_right .footer_qrcodes .footer_qr>p{
    color:#fff;
    font-size:1.4rem;
    font-weight: 400;
    line-height:2.5rem;
    text-align:center;
    margin-bottom:0.4rem;
    margin-top:1rem;
}

.footer .footer_right .footer_qrcodes .footer_qr img{
    width:118px;
    height:118px;
}

.footer .footer_right .footer_social{
    display:flex;
    justify-content: flex-end;
    margin-top:3.1rem;
    position:relative;
}

.footer .footer_right .footer_social .footer_social-icon{
    margin-left:1rem;
}

.footer .footer_row{
    border-bottom:1px solid #fff;
}

.footer .footer_right .footer_social .footer_social-icon  .telnumber{
    line-height:4rem;
    background:#fff;
    font-size:2.4rem;
    top:-6rem;
    right:0rem;
    height:5rem;
    position:absolute;
    padding:0.5rem 1rem;
    display:none;
}


.footer_back-top{
    cursor: pointer;
}


#global-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#F2F3FE;
  
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  transition: opacity 0.6s ease;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: none;
}


#global-loading.show {
    display: flex;
}
#global-loading.hide {
   display: none;
  pointer-events: none;
}

#global-loading .loading-spinner img{
    width: 4.6rem;
    height:4.6rem;
}

#global-loading .loading-text{
    margin:3.5rem 0 0 0;
    font-size:1.8rem;
    line-height: 1.8rem;
}





.contact_modal .modal-dialog{
    max-width: 100rem;
    top: calc((100% - 50rem) / 2);
}

.contact_modal .modal-content{
    width:100rem;
    height:50rem;
    border-radius: 3.2rem;
    
}

.contact_modal .modal-content .modal-body{
    display: flex;
    padding:6.2rem 4.2rem 3.8rem  5.4rem ;
}

.contact_modal .modal-content .modal-body .left{
    width:58.6rem;
    flex:0 0 58.6rem;
    border-right:2px solid #d4d5d9;
    padding:0 5rem 0 0;
}

.contact_modal .modal-content .modal-body .title{
   display: flex;
   
}

.contact_modal .modal-content .modal-body .title img{
    width:9.3rem;
    
    margin-top:-1.1rem;
    height: 8.7rem;
    flex: 0 0 9.3rem;
}

.contact_modal .modal-content .modal-body .title h3{
    font-size:3.2rem;
   line-height: 3.6rem;
   padding:3.1rem 0 0 0;
   margin:0 0  0 2.5rem;
}

.contact_modal .modal-content .modal-body .address{
    margin:8rem 0 0 0;
    display: flex;
    border-bottom:1px dashed #e7e8e8;
    padding:0 0  5rem 0;
}

.contact_modal .modal-content .modal-body .address img{
    width:6.3rem;
    height:6.3rem;
    flex: 0 0 6.3rem;
    margin:0 0 0 1rem;
}

.contact_modal .modal-content .modal-body .address p{
   
    font-size:1.8rem;
    line-height: 2.2rem;
    padding:1.7rem 0 0 5.4rem;
    margin:0 0  0 4.5rem;
    text-indent: -5.3rem;
}


.contact_modal .modal-content .modal-body .tel{
    margin:2.7rem 0 0 0;
    display: flex;
   
}

.contact_modal .modal-content .modal-body .tel img{
    width:6.3rem;
    height:auto;
    flex: 0 0 6.3rem;
    margin:0 0 0 1rem;
}

.contact_modal .modal-content .modal-body .tel p{
   
    font-size:1.8rem;
    line-height: 2.2rem;
    padding:2rem 0 0 5.4rem;
    margin:0 0  0 4.5rem;
    text-indent: -5.3rem;
}

.contact_modal .modal-content .modal-body .right{
    width:27.6rem;
   flex: 0 0 27.6rem;
   padding:1.5rem 0 0 3.4rem;
  
}
.contact_modal .modal-content .modal-body .right .pic_warp{
    border:2px solid #c3d7f9;
     border-radius: 0.8rem;
     height:36.5rem;
     position:relative;
     overflow: hidden;
}

.contact_modal .modal-content .modal-body .right .pic_warp img{
    width:24.2rem;
    height:24.2rem;
    margin:2.9rem 0 0 0;
}

.contact_modal .modal-content .modal-body .right .pic_warp .tips{
    width:100%;
    height:6.4rem;
    bottom:0;
    background: #e7f1fe;
    color:#0e61c0;
     font-size:1.8rem;
    line-height: 6.4rem;
    text-align: center;
    margin:0;
    position:absolute;
}


.contact_modal .modal-content .modal-body .closebtn{
    position:absolute;
    top:2.5rem;
    right:2.7rem;
    cursor: pointer;
}

@media (max-width: 575.98px) { 
    
 }


@media (max-width: 767.98px) { 
    
 }


@media (max-width: 991.98px) { 

    .navbar{
        padding:0 10px;
        align-items: flex-start;
    }
     .navbar-nav{
        height:auto;
        background:#fff;
        width:100%;
       
    }

    .navbar.floatnav{
        height:auto;
    }

    /* 图标变成黑色 */
    .floatnav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }
    /* 按钮外框变成黑色（边框和可能的阴影） */
    .floatnav .navbar-toggler {
    border-color: black !important;
    box-shadow: none !important;   /* 去掉点击时的发光效果（可选） */
    margin-top:15px;
    }
    .navbar-toggler {
        margin-top:15px;
    }
    /* 如果需要悬停或聚焦时保持黑色 */
    .floatnav .navbar-toggler:hover,
    .floatnav .navbar-toggler:focus {
    border-color: black !important;
    outline-color: black;          /* focus 时轮廓也变黑（个别浏览器） */
    }

    .floatnav .navbar-nav{
        height:auto;
        width:100%;
    }


   

   .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .nav-link{
        color:#535353;
    }

    .navbar-expand-lg .navbar-collapse{
        width:100%;
        margin-left:-16px;
        margin-right:-16px;
    }

  
     .navbar-nav .nav-item>.nav-link{
        text-indent: 20px;
     }
    .navbar-nav .nav-item:not(:last-child){
        border-bottom:1px solid #f4b719;
       
    }
    

    .navbar-nav .nav-item .nav-link{
        text-align: left;
       
    }


    

    .dropdown:hover .dropdown-menu{
       
        width:100%;
        border-radius:0;
        
    }
    .dropdown-menu{
        transform: translateX(0);
    }
    
    .dropdown-menu.show{
        max-height: 270px;
    }
    


    .dropdown-menu .dropdown-item{
        text-align:left;
        text-indent: 40px;
    }

    .dropdown-menu .dropdown-item:not(:last-child){
       
        border-bottom:1px solid #333;
       
    }

    .dropdown-menu a:not(:last-child)::after{
        background:none;
    }

    .lang{
        background:#333;
        height:70px;
        line-height:70px;
        width:100%;
        margin:0;
        padding:0 0 0 20px;
    }

    .searchbox{
        margin-right:auto;
        height:70px;
        line-height:70px;
        background:#333;
        width:100%;
        margin:0 !important;
         padding:0 0 0 20px;
    }

    



    .searchbox button[type='submit']{
        left:160px;
        top:50%;
        transform: translateY(-50%);
        margin-top:0;
    }

    .dropdown-menu{
        height:auto;
    }

    .dark .lang a, .floatnav .lang a,.lang a{
        color:#fff;
    }

    .nav-item .nav-link:hover,.nav-item .nav-link.on{
        font-size:16px;
    
    }


    .footer .footer_right .footer_contact-title{
        font-size:1.6rem;
    }

    .contact_modal .modal-dialog{
        top:1rem;
    }
    


    .contact_modal .modal-content .modal-body .title h3{
        font-size:2.4rem;
    }

    .contact_modal .modal-content .modal-body .address p{
        font-size:1.6rem;
    }

    .contact_modal .modal-content .modal-body .tel p{
        font-size:1.6rem;
    }

    .contact_modal .modal-content .modal-body .right .pic_warp .tips{
        font-size:1.6rem;
    }

    .contact_modal .modal-content{
        width: 100%;
        height:auto;
    }

    .contact_modal .modal-content .modal-body{
                flex-direction: column;
                padding: 3rem 1rem;
        }

    .contact_modal .modal-content .modal-body .left{
        flex:0 0 auto;
        border:0;
        max-width: 100%;
    }

    .contact_modal .modal-content .modal-body .title{
        flex-direction: column;
    }
    .contact_modal .modal-content .modal-body .title img{
       
        flex: 0 0 auto;
    }

    .contact_modal .modal-content .modal-body .address p{
        margin:0 0 0 1rem;
    }


    .contact_modal .modal-content .modal-body .tel p{
        margin:0 0 0 1rem;
    }

    .contact_modal .modal-content .modal-body .right{
        flex:0 0 auto;
        max-width: 100%;
        margin:0 auto;
        width: auto;
        padding:0;
    }


    

    
 }


@media (max-width: 1199.98px) {
    html, body {
        overscroll-behavior-y: none;
    }

    .container{
        padding:0 15px;
    }
    .row{
      
        flex-direction: column;
    }
    .footer{
        padding:1rem;
    }
    
    .footer .footer_left{
        width:100%;
    }

    .footer .footer_right{
        width:100%;
    }

    .footer .footer_right .footer_contact-title{
        text-align: left;
    }

    .footer .footer_right .address, .footer .footer_right .tel{
        text-align: left;
    }

    .footer .footer_right .footer_qrcodes{
        justify-content: flex-start;
    }

    .footer .footer_left .footer_nav-row{
        flex-wrap: wrap;
    }

    .footer .footer_right .footer_social{
        padding-bottom:1rem;
    }

   
}  
@media (min-width:  991.98px) {
     .nav-slider {
    position: absolute;
    bottom: 0; /* 固定在底部 */
    left: 0;   /* 初始位置，会被JS修改 */
    height: 4px; /* 色条高度 */
    background-color: #f4b719; /* 色条颜色 */
    width: 0; /* 初始宽度，会被JS修改 */

    transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    
    /* 确保它不会挡住鼠标事件 */
    pointer-events: none; 
    z-index: 1;
    }

    .floatnav .nav-slider{
        background-color: #2b44e9;  
    }

    .navbar-expand-lg .navbar-collapse{
        margin-left:0;
    }

     .searchbox{
        display:none;
    }
    
}
@media (min-width: 1200px) {
    .container{max-width:120rem;}
  
    .searchbox{
        display:block;
    }

   
}
/* 仅在支持 hover 的设备（通常是桌面端）启用 hover 显示 */
@media (hover: hover) {
  .dropdown:hover .dropdown-menu {
    display: block;
    max-height:300px;
}
}