.public_w {
  max-width: 1480px;
  width: 85%;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
/* banner */
.banner_pro {
  width: 100%;
  position: relative;
}
.banner_pro > img {
  width: 100%;
}
.banner_pro > .banner_pro_tit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  /* border: 1px solid #000; */
}
.banner_pro > .banner_pro_tit > .public_w {
  width: 85%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 1px solid #f00; */
}
.banner_pro > .banner_pro_tit > .public_w > p {
  width: 30.878%;
  font-family: Gothic_bold;
  font-size: calc(18px + 1.5rem);
  color: #003361;
}
.banner_pro > .banner_pro_tit > .public_w > div {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  left: 0;
  bottom: calc(24px + 1.5rem);
  z-index: 10;
  /* border: 1px solid #f00; */
}
.banner_pro > .banner_pro_tit > .public_w > div > p {
  font-family: Gothic_bold;
  font-size: calc(10px + 2rem);
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(30, 35, 22, 0.2);
}
.banner_pro > .banner_pro_tit > .public_w > div > div {
  display: flex;
  align-items: center;
  margin-top: calc(10px + 0.5rem);
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.5rem);
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(30, 35, 22, 0.2);
}
.banner_pro > .banner_pro_tit > .public_w > div > div > img {
  width: calc(10px + 0.65rem);
  margin-right: calc(5px + 0.5rem);
}
.banner_pro > .banner_pro_tit > .public_w > div > div > span {
  margin: 0 calc(5px + 0.25rem);
}
.pro_list {
  width: 100%;
}
.pro_list .pro_list1 {
  width: 100%;
  background: url('../images/pro_bg1.png') no-repeat center center;
  background-size: 100% 100%;
  padding-top: calc(50px + 5rem);
  padding-bottom: calc(82px + 5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro_list .pro_list1 > p {
  font-family: Gothic_bold;
  font-size: calc(10px + 2rem);
  color: #333333;
  margin-bottom: calc(10px + 3rem);
}
.pro_list .pro_list1 > ul {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.162%;
  /* border: 1px solid #000; */
}
.pro_list .pro_list1 > ul > li {
  width: 31.891%;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  margin-top: calc(10px + 1rem);
  transition: all 0.3s;
}
.pro_list .pro_list1 > ul > li > a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: calc(10px + 2.5rem) 0 calc(10px + 0.75rem) calc(14px + 1.5rem);
  position: relative;
}
.pro_list .pro_list1 > ul > li > a > p {
  font-family: Gothic_bold;
  font-size: calc(10px + 0.6rem);
  color: #333333;
  transition: all 0.3s;
}
.pro_list .pro_list1 > ul > li > a > img:nth-of-type(1) {
  width: calc(19px + 1rem);
  margin-top: calc(10px + 1rem);
  margin-bottom: calc(15px + 1rem);
}
.pro_list .pro_list1 > ul > li > a > div {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: calc(10px + 2rem);
}
.pro_list .pro_list1 > ul > li > a > img:nth-of-type(2) {
  position: absolute;
  right: calc(20px + 3.5rem);
  bottom: calc(10px + 0.75rem);
  z-index: 11;
  width: calc(96px + 5rem);
}
.pro_list .pro_list1 > ul > li:nth-child(1),
.pro_list .pro_list1 > ul > li:nth-child(2),
.pro_list .pro_list1 > ul > li:nth-child(3) {
  margin-top: 0;
}
.pro_list .pro_list1 > ul > li:hover {
    border: 1px solid #E5E5E500;
  box-shadow: 0px 0px 20px 0px rgba(94, 118, 140, 0.2);
}
.pro_list .pro_list1 > ul > li:hover > a > p {
  color: #006B98;
}
.pro {
  width: 100%;
}
.pro .pro2 {
  width: 100%;
  background: #F6F6F6;
  padding-top: calc(20px + 5rem);
  padding-bottom: calc(60px + 5rem);
}
.pro .pro2 > .public_w {
  width: 85%;
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #000; */
}
.pro .pro2 > .public_w > .l {
  width: 23.378%;
  background: #FFFFFF;
  box-shadow: 0px 0px 2px 0px rgba(29, 31, 34, 0.3);
  border-radius: 10px;
  overflow: hidden;
}
.pro .pro2 > .public_w > .l > p {
  font-family: Gothic_bold;
  font-size: calc(10px + 0.7rem);
  color: #FFFFFF;
  background: #00529D;
  padding: calc(10px + 0.9rem) 0px calc(10px + 0.65rem) calc(10px + 0.8rem);
  position: relative;
}
.pro .pro2 > .public_w > .l > p > img {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  opacity: 0;
}
.pro .pro2 > .public_w > .l > ul {
  width: 100%;
  padding: 0 calc(10px + 0.8rem);
  padding-bottom: calc(17px + 2rem);
}
.pro .pro2 > .public_w > .l > ul > li {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #E5E5E5;
}
.pro .pro2 > .public_w > .l > ul > li > a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(16px + 0.5rem) 0;
}
.pro .pro2 > .public_w > .l > ul > li > a > span {
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  transition: all 0.3s;
}
.pro .pro2 > .public_w > .l > ul > li > a > img {
  width: calc(10px + 0.85rem);
  opacity: 0;
  transition: all 0.3s;
}
.pro .pro2 > .public_w > .l > ul > li:hover > a > span,
.pro .pro2 > .public_w > .l > ul > li.hover > a > span {
  color: #00529D;
}
.pro .pro2 > .public_w > .l > ul > li:hover > a > img,
.pro .pro2 > .public_w > .l > ul > li.hover > a > img {
  opacity: 1;
}
.pro .pro2 > .public_w > .r {
  width: 71.6216%;
}
.pro .pro2 > .public_w > .r > .list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pro .pro2 > .public_w > .r > .list > li {
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  margin-bottom: calc(12px + 1rem);
  padding: calc(18px + 1.5rem) 0;
  padding-left: calc(14px + 2rem);
  display: flex;
  align-items: center;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(1) {
  width: 27.532%;
  margin-right: calc(20px + 3rem);
  display: flex !important;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(1) > img {
  width: 100%;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) {
  width: 56.762%;
  display: flex !important;
  flex-direction: column;
  /* border: 1px solid #000; */
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > p {
  font-family: Gothic_bold;
  font-size: calc(10px + 0.7rem);
  color: #333333;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > span {
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  margin-top: calc(10px + 0.4rem);
  margin-bottom: calc(10px + 0.9rem);
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > ul {
  width: 100%;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > ul > li {
  width: 100%;
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.4rem);
  color: #666666;
  margin-bottom: calc(10px + 0.4rem);
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > ul > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > div {
  width: 100%;
  display: flex !important;
  align-items: center;
  margin-top: calc(14px + 1rem);
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > div > a {
  width: calc(70px + 5rem);
  height: calc(32px + 1rem);
  font-family: CenturyGothic_Regular;
  border-radius: calc(32px + 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > div > a:nth-child(1) {
  background: linear-gradient(115deg, #77A8D6, #00529D);
  font-size: calc(10px + 0.3rem);
  color: #FFFFFF;
  margin-right: calc(10px + 0.35rem);
}
.pro .pro2 > .public_w > .r > .list > li > div:nth-of-type(2) > div > a:nth-child(2) {
  font-size: calc(10px + 0.4rem);
  color: #00529D;
  border: 1px solid #00529D;
}
.pro .pro2 > .public_w > .r > .list > li > a {
  width: 100%;
  height: 100%;
}
.pro .pro2 > .public_w > .r > .list > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.pro_read {
  width: 100%;
}
.pro_read .pro_read1 {
  width: 100%;
  background: #F9F9F9;
  padding: calc(20px + 5rem);
}
.pro_read .pro_read1 > .public_w {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #000; */
}
.pro_read .pro_read1 > .public_w > .l {
  width: 44.594%;
  /* border: 1px solid #000; */
}
.pro_read .pro_read1 > .public_w > .l .swiper2 {
  width: 100%;
  overflow: hidden;
}
.pro_read .pro_read1 > .public_w > .l .swiper2 .swiper-slide {
  width: 100%;
}
.pro_read .pro_read1 > .public_w > .l .swiper2 .swiper-slide > img {
  width: 100%;
}
.pro_read .pro_read1 > .public_w > .r {
  width: 48.648%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.pro_read .pro_read1 > .public_w > .r > p {
  font-family: Gothic_bold;
  font-size: calc(14px + 1rem);
  color: #00529D;
}
.pro_read .pro_read1 > .public_w > .r > span {
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  margin-top: calc(13px + 0.5rem);
  margin-bottom: calc(10px + 0.8rem);
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(1) {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(1) > p {
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.4rem);
  color: #666666;
  margin-bottom: calc(10px + 0.2rem);
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(1) > p:nth-last-of-type(1) {
  margin-bottom: 0;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(2) {
  width: 78.055%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  margin-left: 0;
  margin-top: calc(15px + 2.5rem);
  margin-bottom: calc(16px + 1.5rem);
  /* border: 1px solid #000; */
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(2) .swiper-slide {
  width: 100%;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(2) .swiper-slide > img {
  width: 100%;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(2) .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #384654;
  opacity: 0;
  transition: all 0.3s;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(2) .swiper-slide.swiper-slide-thumb-active::after {
  opacity: 0.3;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) {
  width: 100%;
  display: flex;
  align-items: center;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) > a {
  width: calc(100px + 5rem);
  height: calc(30px + 1.5rem);
  border-radius: calc(30px + 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.4rem);
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) > a:nth-child(1) {
  background: linear-gradient(115deg, #77A8D6, #00529D);
  margin-right: calc(10px + 0.8rem);
  color: #FFFFFF;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) > a:nth-child(1) > img {
  width: calc(10px + 0.6rem);
  margin-right: calc(3px + 0.5rem);
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) > a:nth-child(2) {
  border: 1px solid #B8B8B8;
  color: #555555;
}
.pro_read .pro_read1 > .public_w > .r > div:nth-of-type(3) > a:nth-child(2) > img {
  width: calc(10px + 0.5rem);
  margin-right: calc(3px + 0.5rem);
}
.pro_read .pro_read2 {
  width: 100%;
  background: #fff;
}
.pro_read .pro_read2 > .public_w {
  width: 85%;
  margin-top: calc(28px + 3rem);
  margin-bottom: calc(60px + 5rem);
  display: flex;
  flex-direction: column;
  /* border: 1px solid #000; */
}
.pro_read .pro_read2 > .public_w > p {
  display: flex;
  align-items: center;
  font-family: Gothic_bold;
  font-size: calc(10px + 1.5rem);
  color: #333333;
  margin-bottom: calc(17px + 1rem);
}
.pro_read .pro_read2 > .public_w > p > span {
  width: calc(3px + 0.15rem);
  height: calc(10px + 1rem);
  background: #00529D;
  margin-right: calc(10px + 0.25rem);
}
.pro_read .pro_read2 > .public_w > div {
  width: 87%;
  font-family: CenturyGothic_Regular;
  font-size: calc(10px + 0.3rem);
  color: #333333;
  line-height: calc(16px + 1rem);
}
@media screen and (max-width: 1100px) {
  /* banner */
  .banner_pro {
    width: 100%;
  }
  .banner_pro > .banner_pro_tit {
    width: 100%;
  }
  .banner_pro > .banner_pro_tit > .public_w {
    width: 85%;
  }
  .banner_pro > .banner_pro_tit > .public_w > p {
    width: 100%;
    font-size: calc(10px + 2rem);
    margin-bottom: 5rem;
  }
  .banner_pro > .banner_pro_tit > .public_w > div {
    bottom: calc(10px + 1rem);
  }
  .banner_pro > .banner_pro_tit > .public_w > div > div {
    margin-top: 1rem;
  }
  .pro_list {
    width: 100%;
  }
  .pro_list .pro_list1 {
    width: 100%;
  }
  .pro_list .pro_list1 > ul {
    gap: 2%;
  }
  .pro_list .pro_list1 > ul > li {
    width: 49%;
  }
  .pro_list .pro_list1 > ul > li:nth-child(3) {
    margin-top: calc(10px + 1rem);
  }
  .pro {
    width: 100%;
  }
  .pro .pro2 {
    width: 100%;
  }
  .pro .pro2 > .public_w {
    flex-direction: column;
  }
  .pro .pro2 > .public_w > .l {
    width: 100%;
  }
  .pro .pro2 > .public_w > .r {
    width: 100%;
    margin-top: 5rem;
  }
  .pro_read {
    width: 100%;
  }
  .pro_read .pro_read1 {
    width: 100%;
  }
  .pro_read .pro_read1 > .public_w {
    display: flex;
    flex-direction: column;
  }
  .pro_read .pro_read1 > .public_w > .l {
    width: 100%;
  }
  .pro_read .pro_read1 > .public_w > .r {
    width: 100%;
    margin-top: 5rem;
  }
}