/* 节日 */
.festival{
    width: 100%;
    min-width: 1200px;
    height: 120px;
    position: relative;
}
.festival img{
    display: block;
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    object-fit:  cover;
}
/* 节日 */
/* content */
/*  */
.content .content-title{
    margin-bottom: 40px;
}
.content .content-title .content-title-text{
    font-size: 40px;
    font-weight: 400;
    color: #D2232A;
    line-height: 56px;
}
.content .content-title .content-title-text-bg{
    font-size: 24px;
    font-weight: 400;
    color: #333333;
    line-height: 29px;
}
.content .content-title .content-title-right{
    padding-top: 52px;
}
.content .content-title .content-title-right p{
    width: 100px;
    border: 1px solid #D2D2D2;
    text-align: center;
    padding: 6px 0;
    background: #ffffff;
}
.content .content-title .content-title-right p a{
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    padding-right: 16px;
    position: relative;
}
.content .content-title .content-title-right p a::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left-black.png) no-repeat top center;
    background-size: 16px;
    position: absolute;
    top: 2px;
    right: 0;
}
.content .content-title .content-title-right p:hover{
    background: #F5F5F5;
}

.content .slide-box .btn-box{padding-top: 40px;text-align: center;display: none;}
.content .slide-box .btn-box a{display: inline-block;width: 60px;height: 30px;border-radius: 15px;text-align: center;margin: 0 10px;}
.content .slide-box .btn-box a.btn-right{background: #F5F4F8 url(../images/left-black.png) center center no-repeat;background-size: 16px 16px;}
.content .slide-box .btn-box a.btn-left{background: #F5F4F8 url(../images/right.png) center center no-repeat;background-size: 16px 16px;}
.content .slide-box .btn-box a.btn-right:hover{background: #D2232A url(../images/left-white.png) center center no-repeat;background-size: 16px 16px;}
.content .slide-box .btn-box a.btn-left:hover{background: #D2232A url(../images/right-white.png) center center no-repeat;background-size: 16px 16px;}
/*  */
/* banner */
.banner{
    background: #ffffff;
}
.banner .banner-title{
    position: relative;
    padding: 40px 0 28px;
}
.banner .banner-title p{
    position: relative;
    z-index: 1;
    font-size: 59px;
    line-height: 47px;
    padding-bottom: 15px;
    background: url(../images/advance_good_governa.png) no-repeat bottom left;
    background-size: 680px 16px;
}
.banner .banner-title img{
    position: relative;
    z-index: 1;
    height: 48px;
}
.banner .banner-title::after{
    content: '';
    position: absolute;
    top: 37px;
    left: 0;
    display: block;
    width: 52px;
    height: 39px;
    background: url(../images/banner-title-bg.png) no-repeat top center;
    background-size: 52px 39px;
}
.banner .banner-box{
    position: relative;
}
.banner .banner-img{
    position: relative;
    overflow: hidden;
    height: 500px;
}
.banner .banner-img .lunbo-box{
    height: 500px;
    position: absolute;
    top: 0;
    left: 0;
}
.banner .banner-img .lunbo-box .lunbo-item img{
    height: 500px;
}
.banner .banner-img .lunbo-box .lunbo-item a{
    display: block;
}
.banner .banner-img .lunbo-box .lunbo-item p{
    position: absolute;
    bottom: 10px;
    color: #ffffff;
    width: 400px;
    background: rgba(0, 0, 0, 0.4);
    left: 10px;
    line-height: 21px;
    overflow: hidden;
    border-radius: 10px;
    text-indent: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.banner .banner-img .lunbo-text {
    position: absolute;
    bottom: 14px;
    left: 10px;
    text-align: right;
    background:rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    padding-right: 6px;
    height: 14px;
    line-height: 9px;
}
.banner .banner-img .lunbo-text li{
    width: 6px;
    height: 6px;
    background: #333333;
    border-radius: 3px;
    float:none;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 6px;
}
.banner .banner-img .lunbo-text li.on{
    background-color: #ffffff;
}
.banner .banner-img-text{
    width: 387px;
    height: 500px;
    background: rgba(255,255,255,0.8);
    box-sizing: border-box;
    padding: 16px 32px 28px;
    background: #F5F5F5;
    position: relative;
}
.banner .banner-img-text .text-title{
    font-size: 24px;
    line-height: 33px;
    font-weight: 550;
    color: #333333;
}
.banner .banner-img-text .more-text{
    margin-bottom: 20px;
}
.banner .banner-img-text .more-text .more-img{
    display: inline-block;
    width: 51px;
    height: 19px;
}
.banner .banner-img-text .more-text .more-btn{
    display: inline-block;
    padding-right: 16px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}
.banner .banner-img-text .more-text .more-btn::after{
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left_grey.png) no-repeat top right;
    background-size: 16px;
}
.banner .banner-img-text .more-text .more-btn:hover{
    color: #333333;
}
.banner .banner-img-text .more-text .more-btn:hover::after{
    background: url(../images/left-black.png) no-repeat top right;
    background-size: 16px;
}
.banner .banner-img-text .banner-text-content li{
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    width: 323px;
    height: 48px;
    position: relative;
}
.banner .banner-img-text .banner-text-content li .banner-text-tag{
    height: 20px;
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;
}
.banner .banner-img-text .banner-text-content li .hot{
    width: 32px;
    height: 14px;
    background: url(../images/new-icon.png) no-repeat;
    background-size: 32px 14px;
    display: inline-block;
}
.banner .banner-img-text .banner-text-content li .hot-new{
    display: inline-block;
    width: 32px;
    height: 14px;
    border-radius: 4px 4px 4px 0px;
    background: #D29523;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
    font-family: Montserrat, Montserrat;
    font-weight: normal;
    text-transform: uppercase;
}
.banner .banner-img-text .banner-text-content li .hot-h {
    width: 32px;
    height: 14px;
    display: inline-block;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    border-radius: 4px 4px 4px 0px;
    background: #D2232A;
    color: #FFFFFF;
    font-family: Montserrat, Montserrat;
    font-weight: normal;
    text-transform: uppercase;
}
.banner .banner-img-text .banner-text-content li a{
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.banner .banner-img-text .banner-text-content li span{
    min-width: 48px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    padding: 0 6px;
    border: 1px solid #333333;
    display: inline-block;
    margin-right: 5px;
}
.banner .banner-img-text .banner-text-content li:hover a{
    color: #D2232A;
}
.banner .banner-img-text .banner-text-content li:hover span{
    color: #D2232A;
    border-color: #D2232A;
}
/* banner */
/* 最新动态 */
.child-box{
    background: #ffffff;
    padding-bottom: 80px;
}
.child-box .child-list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}
.child-box .child-list li{
    width: 384px;
    height: 150px;
    position: relative;
    margin-top: 24px;
    transition: .5s;
}
.child-box .child-list li:hover{
    margin-top: 16px;
}
.child-box .child-list li .item-bg{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 384px;
    height: 150px;
}
.child-box .child-list .item-btn{
    display: block;
    height: 150px;
    box-sizing: border-box;
    padding: 24px;
    /* background: linear-gradient(270deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); */
    position: relative;
    z-index: 1;
}
.child-box .child-list .item-btn .child-bg{
    display: inline-block;
    height: 55px;
}
.child-box .child-list .item-btn .child-img-go{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 24px;
    left: 24px;
}
.child-box .media-box{
    padding: 20px 0 20px 24px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #D2D2D2;
}
.child-box .media-box .media-left{
    padding-top: 10px;
}
.child-box .media-box .media-text{
    font-size: 24px;
    font-weight: 500;
    color: #D2232A;
    line-height: 33px;
}
.child-box .media-box .media-bg{
    display: inline-block;
    width: 129px;
    background: url(../images/media-bg.png) no-repeat top center;
    background-size: 129px;
    margin-bottom: 4px;
}
.child-box .media-box .media-btn{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    padding-right: 16px;
    position: relative;
}
.child-box .media-box .media-btn:hover{
    color: #333333;
}
.child-box .media-box .media-btn::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 0;
    background: url(../images/left.png) no-repeat top center;
    background-size: 16px;
}
.child-box .media-box .media-btn:hover::after{
    background: url(../images/left-black.png) no-repeat top center;
    background-size: 16px;
}
.child-box .media-box .media-list{
    width: 1000px;
}
.child-box .media-box .media-list a{
    display: inline-block;
    width: 480px;
    height: 48px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #2D3134;
    line-height: 22px;
    box-sizing: border-box;
    padding: 13px 0;
}
.child-box .media-box .media-list a:hover{
    color: #D2232A;
}
/* 视频动态 */
.video{
    position: relative;
    height: 570px;
}
.video .video-box{
    padding-top: 80px;
    position: relative;
    z-index: 1;
}
.video .video-box .video-bottom-bg{
    width: 388px;
    height: 95px;
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit:  cover;
}
.video .video-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 570px;
    object-fit:  cover;
}
.video .video-right{
    width: 624px;
    height: 620px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}
.video .video-right .video-img-bg{
    display: block;
    width: 100%;
    height: 438px;
    margin-bottom: 20px;
}
.video .video-right .vide-img-text{
    width: 564px;
    height: 82px;
    padding: 20px;
    background: #ffffff;
}
.video .video-right .vide-img-text .video-img-text-box{
    width: 562px;
    height: 82px;
    overflow: auto;
}
.video .video-right .vide-img-text p{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 28px;
}
.video .video-left{
    width: 488px;
}
.video .video-left .video-left-top{
    height: 90px;
    margin-bottom: 40px;
}
.video .video-left .video-left-text{
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
    color: #ffffff;
    margin-bottom: 5px;
}
.video .video-left .video-left-english{
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    color: #ffffff;
}
.video .video-left .video-left-list{
    margin-bottom: 46px;
}
.video .video-left .video-left-list .video-left-item{
    width: 488px;
    height: 56px;
    background: rgba(255,255,255,0.1);
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: 17px 0;
}
.video .video-left .video-left-list .video-left-item a{
    font-size: 16px;
    font-weight: 400;
    color: #F4C6C3;
    line-height: 22px;
    height: 22px;
    padding: 0 0 0 40px;
    position: relative;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.video .video-left .video-left-list .video-left-item a::after{
    content: '';
    width: 12px;
    height: 12px;
    background: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    border: 2px solid #F4C6C3;
    position: absolute;
    top: 5px;
    left: 20px;
}
.video .video-left .video-left-list .video-left-item.active{
    background: #ffffff;
}
.video .video-left .video-left-list .video-left-item.active a{
    color: #D2232A;
}
.video .video-left .video-left-list .video-left-item.active a::after{
    background: #ffffff;
    border-color: #D2232A;
}
.video .video-left .video-left-btn{
    width: 100px;
    background: rgba(255,255,255,0.08);
    text-align: center;
    padding: 6px 0;
}
.video .video-left .video-left-btn a{
    color: #F3C0BD;
    font-size: 14px;
    line-height: 20px;
    padding-right: 16px;
    position: relative;
}
.video .video-left .video-left-btn a::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left.png) no-repeat top center;
    background-size: 16px;
    position: absolute;
    top: 2px;
    right: 0;
}
.video .video-left .video-left-btn:hover{
    background: #ffffff;
}
.video .video-left .video-left-btn:hover a{
    color: #333333;
}
.video .video-left .video-left-btn:hover a::after{
    background: url(../images/left-black.png) no-repeat top center;
    background-size: 16px;
}
/* 项目故事 */
.project{
    padding: 204px 0 80px;
}
.project .project-list{
    display: flex;
    justify-content: space-between;
}
.project .project-list li{
    width: 384px;
    height: 534px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.04);
    margin-top: 40px;
    transition: .5s;
    box-sizing: border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.project .project-list li:hover{
    margin-top: 32px;
    border-left: 1px solid #D2232A;
    border-right: 1px solid #D2232A;
    border-bottom: 1px solid #D2232A;
}
.project .project-list li .project-img{
    display: block;
    width: 384px;
    height: 288px;
    margin-left: -1px;
}
.project .project-list li .project-item{
    box-sizing: border-box;
    padding: 24px 24px 0;
}
.project .project-list li .project-item .project-item-title{
    width: 336px;
    height: 64px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.project .project-list li .project-item .project-item-content{
    width: 336px;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin: 16px 0 30px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.project .project-list li .project-item .project-item-btn a{
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/project-btn.png) no-repeat top center;
    background-size: 40px;
}
/* 社会试验 */
.society{
    margin-bottom: 74px;
    background: url(../images/society_bg.png) no-repeat center left ,linear-gradient(#FDEDEE 70%,#ffffff);
    position: relative;
}
.society .society-box{
    padding: 80px 0;
}
.society .child_development_bg{
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 761px;
    height: 756px;
    background: url(../images/child_development_bg.png) no-repeat;
    background-size: 100%;
    z-index: -1;
}
.society .society-box .society-title{
    position: relative;
}
.society .society-box .society-title .society-right{
    position: absolute;
    top: 124px;
    left: 0;
}
.society .society-box .society-title .society-right p{
    padding: 12px 30px 11px;
    text-align: center;
    background: rgba(210, 35, 42, 0.08);
    margin-bottom: 16px;
}
.society .society-box .society-title .society-right .society-right-btn{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #D2232A;
    line-height: 25px;
    box-sizing: border-box;
    padding-right: 24px;
    position: relative;
}
.society .society-box .society-title .society-right .society-right-btn::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 0;
    background: url(../images/left-red.png) no-repeat top center;
    background-size: 16px;
}
.society .society-box .society-title .society-right p:hover{
    background: #D2232A;
}
.society .society-box .society-title .society-right p:hover .society-right-btn{
    color: #ffffff;
}
.society .society-box .society-title .society-right p:hover .society-right-btn::after{
    background: url(../images/left-red-hor.png) no-repeat top center;
    background-size: 16px;
}
/* .society .society-box .society-content-box{
    position: relative;
}
.society .society-box .society-content{
    margin-top: 368px;
    height: 547px;
    position: relative;
    overflow: hidden;
}
.society .society-box .society-content .society-radius{
    width: 100%;
    height: 600px;
    background: #D2232A;
    border-radius: 600px 600px 0 0;
    position: relative;
}
.society .society-box .society-content .society-radius .society-radius-first{
    width: 840px;
    height: 420px;
    box-sizing: border-box;
    border: 2px dashed #ffffff;
    border-radius: 420px 420px 0 0;
    position: absolute;
    top: 180px;
    left: 180px;
}
.society .society-box .society-content .society-radius .society-radius-second{
    width: 800px;
    height: 400px;
    background: #ffffff;
    border-radius: 400px 400px 0 0;
    position: absolute;
    top: 200px;
    left: 200px;
}
.society .society-box .society-content .society-radius .society-radius-third{
    width: 560px;
    height: 280px;
    box-sizing: border-box;
    border: 2px dashed #D2232A;
    border-radius: 280px 280px 0 0;
    position: absolute;
    top: 320px;
    left: 320px;
}
.society .society-box .society-content .society-radius .society-radius-foure{
    width: 520px;
    height: 260px;
    background: #D2232A;
    border-radius: 260px 260px 0 0;
    position: absolute;
    top: 340px;
    left: 340px;
}
.society .society-box .society-content .society-radius .society-radius-five{
    width: 128px;
    position: absolute;
    top: 416px;
    left: 536px;
    text-align: center;
    z-index: 1;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-text{
    font-size: 32px;
    font-weight: 500;
    color: #FEFAFB;
    line-height: 45px;
    margin-bottom: 14px;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn{
    width: 100px;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    margin: 0 auto;
    padding: 6px 0;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn a{
    color: #FFFBFB;
    font-size: 14px;
    line-height: 20px;
    padding-right: 16px;
    position: relative;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn a::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left-white.png) no-repeat top center;
    background-size: 16px;
    position: absolute;
    top: 2px;
    right: 0;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn:hover{
    background: #ffffff;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn:hover a{
    color: #D2232A;
}
.society .society-box .society-content .society-radius .society-radius-five .radius-btn:hover a::after{
    background: url(../images/left-red.png) no-repeat top center;
    background-size: 16px;
}
.society .society-box .society-month{
    width: 100%;
    height: 547px;
    position: absolute;
    left: 0;
    top: 0;
}
.society .society-box .society-month .society-month-item{
    width: 14px;
    height: 14px;
    background: #D2232A;
    border-radius: 9px;
    border: 2px solid #FFFFFF;
    position: absolute;
}
.society .society-box .society-month .society-month-first{
    bottom: 141px;
    left: 27px;
}
.society .society-box .society-month .society-month-second{
    bottom: 429px;
    left: 246px;
}
.society .society-box .society-month .society-month-third{
    bottom: 527px;
    left: 475px;
}
.society .society-box .society-month .society-month-four{
    bottom: 527px;
    left: 704px;
}
.society .society-box .society-month .society-month-five{
    bottom: 369px;
    left: 1008px;
}
.society .society-box .society-month .society-month-item.society-month-first .month-bottom,
.society .society-box .society-month .society-month-item.society-month-second .month-bottom,
.society .society-box .society-month .society-month-item.society-month-third .month-bottom{
    position: absolute;
    top: 30px;
    left: 0;
}
.society .society-box .society-month .society-month-item.society-month-four .month-bottom,
.society .society-box .society-month .society-month-item.society-month-five .month-bottom{
    position: absolute;
    top: 30px;
    right: 0;
    text-align: right;
}
.society .society-box .society-month .society-month-item .month-bottom .bottom-text{
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 33px;
}
.society .society-box .society-month .society-month-item .month-bottom .bottom-img img{
    display: block;
    height: 24px;
}
.society .society-box .society-month .society-month-item .month-top{
    position: absolute;
    bottom: 0;
    left: -27px;
    height: 307px;
}
.society .society-box .society-month .society-month-item .month-top .top-img{
    width: 72px;
    height: 72px;
    background: #D2232A;
    border-radius: 36px;
    box-sizing: border-box;
    padding-top: 17px;
}
.society .society-box .society-month .society-month-item .month-top .top-img img{
    display: block;
    height: 39px;
    margin: 0 auto;
}
.society .society-box .society-month .society-month-item .month-top .month-line{
    position: absolute;
    bottom: 18px;
    left: 33px;
    width: 2px;
    height: 220px;
    background: rgba(210, 35, 42, 0.1);
}
.society .society-box .society-month .society-month-item .month-top .month-top-list{
    width: 180px;
    position: absolute;
    top: 80px;
    left: 56px;
}
.society .society-box .society-month .society-month-item .month-top .month-top-list .item-text{
    font-size: 20px;
    font-weight: 550;
    line-height: 32px;
    color: #333333;
}
.society .society-box .society-month .society-month-item .month-top .month-top-list .item-english{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    margin-bottom: 10px;
}
.society .society-box .society-month .society-month-item.society-month-first .month-top{
    height: 362px;
}
.society .society-box .society-month .society-month-item.society-month-first .month-line{
    height: 275px;
}
.society .society-box .society-month .society-month-item.society-month-third .month-top{
    height: 342px;
}
.society .society-box .society-month .society-month-item.society-month-third .month-line{
    height: 255px;
}
.society .society-box .society-month .society-month-item.society-month-four .month-top{
    height: 455px;
}
.society .society-box .society-month .society-month-item.society-month-four .month-line{
    height: 368px;
}
.society .society-box .society-month .society-month-item.society-month-five .month-top{
    height: 362px;
}
.society .society-box .society-month .society-month-item.society-month-five .month-line{
    height: 275px;
} */
/* 交流对话 */
.exchange{
    margin-bottom: 80px;
}
.exchange .exchange-detail{
    margin-bottom: 16px;
}
.exchange .exchange-detail .exchange-img{
    width: 600px;
}
.exchange .exchange-detail .exchange-img img{
    display: block;
    width: 600px;
    height: 350px;
}
.exchange .exchange-detail .exchange-text{
    width: 520px;
    height: 310px;
    padding: 40px 40px 0;
    background: #ffffff;
}
.exchange .exchange-detail .exchange-text .exchange-title1{
    font-size: 20px;
    font-weight: 550;
    color: #333333;
    line-height: 32px;
    margin-bottom: 40px;
}
.exchange .exchange-detail .exchange-text .exchange-title2{
    height: 144px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-bottom: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.exchange .exchange-detail .exchange-text .exchange-btn{
    display: inline-block;
    background: #D2232A;
    border-radius: 20px;
    padding: 9px 20px;
}
.exchange .exchange-detail .exchange-text .exchange-btn a{
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
    position: relative;
}
.exchange .exchange-detail .exchange-text .exchange-btn a::after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left-red-hor.png) no-repeat top center;
    background-size: 16px;
    position: absolute;
    top: 4px;
    right: 0;
}
.exchange .exchange-detail .exchange-text .exchange-btn:hover{
    background: #B01D23;
}
.exchange .exchange-detail .exchange-text .exchange-btn:hover a::after{
    background: url(../images/left-white.png) no-repeat top center;
    background-size: 16px;
}
.exchange .exchange-list{
    display: flex;
    justify-content: space-between;
}
.exchange .exchange-list>a{
    display: inline-block;
}
.exchange .exchange-list .exchange-item{
    width: 384px;
    height: 288px;
    position: relative;
    margin-top: 8px;
    transition: 0.5s;
}
.exchange .exchange-list .exchange-item .exchange-item-img{
    display: block;
    width: 384px;
    height: 288px;
}
.exchange .exchange-list .exchange-item .exchange-item-text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 14px 0;
    background: rgba(34,38,41,0.8);
}
.exchange .exchange-list .exchange-item .exchange-item-text p{
    height: 32px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.exchange .exchange-list .exchange-item:hover{
    margin-top: 0;
}
/* 政策研究 policy */
.policy{padding: 74px 0 80px;background: #ffffff;}
.policy .policy-list li{width: 384px;height: 364px;margin-right: 24px;}
.policy .policy-list li a{display: block;position: relative;height: 364px;}
.policy .policy-list li img{display: block;width: 100%;height: 288px;}
.policy .policy-list li .slide-item-hover{width: 384px;height: 0;background: rgba(34,38,41,0.8);position: absolute;bottom: 76px;left: 0;transition: 0.5s;
    box-sizing: border-box;
    padding: 0 24px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 32px;
    overflow: hidden;
}
.policy .policy-list li .slide-item-text{width: 100%;padding: 22px 24px;box-sizing: border-box;border: 1px solid #E6E6E6;position: relative;z-index: 1;}
.policy .policy-list li p{height: 30px;color: #333333;font-size: 20px;font-weight: 500;color: #333333;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.policy .policy-list li:hover .slide-item-hover{height: 288px;padding: 24px;}
/* 研究成果 achievement*/
.achievement .achievement-box{padding: 74px 0 80px;position: relative;}
.achievement .achievement-box .achievement-content-bg{position: absolute;top: 0;left: -360px;display: block;width: 716px;}
.achievement .content-title,
.achievement .achievement-content{
    position: relative;
    z-index: 1;
}
.achievement .achievement-list li{width: 183px;height: 366px;margin-right: 20px;}
.achievement .achievement-list li:hover{background: #ffffff;}
.achievement .achievement-list li a{display: block;position: relative;height: 366px;}
.achievement .achievement-list li img{display: block;width: 100%;height: 250px;}
.achievement .achievement-list li .slide-item-text{width: 100%;padding: 16px;box-sizing: border-box;}
.achievement .achievement-list li p{height: 82px;color: #333333;font-size: 14px;font-weight: 500;color: #333333;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.content .achievement .slide-box .btn-box a{background-color: #E6E6E6;}
/* 研究成果 platform*/
.platform{padding: 74px 0 80px;background: #ffffff;}
.platform .platform-list{box-sizing: border-box;}
.platform .platform-list li{width: 300px;height: 101px;box-sizing: border-box;}
.platform .platform-list li:nth-of-type(4n){width: 299px;}
.platform .platform-list li:hover{background: #ffffff;box-sizing: border-box;}
.platform .platform-list li a{display: block;position: relative;width: 100%;}
.platform .platform-list li img{display: block;width: 100%;}
/* 研究成果 合作伙伴*/
.partners{padding: 74px 0 80px;}
.partners .partners-list li{width: 216px;height: 86px;margin-right: 30px;}
.partners .partners-list li a{display: block;position: relative;height: 86px;}
.partners .partners-list li img{display: block;width: 100%;height: 86px;}
.content .partners .slide-box .btn-box a{background-color: #E6E6E6;}
 
/*社会试验   儿童发展*/
.society-child-development{width: 1200px;height: 500px;background: url(../images/dashed_line.png) no-repeat;background-size: 100%;padding-bottom: 283px;position: relative;}
.content-title-left .video_dvnamies{display: block;width: 400px;height: 29px;}
.marB0{margin-bottom: 0 !important;}
.society-child-development .child-development{width: 142px;height: 170px;background: linear-gradient(135deg, #E49D18 0%, #D2232A 0%, rgba(210,35,42,0.8) 100%);margin-top: 34px;box-sizing: border-box;padding: 16px;position: relative;z-index: 2;}
.society-child-development .child-development .develop{width: 96px;height: 32px;}
.society-child-development .child-development .child_development{width: 110px;height: 38px;}
.btn-more{display: inline-block; width: 24px;height: 24px;box-sizing: border-box;border: 1px solid #f3c4c6;border-radius: 50%;position: relative;left: 0;bottom: 0;background:url(../images/left.png) no-repeat center center;background-size: 16px; }
.marT40{margin-top: 40px;}
.rounddot-pos{position: absolute;width: 200px;}
.rounddot-pos>a.rounddot-pos-left:hover div{color: #D2232A;}
.rounddot-pos .chinese{font-size: 22px;font-weight: 600;color: #D2232A;line-height: 30px;}
.rounddot-pos .english{font-size: 14px;font-weight: 400;color: #D2232A;line-height: 18px;margin-top: 4px;}
.rounddot-pos .round{display: inline-block; width: 16px;height: 16px;border-radius: 50%;border: 2px solid #D2232A;background: #fff;box-sizing: border-box;margin-top: 10px;}
.rounddot-pos .chinese-more{margin-top: 26px;font-size: 18px;font-weight: 500;color: #666666;line-height: 26px;}
.rounddot-pos .english-more{font-size: 14px;font-weight: 500;color: #666666;line-height: 24px;}
.rounddot-pos .rounddot-pos-text{font-size: 18px;font-weight: 600;color: #333333;line-height: 26px;}
.rounddot-pos .rounddot-pos-english-text{font-size: 14px;color: #333333;font-weight: 400;line-height: 24px;}
.rounddot-box .box-develop{width: 580px;height: 150px;box-sizing: border-box;padding: 16px 24px;position: relative;z-index: 2;}
.rounddot-box .family-develop{background: url(../images/family-develop.png) no-repeat center center;background-size: 100%;}
.rounddot-box .green-develop{background: url(../images/green-develop.png) no-repeat center center;background-size: 100%;}
.rounddot-box .family-develop::after{width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;background: url(../images/family-develop_mc.png) no-repeat;background-size: 410px 150px;}
.rounddot-box .green-develop::after{width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;background: url(../images/green-develop_mc.png) no-repeat;background-size: 410px 150px;}
.rounddot-box .family-develop .family-img{position: absolute;top: 24px;left: 24px; display: block; width: 97px;height: 32px;z-index: 1;}
.rounddot-box .green-develop .green-img{position: absolute;top: 24px;left: 24px;display: block; width: 97px;height: 32px;margin-top: 4px;z-index: 1;}
.rounddot-box .family-develop .family-development-img{position: absolute;top: 60px;left: 24px;display: block; width: 236px;height: 19px;margin-top: 4px;z-index: 1;}
.rounddot-box .green-develop .green-development-img{position: absolute;top: 60px;left: 24px;display: block; width: 236px;height: 19px;margin-top: 4px;z-index: 1;}
.box-develop .btn-more{position: absolute;bottom: 24px;left: 24px;z-index: 1;border: 1px solid #ffffff;}
.months-pos{top: 249px;left: 0px;}
.months-pos-zero{top: 243px;left: 200px;}
.months-pos-three{top: 205px;left: 420px;}
.months-pos-six{top: 149px;left: 640px;}
.months-pos-fifteen{top: 77px;left: 860px;}
.months-pos-more{top: 42px;left: 1060px;width: 120px;}
.pos-btn-more{background: url(../images/pos-btn-more.png) no-repeat center center;background-size: 24px;border: 0;margin-top: 8px;position: absolute; left: 12px; top:100px;}
a.rounddot-pos-left:hover .rounddot-pos-text,a.rounddot-pos-left:hover .rounddot-pos-english-text,a.rounddot-pos-left:hover div{color: #D2232A;}
a.rounddot-pos-left:hover .pos-btn-more{border: 1px solid #f3c4c6;background:#fff url(../images/left-red.png) no-repeat center center;background-size: 16px;}
.marT6{margin-top: 6px;}
.marT16{margin-top: 16px;}
.marT26{margin-top: 26px;}
/*友情链接*/
.friendship-link{height: 29px;}
.jijin-9{width: 477px !important;height: 100px;margin-left: 24px;}
.rounddot-pos-left{position: relative;left: 30px;text-align: center;}
.wid60{text-align: center;width: 60px;}
.months-pos-zero .round,.months-pos-three .round,.months-pos-six .round,.months-pos-fifteen .round,.months-pos-more .round{margin-left: 24px;}
.rounddot-introduce{padding-top: 16px;}
.rounddot-introduce>.introduce-text{display: block;width: 210px;}
.rounddot-introduce>a.introduce-text:hover div{color: #D2232A;}
.rounddot-introduce>.introduce-text-english{width: 990px;}
.rounddot-introduce>.introduce-text>div{display: inline-block;color: #333333;font-size: 14px;line-height: 26px;margin-bottom: 6px;}
.rounddot-introduce>.introduce-text .red{color: #D2232A;}
.rounddot-introduce>.introduce-text .bold{font-weight: 600;font-size: 18px;}
.rounddot-introduce .introduce-text-english>div{font-weight: 400;}
.rounddot-introduce>.introduce-bg{width: 100%;height: 10px;background: url(../images/dotted-line.png) no-repeat;background-size: 100%;margin: 12px 0 42px;}

.btn-rounddot{background:#ffdfe1;color: #d81e06;padding: 8px 20px 8px 8px;border-radius: 6px;width: 76px;margin: 12px auto;position: relative;}
.btn-rounddot::after{position: absolute;top: 12px;right: 12px;content: ''; width: 14px;height: 14px;background: url(../images/tagging.png) no-repeat;background-size: contain;}
/*二次修改*/
.banner-img-text .banner-tab{display: flex; box-sizing: border-box;height: 34px;line-height: 34px;}
.banner-img-text .banner-tab .tab-item{margin-right: 16px;font-size: 18px;color: #333333;cursor: pointer;font-family: '微软雅黑', 'Heiti SC', '黑体', 'Arial';}
.banner-img-text .banner-tab .tab-item.active{font-size: 24px;font-weight: bold;}
.banner .banner-img-text .tab-more{
    margin: 10px 0 20px;
}
.banner .banner-img-text .tab-more .more-btn{
    display: inline-block;
    padding-right: 16px;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}
.banner .banner-img-text .tab-more .more-btn::after{
    content: '';
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/left-black.png) no-repeat top right;
    background-size: 16px;
}
.hide{display: none !important;}
.banner-wrap{width: 1200px;}
.banner .banner-wrap .banner-box{width: 754px !important;}
.banner .banner-wrap .banner-img .lunbo-box .lunbo-item img{width: 754px !important;}
.banner .banner-img-text{width: 446px;}
.banner .banner-img-text .banner-text-content li{width: 382px;}
.banner .banner-img-text .cdrf-tab{position: absolute;bottom: 0;right: 0;width: 387px;height: 94px;background: url(../images/cdrf_tab.png) no-repeat;background-size: 100%;}