/* @font-face {
  font-family: MSYHL;
  src: url("../font/MSYHL.TTC");
}

@font-face {
  font-family: MSYH;
  src: url("../font/MSYH.TTC");
}

@font-face {
  font-family: MSYHBD;
  src: url("../font/MSYHBD.TTC");
}

@font-face {
  font-family: OPPOSans;
  src: url("../font/OPPOSans-B-2.ttf");
} */

/* @font-face {
  font-family: SourceHanSansSC-Light;
  src: url("../font/SourceHanSansSC-Light-2.otf");
} */


* {

  font-size: 16px;

  font-family: MSYHL;

  color: #333333;

}



/* table tr td {

  border: 1px solid #dcdcdc;

  height: 35px;

  line-height: 35px;

  padding-left: 10px;

} */



table {

  border-collapse: collapse;

}



.line1 {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  width: 100%;

  height: 1px;

  background: #e6e6e6;

  margin: 80px auto;

}

/* header */

.header {

  width: 100%;

  max-width: 1920px;

  /* position: fixed;

  top: 0;

  left: 0;

  right: 0; */

  margin: auto;

  /* z-index: 99; */

  background-color: #ffffff;


}


.header .header-wrap {
  position: relative;
}

.header .header-body {
  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.header .header-logo {

  width: 50%;

  flex-shrink: 0;

  font-size: 0;

}



.header .header-logo * {

  font-size: inherit;

}



.header .header-nav {

  width: 50%;

}



.header .header-nav>ul {

  display: flex;

  justify-content: space-around;

}



.header .header-nav .header-nav-item {

  height: 105px;

  line-height: 105px;

  border-bottom: 3px solid transparent;

}

.header .header-nav .header-nav-item:hover {
  border-bottom: 3px solid #004098;
}

.header .header-nav .header-nav-item:hover a {
  color: #004098;
}

.header .header-nav .header-nav-item.head-act * {
  color: #004098;
}

.header .header-nav .header-nav-item.head-act {
  color: #004098;
  border-bottom: 3px solid #004098;
}

.header .header-nav .header-nav-item a {
  font-family: MSYH;
}


.header .header-nav .header-nav-item-lk {
  font-size: 18px;

  color: #333333;

}





.header .header-right {

  display: flex;

  align-items: center;

  gap: 10px 20px;

}



.header .header-cont {

  padding: 0 15px;

  height: 100px;

  line-height: 100px;

  background-color: #0092fc;

  color: #ffffff;

}



.header .header-cont:hover {

  color: #ffffff;

  /* background-color: #000000; */

}



.header .header-langs select,

.header .header-langs option {

  border: none;

}



.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  border-color: #ddd;

  cursor: pointer;

  display: none;

}



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

  background-color: #888;

}



.navbar-toggle .icon-bar+.icon-bar {

  margin-top: 4px;

}



.header .head-mo {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 3px 7px 1px #eeeeee;
  z-index: 999;
}



.header .head-mo li a {
  font-weight: bold;
  font-family: MSYHL;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  color: #333333;
}



/* 二级栏目 */

.header-nav .header-nav-item .nav-item-se {

  position: absolute;

  z-index: 2;

  background-color: rgba(255, 255, 255);

  padding: 5px 0;

  width: 100%;

  top: 100%;

  left: 0;

  visibility: hidden;

  opacity: 0;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transform-origin: 50% 0;

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  border-top: 1px solid #f4f4f4;
}

.header-nav .header-nav-item .nav-item-se .nav-item-se-body {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 50px;
  padding: 20px 0;
}


.header-nav .header-nav-item .nav-item-se li:first-child {

  margin-top: 0;

}



.header-nav .header-nav-item:hover .nav-item-se {

  visibility: visible;

  opacity: 1;

}



.header-nav .header-nav-item .nav-item-se .head-item2 {

  padding: 0 10px;

  white-space: nowrap;

  height: 36px;

  line-height: 36px;

  position: relative;

}

.header-nav .header-nav-item .nav-item-se .head-item2 a {
  color: #333333;
  font-size: 16px;

}

