/* 容器900px */
.company_introduction_container {
    margin: 0 auto;
    width: 7.5rem
        /* 900/120 */
    ;
}

header {
    height: .666667rem
        /* 80/120 */
    ;
    width: 100%;
    background-color: #3A3230;
    display: flex;
    font-size: .083333rem
        /* 10/120 */
    ;
    top: 0;
}

header .title .logobox {
    height: .25rem
        /* 30/120 */
    ;
    width: .25rem
        /* 30/120 */
    ;
    border: .008333rem 1/120 solid #eee;
    display: inline-block;
    margin-left: .833333rem
        /* 100/120 */
    ;
    margin-right: .166667rem
        /* 20/120 */
    ;
}

header .title .logobox img {
    width: 100%;
    height: 100%;
}

header .title .logobox .name {
    flex: 1;
}

header .title {
    flex: 1;
    display: flex;
    align-items: center;
    color: #ccc;
}

header .title .name h1:nth-child(1) {
    font-size: .133333rem
        /* 16/120 */
}

header .title .name h1:nth-child(2) {
    font-size: .1rem
        /* 12/120 */
}

header .nav {
    flex: 1;
}

header .nav ul li {
    margin: .166667rem
        /* 20/120 */
}

header .nav ul li a {
    color: #ccc;
    font-size: .141667rem
        /* 17/120 */
}

header .nav ul li a:hover {
    opacity: .8;
}

header .nav ul {
    height: 100%;
    display: flex;
    align-items: center;
}

/* main ---------------------------------------------------------------------*/
main .title {
    padding: .25rem
        /* 30/120 */
    ;
}

main .title h1 {
    font-size: .25rem
        /* 30/120 */
    ;
    margin: .083333rem 0
        /* 10/120 */
    ;
}

main .content .l {
    width: 50%;
    float: left;
}

/* main .content .l ul {} */

main .content .l ul li {
    line-height: .208333rem
        /* 25/120 */
    ;
    padding: .208333rem
        /* 25/120 */
    ;
    list-style: initial;
    font-size: .141667rem
        /* 17/120 */
    ;
    color: #232121;
}

main .content .l .time_wrap {
    padding-top: .416667rem
        /* 50/120 */
    ;
}

main .content .l .time_wrap ul li {
    list-style: none;
}

main .content .r {
    margin: .416667rem
        /* 50/120 */
    ;
    width: 2.5rem
        /* 300/120 */
    ;

    height: 3.333333rem
        /* 400/120 */
    ;
    float: right;
    border-radius: 0 .666667rem
        /* 80/120 */
        0 0;
}

main .content .r img {
    width: 100%;
    height: 100%;
    border-radius: 0 .666667rem
        /* 80/120 */
        0 0;

}


/* ---------.content 1 & 2--------------------- */

main .content_2_1 {
    margin-top: .25rem
        /* 30/120 */
    ;
    display: flex;

}

main .content_2_1 .img img {
    width: 100%;
    height: 100%;
    border-radius: .066667rem
        /* 8/120 */
    ;
}

main .content_2_1 ul {
    list-style: initial;
    width: 100%;
    text-align: left;
    margin-left: .25rem
        /* 30/120 */
    ;
}

main .content_2_1 ul li {
    font-size: .133333rem
        /* 16/120 */
    ;
    line-height: .25rem
        /* 30/120 */
    ;
}

main .content_2_1 .img {
    width: 40%;
}

/* ---------.content 1 & 2--------------------- */
main .content_2_2 {
    margin-top: .25rem
        /* 30/120 */
    ;
    display: flex;
}

main .content_2_2 ul {
    list-style: initial;
    width: 100%;
    text-align: left;
    margin-right: .25rem
        /* 30/120 */
    ;
}

main .content_2_2 ul li {
    font-size: .15rem
        /* 18/120 */
    ;
    line-height: .25rem
        /* 30/120 */
    ;
}



main .content_2_2 .img {
    width: 60%;
}


