/**/
/* 公共头 */
/**/
li {
  list-style: none;
}

body {
  margin: 0;
}

a {
  text-decoration: none;
}

.container {
  width: 1400px;
  margin: 0 auto;
}

.header {
  background: url(../images/headerbg.jpg) center no-repeat;
  background-size: cover;
  font-size: 15px;
  position: relative;
}

.header .top {
  display: flex;
  align-items: center;
  height: 50px;
  color: #fff;
  flex-wrap: w;
  justify-content: space-between;
}

.header .top a {
  color: #fff;
}

.header .top a:hover {
  color: #fff066;
}

.header .top .flex_item ul {
  display: flex;
}


.header .top .side {
  background: url(../images/header1.png) left center no-repeat;
  background-size: 24px auto;
  padding-left: 30px;
  line-height: 24px;
}
.container-1400 {
  width: 1400px;
  margin: 0 auto;
}

.h_login {
    float: right;
    display: inline-block;
    position: relative;
    margin-left: 30px;
}
.h_login ul{
    position:absolute;
    background: #205bb8;
    color:#000;
    text-align:center;
    display: none;
    padding: 0;
}
.h_login:hover ul {display: block;}
.h_login ul li{
    text-align:center;
    width:100%;
    margin-left:0 !important;
        float: left;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.h_login ul li a{
    color:#000;
    text-align:center;
}

.header .headerflex {
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
}

.header .logo {
  display: flex;
  align-items: center;
}

.header .logo .pic {
  width: 100px;
}

.header .logo .txt {
  width: 601px;
}

.header .search {
  width: 480px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  height: 64px;
}
.header .search .searchbox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.header .search .input {
  width: 323px;
  height: 54px;
  padding-left: 15px;
  font-size: 16px;
  border: 0;
  outline: none;
}

.header .search .input:focus {
  border: 0;
  outline: none;
}

.header .search .input::placeholder {
  /* color: #ccc; */
  border: 0;

}

.header .search .btn {
  height: 64px;
  color: #fff;
  width: 132px;
  font-size: 20px;
  background: #116ce7;
  border: 0;
  text-align: center;
  line-height: 64px;
}

.header .search .btn i {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 6px;
  vertical-align: middle;
  background: url(../images/search.png) center no-repeat;
  background-size: 100% 100%;
}

.header .nav {
  width: 100%;
  font-size: 20px;
  margin-top: 99px;
}

.header .nav ul {
  display: flex;
  background: #0f4fa6;
  position: relative;
}

.header .nav ul li {
  flex: 1;
}

.header .nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 70px;
  font-weight: bold;
}

.header .nav ul li.on a,
.header .nav ul li:hover a {
  color: #fff066;
}

.header .nav ul::before,
.header .nav ul::after {
  content: "";
  width: 43px;
  height: 70px;
  position: absolute;
  top: 0;
  background: url(../images/home_02.png) center no-repeat;
  background-size: 100% 100%;
}

.header .nav ul::before {
  left: -43px;
}

.header .nav ul::after {
  right: -43px;
  transform: rotateY(180deg);
}

/**/
/* 首页头部 */
.header_index .headerflex {
  display: block;


}

.header_index .logo {
  text-align: center;
}

.header_index .logo a {
  margin: 0 auto;
}

.header_index .logo .pic {
  display: block;
  margin: 0 auto;
}

.header_index .search_0 {
  margin: 34px auto;
  width: 740px;
  height: 62px;
  background: rgba(255, 255, 255, 0.7);
}

.header_index .search {
  width: 100%;
  background: #ffffff00;
}

.header_index .search .input {
  width: 580px;
  height: 54px;
  padding-left: 15px;
  font-size: 16px;
  border: 0;
  outline: none;
  background: #33333300;
  /* color: #555; */
}

.header_index .search .btn {
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  width: 132px;
  font-size: 20px;
  background: #116ce7;
  border: 0;
  border-radius: 30px;
  margin-right: 10px;
}
.header_index .search .searchbox{
  display:flex;
  display: flex;
  justify-content: space-between;
}

/* 公共头end */
/* 公共尾 */
/**/
body {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

.footer {
  color: #fff;
  font-size: 15px;
  background: #11468c;
  padding-top: 30px;
}

.footer .container1 {
  width: 1400px;
  margin: 0 auto;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  color: #fff066;
}

.footer .hd {
  margin-bottom: 15px;
}

.footer .hd ul {
  display: flex;
  padding: 0;
}

.footer .hd ul>li {
  flex: 1;
  cursor: pointer;
}

.footer .hd ul>li+li {
  margin-left: 60px;
}

.footer .hd .select.on .down {
  display: block;
}

.footer .hd .select.on:after {
  border-top: none;
  border-bottom: 7px solid #fff;
}

.footer .hd .select.on>span {
  border-color: #ddd;
}

.footer .hd .select .down {
  bottom: 99%;
  z-index: 99;
  width: 100%;
  position: absolute;
  display: none;
  left: 0;
}

.footer .hd .select .down ol {
  max-height: 389px;
  border: 1px solid #0564a3;
  text-align: center;
  background: #0564a3;
  overflow-y: scroll;
}

.footer .hd .select .down ol li {
  border-bottom: 1px dotted #2480bd;
}

.footer .hd .select .down ol li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 22px;
  padding: 8px 0;
}

.footer .hd .select .down ol li a:hover {
  background: #11468c;
}

