/*二级-word-banner图*/
.join-banner {
    position:relative;
    overflow:hidden;
}
.join-banner img {
    width: 100%;
    animation: myfirst 25s linear infinite normal;
}
@keyframes myfirst
{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}100%{transform:scale(1,1);}}

.join-banner:after {
    opacity: 0.5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dian-bg.png) repeat rgb(0,0,0,0);
    z-index: 1;
    transition: all 0.3s;
}
.join-banner .word-fix {
    position: absolute;
    left: 8%;
    bottom: 40%;
    z-index: 8;
    color: #fff;
    width: 92%;
}
.join-banner .word-fix p {
    font-size: 2rem;
    color: #fff;
    font-family: "Futura-Light";
    line-height: 1;
    overflow: hidden;
}
.join-banner .word-fix h1 {
    font-size: 0.48rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.8;
    margin: 0.2rem 0 0 0;
    overflow: hidden;
}


@media screen and (max-width:1024px){
.join-banner {
}
.join-banner .word-fix {
}
.join-banner .word-fix p {
    font-size: 0.78rem;
    max-width: 700px;

}
.join-banner .word-fix h1 {
    font-size:0.24rem;
    margin: 0.2rem 0 0 0;
}
}
/*二级-word-banner图 end*/


/*板块共用标题*/
.join-title {
    position:relative;
    padding:0.1rem 0;
}
.join-title h6 {
    font-size: 1.2rem;
    color: #e3e3e3;
    line-height: 1;
    font-family: "Montserrat-Bold";
    font-family: "Impact";
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    transform: translate(0px,0.65rem);
}
.join-title h6 span {
    font-family: "Montserrat-Bold";
}
.join-title h3 {
    position: relative;
    font-size: 0.48rem;
    color: #e4002b;
    line-height: 1.6;
    margin:0.2rem 0 0.2rem 0;
}
.join-title h3 span{
    *padding:0 0.1rem 0 0;
    *font-size: 0.56rem;
    *color: #333;
    *font-family: "Oswald-Regular";
}
.join-title h4 {
    font-size: 0.24rem;
    color: #000;
    padding: 0.2rem 0 0 0;
}
.join-title p {
    max-width: 9.8rem;
    margin: 0.3rem auto 0 auto;
    font-size: 0.16rem;
    color: #666;
    line-height: 1.8;
}
.join-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/join/title-icon.png) no-repeat center center/100%;
    transition: width 0.8s ease-in-out 1.2s;
    width: 2.5rem;
    height: 1.8rem;
    z-index: -1;
}

/*白色字体*/
.join-title.white h6, 
.join-title.white h6 span,
.join-title.white h3,
.join-title.white h3,
.join-title.white h4,
.join-title.white p {
    color:#fff;
}
@media screen and (max-width:1024px) {
.join-title {
    padding:0.1rem 0;
}
.join-title h6 {
    font-size: 0.58rem;
    letter-spacing: 0rem;
    transform: translate(0px,0.4rem);
}
.join-title h6 span {
}
.join-title h3 {
    font-size: 0.24rem;
}
.join-title h3 span{
    padding:0 0.05rem 0 0;
    font-size: 0.24rem;
}
.join-title h4 {
    font-size: 0.18rem;
}
.join-title p {
    font-size: 0.14rem;
    margin: 0.1rem auto 0 auto;
}
.join-title::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/join/title-icon.png) no-repeat center center/100%;
    width: 1.25rem;
    height: 0.9rem;

}
}
/*板块共用标题*/


/*加盟就找大品牌*/
.about {
    position: relative;
    padding:1.2rem 0;
}
.about::after {
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/about.jpg) no-repeat bottom center / cover;
    -webkit-filter: grayscale(100%);
    transition: all 3s;
}
.about .about-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about .about-item .power {
    width:50%;

}
.about .about-item .power .title {}
.about .about-item .power .title h4 {
    font-size: 0.48rem;
    color:#000;
    font-weight: bold;
    line-height: 1.6;
}


