body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

input,
input:focus {
  outline: none;
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #044065;
  font-family: "Noto Sans SC", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /*Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  word-wrap: break-word;
  word-break: break-all;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea,
button {
  -webkit-appearance: none;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
  outline: none;
}

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

.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}

#pageMain {
  position: absolute;
  background: #044065;
}

.banner-video {
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/homepage.jpg) no-repeat;
  background-size: cover;
}

.home-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.menu-bar {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #eeeeef;
}

.menu-bar .zzcn-logo {
  float: left;
  text-align: left;
}

.home-first-content .p1 {
  /* margin-top: 2.08vw; */
  margin-top: 20px;
  /* font-size: 1.04166666vw; */
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}

.home-first-content {
  position: relative;
}

.page1-bg,
.page2-bg,
.page3-bg,
.about-p3 .page3-bg,
.about-p4 .page4-bg,
.about-p6 .page6-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page-1.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
}

.swiper-slide-active .page1-bg,
.swiper-slide-active .page2-bg,
.swiper-slide-active .page3-bg,
.swiper-slide-active.about-p4 .page4-bg,
.swiper-slide-active.about-p6 .page6-bg,
/* .brief-bg, 
.speech-bg,*/
.swiper-slide-active.firmP3 .page3-bg,
.swiper-slide-active.firmP4 .page4-bg,
.swiper-slide-active.firmP5 .page5-bg,
.swiper-slide-active.firmP6 .page6-bg,
.swiper-slide-active.firmP7 .page7-bg,
.swiper-slide-active.firmP8 .page8-bg

/* .swiper-slide-active .news-bg, */
/* .party-news .news-bg, */
/*.contact-us .content-bg*/
  {
  -webkit-animation: slowScale 6s forwards;
  animation: slowScale 6s forwards;
}

@keyframes slowScale {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@-webkit-keyframes slowScale {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
  }
}

@-webkit-keyframes slowOpactiy {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slowOpactiy {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.about-p2.swiper-slide-active .page2-bg {
  animation: none;
}

.about-p5 {
  background-color: #04456d;
}

.page2-bg {
  background-image: url(../images/page-2.jpg);
}

.page3-bg {
  background-image: url(../images/page-3.jpg);
}

.page2-content,
.page3-content,
.about-p4 .page4-content,
.about-p5 .page5-content,
.about-p6 .page6-content,
.about-p7 .page7-content,
.about-p8 .page8-content {
  position: absolute;
  /* top: 7.7vw; */
  left: 50%;
  width: 100%;
  /* transform: translateX(-50%); */
  top: 50%;
  transform: translate(-50%, -50%);
}

.page2-content .h3,
.page3-content .h3,
.page4-content .h3,
.media-top_main .h3 {
  font-weight: normal;
  /* font-size: 1.66666vw; */
  font-size: 32px;
  letter-spacing: 0.2vw;
  line-height: 1.125;
}

.page2-content .p1,
.page3-content .p1,
.page4-content .p1,
.page5-content .p1,
.page6-content .p1,
.page7-content .p1,
.page8-content .p1,
.media-top_main .p1 {
  /* margin-top: .5vw; */
  /* font-size: 1.04166666vw; */
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}

.page4,
.page7 {
  z-index: 10;
  background-color: #04456d;
}

.business-ul {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.business-ul li {
  display: block;
}

.business-ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: solid 4px #fff;
  border-radius: 50%;
}

.business-ul li a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -ms-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  -webkit-transform: scale(0.74);
  -moz-transform: scale(0.74);
  -ms-transform: scale(0.74);
  -o-transform: scale(0.74);
  transform: scale(0.74);
}

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

.business-ul li a span {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.5vw;
  color: #fff;
  -webkit-transform: scale(0.75) translate(-65%, -50%);
  -moz-transform: scale(0.75) translate(-65%, -50%);
  -ms-transform: scale(0.75) translate(-65%, -50%);
  -o-transform: scale(0.75) translate(-65%, -50%);
  transform: scale(0.75) translate(-65%, -50%);
}

.business-ul li:hover a span {
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  -webkit-transform: scale(1) translate(-50%, -50%);
  -moz-transform: scale(1) translate(-50%, -50%);
  -ms-transform: scale(1) translate(-50%, -50%);
  -o-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  /* -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; */
}

#homeSwipe {
  opacity: 0;
  -webkit-transform: translateX(-300px) scale(0.5);
  -moz-transform: translateX(-300px) scale(0.5);
  -o-transform: translateX(-300px) scale(0.5);
  transform: translateX(-300px) scale(0.5);
  -webkit-transition: all 0.8s ease-in-out 0s;
  -moz-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s;
}

.swiper-slide-active #homeSwipe.active {
  opacity: 1;
  -webkit-transform: translateX(0px) scale(1);
  -moz-transform: translateX(0px) scale(1);
  -o-transform: translateX(0px) scale(1);
  transform: translateX(0px) scale(1);
}

.news-mains {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
}

.pic-silde {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.pic-silde::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35%;
  background-image: linear-gradient(transparent, rgba(15, 41, 96, 0.9));
}

.new-contents {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

#homeSwipe .home-pagination,
#aboutPage1 .aboutP1,
#culture #culturePage {
  display: flex;
  justify-content: center;
}

#homeSwipe .swiper-pagination-bullet,
#aboutPage1 .swiper-pagination-bullet,
#culture .swiper-pagination-bullet {
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 0;
}

#homeSwipe .swiper-pagination-bullet-active,
#aboutPage1 .swiper-pagination-bullet-active,
#culture .swiper-pagination-bullet-active {
  background-color: #fff;
}

.home-news {
  position: relative;
}

.right-news li {
  width: 100%;
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
}

.right-news li a {
  margin-left: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  line-height: 1.5;
}

/* IE10+ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .right-news li a {
    position: relative;
    display: block;
    width: 96%;
    height: 3.166666vw;
  }

  .new-contents {
    height: 54px;
  }

  /* .news-left,.news-list .item .time,.news-list .item .img{
        display: block;
        float: left;
        width: 422px;
    } */
  .news-right {
    width: 544px;
    /* float: right; */
    text-align: left;
  }

  .about-p2 .p2 {
    height: 135px;
  }

  .about-p2 .p3 {
    height: 88px;
  }

  .content-right .p2 {
    height: 190px;
  }

  .companys .home-first-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* 针对edge */
@supports (-ms-ime-align: auto) {
  .right-news li a {
    position: relative;
    display: block;
    width: 96%;
    height: 3.166666vw;
  }

  .new-contents {
    height: 54px;
  }

  .news-right {
    width: 544px;
  }

  .about-p2 .p2 {
    height: 135px;
  }

  .about-p2 .p3 {
    height: 88px;
  }

  .content-right .p2 {
    height: 190px;
  }

  .companys .home-first-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.right-news li a:hover,
.news-more:hover {
  color: #98d3fa;
}

.right-news li a:active,
.news-more:active {
  color: #0075c1;
}

.right-news li span * {
  display: block;
}

.right-news li span strong {
  font-size: 8vw;
  font-weight: normal;
}

.top,
.gotop {
  position: absolute;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
}

.top::before,
.gotop::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/top.png);
  background-size: cover;
  transform: translate(-50%, -50%);
}

.home-first-content .p2 {
  /* margin-top: 1vw;
    font-size: .625vw; */
  margin-top: 50px;
  font-size: 20px;
  line-height: 2;
}

.home-first-content .index-h1 {
  font-weight: normal;
  letter-spacing: 0.2vw;
}

.page1 {
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 104, 183, 0.3);
}

.page2,
.page3 {
  z-index: 10;
}

.page4 img {
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
  -webkit-object-position: center;
  object-position: center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.page4 a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.page4 a {
  position: relative;
  display: block;
  height: 100%;
  text-align: center;
}

.page4 a>div {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  transform: translateY(-45%);
}

.swiper-slide5 {
  position: relative;
  background-color: #b3c4d0;
}

.more-a {
  margin: auto;
}

.more-a a {
  display: inline-block;
  border: solid 1px #fff;
}

.more-a a:hover,
.recommend-article .return-list a:hover {
  background-color: #98d3fa;
  border-color: #98d3fa;
  color: #fff;
}

.more-a a:active,
.recommend-article .return-list a:active {
  background-color: #0075c1;
  border-color: #0075c1;
  color: #fff;
}

.recommend-article a:hover {
  color: #98d3fa;
}

.recommend-article a:active {
  color: #0075c1;
}

.bom {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #044065;
  -webkit-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
  -moz-transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
  transition: all 1s cubic-bezier(0.45, 0.55, 0.75, 1) 0s;
}

#culture .swiper-slide {
  background-color: rgba(255, 255, 255, 0.1);
}

#culture .swiper-slide:hover .bom {
  top: 0%;
}

.tp,
.bom {
  text-align: left;
}

.tp {
  position: absolute;
  top: 0;
  left: 0;
}

.tp .h3,
.bom .h3,
.bom .h4 {
  font-weight: normal;
}

.tp .h1 {
  font-weight: 400;
}

.bom a {
  position: absolute;
  bottom: 6.7%;
  display: inline-block;
  height: auto;
  line-height: 1;
}

.bom a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.bom a:after {
  content: "";
  position: absolute;
  right: 0;
  background: url(../images/i-r.png);
  background-size: cover;
}

.about-p6 .page6-bg {
  background-image: url(../images/about-p5.jpg);
}

.serve-pagination {
  width: 100%;
  height: 3px;
}

.serve-pagination .swiper-pagination-bullet {
  margin: 0 0.78%;
  width: 2.7%;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
}

.serve-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

.serve-swipe .serve-prev,
.serve-swipe .serve-next,
.honor .honor-prev,
.honor .honor-next {
  margin: 0;
  background-size: cover;
  transform: translateY(-50%);
}

.serve-swipe .serve-prev,
.honor .honor-prev {
  left: 0;
}

.serve-swipe .serve-next,
.honor .honor-next {
  left: auto;
  right: 0;
}

.serve-swipe {
  position: relative;
  margin: auto;
}

.serve-swipe .swiper-slide {
  flex-wrap: wrap;
  justify-content: space-between;
}

#honors .swiper-slide {
  transition: 300ms;
  transform: scale(0.9);
}

#honors .swiper-slide-prev::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-90deg, rgba(22, 50, 104, 0.2), transparent);
}

#honors .swiper-slide-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(22, 50, 104, 0.2), transparent);
}

#honors .swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
}

.honor-page span.class6,
.honor-page span:nth-of-type(8),
.honor-page span:nth-of-type(12),
.honor-page span:nth-of-type(13) {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.honor-page span.class6::after,
.honor-page span:nth-of-type(8)::after,
.honor-page span:nth-of-type(12)::after,
.honor-page span:nth-of-type(13)::after {
  display: none;
}

.pic-silde img,
.honor-img img {
  width: 100%;
}

.pic-silde img {
  height: 100%;
  object-fit: cover;
}

.moblie-nav {
  display: none;
}

.level3-contains,
.lelve3-details {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto !important;
  text-align: center;
  background-color: #044065;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.brief-bg,
.speech-bg,
.news-bg,
.english-bg,
.content-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.level3-contains h2,
.level3-contains h3,
.level3-contains p,
.level3-contains small {
  position: relative;
  z-index: 1;
}

.speech-main .qianm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.bBp4 .page4 {
  background-color: #01050e;
}

.mediaUl li {
  position: relative;
}

.media-QR {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
}

.media-QR img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 56%;
  height: 56%;
  transform: translate(-50%, -50%);
}

.mediaUl li:hover .media-QR {
  display: block;
}

.news-tabs a:hover,
.news-tabs a.now {
  /* font-weight: bold; */
  color: #0570a1;
  background-color: #fff;
}

.news-right .title {
  line-height: 1.5;
  font-weight: 900;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-right .title:hover {
  color: #0570a1;
  font-weight: bold;
}

.news-right blockquote {
  color: #bbdef9;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}

.news-left {
  /* width: 100%; */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.sofupage a {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
}

.sofupage a.a2 {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}

.sofupage a:hover {
  background-color: #fff;
  color: #0075c1;
}

.sofupage .a2:hover {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
}

.details-container {
  justify-content: center;
  flex-wrap: wrap;
}

.news-details,
.details-di,
.recommend-article {
  width: 100%;
}

.details-di .social-share .icon-wechat,
.details-di .social-share .icon-weibo {
  background-color: #fff;
  border: none;
  color: #044065;
}

.level3-content .social-share .icon-wechat .wechat-qrcode .help p {
  width: auto;
  text-align: center;
  font-size: inherit;
  text-indent: 0;
}

/* footer */
.level3-footer {
  display: flex;
  align-items: center;
  text-align: center;
}

.level3-footer .top {
  display: none;
}

#returnTop {
  position: fixed;
}

.gotop {
  display: none;
}

.video-head {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.video-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 104, 183, 0.3);
  z-index: 10;
}

.video-head-content {
  width: 1200px;
  margin: 0 auto;
  margin-top: 10%;
  text-align: center;
}

.video-head-content .p1 {
  margin-top: 40px;
  font-size: 30px;
  letter-spacing: 5px;
}

.video-head-content .p2 {
  font-size: 20px;
  margin: 10px auto 0;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 1%;
  right: 3px;
  z-index: 50;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}

.fold_con {
  display: none;
}

#jobCent .page1 {
  display: block;
  position: relative;
  background: none;
}

#jobCent .page1-content {
  position: absolute;
}

.job-p2,
.job-p4 .page4 {
  background-color: #021642;
}

.fold_tit {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  color: #000;
  cursor: pointer;
  background-color: #fff;
}

.fold_tit name {
  display: flex;
  font-weight: bold;
  align-items: baseline;
}

.fold_tit name sub {
  display: inline-block;
  font-weight: normal;
}

.fold_tit p time {
  color: #999;
}

.fold_tit p span {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/fold_1.png) no-repeat 0 0 / cover;
}

.fold_tit.selected p span {
  background-image: url(../images/fold_2.png);
}

.flus li {
  display: inline-block;
  vertical-align: middle;
  background-color: #466ab2;
  text-align: center;
  /* cursor: pointer; */
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.flus li div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  -webkit-transform: rotate(-45deg) translate(-12%, -102%);
  -moz-transform: rotate(-45deg) translate(-12%, -102%);
  -o-transform: rotate(-45deg) translate(-12%, -102%);
  transform: rotate(-45deg) translate(-12%, -102%);
}

.flus li.fs1 div,
.flus li.fs2 div {
  -webkit-transform: rotate(-45deg) translate(-7%, -77%);
  -moz-transform: rotate(-45deg) translate(-7%, -77%);
  -o-transform: rotate(-45deg) translate(-7%, -77%);
  transform: rotate(-45deg) translate(-7%, -77%);
}

.flus li i {
  display: block;
  width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.fi1 {
  background-image: url(../images/f-i1.png);
}

.fi2 {
  background-image: url(../images/f-i2.png);
}

.fi3 {
  background-image: url(../images/f-i3.png);
}

.fi4 {
  background-image: url(../images/f-i4.png);
}

.fi5 {
  background-image: url(../images/f-i5.png);
}

.fi6 {
  background-image: url(../images/f-i6.png);
}

.fi7 {
  background-image: url(../images/f-i7.png);
}

.fi8 {
  background-image: url(../images/f-i8.png);
}

.fi9 {
  background-image: url(../images/f-i9.png);
}

.fi10 {
  background-image: url(../images/f-i10.png);
}

.flus li span {
  display: block;
}

.flus li:hover {
  background-color: #044065;
}

.job-p4 .culture-img li {
  position: relative;
  display: block;
  /* cursor: pointer; */
}

.job-p4 .culture-img li img {
  width: auto;
  height: auto;
}

.job-p4 .culture-img li .tp,
.job-p4 .culture-img li .bom {
  padding: 0;
  width: 100%;
  height: 100%;
}

.job-p4 .culture-img li .bom {
  top: 0;
  opacity: 1;
}

/* .job-p4 .culture-img li:hover .bom{
    animation: slowOpactiy 2s forwards;
} */

.job-p1 {
  background-color: #044065;
}

.job-p1 .page1 {
  background: none;
}

.notice-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.notice-container name {
  position: relative;
  font-weight: bold;
  text-align: left;
}

.notice-container name::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 18px;
  height: 14px;
  background: url(../images/notice-i.png) no-repeat 0 0;
}

#jobNotice .swiper-slide {
  justify-content: flex-start;
  text-align: left;
}

