html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei";
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

img[src=""],
img:not([src]) {
  opacity: 0;
}

[v-cloak] {
  display: none;
}

/* 先暂时隐藏这些按钮，之后接口恢复了就显示回来 */
.banner-text .btn-l,
.eam-btn,
.fenxi-btn,
.bxyh-btn,
.eamdata-btn,
.gnjs-btn,
.rlzy-xtgnjs-btn,
.fkjkzy-r div,
.samexfkgl-r div,
.znsjapp-bitem div,
.yyyfk-l div,
.wyyfk-r div,
.kzxlxfw-r div,
.kpzyhjm-l div,
.yddlxx-r div,
.dzqm-l div,
.whsjzq-r div,
.wjsc>div div,
.schyz>div div,
.djjfsjk>div div,
.fpgn-main>div div,
.sjgz>div div,
.jshy div,
.kgzl-l div,
.wydc-r div,
.yzdc-l div,
.ywxl-l div,
.sjgl-r div,
.kcgl-l div,
.ywlcwb-r div,
.zhcj-detailitem span,
.czsz span,
.jsjmjh span,
.zljf span,
.ztqz span,
.wxby span,
.shcc span,
.zltk span,
.xzwy span,
.zhjz-banner-3 span,
.mfgn-r span,
.hxjzl-l span,
.thqt-r span,
.znjzhc button {
  /* display: none !important; */
}

.ljgdxx-main {
  /* justify-content: center !important; */
}

.ljgdxx-main>div:first-of-type {
  /* display: none !important; */
}

/*end*/

#msgp {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: block;
  height: 30px;
  padding: 0 40px;
  line-height: 30px;
  border-radius: 15px;
  color: #FFFFFF;
  font-size: 14px;
  background: #d4251fb2;
  box-sizing: border-box;
}

/* 容器 */
.main-container {
  overflow: hidden !important;
}

.main-body {
  overflow: hidden !important;
  width: 100% !important;
}

/* 导航按钮 */
.showside {
  display: none;
}

/* 社交icon */
.socialicon-pc {
  display: block;
}

.socialicon-m {
  display: none;
}

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

  /* 头部 */
  .home-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px !important;
    z-index: 1000;
  }

  .header-right {
    margin-right: 30px !important;
  }

  .showside {
    display: inline-block !important;
    margin-left: 40px !important;
  }

  /* 内容 */
  .container {
    display: flex;
    margin-top: 40px;
    overflow-x: hidden;
  }

  /* 主侧边来 */
  .main-sidebar-container {
    position: fixed;
    top: 40px;
    left: 0;
    display: none;
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    height: 40px !important;
    min-height: unset !important;
    z-index: 1000;

  }

  .main-sidebar-container .main-sidebar {
    position: unset !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
  }

  .main-sidebar-container .main-sidebar li {
    /* width: 50px; */
    height: 100% !important;
    line-height: 40px !important;
    padding: 0 !important;
  }

  .main-sidebar-container .main-sidebar li img {
    display: none !important;
  }

  /* 子侧边栏 */
  .subpart-sidebar-container {
    position: fixed !important;
    top: 80px !important;
    display: none;
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
    max-height: unset !important;
    min-height: unset !important;
    z-index: 1000;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  .subpart-sidebar {
    position: unset !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
    min-height: unset !important;
  }

  .subpart-sidebar li {
    align-items: center !important;
    /* width: 20% !important; */
    width: calc(100% / 3) !important;
    height: unset !important;
    padding: 10px 5px !important;
    font-size: 14px !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

}

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

  /* banner的按钮 */
  .banner-text .btn-l {
    width: 110px !important;
    margin-right: 20px !important;
  }

  .banner-text .btn-r {
    width: 160px !important;
  }

  /* 了解更多信息 */
  .ljgdxx {
    padding: 20px 30px !important;
  }

  .ljgdxx-main div {
    height: auto !important;
    padding: 10px !important;
    box-sizing: border-box !important;
  }

  .ljgdxx-main div img {
    width: 22px !important;
    height: 22px !important;
    margin-right: 20px !important;
  }

  .ljgdxx p {
    font-size: 14px !important;
  }

  .ljgdxx h2 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }

  /* 相关资源 */
  .xgzy {
    padding: 30px !important;
  }

  .xgzy-main {
    flex-wrap: wrap;
  }

  .xgzy-mainitem {
    flex: none !important;
    width: calc((100% - 18px)/2);
    margin-right: 18px;
    margin-bottom: 20px;
  }

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

  /* 更多智能服务及资源 */
  .gdznfwzy {
    padding: 30px !important;
  }

  .gdznfwzy-item {
    padding: 10px 0 !important;
  }

  .gdznfwzy h2 {
    margin-bottom: 30px !important;
  }

  .gdznfwzy-item>img {
    margin-bottom: 20px !important;
  }

  .gdznfwzy-item p {
    padding: 20px !important;
  }

  .gdznfwzy-item>div {
    margin-bottom: 20px !important;
  }

  /* 回到顶部、底部 */
  .scrolltop-bottom {
    bottom: 15% !important;
    right: 0 !important;
  }

  .scrolltop-bottom span {
    width: 30px !important;
    height: 30px !important;
  }

  .scrolltop-bottom span i {
    font-size: 24px !important;
  }


  /* 其他资源 */
  .qtzy {
    padding: 30px 0 0 !important;
  }

  .qtzy-main {
    flex-wrap: wrap;
  }

  .qtzy-item {
    flex: unset !important;
    width: calc((100% - 18px)/2);
    margin-bottom: 20px;
  }

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

  /* 搜索按鈕 */
  .search {
    position: fixed !important;
    top: 20% !important;
    right: 0 !important;
    margin-right: 0 !important;
  }

  /* 联系方式变侧边 */
  .com-r h2 {
    display: none !important;
  }

  .com-r .contact {
    position: fixed !important;
    bottom: 28% !important;
    right: 0 !important;
    flex-direction: column !important;
    z-index: 98;
  }

  .socialicon-pc {
    display: none;
  }

  .socialicon-m {
    display: block;
  }

  .com-r .contact a {
    margin: 0 0 10px !important;
  }
}

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

  /* 头部 */
  .logo img {
    width: 100% !important;
  }

  /* 导航栏 */
  .subpart-sidebar li {
    /* padding: 10px 0 !important; */
  }

  /* 相关资源 */
  .xgzy {
    padding: 30px !important;
  }

  .xgzy-main {
    flex-wrap: wrap;
  }

  .xgzy-mainitem {
    flex: none !important;
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }

  /* 更多智能服务及资源 */
  .gdznfwzy-main {
    flex-wrap: wrap !important;
  }

  .gdznfwzy-item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }

  .gdznfwzy-item p {
    padding: 20px 30px !important;
  }


  /* 其他资源 */
  .qtzy-item {
    width: 100%;
    margin-right: 0 !important;
  }

}

@media screen and (max-width: 374px) {
  .logo>a {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 960px) {
  .main-sidebar-container {
    display: block !important;
  }

  .subpart-sidebar-container {
    display: block !important;
  }

  /* .home-sidebar {
    display: block !important;
  } */

  /* .zc-sidebar,
  .project-sidebar,
  .serve-sidebar,
  .source-sidebar,
  .customer-sidebar,
  .contact-sidebar,
  .cooperate-sidebar,
  .hot-sidebar {
    display: block !important;
  } */

}