.about .about-item .power .intro{
    margin:1.2rem 0 0.9rem 0;
}
.about .about-item .power .intro h6 {
    font-size: 0.24rem;
    color: #000;
    padding: 0.2rem 0 0 0;
}
.about .about-item .power .intro p {
    font-size: 0.16rem;
    color: #777;
    line-height: 2;
    padding: 0.2rem 0 0 0;
}


.about .about-item .power .brand {}
.about .about-item .power .brand p{
    font-size: 0.24rem;
    color: #000;
    line-height: 1.6;
}
.about .about-item .power .brand p span {
    font-size: 0.72rem;
    color: #e4002b;
    font-family: "Futura-Medium";
    padding:0 0.1rem;
}

.about .about-item .choice {
    width:50%;
}
.about .about-item .choice .money {}
.about .about-item .choice .money h3 {
    font-size: 0.48rem;
    color:#000;
    line-height: 1.6;
    margin:0 0 0.5rem 0;
}
.about .about-item .choice .money p {
    font-size: 0.24rem;
    color: #000;
}
.about .about-item .choice .money p span {
    font-size: 0.24rem;
    color: #e4002b;
    line-height: 1.6;
    padding:0 0.1rem;
}
@media screen and (max-width:1024px){
.about {
    position: relative;
    padding:1.2rem 0;
}
.about::after {
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/about.jpg) no-repeat bottom center / cover;
    -webkit-filter: grayscale(100%);
    transition: all 3s;
}
.about .about-item {
}
.about .about-item .power {
    width:100%;

}
.about .about-item .power .title {}
.about .about-item .power .title h4 {
    font-size: 0.24rem;
    color:#e4002b;
    line-height: 1.6;
}


.about .about-item .power .intro{
    margin:0.3rem 0 0.225rem 0;
}
.about .about-item .power .intro h6 {
    font-size: 0.18rem;
    padding: 0.2rem 0 0 0;
}
.about .about-item .power .intro p {
    font-size: 0.14rem;
    line-height: 2;
    padding: 0.2rem 0 0 0;
}


.about .about-item .power .brand {}
.about .about-item .power .brand p{
    font-size: 0.24rem;
}
.about .about-item .power .brand p span {
    font-size: 0.3rem;
    padding:0 0.1rem;
}

.about .about-item .choice {
    width:100%;
    margin:0.25rem 0 0 0;
}
.about .about-item .choice .money {}
.about .about-item .choice .money h3 {
    font-size: 0.24rem;
    line-height: 1.6;
    margin:0 0 0.5rem 0;
}
.about .about-item .choice .money p {
    font-size: 0.18rem;
}
.about .about-item .choice .money p span {
    font-size: 0.18rem;
    line-height: 1.6;
    padding:0 0.1rem;
}
}
/*加盟就找大品牌*/

/*创新产品，吸睛门店*/
.product {
    position: relative;
    padding:1.2rem 0;
    background:#f6f6f6;
}
.product::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/join/product.jpg) no-repeat bottom right /6rem;
    transition: all 3s;
}
.product .container {
    position: relative;
    z-index: 2;
}
.product .product-item {}
.product .product-item .title {}
.product .product-item .title h4 {
    font-size: 0.48rem;
    color:#000;
    line-height: 1.6;
}


.product .product-item .sell {
    margin:0.8rem 0 0.3rem 0;
}
.product .product-item .sell h4 {
    font-size: 0.48rem;
    color:#000;
    font-weight: bold;
    line-height: 1.6;
}
.product .product-item .sell p {
    font-size: 0.24rem;
    color:#333;
    line-height: 1.6;
    margin:0.2rem 0 0 0;
}

.product .product-item .advantage {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13%;
    margin:1.2rem 0 0 0;
}
.product .product-item .advantage .three {}
.product .product-item .advantage .three h4 {
    font-size: 0.36rem;
    color:#e4002b;
    line-height: 1.6;
}
.product .product-item .advantage .three h4 span {
    font-size: 0.72rem;
    font-family: "Futura-Medium";
    padding:0 0.2rem 0 0;
}

