body {
    -webkit-text-size-adjust: none; /* 禁用Chrome/Safari的字体缩放 */
    text-size-adjust: none; /* 标准属性 */
}
/* ===== 重置默认样式 ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* 更合理的盒子模型 */
  }
  
/* 去除列表样式 */
ul, ol {
    list-style: none;
}
/* 去除链接默认样式 */
a {
text-decoration: none;
color: inherit;
}

/* 图片自适应 */
img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* ===== 基础设置 ===== */
html {
    font-size: 16px; /* 基准字体大小 */
    -webkit-text-size-adjust: 100%; /* 禁止字体自动调整 */
}

body {
    font-family:"微软雅黑", "Microsoft YaHei"; /* 系统字体 */
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased; /* 字体抗锯齿 */
    min-height: 100vh; /* 最小高度撑满视口 */
}
/* 保留文本选择功能 */
input, textarea {
    -webkit-user-select: auto;
    user-select: auto;
}

/* 去除点击高亮 */
* {
    -webkit-tap-highlight-color: transparent;
}

/* ===== 常用工具类 ===== */
/* 弹性布局 */
.flex {
    display: flex;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    }
/* 隐藏类 */
.hide {
    display: none !important;
}
.visibility-hidden {
    visibility: hidden !important;
}

/* 文本处理 */
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-right{
    text-align:right;
}
body{
    background-image: url('/h/images/home/bg.png');
    background-repeat: repeat;
    /* background-color: #eef1fa; */
}

/* 1px 边框解决方案 */
.border-1px {
    position: relative;
}
.border-1px::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    transform: scaleY(0.5);
}
.cursor{
    cursor: pointer;
}
/**flex **/
.flex-row{
    display:flex;
    flex-direction:row;
    justify-content:start;
}
.flex-column{
    display:flex;
    flex-direction:column;
    justify-content:start;
}
.distable{
    display:table;
}
.fw6{
    font-weight:600!important;
}
.mt5{
    margin-top:5px!important;
}
.mtp10{
    margin-top:10px!important;
}
.mt20{
    margin-top:20px!important;
}
.mmt10{
    margin-top:.1rem!important;
}
.md20{
    margin-bottom:20px!important;
}
.ptp10{
    padding-top:10px!important;
}
.fz16{
    font-size:16px!important;
}
.mfz16{
    font-size:.16rem!important;
}
.fz18{
    font-size:18px!important;
}
.mfz18{
    font-size:.18rem!important;
}
.mfz20{
    font-size:.2rem!important;
}
.mfz22{
    font-size:.22rem!important;
}
.fz22{
    font-size:22px!important;
}
.fz24{
    font-size:24px!important;
}
.mfz24{
    font-size:0.24rem!important;
}
.mfz28{
    font-size:.28rem!important;
}
.mfz30{
    font-size:.3rem!important;
}
.mfz38{
    font-size:.38rem!important;
}
.mfz60{
    font-size:.6rem!important;
}
.fz14{
    font-size:14px!important;
}
.fz40{
    font-size:40px!important;
}

.lh14{
    line-height: 14px!important;
}
.lh18{
    line-height:18px!important;
}
.mlh20{
    line-height:.2rem!important;
}
.lh20{
    line-height:20px!important;
}
.lh24{
    line-height: 24px!important;
}
.mlh30{
    line-height: .3rem!important;
}
.lh30{
    line-height: 30px!important;
}
.mlh36{
    line-height:.36rem!important;
}
.mlh38{
    line-height:.38rem!important;
}
.lh40{
    line-height:40px!important;
}
.mlh48{
    line-height:.48rem!important;
}
.lh50{
    line-height: 55px!important;
}
.mlh60{
    line-height:.6rem!important;
}
/**nav**/
.nav-container{
    height:90px;
    width:100%;
    background-color:#fff ;
    min-width:1310px;
}
.nav-box{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:0 104px;
    max-width:1712px;
    max-width:1920px;
    margin:0 auto;
}
.nav-container .logo{
    width:340px;
    height:46px;
    margin-top:23px;
}
.nav-container .logo img{
    width:340px;
    height:46px;
}
.nav-container .logo_en{
    width:370px;
    height:46px;
    margin-top:26px;
}
.nav-container .logo_en img{
    width:370px;
    height:46px;
}




.nav-container .nav{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:end;
    flex: 1;
}
.nav-container .nav a{
    color:#0E161E;
    font-size:18px;
    font-size:19px;
    margin-left:40px;
    text-decoration: none;
}
.nav-container .nav a.active{
    /* color:#E50113; */
}
.nav{
    height:90px;
    width:100%;
    position: relative;
}
.cnbox{
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #D7D7D7;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right:0px;
    top:25px;
    z-index:10;
    padding:3px 0;
}
.nav .cnbox a{
    margin-left:0px;
    font-size:16px;
    padding:5px 10px;
    display:none;
}
.nav .cnbox.nopen a{
    display:block;
}