main .content_2_2 .img img {
    width: 100%;
    height: 100%;
    border-radius: .066667rem
        /* 8/120 */
    ;
}


/* 容器 1000px */
.company_introduction_container2 {
    margin: 0 auto;
    width: 8.333333rem
        /* 1000/120 */
    ;
}


main ul.content_3 {
    margin: .666667rem
        /* 80/120 */
        0;
    display: flex;
    flex-wrap: wrap;

}

main ul.content_3 li {
    width: 2.083333rem
        /* 250/120 */
    ;
    height: 3.333333rem
        /* 400/120 */
    ;
    padding: .125rem /* 15/120 */;
    overflow: hidden;
}


main ul.content_3 li img {
    width: 100%;
    height: 100%;
}


/* 每个文字处理格子图片 */
main ul.content_3 li:nth-child(1) {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(1) img {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(3) {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(3) img {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(5) {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(5) img {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(8) {
    border-radius: 0 .666667rem 0 0;
}
main ul.content_3 li:nth-child(8) img {
    border-radius: 0 .666667rem 0 0;
}


/* 每个文字处理格子文字 */
main ul.content_3 li:nth-child(2) {
    line-height: .166667rem /* 20/120 */;
}
main ul.content_3 li:nth-child(2) span {
    font-size: .1rem /* 12/120 */;
}
main ul.content_3 li:nth-child(4) {
    line-height: .166667rem /* 20/120 */;
}
main ul.content_3 li:nth-child(4) span {
    font-size: .1rem /* 12/120 */;
}
main ul.content_3 li:nth-child(6) {
    line-height: .166667rem /* 20/120 */;
}
main ul.content_3 li:nth-child(6) span {
    font-size: .1rem /* 12/120 */;
}
main ul.content_3 li:nth-child(7) {
    line-height: .166667rem /* 20/120 */;
}
main ul.content_3 li:nth-child(7) span {
    font-size: .1rem /* 12/120 */;
}




/* footer ------------------------------------------------------------------------*/
footer {
    height: 2.5rem
        /* 300/120 */
    ;
    background-color: #3A3230;

    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/* 备案信息 */
footer .bottom_colorbar {
    width: 100%;
    height: .466667rem
        /* 56/120 */
    ;
    background-color: #160C0A;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .1rem /* 12/120 */;
}

footer .copyright {
    height: 100%;
    display: flex;
    color: #fff;
    padding-bottom: .166667rem
        /* 20/120 */
    ;
}

footer .copyright .l {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

footer .copyright .l ul.nav {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


footer .copyright .l ul.nav span {
    display: inline-block;
    height: 100%;
    width: 100%;
    flex: 1;
    line-height: .833333rem
        /* 100/120 */
    ;
    margin-top: .166667rem
        /* 20/120 */
    ;
    font-size: .133333rem
        /* 16/120 */
    ;
}

footer .copyright .l ul.nav ul {
    flex: 5;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

footer .copyright .l ul.nav ul li {
    margin: .066667rem
        /* 8/120 */
    ;
    font-size: .1rem
        /* 12/120 */
    ;
}

footer .copyright .r {
    flex: 1;
    display: flex;
}

footer .copyright .r .logo {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .copyright .r .logo img {
    width: .625rem
        /* 75/120 */
    ;
    height: .625rem
        /* 75/120 */
    ;
}

footer .copyright .r .info {
    flex: 2;
    display: flex;
    flex-direction: column;
    padding-left: .833333rem
        /* 100/120 */
    ;
}

footer .copyright .r .info .info_items {
    flex: 2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
}

footer .copyright .r .info h1 {
    flex: 1;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    align-items: end;
    font-size: .133333rem
        /* 16/120 */
    ;
}

footer .copyright .r .info .info_items p {
    flex: 1;
    text-align: center;
    padding-top: .125rem
        /* 15/120 */
    ;
    height: .166667rem
        /* 20/120 */
    ;
    ;
    font-size: .1rem
        /* 12/120 */
    ;
}