.product .product-item .advantage .three .tags {}
.product .product-item .advantage .three .tags ul {}
.product .product-item .advantage .three .tags ul li {
    margin:0.2rem 0;
}
.product .product-item .advantage .three .tags ul li h6 {
    font-size: 0.24rem;
    color:#000;
}
.product .product-item .advantage .three .tags ul li h6::before {
    content: "";
    width: 0.36rem;
    height: 0.36rem;
    background: url(../images/join/logo-icon.svg) no-repeat center center / 0.22rem;
    margin: 0 0.05rem 0.12rem 0;
    display: inline-block;
    vertical-align: middle;
}
.product .product-item .advantage .three .tags ul li p {
    font-size: 0.16rem;
    color:#999;
    margin:0.1rem 0 0 0;
    padding:0 0 0 0.4rem;
}
@media screen and (max-width:1024px){
.product {
    position: relative;
    padding:1.2rem 0;
    background:#f6f6f6;
}
.product::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/join/product.jpg) no-repeat bottom right /3rem;
}
.product .container {
}
.product .product-item {}
.product .product-item .title {}
.product .product-item .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.product .product-item .sell {
    margin:0.4rem 0 0.15rem 0;
}
.product .product-item .sell h4 {
    font-size: 0.18rem;
    line-height: 1.6;
}
.product .product-item .sell p {
    font-size: 0.16rem;
    line-height: 1.6;
    margin:0.2rem 0 0 0;
}

.product .product-item .advantage {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 13%;
    margin:1.2rem 0 0 0;
}
.product .product-item .advantage .three {}
.product .product-item .advantage .three h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.product .product-item .advantage .three h4 span {
    font-size: 0.18rem;
    padding:0 0.1rem 0 0;
}

.product .product-item .advantage .three .tags {}
.product .product-item .advantage .three .tags ul {}
.product .product-item .advantage .three .tags ul li {
    margin:0.2rem 0;
}
.product .product-item .advantage .three .tags ul li h6 {
    font-size: 0.18rem;
}
.product .product-item .advantage .three .tags ul li h6::before {
    content: "";
    width: 0.28rem;
    height: 0.28rem;
    background: url(../images/join/logo-icon.svg) no-repeat center center / 0.16rem;
    margin: 0.1rem 0.05rem 0.12rem 0;
    display: inline-block;
    vertical-align: middle;
}
.product .product-item .advantage .three .tags ul li p {
    font-size: 0.14rem;
    margin:0rem 0 0 0;
    padding:0 0 0 0.4rem;
}
}
/*创新产品，吸睛门店*/

/*多渠道品牌推广*/
.advertisement {
    position: relative;
    padding:1.2rem 0;
}
.advertisement::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/advertisement.jpg) no-repeat bottom right /cover;
    filter: grayscale(50%);
    transition: all 3s;
}
.advertisement .advertisement-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advertisement .advertisement-item .word {
    width:48%;
}
.advertisement .advertisement-item .word .title {}
.advertisement .advertisement-item .word .title h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}
.advertisement .advertisement-item .word .title p {
    font-size: 0.24rem;
    color: #333;
    line-height: 1.6;
    margin:0.7rem 0 0 0;
}

.advertisement .advertisement-item .drainage {
    margin:0.8rem 0 0 0;
}
.advertisement .advertisement-item .drainage h5 {
    font-size: 0.48rem;
    color: #e4002b;
    line-height: 1.6;
}
.advertisement .advertisement-item .drainage p {
    font-size: 0.18rem;
    color: #666;
    line-height: 1.8;
    padding: 0.2rem 0 0 0;
}

.advertisement .advertisement-item .icon {
    margin:1rem 0 0 0;

}
.advertisement .advertisement-item .icon img {
    max-width: 0.57rem;
}