.footer .hd .select>span {
      border: 1px solid rgba(255, 255, 255, 0.5);
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer .bd li {
  line-height: 31px;
  display: flex;
  align-items: center;
}

.footer .bd li img {
  margin-right: 5px;
  width: 19px;
}

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

.footer .bd .link {
  margin-bottom: 15px;
  font-size: 16px;
}

.footer .bd .link a+a::before {
  content: "|";
  padding: 0 15px;
}

.footer .bd .share {
  display: flex;
  margin-top: 10px;
}

.footer .bd .share img {
  max-height: 44px;
}

.footer .bd .share a {
  margin-right: 10px;
}

.footer .bd .box {
  margin-right: 74px;
}

.footer .bd .box ul {
  padding: 0;
}

.footer .ft {
  background: #0f3f7e;
  height: 50px;
  display: flex;
  margin-top: 40px;
  align-items: center;
  text-align: center;
}

.footer .ft a+a {
  margin-left: 20px;
}

/**/
.select {
  position: relative;
}

/* 公共尾end */

.title_02 hr {
  margin-top: 5px;
}

.title_02 {
  margin: 0px;
}

.title_02_span {
  color: #0b4779;
  margin: 0 20px;
}

.article_hr {
  margin-top: 38px;
  height: 1px;
  border: none;
  background-color: #eee;
}

.title_03 a {
  display: block;
  height: 36px;
  line-height: 36px;
  background: #f3f2f7;
  font-size: 15px !important;
  color: #0b4779;
  transition: 0.36s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}


.title_01 a {
  color: #0b4779;
  height: 36px;
  line-height: 36px;
  font-size: 15px !important;
  color: #0b4779;
  transition: 0.36s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.title_01 {
  width: auto;
  margin: 20px;
  text-align: center;
  display: inline-block;
}

.title_03 {
  width: auto;
  margin: 20px;
  text-align: center;
  display: inline-block;
}

/*-----------------------------*/
.gongkai {
  border: 1px solid #ddd;
  padding: 20px;
}

.newscontnet {
  font-size: 16px;
  margin: 0 auto;
  color: #333;
  line-height: 40px !important;
  padding: 40px 0px 40px;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  word-wrap: break-word;
}

.newscontnet p {
  margin-bottom: 20px;
}

.newscontnet img {
  max-width: 100%;
}

.gongkai .title {
  text-align: center;
  font-weight: bold;
  color: #0f4fa6;
  font-size: 30px;
  padding-top: 15px;
}

.gongkai .bd dd {
  margin-top: 20px;
}

.gongkai .bd dd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.gongkai .bd dd ul li {
  width: 20%;
  padding: 8px;
}

.gongkai .bd dd ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 82px;
  background: #f4f4f4;
}

.gongkai .bd dd ul a:hover {
  color: #fff;
  background: #0f4fa6;
}

.gongkai .bd dl {
  padding-top: 40px;
}

.gongkai .bd dt {
  display: flex;
  align-items: center;
  background: #f6fbff;
  color: #0f4fa6;
  font-size: 22px;
}

.gongkai .bd dt span {
  width: 60px;
  background: #0f4fa6;
  display: flex;
  align-items: center;
  margin-right: 15px;
  justify-content: center;
  height: 52px;
}

.gongkai .bd dt span i {
  display: block;
  width: 29px;
  height: 29px;
  background: url(../images/03_04.png) center no-repeat;
  background-size: 100% 100%;
}

/**/

.searchpage .one {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

.searchpage .one li {
  display: flex;
  padding-top: 18px;
}

.searchpage .one li b {
  width: 94px;
}

.searchpage .one li .flex_item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.searchpage .one li .flex_item a {
  margin-right: 30px;
  color: #666;
}

.searchpage .one li .flex_item a.on {
  color: #0f4fa6;
  font-weight: bold;
}

.searchpage .two {
  font-size: 15px;
  color: #666666;
  line-height: 22px;
  padding: 0 0 20px;
}

.searchpage .two li {
  margin-top: 30px;
}

.searchpage .two li h4 {
  font-weight: bold;
  font-size: 18px;
  padding: 13px;
  background: #f7f7f7;
}

.searchpage .two li h4 span,
.searchpage .two li .address a {
  color: #0f4fa6;
}

.searchpage .two li .address {
  margin-top: 8px;
}

.searchpage .two li .data {
  padding: 10px 0;
  color: #999999;
}

.searchpage .two li .data span+span {
  margin-left: 35px;
}

/**/
.searchpage .three {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.searchpage .three ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -13px;
}

.searchpage .three ul li {
  width: 14.285%;
  padding: 10px 13px;
}

.searchpage .three ul li a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}

.searchpage .three ul li.on a,
.searchpage .three ul li:hover a {
  font-weight: bold;
  color: #0f4fa6;
  font-size: 18px;
  background: #d4eeff;
}

.searchpage .three ul:first-child a {
  font-weight: bold;
  color: #0f4fa6;
}

.searchpage .four {
  font-size: 15px;
}

.searchpage .four .bd dl {
  margin-top: 36px;
}

.searchpage .four .bd dt {
  font-size: 18px;
  font-weight: bold;
}

.searchpage .four .bd dt a {
  color: #0f4fa6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.searchpage .four .bd dt span {
  margin-right: 10px;
  height: 28px;
  padding: 0 10px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 15px;
  background: #0f4fa6;
  font-weight: normal;
}

.searchpage .four .bd dd {
  margin-top: 12px;
}

.searchpage .four .bd ul {
  border: 1px solid #ddd;
  color: #666;
  line-height: 22px;
}

.searchpage .four .bd ul li {
  display: flex;
}

.searchpage .four .bd ul li+li {
  border-top: 1px solid #ddd;
}

.searchpage .four .bd ul li span {
  width: 154px;
  display: flex;
  align-items: center;
  background: #f6f6f6;
  padding: 6px 13px;
}

.searchpage .four .bd ul li .flex_item {
  padding: 6px 13px;
  border-left: 1px solid #ddd;
}

/**/
.newsitem {
  padding: 30px;
  border: 1px solid #eee;
  margin-top: 30px;
}

.newsitem .hd {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.newsitem .hd .flex {
  font-size: 15px;
  color: #999;
}

.newsitem .hd .flex span+span {
  margin-left: 20px;
}

.newsitem .hd .flex i {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 18px;
  background: url(../images/06_08.png) center no-repeat;
  background-size: 100% 100%;
}

.newsitem .hd h1 {
  text-align: center;
  font-weight: bold;
  font-size: 33px;
  margin-bottom: 25px;
}

.newsitem .bd {
  font-size: 18px;
  padding: 30px 0;
  line-height: 34px;
  border-bottom: 1px solid #eee;
}

.newsitem .ft {
  font-size: 17px;
  line-height: 32px;
  padding: 20px 0;
}

/**/
.newslists {
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
  flex-wrap: wrap;
}

.newslists .side {
  width: 298px;
  margin-right: 30px;
  border: 1px solid #eee;
}

.newslists .side h3 {
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  background: #0f4fa6;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newslists .side li+li {
  border-top: 1px solid #eee;
}

.newslists .side li a {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #f6f8fa;
}

.newslists .side li.on a,
.newslists .side li:hover a {
  background: #fff;
  color: #0f4fa6;
}

.newslists .side li i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 50%;
  border: 1px solid #eee;
  width: 22px;
  height: 22px;
}

.newslists .side li i:after {
  content: " ";
  display: inline-block;
  height: 5px;
  width: 5px;
  border-width: 1px 1px 0 0;
  border-color: #aeb8c7;
  border-style: solid;
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -4px;
}

.newslists .side li.on i:after,
.newslists .side li.on i,
.newslists .side li:hover i:after,
.newslists .side li:hover i {
  border-color: #0f4fa6;
}

.newslists .title {
  border-bottom: 1px solid #eee;
  font-size: 24px;
  color: #11468c;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: bold;
}

.newslists .title::before {
  content: "";
  width: 6px;
  height: 20px;
  background: #11468c;
  margin-right: 15px;
}

/**/
.newspage .one {
  display: flex;
  align-items: center;
  margin: 30px 0 20px;
  background: #f6f8fa;
}

.newspage .one .flex_item {
  padding: 0 25px;
}

.newspage .one li span {
  color: #999;
}

.newspage .one li+li {
  border-top: 1px solid #ddd;
}

.newspage .one li p {
  font-size: 18px;
  margin-top: 15px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.newspage .one li a {
  padding: 25px 0 25px 15px;
  display: block;
}

.newspage .one li a:hover span {
  color: #fff;
}

.newspage .one li a:hover {
  color: #fff;
  background: #0f4fa6;
}

.newspage .one .banner {
  width: 700px;
}

.banner img {
  width: 100%;
  height: 458px;
}

.banner p {
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 18px;
  padding: 20px;
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.9));
}

.banner .swiper-pagination {
  text-align: right;
  padding: 0 20px 15px 0;
}

.banner .swiper-pagination-bullet {
  opacity: 1;
  background: #fff;
}

.banner .swiper-pagination-bullet-active {
  background: #d50000;
}

.newspage .two {
  display: flex;
  flex-wrap: wrap;
  margin: -9px;
}

