/* html,body{
  min-height: 100vh;
} */

/* 
@font-face {
  font-family:poppins;
  src: url(../font/POPPINS-REGULAR.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
} */

/* @font-face {
  font-family:univer;
  src: url(../font/Univers67BoldCN.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
} */


:root{

  /* --dark-color-half: #999; */
  --dark-color-50: #999;
  --dark-color-75: #555;

  --link-color:#005a9c; 
  --hover-color:#b91c1c;


  --color:#161513;
  --bgc: #f0f0f0;

  /* 此值要根据实际高度自已填写，用于sticky到顶端的间距 2024-10-18 16:19:00 */

}

@media screen and (max-width: 640px)  {
  :root{
    /* 注意：只用于小屏，导航折叠后占用的高度 */
    --header-height:3.5rem; 
  }
}

@media screen and (min-width: 768px)  {
  :root{
    /* 注意：只用于中屏，撑开一级菜单高度 */
    --header-height:5rem; 
  }
}


html{
  background-color: #FFF;
  min-width:320px;
}

body{
  font-size: 16px;
  background-color: var(--bgc);
  /* font-family: 'poppins', sans-serif; */
  /* font-family: "OracleSansVF", "Microsoft YaHei"; */
  line-height: 1.6;
  font-weight: 400;
  color:var(--color);

  max-width: 2048px;
  margin-left: auto;
  margin-right: auto;
}

/* 小屏 */
/* @media (min-width: 768px){
  body{
    transform: translateX(0);
  }
} */



*{
  margin: 0;
  padding:0;
  /* padding-inline-start:0;
  margin-inline-start: 0; */
  box-sizing: border-box;
}

ul,ol{
  /* list-style-position: inside; */
  padding-left:1rem;
}


/* 
ul,ol{
  list-style-position: inside;

    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;

}

ol{
  list-style-type: decimal;
}

li{
  display: block;
} */


img{
  display: block;
}

a{
  color: var(--link-color);
  text-decoration: none;
}

a:hover{
  color: var(--hover-color);
  text-decoration: underline;
}




/* 小屏 */
@media (max-width: 1024px){
  p{
    line-height: 1.5;

  }

}




/* 小屏 */
@media (max-width: 1024px){

}


/* 超大屏xl */
@media (min-width: 1280px){
}

/* 大屏lg */
@media (min-width: 1024px){
}

.iconfont{
  font-size: inherit;
}



.current--whole{
  color:var(--hover-color);
}

/* 大屏 */
@media (min-width: 1024px){

  /* 当前 li */
  .current--whole{
    border-bottom: 3px solid var(--hover-color);
    height: 100%;
    display: flex;
    align-items: center;
  }

  .nav-menu--whole a{
    color:inherit;
    text-decoration: none;
  }

  
  /* link交互样式 */
  .nav-menu--whole li:hover a[data-grade="1"], .nav-menu--whole a.active {
    color:var(--hover-color);
    /* border-bottom: 2px solid var(--hover-color); */
  }


} 
  

/**************************** header start   */

/* 下拉符号样式 */
.dropdown-toggle-btn--whole{
  padding:2px;
  /* border: 0 solid #000; */
  border-style: solid;
  border-width: 0 2px 2px 0;
}

.collapse-btn--whole:before{
  /* content:"×"; */
  content:"\e6e9";
}

.collapse-btn--whole[data-stat=open]:before{
  /* content:"≡"; */
  content:"\e62c";
}
  

.search-box-btn--whole{
  position:fixed;
  z-index: 100;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color: #000000e0;

  display: flex;
  justify-content: center;
  align-items: center;
}

/**************************** header end   */




