/*智慧党建系统*/

:root {
    /*主题色*/
    --smart_party_theme_color:#9C2721;

    /*产品特点*/
    --smart_pie_1:#4A2F89;
    --smart_pie_2:#323E82;
    --smart_pie_3:#54877D;
    --smart_pie_4:#52824F;
    --smart_pie_5:#D9BB43;
    --smart_pie_6:#76833A;
    --smart_pie_7:#842578;
    --smart_pie_8:#BAB335;

    /*渐变色*/
    --smart_poins_linear_pie:  linear-gradient(to bottom , #B82D25 , #CC5C42)
}


/*-------------产品简介-------------*/
.introduction_title,.introduction_title_en{
    color: var(--smart_party_theme_color);
}
/*-------------产品特点-------------*/
.smart_product_features {
    margin: 40px auto;
}
.smart_outer_ring,.smart_bg_white,.smart_center_pie,.smart_title,.smart_list,.smart_sub_title{
    border-radius: 50%;
    color: #fff;
}
.smart_bg_white,.smart_center_pie,.smart_title,.smart_sub_title {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.smart_outer_ring {
    width: 600px;
    height: 600px;
    background-color: #eee;
    margin: 100px auto;
    position: relative;
}
.smart_bg_white {
    width: 500px;
    height: 500px;
    background-color: white;
}
.smart_center_pie {
    width: 250px;
    height: 250px;
    background-color: #EEDEDF;
}
.smart_title {
    width: 220px;
    height: 220px;
    background-color: var(--smart_party_theme_color);
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 60px;
}
.smart_outer_ring .smart_list {
    width: 160px;
    height: 160px;
    background-color: #eee;
    position: absolute;
    left: 37%;
    top: 37%;
    transform-origin: center;

}
.smart_list .smart_sub_title {
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0 29px;
    font-size: 23px;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: bold;
    position: absolute;
    left: 3%;
    top: 3%;
}
.smart_list_1 { transform: rotateZ(0deg) translateY(277px);}
.smart_list_2 { transform: rotateZ(45deg) translateY(277px);}
.smart_list_3 { transform: rotateZ(90deg) translateY(277px);}
.smart_list_4 { transform: rotateZ(135deg) translateY(277px);}
.smart_list_5 { transform: rotateZ(180deg) translateY(277px); }
.smart_list_6 { transform: rotateZ(225deg) translateY(277px);}
.smart_list_7 { transform: rotateZ(270deg) translateY(277px);}
.smart_list_8 { transform: rotateZ(315deg) translateY(277px);}

.smart_sub_title_1 { transform: rotate(-0deg);  background-color: var(--smart_pie_1);}
.smart_sub_title_2 { transform: rotate(-45deg);  background-color: var(--smart_pie_2);}
.smart_sub_title_3 { transform: rotate(-90deg);  background-color: var(--smart_pie_3);}
.smart_sub_title_4 { transform: rotate(-135deg);  background-color: var(--smart_pie_4);}
.smart_sub_title_5 { transform: rotate(-180deg);  background-color: var(--smart_pie_5);}
.smart_sub_title_6 { transform: rotate(-225deg);  background-color: var(--smart_pie_6);}
.smart_sub_title_7 { transform: rotate(-270deg);  background-color: var(--smart_pie_7);}
.smart_sub_title_8 { transform: rotate(-315deg);  background-color: var(--smart_pie_8);}
/*-------------产品痛点-------------*/
.pain_points_title .pain_points_cn, .pain_points_title .pain_points_en{
    color: var(--smart_party_theme_color);
}

.smart_product_pain_points {
    margin: 40px 0;
    position: relative;
    padding: 20px;
}
.smart_product_pain_points aside {
    width: 30%;
    color: var(--smart_party_theme_color);
    font-size: 18px;
    min-height: 70px;
}
.smart_product_pain_points aside:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: var(--smart_poins_linear_pie);
    box-shadow: 0 2px 4px #F5BBAE;
    border-radius: 50%;
    margin-right: 10px;
}
.points_top {
    margin-left: 30%;
    margin-bottom: 20px;
}
.points_center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.points_center:before {
    display: none !important;
}
.points_center img {
    width: 200px;
    height: auto;
}
.points_center_title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: #DEDFE1;
    color: var(--smart_party_theme_color);
    width: 70%;
}
.smart_product_pain_points .points_left,.smart_product_pain_points .points_right {
    display: inline-block;
}
.points_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.points_list .list_item{
    width: 27%;
    margin-top: 20px;
}
.points_left {
    position: relative;
    left: 20px;
}
.points_right {
    margin-left: 30%;
}
.points_bottom {
    margin-left: 50%;
    margin-top: 20px;
}
.function_introduction  .introduction_item:nth-of-type(even){
    background-color: rgba(237, 195, 190,0.8);
}
.function_introduction_title {
    color: var(--smart_party_theme_color);
}