.header-nav .header-nav-item .nav-item-se .head-item2:hover>a {

  color: #004098;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 {

  position: absolute;

  z-index: 2;

  background-color: #f8f8f8;

  padding: 15px 0;

  width: auto;

  min-width: 200px;

  min-height: 100px;

  right: -200px;

  top: 100%;

  visibility: hidden;

  opacity: 0;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -moz-transition: 0.5s;

  -o-transition: 0.5s;

  -ms-transition: 0.5s;

  transform-origin: 50% 0;

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li:first-child {

  margin-top: 0;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li {

  padding: 0 10px;

  margin-top: 15px;

  text-align: center;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 li a {

  display: block;

  color: #666;

  font-size: 14px;

}



.header-nav .header-nav-item .nav-item-se .head-item2:hover .nav-item-se2 {

  visibility: visible;

  opacity: 1;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 .head-item3 {

  line-height: 35px;

  position: relative;

}



.header-nav .header-nav-item .nav-item-se .nav-item-se2 .head-item3:hover>a {

  color: #e61f18;

}



.header-nav .header-nav-item:first-child {

  margin-left: 0;

}



.header-nav .header-nav-item ul.dropdown {

  position: absolute;

  top: 100%;

  z-index: 99;

  min-width: 200px;

  white-space: nowrap;

  background: #fff;

  border-top: solid 0px #e92900;

  box-shadow: 0 1px 3px rgb(5 5 5 / 10%);

}



.header-nav .header-nav-item:hover .dropdown {

  display: block !important;

}



.header-nav .header-nav-item ul.dropdown li {

  line-height: normal;

  clear: both;

  width: 100%;

  border: 0 none;

  font-size: 14px;

  position: relative;

  border-bottom: 1px solid #f7f7f7;

}



.header-nav .header-nav-item ul.dropdown li a {

  width: 100%;

  background: none;

  padding: 10px 25px 10px 22px;

  color: #666;

  text-decoration: none;

  display: inline-block;

  float: left;

  clear: both;

  position: relative;

  outline: 0;

  -webkit-transition: padding .2s linear;

  transition: padding .2s linear;

}







/* index */

.indexban {

  position: relative;
  ;

}



.indexban .indexban-bg {

  padding-top: 45%;

  position: relative;

  font-size: 0;

}



.indexban .indexban-bg>img,

.indexban .indexban-bg>video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.indexban-bt {

  max-width: 900px;

  height: 160px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.indexban-bt p {
  font-size: 65px;

  line-height: 77px;
  font-family: MSYH;
  font-weight: bold;

  color: #ffffff;

  text-align: center;

  letter-spacing: 5px;

}



.indexban .indexban-body {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #ffffff;

}



.indexban .indexban-body * {

  color: inherit;

}



.indexban .indexban-main {

  text-align: center;

}



.indexban .indexban-tit {

  font-size: 45px;

}



.indexban .indexban-btns {

  margin-top: 50px;

}



.indexban .indexban-btns>a {

  display: inline-block;

  border: solid 1px currentcolor;

  padding: 10px 15px;

}



.indexban .indexban-btns>a:hover {

  color: #000000;

  background-color: #ffffff;

  border-color: transparent;

}



.indextit {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  margin: 110px auto 55px;

}



.indextit>p {

  font-size: 40px;

}



.indextit>p span {

  font-size: 40px;

  color: #0092fc;

}



.indextit .indextit-tit {

  font-size: 45px;

  display: flex;

  justify-content: space-between;

}



.indextit .indextit-tit span {

  font-size: 45px;

}



.indextit .indextit-tit span:first-child {

  font-size: 18px;

  float: left;

  position: relative;

  top: 20px
}



.indextit .indextit-tit span i {

  color: #f00;

  font-style: normal;

}



.indextit .indextit-d {

  font-size: 18px;

  margin-top: 20px;

}



.indextit-mid {

  text-align: center;

}



.indextit-r {

  text-align: right;

}





.index-tit {

  max-width: 1200px;

  margin: 0 auto;

}

.index-tit .indexline {

  height: 2px;

  background-color: #b0b0b0;

  margin-top: 5px;

}

.index-tit .index-titop {

  display: flex;

  align-items: end;

  justify-content: space-between;

}

.index-tit .index-titop .index-titop-tit {
  font-family: MSYH;
  font-size: 36px;
  color: #004098;

}

.index-tit .index-titop .index-titop-tit2 {
  color: #b0b0b0;
}

.index-tit .index-titop .index-titop-tit2 a {
  font-family: SourceHanSansSC-Light;
  font-size: 24px;
}

.index-tit .index-titop .index-titop-tit2:hover a {
  color: #004098;
}

.index-tit .index-titop .index-titop-tit2 .index-titop-tab {
  font-family: MSYH;
  font-size: 24px;

  color: #b0b0b0;

  cursor: pointer;

  display: inline-block;

}

.index-tit .index-titop .index-titop-tit2 .index-titop-tab:hover {
  color: #004098;
}

.index-tit .index-titop .index-titop-tit2 .index-titop-tab:first-child {

  margin-right: 20px;

}

.index-tit .index-titen {
  font-size: 22px;
  color: #b0b0b0;
  font-family: SourceHanSansSC-Light;
}





.indexab {

  max-width: 1920px;

  margin: 0 auto;

  background-image: url(../img/index/bg2.jpg);

  background-repeat: no-repeat;

  background-size: auto;

  padding-top: 85px;

  padding-bottom: 110px;

}



.indexab .indexab-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

}

.indexab .indexab-wrap {

  max-width: 1445px;

  margin: 40px auto 0;

  padding: 97px 0 117px;

  background-color: #ffffff;

  box-shadow: 0 0 6px 3px #ececec;

  border-radius: 20px;

}

.indexab .indexab-body .imgbox {

  width: 50%;

}

.indexab .indexab-body .indexab-cont {

  width: 50%;

  padding-left: 4%;

}

.indexab .indexab-body .indexab-cont p {
  font-family: MSYH;

  color: #666666;

}

.indexab .indexab-body .indexab-cont .more {

  margin: 20px 0 0;
  background-color: #004098;
  color: #ffffff;
  max-width: 120px;
  padding: 10px 0;
  border-radius: 5px;
}

/* 创新平台 */

.indexcx {

  background-image: url(../img/index/bg3.jpg);

  background-repeat: no-repeat;

  background-size: auto;

  padding: 85px 0 115px;

}

.indexcx .indexcx-body {
  width: 95%;
  max-width: 1200px;

  margin: 0 auto;

}

.indexcx .indexcx-body .indexcx-wrap {

  display: flex;

  gap: 25px;

  margin-top: 40px;

}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item {

  width: calc(100% / 3);

  position: relative;

  font-size: 0;

}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item img {
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item:hover img {
  transform: translateY(-30px);
}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item:hover .indexcx-wrap-item-cont {
  transform: translateY(30px);
}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item .indexcx-wrap-item-cont {
  width: 100%;
  padding: 10px;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 4px;
  left: 0;
  background-color: #fff;
  box-shadow: 0px 1px 5px 2px #f5f5f5;
}



.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item .indexcx-wrap-item-cont .indexcx-tit {
  font-family: MSYH;
  font-size: 16px;
  text-align: center;

}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item .indexcx-wrap-item-cont .indexcx-line {

  width: 32px;

  height: 6px;

  border-radius: 3px;

  background-color: #ffffff;

  margin: 30px auto;

}

.indexcx .indexcx-body .indexcx-wrap .indexcx-wrap-item .indexcx-wrap-item-cont .indexcx-cont {
  font-family: MSYH;
  color: #ffffff;

  text-align: center;

}

/* 视频 */

.indexsp {

  position: relative;

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

}



.indexsp .indexsp-bg {

  position: relative;

  padding-top: 36.5%;

}



.indexsp .indexsp-bg>img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;
  height: 100%;

}

.indexsp .indexsp-bg>video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  object-fit: contain;
  height:100%;

}

.companyvideo::-webkit-media-controls-enclosure {
  box-shadow: none;
}

.endimg {
  display: none;
  z-index: 9;
}


.vidbtn {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  margin: auto;

  max-width: 730px;

  height: 360px;

  text-align: center;
  z-index: 10;
}

.vidbtn .indexsp-p1 {
  font-size: 48px;
  color: #ffffff;
}

.vidbtn .indexsp-p2 {
  font-size: 60px;
  color: #ffffff;
}

.vidbtn p {
  font-family: MSYH;
  line-height: 80px;

}

.vidbtn .vidbtn-rd {

  width: 110px;

  height: 110px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, .5);

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 auto 75px;
  cursor: pointer;

}



.vidbtn .vidbtn-rd i {

  color: #fff;

  font-size: 35px;

  margin-left: 5px;

}



/* 首页新闻 */

.indexnews {

  background-image: url(../img/index/bg1.jpg);

  background-repeat: no-repeat;

  padding: 100px 0 60px;
  background-position: top;

}

.indexnews-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.indexnews-wrap {

  display: none;

}

.indexnews-list {

  display: flex;

  gap: 16px;

  margin-top: 40px;

  margin-bottom: 40px;

}



.indexnews-list .indexnews-item {

  width: calc(100% / 3);

  position: relative;

}

.indexnews-list .indexnews-item:hover {
  box-shadow: 0 0 11px 2px #eeecec;
}


.indexnews-item-info {

  width: 100%;

  padding: 20px;

  overflow: hidden;

}



.indexnews-list .indexnews-item .indexnews-item-date {

  border-top: 1px solid #d5d5d5;

  padding-top: 13px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.indexnews-list .indexnews-item .indexnews-item-date span {
  font-family: OPPOSans;
  font-size: 14px;
  color: #999999;

}

.indexnews-list .indexnews-item .indexnews-item-date2 {
  font-family: OPPOSans;
  font-size: 14px;
  color: #999999;

}

.indexnews-list .indexnews-item .indexnews-item-tit {
  font-family: MSYH;
  font-size: 22px;

  line-height: 36px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-bottom: 10px;

}

.indexnews-list .indexnews-item .indexnews-item-tit:hover {
  color: #004098;
}

.indexnews-list .indexnews-item .indexnews-item-tit2 {
  font-family: MSYH;
  font-size: 22px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-bottom: 20px;

}

.indexnews-list .indexnews-item .indexnews-item-tit2:hover {
  color: #004098;
}

.indexnews-list .indexnews-item .indexnews-item-mshu {
  font-family: MSYH;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 30px;
}

.indexnews-list .indexnews-item .indexnews-item-desc {
  font-family: MSYH;
  font-size: 16px;

  line-height: 30px;

  color: #666666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-bottom: 30px;

}

.indexnews-list .indexnews-item .indexnews-item-desc2 {

  font-size: 0;

}

.indexnews-list .indexnews-item .indexnews-item-desc2 img {
  width: 100%;
  height: 234px;
}

.indexnews-list .indexnews-item .indexnews-item-info2 {

  padding-top: 13px;
  border-top: 1px solid #d5d5d5;
  display: flex;

  align-items: center;

  justify-content: space-between;

}

.indexnews-list .indexnews-item .indexnews-item-info2 span {

  color: #999999;

}

.indexnews-item-img {

  font-size: 0;

  position: relative;

  overflow: hidden;

}
.indexnews-item-img  img{height: 234px;width:100%;object-fit: cover;}


.indexnews-item .indexnews-item-btn {

  margin-left: -90px;

  color: #ffffff;

  transition: margin-left 0.5s;

}



.indexnews-item .indexnews-item-btn i {

  font-size: 22px;

  vertical-align: middle;

}

.icon {
  vertical-align: middle;
  margin-left: 7px;
}
.more img{transition:.3s}
.more:hover img{transform:translateX(10px);transition:.3s}
.more {

  font-family: MSYHBD;
  display: block;

  max-width: 95px;

  border-bottom: 1px solid #999999;

  margin: 0 auto;

  text-align: center;

  padding: 5px 0;

}

.more:hover {
  color: #004098;
}

/* 首页证书 */

.indexzs {

  position: relative;

  padding-top: 135px;

  padding-bottom: 157px;

}

.indexzs .indexzs-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.indexzs .indexzs-body .indexzs-p {
  font-family: MSYH;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.indexzs .indexzs-body .indexzs-list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.indexzs .indexzs-body .indexzs-list .indexzs-item {
  width: 32.5%;
  margin-bottom: 20px;
  font-size: 0;
}

.indexzs-bg {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

}

/* 首页企业服务 */

.indexfw {

  margin-bottom: 150px;

}

.indexfw .indexfw-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.indexfw-list {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 40px;

}

.indexfw-list .indexfw-item {
  width: 32.25%;
  position: relative;

}

.indexfw-list .indexfw-item .indexfw-item-info {

  width: 176px;

  height: 84px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  text-align: center;

}

.indexfw-list .indexfw-item .indexfw-item-info p {
  font-family: MSYH;
  font-size: 28px;

  color: #ffffff;

}



/* footer */

.footer {

  background-color: #333333;

  padding: 25px 0;

}



.footer .footer-body {

  width: 95%;

  max-width: 1600px;

  margin: 0 auto;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 110px;

}



.footer .footer-body * {
  font-size: 14px;
  color: #999999;
  font-family: MSYH;

}

.footer .footer-body .footer-box {
  width: 66.5%;
  display: flex;
  flex-wrap: wrap;
}

.footer .footer-body .footer-box .footer-list {
  margin-right: 70px;
  padding-top: 8px;
}

.footer .footer-body .footer-box .footer-list p {
  line-height: 26px;
}

.footer .footer-body .footer-box .footer-list:last-child {
  margin-right: 0;
}

.footer .footer-body .fot-logo {

  width: 30%;
  height: 182px;
  line-height: 182px;
  border-right: 1px solid #ffffff;

}

.footer .footer-body .fot-logo img {
  vertical-align: middle;
}

.footer .footer-body .footer-list .footer-list-tit {

  font-size: 14px;

  color: #ffffff;
  line-height: initial;
  margin-bottom: 20px;

}



.footer .footer-body .footer-list .footer-wrap .footer-list-item {
  height: 35px;
  display: flex;

  align-items: center;

  color: #ffffff;

  gap: 15px;

  margin-bottom: 5px;

}

.footer .footer-body .footer-list .footer-wrap .footer-list-item img {
  width: 30px;
  vertical-align: bottom;
}

.footer .footer-body .footer-list .footer-wrap2 .footer-list-item {

  color: #999999;

  margin-bottom: 5px;

}

.footer .footer-body .footer-list .footer-wrap2 .footer-list-item .fot-a {

  display: inline-block;

  margin: 0 10px;

  font-size: 14px;

  color: #999999;

  line-height: 35px;

}





.footer-bot {

  background-color: #333333;

  border-top: 1px solid #ffffff;

  padding: 15px 0;

}



.footer-bot .footer-bot-cont {
  font-family: MSYH;
  color: #999999;
  font-size: 14px;
  line-height: 26px;

  text-align: center;

}







/* about us */

.about .about-top {

  padding: 7px 0;

  background-color: #ededed;

}



.about .about-top .about-top-wrap {

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

}



.about-tit {

  width: 50%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.about-tit .about-tit-item {

  position: relative;

  display: block;

  margin: 12px 20px;

  cursor: pointer;

}

.about-tit .about-tit-item a {
  font-size: 20px;
  font-family: MSYH;
}



.about-tit-ac {

  color: #004098;

}



.about-tit-ac::after {

  content: '';

  display: block;

  width: 38px;

  height: 2px;

  background-color: #004098;

  position: absolute;

  bottom: -20px;

  left: 0;

  right: 0;

  margin: auto;

}

.about-ab-wrap {

  position: relative;

}

.about-ab {

  width: 95%;

  max-width: 1200px;

  margin: 100px auto 105px;

}

.about-ab .about-ab-company {

  display: flex;

  justify-content: space-between;

}

.about-ab-company .about-ab-coml {

  width: 68%;

}

.about-ab-coml-tit {

  position: relative;

  font-size: 36px;

  padding-top: 13px;

  margin-bottom: 30px;

  color: #004098;
  font-family: MSYH;
}

.about-ab-coml-tit span {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -2;

  font-size: 34px;

  color: #e4e4e4;

  text-transform: uppercase;

  font-family: OPPOSans;

}

.about-ab-company .about-ab-coml .about-ab-coml-cont {

  font-size: 18px;
  font-family: MSYH;
  line-height: 26px;

  margin-bottom: 20px;

}

.about-ab-company .about-ab-comr {

  width: 26%;

}



.about-ab .about-ab-company {

  margin-top: 110px;

  margin-bottom: 100px;

}



.about-ab .about-ab-company .about-ab-company-tit {

  font-size: 48px;

  margin-bottom: 20px;

}



.about-ab .about-ab-company .about-ab-company-text {

  font-size: 17px;

}



.about-ab .about-ab-main .about-ab-list .about-ab-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 25px;

  padding-bottom: 25px;

  border-bottom: 1px solid #e5e5e5;

}

.about-ab .about-ab-main .about-ab-list .about-ab-item:first-child {

  padding-top: 0;

}

.about-ab .about-ab-main .about-ab-list .about-ab-item .about-ab-item-num1 {
  font-family: MSYH;
  color: #004098;

  font-size: 28px;

}



.about-ab-list .about-ab-item .about-ab-item-num2 {
  font-family: MSYH;
  font-size: 18px;

}

.about-ab-list .about-ab-item .about-ab-item-num {
  font-family: MSYH;
  color: #004098;

  font-size: 20px;

  vertical-align: 10px;

}



.about-ab-list .about-ab-item .about-ab-item-num3 {
  font-weight: bold;
  font-size: 14px;

  color: #666666;

  line-height: 26px;

}

.about-ab-xy .about-ab-xy-item {

  display: flex;

  gap: 17px;

}

.about-fz .about-ab-coml-tit {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 30px;

}

.about-fz-body {

  width: 100%;

  height: 706px;

  margin: 0 auto;

  background-image: url(../img/about/about4.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

}

.about-fz-wrap {

  width: 100%;

  height: 100%;

  max-width: 1200px;

  margin: 0 auto;

  position: relative;

  /* padding-top: 175px; */

}

.about-fz-cont {

  text-align: center;

  position: relative;

}

.about-fz-cont .about-fz-line {

  width: 86px;

  height: 2px;

  background-color: #000000;

  margin: 40px auto 0;

}

.about-fz-cont p {

  line-height: 65px;

  font-size: 44px;

  color: #ffffff;
  font-family: MSYHBD;
}

.about-fz-cont .aboutfz-yaer1 {

  position: absolute;
  bottom: 0;
  top: 0;

  left: 0;

  right: 0;

  margin: auto;

  font-size: 240px;

  color: #f5eccd;

  opacity: 0.3;
  font-family: OPPOSans;
  font-weight: bold;
}

.aboutfz-yaer2 {
  position: absolute;
  padding-left: 10px;
  bottom: 20%;
  text-align: center;
  font-weight: bold;
  font-size: 58px;
  color: #f2d982;
  font-family: OPPOSans;
}

.aboutfz {

  height: 100%;

}

.aboutfz .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

}

.aboutfz-prev {

  position: absolute;

  left: 0;

  top: 52%;

  z-index: 9;

  cursor: pointer;

}

.aboutfz-next {

  position: absolute;

  right: 0;

  top: 52%;

  z-index: 9;

  cursor: pointer;

}

.aboutfz-next img {

  transform: rotate(180deg);

}







.about-qh-body {

  width: 95%;

  max-width: 1200px;

  margin: 100px auto;

}

.certificates-s .certificates-page {

  width: max-content;

  margin: 0 auto;

}

.certificates-s .certificates-page .swiper-pagination-bullet {

  width: 5px;

  height: 5px;

  background-color: #cbcbcb;

  border-radius: 50%;

  opacity: 1;

}

.certificates-s .certificates-page .swiper-pagination-bullet-active {

  width: 15px;

  height: 5px;

  border-radius: 2.5px;

  background-color: #004098;

}



.about-zs-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto 160px;

}

.about-zs-body .mapbox {

  position: relative;

}

.about-zs-body #map {

  width: 100%;

  height: 480px;

}

.about-zs-body .mapbox .map-info {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  padding: 80px 110px 55px 45px;

  background-color: #004098;

}

.about-zs-body .mapbox .map-info .map-cat {
  font-weight: bold;
  margin-bottom: 45px;

}

.about-zs-body .mapbox .map-info .map-cat img {

  vertical-align: top;

  padding-right: 20px;

}

.about-zs-body .mapbox .map-info .map-cat span {

  font-size: 24px;

  color: #ffffff;

}

.about-zs-body .mapbox .map-info .map-add {

  color: #ffffff;
  font-family: MSYH;
  font-size: 18px;

  margin-bottom: 10px;

}

.about-zs-body .mapbox .map-info .map-p {

  margin-top: 150px;
  font-family: MSYH;
  font-size: 18px;

  color: #ffffff;

}

.about-zs-body .mapbox .dh {
  position: absolute;
  right: 40px;
  bottom: 25px;
  z-index: 99;
}

.about-zs-body .mapbox .map-icon {

  position: absolute;

  bottom: 0;

  right: 0;

}





/* 头部大屏 */

.jumbotron {

  width: 100%;

  margin: 0 auto;

  display: flex;

}



.jumbotron .container {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

}



.jumbotron .nav-tit {

  font-size: 48px;

  color: #ffffff;

}



.jumbotron .text-right {

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 20px;

}





/* 分页 */

.my-4 {

  max-width: 1200px;

  margin: 90px auto 0;

  text-align: center;

}



.my-4 .pagination a {
  font-family: MSYH;
  display: block;
  font-size: 14px;
}



.my-4 .pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

.page-link.page-jt {

  width: 26px;

}

.page-link {

  height: 26px;

  line-height: 26px;

  background-color: #eaeaea;

}

.page-link.page-first,
.page-link.page-lest {

  padding: 0 10px;

  background-color: #eaeaea;

}

.page-num {

  width: 26px;

  height: 26px;

  line-height: 26px;

}



.page-num.page-num-current {

  background-color: #004098;

  color: #ffffff;

}







/* new */

.news-body {

  width: 95%;

  margin: 0 auto;

}



.news .news-top {

  padding: 20px 0;

  border-bottom: 1px solid #e6e6e6;

}



.news .news-top .news-top-wrap {

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.news-tit {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 30px;

  color: #e6e6e6;

}



.news-tit .news-tit-item a {

  font-size: 18px;

  position: relative;

  display: block;

  padding: 12px 20px;

  border-radius: 5px;


}



.news-tit-ac {

  color: #0092fc;

}



.news-tit-ac::after {

  content: '';

  display: block;

  width: 100px;

  height: 3px;

  background-color: #0092fc;

  position: absolute;

  bottom: -22px;

}



.news .news-top .news-top-wrap .news-search .news-search-box {

  position: relative;

  width: 400px;

}



.news .news-top .news-top-wrap .news-search .search-inp {

  width: 100%;

  height: 45px;

  padding: 10px 20px;

  background-color: #ffffff;

  border-radius: 22.5px;

  box-shadow: 0 0 11px 3px #f4f4f5;

}



.news .news-top .news-top-wrap .news-search .search-inp::placeholder {

  color: #c8c8c8;

}



.news .news-top .news-top-wrap .news-search .search-btn {

  position: absolute;

  right: 5%;

  top: 25%;

  width: 23px;

  height: 23px;

  background-color: transparent;

  background-image: url(../img/search_icon.png);

  background-repeat: no-repeat;

  cursor: pointer;

}



.news-list-wrap {

  width: 95%;

  max-width: 1200px;

  margin: 80px auto 40px;

}



.news-list-wrap .news-list-top-item {

  display: flex;

  justify-content: space-between;

  gap: 40px;

  margin-bottom: 40px;

}



.news-list-wrap .news-list-top-item .news-list-top-l {

  flex-shrink: 0;

}



.news-list-wrap .news-list-top-item .news-list-top-t {

  padding-top: 40px;

}



.news-list-wrap .news-list-top-item .news-list-top-t .news-title {

  font-size: 26px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-bottom: 30px;

}



.news-list-wrap .news-list-top-item .news-list-top-t .news-desc {

  font-size: 17px;

  color: #a5a5a5;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  margin-bottom: 30px;

}



.news-list-wrap .news-list-top-item .news-list-top-r {

  text-align: center;

  padding-top: 40px;

}



.news-list-wrap .news-list-top-item .news-list-top-r .news-date {

  color: #40d6ca;

}



.news-list-wrap .news-list-top-item .news-list-top-r .news-date1 {

  font-size: 60px;

}





.newsinfo {

  width: 95%;

  max-width: 1800px;

  margin: 75px auto 0;

}



.newsinfo-body .newsinfo-tit {

  text-align: center;

  font-size: 30px;

  font-family: MSYH;

  margin-bottom: 65px;

}



.newsinfo-body .newsinfo-cont {

  text-align: center;

  margin-bottom: 30px;

}



/* 园区动态-新闻中心 */

.tablist .tablist-top {

  padding: 7px 0;

  background-color: #ededed;

}



.tablist .tablist-top .tablist-top-wrap {

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

}



.tablist-tit {

  width: 50%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.tablist-tit .tablist-tit-item {

  position: relative;

  display: block;

  margin: 7px 20px;

  cursor: pointer;

}

.tablist-tit .tablist-tit-item a {
  font-family: MSYH;
  font-size: 20px;

}



.tablist-tit-ac {

  color: #004098;

}



.tablist-tit-ac::after {

  content: '';

  display: block;

  width: 38px;

  height: 2px;

  background-color: #004098;

  position: absolute;

  bottom: -15px;

  left: 0;

  right: 0;

  margin: auto;

}

.tablist.tablist-color {

  background-color: #ededed;

}

.parknews .parknews-body {

  width: 95%;

  max-width: 1200px;

  margin: 110px auto 120px;

}

.MediaFocus-body {
  width: 95%;
  max-width: 1200px;
  margin: 110px auto 120px;
}

.Announcement-body {
  width: 95%;
  max-width: 1200px;
  margin: 110px auto 120px;
}

.parknews .parknews-list {

  display: flex;

  justify-content: space-between;

  margin-bottom: 80px;

}

.parknews .parknews-list .parknews-item {

  width: 48%;

}

.parknews .parknews-list .parknews-item .parknews-info .parknews-tit a {
  display: block;
  font-family: MSYH;
  font-size: 20px;
  margin-top: 20px;
  height: 52px;
}

.parknews .parknews-list .parknews-item .parknews-info .parknews-tit a:hover {
  color: #004098;
}

.parknews .parknews-list .parknews-item .parknews-info .parknews-desc {
  font-family: MSYH;
  color: #666666;
  line-height: 26px;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.parknews .parknews-list .parknews-item .parknews-info .parknews-date {

  font-size: 14px;

  margin-top: 15px;
  color: #999999;
  font-family: OPPOSans;

}

.parknews .parknews-list2 .parknews-item2 {

  display: flex;

  gap: 20px;

  margin-bottom: 50px;

}

.parknews .parknews-list2 .parknews-item2 .parknews-imgbox {

  width: 26%;
  flex-shrink: 0;
}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 {
  width: 100%;
}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-cont {

  display: flex;

  justify-content: space-between;

  padding-bottom: 15px;

  border-bottom: 1px solid #eaeaea;

}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-cont .parknews-tit2 {
  font-family: MSYH;
  font-size: 20px;

}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-cont .parknews-tit2:hover {
  color: #004098;
}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-cont .parknews-date2 {

  font-size: 14px;
  color: #999999;
  font-family: OPPOSans;

}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-desc2 {
  font-family: MSYH;
  color: #666666;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-a {
  font-family: MSYH;
  display: block;
  background-color: #004098;
  text-align: center;
  max-width: 113px;
  color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #004098;
  transition: all 0.3s ease-in-out;
}

.parknews .parknews-list2 .parknews-item2 .parknews-info2 .parknews-a:hover {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #004098;
}

.newsinfo {
  width: 95%;
  max-width: 1200px;
  margin: 75px auto;
}

.newsinfo .newsinfo-body {
  text-align: center;
}

.newsinfo-body .newsinfo-date {
  margin-bottom: 50px;
}

.newsinfo-body .newsinfo-cont {
  text-align: center;
  margin-bottom: 40px;
}



.MediaFocus-list {

  display: flex;

  flex-wrap: wrap;

  gap: 0 20px;

  margin-top: 55px;

  margin-bottom: 70px;

}



.MediaFocus-list .MediaFocus-item {

  width: calc(100% / 3 - 15px);

  position: relative;

  margin-bottom: 50px;

}
.MediaFocus-list .MediaFocus-item a:hover img{transform:scale(1.2);transition:.3s}
.MediaFocus-list .MediaFocus-item a img{transition:.3s}

.MediaFocus-item-info {

  width: 100%;

  padding: 20px 0 0;

  overflow: hidden;

}



.MediaFocus-list .MediaFocus-item .MediaFocus-item-date {

  border-top: 1px solid #d5d5d5;

  padding-top: 13px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.MediaFocus-list .MediaFocus-item .MediaFocus-item-date span {
  font-family: OPPOSans;
  font-size: 14px;
  color: #999999;

}



.MediaFocus-list .MediaFocus-item .MediaFocus-item-tit {
  font-family: MSYH;
  font-size: 18px;

  line-height: 36px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  margin-bottom: 10px;

}

.MediaFocus-list .MediaFocus-item .MediaFocus-item-tit:hover {
  color: #004098;
}

.MediaFocus-list .MediaFocus-item .MediaFocus-item-desc {
  font-family: MSYH;
  font-size: 16px;

  line-height: 30px;

  color: #666666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-bottom: 30px;

}



.MediaFocus-item-img {

  font-size: 0;

  position: relative;

  overflow: hidden;

}

.parknews-body {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

}

.Announcement-list .Announcement-list-item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 30px 50px;

  border-top: 1px solid #cccccc;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info {

  width: 8%;

  border-right: 1px solid #cccccc;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info .Announcement-date {
  font-family: OPPOSans;

  font-size: 48px;

  color: #10499c;

  line-height: 50px;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info .Announcement-date2 {
  font-family: OPPOSans;
  font-size: 14px;

  color: #999999;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info2 {

  width: 70%;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info2 .Announcement-title {
  font-family: MSYH;
  font-size: 20px;
  margin-bottom: 5px;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info2 .Announcement-desc {
  font-family: MSYH;
  color: #666666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  line-height: 26px;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info3 {

  width: 11%;

}

.Announcement-list .Announcement-list-item .Announcement-list-item-info3 a {
  font-family: MSYH;
  display: block;

  padding: 9px 20px;

  border-radius: 20px;

  background-color: #d1d1d1;

  text-align: center;

}

.Announcement-list .Announcement-list-item:hover {

  /* transform: scale(1.1); */

  background-color: #f1f1f1;

  padding-left: 50px;

  padding-right: 50px;

  border-top: transparent;

  border-bottom-left-radius: 30px;

  border-top-right-radius: 30px;

  box-shadow: 3px 3px 5px 3px #e9e9e9;

}

.Announcement-list .Announcement-list-item:hover .Announcement-list-item-info3 a {

  background-color: #004098;

  color: #ffffff;

}

/* 党建 */

.pbcontainer {
  position: relative;
  padding-top: 295px;
  padding-bottom: 257px;
  background-image: url(../img/dj/dj-bg2.jpg);
  background-repeat: no-repeat;

}

.pbcontainer-wrap {

  width: 95%;

  max-width: 1611px;

  margin-left: 162px;

}

.tablist-tit .tablist-tit-item a {

  color: #ffffff;

}

.tablist-tit .tablist-tit-item {

  width: 140px;

  padding: 14px 20px;

  margin: 0;

  text-align: center;

}

.tablist .tablist-top {

  padding: 0;

  background-color: #b21d23;

}

.tablist-tit-ac2 {

  background-color: #a00000;

}

.pbcontainer-wrap .pbcontainer-body {

  background-color: #ffffff;

}

.pbcontainer-wrap .pbcontainer-body .pbcontainer-box {

  width: 95%;

  max-width: 1200px;

  margin: 0 auto;

  padding-top: 50px;

}

.pbcontainer-coml-tit {
  font-family: MSYH;
  position: relative;
  font-size: 36px;
  padding-top: 13px;

  margin-bottom: 50px;

  color: #004098;

  z-index: 2;

}

.pbcontainer-coml-tit span {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  font-size: 34px;

  color: #e4e4e4;

  text-transform: uppercase;

  font-family: OPPOSans;

}

.pbcontainer-wrap .pbcontainer-body .pbcontainer-box .pbcontainer-ab {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 25px;

  padding-bottom: 85px;

}

.pbcontainer-wrap .pbcontainer-body .pbcontainer-box .pbcontainer-ab .imgbox {

  flex-shrink: 0;

}

.pbcontainer-wrap .pbcontainer-body .pbcontainer-box .pbcontainer-ab .pbcontainer-ab-cont p {
  font-family: MSYH;
  line-height: 26px;

  font-size: 18px;

}

.pbcontainer-wrap2 {

  width: 95%;

  max-width: 1600px;

  background-color: #f8f8f8;

  margin-left: 162px;

  padding-top: 60px;

}

.pbcontainer-wrap2 .pbcontainer-body2 {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

}

.Title {

  margin-bottom: 20px;

}

.Title img {

  vertical-align: sub;

}

.Title span {
  font-size: 30px;
  font-family: MSYH;
  color: #004098;

  margin-left: 5px;

}

.pbswiper {

  padding-bottom: 100px;

}

.pbswiper .pbswiper-item {

  padding: 30px 25px;

  box-sizing: border-box;

  background-color: #ffffff;

}

.pbswiper .pbswiper-item .pbswiper-date {
  font-size: 14px;
  font-family: OPPOSans;
  color: #999999;
  margin-bottom: 20px;

}

.pbswiper .pbswiper-item .pbswiper-title {
  font-family: MSYH;
  font-size: 18px;
  margin-bottom: 20px;
  height: 48px;
}

.pbswiper .pbswiper-item .pbswiper-title:hover {
  color: #004098;
}

.pbswiper .pbswiper-item .pbswiper-img {

  padding-bottom: 30px;

  border-bottom: 1px solid #e3e3e3;

}

.pbswiper .pbswiper-item .pbswiper-info {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 25px;

}

.pbswiper .pbswiper-item .pbswiper-info span {
  color: #999999;

}

.pbswiper .pbswiper-next img {

  transform: rotate(180deg);

}

.pbswiper-btn {

  margin-top: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 35px;

}

.pbcontainer-titbox {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.pbcontainer-titbox a {

  display: block;

  padding: 10px 20px;

  background-color: #004098;

  border-radius: 5px;

  font-size: 20px;

  color: #ffffff;

}

.pbcontainer-titbox a i {

  font-size: 20px;

  color: #ffffff;

}

.pbcontainer-list2 .pbcontainer-item2 {

  display: flex;

  gap: 20px;

  padding-bottom: 45px;

}

.pbcontainer-list2 .pbcontainer-item2:first-child {
  margin-top: 20px;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-imgbox {

  width: 26%;
  flex-shrink: 0;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 {
  width: 74%;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-cont {

  display: flex;

  justify-content: space-between;


}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-tit2 {
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-tit2 a {
  font-family: MSYH;
  font-size: 20px;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-tit2 a:hover {
  color: #004098;
}

.pbcontainer .pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-cont .pbcontainer-date2 {
  color: #999999;
  font-size: 14px;

  font-family: OPPOSans;

}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-desc2 {
  font-family: MSYH;
  color: #666666;
  margin-bottom: 45px;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-a {
  font-family: MSYH;
  display: none;

  text-align: center;

  max-width: 113px;

  padding: 10px 20px;
  color: #ffffff;
  border: 1px solid #004098;
  background-color: #004098;
  transition: all 0.3s ease-in-out;
}

.pbcontainer-list2 .pbcontainer-item2 .pbcontainer-info2 .pbcontainer-a:hover {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #004098;
}

.pbcontainer .my-4 {
  margin-top: 50px;
  padding-bottom: 90px;
}

.pbcontainer-ico {
  position: absolute;
  left: 180px;
  bottom: 40px;
}

/* 委员会客厅 */
.CommitteeParlor {
  position: relative;
  padding-top: 295px;
  padding-bottom: 179px;
  background-image: url(../img/dj/cp-bg.jpg);
  background-repeat: no-repeat;
}

.pbcontainer-ab2 {
  background-color: #f3f3f3;

}

.pbcontainer-ab2 .pbcontainer-ab2-wrap {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;
  padding-top: 10px;
  padding-bottom: 50px;
}

.pbcontainer-ab2 .imgbox {
  margin-top: -30px;
  flex-shrink: 0;

}

.pbcontainer-ab2 .pbcontainer-ab-cont p {
  font-family: MSYH;
  line-height: 26px;

  font-size: 18px;

}

.pbcontainer-coml-tit2 {
  font-family: MSYH;
  position: relative;
  font-size: 36px;
  padding-top: 13px;
  padding-bottom: 30px;
  color: #004098;
  z-index: 2;
}

.pbcontainer-coml-tit2 span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 34px;
  color: #e4e4e4;
  text-transform: uppercase;
  font-family: OPPOSans;
}

.CommitteeParlor-wrap {
  background-color: #ffffff;
}

.CommitteeParlor-body {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 105px;
}

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

.CommitteeParlor-list .CommitteeParlor-item {
  width: 32%;
  margin-bottom: 60px;
  margin-right: 2%;
}

.CommitteeParlor-list .CommitteeParlor-item:nth-of-type(3n) {
  margin-right: 0;
}

.CommitteeParlor-list .CommitteeParlor-item .CommitteeParlor-info .CommitteeParlor-cont {
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}

.CommitteeParlor-list .CommitteeParlor-item .CommitteeParlor-info .CommitteeParlor-cont .CommitteeParlor-date {
  font-size: 14px;
  color: #999999;
  font-family: OPPOSans;
}

.CommitteeParlor-list .CommitteeParlor-item .CommitteeParlor-info .CommitteeParlor-cont .CommitteeParlor-a {
  font-size: 14px;
  color: #999999;
}

.CommitteeParlor-list .CommitteeParlor-item .CommitteeParlor-info .CommitteeParlor-tit a {
  font-size: 18px;
  font-family: MSYH;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 25px;
  height: 48px;
}

.CommitteeParlor-list .CommitteeParlor-item .CommitteeParlor-info .CommitteeParlor-tit a:hover {
  color: #004098;
}

.CommitteeParlor .my-4 {
  margin-top: 50px;
  padding-bottom: 90px;
}

.CommitteeParlor-ico {
  position: absolute;
  left: 180px;
  bottom: 40px;
}

/* 工会 */
.Union {
  position: relative;
  padding-top: 295px;
  padding-bottom: 257px;
  background-image: url(../img/dj/un-bg.jpg);
  background-repeat: no-repeat;
}

.Union .pbcontainer-coml-tit2 {
  margin-bottom: 60px;
}

.Union-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

.Union-list .Union-item {
  width: 32%;
  margin-bottom: 60px;
  margin-right: 2%;
}

.Union-list .Union-item:nth-of-type(3n) {
  margin-right: 0;
}

.Union-list .Union-item .Union-info .Union-cont {
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}

.Union-list .Union-item .Union-info .Union-cont .Union-date {
  font-size: 14px;
  color: #999999;
  font-family: OPPOSans;
}

.Union-list .Union-item .Union-info .Union-cont .Union-a {
  font-size: 14px;
  color: #999999;
}

.Union-list .Union-item .Union-info .Union-tit a {
  font-size: 18px;
  height: 48px;
  font-family: MSYH;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 25px;
}

.Union-list .Union-item .Union-info .Union-tit a:hover {
  color: #004098;
}

.Union .my-4 {
  margin-top: 50px;
  padding-bottom: 90px;
}

.Union-ico {
  position: absolute;
  left: 180px;
  bottom: 40px;
}

/* 侨立方 */
.QiaoCube {
  position: relative;
  padding-top: 295px;
  padding-bottom: 267px;
  background-image: url(../img/dj/qc-bg.jpg);
  background-repeat: no-repeat;
}

.QiaoCube .pbcontainer-wrap .pbcontainer-body .pbcontainer-box {
  padding: 50px 0 120px;
}

.QiaoCube-wrap {
  margin-top: 10px;
  padding: 50px 25px 40px;
  background-color: #f3f3f3;
  position: relative;
  margin-bottom: 140px;
}

.QiaoCube-wrap .QiaoCube-wrap-tit {
  font-size: 18px;
  font-family: MSYH;
  margin-bottom: 30px;
}

.QiaoCube-wrap-ico {
  position: absolute;
  left: 26px;
  top: -15px;
}

.qcswiper {
  padding-bottom: 40px;
}

.qcswiper .qiaocube-page .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  opacity: 1;
  background-color: #cbcbcb;
  border-radius: 50%;
}

.qcswiper .qiaocube-page .swiper-pagination-bullet-active {
  width: 15px;
  height: 5px;
  background-color: #004098;
  border-radius: 2.5px;
}

.QiaoCube-wrap2 {
  margin-top: 10px;
  padding: 70px 25px 60px;
  background-color: #f3f3f3;
  position: relative;
}

.QiaoCube-wrap2 .QiaoCube-wrap-tit {
  font-size: 18px;
  font-family: MSYH;
  margin-bottom: 40px;
}

.QiaoCube-wrap-ico {
  position: absolute;
  left: 26px;
  top: -15px;
}

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

.QiaoCube-list .QiaoCube-list-item {
  width: 24%;
  padding: 30px 20px;
  background-color: #ffffff;
}

.QiaoCube-list .QiaoCube-list-item .QiaoCube-list-item-tit {
  font-size: 30px;
  color: #034098;
  font-family: MSYH;
  position: relative;
  margin-bottom: 30px;
}

.QiaoCube-list .QiaoCube-list-item .QiaoCube-list-item-tit::after {
  content: '';
  display: block;
  width: 31px;
  height: 4px;
  background-color: #034098;
  position: absolute;
  bottom: -14px;
  left: 0;
}

.QiaoCube-list .QiaoCube-list-item .QiaoCube-list-item-cont {
  font-size: 18px;
  font-family: MSYH;
  line-height: 26px;
}

.QiaoCube-ico {
  position: absolute;
  left: 180px;
  bottom: 40px;
}

/* 科技创新-创新平台 */
.tcltablist .tcltablist-top {
  padding: 7px 0;
  background-color: #ededed;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap .tcltablist-tit {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap .tcltablist-tit .tcltablist-tit-item {
  position: relative;
  display: block;
  margin: 12px 20px;
  cursor: pointer;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap .tcltablist-tit .tcltablist-tit-item a {
  font-size: 20px;
  font-family: MSYH;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap .tcltablist-tit .tcltablist-tit-ac {
  color: #004098;
}

.tcltablist .tcltablist-top .tcltablist-top-wrap .tcltablist-tit .tcltablist-tit-ac::after {
  content: '';
  display: block;
  width: 38px;
  height: 2px;
  background-color: #004098;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
}

.tcl-body {
  width: 95%;
  max-width: 1200px;
  margin: 110px auto 100px;
  position: relative;
}

.tcl-title {
  font-family: MSYH;
  position: relative;
  font-size: 36px;
  padding-top: 13px;
  margin-bottom: 30px;
  color: #004098;
  z-index: 2;
}

.tcl-title span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  font-size: 34px;
  color: #e4e4e4;
  text-transform: uppercase;
  font-family: OPPOSans;
}

.tcl-wrap {
  position: relative;
}

.tcl-body .swiper-button-prev {
  left: -45px;
  top: 35%;
  color: #3d3d3d;
  --swiper-navigation-size: 26px;
}

.tcl-body .swiper-button-next {
  right: -45px;
  top: 35%;
  color: #3d3d3d;
  --swiper-navigation-size: 26px;
}

.tcl-body .tcl-cont {
  margin-top: 30px;
}

.tcl-cont-tit {
  font-size: 24px;
  color: #333333;
  font-family: MSYH;
}

.tcl-cont-tit::after {
  content: '';
  display: block;
  width: 18px;
  height: 3px;
  background-color: #333333;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.tcl-cont-p {
  font-size: 18px;
  font-family: MSYH;
  line-height: 26px;
  color: #666666;
}

.tcl-an2 {
  padding-top: 44px;
  padding-bottom: 44px;
  background-image: url(../img/kjcx/kjcx-bg.jpg);
  background-repeat: no-repeat;
}

.tcl-an2 .tcl-body2 {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.tclswiper2 .tcl-an2-wrap {
  display: flex;
  align-items: center;
}

.tclswiper2 .tcl-an2-wrap .tcl-an2-wrap-l {
  width: 50%;
  padding-right: 50px;
}

.tclswiper2 .tcl-an2-wrap .tcl-an2-wrap-r {
  width: 50%;
}

.tcl-body2 .tclswiper2-page {
  bottom: -25px;
}

.tcl-body2 .tclswiper2-page .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  opacity: 1;
  background-color: #cbcbcb;
  border-radius: 50%;
}

.tcl-body2 .tclswiper2-page .swiper-pagination-bullet-active {
  width: 15px;
  height: 5px;
  background-color: #004098;
  border-radius: 2.5px;
}

.tcl-an3 .tcl-body3 {
  width: 95%;
  max-width: 1200px;
  margin: 125px auto 125px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tcl-body3 .tcl-body3-l {
  width: 13.3%;
}

.tcl-body3 .tcl-body3-l .tcl-body3-l-list .tcl-body3-l-list-item {
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  text-align: center;
  font-family: MSYH;
  margin-bottom: 2px;
  background-color: #f3f6f8;
}

.tcl-body3 .tcl-body3-l .tcl-body3-l-list .tcl-body3-l-list-item.tcl-active {
  background-color: #10499c;
  color: #ffffff;
}

.tcl-body3 .tcl-body3-r {
  width: 83.3%;
}

.tcl-body3 .tcl-body3-r .tcl-body3-r-contbox {
  display: none;
}

.tcl-body3 .tcl-body3-r .tcl-body3-r-cont {
  display: flex;
  align-items: center;
  gap: 44px;
}

.tcl-body3 .tcl-body3-r .tcl-body3-r-cont .imgbox {
  flex-shrink: 0;
}

.tcl-body3 .tcl-body3-r .tcl-body3-r-cont .tcl-body3-r-info .tcl-body3-r-info-tit {
  font-size: 24px;
  color: #10499c;
  font-family: MSYH;
  margin-bottom: 20px;
}

.tcl-body3 .tcl-body3-r .tcl-body3-r-cont .tcl-body3-r-info p {
  font-size: 18px;
  font-family: MSYH;
  color: #666666;
  line-height: 26px;
}

/* 分园介绍 */
.Branch-body {
  width: 95%;
  max-width: 1200px;
  margin: 110px auto 125px;
}

.Branch-body .tcl-title {
  padding-bottom: 50px;
}

.Branch-img {
  margin-top: 30px;
  margin-bottom: 80px;
}

.Branch-list {
  display: flex;
  gap: 17px;
}

.Branch-list .Branch-list-item {
  width: calc(100% / 4);
  box-shadow: 0 0 5px 3px #e2e1e1;
  padding: 60px 0;
  text-align: center;
  position: relative;
}

.Branch-list .Branch-list-item::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #10499c;
  position: absolute;
  bottom: 0;
}

.Branch-list .Branch-list-item:hover {
  background-color: #10499c;
}

.Branch-list .Branch-list-item:hover .Branch-list-item-tit {
  color: #ffffff;
}

.Branch-list .Branch-list-item .Branch-list-item-tit {
  margin-top: 35px;
  font-size: 18px;
  font-family: MSYH;
}

/* 服务输出 */
.serviceoutput-wrap {
  display: flex;
}

.serviceoutput-wrap .imgbox {
  flex-shrink: 0;
}

.serviceoutput-wrap .serviceoutput-wrap-cont {
  background-color: #f6f6f6;
  font-size: 18px;
  font-family: MSYH;
  padding-top: 90px;
  padding-left: 45px;
  padding-right: 35px;
}

.serviceoutput-list {
  display: flex;
  gap: 25px;
  margin-top: 65px;
}

.serviceoutput-list .serviceoutput-list-item {
  width: calc(100% / 3);
  box-shadow: 0 0 3px 1px #e2e1e1;
  padding: 50px 0;
  text-align: center;
}

.serviceoutput-list .serviceoutput-list-item:hover {
  background-color: #10499c;
}

.serviceoutput-list .serviceoutput-list-item:hover .serviceoutput-list-item-tit {
  color: #ffffff;
}

.serviceoutput-list .serviceoutput-list-item:hover .serviceoutput-list-item-tit2 {
  color: #ffffff;
}

.serviceoutput-list .serviceoutput-list-item .serviceoutput-list-item-tit {
  font-size: 18px;
  color: #10499c;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: OPPOSans;
}

.serviceoutput-list .serviceoutput-list-item .serviceoutput-list-item-tit2 {
  font-size: 18px;
  font-family: MSYH;
  margin-top: 20px;
}

/* 创业服务 */
.Es {
  background-color: #f4f9ff;
}

.Es-body {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 110px;
}

.Es-wrap {
  margin-top: 100px;
}

.Es-wrap .es-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.Es-wrap .es-list .es-item {
  width: 24%;
  padding: 70px;
  position: relative;
  background-color: #fff;
}

.Es-wrap .es-list .es-item:last-child {
  border: none;
}

.Es-wrap .es-list .es-item .es-item-info {
  position: absolute;
  top: -88px;
  left: -42px;
  width: 400px;
  height: 410px;
  padding: 90px 45px 0;
  display: block;
  background-color: var(--main-style-background-color, #10499c);
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  opacity: 0;
}

.Es-wrap .es-list .es-item .es-item-info .es-item-info-tit {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-family: MSYH;
  padding-bottom: 25px;
  border-bottom: 2px solid #557eb9;
}

.Es-wrap .es-list .es-item .es-item-info .es-item-info-tit::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
}

.Es-wrap .es-list .es-item .es-item-info .es-item-info-text {
  font-size: 18px;
  color: #ffffff;
  line-height: 26px;
  font-family: MSYH;
  margin-top: 25px;
}

.Es-wrap .es-list .es-item .es-item-cont {
  text-align: center;
}

.Es-wrap .es-list .es-item .es-item-cont img {
  object-fit: cover;
  object-position: center;
  transition: transform 0.5s ease;
  font-size: 0;
}

.Es-wrap .es-list .es-item .es-item-cont p {
  margin-top: 10px;
  font-size: 20px;
  font-family: MSYH;
  line-height: 26px;
}

.Es-wrap .es-list .es-item:hover .es-item-cont img {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
}

.Es-wrap .es-list .es-item:hover .es-item-info {
  opacity: 1;
  transform: scale(1);
  z-index: 1;
}

.es-list2 {
  margin-top: 15px;
}

/* 企业服务 */

.cs-body {
  width: 95%;
  max-width: 1200px;
  margin: 80px auto 45px;
}

.cs-wrap {
  width: 95%;
  max-width: 1200px;
  margin: 30px auto 20px;
}

.cs-wrap-img {
  position: relative;
}

.cs-wrap-img .cs-wrap-img-text {
  position: absolute;
  width: 95%;
  max-width: 1200px;
  left: 0;
  right: 0;
  bottom: 45px;
  margin: auto;
  color: #ffffff;
  font-size: 18px;
}

.cs-wrap .cs-wrap-tit {
  font-size: 18px;
  line-height: 26px;
  color: #999999;
  font-family: OPPOSans;
}

.cs-wrap .cs-wrap-tit2 {
  font-size: 32px;
  color: #10499c;
  margin-top: 5px;
  font-family: MSYH;
}

.cs-wrap2 {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 75px;
}

.cs-wrap2 .cs-wrap2-box {
  margin-bottom: 55px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-tit {
  font-size: 24px;
  position: relative;
  padding-left: 20px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-tit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  width: 5px;
  height: 25px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #004098;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item {
  position: relative;
  width: 32%;
  height: 174px;
  padding: 40px 0 20px 34px;
  background-color: #eeeeee;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  margin-bottom: 25px;
  gap: 20px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item:hover {
  background-color: #004098;
  display: block;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item:hover .cs-wrap2-box-item-tit {
  display: none;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item:hover .cs-wrap2-box-item-tit2 {
  display: block;
  color: #ffffff;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item:hover .cs-wrap2-box-item-icon {
  position: absolute;
  left: 34px;
  bottom: 20px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg1:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon1_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg2:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon2_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg3:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon3_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg4:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon4_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg5:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon5_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg6:hover .cs-wrap2-box-item-icon {
  background-image: url(../img/yqfw/qyfw_icon6_3.png);
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg1 {
  background-image: url(../img/yqfw/qyfw_icon1_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg2 {
  background-image: url(../img/yqfw/qyfw_icon2_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg3 {
  background-image: url(../img/yqfw/qyfw_icon3_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg4 {
  background-image: url(../img/yqfw/qyfw_icon4_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg5 {
  background-image: url(../img/yqfw/qyfw_icon5_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg6 {
  background-image: url(../img/yqfw/qyfw_icon6_2.png);
  background-position: right 135%;
  background-repeat: no-repeat;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item .cs-wrap2-box-item-tit {
  font-size: 18px;
  font-family: MSYH;
  line-height: 26px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item .cs-wrap2-box-item-tit2 {
  display: none;
  font-size: 18px;
  font-family: MSYH;
  line-height: 26px;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg1 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg2 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg3 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg4 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg5 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box .cs-wrap2-box-list .cs-wrap2-box-item.cs-wrap2-box-item-bg6 .cs-wrap2-box-item-icon {
  width: 40px;
  height: 40px;
  background-image: url(../img/yqfw/qyfw_icon6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.cs-wrap2 .cs-wrap2-box2 {
  padding: 40px 30px 26px;
  background-color: #eeeeee;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}

.cs-wrap2 .cs-wrap2-box2 .cs-wrap2-box2-cont {
  width: 61%;
}

.cs-wrap2 .cs-wrap2-box2 .imgbox {
  width: 38%;
}

.cs-wrap2 .cs-wrap2-box2 .cs-wrap2-box2-tit {
  position: relative;
  font-size: 32px;
  font-family: MSYH;
  margin-bottom: 20px;
}

.cs-wrap2 .cs-wrap2-box2 .cs-wrap2-box2-p {
  font-size: 18px;
  line-height: 26px;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-tit {
  font-size: 32px;
  font-family: MSYH;
  margin-bottom: 40px;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-titbot {
  text-align: center
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-titbot h1 {
  font-size: 30px;
  color: #333333;
  margin: 30px 0 0
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list {
  display: flex;
  justify-content: space-between;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item {
  position: relative;
  width: 24%;
  min-height: 377px;
  padding: 44px 25px 50px;
  background-color: #f7f7f7;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover {
  background-color: #004098;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover .cs-wrap2-box3-list-item-num {
  color: #ffffff;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover .cs-wrap2-box3-list-item-num::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(0, 64, 152, 1));
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover .cs-wrap2-box3-list-item-tit {
  color: #ffffff;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover .cs-wrap2-box3-list-item-text {
  display: block;
  color: #ffffff;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item:hover .imgbox {
  display: none;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item .cs-wrap2-box3-list-item-num {
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
  color: #bbbbbb;
  font-family: OPPOSans;
  font-weight: bold;
  position: relative;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item .cs-wrap2-box3-list-item-num::after {
  position: absolute;
  content: '';
  right: -47px;
  bottom: 14px;
  width: 35px;
  height: 8px;
  background-image: linear-gradient(to right, rgba(217, 217, 217, 1), rgba(247, 247, 247, 1));
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item .cs-wrap2-box3-list-item-tit {
  font-size: 21px;
  margin-bottom: 25px;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item .cs-wrap2-box3-list-item-text {
  display: none;
  font-size: 18px;
  line-height: 26px;
}

.cs-wrap2 .cs-wrap2-box3 .cs-wrap2-box3-list .cs-wrap2-box3-list-item .imgbox {
  position: absolute;
  left: 25px;
  bottom: 60px;
}

/* 基础服务 */
.Parkservices-container {
  display: none;
}

.Parkservices-container2 {
  display: none;
}

.Parkservices {
  margin-top: 110px;
  background-image: url(../img/yqfw/bg_1.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  padding: 80px 0;
}

.Parkservices-wrap {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.Parkservices-wrap .Parkservices-wrap-l {
  width: 30%;
}

.Parkservices-wrap .Parkservices-wrap-l .tcl-title {
  color: #ffffff;
}

.Parkservices-wrap .Parkservices-wrap-l .tcl-title span {
  color: rgba(255, 255, 255, 0.3);
}

.Parkservices-wrap .Parkservices-wrap-l .Parkservices-wrap-list {
  width: 65%;
  padding: 25px 0;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
}

.Parkservices-wrap .Parkservices-wrap-l .Parkservices-wrap-list .Parkservices-wrap-list-item {
  padding: 10px 0 10px 15px;
}

.Parkservices-active {
  background-color: rgba(255, 255, 255, 0.5);
}

.Parkservices-wrap .Parkservices-wrap-l .Parkservices-wrap-list .Parkservices-wrap-list-item a {
  display: block;
  font-size: 20px;
  color: #ffffff;
  font-family: MSYH;
}

.Parkservices-wrap .Parkservices-wrap-r {
  width: 70%;
  padding-top: 50px;
  padding-bottom: 80px;
  padding-left: 70px;
  padding-right: 80px;
  background-color: #ffffff;
}

.Parkservices-wrap .Parkservices-wrap-r .Parkservices-wrap-r-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.Parkservices-wrap .Parkservices-wrap-r .Parkservices-wrap-r-title .Parkservices-wrap-r-tit img {
  vertical-align: text-bottom;
}

.Parkservices-wrap .Parkservices-wrap-r .Parkservices-wrap-r-title .Parkservices-wrap-r-tit span {
  font-size: 30px;
  color: #004098;
  margin-left: 15px;
  display: inline-block;
  font-family: MSYH;
}

.Parkservices-wrap .Parkservices-wrap-r .Parkservices-wrap-r-cont {
  font-size: 18px;
  font-family: MSYH;
}

.Parkservices-wrap2 {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 100px;
  padding: 50px 100px 35px;
  background-color: #f3f3f3;
}

.Parkservices-wrap2 .Parkservices-wrap2-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Parkservices-wrap2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item {
  width: 26%;
  text-align: center;
}

.Parkservices-wrap2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item:nth-child(1) {
  margin-bottom: 30px;
}

.Parkservices-wrap2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .Parkservices-wrap2-list-item-tit {
  font-size: 18px;
  font-family: MSYH;
  margin-top: 10px;
}

.Parkservices-wrap2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .Parkservices-wrap2-list-item-tit2 {
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  font-family: MSYH;
}

.Parkservices-ry-tit {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}

.Parkservices-ry-body {
  background-image: url(../img/yqfw/bg_29.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 77px;
  padding-bottom: 140px;
}

.Parkservices-ry-body .Parkservices-ry-wrap {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
}

.Parkservices-cd-body {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 0;
}

.Parkservices-cd-table {
  padding: 0px 16px 14px;
  background-color: #eaf2ff;
  border-radius: 20px;
  margin-bottom: 40px;
}

.Parkservices-cd-table table {
  border-radius: 20px;
  background-color: #ffffff;
}

.Parkservices-cd-table table tr td {
  height: 60px;
  border: 1px solid #c2c2c2;
  vertical-align: middle;
  text-align: center;
  font-family: MSYH;
}

.Parkservices-cd-table-tit {
  display: flex;
  justify-content: space-around;
  padding: 0 16px;
}

.Parkservices-contact-body {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 130px;
}

.Parkservices-contact-body .Parkservices-contact-wrap {
  display: flex;
  justify-content: space-between;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l {
  width: 47.5%;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-r {
  width: 50%;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l .message-line .message-item {
  margin-bottom: 18px;
  font-family: MSYH;
  color: #999999;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l .message-line .message-item .message-inp {
  width: 100%;
  height: 49px;
  color: #333333;
  font-family: MSYH;
  padding-left: 12px;
  background-color: #eeeeee;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l .message-line .message-item .message-inp::placeholder {
  font-size: 18px;
  font-family: MSYH;
  color: #999999;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l .message-line .message-item .message-inp2 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #333333;
  vertical-align: -8px;
}

.Parkservices-contact-body .Parkservices-contact-wrap .Parkservices-contact-wrap-l .message-line .message-item .message-sub {
  padding: 0 146px;
  font-size: 18px;
  height: 49px;
  line-height: 49px;
  color: #ffffff;
  background-color: #004098;
}

.Parkservices-wrap-2 {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 100px;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item {
  text-align: center;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item:nth-child(1) {
  margin-bottom: 20px;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .Parkservices-wrap2-list-item-tit {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .imgbox {
  overflow: hidden;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .imgbox img {
  transition: all 0.5s ease-in-out;
}

.Parkservices-wrap-2 .Parkservices-wrap2-list .Parkservices-wrap2-list-item .imgbox:hover img {
  transform: scale(1.1);
}