/*分页*/
/* .pager {} */
.pager ul {display: flex; flex-wrap: wrap; gap:.5em; }
/* .pager ul li {} */
/* .pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;} */
.pager a {display: block; padding:2px 1em; border:#dddddd solid 1px; }
.pager a:hover {border: var(--hover-color) solid 1px; color: var(--hover-color)}
.pager .active a {border: var(--hover-color) solid 1px;  background-color: var(--hover-color); color: #fff;}
/* .pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px;} */
.pager .active a:hover {color: #fff; border: var(--hover-color) solid 1px !important;}






/* 文章类 通用类 */
.article{
  word-wrap: break-word;
}


.article p{
  margin: 1.25em 0;
}

.article > figure img {
  margin: 1.5em 0;
}

.article h2::before{
  content: "";
  display: block;
  float: left;
  margin-right:.5em ;
  width: 1em;
  aspect-ratio: 1 / 1;
  background: url("/static/images/icon5.png") no-repeat center;
  background-size: cover;

}

/* 小屏 */
@media (max-width: 1024px){

  .article{
    font-size: .9rem;
    line-height: 1.5;
  }

  /* .article h1{
    font-size: 1.5rem;
  } */

  .article h2, 
  .article h3 {
    margin:1rem 0 .5rem;
  }

  .article h2{
    font-size: 1.25rem;
    font-weight: 700;
  }

  .article h3{
    font-size: 1.15rem;
    font-weight: 600;
  }

  .article h4{
    font-size: 1.05rem;
    font-weight: 500;
  }


  .article h2:nth-child(1){
    margin:0 !important;
    padding-top: 0 !important;
  }

  .article p{
    margin:.5rem 0;
  }

  .article > figure img {
    margin: 1em 0;
  }

 
  /* placeholder 减小 */
  ::placeholder{
    font-size: .8rem !important;
  }

}



/* 大屏lg */
@media (min-width: 1024px){

  .article h2, 
  .article h3,
  .article h4 {
    margin:1.25rem 0 1rem;
    line-height: 1.35;
  }

  /* .article h1{
    font-size: 2.25rem;
  } */

  .article h2{
    font-size: 1.5rem;
    font-weight: 700;
  }

  .article h3{
    font-size: 1.25rem;
    font-weight: 600;
  }

  .article h4{
    font-size: 1.15rem;
    font-weight: 500;
  }
  

  .article h2:nth-child(1){
    padding-top: 0 !important;
  }

}


/* 表格chy - 特定样式 */
.table-chy
{
  --bgc:#fff;
  --color:#333;

  --thead-bgc: var(--link-color);

  --tr-bgc-even: #eee;
  --tr-bgc-hover: #ccc;
}

.table-chy thead{
  font-weight: 600;
  color:#fff;
  background-color: var(--thead-bgc);
}

.table-chy thead tr > * {
  text-align: center;
  border:1px solid #000 !important;
}

@media screen and (min-width: 1024px){
  .table-chy thead tr > * {
    padding-top:1.5rem;
    padding-bottom:1.5rem;
  }
}

.table-chy td,th{
  padding:.5rem;
}

.table-chy tbody tr:nth-child(even){
  background-color: var(--tr-bgc-even);
}

.table-chy tbody tr:hover{
  background-color: var(--tr-bgc-hover);
}



/* 客服侧边 */


.kefu-chy{
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

  /* display: flex; */
  flex-direction: column;
  gap:.3rem;
  z-index: 100;

  --bgc:#ffffff;
  /* --color:var(--hover-color); */
  --color-hover:var(--hover-color);

  /* --online-color:red;
  --whatsapp-color:green;
  --email-color:blue;
  --inquire-color:lime; */
  
  
}


/* 一级子节点 */
.kefu-chy > .item-box{
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:.5rem;

  padding:.5rem;
  min-width:5rem;
  min-height:5rem;

  color:var(--color);
  border-radius: 10% 0 0 10%;
  /* background-color: var(--bg); */
  /* box-shadow: 0 0 1px #888; */
  cursor: pointer;
 
}

.kefu-chy > .item-box:hover{
  color:var(--color-hover);
}

.kefu-chy a:hover{
  color:var(--color-hover);
  text-decoration: none;
}


/* 抽屉 */
.kefu-chy .drawer-box{
  position: absolute;
  left:0;
  top:50%;
  transform: translate(0, -50%) scale(0);

  padding-right: 10px;

  transition: transform ease .2s;

  z-index: -1;
}

/* 注意：只有一级子节点为div时才有抽屉 */
.kefu-chy > .item-box:hover .drawer-box, .kefu-chy li .now{
  transform: translate(-100%, -50%) scale(1);
}

.kefu-chy .drawer-conent-box{
  position: relative;
  color:var(--color-hover);
  background-color: var(--bgc);
  padding:1rem;
}


/* 右侧箭头 */
.kefu-chy .drawer-conent-box::after{
  position: absolute;
  top:50%;
  right:0;
  content:" ";
  display: block;
  width:1rem;
  height:1rem;
  background-color: var(--bgc);
  transform: translate(30%, -50%) rotate(45deg);
}

.kefu-chy .item-box .iconfont, .kefu-chy .item-box .iconfont-hj{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:.5rem;
  font-size: 14px;
  line-height: 1;
}

.kefu-chy .item-box .iconfont::before, .kefu-chy .item-box .iconfont-hj::before{
  font-size: 2em;
}


.btm-bar > .iconfont, .btm-bar > .iconfont-hj{
  font-size: 24px !important;
  line-height: 1.2;
}



/* table 折叠 chy 2024-01-12 16:17:30 */
.collapse-table-chy tr:nth-child(n+7){
  display: none;
} 

.btn-tab-colapse-chy{
  display: block;
  margin:5px auto;
  background-color: #F0F0F0;
  border-width: 0;
  cursor: pointer;
  line-height: 1.5;
}

.btn-tab-colapse-chy:hover{
  background-color:#ccc;
}

.btn-tab-colapse-chy[data-colapse='1']:after{
  content: '▲ flow up';
}

.btn-tab-colapse-chy::after{
  content: '▼ more';
  padding:0 1rem;
  font-size: .6rem;
}



/* 额外样式 2024-11-18 15:47:37 */
.hover1_style {
	position: relative;
	overflow: hidden;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.hover1_style:hover {
  text-decoration: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18) !important;
}

.hover1_style::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	-ms-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
	-moz-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
	-webkit-background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
	background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8) 50%, transparent);
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.hover1_style:hover::after {
	left: 100%;
}




/* add by chy 2024-09-02 11:40:09 */
/* 面包屑导航 */
.ah-breadcrumb{
  display: flex;
  gap:.5rem;
}


/* 分页 */
.wp-pager-chy{
  display: flex;
  justify-content: center;
  gap:.5rem;
}

/* banner内面包屑导航 */
.breadcrumb-banner a{
  color:white;
}












/* 项目特定 ************  */
/* .swiper-slide-thumb-active */
.chy-slide-thumb-active
{
  border:3px solid var(--hover-color);
}







/** 
 * 后台+前台 块编辑器自定义添加样式 
 * 备注：编辑器中的自定义样式都应写在此处
 * 
 * 2024-11-05 10:35:26  
 */

/* 简单标题样式 */
.title-style-1::before{
  content: " ";
  display: inline-block;
  border-left: 4px solid #f00;
  padding-left: 1rem;
  width: .5rem;
  aspect-ratio: 1 / 1;
}



/* 图标式标题样式 */
.common-tit-icon{
  display: block;
  float: left;
  position: relative;
  width: 1em;
  aspect-ratio: 1/1;
  margin-right: .2em;
  /* transform: scale(.7);
  transform-origin: left bottom; */
}

.common-tit-icon::before {
  display: block;
  position: absolute;
  left: 0;
  bottom:0;
  width: 45%;
  content: '';
  aspect-ratio: 1/1;
  background: var(--link-color);
  transform: translate(75%, -75%) ;
  transform-origin: left bottom;

}

.common-tit-icon::after {
  display: block;
  position: absolute;
  left: 0;
  bottom:0;
  width: 50%;
  content: '';
  aspect-ratio: 1/1;

  background: var(--hover-color);
}



/* leavemessage show or hide chy 22024-09-26 15:39:10 */
#lmsgFormFreeze {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
  z-index: 100000001;
  background-color: #0000008f;
  display: flex;
  justify-content: center;
  /* align-items: center; */
}


