.bac_color {
  background: #fbfbfb !important;
}
/*========== p4-0投资者关系 ==========*/
.Investor01 {
  padding: 100px 0;
  background: url(../image/Investor01_1.jpg) center no-repeat;
  background-size: cover;
}
.Investor01 .swiper-slide {
  transition: all 0.5s;
  margin: 120px 20px 20px 0;
  width: 430px;
  /* width: 27.5%; */
  height: 407px;
  cursor: pointer;
}
.Investor01 .swiper-slide .bac1 {
  position: absolute;
  left: 10px;
  top: 0;
  width: calc(100% - 20px);
  height: 100%;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.Investor01 .swiper-slide .bac2 {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 260px;
  background: url(../image/Investor01_bac2.png) left top no-repeat;
  background-size: 100%;
}
.Investor01 .swiper-slide .bor {
  position: relative;
  z-index: 3;
  padding: 46px 10% 0;
}
.Investor01 .swiper-slide .t {
  margin-bottom: 55px;
  display: flex;
  flex-wrap: wrap;
}
.Investor01 .swiper-slide .t b {
  font-size: 26px;
  color: #004ea2;
  font-weight: bold;
}
.Investor01 .swiper-slide .t i {
  margin: 10px 0 0 8px;
  font-size: 18px;
  color: #333;
}
.Investor01 .swiper-slide em {
  transition: all 0.5s;
  opacity: 1;
  margin-bottom: 55px;
  width: 130px;
  height: 1px;
  background: #d40212;
}
.Investor01 .swiper-slide .text {
  transition: all 0.5s;
  font-size: 18px;
  line-height: 42px;
  color: #333;
  text-align: justify;
}
.Investor01 .swiper-slide .text i {
  transition: all 0.5s;
  display: inline;
  color: #d40212;
  cursor: pointer;
}
.Investor01 .swiper-slide.cur {
  transition: all 0.5s;
  margin-top: 70px;
}
.Investor01 .swiper-slide.cur .bac2 {
  transition: all 0.5s;
  opacity: 1;
}
.Investor01 .swiper-slide.cur em {
  transition: all 0.5s;
  opacity: 0;
}
.Investor01 .swiper-slide.cur .text {
  transition: all 0.5s;
  color: #fff;
}
.Investor01 .swiper-slide.cur .text i {
  transition: all 0.5s;
  color: #fff;
}
.Investor01 .swiper-button-next,
.Investor01 .swiper-button-prev {
  margin-top: 0;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
}
.Investor01 .swiper-button-prev {
  left: auto;
  right: 46px;
  background: url(../image/i2ss.png) center right no-repeat;
  background-size: 100% 100%;
  /* &:hover{
            background: url(../images/icon/i2s.png) center right no-repeat;
            background-size: 100% 100%;
        } */
}
.Investor01 .swiper-button-next {
  right: 0;
  /* background: url(../images/icon/i3.png) center no-repeat;
        background-size: cover;
        &:hover{
            background: url(../image/i3s.png) center no-repeat;
            background-size: cover;
        } */
  background: url(../image/i3s.png) center left no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1200px) {
  .Investor01 {
    padding: 0.8rem 0;
    background: url(../image/Investor01_11.jpg) center no-repeat;
    background-size: cover;
  }
  .Investor01 .swiper-slide {
    margin: 0.6rem 0 0.2rem 0.4rem;
    width: 5.7rem;
    height: 5rem;
  }
  .Investor01 .swiper-slide .bac1 {
    left: 0;
    width: 100%;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.08);
  }
  .Investor01 .swiper-slide .bac2 {
    display: none;
  }
  .Investor01 .swiper-slide .bor {
    padding: 0.5rem 0.5rem 0;
  }
  .Investor01 .swiper-slide .t {
    margin-bottom: 0.4rem;
  }
  .Investor01 .swiper-slide .t b {
    font-size: 0.42rem;
  }
  .Investor01 .swiper-slide .t i {
    margin: 0.18rem 0 0 0.28rem;
    font-size: 0.28rem;
  }
  .Investor01 .swiper-slide em {
    margin-bottom: 0.4rem;
    width: 2.1rem;
  }
  .Investor01 .swiper-slide .text {
    font-size: 0.28rem;
    line-height: 0.5rem;
  }
  .Investor01 .swiper-slide.cur {
    margin-top: 0.6rem;
  }
  .Investor01 .swiper-slide.cur em {
    opacity: 1;
  }
  .Investor01 .swiper-slide.cur .text {
    color: #333;
  }
  .Investor01 .swiper-slide.cur .text i {
    color: #d40212;
  }
  .Investor01 .swiper-button-next,
  .Investor01 .swiper-button-prev {
    width: 0.51rem;
    height: 0.51rem;
  }
  .Investor01 .swiper-button-prev {
    right: 0.51rem;
    /* background: url(../images/mobile/icon/i2.png) center right no-repeat;
            background-size:contain;
            &:hover{
                background: url(../images/mobile/icon/i2s.png) center right no-repeat;
                background-size:contain;
            } */
  }
}
.Investor02 {
  position: relative;
  padding: 100px 0;
  color: #fff;
  background: url(../image/Investor02_bac.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.Investor02 .bac1 {
  animation-delay: 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 102px;
  height: 313px;
  background: url(../image/icon-3.png) center no-repeat;
}
.Investor02 .bac2 {
  animation-delay: 0.5s;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 102px;
  height: 313px;
  background: url(../image/icon-4.png) center no-repeat;
}
.Investor02 .pageTitle .right {
  float: right;
  display: flex;
  line-height: 101px;
}
.Investor02 .pageTitle .right p {
  font-size: 24px;
}
.Investor02 .pageTitle .right i {
  margin: 46px 30px 0;
  width: 1px;
  height: 12px;
  background: #cdcdcd;
}
.Investor02 .nextBox {
  margin: 80px auto 10px;
}
.Investor02 .nextBox p {
  font-size: 20px;
  color: #fff;
}
.Investor02 .next .left b {
  float: left;
  font-size: 93px;
  font-weight: bold;
}
.Investor02 .next .left i {
  float: left;
  margin: 78px 0 0 20px;
  font-size: 22px;
  font-family: Arial;
}
.Investor02 .next .left a {
  transition: all 0.5s;
  float: left;
  margin: 76px 0 0 50px;
  padding-right: 32px;
  font-size: 21px;
  color: #fff;
  background: url(../image/i6.png) right center no-repeat;
}
.Investor02 .next .left a:hover {
  transition: all 0.5s;
  margin-left: 60px;
}
.Investor02 .next .right {
  margin-top: 23px;
}
.Investor02 .next .right dl {
  position: relative;
  float: left;
  padding: 0 30px;
  text-align: center;
}
.Investor02 .next .right dl::before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #cdcdcd;
  content: "";
}
.Investor02 .next .right dl dt {
  margin-bottom: 20px;
  font-size: 24px;
}
.Investor02 .next .right dl dd {
  font-size: 20px;
}
.Investor02 .next .right dl:last-child {
  padding-right: 0;
}
.Investor02 .next .right dl:last-child::before {
  display: none;
}
@media (max-width: 1200px) {
  .Investor02 {
    padding: 0.8rem 0;
    background: url(../image/Investor02_bac1.jpg) center no-repeat;
    background-size: cover;
  }
  .Investor02 .bac1,
  .Investor02 .bac2 {
    display: none;
  }
  .Investor02 .pageTitle .right {
    display: block;
    text-align: right;
    margin-top: 0.24rem;
    line-height: 0.5rem;
  }
  .Investor02 .pageTitle .right p {
    font-size: 0.28rem;
  }
  .Investor02 .pageTitle .right i {
    display: none;
  }
  .Investor02 .nextBox {
    margin: 0.77rem auto 0.16rem;
  }
  .Investor02 .nextBox p {
    font-size: 0.26rem;
  }
  .Investor02 .next .left {
    width: 100%;
  }
  .Investor02 .next .left b {
    font-size: 0.8rem;
  }
  .Investor02 .next .left i {
    margin: 0.7rem 0 0 0.2rem;
    font-size: 0.28rem;
  }
  .Investor02 .next .left a {
    margin: 0.62rem 0 0 0.8rem;
    padding-right: 0.4rem;
    font-size: 0.28rem;
    background: url(../image/i6.png) right center no-repeat;
    background-size: 0.23rem auto;
  }
  .Investor02 .next .right {
    margin-top: 0.8rem;
    width: 100%;
  }
  .Investor02 .next .right dl {
    padding: 0 0 0.6rem;
    width: 50%;
    text-align: left;
  }
  .Investor02 .next .right dl::before {
    display: none;
  }
  .Investor02 .next .right dl dt {
    margin-bottom: 0.2rem;
    font-size: 0.34rem;
  }
  .Investor02 .next .right dl dd {
    font-size: 0.26rem;
  }
}
.Investor03 {
  padding: 100px 0;
  background: #fff;
}
.Investor03 .tab_title {
  margin-bottom: 70px;
  display: flex;
  justify-content: center;
}
.Investor03 .tab_title a {
  transition: all 0.5s;
  float: left;
  width: calc((100% - 105px) / 4);
  height: 77px;
  margin-right: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  background: #fff;
  text-decoration: none;
  transform: skewX(-30deg);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.Investor03 .tab_title a:last-child {
  margin-right: 0;
}
.Investor03 .tab_title a p {
  transform: skewX(30deg);
  font-size: 24px;
}
.Investor03 .tab_title a.cur {
  transition: all 0.5s;
  color: #fff;
  background: #d40212;
}
.Investor03 .tab_next .list {
  margin-bottom: 86px;
}
.Investor03 .tab_next .list a {
  line-height: 90px;
  font-size: 18px;
  color: #333;
  border-bottom: #f1f1f1 1px solid;
}
.Investor03 .tab_next .list a p {
  float: left;
  padding-left: 44px;
  max-width: calc(100% - 260px);
  background: url(../image/i4.png) 18px center no-repeat;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Investor03 .tab_next .list a i {
  float: left;
  margin-left: 10px;
  width: 21px;
  height: 90px;
  background: url(../image/i5.png) center no-repeat;
}
.Investor03 .tab_next .list a em {
  float: right;
  margin-right: 18px;
}
.Investor03 .tab_next .list a:first-child {
  border-top: #f1f1f1 1px solid;
}
.Investor03 .tab_next .list a:nth-child(2n) {
  background: #f8f8f8;
}
.Investor03 .tab_next .list a:hover {
  color: #d40212;
}
.Investor03 .tab_next .list a:hover p {
  background: url(../image/i4s.png) 18px center no-repeat;
}
.Investor03 .tab_next .list a:hover i {
  background: url(../image/i5s.png) center no-repeat;
}
@media (max-width: 1200px) {
  .Investor03 {
    padding: 0.8rem 0;
  }
  .Investor03 .tab_title {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 0 0 0.6rem 4%;
    padding: 0.16rem 0;
    width: 96%;
    overflow-x: auto;
  }
  .Investor03 .tab_title a {
    flex: 0 0 auto;
    width: 3rem;
    height: 0.9rem;
    margin-right: 0.35rem;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
  }
  .Investor03 .tab_title a p {
    font-size: 0.36rem;
  }
  .Investor03 .tab_title a:first-child {
    margin-left: 0.35rem;
  }
  .Investor03 .tab_title a:last-child {
    margin-right: 0.35rem;
  }
  .Investor03 .tab_next .list {
    margin-bottom: 0.86rem;
  }
  .Investor03 .tab_next .list a {
    padding: 0.4rem 0.32rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
  }
  .Investor03 .tab_next .list a p {
    margin-bottom: 0.2rem;
    padding: 0 1rem 0 0;
    max-width: calc(100% - 1rem);
    max-height: 0.96rem;
    line-height: 0.48rem;
    -webkit-line-clamp: 2;
    background: url(../image/i5.png) right bottom no-repeat;
    background-size: 0.36rem auto;
  }
  .Investor03 .tab_next .list a i {
    display: none;
  }
  .Investor03 .tab_next .list a em {
    float: left;
    width: 100%;
    font-size: 0.26rem;
    color: #666;
  }
  .Investor03 .tab_next .list a:hover p {
    background: url(../image/i5.png) right bottom no-repeat;
    background-size: 0.36rem auto;
  }
  .Investor03 .tab_next .list a:hover em {
    color: #d40212;
  }
}
.Investor04 {
  padding: 100px 0;
  background: url(../image/Investor04_bac.jpg) center no-repeat;
  background-size: cover;
}
.Investor04 .anchor {
  top: -90px;
}
.Investor04 .pageTitle {
  margin-bottom: 50px;
  text-align: center;
}
.Investor04 .pageTitle i {
  margin: 0 auto;
}
.Investor04 .text {
  margin-bottom: 64px;
  font-size: 20px;
  text-align: center;
  color: #fff;
}
.Investor04 .next a {
  float: left;
  padding-top: 1px;
  margin-right: calc((100% - 6px - 94.71%) * 0.5);
  width: 31.57%;
  height: 170px;
  border: #fff 1px solid;
}
.Investor04 .next a:last-child {
  margin-right: 0;
}
.Investor04 .next a img {
  margin: 30px auto 20px;
}
.Investor04 .next a p {
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.Investor04 .next a:nth-child(2) {
  animation-delay: 0.1s;
}
.Investor04 .next a:nth-child(3) {
  animation-delay: 0.2s;
}
@media (max-width: 1200px) {
  .Investor04 {
    padding: 0.8rem 0 0.5rem;
    background: url(../image/Investor04_bac1.jpg) center no-repeat;
    background-size: cover;
  }
  .Investor04 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .Investor04 .text {
    margin: 0 auto 0.6rem;
    width: 4.8rem;
    line-height: 0.42rem;
    font-size: 0.28rem;
  }
  .Investor04 .next a {
    margin: 0 0 0.36rem 0;
    width: calc(100% - 2px);
    height: 2.65rem;
  }
  .Investor04 .next a img {
    margin: 0.54rem auto 0.36rem;
    height: 0.9rem;
  }
  .Investor04 .next a p {
    font-size: 0.28rem;
  }
}
/*弹窗*/
.pop_Investor {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 111;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1000px;
}
.pop_Investor .next {
  margin: 70px 70px 0 0;
  padding: 60px 5%;
  background: #fff url(../image/i13.png) right 35px no-repeat;
}
.pop_Investor .next .bor {
  position: relative;
  z-index: 3;
  padding: 0 2%;
  max-height: calc(90vh - 90px - 140px);
  overflow-y: auto;
}
.pop_Investor .next .bor::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
.pop_Investor .next .bor::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #1e4e9d;
}
.pop_Investor .next .bor::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
}
.pop_Investor .next .t {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
.pop_Investor .next .t b {
  font-size: 30px;
  color: #004ea2;
  font-weight: bold;
}
.pop_Investor .next .t i {
  margin: 12px 0 0 30px;
  font-size: 20px;
  color: #333;
}
.pop_Investor .next em {
  transition: all 0.5s;
  opacity: 1;
  margin-bottom: 40px;
  width: 130px;
  height: 1px;
  background: #d40212;
}
.pop_Investor .next .text {
  transition: all 0.5s;
  font-size: 18px;
  line-height: 38px;
  color: #333;
}
.pop_Investor .next .text p {
  text-align: justify;
}
.pop_Investor .delete {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 56px;
  height: 56px;
  background: url(../image/i12.png) center no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.pop_Investor_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 110;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .pop_Investor {
    width: 92%;
  }
  .pop_Investor .next {
    margin: 0.96rem 0 0 0;
    padding: 0.7rem 5%;
    background-size: 2.5rem auto;
  }
  .pop_Investor .next .bor {
    max-height: calc(90vh - 0.96rem - 1.4rem);
  }
  .pop_Investor .next .t {
    margin-bottom: 0.6rem;
  }
  .pop_Investor .next .t b {
    font-size: 0.42rem;
  }
  .pop_Investor .next .t i {
    margin: 0.17rem 0 0 0.23rem;
    font-size: 0.28rem;
  }
  .pop_Investor .next em {
    margin-bottom: 0.4rem;
    width: 1.3rem;
  }
  .pop_Investor .next .text {
    font-size: 0.28rem;
    line-height: 0.45rem;
  }
  .pop_Investor .delete {
    width: 0.62rem;
    height: 0.62rem;
  }
}
/*========== p6-5联系我们 ==========*/
.Contact .pageTop {
  background: #fff;
}
.Contact .Contact01 {
  position: relative;
}
.Contact .map {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 50%;
  height: 100%;
}
.Contact .map img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Contact .map img.img1 {
  display: block;
}
.Contact .w1400 {
  position: relative;
  z-index: 2;
}
.Contact .w1400 .next {
  float: right;
  padding: 80px 0;
  width: 37.8%;
}
.Contact .w1400 .next dl {
  margin-bottom: 48px;
  padding-left: 107px;
}
.Contact .w1400 .next dl dt {
  margin-bottom: 20px;
  font-size: 26px;
  color: #ea6b75;
}
.Contact .w1400 .next dl dd {
  font-size: 20px;
  color: #333;
}
.Contact .w1400 .next dl.dl1 {
  background: url(../image/i14.png) left center no-repeat;
}
.Contact .w1400 .next dl.dl2 {
  background: url(../image/i15.png) left center no-repeat;
}
.Contact .w1400 .next dl.dl3 {
  background: url(../image/i16.png) left center no-repeat;
}
.Contact .w1400 .next dl.dl4 {
  background: url(../image/i17.png) left center no-repeat;
}
.Contact .w1400 .next .wx {
  margin-left: 107px;
  width: 114px;
}
.Contact .w1400 .next .wx .t {
  margin-bottom: 6px;
  padding: 4px;
  border-radius: 6px;
  border: #004ea2 1px solid;
}
.Contact .w1400 .next .wx .t img {
  width: 100%;
}
.Contact .w1400 .next .wx p {
  font-size: 18px;
  color: #333;
  text-align: center;
}
@media (max-width: 1200px) {
  .Contact .Contact01 {
    height: auto;
  }
  .Contact .map {
    position: relative;
    width: 100%;
    height: 5.1rem;
  }
  .Contact .map img.img1 {
    display: none;
  }
  .Contact .map img.img2 {
    display: block;
  }
  .Contact .w1400 .next {
    padding: 0.4rem 0 1rem;
    width: 100%;
  }
  .Contact .w1400 .next dl {
    margin: 0 0 0.46rem 0.75rem;
    padding-left: 1.2rem;
  }
  .Contact .w1400 .next dl dt {
    margin-bottom: 0.15rem;
    font-size: 0.36rem;
  }
  .Contact .w1400 .next dl dd {
    font-size: 0.28rem;
  }
  .Contact .w1400 .next dl.dl1 {
    background: url(../image/i14.png) left center no-repeat;
    background-size: 0.4rem auto;
  }
  .Contact .w1400 .next dl.dl2 {
    background: url(../image/i15.png) left center no-repeat;
    background-size: 0.42rem auto;
  }
  .Contact .w1400 .next dl.dl3 {
    background: url(../image/i16.png) left center no-repeat;
    background-size: 0.47rem auto;
  }
  .Contact .w1400 .next dl.dl4 {
    background: url(../image/i17.png) left center no-repeat;
    background-size: 0.47rem auto;
  }
  .Contact .w1400 .next .wx {
    margin: 0.8rem auto 0;
    width: 1.5rem;
  }
  .Contact .w1400 .next .wx .t {
    margin-bottom: 0.15rem;
    padding: 0.04rem;
    border-radius: 0.06rem;
  }
  .Contact .w1400 .next .wx p {
    font-size: 0.26rem;
  }
}
/*========== p6-0加入我们 ==========*/
.Join01 {
  padding: 100px 0;
  background: url(../image/Join01_bac.jpg) center no-repeat;
  background-size: cover;
}
.Join01 .pageTitle {
  margin-bottom: 70px;
}
.Join01 .list a {
  transition: all 0.5s;
  float: left;
  margin-right: 2.9%;
  width: 31.4%;
  height: 300px;
  background: rgba(255, 255, 255, 0.65);
}
.Join01 .list a:nth-child(3n) {
  margin-right: 0;
}
.Join01 .list a:nth-child(2) {
  animation-delay: 0.1s;
}
.Join01 .list a:nth-child(3) {
  animation-delay: 0.2s;
}
.Join01 .list a .bor {
  padding: 55px 30px 0;
  text-align: center;
}
.Join01 .list a .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 27px;
  width: 100%;
  height: 45px;
}
.Join01 .list a .icon img {
  transition: all 0.5s;
  transform: rotateY(0deg);
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
}
.Join01 .list a b {
  margin-bottom: 30px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.Join01 .list a p {
  font-size: 18px;
  line-height: 32px;
  color: #666;
}
.Join01 .list a:hover {
  transition: all 0.5s;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.75);
  /* .icon img{
                    transition: all 0.5s;
                    transform: rotateY(360deg);
                } */
}
@media (max-width: 1200px) {
  .Join01 {
    padding: 0.8rem 0 0.5rem;
    background-image: url(../image/Join01_bac1.jpg);
  }
  .Join01 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .Join01 .list a {
    margin: 0 0 0.3rem 0;
    padding-bottom: 0.45rem;
    width: 100%;
    height: auto;
  }
  .Join01 .list a .bor {
    padding: 0.5rem 1rem 0;
  }
  .Join01 .list a .icon {
    margin-bottom: 0.18rem;
    height: 0.4rem;
  }
  .Join01 .list a b {
    margin-bottom: 0.3rem;
    font-size: 0.32rem;
  }
  .Join01 .list a p {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .Join01 .list a:hover {
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
  }
}
.Join02 {
  padding: 114px 0 100px;
  background: #fff;
}
.Join02 .tab_tit {
  position: relative;
  margin-bottom: 70px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.Join02 .tab_tit a {
  position: relative;
  float: left;
  width: 50%;
  height: 120px;
  cursor: pointer;
}
.Join02 .tab_tit a::before {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  top: -14px;
  width: calc(100% - 35px);
  content: "";
}
.Join02 .tab_tit a:nth-child(1)::before {
  left: 0;
  border-top: 148px solid #d40212;
  border-right: 70px solid transparent;
}
.Join02 .tab_tit a:nth-child(2)::before {
  right: 0;
  border-bottom: 148px solid #d40212;
  border-left: 70px solid transparent;
}
.Join02 .tab_tit a .pos {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
  padding-top: 22px;
  text-align: center;
  color: #999;
}
.Join02 .tab_tit a .pos b {
  margin-bottom: 8px;
  font-size: 32px;
}
.Join02 .tab_tit a .pos p {
  font-size: 16px;
  font-weight: bold;
}
.Join02 .tab_tit a.cur::before {
  transition: all 0.5s;
  opacity: 1;
}
.Join02 .tab_tit a.cur .pos {
  transition: all 0.5s;
  color: #fff;
}
.Join02 .tab_tit a.cur .pos b {
  font-weight: bold;
}
.Join02 .tab_next .top {
  position: relative;
  height: 580px;
}
.Join02 .tab_next .top::before {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 385px;
  border-bottom: 580px solid rgba(0, 78, 162, 0.8);
  border-left: 230px solid transparent;
  content: "";
}
.Join02 .tab_next .top .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Join02 .tab_next .top .pic i {
  width: 100%;
  height: 100%;
}
.Join02 .tab_next .top .pic i.mobile {
  display: none;
}
.Join02 .tab_next .swiper {
  float: right;
  margin-top: 100px;
  padding-bottom: 50px;
  width: 385px;
  z-index: 6;
}
.Join02 .tab_next .swiper a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 22px;
  width: 186px;
  height: 58px;
  background: #fff;
  animation-delay: 0.3s;
}
.Join02 .tab_next .swiper a:nth-child(2) {
  animation-delay: 0.4s;
}
.Join02 .tab_next .swiper a:nth-child(3) {
  animation-delay: 0.5s;
}
.Join02 .tab_next .swiper a:nth-child(4) {
  animation-delay: 0.6s;
}
.Join02 .tab_next .swiper a img {
  flex-shrink: 0;
  max-width: 96%;
  max-height: 96%;
}
.Join02 .tab_next .swiper a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #d40212;
  content: " ";
}
.Join02 .tab_next .swiper a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.Join02 .tab_next .swiper .swiper-pagination {
  animation-delay: 0.6s;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}
.Join02 .tab_next .swiper .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 4px;
  width: 38px;
  height: 5px;
  border-radius: 0;
  background: #e6e6e6;
}
.Join02 .tab_next .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d40212;
}
.Join02 .tab_next .bot {
  background: #f4f4f4 url(../image/i22.png) right center no-repeat;
}
.Join02 .tab_next .bot .tit {
  position: relative;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 310px;
  height: 80px;
}
.Join02 .tab_next .bot .tit::before {
  position: absolute;
  top: 0;
  width: calc(100% - 35px);
  content: "";
}
.Join02 .tab_next .bot .tit:nth-child(1)::before {
  left: 0;
  border-top: 80px solid #d40212;
  border-right: 36px solid transparent;
}
.Join02 .tab_next .bot .tit i {
  position: relative;
  padding-right: 58px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  background: url(../image/i21.png) right center no-repeat;
}
.Join02 .tab_next .bot a {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 365px);
  height: 80px;
}
.Join02 .tab_next .bot a p {
  max-width: calc(100% - 117px);
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Join02 .tab_next .bot a i {
  margin-top: 3px;
  padding: 0 30px 0 20px;
  font-size: 14px;
  color: #d40212;
  background: url(../image/i23.png) right center no-repeat;
}
@media (max-width: 1200px) {
  .Join02 {
    padding: 0.8rem 0;
  }
  .Join02 .tab_tit {
    margin-bottom: 0.5rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  }
  .Join02 .tab_tit a {
    height: 1.32rem;
  }
  .Join02 .tab_tit a::before {
    top: -0.07rem;
    width: calc(100% - 0.33rem);
  }
  .Join02 .tab_tit a:nth-child(1)::before {
    border-top: 1.46rem solid #d40212;
    border-right: 0.66rem solid transparent;
  }
  .Join02 .tab_tit a:nth-child(2)::before {
    border-bottom: 1.46rem solid #d40212;
    border-left: 0.66rem solid transparent;
  }
  .Join02 .tab_tit a .pos {
    padding-top: 0.22rem;
  }
  .Join02 .tab_tit a .pos b {
    margin-bottom: 0.1rem;
    font-size: 0.36rem;
  }
  .Join02 .tab_tit a .pos p {
    font-size: 0.2rem;
  }
  .Join02 .tab_next .top {
    height: 6.3rem;
  }
  .Join02 .tab_next .top::before {
    width: 2.2rem;
    border-bottom: 6.3rem solid rgba(0, 78, 162, 0.8);
    border-left: 2rem solid transparent;
  }
  .Join02 .tab_next .top .pic i.pc {
    display: none;
  }
  .Join02 .tab_next .top .pic i.mobile {
    display: block;
  }
  .Join02 .tab_next .next:nth-child(2) .top {
    height: 5rem;
  }
  .Join02 .tab_next .next:nth-child(2) .top::before {
    border-bottom: 5rem solid rgba(0, 78, 162, 0.8);
  }
  .Join02 .tab_next .swiper {
    margin-top: 0.96rem;
    padding-bottom: 0.1rem;
    width: 2.5rem;
  }
  .Join02 .tab_next .swiper a {
    margin: 0 auto 0.35rem;
    width: 2rem;
    height: 0.63rem;
  }
  .Join02 .tab_next .swiper a::before {
    height: 0.05rem;
  }
  .Join02 .tab_next .swiper .swiper-pagination-bullet {
    margin: 0 0.05rem;
    width: 0.5rem;
    height: 0.05rem;
  }
  .Join02 .tab_next .bot {
    background: #f4f4f4 url(../image/i22.png) right center no-repeat;
    background-size: 0.66rem 100%;
  }
  .Join02 .tab_next .bot .tit {
    width: 1.45rem;
    height: 1.27rem;
  }
  .Join02 .tab_next .bot .tit::before {
    width: 100%;
  }
  .Join02 .tab_next .bot .tit:nth-child(1)::before {
    border-top: 1.27rem solid #d40212;
    border-right: 0.59rem solid transparent;
  }
  .Join02 .tab_next .bot .tit i {
    margin: 0 auto;
    padding-right: 0;
    width: 0.7rem;
    font-size: 0.32rem;
    line-height: 0.36rem;
    background: none;
  }
  .Join02 .tab_next .bot a {
    margin-left: 1.2rem;
    width: calc(100% - 3.8rem);
    height: 1.27rem;
  }
  .Join02 .tab_next .bot a p {
    max-width: 100%;
    font-size: 0.28rem;
    line-height: 0.42rem;
    -webkit-line-clamp: 2;
  }
  .Join02 .tab_next .bot a i {
    display: none;
  }
}
.Join03 {
  padding: 100px 0;
  background: url(../image/Join03_bac.jpg) center no-repeat;
  background-size: cover;
}
.Join03 .pageTitle {
  margin-bottom: 70px;
}
.Join03 .text {
  margin: 0 auto 76px;
  width: 906px;
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  text-align: center;
}
.Join03 .next {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.Join03 .next .bac1 {
  animation-delay: 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 101px;
  height: 224px;
  background: url(../image/i36.png) center no-repeat;
  background-size: 100% 100%;
}
.Join03 .next .bac2 {
  animation-delay: 0.5s;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 221px;
  background: url(../image/i37.png) center no-repeat;
  background-size: 100% 100%;
}
.Join03 .next .mobileList {
  display: none;
}
.Join03 .next .list {
  margin: 0 auto;
  padding-top: 50px;
  width: 905px;
}
.Join03 .next .list a {
  float: left;
  margin: 0 61px 55px 0;
  width: 100px;
  /* &:hover{
                    .icon img{
                        transition: all 0.5s;
                        transform:rotateY(360deg) ;
                    }
                } */
}
.Join03 .next .list a .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  width: 100%;
  height: 55px;
}
.Join03 .next .list a .icon img {
  transition: all 0.5s;
  transform: rotateY(0deg);
  flex-shrink: 0;
  max-width: 90%;
  max-height: 100%;
}
.Join03 .next .list a p {
  font-size: 16px;
  color: #333;
  text-align: center;
}
.Join03 .next .list a:nth-child(6n) {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .Join03 {
    padding: 0.8rem 0;
    background-image: url(../image/Join03_bac1.jpg);
  }
  .Join03 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .Join03 .text {
    margin: 0 auto 0.8rem;
    width: 92%;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .Join03 .next .bac1,
  .Join03 .next .bac2 {
    width: 0.64rem;
    height: 1.4rem;
  }
  .Join03 .next .pcList {
    display: none;
  }
  .Join03 .next .mobileList {
    display: block;
  }
  .Join03 .next .list {
    margin: 0 auto;
    padding: 0.6rem 0 0.9rem;
    width: calc(100% - 1.28rem);
  }
  .Join03 .next .list a {
    margin-right: calc((100% - 5.64rem) * 0.5);
    margin-bottom: 0.5rem;
    width: 1.88rem;
  }
  .Join03 .next .list a .icon {
    margin-bottom: 0.18rem;
    height: 0.86rem;
  }
  .Join03 .next .list a p {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .Join03 .next .list a:nth-child(3n) {
    margin-right: 0;
  }
  .Join03 .next .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.7rem;
  }
  .Join03 .next .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 0.05rem;
    width: 0.5rem;
    height: 0.05rem;
    border-radius: 0;
    background: #ccc;
  }
  .Join03 .next .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #d40212;
  }
}
/*========== p3-1新闻 ==========*/
.newList .pageTop {
  padding-bottom: 100px;
}
.newList .list {
  margin: 70px auto 30px;
}
.newList .list a {
  position: relative;
  float: left;
  margin: 0 3.35% 60px 0;
  width: 31.1%;
  height: 430px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.newList .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #d40212;
  content: " ";
}
.newList .list a:nth-child(3n) {
  margin-right: 0;
}
.newList .list a .pic {
  width: 100%;
  height: 276px;
  overflow: hidden;
}
.newList .list a .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
.newList .list a .text {
  padding: 26px 20px 0;
}
.newList .list a .text em {
  font-size: 16px;
  color: #666;
}
.newList .list a .text b {
  margin: 15px 0 30px;
  height: 60px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newList .list a .text .lie {
  margin-bottom: 32px;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}
.newList .list a .text p {
  height: 144px;
  line-height: 24px;
  font-size: 16px;
  text-align: justify;
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.newList .list a:hover {
  /* .text{
                    b{
                        color: #dab866;
                    }
                } */
}
.newList .list a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.newList .list a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
@media (max-width: 1200px) {
  .newList .pageTop {
    padding-bottom: 0.8rem;
  }
  .newList .list {
    margin: 0.6rem auto 0.3rem;
  }
  .newList .list a {
    margin: 0 0 0.6rem 0;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  }
  .newList .list a .pic {
    height: 4rem;
  }
  .newList .list a .text {
    padding: 0.5rem 4% 0;
  }
  .newList .list a .text em {
    font-size: 0.28rem;
  }
  .newList .list a .text b {
    margin: 0.3rem 0 0.4rem;
    height: auto;
    max-height: 0.96rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .newList .list a .text .lie {
    margin-bottom: 0.35rem;
  }
  .newList .list a .text p {
    margin-bottom: 0.4rem;
    height: auto;
    max-height: 0.84rem;
    line-height: 0.42rem;
    font-size: 0.28rem;
  }
}
/*========== p3-2新闻-通知公告 ==========*/
.information .pageTop {
  padding-bottom: 100px;
}
.information01 {
  padding: 70px 0 60px;
}
.information01 a {
  position: relative;
  float: left;
  margin: 0 3% 38px 0;
  width: 48.5%;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
}
.information01 a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #d40212;
  content: "";
}
.information01 a:nth-child(2n) {
  margin-right: 0;
}
.information01 a .bor {
  padding: 30px 7%;
}
.information01 a .time {
  line-height: 21px;
}
.information01 a .time span {
  float: left;
  margin-right: 20px;
  font-size: 16px;
  color: #666;
}
.information01 a .time em {
  transition: all 0.5s;
  float: left;
  padding: 0 4px;
  height: 21px;
  font-size: 14px;
  color: #d40212;
  border: #d40212 1px solid;
}
.information01 a .text b {
  margin: 22px auto 20px;
  height: 64px;
  line-height: 32px;
  font-size: 22px;
  color: #333;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.information01 a .text p {
  height: 54px;
  line-height: 27px;
  font-size: 18px;
  color: #999;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.information01 a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.information01 a:hover .time em {
  transition: all 0.5s;
  color: #fff;
  background: #d40212;
}
@media (max-width: 1200px) {
  .information .pageTop {
    padding-bottom: 0.8rem;
  }
  .information01 {
    padding: 0.6rem 0 0.2rem;
  }
  .information01 a {
    margin: 0 0% 0.6rem 0;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.09);
  }
  .information01 a .bor {
    padding: 0.4rem 4%;
  }
  .information01 a .time {
    line-height: 0.4rem;
  }
  .information01 a .time span {
    margin-right: 0.16rem;
    font-size: 0.28rem;
  }
  .information01 a .time em {
    padding: 0 4px;
    height: 0.36rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
  }
  .information01 a .text b {
    margin: 0.3rem auto 0.26rem;
    height: auto;
    max-height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
  }
  .information01 a .text p {
    height: auto;
    max-height: 0.84rem;
    line-height: 0.42rem;
    font-size: 0.28rem;
  }
}
/*========== p3-2新闻-详情 ==========*/
.new_xq {
  position: relative;
  padding: 130px 0 100px;
  background: #f9f9f9;
}
.new_xq .add {
  position: relative;
  top: auto;
  padding-bottom: 70px;
  color: #333;
}
.new_xq .add a {
  color: #333;
}
.new_xq .add a:hover {
  color: #d40212;
}
.new_xq .add a.one {
  background: url(../image/i38s.png) left center no-repeat;
}
.new_xq .w1400 {
  position: relative;
}
.new_xq .left {
  position: relative;
}
.new_xq .new_01 {
  margin-bottom: 80px;
  padding: 60px 5% 40px;
  background: #fff;
}
.new_xq .new_01 .title {
  padding: 0 0 10px;
  line-height: 45px;
  font-size: 30px;
  text-align: center;
  color: #333;
}
.new_xq .new_01 .cen {
  position: relative;
  z-index: 2;
  padding: 18px 0 29px;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
  border-bottom: #e5e5e5 1px solid;
}
.new_xq .new_01 .cen .cen_box {
  display: flex;
  justify-content: center;
  line-height: 30px;
  color: #999;
  font-size: 16px;
}
.new_xq .new_01 .cen .cen_box i {
  margin-right: 30px;
  display: inline-block;
}
.new_xq .new_01 .cen span {
  display: inline-block;
}
.new_xq .new_01 .cen span.big,
.new_xq .new_01 .cen span.middle,
.new_xq .new_01 .cen span.small {
  margin-top: 4px;
  width: 39px;
  height: 22px;
  border-right: #c6c6c6 1px solid;
  cursor: pointer;
}
.new_xq .new_01 .cen span.big {
  background: url(../image/icon_34.png) center no-repeat;
}
.new_xq .new_01 .cen span.big:hover,
.new_xq .new_01 .cen span.big.cur {
  background: url(../image/icon_34s.png) center no-repeat;
}
.new_xq .new_01 .cen span.middle {
  background: url(../image/icon_35.png) center no-repeat;
}
.new_xq .new_01 .cen span.middle:hover,
.new_xq .new_01 .cen span.middle.cur {
  background: url(../image/icon_35s.png) center no-repeat;
}
.new_xq .new_01 .cen span.small {
  background: url(../image/icon_36.png) center no-repeat;
}
.new_xq .new_01 .cen span.small:hover,
.new_xq .new_01 .cen span.small.cur {
  background: url(../image/icon_36s.png) center no-repeat;
}
.new_xq .new_01 .cen span.cur {
  color: #1e6874;
}
.new_xq .new_01 .cen .icon-share {
  height: 30px;
  cursor: pointer;
}
.new_xq .new_01 .cen .icon-share .icon_box {
  width: auto;
  margin-right: 0;
  padding: 0 40px 0 25px;
  background: url(../image/icon_67.png) 73px center no-repeat;
}
.new_xq .new_01 .cen .icon-share .icon_box::before {
  display: none;
}
.new_xq .new_01 .cen .icon-wb {
  height: 30px;
}
.new_xq .new_01 .cen .pos_box .Smohan_Layer_box {
  height: 1px;
  overflow: hidden;
}
.new_xq .new_01 .text {
  font-size: 18px;
  color: #666;
  line-height: 36px;
  word-wrap: break-word;
  word-break: normal;
}
.new_xq .new_01 .text p {
  text-indent: 2em;
  text-align: justify;
}
.new_xq .new_01 .text p:has(img) {
  text-indent: 0em;
}
.new_xq .new_01 .text img {
  display: block;
  margin: 15px auto;
  max-width: 70%;
  height: auto !important;
}
.new_xq .new_01 .text video {
  display: block;
  margin: 30px auto;
  width: 80%;
  max-width: 100%;
  height: auto !important;
}
.new_xq .new_01 .text span,
.new_xq .new_01 .text i,
.new_xq .new_01 .text em,
.new_xq .new_01 .text a,
.new_xq .new_01 .text b {
  display: inline;
}
.new_xq .new_01 .text table {
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.new_xq .new_01 .text table td {
  border-width: 1px !important;
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
}
.new_xq .new_01 .text table p {
  text-indent: 0em;
  text-align: inherit !important;
  word-break: break-all;
}
.new_xq .new_01 .go_page {
  display: none;
}
.new_xq .new_02 {
  padding: 60px 5%;
  background: #fff;
}
.new_xq .new_02 .title {
  margin-bottom: 10px;
  font-size: 28px;
  color: #333;
}
.new_xq .new_02 .list a {
  position: relative;
  padding: 20px 0 18px;
  line-height: 26px;
  border-bottom: #e6e6e6 1px solid;
}
.new_xq .new_02 .list a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #d40212;
  content: "";
}
.new_xq .new_02 .list a p {
  float: left;
  width: calc(100% - 100px);
  font-size: 20px;
  color: #333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.new_xq .new_02 .list a i {
  float: right;
  font-size: 18px;
  color: #999;
  font-family: Arial;
}
.new_xq .new_02 .list a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.new_xq .new_02 .list a:hover p {
  color: #d40212;
}
.new_xq .new_page {
  margin-top: 100px;
  position: relative;
}
.new_xq .right {
  margin-top: 50px;
  padding-top: 40px;
  position: relative;
  height: 52px;
  border-top: #e5e5e5 1px solid;
  /* .viewMore.red2{
            position: absolute;
            left: 50%;
            top: 0;
            margin-left: -71px;
            width: 140px;
            em{
                background: url(../image/icon_38s.png) right center no-repeat;
            }
            &:hover{
                em{
                    background: url(../image/icon_38ss.png) right center no-repeat;
                }
            }
        } */
}
.new_xq .right .go {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  padding-left: 45px;
  font-size: 18px;
  color: #333;
  background: url(../image/icon_38.png) left center no-repeat;
}
.new_xq .right .go:hover {
  color: #d40212;
  background: url(../image/icon_38s.png) left center no-repeat;
}
.new_xq .right a.more {
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  width: 30px;
  height: 52px;
  background: url(../image/i93.png) right center no-repeat;
}
.new_xq .right .up {
  width: calc(50% - 91px);
  font-size: 18px;
  line-height: 52px;
}
.new_xq .right .up i {
  float: left;
  width: 78px;
  color: #333;
}
.new_xq .right .up a {
  float: left;
  padding-left: 20px;
  width: calc(100% - 88px);
  color: #666;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  background: url(../image/i39s.png) left center no-repeat;
  background-size: auto 16px;
}
.new_xq .right .up a:hover {
  color: #d40212;
  background-image: url(../image/i39ss.png);
}
.new_xq .right .up.fr a {
  float: right;
  padding: 0 20px 0 0;
  text-align: right;
  background: url(../image/i40.png) right center no-repeat;
  background-size: auto 16px;
}
.new_xq .right .up.fr a:hover {
  background-image: url(../image/i40s.png);
}
@media (max-width: 1200px) {
  .new_xq {
    padding: 1.6rem 0 0.8rem;
  }
  .new_xq .add {
    padding: 0.2rem 0 0.7rem;
  }
  .new_xq .left {
    padding-right: 0;
    width: 100%;
    border-right: none;
  }
  .new_xq .new_01 {
    margin-bottom: 0.8rem;
    padding: 0.6rem 5%;
  }
  .new_xq .new_01 .title {
    padding: 0 0 0.1rem;
    line-height: 0.63rem;
    font-size: 0.44rem;
    font-weight: bold;
  }
  .new_xq .new_01 .cen {
    padding: 0.36rem 0 0.06rem;
    margin-bottom: 0.5rem;
  }
  .new_xq .new_01 .cen .cen_box {
    flex-wrap: wrap;
    line-height: 0.4rem;
    font-size: 0.28rem;
  }
  .new_xq .new_01 .cen .cen_box i {
    margin: 0 0.4rem 0.3rem 0;
  }
  .new_xq .new_01 .cen span.big,
  .new_xq .new_01 .cen span.middle,
  .new_xq .new_01 .cen span.small {
    margin-top: 0;
    width: 0.7rem;
    height: 0.4rem;
  }
  .new_xq .new_01 .cen span.big {
    background: url(../image/icon_34.png) center no-repeat;
    background-size: 0.27rem auto;
  }
  .new_xq .new_01 .cen span.big:hover,
  .new_xq .new_01 .cen span.big.cur {
    background: url(../image/icon_34s.png) center no-repeat;
    background-size: 0.27rem auto;
  }
  .new_xq .new_01 .cen span.middle {
    background: url(../image/icon_35.png) center no-repeat;
    background-size: 0.21rem auto;
  }
  .new_xq .new_01 .cen span.middle:hover,
  .new_xq .new_01 .cen span.middle.cur {
    background: url(../image/icon_35s.png) center no-repeat;
    background-size: 0.21rem auto;
  }
  .new_xq .new_01 .cen span.small {
    background: url(../image/icon_36.png) center no-repeat;
    background-size: 0.27rem auto;
    border-right: none;
  }
  .new_xq .new_01 .cen span.small:hover,
  .new_xq .new_01 .cen span.small.cur {
    background: url(../image/icon_36s.png) center no-repeat;
    background-size: 0.27rem auto;
  }
  .new_xq .new_01 .cen .share,
  .new_xq .new_01 .cen .icon-wb {
    display: none;
  }
  .new_xq .new_01 .text {
    margin-bottom: 0.5rem;
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .new_xq .new_01 .text img {
    margin: 0 auto 0.36rem;
    width: 100% !important;
  }
  .new_xq .new_01 .text span,
  .new_xq .new_01 .text i,
  .new_xq .new_01 .text em,
  .new_xq .new_01 .text a,
  .new_xq .new_01 .text b {
    display: inline;
  }
  .new_xq .new_01 .text table {
    width: 100% !important;
  }
  .new_xq .new_01 .go_page {
    display: block;
    position: relative;
    line-height: 1.4rem;
    font-size: 0.28rem;
    border-top: #f1f1f1 1px solid;
    border-bottom: #f1f1f1 1px solid;
  }
  .new_xq .new_01 .go_page a {
    color: #a3a3a3;
  }
  .new_xq .new_01 .go_page .a1 {
    float: left;
    padding-left: 0.4rem;
    background: url(../image/i39s.png) left center no-repeat;
    background-size: 0.12rem auto;
  }
  .new_xq .new_01 .go_page .a2 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    padding-left: 0.56rem;
    color: #d40212;
    background: url(../image/icon_38s.png) left 0.52rem no-repeat;
    background-size: 0.3rem auto;
  }
  .new_xq .new_01 .go_page .a3 {
    float: right;
    padding-right: 0.4rem;
    background: url(../image/i40.png) right center no-repeat;
    background-size: 0.12rem auto;
  }
  .new_xq .new_02 {
    padding: 0.6rem 5%;
  }
  .new_xq .new_02 .title {
    margin-bottom: 0.1rem;
    font-size: 0.44rem;
  }
  .new_xq .new_02 .list a {
    padding: 0.3rem 0 0.22rem;
    line-height: 0.48rem;
  }
  .new_xq .new_02 .list a p {
    width: 100%;
    margin-bottom: 0.1rem;
    max-height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    -webkit-line-clamp: 2;
  }
  .new_xq .new_02 .list a i {
    float: left;
    font-size: 0.28rem;
  }
  .new_xq .new_02 .list a:hover::before {
    transition: all 0.5s;
    width: 100%;
  }
  .new_xq .new_02 .list a:hover p {
    color: #d40212;
  }
  .new_xq .new_page {
    margin-top: 100px;
    position: relative;
  }
  .new_xq .right {
    display: none;
  }
}
/*========== p1-0 关于我们 ==========*/
.aboutUs {
  overflow-x: hidden;
}
.aboutUs01 {
  padding: 100px 0 187px;
  background: #fff url(../image/aboutUs01_bac.jpg) right bottom no-repeat;
  background-size: 100% auto;
}
.aboutUs01 .leftBox {
  width: 25%;
}
.aboutUs01 .leftBox .pageTitle {
  margin-bottom: 70px;
}
.aboutUs01 .leftBox .pageTitle .left p {
  font-size: 30px;
  color: #333;
}
.aboutUs01 .leftBox .go {
  width: 50px;
  height: 50px;
  background: #d40212 url(../image/i55.png) center no-repeat;
}
.aboutUs01 .right {
  width: 59.28%;
  font-size: 18px;
  line-height: 38px;
  color: #666;
}
.aboutUs01 .right p {
  text-indent: 2em;
  text-align: justify;
}
@media (max-width: 1200px) {
  .aboutUs01 {
    padding: 0.8rem 0 0.5rem;
    background: url(../image/aboutUs01_bac1.jpg) right top no-repeat;
    background-size: 100% auto;
  }
  .aboutUs01 .leftBox {
    position: relative;
    margin-bottom: 0.5rem;
    width: 100%;
  }
  .aboutUs01 .leftBox .pageTitle {
    margin-bottom: 0;
  }
  .aboutUs01 .leftBox .pageTitle .left p {
    font-size: 0.24rem;
    color: #d6d6d6;
  }
  .aboutUs01 .leftBox .go {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.5rem;
    height: 0.5rem;
    background-size: 0.12rem auto;
  }
  .aboutUs01 .right {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.48rem;
  }
}
.aboutUs02 .pc {
  display: block;
  position: relative;
}
.aboutUs02 .pc .tab_title {
  position: absolute;
  left: 0;
  top: -87px;
  width: 61.45%;
  min-width: 1050px;
}
.aboutUs02 .pc .tab_title a {
  position: relative;
  height: 245px;
}
.aboutUs02 .pc .tab_title a .bor {
  position: relative;
  z-index: 3;
  padding-top: 42px;
}
.aboutUs02 .pc .tab_title a .t {
  position: relative;
  float: left;
  width: 218px;
}
.aboutUs02 .pc .tab_title a .t .icon {
  position: relative;
  margin-bottom: 18px;
  width: 100%;
  height: 80px;
}
.aboutUs02 .pc .tab_title a .t .icon img {
  transition: all 0.5s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.aboutUs02 .pc .tab_title a .t .icon img.img2 {
  opacity: 0;
}
.aboutUs02 .pc .tab_title a .t p {
  transition: all 0.5s;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #666;
}
.aboutUs02 .pc .tab_title a .text {
  opacity: 0;
  float: left;
  display: flex;
  align-items: center;
  margin-left: 60px;
  width: calc(100% - 218px - 60px - 120px);
  height: 160px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.aboutUs02 .pc .tab_title a .text p {
  text-align: justify;
}
.aboutUs02 .pc .tab_title a::after {
  transition: all 0.7s;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../image/i56.png) right center no-repeat;
  background-size: auto 100%;
  content: "";
}
.aboutUs02 .pc .tab_title a::before {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0%;
  top: 0;
  z-index: 1;
  width: 22%;
  height: 100%;
  background: url(../image/i57.png) left bottom no-repeat;
  background-size: 100% auto;
  content: "";
}
.aboutUs02 .pc .tab_title a .lie {
  display: none;
  position: absolute;
  top: calc(100% - 40px);
  width: 170px;
  height: 80px;
}
.aboutUs02 .pc .tab_title a .lie i {
  position: relative;
  margin: 0 auto;
  width: 2px;
  height: 100%;
  background: #e7e7e7;
}
.aboutUs02 .pc .tab_title a .lie i::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background: #004ea2;
  content: "";
}
.aboutUs02 .pc .tab_title a.cur .t .icon img {
  transition: all 0.5s;
}
.aboutUs02 .pc .tab_title a.cur .t .icon img.img1 {
  opacity: 0;
}
.aboutUs02 .pc .tab_title a.cur .t .icon img.img2 {
  opacity: 2;
}
.aboutUs02 .pc .tab_title a.cur .t p {
  transition: all 0.5s;
  color: #fff;
}
.aboutUs02 .pc .tab_title a.cur .text {
  transition: all 0.4s 0.4s;
  opacity: 1;
}
.aboutUs02 .pc .tab_title a.cur::after {
  transition: all 0.7s;
  left: 0%;
}
.aboutUs02 .pc .tab_title a.cur::before {
  transition: all 0.5s;
  opacity: 1;
}
.aboutUs02 .pc .pic {
  width: 72.4%;
  height: 648px;
}
.aboutUs02 .pc .pic i {
  width: 100%;
  height: 100%;
}
.aboutUs02 .pc .bac2 {
  animation-delay: 0.5s;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 137px;
  height: 302px;
  background: url(../image/i37.png) center no-repeat;
  background-size: 100% auto;
}
.aboutUs02 .mobile {
  display: none;
}
@media (max-width: 1200px) {
  .aboutUs02 .pc {
    display: none;
  }
  .aboutUs02 .mobile {
    display: block;
    overflow: hidden;
  }
  .aboutUs02 .mobile .pic {
    position: relative;
    margin: 0 0 0.4rem 4%;
    width: 96%;
    height: 4.53rem;
  }
  .aboutUs02 .mobile .pic i {
    width: 100%;
    height: 100%;
  }
  .aboutUs02 .mobile .pic .bac2 {
    animation-delay: 0.5s;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.8rem;
    height: 1.8rem;
    background: url(../image/i37.png) center no-repeat;
    background-size: 100% auto;
  }
  .aboutUs02 .mobile .swiper-slide {
    padding-bottom: 0.66rem;
  }
  .aboutUs02 .mobile .swiper-slide .t {
    margin-bottom: 0.3rem;
  }
  .aboutUs02 .mobile .swiper-slide .t p {
    padding-left: 0.7rem;
    font-size: 0.28rem;
    line-height: 0.66rem;
    color: #666;
    font-weight: bold;
  }
  .aboutUs02 .mobile .swiper-slide .text {
    font-size: 0.26rem;
    line-height: 0.48rem;
    color: #666;
  }
  .aboutUs02 .mobile .swiper-slide .text p {
    text-indent: 2em;
  }
  .aboutUs02 .mobile .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
  }
  .aboutUs02 .mobile .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 0.08rem;
    width: 0.5rem;
    height: 0.05rem;
    border-radius: 0;
    background: #ccc;
  }
  .aboutUs02 .mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #d40212;
  }
}
.aboutUs03 {
  /*his*/
}
.aboutUs03 .pageTitle {
  padding: 100px 0 70px;
}
.aboutUs03 .pc {
  position: relative;
  background: url(../image/aboutUs03_bac.jpg) center no-repeat;
  background-size: cover;
  font-size: 18px;
  overflow: hidden;
}
.aboutUs03 .his-s {
  margin-left: 58.1%;
  width: 41.9%;
  height: 730px;
  background: url(../image/aboutUs03_bac2.png) left top no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.aboutUs03 .his-ul {
  position: absolute;
  right: 0%;
  top: 0px;
  z-index: 23;
  width: 41.9%;
  height: 100%;
  overflow: hidden;
}
.aboutUs03 .his-ul .his-li {
  margin-left: -9px;
  width: 120px;
  overflow: hidden;
  position: absolute;
  z-index: 12;
  transition: all 0.4s ease;
  left: 43%;
  bottom: 100%;
}
.aboutUs03 .his-ul .his-li span {
  float: left;
  margin-top: 3px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
}
.aboutUs03 .his-ul .his-li p {
  float: left;
  width: auto;
  line-height: 24px;
  font-size: 24px;
  color: #fafafa;
  margin-left: 45px;
}
.aboutUs03 .his-ul .active0 {
  left: 0%;
  bottom: -3%;
}
.aboutUs03 .his-ul .active1 {
  left: 23.1%;
  bottom: 53.6%;
  display: block;
}
.aboutUs03 .his-ul .active2 {
  left: 27.18%;
  bottom: 63.6%;
  display: block;
}
.aboutUs03 .his-ul .active3 {
  left: 31.5%;
  bottom: 73.6%;
  display: block;
}
.aboutUs03 .his-ul .active4 {
  left: 35.5%;
  bottom: 83.6%;
  display: block;
}
.aboutUs03 .his-ul .hide {
  display: none;
}
.aboutUs03 .his-slide {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0%;
  z-index: 34;
  overflow: hidden;
}
.aboutUs03 .his-slide .swiper-slide {
  padding: 100px 0 0;
}
.aboutUs03 .his-slide .swiper-slide .next {
  float: left;
  width: 58.57%;
  height: 570px;
  overflow-y: auto;
}
.aboutUs03 .his-slide .swiper-slide .next p {
  margin-bottom: 26px;
  font-size: 18px;
  line-height: 32px;
  color: #333;
  text-align: justify;
}
.aboutUs03 .his-slide .swiper-slide .next p:last-child {
  margin-bottom: 0;
}
.aboutUs03 .his-slide .swiper-slide .next p:hover {
  color: #d40212;
}
.aboutUs03 .his-slide .swiper-slide .y {
  float: right;
  width: 38.43%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.aboutUs03 .his-slide .swiper-slide .y p {
  margin-top: 390px;
  font-size: 120px;
}
.aboutUs03 .his-slide .swiper-button-prev {
  left: auto;
  right: 0;
  top: auto;
  bottom: 30px;
  width: 71px;
  height: 158px;
  background: url(../image/i65.png) center no-repeat;
}
.aboutUs03 .his-slide .swiper-button-next {
  right: calc(38.43% - 70px);
  top: auto;
  bottom: 30px;
  width: 71px;
  height: 158px;
  background: url(../image/i86.png) center no-repeat;
}
.aboutUs03 .two {
  height: 730px;
}
.aboutUs03 .two::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 15%;
  height: 100%;
  background: #004ea2;
  content: " ";
}
.aboutUs03 .two .w1400 {
  position: relative;
}
.aboutUs03 .two .w1400::before {
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  background: url(../image/aboutUs03_bac2s.png) left bottom no-repeat;
  background-size: 100% 100%;
  content: " ";
}
.aboutUs03 .two .gallery-top {
  width: 100%;
  height: 730px;
}
.aboutUs03 .two .gallery-top .swiper-slide {
  height: 500px;
  font-size: 18px;
  padding: 100px 0;
  opacity: 0 !important;
}
.aboutUs03 .two .gallery-top .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.aboutUs03 .two .gallery-top .swiper-slide .next {
  float: left;
  width: 58.57%;
  height: 570px;
  overflow-y: auto;
}
.aboutUs03 .two .gallery-top .swiper-slide .next p {
  margin-bottom: 26px;
  font-size: 18px;
  line-height: 32px;
  color: #333;
  text-align: justify;
}
.aboutUs03 .two .gallery-top .swiper-slide .next p:last-child {
  margin-bottom: 0;
}
.aboutUs03 .two .gallery-top .swiper-slide .next p:hover {
  color: #d40212;
}
.aboutUs03 .two .gallery-top .swiper-slide .y {
  position: absolute;
  right: 0;
  top: 490px;
  width: 500px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.aboutUs03 .two .gallery-top .swiper-slide .y p {
  font-size: 120px;
}
.aboutUs03 .two .right {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 3;
  width: 380px;
  height: 300px;
}
.aboutUs03 .two .gallery-thumbs {
  transform: rotate(16deg);
  height: 360px;
  /*  .swiper-slide-active{
                div{
                    margin-left: 17.2%;
                }
            }
            .swiper-slide-next{
                div{
                    opacity: 1;
                    margin-left: 13%;
                }
            }
            .swiper-slide-next+.swiper-slide{
                div{
                    opacity: 1;
                    margin-left: 8.6%;
                }
            }
            .swiper-slide-next+.swiper-slide+.swiper-slide{
                div{
                    opacity: 1;
                    margin-left: 4.4%;
                }
            }
            .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide{
                div{
                    opacity: 1;
                    margin-left: 0%;
                }
            }
            .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{
                div{
                    opacity: 0;
                    margin-left: -4.4%;
                }
            } */
}
.aboutUs03 .two .gallery-thumbs .swiper-slide div {
  transform: rotate(-16deg);
  margin-left: 0.3%;
  transition: all 0.5s;
  opacity: 0;
  cursor: pointer;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide span {
  float: left;
  margin-top: 3px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide p {
  float: left;
  width: auto;
  line-height: 24px;
  font-size: 24px;
  color: #fafafa;
  margin-left: 45px;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-active div {
  opacity: 1;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-active span {
  background: #d40212;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-active p {
  font-size: 28px;
  font-weight: bold;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-next div {
  opacity: 1;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-next + .swiper-slide div {
  opacity: 1;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-next + .swiper-slide + .swiper-slide div {
  opacity: 1;
}
.aboutUs03 .two .gallery-thumbs .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide div {
  opacity: 1;
}
.aboutUs03 .two .swiper-button-prev {
  left: auto;
  right: 0;
  top: 505px;
  width: 104px;
  height: 158px;
  background: url(../image/i92.png) center no-repeat;
}
.aboutUs03 .two .swiper-button-prev:hover {
  background: url(../image/i92s.png) center no-repeat;
}
.aboutUs03 .two .swiper-button-next {
  right: 396px;
  top: 505px;
  width: 104px;
  height: 158px;
  background: url(../image/i91.png) center no-repeat;
}
.aboutUs03 .two .swiper-button-next:hover {
  background: url(../image/i91s.png) center no-repeat;
}
.aboutUs03 .mobile {
  display: none;
}
@media (max-width: 1200px) {
  .aboutUs03 .pageTitle {
    padding: 0.8rem 0 0.5rem;
  }
  .aboutUs03 .pc {
    display: none;
  }
  .aboutUs03 .mobile {
    display: block;
    font-size: 0.26rem;
  }
  .aboutUs03 .mobile .mySwiper2 {
    height: 7.62rem;
    background: url(../image/aboutUs03_bac1.jpg) center no-repeat;
    background-size: cover;
  }
  .aboutUs03 .mobile .mySwiper2 .next {
    margin: 0.56rem 4%;
    height: 6.5rem;
    overflow-y: auto;
  }
  .aboutUs03 .mobile .mySwiper2 .next p {
    margin-bottom: 0.36rem;
    font-size: 0.26rem;
    line-height: 0.48rem;
    color: #333;
  }
  .aboutUs03 .mobile .mySwiper2 .next p:last-child {
    margin-bottom: 0;
  }
  .aboutUs03 .mobile .mySwiper {
    width: 100%;
    background: #004ea2 url(../image/aboutUs03_bac2.jpg) right bottom no-repeat;
    background-size: 100% auto;
    overflow-x: auto;
  }
  .aboutUs03 .mobile .mySwiper .wrapper {
    display: flex;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide {
    width: auto;
    padding: 0.4rem 0 0.6rem;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .time {
    height: 1.4rem;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .time p {
    transition: all 0.5s;
    opacity: 0.5;
    padding: 0.75rem 0.3rem 0;
    font-size: 0.28rem;
    color: #fafafa;
    font-family: Arial;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .lie {
    position: relative;
    padding: 0.06rem 0;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .lie::before {
    transition: all 0.5s;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(0.12rem + 1px);
    height: calc(0.12rem + 1px);
    border-radius: 100%;
    background: #fff;
    content: "";
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .lie em {
    position: absolute;
    left: 50%;
    top: -0.115rem;
    margin-left: -1px;
    width: 2px;
    height: 0;
    background: #e60012;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .lie i {
    float: left;
    width: 50%;
    height: 1px;
    background: #d7e5ef;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide .lie i.i2 {
    float: right;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide.swiper-slide-thumb-active .time p {
    transition: all 0.5s;
    opacity: 1;
    padding-top: 0;
    font-size: 1.1rem;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide.swiper-slide-thumb-active .lie::before {
    opacity: 0;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide.swiper-slide-thumb-active .lie em {
    transition: all 0.5s;
    height: 0.35rem;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide:first-child {
    margin-left: 0.4rem;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide:first-child .lie .i1,
  .aboutUs03 .mobile .mySwiper .swiper-slide:first-child .lie em {
    display: none;
  }
  .aboutUs03 .mobile .mySwiper .swiper-slide:first-child .lie::before {
    opacity: 1;
  }
}
.aboutUs04 .w1400 {
  position: relative;
}
.aboutUs04 .top {
  padding: 100px 0 0;
}
.aboutUs04 .tab_tit {
  position: relative;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.aboutUs04 .tab_tit a {
  position: relative;
  float: left;
  width: 50%;
  height: 120px;
  cursor: pointer;
}
.aboutUs04 .tab_tit a::before {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  top: -14px;
  width: calc(100% - 35px);
  content: "";
}
.aboutUs04 .tab_tit a:nth-child(1)::before {
  left: 0;
  border-top: 148px solid #d40212;
  border-right: 70px solid transparent;
}
.aboutUs04 .tab_tit a:nth-child(2)::before {
  right: 0;
  border-bottom: 148px solid #d40212;
  border-left: 70px solid transparent;
}
.aboutUs04 .tab_tit a .pos {
  transition: all 0.5s;
  position: relative;
  z-index: 2;
  padding-top: 22px;
  text-align: center;
  color: #999;
}
.aboutUs04 .tab_tit a .pos b {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: bold;
}
.aboutUs04 .tab_tit a .pos b i {
  position: relative;
}
.aboutUs04 .tab_tit a .pos p {
  font-size: 16px;
  font-weight: bold;
}
.aboutUs04 .tab_tit a:nth-child(2) .pos b i::before {
  position: absolute;
  right: -56px;
  width: 29px;
  height: 100%;
  background: url(../image/i61.png) right center no-repeat;
  content: " ";
}
.aboutUs04 .tab_tit a.cur::before {
  transition: all 0.5s;
  opacity: 1;
}
.aboutUs04 .tab_tit a.cur .pos {
  transition: all 0.5s;
  color: #fff;
}
.aboutUs04 .cen {
  margin-top: -60px;
  padding: 120px 0 50px;
  background: #f7f7f7;
}
.aboutUs04 .cen .bor {
  position: relative;
  padding: 0 84px;
}
.aboutUs04 .cen .swiper-slide {
  margin: 25px 0;
  width: 20%;
}
.aboutUs04 .cen .swiper-slide .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5% 16%;
  height: 19.8vw;
}
.aboutUs04 .cen .swiper-slide .pic img {
  transition: all 0.5s;
  transform: scale(1);
  max-width: 100%;
  max-height: 100%;
}
.aboutUs04 .cen .swiper-slide p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 80px;
  line-height: 30px;
  font-size: 20px;
  color: #333;
  text-align: center;
}
.aboutUs04 .cen .swiper-slide.swiper-slide-prev .pic {
  margin: 5% 22% 5% 8%;
}
.aboutUs04 .cen .swiper-slide.swiper-slide-next .pic {
  margin: 5% 8% 5%  22%;
}
.aboutUs04 .cen .swiper-slide.swiper-slide-active img {
  transition: all 0.5s;
  transform: scale(1.3);
}
.aboutUs04 .cen .swiper-button-next,
.aboutUs04 .cen .swiper-button-prev {
  transition: all 0.5s;
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.aboutUs04 .cen .swiper-button-next {
  right: 0px;
  background: #f6f6f6 url(../image/i11s.png) center no-repeat;
}
.aboutUs04 .cen .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.aboutUs04 .cen .swiper-button-prev {
  left: 0px;
  background: #f6f6f6 url(../image/i10s.png) center no-repeat;
}
.aboutUs04 .cen .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
.aboutUs04 .cen .swiper-pagination {
  display: none;
}
.aboutUs04 .bot {
  padding: 70px 0 20px;
}
.aboutUs04 .bot.pc {
  display: block;
}
.aboutUs04 .bot.mobile {
  display: none;
}
.aboutUs04 .bot .list {
  margin-bottom: 50px;
  max-height: 240px;
  overflow: hidden;
}
.aboutUs04 .bot .list p {
  float: left;
  margin-bottom: 12px;
  padding-left: 23px;
  width: calc(50% - 23px);
  height: 52px;
  line-height: 26px;
  font-size: 18px;
  color: #333;
  background: url(../image/i62.png) left 9px no-repeat;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.aboutUs04 .bot .viewMore.red {
  margin: 0 auto 50px;
  cursor: pointer;
}
.aboutUs04 .bot .viewMore.red.on em {
  background-image: url(../image/i64.png);
}
.aboutUs04 .bot .viewMore.red.on em:hover {
  background-image: url(../image/i64s.png);
}
@media (max-width: 1200px) {
  .aboutUs04 .top {
    padding: 0.8rem 0 0;
  }
  .aboutUs04 .tab_tit {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  }
  .aboutUs04 .tab_tit a {
    height: 1.32rem;
  }
  .aboutUs04 .tab_tit a::before {
    top: -0.07rem;
    width: calc(100% - 0.33rem);
  }
  .aboutUs04 .tab_tit a:nth-child(1)::before {
    border-top: 1.46rem solid #d40212;
    border-right: 0.66rem solid transparent;
  }
  .aboutUs04 .tab_tit a:nth-child(2)::before {
    border-bottom: 1.46rem solid #d40212;
    border-left: 0.66rem solid transparent;
  }
  .aboutUs04 .tab_tit a .pos {
    padding-top: 0.22rem;
  }
  .aboutUs04 .tab_tit a .pos b {
    margin-bottom: 0.1rem;
    font-size: 0.36rem;
  }
  .aboutUs04 .tab_tit a .pos p {
    font-size: 0.2rem;
    letter-spacing: -1px;
  }
  .aboutUs04 .tab_tit a:nth-child(2) .pos b i::before {
    right: -0.48rem;
    width: 0.29rem;
    background-size: 0.29rem auto;
  }
  .aboutUs04 .cen {
    margin-top: -0.7rem;
    padding: 1.4rem 0 0.8rem;
    /* .swiper-pagination{
                display: flex;
                justify-content: center;
                align-items: center;
                bottom: 0;
                left: 50%;
                width: 100%;
                transform: translateX(-50%);
            }
            .swiper-pagination-bullet{
                opacity: 1;
                margin: 0 0.08rem;
                width:0.2rem;
                height: 0.2rem;
                border-radius: 0.2rem;
                background: #ccc;
                &.swiper-pagination-bullet-active{
                    background: #d40212;
                }
            } */
  }
  .aboutUs04 .cen .bor {
    position: relative;
    padding: 0;
  }
  .aboutUs04 .cen .bor::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 30%;
    height: calc(100% - 0.5rem);
    background: url(../image/aboutUs04_bac.png) left top no-repeat;
    background-size: auto 100%;
    content: "";
  }
  .aboutUs04 .cen .bor::after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    transform: rotate(180deg);
    width: 30%;
    height: calc(100% - 0.5rem);
    background: url(../image/aboutUs04_bac.png) left bottom no-repeat;
    background-size: auto 100%;
    content: "";
  }
  .aboutUs04 .cen .swiper-slide {
    margin: 0.2rem 0 0.86rem;
    width: 33.33%;
  }
  .aboutUs04 .cen .swiper-slide .pic {
    margin: 5% 12%;
    height: 2.9rem;
  }
  .aboutUs04 .cen .swiper-slide.swiper-slide-prev .pic {
    margin: 5% 24% 5% 0;
  }
  .aboutUs04 .cen .swiper-slide.swiper-slide-next .pic {
    margin: 5% 0 5% 24%;
  }
  .aboutUs04 .cen .swiper-button-next,
  .aboutUs04 .cen .swiper-button-prev {
    margin-top: -0.33rem;
    transform: translateY(-50%);
    width: 0.6rem;
    height: 0.6rem;
  }
  .aboutUs04 .cen .swiper-button-next {
    background: #f6f6f6 url(../image/i11s.png) center no-repeat;
    background-size: 0.22rem auto;
  }
  .aboutUs04 .cen .swiper-button-next:hover {
    background: #c7161e url(../image/i11.png) center no-repeat;
    background-size: 0.22rem auto;
  }
  .aboutUs04 .cen .swiper-button-prev {
    background: #f6f6f6 url(../image/i10s.png) center no-repeat;
    background-size: 0.22rem auto;
  }
  .aboutUs04 .cen .swiper-button-prev:hover {
    background: #c7161e url(../image/i10.png) center no-repeat;
    background-size: 0.22rem auto;
  }
  .aboutUs04 .cen .swiper-pagination {
    display: block;
    bottom: 0;
  }
  .aboutUs04 .cen .swiper-pagination .swiper-pagination-bullet-active {
    background: #d40212;
  }
  .aboutUs04 .bot {
    padding: 0.8rem 0 0.3rem;
  }
  .aboutUs04 .bot.pc {
    display: none;
  }
  .aboutUs04 .bot.mobile {
    display: block;
  }
  .aboutUs04 .bot.mobile .list {
    max-height: none;
  }
  .aboutUs04 .bot.mobile.list_length .list {
    max-height: 4rem;
    overflow: hidden;
  }
  .aboutUs04 .bot.mobile .list:nth-child(1) {
    margin-bottom: 0;
  }
  .aboutUs04 .bot.mobile .list:nth-child(1) p:nth-child(2n) {
    display: none;
  }
  .aboutUs04 .bot.mobile .list:nth-child(2) p:nth-child(2n-1) {
    display: none;
  }
  .aboutUs04 .bot .list {
    margin-bottom: 0.3rem;
    max-height: 8rem;
  }
  .aboutUs04 .bot .list p {
    margin-bottom: 0.2rem;
    padding-left: 0.32rem;
    width: calc(100% - 0.32rem);
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    background: url(../image/i62.png) left 0.14rem no-repeat;
    background-size: 0.12rem auto;
  }
  .aboutUs04 .bot .viewMore.red {
    margin: 0 auto 0.5rem;
  }
}
.aboutUs05 {
  padding: 100px 0 ;
  background: #fbfbfb;
}
.aboutUs05 .pageTitle {
  margin-bottom: 70px;
}
.aboutUs05 .top {
  margin-bottom: 40px;
}
.aboutUs05 .top img {
  max-width: 100%;
}
.aboutUs05 .top img.img2 {
  display: none;
}
.aboutUs05 .bot .next {
  position: relative;
  float: left;
  margin-right: 4%;
  width: 48%;
  height: 380px;
  overflow: hidden;
}
.aboutUs05 .bot .next i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.aboutUs05 .bot .next i.pc {
  display: block;
}
.aboutUs05 .bot .next i.mobile {
  display: none;
}
.aboutUs05 .bot .next .pos {
  position: absolute;
  left: 0;
  top: 0;
  width: 59.1%;
  min-width: 360px;
  height: 257px;
  background: url(../image/aboutUs05_bac1.png) left top no-repeat;
  background-size: 100% 100%;
}
.aboutUs05 .bot .next .pos dl {
  padding: 20px 20px 0 30px;
  color: #fff;
}
.aboutUs05 .bot .next .pos dl dt {
  margin-bottom: 16px;
  font-size: 30px;
}
.aboutUs05 .bot .next .pos dl dd {
  font-size: 16px;
  line-height: 30px;
}
.aboutUs05 .bot .next .pos dl dd a {
  color: #fff;
}
.aboutUs05 .bot .next:nth-child(2) {
  margin-right: 0;
}
.aboutUs05 .bot .next:nth-child(2) .pos {
  background-image: url(../image/aboutUs05_bac2.png);
}
.aboutUs05 .bot .next:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
@media (max-width: 1200px) {
  .aboutUs05 {
    padding: 0.8rem 0 0.6rem;
  }
  .aboutUs05 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .aboutUs05 .top img {
    display: none;
  }
  .aboutUs05 .top img.img2 {
    display: block;
  }
  .aboutUs05 .bot .next {
    margin: 0 0 0.48rem 0;
    width: 100%;
    height: 3.8rem;
  }
  .aboutUs05 .bot .next i.pc {
    display: none;
  }
  .aboutUs05 .bot .next i.mobile {
    display: block;
  }
  .aboutUs05 .bot .next .pos {
    width: 73.56%;
    min-width: auto;
    max-width: 480px;
    height: 3rem;
    background: url(../image/aboutUs05_bac1.png) left top no-repeat;
    background-size: 100% 100%;
  }
  .aboutUs05 .bot .next .pos dl {
    padding: 0.2rem 0.1rem 0 0.3rem;
  }
  .aboutUs05 .bot .next .pos dl dt {
    margin-bottom: 0.18rem;
    font-size: 0.3rem;
  }
  .aboutUs05 .bot .next .pos dl dd {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .aboutUs05 .bot .next:nth-child(2) .pos {
    background-image: url(../image/aboutUs05_bac2.png);
  }
}
/*========== p1-0 关于我们-研发优势 ==========*/
.advantage .pageTop {
  background: #fff url(../image/advantage01_bac.jpg) left top no-repeat;
  background-size: 100% auto;
}
.advantage02 .list p {
  margin-bottom: 12px;
  padding-left: 23px;
  width: calc(100% - 23px);
  font-size: 18px;
  height: 52px;
  line-height: 26px;
  color: #333;
  background: url(../image/i62.png) left 9px no-repeat;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .advantage .pageTop {
    background: #fff;
  }
  .advantage02 .list {
    margin-bottom: 0.3rem;
  }
  .advantage02 .list p {
    margin-bottom: 0.2rem;
    padding-left: 0.32rem;
    width: calc(100% - 0.32rem);
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    background: url(../image/i62.png) left 0.14rem no-repeat;
    background-size: 0.12rem auto;
  }
}
.advantage01 {
  padding: 100px 0 90px;
}
.advantage01 .next {
  /* margin-bottom: 90px; */
}
.advantage01 .next .left .t {
  margin: 80px 0 40px;
}
.advantage01 .next:nth-child(2n) .left {
  float: right;
}
.advantage01 .next:nth-child(2n) .left .t {
  margin: 40px 0 40px;
}
.advantage01 .next:nth-child(2n) .right {
  float: left;
}
.advantage01 .left {
  float: left;
  width: 43%;
}
.advantage01 .left .t {
  line-height: 60px;
}
.advantage01 .left .t .icon {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 18px;
  width: 60px;
  height: 60px;
}
.advantage01 .left .t .icon img {
  max-width: 100%;
  max-height: 100%;
}
.advantage01 .left .t p {
  float: left;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.advantage01 .left .sum .text {
  float: left;
  margin-bottom: 35px;
  width: 50%;
}
.advantage01 .left .sum .text .clearfix {
  display: flex;
  margin-bottom: 6px;
}
.advantage01 .left .sum .text span {
  font-size: 60px;
  color: #d40212;
  font-weight: bold;
  font-family: Arial;
}
.advantage01 .left .sum .text b {
  font-size: 29px;
  color: #004ea2;
  font-weight: bold;
}
.advantage01 .left .sum .text i {
  margin: 35px 0 0 4px;
  font-size: 18px;
  color: #666;
}
.advantage01 .left .sum .text em {
  font-size: 18px;
  color: #666;
}
.advantage01 .left .list p {
  margin-bottom: 12px;
  padding-left: 23px;
  width: calc(100% - 23px);
  font-size: 18px;
  line-height: 26px;
  color: #333;
  background: url(../image/i62.png) left 9px no-repeat;
}
.advantage01 .right {
  float: right;
  width: 50%;
  height: 395px;
  overflow: hidden;
}
.advantage01 .right i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.advantage01 .right:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
@media (max-width: 1200px) {
  .advantage01 {
    padding: 0.8rem 0 0.7rem;
    background: #fff url(../image/advantage01_bac1.jpg) left top no-repeat;
    background-size: 100% auto;
  }
  .advantage01 .next {
    margin-bottom: 0.6rem;
  }
  .advantage01 .next .left .t {
    margin: 0 0 0.4rem;
  }
  .advantage01 .next:nth-child(2n) .left .t {
    margin: 0 0 0.4rem;
  }
  .advantage01 .left {
    width: 100%;
  }
  .advantage01 .left .t {
    line-height: 0.6rem;
  }
  .advantage01 .left .t .icon {
    margin-right: 0.19rem;
    width: 0.6rem;
    height: 0.6rem;
  }
  .advantage01 .left .t p {
    font-size: 0.3rem;
  }
  .advantage01 .left .sum {
    display: flex;
    justify-content: space-between;
  }
  .advantage01 .left .sum::after {
    display: none;
  }
  .advantage01 .left .sum .text {
    float: none;
    margin-bottom: 0.6rem;
    width: 50%;
  }
  .advantage01 .left .sum .text .clearfix {
    display: flex;
    margin-bottom: 0.06rem;
  }
  .advantage01 .left .sum .text span {
    font-size: 0.54rem;
  }
  .advantage01 .left .sum .text i {
    margin: 0.2rem 0 0 4px;
    font-size: 0.26rem;
  }
  .advantage01 .left .sum .text em {
    font-size: 0.26rem;
  }
  .advantage01 .left .list {
    margin-bottom: 0.3rem;
  }
  .advantage01 .left .list p {
    margin-bottom: 0.2rem;
    padding-left: 0.32rem;
    width: calc(100% - 0.32rem);
    line-height: 0.4rem;
    font-size: 0.26rem;
    background: url(../image/i62.png) left 0.14rem no-repeat;
    background-size: 0.12rem auto;
  }
  .advantage01 .right {
    width: 100%;
    height: 3.88rem;
  }
}
.advantage02 {
  padding-bottom: 100px;
}
.advantage02 .top {
  position: relative;
  /* margin-bottom: 75px; */
}
.advantage02 .top .bac {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30%;
  height: 280px;
  background: #d40212;
}
.advantage02 .top .w1400 {
  position: relative;
  z-index: 2;
}
.advantage02 .top .pic {
  width: 100%;
  height: 470px;
  overflow: hidden;
}
.advantage02 .top .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.advantage02 .top .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.advantage02 .top .pos {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 38%;
  height: 280px;
  color: #fff;
}
.advantage02 .top .pos::before {
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  border-top: 280px solid #d40212;
  border-right: 140px solid transparent;
  content: "";
}
.advantage02 .top .pos .t {
  position: relative;
  z-index: 2;
  margin: 46px 0 30px;
  line-height: 60px;
}
.advantage02 .top .pos .t .icon {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 18px;
  width: 60px;
  height: 60px;
}
.advantage02 .top .pos .t .icon img {
  max-width: 100%;
  max-height: 100%;
}
.advantage02 .top .pos .t p {
  float: left;
  font-size: 30px;
}
.advantage02 .top .pos .sum {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  padding-right: 30px;
}
.advantage02 .top .pos .sum .text .clearfix {
  display: flex;
  margin-bottom: 6px;
}
.advantage02 .top .pos .sum .text span {
  font-size: 60px;
  font-weight: bold;
  font-family: Arial;
}
.advantage02 .top .pos .sum .text b {
  font-size: 29px;
  font-weight: bold;
}
.advantage02 .top .pos .sum .text i {
  margin: 35px 0 0 4px;
  font-size: 18px;
}
.advantage02 .top .pos .sum .text em {
  font-size: 18px;
}
.advantage02 .cen {
  display: none;
}
.advantage02 .cen .left {
  float: left;
  margin-right: 4%;
  width: 48%;
}
.advantage02 .cen .left:nth-child(2n) {
  margin-right: 0;
}
.advantage02 .cen .tit {
  margin-bottom: 30px;
  font-size: 24px;
  color: #333;
}
.advantage02 .cen .list {
  max-height: 192px;
  overflow: hidden;
}
.advantage02 .cen .viewMore {
  margin: 30px auto 0;
  cursor: pointer;
}
.advantage02 .cen .viewMore.on em {
  background-image: url(../image/i64.png);
}
.advantage02 .cen .viewMore.on em:hover {
  background-image: url(../image/i64s.png);
}
@media (max-width: 1200px) {
  .advantage02 {
    padding-bottom: 0.8rem;
  }
  .advantage02 .top {
    /* margin-bottom:0.5rem; */
  }
  .advantage02 .top .bac {
    display: none;
  }
  .advantage02 .top .w1400 {
    width: 100%;
  }
  .advantage02 .top .pic {
    height: 4.48rem;
  }
  .advantage02 .top .pos {
    position: relative;
    margin-top: -1.43rem;
    padding: 1px 0 1px 0.4rem;
    width: calc(78.26% - 0.4rem);
    height: 2.9rem;
  }
  .advantage02 .top .pos::before {
    border-top: 2.9rem solid #d40212;
    border-right: 1.3rem solid transparent;
  }
  .advantage02 .top .pos .t {
    margin: 0.46rem 0 0.4rem;
    line-height: 0.56rem;
  }
  .advantage02 .top .pos .t .icon {
    margin-right: 0.17rem;
    width: 0.56rem;
    height: 0.56rem;
  }
  .advantage02 .top .pos .t p {
    font-size: 0.3rem;
  }
  .advantage02 .top .pos .sum {
    padding-right: 0.3rem;
  }
  .advantage02 .top .pos .sum .text .clearfix {
    display: flex;
    margin-bottom: 0.06rem;
  }
  .advantage02 .top .pos .sum .text span {
    font-size: 0.54rem;
  }
  .advantage02 .top .pos .sum .text i {
    margin: 0.2rem 0 0 0.04rem;
    font-size: 0.26rem;
  }
  .advantage02 .top .pos .sum .text em {
    font-size: 0.26rem;
  }
  .advantage02 .cen .w1400 {
    margin-bottom: 0;
  }
  .advantage02 .cen .left {
    margin-right: 0;
    width: 100%;
  }
  .advantage02 .cen .left.fr .list {
    margin-bottom: 0;
  }
  .advantage02 .cen .tit {
    margin-bottom: 0.4rem;
    font-size: 0.3rem;
  }
  .advantage02 .cen .list {
    max-height: 3rem;
  }
  .advantage02 .cen .viewMore {
    margin-top: 0.3rem;
  }
}
.advantage03 .top .bac {
  left: auto;
  right: 0;
}
.advantage03 .top .pos {
  left: auto;
  right: 0;
  padding: 0 0 0 60px;
  width: calc(38% - 60px);
}
.advantage03 .top .pos::before {
  left: auto;
  right: 0;
  border-top: 0 solid #d40212;
  border-right: 0px solid transparent;
  border-bottom: 280px solid #d40212;
  border-left: 140px solid transparent;
}
.advantage03 .top .pos .sum {
  padding-right: 0;
}
.advantage03 .list p {
  float: left;
  margin-right: 4%;
  width: calc(48% - 23px);
}
.advantage03 .list p:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .advantage03 .top .bac {
    left: auto;
    right: 0;
  }
  .advantage03 .top .pos {
    left: auto;
    right: 0;
    padding: 1px 0.4rem 0 0.6rem;
    margin-left: calc(100% - 78.26%);
    width: calc(78.26% - 1rem);
  }
  .advantage03 .top .pos::before {
    left: auto;
    right: 0;
    border-top: 0 solid #d40212;
    border-right: 0px solid transparent;
    border-bottom: 2.9rem solid #d40212;
    border-left: 1.3rem solid transparent;
  }
  .advantage03 .top .pos .sum {
    padding-right: 0;
  }
  .advantage03 .cen .list {
    margin-bottom: 0;
    max-height: 6rem;
  }
  .advantage03 .list p {
    margin-right: 0;
    width: calc(100% - 0.32rem);
  }
}
/*========== p2-0Mesh3000自组网系统总 ==========*/
.product .swiper-pagination {
  position: relative;
  animation-delay: 0.6s;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  width: 100%;
}
.product .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 50px 4px 0;
  width: 38px;
  height: 5px;
  border-radius: 0;
  background: #e6e6e6;
}
.product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d40212;
}
.product .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
  margin: 50px 4px 0;
}
@media (max-width: 1200px) {
  .product .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
    margin: 0.6rem 4px 0;
  }
  .product .swiper-pagination .swiper-pagination-bullet {
    margin: 0.6rem 0.06rem 0;
    width: 0.5rem;
    height: 0.05rem;
  }
}
.productOne01 {
  padding: 100px 0 15px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.productOne01 .banner_bac {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 75vh;
}
.productOne01 .banner_bac i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.productOne01 .banner_bac .mobile {
  display: none;
}
.productOne01 .banner_bac::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: url(../image/productOne01_bac.png) left bottom no-repeat;
  background-size: cover;
  content: " ";
}
.productOne01 .banner_bac::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: "";
}
.productOne01 .w1400 {
  position: relative;
  z-index: 3;
  background: #fff;
}
.productOne01 .next {
  padding: 70px 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.productOne01 .next .bor {
  padding: 0 40px;
  max-height: calc(100vh - 270px);
  overflow-y: auto;
}
.productOne01 .next .bor::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
.productOne01 .next .bor::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #1e4e9d;
}
.productOne01 .next .bor::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: #ccc;
}
.productOne01 .next .tit b {
  margin-bottom: 30px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.productOne01 .next .tit i {
  margin: 0 auto 30px;
  width: 181px;
  height: 4px;
  background: url(../image/i70.png) center no-repeat;
}
.productOne01 .next .text {
  font-size: 18px;
  line-height: 36px;
}
.productOne01 .next .text p {
  text-indent: 2em;
  text-align: justify;
}
.productOne01 .next .text p:has(img) {
  text-indent: 0em;
}
.productOne01 .next .text img {
  display: block;
  margin: 15px auto;
  max-width: 70%;
  height: auto !important;
}
.productOne01 .next .text video {
  display: block;
  margin: 30px auto;
  width: 70%;
  max-width: 100%;
  height: auto !important;
}
.productOne01 .next .text span,
.productOne01 .next .text i,
.productOne01 .next .text em,
.productOne01 .next .text a,
.productOne01 .next .text b {
  display: inline;
}
.productOne01 .next .text table {
  border-top: #000 1px solid;
  border-right: #000 1px solid;
}
.productOne01 .next .text table td {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
}
@media (max-width: 1200px) {
  .productOne01 {
    padding: 0.8rem 0 0.1rem;
  }
  .productOne01 .banner_bac {
    max-height: 4.9rem;
  }
  .productOne01 .banner_bac .pc {
    display: none;
  }
  .productOne01 .banner_bac .mobile {
    display: block;
  }
  .productOne01 .next {
    padding: 0.5rem 0.2rem 0.6rem;
    min-height: 4.8rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.06);
  }
  .productOne01 .next .bor {
    padding: 0 0.2rem;
    max-height: calc(100vh - 3.1rem);
  }
  .productOne01 .next .bor::-webkit-scrollbar {
    width: 2px;
  }
  .productOne01 .next .bor::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 2px;
  }
  .productOne01 .next .bor::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 2px;
  }
  .productOne01 .next .tit b {
    margin-bottom: 0.4rem;
    font-size: 0.44rem;
  }
  .productOne01 .next .tit i {
    margin: 0 auto 0.4rem;
    width: 1.8rem;
    height: 0.06rem;
    background-size: 100%;
  }
  .productOne01 .next .text {
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
}
.productOne02 {
  padding: 80px 0;
  background: url(../image/productOne02_bac.jpg) left top no-repeat;
  background-size: cover;
}
.productOne02 .tab_title {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.productOne02 .tab_title a {
  transition: all 0.5s;
  width: calc((100% - 45px) / 4);
  height: 56px;
  margin: 0 15px 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  background: #fff;
  text-decoration: none;
  transform: skewX(-30deg);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.productOne02 .tab_title a:nth-child(4n) {
  margin-right: 0;
}
.productOne02 .tab_title a p {
  transform: skewX(30deg);
  font-size: 16px;
}
.productOne02 .tab_title a:hover,
.productOne02 .tab_title a.cur {
  transition: all 0.5s;
  color: #fff;
  background: #d40212;
}
.productOne02 .next .left {
  float: left;
  margin-right: 6.46%;
  width: 36.4%;
}
.productOne02 .next .left .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 452px;
  background: #fff;
}
.productOne02 .next .left .pic img {
  max-width: 90%;
  max-height: 90%;
}
.productOne02 .next .right .tit b {
  margin: 40px 0 50px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.productOne02 .next .right .tit img {
  margin: 0 0 60px;
  width: 181px;
  height: 4px;
}
.productOne02 .next .right .text {
  font-size: 18px;
  line-height: 36px;
}
.productOne02 .next .right .text p {
  text-indent: 2em;
  text-align: justify;
}
@media (max-width: 1200px) {
  .productOne02 {
    padding: 0.8rem 0 0.8rem;
    background: url(../image/productOne02_bac.jpg) left top no-repeat;
    background-size: cover;
  }
  .productOne02 .tab_title {
    flex-wrap: nowrap;
    justify-content: left;
    margin: 0 0 0.6rem 4%;
    padding: 0 0 0.16rem 0.1rem;
    width: calc(96% - 0.1rem);
    overflow-x: auto;
  }
  .productOne02 .tab_title a {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.3rem 0 0;
    width: 4rem;
    height: 1.5rem;
    margin-right: 0.35rem;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
  }
  .productOne02 .tab_title a p {
    padding: 0 0.4rem;
    line-height: 0.48rem;
    font-size: 0.34rem;
    text-align: center;
  }
  .productOne02 .tab_title a:first-child {
    margin-left: 0.35rem;
  }
  .productOne02 .tab_title a:last-child {
    margin-right: 0.35rem;
  }
  .productOne02 .next .left {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .productOne02 .next .left .pic {
    height: 5.13rem;
  }
  .productOne02 .next .right {
    width: 100%;
  }
  .productOne02 .next .right .tit b {
    margin: 0.5rem 0 0.4rem;
    font-size: 0.44rem;
    text-align: center;
  }
  .productOne02 .next .right .tit img {
    margin: 0 auto 0.52rem;
    width: 1.8rem;
    height: 0.06rem;
  }
  .productOne02 .next .right .text {
    font-size: 0.24rem;
    line-height: 0.42rem;
  }
}
.productOne03 {
  padding: 100px 0;
}
.productOne03 .pageTitle {
  margin-bottom: 50px;
}
.productOne03 .next {
  margin-left: -20px;
  width: calc(100% + 40px);
}
.productOne03 .next .mobile {
  display: none;
}
.productOne03 .swiper-slide {
  padding: 20px 20px 0;
  width: calc(100% - 40px);
}
.productOne03 a {
  position: relative;
  float: left;
  margin: 0 2% 2% 0;
  width: 32%;
  height: 280px;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.productOne03 a:nth-child(3n) {
  margin-right: 0;
}
.productOne03 a .bac2 {
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 190px;
  background: url(../image/productOne03_bac2.jpg) right top no-repeat;
  background-size: cover;
}
.productOne03 a .bor {
  position: relative;
  z-index: 3;
  padding: 32px 6% 0 6%;
}
.productOne03 a .t {
  margin-bottom: 20px;
  height: 56px;
  line-height: 28px;
  font-size: 22px;
  color: #004ea2;
  font-weight: bold;
}
.productOne03 a em {
  transition: all 0.5s;
  margin-bottom: 24px;
  width: 130px;
  height: 1px;
  background: #d40212;
}
.productOne03 a .text {
  font-size: 16px;
  max-height: 145px;
  line-height: 25px;
  color: #333;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.productOne03 a .text p {
  word-wrap: break-word;
}
.productOne03 a.cur .bac2 {
  transition: all 0.5s;
  opacity: 1;
}
.productOne03 a.cur em {
  transition: all 0.5s;
  background: rgba(255, 255, 255, 0);
}
.productOne03 a.cur .text {
  transition: all 0.5s;
  color: #fff;
}
@media (max-width: 1200px) {
  .productOne03 {
    padding: 0.8rem 0 0.8rem;
  }
  .productOne03 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productOne03 .w1400 {
    width: 100%;
  }
  .productOne03 .next {
    margin-left: 0;
    width: 100%;
  }
  .productOne03 .next .pc {
    display: none;
  }
  .productOne03 .next .mobile {
    display: block;
  }
  .productOne03 .swiper-slide {
    padding: 0.2rem 0.4rem 0;
    width: calc(100% - 0.8rem);
  }
  .productOne03 a {
    margin: 0 0 0.28rem 0;
    padding-bottom: 0.2rem;
    width: 100%;
    height: auto;
    min-height: 3.3rem;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.08);
  }
  .productOne03 a:last-child {
    margin-bottom: 0.1rem;
  }
  .productOne03 a .bac2 {
    display: none;
  }
  .productOne03 a .bor {
    padding: 0.56rem 0.4rem 0;
  }
  .productOne03 a .t {
    margin-bottom: 0.3rem;
    height: auto;
    line-height: 0.3rem;
    font-size: 0.36rem;
    font-weight: normal;
  }
  .productOne03 a em {
    margin-bottom: 0.36rem;
    width: 1.25rem;
  }
  .productOne03 a .text {
    max-height: 1.35rem;
    font-size: 0.28rem;
    line-height: 0.45rem;
    -webkit-line-clamp: 3;
  }
}
.productOne04 {
  padding: 100px 0;
  background: #f9f9f9;
}
.productOne04 .pageTitle {
  margin-bottom: 70px;
}
.productOne04 .table_next {
  overflow-x: auto;
  font-size: 16px;
}
.productOne04 .table_next::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.productOne04 .table_next::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  margin: 0 1px;
  border-radius: 4px;
  background-color: #d40313;
}
.productOne04 .table_next::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: #e3e2e2;
}
.productOne04 .table_next p img {
  width: auto;
  max-width: 60%;
  margin: 0 auto;
  margin-top: 30px;
}
.productOne04 .table_next table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: calc(100% - 2px);
  background: #f4f4f4;
  border: #f4f4f4 1px solid;
}
.productOne04 .table_next table img {
  width: auto;
}
.productOne04 .table_next table tr:nth-child(2n) {
  background: #f4f4f4;
}
.productOne04 .table_next table tr:nth-child(2n - 1) {
  background: #fff;
}
.productOne04 .table_next table tr:first-child,
.productOne04 .table_next table tr.color {
  background: #d40313;
}
.productOne04 .table_next table tr:first-child td,
.productOne04 .table_next table tr.color td {
  color: #fff;
}
.productOne04 .table_next table tr:first-child td p,
.productOne04 .table_next table tr.color td p,
.productOne04 .table_next table tr:first-child td a,
.productOne04 .table_next table tr.color td a,
.productOne04 .table_next table tr:first-child td i,
.productOne04 .table_next table tr.color td i,
.productOne04 .table_next table tr:first-child td em,
.productOne04 .table_next table tr.color td em,
.productOne04 .table_next table tr:first-child td span,
.productOne04 .table_next table tr.color td span,
.productOne04 .table_next table tr:first-child td b,
.productOne04 .table_next table tr.color td b {
  color: #fff !important;
}
.productOne04 .table_next table td {
  word-break: break-all;
  word-wrap: break-word;
  border-right: 0px solid #939598 !important;
  border-bottom: 0px solid #939598 !important;
  border: 0px solid #939598 !important;
  padding: 12px 5px !important;
  font-size: 16px !important;
  color: #333;
  text-align: center;
}
.productOne04 .table_next table td a,
.productOne04 .table_next table td i,
.productOne04 .table_next table td em,
.productOne04 .table_next table td span,
.productOne04 .table_next table td b,
.productOne04 .table_next table td img {
  display: inline;
  font-family: "Microsoft YaHei" !important;
  font-size: 16px !important;
  color: #333 !important;
}
@media (max-width: 1200px) {
  .productOne04 {
    padding: 0.8rem 0;
  }
  .productOne04 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productOne04 .table_next {
    font-size: 0.24rem;
  }
  .productOne04 .table_next table td {
    padding: 0.2rem 0.05rem !important;
    font-size: 0.26rem !important;
  }
  .productOne04 .table_next table td a,
  .productOne04 .table_next table td i,
  .productOne04 .table_next table td em,
  .productOne04 .table_next table td span,
  .productOne04 .table_next table td b,
  .productOne04 .table_next table td img {
    font-size: 0.26rem !important;
  }
  .productOne04 .table_next p img {
    width: 100%;
    max-width: 100%;
    margin-top: 0.3rem;
  }
}
.productOne05 {
  padding: 100px 0;
  background: #fff;
}
.productOne05 .pageTitle {
  margin-bottom: 70px;
}
.productOne05 .w1400 {
  position: relative;
}
.productOne05 .bor {
  padding: 0 84px 0;
}
.productOne05 .bac1,
.productOne05 .bac2 {
  transition: all 0.5s;
  position: absolute;
  z-index: 4;
  width: 38px;
  height: 84px;
}
.productOne05 .bac1 {
  left: -38px;
  top: 0;
  background: url(../image/i36.png) center no-repeat;
  background-size: 100% auto;
}
.productOne05 .bac2 {
  right: -38px;
  bottom: 0;
  background: url(../image/i37.png) center no-repeat;
  background-size: 100% auto;
}
.productOne05 .swiper {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.productOne05 .swiper:hover .bac1 {
  transition: all 0.5s;
  left: 0;
}
.productOne05 .swiper:hover .bac2 {
  transition: all 0.5s;
  right: 0;
}
.productOne05 .swiper-slide {
  width: 100%;
}
.productOne05 .swiper-slide .pic {
  float: left;
  overflow: hidden;
  width: 49.8%;
  height: 430px;
}
.productOne05 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productOne05 .swiper-slide .right {
  float: left;
  margin-left: 5.9%;
  width: 38.4%;
}
.productOne05 .swiper-slide .right .tit {
  padding-top: 50px;
}
.productOne05 .swiper-slide .right .tit b {
  margin-bottom: 30px;
  font-size: 26px;
  color: #333;
  font-weight: bold;
}
.productOne05 .swiper-slide .right .tit i {
  margin: 0 0 30px;
  width: 181px;
  height: 4px;
  background: url(../image/i70.png) center no-repeat;
}
.productOne05 .swiper-slide .right .text {
  margin-bottom: 30px;
  max-height: 150px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.productOne05 .swiper-slide:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.productOne05 .swiper-button-next,
.productOne05 .swiper-button-prev {
  transition: all 0.5s;
  margin-top: -37px;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.productOne05 .swiper-button-next {
  right: 0px;
  background: #fff url(../image/i11s.png) center no-repeat;
}
.productOne05 .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.productOne05 .swiper-button-prev {
  left: 0px;
  background: #fff url(../image/i10s.png) center no-repeat;
}
.productOne05 .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
@media (max-width: 1200px) {
  .productOne05 {
    padding: 0.8rem 0;
  }
  .productOne05 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productOne05 .bor {
    padding: 0;
  }
  .productOne05 .bac1,
  .productOne05 .bac2 {
    width: 0.38rem;
    height: 0.84rem;
  }
  .productOne05 .bac1 {
    left: 0;
  }
  .productOne05 .bac2 {
    right: 0;
  }
  .productOne05 .swiper {
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.08);
  }
  .productOne05 .swiper-slide {
    width: 100%;
  }
  .productOne05 .swiper-slide .pic {
    width: 100%;
    height: 5.16rem;
  }
  .productOne05 .swiper-slide .right {
    margin-left: 0.4rem;
    width: calc(100% - 0.8rem);
  }
  .productOne05 .swiper-slide .right .tit {
    padding-top: 0.53rem;
  }
  .productOne05 .swiper-slide .right .tit b {
    margin-bottom: 0.4rem;
    font-size: 0.4rem;
    text-align: center;
  }
  .productOne05 .swiper-slide .right .tit i {
    margin: 0 auto 0.5rem;
    width: 1.8rem;
    height: 0.07rem;
    background-size: 100% auto;
  }
  .productOne05 .swiper-slide .right .text {
    margin-bottom: 0.5rem;
    max-height: 2.1rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #333;
  }
  .productOne05 .swiper-slide .right .viewMore {
    margin: 0 auto 0.58rem;
  }
  .productOne05 .swiper-button-next,
  .productOne05 .swiper-button-prev {
    display: none;
  }
}
.productOne06 {
  padding: 100px 0;
  background: url(../image/productOne06_bac.jpg) center no-repeat;
  background-size: cover;
}
.productOne06 .pageTitle {
  margin-bottom: 50px;
}
.productOne06 .w1400 {
  position: relative;
}
.productOne06 .bor {
  padding: 0 84px 0;
}
.productOne06 .swiper a {
  float: left;
  width: 33.33%;
  padding: 20px 0;
}
.productOne06 .swiper a .next {
  float: left;
  width: 33.33%;
}
.productOne06 .swiper a .borBox {
  position: relative;
  margin: 0 auto;
  width: 85%;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.productOne06 .swiper a .borBox .bac {
  width: 100%;
}
.productOne06 .swiper a .borBox .pic {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 12.68%;
  top: 11%;
  width: 74.64%;
  height: 78%;
}
.productOne06 .swiper a .borBox .pic img {
  flex-shrink: 0;
  width: 100%;
  max-height: 100%;
}
.productOne06 .mobile {
  display: none;
}
.productOne06 .swiper-button-next,
.productOne06 .swiper-button-prev {
  transition: all 0.5s;
  margin-top: -25px;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.productOne06 .swiper-button-next {
  right: 0px;
  background: #fff url(../image/i11s.png) center no-repeat;
}
.productOne06 .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.productOne06 .swiper-button-prev {
  left: 0px;
  background: #fff url(../image/i10s.png) center no-repeat;
}
.productOne06 .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
@media (max-width: 1200px) {
  .productOne06 {
    padding: 0.8rem 0;
    background: url(../image/productOne06_bac.jpg) center no-repeat;
    background-size: cover;
  }
  .productOne06 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productOne06 .bor {
    padding: 0 1.1rem 0;
  }
  .productOne06 .pc {
    display: none;
  }
  .productOne06 .mobile {
    display: block;
  }
  .productOne06 .swiper a {
    width: 100%;
    padding: 0.2rem 0 0;
  }
  .productOne06 .swiper a .next {
    width: 100%;
  }
  .productOne06 .swiper a .borBox {
    width: 100%;
    max-width: 460px;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  }
  .productOne06 .swiper-button-next,
  .productOne06 .swiper-button-prev {
    margin-top: -0.2rem;
    width: 0.6rem;
    height: 0.6rem;
  }
  .productOne06 .swiper-button-next {
    background-size: 0.22rem auto;
  }
  .productOne06 .swiper-button-next:hover {
    background-size: 0.22rem auto;
  }
  .productOne06 .swiper-button-prev {
    background-size: 0.22rem auto;
  }
  .productOne06 .swiper-button-prev:hover {
    background-size: 0.22rem auto;
  }
}
/*========== p2-1 DMT-CBS-CE3D智能卡芯片 ==========*/
.productTwo01 {
  position: relative;
  padding: 130px 0 ;
}
.productTwo01 .pos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.productTwo01 .pos i {
  width: 100%;
  height: 100%;
}
.productTwo01 .pos i.mobile {
  display: none;
}
.productTwo01 .w1400 {
  position: relative;
}
.productTwo01 .w1400 .left {
  width: 57.14%;
}
.productTwo01 .tit b {
  margin-bottom: 32px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
}
.productTwo01 .tit i {
  margin: 0 0 32px;
  width: 181px;
  height: 4px;
  background: url(../image/i70.png) center no-repeat;
}
.productTwo01 .text {
  font-size: 18px;
  line-height: 36px;
}
.productTwo01 .text p {
  text-indent: 2em;
  text-align: justify;
}
@media (max-width: 1200px) {
  .productTwo01 {
    padding: 5.6rem 0 0.8rem;
  }
  .productTwo01 .pos i.pc {
    display: none;
  }
  .productTwo01 .pos i.mobile {
    display: block;
  }
  .productTwo01 .w1400 .left {
    width: 100%;
  }
  .productTwo01 .tit b {
    margin-bottom: 0.4rem;
    font-size: 0.44rem;
    text-align: center;
  }
  .productTwo01 .tit i {
    margin: 0 auto 0.45rem;
    width: 1.8rem;
    height: 0.06rem;
    background-size: 100% auto;
  }
  .productTwo01 .text {
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .productTwo01 .text p {
    text-indent: 2em;
  }
}
.productTwo02 {
  padding: 100px 0;
}
.productTwo02 .pageTitle {
  margin-bottom: 50px;
}
.productTwo02 .next {
  margin-left: -20px;
  width: calc(100% + 40px);
}
.productTwo02 .next .mobile {
  display: none;
}
.productTwo02 .swiper-slide {
  padding: 20px 20px 0;
  width: calc(100% - 40px);
}
.productTwo02 a {
  position: relative;
  float: left;
  margin: 0 2% 2% 0;
  width: 32%;
  min-height: 390px;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.productTwo02 a:nth-child(3n) {
  margin-right: 0;
}
.productTwo02 a .bac {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 70px;
  background: url(../image/i77.png) right top no-repeat;
  background-size: cover;
}
.productTwo02 a .sum {
  position: absolute;
  right: 10%;
  bottom: -40px;
  font-size: 100px;
  color: #f7f7f7;
  font-weight: bold;
}
.productTwo02 a .bor {
  position: relative;
  z-index: 3;
  padding: 0 10% 0 10%;
}
.productTwo02 a .tit {
  position: relative;
  margin-bottom: 25px;
}
.productTwo02 a .tit p {
  float: left;
  position: relative;
  width: calc(100% - 80px);
  line-height: 70px;
  font-size: 22px;
  color: #004ea2;
  font-weight: bold;
}
.productTwo02 a .tit p::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 1px;
  background: #d40212;
  content: "";
}
.productTwo02 a .tit .icon {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  width: 70px;
  height: 40px;
}
.productTwo02 a .tit .icon img {
  max-width: 100%;
  max-height: 100%;
}
.productTwo02 a .text {
  font-size: 16px;
  line-height: 23px;
  color: #333;
}
.productTwo02 a .text dl {
  margin-bottom: 6px;
}
.productTwo02 a .text dt {
  padding-left: 23px;
  background: url(../image/i62.png) left 7px no-repeat;
  background-size: 8px auto;
}
.productTwo02 a .text dd {
  padding-left: 23px;
}
.productTwo02 a:hover .bac {
  transition: all 0.5s;
  width: 62.66%;
}
.productTwo02 a:hover .tit p {
  color: #fff;
}
@media (max-width: 1200px) {
  .productTwo02 {
    padding: 0.8rem 0;
  }
  .productTwo02 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productTwo02 .w1400 {
    width: 100%;
  }
  .productTwo02 .next {
    margin-left: 0;
    width: 100%;
  }
  .productTwo02 .next .pc {
    display: none;
  }
  .productTwo02 .next .mobile {
    display: block;
  }
  .productTwo02 .swiper-slide {
    padding: 0.2rem 4% 0;
    width: 92%;
  }
  .productTwo02 a {
    margin: 0 0 0.47rem 0;
    width: 100%;
    min-height: 6.2rem;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
  }
  .productTwo02 a:last-child {
    margin-bottom: 0.1rem;
  }
  .productTwo02 a .bac {
    display: none;
  }
  .productTwo02 a .sum {
    right: 0.3rem;
    bottom: -0.56rem;
    font-size: 1.2rem;
  }
  .productTwo02 a .bor {
    padding: 0.2rem 0.4rem 0;
  }
  .productTwo02 a .tit {
    margin-bottom: 0.34rem;
  }
  .productTwo02 a .tit p {
    width: calc(100% - 0.8rem);
    line-height: 1.1rem;
    font-size: 0.36rem;
  }
  .productTwo02 a .tit p::before {
    width: 1.2rem;
  }
  .productTwo02 a .tit .icon {
    width: 0.68rem;
    height: 1.1rem;
  }
  .productTwo02 a .text {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .productTwo02 a .text dl {
    margin-bottom: 0.08rem;
  }
  .productTwo02 a .text dt {
    padding-left: 0.3rem;
    background: url(../image/i62.png) left 0.18rem no-repeat;
    background-size: 0.08rem auto;
  }
  .productTwo02 a .text dd {
    padding-left: 0.3rem;
  }
  .productTwo02 a:hover .bac {
    transition: all 0.5s;
    width: 62.66%;
  }
  .productTwo02 a:hover .tit p {
    color: #fff;
  }
}
.productTwo03 {
  padding: 100px 0;
}
.productTwo03 .pageTitle {
  margin-bottom: 70px;
}
.productTwo03 .next {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden;
}
.productTwo03 .next .pos {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.productTwo03 .next .pos i {
  width: 100%;
  height: 100%;
}
.productTwo03 .next .pos i.mobile {
  display: none;
}
.productTwo03 .next .bac {
  animation-delay: 0.5s;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 61px;
  height: 135px;
  background: url(../image/icon-4.png) top right no-repeat;
  background-size: 100% auto;
}
.productTwo03 .next .bor {
  position: relative;
  padding: 115px 0 0 5.7%;
  width: 44.43%;
  color: #fff;
}
.productTwo03 .next .text {
  margin-bottom: 45px;
  font-size: 18px;
  line-height: 34px;
  text-align: justify;
}
.productTwo03 .next i {
  margin-bottom: 55px;
  width: 80px;
  height: 2px;
  background: #fff;
}
.productTwo03 .next .list li {
  float: left;
  margin: 0 5% 30px 0;
  width: 98px;
}
.productTwo03 .next .list li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
  height: 63px;
}
.productTwo03 .next .list li .icon img {
  transition: all 0.6s;
  transform: rotateY(0deg);
  max-width: 100%;
  max-height: 100%;
}
.productTwo03 .next .list li .icon:hover img {
  transition: all 0.6s;
  transform: rotateY(360deg);
}
.productTwo03 .next .list li p {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 1200px) {
  .productTwo03 {
    padding: 0.8rem 0;
  }
  .productTwo03 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productTwo03 .next {
    padding-bottom: 0.5rem;
    height: auto;
  }
  .productTwo03 .next .pos i.pc {
    display: none;
  }
  .productTwo03 .next .pos i.mobile {
    display: block;
  }
  .productTwo03 .next .bac {
    width: 0.6rem;
    height: 1.34rem;
  }
  .productTwo03 .next .bor {
    padding: 6.4rem 0.4rem 0;
    width: calc(100% - 0.8rem);
  }
  .productTwo03 .next .text {
    margin-bottom: 0.36rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .productTwo03 .next i {
    margin-bottom: 0.5rem;
    width: 1.26rem;
    height: 0.02rem;
  }
  .productTwo03 .next .list {
    padding-right: 0;
  }
  .productTwo03 .next .list li {
    margin: 0 0 0.5rem 0;
    width: 25%;
  }
  .productTwo03 .next .list li .icon {
    margin-bottom: 0.2rem;
    height: 0.63rem;
  }
  .productTwo03 .next .list li p {
    font-size: 0.26rem;
  }
}
/*========== p3-0 城市一卡通解决方案详情 ==========*/
.productThree01 {
  padding: 100px 0;
  background: url(../image/productThree01_bac.png) center no-repeat;
  background-size: 100% auto;
}
.productThree01 .next .pic {
  float: left;
  overflow: hidden;
  width: 49.8%;
  height: 420px;
}
.productThree01 .next .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productThree01 .next .right {
  float: right;
  width: 45.7%;
}
.productThree01 .next .right .tit {
  padding-top: 30px;
}
.productThree01 .next .right .tit b {
  margin-bottom: 30px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.productThree01 .next .right .tit i {
  margin: 0 0 30px;
  width: 181px;
  height: 4px;
  background: url(../image/i70.png) center no-repeat;
  background-size: cover;
}
.productThree01 .next .right .text {
  margin-bottom: 30px;
  min-height: 150px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-align: justify;
  /* display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical; */
}
.productThree01 .next:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
@media (max-width: 1200px) {
  .productThree01 {
    padding: 0.8rem 0;
    background: url(../image/productThree01_bac1.png) center no-repeat;
    background-size: 100% auto;
  }
  .productThree01 .next .pic {
    width: 100%;
    height: 5.18rem;
  }
  .productThree01 .next .right {
    width: 100%;
  }
  .productThree01 .next .right .tit {
    padding-top: 0.45rem;
  }
  .productThree01 .next .right .tit b {
    margin-bottom: 0.4rem;
    font-size: 0.44rem;
    text-align: center;
  }
  .productThree01 .next .right .tit i {
    margin: 0 auto 0.4rem;
    width: 1.8rem;
    height: 0.06rem;
  }
  .productThree01 .next .right .text {
    margin-bottom: 0;
    max-height: 2.1rem;
    height: auto;
    font-size: 0.28rem;
    line-height: 0.42rem;
    -webkit-line-clamp: 5;
  }
  .productThree01 .next .right .viewMore {
    display: none;
  }
}
.productThree02 {
  padding: 100px 0;
  background: #fafafa;
}
.productThree02 .pageTitle {
  margin-bottom: 36px;
}
.productThree02 .next {
  position: relative;
}
.productThree02 .swiper-slide {
  width: 76.8%;
}
.productThree02 .swiper-slide .bor {
  margin: 20px 10% 0;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
}
.productThree02 .swiper-slide .pic {
  position: relative;
  margin-left: -4%;
  width: 49.8%;
  height: 440px;
  overflow: hidden;
}
.productThree02 .swiper-slide .pic::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  content: "";
}
.productThree02 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productThree02 .swiper-slide .pic span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../image/productThree02_bac2.png) left top no-repeat;
  background-size: auto 100%;
}
.productThree02 .swiper-slide .right {
  position: relative;
  margin: 50px 0 0 5.1%;
  width: 49%;
  z-index: 3;
}
.productThree02 .swiper-slide .right .tit b {
  margin-bottom: 30px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
}
.productThree02 .swiper-slide .right .tit i {
  margin: 0 0 30px;
  width: 181px;
  height: 4px;
  background: url(../image/i70.png) center no-repeat;
  background-size: cover;
}
.productThree02 .swiper-slide .right .text {
  margin-bottom: 30px;
  height: 150px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.productThree02 .swiper-slide:hover .pic i {
  transition: all 0.5s;
  transform: scale(1);
}
.productThree02 .swiper-button-next,
.productThree02 .swiper-button-prev {
  transition: all 0.5s;
  margin-top: -25px;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.productThree02 .swiper-button-next {
  right: calc(11.6% - 24px);
  background: #fff url(../image/i11s.png) center no-repeat;
}
.productThree02 .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.productThree02 .swiper-button-prev {
  left: calc(11.6% - 24px);
  background: #fff url(../image/i10s.png) center no-repeat;
}
.productThree02 .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
@media (max-width: 1200px) {
  .productThree02 {
    padding: 0.8rem 0;
  }
  .productThree02 .pageTitle {
    margin-bottom: 0;
  }
  .productThree02 .swiper-slide {
    width: 100%;
  }
  .productThree02 .swiper-slide .bor {
    margin: 0.4rem 4% 0.1rem;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.08);
  }
  .productThree02 .swiper-slide .pic {
    margin-left: 0%;
    width: 100%;
    height: 4.26rem;
  }
  .productThree02 .swiper-slide .pic span {
    display: none;
  }
  .productThree02 .swiper-slide .right {
    margin: 0.5rem 4% 0;
    padding-bottom: 0.6rem;
    width: 92%;
  }
  .productThree02 .swiper-slide .right .tit b {
    margin-bottom: 0.4rem;
    font-size: 0.4rem;
    text-align: center;
  }
  .productThree02 .swiper-slide .right .tit i {
    margin: 0 auto 0.48rem;
    width: 1.8rem;
    height: 0.06rem;
  }
  .productThree02 .swiper-slide .right .text {
    margin-bottom: 0.5rem;
    height: auto;
    max-height: 3.01rem;
    line-height: 0.43rem;
    font-size: 0.28rem;
    -webkit-line-clamp: 7;
  }
  .productThree02 .swiper-slide .right .viewMore {
    margin: 0 auto;
  }
  .productThree02 .swiper-button-next,
  .productThree02 .swiper-button-prev {
    display: none;
  }
}
/*========== p3-1海上风电场应急指挥系统与安全管理解决方案 ==========*/
.productFour01 .next .text {
  min-height: 500px;
}
@media (max-width: 1200px) {
  .productFour01 .next .text {
    min-height: 5rem;
  }
}
.productFour02 {
  padding: 100px 0;
  background: #fbfbfb;
}
.productFour02 .posText {
  opacity: 0.3;
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100%;
  font-size: 140px;
  color: #dfdede;
  text-align: center;
  font-weight: 800;
  font-family: Arial;
  letter-spacing: -1px;
}
.productFour02 .swiper {
  padding: 50px 0 0;
}
.productFour02 .pic {
  position: relative;
  float: left;
  width: 33.33%;
  height: 350px;
  overflow: hidden;
}
.productFour02 .pic::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  content: " ";
}
.productFour02 .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productFour02 .pic .bac1,
.productFour02 .pic .bac2 {
  transition: all 0.5s;
  position: absolute;
  z-index: 4;
  width: 38px;
  height: 84px;
}
.productFour02 .pic .bac1 {
  left: -38px;
  top: 0;
  background: url(../image/i36.png) center no-repeat;
  background-size: 100% auto;
}
.productFour02 .pic .bac2 {
  right: -38px;
  bottom: 0;
  background: url(../image/i37.png) center no-repeat;
  background-size: 100% auto;
}
.productFour02 .pic .pos {
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 12px;
  z-index: 3;
  width: 92%;
  color: #fff;
}
.productFour02 .pic .pos b {
  transition: all 0.5s;
  opacity: 0.7;
  margin-bottom: 0;
  font-size: 24px;
  text-align: center;
}
.productFour02 .pic .pos .clearfix {
  transition: all 0.5s;
  opacity: 0;
  display: flex;
  justify-content: center;
}
.productFour02 .pic .pos .clearfix em {
  padding-right: 35px;
  font-size: 18px;
  background: url(../image/i11.png) right 9px no-repeat;
}
.productFour02 .pic:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.productFour02 .pic:hover .bac1 {
  left: 0;
}
.productFour02 .pic:hover .bac2 {
  right: 0;
}
.productFour02 .pic:hover .pos b {
  transition: all 0.5s;
  opacity: 1;
  margin-bottom: 40px;
}
.productFour02 .pic:hover .pos .clearfix {
  transition: all 0.5s;
  opacity: 1;
}
@media (max-width: 1200px) {
  .productFour02 {
    padding: 0.8rem 0;
  }
  .productFour02 .posText {
    display: none;
  }
  .productFour02 .swiper {
    padding: 0.58rem 0 0;
  }
  .productFour02 .pic {
    margin-bottom: 0.3rem;
    width: 100%;
    height: 5.16rem;
  }
  .productFour02 .pic:last-child {
    margin-bottom: 0;
  }
  .productFour02 .pic .bac1,
  .productFour02 .pic .bac2 {
    display: none;
  }
  .productFour02 .pic .pos {
    margin-top: 0;
  }
  .productFour02 .pic .pos b {
    opacity: 1;
    margin-bottom: 0.7rem;
    font-size: 0.4rem;
  }
  .productFour02 .pic .pos .clearfix {
    opacity: 1;
  }
  .productFour02 .pic .pos .clearfix em {
    padding-right: 0.42rem;
    font-size: 0.26rem;
    background: url(../image/i11.png) right 0.12rem no-repeat;
    background-size: 0.2rem auto;
  }
  .productFour02 .pic:hover .pos b {
    margin-bottom: 0.7rem;
  }
}
.productFour03 {
  padding: 100px 0;
}
.productFour03 .pageTitle {
  margin-bottom: 70px;
}
.productFour03 .swiper-slide .pic {
  width: 100%;
  height: 520px;
  overflow: hidden;
}
.productFour03 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  display: block;
  width: 100%;
  height: 100%;
}
.productFour03 .swiper-slide .pic .mobile {
  display: none;
}
.productFour03 .swiper-slide .pos {
  position: absolute;
  left: 7.8%;
  top: 100px;
  width: 43%;
  color: #fff;
}
.productFour03 .swiper-slide .pos b {
  margin-bottom: 50px;
  font-size: 30px;
}
.productFour03 .swiper-slide .pos p {
  margin-bottom: 40px;
  height: 102px;
  font-size: 16px;
  line-height: 34px;
  text-indent: 2em;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.productFour03 .swiper-slide .pos .clearfix {
  display: flex;
  color: #fff;
}
.productFour03 .swiper-slide .pos .clearfix em {
  transition: all 0.5s;
  padding-right: 26px;
  font-size: 14px;
  background: url(../image/i11.png) right 5px no-repeat;
  background-size: 15px auto;
}
.productFour03 .swiper-slide .pos .clearfix:hover {
  transition: all 0.5s;
  padding-right: 32px;
}
.productFour03 .swiper-slide:hover i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.productFour03 .swiper-pagination {
  position: absolute;
  left: 7.8%;
  bottom: 90px;
  width: 90%;
  justify-content: left;
}
.productFour03 .swiper-container-horizontal .swiper-pagination-bullet {
  margin-top: 0;
}
.productFour03 .swiper-pagination-bullet {
  background: #fff;
}
@media (max-width: 1200px) {
  .productFour03 {
    padding: 0.8rem 0;
  }
  .productFour03 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productFour03 .swiper-slide .pic {
    height: 7.1rem;
  }
  .productFour03 .swiper-slide .pic .pc {
    display: none;
  }
  .productFour03 .swiper-slide .pic .mobile {
    display: block;
  }
  .productFour03 .swiper-slide .pos {
    left: 4%;
    top: 0.8rem;
    width: 92%;
  }
  .productFour03 .swiper-slide .pos b {
    margin-bottom: 0.77rem;
    font-size: 0.44rem;
    text-align: center;
  }
  .productFour03 .swiper-slide .pos p {
    margin-bottom: 0.7rem;
    height: 2.2rem;
    font-size: 0.28rem;
    line-height: 0.44rem;
    -webkit-line-clamp: 5;
  }
  .productFour03 .swiper-slide .pos .clearfix {
    justify-content: center;
  }
  .productFour03 .swiper-slide .pos .clearfix em {
    padding-right: 0.4rem;
    font-size: 0.26rem;
    background: url(../image/i11.png) right 5px no-repeat;
    background-size: 0.2rem auto;
  }
  .productFour03 .swiper-pagination {
    left: 4%;
    bottom: 1rem;
    width: 92%;
    justify-content: center;
  }
}
/*========== p3-1海上风电场应急指挥系统与安全管理解决方案3 ==========*/
.productFive02 {
  padding: 100px 0;
  background: #fafafa;
}
.productFive02 .pageTitle {
  margin-bottom: 40px;
}
.productFive02 .next {
  position: relative;
}
.productFive02 .posText {
  position: absolute;
  left: 21%;
  bottom: 24px;
  width: 35%;
  height: 119px;
  font-size: 0;
  /* font-size: 140px;
        color: #dfdede;
        font-weight: 800;
        font-family: Arial;
        letter-spacing: -1px; */
  background: url(../image/productFive02_bac2.png) left top no-repeat;
  background-size: 100% auto;
}
.productFive02 .swiper-slide {
  width: 61.5%;
}
.productFive02 .swiper-slide .bor {
  position: relative;
  padding-bottom: 1px;
  margin: 0 10% 0;
}
.productFive02 .swiper-slide .pic {
  position: relative;
  margin-bottom: 56px;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.productFive02 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productFive02 .swiper-slide .pos {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 70%;
  height: 110px;
  line-height: 110px;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
}
.productFive02 .swiper-slide .pos::before {
  position: absolute;
  right: -1px;
  top: 0;
  width: 100%;
  border-bottom: 110px solid #fff;
  border-left: 78px solid transparent;
  content: "";
}
.productFive02 .swiper-slide .pos .clearfix {
  position: relative;
  z-index: 2;
}
.productFive02 .swiper-slide .pos p {
  float: left;
  padding-right: 34px;
  max-width: calc(100% - 40px - 34px - 90px);
  font-size: 24px;
  color: #333;
  font-weight: bold;
  background: url(../image/i11s.png) right center no-repeat;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.productFive02 .swiper-slide .pos b {
  float: right;
  padding-right: 40px;
  font-size: 58px;
  color: #004ea2;
  font-weight: bold;
  font-family: Arial;
}
.productFive02 .swiper-slide:hover .pic i {
  transition: all 0.5s;
  transform: scale(1);
}
.productFive02 .swiper-button-next,
.productFive02 .swiper-button-prev {
  transition: all 0.5s;
  margin-top: -25px;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.productFive02 .swiper-button-next {
  right: calc(19.25% - 24px);
  background: #fff url(../image/i11s.png) center no-repeat;
}
.productFive02 .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.productFive02 .swiper-button-prev {
  left: calc(19.25% - 24px);
  background: #fff url(../image/i10s.png) center no-repeat;
}
.productFive02 .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
@media (max-width: 1200px) {
  .productFive02 {
    padding: 0.8rem 0;
  }
  .productFive02 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productFive02 .posText {
    left: 4%;
    bottom: 0.2rem;
    width: 6.6rem;
    height: 1.2rem;
    background: url(../image/productFive02_bac2.png) left top no-repeat;
    background-size: 100% auto;
  }
  .productFive02 .swiper-slide {
    width: 100%;
  }
  .productFive02 .swiper-slide .bor {
    margin: 0 4% 0;
  }
  .productFive02 .swiper-slide .pic {
    margin-bottom: 0.84rem;
    height: 3.8rem;
  }
  .productFive02 .swiper-slide .pos {
    width: calc(100% - 1.1rem);
    height: 1.75rem;
    line-height: 1.75rem;
    box-shadow: 0 0 0.26rem rgba(0, 0, 0, 0.1);
  }
  .productFive02 .swiper-slide .pos::before {
    border-bottom: 1.75rem solid #fff;
    border-left: 0.78rem solid transparent;
  }
  .productFive02 .swiper-slide .pos p {
    display: flex;
    align-items: center;
    margin: 0.395rem 0 0 0.5rem;
    padding-right: 0.7rem;
    max-width: calc(100% - 1.2rem - 0.7rem - 1.2rem);
    height: 0.96rem;
    line-height: 0.48rem;
    font-size: 0.36rem;
    background: url(../image/i11s.png) right center no-repeat;
    -webkit-line-clamp: 2;
  }
  .productFive02 .swiper-slide .pos b {
    padding-right: 0.7rem;
    font-size: 0.7rem;
  }
  .productFive02 .swiper-slide:hover .pic i {
    transition: all 0.5s;
    transform: scale(1);
  }
  .productFive02 .swiper-button-next,
  .productFive02 .swiper-button-prev {
    display: none;
  }
}
.productFive03 {
  padding: 100px 0;
  background: #fff;
}
.productFive03 .pageTitle {
  margin-bottom: 50px;
}
.productFive03 .pc {
  display: block;
}
.productFive03 .mobile {
  display: none;
}
.productFive03 .bor {
  padding: 0 64px;
}
.productFive03 .swiper {
  padding: 0 10px;
}
.productFive03 .swiper-slide {
  transition: all 0.5s;
  opacity: 0;
  z-index: 1;
  margin: 10px 0;
  width: 100%;
}
.productFive03 .swiper-slide.swiper-slide-active {
  opacity: 1;
  z-index: 2;
  transition: all 0.5s;
}
.productFive03 .swiper-slide a {
  position: relative;
  float: left;
  margin-right: 2.45%;
  width: 31.7%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}
.productFive03 .swiper-slide a::before {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #d40212;
  content: " ";
}
.productFive03 .swiper-slide a:nth-child(3n) {
  margin-right: 0;
}
.productFive03 .swiper-slide a:hover .pic i {
  transition: all 0.5s;
  transform: scale(1.08);
}
.productFive03 .swiper-slide a:hover::before {
  transition: all 0.5s;
  width: 100%;
}
.productFive03 .swiper-slide .pic {
  overflow: hidden;
  width: 100%;
  height: 275px;
}
.productFive03 .swiper-slide .pic i {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.productFive03 .swiper-slide .tit {
  padding: 0 12px;
  height: 70px;
  background: #fff;
}
.productFive03 .swiper-slide .tit b {
  line-height: 70px;
  font-size: 20px;
  color: #333;
  text-align: center;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.productFive03 .swiper-button-next,
.productFive03 .swiper-button-prev {
  transition: all 0.5s;
  margin-top: -37px;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: #d40212 1px solid;
}
.productFive03 .swiper-button-next {
  right: 0px;
  background: #fff url(../image/i11s.png) center no-repeat;
}
.productFive03 .swiper-button-next:hover {
  background: #c7161e url(../image/i11.png) center no-repeat;
}
.productFive03 .swiper-button-prev {
  left: 0px;
  background: #fff url(../image/i10s.png) center no-repeat;
}
.productFive03 .swiper-button-prev:hover {
  background: #c7161e url(../image/i10.png) center no-repeat;
}
@media (max-width: 1200px) {
  .productFive03 {
    padding: 0.8rem 0;
  }
  .productFive03 .pageTitle {
    margin-bottom: 0.5rem;
  }
  .productFive03 .pc {
    display: none;
  }
  .productFive03 .mobile {
    display: block;
  }
  .productFive03 .bor {
    padding: 0;
  }
  .productFive03 .swiper {
    padding: 0;
  }
  .productFive03 .swiper-slide {
    margin: 0 auto;
    width: 92%;
  }
  .productFive03 .swiper-slide a {
    margin-right: 0%;
    width: 100%;
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.08);
  }
  .productFive03 .swiper-slide a::before {
    height: 0.05rem;
  }
  .productFive03 .swiper-slide .pic {
    height: 4rem;
  }
  .productFive03 .swiper-slide .tit {
    padding: 0 0.12rem;
    height: 1rem;
  }
  .productFive03 .swiper-slide .tit b {
    line-height: 1rem;
    font-size: 0.32rem;
  }
  .productFive03 .swiper-paginations {
    position: relative;
    display: block;
    margin: 0.6rem 0 0;
    bottom: 0;
  }
  .productFive03 .swiper-paginations .swiper-pagination-bullet-active {
    background: #d40212;
  }
}
/*========== p3-2 海上风电场应急指挥系统与安全管理解决方案详情 ==========*/
.product_xq {
  position: relative;
  padding-top: 90px;
}
.product_xq .productOne01 .viewMore.return {
  margin: 50px auto 35px;
  width: 140px;
  height: 46px;
}
.product_xq .productOne01 .viewMore.return em {
  line-height: 45px;
  background: url(../image/icon_38s.png) right center no-repeat;
  background-size: 12px auto;
}
.product_xq .productOne01 .viewMore.return:hover em {
  background: url(../image/icon_38ss.png) right center no-repeat;
  background-size: 12px auto;
}
@media (max-width: 1200px) {
  .product_xq {
    padding-top: 1.1rem;
  }
  .product_xq .add {
    display: none;
    /* top: 118px;
            a.one {
                background: url(../image/i38s.png) left center no-repeat;
            } */
  }
  .product_xq .productOne01 .viewMore.return {
    margin: 0.5rem auto 0.6rem;
    width: 2rem;
    height: 0.6rem;
  }
  .product_xq .productOne01 .viewMore.return em {
    line-height: 0.6rem;
    background: url(../image/icon_38s.png) right center no-repeat;
    background-size: 0.18rem auto;
  }
  .product_xq .productOne01 .viewMore.return:hover em {
    background: url(../image/icon_38ss.png) right center no-repeat;
    background-size: 0.18rem auto;
  }
}
/*========== 搜索结果 ==========*/
.results {
  padding: 160px 0 100px;
}
.results .results_t {
  margin-bottom: 50px;
}
.results .results_t .searchBoxs {
  position: relative;
  border-bottom: 1px solid #e60012;
}
.results .results_t .searchBoxs input {
  float: left;
  padding-left: 22px;
  width: calc(100% - 100px);
  height: 70px;
  font-size: 18px;
  color: #333;
  outline: none;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.results .results_t .searchBoxs em {
  position: absolute;
  top: 0;
  right: 25px;
  width: 35px;
  height: 70px;
  background: url(../image/icon_97.png) center no-repeat;
  cursor: pointer;
}
.results .results_t p {
  padding: 42px 0 0;
  font-size: 16px;
  color: #333333;
}
.results .results_t p i {
  color: #e60012;
  display: inline-block;
}
.results .results_t .searchTit {
  width: 100%;
  background-color: #fff;
}
.results .results_t .searchTit .searchSubTit a {
  display: block;
  float: left;
  line-height: 24px;
  padding: 0 20px;
  font-size: 18px;
  color: #333333;
  border-right: 1px solid #b5b5b5;
  white-space: nowrap;
}
.results .results_t .searchTit .searchSubTit a:nth-last-child(1) {
  border: 0;
}
.results .results_t .searchTit .searchSubTit a:hover,
.results .results_t .searchTit .searchSubTit a.on {
  color: #e60012;
}
.results .results_con {
  padding: 0px 0 70px;
}
.results .results_con a {
  display: block;
  padding: 30px 0;
  border-bottom: #ccc 1px dashed;
}
.results .results_con a h5 {
  font-size: 24px;
  color: #333333;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.results .results_con a h6 {
  margin: 20px 0;
}
.results .results_con a h6 em {
  margin-right: 24px;
  font-size: 16px;
  color: #b5b5b5;
  float: left;
  font-weight: 400;
  line-height: 1;
}
.results .results_con a p {
  font-size: 14px;
  line-height: 28px;
  text-align: justify;
  color: #5f636a;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.results .results_con a:hover h5 {
  color: #e60012;
}
.results .results_con a:hover p {
  color: #333333;
}
@media (max-width: 1200px) {
  .results {
    padding: 1.6rem 0 0.8rem;
  }
  .results .results_t {
    margin-bottom: 0.4rem;
  }
  .results .results_t .searchBoxs input {
    padding-left: 0.2rem;
    width: calc(100% - 0.8rem);
    height: 0.8rem;
    font-size: 0.28rem;
  }
  .results .results_t .searchBoxs em {
    right: 0.2rem;
    width: 0.37rem;
    height: 0.8rem;
    background: url(../image/icon_97.png) center no-repeat;
    background-size: 100% auto;
  }
  .results .results_t p {
    font-size: 0.26rem;
    padding: 0.32rem 0 0.12rem;
  }
  .results .results_con {
    padding: 0 0 0.6rem;
  }
  .results .results_con a {
    padding: 0.35rem 0;
  }
  .results .results_con a h5 {
    font-size: 0.32rem;
  }
  .results .results_con a h6 {
    margin: 0.26rem 0;
  }
  .results .results_con a h6 em {
    margin-right: 0.2rem;
    font-size: 0.24rem;
  }
  .results .results_con a p {
    max-height: 0.86rem;
    font-size: 0.28rem;
    line-height: 0.43rem;
  }
}
/*========== 法律声明 ==========*/
.varied .text {
  background: #fff;
}
.varied .text h1.tit {
  font-size: 28px;
  font-weight: normal;
  color: #004ea2;
  text-align: center;
  letter-spacing: 3px;
  font-weight: bold;
}
.varied .text .wen {
  margin-top: 40px;
  font-size: 16px;
  color: #333;
  text-align: justify;
  line-height: 30px;
}
.varied .text h3 {
  margin-bottom: 14px;
  padding-left: 8px;
  line-height: 20px;
  color: #004ea2;
  font-size: 20px;
  font-weight: bold;
  border-left: #004ea2 3px solid;
}
.varied .text .wen b,
.varied .text .wen em,
.varied .text .wen i,
.varied .text .wen span,
.varied .text .wen a {
  display: inline-block;
}
.varied .text .wen p {
  line-height: 30px!important;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .varied .text h1.tit {
    font-size: 0.38rem;
    letter-spacing: 1px;
  }
  .varied .text .wen {
    margin-top: 0.5rem;
    font-size: 0.26rem;
    line-height: 0.48rem;
  }
  .varied .text h3 {
    margin-bottom: 0.2rem;
    padding-left: 0.08rem;
    line-height: 0.4rem;
    font-size: 0.3rem;
  }
}
/*========== p1-1企业文化 ==========*/
.culture01 {
  padding: 100px 0 50px;
  background: url(../image/culture01_bac.jpg) left bottom no-repeat;
  background-size: cover;
}
.culture01 .pic {
  float: left;
  /* width: 55%;
        height: 540px; */
  width: 640px;
  height: 419px;
}
.culture01 .pic i {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.culture01 .next {
  float: right;
  margin: 0 0 0 5%;
  padding: 80px 0 80px 36px;
  width: calc(95% - 640px - 36px);
  background: url(../image/culture01_2.png) left center no-repeat;
  background-size: contain;
}
.culture01 .next .pageTitle {
  margin-bottom: 40px;
}
.culture01 .next .text b {
  margin-bottom: 18px;
  font-size: 26px;
  color: #333;
  font-weight: bold;
}
.culture01 .next .text p {
  /* min-height:150px ; */
  font-size: 18px;
  line-height: 30px;
  color: #666;
}
@media (max-width: 1645px) {
  .culture01 .next {
    /* background-size: 78% auto; */
  }
}
@media (max-width: 1200px) {
  .culture01 {
    padding: 0.8rem 0 0rem;
    background: url(../image/culture01_bac1.jpg) left bottom no-repeat;
    background-size: cover;
  }
  .culture01 .pageTitle {
    text-align: center;
  }
  .culture01 .pic {
    width: 100%;
    height: 4.8rem;
  }
  .culture01 .next {
    margin: 0 0 0 0;
    padding: 0.4rem 0 0.5rem 0;
    width: 100%;
    background: url(../image/culture01_2.png) center no-repeat;
    background-size: 2.63rem auto;
  }
  .culture01 .next .pageTitle {
    margin-bottom: 0.4rem;
  }
  .culture01 .next .text {
    text-align: center;
  }
  .culture01 .next .text b {
    margin-bottom: 0.2rem;
    font-size: 0.34rem;
  }
  .culture01 .next .text p {
    /* min-height:0.8rem; */
    font-size: 0.26rem;
    line-height: 0.4rem;
  }
}
.culture02 {
  position: relative;
  padding: 100px 0;
  background: url(../image/culture02_1.jpg) center no-repeat;
  background-size: cover;
  overflow: hidden;
}
.culture02 .bac1 {
  animation-delay: 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 301px;
  background: url(../image/icon-3.png) center no-repeat;
  background-size: 100% auto;
}
.culture02 .bac2 {
  animation-delay: 0.5s;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 98px;
  height: 301px;
  background: url(../image/icon-4.png) center no-repeat;
  background-size: 100% auto;
}
.culture02 .text {
  margin: 45px 0 90px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 36px;
}
.culture02 .text div {
  display: flex;
  justify-content: center;
}
.culture02 .text i {
  font-weight: bold;
}
@media (max-width: 1200px) {
  .culture02 {
    padding: 0.8rem 0;
    background-image: url(../image/culture02_11.jpg);
  }
  .culture02 .bac1,
  .culture02 .bac2 {
    width: 0.67rem;
    height: 2.06rem;
  }
  .culture02 .text {
    margin: 0.45rem 0 0.8rem;
    line-height: 0.6rem;
    font-size: 0.36rem;
  }
}
.culture03 {
  padding: 100px 0;
  background: url(../image/culture03_bac.jpg) right bottom no-repeat;
  background-size: 28.125% auto;
}
.culture03 .pic {
  float: left;
  width: 50%;
  height: 525px;
}
.culture03 .pic i {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.culture03 .next {
  margin-right: 6.15%;
  float: right;
  width: 37.85%;
}
.culture03 .next ul {
  position: relative;
  margin-top: 50px;
  border-top: #ececec 1px dashed;
  border-left: #ececec 1px dashed;
}
.culture03 .next ul .i3,
.culture03 .next ul .i4 {
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  background: url(../image/i100.png) center no-repeat;
}
.culture03 .next ul .i3 {
  left: -9px;
  top: -9px;
}
.culture03 .next ul .i4 {
  display: none;
}
.culture03 .next li {
  position: relative;
  float: left;
  width: calc(50% - 2px);
  height: 180px;
  border-right: #ececec 1px dashed;
  border-bottom: #ececec 1px dashed;
}
.culture03 .next li i {
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  background: url(../image/i100.png) center no-repeat;
}
.culture03 .next li i.i2 {
  display: none;
}
.culture03 .next li a {
  transition: all 0.5s;
  transform: scale(1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.culture03 .next li a img {
  width: 56px;
}
.culture03 .next li a p {
  margin-left: 15px;
  font-size: 36px;
  color: #333;
}
.culture03 .next li a:hover {
  background: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1201px) {
  .culture03 .next li:nth-of-type(1) .i1 {
    right: -9px;
    top: -9px;
  }
  .culture03 .next li:nth-of-type(1) .i2 {
    display: block;
    left: -9px;
    bottom: -9px;
  }
  .culture03 .next li:nth-of-type(2) .i1 {
    right: -9px;
    top: -9px;
  }
  .culture03 .next li:nth-of-type(2) .i2 {
    display: block;
    left: -9px;
    bottom: -9px;
  }
  .culture03 .next li:nth-of-type(3) .i1 {
    left: -9px;
    bottom: -9px;
  }
  .culture03 .next li:nth-of-type(3) .i2 {
    display: block;
    right: -9px;
    bottom: -9px;
  }
  .culture03 .next li:nth-of-type(4) .i1 {
    right: -9px;
    top: -9px;
  }
  .culture03 .next li:nth-of-type(4) .i2 {
    display: block;
    right: -9px;
    bottom: -9px;
  }
}
@media (max-width: 1200px) {
  .culture03 {
    padding: 0.8rem 0;
    background: #fff;
  }
  .culture03 .pic {
    width: 100%;
    height: 5.15rem;
  }
  .culture03 .next {
    margin-right: 0;
    width: 100%;
  }
  .culture03 .next ul {
    margin: 0.45rem 0 0.36rem;
    border-top: #ececec 1px dashed;
    border-left: #ececec 1px dashed;
  }
  .culture03 .next ul .i3 {
    left: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
    background-size: 100% auto;
  }
  .culture03 .next ul .i4 {
    display: block;
    left: -6px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    background-size: 100% auto;
  }
  .culture03 .next li {
    width: calc(25% - 1px);
    height: 1.18rem;
  }
  .culture03 .next li i {
    width: 12px;
    height: 12px;
    background-size: 100% auto;
  }
  .culture03 .next li i.i1 {
    right: -6px;
    top: -6px;
  }
  .culture03 .next li i.i2 {
    display: block;
    right: -6px;
    bottom: -6px;
  }
  .culture03 .next li a img {
    width: 0.37rem;
  }
  .culture03 .next li a p {
    margin-left: 0.1rem;
    font-size: 0.28rem;
  }
  .culture03 .next li a:hover {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
  }
}
.culture04 {
  padding: 100px 0;
  background: #f7f7f7 url(../image/culture04_bac.jpg) left bottom no-repeat;
  background-size: cover;
}
.culture04 .swiper {
  margin-top: 48px;
}
.culture04 .swiper .swiper-pagination {
  position: relative;
  animation-delay: 0.6s;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  width: 100%;
}
.culture04 .swiper .swiper-container-horizontal .swiper-pagination-bullet {
  margin: 50px 4px 0;
}
.culture04 .swiper .swiper-pagination-bullet {
  opacity: 1;
  margin: 50px 4px 0;
  width: 38px;
  height: 5px;
  border-radius: 0;
  background: #e6e6e6;
}
.culture04 .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d40212;
}
.culture04 a {
  position: relative;
  float: left;
  margin: 0 2.33% 2.33% 0;
  width: 31.78%;
  height: 250px;
  overflow: hidden;
}
.culture04 a:nth-child(3n) {
  margin-right: 0;
}
.culture04 a:nth-child(5),
.culture04 a:nth-child(6) {
  margin-bottom: 0;
}
.culture04 a em {
  position: absolute;
  z-index: -1;
  opacity: 0;
  font-size: 0;
}
.culture04 a img {
  transition: all 0.5s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.culture04 a .pos {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.2);
}
.culture04 a .pos p {
  margin: 0 auto;
  width: 96%;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.culture04 a:hover img {
  transition: all 0.5s;
  transform: scale(1.08);
}
.pop_Culimg {
  display: none;
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 32;
  transform: translateY(-50%);
  width: 100%;
}
.pop_Culimg .delete i {
  float: right;
  width: 56px;
  height: 56px;
  background: url(../image/i12.png) center no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}
.pop_Culimg .bor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 88px;
}
.pop_Culimg .bor .borBox {
  display: inline-block;
  position: relative;
}
.pop_Culimg .bor img {
  max-width: 100%;
  max-height: calc(92vh - 50px);
}
.pop_Culimg .bor .pos {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.2);
}
.pop_Culimg .bor .pos p {
  margin: 0 auto;
  width: 96%;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.pop_Culimg .swiper-button-next,
.pop_Culimg .swiper-button-prev {
  width: 50px;
  height: 50px;
}
.pop_Culimg .swiper-button-prev {
  left: 0;
  background: #eee url(../image/i39ss.png) center no-repeat;
}
.pop_Culimg .swiper-button-next {
  right: 0;
  background: #d40212 url(../image/i40ss.png) center no-repeat;
}
.pop_Culimg_bac {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 31;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
@media (max-width: 1200px) {
  .culture04 {
    padding: 0.8rem 0;
    background: #f7f7f7 url(../image/culture04_bac1.jpg) left bottom no-repeat;
    background-size: cover;
  }
  .culture04 .swiper {
    margin-top: 0.4rem;
  }
  .culture04 .swiper .swiper-container-horizontal .swiper-pagination-bullet {
    margin: 0.6rem 0.06rem 0;
  }
  .culture04 .swiper .swiper-pagination-bullet {
    margin: 0.6rem 0.06rem 0;
    width: 0.5rem;
    height: 0.05rem;
  }
  .culture04 a {
    position: relative;
    float: left;
    margin: 0 4.4% 4.4% 0;
    width: 47.8%;
    height: 1.86rem;
    overflow: hidden;
  }
  .culture04 a:nth-child(3n) {
    margin-right: 4.4%;
  }
  .culture04 a:nth-child(2n) {
    margin-right: 0;
  }
  .culture04 a .pos {
    height: 0.5rem;
    line-height: 0.5rem;
  }
  .culture04 a .pos p {
    font-size: 0.26rem;
  }
  .pop_Culimg .delete i {
    width: 0.56rem;
    height: 0.56rem;
  }
  .pop_Culimg .bor {
    margin: 0 0.7rem;
  }
  .pop_Culimg .bor .pos {
    height: 0.7rem;
    line-height: 0.7rem;
  }
  .pop_Culimg .bor .pos p {
    font-size: 0.26rem;
  }
  .pop_Culimg .swiper-button-next,
  .pop_Culimg .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
  }
  .pop_Culimg .swiper-button-prev {
    background: #eee url(../image/i39ss.png) center no-repeat;
    background-size: 0.12rem auto;
  }
  .pop_Culimg .swiper-button-next {
    background: #d40212 url(../image/i40ss.png) center no-repeat;
    background-size: 0.12rem auto;
  }
}
.pager {
  text-align: center;
  background: #fff;
}
.pager li {
  margin: 0 6px;
  display: inline;
}
.pager li span,
.pager li a {
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  color: #272727;
  display: block;
}
.pager li.active span,
.pager li.active a {
  color: #d40212;
}
.pager li:hover a {
  color: #fff;
  background: #d40212;
}
.pager li:first-child {
  float: left;
  width: 52px;
  height: 52px;
  border: 1px solid #d40212;
  border-radius: 2px;
}
.pager li:last-child {
  float: right;
  width: 52px;
  height: 52px;
  border: 1px solid #d40212;
  border-radius: 2px;
}
.pager li:first-child a,
.pager li:last-child a,
.pager li:first-child span,
.pager li:last-child span {
  display: block;
  width: 52px;
  height: 52px;
  text-indent: 9999px;
}
.pager li:first-child a,
.pager li:first-child span {
  background: url(../image/i10s.png) center no-repeat;
}
.pager li:last-child a,
.pager li:last-child span {
  background: url(../image/i11s.png) center no-repeat;
}
.pager li:first-child:hover a {
  background: #cd0013 url(../image/i10.png) center no-repeat;
}
.pager li:last-child:hover a {
  background: #cd0013 url(../image/i11.png) center no-repeat;
}
.pager .w1400 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager li:first-child a,
.pager li:last-child a,
.pager li:first-child span,
.pager li:last-child span {
  font-size: 0;
}
@media (max-width: 1200px) {
  .pager .w1400 {
    justify-content: space-between;
  }
  .pager li span,
  .pager li a {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0 0.05rem;
    font-size: 0.24rem;
  }
  .pager li {
    margin: 0;
  }
  .pager li:first-child {
    width: 0.6rem;
    height: 0.6rem;
  }
  .pager li:last-child {
    width: 0.6rem;
    height: 0.6rem;
  }
  .pager li:first-child a,
  .pager li:last-child a,
  .pager li:first-child span,
  .pager li:last-child span {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0;
  }
  .pager li:first-child a,
  .pager li:first-child span,
  .pager li:last-child a,
  .pager li:last-child span {
    background-size: 0.25rem;
  }
  .pager li:first-child:hover a,
  .pager li:last-child:hover a {
    background-size: 0.25rem;
  }
}
