.marketsBox1{
    padding-top: 0.77rem;
    padding-bottom: 0.89rem;
    /*background: #F5F5F5;*/
}
.marketsBox1 .mkBoxTitle{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 500;
    font-size: 0.36rem;
    color: #0059AD;
    line-height: 1;
    margin-bottom: 0.36rem;
}
.marketsBox1 .mkBoxTxt .p{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: normal;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.44rem;
    margin-bottom: 0.46rem;
}
.marketsBox1 .mkBoxTxt .p:last-child{
    margin-bottom: 0;
}
.marketsBox2{
    padding-bottom: 0.96rem;
    flex-wrap: wrap;
}
.marketsBox2 .mkB2L{
    width: 7.77rem;
    height: 8.05rem;
    margin-bottom: 0.46rem;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
    background: #F5F5F5;
}
.marketsBox2 .mkB2L:nth-child(2n-1){
    margin-right: 0.46rem;
}

.marketsBox2 .mkB2L .mkB2LImg{
    width: 100%;
    height: 4.14rem;
    overflow: hidden;
}
.marketsBox2 .mkB2L .mkB2LImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mkBtn{
    width: 1.7rem;
    height: 0.47rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #0059AD;
    margin-top: 0.58rem;
    display: flex;
    gap: 0.15rem;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.mkBtn.width1{
    width: 2.84rem;
}

.mkBtn>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #0059AD;
    position: relative;
    transition: all 0.6s;
    z-index: 1;
}

.mkBtn>img{
    width: 0.18rem;
    height: auto;
    position: relative;
    z-index: 1;
    transition: all 0.6s;
}

.mkBtn::after{
    content:'';
    width: 100%;
    height: 100%;
    background: linear-gradient( 109deg, #0059AD 0%, #5BB035 100%);
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.6s;
}

.mkBtn:hover {
    border: 0.01rem solid transparent;
}

.mkBtn:hover>p{
    color: #fff;
}

.mkBtn:hover>img{
    filter: brightness(0) invert(1);
}

.mkBtn:hover::after{
    left: 0;
}


.marketsBox2 .mkB2L .mkB2Txt{
    padding: 0.3rem 0.43rem;
}
.marketsBox2 .mkB2L .mkB2Txt .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.46rem;
    color: #0059AD;
    margin-bottom: 0.29rem;
}
.mkB2TxtDesc{
    height: 1.4rem;
    overflow: hidden;
}
.marketsBox2 .mkB2L .mkB2Txt .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
}
.marketsBox2 .mkB2L .more3{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 300;
    font-size: 0.14rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
.marketsBox2 .mkB2L .more3 img{
    width: 0.1rem;
    height: 0.1rem;
    margin-left: 0.16rem;
}

.marketsDeBox1{
    padding: 1rem 0;
    background: linear-gradient( 180deg, #0059AD 0%, #5BB035 100%);
}
.marketsDeBox1 .main{
    align-items: center;
}
.marketsDeBox1 .mkDeB1Right{
    width: 7rem;
    height: 4.5rem;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.marketsDeBox1 .mkDeB1Left{
    width: calc(100% - 7rem);
    padding-right: 1rem;
}
.marketsDeBox1 .mkDeB1Left .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 400;
    font-size: 0.6rem;
    color: #FFFFFF;
    margin-bottom: 0.4rem;
}
.marketsDeBox1 .mkDeB1Left .txt2{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.28rem;
    color: #FFFFFF;
}
.marketsDeBox2{
    padding: 0.8rem 0 1.11rem;
}
.marketsDeBox2 .marketsDeBoxL{
    padding: 1rem 0;
    align-items: center;
    background: #FFFFFF;
}
.marketsDeBox2 .marketsDeBoxL .box_flex{
    justify-content: space-between;
    align-items: center;
}
.marketsDeBox2 .marketsDeBoxL:nth-child(2n-1){
    background: #F5F5F5;
}

.marketsDeBox2 .marketsDeBoxL .detImg{
    width: 7rem;
    height: 4rem;
    background: #D8D8D8;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.marketsDeBox2 .marketsDeBoxL .detTxt{
    width: 7rem;
}
.marketsDeBox2 .marketsDeBoxL .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: normal;
    font-size: 0.32rem;
    color: #0059AD;
}
.marketsDeBox2 .marketsDeBoxL .txt2{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: normal;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.4rem;
    margin-top: 0.31rem;
}

.marketsRelated{
    padding-top: 0.66rem;
    padding-bottom: 0.63rem;
    background: #F5F5F5;
}
.marketsRelated .marketsSwiper{
    /*padding-bottom: 1.11rem;*/
    margin-top: 0.35rem;
}
.marketsRelated .marketsSwiper .swiper-slide{
    height: 4.36rem;
    background:#E3E3E3;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
}
.marketsRelated .marketsSwiper .swiper-slide .mkRelImg{
    width: 100%;
    height: 2.84rem;
}
.marketsRelated .marketsSwiper .swiper-slide .mkRelImg>a{
    height: 100%;
}
.marketsRelated .marketsSwiper .swiper-slide .mkRelImg img{
    object-fit: contain;
}
.mkRelFlex.product .mkRelTxt,
.marketsRelated .marketsSwiper .swiper-slide .mkRelTxt{
    width: 100%;
    height: 1.6rem;
    display: block;
    width: 2.3rem;
}

.mkRelFlex{
    display: flex;
    gap:0.77rem;
    align-items: center;
    justify-content: space-between;
    padding:0.2rem 0.27rem 0.36rem;
}
/*.mkRelFlex.product .mkRelTxt{*/
/*    padding:0;*/
/*}*/

.mkRelBtn{
    width: 1.45rem;
    height: 0.47rem;
    background: linear-gradient( 109deg, #0059AD 0%, #5BB035 100%);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    display: flex;
    gap: 0.15rem;
    align-items: center;
    justify-content: center;
}

.mkRelBtn>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}

.mkRelBtn>img{
    width: 0.17rem;
    height: auto;
    filter: brightness(0) invert(1);
}

.mkRelFlex.product .mkRelTxt .txt1,
.marketsRelated .marketsSwiper .swiper-slide .mkRelTxt .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.36rem;
    color: #333333;
    margin-bottom: 0.21rem;
}
.mkRelFlex.product .mkRelTxt .txt2,
.marketsRelated .marketsSwiper .swiper-slide .mkRelTxt .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.18rem;
    color: #7D7D7D;
    line-height: 0.24rem;
}
.marketsRelated .marketsSwiper .swiper-pagination{
    height: 0.02rem;
    bottom: 0.5rem;
    top: unset;
}
.marketsRelated .marketsSwiper .swiper-button-next,
.marketsRelated .marketsSwiper .swiper-button-prev{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
    border: 0.01rem solid #999999;
    opacity: 1;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    bottom: 0;
    transition: all 1s;
}
.marketsRelated .marketsSwiper .swiper-button-next{
    right: 0;
}
.marketsRelated .marketsSwiper .swiper-button-prev{
    right: 0.5rem;
}
.marketsRelated .marketsSwiper .swiper-button-next:hover,
.marketsRelated .marketsSwiper .swiper-button-prev:hover{
    background: #0059AD;
    transition: all 1s;
}
.marketsRelated .marketsSwiper .swiper-button-next::after,
.marketsRelated .marketsSwiper .swiper-button-prev::after{
    font-size: 0.12rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: rgba(153, 153, 153, 1);
    transition: all 1s;
}
.marketsRelated .marketsSwiper .swiper-button-next:hover::after,
.marketsRelated .marketsSwiper .swiper-button-prev:hover::after{
    color: #fff;
}

