/* **** 覆写公共样式 **** */

.moduleContent{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.contentItem{
    padding: 20px;
    box-sizing: border-box;
    background-color: #4326FF;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.contentItem a{
    display: initial;
}
.duration{
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 48px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    opacity: 0.6;
    background: #000000;
}

.seeLinkBtnBg_1{
    width: 240px;
    height: 48px;
    line-height: 48px;
    margin: 20px auto 0;
    background: url(img/seeLinkBtnBg_1.png) center center no-repeat;
}

.seeLinkBtnBg_2,.seeLinkBtnBg_7{
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin: 24px auto 0;
}
.seeLinkBtnBg_2{
    background: url(img/seeLinkBtnBg_2.png) center center no-repeat;
}
.seeLinkBtnBg_7{
    background: url(img/seeLinkBtnBg_7.png) center center no-repeat;
}

.seeLinkBtnBg_3,.seeLinkBtnBg_4{
    width: 154px;
    height: 48px;
    line-height: 48px;
    background: url(img/seeLinkBtnBg_3.png) center center no-repeat;
}

.seeLinkBtnBg_4{
    background: url(img/seeLinkBtnBg_4.png) center center no-repeat;
}

.seeLinkBtnBg_5,.seeLinkBtnBg_6{
    width: 183px;
    height: 48px;
    line-height: 48px;
    background: url(img/seeLinkBtnBg_5.png) center center no-repeat;
}

.seeLinkBtnBg_6{
    background: url(img/seeLinkBtnBg_6.png) center center no-repeat;
}

/* **** banner **** */
.bannerBox {
    padding: 100px 0 0;
    box-sizing: border-box;
    background: url(img/module_bg1.png) #4D85FF center center no-repeat;
}
.bannerBox .contentBox{
    margin: 240px auto 0;
}
.bannerLeft{
    width: 495px;
}
.bannerRight{
    width: 610px;
}

.sloganImg,.coverImg{
    width: 100%;
}
.coverImg{
    height: 100%;
    object-fit: cover;
}
.sloganImg{
    margin-bottom: 36px;
}
.descText{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 28px;
}
.videoBox{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(67, 38, 255, .8);
}
.videoCoverBox{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.bannerRight .videoCoverBox{
    height: 321px;
}
.videoMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 10;
}
.videoMask.playIcon_1{
    background: url(img/playIcon_1.png) center center no-repeat;
}
.videoMask.playIcon_5{
    background: url(img/playIcon_5.png) center center no-repeat;
}
.videoMask:hover ~ .coverImg {
    transform: scale(1.2);
    transition: all .8s;
}


/* **** 年度关键字 **** */
.keywordBox{
    background: url(img/module_bg2.png) #4D5BFF center center no-repeat;
}

.icon_1{
    display: block;
    position: absolute;
    top: 0;
    right: -25px;
    width: 100px;
    height: 100px;
    background: url(img/titleIcon_1.png) center center no-repeat;
}

.moduleDescBox{
    margin: 36px auto 40px;
}
.moduleDesc{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

.keywordBox .contentItem{
    width: 560px;
    background: rgba(67, 38, 255, .8);
}
.keywordBox .videoCoverBox{
    height: 288px;
    margin-bottom: 20px;
}

.keywordTitle{
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
}
.keywordDesc{
    margin: 16px auto;
    min-height: 56px;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, .8);
}
.keywordLink{
    font-size: 16px;
    color: #FFFFFF;
}

/* 年度关注企业 */
.followBox{
    height: 900px;
}
.followBox.bg3{
    background: url(img/module_bg3.png) #4D85FF center center no-repeat;
}
.followBox.bg4{
    background: url(img/module_bg4.png) #4D85FF center center no-repeat;
}
.followBox.address{
    background: url(img/module_bg5.png) #4D85FF center center no-repeat;
}
.icon_2,.icon_3{
    display: block;
    position: absolute;
    top: -8px;
    width: 167px;
    height: 167px;
}
.icon_2{
    background: url(img/titleIcon_2.png) center center no-repeat;
}
.icon_3{
    background: url(img/titleIcon_3.png) center center no-repeat;
}
.icon_2.leftIcon,.icon_3.leftIcon{
    left: -20px;
}
.icon_2.rightIcon,.icon_3.rightIcon{
    right: -20px;
}
.followBox .moduleContent{
    margin-top: 56px;
}
.followBox .contentItem{
    width: 386px;
    height: 460px;
    padding: 28px 24px;
}
.followTitle{
    font-size: 32px;
    color: #fff;
    font-weight: bold;
}
.followDesc{
    min-height: 120px;
    margin: 20px auto 40px;
    font-size: 12px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: .8;
}
.followDesc.ellipsis{
    -webkit-line-clamp: 5;
}
.articlelabel{
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.articleItem{
    padding-left: 32px;
    box-sizing: border-box;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    background: url(img/articleIcon_1.svg) left top 4px no-repeat;
}
.articleList .articleItemLink{
    display: inline-block;
    margin-bottom: 20px;
}
.articleList .articleItemLink:last-child{
    margin-bottom: 0;
}
.tagsBox{
    display: flex;
    display: -webkit-flex;
    margin-top: 40px;
}
.tagItem{
    margin-right: 20px;
}
.tagItem:last-child{
    margin-right: 0px;
}
.tagsBox .seeLinkBtn{
    font-size: 20px;
}

.moduleContentBox{
    width: 100%;
}
.moduleContentRight{
    width: 386px;
    padding: 24px;
    box-sizing: border-box;
    background-color: rgba(67, 38, 255, .8);
}
.address .moduleContent {
    margin-top: 0;
}
.address .moduleContentBox{
    margin-top: 56px;
}

.videoLabelBox{
    margin-bottom: 16px;
}
.videoLabel{
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}
.moreVideoLink{
    padding-right: 24px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    background: url(img/playIcon_2.png) right center no-repeat;
}
.videoItem{
    margin-bottom: 20px;
}
.videoItem:last-child{
    margin-bottom: 0px;
}
.wonderfulVideoBox .videoCoverBox{
    width: 100%;
    height: 186px;
    margin-bottom: 12px;
}
.videoItemDesc{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
}
.videoItemDesc.ellipsis {
    -webkit-line-clamp: 1;
}

/* 15周年特别策划 */
.anniversary{
    height: 900px;
    background: url(img/module_bg6.png) #4D5BFF center bottom no-repeat;
}
.anniversary .moduleContent{
    align-items: end;
}
.anniversaryLeft{
    width: 560px;
}
.anniversary .videoItem{
    width: 270px;
    margin-right: 20px;
    padding: 12px;
    box-sizing: border-box;
    background: #4326ff;
    box-shadow: -20px 20px 30px 0px rgba(0,0,0,0.16); 
}
.anniversary .videoItem:nth-child(2n){
    margin-right: 0;
}
.anniversary .videoItem:last-child {
    margin-bottom: 20px;
}
.anniversary .videoCoverBox{
    width: 100%;
    height: 135px;
    margin-bottom: 12px;
}
.anniversary .videoItemDesc{
    min-height: 48px;
}
.anniversary .videoItemDesc.ellipsis {
    -webkit-line-clamp: 2;
}

.anniversary .videoItem:nth-last-child(-n + 2){
    margin-bottom: 0;
}
.anniversaryRight{
    width: 560px;
}
.anniversaryContentItem{
    margin-bottom: 50px;
    text-align: right;
}
.anniversaryContentItem:last-child{
    margin-bottom: 0;
}
.anniversarySolgan{
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}
.anniversarySolgan.margin_1{
    margin-bottom: 30px;
}
.anniversarySolganText{
    font-size: 32px;
    color: #DDA96B;
    letter-spacing: 2px;
    font-weight: bold;
}
.anniversarySolganText.wordColor_1{
    position: relative;
    color: #fff;
    z-index: 10;
}
.anniversaryDesc{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.anniversaryRight .moduleTitleBox{
    margin-bottom: 32px;
}
.anniversaryContentItem .seeLinkBtn{
    display: inline-block;
}
.icon_4{
    position: absolute;
    top: -9px;
    left: -12px;
    width: 60px;
    height: 60px;
    background: url(img/titleIcon_4.png) center center no-repeat;
}
.anniversaryTagsBox{
    font-size: 0;
    text-align: right;
}
.anniversaryTagsBox .seeLinkBtn{
    margin-left: 24px;
}
.playIcon_3{
    color: #221380;
    padding-right: 20px;
    box-sizing: border-box;
    background: url(img/playIcon_3.png) right center no-repeat;
}

.anniversary .videoItem:hover{
    background-color: #dda96b;
}
.articleItem:hover,.wonderfulVideoBox .videoItemDesc:hover,.keywordTitle:hover,.keywordDesc:hover,.keywordLink:hover,.followTitle:hover{
    color: #dda96b;
}
.guestBg{
    width: 566px;
}
@media screen and (max-width: 750px) {
    .bannerBox {
        position: relative;
        padding: 2.3rem 0 0.8rem;
        background: #4D85FF;
    }
    .bannerBox::before,.bannerBox::after{
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
    }
    .bannerBox::before {
        top: 0;
        height: 7.89rem;
        background: url(img/mModule_bg1.png) center center no-repeat;
        background-size: cover;
    }
    .bannerBox::after{
        bottom: 0;
        height: 7.5rem;
        background: url(img/mModule_bg2.png) center center no-repeat;
        background-size: cover;
    }
    .bannerBox .contentBox {
        position: relative;
        margin: 0 auto;
        z-index: 10;
    }
    .bannerLeft {
        float: none;
        width: 5.6rem;
        margin: 0 auto;
    }
    .sloganImg {
        margin-bottom: 0.38rem;
    }
    .descText {
        font-size: .24rem;
        line-height: .4rem;
    }
    .bannerRight {
        width: 6.1rem;
        float: none;
        margin: .4rem auto .32rem;
    }
    .videoBox {
        padding: .2rem;
    }
    .bannerRight .videoCoverBox {
        height: auto;
    }
    .videoMask.playIcon_1 {
        background-size: .8rem;
    }
    .videoMask.playIcon_5 {
        background-size: .56rem;
    }
    .seeLinkBtnBg_1 {
        width: 3.4rem;
        height: 0.68rem;
        line-height: .68rem;
        margin: 0.32rem auto 0;
        background: url(img/mSeeLinkBtnBg_1.png) center center no-repeat;
        background-size: contain;
    }
    .icon_1 {
        right: -0.25rem;
        width: 1rem;
        height: 1rem;
        background-size: cover;
    }
    .icon_2, .icon_3 {
        top: -0.08rem;
        width: 1.67rem;
        height: 1.67rem;
        background-size: cover;
    }
    .icon_2.leftIcon, .icon_3.leftIcon {
        left: -0.2rem;
    }
    .moduleDescBox {
        margin: 0.48rem auto 0.68rem;
    }
    .moduleDesc {
        font-size: .28rem;
        line-height: .56rem;
    }
    .seeLinkBtnBg_2, .seeLinkBtnBg_7 {
        width: 2.1rem;
        height: 0.68rem;
        line-height: .68rem;
        margin: 0.32rem auto 0;
    }
    .seeLinkBtnBg_2 {
        background: url(img/seeLinkBtnBg_2.png) center center no-repeat;
        background-size: cover;
    }
    .keywordBox {
        background:#4D5BFF;
    }
    .moduleContent {
        flex-wrap: wrap;
    }
    .contentItem {
        padding: 0.2rem;
        margin-bottom: .3rem;
    }
    .contentItem:last-child{
        margin-bottom: 0;
    }
    .keywordBox .contentItem {
        width: 6.1rem;
        background: rgba(67, 38, 255, .8);
        margin: 0 auto .48rem;
    }
    .keywordBox .videoCoverBox {
        height: 2.88rem;
        margin-bottom: 0.2rem;
    }
    .keywordBox .contentItem:last-child{
        margin-bottom: 0;
    }
    .keywordTitle {
        font-size: .4rem;
        line-height: 1rem;
    }
    .keywordDesc {
        margin: 0.2rem auto 0.32rem;
        min-height: 0.8rem;
        font-size: .24rem;
        line-height: .4rem;
        color: #fff;
    }
    .keywordLink {
        font-size: .28rem;
        color: #FFFFFF;
    }
    .duration {
        bottom: 0.08rem;
        left: 0.08rem;
        width: 0.96rem;
        height: 0.4rem;
        line-height: .4rem;
        font-size: .24rem;
    }
    .followBox {
        height: auto;
    }
    .followBox .moduleContent {
        margin-top: 0.68rem;
    }
    .followBox .contentItem {
        width: 100%;
        height: auto;
        padding: 0.4rem 0.24rem;
        background-size: contain;
    }
    .followTitle {
        font-size: .58rem;
        color: #fff;
        font-weight: bold;
    }
    .followDesc {
        min-height: 2rem;
        margin: 0.28rem auto 0.48rem;
        font-size: .24rem;
        line-height: .4rem;
        opacity: .8;
    }
    .articlelabel {
        margin-bottom: 0.28rem;
        font-size: .32rem;
    }
    .articleItem {
        padding-left: 0.44rem;
        font-size: .24rem;
        line-height: .36rem;
        background: url(img/articleIcon_1.svg) left top 0.04rem no-repeat;
        background-size: 0.28rem;
    }
    .tagsBox {
        margin-top: 0.3rem;
        flex-wrap: wrap;
    }
    .tagsBox .seeLinkBtn {
        font-size: .24rem;
    }
    .tagItem {
        margin-right: 0.2rem;
        margin-bottom: 0.3rem;
    }
    .tagItem:nth-child(3n){
        margin-right: 0;
    }
    .tagItem:nth-last-child(-n + 3){
        margin-bottom: 0;
    }
    .seeLinkBtnBg_3, .seeLinkBtnBg_4,.seeLinkBtnBg_5, .seeLinkBtnBg_6 {
        width: 2.1rem;
        height: 0.68rem;
        line-height: .68rem;
        background: url(img/mSeeLinkBtnBg_3.png) center center no-repeat;
        background-size: cover;
    }
    .seeLinkBtnBg_4,.seeLinkBtnBg_6{
        background: url(img/seeLinkBtnBg_2.png) center center no-repeat;
        background-size: cover;
    }
    .address .moduleContentBox{
        margin-top: 0;
    }
    .moduleContentRight {
        width: 100%;
        margin-top: .48rem;
        padding: 0.4rem 0.28rem;
    }
    .videoLabel {
        font-size: .4rem;
    }
    .videoLabelBox {
        margin-bottom: 0.28rem;
    }
    .moreVideoLink {
        padding-right: 0.4rem;
        font-size: .24rem;
        background-size: 0.28rem;
        margin-top: 0.12rem;
    }
    .wonderfulVideoBox{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }
    .wonderfulVideoBox .videoItem {
        width: 3.15rem;
        margin-bottom: 0;
        margin-right: 0.2rem;
    }
    .wonderfulVideoBox .videoItem:last-child{
        margin-right: 0;
    }
    .wonderfulVideoBox .videoCoverBox {
        width:100%;
        height: 1.74rem;
        margin-bottom: 0.2rem;
    }
    .videoItemDesc {
        font-size: .24rem;
        line-height: .36rem;
        min-height: .72rem;
    }
    .videoItemDesc.ellipsis {
        -webkit-line-clamp: 2;
    }
    .anniversary {
        height: auto;
    }
    .anniversaryRight {
        width: 100%;
        order: 1;
    }
    .anniversaryLeft {
        width: 100%;
        margin-top: .68rem;
        order: 2;
    }
    .anniversaryContentItem {
        margin-bottom: 0.68rem;
        text-align: center;
        font-size: 0;
    }
    .anniversaryRight .moduleTitleBox {
        margin-bottom: .68rem;
    }
    .anniversarySolganText {
        font-size: .36rem;
        letter-spacing: 0;
    }
    .anniversarySolgan {
        margin-bottom: 0.48rem;
        font-size: 0;
    }
    .anniversaryDesc {
        font-size: .28rem;
        line-height: .56rem;
    }
    .anniversaryTagsBox {
        text-align: center;
    }
    .anniversaryTagsBox .seeLinkBtn {
        margin-left: 0;
        margin-top: 0.48rem;
    }
    .icon_4 {
        top: -0.02rem;
        left: -0.12rem;
        width: 0.6rem;
        height: 0.6rem;
        background-size: cover;
    }
    .anniversarySolgan.margin_1 {
        margin-bottom: 0.36rem;
    }
    .articleList{
        font-size: 0;
        text-align: left;
    }
    .articleList .articleItemLink {
        margin-bottom: 0.24rem;
    }
    .anniversary .videoItem {
        width: 3.35rem;
        margin-right: 0.2rem;
        padding: 0.12rem;
        margin-bottom: .2rem;
    }
    .anniversary .videoCoverBox {
        width: 100%;
        height: 1.72rem;
        margin-bottom: 0.2rem;
    }
    .mLinkBtn{
        display: inline-block;
    }
    .anniversary .videoItemDesc {
        min-height: .72rem;
    }
    .videoMask:hover ~ .coverImg {
        transform: none;
        transition: none;
    }
    .anniversary .videoItem:hover{
        background-color: #4326ff;
    }
    .articleItem:hover,.wonderfulVideoBox .videoItemDesc:hover,.keywordTitle:hover,.keywordDesc:hover,.keywordLink:hover,.followTitle:hover{
        color: #fff;
    }
    .mGuestBg{
        width: 6.4rem;
        margin:0 auto;
    }
    .anniversarySolganText.wordColor_1{
        font-size: .4rem;
    }
}