@import './markdown.css';
@import '../fonts/iconfont.css';
@font-face {
  font-family: 'din_condensedbold';
  src: url(../fonts/din_condensedbold/din_condensed_bold-webfont.svg);
  font-weight: normal;
}
@font-face {
  font-family: 'youshebiaotihei';
  src: url(../fonts/youshebiaotihei/YouSheBiaoTiHei-2.ttf);
  font-weight: normal;
}

/* 全屏样式 - 确保所有浏览器100%显示 */
.fullscreen-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999 !important;
  background: #EDF6FF !important;
  overflow: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  /* 确保在真正全屏模式下也能正常显示 */
}

/* .fullscreen-content {
  transform: scale(1) !important;
  transform-origin: 0 0 !important;
  width: calc(100vw - 30px) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
  min-width: 1200px !important;
  overflow-x: auto !important;
} */

.normal-content {
  transform-origin: 0 0;
}

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size:16px;
  font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  color:#333;
  font-style: normal;
}
body {
  background: url(../images/bodybg.png) no-repeat center 195px  #EDF6FF;
  background-size: cover;
  
}
a{color:#333;transition: all 0.4s ease;}
a:hover{color:#479ee4}
html.dark {
  background: #121212;
  color-scheme: dark;
}
img{display:inline-block!important}
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: rgb(13, 148, 136);
  opacity: 0.75;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.li::before{position: absolute; left:2px;top:7px;content: '';width: 5px; height: 5px; background-color: #4792CD;}
.li:hover{color:#479ee4}
.bg_b{ position: relative;display: inline-block; min-height:650px }

.bg_b::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url(../images/b_bg.png) no-repeat center bottom #fff;
  opacity: 0.2; /* 只影响背景图片 */
  z-index: -1; /* 确保它在内容之下 */

}
.bg_b::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #fff;

  z-index: -2; /* 确保它在内容之下 */
}



.neiye{
  @apply mx-auto mt-[5px] web1260 p-[5px] pb-[50px]
}
.banner img{height:145px;max-width: 100%;}
.din_font {
  font-family: 'din_condensedbold';
  font-weight: bold;
}
.ys_font {
  font-family: 'youshebiaotihei';

}
.arial_font {
  font-family: 'arial';
  font-weight: bold;
}

.party_bg_b{ position: relative;display: inline-block; min-height:800px  }

.party_bg_b::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url(../images/party-bg.png) no-repeat center bottom #fff;
  opacity: 0.2; /* 只影响背景图片 */
  z-index: -1; /* 确保它在内容之下 */

}
.party_bg_b::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: #fff;

  z-index: -2; /* 确保它在内容之下 */
}

.party_right_bg{
  background: url(../images/party-topbg.png) no-repeat top rgba(255,255,255,0.2);
  background-size:1088px 725px;
  overflow: hidden;
  /* background-size:cover; */

}

