@charset "utf-8";
@import url("/static/front/pc/iconfont/iconfont.css");
html,
body {
  position: relative;
  height: 100%;
}
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

body {
  font: 16px "MicrosoftYaHei", "Arial Narrow", HELVETICA;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #333333;
}

a {
  color: #2d374b;
  text-decoration: none;
}

a:hover {
  /* color: #cd0200; */
  /* font-weight: bold; */
}

em {
  font-style: normal;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: middle;
}

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

p {
  word-wrap: break-word;
}

input {
  outline: none;
}

.db {
  display: block;
}

/* 动画延迟 */
.delay-1 {
  animation-delay: 0.2s;
}
.delay-2 {
  animation-delay: 0.4s;
}
.delay-3 {
  animation-delay: 0.6s;
}
.delay-4 {
  animation-delay: 0.8s;
}
.delay-5 {
  animation-delay: 1s;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: MicrosoftYaHei;
}

.container .container-box.business-area-box {
  padding-top: 45px;
}

.business-area-title {
  line-height: 50px;
  background: url(/static/front/pc/images/business-area-title.png) no-repeat;
  background-position: top center;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  color: #000000;
  padding: 100px 0 45px 0;
}
.business-area-tab {
  margin-bottom: 90px;
}
.business-area-tab .business-area-tab-list {
  width: 280px;
  line-height: 80px;
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(196, 207, 218, 0.32);
  border-radius: 10px;
  margin-left: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.36s;
}

.business-area-tab .business-area-tab-list:hover {
  border-bottom: 5px solid #2875cb;
}

.business-area-tab .business-area-tab-list:hover span {
  font-weight: bold;
}
.business-area-tab .business-area-tab-list.active span {
  font-weight: bold;
}
.business-area-tab .business-area-tab-list.active {
  border-bottom: 5px solid #2875cb;
}
.business-area-tab .business-area-tab-list:first-child {
  margin-left: 0;
}

.business-area-tab .business-area-tab-list .icon {
  width: 35px;
  height: 35px;
}
.business-area-tab .business-area-tab-list span {
  display: inline-block;
  margin-left: 25px;
}

.business-area-text {
  height: 0;
  overflow: hidden;
  background-color: #f2f9ff;
}

.business-area-text.active {
  height: 788px;
}

.container .business-area-text .container-box.business-area-info {
  padding-top: 95px;
}
.business-area-text .topic {
  text-align: center;
}
.business-area-text .topic .title {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333333;
}
.business-area-text .topic .desc {
  line-height: 24px;
  margin-top: 32px;
}

.business-area-text .left-right-swiper {
  margin-top: 80px;
}

.business-area-text .left-right-swiper .left-swiper {
  width: 100%;
  height: 208px;
}

