sup {
  vertical-align: super;
  font-size: smaller;
}

.title {
  margin-bottom: 46px;
  line-height: 52px;
}

.title .left b {
  font-size: 36px;
  color: #333;
  font-weight: bold;
}

.title .right .more {
  padding-right: 60px;
  font-size: 16px;
  color: #666;
  background: url(../images/icon/icon_43.png) right center no-repeat;
  background-size: 40px auto;
}

.title .right .more:hover {
  color: #e79d00;
  background-image: url(../images/icon/icon_20s.png);
}

.title.white .left b {
  color: #ffffff;
}

.title.white .right .more {
  color: #fff;
  background-image: url(../images/icon/icon_20ss.png);
  background-size: 41px auto;
}

.resource04 .title.white .right .more {
  position: relative;
  padding-right: 52px;
  background: none;
}

.resource04 .title.white .right .more::after {
  transition: all 0.5s;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  background: url(../images/icon/icon_125.png) left -36px center no-repeat;
  background-size: auto 36px;
  overflow: hidden;
  content: " ";
}

.resource04 .btn_icon_sty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 170px;
  height: 46px;
  border-radius: 60px;
  /*background: url(../images/icon/icon_22.png) center no-repeat;*/
  border: 1px solid  #ffffff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.resource04 .btn_icon_sty span {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  padding-left: 30px;
}

.resource04 .btn_icon_sty div {
  margin-right: 5px;
  width: 32px;
  height: 32px;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resource04 .btn_icon_sty div::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: transform 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.2s, width 0.2s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
}

.resource04 .btn_icon_sty div i {
  width: 37px;
  height: 14px;
  background: url(../images/icon/icon_21.png)left 12px center no-repeat;
  background-size: contain;
}

.resource04 .btn_icon_sty:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.resource04 .btn_icon_sty:hover span {
  color: #f5a200;
}

.resource04 .btn_icon_sty:hover div::before {
  transform: scale(2);
  width: 1300%;
  transition: transform 0.2s cubic-bezier(0.25, 0.74, 0.22, 0.99), width 0.1s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.1s;
}

.resource04 .title.white .right .more:hover::after {
  transition: all 0.5s;
  background-position: left 0 center;
}

.resource04 .title.white .right {
  display: flex;
  align-items: center;
}

.title.white .right em {
  width: 41px;
  height: 41px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 21px;
  position: relative;
}

.title.white .right em:after {
  transition: all 0.5s;
  position: absolute;
  left: -41px;
  bottom: 0;
  width: 82px;
  height: 41px;
  background: url(../images/icon/iocn_126.png) center no-repeat;
  content: " ";
}

.title.white .right:hover em:after {
  transition: all 0.5s;
  left: 0;
}

/*视频播放弹窗*/
.pop_video {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 31;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1341px;
  background: #000;
}

.pop_video video {
  width: 100%;
}

.pop_video i {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon_63.png) center no-repeat;
  cursor: pointer;
}

.pop_video_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.content {
  position: relative;
  z-index: 2;
}

.footer {
  margin-top: -100px;
}

@media (max-width: 1200px) {
  .title {
    margin-bottom: 0.46rem;
    line-height: 0.5rem;
  }

  .title .left b {
    font-size: 0.4rem;
  }

  .title .right .more {
    padding-right: 0.6rem;
    font-size: 0.26rem;
    background-size: 0.5rem auto;
  }

  .swiper-pagination {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-pagination.swiper-pagination-clickable {
    margin-top: 0.4rem;
  }

  .swiper-pagination.swiper-pagination-lock {
    margin-top: 0;
  }

  .swiper-pagination .swiper-pagination-bullet {
    transition: all 0.5s;
    opacity: 1;
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.14rem;
    background: #dadada;
  }

  .swiper-pagination .swiper-pagination-bullet-active {
    transition: all 0.5s;
    width: 0.3rem;
    background: #f5a200;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }
}

/*================ p1-0 关于我们 ================*/
.about01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 150px 0 80px;
  background: url(../images/page/bac_fff.png) center top no-repeat;
  background-size: 100% auto;
}

.about01::before {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 200px);
  background: #fff;
  content: "";
}

.about01 .next {
  margin-top: 98px;
}

.about01 .logo {
  display: none;
  margin-bottom: 25px;
  max-width: 298px;
  width: 80%;
}

.about01 .logo img {
  max-width: 100%;
}

.about01 .left {
  float: left;
  width: 27.14%;
}

.about01 .left .logo {
  display: block;
}

.about01 .left .bot .box {
  position: relative;
  padding: 22px 0;
  border-bottom: #dcdcdc 1px solid;
}

.about01 .left .bot .box .clearfix {
  display: flex;
  margin-bottom: 6px;
}

.about01 .left .bot .box span {
  font-size: 48px;
  font-family: "DINBold";
  color: #f5a200;
  font-weight: bold;
}

.about01 .left .bot .box b {
  font-size: 30px;
  color: #cc8738;
  font-weight: bold;
}

.about01 .left .bot .box i {
  margin: 27px 0 0 4px;
  font-size: 20px;
  color: #cc8738;
  font-weight: bold;
}

.about01 .left .bot .box em {
  font-size: 16px;
  color: #a4a4a4;
}

.about01 .text {
  float: right;
  width: 66.78%;
  font-size: 16px;
  line-height: 36px;
  color: #666;
  text-indent: 2em;
}

.about01 .text p {
  margin-bottom: 10px;
}

.about01 .text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .about01 {
    margin-top: -0.25rem;
    padding: 0.97rem 0 0.8rem;
    background-image: url(../images/mobile/page/bac_fff.png);
  }

  .about01::before {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .about01 .next {
    margin-top: 0.7rem;
  }

  .about01 .logo {
    display: block;
    margin-bottom: 0.5rem;
    max-width: 3rem;
    width: 60%;
  }

  .about01 .left {
    width: 100%;
  }

  .about01 .left .logo {
    display: none;
  }

  .about01 .left .bot .box {
    float: left;
    width: 50%;
    padding: 0.1rem 0 0.4rem;
  }

  .about01 .left .bot .box .clearfix {
    margin-bottom: 0.12rem;
  }

  .about01 .left .bot .box span {
    font-size: 0.8rem;
  }

  .about01 .left .bot .box b {
    font-size: 0.4rem;
  }

  .about01 .left .bot .box i {
    margin: 0.54rem 0 0 4px;
    font-size: 0.26rem;
  }

  .about01 .left .bot .box em {
    font-size: 0.26rem;
  }

  .about01 .left .bot .box:nth-child(3) {
    width: 100%;
  }

  .about01 .text {
    width: 100%;
    font-size: 0.28rem;
    line-height: 0.46rem;
  }

  .about01 .text p {
    margin-bottom: 0.3rem;
  }
}

.about02 {
  margin-bottom: 40px;
  position: relative;
  cursor: pointer;
}

.about02 .part2 {
  position: relative;
  height: 560px;
  overflow: hidden;
}

.about02 .part2 .proImg1 {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

.about02 .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding-top: 80px;
  font-size: 16px;
  color: #fff;
  background: url(../images/icon/icon_46.png) center top no-repeat;
}

@media (max-width: 1200px) {
  .about02 {
    margin-bottom: 0.3rem;
  }

  .about02 .part2 {
    height: 3.9rem;
  }

  .about02 .icon {
    padding-top: 1.2rem;
    font-size: 0.26rem;
    background-size: 0.78rem auto;
  }
}

.about03 {
  padding-bottom: 138px;
}

.about03 a {
  position: relative;
  /* float: left; */
  /* margin-right: 0.7%; */
  width: 49%;
}

.about03 .w1400_2 {
  display: flex;
  justify-content: space-between;

}

/* .about03 a:nth-child(1) {
  width: 49.6%;
} */
/* .about03 a:nth-child(3) {
  margin-right: 0;
} */
.about03 a .pic {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.about03 a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.about03 a .pos {
  position: absolute;
  left: 8.7%;
  top: 60px;
  color: #fff;
}

.about03 a .pos .top {
  margin-bottom: 60px;
}

.about03 a .pos .top b {
  padding-bottom: 36px;
  font-size: 30px;
  font-weight: bold;
  /*background: url(../images/icon/icon_20ss.png) left bottom no-repeat;*/
  background-size: 50px auto;
}

/* .about03 a .pos .top em{
  width: 60px;
    height: 60px;
    border: 1px solid #ffffff;
    background-size: contain;
    margin-top: 30px;
    transition: all 0.5s;
    background: #ffffff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
} */
.about03 a .pos .top em {
  width: 62px;
  height: 62px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.about03 a .pos .top em:after {
  transition: all 0.5s;
  position: absolute;
  left: -62px;
  bottom: 0;
  width: 124px;
  height: 62px;
  background: url(../images/icon/icon_125.png) center no-repeat;
  content: " ";
}

.about03 a .pos .top em:hover:after {
  transition: all 0.5s;
  left: 0;
}

.about03 a .pos .bot b {
  margin-bottom: 20px;
  font-size: 24px;
}

.about03 a .pos .bot i {
  margin-bottom: 18px;
  width: 100px;
  height: 1px;
  background: #fff;
}

.about03 a .pos .bot p {
  line-height: 30px;
  font-size: 16px;
}

.about03 a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

.about03 a .pic .pmImng {
  display: none;
}

@media (max-width: 1200px) {
  .about03 {
    padding-bottom: 0;
  }

  .about03 a {
    margin: 0 4% 0.28rem 0;
    width: 48%;
  }

  .about03 a .pic .pcImg {
    display: none;
  }

  .about03 a .pic .pmImng {
    display: block;
  }

  /* .about03 a:nth-child(1) {
    margin-right: 0;
    width: 100%;
  } */
  /* .about03 a:nth-child(1) .pic {
    height: 4.3rem;
  } */
  /* .about03 a:nth-child(1) .pos .top b {
    padding-bottom: 0;
    background: none;
  } */
  .about03 a:nth-child(2) {
    margin-right: 0;
  }

  .about03 a .pos .top em {
    width: 0.8rem;
    height: 0.8rem;
  }

  .about03 a .pos .top em:after {
    width: 1.24rem;
    height: 0.8rem;
    background-size: 100% auto;
    left: -0.56rem;
  }

  .about03 a .pic {
    width: 100%;
    height: 4.5rem;
  }

  .about03 a .pos {
    left: 0.4rem;
    top: 0.55rem;
  }

  .about03 a .pos .top {
    margin-bottom: 1.1rem;
  }

  .about03 a .pos .top b {
    padding-bottom: 0.8rem;
    font-size: 0.4rem;
    background-size: 0.77rem auto;
  }

  .about03 a .pos .bot b {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }

  .about03 a .pos .bot i {
    margin-bottom: 0.3rem;
    width: 1rem;
    height: 0.03rem;
  }

  .about03 a .pos .bot p {
    line-height: 0.4rem;
    font-size: 0.26rem;
  }

  .about03 a:hover .pic i {
    transition: all 0.5s;
    transform: scale(1.1);
  }
}

.about04 {
  padding: 120px 0 140px;
  background: url(../images/page/about04_bac.jpg) center top no-repeat;
  background-size: cover;
}

.about04 .pc {
  display: block;
}

.about04 .mobile {
  display: none;
}

.about04 .next {
  position: relative;
  margin: 60px auto 0;
  padding-bottom: 4vw;
  width: 84.375%;
  background: url(../images/page/about04_bac2.png) left bottom no-repeat;
  background-size: 100% auto;
}

.about04 .next .mySwiper2 {
  margin: 0 auto;
  width: calc(100% - 200px);
}

.about04 .next .swiper-slide {
  transition: all 0.5s;
  margin: 20px 1.6% 0 0;
  width: 23.8%;
  /* background: url(../images/page/about04_bac3.png) center no-repeat;
  background-size: contain; */
}
.about04 .next .swiper-slide .nextImg{
  width: 100%;
  /* height: 14.11vw; */
}
.about04 .next .swiper-slide img{
  width: 100%;
  /* height: 100%;
  object-fit: contain; */
}
.about04 .next .swiper-slide .nextTit{
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin: 6px 0;
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.about04 .next .swiper-slide .text {
  position: absolute;
  left: 10%;
  top: 3.16vw;
  width: 80%;
}

.about04 .next .swiper-slide .text p {
  font-size: 20px;
  line-height: 30px;
  color: #c36502;
  text-align: center;
}

.about04 .next .swiper-slide em {
  position: absolute;
  left: 5%;
  bottom: 20px;
  width: 90%;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.about04 .next .swiper-slide:hover {
  transition: all 0.5s;
  margin-top: 0;
}

.about04 .swiper-pagination {
  display: none;
}

.about04 .swiper-button-next,
.about04 .swiper-button-prev {
  top: 50%;
  margin-top: -43px;
  width: 56px;
  height: 56px;
}

.about04 .swiper-button-prev {
  left: 0;
  background: url(../images/icon/icon_19.png) center no-repeat;
  background-size: 100% auto;
}

.about04 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_19s.png);
}

.about04 .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_20.png) center no-repeat;
  background-size: 100% auto;
}

.about04 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_20s.png);
}

@media (max-width: 1200px) {
  .about04 {
    padding: 0.85rem 0 1.2rem;
    background-image: url(../images/mobile/page/about04_bac.jpg);
  }

  .about04 .next {
    margin: 0.9rem auto 0;
    padding-bottom: 0.5rem;
    width: 94%;
    background-image: url(../images/mobile/page/about04_bac2.png);
  }

  .about04 .next .mySwiper2 {
    margin: 0 auto;
    width: calc(100% - 1.46rem);
  }

  .about04 .next .swiper-slide {
    margin: 0;
    width: 100%;
    height: 4.5rem;
    /* background: url(../images/page/about04_bac3.png) center no-repeat;
    background-size: contain; */
  }

  .about04 .next .swiper-slide .text {
    top: 1.05rem;
  }

  .about04 .next .swiper-slide .text p {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }

  .about04 .next .swiper-slide em {
    bottom: 0.36rem;
    font-size: 0.28rem;
  }

  .about04 .next .swiper-slide:hover {
    margin-top: 0;
  }

  .about04 .swiper-button-next,
  .about04 .swiper-button-prev {
    margin-top: -0.45rem;
    width: 0.6rem;
    height: 0.6rem;
  }
  .about04 .next .swiper-slide .nextTit{
    font-size: 0.32rem;
    padding: 0.1rem 0;
    margin-top: 0.1rem;
  }
}

.about05 {
  padding: 110px 0 0;
  background: url(../images/page/about05_bac.jpg) center no-repeat;
  background-size: cover;
}

.about05 .title.white .left b {
  color: #333333;
}

.about05 .title .right {
  position: relative;
  margin-top: -4px;
  width: 140px;
  height: 56px;
}

.about05 .mySwiper3 {
  margin: 100px 0 110px 13.545%;
}

.about05 .swiper-slide {
  padding: 0 0 6px 6px;
  width: 28.5%;
}

.about05 .swiper-slide .bor {
  position: relative;
  padding: 0 20px 0 20px;
  height: 270px;
  color: #e39f27;
  border-left: #e39f27 1px solid;
  border-bottom: #e39f27 1px solid;
}

.about05 .swiper-slide .bor::before {
  position: absolute;
  left: -6px;
  bottom: -6px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #e39f27;
  content: "";
}

.about05 .swiper-slide b {
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 40px;
  font-family: "DINBold";
}

.about05 .swiper-slide .text {
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  height: 185px;
  padding-right: 10px;
  overflow: hidden;
  overflow-y: auto;
}

.about05 .swiper-slide .text p {
  position: relative;
  padding-left: 20px;
}

.about05 .swiper-slide .text p:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f5a200;
  position: absolute;
  left: 0;
  top: 8px;
}

.about05 .swiper-slide .text::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}

.about05 .swiper-slide .text::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 5px;
  background-color: #e69c03;
}

.about05 .swiper-slide .text::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 5px;
  background: #e9e9e9;
  /*background: url(../images/icon/icon_74.png) center repeat-y;*/
}

.about05 .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
}

.about05 .swiper-button-next,
.about05 .swiper-button-prev {
  opacity: 1;
  top: 0;
  margin-top: 0;
  width: 56px;
  height: 56px;
}

.about05 .swiper-button-prev {
  left: 0;
  background: url(../images/icon/icon_19ss.png) center no-repeat;
  background-size: 100% auto;
}

.about05 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_19s.png);
}

.about05 .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_20ss.png) center no-repeat;
  background-size: 100% auto;
}

.about05 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_20s.png);
}

.about05 .tab_title {
  display: flex;
  flex-wrap: wrap;
}

.about05 .tab_title .title_mode {
  position: relative;
  display: flex;
  justify-content: center;
  width: 25%;
  height: 198px;
  background: #e7bf62;
  cursor: pointer;
}

.about05 .tab_title .title_mode::before {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 198px;
  background: url(../images/icon/icon_83.png) center top no-repeat;
  background-size: cover;
  content: "";
}

.about05 .tab_title .title_mode::after {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%);
  width: 18px;
  height: 20px;
  background: url(../images/icon/icon_117.png) center top no-repeat;
  background-size: 100% auto;
  z-index: 22;
  content: "";
}

.about05 .tab_title .title_mode:last-child::after {
  left: -18px;
  transform: rotate(180deg);
}

.about05 .tab_title .title_mode .bor {
  position: relative;
  z-index: 2;
  width: 60%;
  color: #fff;
}

.about05 .tab_title .title_mode .t {
  display: flex;
  margin-bottom: 30px;
  padding-top: 48px;
}

.about05 .tab_title .title_mode .t b {
  font-size: 26px;
  font-weight: 700;
}

.about05 .tab_title .title_mode .t p {
  margin: 11px 0 0 6px;
  font-size: 18px;
}

.about05 .tab_title .title_mode .b {
  font-size: 16px;
}

.about05 .tab_title .title_mode.cur::before {
  transition: all 0.5s;
  opacity: 1;
}

.about05 .tab_title .title_mode.cur::after {
  transition: all 0.5s;
  opacity: 1;
}

@media (max-width: 1200px) {
  .about05 {
    padding: 0.9rem 0 0;
    background-image: url(../images/mobile/page/about05_bac.jpg);
  }

  .about05 .title .right {
    margin-top: -0.05rem;
    width: 1.4rem;
    height: 0.6rem;
  }

  .about05 .mySwiper3 {
    margin: 0.9rem 0 1rem 0.4rem;
  }

  .about05 .swiper-slide {
    padding: 0 0 5px 5px;
    width: 66%;
  }

  .about05 .swiper-slide .bor {
    padding: 0 0.4rem;
    height: 3.5rem;
  }

  .about05 .swiper-slide .bor::before {
    left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
  }

  .about05 .swiper-slide b {
    margin-bottom: 0.3rem;
    font-size: 0.58rem;
    line-height: 0.4rem;
  }

  .about05 .swiper-slide .text {
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 2.4rem;
    padding-right: 0.15rem;
  }

  .about05 .swiper-button-next,
  .about05 .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
  }

  .about05 .tab_title .title_mode {
    width: 50%;
    height: auto;
    background: rgba(0, 0, 0, 0.2);
  }

  .about05 .tab_title .title_mode:nth-child(1),
  .about05 .tab_title .title_mode:nth-child(2) {
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
  }

  .about05 .tab_title .title_mode:nth-child(2),
  .about05 .tab_title .title_mode:nth-child(4) {
    width: calc(50% - 1px);
    border-left: rgba(255, 255, 255, 0.5) 1px solid;
  }

  .about05 .tab_title .title_mode::before {
    top: 0;
    height: 100%;
    background-image: url(../images/mobile/icon/icon_83.png);
    background-size: cover;
  }

  .about05 .tab_title .title_mode::after {
    display: none;
  }

  .about05 .tab_title .title_mode .bor {
    padding: 0.5rem 0;
    width: calc(100% - 0.6rem);
  }

  .about05 .tab_title .title_mode .t {
    margin-bottom: 0.3rem;
    padding-top: 0;
  }

  .about05 .tab_title .title_mode .t b {
    font-size: 0.35rem;
  }

  .about05 .tab_title .title_mode .t p {
    margin: 0.12rem 0 0 0.12rem;
    font-size: 0.24rem;
  }

  .about05 .tab_title .title_mode .b {
    font-size: 0.24rem;
  }

  .about05 .tab_title .title_mode.cur::before {
    transition: all 0.5s;
    opacity: 1;
  }
}

.about06 {
  padding: 110px 0 100px;
  background: #f8f8f8;
}

.about06 .title.white .left b {
  color: #333333;
}

.about06 a {
  float: left;
  margin-bottom: 10px;
  width: 49.65%;
}

.about06 a:nth-child(1) {
  margin-right: 0.7%;
  background: #ffffff url(../images/icon/icon_64s.png) right bottom no-repeat;
  background-size: 100% auto;
}

.about06 a:nth-child(2) {
  background: #ffffff url(../images/icon/icon_65s.png) right bottom no-repeat;
  background-size: 100% auto;
}

.about06 a:nth-child(3) {
  width: 100%;
  background: #ffffff url(../images/icon/icon_66s.png) right bottom no-repeat;
  background-size: 100% auto;
}

.about06 a:nth-child(3) dl {
  padding: 36px 4.5vw;
  height: auto;
  background: #ffffff;
  border-bottom: 1px solid #dddddd;
}

.about06 a:nth-child(3) dl dt {
  margin-bottom: 0;
}

.about06 a dl {
  padding: 50px 4.5vw 0;
  height: 200px;
}

.about06 a dl dt {
  display: flex;
  margin-bottom: 28px;
}

.about06 a dl dt img {
  margin-right: 22px;
  max-height: 53px;
}

.about06 a dl dt b {
  line-height: 53px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}

.about06 a dl dd {
  line-height: 32px;
  font-size: 16px;
  color: #666;
}

.about06 a .list {
  display: flex;
  padding: 37px 0 45px 4.5vw;
}

.about06 a .list li {
  position: relative;
  width: 50%;
}

.about06 a .list li::before {
  position: absolute;
  right: 2vw;
  top: 0;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  content: "";
}

.about06 a .list li:last-child::before{
  display: none;
}

/*.about06 a .list li:nth-child(1) {
  width: 16%;
}

.about06 a .list li:nth-child(2) {
  width: 30%;
}

.about06 a .list li:nth-child(3) {
  width: 32%;
}

.about06 a .list li:nth-child(4) {
  width: 22%;
}

.about06 a .list li:nth-child(4)::before {
  display: none;
}

.about06 a .list li:nth-child(4) .bor {
  margin-right: 1vw;
}*/

.about06 a .list li .bor {
  margin-right: 2vw;
}

.about06 a .list li .top {
  display: flex;
  margin-bottom: 25px;
}

.about06 a .list li .top i {
  margin-right: 2px;
  line-height: 50px;
  font-size: 48px;
  color: #f5a200;
  font-family: "DINBold";
}

.about06 a .list li .top em {
  margin-top: 15px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.about06 a .list li .text {
  padding-right: 1vw;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.about06 .w1400_2 {
  overflow: hidden;
}

.about06 .nextBox {
  width: calc(100% - 200px);
  background: none;
  padding: 60px 100px 84px;
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  margin-top: 30px;
  transform: scale(1);
  transition: all 0.5s;
  position: relative;
}

.about06 .nextBox::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/icon/iocn_127.png)center no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transform: scale(1);
  transition: all 0.5s;
}

/* .about06 .w1400_2:hover .nextBox::after {
  transform: scale(1.3);
  transition: all 0.5s;

} */

/* .about06 .w1400_2:hover .nextBox::before {
  transform: scale(1.1);
  transition: all 0.5s;

} */

.about06 .nextBox::after {
  content: '';
  width: 115px;
  height: 220px;
  background: url(../images/icon/iocn_128.png)center no-repeat;
  background-size: contain;
  position: absolute;
  top: -30px;
  right: 6.9%;
  transform: scale(1);
  transition: all 0.5s;
}

.about06 .nextTitle {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
}

.about06 .nextTxt {
  font-size: 16px;
  color: #ffffff;
  margin-top: 10px;
}

.about06 .nextList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.about06 .nextList .listItem {
  width: auto;
  margin-right: 8px;
  margin-top: 10px;
  background: none;
  margin-bottom: 0;
 transition: all 0.5s;
}
.about06 .nextList .listItem p{
  padding: 11px 14px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
}
.about06 .nextList .listItem:hover{
  margin-top: 5px;
 transition: all 0.5s;

}

.about06 .nextList .listItem:last-child {
  margin-right: 0;
}

.about06 .m_next {
  display: none;
}


@media (max-width:1584px) {
  .about06 .nextList .listItem {
    margin-top: 20px;
  }
  .about06 .nextList .listItem:hover{
    margin-top: 16px;
   transition: all 0.5s;

  }
  .about06 .nextList {
    min-height: 130px;
  }
}
@media (max-width: 1200px) {
  .about06 {
    padding: 0.76rem 0 0.97rem;
    background: #ffffff;
  }

  .about06 a {
    margin-bottom: 0.3rem;
    width: 100%;
  }

  .about06 a:nth-child(1) {
    margin-right: 0;
    background: #f8f8f8 url(../images/icon/icon_64ss.png) right bottom no-repeat;
    background-size: 100% auto;
  }

  .about06 a:nth-child(2) {
    background: #f8f8f8 url(../images/icon/icon_65ss.png) right bottom no-repeat;
    background-size: 100% auto;
  }

  .about06 a:nth-child(3) {
    width: 100%;
    background: #f8f8f8 url(../images/icon/icon_66ss.png) right bottom no-repeat;
    background-size: 100% auto;
  }

  .about06 a:nth-child(3) dl {
    padding: 0.5rem 0.4rem;
    background: #f8f8f8f8;
    border-bottom: none;
  }

  .about06 a dl {
    padding: 0.5rem 0.4rem;
    height: auto;
  }

  .about06 a dl dt {
    margin-bottom: 0.4rem;
  }

  .about06 a dl dt img {
    margin-right: 0.25rem;
    max-height: 0.58rem;
  }

  .about06 a dl dt b {
    line-height: 0.58rem;
    font-size: 0.36rem;
  }

  .about06 a dl dd {
    line-height: 0.4rem;
    font-size: 0.26rem;
  }

  .about06 a .list {
    flex-wrap: wrap;
    padding: 0.5rem 0 0.27rem 0.4rem;
  }

  .about06 a .list li {
    margin-bottom: 0.5rem;
  }

  .about06 a .list li::before {
    right: 0.4rem;
  }

  .about06 a .list li:nth-child(1),
  .about06 a .list li:nth-child(2),
  .about06 a .list li:nth-child(3),
  .about06 a .list li:nth-child(4) {
    width: 50%;
  }

  .about06 a .list li:nth-child(2n)::before {
    display: none;
  }

  .about06 a .list li:nth-child(2n) .text {
    padding-right: 0;
  }

  .about06 a .list li:nth-child(4) .bor {
    margin-right: 0.4rem;
  }

  .about06 a .list li .bor {
    margin-right: 0.4rem;
  }

  .about06 a .list li .top {
    margin-bottom: 0.15rem;
  }

  .about06 a .list li .top i {
    line-height: 0.4rem;
    font-size: 0.68rem;
  }

  .about06 a .list li .top em {
    margin-top: 0.07rem;
    font-size: 0.32rem;
  }

  .about06 a .list li .text {
    padding-right: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.4rem;
  }

  .about06 .nextBox {
    display: none;
  }

  .about06 .aboutNext .m_next {
    display: block;
    margin: 0;
    position: relative;
    background: none;
  }


  .about06 a .pic {
    overflow: hidden;
    width: 100%;
    height: 4.5rem;
  }

  .about06 a .pic i {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
  }

  .about06 a .pos {
    position: absolute;
    color: #fff;
    left: 0.4rem;
    top: 0.55rem;
  }

  .about06 a .pos .top {
    margin-bottom: 1.1rem;
  }

  .about06 a .pos .top b {
    font-weight: bold;
    font-size: 0.4rem;
  }

  .about06 a .pos .bot b {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }

  .about06 a .pos .bot i {
    margin-bottom: 0.3rem;
    width: 1rem;
    height: 0.03rem;
    background: #fff;
  }

  .about06 a .pos .bot p {
    line-height: 0.4rem;
    font-size: 0.26rem;
  }
}

.about07 {
  position: relative;
}

.about07 .pos_mode {
  float: left;
  width: 38.5%;
  height: 730px;
  background: url(../images/page/about07_bac.jpg) center no-repeat;
  background-size: cover;
}

.about07 .pos_mode .bor {
  padding: 130px 3.6vw 0 8.5vw;
}

.about07 .pos_mode .top {
  margin-bottom: 90px;
}

.about07 .pos_mode .top b {
  font-size: 46px;
  opacity: 0.16;
  color: #fff;
  font-family: "Aemstel";
}