.productFinder{
    width: 100%;
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
    padding-top: 0.83rem;
    padding-bottom: 0.79rem;
}
.productFinder .proFinTitle{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.72rem;
    color: #FFFFFF;
    margin-bottom: 0.45rem;
}
.productFinder .rfTxt1{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0.2rem;
}

.searchFlex{
    display: flex;
    gap: 0.34rem;
    align-items: center;
}
.productFinder .rfInput{
    /*margin-bottom: 0.2rem;*/
    gap: 0.34rem;
}
.productFinder .rfInput select{
    width: 3.25rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E5E5E5;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:url(../img/proSelect_xl1.png);
    background-size: 0.24rem 0.24rem;
    background-repeat: no-repeat;
    background-position: top 0.13rem right 0.1rem;
    padding:0 0.19rem 0 0.15rem;
}
.productFinder .rfInput select:last-child{
    margin-right: 0;
}

.productFinder .rfInput select option{
    color: #333;
}
.productFinder .rfBox .left{
    width: 3.25rem;
height: 0.6rem;
background: #FFFFFF;
border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
border: 0.01rem solid #E5E5E5;
    align-items: center;
    padding-left: 0.19rem;
}
.productFinder .rfBox .left img{
    width: 0.2rem;
    height: auto;
    margin-right: 0.1rem;
}
.productFinder .rfBox .left input{
    width: calc(100% - 0.3rem);
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
}
.productFinder .rfBox .left input::placeholder{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
    line-height: 0.5rem;
}
.productFinder .rfBox .searcBtn{
    width: 1.63rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem;
    margin: 0 0.34rem;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #0059AD;
    text-align: center;
    cursor: pointer;
    line-height: 0.6rem;
}
.productFinder .rfBox select{
    width: 1.6rem;
    height: 0.5rem;
    border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
    border: 0.01rem solid #FFFFFF;
    padding: 0 0.1rem;
    margin-right: 0.25rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img/proSelect_xl.png);
    background-size: 0.24rem 0.24rem;
    background-repeat: no-repeat;
    background-position: top 0.13rem right 0.1rem;

}
.proFinBox2{
    padding-bottom: 0.71rem;
}
.proFinBox2 .pfB2Title{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    padding-top: 0.48rem;
    padding-bottom: 0.2rem;
} 
.proFinBox2 .pfinB2{
    padding-top: 0.4rem;
    flex-wrap: wrap;
    gap: 0.5rem;
    /*border-top: 0.01rem solid rgba(204, 204, 204, 1);*/
}
.proFinBox2 .pfinB2 .pfB2L{
    width:  5rem;
    height: 4.36rem;
    background: #E3E3E3;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin-bottom: 0.4rem;
    display: block;
}
.proFinBox2 .pfinB2 .pfB2L:nth-child(2n){
    margin-right: 0;
}
.proFinBox2 .pfinB2 .pfB2L .left{
    width: 4.01rem;
    margin-right: 0.22rem;
}
.proFinBox2 .pfinB2 .pfB2L .right{
    width: 100%;
    height: 2.84rem;
}
.proFinBox2 .pfinB2 .pfB2L .right .prImg{
    width: 100%;
    height: 100%;
}