.advertisement .advertisement-item .tags {
    width:48%;
}
.advertisement .advertisement-item .tags ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.advertisement .advertisement-item .tags ul li {
    width:49%;
    margin:0 0 2% 0;
    padding:0.6rem 0.3rem;
    text-align: center;
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.5);
}
.advertisement .advertisement-item .tags ul li figure {}
.advertisement .advertisement-item .tags ul li figure img {
    max-width: 0.44rem;
    *filter: grayscale(100%);
}

.advertisement .advertisement-item .tags ul li h5 {
    font-size: 0.24rem;
    color:#000;
    line-height: 1.6;
    padding:0.3rem 0 0 0;
}
.advertisement .advertisement-item .tags ul li h6 {
    font-size: 0.18rem;
    color:#000;
    padding:0.3rem 0 0.25rem 0;
}
.advertisement .advertisement-item .tags ul li p {
    font-size: 0.16rem;
    color:#666;
}
@media screen and (max-width:1024px){
.advertisement {
    position: relative;
    padding:1.2rem 0;
}
.advertisement::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/advertisement.jpg) no-repeat bottom right /cover;
    transition: all 3s;
}
.advertisement .advertisement-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.advertisement .advertisement-item .word {
    width:100%;
}
.advertisement .advertisement-item .word .title {}
.advertisement .advertisement-item .word .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.advertisement .advertisement-item .word .title p {
    font-size: 0.18rem;
    line-height: 1.6;
    margin:0.3rem 0 0 0;
}

.advertisement .advertisement-item .drainage {
    margin:0.4rem 0 0 0;
}
.advertisement .advertisement-item .drainage h5 {
    font-size: 0.24rem;
    color: #e4002b;
    line-height: 1.6;
}
.advertisement .advertisement-item .drainage p {
    font-size: 0.16rem;
    line-height: 1.8;
    padding: 0.2rem 0 0 0;
}

.advertisement .advertisement-item .icon {
    margin:0.5rem 0 0 0;

}
.advertisement .advertisement-item .icon img {
    max-width: 0.4rem;
}


.advertisement .advertisement-item .tags {
    width:100%;
    margin:0.5rem 0 0 0;
}
.advertisement .advertisement-item .tags ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.advertisement .advertisement-item .tags ul li {
    width:49%;
    margin:0 0 2% 0;
    padding:0.3rem 0.1rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.5);
}
.advertisement .advertisement-item .tags ul li figure {}
.advertisement .advertisement-item .tags ul li figure img {
    max-width: 0.4rem;
}

.advertisement .advertisement-item .tags ul li h5 {
    font-size: 0.18rem;
    padding:0.3rem 0 0 0;
}
.advertisement .advertisement-item .tags ul li h6 {
    font-size: 0.16rem;
    padding:0.1rem 0 0.1rem 0;
}
.advertisement .advertisement-item .tags ul li p {
    font-size: 0.14rem;
}
}
/*多渠道品牌推广*/


/*厂家手把手精准专业帮扶*/
.support {
    position: relative;
    padding:1.2rem 0;
}
.support::after {
    opacity: 0.5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/support.jpg) no-repeat bottom right /cover;
    filter: grayscale(50%);
    transition: all 3s;
}
.support .support-item {}

.support .support-item .title {}
.support .support-item .title h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}

.support .support-item .tags {
    margin:1rem 0 0 0;
}
.support .support-item .tags ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.support .support-item .tags ul li {
    width: 24%;
    margin: 0 0 2% 0;
    padding: 0.6rem 0.3rem;
    text-align: center;
    border-radius: 0.1rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.8);
}
.support .support-item .tags ul li figure {}
.support .support-item .tags ul li figure img {
    max-width: 0.44rem;
    *filter: grayscale(100%);
}
.support .support-item .tags ul li h3 {
    font-size: 0.24rem;
    color: #000;
    padding: 0.3rem 0 0.3rem 0;
}
.support .support-item .tags ul li p {
    font-size: 0.16rem;
    color: #666;
}
@media screen and (max-width:1024px){
.support {
    position: relative;
    padding:1.2rem 0;
}
.support::after {
    opacity: 0.5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/support.jpg) no-repeat bottom right /cover;
    transition: all 3s;
}
.support .support-item {}

