.inBanner {
  width: 100%;
  height: 10.8rem;
}

.inBannerPage {
  display: flex;
  width: fit-content !important;
  left: 1.8rem !important;
  bottom: .93rem !important;
}

.inBannerPage span {
  width: 0.12rem !important;
  height: 0.12rem !important;
  background: #FFFFFF !important;
  border-radius: 0.06rem !important;
  opacity: 0.6 !important;
  transition: all .3s;
}

.inBannerPage .swiper-pagination-bullet-active {
  width: 0.4rem !important;
  background: #FFFFFF;
  opacity: 1 !important;
}

.inBannerPrev,
.inBannerNext {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.02rem solid #FFFFFF;
  opacity: 1 !important;
  margin: 0;
  top: auto;
  bottom: .8rem;
  transition: all .3s;
}

.inBannerPrev::after,
.inBannerNext::after {
  font-size: .16rem;
  color: #fff;
}

.inBannerPrev:hover,
.inBannerNext:hover {
  background: #28A0A2;
  border: 0.02rem solid #28A0A2;
}

.inBannerNext {
  right: 1.1rem;
}

.inBannerPrev {
  left: auto;
  right: 1.7rem;
}

.proBox {
  padding: 1rem 0 .59rem;
}

.comTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #333333;
  text-align: center;
  margin-bottom: .24rem;
}

.comTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  text-align: center;
}

.proLast {
  position: relative;
  margin-top: .35rem;
}

.proSwiper .swiper-slide {
  display: flex;
  flex-direction: column;
}

.proPrev,
.proNext {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  opacity: 1 !important;
  margin: 0;
  top: 2.55rem;
  transition: all .3s;
  background: #CECECE;
}

.proPrev::after,
.proNext::after {
  font-size: .1rem;
  color: #fff;
}

.proPrev:hover,
.proNext:hover {
  background: #28A0A2;
}

.proNext {
  right: -.4rem;
}

.proPrev {
  left: -.4rem;
}

.proImg {
  width: 100%;
  height: 5.6rem;
  margin-bottom: .5rem;
  overflow: hidden;
}

.proTit {
  width: 100%;
  padding: 0 .15rem;
  text-align: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #333333;
}

