body{color: #f0f0f0;  font-family: 'HARMONYOS_SANS_SC_REGULAR';     background-color: #000;}
a{color:#fff;}
a:hover{}
a:visited{}
a:active,a:focus,a:hover{}
.my-auto {display: flex;}
.flex{ display: flex; align-items: center;}
.flex1{ display: flex; align-items: center;}
.header{ height: 70px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed;  background: linear-gradient(180deg, #000, #d9d9d900);}
.header .wh{ max-width: 92%; margin: 0 auto;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 70px; text-align: left; margin: 0; z-index: 1001; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items: start; max-width: 225px;}
.logo img{vertical-align: middle; max-height:100%; }

.fix-head{ height: 70px; background: #000000;}.panel-tow
.fix-head .logo{ height: 70px;}

.wapNavBtn{display:none;line-height: 60px; height:90px; width:40px;font-size: 2rem; z-index:1000; position: absolute; right: 3%; top: 0; cursor: pointer;}
.wapNavBtn span{ display:block; right:0; width:100%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 3px; background: #ffffff; z-index: 10;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);}
.wapNavBtn.on span{ background:#ffffff; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg);width: 100%; }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);width: 100%;}

.fix-head .wapNavBtn{ height: 90px; transition: all 0.1s;}
.fix-head .wapNavBtn.on{ height: 90px;}
/* 导航-1 */
.navBox{width:100%; max-width:500px; margin-left: auto;  transition: all 0.3s ease; position: relative;}
.navBox ul.navCont{position: relative; z-index: 1;}
.navBox ul.navCont li.child{float:left; width:23.5%; text-align:center; position: relative; display: block;}
.navBox ul.navCont li.child a{display: block;color:#ffffff; font-size: 18px; line-height:70px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li:last-child{ width: 6%;}
.navBox ul.navCont li:hover a,.navBox ul.navCont li.on,.navBox ul.navCont li.on a{  color: #0044fe; transition: all 0.3s;}
.navBox ul.navCont li:hover i{ transform: rotate(180deg); transition: all 0.3s; color: #0044fe;}
.navBox ul.navCont li:last-child p{ display: none;}
.navBox ul.navCont li:last-child span{ border: 1px solid #ffffff; padding: 2px; font-size: 16px; border-radius: 2px;}
.navBox ul.navCont li.child i:before{  transition: all 0.2s;   display: inline-block; transform: rotate(180deg);}
.childn{  width: 100%;  display: flex; justify-content: center; align-items: center;}
.childn i{ font-size: 18px; font-weight: bold;}
.navBox ul.navCont li.child.cur a{}

.fullscreen-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 9998; display: none;}

.navBox li.child .childcont {  z-index: 9999; /* 确保下拉菜单在遮罩层之上 */ position: relative;}

.fix-head .navBox ul.navCont li.child a{  height: 70px; line-height: 70px;}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute; top:70px; left: 0; right: 0; z-index:999; display:none; width: 100%; text-align: left; margin: 0 auto; }
.navBox ul.navCont li.child .childcont:before{width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 100; display: block; top: 0;}

.navBox ul.navCont li.child .childcont li{  text-align: center; display: block;  }
.navBox ul.navCont li.child .childcont a{ height: auto; color: #ffffff; height: 37px; line-height: 37px; text-align: left; font-size: 16px;padding-left:15px;}
.navBox ul.navCont li.child .childcont a:hover{ color: #0044fe;}

/* 新闻右侧滑出面板样式 */
.news-detail-panel { position: fixed; top: 0; right: -54%; width: 52%; height: 100%; background: #3b3c44; z-index: 10005; transition: right 0.4s ease-out; }

.news-detail-panel.max-w{ width: 40%;}
.news-detail-panel.open {right: 0;}

.panel-header { text-align: right; position: absolute; right: 3%; top: 2%;     z-index: 1;}
.close-btn  {background: none; border: none; font-size: 28px; cursor: pointer; color: #ffffff; width: 40px; height: 40px; border-radius: 50%;}
.panel-content { width: 88%; padding: 6%; margin: 0 auto; height: 90%; overflow-x: hidden; overflow-y: auto;}
.detail-title { font-size: 2.4rem; font-weight: bold; margin-bottom: 15px;}
.detail-date { margin-bottom: 20px; font-size: 14px;}
.detail-body { line-height: 1.8; font-size: 16px; padding-bottom: 10rem;}
.panel-content  .row { align-items: stretch; display: flex; flex-wrap: wrap;}
.overlay {  position: fixed;  top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden;  transition: all 0.3s; z-index: 999;}
.overlay.active { opacity: 1; visibility: visible; display:block;}
body.panel-open {  overflow: hidden;}

.panel-content::-webkit-scrollbar {width: 6px; /* 滚动条宽度 */}
.panel-content::-webkit-scrollbar-track { background:rgba(0,0,0,0.5); /* 滚动条轨道颜色 */}
.panel-content::-webkit-scrollbar-thumb { background: #888; /* 滚动条滑块颜色 */}

.more-cases-panel { position: fixed; top: 0; right: -54% ; width: 54%; height: 100%; background: #3b3c44; z-index: 10006;   transition: right 0.4s ease-out !important; display: block; visibility: visible;}
.more-cases-panel.open { right: 0;}

.more-cases-panel .panel-content{ width: 100%;  height: 100%; padding: 0;}
.panel-tow{ border-bottom: 1px solid #ffffff; padding: 1rem 0;}
.panel-tow span{ font-size: 16px;}

.panel-list{ list-style: none; margin: 3rem 0; clear: both; overflow: hidden;}
.panel-list li{ width: 48%; margin-right: 4%; float: left; text-align: center; margin-bottom: 1rem; background: #343535; border-radius: 4px; font-size: 14px; padding: 12px 0;}

.panel-list li span{ padding: 0 10px;}
.panel-list li:nth-child(2n){ margin-right: 0;}
.panel-pad{ padding: 4% 2rem;}
/*底部*/
.footer{ background: #000000;  padding: 6rem 0 0;  color:rgba(255,255,255,0.6); line-height: 2; position: relative; font-size: 16px; overflow: hidden; }
.foot_nav{ list-style: none; max-width: 800px; margin-left: auto;}
.foot_nav li{ width: 50%; float: left;}
.foot_nav li a:hover{ color:#0044fe;}
.foot_nav li span a{ font-size: 16px; font-weight: bold; color: #ffffff; position: relative; line-height: 2; }
.foot_nav li p { margin: 1rem 0;}
.foot_nav li p a{ display:block; font-size: 14px; color:rgba(255,255,255,0.6); line-height: 2.5;}

.foot_bd{ padding-bottom: 5rem;}

.dot_f1{ text-align: left; max-width: 65px; }
.dot_f3{ font-size: 16px;  color:rgba(255,255,255,0.6); line-height: 1.8; text-align: left; margin: 3rem 0 5rem; max-width: 300px; width: 100%;}

.dot_f2{ clear: both; overflow: hidden; max-width: 120px; margin-left: auto;}
.dot_f2 p{ font-size: 16px; font-weight: bold; color: #FFFFFF;}
.dot_f2 img{ max-width: 120px; border-radius: 5px;  margin-top: 2rem;}



.foot{ color:rgba(255,255,255,0.6); border-top: 1px solid rgba(255,255,255,0.2); font-size: 13px;  line-height: 2; padding: 2rem 0;}
.foot a{  color:rgba(255,255,255,0.6); }
.foot_1 img{ width: 18px;}
.foot_1 a{ margin: 0 10px;}
.foot_1{ display: flex; justify-content: flex-end; align-items: center;}


/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

/*翻页*/
.pager{text-align: center; color: #333333; margin-bottom: 30px; margin-top: 3rem; display: flex; justify-content: center; align-items: center;}
.pager a,.pager span{ width: 35px; height: 35px;  line-height: 35px;  display: inline-block;  color: #ffffff; text-align: center; font-size: 14px; border: 1px solid #6e727a; margin: 0 2px; border-radius: 5px; }
.pager span.current,.pager a:hover{ background: #0044fe; border: 1px solid #0044fe;  color: #ffffff;}
.pager a.on{ background: #0044fe;  color: #ffffff; border: 1px solid #0044fe;}
.box_s .swiper-pagination-bullet{ width: 8px; height: 8px; background: rgba(255,255,255,1); opacity: 0.5;}
.box_s .swiper-pagination-bullet-active{opacity: 1;}