@charset "utf-8";

html {
  font-size: 19.2px; /* 1rem = 1px */
  overflow: hidden auto;
}

* {
  font-size: 12px;
  font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
  box-sizing: border-box !important;
}

body {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  overflow: hidden auto;
}

img {
  border: 0 none;
}

.index-top {
  padding-top: 0;
  background: #fff;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.index-top a.logo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-top a.logo img {
  display: block;
  height: 80px;
}

.banner {
  width: 100%;
}

.banner img {
  width: 100%;
  display: block;
}
.banner img.pc-banner{
  display: inline-block;
}
.banner img.m-banner{display: none}
.footer {
  text-align: center;
  padding: 30px; /* 仍然使用 px，避免 rem 过大 */
  width: 100%;
  color: #999;
}

.content-main {
  padding-top: 157px; /* 使用 px 或 rem 看情况 */
}

.content-main .slide-wrap {
  display: flex;
  flex-direction: row;
  padding: 0 177px;
}

.content-main .slide-wrap .slide-item {
  display: flex;
  flex-direction: column;
  width: auto;
}

.content-main .slide-wrap .slide-item h1 {
  font-size: 2.5rem; /* 使用 rem */
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.content-main .slide-wrap .slide-item h1 img {
  margin-left: 10px;
  position: relative;
  top: -5px;
  display: inline-block;
  height: 48px; /* 保持 px */
}
.content-main .slide-wrap .slide-item .item-text{
  padding-right: 58px;
}
.content-main .slide-wrap .slide-item .item-text p {
  font-size: 1.5rem; /* 使用 rem */
  line-height: 1.8;
  text-align: justify;
}

.content-main .slide-wrap .slide-item .person-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: right;
}

.content-main .slide-wrap .slide-item .person-img img {
  display: inline-block;
  width: 80%; /* 保持百分比自适应 */
  min-width: 616px;
}

.content-main .slide-wrap .slide-item .person-des h2 {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem; /* 使用 rem */
}