.newspage .two .info {
  width: 50%;
  padding: 9px;
}

.newspage .two .box {
  border: 1px solid #eee;
  padding: 20px;
}

/**/
.aboutus .one {
  display: flex;
  padding-top: 20px;
}

.aboutus .one .pic {
  width: 50%;
  margin-right: 40px;
}

.aboutus .one .pic img {
  height: 400px;
}

.aboutus .one p {
  font-size: 18px;
  line-height: 31px;
}

.aboutus .one h3 {
  font-weight: bold;
  color: #0f4fa6;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  font-size: 25px;
}

.aboutus .two {
  margin-top: 40px;
}

.aboutus .two ul {
  display: flex;
  flex-wrap: wrap;
  background: #f1f5f8;
  text-align: center;
  padding: 20px 0;
}

.aboutus .two ul li {
  width: 12.5%;
}

.aboutus .two ul li+li {
  border-left: 1px solid #fff;
}

.aboutus .two ul li a {
  color: #0f4fa6;
}

.aboutus .two ul li img {
  margin-bottom: 10px;
  width: 42px;
}

.aboutus .three {
  display: flex;
  margin-top: 40px;
}

.aboutus .three ul {
  width: 350px;
}

.aboutus .three .flex_item {
  padding: 0 4px;
}

.aboutus .three .flex_item img {
  height: 453px;
}

.aboutus .three li+li {
  margin-top: 5px;
}

.aboutus .three li img {
  height: 224px;
}

