@charset "UTF-8";
/* 重设样式 */
*{margin:0;padding:0;list-style:none;border:none;outline:none;}

/*html{font-size: 130.667px;}*/
/*html{font-size: 100px !important;}*/

body{font:12px/1.5 sans-serif;font-style: normal;font-variant:normal;}



/* 内外边距通常让各个浏览器样式的表现位置不同 */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    margin: 0;

    padding: 0;

    /* font-family: "SourceHanSansCN-Bold", "SourceHanSansCN"; */

    font-family: 'Noto Sans SC','STHeiti Light','Source Han Sans CN','SimHei', "Times New Roman",Georgia,Serif,SimHei;

}

body{

  position: relative;

}

input, select, textarea {font-size: 100%;}



/* 去掉各 Table  cell 的边距并让其边重合 */



table {border-collapse: collapse;border-spacing: 0;}



/* 去除默认边框 */



fieldset, img {border: 0;}



/* 去掉 firefox 下此元素的边框 */



abbr, acronym {border: 0;font-variant: normal;}



/* 一致的 del 样式 */



del {text-decoration: line-through;}



address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}



/* 去掉列表前的标识, li 会继承 */



ol, ul,li {list-style: none;}



/* 对齐是排版最重要的因素, 别让什么都居中 */



caption, th {text-align: left;}



/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */



h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}



q:before, q:after {content: '';}



/* 正常链接 未访问 */



/* 鼠标悬停 */



a:hover {text-decoration:none;}



/* 默认不显示下划线，保持页面简洁 */



ins, a {text-decoration: none;color:#000000;}

html,body{width:100%}

.container{

  width: 100%;

  height: auto;

  position: relative;

}

.el_header_top{

  /* width: 100%; */
  width: 7.5rem;

  height: 0.99rem;

  display: flex;

  justify-content: center;

  align-items: center;

  position: fixed;

  margin: 0 auto;

  z-index: 3;
  background: #fff;


}

.enlin_bc{
  background: #fff;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.el_header_top img:first-of-type{

  width: 2.2rem;

  height: 0.45rem;

}

.el_header_top img:last-of-type{

  width: 0.3rem;

  height: 0.3rem;

  position: absolute;

  top: 0.37rem;right: 0.3rem;

}

.el_header_list{

  width: 7.5rem !important;

  height: auto;

  margin: 0 auto;

  position: relative;

  z-index: 1001 !important;

 /* margin-top: 1.5rem;*/

  display: none;

}

.el_header_list ul{

  width: 100%;

  height: auto;

  /*display: flex;

  justify-content: space-between;

  flex-wrap: wrap;*/

}

.el_header_list ul li{

  width: 24%;

  height: auto;

  margin-right: 1%;

  margin-bottom: 0.5rem;

  float: left;

  text-align: center;

  /*animation: cd-move-in .4s;

  animation-fill-mode: forwards;*/

}

@-webkit-keyframes cd-move-in{0%{-webkit-transform:translateY(100vh)}

    65%{-webkit-transform:translateY(-1.5vh)}

    100%{-webkit-transform:translateY(0)}

}

@-moz-keyframes cd-move-in{0%{-moz-transform:translateY(100vh)}

    65%{-moz-transform:translateY(-1.5vh)}

    100%{-moz-transform:translateY(0)}

}

@keyframes cd-move-in{0%{-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh)}

    65%{-webkit-transform:translateY(-1.5vh);-moz-transform:translateY(-1.5vh);-ms-transform:translateY(-1.5vh);-o-transform:translateY(-1.5vh);transform:translateY(-1.5vh)}

    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

}

@-webkit-keyframes cd-move-out{0%{-webkit-transform:translateY(0)}

    100%{-webkit-transform:translateY(-100vh)}

}

@-moz-keyframes cd-move-out{0%{-moz-transform:translateY(0)}

    100%{-moz-transform:translateY(-100vh)}

}

@keyframes cd-move-out{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

    100%{-webkit-transform:translateY(-100vh);-moz-transform:translateY(-100vh);-ms-transform:translateY(-100vh);-o-transform:translateY(-100vh);transform:translateY(-100vh)}

}

.el_header_list ul li a{

  width: 100%;

  height: 100%;

  display: block;

  font-size: 0.3rem;

  color: #000;

}

.el_header_list ul li img{

  width: 1.2rem;

  height: 1.2rem;

  margin: 0 auto 0.16rem auto;

  display: block;

}

.el_header_list .el_header_list_off{

  width: 0.3rem;

  height: 0.3rem;

  position: absolute;

  top: -0.7rem;

  left: 0.2rem;

  z-index: 11;

}

.el_header_list .el_header_list_off img{

  width: 100%;

  height: 100%;

  display: block;

}

.zhezhao{

  position:fixed; z-index:10; top:0px; left:0px; background-color: rgba(36,35,37,.9);opacity:0.9; width: 100%; height: 100%;display: none;

}

#a_box a,#b_box a{

  display: block;

  width: 100%;

  height: 100%;

}




.ZX{position: fixed; top: 68%; right: 0; width: 1.5rem; height: 1.5rem; z-index: 10}