html,
body {
  background: #eaeff3;
}

.cl {
  margin-bottom: 2.917vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cl_left,
.cl_right {
  background-color: #ffffff;
}

.cl_left {
  width: 23.33%;
  /* overflow: auto; */
  position: relative;
  padding: 2.083vw 1.042vw;
}

.cl_right {
  width: 74.75%;
  /* min-height: 100vh; */
  padding: 0 1.042vw;
}

.cl_tit,
.cl_item {
  border-bottom: 0.052vw solid #f4f4f4;
}

.cl_tit {
  font-family: MicrosoftYaHei-Bold;
  font-size: 1.042vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #9c0100;

  /* padding-top: 2.083vw; */
  padding-bottom: 1.563vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cl_tit img {
  height: 1.042vw;
  margin-right: 0.521vw;
}

.cl_item {
  position: relative;
  display: block !important;

  font-family: MicrosoftYaHei;
  font-size: 0.938vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #333333;

  padding: 1.042vw 1.667vw;
}

.cl_item.active {
  background-color: #9c0100;

  font-weight: bold;
  color: #ffffff;
}

.cl_item.actives {
  background-color: rgba(156, 0, 0, 0.6);

  font-weight: bold;
  color: #ffffff;
}

.cl_names::before {
  display: inline-block;
  content: "";
  width: 0.313vw;
  height: 0.313vw;
  background-color: #eaeff3;
  vertical-align: bottom;
  -webkit-border-radius: 5.208vw;
  -moz-border-radius: 5.208vw;
  border-radius: 5.208vw;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.417vw;
}

.cl_item.active .cl_names::before {
  background-color: #ffc1c1;
}

.cl_sub {
  /* border: 1px solid #9c0100; */
  padding-left: 1.667vw;
}

.cl_sub_m {
  display: none;
}

.cl_ld {
  margin: 1.563vw;
}

.cl_top {
  border-bottom: 0.208vw solid #9c0001;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 2.083vw;
  padding-bottom: 1.042vw;
}

.cl_name {
  font-family: MicrosoftYaHei-Bold;
  font-size: 1.042vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #9c0100;
}

/* 图文单页 */
.pages {
  font-family: MicrosoftYaHei;
  font-size: 0.885vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0vw;
  color: #333333;

  padding: 2.292vw;
  text-indent: 2em;
  white-space: pre-wrap;
}

.pages * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-stretch: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-indent: inherit !important;
  white-space: inherit !important;
  border: none !important;
}

.pages p {
  display: block !important;
  width: auto !important;
  height: auto !important;
}

.pages img {
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}

/* 文章列表 视频中心 */
.lista {
  overflow: hidden;
  margin: 0.521vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lista * {
  overflow: hidden;
}

.lista_page {
  width: 100%;
  margin: 1.25vw 0;
  text-align: center;
  font-size: 1rem !important;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #9c0001;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.lista_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.lista_item:hover .lista_names,
.lista_item:hover .lista_desc,
.lista_item:hover .lista_dn {
  color: #9c0100;
}

.lista_dn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.lista_names {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lista_y4 {
  display: none;
  font-family: SourceHanSansCN-Regular;
  font-size: 3.5vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 3.2vw;
  letter-spacing: 0vw;
  color: #999999;
}

/* 一行一个 */
.lista1_item {
  width: 100%;
  border-bottom: 0.052vw solid #f2f2f2;
}

/* 一行一个 */
.lista1s_item {
  padding: 0.625vw 0;
}

.lista1s_icon {
  width: 0.365vw;
  height: 0.365vw;
  background-color: #9c0100;
  -webkit-border-radius: 0.156vw;
  -moz-border-radius: 0.156vw;
  border-radius: 0.156vw;

  /* width: 1.5em; */
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.lista1s_names {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0.521vw;
}

.lista1s_to {
  font-size: 1.563vw;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.lista1s_dn {
  font-family: SourceHanSansCN-Regular;
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0vw;
  color: #666666;
}

/* 一行一个和缩略图 */
.lista1img_item {
  padding: 1.042vw 0;
}

.lista1img_thumb {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 6.771vw;
  height: 4.271vw;
  margin-right: 0.729vw;
}

.lista1img_info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

.lista1img_info>div {
  padding-top: 0.156vw;
}

.lista1img_info>div:first-of-type {
  padding-top: 0;
}

.lista_names {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.833vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 1.25vw; */
  letter-spacing: 0vw;
  color: #333333;
}

.lista1img_desc {
  font-family: SourceHanSansCN-Regular;
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 0.938vw; */
  letter-spacing: 0vw;
  color: #666666;

  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  /*英文强制换行*/
  word-break: break-all;
  /*英文强制换行*/

  height: 4em;
  line-height: 2em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  white-space: normal;
}

.lista1img_sp {
  font-family: SourceHanSansCN-Regular;
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25vw;
  letter-spacing: 0vw;
  color: #999999;
  /* flex */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lista1img_sp img {
  width: 0.938vw;
  margin-right: 0.313vw;
}

.lista1img_sp div {
  width: 26px;
}

/* 一行两个 */
.lista2_item {
  width: 29.833vw;
  /* height: 5.729vw; */
  background-color: #f8fcff;

  margin: 0.521vw 0;
  margin-right: 1.25vw;
  padding: 0.625vw;
}

.lista2_item:nth-of-type(2n) {
  margin-right: 0;
}

.lista2_thumb,
.lista2_thumb img {
  width: 8.333vw;
  height: 5.208vw;

  position: relative;
  margin-right: 0.521vw;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

.lista2_thumb div {
  background: url(../imgs/2subpage/video.png) no-repeat center;
  -webkit-background-size: 1.458vw 1.458vw;
  -moz-background-size: 1.458vw;
  -o-background-size: 1.458vw;
  background-size: 1.458vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lista2_con {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

.lista2_names {
  font-family: SourceHanSansCN-Medium;
  font-size: 0.833vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25vw;
  letter-spacing: 0vw;
  color: #333333;

  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  /*英文强制换行*/
  word-break: break-all;
  /*英文强制换行*/

  height: 4em;
  line-height: 2em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  white-space: normal;
}

.lista2_sp {
  font-family: SourceHanSansCN-Regular;
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25vw;
  letter-spacing: 0vw;
  color: #999999;

  margin-top: 0.833vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lista2_sp img {
  width: 0.938vw;
  margin-right: 0.313vw;
}

.lista2_sp div {
  width: 26px;
}

/* 一行三个 */
.lista3_item {
  width: 13.073vw;
  margin-top: 1.354vw;
  margin-right: 2.031vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lista3_item:nth-of-type(4n) {
  margin-right: 0;
}

.lista3_thumb {
  width: 100%;
  height: 7.865vw;
}

.lista3_names {
  font-family: MicrosoftYaHei;
  font-size: 0.938vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 2.5vw; */
  letter-spacing: 0vw;
  color: #333333;

  padding-top: 0.521vw;
}

/* 一行四个 */
.lista4_item {
  width: 10.417vw;
  height: 13.542vw;
  background-color: #dddddd;
  -webkit-border-radius: 0.104vw;
  -moz-border-radius: 0.104vw;
  border-radius: 0.104vw;

  overflow: hidden;
  margin-top: 2.083vw;
  margin-right: 2.188vw;
}

.lista4_item:nth-of-type(5n) {
  margin-right: 0;
}

.lista4_thumb {
  width: 100%;
  height: 100%;
}

.lista4_info {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1.042vw;
}

.lista4_info * {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lista4_names {
  font-family: MicrosoftYaHei-Bold;
  font-size: 0.833vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 2.5vw; */
  letter-spacing: 0vw;
  color: #ffffff;

  margin: 0.521vw 0;
}

.lista4_jobs {
  font-family: MicrosoftYaHei;
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 2.5vw; */
  letter-spacing: 0vw;
  color: #ffffff;

  margin: 0.521vw 0;
}

/* 大事记 */
.dsj {
  overflow: hidden;
  margin: 0.521vw;
  position: relative;
}

.dsj_line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5.417vw;
  width: 0.052vw;
  background: #f2f2f2;
}

.dsj_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 0.521vw;
}

.dsj_y {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 4em;
  font-size: 1.25vw;
  font-weight: bold;
}

.dsj_md {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /* overflow: hidden; */
  margin: 0 0.625vw;
  padding: 0.208vw 0.625vw;
  position: relative;
  -webkit-border-radius: 0.521vw;
  -moz-border-radius: 0.521vw;
  border-radius: 0.521vw;
  background: #309bfd;
  border: #168afb 0.052vw solid;
  color: #fff;
}

.dsj_md::before {
  display: block;
  content: "";
  width: 0.521vw;
  height: 0.521vw;
  background: #01c61e;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -1.042vw;
  -webkit-border-radius: 5.208vw;
  -moz-border-radius: 5.208vw;
  border-radius: 5.208vw;
  overflow: hidden;
}

.dsj_cons {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
}

/* 在线留言 */
.fom {
  margin: 1.563vw 0;
}

.fom input,
.fom textarea {
  font-family: MicrosoftYaHei;
  font-size: 0.7vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 1.9vw; */
  letter-spacing: 0vw;
  color: #333;

  background-color: #f7f9fb;
  -webkit-border-radius: 0.156vw;
  -moz-border-radius: 0.156vw;
  border-radius: 0.156vw;
  border: solid 0.052vw #eff2f7;
  overflow: hidden;
}

.fom input::-webkit-input-placeholder,
.fom textarea::-webkit-input-placeholder {
  color: #999999;
}

.fom input:-moz-placeholder,
.fom textarea:-moz-placeholder {
  color: #999999;
}

.fom input::-moz-placeholder,
.fom textarea::-moz-placeholder {
  color: #999999;
}

.fom input:-ms-input-placeholder,
.fom textarea:-ms-input-placeholder {
  color: #999999;
}

.fom input::-ms-input-placeholder,
.fom textarea::-ms-input-placeholder {
  color: #999999;
}

.fom input::placeholder,
.fom textarea::placeholder {
  color: #999999;
}

.fom input:focus,
.fom textarea:focus {
  border-color: #cb1b1a !important;
}

.fom input {
  width: 10.729vw;
}

.fom textarea {
  height: 18.229vw;
}

.fom .layui-form-label {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  min-width: 2em;
  /* flex */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fom .layui-form-label img {
  display: none;
  width: 3.7vw;
  height: 3.7vw;
  margin-right: 2.9vw;
}

.fom .layui-inline {
  display: block;
  float: left;
}

.fom .layui-input-block {
  margin-left: -webkit-calc(1.563vw + 2em);
  margin-left: -moz-calc(1.563vw + 2em);
  margin-left: calc(1.563vw + 2em);
  padding: 0 0.052vw;
}

.fom .layui-form-text .layui-input-block {
  padding-right: 1.458vw;
}

.fom .subs {
  font-family: MicrosoftYaHei;
  font-size: 0.7vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 1.9vw; */
  letter-spacing: 0vw;
  color: #ffffff;

  width: 9.375vw;
  height: 2.083vw;
  line-height: 2.083vw;
  background-color: #cb1b1a;
  -webkit-border-radius: 0.156vw;
  -moz-border-radius: 0.156vw;
  border-radius: 0.156vw;
  overflow: hidden;

  margin-top: 0.781vw;
  margin-bottom: 7.813vw;
  padding: 0;
  text-align: center;
}

/* 联系方式 */
.tac {
  background: #f7f8fc;
  -webkit-border-radius: 0.521vw;
  -moz-border-radius: 0.521vw;
  border-radius: 0.521vw;
  overflow: hidden;
  margin-top: 1.042vw;
  margin-bottom: 2.604vw;
  padding: 2.083vw 1.563vw;
}

.tac_tit {
  font-family: MicrosoftYaHei-Bold;
  font-size: 1.042vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.875vw;
  letter-spacing: 0.052vw;
  color: #9c0100;

  /* padding-bottom: 1.563vw; */
}

.tac_item {
  margin: 1.042vw 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.tac_item * {
  margin-right: 0.313vw;
  line-height: inherit !important;
}

.tac_icon {
  width: 0.938vw;
  height: 0.938vw;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.tac_item:nth-of-type(2) .tac_icon {
  background-image: url(../imgs/2subpage/pos.png);
}

.tac_item:nth-of-type(3) .tac_icon {
  background-image: url(../imgs/2subpage/phone.png);
}

.tac_item:nth-of-type(4) .tac_icon {
  background-image: url(../imgs/2subpage/email.png);
}

.tac_item:nth-of-type(5) .tac_icon {
  background-image: url(../imgs/2subpage/zipcode.png);
}

.tac_tits {
  font-family: MicrosoftYaHei;
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  /* line-height: 1.875vw; */
  letter-spacing: 0vw;
  color: #666666;
}

.tac_desc {
  font-family: MicrosoftYaHei;
  font-size: 0.729vw;
  font-weight: normal;
  letter-spacing: 0vw;
  color: #333333;
}

.tac_map {
  width: 100%;
  height: 15.625vw;
  margin-top: 1.563vw;
}

/* 鼠标移入样式调整 */
.layui-laypage a[data-page]:hover {
  color: #9c0100 !important;
}