.proFinBox2 .pfinB2 .pfB2L .right .prImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*.proFinBox2 .pfinB2 .pfB2L .txt1{*/
/*    font-family: Arial, Arial;*/
/*    font-weight: 400;*/
/*    font-size: 0.28rem;*/
/*    color: #333333;*/
/*    margin-bottom: 0.2rem;*/
/*}*/
/*.proFinBox2 .pfinB2 .pfB2L .txt2{*/
/*    font-family: Arial, Arial;*/
/*    font-weight: 400;*/
/*    font-size: 0.18rem;*/
/*    color: #0059AD;*/
/*    margin-bottom: 0.2rem;*/
/*}*/
.proFinBox2 .pfinB2 .pfB2L .txt3{
    height: 1.2rem;
    overflow-y: auto;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.24rem;
}
.proFinBox2 .pfinB2 .pfB2L .prDetail{
    width: 2.29rem;
    height: 0.4rem;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    border: 0.01rem solid #333333;
    margin-top: 0.2rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.4rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.proDetailWrap1{
    height: 8.6rem;
    padding-top: 1.73rem;
    background-image: url(../img/newbg1.png);
    background-size: cover;
}

.breadBox.gray>div, 
.breadBox.gray a{
    color: #848484;
}
.proDetailWrap1 .box_flex{
    justify-content: space-between;
}
.proDetailWrap1 .left{
    width: 7.26rem;
}

.proDetailWrap1 .left .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.48rem;
    color: #333333;
    margin-bottom: 0.3rem;
    margin-top: 0.96rem;
}
.proDetailWrap1 .left .txt2{
   font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.2rem;
    color: #0059AD;
    margin-bottom: 0.3rem;
}
.proDetailWrap1 .left .txt3{
   font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.36rem;
}

.proThumbs{
    width: 7.26rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.14rem;
}

.proPrev,
.proNext{
    width: 0.36rem;
    height: 0.36rem;
    background: #FFFFFF;
    border-radius: 50%;
    border: 0.01rem solid #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.proPrev>img,
.proNext>img{
    width:0.09rem;
    height: auto;
}

.proNext>img{
    transform: rotate(-180deg);
}


.proPrev:hover,
.proNext:hover{
    background: #0059AD;
border: 0.01rem solid #0059AD;
}

.proPrev:hover>img,
.proNext:hover>img{
    filter: brightness(0) invert(1);
}



.proSwiperThumbs{
    width:6.31rem;
    overflow: hidden;
}

.proSwiperThumbs .swiper-slide{
    background-color: #fff;
}

.proDetailWrap1 .proDeSwiper{
    width: 7.6rem;
    height: 5.12rem;
    margin-left: 0;
    margin-right: 0;
}

.proDetailWrap1 .proDeSwiper .swiper-slide img{
    height: 100%;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
    background: #fff;
}

.proDetailWrap1 .proDeSwiper .swiper-pagination{
    height: 0.02rem;
    bottom: 0.5rem;
    top: unset;
}
.proDetailWrap1 .proDeSwiper .swiper-button-next,
.proDetailWrap1 .proDeSwiper .swiper-button-prev{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
    border: 0.01rem solid #999999;
    opacity: 1;
}

.proDetailWrap1 .proDeSwiper .swiper-button-next,
.proDetailWrap1 .proDeSwiper .swiper-button-prev{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
    border: 0.01rem solid #999999;
    opacity: 1;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    bottom: 0;
    transition: all 1s;
}
.proDetailWrap1 .proDeSwiper .swiper-button-next{
    right: 0;
}
.proDetailWrap1 .proDeSwiper .swiper-button-prev{
    right: 0.5rem;
}
.proDetailWrap1 .proDeSwiper .swiper-button-next:hover,
.proDetailWrap1 .proDeSwiper .swiper-button-prev:hover{
    background: #0059AD;
    transition: all 1s;
}
.proDetailWrap1 .proDeSwiper .swiper-button-next::after,
.proDetailWrap1 .proDeSwiper .swiper-button-prev::after{
    font-size: 0.12rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: rgba(153, 153, 153, 1);
    transition: all 1s;
}
.proDetailWrap1 .proDeSwiper .swiper-button-next:hover::after,
.proDetailWrap1 .proDeSwiper .swiper-button-prev:hover::after{
    color: #fff;
}

.proDetailWrap2{
    height: 1rem;
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
}
.proDetailWrap2 .box_flex{
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.proDetailWrap2 .left{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 500;
    font-size: 0.48rem;
    color: #FFFFFF;
}
.proDetailWrap2 .right{
    width: 2.4rem;
    height: 0.47rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #FFFFFF;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.47rem;
    text-align: center;
    display: block;
}

.proDetailList{
    display: flex;
    gap: 0.9rem;
    height: 100%;
}

.proDetailList .item{
    height: 100%;
    line-height: 1rem;
    position: relative;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
}

.proDetailList .item.active::after{
    content: '';
    position: absolute;
    width:100%;
    left: 0;
    height: 2px;
    background: #fff;
    bottom: 0.09rem;
}

.proDetailWrap3{
    padding-top: 0.55rem;
    padding-bottom: 0.37rem;
}
.proDe3{
    padding-bottom: 0.6rem;
    border-bottom: 0.01rem solid rgba(204, 204, 204, 1);
}

.proDe3+.proDe3{
    padding-top: 0.48rem;
}

.proDe3:nth-child(3){
    border-bottom: 0;
}
.proDetailWrap3 .proDe3Title{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 500;
    font-size: 0.48rem;
    color: #333333;
}
.proDetailWrap3 .proDe3 .left{
    width:100%;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.28rem;
    color: #0059AD;
}
.proDetailWrap3 .proDe3 .right{
    width: 100%;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.4rem;
    padding: 0.32rem 0 0;
   
}
.proDetailWrap3 .proDe3 .right2{
    width: 10rem;
    padding: 0.6rem 0;
}
.proDetailWrap3 .proDe3 .left2{
    padding: 0.6rem 0;
}
.proDetailWrap3 .proDe3 .left3{
    padding: 0;
}
.proDetailWrap3 .proDe3 .right2 a{
    display: block;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #0059AD;
    line-height: 0.4rem;
    display: flex;
    align-items: center;
}
.proDetailWrap3 .proDe3 .right2 a img{
    width: 0.23rem;
    height: 0.22rem;
    margin-right: 0.17rem;
}
.proDetailWrap3 .proDe3 .right3{
    width: 10rem;
}
.proDetailWrap3 .proDe3 .right3 .relNewL{
    width: 4.4rem;
    height: 4.37rem;
}

.proDe3List{
    display: flex;
    gap: 0.53rem;
    margin-top: 0.54rem;
    flex-wrap: wrap;
}

.proDe3List .item{
    width: 3.6rem;
    /*height: 2.8rem;*/
    background: #F5F5F5;
    border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
    /*padding-top: 0.67rem;*/
    padding:0.67rem 0 0.4rem;
}


.proDe3List .item>img{
    height: 0.8rem;
    width: auto;
    margin:0 auto;
    display: block;
}

.proDe3List .item>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    text-align: center;
    margin:0.45rem auto 0;
    width: 3.2rem;
    line-height: 0.24rem;
}



.proDownload{
    padding-left: 0.12rem;
    margin-top: 0.29rem;
}

.proDownload .item{
    width: 100%;
    height: 0.85rem;
    background: #F5F5F5;
    border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
    padding-left: 0.39rem;
    display: flex;
    align-items: center;
    gap: 0.17rem;
}

.proDownload .item + .item{
    margin-top: 0.22rem;
}

.proDownload .item>img{
    width: 0.23rem;
    height: 0.22rem;
}

.proDownload .item>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.16rem;
    color: #0059AD;
}

.proDeText{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    width: 3.2rem;
    margin: 0.47rem auto 0;
    text-align: center;
}

.proRela{
    padding:0.56rem 0 0.63rem;
    background: #F5F5F5;
}

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

.proRelaTitle>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.72rem;
    color: #0059AD;
}