.aboutus .three p {
  position: absolute;
  width: 100%;
  line-height: 40px;
  text-align: center;
  left: 0;
  bottom: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.aboutus .four {
  margin-top: 40px;
}

.aboutus .four .bd p {
  margin-top: 10px;
  display: flex;
  height: 50px;
  overflow: hidden;
  justify-content: center;
  line-height: 25px;
}

.aboutus .four .bd .pic img {
  height: 271px;
}

.aboutus .four .swiper-button-next,
.aboutus .four .swiper-button-prev {
  width: 33px;
  height: 68px;
  background: rgba(0, 0, 0, 0.6);
  margin-top: -60px;
  border-radius: 20px;
  color: #fff;
}

.aboutus .four .swiper-button-next:after,
.aboutus .four .swiper-button-prev:after {
  font-size: 22px;
}

/**/
.hudong .one {
  display: flex;
  padding-top: 10px;
  height: 921px;
  overflow: hidden;
}

.hudong .one .side {
  width: 440px;
  margin-left: 20px;
}

.hudong .partone {
  height: 110px;
  background: url(../images/03_57.jpg) center no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 84px;
}

.hudong .partone a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  margin-left: 15px;
  background: rgba(255, 255, 255, 0.4);
  height: 45px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.hudong .partone a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.hudong .parttwo {
  border: 1px solid #eee;
}

.hudong .parttwo table {
  width: 100%;
  text-align: center;
  line-height: 45px;
}

.hudong .parttwo table th {
  font-weight: normal;
  color: #0f4fa6;
}

.hudong .parttwo table th:first-child {
  text-align: left;
  padding-left: 42px;
}

.hudong .parttwo table p {
  display: flex;
  align-items: center;
  text-align: left;
}

.hudong .parttwo table p a {
  flex: 1;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.hudong .parttwo table p i {
  display: block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background: url(../images/03_62.png) center no-repeat;
  background-size: 100% 100%;
}

.hudong .parttwo table thead {
  background: #f6f8fa;
  border-bottom: 1px solid #becedc;
}

.hudong .parttwo table td {
  padding: 0 20px;
}

.hudong .parttwo table td span {
  color: #999;
}

.hudong .parttwo table tr:nth-child(even) {
  background: #f9f9f9;
}

.hudong .partfour {
  margin-top: 15px;
}

.hudong .partfire {
  margin-top: 15px;
}

.hudong .partfire ul {
  display: flex;
}

.hudong .partfire ul li {
  flex: 1;
}

.hudong .partfire ul li+li {
  margin-left: 10px;
}

.hudong .partsix {
  margin-top: 20px;
  border: 1px solid #eee;
  padding: 15px;
  height: 536px;
  overflow: hidden;
}
.hudong .partsix b{
 font-size: 19px;
 line-height: 33px;
}
.hudong .partsix a{
 font-size: 19px;
 line-height: 36px;
}
.hudong .partsix p{
 font-size: 19px;
 line-height: 36px;
}

.hudong .partsix .pic {
  padding-top: 10px;
}

.hudong .partsix ul {
  padding-top: 10px;
}

.hudong .partsix li {
  display: flex;
  margin-top: 17px;
}

.hudong .partsix li .flex_item {
  font-size: 18px;
  line-height: 25px;
}

.hudong .partsix li span {
  color: #666;
  width: 88px;
  height: 29px;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.hudong .two {
  margin-top: 20px;
  display:flex;
}
.title_abq{
      color: #333;
      display: inline-block;
      width: 247px;
      height: 43px;
      line-height: 46px;
      overflow: hidden;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.hudong .two td{
  font-size:18px;
  padding: 5px 5px;
  color: #444;
  /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  /* -webkit-box-orient: vertical; */
  overflow: hidden;
  height: 10px;
  word-break: break-all; /* 防止长单词撑破布局 */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  /* width: unset; */
  /* overflow: hidden; */
  /* line-height: 30px; */
}

.hudong .two>.flex_item {
  border: 1px solid #eee;
}

.hudong .two>.flex_item+.flex_item {
  margin-left: 20px;
}

.hudong .two .box {
  padding: 20px;
}
.hudong .two .box {
  padding: 20px;
}

.hudong .two .left li:last-child {
  border: none;
  padding-bottom: 0;
}

.hudong .two .left li {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}

.hudong .two .left li h4 {
  font-size: 18px;
  line-height: 23px;
  background: url(../images/03_63.png) left center no-repeat;
  padding-left: 32px;
  background-size: 19px auto;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.hudong .two .left li p {
  font-size: 15px;
  color: #999;
  padding-left: 32px;
  margin-top: 10px;
}

/**/
.message {
  background: #33333300;
  background-size: 100% auto;
  width: 1400px;
  margin: 0 auto;
}

.message .header {
  background: none;
  height: auto;
}

.message .header h2 {
  color: #fff;
  padding: 50px 0;
  font-size: 101px;
  font-weight: bold;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.message .header .logo .pic {
  width: 55px;
}

.message .header .logo .txt {
  width: 320px;
}

.message .header .flex {
  padding-top: 30px;
}

.message .commonbg {
  background: #f2f2f2;
}

.message .one::before,
.message .one::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  border-bottom: 1px solid #ccc;
  width: 340px;
}

.message .one::after {
  left: auto;
  right: 0;
}

.message .one {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  padding-top: 10px;
}

.message .one .search {
  display: flex;
  align-items: center;
  width: 484px;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 14px;
  background: #fff;
  border: 1px solid #116ce7;
}

.message .one .search input {
  width: 100%;
  font-size: 16px;
  height: 54px;
  padding-left: 15px;
}

.message .one .search button {
  color: #fff;
  background: #116ce7;
  width: 78px;
  height: 54px;
}

.message .one .btn {
  border-radius: 5px;
  color: #fff;
  background: #116ce7;
  width: 108px;
  font-size: 16px;
  height: 54px;
}

.message .two {
  display: flex;
  margin-top: 25px;
}

.message .two .side {
  width: 260px;
  margin-right: 18px;
}

.message .two .side ul>li {
  margin-bottom: 17px;
}

.message .two .side ul>li>a {
  display: flex;
  align-items: center;
  color: #0f4fa6;
  line-height: 26px;
  padding: 0 20px;
  font-size: 21px;
  background: #fff;
  height: 66px;
  border: 1px solid #ddd;
}

.message .two .side ul>li>a img {
  margin-right: 15px;
  width: 35px;
  transition: all 0s;
}

.message .two .side ul>li i {
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
}

.message .two .side ul>li i::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #0f4fa6;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.message .two .side ul>li i::after {
  content: "";
  height: 100%;
  width: 2px;
  background: #0f4fa6;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.message .two .side ul>li>a.on {
  color: #fff;
  background: #0f4fa6;
}

.message .two .side ul>li>a.on img {
  filter: brightness(100);
}

.message .two .side ul>li i.on::before {
  background: #fff;
}

.message .two .side ul>li i.on::after {
  display: none;
}

.message .two .side ol {
  padding: 13px 20px;
  background: #fff;
  display: none;
  border: 1px solid #eee;
  border-top: none;
}

.message .two .side ul>li ol i.on::before {
  background: #0f4fa6;
}

.message .two .side ul>li ol i {
  width: 15px;
  height: 15px;
}

.message .two .side ol>li>a {
  display: flex;
  align-items: center;
  color: #666;
  position: relative;
  height: 40px;
  padding: 0 15px 0 45px;
  background: url(../images/04_28.png) 15px center no-repeat #e5e5e5;
  background-size: 21px auto;
}

.message .two .side ol>li:hover>a {
  color: #0f4fa6;
  background: url(../images/04_25.png) 15px center no-repeat #e5e5e5;
  background-size: 21px auto;
}

.message .two .side ol>li+li {
  margin-top: 8px;
}

.message .two .side ol p {
  padding-top: 8px;
  display: none;
}

.message .two .side ol p a {
  display: block;
  padding-left: 30px;
  line-height: 32px;
  position: relative;
  font-size: 14px;
}

.message .two .side ol p a::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #999;
}

.message .two .commonlists li .flex_item {
  font-size: 16px;
}

.message .two>.flex_item {
  background: #fff;
  padding: 20px;
}

/**/
.zhenfu .one {
  display: flex;
  padding-top: 10px;
}

.zhenfu .one .box {
  flex: 1;
  border: 1px solid #eee;
  padding: 15px;
}

.zhenfu .one .box+.box {
  margin-left: 20px;
}

.zhenfu .one .part1 .flex {
  padding: 5px 5px 0;
}

.zhenfu .one .part1 .pic {
  width: 158px;
  margin-right: 20px;
}

.zhenfu .one .part1 h3 {
  font-size: 18px;
  padding-bottom: 60px;
}

.zhenfu .one .part1 h3 b {
  font-size: 24px;
  color: #0f4fa6;
}

.zhenfu .one .part1 h3 span {
  color: #0f4fa6;
}

.zhenfu .one .part1 ul {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.zhenfu .one .part1 ul li {
  width: 50%;
  padding: 8px;
}

.zhenfu .one .part1 ul li a {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 15px;
  color: #003586;
  border: 1px solid #ddd;
}

.zhenfu .one .part1 ul li img {
  margin-right: 15px;
}

.zhenfu .one .part2 .bd ul {
  display: flex;
  padding-top: 15px;
}

.zhenfu .one .part2 .bd ul li {
  flex: 1;
  text-align: center;
}

.zhenfu .one .part2 .bd ul li+li {
  margin-left: 15px;
}

.zhenfu .one .part2 .bd ul li a {
  display: block;
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 22px 0;
  color: #0f4fa6;
  font-weight: bold;
  font-size: 18px;
  background: #fcfcfc;
}

.zhenfu .one .part2 .bd ul li span {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.zhenfu .two {
  padding: 28px 0;
  font-size: 15px;
  text-align: center;
}

.zhenfu .two ul {
  margin: -10px;
  display: flex;
  flex-wrap: wrap;
}

.zhenfu .two ul li {
  width: 12.5%;
  padding: 10px;
}

.zhenfu .two ul li a {
  display: block;
  line-height: 42px;
  background: #f0f3f7;
}

.zhenfu .two ul li .img {
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3071ca;
}

.zhenfu .two ul li .img img {
  width: 45px;
}

.zhenfu .two ul li .bg2 {
  background: #1b8fcb;
}

.zhenfu .two ul li .bg3 {
  background: #1bb4cb;
}

.zhenfu .two ul li .bg4 {
  background: #52c3f1;
}

.zhenfu .two ul li .bg5 {
  background: #4ec063;
}

.zhenfu .two ul li .bg6 {
  background: #57a03d;
}

.zhenfu .two ul li .bg7 {
  background: #e6a711;
}

.zhenfu .two ul li .bg8 {
  background: #e27f27;
}

.zhenfu .three {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.zhenfu .three>div {
  width: 50%;
  padding: 10px;
}

.zhenfu .three .box {
  border: 1px solid #eee;
  padding: 15px;
}

.zhenfu .three .part2 dl {
  height: 127px;
  padding-top: 32px;
  margin-bottom: 10px;
  color: #fff;
  background: url(../images/03_55.jpg) center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}

.zhenfu .three .part2 dl dt {
  font-size: 25px;
  padding-bottom: 12px;
}

.zhenfu .three .part3 .bd {
  padding: 10px 0;
}

.zhenfu .three .part3 .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -9px;
  font-size: 18px;
}

.zhenfu .three .part3 .bd ul li {
  width: 25%;
  padding: 9px;
}

.zhenfu .three .part3 .bd ul a {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  background: #f0f3f7;
}

.zhenfu .three .part3 .bd ul a:hover {
  color: #fff;
  background: #0f4fa6;
}

/**/
.homepage .header {
  height: 600px;
}

.homepage .header .flex {
  width: 740px;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding-top: 45px;
}

.homepage .header .logo {
  display: block;
}

.homepage .header .logo img {
  display: block;
  margin: 0 auto;
}

.homepage .header .search {
  width: 100%;
  margin-top: 15px;
}

.homepage .header .hot {
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin-top: 15px;
}

.homepage .header .hot a {
  color: #fff;
  margin-right: 20px;
}

.homepage .one {
  padding: 20px;
}

.homepage .one .hd {
  padding: 15px 0 30px;
  margin-bottom: 30px;
  background: url(../images/home_19.png) left bottom repeat-x;
  text-align: center;
}

.homepage .one .hd dl {
  background: url(../images/home_15.png) left center no-repeat;
}

.homepage .one .hd dd {
  font-size: 15px;
  color: #777;
  margin-top: 10px;
}

.homepage .one .hd dt {
  font-weight: bold;
  font-size: 35px;
}

.homepage .one .bd {
  display: flex;
}

.homepage .one .bd .banner {
  width: 700px;
  height: 458px;
  overflow: hidden;
  margin-right: 20px;
}

.homepage .one .bd .commonlists li {
  border-bottom: 1px dashed #ddd;
}

.homepage .one .bd .commonlists li a {
  line-height: 50px;
}

.homepage .two {
  display: flex;
  margin-top: 20px;
}

.homepage .two>.flex_item {
  background: #fff;
  padding: 20px;
}

.homepage .two>.flex_item+.flex_item {
  margin-left: 20px;
}

.homepage .three,
.homepage .one {
  background: #fff;
}

.homepage .three {
  margin-top: 20px;
}

.homepage .three .tab {
  display: flex;
  background: #9daabc;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}

.homepage .three .tab li {
  display: flex;
  align-items: center;
  height: 82px;
  cursor: pointer;
  justify-content: center;
  flex: 1;
}

.homepage .three .tab li.on {
  background: #0f4fa6;
}

.homepage .three .tab li img {
  margin-right: 12px;
  width: 39px;
}

.homepage .three .tab-lg {
  padding: 20px;
}

.homepage .three .tabinfo {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  padding: 20px 0;
  font-weight: bold;
  font-size: 25px;
}

.homepage .three .tabinfo li {
  padding: 0 60px;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.homepage .three .tabinfo li.on {
  color: #0f4fa6;
}

.homepage .three .tabinfo li.on img {
  opacity: 1;
  filter: inherit;
}

.homepage .three .tabinfo li img {
  margin-right: 15px;
  filter: grayscale(100%);
  width: 33px;
  opacity: 0.6;
}

.homepage .three .tabinfo li+li {
  border-left: 1px solid #ddd;
}

.homepage .three .flex {
  background: #f6f8fa;
  padding: 20px;
}

.homepage .three .flex .side {
  width: 236px;
  margin-left: 20px;
}

.homepage .three .flex .side li {
  height: 85px;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  background: #f8f8f8;
  align-items: center;
  justify-content: center;
}

.homepage .three .flex .side li+li {
  margin-top: 16px;
}

.homepage .three .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.homepage .three .bd ul li {
  padding: 8px;
  width: 14.285%;
}

.homepage .three .bd ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  height: 60px;
  background: #fff;
}

.homepage .three .bd ul a:hover {
  color: #fff;
  background: #0f4fa6;
  border-color: #0f4fa6;
}

.homepage .three .ft {
  padding-top: 20px;
}

.homepage .three .ft ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.homepage .three .ft li {
  padding: 10px;
  width: 16.666%;
}

.homepage .three .ft li a {
  display: flex;
  align-items: center;
  padding: 0 25px;
  border-radius: 5px;
  height: 70px;
  color: #0f4fa6;
  border: 1px solid #caecff;
  background: #e6f1ff;
}

.homepage .three .ft li a:hover {
  color: #fff;
  background: #0f4fa6;
}

.homepage .three .ft li a:hover img {
  filter: brightness(100);
}

.homepage .three .ft li img {
  margin-right: 6px;
  transition: 0s;
  width: 24px;
}

.homepage .three .partone {
  display: flex;
}

.homepage .three .partone .tabtitle {
  justify-content: center;
  background: #eae9e9;
  margin: 0;
}

.homepage .three .partone .tabtitle_left {
  justify-content: flex-start;
  padding-left: 20px;
}

.homepage .three .partone .tabtitle>li {
  height: 55px;
  min-width: inherit;
  padding: 0;
  margin: 0px 10px !important;
  /* text-align: left; */
}

.homepage .three .partone .tabtitle>li+li {
  margin-left: 55px;
}

.homepage .three .partone .tabtitle>li.on {
  background: none;
  color: #0f4fa6;
}

.homepage .three .partone .tabtitle>li.on::after {
  border: none;
  content: "";
  border-bottom: 3px solid #0f4fa6;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  transform: translate(0);
  width: 100%;
}

.homepage .three .partone>.flex_item {
  background: #f6f8fa;
}

.homepage .three .partone .tabcontent {
  padding: 15px 20px;
}

.homepage .three .partone>.flex_item+.flex_item {
  margin-left: 20px;
}

.homepage .three .parttwo {
  margin-bottom: 20px;
}

.homepage .three .parttwo,
.homepage .three .parttwo ul {
  display: flex;
}

.homepage .three .parttwo ul {
  text-align: center;
}

.homepage .three .parttwo ul a {
  display: block;
  border-radius: 5px;
  background: #e6f1ff;
  height: 154px;
  border: 1px solid #caecff;
  padding-top: 35px;
  width: 180px;
}

.homepage .three .parttwo ul li+li {
  margin-left: 20px;
}

.homepage .three .parttwo ul li img {
  margin-bottom: 15px;
  width: 50px;
}

.homepage .three .parttwo .flex_item {
  height: 154px;
  position: relative;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/home_104.jpg) center no-repeat;
  background-size: 100% 100%;
}

.homepage .three .parttwo .flex_item ul li a {
  height: 125px;
  width: 220px;
  padding-top: 20px;
}

.homepage .three .parttwo .flex_item ul li+li {
  margin-left: 40px;
}

.homepage .three .parttwo h3 {
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 27px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 22px;
}

.homepage .three .parttwo h3:after {
  content: "";
  width: 42px;
  height: 5px;
  background: #fff;
  display: block;
  margin-top: 15px;
}

.homepage .four {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.homepage .four .title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f4fa6;
  font-size: 29px;
  background: url(../images/home_19.png) left center repeat-x;
  margin-bottom: 20px;
}

.homepage .four .title b {
  background: #fff;
  padding: 0 15px;
}

.homepage .four .swiper-button-next,
.homepage .four .swiper-button-prev {
  background: rgba(0, 0, 0, 0.4);
  width: 28px;
  height: 50px;
  border-radius: 5px;
  color: #fff;
}

.homepage .four .swiper-button-next:after,
.homepage .four .swiper-button-prev:after {
  font-size: 18px;
}

.homepage .four .bd img {
  height: 121px;
}


/* 轮播容器样式 */
.slide {
  width: 685px;
  float: left;
}

/* Swiper轮播容器 */
.xwswiper {
  width: 100%;
  height: 457px;
  overflow: hidden;
  position: relative;
}

/* 进度条分页器样式 */
.xwswiper .swiper-pagination-progressbar {
  bottom: 20px;
  top: auto;
  width: 90%;
  left: 5%;
}

/* 单个轮播项样式 */
.xwswiper .swiper-slide {
  transition: 300ms;
  position: relative;
  height: 100%;
}

/* 轮播项链接样式 */
.xwswiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

/* 轮播项图片样式 - 使用object-fit保持比例 */
.xwswiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* 轮播项标题文字样式 */
.xwswiper .swiper-slide p {
  position: absolute;
  width: 100%;
  padding-bottom: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
}

/* 非激活状态的轮播项隐藏标题 */
.xwswiper .swiper-slide-prev p,
.xwswiper .swiper-slide-next p {
  display: none;
}

/* 激活状态的轮播项放大效果 */
.xwswiper .swiper-slide-active,
.xwswiper .swiper-slide-duplicate-active {
  transform: scale(1.8);
  z-index: 9;
}

/* 激活状态显示标题 */
.xwswiper .swiper-slide-active p {
  display: block;
}

/* 左右切换按钮样式 */
.xwswiper .btn {
  position: absolute;
  top: 60%;
  margin-top: -53px;
  cursor: pointer;
  z-index: 10;
}

.xwswiper .btn img {
  width: 100% !important;
  height: 50px !important;
}

/* 左切换按钮位置 */
.xwswiper .xwprev {
  left: 0;
}

/* 右切换按钮位置 */
.xwswiper .xwnext {
  right: 0;
}

/* 分页器圆点位置 */
.xwswiper .swiper-pagination {
  bottom: 20px;
}

/* 分页器圆点样式 */
.xwswiper .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  border-radius: 4px;
}

/* 激活状态的分页器圆点 */
.xwswiper .swiper-pagination-bullet-active {
  width: 32px;
  background: #205BB8;
}

/* 浮动辅助类 */
.fl {
  float: left;
}

/* ========== 专题专栏轮播图样式 ========== */
/* 专题专栏容器 */
.ztlist {
  position: relative;
  margin-top: 28px;
  height: 139px;
}

/* 专题专栏切换按钮 */
.ztlist .btn {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  z-index: 9;
}

.ztlist .btn img {
  width: 50px !important;
  height: 50px !important;
}

/* 左切换按钮位置 */
.ztlist .ztprev {
  left: 5px;
}

/* 右切换按钮位置 */
.ztlist .ztnext {
  right: 5px;
}

/* 专题专栏Swiper容器 */
.ztswiper {
  overflow: hidden;
}

/* 专题专栏轮播项 */
.ztswiper .swiper-slide {
  overflow: hidden;
}

/* 专题专栏链接 */
.ztswiper .swiper-slide a {
  display: block;
}

/* 专题专栏图片样式 - 使用object-fit保持比例 */
.ztswiper .swiper-slide img {
  transition: all .5s;
  width: 100%;
  height: 139px;
  object-fit: cover;
  object-position: center;
}

/* 鼠标悬停放大效果 */
.ztswiper .swiper-slide:hover img {
  transform: scale(1.1);
}
/* MARK:弹窗（提示登录、信件查询弹窗） */
.mail-message-box {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 400px;
  padding: 15px;
  border-radius: 5px;
  position: relative;
}
.mail-message-box-wrapper {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.mail-message-box-wrapper:after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.mail-message-box-header {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #303133;
}
.mail-message-box-content {
  padding: 15px 15px;
  color: #606266;
  font-size: 14px;
}
.mail-message-box-buttons {
  padding: 10px 0;
}
.mail-message-box-buttons a {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 8px 20px;
  font-size: 14px;
  border-radius: 4px;
  margin: 0 5px;
}
.mail-message-box-buttons a:first-child {
  color: #fff;
  background-color: rgba(153, 49, 49, 1);
  border-color: rgba(153, 49, 49, 1);
}
.mail-message-box-close {
  position: absolute;
  top: -6px;
  right: 5px;
  font-size: 20px;
  padding: 10px;
  cursor: pointer;
}
.mail-message-box-group {
  margin-bottom: 10px;
}
.mail-message-box-group label {
  width: 80px;
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  padding: 0 12px 0 0;
  height: 40px;
  line-height: 40px;
}
.mail-message-box-group input {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  width: 250px;
}

/* ==================== 移动端适配（阿拉山口首页） ==================== */
@media (max-width: 768px) {
  .message .header h2 {
  /* color: #733434; */
  padding: 50px 0;
  font-size: 44px;
  font-weight: bold;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  text-align: center;
  width: 419px;
}
    /* 全局防溢出 */
    html, body {
        overflow-x: hidden !important;
    }
    .container-1400 {
    width: 100%;
    padding: 0 20px;
  }
    body {
        min-width: 100% !important;
    }
    .container {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    /* 头部区域 */
    .header {
        height: auto !important;
        background-size: cover;
    }
    .header .flex {
        padding-top: 30px;
        flex-direction: column;
    }
    .header .logo .pic { width: 80px; }
    .header .logo .txt { width: auto; max-width: 100%; }
    .header .search {
        width: 100% !important;
        margin: 15px 0;
    }
    .header .search .input {
        width: calc(100% - 132px);
        height: 44px;
        font-size: 14px;
    }
    .header .search .btn {
        height: 44px;
        width: 100px;
        font-size: 16px;
    }
    .header .nav {
        position: relative;
        margin-top: 20px;
    }
    .header .nav ul {
        /* flex-direction: column; */
        background: #0f4fa6;
        display: flex;
        flex-wrap: wrap;
    }
    .header .nav ul::before,
    .header .nav ul::after { display: none; }
    .header .nav ul li {flex: none;width: 100%;width: 100px;height: 40px;line-height: 50px;position: relative;/* top: -12px; */}
    .header .nav ul li a {
        height: 46px;
        font-size: 16px;
        justify-content: flex-start;
        padding-left: 20px;
    }
  .parttwo_ {
    display: none
    
  }

    /* 首页头部特有 */
    .homepage .header { height: auto !important; }
    .homepage .header .flex { width: auto; padding: 20px 15px; }
    .header_index .search_0 { width: 100% !important; margin: 20px auto; }
    .header_index .search .input { width: calc(100% - 140px); }
    .header_index .search .btn { margin-right: 5px; }

    /* 内容区 */
    .commonbg { padding: 10px; min-height: auto; }

    /* 头条标题 */
    .firsttitlestyle30890,
    A.c30890 { font-size: 22px !important; line-height: 36px !important; padding: 5px 0; }

    /* 轮播图 */
    .banner { width: 100% !important; }
    .slide { width: 100% !important; }
    .xwswiper { width: 100% !important; height: auto !important; }
    .xwswiper .swiper-slide { height: auto !important; }
    .xwswiper .swiper-slide img { width: 100% !important; height: auto !important; }
    .xwswiper .swiper-slide p { position: static; font-size: 14px; padding: 5px 10px; background: rgba(0,0,0,0.5); }
    .xwswiper .swiper-slide-active,
    .xwswiper .swiper-slide-duplicate-active { transform: none !important; }
    .xwswiper .xwprev,
    .xwswiper .xwnext { display: none !important; }

    /* 选项卡横向滑动 */
    .tabtitle {
        /* overflow-x: auto; */
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        /* border-bottom: 1px solid #ddd; */
        /* padding-bottom: 5px; */
        /* margin-bottom: 10px; */
        flex-wrap: wrap;
        justify-content: left !important;
    }
    .tabtitle li { flex-shrink: 0;  padding: 0 15px; font-size: 16px; height: 32px; line-height: 32px; }
    .tabtitle li::after { display: none; }
    .tabtitle .ckgd { display: none !important; }

    /* 新闻列表 */
    .commonlists li a { flex-wrap: wrap; line-height: 28px; }
    .commonlists li .flex_item {font-size: 16px;-webkit-line-clamp: 2;width: 80% !important;}
    .commonlists li span { font-size: 13px; margin-left: 10px; }

    /* 多栏改纵向 */
    .one .bd, .two, .three .tab-lg, .three .partone, .four .bd,
    .homepage .one .bd, .homepage .two, .homepage .three .partone {
        display: flex;
        flex-direction: column;
    }
    .one .bd .slide, .three .partone .ls, .three .partone .rs {
        width: 100% !important;
        flex: none !important;
        margin-right: 0;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    .homepage .two > .flex_item + .flex_item { margin-left: 0; }

    /* 政务服务网格 */
    .homepage .three .bd ul { display: flex; flex-wrap: wrap; }
    .homepage .three .bd ul li { width: 48% !important; margin: 1%; }
    .homepage .three .flex .side { width: 100% !important; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: center; }
    .homepage .three .flex .side li { width: 100%; margin: 1.5%; }

    /* 政民互动 */
    .parttwo { flex-direction: column; }
    .parttwo .flex_item, .parttwo .side { width: 100% !important; margin-bottom: 15px; }
    .homepage .three .parttwo ul { flex-wrap: wrap; }
    .homepage .three .parttwo ul li { margin: 5px; }

    /* 媒体矩阵二维码 */
    .ft ul { flex-wrap: wrap; justify-content: center; }
    .ft ul li {width: 45% !important;/* margin: 10px auto; */text-align: center;}

    /* 专题专栏轮播 */
    .ztlist { height: auto; }
    .ztswiper .swiper-wrapper { width: 100% !important; }
    .ztswiper .swiper-slide {width: 83% !important;/* margin-right: 4% !important; */}
    .ztswiper .swiper-slide img { height: auto; }
    .ztprev, .ztnext { display: none !important; }

    /* 底部 */
    .footer .container1 { width: 100% !important; padding: 0 12px; }
    .footer .hd ul { flex-wrap: wrap; }
    .footer .hd ul > li { width: 100%; margin-left: 0 !important; margin-bottom: 10px; }
    .footer .bd .info { flex-direction: column; }
    .footer .bd .box { margin-right: 0; margin-bottom: 10px; }
    .footer .bd .link a { display: block; line-height: 30px; }
    .footer .bd .link a + a::before { display: none; }
    .footer .ft { height: auto; flex-wrap: wrap; padding: 10px; line-height: 30px; }

    /* 全局图片防溢出 */
    img { max-width: 100% !important; height: auto !important; }
    table, tbody, tr, td, th { display: block; width: 100% !important; }
    tr { display: flex; flex-wrap: wrap; }
    td, th { width: auto !important; }

    /* 各类内页适配 */
    .homepage .three .tab li { flex: auto; }
    .homepage .three .tabinfo li { padding: 0 20px; font-size: 18px; }
    .homepage .three .parttwo .flex_item { width: 100%; margin-right: 0; margin-bottom: 10px; }
    .homepage .three .parttwo ul a { width: auto; padding: 15px; }
    .newspage .one { flex-direction: column; }
    .newspage .one .banner { width: 100%; }
    .newspage .one .banner img { height: auto; }
    .newspage .two .info { width: 100%; }
    .aboutus .one, .aboutus .three { flex-direction: column; }
    .aboutus .one .pic, .aboutus .three ul { width: 100%; margin-right: 0; }
    .aboutus .two ul li { width: 25%; }
    .aboutus .three .flex_item img { height: auto; }
    .hudong .one { flex-direction: column; }
    .hudong .one .side { width: 100%; margin-left: 0; margin-top: 20px; }
    .hudong .two { flex-direction: column; }
    .hudong .two > .flex_item + .flex_item { margin-left: 0; margin-top: 20px; }
    .hudong .parttwo table { display: block; }
    .message .two { flex-direction: column; }
    .message .two .side { width: 100%; margin-right: 0; }
    .message .one::before, .message .one::after { display: none; }
    .message .one .search { width: 100%; margin-right: 0; }
    .zhenfu .one { flex-direction: column; }
    .zhenfu .one .box + .box { margin-left: 0; margin-top: 20px; }
    .zhenfu .two ul li { width: 25%; }
    .zhenfu .three > div { width: 100%; }
    .c30890{
          overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 294px;
    }
    .homepage .one .hd dl{
      background: #fff !important;

    }
    .homepage .one .bd .banner{
      height: auto !important;
    }
    .commonlists .flex_item{
      width: 80% !important;

    }
    .homepage .three .tab{
      flex-wrap: wrap;
    }
    .homepage .three .flex{
      display: block !important;

    }
    .homepage .three .parttwo .flex_item ul li+li{
      margin: 0 !important;
    }
    .homepage .three .parttwo .flex_item{
      background: #fff !important;  
    }
    .homepage .three .parttwo h3{
      display: none !important;  
    }
    .homepage .three .ft li img{
      width: 18px !important;
    }
    .zhenfu .one .part1 .flex{
      display: block !important;
    }
     .hudong .partone{
      background: #3071ca !important;
    }
    .mail-message-box {
    width: 80%;
  }
  .mail-message-box-group label {
    width: 100%;
    text-align: left;
  }
  .mail-message-box-group input {
    width: 100%;
  }
}

@media (max-width: 480px) {
    .header .search .input { width: calc(100% - 90px); }
    .header .search .btn { width: 80px; }
    .tabtitle li {/* font-size: 14px; */padding: 0 10px;}
    .ztswiper .swiper-slide {/* width: 100% !important; *//* margin: 0 auto !important; */}
    .ft ul li { width: 90% !important; }
    .homepage .three .bd ul li { width: 100% !important; }
    .homepage .three .flex .side li { width: 100% !important; }
}

/* ===== 重置部分内联样式 ===== */
.zxft_container .zxft_main[style*="display: none"] {
    /* display: block !important; */   /* 显示第一个隐藏的 .zxft_main 用于标题 */
}

.zxft_container .zxft_main:first-child {
    /* 清空内部可能存在的额外边距 */
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    /* display: flex !important; */   /* 使用flex布局让伪元素居中 */
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 12px;
    border-bottom: 3px solid #1a5c9e;
    margin-bottom: 28px;
    position: relative;
}

/* 利用伪元素生成“在线访谈”和“Online interview” */
.zxft_container .zxft_main:first-child::before {
    content: "在线访谈";
    font-size: 28px;
    font-weight: 700;
    color: #1a3c6e;
    letter-spacing: 2px;
    line-height: 1.2;
    display: block;
}

.zxft_container .zxft_main:first-child::after {
    content: "Online interview";
    font-size: 16px;
    font-weight: 400;
    color: #7a8fa6;
    letter-spacing: 1px;
    font-style: italic;
    line-height: 1.4;
    display: block;
    margin-top: 2px;
}

/* 在标题右侧添加日期（可选，与图片风格统一，这里使用固定文本） */
/* 因为原结构没有日期元素，使用伪元素生成，若不需要可删除 */
.zxft_container .zxft_main:first-child {
    /* position: relative; */
}
.zxft_container .zxft_main:first-child::after {
    /* 如果希望日期出现在右侧，可改用绝对定位，但这里简单追加 */
    /* 为保持简洁，已在上面生成英文，不再重复，日期可用额外伪元素 */
    /* 如果需要日期，可以使用另一个伪元素，但::after已被占用，可以用::before的content追加 */
    /* 使用额外元素不改变结构，采用在before中加换行？更简单：我们在容器上加一个伪元素，但容器已有两个伪元素，可调整 */
}
/* 更优雅：将日期放在容器右上方，利用伪元素绝对定位 */
.zxft_container .zxft_main:first-child::before {
    /* 保留中文标题 */
}
.zxft_container .zxft_main:first-child::after {
    content: "2026-07-09";   /* 这里放日期，与图片中类似 */
    font-size: 14px;
    color: #7a8fa6;
    background: #f0f4fa;
    padding: 2px 16px;
    border-radius: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.6;
    margin-top: 4px;
}
/* 但为了不影响英文显示，我们把英文和日期都放after中？更简单：使用两个伪元素，但一个元素只能两个伪元素。可以使用嵌套，但不改变结构，只能巧妙设计。 */
/* 重新设计：用before生成中文，after生成英文+日期？但需要分两行。我们可以将after内容设为"Online interview"并换行加日期，但日期需要右对齐。 */
/* 这里简化：我们仅生成中文和英文，日期忽略，或使用一个绝对定位的额外伪元素，但需要额外容器。为了不改变结构，我们利用第一个zxft_main的伪元素只做标题，日期可省略，因为图片中日期是访谈时间内容的一部分。 */
/* 经过考虑，图片中的日期是访谈时间字段的值，不是顶部日期。顶部没有日期，只有标题。所以不需要添加日期，直接生成中文+英文即可。 */
/* 修正：移除日期伪元素，只生成中文和英文。 */
.zxft_container .zxft_main:first-child::before {
    content: "在线访谈";
    font-size: 28px;
    font-weight: 700;
    color: #1a3c6e;
    letter-spacing: 2px;
    line-height: 1.2;
    display: block;
}
.zxft_container .zxft_main:first-child::after {
    content: "Online interview";
    font-size: 16px;
    font-weight: 400;
    color: #7a8fa6;
    letter-spacing: 1px;
    font-style: italic;
    line-height: 1.4;
    display: block;
    margin-top: 2px;
    position: static;
    background: none;
    padding: 0;
    border-radius: 0;
}

/* ===== 第二个 .zxft_main 改造为信息卡片 ===== */
.zxft_container .zxft_main:last-child {
    display: flex !important;
    flex-direction: row;
    gap: 0;
    background: #f9fbfe;
    border-radius: 12px;
    padding: 28px 32px 32px;
    border-left: 5px solid #1a5c9e;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
    border-top: none;
    align-items: stretch;
}

/* 隐藏左侧图片区域 */
.zxft_container .zxft_main:last-child .zxft_m_left {
    display: none !important;
}

/* 右侧内容占满整行 */
.zxft_container .zxft_main:last-child .zxft_m_right {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* 重新排列 h2 作为“访谈主题”行 */
.zxft_container .zxft_main:last-child .zxft_m_right h2 {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 17px;
    font-weight: 400;
    color: #2d3f5e;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dashed #e6edf5;
    line-height: 1.6;
}

.zxft_container .zxft_main:last-child .zxft_m_right h2 b {
    font-weight: 600;
    color: #1a3c6e;
    min-width: 76px;
    font-size: 17px;
    background: none;
    padding: 0;
    border-radius: 0;
    letter-spacing: 0.5px;
}

.zxft_container .zxft_main:last-child .zxft_m_right h2 a {
    font-weight: 400;
    color: #2d3f5e;
    font-size: 17px;
    text-decoration: none;
    flex: 1;
}

.zxft_container .zxft_main:last-child .zxft_m_right h2 a:hover {
    color: #1a5c9e;
    text-decoration: underline;
}

/* 访谈时间行 */
.zxft_container .zxft_main:last-child .zxft_m_right > div:first-of-type {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 17px;
    color: #2d3f5e;
    padding: 10px 0;
    border-bottom: 1px dashed #e6edf5;
    margin: 0;
}

.zxft_container .zxft_main:last-child .zxft_m_right > div:first-of-type b {
    font-weight: 600;
    color: #1a3c6e;
    min-width: 76px;
    font-size: 17px;
}

.zxft_container .zxft_main:last-child .zxft_m_right > div:first-of-type p {
    display: inline;
    margin: 0;
    font-weight: 400;
    color: #2d3f5e;
    font-size: 17px;
}

/* 访谈嘉宾行 */
.zxft_container .zxft_main:last-child .zxft_m_right > div:nth-of-type(2) {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 17px;
    color: #2d3f5e;
    padding: 10px 0;
    border-bottom: 1px dashed #e6edf5;
    margin: 0;
}

.zxft_container .zxft_main:last-child .zxft_m_right > div:nth-of-type(2) b {
    font-weight: 600;
    color: #1a3c6e;
    min-width: 76px;
    font-size: 17px;
}

.zxft_container .zxft_main:last-child .zxft_m_right > div:nth-of-type(2) p {
    display: inline;
    margin: 0;
    font-weight: 400;
    color: #2d3f5e;
    font-size: 17px;
}

/* 访谈简介行 — 隐藏，因为图片中没有简介 */
.zxft_container .zxft_main:last-child .zxft_m_right > div:nth-of-type(3) {
    display: none !important;
}

/* 如果简介是最后一个div，可能会影响，但已经隐藏 */

/* 调整第一个div（访谈时间）和第二个div（访谈嘉宾）没有额外边距 */
.zxft_container .zxft_main:last-child .zxft_m_right > div {
    margin: 0;
    border-bottom: 1px dashed #e6edf5;
    padding: 10px 0;
}

/* 去掉最后一个div的边框（因为简介隐藏，但如果有其他div，确保最后一个可见的没有边框） */
.zxft_container .zxft_main:last-child .zxft_m_right > div:last-of-type:not(:nth-of-type(3)) {
    border-bottom: none;
}

/* 由于我们隐藏了第三个div（简介），那么第二个div（嘉宾）实际上是可见的最后一个，所以需要去掉其边框 */
.zxft_container .zxft_main:last-child .zxft_m_right > div:nth-of-type(2) {
    border-bottom: none;
}

/* 但第一个div（时间）有边框，第二个没有，符合卡片三行样式，最后一行无边框。 */

/* 调整卡片内部间距，使整体更紧凑 */
.zxft_container .zxft_main:last-child .zxft_m_right {
    gap: 0;
}

/* 保证标题行（h2）的边框与div的边框一致 */
.zxft_container .zxft_main:last-child .zxft_m_right h2 {
    border-bottom: 1px dashed #e6edf5;
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* 确保所有文本颜色、字体一致 */
.zxft_container,
.zxft_container * {
    line-height: 32px;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .zxft_container .zxft_main:first-child::before {
        font-size: 24px;
    }
    .zxft_container .zxft_main:first-child::after {
        font-size: 14px;
    }
    .zxft_container .zxft_main:last-child {
        padding: 20px 18px 22px;
    }
    .zxft_container .zxft_main:last-child .zxft_m_right h2,
    .zxft_container .zxft_main:last-child .zxft_m_right > div {
        font-size: 15px;
    }
    .zxft_container .zxft_main:last-child .zxft_m_right h2 b,
    .zxft_container .zxft_main:last-child .zxft_m_right > div b {
        min-width: 60px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .zxft_container .zxft_main:first-child::before {
        font-size: 20px;
    }
    .zxft_container .zxft_main:first-child::after {
        font-size: 12px;
    }
    .zxft_container .zxft_main:last-child {
        padding: 16px 14px 18px;
    }
    .zxft_container .zxft_main:last-child .zxft_m_right h2,
    .zxft_container .zxft_main:last-child .zxft_m_right > div {
        font-size: 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    .zxft_container .zxft_main:last-child .zxft_m_right h2 b,
    .zxft_container .zxft_main:last-child .zxft_m_right > div b {
        min-width: auto;
        font-size: 14px;
    }
}

/* 额外：隐藏 zxftyg（访谈预告）保持隐藏 */
.zxftyg {
    display: none !important;
}