.business-area-text .left-right-swiper .right-swiper {
  width: 100%;
  height: 208px;
  margin-top: 8px;
}
.left-right-swiper .left-direction-swiper {
  height: 208px;
}
.left-right-swiper .left-direction-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.left-right-swiper .right-direction-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.left-right-swiper .swiper-slide img {
  height: 208px;
  width: 100%;
  object-fit: cover;
}
.left-right-swiper .swiper-container .swiper-wrapper {
  -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

/*  */
.business-area-map {
  height: 990px;
  width: 100%;
  position: relative;
}
.business-area-map .lizi-bg {
  content: "";
  display: block;
  width: 100%;
  height: 495px;
  background: #002e73;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}
/* .business-area-map::after {
  content: "";
  display: block;
  width: 100%;
  height: 495px;
  background: url(/static/front/pc/images/map-topbg.png) no-repeat;
  background-size: cover !important;
  background-position: center !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
} */
.business-area-map .business-area-map-box {
  padding-top: 66px;
}
.business-area-map .business-area-map-box .title {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
}

.business-area-map .business-area-map-box .map-box {
  width: 100%;
  height: 708px;
  margin-top: 50px;
  background-color: #f2f6fe;
  box-shadow: 0px 10px 16px 0px rgba(197, 205, 224, 0.3);
  border-radius: 10px;
  overflow: hidden;
}

/* 沿线详情 */
.along-line-info-bg {
  background: #eaf1f7 url(../images/details-along.png) no-repeat;
  background-size: 100% auto;
  background-position: top left;
}

.along-line-info-bg.container .container-box {
  padding-top: 120px;
}
/* 沿线商业开发 */
.along-line-bg {
  /* background-color: #EAF1F7; */
  background: #eaf1f7 url(/static/front/pc/images/along-line.png) no-repeat;
  background-size: 100% auto;
  background-position: top left;
}

.along-line-tabs {
  width: 100%;
  border-radius: 10px;
  border: solid 1px #115bb3;
  overflow: hidden;
}

.along-line-tabs li {
  width: 50%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  cursor: pointer;
  color: #115bb3;
}
.along-line-tabs li a {
  font-size: 24px;
  color: #115bb3;
}
.along-line-tabs li.active a {
  color: #ffffff;
}
.along-line-tabs li .iconfont {
  font-size: 40px;
  color: #115bb3;
}
.along-line-tabs li.active .iconfont {
  color: #ffffff;
}

.along-line-tabs li span {
  display: inline-block;
  margin-left: 24px;
}
.along-line-tabs li img {
  width: 40px;
}
.along-line-tabs li.active {
  background: url(/static/front/pc/images/along-tab-bg.png) no-repeat;
  background-size: 100% 100%;
}
.along-line-tabs li.active span {
  color: #ffffff;
}
/* 服务区 */
.service-area {
}
.service-area .title {
  margin-top: 80px;
}
.service-area .title p {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 1px;
  color: #333333;
  text-indent: 27px;
  position: relative;
}
.service-area .title p::after {
  content: "";
  width: 9px;
  height: 41px;
  background-color: #115bb3;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
.service-area .title .desc {
  padding-left: 27px;
  margin-top: 26px;
  line-height: 30px;
  color: #333333;
}
/* 酒店列表 */
.service-area .service-area-box {
  margin-top: 50px;
  padding-bottom: 40px;
  margin-left: -11px !important;
}

.service-area .service-area-box li {
  width: 170px;
  line-height: 56px;
  text-align: center;
  background-image: linear-gradient(0deg, #ffffff 0%, #e4eef7 100%);
  box-shadow: 0px 0px 9px 0px rgba(196, 207, 218, 0.32);
  border-radius: 4px;
  border: solid 1px #ffffff;
  margin-left: 11px;
  margin-bottom: 17px;
  transition: all 0.36s;
  cursor: pointer;
  position: relative;
  padding: 0 5px;
}
.service-area .service-area-box li::after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #155eb4;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.36s;
}
.service-area .service-area-box li.active:after {
  width: 100%;
}
.service-area .service-area-box li:hover:after {
  width: 100%;
}
.service-area .service-area-box li:hover {
  color: #115bb3;
}
.service-area .service-area-box li.active {
  color: #115bb3;
}

.service-area .service-title {
  line-height: 80px;
  background-color: #115bb3;
  border-radius: 10px;
  background-image: url(/static/front/pc/images/serve-title.png);
  background-size: 100% 100%;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  text-indent: 28px;
  margin-bottom: 8px;
}

.area-region-box {
  padding-bottom: 100px;
}

.area-region-box li {
  height: 128px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-top: 22px;
  padding: 20px 27px;
}
.area-region-box li .titles {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #115bb3;
  padding-bottom: 8px;
  border-bottom: 1px dotted #000000;
}
.area-region-box li .desc {
  margin-top: 6px;
  line-height: 26px;
  color: #333333;
}

.service-area .region-info-box .region-info {
  display: none;
}

.service-area .region-info-box .region-info:nth-child(1) {
  display: block;
}
/* 酒店列表 */
.hotel-area {
  /* padding-top: 163px; */
  display: none;
}

.zuche {
}
.zuche .car-rental {
  background-image: url(/static/front/pc/images/bj.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  /* padding-bottom: 100px; */
  background-color: #edf5fa;
  padding-top: 30px;
}
.advertisement {
  padding-top: 30px;
  background-image: url(/static/front/pc/images/jue_002.png);
  background-size: 100% auto;
}

.brand {
  padding-top: 30px;
  background-image: url(/static/front/pc/images/jue_002.png);
  background-size: 100% auto;
}

.hotel-area .hotel-area-list {
  height: 450px;
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 107px;
  overflow: hidden;
}

.hotel-area .hotel-area-list:hover {
  box-shadow: 2px 5px 20px #ccc;
}

.hotel-area .hotel-area-list:hover .hotel-area-list-link .hotel-img img {
  transform: scale(1.1);
}
.hotel-area .hotel-area-list .hotel-img {
  height: 450px;
  border-radius: 10px;
  overflow: hidden;
}
.hotel-area .hotel-area-list .hotel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.36s;
}

.hotel-area .hotel-area-list .hotel-desc {
  padding: 60px 70px;
  height: 100%;
}

.hotel-area .hotel-area-list .hotel-desc .hotel-title {
  font-size: 34px;
  font-weight: bold;
  line-height: 70px;
  letter-spacing: 1px;
  color: #115bb3;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 12px;
}
.hotel-area .hotel-area-list:hover .hotel-desc .hotel-title::after {
  width: 100%;
}
.hotel-area .hotel-area-list .hotel-desc .hotel-title::after {
  content: "";
  width: 49px;
  height: 3px;
  transition: all ease-in 0.36s;
  background-image: linear-gradient(90deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#d51719, #d51719);
  position: absolute;
  left: 0;
  bottom: 0;
}
.hotel-area .hotel-area-list .hotel-desc .desc:hover {
  color: #000000;
}
.hotel-area .hotel-area-list .hotel-desc .desc {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 46px;
  letter-spacing: 1px;
  color: #333333;
}

.hotel-area .hotel-area-list:nth-child(2n) .hotel-area-list-link {
  flex-direction: row-reverse;
}
.container .hotel-desc .more {
  width: 98px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px 0px 10px 0px;
  margin-top: 40px;
}
.container .hotel-desc .more a {
  color: #ffffff;
}

/* 沿线发展详情页 */
.along-line-info-top {
  height: 679px;
  padding-bottom: 129px;
}

.along-line-info-top .info-left {
  width: 50%;
  margin-right: 60px;
}
.along-line-info-top .info-left .name {
  font-size: 40px;
  font-weight: bold;
  line-height: 94px;
  letter-spacing: 1px;
  color: #333333;
}
.along-line-info-top .info-left .title {
  font-size: 24px;
  letter-spacing: 1px;
  color: #333333;
}

.along-line-info-top .info-left .desc {
  line-height: 36px;
  height: 425px;
  padding-right: 10px;
  overflow-y: scroll;
}

.along-line-info-top .info-left .desc * {
  margin-top: 20px;
}
.along-line-info-top .info-right {
  width: 50%;
}

.along-line-info-top .info-right .desc-img {
  margin-top: 103px;
  width: 100%;
  height: 447px;
  border-radius: 10px;
  border-radius: 10px;
}
.along-line-info-top .info-right .desc-img .along-line-backlist a {
  display: block;
  width: 144px;
  height: 47px;
  background-color: #115bb3;
  border-radius: 24px 0px 24px 0px;
  text-align: center;
  line-height: 47px;
  color: #ffffff;
  position: absolute;
  right: 4px;
  top: -80px;
}
.along-line-info-top .info-right .desc-img .along-line-backlist {
  position: relative;
}

.along-line-info-top .info-right .desc-img img {
  width: 100%;
  height: 447px;
  object-fit: cover;
}

.address-them {
  width: 100%;
  height: 155px;
  line-height: 155px;
  color: #ffffff;
  font-size: 24px;

  margin-bottom: 54px;
  background: url(/static/front/pc/images/address-them-bg.png) no-repeat;
  background-size: 100% 100%;
}
.address-them p .name {
  font-weight: bold;
}
.address-them p:first-child {
  margin-right: 80px;
}
/* 酒店环境 */
.container .container-box.hotel-environment {
  padding-top: 0;
  padding-bottom: 56px;
}

.hotel-environment .environment-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 1px;
  color: #333333;
}

.hotel-environment .environment-list {
}

.hotel-environment .environment-list li:nth-child(3n) {
  margin-right: 0;
}
.hotel-environment .environment-list li a {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 288px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -10;
  opacity: 0;
  transition: all 0.36s;
}
.hotel-environment .environment-list li:hover a {
  z-index: 10;
  opacity: 1;
}
/* .hotel-environment .environment-list li:hover img{
  transform: scale(1.1);
} */

.hotel-environment .environment-list li a i {
  font-size: 26px;
  color: #ffffff;
}
.hotel-environment .environment-list li {
  width: calc(33% - 20px);
  height: 288px;
  margin-right: 30px;
  margin-top: 32px;
  border-radius: 10px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.hotel-environment .environment-list li::after {
  content: "";
  width: 100%;
  height: 0%;
  background: rgba(119, 171, 224, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.2s;
}
.hotel-environment .environment-list li::before {
  content: "";
  width: 100%;
  height: 0%;
  background: rgba(119, 171, 224, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s;
}

.hotel-environment .environment-list li:hover::after {
  height: 50%;
}
.hotel-environment .environment-list li:hover::before {
  height: 50%;
}
.hotel-environment .environment-list li .imgs {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hotel-environment .paging-next {
  margin-top: 50px;
  line-height: 70px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #d5d5d5;
  padding: 0 30px;
}

.hotel-environment .paging-next a {
  color: #666666;
}
/* .hotel-environment .paging-next a span {
  color: #333333;
} */

/* 文化传媒 */
.cultural-media-top {
  margin-top: 70px;
  height: 656px;
  margin-bottom: 90px;
}

.cultural-media-top .cultural-left {
  width: 50%;
  padding-right: 8%;
  border-right: 1px solid #b8c0c5;
  padding-top: 16px;
}

.cultural-media-top .cultural-right {
  width: 50%;
  line-height: 40px;
  padding-left: 80px;
  overflow-y: scroll;
  margin-bottom: 14px;
  padding-right: 10px;
}
.cultural-media-top .cultural-left .title-logo .certificate {
  display: inline-block;
  margin-left: 10px;
}
.cultural-media-top .cultural-left .title-logo img {
  height: 90px;
}

.cultural-media-top .cultural-left .title-logo img.share-certificate {
  width: 81px;
  height: 50px;
  margin-left: 60px;
}

.cultural-media-top .cultural-left .title-text.share-certificate-text {
  font-size: 34px;
  line-height: 70px;
  letter-spacing: 1px;
  color: #333333;
}
.cultural-media-top .cultural-left .title-text {
  margin: 46px 0;
  font-size: 24px;
  color: #1e1e1e;
  line-height: 36px;
}

/* 数据 */

.cultural-media-top .cultural-left .information {
  width: 100%;
}

.cultural-media-top .cultural-left .information li {
  width: 50%;
  margin-top: 60px;
}
.cultural-media-top .cultural-left .information li p {
  width: 214px;
}
.cultural-media-top .cultural-left .information li p.desc {
  line-height: 30px;
}
.cultural-media-top .cultural-left .information li .data {
  font-size: 60px;
  font-weight: bold;
  color: #115bb3;
}

.cultural-media-top .cultural-left .information li .unit {
  display: inline-block;
  text-align: center;
  min-width: 26px;
  line-height: 26px;
  background-color: #115bb3;
  border-radius: 13px;
  color: #ffffff;
  padding: 0 5px;
}
/*  */
.cultural-them {
  width: 100%;
  height: 185px;
  /* margin-bottom: 163px; */
  background: #002e73;
  /* background: url(/static/front/pc/images/cultural-them-tab-bg.png) no-repeat; */
  background-size: 100% 100%;
  position: relative;
}
.cultural-them .cultural-them-tab {
  height: 185px;
  position: relative;
  z-index: 10;
}
.cultural-them .cultural-them-tab li {
  padding: 59px 3%;
  cursor: pointer;
  transition: all 0.36s;
}
.cultural-them .cultural-them-tab li.active {
  background: rgba(17, 91, 179, 0.55);
}

.cultural-them .cultural-them-tab li .icon {
  max-width: 81px;
}

.cultural-them .cultural-them-tab li .title-all {
  margin-left: 12%;
}
.cultural-them .cultural-them-tab li .title-all .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  color: #ffffff;
}
.cultural-them .cultural-them-tab li .title-all .desc {
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
}
.cultural-them .cultural-them-tab li .cultural-round {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: solid 1px #ffffff;
  position: relative;
}
.cultural-them .cultural-them-tab li.active .cultural-round {
  background-color: #ffffff;
}
.cultural-them .cultural-them-tab li.active .cultural-round::after {
  transform: rotate(132deg);
  border-color: #10498e;
  left: 17px;
}
.cultural-them .cultural-them-tab li .cultural-round::after {
  content: "";
  width: 8px;
  height: 8px;
  border-color: #ffffff;
  transform: rotate(45deg);
  border-width: 1px 1px 0 0;
  border-style: solid;
  position: absolute;
  left: 15px;
  top: 15px;
  transition: all 0.36s;
}

.container .cultural-them-tab-info .container-box {
  padding-top: 0;
}

.cultural-them-tab-info .hotel-area:nth-child(1) {
  display: block;
}

.platform {
  height: 880px;
  position: relative;
  padding-bottom: 100px;
}

.platform .platform-particles {
  width: 100%;
  height: 568px;
  background: #002e73;
  position: absolute;
  top: 0;
  left: 0;
}
/* .platform::after{
  content: "";
  display: block;
  width: 100%;
	height: 568px;
  background: url(/static/front/pc/images/map-topbg.png);
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
} */
.platform .container-box {
  position: relative;
  z-index: 10;
  text-align: center;
}

.platform .container-box .title {
  font-size: 32px;
  line-height: 70px;
  letter-spacing: 1px;
  color: #ffffff;
}
.platform .container-box .desc {
  height: 108px;
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
}

.platform .container-box .show-imgs {
  height: 430px;
  margin-top: 40px;
}
.platform .container-box .show-imgs .imgs {
  border-radius: 10px;
  overflow: hidden;
  border: solid 4px rgba(255, 255, 255, 0.34);
}
.platform .container-box .show-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.platform .container-box .show-imgs .imgs:nth-child(2) {
  margin-left: 60px;
}
/* 合作客户 */
.cooperate-custom {
  background: #ffffff;
  padding-bottom: 100px;
}

.container .cooperate-custom .container-box {
  padding-top: 0;
}

.cooperate-custom .title {
  text-align: center;
  font-size: 34px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 70px;
  letter-spacing: 1px;
  color: #000000;
  padding-top: 60px;
}
.cooperate-custom .desc {
  text-align: center;
  line-height: 30px;
}

.cooperate-custom .brand-box {
  margin-top: 100px;
}
.cooperate-custom .brand-box .brand-box-list:first-child {
  margin-left: 0;
}
.cooperate-custom .brand-box .brand-box-list {
  width: 100%;
  margin-left: 0;
}
.cooperate-custom .brand-box .brand-box-list:nth-child(2n) {
  padding-top: 4%;
}
.cooperate-custom .brand-box .brand-box-list li {
  width: 11.45%;
  height: 120px;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 12px 16px 2px #e9ebf2;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-right: 3.3%;
  flex-wrap: wrap;
}
.cooperate-custom .brand-box .brand-box-list li:nth-child(7n) {
  margin-right: 0;
}

.cooperate-custom .brand-box .brand-box-list li:nth-child(7n - 5) {
  margin-top: 50px;
}

.cooperate-custom .brand-box .brand-box-list li:nth-child(7n - 3) {
  margin-top: 50px;
}

.cooperate-custom .brand-box .brand-box-list li:nth-child(7n - 1) {
  margin-top: 50px;
}

.cooperate-custom .brand-box .brand-box-list li img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1460px) and (max-width: 1700px) {
}
@media screen and (max-width: 1459px) {
  .news-center-box {
    width: 1200px;
  }
  .address-them p:first-child {
    margin-right: 10px;
  }
}

.cultural-them-tab-info .car-rental .title {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1e1e1e;
}

.cultural-them-tab-info .car-rental .desc {
  margin-top: 36px;
  text-align: center;
  line-height: 36px;
  color: #333333;
}

.cultural-them-tab-info .car-rental .car-rental-box {
}

.cultural-them-tab-info .car-rental .car-rental-box li {
  margin: 100px 0;
}

.cultural-them-tab-info .car-rental .car-rental-box li .data {
  font-size: 60px;
  font-weight: bold;
  color: #115bb3;
}

.cultural-them-tab-info .car-rental .car-rental-box li .unit {
  display: inline-block;
  text-align: center;
  min-width: 26px;
  line-height: 26px;
  background-color: #115bb3;
  border-radius: 13px;
  color: #ffffff;
  padding: 0 5px;
}
/* 经营范围 */
.business-scope {
  width: 100%;
  height: 600px;
  background-image: url(/static/front/pc/images/business-scope.png);
  background-size: 100% 100%;
  padding: 60px;
}
.business-scope .business-scope-title {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
}
.business-scope-swiper {
  height: 300px;
  margin-top: 60px;
}
.business-scope-swiper .car-rental-swiper.swiper-container {
  width: 100%;
  height: 100%;
}
.business-scope-swiper .car-rental-swiper .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.business-scope-swiper .car-rental-swiper img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.business-scope-swiper .car-rental-swiper .car-rental-msk {
  text-align: center;
  width: 100%;
  height: 100%;

  background: linear-gradient(
    to top,
    rgba(17, 91, 179, 0.8),
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.2)
  );
  position: absolute;
  left: 0;
  top: 0;
  padding: 100px 0 40px;
}
.business-scope-swiper .car-rental-swiper .car-rental-msk img {
  max-width: 44px;
  max-height: 44px;
  border-radius: 0;
  width: auto;
  height: auto;
  line-height: 100px;
}
.business-scope-swiper .car-rental-swiper .car-rental-msk {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
}
/* 联系方式 */
.contact-information {
  background-image: url(/static/front/pc/images/contact-information-bg.png);
  background-color: #edf5fa;
  background-position: center 60px;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}
.contact-information .title {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1e1e1e;
}
.contact-information .contact-inf-ul {
  margin: 68px 0;
}
.contact-information .contact-inf-ul li:first-child {
  margin-left: 0;
}
.contact-information .contact-inf-ul li {
  height: 178px;
  background-image: url(/static/front/pc/images/contact-inf-ul-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-shadow: 0px 0px 16px 2px rgba(233, 235, 242, 0.7);
  border-radius: 10px;
  margin-left: 30px;
  padding: 38px;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.contact-information .contact-inf-ul li:hover {
  box-shadow: 1px 4px 20px #ccc;
  margin-top: -2px;
}
.contact-information .contact-inf-ul li:hover::after {
  background-color: #e23c32;
}

.contact-information .contact-inf-ul li.active::after {
  background-color: #e23c32;
}
.contact-information .contact-inf-ul li::after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #115bb3;
  transform: rotate(45deg);
  position: absolute;
  right: -22px;
  top: -19px;
}
.contact-information .contact-inf-ul li .inf-title {
  font-size: 20px;
  line-height: 36px;
  color: #115bb3;
}
.contact-information .contact-inf-ul li .desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
  margin-top: 6px;
}

/* 装备 */
.equipment-img {
  margin-bottom: 100px;
}
.equipment-img img {
  width: 100%;
}

.equipment-ul .equipment-list {
  width: 100%;
  height: 671px;
  cursor: pointer;
}

.equipment-ul .equipment-list .container-box {
  padding-top: 0;
  position: relative;
  z-index: 5;
}

.equipment-ul .equipment-list .container-box .left p {
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 70px;
  margin-bottom: 8px;
}
.equipment-ul .equipment-list .container-box .left div {
  line-height: 36px;
}
.equipment-ul .equipment-list .container-box .right {
  padding: 120px 60px;
}
.equipment-ul .equipment-list .container-box .right img {
  width: 100%;
}
.equipment-ul .equipment-list:nth-child(2n-1) {
  /* background: url(/static/front/pc/images/map-topbg.png); */
  background-color: #002e73;
  background-size: 100% auto;
}

.particles-js-canvas-el {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.equipment-ul .equipment-list:nth-child(2n-1) .container-box {
  flex-direction: row-reverse;
}
.equipment-ul .equipment-list:nth-child(2n-1) .container-box .left p {
  color: #ffffff;
}
.equipment-ul .equipment-list:nth-child(2n-1) .container-box .left div {
  color: #ffffff;
}

.equipment-ul .equipment-list:nth-child(2n) {
  background-color: #ffffff;
}

.particle-cente {
  background-color: #ffffff;
  text-align: center;
  padding-bottom: 100px;
}

.particle-cente .container-box p img {
  max-width: 100%;
}

.particle-cente .title {
  font-size: 32px;
  line-height: 70px;
  letter-spacing: 1px;
  color: #333333;
}
.particle-cente .desc {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 60px;
}
/* 信箱 */
.mailbox-box {
  margin-bottom: 30px;
}

.mailbox-box .title {
  width: 100%;
  height: 64px;
  border-radius: 10px;
  margin: 14px 0 26px;
  background-image: linear-gradient(90deg, #e6f1fc 0%, #ffffff 30%);
  font-size: 24px;
  font-weight: bold;
  line-height: 64px;
  letter-spacing: 1px;
  padding-left: 28px;
  position: relative;
}
.mailbox-box .title::after {
  content: "";
  width: 8px;
  height: 28px;
  background-image: linear-gradient(49deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#c0d1f3, #c0d1f3);
  background-blend-mode: normal, normal;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 18px;
}
.mailbox-box .title span {
  background: linear-gradient(to left, #3490f0, #2e69b8);
  -webkit-background-clip: text;
  color: transparent;
}

.mailbox-box .desc {
  line-height: 52px;
  padding-bottom: 30px;
  padding-left: 32px;
}

/* 关于我们-荣誉资质 */
.certificate-bg {
  background: url(/static/front/pc/images/certificate-bg.png) no-repeat;
  /* background-size: 100% auto; */
  background-position: bottom center;
}

/* .certificate-content{
    height: 814px;
} */

.swiper-certificate-list {
  position: relative;
  height: 675px;
}

.gallery-thumbs.swiper-container {
  width: 140px;
  height: 560px;
  margin-top: 40px;
  padding: 0;
}
.gallery-thumbs.swiper-container .swiper-slide {
  width: 140px !important;
  position: relative;
}
.gallery-thumbs.swiper-container .qualifications-list-bg {
  padding: 18px;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gallery-thumbs.swiper-container .swiper-slide-active .qualifications-list-bg {
  width: 140px;
  height: 140px;
  background: url(/static/front/pc/images/qualifications-img.png);
  padding: 31px;
}

.gallery-thumbs.swiper-container
  .qualifications-list-bg
  .qualifications-list-img {
  width: 77px;
  height: 77px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.certificate-swiper .swiper-certificate-list .swiper-button-prev {
  background-image: url(/static/front/pc/images/certificate-first.png) !important;
  width: 70px;
  height: 70px;
  background-size: 70px 70px;
  left: 31px;
  top: -25px;
}

.certificate-swiper .swiper-certificate-list .swiper-button-next {
  background-image: url(/static/front/pc/images/certificate-next.png) !important;
  width: 70px;
  height: 70px;
  background-size: 70px 70px;
  right: 31px;
  bottom: 0;
  top: auto;
}

.gallery-top.swiper-container {
}

.swiper-certificate-info,
.swiper-certificate-info .gallery-top {
  height: 815px;
}
.gallery-top.swiper-container .qualifications-left {
  width: 238px;
}

.gallery-top.swiper-container .qualifications-left .title-img {
  width: 78px;
  height: 72px;
  background: url(/static/front/pc/images/them-circle.png);
  text-align: center;
  line-height: 72px;
  margin-top: 150px;
}
.gallery-top.swiper-container .qualifications-left .title-data {
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
  color: #115bb3;
  margin-top: 60px;
}

.gallery-top.swiper-container .qualifications-left .qualifications-name {
  font-size: 26px;
  line-height: 36px;
  color: #333333;
  margin-top: 18px;
}
.gallery-top.swiper-container .qualifications-right {
  width: 588px;
  height: 587px;
  background-size: 100% 100%;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  right: calc(50% - 319px - 40px);
  bottom: 175px;
}
.gallery-top.swiper-container .qualifications-right::after {
  content: "";
  display: block;
  width: 588px;
  height: 587px;
  background: url(/static/front/pc/images/elliptic1.png);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: circle 8s infinite linear;
}

.gallery-top.swiper-container .qualifications-right .qualifications-infos {
  width: 562px;
  height: 562px;
  margin-top: 31px;
  margin-left: 12px;
  text-align: center;
  line-height: 562px;
  position: relative;
}

.gallery-top.swiper-container
  .qualifications-right
  .qualifications-infos::before {
  content: "";
  display: block;
  width: 562px;
  height: 562px;
  background: url(/static/front/pc/images/elliptic2.png);
  position: absolute;
  left: 0;
  top: 0;
}

.gallery-top.swiper-container .qualifications-right .qualifications-infos img {
  max-width: 400px;
  max-height: 266px;
  opacity: 1 !important;
  position: relative;
  z-index: 10;
}

.gallery-top.swiper-container .swiper-slide {
  position: relative;
}

/* 一闪一闪 */

@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.9;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.9;
  }
}

@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 发展战略 */
.strategy-container .container-title {
  margin-bottom: 30px;
}

.strategy-container .cleave-box {
  position: relative;
  background: #ffffff;
  margin-top: 20px;
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
  .content {
    height: 30vh;
  }
  h1 {
    font-size: 24px;
  }
}

.box-content {
  background-image: linear-gradient(to bottom, #dff5ff, #f7f7eb);
  padding-bottom: 90px;
}

.pc-slide {
  width: 100%;
  margin: 0 auto;
}
.pc-slide .swiper-slide {
  /* background: #155eb4; */
}
.pc-slide .view-info {
  margin-top: 60px;
}
.view-info .swiper-container {
  width: 100%;
  height: 417px;
}
.view-info .title {
  line-height: 70px;
  background: url(/static/front/pc/images/titles.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 10px 0px 0px;
  text-indent: 46px;

  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
}
.view-info .desc {
  height: 346px;
  overflow-y: scroll;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(197, 205, 224, 0.22);
  border-radius: 0 0 10px 10px;
  padding: 50px 46px;
}
.view-info .desc * {
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  margin-bottom: 16px;
}
.view-info .desc span {
  color: #115bb3;
  font-weight: bold;
}
.preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.preview .swiper-container {
  width: 100%;
  height: 270px;
}

.preview .swiper-slide {
  height: 270px;
  width: 20% !important;
  cursor: pointer;
}

.preview .strategy-box {
  width: 172px;
  height: 168px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.preview .active-nav .strategy-box::after {
  -webkit-animation: circle 8s infinite linear;
}
.preview .strategy-box::after {
  content: "";
  display: block;
  width: 172px;
  height: 177px;
  background: url(/static/front/pc/images/strategy-bg.png) no-repeat;
  position: absolute;
  background-position: center;
  left: 0;
  top: 0;
}
.preview .strategy-box img {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  margin-left: 12px;
  margin-top: 10px;
}
.preview .swiper-slide {
  margin-top: 30px;
}
.preview .swiper-slide.active-nav {
  margin-top: 0;
}
.preview .active-nav.swiper-slide .title {
  color: #115bb3;
}
.preview .swiper-slide .title {
  margin-top: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  position: relative;
}

.preview .swiper-slide.active-nav .title::after {
  content: "";
  display: block;
  width: 26px;
  height: 18px;
  background: url(/static/front/pc/images/triangle.png);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}

/* 企业理念 */
.philosophy-box {
  margin-top: 90px;
  position: relative;
}
.philosophy-box .philosophy-bg {
  width: 100%;
}
.philosophy-box .philosophy-list {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.philosophy-box .philosophy-list:nth-child(2n-1) .philosophy-c {
  flex-direction: column-reverse; /* 主轴方向 */
}
.philosophy-box .philosophy-list .philosophy-c {
  width: 200px;
  height: 140px;
  position: absolute;
  left: -100px;
  top: -73px;
  cursor: pointer;
}

.philosophy-box .philosophy-list .round {
  width: 17px;
  height: 17px;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
}
.philosophy-box .philosophy-list.active .round {
  background-color: #e50012;
}
.philosophy-box .philosophy-list.active .round::after {
  background-color: #e50012;
  animation: flash1 2s infinite;
}
@-webkit-keyframes flash1 {
  0%,
  100%,
  50% {
    opacity: 0.2;
  }
  25%,
  75% {
    opacity: 0.08;
  }
}

.philosophy-box .philosophy-list.active .round::before {
  width: 90px;
  height: 90px;
  background-color: #e50012;
  animation: flash2 2.5s infinite;
}
@-webkit-keyframes flash2 {
  0%,
  100%,
  50% {
    opacity: 0.11;
  }
  25%,
  75% {
    opacity: 0.02;
  }
}

.philosophy-box .philosophy-list .round::after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  left: -12px;
  top: -12px;
}
.philosophy-box .philosophy-list .round::before {
  content: "";
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 0.11;
  position: absolute;
  left: -38px;
  top: -38px;
}
.philosophy-box .philosophy-list.active .serial-number {
  opacity: 1;
}
.philosophy-box .philosophy-list .title {
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
}
.philosophy-box .philosophy-list.active .title {
  font-weight: 600;
  font-size: 28px;
  line-height: 22px;
  color: #e50012;
}
.philosophy-box .philosophy-list .serial-number {
  font-size: 36px;
  color: #e50012;
  opacity: 0;
}
.philosophy-box .philosophy-list.philosophy1 {
  left: 16%;
  top: 25%;
}
.philosophy-box .philosophy-list.philosophy2 {
  left: 30%;
  top: 17.6%;
}
.philosophy-box .philosophy-list.philosophy3 {
  left: 44%;
  top: 30.5%;
}
.philosophy-box .philosophy-list.philosophy4 {
  left: 58%;
  top: 44.3%;
}
.philosophy-box .philosophy-list.philosophy5 {
  left: 71%;
  top: 54%;
}
.philosophy-box .philosophy-list.philosophy6 {
  left: 85%;
  top: 44%;
}

/* swipert */
.philosophy-container {
  padding-bottom: 110px;
  background: url(/static/front/pc/images/hxbg.png);
  background-size: 100% auto;
  background-position: bottom center;
}
.container .container-box.philosophy-substance {
  position: relative;
  padding-top: 127px;
  margin-top: -18% !important;
}
.philosophy-swiper {
  width: 100%;
  min-height: 282px;
  background-color: #ffffff;
  box-shadow: 0px 10px 16px 0px rgba(197, 205, 224, 0.3);
  border-radius: 10px;
  border-top: 6px solid #1f70cc;
}
.philosophy-substance .swiper-button-prev {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #fff;
  left: 0;
  top: 0;
}
.philosophy-substance .swiper-button-next {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #fff;
  left: 224px;
  top: 0;
}
.philosophy-substance .swiper-pagination {
  width: 100px;
  color: #ffffff;
  top: 0;
  left: 98px;
}

.philosophy-substance .swiper-pagination .swiper-pagination-current {
  font-size: 36px;
}

.philosophy-substance .swiper-pagination .swiper-pagination-total {
  font-size: 24px;
}
.philosophy-substance .philosophy-swiper .swiper-slide {
  padding: 48px 50px;
  background-color: #ffffff;
  position: relative;
}
.philosophy-substance .philosophy-swiper .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  color: #115bb3;
  position: relative;
  padding-bottom: 55px;
}

.philosophy-substance .philosophy-swiper .philosophy-shownumber {
  font-size: 124px;
  line-height: 100px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #3876bf;
  opacity: 0.1;
  position: absolute;
  right: 50px;
  top: 50px;
}

.philosophy-substance .philosophy-swiper .desc {
  line-height: 36px;
}
.philosophy-substance .philosophy-swiper .title::after {
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background-color: #e50012;
  position: absolute;
  left: 0;
  bottom: 26px;
}
.philosophy-substance .swiper-button-next {
  background-image: url(/static/front/pc/images/right-arrow.png);
  background-size: 27px 27px;
}
.philosophy-substance .swiper-button-prev {
  background-image: url(/static/front/pc/images/left-arrow.png);
  background-size: 27px 27px;
}

/* 新闻 */
.container .news-top-swiper {
  background: url(/static/front/pc/images/disclosure-bj.png) no-repeat;
  background-size: 100% auto;
  height: 700px;
}

.news-top-swiper .swiper-news {
  height: 430px;

  box-shadow: 0px 0px 30px 0px rgba(197, 205, 224, 0.3);
  border-radius: 10px;
  border: solid 2px #ffffff;
  margin-top: 58px;
}

.news-top-swiper .swiper-news .swiper-slide {
  background-image: url(/static/front/pc/images/disclosure-bgs.png);
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 100% auto;
  background-position: bottom right;
}

.news-top-swiper .swiper-news {
}

.news-top-swiper .swiper-news .left {
  width: 47%;
}
.news-top-swiper .swiper-news .left img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  border-radius: 10px;
}
.news-top-swiper .swiper-news .right {
  width: 53%;
  padding: 58px 58px 110px;
}

.news-top-swiper .swiper-news .right .data .title {
  display: inline-block;
  width: 80px;
  height: 28px;
  background-color: #115bb3;
  font-size: 16px;
  border-radius: 6px;
  text-align: center;
  line-height: 28px;
  color: #ffffff;
}
.news-top-swiper .swiper-news .right .data .num {
  line-height: 28px;
}

.news-top-swiper .swiper-news .right .title {
  height: 80px;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 1px;
  color: #333333;
  margin-top: 20px;
}
.news-top-swiper .swiper-news .right .desc {
  height: 52px;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  margin-top: 20px;
}
.news-top-swiper .swiper-news .right .more-link {
  margin-top: 16px;
}
.news-top-swiper .swiper-news .right .more-link a {
  font-size: 14px;
  color: #8c97a8;
}
.news-top-swiper .swiper-news .right .more-link img {
  width: 8px;
}
.news-bottom-box {
  min-height: 500px;
  background: url(/static/front/pc/images/along-line.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.news-bottom-box .news-ul-box .news-list-box {
  width: calc(33.33% - 40px);
  height: 490px;
  margin-right: 60px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.news-bottom-box .news-ul-box .news-list-box:hover .top-show-img img {
  transform: scale(1.1);
}
.news-bottom-box .news-ul-box .news-list-box .top-show-img {
  width: 100%;
  height: 275px;
  border-radius: 10px;
  overflow: hidden;
}
.news-bottom-box .news-ul-box .news-list-box .top-show-img img {
  width: 100%;
  height: 100%;
  transition: all 0.36s;
}
.news-bottom-box .news-list-box .data {
  margin: 28px 0;
}
.news-bottom-box .news-list-box .data .title {
  display: inline-block;
  width: 80px;
  height: 28px;
  font-size: 16px;
  background-color: #115bb3;
  border-radius: 6px;
  text-align: center;
  line-height: 28px;
  margin-right: 5px;
  color: #ffffff;
}
.news-bottom-box .news-list-box .data .num {
  line-height: 28px;
}

.news-bottom-box .news-list-box .title {
  height: 68px;
  font-size: 20px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0px;
  color: #333333;
}
.news-bottom-box .news-list-box .more-link {
  margin-top: 20px;
}
.news-bottom-box .news-list-box .more-link span {
  font-size: 14px;
  color: #8c97a8;
}
.news-bottom-box .news-list-box .more-link span i {
  margin-left: 4px;
  transition: all ease-in 0.36s;
}
.news-bottom-box .news-list-box .more-link :hover i {
  margin-left: -1px;
}
.news-bottom-box .news-ul-box .news-list-box:nth-child(3n) {
  margin-right: 0;
}

.swiper-news.swiper-container-horizontal > .swiper-pagination-bullets {
  padding-left: 110px;
  left: calc(47% + 58px);
  bottom: 48px;
  width: auto;
}
.swiper-news .swiper-pagination {
  position: relative;
}
.swiper-news .swiper-pagination::before {
  content: "";
  display: block;
  width: 110px;
  height: 1px;
  background-color: #115bb3;
  opacity: 0.22;
  position: absolute;
  left: 0;
  top: 5px;
}
.swiper-news .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background-color: #115bb3;
  opacity: 0.2;
}
.swiper-news .swiper-pagination .swiper-pagination-bullet-active:after {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #115bb3;
  border-radius: 50%;
  opacity: 1;
  position: absolute;
  left: 5px;
  top: 5px;
}
.swiper-news .swiper-pagination .swiper-pagination-bullet-active {
  width: 19px;
  height: 19px;
  border: solid 1px #cfddf0;
  opacity: 1;
  background: #ffffff;
  position: relative;
  margin-top: -5px !important;
}

/* 新闻详情 */
.news-info-container {
  margin-top: 30px;
}
.news-info-box {
  min-height: calc(100% - 375px);
  background: url(/static/front/pc/images/hxbg.png) no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}

.news-info-box .left-menu {
  /* margin-bottom: 50px; */
  /* line-height: 50px; */
}
.news-info-box .left-menu a::after {
  content: "\e65f";
  font-family: "iconfont";
  font-size: 10px;
  margin-left: 4px;
}
.news-info-box .left-menu a:last-child::after {
  content: "";
  width: 0;
  height: 0;
  overflow: hidden;
}

.news-info-box .left-menu .icon-31shouyexuanzhong {
  font-size: 22px;
  background: linear-gradient(to bottom, #3490f0, #115bb3);
  -webkit-background-clip: text;
  color: transparent;
}
.news-info-box .left-menu a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
  margin-right: 6px;
}
.news-info-box .left-menu a .iconfont {
  font-size: 12px;
  margin-left: 2px;
}
.news-info-box .left {
  width: 423px;
  height: 497px;
  background-image: url(/static/front/pc/images/re-10.png);
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-size: 100% auto;
  box-shadow: 0px 0px 30px 0px rgba(197, 205, 224, 0.3);
  border-radius: 10px;
  padding: 48px;
  margin-bottom: 100px;
}
.news-info-box .news-info-container .left .data .title {
  display: inline-block;
  width: 80px;
  height: 28px;
  background-color: #115bb3;
  border-radius: 6px;
  text-align: center;
  line-height: 28px;
  color: #ffffff;
  font-size: 16px;
  margin-right: 5px;
}
.news-info-box .news-info-container .left .titles {
  height: 160px;
  margin-top: 16px;
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 1px;
  color: #333333;
}

.news-info-box .news-info-container .left-post {
  position: relative;
  width: 423px;
}
.news-info-box .news-info-container .left-post .left {
}

.news-info-box .news-info-container .left-post .left .laiyuan {
  margin-top: 12px;
  font-size: 14px;
  color: #999999;
}
.news-info-container .publishing-method {
  margin: 30px 0 60px;
}
.news-info-container .publishing-method span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  margin-right: 28px;
}

.news-info-container .publishing-method .qq {
  border: solid 1px #56b6e7;
}
.news-info-container .publishing-method .qq img {
  width: 15px;
}
.news-info-container .publishing-method .wchart {
  border: solid 1px #7bc549;
}
.news-info-container .publishing-method .wchart img {
  width: 18px;
}
.news-info-container .publishing-method .microblog {
  border: solid 1px #ff763b;
}
.news-info-container .publishing-method .microblog img {
  width: 20px;
}

.news-info-container .previous-article a {
  display: inline-block;
  width: 140px;
  height: 50px;
  line-height: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #d5d5d5;
  line-height: 50px;
  text-align: center;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-info-container .previous-article a i {
  font-size: 18px;
}

.news-info-back {
  margin: 38px 0;
}
.news-info-back .back-list {
  text-align: end;
  /* margin-bottom: 56px; */
}
.news-info-back .back-list a {
  width: 144px;
  height: 47px;
  display: inline-block;
  background-color: #115bb3;
  border-radius: 24px 0px 24px 0px;
  text-align: center;
  line-height: 47px;
  color: #ffffff;
}
.news-info-box .news-info-container .right {
  min-height: 750px;
  margin-left: 120px;
  padding-bottom: 90px;
}
.news-info-box .news-info-container .right .desc {
  border-top: 4px solid #def1ff;
  padding-top: 50px;
}

.news-info-box .news-info-container .right .desc * {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
  margin-bottom: 18px;
}
.news-info-box .news-info-container .right .desc img {
  max-width: 100%;
}

/* 新闻详情页-新闻推荐 */
.news-recommend {
  background-color: #ffffff;
  padding-bottom: 90px;
}
.news-recommend .title-more .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  color: #115bb3;
  position: relative;
  text-indent: 24px;
}
.news-recommend .title-more .title::after {
  content: "";
  width: 6px;
  height: 26px;
  background-color: #115bb3;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 4px;
}
.news-recommend .title-more a {
  font-size: 14px;
  color: #8c97a8;
}

.news-recommend .recommend-list {
  width: 100%;
  margin-top: 40px;
}
.news-recommend .recommend-list li {
  width: calc(33.33% - 40px);
  margin-right: 60px;
}
.news-recommend .recommend-list li:nth-child(3n) {
  margin-right: 0;
}
.news-recommend .recommend-list .recommend-top-img {
  width: 100%;
  height: 275px;
  border-radius: 10px;
  overflow: hidden;
}
.news-recommend .recommend-list li:hover .recommend-top-img img {
  transform: scale(1.1);
}

.news-recommend .recommend-list .recommend-top-img img {
  width: 100%;
  height: 275px;
  object-fit: cover;
  transition: all 0.36s;
}
.news-recommend .recommend-list .data {
  margin: 22px 0;
}
.news-recommend .recommend-list .data .title {
  display: inline-block;
  width: 80px;
  line-height: 28px;
  background-color: #115bb3;
  border-radius: 6px;
  color: #ffffff;
  text-align: center;
  margin-right: 5px;
}
.news-recommend .recommend-list .data .num {
  line-height: 26px;
}

.news-recommend .recommend-list .titles {
  height: 68px;
  font-size: 20px;
  font-weight: bold;
  line-height: 34px;
  color: #333333;
}

.news-recommend .recommend-list .more-link {
  margin-top: 20px;
}
.news-recommend .recommend-list .more-link a {
  font-size: 14px;
  color: #8c97a8;
}
.news-recommend .recommend-list .more-link a img {
  width: 8px;
}

/* 地图 */
.map-filter-box {
  width: 400px;
  height: 52px;
  line-height: 52px;
}

.map-filter-box .filter-text .filter-title {
  line-height: 52px;
  height: 52px;
}
.map-filter-box .filter-text .filter-title::placeholder {
  color: #999999;
}
.map-filter-box .filter-list {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  width: 400px;
  top: 73px;
  left: 20px;
}
.map-filter-box .filter-list li:hover {
  background-color: #ffffff;
}
.map-filter-box .filter-text .filter-title {
  color: #333333;
}
.map-filter-box .filter-list li.filter-selected {
  background-color: #ffffff;
}
.filter-list li.filter-selected a {
  display: block;
  color: #333333;
}

.filter-list li.filter-disabled {
  background-color: #333333;
}

.filter-list li.filter-disabled a {
  display: block;
  color: #333333;
}

.disclosure-bg {
  background: url(/static/front/pc/images/disclosure-bj.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
/* 关于我们-发展规划 */
.develop-contents-bg {
  background: url(/static/front/pc/images/about-us-bg.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.develop-contents {
  padding-bottom: 60px;
}
.develop-box {
  padding-bottom: 50px;
}
.develop-box li {
  width: 100%;
  position: relative;
}
.develop-box .develop-list {
  padding-bottom: 50px;
  padding-top: 50px;
  z-index: 10;
  position: relative;
}
.develop-box .develop-list::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d7d7d7;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.36s;
}

.develop-box .develop-list::after {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #115bb3;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all ease-in 0.4s;
}
.develop-box .develop-list:hover::after {
  width: 100%;
}
.develop-box .develop-list:hover::before {
  width: 0%;
}

.develop-box .develop-list .develop-list-left {
  width: 185px;
  height: 125px;
  background: url(/static/front/pc/images/browse-left-bg.png) no-repeat;
  background-position: bottom left;
  transition: all 0.36s;
}
.develop-box .develop-list .develop-list-left .date {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #000000;
}
.develop-box .develop-list .develop-list-left .browse {
  color: #999999;
  margin-top: 16px;
}
.develop-box .develop-list .develop-list-left .browse img {
  width: 23px;
}
.develop-box .develop-list:hover .develop-list-center {
  transform: translate(-2px, -2px);
}
.develop-box .develop-list .develop-list-center {
  height: 125px;
  transition: all 0.3s;
}

.develop-box .develop-list .develop-list-center .data {
  display: block;
  margin-left: 30px;
  margin-right: 60px;
}
.develop-box .develop-list .develop-list-center .data .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 1px;
  color: #333333;
}
.develop-box .develop-list .develop-list-center .data .desc {
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 20px;
}

.develop-box .develop-list .develop-list-center > img {
  width: 200px;
}
.develop-box .develop-list .more {
  width: 98px;
}
.develop-box .develop-list .more a {
  display: inline-block;
  width: 98px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px 0px 10px 0px;
  transition: all 0.3s;
}

/* 关于我们-管理团队 */
.management-team {
  padding-top: 40px;
  padding-bottom: 160px;
}

.management-team .management-team-left {
  width: 478px;
}

.management-team .management-team-left li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dee8f1;
  position: relative;
  cursor: pointer;
}

.management-team .management-team-left li .name {
  min-width: 58px;
  margin-right: 46px;
  font-weight: bold;
  color: #333333;
  text-align: justify;
  text-align-last: justify;
  position: relative;
}
.management-team .management-team-left li::after {
  content: "";
  width: 58px;
  height: 3px;
  background-color: #115bb3;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}
.management-team .management-team-left li:hover::after {
  width: 100%;
}
.management-team .management-team-left li p {
  color: #4d4d4d;
}

.management-team .management-team-right {
  max-width: 810px;
  min-width: 722px;

  padding-left: 85px;
  padding-top: 104px;
  background: url(/static/front/pc/images/floor-bg.png) no-repeat left top/410px auto,
    url(/static/front/pc/images/floor.png) no-repeat right top/152px 104px;
}

.management-team .management-team-right img {
  width: 100%;
  height: 453px;
  border-radius: 10px;
}

/* 组织机构 */

.organization {
  padding: 57px 60px 100px;
}

.organization img {
  width: 100%;
}

/* 网站地图 */
.website-map-bg {
  background: url(/static/front/pc/images/hxbg.png) no-repeat;
  background-size: cover;
}
.website-map {
  padding-bottom: 120px;
}

.website-map li {
  width: 100%;
  height: 95px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 46px;
}
.website-map li:last-child {
  margin-bottom: 0;
}
.website-map li .title {
  text-indent: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #333333;
  position: relative;
}
.website-map li .title::after {
  content: "";
  width: 4px;
  height: 19px;
  background-image: linear-gradient(49deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#f7f8fa, #f7f8fa);
  background-blend-mode: normal, normal;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 3px;
}
.website-map li .desc {
  margin-top: 20px;
}
.website-map li .desc a {
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  display: inline-block;
  margin-right: 30px;
}

/* 信息公开详情页 */

.information-disclosure-info {
}

.information-disclosure-info .right {
  margin-left: 100px;
  padding-top: 60px;
  border-top: 4px solid #def1ff;
}

.information-disclosure-info .right .title p {
  font-size: 24px;
}
.information-disclosure-info .right .title a {
  width: 144px;
  height: 47px;
  background-color: #115bb3;
  border-radius: 24px 0px 24px 0px;
  color: #ffffff;
  text-align: center;
  line-height: 47px;
}
.information-disclosure-info .right .date {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #999999;
  margin-bottom: 34px;
  margin-top: 17px;
}

.information-disclosure-info .right .content-desc {
}

.information-disclosure-info .right .content-desc * {
  text-indent: 2em;
  color: #666666;
  line-height: 30px;
  /* margin: 15px 0; */
}
.information-disclosure-info .right .content-desc img {
  max-width: 100%;
  border-radius: 10px;
}
.information-disclosure-info .right .next-paging {
  margin-top: 10px;
  padding-top: 30px;
  margin-bottom: 80px;
  border-top: 1px solid #c5dcec;
}

.information-disclosure-info .left {
  width: 360px;
  height: 100%;
  position: relative;
}
.information-disclosure-info .left::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: 5px 10px 10px #cccccc;
}

.information-disclosure-info .left .title {
  width: 271px;
  height: 70px;
  background-image: url(/static/front/pc/images/infotitle-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 24px;
  font-weight: bold;
  line-height: 70px;
  text-indent: 34px;
  color: #115bb3;
}
.information-disclosure-info .left .left-menu::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #def1ff;
  position: absolute;
  left: 10px;
  top: 0;
}
.information-disclosure-info .left .left-menu {
  min-height: 510px;
  padding-top: 10px;
  margin-top: 22px;
  position: relative;
}

.information-disclosure-info .left .left-menu li {
  height: 60px;
  width: 270px;
}

.information-disclosure-info .left .left-menu li .round {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px dotted #115bb3;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.information-disclosure-info .left .left-menu li.active .round {
  background-color: #c5dcef;
  animation-name: twinkle;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.information-disclosure-info .left .left-menu li .round::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #115bb3;
  position: absolute;
  left: 4px;
  top: 4px;
}
.information-disclosure-info .left .left-menu li .left-menu-list {
  margin-left: 26px;
  width: 224px;
  text-indent: 30px;
  position: relative;
}
.information-disclosure-info .left .left-menu li .left-menu-list a {
  display: block;
  font-size: 18px;
  color: #333333;
}
.information-disclosure-info .left .left-menu li.active .left-menu-list {
  height: 50px;
  line-height: 50px;
  box-shadow: 0px 0px 16px 0px rgba(197, 205, 224, 0.3);
  border-radius: 5px;
  position: relative;
  transition: all ease-in 0.1s;
  background-color: #ffffff;
}

.information-disclosure-info .left .left-menu li.active .left-menu-list:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  left: -16px;
  top: 16px;
  transition: all ease-in 0.36s;
}
.information-disclosure-info .left .left-menu li .left-menu-list::before {
  content: "";
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  top: 21px;
  right: 0;
  transition: all ease 0.3s;
}
.information-disclosure-info
  .left
  .left-menu
  li.active
  .left-menu-list::before {
  content: "";
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #115bb3 #115bb3 transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 21px;
  transition: all ease 0.3s;
}

.information-disclosure-info .left .left-menu li.active .left-menu-list a {
  color: #115bb3;
  font-weight: bold;
}

@-webkit-keyframes twinkle {
  0%,
  100%,
  50% {
    background-color: #c5dcef;
  }
  25%,
  75% {
    background-color: #ffffff;
  }
}

@keyframes twinkle {
  0%,
  100%,
  50% {
    background-color: #c5dcef;
  }
  25%,
  75% {
    background-color: #ffffff;
  }
}

/* 信息公开列表页 */
.disclosure-list {
  width: 100%;
}

.disclosure-list .disclosure-recommend {
  height: 272px;
  background-color: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(197, 205, 224, 0.3);
  border-radius: 10px;
  border-bottom: 6px solid #1866c0;
  padding: 27px 27px 24px;

  background: url(/static/front/pc/images/disclosure-bgs.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom right;
}

.container-content .information-disclosure-info .disclosure-right {
  margin-left: 100px;
  padding-top: 60px;
  border-top: 4px solid #def1ff;
}

.disclosure-list .disclosure-recommend .disclosure-recommend-link .left-img {
  width: 350px;
  height: 221px;
  border-radius: 10px;
  overflow: hidden;
}
.disclosure-list
  .disclosure-recommend
  .disclosure-recommend-link
  .left-img
  img {
  transition: all 0.36s;
}
.disclosure-list
  .disclosure-recommend:hover
  .disclosure-recommend-link
  .left-img
  img {
  transform: scale(1.1);
}

.disclosure-list
  .disclosure-recommend
  .disclosure-recommend-link
  .left-img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.disclosure-list .disclosure-recommend .disclosure-recommend-link .right-text {
  margin-left: 50px;
  padding-top: 23px;
}

.disclosure-list .disclosure-recommend-link .right-text .title {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
}

.disclosure-list .disclosure-recommend-link .right-text .desc {
  margin-top: 26px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}
.disclosure-list .disclosure-recommend-link .right-text .more {
  margin-top: 42px;
}
.disclosure-list .disclosure-recommend-link .right-text .more a {
  font-size: 14px;
  color: #8c97a8;
}
.disclosure-list .disclosure-box {
  margin-top: 15px;
  margin-bottom: 50px;
}
.disclosure-list .disclosure-box li {
  line-height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #eef2f5;
}
.disclosure-list .disclosure-box li .title {
  position: relative;
  text-indent: 28px;
  color: #333333;
  transition: all ease-in 0.2s;
}
.disclosure-list .disclosure-box li .title:hover {
  text-indent: 16px;
}
.disclosure-list .disclosure-box li .title::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #676767;
  position: absolute;
  left: 0;
  top: 35px;
}
.disclosure-list .disclosure-box li .date {
  color: #999999;
  margin-left: 20px;
}

/* 信息公开-工商注册登记 */
.registration-box {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(197, 205, 224, 0.3);
  margin-bottom: 120px;
}
.registration-box img {
  width: 100%;
}

/* 廉政制度 */
.container .system-top-banner {
  padding-top: 110px;
  background: url(/static/front/pc/images/disclosure-bj.png) no-repeat;
  background-size: 100% auto;
}
.container .system-top-banner .top-swiper {
  height: 560px;
  padding-top: 0;
}

.container .system-top-banner .top-swiper .system-accordion-list {
  margin-top: 94px;
  height: 332px;
}
.container .system-top-banner .top-swiper .system-accordion-list .news-img {
  width: 443px;
  height: 332px;
  position: relative;
}
.container
  .system-top-banner
  .top-swiper
  .system-accordion-list
  .news-img
  .title {
  position: absolute;
  padding: 0 32px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1px;

  bottom: 35px;
  left: 0;
}
.container
  .system-top-banner
  .top-swiper
  .system-accordion-list
  .news-img
  .title
  a {
  color: #ffffff;
}
.container
  .system-top-banner
  .top-swiper
  .swiper-slide-active
  .news-img
  .title {
  display: none;
}
.container .system-top-banner .top-swiper .system-accordion-list .news-img img {
  width: 100%;
  height: 332px;
  border-radius: 10px;
  object-fit: cover;
}
.container
  .system-top-banner
  .top-swiper
  .swiper-slide-active
  .system-accordion-list {
  width: 995px;
  position: absolute;
  left: 0;
}
.container .system-top-banner .top-swiper .system-accordion-list {
  width: 445px;
  position: absolute;
  right: 0;
}

.container .system-top-banner .top-swiper .active-show {
  padding: 26px 47px;
  display: none;
  position: relative;
  z-index: 99;
}
.container .system-top-banner .top-swiper .swiper-slide-active .active-show {
  display: block;
}
.container .system-top-banner .top-swiper .active-show .date .titles {
  display: inline-block;
  width: 80px;
  line-height: 28px;
  text-align: center;
  background-color: #115bb3;
  border-radius: 6px;
  color: #ffffff;
  margin-right: 10px;
}
.container .system-top-banner .top-swiper .active-show .title {
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  color: #333333;
}
.container .system-top-banner .top-swiper .active-show .desc {
  line-height: 26px;
  color: #999999;
  margin-top: 36px;
}
.container .system-top-banner .top-swiper .active-show .more {
  color: #8c97a8;
  font-size: 14px;
  display: inline-block;
  margin-top: 42px;
}

.container .system-top-banner .top-swiper .active-show .more img {
  margin-left: 3px;
}
@media (min-width: 1460px) and (max-width: 1700px) {
  .container
    .system-top-banner
    .top-swiper
    .swiper-slide-active
    .system-accordion-list {
    width: 910px;
  }
  .container .system-top-banner .top-swiper .system-accordion-list {
    width: 390px;
  }
  .container .system-top-banner .top-swiper .system-accordion-list .news-img {
    width: 390px;
  }
  .container .system-top-banner .top-swiper .swiper-button-next {
    right: 360px !important;
  }
}

@media screen and (max-width: 1459px) {
  .container
    .system-top-banner
    .top-swiper
    .swiper-slide-active
    .system-accordion-list {
    width: 840px;
  }
  .container .system-top-banner .top-swiper .system-accordion-list {
    width: 360px;
  }
  .container .system-top-banner .top-swiper .system-accordion-list .news-img {
    width: 360px;
  }
  .container .system-top-banner .top-swiper .swiper-button-next {
    right: 330px !important;
  }
}

.container .system-top-banner .top-swiper .system-accordion-swiper {
  height: 560px;
  width: 100%;
}

.container
  .system-top-banner
  .top-swiper
  .system-accordion-swiper.swiper-container-horizontal
  > .swiper-scrollbar {
  left: 0;
  top: 3px !important;
  bottom: auto;
  width: 100%;
}
.container
  .system-top-banner
  .top-swiper
  .system-accordion-swiper
  .swiper-scrollbar-drag {
  background: #115bb3;
}
.container
  .system-top-banner
  .top-swiper
  .system-accordion-swiper
  .swiper-scrollbar {
  background-color: #ceddee;
  height: 2px;
}

.container .system-top-banner .top-swiper .swiper-button-next {
  background-image: url(/static/front/pc/images/swiper-next.png);
  width: 60px;
  height: 60px;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
  right: 415px;
}
.container
  .system-top-banner
  .top-swiper
  .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}
.container .system-top-banner .top-swiper .swiper-pagination {
  bottom: 70px;
  text-align: left;
  color: #d7dbdc;
}
.container .system-top-banner .top-swiper .swiper-pagination-current {
  color: #115bb3;
}
.container .system-top-banner .top-swiper .swiper-pagination::before {
  content: "←";
  display: inline-block;
  margin-right: 8px;
}
.container .system-top-banner .top-swiper .swiper-pagination::after {
  content: "→";
  display: inline-block;
  margin-left: 8px;
}

.container .system-content {
  background: url(/static/front/pc/images/system-bg.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.container .system-content .system-content-ul {
  padding-top: 65px;
  padding-bottom: 70px;
}

.container .system-content .system-content-ul li {
  height: 165px;
  border-bottom: 1px solid #d7d7d7;
  position: relative;
  z-index: 1;
  transition: all 0.36s;
  cursor: pointer;
}
.container .system-content .system-content-ul li::after {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #115bb3;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}
.container .system-content .system-content-ul li .system-content-list {
  height: 165px;
}
.container .system-content .system-content-ul li:hover {
  margin-left: -20px;
}
.container .system-content .system-content-ul li:hover::after {
  width: 100%;
}
/* .container .system-content .system-content-ul li:hover .center {
  padding-left: 35px;
} */
/* .container .system-content .system-content-ul li:hover::after {
  width: 100%;
}
.container .system-content .system-content-ul li::after {
  content: "";
  display: block;
  width: 0%;
  height: 100%;
  box-shadow: 0px 0px 16px 2px rgba(197, 205, 224, 0.3);
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.36s;
} */
.container .system-content .system-content-ul .left {
  width: 175px;
  position: relative;
}
.container .system-content .system-content-ul .left::after {
  content: "";
  display: block;
  width: 1px;
  height: 66px;
  background: radial-gradient(#d7d7d7 24%, #ffffff 100%);
  position: absolute;
  right: 0;
}
.container .system-content .system-content-ul .left .left-title {
  width: 66px;
  height: 66px;
  background-color: #115bb3;
  border-radius: 6px;
  padding: 12px;
  text-align: center;
  line-height: 22px;
  letter-spacing: 2px;
  color: #ffffff;
}
.container .system-content .system-content-ul .left .date {
  padding-top: 6px;
  color: #333333;
  line-height: 26px;
  margin-left: 15px;
}

.container .system-content .system-content-ul .right {
  width: 100px;
}

.container .system-content .system-content-ul .center {
  padding-left: 45px;
  padding-right: 55px;
  transition: all 0.36s;
}
.container .system-content .system-content-ul .center .title {
  font-size: 18px;
  font-weight: bold;

  line-height: 26px;

  color: #333333;
}
.container .system-content .system-content-ul .center .desc {
  margin-top: 15px;
  line-height: 30px;
  color: #666666;
}
.container .system-content .right a {
  display: block;
  width: 98px;
  height: 36px;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px 0px 10px 0px;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}

/* 主题教育 */
.theme-education-content {
}

.theme-education-content .theme-education-ul {
  margin-bottom: 60px;
}

.theme-education-content .theme-education-ul .theme-education-list {
  height: 215px;
  border-bottom: 1px solid #e0e3e8;
  position: relative;
  z-index: 1;
}

.theme-education-content
  .theme-education-ul
  .theme-education-list
  .theme-education-list-box {
  height: 215px;
  position: relative;
  z-index: 1;
}

.theme-education-content
  .theme-education-ul
  .theme-education-list:hover
  .center {
  padding-left: 35px;
  padding-right: 45px;
}
.theme-education-content
  .theme-education-ul
  .theme-education-list:hover
  .right {
  padding-left: 0;
}
.theme-education-content .theme-education-ul .theme-education-list::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #125bb4;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all ease 0.3s;
}
.theme-education-content
  .theme-education-ul
  .theme-education-list:hover::after {
  width: 100%;
  left: 0;
}
.theme-education-content .theme-education-ul .theme-education-list:hover {
  border-bottom: none;
}

.theme-education-content
  .theme-education-ul
  .theme-education-list
  .left::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  right: 0;
  top: 20px;
}
.theme-education-content .theme-education-ul .theme-education-list .left {
  width: 190px;
  position: relative;
  transition: all 0.2s;
}
.theme-education-content .theme-education-ul .theme-education-list .left .year {
  font-size: 48px;
  font-weight: bold;
  line-height: 52px;
  letter-spacing: 1px;
  color: #333333;
}
.theme-education-content .theme-education-ul .theme-education-list .left .moth {
  line-height: 30px;
}

.theme-education-content .theme-education-ul .theme-education-list .right {
  width: 135px;
  padding-left: 20px;
  transition: all 0.2s;
}

.theme-education-content .theme-education-ul .theme-education-list .right a {
  font-size: 14px;
  color: #8c97a8;
  display: block;
  width: 105px;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.theme-education-content
  .theme-education-ul
  .theme-education-list
  .right
  a
  .text {
  position: relative;
  z-index: 1;
}
.theme-education-content
  .theme-education-ul
  .theme-education-list
  .right
  a:hover
  .more-round {
  right: 5px;
}
.theme-education-content
  .theme-education-ul
  .theme-education-list
  .right
  .more-round {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background-color: #f3f7ff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s;
}

.theme-education-content .theme-education-ul .theme-education-list .center {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 26px;
  transition: all 0.2s;
}

.theme-education-content .theme-education-list .center .title {
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 1px;
  color: #333333;
}
.theme-education-content .theme-education-list .center .desc {
  margin-top: 20px;
}
.theme-education-content .theme-education-list .center .desc a {
  font-size: 16px;
  line-height: 26px;
  color: #999999;
}

/* 意见箱 */
.suggestion-box-bg {
  background: url(/static/front/pc/images/opinionbj.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.frequently {
}

.frequently .title,
.message-suggestions .title {
  width: 100%;
  background: linear-gradient(to right, #e9f0fa, #ffffff);
  line-height: 64px;
  border-radius: 10px;
  padding-left: 29px;
}
.frequently .title .date,
.message-suggestions .title .date {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  background: linear-gradient(to left, #3089e8, #115bb3);
  -webkit-background-clip: text;
  color: transparent;
}
.frequently .title .date::after,
.message-suggestions .title .date::after {
  content: "";
  width: 8px;
  height: 28px;
  background-image: linear-gradient(49deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#c0d1f3, #c0d1f3);
  background-blend-mode: normal, normal;
  border-radius: 4px;
  position: absolute;
  left: -28px;
  top: 18px;
}
.frequently .title .more {
  width: 98px;
  height: 36px;
  line-height: 36px;
  color: #ffffff;
  text-align: center;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px 0px 10px 0px;
}

.frequently .frequently-list {
  min-height: 140px;
  margin-top: 40px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 40px;
}

.frequently .frequently-list .ask .titles {
  width: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  background-image: linear-gradient(49deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#277cd9, #277cd9);
  background-blend-mode: normal, normal;
}
.frequently .frequently-list .answer {
  margin-top: 2px;
}
.frequently .frequently-list .ask .desc {
  margin-left: 12px;
  line-height: 44px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(197, 205, 224, 0.22);
  border-radius: 10px;
  padding: 0 10px;
}
.frequently .frequently-list .answer .titles {
  width: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  background-color: #9c9c9c;
}
.frequently .frequently-list .answer .desc {
  color: #666666;
  margin-left: 12px;
  padding: 0 10px;
  line-height: 44px;
}
/* 意见留言 */
.message-suggestions {
  padding-bottom: 100px;
}
.message-suggestions .title {
  margin-top: 64px;
  margin-bottom: 32px;
}
.message-suggestions .recommendation .titles {
  line-height: 40px;
}
.message-suggestions .recommendation .list {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #999999;
}

.message-suggestions .message {
  width: 100%;
  height: 414px;
  background-color: #ffffff;
  box-shadow: 0px 0px 12px 0px rgba(197, 205, 224, 0.22);
  border-radius: 10px;
  border-top: 4px solid #115bb3;
  margin-top: 26px;
  padding: 54px;
}

/* 留言表单 */
.message-suggestions .message input {
  padding-left: 20px;
}
.message-suggestions .message .names input {
  width: 50%;
  height: 50px;
  background-color: #f7f8fa;
  border-radius: 4px;
}
.message-suggestions .message .names #title {
  margin-left: 28px;
}
.message-suggestions .message .desc {
  margin-top: 20px;
  margin-bottom: 20px;
}
.message-suggestions .message .desc textarea {
  width: 100%;
  height: 150px;
  background-color: #f7f8fa;
  border-radius: 4px;
  padding: 20px;
}

.message-suggestions .message .submit #code {
  width: 262px;
  height: 50px;
  background-color: #f7f8fa;
  border-radius: 4px;
}
.message-suggestions .message .submit #check-btn {
  width: 140px;
  height: 50px;
  background-image: linear-gradient(49deg, #115bb3 0%, #3490f0 100%),
    linear-gradient(#c0d1f3, #c0d1f3);
  background-blend-mode: normal, normal;
  border-radius: 4px;
  color: #ffffff;
  padding-left: 0;
}

/* 验证码 */
/*常规验证码*/
.verify-code {
  width: 140px !important;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
  border: 1px solid #ddd;
}

.cerify-code-panel {
  height: 100%;
  overflow: hidden;
}
.cerify-code-panel #code {
  width: 262px;
  height: 50px;
  background-color: #f7f8fa;
  border-radius: 4px;
}
.verify-code-area {
  width: 336px !important;
  float: left;
}

.verify-input-area {
  float: left;
  width: 262px;
  padding-right: 10px;
}

.verify-change-area {
  line-height: 30px;
  float: left;
}

.varify-input-code {
  display: inline-block;
  width: 100%;
  height: 25px;
}

.verify-change-code {
  margin-left: 22px;
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 50px;
  background: url(/static/front/pc/images/refresh.png) no-repeat;
  background-position: center center;
}

.verify-btn {
  width: 200px;
  height: 30px;
  background-color: #337ab7;
  color: #ffffff;
  border: none;
  margin-top: 10px;
}

/* 搜索 */
.banner-menu .search-box {
  width: 478px;
  height: 45px;
  line-height: 45px;
  background-color: #f3f7ff;
  border-radius: 4px;
  padding: 0 14px 0 20px;
}
.banner-menu .search-box input {
  width: 400px;
  height: 36px;
}
.banner-menu .search-box input,
.banner-menu .search-box button {
  background: transparent;
  cursor: pointer;
}

/* 发展历程 */
.develop-content-bg {
  background: url(/static/front/pc/images/hxbg.png) no-repeat;
  background-size: 100% auto;
}
.develop-course .develop-bottom-bg {
  height: 300px;
  background-size: 100% 100% !important;
  /* background: url(/static/front/pc/images/develop-bottom-bg.png); */
  background-position: center center;
  position: relative;
}

.develop-course .develop-bottom-bg {
  background: url(/static/front/pc/images/ccc.png);
}

.course-containers {
  height: 500px;
  margin: -72px 0 180px;
}
.course-containers .swiper-slide-data {
}
.course-containers .swiper-button-next::after {
  display: block;
  width: 70px;
  line-height: 70px;
  content: "\eb08";
  font-family: "iconfont";
  font-size: 22px;
  color: #115bb3;
  text-align: center;
}
.course-containers .swiper-button-prev::after {
  display: block;
  width: 70px;
  line-height: 70px;
  content: "\eb09";
  font-family: "iconfont";
  font-size: 22px;
  color: #115bb3;
  text-align: center;
}
.course-containers .swiper-button-next,
.course-containers .swiper-button-prev {
  background-image: none;
  width: 70px;
  height: 70px;
  border: 1px solid #115bb3;
  border-radius: 50%;
  top: auto;
  bottom: 53px;
  background: #ffffff;
}
.course-containers .swiper-button-prev {
  left: auto;
  right: 94px;
}
.course-containers .swiper-button-next {
}

.course-containers .left {
  height: 615px;
  width: 40%;
  margin-right: 2%;
  padding-top: 120px;
}
.course-containers .left .title-data {
  font-size: 84px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #115bb3;
}
.course-containers .left-list {
  margin-top: 20px;
  height: 248px;
  overflow-y: scroll;
}
.course-containers .left-list li {
  margin-bottom: 12px;
}
.course-containers .left-list li .month {
  width: 55px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  background-color: #115bb3;
  border-radius: 4px;
  margin-right: 26px;
  position: relative;
}
.course-containers .left-list li .month::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #115bb3;
  position: absolute;
  right: -11px;
  top: 10px;
}
.course-containers .left-list li a {
  color: #000000;
}
.course-containers .right {
  width: 58%;
  position: relative;
}

.course-containers .right .top-img1 {
  width: 68%;
  height: 54%;
  position: absolute;
  right: 0;
  top: 0;
}
.course-containers .right .top-img1 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.course-containers .right .top-img2 img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.course-containers .right .top-img2 {
  width: 45%;
  height: 37%;
  position: absolute;
  right: 55%;
  top: 38%;
}

.develop-bottom-box {
  margin-left: 9.9%;
  width: 75%;
  position: absolute;
  top: -43px;
  font-weight: 100;
}
.develop-bottom-box .develop-bottom-box-swiper {
  height: 215px;
}
.develop-bottom-box .develop-bottom-box-swiper .swiper-slide {
  position: relative;
}

.develop-bottom-box .develop-bottom-box-swiper .swiper-slide.active-nav span {
  color: #115bb3;
}
.develop-bottom-box .topbox-swiper .swiper-slide:nth-child(2n-1) span {
  margin-top: 75px;
}
.develop-bottom-box .botbox-swiper .swiper-slide:nth-child(2n) span {
  margin-top: 75px;
}
.develop-bottom-box .develop-bottom-box-swiper .swiper-slide span {
  display: block;
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 1px;
  color: #b7cfec;
  cursor: pointer;
}

.develop-bottom-box .develop-bottom-box-swiper {
  width: 100%;
}
.develop-bottom-box li {
  width: 2px;
  height: 2px;
  text-align: center;
  margin-right: calc(11.88% - 2px);
  position: relative;
}

.banner {
  width: 100%;
  height: 445px;
  background-color: #1148a3;
  position: relative;
  margin-top: 81px;
}

.banner-menu {
  width: 1600px;
  height: 90px;
  background-color: #ffffff;
  box-shadow: 0px 8px 12px 0px rgba(197, 205, 224, 0.22);
  border-radius: 10px;
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
}

.banner .banner-content-bg {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.banner .banner-content-bg .banner-menu {
  top: 160px;
  bottom: auto;
  height: auto;
  background-color: transparent;
  box-shadow: none;
  border-radius: 10px;
}

.banner .banner-content-bg .banner-menu .banner-title {
  display: inline-block;
  padding: 0 15px;
  height: 36px;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px 0px 10px 0px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
}
.banner .banner-content-bg .banner-menu .declaration {
  margin-top: 26px;
  font-size: 36px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 2px;
  color: #ffffff;
}
.menu-ul {
  width: 1090px;
  height: 90px;
}
.menu-ul .swiper-container {
  width: 100%;
  height: 90px;
}

.menu-swiper-container .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.menu-ul .swiper-slide {
  /* width: 150px !important; */
  width: auto;
  text-align: center;
  line-height: 90px;
}
.menu-ul .swiper-slide::before {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #eeeeee;
  position: absolute;
  left: 0;
  top: 20px;
}
.menu-ul .swiper-button-next {
  background-image: url(/static/front/pc/images/next-swiper.png);
  background-color: #ffffff;
  right: 0;
}

.menu-ul .swiper-slide.active {
  border-bottom: 3px solid #115bb3;
}
.menu-ul .swiper-slide.active a {
  font-weight: bold;
  color: #115bb3;
}
.menu-ul .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  font-size: 16px;
  color: #333333;
}
.bread-crumb {
  font-size: 16px;
  padding-right: 35px;
  color: #666666;
  padding-left: 30px;
  flex: none;
}
.bread-crumb .iconfont {
  font-size: 22px;
  background: linear-gradient(to bottom, #3490f0, #115bb3);
  -webkit-background-clip: text;
  color: transparent;
  padding-right: 6px;
}
.bread-crumb a {
  font-size: 16px;
  color: #666666;
  margin: 0 5px;
}
.bread-crumb a:after {
  font-family: "iconfont";
  content: "\eb03";
  font-size: 12px;
  padding-left: 6px;
}
.bread-crumb a:last-child::after {
  content: "";
}
/* 中间内容部分 */
.leadership-address-bg {
  background: url(/static/front/pc/images/about-us-bg.png) no-repeat;
  background-size: cover;
  background-position: bottom left;
}
.management-team-bg {
  background: url(/static/front/pc/images/about-us-bg.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom left;
}

.container {
  min-width: 1200px;
  min-height: calc(100% - 893px);
}
.container .container-box {
  width: 1440px;
  margin: 0 auto;
  padding-top: 100px;
}
.container .business-scope .container-box {
  padding-top: 30px;
}
.about-us-bg {
  background-position: bottom center;
}

.about-us-info-bg {
  background: url(/static/front/pc/images/about-us-bg.png) no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
}
.container-box .container-title {
  position: relative;
}
.container-box .container-title .en {
  font-size: 70px;
  letter-spacing: 1px;
  background-image: linear-gradient(
    to top,
    #fbfdfe,
    #eff4fa
  ); /* 线性渐变背景，方向向上 */
  -webkit-background-clip: text; /* 背景被裁剪成文字的前景色 */
  -webkit-text-fill-color: transparent; /* 文字填充颜色变透明 */
}
.container-box .container-title .zh {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #115bb3;
  position: absolute;
  top: 41px;
}
.container-box .container-title .info {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 26px;
  text-indent: 2em;
}

.container-box .container-title .desc-1 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0px;
  color: #999999;
}
.container-box .container-title .desc {
  font-size: 20px;
  line-height: 30px;
  color: #125db5;
}
.container-box .container-title .desc-2 {
  font-size: 16px;
  line-height: 50px;
  color: #333333;
}

/* 苏超积分榜,彩票中奖结果,ob视讯简介 */
.company-profile-bg {
  background: url(/static/front/pc/images/company-profile-bg.png);
  padding-bottom: 150px;
}
.right-alignment {
  width: calc(1760px + ((100% - 1760px) / 2));
  margin-left: calc((100% - 1600px) / 2);
  height: 782px;
  background-color: #ffffff;
  border-radius: 0px 0px 0px 90px;
  margin-top: 60px;
}

.right-alignment .alignment-content {
  width: 1760px;
  height: calc(100% + 155px);
}

.right-alignment .alignment-content .left {
  width: 50%;
  height: calc(100% - 155px);
  padding: 4% 77px 10%;
}

.right-alignment .alignment-content .left .desc {
  max-height: calc(100% - 100px);
  overflow-y: scroll;
}
.right-alignment .alignment-content .left .desc * {
  line-height: 30px;
  text-indent: 2em;
  margin-bottom: 18px;
}

.right-alignment .alignment-content .left .datas {
  margin-top: 30px;
}
.right-alignment .left .datas .strong {
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #e50012;
}

.right-alignment .alignment-content .right {
  width: 40%;
  height: calc(100% - 155px);
  position: relative;
}
.right-alignment .alignment-content .right video {
  width: 626px;
  height: 390px;
  object-fit: cover;
  position: absolute;
  top: 70px;
  right: 78px;
  border-radius: 0px 0px 0px 0px;
  z-index: 10;
  border-radius: 10px;
}

.right-alignment .alignment-content .right img {
  /* width: 100%; */
  /* height: 100%; */
  object-fit: cover;
  position: absolute;
  top: 70px;
  right: 78px;
  border-radius: 0px 0px 0px 0px;
  z-index: 10;
}
@media screen and (max-width: 1701px) {
  .right-alignment .alignment-content .right {
    width: 50%;
  }
  .right-alignment .alignment-content .right img {
    width: 520px;
  }
  .right-alignment .alignment-content .right video {
    width: 520px;
    height: 325px;
  }
}

.right-alignment .alignment-content .right::after {
  content: "";
  display: block;
  width: 467px;
  height: 324px;
  background-color: #e50012;
  border-radius: 10px;
  position: absolute;
  right: 0;
  bottom: 245px;
  z-index: 0;
}
/* .right-alignment 右对齐*/
@media (min-width: 1460px) and (max-width: 1700px) {
  .banner-menu {
    width: 1350px;
  }
  .container .container-box {
    width: 1300px;
  }
  .menu-ul {
    width: 940px;
  }

  .right-alignment {
    width: calc(1300px + ((100% - 1300px) / 2));
    margin-left: calc((100% - 1300px) / 2);
    height: 680px;
  }

  .right-alignment .alignment-content {
    width: 1300px;
  }
}

@media screen and (max-width: 1459px) {
  .banner-menu {
    width: 1200px;
  }
  .container .container-box {
    width: 1200px;
  }
  .menu-ul {
    width: 790px;
  }

  .right-alignment {
    width: calc(1200px + ((100% - 1200px) / 2));
    margin-left: calc((100% - 1200px) / 2);
    height: 600px;
  }

  .right-alignment .alignment-content {
    width: 1200px;
  }
}
.container-content {
  width: 100%;
}

/* 董事长致辞 */
.container-content .leadership-address {
  padding: 42px 0 92px;
}
.container-content .leadership-address * {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  text-indent: 2em;
  margin-bottom: 20px;
}

/* 关于我们子苏超积分榜,彩票中奖结果,ob视讯 */
.about-us-info {
  margin-top: 60px;
}
.about-us-info li {
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 10px 0 0 0;
}

.about-us-info li {
  width: 100%;
  height: 450px;
  position: relative;
  margin-bottom: 110px;
}

.information-disclosure-info .right .next-paging a:nth-child(2) {
  margin-left: 40px;
}

/* .right-alignment 右对齐*/
@media (min-width: 1460px) and (max-width: 1700px) {
  .about-us-info li {
    height: 410px;
  }
  .about-info-left .more {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 1459px) {
  .about-us-info li {
    height: 380px;
  }
  .about-info-left .more {
    margin-top: 30px !important;
  }
}

/* .about-us-info li:hover {
  box-shadow: 2px 5px 15px #ccc;
} */

/* .about-us-info li:hover {
  margin-left: -20px;
}
.about-us-info li::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #f3f5f9;
  position: absolute;
  bottom: 0px;
  left: 0;
} */
.about-us-info li::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #f3f5f9;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.about-us-info li::before {
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background-color: #115bb3;
  position: absolute;
  bottom: 0px;
  right: 0;
  transition: all ease-in 0.36s;
  z-index: 1;
}
.about-us-info li:hover::before {
  right: auto;
  left: 0;
  width: 100%;
}

.about-us-info .about-info-right {
  overflow: hidden;
}
.about-us-info li:hover .about-info-right a img {
  transform: scale(1.1);
  transition: all 0.4s;
}

.about-us-info .about-info-right a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.46s;
}
/* .about-us-info li .about-info-right a:hover img {
  transform: scale(1.1);
} */

.about-info-left {
  margin-top: 28px;
  margin-right: 60px;
}
.about-info-left .title {
  font-size: 28px;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: 1px;
  color: #333333;
  position: relative;
}
.about-info-left .desc {
  height: 120px;
  margin-top: 30px;
  /* padding-right: 90px; */
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}
.about-info-left .more {
  display: block;
  width: 164px;
  height: 52px;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  line-height: 52px;
  margin-top: 58px;
}
.about-info-left .more img {
  width: 21px;
  height: 21px;
}

.about-info-left .title::after {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  background-color: #115bb3;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* 按钮特效 */

/* 分页 */
.paging {
  text-align: center;
  padding-bottom: 100px;
}
.paging a {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(196, 207, 218, 0.32);
  margin-left: 10px;
  cursor: pointer;
}
.paging .current {
  display: inline-block;
  min-width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background-color: #125bb4;
  color: #ffffff;
}
.paging a.active {
  background-color: #125bb4;
  color: #ffffff;
}
.paging .pg-prev::after {
  content: "\eb04";
  font-family: "iconfont";
  font-size: 14px;
}
.paging a:hover {
  background-color: #125bb4;
  color: #ffffff;
}
.paging .pg-next::after {
  content: "\eb03";
  font-family: "iconfont";
  font-size: 14px;
}

.paging img {
  width: 10px;
  height: 12px;
}

.paging #pager {
  margin-top: 40px;
}

/* 首页 */

/* 首页 */
.indexPage {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
}

.indexPage .swiper_fill {
  height: 100%;
  overflow: hidden;
}

.indexPage .swiper_header {
  height: 375px;
}

.indexPage .indexBanner {
  width: 100%;
  height: 100%;
  position: relative;
}
.indexPage .indexBanner .banner-box {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  transform: scale(1.2);
  /* opacity: 0.6; */
  transition: ease 3s;
}

.indexPage .indexBanner .swiper-slide-active .banner-box {
  transform: scale(1);
  opacity: 1;
}

.indexPage .indexBanner .banner-box img {
  display: inline-block;
  max-width: 750px;
  position: absolute;
  left: 160px;
  top: 50%;
  transform: translateY(-50%);
}

.indexPage .swiper-pagination.indexBanner-pagination {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  height: 64px;
  line-height: 100px;
  width: calc(100% - 320px) !important;
  text-align: left;
  margin: 0 160px;
}
.indexPage
  .swiper-container-horizontal
  > .indexBanner-pagination.swiper-pagination-bullets,
.indexPage .indexBanner-pagination .swiper-pagination-custom,
.indexPage .indexBanner-pagination .swiper-pagination-fraction {
  bottom: 40px;
  left: 0;
  width: 100%;
}
.indexPage .indexBanner-pagination .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  opacity: 1 !important;
  background-color: #ffffff !important;
}
.indexPage .indexBanner-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 0.8;
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px #ffffff;
}
.indexPage .indexBanner .mouse {
  position: absolute;
  right: 160px;
  bottom: 40px;
  z-index: 10;
}
.indexPage .indexBanner .mouse span {
  font-size: 14px;
  color: #ffffff;
}
.indexPage .indexBanner .mouse img {
  margin-left: 9px;
  animation: mouseFadeInUp 1s infinite;
}
/* 鼠标上下移动动画 */
@keyframes mouseFadeInUp {
  0% {
    transform: translate(0px, -8px);
  }
  50% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, -8px);
  }
}

/* .swiper-pagination.indexPage-pagination{
	width: 15px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
} */
/* 新闻中心 */
.news-center {
  width: 100%;
  height: calc(100% - 73px);
  margin-top: 73px;
  position: relative;
}

.news-center.news-centers::after {
  content: "";
  width: 100%;
  height: 298px;
  background-color: #f2f4f7;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -115px;
}
.news-center .business-sector-center::after {
  height: 0;
}

.indexPage .news-center.party-building-center .title-them {
  /* border-bottom: 1px solid #ceddee; */
  padding-bottom: 40px;
  height: 145px;
}

.party-building-center::after {
  height: 0;
}
.news-center-box {
  width: 1440px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  position: relative;
}

/* 标题 */
.right-alignment .title-them {
  width: 1440px;
}

.indexPage .news-center .title-them {
  height: 110px;
  margin-left: -30px;
  padding-left: 30px;
  background: url(/static/front/pc/images/title-bg.png);
  background-repeat: no-repeat;
  padding-top: 28px;
  box-sizing: border-box;
}
.indexPage .news-center .title-them .title-en {
  font-size: 34px;
  font-weight: bold;
  line-height: 42px;
  letter-spacing: 1px;
  color: #115bb3;
}
.indexPage .news-center .title-them .title-zh {
  font-size: 34px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 1px;
  color: #000000;
}

.indexPage .news-center .news-center-tab li {
  min-width: 124px;
  height: 40px;
  margin-left: 16px;
  background-color: #ffffff;
  box-shadow: 0px 0px 43px 0px #d8d8d8;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  transition: all 0.36s;
}
indexPage .news-center .news-center-tab li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}
.indexPage .news-center .news-center-tab .cluster-btn {
}

.indexPage .news-center .news-center-tab li a {
  padding: 0 30px;
  height: 100%;
  display: block;
}
.indexPage .news-center .news-center-tab li:hover a {
  color: #ffffff;
}
.indexPage .news-center .news-center-tab li:hover {
  color: #ffffff;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
}
.indexPage .news-center .news-center-tab li.active {
  color: #ffffff;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
}
.indexPage .news-center .news-center-tab li.active a {
  color: #ffffff;
}
/* 新闻中心列表 */
.indexPage .news-center .news-content {
  margin-top: 43px;
  width: 100%;
  height: 344px;
}
.indexPage .news-center .news-content .news-content-left {
  width: 40%;
}
.indexPage .news-center .news-content .news-content-left .homenewsSwiper {
  width: 100%;
  height: 344px;

  background-image: linear-gradient(180deg, #f2f4f7 0%, #ffffff 100%);
  box-shadow: 5px 9px 23px 1px rgba(219, 226, 238, 0.36);
  border-radius: 6px;
  border: solid 1px #ffffff;
}
.indexPage .news-center .news-content .news-content-left .homenewsSwiper-desc {
  /* height: 54px; */
  height: 106px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 20px;

  background: linear-gradient(
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 1)
  );
}
.indexPage .news-content-left .homenewsSwiper-desc .title {
  width: calc(100% - 50px);
  padding: 0 25px;
  box-sizing: border-box;
}
.indexPage .news-content-left .homenewsSwiper-desc .title span {
  width: 44px;
  height: 28px;
  background-color: #e60012;
  border-radius: 4px;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
}
.indexPage .news-content-left .homenewsSwiper-desc .title p {
  margin-left: 20px;

  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #ffffff;
}

.indexPage .news-content-left .homenewsSwiper-desc .date {
  text-indent: 25px;
  margin-top: 14px;
  font-size: 14px;
  color: #ffffff;
}
.indexPage .news-content-left .homenewsSwiper1 .swiper-wrapper,
.indexPage .news-content-left .homenewsSwiper2 .swiper-wrapper {
  width: calc(100% - 48px);
  height: 344px;
}
.homenewsSwiper1 .swiper-slide .homenewsSwiper1-link {
  width: calc(100% - 48px);
  border-radius: 6px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.homenewsSwiper1 .swiper-slide .homenewsSwiper1-link .homenewsSwiper1-bg {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  top: 0;
}

.homenewsSwiper1-link:hover .homenewsSwiper1-bg {
  transform: scale(1.1);
}

.homenewsSwiper1 .swiper-pagination::before,
.homenewsSwiper2 .swiper-pagination::before {
  content: "";
  width: 1px;
  height: 109px;
  background-color: #115bb3;
  opacity: 0.22;
  position: relative;
  left: 9px;
  bottom: 10px;
}
.homenewsSwiper1 .swiper-pagination,
.homenewsSwiper2 .swiper-pagination {
  right: 15px;
  width: 20px;
  left: auto !important;
  height: 100%;
  top: 0;
  padding-bottom: 15px;
}
.homenewsSwiper1 .swiper-pagination .swiper-pagination-bullet,
.homenewsSwiper2 .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #115bb3;
  position: relative;
}
.homenewsSwiper1 .swiper-pagination .swiper-pagination-bullet-active::after,
.homenewsSwiper2 .swiper-pagination .swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: solid 1px #dbe6f4;
  position: absolute;
  left: -7px;
  top: -7px;
}
.homenewsSwiper1 .homenewsSwiper-right,
.homenewsSwiper2 .homenewsSwiper-right {
  width: 48px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-image: linear-gradient(180deg, #f2f4f7 0%, #ffffff 100%);
  z-index: 100;
}
.homenewsSwiper1 .swiper-pagination .swiper-pagination-bullet-active,
.homenewsSwiper2 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #115bb3;
  position: relative;
  margin: 8px 5px !important;
}
.homenewsSwiper1 .swiper-pagination span,
.homenewsSwiper2 .swiper-pagination span {
  margin: 4px 5px !important;
}

.indexPage .news-center .news-content .news-content-center {
  width: calc(30% - 20px);
  margin-left: 20px;
}
.indexPage .news-center .news-content-center li {
  width: 100%;
  height: 162px;
  background-image: linear-gradient(180deg, #f2f4f7 0%, #ffffff 100%);
  box-shadow: 5px 9px 23px 1px rgba(219, 226, 238, 0.36);
  border-radius: 6px;
  border: solid 1px #ffffff;
  padding: 25px 24px 0;
  box-sizing: border-box;
  transition: all 0.36s;
}
.indexPage .news-center .news-content-center li:hover {
  box-shadow: 5px 9px 23px 1px rgba(219, 226, 238, 0.6);
  transform: translate(-1px, -1px);
}

.indexPage .news-center .news-content-center li a {
  display: block;
}
.indexPage .news-center .news-content-center li .title {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #333333;
}
.indexPage .news-center .news-content-center li .desc {
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
  color: #8c97a8;
}
.indexPage .news-center .news-content-center li .more {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 26px;
  color: #8c97a8;
}

.indexPage .news-center .news-content .news-content-tabs {
  width: calc(30% - 20px);
}
.indexPage .news-center .news-content .news-content-right {
  /* width: 100%; */
  margin-left: 20px;
  background-image: linear-gradient(180deg, #f2f4f7 0%, #ffffff 100%);
  box-shadow: 5px 9px 23px 1px rgba(219, 226, 238, 0.36);
  border-radius: 6px;
  border: solid 1px #ffffff;
  padding: 18px 24px 30px;
  box-sizing: border-box;
}

.indexPage .news-center .news-content .news-content-right li {
  line-height: 38px;
  position: relative;
  text-indent: 20px;
  transition: all 0.36s;
}
.indexPage .news-center .news-content .news-content-right li a {
  color: #333333;
  display: block;
  font-size: 16px;
}
.indexPage .news-center .news-content .news-content-right li:hover {
  text-indent: 16px;
}
.indexPage .news-center .news-content .news-content-right li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #155eb4;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 16px;
}

.indexPage .news-center .special-subject {
  height: 146px;
  width: 100%;
  margin-top: 64px;
  margin-bottom: 45px;
}

.indexPage .news-center .special-subject a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.indexPage .news-center .special-subject a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.36s;
}
.indexPage .news-center .special-subject a:hover img {
  transform: scale(1.1);
}

.indexPage .news-center .special-subject li {
  width: 25%;
  height: 146px;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 19px;
  overflow: hidden;
}
.indexPage .news-center .special-subject li:hover a {
  transform: scale(1.1);
}
.indexPage .news-center .special-subject li a {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover !important;
  background-position: center !important;
  transition: all 0.36s;
}
.indexPage .news-center .special-subject li:first-child {
  margin-left: 0;
}

/* 苏超积分榜,彩票中奖结果,ob视讯新闻,基层动态切换 */

/* 业务板块 */
.business-sector-container {
  width: calc(100% + 150px);
  height: 569px;
  position: relative;
}

/* .right-alignment 右对齐*/
@media (min-width: 1460px) and (max-width: 1700px) {
  .business-sector-center .right-alignment .title-them {
    width: 1300px;
  }
}

@media screen and (max-width: 1459px) {
  .business-sector-center .right-alignment .title-them {
    width: 1200px;
  }
}

.business-sector {
  width: 100%;
  height: 569px;
  margin-top: 50px;
  position: absolute;
  z-index: 0;
}

.business-sector.active {
  z-index: 10;
}

.business-sector .business-sector-left {
  width: 38%;
  height: 569px;
  position: relative;
  background-color: #ffffff;
}
.business-sector .business-sector-left .business-sector-title {
  width: 80px;
  position: relative;
  z-index: 2;
}
.business-sector .business-sector-left::after {
  content: "";
  height: 100%;
  border-left: 1px dashed #e5e5e5;
  position: absolute;
  left: 40px;
  top: 0;
  z-index: 1;
}
.business-sector .business-sector-left .business-sector-title li {
  width: 80px;
  height: 80px;
  margin-top: 33px;
  position: relative;
  cursor: pointer;
}
.business-sector
  .business-sector-left
  .business-sector-title
  li
  .js-alert-box-span {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
}
.business-sector
  .business-sector-left
  .business-sector-title
  li
  .js-alert-box-span
  img {
  width: 35px;
}

.business-sector
  .business-sector-left
  .business-sector-title
  li
  #js-alert-box
  .alert-circle {
  display: none;
}

.business-sector .business-sector-left .business-sector-left-desc {
  padding-top: 28px;
  padding-left: 40px;
  display: none;
}
.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-left-desc-title {
  position: relative;
  height: 92px;
  padding-top: 32px;
  padding-left: 29px;
  margin-bottom: 20px;
}
.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-left-desc-title
  .title {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 32px;
  position: relative;
  text-indent: 16px;
  background: #ffffff;
}

.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-bgtitle {
  font-size: 116px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 92px;
  color: #115bb3;
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
}
.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-left-desc-title
  .title::after {
  content: "";
  width: 5px;
  height: 22px;
  background-color: #115bb3;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 5px;
}
.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-left-desc-text {
  margin-top: 28px;
  margin-bottom: 46px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #666666;
}

.business-sector
  .business-sector-left
  .business-sector-left-desc
  .business-sector-left-desc-text
  .title {
  margin-bottom: 24px;
}

.business-sector .business-sector-left .business-sector-left-desc .more a {
  display: inline-block;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  width: 111px;
  height: 50px;
  background-image: linear-gradient(90deg, #115bb3 0%, #3491f1 100%);
  border-radius: 25px;
}
.business-sector .business-sector-right {
  width: 95%;
  height: 569px;
  margin-top: -21px;
  margin-right: 200px;
  /* margin-left: 40px; */
}
.business-sector .business-sector-right img {
  width: 100%;
}
.alert-sec-circle {
  stroke-dashoffset: 0;
  stroke-dasharray: 735;
  transition: stroke-dashoffset 1s linear;
}

/* ***
*党建团群
****
*/
.party-building-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -100;
}
.party-building-box.active {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
}
.news-center .party-building {
  width: 100%;
  height: 500px;
  background-color: #ffffff;
  position: relative;
}

.indexPage .news-center.party-building-center {
  background-image: linear-gradient(to top, #ffffff, #ffffff, #ffffff, #d9e4f0);
}

.news-center .party-building .party-building-swiper {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
.news-center .party-building .party-building-swiper.active {
  display: block;
  z-index: 10;
}

.news-center .party-building .party-building-swiper .swiper-slide {
  width: 23%;
  border-radius: 10px;
  overflow: hidden;
}

.news-center .party-building .party-building-swiper .swiper-slide .left-img {
  width: 330px;
  height: 278px;
}

.news-center
  .party-building
  .party-building-swiper
  .swiper-slide-active
  .left-img {
  width: 330px;
}

.news-center .party-building .party-building-swiper .swiper-slide .left-img a {
  display: block;
  width: 330px;
  height: 278px;
  border-radius: 10px;
}
.news-center
  .party-building
  .party-building-swiper
  .swiper-slide
  .left-img
  a
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.news-center .party-building .party-building-swiper .swiper-slide .right-desc {
  width: 0;
  display: none;
}

/* @media screen and (max-width: 1459px) {
  .news-center .party-building .party-building-swiper .swiper-slide .left-img{

  }
} */
.news-center
  .party-building
  .party-building-swiper
  .swiper-slide-active
  .right-desc {
  width: 327px;
  margin-left: 34px;
  display: none;
}

.news-center
  .party-building
  .party-building-swiper
  .swiper-slide-active
  .right-desc {
  display: block;
}

.news-center .party-building .party-building-swiper .right-desc .data {
  line-height: 28px;
}
.news-center .party-building .party-building-swiper .right-desc .data .title {
  display: inline-block;
  width: 80px;
  height: 28px;
  background-color: #115bb3;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  margin-right: 5px;
}
.news-center .party-building .party-building-swiper .right-desc .titles {
  width: 310px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 20px;
}

.news-center .party-building .party-building-swiper .right-desc .desc {
  width: 310px;
  color: #999999;
  margin-bottom: 40px;
}

.news-center .party-building .party-building-swiper .right-desc .more a {
  font-size: 14px;
  color: #8c97a8;
  position: relative;
}
.news-center .party-building .party-building-swiper .right-desc .more a::after {
  content: "\eb93";
  font-family: "iconfont";
  /* display: block;
  width: 6px;
  height: 7px;
  position: absolute;
  right: -10px;
  top: 8px; */
}

.news-center .party-building .party-building-swiper .right-desc .more a img {
  width: 6px;
}
.news-center .party-building .party-building-swiper .swiper-slide {
  transition: all ease-in 0.36s;
}
.news-center .party-building .party-building-swiper .swiper-slide-active {
  width: 47.2% !important;
}

.news-center .party-building .party-building-swiper .swiper-slide .left-img {
  width: 330px;
}

@media (min-width: 1460px) and (max-width: 1700px) {
  .news-center .party-building .party-building-swiper .swiper-slide .left-img {
    width: 312px;
  }
  .news-center
    .party-building
    .party-building-swiper
    .swiper-slide
    .left-img
    a {
    width: 312px;
  }
}
@media screen and (max-width: 1459px) {
  .news-center .party-building .party-building-swiper .swiper-slide .left-img {
    width: 288px;
  }
  .news-center
    .party-building
    .party-building-swiper
    .swiper-slide
    .left-img
    a {
    width: 288px;
  }
  .news-center
    .party-building
    .party-building-swiper
    .swiper-slide-active
    .right-desc {
    width: 250px;
  }
  .news-center .party-building .party-building-swiper .right-desc .titles {
    width: 250px;
  }
}

.news-center .party-building .party-building-swiper .swiper-scrollbar {
  top: 0;
  bottom: auto;
  left: 0;
  width: 100%;
}
.news-center .party-building .party-building-swiper .swiper-scrollbar-drag {
  background: #115bb3;
}

.news-center .party-building .swiper-container-horizontal > .swiper-scrollbar {
  height: 1px;
  background: #ceddee;
}
.party-building-list {
  width: 100%;
  height: 138px;
  margin-top: 50px;
}
.party-building-list li:first-child {
  margin-left: 0;
}
.party-building-list li {
  margin-left: 50px;
  border-bottom: 1px solid #e0e3e8;
}
.party-building-list li .more .date {
  line-height: 26px;
  color: #333333;
  position: relative;
  text-indent: 96px;
}

.party-building-list li .more .date::before {
  content: "发布日期";
  display: block;
  width: 80px;
  height: 28px;
  text-indent: 0px;
  text-align: center;
  line-height: 28px;
  background-color: #115bb3;
  border-radius: 6px;
  color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}
.party-building-list li .more a {
  font-size: 14px;
  color: #8c97a8;
}
.party-building-list li .more a i {
  font-size: 12px;
}
.party-building-list li .title {
  margin-top: 20px;
}
.party-building-list li .title a {
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
  color: #333333;
}

@media screen and (max-width: 1459px) {
  .news-center-box {
    width: 1200px;
  }
}

/* 地图 */
.location-main {
  width: 100%;
  height: 700px;
  background: #f2f6fe;
  margin-bottom: 30px;
  position: relative;
}

.location-main.mask::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 0;
}
.location-main.mask::before {
  content: "";
  display: block;
  width: 160px;
  height: 160px;
  background-image: url(/static/front/pc/images/mxb.gif);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -80px;
  margin-top: -80px;
  z-index: 10;
}
.location-shop-con {
  width: 500px;
}

.search-box {
  position: relative;
  width: 440px;
  height: 132px;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 37px 30px;
  padding: 20px;
}
.search-box-select {
  width: 400px;
  height: 52px;
  background-color: #f8fafe;
  border-radius: 4px;
  outline: none;
}
.search-box-select select {
  width: 385px;
  height: 52px;
  line-height: 52px;
  border: none;
  background-color: #f8fafe;
  border-radius: 4px;
  padding: 0 18px;
}
.search-box p {
  /* text-indent: 28px; */
  margin-top: 20px;
  color: #999999;
}

.location-list {
  overflow-y: scroll;
}
.location-list::-webkit-scrollbar {
  width: 4px;
}
.location-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.location-list::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.course-containers .left-list::-webkit-scrollbar {
  width: 0px;
}

/* 标题 */
.map-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #115bb3;
  padding-left: 15px;
  position: relative;
  text-indent: 30px;
  margin-bottom: 10px;
}
.map-title::before {
  content: "";
  width: 4px;
  height: 19px;
  background-color: #115bb3;
  border-radius: 2px;
  position: absolute;
  left: 30px;
  top: 5px;
}

.location-list li {
  position: relative;
  height: 120px;
  padding-top: 12px;
  padding-right: 25px;
  font-size: 12px;
  cursor: pointer;
  background: #ffffff;
  -webkit-transition: all 0.36s;
  transition: all 0.36s;
  margin: 18px 30px 0px 30px;
  border-radius: 10px;
}

.location-list .location-num {
  width: 16px;
  height: 18px;
  display: inline-block;
  color: #fff;
  text-align: center;
  background: url("/static/front/pc/images/map-icon.png");
  margin-right: 14px;
}
.location-list span {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 26px;
}
.location-list .location-addr {
  padding-left: 23px;
}

.location-list .location-addr div {
  height: 48px;
  border-bottom: 1px dashed #92a4c9;
}

.addr-info {
  line-height: 20px;
  text-indent: 30px;
  font-size: 16px;
  line-height: 40px;
  color: #666666;
}

.location-map {
  height: 500px;
  margin-left: 500px;
  position: relative;
}

/* 分页 */

.bdshare-button-style1-16 a,
.bdshare-button-style1-16 .bds_more {
  margin: 6px 6px 6px 7px !important;
}
.bdshare-button-style1-16 .bds_tsina {
  background-position: 0 !important;
}
.bdshare-button-style1-16 .bds_weixin {
  background-position: 0 !important;
}
.bdshare-button-style1-16 .bds_sqq {
  background-position: 0 !important;
}
/* 微博 */
.bdshare-button-style1-16 .bds_tsina {
  background-image: url(/static/front/pc/images/microblog.png);
  background-size: 100% auto;
}
/* qq */
.bdshare-button-style1-16 .bds_sqq {
  background-image: url(/static/front/pc/images/qq-img.png);
  background-size: auto 100%;
  background-position: center center !important;
}

/* weixin */
.bdshare-button-style1-16 .bds_weixin {
  background-image: url(/static/front/pc/images/wchart.png);
  background-size: 100% auto;
}
#bdshare_weixin_qrcode_dialog {
  width: 250px !important;
  height: 315px !important;
}
.bd_weixin_popup .bd_weixin_popup_foot {
  text-align: center !important;
}
/* 新增教育主题 */
.themesbanner {
  width: 100%;
  height: 518px;
  background-position: center center;
  position: relative;
  margin-top: 82px;
}
.themesbanner .themestitle1 {
  position: absolute;
  left: 50%;
  margin-left: -226.5px;
  top: 168px;
}
.themesbanner .themestitle2 {
  position: absolute;
  left: 50%;
  margin-left: -328px;
  top: 228px;
}

.themes-box .themes-titles {
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 2px;
  color: #bb0000;
}

.themes-box .themes-topbox {
  margin-top: 59px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #333333;
}
.themesbodybg {
  width: 100%;
  height: 100%;
  padding-left: 10.94%;
  margin-top: -19.7%;
  padding-bottom: 22px;
  position: relative;
}
.themesbodybg .themesbodybg-swiper {
  position: absolute;
  width: 76.4%;
  height: 52.8%;
  bottom: 0%;
  left: 14.5%;
}
.themesbodybg .themesbodybg-swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.themesbodybg .themesbodybg-swiper .swiper-slide {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
.themesbodybg .themesbodybg-swiper .swiper-container img {
  max-width: 100%;
  width: 100%;
}
.themesbodybg .themesbodybg-img {
  max-width: 100%;
}
.themes-box .container-box {
  width: 68.13%;
  margin: 0 auto;
  padding-top: 108px;
}
.themesbottom {
  width: 100%;
  background-size: 100% auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
  padding: 84px 12.5%;
}
.themesbottom-btn {
  margin-top: 3px;
  width: 100%;
}
.themesbottom-btn a {
  display: block;
  text-align: center;
  line-height: 74px;
  cursor: pointer;
  margin-right: 14px;
  height: 74px;
  background-color: #033360;
  border-radius: 10px;
  color: #ffffff;
  font-size: 22px;
  background-image: url("/static/front/pc/images/themesbtn-bg.png");
}
.themesbottom-btn a.active {
  background-image: linear-gradient(0deg, #c6000d 0%, #f84d3b 100%);
  background-color: transparent;
}
.themesbottom-btn a:hover {
  background-image: linear-gradient(0deg, #c6000d 0%, #f84d3b 100%);
  /* background-color: transparent; */
}
.themesbottom-btn a:last-child {
  margin-right: 0;
}

.themesbottom-content {
  margin-top: 69px;
}
.themesbottom-box {
  background-color: #ffffff;
  box-shadow: 9.5px 16.5px 20.2px 3.8px rgba(248, 35, 25, 0.06);
  border-radius: 14px;
  padding: 50px 43px 60px;
}

.themesbottom-box .titles {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 1.6px;
  color: #333333;
}

.themesbottom-box .themesdescs {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}

.themesbottom-box .themesdescs > p {
  margin-bottom: 26px;
}
.themesborder {
  margin-top: 40px;
  margin-bottom: 40px;
  height: 3px;
  border-top: 1px dotted #e0413f;
  border-bottom: 1px dotted #e0413f;
}

.themesbottom-content .themesbottom-list {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 9.5px 16.5px 20.2px 3.8px rgba(248, 35, 25, 0.06);
  border-radius: 14px;
  padding: 48px 39px 45px;
  margin-bottom: 48px;
  transition: all 0.36s;
}
.themesbottom-content .themesbottom-list:hover {
  margin-left: -5px;
  box-shadow: 9.5px 16.5px 20.2px 3.8px rgba(248, 35, 25, 0.16);
}
.themesbottom-content .themesbottom-list .more {
  width: 98px;
  height: 36px;
  background-image: linear-gradient(90deg, #d62234 0%, #f74c3b 100%);
  border-radius: 10px 0px 10px 0px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  font-size: 16px;
  margin-top: 24px;
}
.themesbottom-content .titles {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1.2px;
  color: #333333;
}
.themesbottom-content .descs {
  height: 60px;
  font-size: 16px;
  line-height: 30px;
  color: #999999;
  margin-top: 14px;
}
.themes-paging .paging {
  padding-bottom: 0;
}
.themes-paging .paging a.active {
  background-image: linear-gradient(0deg, #d62234 0%, #f74c3b 100%);
}
.themes-paging .paging a:hover {
  background-image: linear-gradient(0deg, #d62234 0%, #f74c3b 100%);
  color: #ffffff;
}
.themes-info {
  width: 100%;
  min-height: calc(100vh - 375px);
  padding: 50px 12.5%;
  margin-top: 82px;
}
.backthemeslist {
  display: inline-block;
  width: 144px;
  height: 47px;
  background-image: linear-gradient(0deg, #c6000d 0%, #f84d3b 100%);
  border-radius: 23.5px 0px 23.5px 0px;
  text-align: center;
  font-size: 16px;
  line-height: 47px;
  letter-spacing: 0.3px;
  color: #ffffff;
  transition: all 0.2s;
}
.backthemeslist:hover {
  box-shadow: 15px 10px 20px rgba(248, 35, 25, 0.16);
  transform: translate(-1px, -1px);
}
.themestop-crumb {
  border-bottom: 4px solid #ffdddc;
  padding-bottom: 36px;
}
.themesbread-crumb {
  font-size: 16px;
  color: #666666;
  flex: none;
}
.themesbread-crumb .iconfont {
  font-size: 22px;
  background-image: linear-gradient(49deg, #d62234 0%, #f74c3b 100%);
  -webkit-background-clip: text;
  color: transparent;
  padding-right: 6px;
}
.themesbread-crumb a {
  font-size: 16px;
  color: #666666;
  margin: 0 5px;
}
.themesbread-crumb a:after {
  font-family: "iconfont";
  content: "\eb03";
  font-size: 12px;
  padding-left: 6px;
}
.themesbread-crumb a:last-child::after {
  content: "";
}
.themes-info .titles {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0.7px;
  color: #333333;
  margin-top: 48px;
}
.themes-info .themesinfo-content {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  text-indent: 2em;
}
.themes-info .themesinfo-content p {
  margin-bottom: 26px;
}

.themes-pages {
  margin-top: 70px;
}
.themes-pages .themes-pages-btn {
  width: 140px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #d5d5d5;
  color: #666666;
  font-size: 16px;
  transition: all 0.2s;
}
.themes-pages .themes-pages-btn i {
  font-size: 20px;
  color: #070907;

  margin: 2px 2px 0;
}
.themes-pages .texts {
  margin: 0 20px;
  color: #666666;
}

.themesline-text--one {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.themes-pages-btn:hover {
  transform: translate(-1px, -1px);
  box-shadow: 15px 10px 20px rgba(248, 35, 25, 0.16);
}
.themesline-text--one:hover {
  color: #cf0d15;
}
.themes-topmenu {
  padding: 0 12.5%;
  margin-top: -40px;
  position: relative;
  z-index: 99;
}