.proRelaTitle>.btn{
    width: 2.03rem;
    height: 0.47rem;
    background: linear-gradient( 90deg, #0059AD 0%, #5BB035 100%);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.16rem;
}

.proRelaTitle>.btn>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: bold;
font-size: 0.18rem;
color: #FFFFFF;
}

.proRelaTitle>.btn>img{
    width: 0.17rem;
    height: auto;
    filter: brightness(0) invert(1);
}

.products-list{
    display: flex;
    gap: 0.47rem;
    flex-wrap: wrap;
    margin:0.41rem auto 0;
}

.products-list>.item{
    background: #E3E3E3;
    display: block;
    width: 5rem;
    height: 4.36rem;
    border-radius: 0.2rem;
}

.products-list>.item>img{
    width: 100%;
    height: 2.84rem;
    object-fit: contain;
}



.solutionWrap{
    flex-wrap: wrap;
    padding-top: 0.75rem;
    padding-bottom: 0.71rem;
    gap: 0.5rem 0.46rem;
}
.solutionWrap .solutionBox{
    width: 7.77rem;
    height: 7.83rem;
    background: #EEEEEE;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
}
.solutionWrap .solutionBox:nth-child(3n){
    margin-right: 0;
}
.solutionWrap .solutionBox .relNewImg{
    width: 100%;
    height: 4.1rem;
    overflow: hidden;
}
.solutionWrap .solutionBox .relNewTxt{
    padding: 0.5rem 0.44rem;
    height: 3.73rem;
}
.solutionWrap .solutionBox .relNewTxt .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: bold;
font-size: 0.32rem;
color: #333333;
    margin-bottom: 0.2rem;
}

.solutionWrap .solutionBox:hover .txt1{
    color: rgba(0, 89, 173, 1);
}
.solutionWrap .solutionBox .relNewTxt .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
    margin-top: 0.31rem;
    height: 1.32rem;
}
.solutionWrap .solutionBox .relNewTxt .txt2 img{
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.1rem;
}

.solutionWrap .solutionBox .relNewTxt .mkBtn{
    margin-top: 0.41rem;
}

.solDetBox1{
    background: #0059AD;
    padding: 1rem 0;
}
.solDetBox1 .left{
    width: 7rem;
    margin-right: 2.5rem;
}
.solDetBox1 .left .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 400;
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 0.5rem;
    margin-bottom: 0.34rem;
}
.solDetBox1 .left .txt2{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.36rem;
}
.solDetBox1 .right{
    width: 6.5rem;
    height: 5.5rem;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
}
.solDetBox2{
    padding-top: 1rem;
    padding-bottom: 0.6rem;
    background: #F5F5F5;
}
.solDetBox2 .swiper-slide{
    align-items: center;
}
.solDetBox2 .mkRelImg{
    width: 7rem;
    height: 4rem;
    background: #D8D8D8;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
}
.solDetBox2 .mkRelTxt{
    width: 9rem;
    padding-left: 1.5rem;
    display: block;
}
.solDetBox2 .mkRelTxt .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 400;
    font-size: 0.32rem;
    color: #0059AD;
    margin-bottom: 0.35rem;
}
.solDetBox2 .mkRelTxt .txt2{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.4rem;
}

.solDetBox2 .solDetBoxSwiper{
    padding-bottom: 0.9rem;
}

.solDetBox2 .solDetBoxSwiper .swiper-button-next,
.solDetBox2 .solDetBoxSwiper .swiper-button-prev{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
    border: 0.01rem solid #999999;
    opacity: 1;
}

.solDetBox2 .solDetBoxSwiper .swiper-button-next,
.solDetBox2 .solDetBoxSwiper .swiper-button-prev{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
    border: 0.01rem solid #999999;
    opacity: 1;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    bottom: 0;
    transition: all 1s;
}
.solDetBox2 .solDetBoxSwiper .swiper-button-next{
    right: 7.6rem;
}
.solDetBox2 .solDetBoxSwiper .swiper-button-prev{
    left: 7.6rem;
}
.solDetBox2 .solDetBoxSwiper .swiper-button-next:hover,
.solDetBox2 .solDetBoxSwiper .swiper-button-prev:hover{
    background: #0059AD;
    transition: all 1s;
}
.solDetBox2 .solDetBoxSwiper .swiper-button-next::after,
.solDetBox2 .solDetBoxSwiper .swiper-button-prev::after{
    font-size: 0.12rem;
    font-weight: bold;
    line-height: 0.3rem;
    color: rgba(153, 153, 153, 1);
    transition: all 1s;
}
.solDetBox2 .solDetBoxSwiper .swiper-button-next:hover::after,
.solDetBox2 .solDetBoxSwiper .swiper-button-prev:hover::after{
    color: #fff;
}

.noData{
    padding: 0.56rem 0 2rem;
}

.noData>img{
    width: 10.76rem;
    height: 6.46rem;
    margin:0 auto;
}

.noData>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    margin-top: 0.09rem;
    text-align: center;
}

.serviceWrap1{
    padding: 1.02rem 0 1.28rem;
    background: #F5F5F5;
}
.serviceWrap1  .right{
    width: 6.8rem;
    height: 4.5rem;
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.serviceWrap1 .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.72rem;
    color: #0059AD;
    margin-bottom: 0.4rem;
}
.serviceWrap1 .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.44rem;
    width: 100%;
}
.serviceWrap2{
    padding: 0.86rem 0;
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
}
.service2{
    display: flex;
    gap: 1.52rem;
}

.service2 .item{
    width: 4.32rem;
}

.service2 .item>img{
    width: 1rem;
    height: 1rem;
    margin:0 auto;
}

.service2 .text1{
    text-align: center;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
    margin-top: 0.41rem;
}

.service2 .text2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.32rem;
    text-align: center;
    margin:0.24rem auto 0;
}

.serviceWrap2 .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 500;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-bottom: 0.4rem;
}
.serviceWrap2 .benefitsBox{
    justify-content: space-between;
    align-items: flex-start;
}
.serviceWrap2 .benList{
    width: 1.44rem;
    height: auto;
}
.serviceWrap2 .benList img{
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
}
.serviceWrap2 .benList .txt{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.31rem;
    margin-top: 0.2rem;
    text-align: center;
}

.serviceWrap3{
    padding-top: 1rem;
    padding-bottom: 0.6rem;
}
.serviceWrap3 .serviceL{
    width: 7.77rem;
    height: 7.75rem;
    margin-right: 0.46rem;
    position: relative;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin-bottom: 0.4rem;
    display: block;
    background: #F5F5F5;
}

