@charset "utf-8";
/* banner-box */
.banner{width:100%;height:11.25rem;position:relative;overflow:hidden;margin-top:2.4rem;}
.banner .bd{ width:18.75rem !important;}
.banner .bd li{height:11.25rem;}
.banner .bd li .text{width:100%;position:absolute;top: 0;left: 1.5rem;display:flex;flex-direction: column;justify-content:center;/* align-items:flex-start; */height:inherit;}
.banner .bd li .text h2{font-size: 1rem;color:#fff;font-weight: bold;}
.banner .bd li .text p{width: 10rem;font-size: 0.5rem;color:#fff;display:block;margin-top:0.5rem;}
.banner .bd li .text .detail i{display:block;height:0.15rem;width:1.4rem;background:#fff;margin-top:0.625rem;}
.banner .bd li .text .consultBtn{width: 4rem;height: 1.25rem;line-height: 1.25rem;border:1px solid #fff;color:#fff;font-size: 0.45rem;margin-top: 1.3rem;border-radius:2px;text-align: center;}
.banner .bd li .text dl{margin-top: 25px;overflow:hidden;}
.banner .bd li .text dl dd{font-size:24px;display:block;background:url(/images/textIcon.png) no-repeat left center;background-size:29px;color:#fff;line-height: 45px;padding-left:50px;}

.Title{
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    margin: 0 1rem;
}
.Abstract{
    font-size: .6rem;
    color: #888888;
    text-align: center;
    margin: 0.5rem 1rem 0;
}

img{
    width: 100%;
}
.enterprise,.advantage,.product,.join,.contactUs{
    max-width: 18.75rem;
    padding: 2rem 0;
}

.enterprise .enterpriseCon,
.advantage .advantageCon,
.product .productCon,
.join .joinCon,
.contactUs .contactCon{
    max-width: 18.75rem;
    margin: 0 0.5rem;
}
.enterprise .enterpriseCon ul,
.product .productCon ul{
    display: flex;
    font-size: 0.55rem;
    margin-top: 1rem;
    width: 100%;
    overflow-x: auto;
    padding: 1rem 0;
    align-items: center;
    flex-wrap: wrap;
}
.enterprise .enterpriseCon ul li,
.product .productCon ul li{
    text-align: center;
    width: 8rem;
    height: 10rem;
    background: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    flex: none;
    margin: 0.4rem;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .5rem;
}
.enterprise .enterpriseCon ul li:hover,
.product .productCon ul li:hover{
    transform: translateY(-10px);
}
.enterprise .enterpriseCon ul li .imgs,
.product .productCon ul li .imgs,
.join .joinCon ul li .imgs{
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
}
.enterprise .enterpriseCon ul li .name,
.product .productCon ul li .name,
.join .joinCon ul li .name{
    font-size: .8rem;
    margin-top: 1rem;
}
.enterprise .enterpriseCon ul li:nth-child(1) .imgs{
    background: url(/images/partner/partner_01_off.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(2) .imgs{
    background: url(/images/partner/partner_02_off.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(3) .imgs{
    background: url(/images/partner/partner_03_off.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(4) .imgs{
    background: url(/images/partner/partner_04_off.png) no-repeat center;
    background-size: cover;
}

.enterprise .enterpriseCon ul li:nth-child(1):hover .imgs{
    background: url(/images/partner/partner_01_on.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(2):hover .imgs{
    background: url(/images/partner/partner_02_on.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(3):hover .imgs{
    background: url(/images/partner/partner_03_on.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:nth-child(4):hover .imgs{
    background: url(/images/partner/partner_04_on.png) no-repeat center;
    background-size: cover;
}
.enterprise .enterpriseCon ul li:hover{
    background: #FF6420 url(/images/partner/partner_bg.jpg) no-repeat;
    color: #fff;
    height: 11.5rem;
}


/**/

.advantage {
    background: url(/images/partner/advantage_bg.png) no-repeat;
    background-size: cover;
}
.advantage .advantageCon ul{
    display: flex;
    font-size: 0.55rem;
    margin-top: 1rem;
    width: 100%;
    overflow-x: auto;
    padding: 1rem 0;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.advantage .advantageCon ul li{
    text-align: center;
    background: linear-gradient(0deg, #FFFFFF 0%, #F7FAFF 100%);
    align-items: center;
    padding: .8rem .5rem;
    width: 7rem;
    height: 9.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
    flex: none;
    margin: 0.4rem;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1rem;
}
.advantage .advantageCon ul li .imgs{
    width: 2.5rem;
    /*height: 2.5rem*/
}
.advantage .advantageCon ul li:hover{
    transform: translateY(-10px);
    
}
.advantage .advantageCon ul li .name{
    font-size: .9rem;
    line-height: 1.2rem;
    margin-top: .5rem;
}
.advantage .advantageCon ul li .sub-name{
    font-size: .6rem;
    line-height: .8rem;
    margin-top: .5rem;
    color: #888;
}


/**/
.product .productCon ul li:nth-child(1) .imgs{
    background: url(/images/partner/product_01_off.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(2) .imgs{
    background: url(/images/partner/product_02_off.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(3) .imgs{
    background: url(/images/partner/product_03_off.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(4) .imgs{
    background: url(/images/partner/product_04_off.png) no-repeat center;
    background-size: contain;
}

.product .productCon ul li:nth-child(1):hover .imgs{
    background: url(/images/partner/product_01_on.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(2):hover .imgs{
    background: url(/images/partner/product_02_on.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(3):hover .imgs{
    background: url(/images/partner/product_03_on.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:nth-child(4):hover .imgs{
    background: url(/images/partner/product_04_on.png) no-repeat center;
    background-size: contain;
}
.product .productCon ul li:hover{
    background: #FF6420 url(/images/partner/partner_bg.jpg) no-repeat;
    color: #fff;
    margin-top: -15px;
    height: 395px;
}

.product .productCon .more{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 6rem;
    height: 2rem;
    border: 1px solid #333333;
    border-radius: 4px;
    cursor: pointer;
    background: url(/images/directionImg.png) no-repeat 118px center;
}


.join {
    background: #f3f4f9 url(/images/partner/apply_bg.png) no-repeat top center;
    padding-bottom: 0;
}
.join .joinCon{
    position: relative;
    z-index: 2;
}

.join .joinCon ul{
    display: flex;
    font-size: 0.55rem;
    margin-top: 1rem;
    width: 100%;
    overflow-x: auto;
    padding: 1rem 0;
}
.join .joinCon ul li{
    text-align: center;
    width: 7.5rem;
    height: 13.5rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
    flex: none;
    transition: 0.3s;
}
.join .joinCon ul li:hover{
    transform: translateY(-10px);
}

.join .joinCon ul li .line{
    width: 1px;
    height: .6rem;
    background: #FF4E00;
    margin-top: 1.2rem;
}
.join .joinCon ul li .number{
    width: 100%;
    height: .8rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #FF6420;
    line-height: 1rem;
    margin-top: 1.2rem;
    font-family: DIN;
}
.join .joinCon ul li:nth-child(1) .imgs{
    background: url(/images/partner/apply_off.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:nth-child(2) .imgs{
    background: url(/images/partner/cooperation_off.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:nth-child(3) .imgs{
    background: url(/images/partner/sign_off.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:nth-child(4) .imgs{
    background: url(/images/partner/profit_off.png) no-repeat center;
    background-size: contain;
}

.join .joinCon ul li:nth-child(1):hover .imgs{
    background: url(/images/partner/apply_on.png) no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 9;
}
.join .joinCon ul li:nth-child(2):hover .imgs{
    background: url(/images/partner/cooperation_on.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:nth-child(3):hover .imgs{
    background: url(/images/partner/sign_on.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:nth-child(4):hover .imgs{
    background: url(/images/partner/profit_on.png) no-repeat center;
    background-size: contain;
}
.join .joinCon ul li:hover{
    background: #FF6420 url(/images/partner/cooperation_bg.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: -.5rem;
    height: 13.5rem;
}

.join .joinCon ul li:hover .line{
    background: #fff;
}
.join .joinCon ul li:hover .number{
    color: #fff;
    font-size: 2rem;
    opacity: 0.1;
}



.contactUs{
    position: relative;
    background: url(/images/partner/contact_bg.jpg) no-repeat;
    background-size: cover;
    z-index: 1;
    top: -2.8rem;
}
.contactCon{
    display: flex;
    background-size: cover;
    flex-direction: column;
    align-content: center;
}
.contactCon .title{
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.6rem;
    text-align: center;
}
.contactCon .code{
    width: 7.5rem;
    height: 9rem;
    background: #FFFFFF;
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 1rem auto;
    font-size: .6rem;
    line-height: 1rem;
}
.contactCon .code img{
    width: 100%;
}

.experience{
    margin-top: -2.8rem;
}