.footer {
  background: #f2f2f2;
}
/*=========== p2-0 新闻聚合 ===========*/
.new01 {
  padding: 160px 0 125px;
  background: url(../images/page/new01_1.jpg) center no-repeat;
  background-size: cover;
}
.new01 .top {
  margin-bottom: 80px;
}
.new01 .top .left {
  color: #fff;
}
.new01 .top .left b {
  margin-bottom: 20px;
  font-size: 38px;
}
.new01 .top .left p {
  font-size: 18px;
}
.new01 .top .right {
  margin-top: 15px;
  padding: 0 40px;
  width: 40%;
  height: 64px;
  border-radius: 62px;
  background: #fff;
}
.new01 .top .right input {
  float: left;
  width: calc(100% - 40px);
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333;
}
.new01 .top .right .but {
  float: right;
  width: 40px;
  height: 64px;
  background: url(../images/icon/icon_44.png) center right no-repeat;
}
.new01 .top .right .but:hover {
  background: url(../images/icon/icon_44s.png) center right no-repeat;
}
.new01 .bot {
  border-radius: 6px;
  overflow: hidden;
}
.new01 .bot .left {
  width: 59.28%;
}
.new01 .bot .left .swiper-slide {
  width: 100%;
  height: 530px;
  overflow: hidden;
}
.new01 .bot .left .swiper-slide .pic {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.new01 .bot .left .swiper-slide:hover .pic {
  transition: all 0.5s;
  transform: scale(1.08);
}
.new01 .bot .left .swiper-pagination {
  bottom: 36px;
  left: 40px;
  width: calc(100% - 80px);
  text-align: left;
}
.new01 .bot .left .swiper-pagination .swiper-pagination-bullet {
  margin: 0 19px 0 0;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #dcdcdc;
}
.new01 .bot .left .swiper-pagination .swiper-pagination-bullet-active {
  background: #c9151e;
}
.new01 .bot .right {
  width: 40.72%;
  height: 530px;
  background: #fff;
}
.new01 .bot .right .bor {
  padding: 27px 6% 0 8%;
}
.new01 .bot .right .swiper {
  height: 500px;
}
.new01 .bot .right .swiper-slide {
  transition: all 0.5s;
  margin-top: 0px;
  height: 100px;
  background: url(../images/icon/icon_45.png) right center no-repeat;
  background-size: 10px auto;
  border-bottom: #ededed 1px solid;
  cursor: pointer;
}
.new01 .bot .right .swiper-slide .time {
  transition: all 0.5s;
  float: left;
  margin-right: 19px;
  padding: 20px 0 10px 11px;
  width: 100px;
  line-height: 28px;
  color: #c4c4c4;
  font-family: Arial;
  border-radius: 4px;
}
.new01 .bot .right .swiper-slide .time b {
  margin: 0 0 8px 0;
  font-size: 40px;
}
.new01 .bot .right .swiper-slide .time p {
  font-size: 18px;
}
.new01 .bot .right .swiper-slide .text {
  transition: all 0.5s;
  padding-right: 32px;
  width: calc(100% - 100px - 19px);
}
.new01 .bot .right .swiper-slide .text b {
  transition: all 0.5s;
  margin-top: 15px;
  line-height: 31px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new01 .bot .right .swiper-slide .text p {
  transition: all 0.5s;
  height: 0;
  line-height: 27px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new01 .bot .right .swiper-slide.swiper-slide-thumb-active {
  transition: all 0.5s;
  margin-top: 20px;
  height: 158px;
  background-size: 0px auto;
}
.new01 .bot .right .swiper-slide.swiper-slide-thumb-active .time {
  transition: all 0.5s;
  padding: 20px 0 10px 18px;
  color: #fff;
  background: #c9151e;
}
.new01 .bot .right .swiper-slide.swiper-slide-thumb-active .text {
  transition: all 0.5s;
  padding-right: 0px;
}
.new01 .bot .right .swiper-slide.swiper-slide-thumb-active .text b {
  transition: all 0.5s;
  margin: 0 0 15px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.new01 .bot .right .swiper-slide.swiper-slide-thumb-active .text p {
  transition: all 0.5s;
  height: 54px;
}
.new01 .bot .right .swiper-slide:last-child {
  border-bottom: none;
}
.new02 {
  padding: 93px 0 85px;
  background: url(../images/page/new02_1.jpg) right bottom no-repeat;
  background-size: cover ;
}
.new02 .left {
  margin-right: 3%;
  width: 48.5%;
}
.new02 .left:nth-child(2n) {
  margin-right: 0;
}
.new02 .list {
  margin-top: 45px;
  padding-bottom: 50px;
}
.new02 .list a {
  transition: all 0.5s;
  position: relative;
  margin: 0 0 40px 0;
  width: 100%;
  height: 232px;
  background: #fff;
  border-radius: 6px;
}
.new02 .list a:nth-child(2n) {
  margin-right: 0;
}
.new02 .list a .bor {
  padding: 32px 9% 0 7%;
}
.new02 .list a .pic {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  float: left;
  margin: 5px 5% 0 0;
  width: 17.5%;
  height: 130px;
  overflow: hidden;
}
.new02 .list a .pic img {
  max-width: 100%;
  max-height: 100%;
}
.new02 .list a .text {
  transition: all 0.5s;
  position: relative;
  float: left;
  width: 77.5%;
}
.new02 .list a .text b {
  margin-bottom: 8px;
  height: 60px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new02 .list a .text i {
  margin-bottom: 8px;
  line-height: 23px;
  font-size: 20px;
  font-family: Arial;
  color: #c4c4c4;
}
.new02 .list a .text p {
  line-height: 30px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new02 .list a:hover .text i {
  color: #c9151e;
}
.new02 .list .swiper-pagination {
  bottom: 0px;
}
.new02 .list .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #dcdcdc;
}
.new02 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #c9151e;
}
.new03 {
  padding: 92px 0 99px;
}
.new03 .listBox {
  margin-top: 50px;
}
.new03 .listBox a {
  float: left;
  margin: 0 1.25% 0 0;
  width: 32.5%;
  border-radius: 6px;
  background: #f8f8f8;
  overflow: hidden;
}
.new03 .listBox a:nth-child(3n) {
  margin-right: 0;
}
.new03 .listBox a .pic {
  position: relative;
  width: 100%;
  height: 255px;
  overflow: hidden;
}
.new03 .listBox a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.new03 .listBox a .pic span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_47.png) center no-repeat;
}
.new03 .listBox a p {
  padding: 20px 9% 1px;
  height: 112px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new03 .listBox a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.new03 .listBox a:hover p {
  color: #ba1912;
}
.new04 {
  padding: 99px 0 110px;
  background: url(../images/page/new04_1.jpg) left bottom no-repeat;
  background-size: cover ;
}
.new04 .left {
  width: 49%;
}
.new04 .left:nth-child(1) {
  margin-right: 2%;
}
.new04 .next {
  position: relative;
  margin-top: 50px;
  padding: 50px 6.25% 0 0;
  height: 360px;
}
.new04 .next .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 360px;
  border-radius: 6px;
  overflow: hidden;
}
.new04 .next .pic i {
  width: 100%;
  height: 100%;
}
.new04 .next .pageTitle a {
  position: relative;
  z-index: 2;
  color: #fff;
  background: url(../images/icon/icon_46ss.png) left center no-repeat;
}
.new04 .next .pageTitle a:hover {
  letter-spacing: 4px;
}
.new04 .list {
  position: relative;
  z-index: 2;
  margin-top: 36px;
  padding: 39px 9% 6px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.new04 .list a {
  margin-bottom: 32px;
}
.new04 .list a b {
  padding-left: 33px;
  font-size: 18px;
  color: #333;
  font-weight: normal;
  background: url(../images/icon/icon_48.png) left center no-repeat;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.new04 .list a:hover b {
  color: #d20a10;
}
.new05 {
  padding: 114px 0 105px;
  background: url(../images/page/new05_1.jpg) center bottom no-repeat;
  background-size: cover ;
}
.new05 .left {
  padding: 68px 60px 1px;
  width: 35.7%;
  min-width: 500px;
  height: 480px;
  background: url(../images/page/new05_2.jpg) right bottom no-repeat;
  background-size: cover;
  border-radius: 6px;
  overflow: hidden;
}
.new05 .left b {
  margin-bottom: 14px;
  font-size: 30px;
  color: #fff;
}
.new05 .left p {
  margin-bottom: 30px;
  font-size: 18px;
  color: #fff;
}
.new05 .left .icon .iconBox {
  float: left;
  position: relative;
  margin: 0 22px 40px 0;
  width: 58px;
  height: 58px;
  cursor: pointer;
}
.new05 .left .icon .iconBox:nth-child(5n) {
  margin-right: 0;
}
.new05 .left .icon .iconBox i {
  position: relative;
  transition: all 0.5s;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #fff;
  overflow: hidden;
}
.new05 .left .icon .iconBox i::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 58px;
  height: 116px;
  content: " ";
}
.new05 .left .icon .iconBox .pos {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 72px;
  transform: translateX(-50%);
  z-index: 3;
  width: 108px;
  height: 0px;
  background: url(../images/icon/icon_60.png) left top no-repeat;
  overflow: hidden;
}
.new05 .left .icon .iconBox .pos div {
  padding: 14px 2px 0;
}
.new05 .left .icon .iconBox .pos img {
  width: 104px;
  height: 104px;
}
.new05 .left .icon .iconBox:hover i::before {
  transition: all 0.5s;
  top: -58px;
}
.new05 .left .icon .iconBox:hover .pos {
  transition: all 0.5s;
  height: 119px;
}
.new05 .left .icon .iconBox.wx i::before {
  background: url(../images/icon/icon_57s.png) center no-repeat;
}
.new05 .left .icon .iconBox.video i::before {
  background: url(../images/icon/icon_58s.png) center no-repeat;
}
.new05 .left .icon .iconBox.vb i::before {
  background: url(../images/icon/icon_59s.png) center no-repeat;
}
.new05 .left .icon .iconBox.sph i::before {
  background: url(../images/icon/icon_185.png) center no-repeat;
}
.new05 .left .icon .iconBox.dy i::before {
  background: url(../images/icon/icon_186.png) center no-repeat;
}
.new05 .left .icon .iconBox.tt i {
  background: none;
}
.new05 .left .icon .iconBox.tt i::before {
  background: url(../images/icon/icon_187.png) center no-repeat;
}
.new05 .left .icon .iconBox.ks i {
  background: none;
}
.new05 .left .icon .iconBox.ks i::before {
  background: url(../images/icon/icon_188.png) center no-repeat;
}
/*=========== p2-1 新闻列表 ===========*/
.Nsearch {
  position: relative;
  z-index: 3;
  margin: 85px auto 72px;
  padding: 25px 35px;
  background: #fff;
}
.Nsearch .next .inp {
  float: left;
  position: relative;
  margin: 0 15px 0 0;
  width: 26.28%;
  height: 50px;
  border: #d7d7d7 1px solid;
  border-radius: 6px;
}
.Nsearch .next .inp .clearfix {
  position: relative;
  padding: 0 30px;
  cursor: pointer;
}
.Nsearch .next .inp i {
  position: absolute;
  right: 30px;
  top: 0;
  width: 17px;
  height: 100%;
  background: url(../images/icon/icon_63.png) center no-repeat;
}
.Nsearch .next .inp em {
  float: left;
  width: 30px;
  height: 50px;
  background: url(../images/icon/icon_64.png) center no-repeat;
}
.Nsearch .next .inp input,
.Nsearch .next .inp p {
  float: left;
  position: relative;
  z-index: 3;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #999;
}
.Nsearch .next .inp .pos {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  padding: 20px;
  width: 100%;
  max-height: 264px;
  overflow-y: auto !important;
  background: #fff;
  border: #fff 1px solid;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.Nsearch .next .inp .pos a {
  padding: 5px 0 5px 2px;
  line-height: 25px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
}
.Nsearch .next .inp .pos a:hover {
  color: #ba1912;
}
.Nsearch .next .inp.inp2 {
  width: calc(100% - 26.28% - 30px - 131px);
}
.Nsearch .next .inp.inp2 input {
  padding-left: 10px;
  width: calc(100% - 30px);
}
.Nsearch .next .but {
  float: left;
  width: 131px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background: #b83028;
  border-radius: 6px;
}
.new {
  padding-bottom: 80px;
}
.new .list a {
  position: relative;
  margin: 0 30px 63px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.new .list a .pic {
  width: 30.7%;
  height: 250px;
  overflow: hidden;
}
.new .list a .pic img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new .list a .text {
  float: left;
  margin-left: 5%;
  padding-top: 45px;
  width: calc(100% - 5% - 30.7% - 50px);
}
.new .list a .text b {
  margin: 0 0 25px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.new .list a .text i {
  margin-bottom: 20px;
  font-size: 20px;
  color: #c4c4c4;
  font-family: Arial;
}
.new .list a .text p {
  line-height: 30px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new .list a span {
  transition: all 0.5s;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #f2f2f2 url(../images/icon/icon_66.png) center no-repeat;
}
.new .list a:hover .pic img {
  transition: all 0.5s;
  transform: scale(1.08);
}
.new .list a:hover .text i {
  color: #ba1912;
}
.new .list a:hover span {
  transition: all 0.5s;
  background: #ba1912 url(../images/icon/icon_66s.png) center no-repeat;
}
/*=========== p2-1 新闻列表3 ===========*/
.newBox {
  padding-bottom: 80px;
}
.newBox .list {
  margin: 45px auto 40px;
}
.newBox .list a {
  transition: all 0.5s;
  position: relative;
  float: left;
  margin: 0 2% 50px 0;
  width: 32%;
  border-radius: 4px;
  background: #fff;
}
.newBox .list a:nth-child(3n) {
  margin-right: 0;
}
.newBox .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
  width: 0%;
  height: 3px;
  background: #c70020;
  content: " ";
}
.newBox .list a .pic {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.newBox .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.newBox .list a .text {
  transition: all 0.5s;
  position: relative;
  padding: 34px 8% 0;
  height: 290px;
  border: #eee 1px solid;
}
.newBox .list a .text i {
  margin-bottom: 28px;
  font-size: 20px;
  font-family: Arial;
  color: #999;
}
.newBox .list a .text b {
  margin-bottom: 32px;
  height: 72px;
  line-height: 36px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newBox .list a .text p {
  line-height: 28px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newBox .list a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.newBox .list a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.newBox .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.newBox .list a:hover .text {
  border: #fff 1px solid;
}
.newBox .list a:hover .text b {
  color: #c7161e;
}
/*=========== p2-2 新闻详情 ===========*/
.newDetails {
  padding: 63px 0 99px;
}
.newDetails .left {
  margin-bottom: 60px;
  padding: 70px 5% 84px;
  border-radius: 4px;
  background: #fff;
}
.newDetails .left .next {
  padding: 66px 5.9%;
}
.newDetails .left .title_box {
  line-height: 48px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
.newDetails .left .cen {
  position: relative;
  z-index: 2;
  padding: 30px 0 25px;
  margin-bottom: 46px;
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 30px;
  color: #666;
  font-size: 16px;
  text-align: center;
  border-bottom: #e5e5e5 1px solid;
}
.newDetails .left .cen i {
  position: relative;
  padding: 0 25px;
}
.newDetails .left .cen i::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: #dcdcdc;
  content: " ";
}
.newDetails .left .cen i.i1 {
  padding-left: 0;
}
.newDetails .left .cen .icon-share .icon_box {
  width: auto;
  padding-right: 40px;
  background: url(../images/icon/icon_67.png) 73px center no-repeat;
}
.newDetails .left .cen .icon-share .icon_box::before {
  display: none;
}
.newDetails .left .cen .pos_box .Smohan_Layer_box {
  height: 1px;
  overflow: hidden;
}
.newDetails .left .cen .share {
  cursor: pointer;
}
.newDetails .left .cen span {
  padding-left: 52px;
  background: url(../images/icon/icon_47.png) 26px center no-repeat;
  cursor: pointer;
}
.newDetails .left .cen em {
  display: inline-block;
  width: 39px;
  height: 21px;
  border-right: #c6c6c6 1px solid;
  cursor: pointer;
}
.newDetails .left .cen em.big {
  background: url(../images/icon/icon_90.png) center no-repeat;
}
.newDetails .left .cen em.big:hover,
.newDetails .left .cen em.big.cur {
  background: url(../images/icon/icon_90s.png) center no-repeat;
}
.newDetails .left .cen em.middle {
  background: url(../images/icon/icon_91.png) center no-repeat;
}
.newDetails .left .cen em.middle:hover,
.newDetails .left .cen em.middle.cur {
  background: url(../images/icon/icon_91s.png) center no-repeat;
}
.newDetails .left .cen em.small {
  background: url(../images/icon/icon_92.png) center no-repeat;
}
.newDetails .left .cen em.small:hover,
.newDetails .left .cen em.small.cur {
  background: url(../images/icon/icon_92s.png) center no-repeat;
}
.newDetails .left .text {
  font-size: 18px;
  color: #666;
  line-height: 2;
}
.newDetails .left .text p {
  text-indent: 2em;
  text-align: justify;
}
.newDetails .left .text p:has(img) {
  text-indent: 0em;
}
.newDetails .left .text img {
  display: block;
  margin: 15px auto;
  max-width: 750px;
  height: auto !important;
}
.newDetails .left .text video {
  display: block;
  margin: 30px auto;
  width: 80%;
  max-width: 100%;
  height: auto !important;
}
.newDetails .left .text span,
.newDetails .left .text i,
.newDetails .left .text em,
.newDetails .left .text a,
.newDetails .left .text b {
  display: inline;
}
.newDetails .left .text table {
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.newDetails .left .text table td {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
}
.newDetails .left .go_prev {
  transition: all 0.5s;
  margin: 80px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 47px;
  background: #e8e8e8;
  border-radius: 4px;
}
.newDetails .left .go_prev p {
  padding-left: 23px;
  font-size: 14px;
  color: #999;
  background: url(../images/icon/icon_68.png) left center no-repeat;
}
.newDetails .left .go_prev:hover {
  transition: all 0.5s;
  background: #b92d29;
}
.newDetails .left .go_prev:hover p {
  color: #fff;
  background: url(../images/icon/icon_68s.png) left center no-repeat;
}
.newDetails .list {
  padding: 48px 5% 50px;
  border-radius: 4px;
  background: #fff;
}
.newDetails .list .titleN {
  margin-bottom: 5px;
  border-bottom: #bf413e 6px solid;
}
.newDetails .list .titleN b {
  width: 168px;
  height: 50px;
  line-height: 56px;
  font-size: 24px;
  color: #fbfbfb;
  text-align: center;
  background: #bf413e;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.newDetails .list .nextList a {
  line-height: 86px;
  font-size: 18px;
  color: #333;
  border-bottom: #e4e4e4 1px solid;
}
.newDetails .list .nextList a:hover {
  color: #bf413e;
}
/*=========== p2-3 精彩视频 ===========*/
.videoList {
  padding: 86px 0 100px;
}
.videoList .list {
  padding-bottom: 50px;
}
.videoList .list a {
  float: left;
  margin: 0 2.855% 22px 0;
  width: 31.43%;
}
.videoList .list a:nth-child(3n) {
  margin-right: 0;
}
.videoList .list a .pic {
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 4px;
  overflow: hidden;
}
.videoList .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.videoList .list a .pic em {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_47.png) center no-repeat;
}
.videoList .list a p {
  line-height: 82px;
  font-size: 20px;
  color: #333;
}
.videoList .list a.a1:nth-child(1) {
  width: 65.715%;
  height: 686px;
}
.videoList .list a.a1:nth-child(1) .pic {
  height: 604px;
}
.videoList .list a.a1:nth-child(2) {
  margin-right: 0;
}
.videoList .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.videoList .list a:hover p {
  color: #bf413e;
}
/*=========== p4-4 党建专题 ===========*/
.special {
  padding: 85px 0 110px;
}
.special .list {
  padding-bottom: 25px;
}
.special .list a {
  margin-bottom: 60px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.special .list a .pic {
  float: right;
  width: 51.43%;
  height: 440px;
  overflow: hidden;
}
.special .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.special .list a .text {
  position: relative;
  float: left;
  padding: 59px 8.8% 0 4%;
  width: 48.57%;
  overflow: hidden;
}
.special .list a .text .icon {
  margin-bottom: 19px;
}
.special .list a .text .icon img {
  max-height: 18px;
}
.special .list a .text b {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.special .list a .text p {
  margin: 40px 0;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.special .list a .text em {
  transition: all 0.5s;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background: #f2f2f2 url(../images/icon/icon_66.png) center no-repeat;
}
.special .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}
.special .list a:hover .text b {
  color: #b92d29;
}
.special .list a:hover .text em {
  background: #b92d29 url(../images/icon/icon_66s.png) center no-repeat;
}
@media (max-width: 1640px) {
  .special .list a .text {
    padding-top: 46px;
  }
  .special .list a .text em {
    width: 56px;
    height: 56px;
  }
}
/*=========== p6-1人才发展-招贤纳士-列表2 ===========*/
.jobs {
  padding-bottom: 100px;
}
.jobs .Nsearch .next .inp {
  width: 20%;
}
.jobs .Nsearch .next .inp .clearfix {
  padding: 0 25px;
}
.jobs .Nsearch .next .inp .clearfix i {
  right: 25px;
}
.jobs .Nsearch .next .inp.inp2 {
  width: calc(100% - 40% - 45px - 131px);
}
.jobs .list {
  padding-bottom: 50px;
}
.jobs .list a {
  transition: all 0.5s;
  float: left;
  position: relative;
  margin: 0 3.4% 3.4% 0;
  width: 48.3%;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
.jobs .list a .bor {
  padding: 41px 5.3%;
}
.jobs .list a .bor .t {
  margin-bottom: 20px;
  line-height: 32px;
  font-size: 20px;
  color: #333;
}
.jobs .list a .bor .c {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: #e5e5e5 1px solid;
}
.jobs .list a .bor .c::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #cb072d;
  content: " ";
}
.jobs .list a .bor .c em {
  float: left;
  margin-right: 21px;
  font-size: 20px;
  color: #cb072d;
}
.jobs .list a .bor .c i {
  float: left;
  margin: 2px 21px 0 0;
  padding: 2px 12px;
  font-size: 16px;
  color: #999;
  border-radius: 4px;
  overflow: hidden;
  background: #f9f9f9;
}
.jobs .list a .bor .b {
  line-height: 42px;
}
.jobs .list a .bor .b em {
  float: left;
  font-size: 16px;
  color: #999;
}
.jobs .list a .bor .b .clearfix .icon {
  margin-right: 14px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #c5c273;
}
.jobs .list a .bor .b .clearfix .icon img {
  max-width: 80px;
  max-height: 42px;
}
.jobs .list a .bor .b .clearfix .icon span {
  width: 28px;
  line-height: 17px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.jobs .list a .bor .b .clearfix i {
  float: left;
  font-size: 20px;
  color: #333;
}
.jobs .list a:nth-child(2n) {
  margin-right: 0;
}
.jobs .list a:hover .bor .c::before {
  transition: all 0.5s;
  width: 100%;
}
/*=========== p6-2人才发展-招贤纳士-详情 ===========*/
.jobsDetails .left .cenBox {
  margin-bottom: 30px;
  padding: 27px 0;
  display: flex;
  align-items: center;
  border-bottom: #e4e4e4 1px solid;
}
.jobsDetails .left .cenBox img {
  margin-right: 10px;
  max-height: 42px;
}
.jobsDetails .left .cenBox .icon {
  margin-right: 10px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #c5c273;
}
.jobsDetails .left .cenBox .icon span {
  width: 28px;
  line-height: 17px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.jobsDetails .left .cenBox b {
  margin-right: 30px;
  font-size: 20px;
  color: #333;
}
.jobsDetails .left .cenBox p {
  font-size: 18px;
  color: #999;
}
.jobsDetails .list .nextList a {
  padding-left: 63px;
  font-weight: bold;
  background: url(../images/icon/icon_70.png) 11px center no-repeat;
}
/*=========== p7-1招采信息-列表 ===========*/
.mining {
  padding-bottom: 110px;
}
.mining .Nsearch {
  margin: 48px auto 30px;
}
.mining .Nsearch .next .inp {
  width: 15%;
}
.mining .Nsearch .next .inp .clearfix {
  padding: 0 18px;
}
.mining .Nsearch .next .inp .clearfix i {
  right: 18px;
}
.mining .Nsearch .next .inp.inp2 {
  width: calc(100% - 30% - 60px - 131px - 363px);
}
.mining .Nsearch .next .inp.inp3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 363px;
}
.mining .Nsearch .next .inp.inp3 .clearfix {
  padding: 0;
}
.mining .Nsearch .next .inp.inp3 .clearfix i {
  right: 0;
  background: url(../images/icon/icon_63s.png) center no-repeat;
}
.mining .Nsearch .next .inp.inp3 span {
  margin-right: 11px;
  width: 20px;
  height: 22px;
  background: url(../images/icon/icon_71.png) center no-repeat;
}
.mining .Nsearch .next .inp.inp3 em {
  margin: 0 20px 0 16px;
  width: 24px;
  height: 1px;
  background: #b83028;
}
.mining .Nsearch .next .inp.inp3 input {
  width: 120px;
  color: #b83028;
}
.mining .Nsearch .next .inp.inp3 input::-webkit-input-placeholder {
  color: #b83028;
}
.mining .nextBox {
  padding-bottom: 90px;
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}
.mining .nextBox .t_1 {
  line-height: 70px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  background: #bf413e;
}
.mining .nextBox .t_1 div {
  display: flex;
  align-items: center;
  margin: 0 4.2%;
}
.mining .nextBox .t_1 .p1 {
  margin-right: 0;
  width: 20%;
}
.mining .nextBox .t_1 .p2 {
  width: 49%;
}
.mining .nextBox .t_1 .p3 {
  width: 15%;
}
.mining .nextBox .t_1 .p4 {
  width: 16%;
}
.mining .nextBox .chunk {
  margin: 0 4.2% 58px;
}
.mining .nextBox .chunk ul li a {
  display: flex;
  align-items: center;
  padding: 22px 0;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  border-bottom: #e4e4e4 1px solid;
}
.mining .nextBox .chunk ul li .p1 {
  margin-right: 0;
  width: 20%;
}
.mining .nextBox .chunk ul li .p2 {
  width: 49%;
}
.mining .nextBox .chunk ul li .p3 {
  width: 15%;
}
.mining .nextBox .chunk ul li .p4 {
  width: 16%;
  font-family: Arial;
}
/*=========== p2-1 新闻列表无图 ===========*/
.newNoImg .list a {
  margin-bottom: 56px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.newNoImg .list a .time {
  margin: 52px 0 52px 3.78%;
  padding: 16px 0 0 16px;
  width: 88px;
  height: 88px;
  line-height: 24px;
  color: #c70020;
  font-family: Arial;
  background: url(../images/page/newNoImg_1.png) center no-repeat;
  border-radius: 6px;
  border: #eee 1px solid;
}
.newNoImg .list a .time b {
  font-size: 20px;
  font-weight: bold;
}
.newNoImg .list a .time i {
  font-size: 16px;
  font-weight: bold;
}
.newNoImg .list a .text {
  margin-left: 2.7%;
  padding: 48px 0 50px;
  width: calc(100% - 2.7% - 3.78% - 90px - 60px);
}
.newNoImg .list a .text b {
  margin-bottom: 15px;
}
.newNoImg .list a .text p {
  line-height: 25px;
}
.newNoImg .list a:hover .text b {
  color: #c70020;
}
/*=========== p7-1招采信息-供应商库 ===========*/
.newNoImgMin .Nsearch {
  margin: 57px auto 40px;
}
.newNoImgMin .list a {
  position: relative;
  float: left;
  margin: 0 0 30px 0;
  width: 100%;
}
.newNoImgMin .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 3px;
  background: #cb072d;
  content: "";
}
.newNoImgMin .list a:nth-child(2n) {
  margin-right: 0;
}
.newNoImgMin .list a .time {
  margin: 22px 0 22px 50px;
}
.newNoImgMin .list a .text {
  margin: 22px 0 22px 30px;
  padding: 0;
  width: calc(100% - 30px - 100px - 90px);
  height: 88px;
  line-height: 40px;
  display: flex;
  align-items: center;
}
.newNoImgMin .list a .text b {
  margin-bottom: 0;
  font-size: 22px;
  -webkit-line-clamp: 2;
}
.newNoImgMin .list a:hover::before {
  width: 100%;
}
.newNoImgMin .list a:hover .text b {
  color: #333;
}
/*=========== p0-1 搜索结果 ===========*/
.searchPage {
  position: relative;
}
.searchPage .top {
  position: absolute;
  left: 0;
  top: -44px;
  z-index: 3;
  width: 100%;
}
.searchPage .top .clearfix {
  margin: 0 auto;
  padding: 0 36px;
  width: 75.3%;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.searchPage .top .clearfix input {
  float: left;
  width: calc(100% - 150px);
  line-height: 100px;
  font-size: 18px;
  color: #999;
}
.searchPage .top .clearfix .but {
  float: right;
  margin-top: 25px;
  width: 130px;
  height: 50px;
  font-size: 20px;
  color: #fff;
  border-radius: 4px;
  background: #b83028;
}
.searchPage .cen dt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 136px 0 37px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.searchPage .cen dt em {
  padding: 0 2px;
  color: #b83028;
}
.searchPage .cen dd {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
}
.searchPage .cen dd a {
  transition: all 0.5s;
  margin-right: 23px;
  padding: 0 20px;
  min-width: 120px;
  line-height: 45px;
  font-size: 18px;
  color: #333;
  text-align: center;
  border-radius: 4px;
  background: #e8e8e8;
}
.searchPage .cen dd a.on,
.searchPage .cen dd a:hover {
  color: #fff;
  background: #b83028;
}
.searchPage .list a .text {
  margin-left: 5.57%;
  padding: 38px 0;
  width: calc(100% - 5.57% - 5.57% - 120px - 5%);
}
.searchPage .list a em {
  transition: all 0.5s;
  position: absolute;
  right: 5.57%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
  min-width: 120px;
  line-height: 45px;
  font-size: 18px;
  color: #333;
  text-align: center;
  border-radius: 4px;
  background: #e8e8e8;
}
.searchPage .list a:hover em {
  color: #fff;
  background: #b83028;
}
/*=========== p1-0 走进城建2 ===========*/
.about {
  position: relative;
  padding: 1px 0 0;
}
.about .page {
  background: #fff;
}
.about01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100vh;
  background: url(../images/page/about01_1.jpg) center no-repeat;
  background-size: cover;
}
.about01 .w1400 {
  padding: 200px 0 160px;
}
.about01 .next .text {
  width: 65.7%;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  text-align: justify;
}
.about01 .next .text p {
  text-indent: 2em;
}
.about01 .next .text .right {
  display: none;
}
.about01 .next .right {
  display: block;
  width: 27.1%;
}
.about01 .next .right dl {
  margin-bottom: 70px;
  color: #fff;
}
.about01 .next .right dl dt {
  margin-bottom: 16px;
}
.about01 .next .right dl dt span {
  float: left;
  font-size: 48px;
  font-family: Arial;
  font-weight: bold;
}
.about01 .next .right dl dt i {
  float: left;
  font-size: 36px;
  font-family: Arial;
  font-weight: bold;
}
.about01 .next .right dl dd {
  font-size: 16px;
}
.about01 .next .go_s {
  cursor: pointer;
}
.about01 .next .go_s .fl {
  transition: all 0.5s;
  margin-top: 80px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px 0 25px;
  border: #fff 1px solid;
  border-radius: 60px;
  background: rgba(255, 255, 255, 0.1);
}
.about01 .next .go_s .fl:hover {
  transition: all 0.5s;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.about01 .next .go_s .fl i {
  padding-right: 55px;
  font-size: 14px;
  color: #fff;
  background: url(../images/icon/icon_87.png) right center no-repeat;
}
.about01.on {
  position: fixed;
}
.about01.onBox {
  position: fixed;
  top: inherit;
  bottom: 0;
}
.about02 {
  padding: 106px 0 100px;
}
.about02 .develop-box {
  margin-top: 50px;
  height: calc(100vw * 0.7291 * 0.357 + 120px + 120px);
  min-height: calc(1200px * 0.357 + 120px + 120px);
  position: relative;
}
.about02 .develop-box .time-tab {
  position: absolute;
  left: 50%;
  top: 130px;
  height: 160px;
  z-index: 1;
}
.about02 .develop-box .time-tab img {
  height: 100%;
}
.about02 .develop-box .time-tab .item {
  position: absolute;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  cursor: pointer;
}
.about02 .develop-box .time-tab .item:nth-child(1) {
  top: 82px;
  left: 0;
}
.about02 .develop-box .time-tab .item:nth-child(2) {
  top: 14px;
  left: 500px;
}
.about02 .develop-box .time-tab .item:nth-child(3) {
  top: 115px;
  left: 1000px;
}
.about02 .develop-box .time-tab .item:nth-child(4) {
  top: 132px;
  left: 1500px;
}
.about02 .develop-box .time-tab .item:nth-child(5) {
  top: 15px;
  left: 2000px;
}
.about02 .develop-box .time-tab .item:nth-child(6) {
  top: 66px;
  left: 2500px;
}
.about02 .develop-box .time-tab .item:nth-child(7) {
  top: 102px;
  left: 3000px;
}
.about02 .develop-box .time-tab .item:nth-child(8) {
  top: 120px;
  left: 3500px;
}
.about02 .develop-box .time-tab .item:nth-child(9) {
  top: 122px;
  left: 4000px;
}
.about02 .develop-box .time-tab .item:nth-child(10) {
  top: 115px;
  left: 4500px;
}
.about02 .develop-box .time-tab .item:nth-child(11) {
  top: 102px;
  left: 5000px;
}
.about02 .develop-box .time-tab .item:nth-child(12) {
  top: 84px;
  left: 5500px;
}
.about02 .develop-box .time-tab .item:nth-child(13) {
  top: 68px;
  left: 6000px;
}
.about02 .develop-box .time-tab .item:nth-child(14) {
  top: 50px;
  left: 6500px;
}
.about02 .develop-box .time-tab .item:nth-child(15) {
  top: 35px;
  left: 7000px;
}
.about02 .develop-box .time-tab .item:nth-child(16) {
  top: 32px;
  left: 7500px;
}
.about02 .develop-box .time-tab .item:nth-child(17) {
  top: 64px;
  left: 8000px;
}
.about02 .develop-box .time-tab .item:nth-child(18) {
  top: 112px;
  left: 8500px;
}
.about02 .develop-box .time-tab .item:nth-child(19) {
  top: 110px;
  left: 9000px;
}
.about02 .develop-box .time-tab .item:nth-child(20) {
  top: 90px;
  left: 9500px;
}
.about02 .develop-box .time-tab .item .point {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #cbcbcb;
  border-radius: 100%;
}
.about02 .develop-box .time-tab .item .point:before,
.about02 .develop-box .time-tab .item .point:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(216, 12, 37, 0.2);
  opacity: 0;
}
.about02 .develop-box .time-tab .item .year {
  position: absolute;
  left: 50%;
  top: 30px;
  font-size: 18px;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #cbcbcb;
  transition: all 0.3s;
}
.about02 .develop-box .time-tab .item.cur .year {
  color: #ca1b23;
}
.about02 .develop-box .time-tab .item.cur .point {
  background-color: #ca1b23;
}
.about02 .develop-box .time-tab .item.cur .point:before,
.about02 .develop-box .time-tab .item.cur .point:after {
  opacity: 1;
}
.about02 .develop-box .time-tab .item.cur .point:before {
  animation: pointAni 3s 0.75s infinite;
}
.about02 .develop-box .time-tab .item.cur .point:after {
  animation: pointAni 3s infinite;
}
.about02 .develop-box .img-tab {
  position: absolute;
  z-index: 2;
  width: calc(100vw * 0.7291 * 0.357);
  min-width: calc(1200px * 0.357);
}
.about02 .develop-box .img-tab .pic {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(100vw * 0.7291 * 0.357);
  min-height: calc(1200px * 0.357);
}
.about02 .develop-box .img-tab .pic i {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.about02 .develop-box .img-tab .time {
  transition: all 0.5s;
  opacity: 0;
  margin-top: -100px;
  font-size: 200px;
  color: #f2f2f2;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
  letter-spacing: -9px;
}
.about02 .develop-box .img-tab .swiper-slide-active .time {
  opacity: 1;
}
.about02 .develop-box .text-tab {
  position: absolute;
  left: 0;
  bottom: 0%;
  z-index: 4;
  width: calc(100vw * 0.7291 * 0.5857);
  min-width: calc(1200px * 0.5857);
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.about02 .develop-box .text-tab .swiper-slide {
  height: 318px;
  background: #fff;
}
.about02 .develop-box .text-tab .swiper-slide .bor {
  padding: 46px 5.8%;
}
.about02 .develop-box .text-tab .tit {
  font-size: 24px;
  color: #ca1b23;
}
.about02 .develop-box .text-tab .time {
  margin-top: 33px;
  font-size: 16px;
  line-height: 34px;
  color: #333;
}
.about02 .develop-box .buttons {
  position: absolute;
  z-index: 3;
  width: calc(100vw * 0.7291 * 0.357);
  min-width: calc(1200px * 0.357);
}
.about02 .develop-box .buttons .bor {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background: #ca1b23;
}
.about02 .develop-box .buttons a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.about02 .develop-box .buttons i {
  width: 2px;
  height: 29px;
  background: #f6d7d8;
}
.about02 .develop-box .buttons .prev {
  background: url(../images/icon/icon2_1.png) left center no-repeat;
}
.about02 .develop-box .buttons .prev:hover {
  background: url(../images/icon/icon2_1s.png) left center no-repeat;
}
.about02 .develop-box .buttons .next {
  background: url(../images/icon/icon2_2.png) right center no-repeat;
}
.about02 .develop-box .buttons .next:hover {
  background: url(../images/icon/icon2_2s.png) right center no-repeat;
}
@keyframes pointAni {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.about03 {
  padding: 120px 0 154px;
}
.about03 .next {
  position: relative;
  height: 960px;
}
.about03 .next .pos {
  position: absolute;
}
.about03 .next .posImg {
  border-radius: 10px;
  overflow: hidden;
}
.about03 .next .posImg i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.about03 .next .posImg .text {
  position: absolute;
  left: 3.4vw;
  top: 4vw;
  color: #fff;
}
.about03 .next .posImg .text b {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
}
.about03 .next .posImg .text p {
  margin-bottom: 49px;
  font-size: 16px;
}
.about03 .next .posImg .text em {
  transition: all 0.5s;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  border: #fff 1px solid;
  background: url(../images/icon/icon_74.png) center no-repeat;
}
.about03 .next .posImg:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.about03 .next .posImg:hover .text em {
  transition: all 0.5s;
  border: rgba(202, 27, 35, 0) 1px solid;
  background: rgba(202, 27, 35, 0.8) url(../images/icon/icon_74.png) center no-repeat;
}
.about03 .next .pos1 {
  left: 0;
  top: 0px;
  width: 44.3%;
}
.about03 .next .pos1 i {
  height: 14px;
  background: url(../images/icon/icon_72.png) left center no-repeat;
}
.about03 .next .pos1 i.i2 {
  background: url(../images/icon/icon_73.png) right center no-repeat;
}
.about03 .next .pos1 .text {
  padding: 10px 30px 15px;
  font-size: 20px;
  color: #333;
}
.about03 .next .pos2 {
  right: 9.3%;
  top: 0;
  width: calc(46.4% - 30px);
  height: 430px;
  transform: translateX(100%);
}
.about03 .next .pos3 {
  left: 0;
  top: 182px;
  width: 44.3%;
  height: 412px;
  transform: translateX(-100%);
}
.about03 .next .pos4 {
  /* left: 43.59%; */
  left: calc(44.3% + 30px);
  top: calc(430px + 30px);
  width: 8.8%;
  height: 134px;
  background: #f2f2f2 url(../images/page/about03_3.jpg) center right no-repeat;
  background-size: contain;
  border-radius: 6px;
  overflow: hidden;
  transform: translateX(-100%);
}
.about03 .next .pos5 {
  left: calc(53.1% + 60px);
  top: calc(430px + 30px);
  width: 30.48%;
  height: 314px;
  transform: translateX(100%);
}
.about03 .next .pos6 {
  left: calc(53.1% + 60px - 30px - 34.45%);
  top: calc(430px + 134px + 60px);
  width: 34.45%;
  height: 333px;
  transform: translateX(-100%);
}
.about04 {
  padding: 0px 0 115px;
}
.about04 .pageTitle {
  margin-bottom: 80px;
}
.about04 .w1400 {
  position: relative;
}
.about04 .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 44.28%;
  height: 600px;
  background: url(../images/page/about04_1.jpg) top center no-repeat;
  background-size: cover;
}
.about04 .pic i {
  width: 100%;
  height: 100%;
}
.about04 .pic img {
  display: none;
  width: 100%;
  height: 600px;
  object-fit: contain;
  border-radius: 6px;
  overflow: hidden;
}
.about04 .next {
  width: 50%;
}
.about04 .next .t {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.about04 .next dl {
  position: relative;
  padding: 40px 0 40px;
  border-bottom: #f2f2f2 5px solid;
}
.about04 .next dl::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 5px;
  background: #ca1b23;
  content: " ";
}
.about04 .next dl dt {
  float: left;
  display: flex;
  justify-content: center;
  margin: 4px 7% 0 0;
  width: 62px;
  height: 59px;
}
.about04 .next dl dd {
  float: left;
}
.about04 .next dl dd .clearfix {
  display: flex;
  margin-bottom: 20px;
}
.about04 .next dl dd .clearfix b {
  padding-right: 13px;
  font-size: 30px;
  color: #ca1b23;
  font-weight: bold;
  background: url(../images/icon/icon_79.png) right bottom no-repeat;
}
.about04 .next dl dd p {
  font-size: 18px;
  color: #333;
}
.about04 .next dl:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.about05 {
  padding: 115px 0 150px;
  background: url(../images/page/about05_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.about05 .next {
  position: relative;
  margin-top: 30px;
}
.about05 .next::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 20.8%;
  height: 450px;
  background: #ca1b23;
  border-radius: 6px;
  overflow: hidden;
  content: "";
}
.about05 .next .sum {
  position: absolute;
  left: 0;
  top: 83px;
}
.about05 .next .top {
  position: relative;
  margin-right: 5.4%;
  padding: 50px 0 100px;
}
.about05 .next .top .clearfix {
  position: relative;
  margin-left: calc(100% - 70px);
  height: 30px;
}
.about05 .next .top .clearfix i {
  margin: 0 auto;
  width: 1px;
  height: 30px;
  background: #fff;
}
.about05 .next .top .clearfix .swiper-button-next,
.about05 .next .top .clearfix .swiper-button-prev {
  top: 0;
  width: 32px;
  height: 30px;
  margin: 0;
}
.about05 .next .top .clearfix .swiper-button-prev {
  left: 0;
  background: url(../images/icon/icon_80.png) left center no-repeat;
}
.about05 .next .top .clearfix .swiper-button-prev:hover {
  background: url(../images/icon/icon_80s.png) left center no-repeat;
}
.about05 .next .top .clearfix .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_81.png) right center no-repeat;
}
.about05 .next .top .clearfix .swiper-button-next:hover {
  background: url(../images/icon/icon_81s.png) right center no-repeat;
}
.about05 .next .swiper-pagination {
  left: auto;
  top: auto;
  right: 30px;
  bottom: 50px;
  width: 62px;
  text-align: right;
  /* display: flex;
            justify-content: flex-end;
            align-items: flex-end; */
  font-size: 24px;
  /* line-height: 40px; */
  color: #9f161c;
  font-family: Arial;
  background: url(../images/icon/icon_88.png) bottom center no-repeat;
}
.about05 .next .swiper-pagination span {
  margin-bottom: 6px;
}
.about05 .next .swiper-pagination .swiper-pagination-current,
.about05 .next .swiper-pagination .current {
  margin-bottom: 12px;
  font-size: 60px;
  font-weight: bold;
  /* line-height: 59px;
                color: #fff; */
}
.about05 .next .nextBox {
  margin-left: -20px;
  width: calc(100% - 5.4% - 90px + 40px);
}
.about05 .next .nextBox .swiper-slide {
  width: calc(100% / 3);
}
.about05 .next .nextBox a {
  position: relative;
  margin: 20px;
  height: 250px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.about05 .next .nextBox a b {
  position: absolute;
  left: 0;
  top: 73px;
  width: 100%;
  font-size: 100px;
  color: #f7f7f7;
  text-align: center;
  font-weight: bold;
  font-family: "Arial";
}
.about05 .next .nextBox a .icon img {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 43px 0 30px;
}
.about05 .next .nextBox a p {
  position: relative;
  z-index: 2;
  padding: 0 15px;
  font-size: 20px;
  color: #333;
  text-align: center;
}
.about06 {
  position: relative;
  padding: 120px 0 110px;
  background: #fff;
}
.about06::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #ca1b23;
  content: " ";
}
.about06 .w1400 {
  position: relative;
  z-index: 2;
}
.about06 .left {
  position: relative;
  width: 40%;
}
.about06 .left img {
  width: 100%;
}
.about06 .left .pos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.about06 .left .img2 {
  opacity: 0;
}
.about06 .right {
  width: 41.43%;
  color: #fff;
}
.about06 .right .t {
  margin: 0px 0 75px;
  font-size: 30px;
  font-weight: bold;
}
.about06 .right .text {
  font-size: 16px;
  line-height: 34px;
  width: 100%;
  height: 330px;
}
.about06 .right .text .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}
.about06 .right .text p {
  margin-bottom: 30px;
  text-align: justify !important;
  /* text-indent: 2em; */
}
.about06 .right .swiper-container-vertical > .swiper-scrollbar {
  width: 4px;
}
.about06 .right .swiper-scrollbar-drag {
  background-color: #fff;
}
.about07 {
  padding: 143px 0 120px;
}
.about07 .pageTitle {
  margin-bottom: 70px;
}
.about07 .swiper .swiper-slide {
  background: url(../images/page/about07_bac.png) center no-repeat;
  background-size: cover;
}
.about07 .swiper .left {
  width: 30.7%;
  height: 680px;
  background: url(../images/page/about07_bac2.png) top center no-repeat;
  background-size: cover;
  border-radius: 8px;
}
.about07 .swiper .left .img1 {
  padding: 90px 0 170px;
  margin: 0 auto;
  width: 70.5%;
}
.about07 .swiper .left .tab_title {
  margin: 0 12%;
}
.about07 .swiper .left .tab_title a {
  transition: all 0.5s;
  float: left;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-right: calc((100% - 256px) * 0.5);
  width: 85px;
  height: 63px;
  font-size: 24px;
  color: #ffc6c6;
  text-align: center;
  cursor: pointer;
}
.about07 .swiper .left .tab_title a:nth-child(3n) {
  margin-right: 0;
}
.about07 .swiper .left .tab_title a p {
  position: relative;
  padding: 12px 0 20px;
}
.about07 .swiper .left .tab_title a p::before {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #fff;
  content: "";
}
.about07 .swiper .left .tab_title a.cur {
  transition: all 0.5s;
  font-size: 36px;
  color: #fff;
}
.about07 .swiper .left .tab_title a.cur p {
  padding: 0 0 16px;
}
.about07 .swiper .left .tab_title a.cur p::before {
  width: 26px;
}
.about07 .swiper .tab_next {
  margin-right: 5.15%;
  width: 59%;
}
.about07 .swiper .tab_next .next {
  display: none;
  padding: 100px 0 0;
}
.about07 .swiper .tab_next .next.cur {
  display: block;
}
.about07 .swiper .tab_next .next .tit {
  margin-bottom: 40px;
  padding-right: 30px;
  font-size: 36px;
  color: #ca1b23;
  text-align: right;
  font-weight: bold;
  font-family: Arial;
}
.about07 .swiper .tab_next .next .text {
  max-height: 400px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 36px;
  color: #666;
  text-align: justify;
  overflow-y: auto;
}
.about07 .swiper .tab_next .next .text::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
.about07 .swiper .tab_next .next .text::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #ca1b23;
}
.about07 .swiper .tab_next .next .text::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: #f0f0f0;
}
.about07 .swiper .tab_next .next .text p {
  margin-bottom: 20px;
  padding-left: 27px;
  background: url(../images/icon/icon_89.png) left 14px no-repeat;
}
.about07 .swiper .but {
  display: none;
  position: absolute;
  left: 0;
  bottom: 80px;
  z-index: 2;
  width: 30.7%;
}
.about07 .swiper .but .clearfix {
  position: relative;
  margin-left: 12%;
  width: 70px;
}
.about07 .swiper .but .clearfix i {
  margin: 0 auto;
  width: 1px;
  height: 30px;
  background: #fff;
}
.about07 .swiper .swiper-button-next,
.about07 .swiper .swiper-button-prev {
  transition: all 0.5s;
  top: inherit;
  bottom: 0;
  margin-top: 0;
  width: 14px;
  height: 30px;
  opacity: 1;
  border-radius: 0%;
}
.about07 .swiper .swiper-button-prev {
  left: 0px;
  background: url(../images/icon/icon_93.png) center no-repeat;
  /* &.swiper-button-disabled{
                border: #999 1px solid;
                background: url(../images/icon/icon_14.png) center no-repeat;
            } */
}
.about07 .swiper .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_94.png) center no-repeat;
  /* &.swiper-button-disabled{
                border: #999 1px solid;
                background:url(../images/icon/icon_6.png) center no-repeat;
            } */
}
/*=========== p1-2 组织架构 ===========*/
.organization {
  padding: 98px 0 180px;
  background: url(../images/page/organization_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
.organization img {
  margin: 0 auto;
  width: 100%;
}
/*=========== p1-3 成员公司 ===========*/
.company {
  padding: 120px 0 100px;
}
.company .list {
  padding-bottom: 40px;
}
.company .list a {
  float: left;
  margin: 0 2.33% 53px 0;
  width: 31.78%;
  height: 227px;
  background: #fff url(../images/page/company_bac2.png) left bottom no-repeat;
  background-size: 66.5% 77px;
}
.company .list a:nth-child(3n) {
  margin-right: 0;
}
.company .list a .fl {
  width: 66.5%;
}
.company .list a .fl p {
  padding: 50px 12% 10px;
  line-height: 36px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.company .list a .pic {
  position: relative;
  width: 33.5%;
  height: 200px;
}
.company .list a .pic i {
  width: 100%;
  height: 100%;
}
.company .list a .pic em {
  transition: all 0.5s;
  position: absolute;
  left: -24px;
  bottom: -24px;
  width: 48px;
  height: 48px;
  background: url(../images/page/company_bac1.png) center no-repeat;
  background-size: cover;
}
.company .list a:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.company .list a:hover .fl p {
  color: #b93029;
}
.company .list a:hover .pic em {
  left: 0px;
  bottom: 0px;
  transition: all 0.5s;
}
@media (max-width: 1650px) {
  .company .list a .pic {
    height: 170px;
  }
}
/*=========== p1-3-1 成员公司详情 ===========*/
.companys_bac {
  background: #fff url(../images/page/companys_bac.png) left top no-repeat;
  background-size: 100% auto;
}
.companys .top {
  padding: 140px 0 36px;
}
.companys .top .goto {
  padding-right: 32px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  background: url(../images/icon/icon_82.png) right center no-repeat;
}
.companys01 {
  padding-bottom: 106px;
}
.companys01 .w1400 {
  position: relative;
}
.companys01 .pos {
  position: absolute;
  right: 0;
  top: 60px;
  width: 27.85%;
  height: 520px;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.companys01 .pos::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ca1e22;
  opacity: 0.8;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  animation-delay: 1.1s;
  -webkit-animation-delay: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: left100;
  animation-name: left100;
  content: "";
}
.companys01 .pos img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.companys01 .pos a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 69%;
  height: 86px;
  background: #b9312a;
}
.companys01 .pos a p {
  padding-right: 13px;
  font-size: 18px;
  color: #b9312a;
  transition: all 0.5s;
  background-image: -webkit-linear-gradient(left, #fff 100%, #fff 0, #fff 0, #fff);
  background-size: 200% 100%;
  background-position: -50% 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.companys01 .pos a i {
  width: 22px;
  height: 22px;
  background: url(../images/icon/icon_84.png) right center no-repeat;
}
.companys01 .pos a:hover p {
  color: #b9312a;
  background-image: -webkit-linear-gradient(left, #fff 75%, #b9312a 0, #fff 0, #b9312a);
  -webkit-animation: mask 1s linear infinite;
  animation: mask 1s linear infinite;
}
.companys01 .top {
  margin-bottom: 130px;
  padding: 106px 0 98px 5.7%;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.companys01 .top .next {
  width: 56%;
}
.companys01 .top .next b {
  margin-bottom: 18px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.companys01 .top .next i {
  margin-bottom: 50px;
  font-size: 30px;
  font-weight: bold;
  color: #f2f2f2;
  font-family: Arial;
}
.companys01 .top .next dl {
  margin-bottom: 30px;
  font-size: 18px;
  color: #333;
}
.companys01 .top .next dl dt {
  float: left;
  min-width: 50px;
}
.companys01 .top .next dl dd {
  float: left;
}
.companys01 .top .next .code {
  margin-top: 10px;
  padding-top: 48px;
  background: url(../images/icon/icon_83.png) left top no-repeat;
}
.companys01 .top .next .code img {
  float: left;
  margin-right: 30px;
  max-width: 130px;
  height: 126px;
}
.companys01 .bot .next {
  width: 65.57%;
}
.companys01 .bot .next .text {
  margin-top: 42px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
}
.companys01 .bot .next .text p {
  text-indent: 2em;
}
@media (max-width: 1650px) {
  .companys01 .pos {
    height: 467px;
  }
}
@-webkit-keyframes mask {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0;
  }
}
@keyframes mask {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -100% 0;
  }
}
@keyframes left100 {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.companys02 {
  padding: 80px 0 60px;
  background: #f9f9f9;
}
.companys02 .list {
  margin-top: 64px;
}
.companys02 .list a {
  position: relative;
  float: left;
  padding: 36px 2% 0 7.2%;
  margin: 0 2.33% 2.33% 0;
  width: 31.78%;
  height: 140px;
  background: #fff;
  overflow: hidden;
}
.companys02 .list a::before {
  transition: all 0.7s;
  transform: scale(0);
  position: absolute;
  left: 3%;
  bottom: 2%;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #c91d1f;
  content: "";
}
.companys02 .list a:nth-child(3n) {
  margin-right: 0;
}
.companys02 .list a i {
  transition: all 0.5s;
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 72px;
  color: #f2f2f2;
  font-family: Arial;
  font-weight: bold;
}
.companys02 .list a b {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
  margin-bottom: 16px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.companys02 .list a p {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
  font-size: 16px;
  color: #f2f2f2;
  font-family: Arial;
}
.companys02 .list a:hover::before {
  transition: all 0.7s;
  transform: scale(10);
}
.companys02 .list a:hover i {
  transition: all 0.5s;
  color: #fff;
}
.companys02 .list a:hover b,
.companys02 .list a:hover p {
  transition: all 0.5s;
  color: #fff;
}
.companys03 {
  padding: 100px 0 90px;
  background: #fff;
}
.companys03 .list {
  margin: 45px 0 0 -20px;
  width: calc(100% + 40px);
}
.companys03 .list a {
  transition: all 0.5s;
  position: relative;
  float: left;
  margin: 10px 10px 62px;
  width: calc((100% / 3) - 20px);
  height: 400px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
}
.companys03 .list a .pic {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.companys03 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.companys03 .list a .text {
  padding: 37px 6% 10px 9%;
  line-height: 36px;
}
.companys03 .list a .text b {
  margin-bottom: 5px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
.companys03 .list a .text p {
  font-size: 16px;
  color: #666;
}
.companys03 .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.companys03 .list a:hover .text b {
  color: #c9151e;
}
.companys03 .list .swiper-pagination {
  bottom: 0px;
}
.companys03 .list .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #dcdcdc;
}
.companys03 .list .swiper-pagination .swiper-pagination-bullet-active {
  background: #c9151e;
}
/*=========== p4-0 党建聚合 ===========*/
/* .party{
    .page{
        padding-top: 100vh;
    }
}
.party01{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    .pos{
        position: absolute;
        left: 0;
        top: 50%;

    }
} */
.party .swiper-pagination {
  bottom: 0px;
}
.party .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  width: 40px;
  height: 4px;
  border-radius: 0;
  background: #dcdcdc;
}
.party .swiper-pagination .swiper-pagination-bullet-active {
  background: #c9151e;
}
.party01 {
  padding: 160px 0 125px;
  background: url(../images/page/party01_1.jpg) center no-repeat;
  background-size: cover;
}
.party01 .w1400 {
  position: relative;
}
.party01 .titleBox {
  margin-bottom: 68px;
  color: #fff;
}
.party01 .titleBox b {
  margin-bottom: 20px;
  font-size: 38px;
}
.party01 .titleBox p {
  font-size: 18px;
}
.party01 .next {
  padding: 72px 8% 72px 5%;
  width: 76.71%;
  border-radius: 6px;
  background: #fff url(../images/page/party01_3.jpg) right bottom no-repeat;
  background-size: 100% auto;
}
.party01 .next img {
  margin: 15px 8% 0 0;
  max-width: 28%;
}
.party01 .next .textBox {
  float: left;
  width: 64%;
}
.party01 .next .textBox .text {
  padding-bottom: 52px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  text-align: justify;
}
.party01 .next .textBox a {
  position: relative;
  display: flex;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #c70020 1px solid;
  border-radius: 52px;
  overflow: hidden;
}
.party01 .next .textBox a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #c70020;
  content: "";
}
.party01 .next .textBox a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.party01 .next .textBox a em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 25px;
  font-size: 16px;
  line-height: 52px;
  color: #fff;
  background: url(../images/icon/icon_66s.png) right center no-repeat;
  background-size: 7px auto;
}
.party01 .next .textBox a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.party01 .next .textBox a:hover::before {
  transition: all 0.6s;
  transform: scale(10);
}
.party01 .next .textBox a:hover em {
  color: #c70020;
  background: url(../images/icon/icon_66ss.png) right center no-repeat;
  background-size: 7px auto;
}
.party01 .tab_title {
  position: absolute;
  right: 0;
  top: 40px;
  width: 27.14%;
  border-radius: 5px;
  background: #a22521;
}
.party01 .tab_title a {
  padding: 45px 13% 54px 17%;
}
.party01 .tab_title a i {
  font-size: 72px;
  font-weight: bold;
  font-family: Arial;
  color: #b82d29;
}
.party01 .tab_title a b {
  transition: all 0.5s;
  margin-top: -29px;
  font-size: 24px;
  color: #fff;
  background: url(../images/icon/icon_85.png) right center no-repeat;
}
.party01 .tab_title a:nth-child(2n) {
  background: #b82d29;
}
.party01 .tab_title a:nth-child(2n) i {
  color: #a22521;
}
.party01 .tab_title a:hover b {
  transition: all 0.5s;
  letter-spacing: 5px;
}
.party02 {
  padding: 89px 0 90px;
  background: url(../images/page/party02_1.png) center no-repeat;
  background-size: cover;
}
.party02 .list {
  margin: 45px auto 0px;
}
.party02 .list a {
  transition: all 0.5s;
  position: relative;
  float: left;
  margin: 0 2% 70px 0;
  width: 32%;
  border-radius: 4px;
  background: #fff;
}
.party02 .list a:nth-child(3n) {
  margin-right: 0;
}
.party02 .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  height: 3px;
  background: #c70020;
  content: " ";
}
.party02 .list a .pic {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.party02 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.party02 .list a .text {
  transition: all 0.5s;
  position: relative;
  padding: 28px 8% 0;
  height: 260px;
}
.party02 .list a .text i {
  margin-bottom: 18px;
  font-size: 20px;
  font-family: Arial;
  color: #999;
}
.party02 .list a .text b {
  margin-bottom: 20px;
  height: 72px;
  line-height: 36px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.party02 .list a .text p {
  line-height: 28px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.party02 .list a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.party02 .list a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.party02 .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.party02 .list a:hover .text b {
  color: #c7161e;
}
.party03 {
  padding: 116px 0 126px;
}
.party03 .w1400 {
  position: relative;
  padding: 1px 0;
}
.party03 .w1400 .pageTitle {
  position: absolute;
  left: 0;
  top: -15px;
  z-index: 4;
  width: 200px;
}
.party03 .w1400 .pageTitle.pageTitle_s {
  left: inherit;
  top: inherit;
  bottom: 0;
  right: 0;
}
.party03 .w1400 .swiper-slide .text {
  float: left;
  /* position: relative;
                z-index: 3; */
  margin-top: 111px;
  width: 52.857%;
  height: 380px;
  border-radius: 6px;
  background: #c8151e;
}
.party03 .w1400 .swiper-slide .text .bor {
  padding: 71px 17% 0 7%;
}
.party03 .w1400 .swiper-slide .text b {
  margin-bottom: 57px;
  font-size: 20px;
  color: #fde195;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.party03 .w1400 .swiper-slide .text p {
  margin-bottom: 67px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.party03 .w1400 .swiper-slide .text i {
  font-size: 16px;
  color: #fff;
}
.party03 .w1400 .swiper-slide .pic {
  float: left;
  margin-left: -6.427%;
  width: 53.57%;
  height: 423px;
  border-radius: 6px;
  overflow: hidden;
}
.party03 .w1400 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.party03 .w1400 .swiper-slide:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.party03 .w1400 .swiper-pagination {
  display: flex;
  justify-content: flex-end;
  left: inherit;
  right: 50%;
  bottom: 14px;
  font-size: 20px;
  color: #fff;
  font-family: Arial;
}
.party03 .w1400 .swiper-pagination .swiper-pagination-current {
  margin-top: -9px;
  font-size: 30px;
}
.party04 {
  padding: 110px 0 96px;
  background: url(../images/page/party04_1.jpg) center no-repeat;
  background-size: cover;
}
.party04 .list {
  margin: 50px auto 0px;
}
.party04 .list .swiper-slide {
  padding-bottom: 26px;
}
.party04 .list a {
  float: left;
  width: 49%;
  margin: 0 2% 2% 0;
  padding: 30px 2.2% 2px;
  height: 180px;
  background: #fff;
}
.party04 .list a:nth-child(2n) {
  margin-right: 0%;
}
.party04 .list a .time {
  margin-right: 4.2%;
  padding: 16px 0 0 16px;
  width: 88px;
  height: 88px;
  line-height: 24px;
  color: #c70020;
  font-family: Arial;
  background: url(../images/page/newNoImg_1.png) center no-repeat;
  border-radius: 6px;
  border: #eee 1px solid;
}
.party04 .list a .time b {
  font-size: 20px;
  font-weight: bold;
}
.party04 .list a .time i {
  font-size: 16px;
  font-weight: bold;
}
.party04 .list a .text {
  float: left;
  width: calc(100% - 4.2% - 90px);
}
.party04 .list a .text b {
  margin: 0 0 23px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.party04 .list a .text p {
  line-height: 30px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.party04 .list a:hover .text b {
  color: #c70020;
}
.party05 {
  padding: 100px 0;
}
.party05 .listBox {
  margin-top: 50px;
}
.party05 .listBox .swiper-slide {
  padding-bottom: 30px;
}
.party05 .listBox a {
  float: left;
  margin: 0 1.25% 0 0;
  width: 32.5%;
  border-radius: 6px;
  background: #f8f8f8;
  overflow: hidden;
}
.party05 .listBox a:nth-child(3n) {
  margin-right: 0;
}
.party05 .listBox a .pic {
  position: relative;
  width: 100%;
  height: 255px;
  overflow: hidden;
}
.party05 .listBox a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.party05 .listBox a .pic span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_47.png) center no-repeat;
}
.party05 .listBox a p {
  padding: 20px 9% 1px;
  height: 112px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.party05 .listBox a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.party05 .listBox a:hover p {
  color: #ba1912;
}
/*=========== p1-4 企业荣誉 ===========*/
.honor .mode {
  padding: 98px 0 90px;
  position: relative;
  background: #fbfbfb;
}
.honor .mode:nth-child(2n) {
  background: #fff;
}
.honor .mode .year {
  position: absolute;
  right: 0;
  bottom: -72px;
  font-size: 300px;
  font-family: Arial;
  color: #f2f2f2;
  font-weight: bold;
}
.honor .mode .tit {
  position: relative;
  margin-bottom: 50px;
  padding-left: 20px;
  font-size: 36px;
  font-family: Arial;
  color: #333;
  font-weight: bold;
}
.honor .mode .tit::before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 3px;
  height: 30px;
  background: #b9312a;
  content: " ";
}
.honor .mode .w1400 {
  position: relative;
  z-index: 2;
}
.honor .mode .list a {
  float: left;
  margin: 0 2.33% 2.33% 0;
  width: 31.78%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.honor .mode .list a:nth-child(3n) {
  margin-right: 0;
}
.honor .mode .list a .pic {
  position: relative;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.honor .mode .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.honor .mode .list a .text {
  transition: all 0.5s;
  width: 100%;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.honor .mode .list a .text p {
  margin: 0 16px;
  font-size: 20px;
  color: #333;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.honor .mode .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.honor .mode .list a:hover .text {
  transition: all 0.5s;
  background: #b9312a;
}
.honor .mode .list a:hover .text p {
  color: #fff;
}
/*=========== p1-3领导团队 ===========*/
.team {
  padding: 100px 0 150px;
  background: #f9f9f9;
}
/*=========== p3-3-1 重点推介详情 ===========*/
.title_pbox b {
  margin-bottom: 25px;
  font-size: 38px;
  color: #333;
  font-weight: bold;
}
.title_pbox i {
  margin-bottom: 60px;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.emphasis {
  margin-top: 0;
  background: #fff;
}
.emphasis01 {
  position: relative;
}
.emphasis01 .pic {
  width: 100%;
  height: 75vh;
  overflow: hidden;
}
.emphasis01 .pic i {
  width: 100%;
  height: 100%;
}
.emphasis01 .tit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.emphasis01 .tit p {
  padding: 50px 0;
  font-size: 38px;
  opacity: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.emphasis02 .title {
  padding: 90px 0 40px;
  font-size: 60px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-bottom: #d8d8d8 1px solid;
}
.emphasis02 .w1400.clearfix {
  position: relative;
  margin: 70px auto 100px;
  min-height: 640px;
}
.emphasis02 .left {
  position: absolute;
  left: 0;
  top: 0;
  width: 27.85%;
  background: url(../images/page/emphasis02_1.jpg) center no-repeat;
}
.emphasis02 .left .bor {
  padding: 61px 50px 20px;
}
.emphasis02 .left .bor .pic {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}
.emphasis02 .left .bor .pic img {
  max-width: 100%;
}
.emphasis02 .left .bor dl {
  margin-bottom: 30px;
}
.emphasis02 .left .bor dl dt {
  margin-bottom: 8px;
  font-size: 18px;
  color: #999;
}
.emphasis02 .left .bor dl dd i {
  line-height: 36px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  /* font-weight: bold; */
  /* font-family: monospace; */
  /* font-family: fangsong; */
  /* letter-spacing: -1px; */
}
.emphasis02 .left .bor dl dd p {
  line-height: 30px;
  font-size: 18px;
  color: #333;
  text-align: justify;
}
.emphasis02 .right {
  float: right;
  width: 67.85%;
}
.emphasis02 .right .next {
  margin-bottom: 50px;
}
.emphasis02 .right .next .tit {
  margin-bottom: 40px;
  padding-left: 66px;
  line-height: 52px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
.emphasis02 .right .next .tit.tit_1 {
  background: url(../images/icon/icon_95.png) left center no-repeat;
}
.emphasis02 .right .next .tit.tit_2 {
  background: url(../images/icon/icon_96.png) left center no-repeat;
}
.emphasis02 .right .next .tit.tit_3 {
  background: url(../images/icon/icon_97.png) left center no-repeat;
}
.emphasis02 .right .next .tit.tit_4 {
  background: url(../images/icon/icon_184.png) left center no-repeat;
}
.emphasis02 .right .next .text {
  font-size: 16px;
  line-height: 36px;
  color: #333;
}
.emphasis02 .right .next .text p {
  margin-bottom: 10px;
}
.emphasis03 {
  margin-bottom: 110px;
  /* .swiper-wrapper{
        
        transition: 3s cubic-bezier(0.68, 0.4, 0.27, 1.34) 0.2s;
    } */
}
.emphasis03 .swiper-slide .pic {
  width: 100%;
  height: 83vh;
  overflow: hidden;
}
.emphasis03 .swiper-slide .pic i {
  transition: all 5s 0.5s;
  transform: scale(1.13);
  width: 100%;
  height: 100%;
}
.emphasis03 .swiper-slide.swiper-slide-active .pic i {
  transition: all 5s 0.5s;
  transform: scale(1);
}
.emphasis03 .swiper-pagination {
  left: 0;
  top: auto;
  bottom: 14%;
  text-align: right;
  font-size: 57px;
  color: #9f161c;
  font-family: Arial;
  font-weight: bold;
}
.emphasis03 .swiper-pagination .w1400 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.emphasis03 .swiper-pagination span {
  margin-bottom: 8px;
}
.emphasis03 .swiper-pagination .swiper-pagination-current,
.emphasis03 .swiper-pagination .current {
  margin-bottom: 0px;
  color: #fff;
  font-size: 96px;
}
.emphasis04 {
  margin-bottom: 110px;
}
.emphasis04 .list a {
  position: relative;
  float: left;
  margin-right: 2%;
  width: 49%;
  height: 0;
  padding-top: 42.63%;
}
.emphasis04 .list a:nth-child(2n) {
  margin-right: 0;
}
.emphasis04 .list a .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.emphasis04 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.emphasis04 .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.emphasis05 {
  position: relative;
  width: 100%;
  height: 700px;
  overflow: hidden;
  background: #000;
}
.emphasis05 #container {
  margin: -130px 0 0 0px;
  width: calc(100% + 500px);
  height: 840px;
}
.emphasis05 #container .amap-marker-label {
  transform: translateX(-50%);
  font-size: 24px;
  line-height: 30px;
  color: #333;
  border: none;
  background: #fff url(../images/icon/icon_101.png) center no-repeat;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.emphasis05 #container .amap-marker-label .info {
  padding: 30px 20px;
}
.emphasis05 #container .amap-marker-label::before {
  position: absolute;
  left: 50%;
  bottom: -21px;
  margin-left: -10px;
  width: 23px;
  height: 21px;
  background: url(../images/icon/icon_100.png) center no-repeat;
  content: "";
}
.emphasis05 .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
}
.emphasis05 .left {
  margin-top: 128px;
  padding: 68px 60px 1px;
  min-width: 500px;
  height: 450px;
  background: url(../images/page/new05_2.jpg) right bottom no-repeat;
  background-size: cover;
  border-radius: 6px;
  overflow: hidden;
}
.emphasis05 .left b {
  margin-bottom: 14px;
  font-size: 30px;
  color: #fff;
}
.emphasis05 .left p {
  margin-bottom: 30px;
  font-size: 18px;
  color: #fff;
}
.emphasis05 .left .icon {
  display: flex;
}
.emphasis05 .left .icon .iconBox {
  position: relative;
  margin-right: 26px;
  cursor: pointer;
}
.emphasis05 .left .icon .iconBox i {
  position: relative;
  transition: all 0.5s;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #fff;
  overflow: hidden;
}
.emphasis05 .left .icon .iconBox i::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 58px;
  height: 116px;
  content: " ";
}
.emphasis05 .left .icon .iconBox .pos {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 76px;
  transform: translateX(-50%);
  width: 140px;
  height: 0px;
  background: url(../images/icon/icon_60.png) left top no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
.emphasis05 .left .icon .iconBox .pos div {
  padding: 18px 2px 0;
}
.emphasis05 .left .icon .iconBox .pos img {
  width: 134px;
  height: 134px;
  object-fit: cover;
}
.emphasis05 .left .icon .iconBox:hover i::before {
  transition: all 0.5s;
  top: -58px;
}
.emphasis05 .left .icon .iconBox:hover .pos {
  transition: all 0.5s;
  height: 154px;
}
.emphasis05 .left .icon .iconBox.wx i::before {
  background: url(../images/icon/icon_57s.png) center no-repeat;
}
.emphasis05 .left .icon .iconBox.video i::before {
  background: url(../images/icon/icon_58s.png) center no-repeat;
}
.emphasis05 .left .icon .iconBox.vb i::before {
  background: url(../images/icon/icon_59s.png) center no-repeat;
}
.emphasis05 .left .icon .iconBox.dy i::before {
  background: url(../images/icon/icon_98.png) center no-repeat;
}
.emphasis05 .left .icon .iconBox.xhs i::before {
  background: url(../images/icon/icon_99.png) center no-repeat;
}
/*=========== p3-3-2 项目布局 ===========*/
.project {
  margin-top: 0;
  background: #fff;
}
.project01 {
  padding-bottom: 200px;
}
.project01 .bor_h {
  position: relative;
}
.project01 .pic {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.project01 .pic i {
  width: 100%;
  height: 100%;
}
.project01 .pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.project01 .pos .tit {
  margin-bottom: 80px;
  font-size: 38px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.project01 .pos .tab .tab_title {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.project01 .pos .tab .tab_title .title {
  position: relative;
}
.project01 .pos .tab .tab_title .title .t {
  transition: all 0.5s;
  margin: 0 5px;
  padding: 0 38px;
  font-size: 24px;
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  border-radius: 30px;
  cursor: pointer;
}
.project01 .pos .tab .tab_title .title.cur .t {
  transition: all 0.5s;
  background: #c9151e;
}
.project01 .pos .tab .tab_title .title.cur .tab_next {
  display: block;
}
.project01 .pos .tab .tab_next {
  display: none;
  position: absolute;
  left: 50%;
  top: 90px;
  transform: translateX(-50%);
}
.project01 .pos .tab .tab_next .next {
  display: flex;
  justify-content: center;
}
.project01 .pos .tab .tab_next .next div {
  display: flex;
  padding: 0 30px;
  border-radius: 60px;
  background: #fff;
}
.project01 .pos .tab .tab_next .next div a {
  padding: 0 25px;
  line-height: 70px;
  font-size: 20px;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
}
.project01 .pos .tab .tab_next .next div a.cur,
.project01 .pos .tab .tab_next .next div a:hover {
  color: #c9151e;
}
.project02 {
  padding-bottom: 200px;
}
.project02 .bor {
  position: relative;
}
.project02 .bor .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 660px;
  overflow: hidden;
}
.project02 .bor .pic i {
  width: 100%;
  height: 100%;
}
.project02 .bor .pic em {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.project02 .bor .next {
  position: relative;
  z-index: 3;
  width: 473px;
  height: 660px;
}
.project02 .bor .next .cen {
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  width: 100%;
}
.project02 .bor .next i {
  position: absolute;
  right: -100px;
  top: 0;
  font-size: 150px;
  color: #eee;
  font-weight: bold;
  font-family: Arial;
}
.project02 .bor .next .lie {
  margin-top: 173px;
  margin-left: -15.6vw;
  margin-bottom: 40px;
  width: calc(100% + 15.6vw);
  height: 4px;
  background: #c9151e;
}
.project02 .bor .next b {
  margin-bottom: 25px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
.project02 .bor .next p {
  line-height: 30px;
  font-size: 18px;
  color: #333;
}
.project03 .bor .pic {
  left: auto;
  right: 0;
}
.project03 .bor .pic em {
  left: auto;
  right: 0;
}
.project03 .bor .next i {
  right: auto;
  left: -100px;
}
.project03 .bor .next .lie {
  margin-left: 0;
}
.project04 .bor .pic {
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
}
.project04 .bor .next i {
  color: #eee;
}
.project04 .bor .next b,
.project04 .bor .next p {
  color: #fff;
  width: 660px;
}
.project04 .bor .next .lie {
  background: #fff;
}
.project05 .bor .next b,
.project05 .bor .next p {
  width: 100%;
}
.project06 {
  padding-bottom: 100px;
}
.project06 .w1400 {
  position: relative;
  min-height: 100vh;
}
.project06 .w1400 .left {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: calc(50vh - 123px);
  width: 30%;
}
.project06 .w1400 .left b {
  margin-bottom: 28px;
  font-size: 56px;
  color: #333;
  font-weight: bold;
}
.project06 .w1400 .left i {
  margin-bottom: 70px;
  font-size: 14px;
  color: #999;
}
.project06 .w1400 .left p {
  padding-left: 63px;
  line-height: 50px;
  font-size: 16px;
  color: #999;
  background: url(../images/icon/icon_102.png) left center no-repeat;
}
.project06 .w1400 .right {
  width: 70%;
}
.project06 .w1400 .right .list a {
  position: relative;
  float: left;
  margin: 0 8% 120px 0;
  width: 46%;
}
.project06 .w1400 .right .list a:nth-child(2n) {
  margin: 120px 0 0 0;
}
.project06 .w1400 .right .list a .pic {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  height: 0;
  padding-top: 57%;
}
.project06 .w1400 .right .list a .pic div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.project06 .w1400 .right .list a .pic div i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.project06 .w1400 .right .list a .pic em {
  animation-delay: 0.3s;
  position: absolute;
  right: -60px;
  top: calc(100% - 110px);
  font-size: 200px;
  color: #eee;
  font-family: Arial;
  font-weight: bold;
}
.project06 .w1400 .right .list a .bor {
  position: relative;
  z-index: 2;
}
.project06 .w1400 .right .list a b {
  animation-delay: 0.1s;
  margin-bottom: 16px;
  font-size: 20px;
  color: #333;
}
.project06 .w1400 .right .list a p {
  animation-delay: 0.2s;
  font-size: 16px;
  color: #666;
}
.project06 .w1400 .right .list a:hover .pic div i {
  transition: all 0.5s;
  transform: scale(1.08);
}
/*=========== p3-3-1 重点推荐 ===========*/
.recommend01 {
  position: relative;
}
.recommend01 .w1400 {
  padding: 200px 0 100px;
}
.recommend01 .w1400 .left {
  position: absolute;
}
.recommend01 .w1400 .right {
  width: 70%;
}
/*=========== p3-3 综合开发 ===========*/
.synthesize {
  margin-top: 0;
  background: #fff;
}
.synthesize01 {
  position: relative;
  z-index: 2;
}
.synthesize01 .pic {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.synthesize01 .pic i {
  width: 100%;
  height: 100%;
}
.synthesize01 .pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 30px;
  width: 100%;
  color: #fff;
}
.synthesize01 .pos .tit {
  margin-bottom: 62px;
  font-size: 38px;
  text-align: center;
  font-weight: bold;
}
.synthesize01 .pos .text {
  font-size: 18px;
  line-height: 38px;
  text-align: center;
}
.synthesize01 .pos .list {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.synthesize01 .pos .list a {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 18px;
  padding: 25px 0;
  width: 446px;
  border-bottom: #fff 1px solid;
  cursor: pointer;
}
.synthesize01 .pos .list a .img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  width: 55px;
  height: 60px;
}
.synthesize01 .pos .list a .img img {
  flex-shrink: 0;
  max-width: 52px;
}
.synthesize01 .pos .list a div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.synthesize01 .pos .list a p {
  font-size: 22px;
  line-height: 30px;
}
.synthesize01 .pos .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 2px;
  background: #c6001d;
  content: "";
}
.synthesize01 .pos .list a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.synthesize_com {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.synthesize02 {
  padding: 100px 0;
  background: rgba(103, 20, 17, 0.9);
}
.synthesize02 .w1400 {
  position: relative;
}
.synthesize02 .title_pbox b,
.synthesize02 .title_pbox i {
  color: #fff;
}
.synthesize02 .left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-47%);
  width: 25.7%;
}
.synthesize02 .left img {
  margin-bottom: 100px;
}
.synthesize02 .left .next dl {
  float: left;
  width: 50%;
  color: #fff;
}
.synthesize02 .left .next dl dt {
  margin-bottom: 50px;
  font-size: 38px;
}
.synthesize02 .left .next dl dd {
  display: flex;
}
.synthesize02 .left .next dl dd em {
  font-size: 72px;
  font-family: Arial;
  font-weight: bold;
}
.synthesize02 .left .next dl dd p {
  font-size: 24px;
  padding: 36px 0 0 2px;
}
.synthesize02 .left .text {
  font-size: 16px;
  line-height: 36px;
  color: #fff;
}
.synthesize02 .left .text p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.synthesize02 .right {
  position: relative;
  display: flex;
  justify-content: center;
  width: 65%;
  height: 627px;
}
.synthesize02 .right .imgs {
  width: 100%;
}
.synthesize02 .right .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.synthesize02 .right .map .pos {
  position: absolute;
  width: 1px;
  height: 1px;
  cursor: pointer;
}
.synthesize02 .right .map .pos i {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #fff;
}
.synthesize02 .right .map .pos em {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: -21px;
  width: 70px;
  height: 1px;
  background: #fff;
  transform: rotate(-30deg);
}
.synthesize02 .right .map .pos span {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 64px;
  top: -38px;
  width: 200px;
  height: 1px;
  background: #fff;
}
.synthesize02 .right .map .pos .text {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 144px;
  bottom: 48px;
  width: 120px;
  color: #fff;
  text-align: right;
}
.synthesize02 .right .map .pos .text b {
  margin-bottom: 4px;
  font-size: 24px;
}
.synthesize02 .right .map .pos .text p {
  font-size: 18px;
}
.synthesize02 .right .map .pos.cur i {
  transition: all 0.5s;
  background: #bd3635;
}
.synthesize02 .right .map .pos.cur em,
.synthesize02 .right .map .pos.cur span,
.synthesize02 .right .map .pos.cur .text {
  transition: all 0.5s;
  opacity: 1;
}
.synthesize02 .right .map .pos_1 {
  left: 60.62%;
  top: 44.7%;
}
.synthesize02 .right .map .pos_2 {
  left: 53.16%;
  top: 75.4%;
}
.synthesize02 .right .map .pos_3 {
  left: 58.9%;
  top: 71.2%;
}
.synthesize02 .right .map .pos_4 {
  left: 62.44%;
  top: 64.8%;
}
.synthesize02 .right .map .pos_5 {
  left: 62.9%;
  top: 70%;
}
.synthesize02 .right .map .pos_6 {
  left: 64.4%;
  top: 67.66%;
}
.synthesize02 .right .map .pos_7 {
  left: 65.5%;
  top: 64.08%;
}
.synthesize02 .right .map .pos_8 {
  left: 66.37%;
  top: 67.8%;
}
.synthesize02 .right .map .pos_9 {
  left: 63.23%;
  top: 87.9%;
}
.synthesize02 .right .map .pos_10 {
  left: 66.7%;
  top: 86.43%;
}
.synthesize02 .right .map .pos_11 {
  left: 71.4%;
  top: 66.17%;
}
.synthesize02 .right .map .pos_12 {
  left: 75.2%;
  top: 67%;
}
.synthesize02 .right .map .pos_13 {
  left: 76.56%;
  top: 72.09%;
}
.synthesize02 .right .map .pos_14 {
  left: 73.14%;
  top: 74.56%;
}
.synthesize02 .right .map .pos_15 {
  left: 73.14%;
  top: 81.16%;
}
.synthesize02 .right .map .pos_16 {
  left: 74.64%;
  top: 70.16%;
}
.synthesize03 {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
.synthesize03 .cen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: 86px;
  perspective: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* .next{
            position: relative;
            height: 450px;
            .swiper {
                position: relative;
                z-index: 6;
            }
            .mySwiper {
                float: left;
                width: 130px;
                height:450px;
                .swiper-slide {
                    width: 100%;
                    height: 90px;
                    p{
                        transition: all 0.5s;
                        padding-right: 37px;
                        line-height: 90px;
                        font-size: 28px;
                        color: #666;
                        font-family: Arial;
                        text-align: right;
                        background: url(../images/icon/icon_106.png) right center no-repeat;
                    }
                    &.swiper-slide-thumb-active{
                        p{
                            transition: all 0.5s;
                            
                            color: #872622;
                            background: url(../images/icon/icon_106s.png) right center no-repeat;
                        }
                    }
                }
                
            }
            .mySwiper2 {
                float: right;
                width:78.57%;
                height:450px;
                .next{
                    position: relative;
                }
                .text{
                    margin-top: 50px;
                    width: 35%;
                    p{
                        margin-bottom: 40px;
                        font-size: 16px;
                        line-height: 30px;
                        color: #333;
                    }
                    .pos_v{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 113px;
                        padding: 0 7px;
                        border-bottom: #666 1px solid;
                        cursor: pointer;
                        em{
                            transition: all 0.5s;
                            transform:rotate(0deg);
                            width: 14px;
                            height: 14px;
                            background: url(../images/icon/icon_34sss.png) right center no-repeat;
                        }
                        i{
                            padding-right: 9px;
                            line-height: 40px;
                            font-size: 18px;
                            color: #666;
                        }
                        &:hover{
                            em{
                                transition: all 0.5s;
                                transform:rotate(360deg);
                            }
                        }
                    }
                }
                .right{
                    margin-bottom: 150px;
                    width: 58.18%;
                }
                .pic{
                    position: relative;
                    width: 100%;
                    height: 0;
                    padding-top: 54.3%;
                    div{
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        border-radius: 8px;
                        overflow: hidden;
                        i{
                            transition: all 0.5s;
                            transform: scale(1);
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
                .pos{
                    position: absolute;
                    left: 50%;
                    bottom: 0;
                    transform: translateX(-50%);
                    width: 352px;
                    height: 199px;
                    color: #fff;
                    background:#872622 url(../images/page/synthesize03_2.png) right top no-repeat;
                    border-radius: 8px;
                    .bor{
                        padding:80px 40px 0;
                    }
                    b{
                        margin-bottom: 10px;
                        font-size: 28px;
                    }
                    p{
                        font-size: 16px;
                    }
                }
            }
            .lie{
                position: absolute;
                left:calc(130px - 4.5px);
                top: -40px;
                width: 1px;
                height: calc(100% + 80px);
                background: #aaa;
            }
            .swiper-button-next, .swiper-button-prev{
                margin: 0;
                width: 55px;
                height: 53px;
            }
            .swiper-button-prev{
                top: -10%;
                left: 97px;
                background: url(../images/icon/icon_107.png) center no-repeat;
                background-size: 100% auto;
                &:hover{
                    background: url(../images/icon/icon_107s.png) center no-repeat;
                    background-size: 100% auto;
                }
            }
            .swiper-button-next{
                top: auto;
                right: auto;
                left: 97px;
                bottom: -10%;
                background: url(../images/icon/icon_108.png) center no-repeat;
                background-size: 100% auto;
                &:hover{
                    background: url(../images/icon/icon_108s.png) center no-repeat;
                    background-size: 100% auto;
                }
            }
        } */
}
.synthesize03 .cen .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.synthesize03 .cen .pic i {
  width: 100%;
  height: 100%;
  background: url(../images/page/synthesize03_1.jpg) center no-repeat;
  background-size: cover;
}
.synthesize03 .cen .w1400 {
  position: relative;
  z-index: 2;
}
.synthesize03 .cen .tit {
  margin-bottom: 140px;
}
.synthesize03 .cen .tit b {
  font-size: 38px;
  line-height: 56px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.synthesize03 .cen .num {
  display: flex;
  justify-content: center;
}
.synthesize03 .cen .num .num_box {
  transition: all 0.5s;
  opacity: 0.8;
  position: relative;
  padding: 1px 0 0;
  width: 25%;
  color: #fff;
  cursor: pointer;
}
.synthesize03 .cen .num .num_box::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 73px;
  background: #fff;
  opacity: 0.55;
  content: "";
}
.synthesize03 .cen .num .num_box:last-child::before {
  display: none;
}
.synthesize03 .cen .num .num_box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px;
  width: 100%;
  height: 55px;
}
.synthesize03 .cen .num .num_box .icon img {
  max-width: 100%;
  max-height: 100%;
}
.synthesize03 .cen .num .num_box p {
  margin-bottom: 10px;
  font-size: 23px;
  text-align: center;
  opacity: 0.95;
}
.synthesize03 .cen .num .num_box .clearfix {
  display: flex;
  justify-content: center;
  opacity: 0.95;
}
.synthesize03 .cen .num .num_box .clearfix span {
  font-weight: bold;
  font-size: 51px;
}
.synthesize03 .cen .num .num_box .clearfix i {
  font-weight: bold;
  font-size: 33px;
}
.synthesize03 .cen .num .num_box .clearfix em {
  margin-top: 22px;
  font-size: 22px;
}
@media (max-height: 800px) {
  .synthesize03 .cen .tit {
    margin-bottom: 40px;
  }
  .synthesize03 .cen .tit b {
    font-size: 34px;
    line-height: 50px;
  }
  .synthesize03 .cen .next {
    height: 375px;
  }
  .synthesize03 .cen .next .mySwiper {
    height: 375px;
  }
  .synthesize03 .cen .next .mySwiper .swiper-slide {
    height: 75px;
  }
  .synthesize03 .cen .next .mySwiper .swiper-slide p {
    line-height: 75px;
    font-size: 26px;
  }
  .synthesize03 .cen .next .mySwiper2 {
    height: 375px;
  }
  .synthesize03 .cen .next .mySwiper2 .text {
    margin-top: 30px;
  }
  .synthesize03 .cen .next .mySwiper2 .text p {
    margin-bottom: 40px;
    line-height: 28px;
  }
  .synthesize03 .cen .next .mySwiper2 .right {
    margin-bottom: 120px;
  }
  .synthesize03 .cen .next .mySwiper2 .pos {
    width: 332px;
    height: 169px;
  }
  .synthesize03 .cen .next .mySwiper2 .pos .bor {
    padding: 50px 40px 0;
  }
  .synthesize03 .cen .next .lie {
    left: calc(130px - 5.5px);
    top: -5%;
    height: 110%;
  }
  .synthesize03 .cen .next .swiper-button-next,
  .synthesize03 .cen .next .swiper-button-prev {
    width: 55px;
    height: 53px;
  }
  .synthesize03 .cen .next .swiper-button-prev {
    top: -50px;
  }
  .synthesize03 .cen .next .swiper-button-next {
    bottom: -50px;
  }
}
.synthesize04 {
  position: relative;
  z-index: 3;
  padding: 140px 0 160px;
  background: #fff;
}
.synthesize04 .list a {
  animation-delay: 0.1s;
  position: relative;
  float: left;
  margin-right: 1.9%;
  width: 23.575%;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.synthesize04 .list a:nth-child(4n) {
  margin-right: 0%;
}
.synthesize04 .list a:nth-child(2) {
  animation-delay: 0.2s;
}
.synthesize04 .list a:nth-child(3) {
  animation-delay: 0.3s;
}
.synthesize04 .list a:nth-child(3) .pic::before {
  opacity: 0.15;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  content: "";
}
.synthesize04 .list a:nth-child(4) {
  animation-delay: 0.4s;
}
.synthesize04 .list a .pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 167%;
}
.synthesize04 .list a .pic div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.synthesize04 .list a .pic div i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.synthesize04 .list a .pic div video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.synthesize04 .list a .bac {
  transition: all 0.7s;
  transform: scale(0);
  position: absolute;
  left: 6%;
  bottom: 25%;
  z-index: 3;
  width: 180px;
  height: 180px;
  border-radius: 100%;
  background: #c70020;
  opacity: 0.9;
}
.synthesize04 .list a .bor {
  position: absolute;
  left: 0;
  bottom: 55px;
  z-index: 4;
  padding: 0 9%;
}
.synthesize04 .list a .bor b {
  margin-bottom: 19px;
  font-size: 36px;
}
.synthesize04 .list a .bor p {
  font-size: 14px;
}
.synthesize04 .list a:hover .bac {
  transition: all 0.7s;
  transform: scale(5.6);
}
.synthesize05 {
  position: relative;
  z-index: 3;
  padding: 100px 0 0;
  background: #fff;
  overflow: hidden;
}
.synthesize05 .title_pbox {
  text-align: center;
}
.synthesize05 .next1080 {
  position: relative;
}
.synthesize05 .next1080 .lie_s {
  position: absolute;
  right: 0;
  top: 300px;
  z-index: 3;
  width: 55vw;
  height: 4px;
  background: #eee;
}
.synthesize05 .next_t .pos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 700px;
  border-radius: 6px;
  overflow: hidden;
}
.synthesize05 .next_t .pos i {
  width: 100%;
  height: 100%;
}
.synthesize05 .next_t .next {
  margin-right: 65px;
  height: 700px;
}
.synthesize05 .next_t .next .cen {
  top: 133px;
  transform: translateY(0);
}
.synthesize05 .next_t .next i {
  right: 0;
}
.synthesize05 .next_t .next b,
.synthesize05 .next_t .next p {
  color: #fff;
}
.synthesize05 .next_t .next .lie {
  background: none;
}
.synthesize05 .pos_t {
  position: absolute;
  right: 0;
  bottom: 120px;
}
.synthesize05 .pos_t .fr {
  position: relative;
  margin-right: 65px;
  width: 470px;
  height: 56px;
}
.synthesize05 .pos_t .sum {
  position: relative;
  z-index: 9;
  line-height: 56px;
  font-size: 18px;
  color: #922623;
  font-family: Arial;
  font-weight: bold;
  display: flex;
  letter-spacing: 1px;
}
.synthesize05 .pos_t .sum .s1 {
  color: #fff;
}
.synthesize05 .swiper-pagination-progressbar {
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 80px);
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
}
.synthesize05 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.pop_syn {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 27;
  transform: translate(-50%, -50%);
  width: 1100px;
  max-height: 90%;
  background: #fff;
  border-radius: 10px;
}
.pop_syn .bor {
  padding: 60px 70px;
}
.pop_syn .tit {
  margin-bottom: 46px;
}
.pop_syn .tit p {
  float: left;
  padding-bottom: 40px;
  font-size: 38px;
  font-weight: bold;
  color: #333;
  border-bottom: #ca1a24 2px solid;
}
.pop_syn .tit i {
  float: right;
  width: 52px;
  height: 52px;
  background: url(../images/icon/icon_109.png) center no-repeat;
  cursor: pointer;
}
.pop_syn .next .text {
  float: left;
  width: 47.2%;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
.pop_syn .next .pic {
  position: relative;
  float: right;
  width: 46.2%;
  height: 0;
  padding-top: 25%;
}
.pop_syn .next .pic div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.pop_syn .next .pic div i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.pop_syn_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 26;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
/*=========== p3-4资本运营 ===========*/
.operation {
  margin-top: 0;
  background: #fff;
}
.operation01 .pos {
  margin-top: 50px;
}
.operation01 .pos .text {
  min-height: 304px;
}
.operation01 .pos .list a p {
  line-height: 60px;
}
.operation02 {
  position: relative;
  background: url(../images/page/operation02_1.jpg) center no-repeat;
  background-size: cover;
  /*工程建设end*/
}
.operation02 .column3 {
  padding: 50px 0;
  overflow: hidden;
  height: 1020px;
  box-sizing: border-box;
}
.operation02 .tit {
  position: absolute;
  z-index: 1;
  top: 12%;
  left: 0;
  width: 100%;
  color: #fff;
}
.operation02 .tit b {
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: bold;
}
.operation02 .tit p {
  font-size: 14px;
  letter-spacing: 1px;
}
.operation02 .column3Scroll {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.operation02 .column3Scroll .bd {
  width: 100%;
  height: 100%;
}
.operation02 .column3Scroll .bd .slick-list {
  width: 100%;
  height: 100%;
}
.operation02 .column3Scroll .bd .slick-list .slick-track {
  width: 100%;
  height: 100%;
}
.operation02 .column3Scroll .bd .myslide {
  width: 100%;
  height: 100%;
}
.operation02 .column3Scroll .bd .myslide .slideImg {
  width: 100%;
  height: 100%;
  position: relative;
  opacity: 0;
}
.operation02 .column3Scroll .bd .myslide .slideImg .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.operation02 .column3Scroll .bd .myslide .icn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  z-index: 2;
  transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
}
.operation02 .column3Scroll .bd .myslide .slideImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.operation02 .column3Scroll .bd .myslide .pos_text {
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 100%;
}
.operation02 .column3Scroll .bd .myslide .pos_text .text {
  width: 21.4%;
}
.operation02 .column3Scroll .bd .myslide .pos_text .text p {
  font-size: 18px;
  line-height: 36px;
  color: #fff;
}
.operation02 .column3Scroll .bd .myslide.slick-active .slideImg img {
  animation: mymove4 8s ease;
  -webkit-animation: mymove4 8s ease;
  animation-iteration-count: 1;
}
.operation02 .column3Scroll .bd .myslide.slick-active .icn {
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
@-webkit-keyframes mymove4 {
  from {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
@keyframes mymove4 {
  from {
    transform: scale(1.3);
  }
  to {
    transform: scale(1);
  }
}
.operation02 .column3Nav {
  position: absolute;
  right: 12%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}
.operation02 .column3Nav .item {
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  margin: 60px 0;
  text-align: right;
  color: #fff;
  cursor: pointer;
}
.operation02 .column3Nav .item span {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.operation02 .column3Nav .item svg {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.operation02 .column3Nav .item svg circle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.operation02 .column3Nav .item svg circle.circle {
  fill: #fff;
  transition: all 0.56s;
}
.operation02 .column3Nav .item svg circle.background {
  transform-origin: 15px 15px;
  stroke: #fff;
  -webkit-transition: stroke 0.2s linear;
  transition: stroke 0.2s linear;
}
.operation02 .column3Nav .item svg circle.foreground {
  transform-origin: 15px 15px;
  stroke-dasharray: 87.9646px, 87.9646px;
  transform: rotate(-90deg);
  stroke: #fff;
}
.operation02 .column3Nav .item svg .wrapper {
  transition: all 0.56s;
  transform: scale(0);
  transform-origin: 50% 50%;
}
.operation02 .column3Nav .item.on {
  color: #ffffff;
}
.operation02 .column3Nav .item.on svg .wrapper {
  transform: scale(1);
}
.operation02 .column3Nav .item.on svg .circle {
  opacity: 0;
}
.operation02 .column3Nav .item.on svg circle.foreground {
  animation: stroke 6.1s linear 0.2s;
}
@keyframes stroke {
  0% {
    stroke-dasharray: 0, 87.9646px;
  }
  100% {
    stroke-dasharray: 87.9646px, 87.9646px;
  }
}
.operation02 .column3Center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1920px;
  max-height: 940px;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}
.operation02 .column3Center .c3Logo {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: url("../images/column3Logo.png") no-repeat center center;
}
.operation02 .column3Center svg {
  width: 100%;
  height: 100%;
}
.operation02 .column3Center .circle {
  transition: all 0.56s ease-in;
}
.operation02 .column3Center .cursor {
  transition: all 0.36s 0.6s;
}
.operation02 .column3Center .cursor-circle {
  transition: transform 0.36s ease-in-out;
  transform: scale(0);
  opacity: 0;
}
.operation02 .column3Center .dotted-circle2 {
  transition: all 0s;
}
.operation02 .column3Center.on1 .cursor-circle {
  transform: scale(1);
  opacity: 1;
}
.operation02 .column3Center.act .cursor-circle {
  transform: scale(0);
  transition: all 0.16s;
}
.operation02 .column3Center.act .dotted-circle2 {
  r: 1260px;
  transition: all 2.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.operation03 {
  padding: 100px 0;
  background: url(../images/page/operation03_bac.jpg) center no-repeat;
  background-size: cover;
}
.operation03 .tit {
  margin-bottom: 55px;
  text-align: center;
}
.operation03 .tit b {
  margin-bottom: 20px;
  font-size: 38px;
  color: #333;
  font-weight: bold;
}
.operation03 .tit i {
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.operation03 .list {
  display: flex;
  flex-wrap: wrap;
}
.operation03 .list a {
  transition: all 0.5s;
  margin: 10px 3.5% 3.5% 0;
  width: 31%;
  height: 300px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.operation03 .list a:nth-child(3n) {
  margin-right: 0;
}
.operation03 .list a .bor {
  padding: 0 8%;
}
.operation03 .list a .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 36px;
  height: 120px;
  border-bottom: #ebebeb 2px solid;
}
.operation03 .list a .icon img {
  transition: all 0.5s;
  transform: rotateX(0deg);
  flex-shrink: 0;
  max-width: 90%;
  max-height: 90%;
}
.operation03 .list a .text {
  text-align: center;
}
.operation03 .list a .text b {
  margin-bottom: 13px;
  height: 52px;
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.operation03 .list a .text i {
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.operation03 .list a:hover {
  transition: all 0.5s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-top: 0;
  margin-bottom: 55px;
}
.operation03 .list a:hover .icon img {
  transition: all 0.5s;
  transform: rotateX(360deg);
}
/*=========== p3-5园林生态 ===========*/
.zoology {
  margin-top: 0;
  background: #fff;
}
.zoology02 {
  position: relative;
  width: 100%;
  height: 1000px;
  background: url(../images/page/zoology02_bac.jpg) right top no-repeat;
  background-size: 50% 100%;
}
.zoology02 .tab_pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
}
.zoology02 .tab_pic .pic {
  width: 100%;
  height: 1000px;
  overflow: hidden;
}
.zoology02 .tab_pic .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.zoology02 .tab_next {
  padding-top: 9%;
}
.zoology02 .tab_next .next {
  float: right;
  margin-right: 9%;
  width: 33%;
}
.zoology02 .tab_next .next .t b {
  margin-bottom: 22px;
  font-size: 38px;
  color: #333;
  font-weight: bold;
}
.zoology02 .tab_next .next .t i {
  margin-bottom: 50px;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.zoology02 .tab_next .next .text {
  margin-bottom: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
}
.zoology02 .tab_next .next .text p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.zoology02 .tab_next .next a {
  position: relative;
  display: flex;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #999 1px solid;
  border-radius: 52px;
  overflow: hidden;
}
.zoology02 .tab_next .next a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
}
.zoology02 .tab_next .next a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.zoology02 .tab_next .next a em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 22px;
  font-size: 16px;
  line-height: 49px;
  color: #999;
  background: url(../images/icon/icon_34ss.png) right center no-repeat;
}
.zoology02 .tab_next .next a:hover {
  border: rgba(255, 255, 255, 0) 1px solid;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.zoology02 .tab_next .next a:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.zoology02 .tab_next .next a:hover em {
  color: #fff;
  background: url(../images/icon/icon_34.png) right center no-repeat;
}
.zoology02 .tab_title {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
}
.zoology02 .tab_title .fr {
  width: 71.5%;
}
.zoology02 .tab_title a {
  position: relative;
  float: left;
  transition: all 0.5s;
  margin: 30px 2.4% 0 0;
  width: 23.2%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: pointer;
}
.zoology02 .tab_title a:nth-child(4) {
  margin-right: 0;
}
.zoology02 .tab_title a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 6%;
  bottom: 25%;
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.zoology02 .tab_title a .bor {
  position: relative;
  z-index: 2;
  padding: 40px 30px 0;
  height: 260px;
}
.zoology02 .tab_title a b {
  margin-bottom: 10px;
  font-size: 20px;
  color: #333;
}
.zoology02 .tab_title a p {
  font-size: 14px;
  line-height: 18px;
  color: #999;
}
.zoology02 .tab_title a .icon {
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
}
.zoology02 .tab_title a .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.zoology02 .tab_title a .icon img.img2 {
  opacity: 0;
}
.zoology02 .tab_title a:hover,
.zoology02 .tab_title a.cur {
  transition: all 0.5s;
  margin-top: 0;
}
.zoology02 .tab_title a:hover::before,
.zoology02 .tab_title a.cur::before {
  transition: all 0.6s;
  transform: scale(5);
}
.zoology02 .tab_title a:hover b,
.zoology02 .tab_title a.cur b,
.zoology02 .tab_title a:hover p,
.zoology02 .tab_title a.cur p {
  transition: all 0.5s;
  color: #fff;
}
.zoology02 .tab_title a:hover .icon img,
.zoology02 .tab_title a.cur .icon img {
  transition: all 0.5s;
  opacity: 0;
}
.zoology02 .tab_title a:hover .icon img.img2,
.zoology02 .tab_title a.cur .icon img.img2 {
  opacity: 1;
}
.zoology03 {
  position: relative;
  background: #fff url(../images/page/zoology03_bac2.jpg) left bottom no-repeat;
  background-size: cover;
}
.zoology03 .tab_tit {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 190px;
  background: #fff url(../images/page/zoology03_bac1.jpg) center top no-repeat;
  background-size: 100% 190px;
}
.zoology03 .num {
  padding-bottom: 120px;
  display: flex;
  justify-content: center;
}
.zoology03 .num .num_box {
  transition: all 0.5s;
  opacity: 0.8;
  position: relative;
  padding: 1px 0 0;
  width: 25%;
  height: 190px;
  color: #fff;
  cursor: pointer;
}
.zoology03 .num .num_box::after {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: -47px;
  width: 100%;
  height: 47px;
  background: url(../images/icon/icon_126.png) center top no-repeat;
  content: "";
}
.zoology03 .num .num_box::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background: #fff;
  opacity: 0.55;
  content: "";
}
.zoology03 .num .num_box:last-child::before {
  display: none;
}
.zoology03 .num .num_box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px 0 12px;
  width: 100%;
  height: 55px;
}
.zoology03 .num .num_box .icon img {
  max-width: 100%;
  max-height: 100%;
}
.zoology03 .num .num_box p {
  font-size: 20px;
  text-align: center;
}
.zoology03 .num .num_box .clearfix {
  display: flex;
  justify-content: center;
}
.zoology03 .num .num_box .clearfix span {
  font-weight: bold;
  font-size: 42px;
}
.zoology03 .num .num_box .clearfix i {
  font-weight: bold;
  font-size: 27px;
}
.zoology03 .num .num_box .clearfix em {
  margin-top: 22px;
  font-size: 18px;
}
.zoology03 .num .num_box.cur {
  transition: all 0.5s;
  opacity: 1;
}
.zoology03 .num .num_box.cur::after {
  transition: all 0.5s;
  opacity: 1;
}
.zoology03 .tab_next {
  padding-top: 190px;
}
.zoology03 .tab_next .w1400 {
  position: relative;
  height: 780px;
}
.zoology03 .tab_next .left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
}
.zoology03 .tab_next .left b {
  margin-bottom: 28px;
  font-size: 56px;
  color: #333;
  font-weight: bold;
}
.zoology03 .tab_next .left i {
  margin-bottom: 70px;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.zoology03 .tab_next .left p {
  padding-left: 63px;
  line-height: 50px;
  font-size: 16px;
  color: #999;
  background: url(../images/icon/icon_102.png) left center no-repeat;
}
.zoology03 .tab_next .right {
  float: right;
  margin-top: 100px;
  padding-right: 50px;
  width: 70%;
  height: 580px;
  overflow-y: auto;
}
.zoology03 .tab_next .right::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
.zoology03 .tab_next .right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #c91b1e;
}
.zoology03 .tab_next .right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: url(../images/icon/icon_128.png) center repeat-y;
  background-size: 2px auto;
}
.zoology03 .tab_next .right a {
  position: relative;
  padding: 20px 0;
  border-bottom: #eaeaea 1px solid;
}
.zoology03 .tab_next .right a:nth-child(1) {
  border-top: #eaeaea 1px solid;
}
.zoology03 .tab_next .right a i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 146px;
  font-size: 61px;
  line-height: 55px;
  color: #ebebeb;
  font-weight: bold;
  text-align: center;
}
.zoology03 .tab_next .right a i::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background: #eaeaea;
  content: " ";
}
.zoology03 .tab_next .right a .text {
  float: right;
  padding-left: 30px;
  width: calc(100% - 146px - 10px);
}
.zoology03 .tab_next .right a .text b {
  margin-bottom: 5px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.zoology03 .tab_next .right a .text div p {
  padding-left: 17px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  background: url(../images/icon/icon_125.png) left 12px no-repeat;
}
.zoology04 {
  padding-top: 120px;
  background: url(../images/page/zoology04_bac.jpg) center no-repeat;
  background-size: cover;
}
.zoology04 .w1400 {
  position: relative;
}
.zoology04 .left {
  width: 27.8%;
}
.zoology04 .left .t b {
  margin-bottom: 22px;
  font-size: 48px;
  color: #333;
  font-weight: bold;
}
.zoology04 .left .t i {
  margin-bottom: 75px;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.zoology04 .left .next {
  margin-bottom: 150px;
  height: 240px;
  overflow-y: auto;
}
.zoology04 .left .next::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
.zoology04 .left .next::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #fff;
}
.zoology04 .left .next::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: url(../images/icon/icon_128.png) center repeat-y;
  background-size: 2px auto;
}
.zoology04 .left .next a {
  margin-bottom: 12px;
  padding-left: 30px;
  line-height: 30px;
  font-size: 18px;
  background: url(../images/icon/icon_127.png) left 13px no-repeat;
}
.zoology04 .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60.7%;
}
.zoology04 .right img {
  width: 100%;
}
/*=========== p3-6设计咨询 ===========*/
.consult {
  margin-top: 0;
  background: #fff;
}
.consult .zoology02 .title_pbox {
  margin-top: 12vh;
  display: inline-block;
}
.consult .zoology02 .tab_next {
  padding-top: 30px;
}
.consult .zoology02 .tab_next .next {
  margin: 0;
  width: 45%;
}
.consult .zoology02 .tab_next .next b {
  margin-bottom: 40px;
  font-size: 32px;
  color: #333;
  font-weight: bold;
}
.consult .zoology02 .tab_next .next .text {
  margin-bottom: 70px;
}
.consult .zoology02 .tab_next .next .text p {
  -webkit-line-clamp: 5;
}
.consult .zoology02 .tab_title2 {
  position: absolute;
  left: 50%;
  bottom: 10%;
  transform: translateX(-50%);
  width: 1032px;
}
.consult .zoology02 .tab_title2 a {
  position: relative;
  float: left;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 72px;
  background: #fff;
  border: #ebebeb 1px solid;
  cursor: pointer;
  overflow: hidden;
}
.consult .zoology02 .tab_title2 a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 6%;
  bottom: 0%;
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.consult .zoology02 .tab_title2 a p {
  position: relative;
  z-index: 2;
  padding: 0 6px;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #333;
}
.consult .zoology02 .tab_title2 a.cur::before {
  transition: all 0.6s;
  transform: scale(3);
}
.consult .zoology02 .tab_title2 a.cur p {
  color: #fff;
}
.consult02 .tab_pic {
  left: auto;
  right: 0;
}
.consult02 .tab_next .next {
  float: left;
}
.consult03 .title_pbox {
  margin-left: 55%;
}
/*=========== p3-3-4 项目荣誉 ===========*/
.Phonor {
  margin-top: 0;
}
.Phonor01 {
  position: relative;
  z-index: 3;
  padding: 110px 0;
  background: url(../images/page/Phonor_bac.jpg) center no-repeat;
  background-size: cover;
}
.Phonor01 .pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.Phonor01 .left {
  float: left;
  width: 28.2%;
}
.Phonor01 .left i {
  color: #333;
}
.Phonor01 .cen {
  float: left;
  width: 42.85%;
  height: 520px;
  background: #fff;
  border-radius: 6px 0 0 6px;
}
.Phonor01 .cen .bor {
  padding: 60px 8% 60px 10%;
}
.Phonor01 .cen .tab_next {
  padding-right: 15px;
  height: 400px;
  overflow-y: auto;
}
.Phonor01 .cen .tab_next::-webkit-scrollbar {
  width: 8px;
  height: 2px;
}
.Phonor01 .cen .tab_next::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 8px;
  background-color: #dedede;
}
.Phonor01 .cen .tab_next::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 8px;
  background: url(../images/icon/icon_128.png) center repeat-y;
}
.Phonor01 .cen .tab_next .next {
  margin-bottom: 35px;
}
.Phonor01 .cen .tab_next .next b {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 34px;
  color: #333;
  cursor: pointer;
}
.Phonor01 .cen .tab_next .next .text p {
  padding-left: 24px;
  font-size: 16px;
  line-height: 36px;
  color: #666;
  background: url(../images/icon/icon_127.png) 3px 15px no-repeat;
}
.Phonor01 .cen .tab_next .next.cur b {
  color: #b92d29;
}
.Phonor01 .right {
  float: left;
  width: 28.95%;
  border-radius: 0 6px 6px 0;
  overflow: hidden;
}
.Phonor01 .right .swiper-slide {
  width: 100%;
  height: 520px;
  overflow: hidden;
}
.Phonor01 .right .swiper-slide i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.Phonor01 .right .swiper-pagination {
  bottom: 30px;
}
.Phonor01 .right .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  width: 10px;
  height: 10px;
  border: #fff 1px solid;
  border-radius: 100%;
  background: none;
}
.Phonor01 .right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  background: #fff;
}
/*=========== p3-1城市更新 ===========*/
.city {
  margin-top: 0;
}
.city .synthesize01 .pos .tit i {
  margin-bottom: 10px;
  font-weight: bold;
}
.city .synthesize01 .pos .tit em {
  font-weight: bold;
  font-size: 30px;
}
.city .business02 .swiper-slide .pos .right .t {
  position: relative;
  top: auto;
}
.city .business02 .swiper-slide .pos .right .t b {
  margin-bottom: 30px;
  font-size: 38px;
  line-height: 52px;
}
.city .business02 .swiper-slide .pos .right .t i {
  line-height: 28px;
}
.city .business02 .swiper-slide .pos .right .c {
  margin-top: 0;
}
.city .business02 .swiper-slide.swiper-slide-active .pos .right .t {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
.city01 {
  position: relative;
  z-index: 2;
}
.city01 .pic {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.city01 .pic i {
  width: 100%;
  height: 100%;
}
.city01 .pos_q {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 30px;
  width: 100%;
  color: #fff;
}
.city01 .pos_q .tit {
  margin-bottom: 62px;
  font-size: 38px;
  text-align: center;
  font-weight: bold;
}
.city01 .pos_q .next {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.city01 .pos_q .left {
  float: left;
  display: flex;
  align-items: center;
  width: 36%;
}
.city01 .pos_q .left .text {
  font-size: 18px;
  line-height: 38px;
}
.city01 .pos_q .right {
  position: relative;
  float: right;
  width: 31.2%;
}
.city01 .pos_q .right .imgs {
  width: 100%;
}
.city01 .pos_q .right .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.city01 .pos_q .right .map .pos {
  position: absolute;
  width: 1px;
  height: 1px;
  cursor: pointer;
}
.city01 .pos_q .right .map .pos i {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #b92d29;
}
.city01 .pos_q .right .map .pos i::before {
  transition: all 0.5s;
  transform: scale(0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
  background: #b92d29;
  opacity: 0.3;
  border-radius: 100%;
  content: "";
}
.city01 .pos_q .right .map .pos em {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: -5px;
  top: 25px;
  width: 70px;
  height: 1px;
  background: #b92d29;
  transform: rotate(-320deg);
}
.city01 .pos_q .right .map .pos span {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 57px;
  top: 48px;
  width: 200px;
  height: 1px;
  background: #b92d29;
}
.city01 .pos_q .right .map .pos .text {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 106px;
  top: 53px;
  width: 150px;
  color: #fff;
  text-align: right;
}
.city01 .pos_q .right .map .pos .text b {
  font-size: 18px;
  line-height: 30px;
}
.city01 .pos_q .right .map .pos.cur i::before {
  transition: all 0.5s;
  transform: scale(1);
}
.city01 .pos_q .right .map .pos.cur em,
.city01 .pos_q .right .map .pos.cur span,
.city01 .pos_q .right .map .pos.cur .text {
  transition: all 0.5s;
  opacity: 1;
}
.city01 .pos_q .right .map .pos_1 {
  left: 53.54%;
  top: 51.37%;
}
.city01 .pos_q .right .map .pos_2 {
  left: 42.79%;
  top: 51.76%;
}
.city01 .pos_q .right .map .pos_3 {
  left: 45.76%;
  top: 54.5%;
}
.city01 .pos_q .right .map .pos_4 {
  left: 40.27%;
  top: 55.68%;
}
.city01 .pos_q .right .map .pos_5 {
  left: 34.32%;
  top: 52.55%;
}
.city01 .pos_q .right .map .pos_6 {
  left: 35.1%;
  top: 58.82%;
}
.city01 .pos_q .right .map .pos_7 {
  left: 38.9%;
  top: 60.78%;
}
.city01 .pos_q .right .map .pos_8 {
  left: 46.45%;
  top: 63.7%;
}
.city02 .left {
  position: relative;
  width: 50%;
}
.city02 .left:hover .pic div i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.city02 .pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 73.15%;
}
.city02 .pic div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.city02 .pic div i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.city02 .pos {
  position: absolute;
  left: 17%;
  top: 30%;
  width: 66%;
  color: #fff;
}
.city02 .pos .t {
  animation-delay: 0.1s;
  margin-bottom: 28px;
}
.city02 .pos .t b {
  line-height: 36px;
  font-size: 24px;
  text-align: center;
}
.city02 .pos i {
  animation-delay: 0.2s;
  margin: 0 auto 28px;
  width: 70px;
  height: 2px;
  background: #fff;
}
.city02 .pos p {
  animation-delay: 0.3s;
  font-size: 16px;
  line-height: 36px;
}
.city03 {
  padding: 140px 0 120px;
}
.city03 .tit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.city03 .tit a {
  position: relative;
  display: flex;
  margin: 0 20px 20px;
  cursor: pointer;
}
.city03 .tit a::after {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #e7e7e7;
  content: "";
}
.city03 .tit a:last-child::after {
  display: none;
}
.city03 .tit a p {
  transition: all 0.5s;
  margin: 0 auto;
  padding: 17px 30px;
  line-height: 36px;
  font-size: 26px;
  color: #333;
  border-radius: 60px;
}
.city03 .tit a.cur p {
  transition: all 0.5s;
  color: #fff;
  background: #da0002;
}
.city03 .list a {
  padding-bottom: 120px;
}
.city03 .list a .t {
  margin-bottom: 40px;
  text-align: center;
}
.city03 .list a .t b {
  font-size: 72px;
  color: #ededed;
  font-family: Arial;
  font-weight: bold;
}
.city03 .list a .t em {
  margin-top: -40px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.city03 .list a .large-4 {
  margin-bottom: 45px;
  width: 100%;
  height: 560px;
}
.city03 .list a .large-4 .twentytwenty-container {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.city03 .list a .large-4 .twentytwenty-container img {
  position: absolute;
  top: 0;
  max-width: 100%;
  width: 100%;
  height: 560px;
  object-fit: cover;
}
.city03 .list a .large-4 .twentytwenty-before {
  z-index: 3;
}
.city03 .list a .large-4 .twentytwenty-after {
  display: none;
}
.city03 .list a .large-4 .twentytwenty-handle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  height: 61px;
  width: 60px;
  background: url(../images/icon/icon_129.png) center no-repeat;
  cursor: pointer;
}
.city03 .list a .large-4 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.city03 .list a .next {
  position: relative;
  padding: 20px 100px;
  font-size: 18px;
  line-height: 36px;
  color: #333;
}
.city03 .list a .next::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 24px;
  background: url(../images/icon/icon_130.png) center no-repeat;
  content: "";
}
.city03 .list a .next::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 24px;
  background: url(../images/icon/icon_131.png) center no-repeat;
  content: "";
}
.city03 .more {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #b9312a 1px solid;
  border-radius: 52px;
  overflow: hidden;
}
.city03 .more::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b9312a;
  content: "";
}
.city03 .more::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.city03 .more em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: url(../images/icon/icon_132.png) right center no-repeat;
}
.city03 .more:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.city03 .more:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.city03 .more:hover em {
  color: #b9312a;
  background: url(../images/icon/icon_132s.png) right center no-repeat;
}
/*=========== p3-7新兴业务 ===========*/
.business {
  margin-top: 0;
}
.business01 .pos .text {
  line-height: 40px;
}
.business02 .mySwiper .t {
  position: absolute;
  left: 0;
  top: 14%;
  z-index: 3;
  width: 100%;
}
.business02 .mySwiper .t .w1400 div {
  float: right;
  width: 42%;
}
.business02 .mySwiper .t b {
  margin-bottom: 22px;
  font-size: 48px;
  color: #333;
  font-weight: bold;
}
.business02 .mySwiper .t i {
  margin-bottom: 70px;
  font-size: 14px;
  color: #999;
  letter-spacing: 1px;
}
.business02 .swiper-slide {
  background: #fff;
}
.business02 .swiper-slide .pic {
  width: 50%;
  height: calc(100vh - 100px);
  min-height: 800px;
  overflow: hidden;
}
.business02 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  opacity: 1;
  width: 100%;
  height: 100%;
}
.business02 .swiper-slide .pos {
  position: absolute;
  left: 0;
  top: 14%;
  width: 100%;
}
.business02 .swiper-slide .pos .right {
  width: 42%;
}
.business02 .swiper-slide .pos .right .c {
  margin-top: 175px;
}
.business02 .swiper-slide .pos .right .c em {
  margin-bottom: 30px;
  font-size: 28px;
  color: #666;
  font-weight: bold;
}
.business02 .swiper-slide .pos .right .c .text {
  margin-bottom: 30px;
  max-height: 252px;
  line-height: 36px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
}
.business02 .swiper-slide.swiper-slide-active .pic i {
  transition: all 1.2s;
  transform: scale(1.05);
  opacity: 1;
}
.business02 .swiper-slide.swiper-slide-active .pos .right .c {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp50;
  animation-name: fadeInUp50;
}
.business02 .pos_t {
  position: absolute;
  left: 0;
  bottom: 14%;
  width: 100%;
}
.business02 .pos_t .fr {
  position: relative;
  width: 42%;
  height: 56px;
}
.business02 .pos_t .sum {
  position: relative;
  z-index: 9;
  line-height: 56px;
  font-size: 18px;
  color: #922623;
  font-family: Arial;
  font-weight: bold;
  display: flex;
}
.business02 .pos_t .sum .s1 {
  color: #999;
}
.business02 .swiper-pagination-progressbar {
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 80px - 150px);
  height: 2px;
  background: #e2e2e2;
}
.business02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ab3c32;
}
.business02 .swiper-button-next,
.business02 .swiper-button-prev {
  top: 0;
  margin: 0;
  width: 56px;
  height: 56px;
}
.business02 .swiper-button-prev {
  left: auto;
  right: 78px;
  background: url(../images/icon/icon_4ss.png) center no-repeat;
}
.business02 .swiper-button-prev:hover {
  background: url(../images/icon/icon_4s.png) center no-repeat;
}
.business02 .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_5ss.png) center no-repeat;
}
.business02 .swiper-button-next:hover {
  background: url(../images/icon/icon_5s.png) center no-repeat;
}
.business02 .mySwiper:nth-child(3n - 1) .t .w1400 div {
  width: 100%;
}
.business02 .mySwiper:nth-child(3n - 1) .t b,
.business02 .mySwiper:nth-child(3n - 1) .t i {
  color: #fff;
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pic {
  width: 100%;
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pos .right {
  width: 100%;
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pos .right .t b,
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pos .right .t i {
  color: #fff;
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pos .right .c em,
.business02 .mySwiper:nth-child(3n - 1) .swiper-slide .pos .right .c .text {
  color: #fff;
}
.business02 .mySwiper:nth-child(3n - 1) .pos_t .fr {
  float: left;
}
.business02 .mySwiper:nth-child(3n - 1) .pos_t .sum {
  color: #fff;
}
.business02 .mySwiper:nth-child(3n - 1) .pos_t .sum .s1 {
  color: #fff;
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.5);
}
.business02 .mySwiper:nth-child(3n - 1) .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.business02 .mySwiper:nth-child(3n) .t .w1400 div {
  float: left;
}
.business02 .mySwiper:nth-child(3n) .swiper-slide .pic {
  margin-left: 50%;
}
.business02 .mySwiper:nth-child(3n) .swiper-slide .pos .right {
  float: left;
}
.business02 .mySwiper:nth-child(3n) .pos_t .fr {
  float: left;
}
/*=========== p3-6-0 城市服务 ===========*/
.serve .zoology03 .num .num_box {
  width: 33.33%;
}
.serve03 {
  background: url(../images/page/serve03_1.jpg) center no-repeat;
  background-size: cover;
}
.serve03 .w1400 {
  position: relative;
  padding-top: 1px;
  height: 830px;
}
.serve03 .left {
  margin: 200px 0 0 20%;
}
.serve03 .left .img {
  margin-bottom: 15px;
  max-height: 90px;
}
.serve03 .left b {
  margin-bottom: 27px;
  font-size: 30px;
  color: #333;
}
.serve03 .left i {
  margin-bottom: 18px;
  font-size: 18px;
  color: #333;
}
.serve03 .left .er {
  width: 140px;
  border: 4px #fff solid;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.serve03 .pos {
  position: absolute;
  right: 8%;
  bottom: 0;
  width: 39%;
}
.serve03 .pos img {
  width: 100%;
}
/*=========== p3-5-1园林生态-列表 ===========*/
.zoologyList .subNav {
  border-bottom: #e7e7e7 1px solid;
}
.zoologyList .project04 .bor .pic,
.zoologyList .project04 .bor .next {
  height: 880px;
}
.zoologyList .project06 {
  padding-bottom: 0;
}
.zoologyList .addressH {
  padding-top: 0;
}
.zoologyList01 {
  padding-bottom: 0;
}
.zoologyList01 .pic {
  height: 608px;
}
.zoologyList01 .pos .tit {
  margin-bottom: 0;
}
.zoologyList02 {
  padding: 120px 0 ;
}
.zoologyList02 .w1600 {
  position: relative;
}
.zoologyList02 .w1600 .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zoologyList02 .w1600 .pic i {
  width: 100%;
  height: 100%;
}
.zoologyList02 .clearfix {
  position: relative;
  z-index: 2;
}
.zoologyList02 a {
  position: relative;
  float: left;
  width: calc(100% / 3);
  height: 760px;
  overflow: hidden;
}
.zoologyList02 a::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0.4;
  content: " ";
}
.zoologyList02 a::before {
  transition: all 0.5s;
  transform: scale(0);
  position: absolute;
  left: 32%;
  bottom: 33%;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  background: #c9151e;
  opacity: 0.9;
  content: " ";
}
.zoologyList02 a:nth-child(3)::after {
  display: none;
}
.zoologyList02 a .pos {
  transition: all 0.5s;
  position: absolute;
  left: 10%;
  top: 250px;
  width: 80%;
  color: #fff;
  text-align: center;
}
.zoologyList02 a .pos .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 38px;
  height: 76px;
}
.zoologyList02 a .pos .icon img {
  max-height: 76px;
}
.zoologyList02 a .pos .lie {
  margin: 0 auto 40px;
  width: 40px;
  height: 3px;
  background: #b0b0b0;
}
.zoologyList02 a .pos b {
  margin-bottom: 37px;
  font-size: 30px;
  color: #fffcfc;
}
.zoologyList02 a .pos p {
  transition: all 0.5s;
  opacity: 0;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.zoologyList02 a .num {
  transition: all 0.5s;
  opacity: 0.1;
  position: absolute;
  left: 0;
  bottom: -120px;
  z-index: 3;
  width: 100%;
  font-size: 252px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-family: Arial;
}
.zoologyList02 a.cur::before {
  transition: all 0.5s;
  transform: scale(9);
}
.zoologyList02 a.cur .pos {
  transition: all 0.5s;
  top: 160px;
}
.zoologyList02 a.cur .pos .lie {
  background: #fff;
}
.zoologyList02 a.cur .pos p {
  transition: all 0.5s;
  opacity: 1;
}
/*=========== p3-2-0 建筑施工 ===========*/
.architecture02 {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #f8f8f8;
}
.architecture02 .title_pbox i {
  margin-bottom: 11vh;
}
.architecture02 .tab_pic {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}
.architecture02 .tab_pic .pic {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.architecture02 .tab_pic .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.architecture02 .left {
  margin-top: 12vh;
  width: 43%;
}
.architecture02 .tab_next {
  margin-top: 60vh;
  width: 50%;
}
.architecture02 .tab_next .next {
  margin-left: 9%;
  color: #fff;
}
.architecture02 .tab_next .next b {
  margin-bottom: 40px;
  font-size: 38px;
  font-weight: bold;
}
.architecture02 .tab_next .next p {
  margin-bottom: 50px;
  line-height: 30px;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.architecture02 .tab_next .next .clearfix i {
  float: left;
  margin: 15px 20px 0 0;
  width: 62px;
  height: 2px;
  background: #fff;
}
.architecture02 .tab_next .next .clearfix em {
  float: left;
  font-size: 24px;
}
.architecture02 .tab_title a {
  position: relative;
  float: left;
  transition: all 0.5s;
  margin: 0 5% 5% 0;
  width: 30%;
  color: #fff;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: pointer;
}
.architecture02 .tab_title a:nth-child(3n) {
  margin-right: 0;
}
.architecture02 .tab_title a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 5%;
  bottom: 15%;
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.architecture02 .tab_title a .bor {
  position: relative;
  z-index: 2;
  padding: 30px 22% 0;
  height: 210px;
}
.architecture02 .tab_title a .icon {
  position: relative;
  margin-bottom: 6px;
  height: 65px;
}
.architecture02 .tab_title a .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
}
.architecture02 .tab_title a .icon img.img2 {
  opacity: 0;
}
.architecture02 .tab_title a b {
  margin-bottom: 6px;
  font-size: 27px;
  color: #b83029;
}
.architecture02 .tab_title a p {
  font-size: 16px;
  line-height: 25px;
  color: #333;
}
.architecture02 .tab_title a:hover,
.architecture02 .tab_title a.cur {
  transition: all 0.5s;
  margin-top: 0;
}
.architecture02 .tab_title a:hover::before,
.architecture02 .tab_title a.cur::before {
  transition: all 0.6s;
  transform: scale(5);
}
.architecture02 .tab_title a:hover b,
.architecture02 .tab_title a.cur b,
.architecture02 .tab_title a:hover p,
.architecture02 .tab_title a.cur p {
  transition: all 0.5s;
  color: #fff;
}
.architecture02 .tab_title a:hover .icon img,
.architecture02 .tab_title a.cur .icon img {
  transition: all 0.5s;
  opacity: 0;
}
.architecture02 .tab_title a:hover .icon img.img2,
.architecture02 .tab_title a.cur .icon img.img2 {
  opacity: 1;
}
.architecture03 .left {
  width: 36%;
}
.architecture03 .left .next {
  margin-bottom: 110px;
  padding-right: 20px;
  height: 420px;
}
.architecture03 .right {
  margin-right: -40px;
  width: 68%;
}
.architecture04 {
  position: relative;
}
.architecture04 .title_pbox {
  position: absolute;
  left: 0;
  top: 15.3%;
  z-index: 2;
  width: 100%;
}
.architecture04 .title_pbox b,
.architecture04 .title_pbox i {
  color: #ffff;
}
.architecture04 .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.architecture04 .swiper {
  position: relative;
  width: 100%;
  height: 100vh;
}
.architecture04 .swiper-slide .pos {
  position: absolute;
  right: 0;
  bottom: 26%;
  color: #fff;
  width: 100%;
}
.architecture04 .swiper-slide .pos .fr {
  width: 47.8%;
  color: #fff;
}
.architecture04 .swiper-slide .pos b {
  margin-bottom: 46px;
  font-size: 38px;
  font-weight: bold;
}
.architecture04 .swiper-slide .pos p {
  line-height: 30px;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.architecture04 .swiper-slide .pos .Amore {
  position: relative;
  display: flex;
  margin-top: 30px;
  width: 160px;
  height: 52px;
  text-align: center;
  border-radius: 52px;
  overflow: hidden;
}
.architecture04 .swiper-slide .pos .Amore::after {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
}
.architecture04 .swiper-slide .pos .Amore::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.architecture04 .swiper-slide .pos .Amore em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 22px;
  font-size: 16px;
  line-height: 49px;
  color: #999;
  background: url(../images/icon/icon_34ss.png) right center no-repeat;
}
.architecture04 .swiper-slide .pos .Amore:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.architecture04 .swiper-slide .pos .Amore:hover::after {
  transition: all 0.1s 0.4s;
  opacity: 0;
}
.architecture04 .swiper-slide .pos .Amore:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.architecture04 .swiper-slide .pos .Amore:hover em {
  color: #fff;
  background: url(../images/icon/icon_34.png) right center no-repeat;
}
.architecture04 .pos_t {
  position: absolute;
  left: 0;
  bottom: 7%;
  width: 100%;
}
.architecture04 .pos_t .w1400 {
  position: relative;
}
.architecture04 .pos_t .sum {
  position: relative;
  z-index: 9;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  display: flex;
}
.architecture04 .pos_t .sum .s1 {
  color: #999;
}
.architecture04 .swiper-pagination-progressbar {
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 80px - 150px);
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
}
.architecture04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}
.architecture04 .swiper-button-next,
.architecture04 .swiper-button-prev {
  top: 0;
  margin: 0;
  width: 56px;
  height: 56px;
}
.architecture04 .swiper-button-prev {
  left: auto;
  right: 78px;
  background: url(../images/icon/icon_4ss.png) center no-repeat;
}
.architecture04 .swiper-button-prev:hover {
  background: url(../images/icon/icon_4s.png) center no-repeat;
}
.architecture04 .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_5ss.png) center no-repeat;
}
.architecture04 .swiper-button-next:hover {
  background: url(../images/icon/icon_5s.png) center no-repeat;
}
/*=========== p3-5-2园林生态-详情 ===========*/
.zoologyXq {
  margin-top: 170px;
  background: #fff;
}
.zoologyXq .emphasis03 {
  margin-bottom: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.zoologyXq .emphasis03 .swiper-slide .pic {
  height: 690px;
}
.zoologyXq .emphasis03 .swiper-pagination {
  left: auto;
  right: 40px;
  bottom: 40px;
  display: flex;
  justify-content: flex-end;
  font-size: 27px;
}
.zoologyXq .emphasis03 .swiper-pagination span {
  margin: 17px 0 0 0;
}
.zoologyXq .emphasis03 .swiper-pagination .current {
  margin: 0;
  font-size: 45px;
}
.zoologyXq .emphasis02 .w1400.clearfix {
  margin-bottom: 0;
}
.zoologyXq .emphasis02 .top {
  margin-bottom: 60px;
  padding-bottom: 50px;
  border-bottom: #d8d8d8 1px solid;
  font-size: 40px;
  line-height: 60px;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
}
.zoologyXq .emphasis02 .top em {
  display: inline-block;
  margin: 0 0 0 25px;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  border-radius: 64px;
  border: #ebebeb 1px solid;
}
.zoologyXq .emphasis02 .right {
  width: 100%;
}
/*=========== p3-6-1 城市服务列表页 ===========*/
.serveList {
  margin-top: 0;
  /* background: #fff; */
}
.serveList .zoologyList02 {
  padding-bottom: 0;
}
.serveList .serveList03 {
  padding-bottom: 0;
}
.serveList .addressH {
  padding-top: 50;
}
.serveList02 .w1600 a.cur .pos {
  top: 250px;
}
.serveList03 {
  padding: 100px 0;
  background: #f9f9f9;
}
.serveList03 .tab_title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.serveList03 .tab_title a {
  position: relative;
  display: flex;
  margin: 0 0 90px;
  width: 20%;
  cursor: pointer;
}
.serveList03 .tab_title a::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #e7e7e7;
  content: "";
}
.serveList03 .tab_title a:last-child::after {
  display: none;
}
.serveList03 .tab_title a p {
  transition: all 0.5s;
  margin: 0 auto;
  padding: 12px 40px;
  line-height: 36px;
  font-size: 20px;
  color: #333;
  border-radius: 60px;
}
.serveList03 .tab_title a.cur p {
  transition: all 0.5s;
  color: #fff;
  background: #b93029;
}
.serveList03 .tab_next a {
  float: left;
  margin: 0 2.75% 2.75% 0;
  width: 31.5%;
  border-radius: 6px;
  background: #f8f8f8;
  overflow: hidden;
}
.serveList03 .tab_next a:nth-child(3n) {
  margin-right: 0;
}
.serveList03 .tab_next a .pic {
  position: relative;
  width: 100%;
  height: 255px;
  overflow: hidden;
}
.serveList03 .tab_next a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.serveList03 .tab_next a p {
  position: absolute;
  left: 0;
  bottom: 20px;
  padding: 20px 6% 1px;
  font-size: 20px;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.serveList03 .tab_next a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
/*=========== p3-2-1建筑施工-列表 ===========*/
.architectureList02 {
  padding: 0;
}
.architectureList02 .top {
  margin-bottom: 70px;
  padding: 35px 0;
  border-bottom: #e7e7e7 1px solid;
}
.architectureList02 .top .tab_title a {
  margin-bottom: 20px;
}
.architectureList02 .top .tab_title a:nth-child(5n)::after {
  display: none;
}
.architectureList02 .top .tab_title a p {
  padding: 12px 30px;
  font-size: 18px;
}
.addressH {
  padding: 50px 0;
  width: 100%;
}
.addressH .w1400 {
  display: flex;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.addressH .w1400 .one {
  width: 21px;
  height: 30px;
  background: url(../images/icon/icon_62s.png) center no-repeat;
}
.addressH .w1400 i {
  padding: 0 10px;
}
.addressH .w1400 a {
  color: #666;
}
.addressH .w1400 a:hover {
  color: #c7161e;
}
/*=========== p3-2-1建筑施工-列表2 ===========*/
.architectureList2 {
  margin-top: 0;
  background: #fff;
}
.architectureList2 .serveList03 {
  background: #fff;
}
.architectureList2 .serveList03 .top {
  margin-bottom: 0;
}
.architectureList2 .serveList03 .tab_title a.cur p {
  background: #c81c1c;
}
.architectureList2 .architectureList02 .top {
  border-bottom: none;
}
.architectureList203 {
  margin-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.architectureList203 .bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 466px;
  background: #f8f9fa;
}
.architectureList203 .sum {
  position: absolute;
  /* left:63.54%; */
  left: 80%;
  top: 328px;
  font-size: 150px;
  font-family: Arial;
  color: #fff;
  font-weight: bold;
}
.architectureList203 .w1400 {
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
.architectureList203 .pic {
  float: left;
  width: 51.5%;
  height: 406px;
  border-radius: 6px;
  overflow: hidden;
}
.architectureList203 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.architectureList203 .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.architectureList203 .next {
  float: right;
  width: 43.21%;
}
.architectureList203 .next b {
  margin-bottom: 25px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.architectureList203 .next .clearfix {
  margin-bottom: 28px;
}
.architectureList203 .next i {
  float: left;
  margin: 13px 10px 0 0;
  width: 50px;
  height: 1px;
  background: #999;
}
.architectureList203 .next span {
  float: left;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.architectureList203 .next p {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 36px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.architectureList203 a {
  position: relative;
  display: flex;
  width: 120px;
  height: 42px;
  text-align: center;
  border-radius: 42px;
  overflow: hidden;
}
.architectureList203 a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
}
.architectureList203 a::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ca2023;
  content: "";
}
.architectureList203 a em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 20px;
  font-size: 16px;
  line-height: 42px;
  color: #666;
  background: url(../images/icon/icon_34sss.png) right center no-repeat;
}
.architectureList203 a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.architectureList203 a:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.architectureList203 a:hover em {
  color: #fff;
  background: url(../images/icon/icon_34.png) right center no-repeat;
}
.architectureList204 a {
  position: relative;
  float: left;
  margin: 0 2.75% 55px 0;
  width: 31.5%;
  height: 360px;
  border-radius: 6px;
  overflow: hidden;
  border-bottom: #ebebeb 1px solid;
}
.architectureList204 a:nth-child(3n) {
  margin-right: 0;
}
.architectureList204 a .pic {
  width: 100%;
  height: 250px;
  border-radius: 6px;
  overflow: hidden;
}
.architectureList204 a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.architectureList204 a .text {
  padding: 0 10px;
}
.architectureList204 a .text b {
  margin: 20px 0 10px;
  font-size: 20px;
  color: #333;
}
.architectureList204 a .text p {
  font-size: 16px;
  color: #666;
}
.architectureList204 a .pos {
  transition: all 0.5s;
  opacity: 0;
  transform: scale(0.5);
  position: absolute;
  left: 0;
  top: 0;
  padding: 60px 8% 0;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #b9312a url(../images/page/architectureList204_bac.png) left top no-repeat;
  background-size: 100% auto;
}
.architectureList204 a .pos b {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: bold;
}
.architectureList204 a .pos p {
  margin-bottom: 30px;
  font-size: 16px;
}
.architectureList204 a .pos i {
  margin-bottom: 28px;
  width: 80px;
  height: 1px;
  background: #fff;
}
.architectureList204 a .pos em {
  margin-bottom: 33px;
  font-size: 16px;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.architectureList204 a .pos span {
  font-size: 16px;
}
.architectureList204 a:hover .pos {
  transition: all 0.5s;
  opacity: 1;
  transform: scale(1);
}
/*=========== p6-0人才发展 ===========*/
.talents {
  margin-top: 0;
  background: #fff;
}
.talents .title_pbox {
  text-align: center;
}
.talents02 {
  position: relative;
  padding: 130px 0 20px;
}
.talents02 .bac {
  position: absolute;
  right: 0;
  top: 130px;
  width: 54.2%;
  height: calc(100% - 150px);
  background: #f8f9fa;
}
.talents02 .w1400 {
  position: relative;
  z-index: 2;
}
.talents02 .left {
  float: left;
  padding-top: 120px;
  width: 29%;
}
.talents02 .left .t {
  border-bottom: #e7e7e7 1px solid;
}
.talents02 .left .t b {
  position: relative;
  z-index: 2;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.talents02 .left .t i {
  margin-top: -110px;
  font-size: 122px;
  color: #f6f6f7;
  font-family: Arial;
  font-weight: 800;
}
.talents02 .left .text {
  margin-bottom: 50px;
}
.talents02 .left .text b {
  padding: 30px 0;
  font-size: 24px;
  color: #000;
  font-weight: bold;
}
.talents02 .left .text p {
  margin-top: 30px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  text-align: justify;
}
.talents02 .left .more {
  position: relative;
  display: flex;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #b9312a 1px solid;
  border-radius: 52px;
  overflow: hidden;
  cursor: pointer;
}
.talents02 .left .more::after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #b9312a;
  content: "";
}
.talents02 .left .more::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.talents02 .left .more em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: url(../images/icon/icon_132.png) right center no-repeat;
}
.talents02 .left .more:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.talents02 .left .more:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.talents02 .left .more:hover em {
  color: #b9312a;
  background: url(../images/icon/icon_132s.png) right center no-repeat;
}
.talents02 .pic {
  float: right;
  position: relative;
  margin-top: 140px;
  width: 63%;
  height: 496px;
  border-radius: 6px;
  overflow: hidden;
}
.talents02 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.talents02 .pic em {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f9fa;
}
.talents02 .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.talents03 {
  padding: 130px 0 130px;
}
.talents03 .bac {
  width: 100%;
  height: 590px;
}
.talents03 .left {
  float: right;
}
.talents03 .left .t i {
  color: #eff0f1;
}
.talents03 .pic {
  float: left;
}
.talents04 {
  margin-bottom: 110px;
}
.talents04 .list a {
  float: left;
  margin-right: 4.4%;
  width: 47.8%;
}
.talents04 .list a:nth-child(2n) {
  margin-right: 0;
}
.talents04 .list a:nth-child(1),
.talents04 .list a:nth-child(2) {
  margin-bottom: 4.4%;
}
.talents04 .list a .pic {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 62.68%;
}
.talents04 .list a .pic div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.talents04 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.talents04 .list a p {
  margin-top: 30px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.talents04 .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.talents05 {
  margin-bottom: 110px;
}
.talents05 #wrapper {
  margin: 10px 0 0 1px;
}
.talents05 #container {
  /*初始化时的宽度*/
  position: relative;
}
.talents05 .list .item {
  /* margin:0 2.75% 2.75% 0;
            width: 31.5%;
            &:nth-child(3n){
                margin-right: 0;
            } */
  margin: 0 0.4% 1.3%;
  width: 32%;
  /* padding: 10px;
            width: 220px; */
}
.talents05 .list .item a {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.talents05 .list .item .pic {
  width: 100%;
}
.talents05 .list .item .pic img {
  width: 100%;
  min-height: 200px;
}
.talents05 .list .item em {
  position: absolute;
  left: 6%;
  bottom: 6%;
  width: 88%;
  font-size: 20px;
  color: #fff;
}
.talents05 .list .item .pos {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px 28px 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(171, 60, 50, 0.98) url(../images/page/talents05_bac.png) right bottom no-repeat;
}
.talents05 .list .item .pos b {
  margin-bottom: 20px;
  font-size: 20px;
}
.talents05 .list .item .pos p {
  font-size: 18px;
  line-height: 32px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.talents05 .list .item:hover .pos {
  transition: all 0.5s;
  opacity: 1;
}
#imloading {
  padding-top: 36px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
/*=========== p0-2 董事长信箱 ===========*/
.chairman {
  background: #fff;
}
.chairman01 {
  padding: 100px 0 130px;
}
.chairman01 .text {
  padding: 68px 60px;
  font-size: 18px;
  line-height: 40px;
  color: #333;
  background: #f9f9f9;
}
.chairman01 .text p {
  text-indent: 2em;
}
.chairman01 .but {
  margin: 46px auto 0;
  width: 160px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 56px;
  background: #b92d29;
  cursor: pointer;
}
.chairman02 {
  padding: 100px 0 130px;
}
.chairman02 .tit {
  margin-bottom: 45px;
  line-height: 80px;
  background: #f9f9f9;
}
.chairman02 .tit p {
  margin-left: 40px;
  padding-left: 58px;
  font-size: 20px;
  color: #b92d29;
  font-weight: bold;
}
.chairman02 .list li {
  margin-bottom: 40px;
  line-height: 70px;
}
.chairman02 .list li .text {
  float: left;
  width: 105px;
  font-size: 18px;
}
.chairman02 .list li .text i {
  margin: 0 5px 0 0;
  float: left;
  color: #b32e2e;
}
.chairman02 .list li .text em {
  float: right;
  width: 90px;
  color: #333;
}
.chairman02 .list li .right {
  float: left;
  width: calc(100% - 105px);
}
.chairman02 .list li .inp {
  padding: 0 2.7%;
  border: #d2d2d2 1px solid;
  color: #333;
}
.chairman02 .list li .inp input {
  width: 100%;
  height: 68px;
  line-height: 68px;
  font-size: 16px;
  color: #333;
}
.chairman02 .list li .inp input::-moz-placeholder {
  color: #333;
}
.chairman02 .list li .inp input::-webkit-input-placeholder {
  color: #333;
}
.chairman02 .list li .inp input::-o-input-placeholder {
  color: #333;
}
.chairman02 .list li .inp input::-ms-input-placeholder {
  color: #333;
}
.chairman02 .list li .inp textarea {
  padding: 24px 0;
  width: 100%;
  height: 230px;
  font-size: 18px;
  color: #333;
  outline: none;
  border: none;
  background: none;
}
.chairman02 .list li .inp textarea::-moz-placeholder {
  color: #333;
}
.chairman02 .list li .inp textarea::-webkit-input-placeholder {
  color: #333;
}
.chairman02 .list li .inp textarea::-o-input-placeholder {
  color: #333;
}
.chairman02 .list li .inp textarea::-ms-input-placeholder {
  color: #333;
}
.chairman02 .list li div.radio {
  float: left;
  margin-right: 25px;
  padding: 0 30px;
  line-height: 58px;
  font-size: 18px;
  color: #333;
  border: #dcdcdc 1px solid;
  cursor: pointer;
}
.chairman02 .list li div.radio.cur {
  background: url(../images/icon/icon_165.png) right top no-repeat;
  border: #b72e2a 1px solid;
}
.chairman02 .list.list2 li {
  float: left;
  margin: 0 3.3% 50px 0;
  width: 48.35%;
}
.chairman02 .list.list2 li:nth-child(2n) {
  margin-right: 0;
}
.chairman02 .list.list2 li.on {
  width: 100%;
  margin-right: 0;
  line-height: 50px;
}
.chairman02 .list.list2 li.on .file {
  position: relative;
  margin-right: 26px;
  width: 116px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background: #b92d29;
}
.chairman02 .list.list2 li.on .file input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.chairman02 .list.list2 li.on .file i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.chairman02 .list.list2 li.on p {
  font-size: 16px;
  color: #999;
}
.chairman02 .submit .clearfix {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.chairman02 .submit .clearfix input {
  padding: 0 10px;
  width: 190px;
  height: 60px;
  background: #f9f9f8;
}
.chairman02 .submit .clearfix .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  width: 160px;
  height: 60px;
  background: #fff;
}
.chairman02 .submit .clearfix .pic img {
  max-width: 92%;
  max-height: 92%;
}
.chairman02 .submit .clearfix p,
.chairman02 .submit .clearfix a {
  font-size: 16px;
  color: #ae2e33;
}
.chairman02 .submit .clearfix a {
  cursor: pointer;
}
.chairman02 .submit .but {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 56px;
  background: #b92d29;
  cursor: pointer;
}
.chairman03 {
  position: relative;
  height: 100vh;
}
.chairman03 .pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.chairman03 .pos img {
  margin: 0 auto 48px;
  max-width: 500px;
}
.chairman03 .pos p {
  font-size: 18px;
  color: #333;
  text-align: center;
}
.chairman03 .pos .but {
  margin: 46px auto 0;
  width: 160px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 56px;
  background: #b92d29;
  cursor: pointer;
}
/*=========== p1-1 管理团队 ===========*/
.teams01 {
  padding: 70px 0 80px;
}
.teams01 a {
  float: left;
  position: relative;
  margin: 0 8% 10px 0;
  width: 46%;
  height: 50px;
  line-height: 50px;
  border-bottom: #dcdcdc 1px solid;
  overflow: hidden;
}
.teams01 a:nth-child(2n) {
  margin-right: 0;
}
.teams01 a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #b83029;
  content: "";
}
.teams01 a i {
  float: left;
  width: 38px;
  height: 50px;
  background: url(../images/icon/icon_167.png) left center no-repeat;
}
.teams01 a em {
  float: left;
  margin-right: 40px;
  width: 65px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  text-align: justify;
}
.teams01 a em::after {
  content: "";
  display: inline-block;
  width: 100%;
  overflow: hidden;
  height: 0;
}
.teams01 a p {
  float: left;
  width: calc(100% - 105px - 38px);
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.teams01 a.cur::before,
.teams01 a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.teams02 {
  position: relative;
  padding: 95px 0;
  min-height: 580px;
  background: url(../images/page/teams02_bac.jpg) center no-repeat;
  background-size: cover;
}
.teams02 .left {
  float: left;
  width: 25%;
  color: #fff;
}
.teams02 .left em {
  margin-bottom: 22px;
  font-size: 24px;
  font-weight: bold;
}
.teams02 .left p {
  font-size: 18px;
}
.teams02 .right {
  float: right;
  width: 75%;
  border-left: #fff 1px solid;
}
.teams02 .right a {
  margin: 0 15% 26px;
  font-size: 16px;
  color: #fff;
}
.teams02 .right a:last-child {
  margin-bottom: 0;
}
.teams02 .right a p {
  float: left;
  width: calc(100% - 110px);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.teams02 .right a i {
  float: right;
}
/*=========== p1-5 领导致辞 ===========*/
.make01 {
  padding: 165px 0 244px;
  min-height: 700px;
  background: url(../images/page/make01_bac.jpg) center no-repeat;
  background-size: cover;
}
.make01 .tit img {
  display: block;
  margin: 0 auto 80px;
}
.make01 .text {
  margin-bottom: 80px;
  font-size: 16px;
  line-height: 36px;
}
.make01 .titBox {
  /* display: flex;
        justify-content: end;
        align-items: center; */
  line-height: 37px;
}
.make01 .titBox i {
  float: right;
  margin-top: 18px;
  width: 132px;
  height: 1px;
  background: #333;
}
.make01 .titBox p {
  float: right;
  margin-left: 25px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.make02 {
  padding: 106px 0 220px;
  background: url(../images/page/make02_bac.png) left bottom no-repeat;
  background-size: 100% auto;
}
/*=========== p4-5 先进典型 ===========*/
.advanced .list a {
  border-radius: 6px;
  overflow: hidden;
}
.advanced .list a .text {
  height: 200px;
  border-color: #fff;
}
.advanced .list a .text .clearfix {
  margin-bottom: 22px;
}
.advanced .list a .text .clearfix em {
  float: left;
  padding-left: 26px;
  width: calc(100% - 80px);
  font-size: 16px;
  color: #b83028;
  background: url(../images/icon/icon_168.png) left 4px no-repeat;
}
.advanced .list a .text .clearfix span {
  float: right;
  padding-left: 24px;
  font-size: 18px;
  font-family: Arial;
  color: #c70020;
  background: url(../images/icon/icon_169.png) left center no-repeat;
}
.advanced .list a .text b {
  font-weight: normal;
}
.advanced .list a:hover .text b {
  color: #333;
}
/*=========== p6-4 城建大讲堂 ===========*/
.lecture {
  padding: 80px 0 135px;
}
.lecture .list a {
  border-radius: 6px;
  overflow: hidden;
}
.lecture .list a .text {
  height: 200px;
  border-color: #fff;
}
.lecture .list a .text i {
  font-size: 18px;
  color: #c70020;
  font-weight: bold;
}
.lecture .list a .text b {
  font-weight: normal;
}
.lecture .list a:hover .text b {
  color: #333;
}
.lecture .more {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #b9312a 1px solid;
  border-radius: 52px;
  overflow: hidden;
}
.lecture .more::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b9312a;
  content: "";
}
.lecture .more::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.lecture .more em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: url(../images/icon/icon_132.png) right center no-repeat;
}
.lecture .more:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.lecture .more:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.lecture .more:hover em {
  color: #b9312a;
  background: url(../images/icon/icon_132s.png) right center no-repeat;
}
/*=========== p6-0人才发展-列表 ===========*/
.developList {
  padding: 140px 0 10px;
  background: #fff;
}
.developList .list a {
  margin-bottom: 180px;
}
.developList .list a .pic {
  float: right;
  width: 50%;
  height: 396px;
  border-radius: 8px;
  overflow: hidden;
}
.developList .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.developList .list a .text {
  float: left;
  width: 39%;
  padding-top: 36px;
}
.developList .list a .text .t {
  margin-bottom: 20px;
}
.developList .list a .text .t b {
  position: relative;
  z-index: 2;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.developList .list a .text .t i {
  margin-top: -110px;
  font-size: 122px;
  color: #f6f6f7;
  font-family: Arial;
  font-weight: 800;
}
.developList .list a .text p {
  margin-bottom: 55px;
  line-height: 36px;
  font-size: 18px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.developList .list a:nth-child(2n) .pic {
  float: left;
}
.developList .list a:nth-child(2n) .text {
  float: right;
}
.developList .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.developList .more {
  position: relative;
  display: flex;
  width: 160px;
  height: 52px;
  text-align: center;
  border: #b9312a 1px solid;
  border-radius: 52px;
  overflow: hidden;
  cursor: pointer;
}
.developList .more::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b9312a;
  content: "";
}
.developList .more::before {
  transition: all 0.6s;
  transform: scale(0);
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  content: "";
}
.developList .more em {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding-right: 27px;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: url(../images/icon/icon_132.png) right center no-repeat;
}
.developList .more:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.developList .more:hover::before {
  transition: all 0.6s;
  transform: scale(11);
}
.developList .more:hover em {
  color: #b9312a;
  background: url(../images/icon/icon_132s.png) right center no-repeat;
}
.pop_develop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 22;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
}
.pop_develop .bor {
  padding: 60px 60px 80px;
  width: 980px;
}
.pop_develop .t {
  margin-bottom: 40px;
}
.pop_develop .t b {
  float: left;
  padding: 0 50px 36px 0;
  font-size: 38px;
  color: #333;
  font-weight: bold;
  border-bottom: #ca1a24 2px solid;
}
.pop_develop .t i {
  float: right;
  width: 25px;
  height: 25px;
  background: url(../images/icon/icon_170.png) center no-repeat;
  cursor: pointer;
}
.pop_develop .c .left {
  width: 47%;
  font-size: 16px;
  line-height: 30px;
}
.pop_develop .c .left p {
  margin-bottom: 30px;
}
.pop_develop .c .left p:last-child {
  margin-bottom: 0;
}
.pop_develop .c .right {
  width: 46%;
}
.pop_develop .c .right .swiper-slide {
  margin-bottom: 48px;
  width: 100%;
  height: 245px;
  border-radius: 8px;
  overflow: hidden;
}
.pop_develop .c .right .swiper-slide i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.pop_develop .c .right .swiper-pagination {
  display: flex;
  justify-content: end;
}
.pop_develop .c .right .swiper-pagination .swiper-pagination-bullet {
  width: 40px;
  height: 3px;
  background: #dcdcdc;
}
.pop_develop .c .right .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #cd252d;
}
.pop_develop_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 21;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
/*=========== p0-3 联系我们 ===========*/
.contact01 {
  margin-top: 100px;
  position: relative;
  background: #b82a26;
}
.contact01 .left {
  position: relative;
  width: 33%;
  height: calc(100vh - 100px);
}
.contact01 .left .pos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.contact01 .left .pos b {
  margin-bottom: 12px;
  font-size: 38px;
  font-weight: bold;
}
.contact01 .left .pos i {
  margin-bottom: 20px;
  font-size: 72px;
  color: #c84a47;
  font-weight: bold;
  white-space: nowrap;
}
.contact01 .left .pos .lie {
  margin-bottom: 80px;
  height: 1px;
  background: #fff;
}
.contact01 .left .pos dl {
  margin-bottom: 30px;
  font-size: 22px;
}
.contact01 .left .pos dl dt {
  float: left;
  padding-left: 40px;
}
.contact01 .left .pos dl dd {
  float: left;
  width: calc(100% - 120px);
}
.contact01 .right {
  position: absolute;
  right: 0;
  top: 0;
  width: 59%;
  height: calc(100vh - 100px);
}
.contact01 .right i {
  width: 100%;
  height: 100%;
}
.contact02 {
  padding: 150px 0;
  background: url(../images/page/contact02_bac.jpg) center no-repeat;
  background-size: cover;
}
.contact02 .next {
  position: relative;
  float: left;
  margin-right: 1.4%;
  width: 23.95%;
  height: 675px;
  background: #fff;
  border-radius: 6px;
}
.contact02 .next::before {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page/contact02_bac2.jpg) right bottom no-repeat;
  background-size: cover;
  content: " ";
}
.contact02 .next:last-child {
  margin-right: 0;
}
.contact02 .next .bor {
  position: relative;
  z-index: 2;
  padding: 40px 10% 0;
}
.contact02 .next .icon {
  position: relative;
  margin-bottom: 15px;
  height: 62px;
}
.contact02 .next .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 70px;
  max-height: 62px;
}
.contact02 .next .icon img.img2 {
  opacity: 0;
}
.contact02 .next b {
  margin-bottom: 22px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: #b82a26 1px solid;
}
.contact02 .next dl {
  margin-bottom: 20px;
}
.contact02 .next dl dt {
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 25px;
  font-size: 16px;
  color: #999;
}
.contact02 .next dl dd {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  font-family: Arial;
}
.contact02 .next dl dd div {
  font-size: 16px;
  line-height: 24px;
}
.contact02 .next dl.dl1 dt {
  background: url(../images/icon/icon_179.png) left center no-repeat;
}
.contact02 .next dl.dl2 dt {
  background: url(../images/icon/icon_180.png) left center no-repeat;
}
.contact02 .next dl.dl3 dt {
  background: url(../images/icon/icon_181.png) left center no-repeat;
}
.contact02 .next i {
  line-height: 26px;
  font-size: 16px;
  color: #999;
}
.contact02 .next a {
  margin-top: 16px;
  width: 60px;
  height: 60px;
  background: url(../images/icon/icon_182.png) center no-repeat;
}
.contact02 .next:hover::before {
  transition: all 0.5s;
  opacity: 1;
}
.contact02 .next:hover .icon img.img1 {
  opacity: 0;
}
.contact02 .next:hover .icon img.img2 {
  opacity: 1;
}
.contact02 .next dl dd img.img2 {
  display: none;
}
.contact02 .next:hover dl dd img.img1 {
  display: none;
}
.contact02 .next:hover dl dd img.img2 {
  display: block;
}
.contact02 .next:hover b {
  color: #fff;
  border-bottom: #fff 1px solid;
}
.contact02 .next:hover dl dt {
  color: #fff;
}
.contact02 .next:hover dl dd {
  color: #fff;
}
.contact02 .next:hover dl.dl1 dt {
  background: url(../images/icon/icon_179s.png) left center no-repeat;
}
.contact02 .next:hover dl.dl2 dt {
  background: url(../images/icon/icon_180s.png) left center no-repeat;
}
.contact02 .next:hover dl.dl3 dt {
  background: url(../images/icon/icon_181s.png) left center no-repeat;
}
.contact02 .next:hover i {
  color: #fff;
}
.contact02 .next:hover a {
  background: url(../images/icon/icon_182s.png) center no-repeat;
}


.contact02 .nextFlex {
  position: relative;
  float: left;
  margin-right: 1.4%;
  width: 23.95%;
  height: 675px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


.contact02 .nextFlex .bor {
  height: 330px;
  position: relative;
  z-index: 2;
  padding: 34px 10% 0;
  background: #fff;
  border-radius: 5px;
}

.contact02 .nextFlex .icon {
  position: relative;
  margin-bottom: 15px;
  height: 62px;
}
.contact02 .nextFlex .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 70px;
  max-height: 62px;
}
.contact02 .nextFlex .icon img.img2 {
  opacity: 0;
}
.contact02 .nextFlex b {
  margin-bottom: 22px;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  border-bottom: #b82a26 1px solid;
  color: #333;
}
.contact02 .nextFlex dl {
  margin-bottom: 20px;
}
.contact02 .nextFlex dl dt {
  margin-bottom: 10px;
  padding-left: 30px;
  line-height: 25px;
  font-size: 16px;
  color: #999;
}
.contact02 .nextFlex dl dd {
  font-size: 22px;
  color: #333;
  font-weight: bold;
  font-family: Arial;
}
.contact02 .nextFlex dl dd div {
  font-size: 16px;
  line-height: 24px;
}
.contact02 .nextFlex dl.dl1 dt {
  background: url(../images/icon/icon_179.png) left center no-repeat;
}
.contact02 .nextFlex dl.dl2 dt {
  background: url(../images/icon/icon_180.png) left center no-repeat;
}
.contact02 .nextFlex dl.dl3 dt {
  background: url(../images/icon/icon_181.png) left center no-repeat;
}
.contact02 .next dl.dl4 dt {
  background: url(../images/icon/icon_200.png) left center no-repeat;
}
.contact02 .nextFlex  .textFlex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact02 .nextFlex i {
  line-height: 26px;
  font-size: 16px;
  color: #999;
}
.contact02 .nextFlex em {
  /* margin-top: 16px; */
  width: 36px;
  height: 36px;
  background: url(../images/icon/icon_182.png) center no-repeat;
  background-size: contain;
}


.contact02 .nextFlex .bor::before{
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/page/contact02_bac2.jpg) right bottom no-repeat;
  background-size: cover;
  content: " ";
  z-index: -1;
}
.contact02 .nextFlex .bor:hover::before{
  transition: all 0.5s;
  opacity: 1;
}



.contact02 .nextFlex .bor:hover::before {
  transition: all 0.5s;
  opacity: 1;
}
.contact02 .nextFlex .bor:hover .icon img.img1 {
  opacity: 0;
}
.contact02 .nextFlex .bor:hover .icon img.img2 {
  opacity: 1;
}
.contact02 .nextFlex .bor:hover b {
  color: #fff;
  border-bottom: #fff 1px solid;
}
.contact02 .nextFlex .bor:hover dl dt {
  color: #fff;
}
.contact02 .nextFlex .bor:hover dl dd {
  color: #fff;
}
.contact02 .nextFlex .bor:hover dl.dl1 dt {
  background: url(../images/icon/icon_179s.png) left center no-repeat;
}
.contact02 .nextFlex .bor:hover dl.dl2 dt {
  background: url(../images/icon/icon_180s.png) left center no-repeat;
}
.contact02 .nextFlex .bor:hover dl.dl3 dt {
  background: url(../images/icon/icon_181s.png) left center no-repeat;
}
.contact02 .next:hover dl.dl4 dt {
  background: url(../images/icon/icon_200s.png) left center no-repeat;
}
.contact02 .nextFlex .bor:hover i {
  color: #fff;
}
.contact02 .nextFlex .bor:hover em {
  background: url(../images/icon/icon_182s.png) center no-repeat;
  background-size: contain;
}