.about07 .pos_mode .top p {
  margin-top: -28px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

.about07 .pos_mode .bot .icon .iconBox {
  float: left;
  position: relative;
  margin: 0 22px 48px 0;
  width: 58px;
  height: 58px;
  cursor: pointer;
}

.about07 .pos_mode .bot .icon .iconBox:nth-child(5n) {
  margin-right: 0;
}

.about07 .pos_mode .bot .icon .iconBox i {
  position: relative;
  transition: all 0.5s;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #fff;
  overflow: hidden;
}

.about07 .pos_mode .bot .icon .iconBox i::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 58px;
  height: 116px;
  content: " ";
}

.about07 .pos_mode .bot .icon .iconBox .pos {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  bottom: 72px;
  transform: translateX(-50%);
  z-index: 3;
  width: 108px;
  height: 0px;
  background: url(../images/icon/icon_75.png) left top no-repeat;
  overflow: hidden;
}

.about07 .pos_mode .bot .icon .iconBox .pos div {
  padding: 0 2px 14px;
}

.about07 .pos_mode .bot .icon .iconBox .pos img {
  width: 104px;
  height: 104px;
}

.about07 .pos_mode .bot .icon .iconBox .pos2 {
  transition: all 0.5s;
  position: absolute;
  left: -7px;
  bottom: 72px;
  z-index: 3;
  width: 234px;
  height: 0;
  background: url(../images/icon/icon_81.png) left top no-repeat;
  overflow: hidden;
}

.about07 .pos_mode .bot .icon .iconBox .pos2 p {
  line-height: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.about07 .pos_mode .bot .icon .iconBox:hover i::before {
  transition: all 0.5s;
  top: -58px;
}

.about07 .pos_mode .bot .icon .iconBox:hover .pos {
  transition: all 0.5s;
  height: 119px;
}

.about07 .pos_mode .bot .icon .iconBox:hover .pos2 {
  transition: all 0.5s;
  height: 58px;
}

.about07 .pos_mode .bot .icon .iconBox.wx i::before {
  background: url(../images/icon/icon_77.png) center no-repeat;
}

.about07 .pos_mode .bot .icon .iconBox.yx i::before {
  background: url(../images/icon/icon_82.png) center no-repeat;
}

.about07 .pos_mode .bot dl {
  margin-bottom: 20px;
}

.about07 .pos_mode .bot dl dt {
  display: flex;
  align-items: center;
  float: left;
  width: 30px;
  height: 30px;
}

.about07 .pos_mode .bot dl dd {
  float: left;
  width: calc(100% - 40px);
  line-height: 30px;
  font-size: 18px;
  color: #fff;
}

.about07 .pic {
  float: left;
  width: 61.5%;
  height: 730px;
  overflow: hidden;
}

.about07 .pic i {
  width: 100%;
  height: 100%;
}

.about07 .pic .pc {
  display: block;
}

.about07 .pic .mobile {
  display: none;
}

@media (max-width: 1200px) {
  .about07 .pos_mode {
    /*width: 100%;*/
    /*height: auto;*/
    right: 0.7rem;
    top: 4.1rem;
    margin-top: 0;
    width: calc(100% - 1.4rem);
    min-width: 4rem;
    height: auto;
    position: absolute;
  }

  .about07 .pos_mode .bor {
    padding: 0.6rem 0.4rem 0.8rem;
  }

  .about07 .pos_mode .top {
    margin-bottom: 0.7rem;
  }

  .about07 .pos_mode .top b {
    font-size: 0.48rem;
    opacity: 0.16;
  }

  .about07 .pos_mode .top p {
    margin-top: -0.24rem;
    font-size: 0.4rem;
  }

  .about07 .pos_mode .bot .icon .iconBox {
    margin: 0 0.35rem 0.48rem 0;
    width: 0.7rem;
    height: 0.7rem;
  }

  .about07 .pos_mode .bot .icon .iconBox i {
    width: 0.7rem;
    height: 0.7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }

  .about07 .pos_mode .bot .icon .iconBox i::before {
    display: none;
  }

  .about07 .pos_mode .bot .icon .iconBox .pos {
    bottom: 0.8rem;
    width: 2.16rem;
    height: 0px;
    background-size: 100% auto;
  }

  .about07 .pos_mode .bot .icon .iconBox .pos div {
    padding: 0 0.04rem 0.28rem;
  }

  .about07 .pos_mode .bot .icon .iconBox .pos img {
    width: 2.08rem;
    height: 2.08rem;
  }

  .about07 .pos_mode .bot .icon .iconBox .pos2 {
    left: 0;
    bottom: 0.8rem;
    width: 3.42rem;
    height: 0;
    background-image: url(../images/mobile/icon/icon_81.png);
    background-size: 100% auto;
  }

  .about07 .pos_mode .bot .icon .iconBox .pos2 p {
    line-height: 0.78rem;
    font-size: 0.26rem;
  }

  .about07 .pos_mode .bot .icon .iconBox:hover .pos,
  .about07 .pos_mode .bot .icon .iconBox.cur .pos {
    transition: all 0.5s;
    height: 2.38rem;
  }

  .about07 .pos_mode .bot .icon .iconBox:hover .pos2,
  .about07 .pos_mode .bot .icon .iconBox.cur .pos2 {
    height: 0.89rem;
  }

  .about07 .pos_mode .bot .icon .iconBox.wx i {
    background-image: url(../images/mobile/icon/icon_77.png);
  }

  .about07 .pos_mode .bot .icon .iconBox.yx i {
    background-image: url(../images/mobile/icon/icon_82.png);
  }

  .about07 .pos_mode .bot dl {
    margin-bottom: 0.3rem;
  }

  .about07 .pos_mode .bot dl dt {
    margin-right: 0.3rem;
    width: 0.3rem;
    height: 0.42rem;
  }

  .about07 .pos_mode .bot dl dt img {
    width: 100%;
  }

  .about07 .pos_mode .bot dl dd {
    width: calc(100% - 40px);
    line-height: 0.42rem;
    font-size: 0.26rem;
  }

  .about07 .pic {
    width: 100%;
    height: 10.5rem;
  }

  .about07 .pic .pc {
    display: none;
  }

  .about07 .pic .mobile {
    display: block;
  }
}

/*================ p1-4-企业文化 ================*/
.culture {
  position: relative;
}

.culture .mode_right {
  margin-left: 27.85%;
}

.culture .title {
  margin-bottom: 70px;
}

.culture .title .left b {
  margin-bottom: 13px;
}

.culture .title .left p {
  line-height: 41px;
  font-size: 24px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.culture .cultureLeft {
  position: absolute;
  left: 13.545%;
  top: 930px;
  z-index: 3;
  margin-top: 120px;
  width: 16%;
  background: url(../images/page/cultureLeft_bac.jpg) left top no-repeat;
  background-size: cover;
}

.culture .cultureLeft .bor {
  padding: 30px 6% 30px 16%;
}

.culture .cultureLeft a p {
  padding-left: 30px;
  line-height: 55px;
  font-size: 18px;
  color: #333;
  background: url(../images/icon/icon_45s.png) left center no-repeat;
  background-size: auto 18px;
}

.culture .cultureLeft a.cur p {
  color: #f5a200;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .culture .mode_right {
    margin-left: 0;
  }

  .culture .title {
    margin-bottom: 0.6rem;
  }

  .culture .title .left b {
    margin-bottom: 0.16rem;
  }

  .culture .title .left p {
    line-height: 0.5rem;
    font-size: 0.32rem;
    font-weight: bold;
  }

  .culture .cultureLeft
   {
    display: none;
  }
  .culture .anchor{
      top: -1.2rem;
  }
}

.culture01 {
  position: relative;
  /* z-index: 2;
    margin-top: -100px; */
  padding: 120px 0 160px;
  background: #fbfbfb;
  /* background: url(../images/page/bac_fff.png) center top no-repeat;
    background-size: 100% auto; */
}

.culture01::before {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 200px);
  background: #fff;
  content: "";
}

.culture01 .w1400_2 {
  position: relative;
  z-index: 2;
}

.culture01 .pos_text {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 160px;
  color: #eee;
  font-weight: bold;
  opacity: 0.4;
}

.culture01 .top {
  margin-bottom: 30px;
  display: block;
}

.culture01 .top b {
  margin-bottom: 27px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}

.culture01 .top i {
  margin-bottom: 8px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.culture01 .top p {
  font-size: 24px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.culture01 .left {
  float: left;
  width: 23.2%;
}

.culture01 .left img {
  width: 100%;
}

.culture01 .left .top {
  display: none;
}

.culture01 .right {
  float: right;
  width: 67.2%;
}

.culture01 .right .text {
  font-size: 16px;
  line-height: 36px;
  color: #333;
}

@media (max-width: 1200px) {
  .culture01 {
    margin-top: -0.25rem;
    padding: 1.2rem 0 0.8rem;
    background-image: url(../images/mobile/page/bac_fff.png);
  }

  .culture01::before {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .culture01 .pos_text {
    display: none;
  }

  .culture01 .top {
    margin: 0.2rem auto 0.3rem;
    display: block;
  }

  .culture01 .top b {
    margin-bottom: 0.4rem;
    font-size: 0.4rem;
  }

  .culture01 .top i {
    margin-bottom: 0.15rem;
    font-size: 0.26rem;
  }

  .culture01 .top p {
    font-size: 0.32rem;
  }

  .culture01 .left {
    margin-bottom: 0.6rem;
    width: 100%;
  }

  .culture01 .left img {
    float: left;
    width: 2.3rem;
  }

  .culture01 .left .top {
    display: block;
    float: right;
    width: 3.7rem;
  }

  .culture01 .right {
    width: 100%;
  }

  .culture01 .right .top {
    display: none;
  }

  .culture01 .right .text {
    font-size: 0.26rem;
    line-height: 0.48rem;
  }
}

.culture02 {
  padding: 130px 0 50px;
  min-height: 673px;
  background: url(../images/page/culture02_bac.jpg) top right no-repeat;
  background-size: 100% auto;
}

.culture02 .tab_title {
  display: flex;
  margin-bottom: 60px;
}

.culture02 .tab_title a {
  transition: all 0.5s;
  position: relative;
  margin-right: 20px;
  padding: 0 40px;
  line-height: 52px;
  font-size: 22px;
  border-radius: 52px;
  color: #fff;
  border: #ffffff 1px solid;
  background: rgba(245, 162, 0, 0);
  cursor: pointer;
}

.culture02 .tab_title a:hover,
.culture02 .tab_title a.cur {
  transition: all 0.5s;
  border: #f5a200 1px solid;
  background: #f5a200;
}

.culture02 .tab_next .next p {
  margin-bottom: 25px;
  padding-left: 37px;
  line-height: 36px;
  font-size: 16px;
  color: #fff;
  background: url(../images/icon/icon_45ss.png) left 9px no-repeat;
  background-size: auto 18px;
}

@media (max-width: 1200px) {
  .culture02 {
    padding: 0.9rem 0 0.8rem;
    min-height: auto;
    background-image: url(../images/mobile/page/culture02_bac.jpg);
  }

  .culture02 .tab_title {
    justify-content: space-between;
    margin-bottom: 0.7rem;
  }

  .culture02 .tab_title a {
    margin-right: 0;
    padding: 0 0.45rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    border-radius: 0.8rem;
  }

  .culture02 .tab_next .next p {
    margin-bottom: 0.4rem;
    padding-left: 0.4rem;
    line-height: 0.48rem;
    font-size: 0.26rem;
    background-position: left 0.07rem;
    background-size: auto 0.26rem;
  }
}

.culture03 {
  padding: 100px 0 30px;
  background: url(../images/page/culture03_bac.png) left center no-repeat;
  background-size: cover;
}

.culture03 .list li {
  margin-bottom: 80px;
}

.culture03 .list li:nth-child(2) .pic {
  float: right;
}

.culture03 .list li:nth-child(2) .text {
  float: left;
}

.culture03 .list li:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}

.culture03 .list .pic {
  float: left;
  width: 29%;
  min-width: 240px;
  height: 290px;
  overflow: hidden;
}

.culture03 .list .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.culture03 .list .text {
  float: right;
  width: 61.5%;
  max-width: calc(100% - 6% - 240px);
}

.culture03 .list .text b {
  margin-bottom: 20px;
  line-height: 50px;
  font-size: 48px;
  font-family: "DINBold";
  color: #f5a200;
}

.culture03 .list .text i {
  margin-bottom: 30px;
  line-height: 36px;
  font-size: 20px;
  color: #f5a200;
  font-weight: bold;
}

.culture03 .list .text p {
  line-height: 34px;
  font-size: 16px;
}

@media (max-width: 1200px) {
  .culture03 {
    padding: 0.9rem 0 0.2rem;
  }

  .culture03 .list li {
    margin-bottom: 0.75rem;
  }

  .culture03 .list .pic {
    float: left !important;
    margin-bottom: 0.4rem;
    width: 2.9rem;
    min-width: 1rem;
    height: 2.9rem;
  }

  .culture03 .list .text {
    width: 100%;
    max-width: 100%;
  }

  .culture03 .list .text b {
    margin-bottom: 0.2rem;
    line-height: 0.5rem;
    font-size: 0.48rem;
  }

  .culture03 .list .text i {
    margin-bottom: 0.28rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
  }

  .culture03 .list .text p {
    line-height: 0.48rem;
    font-size: 0.26rem;
  }
}

.culture04 {
  padding: 100px 0;
  background: url(../images/page/culture04_bac.jpg) left center no-repeat;
  background-size: cover;
}

.culture04 .next p {
  margin-bottom: 15px;
  padding-left: 37px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  background: url(../images/icon/icon_45s.png) left 9px no-repeat;
  background-size: auto 18px;
}

@media (max-width: 1200px) {
  .culture04 {
    padding: 0.8rem 0 0.4rem;
    background-image: url(../images/mobile/page/culture04_bac.jpg);
  }

  .culture04 .title .left b {
    margin-bottom: 0.26rem;
  }

  .culture04 .next p {
    margin-bottom: 0.4rem;
    padding-left: 0.4rem;
    line-height: 0.48rem;
    font-size: 0.26rem;
    background-position: left 0.115rem;
    background-size: auto 0.25rem;
  }
}

.culture05 {
  position: relative;
  padding: 120px 0;
}

.culture05 .mySwiper1 {
  width: calc(100% - 13.545% - 20%);
  user-select: none;
}

.culture05 .swiper-slide {
  margin-right: 8.5%;
  width: 68.5%;
}

.culture05 .swiper-slide .pic {
  width: 100%;
  height: 540px;
  overflow: hidden;
}

.culture05 .swiper-slide .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.culture05 .swiper-slide .pos {
  position: absolute;
  left: 8.3%;
  bottom: 0;
  width: 83.4%;
  color: #fff;
}

.culture05 .swiper-slide .pos b {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
}

.culture05 .swiper-slide .pos .text {
  transition: all 0.6s;
  margin-bottom: 0px;
  max-height: 0px;
  overflow: hidden;
}

.culture05 .swiper-slide .pos .text p {
  padding-left: 30px;
  line-height: 38px;
  font-size: 16px;
  background: url(../images/icon/icon_45ss.png) left 10px no-repeat;
  background-size: auto 16px;
}

.culture05 .swiper-slide.swiper-slide-active .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

.culture05 .swiper-slide.swiper-slide-active .pos .text {
  transition: all 0.6s;
  margin-bottom: 40px;
  max-height: 300px;
}

.culture05 .swiper-pagination {
  display: flex;
  left: calc(68.5% - 140px);
  bottom: auto;
  top: 20px;
  width: auto;
  font-size: 24px;
  color: #fff;
  font-family: "DINBold";
}

.culture05 .swiper-pagination .current {
  font-size: 48px;
}

.culture05 .swiper-pagination .s2 {
  line-height: 30px;
  margin: 9px 0 0 6px;
}

.culture05 .swiper-button-next,
.culture05 .swiper-button-prev {
  top: 140px;
  width: 60px;
  height: 60px;
  margin-top: 0;
}

.culture05 .swiper-button-next {
  right: 13.545%;
  background: url(../images/icon/icon_20.png) right top no-repeat;
  background-size: 100% auto;
}

.culture05 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_20s.png);
}

.culture05 .swiper-button-prev {
  left: auto;
  right: calc(13.545% + 80px);
  background: url(../images/icon/icon_19.png) left top no-repeat;
  background-size: 100% auto;
}

.culture05 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_19s.png);
}

@media (max-width: 1200px) {
  .culture05 {
    padding: 1rem 0;
  }

  .culture05 .mySwiper1 {
    margin: 0 4%;
    width: 92%;
    user-select: none;
  }

  .culture05 .swiper-slide {
    margin: 0 0% 0.8rem 0;
    width: 100%;
  }

  .culture05 .swiper-slide .pic {
    margin-bottom: 0.4rem;
    height: 4.2rem;
  }

  .culture05 .swiper-slide .pos {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    color: #333;
  }

  .culture05 .swiper-slide .pos b {
    margin-bottom: 0.4rem;
    font-size: 0.34rem;
  }

  .culture05 .swiper-slide .pos .text {
    margin-bottom: 0px !important;
    max-height: none !important;
  }

  .culture05 .swiper-slide .pos .text p {
    margin-bottom: 0.3rem;
    padding-left: 0.4rem;
    line-height: 0.5rem;
    font-size: 0.26rem;
    background: url(../images/icon/icon_45s.png) left 0.12rem no-repeat;
    background-size: auto 0.25rem;
  }

  .culture05 .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    font-size: 0.24rem;
    color: #999;
  }

  .culture05 .swiper-pagination .current {
    line-height: 0.6rem;
    font-size: 0.48rem;
    color: #f5a200;
  }

  .culture05 .swiper-pagination .s2 {
    line-height: 0.4rem;
    margin: -0.1rem 0 0 0.06rem;
  }

  .culture05 .swiper-button-next,
  .culture05 .swiper-button-prev {
    top: auto;
    bottom: 1rem;
    width: 0.6rem;
    height: 0.6rem;
  }

  .culture05 .swiper-button-next {
    right: 2.1rem;
  }

  .culture05 .swiper-button-prev {
    left: 2.1rem;
    right: auto;
  }
}

.culture06 {
  padding: 100px 0 130px;
  background: url(../images/page/culture06_bac.jpg) top right no-repeat;
  background-size: 100% auto;
}

.culture06 .title {
  margin-bottom: 30px;
}

.culture06 .tab_title {
  display: flex;
  margin-bottom: 50px;
}

.culture06 .tab_title a {
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  width: 220px;
  height: 60px;
  border-radius: 60px;
  color: #f5a200;
  border: #f5a200 1px solid;
  cursor: pointer;
}

.culture06 .tab_title a p {
  padding-left: 48px;
  font-size: 22px;
  font-weight: bold;
}

.culture06 .tab_title a.a1 p {
  background: url(../images/icon/icon_87.png) left center no-repeat;
  background-size: contain;
}

.culture06 .tab_title a.a1.cur p,
.culture06 .tab_title a.a1:hover p {
  background-image: url(../images/icon/icon_87s.png);
}

.culture06 .tab_title a.a2 p {
  background: url(../images/icon/icon_88.png) left center no-repeat;
  background-size: contain;
}

.culture06 .tab_title a.a2.cur p,
.culture06 .tab_title a.a2:hover p {
  background-image: url(../images/icon/icon_88s.png);
}

.culture06 .tab_title a.cur,
.culture06 .tab_title a:hover {
  transition: all 0.5s;
  color: #fff;
  background: #f5a200;
}

.culture06 .tab_next .t_title {
  margin-bottom: 20px;
  font-size: 22px;
  color: #333;
  font-weight: bold;
}

.culture06 .tab_next .text {
  min-height: 360px;
  font-size: 16px;
  line-height: 36px;
  color: #333;
}

@media (max-width: 1200px) {
  .culture06 {
    padding: 0.9rem 0 1.3rem;
    background: url(../images/page/culture06_bac.jpg) right center no-repeat;
    background-size: cover;
  }

  .culture06 .title {
    margin-bottom: 0.57rem;
  }

  .culture06 .tab_title {
    justify-content: space-between;
    margin-bottom: 0.55rem;
  }

  .culture06 .tab_title a {
    margin-right: 0;
    width: 3.2rem;
    height: 0.78rem;
    border-radius: 0.78rem;
  }

  .culture06 .tab_title a p {
    padding-left: 0.66rem;
    font-size: 0.28rem;
  }

  .culture06 .tab_title a.a1 p {
    background-size: 0.41rem auto;
  }

  .culture06 .tab_title a.a2 p {
    background-size: 0.36rem auto;
  }

  .culture06 .tab_next .t_title {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }

  .culture06 .tab_next .text {
    min-height: auto;
    font-size: 0.26rem;
    line-height: 0.5rem;
  }
}

.culture07_08 {
  position: relative;
  background: url(../images/page/culture07_08_bac.png) left top no-repeat;
  background-size: 100% auto;
}

.culture07_08::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(28vw + 100px);
  background: #f9f9f9;
  content: "";
}

@media (max-width: 1200px) {
  .culture07_08 {
    position: relative;
    background: #fff url(../images/mobile/page/culture07_08_bac.png) left 12rem no-repeat;
    background-size: 100% auto;
  }

  .culture07_08::before {
    height: 7.6rem;
  }
}

.culture07 {
  padding: 130px 0 80px;
}

.culture07 .pic {
  margin-bottom: 70px;
  width: 100%;
  height: 264px;
  overflow: hidden;
}

.culture07 .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.culture07 .title {
  margin-bottom: 20px;
}

.culture07 .list li {
  transition: all 0.5s;
}

.culture07 .list li .ask {
  transition: all 0.5s;
  position: relative;
  line-height: 89px;
  color: #f5a200;
  border-bottom: #eee 1px solid;
  cursor: pointer;
}

.culture07 .list li .ask i {
  float: left;
  margin-right: 15px;
  font-size: 26px;
  font-family: "DINBold";
}

.culture07 .list li .ask p {
  float: left;
  width: calc(100% - 100px);
  font-size: 24px;
  font-weight: bold;
}

.culture07 .list li .ask .icon {
  transition: all 0.5s;
  transform: rotate(0deg);
  position: absolute;
  right: 10px;
  top: 33px;
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon_89.png) center no-repeat;
  cursor: pointer;
}

.culture07 .list li .answer {
  display: none;
}

.culture07 .list li .answer p {
  margin-bottom: 15px;
  padding-left: 37px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  background: url(../images/icon/icon_45s.png) left 9px no-repeat;
  background-size: auto 18px;
}

.culture07 .list li:hover .ask::before {
  transition: all 0.5s;
  width: 100%;
}

.culture07 .list li.cur {
  transition: all 0.5s;
}

.culture07 .list li.cur .ask {
  transition: all 0.5s;
  margin-bottom: 25px;
}

.culture07 .list li.cur .ask .icon {
  transition: all 0.5s;
  transform: rotate(180deg);
}

.culture07 .list li.cur .answer {
  display: block;
}

@media (max-width: 1200px) {
  .culture07 {
    padding: 1rem 0 0.66rem;
  }

  .culture07 .pic {
    margin-bottom: 0.6rem;
    height: 1.8rem;
  }

  .culture07 .title {
    margin-bottom: 20px;
  }

  .culture07 .list li .ask {
    line-height: 0.9rem;
  }

  .culture07 .list li .ask i {
    margin-right: 0.2rem;
    font-size: 0.32rem;
  }

  .culture07 .list li .ask p {
    width: calc(100% - 100px);
    font-size: 0.3rem;
  }

  .culture07 .list li .ask .icon {
    right: 0.1rem;
    top: 0.3rem;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/mobile/icon/icon_89.png) center no-repeat;
    background-size: 0.21rem auto;
  }

  .culture07 .list li .answer p {
    margin-bottom: 0.3rem;
    padding-left: 0.6rem;
    line-height: 0.5rem;
    font-size: 0.26rem;
    background-position: 0.08rem 0.12rem;
    background-size: auto 0.25rem;
  }

  .culture07 .list li.cur .ask {
    margin-bottom: 0.25rem;
  }
}

.culture08 {
  position: relative;
  z-index: 2;
  padding: 90px 0 200px;
}

.culture08 .mySwiper2 {
  width: calc(100% - 13.545% - 20%);
  padding-top: 16px;
}

.culture08 .swiper-slide {
  margin: 0 5.2% 100px 0;
  width: 22.83%;
  background: #fff;
  /* box-shadow: 0 0 16px rgba(0, 65, 148, 6%); */
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.14);
}

.culture08 .swiper-slide .pic {
  width: 100%;
  height: 20.73vw;
  overflow: hidden;
}

.culture08 .swiper-slide .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.culture08 .swiper-slide .text {
  padding: 0 12px;
  line-height: 74px;
}

.culture08 .swiper-slide .text b {
  float: left;
  width: calc(100% - 56px);
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.culture08 .swiper-slide .text i {
  float: right;
  color: #666;
  font-size: 12px;
}

.culture08 .swiper-slide:hover .pic i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.culture08 .swiper-slide:hover .text b,
.culture08 .swiper-slide:hover .text i {
  color: #f5a200;
}

.culture08 .swiper-button-next,
.culture08 .swiper-button-prev {
  top: auto;
  bottom: 0;
  margin-top: 0;
  width: 20px;
  height: 61px;
}

.culture08 .swiper-button-next {
  right: auto;
  left: 160px;
  background: url(../images/icon/icon_45.png) right center no-repeat;
}

.culture08 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_45s.png);
}

.culture08 .swiper-button-prev {
  left: 0;
  background: url(../images/icon/icon_44.png) left center no-repeat;
}

.culture08 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_44s.png);
}

.culture08 .swiper-pagination {
  display: flex;
  left: 40px;
  bottom: 0;
  width: auto;
  font-size: 24px;
  color: #f5a200;
  font-family: "DINBold";
}

.culture08 .swiper-pagination .current {
  font-size: 48px;
}

.culture08 .swiper-pagination .s2 {
  line-height: 30px;
  margin: 10px 0 0 6px;
  color: #999;
}

@media (max-width: 1200px) {
  .culture08 {
    padding: 0.66rem 0 1.3rem;
  }

  .culture08 .mySwiper2 {
    margin: 0 0 0 4%;
    width: 96%;
  }

  .culture08 .swiper-slide {
    margin: 0 0.75rem 1.2rem 0;
    width: 5.37rem;
  }

  .culture08 .swiper-slide .pic {
    height: 7.42rem;
  }

  .culture08 .swiper-slide .text {
    padding: 0 0.3rem;
    line-height: 1.3rem;
  }

  .culture08 .swiper-slide .text b {
    width: calc(100% - 1.2rem);
    font-size: 0.3rem;
  }

  .culture08 .swiper-slide .text i {
    font-size: 0.24rem;
  }

  .culture08 .swiper-button-next,
  .culture08 .swiper-button-prev {
    top: auto;
    bottom: 0rem;
    width: 0.6rem;
    height: 0.6rem;
  }

  .culture08 .swiper-button-next {
    left: auto;
    right: 2.1rem;
    background: url(../images/icon/icon_20.png) right top no-repeat;
    background-size: 100% auto;
  }

  .culture08 .swiper-button-next:hover {
    background-image: url(../images/icon/icon_20s.png);
  }

  .culture08 .swiper-button-prev {
    left: 2.1rem;
    right: auto;
    background: url(../images/icon/icon_19.png) left top no-repeat;
    background-size: 100% auto;
  }

  .culture08 .swiper-button-prev:hover {
    background-image: url(../images/icon/icon_19s.png);
  }

  .culture08 .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    font-size: 0.24rem;
    color: #999;
  }

  .culture08 .swiper-pagination .current {
    line-height: 0.6rem;
    font-size: 0.48rem;
    color: #f5a200;
  }

  .culture08 .swiper-pagination .s2 {
    line-height: 0.4rem;
    margin: -0.1rem 0 0 0.06rem;
  }
}

/*================ p1-5-组织架构 ================*/
.framework {
  padding: 120px 0 374px;
  background: url(../images/page/framework-bg.png) center no-repeat;
  background-size: cover;
}

.frameworkImg {
  width: 100%;
  margin: 0 auto;
}

.frameworkImg svg {
  margin: 0 auto 70px;
  display: block;
  width: 200px;
}

.frameworkImg img {
  width: 100%;
}

.m_frameworkImg {
  display: none;
}

@media (max-width: 1200px) {
  .framework {
    padding: 1rem 0 1.2rem;
    background-color: #f7f7f7;
  }

  .frameworkImg {
    display: none;
  }

  .m_frameworkImg {
    display: block;
    width: 100%;
  }

  .m_frameworkImg img {
    width: 100%;
  }
}

/*================ p2-0 新闻聚合 ================*/
.new .page_banner .pos span {
  margin-top: 80px;
}

.new01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 135px 0;
  background: url(../images/page/new01_1.png) center top no-repeat;
  background-size: 100% 100%;
}

.new01 .mySwiper2 {
  float: left;
  width: 50.7%;
}