.trainBox2.serviceWrap3 .serviceL{
    height: 7.42rem;
}
.serviceWrap3 .serviceImg{
    width: 100%;
    height: 4.4rem;
}

.serviceBottom{
    padding:0.38rem 0.97rem 0 0.4rem;
}

/*.serviceWrap3 .serviceImg::after{*/
/*    content: '';*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);*/
/*    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 0;*/
/*}*/
.serviceWrap3 .serviceBox{
    flex-wrap: wrap;
}
.serviceWrap3 .serviceBox .serviceL:nth-child(2n){
    margin-right: 0;
}

.serviceWrap3 .serviceL .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.36rem;
    color: #0059AD;
}


.serviceWrap3 .serviceL .txt3{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    margin-top: 0.26rem;
}
.serviceWrap3 .serviceL .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.28rem;
    margin-top: 0.32rem;
}

.serviceWrap3 .serviceL .mkBtn{
    margin-top: 0.37rem;
}
.serviceWrap3 .serviceL .more4{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: 0.28rem;
    position: absolute;
    left: 0.4rem;
    bottom: 0;
}
.serviceWrap3 .serviceL .more4 img{
    width: 0.12rem;
    height: 0.12rem;
    margin-left: 0.1rem;
}
.serviceWrap3 .serviceL{
    position: relative;
    overflow: hidden;
    transition: all 1s;
}
/*.serviceWrap3 .serviceL:hover{*/
/*    padding-top: 0.3rem;*/
/*    transition: all 1s;*/
/*}*/

.serviceWrap4{
    padding:1.11rem 0 0.99rem;
    background-image: url(../img/newbg2.png);
    background-size: cover;
}

.serviceWrap4 .text1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.6rem;
    color: #0059AD;
    text-align: center;
}

.serviceWrap4 .text2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.46rem;
    text-align: center;
    width: 6.4rem;
    margin:0.42rem auto 0;
}

.newEventDetl .right .btn,
.serviceWrap4 .btn{
    width: 1.7rem;
    height: 0.47rem;
    background: linear-gradient( 109deg, #0059AD 0%, #5BB035 100%);
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    margin:0.68rem auto 0;
    gap: 0.16rem;
    justify-content: center;
}
.newEventDetl .right .btn>p,
.serviceWrap4 .btn>p{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}
.newEventDetl .right .btn>img,
.serviceWrap4 .btn>img{
    width: 0.17rem;
    height: auto;
    filter: brightness(0) invert(1);
}

.serviceFlex{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.serviceWrap1{
    position: relative;
}

.serviceFlex>img{
    width: 7.5rem;
    height: 4.25rem;
}
.serviceFlex>.right{
    width:6.96rem;
}

.last-img{
    position: absolute;
    width: 9.12rem;
    height: 2.12rem;
    bottom: 0;
    right: 0;
}

.serviceFlex .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.6rem;
    color: #0059AD;
    margin-bottom: 0.26rem;
}

.serviceFlex .txt3{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.41rem;
}

.serviceFlex .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
    width: 100%;
}


.servDeWrap{
    padding: 0.74rem 0 1.01rem;
}
.servDeWrap .title{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.6rem;
    color: #0059AD;
    text-align: center;
    margin-bottom: 0.8rem;
}
.servDeWrap .txt1{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.24rem;
    color: #0059AD;
}
.servDeWrap .serviceBox{
    /*flex-wrap: wrap;*/
    gap: .46rem;
}
.servDeWrap .serviceL{
    /*width: 5.02rem;*/
    width: 4.85rem;
    height: 3.37rem;
    flex: 1;
    background: #F5F5F5;
    border-radius: 0.12rem;
    padding-top: 0.57rem;
    /*margin-right: 0.46rem;*/
    /*margin-bottom: 0.46rem;*/
}

.servDeWrap .serviceL .icon{
    width: 0.69rem;
    height: 0.8rem;
    margin:0 auto;
    object-fit: contain;
}
.servDeWrap .serviceL .serviceImg {
    height: 2.4rem;
    border-radius: .2rem;
}
.servDeWrap .serviceL:nth-child(3n){
    margin-right: 0;
}
.servDeWrap .serviceL .serDeTxt{
    margin-top: 0.58rem;
}
.servDeWrap .serviceL .serDeTxt .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.2rem;
    color: #0059AD;
    margin-bottom: 0.28rem;
    text-align: center;
}
.servDeWrap .serviceL .serDeTxt .txt1.width1{
    width: 3.2rem;
    margin:0 auto;
    line-height: 0.24rem;
}
.servDeWrap .serviceL .serDeTxt .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.24rem;
    width: 3.2rem;
    text-align: center;
    margin:0 auto;
}
.trainBox1 .left{
    width: 100%;
    padding-right: 1.2rem;
}
.trainBox1 .right{
    width: 6.8rem;
}

.keyFeatures{
    padding-top: 0.7rem;
}
.keyFeatures .txt1{
    margin-bottom: 0.7rem;
}
.keyFeatures .benList{
    padding: 0 1rem;
    width: auto;
}