#jobNotice .swiper-slide a {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.contactUs .h2,
.contactUs .p1,
.contactUs .h2,
.contactUs .p1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  visibility: visible;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.contactUs .h2 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.contactUs .p1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@media screen and (max-width: 750px) {
  .swiper-slide4 {
    height: 78.67vw !important;
  }

  .swiper-slide5 {
    position: relative;
    height: 155vw !important;
    display: block;
  }

  .top,
  .gotop {
    right: 4.27vw;
    bottom: 10vw;
    width: 16vw;
    height: 16vw;
  }

  .top::before,
  .gotop::before {
    width: 7.2vw;
    height: 7.6vw;
  }

  .menu-bar {
    height: 11.733vw;
  }

  .menu-bar .zzcn-logo {
    display: none;
  }

  .page1-bg,
  .page2-bg,
  .page3-bg,
  .about-p4 .page4-bg,
  .about-p6 .page6-bg {
    background-position: 50%;
  }

  .page1-bg {
    background-image: url(../images/page-1m.jpg);
  }

  .header-mobile {
    display: flex;
    position: absolute;
    z-index: 0;
    padding-right: 4vw;
    width: 96vw;
    height: 100%;
    align-items: center;
  }

  .moblie-nav {
    display: none;
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    padding-top: 20vw;
    padding-bottom: 8vw;
    width: 100%;
    height: calc(100vh - 28vw);
    background-color: #04456d;
  }

  .moblie-nav .menu {
    margin: auto;
    width: 76.4%;
    border-top: solid 1px rgba(246, 247, 249, 0.5);
  }

  .moblie-nav .menu li {
    font-size: 4.26vw;
    line-height: 2.75;
    text-align: left;
    border-bottom: solid 1px rgba(246, 247, 249, 0.5);
  }

  .moblie-nav .menu li a {
    position: relative;
    display: block;
    padding: 0 1.6vw;
  }

  .moblie-nav .menu li .inactive::after {
    content: "";
    position: absolute;
    top: 4.67vw;
    right: 1.6vw;
    width: 3.47vw;
    height: 2.13vw;
    background: url(../images/i-d.png);
    background-size: cover;
  }

  .moblie-nav .menu li .current::after {
    background-image: url(../images/i-u.png);
  }

  .moblie-nav .menu li a:hover {
    color: #0075c1;
  }

  .moblie-nav .menu li .sub-menu li a,
  .moblie-nav .menu li .sub-menu li a:hover {
    color: #bbdef9;
  }

  .sub-menu {
    background-color: #044065;
  }

  .moblie-nav .menu li .sub-menu li {
    padding-left: 13.33vw;
    color: #bbdef9;
    border-top: solid 1px rgba(246, 247, 249, 0.5);
    border-bottom: 0;
  }

  .moblie-nav .menu li .sub-menu li::after {
    display: none;
  }

  .nv-right {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    transform: translateY(-50%);
    align-content: center;
    align-items: center;
  }

  .menu-bar .nv-right .zzcn-logo {
    display: block;
    position: absolute;
    left: 4vw;
    top: 50%;
    width: 40vw;
    transform: translateY(-50%);
  }

  .ico-search {
    display: block;
    /* width: 8vw;
        height: 8vw; */
    width: 30px;
    height: 30px;
    background: url(../images/i-s.png);
    background-size: cover;
    /* transform: translateY(23%); */
  }

  .ico-close {
    background-image: url(../images/i-c1.png);
  }

  .search-input {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    /* margin-left: 13vw;
        margin-right: 3vw; */
    /* width: calc(100% - 21vw); */
    width: 100%;
    height: 100%;
    background-color: #ecf6ff;
  }

  .search-input .hd-text {
    margin-left: 10.06666vw;
    padding: 0 2.6666vw;
    width: 49.066666vw;
    height: 8vw;
    font-size: 14px;
    line-height: 8vw;
    transform: translateY(23%);
    background-color: #dbe8f3;
    border: none;
    border-radius: 4vw;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }

  .search-input .text-search {
    position: relative;
    display: inline-block;
    margin-left: 1.066666vw;
    width: 19.6vw;
    height: 8vw;
    text-align: center;
    font-size: 4vw;
    line-height: 8vw;
    color: #fff;
    background-color: #0075c1;
    border-radius: 4vw;
    transform: translateY(23%);
    border: none;
    background-image: none;
  }

  .search-input .ico-close {
    position: absolute;
    right: 4vw;
    /* width: 8vw;
        height: 8vw; */
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
    top: 50%;
  }

  .gh {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4vw;
    /* width: 8vw; */
    width: 38px;
    cursor: pointer;
    /* -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
            -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
                transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; */
  }

  .gh a {
    display: block;
    /* width: 8vw;
        height: 8vw; */
    width: 30px;
    height: 30px;
    background: url(../images/i-m.png) no-repeat 50%;
    background-size: contain;
  }

  .gh.selected a {
    background-image: url(../images/i-c1.png);
    width: 30px;
    height: 30px;
  }

  /* .gh.selected {
        transform: rotate(90deg);
    }
    .gh a {
        position: relative;
        top: 50%;
        display: block;
        margin-top: -1.5px;
        width: 100%;
        height: 3px;
        background-color: #231815;
        -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
            -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
                transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    }
    .gh:hover a:before {
        -webkit-transform: translateY(-2px) rotate(0deg);
            -ms-transform: translateY(-2px) rotate(0deg);
                transform: translateY(-2px) rotate(0deg);
    }
    .gh:hover a:after {
        -webkit-transform: translateY(2px) rotate(0deg);
            -ms-transform: translateY(2px) rotate(0deg);
                transform: translateY(2px) rotate(0deg);
    }
    .gh.selected:hover a:before {
        -webkit-transform: translateY(0px) rotate(-55deg);
            -ms-transform: translateY(0px) rotate(-55deg);
                transform: translateY(0px) rotate(-55deg);
    }
    .gh.selected:hover a:after {
        -webkit-transform: translateY(0px) rotate(55deg);
            -ms-transform: translateY(0px) rotate(55deg);
                transform: translateY(0px) rotate(55deg);
    }
    .gh a:after, 
    .gh a:before {
        display: block;
        position: absolute;
        content: " ";
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #231815;
        -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
            -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
                transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    }
    .gh a:after {
        top: 8px;
    }
    .gh a:before {
        top: -8px;
    }
    .gh.selected a:after, 
    .gh.selected a:before {
        top: 0;
    }
    .gh.selected a:before {
        background-color: #231815;
        -webkit-transform: translateY(0px) rotate(-45deg);
            -ms-transform: translateY(0px) rotate(-45deg);
                transform: translateY(0px) rotate(-45deg);
    }
    .gh.selected a:after {
        background-color: #231815;
        -webkit-transform: translateY(0px) rotate(45deg);
            -ms-transform: translateY(0px) rotate(45deg);
                transform: translateY(0px) rotate(45deg);
    }
    .gh.selected a {
        background-color: transparent !important;
    } */

  #scrollbar {
    display: block;
  }

  .home-first-content {
    padding: 0 5%;
  }

  .home-first-content .index-h1 {
    /* font-size: 9.6vw; */
    font-size: 8vw;
    line-height: 1.2;
  }

  .home-first-content .p2 {
    margin-top: 4vw;
    /* padding: 0 24%; */
    /* font-size: 2.93vw; */
    font-size: 2.93333vw;
    line-height: 1.5;
  }

  .home-first-content .p1 {
    /* padding: 0 10%; */
    font-size: 4.26666vw;
    word-break: break-all;
    word-wrap: break-word;
  }

  .page2-content,
  .page3-content,
  .about-p4 .page4-content,
  .about-p5 .page5-content,
  .about-p6 .page6-content,
  .about-p7 .page7-content,
  .about-p8 .page8-content {
    top: 14vw;
    transform: translateX(-50%);
  }

  .page2-content .h3,
  .page3-content .h3,
  .page4-content .h3 {
    font-size: 5.3333vw;
  }

  .page2-content .p1,
  .page3-content .p1,
  .page4-content .p1,
  .page5-content .p1,
  .page6-content .p1,
  .page7-content .p1,
  .page8-content .p1 {
    font-size: 3.2vw;
  }

  .business-ul {
    flex-wrap: wrap;
    margin: auto;
    width: 70%;
  }

  .business-ul li {
    margin: 3vw 0;
    width: 40vw;
    height: 40vw;
  }

  .business-ul li a {
    border-width: 2px;
  }

  .business-ul li a span {
    font-size: 4.8vw;
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8);
  }

  .news-mains {
    flex-wrap: wrap;
  }

  #homeSwipe {
    margin: 3vw auto 0;
    width: 92vw;
    height: 56vw;
  }

  #homeSwipe .swiper-slide {
    height: 92.6%;
    width: 100% !important;
  }

  .new-contents {
    margin-left: 9.33vw;
    margin-bottom: 2.67vw;
    width: 63.2vw;
    font-size: 4vw;
    line-height: 1.2;
  }

  #homeSwipe .home-prev,
  #homeSwipe .home-next,
  .honor .honor-prev,
  .honor .honor-next {
    display: none;
  }

  #homeSwipe .home-pagination,
  #culture #culturePage {
    bottom: 0;
    height: 0.8vw;
  }

  #homeSwipe .swiper-pagination-bullet,
  #culture .swiper-pagination-bullet {
    margin: 0 1.3333vw;
    width: 5.6666vw;
    height: 100%;
  }

  .home-news {
    margin: 11vw auto 0;
    width: 74vw;
  }

  .news-more {
    display: block;
    margin: auto;
    width: 32.5vw;
    height: 8.53vw;
    font-size: 3.2vw;
    text-align: center;
    line-height: 8.53vw;
    border: solid 1px #fff;
    border-radius: 4.3vw;
  }

  .right-news li {
    margin-bottom: 10vw;
  }

  .right-news li:last-child {
    display: none;
  }

  .right-news li span {
    width: 16%;
    text-align: left;
  }

  .right-news li span strong {
    font-size: 8vw;
  }

  .right-news li span small {
    font-size: 2.4vw;
  }

  .right-news li a {
    width: 80%;
    font-size: 4vw;
    line-height: 1.33;
    text-align: left;
    max-height: 10.13333vw;
    overflow: hidden;
  }

  #aboutMobile {
    display: block;
    width: 100%;
    height: 78.67vw;
  }

  #aboutMobile .swiper-slide a {
    position: relative;
    display: block;
    height: 100%;
  }

  #aboutMobile .swiper-slide div {
    /* opacity: 0; */
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
  }

  #aboutMobile .about-prev,
  #aboutMobile .about-next,
  .job-p3 .envtabPrev,
  .job-p3 .envtabNext {
    margin-left: 0;
    margin-top: -3.335vw;
    width: 6.67vw;
    height: 6.67vw;
    outline: none;
    background-size: cover;
  }

  #aboutMobile .about-prev {
    left: 13.33%;
  }

  #aboutMobile .about-next {
    left: auto;
    right: 13.33%;
  }

  #aboutMobile h3 {
    display: block;
    width: 100%;
    font-size: 6.4vw;
    font-weight: 500;
  }

  #aboutMobile .p1 {
    display: block;
    margin-top: 1.3333vw;
    width: 100%;
    font-size: 4vw;
    line-height: 1.33;
  }

  #ftNav {
    display: block;
    position: relative;
    height: auto;
  }

  .page4 #ftNav a {
    text-align: left;
  }

  .home-footer-mobile {
    display: block;
  }

  .m-wechat {
    display: inline-block;
    padding: 0 10.67vw;
    font-size: 3.2vw;
    line-height: 8.533vw;
    border: solid 1px #fff;
    border-radius: 4.3vw;
  }

  .zzcb-copyright {
    margin-top: 10.67vw !important;
    font-size: 2.4vw;
    line-height: 1.5;
  }

  .codePopup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 5, 51, 0.8);
  }

  .wechatZzcb {
    position: absolute;
    z-index: 22;
    top: 45.6vw;
    left: 50%;
    width: 74%;
    padding-top: 15vw;
    padding-bottom: 8vw;
    background-color: #fff;
    border-radius: 1.33vw;
    transform: translateX(-50%);
  }

  .close-wechat {
    position: absolute;
    top: 4vw;
    right: 4vw;
    width: 3.47vw;
    height: 3.47vw;
    background: url(../images/i-c2.png);
    background-size: cover;
  }

  .wechatZzcb .logo {
    display: block;
    margin: auto;
    width: 49.6vw;
  }

  .wechat-img {
    display: block;
    margin-top: 9.3vw;
  }

  .wechat-img img {
    display: block;
    margin: auto;
    width: 26.4vw;
  }

  .wechat-img name {
    display: block;
    margin-top: 2.4vw;
    margin-bottom: 9.33vw;
    font-size: 3.2vw;
    color: #999;
  }

  .address,
  .tel {
    position: relative;
    padding-left: 6.133vw;
    margin-left: 10.67vw !important;
    color: #231815;
    text-align: left;
  }

  .address::before,
  .tel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4vw;
    height: 4vw;
    background: url(../images/add-1-i.png);
    background-size: cover;
  }

  .tel::before {
    background-image: url(../images/i-tel-1.png);
  }

  .address {
    margin-bottom: 2.67vw !important;
    font-size: 3.2vw;
  }

  .tel {
    display: block;
    width: calc(100% - 17vw);
    /* font-size: 4.27vw; */
    font-size: 16px;
  }

  /********************************关于******************************/
  #aboutPage1 {
    display: block;
  }

  #aboutPage1 .aboutP1,
  #aboutPage1 .aboutPrev,
  #aboutPage1 .aboutNext {
    display: none;
  }

  .about1,
  .about2,
  .about3 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
  }

  .about1 {
    background-image: url(../images/about-p-1m.jpg);
  }

  .about2 {
    background-image: url(../images/about-p-2m.jpg);
  }

  .about3 {
    background-image: url(../images/about-p-3m.jpg);
  }

  .aboutbg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/about-p-1.jpg);
    background-size: cover;
    background-position: 64%;
  }

  .text-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .text-contents h1 {
    margin-bottom: 6vw;
    font-size: 8vw;
    font-weight: normal;
    line-height: 1.33;
  }

  .text-contents p {
    margin-bottom: 5vw;
    font-size: 3.733vw;
    line-height: 1.5;
  }

  .text-contents small {
    display: block;
    font-size: 3.2vw;
    line-height: 1.5;
  }

  .text-contents h3 {
    margin-bottom: 3vw;
    font-size: 5.3333vw;
    font-weight: normal;
  }

  .about-p2 .page2-bg {
    background-image: url(../images/about-p2-m.jpg);
  }

  .about-p2 .page2-content,
  .about-p3 .page3-content {
    top: auto;
    /* bottom: 16vw; */
    bottom: 20vw;
  }

  .about-p2 .h2,
  .about-p3 .h2,
  .about-p4 .h2,
  .about-p5 .h2,
  .about-p6 .h2,
  .about-p7 .h2,
  .about-p8 .h2 {
    font-weight: normal;
    font-size: 5.3333vw;
  }

  .about-p2 .p2,
  .about-p2 .p3 {
    margin: 8vw auto 0;
    width: 73%;
    text-align: justify;
  }

  .about-p2 .p2,
  .about-p3 .p2 {
    font-size: 3.73vw;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: clip;
    overflow: hidden;
    text-align: justify;
  }

  .about-p2 .p2,
  .about-p3 .p2,
  .about-p8 .p2,
  .about-p9 .p2 {
    text-indent: 2em;
  }

  .about-p3 .content-right .p2 {
    -webkit-line-clamp: 8;
  }

  .about-p2 .p3,
  .about-p3 .p3 {
    font-size: 3.2vw;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .about-p2 .p3 {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  .about-p3 .p3 {
    display: none;
  }

  .more-a {
    margin-top: 8vw;
  }

  .more-a a {
    padding: 0 12vw;
    line-height: 8.533vw;
    font-size: 3.2vw;
    border-radius: 4.3vw;
  }

  .about-p3 {
    height: 192.67vw !important;
  }

  .about-p3 .page3-bg {
    background-image: url(../images/about-p3-m.jpg);
  }

  .signature {
    position: absolute;
    top: 32.93vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    width: 73%;
    text-align: right;
    /* transform: translateX(-50%); */
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .signature span {
    display: block;
    width: 100%;
  }

  .signature img {
    width: 24.8vw;
  }

  .signature small {
    display: block;
    margin-right: 4vw;
    margin-bottom: 3vw;
    font-size: 2.13vw;
    line-height: 1.5;
  }

  .about-p3 .page3-content,
  .about-p7 .page7-content {
    width: 73%;
  }

  .about-p4 .page4-content,
  .about-p7 .page7-content,
  .about-p5 .page5-content,
  .about-p6 .page6-content {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .symbol-left img,
  .symbol-right img {
    width: 7.2vw;
  }

  .symbol-left {
    margin-top: 3.73vw;
    margin-bottom: 2.67vw;
    text-align: left;
  }

  .symbol-left img {
    transform: rotateZ(180deg);
  }

  .symbol-right {
    margin-top: 2.67vw;
    margin-bottom: 9vw;
    text-align: right;
  }

  .about-p4 .page4-bg {
    background-image: url(../images/about-p4-m.jpg);
  }

  #culture {
    margin-top: 13.3vw;
    /* width: 45.86666vw; */
    width: 53.3333vw;
    height: 88.4vw;
  }

  #culturePrev,
  #cultureNext {
    margin: 0;
    width: 6.67vw;
    height: 6.67vw;
    background-size: cover;
  }

  #culturePrev {
    left: 13.3%;
  }

  #cultureNext {
    left: auto;
    right: 13.3%;
  }

  #culture .swiper-slide {
    /* margin: 0!important; */
    height: 85.671191553%;
  }

  #culture .swiper-slide .h3,
  #culture .swiper-slide .p1,
  #culture .swiper-slide .h1 {
    width: 100%;
  }

  .tp,
  .bom {
    padding-top: 9.6vw;
    /* padding-left: 5.3vw; */
    width: 100%;
    text-align: center;
  }

  .tp .h1 {
    /* margin-top: 7.6vw; */
    margin-top: 5.6vw;
    font-size: 6.4vw;
    line-height: 1.22;
  }

  .tp .h3,
  .bom .h3 {
    font-size: 4.26666vw;
  }

  .tp .p1 {
    font-size: 2.4vw;
    line-height: 2;
  }

  .bom {
    /* width: calc(100% - 5.3vw); */
    height: calc(100% - 9.6vw);
    width: 100%;
  }

  .bom .p1 {
    font-size: 2.4vw;
  }

  .bom .h4 {
    margin-top: 5.3vw;
    /* padding-right: 5.3vw; */
    padding: 0 6vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 3.2vw;
    line-height: 1.875;
    color: #e0f2fb;
    text-align: left;
    overflow: hidden;
  }

  .bom a {
    padding-right: 2.67vw;
    font-size: 3.2vw;
    left: 6vw;
  }

  .bom a:after {
    top: 0.5vw;
    width: 1vw;
    height: 1.9vw;
  }

  .about-p7 .p2,
  .about-p8 .p2,
  .about-p9 .p2 {
    margin-top: 6vw;
    font-size: 4vw;
    line-height: 1.87;
  }

  .about-p8 .p2,
  .about-p9 .p2 {
    text-align: justify;
  }

  .about-p7 .p3,
  .about-p8 .p3 {
    font-size: 3.2vw;
    line-height: 1.2;
  }

  .about-p7 .p2,
  .about-p7 .p3,
  .about-p8 .p3 {
    display: none;
  }

  .serve-swipe {
    margin-top: 10vw;
    width: 100%;
    height: 82.6vw;
  }

  #clients {
    width: 100%;
    height: 88.7%;
  }

  .serve-swipe .serve-prev,
  .serve-swipe .serve-next {
    display: none;
  }

  .aodi {
    width: 20vw;
  }

  .yiqi {
    width: 28vw;
  }

  .xuefulan {
    width: 12.8vw;
  }

  .fute {
    width: 12vw;
  }

  .dazhong {
    width: 28vw;
  }

  .haval {
    width: 21vw;
  }

  .mobil {
    width: 25vw;
  }

  .volvo {
    width: 9.5vw;
  }

  .beiqi {
    width: 25vw;
  }

  .hezhong {
    width: 24vw;
  }

  .mazda {
    width: 9vw;
  }

  .exeed {
    width: 28vw;
  }

  .zhijun {
    width: 22vw;
  }

  .jeep {
    width: 12vw;
  }

  .hongqi {
    width: 12.4vw;
  }

  .nissan {
    width: 9.5vw;
  }

  .xiandai {
    width: 28vw;
  }

  .aichi {
    width: 23vw;
  }

  .land {
    width: 10vw;
  }

  .serve-swipe .swiper-slide img {
    margin: 2vw;
  }

  .serve-pagination .swiper-pagination-bullet {
    margin: 0 2%;
    width: 10%;
  }

  .about-p8 {
    height: 296.8vw !important;
  }

  .about-p8 .page8-content,
  .about-p9 .page9-content {
    width: 76%;
  }

  .aptitude-top_m {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 10vw 0;
  }

  .aptitude-top_m li {
    width: 48%;
  }

  .aptitude-top_m li .left,
  .aptitude-top_m li .right {
    width: 100%;
    margin-bottom: 2.67vw;
  }

  .aptitude-top_m li p {
    font-size: 3.2vw;
    line-height: 2;
    color: #e0f2fb;
  }

  .about-p8 .p3 {
    margin-top: 1.33vw;
  }

  .aptitude-bottom {
    margin: 10vw auto 0;
    width: 100%;
  }

  .aptitude-bottom li {
    width: 100%;
    margin-bottom: 2.67vw;
  }

  .aptitude-bottom li:last-child {
    margin-bottom: 0;
  }

  .about-p9 {
    align-items: flex-start;
  }

  .honor {
    position: relative;
    margin: 10.67vw auto 0;
    width: 100%;
    height: 100vw;
  }

  #honors {
    margin: auto;
    width: 100%;
    height: 80%;
  }

  .honor-page {
    display: none;
  }

  .page5 .more-a,
  .organization-m {
    display: block;
  }

  .organization-m {
    margin: 6vw auto 0;
    width: 73%;
    height: 87vw;
    overflow: hidden;
  }

  #honors .swiper-slide {
    display: block;
    width: 63.33%;
    background-color: #fff;
    box-shadow: 0 1vw 4.167vw rgba(6, 20, 48, 0.35);
  }

  .honor-img {
    width: 100%;
    height: 38vw;
  }

  .honor-text {
    padding: 0 2.4vw;
    margin-top: 2.4vw;
    font-size: 2.4vw;
    line-height: 1.55;
    color: #000;
    text-align: left;
  }

  .honor-text h3 {
    margin-bottom: 1vw;
    font-size: 4vw;
  }

  .honor-text p {
    text-align: justify;
  }

  /********************************简介****************************/
  .brief-bg {
    height: 82.4vw;
    background-image: url(../images/jj_bg-m.jpg);
    animation: none;
  }

  .level3-content h2,
  .speech-main h2 {
    padding-top: 70vw;
    font-size: 5.3333vw;
    font-weight: normal;
  }

  .level3-content h3,
  .speech-main h3 {
    margin-top: 2.67vw;
    font-size: 3.2vw;
    line-height: 1.33;
    font-weight: normal;
  }

  .level3-content p,
  .level3-content small,
  .speech-main p,
  .qianm {
    display: block;
    margin: 0 auto 4vw;
    width: 73.3333%;
    text-align: justify;
    /* text-align-last:justify; */
    text-justify: inter-ideograph;
    text-justify: distribute-all-lines;
    word-wrap: break-word;
    word-break: break-all;
  }

  .level3-content p:nth-of-type(1),
  .speech-main p:nth-of-type(1) {
    margin-top: 5vw;
  }

  .level3-content p,
  .speech-main p {
    font-size: 3.73vw;
    line-height: 1.7;
  }

  .level3-content small {
    font-size: 3.2vw;
    line-height: 1.9;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  /*****************************领导致辞************************************/
  .speech-bg {
    height: 212vw;
    background-image: url(../images/ld-bg-m.jpg);
    animation: none;
  }

  .speech-boxs {
    display: flex;
    flex-direction: column-reverse;
  }

  .speech-text {
    position: relative;
    margin: 13vw auto 0;
    width: 73.33vw;
    height: 100vw;
    text-align: left;
  }

  .speech-text p {
    padding: 7.2vw 0 4.27vw 7.2vw;
    font-size: 3.2vw;
    line-height: 1.5;
    color: #bbdef9;
    text-align: justify;
  }

  .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 20.133vw;
    height: 79.87vw;
    background: url(../images/xian-m.png) no-repeat 0 0 / contain;
  }

  .qianm img {
    width: 24.8vw;
  }

  .qianm span {
    margin-right: 4vw;
    margin-top: -4.78125vw;
    font-size: 2.4vw;
    line-height: 1.5;
  }

  /****************************文化*******************************/
  .tabs-cultures {
    position: absolute;
    /* top: 13.6vw; */
    top: 11.733vw;
    left: 0;
    padding: 1.867vw 0;
    width: 100%;
    height: 8vw;
    z-index: 10;
    background-color: #044065;
  }

  .tabs-cultures .nav-prev,
  .tabs-cultures .nav-next,
  .talents-mobile .talent-p,
  .talents-mobile .talent-n,
  .Medium-tabs .medium-prev,
  .Medium-tabs .medium-next {
    display: block;
    margin: 0;
    width: 6.67vw;
    height: 6.67vw;
    background-size: cover;
    transform: translateY(-50%);
    outline: none;
  }

  .tabs-cultures .nav-prev:focus,
  .tabs-cultures .nav-next:focus,
  .talents-mobile .talent-p:focus,
  .talents-mobile .talent-n:focus,
  .Medium-tabs .medium-prev:focus,
  .Medium-tabs .medium-next:focus {
    outline: none;
  }

  .tabs-cultures .nav-prev,
  .talents-mobile .talent-p,
  .Medium-tabs .medium-prev {
    left: 4vw;
  }

  .tabs-cultures .nav-next,
  .talents-mobile .talent-n,
  .Medium-tabs .medium-next {
    left: auto;
    right: 4vw;
  }

  #cultureTab {
    margin: auto;
    width: 73.33%;
  }

  .tabs-cultures .swiper-slide {
    display: block;
    height: 100%;
    font-size: 3.73vw;
    line-height: 8vw;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4vw;
  }

  .tabs-cultures .active-nav {
    background-color: #fff;
  }

  .tabs-cultures .active-nav .nav-name h4 {
    color: #0075c1;
    font-weight: bold;
  }

  .nav-name h4 {
    font-weight: normal;
  }

  .companys .page1-bg {
    background-image: url(../images/qy-1m.jpg);
    animation: none;
  }

  .companys .firmP1 {
    /* height: 207.33vw; */
    height: 210.5vw;
  }

  .companys h3 {
    font-size: 5.3333vw;
    font-weight: normal;
  }

  .companys .p1 {
    margin-top: 0.52vw !important;
    width: 78%;
    word-break: break-word;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1.33;
  }

  .firmP1 p:nth-of-type(2),
  .firmP2 p:nth-of-type(2),
  .firmP3 p:nth-of-type(2),
  .firmP5 p:nth-of-type(2),
  .firmP6 p:nth-of-type(2),
  .firmP6 p:nth-of-type(4),
  .firmP7 p:nth-of-type(2),
  .firmP7 p:nth-of-type(4),
  .firmP7 p:nth-of-type(6) {
    font-size: 4vw;
  }

  #spiritP4 p:nth-of-type(1) {
    padding: 0 10%;
  }

  .h1-pc {
    display: none !important;
  }

  .h1-m {
    display: block;
  }

  .companys h1 {
    margin-top: 8vw;
    /* font-size: 8vw; */
    font-size: 6.6666vw;
    line-height: 1.33;
    font-weight: normal;
  }

  .companys p {
    margin: auto;
    width: 73.33%;
    letter-spacing: 1px;
  }

  .companys .p2 {
    padding: 0;
    width: 78%;
    font-size: 3.733vw;
    line-height: 1.57;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: distribute-all-lines;
  }

  .firmP1 p:nth-of-type(3) {
    margin-bottom: 8vw;
    margin-top: 8vw;
  }

  .companys .home-first-content {
    position: absolute;
    margin: 0;
    top: 66.2vw;
  }

  .companys .firmP2 {
    height: 200.5vw;
  }

  .companys .page2-bg {
    background-image: url(../images/qy-2m.jpg);
    animation: none;
  }

  .companys .firmP2 h1,
  .companys .firmP2 .p1,
  .companys .firmP5 h1,
  .companys .firmP5 .p1,
  .companys .firmP6 h1,
  .companys .firmP6 .p1,
  .companys .firmP7 h1,
  .companys .firmP7 .p1 {
    margin-left: auto;
    margin-right: auto;
    width: 78%;
  }

  .companys .firmP2 .p1,
  .companys .firmP5 h1,
  .companys .firmP6 h1,
  .companys .firmP7 h1 {
    width: 78%;
  }

  .firmP2 p:nth-of-type(2),
  .firmP2 p:nth-of-type(3),
  .firmP3 p:nth-of-type(2),
  .firmP5 p:nth-of-type(2),
  .firmP6 p:nth-of-type(2),
  .firmP6 p:nth-of-type(4),
  .firmP7 p:nth-of-type(2),
  .firmP7 p:nth-of-type(4),
  .firmP8 p:nth-of-type(2),
  .firmP8 p:nth-of-type(3),
  .firmP8 p:nth-of-type(4),
  .firmP8 p:nth-of-type(5) {
    margin-bottom: 8vw;
  }

  /* .companys .firmP3{
        height:173.33vw;
    } */
  .companys .page3-bg,
  .companys .page4-bg,
  .companys .page5-bg,
  .companys .page6-bg,
  .companys .page7-bg,
  .companys .page8-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/qy-3m.jpg) no-repeat 0 0 / cover;
    animation: none !important;
  }

  .companys .firmP4 {
    /* height: 387.733vw; */
    height: 381vw;
  }

  /* .companys .firmP5{
        height: 173.33vw;
    } */
  .companys .page4-bg {
    background-image: url(../images/qy-4m.jpg);
  }

  .companys .page4-content,
  .companys .page5-content,
  .companys .page6-content,
  .companys .page7-content,
  .companys .page8-content {
    position: absolute;
    display: block;
    top: 66.2vw;
    left: 0;
    width: 100%;
  }

  .companys .page2-content,
  .companys .page3-content {
    top: 66.2vw;
  }

  .companys .page4-content,
  .companys .page7-content,
  .companys .page8-content {
    top: 0;
    padding-top: 66.2vw;
  }

  .companys .page4-content {
    padding-bottom: 12vw;
  }

  .companys .page7-content,
  .companys .page8-content {
    padding-bottom: 22vw;
  }

  .companys .page6-content p:nth-of-type(3),
  .companys .page7-content p:nth-of-type(3),
  .companys .page7-content p:nth-of-type(5) {
    margin-bottom: 15vw;
  }

  .Qspirits {
    margin: 10.67vw auto 8vw;
    width: 76vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .Qspirits li {
    margin-right: 3vw;
    margin-bottom: 3vw;
    width: 47.4%;
    height: 36vw;
    background-color: rgba(70, 106, 178, 0.2);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
  }

  .Qspirits li:nth-child(2n) {
    margin-right: 0;
  }

  .Qspirits li * {
    display: block;
    width: 100%;
  }

  .Qspirits li strong {
    /* margin-top: 8vw; */
    font-size: 6.6666vw;
    font-weight: 400;
  }

  .Qspirits li small {
    font-size: 4vw;
  }

  .firmP4 .p2 {
    margin-bottom: 6vw;
  }

  .companys .page5-bg {
    background-image: url(../images/qy-5m.jpg);
  }

  .companys .page6-bg {
    background-image: url(../images/qy-6m.jpg);
  }

  .companys .firmP6 {
    height: 300vw;
  }

  .companys .firmP7 {
    height: 412vw;
  }

  .companys .page7-bg {
    background-image: url(../images/qy-7m.jpg);
  }

  .talents-mobile {
    position: relative;
    display: block;
    margin-top: 8vw;
    width: 100%;
    height: 71vw;
  }

  .talents-mobile .talent-m {
    margin: auto;
    width: 73.33%;
    background-color: #1a3670;
  }

  .talent-m .swiper-slide {
    display: block;
  }

  .talent-m h3 {
    padding-top: 7.5vw;
    font-size: 6.4vw;
    font-weight: normal;
  }

  .talent-m .p1 {
    padding-bottom: 5.33vw;
    width: auto;
    font-size: 4vw;
  }

  .talent-m .p3 {
    margin: 0 !important;
    padding: 8%;
    width: auto;
    height: 46%;
    font-size: 3.733vw !important;
    line-height: 1.9;
    background-color: #466ab2;
    text-align: justify;
  }

  .companys .page8-bg {
    background-image: url(../images/qy-8m.jpg);
  }

  .companys .firmP8 {
    height: 398.47vw;
  }

  /**************************业务*************************/
  .bBp3 .page3-bg,
  .bBp5 .page5-bg,
  .bBp6 .page6-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .bBp3 .p2,
  .bBp3 .p3,
  .bBp5 .p2,
  .bBp5 .p3,
  .bBp6 .p2,
  .bBp6 .p3,
  .media-top_main .p2,
  .media-top_main .p3 {
    text-align: justify;
  }

  .bBp3 .p2,
  .bBp3 .p3 {
    margin: auto;
    width: 73.33%;
  }

  .bBp3 .p1,
  .bBp5 .p1,
  .bBp6 .p1,
  .media-top_main .p1 {
    margin-bottom: 6.67vw;
  }

  .bBp3 .p2,
  .bBp5 .p2,
  .bBp6 .p2,
  .media-top_main .p2 {
    font-size: 3.73vw;
    line-height: 1.57;
  }

  .bBp3 .p3,
  .bBp5 .p3,
  .bBp6 .p3,
  .media-top_main .p3 {
    margin-top: 10.67vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }

  .media-top_main .p3,
  .bBp5 .p3,
  .bBp6 .p3 {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  .bBp3 p:nth-of-type(2),
  .bBp5 p:nth-of-type(2),
  .bBp6 p:nth-of-type(2),
  .media-top_main p:nth-of-type(2) {
    margin-bottom: 5.33vw;
  }

  .bBp5 .page5-content,
  .bBp6 .page6-content {
    position: absolute;
    /* top: 14vw; */
    bottom: 20vw;
    left: 50%;
    width: 73.33%;
    transform: translateX(-50%);
  }

  .bBp4 h3,
  .bBp5 h3,
  .bBp6 h3,
  .media-top_main .h3,
  .media-bottom_main .h3 {
    font-size: 5.3333vw;
    font-weight: normal;
  }

  .bBp4 .p1,
  .bBp5 .p1,
  .bBp6 .p1,
  .media-top_main .p1,
  .media-bottom_main .p1 {
    margin-top: 1.33vw;
    font-size: 3.2vw;
    line-height: 1.33;
  }

  .bBp3 .page3-bg {
    background-image: url(../images/yw-1m.jpg);
  }

  .bBp4 {
    height: 405vw !important;
  }

  .bBp4 h3 {
    padding-top: 14vw;
  }

  .Medium-tabs {
    position: relative;
    padding: 8vw 0;
    height: 8vw;
    width: 100%;
  }

  .Medium-tabs .medium-nav {
    margin: auto;
    width: 73.33%;
  }

  .Medium-tabs .medium-prev,
  .Medium-tabs .medium-next {
    display: block;
  }

  .medium-nav .swiper-slide {
    height: 100%;
    font-size: 3.733vw;
    line-height: 8vw;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4vw;
  }

  .medium-nav .mediumActive {
    font-weight: bold;
    color: #0075c1;
    background-color: #fff;
  }

  .medium-contents {
    margin: auto;
    width: 73.33%;
  }

  .medium-contents .swiper-slide {
    flex-wrap: wrap;
  }

  .downP {
    margin-top: 8vw;
    padding: 0 12vw;
    line-height: 8.533vw;
    font-size: 3.2vw;
    border-radius: 4.3vw;
    border: solid 1px #fff;
  }

  .mediaUl {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    max-height: 75.93333vw;
    overflow: hidden;
  }

  .mediaUl li {
    margin-bottom: 4.67vw;
    width: 28.8vw;
  }

  .media-imgs img {
    width: 28.8vw;
    height: 28.8vw;
    border-radius: 100%;
  }

  .media-imgs p {
    margin-top: 1.33vw;
    font-size: 2.6666vw;
    line-height: 1.7;
    color: #e0f2fb;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
  }

  .media-QR {
    width: 28.8vw;
    height: 28.8vw;
    line-height: 28.8vw;
  }

  .bBp5,
  .bBp6 {
    height: 200vw !important;
  }

  .bBp5 .page5-bg {
    background-image: url(../images/yw-2m.jpg);
  }

  .bBp6 .page6-bg {
    background-image: url(../images/yw-3m.jpg);
  }

  .media-Slide,
  .media-bg_img {
    display: block;
    height: auto !important;
    background-color: #044065;
  }

  .media-bg_img {
    width: 100%;
    height: 100%;
    background-color: #044065;
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/yw-1m.jpg);
  }

  .media-scrollbar {
    display: none;
  }

  .media-top_main {
    padding-top: 66.2vw;
    margin: auto;
    width: 73.3333%;
  }

  .media-bottom_main .h3 {
    padding-top: 20vw;
  }

  .media-bottom_main {
    position: relative;
    padding-bottom: 18.6666vw;
  }

  .media-top_main .p2,
  .bBp5 .p2,
  .bBp6 .p2,
  .level3-content p,
  .speech-main p,
  .speech-text p,
  .companys .p2,
  .job-p1 .p2 {
    text-indent: 2em;
  }

  /***********************新闻*************************/
  .news-list {
    position: relative;
    padding-top: 13.6vw;
  }

  .news-tabs {
    display: flex;
    /* justify-content: space-between; */
    margin: auto;
    width: 73.33%;
    height: 8vw;
  }

  .news-tabs a {
    display: block;
    width: 48%;
    font-size: 3.733vw;
    line-height: 8vw;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4vw;
    margin-right: 2.6666vw;
  }

  .news-tabs a small {
    display: none;
  }

  #newsTabFixed {
    position: fixed;
    z-index: 10;
    top: 11.733vw;
    padding: 1.867vw 13.335%;
    background-color: #044065;
    text-align: center;
    display: none;
  }

  .news-tabs a:hover,
  .news-tabs a.now {
    font-weight: bold;
  }

  .news-list .child {
    /* padding-top: 49.33vw; */
    padding-bottom: 15vw;
    margin: auto;
    width: 73.33%;
  }

  .news-list .child .item {
    overflow: hidden;
  }

  .news-list li {
    padding: 6.67vw 0;
    border-top: solid 1px #fff;
  }

  .news-list li a {
    display: flex;
    flex-wrap: wrap;
  }

  .news-left {
    width: 100%;
  }

  .news-list li .time {
    display: inline-block;
    width: 18%;
    text-align: left;
  }

  .news-list li .time em {
    display: block;
    width: 100%;
    font-size: 2.4vw;
    font-style: normal;
  }

  .news-list li .time strong {
    display: block;
    font-size: 8vw;
    line-height: 1.4;
  }

  .news-list li .img {
    display: inline-block;
  }

  .news-list li .img img {
    margin-right: 6.267vw;
    width: 53.6vw;
    height: 28.8vw;
    object-fit: cover;
  }

  .news-right {
    margin-top: 5.33vw;
    width: 100%;
  }

  .news-right .title {
    margin-bottom: 4vw;
    font-size: 4vw;
  }

  .news-right blockquote {
    font-size: 3.2vw;
    line-height: 1.5;
    color: #bbdef9;
  }

  .news-source {
    display: block;
    margin-top: 5.33vw;
    text-align: left;
    font-size: 3.2vw;
    line-height: 1.42;
    color: rgba(255, 255, 255, 0.5);
  }

  .sofupage {
    padding-top: 5.33vw;
    height: 5.33vw;
    font-size: 3.2vw;
    line-height: 5.33vw;
    text-align: left;
    border-top: solid 1px #fff;
  }

  .sofupage * {
    display: inline-block;
    margin-right: 2.133vw;
  }

  .sofupage .ells,
  .sofupage b,
  .sofupage .end {
    display: none;
  }

  .sofupage a {
    min-width: 5.33vw;
  }

  .sofupage .a1,
  .sofupage .a2 {
    padding: 0 3.2vw;
    border-radius: 2.7vw;
  }

  .news-bg {
    height: 101.33vw;
    background-image: url(../images/new-bg-m.jpg);
  }

  /*************************详情****************************/
  .details-container {
    position: relative;
    padding-top: 70.9333vw;
    margin: auto;
    width: 73.33%;
  }

  .news-details h1 {
    font-size: 6.4vw;
    line-height: 1.5;
    text-align: left;
    font-weight: 500;
  }

  .origin {
    margin-top: 5.333vw;
    margin-bottom: 6.6666vw;
    font-size: 3.2vw;
    color: rgba(255, 255, 255, 0.5);
  }

  .origin time,
  .origin span {
    margin: 0 3.333vw;
  }

  .origin .ass-k {
    display: none;
  }

  .level3-content .news-details p {
    margin: 0 0 4vw;
    width: 100%;
    line-height: 1.57;
    font-size: inherit;
  }

  .level3-content .news-details img {
    display: block;
    margin: auto;
  }

  /* .level3-content .news-details img{
        display: block;
        margin: 2.67vw auto;
    } */

  .details-di {
    /* display: flex; */
    display: none;
    align-items: center;
    margin-top: 16vw;
    padding-bottom: 6.67vw;
    font-size: 3.2vw;
    text-align: left;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }

  .details-di .social-share .social-share-icon {
    width: 9.3333vw;
    height: 9.3333vw;
    line-height: 9.3333vw;
    margin-right: 2vw;
  }

  .recommend-article {
    /* margin-top: 4vw; */
    margin: 16vw 0;
    padding-top: 4vw;
    /* margin-bottom: 5.3333vw; */
    border-top: solid 1px rgba(255, 255, 255, 0.1);
  }

  .level3-content .recommend-article p {
    margin: 0 0 4vw;
    width: auto;
    line-height: 1.5;
    font-size: 3.2vw;
    text-indent: 0;
  }

  .recommend-article p time {
    display: none;
  }

  .level3-content .recommend-article .return-list {
    margin-top: 14vw;
    text-align: center;
    /* line-height: 8.53333vw; */
    text-indent: 0;
  }

  .recommend-article .return-list a {
    display: inline-block;
    /* padding: 0 9.06666vw; */
    font-size: 2.4vw;
    border-radius: 4.26666vw;
    border: solid 1px #fff;
    width: 32.53333vw;
    height: 8.53333vw;
    line-height: 8.53333vw;
  }

  /***************************党建工作****************************/
  .party-news .news-bg {
    height: 94.93333vw;
    background-image: url(../images/party-bg-m.jpg);
  }

  .party-title {
    padding-top: 46.667vw;
    padding-bottom: 8vw;
    margin: auto;
    width: 73.3333%;
    border-bottom: solid 1px #fff;
  }

  .party-title h1 {
    margin: 0;
    font-size: 5.3333vw;
    font-weight: normal;
  }

  .party-title p {
    margin: 0 !important;
    width: 100%;
    text-align: center;
    font-size: 3.2vw;
    text-indent: 0;
  }

  .party-news .news-list .child {
    padding-top: 0;
  }

  /*****************************招聘*********************************/
  .job-p1 {
    min-height: 566.6666vw;
  }

  .job-p1 .page1-bg {
    background: url(../images/job-2-m.jpg) no-repeat 0 0 / contain;
    animation: none;
  }

  .job-p1 .page1-content {
    padding-top: 70.6666vw;
    padding-bottom: 20vw;
  }

  .job-p1 .h2,
  .job-p2 .h2,
  .job-p3 .h2,
  .job-p4 .h2 {
    font-size: 5.3333vw;
    font-weight: 500;
  }

  .job-p1 .p1,
  .job-p2 .p1,
  .job-p3 .p1,
  .job-p4 .p1 {
    margin-top: 1.3333vw;
    font-size: 3.2vw;
    line-height: 1.33;
    letter-spacing: 1px;
  }

  .job-p1 .p2 {
    margin-top: 9.33333vw;
    font-size: 3.73333vw;
    line-height: 1.43;
    text-align: justify;
  }

  .job-p1 p,
  .send-job {
    margin-left: auto;
    margin-right: auto;
    width: 73.333333%;
  }

  .job-p1 .p3 {
    margin-top: 9.33333vw;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: justify;
  }

  .send-job,
  .fold_box {
    margin-top: 10.6666vw;
  }

  .send-job {
    position: relative;
    width: 85.6vw;
  }

  .send-job h4 {
    font-size: 4vw;
    line-height: 1.1333;
    font-weight: normal;
  }

  .fold_tit {
    margin-bottom: 4vw;
    height: 11.733333vw;
    background-color: #fff;
  }

  .fold_tit name {
    padding-left: 6.6666vw;
    font-size: 4.8vw;
  }

  .fold_tit name sub {
    margin-left: 2.6666vw;
    font-size: 3.2vw;
  }

  .job-p1 .fold_tit p {
    margin: 0;
    padding-right: 6.6666vw;
    width: auto;
    font-size: 0;
  }

  .fold_tit p time {
    display: none;
  }

  .fold_tit p span {
    margin-left: 3vw;
    width: 4.8vw;
    height: 4.8vw;
  }

  .fold_con {
    padding: 0 6.13333vw 16vw;
    text-align: justify;
  }

  .job_description {
    margin-top: 8vw;
  }

  .job_description.cn {
    font-size: 3.73333vw;
    line-height: 1.93;
  }

  .job_description.en {
    font-size: 3.2vw;
    line-height: 1.5;
  }

  .job-p2 {
    min-height: 198vw;
  }

  .flus {
    position: relative;
    margin-top: 9.6vw;
    text-align: center;
  }

  .flus li {
    margin: 4vw 6.666666vw 0;
    width: 25.33333vw;
    height: 25.33333vw;
  }

  .flus li.fs3,
  .flus li.fs4,
  .flus li.fs5,
  .flus li.fs6,
  .flus li.fs7,
  .flus li.fs8,
  .flus li.fs9 {
    margin-top: -5.33333vw;
  }

  .flus li.fs3,
  .flus li.fs6 {
    margin-left: 18.66666vw;
    margin-right: 18.66666vw;
  }

  .flus li i {
    height: 9.6vw;
  }

  .flus li span {
    padding-top: 2.66666vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }

  .flus li.fs3 div,
  .flus li.fs4 div,
  .flus li.fs5 div,
  .flus li.fs6 div,
  .flus li.fs7 div,
  .flus li.fs8 div,
  .flus li.fs9 div {
    -webkit-transform: rotate(-45deg) translate(-12%, -90%);
    -moz-transform: rotate(-45deg) translate(-12%, -90%);
    -ms-transform: rotate(-45deg) translate(-12%, -90%);
    -o-transform: rotate(-45deg) translate(-12%, -90%);
    transform: rotate(-45deg) translate(-12%, -90%);
  }

  .job-p3 {
    min-height: 208.3333vw;
  }

  .job-p3 h2,
  .job-p4 h2 {
    padding-top: 14vw;
  }

  #envirnmentTab {
    margin: 8vw auto;
    height: 8vw;
    width: 73.3333%;
  }

  #envirnmentTab .swiper-slide {
    height: 100%;
    font-size: 3.73333vw;
    line-height: 8vw;
    font-weight: 600;
    background-color: rgb(255, 255, 255, 0.1);
    border-radius: 4vw;
  }

  #envirnmentTab .work-tab {
    color: #0075c1;
    background-color: #fff;
  }

  .envtabPrev,
  .envtabNext {
    display: block;
  }

  .job-p3 .envtabPrev {
    margin: 0;
    top: 35.73163333vw;
    left: 3.2vw;
  }

  .job-p3 .envtabNext {
    margin: 0;
    top: 35.73163333vw;
    left: auto;
    right: 3.2vw;
  }

  #workEnvironment {
    margin: auto;
    width: 85.33333%;
    height: 131.33333vw;
  }

  #workEnvironment .swiper-slide {
    align-items: inherit;
  }

  .tu3,
  .tu2,
  .tu1,
  .workImg-left,
  .tu1-m,
  .tu2-m {
    width: 100%;
  }

  .tu3 {
    height: 51.3333vw;
  }

  .work-contents,
  .workImg-left {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }

  .workImg-left {
    height: 76.8vw;
  }

  .job-p4 {
    min-height: 610vw;
  }

  .culture-img {
    padding-top: 8vw;
    padding-bottom: 20vw;
    width: 100%;
  }

  .culture-img ul {
    display: table;
    width: 100%;
    overflow: hidden;
  }

  .job-p4 .culture-img li {
    display: flex;
    flex-wrap: wrap;
    float: left;
    line-height: 1;
    font-size: 0;
    width: 50%;
    height: 34.13333vw;
    overflow: hidden;
  }

  .job-p4 .culture-img li:last-child {
    display: none;
  }

  /* .job-p4 .culture-img li:nth-of-type(1),
    .job-p4 .culture-img li:nth-of-type(8),
    .job-p4 .culture-img li:nth-of-type(9),
    .job-p4 .culture-img li:nth-of-type(10),
    .job-p4 .culture-img li:nth-of-type(11){
        height: 68.266666vw;
        width: 100%;
    }
    .job-p4 .culture-img li:nth-of-type(2),
    .job-p4 .culture-img li:nth-of-type(3),
    .job-p4 .culture-img li:nth-of-type(4),
    .job-p4 .culture-img li:nth-of-type(5),
    .job-p4 .culture-img li:nth-of-type(6),
    .job-p4 .culture-img li:nth-of-type(7){
        width: 50%;
        height: 34.13333vw;
    } */

  .notice-container {
    position: absolute;
    top: 18.6666vw;
    /* padding: 0 2.6666vw; */
    /* width: calc(85.6% - 2.6666vw); */
    width: 85.6%;
    height: 5.86666vw;
    background-color: rgba(4, 25, 78, 1);
    font-size: 3.2vw;
    border-radius: 2.93333vw;
  }

  .notice-container name {
    padding-left: 9.6666vw;
    float: left;
    width: 16.6vw;
    height: 5.86666vw;
    line-height: 5.86666vw;
    font-weight: normal;
    background-color: #466ab2;
    border-radius: 2.93333vw 0 0 2.93333vw;
  }

  .notice-container name::before {
    left: 2.6666vw;
  }

  #jobNoticeM {
    width: calc(100% - 33vw);
    height: 5.86666vw;
    line-height: 5.8666vw;
    float: left;
    padding: 0 2.6666vw;
  }

  #jobNoticeM a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  /**************************联系我们*****************************/
  .content-bg {
    height: 88.8vw;
    background-image: url(../images/content-bg-m.jpg);
  }

  .contactUs,
  .english {
    position: relative;
    padding-top: 69.33333vw;
    padding-bottom: 21.33333vw;
    margin: auto;
    width: 86.466666vw;
  }

  .contactUs h2,
  .english h2 {
    font-size: 5.3333vw;
    font-weight: 500;
  }

  .contactUs .p1,
  .english .p1 {
    margin-top: 0.5vw;
    font-size: 3.2vw;
    line-height: 1.3333;
  }

  .ContactDetails {
    margin-top: 8vw;
  }

  .contact-Ul li:last-child {
    border-bottom: solid 0.53333vw #466ab2;
  }

  .contact-Ul li div {
    padding-left: 2.66666vw;
    padding-right: 4vw;
    font-size: 3.2vw;
    text-align: left;
  }

  .contact-Ul li div span {
    float: right;
  }

  .contact-Ul li div:first-child {
    line-height: 9.866666vw;
    background-color: #466ab2;
  }

  .contact-Ul li div:last-child {
    line-height: 12.8vw;
  }

  /******************搜索********************/
  .serach-container {
    position: relative;
    z-index: 1;
  }

  .serach-container .level3-contains {
    padding-top: 20vw;
    margin: auto;
    width: 80%;
  }

  .serach-txt {
    margin-bottom: 8vw;
    text-align: left;
    font-size: 4vw;
  }

  .serach-txt span {
    margin: 0 1.0666666vw;
    color: #0075c1;
  }

  .serach-container .news-list {
    padding: 0;
  }

  .serach-container .news-tabs {
    width: 100%;
  }

  .serach-container .news-tabs a {
    width: 30.909%;
  }

  .serach-container .news-list .child {
    padding-top: 6.66666vw;
    width: 100%;
  }

  .job-p4 .culture-img li img {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 540px) and (max-height: 900px) {
  .page2-content {
    top: 10vw;
  }

  .business-ul li {
    width: 38vw;
    height: 38vw;
  }

  .page2 .page2-content,
  .bBp3 .page3-content {
    top: 14vw;
  }

  .companys .page2-content {
    top: 66.2vw;
  }

  .about-p2 .page2-content {
    top: auto;
  }
}

