.banner img{
    width: 100%;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.factory-advantages{
    margin-top: 126px;
    /* width: 1920px; */
    width: 100%;
    height: 918px;
    background: url("../images/oem_odm/factorybg.png");
    background-repeat: repeat;
    background-size: cover;
    background-position: left top;
    background-color: #f7f5fa;
}

.factory-advantages .oemodm-title {
    padding-top: 81px;
    margin-bottom: 55px;
}

.oemodm-title{
    color: #663399;
    line-height: 1;
    font-weight: 400;
    text-align: center;
}

.oemodm-title .sub-title{
    margin-top: 74px;
    font-size: 28px;
    line-height: 1;
}
.oemodm-title .title-txt{
    margin-top: 30px;
    font-size: 54px;
    letter-spacing: 6px;
    background-image: url("../images/oem_odm/title-icon.png");
    background-position: center;
    background-repeat: no-repeat;
}

.factory-advantages .txt{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #663399;
}
/* 工厂优势 */
.advantages-list{
    margin-top: 63px;
    margin-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    width: 1248px;
}
.advantages-list li{
    /* margin-right: 25px; */
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 28px;
    float: left;
    width: 172px;
    height: 44px;
    line-height: 44px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background-color: #663399;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out; 
}

.advantages-list li:hover{
    background-color: #0a02a8;
}

.service-banner{
    width: 100%;
    height: 1078px;
    background-image: url("../images/oem_odm/service-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.serive-content{
    width: 1248px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 18px;
}
.service-banner .title{
    margin-top: 45px;
}
.service-banner .title img{
    display: block;
}
.service-banner .txt1{
    margin-top: 24px;
    width: 866px;
}
.service-banner .txt2{
    margin-top: 5px;
    width: 688px;
    word-wrap: break-word;
    word-break: normal;
}
.service-banner .txt1,
.service-banner .txt2{
    font-size: 24px;
    color: #663399;
    line-height: 37px;
}
/* 一站式服务 banner */
.onestop-service{
    width: 100%;
    height: 863px;
    background-color: #f7f7f7;
    color: #663399;
}
.onestop-service .title-txt{
    margin-top: 51px;
    font-size: 84px;
    letter-spacing: 6px;
    /* font-weight: 400; */
}
.onestop-service .tilte-des{
    margin-left: 68px;
    margin-right: 22px;
    font-size: 42px;
}
.onestop-service-content{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.onestop-card{
    width: 276px;
    height: 341px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    box-shadow: 
    0 -5px 7px rgba(224, 216, 232, 0.6), /* 上阴影 */
    5px 0 7px  rgba(224, 216, 232, 0.6), /* 右阴影 */
    0 20px 0 rgba(102, 51, 153, 1), /* 下阴影 */
    -5px 0 7px  rgba(224, 216, 232, 0.6); /* 左阴影 */
    cursor: pointer;
}
.onestop-card:hover{
        box-shadow: 
    0 -5px 7px rgba(10, 2, 168, 0.3),
    5px 0 7px  rgba(10, 2, 168, 0.3),
    0 20px 0 rgba(10, 2, 168, 0.8),
    -5px 0 7px  rgba(10, 2, 168, 0.3);

    /* box-shadow: 
    0 -5px 7px rgba(6, 73, 203, 0.6),
    5px 0 7px  rgba(6, 73, 203, 0.6),
    0 20px 0 rgba(6, 73, 203, 1),
    -5px 0 7px  rgba(6, 73, 203, 0.6); */

    /* box-shadow: 
    0 -5px 7px rgba(102, 51, 153, 0.6), 
    5px 0 7px  rgba(102, 51, 153, 0.6), 
    0 20px 0 rgba(102, 51, 153, 1), 
    -5px 0 7px  rgba(102, 51, 153, 0.6); */
}
.onestop-service .onestop-card img{
    width: 100%;
    height: 128px;
    border-top-left-radius: 40px;
    overflow: hidden;
}

.onestop-service .bottom-txt{
    margin-top: 12px;
    font-size: 24px;
    line-height: 36px;
    /* text-align: center; */
}
.onestop-service .card1{
    margin-top: 210px;
}
.onestop-service .card1 .bottom-txt{
    padding-left: 71px;
}
.onestop-service .card2{
    margin-left: 28px;
    margin-top: 50px;
    transition: all 0.3s ease-in-out;
}
.onestop-service .card2 .bottom-txt{
    margin-top: 40px;
    padding-left: 62px;
}

.onestop-service .list3{
    margin-left: 26px;
    margin-top: -200px;
}

.onestop-service .card3 .bottom-txt{
    margin-top: 46px;
    padding-left: 28px;
}

.onestop-service .card4{
    margin-top: 45px;
}

.onestop-service .card4 .bottom-txt{
    padding-left: 26px;
    margin-top: 15px;
}

.onestop-service .card5{
    margin-top: 112px;
    margin-left: 37px;
}

.onestop-service .card5 .bottom-txt{
    margin-top: 11px;
    padding-left: 37px;
}

.process img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}