.content-main .slide-wrap .slide-item .person-des h3 {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.more {
  font-size: 2rem;
  font-weight: bold;
}
.tizi{
  width: 80%;
  margin: 40px auto 40px auto;
}
.tizi img{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tizi img.pc-tizi{display: block;}
.tizi img.m-tizi{display: none;}
.contact-wrap{display: flex;flex-direction: row;}
.contact-wrap .contact-img{width: 45%;}
.contact-wrap .contact-img.pc-contact-img{display: block;}
.contact-wrap .contact-img.m-contact-img{display: none;}

.contact-wrap .contact-img img{display: inline-block;width: 100%;}

.contact-wrap .contact-text{display: flex;flex-direction: column;padding-left: 5%;justify-content: center;}
.contact-wrap .contact-text .contact-text-box{display: flex;flex-direction: column;padding-left: 5%;justify-content: center;}
.contact-wrap .contact-text h2{font-size: 1.8rem;font-weight: bold;margin-bottom:30px;}
.contact-wrap .contact-text p{font-size: 1.5rem;line-height: 1.2;}
.contact-wrap .contact-text p a{font-size: 1.5rem;line-height: 1.2;text-decoration: underline;color: #000;}
.button-wrap{
  margin-top: 50px;
}
.button-wrap a{
  display: inline-block;;
  width: 256px;height: 56px;
  border: 1px solid #000;
  text-align: center;
  line-height: 56px;
  border-radius: 30px;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
}
.button-wrap a:link{background: #fff;color: #000; border: 1px solid #000;}
.button-wrap a:hover{background: #00A0E9;color: #fff; border: 1px solid #00A0E9;}
.button-wrap a:active{background: #00A0E9;color: #fff; border: 1px solid #00A0E9;}
.button-wrap a:visited{background: #00A0E9;color: #fff; border: 1px solid #00A0E9;}
.fixed-wrap{
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 408px;
  height: 109px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #00A0E9;
}
.fixed-wrap span{font-size: 24px;font-weight: bold;}
.fixed-wrap a{font-size: 24px;font-weight: normal;display: inline-block;width: 153px;height: 50px;line-height: 50px;color: #000;text-align: center;border: 1px solid #000;border-radius: 10px;}
.fixed-wrap a:link{text-decoration: none;}
.fixed-wrap a:hover{text-decoration: none;}
.fixed-wrap a:active{text-decoration: none;}
.fixed-wrap a:visited{text-decoration: none;}
.contact-wrap .contact-text.m-contact-text{display: none}
.contact-wrap .contact-text.pc-contact-text{display: flex}
@media screen and (max-width: 768px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  body,html{
    overflow: hidden auto;
    padding-bottom: 60px;
  }
  .index-top a.logo img{
    height: 40px;
  }
  .banner img.pc-banner{
    display: none;
  }
  .banner img.m-banner{
    display: inline-block;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap{
    padding:0;
    flex-direction: column;
  }
  .m-contact-text{display: block}
  .pc-contact-text{display: none}
  .content-main .slide-wrap .slide-item h1{
    padding: 0 30px;
  }
  .content-main .slide-wrap .slide-item{width: 100%;}
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 100%;
  }
  .content-main .slide-wrap .slide-item .item-text{
    padding: 0 30px;
  }
  .more{
    margin:20px auto;
    width: 100%;
    padding: 0 30px;
  }
  .content-main .slide-wrap .slide-item .person-des h2{
    font-weight: bold;;
  }
  .tizi{
    width: 100%;
  }
  .tizi img.pc-tizi{display: none;}
  .tizi img.m-tizi{display: block;}
  .contact-wrap{flex-direction: column;}
  .contact-wrap .contact-img{
    width: 100%;
  }
  .button-wrap{
    text-align: center;
  }
  .button-wrap a{
    width: 166px;
    line-height: 37px;
    height: 37px;
  }
  .contact-wrap .contact-text{
    padding: 0 30px;

  }
  .contact-wrap .contact-text p{
    text-align: justify;
  }
  .contact-wrap .contact-img.pc-contact-img{display: none;}
  .contact-wrap .contact-img.m-contact-img{display: block;margin-top: 30px;}
  .fixed-wrap{

    height:auto;
    right: 0;
    bottom: 0px;
    width: 100%;
    line-height: 1;
    border-radius: 0;
    padding:10px 20px;
    border: none;
    /*border-top:1px solid #00A0E9;*/
  }
  .fixed-wrap span{font-size: 14px;}
  .fixed-wrap a{font-size: 14px;width: auto;height: auto;padding: 10px;line-height: 1;}

}
@media screen and (min-width: 768px) and (max-width: 1281px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .index-top a.logo img{
    height: 40px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 240px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 22px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:10px 20px;
  }
  .fixed-wrap span{font-size: 14px;}
  .fixed-wrap a{font-size: 14px;width: auto;height: auto;padding: 10px;line-height: 1;}
}
@media screen and (min-width:1281px) and (max-width: 1367px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .index-top a.logo img{
    height: 40px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 240px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 22px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:10px 20px;
  }
  .fixed-wrap span{font-size: 14px;}
  .fixed-wrap a{font-size: 14px;width: auto;height: auto;padding: 10px;line-height: 1;}
}
@media screen and (min-width:1367px) and (max-width: 1441px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .index-top a.logo img{
    height: 40px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 240px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 22px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:10px 20px;
  }
  .fixed-wrap span{font-size: 14px;}
  .fixed-wrap a{font-size: 14px;width: auto;height: auto;padding: 10px;line-height: 1;}
}
@media screen and (min-width:1441px) and (max-width: 1601px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .index-top a.logo img{
    height: 40px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 240px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 22px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:10px 20px;
  }
  .fixed-wrap span{font-size: 14px;}
  .fixed-wrap a{font-size: 14px;width: auto;height: auto;padding: 10px;line-height: 1;}
}
@media screen and (min-width:1601px) and (max-width: 1921px) {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .content-main .slide-wrap .slide-item h1{
    font-size: 3rem;
  }
  .content-main .slide-wrap .slide-item .item-text p{
    font-size: 2.7rem;
  }
  .more {
    font-size: 2.7rem;

  }
  .index-top a.logo img{
    height: 40px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 616px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 22px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:15px 20px;
  }
  .fixed-wrap span{font-size: 22px;}
  .fixed-wrap a{font-size: 22px;width: auto;height: auto;padding: 12px;line-height: 1;}
}
@media screen and (min-width:1921px)  {
  html {
    font-size: 12px; /* 根据设备缩小字体 */
  }
  .content-main .slide-wrap .slide-item h1{
    font-size: 5rem;
  }
  .content-main .slide-wrap .slide-item .item-text p{
    font-size: 4.7rem;
  }
  .more {
    font-size: 4.7rem;

  }
  .index-top a.logo img{
    height: 80px;
  }
  .content-main .slide-wrap{
    padding: 0 80px;
  }
  .content-main{
    padding-top: 30px;
  }
  .content-main .slide-wrap .slide-item .person-img img{
    min-width: 1000px;
  }
  .tizi{
    width: 100%;
    padding: 0 30px;
  }
  .button-wrap a{
    font-size: 20px;
  }
  .fixed-wrap{
    width: auto;
    height:auto;
    line-height: 1;
    padding:15px 20px;
  }
  .fixed-wrap span{font-size: 22px;}
  .fixed-wrap a{font-size: 22px;width: auto;height: auto;padding: 12px;line-height: 1;}
}