.newEventSBox{
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
    padding: 0.74rem 0;
}
.newEventSBox .select1{
    width: 100%;
    justify-content: space-between;
    padding-bottom: 0.15rem;
    border-bottom: 0.01rem solid #FFFFFF;
    cursor: pointer;
}
.newEventSBox .selTitle{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.newEventSBox .xlicon{
    width: 0.08rem;
    height: auto;
    transform: rotate(90deg);
    margin-right: 0.08rem;
    transition: all 0.8s;
}
.newEventSBox .xlicon img{
    width: 100%;
    height: auto;
}
.newEventSBox .selFlex{
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.31rem;
    padding-top: 0.18rem;
}
.newEventSBox .selectbq{
    height: 0.45rem;
    border-radius: 0.22rem 0.22rem 0.22rem 0.22rem;
    border: 0.01rem solid #FFFFFF;
    width: auto;
    padding: 0 0.2rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: center;
    line-height: 0.45rem;
    cursor: pointer;
    margin-right: 0.21rem;
    cursor: pointer;
    background: rgb(0,0,0,0,0);
}
.newEventSBox .selectbq.active,
.newEventSBox .selectbq:hover{
    background: linear-gradient( 90deg, #0081FC 0%, #5BB035 100%);
}
.newEventSBox .selFlex{
    display: none;
}

.newEventSBox .nEtBox2{
    margin-top: 0.24rem;
}

.newEventList{
    flex-wrap: wrap;
    padding-top: 0.85rem;
    gap: 0.54rem 0.34rem;
}
.newEventList .relNewL{
    width: 5.1rem;
    height: 5.15rem;
    background: #F5F5F5;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    padding: 0.11rem 0.13rem 0;
    margin-right: 0;
    margin-bottom: 0;
}

.newEventList .relNewL .relNewImg{
    height: 2.87rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.newEventList .relNewL .relNewImg>a{
    height: 100%;
}
.newEventList .relNewL .relNewTxt{
    padding: 0.26rem 0.1rem 0;
    line-height: 0.47rem;
}
.newEventList .relNewL .relNewTxt .txt1{
    margin-bottom: 0;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.28rem;
    color: #2B2B2B;
    line-height: 0.36rem;
    height: 1.1rem;
}
.newEventList .txt2 {
    margin-top: 0.2rem;
}
.relNewTxt .date{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #999999;
    
}

.newEvnA{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.92rem;
    padding-top: 0.43rem;
}
.newEvnA .more2{
    width: 2.2rem;
    height: 0.47rem;
    text-align: center;
    padding: 0;
    line-height: 0.47rem;
}

.newEventDetl{
    padding-top: 0.8rem;
    padding-bottom: 0.82rem;
    align-items: flex-start;
}
.newEventDetl .right{
    width: 4rem;
    background: #F5F5F5;
    border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
    padding:0.34rem 0.26rem 0.41rem 0.36rem;
}
.newEventDetl .right .title{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.36rem;
    color: #333333;
}

.newEventDetl .right .line{
    width: 0.58rem;
height: 0.03rem;
background: linear-gradient( 90deg, #0059AD 0%, #5BB035 100%);
border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
margin-top: 0.09rem;
}

.newEventDetl .right .item{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.32rem;
    padding-bottom: 0.29rem;
    margin-top: 0.25rem;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

.newEventDetl .right .item:hover{
    color: #0059AD;
}

.newEventDetl .right .btn{
    width: 1.85rem;
    margin: 0.32rem auto 0;
}

.newEventDetl .left{
    width: 11.4rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin-right: 0.72rem;
}
.newEventDetl .left .content p{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: 400;
font-size: 0.18rem;
color: #333333;
line-height: 0.32rem;
}
.newEventDetl .left .title1{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.44rem;
    margin-bottom: 0.43rem;
}
.newEventDetl .left .content{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.32rem;
}
.newEventDetl .right .title2{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.2rem;
}
.newEventDetl .right .box1_box{
    background: #0059AD;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    padding: 0.3rem 0.2rem;
    padding-top: 0;
}
.newEventDetl .right .title3{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    padding-top: 0.3rem;
}
.newEventDetl .right .txt2{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.3rem;
}
.newEventDetl .right .box1{
    margin-bottom: 0.5rem;
}
.newEventDetl .right .inputTxt{
    flex-wrap: wrap;
}
.newEventDetl .right .inputTxt input{
    width: 100%;
    height: 0.4rem;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    border: 0.01rem solid #FFFFFF;
    padding: 0 0.2rem;
    margin-top: 0.2rem;
}
.newEventDetl .right .inputTxt input::placeholder{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.newEventDetl .right .inputTxt input:nth-child(1){
    margin-right: 0.2rem;
}
.newEventDetl .right .inputTxt input:nth-child(1),
.newEventDetl .right .inputTxt input:nth-child(2){
    width: 1.5rem;
    height: 0.4rem;
    border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
    border: 0.01rem solid #FFFFFF;
}
.newEventDetl .right .txt3{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.24rem;
    margin-top: 0.2rem;
    margin-bottom: 0.15rem;
}
.newEventDetl .right .selectTxt{
    flex-wrap: wrap;
}
.newEventDetl .right .selectB{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    width: 50%;
    padding-right: 0.2rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
}
.newEventDetl .right .selectB input{
    width: 0.16rem;
    height: 0.16rem;
    background: #FFFFFF;
    border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
    border: 0.01rem solid #999999;
    margin-right: 0.1rem;
}
.newEventDetl .right .submit{
    height: 0.4rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #FFFFFF;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: center;
    display: block;
}

.aboutWrap .aboutBox11{ 
    padding: 1rem 0;
}
.aboutWrap .aboutBox11 .main{
    justify-content: space-between;
}
.aboutWrap .aboutBox11 .left{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aboutWrap .aboutBox11 .right{
    width: 100%;
    margin-top: 0.91rem;
}
.aboutWrap .aboutBox11 .left .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.6rem;
    color: #0059AD;
    margin-bottom: 0.37rem;
    white-space: nowrap;
    
}
.aboutWrap .aboutBox11 .left .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.44rem;
    width: 10.26rem;
}


.aboutWrap .aboutBox12{
    padding: 1rem;
    justify-content: space-between;
}
.aboutWrap .aboutBox12 .abNumbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.aboutWrap .aboutBox12 .abNumbox .txt1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 500;
    font-size: 0.8rem;
    color: #0059AD;
}
.aboutWrap .aboutBox12 .abNumbox .txt2{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.34rem;
    margin-top: 0.26rem;
}

.aboutWrap .aboutBox2{
    background-image: url('../img/newbg3.png');
    background-size: cover;
    padding: 1.43rem 0;
    
}
.aboutWrap .aboutBox2 .main{
    justify-content: space-between;
}
.aboutWrap .aboutBox2 .left{
    width:100%;
}
.aboutWrap .aboutBox2 .right{
    width: 5.7rem;
    height: 2.75rem;
}
.aboutWrap .aboutBox2 .left .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: 500;
font-size: 0.48rem;
color: #FFFFFF;
    text-align: center;
}
.aboutWrap .aboutBox2 .left .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.44rem;
    text-align: center;
    margin:0.42rem auto 0;
    width: 14.09rem;
    
}

.aboutBox3{
    background: #F5F5F5;
    position: relative;
    z-index: -2;
    z-index: 1;
    padding-top: 0.97rem;
    padding-bottom: 0.91rem;
}
.aboutBox3 .abbL{
    width: 5.03rem;
    height: 5.5rem;
    position: relative;
    margin-right: 0.46rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.aboutBox3 .abbL:last-child{
    margin-right: 0;
}
.aboutBox3 .abbL .imgbg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
}
.aboutBox3 .abbL .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.28rem;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 3.75rem;
    left: 50%;
    transform: translate(-50%,0);
    transition: all 0.8s;
}
.aboutBox3 .abbL .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.16rem;
    color: #CCCCCC;
    line-height: 0.28rem;
    padding: 0 0.23rem;
    position: absolute;
    top: 4.36rem;
    transition: all 0.8s;
}
.aboutBox3 .abbL:hover .txt1{
    top: 2.04rem;
}
.aboutBox3 .abbL:hover .txt2{
    top: 2.65rem;
    opacity: 1;
    color: #fff;
}
.aboutBox3 .abbL .mask{
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, #0059AD 0%, #5BB035 100%);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    opacity: 0.8;
    transition: all 0.6s;
}
.aboutBox3 .abbL .mask2{
    width: 100%;
    height: 1.99rem;
background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    position: absolute;
    left: 0;
   bottom:0;
    z-index: -1;

}
.aboutBox3 .abbL:hover .mask{
    top: 0;
}
.aboutBox3 .abb3Title{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: bold;
font-size: 0.6rem;
color: #0059AD;
line-height: 0.66rem;
    margin-bottom: 0.55rem;
}