/* add by chy  2025-06-17 08:40:08 */

.share-link-box{

}

.share-link-box .icon{
  width: 1.5em;
  height: 1.5em;
  fill:#000000;
}

.share-link-box .icon:hover{
  fill: var(--hover-color, red);
}

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

  .share-link-box .icon{
    width: 1.125em;
    height: 1.125em;
    font-size: 1.125rem;
  }
}




/* add by chy 20250630 */

.modal-overlay {
  display: none;
  position: fixed;
  top: 0; 
  left: 0;
  width: 100vw; 
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 10001;
}

  .modal-overlay .modal-box {
    position: relative;
    background: #fff;
    max-width: 960px;
    width: 100%;
    aspect-ratio: 16/9;
  }

  .modal-overlay .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1rem;
  padding:.5rem 1rem;

  background-color: #FFF;
  border:2px solid #000;
  cursor: pointer;
  font-weight: bold;
}

.modal-overlay .vodPlayer {
  width: 100%;
  aspect-ratio: 16/9;
}

.cover-img-box{
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.cover-img-box:hover .mask {
  background-color: rgba(47, 58, 77, .5);
  transform: scale(1.1);
  transition: transform .5s ease;
  opacity: 1;
  cursor: pointer;
}

.cover-img-box .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/static/images/play-icon.png) rgba(47, 58, 77, .2) no-repeat;
  background-size: 5rem;
  background-position: center center;
  opacity: .9;
}

.cover-img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} 


/* 2025-07-30 17:30:10 */
/* 在移动设备上隐藏图片 */
@media (max-width: 767px) {
    .show-on-pc {
        display: none;
    }
}

/* 在PC设备上隐藏图片B*/
@media (min-width: 768px) {
    .show-on-mobile {
        display: none;
    }
}

/* 验证库相关样式 */
.just-validate-error-field{
  border:1px solid rgb(184, 17, 17);
  background-color: rgb(184 17 17 / 5%);
}