.promore{
    width: 1.74rem !important;
    height: 0.4rem !important;
    background: rgba(40,160,162,0);
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    border: 0.01rem solid #28A0A2;
    margin: 0 auto;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.4rem;
}
.promore>a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.2rem;
    color: #666666;
}
.promore-img{
    width: 0.25rem;
    height: 0.15rem;
    transition: all 0.2s;
}
.promore:hover .promore-img{
    transform: translateX(0.1rem);
}
.promore:hover a{
    color: #28A0A2;
}
.inBrand {
  width: 100%;
  /*background-image: url(../img/home/brandbg.png);*/
  /*background-position: center center;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
}

.brandBox {
  padding-top: 1rem;
  padding-bottom: .81rem;
}

.brandBox .comTit,
.brandBox .comTxt {
  color: #fff;
}

.brandSwiper {
  margin-top: .68rem;
  height: 5.4rem;
  height: 7.55rem;
}

.brandSwiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
}

.brandPage {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}

.brandPage span {
  width: 0.1rem;
  height: 0.1rem;
  background: #FFFFFF;
  opacity: 0.3;
  transition: all .3s;
}

.brandPage .swiper-pagination-bullet-active {
  width: 0.14rem;
  height: 0.14rem;
  background: #FFFFFF;
  opacity: 1;
}

.inAbout {
  width: 100%;
  height: 6.53rem;
  background-image: url(../img/home/aboutbg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.inAbout::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(0, 0, 0, .35);
  top: 0;
  left: 0;
}

.aboutBox {
  position: relative;
  z-index: 1;
  display: flex;
  padding-top: 1.1rem;
}

.aboutItem {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aboutItem img {
  width: .54rem;
  height: .54rem;
  object-fit: contain;
  margin-bottom: .2rem;
}

.numBox {
  display: flex;
  align-items: flex-start;
  font-family: MiSans, MiSans;
  font-weight: 500;
  font-size: 0.5rem;
  color: #FFFFFF;
}

.num{
    font-weight: bold;
}

.numBox span {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.numTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.aboutContent {
  position: absolute;
  top: 3.52rem;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  z-index: 1;
  border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  padding: .6rem 1.82rem .6rem .98rem;
  display: flex;
}

.aboutContent>img {
  width: 2.8rem;
  height: 2.7rem;
  object-fit: contain;
  margin-right: 1rem;
}

.aboutTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.4rem;
  color: #333333;
  margin-bottom: .3rem;
}

.aboutTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.3rem;
  margin-bottom: .3rem;
}
.aboutTxt>span{
    display: block;
}
.comMore {
  width: 1.4rem;
  height: 0.4rem;
  background: rgba(40, 160, 162, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: 0.01rem solid #28A0A2;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  transition: all .3s;
}

.comMore img {
  width: .25rem;
  height: .15rem;
  object-fit: cover;
  margin-left: .12rem;
  filter: invert(.7);
  transition: all .3s;
}

.comMore:hover {
  background: #28A0A2;
  color: #fff;
}

.comMore:hover img {
  filter: invert(0);
}

.aboutLogo {
  position: absolute;
  width: 4.25rem;
  height: .5rem;
  object-fit: contain;
  right: .23rem;
  bottom: .25rem;
}

.inNewPro {
  background: #F7F7F7;
  padding-top: 1.69rem;
}

.inNewPro .proLast {
  padding-bottom: .54rem;
  margin-bottom: .3rem;
}

.inNewPro .proSwiper {
  padding: .06rem;
}

.inNewPro .swiper-slide:hover {
  transition: all .3s;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
}

.inNewPro .proImg {
  height: 4.04rem;
  margin-bottom: 0;
}

.inNewPro .proTit {
  height: .66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}

.newProPage {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}

.newProPage span {
  width: 0.1rem;
  height: 0.1rem;
  background: #000000;
  opacity: 0.3;
  transition: all .3s;
}

.newProPage .swiper-pagination-bullet-active {
  width: 0.14rem;
  height: 0.14rem;
  background: #28A0A2;
  opacity: 1;
}

.newProPrev,
.newProNext {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  opacity: 1 !important;
  margin: 0;
  top: 1.87rem;
  transition: all .3s;
  background: #CECECE;
}

.newProPrev::after,
.newProNext::after {
  font-size: .1rem;
  color: #fff;
}

.newProPrev:hover,
.newProNext:hover {
  background: #28A0A2;
}

.newProNext {
  right: -.4rem;
}

.newProPrev {
  left: -.4rem;
}

.inNewPro .comMore {
  margin: 0 auto;
}
.coreTit{
  padding-top: 1.6rem;  
  padding-top: 2rem;
}
.coreTxt{
    margin-bottom: 0.5rem;
}
.incore {
  width: 100%;
  background-image: url(../img/home/corebg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.incore::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0, 169, 183, 0.95) 0%, rgba(0, 169, 183, 0.93) 100%);
}

.coreBox {
  padding: 1.2rem 0 1.26rem;
  position: relative;
  z-index: 1;
}

.coreItem {
  width: 100%;
  height: 1.42rem;
  border-bottom: 0.01rem dashed #FFFFFF;
  padding: .41rem .45rem .41rem .6rem;
  transition: all .5s;
  display: flex;
  align-items: center;
}

.coreItem:hover {
  height: 2.6rem;
  background: #FFFFFF;
}

.coreIcon {
  width: .6rem;
  height: .6rem;
  margin-right: .6rem;
  display: flex;
  flex-shrink: 0;
}

.coreIcon img {
  filter: brightness(0) invert(1);
}

.coreItem:hover .coreIcon img {
  filter: brightness(1) invert(0);
}

.coretext {
  width: 100%;
}

.coretit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.32rem;
  color: #FFFFFF;
}

.coreItem:hover .coretit {
  color: #28A0A2;
}

.coretxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  display: none;
  margin-top: .2rem;
}

.coretext .comMore {
  display: none;
  margin-top: .26rem;
}

.coreMore {
  width: 1.4rem;
  height: 0.4rem;
  background: rgba(40, 160, 162, 0);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: 0.01rem solid #FFFFFF;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.coreMore img {
  width: .17rem;
  height: .12rem;
  object-fit: contain;
  margin-left: .11rem;
}

.coreImg {
  width: 3.2rem;
  height: 2rem;
  display: none;
  flex-shrink: 0;
}

.coreImg img {
  object-fit: cover;
}

.newBox {
  padding: 1rem 0 1.2rem;
}

.hotNew {
  width: 100%;
  display: flex;
  margin: .4rem 0;
}

.hotNewItem {
  width: 8.3rem;
  height: 4.2rem;
  margin-right: .4rem;
  position: relative;
}

.hotNewItem:nth-child(2n) {
  margin-right: 0rem;
}

.hotNewText {
  width: 100%;
  height: 0.86rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.59) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: .25rem;
  padding-right: .3rem;
}

.hotNewTit {
  width: 100%;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
}

.hotNewTime {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  flex-shrink: 0;
}

.newLast {
  width: 100%;
  display: flex;
}

.newItem {
  width: 3.95rem;
  height: 2.2rem;
  transition: all .3s;
  margin-right: .4rem;
  flex-direction: column;
  padding: .3rem;
  padding-bottom: .2rem;
}

.newItem:hover {
  background: #28A0A2;
}

.newItem:nth-child(4n) {
  margin-right: 0;
}

.newTit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: .15rem;
}

.newItem:hover .newTit{
  color: #fff;
}

.newTxt {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.28rem;
  margin-bottom: .22rem;
}

.newItem:hover .newTxt{
  color: #fff;
}

.newBot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newTime {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #28A0A2;
}

.newItem:hover .newTime{
  color: #fff;
}

.newBot img {
  width: .3rem;
  height: .3rem;
}

.newItem:hover .newBot img{
  filter: brightness(0) invert(1);
}

@media screen and (max-width:1024px){
    .inBanner{
        height: 4rem;
    }
    .comTxt{
        font-size: 14px;
    }
    .comMore{
        width: fit-content!important;
        height: auto!important;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 20px;
        
    }
    .brandSwiper{
        height: 3.55rem;
    }
    .inAbout{
        height: auto;
        overflow: hidden;
    }
    .aboutBox{
        gap: .1rem;
        padding: .4rem 0;
    }
    .numBox{
        font-size: .4rem;
    }
    .numTxt{
        text-align: center;
        font-size: .2rem;
    }
    .aboutContent{
        flex-direction: column;
        padding: 10px;
        align-items: center;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0,0);
        margin-bottom: .4rem;
    }
    .aboutContent>img{
        margin: 0;
    }
    .aboutTxt{
        font-size: .24rem;
    }
    .coreTit{
        padding-top: .8rem;
    }
    .coreItem:hover{
        height: 1.42rem;
        background: transparent;
    }
    .coreItem:hover .coreIcon img{
        filter: brightness(0) invert(1);
    }
    .coreItem:hover .coretit{
        color: #fff;
    }
    .coreMore{
        width: fit-content;
        height: auto;
        padding: 5px 10px;
        font-size: 14px;
        border-radius: 20px;
    }
    .hotNew{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: .2rem;
    }
    .hotNewItem{
        width: 100%;
        margin-right: 0;
    }
    .newLast{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: .2rem;
    }
    .newItem{
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .newTit{
        font-size: .36rem;
        line-height: 1.5;
    }
    .newTxt{
        font-size: .32rem;
        line-height: 1.5;
    }
    .newTime{
        font-size: .32rem;
    }
    .proPrev, .proNext{
        display: none;
    }
    .aboutContent>img{
        width: 2rem;
        height: auto;
    }
}