.support .support-item .title {}
.support .support-item .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}

.support .support-item .tags {
    margin:0.5rem 0 0 0;
}
.support .support-item .tags ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.support .support-item .tags ul li {
    width: 49%;
    margin: 0 0 2% 0;
    padding: 0.3rem 0.1rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.5);
}
.support .support-item .tags ul li figure {}
.support .support-item .tags ul li figure img {
    max-width: 0.4rem;
}
.support .support-item .tags ul li h3 {
    font-size: 0.18rem;
    padding: 0.2rem 0 0.1rem 0;
}
.support .support-item .tags ul li p {
    font-size: 0.14rem;
}
}
/*厂家手把手精准专业帮扶*/

/*将军中心仓*/
.stash {
    position: relative;
    padding: 1.2rem 0;
}
.stash .stast-item {}
.stash .stast-item .title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stash .stast-item .title .word-left {
    width:45%;
}
.stash .stast-item .title .word-left h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}
.stash .stast-item .title .word-left h4 span {
    color: #e4002b;
}
.stash .stast-item .title .word-left p {
    font-size: 0.24rem;
    color: #333;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.stash .stast-item .title .word-right {
    width:45%;
}
.stash .stast-item .title .word-right h4 {
    font-size: 0.48rem;
    color: #000;
    line-height: 1.6;
}
.stash .stast-item .title .word-right p {
    font-size: 0.24rem;
    color: #e4002b;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}

.stash .stast-item .stash-list {
    margin: 1rem 0 0 0;
    box-shadow: 0 1.1458vw 3.125vw 0 rgba(29, 44, 75, .36);
}
.stash .stast-item .stash-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stash .stast-item .stash-list ul li {
    position:relative;
    width: 25%;
}
.stash .stast-item .stash-list ul li .photo {
    position:relative;
    overflow:hidden;
    
}
.stash .stast-item .stash-list ul li .photo img {
    width:100%;  
    transition: all 0.6s ease;
}
.stash .stast-item .stash-list ul li:hover .photo img{
    transform: scale(1.1);
}
.stash .stast-item .stash-list ul li .photo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    opacity: 0.4;
}
.stash .stast-item .stash-list ul li .word {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding:0.5rem 0.3rem;
    
}
.stash .stast-item .stash-list ul li .word i {
    font-size: 0.48rem;
    color: #fff;
    font-family: "Futura-Medium";
    font-style: normal;
    line-height: 1.6;
    
}
.stash .stast-item .stash-list ul li .word h4 {
    font-size: 0.36rem;
    color:#fff;
    margin:0.2rem 0;
}
.stash .stast-item .stash-list ul li .word p {
    font-size: 0.16rem;
    color:#fff;
    opacity:0.8;
}
@media screen and (max-width:1024px){
.stash {
    position: relative;
    padding: 1.2rem 0;
}
.stash .stast-item {}
.stash .stast-item .title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stash .stast-item .title .word-left {
    width:100%;
}
.stash .stast-item .title .word-left h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.stash .stast-item .title .word-left h4 span {
}
.stash .stast-item .title .word-left p {
    font-size: 0.16rem;
    color: #333;
    line-height: 1.6;
    margin: 0.2rem 0 0 0;
}
.stash .stast-item .title .word-right {
    width:100%;
    margin:0.25rem 0 0 0;
}
.stash .stast-item .title .word-right h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.stash .stast-item .title .word-right p {
    font-size: 0.16rem;
    line-height: 1.6;
    margin: 0.1rem 0 0 0;
}

.stash .stast-item .stash-list {
    margin: 0.5rem 0 0 0;
    box-shadow: 0 1.1458vw 3.125vw 0 rgba(29, 44, 75, 0);
}
.stash .stast-item .stash-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stash .stast-item .stash-list ul li {
    position:relative;
    width: 100%;
    margin: 0.05rem 0;
}
.stash .stast-item .stash-list ul li .photo {
    position: relative;
    width: 100%;
    padding-top: 70%;
    overflow: hidden;
    
}
.stash .stast-item .stash-list ul li .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.stash .stast-item .stash-list ul li:hover .photo img{
    transform: scale(1.1);
}
.stash .stast-item .stash-list ul li .photo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    opacity: 0.4;
}
.stash .stast-item .stash-list ul li .word {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding:0.5rem 0.3rem;
    
}
.stash .stast-item .stash-list ul li .word i {
    font-size: 0.24rem;
    color: #fff;
    font-style: normal;
    line-height: 1.6;
    
}
.stash .stast-item .stash-list ul li .word h4 {
    font-size: 0.24rem;
    margin:0.2rem 0;
}
.stash .stast-item .stash-list ul li .word p {
    font-size: 0.14rem;
    opacity:0.8;
}
}
/*将军中心仓*/


