@charset "utf-8";

.ports_wrap {
  height: 616px;
  overflow-x: hidden;
}

.ps_txt {
  line-height: 1.8;
}

/* .ports_wrap .ps_txt {
  height: 142px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -os-flexbox;
  display: box;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
} */

.pts_wrap {
  height: 100%;
  width: 95%;
  /*max-width:1060px;*/
  position: relative;
}

.ps_wraps>li {
  width: 100%;
  position: absolute;
  left: 0;
  display: none;
}

.ports_slide {
  overflow: hidden;
  width: 3000px;
  position: absolute;
  top: 0;
}

.ports_slide>li {
  float: left;
  margin-right: 70px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.ports_slide>li img {
  max-width: none;
}

.ports_slide .curr_img {
  margin-right: 910px;
}

/* .ports_slide .slick-slide {transition: all 0.5s;}
.ports_slide .slick-current {max-width:1200px; width:95%; margin:0 auto; position:relative;}
.ports_slide .slick-current .slide_texts {display:block;}
.ports_slide .curr_img {display:flex !important; align-items: center;}
.slide_texts {display:none;} */

.slide_texts {
  width: 48%;
  max-width: 710px;
  position: absolute;
  right: 0%;
  top: 0;
  /* padding-top: 4rem; */
  height: 100%;
  box-sizing: border-box;
}


/* .ps_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
} */

.slide_texts .sld_btns {
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.slide_texts .sld_btns li {
  font-size: 22px;
  font-weight: 500;
  width: 47%;
  line-height: 60px;
  border-radius: 60px;
  text-align: center;
}

.slide_texts .sld_btns li a {
  display: block;
  ;
}

.slide_texts .sld_btns .sld_btn01 {
  border: 2px solid #656565;
}

.slide_texts .sld_btns .sld_btn02 {
  background-color: #173669;
}

.slide_texts .sld_btns .sld_btn02 a {
  color: #fff;
}

.inbtns {
  overflow: hidden;
  position: absolute;
  bottom: 60px;
  display: flex;
  gap: 10px;
}

.inbtns li {
  cursor: pointer;
}

.ind_area {
  width: 60px;
  height: 35px;
  position: absolute;
  right: 0%;
  bottom: 60px;
}

.ind_area .acount {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #70b0d9;
}

.ind_area .atotal {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  font-weight: 800;
  color: #a3a3a3;
}

.ind_area img {
  position: absolute;
  top: 8px;
  left: 20px;
}

.mobPorts_wrap {
  display: none;
}


.mobPorts_wrap .mob_port li img {
  width: 100%;
}

.mobPorts_wrap .slide_texts {
  position: static;
  width: 100%;
  height: auto;
  margin-top: 30px;
}


/* .mobPorts_wrap .slide_texts .ps_txt {
  height: 135px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -os-flexbox;
  display: box;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
} */

.mobPorts_wrap .slide_texts .ps_wraps {
  position: relative;
}



.mobPorts_wrap .slide_texts .mid_line {
  display: none;
}

.mobPorts_wrap .mobPort_bnts {
  position: relative;
  height: 38px;
  margin: 20px 0 0 0;
}

.mobPorts_wrap .mobPort_bnts .img_nums {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
}

.mobPorts_wrap .mobPort_bnts .img_nums .current {
  color: #1790cd;
  font-size: 20px;
}

.mobPorts_wrap .mobPort_bnts .img_nums .all {
  color: #a3a3a3;
  font-size: 16px;
}

.mobPort_bnts .slick-prev,
.mobPort_bnts .slick-next {
  width: 38px;
  height: 38px;
  bottom: auto;
  top: 0%;
}

.mobPort_bnts .slick-prev {
  background: url(../images/main/in_prev.png) no-repeat;
  left: 45%;
  transform: translateX(-50%);
}

.mobPort_bnts .slick-next {
  background: url(../images/main/in_next.png) no-repeat;
  right: 45%;
  transform: translateX(50%);
}

@media screen and (max-width:1500px) {
  .slide_texts {
    right: 0;
    width: calc(100% - 710px);
  }
}

@media screen and (max-width:1150px) {
  .ports_wrap {
    display: none;
  }

  .mobPorts_wrap {
    display: block;
  }
}