* {
  margin: 0px;
  padding: 0px;
  border: 0px;

  font-family: Microsoft YaHei, 黑体, Arial;
}

body {
  background: #eeeeee;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
  justify-content: space-between;
}

li {
  list-style-type: none;
}

.clear {
  clear: both;
}

/* 超过二行显示省略号 */

.ellipsis-two {
  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2; /* 定义文本的行数 */

  overflow: hidden;

  text-overflow: ellipsis;
}

/* 头部 */

#header {
  width: 100%;
  height: 189px;
  background: #144e8c;
}

#news_header {
  width: 100%;
  height: 400px;

  background-image: url("../img/bg_news.png"); /* 或者只设置背景图像居中，不覆盖整个容器 */

  background-position: center; /* 仅水平居中 */

  background-repeat: no-repeat;
}

.container-fluid {
  width: 100%;
  height: auto;
}

.box {
  width: 1301px;
  height: auto;
  margin: 0px auto;

  display: flex;
  justify-content: space-between; /*多元素水平对齐方式 space-around*/
  /* background: rgba(188, 153, 221, 0.3); */
}

.box .left {
  margin-top: 20px;
}

.box .left img {
  width: 300px;

  height: 118px;
}

.box .right {
}

.box .right .top1 {
  margin-top: 24px;

  font-weight: 400;

  font-size: 14px;

  color: #ffffff;

  width: 902rpx;
  text-align: right;
}

.box .right .top2 {
  width: 902rpx;
  display: flex;
  justify-content: space-between;
  margin-top: 34px;
}

.box .right .top2 li {
  margin-left: 25px;
  width: 100px;
}

.box .right .top2 li a {
  color: #ffffff;
}

.box .right .top2 li a .menu {
  font-size: 18px;
  text-align: center;
}

.box .right .top2 li a .menu_sub {
  font-size: 12px;
  color: #8298f8;
  text-align: center;
}

.box .right .top2 li a:hover {
}

.box .right .top2 li a:hover .menu_sub {
  color: #fff;
}

/* 底部 */

#footer {
  background: #313131;
  width: 100%;
  height: auto;
  color: #ffffff;
}
#footer .bottom {
  width: 1300px;
  height: auto;
  margin: 0 auto;
}
#footer .bottom .lm {
  width: 1300px;
  height: auto;
}

#footer .bottom .lm .lm1 {
  width: auto;
  height: auto;
}
#footer .bottom .lm .lm1 .logo {
  display: flex;
  height: 60px;
  line-height: 60px;
  margin-top: 29px;
  font-size: 24px;

  color: #ffffff;
  margin-bottom: 20px;
}
#footer .bottom .lm .lm1 img {
  width: 60px;
  height: 60px;
  margin-right: 13px;
}

#footer .bottom .lm .lm1 .tel .hot {
  margin-bottom: 10px;

  font-size: 14px;

  color: #ffffff;
}
#footer .bottom .lm .lm1 .tel .hot_tel {
  font-size: 24px;

  color: #ffffff;
}

#footer .bottom .lm .lm1 .server {
  font-size: 14px;
  margin-top: 41px;
  line-height: 36px;

  color: #ffffff;
}

#footer .bottom .lm .item {
  height: 60px;
  line-height: 60px;
  margin-top: 29px;
  font-size: 20px;
  margin-bottom: 15px;
}

#footer .bottom .lm .item_son a {
  color: #fff;
}

#footer .bottom .lm .item_son {
  line-height: 36px;
}
#footer .bottom .lm .officelist {
  width: 189px;
  height: auto;

  display: flex;

  justify-content: space-between; /*多元素水平对齐方式*/

  flex-wrap: wrap; /*换行*/
}

#footer .line {
  border-bottom: 1px solid #d8d8d8;
  width: 1300px;
  height: 1px;
  margin: 0 auto;
  margin-top: 69px;
}

#footer .copyright {
  width: 1300px;
  height: 36px;
  margin: 0 auto;
  margin-top: 16px;
  line-height: 36px;
  font-size: 14px;
  padding-bottom: 22px;

  color: #9e9e9e;
  text-align: center;
  position: relative;
}

#footer .copyright .back {
  position: absolute;
  right: 0px;
  top: 0px;
}

#footer .copyright .back a:hover {
  color: #fff;
}

#footer .copyright .back a {
  font-size: 14px;

  color: #9e9e9e;
}