.aboutBox4{
    padding-top: 0.89rem;
    padding-bottom: 0.96rem;
}
.aboutBox4 .title{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.6rem;
    color: #0059AD;
    margin-bottom: 0.55rem;
}
.aboutBox4 .abb4L{
    width: 5.03rem;
    height: 5.09rem;
    background: #F5F5F5;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    margin-right: 0.46re;
}


.aboutBox4{
    padding-top: 0.97rem;
    padding-bottom: 0.91rem;
}

.aboutBox4 .abb4L{
    width: 5.03rem;
    height: 5.09rem;
    background: #F5F5F5;
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    overflow: hidden;
    margin-right: 0.46rem;
}
.aboutBox4 .abb4L:last-child{
    margin-right: 0;
}
.aboutBox4 .abb4L .scale-box{
    height: 2rem;
    width: 100%;
}
.aboutBox4 .abb4L .txtBox{
    padding: 0.2rem 0.23rem;
}
.aboutBox4 .abb4L .txtBox .txt1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.24rem;
    color: #0059AD;
    margin-bottom: 0.2rem;
}
.aboutBox4 .abb4L .txtBox .txt2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.24rem;
    margin-bottom: 0.2rem;
}
.aboutBox4 .abb4L .txtBox .txt3{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem;
} 
    
.contactUs{
    flex-wrap: wrap;    
    height: 4.94rem;
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
} 
    
.contactUs .item{
    flex: 1;
  height: 100%;
  padding-top: 2.11rem;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.5);
  padding-left: 0.34rem;
  transition: all 0.6s;

} 


.contactUs .item:last-child{
    flex: 0 0 4.2rem;
}


.contactUs .item.active{
    flex: 0 0 7rem;
    padding-left: 1.2rem;
    padding-top: 1.8rem;
}

.contactUs .item.active .address{
    opacity: 1;
}

.contactUs .item .text1{
  font-family: D-DIN-PRO, D-DIN-PRO;
  font-weight: bold;
  font-size: 0.28rem;
  color: #FFFFFF;
}

.contactUs .item .text2{
  font-family: D-DIN-PRO, D-DIN-PRO;
  font-weight: bold;
  font-size: 0.3rem;
  color: #FFFFFF;
  /*white-space: nowrap;*/
  line-height: 0.36rem;
}

.contactUs .item .address{
    display: flex;
    gap: 0.23rem;
    margin-top: 0.22rem;
    opacity: 0;
    transition: all 0.6s;
    align-items: center;
}

.contactUs .item .address>p{
     font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.32rem;
    width: 70%;
    
}

.contactUs .item .address>img{
    width: 0.2rem;
    height: 0.23rem;
    object-fit: contain;
}

.map{
    padding: 0.8rem 0;
}

.map>img{
    width: 100%;
}

.contactUs .contUsL{
    width: 5.02rem;
    height: 3.9rem;
    background: #F5F5F5;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin-right: 0.46rem;
    padding:0 0.23rem;
    padding-top: 0.47rem;
    margin-bottom: 0.52rem;
}
.contactUs .contUsL:nth-child(3n){
    margin-right: 0;
}
.contactUs .contUsL .title1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: 500;
    font-size: 0.3rem;
    color: #0059AD;
    margin-bottom: 0.17rem;
}
.contactUs .contUsL .address{
    width: 100%;
    min-height: 1.27rem;
    display: flex;
    flex-wrap: wrap;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.32rem;
}
.contactUs .contUsL .address img{
    width: 0.19rem;
    height: 0.16rem;
    display: block;
    margin-top: 0.06rem;
}
.contactUs .contUsL .address .txt{
    width: calc(100% - 0.24rem);
    word-wrap: break-word;
}
.contactUs .contUsL .title2{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.2rem;
}
.contactUs .contUsL .tel{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.32rem;
}

.searchWrap{
    padding-top: 2.37rem;
}
.searchWrap .searchBox{
    width: 7.32rem;
    height: 0.54rem;
    background: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    border: 0.01rem solid #CECECE;
    align-items: center;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.89rem;
}
.searchWrap .searchBox input{
    padding: 0 0.16rem;
    width: 6.67rem;
}
.searchWrap .searchBox .searchBtn{
    width: 0.66rem;
    position: relative;
}
.searchWrap .searchBox .searchBtn img{
    width: 0.25rem;
    height: 0.25rem;
    margin: 0.15rem auto;
}
.searchWrap .searchBox .searchBtn::after{
    content: '';
    width: 0rem;
    height: 0.38rem;
    display: block;
    border-right: 0.01rem solid #C9C9C9;
    position: absolute;
    right: 0.65rem;
    top: 0.09rem;
}
.searchWrap .searchBox .qx{
    width: 0.24rem;
    height: 0.24rem;
    background: #FFFFFF;
    border: 0.01rem solid #8E8E8E;
    border-radius: 50%;
    position: absolute;
    top: 0.16rem;
    right: 0.84rem;
}
.searchWrap .searchBox .qx img{
    width: 0.1rem;
    height: 0.1rem;
    margin: 0.06rem auto;
}
.searchWrap .searchW .left .title{
    width: 2.5rem;
    border-bottom: 0.01rem solid #D8D8D8;
    padding-bottom: 0.07rem;
    justify-content: space-between;
}
.searchWrap .searchW .left .tit1{
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: bold;
    font-size: 0.2rem;
    color: #000000;
}
.searchWrap .searchW .left .tit2{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.14rem;
    color: #0059AD;
    cursor: pointer;
}
.searchWrap .searchW .left .radioGroup{
    margin-top: 0.16rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.17rem;
    color: #5B5B5B;
    align-items: center;
}
.searchWrap .searchW .left .radioGroup input{
    width: 0.16rem;
    height: 0.16rem;
    border: 0.01rem solid #A2A2A2;
    margin-right: 0.08rem;
}