.nav .cn{
    display:block;
    display:flex!important;
    flex-direction: row;
    justify-content: space-between;
}

.nav .cn img{
    width:8px;
    height:4px;
    margin-top:10px;
    margin-left:4px;
}
.nav .cnbox.nopen img{
    transform: rotate(180deg);
}

.smooth-marquee {
    width: 60px; /* 根据文字宽度调整 */
    overflow: hidden;
    position: relative;
    height:25px;
    /* margin-top:5px; */

}

.nav-container .nav a:hover span{
    color:#E50113;
}
.marquee-track {
    position: absolute;
    white-space: nowrap;
    display: flex;
    animation: miniMarquee 3s linear infinite;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform;
}
.marquee-track span {
    flex: 0 0 auto;
    padding: 0 15px; /* 控制间距 */
    position: relative;
    transform: translateZ(0);
}

@keyframes miniMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/**导航**/
.leftNavBox{
    position: relative;
    margin:0 auto;
    width:100%;
    max-width:1920px;
    height:auto;
    border:1px #000 solid;
    bottom:0px;
    height:calc( 100% - 180px);
    z-index: 100;
}
.leftNav{
    position: absolute;
    left:0px;
    bottom:0px;
    background-image: url("/h/images/n/navbg.png");
    width:616px;
    height:calc( 100% - 180px);
}
.leftNav1{
    height:440px;
}
.leftNav .box{
    width:480px;
    padding:50px;
}
.leftNav .title{
    
    font-weight: bold;
    font-size: 44px;
    color: #FFFFFF;
    line-height:80px;
    padding-top:40px;
    margin-bottom:10px;
}
.leftNav .text{
    
    font-weight: 400;
    font-size: 19px;
    color: #FFFFFF;
}
.leftNav .more{
    margin-top:30px;
    display:table;
    height:56px;
    width:100%;
    position: relative;
}
.leftNav .notreport{
    width:204px;
    background-image: url("/h/images/m/pcmbg.png");
    height:45px;
    position:absolute;
    bottom:30px;
    right:180px;
    font-weight: 400;
    font-size: 20px;
    color: #FF0007;
    line-height: 35px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    padding:5px 5px;
}
.leftNav .en_notreport{
    width:300px;
    background-image: url("/h/images/m/enpcmbg.png");
    height:44px;
    position:absolute;
    bottom:30px;
    right:180px;
    font-weight: 400;
    font-size: 20px;
    color: #FF0007;
    line-height: 35px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    padding:5px 5px;
    text-align:center;
}

.leftNav .mnotreport{
    width:2.6rem;
    background-image: url("/h/images/m/menbg.png");
    height:.54rem;
    position:absolute;
    bottom:.3rem;
    right:3rem;
    font-weight: 400;
    font-size: 20px;
    color: #FF0007;
    line-height: 35px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    padding:5px 5px;
    background-size: 2.6rem .54rem;
}
.leftNav .en_mnotreport{
    width:3.1rem;
    background-image: url("/h/images/m/menbg.png");
    height:.54rem;
    position:absolute;
    bottom:.3rem;
    right:3rem;
    font-weight: 400;
    font-size: 20px;
    color: #FF0007;
    line-height: 35px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    padding:5px 5px;
    text-align:center;
    background-size: 3.1rem .54rem;
}
.leftNav .mnotreport img{
    width:.36rem;
    height:.36rem;
}

.leftNav .notreport .text{
    flex:1;
    color:#FF0007!important;
    width:100%;
    text-align:center;
}

.leftNav .mnotreport .text{
    flex:1;
    color:#FF0007!important;
    width:100%;
    text-align:center;
}

.banner{
    padding:0px;
    margin:0px;
    height:830px;
    margin:0 auto;
    width:100%;
    text-align:center;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
}


.add-nav{
    height:70px;
    width:100%;
    text-align:right;
    background-color: #fff;
    line-height:70px;
}
.add-nav .text{
    width:auto;
    text-align:right;
    margin:0 auto;
    margin:0 104px;
    max-width:1712px;
    max-width:1920px;
    margin:0 auto;
}
.add-nav span{
    color:#E1251B;
    padding-right:0;
    
    font-weight: 300;
    font-size: 16px;
    line-height: 36px;
    padding-right:104px;
}
.banner-wrap{
    position:relative;
    width:100%;
    background-color: #fff;
    margin:0 auto;
}
.banner-box{
    position:relative;
    width:100%;
    max-width:1920px;
    margin:0 auto;
}
.detailboxs{
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
    border-bottom:rgba(0,0,0,0.1) 1px solid;
}


