* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../css/fonts/5h1aiZUrOngCibe4TkHLQka4BU4.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* .neon-text {
  font-family: 'Monoton', cursive;
  font-size: 48px;
  color: red;
} */
html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  font: calc(100vw / 120) arial, verdana;
  font-family: "Source Han Sans CN";
}

a,
ul,
li,
p,
h3 {
  list-style: none;
  text-decoration: none;
  transition: all .2s;
}

img,
table {
  max-width: 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.max {
  width: 113.625rem;
  margin: auto;
}

.header .maxs,
.header .maxs>ul,
.header .maxs .right,
.login {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 6.875rem;
  background-color: #fff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .1);
  padding-left: 2.625rem;
  box-sizing: border-box;
}

.header .maxs {
  width: 100%;
}

.header .maxs .left {
  width: 11%;
  height: 4.375rem;
  min-width: 13.625rem;

}

.header .maxs .left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header .maxs>ul {
  width: 56%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.1875rem 0;
  margin: 0 2.5rem;
}

.header .maxs>ul>li,
.header .maxs>ul>li>a,
.header .maxs {
  position: relative;
  height: 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .maxs>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333;
  position: relative;
}

.header .maxs>ul>li>a::after {
  content: "";
  display: flex;
  position: absolute;
  left: 50%;
  bottom: -27%;
  width: 00%;
  border-bottom: .25rem solid #0165b0;
  border-bottom: .25rem solid #0165b0;
  transition: all .6s;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .maxs>ul>li:hover>a,
.header .maxs>ul>li.active>a {
  color: #0165b0;
  color: #0165b0;
}

.header .maxs>ul>li:hover>a::after,
.header .maxs>ul>li.active>a::after {
  width: 50%;
}

.header .maxs .right {
  position: relative;
  width: 24%;
  height: 100%;
  background: #0165b0;
  background: #0165b0;
  padding: 0 1.625rem;
  box-sizing: border-box;
}

.header .maxs .right .img img {
  width: 1.6875rem;
  height: 1.75rem;
  object-fit: contain;
}

.header .maxs .right .img i {
  display: flex;
  height: 1.75rem;
  width: .0625rem;
  background-color: #fff;
  opacity: .5;
  margin: 0 1.25rem;
}

.header .maxs .right .img {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .maxs .right p {
  /* font-weight: 500; */
  font-size: 1.125rem;
  color: #FFFFFF;
}

.header .maxs .right .login p {
  margin-right: .5rem;
  cursor: pointer;
  width: 4rem;
  height: 1.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem 1rem 1rem 1rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-border-radius: 1rem 1rem 1rem 1rem;
  -moz-border-radius: 1rem 1rem 1rem 1rem;
  -ms-border-radius: 1rem 1rem 1rem 1rem;
  -o-border-radius: 1rem 1rem 1rem 1rem;
}

.header .maxs .right .login p:hover {
  background: #AF0000;
  background: #4990d1;
}

.header .maxs .right .login p:nth-child(1) {
  background: #AF0000;
  background: #4990d1;
}

.header .maxs .right .zc p {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.header .maxs .right .zc p::after {
  content: "";
  margin-left: .9375rem;
  display: flex;
  width: .875rem;
  height: .5rem;
  background-image: url('../images/arr-bot.png');
  background-size: 100% 100%;
}

.header .maxs .right .zc {
  /* position: relative; */
}

.zc-b {
  min-width: 50rem;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  padding: 2.5rem 5.625rem;
}

.zc-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.zc-box::after {
  content: "";
  position: absolute;
  right: 3.9375rem;
  top: -0.8125rem;
  display: flex;
  width: 1.625rem;
  height: .8125rem;
  background-image: url('../images/sj.png');
  background-size: 100% 100%;

}

.zc-box .zc-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.zc-box .zc-item h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #555555;
  display: flex;
  position: relative;
  padding-left: 1.125rem;
  /* padding-bottom: 1.25rem; */
  margin-bottom: 2rem;
}

.zc-box .zc-item h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  height: 60%;
  width: .4375rem;
  background: #0165b0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 0 .3125rem .625rem -0.3125rem rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 1.25rem;
  height: 100%;
}


.zc-box .zc-item h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -53%;
  width: 130%;
  display: flex;
  border-bottom: 1px solid #e1e1e1;
}

.zc-box .zc-item a {
  font-size: 1rem;
  color: #555555;
  line-height: 1.875rem;
}

.zc-box .zc-item a:hover {
  color: #0165b0;
}

.zc-b {
  display: none;
}

.header .op {
  display: none;
  position: absolute;
  width: 12.25rem;
  left: 50%;
  top: 5.6875rem;
  border-top: 3px solid #0165b0;
  border-top: 3px solid #0165b0;
  z-index: 9;
  background-color: #FFFFFF;
  box-shadow: 0px 0px .8125rem -0.5rem #000;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.header .op li {
  line-height: 3.125rem;
  text-align: center;
}

.header .op a {
  position: relative;
  display: inline-block;
  width: max-content;
  text-align: center;
  font-size: 1.125rem;
  padding: 0 .625rem;
  color: #000;
  line-height: 2.5rem;
}

.header .op a::after {
  content: "";
  position: absolute;
  width: 0%;
  left: 0;
  height: 2px;
  bottom: 0;
  background-color: #0165b0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .op a:hover {
  color: #0165b0;
  color: #0165b0;
}

.header .op a:hover::after {
  width: 100%;
}

.search-box {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}

.search-box .max {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-box .max>p {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 2.9375rem;
  height: 2.9375rem;
  cursor: pointer;
}

.search-box .max>p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.search-box .search {
  width: 60%;
  height: 2.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.search-box .search input {
  width: 85%;
  height: 100%;
  border: 0;
  outline: 0;
  padding-left: 1.25rem;
}

.search-box .search button {
  width: 15%;
  background-color: #0165b0;
  border: 0;
  height: 100%;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}




.banner .swiper {
  height: 100vh;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .swiper-pagination {
  width: max-content;
  right: 3.125rem;
  left: auto;
  top: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.banner .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 1.125rem;
  height: .375rem;
  margin-bottom: 2.5rem;
  background: #FFFFFF;
  border-radius: .1875rem .1875rem .1875rem .1875rem;
  -webkit-border-radius: .1875rem .1875rem .1875rem 3px;
  -moz-border-radius: .1875rem .1875rem .1875rem 3px;
  -ms-border-radius: .1875rem .1875rem .1875rem 3px;
  -o-border-radius: .1875rem .1875rem .1875rem 3px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 2.5rem;
  background-color: #0165b0;
}

.btn {
  position: absolute;
  bottom: 1.875rem;
  right: 3.125rem;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.btn .swiper-button-prev,
.btn .swiper-button-next {
  position: static;
  margin: 0;
  width: 1.8125rem;
  height: 1.0625rem;
  background-image: url('../images/banner-arr-b.png');
  background-size: 100% 100%;
  opacity: 1;
}

.btn .swiper-button-prev {
  background-image: url('../images/banner-arr-t.png');
}

.btn .swiper-button-prev::after,
.btn .swiper-button-next::after {
  display: none;
}

.btn .svg {
  position: relative;
  width: 61px;
  height: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0165b0;
  margin: 1.25rem 0;
}

.btn .svg svg {
  position: absolute;
  left: 0;
  top: 0;
}

.btn .svg span {
  font-size: 1.125rem;
  color: #0165b0;
}

.btn .svg span:first-child {
  font-weight: bold;
  font-size: 1.375rem;
}

.zbxx {
  position: relative;
  margin-top: -15.375rem;
  z-index: 1;
  width: 50%;
  height: 15.375rem;
  display: flex;
  transition: all .6s;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, .8);
}

.zbxx .left {
  width: 93%;
  transition: all .6s;
  padding: 2.875rem 0;
  padding-left: 4.8125rem;
  padding-right: 4.375rem;
  box-sizing: border-box;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxx.active {
  transform: translate(-94%, 0);
  -webkit-transform: translate(-94%, 0);
  -moz-transform: translate(-94%, 0);
  -ms-transform: translate(-94%, 0);
  -o-transform: translate(-94%, 0);
}

.zbxx .left .tab {
  display: flex;
  align-items: center;
}

.zbxx .left .tab p {
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333;
  cursor: pointer;
  margin-right: 3.125rem;
  padding-bottom: .9375rem;
  margin-bottom: .625rem;
}

.zbxx .left .tab p.active,
.zbxx .left .tab p:hover {
  color: #0165b0;
}

.zbxx .left .tab p::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  width: 00%;
  height: .3125rem;
  background: #EF001E;
  background: #0165b0;
  transition: all .6s;
  border-radius: .1875rem .1875rem .1875rem .1875rem;
  -webkit-border-radius: .1875rem .1875rem .1875rem .1875rem;
  -moz-border-radius: .1875rem .1875rem .1875rem .1875rem;
  -ms-border-radius: .1875rem .1875rem .1875rem .1875rem;
  -o-border-radius: .1875rem .1875rem .1875rem .1875rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxx .left .tab p.active::after,
.zbxx .left .tab p:hover::after {
  width: 40%;
}

.zbxx .left ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zbxx .left ul li a p {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
}

.zbxx .left ul li a p:last-child {
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 2.25rem;
}

.zbxx .left ul li a p:hover {
  color: #0165b0;
}

.zbxx .right {
  cursor: pointer;
  width: 7%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0165b0;
  background-color: #0165b0;
  height: 100%;
}

.zbxx .right img {
  width: .9375rem;
  height: 1.5625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxx.active .right img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.jtjj {

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

.jtjj .left {
  width: 63%;
  min-height: 57.5rem;
  box-sizing: border-box;
  background-image: url('../images/jj-bg.jpg');
  background-size: 100% 100%;
  position: relative;
  padding: 6.25rem 3.125rem;
}

.jtjj #particles-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.title h3 {
  font-weight: bold;
  font-size: 2.25rem;
  /* color: #333333; */
  color: #fff;
  display: flex;
  align-items: flex-end;
}

.title p {
  font-weight: normal;
  font-size: 2.25rem;
  color: #FFFFFF;
}

.title h3::after {
  content: "";
  display: flex;
  width: 2.3125rem;
  height: .375rem;
  background: #0165b0;
  margin-bottom: .625rem;
  margin-left: .625rem;
}

.jtjj .left .imgs {
  width: 36.5625rem;
  height: 34.75rem;
}

.jtjj .left .img img {
  width: 100%;
  height: 100%;
}

.jtjj .left .jtjj-box {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
}

.jtjj .left .jtjj-text {
  width: 43%;
  position: relative;
  transform: translate(0px, -2.8125rem);
  -webkit-transform: translate(0px, -2.8125rem);
  -moz-transform: translate(0px, -2.8125rem);
  -ms-transform: translate(0px, -2.8125rem);
  -o-transform: translate(0px, -2.8125rem);
}

.jtjj .left .jtjj-text h3 {
  font-weight: bold;
  font-size: 2.3125rem;
  color: #FFFFFF;
}

.jtjj .left .jtjj-text ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.jtjj .left .jtjj-text ul li {
  margin-bottom: 1.25rem;
}

.jtjj .left .jtjj-text ul li h3 {
  font-size: 1.875rem;
}

.jtjj .left .jtjj-text ul li h3 span {
  font-size: 1.125rem;
}

.jtjj .left .jtjj-text ul li p {
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
}

.jtjj .left .jtjj-text ul li.aa {
  margin: 0 3.875rem;
}

.jtjj .left .jtjj-text>p {
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  margin-top: 1.875rem;
  text-align: justify;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 5;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.gd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.0625rem;
  height: 3rem;
  background: #0165b0;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin-top: 5.125rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gd:hover {
  background-color: #fff;
  color: #0165b0;
  transform: translate(-1.875rem);
  -webkit-transform: translate(-1.875rem);
  -moz-transform: translate(-1.875rem);
  -ms-transform: translate(-1.875rem);
  -o-transform: translate(-1.875rem);
}

.gd:hover::after {
  background-image: url('../images/gds-arr-active.png');
}

.gd::after {
  content: "";
  width: .5rem;
  height: .8125rem;
  background-image: url('../images/gd-arr.png');
  background-size: 100% 100%;
  margin-left: 1.5rem;
}

.jtjj .right {
  width: 37%;
}

.jtjj .right ul li {
  width: 100%;
  height: 28.75rem;

  overflow: hidden;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jtjj .right ul li:nth-child(2) a {
  background-image: url('../images/jj-img2.jpg');
}

.jtjj .right ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: all .6s;
  height: 100%;
  background-image: url('../images/jj-img1.jpg');
  background-size: 100% 100%;
}

.jtjj .right ul li:hover a {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
}

.jtjj .right ul li a img {
  width: 9.25rem;
  height: 9.25rem;
  object-fit: cover;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jtjj .right ul li a p {
  font-weight: 500;
  font-size: .875rem;
  color: #FFFFFF;
}

.jtjj .right ul li a h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #FFFFFF;
  margin-top: 1.875rem;
}

.jtjj .right ul li:hover a img {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.xmzs .xmzs-box {
  height: 45.125rem;
  background-image: url('../images/xmzs-bg.jpg');
  background-size: 100% 100%;
  padding-top: 8.625rem;
}

.xmzs-item ul {
  width: 48%;
  height: 9.375rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.xmzs-item ul li,
.xmzs-item ul li a {
  cursor: pointer;
  width: 28.375rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
  transition: all .4s;

}

.xmzs-item ul li i {
  display: flex;
  width: 1.875rem;
  height: 2.1875rem;
  background-image: url('../images/xmzs-icon1-active.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: .625rem;
}

.xmzs-item ul li:nth-child(2) i {
  background-image: url('../images/xmzs-icon2-active.png');
}

.xmzs-item ul li:hover a,
.xmzs-item ul li.active a {
  background-color: #0165b0;
  background-color: #0165b0;
  color: #fff;
  height: 110%;
}

.xmzs-item ul li:hover i,
.xmzs-item ul li.active i {
  background-image: url('../images/xmzs-icon1.png');
}

.xmzs-item ul li:nth-child(2):hover i,
.xmzs-item ul li:nth-child(2).active i {
  background-image: url('../images/xmzs-icon2.png');
}

.xmzs-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 3.125rem;
  box-sizing: border-box;
  background-color: #f6f6f6;
}

.xmzs-item .zs-box {
  width: 52%;
  height: 36.25rem;
  background-color: #fff;
  margin-top: -36.25rem;
  padding: 4.8125rem 4.0625rem;
  box-sizing: border-box;
  padding-bottom: 2.5rem;
}

.xmzs-item .zs-box h3 {
  font-weight: bold;
  font-size: 1.875rem;
  color: #333333;
  display: flex;
  align-items: center;

}

.title {
  margin-bottom: 1.875rem;
}

.xmzs-item .zs-box h3::before {
  content: "";
  display: flex;
  width: .3125rem;
  height: 1.5rem;
  background: #0165b0;
  margin-right: .9375rem;
}

.xmzs-item .zs-box .titles,
.xmzs-item .zs-box .titles .arrs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.xmzs-item .zs-box .titles .arrs .swiper-button-prev,
.xmzs-item .zs-box .titles .arrs .swiper-button-next {
  position: static;
  margin: 0;
  display: block;
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url('../images/xmzs-arr-l.png');
  background-size: 100% 100%;
}

.xmzs-item .zs-box .titles .arrs .swiper-button-next {
  background-image: url('../images/xmzs-arr-r.png');
  margin-left: 1.25rem;
}

.xmzs-item .zs-box .titles .arrs .swiper-button-prev::after,
.xmzs-item .zs-box .titles .arrs .swiper-button-next::after {
  display: none;
}

.xmzs-item .zs-box p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 5;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  margin-bottom: 1.875rem;
}

.xmzs-item .zs-box img {
  width: 100%;
  margin-bottom: 1.25rem;
}

.xmzs-item .zs-box .swiper-slide a {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  display: flex;
  align-items: center;
}

.xmzs-item .zs-box .swiper-slide a::before {
  content: "";
  display: flex;
  width: .375rem;
  height: .625rem;
  background-image: url('../images/xmzs-arr.jpg');
  background-size: 100% 100%;
  margin-right: 1.25rem;
}

.xmzs-item .zs-box .swiper-slide a:hover {
  color: #0165b0;
}

.xmzs-item .zs-box .gd {
  float: right;
}

.ywtj {
  padding: 5rem 0;
  background-color: #1344a1;
}

.ywtj .left {
  width: 66%;
  position: relative;
}

#ywtj-js,
#ywtj-js-right {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.ywtj .swiper a {
  position: relative;
  height: 28.9375rem;
  display: flex;
  justify-content: space-between;
}

.ywtj .swiper {
  position: relative;
}

.ywtj .swiper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 51%;
  height: 100%;
  background-color: #fff;
}

.ywtj .swiper a .left {
  transition: all .6s;
  position: absolute;
  left: 0;
  top: 0;
  width: 39.8125rem;
  height: 24.5rem;
  z-index: 3;
  overflow: hidden;
  border-right: .625rem solid #4990d1;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ywtj .swiper a .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ywtj .swiper a:hover img {
  transform: scale(1.1);
}

.ywtj .swiper a .right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 38.1875rem;
  height: 28.9375rem;
  background-color: #fff;
  padding-left: 6.125rem;
  box-sizing: border-box;
  padding-right: 4.5rem;
  padding-top: 3.125rem;
}

.ywtj .swiper a .right h3 {
  position: relative;
  font-weight: 400;
  font-size: 1.875rem;
  color: #333333;
  line-height: 2.5rem;

  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.ywtj .swiper a .right h3::after {
  content: "";
  display: flex;
  position: absolute;
  width: 60%;
  left: 0;
  bottom: -50%;
  z-index: 1;
  border-bottom: 1px solid #e3e3e3;
}

.ywtj .swiper a .right i {
  display: flex;
  margin: 2.5rem 0;
  width: 60%;

  z-index: 1;
  border-bottom: 1px solid #e3e3e3;
}

.ywtj .swiper a .right p {
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 4;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.ywtj .swiper a .right .times {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ywtj .swiper a .right .times p span {
  font-weight: 400;
  font-size: 3.75rem;
  color: #333333;
}

.ywtj .swiper a .right .times p {
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
  line-height: normal;
}

.ywtj .swiper a .right .times p.infos {
  width: 9rem;
  height: 2.6875rem;
  border: 1px solid #DCDCDC;
  font-weight: 400;
  font-size: .875rem;
  color: #444444;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ywtj .swiper a:hover .right .times p.infos {
  background: #0165b0;
  color: #fff;
  border-color: #0165b0;
  background: #4990d1;
  border-color: #4990d1;
}

.ywtj .swiper-pagination-bullet {
  width: .5rem;
  height: .5rem;
  background: #FFFFFF;
  border-radius: .25rem .25rem .25rem .25rem;
  opacity: 0.5;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}

.ywtj .swiper-pagination-bullet-active {
  width: 1.75rem;
  background: #0165b0;
  opacity: 1;
}

.ywtj .swiper-pagination {
  width: max-content;
  left: 40%;
  bottom: 5%;
}

.ywtj .left ul {
  margin: 0 -0.625rem;
  margin-top: 1.875rem;
  position: relative;
  z-index: 1;
}

.ywtj .left ul li {
  
position: relative;
  
width: calc(100% / 3);
  
height: 11.625rem;
  
float: left;
  
padding: 0 .625rem;
  
box-sizing: border-box;
  
margin-bottom: 1.25rem;
}
.ywtj .left ul li.active a:after{
  opacity:0;
}
.ywtj .left ul li a:after{
  content:"";
  display: flex;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  top: 0;
  transition:all .4s;
}

.ywtj .left ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 2.5rem 1.875rem;
  box-sizing: border-box;
}

.ywtj .left ul li a h3,
.ywtj .left ul li a p {
  color: #fff;
}

.ywtj .left ul li a h3 {
  position: relative;
  font-weight: 400;
  font-size: 1.125rem;
  position: relative;
  margin-bottom: 2.5rem;
  z-index: 1;
}
.ywtj .left ul li a h3::after {
  content: "";
  display: flex;
  position: absolute;
  width: 2.125rem;
  left: 0;
  bottom: -50%;
  z-index: 1;
  border-bottom: 3px solid #00C6FF;
}

.ywtj .left ul li a p {
  font-weight: 400;
  font-size: .875rem;
  position: relative;
  z-index: 1;
}

.ywtj .left ul li a {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ywtj .left ul li.active a {
  background-image: none !important;
  background-color: rgba(255, 255, 255, .2);
}

.ywtj .swiper {
  margin-top: 2.5rem;
}

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

.ywtj .right {
  position: relative;
  width: 31%;
  margin-left: 3%;
  padding-top: 2.9375rem;
}

.ywtj .right .text-list {
  position: relative;
  z-index: 1;
  /* margin: 0 -0.0625rem; */
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.ywtj .right .text-list p {
  cursor: pointer;
  /*width: calc(100% / 4);
    float: left;
    */
  width: 9.0625rem;
  height: 2.625rem;
  /*padding: 0 .0625rem;
    */
  box-sizing: border-box;
  background: #4269B4;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ywtj .right .text-list p:nth-child(2n) {
  margin: 0 .0625rem;
}

.ywtj .right .text-list p:hover,
.ywtj .right .text-list p.active {
  background: #0165b0;
  background: #4990d1;
  height: 3.25rem;
}

.ywtj .right ul {
  position: relative;
  z-index: 1;
}

.ywtj .right ul li a {
  display: flex;
  /*justify-content: space-between;
  */
  align-items: flex-start;
  padding: 2.1875rem 3.125rem;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ywtj .right ul li a .time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1.875rem;
}

.ywtj .right ul li a .time p {
  font-weight: 400;
  font-size: .875rem;
  color: #FFFFFF;
  line-height: 1.875rem;

}

.ywtj .right ul li a h3 {
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.ywtj .right ul li a .time h3 {
  font-weight: 400;
  font-size: 2.25rem;
  color: #FFFFFF;
}

.ywtj .right ul li a:hover {
  background-color: rgba(255, 255, 255, .2);
}

.djdt {
  position: relative;
  height: 33.125rem;
  background: linear-gradient(90deg, #0090cf 50%, #f5f5f5 50%);
}

#djdt {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.djdt-top {
  margin-top: -28rem;
  position: relative;
  z-index: 1;
}

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

.djdt-top .max .left {
  width: 18%;
}

.djdt-top .max .left .title h3 {
  margin-top: 1.25rem;
}

.djdt-top .max .left .arrs .swiper-button-next::after,
.djdt-top .max .left .arrs .swiper-button-prev::after {
  display: none;
}

.djdt-top .max .left .arrs {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  margin-top: 4.875rem;
}

.djdt-top .max .left .arrs .swiper-button-next,
.djdt-top .max .left .arrs .swiper-button-prev {
  display: block;
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
  position: static;
  margin: 0;
  background-image: url('../images/djdt-arr-l.png');
  background-size: 100% 100%;
}

.djdt-top .max .left .arrs .swiper-button-next {
  background-image: url('../images/djdt-arr-r.png');
  margin-left: 1.25rem;
}

.djdt-top .max .right {
  width: 80%;
  margin-left: 2%;
}

.djdt-top .max .right .swiper a i {
  display: flex;
  width: 100%;
  height: 13.25rem;
  overflow: hidden;
}

.djdt-top .max .right .swiper a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.djdt-top .max .right .swiper a .text {
  padding: 1.875rem 1.625rem;
  padding-bottom: 2.5rem;
  background-color: #fff;
}

.djdt-top .max .right .swiper a h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: .625rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.djdt-top .max .right .swiper a p {
  font-weight: 400;
  font-size: 1rem;
  color: #777777;
  line-height: 1.5rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 3;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.djdt-top .max .right .swiper a p.time {
  font-weight: 300;
  font-size: .875rem;
  color: #999999;
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
}

.djdt-top .max .right .swiper a p.ck {
  width: 100%;
  height: 3.625rem;
  font-weight: 300;
  font-size: 1.125rem;
  color: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D2D2D2;
}

.djdt-top .max .right .swiper a p.ck::after {
  content: "";
  width: .6875rem;
  height: 1.125rem;
  background-image: url('../images/djdt-arr.png');
  background-size: 100% 100%;
  margin-left: 1.25rem;
}

.djdt-top .max .right .swiper a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.djdt-top .max .right .swiper a:hover p.ck {
  background-color: #0165b0;
  color: #fff;
  border-color: #0165b0;
  background-color: #0165b0;
  border-color: #0165b0;
}

.djdt-top .max .right .swiper a:hover p.ck::after {
  background-image: url('../images/djdt-arr-active.png');

}

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

.rlzy ul li {
  width: 100%;
  height: 32.375rem;
  position: relative;
  overflow: hidden;
  background-size: 100% 100%;

}

.rlzy ul li a {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

}

.rlzy ul li a .text {
  position: relative;
  padding: 3.625rem 6.25rem;
  padding-left: 4.375rem;
  border: 1px solid #fff;

}

.rlzy ul li a .text::before {
  content: "";
  display: flex;
  width: .375rem;
  height: 4.5rem;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.rlzy ul li::after {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: .3125rem solid #0165b0;
  border: .3125rem solid #0165b0;
  opacity: 0;
  box-sizing: border-box;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.rlzy ul li:hover a {
  transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
}

.rlzy ul li:hover::after,
.rlzy ul li.active::after {
  opacity: 1;
}

.rlzy ul li a .text h3 {
  font-weight: bold;
  font-size: 2.25rem;
  color: #FFFFFF;
}

.rlzy ul li a .text p {
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
}

.rlzy ul li a .texts {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 12.5rem;
  background-color: #0165b0;
  background-color: #0165b0;
  padding: 2.375rem 2.75rem;
  box-sizing: border-box;
  padding-right: 4.6875rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.rlzy ul li a .texts h3 {
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  opacity: .6;
}

.rlzy ul li a .texts p {
  width: 10.1875rem;
  height: 2.75rem;
  background: #A50000;
  background: #4990d1;
  font-weight: 400;
  font-size: .875rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
}

.rlzy ul li:hover a .text,
.rlzy ul li.active a .text {
  border: 0;
}

.rlzy ul li:hover a .texts,
.rlzy ul li.active a .texts {
  opacity: 1;
}

.foot {

  /* height: 32.75rem; */
  background-image: url('../images/foot-bg.jpg');
  background-size: 100% 100%;
  padding: 5.3125rem 3.125rem;
  padding-bottom: 4rem;
}

.foot .foot-top {
  display: flex;
  /* justify-content: space-between; */
  padding: 0 3rem;
  padding-bottom: 4.375rem;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.foot .foot-top .left {
  width: 24%;
}

.foot .foot-top .left p {
  font-weight: 400;
  font-size: .875rem;
  opacity: .7;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.foot .foot-top .left p.dz::before {
  content: "";
  display: flex;
  width: 1.25rem;
  height: 1.5rem;
  background-image: url('../images/dz.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.foot .foot-top .left p.phone {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: .9375rem;
  opacity: 1;
}

.foot .foot-top .left p.phone::before {
  width: 1.375rem;
  height: 1.3125rem;
  content: "";
  display: flex;
  background-image: url('../images/dh.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.foot .foot-top .left .xl {
  width: 19.8125rem;
  position: relative;
  margin-top: 2.5rem;
}

.foot .foot-top .left .xl p {
  opacity: 1;
  position: relative;
  width: 100%;
  height: 2.625rem;
  background: #FFFFFF;
  font-weight: 400;
  font-size: .875rem;
  color: #333333;
  padding-left: 1.875rem;
  box-sizing: border-box;
}

.foot .foot-top .left .xl p span {
  color: #5C5C5C;
}

.foot .foot-top .left .xl p::after {
  cursor: pointer;
  content: "";
  display: flex;
  height: 100%;
  width: 2.4375rem;
  background: #0165b0;
  background: #0165b0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('../images/arr-bot-c.png');
  background-size: .875rem .5rem;
  background-repeat: no-repeat;
  background-position: center;
  /* transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s; */
}

.foot .foot-top .left .xl.active p::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.foot .foot-top .left ul {
  position: absolute;
  z-index: -1;
  left: 0;
  height: 0;
  opacity: 0;
  overflow: auto;
  top: 2.625rem;
  height: max-content;
  max-height: 17.5rem;
  width: 100%;
  transition: all .6s;
  background-color: #0165b0;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .left .xl.active ul {

  opacity: 1;
  z-index: 1;
}

.foot .foot-top .left ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  font-size: 1rem;
  color: #fff;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .left ul li a:hover {
  background-color: #fff;
  color: #0165b0;
}

.foot .foot-top .center {
  width: 74%;
  margin-left: 2%;
}

.foot .foot-top .center ul li {
  width: calc(100% / 7);
  min-height: 15.75rem;
  height: 100%;
  padding-left: 3.875rem;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, .4);
  float: left;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: flex-start;
}

.foot .foot-top .center ul li p {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #FFFFFF;
}

.foot .foot-top .center ul li a {
  font-weight: 500;
  font-size: .875rem;
  color: rgba(255, 255, 255, .6);
  line-height: 2.25rem;
}

.foot .foot-top .center ul li.ma p:first-child {
  width: 8.4375rem;
  height: 8.4375rem;
  background: #FFFFFF;
  padding: .625rem;
  box-sizing: border-box;
  border-radius: .625rem .625rem .625rem .625rem;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.foot .foot-top .center ul li.ma p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.foot .foot-top .center ul li.ma p {
  font-weight: 400;
  font-size: .875rem;
}

.foot .foot-top .center ul li.ma {
  padding-left: 1.5rem;
  align-items: center;
}

.foot .foot-top .center ul li a:hover {
  color: #0165b0;
  color: #4990d1;
}

.foot-bot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 0 1.875rem;
}

.foot-bot .left p,
.foot-bot .left a,
.foot-bot .right a {
  font-weight: 400;
  font-size: .875rem;
  color: rgba(255, 255, 255, .8);
  line-height: 1.875rem;
}

.foot-bot .right a {
  color: rgba(255, 255, 255, .4);
}

.foot-bot .tops {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  right: -0.9375rem;
  top: 1.25rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0165b0;
  background: #0165b0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.foot-bot .tops img {
  width: .875rem;
  height: .5rem;
  object-fit: contain;
}

.foot-bot .tops::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  top: 0%;
  /* transform: translate(-50%, -50%); */
  width: 100%;
  height: 100%;
  background: #0165b0;
  background: #0165b0;
  opacity: 0.6;

  border-radius: 50%;


}

.foot-bot .tops:hover::after {
  animation: zoomIn 1.4s linear infinite;
}

.foot-bot .tops::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0%;
  top: 0%;
  /* transform: translate(-50%, -50%); */
  width: 100%;
  height: 100%;
  background: #0165b0;
  background: #0165b0;
  opacity: 0.6;

  border-radius: 50%;
}

.foot-bot .tops:hover::before {
  animation: zoomIn 1.4s .7s linear infinite;
}

@keyframes zoomIn {
  0% {
    opacity: 0.5;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(3);
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
  }
}

/* 头部 */
.menu {
  display: none;
  align-items: center
}

.menu-button {
  /* display: none; */
  padding: .9375rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bar {
  position: relative;
  display: block;
  width: 2.875rem;
  height: .3125rem;
  margin: .625rem auto;
  background-color: #0165b0;
  border-radius: .625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  -ms-border-radius: .625rem;
  -o-border-radius: .625rem;
}

.cross .bar:nth-of-type(1) {
  -webkit-transform: translateY(.9375rem) rotate(-45deg);
  -ms-transform: translateY(.9375rem) rotate(-45deg);
  transform: translateY(.9375rem) rotate(-45deg);
  -moz-transform: translateY(.9375rem) rotate(-45deg);
  -o-transform: translateY(.9375rem) rotate(-45deg);
}

.menu-button .bar:nth-of-type(1) {
  margin-top: 0rem;
}

.menu-button .bar:nth-of-type(3) {
  margin-bottom: 0rem;
}

.cross .bar:nth-of-type(3) {
  transform: translateY(-0.125rem) rotate(45deg);
  -webkit-transform: translateY(-0.125rem) rotate(45deg);
  -moz-transform: translateY(-0.125rem) rotate(45deg);
  -ms-transform: translateY(-0.125rem) rotate(45deg);
  -o-transform: translateY(-0.125rem) rotate(45deg);
}

.cross .bar:nth-of-type(2) {
  opacity: 0;
}


.phone-list {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 999;
  overflow: auto;
}


.phone-list .max {
  padding-top: 3.75rem !important;
  min-height: 100vh;
  overflow: scroll;
  background-color: #ccc;
  box-sizing: border-box;
}

.phone-list .max>ul>li {
  margin-bottom: 1.25rem;
}

.phone-list .max>ul>li>a {
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.875rem;
}

.phone-list .max .op {
  margin: 0 -0.625rem;
  margin-top: .3125rem;
}

.phone-list .max .op li {
  width: calc(100% / 3);
  float: left;
  height: 2.8125rem;
  margin-bottom: .625rem;
}

.phone-list .max .op a {
  font-size: 1rem;
  line-height: 2.1875rem;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7c7c7c;
  background-color: #fff;
  margin: 0 .625rem;
  box-sizing: border-box;
}

.phone-list .max .close {
  position: absolute;
  right: 1.25rem;
  top: 1.875rem;
  width: 2.25rem;
  height: 2.25rem;
}

.phone-list .max .close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.phone-list .search-boxs {
  width: 100%;
  border: .0625rem solid #ccc;
  height: 3.125rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 1.875rem 0;
}

.phone-list .search-boxs input,
.phone-list .search-boxs button {
  border: 0;
  outline: none;

}

.phone-list .search-boxs input {
  width: 80%;
  height: 100%;
  padding-left: 1.25rem;
}

.phone-list .search-boxs button {
  width: 20%;
  background-color: #0165b0;
  height: 100%;
  color: #fff;
}

.phone-list .logo {
  padding-bottom: 2.125rem;
  margin-top: 1.25rem;
  width: 11.25rem;
  object-fit: cover;
  height: 1.875rem;
}

.phone-list .logo img {
  width: 100%;
  height: 100%;
}

.qyjj-banner {
  height: 52.875rem;
  position: relative;
}

.qyjj-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.qyjj-banner .text {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.qyjj-banner .text::after {
  content: "";
  display: flex;
  width: 24.5rem;
  height: 22.1875rem;
  background-image: url('../images/banner-line.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.qyjj-banner .text h3 {
  position: relative;
  font-family: AlimamaShuHeiTi;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 4.5rem;
  margin-bottom: 1.875rem;
}

.qyjj-banner .text h3::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.75rem;
  transform: translate(-50%, 0);
  width: 30%;
  height: .4375rem;
  background: #0165b0;
  background: #0165b0;
}

.qyjj-banner .text p {
  font-family: OPPOSans, OPPOSans;
  font-weight: normal;
  font-size: 2.25rem;
  color: #FFFFFF;
  line-height: 1.5rem;
}

.list {
  position: relative;
  z-index: 1;
  margin-top: -4.0625rem;
   margin-top: -4.1875rem;
  height: 4.1875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 6.25rem;
  box-sizing: border-box;
  background-image: url('../images/li-bg.png');
  background-size: 100% 100%;
}

.list ul {
  margin-bottom: 3.875rem;
  height: 100%;
  width: 62%;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  padding-left: 9rem;
  padding-right: 6.25rem;
  box-sizing: border-box;
  background-color: #0165b0;
  background-color: #0165b0;
}

.list ul h3 {
  font-weight: 500;
  font-size: 2.25rem;
  color: #FFFFFF;
  position: relative;
  padding-left: 1.25rem;
  margin-right: 11.75rem;
}

.list ul h3::after {
  content: "";
  position: absolute;
  display: flex;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: .4375rem;
  height: 2.3125rem;
  background: #FFFFFF;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.list ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.0625rem;
  font-size: 1.25rem;
  color: #fff;
  padding: 0 1.875rem;
  box-sizing: border-box;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.list ul li a:hover,
.list ul li.active a {
  background-image: url('../images/list-bg.png');
  background-size: 100% 100%;
  color: #0165b0;
  font-weight: 500;
  color: #4990d1;
}

.list p,
.list p a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
}

.list p::before {
  content: "";
  display: flex;
  width: 1.0625rem;
  height: 1.1875rem;
  background-image: url('../images/dw.png');
  background-size: 100% 100%;
  margin-right: .9375rem;
}

.qyjj {
  padding: 0 6.25rem;
  padding-top: 4.5rem;
  padding-bottom: 6.25rem;
}

.text-num {
  height: 28.3125rem;
  background-image: url('../images/text-num-bg.jpg');
  background-size: 100% 100%;
}

.text-num>h3 {
  width: max-content;
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  position: relative;
  padding-bottom: 1.25rem;
  margin-left: 6.5625rem;
  margin-bottom: 1.875rem;
}

.text-num>h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
}

.text-num {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-num ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 3.125rem;
}

.text-num ul li h3 {
  font-weight: bold;
  font-size: 2.25rem;
  color: #fff;
  text-align: center;
}

.text-num ul li h3 span:last-child,
.text-num ul li p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
}

.qyjj .text {
  margin-top: 3.5625rem;
}

.qyjj .text p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
  text-align: justify;
  text-indent: 2em;
}

.ldtd {
  padding: 9.375rem 6.25rem;
  padding-top: 2.5rem;
  padding-bottom: 0;
}
.ldtd ul.ld{
  display:flex;
  justify-content: center;
}
.ldtd ul.ld li{
  /* float:none; */
  /* width: 428px; */
  width: calc(100% / 3);
}
.ldtd ul {
  margin: 0 -1.0938rem;
}

.ldtd ul li {
  width: calc(100% / 3);
  height: 33.25rem;
  float: left;
  padding: 0px 1.0938rem;
  box-sizing: border-box;
  /* margin-bottom: 6.125rem; */
}

.ldtd ul li a {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.ldtd ul li a .left {
  width: 19.375rem;
  height: 29.25rem;
}

.ldtd ul li a .left i {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ldtd ul li a .left i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ldtd ul li a .right {
  margin-top: 5rem;
  width: 11.875rem;
  height: 19.25rem;
  background-image: url('../images/ldtd-item-bg.png');
  background-size: 100% 100%;
  padding-left: 1.5rem;
  padding-top: 5.375rem;
  box-sizing: border-box;
}

.ldtd ul li a .right h3 {
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333333;
  padding-bottom: .9375rem;
  margin-bottom: .9375rem;
}

.ldtd ul li a .right h3::after {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.6875rem;
  height: .25rem;
  background: #0165b0;
}

.ldtd ul li a .right p {
  font-size: 1.25rem;
  color: #6281B6;
}

.ldtd ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.ldtd ul li a:hover h3 {
  color: #0165b0;
}

.zzjg {
  height: 60.3125rem;
  background-image: url('../images/zzjg.jpg');
  background-size: 100% 100%;
  padding-top: 4.1875rem;
  padding-bottom: 6.5rem;
}

.zzjg p {
  width: 65.1875rem;
  height: 57.25rem;
  background-color: rgba(255, 255, 255, .4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.zzjg img {
  width: 43.625rem;
  height: 51.3125rem;
  object-fit: contain;
}


.zzry {
  height: 62.5rem;
  background-image: url('../images/zzry-bg.jpg');
  background-size: 100% 100%;
  padding: 1.875rem 5.125rem;
}

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

.zzry .left {
  position: relative;
  width: 60%;
  height: 100%;
  background-color: rgba(255, 255, 255, .6);
  padding: 3.125rem;
  box-sizing: border-box;
}

.zzry .left ul {
  max-height: 57.25rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.zzry .left ul li {
  animation: marquee 80s linear infinite;
  -webkit-animation: marquee 80s linear infinite;
}

.zzry .left ul li p {
  margin-bottom: 1.25rem;
  width: 18.75rem;
  padding: .8125rem;
  box-sizing: border-box;
  background-color: #fff;
}

.zzry .left ul li img {
  width: 100%;
  object-fit: contain;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
    /* 向上移动元素自身高度的距离 */
  }
}

.zzry .left::after {
  z-index: 2;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20rem;
  width: 100%;
  background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
}

.zzry .right {
  width: 35%;
  padding-top: 2.5rem;
}

.zzry .right ul li {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.25rem;
  height: 7.25rem;
  border-radius: 50%;
  border: 1px dashed #003B9E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-sizing: border-box;
  transition: all .6s;
  margin-bottom: 3.125rem;
}

.zzry .right ul li p {
  font-weight: bold;
  font-size: 1.875rem;
  color: #A3C6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.125rem;
  height: 6.125rem;
  background: #003B9E;
  opacity: 0.5;
  transition: all .6s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zzry .right ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-image: url('../images/radius.png');
  opacity: 0;
  background-size: 100% 100%;
  animation: infinite-rotate 6s linear infinite;
  -webkit-animation: infinite-rotate 6s linear infinite;
}

.zzry .right ul li:hover,
.zzry .right ul li.active {
  border: 0;
}

.zzry .right ul li:hover::after,
.zzry .right ul li.active::after {
  opacity: 1;
}

.zzry .right ul li:hover p,
.zzry .right ul li.active p {
  background-color: #fff;
  color: #387DE8;
  opacity: 1;
}

@keyframes infinite-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.zzry .right {
  height: max-content;
  display: flex;
  align-items: center;
}

.zzry .right .text {
  max-width: 27.125rem;
  margin-left: 2.5rem;
}

.zzry .right .text p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: 2.5rem;
}

.maxs {
  width: 107.5rem;
  margin: auto;
}

.qywh {
  padding: 3.125rem 0;
}

.wlyj {

  background-image: url('../images/wlyj-bg.jpg');
  background-size: 100% 100%;
  padding: 3.125rem 3.75rem;
}

.tit h3::after {
  display: none;
}

.tit p {
  position: relative;
  font-weight: 400;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, .6);
}

.tit p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.25rem;
  display: flex;
  width: 2.3125rem;
  height: .375rem;
  background: #0165b0;
}

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

.wlyj ul {
  width: 70%;
  display: flex;
  align-items: flex-start;
}

.wlyj ul li {
  padding: 2.625rem;
  background-color: rgba(255, 255, 255, .5);
  border-right: 5px solid #0165b0;
  margin-right: 3.75rem;
}

.wlyj ul li p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
}

.ydyj {
  height: 91.3125rem;
  background-image: url('../images/ygtd-bg.jpg');
  background-size: 100% 100%;
}

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

.ydyj .title {
  padding-left: 5rem;
  padding-top: 5.8125rem;
}

.ydyj .text {
  width: 64%;
  background-color: #0165b0;
  padding: 5.375rem 2.6875rem;
}

.ydyj .text p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 2.25rem;
}

.ydyj .ydyj-swiper {
  position: relative;
  height: 33.75rem;
  background-color: #fff;
  padding: 4.5625rem 5.5rem;
  box-sizing: border-box;
}

.ydyj .ydyj-swiper i {
  display: flex;
  width: 100%;
  height: 18.0625rem;
  overflow: hidden;
}

.ydyj .ydyj-swiper i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ydyj .ydyj-swiper p {
  font-weight: 400;
  font-size: 1.375rem;
  color: #333333;
  line-height: 2.25rem;
  margin-top: 1.25rem;

  box-sizing: border-box;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  < !--padding-right: 7.5rem;
  -->
}

.ydyj .ydyj-swiper .swiper-button-next::after,
.ydyj .ydyj-swiper .swiper-button-prev::after {
  display: none;
}

.ydyj .ydyj-swiper .swiper-button-next,
.ydyj .ydyj-swiper .swiper-button-prev {
  width: 6.125rem;
  height: 6.125rem;
  background-image: url('../images/ygtd-arr-l.png');
  background-size: 100% 100%;
  opacity: 1;
  display: block !important;
  top: 37%;
  left: -3rem;
}

.ydyj .ydyj-swiper .swiper-button-next {
  background-image: url('../images/ygtd-arr-r.png');
  left: auto;
  right: -3rem;
}

.ydyj .ydyj-swiper .swiper-pagination {
  bottom: 2.1875rem;
}

.ydyj .ydyj-swiper .swiper-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: .5rem;
  background: #000000;
  opacity: 0.5;
}

.ydyj .ydyj-swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  margin: 0 20px;
  width: 3.125rem;
  background: #0165b0;
  border-radius: .3125rem .3125rem .3125rem .3125rem;
  -webkit-border-radius: .3125rem .3125rem .3125rem .3125rem;
  -moz-border-radius: .3125rem .3125rem .3125rem .3125rem;
  -ms-border-radius: .3125rem .3125rem .3125rem .3125rem;
  -o-border-radius: .3125rem .3125rem .3125rem .3125rem;
}

.ydyj .ydyj-swiper a:hover img {
  transform: scale(1.1);
}

.ydyj .ydyj-swiper a:hover p {
  color: #0165b0;
}

.ydyj .text-h3 {
  margin-top: 2.5rem;
}

.ydyj .text-h3 h3 {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 3rem;
  color: #FFFFFF;
  line-height: 3.75rem;
  text-align: center;
}

.dsj-sp {
  padding: 3.75rem 0 6.25rem 0;
}

.dsj-sp .taps {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dsj-sp .taps p {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.5rem;
  color: #555555;
  margin-right: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 1.875rem;
}

.dsj-sp .taps p::before {
  content: "";
  display: flex;
  width: 1.8125rem;
  height: 1.8125rem;
  background-image: url('../images/dsj-icon1.png');
  background-size: 100% 100%;
  margin-right: .625rem;
  transition: all .6s;
}

.dsj-sp .taps p:nth-child(2):before {
  background-image: url('../images/dsj-icon2.png');
  width: 1.5rem;
  height: 1.6875rem;
  transition: all .6s;
}

.dsj-sp .taps p::after {
  content: "";
  display: flex;
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  border-bottom: .3125rem solid #AAAAAA;
  width: 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-sp .taps p:hover::after,
.dsj-sp .taps p.active::after {
  border-bottom: .3125rem solid #0165b0;
}

.dsj-sp .taps p:hover,
.dsj-sp .taps p.active {
  color: #0165b0;
}

.dsj-sp .taps p:nth-child(1):hover::before,
.dsj-sp .taps p:nth-child(1).active::before {
  background-image: url('../images/dsj-icon1-active.png');
}

.dsj-sp .taps p:nth-child(2):hover::before,
.dsj-sp .taps p:nth-child(2).active::before {
  background-image: url('../images/dsj-icon2-active.png');
}

.dsj-sp ul {
  margin: 0 -0.9375rem;
  margin-top: 5.125rem;
}

.dsj-sp ul li {
  width: calc(100% / 3);
  float: left;
  padding: 0 .9375rem;
  box-sizing: border-box;
  margin-bottom: 2.5rem;
}

.dsj-sp ul li i {
  position: relative;
  display: flex;
  width: 100%;
  height: 19rem;
  overflow: hidden;
}

.dsj-sp ul li i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dsj-sp ul li i::after {
  content: "";
  display: flex;
  width: 4.125rem;
  height: 4.125rem;
  background-image: url('../images/play.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.dsj-sp ul li p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  padding: 1.25rem 0 1.75rem 0;
  background-color: #e5e4e4;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dsj-sp ul li:hover i img {
  transform: scale(1.1);
}

.dsj-sp ul li:hover p {
  color: #0165b0;
}

.pages {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pages>ul {
  width: max-content;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  box-sizing: border-box;
  margin: 0;
}

.pages ul a {
  display: inline-block;
  padding: 1.125rem 1.3125rem;

  margin-left: .0625rem;
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  line-height: 1.5rem;
  background-color: #e5e4e4;
}

.pages ul a.curr,
.pages ul a:hover {
  background-color: #0165b0;
  color: #fff;
}

.dsj-wz .dsj-wz-box {
  margin-top: 4.5rem;
}

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

.dsj-wz .dsj-wz-box .left {
  /* width: 33.6875rem; */
  width: 31%;
  height: 48.5rem;
}

.dsj-wz .dsj-wz-box .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dsj-wz .dsj-wz-box .right {
  width: 65%;
}

.dsj-wz .dsj-wz-box .right .dsj-wz-boxs {

  padding-left: 2.5rem;
  height: 56.875rem;
  overflow-y: auto;
  position: relative;
}

/* .dsj-wz .dsj-wz-box .right .dsj-wz-boxs::after{
  content: "";
  display: flex;
  height: 100%;

  position: absolute;
  left: .8125rem;
  top: 0;
  border-left: 1px solid #dadada;
} */

.dsj-wz .dsj-wz-box .right .item {
  /* height: 21.75rem; */
  position: relative;
  box-sizing: border-box;
  background-image: url('../images/dsj-z.png');
  background-size: 100% 100%;
  padding: 2.5rem 2.5rem;
  padding-left: 3.5rem;
  padding-bottom: 3.125rem;
}

.dsj-wz .dsj-wz-box .right .item::after {
  content: "";
  position: absolute;
  left: -2.4375rem;
  top: 3.125rem;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  z-index: 2;
  background-color: #fff;
  border: .1875rem solid #737373;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.dsj-wz .dsj-wz-box .right .item::before {
  content: "";
  position: absolute;
  left: -1.8125rem;
  top: 3.75rem;
  display: flex;
  width: .375rem;
  z-index: 2;
  height: .375rem;
  background: #D61516;
  border-radius: 50%;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-wz .dsj-wz-box .right .item .times {
  width: 214px;
  height: 2.8125rem;
  background: #86ADDE;
  font-weight: bold;
  font-size: 1.5rem;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  transition: all .6s;
  justify-content: center;
  margin-bottom: 1.875rem;
  border-radius: 1.4375rem 1.4375rem 1.4375rem 0rem;
  -webkit-border-radius: 1.4375rem 1.4375rem 1.4375rem 0rem;
  -moz-border-radius: 1.4375rem 1.4375rem 1.4375rem 0rem;
  -ms-border-radius: 1.4375rem 1.4375rem 1.4375rem 0rem;
  -o-border-radius: 1.4375rem 1.4375rem 1.4375rem 0rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-wz .dsj-wz-box .right .item p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  margin-bottom: .9375rem;
}

.dsj-wz .dsj-wz-box .right .item .imgs {
  display: flex;
  align-items: center;
  overflow: auto;
}

.dsj-wz .dsj-wz-box .right .item .imgs img {
  width: 14rem;
  height: 9.1875rem;
  object-fit: cover;
}

.dsj-wz .dsj-wz-box .right .item .imgs img:nth-child(2n) {
  margin: 0 .9375rem;
}

.dsj-wz .dsj-wz-box .right .item:hover {
  background-image: url('../images/dsj-z-active.png');
  /* box-shadow: 0 0 10px #000; */
}

.dsj-wz .dsj-wz-box .right .item:hover::before {
  opacity: 1;
}

.dsj-wz .dsj-wz-box .right .item:hover::after {
  border-color: #0165b0;
}

.dsj-wz .dsj-wz-box .right .item:hover .times {
  background: #0165b0;
}

.dsj-wz .dsj-wz-box .right .item i {
  position: absolute;
  left: -1.625rem;
  top: -5rem;
  display: flex;
  border-left: 1px solid #dadada;
  height: 117%;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 6px;
  /* 垂直滚动条宽度 */
  height: 6px;
  /* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #EEEEEE;
  /*轨道颜色*/
  border-radius: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #0165b0;
  /* 滑块颜色 */
  border-radius: 5px;
}

.info {
  position: relative;
  margin-top: -21rem;
}

.info .maxs {
  /* width: 85rem; */
  display: flex;
  justify-content: space-between;
}

.info .left {
  width: 66%;
  padding-left: 6.25rem;
}

.info .left h3 {
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  font-weight: bold;
  font-size: 3rem;
  margin: 1.875rem 0;
  color: #FFFFFF;
  text-align: center;
}

.info .left .fot {
  margin-bottom: .875rem;
}

.info .left .fot,
.info .left .fot .years,
.info .left .fot .size {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info .left .fot .years p {
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin-right: 1.875rem;
}

.info .left .fot .years p::before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url('../images/times.png');
  background-size: contain;
  margin-right: .625rem;
  background-repeat: no-repeat;
}

.info .left .fot .years p:last-child:before {
  background-image: url('../images/ll.png');
  width: 1.5625rem;
  height: 1.0625rem;
}

.info .left .fot .size p,
.info .left .fot .size span {
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}

.info .left .fot .size span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.info .left .fot .size img {
  width: 19px;
  height: 1.125rem;
  object-fit: contain;
}

.info .left .fot .size span {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .8;
  border: 1px solid rgba(255, 255, 255, .5);
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.info .left .fot .size span:nth-child(2n) {
  margin: 0 .625rem;
}

.info .left .info-text {
  background-color: #fff;
  padding: 1.25rem 2.5rem;
  /* box-shadow: 0 0 .3125rem 0 #ccc; */
  padding-bottom: 5rem;
}

.info .left .info-text p {
  font-weight: 400;
  /* font-size: 18px; */
  color: #333333;
  line-height: 2.25rem;
}

.info .left .info-text img {
  max-width: 100%;
  margin-bottom: 1.5rem !important;
  
}

.info .left .info-text .text-img {
  text-align: center;
  margin: 1.875rem 0;
}

.info .left .info-text .back {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.75rem 0;
  margin-top: 5.25rem;
}

.info .left .info-text .back a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  width: 8.125rem;
  height: 8.125rem;
  background: #0165b0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-weight: 300;
  font-size: 1.125rem;
  color: #FFFFFF;
  box-shadow: 0px .625rem 1rem 0rem #0165b0;
}

.info .left .info-text .back a::after {
  content: "";
  width: 2.25rem;
  height: 2.375rem;
  background-image: url('../images/back.png');
  background-size: 100% 100%;
}

.info .left .info-text .yt ul,
.info .left .info-text .yt ul li p:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info .left .info-text .yt ul li {
  width: 46%;
  height: 11.25rem;
  position: relative;
  padding: 1.25rem;
  box-sizing: border-box;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info .left .info-text .yt ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-top: .25rem solid #0165b0;
  opacity: .3;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info .left .info-text .yt ul li:hover a::after {
  opacity: 1;
}

.info .left .info-text .yt ul li:hover {
  box-shadow: 0px .5625rem .9375rem 0rem #ccc;
}

.info .left .info-text .yt ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.info .left .info-text .yt ul li a p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.info .left .info-text .yt ul li a p span:first-child {
  font-size: 1.5rem;
  color: #333333;
}

.info .left .info-text .yt ul li a p span:last-child {
  color: #868686;
}

.info .left .info-text .yt ul li a p:last-child {
  margin-top: 1.25rem;
}

.info .right {
  width: 26%;
  margin-top: 23rem;
}

.info .right .titless {
  padding-bottom: 1.625rem;
  border-bottom: .0625rem solid #d6d6d6;
  margin-bottom: 1.5rem;
}

.info .right .titless h3 {
  line-height: 2.1875rem;
  padding-left: 1.625rem;
  position: relative;
  width: max-content;
  font-weight: bold;
  font-size: 2.25rem;
  color: #333333;
}

.info .right .titless h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border: 0;
  width: .4375rem;
  height: 100%;
  background-color: #0165b0;
}

.info .right ul li {
  margin-bottom: 1.875rem;
}

.info .right ul li a p {
  /* font-weight: 300; */
  font-size: 1.125rem;
  color: #000000;
  position: relative;
  padding-left: 1.8125rem;
}

.info .right ul li:hover a p {
  color: #0165b0;
}

.info .right ul li a p:last-child {
  font-weight: 300;
  font-size: 1rem;
  color: #636363;

}

.info .right ul li a p:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  vertical-align: middle;
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  background: #D2D2D2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.xwzx-banner {
  height: 29.3125rem;
}

.info-list {
  position: absolute;
  left: -2rem;
  top: 23rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.info-list>p {
  font-weight: 300;
  font-size: .875rem;
  color: #989898;
  margin-bottom: 1.25rem;
}

.info-list>p::after,
.info-list>p::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.875rem;
  height: .0625rem;
  background-color: #989898;
}

.info-list p::after {
  margin-left: .3125rem;
}

.info-list p::before {
  margin-right: .3125rem;
}

.social-share {
  display: flex;
  flex-direction: column;
}

.social-share a {
  width: 3.25rem !important;
  height: 3.25rem !important;
  background: #B5B5B5;
  border: 0 !important;
  font-size: 30px !important;
  line-height: 3.25rem !important;
  color: #fff !important;
}

.wz,
.wz a {
  font-weight: 500;
  font-size: 1rem;
  color: #80B4FF;
}


.wz::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.1875rem;
  height: 1.4375rem;
  background-image: url('../images/wz.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.jtyw,
.tzgg {
  padding: 3.75rem 0 6.25rem 0;
}

.xx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 99;

}

.xx>p {
  font-weight: bold;
  font-size: 1.5rem;
  color: #222222;
}

.xx .box,
.xx input {
  width: 25%;
  position: relative;
}

.xx .box {}

.xx ul {
  /*display: none;
  */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 99;
  overflow: auto;
  transition: all .7s;
  opacity: 0;
  overflow: auto;
  max-height: 18.75rem;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
}

.xx .box.active ul {
  opacity: 1;
  z-index: 1;
  height: 10.625rem;

}

.xx .box p,
.xx ul li,
.xx input {
  height: 3.25rem;
  cursor: pointer;
  background: #F6F6F6;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  font-weight: 400;
  font-size: 1rem;
  color: #757575;
  border: 0;
  outline: 0;
}

.xx .box p,
.xx input {
  position: relative;
  padding: 0 1.625rem;
  box-sizing: border-box;
}

.xx .box p::after {
  content: "";
  position: absolute;
  right: 1.625rem;
  width: 1.0625rem;
  height: .625rem;
  background-image: url('../images/jtyw-arr-b.png');
  background-size: 100% 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xx .box.active p::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.xx ul li {
  cursor: pointer;
  justify-content: center;
  background-color: #f6f6f6;
  color: #8E8E8E;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xx ul li:hover {
  background-color: #0165b0;
  background-color: #0165b0;
  color: #fff;
}

.xx button {
  cursor: pointer;
  width: 9.5625rem;
  height: 3.25rem;
  background: #0165b0;
  background: #0165b0;
  border: 0;
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
}

.jtyw .maxs>ul {
  position: relative;
  z-index: 1;
  margin: 0 -1.5625rem;
  margin-top: 3.125rem;
}

.jtyw .maxs>ul li {
  width: calc(100% / 3);
  padding: 0 1.5625rem;
  margin-bottom: 3.125rem;
  box-sizing: border-box;
  float: left;
}


.jtyw .maxs>ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;

}

.jtyw .maxs>ul li a i {
  display: flex;
  width: 100%;
  height: 19rem;
  overflow: hidden;
}

.jtyw .maxs>ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtyw .maxs>ul li a h3 {
  min-height: 4.0625rem;
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  margin-bottom: 1.875rem;
}

.jtyw .maxs>ul li a p {
  font-weight: 400;
  font-size: 1rem;
  color: #696969;
  line-height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jtyw .maxs>ul li a .text {
  padding: 1.4375rem;
  background-color: #f2f2f2;
}

.jtyw .maxs>ul li a p::after {
  content: "";
  display: flex;
  width: 2.875rem;
  height: 2.875rem;
  background-image: url('../images/jtyw-arr.png');
  background-size: 100% 100%;
}

.jtyw .maxs>ul li a:hover p::after {
  background-image: url('../images/jtyw-arr-active.png');
}

.jtyw .maxs>ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 0%;
  border-bottom: 3px solid #0165b0;
  border-bottom: 3px solid #0165b0;

  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jtyw .maxs>ul li:hover a::after {
  width: 100%;
}

.jtyw .maxs>ul li:hover a h3 {
  color: #0165b0;
}

.jtyw .maxs>ul li:hover a img {
  transform: scale(1.1);
}

.tzgg .maxs>ul {
  margin: 3.125rem 0;
}

.tzgg ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.5rem;
  padding: 0 1.25rem;
  padding-left: 2.3125rem;
  box-sizing: border-box;

}

.tzgg ul li:nth-child(2n) a {
  border-top: 1px dashed #b0b0b0;
  border-bottom: 1px dashed #b0b0b0;
  background-color: #F7F7F7;
}

.tzgg ul li a::after {
  content: "";
  display: flex;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translate(0, -50%);
  width: .4375rem;
  height: .4375rem;
  transition: all .6s;
  background: #D2D2D2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
}

.tzgg ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-left: .25rem solid #0165b0;
  height: 100%;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.tzgg ul li a p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: .625rem;

}

.tzgg ul li a span {
  font-weight: 400;
  font-size: 1rem;
  color: #838383;
}

.tzgg ul li a:hover::before {
  opacity: 1;
}

.tzgg ul li a:hover p {
  color: #0165b0;
}

.tzgg ul li a:hover::after {
  background-color: #0165b0;
}

.gf {
  padding: 3.5625rem 0 6.25rem 0;
}

.gf .text ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gf .text ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gf .text ul li h3 {
  width: 10rem;
  height: 5.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-image: url('../images/gf-text-bg.png');
  background-size: 100% 100%;
  font-weight: bold;
  font-size: 3.75rem;
  color: #0165b0;
}

.gf .text ul li h3 span {
  font-size: 1.75rem;
  color: #433D46;
  display: block;
  margin-bottom: .75rem;
}

.gf .text ul li p {
  width: 29.5625rem;
  height: 4.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background-image: url('../images/gf-tetx-bg2.png');
  background-size: 100% 100%;
  font-size: 1.5rem;
  color: #FFFFFF;
}

.gf .text ul li .item {
  margin-top: 1.75rem;
  width: 33.6875rem;
  height: 39.5rem;
  background-image: url('../images/gf-item-bg.png');
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gf .text ul li:nth-child(2) .item {
  background-image: url('../images/gf-item2.png');
}

.gf .text ul li:nth-child(3) .item {
  background-image: url('../images/gf-item3.png');
}

.gf .text ul li .item .box {
  display: flex;
  flex-direction: column;
  width: 28.8125rem;
  height: 34.5625rem;
  background: rgba(255, 255, 255, .9);
  padding: 1.8rem 1.5625rem;
  box-sizing: border-box;
  border-bottom: .3125rem solid #0165b0;
  overflow: auto;
}

.gf .text ul li .item .box a {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  color: #222222;
  line-height: 3rem;
  align-items: center;
  max-width: 100%;
  overflow-x: clip;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gf .text ul li .item .box a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: .4375rem;
  height: .4375rem;
  background: #0165b0;
  margin-right: .625rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.gf .text ul li .item .box a:hover {
  color: #0165b0;
}

.zl {
  padding: 3.5625rem 0 6.25rem 0;
}

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

.zl .maxs .left {
  width: 59.7%;
}

.zl .maxs .left ul {
  margin: 0 -3.4375rem;
}

.zl .maxs .left ul li {
  width: calc(100% / 3);
  padding: 0 3.4375rem;
  margin-bottom: 2.125rem;
  box-sizing: border-box;
  float: left;

}

.zl .maxs .left ul li a {
 
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
   <!--background-image: url('../images/zl-text-bg.png');-->
}

.zl .maxs .left ul li i {
  display: flex;
  width: 100%;
  height: 24.375rem;
  overflow: hidden;
}

.zl .maxs .left ul li i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-fit: contain;
}

.zl .maxs .left ul li p {
  height: 4rem;
  line-height:4rem;
  display: block;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.375rem;
  color: #333333;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.zl .maxs .right {
  position: relative;
  width: 38%;
  max-width: 38.75rem;
  max-height: 57.6875rem;
  min-height: 50rem;
  margin-left: 2%;
  background-image: url('../images/zl-bg.png');
  background-size: 100% 100%;
}

.zl .maxs .right .text {
  position: relative;
  margin-left: 3.5rem;
  margin-top: 10.25rem;
  padding-left: 1.875rem;
}

.zl .maxs .right .text::after {
  content: "";
  display: flex;
  height: 100%;
  border-left: .5rem solid #0165b0;
  position: absolute;
  left: 0;
  top: 0;
}

.zl .maxs .right .text p {
  font-weight: 400;
  font-size: 2.25rem;
  color: #333333;
  line-height: 3.75rem;
}

.zl .maxs .right .text p span {
  font-size: 3rem;
  color: #0165b0;
  font-weight: bold;
}

.cxgzs .cxgzs-item1 {
  display: flex;
  justify-content: space-between;
  margin: 3.75rem 0;
}

.cxgzs .cxgzs-item1 .left {
  width: 43%;
  margin-right: 2%;
}

.cxgzs .cxgzs-item1 .left img {
  width: 100%;
  object-fit: cover;
}

.cxgzs .cxgzs-item1 .right {
  width: 55%;
}

.cxgzs .cxgzs-item1 .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cxgzs .cxgzs-item1 .right .top .title p,
.gzscy .title p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #333333;
  opacity: .5;
}

.cxgzs .cxgzs-item1 .right .top .title h3::after,
.gzscy .title h3::after {
  display: none;
}

.cxgzs .cxgzs-item1 .right .top .title,
.gzscy .title {
  position: relative;
  margin-bottom: 3.875rem;
}

.cxgzs .cxgzs-item1 .right .top .title::after,
.gzscy .title::after {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  bottom: -1.875rem;
  width: 2.3125rem;
  height: .375rem;
  background: #0165b0;
}

.cxgzs .cxgzs-item1 .right .top>p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 1.5rem;
  color: #7E7E7E;
}

.cxgzs .cxgzs-item1 .right>p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
  line-height: 2.75rem;
  text-align: justify;
}

.cxgzs .cxgzs-item1 .right>p span {
  color: #0165b0;
}

.gzscy {
  position: relative;
  background-image: url('../images/gzscy-bg1.png');
  background-size: 100% 100%;
  padding: 4.125rem 0 6.25rem 0;
}

.gzscy::after {
  content: "";
  display: flex;
  position: absolute;
  top: -5.3125rem;
  right: 0;
  width: 53.375rem;
  height: 16.9375rem;
  background-image: url('../images/gzscy-bg2.png');
  background-size: 100% 100%;
}

.gzscy .title h3,
.cxgzs .title h3 {
  color: #333;
}

.gzscy .swiper .swiper-slide {
  margin-bottom: 2rem;
  margin-top: 0rem !important;
}

.gzscy .swiper .swiper-slide a {
  position: relative;
  display: flex;
  height: 17.3125rem;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, .8);
  padding: 2.0625rem 1.875rem;
  box-sizing: border-box;
  border-right: .3125rem solid #4990D1;
}

.gzscy .swiper .swiper-slide a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
  height: 0%;
  transition: all .6s;
  border-right: .3125rem solid #0165b0;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gzscy .swiper .swiper-slide a:hover::after {
  height: 100%;
}

.gzscy .swiper .swiper-slide a:hover .left i img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.gzscy .swiper .swiper-slide .left i {
  display: block;
  width: 8.625rem;
  height: 8.625rem;
  overflow: hidden;
  border-radius: 50%;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.gzscy .swiper .swiper-slide .left i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gzscy .swiper .swiper-slide .left h3 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #222222;
  text-align: center;
  margin-bottom: .3125rem;
  margin-top: .625rem;
}

.gzscy .swiper .swiper-slide .left p {
  color: #555555;
  font-size: 1.125rem;
  text-align: center;
}

.gzscy .swiper .swiper-slide .right {
  width: 60%;
  border-left: 1px solid #e6e6e6;
  padding-left: 1.875rem;
}

.gzscy .swiper .swiper-slide .right p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #555555;
  line-height: 1.875rem;
}

.gzscy .swiper {
  padding-bottom: 7.625rem;
}

.gzscy .swiper .swiper-button-next::after,
.gzscy .swiper .swiper-button-prev::after {
  display: none;
}

.gzscy .swiper .swiper-button-next,
.gzscy .swiper .swiper-button-prev {
  width: 4.4375rem;
  height: 4.4375rem;
  background-image: url('../images/cxgzs-arr-l.png');
  background-size: 100% 100%;
  opacity: 1;
  bottom: 0;
  top: auto;
  left: 42%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gzscy .swiper .swiper-button-next {
  left: auto;
  right: 42%;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.gzscy .swiper .swiper-button-next:hover,
.gzscy .swiper .swiper-button-prev:hover {
  background-image: url('../images/cxgzs-arr-r-active.png');
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.gzscy .swiper .swiper-button-prev:hover {
  transform: rotate(180deg);
}

.gzscy .swiper .swiper-pagination {
  width: max-content;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.gzscy .swiper .swiper-pagination .swiper-pagination-current {
  font-size: 2.25rem;
  color: #0165b0;
}

.gzscy .swiper .swiper-pagination span {
  color: #444444;
  font-size: 1.5rem;
  font-style: italic;
}

.jpgczs ul {
  margin: 0 -1.625rem;
}

.jpgczs ul li {
  cursor: pointer;
  width: calc(100% / 3);
  float: left;
  padding: 0 1.625rem;
  box-sizing: border-box;
  margin-bottom: 3.5rem;
}

.jpgczs ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.jpgczs ul li a i {
  display: flex;
  width: 100%;
  height: 19rem;
  overflow: hidden;
}

.jpgczs ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jpgczs ul li a p {
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.75rem;
  padding: 0 1rem;
  box-sizing: border-box;
  line-height: 3.75rem;
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  background-color: rgba(0, 0, 0, .05);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.peop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
  /*z-index: 999;
  */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.peop.active {
  opacity: 1;
  z-index: 999;
}

.peop .maxs {
  max-width: 92.5rem;
}

.peop .box {
  position: relative;
  width: 100%;
  height: 46.25rem;
  background-color: #fff;
  padding: 5rem 2.5rem;
  box-sizing: border-box;
}

.peop .box h3 {
  font-weight: 500;
  font-size: 2.25rem;
  color: #222222;
  text-align: center;
  position: relative;
  margin-bottom: 3.125rem;
}

.peop .box h3::after {
  content: "";
  position: absolute;
  display: flex;
  width: 3.125rem;
  height: .4375rem;
  background: #0165b0;
  left: 50%;
  bottom: -1.25rem;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.peop .box .swiper .swiper-slide,
.peop .box .boxxs {
  display: flex;
  justify-content: space-between;
}

.peop .box .swiper .swiper-slide .left,
.peop .box .left,
.peop .box .boxxs .left {
  /* max-width: 44.4375rem; */
  width: 50%;
  height: 25.0625rem;
}
.peop .box .left .swiper{
  height:100%;
}

.peop .box .swiper .swiper-slide .left img,
.peop .box .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.peop .box .swiper .swiper-slide .right,
.peop .box .right {
  width: 47%;
  max-height: 25.0625rem;
  overflow: auto;
}

.peop .box .right{
  padding-right: 2rem;
    box-sizing: border-box;
}
.peop .box .swiper .swiper-slide .right p,
.peop .box .right p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
}

.peop .box .btn {
  position: absolute;
  left: 2.5rem;
  bottom: 6.5rem;
  right: auto;
  width: 11.5rem;
  height: 3.4375rem;
  background: #0165b0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row
}

.peop .box .btn .swiper-button-prev,
.peop .box .btn .swiper-button-next {
  width: .75rem;
  height: 1.25rem;
}

.peop .box .btn .swiper-button-prev {
  background-image: url('../images/jp-arr-l.png');
}

.peop .box .btn .swiper-button-next {
  background-image: url('../images/jp-arr-r.png');
}

.peop .box .btn .swiper-pagination {
  width: max-content;
  position: static;

}

.peop .box .btn .swiper-pagination .swiper-pagination-current {
  font-weight: 500;
  font-size: 2.25rem;
  color: #FFFFFF;
}

.peop .box .btn .swiper-pagination {
  color: #fff;
}

.peop .box .btn .swiper-pagination span {
  color: #fff;
  font-size: 1.5rem;
  font-style: italic;
}

.peop .box .swiper-paginations {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 7.5rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.peop .box .swiper-paginations span {
  display: block;
  width: .625rem;
  height: .625rem;
  margin: 0 .3125rem;
  background: #A0A0A0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.peop .box .swiper-paginations span.active {
  background-color: #0165b0;
}

.peop .closes,
.login-close {
  cursor: pointer;
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  width: 2.9375rem;
  height: 2.9375rem;




}

.peop .closes img,
.login-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.peop .closes:hover img,
.login-close:hover img {
  transform: rotate(135deg);
}

.jpgczs {
  padding: 3.75rem 0 6.25rem 0;
}

.gcyj .gcyj-top,
.gcyj ul li {
  height: 4.4375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.0625rem;
  box-sizing: border-box;
}

.gcyj .gcyj-top {
  background: #F6EBDC;
  border: 1px solid #F6EBDC;
}

.gcyj p {
  width: 50px;
  font-weight: 500;
  font-size: 1.375rem;
  color: #222222;
  margin-right: .625rem;
}

.gcyj .name {
  width: 48.125rem;
}

.gcyj .mone {
  width: 8.75rem;
}

.gcyj .d {
  width: 8.125rem;
}

.gcyj ul li p {
  font-weight: 400;
  font-size: 1rem;
  color: #222222;
}

.gcyj ul li:nth-child(2n) {
  background: #FAFAFA;
}

.gcyj .maxs ul {
  margin-top: 3.75rem;
  border: 1px solid #EEEEEE;
}

.gcyj ul li {
  border-bottom: 1px solid #EEEEEE;
}

.gcyj ul li:last-child {
  border: 0;
}

.gcyj {
  padding: 3.75rem 0 6.25rem 0;
}

.jpgczs ul li:hover i img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.jpgczs ul li:hover p {
  color: #0165b0;
}

/* .sbyl .gcyj-top p,.sbyl ul li p{
  min-width: 3.125rem !important;
  width: max-content;
}
.sbyl .gcyj-top p.mone,.sbyl ul li p.mone{
  width: 18.75rem !important;
}
.sbyl .gcyj-top p.name,
.sbyl ul li p.name{
  width: 12.5rem !important;
} */

.sbyl p.name {
  width: 12.5rem;
}

.sbyl p.mone {
  width: 18.75rem;
}

.sbyl p.d {
  width: 3.125rem;
}

.sbyl p.cd,
.sbyl p.zz,
.sbyl p.sc,
.sbyl p.gm {
  width: 6.25rem;
}

.sbyl p.kw {
  width: 8.75rem;
}

.djdts {
  padding: 3.75rem 0 6.25rem;
}

.djdts .maxs>ul {
  margin: 0 -1.625rem;
  margin-top: 2.5rem;
}

.djdts .maxs>ul li {
  position: relative;
  width: calc(100% / 3);
  float: left;
  padding: 0 1.625rem;
  box-sizing: border-box;
  margin-bottom: 3.25rem;
}

.djdts .maxs>ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;

}

.djdts .maxs>ul li a::after {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  border-bottom: .1875rem solid #0165b0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.djdts .maxs>ul li a i {
  display: block;
  width: 100%;
  height: 19rem;
  overflow: hidden;
}

.djdts .maxs>ul li a i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.djdts .maxs>ul li a .text {
  padding: 1.875rem 1.375rem;
  background-color: rgba(0, 0, 0, .05);
}

.djdts .maxs>ul li a h3 {
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  min-height: 4.0625rem;
  margin-bottom: .625rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;

}

.djdts .maxs>ul li a p {
  position: relative;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: #696969;
}

.djdts .maxs>ul li a p::after {
  content: "";
  width: 2.875rem;
  height: 2.875rem;
  background-image: url('../images/djdts-arr.png');
  background-size: 100% 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.djdts .maxs>ul li a:hover i img {
  transform: calc(1.1);
  -webkit-transform: calc(1.1);
  -moz-transform: calc(1.1);
  -ms-transform: calc(1.1);
  -o-transform: calc(1.1);
}

.djdts .maxs>ul li a:hover h3 {
  color: #0165b0;
}

.djdts .maxs>ul li a:hover::after {
  width: 100%;
}

.djdts .maxs>ul li a:hover p::after {
  background-image: url('../images/djdts-arr-active.png');
}

.djdts .maxs>ul li a:hover img {
  transform: scale(1.1);
}

.shzrbg ul {
  margin: 0 -2.3438rem;
}

.shzrbg ul li {
  width: calc(100% / 4);
  height: 33rem;
  float: left;
  padding: 0 2.3438rem;
  box-sizing: border-box;
}

.shzrbg ul li a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-image: url('../images/shzrbg-bg.png');
  background-size: 100% 100%;
  padding: 3rem;
  box-sizing: border-box;
}

.shzrbg ul li a .item {
  width: 100%;
  height: 25.375rem;
  background-image: url('../images/shzrbg-item1-bg.png');
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5625rem 1.4375rem;
  box-sizing: border-box;
  overflow: hidden;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.shzrbg ul li:nth-child(2) a .item {
  background-image: url('../images/shzrbg-item2-bg.png');
}

.shzrbg ul li:nth-child(3) a .item {
  background-image: url('../images/shzrbg-item3-bg.png');
}

.shzrbg ul li:nth-child(4) a .item {
  background-image: url('../images/shzrbg-item4-bg.png');
}

.shzrbg ul li a .item p {
  font-weight: bold;
  font-size: 1.875rem;
  color: #E65E47;

}

.shzrbg ul li a .item p:last-child {
  font-size: 1.5rem;
}

.shzrbg ul li:nth-child(2) a .item p {
  color: #1BBAD6;
}

.shzrbg ul li:nth-child(3) a .item p {
  color: #EA5151;
}

.shzrbg ul li:nth-child(4) a .item p {
  color: #9558C2;
}

.shzrbg ul li:hover a .item {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.shzrbg {
  padding: 3.75rem 0 1.5rem 0;
}

.zwxx {
  padding: 3.75rem 0 6.25rem 0;
}

.zwxx .rcln {
  display: flex;
  justify-content: space-between;
  background-color: #F6F6F6;
  height: 37.375rem;
  margin-bottom: 4.5625rem;
}

.zwxx .rcln .left {
  height: 100%;
  width: 60%;
}

.zwxx .rcln .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zwxx .rcln .right {
  width: 40%;
  padding-left: 3.125rem;
  box-sizing: border-box;
  padding-right: 3.125rem;
  padding-top: 5.3125rem;
  border-right: .5rem solid #0165b0;
}

.zwxx .rcln .right p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #333333;
  line-height: 3rem;
  padding-left: 5.75rem;
}

.zwxx .rcln .right .text::before,
.zwxx .rcln .right .text::after {
  content: "";
  display: block;
  width: 5.75rem;
  height: 3.375rem;
  background-image: url('../images/zwxx-icon1.png');
  background-size: 100% 100%;
  margin-bottom: 1.25rem;
}

.zwxx .rcln .right .text::after {
  background-image: url('../images/zwxx-icon2.png');
  float: right;
  margin-top: 1.25rem;
}

.zplb>h3 {
  font-weight: 500;
  font-size: 2.25rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: 2.125rem;
}

.zplb>h3::before {
  content: "";
  display: flex;
  width: .5rem;
  height: 2.375rem;
  background: #0165b0;
  margin-right: .8125rem;
}

.zplb ul {
  margin: 0 -0.8438rem;
}

.zplb ul li {
  cursor: pointer;
  width: calc(100% / 4);
  height: 13.5rem;
  float: left;
  padding: 0 .8438rem;
  box-sizing: border-box;
  margin-bottom: 1.5625rem;
}

.zplb ul li>a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border: 1px solid #E3E3E3;
  padding: 1.125rem 1.4375rem;
  box-sizing: border-box;
}

.zplb ul li>a::after {
  content: "";
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #0165b0;
  border-left-width: .4375rem;
  box-sizing: border-box;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zplb ul li a h3 {
  font-weight: bold;
  font-size: 1.5rem;
  color: #333333;
  padding-bottom: .625rem;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: .625rem;
}

.zplb ul li a .top {
  margin-bottom: 1.875rem;
}

.zplb ul li a .top p,
.zplb ul li a.ck p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #767676;
  line-height: 1.875rem;
}

.zplb ul li a .ck {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zplb ul li a .ck p:last-child {
  font-weight: 400;
  font-size: 1rem;
  color: #1061BC;
  display: flex;
  align-items: center;
}

.zplb ul li a .ck p:last-child::after {
  content: "";
  display: flex;
  width: .5rem;
  height: .8125rem;
  background-image: url('../images/zwxx-arr.png');
  background-size: 100% 100%;
  margin-left: .625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zplb ul li:hover a::after {
  opacity: 1;
}

.zplb ul li:hover a .ck p:last-child {
  color: #0165b0;
}

.zplb ul li:hover a .ck p:last-child::after {
  background-image: url('../images/zwxx-arr-active.png');
}

.zplb .pops {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zplb .pops.active {
  opacity: 1;
  z-index: 999;
}

.zplb .pops .maxs {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zplb .pops .box {
  position: relative;
  width: 68rem;
  height: 50.0625rem;
  background-color: #fff;
}

.zplb .pops .box .top {
  position: relative;
  height: 9rem;
  background-color: #0165b0;
  padding: 1.875rem 2.875rem 1.4375rem 2.875rem;
  box-sizing: border-box;
}

.zplb .pops .box .top h3 {
  font-weight: 500;
  font-size: 2.375rem;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
}

.zplb .pops .box .top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zplb .pops .box .top ul li {
  font-weight: 500;
  font-size: 1.125rem;
  color: #FFFFFF;
}

.zplb .pops .box .top .closes {
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
  width: 2.9375rem;
  height: 2.9375rem;
}

.zplb .pops .box .top .closes img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zplb .pops .box .center {
  padding: 2.25rem 2.875rem;

}

.zplb .pops .box .center .items {
  max-height: 34.4375rem;
  overflow: auto;
}

.zplb .pops .box .center .item {
  margin-bottom: 2.5rem;
}

.zplb .pops .box .center .item h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.zplb .pops .box .center .item h3::before {
  content: "";
  display: flex;
  width: .3125rem;
  height: 1.5rem;
  background: #0165b0;
  margin-right: .625rem;
}

.zplb .pops .box .center .item p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
}

.zplb .pops .box .bottom p,
.zplb .pops .box .bottom p a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
}

.zplb .pops .box .bottom p::before {
  content: "";
  margin-right: .625rem;
  display: flex;
  width: 2rem;
  height: 1.25rem;
  background-image: url('../images/yj.png');
  background-size: 100% 100%;
}

.zplb .pops .box .bottom p a {
  color: #0358BF;
}

.zplb .pops .box .bottom p a::after {
  display: none;
}

.zplb .pops .box .bottom {
  position: absolute;
  height: 4.9375rem;
  background: #EEEEEE;
  width: 100%;
  left: 0;
  bottom: 0;
}

.zplb .pops .box .top .closes:hover img {
  transform: rotate(135deg);

}

.zplb .jzgd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5rem;
}

.zplb .jzgd p a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, .7);
  width: 10rem;
  height: 2.9375rem;
  background: #0165b0;
  border-radius: .5rem .5rem .5rem .5rem;
  -webkit-border-radius: .5rem .5rem .5rem .5rem;
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
}

.zplb .jzgd p a {
  font-weight: 400;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, .7);
}

.zplb .jzgd p a::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('../images/zwxx-add.png');
  background-size: 100% 100%;
  margin-left: .625rem;
}

.lxwm,
.zxly {
  padding: 2.5rem 0 5rem 0;
}

.lxwm ul {
  margin: 0 -0.9375rem;
}

.lxwm ul li {
  width: calc(100% / 2);
  height: 20rem;
  float: left;
  padding: 0 .9375rem;
  box-sizing: border-box;
  margin-bottom: 1.875rem;
}

.lxwm ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  /* border: 1px solid #0165b0; */
  padding: 2.5rem;
  box-sizing: border-box;
  border-left: .5625rem solid #0165b0;
  box-shadow: 0px 0px .5625rem 0px #ccc;
}

.lxwm ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0165b0;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.lxwm ul li a:hover::after {
  opacity: 1;
}

.lxwm ul li a h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  margin-bottom: .9375rem;
}

.lxwm ul li a p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #5D5D5D;
  line-height: 2.25rem;
}

.zxly .maxs {
  display: flex;
  justify-content: space-between;
  height: 50.75rem;
  background-color: #F6F6F6;
}

.zxly .left {
  width: 30%;
}

.zxly .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zxly .right {
  width: 70%;
  padding: 3.1875rem 5.6875rem;
  box-sizing: border-box;
}

.zxly .right h3 {
  display: flex;
  font-weight: bold;
  font-size: 1.5rem;
  color: #222222;
  margin-bottom: 2.5rem;
}

.zxly .right h3::before {
  content: "";
  display: flex;
  width: .4375rem;
  height: 1.9375rem;
  background-color: #0165b0;
  margin-right: .625rem;
}

.forms .layui-form-item {
  margin-bottom: 1.5625rem;
}

.forms .form-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.forms .form-top input {
  width: 20rem;
  height: 3.3125rem;
  background: #FFFFFF;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.forms input {
  padding-left: 1.4375rem;
  box-sizing: border-box;
  width: 100%;
  height: 3.3125rem;
  background: #FFFFFF;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.forms input::placeholder,
.forms textarea::placeholder {
  font-weight: 400;
  font-size: 1rem;
  color: #A3A3A3;
}

.forms .layui-form-item::after {
  display: none !important;
}

.forms textarea {
  resize: none;
  height: 17.1875rem;
}

.forms .yzm {
  padding-right: .625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 28.5625rem;
  height: 3.3125rem;
  background: #FFFFFF;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.forms .yzm input {
  width: 50%;
  height: 100%;
  background-color: transparent;
  border: 0;
  padding-left: 1.4375rem;
}

.forms .yzm img {
  height: 100%;
  width: 6.4375rem;
  object-fit: contain;
}

.forms .yzm p {
  cursor: pointer;
  font-weight: 400;
  font-size: 1rem;
  color: #1A62C4;
}

.forms .layui-btn {

  margin-top: 1.875rem;
  width: 100%;
  height: 3.9375rem;
  background: #0165b0;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.zczx-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-header::after {
  display: none;
}

.zczx-header .left {
  width: 23%;
}

.zczx-header .left img {
  width: 100%;
}

.zczx-header>ul {
  width: 33%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-header>ul li,
.zczx-header>ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zczx-header>ul li a {
  font-weight: 500;
  font-size: 1.625rem;
  color: #333333;
}

.zczx-header>ul li a:hover,
.zczx-header>ul li.active a {
  color: #0165b0;
}

.zczx-header .right {
  width: 29.5%;
  height: 100%;
  background-image: url('../images/zczx-header-bg.png');
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.8125rem;
  box-sizing: border-box;
}

.zczx-header .right a,
.zczx-header .right p {
  font-weight: 500;
  font-size: 1.125rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.zczx-header .right>a::before {
  content: "";
  width: 1.5625rem;
  height: 1.8125rem;
  object-fit: cover;
  background-image: url('../images/homes.png');
  margin-right: .625rem;
}

.zczx-header .right .zczx-search {
  width: 1.6875rem;
  height: 1.75rem;
  object-fit: cover;
  cursor: pointer;
}

.zczx-header .right .user p::before {
  content: "";
  width: 1.375rem;
  height: 1.5rem;
  background-image: url('../images/user.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.zczx-header .right .user p::after {
  content: "";
  width: .875rem;
  height: .5rem;
  background-image: url('../images/arr-t-f.png');
  background-size: 100% 100%;
  margin-left: .625rem;
}

.zczx-header .right i {
  display: block;
  width: 1px;
  height: 1.9375rem;
  background: #FFFFFF;
  opacity: 0.55;
}

.zczx-header .right .user {
  position: relative;
}

.zczx-header .right .user p {
  cursor: pointer;
}

.zczx-header .right .user ul {
  position: absolute;
  left: 50%;
  top: 150%;
  opacity: 0;
  z-index: -1;
  width: 12rem;
  transition: all .6s;
  background: #FFFFFF;
  box-shadow: 0px 0px .5625rem 0px #ccc;
  transform: translate(100%);
  padding: 2rem 1.8125rem 1.4375rem 2rem;
  box-sizing: border-box;
  border-radius: .625rem .625rem .625rem .625rem;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -ms-transform: translate(100%);
  -o-transform: translate(100%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zczx-header .right .user ul li a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 2.25rem;
  display: flex;
  align-items: center;

}

.zczx-header .right .user ul li a::after {
  content: "";
  display: flex;
  width: .375rem;
  height: .6875rem;
  background-image: url('../images/arr-c-r.png');
  background-size: 100% 100%;
  margin-left: .9375rem;
}

.zczx-header .right .user ul li.btns {
  cursor: pointer;
  margin-top: 1.25rem;
  height: 2.5rem;
  background: rgba(13, 104, 220, .1);
  font-weight: 400;
  font-size: 1.125rem;
  color: #0D68DC;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem .5rem .5rem .5rem;
  -webkit-border-radius: .5rem .5rem .5rem .5rem;
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
}

.zczx-header .right .user ul.active {
  opacity: 1;
  z-index: 1;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.zczx-header .right .user ul li a:hover {
  color: #0165b0;
}

/* #0D68DC */

.zbcg-banner {
  position: relative;
}

.zbcg-banner .tabs {
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.zbcg-banner .tabs ul {
  display: flex;
  align-items: center;
  /* justify-content: center; */
}

.zbcg-banner .tabs ul li {
  cursor: pointer;
  position: relative;
  font-weight: 500;
  font-size: 1.125rem;
  color: #fff;
  width: 5.6875rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .375rem .375rem .375rem .375rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-border-radius: .375rem .375rem .375rem 6px;
  -moz-border-radius: .375rem .375rem .375rem 6px;
  -ms-border-radius: .375rem .375rem .375rem 6px;
  -o-border-radius: .375rem .375rem .375rem 6px;
}

.zbcg-banner .tabs ul li.active,
.zbcg-banner .tabs ul li:hover {
  color: #0D68DC;
  background-color: #fff;
}

.zbcg-banner .tabs ul li:hover::after,
.zbcg-banner .tabs ul li.active::after {
  opacity: 1;
}

.zbcg-banner .tabs ul li::after {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: -0.4375rem;
  left: 50%;
  transition: all .6s;
  transform: translate(-50%);
  border-left: .4375rem solid transparent;
  border-right: .4375rem solid transparent;
  border-top: .4375rem solid #fff;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbcg-banner .tabs ul i {
  display: block;
  width: .0625rem;
  height: 1.4375rem;
  background-color: rgba(255, 255, 255, .2);
  margin: 0 .9375rem;
}

.zbcg-banner .item {
  margin-top: 1.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50rem;
  height: 4.375rem;
  background-color: #fff;
  border-radius: .5rem .5rem .5rem .5rem;
  -webkit-border-radius: .5rem .5rem .5rem 8px;
  -moz-border-radius: .5rem .5rem .5rem 8px;
  -ms-border-radius: .5rem .5rem .5rem 8px;
  -o-border-radius: .5rem .5rem .5rem 8px;
}

.zbcg-banner .item input {
  width: 80%;
  height: 100%;
  border: 0;
  outline: 0;
  padding-left: 2.5rem;
}

.zbcg-banner .item input::placeholder {
  font-weight: 400;
  font-size: 1.25rem;
  color: #A2A2A2;
}

.zbcg-banner .item button {
  width: 20%;
  height: 100%;
  background-color: #0D68DC;
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  border: 0;
  outline: none;
  cursor: pointer;
}

.zbcg-list {
  position: relative;
  background-color: rgba(0, 0, 0, .3);
  height: 5.625rem;
  margin-top: -5.925rem;
}

.zbcg-list .maxs,
.zbcg-list ul {
  height: 100%;
}

.zbcg-list ul li {
  position: relative;
  width: calc(100% / 4);
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
}

.zbcg-list ul li span {
  font-size: 2.25rem;
  margin-bottom: .6rem;
}

.zbcg-list ul li::after {
  content: "";
  display: flex;
  width: .0625rem;
  height: 1.3125rem;
  opacity: 0.3;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.zbcg-list ul li:last-child:after {
  display: none;
}

.zbxxs {
  padding: 4rem 0 3.75rem 0;
}

.zbxxs.item2 {
  background-color: #F6F6F6;
}

.zbxxs.item2 .box ul li a {
  background-color: #fff;
}

.zbxxs-top,
.zbxxs-top ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zbxxs-top {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e7e7e7;
}

.zbxxs-top h3 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 2.25rem;
  color: #333333;
}

.zbxxs-top h3::before {
  content: "";
  width: .4375rem;
  height: 2.125rem;
  margin-right: .9375rem;
  background: #0165b0;
}



.zbxxs-top ul li {
  position: relative;
  cursor: pointer;
  width: 8.0625rem;
  height: 2.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.375rem;
  color: #333333;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxxs-top ul li::after {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: -0.4375rem;
  left: 50%;
  transition: all .6s;
  transform: translate(-50%);
  border-left: .4375rem solid transparent;
  border-right: .4375rem solid transparent;
  border-top: .4375rem solid #0165b0;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxxs-top ul li.active,
.zbxxs-top ul li:hover {
  background-color: #0165b0;
  color: #fff;
}

.zbxxs-top ul li.active::after,
.zbxxs-top ul li:hover::after {
  opacity: 1;
}

.zbxxs-top ul li:nth-child(2n) {
  margin: 0 .9375rem;
}

.zbxxs .box {
  margin-top: 2.5625rem;
}

.zbxxs .box ul {
  margin: 0 -1.0938rem;
}

.zbxxs .box ul li {
  width: calc(100% / 3);
  height: 12.25rem;
  float: left;
  padding: 0 1.0938rem;
  box-sizing: border-box;
  margin-bottom: 2.125rem;
}

.zbxxs .box ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #F6F6F6;
  padding: 1.8125rem 1.4375rem;
  box-sizing: border-box;
  justify-content: space-between;
}

.zbxxs .box ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: .4375rem solid #0165b0;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxxs .box ul li a h3 {
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.zbxxs .box ul li a p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zbxxs .box ul li a p span {
  font-weight: 400;
  font-size: 1.125rem;
  color: #949494;
}

.zbxxs .box ul li a p span:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5625rem;
  height: 2.4375rem;
  font-weight: 400;
  font-size: 1.125rem;
  color: #0D68DC;
  background: rgba(13, 104, 220, 0.1);
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.zbxxs .box ul li a:hover::after {
  opacity: 1;
}

.zbxxs .box ul li a:hover p span:last-child {
  background-color: #0D68DC;
  color: #fff;
}

.zbxxs .box ul li a:hover h3 {
  color: #0D68DC;
}

.zbxxs .box>a {
  margin-top: 2.5rem;
  display: flex;
  font-weight: 400;
  font-size: 1.375rem;
  color: #0D68DC;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 12.125rem;
  height: 3.75rem;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #86ADDE;
  -webkit-border-radius: .375rem .375rem .375rem 6px;
  -moz-border-radius: .375rem .375rem .375rem 6px;
  -ms-border-radius: .375rem .375rem .375rem 6px;
  -o-border-radius: .375rem .375rem .375rem 6px;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zbxxs .box>a:hover {
  background-color: #0D68DC;
  color: #fff;
}

.zczx-info {
  position: relative;
  margin-top: -19rem;
}

.zczx-info .maxs>p,
.zczx-info .maxs>p a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}

.zczx-info .maxs>p::before {
  content: "";
  width: 1.0625rem;
  height: 1.1875rem;
  background-image: url('../images/wz-c.png');
  background-size: 100% 100%;
}

.zczx-info .maxs .box {
  background-image: url('../images/zczx-info-bg.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 1000px;
  padding: 3.125rem;
  box-sizing: border-box;
  margin-top: 1.875rem;
}

.zczx-info .maxs .box h3 {
  font-weight: 500;
  font-size: 2.75rem;
  text-align: center;
  color: #222222;
  margin-bottom: 3rem;
}

.zczx-info .maxs .box .item {
  width: 100%;
  background-color: #fff;
  padding: 1.25rem 5rem;
  box-sizing: border-box;
  border-top: .4375rem solid #004BA0;
}

.zczx-info .maxs .box .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-info .maxs .box .item-top .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-info .maxs .box .item-top .left p {
  font-weight: 400;
  font-size: 1rem;
  color: #AAAAAA;
  margin-right: 3.75rem;
  display: flex;
  align-items: center;
}

.zczx-info .maxs .box .item-top .left p::before {
  content: "";
  width: .875rem;
  height: .875rem;
  background-image: url('../images/time.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.zczx-info .maxs .box .item-top .left p.ll::before {
  width: 1.125rem;
  height: .75rem;
  background-image: url('../images/ll-a.png');
}

.zczx-info .maxs .box .item-top .right p {
  cursor: pointer;
  width: 9.4375rem;
  height: 3.125rem;
  font-weight: 500;
  font-size: 1.25rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0165b0;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}
.zczx-info .maxs .box .item-top .right p#bms{
 background: #ccc;
}

.zczx-info .maxs .box .item-top .right p::before {
  content: "";
  width: 1.375rem;
  height: 1.4375rem;
  background-image: url('../images/bm.png');
  background-size: 100% 100%;
  margin-right: .625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zczx-info .maxs .box .item-top .right p:hover {
  transform: translate(-1.875rem);
  -webkit-transform: translate(-1.875rem);
  -moz-transform: translate(-1.875rem);
  -ms-transform: translate(-1.875rem);
  -o-transform: translate(-1.875rem);
}

.zczx-info .maxs .box .item-top {
  padding-bottom: 2.5rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #e7e7e7;
}

.zczx-info .maxs .box .item-text p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #222222;
  line-height: 2.25rem;
  margin-bottom: 1.875rem;
}

.zczx-info .maxs .box .item-text {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #e7e7e7;
}

.zczx-info .maxs .box .item-list {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-info .maxs .box .item-list .left {
  display: flex;
  flex-direction: column;
}

.zczx-info .maxs .box .item-list .left a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #2768BB;
  margin-bottom: 1.25rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zczx-info .maxs .box .item-list .left a span {
  color: #999999;
  transition: all .6s;
}

.zczx-info .maxs .box .item-list .left a:hover,
.zczx-info .maxs .box .item-list .left a:hover span {
  color: #0165b0;
}

.zczx-info .maxs .box .item-list .right a {
  width: 9.4375rem;
  height: 3.125rem;
  display: flex;
  font-weight: 500;
  font-size: 1.25rem;
  color: #0165b0;
  align-items: center;
  justify-content: center;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #0165b0;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.zczx-info .maxs .box .item-list .right a::before {
  content: "";
  display: flex;
  width: 1.375rem;
  height: 1.25rem;
  margin-right: .625rem;
  background-image: url('../images/zbxx-back.png');
  background-color: 100% 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zczx-info .maxs .box .item-list .right a:hover {
  background-color: #2768BB;
  color: #fff;
  border-color: #fff;
}

.zczx-info .maxs .box .item-list .right a:hover::before {
  background-image: url('../images/zbxx-back-c.png');
}

.zczx-prop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  z-index: 999;
}

.zczx-prop .maxs {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zczx-prop .bmcy {
  position: relative;
  width: 61.625rem;
  height: 58rem;
  background: #FFFFFF;
  padding: 2.625rem 6.375rem;
  box-sizing: border-box;
}

.zczx-prop .bmcy .zczx-close {
  cursor: pointer;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2.9375rem;
  height: 2.9375rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.zczx-prop .bmcy .zczx-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.zczx-prop .bmcy .zczx-close img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zczx-prop .bmcy h3 {
  font-weight: 500;
  font-size: 2.25rem;
  color: #222222;
  text-align: center;
  position: relative;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}

.zczx-prop .bmcy h3::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  width: 3.125rem;
  height: .4375rem;
  background: #0165b0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.zczx-form .layui-form-label {
  width: max-content;
  text-align: left;
  font-weight: 500;
  font-size: 1.375rem;
  color: #222222;
  display: flex;
  padding: 0;
  margin-bottom: .625rem;
}

.zczx-form .layui-form-item {
  margin-bottom: 2.1875rem;
}

.zczx-form .layui-form-label::before {
  content: "*";
  font-weight: 500;
  font-size: 1.375rem;
  color: #0165b0;
}

.zczx-form input {
  height: 3.875rem;
  border: 0;
  background: #F0F5FC;
  padding-left: 1.5rem;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.zczx-form input::placeholder {
  font-weight: 400;
  font-size: 1.125rem;
  color: #8F9DB0;
}

.zczx-form .names {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zczx-form .names .layui-form-item {
  width: 47%;
}

.zczx-form #test10 i {
  display: flex;
  width: 2.75rem;
  height: 2.375rem;
  background-image: url('../images/upload.png');
  background-size: 100% 100%;
  font-size: 0;
  margin-bottom: .625rem;
}

.zczx-form .layui-upload-drag {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 12.6875rem;
  border-color: #0D68DC;
  box-sizing: border-box;
}

.zczx-form .w {
  color: #B5B5B5;
  font-size: 1rem;
}

.zczx-form #pendingFiles {
  height: 9.375rem;
  overflow: auto;
}

.zczx-form #pendingFiles p {
  margin-bottom: .9375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
  background: #F0F5FC;
  padding: 0 1.4375rem;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.zczx-form #pendingFiles p span {
  font-weight: 400;
  font-size: 1.125rem;
  color: #0871D2;
  display: flex;
  align-items: center;
}

.zczx-form #pendingFiles p span:first-child::before {
  content: "";
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('../images/fj.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.zczx-form #pendingFiles p span:last-child {
  cursor: pointer;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url('../images/zbxx-close.png');
  background-size: 100% 100%;
}

.zczx-form .layui-btn {
  width: 100%;
  height: 4.9375rem;
  background: #0165b0;
  font-weight: 500;
  font-size: 1.875rem;
  color: #FFFFFF;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem 6px;
  -moz-border-radius: .375rem .375rem .375rem 6px;
  -ms-border-radius: .375rem .375rem .375rem 6px;
  -o-border-radius: .375rem .375rem .375rem 6px;
}

.logins {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 999;
}

.logins .maxs {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logins .maxs .box {
  width: 75rem;
  height: 41.875rem;
  display: flex;
  justify-content: space-between;
}

.logins .maxs .box .left,
.logins .maxs .box .right {
  width: 50%;
  height: 100%;
  background-color: #fff;
}

.logins .maxs .box .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logins .maxs .box .right {
  position: relative;
  padding: 2.5625rem 4.125rem;
  box-sizing: border-box;
}

.logins .maxs .box .right h3 {
  font-weight: bold;
  font-size: 1.75rem;
  color: #333333;
  margin-bottom: 1.875rem;
}

.logins .maxs .box .right .tabs {
  display: flex;
  align-items: center;
}

.logins .maxs .box .right .tabs p {
  position: relative;
  font-size: 1.5rem;
  color: #333333;
  cursor: pointer;
  margin-right: 2.25rem;
}

.logins .maxs .box .right .tabs p:hover,
.logins .maxs .box .right .tabs p.active {
  font-weight: bold;
}

.logins .maxs .box .right .tabs p:hover::after,
.logins .maxs .box .right .tabs p.active::after {
  opacity: 1;
}

.logins .maxs .box .right .tabs p::after {
  content: "";
  display: flex;
  position: absolute;
  width: 2.625rem;
  height: .4375rem;
  background: #0165b0;
  left: 50%;
  bottom: -0.9375rem;
  opacity: 0;
  transition: all .6s;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.logins .layui-form {
  margin-top: 2.5rem;
}

.logins .layui-form .layui-form-item {
  margin-bottom: 1.875rem;
  display: flex;
  align-items: center;
  padding: 0 1.375rem;
  height: 3.5625rem;
  background: #F0F5FC;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.logins .layui-form input {
  border: 0;
  outline: none;
  height: 100%;
  background-color: transparent;
}

.logins .layui-form input::placeholder {
  font-weight: 400;
  font-size: 1.125rem;
  color: #7A838F;
}

.logins .layui-form .layui-form-item::after {
  display: none;
}

.logins .layui-form .layui-form-item::before {
  content: "";
  display: flex;
  width: 1.125rem;
  height: 1.625rem;
  background-image: url('../images/lgoin-icon1.png');
  background-size: 100% 100%;
}

.logins .layui-form .layui-form-item.password::before,
.register .layui-form .layui-form-item.password::before {
  width: 1.1875rem;
  height: 1.4375rem;
  background-image: url('../images/lgoin-icon2.png');
}

.logins .layui-form .layui-form-item.yzm::before {
  width: 1.125rem;
  height: 1.375rem;
  background-image: url('../images/lgoin-icon3.png');
}

.logins .layui-form .layui-form-item.yzm .m {
  display: flex;
  align-items: center;
}

.register .layui-form .layui-form-item::before {
  background-image: url('../images/register-icon1.png');
}

.register .layui-form .layui-form-item:nth-child(2):before {
  width: 1.25rem;
  height: 1.1875rem;
  background-image: url('../images/register-icon2.png');
}

.register .layui-form .layui-form-item:nth-child(5):before {

  background-image: url('../images/lgoin-icon1.png');
}

.logins .layui-form .layui-form-item.yzm .m>img {
  width: 7.1875rem;
  height: 2.6875rem;
  object-fit: cover;
}

.logins .layui-form .layui-form-item.yzm .m p {
  width: 1.375rem;
  height: 1.25rem;
  margin-left: .625rem;
  cursor: pointer;
}

.logins .layui-form .layui-form-item.yzm .m p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logins .layui-form .layui-form-item.yzm input {
  width: 63%;
}

.logins .layui-btn {
  border: 0;
  width: 100%;
  height: 3.75rem;
  background: #0165b0;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-top: .625rem;
}

.logins .zh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.875rem;
}

.logins .check {
  display: flex;
  align-items: center;

}

.logins .check input {
  width: 1.3125rem;
  height: 1.3125rem;
}

.logins .check span {
  font-weight: 400;
  font-size: 1.125rem;
  margin-left: .625rem;
  color: #7A838F;
}

.logins .check+p {
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
}

.logins .check+p span {
  color: #2370EE;
  cursor: pointer;
}

.logins .layui-form .layui-form-item.txyzm .m p {
  width: 8.125rem;
  height: 2.375rem;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #0D68DC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.125rem;
  color: #0D68DC;
}

.register {
  display: none;
}

.register .maxs .box {
  align-items: center;
}

.register .maxs .box .right {
  min-height: 48.75rem;
  height: max-content
}

.register .check span {
  color: #7A838F;
}

.register .check span a {
  color: #2370EE;
}

/* .register .check .layui-form-checkbox{
  width: 1.3125rem;
    height: 1.3125rem;
    background: #2370EE;
    border-radius: 2px 2px 2px 2px;
} */
.register .layui-form-checked[lay-skin=primary] i {
  border-color: #2370EE !important;
  background-color: #2370EE;
}

.register .layui-btn {
  margin-top: 2.5rem;
}

.register .lj {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.875rem;
}

.register .lj p {
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
}

.register .lj p span {
  cursor: pointer;
  color: #2370EE;
}

.xmbm-header {
  padding: 0;
}

.xmbm-header .max {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.xmbm-header .max .left {
  width: 26%;
}

.xmbm-header .max .left a,
.xmbm-header .max .left a img {
  display: flex;
  width: 100%;
  object-fit: cover;
}

.xmbm-header .max .right p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #949494;
}

.xmbm-header .max .right p span {
  color: #DD0000;
  margin-left: 1.25rem;
}

.xmbm {
  position: relative;
  margin-top: -13rem;
}

.xmbm .xmbm-top {
  display: flex;
  align-items: center;
}

.xmbm .xmbm-top img {
  width: 7.125rem;
  height: 7.125rem;
  margin-right: 1.875rem;
}

.xmbm .xmbm-top h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
}

.xmbm .xmbm-top .g {
  display: flex;
  align-items: center;

}

.xmbm .xmbm-top .g p {
  cursor: pointer;
  width: 8.9375rem;
  height: 2.0625rem;
  background: #0D68DC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin-right: .9375rem;
  opacity: 0.8;
  border-radius: .25rem .25rem .25rem .25rem;
  -webkit-border-radius: .25rem .25rem .25rem 4px;
  -moz-border-radius: .25rem .25rem .25rem 4px;
  -ms-border-radius: .25rem .25rem .25rem 4px;
  -o-border-radius: .25rem .25rem .25rem 4px;
}

.xmbm .xmbm-top .g p::before {
  content: "";
  display: flex;
  width: .8125rem;
  height: .8125rem;
  background-image: url('../images/gyszx-icon1.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.xmbm .xmbm-top .g p:hover {
  opacity: 1;
}

.xmbm .xmbm-box {
  height: 50.0625rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
}

.xmbm .xmbm-box .left {
  position: relative;
  z-index: 2;
  padding: 1.6875rem 1.5rem;
  box-sizing: border-box;
  /* width: 18.125rem; */
  width: 17%;
  height: 100%;
  box-shadow: 0px 0 17px -6px rgba(0, 0, 0, .6);
  background-color: #fff;
}

.xmbm .xmbm-box .left ul li a {
  transition: all .6s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.4375rem;
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
  margin-bottom: 1.25rem;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xmbm .xmbm-box .left ul li a::before {
  content: "";
  display: flex;
  width: 1.25rem;
  height: 1.5rem;
  background-image: url('../images/gyszx-icon2.png');
  background-size: contain;
  margin-right: .625rem;
  background-repeat: no-repeat;
}

.xmbm .xmbm-box .left ul li:hover a::before,
.xmbm .xmbm-box .left ul li.active a::before {
  background-image: url('../images/gyszx-icon2-active.png');
}

.xmbm .xmbm-box .left ul li:hover a,
.xmbm .xmbm-box .left ul li.active a {
  background: #0D68DC;
  color: #fff;
}

.xmbm .xmbm-box .left ul li:nth-child(2) a::before {
  background-image: url('../images/gyszx-icon3.png');
}

.xmbm .xmbm-box .left ul li:nth-child(3) a::before {
  background-image: url('../images/gyszx-icon4.png');
}

.xmbm .xmbm-box .left ul li:nth-child(4) a::before {
  background-image: url('../images/gyszx-icon5.png');
}

.xmbm .xmbm-box .left ul li:hover:nth-child(2) a::before,
.xmbm .xmbm-box .left ul li.active:nth-child(2) a::before {
  background-image: url('../images/gyszx-icon3-active.png');
}

.xmbm .xmbm-box .left ul li:hover:nth-child(3) a::before,
.xmbm .xmbm-box .left ul li.active:nth-child(3) a::before {
  background-image: url('../images/gyszx-icon4-active.png');
}

.xmbm .xmbm-box .left ul li:hover:nth-child(4) a::before,
.xmbm .xmbm-box .left ul li.active:nth-child(4) a::before {
  background-image: url('../images/gyszx-icon5-active.png');
}

.xmbm .xmbm-box .right {
  width: 83%;
}

.xmbm .xmbm-box .right .right-top {
  height: 5.125rem;
  background-color: rgba(255, 255, 255, .9);
  padding-left: 3.8125rem;
}

.xmbm .xmbm-box .right .right-top p,
.xmbm .xmbm-box .right .right-top p a {
  font-weight: 400;
  font-size: 1rem;
  color: #555555;
  display: flex;
  align-items: center;
  height: 100%;
}

.xmbm .xmbm-box .right .right-top p::before {
  content: "";
  display: flex;
  width: 1.125rem;
  height: 1.25rem;
  background-image: url('../images/gyszx-icon6.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.xmbm .xmbm-box .content {
  position: relative;
  padding: 1.875rem 3.8125rem;
  box-sizing: border-box;
  background-color: #fff;
  height: calc(100% - 5.125rem);
}

.xmbm .xmbm-box .content h3 {
  position: relative;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333333;
  padding-bottom: .625rem;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 2.5rem;
}

.xmbm .xmbm-box .content h3::after {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 8.8125rem;
  height: .3125rem;
  background-color: #166edd;
}

.xmbm .xmbm-box .content ul li {
  border: 1px solid #EEEEEE;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2rem 1.75rem;
  padding-right: 4.125rem;
  margin-bottom: 1.25rem;
}

.xmbm .xmbm-box .content ul li .text p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
  padding-left: .875rem;
  display: flex;
  align-items: center;
  position: relative;
}

.xmbm .xmbm-box .content ul li .text p:last-child {
  font-weight: 400;
  font-size: 1rem;
  color: #919191;
  margin-top: 1.25rem;
}

.xmbm .xmbm-box .content ul li .text p:first-child::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: .4375rem;
  height: .4375rem;
  background-color: #8c8c8c;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.xmbm .xmbm-box .content .sh p {
  width: 9.3125rem;
  cursor: pointer;
  height: 2.375rem;
  background: #e6f0fb;
  font-weight: 400;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006BBF;
  border-radius: .25rem .25rem .25rem .25rem;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}

.xmbm .xmbm-box .content .no p {
  background-color: #fbe5e5;
  color: #E30024;
  display: flex;
  align-items: center;
  position: relative;
}

.xmbm .xmbm-box .content .no p:last-child {
  background-color: transparent;
  font-weight: 400;
  font-size: 1.125rem;
  color: #0D68DC;
  cursor: pointer;
}

.xmbm .xmbm-box .content .no p:last-child:hover {
  color: #0165b0;
}

.xmbm .xmbm-box .content .no p:first-child::after {
  content: "";
  position: absolute;
  right: -1.875rem;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url('../images/gyszx-icon7.png');
  background-size: 100% 100%;
  margin-left: .625rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.xmbm-foot {
  border-top: .375rem solid #0D68DC;
  background-color: #fff;
  margin-top: 3.75rem;
}

.xmbm-foot .maxs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 9.875rem;
}

.xmbm-foot p,
.xmbm-foot p span,
.xmbm-foot p span a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #5C5C5C;
}

.xmbm-foot p:last-child {
  margin-top: .625rem;
  display: flex;
  align-items: center;

}

.xmbm-foot p:last-child span:nth-child(2n) {
  padding: 0 .9375rem;
  position: relative;
  margin: 0 .9375rem;
}

.xmbm-foot p:last-child span:nth-child(2n)::after,
.xmbm-foot p:last-child span:nth-child(2n)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 60%;
  border-left: 2px solid #ccc;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.xmbm-foot p:last-child span:nth-child(2n)::before {
  right: auto;
  left: 0;
}

.ydwj-box .right ul li .sc p {
  cursor: pointer;
  width: 12.625rem;
  height: 2.875rem;
  transition: all .6s;
  background: #0D68DC;
  font-weight: 400;
  font-size: 1.25rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .25rem .25rem .25rem .25rem;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
  -webkit-transform: ;
  -moz-transform: ;
  -ms-transform: ;
  -o-transform: ;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ydwj-box .right ul li .sc p::before {
  content: "";
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url('../images/sc.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.ydwj-box .right ul li .sc p:hover {
  background-color: #0165b0;
}

.zbjg-box .right ul li .jg p {
  width: 10.75rem;
  height: 2.375rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #00B271;
  border-radius: .25rem .25rem .25rem .25rem;
  border: 1px solid #09B864;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}

.zbjg-box .right ul li .jg.nos p {
  color: #E30024;
  border-color: #0165b0;
}

.xmbm-box .forms {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.xmbm-box .forms .lefts {
  width: 48%;
}

.xmbm-box .forms input {
  width: 26.25rem;
  padding-left: 1rem;
  height: 3rem;
  background: #F8F8F8;
  border-radius: .25rem .25rem .25rem .25rem;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}

.xmbm-box .forms input:focus,
.xmbm-box .forms textarea:focus {
  border-color: #1E90FF !important;
}

.xmbm-box .forms input::placeholder,
.xmbm-box .forms textarea::placeholder {
  font-weight: 400;
  font-size: 1.125rem;
  color: #767474;
}

.xmbm-box .forms .layui-form-item {
  display: flex;
  align-items: center;
}

.xmbm-box .forms .layui-input-block {
  margin-left: 0;
}

.xmbm-box .forms textarea {
  width: 26.25rem;
  height: 5.4375rem;
  background: #F8F8F8;
  border-radius: .25rem .25rem .25rem .25rem;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}

.xmbm-box .forms .textarea {
  align-items: flex-start;
}

.xmbm-box .forms h2 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #333333;
  display: flex;
  align-items: center;
  margin-bottom: 1.875rem;
}

.xmbm-box .forms h2::before {
  content: "";
  display: block;
  width: 1.375rem;
  height: 1.5rem;
  background-image: url('../images/zl-icon1.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.xmbm-box .forms .uploads {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.75rem;
}

.xmbm-box .forms .uploads .u img {
  width: 7.125rem;
  height: 7.125rem;
  object-fit: cover;
  margin-bottom: .9375rem;
}

.xmbm-box .forms .uploads .u p {
  font-weight: 500;
  font-size: 1.125rem;
  color: #61A6F1;
}

.xmbm .xmbm-box.zlws {
  height: 70.8125rem;
}

.xmbm-box .forms .rights .layui-form-label {
  min-width: 12.5rem;
}

.xmbm-box .forms .layui-upload-drag i {
  display: flex;
  font-size: 0;
  width: 1.6875rem;
  height: 1.6875rem;
  margin: auto;
  background-image: url('../images/zl-add.png');
  background-size: 100% 100%;
}

.xmbm-box .forms .layui-upload-drag i+p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #555555;
  margin-top: .9375rem;
}

.xmbm-box .forms .layui-upload-drag {
  position: relative;
  width: 12.625rem;
  height: 8.625rem;
  box-sizing: border-box;
  border-radius: .25rem .25rem .25rem .25rem;
  background-color: #F8F8F8;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
}
#uploadDemoView{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#uploadDemoView hr{
  display:none;
}
#uploadDemoView img{
  width:100%;
  height:100%;
}
.xmbm-box .forms .rights .uploads {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;

}

.xmbm-box .forms::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-left: 1px solid #DEDEDE;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.xmbm-box .forms .rights h2 {
  padding-left: 4.3rem;
}

.xmbm-box .forms .rights h2::before {
  background-image: url('../images/zl-icon2.png');
}

.xmbm-box .forms .layui-form-item:last-child {
  margin-bottom: 0;
}

#personalForm {
  display: flex;
  justify-content: space-between;
}

.xmbm-box .forms .layui-btn {
  font-size: 1.125rem;
  position: absolute;
  bottom: -7rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 13.75rem;
  height: 4.0625rem;
  background: #0D68DC;
  border-radius: .5rem .5rem .5rem .5rem;
  -webkit-border-radius: .5rem .5rem .5rem .5rem;
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.xghsjh.box1 {}

.xghsjh {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 999;
}

.xghsjh .maxs {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xghsjh .box {
  position: relative;
  width: 49.4375rem;
  min-height: 37.875rem;
  background: #FFFFFF;
  padding: 2.6875rem 5rem;
}

.xghsjh .box h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #222222;
  position: relative;
  text-align: center;
  padding-bottom: 1.25rem;
  margin-bottom: 2.5rem;
}

.xghsjh .box h3::after {
  content: "";
  display: flex;
  width: 3.125rem;
  height: .4375rem;
  background: #0165b0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.xghsjh .layui-form .layui-form-label {
  min-width: 11.875rem;
}

.xghsjh .layui-form .layui-form-item {
  display: flex;
  align-items: center;
  margin-bottom: 3.125rem;
  /* justify-content: space-between; */
}

.xghsjh .layui-form .layui-input-block {
  margin: 0;
  position: relative;
}

.xghsjh .layui-form .layui-form-item input {
  width: 28.75rem;
  height: 3.875rem;
  background: #F0F5FC;
  padding-left: 1.5rem;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.xghsjh .layui-form .layui-form-item input::placeholder {
  font-weight: 400;
  font-size: 1.125rem;
  color: #7A838F;
}

.xghsjh .layui-form .layui-form-label {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
}

.xghsjh .layui-form .layui-form-item p {
  position: absolute;
  right: .625rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 8.125rem;
  height: 2.375rem;
  border-radius: .25rem .25rem .25rem .25rem;
  font-weight: 400;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0D68DC;
  border: 1px solid #0D68DC;
  -webkit-border-radius: .25rem .25rem .25rem .25rem;
  -moz-border-radius: .25rem .25rem .25rem .25rem;
  -ms-border-radius: .25rem .25rem .25rem .25rem;
  -o-border-radius: .25rem .25rem .25rem .25rem;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.xghsjh .layui-form .button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.xghsjh .layui-form .layui-btn {
  width: 15.625rem;
  height: 4.375rem;
  font-weight: 500;
  font-size: 1.625rem;
  color: #FFFFFF;
  background: #0165b0;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.xghsjh .box .sjh-close {
  cursor: pointer;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 2.9375rem;
  height: 2.9375rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xghsjh .box .sjh-close img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xghsjh .box .sjh-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.zbxx-banner {
  height: 33.5625rem;
}

.tcdl,.tcdls {
  display: flex;
  align-items: center;
  justify-content: center;
}

 .tcdsl p{
 color:red;
  width: max-content !important;
  
}
.tcdl span,.tcdls span {
  display: inline-block;
  align-self: center;
  width: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  color: #fff;
}

.dsj-wz .dsj-wz-box .right {
  position: relative;
}

.dsj-wz .dsj-wz-box .btn-box {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: 97%;
  transform: translate(-50%);
  height: 3.75rem;
  background-color: #fff;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.dsj-wz .dsj-wz-box .right .dsj-wz-boxs {
  padding-top: 3.75rem;
}

.dsj-wz-box .swiper {
  width: 80%;
  height: 100%;
  box-sizing: border-box;
  overflow-x: clip;
  padding-left: 3.125rem;
  background-color: #fff;
}

.dsj-wz-box .swiper a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.75rem;
  height: 3.125rem;
  font-weight: 500;
  font-size: 1.5rem;
  color: #666666;
  background: #F4F4F4;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-wz-box .btnss .swiper-button-prev,
.dsj-wz-box .btnss .swiper-button-next {
  width: 3.375rem;
  height: 3.375rem;
  opacity: 1;
  top: 54px;
  position: static;
  margin: 0;
  background-color: #fff;
  background-size: .6875rem 1.1875rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .6s;
  border: 1px solid #0165b0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-wz-box .btnss .swiper-button-prev::after,
.dsj-wz-box .btnss .swiper-button-next::after {
  display: none;
}

.dsj-wz-box .btnss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4rem;
  box-sizing: border-box;
  background-color: #fff;
}

.dsj-wz-box .btnss .swiper-button-next {
  position: absolute;
  right: 1.25rem;
  top: 0;
}

.dsj-wz-box .btnss .swiper-button-prev:hover,
.dsj-wz-box .btnss .swiper-button-next:hover {
  background-color: #0165b0;

}

.dsj-wz-box .btnss img {
  width: .6875rem;
  height: 1.1875rem;
  object-fit: cover;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.dsj-wz-box .btnss .swiper-button-prev:hover img,
.dsj-wz-box .btnss .swiper-button-next:hover img {
  filter: grayscale(100%) brightness(1000%);
}

.dsj-wz-box .swiper a:hover {
  background-color: #0165b0;
  color: #fff;
}
.layui-form-label.required:before {
  content: '*';
  color: red;
  margin-right: 4px;
}
section{
  <!--text-align:center;-->
}
<!--section{-->
<!--  position: relative;-->
<!--}-->
<!-- img{-->
<!--  position: relative;-->
<!--  left: 50%;-->
<!--  transform: translate(-50%);-->
<!--}-->