.searchWrap .searchW .left .radioGroup input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  border-radius: 50%;
  width: 0.16rem;
  height: 0.16rem;
}


.searchWrap .searchW .left .radioGroup label{
    position: relative;
}
.searchWrap .searchW .left .radioGroup input[type="radio"]:checked + .raLabel::after{
    content: '';
    display: inline-block;
    width: 0.06rem;
    height: 0.06rem;
    background: #0059AD;
    position: absolute;
    top: 0.06rem;
    left: -0.22rem;
    border-radius: 50%;
    z-index: 99;
}


.searchWrap .searchW{
    justify-content: space-between;
}
.searchWrap .searchW .right{
    width: 12.46rem;
}
.searchWrap .searchW .searchList{
    padding-bottom: 0.7rem;
}
.searchWrap .searchW .searchL{
    padding-top: 0.43rem;
    padding-bottom: 0.31rem;
    border-bottom: 0.01rem solid #D8D8D8;
}
.searchWrap .searchW .right .title{
    width: 100%;
    font-family: Cooper Hewitt, Cooper Hewitt;
    font-weight: normal;
    font-size: 0.2rem;
    color: #5B5B5B;
    padding-bottom: 0.07rem;
    margin-bottom: 0.12rem;
    border-bottom: 0.01rem solid #D8D8D8;
}
.searchWrap .searchW .right .title2{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.28rem;
    margin-bottom: 0.2rem;
}
.searchWrap .searchW .right .title2 .keyword{
    font-family: Microsoft YaHei, Microsoft YaHei;
    color: rgba(0, 89, 173, 1);
    font-weight: bold;
}
.searchWrap .searchW .right .contentTxt{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #5B5B5B;
    line-height: 0.3rem;
}
.searchWrap .searchW .searchL2 .contImgBox{
    width: 2rem;
    height: 1.54rem;
}
.searchWrap .searchW .searchL2 .contentTxt{
    width: calc(100% - 2rem);
    padding-left: 0.37rem;
}

.noContent{
    padding-top: 1.26rem;
    padding-bottom: 3.76rem;
}
.noContent img{
    width: 3.61rem;
    height: 3.44rem;
    margin: 0 auto;
}
.noContent .noContent_txt{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #606060;
    line-height: 0.25rem;
    text-align: center;
    margin-top: 0.3rem;
}



.mkText1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.24rem;
    color: #0059AD;
    text-align: center;
}

.mkText2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.46rem;
    color: #333333;
    text-align: center;
    margin-top: 0.33rem;
}

.mkText3{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #848484;
    text-align: center;
    width: 13.72rem;
    margin: 0.43rem auto 0;
    line-height: 0.36rem;
}

.marketList{
    display: flex;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.marketList .item{
    width: 7.76rem;
}

.marketList .item>img{
    width:7.76rem;
    height: 4.43rem;
    border-radius: 0.12rem;
}

.marketList .item .text1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.32rem;
    color: #0059AD;
    margin-top: 0.55rem;
}

.marketList .item .text2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
    margin-top: 0.35rem;
}

.newsSearch{
    display: flex;
    gap: 0.3rem;
    width: 16rem;
    margin:0 auto;
}    


.newsSearch select{
    width: 6.87rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E5E5E5;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../img/proSelect_xl1.png);
    background-size: 0.24rem 0.24rem;
    background-repeat: no-repeat;
    background-position: top 0.13rem right 0.1rem;
    padding: 0 0.19rem 0 0.15rem;
}

.newsSearch input{
    width: 6.87rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #E5E5E5;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0.19rem 0 0.15rem;
}

.newsSearch input::placeholder{
    color: #333;
}

.newsSearch .btn{
    width: 1.63rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.04rem;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #0059AD;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.newsSearch .back{
    width: 0.6rem;
    height: 0.6rem;
    background: linear-gradient( 180deg, #0059AD 0%, #5BB035 100%);
    box-shadow: 0rem 0rem 0.04rem 0.01rem rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -0.15rem;
    top: -0.45rem;
    border-radius: 50%;
    cursor: pointer;
}

.newsSearch .back>img{
    width: 0.36rem;
    height: auto;
    object-fit: contain;
}

.newsTitleBox{
    width: 100%;
    background: linear-gradient( 133deg, #0059AD 0%, #5BB035 100%);
    padding:0.7rem 0 0.53rem;
}

.newsTitleBox .title{
    font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: bold;
font-size: 0.36rem;
color: #FFFFFF;
line-height: 0.56rem
}

.newsTitleBox .time{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-top: 0.43rem;
}

.newsLine{
    width: 100%;
    height: 1px;
    background: #C9C9C9;
    margin: 0.72rem auto 0.45rem;
}

.newsNav{
    margin-top: 0.45rem;
}

.newsNav .item + .item{
    margin-top: 0.21rem;
}

.newsNav .item{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333;
    line-height: 0.28rem;
}

.newsNav .item a{
    color: #333;
    display: inline;
}

.newsNav .item:hover a{
    color: #0059AD;
}
    
.jobCenter{
    width: 16rem;
    margin:0 auto;
}
    
.jobText1{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: bold;
    font-size: 0.72rem;
    color: #FFFFFF;  
    
}

.jobText2{
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.44rem;
    margin-top: 0.33rem;
}

.newsSearch.job{
    margin-top: 0.67rem;
}

.newsSearch.job input,
.newsSearch.job select{
    width: 4.33rem;
}