* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* html {
    font-size: 100px;
} */
button {
  border: 0;
  padding: 0;
  cursor: pointer;
  /* background: none !important; */
}
nav {
  cursor: pointer;
}
body {
  max-width: 1920px;
  margin: 0 auto;
  min-width: 1200px;
  font-family: "微软雅黑";
}
div img {
  /* width         : 100%; */
  border: 0;
  vertical-align: middle;
}
video {
  width: 100%;
  height: 100%;
}
img {
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
.text1 {
  text-indent: 2em;
  text-align: justify;
}
.text_set {
  text-indent: 2em;
  text-align: justify;
}
input {
  display: block;
  border: none;
}
input,
button:focus {
  outline: none;
}
li {
  list-style: none;
}
.p1 {
  text-indent: 2em;
  letter-spacing: 3px;
  line-height: 30px;
  font-size: 17px;
  text-align: justify;
}
.mg {
  margin: 0 auto;
}
.position_JuZhong {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
/* 1.1 省略 */
.omit_text {
  /*1. 先强制一行内显示文本*/
  white-space: nowrap;
  /*2. 超出的部分隐藏*/
  overflow: hidden;
  /*3. 文字用省略号替代超出的部分*/
  text-overflow: ellipsis;
  text-align: justify;
}
/* 多行省略 */
*[class*=omit_text_] {
  /*1. 超出的部分隐藏 */
  overflow: hidden;
  /*2. 文字用省略号替代超出的部分 */
  text-overflow: ellipsis;
  /* 3. 弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 4. 限制在一个块元素显示的文本的行数 */
  /* 5. 设置或检索伸缩盒对象的子元素的排列方式 */
  -webkit-box-orient: vertical;
  text-align: justify;
}
.omit_text_3 {
  /* 4. 限制在一个块元素显示的文本的行数 */
  -webkit-line-clamp: 3;
}
.omit_text_2 {
  -webkit-line-clamp: 2;
}
.omit_text_4 {
  -webkit-line-clamp: 4;
}
/* 1.2 图片设置，因为路径那边用style接数据，这边只能分开写 */
.bg_p {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.bg_p2 {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
/* 1.3 banner在大于1200px的时候随着width变化而变 */
/* 然后高度不会跟着变 */
/* @media screen and (max-width:1200px) {
    .banner {
        height: 312.5px !important;
    }
} */
/* 1.4 分页 */
.gn3_page {
  display: flex;
  justify-content: space-between;
  width: 461px;
  height: 17px;
  margin-bottom: 90px;
}
/* 1.5 导航与分页选中效果 */
.pagination a[class="on"] {
  color: #0f71d0 !important;
  /* background-color   : red !important; */
  /* border-bottom      : 2px solid #1c438b; */
  /* transform          : translateY(2px); */
}
#nav_ul > li[class="on"] {
  background-color: #ffffff !important;
}
/* 1.6 搜索banner */
.banner_search {
  background: url(../img/26.jpg) center / cover no-repeat;
}
.pm_on {
  color: #6c6c6c;
}
.swiper-container {
  height: 100%;
}
.swiper-wrapper {
  height: 100%;
}
.swiper-pagination {
  display: flex;
  justify-content: center;
  height: auto;
  /*  &>.my-bullet:nth-last-child(1) {
        margin: 0;
    }

    &>.my-bullet3:nth-last-child(1) {
        margin: 0;
    } */
}
.swiper-pagination > span[class*=my-bullet]:nth-last-child(1) {
  margin: 0;
}
.pagination {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 558px;
  padding: 30px 0 70px 0;
}
.pagination a {
  width: auto;
  height: 100%;
  font-size: 18px;
  letter-spacing: 1px;
  color: #333333;
}