.box2 {
    .boxin {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        >div {
            width: 250px;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            position: relative;
            margin-bottom: 60px;

            .big {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                overflow: hidden;
            }

            p {
                margin-top: 10px;
                font-size: 16px;
                text-align: center;
            }

            >div {
                position: absolute;
                top: -30px;
                left: 0;
                width: 100%;
                // height: 100%;
                background-color: #fff;
                box-shadow: 0 0 6px #eee;
                z-index: 9;
                padding: 30px 20px 20px;
                box-sizing: border-box;

                div {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    width: 100%;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #eee;

                    .small {
                        width: 80px;
                        height: 80px;
                        border-radius: 50%;
                        overflow: hidden;
                        // margin-top: -20px;
                    }
                }

                ul {
                    width: 100%;
                    margin-top: 14px;

                    li {
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;
                        margin-top: 8px;
                        font-size: 14px;

                        s {
                            text-decoration: none;
                            width: 4px;
                            height: 4px;
                            background-color: #ff8023;
                            margin-right: 10px;
                            margin-top: 8px;
                        }
                    }
                }
            }
        }
    }
}

.box10 {
    background: #f8f8f8;

    .tab {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        width: 960px;
        margin: 0 auto;

        li {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-bottom: 2px solid #f8f8f8;
            cursor: pointer;



            .photo {
                width: 50px;
                height: 50px;

            }

            p {
                font-size: 16px;
                color: #80827b;
                padding: 15px 0;
            }
        }

        .cur {
            border-bottom: 2px solid #1b2e6c;

            p {
                color: #1b2e6c;
            }
        }

        li:nth-child(1) {
            .photo {
                background: url('../img/news/index/jiaocai_active.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(1).cur {
            .photo {
                background: url('../img/news/index/jiaocai.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(2) {
            .photo {
                background: url('../img/news/index/zhenti.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(2).cur {
            .photo {
                background: url('../img/news/index/zhenti_active.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(3) {
            .photo {
                background: url('../img/news/index/zhangjie.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(3).cur {
            .photo {
                background: url('../img/news/index/zhangjie_active.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(4) {
            .photo {
                background: url('../img/news/index/moni.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(4).cur {
            .photo {
                background: url('../img/news/index/moni_active.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(5) {
            .photo {
                background: url('../img/news/index/zhishi.png') no-repeat center center;
                background-size: cover;
            }
        }

        li:nth-child(5).cur {
            .photo {
                background: url('../img/news/index/zhishi_active.png') no-repeat center center;
                background-size: cover;
            }
        }
    }

    .content {
        display: none;
        // background: #ffffff;
        padding: 20px 0;

        .bxpic {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            img {
                margin-bottom: 20px;
                // width: 300px;
            }
        }
    }

    .on {
        display: block;
    }
}