@charset "utf-8";

/* **** Banner **** */
.banner {
    background: url(img/banners/exhibitionBannerBg.jpg) center center/auto 100% no-repeat;
}
/* **** 三大会议整合解释 **** */
.integrate {
    width: 900px;
    margin: 45px auto;
    overflow: hidden;
}
.integrateDesc {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 40px;
    color: #252525;
}
.integrateDesc:last-child {
    margin-bottom: 0;
}

/* **** 与会群体 & 名录 **** */
.conventionerBox {
    width: 900px;
}
.conventionerLinks {
    margin-top: 30px;
}

/* **** 参展赞助形式 **** */
.sponsorMode {
    overflow: hidden;
}
.sponsorModeWrapper {
    position: relative;
    width: 900px;
    margin: 0 auto 40px;
    border: 1px solid #F0F1F2;
}
.sponsorModeTabs {
    width: 100%;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    background-color: #F0F1F2;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.sponsorModeTabs::-webkit-scrollbar {
    display: none;
}
.sponsorModeTab {
    display: inline-block;
    margin-right: 30px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 45px;
    cursor: pointer;
}
.sponsorModeTab:last-child {
    margin-right: 0;
}
.sponsorModeTab.active {
    font-weight: bold;
    background-color: #c30d23;
    color: #fff;    
}
.sponsorModeBox {
    display: none;
}
.sponsorModeBox.active {
    display: block;
}
.sponsorModeBoxDesc {
    width: 700px;
    margin: 35px auto 30px;
    font-size: 14px;
    line-height: 30px;
}
.boothLink {
    display: inline-block;
    color: #c30d23;
}
.sponsorModeContainer {
    position: relative;
    margin: 0 auto;
}
.sponsorModeArrow {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 60px;
    padding: 10px 5px;
    transform: translateY(-50%);
    /* background-color: rgba(0, 0, 0, 0.5); */
    cursor: pointer;
    outline: 0;
    z-index: 10;
}
.sponsorModeLeftArrow {
    left: 30px;
}
.sponsorModeRightArrow {
    right: 30px;
}
.sponsorModeLeftArrow::after, .sponsorModeRightArrow::after {
    content: "";
    width: 30px;
    height: 30px;
    border-left: 2px #c30d23 solid;
    border-bottom: 2px #c30d23 solid;
    position: absolute;
    top: 50%;
    left: 50%;
}
.sponsorModeLeftArrow::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: -16px 0 0 -5px;
}
.sponsorModeRightArrow::after{
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin: -15px 0 0 -25px;
}
.sponsorModeArrow:hover::after {
	border-color: #c30d23;
}
.sponsorModeContent {
    position: relative;
    width: 700px;
    height: 410px;
    margin: 0 auto 35px;
}
.sponsorModeItemImg {
    width: 100%;
}
.sponsorModeItemCaption {
    margin-top: 10px;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
.sponsorModeItemCaption::before {
    display: inline-block;
    vertical-align: top;
    content: "";
    width: 0;
    height: 0;
    margin-right: 5px;
    border: 7px transparent solid;
    border-bottom-color: #333;
}
.moreSponsorInfoBtn {
    display: block;
    width: 200px;
    height: 45px;
    margin: 0 auto 60px;
    font-size: 14px;
    line-height: 45px;
    background-color: #c30d23;
    color: #fff;
    cursor: pointer;
}
.moreSponsorInfoBtn:hover {
    font-weight: bold;
}

/* **** 评价 **** */
.evaluatePaginations {
    display: block;
    text-align: center;
}
.evaluatePagination {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border-radius: 100%;
    background-color: #898888;
}
.evaluatePagination.active {
    background-color: #c30d23;
}

/* **** 合作伙伴 **** */
.partnerLink {
    cursor: initial;
}

/* **** 了解更多帮助信息（参展赞助登记） **** */
.sponsorRegister {
    border-top: 1px solid #F1F1F1;
    overflow: hidden;
}
.sponsorRegisterBox {
    width: 940px;
    margin: 0 auto 60px;
}
.sponsorRegisterSuggest {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 20px;
    color: #767676;
}
.sponsorRegisterContact {
    color: #c30d23;
}
.formItem {
    width: 300px;
    height: 60px;
}
.sponsorMiddleItem {
    margin: 0 20px;
}
.formTip {
    position: static;
}
.submitSponsorBtn {
    display: block;
    width: 300px;
    height: 50px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    background-color: #c30d23;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    /* **** 三大会议整合解释 **** */
    .integrate {
        width: 90%;
        margin: 0.45rem auto;
    }
    .integrateDesc {
        margin-bottom: 0.4rem;
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    /* **** 与会群体 & 名录 **** */
    .conventionerBox {
        width: 100%;
    }
    .conventionerLinks {
        margin-top: 0.6rem;
    }
    /* **** 参展赞助形式 **** */
    .sponsorModeWrapper {
        width: 6.9rem;
        margin: 0 auto 0.4rem;
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .sponsorModeTabs {
        background-color: transparent;
        white-space: unset;
    }
    .sponsorModeTab {
        box-sizing: border-box;
        width: 2.2rem;
        margin: 0 0 0.2rem;
        padding: 0;
        font-size: 0.24rem;
        line-height: 0.6rem;        
        border: 1px solid #898888;
        color: #252525;
    }
    .sponsorModeTab:nth-child(3n - 1) {
        margin: 0 0.15rem 0.2rem;
    }
    .sponsorModeTab.active {
        border-color: #c30d23;
        font-weight: normal;
    }
    .sponsorModeBoxDesc {
        width: 100%;
        margin: 0.3rem 0;
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .sponsorModeContainer {
        width: 100%;
    }
    .sponsorModeArrow {
        display: none;
    }
    .sponsorModeContent {
        width: 100%;
        height: auto;
        margin: 0 auto 0.4rem;
    }
    .sponsorModeItemCaption {
        margin-top: 0.2rem;
        font-size: 0.2rem;
        line-height: 0.4rem;
    }
    .sponsorModeItemCaption::before {
        display: inline-block;
        vertical-align: top;
        content: "";
        width: 0;
        height: 0;
        margin-right: 0.1rem;
        border: 0.14rem transparent solid;
        border-bottom-color: #333;
    }
    .moreSponsorInfoBtn {
        width: 4rem;
        height: 0.9rem;
        margin: 0 auto 0.6rem;
        font-size: 0.28rem;
        font-weight: normal;
        line-height: 0.9rem;
    }
    /* **** 了解更多帮助信息（参展赞助登记） **** */
    .sponsorRegisterBox {
        width: 90%;
        margin: 0 auto 0.6rem;
    }
    .sponsorRegisterSuggest {
        margin-bottom: 0.6rem;
        font-size: 0.28rem;
        line-height: 0.4rem;
    }
    .formItem {
        width: 100%;
        height: 1.2rem;
        margin: 0;
        float: none;
    }
    .submitSponsorBtn {
        width: 100%;
        height: 0.8rem;
        margin: 0.2rem 0 0;
        font-size: 0.28rem;
        line-height: 0.8rem;
    }
}