:root {
   --ratio: auto,50% 50%;  /* 默认 */
   --ratio-00: auto,center;
   --ratio-01_children: auto,center;  /* about下面所有子菜单 */
   --ratio-09_children: 5/1,center;  /* service下面所有子菜单 */

   --bulma-primary-h: 227deg;
   --bulma-primary-s: 79%;
   --bulma-primary-l: 33%;
}

#query_init #query_txt::before{
  content: "查询结果仅用于客户查询核对证书、报告真伪、不作他用。";
}
#query_notExist #query_txt::after{
  content: "查找不到编号为 ";
}
#query_notExist #query_No::after{
  content: " 的报告信息。";
}


/* Swiper container styles */
.swiper-container {
   width: 100%;
   height: 100%;
}

/* Swiper slide styles */
.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
}

/* Ensure images take 100% width of the slide */
.swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover; /* Optional: for better fit if you want to cover the slide */
}


figure img{
   width: 100%;
   height: auto;
   object-fit: cover;
}


/* 如果是html内容 */
.swiper-content{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   /*
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   */
}
.swiper-content .swiper-body{
   text-align: center;
}
.swiper-content .subtitle{
   margin-top: 0.5em;
}



#banner{
   margin-bottom: 1rem;
}


#head{
   margin-bottom: 1rem;
   display: flex;
   flex-direction: column;
}

#headNavi a.query, #foot a.query {
   display: none;
}
#headNavi .navbar-start {
   flex: 6;
}
#headNavi .navbar-end {
   flex: 1;
   justify-content: center;
}



.navbar-brand .navbar-item {
   padding:0;
   margin-bottom: 0.5rem;
}
.navbar-brand .navbar-item #logo{
   width: 8rem;
   height: auto;
   max-height: 3.8rem;
}
#position {
   display: none;
}
#footer {
   margin-top: 2rem;
   border-top:solid 2px var(--bulma-primary);
}
#foot_navi{
   display: none;
}
#copyright {
   margin:1rem 0;
}
#copyright .normal{
   display: block;
}
#copyright .mobile{
   display: none;
}
@media screen and (max-width: 1023px) {
   /* 手机浏览不出现左右箭头 */
   .swiper-button-prev:after,
   .swiper-button-next:after {
      opacity: 0;
   }

   #copyright {
      font-size: 0.8em;
   }
   #copyright .normal{
      display: none;
   }
   #copyright .mobile{
      display: block;
   }
   #container{
      padding: 1rem;
   }

}


@media screen and (min-width: 1024px) {
   body.query #body{
      padding-top: 2rem;
   }
}



#rptResult strong{
   margin: 0 0.3rem;
}

#rptResult .table {
   font-size: 0.9rem;
   margin-top: 0.5rem;
   border-top:solid 1px var(--bulma-primary);
}
#rptResult .table tr,
#rptResult .table th,
#rptResult .table td {
   border: 0;
   padding-left: 0;
   padding-right: 0;
   background: transparent;
}

#rptResult table th {
   white-space: nowrap;
   width: fit-content;
   text-align: right;
   width: 25%;
}
.rptResult table{
   margin-top: 1rem;
}


#container{
   max-width: 1200px;
   margin: 0 auto;
   padding-top: 1.5em;
}