@media screen and (min-width: 375px) and (max-width: 414px) and (max-height: 650px) {

  .page2-content,
  .page3-content {
    top: 8vw;
  }

  .business-ul {
    width: 62%;
  }

  .business-ul li {
    width: 32vw;
    height: 32vw;
  }

  .home-news {
    margin-top: 6vw;
  }

  .right-news li {
    margin-bottom: 6vw;
  }

  .companys .page5-content {
    top: 51.2vw;
  }
}

@media screen and (max-width: 360px) and (max-height: 600px) {
  .companys .page5-content {
    top: 51.2vw;
  }

  .business-ul {
    width: 62%;
  }

  .business-ul li {
    width: 32vw;
    height: 32vw;
  }
}

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

  .contactUs,
  .english {
    width: 90.466666vw;
  }

  .page2-content,
  .page3-content {
    top: 8vw;
  }

  .business-ul {
    width: 62%;
  }

  .business-ul li {
    width: 32vw;
    height: 32vw;
  }

  .home-news {
    margin-top: 5vw;
  }

  .right-news li {
    margin-bottom: 5vw;
  }

  .news-list li .time {
    width: 20%;
  }

  .address,
  .tel {
    margin-left: 6.67vw !important;
  }

  .companys .page5-content {
    top: 45.2vw;
  }
}

