@charset "utf-8";
.clearFix {
    zoom: 1;
}

.clearFix:after {
    content: "";
    display: block;
    clear: both;
}

a{
    -webkit-tap-highlight-color:rgba(255,0,0,0)
}
img a{
    -webkit-touch-callout:none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}

#public-nav-program>a {
    color: #D46D2A !important;
}
.wrap{
    width: 1170px;
    margin: 0 auto;
}


.bannerBgWrap{
    width: 100%;
    background: url("../../chccEn/img/awards/awardsBg.jpg") no-repeat center 0;
    height: 567px;
    min-width: 1170px;
}

.bannerContentWrap .txtWrap>p{
    font-weight: bold;
    font-size: 33px;
    color: #FFFFFF;
    line-height: 60px;
    padding-top: 78px;
}
.bannerContentWrap .txtWrap>span{
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 40px;
    font-size: 26px;
    color: #AC976A;
    line-height: 48px;
}
.txtWrap{
    width: 764px;
}
.bannerContentWrap .txtWrap>pre{
    display: block;
    font-size: 18px;
    color: #D6D4D4!important;
    line-height: 30px!important;
    padding: 0 !important;
    width: auto !important;
    border: none !important;
    background: none !important;
    white-space: pre-wrap !important;
    word-wrap: break-word;
    outline: 0;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-break: normal;
    text-align: justify;
}


.web-container {
    position: relative;
    width: 100% !important;
    margin: 0 auto 76px;
}
.accordionSwiper{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
#announce {
    margin-top: 64px;
}

#announce .swiper-slide {
    cursor: default;
    transition: width 0.4s ease;
    width: 20%;
    position: relative;
    height: 503px;
}
#announce .swiper-slide .img-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
    position: absolute !important;
    display: flex;
    justify-content: flex-end;
}
#announce .swiper-slide .img-content img {
    height: 100%;
    width: auto;
    overflow: hidden;
    position: absolute !important;
    top: 0;
}
#announce .swiper-slide .slide-title {
    position: absolute;
    left: 35px;
    top: 60px;
}
#announce .swiper-slide .slide-title div {
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 1;
    min-width: 210px;
}
#announce .swiper-slide .slide-text-content {
    width: 0;
    position: absolute;
    top: 120px;
    left: 0;
    padding-left: 35px;
    height: 100%;
    border-radius: 20px;
    display: none;
    color: #FFFFFF;
    text-align: right;
    box-sizing: border-box;
}
#announce .swiper-slide .slide-text-content .slide-content-title {
    font-size:18px;
    color: #FDFDFD;
    line-height:36px;
    text-align: left;
}

/*#announce .button-next,*/
/*#announce .button-prev {*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*width: 3.75rem;*/
    /*height: 3.75rem;*/
    /*line-height: 3.5rem;*/
    /*border-radius: 50%;*/
    /*border: 1px solid var(--web-nav-active-color);*/
    /*text-align: center;*/
    /*font-size: 1.5rem;*/
    /*color: var(--web-nav-active-color);*/
    /*transform: translateY(0, -50%);*/
    /*transition: all 0.3s linear;*/
    /*cursor: pointer;*/
/*}*/
/*#announce .button-next:hover,*/
/*#announce .button-prev:hover {*/
    /*background-color: var(--web-nav-active-color);*/
    /*color: #bdbdbd;*/
/*}*/
/*#announce .button-prev {*/
    /*left: -5rem;*/
/*}*/
/*#announce .button-next {*/
    /*right: -5rem;*/
/*}*/

.winnersWrap{
    background: url("../img/awards/winnersBg.jpg") no-repeat 0 0;
    width: 1170px;
    height: 384px;
    padding-top: 107px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 64px;
}

.winnersTxtWrap>p:first-child{
    font-weight: bold;
    font-size: 50px;
    color: #FBFBFD;
    line-height: 1;
    margin-bottom: 52px;
}
.winnersTxtWrap>p:last-child{
    font-weight: bold;
    font-size: 20px;
    color: #FBFBFD;
    line-height: 36px;
}
.winnersBtnWrap{
    width: 340px;
}
.winnersBtnWrap a{
    text-align: center;
    display: inline-block;
    width: 333px;
    height: 60px;
    background: #B39D6F;
    border-radius: 30px;
    font-size: 14px;
    color: #FFFFFF!important;
    line-height: 60px;
    margin-bottom: 24px;
}
.winnersBtnWrap>a:first-child{
    margin-top: 10px;
}

.winnersBtnWrap a:hover {
    background: #9e895e;
    box-shadow: 0 4px 12px rgba(179, 157, 111, 0.3);
    transform: scale(1.02);
    color: #fff!important;
}

.winnersBtnWrap a:active {
    transform: scale(0.98);
    box-shadow: 0 2px 8px rgba(179, 157, 111, 0.2);
    color: #fff;
}

.organizersWrap {
    width: 100%;
    height: 326px;
    display: flex;
    background: linear-gradient(
            to right,
            rgba(249, 241, 229, 0), /* 左侧：#f9f1e5 + 透明度0 */
            rgba(249, 241, 229, 1) 50%, /* 中间50%位置：#f9f1e5 + 透明度1（实色） */
            rgba(249, 241, 229, 0) /* 右侧：#f9f1e5 + 透明度0 */
    );
    margin-bottom: 56px;
    padding: 54px 54px 0;
}

.organizerList dt {
    font-weight: bold;
    font-size: 24px;
    color: #020101;
    line-height: 36px;
    margin-bottom: 10px;
}
.organizerList dd {
    position: relative;
    font-size: 16px;
    color: #020101;
    line-height: 30px;
    text-align: left;
    padding-left: 10px;
}
.organizerList dd:before {
    content: "•";
    font-size: 16px;
    color: #000;
    line-height: 30px;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.organizersWrap dl:first-child{
    width: 430px;
}
.organizersWrap dl:first-child{
    width: 550px;
}

.slide-content-title .item{
    position: relative;
    padding-left: 12px;
}
.slide-content-title .item:before{
    content: "•";
    font-size: 18px;
    color: #FDFDFD;
    line-height: 36px;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 0;
}