/* reset */
@font-face {
    font-family: "syst"; /* Project id  */
    src: url('https://ems-ylzh.oss-cn-shanghai.aliyuncs.com/files/enterprise/2024/10/1729133531328syst.ttf');
}
html{
    height: 100%;
    scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
body {
    color: #333;
    font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important;
}
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:14px;  font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important;} /* 重置页面文字属性 */
a {color:#444;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;}    /* 重置table属性 */  
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */  
   
/* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
  
/*清除浮动*/  
.clear{clear: both;}  
  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
*{
    box-sizing: border-box;
    word-break:break-all
}
.w1200{
    width: 1200px;
    margin: 0 auto;
  }

  #message {
    position: fixed;
    left: 50%;
    transform:translate(-50%,50%);
    top: 10px; /* 在网页底部 */
    background-color: #ff8800; /* 背景颜色 */
    color: white; /* 字体颜色 */
    padding: 5px 10px;
    border-radius: 5px;
    opacity: 0; /* 初始透明度 */
    transition: opacity 0.5s ease; /* 过渡效果 */
    visibility: hidden; /* 初始隐藏 */
}

#message.show {
    opacity: 1; /* 完全不透明 */
    visibility: visible; /* 可见 */
}
/* 模态框 */
/* 模态框背景 */
.modal-code {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 9999; /* 在最上层 */
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%; /* 100% 宽 */
    height: 100%; /* 100% 高 */
    overflow: auto; /* 启用滚动条 */
    background-color: rgb(0,0,0); /* 背景颜色 */
    background-color: rgba(0,0,0,0.4); /* 半透明黑色 */
  }
  
  /* 模态框内容 */
  .modal-content-code {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 360px;
    border-radius:8px;
    text-align: center;
    padding-bottom: 50px;
  }
  .modal-content-code .title{
    font-size: 24px;
    margin-top: 26px;
    margin-bottom: 10px;
    font-weight: 400;
  
  }
  
  .modal-content-code img{
    width: 154px;
  }

  
/* 关闭按钮 */
.close-code {
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: -10px;
  }
  
  .close-code:hover,
  .close-code:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .transform-scale .list .pic{
    width: 380px;
    height: 205px;
    overflow: hidden;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .transform-scale .list .pic img{
    transition: all 0.5s;
  }
  .transform-scale .list:hover .pic img {
    transform: scale(1.2);
  }