/*强强联合，全球战略合作*/
.partner {
    position: relative;
    padding: 0.6rem 0;
}
.partner .partner-item {}
.partner .partner-item .title {}
.partner .partner-item .title h4 {
    font-size: 0.48rem;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}
.partner .partner-item .title h4 span {
    color: #e4002b;
}

.partner .partner-item .photo {
    margin: 0.4rem 0 0 0;
}
.partner .partner-item .photo img{
    width:100%;
}
@media screen and (max-width:1024px){
.partner {
    position: relative;
    padding: 0rem 0;
}
.partner .partner-item {}
.partner .partner-item .title {}
.partner .partner-item .title h4 {
    font-size: 0.24rem;
    line-height: 1.6;
}
.partner .partner-item .title h4 span {
}

.partner .partner-item .photo {
    margin: 0.4rem 0 0 0;
}
.partner .partner-item .photo img{
    width:100%;
}
}
/*强强联合，全球战略合作*/


/*留言-START*/

/*留言-顶部+底部公共样式*/
.item-message {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2%;
}
.item-message .name,
.item-message .telephone,
.item-message .purpose,
.item-message .address{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23.5%;
    height: 0.46rem;
    line-height: 0.46rem;
    margin: 6px 0;
    padding: 0 0.1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    background: #fff;
    font-size: 0.14rem;
    color: #666;  
}
.item-message .content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 0.8rem;
    line-height: 0.46rem;
    margin: 6px 0;
    padding: 0 0.1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: transparent;
    background: #fff;
    font-size: 0.14rem;
    color: #666;  
}
.item-message input:focus {
    border: 1px solid #e4002b;
}
.apply-message {
    position: relative;
    z-index: 0;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    font-stretch: normal;
    letter-spacing: 0;
    
    width: 2.4rem;
    line-height: 0.44rem;
    margin:0.3rem 0 0 0;
    border-radius: 0rem;
    border: 1px solid #ddd;
    background: none;
    font-size: 0.16rem;
    color: #000;
    *background: linear-gradient(270deg,#e4002b,#e4002b);
    *background: linear-gradient(225deg, #6580FF 0%, #39AEFF 54%, #45C2FF 100%);
    *box-shadow: 0px 6px 14px 0px rgba(57,174,255,0.4);
    *box-shadow: 0px 6px 40px 0px rgba(34,87,179,0.12);
    *box-shadow: 0 2px 4px rgba(0,0,0,.06);
}
.apply-message:hover{
    color: #fff;
    border: 1px solid #e4002b;
    background: linear-gradient(270deg,#e4002b,#e4002b);
    box-shadow: 0 10px 6px 0 rgb(188 157 95 / 10%);
}
.apply-message span {
    font-size: 0.16rem;
    transition: padding 1s;
}
.apply-message:hover span {
    padding-left:8px;
}

/*留言-顶部*/
.TOP-message {
    position: relative;
    padding:0.8rem 0;
    *background:#fff;
}
.TOP-message::after {
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/about.jpg) no-repeat bottom center / cover;
    -webkit-filter: grayscale(100%);
    transition: all 3s;
}
.TOP-message .TOP-item {
    margin:0.3rem 0 0 0;
}
.TOP-message .apply-message {
    margin:0.3rem 0 auto;
}

/*留言-底部*/
.BOTTOM-message {
    position: relative;
    padding:0.8rem 0 0.8rem 0;
    *background:#f9f9f9;
}
.BOTTOM-message::after {
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(../images/join/about.jpg) no-repeat bottom center / cover;
    -webkit-filter: grayscale(100%);
    transition: all 3s;
}
.BOTTOM-message .shuoming {
    width:100%;
    margin-bottom:0.3rem;
}
.BOTTOM-message .shuoming p {
    font-size:0.16rem;
    color:#666;
    margin:0.2rem 0;
}
.BOTTOM-message .shuoming p span {
    color:#e4002b;
    font-weight:bold;
    padding:0 5px;
}
.BOTTOM-message .shuoming h6 {
    font-size:0.14rem;
    color:#666;
    line-height:1.6;
}

.BOTTOM-message .TOP-item,.BOTTOM-item {
    float:left;
    width:58%;
}
.BOTTOM-message .item-message .name,
.BOTTOM-message .item-message .telephone,
.BOTTOM-message .item-message .purpose,
.BOTTOM-message .item-message .address{
    width:49%;
}


@media screen and (max-width:1024px){
.BOTTOM-message .TOP-item,.BOTTOM-item {
    width:100%;
}
.item-message .name,
.item-message .telephone,
.item-message .purpose,
.item-message .address{
    width: 100%;
}
.apply-message {
    width: 100%;
    margin:0.1rem 0 0 0;
}   
.apply-message{
} 

/*留言-顶部部*/
.BOTTOM-message .TOP-item {
     width:100%;
}
/*留言-底部*/
.BOTTOM-message .item-message .name,
.BOTTOM-message .item-message .telephone,
.BOTTOM-message .item-message .purpose,
.BOTTOM-message .item-message .address{
    width:100%;
}
}


/*名单滚动*/
.BOTTOM-message .customer {
    float:right;
    width:35%;
}
.BOTTOM-message .customer h2 {
    font-size:0.18rem;
    color:#000;
}
.BOTTOM-message .customer h2 span {
    color:#e4002b;
    padding:0 5px;
}
.BOTTOM-message .customer #marquee {
    width:100%;
    height:160px;
    margin:0.2rem 0 0 0;
    overflow:hidden;
}
.BOTTOM-message .customer #marquee ul {
    width:100% !important;
}
.BOTTOM-message .customer #marquee ul li {
    float:left;
    width:100%;
    padding:0.15rem 0;
    line-height:0.1rem;
    border-bottom:1px dotted #ccc;
}
.BOTTOM-message .customer #marquee ul li span {
    font-size:0.14rem;
    color:#666;
    padding:0 6px;
}
@media screen and (max-width:1024px){
.BOTTOM-message .customer {
    width:100%;
    margin: 50px 0 0 0;
}
.BOTTOM-message .customer h2 {
    font-size:0.16rem;
}
.BOTTOM-message .customer h2 span {
    padding:0 5px;
}
.BOTTOM-message .customer #marquee {
    width:100%;
    height:200px;
    margin:0.3rem 0 0 0;
    overflow:hidden;
}
.BOTTOM-message .customer #marquee ul {
    width:100% !important;
}
.BOTTOM-message .customer #marquee ul li {
    float:left;
    width:100%;
    padding:0.15rem 0;
    line-height:0.1rem;
    border-bottom:1px dotted #ccc;
}
.BOTTOM-message .customer #marquee ul li span {
    display: inline-block;
    width: 30%;
    font-size:0.14rem;
    color:#666;
    padding:0 6px;
}
}
/*名单滚动*/

/*留言-END*/