.updown1{
    display: block;
    width: 54px;
    height: 54px;
    background: url(../images/n/d2.png) center no-repeat;
    position: absolute;
    margin-top:0px;
    margin-left:0px;
    animation: updown1 3000ms infinite ease-in-out;
}
.updown1::before{
    content: '';
    width:54px;
    height:54px;
    border:2px dotted rgba(255, 255, 255, .9);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    animation: turnrotate 8000ms linear infinite;
}

.mupdown1{
    width:.54rem;
    height:.54rem;
    background-size: .08rem .2rem;
}
.mupdown1::before{
    width:.54rem;
    height:.54rem;
    border:.02rem dotted rgba(255, 255, 255, .9);
}

.updown1 {animation: updown1 3000ms infinite ease-in-out ;}
@keyframes updown1{0%{transform:translateY(45%);} 50%{transform:translateY(55%);} 100%{transform:translateY(45%);}}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}




/**手机端**/
.mobile-nav{
    position: fixed;
    width:100%;
    height:0.95rem;
    z-index: 1000;
    background-color: #fff;
    top:0px;
}
.mobile-navback{
    width:100%;
    height:0.95rem;
}
.mobile-nav .box{
    padding:0 0.35rem;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
.mobile-nav .logo{
    width:3.2rem;
    height:0.44rem;
    margin-top:0.29rem;
}
.mobile-nav .logo img{
    width:3.2rem;
    height:0.44rem;
}
.mobile-nav .go{
    width:.46rem;
    height:.46rem;
    margin-top:.25rem;
}
.mobile-nav .go img{
    width:.46rem;
    height:.46rem;
}

.mobile-nav .logo_men{
    width:3.2rem;
    height:.33rem;
    margin-top:.26rem;
}
.mobile-nav .logo_men img{
    width:3.2rem;
    height:.33rem;
}

.mobile-nav .navcon{
    flex:1;
    display:flex;
    flex-direction:row;
    justify-content: end;
    gap:0.2rem;
    margin-top:0.15rem;
    z-index: 2000;
}
.mobile-nav .menulist{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    width:.33rem;
    margin-left:.3rem;
}
.mobile-nav .menulist img.open{
    width:0.33rem;
    height:0.14rem;
}
.mobile-nav .menulist img.close{
    width:0.27rem;
    height:0.27rem;
}

.mobile-nav .mcn{
    /* background: #FFFFFF;
    border-radius: 0.16rem;
    border: 1px solid #D7D7D7;
    padding:0.05rem 0.1rem;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size:12px; */
    position: relative;
}

.mobile-nav .mcnbox{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right:0px;
    top:.0rem;
    z-index:10;
    height: auto;
    border-radius: 20px;
    padding:.06rem 0;
    font-size: 1.4rem;
    border: 1px solid #C5C5C5;
    width:1.26rem;
    line-height:1.6rem;
    padding-left:.2rem;
    background-color: #fff;
    z-index: 2000;
}
.mobile-nav .mcnbox a{
    margin-left:0px;
    font-size:.20rem;
    padding:.05rem .1rem;
    line-height:.3rem;
    display:none;
}
.mobile-nav .mcnbox a.cn{
    display:block;
    display:flex!important;
    flex-direction: row;
    justify-content: space-between;
}

.mobile-nav .mcnbox.nopen a{
    display:block;
}
.mobile-nav .mcn img{
    margin-top:.1rem;
    width:.16rem;
    height:.08rem;
    margin-right:.03rem;
}
.mobile-nav .mcnbox.nopen img{
    transform: rotate(180deg);
}


.mobile-topnavlist{
    position:fixed;
    display:flex;
    flex-direction:column;
    width:100%;
    top:.95rem;
    z-index: 1000;
    background-image: url('/h/images/home/bg.png');
    background-repeat: repeat;
    padding-bottom:.5rem;
    bottom:0px;
}
.mobile-topnavlist .item{
    border-bottom:0.02rem #E4E4E4 solid;
    
    font-weight: 300;
    font-size:0.36rem;
    color: #0E161E;
    line-height: 0.22rem;
    margin:0.46rem 0.4rem;
    margin-bottom:0px;
}
.mobile-topnavlist .item span{
    padding-bottom:0.46rem;
    width:auto;
    display:table;
    position: relative;
}
.mobile-topnavlist .item.active span{
    border-bottom:2px #E1251B solid;
}
.mobile-topnavlist .item.active span::after{
    /* content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.6rem;
    height:0.02rem; 
    background-color: red;  */
}