.about_summary_wrap{
    width: 100%;
    /* height: 984px; */
    padding-top: 120px;
    background-size: cover;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.about_summary {
    width: 80vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*justify-content: space-between;*/
    max-width: 1300px;
}
/*中都简介图*/
.about_summary img{
    width: 601px;
    height: 405px;
    display: block;
    margin-right: 65px;
}
.about_summary .video{
    width: 601px;
    height: 405px;
    display: block;
    margin-right: 65px;
}
/*中都文字介绍板块*/
.about_summary .summary_content{
    width: 634px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.about_summary .summary_content h2{
    font-weight: normal;
    font-size: 30px;
    /* text-indent: 30px; */
    line-height: 1;
    margin-bottom: 20px;
    color: #000;
}
.about_summary .summary_content .ellipsis-4{
    -webkit-line-clamp: 5
}
.about_summary .summary_content p {
    line-height: 30px;
    text-indent: 30px;
    -webkit-line-clamp: 2
}
.about_summary .summary_content .icon_summary{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    /*padding: 0 46px 0 35px;*/
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 30px;
}
/*.about_summary .summary_content .icon_summary .established{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.about_summary .summary_content .icon_summary .established img{*/
/*    width: 59px;*/
/*    height: 62px;*/
/*    margin-right: 30px;*/
/*}*/
/*.about_summary .summary_content .icon_summary .established h3{*/
/*    color: #d3291a;*/
/*    font-weight: normal;*/
/*}*/
/*.about_summary .summary_content .icon_summary .established h3 span{*/
/*    font-size: 50px;*/
/*}*/
.bottom_summary_wrap{
    font-size: 16px;
    color: #666;
}
.bottom_summary_wrap .content_wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 80vw;
    margin: 0 auto;
}
.bottom_summary_wrap .content_wrap:nth-of-type(2) {
    margin-top: 40px;
}
.bottom_summary_wrap .content_wrap .explain {
    line-height: 30px;
    width: 810px;
}
.about_summary .summary_content .icon_summary .established p {
    text-indent: 0;
}
/*关于我们图标和字*/
.componey_summary{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.componey_summary img{
    width: 62px;
    height: auto;
    margin-right: 30px;
}
.componey_summary h3{
    color: #d3291a;
    font-weight: normal;
}
.componey_summary h3 span{
    font-size: 50px;
}
/*关于我们 简介=》底部*/
.bottom_summary_wrap{
    width: 100%;
    padding: 100px 0;
    max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
}
.bottom_summary_wrap .bottom_summary{
    max-width: 1130px;
}
.bottom_summary_wrap .bottom_summary .content_wrap{
    width: 100%;
}

.center-details { margin-top: 80px; padding: 80px 20px; }
.center-details-content { max-width: 1300px; text-align: center; font-size: 16px; color: #666666; line-height: 1.8; margin: 0 auto; }



/**
 * 媒体查询
 */
@media screen and (max-width: 1450px) {
    /*中都简介图*/
    .about_summary img {
        width: 570px;
        height: 380px;
        /*display: block;*/
    }
    .about_summary .video {
        width: 570px;
        height: 380px;
        /*display: block;*/
    }
    .center-details-content {
      max-width: 1100px;
    }

    .about_summary .summary_content {
        font-size: 14px;
    }

    .about_summary .summary_content h2 {
        font-size: 26px;
    }

    .about_summary .summary_content p {
        line-height: 28px;
        text-indent: 28px;
    }
    .about_summary img {
        width: 510px;
        height: 320px;
        margin-right: 48px;
    }
    .about_summary .video {
        width: 510px;
        height: 320px;
        margin-right: 48px;
    }

    .componey_summary img {
        width: 48px;
        height: auto;
        margin-right: 20px;
    }

    .componey_summary h3 span {
        font-size: 40px;
    }
    /*    主体下方简介*/
    .bottom_summary_wrap{
        font-size: 14px;
    }
    .bottom_summary_wrap .content_wrap .explain{
        width: 760px;
    }
}
@media screen and (max-width: 1200px) {
    .about_summary_wrap{
        height: 770px;
    }
    .center-details-content {
      max-width: 900px;
    }
    .about_summary img {
        width: 440px;
        height: 297px;
        margin-right: 30px;
    }
    .about_summary .video {
        width: 440px;
        height: 297px;
        margin-right: 30px;
    }
    .about_summary .summary_content {
        font-size: 13px;
    }
    .about_summary .summary_content h2 {
        font-size: 24px;
    }
    .about_summary .summary_content p {
        line-height: 26px;
        text-indent: 26px;
    }

    .componey_summary img {
        width: 40px;
        height: auto;
        margin-right: 10px;
    }
    .componey_summary h3 span {
        font-size: 32px;
    }

/*    主体下方简介*/
    .bottom_summary_wrap{
        font-size: 13px;
    }
    .bottom_summary_wrap .content_wrap{
        /*max-width: 1000px;*/
    }
    .bottom_summary_wrap .content_wrap .explain{
        width: 640px;
    }
}

@media screen and (max-width: 1024px) {
    .about_summary_wrap{
        height: auto;
    }
    .about_summary{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .about_summary img {
        width: 440px;
        height: 297px;
        margin-right: 30px;
    }
    .about_summary .video {
        width: 440px;
        height: 297px;
        margin-right: 30px;
    }
    .about_summary .summary_content {
        font-size: 13px;
        margin-top: 30px;
    }
    .about_summary .summary_content .icon_summary { margin-top: 50px; }
    .about_summary .summary_content h2 {
        font-size: 24px;
        text-align: center;
    }
    .about_summary .summary_content p {
        line-height: 26px;
        text-indent: 26px;
    }

    .componey_summary img {
        width: 40px;
        height: auto;
        margin-right: 10px;
    }
    .componey_summary h3 span {
        font-size: 32px;
    }

    /*    主体下方简介*/
    .bottom_summary_wrap{
        font-size: 13px;
    }
    .bottom_summary_wrap .content_wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .bottom_summary_wrap .content_wrap .explain{
        width: 640px;
        margin: 20px
    }
}



@media screen and (max-width: 800px) {
    .about_summary_wrap{
        width: 100%;
        padding-top: 10px;
    }
    .about_summary{
        width: 96%;
        margin: 0 auto;
    }
    .about_summary img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .about_summary .video {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .about_summary .summary_content{
        width: 90%;
    }
    .componey_summary img{
        width: 30px;
        height: auto;
        margin-right: 10px;
    }
    .componey_summary h3 span {
        font-size: 28px;
    }
    /*    主体下方简介*/
    .bottom_summary_wrap{
        font-size: 13px;
    }
    .bottom_summary_wrap .content_wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .bottom_summary_wrap .content_wrap .explain{
        width: 100%;
        margin: 20px
    }
    .about_summary .summary_content h2 {
        text-indent: 0;
    }

}