@media screen and (min-width: 1156px) {
  .guoji_logo {
    position: absolute;
    right: 3.2%;
    margin-left: 2%;
    width: 88px;
  }

  .top,
  .gotop {
    right: 4.2vw;
    bottom: 1vw;
    width: 5.2vw;
    height: 5.2vw;
  }

  .top::before,
  .gotop::before {
    width: 2.6vw;
    height: 2.86vw;
  }

  .menu-bar {
    /* height: 3.25vw; */
    height: 62px;
  }

  .menu-bar .zzcn-logo {
    /* margin-left: 6.4vw;
        width: 15vw; */
    margin-left: 3.2%;
    width: 218px;
  }

  .header-pc {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    top: 0;
    /* right: 4.2vw; */
    right: calc(2.2% + 2% + 88px);
    height: 100%;
  }

  .menu {
    margin-right: 2vw;
    height: 100%;
  }

  .menu>li {
    float: left;
    margin: 0 15px;
    /* line-height: 3.25vw; */
    line-height: 62px;
    position: relative;
    height: 100%;
  }

  .menu>li a {
    color: #231815;
    font-size: 16px;
    text-decoration: none;
  }

  .menu>li:hover>a,
  .menu>li.active>a {
    display: block;
    color: #d60e47;
    font-weight: bold;
  }

  .menu>li:hover>a:after,
  .menu>li.active>a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.21vw;
    background-color: #d60e47;
  }

  .menu>li:hover .sub-menu {
    display: block;
  }

  .sub-menu {
    display: none;
    position: absolute;
    /* top: 3.25vw; */
    top: 62px;
    width: 9vw;
    left: 50%;
    text-align: center;
    padding: 0.52vw 0;
    box-sizing: border-box;
    z-index: 3;
    background-color: #04588a;
    overflow: auto;
    transform: translateX(-50%);
  }

  .sub-menu li {
    padding: 0.52vw 0;
    text-align: center;
    line-height: 2;
  }

  .sub-menu li:hover {
    background-color: #73b0c9 !important;
  }

  .sub-menu li a {
    font-size: 14px;
    color: #fff;
  }

  .sub-menu li:hover a {
    color: #034065;
  }

  .nv-right {
    display: flex;
    color: #231815;
    align-items: center;
  }

  .cn_en {
    position: relative;
    padding-left: 0.52vw;
    color: #231815;
  }

  .cn_en::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #c2c7cc;
  }

  .cn_cn::after {
    content: "";
    position: absolute;
    top: 2px;
    right: -2vw;
    width: 1.5vw;
    height: 1.04vw;
    background: url(../images/e.jpg);
    background-size: cover;
    border-radius: 2px;
  }

  .ico-search {
    display: inline-block;
    margin-right: 0.52vw;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url(../images/i-s.png);
    background-size: cover;
    cursor: pointer;
  }

  .ico-search.ico-close {
    background-image: url(../images/i-c1.png);
  }

  .hd-text {
    padding: 0 1.0416666vw;
    width: 5.3125vw;
    height: 1.66666vw;
    font-size: 0.729166666vw;
    color: #231815;
    border-radius: 0.888888vw;
    background-color: #dbe8f3;
    background-clip: padding-box;
    border: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .search-input {
    margin-right: 0.52vw;
    /* width: 10vw; */
    width: 11.45833333vw;
  }

  .search-input.show {
    position: relative;
  }

  .search-input .text-search {
    position: absolute;
    right: 0;
    top: 50%;
    width: 3.64583333vw;
    height: 100%;
    font-size: 0.729166666vw;
    text-align: center;
    color: #fff;
    line-height: 1.666666vw;
    border-radius: 0.888888vw;
    transform: translateY(-50%);
    background-color: #0075c1;
    border: none;
  }

  .home-first-content {
    height: 50%;
    margin-top: 0vw;
  }

  .home-first-content .index-h1 {
    /* font-size: 2.0833333vw; */
    font-size: 40px;
  }

  .act {
    display: block;
    position: absolute;
    /* left: 50%; */
    /* left: 0; */
    right: 0;
    width: 200px;
    bottom: 4.4vw;
    z-index: 8;
    margin: auto;

    /* height: 4.2vw; */
    text-align: center;
    /* transform: translateX(-50%); */
  }

  .act a {
    display: block;
    margin: auto;
    width: 1.25vw;
    height: 1.97916666vw;
    -webkit-animation: nudgeMouse 1s ease-out infinite;
    animation: nudgeMouse 1s ease-out infinite;
  }

  .act img {
    width: 1.25vw;
  }

  .act::after {
    content: "";
    position: absolute;
    /* top: .364583333vw; */
    /* left: 50%; */
    /* margin-left: -.05208333vw; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0.10416666vw;
    height: 0.3125vw;
    border-radius: 0.15625vw;
    background-color: #ffffff;
    -webkit-animation: trackBallSlide 3s linear infinite;
    animation: trackBallSlide 3s linear infinite;
  }

  .act p {
    position: absolute;
    bottom: -3.4vw;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    -webkit-animation: nudgeText 5s ease-out infinite;
    animation: nudgeText 5s ease-out infinite;
  }

  @-webkit-keyframes nudgeText {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    20% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    50% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    80% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    90% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @keyframes nudgeText {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    20% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    30% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    50% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    80% {
      -webkit-transform: translateY(2px);
      transform: translateY(2px);
    }

    90% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }

  @-webkit-keyframes nudgeMouse {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    100% {
      -webkit-transform: translateY(1.2vw);
      transform: translateY(1.2vw);
    }
  }

  @keyframes nudgeMouse {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    100% {
      -webkit-transform: translateY(1.2vw);
      transform: translateY(1.2vw);
    }
  }

  @-webkit-keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(1vw);
      transform: scale(1) translateY(1vw);
    }

    50% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(0.5vw);
      transform: scale(0.4) translateY(0.5vw);
    }

    100% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(1vw);
      transform: scale(1) translateY(1vw);
    }
  }

  @keyframes trackBallSlide {
    0% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(1vw);
      transform: scale(1) translateY(1vw);
    }

    50% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(0.5vw);
      transform: scale(0.4) translateY(0.5vw);
    }

    100% {
      opacity: 1;
      -webkit-transform: scale(1) translateY(1vw);
      transform: scale(1) translateY(1vw);
    }
  }

  /* .act:after,
    .act:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        pointer-events: none;
        box-sizing: content-box;
    }
    .act:before {
        width: 4.2vw;
        height: 4.2vw;
        border: 1px solid #fff;
        -moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }
    .act:after {
        width: 3.96vw;
        height: 3.96vw;
        border: 2px solid #fff;
        background-color: rgba(255, 255, 255, 0.1);
        opacity: 0;
        -webkit-transform: scale(0.5, 0.5);
           -moz-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
                transform: scale(0.5, 0.5);
        -webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
           -moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
             -o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
                transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    }
    .act:hover:before {
        opacity: 0;
        -webkit-transform: scale(1.5, 1.5);
           -moz-transform: scale(1.5, 1.5);
            -ms-transform: scale(1.5, 1.5);
                transform: scale(1.5, 1.5);
        -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
           -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
             -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
                transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .act:hover:after {
        opacity: 1;
        -webkit-transform: scale(1, 1);
           -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
    } */

  .business-ul {
    /* margin-top: 4.6vw; */
    margin-top: 40px;
  }

  .business-ul li {
    /* margin: 0 1.25vw; */
    /* width: 19.479166666%;
        height: 19.479166666%; */
    margin: 0 18px;
    width: 374px;
    height: 374px;
  }

  .business-ul li a span {
    /* font-size: 1.66666vw; */
    font-size: 32px;
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8);
  }

  .news-mains {
    margin-top: 6.8vw;
  }

  #homeSwipe {
    margin: 0 3.9vw 0 0;
  }

  #homeSwipe,
  .home-news {
    /* width: 37vw;
        height: 25vw; */
    width: 588px;
    height: 380px;
  }

  #homeSwipe .swiper-slide,
  .right-news {
    height: 83.4%;
    width: 100% !important;
  }

  .new-contents {
    bottom: 1.04166666vw;
    margin-left: 1.25vw;
    /* width: 26vw;
        font-size: 1.04166666vw; */
    width: 67%;
    font-size: 20px;
    line-height: 1.33;
  }

  .home-pagination,
  .aboutP1 {
    height: 3px;
  }

  #homeSwipe .swiper-pagination-bullet,
  #aboutPage1 .swiper-pagination-bullet,
  #culture .swiper-pagination-bullet {
    margin: 0 15px;
    /* width: 2.6vw; */
    width: 50px;
    height: 3px;
  }

  #homeSwipe .home-prev,
  #homeSwipe .home-next,
  #aboutPage1 .aboutPrev,
  #aboutPage1 .aboutNext,
  #culturePrev,
  #cultureNext,
  .job-p3 .workenvPrev,
  .job-p3 .workenvNext {
    margin: 0;
    width: 2.64vw;
    height: 2.64vw;
    background-size: cover;
  }

  #homeSwipe .home-prev,
  #homeSwipe .home-next {
    top: 35%;
    left: auto;
  }

  #homeSwipe .home-prev {
    left: 4%;
  }

  #homeSwipe .home-next {
    right: 4%;
  }

  #aboutPage1 .aboutPrev,
  .job-p3 .workenvPrev,
  #culturePrev {
    /* left: 15.2%; */
    left: 6.4%;
  }

  #aboutPage1 .aboutNext,
  .job-p3 .workenvNext,
  #cultureNext {
    left: auto;
    /* right: 15.2%; */
    right: 6.4%;
  }

  .news-more {
    position: absolute;
    left: 0;
    /* bottom: .52083333vw; */
    bottom: 10px;
    display: block;
    /* padding-right: 1vw;
        padding-bottom: .2vw; */
    padding-right: 20px;
    /* padding-bottom: 10px; */
    /* font-size: .9375vw; */
    font-size: 18px;
  }

  /* .news-more::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 13px;
    background: url(../images/i-r.png) no-repeat 0 0;
    transform: translateY(-50%);
  } */
  /* .news-more::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
  } */
  .right-news {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .right-news li {
    /* font-size: 1.04166666vw; */
    font-size: 20px;
  }

  .right-news li span strong {
    /* font-size: 2.083333vw; */
    font-size: 40px;
  }

  .right-news li span small {
    /* font-size: .625vw; */
    font-size: 12px;
  }

  .right-news li a {
    width: 86%;
  }

  .page4-content {
    /* margin-top: 2.7vw;
    height: calc(100% - 2.7vw); */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }

  .page4-content li {
    width: 33.3333%;
    /* height: 26.25vw; */
    height: 100%;
  }

  .page4-content li div .h3,
  .page4-content li div .p1 {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  }

  .swiper-slide5 {
    /* height: 20vw!important; */
    height: 380px !important;
    min-height: 380px !important;
  }

  .home-footer-pc {
    display: flex;
    /* margin-left: 6.4vw;
        margin-right: 4.2vw; */
    margin-left: 6.4%;
    margin-right: 4.2%;
    justify-content: space-between;
    align-items: flex-start;
    /* font-size: .9375vw; */
    font-size: 18px;
    text-align: left;
  }

  .footer-content,
  .footer-link,
  .footer-us {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /* height: 8.33333vw; */
    height: 170px;
  }

  .home-footer-pc h6 {
    /* margin-bottom: 2.6vw; */
    display: block;
    width: 100%;
    /* font-size: 1.04vw; */
    font-size: 20px;
    font-weight: normal;
  }

  .content-ft p,
  .content-ft strong {
    font-size: 14px;
    position: relative;
    /* margin-bottom: 1vw; */
    /* padding-left: 1.8vw; */
    /* padding-left: 30px; */
    width: 100% !important;
  }

  .content-ft p {
    margin: 0 !important;
    letter-spacing: 0 !important;
  }

  .content-ft strong {
    /* font-size: 1.25vw; */
    font-size: 24px;
  }

  .content-ft strong,
  .content-ft small {
    display: block;
  }

  .content-ft small,
  .us-ft span small,
  .link-ft a {
    /* font-size: .73vw; */
    font-size: 14px;
  }

  /* .content-ft p::before,
  .content-ft strong::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background: url(../images/add-i.png);
    background-size: cover;
  }
  .content-ft strong::before {
    background-image: url(../images/i-tel.png);
  } */
  .link-ft,
  .us-ft,
  .content-ft {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    /* height: 5.79166666vw; */
    height: 120px;
    width: 100%;
  }

  .link-ft a,
  .us-ft span {
    display: block;
    width: 48%;
  }

  /* .link-ft a{
        line-height: 3;
    } */
  .link-ft a:hover {
    color: #98d3fa;
  }

  .link-ft a:active {
    color: #0075c1;
  }

  .us-ft span {
    position: relative;
    text-align: center;
    cursor: pointer;
  }

  .us-ft span:hover p {
    display: block;
  }

  .wechat-code,
  .mobile-code {
    position: absolute !important;
    top: 0;
    left: 50%;
    /* width: 4.5vw;
        height: 4.5vw; */
    width: 88px !important;
    height: 88px;
    transform: translateX(-50%);
  }

  .us-ft span i,
  .us-ft span small {
    display: block;
  }

  .us-ft span i {
    margin: auto;
    /* width: 4.5vw;
        height: 4.5vw; */
    width: 88px;
    height: 88px;
    border-radius: 50%;
  }

  .footer-us h6 {
    padding-left: 11%;
  }

  .us-ft span small {
    margin-top: 4px;
  }

  .footer-content {
    width: 400px;
  }

  .footer-us {
    width: 400px;
  }

  .footer-link {
    width: 400px;
  }

  /************************关于************************/
  .about-p1,
  .page5,
  .page6,
  .page8 {
    z-index: 10;
  }

  #aboutPage1 {
    display: block;
  }

  .h1-m {
    display: none !important;
  }

  #aboutPage1 .swiper-slide {
    background-size: cover;
  }

  .about1 {
    background: url(../images/about-p-1.jpg);
  }

  .about2 {
    background: url(../images/about-p-2.jpg);
  }

  .about3 {
    background: url(../images/about-p-3.jpg);
  }

  .text-contents small {
    display: block;
  }

  .text-contents h1 {
    /* font-size: 2.083333vw; */
    font-size: 40px;
    font-weight: normal;
  }

  .text-contents h3 {
    /* margin-bottom: 1vw; */
    margin-bottom: 15px;
    /* font-size: 1.25vw; */
    font-size: 24px;
    font-weight: normal;
  }

  .about1 h1 {
    /* margin-bottom: 2.6vw; */
    margin-bottom: 20px;
  }

  .about1 p {
    /* margin-bottom: 2.6vw; */
    margin-bottom: 20px;
    /* font-size: 1.0416666vw; */
    font-size: 20px;
    line-height: 1.875;
  }

  .about1 small {
    /* font-size: .72916666vw; */
    font-size: 20px;
    line-height: 1.5;
  }

  .about2 small,
  .about3 small {
    /* font-size: 1.0416666vw; */
    font-size: 20px;
    line-height: 1.5;
  }

  .about3 h1,
  .about2 h1 {
    /* margin-bottom: 1.5625vw; */
    margin-bottom: 25px;
  }

  #aboutPage1 .aboutP1 {
    bottom: 7.5vw;
  }

  .about-p2 .page2-bg {
    background-image: url(../images/about-p2.jpg);
  }

  .about-p2 .h2,
  .content-right .h2,
  .about-p4 .h2,
  .about-p5 .h2,
  .about-p6 .h2,
  .about-p7 .h2,
  .about-p8 .h2 {
    /* font-size: 1.66666vw; */
    font-size: 32px;
    font-weight: 500;
  }

  .about-p2 .p2,
  .about-p2 .p3 {
    margin: 3.17vw auto 0;
    /* width: 46.7916666%; */
    width: 944px;
    text-align: left;
  }

  .about-p2 .p2,
  .content-right .p2 {
    /* font-size: .9375vw; */
    font-size: 16px;
    line-height: 1.5;
  }

  .content-right .p2 {
    text-indent: 35px;
  }

  .about-p2 .p3,
  .content-right .p3 {
    /* font-size: .625vw; */
    font-size: 15px;
    line-height: 1.5;
  }

  .more-a {
    margin-top: 3.125vw;
    text-align: center;
  }

  .more-a a {
    /* padding: 0 4.6875vw;
        line-height: 3.33vw; */
    /* font-size: .72916666vw; */
    /* border-radius: 1.67vw; */
    /* width: 7.60416666vw;
        height: 2.08333333vw;
        line-height: 2.08333333vw; */
    text-align: center;
    /* border-radius: 1.04166666vw; */
    width: 146px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 20px;
  }

  .about-p2 .p2,
  .about-p2 .p3,
  .content-right .p2 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
  }

  .about-p2 .p2 {
    -webkit-line-clamp: 5;
    text-indent: 35px;
  }

  .about-p2 .p3 {
    -webkit-line-clamp: 4;
    /* text-indent: 35px; */
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  .content-right .p2 {
    -webkit-line-clamp: 7;
  }

  .about-p3 .page3-bg {
    background-image: url(../images/about-p3.jpg);
  }

  .about-p3 .page3-content {
    display: flex;
    width: 76.25%;
    justify-content: flex-end;
  }

  .signature {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    width: 76.25%;
    height: 7.6vw;
    bottom: 1.6vw;
    text-align: left;
    /* font-size: .833vw; */
    font-size: 14px;
    line-height: 1.5;
    align-items: center;
  }

  .signature span {
    position: absolute;
    display: block;
    left: 0;
    width: 17vw;
  }

  .signature small {
    display: block;
    position: absolute;
    left: 0;
    bottom: 7.5vw;
    width: 13vw;
    text-align: right;
    /* font-size: .729166666vw; */
    font-size: 14px;
  }

  .content-right {
    /* width: 50vw; */
    text-align: left;
  }

  .content-right .h2,
  .content-right .p1 {
    text-align: center;
  }

  .symbol-left img,
  .symbol-right img {
    width: 2.8125vw;
  }

  .symbol-left {
    margin-top: 2vw;
    margin-bottom: 1vw;
  }

  .symbol-left img {
    transform: rotateZ(180deg);
  }

  .symbol-right {
    text-align: right;
    margin: 1vw 0;
  }

  .about-p4 .page4-bg {
    background-image: url(../images/about-p4.jpg);
  }

  .about-p4 .page4-content {
    margin: 0;
    height: auto;
    display: block;
    top: 55% !important;
  }

  #culture {
    margin-top: 4.167vw;
    /* width: 84%;
        height: 32.8vw; */
    /* width: 62.5%; */
    width: 1200px;
    height: 530px;
    /* height: 30vw; */
  }

  .bom {
    width: 100%;
    height: calc(100% - 2.54vw);
  }

  #culture .swiper-wrapper {
    justify-content: space-between;
  }

  #culture #culturePage {
    bottom: 0;
  }

  #culture .swiper-slide {
    /* margin-right: 2%; */
    /* width: 23.5%; */
    width: 25%;
    height: 80.9027777%;
  }

  #culture .swiper-slide:nth-child(4n) {
    margin-right: 0;
  }

  .tp,
  .bom {
    padding-top: 2.54vw;
  }

  .tp {
    padding-left: 1.5vw;
  }

  .bom * {
    margin-left: 30px;
  }

  .job-p4 .culture-img li img {
    margin: 0;
  }

  .tp .h3,
  .bom .h3 {
    /* font-size: 1.4583333vw; */
    font-size: 28px;
  }

  .tp .p1,
  .bom .p1 {
    /* font-size: .729166666vw; */
    font-size: 14px;
  }

  .tp .h1 {
    margin-top: 2vw;
    /* font-size: 2.083333vw; */
    font-size: 32px;
    line-height: 1.35;
  }

  .bom .h4 {
    margin-top: 1.0416666vw;
    padding-right: 1vw;
    /* font-size: .9375vw; */
    font-size: 18px;
    color: #e0f2fb;
    line-height: 1.6666;
  }

  .bom a {
    bottom: 6.7%;
    padding-right: 1vw;
    padding-bottom: 0.52vw;
    /* font-size: .72916666vw; */
    font-size: 14px;
  }

  .bom a:after {
    /* top: .2vw;
        width: .35vw;
        height: .6vw; */
    top: 0;
    width: 7px;
    height: 13px;
  }

  .about-p7 .p2,
  .about-p8 .p2,
  .about-p9 .p2 {
    margin-top: 3vw;
    /* font-size: .9375vw; */
    font-size: 18px;
    line-height: 1.88888;
  }

  .about-p7 .p3,
  .about-p8 .p3 {
    font-size: 0.9375vw;
    line-height: 3;
  }

  .about-p7 .p2,
  .about-p7 .p3,
  .about-p8 .p3 {
    display: none;
  }

  .serve-swipe {
    margin-top: 4.17vw;
    width: 83.6%;
    height: 23.4vw;
  }

  #clients {
    margin: auto;
    width: 91.2%;
    height: 84.4%;
  }

  .serve-swipe .serve-prev,
  .serve-swipe .serve-next,
  .honor .honor-prev,
  .honor .honor-next {
    width: 2.64vw;
    height: 2.64vw;
  }

  .honor .honor-prev,
  .honor .honor-next {
    margin-top: -1.32vw;
  }

  .aodi {
    width: 9.9vw;
  }

  .yiqi {
    width: 14.5vw;
  }

  .xuefulan {
    width: 6.25vw;
  }

  .fute {
    width: 5.83vw;
  }

  .dazhong {
    width: 12.92vw;
  }

  .haval {
    width: 11vw;
  }

  .mobil {
    width: 11.46vw;
  }

  .volvo {
    width: 4.48vw;
  }

  .beiqi {
    width: 13.7vw;
  }

  .hezhong {
    width: 11.46vw;
  }

  .mazda {
    width: 4.27vw;
  }

  .exeed {
    width: 16.72vw;
  }

  .zhijun {
    width: 11.72vw;
  }

  .jeep {
    width: 6.25vw;
  }

  .hongqi {
    width: 5.625vw;
  }

  .nissan {
    width: 4.48vw;
  }

  .xiandai {
    width: 12.92vw;
  }

  .aichi {
    width: 12.4vw;
  }

  .land {
    width: 7.2vw;
  }

  .serve-swipe .swiper-slide img {
    margin: 0 0.52vw;
  }

  .about-p8 .p2,
  .about-p8 .p3,
  .about-p9 .p2 {
    margin-left: auto;
    margin-right: auto;
    /* width: 44.010416666vw; */
    width: 870px;
    text-align: justify;
  }

  .about-p8 .p3 {
    margin-top: 0.52vw;
    line-height: 1.3;
  }

  .aptitude-top_pc {
    display: flex;
    margin: 2.083333vw auto 3vw;
    /* width: 62.5vw;
        height: 23.59375vw; */
    width: 1200px;
    height: 455px;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .aptitude-top_pc li {
    position: relative;
    display: flex;
    /* align-items: flex-end; */
    align-content: space-between;
    /* width: 14vw; */
    /* width: 11.4583333vw; */
    width: 220px;
    height: 100%;
    flex-wrap: wrap;
  }

  /* .aptitude-top_pc li .zizhi:first-child{
        margin-bottom: 1.5625vw;
    } */
  .zizhi .bom {
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1vw;
    color: #e0f2fb;
    line-height: 1.5;
    text-align: center;
    background-color: #1a3670;
    opacity: 0;
  }

  .zizhi:hover .bom {
    top: 0;
    opacity: 1;
  }

  .zizhi {
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }

  .about-p8 .page8-content {
    top: 15vh;
    transform: translateX(-50%);
  }

  .about-p8 #ziZhi .swiper-slide {
    /* height: 76vw!important; */
    height: 1300px;
  }

  .aptitude-bottom {
    display: flex;
    margin: 2.083333vw auto 0;
    /* height: 16.4vw;
        width: 50.3125vw; */
    /* width: 44.010416666vw;
        height: 14.427083333vw; */
    /* width: 845px;
        height: 280px; */
    width: 955px;
    height: 312px;
    justify-content: space-between;
  }

  .aptitude-bottom li {
    width: 48.2%;
    height: 100%;
  }

  .about-p9 .home-footer-pc {
    margin: auto;
    width: 87.5%;
  }

  .honor {
    position: relative;
    margin: 2.6vw auto 0;
    /* width: 83.6%;
        height: 35.625vw; */
    /* width: 69.635416666%;
        height: 33.3333vw; */
    width: 1338px;
    height: 550px;
  }

  #honors {
    margin: auto;
    /* width: 87%;
        height: 87.72%; */
    width: 89.753178758%;
    height: 85.15625%;
  }

  .honor-page {
    bottom: 0;
    width: 100%;
  }

  .honor-page .swiper-pagination-bullet {
    position: relative;
    padding: 0 10px;
    margin: 0 10px;
    width: auto;
    /* height: 1.67vw; */
    height: 32px;
    text-align: center;
    /* line-height: 1.67vw;
        font-size: 1.0416666vw; */
    line-height: 32px;
    font-size: 20px;
    color: #fff;
    opacity: 1;
    background: none;
    border: none;
    border-radius: 0;
  }

  .honor-page span.class7,
  .honor-page span.class8 {
    /* padding: 0 .677vw;
        margin: 0 .78125vw;
        font-size: 1vw; */
    padding: 0 10px;
    margin: 0 10px;
    font-size: 20px;
  }

  .honor-page span.class7::after,
  .honor-page .swiper-pagination-bullet::after {
    content: "|";
    position: absolute;
    margin-left: 20px;
    color: #fff;
  }

  .honor-page span.class7::after {
    display: inline-block;
  }

  .honor-page .swiper-pagination-bullet:last-child::after {
    display: none;
  }

  .honor-page .swiper-pagination-bullet-active {
    color: #0075c1;
    font-weight: bold;
    background: #fff;
    /* border-radius: .84vw; */
    border-radius: 16px;
  }

  #honors .swiper-slide {
    display: block;
    background-color: #fff;
    box-shadow: 1px 1px 1.167vw rgba(6, 20, 48, 0.55);
  }

  .honor-img {
    width: 100%;
    /* height: 18vw; */
    /* height: 16.302083333vw; */
  }

  .honor-text {
    padding: 0 2vw;
    /* margin-top: 1.5625vw; */
    margin-top: 15px;
    /* font-size: .833333vw; */
    font-size: 16px;
    line-height: 1.5625;
    color: #000;
    text-align: left;
  }

  .honor-text h3 {
    /* margin-bottom: 1vw; */
    /* margin-bottom: 10px; */
    /* font-size: 1.40625vw; */
    font-size: 28px;
  }

  .organization {
    display: block;
    margin: 1.35vw auto 0;
    width: 65vw;
  }

  /********************************简介****************************/
  .brief-bg {
    height: 52.5vw;
    background-image: url(../images/jj_bg.jpg);
  }

  .level3-content h2 {
    padding-top: 30vw;
  }

  .level3-content h2,
  .speech-main h2 {
    /* font-size: 1.666666vw; */
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 0.2vw;
  }

  .level3-content h3,
  .speech-main h3 {
    margin-top: 0.5vw;
    /* font-size: 1.04166666vw; */
    font-size: 20px;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 1px;
  }

  .level3-content p,
  .level3-content small,
  .speech-main p,
  .qianm {
    display: block;
    margin: 0 auto 2.4vw;
    width: 57.8%;
    text-align: justify;
  }

  .level3-content p:nth-of-type(1),
  .speech-main p:nth-of-type(1) {
    margin-top: 3.6vw;
  }

  .level3-content p,
  .speech-main p {
    /* font-size: .9375vw; */
    font-size: 18px;
    line-height: 1.5;
    text-indent: 35px;
  }

  .level3-content small {
    /* font-size: .625vw; */
    font-size: 15px;
    line-height: 1.5;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  /*******************************领导*******************************/
  .speech-bg {
    height: 52.5vw;
    background-image: url(../images/ld-bg.jpg);
  }

  .speech-text {
    position: relative;
    padding-left: 25.3125vw;
    padding-top: 10.46vw;
    margin: auto;
    width: 32.4575vw;
    /* height: 13.59375vw; */
    height: 261px;
    text-align: left;
    display: flex;
    align-items: center;
  }

  .speech-text p {
    /* padding: 1vw 0 2vw 2.6vw; */
    padding-left: 2.6vw;
    /* font-size: .67708333vw; */
    font-size: 13px;
    line-height: 1.6923;
    color: #bbdef9;
    text-align: justify;
  }

  .line {
    position: absolute;

    top: 10.46vw;
    left: 25.3125vw;
    /* width: 7.864583333vw;
        height: 13.59375vw; */
    width: 151px;
    height: 261px;
    /* height: 100%; */
    background: url(../images/xian-pc.png) no-repeat 0 0;
    background-size: cover;
  }

  .speech-main {
    margin-top: 7.2916666vw;
  }

  /* .speech-main h2{
        margin-top: 9.9vw;
    } */
  .qianm img {
    width: 9.75vw;
  }

  .qianm span {
    margin-right: 1vw;
    margin-top: -1.78125vw;
    /* font-size: .72916666vw; */
    font-size: 14px;
    line-height: 1.5;
  }

  /****************************文化*******************************/
  .tabs-cultures {
    position: absolute;
    top: 13.54vw;
    left: 6.4vw;
    /* width: 76.25vw; */
    width: 9.3vw;
    /* transform: translateX(-50%); */
    z-index: 10;
  }

  #cultureTab {
    margin: 0;
  }

  .tabs-cultures .swiper-slide {
    display: block;
    margin-bottom: 0.8vw;
    padding-left: 1.3vw;
    height: auto;
    text-align: left;
    cursor: pointer;
  }

  .tabs-cultures .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0.4vw;
    left: 0;
    /* width: .3125vw;
        height: .3125vw; */
    width: 8px;
    height: 8px;
    border: solid 1px #fff;
    border-radius: 50%;
  }

  .tabs-cultures .active-nav::before {
    background-color: #fff;
  }

  .nav-name {
    color: rgba(255, 255, 255, 0.5);
  }

  .nav-name h4 {
    /* font-size: .72916666vw; */
    font-size: 14px;
    font-weight: normal;
  }

  .nav-name small {
    font-size: 0.73vw;
    line-height: 2;
  }

  .tabs-cultures .active-nav .nav-name {
    color: #fff;
  }

  .companys .page1-bg {
    background-image: url(../images/qy-1.jpg);
  }

  /* .companys .firmP1{
        height: 65vw;
    } */

  .companys .swiper-slide {
    min-height: 100%;
  }

  .companys h3 {
    /* font-size: 1.66666vw; */
    font-size: 32px;
    font-weight: normal;
  }

  .companys .p1 {
    /* margin-top: 0.52vw!important; */
    margin-top: 8px !important;
    /* font-size: 1.04166666vw; */
    font-size: 20px;
    line-height: 1.33;
  }

  .companys h1 {
    /* margin-top: 1.167vw; */
    margin-top: 30px;
    /* font-size: 2.083333vw; */
    font-size: 40px;
    line-height: 1.33;
    font-weight: normal;
  }

  .companys p {
    margin: auto;
    /* width: 49.759583333vw; */
    width: 995px;
    letter-spacing: 1px;
  }

  .companys .p2 {
    /* font-size: .9375vw; */
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    text-align: justify;
  }

  .firmP1 p:nth-of-type(3),
  .companys p:nth-of-type(3) {
    /* margin-bottom: 2vw;
        margin-top: 3.125vw; */
    margin-bottom: 30px;
    margin-top: 40px;
  }

  .firmP7 p:nth-of-type(5) {
    /* margin-bottom: 3vw; */
    margin-bottom: 50px;
  }

  .companys .home-first-content {
    position: absolute;
    margin: 0;
  }

  /* .companys .firmP2{
        height: 62.5vw;
    } */
  .companys .page2-bg {
    background-image: url(../images/qy-2.jpg);
  }

  .firmP6 h1:nth-of-type(3),
  .firmP7 h1:nth-of-type(3) {
    margin-top: 70px;
  }

  .firmP8 p:nth-of-type(4),
  .firmP7 p:nth-of-type(4) {
    text-align: left;
  }

  /* .companys .firmP3{
        height: 60.3125vw;
    } */
  .companys .page3-bg,
  .companys .page4-bg,
  .companys .page5-bg,
  .companys .page6-bg,
  .companys .page7-bg,
  .companys .page8-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/qy-3.jpg) no-repeat 0 0 / cover;
  }

  .companys .firmP4 .swiper-slide {
    /* height: 70.8vw; */
    /* display: block;
        height: auto; */
    height: 1126px;
  }

  /* .companys .firmP4 .swiper-slide .page4{
        position: relative;
        min-height: 100vh;
    }
    .companys .firmP4 .swiper-slide .page4-content{
        padding-bottom: 90px;
        height: auto;
    } */
  .companys .page4-bg {
    background-image: url(../images/qy-4.jpg);
  }

  .companys .page4-content,
  .companys .page5-content,
  .companys .page6-content,
  .companys .page7-content,
  .companys .page8-content {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    margin: 0;
  }

  .companys .page4-content {
    padding-bottom: 70px;
    height: auto;
  }

  .companys .page7-content,
  .companys .page4-content,
  .companys .page8-content {
    top: 0;
    padding-top: 400px;
  }

  .companys .page7-content,
  .companys .page8-content {
    padding-bottom: 90px;
  }

  .companys .page2-content,
  .companys .page3-content,
  .companys .page5-content

  /* .companys .page6-content, 
    .companys .page7-content,
    .companys .page8-content*/
    {
    /* top: 23.96vw; */
    /* top: 30%; */
    top: 50%;
  }

  .Qspirits {
    /* margin: 5.2vw auto 3vw; */
    /* width: 49.759583333vw; */
    margin: 50px auto 40px;
    width: 955px;
    display: flex;
    justify-content: space-between;
  }

  .Qspirits li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 18.47%;
    /* height: 7.2vw; */
    height: 176px;
    background-color: rgba(70, 106, 178, 0.2);
    border-radius: 100%;
  }

  .Qspirits li * {
    display: block;
    width: 100%;
  }

  .Qspirits li strong {
    /* font-size: 2.083333vw; */
    font-size: 40px;
    font-weight: 400;
  }

  .Qspirits li small {
    /* margin-top: .4vw; */
    /* font-size: 1.0416666vw; */
    margin-top: 5px;
    font-size: 20px;
  }

  .firmP4 .p2 {
    margin-bottom: 30px !important;
    margin-top: 0 !important;
  }

  .companys .page5-bg {
    background-image: url(../images/qy-5.jpg);
  }

  .companys .page6-bg {
    background-image: url(../images/qy-6.jpg);
  }

  /* .companys .firmP6 .swiper-slide{
        height: 63.54vw;
    } */

  .companys .firmP7 .swiper-slide {
    /* height: 94.5vw; */
    height: 1406px;
  }

  .companys .page7-bg {
    background-image: url(../images/qy-7.jpg);
  }

  .talents-pc {
    /* margin: 2.6vw auto 0; */
    margin: 30px auto 0;
    /* width: 49.84375vw; */
    width: 955px;
    height: 320px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }

  .talents-pc li {
    width: 22.95%;
    background-color: #1a3670;
  }

  .talents-pc li h3 {
    /* padding-top: 1.5vw;
        font-size: 1.6666vw; */
    padding-top: 25px;
    font-size: 32px;
    font-weight: normal;
  }

  .talents-pc li .p1 {
    /* padding-bottom: 2vw; */
    padding-bottom: 20px;
    width: auto;
    height: 52px;
  }

  .talents-pc li .p3 {
    margin: 0;
    /* padding: 1vw; */
    padding: 20px;
    width: auto;
    /* height: 9.4583vw; */
    height: 153px;
    /* font-size: .72916666vw; */
    font-size: 14px;
    line-height: 1.7;
    background-color: #466ab2;
    text-align: justify;
  }

  .companys .page8-bg {
    background-image: url(../images/qy-8.jpg);
  }

  .companys .firmP8 .swiper-slide {
    /* height: 75.68vw; */
    height: 1120px;
  }

  /*******************************业务************************************/
  .bBp3 .page3-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/yw-1.jpg) no-repeat 0 0 / cover;
  }

  .bBp3 .page3-content,
  .bBp5 .page5-content,
  .bBp6 .page6-content {
    /* top: 7.7vw; */
    /* top: 30%; */
    top: 50%;
    /* width: 51.875%; */
    width: 955px;
  }

  .bBp3 .p2,
  .bBp3 .p3,
  .bBp5 .p2,
  .bBp5 .p3,
  .bBp6 .p2,
  .bBp6 .p3,
  .media-top_main .p2,
  .media-top_main .p3 {
    text-align: justify;
  }

  .bBp3 .p2,
  .bBp5 .p2,
  .bBp6 .p2,
  .media-top_main .p2 {
    /* font-size: .9375vw; */
    font-size: 18px;
    line-height: 1.5;
  }

  .bBp3 .p3,
  .bBp5 .p3,
  .bBp6 .p3,
  .media-top_main .p3 {
    /* font-size: .625vw; */
    font-size: 15px;
    line-height: 1.5;
  }

  .bBp3 .p1,
  .bBp5 .p1,
  .bBp6 .p1,
  .media-top_main .p1 {
    /* margin-bottom: 3.125vw; */
    margin-bottom: 40px;
  }

  .bBp3 .p3,
  .bBp5 .p3,
  .bBp6 .p3,
  .media-top_main .p3 {
    /* margin-top: 3.125vw; */
    margin-top: 40px;
  }

  .media-top_main .p3,
  .bBp5 .p3,
  .bBp6 .p3 {
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
  }

  .bBp3 p:nth-of-type(2),
  .bBp5 p:nth-of-type(2),
  .bBp6 p:nth-of-type(2),
  .media-top_main p:nth-of-type(2) {
    /* margin-bottom: 1vw; */
    margin-bottom: 20px;
  }

  .bBp4 h3,
  .bBp5 h3,
  .bBp6 h3,
  .media-bottom_main h3 {
    font-weight: normal;
    /* font-size: 1.666666vw; */
    letter-spacing: 0.2vw;
    font-size: 32px;
  }

  .bBp4 h3 {
    padding-top: 7.7vw;
  }

  .bBp4 .p1,
  .media-bottom_main .p1 {
    /* padding-top: .5vw;
        padding-bottom: 2vw;
        font-size: 1.04166666vw; */
    padding-top: 8px;
    padding-bottom: 40px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  .bBp4 #mediumPc>.swiper-wrapper>.swiper-slide {
    display: block;
  }

  .Medium-tabs {
    position: relative;
    padding-bottom: 3.65vw;
    margin: auto;
    /* width: 75.25%; */
    width: 100%;
    /* height: 1.5625vw;
        line-height: 1.5625vw; */
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
  }

  .medium-nav {
    margin: auto;
    width: 86%;
    height: 100%;

    display: flex;
    justify-content: center;
  }

  .medium-nav .swiper-wrapper {
    display: block;
  }

  #mediumBox .medium-nav .swiper-slide,
  #mediumBox .medium-nav>div {
    position: relative;
    display: inline-block;
    /* padding: 0 .833vw; */
    padding: 0 10px;
    width: auto;
    cursor: pointer;
  }

  .medium-nav .swiper-slide::after,
  #mediumBox .medium-nav>div::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1vw;
    background-color: #fff;
    transform: translateY(-50%);
  }

  .medium-nav .swiper-slide:last-child::after,
  #mediumBox .medium-nav>div:last-child::after {
    display: none;
  }

  .medium-nav .swiper-slide span,
  #mediumBox .medium-nav>div span {
    display: block;
    /* padding: 0 .52vw; */
    padding: 0 10px;
  }

  .medium-nav .mediumActive span {
    color: #3f8bc9;
    /* font-size: 1.04166666vw; */
    font-weight: bold;
    background-color: #fff;
    /* border-radius: .8vw; */
    border-radius: 16px;
  }

  .bBp4 .medium-contents {
    margin: auto;
    width: 75.25%;
  }

  .medium-contents .swiper-slide {
    display: block;
  }

  .mediaUl {
    display: flex;
    width: 100%;
    /* height: 25vw; */
    /* height: 490px; */
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
  }

  .mediaUl li {
    /* margin: 0 2.37% 1.5vw; */
    margin: 0 2.37% 25px;
    /* width: 11.25vw; */
    /* width: 9.53125vw; */
    width: 183px;
    overflow: hidden;
  }

  .mediaUl li p {
    /* margin-top: .5vw;
        font-size: .8333333vw; */
    margin: 10px 0 0 !important;
    width: auto;
    font-size: 16px;
    color: #e0f2fb;
    line-height: 1.75;
    text-indent: 0;
    text-align: center;
  }

  .media-imgs img {
    width: 100%;
    /* height: 11.25vw; */
    /* height: 9.53125vw; */
    height: 183px;
    border-radius: 100%;
  }

  .media-QR {
    /* width: 11.25vw;
        height: 11.25vw;
        line-height: 11.25vw; */
    /* width: 9.53125vw;
        height: 9.53125vw;
        line-height: 9.53125vw; */
    width: 183px;
    height: 183px;
    line-height: 183px;
  }

  .downP a {
    display: inline-block;
    /* margin-top: 4vw; */
    margin-top: 40px;
    /* padding: 0 4.17vw;
        line-height: 3.33vw; */
    /* font-size: .729166666vw; */
    font-size: 14px;
    border: solid 1px #fff;
    /* border-radius: 1.67vw; */
    /* width: 7.60416666vw;
        height: 2.0833333vw;
        line-height: 2.08333333vw; */
    text-align: center;
    /* border-radius: 1.40166666vw; */
    width: 146px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
  }

  .bBp5 .page5-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/yw-2.jpg) no-repeat 0 0 / cover;
  }

  .bBp5 .page5-content,
  .bBp6 .page6-content {
    position: absolute;
    left: 50%;
    /* transform: translateX(-50%); */
    transform: translate(-50%, -50%);
  }

  .bBp5 .page5-content,
  .bBp6 .page6-content {
    top: 0;
    padding-top: 200px;
    transform: translateX(-50%);
  }

  .bBp6 .page6-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/yw-3.jpg) no-repeat 0 0 / cover;
  }

  /* #mediumBox{
        background-color: #01050e;
    } */

  .media-bg_img {
    width: 100%;
    height: 100%;
    /* background-color: #01050e; */
    background-color: #044065;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/yw-1.jpg);
  }

  .media-top_main {
    position: relative;
    padding-top: 400px;
    margin: auto;
    /* width: 49.7916666vw; */
    width: 955px;
  }

  .media-bottom_main {
    position: relative;
    /* padding: 5.2083333vw 0; */
    margin: auto;
    /* width: 62.5vw; */
    width: 1200px;
  }

  .media-bottom_main h3 {
    /* padding-top: 5.2083333vw; */
    /* padding-top: 50px; */
    margin: 0;
  }

  /************************新闻*************************/
  .news-bg {
    /* height: 64.8vw; */
    height: 100%;
    background-image: url(../images/new-bg.jpg);
  }

  .news-contents {
    position: relative;
    /* padding-top: 25vw; */
    /* padding-top: 15vw; */
    padding-top: 396px;
    margin: auto;
    display: flex;
    /* width: 76.25%; */
    width: 1200px;
    justify-content: space-between;
  }

  .news-bar {
    position: relative;
    display: block;
    /* margin-top: 8.85vw; */
    margin-top: 82px;
    /* width: 10%; */
    width: 7.5%;
    /* height: 33.6vw; */
    height: 640px;
    text-align: center;
  }

  .party-news .news-bar {
    margin-top: 172px;
  }

  .news-bar .y1,
  .news-bar .y2,
  .news-bar .y3,
  .news-bar a {
    position: absolute;
    display: block;
    width: 100%;
  }

  .news-bar .y1,
  .news-bar .y3 {
    width: 100%;
    /* font-size: .833333vw; */
    font-size: 16px;
    color: #bbdef9;
    line-height: 1.7;
  }

  .news-bar .y1::after,
  .news-bar .y3::before {
    content: "";
    position: absolute;
    left: 50%;
    /* width: .417vw;
        height: .417vw; */
    width: 8px;
    height: 8px;
    background-color: #bbdef9;
    border-radius: 100%;
    transform: translateX(-50%);
  }

  .news-bar .y1,
  .news-bar .y3::before {
    top: 0;
  }

  .news-bar .y3,
  .news-bar .y1::after {
    bottom: 0;
  }

  .news-bar .y1 {
    /* padding-bottom: .5vw; */
    padding-bottom: 10px;
  }

  .news-bar .y3 {
    /* padding-top: .5vw; */
    padding-top: 10px;
  }

  .news-bar .yprev,
  .news-bar .ynext {
    margin: 0;
    width: 2.6vw;
    height: 2.6vw;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
  }

  .news-bar .yprev::before,
  .news-bar .ynext::after {
    content: "";
    position: absolute;
    left: 50%;
    /* height: 9.6875vw; */
    height: 185px;
    border-left: dashed 1px #bbdef9;
    transform: translateX(-50%);
  }

  .news-bar .yprev::before {
    /* top: -9.6875vw; */
    top: -187px;
  }

  .news-bar .ynext::after {
    top: 2.6vw;
  }

  .news-bar .yprev {
    top: 35.2%;
    background-image: url(../images/arrow-top.png);
  }

  .news-bar .ynext {
    top: 59.6%;
    background-image: url(../images/arrow-bottom.png);
  }

  .news-bar .y2 {
    top: 50%;
    width: 100%;
    /* height: 4.6875vw; */
    height: 88px;
    /* font-size: 1.66666vw; */
    font-size: 32px;
    /* line-height: 4.6875vw; */
    line-height: 88px;
    text-align: center;
    /* font-weight: bold; */
    transform: translateY(-50%);
    overflow: hidden;
  }

  .news-bar .y2 i {
    display: block;
    width: 100%;
    height: 100%;
    font-style: normal;
  }

  .news-list {
    /* width: 82%; */
    width: 100%;
  }

  .news-tabs,
  .party-title {
    width: 100%;
    /* height: 8.85vw; */
    border-bottom: solid 1px #fff;
  }

  .news-tabs {
    height: 82px;
  }

  .party-title {
    height: 172px;
  }

  .party-title p {
    margin: auto !important;
    text-align: center;
    text-indent: 0;
  }

  .news-tabs {
    display: flex;
    justify-content: center;
    margin: auto;
  }

  .news-tabs a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    /* padding: .5vw 3.125vw 1vw; */
    /* padding: 0 40px; */
    /* margin: 0 .833vw; */
    margin: 0 15px;
    /* width: 8.33vw;
        height: 2.6875vw;
        font-size: 1.66666vw; */
    width: 148px;
    height: 48px;
    line-height: 1.27;
    font-size: 18px;
    font-weight: 600;
    /* border-radius: 2.4vw; */
    border-radius: 23px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
  }

  .news-tabs a small {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
    line-height: 1.27;
    /* font-size: 1.04166666vw; */
    font-size: 12px;
    font-weight: normal;
  }

  .news-list .child {
    /* padding-bottom: 6vw; */
    width: 100%;
    /* pointer-events: none;
        -webkit-animation: a1 0.5s ease-out 0s 1 both;
                animation: a1 0.5s ease-out 0s 1 both; */
  }

  .news-list .child.now {
    pointer-events: auto;
    -webkit-animation: a2 0.5s ease-out 0s 1 both;
    animation: a2 0.5s ease-out 0s 1 both;
  }

  @-webkit-keyframes a1 {
    0% {
      -webkit-transform: scale(1);
      opacity: 1;
    }

    100% {
      -webkit-transform: scale(1.1);
      opacity: 0;
    }
  }

  @keyframes a1 {
    0% {
      -webkit-transform: scale(1);
      opacity: 1;
    }

    100% {
      -webkit-transform: scale(1.1);
      opacity: 0;
    }
  }

  @-webkit-keyframes a2 {
    0% {
      -webkit-transform: scale(0.9);
      opacity: 0;
    }

    100% {
      -webkit-transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes a2 {
    0% {
      -webkit-transform: scale(0.9);
      opacity: 0;
    }

    100% {
      -webkit-transform: scale(1);
      opacity: 1;
    }
  }

  .news-list .item {
    /* margin-bottom: 1.5625vw; */
    margin-bottom: 30px;
    width: 100%;
  }

  .news-list .item li {
    /* padding: 2.6vw 0; */
    padding: 40px 0;
    border-bottom: solid 1px #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .news-list .item li a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .news-list .item .time {
    display: flex;
    flex-direction: column;
    height: 158px;
    width: 90px;
    text-align: left;
    margin-right: 10px;
    padding-left: 10px;
    background-color: #0671a2;
  }

  .news-list .item .time * {
    display: flex;
    width: 100%;
  }

  .news-list .item .time strong {
    /* font-size: 2.0833333vw; */
    font-size: 40px;
    line-height: 1.4;
    margin-top: auto;
  }

  .news-list .item .time em {
    /* font-size: .625vw; */
    font-size: 12px;
    font-style: normal;
    margin-bottom: 10px;
  }

  .news-list .item .img {
    display: inline-block;
    /* width: 21.875vw;
        height: 11.3vw; */
  }

  .news-list .item .img img {
    /* margin-right: 1.5625vw; */
    /* margin-right: 2.083333vw; */
    margin-right: 30px;
    max-width: inherit;
    /* width: 21.875vw;
        height: 11.3vw; */
    /* width: 15.260416666vw;
        height: 8.22916666vw; */
    width: 292px;
    height: 158px;
    object-fit: cover;
  }

  .news-right {
    display: inline-block;
    text-align: left;
    /* padding-left: 1.0416666vw; */
  }

  .news-right .title {
    /* margin-bottom: 1.04vw; */
    margin-bottom: 20px;
    /* font-size: .9375vw; */
    font-size: 18px;
  }

  .news-right blockquote {
    /* font-size: .72916666vw; */
    font-size: 14px;
    line-height: 1.7;
    min-height: 65px;
  }

  .sofupage {
    text-align: center;
    /* font-size: .78125vw; */
    font-size: 16px;
    line-height: 1.7;
  }

  .sofupage * {
    display: inline-block;
    /* margin-right: .833vw; */
    margin-right: 10px;
  }

  .sofupage a {
    /* min-width: 1.38vw; */
    min-width: 28px;
  }

  .sofupage a.a1,
  .sofupage a.a2 {
    /* padding: 0 .833vw;
        border-radius: .6vw; */
    padding: 0 15px;
    border-radius: 14px;
  }

  .news-source {
    display: inline-block;
    /* margin-top: 1.04vw; */
    margin-top: 20px;
    text-align: left;
    /* font-size: .625vw; */
    font-size: 12px;
    line-height: 1.9;
    border-radius: 50px;
    border: 1px solid #98aebd;
    padding: 0px 25px;
    color: #98aebd;
  }

  .news-source:hover {
    background-color: #fff;
    color: #0570a1;
  }

  /*************************详情****************************/
  .news-contents.details-container {
    /* width: 49.7916666vw; */
    width: 955px;
    justify-content: center;
  }

  .news-details h1 {
    /* font-size: 1.25vw; */
    font-size: 24px;
    line-height: 1.6666;
    font-weight: 500;
  }

  .origin {
    /* margin-top: 1.0416666vw;
        margin-bottom: 2.60416666vw; */
    margin-top: 20px;
    margin-bottom: 40px;
    /* font-size: .625vw; */
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
  }

  .origin time,
  .origin span {
    /* margin-right: 1.0416666vw; */
    margin-right: 20px;
  }

  .origin .ass-k {
    position: relative;
    margin-right: 0;
  }

  .origin span.ass-k::before {
    content: "【";
  }

  .origin span.ass-k::after {
    content: "】";
  }

  .ass-k a,
  .ass-k input {
    color: rgba(255, 255, 255, 0.5);
  }

  .fontResizer a {
    /* margin-right: .208vw; */
    margin-right: 5px;
  }

  .fontResizer a.curFont {
    color: #fff;
  }

  .fontResizer a:last-child {
    margin: 0;
  }

  .ass-k input {
    background: none;
    border: none;
    /* font-size: .625vw; */
    font-size: 12px;
    cursor: pointer;
  }

  .level3-content .news-details p {
    /* margin: 0 0 1.0416666vw; */
    margin: 0 0 20px;
    width: 100%;
    line-height: 1.6875;
    text-indent: 2em;
    font-size: inherit;
  }

  .level3-content .news-details img {
    display: block;
    margin: auto;
    /* margin: 1.5625vw auto 2.083333vw; */
  }

  .details-di {
    display: flex;
    align-items: center;
    /* margin-top: 4.16666vw;
        padding-bottom: 1.25vw;
        font-size: .729166666vw; */
    margin-top: 60px;
    padding-bottom: 30px;
    font-size: 14px;
    text-align: left;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }

  .details-di .social-share .social-share-icon {
    /* width: 2.4vw;
        height: 2.4vw;
        line-height: 2.4vw;
        margin-left: 1.0416666vw; */
    margin-left: 20px;
    width: 46px;
    height: 46px;
    line-height: 46px;
  }

  .recommend-article {
    /* margin-top: 1.5625vw; */
    /* margin-bottom: 8vw; */
    margin-top: 30px;
  }

  .level3-content .recommend-article p {
    /* margin: 0 0 .52083333vw; */
    margin: 0 0 10px;
    width: auto;
    line-height: 1.7;
    /* font-size: .72916666vw; */
    font-size: 14px;
    text-indent: 0;
  }

  .recommend-article p time {
    /* margin-left: 1.04166vw; */
    margin-left: 20px;
    color: rgba(255, 255, 255, 0.5);
  }

  .level3-content .recommend-article .return-list {
    /* margin-top: 3.125vw; */
    margin-top: 40px;
    margin-bottom: 0;
    text-align: center;
    /* line-height: 3.333vw; */
    /* font-size: .9375vw; */
    font-size: 14px;
    text-align: center;
  }

  .recommend-article .return-list a {
    display: inline-block;
    /* padding: 0 3.125vw;
        border-radius: 1.7vw; */
    border: solid 1px #fff;
    /* width: 7.60416666vw;
        height: 2.08333333vw;
        line-height: 2.083333333vw;
        border-radius: 1.04166666vw; */
    width: 146px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
  }

  /***************************党建工作****************************/
  .party-news .news-bg {
    height: 52.5vw;
    background-image: url(../images/party-bg.jpg);
  }

  .party-title h1 {
    margin: 0;
    /* font-size: 1.66666vw; */
    font-size: 32px;
    font-weight: normal;
    text-align: center;
  }

  .party-news .party-title p {
    margin: 0;
    width: 100%;
    text-align: center;
    /* font-size: 1.04166666vw; */
    font-size: 20px;
    text-indent: 0;
  }

  /***************************招聘**************************************/

  .job-p1 .page1-bg {
    top: 0;
    height: 52.5vw;
    background-image: url(../images/job-2.jpg);
    animation: none;
  }

  .job-p1 .page1-content {
    margin: 30vw auto 0;
    width: 955px;
  }

  .job-p1 .page1-content .p2 {
    /* margin-bottom: 3.125vw; */
    margin-bottom: 40px;
    /* font-size: .9375vw; */
    font-size: 40px;
    line-height: 1.5;
    text-align: justify;
  }

  .job-p1 .page1-content .p3 {
    /* font-size: .625vw; */
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
  }

  .job-p1 .page1 {
    display: block;
  }

  .send-job {
    /* margin-top: 5.2vw; */
    position: relative;
    padding-top: 400px;
    margin: auto;
    width: 955px;
  }

  .send-job h2 {
    padding: 0;
  }

  .send-job .p1 {
    margin-top: 8px !important;
    text-align: center;
    text-indent: 0;
  }

  .send-job h4 {
    /* margin-bottom: 4.16666vw; */
    margin-bottom: 45px;
    /* font-size: 1.14583333vw; */
    font-size: 22px;
    line-height: 1.545454;
    font-weight: 400;
  }

  .fold_box,
  .fold_tit {
    width: 100%;
  }

  .fold_tit {
    /* margin-bottom: .83333vw; */
    margin-bottom: 10px;
    /* height: 3.8541666vw; */
    height: 64px;
  }

  .fold_tit name {
    /* padding-left: 1.5625vw; */
    padding-left: 30px;
    font-size: 16px!important;
    color: #003f65;
    /* font-size: 24px; */
  }

  .fold_tit name sub {
    /* padding-left: 1.041666vw; */
    padding-left: 20px;
    /* font-size: .83333vw; */
    font-size: 16px;
  }

  .fold_tit p {
    /* padding-right: 1.0416666vw; */
    padding-right: 20px;
    /* font-size: .729166666vw; */
    margin: 0 !important;
    font-size: 14px;
    text-indent: 0;
    text-align: right;
  }

  .fold_tit p time {
    /* padding-left: 1.5625vw; */
    padding-left: 40px;
  }

  .fold_tit p span {
    /* margin-left: 2.083333vw; */
    margin-left: 30px;
    /* width: 1.5625vw;
        height: 1.5625vw; */
    width: 30px;
    height: 30px;
  }

  .fold_con {
    /* padding: 0 1.875vw 2.525vw; */
    padding: 0 30px 50px;
    text-align: justify;
  }

  .job_description.cn {
    /* margin-top: 2.6041666vw; */
    margin-top: 35px;
    /* font-size: .9375vw; */
    font-size: 18px;
    line-height: 1.5;
  }

  .job_description.en {
    /* margin-top: 2.64583333vw; */
    margin-top: 45px;
    /* font-size: .625vw; */
    font-size: 14px;
    line-height: 1.5;
  }

  .job-p2 .h2,
  .job-p3 .h2,
  .job-p4 h2 {
    /* font-size: 1.66666vw; */
    font-size: 32px;
    font-weight: 500;
  }

  .flus {
    position: relative;
    margin: auto;
    /* width: 76.5625%; */
    width: 1342px;
    text-align: center;
    transform: translateY(10%);
  }

  .flus li {
    /* margin: 3.125vw 2.34375vw 0; */
    /* width: 9.11458333vw;
        height: 9.11458333vw; */
    margin: 60px 45px 0;
    width: 175px;
    height: 175px;
  }

  .flus li.fs8,
  .flus li.fs9,
  .flus li.fs6,
  .flus li.fs7 {
    /* margin-top: -2.083333vw; */
    margin-top: -40px;
  }

  .flus li i {
    /* height: 3.75vw; */
    height: 72px;
  }

  .flus li span {
    /* padding-top: .4166666vw; */
    padding-top: 8px;
    /* font-size: 1.0416666vw; */
    font-size: 20px;
    line-height: 1.5;
  }

  .job-p3 h2 {
    /* padding-top: 7.7vw; */
    padding-top: 8vw;
  }

  .job-p3 .p1,
  .job-p4 .p1 {
    /* margin-top: .5vw;
        font-size: 1.04166666vw; */
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  #envirnmentTab {
    /* margin: 2.60416666vw auto 0; */
    margin: 50px auto 0;
    /* height: 1.5625vw; */
    height: 32px;
    text-align: center;
    /* width: 29.08333vw; */
    width: 1200px;
  }

  #envirnmentTab .swiper-wrapper {
    display: block;
  }

  #envirnmentTab .swiper-slide {
    width: auto;
    /* margin: 0 .9375vw; */
    margin: 0 18px;
    /* padding: 0 .4166666vw; */
    /* line-height: 1.5625vw; */
    line-height: 32px;
    /* font-size: 1.0416666vw; */
    font-size: 20px;
    cursor: pointer;
    overflow: inherit;
    padding: 0 10px;
    display: inline-block;
  }

  #envirnmentTab .swiper-slide.work-tab,
  #envirnmentTab .swiper-slide:hover {
    background-color: #fff;
    /* border-radius: .8vw; */
    border-radius: 16px;
    color: #0075c1;
    font-weight: 600;
  }

  #envirnmentTab .swiper-slide::after {
    content: "";
    position: absolute;
    top: 20%;
    /* right: -.9375vw; */
    right: -18px;
    width: 1px;
    height: 60%;
    background-color: #fff;
  }

  #envirnmentTab .swiper-slide:last-child::after {
    display: none;
  }

  #workEnvironment {
    /* margin: 3.125vw auto 0; */
    /* width: 76.25vw;
        height: 27.083333vw; */
    /* width: 62.291666vw;
        height: 22.135416666vw; */
    margin: 40px auto 0;
    width: 1200px;
    height: 425px;
  }

  .workenvPrev,
  .workenvNext {
    display: block;
  }

  .work-contents {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .workImg-left {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    /* width: 29.583333vw; */
    width: 38.879598662%;
    height: 100%;
  }

  .tu1,
  .tu2 {
    width: 100%;
  }

  .tu3 {
    /* width: 45.10416666vw; */
    height: 100%;
    width: 59.197324414%;
  }

  .tu4 {
    height: 100%;
  }

  .job-p4 .page4-content {
    display: table;
    margin: 0;
    /* padding-top: 7.7vw; */
    width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  .culture-img {
    /* margin-top: 2.64583333vw; */
    margin-top: 30px;
    /* width: 100%; */
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    /* width: 62.5vw; */
    height: 34.21875vw;
    background-color: #091f4d;
  }

  .job-p4 .culture-img ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
  }

  /* .job-p4 .culture-img li{
        width: 25%;
        height: 17.0833333vw;
    } */

  .job-p4 .culture-img li img {
    width: 100%;
    height: 100%;
  }

  .job-p4 .culture-img li:nth-of-type(1),
  .job-p4 .culture-img li:nth-of-type(3),
  .job-p4 .culture-img li:nth-of-type(4),
  .job-p4 .culture-img li:nth-of-type(5),
  .job-p4 .culture-img li:nth-of-type(6),
  .job-p4 .culture-img li:nth-of-type(7),
  .job-p4 .culture-img li:nth-of-type(8),
  .job-p4 .culture-img li:nth-of-type(10),
  .job-p4 .culture-img li:nth-of-type(11) {
    /* width: 12.5vw;
        height: 8.5416666vw; */
    width: 20%;
    height: 24.962%;
  }

  .job-p4 .culture-img li:nth-of-type(2) {
    /* width: 25vw;
        height: 17.03125vw; */
    width: 40%;
    height: 49.924%;
  }

  .job-p4 .culture-img li:nth-of-type(3) {
    position: absolute;
    top: 0;
    right: 0;
  }

  .job-p4 .culture-img li:nth-of-type(4) {
    position: absolute;
    top: 24.962%;
    left: 60%;
    /* margin-top: 8.5416666vw; */
    /* margin-top: 24.962%; */
  }

  .job-p4 .culture-img li:nth-of-type(5) {
    position: absolute;
    /* top: 17.03125vw; */
    top: 49.924%;
    left: 0;
  }

  .job-p4 .culture-img li:nth-of-type(6) {
    /* margin-left: 25vw; */
    margin-left: 40%;
  }

  .job-p4 .culture-img li:nth-of-type(9) {
    /* width: 25vw;
        height: 8.5416666vw; */
    width: 40%;
    height: 24.962%;
  }

  .job-p4 .culture-img li:nth-of-type(10) {
    /* margin-left: 12.5vw; */
    margin-left: 20%;
  }

  /*******************************联系我们******************************/
  .content-bg {
    height: 60.10416666vw;
    background-image: url(../images/content-bg.jpg);
  }

  .english-bg {
    /* height: 60.10416666vw; */
    height: 100%;
    background-image: url(../images/english-bg.jpg);
  }

  .contact-us .level3-contact {
    min-height: calc(100vh - 380px);
  }

  .contactUs,
  .english {
    position: relative;
    margin: auto;
    /* padding-top: 23.4375vw; */
    padding-top: 15vw;
    /* padding-bottom: 6.25vw; */
    padding-bottom: 90px;
    /* padding-bottom: 9.895833333vw; */
    /* width: 49.7916666%; */
    width: 955px;
  }

  .contactUs .h2,
  .english .h2 {
    font-weight: 500;
    /* font-size: 1.666666vw; */
    font-size: 32px;
  }

  .contactUs .p1,
  .english .p1 {
    /* margin-top: .5vw;
        font-size: 1.04166666vw; */
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.33333;
  }

  .ContactDetails {
    /* margin-top: 3.125vw;
        font-size: .729166666vw; */
    margin-top: 50px;
    font-size: 14px;
  }

  /* .contact-Ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .contact-Ul li{
        padding-left: 1.5625vw;
        padding-right: 3.125vw;
        width: calc(48.9177489175% - 4.6875vw);
    } */

  .contact-Ul li:nth-child(2n + 1) {
    /* line-height: 3.385416666vw; */
    line-height: 64px;
  }

  /* .contact-Ul li:nth-child(2n + 1) div {
    background-color: #466ab2;
  } */
  .contact-Ul li:nth-child(2n) {
    /* line-height: 3.9583333vw; */
    line-height: 74px;
  }

  /* .contact-Ul li:last-child div {
    border-bottom: solid 4px #466ab2;
  } */
  .contact-Ul li {
    display: flex;
    justify-content: space-between;
  }

  .contact-Ul li div {
    /* padding-left: 1.5625vw;
        padding-right: .52083333vw;
        width: calc(48.9177489175% - 2.083333vw); */
    padding-left: 30px;
    padding-right: 8px;
    width: calc(48.9177489175% - 38px);
    text-align: left;
    display: flex;
    justify-content: space-between;
  }

  .contact-Ul li div>* {
    width: 54%;
  }

  .contact-Ul li div span {
    padding-left: 2%;
    width: 45%;
  }

  /**************************搜索*****************************/
  .serach-container .level3-contains {
    margin: auto;
    /* padding-top: 7.8125vw; */
    /* padding-bottom: 6.25vw; */
    /* width: 62.0833333%; */
    padding-top: 150px;
    padding-bottom: 90px;
    min-height: calc(100vh - 380px);
    /* width: 49.7916666vw; */
    width: 955px;
  }

  .serach-container .news-list {
    position: relative;
    width: 100%;
  }

  .serach-txt {
    /* margin-bottom: 2.60416666vw;
        font-size: 1.0416666vw; */
    margin-bottom: 50px;
    font-size: 20px;
    text-align: left;
  }

  .serach-txt span {
    margin: 0 0.52083333vw;
    color: #0075c1;
  }

  .serach-container .news-tabs {
    /* height: 4.0625vw; */
    /* height: 82px; */
    justify-content: flex-start;
  }

  /*****************
        2020-5-20
    ***************/
  .level3-content,
  .speech-main {
    /* margin-bottom: 6.25vw; */
    margin-bottom: 90px;
    min-height: calc(100vh - 470px);
  }

  .companys .page5-content,
  .companys .page6-content {
    transform: translateY(-50%);
  }

  .job-p3 .workenvPrev,
  .job-p3 .workenvNext {
    /* top: 57%; */
    /* top: 33.185208326vw; */
    top: 61%;
  }

  .companys .page6-content {
    top: 50%;
  }

  .notice-container {
    position: fixed;
    z-index: 2;
    top: 28vw;
    left: 6.4%;
    width: 110px;
    height: 250px;
    font-size: 15px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
  }

  .notice-container name {
    margin-top: 8px;
    padding-left: 30px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #466ab2;
    border-radius: 14px 14px 0 0;
  }

  .notice-container name::before {
    left: 10px;
  }

  .close_jobs {
    position: relative;
    display: block;
    float: right;
    width: 22px;
    height: 22px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
  }

  .close_jobs::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background: url(../images/i-c2.png) no-repeat 0 0 / cover;
    transform: translateY(-50%);
  }

  #jobNoticePC {
    padding: 10px;
    width: calc(100% - 20px);
    height: 147px;
    background-color: #04456d;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 9px 7px rgba(4, 25, 78, 0.24);
  }

  #jobNoticePC .swiper-slide {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  #jobNoticePC .swiper-slide p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 2;
    text-align: justify;
  }

  #jobNoticePC .swiper-slide .more_a {
    display: block;
    float: right;
    position: relative;
    padding-right: 15px;
  }

  #jobNoticePC .swiper-slide .more_a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 6px;
    height: 11px;
    background: url(../images/i-r.png) no-repeat 0 0 / cover;
    transform: translateY(-50%);
  }

  #jobNoticePC .swiper-slide .more_a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90%;
    height: 1px;
    background-color: #fff;
  }

  /* #jobNotice .swiper-slide{
        line-height: 28px;
    } */

  /*********************媒体查看3级页面/职位3级页面****************/
  .media_l3_container {
    background-color: #011945;
  }

  .media_l3_container .media-bg,
  .job-post-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/media_bg.jpg) no-repeat 0 0 / contain;
  }

  .media_l3_container .media-bg {
    background-color: #011945;
  }

  .job-post-bg {
    background-image: url(../images/job_l3_bg.jpg) !important;
  }

  .media-bottom_main .p1 {
    text-indent: 0;
    margin: 0 !important;
    width: auto;
    text-align: center;
  }
}