.partymenu span {
  padding: 0 18px 0 18px;
  margin-right: 10px;
}
.partymenu span:hover {
  background-color: #fff;
  padding: 0 18px 0 18px;
  color: #e02d2d;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}
.partymenu span.hover {
  background-color: #fff;
  color: #e02d2d;
  border-radius: 5px 5px 0 0;
}
.partymenu a:hover{color:#E02D2D}
.mb-bg {
  height: 45px;
  background: url(../images/party-lmcy.png) no-repeat left top #ffdede;
}
.advancedbg{
  height: 69px;
  background: url(../images/party-dx.png) no-repeat left top;
  width:1025px;
}
.experts{
  background: url(../images/party-expert.png) no-repeat center bottom;
}
.experts::after {
  content: '';
  position: absolute;
 right: 0; bottom: 0;
  background: linear-gradient(90deg, rgba(255, 231, 231, 0.8) 5.07%, rgba(255, 238, 238, 0.8) 100%);
  z-index: -1; /* 确保它在内容之下 */
}
.login{
  background: url(../images/dlbg.png) no-repeat left top;
  height:775px;
}
.bg_enterprise{
  background-color:#EDF3F9;
}
.neiye_enterprise{
  @apply mx-auto web1260  pb-0
}
.bg_menu {
  background: linear-gradient(90deg, #35aeeb 0%, #e2f0fb 100%);
  height: 34px;
  color: #fff;
  text-align: left;
}

.menubg {
  background: linear-gradient(180deg, #54a3e2 0%, #3b97e0 100%);
  border-radius: 5px 5px 0px 0px;
  text-align: left;
}
.menubg a {
  color: #fff;
  padding: 5px 20px;
  margin: 4px 10px 0 10px;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
}
.menubg a:hover {
  color: #c9e7ff;
}
.menubg a.hover {
  background-color: #fff;
  color: #469ee4;
  display: inline-block;
  border-radius: 5px 3px 0 0;
}
.b_l {
  padding-bottom: 12px;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, #36b0ff, #0080d4) 1;
  font-weight: 500;
}
.web1260{width:1200px;}
.topmenu{display: none;}
@media (max-width: 1024px) { 
  .web1260{width:1024px;}
  .dsj .shuzi p.two{padding-left:0px !important}
}
.sy-r{width:230px;}
.sy-l{width:340px;}
.sy{display: flex;}
.sy-c{width:585px;}
.news{display: flex; width: 100%;}
.news .img{width: 250px;}
.news .text{width:60%;}
.index_theindustry{display: grid;grid-template-columns: 150px 1fr; }



.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: #428BC5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  transition: 
    opacity 0.3s ease, 
    transform 0.3s ease, 
    background-color 0.2s;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  z-index: 1000;
}

.back-to-top:hover {
  background-color: #256FAA;
  transform: translateY(-5px);
}

.back-to-top svg {
  width: 24px;
  height: 24px;
  fill: white;
}

.v-show-active .back-to-top {
  opacity: 1;
  transform: translateY(0);
}
.event{
  margin:0 25px 0 30px ;
  height: 78px;
  padding:0 20px 0 20px;
  line-height: 70px;
  font-size: 22px;
 
}
@media (min-width: 1024px) {
.moblie-bottom{display: none!important;}
}
@media (max-width: 768px) {
  .desktop-only { display: none; }
  .mobile-layout { padding: 0 12px; }
  .absolute.xf {
    display: none; /* 移动端隐藏悬浮按钮 */
  }
  .sy-r{width:100%}
  .sy-l{width:100%;}
  .org-info{width: 100% !important;}
  .sy-c{width:100%}
  .sy{display: flex; flex-direction: column;}
  .web1260{width:100%;}
  .news{display: flex;flex-direction: column; width: 100%;}
  .news .img{width:100%!important;}
  .news .text{width:100%;}
  .mobil_mb{padding-bottom: 80px;}
  img{width: 100%;}
  .mobile-t{margin-top:-20px}
  .moblie-b1{position: relative!important; height:180px!important; z-index: 0!important; }
  .moblie-b{align-items: start!important;display: block!important; }
  .mobile-b-w{width:230px;}
  .index_theindustry{display: flex!important;flex-direction: column!important; }
  .index_theindustry .menu{flex-direction:row!important;}
  .index_theindustry .menu>div{border-radius: 0!important;padding-left:0px!important; text-align: center!important;}
  .index_theindustry .submenu>div>span{font-size: 14px;}
  .index_theindustry .map{margin-right: 5px!important; display: none;}
  .index_theindustry .sh_right{margin-left:50px!important;}
  .mobile_none{display: none!important;}
  .bg_top1{display: none!important;}
  .mobile_top_img{height: 50px!important;}
  .mobile_column{flex-direction: column!important; }
  .mobile_row{flex-direction:row!important;}
  .topmenu{display: block;position: fixed; right:12px; top:7px; background-color: #007db0;border-radius:5px; width: 30px; height: 30px;color: #fff; text-align: center; line-height: 30px;}
  .mobile-top{height:45px !important;;padding-top:5px;}
  .back-to-top {
    right: 20px;
    bottom: 80px;
    width: 44px;
    height: 44px;
  }
.bg_left{min-height: 50px !important; width: 100%!important; background: none!important;}
.bg_left span{margin-left : 0!important;padding-left:0!important; background: none!important;font-size: 14px!important; }
.bg_left a{text-align: center!important; padding:5px 0!important;}
.banner img{height: 65px!important;}
.ldbg-card{width: 100%!important;}
.mobile-t30{margin-top:30px!important}
.mobile-mp{margin:0 !important;padding: 0 !important;}
.set1 {height:40px!important;margin-bottom:10px;}
.ml-\[16px\]{margin-left:14px!important}
/* .pr-\[12px\]{padding-right:0!important} */
.event{
  margin:0 5px 0 5px ;
  height: 22px;
  padding:0;
  line-height: 22px;
  font-size: 12px;
 
}
.dsj_white div.hover:after{ content: '';
    position: absolute;
    bottom: -5px!important;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent!important;
    border-right: 5px solid transparent!important;
    border-top: 5px solid #ffa631!important;
    transition: opacity 0.3s ease;}
  .btn{margin-left:20px!important;}
.museum{padding-left:15px;}
.museum img{width: px;}
}