@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
body{font-size:16px;font-family: 'Microsoft YaHei','simSun';-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:0;height: auto;transition: all 0.4s;}
a{text-decoration: none;cursor: pointer;border:0;color: initial;}
a:hover{text-decoration:none;color:#C40000;}
.show-div{display: block !important;}
.show-div-flex {display: flex !important;}
.hidden-div{display: none !important;}
img{width: 100%;}
/* public */
.f-c-c{display: flex;align-items: center;justify-content: center;}
.f-c-sb{display: flex;align-items: center;justify-content: space-between;}
.f-c-s{display: flex;align-items: center;justify-content: flex-start;}
.f-c-e{display: flex;align-items: center;justify-content: flex-end;}
.f-s-e{display: flex;align-items: flex-start;justify-content: flex-end;}
.f-s-s{display: flex;align-items: flex-start;justify-content: flex-start;}
.f-e-c{display: flex;align-items: flex-end;justify-content: center;}
.f-e-s{display: flex;align-items: flex-end;justify-content: flex-start;}
.f-e-sb{display: flex;align-items: flex-end;justify-content: space-between;}
.f-s-sb{display: flex;align-items: flex-start;justify-content: space-between;}
.f-s-c{display: flex;align-items: flex-start;justify-content: center;}
.f-n-s{display: flex;align-items:normal;justify-content: flex-start;}
.f-n-sb{display: flex;align-items:normal;justify-content: space-between;}
.f-n-c{display: flex;align-items:normal;justify-content: center;}
.f-w-y{flex-wrap: wrap;}
.f-r-r{flex-direction: row-reverse;}
.f-d-c{flex-direction: column;}
.y-hide1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.y-hide2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
.y-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.white-nowrap{white-space: nowrap;}
.text-start{text-align: left;}
.swiper {width: 100%;height: 100%;padding-top: 0 !important;}
.line1_5{line-height: 1.5;}
.line2{line-height: 2;}
.line2_5{line-height: 2.5;}
.fontb{font-weight: bold;}
.maincolor{color: #C40000;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 25px;}
.c-999{color: #999;}
.c-333{color: #333;}
.t-center{text-align: center;}
.relative{position: relative;z-index: 10;}
.display-inline-block{display: inline-block;}
.zcBox{background-color: #FFFFFF;color: #333333;}
.b-box{width: 88%; margin: auto;}
.img-cover{width: 100%;height: 100%;
object-fit: cover;}
.img-container{width: 100%;height: 100%;object-fit: contain;}

.margin0{margin: 0 !important;}
.padding0{padding: 0 !important;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.y-pad170{box-sizing: border-box;padding-left: 170px;padding-right: 170px;}
.white-bg{background: #ffffff !important;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.y-page{display: flex;flex-direction: column;min-height: 100vh;background-color: #F7F8FF;overflow: hidden;}
.gy-box1 .swiper-slide{width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 23.7%;}
.sy-box1 .swiper-slide{padding-bottom: 35.938% !important;}
.sy-box1 .swiper-slide2 {padding-bottom: 35.365% !important;}
.gy-box1 .swiper-slide img{position: absolute;top:0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.gy-box1 .swiper-pagination-bullet{width: .35rem;height: .08rem;background: #FFFFFF;border-radius: 4px;opacity: 0.5; transition: all 0.4s ease; /* 指示点过渡动画 */margin: 0 5px !important; /* 增加间距 */}
.gy-box1 .swiper-pagination-bullet-active{opacity: 1;}
.f-c-sp p {font-size: 19px;}


/* 动效 */
.sy-box2 .swiper-slide img:hover,
.sy-box6 .b6-list img:hover,
.cyjd .b1-pic1 img:hover,
.cyjd .b1-pic2 img:hover{transition: all 0.4s;transform: scale(1.05);}

.sy-box2 .b2-tit:hover{background: rgba(0, 105, 179, 0.7);transition: all 0.4s;}
.sy-box5 .b5-item:hover{box-shadow: 4px 1px 20px 0px rgba(0, 0, 0, 0.2);transition: all 0.4s; }
.body{margin-left: auto;margin-right: auto;min-width: 320px;max-width: 1280px;}
.y-padding{padding-left: 230px !important;padding-right: 230px !important;box-sizing: border-box;}
.zctitle{font-weight: bold;font-size: 36px;color: #333333;line-height: 38px;text-align: center;}

/* /// */
.iconfontBox{position: absolute;right: 0px;top:0;width: 100%;height: 100%;padding-right: 40px; z-index: 10;}
.iconfont{width:16px;}
.at_on{opacity:0;visibility:hidden}
@media screen and (min-width:769px){[data-vh]{height:100vh}}
*,:after,:before{box-sizing:border-box;backface-visibility:hidden;margin:0;padding:0}
body{}
ol,ul,li{vertical-align:middle;list-style-type:none}
img{vertical-align:top;border:0}
input,select,textarea,button{vertical-align:middle}
textarea,input{text-indent:10px}
input[type=submit],input[type=button],button{text-indent:0;text-align:center;cursor:pointer}
label,button,a{cursor:pointer}
button {border: none;outline: none;padding: 0;background-color: transparent;}
ins,em,b,i{font-style:normal;text-decoration:none}
select:focus,textarea:focus,input:focus,button{outline:none}
.scroll-animate.animated,.scroll-animate:not(.father){visibility:hidden}
.animated{animation-duration:1.2s;animation-fill-mode:both}
.font-fadeIn font{display:inline-block}
::-webkit-scrollbar{width:0;background-color:transparent}
::-webkit-scrollbar-thumb{width:0;background-color:transparent;border:0 solid transparent;border-radius:4px}
::-webkit-scrollbar-corner{background-color:transparent}
::-webkit-scrollbar:horizontal{height:9px}
::-webkit-selection{color:transparent;background:0 0}
::-moz-selection{color:transparent;background:0 0}
::selection{color:#fff;-webkit-text-fill-color:#fff;background-color:#1c509c}
input::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-webkit-textarea-placeholder,textarea::-moz-textarea-placeholder{color:#999;transition:color .5s}
input:focus::-webkit-input-placeholder,input:focus::-moz-input-placeholder,input:hover::-webkit-input-placeholder,input:hover::-moz-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-input-placeholder,textarea:hover::-webkit-input-placeholder,textarea:hover::-moz-input-placeholder{color:#c2c2c2}
a{color:inherit;text-decoration:none;display:inline-block}
a[href]{cursor:pointer}
a:hover{cursor:pointer;text-decoration:none}
a:focus{background-color:transparent}
audio,canvas,progress,video{vertical-align:baseline;display:inline-block}
body{-webkit-tap-highlight-color:transparent;color:#14212c}
html{width:100%;scroll-behavior:initial;font-size:5.20833vw;overflow-x:hidden}
a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:transparent}
img[src=""],img:not([src]){opacity:0}
b{font-size:inherit;color:inherit;font-family:inherit}
font{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;font-style:inherit;text-transform:inherit}
.fl{float:left}
.fr{float:right}
.fw-100{font-weight:100}
.fw-400{font-weight:400}
.fw-600{font-weight:600}
.cl:after{content:" ";height:0;clear:both;visibility:hidden;font-size:0;line-height:0;display:block}
.hide{display:none}
.show{display:block}
.text_overflow{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
[data-ahref]{cursor:pointer}
.f-left{text-align:left}
.f-center{text-align:center}
.f-right{text-align:right}
.up-word{text-transform:uppercase}
.v-show{visibility:visible}
.v-hide{visibility:hidden}
.pr{position:relative}
.pa{position:absolute}
.back-cover{background-size:cover}
.back-contain{background-size:contain}
.wid-10{width:10%}
.wid-15{width:15%}
.wid-20{width:20%}
.wid-25{width:25%}
.wid-30{width:30%}
.wid-35{width:35%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-50{width:50%}
.wid-55{width:55%}
.wid-60{width:60%}
.wid-65{width:65%}
.wid-70{width:70%}
.wid-75{width:75%}
.wid-80{width:80%}
.wid-85{width:85%}
.wid-90{width:90%}
.wid-95{width:95%}
.wid-100{width:100%}
.hit-100{height:100%}
.op-0{opacity:0}
.op-1{opacity:.1}
.op-2{opacity:.2}
.op-3{opacity:.3}
.op-4{opacity:.4}
.op-5{opacity:.5}
.op-6{opacity:.6}
.op-7{opacity:.7}
.op-8{opacity:.8}
.op-9{opacity:.9}
.op-10{opacity:1}
.layout-middle{left:0;right:0}
.pa-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pic{background-position:50%;background-repeat:no-repeat;background-size:cover}
.fxc,header .pcNav .col.c2 .navItem>li,.layer-icon{justify-content:center;align-items:center;display:flex}
.fxb{justify-content:space-between;align-items:center;display:flex}
.layer-photo{position:relative}
.max-wid{width:70%;max-width:12rem;margin:auto}
.maxSize{width:86%;max-width:15rem;margin:auto}


/* 原有基础字号类（保持不变，1920px 屏生效） */
.f-100{font-size:1rem;}
.f-86 {font-size: .86rem;}
.f-80 {font-size: .8rem;}
.f-72{font-size:.72rem;}
.f-60{font-size:.6rem;}
.f-56{font-size:.56rem;}
.f-54{font-size:.54rem;}
.f-52{font-size:.52rem;}
.f-50{font-size:.5rem;}
.f-48{font-size:.48rem;}
.f-46{font-size:.46rem;}
.f-44{font-size:.44rem;}
.f-42{font-size:.42rem;}
.f-40{font-size:.4rem;}
.f-38{font-size:.38rem;}
.f-36{font-size:.36rem;}
.f-34{font-size:.34rem;}
.f-32{font-size:.32rem;}
.f-30{font-size:.3rem;}
.f-28{font-size:.28rem;}
.f-26{font-size:.26rem;}
.f-24{font-size:.24rem;}
.f-22{font-size:1.14583vw;}
.f-20{font-size:1.04167vw;}
.f-18{font-size:.9375vw;}
.f-16{font-size:.83333vw;}
.f-14{font-size:.72917vw;}
.f-12{font-size:.625vw;}

/* 中等屏幕（1441px ~ 1600px）：1.25倍 */
@media screen and (max-width: 1600px) and (min-width: 1441px) {
  html {
    font-size: calc(5.20833vw * 1.25) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.25) !important;}
  .f-20{font-size: calc(1.04167vw * 1.25) !important;}
  .f-18{font-size: calc(0.9375vw * 1.25) !important;}
  .f-16{font-size: calc(0.83333vw * 1.25) !important;}
  .f-14{font-size: calc(0.72917vw * 1.25) !important;}
  .f-12{font-size: calc(0.625vw * 1.25) !important;}
}

/* 笔记本主流（1367px ~ 1440px）：1.3倍 */
@media screen and (max-width: 1440px) and (min-width: 1367px) {
  html {
    font-size: calc(5.20833vw * 1.3) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.3) !important;}
  .f-20{font-size: calc(1.04167vw * 1.3) !important;}
  .f-18{font-size: calc(0.9375vw * 1.3) !important;}
  .f-16{font-size: calc(0.83333vw * 1.3) !important;}
  .f-14{font-size: calc(0.72917vw * 1.3) !important;}
  .f-12{font-size: calc(0.625vw * 1.3) !important;}
}

/* 老旧笔记本（1201px ~ 1366px）：1.35倍 */
@media screen and (max-width: 1366px) and (min-width: 1201px) {
  html {
    font-size: calc(5.20833vw * 1.35) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.35) !important;}
  .f-20{font-size: calc(1.04167vw * 1.35) !important;}
  .f-18{font-size: calc(0.9375vw * 1.35) !important;}
  .f-16{font-size: calc(0.83333vw * 1.35) !important;}
  .f-14{font-size: calc(0.72917vw * 1.35) !important;}
  .f-12{font-size: calc(0.625vw * 1.35) !important;}
}

/* 平板/小笔记本（994px ~ 1200px）：1.5倍 */
@media screen and (max-width: 1200px) and (min-width: 994px) {
  html {
    font-size: calc(5.20833vw * 1.5) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.5) !important;}
  .f-20{font-size: calc(1.04167vw * 1.5) !important;}
  .f-18{font-size: calc(0.9375vw * 1.5) !important;}
  .f-16{font-size: calc(0.83333vw * 1.5) !important;}
  .f-14{font-size: calc(0.72917vw * 1.5) !important;}
  .f-12{font-size: calc(0.625vw * 1.5) !important;}
}
/* @media screen and (max-width: 1440px) and (min-width: 1366px) {
  html {
    font-size: calc(5.20833vw * 1.25) !important;
  }
} */
@keyframes fadeInLeftSmall{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:none}}
.fadeInLeft{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:none}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInDownSmall{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}
.fadeOutDownSmall{animation-name:fadeOutDownSmall}
@keyframes fadeInUpSmall{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.fadeInUpSmall{animation-name:fadeInUpSmall}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
.mc{color:#0031c3}
.gray{color:rgba(0,0,0,.4)}
.wc{color:#fff}
p{line-height:2}
.lh-15{line-height:1.5}
.mb-90{margin-bottom:.9rem}
.mb-80{margin-bottom:.8rem}
.mb-70{margin-bottom:.7rem}
.mb-60{margin-bottom:.6rem}
.mb-50{margin-bottom:.5rem}
.mb-40{margin-bottom:.4rem}
.mb-30{margin-bottom:.3rem}
.mb-20{margin-bottom:.2rem}
.mb-10{margin-bottom:.1rem}
.layer-icon .icon{display:block}
.layer-icon .mr-8{margin-right:8px}
.layer-icon .mr{margin-right:.78125vw}


/* 平板/大屏手机（768px ~ 993px）：增大字号确保可读性 */
@media screen and (max-width: 993px) and (min-width: 768px) {
  html {
    font-size: 16px !important;
  }
  
  .f-100 {font-size: 48px}
  .f-86 {font-size: 42px}
  .f-80 {font-size: 40px}
  .f-72 {font-size: 36px}
  .f-60 {font-size: 32px}
  .f-56 {font-size: 30px}
  .f-54 {font-size: 28px}
  .f-52 {font-size: 27px}
  .f-50 {font-size: 26px}
  .f-48 {font-size: 25px}
  .f-46 {font-size: 24px}
  .f-44 {font-size: 23px}
  .f-42 {font-size: 22px}
  .f-40 {font-size: 21px}
  .f-38 {font-size: 20px}
  .f-36 {font-size: 19px}
  .f-34 {font-size: 18px}
  .f-32 {font-size: 17px}
  .f-30 {font-size: 26px}
  .f-28 {font-size: 24px}
  .f-26 {font-size: 22px}
  .f-24 {font-size: 20px}
  .f-22 {font-size: 19px}
  .f-20 {font-size: 18px}
  .f-18 {font-size: 17px}
  .f-16 {font-size: 16px}
  .f-14 {font-size: 15px}
  .f-12 {font-size: 14px}
}

@media screen and (min-width:769px){.app{display:none !important}}

/* 平板/大屏手机（577px ~ 768px）：增大字号 */
@media screen and (max-width: 768px) and (min-width: 577px) {
  html {
    font-size: 16px !important;
  }
  
  .hint_box{font-size: 14px}
  .iconfont{width: 14px}
  .f-100 {font-size: 44px}
  .f-86 {font-size: 38px}
  .f-80 {font-size: 36px}
  .f-72 {font-size: 32px}
  .f-60 {font-size: 28px}
  .f-56 {font-size: 26px}
  .f-54 {font-size: 25px}
  .f-52 {font-size: 24px}
  .f-50 {font-size: 23px}
  .f-48 {font-size: 22px}
  .f-46 {font-size: 21px}
  .f-44 {font-size: 20px}
  .f-42 {font-size: 19px}
  .f-40 {font-size: 18px}
  .f-38 {font-size: 17px}
  .f-36 {font-size: 16px}
  .f-34 {font-size: 15px}
  .f-32 {font-size: 15px}
  .f-30 {font-size: 24px}
  .f-28 {font-size: 22px}
  .f-26 {font-size: 20px}
  .f-24 {font-size: 19px}
  .f-22 {font-size: 18px}
  .f-20 {font-size: 17px}
  .f-18 {font-size: 16px}
  .f-16 {font-size: 15px}
  .f-14 {font-size: 14px}
  .f-12 {font-size: 13px}
  .p{line-height: 1.7}
  .pc{display: none !important}
  .layer-icon .mr{margin-right: 10px}
  header nav.app-nav .inner_top .topic .other .language{height: 100%;justify-content: center;align-items: center;display: flex}
  header nav.app-nav .inner_top .topic .other .language .layer-icon{height: 100%}
  header nav.app-nav .inner_top .topic .other .language .f-16{font-size: 16px}
}


/* 手机端字体大小适配（最大576px）：确保最小可读性 */
@media screen and (max-width: 576px) {
  html {
    font-size: 16px !important;
  }
  
  .hint_box{font-size: 14px}
  .iconfont{width: 14px}
  .f-100 {font-size: 40px}
  .f-86 {font-size: 34px}
  .f-80 {font-size: 32px}
  .f-72 {font-size: 28px}
  .f-60 {font-size: 26px}
  .f-56 {font-size: 24px}
  .f-54 {font-size: 23px}
  .f-52 {font-size: 22px}
  .f-50 {font-size: 21px}
  .f-48 {font-size: 20px}
  .f-46 {font-size: 19px}
  .f-44 {font-size: 18px}
  .f-42 {font-size: 17px}
  .f-40 {font-size: 16px}
  .f-38 {font-size: 15px}
  .f-36 {font-size: 15px}
  .f-34 {font-size: 14px}
  .f-32 {font-size: 14px}
  .f-30 {font-size: 22px}
  .f-28 {font-size: 20px}
  .f-26 {font-size: 19px}
  .f-24 {font-size: 18px}
  .f-22 {font-size: 17px}
  .f-20 {font-size: 16px}
  .f-18 {font-size: 15px}
  .f-16 {font-size: 14px}
  .f-14 {font-size: 13px}
  .f-12 {font-size: 12px}
  .p{line-height: 1.7}
  .pc{display: none !important}
  .layer-icon .mr{margin-right: 10px}
  header nav.app-nav .inner_top .topic .other .language{height: 100%;justify-content: center;align-items: center;display: flex}
  header nav.app-nav .inner_top .topic .other .language .layer-icon{height: 100%}
  header nav.app-nav .inner_top .topic .other .language .f-16{font-size: 16px}
}

/* 超小屏幕（最大400px）：进一步增大字号 */
@media screen and (max-width: 400px) {
  html {
    font-size: 16px !important;
  }
  
  .f-100 {font-size: 36px}
  .f-86 {font-size: 30px}
  .f-80 {font-size: 28px}
  .f-72 {font-size: 26px}
  .f-60 {font-size: 24px}
  .f-56 {font-size: 22px}
  .f-54 {font-size: 21px}
  .f-52 {font-size: 20px}
  .f-50 {font-size: 19px}
  .f-48 {font-size: 18px}
  .f-46 {font-size: 18px}
  .f-44 {font-size: 17px}
  .f-42 {font-size: 16px}
  .f-40 {font-size: 16px}
  .f-38 {font-size: 15px}
  .f-36 {font-size: 15px}
  .f-34 {font-size: 14px}
  .f-32 {font-size: 14px}
  .f-30 {font-size: 20px}
  .f-28 {font-size: 18px}
  .f-26 {font-size: 18px}
  .f-24 {font-size: 17px}
  .f-22 {font-size: 16px}
  .f-20 {font-size: 15px}
  .f-18 {font-size: 15px}
  .f-16 {font-size: 14px}
  .f-14 {font-size: 13px}
  .f-12 {font-size: 12px}
}


/* 分页 */
 .pagination {display: flex;list-style: none; padding: 0;margin: 84px 0 20px;gap: 8px;justify-content: center; }
 .pagination li {width: 40px;height: 40px;text-align:center;line-height:40px;border: 1px solid #EDEDED;border-radius: 50%;cursor: pointer;color: #333;background-color: #fff;transition: all 0.2s ease;}
  .pagination li a:hover{color: #fff;}
  .pagination li:hover:not(.disabled):not(.active) { background-color: #F33A3A;color: #fff;border-color: #F33A3A;transform: translateY(-2px);}
.pagination .active {background-color: #F33A3A;color: #fff;border-color: #F33A3A;cursor: default;}
.pagination li .disabled {color: #000;cursor: not-allowed; background-color: #F4F4F5;}
input{border: none; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}



/* /////模块///// */
/* 头部吸顶效果 */
header {position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;z-index: 999999 !important;background-color: #fff;transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);will-change: background-color, box-shadow;}
.header-container {overflow: hidden;transition: height 1s cubic-bezier(0.25, 0.1, 0.25, 1);height: auto;}
/* .header-container.collapsed {height: 0 !important;padding: 0 !important;margin: 0 !important;pointer-events: none;} */
.header-right {display: flex;align-items: center;gap: 15px;}
.header-nav-box {display: flex;align-items: center;justify-content: space-between;transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);padding: 29px 0 25px;background: #fff;}
.header-nav-box.scrolled {box-shadow: 0 4px 8px rgba(0,0,0,0.15);background-color: #C40000 !important;}
.header-nav-box.scrolled a {color: #fff !important;}
.mobile-menu-btn {display: none;cursor: pointer;position: relative;width: 31px;height: 20px;}
.mobile-menu-btn input {position: absolute;z-index: 99;width: 31px;height: 20px;opacity: 0;cursor: pointer;}
.mobile-menu-btn span {z-index: 99;position: absolute;background: #333333;top: 23%;width: 30px;height: 2px;border-radius: 15px;pointer-events: none;transition: transform 1s ease, top 1s ease 0.3s;}
.mobile-menu-btn span:nth-child(3) {top: calc(23% + 9px);}
.mobile-menu-btn span:nth-child(4) {top: calc(23% + 18px);}
.mobile-nav {position: fixed;top: 62px;left: 0;right: 0;background-color: #fff;box-shadow: 0 9px 24px rgba(66,78,95,0.14);z-index: 99;max-height: 0;overflow: hidden;transition: max-height 1s cubic-bezier(0.25, 0.1, 0.25, 1);width: 100%;}
.mobile-nav.active {max-height: calc(100vh - 62px);overflow-y: auto;}
.mobile-nav-item {display: block;padding: 15px 0px;color: #333333;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.2);font-weight: 600;}
.mobile-nav-item.active {color: #C40000;font-weight: bold;}
@media screen and (max-width: 993px) {
  .header-right .header-search {display: none;}
  .mobile-menu-btn {display: block;}
  .header-nav-box {display: none;}
  .mobile-nav {top: 62px;}
  .mobile-nav.active {max-height: calc(100vh - 62px);}
  .header-container {display: block !important;height: auto !important;}
}
header .header-content {background-color: #C40000;color: #fff; padding: 20px 0;}
header .header-logo-box {padding: 24px 0 19px;border-bottom: 1px solid #DBDBDB37;transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);}
header .header-logo {width: 400.1px;}
header .header-xlogo {width: 297px;margin-left: 111px;}
header .header-search {width: 240px;height: 44px;border-radius: 4px;border: 1px solid #DBDBDB;padding: 0 10px;}
header .header-search-btn {width: 19px;height: 19px;min-width: 19px;}
header .header-nav-box a {font-weight: 400;color: #333333;transition: color 1s ease;}
header .header-nav-box .active {font-weight: bold;color: #C40000;}
 header  .header-nav-box a:hover {color: #C40000;font-weight: bold;}
.mobile-menu-btn input:checked ~ span:nth-child(2) {top: calc(50% - 1px);transform: rotate(-45deg);transition: top 0.8s ease, transform 0.8s ease 0.3s;}
.mobile-menu-btn input:checked ~ span:nth-child(3) {top: calc(50% - 1px);transform: rotate(45deg);transition: top 0.8s ease, transform 0.8s ease 0.3s;}
.mobile-menu-btn input:checked ~ span:nth-child(4) {display: none;transition: top 0.5s ease, transform 0.5s ease 0.2s;}

.header-placeholder{width: 100%;  /* 新增 */height: auto; /* 新增 */transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}


/* 轮播图样式 */
.sy-box1 {
  width: 100%;
  height: 690px;
  position: relative;
  overflow: hidden;
}



.sy-box1 .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.sy-box1 .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sy-box1 .swiper-pagination {
  position: absolute;
  bottom: 130px !important;
  left: 50% !important;
  transform: translateX(-50%);
  z-index: 10;
}

.sy-box1 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 18px 0 0 !important;
  transition: all 0.3s ease;
background: #FFFFFF;
border: 3px solid #FFFFFF;
}

.sy-box1 .swiper-pagination-bullet-active {
  width: 43px;
  border-radius: 5px;
}

.main{background-color: #F4F4F4;padding-bottom: 50px;}
.br-box1{background-color: white;padding: 33px 43px 38px 38px;margin-top: -105px;position: relative;z-index: 40;gap: 26px;transition: all 0.3s ease;}
.br-box1 .br-box1-left{width: 49.167%;min-height: 49.167%;}
.br-box1 .sy-box2{width: 100%;height: 373px;height: 384px;position: relative;overflow: hidden;cursor: pointer;transition: all 0.3s ease;}
.br-box1 .sy-box2:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.br-box1 .sy-box2 .swiper-slide{width: 100%;height: 100%;position: relative;}
.br-box1 .sy-box2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.br-box1 .sy-box2 .slide-tit{position: absolute;bottom: 0;left: 0;right: 0;background: #00479D52;color: #fff;padding: 15px 19px 13px;z-index: 5;}
.br-box1 .sy-box2 .slide-tit .slide-tit-name{flex: 1;}
.br-box2{margin-top: 40px;}
.br-box2 .slide-tit .slide-pagination{display: flex;gap: 8px;align-items: center;}
.br-box1 .sy-box2 .slide-tit .slide-dot{width: 8px;height: 8px;background: #00479D;border-radius: 50%;opacity: 0.5;transition: all 0.3s;}
.br-box1 .sy-box2 .slide-tit .slide-dot.active{background: #FFFFFF;opacity: 1;}
.br-box1 .br-pagination{position: absolute;right: 22px;bottom: 18px !important;z-index: 10;display: flex;gap: 8px;left: inherit !important;justify-content: flex-end;}
.br-box1 .br-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #00479D;border-radius: 50%;opacity: 0.5;cursor: pointer;transition: all 0.3s;}
.br-box1 .br-pagination .swiper-pagination-bullet-active{background: #FFFFFF;opacity: 1;} 

.br-box1  .br-box1-right{flex: 1;max-width: calc(100% - 49.167%);}
.br-box1  .br-box1-right .br1-top{border-bottom: 1px solid #D2D2D2;}
.br-box1  .br-box1-right .br1-top .br1-title-box{gap: 56px;}
.br-box1  .br-box1-right .br1-top .br1-title{font-weight: 600;color: #333333;padding-bottom: 11px;border-bottom: 3px solid #fff0;}
.br-box1  .br-box1-right .br1-top .br1-title:hover{
border-bottom: 3px solid #C40000;}
.br-box1  .br-box1-right .br1-top .br1-title2:hover{
border-bottom: 3px solid #fff0;}
.br-box1  .br-box1-right .br1-top .br1-title.active{border-bottom: 3px solid #C40000;}
.br-box1  .br-box1-right .br1-top .br1-more{color: #A5A5A0;cursor: pointer;}
.br-box1  .br-box1-right .br1-top .br1-more:hover{color: #C40000;}
.br-box1  .br1-list .br1-item{color: #3D3D3D;gap: 8px;margin-top: 22px;cursor: pointer;transition: all 0.3s ease;}
.br-box1  .br1-list .br1-item:hover{transform: translateX(5px);}
.br-box1  .br1-list .br1-item .br1-icon{width: 20px;height: 20px;}
.br-box1  .br1-list .br1-item .br1-name:hover{color: #C40000;}
.br-box2 .br-box2-left{width: 49.167%;min-height: 49.167%;}
.br-box2  .br-box1-right .br2-top .br1-title-box{gap: 6px !important;}
.br-box2 .br2-list{margin-top: 24px;}
.br-box2 .br2-list .br2-list-top{padding:  0 39px 0 18px;}
.br-box2 .br2-list .br2-list-top-item:hover .br2-list-top-item-name{color: #C40000;}
.br-box2 .br2-list .br2-list-top-item-icon{width: 65px;height: 65px;margin: auto;}
.br-box2 .br2-list .br2-list-top-item-name{color: #333333;text-align: center;margin-top: 4px;}
.br-box2 .br2-list-bottom{margin-top: 22px;}
.br-box2 .br2-list-bottom-item{background: #FFF1D9;padding: 20px 7px 45px;width: 25%;transition: all 0.3s ease;cursor: pointer;}
.br-box2 .br2-list-bottom-item:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.br-box2 .br2-list-bottom-item2{background: #FFE1AF;}
.br-box2 .br2-list-bottom-item3{background: #FFBC4D;}
.br-box2 .br2-list-bottom-item4{background: #FFA043;}
.br-box2 .br2-list  .br2-list-bottom-item-icon{width: 65px;height: 65px;}
.br-box2 .br2-list .br2-list-bottom-item-name{margin-top: 12px;}
.br-box2 .br2-list .br2-list-bottom-item-desc{margin-top: 16px;}
footer{background: #051524;color: #fff;padding: 49px 0 29px;}
footer .br-footer-logo{width: 405px;}
.br-footer-title-box{display: inline-block;}
.br-footer-title{font-weight: 600;position: relative;z-index: 10;}
.br-footer-line{width: 100%;height: 5px;background: #C40000;border-radius: 3px;margin-top: -5px;}
/* footer .br-footer-list{margin-top: 30px;} */
footer .br-footer-list a{margin-right: 51px;margin-top: 30px;white-space: nowrap;transition: all 0.3s ease;}
footer .br-footer-list a:hover{color: #DE3206;}
footer .br-footer-wx{width: 39px;height: 40px;margin-bottom: 28px;position: relative;cursor: pointer;}
footer .br-footer-qrcode{position: absolute;top: -75px;left: 50%;transform: translate(-50%,-50%);width: 150px;height: 150px;z-index: 50;display: none;}
footer .br-footer-wx:hover .br-footer-qrcode{display: block;}
footer .br-footer-desc{color: #E0E0E0;}
footer .br-footer{gap: 30px;}
/* br3 */
.br-box3{background: #FFFFFF;padding: 42px 0 86px;}
.br-box3 .b3-box{
background: #FFFFFF;box-shadow: 4px 3px 9px 1px rgba(164,164,164,0.28);border-top: 7px solid #DE3206;padding: 32px 109px 61px 50px;}
.b3-center{margin-top: 27px;gap: 30px;}
.br-box3 .b3-icon{width: 35px;height: 35px;margin-right: 8px;}
.br-box3  .b3-line{width: 100%;height: 4px;background: #DE3206;margin-top: -12px;}
.br-box3  .b3-right{margin-top: 44px;width: 33%;}
.text-underline{
    text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: #DE3206;
}
.br-box3  .b3-left{width: 57%;}
.b3-input-max{gap: 12px;margin-top: 13px !important;}
.br-box3  .b3-input-box{width:100%;height: 56px !important;background: #F7F7F7;margin-top: 13px !important;padding: 0 16px 0 11px !important;box-sizing: border-box;}
.br-box3 .b3-input-box2{margin-top: 0 !important;}
.br-box3 .b3-item{margin-top: 35px;position: relative;}
.br-box3  .b3-btn{width: 22px;height: 16px;}
.br-box3 .b3-btn-box{margin-top: 54px;}
.br-box3 .b3-comfire{width: 48.8%;height: 56px;background: #DE3206;color: #FFFFFF;text-align: center;line-height: 56px;transition: all 0.3s ease;cursor: pointer;}
.br-box3 .b3-reset{background: #B6B6B6;transition: all 0.3s ease;cursor: pointer;}
.br-box3 .b3-comfire:hover{box-shadow: 0 4px 12px rgba(222, 50, 6, 0.3);transform: translateY(-2px);}
.br-box3 .b3-reset:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}
/* 批次选择下拉菜单 */
.batch-select-container{position: relative;z-index: 1000;}
.batch-select-trigger{cursor: pointer;transition: all 0.3s ease;}
.batch-select-trigger:hover{color: #C40000;}
.batch-select-dropdown{display: none;position: absolute;top: 100%;left: 0px;right: 16px;margin-top: 5px; width: 100%;background: #FFFFFF;box-shadow: 0 2px 8px rgba(0,0,0,0.15);z-index: 1001;animation: fadeIn 0.2s ease-in-out;}
.batch-select-dropdown.show{display: block;}
.batch-option{padding: 12px 16px;cursor: pointer;color: #333333;transition: all 0.3s ease;}
.batch-option:hover{background: #F5F5F5;}
.batch-option:not(:last-child){border-bottom: 1px solid #E5E5E5;}
.batch-select-mode{width: 100%;height: 100%;background-color: transparent;position: absolute;top: 0;left: 0;z-index: 10;}

.br-box4  .b4-center{margin-top: 63px;}
.br-box4 .b4-left{gap: 42px 5.5%;}
.br-box4 .b4-item{width: 47%;background: #C33324;border-radius: 10px;color: white;padding: 34px 33px 27px;gap: 29px;cursor: pointer;transition: all 0.3s ease;}
.br-box4 .b4-item:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transform: translateY(-2px);}
.br-box4  .b4-icon{width: 115px;height: 115px;background: #FFFFFF;border-radius: 50%;padding: 20px;box-sizing: border-box;}
.br-box4  .b4-right{margin-top: 24px;}

.br-box5 .b3-center{margin-top: 47px;}
/* .br-box5 .section {margin-bottom: 30px;} */
.br-box5  .score-table{margin-top: 16px;}
.br-box5 .section-title {padding: 23px 0;text-align: center;}

/* 表格通用样式 */
table {width: 100%;border-collapse: collapse;}

th {background-color: #DE3206;color: #fff;padding: 17px 16px;text-align: left;font-weight: normal;}
tr{background-color: #FAFAFA;}
td { padding: 21px 17px; border-right: 1px solid #FFFFFF;color: #333;}
td:last-child {border-right: none; }

.light-row { background-color: #fff5f5;}

.highlight { color: #DE3206;font-weight: bold;}

/* .br-box6 .section-title{padding-top: 0 !important;} */

.br-box7{background-color: #FBFBFB;padding: 24px 0 169px;}
.br-box7 .b7-icon{width: 21px;height: 17px;}
.br-box7 .b7-title{color: #999999;padding-left: 6px;}
.br-box7 .b7-center{margin-top: 31px;gap: 2.4%;}
.br-box7 .b7-left{background-color: #fff;border-radius: 10px;width: 67.19%;padding: 29px;}
.br-box7 .b7-line{width: 38px;height: 1px;background: #DFDFDF;min-width: 38px;}
.br-box7 .b7-left-item{gap:26px;padding: 24px 0 35px;border-bottom: 1px solid #DFDFDF;display: inline-flex;width: 100%;transition: all 0.3s ease;}
.br-box7 .b7-desc{color: #A09F9F;margin-top: 19px;}

.br-box7 .b7-left-item:hover{color: #000;transform: translateX(5px);}
.br-box7 .b7-left-item:hover .b7-line{background: #C40000;}
.br-box7 .b7-left-item:hover .b7-new-title{color: #C40000;font-weight: bold;}
.br-box7 .b7-right{width: 30.41%;border-radius: 10px;overflow: hidden;background-color: #fff;}
.br-box7 .b7-right-title{background: #DE3206;color: white;padding: 26px  24px;}
.br-box7 .b7-right-title-icon{width: 25px;height: 25px;margin-right: 12px;}
.b7-right-item a{padding: 31px 26px;cursor: pointer;display: block;transition: all 0.3s ease;}
.b7-right-item .active{font-weight: bold;background: #DFDFDF;}
.b7-right-item a:hover{font-weight: bold;background: #DFDFDF;color: #000;}
.br-box7  .wid-80{width: 77%;}

.br-box8 .b7-left{background-color: transparent;overflow: inherit;padding: 0 !important;}
.br-box8 .b8-box{background: #FFFFFF;
border-radius: 10px;padding: 58px 23px;}
.br-box8 .b8-time{margin-top: 37px;color: #B9BCC8;}
.br-box8 .b8-content{margin-top: 42px;padding-top: 39px;border-top: 1px solid #E2E2E2;}
.br-box8 .b8-btn{margin-top: 18px;}
.br-box8 .b8-btn .b8-on{width: 49%;background: #FFFFFF;
border-radius: 10px;padding: 25px 15px 31px;transition: all 0.3s ease;cursor: pointer;}
.br-box8 .b8-btn .b8-on:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}
.br-box8 .b8-btn .b8-on span{color: #CACACA;}

.main9 {background-color: #FBFBFB;}
.br-box9  .b9-center{background: #FFFFFF;border-radius: 10px;padding: 34px 64px;}
.br-box9 .b9-content{overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%;}
.br-box9 .b9-content table{border-collapse: collapse; width: 100%; min-width: 600px;}
.br-box9 .b9-content-title{text-align:center;padding-bottom:20px;margin-bottom:35px; border-bottom:2px solid #EFEFEF;}

.br-box10 .b10-box{padding: 0 !important;border: none !important;box-shadow: inherit !important;background: transparent !important;}
.br-box10 .b10-center{padding: 37px 80px 96px;}
.br-box10 .b10-item-center{gap: 43px;}

/* 弹窗 */
.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);z-index: 9999;display: none;opacity: 0;}
.popup.show{display: flex;animation: fadeIn 0.3s ease-in-out forwards;}
.popup.hide{animation: fadeOut 0.3s ease-in-out forwards;}
.popup .popup-content{animation: scaleIn 0.3s ease-in-out;}
.popup.hide .popup-content{animation: scaleOut 0.3s ease-in-out;}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}
@keyframes scaleIn{from{transform: scale(0.8);opacity: 0;}to{transform: scale(1);opacity: 1;}}
@keyframes scaleOut{from{transform: scale(1);opacity: 1;}to{transform: scale(0.8);opacity: 0;}}
.popup .popup-content{margin: auto; background-image: url('../images/qrcodeback.png');background-size: 100% 100%;width: 400px;height: 427px;padding: 156px 110px 83px 102px;margin-top: 150px;}
.popup .popup-qrcode{width: 189px;height: 189px;}

.popup .popup-close{margin: auto; width: 43px;height: 43px;margin-top: 45px;}
/* .popup .popup-close:hover{background: #f0f0f0;} */

/* 模块end */


/* ///////媒体查询/////// */
@media screen and (max-width: 1700px) {
  .y-padding{padding-left: 204px !important;padding-right: 204px !important;}
  .main{padding-bottom: 43px;}
  .header-nav-box {padding: 25px 0 22px;}
  header .header-logo {width: 350px;}
  header .header-xlogo {width: 260px;margin-left: 95px;}
  header .header-search {width: 205px;height: 40px;}
  header .header-search-btn {width: 17px;height: 17px;min-width: 17px;cursor: pointer;}
  .sy-box1 { height: 610px; }
  .sy-box1 .swiper-pagination { bottom: 110px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 16px 0 0 !important; border: 2.5px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 38px; }
  .br-box1 .br-pagination {bottom: 15px !important;}
  .br-box1 {padding: 29px 38px 34px 34px;margin-top: -92px;gap: 23px;}
  .br-box1 .sy-box2 {height: 338px;}
  .br-box1 .sy-box2 .slide-tit {padding: 13px 17px 11px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 49px;}
  .br-box1  .br-box1-right .br1-top .br1-title {padding-bottom: 10px;cursor: pointer;}
  .br-box1  .br1-list .br1-item {gap: 7px;margin-top: 19px;}
  .br-box1  .br1-list .br1-item .br1-icon {width: 18px;height: 18px;}
  .br-box2 {margin-top: 32px;gap: 32px;}
  .br-box2 .br2-list {margin-top: 21px;}
  .br-box2 .br2-list .br2-list-top {padding: 0 34px 0 16px;}
  .br-box2 .br2-list .br2-list-top-item-icon {width: 57px;height: 57px;}
  .br-box2 .br2-list .br2-list-top-item-name {margin-top: 3px;}
  .br-box2 .br2-list-bottom {margin-top: 19px;}
  .br-box2 .br2-list .br2-list-bottom-item {padding: 18px 6px 40px;}
  .br-box2 .br2-list  .br2-list-bottom-item-icon {width: 57px;height: 57px;}
  .br-box2 .br2-list .br2-list-bottom-item-name {margin-top: 11px;}
  .br-box2 .br2-list .br2-list-bottom-item-desc {margin-top: 14px;}
  .br-box3 {padding: 39px 0 80px;}
  .br-box3 .b3-box {padding: 30px 101px 57px 47px;border-top: 7px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 25px;gap: 28px;}
  .br-box3 .b3-icon {width: 33px;height: 33px;margin-right: 7px;}
  .br-box3 .b3-right {margin-top: 41px;}
  .br-box3 .b3-left {width: 57%;}
  .br-box3 .b3-input-box {height: 52px;margin-top: 12px;padding: 0 15px 0 10px;}
  .br-box3 .b3-item {margin-top: 33px;}
  .br-box3 .b3-btn {width: 20px;height: 15px;}
  .br-box3 .b3-btn-box {margin-top: 50px;}
  .br-box3 .b3-comfire {width: 48.8%;height: 52px;line-height: 52px;}
  .br-box4 .b4-center {margin-top: 59px;}
  .br-box4 .b4-left {gap: 39px 5.5%;}
  .br-box4 .b4-item {width: 47%;padding: 32px 31px 25px;gap: 27px;}
  .br-box4 .b4-icon {width: 107px;height: 107px;padding: 19px;min-width: 107px;}
  .br-box4 .b4-right {margin-top: 22px;}
  .br-box5 .b3-center {margin-top: 44px;}
  .br-box5 .score-table {margin-top: 15px;}
  .br-box5 .section-title {padding: 21px 0;}
  th {padding: 16px 15px;}
  td {padding: 19px 16px;}
  .br-box7 {padding: 22px 0 157px;}
   .br-box7 .b7-icon {width: 19px;height: 16px;}
   .br-box7 .b7-center {margin-top: 29px;gap: 2.4%;}
   .br-box7 .b7-left {width: 67.19%;padding: 27px;}
   .br-box7 .b7-line {width: 35px;min-width: 35px;}
   .br-box7 .b7-left-item {gap: 24px;padding: 22px 0 32px;display: inline-flex;width: 100%;}
   .br-box7 .b7-desc {margin-top: 18px;}
          .br-box7 .b7-right {width: 30.41%;} 
    .br-box7 .b7-right-title {padding: 24px  22px;}
    .br-box7 .b7-right-title-icon {width: 23px;height: 23px;margin-right: 11px;}
     .b7-right-item a {padding: 26px  24px;}
  .br-box8 .b8-box {padding: 52px 20px;border-radius: 9px;}
  .br-box8 .b8-time {margin-top: 33px;}
  .br-box8 .b8-content {margin-top: 38px;padding-top: 35px;}
  .br-box8 .b8-btn {margin-top: 16px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 9px;padding: 22px 13px 28px;}
  .br-box9 .b9-center {padding: 30px 58px;border-radius: 9px;}
  .br-box10 .b10-center {padding: 33px 72px 86px;}
  .br-box10 .b10-item-center {gap: 39px;}
  .popup .popup-content {margin: auto; width: 360px;height: 384px;padding: 140px 99px 75px 92px;margin-top: 135px;}
  .popup .popup-qrcode {width: 170px;height: 170px;}
  .popup .popup-close {width: 39px;height: 39px;margin-top: 40px;}
  .pagination {margin: 78px 0 19px;gap: 7px;} .pagination li {width: 37px;height: 37px;line-height:37px;}
  footer {padding: 43px 0 25px;}
  footer .br-footer-logo {width: 356px;}
  footer .br-footer-line {height: 4px;margin-top: -4px;}
  footer .br-footer-list a {margin-right: 45px;margin-top: 26px;}
  footer .br-footer-wx {width: 34px;height: 35px;margin-bottom: 24px;}
}

@media screen and (max-width: 1600px){
  .y-padding{padding-left: 192px !important;padding-right: 192px !important;}
  .main{padding-bottom: 40px;}
  .header-nav-box {padding: 23px 0 20px;}
  header .header-logo {width: 320px;}
  header .header-xlogo {width: 238px;margin-left: 89px;}
  header .header-search-btn {width: 15px;height: 15px;min-width: 15px;}
  .sy-box1 { height: 570px; }
  .sy-box1 .swiper-pagination { bottom: 100px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 14px 0 0 !important; border: 2.5px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 34px; }
  .br-box1 {padding: 26px 34px 31px 31px;margin-top: -84px;gap: 21px;}
  .br-box1 .sy-box2 {height: 310px;}
  .br-box1 .sy-box2 .slide-tit {padding: 12px 15px 10px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 45px;}
  .br-box1  .br-box1-right .br1-top .br1-title {padding-bottom: 9px;}
  .br-box1  .br1-list .br1-item {gap: 6px;margin-top: 13px;}
  .br-box1  .br1-list .br1-item .br1-icon {width: 16px;height: 16px;}
  .br-box2 {margin-top: 29px;gap: 30px;}
  .br-box2 .br1-list .br1-item{margin-top: 17px;}
  .br-box2 .br2-list {margin-top: 19px;}
  .br-box2 .br2-list .br2-list-top {padding: 0 31px 0 15px;}
  .br-box2 .br2-list .br2-list-top-item-icon {width: 52px;height: 52px;}
  .br-box2 .br2-list .br2-list-top-item-name {margin-top: 3px;}
  .br-box2 .br2-list-bottom {margin-top: 17px;}
  .br-box2 .br2-list .br2-list-bottom-item {padding: 16px 5px 36px;}
  .br-box2 .br2-list  .br2-list-bottom-item-icon {width: 52px;height: 52px;}
  .br-box2 .br2-list .br2-list-bottom-item-name {margin-top: 10px;}
  .br-box2 .br2-list .br2-list-bottom-item-desc {margin-top: 13px;}
  .br-box3 {padding: 36px 0 74px;}
  .br-box3 .b3-box {padding: 28px 95px 53px 44px;border-top: 7px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 23px;gap: 26px;}
  .br-box3 .b3-icon {width: 31px;height: 31px;margin-right: 7px;}
  .br-box3 .b3-right {margin-top: 38px;}
  .br-box3 .b3-left {width: 57%;}
  .br-box3 .b3-input-box {height: 49px;margin-top: 11px;padding: 0 14px 0 9px;}
  .br-box3 .b3-item {margin-top: 31px;}
  .br-box3 .b3-btn {width: 19px;height: 14px;}
  .br-box3 .b3-btn-box {margin-top: 47px;}
  .br-box3 .b3-comfire {width: 48.8%;height: 49px;line-height: 49px;}
  .br-box4 .b4-center {margin-top: 56px;}
  .br-box4 .b4-left {gap: 36px 5.5%;}
  .br-box4 .b4-item {width: 47%;padding: 30px 29px 23px;gap: 25px;}
  .br-box4 .b4-icon {width: 100px;height: 100px;padding: 17px;min-width: 100px;}
  .br-box4 .b4-right {margin-top: 21px;}
  .br-box5 .b3-center {margin-top: 43px;}
  .br-box5 .score-table {margin-top: 14px;}
  .br-box5 .section-title {padding: 20px 0;}
  th {padding: 15px 14px;}
  td {padding: 18px 15px;}
  .br-box7 {padding: 21px 0 147px;} .br-box7 .b7-icon {width: 18px;height: 15px;}  .br-box7 .b7-center {margin-top: 28px;gap: 2.4%;} .br-box7 .b7-left {width: 67.19%;padding: 25px;} .br-box7 .b7-line {width: 33px;min-width: 33px;} .br-box7 .b7-left-item {gap: 22px;padding: 21px 0 30px;display: inline-flex;width: 100%;} .br-box7 .b7-desc {margin-top: 17px;} .br-box7 .b7-right {width: 30.41%;} .br-box7 .b7-right-title {padding: 22px 21px;} .br-box7 .b7-right-title-icon {width: 22px;height: 22px;margin-right: 10px;} .b7-right-item a {padding: 20px 23px;}
  .br-box8 .b8-box {padding: 48px 19px;border-radius: 8px;}
  .br-box8 .b8-time {margin-top: 31px;}
  .br-box8 .b8-content {margin-top: 36px;padding-top: 33px;}
  .br-box8 .b8-btn {margin-top: 15px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 8px;padding: 20px 12px 26px;}
  .br-box9 .b9-center {padding: 28px 54px;border-radius: 8px;}
  .br-box10 .b10-center {padding: 31px 68px 80px;}
  .br-box10 .b10-item-center {gap: 36px;}
  .popup .popup-content {width: 340px;height: 363px;padding: 130px 93px 69px 86px;margin-top: 126px;}
  .popup .popup-qrcode {width: 161px;height: 161px;}
  .popup .popup-close {width: 37px;height: 37px;margin-top: 38px;}
  .pagination {margin: 73px 0 17px;gap: 7px;} .pagination li {width: 35px;height: 35px;line-height:35px;}
  footer {padding: 39px 0 23px;}
  footer .br-footer-logo {width: 324px;}
  footer .br-footer-line {height: 4px;margin-top: -4px;}
  footer .br-footer-list a {margin-right: 32px;margin-top: 24px;}
  footer .br-footer-wx {width: 31px;height: 32px;margin-bottom: 22px;}
}

@media screen and (max-width: 1400px){
  .y-padding{padding-left: 168px !important;padding-right: 168px !important;}
  .main{padding-bottom: 35px;}
  .header-nav-box {padding: 20px 0 17px;}
  header .header-logo {width: 280px;}
  header .header-xlogo {width: 208px;margin-left: 78px;}
  header .header-search {width:187px;height: 36px;}
  header .header-search-btn {width: 13px;height: 13px;min-width: 13px;}
  .sy-box1 { height: 500px; }
  .sy-box1 .swiper-pagination { bottom: 90px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 12px 0 0 !important; border: 2px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 30px; }
  .br-box1 {padding: 23px 30px 27px 27px;margin-top: -74px;gap: 18px;}
  .br-box1 .sy-box2 {height: 273px;}
  .br-box1 .sy-box2 .slide-tit {padding: 10px 13px 8px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 39px;}
  .br-box1  .br-box1-right .br1-top .br1-title {padding-bottom: 8px;}
  .br-box1  .br1-list .br1-item {gap: 5px;margin-top: 11px;}
  .br-box1  .br1-list .br1-item .br1-icon {width: 14px;height: 14px;}
  .br-box2 {margin-top: 25px;gap: 26px;}
  .br-box2  .br1-list .br1-item {margin-top: 15px;}
  .br-box2 .br2-list {margin-top: 17px;}
  .br-box2 .br2-list .br2-list-top {padding: 0 27px 0 13px;}
  .br-box2 .br2-list .br2-list-top-item-icon {width: 45px;height: 45px;}
  .br-box2 .br2-list .br2-list-top-item-name {margin-top: 2px;}
  .br-box2 .br2-list-bottom {margin-top: 15px;}
  .br-box2 .br2-list .br2-list-bottom-item {padding: 14px 4px 31px;padding: 14px 6px 15px;}
  .br-box2 .br2-list  .br2-list-bottom-item-icon {width: 45px;height: 45px;}
  .br-box2 .br2-list .br2-list-bottom-item-name {margin-top: 8px;}
  .br-box2 .br2-list .br2-list-bottom-item-desc {margin-top: 11px;}
  .br-box3 {padding: 32px 0 67px;}
  .br-box3 .b3-box {padding: 25px 85px 48px 40px;border-top: 6px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 20px;gap: 23px;}
  .br-box3 .b3-icon {width: 28px;height: 28px;margin-right: 6px;}
  .br-box3 .b3-right {margin-top: 34px;}
  .br-box3 .b3-left {width: 57%;}
  .br-box3 .b3-input-box {height: 50px !important;margin-top: 9px;padding: 0 16px 0 11px !important;}
  .br-box3 .b3-item {margin-top: 28px;}
  .br-box3 .b3-btn {width: 17px;height: 13px;}
  .br-box3 .b3-btn-box {margin-top: 42px;}
  .br-box3 .b3-comfire {width: 48.8%;height: 44px;line-height: 44px;}
  .br-box4 .b4-center {margin-top: 49px;}
  .br-box4 .b4-left {gap: 32px 5.5%;}
  .br-box4 .b4-item {width: 47%;padding: 26px 25px 26px;gap: 22px;}
  .br-box4 .b4-icon {width: 88px;height: 88px;padding: 15px;min-width: 88px;}
  .br-box4 .b4-right {margin-top: 19px;}
  .br-box5 .b3-center {margin-top: 38px;}
  .br-box5 .score-table {margin-top: 13px;}
  .br-box5 .section-title {padding: 18px 0;}
  th {padding: 14px 13px;}
  td {padding: 16px 14px;}
  .br-box7 {padding: 19px 0 130px;} .br-box7 .b7-icon {width: 16px;height: 13px;}  .br-box7 .b7-center {margin-top: 25px;gap: 2.4%;} .br-box7 .b7-left {width: 67.19%;padding: 22px;} .br-box7 .b7-line {width: 29px;min-width: 29px;} .br-box7 .b7-left-item {gap: 19px;padding: 18px 0 26px;display: inline-flex;width: 100%;} .br-box7 .b7-desc {margin-top: 15px;} .br-box7 .b7-right {width: 30.41%;border-radius: 7px;} .br-box7 .b7-right-title {padding: 19px 19px;} .br-box7 .b7-right-title-icon {width: 19px;height: 19px;margin-right: 9px;} .b7-right-item a {padding: 17px 20px;}
  .br-box8 .b8-box {padding: 42px 17px;border-radius: 7px;}
  .br-box8 .b8-time {margin-top: 28px;}
  .br-box8 .b8-content {margin-top: 32px;padding-top: 29px;}
  .br-box8 .b8-btn {margin-top: 13px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 7px;padding: 18px 11px 23px;}
  .br-box9 .b9-center {padding: 25px 48px;border-radius: 7px;}
  .br-box9 .b9-content-title{margin-bottom:25px;}
  .br-box10 .b10-center {padding: 28px 60px 72px;}
  .br-box10 .b10-item-center {gap: 32px;}
  .popup .popup-content {width: 300px;height: 320px;padding: 117px 83px 62px 77px;margin-top: 113px;}
  .popup .popup-qrcode {width: 142px;height: 142px;}
  .popup .popup-close {width: 32px;height: 32px;margin-top: 34px;}
  .pagination {margin: 64px 0 15px;gap: 6px;} .pagination li {width: 31px;height: 31px;line-height:31px;}
  footer {padding: 34px 0 20px;}
  footer .br-footer-logo {width: 284px;min-width: 200px;}
  footer .br-footer-line {height: 3px;margin-top: -3px;}
  footer .br-footer-list a {margin-right: 32px;margin-top: 21px;margin-right: .33rem;}
  footer .br-footer-wx {width: 27px;height: 28px;margin-bottom: 19px;}
}

@media screen and (max-width: 1200px){
  .y-padding{padding-left: 144px !important;padding-right: 144px !important;}
  .main{padding-bottom: 30px;}
  .header-nav-box {padding: 17px 0 14px;}
  header .header-logo {width: 240px;}
  header .header-xlogo {width: 178px;margin-left: 67px;}

  header .header-search-btn {width: 11px;height: 11px;min-width: 11px;}
  .sy-box1 { height: 430px; }
  .sy-box1 .swiper-pagination { bottom: 80px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 10px 0 0 !important; border: 2px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 26px; }
    .br-box1 .br-pagination {bottom: 12px !important;}
  .br-box1 {padding: 20px 25px 23px 23px;margin-top: -64px;gap: 15px;}
  .br-box1 .sy-box2 {height: 236px;height: 295px;}
  .br-box1 .sy-box2 .slide-tit {padding: 8px 11px 7px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 33px;}
  .br-box1  .br-box1-right .br1-top .br1-title {padding-bottom: 7px;}
  .br-box1  .br1-list .br1-item {gap: 4px;margin-top: 13px;}
  .br-box1  .br1-list .br1-item .br1-icon {width: 12px;height: 12px;}
  .br-box2 {margin-top: 21px;gap: 22px;}
  .br-box2 .br2-list {margin-top: 14px;}
  .br-box2 .br2-list .br2-list-top {padding: 0 23px 0 11px;}
  .br-box2 .br2-list .br2-list-top-item-icon {width: 38px;height: 38px;}
  .br-box2 .br2-list .br2-list-top-item-name {margin-top: 2px;}
  .br-box2 .br2-list-bottom {margin-top: 13px;}
  .br-box2 .br2-list .br2-list-bottom-item {padding: 12px 6px  26px;}
  .br-box2 .br2-list  .br2-list-bottom-item-icon {width: 38px;height: 38px;}
  .br-box2 .br2-list .br2-list-bottom-item-name {margin-top: 7px;}
  .br-box2 .br2-list .br2-list-bottom-item-desc {margin-top: 9px;}
  .br-box3 {padding: 28px 0 60px;}
  .br-box3 .b3-box {padding: 22px 75px 42px 36px;border-top: 6px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 18px;gap: 20px;}
  .br-box3 .b3-icon {width: 25px;height: 25px;margin-right: 6px;}
  .br-box3 .b3-right {margin-top: 30px;}
  .br-box3 .b3-left {width: 57%;}
  .br-box3 .b3-input-box {height: 50px !important;margin-top: 9px;padding: 0 16px 0 11px !important;}
  .br-box3 .b3-item {margin-top: 25px;}
  .br-box3 .b3-btn {width: 15px;height: 12px;}
  .br-box3 .b3-btn-box {margin-top: 38px;}
  .br-box3 .b3-comfire {width: 48.8%;height: 50px;line-height: 50px;}
  .br-box4 .b4-center {margin-top: 43px;}
  .br-box4 .b4-left {gap: 27px 5.5%;}
  .br-box4 .b4-item {width: 47%;padding: 22px 21px 22px;gap: 19px;}
  .br-box4 .b4-icon {width: 76px;height: 76px;padding: 13px;min-width: 76px;}
  .br-box4 .b4-right {margin-top: 16px;}
  .br-box5 .b3-center {margin-top: 33px;}
  .br-box5 .score-table {margin-top: 11px;}
  .br-box5 .section-title {padding: 16px 0;}
  th {padding: 12px 11px;}
  td {padding: 14px 12px;}
  .br-box7 {padding: 16px 0 113px;} .br-box7 .b7-icon {width: 14px;height: 11px;}  .br-box7 .b7-center {margin-top: 22px;gap: 2.4%;} .br-box7 .b7-left {width: 67.19%;padding: 19px;} 
  .br-box7 .b7-line {width: 25px;min-width: 25px;} 
  .br-box7 .b7-left-item {gap: 16px;padding: 15px 0 22px;display: inline-flex;width: 100%;} 
  .br-box7 .b7-desc {margin-top: 13px;} 
  .br-box7 .b7-right {width: 30.41%;} 
  .br-box7 .b7-right-title {padding: 17px 16px;} 
  .br-box7 .b7-right-title-icon {width: 19px;height: 16px;margin-right: 8px;} 
  .b7-right-item a {padding: 15px 17px;}
  .br-box7  .wid-80{width: 72%;}
  .br-box8 .b8-box {padding: 36px 15px;border-radius: 6px;}
  .br-box8 .b8-time {margin-top: 24px;}
  .br-box8 .b8-content {margin-top: 28px;padding-top: 25px;}
  .br-box8 .b8-btn {margin-top: 11px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 6px;padding: 15px 9px 19px;}
  .br-box9 .b9-center {padding: 22px 42px;border-radius: 6px;}
  .br-box9 .b9-content-title{margin-bottom:22px;}
  .br-box10 .b10-center {padding: 25px 54px 64px;}
  .br-box10 .b10-item-center {gap: 28px;}
  .popup .popup-content {width: 260px;height: 280px;padding: 103px 72px 54px 67px;margin-top: 99px;}
  .popup .popup-qrcode {width: 123px;height: 123px;}
  .popup .popup-close {width: 28px;height: 28px;margin-top: 30px;}
  .pagination {margin: 55px 0 13px;gap: 5px;} .pagination li {width: 27px;height: 27px;line-height:27px;}
  footer {padding: 29px 0 17px;}
  footer .br-footer-logo {width: 244px;min-width: 180px;}
  footer .br-footer-line {height: 3px;margin-top: -3px;}
  footer .br-footer-list a {margin-right: 31px;margin-top: 18px;}
  footer .br-footer-wx {width: 23px;height: 24px;margin-bottom: 16px;}
}

@media screen and (max-width: 993px){
  .y-padding{padding-left: 12% !important;padding-right: 12% !important;}
  .main{padding-bottom: 25px;}
  .header-content{display: none;}
  header .header-xlogo{display: none;}
  header .header-logo-box {height: 62px;}
  .header-nav-box {padding: 14px 0 12px;}
  header .header-logo {width: 250px;}
  header .header-search {width: 122px;height: 24px;}
  header .header-search-btn {width: 9px;height: 9px;min-width: 9px;}
  .header-placeholder{height: 62px !important;}
  .sy-box1 { height: 360px; }
  .sy-box1 .swiper-pagination { bottom: 70px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 8px 0 0 !important; border: 1.5px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 22px; }
  .br-box1 .br-pagination {bottom: 15px !important;}
  .br-box1 {padding: 16px 20px 19px 19px;margin-top: -53px;gap: 30px;flex-direction: column;}
  .br-box1 .br-box1-left, .br-box1 .br-box1-right {width: 100%;max-width: 100%;}
  .br-box1 .sy-box2 {height: 394px;}
  .br-box1 .sy-box2 .slide-tit {padding: 7px 9px 5px;padding: 12px 15px 10px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 27px;}
  .br-box1  .br-box1-right .br1-top .br1-title {padding-bottom: 10px;}
  .br-box1  .br1-list .br1-item {gap: 3px;margin-top: 15px;}
  /* .br-box1  .br1-list .br1-item .br1-icon {width: 10px;height: 10px;} */
  .br-box2 {margin-top: 17px;gap: 30px;}
  .br-box2 .br2-list {margin-top: 32px;}
  .br-box2 .br2-list .br2-list-top {padding: 0 19px 0 9px;}
  .br-box2 .br2-list .br2-list-top-item-icon {width: 32px;height: 32px;}
  .br-box2 .br2-list .br2-list-top-item-name {margin-top: 6px;}
  .br-box2 .br2-list-bottom {margin-top: 20px;}
  .br-box2 .br2-list .br2-list-bottom-item {padding: 10px 10px 18px;}
  .br-box2 .br2-list  .br2-list-bottom-item-icon {width: 32px;height: 32px;}
  .br-box2 .br2-list .br2-list-bottom-item-name {margin-top: 6px;}
  .br-box2 .br2-list .br2-list-bottom-item-desc {margin-top: 7px;}
  .br-box3 {padding: 24px 0 53px;}
  .br-box3 .b3-box {padding: 19px 65px 37px 32px;border-top: 5px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 15px;gap: 17px;}
  .br-box3 .b3-icon {width: 23px;height: 23px;margin-right: 6px;}
  .br-box3 .b3-right {margin-top: 26px;width: 36%;}
  .br-box3 .b3-left {width: 60%;}
  .br-box3 .b3-input-box {height: 43px !important;margin-top: 8px;padding: 0 12px 0 7px !important;}
  .br-box3 .b3-item {margin-top: 22px;}
  .br-box3 .b3-btn {width: 13px;height: 10px;}
  .br-box3 .b3-btn-box {margin-top: 33px;}
  .br-box3 .b3-comfire {width: 48.8%;height: 43px;line-height: 43px;}
  .br-box4 .b4-center {margin-top: 37px;}
  .br-box4 .b4-left {gap: 23px 5.5%;}
  .br-box4 .b4-item {width: 47%;padding: 19px 18px 19px;gap: 16px;}
  .br-box4 .b4-icon {width: 54px;height: 54px;padding: 8px;min-width: 54px;}
  .br-box4 .b4-right {margin-top: 14px;}
  .br-box5 .b3-center {margin-top: 28px;}
  .br-box5 .score-table {margin-top: 9px;}
  .br-box5 .section-title {padding: 14px 0;}
  th {padding: 10px 9px;}
  td {padding: 12px 10px;}
  .br-box7 {padding: 13px 0 96px;} 
  .br-box7 .b7-icon {width: 16px;height: 14px;} 
  .br-box7 .b7-center {margin-top: 19px;gap: 2.4%;} 
  .br-box7 .b7-left {padding: 16px;} 
  .br-box7 .b7-line {width: 21px;min-width: 21px;} 
  .br-box7 .b7-left-item {gap: 13px;padding: 13px 0 19px;display: inline-flex;width: 100%;} 
  .br-box7 .b7-desc {margin-top: 11px;} 
  .br-box7 .b7-right {border-radius: 5px;} 
  .br-box7 .b7-right-title {padding: 15px  14px;} 
  .br-box7 .b7-right-title-icon {width: 17px;height: 17px;margin-right: 7px;} 
  .b7-right-item a {padding: 13px 14px;}
  .br-box8 .b8-box {padding: 30px 13px;border-radius: 5px;}
  .br-box8 .b8-time {margin-top: 20px;}
  .br-box8 .b8-content {margin-top: 24px;padding-top: 21px;}
  .br-box8 .b8-btn {margin-top: 10px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 5px;padding: 13px 8px 16px;}
  .br-box9 .b9-center {padding: 18px 36px;border-radius: 5px;}
  .br-box9 .b9-content-title{margin-bottom:18px;}
  .br-box10 .b10-center {padding: 22px 48px 56px;}
  .br-box10 .b10-item-center {gap: 24px;}
  .pagination {margin: 46px 0 11px;gap: 4px;} 
  .pagination li {width: 28px;height: 28px;line-height:28px;}
  footer {padding: 24px 0 14px;}
  footer .br-footer-logo {width: 250px;}
  footer .br-footer-line {height: 2px;margin-top: -2px;}
  footer .br-footer-list a {margin-right: 26px;margin-top: 15px;}
  footer .br-footer-wx {width: 21px;height: 22px;margin-bottom: 13px;}
  footer .br-footer-box{display: none;}
}


/* 平板端适配（768px）- 沿用手机布局，尺寸按比例放大1.5倍 */
@media screen and (max-width: 768px) {
  .y-padding { padding-left: 60px !important; padding-right: 60px !important; }
  header .header-logo {width: 230px;}
  /* .mobile-nav.active{padding: 10px 0;} */
  .mobile-menu-btn {height: 38px;}
  .sy-box1 { height: 280px; }
  .sy-box1 .swiper-pagination { bottom: 60px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 4px; height: 4px; margin: 0 6px 0 0 !important; border: 1.5px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 18px; }
  .br-box1 {padding: 17px 21px 20px 20px;margin-top: -48px;gap: 25px;}
  .br-box1 .sy-box2 {height: 337px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 25px;}
  .br-box2 {flex-direction: column;margin-top: 25px;}
  .br-box2 .br-box2-left {width: 100%;}
  .br-box2 .br2-list-bottom {flex-wrap: wrap;}
  .br-box2 .br2-list .br2-list-bottom-item {width: 50%;padding: 15px 15px 23px;}
  .br-box3 {padding: 20px 0 46px;}
  .br-box3 .b3-box {padding: 16px 55px 31px 27px;border-top: 4px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 13px;gap: 15px;flex-direction: column;}
  .br-box3 .b3-icon {width: 22px;height: 22px;margin-right: 8px;}
  .br-box3 .b3-right {margin-top: 23px;width: 100%;}
  .br-box3 .b3-left {width: 100%;}
  .br-box3 .b3-input-box {height: 32px;margin-top: 7px;padding: 0 9px 0 6px;}
  .br-box3 .b3-item {margin-top: 19px;}
  .br-box3 .b3-btn {width: 11px;height: 9px;}
  .br-box3 .b3-btn-box {margin-top: 29px;}
  /* .br-box3 .b3-comfire {height: 32px;line-height: 32px;} */
  .br-box4 .b4-center {margin-top: 31px;}
  .br-box4 .b4-left {gap: 19px 5.5%;gap: 19px 3.5%;}
  .br-box4 .b4-item {width: 100%;width: 48.2%;padding: 16px 15px 16px; gap: 14px;}
  .br-box4 .b4-icon {width: 56px;height: 56px;padding: 9px;min-width: 56px;}
  .br-box4 .b4-right {margin-top: 12px;}
  .br-box5 .b3-center {margin-top: 24px;}
  .br-box5 .score-table {margin-top: 8px;}
  .br-box5 .section-title {padding: 12px 0;}
  th {padding: 9px 8px;}
  td {padding: 10px 9px;}
  .br-box7 {padding: 11px 0 80px;} 
  .br-box7 .b7-icon {width: 15px;height: 13px;} 
  .br-box7 .b7-center {margin-top: 16px;gap: 18px;flex-direction: column-reverse;} 
  .br-box7 .wid-80 {width: 75%;}
  .br-box7 .b7-left {width: 100%;padding: 14px;} 
  .br-box7 .b7-line {width: 18px;min-width: 18px;} 
  .br-box7 .b7-left-item {gap: 11px;padding: 11px 0 16px;display: inline-flex;width: 100%;} 
  .br-box7 .b7-desc {margin-top: 9px;} 
  .br-box7 .b7-right {width: 100%;margin-top: 18px;} 
  .br-box7 .b7-right-title {padding: 14px 12px;} 
  .br-box7 .b7-right-title-icon {width: 16px;height: 16px;margin-right: 8px;} 
  .b7-right-item a {padding: 15px 12px;}
  .br-box8 .b8-box {padding: 24px 11px;border-radius: 4px;}
  .br-box8 .b8-time {margin-top: 16px;}
  .br-box8 .b8-content {margin-top: 20px;padding-top: 17px;}
  .br-box8 .b8-btn {margin-top: 10px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 4px;padding: 11px 6px 13px;}
  .br-box9 .b9-center {padding: 15px 30px;border-radius: 4px;}
  .br-box9 .b9-content-title{margin-bottom:15px;padding-bottom:15px;}
  .br-box10 .b10-center {padding: 19px 40px 48px;}
  .br-box10 .b10-item-center {gap: 20px;}
  .pagination {margin: 38px 0 9px;gap: 4px;} 
  .pagination li {width: 30px;height: 30px;line-height:30px;}
  footer {padding: 20px 0 12px;}
  footer .br-footer-logo {width: 180px;width: 40%;min-width: inherit;}
  footer .br-footer-list a {margin-right: 20px;margin-top: 12px;}
  footer .br-footer {flex-direction: column;}
  footer .br-footer-desc {text-align: center;}
  footer .br-footer-wx {display: none;}
}

@media (max-width: 576px) {
  .y-padding { padding-left: 16px !important; padding-right: 16px !important; }
  header .header-logo {width: 210px;}
  .sy-box1 { height: 220px; }
  .sy-box1 .swiper-pagination { bottom: 50px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 3px; height: 3px; margin: 0 5px 0 0 !important; border: 1px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 14px; }
  .br-box1 {padding: 12px 15px 14px 14px;margin-top: -40px;gap: 20px;}
  .br-box1 .sy-box2 {height: 278px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 15px;}
  .br-box2{margin-top: 20px;}
  /* .br-box2 .br2-list .br2-list-bottom-item {width: 100%;} */
  .br-box3 {padding: 16px 0 39px;}
  .br-box3 .b3-box {padding: 13px 45px 26px 22px;border-top: 4px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 11px;gap: 12px;}
  .br-box3 .b3-icon {width: 20px;height: 20px;margin-right: 7px;}
  .br-box3 .b3-right {margin-top: 20px;}
  .br-box3 .b3-left {width: 100%;}
  .br-box3 .b3-input-box {height: 36px !important;margin-top: 6px;padding: 0 10px 0 7px !important;}
  .br-box3 .b3-item {margin-top: 16px;}
  .br-box3 .b3-btn {width: 10px;height: 8px;}
  .br-box3 .b3-btn-box {margin-top: 25px;}
  .br-box3 .b3-comfire {height: 36px;line-height: 36px;}
  .br-box4 .b4-center {margin-top: 26px;}
  .br-box4 .b4-left {gap: 16px 5.5%;gap: 16px 3.5%;}
  .br-box4 .b4-item {padding: 13px 12px;gap: 12px;}
  .br-box4 .b4-icon {width: 47px;height: 47px;padding: 8px;min-width: 47px;}
  .br-box4 .b4-right {margin-top: 10px;}
  .br-box5 .b3-center {margin-top: 20px;}
  .br-box5 .score-table {margin-top: 7px;}
  .br-box5 .section-title {padding: 10px 0;}
  th {padding: 8px 7px;}
  td {padding: 9px 8px;}
  .br-box7 {padding: 9px 0 68px;} 
   .br-box7 .b7-center {margin-top: 13px;}
    .br-box7 .b7-left {width: 100%;padding: 12px;} 
    .br-box7 .b7-line {width: 15px;min-width: 15px;}
     .br-box7 .b7-left-item {gap: 9px;padding: 9px 0 13px;display: inline-flex;width: 100%;}
    .br-box7 .b7-desc {margin-top: 8px;} 
    .br-box7 .b7-right {width: 100%;margin-top: 15px;} 
    .br-box7 .b7-right-title {padding: 12px 10px;}
    .br-box7 .b7-right-title-icon {width: 15px;height: 15px;margin-right: 5px;}
    .b7-right-item a {padding: 13px 10px;}
  .br-box8 .b8-box {padding: 20px 10px;border-radius: 3px;}
  .br-box8 .b8-time {margin-top: 13px;}
  .br-box8 .b8-content {margin-top: 16px;padding-top: 14px;}
  .br-box8 .b8-btn {margin-top: 10px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 3px;padding: 9px 5px 11px;}
  .br-box9 .b9-center {padding: 12px 24px;border-radius: 3px;}
  .br-box10 .b10-center {padding: 16px 32px 40px;}
  .br-box10 .b10-item-center {gap: 16px;}
  .pagination {margin: 32px 0 8px;gap: 7px;}
  footer {padding: 16px 0 10px;}
  footer .br-footer-logo {width: 150px;width: 38%;}
  footer .br-footer-list a {margin-right: 15px;margin-top: 10px;}
}

@media (max-width: 400px) {
  /* header .header-logo {width: 120px;} */
  .sy-box1 { height: 180px; }
  .sy-box1 .swiper-pagination { bottom: 40px !important; }
  .sy-box1 .swiper-pagination-bullet { width: 2px; height: 2px; margin: 0 4px 0 0 !important; border: 1px solid #FFFFFF; }
  .sy-box1 .swiper-pagination-bullet-active { width: 10px; }
  .br-box1 {padding: 10px 12px 12px 12px;margin-top: -32px;gap: 15px;}
  .br-box1 .sy-box2 {height: 189px;}
  .br-box1  .br-box1-right .br1-top .br1-title-box {gap: 10px;width: 77%;}
  .br-box1 .sy-box2 .slide-tit .wid-80{width: 70%;}
  .br-box2 {margin-top: 20px;}
  .br-box2 .br2-list .br2-list-top{flex-wrap: wrap;gap: 30px 0 ;}
  .br-box2 .br2-list .br2-list-top-item{width: 50%;}
  .br-box3 {padding: 14px 0 33px;}
  .br-box3 .b3-box {padding: 11px 38px 22px 18px;border-top: 3px solid #DE3206;}
  .br-box3 .b3-center {margin-top: 9px;gap: 10px;}
  .br-box3 .b3-icon {width: 19px;height: 19px;margin-right: 6px;}
  .br-box3 .b3-right {margin-top: 17px;}
  .br-box3 .b3-left {width: 100%;}
  .br-box3 .b3-input-box {height: 24px;margin-top: 5px;padding: 0 7px 0 4px;}
  .br-box3 .b3-item {margin-top: 14px;}
  .br-box3 .b3-btn {width: 9px;height: 7px;}
  .br-box3 .b3-btn-box {margin-top: 21px;}
  /* .br-box3 .b3-comfire {width: 100%;height: 24px;line-height: 24px;} */
  .br-box4 .b4-center {margin-top: 22px;}
  .br-box4 .b4-left {gap: 13px 3.5%;}
  .br-box4 .b4-item {padding: 11px 10px;gap: 10px;}
  .br-box4 .b4-icon {width: 39px;height: 39px;padding: 6px;min-width: 39px;}
  .br-box4 .b4-right {margin-top: 8px;}
  .br-box5 .b3-center {margin-top: 17px;}
  .br-box5 .score-table {margin-top: 6px;}
  .br-box5 .section-title {padding: 9px 0;}
  th {padding: 7px 6px;}
  td {padding: 8px 7px;}
  .br-box7 {padding: 8px 0 57px;} 
  .br-box7 .b7-icon {width: 13px;height: 11px;} 
  .br-box7 .b7-center {margin-top: 11px;gap: 2.4%;}
   .br-box7 .b7-left {width: 100%;padding: 10px;} 
   .br-box7 .b7-line {width: 13px;min-width: 13px;}
    .br-box7 .b7-left-item {gap: 8px;padding: 8px 0 11px;display: inline-flex;width: 100%;} 
    .br-box7 .b7-desc {margin-top: 7px;}
     .br-box7 .b7-right {width: 100%;margin-top: 13px;}
      .br-box7 .b7-right-title {padding: 10px 9px;}
       .br-box7 .b7-right-title-icon {width: 14px;height: 14px;} 
  .b7-right-item a {padding: 11px 9px;}
    .br-box7 .wid-80 {width: 72%; }
  .br-box8 .b8-box {padding: 16px 10px;border-radius: 2px;}
  .br-box8 .b8-time {margin-top: 11px;}
  .br-box8 .b8-content {margin-top: 13px;padding-top: 11px;}
  .br-box8 .b8-btn {margin-top: 10px;}
  .br-box8 .b8-btn .b8-on {width: 49%;background: #FFFFFF;border-radius: 2px;padding: 7px 4px 9px;}
  .br-box9 .b9-center {padding: 10px 20px;border-radius: 2px;}
  .br-box10 .b10-center {padding: 13px 24px 32px;}
  .br-box10 .b10-item-center {gap: 13px;}
  .popup .popup-content {width: 70%;height: auto;padding: 28% 10% 15% 19%;margin:auto;}
  .popup .popup-qrcode {width: 76%;height: 76%;max-width: 120px;max-height: 120px;}
  .popup .popup-close {width: 24px;height: 24px;margin-top: 25px;}
  .pagination {margin: 27px 0 7px;gap: 6px;} .pagination li {width: 26px;height: 26px;line-height:26px;}
  footer {padding: 15px 0 22px;}
  footer .br-footer-logo {width: 55%;}
  footer .br-footer-list a {margin-right: 10px;margin-top: 8px;}
}