@media screen and (min-width: 1156px) and (max-width: 1335px) {
  .menu-bar .zzcn-logo {
    margin-left: 2%;
    width: 190px;
  }

  .job-p3 .workenvNext {
    right: 2%;
  }

  .top,
  .gotop,
  .guoji_logo {
    right: 2%;
  }

  .header-pc {
    right: calc(3% + 88px);
  }

  .home-footer-pc {
    margin-left: 2%;
    margin-right: 2%;
  }

  .tabs-cultures,
  .job-p3 .workenvPrev {
    left: 2%;
  }

  .talents-pc li .p3 {
    padding: 1vw;
  }

  /* .contactUs{width: 68.791667%;} */

  .speech-text {
    width: 44.4575vw;
    padding-left: 24.3125vw;
  }

  /* .bom .h4{font-size: 12px;} */

  .companys .page7-content,
  .companys .page4-content,
  .companys .page8-content,
  .bBp5 .page5-content,
  .bBp6 .page6-content,
  .media-top_main,
  .send-job {
    padding-top: 300px;
  }

  .notice-container {
    left: 2%;
  }

  .menu {
    margin-right: 0;
  }

  .menu>li {
    margin: 0 10px;
  }
}

@media screen and (min-width: 1336px) and (max-width: 1550px) {

  /* .contactUs{width: 60.791667%;} */
  .speech-text {
    width: 38.4575vw;
  }

  /* .bom .h4{font-size: 12px;} */
  .job-p3 .workenvNext {
    right: 2%;
  }

  .job-p3 .workenvPrev {
    left: 2%;
  }

  .companys .page7-content,
  .companys .page4-content,
  .companys .page8-content,
  .bBp5 .page5-content,
  .bBp6 .page6-content,
  .media-top_main,
  .send-job {
    padding-top: 300px;
  }
}

@media screen and (min-width: 1551px) and (max-width: 1650px) {
  /* .contactUs{width: 60.791667%;} */
}

@media screen and (min-width: 1651px) and (max-width: 1765px) {
  .Medium-tabs {
    padding-bottom: 2.65vw;
  }

  .downP a {
    margin-top: 2vw;
  }
}

@media screen and (min-width: 1766px) {
  #culture {
    margin-top: 2vw;
  }

  .organization {
    width: 62vw;
  }

  .honor {
    margin-top: 1vw;
  }

  .zizhi .bom {
    padding: 0 1vw;
    width: calc(100% - 2vw);
  }

  .job-p4 .page4-content,
  .bBp4 h3 {
    padding-top: 4.7vw;
  }

  .Medium-tabs {
    padding-bottom: 1.65vw;
  }

  .downP a {
    margin-top: 1vw;
  }
}