.new01 .mySwiper2 a .pic {
  position: relative;
  width: 100%;
  height: 530px;
  overflow: hidden;
}

.new01 .mySwiper2 a .pic::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: url(../images/icon/icon_23.png) left bottom no-repeat;
  background-size: 100% auto;
  content: "";
}

.new01 .mySwiper2 a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.new01 .mySwiper2 a .pic b {
  position: absolute;
  left: 5%;
  bottom: 0;
  z-index: 2;
  width: 75%;
  height: 87px;
  line-height: 87px;
  font-size: 20px;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.new01 .mySwiper2 .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  left: inherit;
  right: 4%;
  width: 15%;
  height: 87px;
}

.new01 .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.5s;
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #fff;
}

.new01 .mySwiper2 .swiper-pagination .swiper-pagination-bullet-active {
  transition: all 0.5s;
  width: 22px;
}

.new01 .mySwiper2 .swiper-horizontal>.swiper-pagination-bullets,
.new01 .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.new01 .next {
  float: right;
  width: 49.3%;
  height: 530px;
  background: #fff;
}

.new01 .next .bor {
  padding: 40px 10% 0;
}

.new01 .next a {
  position: relative;
  height: 110px;
  transition: all 0.5s;
}

.new01 .next a .time {
  position: relative;
  padding: 10px 0 8px;
  width: 80px;
  color: #d2d2d2;
  text-align: center;
  background: rgba(245, 162, 0, 0);
  transition: all 0.5s;
}

.new01 .next a .time em {
  font-family: "DINRegular";
  font-size: 14px;
}

.new01 .next a .time i {
  line-height: 42px;
  font-size: 42px;
  font-weight: bold;
  font-family: "DINBold";
}

.new01 .next a .text {
  float: right;
  margin-top: 6px;
  width: calc(100% - 75px - 25px);
  transition: all 0.5s;
}

.new01 .next a .text b {
  line-height: 30px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new01 .next a .text p {
  transition: all 0.5s;
  height: 0;
  line-height: 27px;
  font-size: 16px;
  margin-top: 10px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new01 .next a.swiper-slide-thumb-active {
  transition: all 0.5s;
  height: 150px;
}

.new01 .next a.swiper-slide-thumb-active .time {
  color: #fff;
  background: #f5a200;
  transition: all 0.5s;
}

.new01 .next a.swiper-slide-thumb-active .text {
  transition: all 0.5s;
  margin-top: 0;
}

.new01 .next a.swiper-slide-thumb-active .text b {
  color: #f5a200;
  transition: all 0.5s;
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: bold;
}

.new01 .next a.swiper-slide-thumb-active .text p {
  transition: all 0.5s;
  height: 54px;
}
 .new01 .next .bor .newsContPm {
      display: none;
  }
@media (max-width: 1200px) {
  .new .page_banner .pos span {
    margin-top: 0.48rem;
  }

  .new01 {
    position: relative;
    margin-top: -0.25rem;
    padding: 0.9rem 0;
    background: url(../images/mobile/page/new01_1.png) center top no-repeat;
    background-size: 100% auto;
  }

  .new01::before {
    position: absolute;
    left: 0;
    top: 4rem;
    width: 100%;
    height: calc(100% - 4rem);
    background: #f1f1f1;
    content: "";
  }

  .new01 .mySwiper2 {
    margin-bottom: 0.36rem;
    width: 100%;
  }

  .new01 .mySwiper2 a .pic {
    height: 5.15rem;
  }

  .new01 .mySwiper2 a .pic::after {
    height: 2rem;
  }

  .new01 .mySwiper2 a .pic b {
    left: 5%;
    width: 75%;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.28rem;
  }

  .new01 .mySwiper2 .swiper-pagination {
    position: absolute;
    margin-top: 0;
    right: 4%;
    width: 15%;
    height: 1rem;
  }

  .new01 .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0.1rem;
  }

  .new01 .next {
    width: 100%;
    height: auto;
  }

  .new01 .next .bor {
    padding: 0.46rem 3.5% 0rem;
  }
  .new01 .next .bor .newsContPc {
      display: none;
  }
  .new01 .next .bor .newsContPm {
      display: block;
  }

  .new01 .next a {
    margin-bottom: 0.46rem;
    height: auto !important;
  }

  .new01 .next a .time {
    padding: 0;
    width: 1rem;
    color: #f5a200;
  }

  .new01 .next a .time em {
    font-size: 0.22rem;
  }

  .new01 .next a .time i {
    line-height: 0.5rem;
    font-size: 0.5rem;
  }

  .new01 .next a .text {
    margin-top: 0;
    width: calc(100% - 1rem - 0.2rem);
  }

  .new01 .next a .text b {
    line-height: 0.4rem;
    font-size: 0.28rem;
  }

  .new01 .next a .text P {
    display: none;
  }

  .new01 .next a.swiper-slide-thumb-active {
    height: auto;
  }

  .new01 .next a.swiper-slide-thumb-active .time {
    color: #f5a200;
    background: none;
  }

  .new01 .next a.swiper-slide-thumb-active .text b {
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #333;
    margin: 0;
    font-weight: normal;
  }

  .new01 .next a.swiper-slide-thumb-active .text p {
    height: auto;
  }
}

.new02 {
  padding: 100px 0;
}

.new02 .swiper-slide {
  margin: 0 1.2%;
  padding-bottom: 40px;
  width: 62.85%;
}

.new02 .swiper-slide .bor {
  transition: all 0.5s;
  opacity: 0;
  background: url(../images/page/new02_bac.png) center no-repeat;
  background-size: cover;
}

.new02 .swiper-slide .top {
  padding: 40px 8%;
  background: url(../images/page/new02_bac2.png) bottom center no-repeat;
  background-size: 100% auto;
}

.new02 .swiper-slide .top .time {
  float: left;
  width: 80px;
  color: #999;
  text-align: center;
}

.new02 .swiper-slide .top .time i {
  line-height: 42px;
  font-size: 42px;
  font-weight: bold;
  font-family: "DINBold";
}

.new02 .swiper-slide .top .time em {
  font-family: "DINRegular";
  font-size: 14px;
}

.new02 .swiper-slide .top .icon {
  float: right;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 230px;
  height: 64px;
}

.new02 .swiper-slide .top .icon img {
  max-width: 100%;
  max-height: 100%;
}

.new02 .swiper-slide .bot {
  padding: 40px 8% 60px;
}

.new02 .swiper-slide .bot b {
  margin-bottom: 26px;
  height: 80px;
  line-height: 40px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new02 .swiper-slide .bot p {
  height: 60px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new02 .swiper-slide .pos {
  transition: all 0.5s;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25.8%;
  background: #f6f6f6;
}

.new02 .swiper-slide .pos .bor_box {
  padding: 30px 20px 35px;
}

.new02 .swiper-slide .pos i {
  margin-bottom: 12px;
  font-size: 14px;
  color: #999;
  font-family: "DINRegular";
}

.new02 .swiper-slide .pos p {
  height: 60px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new02 .swiper-slide.swiper-slide-prev .pos {
  left: auto;
  right: 0;
}

.new02 .swiper-slide.swiper-slide-active .bor {
  transition: all 0.5s;
  opacity: 1;
}

.new02 .swiper-slide.swiper-slide-active .pos {
  transition: all 0.5s;
  opacity: 0;
}

.new02 .swiper-slide:hover .top .time,
.new02 .swiper-slide:hover .bot b {
  color: #f5a200;
}

.new02 .swiper-button-next,
.new02 .swiper-button-prev {
  width: auto;
  height: auto;
  margin-top: -60px;
  padding-top: 57px;
  font-size: 16px;
  color: #333;
  font-family: "DINBold";
}

.new02 .swiper-button-next {
  background: url(../images/icon/icon_45.png) right top no-repeat;
}

.new02 .swiper-button-next:hover {
  color: #f5a200;
  background-image: url(../images/icon/icon_45s.png);
}

.new02 .swiper-button-prev {
  background: url(../images/icon/icon_44.png) left top no-repeat;
}

.new02 .swiper-button-prev:hover {
  color: #f5a200;
  background-image: url(../images/icon/icon_44s.png);
}

.new02 .swiper-pagination {
  display: none;
}

@media (max-width: 1200px) {
  .new02 {
    padding: 0.8rem 0;
  }

  .new02 .swiper-slide {
    margin: 0;
    padding-bottom: 0;
    width: 100%;
  }

  .new02 .swiper-slide .bor {
    background: url(../images/mobile/page/new02_bac.png) center no-repeat;
    background-size: cover;
  }

  .new02 .swiper-slide .top {
    padding: 0.4rem 0.46rem 0.46rem;
    background: url(../images/mobile/page/new02_bac2.png) bottom center no-repeat;
    background-size: 100% auto;
  }

  .new02 .swiper-slide .top .time {
    width: 0.9rem;
  }

  .new02 .swiper-slide .top .time i {
    line-height: 0.5rem;
    font-size: 0.5rem;
  }

  .new02 .swiper-slide .top .time em {
    font-size: 0.24rem;
  }

  .new02 .swiper-slide .top .icon {
    width: 2.3rem;
    height: 0.8rem;
  }

  .new02 .swiper-slide .top .icon img {
    max-height: 70%;
  }

  .new02 .swiper-slide .bot {
    padding: 0.36rem 0.46rem 0.56rem;
  }

  .new02 .swiper-slide .bot b {
    margin-bottom: 0.4rem;
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
  }

  .new02 .swiper-slide .bot p {
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    -webkit-line-clamp: 3;
  }

  .new02 .swiper-slide .pos {
    display: none;
  }

  .new02 .swiper-slide:hover .top .time,
  .new02 .swiper-slide:hover .bot b {
    color: #f5a200;
  }

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

  .new02 .swiper-pagination {
    display: flex;
  }
}

.new03 {
  padding: 90px 0;
}

.new03 .next {
  margin: 10px 10px 0;
  width: calc(100% - 20px);
}

.new03 .next a {
  float: left;
  margin: 0 3% 3% 0;
  width: 48.5%;
  background: #f8f8f8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.new03 .next a:nth-child(2n) {
  margin-right: 0;
}

.new03 .next a:nth-child(3),
.new03 .next a:nth-child(4) {
  margin-bottom: 0;
}

.new03 .next a .bor {
  padding: 35px;
}

.new03 .next a .time {
  transition: all 0.5s;
  float: left;
  margin-right: 8%;
  padding: 10px 0 8px;
  width: 80px;
  color: #fff;
  text-align: center;
  background: #f5a200;
}

.new03 .next a .time i {
  line-height: 42px;
  font-size: 42px;
  font-weight: bold;
  font-family: "DINBold";
}

.new03 .next a .time em {
  font-size: 14px;
  font-family: "DINRegular";
}

.new03 .next a .text {
  float: left;
  width: calc(100% - 8% - 80px);
}

.new03 .next a .text b {
  margin-bottom: 18px;
  height: 64px;
  line-height: 32px;
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new03 .next a .text p {
  height: 60px;
  line-height: 30px;
  font-size: 14px;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new03 .next a:hover .text b {
  color: #f5a200;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .new03 {
    padding: 1rem 0 0.7rem;
    background: url(../images/mobile/page/new03_bac.jpg) center top no-repeat;
    background-size: cover;
  }

  .new03 .next {
    margin: 0;
    width: 100%;
  }

  .new03 .next a {
    margin: 0 0 0.26rem 0;
    width: 100%;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.03);
  }

  .new03 .next a:nth-child(3),
  .new03 .next a:nth-child(4) {
    margin-bottom: 0.26rem;
  }

  .new03 .next a .bor {
    padding: 0.45rem 0.35rem;
  }

  .new03 .next a .time {
    margin-right: 0.26rem;
    padding: 0.1rem 0;
    width: 1rem;
  }

  .new03 .next a .time em {
    font-size: 0.22rem;
  }

  .new03 .next a .time i {
    line-height: 0.5rem;
    font-size: 0.5rem;
  }

  .new03 .next a .text {
    width: calc(100% - 1rem - 0.26rem);
  }

  .new03 .next a .text b {
    margin-bottom: 0;
    height: auto;
    max-height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
  }

  .new03 .next a .text p {
    display: none;
  }
}

.new04 {
  padding: 100px 0 190px;
  background: #f5f6f8;
}

.new04 .next.pc {
  display: block;
}

.new04 .next.mobile {
  display: none;
}

.new04 .next a {
  position: relative;
  float: left;
  margin-right: 1.4%;
  width: 38.57%;
}

.new04 .next a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  content: "";
}

.new04 .next a .pic {
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.new04 .next a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.new04 .next a .pos {
  position: absolute;
  left: 4%;
  bottom: 20px;
  width: 92%;
  font-size: 18px;
  color: #fff;
}

.new04 .next a .pos b {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.new04 .next a .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_46.png) center no-repeat;
  content: "";
}

.new04 .next a .label {
  position: absolute;
  left: 30px;
  top: 30px;
  padding: 10px 20px;
  width: 38px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #f5a200;
}

.new04 .next a.a3 {
  margin-bottom: 14px;
}

.new04 .next a.a3,
.new04 .next a.a4 {
  margin-right: 0;
  width: 20.06%;
}

.new04 .next a.a3 .pic,
.new04 .next a.a4 .pic {
  height: 198px;
}

.new04 .next a.a3 .label,
.new04 .next a.a4 .label {
  display: none;
}

.new04 .next a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

@media (max-width: 1200px) {
  .new04 {
    padding: 1rem 0 0.6rem;
  }

  .new04 .next.pc {
    display: none;
  }

  .new04 .next.mobile {
    display: block;
  }

  .new04 .next a {
    margin-right: 0%;
    width: 100%;
  }

  .new04 .next a .pic {
    height: 5.36rem;
  }

  .new04 .next a .pos {
    bottom: 0.28rem;
    font-size: 0.3rem;
  }

  .new04 .next a .icon {
    background-size: 0.8rem auto;
  }

  .new04 .next a .label {
    left: 0.45rem;
    top: 0.5rem;
    padding: 0.1rem 0.23rem;
    width: 0.6rem;
    font-size: 0.3rem;
  }
}

/*================ p3-0产业板块 ================*/
.industry01 {
  position: relative;
  margin-top: -100px;
  padding: 190px 0 160px;
  background: url(../images/page/industry01_bac.png) center top no-repeat;
  background-size: 100% auto;
}

.industry01::before {
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  height: calc(100% - 200px);
  background: url(../images/page/industry01_bac2.png) right bottom no-repeat;
  background-size: 100% auto;
  content: "";
}

.industry01 .top {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

.industry01 .top .left {
  margin-left: 13.545vw;
  width: 46.15vw;
}

.industry01 .top .next {
  margin-left: 4.16vw;
  width: 34.16vw;
}

.industry01 .top .next b {
  line-height: 66px;
  font-size: 40px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.industry01 .top .next .text {
  margin-top: 50px;
  line-height: 34px;
  font-size: 16px;
  color: #666;
  text-align: justify;
}

.industry01 .top .right div {
  position: relative;
  float: left;
  width: 16.35vw;
  height: 20vw;
  overflow: hidden;
}

.industry01 .top .right div img {
  position: absolute;
  top: 0;
}

.industry01 .top .right div.img1 {
  margin-right: 23px;
}

.industry01 .top .right div.img1 img {
  left: 0;
}

.industry01 .top .right div.img2 img {
  right: 0;
}

.industry01 .bot {
  position: relative;
  z-index: 2;
  margin-left: 13.545vw;
  width: 62.5vw;
  height: 31.25vw;
  overflow: hidden;
}

.industry01 .bot img {
  position: absolute;
  left: 0;
}

@media (max-width: 1660px) {
  .industry01 .top .next {
    margin-left: 3vw;
    width: 36vw;
  }

  .industry01 .top .next b {
    line-height: 56px;
    font-size: 36px;
  }

  .industry01 .top .next .text {
    margin-top: 35px;
  }
}

@media (max-width: 1400px) {
  .industry01 .top .next {
    margin-left: 1vw;
    width: 42vw;
  }

  .industry01 .top .next b {
    line-height: 50px;
    font-size: 34px;
  }

  .industry01 .top .next .text {
    margin-top: 35px;
  }
}

.industry02 .row {
  position: relative;
  height: 100vh;
  width: 100%;
  padding-bottom: 100px;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);
  background: rgba(0,0,0,0.8);
}

.industry02 #r3 {
  overflow: hidden;
}

.industry02 #r3 *,
.industry02 #r3 ::after,
.industry02 #r3 ::before {
  box-sizing: border-box;
}

.industry02 #r3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.industry02 #r3 .bg .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
  transform: scale(1.1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.industry02 #r3 .bg .pic.on {
  opacity: 0.5;
  transform: none;
  z-index: 10;
}

.industry02 #r3 .other {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15vw;
  width: 100%;
  height: 100%;
  z-index: 13;
  opacity: 0;
  transition: all 0.6s ease-out;
}

.industry02 #r3 .other #clock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 1vw;
  z-index: 15;
  width: 38vw;
  height: 38vw;
  max-width: 550px;
  max-height: 550px;
  transition: all 1s ease-out;
}

.industry02 #r3 .other #clock>img {
  height: 100%;
  position: absolute;
  z-index: 3;
}

.industry02 #r3 .other #clock .time-box {
  z-index: 5;
  position: absolute;
  width: calc(100% + 44px);
  height: calc(100% + 44px);
  top: -22px;
  left: -22px;
}

.industry02 #r3 .other #clock .time-box>ul {
  width: 0;
  position: absolute;
}

.industry02 #r3 .other #clock .time-box>ul>li {
  height: calc(100% + 7.5px);
  position: absolute;
  top: -8px;
  left: 0;
  transform-origin: 50% 100%;
}

