:root {
   --ratio: 5/1,50% 50%;
   --ratio-00: 3/1,50% 50%;
   --ratio-02: 3/1,50% 50%;
   --ratio-03: 3/1,50% 50%;
   /*
   --ratio-00: 50/13,50% 50%;
   --ratio-21_children: auto,center;
   --ratio-22_children: 3/1,center;
   --ratio-23: 4/1,center;
   */


   /* --bulma-primary 一般是logo主色调 */
   --bulma-primary-h: 0deg;
   --bulma-primary-s: 0%;
   --bulma-primary-l: 20%;

   /* 头部导航.navbar(danger很少用故用来自定义颜色) */
   --bulma-danger-h: 354deg;
   --bulma-danger-s: 86%;
   --bulma-danger-l: 39%;


   /* 用以下颜色定义，ends表示header和footer */
   --cst-color-light: #999999;
   --cst-head-bgcolor: var(--bulma-white);  /* 底部背景 */
   --cst-foot-color: #bebebe; /* 底部文字 */
   --cst-foot-bgcolor: var(--bulma-primary);

   --cst-title-color: var(--bulma-danger);
   --cst-color-hot: var(--bulma-danger);
   --cst-title-radius: 0.5rem 0.5rem 0 0;

   --cst-heading-color: var(--cst-title-color);

   --max-width: 1200px;
}



.navbar-brand .navbar-item #logo{
   min-height: 4rem;
}
.navbar-end {
   display: none;
}



#rptResult {
  text-align: center;
}
#query_init #query_txt::before{
  content: "本查询系统数据只用于客户查询核对证书、报告真伪，不做他用。";
}
#query_forInput #query_txt::before{
  content: "请输入编号";
}
#query_exist #query_txt::after{
  content: "▼ 已查询到以下报告信息，请核对！";
}
#query_exist #query_No{
   display: none;
}



#header_inner{
   background: url("../images/cmacnas.png") no-repeat 10rem center/auto 5rem;
}




main h4 small{
   font-weight: normal;
   font-style: italic;
   font-size: 0.7rem;
   margin-left: 0.3rem;
}
main em{
   font-style: normal;
   text-decoration: underline;
}









.card.ltr .card-content .time {
   margin-top: 1rem;
   font-style: italic;
   text-align: right;
}


body.service .card.ltr .card-footer{
   display: block;
}

/* 选择所有直接子元素 */




body #position {
   display: none;
}


body.home .is-position-relative > .is-position-absolute {
   right:1rem;bottom:1.5rem;
}


















.-title-txt._s2 {

   --cst-lineHeavy-width: 3rem;
}

.-title-txt._s2 i._txt {
   font-family: 'Garamond', 'Lucida Sans Unicode';
}






#culture .article-item:nth-of-type(odd) figure {   
   order: 1;
}







/*

#foot_navi .columns {
   margin: 0;
}
#foot_navi .level {
   gap:0;
}

.section{
   padding:0;
}

*/



#layout_contact #com_content {
   --com-content-color: var(--bulma-white);
}
#layout_contact ul li{
   margin-top: 0.6rem;
}
#layout_contact ul li::marker{
   font-family: "Font Awesome 6 Pro";
   font-weight: 900;
   color:var(--bulma-white);
}
#layout_contact ul li.company::marker{
   content: "\f015";
}
#layout_contact ul li.addr::marker{
   content: "\f14e";
}
#layout_contact ul li.http::marker{
   content: "\e5d5";
}
#layout_contact ul li.email::marker{
   content: "\f0e0";
}
#layout_contact .company_en, #layout_contact .addr_en {
   list-style-type: none;
   color: #cccccc;
   margin-top: 0;
}

#layout_contact .company_en::marker, #layout_contact .addr_en::marker {
   content: "";

}




#com_content {
   --com-content-color: var(--bulma-white);
}







/*以下是扩展的css*/
.truncated-text {
   display: -webkit-box;
   -webkit-line-clamp: 5; /* 指定显示的行数，这里是 3 行 */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }

@media screen and (min-width: 1024px) {

   body.contact #banner, body.query  #banner {
      margin-bottom: 3rem;
   }
   .card.lrm .card-image {
       flex: 0 1 30%;
   }
   .card .card-image figure.box,
   #imgs figure.box{
      border-width: 0.5rem;
   }

   .message-body {
      width: 80%;
      margin: 0 auto;
   }
   .-bigBg {
      padding: 3rem 0 4rem 0;
      margin: 1rem 0 2rem 0;
      --bigBg-mask: rgba(from #ffffff r g b / 0.8);
   }
   .-bigBg::before {
      --bigBg-image: url(../images/banner_about.jpg);
      background-image: var(--bigBg-image);
   }



   #footer {
      padding-bottom: 1rem;
   }
   #footer_inner {
      background: url("../images/logo_bottom.png") no-repeat 2rem bottom;
      background-size: contain;
      height: 8rem;
      padding-top: 2rem;

   }

}




@media screen and (max-width: 1023px) {
   :root {
      --ratio: 3/1,50% 50%;
      --ratio-00: 2/1,50% 50%;
   } 
   #head #headNavi{
      padding: 1rem;
   }
   #header_inner{
      background-position: 9rem center;
      background-size: auto 4rem;
   }

   #layout_query #body{
      margin: 2rem;
      padding: 2rem;
   }
   .navbar-brand{
      background-image: none;
   }


   article .icon {
      margin: 1.5rem 0;
   }
   #container > *{
      width: 100%;
      margin: 0 auto;
   }
   #container > #footer{
      margin-top: 2rem;
   }
   body.news .card .card-image figure.box {
      border-width: 0.2rem;
   }


   #advantage .title{
      font-size: 2.5rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
   }

   #home_lab.content_list li img{
      width: 100%;
      height: 15rem;
   }
   #home_service.content_list li img{
      width: 100%;
      height: 13rem;
   }

   #foot_navi {
      padding: 0.5rem 0;
   }
   .navbar-burger.is-active {
      color: white;
   }
}


*[data-text="启扬优势"] i._txt::after {
   content: "Our Strengths";
   ext-transform: uppercase;
}
*[data-text="关于启扬"] i._txt::after {
   content: "About QiYang";
   ext-transform: uppercase;
}
*[data-text="启扬服务"] i._txt::after {
   content: "QiYang Services";
   ext-transform: uppercase;
}
*[data-text="实验室展示"] i._txt::after {
   content: "Lab Showcase";
   ext-transform: uppercase;
}
*[data-text="启扬文化"] i._txt::after {
   content: "QiYang Culture";
   ext-transform: uppercase;
}
*[data-text="公司简介"] i._txt::after {
   content: "Company Info";
   ext-transform: uppercase;
}
*[data-text="新闻资讯"] i._txt::after {
   content: "News & Information";
   ext-transform: uppercase;
}
*[data-text="认证服务"] i._txt::after {
   content: "Certification Services";
   ext-transform: uppercase;
}
*[data-text="检测服务"] i._txt::after {
   content: "Testing Services";
   ext-transform: uppercase;
}