.box {
    height: 7rem;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    /* background-color: red; */
}

.box .headername>p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: .8rem;
}

.number {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.01rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: .72rem;
    color: #EE7E00;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.detailedData {
    display: flex;
    justify-content: center;
    gap: 1.12rem;
}

.number {
    position: relative;
    display: inline-block;
}

.number::after {
    content: '+';
    position: absolute;
    right: 0.01rem;
    bottom: .05rem;
    font-size: 0.3rem;
    color: black;
}

.detailedDatacon {
    display: flex;
    justify-content: center;
    gap: 1.9rem;
    margin-top: .31rem;
}

.numbercon {
    position: relative;
    font-size: .24rem;
    font-weight: bold;
}

.boxfooter {
    margin-top: 1.37rem;
}

.boxfooter>p {
    width: 1.6rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.serve {
    width: 100%;
    height: 4.9rem;
    background-image: url(../images/serve.png);
    position: relative;
    display: flex;
    justify-content: center;
    gap: .2rem;

}

.serve>div {
    position: relative;
    top: -1rem;
    /* 关键：负值上移 */
    width: 2.85rem;
    height: 3.55rem;
    background: #FFFFFF;
    border-radius: .05rem;
    border: .03rem solid #FF9217;
}

.serveone {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
    position: relative;
}

.oneheader img {
    display: block;
    margin: 0 auto;
}

.onenum,
.onetitle,
.onedetail {
    width: 100%;
    /* margin-top: 30px; */
}

.oneheader {
    margin-top: .35rem;
}

.onenum {
    margin-top: .4rem;
    width: .25rem;
    height: .29rem;
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: .24rem;
    color: #FF9217;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.onetitle {
    margin-top: .3rem;
    width: .96rem;
    height: .34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .24rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.onedetail {
    margin-top: .3rem;
    width: 2.53rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    line-height: .28rem;
    text-align: center;
    font-style: normal;
    text-transform: none;

}

/* two */

.servetwo {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
    position: relative;
}

.twoheader img {
    display: block;
    margin: 0 auto;
}

.twonum,
.twotitle,
.twodetail {
    width: 100%;
    /* margin-top: 30px; */
}

.twoheader {
    margin-top: .35rem;
}

.twonum {
    margin-top: .4rem;
    width: .25rem;
    height: .29rem;
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: .24rem;
    color: #FF9217;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.twotitle {
    margin-top: .3rem;
    width: .96rem;
    height: .34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .24rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.twodetail {
    margin-top: .3rem;
    width: 2.53rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    line-height: .28rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* three */
.servethree {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
    position: relative;
}

.threeheader img {
    display: block;
    margin: 0 auto;
}

.threenum,
.threetitle,
.threedetail {
    width: 100%;
    /* margin-top: 30px; */
}

.threeheader {
    margin-top: .35rem;
}

.threenum {
    margin-top: .4rem;
    width: .25rem;
    height: .29rem;
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: .24rem;
    color: #FF9217;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.threetitle {
    margin-top: .3rem;
    width: .96rem;
    height: .34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .24rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.threedetail {
    margin-top: .3rem;
    width: 2.53rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    line-height: .28rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

/* four */
.servefour {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
    position: relative;
}

.fourheader img {
    display: block;
    margin: 0 auto;
}

.fournum,
.fourtitle,
.fourdetail {
    width: 100%;
    /* margin-top: 30px; */
}

.fourheader {
    margin-top: .35rem;
}

.fournum {
    margin-top: .4rem;
    width: .25rem;
    height: .29rem;
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: bold;
    font-size: .24rem;
    color: #FF9217;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.fourtitle {
    margin-top: .3rem;
    width: .96rem;
    height: .34rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .24rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.fourdetail {
    margin-top: .3rem;
    width: 2.53rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #666666;
    line-height: .28rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.international {
    width: 100%;
    height: 6rem;
    /* background:pink; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: 80px; */
    /* justify-content: center; */
    background-color: #fff;
}

.international .Inttitle {
    margin-top: .8rem;
    width: 1.6rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.international .IntitleDet {
    width: 5.86rem;
    height: .28rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .2rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: .2rem;
}

/* 轮播样式 */
.carousel-container {
    position: relative;
    width: 11.8rem;
    margin: .72rem auto;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.15);
}

.slides-group {
    display: flex;
    transition: transform 0.5s ease-in-out;
    gap: .3rem;
    padding: .15rem;
}

.slide {
    flex: 0 0 3.63rem;
    height: 1.92rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: .04rem;
    box-shadow: 0 .02rem .06rem rgba(0, 0, 0, 0.1);
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.slide:hover img {
    transform: scale(1.05);
}

.arrow-left,
.arrow-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .4rem;
    height: .4rem;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-left:hover,
.arrow-right:hover {
    background: rgba(0, 0, 0, 0.9);
}

.arrow-left {
    left: .15rem;
}

.arrow-right {
    right: .15rem;
}

.indicators {
    position: absolute;
    bottom: .15rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: .08rem;
}

.indicator {
    width: .12rem;
    height: .12rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s;
}

.indicator.active {
    background: white;
    transform: scale(1.2);
}

.trainIng {
    width: 100%;
    height: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trainIng .trainIngtitle {
    /* margin-top: 80px; */
    width: 3.6rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.trainIng .trainIngitleDet {
    text-align: center;
    line-height: .7rem;
    height: .4rem;
}

.trainIng .trainIngitleDet>span {
    width: 5.86rem;
    height: .28rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .2rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: .2rem;
}





/* _______________ */
.cooperativeTrustNew {
    /* padding: 0.8rem 0; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.cooperativeTrustNew .cooperativeTrustNewHeader {
    width: 2rem;
    height: .56rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: .8rem;
}

.cooperativeTrustNewContent>span {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .32rem;
    color: #FF9217;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.cooperativeTrustNew .cooperativeTrustNewContent {
    width: 100%;
    height: .45rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .32rem;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: .2rem;
}

.cooperativeTrustNew .content {
    margin-top: .6rem;
}

.cooperativeTrustNew {
    background: #F5F5F5;
    /* margin-bottom: 123px; */
    padding-bottom: 1.23rem;
}

.homeNewsAndInformation h2,
.cooperativeTrustNew h2 {
    font-weight: 500;
    font-size: 0.36rem;
    color: #333333;
    line-height: 0.5rem;
}

.cooperativeTrustNew ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.4rem;

}

.cooperativeTrustNew ul li {
    width: 2.24rem;
    height: 0.91rem;
    background: #FFFFFF;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.2rem 0.2rem 0;
}

.cooperativeTrustNew ul li img {
    width: 2.24rem;
    height: 0.91rem;
}

.cooperativeTrustNew ul li:nth-child(5n) {
    margin: 0 0 0.2rem 0;
}

/* 底部提交css */
.applyNowsc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.69);
    padding: 0.16rem 0 0.33rem;
    z-index: 90;
}

.applyNowsc h2 {
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.12rem;
}

.appformoneservice {}

.applyNowsc input {
    width: 2.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.14rem;
    background: #FFFFFF;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    border: none;
    outline: none;
    margin-right: 0.16rem;
    text-indent: 0.12rem;
}

.applyNowsc input::placeholder {
    color: #C6C6C6;
}

.applyNowsc button {
    width: 2.54rem;
    height: 0.4rem;
    background: #ED7E00;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    text-align: center;
    border: none;
    line-height: 0.4rem;
}

/* h2 {
        font-size: 24px;
        color: #333;
        margin-bottom: 30px;
    } */

.appformsc {
    display: flex;
    gap: .12rem;
    margin-bottom: .2rem;
}

.appformsc input {
    flex: 1;
    /* padding: 12px 15px; */
    border: .01rem solid #ddd;
    border-radius: .04rem;
    font-size: .16rem;
}

input.error {
    border-color: #ff5252;
}

#mobileSubmitBtn {
    /* padding: 12px 20px; */
    /* background-color: #4285f4; */
    color: white;
    border: none;
    border-radius: .04rem;
    font-size: .16rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

#mobileSubmitBtn:hover {
    background-color: #3367d6;
}

.error-message {
    color: #ff5252;
    font-size: .14rem;
    margin-left: .14rem;
    margin-top: .1rem;
    text-align: left;
    display: none;
}

.success-message {
    background-color: #4CAF50;
    color: white;
    padding: .15rem;
    border-radius: .04rem;
    margin-top: .2rem;
    text-align: center;
    display: none;
}



.applyNowservice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.69);
    padding: 0.16rem 0 0.33rem;
    z-index: 90;
}

.applyNowservice h2 {
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.12rem;
}

.appformoneservice {}

.applyNowservice input {
    width: 2.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.14rem;
    background: #FFFFFF;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    border: none;
    outline: none;
    margin-right: 0.16rem;
    text-indent: 0.12rem;
}

.applyNowservice input::placeholder {
    color: #C6C6C6;
}

.applyNowservice button {
    width: 2.54rem;
    height: 0.4rem;
    background: #ED7E00;
    border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    text-align: center;
    border: none;
    line-height: 0.4rem;
}

/* h2 {
font-size: 24px;
color: #333;
margin-bottom: 30px;
} */

.appformservice {
    display: flex;
    gap: .12rem;
    margin-bottom: .2rem;
}

.appformservice input {
    flex: 1;
    /* padding: 12px 15px; */
    border: .01rem solid #ddd;
    border-radius: .04rem;
    font-size: .16rem;
}

input.error {
    border-color: #ff5252;
}

#mobileSubmitBtn {
    /* padding: 12px 20px; */
    /* background-color: #4285f4; */
    color: white;
    border: none;
    border-radius: .04rem;
    font-size: .16rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

#mobileSubmitBtn:hover {
    background-color: #3367d6;
}

.error-message {
    color: #ff5252;
    font-size: .14rem;
    margin-left: .14rem;
    margin-top: .1rem;
    text-align: left;
    display: none;
}

.success-message {
    background-color: #4CAF50;
    color: white;
    padding: .15rem;
    border-radius: .04rem;
    margin-top: .2rem;
    text-align: center;
    display: none;
}