.industry02 #r3 .other #clock .time-box>ul>li i {
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 1025px) {
  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(1) {
    transform: rotate(360deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(1) i {
    transform: translateX(-50%) rotate(-360deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(2) {
    transform: rotate(120deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(2) i {
    transform: translateX(-50%) rotate(-120deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(3) {
    transform: rotate(240deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(3) i {
    transform: translateX(-50%) rotate(-240deg);
  }
}

.industry02 #r3 .other #clock .time-box>ul.time-cir {
  transform-origin: 50% 50%;
  bottom: 50%;
  left: 50%;
  height: 50%;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  transition: all 0.3s ease-out;
  border: 2px solid;
  opacity: 0.8;
  cursor: pointer;
  pointer-events: auto;
  border-color: transparent;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>span {
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s ease-out;
  transform: scale(0.5);
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a {
  position: absolute;
  opacity: 0;
  transition: all 1s ease-out;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a small {
  width: 58px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a small img {
  width: 100%;
  display: block;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a em {
  white-space: nowrap;
  display: block;
  line-height: 1;
  font-size: 22px;
  color: #fff;
}

.industry02 #r3 .other #clock .time-box>ul.time-cir>li.on>i {
  opacity: 1;
  border-color: #fff;
}

@media screen and (min-width: 1025px) {
  .industry02 #r3 .other #clock .time-box>ul.time-cir>li:nth-child(1)>i>a {
    left: calc(50% - 44px);
    bottom: 80px;
    transform: translateX(10px);
    transition-delay: 4s;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li:nth-child(2)>i>a {
    left: calc(100% + 40px);
    bottom: 15px;
    transform: translateX(10px);
    transition-delay: 4.1s;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li:nth-child(3)>i>a {
    right: calc(100% + 40px);
    bottom: 15px;
    transform: translateX(-10px);
    transition-delay: 4.2s;
  }
}

.industry02 #r3 .other #clock .time-move {
  z-index: 4;
  position: absolute;
  /* width: calc(100% + 10px);
          height: calc(100% + 10px);
          left: -5px;
          top: -5px; */
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  left: -3px;
  top: -3px;
}

.industry02 #r3 .other #clock .msg-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

.industry02 #r3 .other #clock .msg-box .msg_1 {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 72%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  min-height: 168px;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li i {
  font-size: 0.8rem;
  color: #fff;
  line-height: 0.8rem;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li h3 {
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 36px;
  margin: 10px 0;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.small {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  height: 90px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more {
  display: flex;
  justify-content: center;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more p {
  /*padding-right: 60px;*/
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  /*background: url(../images/icon/icon_20ss.png) right center no-repeat;*/
  /*background-size: 40px auto;*/
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more em {
  width: 41px;
  height: 41px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 20px;
  position: relative;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more em:after {
  transition: all 0.5s;
  position: absolute;
  left: -41px;
  bottom: 0;
  width: 80px;
  height: 39px;
  background: url(../images/icon/iocn_126.png) center no-repeat;
  content: " ";
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more:hover em:after {
  transition: all 0.5s;
  left: 0;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li.on,
.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li.next {
  display: flex;
}

.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li.on .layout-btn-5,
.industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li.next .layout-btn-5 {
  pointer-events: auto;
}

.industry02 #r3 .other.on {
  opacity: 1;
  pointer-events: auto;
}

.industry02 #r3.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}

.industry02 #r3.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}

.industry02 #r3.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}

.industry02 #r3.on .other #clock .time-box .time-cir>li i>a {
  transform: none !important;
  opacity: 1;
}

@media (max-width: 1200px) {
  .industry01 {
    margin-top: -0.25rem;
    padding: 1.2rem 0 1.3rem;
    background: url(../images/mobile/page/bac_fff.png) center top no-repeat;
    background-size: 100% auto;
  }

  .industry01::before {
    top: 2rem;
    height: calc(100% - 2rem);
    background: #fff;
  }

  .industry01 .top {
    margin-bottom: 0.4rem;
  }

  .industry01 .top .left {
    margin-left: 0;
    width: 100%;
  }

  .industry01 .top .next {
    margin: 0 0 0.6rem 0.9rem;
    width: calc(100% - 1.8rem);
  }

  .industry01 .top .next b {
    line-height: 0.66rem;
    font-size: 0.4rem;
  }

  .industry01 .top .next .text {
    margin-top: 0.55rem;
    line-height: 0.48rem;
    font-size: 0.26rem;
  }

  .industry01 .top .right {
    float: right;
  }

  .industry01 .top .right div {
    width: 2.7rem;
    height: 2.8rem;
  }

  .industry01 .top .right div img {
    width: calc(100% + 2rem);
  }

  .industry01 .top .right div.img1 {
    margin-right: 0.18rem;
  }

  .industry01 .bot {
    margin-left: 0;
    width: 6.8rem;
    height: 3.4rem;
  }

  .industry01 .bot img {
    width: calc(100% + 4rem);
  }

  .industry02 #r3 .other {
    padding: 0 0.4rem;
  }

  .industry02 #r3 .other #clock {
    margin-top: -1rem;
    width: 6.9rem;
    height: 6.9rem;
    max-width: 700px;
    max-height: 700px;
  }

  .industry02 #r3 .other #clock .time-box {
    top: auto;
    bottom: -2.6rem;
    left: calc((6.9rem - 100vw) * 0.5);
    width: 100vw;
    height: 1rem;
  }

  .industry02 #r3 .other #clock .time-box>ul>li {
    height: 1rem;
    top: 0;
    transform-origin: 0;
  }

  .industry02 #r3 .other #clock .time-box>ul>li i {
    left: 0;
    transform: translateX(0);
  }

  .industry02 #r3 .other #clock .time-box-2 {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .industry02 #r3 .other #clock .time-box-2 ul {
    width: 100%;
    height: 100%;
  }

  .industry02 #r3 .other #clock .time-box-2 ul li {
    width: 0.68rem;
    height: 0.68rem;
    background: url(../images/icon/icon_52.png) center no-repeat;
    background-size: 100% auto;
  }

  .industry02 #r3 .other #clock .time-box-2 ul li:nth-child(1) {
    left: 50%;
    top: -0.35rem;
    transform: translateX(-50%);
  }

  .industry02 #r3 .other #clock .time-box-2 ul li:nth-child(2) {
    left: auto;
    right: 1.7%;
    top: 69.5%;
  }

  .industry02 #r3 .other #clock .time-box-2 ul li:nth-child(3) {
    left: 1.4%;
    top: 69.4%;
  }

  .industry02 #r3 .other #clock .time-box-2>ul.time-cir2>li.on {
    background-image: url(../images/icon/icon_52s.png);
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir {
    transform-origin: 0% 0%;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 1rem;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir::before {
    position: absolute;
    left: 0;
    top: calc((0.8rem - 1px) * 0.5);
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li {
    width: 33.33%;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li:nth-child(2) {
    left: 33.33%;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li:nth-child(3) {
    left: 66.66%;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li>i {
    width: 100%;
    height: 1rem;
    border-radius: 0;
    line-height: 0.4rem;
    border: none;
    opacity: 0.8;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>span {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 1rem;
    background: url(../images/icon/icon_51.png) center no-repeat;
    background-size: 100% auto;
    border: none;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a {
    position: relative;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a small {
    display: none;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li>i>a em {
    margin-top: 0.1rem;
    font-size: 0.36rem;
    text-align: center;
  }

  .industry02 #r3 .other #clock .time-box>ul.time-cir>li.on>i>span {
    opacity: 1;
    background-image: url(../images/icon/icon_51s.png);
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li {
    min-height: 1rem;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.94rem;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li .iconfont img {
    max-height: 0.94rem;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li h3 {
    font-size: 0.4rem;
    margin: 0.1rem 0 0.3rem;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.small {
    margin-bottom: 0.3rem;
    font-size: 0.28rem;
    line-height: 0.48rem;
    height: 1.44rem;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more p {
    padding-right: 0.7rem;
    line-height: 0.5rem;
    font-size: 0.26rem;
    background: url(../images/icon/icon_20ss.png) right center no-repeat;
    background-size: 0.5rem auto;
  }

  .industry02 #r3 .other #clock .msg-box .msg_1>li .time-note>li>.more em{
      display: none;
  }

  .industry02 #r3 .other #clock .time-move {
    left: -3px;
  }
}

@media (max-width: 1200px) and screen and (min-width: 1025px) {
  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(1) {
    transform: rotate(0deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(1) i {
    transform: translateX(0%) rotate(0deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(2) {
    transform: rotate(0deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(2) i {
    transform: translateX(0%) rotate(0deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(3) {
    transform: rotate(0deg);
  }

  .industry02 #r3 .other #clock .time-box>ul>li:nth-of-type(3) i {
    transform: translateX(0%) rotate(0deg);
  }
}

/*================ p4-0-产品中心 ================*/
.product .page_banner .pos span {
  margin-top: 80px;
}

.product01 {
  position: relative;
  margin-top: -100px;
  padding: 140px 0 180px;
  background: url(../images/page/product01_bac.png) center top no-repeat;
  background-size: 100% auto;
}

.product01 .cont {
  position: relative;
}

.product01 .top {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 60px;
  font-size: 36px;
  color: #333;
}

.product01 .top b {
  font-weight: bold;
}

.product01 .pc {
  padding-bottom: 5.4vw;
  display: block;
}

.product01 .mobile {
  display: none;
}

.product01 .list {
  position: relative;
}

.product01 .list a {
  position: relative;
  margin-bottom: 5%;
  width: 30%;
}

.product01 .list a .pic {
  transition: all 0.5s;
  width: 100%;
  height: 27.08vw;
  overflow: hidden;
}

.product01 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.product01 .list a .text {
  position: absolute;
  left: 0;
  bottom: 3.2vw;
  width: 100%;
  text-align: center;
}

.product01 .list a .text .h1 {
  font-size: 26px;
  color: #fff;
}

/*.product01 .list a .text em:hover {*/
/*  background-image: url(../images/icon/icon_20s.png);*/
/*}*/
.product01 .list a .text em {
  width: 41px;
  height: 41px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 21px;
  margin: 20px auto 0;
  position: relative;
}

.product01 .list a .text em:after {
  transition: all 0.5s;
  position: absolute;
  left: -41px;
  bottom: 0;
  width: 82px;
  height: 41px;
  background: url(../images/icon/iocn_126.png) center no-repeat;
  content: " ";
}

.product01 .list a .text em:hover:after {
  transition: all 0.5s;
  left: 0;
}

.product01 .list a:first-child {
  margin-top: 15.94vw;
  float: left;
}

.product01 .list a:nth-child(2) {
  margin-top: 7.1vw;
  float: left;
  margin-left: 5%;
}

/* .product01 .list a:nth-child(3),
  .product01 .list a:nth-child(4),
  .product01 .list a:nth-child(6) {
    float: right;
  } */
.product01 .list a:nth-child(3),
.product01 .list a:nth-child(4) {
  float: right;
}

.product01 .list a:nth-child(5) {
  float: left;
  margin-left: 5%;
}

/* .product01 .list a:nth-child(7) {
    position: absolute;
    left: 0;
    bottom: 12.58vw;
  } */
.product01 .list a:nth-child(6) {
  position: absolute;
  left: 0;
  top: calc(43.02vw + 5%);
}

.product01 .list a:hover .pic {
  border-radius: 70px 70px 0 0;
  transition: all 0.5s;
}

.product01 .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

@media (max-width: 1200px) {
  .product .page_banner .pos span {
    margin-top: 0.48rem;
  }

  .product01 {
    margin-top: -0.25rem;
    padding: 1rem 0;
    background: url(../images/mobile/page/product01_bac.png) center top no-repeat;
    background-size: 100% auto;
  }

  .product01 .top {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.4rem;
  }

  .product01 .top b {
    font-weight: bold;
  }

  .product01 .pc {
    display: none;
  }

  .product01 .mobile {
    display: block;
  }

  .product01 .list a {
    float: left !important;
    margin: 0 4% 0.3rem 0;
    width: 48%;
  }

  .product01 .list a:nth-child(2n) {
    margin-right: 0;
  }

  .product01 .list a .pic {
    height: 4rem;
  }

  .product01 .list a .text {
    bottom: 0.36rem;
  }

  .product01 .list a .text .h1 {
    font-size: 0.3rem;
  }

  .product01 .list a .text em {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0.16rem auto 0;
  }
.product01 .list a .text em:after{
    width: 0.13rem;
    height: 0.2rem;
     background: url(../images/icon/icon_26.png)center no-repeat;
     background-size: 0.13rem auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
  .product01 .list a:first-child {
    margin-top: 0;
  }

  .product01 .list a:nth-child(2) {
    margin-top: 0;
    margin-left: 0;
  }

  .product01 .list a:nth-child(5) {
    margin-left: 0;
  }

  /* .product01 .list a:nth-child(7) {
      position: relative;
      left: auto;
      bottom: auto;
    } */
  .product01 .list a:nth-child(6) {
    position: relative;
    left: auto;
    top: auto;
  }

  .product01 .list a:hover .pic {
    border-radius: 0.7rem 0.7rem 0 0;
  }
}

/*================ p4-1-产品列表 ================*/
.productList01 {
  position: relative;
  margin-top: -100px;
  padding: 140px 0 10px;
  background: url(../images/page/productList01_bac.png) center top no-repeat;
  background-size: 100% auto;
}

.productList01::before {
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  height: calc(100% - 200px);
  background: #fbfbfb;
  content: "";
  z-index: -1;
}

.productList01 .tab_title {
  position: relative;
  display: block;
  margin-bottom: 50px;
  width: 100%;
}

.productList01 .tab_title .lie {
  position: absolute;
  left: 0;
  top: 153px;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}

.productList01 .tab_title .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.productList01 .tab_title .swiper-slide {
  width: auto;
  padding: 0 2.4vw 30px;
}

.productList01 .tab_title .swiper-slide .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 25px;
  width: 80%;
  height: 56px;
}

.productList01 .tab_title .swiper-slide .icon img {
  max-width: 100%;
  max-height: 100%;
}

.productList01 .tab_title .swiper-slide p {
  font-size: 18px;
  color: #999;
  text-align: center;
}

.productList01 .tab_title .swiper-slide i {
  position: relative;
  margin: 20px auto 0;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: url(../images/icon/icon_60sss.png) center no-repeat;
  background-size: 100% auto;
}

.productList01 .tab_title .swiper-slide i::before {
  display: none;
  content: '';
  position: absolute;
  z-index: -1;
  background: url(../images/icon/icon_60s.png) center no-repeat;
  background-size: 100% auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  /* -webkit-animation-duration: 1.6s;
      animation-duration: 1.6s;
      opacity: 1;
      -webkit-animation-name: hvr-ripple-out-j;
      animation-name: hvr-ripple-out-j;
      animation-iteration-count:infinite;
      -webkit-animation-iteration-count:infinite;  */
}

.productList01 .tab_title .swiper-slide i::after {
  /* display: none;
      content: '';
      position: absolute;
      z-index: -1;
      background: url(../images/icon/icon_60ss.png) center no-repeat;background-size: 100% auto;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      -webkit-animation-duration: 1.6s;
      animation-duration: 1.6s;
      opacity: 1;
      -webkit-animation-name: hvr-ripple-out-s;
      animation-name: hvr-ripple-out-s;
      animation-iteration-count:infinite;
      -webkit-animation-iteration-count:infinite;  */
  display: none;
  content: "";
  transform: scale(0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: #f5a200;
  animation: mapLi 2s ease 0s infinite;
  border-radius: 100%;
}

.productList01 .tab_title .swiper-slide.cur p,
.productList01 .tab_title .swiper-slide:hover p {
  color: #f5a200;
}

.productList01 .tab_title .swiper-slide.cur i,
.productList01 .tab_title .swiper-slide:hover i {
  background-image: url(../images/icon/icon_60.png);
}

.productList01 .tab_title .swiper-slide.cur i::before,
.productList01 .tab_title .swiper-slide:hover i::before,
.productList01 .tab_title .swiper-slide.cur i::after,
.productList01 .tab_title .swiper-slide:hover i::after {
  display: block;
}

@keyframes mapLi {
  form {
    transform: scale(0.3);
    opacity: 1;
  }

  to {
    transform: scale(1.1);
    opacity: 0;
  }
}

@-webkit-keyframes hvr-ripple-out-j {
  1% {
    opacity: 1;
  }

  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0.3;
  }
}

@keyframes hvr-ripple-out-j {
  1% {
    opacity: 1;
  }

  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0.3;
  }
}

@-webkit-keyframes hvr-ripple-out-s {
  1% {
    opacity: 1;
  }

  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out-s {
  1% {
    opacity: 1;
  }

  100% {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 0;
  }
}

.productList01 .list {
  margin-bottom: 70px;
}

.productList01 .list a {
  position: relative;
  float: left;
  /* width: 23.45vw; */
  /*  margin:0 1.79% 30px 0;
              width: 32.14%; */
  margin-right: 1vw;
  margin-bottom: 1vw;
  width: calc((100% - 2vw) / 3);
  background: url(../images/page/productList01_bac3.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}

.productList01 .list a:nth-child(1) {
  /* width:66.07%;
                  .pic{
                      height: 670px;
                  } */
  width: calc(((100% - 2vw) / 3) * 2 + 1vw);
}

.productList01 .list a:nth-child(1) .pic {
  height: calc(33.2vw + 1vw);
}

.productList01 .list a:nth-child(2),
.productList01 .list a:nth-child(3),
.productList01 .list a:nth-child(6) {
  margin-right: 0;
}

.productList01 .list a .pic {
  width: 100%;
  /* height: 320px; */
  height: 16.6vw;
  overflow: hidden;
}

.productList01 .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.productList01 .list a .pos {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.6vw;
  line-height: 3.6vw;
  font-size: 18px;
}

.productList01 .list a .pos p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.productList01 .list a .pos.pos1 p {
  margin: 0 30px;
  width: calc(100% - 60px);
  text-align: center;
  color: #333;
}

.productList01 .list a .pos.pos2 {
  transition: all 0.5s;
  opacity: 0;
  bottom: -72px;
  background: #f5a200;
}

.productList01 .list a .pos.pos2::before {
  position: absolute;
  right: 30px;
  top: 0;
  width: 36px;
  height: 100%;
  background: url(../images/icon/icon_20ss.png) center no-repeat;
  background-size: 100% auto;
  content: "";
}

.productList01 .list a .pos.pos2 p {
  margin: 0 80px 0 30px;
  width: calc(100% - 110px);
  color: #fff;
}

.productList01 .list a:hover .pos1 {
  transition: all 0.5s;
  opacity: 0;
}

.productList01 .list a:hover .pos.pos2 {
  transition: all 0.5s;
  opacity: 1;
  bottom: 0;
}

@media (max-width: 1200px) {
  .productList01 {
    margin-top: -0.25rem;
    padding: 1rem 0 1px;
    background-image: url(../images/mobile/page/bac_fb.png);
  }

  .productList01::before {
    top: 1rem;
    height: calc(100% - 1rem);
  }

  .productList01 .tab_title {
    margin-bottom: 0.5rem;
  }

  .productList01 .tab_title .lie {
    top: 1.82rem;
  }

  .productList01 .tab_title .swiper-wrapper {
    justify-content: normal;
  }

  .productList01 .tab_title .swiper-slide {
    padding: 0 0.5rem 0.4rem;
  }

  .productList01 .tab_title .swiper-slide .icon {
    margin-bottom: 0.3rem;
    height: 0.66rem;
  }

  .productList01 .tab_title .swiper-slide p {
    font-size: 0.26rem;
  }

  .productList01 .tab_title .swiper-slide i {
    margin: 0.25rem auto 0;
    width: 0.58rem;
    height: 0.58rem;
  }

  .productList01 .tab_title .swiper-slide i::before {
    width: 0.58rem;
    height: 0.58rem;
  }

  .productList01 .list {
    margin-bottom: 0.5rem;
  }

  .productList01 .list a {
    margin-right: 0;
    margin-bottom: 0.3rem;
    width: 100%;
    background: url(../images/page/productList01_bac3.jpg) center no-repeat;
    background-size: cover;
  }

  .productList01 .list a:nth-child(1) {
    width: 100%;
  }

  .productList01 .list a:nth-child(1) .pic {
    height: 4.9rem;
  }

  .productList01 .list a .pic {
    height: 4.9rem;
  }

  .productList01 .list a .pos {
    height: 0.94rem;
    line-height: 0.94rem;
    font-size: 0.3rem;
  }

  .productList01 .list a .pos.pos1 p {
    margin: 0 0.4rem;
    width: calc(100% - 0.8rem);
    text-align: left;
  }

  .productList01 .list a .pos.pos2 {
    display: none;
  }
}

/*================ p4-1-产品详情================*/
.productDetails .productInfo01 {
  padding: 180px 0 120px;
  background: url(../images/page/productInfo01-bg.png) center no-repeat;
  background-size: cover;
  position: relative;
}

.productDetails .newXq_03 {
  position: absolute;
  top: 20%;
  left: 50px;
  z-index: 22;
}

.productDetails .newXq_03 .icon-fh {
  padding-top: 74px;
  width: 70px;
  font-size: 16px;
  text-align: center;
  color: #666;
  background: url(../images/icon/icon_68.png) top center no-repeat;
}

.productDetails .newXq_03 .icon-fh:hover {
  color: #f5a200;
  background-image: url(../images/icon/icon_68s.png);
}

.productDetails .productInfo01 .messageFlex {
  display: flex;
}

.productDetails .productInfo01 .flexLeft {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.productDetails .productInfo01 .flexLeft img {
  max-width: 100%;
  max-height: 100%;
}

.productDetails .productInfo01 .flexRight {
  width: 50%;
}

.productDetails .productInfo01 .flexRight .gapText {
  padding: 0 20px 0 11.42%;
}

.productDetails .productInfo01 .flexRight .textTitle {
  font-size: 32px;
  color: #333333;
  font-weight: bold;
}

.productDetails .productInfo01 .flexRight .text_b {
  font-size: 18px;
  color: #333333;
  margin-top: 40px;
}

.productDetails .productInfo01 .flexRight .textBox {
  margin-top: 50px;
}

.productDetails .productInfo01 .flexRight .boxFlex {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}

.productDetails .productInfo01 .flexRight .boxFlex:first-child {
  margin-top: 0;
}

.productDetails .productInfo01 .flexRight .boxFlex p {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.productDetails .productInfo01 .flexRight .boxFlex span {
  font-size: 16px;
  color: #666666;
  width: 75%;
}

/* .productDetails .productInfo01 .flexRight .boxFlex:last-child p {
    width: 150px;
  } */
.productDetails .productInfo01 .flexRight .boxFlex:last-child span {
  width: 60%;
}

.productDetails .productInfo01 .flexRight .textPhone {
  font-size: 16px;
  color: #333333;
  margin-top: 40px;
  /* display: flex;
    align-items: center; */
}

.productDetails .productInfo01 .flexRight .textPhone p {
  padding-left: 34px;
  background: url(../images/icon/icon_94.png) left center no-repeat;
  /* margin-left: 10%; */
  background-size: 22px auto;
}

.productDetails .productInfo01 .flexRight .textPhone a {
  color: #333333;
  padding-left: 34px;
  background: url(../images/icon/icon_95.png) left center no-repeat;
  background-size: 22px auto;
  position: relative;
  display: inline-block;
  margin-top: 26px;
}

.productDetails .productInfo01 .flexRight .textPhone a::after {
  content: '';
  width: calc(100% - 34px);
  height: 1px;
  background-color: #333333;
  position: absolute;
  bottom: -7px;
  left: 34px;
}

.productDetails .productInfo01 .flexRight .textPhone a:hover::after {
  background-color: #e79d00;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 180px;
  height: 55px;
  border-radius: 72px;
  background: url(../images/icon/icon_22.png) center no-repeat;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 50px;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty span {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
  padding-left: 30px;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty div {
  margin-right: 6px;
  width: 45px;
  height: 45px;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty div::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 60px;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: transform 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.5s, width 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty div i {
  width: 45px;
  height: 45px;
  background: url(../images/icon/icon_21.png) center no-repeat;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.productDetails .productInfo01 .flexRight .btn_icon_sty:hover span {
  color: #f5a200;
}

.productDetails .productInfo01 .flexRight .btn_icon_sty:hover div::before {
  transform: scale(1.45);
  width: 1300%;
  transition: transform 0.3s cubic-bezier(0.25, 0.74, 0.22, 0.99), width 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99) 0.3s;
}

.productDetails .productInfo02 {
  background-color: #fbfbfb;
  padding: 90px 0 214px;
}

.productDetails .productInfo02 .correlationTitle {
  font-size: 36px;
  color: #333333;
  font-weight: bold;
}

.productDetails .productInfo02 .correlationList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 48px;
}

.productDetails .productInfo02 .item {
  position: relative;
  /* width: 23.45vw; */
  margin-right: 1vw;
  margin-bottom: 1vw;
  width: calc((100% - 2vw) / 3);
  background: url(../images/page/productList01_bac3.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}

.productDetails .productInfo02 .item:nth-child(3n) {
  margin-right: 0;
}

.productDetails .productInfo02 .pic {
  width: 100%;
  /* height: 320px; */
  height: 16.6vw;
  overflow: hidden;
}

.productDetails .productInfo02 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.productDetails .productInfo02 .pos {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.6vw;
  line-height: 3.6vw;
  font-size: 18px;
}

.productDetails .productInfo02 .pos p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.productDetails .productInfo02 .pos.pos1 p {
  margin: 0 30px;
  width: calc(100% - 60px);
  text-align: center;
  color: #333;
}

.productDetails .productInfo02 .pos.pos2 {
  transition: all 0.5s;
  opacity: 0;
  bottom: -72px;
  background: #f5a200;
}

.productDetails .productInfo02 .pos.pos2 p {
  margin: 0 80px 0 30px;
  width: calc(100% - 110px);
  color: #fff;
}

.productDetails .productInfo02 .pos.pos2::before {
  position: absolute;
  right: 30px;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../images/icon/icon_20ss.png) center no-repeat;
  background-size: 40px auto;
  content: "";
}

.productDetails .productInfo02 .item:hover .pos.pos2 {
  transition: all 0.5s;
  opacity: 1;
  bottom: 0;
}

.explainShow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 22;
  display: none;
}

.explainShow::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.explainShow .centerShow {
  width: 660px;
  height: 290px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.explainShow .centerShow i {
  font-size: 24px;
  color: #333333;
}

.explainShow .centerShow p {
  font-size: 18px;
  color: #333333;
  margin-top: 36px;
}

.explainShow .centerShow .hint {
  display: flex;
  align-items: center;
  margin-top: 36px;
}

.explainShow .centerShow .hint a {
  width: 157px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  color: #333333;
  border: 1px solid #eeeeee;
  border-radius: 24px;
  transition: all 0.5s;
  cursor: pointer;
}

.explainShow .centerShow .hint a:last-child {
  margin-left: 24px;
}

.explainShow .centerShow .hint a:hover {
  background: #f5a200;
  border: 1px solid #f5a200;
  color: #ffffff;
  transition: all 0.5s;
}

.productDetails .m_box {
  display: none;
}

.productDetails .productInfo02 .m_correlationList {
  display: none;
}

@media (max-width: 1200px) {
  .explainShow .centerShow {
    padding: 0.4rem 0;
    width: 6.9rem;
    height: auto;
  }

  .explainShow .centerShow i {
    font-size: 0.36rem;
  }

  .explainShow .centerShow p {
    padding: 0 0.5rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
    margin-top: 0.36rem;
    text-align: center;
  }

  .explainShow .centerShow .hint {
    margin-top: 0.36rem;
  }

  .explainShow .centerShow .hint a {
    width: 1.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
  }

  .productDetails .newXq_03 {
    display: none;
  }

  .productDetails .productInfo01 {
    padding: 2.6rem 0 0.5rem;
    background: #f2f3f3 url(../images/mobile/page/productInfo01-bg.png) top center no-repeat;
  }

  .productDetails .productInfo01 .messageFlex {
    display: block;
  }

  .productDetails .productInfo01 .flexLeft {
    width: 100%;
  }

  .productDetails .productInfo01 .flexLeft img {
    width: calc(100% - 0.55rem - 0.7rem);
    margin: 0 0.55rem 0 0.7rem;
  }

  .productDetails .productInfo01 .flexRight {
    width: 100%;
    margin-top: 0.4rem;
  }

  .productDetails .productInfo01 .flexRight .gapText {
    padding: 0;
  }

  .productDetails .productInfo01 .flexRight .textTitle {
    font-size: 0.4rem;
    text-align: center;
  }

  .productDetails .productInfo01 .flexRight .text_b {
    font-size: 0.26rem;
    margin-top: 0.3rem;
    line-height: 0.39rem;
    text-align: center;
  }

  .productDetails .p_box {
    display: none;
  }

  .productDetails .m_box {
    display: block;
  }

  .productDetails .m_box .m_boxTxet {
    font-size: 0.4rem;
    color: #333333;
    margin-top: 1rem;
    font-weight: bold;
  }

  .productDetails .productInfo01 .flexRight .btn_icon_sty {
    width: 2.52rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    margin: 0 auto;
    margin-top: 0.4rem;
    background-size: cover;
  }

  .productDetails .productInfo01 .flexRight .btn_icon_sty span {
    font-size: 0.26rem;
    padding-left: 0.26rem;
  }

  .productDetails .productInfo01 .flexRight .btn_icon_sty div {
    margin-right: 0.12rem;
    width: 0.56rem;
    height: 0.56rem;
  }

  .productDetails .productInfo01 .flexRight .btn_icon_sty div i {
    width: 0.56rem;
    height: 0.56rem;
    background-size: 0.16rem auto;
  }

  .productDetails .productInfo01 .flexRight .btn_icon_sty div::before {
    border-radius: 0.56rem;
  }

  .productDetails .productInfo01 .flexRight .textBox {
    margin-top: 0.8rem;
  }

  .productDetails .productInfo01 .flexRight .boxFlex {
    margin-top: 0.5rem;
    padding-bottom: 0.32rem;
    border-bottom: 1px solid #e5e5e5;
  }

  .productDetails .productInfo01 .flexRight .boxFlex p {
    font-weight: bold;
    font-size: 0.26rem;
  }

  .productDetails .productInfo01 .flexRight .boxFlex span {
    font-size: 0.26rem;
  }

  .productDetails .productInfo01 .flexRight .textPhone {
    display: block;
    margin-top: 0;
    font-size: 0.28rem;
  }

  .productDetails .productInfo01 .flexRight .textPhone .linkTxte {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.2rem;
    padding-bottom: 0.49rem;
    background: none;
  }

  .productDetails .productInfo01 .flexRight .textPhone .linkTxte::after {
    display: none;
  }

  .productDetails .productInfo01 .flexRight .textPhone i {
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/icon/icon_20s.png) center no-repeat;
    background-size: contain;
  }

  .productDetails .productInfo01 .flexRight .textPhone p {
    padding-left: 0.76rem;
    margin-top: 1rem;
    padding-bottom: 0.32rem;
    background: url(../images/icon/icon_94.png) left top no-repeat;
    background-size: 0.34rem auto;
    font-weight: bold;
  }

  .productDetails .productInfo01 .flexRight .textPhone em {
    position: relative;
    margin: 0;
    padding-left: 0.76rem;
    background: url(../images/icon/icon_95.png) left top no-repeat;
    background-size: 0.35rem auto;
  }

  .productDetails .productInfo01 .flexRight .textPhone em::after {
    display: none;
    content: '';
    height: 1px;
    bottom: -0.16rem;
    left: 0.76rem;
    width: calc(100% - 0.76rem);
    background-color: #333333;
    position: absolute;
  }

  .productDetails .productInfo02 {
    padding: 1rem 0;
  }

  .productDetails .productInfo02 .correlationTitle {
    font-size: 0.4rem;
  }

  .productDetails .productInfo02 .correlationList {
    display: none;
  }

  .productDetails .productInfo02 .m_correlationList {
    display: block;
  }

  .productDetails .productInfo02 .m_correlationList .swiper-pagination.swiper-pagination-clickable {
    margin-top: 0.2rem;
  }

  .productDetails .productInfo02 .m_correlationList .icon-fh {
    margin: 0.6rem auto 0;
    padding-top: 1.18rem;
    width: 1rem;
    font-size: 0.26rem;
    background-size: 0.9rem auto;
    text-align: center;
    color: #666;
    background: url(../images/icon/icon_68.png) top center no-repeat;
  }

  .productDetails .productInfo02 .item {
    margin-right: 0;
    margin-bottom: 0.3rem;
    width: 100%;
  }

  .productDetails .productInfo02 .pic {
    height: 4.9rem;
  }

  .productDetails .productInfo02 .pos {
    height: 0.88rem;
    line-height: normal;
    font-size: 0.3rem;
    font-weight: bold;
  }

  .productDetails .productInfo02 .pos.pos1 p {
    margin: 0 0.3rem;
    width: calc(100% - 0.6rem);
  }

  .productDetails .productInfo02 .item:hover .pos.pos2 {
    line-height: 0.94erm;
  }

  .productDetails .productInfo02 .pos.pos2 p {
    margin: 0 0.8rem 0 0.3rem;
    width: calc(100% - 1.1rem);
    line-height: 0.94rem;
  }
}

/*================ p1-1搜索结果页 ================*/
.pageSearch01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 120px 0 1px;
  background: url(../images/page/bac_fb.png) center top no-repeat;
  background-size: 100% auto;
}

.pageSearch01::before {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 200px);
  background: #fbfbfb;
  content: "";
}

.pageSearch01 .tab_title b {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  text-align: center;
}

.pageSearch01 .tab_title .but {
  display: flex;
  justify-content: center;
}

.pageSearch01 .tab_title .but a {
  margin: 0 16px;
  padding: 0 20px;
  min-width: 80px;
  line-height: 45px;
  font-size: 18px;
  color: #999;
  text-align: center;
  border-radius: 45px;
  background: #f1f1f1;
  cursor: pointer;
}

.pageSearch01 .tab_title .but a.cur,
.pageSearch01 .tab_title .but a:hover {
  color: #fff;
  background: #f5a200;
}

.pageSearch01 .list {
  margin: 40px auto;
}

.pageSearch01 .list a {
  position: relative;
  margin-bottom: 19px;
  padding: 50px 60px;
  background: #fff;
}

.pageSearch01 .list a .time {
  transition: all 0.5s;
  float: left;
  margin-right: 26px;
  padding: 13px 4px;
  width: 52px;
  background: #f5a200;
  text-align: center;
  color: #fff;
}

.pageSearch01 .list a .time p {
  line-height: 22px;
  font-size: 18px;
}

.pageSearch01 .list a .text {
  float: left;
  width: calc(100% - 60px - 26px);
}

.pageSearch01 .list a .text i,
.pageSearch01 .list a .text em,
.pageSearch01 .list a .text span {
  display: inline-block;
  color: #0c9299;
}

.pageSearch01 .list a .text b {
  margin: -10px 0 20px;
  height: 37px;
  line-height: 37px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pageSearch01 .list a .text b i,
.pageSearch01 .list a .text b em,
.pageSearch01 .list a .text b span {
  font-weight: bold;
}

.pageSearch01 .list a .text p {
  max-height: 56px;
  line-height: 28px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pageSearch01 .list a:hover .text b {
  color: #f5a200;
}

@media (max-width: 1200px) {
  .pageSearch01 {
    margin-top: -0.25rem;
    padding: 0.9rem 0 1px;
    background-image: url(../images/mobile/page/bac_fb.png);
  }

  .pageSearch01::before {
    top: 1rem;
    height: calc(100% - 1rem);
  }

  .pageSearch01 .tab_title b {
    margin-bottom: 0.5rem;
    font-size: 0.32rem;
  }

  .pageSearch01 .tab_title .but a {
    margin: 0 0.2rem;
    padding: 0 0.3rem;
    min-width: 1.5rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    border-radius: 0.8rem;
  }

  .pageSearch01 .list {
    margin: 0.6rem auto;
  }

  .pageSearch01 .list a {
    margin-bottom: 0.3rem;
    padding: 0.6rem 0.4rem;
  }

  .pageSearch01 .list a .time {
    margin-right: 0.3rem;
    padding: 0.13rem 0.11rem;
    width: 0.7rem;
  }

  .pageSearch01 .list a .time p {
    line-height: 0.41rem;
    font-size: 0.32rem;
  }

  .pageSearch01 .list a .text {
    width: calc(100% - 0.92rem - 0.3rem);
  }

  .pageSearch01 .list a .text b {
    margin: 0 0 0.2rem;
    height: auto;
    max-height: 0.9rem;
    line-height: 0.45rem;
    font-size: 0.3rem;
    -webkit-line-clamp: 2;
  }

  .pageSearch01 .list a .text p {
    max-height: 0.78rem;
    line-height: 0.39rem;
    font-size: 0.26rem;
  }
}

/*================ p1-2-领导团队 ================*/
.team01 .next {
  padding: 96px 0;
  background: #fbfbfb;
}

.team01 .next:nth-child(2n - 1) {
  background: #fff;
}

.team01 .next:nth-child(2n - 1) .list a {
  background: #fbfbfb;
}

.team01 .next:nth-child(2n - 1) .list a:hover {
  background: url(../images/page/team01_bac.jpg) center no-repeat;
  background-size: cover;
}

.team01 .next:last-child {
  padding-bottom: 160px;
}

.team01 .list {
  display: flex;
  flex-wrap: wrap;
}

.team01 .list a {
  margin: 0 1.6% 26px 0;
  width: 23.8%;
  background: #fff;
}

.team01 .list a:nth-child(4n) {
  margin-right: 0;
}

.team01 .list a .bor {
  padding: 23px 5% 18px;
}

.team01 .list a .top {
  display: flex;
  flex-wrap: wrap;
  border-bottom: #f5a200 1px solid;
}

.team01 .list a .top i {
  margin-right: 4px;
  line-height: 50px;
  font-size: 24px;
  color: #333;
}

.team01 .list a .top em {
  margin-top: 20px;
  font-size: 14px;
  color: #999;
}

.team01 .list a p {
  padding-top: 15px;
  font-size: 16px;
  color: #555;
}

.team01 .list a:hover {
  background: url(../images/page/team01_bac.jpg) center no-repeat;
  background-size: cover;
}

.team01 .list a:hover .top {
  border-bottom: rgba(245, 162, 0, 0) 1px solid;
}

.team01 .list a:hover .top i,
.team01 .list a:hover .top em,
.team01 .list a:hover p {
  color: #fff;
}

@media (max-width: 1400px) {
  .team01 .list a .top i {
    font-size: 22px;
  }

  .team01 .list a .top em {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  .team01 .next {
    padding: 0.95rem 0 0.7rem;
  }

  .team01 .next:last-child {
    padding-bottom: 1rem;
  }

  .team01 .list a {
    margin: 0 4% 4% 0;
    width: 48%;
  }

  .team01 .list a:nth-child(2n) {
    margin-right: 0;
  }

  .team01 .list a .bor {
    padding: 0.26rem 5% 0.28rem;
  }

  .team01 .list a .top i {
    margin-right: 4px;
    line-height: 0.62rem;
    font-size: 0.3rem;
  }

  .team01 .list a .top em {
    margin-top: 0.26rem;
    font-size: 0.16rem;
  }

  .team01 .list a p {
    padding-top: 0.23rem;
    font-size: 0.24rem;
  }
}

/*================ p2-1-新闻列表 ================*/
.newList01 {
  padding: 120px 0 1px;
  background: #f7f7f7;
}

.newList01 .list {
  margin-bottom: 20px;
}

.newList01 .list a {
  float: left;
  margin: 0 2.75% 2.75% 0;
  width: 31.5%;
  background: #fff;
}

.newList01 .list a:nth-child(3n) {
  margin-right: 0;
}

.newList01 .list a .pic {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.newList01 .list a .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.newList01 .list a .pic .time {
  position: absolute;
  left: 30px;
  top: 30px;
  padding: 10px 0 8px;
  width: 80px;
  color: #fff;
  text-align: center;
  background: #f5a200;
}

.newList01 .list a .pic .time em {
  font-size: 14px;
  font-family: "DINRegular";
}

.newList01 .list a .pic .time span {
  line-height: 42px;
  font-size: 42px;
  font-weight: bold;
  font-family: "DINBold";
}

.newList01 .list a .text {
  padding: 30px;
}

.newList01 .list a .text b {
  margin-bottom: 9px;
  height: 54px;
  line-height: 26px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.newList01 .list a .text p {
  height: 46px;
  line-height: 22px;
  font-size: 14px;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
}
.newList01 .list a .text .times{
    font-size: 14px;
    color: #e69c03;
    display: flex;
}

.newList01 .list a:hover .pic i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.newList01 .list a:hover .text b {
  color: #f5a200;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .newList01 {
    padding: 0.6rem 0 1px;
  }

  .newList01 .list {
    margin-bottom: 0.2rem;
  }

  .newList01 .list a {
    margin: 0 0 0.3rem 0;
    width: 100%;
  }

  .newList01 .list a .pic {
    height: 3.9rem;
  }

  .newList01 .list a .pic .time {
    left: 0.5rem;
    top: 0.4rem;
    padding: 0.1rem 0;
    width: 1rem;
  }

  .newList01 .list a .pic .time em {
    font-size: 0.22rem;
  }

  .newList01 .list a .pic .time span {
    line-height: 0.5rem;
    font-size: 0.5rem;
  }

  .newList01 .list a .text {
    padding: 0.5rem;
  }

  .newList01 .list a .text b {
    margin-bottom: 0.2rem;
    height: auto;
    max-height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
  }

  .newList01 .list a .text p {
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    margin-top: 0.2rem;
  }
  .newList01 .list a .text .times{
      line-height: 0.4rem;
  }
}

/*================ p2-2-视频列表 ================*/
.videoList01 {
  padding: 120px 0 1px;
  background: #f7f7f7;
}

.videoList01 .list {
  margin-bottom: 20px;
}

.videoList01 .list a {
  float: left;
  margin: 0 1.775% 40px 0;
  width: 32.15%;
  background: #fff;
}

.videoList01 .list a:nth-child(3n) {
  margin-right: 0;
}

.videoList01 .list a .pic {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.videoList01 .list a .pic::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  content: "";
}

.videoList01 .list a .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.videoList01 .list a .pic em {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_46.png) center no-repeat;
  content: "";
}

.videoList01 .list a .text {
  padding: 0 30px;
}

.videoList01 .list a .text b {
  height: 90px;
  line-height: 90px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.videoList01 .list a:hover .pic i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.videoList01 .list a:hover .text b {
  color: #f5a200;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .videoList01 {
    padding: 0.6rem 0 1px;
  }

  .videoList01 .list {
    margin-bottom: 0.5rem;
  }

  .videoList01 .list a {
    margin: 0 0 0.3rem 0;
    width: 100%;
  }

  .videoList01 .list a .pic {
    height: 3.9rem;
  }

  .videoList01 .list a .pic em {
    background-size: 0.78rem auto;
  }

  .videoList01 .list a .text {
    padding: 0 0.4rem;
  }

  .videoList01 .list a .text b {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.3rem;
  }
}

/*================ p8-1 员工风采 ================*/
.imgList01 {
  padding: 120px 0 1px;
  background: #f7f7f7;
}

.imgList01 .title .left {
  /* display: flex;
    align-items: center;
    flex-wrap: wrap; */
  width: 100%;
}

.imgList01 .title .left a {
  font-size: 22px;
  color: #999999;
  font-weight: normal;
  margin-right: 5%;
  transition: all 0.5s;
}

.imgList01 .title .left .swiper-slide {
  width: auto;
}

.imgList01 .title .left .swiper-wrapper {
  align-items: center;
}

.imgList01 .title .left a:last-child {
  margin-right: 0;
}

.imgList01 .title .left a.cur {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
}

.imgList01 .title .left a:hover {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
}

.imgList01 .list {
  margin-bottom: 20px;
}

.imgList01 .list .listPage {
  float: left;
  margin: 0 2.75% 2.75% 0;
  width: 31.5%;
  background: #fff;
  cursor: pointer;
}

.imgList01 .list .listPage:nth-child(3n) {
  margin-right: 0;
}

.imgList01 .list .listPage .pic {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.imgList01 .list .listPage .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.imgList01 .list .listPage .pic em {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_46.png) center no-repeat;
  content: "";
}

.imgList01 .list .listPage .text {
  padding: 0 30px;
}

.imgList01 .list .listPage .text b {
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.imgList01 .list .listPage:hover .pic i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.imgList01 .list .listPage:hover .text b {
  color: #f5a200;
  font-weight: bold;
}

/*================ 员工风采弹窗 ================*/
.pop_up_2 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 32;
  width: 100%;
  height: 100%;
}

.pop_up_2 .swiper-slide {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop_up_2 .pos {
  max-width: calc(90vw - 114px);
  max-height: 90vh;
}

.pop_up_2 img {
  max-width: 100%;
  max-height: calc(90vh - 92px);
}

.pop_up_2 .next {
  padding-top: 30px;
  font-size: 22px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
}

.pop_up_2 .swiper-button-prev {
  left: 7%;
  width: 61px;
  height: 61px;
  background: url(../images/icon/icon_118.png) center no-repeat;
}

.pop_up_2 .swiper-button-next {
  right: 7.8%;
  width: 61px;
  height: 61px;
  background: url(../images/icon/icon_119.png) center no-repeat;
}

.pop_up_2 .delete {
  position: fixed;
  right: 7%;
  top: 5%;
  z-index: 16;
  width: 38px;
  height: 38px;
  background: url(../images/icon/icon_120.png) center no-repeat;
  cursor: pointer;
}

.pop_up_2_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 31;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
}

.pop_up_2 .swiper-pagination {
  display: none;
}

@media (max-width: 1200px) {
  .imgList01 {
    padding: 0.6rem 0 1px;
  }

  .imgList01 .list {
    margin-bottom: 0.5rem;
  }

  .imgList01 .list .listPage {
    margin: 0 0 0.38rem 0;
    width: 100%;
  }

  .imgList01 .list .listPage .pic {
    height: 3.9rem;
  }

  .imgList01 .list .listPage .pic em {
    background-size: 0.78rem auto;
  }

  .imgList01 .list .listPage .text {
    padding: 0 0.4rem;
  }

  .imgList01 .list .listPage .text b {
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 0.3rem;
  }

  .imgList01 .title .left a {
    font-size: 0.3rem;
    color: #999999;
    padding: 0.26rem 0.46rem;
    background: #f1f1f1;
    border-radius: 40px;
    margin-right: 0.3rem;
  }

  .imgList01 .title .left a:last-child {
    margin-right: 0;
  }

  .imgList01 .title .left a.cur {
    font-size: 0.3rem;
    color: #ffffff;
    background: #f5a200;
  }

  .imgList01 .title .left a:hover {
    font-size: 0.3rem;
    color: #999999;
    font-weight: normal;
  }

  .pop_up_2 .pos {
    max-width: calc(100% - 0.6rem);
  }

  .pop_up_2 .next {
    font-size: 0.32rem;
    padding-top: 0.42rem;
  }

  .pop_up_2 .popSwpier {
    position: absolute;
    bottom: 18%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pop_up_2 .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    background-size: contain;
    top: 80%;
    left: 39%;
    /*position: static;*/
  }

  .pop_up_2 .swiper-button-next {
    width: 0.6rem;
    height: 0.6rem;
    background-size: contain;
    top: 80%;
    right: 39%;
    /*position: static;*/
  }

  .pop_up_2 .swiper-pagination {
    display: flex;
    font-size: 0.24rem;
    padding: 0 0.4rem;
    color: #f5a200;
    width: auto;
  }

  .pop_up_2 .swiper-pagination span {
    font-size: 0.48rem;
    font-family: "DINBold";
  }

  .pop_up_2 .swiper-pagination .s1 {
    font-size: 0.24rem;
    font-weight: normal;
    margin-top: -0.1rem;
    margin-left: 0.12rem;
    font-family: "DINRegular";
  }

  .pop_up_2 .swiper-pagination .s2 {
    font-size: 0.24rem;
    font-weight: normal;
    margin-top: -0.1rem;
    margin-left: 0.12rem;
    font-family: "DINRegular";
  }

  .pop_up_2 .delete {
    width: 0.48rem;
    height: 0.48rem;
    right: 0.3rem;
    background-size: contain;
  }
}

/*================ p2-2-新闻详情 ================*/
.newDetails01 {
  position: relative;
  padding: 70px 0 180px;
  background: #fbfbfb;
  overflow: hidden;
}

.newDetails01 .next {
  padding: 70px 70px 90px;
  background: #fff;
}

.newDetails01 .next .title_box {
  margin-bottom: 35px;
  line-height: 45px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.newDetails01 .next .cen {
  padding: 20px 40px;
  margin-bottom: 40px;
  background: #fbfbfb;
}

.newDetails01 .next .cen .cen_box {
  display: flex;
  justify-content: center;
  line-height: 30px;
  color: #999;
  font-size: 16px;
}

.newDetails01 .next .cen .cen_box i {
  flex-grow: 1;
}

.newDetails01 .next .cen .cen_box.fl {
  width: calc(100% - 120px);
}

.newDetails01 .next .cen span {
  display: inline-block;
  margin-top: 5px;
  width: 39px;
  height: 20px;
  border-right: #c6c6c6 1px solid;
  cursor: pointer;
}

.newDetails01 .next .cen span.big {
  background: url(../images/icon/icon_84.png) center no-repeat;
}

.newDetails01 .next .cen span.big:hover,
.newDetails01 .next .cen span.big.cur {
  background: url(../images/icon/icon_84s.png) center no-repeat;
}

.newDetails01 .next .cen span.middle {
  background: url(../images/icon/icon_85.png) center no-repeat;
}

.newDetails01 .next .cen span.middle:hover,
.newDetails01 .next .cen span.middle.cur {
  background: url(../images/icon/icon_85s.png) center no-repeat;
}

.newDetails01 .next .cen span.small {
  border-right: none;
  background: url(../images/icon/icon_86.png) center no-repeat;
}

.newDetails01 .next .cen span.small:hover,
.newDetails01 .next .cen span.small.cur {
  background: url(../images/icon/icon_86s.png) center no-repeat;
}

.newDetails01 .next .text {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  padding-bottom: 50px;
  word-wrap: break-word;
  word-break: normal;
}

.newDetails01 .next .text p {
  text-indent: 2em;
  text-align: justify;
}

.newDetails01 .next .text p:has(img) {
  text-indent: 0em;
}

.newDetails01 .next .text img {
  display: block;
  margin: 15px auto;
  max-width: 70%;
  height: auto !important;
}

.newDetails01 .next .text video {
  display: block;
  margin: 30px auto;
  width: 90%;
  max-width: 100%;
  height: auto !important;
}

.newDetails01 .next .text span,
.newDetails01 .next .text i,
.newDetails01 .next .text em,
.newDetails01 .next .text a,
.newDetails01 .next .text b {
  display: inline;
}

.newDetails01 .next .text table {
  margin: 0 auto;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
}

.newDetails01 .next .text table td {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
}

.newDetails01 .next .text table p {
  text-indent: 0em;
  text-align: inherit;
}

.newDetails01 .next .go_article {
  position: relative;
  line-height: 70px;
  font-size: 20px;
}

.newDetails01 .next .go_article a {
  display: flex;
  margin-bottom: 16px;
  padding: 0 40px;
  color: #333;
  background: #fbfbfb;
}

.newDetails01 .next .go_article a p {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.newDetails01 .next .go_article a:hover p {
  color: #f5a200;
}

.newDetails01 .newXq_03 {
  position: absolute;
  left: calc(6.7725% - 35px);
  top: 80px;
}

.newDetails01 .newXq_03.cur{
  position: fixed;
  top: 108px;
  transition: all 0.5s;
}

.newDetails01 .newXq_03 .icon-share .icon_box {
  margin-bottom: 40px;
  padding-top: 70px;
  width: 70px;
  font-size: 16px;
  text-align: center;
  color: #666;
  background: url(../images/icon/icon_67.png) top center no-repeat;
}

.newDetails01 .newXq_03 .icon-share .icon_box:hover {
  color: #f5a200;
  background-image: url(../images/icon/icon_67s.png);
}

.newDetails01 .newXq_03 .icon-share .icon_box::before {
  display: none;
}

.newDetails01 .newXq_03 .pos_box .Smohan_Layer_box {
  height: 1px;
  overflow: hidden;
}

.newDetails01 .newXq_03 .share {
  cursor: pointer;
}

.newDetails01 .newXq_03 .icon-fh {
  padding-top: 74px;
  width: 70px;
  font-size: 16px;
  text-align: center;
  color: #666;
  background: url(../images/icon/icon_68.png) top center no-repeat;
}

.newDetails01 .newXq_03 .icon-fh:hover {
  color: #f5a200;
  background-image: url(../images/icon/icon_68s.png);
}

.newDetails02 {
  padding-bottom: 160px;
  background: url(../images/page/newDetails02_bac.jpg) right top no-repeat;
  background-size: cover;
}

@media (max-width: 1200px) {
  .newDetails01 {
    padding: 0.6rem 0;
  }

  .newDetails01 .next {
    padding: 0.5rem 0.4rem 0.6rem;
  }

  .newDetails01 .next .title_box {
    margin-bottom: 0.35rem;
    line-height: 0.54rem;
    font-size: 0.36rem;
  }

  .newDetails01 .next .cen {
    padding: 0.4rem 0.3rem;
    margin-bottom: 0.4rem;
  }

  .newDetails01 .next .cen .cen_box {
    flex-wrap: wrap;
    line-height: 0.5rem;
    font-size: 0.26rem;
  }

  .newDetails01 .next .cen .cen_box i {
    flex-grow: 1;
  }

  .newDetails01 .next .cen .cen_box.fl {
    width: 100%;
  }

  .newDetails01 .next .cen span {
    display: none;
  }

  .newDetails01 .next .text {
    font-size: 0.26rem;
    line-height: 0.44rem;
    padding-bottom: 0.6rem;
  }

  .newDetails01 .next .text img {
    margin: 0.3rem auto;
    max-width: 100%;
  }

  .newDetails01 .next .text video {
    margin: 0.3rem auto;
    width: 100%;
  }

  .newDetails01 .next .go_article {
    line-height: 0.45rem;
    font-size: 0.3rem;
  }

  .newDetails01 .next .go_article a {
    margin-bottom: 0.2rem;
    padding: 0.26rem 0.3rem;
  }

  .newDetails01 .next .go_article a p {
    max-height: 0.9rem;
    -webkit-line-clamp: 2;
  }

  .newDetails01 .newXq_03 {
    position: relative ;
    left: auto;
    top: auto;
  }

  .newDetails01 .newXq_03 .share {
    display: none;
  }

  .newDetails01 .newXq_03 .icon-fh {
    margin: 0.5rem auto 0;
    padding-top: 1.1rem;
    width: 1rem;
    font-size: 0.26rem;
    background-size: 0.9rem auto;
  }

  .newDetails02 {
    padding-bottom: 1rem;
  }
}

/*================ p3-2产业板块-医药商业 ================*/
.industry_title {
  margin-bottom: 70px;
  text-align: center;
}

.industry_title .top {
  position: relative;
  margin-bottom: 28px;
}

.industry_title .top b {
  font-size: 44px;
  color: #ededed;
  font-weight: bold;
}

.industry_title .top i {
  position: absolute;
  left: 0;
  top: 2px;
  width: 100%;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}

.industry_title p {
  margin: 0 auto;
  width: 78.57%;
  line-height: 32px;
  font-size: 16px;
  color: #666;
}

.business01 {
  padding: 96px 0 90px;
  background: #f8f8f8;
}

.business01 .list a {
  position: relative;
  margin-bottom: 120px;
}

.business01 .list a .bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background: #fff;
  content: "";
}

.business01 .list a .pic {
  float: right;
  width: 50%;
  height: 586px;
  overflow: hidden;
}

.business01 .list a .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.business01 .list a .next {
  position: relative;
  float: left;
  display: flex;
  align-items: center;
  width: 50%;
  min-height: 586px;
  background: #fff;
}

.business01 .list a .next .sum {
  position: absolute;
  right: 5%;
  top: 0;
  font-size: 170px;
  font-family: "Aemstel";
  color: #706e6f;
  opacity: 0.04;
}

.business01 .list a .next .bor {
  position: relative;
  z-index: 2;
  padding: 40px 7% 40px 0;
}

.business01 .list a .next b {
  margin-bottom: 40px;
  font-size: 26px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.business01 .list a .next .text p {
  margin-bottom: 18px;
  padding-left: 24px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  text-align: justify;
  background: url(../images/icon/icon_45s.png) left 8px no-repeat;
  background-size: 10px auto;
}

.business01 .list a .next .text p:last-child {
  margin-bottom: 0;
}

.business01 .list a:nth-child(2n) .bac {
  left: auto;
  right: 0;
}

.business01 .list a:nth-child(2n) .pic {
  float: left;
}

.business01 .list a:nth-child(2n) .next {
  float: right;
}

.business01 .list a:nth-child(2n) .next .bor {
  padding: 40px 0 40px 7%;
}

.business01 .list a:hover .pic i {
  transform: scale(1.1);
  transition: all 0.5s;
}

@media (max-width: 1200px) {
  .industry_title {
    margin-bottom: 0.5rem;
  }

  .industry_title .top {
    margin-bottom: 0.4rem;
  }

  .industry_title .top b {
    font-size: 0.44rem;
  }

  .industry_title .top i {
    font-size: 0.4rem;
  }

  .industry_title p {
    width: 100%;
    line-height: 0.4rem;
    font-size: 0.26rem;
  }

  .business01 {
    padding: 0.9rem 0;
  }

  .business01 .list a {
    margin-bottom: 0.3rem;
  }

  .business01 .list a .bac {
    display: none;
  }

  .business01 .list a .pic {
    width: 100%;
    height: 5.7rem;
  }

  .business01 .list a .next {
    width: 100%;
    min-height: 3rem;
  }

  .business01 .list a .next .sum {
    right: 0.4rem;
    font-size: 1.7rem;
  }

  .business01 .list a .next .bor {
    padding: 0.7rem 0.4rem;
  }

  .business01 .list a .next b {
    margin-bottom: 0.3rem;
    font-size: 0.32rem;
  }

  .business01 .list a .next .text p {
    margin-bottom: 0.3rem;
    padding-left: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    background-position: left 0.08rem;
    background-size: 0.16rem auto;
  }

  .business01 .list a:nth-child(2n) .next .bor {
    padding: 0.7rem 0.4rem;
  }
}

/*================ p6-0-社会责任 ================*/
.social01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 180px 0;
  background: url(../images/page/social01_bac.png) left top no-repeat;
  background-size: 100% auto;
}

.social01 .text p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  text-align: center;
}

.social01 .text p i {
  color: #f5a200;
}

@media (max-width: 1200px) {
  .social01 {
    margin-top: -0.25rem;
    padding: 2rem 0 1.2rem;
    background-image: url(../images/mobile/page/social01_bac.png);
    background-size: 100% auto;
  }

  .social01 .text p {
    padding: 0 0.3rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
  }
}

.social02 {
  padding: 110px 0 0px;
  background: #f8f8f8;
  position: relative;
}

.social02 .tab_title a {
  margin-bottom: 20px;
  cursor: pointer;
}

.social02 .tab_title a b {
  position: relative;
  margin-bottom: 22px;
  padding-left: 30px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}

.social02 .tab_title a b::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background: url(../images/icon/icon_21.png) left center no-repeat;
  content: "";
}

.social02 .tab_title a .text {
  transition: all 0.5s;
  max-height: 0px;
  margin-bottom: 0px;
  line-height: 34px;
  font-size: 16px;
  color: #999;
  overflow: hidden;
}

.social02 .tab_title a.cur b,
.social02 .tab_title a:hover b {
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.social02 .tab_title a.cur .text,
.social02 .tab_title a:hover .text {
  transition: all 0.5s;
  margin-bottom: 60px;
  max-height: 200px;
}

.social02 .text_box {
  display: none;
}

.social02 .title {
  margin-bottom: 28px;
}

.social02 .tab_next .over_box {
  height: 680px;
}

.social02 .tab_next .over_box .swiper-scrollbar {
  opacity: 0;
}

.social02 .tab_next .over_box .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.social02 .tab_next .list {
  /*column-count: 2;*/
  /*column-gap: 30px;*/
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*justify-content: space-between;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.social02 .tab_next .list a {
  width: 48.22%;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /*background: #ffffff;*/
    float: left;
    background: #ffffff;
}

.social02 .tab_next .list a:nth-child(2n){
    float: right;
}

.social02 .tab_next .list a .pic {
  width: 100%;
  height: 228px;
  overflow: hidden;
}

.social02 .tab_next .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.social02 .tab_next .list a .text {
  padding: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  background: #fff;

}
.social02 .tab_next .list a .text p{
      display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.social02 .tab_next .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

.social02 .tab_next .list a:hover .text {
  color: #f5a200;
  font-weight: bold;
}

@media (min-width: 1201px) {
  .social02 {
    position: relative;
  }

  .social02 .tab_title {
    position: absolute;
    z-index: 2;
    left: 13.545%;
    width: 23.75%;
  }

  .social02 .tab_next_more {
    position: absolute;
    z-index: 2;
    right: 13.545%;
  }

  .social02 .tab_next {
    margin-top: 80px;
    width: 100%;
    padding-bottom: 44px;
  }

  .social02 .tab_next .list {
    margin-left: 42.6%;
    width: 43.85%;
  }
}

@media (max-width:1660px){
   .social02 .tab_next .list {
        width: 48.85%;
    }
}

@media (max-width: 1200px) {
  .social02 {
    padding: 0.9rem 4% 0.4rem;
  }

  .social02 .tab_title {
    margin-bottom: 0.3rem;
    width: 100% !important;
    overflow-x: auto;
    position: static !important;
  }

  .social02 .tab_title .over_box {
    width: 200%;
  }

  .social02 .tab_title a {
    float: left;
    margin-bottom: 0.4rem;
  }

  .social02 .tab_title a b {
    margin-bottom: 0;
    padding: 0 0.3rem 0 0;
    line-height: 0.4rem;
    font-size: 0.3rem;
  }

  .social02 .tab_title a b::before {
    display: none;
  }

  .social02 .tab_title a .text {
    display: none;
  }

  .social02 .tab_title a.cur b {
    font-size: 0.4rem;
  }

  .social02 .text_box {
    display: block;
    margin-bottom: 0.4rem;
    line-height: 0.48rem;
    font-size: 0.26rem;
    color: #333;
  }

  .social02 .title {
    margin-bottom: 0.7rem;
  }

  .social02 .title .right {
    float: left;
  }

  .social02 .tab_next {
    width: 100%;
  }

  .social02 .tab_next .over_box {
    height: auto;
  }

  .social02 .tab_next .list {
    column-count: 1;
    column-gap: 0;
    width: 100%;
  }

  .social02 .tab_next .list a {
      width: auto;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }

  .social02 .tab_next .list a .pic {
    height: 3.9rem;
  }

  .social02 .tab_next .list a .text {
    padding: 0.36rem 0.4rem;
    line-height: 0.48rem;
    font-size: 0.3rem;
  }
}

.social03 {
  padding: 190px 0 220px;
  background: url(../images/page/social03_bac.png) center no-repeat;
  background-size: cover;
  position: relative;
}

/*.social03::after {*/
/*  content: '';*/
/*  width: 100%;*/
/*  height: 70px;*/
/*  background: #f8f8f8;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*}*/

.social03 .title .left b {
  font-size: 30px;
}

.social03 .socialTxet {
  width: 46%;
  font-size: 16px;
  color: #999999;
  line-height: 34px;
}

.social03 .borList {
  margin-left: 13.54%;
  margin-top: 60px;
}

.social03 .bor {
  width: 20%;
  margin-right: 4.21%;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.social03 .pic {
  position: relative;
  width: 100%;
  height: 22vw;
  overflow: hidden;
}

.social03 .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.social03 .pic:hover i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.social03 .text {
  width: calc(100% - 40px);
  background: #ffffff;
  padding: 0 20px;
}

.social03 .text .p {
  float: left;
  width: calc(100% - 30px);
  height: 69px;
  line-height: 69px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.social03 .text .dow {
  float: right;
  width: 20px;
  height: 69px;
  background: url(../images/icon/icon_69.png) center no-repeat;
  background-size: 100% auto;
}

.social03 .text:hover .p {
  color: #f5a200;
}

.social03 .text:hover .dow {
  background-image: url(../images/icon/icon_69s.png);
}

.social03 .borSwpier {
  padding-bottom: 117px;
}

.social03 .swiper-button-next,
.social03 .swiper-button-prev {
  width: 62px;
  height: 62px;
  top: auto;
  bottom: 0;
  left: 0;
}

.social03 .swiper-button-next {
  margin-left: 85px;
  background: url(../images/icon/icon_20.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.social03 .swiper-button-next:hover {
  background: url(../images/icon/icon_20s.png) center no-repeat;
  background-size: contain;
}

.social03 .swiper-button-prev {
  background: url(../images/icon/icon_19.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.social03 .swiper-button-prev:hover {
  background: url(../images/icon/icon_19s.png) center no-repeat;
  background-size: contain;
}

.social03 .swiper-pagination {
  display: flex;
  align-items: center;
  bottom: 14px;
  right: 15.66%;
  left: auto;
  font-size: 25px;
  color: #999999;
  width: auto;
}

.social03 .swiper-pagination span {
  font-size: 38px;
  color: #f5a200;
  font-family: "DINBold";
}

.social03 .swiper-pagination .s1 {
  font-size: 25px;
  color: #999999;
}

.social03 .m_borList {
  display: none;
}

@media (max-width: 1200px) {
  .social03 {
    padding: 1rem 0;
    background-image: url(../images/mobile/page/social03_bac.png);
  }

  .social03 .m_borList {
    display: block;
    margin-top: 0.7rem;
  }

  .social03 .borList {
    display: none;
  }

  .social03 .title .left b {
    font-size: 0.4rem;
  }

  .social03 .socialTxet {
    font-size: 0.28rem;
    line-height: 0.48rem;
    width: 100%;
  }

  .social03 .bor {
    width: 66.8%;
    margin-right: 0;
  }

  .social03 .pic:hover i {
    transform: scale(1);
  }

  .social03 .pic {
    height: 5.97rem;
  }

  .social03 .text {
    width: calc(100% - 0.6rem);
    padding: 0 0.3rem;
  }

  .social03 .text .p {
    width: calc(100% - 0.6rem);
    height: 1.02rem;
    line-height: 1.02rem;
    font-size: 0.28rem;
  }

  .social03 .text .dow {
    width: 0.35rem;
    height: 1.02rem;
  }

  .social03 .borSwpier {
    padding-bottom: 1.2rem;
  }

  .social03 .flexPage {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .social03 .swiper-button-next,
  .social03 .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    position: static;
    margin: 0;
  }

  .social03.swiper-button-prev {
    background: url(../images/icon/icon_19.png) center no-repeat;
    background-size: contain;
    transition: all 0.5s;
  }

  .social03 .swiper-button-next {
    background: url(../images/icon/icon_20.png) center no-repeat;
    background-size: contain;
    transition: all 0.5s;
  }

  .social03 .swiper-pagination {
    font-size: 0.24rem;
    color: #999999;
    font-family: "DINLight";
    position: static;
    width: auto;
    margin: 0 0.44rem;
  }

  .social03 .swiper-pagination span {
    font-size: 0.48rem;
    color: #f5a200;
    font-family: "DINBold";
  }

  .social03 .swiper-pagination .s1 {
    font-size: 0.24rem;
    color: #999999;
    font-family: "DINLight";
    margin-left: 0.1rem;
  }
}

/*================ p6-1-社会责任报告 ================*/
.report01 {
  position: relative;
  margin-top: -100px;
  padding: 148px 0 1px;
  background: url(../images/page/bac_fb.png) center top no-repeat;
  background-size: 100% auto;
}

.report01::before {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 200px);
  background: #fbfbfb;
  content: "";
}

.report01 .list {
  margin-bottom: 20px;
}

.report01 .list li {
  float: left;
  margin: 0 2.857% 44px 0;
  width: 22.85%;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 65, 148, 0.06);
}

.report01 .list li:nth-child(4n) {
  margin-right: 0;
}

/* .report01 .list li .bor {
    padding: 30px 30px 17px;
  } */
.report01 .list li .pic {
  position: relative;
  width: 100%;
  height: 22vw;
  overflow: hidden;
  /* border: #dcdcdc 1px solid; */
}

.report01 .list li .pic i {
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.report01 .list li .pic:hover i {
  transform: scale(1.1);
  transition: all 0.5s;
}

.report01 .list li .text {
  padding: 0 20px;
}

.report01 .list li .text .p {
  float: left;
  width: calc(100% - 40px);
  height: 69px;
  line-height: 69px;
  font-size: 18px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.report01 .list li .text .dow {
  float: right;
  width: 20px;
  height: 69px;
  background: url(../images/icon/icon_69.png) center no-repeat;
  background-size: 100% auto;
}

.report01 .list li .text:hover .p {
  color: #f5a200;
}

.report01 .list li .text:hover .dow {
  background-image: url(../images/icon/icon_69s.png);
}

@media (max-width: 1200px) {
  .report01 {
    padding: 0.8rem 0 1px;
    margin-top: -0.25rem;
    background-image: url(../images/mobile/page/bac_fb.png);
  }

  .report01::before {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .report01 .list {
    margin-bottom: 20px;
  }

  .report01 .list li {
    margin: 0 4% 0.3rem 0;
    width: 48%;
  }

  .report01 .list li:nth-child(3n) {
    margin-right: 4%;
  }

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

  .report01 .list li .bor {
    padding: 0.2rem 0.2rem 17px;
  }

  .report01 .list li .pic {
    margin-bottom: 0.2rem;
    height: 3.74rem;
  }

  .report01 .list li .text {
    padding: 0;
  }

  .report01 .list li .text .p {
    margin-bottom: 0.15rem;
    width: 100%;
    height: 0.9rem;
    line-height: 0.45rem;
    font-size: 0.3rem;
    -webkit-line-clamp: 2;
  }

  .report01 .list li .text .dow {
    float: left;
    width: 0.28rem;
    height: 0.3rem;
  }
}

/*================ p7-0-投资者关系 ================*/
.investor01 {
  position: relative;
  margin-top: -100px;
  padding: 140px 0 110px;
  background: url(../images/page/bac_fff.png) center top no-repeat;
  background-size: 100% auto;
}

.investor01::before {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: -1;
  width: 100%;
  height: calc(100% - 200px);
  background: #fff;
  content: "";
}

.investor01 .next .pic {
  margin-bottom: 50px;
  width: 100%;
  height: 17.4vw;
  overflow: hidden;
}

.investor01 .next .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.investor01 .next .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}

.investor01 .next .text {
  line-height: 34px;
  font-size: 16px;
  color: #666;
}

.investor01 .next .text p {
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  .investor01 {
    margin-top: -0.25rem;
    padding: 0.94rem 0 0.6rem;
    background-image: url(../images/mobile/page/bac_fff.png);
  }

  .investor01::before {
    top: 2rem;
    height: calc(100% - 2rem);
  }

  .investor01 .next .pic {
    margin-bottom: 0.6rem;
    height: 1.6rem;
  }

  .investor01 .next .text {
    line-height: 0.48rem;
    font-size: 0.28rem;
  }

  .investor01 .next .text p {
    margin-bottom: 0.3rem;
  }
}

.investor02 {
  padding: 110px 0 120px;
  background: url(../images/page/investor02_bac.jpg) center no-repeat;
  background-size: cover;
}

.investor02 .title .left b {
  float: left;
  margin-right: 30px;
  font-size: 30px;
  color: #666;
  cursor: pointer;
}

.investor02 .title .left b.cur {
  font-size: 40px;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.investor02 .next .nextLoad {
  position: relative;
  float: left;
  margin: 0 1.7% 0 0;
  width: 23.725%;
  background: #fff;
}

.investor02 .next .nextLoad:nth-child(4n) {
  margin-right: 0;
}

.investor02 .next .nextLoad::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background: #e69c03;
  content: "";
}

.investor02 .next .nextLoad::before {
  transition: all 0.5s;
  transform: scale(0.8);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../images/page/investor02_bac2.jpg) center no-repeat;
  background-size: cover;
  content: "";
}

.investor02 .next .nextLoad .bor {
  position: relative;
  z-index: 2;
  padding: 37px 11% 1px;
  height: 16vw;
  min-height: 230px;
   cursor: pointer;
}

.investor02 .next .nextLoad i {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #f5a200;
}

.investor02 .next .nextLoad p {
  margin-bottom: 35px;
  /* height: 64px; */
  line-height: 32px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.investor02 .next .nextLoad a {
  /* margin-bottom: 35px; */
  position: absolute;
  bottom: 59px;
  padding-left: 30px;
  line-height: 25px;
  font-size: 16px;
  color: #f5a200;
  background: url(../images/icon/icon_70.png) left center no-repeat;
}

.investor02 .next .nextLoad:hover::before {
  transition: all 0.5s;
  transform: scale(1);
  opacity: 1;
}

.investor02 .next .nextLoad:hover i,
.investor02 .next .nextLoad:hover p,
.investor02 .next .nextLoad:hover a {
  color: #fff;
}

.investor02 .next .nextLoad:hover a {
  background-image: url(../images/icon/icon_70s.png);
}

@media (max-width: 1200px) {
  .investor02 {
    padding: 0.9rem 0 0.6rem;
    background-image: url(../images/moile/page/investor02_bac.jpg);
    background-size: cover;
  }

  .investor02 .title .left b {
    margin-right: 0.6rem;
    font-size: 0.34rem;
  }

  .investor02 .title .left b.cur {
    font-size: 0.4rem;
  }

  .investor02 .next .nextLoad {
    margin:  0;
    width: 100%;
  }

  .investor02 .next .nextLoad::after {
    height: 0.04rem;
  }

  .investor02 .next .nextLoad::before {
    display: none;
  }

  .investor02 .next .nextLoad .bor {
    padding: 0.4rem 0.3rem 0.6rem;
    height: auto;
    min-height: 1rem;
  }

  .investor02 .next .nextLoad i {
    margin-bottom: 0.2rem;
    font-size: 0.26rem;
  }

  .investor02 .next .nextLoad p {
    margin-bottom: 0.3rem;
    height: auto;
    max-height: 0.84rem;
    line-height: 0.42rem;
    font-size: 0.32rem;
  }

  .investor02 .next .nextLoad a {
    margin-bottom: 0;
    padding-left: 0.5rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    background-size: 0.3rem auto;
    bottom: 0.3rem;
  }

  .investor02 .next .nextLoad:hover i,
  .investor02 .next .nextLoad:hover p,
  .investor02 .next .nextLoad:hover a {
    color: #f5a200;
  }

  .investor02 .next .nextLoad:hover a {
    background: url(../images/icon/icon_70.png) left center no-repeat;
    background-size: 0.3rem auto;
  }
}

.investor03 {
  padding: 100px 0;
}

.investor03 .list a {
  float: left;
  margin: 0 2% 2% 0;
  width: 49%;
  background: #f6f6f6;
}

.investor03 .list a:nth-child(2n) {
  margin-right: 0;
}

.investor03 .list a .bor {
  padding: 30px;
  line-height: 30px;
}

.investor03 .list a p {
  float: left;
  width: calc(100% - 110px);
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.investor03 .list a i {
  float: right;
  padding-right: 27px;
  font-size: 16px;
  color: #666;
  background: url(../images/icon/icon_21.png) right center no-repeat;
}

.investor03 .list a:hover {
  background: url(../images/page/investor03_bac.jpg) right center no-repeat;
}

.investor03 .list a:hover p {
  color: #f5a200;
}

@media (max-width: 1200px) {
  .investor03 {
    padding: 1rem 0 0.7rem;
  }

  .investor03 .list a {
    margin: 0 0 0.3rem 0;
    width: 100%;
  }

  .investor03 .list a .bor {
    padding: 0.4rem;
    line-height: 0.4rem;
  }

  .investor03 .list a p {
    margin-bottom: 0.3rem;
    width: 100%;
    font-size: 0.3rem;
  }

  .investor03 .list a i {
    float: left;
    padding-right: 0.36rem;
    font-size: 0.26rem;
    background-size: 0.15rem auto;
  }
}

.investor04 {
  padding: 100px 0 200px;
  background: url(../images/page/investor04_bac.jpg) center no-repeat;
  background-size: cover;
}

.investor04 .left {
  float: left;
  width: 50%;
  background: url(../images/page/investor04_bac2.jpg) center no-repeat;
  background-size: cover;
}

.investor04 .left .bor {
  padding: 70px 8% 0 10%;
  height: 400px;
  color: #333;
}

.investor04 .left b {
  margin-bottom: 32px;
  font-size: 36px;
  font-weight: bold;
}

.investor04 .left .text {
  margin-bottom: 50px;
  font-size: 18px;
}

.investor04 .left dl {
  margin-bottom: 18px;
}

.investor04 .left dl dt {
  float: left;
  display: flex;
  align-items: center;
  margin-right: 20px;
  height: 30px;
}

.investor04 .left dl dt img {
  height: 23px;
}

.investor04 .left dl dd {
  float: left;
  width: calc(100% - 50px);
  line-height: 30px;
  font-size: 16px;
  color: #666;
}

.investor04 .right {
  float: right;
  width: 50%;
}

.investor04 .right .bor {
  padding: 70px 8% 0 10%;
  height: 400px;
  color: #fff;
}

.investor04 .m_right {
  display: none;
}

@media (max-width: 1200px) {
  .investor04 {
    padding: 1rem 0;
    background-image: url(../images/mobile/page/investor04_bac.jpg);
  }

  .investor04 .left {
    width: 100%;
  }

  .investor04 .left .bor {
    padding: 0.5rem 0.4rem;
    height: auto;
  }

  .investor04 .left b {
    margin-bottom: 0.5rem;
    font-size: 0.4rem;
  }

  .investor04 .left .text {
    margin-bottom: 0.3rem;
    line-height: 0.42rem;
    font-size: 0.28rem;
  }

  .investor04 .left dl {
    margin-bottom: 0;
  }

  .investor04 .left dl dt {
    margin-right: 0.2rem;
    height: 0.5rem;
  }

  .investor04 .left dl dt img {
    height: 0.28rem;
  }

  .investor04 .left dl dd {
    width: calc(100% - 0.8rem);
    line-height: 0.5rem;
    font-size: 0.26rem;
  }

  .investor04 .right {
    width: 100%;
    background: url(../images/page/investor04_bac3.jpg) center no-repeat;
    background-size: cover;
  }

  .investor04 .right .bor {
    padding: 0.5rem 0.4rem;
    height: auto;
  }

  .investor04 .right b {
    margin-bottom: 0.36rem;
    font-size: 0.4rem;
  }

  .investor04 .right .text {
    margin-bottom: 0.35rem;
    font-size: 0.3rem;
  }

  .investor04 .right .list {
    margin-bottom: 0.3rem;
    padding: 30px 0;
  }

  .investor04 .right .list li {
    font-size: 16px;
  }

  .investor04 .right .list li i {
    margin-bottom: 10px;
  }

  .investor04 .right .note {
    font-size: 0.26rem;
  }

  .investor04 .right {
    display: none;
  }

  .investor04 .m_right {
    width: 100%;
    display: block;
  }

  .investor04 .m_right .bor {
    padding: 0.5rem 0.4rem;
    height: 3.29rem;
  }
}

/*================ p5-2 科研荣誉 ================*/
.certification01 {
  padding: 130px 0 300px;
  background: url(../images/page/certification01_bac.jpg) center no-repeat;
  background-size: cover;
}

.certification01 .pagelist_title i {
  color: #f8f8f8;
}

.certification01 .left {
  position: relative;
  display: flex;
  justify-content: center;
  float: left;
  width: 320px;
  height: 600px;
  background: url(../images/page/certification01_bac2.jpg) right bottom no-repeat;
  background-size: cover;
}

.certification01 .left .pos {
  padding-top: 68px;
  color: #fff;
}

.certification01 .left .pos i {
  font-size: 60px;
  font-family: "Aemstel";
  opacity: 0.1;
}

.certification01 .left .pos p {
  margin-top: -25px;
  width: 160px;
  font-size: 34px;
  line-height: 48px;
  font-weight: bold;
}

.certification01 .right {
  position: relative;
  float: right;
  width: calc(100% - 320px);
  height: 600px;
  background: #fff;
}

.certification01 .right .bor {
  margin: 75px 3% 75px 9%;
  padding-right: 30px;
  height: 450px;
  overflow-y: auto;
}

.certification01 .right .bor::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}

.certification01 .right .bor::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 5px;
  background-color: #e9e9e9;
}

.certification01 .right .bor::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 5px;
  background: url(../images/icon/icon_74.png) center repeat-y;
}

.certification01 .right .tab_title {
  width: 60%;
}

.certification01 .right .tab_title a {
  transition: all 0.4s;
  padding-left: 30px;
  background: url(../images/icon/icon_45s.png) top 7px left 2px no-repeat;
  background-size: auto 18px;
  color: #333;
  cursor: pointer;
}

.certification01 .right .tab_title a p {
  margin-bottom: 28px;
  line-height: 30px;
  font-size: 16px;
}

.certification01 .right .tab_title a.cur {
  transition: all 0.4s;
  margin-left: 20px;
}

.certification01 .right .tab_next {
  position: absolute;
  right: calc(3% + 30px);
  top: 50%;
  transform: translateY(-50%);
  width: 31%;
}

.certification01 .right .tab_next .next img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 400px;
}

@media (max-width: 1200px) {
  .certification01 {
    padding: 1.2rem 0 2.6rem;
    background-image: url(../images/mobile/page/certification01_bac.jpg);
  }

  .certification01 .left {
    width: 100%;
    height: 2.38rem;
    justify-content: left;
    background-image: url(../images/mobile/page/certification01_bac2.jpg);
  }

  .certification01 .left .pos {
    padding: 0.6rem 0 0 0.4rem;
  }

  .certification01 .left .pos i {
    font-size: 0.6rem;
  }

  .certification01 .left .pos p {
    margin-top: -0.16rem;
    width: 100%;
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.4rem;
  }

  .certification01 .right {
    width: 100%;
    height: 7.2rem;
  }

  .certification01 .right .bor {
    margin: 0.7rem 3% 0.5rem 0.4rem;
    padding-right: 0.3rem;
    height: 6rem;
  }

  .certification01 .right .tab_title {
    width: 100%;
  }

  .certification01 .right .tab_title a {
    transition: all 0.4s;
    padding-left: 0.4rem;
    background: url(../images/icon/icon_21.png) left 0.08rem no-repeat;
    background-size: 0.16rem auto;
  }

  .certification01 .right .tab_title a p {
    margin-bottom: 0.4rem;
    line-height: 0.42rem;
    font-size: 0.28rem;
  }

  .certification01 .right .tab_title a.cur {
    margin-left: 0;
  }

  .certification01 .right .tab_next {
    display: none;
  }
}

/*================ p5-2 研发创新 ================*/
.research .innovateTitle {
  font-size: 36px;
  color: #333333;
  font-weight: bold;
}

.research .innovate01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 170px 0 160px;
  background: url(../images/page/innovate01-bgs.png) center top no-repeat;
  background-size: 100% 100%;
}

.research .innovate01 .switchover {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

.research .innovate01 .switchover .left {
  width: 20.57%;
}

.research .innovate01 .switchover .left .swiper-slide {
  cursor: pointer;
}

.research .innovate01 .switchover .right {
  width: 78.57%;
  height: 512px;
  overflow: hidden;
}

.research .innovate01 .switchover .right .swiper-slide {
  display: flex;
}

.research .innovate01 .switchover .right .swiper-button-next,
.research .innovate01 .switchover .right .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  top: auto;
  bottom: 70px;
}

.research .innovate01 .switchover .right .swiper-button-next {
  left: 102px;
  background: url(../images/icon/icon_98.png) center no-repeat;
  background-size: 10px auto;
  transition: all 0.5s;
}

.research .innovate01 .switchover .right .swiper-button-next:hover {
  background: #ffffff url(../images/icon/icon_98s.png) center no-repeat;
  background-size: 10px auto;
  transition: all 0.5s;
}

.research .innovate01 .switchover .right .swiper-button-prev {
  left: 50px;
  background: url(../images/icon/icon_97.png) center no-repeat;
  background-size: 10px auto;
  transition: all 0.5s;
}

.research .innovate01 .switchover .right .swiper-button-prev:hover {
  background: #ffffff url(../images/icon/icon_97s.png) center no-repeat;
  background-size: 10px auto;
  transition: all 0.5s;
}

.research .innovate01 .leftText {
  width: 37.72%;
  background: url(../images/page/leftText-bg.png) center no-repeat;
  background-size: cover;
}

.research .innovate01 .leftText .space {
  padding: 70px 50px 0;
}

.research .innovate01 .tabTextSwpier {
  margin-top: -20px;
}

.research .innovate01 .tabTextSwpier .swiper-wrapper {
  display: block;
}

.research .innovate01 .tabTextSwpier .tabLi {
  margin-top: -4px;
}

.research .innovate01 .tabTextSwpier i {
  font-size: 72px;
  color: #f5a200;
  font-family: "DINBlack";
  opacity: 0.1;
}

.research .innovate01 .tabTextSwpier p {
  font-size: 22px;
  color: #333333;
  margin-top: -40px;
}

.research .innovate01 .tabTextSwpier span {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
  font-family: Arial;
  opacity: 0.3;
}

.research .innovate01 .next {
  display: flex;
  align-items: flex-end;
}

.research .innovate01 .next .nextImg {
  margin-right: 16px;
}

.research .innovate01 .next .nextImg img {
  max-height: 47px;
}

.research .innovate01 .next p {
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
}

.research .innovate01 .article {
  font-size: 16px;
  color: #ffffff;
  line-height: 32px;
  margin-top: 30px;
}

.research .innovate01 .article span {
  display: inline-block;
  font-weight: bold;
}

.research .innovate01 .rightImng {
  width: 66.81%;
  height: 512px;
}

.research .innovate01 .rightImng img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.research .innovate01 .left .swiper-slide-thumb-active p {
  color: #f5a200;
  font-weight: bold;
  padding-left: 50px;
  position: relative;
}

.research .innovate01 .left .swiper-slide-thumb-active p::after {
  content: '';
  width: 30px;
  height: 3px;
  background: #f5a200;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}

.research .innovate02 {
  padding: 135px 0 180px;
  background: url(../images/page/innovate02-bg.png) center top no-repeat;
  background-size: cover;
}

.research .innovate02 .formList {
  position: relative;
  padding: 0 13.54%;
}

.research .innovate02 .formList::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #e8ba4d;
  position: absolute;
  top: 200px;
  left: 0;
}

.research .innovate02 .formSwpier {
  padding-top: 200px;
  height: 170px;
  margin-top: 140px;
}

.research .innovate02 .swiper-button-next,
.research .innovate02 .swiper-button-prev {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  top: 192px;
}

.research .innovate02 .swiper-button-next {
  right: 9.3%;
  background: #fff url(../images/icon/icon_20.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.research .innovate02 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_20s.png);
  transition: all 0.5s;
}

.research .innovate02 .swiper-button-prev {
  left: 9.3%;
  background: #fff url(../images/icon/icon_19.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.research .innovate02 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_19s.png);
  transition: all 0.5s;
}

.research .innovate02 .slideItem {
  width: 200px;
  position: relative;
  cursor: default;
}

.research .innovate02 .slideItem .top {
  width: 100%;
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
}

.research .innovate02 .slideItem .top p {
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-top: 35px;
}

.research .innovate02 .slideItem .topImg {
  width: 62px;
  height: 62px;
  margin: 0 auto;
}

.research .innovate02 .slideItem .topImg img {
  max-height: 59px;
}

.research .innovate02 .slideItem .dot {
  width: 58px;
  height: 58px;
  background: url(../images/icon/icon_124.png) center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -29px;
  left: 50%;
  transform: translateX(-50%);
}

.research .innovate02 .slideItem .dot::after {
  display: none;
  content: '';
  position: absolute;
  background: url(../images/icon/icon_124s.png) center no-repeat;
  background-size: 100% auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  opacity: 1;
  -webkit-animation-name:grow;
  animation-name: grow;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  /*animation: grow 2s infinite; */
}

 @keyframes grow {
    0% {
      opacity: 1;
      transform: scale(0.5);
    }
    100% {
     opacity: 0;
     transform: scale(1.1);
    }
  }

.research .innovate02 .slideItem .bot {
  width: 100%;
  height: 100px;
  top: 64px;
  font-size: 16px;
  color: #666;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.research .innovate02 .slideItem .bot .botImg {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -90px;
  width: 180px;
  height: 80px;
  padding-top: 13px;
  opacity: 0;
  transition: all 0.5s;
  transform: scale(0.5);
}

.research .innovate02 .slideItem .bot .botImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.research .innovate02 .slideItem .bot .botImg::after {
  content: '';
  width: 15px;
  height: 13px;
  background: url(../images/icon/icon_105.png) center no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.research .innovate02 .p_formSwpier .slideItem.swiper-slide-active .top p {
  color: #e69c02;
  font-weight: bold;
}

.research .innovate02 .p_formSwpier .slideItem.swiper-slide-active .dot::after {
  display: block;
}

.research .innovate02 .p_formSwpier .slideItem.swiper-slide-active .botImg {
  opacity: 1;
  transform: scale(1);
  transition: all 0.5s;
}
.research .innovate02 .p_formSwpier .slideItem.swiper-slide-active .bot p{
  display: none;
}

.research .innovate02 .m_formSwpier .slideItem.swiper-slide-active .top p {
  color: #e69c02;
}

.research .innovate02 .m_formSwpier .slideItem.swiper-slide-active .dot::after {
  content: '';
  width: 58px;
  height: 58px;
  position: absolute;
  border-radius: 50%;
  background-color: #e8ba4d;
  opacity: 0.3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.research .innovate02 .m_formSwpier .slideItem.swiper-slide-active .botImg {
  opacity: 1;
  transform: scale(1);
}


.research .innovate02 .p_formSwpier .slideItem:hover .top p {
  color: #e69c02;
  font-weight: bold;
}

.research .innovate02 .p_formSwpier .slideItem:hover .dot::after {
  display: block;
}

.research .innovate02 .p_formSwpier .slideItem:hover .botImg {
  opacity: 1;
  transform: scale(1);
  transition: all 0.5s;
}
.research .innovate02 .p_formSwpier .slideItem:hover .bot p{
  display: none;
}

.research .innovate02 .m_formSwpier .slideItem:hover .top p {
  color: #e69c02;
}

.research .innovate02 .m_formSwpier .slideItem:hover .dot::after {
  content: '';
  width: 58px;
  height: 58px;
  position: absolute;
  border-radius: 50%;
  background-color: #e8ba4d;
  opacity: 0.3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.research .innovate02 .m_formSwpier .slideItem.swiper-slide-active .botImg {
  opacity: 1;
  transform: scale(1);
}




.research .innovate03 {
  padding: 0 0 110px;
  background: url(../images/page/innovate02-bgs.png) center top no-repeat;
  background-size: 100% 100%;
}

.research .innovate03 .evolve {
  display: flex;
  justify-content: space-between;
}

.research .innovate03 .evolveList {
  width: 50%;
  position: relative;
}

.research .innovate03 .evolveList:hover .listImg img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.research .innovate03 .evolveList:last-child .listText p {
  color: #333333;
}

.research .innovate03 .listImg {
  width: 100%;
  height: 423px;
  overflow: hidden;
}

.research .innovate03 .listImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s;
}

.research .innovate03 .listText {
  position: absolute;
  left: 54px;
  top: 70px;
}

.research .innovate03 .listText p {
  font-size: 34px;
  color: #ffffff;
  font-weight: bold;
}

.research .innovate03 .listText a {
  width: 60px;
  height: 60px;
  /*background: url(../images/icon/icon_20sss.png) center no-repeat;*/
  /*background-size: contain;*/
  margin-top: 30px;
  /*transition: all 0.5s;*/
  background: #ffffff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.research .innovate03 .listText a:after {
  content: '';
  width: 124px;
  height: 62px;
  background: url(../images/icon/icon_131.png) center no-repeat;
  position: absolute;
  left: -64px;
  top: 0;
  transition: all 0.5s;
}

.research .innovate03 .listText a:hover:after {
  transition: all 0.5s;
  left: 0;
}

.research .innovate03 .evolveList:last-child .listText a {
  background: url(../images/icon/icon_132.png) center no-repeat;
  background-size: contain;
}

.research .innovate03 .evolveList:last-child .listText a:after {
  content: '';
  width: 124px;
  height: 62px;
  background: url(../images/icon/icon_130.png) center no-repeat;
  position: absolute;
  left: -64px;
  top: 0;
  transition: all 0.5s;
}

.research .innovate03 .evolveList:last-child .listText a:hover:after {
  transition: all 0.5s;
  left: 0;
}

.research .innovate04 {
  padding-bottom: 210px;
  padding-top: 110px;
}

.research .innovate04 .innovateTitle {
  text-align: center;
}

.research .innovate04 .main {
  width: 550px;
  height: 550px;
  margin: 0 auto;
  margin-top: 110px;
  position: relative;
}

.research .innovate04 .ring {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.research .innovate04 .ring span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(233, 163, 36, 0.1);
  border-radius: 50%;
  -webkit-animation: ringscale2 3s linear infinite;
  -moz-animation: ringscale2 3s linear infinite;
  -ms-animation: ringscale2 3s linear infinite;
  animation: ringscale2 3s linear infinite;
  opacity: 0;
}

.research .innovate04 .ring span:nth-child(2) {
  animation-delay: 0.9s;
}

.research .innovate04 .ring span:nth-child(3) {
  animation-delay: 1.7s;
}

.research .innovate04 .hover-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  flex-wrap: wrap;
  border-radius: 50%;
  background-color: #fdf6e9;
  z-index: 3;
}

.research .innovate04 .hover-box .item {
  width: 50%;
  height: 50%;
  position: absolute;
  cursor: pointer;
}

.research .innovate04 .hover-box .item img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.research .innovate04 .hover-box .item img.hide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  display: block;
}

.research .innovate04 .hover-box .item.active img.hide {
  opacity: 1;
}

.research .innovate04 .hover-box .m1 {
  top: 1px;
  left: 36px;
  width: 238px;
  height: 178px;
}

.research .innovate04 .hover-box .m2 {
  right: 36px;
  top: 0px;
  width: 241px;
  height: 181px;
}

.research .innovate04 .hover-box .m3 {
  right: 0;
  top: 138px;
  width: 108px;
  height: 279px;
}

.research .innovate04 .hover-box .m4 {
  bottom: -1px;
  right: 39px;
  width: 238px;
  height: 177px;
}

.research .innovate04 .hover-box .m5 {
  bottom: -1px;
  left: 39px;
  width: 237px;
  height: 178px;
}

.research .innovate04 .hover-box .m6 {
  left: 0;
  top: 138px;
  width: 107px;
  height: 282px;
}

.research .innovate04 .center-txt {
  position: absolute;
  top: 125px;
  left: 125px;
  right: 125px;
  bottom: 125px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  z-index: 4;
}

.research .innovate04 .center-txt .item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.research .innovate04 .center-txt .item img {
  width: 98px;
  height: 104px;
  margin: 0 auto;
}

.research .innovate04 .center-txt .item p {
  font-size: 20px;
  color: #804414;
  margin-top: 20px;
}

.research .innovate04 .center-txt .item span {
  font-size: 20px;
  color: #804414;
  margin-top: 5px;
}

.research .innovate04 .center-txt .item.active {
  opacity: 1;
  transition: all 0.3s ease;
}

.research .innovate04 .info-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.research .innovate04 .info-box .item {
  position: absolute;
  cursor: pointer;
}

.research .innovate04 .info-box .item:nth-child(1) {
  right: 77%;
}

.research .innovate04 .info-box .item:nth-child(1)::before {
  transform: rotateX(180deg);
}

.research .innovate04 .info-box .item:nth-child(1) .box {
  margin-top: -28px;
}

.research .innovate04 .info-box .item:nth-child(2) {
  right: -77%;
}

.research .innovate04 .info-box .item:nth-child(2)::before {
  transform: rotate(180deg);
}

.research .innovate04 .info-box .item:nth-child(2) .box {
  right: 0;
  justify-content: flex-end;
  margin-top: -28px;
}

.research .innovate04 .info-box .item:nth-child(3) {
  right: -77%;
  top: 50%;
}

.research .innovate04 .info-box .item:nth-child(3)::before {
  transform: rotate(180deg);
}

.research .innovate04 .info-box .item:nth-child(3) .box {
  right: 0;
  top: -56px;
  justify-content: flex-end;
}

.research .innovate04 .info-box .item:nth-child(3) .box p {
  margin-top: 48px;
}

.research .innovate04 .info-box .item:nth-child(4) {
  right: -77%;
  bottom: 0;
}

.research .innovate04 .info-box .item:nth-child(4)::before {
  transform: rotateY(180deg);
}

.research .innovate04 .info-box .item:nth-child(4) .box {
  right: 0;
  top: -58px;
  justify-content: flex-end;
}

.research .innovate04 .info-box .item:nth-child(5) {
  right: 77%;
  bottom: 0;
}

.research .innovate04 .info-box .item:nth-child(5) .box {
  top: -58px;
}

.research .innovate04 .info-box .item:nth-child(6) {
  right: 77%;
  top: 50%;
}

.research .innovate04 .info-box .item:nth-child(6)::before {
  transform: rotateX(180deg);
}

.research .innovate04 .info-box .item:nth-child(6) .box {
  top: -58px;
}

.research .innovate04 .info-box .item:nth-child(6) .box p {
  margin-top: 48px;
}

.research .innovate04 .info-box .item.active h3 {
  color: #f5a200;
  font-weight: bold;
}

.research .innovate04 .info-box .item .flex {
  margin-left: 10px;
  width: 44%;
}

.research .innovate04 .info-box .item .box {
  position: absolute;
  display: flex;
  width: 100%;
}

.research .innovate04 .info-box .item .iconImng {
  width: 50px;
  height: 46px;
}

.research .innovate04 .info-box .item .iconImng img {
  max-height: 50px;
}

.research .innovate04 .info-box .item h3 {
  font-size: 20px;
  color: #333333;
  font-weight: 500;
}

.research .innovate04 .info-box .item p {
  font-size: 16px;
  color: #999999;
  margin-top: 15px;
}

.research .innovate04 .info-box .item::before {
  content: '';
  width: 547px;
  height: 56px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icon/icon_112.png);
  transition: all 0.3s ease;
}

.research .innovate05 {
  height: 900px;
  background: url(../images/page/innovate05-bg.png) center no-repeat;
  background-size: cover;
}

.research .innovate05 .emphasisflex {
  padding: 0 8.48% 0 13.54%;
  padding-top: 130px;
  display: flex;
  justify-content: space-between;
}

.research .innovate05 .emphasis {
  width: 72.78%;
}

.research .innovate05 .emphasis .emphasisSwpier {
  padding-bottom: 230px;
  padding-right: 9.2%;
}

.research .innovate05 .swiper-scrollbar {
  width: 1px;
  height: 600px;
  background-color: #dcdcdc;
}

.research .innovate05 .swiper-scrollbar-drag {
  width: 6px;
  height: 27px !important;
  background: #f5a200;
  left: -2.5px;
}

.research .innovate05 .emphasisList {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  margin-bottom: 92px;
}

.research .innovate05 .emphasisList:last-child {
  margin-bottom: 0;
}

.research .innovate05 .swiper-slide-active {
  opacity: 1;
}

.research .innovate05 .listLogo {
  width: 17.95%;
  margin-top: 32px;
  margin-left: 5.8%;
}

.research .innovate05 .listLogo img {
  width: 100%;
}

.research .innovate05 .listRight {
  width: 71.14%;
  padding-bottom: 80px;
}

.research .innovate05 .listRight .title {
  font-size: 24px;
  color: #333333;
  height: 100px;
  background: url(../images/page/title-bg.png) center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.research .innovate05 .listRight .title p {
  margin-right: 80px;
}

.research .innovate05 .listRight .text {
  margin-right: 80px;
}

.research .innovate05 .listRight .text p {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  margin-bottom: 20px;
}

.research .innovate05 .listRight .text p:first-child {
  color: #f5a200;
}

.research .innovate05 .listRight .text p:last-child {
  margin-bottom: 0;
}
/*.progressMain{*/
/*  overflow: hidden;*/
/*}*/
.progressMain .progress {
  padding: 120px 0 185px;
  background: #f5f5f5 url(../images/page/progress-bg.png) top center no-repeat;
  background-size: 100% auto;
}

.progressMain .progress .w1400_2 {
  width: 1440px;
  max-width: 90%;
}

.progressMain .progressTitle p {
  font-size: 34px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
}

.progressMain .progressTable {
  /*margin-top: 110px;*/
}

.progressMain .progressTable table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.progressMain .progressTable table td {
  box-sizing: border-box;
  word-break: break-all;
}

.progressMain .tableTop .topLi {
  width: 10%;
  padding: 32px 0px;
  font-size: 18px;
  color: #ffffff;
  background: #e79d00;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  text-align: center;
}

.progressMain .tableTop .topLi:nth-child(1) {
  width: 12%;
}

.progressMain .tableTop .topLi:nth-child(3) {
  width: 14%;
}

.progressMain .tableList {
  margin-top: 11px;
}

.progressMain .tableList .listPage {
  background: #ffffff;
  border-bottom: 9px solid #fbfbfb;
}

.progressMain .tableList .listPage:last-child {
  margin-bottom: 0;
}

.progressMain .tableList .pageLi {
  width: 10%;
  padding: 32px 10px;
  font-size: 16px;
  color: #333333;
  /* 容器 */
  /* 进度条 */
}

.progressMain .tableList .pageLi.cur {
  opacity: 0;
}

.progressMain .tableList .pageLi .progress-container {
  width: 80px;
  height: 8px;
  border-radius: 4px;
  background-color: #e5e5e5;
  margin: 0 auto;
  position: relative;
}

.progressMain .tableList .pageLi .progress-bar {
  height: 8px;
  width: 100%;
  border-radius: 4px;
  position: absolute;
}

.progressMain .tableList .pageLi:nth-child(-n+3)::after {
  display: none;
}

.progressMain .tableList .pageLi:nth-child(1) {
  width: 12%;
}

.progressMain .tableList .pageLi:nth-child(3) {
  width: 14%;
}

.progressMain .tableList .pageLi:nth-child(4) {
  /* 进度条 */
}

.progressMain .tableList .pageLi:nth-child(4) .progress-bar {
  background-color: #ffc045;
}

.progressMain .tableList .pageLi:nth-child(5) .progress-bar {
  background: #f5a200;
}

.progressMain .tableList .pageLi:nth-child(6) .progress-bar {
  background: #d09817;
}

.progressMain .tableList .pageLi:nth-child(7) .progress-bar {
  background: #b88225;
}

.progressMain .tableList .pageLi:nth-child(8) .progress-bar {
  background: #9e6b2c;
}

.progressMain .tableList .pageLi:nth-child(9) .progress-bar {
  background: #835237;
}

@media (max-width: 1200px) {
  .progressMain .progress {
    padding: 1rem 0 1.2rem;
  }

  .progressMain .progressTitle p {
    font-size: 0.4rem;
    line-height: 0.6rem;
  }

  .progressMain .progressTable {
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 0.1rem;
    margin-top: 0.8rem;
  }

  .progressMain .progressTable::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
  }

  .progressMain .progressTable::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    background: #f5a200;
  }

  .progressMain .progressTable::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
  }

  .progressMain .progressTable table {
    width: 1140px;
  }

  .progressMain .tableTop .topLi {
    padding: 0.4rem 0;
    font-size: 0.28rem;
  }

  .progressMain .tableList .pageLi {
    padding: 0.4rem 0.2rem;
    font-size: 0.26rem;
  }
}

.research .innovate01 .m_switchover {
  display: none;
}

.research .innovate02 .m_formList {
  display: none;
}

.research .m_innovate05 {
  display: none;
}

.research .m_innovate04 {
  display: none;
}

@media (max-width: 1600px) {
  .research .innovate04 .info-box .item::before {
    width: 470px;
  }

  .research .innovate04 .info-box .item:nth-child(2) {
    right: -62%;
  }

  .research .innovate04 .info-box .item:nth-child(3) {
    right: -62%;
  }

  .research .innovate04 .info-box .item:nth-child(4) {
    right: -62%;
  }
}

@media (max-width: 1200px) {
  .research .innovate01 .switchover {
    display: none;
  }

  .research .innovate01 .m_switchover {
    display: block;
  }

  .research .innovate01 {
    margin-top: -0.25rem;
    padding: 0.97rem 0 0.25rem;
    background: url(../images/mobile/page/bac_fff.png) top no-repeat;
    background-size: 100% auto;
  }

  .research .innovateTitle {
    font-size: 0.4rem;
  }

  .research .innovate01 .switchover {
    margin-top: 0.6rem;
  }

  .research .innovate01 .switchover .right {
    width: 100%;
    height: auto;
  }

  .research .innovate01 .switchover .right .swiper-pagination.swiper-pagination-clickable {
    margin: 0;
    bottom: 0.78rem;
  }

  .research .innovate01 .switchover .right .swiper-pagination .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.56;
  }

  .research .innovate01 .switchover .right .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
  }

  .research .innovate01 .switchover .right .swiper-slide {
    display: block;
    background: url(../images/page/leftText-bg.png) center bottom no-repeat;
    background-size: cover;
    height: auto;
  }

  .research .innovate01 .rightImng {
    width: 100%;
    height: 5.17rem;
  }

  .research .innovate01 .leftText {
    width: calc(100% - 0.98rem);
    padding: 0.64rem 0.49rem 1.5rem;
    background: none;
  }

  .research .innovate01 .leftText .space {
    padding: 0.64rem 0.49rem 1.5rem;
  }

  .research .innovate01 .next .nextImg {
    width: 0.7rem;
    margin-right: 0.18rem;
  }

  .research .innovate01 .next .nextImg img {
    width: 100%;
  }

  .research .innovate01 .next p {
    font-size: 0.3rem;
  }

  .research .innovate01 .article {
    font-size: 0.28rem;
    line-height: 0.49rem;
    margin-top: 0.4rem;
  }

  .research .innovate02 {
    padding: 0.9rem 0 1.3rem;
  }

  .research .innovate02 .formList {
    display: none;
  }

  .research .innovate02 .m_formList {
    display: block;
    padding: 0 0.3rem;
  }

  .research .innovate02 .formList::after {
    top: 2rem;
  }

  .research .innovate02 .formSwpier {
    padding-top: 2rem;
    height: 1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 1.7rem;
  }

  .research .innovate02 .slideItem .topImg {
    width: 0.62rem;
    height: 0.62rem;
  }

  .research .innovate02 .slideItem .topImg img {
    max-height: 100%;
  }

  .research .innovate02 .slideItem .top {
    top: -2rem;
    bottom: 0.48rem;
  }

  .research .innovate02 .slideItem .top p {
    font-size: 0.26rem;
    margin-top: 0.26rem;
  }

  .research .innovate02 .slideItem .dot {
    width: 0.58rem;
    height: 0.58rem;
    top: -0.275rem;
  }

  .research .innovate02 .slideItem .bot {
    width: 100%;
    height: 1rem;
    top: 0.5rem;
  }

  .research .innovate02 .slideItem .bot .botImg {
    width: 2rem;
    height: 1rem;
    padding-top: 0.11rem;
    margin-left: -1rem;
  }

  .research .innovate02 .slideItem .bot .botImg img {
    border-radius: 0.16rem;
  }

  .research .innovate02 .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.8rem;
  }

  .research .innovate02 .swiper-button-next,
  .research .innovate02 .swiper-button-prev {
    width: 0.8rem;
    height: 0.8rem;
    position: static;
    margin: 0;
  }

  .research .innovate02 .swiper-button-next {
    margin-left: 0.26rem;
  }

  .research .innovate02 .slideItem .bot .botImg::after {
    width: 0.15rem;
    height: 0.13rem;
  }

  .research .innovate02 .slideItem:hover .dot::after {
    display: none;
  }

  .research .innovate03 {
    padding: 0 0 0.9rem;
  }

  .research .innovate03 .evolve {
    display: block;
  }

  .research .innovate03 .evolveList {
    width: 100%;
  }

  .research .innovate03 .listImg {
    height: 4.18rem;
  }

  .research .innovate03 .listText {
    top: 0.6rem;
    left: 0.4rem;
  }

  .research .innovate03 .listText p {
    font-size: 0.4rem;
  }

  .research .innovate03 .listText a {
    width: 0.8rem;
    height: 0.8rem;
  }

  .research .innovate03 .listText a:after {
    content: '';
    width: 1.24rem;
    height: 0.8rem;
    background-size: 100% auto;
    left: -0.56rem;
  }

  .research .innovate03 .evolveList:last-child .listText a:after {
    width: 1.24rem;
    height: 0.8rem;
    background-size: 100% auto;
    left: -0.56rem;
  }

  .research .innovate04 {
    display: none;
  }

  .research .m_innovate04 {
    display: block;
    padding-bottom: 1.5rem;
    padding-top: 1.1rem;
  }

  .research .innovate04 .main {
    width: 5.5rem;
    height: 5.5rem;
    margin-top: 1rem;
  }

  .research .innovate04 .hover-box .item i {
    font-size: 0.3rem;
    color: #ffffff;
    font-family: "DINBold";
    position: absolute;
    left: 50%;
    top: 0.5rem;
    transform: translateX(-50%);
    z-index: 22;
  }

  .research .innovate04 .hover-box .item .show {
    width: 100%;
    height: 100%;
  }

  .research .innovate04 .hover-box .item .hides {
    width: 100%;
    height: 100%;
  }

  .research .innovate04 .hover-box .item .hides {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    display: block;
  }

  .research .innovate04 .hover-box .item.active .hides {
    opacity: 1;
  }

  .research .innovate04 .hover-box .m1 {
    top: 0;
    left: 0.36rem;
    width: 2.38rem;
    height: 1.78rem;
  }

  .research .innovate04 .hover-box .m1 .show {
    background: url(../images/mobile/page/item6.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m1 .hides {
    background: url(../images/mobile/page/item6s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m2 {
    top: 0;
    right: 0.37rem;
    width: 2.39rem;
    height: 1.8rem;
  }

  .research .innovate04 .hover-box .m2 .show {
    background: url(../images/mobile/page/item1.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m2 .hides {
    background: url(../images/mobile/page/item1s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m3 {
    top: 1.36rem;
    right: 0;
    width: 1.08rem;
    height: 2.82rem;
  }

  .research .innovate04 .hover-box .m3 i {
    top: 1.4rem;
    left: 56%;
  }

  .research .innovate04 .hover-box .m3 .show {
    background: url(../images/mobile/page/item2.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m3 .hides {
    background: url(../images/mobile/page/item2s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m4 {
    bottom: 0;
    right: 0.41rem;
    width: 2.37rem;
    height: 1.78rem;
  }

  .research .innovate04 .hover-box .m4 i {
    top: 0.9rem;
  }

  .research .innovate04 .hover-box .m4 .show {
    background: url(../images/mobile/page/item3.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m4 .hides {
    background: url(../images/mobile/page/item3s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m5 {
    bottom: 0;
    left: 0.39rem;
    width: 2.36rem;
    height: 1.77rem;
  }

  .research .innovate04 .hover-box .m5 i {
    top: 0.9rem;
  }

  .research .innovate04 .hover-box .m5 .show {
    background: url(../images/mobile/page/item4.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m5 .hides {
    background: url(../images/mobile/page/item4s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m6 {
    top: 1.36rem;
    left: 0;
    width: 1.08rem;
    height: 2.83rem;
  }

  .research .innovate04 .hover-box .m6 i {
    top: 1.4rem;
    left: 40%;
  }

  .research .innovate04 .hover-box .m6 .show {
    background: url(../images/mobile/page/item5.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .hover-box .m6 .hides {
    background: url(../images/mobile/page/item5s.png) center no-repeat;
    background-size: contain;
  }

  .research .innovate04 .center-txt {
    top: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
  }

  .research .innovate04 .center-txt .item img {
    width: 0.35rem;
    height: 0.36rem;
  }

  .research .innovate04 .center-txt .item p {
    font-size: 0.3rem;
    margin-top: 0.2rem;
    color: #f5a200;
  }

  .research .innovate04 .center-txt .item span {
    font-size: 0.3rem;
    margin-top: 0.08rem;
    color: #f5a200;
  }

  .research .innovate04 .center-txt .item b {
    padding: 0 0.3rem;
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.3rem;
    margin-top: 0.1rem;
  }

  .research .innovate05 {
    display: none;
  }

  .research .m_innovate05 {
    display: block;
    padding: 0.9rem 0 1.1rem;
    background: url(../images/page/innovate05-bg.png) center no-repeat;
    background-size: cover;
  }

  .research .m_innovate05 .innovateTitle {
    text-align: center;
  }

  .research .m_innovate05 .emphasis {
    margin-top: 0.6rem;
  }

  .research .m_innovate05 .emphasisList {
    background: #ffffff;
    margin-bottom: 0.5em;
  }

  .research .m_innovate05 .emphasisList:last-child {
    margin-bottom: 0;
  }

  .research .m_innovate05 .listLogo {
    height: 1.64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .research .m_innovate05 .listLogo .logoImg {
    width: 37.1%;
  }

  .research .m_innovate05 .listLogo .logoImg img {
    max-width: 72%;
    margin: 0 auto;
  }

  .research .m_innovate05 .listLogo .titles {
    width: 62.75%;
    font-size: 0.3rem;
    color: #333333;
    height: 100%;
    background: url(../images/page/title-bg.png) center no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
  }

  .research .m_innovate05 .listLogo .titles p {
    margin-right: 0.55rem;
    width: calc(100% - 0.9rem);
  }

  .research .m_innovate05 .listRight {
    padding: 0 0.15rem 0.4rem 0.3rem;
  }

  .research .m_innovate05 .listRight .text {
    padding-right: 0.15rem;
    margin-top: 0.5rem;
  }

  .research .m_innovate05 .listRight .text::-webkit-scrollbar {
    width: 4px;
    height: 2px;
  }

  .research .m_innovate05 .listRight .text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    margin: 0 1px;
    border-radius: 4px;
    background-color: #cccccc;
  }

  .research .m_innovate05 .listRight .text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 4px;
    background: url(../images/icon/icon_74.png) center repeat-y;
  }

  .research .m_innovate05 .listRight .text p {
    font-size: 0.26rem;
    color: #333333;
    line-height: 0.4rem;
    margin-bottom: 0.4rem;
  }

  .research .m_innovate05 .listRight .text p:first-child {
    color: #f5a200;
  }

  .research .m_innovate05 .listRight .text p:last-child {
    margin-bottom: 0;
  }
}

/*动画效果*/
@keyframes ringscale2 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

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

@media (max-width: 1200px) {
  @keyframes ringscale2 {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }

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

/*================ p3-1产业板块-医药工业 ================*/
.industrial01 {
  padding: 90px 0 1px;
  background: #f8f8f8;
}

.industrial01 .pc {
  display: block;
}

.industrial01 .mobile {
  display: none;
}

.industrial01 .mySwiper2 {
  margin-left: -100px;
  width: calc(100% + 200px);
}

.industrial01 .mode {
  padding-bottom: 100px;
}

.industrial01 .mode .pic {
  float: left;
  width: 50%;
  height: 390px;
  overflow: hidden;
}

.industrial01 .mode .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.industrial01 .mode .next {
  float: right;
  width: 50%;
  height: 390px;
  background: #fff;
  margin-top: 40px;
}

.industrial01 .mode .next .bor {
  padding: 36px 8% 0;
}

.industrial01 .mode .next b {
  font-family: "DINBold";
  font-size: 87px;
  color: #f1f1f1;
}

.industrial01 .mode .next i {
  position: relative;
  z-index: 2;
  margin: -50px 0 20px;
  font-size: 24px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.industrial01 .mode .next .text {
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.industrial01 .mode .next .text .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}

.industrial01 .mode .next .text .swiper-scrollbar {
  background: url(../images/icon/icon_74.png) center repeat-y;
}

.industrial01 .mode .next .text .swiper-scrollbar-drag {
  background: #f5a200;
}

.industrial01 .mode a {
  margin-top: 120px;
}

.industrial01 .mode a:nth-child(1) {
  margin-top: 0;
}

.industrial01 .mode a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.1);
}

.industrial01 .mode a:nth-child(2n) .pic {
  float: right;
}

.industrial01 .mode a:nth-child(2n) .next {
  float: left;
}

.industrial01 .mode a:nth-child(2n) .next .text .swiper-slide {
  padding: 0 0 0 30px;
}

.industrial01 .mode a:nth-child(2n) .next .text .swiper-scrollbar {
  right: auto;
  left: 0;
}

.industrial01 .mode .btn_icon_sty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 46px;
  border-radius: 72px;
  background: url(../images/icon/icon_22.png) center no-repeat;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 30px;
}

.industrial01 .mode .btn_icon_sty span {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  z-index: 3;
  transition: color 0.5s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.industrial01 .mode .btn_icon_sty em {
  width: 19px;
  height: 21px;
  background: url(../images/icon/icon_116.png) center no-repeat;
  margin-left: 10px;
  transition: all 0.5s;
}

.industrial01 .mode .btn_icon_sty:hover em {
  transform: rotate(45deg);
  transition: all 0.5s;
}

.industrial01 .swiper-button-next,
.industrial01 .swiper-button-prev {
  top: 50%;
  margin-top: -53px;
  width: 56px;
  height: 56px;
}

.industrial01 .swiper-button-prev {
  left: 0;
  background: url(../images/icon/icon_19.png) center no-repeat;
  background-size: 100% auto;
}

.industrial01 .swiper-button-prev:hover {
  background-image: url(../images/icon/icon_19s.png);
}

.industrial01 .swiper-button-next {
  right: 0;
  background: url(../images/icon/icon_20.png) center no-repeat;
  background-size: 100% auto;
}

.industrial01 .swiper-button-next:hover {
  background-image: url(../images/icon/icon_20s.png);
}

.industrial01 .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  width: 100%;
  height: 8px;
}

.industrial01 .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.5s;
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #dadada;
}

.industrial01 .swiper-pagination .swiper-pagination-bullet-active {
  transition: all 0.5s;
  width: 22px;
  background: #f5a200;
}

@media (max-width: 1200px) {
  .industrial01 {
    padding: 0.8rem 0 1px;
  }

  .industrial01 .pc,
  .industrial01 .paging {
    display: none;
  }

  .industrial01 .mobile {
    display: block;
    margin-left: 4%;
    width: 96%;
  }

  .industrial01 .mySwiper2 {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0.8rem;
  }

  .industrial01 .mode {
    margin-right: 0.3rem;
    padding-bottom: 1.2rem;
    width: 6.3rem;
  }

  .industrial01 .mode .pic {
    width: 100%;
    height: 3.4rem;
  }

  .industrial01 .mode .next {
    width: 100%;
    height: 7.2rem;
  }

  .industrial01 .mode .next .bor {
    padding: 0.4rem 0.4rem 0;
  }

  .industrial01 .mode .next b {
    font-size: 0.8rem;
  }

  .industrial01 .mode .next i {
    margin: -0.48rem 0 0.3rem;
    font-size: 0.32rem;
  }

  .industrial01 .mode .next .text {
    position: relative;
    height: 5.2rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
  }

  .industrial01 .mode .next .text .swiper-slide {
    padding-right: 0.3rem;
  }

  .industrial01 .mode .next .text .swiper-scrollbar {
    width: 0.06rem;
  }

  .industrial01 .mode a {
    padding: 0;
  }

  .industrial01 .swiper-button-next,
  .industrial01 .swiper-button-prev {
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 0.6rem;
    height: 0.6rem;
  }

  .industrial01 .swiper-button-prev {
    left: 1.8rem;
  }

  .industrial01 .swiper-button-next {
    right: 2.1em;
  }

  .industrial01 .swiper-pagination {
    height: auto;
    position: absolute;
    left: 48%;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    font-size: 0.24rem;
    color: #999;
    font-family: "DINBold";
  }

  .industrial01 .swiper-pagination .current {
    line-height: 0.6rem;
    font-size: 0.48rem;
    color: #f5a200;
  }

  .industrial01 .swiper-pagination .s2 {
    line-height: 0.4rem;
    margin: -0.1rem 0 0 0.06rem;
  }
}

/*================ p1-3-荣誉资质_01 ================*/
.honor01 {
  padding-top: 134px;
  padding-bottom: calc(42vw + 100px);
  background: #eef1f3 url(../images/page/honor01_1.png) left bottom no-repeat;
  background-size: 100% auto;
}

.honor01 .w1400_2 {
  position: relative;
  z-index: 2;
  background: #fff url(../images/page/honor01_bac2.jpg) right bottom no-repeat;
  background-size: 100% auto;
}

.honor01 .left {
  width: 26.4%;
  box-sizing: border-box;
  padding: 60px 0;
  background: url(../images/page/honor01_bac.jpg) center no-repeat;
  background-size: cover;
}

.honor01 .left .cen {
  margin: 0 auto;
  padding: 30px 0;
  width: 78.6%;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
}

.honor01 .left .mySwiper {
  height: 420px;
}

.honor01 .left .mySwiper .swiper-slide {
  transition: all 0.5s;
  font-size: 18px;
  line-height: 70px;
  font-family: "DINRegular";
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.honor01 .left .mySwiper .swiper-slide.swiper-slide-thumb-active {
  transition: all 0.5s;
  font-size: 36px;
  font-family: "DINBold";
}

.honor01 .right {
  padding: 60px 0;
  width: 65.7%;
}

.honor01 .right .mySwiper2 {
  margin-right: 30px;
}

.honor01 .right .mySwiper2 .list {
  padding: 26px 26px 26px 0;
  height: 428px;
  overflow-y: auto;
}

.honor01 .right .mySwiper2 .list::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}

.honor01 .right .mySwiper2 .list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #e9e9e9;
}

.honor01 .right .mySwiper2 .list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: url(../images/icon/icon_74.png) center repeat-y;
}

.honor01 .right .mySwiper2 .list p {
  transition: all 0.4s;
  margin-bottom: 28px;
  padding-left: 37px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  background: url(../images/icon/icon_45s.png) left 9px no-repeat;
  background-size: auto 18px;
}

.honor01 .right .mySwiper2 .list p:hover {
  transition: all 0.4s;
  margin-left: 20px;
}

.honor01 .right .mySwiper2 .list p:last-child {
  margin-bottom: 0;
}

.honor01 .swiper-button-next,
.honor01 .swiper-button-prev {
  margin-top: 0;
  width: 26.4%;
  height: 60px;
}

.honor01 .swiper-button-prev {
  top: 0;
  left: 0;
  background: url(../images/icon/icon_90.png) center no-repeat;
}

.honor01 .swiper-button-next {
  top: auto;
  bottom: 0;
  right: auto;
  left: 0;
  background: url(../images/icon/icon_91.png) center no-repeat;
}

@media (max-width: 1200px) {
  .honor01 {
    padding-top: 1rem;
    padding-bottom: calc(36vw + 100px);
    background: #eef1f3 url(../images/page/honor01_1.png) left bottom no-repeat;
    background-size: 100% auto;
  }

  .honor01 .w1400_2 {
    position: relative;
    z-index: 2;
    background: #fff url(../images/page/honor01_bac2.jpg) right bottom no-repeat;
    background-size: 100% auto;
  }

  .honor01 .left {
    width: 100%;
    padding: 0 0.5rem;
    background: url(../images/page/honor01_bac.jpg) center no-repeat;
    background-size: cover;
  }

  .honor01 .left .cen {
    margin: 0.3rem auto;
    padding: 0 0 0 0.1rem;
    width: calc(100% - 0.1rem - 2px);
    border: none;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
  }

  .honor01 .left .mySwiper {
    height: 0.8rem;
  }

  .honor01 .left .mySwiper .swiper-slide {
    font-size: 0.3rem;
    line-height: 0.8rem;
  }

  .honor01 .left .mySwiper .swiper-slide.swiper-slide-thumb-active {
    font-size: 0.5rem;
  }

  .honor01 .right {
    padding: 0.6rem 0;
    width: 100%;
  }

  .honor01 .right .mySwiper2 {
    margin: 0 0.3rem;
  }

  .honor01 .right .mySwiper2 .list {
    padding: 0 0.3rem 0.3rem 0;
    height: 5.2rem;
  }

  .honor01 .right .mySwiper2 .list::-webkit-scrollbar {
    width: 3px;
  }

  .honor01 .right .mySwiper2 .list p {
    margin-bottom: 0.4rem;
    padding-left: 0.38rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    background: url(../images/icon/icon_45s.png) left 0.07rem no-repeat;
    background-size: auto 0.25rem;
  }

  .honor01 .right .mySwiper2 .list p:hover {
    margin-left: 0;
  }

  .honor01 .right .mySwiper2 .list p:last-child {
    margin-bottom: 0;
  }

  .honor01 .swiper-button-next,
  .honor01 .swiper-button-prev {
    width: 0.5rem;
    height: 1.4rem;
  }

  .honor01 .swiper-button-prev {
    top: 0;
    left: 0;
    background: url(../images/mobile/icon/icon_90.png) center no-repeat;
    background-size: 0.16rem auto;
  }

  .honor01 .swiper-button-next {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    background: url(../images/mobile/icon/icon_91.png) center no-repeat;
    background-size: 0.16rem auto;
  }
}

/*================ p3-3产业板块-医药国际化 ================*/
.international01 {
  padding: 90px 0 210px;
  background: #fbfbfb;
}

.international01 .pc {
  position: relative;
  display: block;
}

.international01 .pc .map {
  width: 100%;
}

.international01 .pc .tab_title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.international01 .pc .tab_title .pos {
  position: absolute;
  width: 1px;
  height: 1px;
  cursor: pointer;
}

.international01 .pc .tab_title .pos i {
  position: absolute;
  left: 50%;
  top: -27px;
  transform: translateX(-50%);
  width: 19px;
  height: 27px;
}

.international01 .pc .tab_title .pos i::after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_92.png) center no-repeat;
  background-size: 100% auto;
  content: "";
}

.international01 .pc .tab_title .pos i::before {
  transform: rotateX(45deg) scale(0.3);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: -17px 0 0 -15px;
  background-color: #f5a200;
  animation: mapLi2 2s ease 0s infinite;
  border-radius: 100%;
  content: "";
}

@keyframes mapLi2 {
  form {
    transform: rotateX(45deg) scale(0.3);
    opacity: 1;
  }

  to {
    transform: rotateX(45deg) scale(1.1);
    opacity: 0;
  }
}

.international01 .pc .tab_title .pos p {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  margin-top: 4px;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
}

.international01 .pc .tab_title .pos.cur p {
  color: #f5a200;
}

.international01 .pc .tab_title .pos1 {
    left: 27.1%;
    top: 31.86%;
}

.international01 .pc .tab_title .pos1 p {
  margin-top: -56px;
}

.international01 .pc .tab_title .pos2 {
  left: 19.28%;
  top: 34.2%;
}

.international01 .pc .tab_title .pos3 {
    left: 26.0%;
    top: 34.06%;
}

.international01 .pc .tab_title .pos3 p {
  margin: -14px 0 0 50px;
}

.international01 .pc .tab_title .pos4 {
  left: 45%;
  top: 48.28%;
}

.international01 .pc .tab_title .pos5 {
  left: 46.9%;
  top: 46.84%;
}

.international01 .pc .tab_title .pos5 p {
  margin-top: -56px;
}

.international01 .pc .tab_title .pos6 {
  left: 55.4%;
  top: 54.85%;
}

.international01 .pc .tab_title .pos7 {
  left: 71.74%;
  top: 41.85%;
}

.international01 .pc .tab_title .pos7 p {
  margin: -24px 0 0 -65px;
}

.international01 .pc .tab_title .pos8 {
  left: 73.35%;
  top: 40.52%;
}

.international01 .pc .tab_title .pos8 p {
  margin-top: -56px;
}

.international01 .pc .tab_title .pos9 {
  left: 74.97%;
  top: 41.84%;
}

.international01 .pc .tab_title .pos9 p {
  margin: -26px 0 0 50px;
}
.international01 .pc .tab_title .pos10{
    right: 51.6%;
    top: 27%;
}
.international01 .pc .tab_title .pos10 p{
    margin: -24px 0 0 72px;
}

.international01 .pc .tab_title .pos11{
    left: 44%;
    top: 26%;
}
.international01 .pc .tab_title .pos11 p{
       margin: -55px 0 0 2px;
}
.international01 .pc .tab_title .pos12{
    right: 39%;
    top: 34.5%;
}

.international01 .pc .tab_title .pos12 p{
    margin: -53px 0 0 3px;
}


.international01 .pc .tab_next {
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
}

.international01 .pc .tab_next .next {
  padding: 30px;
  width: 780px;
  background: #fff url(../images/page/international01_bac.jpg) right top no-repeat;
  background-size: auto 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.international01 .pc .tab_next .next.nodetail{
    display: none !important;
    box-shadow: none;
}

.international01 .pc .tab_next .next .pic {
  float: left;
  margin-right: 40px;
  width: 260px;
  height: 170px;
  overflow: hidden;
}

.international01 .pc .tab_next .next .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}

.international01 .pc .tab_next .next .text b {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.international01 .pc .tab_next .next .text p {
  font-size: 16px;
  line-height: 28px;
  color: #666;
}

.international01 .pc .tab_next .next:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}

.international01 .mobile {
  display: none;
}

@media (max-width: 1200px) {
  .international01 {
    padding: 0.9rem 0 1.1rem;
  }

  .international01 .pc {
    display: none;
  }

  .international01 .mobile {
    display: block;
  }

  .international01 .mobile .map {
    margin-bottom: 0.25rem;
    width: 100%;
  }

  .international01 .mobile .swiper-slide {
    margin: 0 0 1.2rem 0.4rem;
    width: 83%;
    background: #fff url(../images/mobile/page/international01_bac.jpg) right top no-repeat;
    background-size: auto 100%;
  }

  .international01 .mobile .swiper-slide .bor {
    padding: 0.4rem 0.2rem 0.4rem 0.4rem;
  }

  .international01 .mobile .swiper-slide .pic {
    margin: 0 0.2rem 0.4rem 0;
    width: calc(100% - 0.2rem);
    height: 4.26rem;
  }

  .international01 .mobile .swiper-slide .pic i {
    width: 100%;
    height: 100%;
  }

  .international01 .mobile .swiper-slide .text b {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, #e79d00, #c78342);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .international01 .mobile .swiper-slide .text p {
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #333;
    padding-right: 0.15rem;
    height: 2.1rem;
    overflow: hidden;
    overflow-y: scroll;
  }

  .international01 .mobile .swiper-slide .text p::-webkit-scrollbar {
    width: 0.05rem;
    height: 2px;
  }

  .international01 .mobile .swiper-slide .text p::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    margin: 0 1px;
    border-radius: 5px;
    background-color: #e9e9e9;
  }

  .international01 .mobile .swiper-slide .text p::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 5px;
    background: url(../images/icon/icon_74.png) center repeat-y;
  }

  .international01 .swiper-button-next,
  .international01 .swiper-button-prev {
    top: auto;
    bottom: 0rem;
    margin-top: 0;
    width: 0.6rem;
    height: 0.6rem;
  }

  .international01 .swiper-button-next {
    right: 2.1rem;
    background: url(../images/icon/icon_20.png) right top no-repeat;
    background-size: 100% auto;
  }

  .international01 .swiper-button-next:hover {
    background-image: url(../images/icon/icon_20s.png);
  }

  .international01 .swiper-button-prev {
    left: 2.1rem;
    background: url(../images/icon/icon_19.png) left top no-repeat;
    background-size: 100% auto;
  }

  .international01 .swiper-button-prev:hover {
    background-image: url(../images/icon/icon_19s.png);
  }

  .international01 .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 0;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    font-size: 0.24rem;
    color: #999;
    font-family: "DINBold";
  }

  .international01 .swiper-pagination .current {
    line-height: 0.6rem;
    font-size: 0.48rem;
    color: #f5a200;
  }

  .international01 .swiper-pagination .s2 {
    line-height: 0.4rem;
    margin: -0.1rem 0 0 0.06rem;
  }
}

/*================ p8-0 人力资源================*/
.talents .resource01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 150px 0 179px;
  background: url(../images/page/resource01-bg.png) center top no-repeat;
  background-size: 100% 100%;
}

.talents .resource01 .strategy {
  width: 80%;
  margin: 0 auto;
}

.talents .resource01 .strategy .titles {
  font-size: 36px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.talents .resource01 .strategy span {
  font-size: 22px;
  color: #333333;
  text-align: center;
  margin-bottom: 30px;
}

.talents .resource01 .strategy p {
  font-size: 16px;
  color: #666666;
  line-height: 34px;
  text-align: center;
}

.talents .resource01 .strategyUl {
  display: flex;
  margin-top: 80px;
}

.talents .resource01 .strategyUl .strategyLi {
  width: calc((100% - 40px) / 3);
  padding: 42px 20px 38px;
  background: rgba(255, 255, 255, 0.65);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.talents .resource01 .strategyUl .strategyLi::after {
  content: '';
  width: 1px;
  height: 30px;
  background: #d6d6d6;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.talents .resource01 .strategyUl .strategyLi:last-child::after {
  width: 0;
  height: 0;
}

.talents .resource01 .strategyUl .liFlex {
  /*display: flex;*/
  /*align-items: flex-end;*/
  margin-bottom: 20px;
}

.talents .resource01 .strategyUl .liFlex i {
  width: 33px;
  height: 33px;
  margin: 0 auto;
  /*margin-right: 14px;*/
}

.talents .resource01 .strategyUl .liFlex em {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  margin-top: 8px;
}

.talents .resource01 .strategyUl p {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

@media (max-width: 1432px) {
  .talents .resource01 .strategyUl p {
    line-height: 62px;
    height: 62px;
  }
}

.talents .resource02 {
  padding: 120px 0 100px;
  position: relative;
}

.talents .resource02 .title {
  z-index: 1;
  position: relative;
}

.listPageBox {
  margin-top: 90px;
}

.talents .resource02 .title::after {
  content: '';
  width: 100%;
  height: 200px;
  background: #fff;
  position: absolute;
  left: 0;
  top: -110px;
  z-index: -1;
}

.talents .resource02 .swiper {
  height: 100vh;
}

.talents .resource02 .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.talents .resource02 .swiper-scrollbar {
  opacity: 0;
}

.talents .resource02 .listPage {
  display: flex;
  flex-wrap: wrap;
}

.talents .resource02 .pageLi {
  width: calc((100% - 54px) / 2);
  height: 21.35vw;
  margin-right: 54px;
  position: relative;
  font-size: 24px;
}

.talents .resource02 .pageLi:nth-child(2n) {
  margin-right: 0;
  margin-top: 52px;
}

.talents .resource02 .pageLi:hover .liImg img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.talents .resource02 .pageLi .liImg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.talents .resource02 .pageLi .liImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s;
}

.talents .resource02 .pageLi .text {
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  left: 36px;
  bottom: 42px;
}

.talents .resource03 {
  padding: 110px 0 120px;
  background: #f5f4f4;
}

.talents .resource03 .videoList {
  margin-top: 70px;
}

.talents .resource03 .videoList .swiper-slide {
  width: 66%;
}

.talents .resource03 .videoList .swiper-button-next,
.talents .resource03 .videoList .swiper-button-prev {
  width: 62px;
  height: 62px;
  top: 44%;
}

.talents .resource03 .videoList .swiper-button-next {
  right: calc(17% - 31px);
  background: url(../images/icon/icon_20.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.talents .resource03 .videoList .swiper-button-next:hover {
  background: url(../images/icon/icon_20s.png) center no-repeat;
  background-size: contain;
}

.talents .resource03 .videoList .swiper-button-prev {
  left: calc(17% - 31px);
  background: url(../images/icon/icon_19.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

.talents .resource03 .videoList .swiper-button-prev:hover {
  background: url(../images/icon/icon_19s.png) center no-repeat;
  background-size: contain;
}

.talents .resource03 .videoList .swiper-pagination {
  display: flex;
  align-items: center;
  bottom: 0;
  right: calc(17% + 6%);
  left: auto;
  font-size: 25px;
  color: #999999;
  width: auto;
}

.talents .resource03 .videoList .swiper-pagination span {
  font-size: 38px;
  color: #f5a200;
  font-family: "DINBold";
}

.talents .resource03 .videoList .swiper-pagination .s1 {
  font-size: 25px;
  color: #999999;
}

.talents .resource03 .videoList .videoImg {
  margin: 0 auto;
  width: 82%;
  height: 520px;
  position: relative;
}

.talents .resource03 .videoList .videoImg::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  content: "";
}

.talents .resource03 .videoList .videoImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.talents .resource03 .videoList .videoImg .play {
  width: 61px;
  height: 61px;
  background: url(../images/icon/icon_46.png) center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.talents .resource03 .videoList .videoText {
  margin: 0 9%;
  font-size: 22px;
  color: #333333;
  margin-top: 26px;
}

.talents .resource04 {
  height: 757px;
  background: url(../images/page/resource04-bg.png) center no-repeat;
  background-size: cover;
}

.talents .resource04 .joinBox {
  margin-left: 13.54%;
}

.talents .resource04 .text {
  font-size: 30px;
  color: #ffffff;
  line-height: 40px;
  padding-top: 100px;
}

.talents .resource04 .text i {
  font-size: 50px;
  color: #ffffff;
  font-family: "Aemstel";
  opacity: 0.1;
  margin-bottom: -15px;
}

.talents .resource04 .text p {
  font-weight: bold;
}

.talents .resource04 .code {
  width: 149px;
  height: 149px;
  margin: 70px 0 50px;
}

.talents .resource04 .code img {
  width: 100%;
  height: 100%;
}

.talents .resource04 .link {
  width: 204px;
  height: 70px;
  background: #ffffff;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}

.talents .resource04 .link p {
  font-size: 22px;
  color: #f5a200;
}

.talents .resource04 .link i {
  width: 16px;
  height: 25px;
  background: url(../images/icon/icon_21.png) center no-repeat;
  background-size: contain;
  margin-left: 27px;
}

.talents .m_resource02 {
  display: none;
}

.talents .resource03 .m_videoList {
  display: none;
}

.talents .m_resource04 {
  display: none;
}

@media (max-width: 1200px) {
  .talents .resource01 {
    margin-top: -0.25rem;
    padding: 0.97rem 0 0.98rem;
    background: url(../images/mobile/page/resource01-bg.png) top no-repeat;
    background-size: cover;
  }

  .talents .resource01 .strategy {
    padding: 0 0.7rem;
    width: auto;
  }

  .talents .resource01 .strategy .titles {
    font-size: 0.4rem;
    margin-bottom: 0.5rem;
  }

  .talents .resource01 .strategy span {
    font-size: 0.3rem;
    margin-bottom: 0.36rem;
  }

  .talents .resource01 .strategy p {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }

  .talents .resource01 .strategyUl {
    display: block;
    margin-top: 0.7rem;
    padding: 0 0.5rem;
    background: rgba(255, 255, 255, 0.65);
  }

  .talents .resource01 .strategyUl .strategyLi {
    width: 100%;
    padding: 0.6rem 0 0.52rem;
    border-bottom: 1px solid #d6d6d6;
    background: none;
  }

  .talents .resource01 .strategyUl .strategyLi:last-child {
    border-bottom: none;
  }

  .talents .resource01 .strategyUl .strategyLi::after {
    display: none;
  }

  .talents .resource01 .strategyUl .liFlex {
    margin-bottom: 0.4rem;
  }

  .talents .resource01 .strategyUl .liFlex i {
    width: 0.45rem;
    height: 0.46rem;
    margin-right: 0.3rem;
  }

  .talents .resource01 .strategyUl .liFlex em {
    font-size: 0.3rem;
  }

  .talents .resource01 .strategyUl p {
    font-size: 0.26rem;
    line-height: 0.44rem;
  }

  .talents .resource02 {
    display: none;
  }

  .talents .m_resource02 {
    display: block;
    padding: 1rem 0;
    background: url(../images/mobile/page/m_resource02-bg.png) center no-repeat;
    background-size: cover;
  }

  .talents .m_resource02 .pageLi {
    width: 100%;
  }

  .talents .m_resource02 .liImg {
    width: 100%;
  }

  .talents .m_resource02 .liImg img {
    width: 100%;
  }

  .talents .m_resource02 .text {
    font-size: 0.3rem;
    color: #333333;
    padding: 0.56rem 0.5rem;
    background: #ffffff;
  }

  .talents .m_resource02 .listSwpier {
    padding-bottom: 1.25rem;
  }

  .talents .m_resource02 .flexSwpier {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .talents .m_resource02 .swiper-button-next,
  .talents .m_resource02 .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    position: static;
    margin: 0;
  }

  .talents .m_resource02 .swiper-button-prev {
    background: url(../images/icon/icon_19.png) center no-repeat;
    background-size: contain;
    transition: all 0.5s;
  }

  .talents .m_resource02 .swiper-button-next {
    background: url(../images/icon/icon_20.png) center no-repeat;
    background-size: contain;
    transition: all 0.5s;
  }

  .talents .m_resource02 .swiper-pagination {
    font-size: 0.24rem;
    color: #999999;
    font-family: "DINLight";
    position: static;
    width: auto;
    margin: 0 0.44rem;
  }

  .talents .m_resource02 .swiper-pagination span {
    font-size: 0.48rem;
    color: #f5a200;
    font-family: "DINBold";
  }

  .talents .m_resource02 .swiper-pagination .s1 {
    font-size: 0.24rem;
    color: #999999;
    font-family: "DINLight";
    margin-left: 0.1rem;
  }

  .talents .resource03 {
    padding: 0.9rem 0;
  }

  .talents .resource03 .videoList {
    display: none;
  }

  .talents .resource03 .m_videoList {
    display: block;
    margin-top: 0.64rem;
    padding: 0 0.3rem;
  }

  .talents .resource03 .m_videoList .swiper-button-next {
    right: 0.2rem;
  }

  .talents .resource03 .m_videoList .swiper-button-prev {
    left: 0.2rem;
  }

  .talents .resource03 .videoList .swiper-slide {
    width: 100%;
  }

  .talents .resource03 .videoList .videoImg {
    width: 100%;
    height: 3.6rem;
  }

  .talents .resource03 .videoList .videoText {
    font-size: 0.24rem;
    margin: 0.4rem 0 0;
    width: 100%;
  }

  .talents .resource03 .videoList .videoImg .play {
    width: 0.74rem;
    height: 0.74rem;
  }

  .talents .resource03 .videoList .swiper-button-next,
  .talents .resource03 .videoList .swiper-button-prev {
    width: 0.8rem;
    height: 0.8rem;
    top: 1.8rem;
    border-radius: 100%;
    background-color: #fff;
  }

  .talents .resource03 .videoList .swiper-pagination {
    font-size: 0.2rem;
    color: #333333;
    position: absolute;
    right: 0;
  }

  .talents .resource03 .videoList .swiper-pagination span {
    font-size: 0.3rem;
  }

  .talents .resource03 .videoList .swiper-pagination .s1 {
    font-size: 0.2rem;
    color: #333333;
  }

  .talents .resource04 {
    display: none;
  }

  .talents .m_resource04 {
    display: block;
  }

  .talents .m_resource04 .joinBox {
    padding: 0.6rem 0.4rem 0.8rem;
    background: url(../images/mobile/page/botImg-bg.png) center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
  }

  .talents .m_resource04 .text em {
    font-size: 0.48rem;
    color: #ffffff;
    font-family: "Aemstel";
    opacity: 0.2;
    margin-bottom: -0.15rem;
  }

  .talents .m_resource04 .text .text_p p {
    font-size: 0.4rem;
    color: #ffffff;
    font-weight: bold;
  }

  .talents .m_resource04 .text .link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 2.06rem;
    height: 0.65rem;
    border-radius: 0.4rem;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-top: 0.4rem;
  }

  .talents .m_resource04 .text .link p {
    font-size: 0.21rem;
    color: #f5a200;
    padding-left: 0.34rem;
  }

  .talents .m_resource04 .text .link i {
    width: 0.56rem;
    height: 0.56rem;
    background: #f5a200 url(../images/icon/icon_26.png) center no-repeat;
    background-size: 0.16rem auto;
    border-radius: 50%;
    margin-right: 0.1rem;
  }

  .talents .m_resource04 .code {
    width: 1.68rem;
    margin-top: 0.36rem;
  }

  .talents .m_resource04 .code img {
    width: 100%;
  }

  .talents .m_resource04 .botImg {
    width: 100%;
  }

  .talents .m_resource04 .botImg img {
    width: 100%;
  }
}

/*================ p9-0 党建工作================*/
.building01 {
  position: relative;
  z-index: 2;
  margin-top: -100px;
  padding: 150px 0 118px;
  background: url(../images/page/building01-bg.png) center top no-repeat;
  background-size: 100% 100%;
}

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

.building01 .flashBox .flashleft {
  width: 66.36%;
  height: 542px;
  position: relative;
}

.building01 .flashBox .flashleft::after {
  content: '';
  width: 100%;
  height: 230px;
  background: url(../images/page/flashBox01-bg.png) center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.building01 .flashBox .flashleft:hover .leftImg img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.building01 .flashBox .flashRight {
  width: 31.5%;
  height: 542px;
}

.building01 .flashBox .rightlist {
  width: 100%;
  height: calc((100% - 30px) / 2);
  margin-bottom: 30px;
  position: relative;
}

.building01 .flashBox .rightlist::after {
  content: '';
  width: 100%;
  height: 247px;
  background: url(../images/page/flashBox-bg.png) center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.building01 .flashBox .rightlist:hover .leftImg img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.building01 .flashBox .rightlist:last-child {
  margin-bottom: 0;
}

.building01 .flashBox .rightlist .mainText {
  height: calc(100% - 40px);
  padding: 20px 20px 28px;
}

.building01 .flashBox .rightlist .mainText p {
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.building01 .flashBox .leftImg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.building01 .flashBox .leftImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s;
}

.building01 .flashBox .mainText {
  position: relative;
  height: calc(100% - 60px);
  padding: 30px 30px 56px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}

.building01 .flashBox .mainText p {
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.building01 .flashBox .time {
  padding: 10px 0 8px;
  width: 80px;
  color: #fff;
  text-align: center;
  background: #f5a200;
}

.building01 .flashBox .time i {
  font-family: "DINRegular";
  font-size: 14px;
}

.building01 .flashBox .time em {
  line-height: 42px;
  font-size: 42px;
  font-weight: bold;
  font-family: "DINBold";
}

.building01 .flashText {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

.building01 .flashText .textList {
  position: relative;
  width: calc((100% - 92px) / 3);
  margin-right: 46px;
  padding-bottom: 28px;
  border-bottom: 1px solid #dcdcdc;
}

.building01 .flashText .textList::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #f5a200;
  content: "";
}

.building01 .flashText .textList:nth-child(3n) {
  margin-right: 0;
}

.building01 .flashText .text {
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.building01 .flashText .timeBox {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.building01 .flashText .timeBox i {
  font-size: 16px;
  color: #bbbbbb;
  font-family: "DINLight";
}

.building01 .flashText .timeBox em {
  padding-right: 25px;
  font-size: 16px;
  color: #999999;
  background: url(../images/icon/icon_18.png) right center no-repeat;
}

.building01 .flashText .textList:hover::before {
  transition: all 0.5s;
  width: 100%;
}

.building01 .flashText .textList:hover .text {
  color: #f5a200;
  font-weight: bold;
}

.partyBuilding .building02 {
  padding-bottom: 180px;
}

.building02 {
  padding: 110px 0 1px;
  background: url(../images/page/building02-bg.png) center top no-repeat;
  background-size: cover;
}

.building02 .paging {
  margin-top: 60px;
}

.building02 .study {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.building02 .studyList {
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
  margin-top: 50px;
}

.building02 .studyList:nth-child(3n) {
  margin-right: 0;
}

.building02 .studyList:nth-child(-n+3) {
  margin-top: 0;
}

.building02 .studyList:hover .studyImg img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.building02 .studyList .studyImg {
  width: 100%;
  overflow: hidden;
}

.building02 .studyList .studyImg img {
  width: 100%;
  transform: scale(1);
  transition: all 0.5s;
}

.building02 .studyList .studyText {
  width: calc(100% - 60px);
  padding: 30px 30px;
  font-size: 18px;
  color: #333333;
  background: #ffffff;
}

.building02 .studyList .studyText p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 56px;
  line-height: 28px;
}

.m_building01 {
  display: none;
}

.building02 .m_study {
  display: none;
}

@media (max-width: 1200px) {
  .page_banner .pos .text {
    display: none;
  }

  .building01 {
    display: none;
  }

  .m_building01 {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: -0.25rem;
    padding: 1rem 0 1.1rem;
    background: url(../images/mobile/page/bac_fff.png) top no-repeat;
    background-size: 100% auto;
  }

  .m_building01 .leftImg {
    width: 100%;
    height: 4.8rem;
  }

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

  .m_building01 .mainText {
    height: calc(100% - 0.6rem);
    padding: 0.36rem 0.3rem;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
  }

  .m_building01 .mainText p {
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 68%;
  }

  .m_building01 .time {
    padding: 0.14rem 0 0.06rem;
    width: 1.1rem;
    text-align: center;
    color: #ffffff;
    background: #f5a200;
  }

  .m_building01 .time i {
    font-size: 0.22rem;
    font-family: "DINRegular";
  }

  .m_building01 .time em {
    font-size: 0.5rem;
    font-family: "DINBold";
  }

  .m_building01 .swiper-pagination.swiper-pagination-clickable {
    margin: 0;
  }

  .m_building01 .swiper-pagination {
    bottom: 0.42rem;
    right: 0.29rem;
    left: auto;
    display: flex;
    justify-content: flex-end;
  }

  .m_building01 .swiper-pagination .swiper-pagination-bullet {
    background: #ffffff;
  }

  .m_building01 .flashText .textList {
    padding: 0.5rem 0;
    border-bottom: 1px solid #dcdcdc;
  }

  .m_building01 .flashText .text {
    max-height: 0.8rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .m_building01 .flashText .timeBox {
    font-size: 0.26rem;
    color: #999999;
    font-family: "DINRegular";
    margin-top: 0.26rem;
  }

  .buildingText {
    display: block;
    font-size: 0.28rem;
    line-height: 0.49rem;
    text-indent: 2em;
    margin-bottom: 1rem;
  }

  .partyBuilding .building02 {
    padding-bottom: 1rem;
  }

  .building02 {
    padding: 1rem 0 1px;
  }

  .building02 .paging {
    margin-top: 0.8rem;
  }

  .building02 .study {
    display: none;
  }

  .building02 .m_study {
    display: block;
  }

  .building02 .m_study .swiper {
    padding-bottom: 0.75rem;
  }

  .building02 .m_study .swiper-pagination.swiper-pagination-clickable {
    margin: 0;
    position: absolute;
  }

  .building02 .studyList {
    margin: 0;
    margin-bottom: 0.4rem;
    width: 100%;
  }

  .building02 .m_study .swiper-slide {
    margin-bottom: 0;
  }

  .building02 .studyList .studyImg {
    height: 3.93rem;
  }

  .building02 .studyList .studyImg img {
    height: 100%;
    object-fit: cover;
  }

  .building02 .studyList .studyText {
    width: calc(100% - 0.8rem);
    padding: 0.4rem 0.4rem;
    font-size: 0.28rem;
  }

  .building02 .studyList .studyText p {
    line-height: 0.4rem;
    height: 0.8rem;
  }
}

/*==========p7-1公告列表=============*/
.affiche {
  padding: 120px 0 1px;
  background: #f7f7f7;
}

.afficheUl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 72px;
}

.afficheList {
  width: 48.92%;
  margin-top: 30px;
  background: #ffffff;
  transition: all 0.5s;
}

.afficheList:nth-child(-n+2) {
  margin-top: 0;
}

.afficheList .listBor {
  padding: 30px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.afficheList .left {
  display: flex;
  align-items: center;
  width: 90%;
}

.afficheList .leftIcon {
  width: 57px;
  height: 60px;
  background: #e8a10c;
}

.afficheList .leftIcon i {
  width: 29px;
  height: 60px;
  margin: 0 auto;
  background: url(../images/icon/icon_121.png) center no-repeat;
  background-size: contain;
}

.leftTxt {
  margin-left: 7.21%;
  width: 70%;
}

.leftTxt p {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.5s;
}

.leftTxt i {
  font-size: 16px;
  font-family: "DINBold";
  color: #e8a10c;
  font-weight: bold;
  margin-top: 10px;
  transition: all 0.5s;
}

.afficheList .rightDow {
  width: 24px;
  height: 40px;
  background: url(../images/icon/icon_122.png) center no-repeat;
  background-size: 100% auto;
  transition: all 0.5s;
}

.afficheList:hover {
  background: #e8a10c;
  transition: all 0.5s;
}

.afficheList:hover .leftTxt p {
  color: #ffffff;
  transition: all 0.5s;
}

.afficheList:hover .leftTxt i {
  color: #ffffff;
  transition: all 0.5s;
}

.afficheList:hover .rightDow {
  background: url(../images/icon/icon_122s.png) center no-repeat;
  background-size: contain;
  transition: all 0.5s;
}

@media (max-width: 1200px) {
  .afficheBox .page_banner .pos span {
    margin-top: 0.48rem;
  }

  .affiche {
    padding: 0.6rem 0 1px;
  }

  .afficheUl {
    display: block;
    margin-bottom: 0.62rem;
  }

  .afficheList {
    width: 100%;
    margin-top: 0.3rem;
  }

  .afficheList:nth-child(-n+2) {
    margin-top: 0.3rem;
  }

  .afficheList:first-child {
    margin-top: 0;
  }

  .afficheList .listBor {
    padding: 0.47rem 0.4rem 0.47rem 0.36rem;
    align-items: flex-start;
  }

  .afficheList .leftIcon {
    width: 0.82rem;
    height: 0.96rem;
  }

  .afficheList .leftIcon i {
    width: 0.43rem;
    height: 0.96rem;
  }

  .leftTxt {
    width: 75%;
  }

  .leftTxt p {
    font-size: 0.3rem;
  }

  .leftTxt i {
    font-size: 0.28rem;
    margin-top: 0.2rem;
  }

  .afficheList .rightDow {
    width: 0.39rem;
    height: 0.34rem;
  }
}